.page-loading{
    z-index: 10;
}
.relative{
    position: relative;
}
.disabled, .disable {
    opacity: 0.4 !important;
    filter: alpha(opacity=40) !important;
}
.fs8{ font-size: 8px !important; }
.fs10{ font-size: 10px !important; }
.fs12{ font-size: 12px !important; }
.fs14{ font-size: 14px !important; }
.fs15{ font-size: 15px !important; }
.fs16{ font-size: 16px !important; }
.fs18{ font-size: 18px !important; }
.fs21{ font-size: 21px !important; }
.fs25{ font-size: 25px !important; }
.text-bold { font-weight: bold !important;}
.pad-lr-20{ padding: 0 20px;}
.pad-10{ padding: 10px;}
.vmiddle{ vertical-align: middle !important;}
.vtop{ vertical-align: top !important;}
.icon-over-plus{
    position: absolute !important;
    font-size: 10px !important;
    right: 10px;
    top: 9px !important;
}
.nowrap{
    white-space: nowrap;
}
.fixed{
    top:46px;
    position:fixed;
    width:auto;
    display:none;
    border:none;
    background-color:white;
    z-index: 1;
}
@media (max-width: 991px) {
    .fixed{
        top:0;
    }
}

.min-width-120 {
    min-width: 120px !important;
}
.margin-left-20 {
    margin-left: 20px !important;
}
.margin-left-5 {
    margin-left: 5px !important;
}
.margin-top-5 {
    margin-top: 5px !important;
}
.tt-suggestion .media .media-object i{
    font-size: 25px;
    margin: 12px 8px 5px;
}
.users-list tr td{
    height: 60px;
    vertical-align: middle !important;
}
.control-panel {
    float: right;
    margin-right: 0;
    margin-top: -21px;
    position: relative;
    z-index: 100;
    width: 230px;
}
.control-panel > .control-options {
    position: absolute;
    right: 0;
    top: 4px;
    z-index: 100;
}


.feeds li .col2 {
    float: left;
    margin-left: -100px;
    width: 100px;
}

.blog-page .media img {
    top:0;
}

.blog-page .media .user i{
    margin: 15px;
    padding-bottom: 10px;
}
.img-center{
    margin: 0 auto;
}

.page-header.navbar .page-logo{
    width: 258px;
}

.page-header.navbar .page-logo .logo-default{
    margin: 4px 0 0;
    width: 150px;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}
.btn-group > .dropdown-menu-right::before{
    left: auto;
    right: 9px;
}
.btn-group > .dropdown-menu-right::after {
    left: auto;
    right: 10px;
}
.gray{
    color: #999999;
}
.preview{
    position: relative;
}
.preview .img-th{
    height: 300px;
    line-height: 300px;
    text-align: center;
    position: relative;
}
.preview .img-th img{
    vertical-align: middle;
    display: inline;
}
.preview .controls{
    position: absolute;
    background: #ffffff;
    padding-left: 4px;
    right: 20px;
    top: 5px;
}
.preview .controls-img{
    position: absolute;
    background: #ffffff;
    left: 20px;
    top: 3px;
}
.preview .image-author{
    position: absolute;
    background: #ffffff;
    left: 75px;
    top: 3px;
    color: #cccccc;
}

