/* .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left;
}

.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
*/
body {
    margin: 0 auto;
    position: relative;
    /*width: 1200px;*/
    background-color: #f8f8f8;
}
.container {
    /* width: 1170px; */
    /* min-width: 770px; */
}
a {
    color: #0d96ca;
    cursor: pointer;
}
textarea {
    resize: vertical;
}
fieldset {
    border: 1px solid #959595 !important;
    margin: 0 0 16px 0 !important;
    padding: 0 13px 10px 13px !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}
legend {
    border-bottom:none;
    color: #28449b;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin: 0 0 5px;
    padding: 0 5px;
    text-align: left !important;
    width: auto;
}
.italic {
    font-style: italic;
}
.bold {
    font-weight: 700;
}
.light {
    font-weight: normal;
}
.form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
}
.form-inline .form-group {
    /* display: inline-block; */
    /* margin-bottom: 0; */
    /* vertical-align: middle; */
}
.form-control {
    /* border-color: #70cdff; */

    border-radius: 2px;
    height: 30px;
    padding: 6px 8px;
}
.btn {
    padding: 4px 15px;
    position: relative;
}
.tablebtn {
    padding: 4px 15px;
    position: relative;
}
.btn-default {
    background-color: #fff; /*#ebebeb*/
    border-color: #b7b7b7;
    color: #464646;
    /* font-weight: 700; */
    box-shadow: 0 1px 3px 0 rgba(3,3,3,0.3);
    min-width: 120px;
}
.btn-primary {
    background-color: transparent;
    border-color: #4580d8;
    color: #28449b;
    /* font-weight: 700; */
}
.btn-primary:hover {
    background-color: #28449b;
    border-color: #28449b;
    color: #fff;
}
.btn-info {
    background-color: #11b4f2;
    border-color: #4580d8;
    color: #fff;
    box-shadow: 0 1px 3px 0 rgba(3,3,3,0.3);
    /* font-weight: 700; */
    min-width: 120px;
}
.btn-info:hover {
    background-color: #10a5dd;
}
.btn-accept {
    background-color: #15b120;
    border-color: #18821f;
    color: #fff;
    /* font-weight: 700; */
    box-shadow: 0 1px 3px 0 rgba(3,3,3,0.3);
    min-width: 120px;
}
.btn-accept:hover {
    color: #fff;
    background-color: #69a36d;
}
.search-button{
    /*width: auto; 
    float: right;*/
}
.search-button:before{
    content: " ";
    background: #fff url(svg/search.svg) 50% 50% no-repeat;
    background-size: 15px 15px;
    background-color: transparent;
    padding: 6px 17px 7px 11px;
    /* margin-left: -20px; */
}
.btn.no-text, .btn.no-text:hover {
    font-size: 0;
    min-height: 25px;
}
.tablebtn.no-text, .tablebtn.no-text:hover {
    font-size: 0;
    min-height: 25px;
}
.btn-link, .btn-link:hover, .btn-link:active:focus {
    /* border-color: transparent; */
    /* border-style: dashed; */
    /* border-width: 0 0 1px; */
    /* color: #464646; */
    /* outline: none; */
    /* padding: 0; */
    text-decoration: none;
    /* width: auto; */
}
.btn-link:hover, .btn-link:active:focus {
    /* border-bottom-color: #464646; */
}
.calendar-icons {
    width: 125px;
}
.select-wrapper,
.calendar-wrapper {
    padding: 0;
    position: relative;
    overflow: hidden;
    border: 1px solid #b7b7b7;
    background-color: #fff;
}
.select-wrapper:before,
.calendar-wrapper:before {
    content: attr(data-select-value);
    height: 100%;
    line-height: normal;
    padding: 5px;
    position: absolute;
    white-space: nowrap;
    width: 100%;
}
.select-wrapper select,
.calendar-wrapper input {
    height: 23px;
    opacity: 0;
    position: relative;
    width: 100%;
    /** IE7 disable style **/
    filter: expression('filter: none;');
    -ms-filter: "Alpha(opacity=0)";
    z-index: 1;
    top: 0;
    left: 0;
}
.calendar-wrapper,
.calendar-wrapper input {
    width: 102px;
}
.compla-table .calendar-wrapper,
.compla-table .calendar-wrapper input {
    float: left;
}
.select-wrapper .select-arrow,
.calendar-wrapper .calendar-arrow {
    position: absolute;
    background: inherit;
    cursor: pointer;
    filter: inherit;
    top: 0;
    right: 0;
    height: 100%;
    width: 26px;
}
.select-wrapper .select-arrow {
    width: 20px;
}
.calendar-wrapper .calendar-arrow {
    /* width: 26px; */
}
.select-wrapper .select-arrow:before {
    position: absolute;
    content: "";
    border: 0;
    border-top: 5px solid #28449b;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    width: 0;
    height: 0;
    top: 50%;
    right: 5px;
    margin-top: -2px;
}
.calendar-wrapper .calendar-arrow:before {
    position: absolute;
    content: "";
    background: #fff url(svg/calendar.svg) 50% 50% no-repeat;
    background-size: 15px 15px;
    width: 16px;
    height: 16px;
    top: 50%;
    right: 50%;
    margin-top: -9px;
    margin-right: -8px;
}
.calendar-period {
    position: relative;
}
.calendar-period:before {
    background-color: #b7b7b7;
    content: "";
    display: block;
    height: 1px;
    left: 151px;
    margin: 0 0 0 -7px;
    position: absolute;
    /* right: -6px; */
    top: 50%;
    width: 12px;
}
.calendar-period-level2 {
    position: relative;
}
.calendar-period-level2:before {
    background-color: #b7b7b7;
    content: "";
    display: block;
    height: 1px;
    left: 144px;
    margin: 0 0 0 -7px;
    position: absolute;
    /* right: -6px; */
    top: 50%;
    width: 12px;
}
.compla-masthead {
    /* color: #fff; */
    /* background-color: #28449b; */
    /* box-shadow: 0 2px 2px rgba(4,4,79,.85); */
    /* -ms-box-shadow: 0 2px 2px rgba(4,4,79,.85); */
    /* -moz-box-shadow: 0 2px 2px rgba(4,4,79,.85); */
    /* -webkit-box-shadow: 0 2px 2px rgba(4,4,79,.85); */
}
.compla-masthead > * {
    /* line-height: 48px; */
}
.compla-masthead .h1, .compla-masthead h1 {
    background: transparent url(svg/logo.svg) 50% 50% no-repeat;
    display: inline-block;
    font-size: 0;
    height: 48px;
    margin: 0;
    vertical-align: top;
    width: 85px;
}
.compla-topnav {
    background-color: #11276d;
    border: #11276d 1px solid;
    border-radius: 3px;
    display: inline-block;
    font-size: 0;
    line-height: 32px;
    vertical-align: middle;
}
.compla-cabinet .compla-topnav {
    background-color: #fff;
    border: #4580d8 1px solid;
}
.compla-topnav a,
.compla-toptools a {
    color: #fff;
}
.compla-topnav a {
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    vertical-align: top;
    width: 127px;
}
.compla-cabinet .compla-topnav a {
    border-radius: 0;
    color: #28449b;
}
.compla-topnav .active {
    background-color: #11b4f2;
}
.compla-cabinet .compla-topnav .active {
    background-color: #4580d8;
    color: #fff;
}
.compla-toptools div {
    display: inline;
}
.compla-inbox-icon {
    background: transparent url(svg/mail.svg) 50% 50% no-repeat;
    display: inline-block;
    height: 48px;
    font-size: 0;
    vertical-align: top;
    width: 20px;
}
.compla-inbox-value {
    background-color: #f00;
    border-radius: 9px;
    color: #fff;
    padding: 0 9px;
    vertical-align: top;
}
.compla-nav-exit {
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #ccc;
    height: 36px;
    position: relative;
    width: 36px;
}
.compla-nav-exit .circle {
    border: #0fb8fe 2px solid;
    border-radius: 50%;
    content: "";
    height: 20px;
    left: 50%;
    margin: -10px 0 0 -10px;
    position: absolute;
    top: 50%;
    width: 20px;
}
.compla-nav-exit .caret {
    border-left-width: 5px;
    border-right-width: 5px;
    border-top-color: #fff;
    border-top-width: 5px;
    margin-left: 22.5px;
}
.compla-nav-exit:hover .caret {
    border-top-color: #fff;
}
.navbar-toggle {
    border: none;
    border-radius: 0;
    display: inline-block;
    height: 48px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 15px;
    vertical-align: middle;
    /*width: 48px;*/
    width: 93px;
}
.navbar-toggle:hover {
    background-color: #122c7c;
}
.open .navbar-toggle {
    background-color: #00dcfe;
}
.navbar-toggle.pull-left {
    margin-left: -15px;
    background-color: #102977;
}
.navbar-toggle.pull-right {
    margin-left: 10px;
    margin-right: -14px;
}
.open .navbar-toggle.pull-right {
    background-color: #122c7c;
}
.navbar-toggle .caret {
    border-top-color: #fff;
    border-width: 6px;
}
.btn .topnav-caret {
    margin-left: 5px;
}
.form-inline .form-control,
.form-inline .select-wrapper,
.form-inline .calendar-wrapper {
    /* display: inline-block; */
    /* vertical-align: top; */
}
.compla-search .fixed_height {
    /* height: 25px; */
}
.compla-search-analytics .btn-block+.btn-block{
    margin-top: 0px;
}
.form-control.input-xs {
    width: 50px;
}
.compla-masthead {
    /* position: fixed; */
    /* left: 0; */
    /* right: 0; */
    /* top: 0; */
    /* z-index: 15; */
}
.compla-masthead > * {
    /* height: 48px; */
    /* padding: 0; */
}
.compla-masthead .row {
}
.compla-otstup {
    padding-top: 48px;
}
.navbar-header {
    /* float: none; */
}
.compla-main {
    background-color: #ffffff;
    border: #ddd 1px solid;
    box-shadow: 0px 1px 6px 1px rgba(3,3,3,0.1);
}
/*.breadcrumb {
    /* background-color: transparent; */
    /* height: 50px; */
    /* line-height: 50px; */
    /* margin: 0 0 -19px; */
    /* padding: 0; */
}
.breadcrumb * {
    color: #363636;
    font-size: 12px;
    font-weight: normal;
}
.breadcrumb>li+li:before {
    color: #363636;
    padding: 0;
}*/
.compla-search {
    background-color: #ecfdf7;
    border: #b9e0d0 1px solid;
    border-radius: 3px;
    margin: 20px 0 0;
    padding: 15px;
    box-shadow: 0 0 3px rgba(149,149,149,.75);
    -ms-box-shadow: 0 0 3px rgba(149,149,149,.75);
    -moz-box-shadow: 0 0 3px rgba(149,149,149,.75);
    -webkit-box-shadow: 0 0 3px rgba(149,149,149,.75);
}
.compla-search .row > *:first-child {
    /* padding-left: 14px; */
}
.compla-search .row > *:last-child {
    /* padding-right: 20px; */
}
.compla-search.divided {
    padding-bottom: 0;
    padding-top: 0;
}
.compla-search-border {
    border-left: #b9e0d0 1px solid;
    min-height: 130px;
}
.compla-search .row > * {
    /* padding-left: 7px; */
    /* padding-right: 7px; */
}
.compla-search.divided > .row > * {
    padding: 14px;
}
.compla-search.divided .btn {
    margin-bottom: -5px;
    margin-top: 0;
    vertical-align: top;
}
.text-blue-1 {
    color: #00AEEF;
    font-weight: 700;
}
.text-blue-2 {
    font-size: 16px;
}
.text-blue-3 {
    color: #636363;
}
.text-dark-blue{
    color: #0e2a6b;
    font-weight: bold;
}
.compla-toolbar {
    background-color: #dff6ff;
    border: #cbe7f6 1px solid;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin: 0;
    padding: 15px;
}
.compla-table, .compla-cabinet, .compla-timeline {
    /* background-color: #fff; */
    /*    border-radius: 3px;
        padding: 15px;
        box-shadow: 0 0 3px rgba(149,149,149,.75);
        -ms-box-shadow: 0 0 3px rgba(149,149,149,.75);
        -moz-box-shadow: 0 0 3px rgba(149,149,149,.75);
        -webkit-box-shadow: 0 0 3px rgba(149,149,149,.75);*/
}
.compla-table,
.compla-cabinet {
    /* margin: 19px 0; */
}
.compla-table ul, .compla-table ol{
    padding-left: 15px;
}
.compla-table-viewlink {
    font-size: 16px;
    font-weight: 700;
}
.compla-edit-offset {
    border: #28449b 0 dashed;
    border-width: 0 0 1px;
    color: #28449b;
}
.compla-edit-offset:hover,
.compla-edit-offset:focus {
    text-decoration: none;
    border: 0px;
}
.compla-table .table {
    /* border-collapse: separate; */
    /* border-spacing: 0 16px; */
    /* margin-bottom: 0; */
    /* font-size: 13px; */
}
.compla-table .table>tbody>tr>td:first-child,
.compla-table .table>.tbody>.tr>.td:first-child {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    border-left-width: 1px;
    white-space: nowrap;
}
.compla-table .table>tbody>tr>td:last-child,
.compla-table .table>.tbody>.tr>.td:last-child {
    border-bottom-right-radius: 6px;
    border-right-width: 1px;
    border-top-right-radius: 6px;
    /* padding: 0; */
}
.compla-table .table>tbody>tr,
.compla-table .table>.tbody>.tr {
    position: relative;
    /* border: #ccc 1px solid; */
}
.compla-table .locked .locked-label {
    background: transparent url(svg/locked.svg) 0 50% no-repeat;
    background-size: 16px 16px;
    bottom: 0;
    color: #ae0606;
    display: block;
    line-height: 16px;
    padding: 0 0 0 20px;
}
.compla-table .locked {
    cursor: not-allowed;
    opacity: .5;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th,
.table>.tbody>.tr>.td, .table>.tbody>.tr>.th, .table>.tfoot>.tr>.td, .table>.tfoot>.tr>.th, .table>.thead>.tr>.td, .table>.thead>.tr>.th {
    /* border: none; */
    /* position: relative; */
}
.table>tbody>tr>td, .table>tbody>tr>th,
.table>.tbody>.tr>.td, .table>.tbody>.tr>.th {
    /* line-height: 25px; */
    /* padding: 14px 10px; */
}
.table>thead>tr>td, .table>thead>tr>th,
.table>.thead>.tr>.td, .table>.thead>.tr>.th {
    /* padding: 0 10px; */
}
.compla-table .table>tbody>tr>th,
.compla-table .table>tbody>tr>td,
.compla-table .table>.tbody>.tr>.th,
.compla-table .table>.tbody>.tr>.td {
    border: #ccc 1px solid;
    border-right-width: 0;
    border-left-width: 0;
}
.compla-table .row-green {
    background-color: #e0f6e2;
}
.compla-table-icon {
    background: #fff url(svg/user-ava.svg) 50% 50% no-repeat;
    background-size: 25px 25px;
    border: #ccc 1px solid;
    border-radius: 3px;
    display: block;
    float: left;
    font-size: 0;
    height: 48px;
    margin-right: 14px;
    text-align: center;
    width: 48px;
}
.compla-table-title,
.compla-table-region {
    display: block;
    word-wrap: normal;
    white-space: normal;
}
a.compla-table-title{
    text-decoration: underline;
    max-width: 200px;
    font-size: 15px;
}
.compla-table .table .tablebtn {
    background-color: transparent;
    border: none;
    /*border-left: #ccc 1px solid;*/
    border-radius: 0;
    display: inline;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    min-width: 35px;
}
.compla-table .table .btn-default:hover {
    background-color: #f3f3f3;
    color: #555;
}
.compla-table .table .tablebtn + .tablebtn {
    right: 35px;
}
.compla-table .table .btn-full {
    border: none;
    left: 0;
    right: 38px;
    width: auto;
}
.icon-waiting {
    background-color: #b7b7b7;
    height: 3px;
    width: 16px;
}
.icon-confirmed, .icon-done, .icon-done-tracking, .icon-inprogress {
    height: 16px;
    width: 16px;
    cursor: pointer;
}
.icon-info {
    height: 16px;
    width: 16px;
    cursor: pointer;
}
.icon-confirmed:before,
.icon-info:before,
.icon-done:before,
.icon-done-tracking:before,
.icon-waiting:before,
.icon-inprogress:before {
    border: none;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    /* position: absolute; */
    right: 0;
    top: 0;
    width: 16px;
    height: 16px;
}
.icon-confirmed:before {
    background: url(svg/checkbox-green.svg) 50% 50% no-repeat;
}
.icon-info:before {
    background: url(svg/info-red.svg) 50% 50% no-repeat;
}
.icon-restore:before {
    background: url(svg/restore.svg) 50% 50% no-repeat;
}
.icon-inprogress:before {
    background: url(svg/inprogress.svg) 50% 50% no-repeat;
}
.icon-done:before {
    background: url(svg/done.svg) 50% 50% no-repeat;
}
.icon-done-tracking:before {
    background: url(svg/done-tracking.svg) 50% 50% no-repeat;
}
/*.icon-overdue:before {
    background: url(svg/overdue.svg) 50% 50% no-repeat;
}*/
.icon-buyer:before {
    background: url(svg/buyer.svg) 50% 50% no-repeat;
}
.icon-supplier:before {
    background: url(svg/supplier.svg) 50% 50% no-repeat;
}
/*.icon-view:before, .icon-edit:before, .icon-archive:before, .icon-delete:before, .icon-restore:before {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border: none;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.icon-view:before {
    background-image: url(svg/view-gray.svg);
    background-size: 16px 16px;
}
.icon-view:hover:before {
    background-image: url(svg/view-blue.svg);
}*/
.icon-edit:before {
    /* background-image: url(svg/edit-gray.svg); */
    /* background-size: 20px 20px; */
}
.icon-edit:hover:before {
    background-image: url(svg/edit-blue.svg);
}
.icon-archive:before {
    background-image: url(svg/archive-gray.svg);
    background-size: 14px 14px;
}
.icon-archive:hover:before {
    background-image: url(svg/archive-blue.svg);
}
.icon-restore:before {
    background-image: url(svg/restore-gray.svg);
    background-size: 14px 14px;
}
.icon-restore:hover:before {
    background-image: url(svg/restore-blue.svg);
    background-size: 14px 14px;
}
.icon-delete:before {
    background-image: url(svg/cross-gray.svg);
    background-size: 14px 14px;
}
.icon-delete:hover:before {
    background-image: url(svg/cross-red.svg);
}
.icon-add-invite:before{
    background-image: url(svg/add_invite_company.svg); 
}
.icon-import-exel:before{
    background-image: url(svg/import_invite_company.svg); 
}
.icon-read:before {
    background-image: url("svg/mail-read.svg");
}
.icon-prodavec:before {
    background-image: url("svg/nav-prodav.svg");
}
.icon-prodavec-cab:before {
    background-image: url("svg/nav-prodav-cab.svg");
}
.icon-pokupatel:before {
    background-image: url("svg/nav-pokup.svg");
}

.icon-pokupatel:before,
.icon-prodavec:before,
.icon-prodavec-cab:before {
    background-size: 21px 16px;
    padding: 6px 9px 10px 10px;
    margin-bottom: 4px;
}

.icon-read:before,
.icon-add-invite:before,
.icon-import-exel:before{
    background-size: 15px 15px;
    padding: 11px 9px 10px 10px;
}
.icon-pokupatel:before,
.icon-prodavec:before,
.icon-prodavec-cab:before,
.icon-read:before,
.icon-add-invite:before,
.icon-import-exel:before,
.btn.icon-add:before,
.btn.icon-edit:before,
.btn.icon-excel:before,
.btn.icon-sort:before {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    margin-right: 6px;
    position: relative;
    vertical-align: middle;
}
.icon-date:before,
.icon-time:before{
    content: " ";
    background-repeat: no-repeat;
    background-size: 13px 13px;
    display: inline-block;
    position: relative;
    top: 2px;
    /* margin-left: 10px; */
    margin-right: 6px;
    padding: 5px 3px 8px 12px;
}
.icon-date:before{
    background-image: url(svg/icon_date.svg);
    background-size: 15px 15px;
}
.icon-geo:before {
    background-size: 16px 16px;
}
.icon-time:before {
    background-image: url(svg/icon_time.svg);
}
.icon-geo:before {
    content: "";
    background-image: url(svg/geo.svg);
    /* background-position: 50% 50%; */
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    margin-right: 4px;
    padding: 0;
    width: 16px;
}
.is-read {
    background-color: #cddede;
}
.icon-add:before {
    background-image: url(svg/add-green.svg);
    height: 14px;
    margin-top: -2px;
    width: 14px;
}
.icon-sort:before {
    background-image: url(svg/sort.svg);
    height: 14px;
    margin-top: -2px;
    width: 14px;
}
.icon-sort:hover:before {
    background-image: url(svg/sort-hover.svg);
    height: 14px;
    margin-top: -2px;
    width: 14px;
}
.no-text.icon-add:before {
    left: 50%;
    margin: -7px 0 0 -7px;
    position: absolute;
    top: 50%;
}
.compla-table .icon-add:before {
    left: -21px;
    position: absolute;
    top: 5px;
}
.compla-minirow .icon-add {
    margin-left: 21px;
}
.compla-minirow .icon-add:before {
    left: -21px;
    position: absolute;
    top: 5px;
}
.btn.icon-edit:before {
    height: 20px;
    width: 20px;
}
.icon-excel:before {
    background-image: url(svg/excel.svg);
    height: 14px;
    margin-top: -2px;
    width: 14px;
}
/*.compla-table .label {
    background: none;
    color: inherit;
    display: block;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 0;
    text-align: inherit;
}
.compla-table .label-success {
    /* color: #126e06; */
}
.compla-table .label-warning {
    /* color: #f95809; */
}
.compla-table .label-important {
    /* color: #bd0707; */
}
.compla-table .badge {
    background-color: #a1a1a1;
    border-radius: 20px;
    color: #fff;
    font-size: inherit;
    outline: none;
    padding: 5.5px 12px;
}
.compla-table .badge :hover {
    opacity: 0.5 !important;
}*/
a.badge:hover {
    opacity: 0.8 !important;
}
/*.compla-table .badge.label-success {
    background-color: #08801e;
}
.compla-table .badge.label-warning {
    background-color: #2789ed;
}
.compla-table .badge.label-progress {
    background-color: #318fef;
}
.compla-table .badge.label-accepted {
    background-color: #f29706;
}
.compla-table .badge.label-risk {
    background-color: #ffa800;
    color: #000;
}
.compla-table .badge.label-important {
    background-color: #bd0707;
}
.compla-table .badge.label-overdue {
    background-color: #bd0707;
}
.compla-table .badge.label-blank {
    background-color: #959595;
}
.compla-table .badge.label-order-risks {
    margin-left: 20px;
    background: none;
    color: #959595;
    border: #959595 1px solid;
}
.compla-table .badge.label-order-risks.label-risk {
    color: #ffa800;
    border-color: #ffa800;
}
.compla-table .badge.label-order-risks.label-overdue {
    color: #bd0707;
    border-color: #bd0707;    
}
.compla-table .empty-cell {
    background-color: #ccc;
    display: block;
    height: 2px;
    margin: 30px auto;
    vertical-align: middle;
    width: 50%;
}*/
.compla-table-padding {
    display: block;
    /*margin-right: 70px;*/
    vertical-align: top;
}
.compla-table-padding.rule_user {
    max-width: 254px;
}
.compla-table-label {
    border: none;
    /* border-radius: 4px; */
    display: block;
    height: 39px;
    margin: -7px 0;
    padding: 0;
    position: relative;
}
.compla-table-label.orange {
    background-color: #fce681;
    border-color: #f1986d;
    cursor: pointer;
}
.compla-table-label > * {
    /* background: transparent; */
    /* border: none; */
    /* border-radius: 4px; */
    /* display: block; */
    /* font-style: italic; */
    /* height: 40px; */
    /* line-height: 40px; */
    /* padding: 0 12px; */
    /* width: 100%; */
}
.compla-table-label {
    background: transparent;
    display: block;
    font-style: italic;
    height: 37px;
    line-height: 37px;
    padding: 0 12px;
    /* width: 100%; */
}
.compla-table-label:hover:before {
    background-image: url(svg/edit-blue.svg);
    left: auto;
    right: 0;
    width: 39px;
}
.compla-table-label.orange:before,
.compla-table-label.orange:hover:before {
    background-image: url(svg/edit-gray.svg);
}
.compla-table.compla-form {
    margin: 19px 0;
}
.compla-table .compla-header .btn-link, .compla-table .compla-header .btn-link:hover {
    float: right;
    margin-left: 28px;
    outline: none;
    position: relative;
    width: auto;
}
.table .compla-postavka {
    /*vertical-align: middle;*/
    width: 280px;
}
.compla-postavka .form-group.postavka1,
.compla-postavka .form-group.postavka2,
.compla-postavka .form-group.postavka3 {
    position: relative;
}
.form-group.postavka1,
.form-group.postavka2,
.form-group.postavka3 {
    position: relative;
}
.postavka1 {
    width: 144px;
}
.postavka1 * {
    margin-bottom: 0;
}
.postavka2 {
    width: 90px;
}
.postavka2 > * {
    height: 25px;
}
.postavka3 {
}
.compla-cabinet-nav {
    border-bottom: 1px solid #ccc;
    height: 30px;
    margin-top: -10px;
    margin-bottom: 15px;
}
.compla-cabinet-nav .nav-pills>li {
    display: inline-block;
    float: none;
    margin: 0 15px 0 0;
}
.compla-cabinet-nav .nav-pills>li>a,
.compla-cabinet-nav .nav-pills>li>a:focus,
.compla-cabinet-nav .nav-pills>li>a:hover {
    color: #959595;
    text-decoration: underline;
}
.compla-cabinet-nav .nav-pills>li.active>a,
.compla-cabinet-nav .nav-pills>li.active>a:focus,
.compla-cabinet-nav .nav-pills>li.active>a:hover {
    background-color: transparent;
    color: #28449b;
}
.compla-cabinet-name {
    color: #28449b;
    font-size: 20px;
    line-height: 31px;
    margin: 0;
}
.compla-cabinet-portrait {
    height: auto;
    width: 100%;
}
.compla-minirow {
    line-height: 25px;
}
.compla-minirow:last-child {
    margin-bottom: 0;
}
.compla-minirow > * {
    margin-bottom: 0;
}
.compla-minirow-cross {
    background: transparent url(svg/cross-gray.svg) 50% 50% no-repeat;
    background-size: 12px 12px;
    display: inline-block;
    font-size: 0;
    height: 20px;
    position: relative;
    width: 20px;
    vertical-align: middle;
}
.compla-minirow-cross:hover {
    background-image: url(svg/cross-red.svg);
}
.compla-title {
    color: #11276d;
    font-size: 18px;
    margin: 5px 0;
}
.compla-chart > .circle {
    display: block;
    height: 120px;
    margin: 0 auto 19px;
    position: relative;
    width: 120px;
}
.compla-chart > .circle:before {
    background: #fff;
    border: #ccc 10px solid;
    border-radius: 60px;
    content: "";
    display: block;
    height: 120px;
    left: 0;
    position: absolute;
    top: 0;
    width: 120px;
}
.compla-chart > .circle:after {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    border-radius: 60px;
    content: "";
    display: block;
    height: 100px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 100px;
}
#chart_zakazov_total:after {
    background-image: url(svg/zakazov_total.svg);
}
#chart_zakazov_inprogress:after {
    background-image: url(svg/zakazov_inprogress.svg);
}
#chart_zakazov_vsrok:after {
    background-image: url(svg/calendar-gray.svg);
}
#chart_zakazov_offset:after {
    background-image: url(svg/zakazov_offset.svg);
}
.compla-chart .text {
    display: block;
}
.compla-chart .text > *{
    display: block;
    width: 48%;
}
.compla-chart .value{
    float: left;
    font-size: 36px;
    line-height: 1;
    text-align: right;
}
.compla-chart .percent,
.compla-chart .description{
    float: right;
    line-height: 1.2;
    text-align: left;
}
.compla-timeline {
    border: 1px solid #11b4f2;
    margin: 19px 0;
}
.compla-timeline-line {
    background: #b7b7b7;
    display: block;
    height: 2px;
    margin: 115px 0;
    position: relative;
}
/*.modal {
  background-color: rgba(4,20,72,.9); 
}*/

