/* global */
html {}
body {background: #03326c;color: #000;font-size: 14px;line-height: 23px;font-family: 'Open Sans', sans-serif;}
body.logged {background: #FFF;}
body a {color: #0569B4;}
body a:hover {color: #0569B4;}
body a:focus {outline: 0;}
.clear {clear: both;}

.btn {border-radius: 0;}


@media (max-width: 991px) {
	body {font-size: 12px;line-height: 20px;}
}

.row-30 {margin-left: -30px;margin-right: -30px;}
.row-30 > div {padding-left: 30px;padding-right: 30px;}
.row-20 {margin-left: -20px;margin-right: -20px;}
.row-20 > div {padding-left: 20px;padding-right: 20px;}
.row-10 {margin-left: -10px;margin-right: -10px;}
.row-10 > div {padding-left: 10px;padding-right: 10px;}


.btn-primary {border-radius: 0;}
.btn {border: 0;}
.btn-new {float: right;font-size: 15px;font-weight: 700;text-transform: uppercase;background: #0569B4;color: #FFF;border: 0;margin: 0 0 0 10px;border-radius: 0;}
.btn-large {padding: 15px 40px;font-size: 17px;font-weight: 700;text-transform: uppercase;background: #0569B4;color: #FFF;border: 0;}
.btn-grey {background: #333;color: #FFF;border: 0;}
.btn-orange {background: #0569B4;color: #FFF;border: 0;}
.btn--upload {background: #2C669E;color: #FFF;border-color: #2C669E;}
.btn-icon-left {margin-right: 8px;}
.btn-icon-right {margin-left: 8px;}
.btn-protocol {background: #4be733;border: 0;color: #000;}

@media (max-width: 991px) {
	.btn-new {font-size: 12px;}
	.btn-large {font-size: 12px;}
	
}
/* global */


header {background: #03326c;font-size: 14px;line-height: 40px;margin: 0 0 30px 0;color: #FFF;}fa fa-spin
header .menu {border-left: 1px solid #4A97D0;}
header .menu img {display: inline-block;margin: 0;}
header .menu a {display: inline-block;margin: 10px 0;line-height: 20px;padding: 0 14px;border-right: 1px solid #4A97D0;text-transform: uppercase;color: #FFF;font-weight: 600;}
header .menu a .fa {border-radius: 30px;border: 1px solid #FFF;width: 16px;height: 16px;text-align: center;font-size: 12px;line-height: 16px;color: #FFF;}
header .account-wrap {float: right;}
header .account-wrap .btn {background: #E6194B;border: 0;border-radius: 0;padding: 10px 20px;line-height: 20px;color: #FFF;vertical-align: top;}
header .account-wrap .dropdown-menu {left: auto;right: 0;background: #E6E6E6;padding: 10px;border-radius: 0;}
header .account-wrap .dropdown-menu a {}

@media (max-width: 991px) {
	header {font-size: 12px;line-height: 30px;}
	header .menu a {padding: 0 14px;line-height: 30px;}
}

.content-font {afont-family: 'Roboto Flex', sans-serif;}
.content {}
.content h1 {font-size: 26px;line-height: 30px;margin: 0 0 20px 0;color: #0569B4;font-weight: 400;}
.content h2 {font-size: 20px;margin: 10px 0 30px 0;color: #0569B4;}
.content h3 {font-size: 18px;margin: 15px 0 15px 0;}
.content h4 {font-size: 16px;margin: 10px 0 10px 0;}
.content img {margin: 15px 0;max-width: 100%;height: auto;}
.content img.banner {margin: 0;}
.content img.no-margin {margin: 0;}
.content img.align-left {float: left;margin: 15px 20px 15px 0;}
.content img.align-right {float: right;margin: 15px 0 15px 20px;}
.content p {margin: 15px 0 15px 0;}
.content table {border: 0;margin: 10px 0;border-collapse: collapse;max-width: 100%;}
.content table tr th {vertical-align: top;text-align: left;border: 0;padding: 4px 12px;border: 1px solid #DDD;font-size: 13px;background: #F1F1F1;color: #000;}
.content table tr td {border: 0;padding: 6px 10px;border: 1px solid #DDD;}
.content table p {margin: 0;}
.content ul {list-style: square;padding: 0px;margin: 15px 0 15px 20px;}
.content ul li {padding: 0 0 0 5px;}
.content ul li ul {margin: 5px 0 5px 20px;}
.content ol {list-style: decimal;padding: 0px;margin: 15px 0 15px 30px;}
.content ol li {padding: 1px 0 1px 25px;}
.content hr {border: 0;background: none;padding: 0;border-bottom: 1px solid #CCC;height: 1px;margin: 15px 0;}
.content small {font-size: 11px;}
.content .date {color: #888;}

.content .pagination {list-style: none;margin: 20px 0;border-radius: 0;border: 0;}
.content .pagination li {display: inline-block;padding: 0;margin: 0 3px 0 0;border: 0;}
.content .pagination li a {background: #333;color: #FFF;line-height: 30px;width: 40px;text-align: center;border: 0;display: inline-block;border-radius: 0;}
.content .pagination li a.active, .content .pagination li a:hover {background: #0569B4;}

@media (max-width: 991px) {
	.content h1 {font-size: 22px;line-height: 26px;}
	.content h2 {font-size: 18px;line-height: 24px;}
	.content h3 {font-size: 16px;line-height: 24px;}
	.content h4 {font-size: 14px;line-height: 24px;}
}

.hosts-categories {}
.hosts-categories .item {background: #F5F5F5;margin: 0 0 20px 0;padding: 20px;text-align: center;}
.hosts-categories .item .item-name {font-size: 18px;font-weight: 700;line-height: 24px;}

.hosts-category {}
.hosts-category .item {background: #F5F5F5;margin: 0 0 20px 0;padding: 20px;text-align: center;}
.hosts-category .item .item-name {font-size: 18px;font-weight: 700;line-height: 24px;}
.hosts-category .item .item-internal-no {font-weight: 400;color: #777;}
.hosts-category .item p {margin: 10px 0 0 0;}
.hosts-category .item .fa {color: #777;}









































.detail {}
.detail .header {margin: 0 0 20px 0;}
.detail .header h1 {margin: 0;display: inline-block;vertical-align: top;line-height: 34px;}
.detail .header .btn {margin-left: 10px;}
.detail .header .btn .fa {margin-left: 8px;color: #777;font-size: 20px;}
.detail .header .btn-offer {background: #B1E8DB;}
.detail .header .btn-delivery {background: #CAE8B1;}
.detail .block {padding: 20px;margin: 0 0 20px 0;background: #F6F7F8;}
.detail .block h2 {margin-top: 0;line-height: 40px;}
.detail .block h2 strong {display: inline-block;border: 1px solid #0569B4;width: 40px;height: 40px;border-radius: 40px;text-align: center;line-height: 36px;margin: 0 12px 0 0;}

.detail .invoice-details {}
.detail .invoice-details .form-group {margin-bottom: 0;}

.detail .products {}
.detail .products .item {background: #FFF;padding: 10px 40px 10px 20px;margin: 0 0 10px 0;line-height: 30px;position: relative;}
.detail .products .item-exp-1 {background: #FDF972;}
.detail .products .item h3 {margin: 0;font-weight: 700;font-size: 15px;line-height: 22px;}
.detail .products .item .code {background: #333;border-radius: 2px;display: inline-block;padding: 0 10px;line-height: 20px;color: #FFF;font-size: 12px;margin: 0 10px 0 0;}
.detail .products .item .is-sale {background: #DF59B4;border-radius: 2px;display: inline-block;padding: 0 10px;line-height: 20px;color: #FFF;font-size: 12px;margin: 0 10px 0 0;}
.detail .products .item .stock-count {background: #333;border-radius: 2px;display: inline-block;padding: 0 10px;line-height: 20px;color: #FFF;font-size: 12px;}
.detail .products .item .stock-count-1 {background: #449845;}
.detail .products .item .remove-item {color: #DD0000;font-size: 17px;position: absolute;top: 10px;right: 10px;}
.detail .products .item .repeat-item {color: #777;font-size: 17px;position: absolute;top: 40px;right: 10px;}
.detail .products .item .prices {line-height: 30px;}
.detail .products .item .prices .vat {font-size: 12px;color: #CCC;}
.detail .products .item .prices .unit {font-weight: 700;}
.detail .products .item .prices .sum {font-size: 14px;}
.detail .products .item .item-description {margin: 4px 0;font-size: 12px;color: #DD0000;font-weight: 700;}
.detail .products .item .sale-info {color: #000000;background: #7df03c;padding: 0 7px;display: inline-block;font-size: 11px;}

.detail .products .item .available {display: inline-block;padding: 0 5px;line-height: 20px;color: #FFF;margin: 0 10px 0 0;border-radius: 2px;font-size: 12px;}
.detail .products .item .available-0 {background: #F79319;}
.detail .products .item .available-1 {background: #129844;}
.detail .products .item .available--1 {background: #DD0000;}
.detail .products .item .available-99 {background: #B5139A;}

.detail .products .item .ordered {display: inline-block;padding: 0 5px;line-height: 22px;color: #FFF;margin: 0  0 0 10px;border-radius: 2px;font-size: 12px;}
.detail .products .item .ordered-0 {background: #DD0000;}
.detail .products .item .ordered-1 {background: #F79319;}
.detail .products .item .ordered-2 {background: #129844;}
.detail .products .item .supplier-seller-wrap .radio {display: inline-block;margin-bottom: 0;margin-right: 20px;}
.detail .products .item .supplier-seller-wrap .radio label {line-height: 20px;}

.detail .protocol-wrap {background: #fff2cd;padding: 10px 40px 10px 20px;margin: 0 0 10px 0;}
.detail .protocol-wrap .select2-container {width: 100% !important;max-width: 100%;}

.detail .select2-container {width: 100% !important;max-width: 100%;}


@media (max-width: 991px) {
	.detail .products .item {padding: 10px;}
	.detail .products .item .input-group-addon {background: #333;color: #fff;font-size: 10px;padding: 6px;}
	.detail .products .item input.form-control {padding: 6px;}
	.detail .products .item .pull-right {margin-right: 30px;}
}

#order {}
#order .header {margin: 0 0 20px 0;}
#order .header h1 {margin: 0;display: inline-block;vertical-align: top;line-height: 34px;}
#order .header .btn {margin-left: 10px;}
#order .header .btn .fa {margin-left: 8px;color: #777;font-size: 20px;}
#order .header .btn-offer {background: #B1E8DB;}
#order .header .btn-delivery {background: #CAE8B1;}
#order .block {padding: 20px;margin: 0 0 20px 0;background: #F6F7F8;}
#order .block h2 {margin-top: 0;line-height: 40px;}
#order .block h2 strong {display: inline-block;border: 1px solid #0569B4;width: 40px;height: 40px;border-radius: 40px;text-align: center;line-height: 36px;margin: 0 12px 0 0;}
#order .products {}
#order .products .item {background: #FFF;padding: 10px 40px 10px 20px;margin: 0 0 10px 0;line-height: 30px;position: relative;}
#order .products .item h3 {margin: 0;font-weight: 700;font-size: 15px;line-height: 22px;}
#order .products .item .code {background: #333;border-radius: 2px;display: inline-block;padding: 0 10px;line-height: 20px;color: #FFF;font-size: 12px;margin: 0 10px 0 0;}
#order .products .item .stock-count {background: #333;border-radius: 2px;display: inline-block;padding: 0 10px;line-height: 20px;color: #FFF;font-size: 12px;}
#order .products .item .stock-count-1 {background: #449845;}
#order .products .item .remove-item {color: #DD0000;font-size: 17px;position: absolute;top: 10px;right: 10px;}
#order .products .item .repeat-item {color: #777;font-size: 17px;position: absolute;top: 40px;right: 10px;}
#order .products .item .prices {line-height: 30px;}
#order .products .item .prices .vat {font-size: 12px;color: #CCC;}
#order .products .item .prices .unit {font-weight: 700;}
#order .products .item .prices .sum {font-size: 14px;}
#order .products .item .item-description {margin: 4px 0;font-size: 12px;color: #DD0000;font-weight: 700;}

#order .products .item .available {display: inline-block;padding: 0 5px;line-height: 20px;color: #FFF;margin: 0 10px 0 0;border-radius: 2px;font-size: 12px;}
#order .products .item .available-0 {background: #F79319;}
#order .products .item .available-1 {background: #129844;}
#order .products .item .available--1 {background: #DD0000;}

#order .products .item .ordered {display: inline-block;padding: 0 5px;line-height: 22px;color: #FFF;margin: 0  0 0 10px;border-radius: 2px;}
#order .products .item .ordered-0 {background: #DD0000;}
#order .products .item .ordered-1 {background: #F79319;}
#order .products .item .ordered-2 {background: #129844;}

#order .products .item .supplier-seller-wrap {}
.expedition-date {font-size: 11px;color: #666;}


#plan {}
#plan .category {margin: 0 0 10px 0;}
#plan .category h3 {margin: 0 0 10px 0;padding: 8px 20px;}
#plan .category h4 {margin: 0;padding: 5px 0;font-size: 13px;color: #777;text-transform: uppercase;}
#plan .category .select2-container {margin: 0 0 5px 0;width: 100% !important;}

#invoice {}
#invoice .block {padding: 20px;margin: 0 0 20px 0;background: #F6F7F8;}
#invoice .block h2 {margin-top: 0;line-height: 40px;}
#invoice .block h2 strong {display: inline-block;border: 1px solid #0569B4;width: 40px;height: 40px;border-radius: 40px;text-align: center;line-height: 36px;margin: 0 12px 0 0;}
#invoice .products {}
#invoice .products .item {background: #FFF;padding: 10px 40px 10px 20px;margin: 0 0 10px 0;line-height: 30px;position: relative;}
#invoice .products .item h3 {margin: 0;font-weight: 700;font-size: 15px;line-height: 22px;}
#invoice .products .item .code {background: #333;border-radius: 2px;display: inline-block;padding: 0 10px;line-height: 20px;color: #FFF;font-size: 12px;margin: 0 10px 0 0;}
#invoice .products .item .stock-count {background: #333;border-radius: 2px;display: inline-block;padding: 0 10px;line-height: 20px;color: #FFF;font-size: 12px;}
#invoice .products .item .stock-count-1 {background: #449845;}
#invoice .products .item .remove-item {color: #DD0000;font-size: 17px;position: absolute;top: 10px;right: 10px;}
#invoice .products .item .prices {line-height: 30px;}
#invoice .products .item .prices .vat {font-size: 12px;color: #CCC;}
#invoice .products .item .prices .unit {font-weight: 700;}
#invoice .products .item .prices .sum {font-size: 14px;}

#event {}
#event .block {padding: 20px;margin: 0 0 20px 0;background: #F6F7F8;}
#event .block h2 {margin-top: 0;line-height: 40px;}
#event .block h2 strong {display: inline-block;border: 1px solid #0569B4;width: 40px;height: 40px;border-radius: 40px;text-align: center;line-height: 36px;margin: 0 12px 0 0;}
#event .block h2.more {font-size: 14px;font-weight: 700;}

#events {}
#events .event {width: 25px;height: 25px;border-radius: 25px;box-shadow: none;border: 0;background: #0569B4;}
#events .event.type-1 {background: #F9E007;}
#events .event.type-2 {background: #DD0000;}
#events #cal-slide-content {color: #000;background: #E0E0E0;box-shadow: none;}
#events #cal-slide-content ul {list-style: none;margin: 0;}
#events #cal-slide-content ul li {line-height: 25px;margin: 0 0 10px 0;}
#events #cal-slide-content ul li a.event-item {color: #000;text-decoration: underline;line-height: 25px;}
#events #cal-slide-content ul li p {color: #666;margin: 3px 0 10px 0;}
#events .button-print {color: #000;}
#orders .button-print .fa {font-size: 20px;margin: 0 10px 0 0;}

#contact {}
#contact .form-new {display: none;}
#contact .block {padding: 20px;margin: 0 0 20px 0;background: #F6F7F8;}
#contact .block h2 {margin-top: 0;line-height: 40px;}
#contact .block h2 strong {display: inline-block;border: 1px solid #0569B4;width: 40px;height: 40px;border-radius: 40px;text-align: center;line-height: 36px;margin: 0 12px 0 0;}
#contact .my-notes .item {margin: 15px 0 0 0;border-top: 1px solid #CCC;padding: 15px 0 0 0;}
#contact .my-notes .updated {margin: 10px 0;font-size: 13px;color: #777;}
#contact .my-notes .updated .fa {margin-left: 10px;}

#complaint {}
#complaint .block {padding: 20px;margin: 0 0 20px 0;background: #F6F7F8;}
#complaint .block h2 {margin-top: 0;line-height: 40px;}
#complaint .block h2 strong {display: inline-block;border: 1px solid #0569B4;width: 40px;height: 40px;border-radius: 40px;text-align: center;line-height: 36px;margin: 0 12px 0 0;}
#complaint .products {}
#complaint .products .item {background: #FFF;padding: 10px 40px 10px 20px;margin: 0 0 10px 0;line-height: 30px;position: relative;}
#complaint .products .item h3 {margin: 0;font-weight: 700;font-size: 15px;line-height: 22px;}
#complaint .products .item .code {background: #333;border-radius: 2px;display: inline-block;padding: 0 10px;line-height: 20px;color: #FFF;font-size: 12px;margin: 0 10px 0 0;}
#complaint .products .item .stock-count {background: #333;border-radius: 2px;display: inline-block;padding: 0 10px;line-height: 20px;color: #FFF;font-size: 12px;}
#complaint .products .item .stock-count-1 {background: #449845;}
#complaint .products .item .remove-item {color: #DD0000;font-size: 17px;position: absolute;top: 10px;right: 10px;}
#complaint .products .item .repeat-item {color: #777;font-size: 17px;position: absolute;top: 40px;right: 10px;}
#complaint .products .item .prices {line-height: 30px;}
#complaint .products .item .prices .vat {font-size: 12px;color: #CCC;}
#complaint .products .item .prices .unit {font-weight: 700;}
#complaint .products .item .prices .sum {font-size: 14px;}
#complaint .products .item .item-description {margin: 4px 0;font-size: 12px;color: #DD0000;font-weight: 700;}
#complaint .invoices {}
#complaint .invoices .checkbox {margin: 0;}

#statistics {}
#statistics h2 {margin: 25px 0 12px 0;}
#statistics .data {margin: 1px;padding: 5px 15px;background: #EEE;line-height: 25px;}
#statistics .data .data-label {float: left;}
#statistics .data .data-value {float: right;}
#statistics .data .price-currency, #statistics .data .price-number {vertical-align: top;}
#statistics .data .vat-text {font-weight: 400;font-size: 10px;vertical-align: top;}
#statistics .data-summary {background: #333;color: #FFF;}
#statistics .stats-orders-month .next {position: absolute;top: 10px;right: 10px;font-size: 25px;color: #000;padding: 2px 15px;background: #EEE;z-index: 999;}
#statistics .stats-orders-month .next:hover {background: #0569B4}
#statistics .stats-orders-month .prev {position: absolute;top: 10px;right: 50px;font-size: 25px;color: #000;padding: 2px 15px;background: #EEE;z-index: 999;}
#statistics .stats-orders-month .prev:hover {background: #0569B4}
#statistics .stats-orders-month-sum .next {position: absolute;top: 10px;right: 10px;font-size: 25px;color: #000;padding: 2px 15px;background: #EEE;z-index: 999;}
#statistics .stats-orders-month-sum .next:hover {background: #0569B4}
#statistics .stats-orders-month-sum .prev {position: absolute;top: 10px;right: 50px;font-size: 25px;color: #000;padding: 2px 15px;background: #EEE;z-index: 999;}
#statistics .stats-orders-month-sum .prev:hover {background: #0569B4}
#statistics .stats-invoices-month .next {position: absolute;top: 10px;right: 10px;font-size: 25px;color: #000;padding: 2px 15px;background: #EEE;z-index: 999;}
#statistics .stats-invoices-month .next:hover {background: #0569B4}
#statistics .stats-invoices-month .prev {position: absolute;top: 10px;right: 50px;font-size: 25px;color: #000;padding: 2px 15px;background: #EEE;z-index: 999;}
#statistics .stats-invoices-month .prev:hover {background: #0569B4}
#statistics .stats-invoices-month-sum .next {position: absolute;top: 10px;right: 10px;font-size: 25px;color: #000;padding: 2px 15px;background: #EEE;z-index: 999;}
#statistics .stats-invoices-month-sum .next:hover {background: #0569B4}
#statistics .stats-invoices-month-sum .prev {position: absolute;top: 10px;right: 50px;font-size: 25px;color: #000;padding: 2px 15px;background: #EEE;z-index: 999;}
#statistics .stats-invoices-month-sum .prev:hover {background: #0569B4}
#statistics .stats-invoices-year .next {position: absolute;top: 10px;right: 10px;font-size: 25px;color: #000;padding: 2px 15px;background: #EEE;z-index: 999;}
#statistics .stats-invoices-year .next:hover {background: #0569B4}
#statistics .stats-invoices-year .prev {position: absolute;top: 10px;right: 50px;font-size: 25px;color: #000;padding: 2px 15px;background: #EEE;z-index: 999;}
#statistics .stats-invoices-year .prev:hover {background: #0569B4}
#statistics .stats-invoices-year-sum .next {position: absolute;top: 10px;right: 10px;font-size: 25px;color: #000;padding: 2px 15px;background: #EEE;z-index: 999;}
#statistics .stats-invoices-year-sum .next:hover {background: #0569B4}
#statistics .stats-invoices-year-sum .prev {position: absolute;top: 10px;right: 50px;font-size: 25px;color: #000;padding: 2px 15px;background: #EEE;z-index: 999;}
#statistics .stats-invoices-year-sum .prev:hover {background: #0569B4}
#statistics .stats-oz-day {position: relative;}
#statistics .stats-oz-day .next {position: absolute;top: 0px;right: 0px;font-size: 25px;color: #000;padding: 2px 15px;background: #EEE;z-index: 999;}
#statistics .stats-oz-day .next:hover {background: #0569B4}
#statistics .stats-oz-day .prev {position: absolute;top: 0px;right: 40px;font-size: 25px;color: #000;padding: 2px 15px;background: #EEE;z-index: 999;}
#statistics .stats-oz-day .prev:hover {background: #0569B4}


#statistics .in-data {position: relative;}
#statistics .in-data .loading {text-align: center;padding: 50px;}
#statistics .in-data .loading .fa {font-size: 25px;}

#statistics .my-tasks {background: #FFE3E3;color: #DD0000;font-weight: 700;padding: 20px;margin: 0 0 20px 0;}
#statistics .my-tasks a {color: #DD0000;}
#statistics .my-tasks .fa {color: #000;margin-right: 12px;font-size: 17px;padding: 10px;background: #FFF;}
#statistics .my-tasks p {margin: 7px 0;}
#statistics .my-tasks .btn {background: #0569B4;color: #FFF;border-color: #0569B4;margin: 0 0 2px 0;}
#statistics .my-costs {background: #FFFEDB;padding: 20px;margin: 0 0 20px 0;}
#statistics .my-costs-last-month {background: #E8FFDB;}
#statistics .my-costs h3 {margin-top: 0;}
#statistics .my-costs .data-label {font-size: 13px;color: #777;}
#statistics .my-costs .percent {display: block;line-height: 40px;font-size: 32px;}
#statistics .my-costs .bonus {display: block;line-height: 40px;font-size: 24px;}

#protocol {}
#protocol .block-protocol {}
#protocol .block-protocol h3 {font-weight: 700;color: #0569B4;margin: 20px 0;} 
#protocol .block-protocol h4 {font-weight: 700;color: #0569B4;margin: 20px 0 20px 0;} 
#protocol .block-protocol .checkbox {margin: 0;}

.content .grey {color: #676767;}
.content form {}
.content form h3 {margin: 0 0 30px 0;}
.content form .mandatory {color: #DD0000;}
.content form .form-group {margin: 0 0 7px 0;}
.content form input.form-control {border-radius: 0;text-shadow: none;}
.content form input.form-control:focus {box-shadow: none;border-color: #0569B4;}
.content form select.form-control {border-radius: 0;text-shadow: none;}
.content form .ajax-message, .content .ajax-message {position: absolute;top: 6px;right: 10px;background: #279234;color: #FFF;font-size: 9px;z-index: 999;padding: 0 8px;}
.content form input.form-control {line-height: 40px;height: 40px;}

.content form .select-picker {margin: 0 0 20px 0;padding: 10px 30px;background: #EEE;}
.content form .select-picker label.control-label {line-height: 40px;}
.content form .select-picker .change-address {display: inline-block;line-height: 40px;}
.content form .select2-container .select2-selection--single {height: 40px;line-height: 40px;border-radius: 0;}
.content form .select2-container .select2-selection--single .select2-selection__rendered {line-height: 40px;}
.content form .select2-container .select2-selection--single .select2-selection__arrow {height: 40px;}
.content form .select2-container .select2-selection--single .select2-selection__arrow b {margin-top: -3px;}
.content form .data-note {margin: 0 0 8px 0;font-size: 13px;color: #777;}
.content form .load-ares {}
.content form .load-ares .fa {margin-left: 10px;margin-right: 4px;}

.content form.form-filter {margin: 0 0 20px 0;padding: 10px 30px;background: #EEE;}
.content form.form-filter h2 {margin: 20px 0;font-size: 15px;font-weight: 400;color: #777;}
.content form.form-filter .form-filter-title {font-size: 13px;font-weight: 700;margin: 0 0 3px 0;}
.content form.form-filter .submit-button {margin: 15px 0 0 0;}

.content form .input-group {display: inline-table;vertical-align: middle;}
.content form .input-group .form-control {width: 100%;display: table-cell;}
.content form .input-group-addon {width: auto;display: table-cell;}

.content .section-sum {background: #b4dfff;margin: 20px 0;padding: 20px;}
.content .section-sum h2 {margin: 20px 0;font-size: 15px;font-weight: 400;color: #777;}
.content .section-sum .section-sum-title {font-size: 13px;font-weight: 400;margin: 0 0 3px 0;}

.section-login {text-align: center;}

#form-login-page {max-width: 400px;margin: 0 auto;background: #c3f2ff;padding: 20px;}
#form-login-page .btn {text-transform: uppercase;background: #fdc542;color: #000;width: 100%;text-align: center;border: 0;}

.my-orders {margin: 20px 0 0 0;}
.my-orders .item-header {padding: 10px 0;border-bottom: 1px solid #DDD;color: #666;text-transform: uppercase;font-size: 12px;}
.my-orders .item {padding: 10px 0;border-bottom: 1px solid #DDD;}
.my-orders .item--eshop {background: #fffada;}
.my-orders .item--training {background: #ffdaf8;}
.my-orders .item .state {display: inline-block;border-radius: 2px;padding: 0 10px;background: #333;color: #FFF;font-size: 12px;}
.my-orders .item .state-1 {background: #FBB10C;}
.my-orders .item .state-2 {background: #274F92;}
.my-orders .item .state-6 {background: #4E47B5;}
.my-orders .item .state-7 {background: #279234;}
.my-orders .item .state-33 {background: #4E47B5;}
.my-orders .item .state-10 {background: #DD0000;}
.my-orders .item .state-99 {background: #000;}
.my-orders .item .order-remove {color: #DD0000;margin-left: 25px;}
.my-orders .item .not-paid {color: #888;font-weight: 400;}
.my-orders .item .not-paid-14 {color: #DD0000;font-weight: 700;}
.my-orders .item .paid {color: #71A545;font-weight: 400;}
.my-orders .item .btn {vertical-align: top;}
.my-orders .item .delivery-address {color: #777;font-size: 12px;}
.my-orders .item-priority-10 {border-left: 5px solid #333;padding-left: 10px;}
.my-orders .item-priority-20 {border-left: 5px solid #FFF;padding-left: 10px;}
.my-orders .item-priority-30 {border-left: 5px solid #f2ac15;padding-left: 10px;}
.my-orders .item-priority-40 {border-left: 5px solid #DD0000;padding-left: 10px;}

#lendings .item-sub {background: #EEE;padding: 10px;}
#lendings .item-sub .allow {background: #2CA425;color: #FFF;}
#lendings .item-sub .disallow {background: #DD0000;color: #FFF;}

#lendings .my-reservation {display: inline-block;padding: 0 8px;margin: 0 2px 2px 0;border-radius: 3px;background: #CCC;color: #FFF;}
#lendings .my-reservation span {font-size: 12px;font-weight: 400;}
#lendings .my-reservation--1 {background: #2C669E;}
#lendings .my-reservation-1 {background: #0569b4;}
#lendings .my-reservation-2 {background: #2CA425;}
#lendings .dates {font-size: 12px;color: #333;}

.legend {margin: 40px 0;}
.legend .point {display: inline-block;margin: 0 20px 5px 0;vertical-align: top;}
.legend .point span {display: inline-block;width: 10px;height: 10px;border-radius: 10px;margin: 0 9px 0 0;vertical-align: middle;}
.legend .lending--1 {color: #2C669E;}
.legend .lending--1 span {background: #2C669E;}
.legend .lending-1 {color: #FFB111;}
.legend .lending-1 span {background: #FFB111;}
.legend .lending-2 {color: #2CA425;}
.legend .lending-2 span {background: #2CA425;}

#trainings {}
#trainings .note-wrap {margin: 10px 0 0 0;}
#trainings .ikc-wrap {margin: 21px 0 0 0;}
#trainings .has-creaditnote {text-transform: uppercase;color: #FFF;background: #DD0000;padding: 2px 10px;}

.my-complaints {margin: 20px 0 0 0;}
.my-complaints .item-header {padding: 10px 0;border-bottom: 1px solid #DDD;color: #666;text-transform: uppercase;font-size: 12px;}
.my-complaints .item {padding: 10px 0;border-bottom: 1px solid #DDD;}
.my-complaints .item .state {display: inline-block;border-radius: 2px;padding: 0 10px;background: #333;color: #FFF;font-size: 12px;}
.my-complaints .item .state-1 {background: #FBB10C;}
.my-complaints .item .state-2 {background: #274F92;}
.my-complaints .item .state-31 {background: #279234;}
.my-complaints .item .state-32 {background: #279234;}
.my-complaints .item .state-33 {background: #279234;}
.my-complaints .item .state-4 {background: #DD0000;}
.my-complaints .item .order-remove {color: #DD0000;margin-left: 25px;}
.my-complaints .item .not-paid {color: #888;font-weight: 400;}
.my-complaints .item .not-paid-14 {color: #DD0000;font-weight: 700;}
.my-complaints .item .paid {color: #71A545;font-weight: 400;}

.my-news {}
.my-news .item {background: #EEE;padding: 12px;margin: 0 0 12px 0;}
.my-news .items-download {margin: 10px 0;}
.my-news .items-download a.btn {margin: 0 2px 2px 0;}
.my-news .created {margin: 12px -12px -12px -12px;background: #333;color: #FFF;font-size: 13px;padding: 0 12px;}

.product-detail {}
.product-detail h2 {color: #0569B4;font-weight: 700;margin: 0 0 15px 0;font-size: 16px;}
.product-detail .data-label {margin: 0 0 4px 0;}
.product-detail .data-label .data-label-info {display: inline-block;width: 160px;font-size: 12px;color: #777;text-transform: uppercase;}

.vacations-now {margin: 0 0 20px 0;}
.vacations-now span {display: inline-block;border-radius: 2px;padding: 0 10px;background: #333;color: #FFF;font-size: 12px;margin: 0 5px 5px 0;}

.modal {}
.modal .modal-content {padding: 30px;border-radius: 0;}
.modal .content form .select2-container {width: 100% !important;}

.modal .modal-branch-items {margin: 30px 0;}
.modal .modal-branch-item {padding: 10px;background: #F6F7F8;margin: 0 0 10px 0;}
.modal .sale-info {background: #DD0000;color: #FFF;padding: 10px;}

.modal .item-file {padding: 4px 0;border-bottom: 1px solid #DDD;}

.content .cloud-folders {}
.content .cloud-folders ul {list-style: none;padding: 0;margin: 0;}
.content .cloud-folders ul li {padding: 0;margin: 0;}
.content .cloud-folders ul li .fa {margin-right: 10px;}
.content .cloud-folders ul li .item {background: #F5F5F5;padding: 4px 8px;margin: 0 0 2px 0;display: block;cursor: pointer;}
.content .cloud-folders ul li .item:hover {background-color: #EEE;}
.content .cloud-folders ul li ul {display: none;}
.content .cloud-folders ul li ul li .item {padding-left: 30px;}
.content .cloud-folders ul li ul li ul li .item {padding-left: 60px;}
.content .cloud-folders ul li ul li ul li ul li .item {padding-left: 90px;}
.content .cloud-folders ul li.open > ul {display: block;}


/*select 2*/
.select2-results__option {border-bottom: 1px solid #DDD;}
.select2-results__option .item-format {}
.select2-results__option .item-format .item-name {font-weight: 700;line-height: 23px;display: block;font-size: 13px;}
.select2-results__option .item-format .item-stock {font-weight: 700;line-height: 23px;display: block;font-size: 12px;}
.select2-results__option .item-format .item-code {font-size: 12px;text-transform: uppercase;color: #777;line-height: 16px;adisplay: block;}
.select2-results__option .item-format .item-manufacturer {font-size: 12px;text-transform: uppercase;color: #777;line-height: 16px;adisplay: block;}
.select2-results__option .item-format .item-description {color: #DD0000;}
.select2-results__option .item-format .item-price {font-size: 12px;text-transform: uppercase;color: #000;line-height: 16px;display: block;}


.upload-files-wrap {margin: 15px 0;}
.upload-files-wrap .jFiler {display: inline-block;}
.upload-files-wrap .jFiler-input-caption {display: none;}
.upload-files-wrap .upload-files-progress {display: inline-block;line-height: 30px;color: #777;margin: 0 0 0 20px;font-size: 12px;}
.upload-files-wrap .upload-files-items {}
.upload-files-wrap .upload-files-items .items {list-style: none;margin: 20px 0;padding: 0;}
.upload-files-wrap .upload-files-items .items li {padding: 0;margin: 0 2px 2px 0;width: 122px;height: 180px;padding: 5px;float: left;border: 2px solid #DDD;background: #FFF;color: #000;}
.upload-files-wrap .upload-files-items .items li:hover {border-color: yellow;}
.upload-files-wrap .upload-files-items .items li .image {width: 110px;height: 125px;background-position: center center;background-repeat: no-repeat;margin: 0 auto;margin: 0 0 2px 0;}
.upload-files-wrap .upload-files-items .items li input.form-control {height: 30px;line-height: 30px;font-size: 10px;padding: 2px 5px;}
.upload-files-wrap .upload-files-items .items li .type-checkbox {top: 3px;position: relative;}
.upload-files-wrap .upload-files-items .items li .delete {color: #DD0000;}
.upload-files-wrap .upload-files-items .items li.ui-sortable-helper {opacity: 0.6;}
.upload-files-wrap .upload-files-items .items li.ui-state-highlight {background: yellow;display: block;}
.upload-files-wrap .upload-files-items .items .label {color: #000;}

.upload-files-wrap .upload-files-items .items-files {list-style: none;margin: 20px 0;padding: 0;}
.upload-files-wrap .upload-files-items .items-files li {padding: 0;margin: 0 2px 2px 0;width: 250px;height: 80px;padding: 5px;float: left;border: 2px solid #DDD;background: #FFF;color: #000;text-align: center;}
.upload-files-wrap .upload-files-items .items-files li:hover {border-color: yellow;}
.upload-files-wrap .upload-files-items .items-files li .image {width: 110px;height: 125px;background-position: center center;background-repeat: no-repeat;margin: 0 auto;margin: 0 0 2px 0;}
.upload-files-wrap .upload-files-items .items-files li .download {position: relative;display: block;margin: 10px 0;white-space: nowrap;line-height: 20px;color: #000;text-decoration: underline;width: 100%;overflow: hidden;}
.upload-files-wrap .upload-files-items .items-files li .delete {color: #DD0000;}
.upload-files-wrap .upload-files-items .items-files li.ui-sortable-helper {opacity: 0.6;}
.upload-files-wrap .upload-files-items .items-files li.ui-state-highlight {background: yellow;display: block;}
.upload-files-wrap .upload-files-items .items-files .label {color: #000;display: block;margin: 10px 0;line-height: 20px;}



.uploader {margin: 15px 0;}
.uploader .jFiler {display: inline-block;}
.uploader .jFiler-input-caption {display: none;}
.uploader .uploader-progress {display: inline-block;line-height: 30px;color: #777;margin: 0 0 0 20px;font-size: 12px;}
.uploader .uploader-items {}
.uploader .uploader-items .items {list-style: none;margin: 20px 0;padding: 0;}
.uploader .uploader-items .items li {padding: 0;margin: 0 2px 2px 0;width: 122px;height: 180px;padding: 5px;float: left;border: 2px solid #DDD;background: #FFF;color: #000;}
.uploader .uploader-items .items li:hover {border-color: yellow;}
.uploader .uploader-items .items li .image {width: 110px;height: 125px;background-position: center center;background-repeat: no-repeat;margin: 0 auto;margin: 0 0 2px 0;}
.uploader .uploader-items .items li input.form-control {height: 30px;line-height: 30px;font-size: 10px;padding: 2px 5px;}
.uploader .uploader-items .items li .type-checkbox {top: 3px;position: relative;}
.uploader .uploader-items .items li .delete {color: #DD0000;}
.uploader .uploader-items .items li.ui-sortable-helper {opacity: 0.6;}
.uploader .uploader-items .items li.ui-state-highlight {background: yellow;display: block;}
.uploader .uploader-items .items .label {color: #000;}

.uploader .uploader-items .items-files {list-style: none;margin: 20px 0;padding: 0;}
.uploader .uploader-items .items-files li {padding: 0;margin: 0 2px 2px 0;width: 250px;height: 80px;padding: 5px;float: left;border: 2px solid #DDD;background: #FFF;color: #000;text-align: center;}
.uploader .uploader-items .items-files li:hover {border-color: yellow;}
.uploader .uploader-items .items-files li .image {width: 110px;height: 125px;background-position: center center;background-repeat: no-repeat;margin: 0 auto;margin: 0 0 2px 0;}
.uploader .uploader-items .items-files li .download {position: relative;display: block;margin: 10px 0;white-space: nowrap;line-height: 20px;color: #000;text-decoration: underline;width: 100%;overflow: hidden;}
.uploader .uploader-items .items-files li .delete {color: #DD0000;}
.uploader .uploader-items .items-files li.ui-sortable-helper {opacity: 0.6;}
.uploader .uploader-items .items-files li.ui-state-highlight {background: yellow;display: block;}
.uploader .uploader-items .items-files .label {color: #000;display: block;margin: 10px 0;line-height: 20px;}

.tabs {margin: 40px 0;}
.tabs .nav-tabs {margin: 0;padding: 0;border-color: #0569B4;}
.tabs .nav-tabs li {padding: 0;}
.tabs .nav-tabs li a {background: #FFF;border-color: #0569B4;color: #0569B4;border-radius: 0;}
.tabs .nav-tabs li a span {font-size: 12px;}
.tabs .nav-tabs li a:hover, .tabs .nav-tabs li.active a {color: #FFF;background: #0569B4;}


.rtable {margin: 20px 0 0 0;}
.rtable h2 {margin: 20px 0;}
.rtable .item-header {padding: 10px 0;border-bottom: 1px solid #DDD;color: #666;text-transform: uppercase;font-size: 12px;}
.rtable .item {padding: 10px 0;border-bottom: 1px solid #DDD;}
.rtable .item:hover {background: #F5F5F5;}
.rtable .delete {color: #DD0000;}
.rtable .order-wrap {display: inline-block;vertical-align: top;display: block;}
.rtable .order-wrap a {display: inline-block;font-size: 18px;background: #666;color: #FFF;padding: 0 5px;margin: 0 1px;line-height: 25px;vertical-align: top;}

.section-consignment-inventory {margin: 0 0 60px 0;}

.section-contacts {}
.section-contacts .item-count {float: left;line-height: 45px;font-weight: 300;width: 80px;margin: 0 15px 0 0;text-align: right;}
.section-contacts .item-count strong {font-size: 25px;}
.section-contacts .item-preinvoiced {background: #b8f0ff;padding: 0 8px;line-height: 22px;font-size: 12px;display: inline-block;margin: 0 0 3px 0;}
.section-contacts .item-consignment {background: #c4b8ff;padding: 0 8px;line-height: 22px;font-size: 12px;display: inline-block;margin: 0 0 3px 0;}

.section-contacts .item-karin {background: #e8ffb8;padding: 0 8px;line-height: 22px;font-size: 12px;display: inline-block;margin: 0 0 3px 0;}
.section-contacts .item-kagin {background: #ffd9b8;padding: 0 8px;line-height: 22px;font-size: 12px;display: inline-block;margin: 0 0 3px 0;}
.section-contacts .item-rescue {background: #ffbcb8;padding: 0 8px;line-height: 22px;font-size: 12px;display: inline-block;margin: 0 0 3px 0;}

.section-contacts .item-score {afloat: left;line-height: 45px;font-weight: 300;width: 80px;margin: 0 15px 0 0;text-align: right;}
.section-contacts .item-score strong {font-size: 25px;}
.section-contacts .item-score.plus {color: #2ac532;}
.section-contacts .item-score.minus {color: #DD0000;}
.section-contacts .item-score.zero {color: #ffc800;}
.section-contacts table.charts-css {height: 45px;}
.section-contacts table.charts-css tbody tr {height: 30px;}
.section-contacts table.charts-css tbody tr td {border: 0;apadding: 0;font-size: 10px;color: #787878;}
.section-contacts table.charts-css tbody tr td .data {white-space: nowrap;}
.section-contacts .item-owner {line-height: 25px;color: #777;}
.section-contacts .item-owner .circle {width: 15px;height: 15px;border-radius: 100%;display: inline-block;vertical-align: top;margin: 5px 7px 0 0;}

.section-devices {}
.section-devices .deadline {line-height: 45px;font-weight: 700;font-size: 18px;display: inline-block;}
.section-devices .deadline.plus {color: #2ac532;}
.section-devices .deadline.minus {color: #DD0000;}
.section-devices .deadline.zero {color: #ffc800;}
.section-devices .guarantee {color: #e3d81a;}

.section-microscope {}
.section-microscope .item-microscope-header {padding: 15px;background: #0569b4;color: #FFF;}
.section-microscope .item-microscope-header .toggle-item {color: #0569b4;float: left;background: #FFF;margin: 0 8px 0 0;}
.section-microscope .item-microscope-body {padding: 15px;}

.attr-chat {padding: 10px;background: #FFF;border: 1px solid #DDD;}
.attr-chat .attr-chat-history {height: 160px;max-height: 160px;overflow-y: auto;}
.attr-chat .attr-chat-history .chat-answer {background: #eeeeee;padding: 5px;border-radius: 5px;display: block;margin: 0 0 3px 0;}
.attr-chat .attr-chat-history .chat-answer-meta {float: left;margin: 0 10px 0 0;font-size: 12px;line-height: 20px;}
.attr-chat .attr-chat-history .chat-answer-user {display: block;}
.attr-chat .attr-chat-history .chat-answer-time {color: #333;display: block;font-size: 10px;}
.attr-chat .attr-chat-history .chat-answer p {margin: 0;}
.attr-chat .attr-chat-submit {position: relative;padding: 5px 0 0 0;}
.attr-chat .attr-chat-submit textarea {padding: 5px;border: 1px solid #DDD;box-shadow: none;border-radius: 0;}
.attr-chat .attr-chat-submit .btn {position: absolute;bottom: 0px;right: 0px;background: #e6194b;color: #FFF;}
