/* BLOCKS */
.im-block {float:left;clear:both;width:100%;margin-top:25px;}
.im-block .im-remove-block {font-size:16px;}
.im-block .im-remove-block:hover {color:#222;}
.im-block .im-table-row.im-empty {background:#f9f9f9;padding:20px;}
.im-block .im-table-head strong {float:left;}
.im-block .im-table-head form {float:left;margin-left:15px;}
.im-block .im-table-head form input[type="text"] {float:left;height:24px!important;padding:0 6px!important;line-height:24px;margin:-3px 0;width:180px;}
.im-block .im-table-head form button[type="submit"] {float:left;height:24px!important;padding:0 6px!important;line-height:24px;margin:-3px 0 -3px 4px;border: 1px solid #03a9f4; background: #03a9f4; color: #fff;}
.im-block .im-table-head form button[type="submit"]:hover {background: #0695d6; border-color: #0695d6;}
.im-block .im-table-head form button i {font-size:14px;color:#fff;}


.im-profile-img {position:absolute;left:5px;width:43px;height:auto;-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
.im-profile-img.im-img-def {opacity:0.6;}
.im-vertical {position:absolute;left:50%;margin-left:-1px;height:100%;width:2px;background:#eee;top:0;display:block;}
.im-vertical .bot {position:absolute;bottom:-3px;left:-9px;background:#fff;border:3px solid #ddd;width:20px;height:20px;-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.im-table-row .im-horizontal {padding:3px 0;position:absolute;top:-28px;right:-55px;width:50px;display:block;overflow:visible;background:#fff;-webkit-border-radius: 30px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 30px; -moz-border-radius-bottomleft: 0; border-radius: 30px; border-bottom-left-radius: 0;}
.im-table-row .im-horizontal .right {float:left;display:block;width:50px;height:50px;border:1px solid #ddd;background:#fff;padding:2px;-webkit-border-radius: 30px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 30px; -moz-border-radius-bottomleft: 0; border-radius: 30px; border-bottom-left-radius: 0;}
.im-table-row .im-horizontal .right img {opacity:0.5;float:left;width:100%;height:100%;-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
.im-table-row .im-horizontal span {padding:0;}
.im-table-row.im-from .im-horizontal {left:-55px;right:auto;-webkit-border-radius: 30px; -webkit-border-bottom-right-radius: 0; -moz-border-radius: 30px; -moz-border-radius-bottomright: 0; border-radius: 30px; border-bottom-right-radius: 0;}
.im-table-row.im-from .im-horizontal .right {border-color:#2196F3;left:-55px;right:auto;-webkit-border-radius: 30px; -webkit-border-bottom-right-radius: 0; -moz-border-radius: 30px; -moz-border-radius-bottomright: 0; border-radius: 30px; border-bottom-right-radius: 0;}
.im-table-row.im-from .im-horizontal .right img {opacity:1;}

.im-attachment {float:left;width:auto;clear:both;margin:4px 0 0 12px;clear:none!important;}
.im-attachment .im-att-box {float:left;width:100%;clear:both;margin:0;position:relative;}
.im-attachment .im-att-box input {cursor:pointer;opacity:0;padding:5px;position:absolute;top:0;left:0;z-index:0;background:transparent;}
.im-attachment .im-att-box .im-status {float:left;width:auto;cursor:pointer;padding:0;color:#00BCD4;position:relative;z-index:2;}
.im-attachment .im-att-box:hover .im-status .im-wrap span {text-decoration:underline;}
.im-attachment .im-att-box .im-wrap {float:left;width:auto;cursor:pointer;padding:5px 0 5px 2px;position:relative;z-index:2;}
.im-attachment .im-att-box .im-status i {float:left;cursor:pointer;font-size:16px;line-height:16px;width:18px;text-align:left;}
.im-attachment .im-att-box .im-status .im-wrap span {font-size:13px;cursor:pointer;line-height:16px;font-weight:500;}
.im-attachment .im-text {float:left;width:100%;clear:both;margin:1px 0;font-size:12px;color:#999;line-height:13px;}

.im-user-account-count {position: absolute; font-size: 9px; padding: 2px 3px; line-height: 12px; text-align: center; height: 16px; min-width: 16px; margin-top: -4px; margin-left: 2px; border-radius: 8px; color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.1); background: #f44336;}


/* CONTACT BUTTON */
.im-contact {float:left;width:auto;margin:15px 15px 25px 0;color:#fff;padding:6px 42px 6px 6px;background:#2196F3;border:1px solid #2196F3;position:relative;overflow:hidden;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;font-family: "Open Sans",Verdana,sans-serif;}
.im-contact:hover {color:#fff;text-decoration:none;}
.im-contact:after {position:absolute;display:block;background:#fff;content:".";text-indent:-9999px;width:50px;height:100px;right:-15px;top:-20px;-ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg);}
.im-contact .im-top {float:left;clear:both;width:100%;font-weight:bold;font-size:14px;line-height:15px;}
.im-contact:hover .im-top {text-decoration:underline;}
.im-contact .im-bot {float:left;clear:both;width:100%;font-weight:500;font-size:11px;line-height:15px;}
.im-contact i {position: absolute; top: 10px; right: 8px; font-size: 20px; color: #2196F3; z-index: 2;}
.im-contact:hover i {color:#1C76BD;}



/* ERROR LIST FOR VALIDATION */
.im-error-list.error-list {padding:0px;list-style-type:none;color:#D27C82;font-size:13px;position:relative;margin:0;}
.im-error-list.error-list li { background:#FFE2E4;padding:8px 10px 8px 30px;margin:0 0 3px 0;clear:both;border-left:1px solid #FFE2E4;border-right:1px solid #FFE2E4;position:relative;border-left: solid 3px #D27C82;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;overflow:hidden;}
.im-error-list.error-list li:before { position: absolute; top: 50%; margin-top: -9px; display: block; height: 20px; line-height: 20px; width: 20px; color: #D27C82; left: 8px; font-family: "FontAwesome"; content: "\f059"; font-size: 18px; }
.im-error-list.error-list li:last-child {margin-bottom:10px;}


/* PAGINATION */
#im-pagination {width:100%;display:inline-block;margin:50px 0 10px 0;text-align:center;}
#im-pagination .im-pagination-inside > span {font-size:12px;line-height:13px;display:inline-block;margin-right:15px;font-weight:500;color:#999;}
#im-pagination .im-pagination-inside > a.im-page-active {font-weight:bold;border:1px solid #008abd;text-align:center;line-height:28px;width:30px;height:30px;display:inline-block;color: #fff; background-color: #00aff0; -webkit-box-shadow: none; box-shadow: none;text-decoration:none;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#im-pagination .im-pagination-inside > a {border:1px solid #ddd;text-decoration:none;text-align:center;line-height:28px;width:30px;height:30px;display:inline-block;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#im-pagination .im-pagination-inside > a:hover {color: #fff; background-color: #00aff0; border-color: #008abd; -webkit-box-shadow: none; box-shadow: none;text-decoration:none;}



/* HEADER LINK */
#im-link {position:relative;}
#im-link > a {font-weight:bold;}
#im-link #im-thread-wrap {display:none;position:absolute;top:20px;left:0;width:300px;min-height:100px;}
#im-link:hover #im-thread-wrap {display:block;}
#im-link .im-t-unread {display:inline-block;margin-left:4px;margin-right:8px;text-decoration:none;padding:0 3px;background:#F44336;color:#fff;font-weight:bold;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
#im-link .im-thread-list {z-index:9999;color:#333;position:absolute;top:7px;left:0;width:300px;border:1px solid #ddd;background:#fff;font-size:12px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#im-link .im-thread-list:before {content: ""; border:6px solid;border-color: transparent transparent #ddd transparent; position: absolute; top: -12px; left: 15px;}
#im-link .im-thread-list .im-entry {position:relative;margin:0;padding:4px 6px;background:#fff;border-bottom:1px solid #eee;border-top:1px solid #fff;}
#im-link .im-thread-list .im-entry:after {font-family:"FontAwesome";content:"\f1db";position:absolute;right:6px;top:4px;color:#ccc;font-size:8px;}
#im-link .im-thread-list .im-entry:hover {background:#E2EBF3!important;}
#im-link .im-thread-list .im-entry.im-unread {background:#f8f8f8;}
#im-link .im-thread-list .im-entry.im-unread:after {content:"\f111";color:#aaa;}
#im-link .im-thread-list .im-row {margin:0;}
#im-link .im-thread-list .im-img {padding-right:8px;}
#im-link .im-thread-list .im-img img {border:1px solid #ddd;padding:1px;background:#fff;width:auto;height:auto;max-width:100%;max-height:56px;}
#im-link .im-thread-list .im-name {margin-top:1px;font-size:12px;color:#000;font-weight:bold;height:18px;line-height:17px;overflow:hidden;}
#im-link .im-thread-list .im-text {font-size:11px;font-weight:500;color:#333;line-height:13px;margin:1px 0;height:14px;overflow:hidden;}
#im-link .im-thread-list .im-text .fa {color:#bbb;margin-right:2px;font-size:9px;}
#im-link .im-thread-list .im-time {font-size:10px;font-weight:500;color:#999;font-style:italic;height:18px;overflow:hidden;line-height:17px;}
#im-link .im-show-all {font-size:12px;padding:8px 0;text-align:center;}
#im-link .im-show-all a {color:#999!important;text-decoration:none!important;line-height:16px!important;font-size:12px;}
#im-link .im-show-all a:hover {text-decoration:underline;color:#00BCD4!important;}



/* ITEM RELATED TO THREAD */
.im-row.im-item-related {margin:5px 0 30px 0;padding-bottom:20px;border-bottom:1px solid #ddd;background:#f0f0f0;padding:10px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.im-item-related, .im-item-related * {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.im-item-related a {color:#2EACCE;font-size:12px;font-weight:bold;text-decoration:none;}
.im-item-related a:hover {text-decoration:underline;}
.im-item-related .im-line {padding:2px 8px;font-size:12px;color:#999;}
.im-item-related .im-item-price {font-weight:bold;font-size:14px;color:#000;}
.im-item-related .im-item-resource {width:auto;max-width:12.5%;padding-right:5px;}
.im-item-related .im-item-resource img {width:auto;height:auto;max-width:100%;max-height:66px;border:1px solid #ddd;padding:2px;background:#fff;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}



/* THREADS LIST */
.im-threads {font-size:13px;}
.im-threads .im-table-row {padding:8px 0;position:relative;}
.im-threads .im-table-row.im-unread:before {color:#fff;font-size:13px;line-height:24px;text-align:center;display:block;font-family:"FontAwesome";content:"\f070";position:absolute;left:-24px;width:24px;height:24px;background:#F44336;top:0;}
.im-threads .im-table-row.im-unread:after {display:block;font-family:"FontAwesome";content:".";text-indent:-9999px;position:absolute;left:0px;width:1px;height:70%;background:#F44336;top:0;}
.im-threads .im-line {padding:2px;}
.im-threads .im-title a {font-size:13px;font-weight:bold;}
.im-threads .im-item a {font-size:12px;text-decoration:none;color:#888;}
.im-threads .im-item a:hover {color:#333;}
.im-threads .im-from-to {font-size:13px;color:#000;}
.im-threads .im-time {font-size:12px;color:#888;font-style:italic;}
.im-threads .im-special {padding:20px 5px;line-height:18px;}
.im-threads .im-special i {font-size:14px;line-height:18px;}
.im-threads .im-small {font-size:9px;}
.im-threads .im-flag-yes i {color:#F44336;}
.im-threads .im-flag-no i {color:#bbb;}
.im-threads .im-notify-yes i {color:#F44336;}
.im-threads .im-notify-no i {color:#bbb;}



/* CREATE THREAD */
#im-create-thread-form {padding:12px;border:1px solid #eee;background:#f0f0f0;display:inline-block;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#im-create-thread-form .im-input {clear:both;}
#im-create-thread-form .im-textarea {margin-top:10px;}

/* List of existing threads - on CREATE THREAD page */
.im-threads-exist {margin:0 0 15px 0;display:inline-block;width:100%;clear:both;}
.im-threads-exist a {font-size:12px;padding:10px;background:#fff;border:1px solid #ddd;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;margin:0 0 8px 0;}
.im-threads-exist a:hover {background:#f4f8fb;}
.im-threads-exist a .im-title {color:#2EACCE;text-decoration:none;line-height:18px;font-size:12px;}
.im-threads-exist a .im-title:hover {color:#2EACCE;text-decoration:underline;}
.im-threads-exist a .im-from-to {color:#333;font-weight:500;line-height:18px;font-size:12px;}
.im-threads-exist a .im-pms {color:#999;font-weight:500;font-style:italic;font-size:11px;line-height:18px;}
.im-threads-exist a .im-time {color:#999;font-weight:500;font-style:italic;font-size:11px;line-height:18px;}



/* LIST OF MESSAGES */
.im-messages {font-size:14px;position:relative;padding-top:20px;}
.im-messages .im-table-row {position:relative;font-size:13px;background:#fdfdfd!important;margin:0 0 25px 0;padding:12px 8px;width:47%;float:left;border:1px solid #e8e8e8;box-shadow:1px 1px 5px rgba(0,0,0,0.08);-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;-webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px;}
.im-messages .im-table-row.im-from {background:#fff!important;border-color:#2196F3;float:right;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;-webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px;}
.im-messages .im-table-row.im-from:before {color:#2EACCE;right:16px;left:auto;line-height:18px;}
.im-messages .im-name {line-height:18px;color:#111;}
.im-messages .im-name span.im-identifier {font-size:11px;color:#fff;background:#555;padding:0 3px;line-height:16px;display:inline-block;font-weight:600;}
.im-messages .im-table-row.im-from .im-name span.im-identifier {background:#F44336;}
.im-messages .im-date {font-size:10px;line-height:18px;color:#bbb;}
.im-messages .im-message-content {margin:8px 0;}
.im-messages .im-message-extra {text-align:right;margin-bottom:-3px;margin-top:8px;height:18px;}
.im-messages .im-message-extra.im-box-gray {padding:10px 8px 4px 8px!important;margin-top:15px;height:auto;background:#fdfdfd;border-top:1px solid #eee;-webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.im-messages .im-message-extra a.im-hide {color:#F44336;font-size:11px;font-weight:500;text-decoration:underline;display:none;float:right;margin-left:10px;}
.im-messages .im-message-extra a.im-hide:hover {text-decoration:none;}
.im-messages .im-table-row:hover .im-message-extra a.im-hide {display:block;}
.im-messages .im-message-extra a.im-download {font-size:11px;text-decoration:none;float:left;}
.im-messages .im-message-extra a.im-download:hover {text-decoration:underline;}
.im-messages .im-att-icon {margin-right:5px;vertical-align:-3px;}

/* New message form - on MESSAGE LIST page */
#im-message-form {float:left;width:100%;margin:20px 0 30px 0;clear:both;width:100%;padding:12px;border:1px solid #eee;background:#f0f0f0;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#im-message-form .im-file, #im-create-thread-form .im-file {background: #fff; border: 1px solid #ddd; padding: 3px; float: right; font-size: 12px; margin: 2px 0 1px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.im-textarea {color:#333;margin:0 0 15px 0;font-family: "Open Sans",Helvetica,Arial,sans-serif;height:175px;outline:none;width:100%;padding:5px;font-size:13px;line-height:16px;border:1px solid #ddd;background:#fff;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; border-radius: 0px;}
.im-textarea:focus, .im-textarea:active {border-color:#eaa867;}
.im-input {color:#333;margin:0;font-family: "Open Sans",Helvetica,Arial,sans-serif;outline:none;width:100%;max-width:220px;padding:5px;font-size:13px;line-height:16px;border:1px solid #ddd;background:#fff;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; border-radius: 0px;}
.im-input:focus, .im-input:active {border-color:#eaa867;}
.im-label {margin:5px 0 2px 0;font-size:13px;color:#333;width:100%;clear:both;display:inline-block;}



/* TABLE */
.im-table {display:inline-block;width:100%;clear:both;}
.im-table-head {display:inline-block;width:100%;clear:both;border: none; font-weight: normal; vertical-align: top; border-bottom: solid 1px #a0d0eb;color:#555;font-size:12px;}
.im-table-head > div {padding:8px;text-align:center;}
.im-table-row {display:block;width:100%;clear:both;float:left;background:#fff;font-size:12px;border-bottom:1px solid #EAEDEF;padding:4px 0;}
.im-table-row:nth-child(odd) {background:#FCFDFE;}
.im-table-row:hover {background:#f4f8fb;}
.im-table-row > div {overflow:hidden;padding:8px;text-align:center;}
.im-table-row > div.no-img {padding-left:56px;}
.im-table-row > div.im-line {overflow:hidden;padding:2px 8px;text-align:center;}
.im-table-row > div a {text-decoration:underline;color:#2EACCE;}
.im-table-row > div a:hover {text-decoration:none;}
.im-table-row > div.im-red {color:#F44336;}
.im-table-row .im-align-left, .im-table-head > div.im-align-left, .im-align-left {text-align:left;}
.im-table-row .im-align-right, .im-table-head > div.im-align-right, .im-align-right {text-align:right;}
.im-table-row .im-align-center, .im-table-head > div.im-align-center, .im-align-center {text-align:center;}
.im-table-row.im-table-row-summary {font-weight:bold;background:#E3F0FD;color:#000;border-bottom-color:#DDE2E4;}
.im-table-row.im-table-row-summary:nth-child(odd) {background:#EDF4FB}
.im-row-empty {text-align:center;padding:30px 25px 20px 25px;}
.im-row-empty i {color: #dedede; display: block; clear: both; font-size: 80px; text-shadow: #fff 1px 1px 0;}
.im-row-empty span {text-align: center; display: block; color: #999;font-size:14px;}




/* BASE STYLES */
.im-i {font-style:italic;}
.im-u {text-decoration:underline;}
.im-b {font-weight:bold;}
.im-gray {color:#888;}
.im-row {width:100%;display:inline-block;margin:5px 0;clear:both;}
h2.im-head {font-family: "Open Sans",Helvetica,Arial,sans-serif;font-size:20px;color:#363A41;display:inline-block;width:100%;padding:0;margin:0 0 25px 0;font-weight:bold;}
h3.im-head {font-family: "Open Sans",Helvetica,Arial,sans-serif;font-size:16px;color:#363A41;display:inline-block;width:100%;padding:0;margin:50px 0 15px 0;font-weight:bold;}
.im-body, .im-body * {font-family: "Open Sans",Helvetica,Arial,sans-serif;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;font-size:13px;}


/* Buttons */
.im-button-white {outline:none;box-shadow:none;display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 8px; font-size: 13px; line-height: 17px; height:31px;border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;color: #363A41!important; background-color: #fff; border-color: #DEDEDE;}
.im-button-white:hover {color: #fff; background-color: #00aff0; border-color: #008abd; -webkit-box-shadow: none; box-shadow: none;}
.im-button-green, .im-body #uniform-undefined {text-shadow:none;background-position:0;float:left;outline:none;box-shadow:none;display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; font-weight:600;cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 8px 10px; font-size: 13px; line-height: 16px; height:34px;border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;color: #ffffff!important; background-color: #2196F3; border-color: #2196F3;}
.im-button-green:hover, .im-body #uniform-undefined:hover {color: #fff; background-position:0;background-color:#1b7ac5; border-color: #1b7ac5; -webkit-box-shadow: none; box-shadow: none;}
.im-button-red {outline:none;box-shadow:none;display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 8px; font-size: 13px; line-height: 17px; height:31px;border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;color: #ffffff!important; background-color: #E08F95; border-color: #da7b82;}
.im-button-red:hover {color: #fff; background-color: #d5676f; border-color: #cd4b55; -webkit-box-shadow: none; box-shadow: none;}
.im-body .uploader {float:right;margin:1px 0 0 0;width:auto;display:none;}



div[class^="im-col-"] {float:left;position:relative;}
.im-col-1 {width:4.16667%}
.im-col-2 {width:8.33333%}
.im-col-3 {width:12.5%}
.im-col-4 {width:16.66667%}
.im-col-5 {width:20.83333%}
.im-col-6 {width:25%}
.im-col-7 {width:29.16667%}
.im-col-8 {width:33.33333%}
.im-col-9 {width:37.5%}
.im-col-10 {width:41.66667%}
.im-col-11 {width:45.83333%}
.im-col-12 {width:50%}
.im-col-13 {width:54.16667%}
.im-col-14 {width:58.33333%}
.im-col-15 {width:62.5%}
.im-col-16 {width:66.66667%}
.im-col-17 {width:70.83333%}
.im-col-18 {width:75%}
.im-col-19 {width:79.16667%}
.im-col-20 {width:83.33333%}
.im-col-21 {width:87.5%}
.im-col-22 {width:91.66667%}
.im-col-23 {width:95.83333%}
.im-col-24 {width:100%}


@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:url(../fonts/open-sans.eot);src:local('Open Sans'),local('Open Sans'),url(../fonts/open-sans.eot) format('embedded-opentype'),url(../fonts/open-sans.woff) format('woff')};