/*@media (min-width: 768px) {
    .modal-dialog {
         width: 800px; 
    }
    .modal-sm {
        width: 500px;
    }
    .modal-sm .modal-body {
        padding: 15px 20px;
    }
    .modal-lg {
         width: 1000px; 
    }
}*/
.modal-header, .modal-footer {
    border-color: #e1e1e1;
}
.modal-title {
    color: #11b4f2;
}
.modal .divider {
    background-color: #e1e1e1;
    height: 1px;
    margin: 9px -15px;
    overflow: hidden;
}
.modal label {
    /*color: #898989;
    font-weight: normal;*/
}
.checkpoint-status label {
    font-weight: normal;
    font-weight: normal;
    font-size: 14px;
}
.modal .checkpoint-status .label-important {
    color: #bd0707;
}
.modal .form-shadow {
    background-color: #ebebeb;
    display: inline-block;
    height: 30px;
    margin: -6px 0 0;
    padding: 6px;
    vertical-align: top;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: #000;
}
.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}
.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50);
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
.modal.disabled {
    animation: noop !important;
}
.modal.disabled.am-fade-and-slide-top .modal-dialog {
    animation-duration: .3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: backwards;
    animation-name: fadeAndSlideFromTop;
}
.modal.disabled.am-fade-and-slide-top.ng-enter .modal-dialog {
    visibility: hidden;
    animation-name: fadeAndSlideFromTop;
}
.modal.disabled.am-fade-and-slide-top.ng-enter-active .modal-dialog, .modal.disabled.am-fade-and-slide-top.ng-leave-active .modal-dialog {
    visibility: visible;
}
.modal.disabled.am-fade-and-slide-top.ng-leave .modal-dialog {
    animation-name: fadeAndSlideToTop;
}
.modal.disabled.am-fade-and-scale .modal-dialog {
    animation-duration: .3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: backwards;
    animation-name: fadeAndScaleIn;
}
.modal.disabled.am-fade-and-scale.ng-enter .modal-dialog {
    visibility: hidden;
    animation-name: fadeAndScaleIn;
}
.modal.disabled.am-fade-and-scale.ng-enter-active .modal-dialog, .modal.disabled.am-fade-and-scale.ng-leave-active .modal-dialog {
    visibility: visible;
}
.modal.disabled.am-fade-and-scale.ng-leave .modal-dialog {
    animation-name: fadeAndScaleOut;
}
/***/
.am-fade.aside-backdrop, .am-fade.modal-backdrop {
    background-color: rgba(0,0,0,.5);
}
/***/
/*.modal-backdrop {
    z-index: 1040;
    bottom: 0;
}*/