.preview .img-th .search{
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 0;
}
.preview .img-th .search .fa{
    font-size: 20px;
    text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;
}
.fancybox-opened {
    z-index: 10000;
}
.date-picker .input-group-btn .btn {
    margin-left: -7px;
}
.page-sidebar-menu .fa-stack .fs8{
    left: 4px;
}
.fa-stack{
    height: 14px;
    line-height: 14px;
}
.doc-title{
    width: 100%;
}
.doc-expenses{
    width: 37%;
}
.doc-title .form-control,.doc-expenses .form-control{
    width: 100%;
}
.doc-time{
    width: 61%;
}
.doc-flags .checkbox-inline{
    padding-left: 0;
}
.doc-flags .checkbox-inline + .checkbox-inline{
    margin-left: 0;
}
.doc-flags .radio-inline{
    padding-left: 0;
}
.doc-flags .radio-inline + .radio-inline{
    margin-left: 0;
}
.order-form .thumbnail .img-th{
    margin-bottom: 7px;
}
.tooltip {
   z-index: 10700;
}
/* autocomplete */
ul.autocomplete {
    position: absolute; overflow: hidden;
    background-color: #fff; border: 1px solid #E0E0E0;
    top: 32px; padding: 0; font-weight: normal;
    list-style: none; display:none; z-index:1000;
}
ul.autocomplete li {
    display: block; padding: 2px 5px; margin: 0;
    overflow: hidden; width: 100%;
    cursor: pointer; color: #073666;
}
ul.autocomplete li span.grey { color: grey; font-size: 12px; }
ul.autocomplete li.hovered, ul.autocomplete li:hover { background-color: #F1F1F1; }

.rowday {
    width: 100%;
    text-align: center;
    padding: 2px;
}
table.table tr.archive td{
    color:#999999;
}
.red-placeholder::-webkit-input-placeholder {color:#c0392b;}
.red-placeholder::-moz-placeholder          {color:#c0392b;}/* Firefox 19+ */
.red-placeholder:-moz-placeholder           {color:#c0392b;}/* Firefox 18- */
.red-placeholder:-ms-input-placeholder      {color:#c0392b;}

.page-header.navbar .top-menu .navbar-nav > li.notification {
    margin: 0;
    padding: 0 4px;
    height: 46px;
    display: inline-block;
}
.page-header.navbar .top-menu .navbar-nav > li.notification .notification-item {
    padding: 5px;
    line-height: 16px;
    text-align: center;
    color: #c6cfda;
}
.page-header.navbar .top-menu .navbar-nav > li.notification:hover .notification-item {
    background-color: #3f4f62;
}
.page-header.navbar .top-menu .navbar-nav > li.notification .notification-item.active {
    background-color: #3f4f62;
    border: solid 1px #ccc;
}
.buttons-block .btn{
    margin-bottom: 5px;
}

.order-number {
    position: relative;
}
.order-detail {
    width: 600px;
    display: none;
    position: fixed;
    top: 15vh !important;
    right: 20vw;

    background-color: #ffffff;
    border: 1px solid #777;
    padding: 5px;
    z-index: 10;
}
.order-distance {
    position: absolute;
    bottom:0;
    left: 3px;
    font-size: 11px;
    color: #1BA39C;
}


.orders-list tr:nth-last-of-type(1) .order-detail,
.orders-list tr:nth-last-of-type(2) .order-detail,
.orders-list tr:nth-last-of-type(3) .order-detail,
.orders-list tr:nth-last-of-type(4) .order-detail,
.orders-list tr:nth-last-of-type(5) .order-detail,
.orders-list tr:nth-last-of-type(6) .order-detail,
.orders-list tr:nth-last-of-type(7) .order-detail{
    top: inherit;
    bottom: -1px;
}
.order-detail .form-group{
    margin-bottom: 0;
}
.order-detail .form-control-static{
    padding: 0;
    min-height: inherit;
}
.order-detail .form-horizontal .control-label{
    padding-top: 1px;
    font-size: 10px;
}
.order-detail .col-md-1, .order-detail .col-md-10, .order-detail .col-md-11, .order-detail .col-md-12, .order-detail .col-md-2, .order-detail .col-md-3, .order-detail .col-md-4, .order-detail .col-md-5, .order-detail .col-md-6, .order-detail .col-md-7, .order-detail .col-md-8, .order-detail .col-md-9 {
    padding-left: 5px;
    padding-right: 5px;
}
.order-detail hr{
    margin: 2px 0;
}

.order-detail .form-control-static{
    font-size: 11px;
    margin: 0px 0;
}
@media (max-width: 991px) {
    .order-detail{
        display: none;
    }
}
.order-linked {
    position: relative;
    display: block;
    overflow: hidden;
    height: 12px;
    font-size: 11px;
}
.order-linked span {
    position: absolute;

}
.orders-list .btn{
    margin: 1px;
}
.orders-list .order-status{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 120px;
    display: block;
}
.orders-list .order-status:hover{
    position: absolute;
    overflow: visible;
    white-space: normal;
}
.driver-remark, .driver-remark i {
    color: #E87E04;
}
.driver-remark i{
    display: none !important;
}
td:hover .driver-remark i, .form-group:hover .driver-remark i{
    display: inline-block !important;
}
.driver-remark-input {
    border-color: #E87E04;
    background-color: #fae5cc;
    color: #d07103;
}
.portlet > .portlet-title > .nav-tabs{
    float: left;
}
.absolute-right{
    position: absolute;
    right: 10px;
}
.absolute-left{
    position: absolute;
    left: 10px;
}
.driver-assign i{
    display: none !important;
}
td:hover .driver-assign i{
    display: inline-block !important;
}
.calendar-orders-list td{
    padding: 4px !important;
}

.calendar-orders-list input[type=radio] {
    margin-left: -10px !important;
}
.scroll-to-top {
    right: 0;
}
.own-remark{
    color: #9A12B3;
}
.driver-work {
    position: absolute;
    right: 1px;
    top: 1px;
    padding: 0 0 15px 15px;
}
.driver-work i{
    display: none !important;
}
td:hover .driver-work i{
    color: #2C3E50 !important;
    display: inline-block !important;
}

.driver-day-remark {
    position: absolute;
    left: 1px;
    top: 1px;
    padding: 0 15px 15px 0;
}
.driver-day-remark i{
    display: none !important;
}
td:hover .driver-day-remark i{
    color: #5c3201 !important;
    display: inline-block !important;
}
.day-remark-input{
    border-color: #8b4b02;
    background-color: #f5cb9a;
    color: #743f02;
    padding: 2px;
}
.driver-day-remark-message{
    color: #5c3201 !important;
}
.driver-day-remark-message div{
    padding: 5px;
    background-color: #fdf4ea !important;
}

.d-driver-day-remark {
    position: absolute;
    left: 1px;
    bottom: 1px;
    padding: 0 15px 15px 0;
}
.d-driver-day-remark i{
    display: none !important;
}
td:hover .d-driver-day-remark i{
    color: #012b5c !important;
    display: inline-block !important;
}
.d-day-remark-input{
    border-color: #02428b;
    background-color: #9ac4f5;
    color: #023774;
    padding: 2px;
}
.d-driver-day-remark-message{
    color: #012b5c !important;
}
.d-driver-day-remark-message div{
    padding: 5px;
    background-color: #eaf3fd !important;
}

.manager-note {
    position: absolute;
    left: 1px;
    bottom: 1px;
    color: #26C281 !important;
}
.manager-note i{
    display: none !important;
}
td:hover .manager-note i{
    display: inline-block !important;
}
.d-manager-note {
    color: #26C281 !important;
}
.manager-note-input {
    border-color: #26C281 !important;
    color: #26C281 !important;
    padding: 1px;
}

.no-wrap{
    white-space: nowrap;
}
.adjustment-edit{
    position: absolute;
    left: -2px;
}
.adjustment-edit i{
    display: none !important;
}
td:hover .adjustment-edit i{
    display: inline-block !important;
}
.font-red-thunderbird .adjustment-edit {
    color: #D91E18 !important;
}
.font-purple-seance .adjustment-edit {
    color: #9A12B3 !important;
}
.font-blue-ebonyclay .adjustment-edit {
    color: #4B77BE !important;
}
.visible-hover{
    display: none !important;
}
td:hover .visible-hover{
    display: inline-block !important;
}
.abs-right{
    position: absolute;
    right: -5px;
    padding: 2px 4px !important;
}
.salary-warning {
    background-color: #fbd6c9 !important;
}
.adjustment-delete{
    position: absolute;
    right: -10px;
    top: -15px;
}
.adjustment-delete i{
    display: none !important;
}
td:hover .adjustment-delete i{
    display: inline-block !important;
}

.signatureparent {
    background-color: lightgrey;
    width: 335px;
/*    margin: 0 auto; */
}

.signatureparent .signature {
    border: 2px dotted #000;
    width: 335px;
    height: 150px !important;
}
.j-discount-item{
    width: 85%;
}

.invoice-brands {
    min-width: 130px;
    margin-top: 5px;
    font-size: 11px;
    color: #1BA39C;
}

.font-mono {
    font-family: "Courier New", Courier, monospace;
}
.hover-show {
    display: none;
    position: absolute;
    left: -25px;
    top: -5px;
    width: 105px;
    background-color: #3f4f62;
    padding: 5px;
    z-index: 5;
}
.hover:hover .hover-show {
    display: block;
}

.border-danger {
    border: 2px solid #F3565D;
}
.sidebar-noticies {
    overflow-y: scroll;
    padding-top: 10px !important;
}
.sidebar-noticies .alert {
    padding: 5px;
    margin-bottom: 5px;
}
.sidebar-noticies textarea {
    width: 100%;
    height: 50px;
    border-color: #31708f;
    color: #31708f;
    background-color: #d9edf7;
}

.disable-scrollbars::-webkit-scrollbar {
    background: transparent; /* Chrome/Safari/Webkit */
    width: 0px;
}
.disable-scrollbars {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE 10+ */
}
.toggled-titles .toggle-off {
    display: none;
}
.toggled-titles.on .toggle-off {
    display: block;
}
.toggled-titles.on .toggle-on {
    display: none;
}