/* 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: "\f0d8"; font-family: "FontAwesome"; font-size: 24px;line-height:18px; color: #ddd; position: absolute; top: -14px; 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:0 0 20px 0;padding-bottom:20px;border-bottom:1px solid #a0d0eb;}
.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 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 #ddd;background:#fbfbfb;-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;}
.im-messages .im-table-row {position:relative;font-size:13px;background:#fcfcfc!important;margin:0 0 25px 0;padding:12px 8px;width:80%;float:left;border:1px solid #ddd;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.im-messages .im-table-row:before {font-family:"FontAwesome";font-size:20px;position:absolute;bottom:-12px;left:16px;right:auto;color:#ddd;content:"\f0d7";}
.im-messages .im-table-row.im-from {background:#fff!important;border-color:#2196F3;float:right;}
.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 {font-size:11px;color:#999;}
.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:4px 8px!important;margin-top:15px;height:auto;background:#fcfcfc;border-top:1px solid #ddd;-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:0 0 30px 0;clear:both;width:100%;padding:10px;border:1px solid #ddd;background:#f8f8f8;}
#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.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-positon:0;float:none;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: #72C279; border-color: #60ba68;}
.im-button-green:hover, .im-body #uniform-undefined:hover {color: #fff; background-positon:0;background-color: #4eb357; border-color: #439a4a; -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;}



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')};