.navbar-brand {
    font-size: 0;
}
.navbar-toggle .icon-bar {
    background-color: #fff;
    width: 18px;
}
.navbar-toggle .menu-text{
    width: 34px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    top: 14px;
    left: 40px;
    position: absolute;
}
.navbar-dropdown-left,
.navbar-dropdown-right {
    border-radius: 0;
    margin: 0;
}
.navbar-dropdown-left {
    border-top: 8px solid #ffc602;
}
.navbar-dropdown-right {
    border-top: 8px solid #122c7c;
}
.compla-masthead .dropdown-menu>li>a:focus, .compla-masthead .dropdown-menu>li>a:hover {
    background-color: #def4f2;
}
.compla-masthead .dropdown-menu>li {
    position: relative;
}
.compla-masthead .dropdown-menu>li>* {
    clear: both;
    color: #333;
    display: block;
    padding: 3px 20px;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
}
.compla-masthead .dropdown-menu>.active>a, .compla-masthead .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: transparent;
    color: #122c7c;
    font-weight: 700;
}
.compla-masthead .dropdown-menu input[type=checkbox].semafor,
.compla-masthead .dropdown-menu input[type=radio].semafor,
.compla-masthead .dropdown-menu input[type=checkbox].semafor + label,
.compla-masthead .dropdown-menu input[type=radio].semafor + label {
    height: 16px;
    margin: 3.5px 0;
    padding: 0;
    position: absolute;
    width: 32px;
}
.compla-masthead .dropdown-menu input[type=checkbox].semafor,
.compla-masthead .dropdown-menu input[type=radio].semafor {
    padding: 0;
    position: absolute;
    right: 15px;
    top: 0;
    width: 32px;
}
.compla-masthead .dropdown-menu input[type=checkbox].semafor.vertical,
.compla-masthead .dropdown-menu input[type=radio].semafor.vertical {
    height: 42px;
    margin: 5px 0;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 0;
    width: 16px;
}
.compla-masthead .dropdown-menu input[type=checkbox].semafor + label,
.compla-masthead .dropdown-menu input[type=radio].semafor + label {
    padding: 0;
    right: 15px;
    top: 0;
    width: 32px;
}
.compla-masthead .dropdown-menu input[type=checkbox].semafor.vertical + label,
.compla-masthead .dropdown-menu input[type=radio].semafor.vertical + label {
    height: 42px;
    margin: 5px 0;
    width: 16px;
}
.compla-masthead .dropdown-menu input[type=checkbox].semafor + label:before,
.compla-masthead .dropdown-menu input[type=radio].semafor + label:before {
    margin: 0;
}
.date {
    width: 100%;
    cursor: pointer;
}
.datelabel {
    width: 100%;
    cursor: pointer;
}
.date-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.date-wrapper:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 8px;
    top: 8px;
    background: url('svg/calendar.svg') 0 0 no-repeat;
    pointer-events: none;
    z-index: 1;
}
label.datelabel.fromto {
    font-weight: normal;
}
.order .inputDate {
    width: 108px;
}
.hidden {
    display: none;
}
.reflabel {
    text-decoration: underline;
    color: #0d96ca;
}
.reflabel:hover {
    cursor: pointer;
}
.compla-nav-inbox {
    margin-right: 20px;
}
.form-control-inline {
    display: inline-block;
}
.form-control-block {
    display: block;
}
.compla-table-label {
    border-radius: 4px;
    display: block;
    height: 39px;
    margin: -7px 0;
    padding: 0;
    position: relative;
}
.compla-table-label.orange {
    background-color: #fce681;
    border-color: #f1986d;
    cursor: pointer;
}
.compla-table-label > * {
    /* background: transparent; */
    /* border:none; */
    /* display: block; */
    /* font-style: italic; */
    /* height: 37px; */
    /* line-height: 37px; */
    /* padding: 0 12px; */
    /* width: 100%; */
}
.compla-table-label:hover:before {
    background-image: url(svg/edit-blue.svg);
    left: auto;
    right: 0;
    width: 39px;
}
.compla-table-label.orange:before,
.compla-table-label.orange:hover:before {
    background-image: url(svg/edit-gray.svg);
}
select.form-control {
    padding: 2px;
}
.form-control.input-md {
    width: 100px;
}
.form-control.input-md2 {
    width: 150px;
}
label.input-md {
    width: 100px;
}
label.input-md2 {
    width: 150px;
}
.chosen-container.form-control {
    padding: 0px;
    /* height: 30px; */
    color: #000;
    border-radius: 2px;
    height: 30px;
    padding-top: 0px;
}
a.chosen-single {
    color: #555;
}
.btn.confirm {
    background-color: #078859;
    color: antiquewhite;
    width: 130px;
    box-shadow: 0 1px 3px 0 rgba(3,3,3,0.3);
}
.btn.cancel {
    background-color: #e0190c;
    color: antiquewhite;
    width: 130px;
    box-shadow: 0 1px 3px 0 rgba(3,3,3,0.3);
}
.modal .message li {
    list-style-type: none;
}
.error_msg4input{
    color: red;
    font-size: 14px;
}
.compla-rating {
    color: #959595;
    font-size: 20px;
}
.mark .compla-rating {
    margin-left: 50px;
}
.mark .dotted {
    border-bottom: #ddd 2px dotted;
}
.dotted {
    border-bottom: #ddd 2px dotted;
}
.mark label {
    color: #111;
    font-weight: bold;
}
.mark-text {
    display: inline-block;
    vertical-align: top;
    margin-left: 0px;    
}
.mark .mark-text {
    margin-left: 18px;
}
.mark-text span {
    font-weight: bold;
}
.compla-rating.five {
    color: #23c270;
}
.compla-rating.four {
    color: #63bf1f;
}
.compla-rating.three {
    color: #f1730d;
}
.compla-rating.two {
    color: #d20606;
}
.compla-rating.one {
    color: #959595;
}
.order-mark label {
    font-weight: normal;
}
.order-mark .compla-rating {
    margin-left: 0px;
    font-size: 18px;
}
.order_number{
    font-size: 15px;
    text-decoration: underline;
}
.order_row .company_name{
    /*text-decoration: underline;*/
}
.row.buttons {
    margin-top: 22px;
}
.compla-rating-wrapper {
    display: inline;
    vertical-align: middle;
    margin-left: 2px;
}
.compla-table-padding .compla-rating {
    vertical-align: middle;
}
.compla-table-padding .mark-text {
    vertical-align: middle;
}
.compla-search .row > span {
    padding: 0px;
}
.order-mark label.input-md {
    width: 143px;
}
.order-mark label {
    font-size: 13px;
    vertical-align: top;
}
.order-mark .mark-text {
    font-size: 13px;
    vertical-align: top;
}
.order-mark .dotted {
    margin-bottom: 6px;
}
label {
    font-size: 13px;
    margin-bottom: 0px;
}
.normal-text {
    font-size: 14px;
}
.compla-search label {
    margin-top: 5px;
}
.row.row-with-text {
    height: 30px;
    margin-top: 0px;
}
.text-green {
    color: #00A651;
}
#modalWindowSpisokCategory .chosen-container{
    vertical-align: initial;
}
.text-red {
    color: red;
}
.td-button {
    width: 36px;
}
.column-date {
    width: 108px;
}
.compla-login {
    border: #11b4f2 1px solid;
    box-shadow: 0 0 3px 0 rgba(149,149,149,.75);
    -ms-box-shadow: 0 0 3px 0 rgba(149,149,149,.75);
    -moz-box-shadow: 0 0 3px 0 rgba(149,149,149,.75);
    -webkit-box-shadow: 0 0 3px 0 rgba(149,149,149,.75);
    padding-top: 15px;
}
.password-recovery form {
    border: #11b4f2 1px solid;
    box-shadow: 0 0 3px 0 rgba(149,149,149,.75);
    -ms-box-shadow: 0 0 3px 0 rgba(149,149,149,.75);
    -moz-box-shadow: 0 0 3px 0 rgba(149,149,149,.75);
    -webkit-box-shadow: 0 0 3px 0 rgba(149,149,149,.75);
    padding-top: 15px;
}
.password-recovery {
    margin-right: auto;
    margin-left: auto;
    width: 725px;
}
.compla-login-top {
    border-bottom: #11b4f2 1px solid;
    padding-bottom: 10px;
}
.compla-title-form {
    background-color: #cbd7fb;
    display: block;
    color: #28449b;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 15px;
    padding: 15px 10px;
}
.compla-login .compla-line {
    background-color: #cbd7fb;
    height: 5px;
}
.compla-success {
    background-color: #dbfbdd;
    border: #049e0f 1px solid;
    box-shadow: 0 0 3px 0 rgba(149,149,149,.75);
    -ms-box-shadow: 0 0 3px 0 rgba(149,149,149,.75);
    -moz-box-shadow: 0 0 3px 0 rgba(149,149,149,.75);
    -webkit-box-shadow: 0 0 3px 0 rgba(149,149,149,.75);
    margin-bottom: 45px;
    margin-top: 45px;
    padding-bottom: 15px;
    padding-top: 15px;
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #f00;
}
.has-error .form-control {
    border-color: #f00;
}
.compla-captcha {
    border: #b7b7b7 1px solid;
    width: 100%;
    height: 50px;
}
.compla-captcha-label {
    line-height: 50px;
    margin: 0;
}
.analytics td {
    min-width: 100px;
}
td.radius {
    border-bottom-right-radius: 6px;
    border-right-width: 1px !important;
    border-top-right-radius: 6px;
}
.hidden {
    display: none;
}
.order-done-text {
    display: inline;
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle;
}
.inline {
    display: inline;
}
.overdue-text {
    font-weight: bold;
    color: #aa0909;
    vertical-align: middle;
}
.icon-sort {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.icon-done {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.icon-done-tracking {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
/*.icon-overdue {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: auto;
}*/
.icon-inprogress {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-left: 10px;
}
.order-overdue {
    /*margin-top: 5px;*/
}
.badge.label-order-risk {
    margin-left: 20px;
    background: none;
    color: #444;
    border: #444 1px solid;
}
.inline-block {
    display: inline-block;
    /* vertical-align: top; */
}
.user-registration input[type=checkbox]:not(checked), 
.user-registration input[type=radio]:not(checked){
    opacity: 1;
}
.user-registration select{
    height: 32px;
    padding: 6px 12px;
}
.common-checkbox-label {
    font-weight: normal;
    vertical-align: middle;
    margin-left: 5px;
    font-size: 13px;    
}
.btn-topnav {
    background-color: transparent;
    background-position: 16px 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}
.btn-topnav.prodavec {
    /*background-image: url("svg/nav-prodav.svg");*/
    border-color: #00f3fc;
    color: #00f3fc;
}
.btn-topnav.pokupatel {
    /*background-image: url("svg/nav-pokup.svg");*/
    border-color: #00ff7e;
    color: #00ff7e;
}
.form-control.order-number {
    width: 155px;
    text-align: right;
}
.form-control.width100 {
    width: 100%;
}
.total-items {
    color: #777;
    text-align: left;
    font-size: 13px;
    display: inline;
}
label.inline-label {
    margin-top: 0px;
}
.user-visit-log-index,.user-visit-log-view{
    margin-top: 15px;
}
.small-text {
    font-size: 12px;
    color: #555;
    font-weight: normal;
}

table.import-table td {
    padding: 1px 10px;
    min-width: 120px;
}
table.import-table tr:first-child {
    font-weight: bold;
    border-top: none;
}
table.import-table tr {
    border-top: #ccc 1px solid;
}
.horiz-scroll-wrapper {
    width: auto;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 10px;
}
.print_button_icon:before{
    content: " ";
    background-image: url(svg/print.svg);
    background-repeat: no-repeat;
    margin-left: -5px;
    margin-right: 7px;
    padding: 1px 8px 7px 10px;
}

.compla_period_buttons{
    width: 361px;
}

.compla_period_buttons span{
    padding: 4px 57px;
    font-size: 17px;
    display: inline-block;
    color: #4480d8;
    cursor: pointer;
}

.compla_period_buttons span:nth-child(odd){
    border-right: 1px solid #4480d8;
    border: 1px solid #4480d8;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
.compla_period_buttons span:nth-child(even){
    border-right: 1px solid #4480d8;
    border: 1px solid #4480d8;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    margin-left: -4px;
}
.compla_period_buttons span.active{
    background-color: #4480d8;
    color: #fff;
}
.compla_period_buttons span:hover{
    background-color: #5e95e4;
    color: #fff;
}
.compla_analytics_tabs{
}
.compla_analytics_tabs span{
    color: #959595;
    text-decoration: underline;
    font-size: 16px;
    margin-right: 15px;
    cursor: pointer;
}
.compla_analytics_tabs span.active{
    color: #2a449b;
    font-weight: bold;
}
#graphic_for_month{
    border: 1px solid #c2c2c2;
    height: 380px;
    margin-top: 20px;
}
#graphic_for_month .month_container{
}
#graphic_for_month .graph_container{
}
#graphic_for_month .month_name{
    color: #28439a;
}
.compla_analytics_graph .top_row{
    /*margin-top: 17px;*/
    margin-bottom: 17px;
    font-size: 15px;
    /* height: 36px; */
}
.compla_analytics_graph .top_row .chosen-container{
    width: 150px;
}
.compla_analytics_graph .top_row select{
    padding: 6px 8px;
    height: 30px;
}
.table_email{
    display: block;
    padding-left: 11px;
}
.table_email .email{
    display: inline-block;
    /*border-bottom: 1px dashed #000;*/
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.table_email:before{
    content: " ";
    background: #fff url(svg/mail_icon.svg) 50% 50% no-repeat;
    background-size: 19px 19px;
    background-color: transparent;
    padding: 6px 17px 7px 11px;
    margin-left: -20px;
    vertical-align: top;
}
.category_company li{ color: #10b4f3;}
.category_company li span{ color: #000000; }
.button-reinvite-company{
    border: 0;
    background: transparent;
    color: #129521;
    font-weight: bold;
    border-bottom: 1px dashed #129521;
    padding: 0px 0px 0px 0px;
}

.button-reinvite-company:hover{
    border-bottom: 1px dashed #fff;
}

.companyCartSubjectText{
    margin-top: -6px;
    margin-bottom: 11px;
}

td.td-last{
    border-bottom-right-radius: 6px;
    border-right-width: 1px !important;
    border-top-right-radius: 6px;
}

.order-invite-label {
    float: right;
    text-decoration: underline;
    font-size: 13px;
    margin-top: 5px;
}
.order-no-checkpoints {
    color: #777;
    font-size: 15px;
    padding: 20px 0px 5px 0px;
}
.table-no-data {
    color: #777;
    font-size: 15px;
    padding: 5px 0px 5px 0px;
    text-align: center;
}
.compla-table-label-text {
    /* border-radius: 4px; */
    /* display: block; */
    /* position: relative; */
    /* background: transparent; */
    /* font-style: italic; */
    /* padding: 0 12px; */
}
#checkpoint-list {
    /* Needed, otherwise items would be at top of the page (see below) */
    /*position: absolute;*/
    /* full width, or it would look strange */
    /*width: 100%;*/
}
#checkpoint-list>tbody>tr {
    position: absolute;
    width: 100%;
    top:0;
    -webkit-transition: top 0.5s ease-in-out;
    -moz-transition: top 0.5s ease-in-out;
    transition: top 0.5s ease-in-out;
    margin-top: -33px;
}
#checkpoint-list .col-number {
    width: 50px;
}
#checkpoint-list .col-date {
    width: 180px;
}
#checkpoint-list .col-status {
    min-width: 300px;
}
#checkpoint-list .delete-button {
    width: 36px;
}
.btn-default:hover {
    background-color: #f3f3f3 !important;
    color: #464646;
    border-color: #ccc;
}
.form-control[disabled], fieldset[disabled] .form-control {
    background-color: #f3f3f3;
}
.main_content_modal img{
    max-width: 865px;
}
#user input {
    /* height: 34px; */
    /* padding: 6px 12px; */
}
form#user {
    /* background-color: #fff; */
    /*padding: 26px;*/
    /* padding: 10px 50px; */
}
#user label {
    /* font-weight: normal; */
    /* font-size: 14px; */
}
#user a {
    /* font-size: 13px; */
    /* text-decoration: none; */
    /* color: #2e3192; */
}
.compla-title-sm {
    padding: 15px;
    color: #11b4f2;
}    
.btn-margin {
    margin-left: 10px;
}
.btn-from-top {
    padding-top: 22px;
}
td.col-reinvite {
    width: 255px;
}
/*.compla-table .table>tbody>tr:hover {
    background-color: #e0f6e2;
}*/

#registrationcompanyform-company_type{
    /* position: relative; */
    /* display: inline-block; */
    /* text-align: center; */
    /* margin-left: 80px; */
    /* bottom: 4px; */
}
#registrationcompanyform-company_type .checkbox{
    display: inline-block;
    margin-right: 30px;
}
#registrationcompanyform-company_type .checkbox label input{
    height: 16px;
}
.compla-main-cabinet{
    /* margin-left: -15px; */
}
.right_close_button{
    float: right;
}
.btn-disabled {
    cursor: auto;
    border: none;
}
.form-title {
    font-size: 24px;
    color: #444; 
    margin-top: 12px;
    margin-bottom: -8px;
}
.order .form-title {
    font-size: 20px;
    vertical-align: bottom;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 5px;
}
.compla-cabinet .form-title {
    font-size: 20px;
    color: #000;
    line-height: 20px;
    margin-bottom: 24px;
}
.compla-cabinet .form-title>.title-bold {
    font-size: 24px;
    color: #11b4f2;
    font-weight: bold;
    margin: 0 20px;
}
.order-title {
    padding-top: 14px;
    vertical-align: bottom;
    margin-bottom: -4px;
}
.order-title .form-control {
    height: 30px;
    font-size: 18px;
    line-height: 18px;
}
.order-title .inputDate {
    width: 125px;
}
.order-title>.date-wrapper:before {
    top: 8px;
}
#registrationcompanyform_company_category_chosen{
    height: 37px;
}
.text-finished {
    color: #23c270;
    border-color: #23c270;
}
.text-progress {
    color: #318fef;
    border-color: #318fef;
}
.text-accepted {
    color: #f29706;
    border-color: #f29706;
}
.text-not-accepted {
    color: #777;
    border-color: #777;
}
.status-text {
    margin-top: 3px;
    text-align: right;
}
.status-text>span {
    border-bottom: 1px dashed;
    font-size: 18px;
}
.status-label>label {
    font-size: 15px;
}
.status-label {
    text-align: right;
}
.btn-top-close {
    float: right;
    border-bottom: 1px dotted #555;
    color: #444444;
    font-size: 14px;
}
a.btn-top-close:hover {
    text-decoration: none;
    color: #bd0707;
    border-color: #bd0707;
}
.row.buttons2 {
    margin-top: 10px;
}
.field-error {
    color: #e02424;
}
.wrong-field-value {
    color: #e02424;
}
#user .btn-default {
    font-size: 14px;
    text-decoration: none;
}
.password-recovery h2 {
    padding: 15px;
    color: #11b4f2;
    text-align: center;
}
.form-group.field-registrationcompanyform-username.required {
    margin-bottom: 20px;
}

input#registrationcompanyform-username {
}
.company-name {
    font-size: 18px;
    color: #777;
}
.company-table .icon-pokupatel {
    display: inline-block;
    width: 100px;
    background-repeat: no-repeat;
    color: #555;
    height: 20px;
}
.company-table .icon-prodavec {
    display: inline-block;
    /* margin-left: 5px; */
    color: #555;
    height: 20px;
}
.compla-cabinet .icon-pokupatel,
.compla-cabinet .icon-prodavec {
    background-position: 0 50%;
    background-repeat: no-repeat;
    height: 20px;
    font-size: inherit;
    margin-left: 0;
    width: auto;
}
/*.compla-cabinet .icon-pokupatel {
    background-image: url("svg/nav-pokup-cab.svg");
}
.compla-cabinet .icon-prodavec {
    background-image: url("svg/nav-prodav-cab.svg");
}*/
.legend {
    color: #28449b;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin: 20px 0 0;
    padding: 16px 0 8px;
    position: relative;
    text-align: left !important;
}
.legend:before {
    background-color: #c2c2c2;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 0;
    width: 40px;
}
.chosen-choices {
    padding-left: 16px;
}
.search-choice {
    color: #11b4f2;
}
.search-choice>span {
    color: #000;
}
.wait-for-activate {
    color: #f25311;
}
.btn.btn-change-password {
    display: block;
    margin-top: 15px;
}
.underlined-ref {
    text-decoration: underline;
}
.btn-pokupatel-prodavec {
    margin-top: 10px;
}
th.sortable {
    /* cursor: pointer; */
}
th:not(.sortable) {
    cursor: default;
}
th.sortable:not(.sort-desc):not(.sort-asc):hover {
    /* background:no-repeat right bottom url("svg/sort-table-asc.svg"); */
    /* background-size: 12px 12px; */
}
/*.sort-desc {    
    background:no-repeat right bottom url("svg/sort-table-desc.svg");
    background-size: 12px 12px;
}
.sort-desc:hover {
    background:no-repeat right bottom url("svg/sort-table-desc-hover.svg");
    background-size: 12px 12px;
}
.sort-asc {
    background:no-repeat right bottom url("svg/sort-table-asc.svg");
    background-size: 12px 12px;
}
.sort-asc:hover {
    background:no-repeat right bottom url("svg/sort-table-asc-hover.svg");    
    background-size: 12px 12px;
}*/
.botton_container{
    height: 30px;
}
.button_traning_header_container{
    position: absolute;
    right: 28%;
    z-index: 5;
}
#button_traning_header {
    /* background-color: #ffc602; */
    /* font-weight: 300; */
    /* color: #28449b; */
    /* height: 33px; */
    /* line-height: 0; */
    /* width: 188px; */
    /* cursor: pointer; */
    /* margin-left: 5px; */
    /* margin-top: 8px; */
}
#button_traning_header:hover{
    /* background-color: #08d2f6; */
}
#button_traning_header:active{
    /* background-color: #ffd501; */
    /* top: 1px; */
}
#button_traning_header:before{
    /* content: ""; */
    /* background: transparent url(svg/icon_traning.svg) 50% 50% no-repeat; */
    /* padding: 8px 8px 8px 8px; */
    /* margin-right: 9px; */
}
.category-edit .chosen-container {
    height: auto;
}
.category-edit .btn {
    margin-top: 10px;
}
input[type=checkbox][disabled] + label:before {
    cursor: not-allowed;
}
input[type=checkbox][disabled] + label:after {
    cursor: not-allowed;
}
input[type=checkbox][disabled] + label {
    cursor: not-allowed;
}
.chb-my-company-note {
    position: absolute;
    top: 44px;
    left: 37px;
    font-size: 11px;
    font-style: italic;
}
.control-without-label {
    top: 22px;
    position: relative;
}
.company-orders-wrapper {
    margin-bottom: 5px;
}
table.import-table {
    font-size: 14px;
}
table.import-table.with-border {
    border: 1px #ccc solid;
    font-size: 13px;
}
#importcompanyinvite_file{
    float: left;
    margin-top: 20px;
}
#download_template_xls{
    float: right;
    font-weight: normal;
}
.tracking .icon-inprogress {
    margin-left: 0px;
}
.tracking .order-done-text {
    font-weight: normal;
    margin-left: 2px;
}
.compla-toptools {
    display: inline-block;
    margin-left: 25px;
}
.btn-group.isbuyer {
    height: 100%;
}
a.compla-nav-inbox:hover {
    text-decoration: none;
}
a.compla-nav-inbox:focus {
    text-decoration: none;
}
#checkpoints_files{
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: -3px;
}
.view_company_button{
    display: block;
    cursor: pointer;
    color: #939598;
}
.view_company_button .view_company_button_text{
    border-bottom: 1px dashed #939598;
}
.view_company_button .view_company_button_text:hover{
    border-bottom: 0;
}
.view_company_button img{
    width: 16px;
    height: 16px;
    margin-right: 4px;
    margin-bottom: 3px;
}
.tarif_button_option{
    width: 16px;
    height: 16px;
    margin-top: 4px;
    margin-left: 5px;
    cursor: pointer;
}
.paidpackage_button_option{
    width: 16px;
    height: 16px;
    margin-left: 5px;
    cursor: pointer;
}
.margin15{
    margin: 15px 0;
}
.compla-tarif-change {
    border-bottom: #959595 1px dashed;
    color: #959595;
    display: block;
    line-height: 20px;
    margin: 0;
    position: absolute;
    right: 15px;
    top: 0;
}
.compla-tarif-change:hover,
.compla-tarif-change:focus {
    border-color: #11b4f2;
    color: #11b4f2;
    text-decoration: none;
}
.compla-tarif-left {
    color: #707070;
    display: inline-block;
    width: 65%;
}
.compla-tarif-right {
    color: #000;
    display: inline-block;
}
.compla-tarif-left.active {
    color: #28449b;
}
.tarif>.compla-tarif-left,
.tarif>.compla-tarif-right {
    font-size: 20px;
}
.tarif>.compla-tarif-left {
    width: 75%;
}
.compla-tarif-name {
    color: #28449b;
}
.compla-tarif-addon {
    color: #b1c1f2;
    font-size: 36px;
    line-height: 64px;
}
.icon-order {
    color: #363636;
    font-weight: bold;
    min-width: auto;
    padding: 4px 8px;
}
.icon-order:before {
    background-image: url(svg/order.svg);
    background-size: 20px 20px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 20px;
    margin-right: 6px;
    position: relative;
    vertical-align: middle;
    width: 20px;
}
.icon-submit:before {
    background-image: url(svg/submit-white.svg);
    background-size: 12px 12px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 12px;
    margin-right: 6px;
    position: relative;
    vertical-align: middle;
    width: 12px;
}
td.td-notice-read {
    text-align: right;
}
.not-read {
    background-color: #f1f1f1;
}
.import-table-label {
    font-weight: bold;
    margin-bottom: 5px;
    width: 508px;
}
#download_template_xls a {
    text-decoration: underline;
}
.formonth.table>tbody>tr>td {
    padding: 0px 10px;
    border: none;
}
.formonth.table>tbody>tr {
    border: none;
    margin: 0px;
}
.compla-table .formonth.table {
    border-spacing: 5px;
    margin-top: 10px;
}
.compla-toptools.pull-right {
    height: 48px;
}
.selectable-container {
    height: 350px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 13px;
}
li.ui-selectee.ui-selected {
    background-color: #cbd7fb;
}
.selectable-container ol {
    padding: 0px;
    list-style-type: none;
}
.selectable-container-wrapper {
    /* padding: 10px; */
}
#registrationcompanyform-company_category {
    height: 190px;
    display: none;
}
#selectedListMain {
    /* font-size: 14px; */
    /*font-style: italic;*/
    /* margin-bottom: 10px; */
}
.selected-list-wrapper .control-label {
    font-weight: bold;
}
#selectedList {
    /* font-style: italic; */
}
.selected-list-wrapper {
    /* margin-left: 10px; */
}
.selectable-container a {
    /* float: right; */
}
.li-remove {
    color: #d20606;
}
.selectable-container-top {
    /* padding: 0px; */
}
.btn-selected {
    background-color: #5cb85c;
    border-color: #4cae4c;
    /* color: #fff; */
}
.btn-selected:hover {
    /* opacity: 0.75; */
    /* background-color: #5cb85c !important; */
    /* border-color: #4cae4c !important; */
    /* color: #fff !important; */
}
#productButton {
    /* margin-left: 10px; */
}
.selected-category:hover {
    /* color: #bd0707; */
    /* text-decoration: underline; */
    /* cursor: pointer; */
}
.selected-category:hover:before {
    /* content: " "; */
    /* background: url(svg/delete-red.svg) 50% 50% no-repeat; */
    /* background-size: 15px 15px; */
    /* background-color: transparent; */
    /* padding: 6px 17px 7px 11px; */
    /* margin-right: 0px; */
}
.selected-category {
    /* display: inline; */
    /* line-height: 14px; */
}

.multiSelectedList .selected-category{
    margin-right: 5px;
}

.category-tree {
    /* border-right: #bbb 1px solid; */
    margin: 20px 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    /* padding-left: 0px; */
    width: 20%;
}
.category-tree ul {
    padding-left: 0px;
}
.category-tree li {
    list-style-type: none;
    padding: 3px 0px;
}
.btn-category {
    color: #28449b;
    border-bottom: 1px #28449b dashed;
    padding: 0px;
    width: auto;
    background: none;
    margin-bottom: 10px;
    font-size: 14px;
}
.btn-category:hover {
    color: #28449b;
    opacity: 0.9;
}
.btn-category.btn-checked {
    border-bottom: none;
    color: #222;
    font-weight: bold;
}
.btn-category.right {
    float: right;
}
.company-table>tbody>tr>td .td {
    border: none;
    display: table-cell;
    padding: 0px 5px;
    vertical-align: top;
    white-space: normal;
}
.category_company {
    color: #000000;
    overflow: hidden;
    white-space: normal;
    line-height: 1.4;
}
.category_company div {
    display: inline;
}

.category_company div:before {
    content: " ";
    background: url(svg/dot.png) 50% 50% no-repeat;
    background-size: 4px 4px;
    background-color: transparent;
    padding: 0px 6px 0px 6px;
    margin-right: 3px;
}
.category-label {
    font-weight: bold;
}
.td-header {
    width: 100%;
    display: table;
    padding: 0px 5px;
    padding-right: 40px;
}
.td-header.thick {
    margin-top: -10px;
    margin-bottom: -12px;
}
.td-footer {
    border-top: 1px #ccc solid;
    padding: 5px 40px 10px 10px;
}
.company-table>tbody>tr>td {
    padding: 0px;
}
.selectable-container li {
    margin-bottom: 3px;
    line-height: 1.2;
}
/*.compla-table .company-table.table .tablebtn.btn-default {
    border-radius: 0px 6px 6px 0px;
    background-color: white;
}*/
.td.col1 {
    width: 250px;
}
.td.col2 {
    width: 200px;
}
.td.col3 {
    width: 140px;
}
.td.col4 {
    width: 180px;
}
.td.col5 {
    width: 140px;
}
.td.col8 {
    width: 242px;
}
.category-table {
    /* width: 80%; */
    /* padding-right: 0px; */
    border-left: #bbb 1px solid;
    margin-top: 20px;
    margin-bottom: 20px;
}
.parent_parent_category {
    margin-bottom: 8px;
    border-bottom: 1px #aaa dotted;
    padding-bottom: 8px;
}
.parent_parent_category:before {
    content: " ";
    background: url(svg/back-arrow.svg) 50% 50% no-repeat;
    background-size: 16px 16px;
    background-color: transparent;
    padding: 0px 10px 0px 10px;
    margin-right: 3px;
}
.parent_category {
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 5px;
}
.registration-category .control-label {
    font-weight: bold;
}
#categoryButton {
    /* margin-top: -10px; */
    /* height: 40px; */
    /* padding: 0px 28px; */
    /* font-size: 15px !important; */
    /* letter-spacing: 0px; */
    font-weight: bold;
}
.category-table .compla-table {
    margin-top: 10px;
    margin-bottom: 0px;
}

.select_company_hover:hover{
    background-color: #f3f9fb;
    cursor: pointer;
}

.analytics .compla-table-viewlink{
    display: inline-block;
    max-width: 266px;
    min-width: 150px;
    word-wrap: normal;
    white-space: normal;
}

.body_control_company_selected .row{
    padding-right: 10px;
}

.body_control_company_selected .compla-search .row > *:last-child{
    padding-right: 17px;
}

.body_control_company_selected a.compla-table-title{
    max-width: 266px;
}

.body_control_company_selected .reg_name_label{
    font-weight: bold;
}

.compla-toptools .top_username {
    display: inline-block;
<<<<<<< .mine
    max-width: 31.366667%;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
}

.icon_blue_edit:before{
    background: url(svg/edit-dblue.svg) 0 0 no-repeat;
    background-position-x: 80%;
    content: "";
    display: block;
    width: 22px;
    height: 15px;
    position: absolute;
    right: 22px;
    top: 8px;
    pointer-events: none;
    z-index: 1;
    background-color: #fff;
}


.icon_blue_edit .order_contragent{
    cursor: pointer;
    background-color: #fff;
}

.compla-toptools .top_username {
    display: inline-block;
||||||| .r371
    max-width: 31.366667%;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
}

.icon_blue_edit:before{
    background: url(svg/edit-dblue.svg) 0 0 no-repeat;
    background-position-x: 80%;
    content: "";
    display: block;
    width: 22px;
    height: 15px;
    position: absolute;
    right: 22px;
    top: 8px;
    pointer-events: none;
    z-index: 1;
    background-color: #fff;
}


.icon_blue_edit .order_contragent{
    cursor: pointer;
    background-color: #fff;
}
||||||| .r362
}=======
}

.compla-toptools .top_username {
    display: inline-block;
=======
>>>>>>> .r367
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.icon_blue_edit:before{
    background: url(svg/edit-dblue.svg) 0 0 no-repeat;
    background-position-x: 80%;
    content: "";
    display: block;
    width: 22px;
    height: 15px;
    position: absolute;
    right: 22px;
    top: 8px;
    pointer-events: none;
    z-index: 1;
    background-color: #fff;
}


.icon_blue_edit .order_contragent{
    cursor: pointer;
    background-color: #fff;
}
<<<<<<< .mine

.company_table_select_modal .td-header{
    width: 90%;
}

.company_table_select_modal .td-mini{
    /* position: absolute; */
    width: 20%;
    /* right: 0px; */
    /* top: 30%; */
    /* text-align: center; */
}

.company_table_select_modal .blue_href{
    text-decoration: underline;
    color: #12b5f0;
}


/* registration new begin */

.registration_background{
    width: 100vw;
    height: 100vh;
    position: fixed;
    background-image: url(/img/registrationbackground.jpg);
}

.registration_body{
    width: 640px;
    font-family: "Open Sans";
}

.registration_body .row{
    margin-left: -14px;
}

.registration_body .form-group{
    margin-bottom: 6px;
}

.registration_body form#user{
    margin-top: 40px;
}

.registration_body h2{
    margin: 0;
    text-transform: uppercase;
    font-size: 24px;
    padding-left: 19px;
}

.dark_blue{
    color: #28449b;
}

.registration_body .compla-title-form{
    background: none;
    padding: 0px 0px 0px 0px;
    margin-bottom: 8px;
}

.registration_body .compla-title-sm{
    padding-bottom: 1px;
}

.registration_body .has-error label{
    font-size: 13px !important;
    padding-left: 11px;
    padding-bottom: 5px;
}

.field-registrationcompanyform-company_type{
    
}

.registration_body input[type=checkbox]{
    display: none;
}

.registration_body label > span{
    position: relative;
}

.registration_body input[type="checkbox"] + span:before {
    content: " ";
    padding: 10px;
    background: url(/img/chekbox_false.svg) no-repeat;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: -27px;
    margin-right: 0px;
}

.registration_body input[type="checkbox"]:checked + span:before {
    background: url("/img/chekbox_true.svg") no-repeat;
}

.registration_body input[type="text"]:active{
    border-color: #11b4f2;
}

.field-registrationcompanyform-company_category > label{
    color: #28449b;
    font-weight: 100;
}

.registration_body .compla-title-form,
.field-registrationcompanyform-company_category > label{
    font-size: 18px !important;
}

.registration-category #categoryButton{
    /* display: block; */
    /* margin: 0 auto; */
}

.registration-category #categoryButton:before{
    /* content: " "; */
    /* padding: 7px; */
    /* background: url(/css/svg/add-white.svg) no-repeat; */
    /* position: relative; */
    /* top: 11px; */
    /* left: -11px; */
    /* margin-right: 0px; */
}

label[for="registrationcompanyform-company_type"]{
    padding: 0px 0px 0px 3px;
}

#registrationcompanyform-company_type .checkbox:nth-child(2){
    margin-left: 46px;
}

.registration_body .user-registration select{
    height: 35px;
    padding: 7px 12px;
}

.field-registrationcompanyform-company_ownership_type{
    /* min-width: 211px; */
}

.field-registrationcompanyform-company_name{
    /* margin-left: 0px; */
    /* width: 379px; */
    /* padding-left: 4px; */
}

.field-registrationcompanyform-company_name > #registrationcompanyform-company_name{
    /* height: 35px; */
}

.field-registrationcompanyform-company_inn{
    /* width: 299px; */
}

.field-registrationcompanyform-company_phone{
    /* width: 293px; */
    /* padding-left: 7px; */
}

.field-registrationcompanyform-company_category{
    /* margin-top: 30px; */
}

.field-registrationcompanyform-name{
    /* margin-left: -7px; */
}

.field-registrationcompanyform-username{
   /* margin-left: -7px; */
}

.field-registrationcompanyform-password,
.field-registrationcompanyform-repeat_password{
    /* display: block; */
    /* width: 305px; */
    /* float: none; */
    /* margin: 0 auto; */
    /* padding-left: 10px; */
}

.field-registrationcompanyform-password{
    /* margin-top: 11px; */
}

.field-registrationcompanyform-repeat_password{
    /* margin-top: 15px; */
}

.registration_body #licenz_soglashenie{
    margin-top: 10px;
    margin-bottom: 28px;
}

.registration_body #licenz_soglashenie a{
    border-bottom: 1px dashed #2e3192;
    text-decoration: none;
    color: #2e3192;
}

#registration_google_capcha{
    /* width: 400px; */
    margin: 0 auto;
    /* margin-bottom: 30px; */
}

label[for="registrationcompanyform-success_captcha"],
#registrationcompanyform-success_captcha{
    display: none;
}

/* registration new end */