.menu-icons-sm{
    background-image: url('../images/menu-sprite-sm.png');
    display: block;
    width: 33px;
    height: 33px;
}

.menu-icons-sm.clients{
    background-position: 0px 33px;
}

.menu-icons-sm.cars{
    background-position: 0px 66px;
}

.menu-icons-sm.tasks{
    background-position: 0px 99px;
}

.menu-icons-sm.raports{
    background-position: 0px 132px;
}

.menu-icons-sm.calendar{
    background-position: 0px 165px;
}

.menu-icons-md{
    background-image: url('../images/menu-sprite-md.png');
    display: block;
    width: 65px;
    height: 65px;
}

.menu-icons-lg{
    background-image: url('../images/menu-sprite-lg.png');
    display: block;
    width: 130px;
    height: 130px;
}





.menu-item-add{
    padding: 10px;
    display: none;
    width: 53px;
    vertical-align: middle;
    text-align: center;
    font-size: 23px;
    background-color: #00B405;
    color: #FFFFFF;
}

.menu-item-add:hover {
    color: #FFFFFF;
}

.menu-item-add.clients{
    position: absolute;
    top: 64px;
    left: 0px;
}

.menu-item-add.cars{
    position: absolute;
    top: 64px;
    left: 62px;
}

.menu-item-add.tasks{
    position: absolute;
    top: 64px;
    left: 124px;
}

.seoriss-popup.secound.client{
    width: 450px;
}

.search-client-result{
    margin-top: 15px;
    min-height: 200px;
}

.search-input{
    position: relative;
}

.search-input{
    position: relative;
}

.search-icon{
    position: absolute;
    top:10px;
    right: 10px;
}

.search-input input{
    padding-right: 30px !important;
}

.get-cars-result .no-results{
    color: #c5c5c5;
    text-align: center;
    padding: 60px 0px;
}

.get-cars-result a{
    display: block;
    padding: 8px 20px;
    color: #555;
    text-decoration: none;
    margin: 0px -10px;
}

.get-cars-result a:hover{
    color: #FFFFFF;
    background-color: #00B405 !important;
}

.get-cars-result a:nth-of-type(2n){
    background-color: #F5F5F5;
}

.search-client-result .no-results{
    color: #c5c5c5;
    text-align: center;
    padding: 60px 0px;
}

.search-client-result a{
    display: block;
    padding: 8px 20px;
    color: #555;
    text-decoration: none;
    margin: 0px -25px;
}

.search-client-result a:hover{
    color: #FFFFFF;
    background-color: #00B405 !important;
}

.search-client-result a:nth-of-type(2n){
    background-color: #F5F5F5;
}

.main-bar.first{
    background-color: #1F1F1F;
    color:#FFFFFF;
    padding: 10px;
}

.main-bar.first h3{
    margin:0px;
    margin-top: 5px;
}

.main-bar.first .main-title{
    margin-top: 10px;
}

.client-cars-button{
    font-size: 30px;
    line-height: 18px !important;
}

.client-cars-button .text{
    font-size: 14px;
    line-height: 1.42857143;
    vertical-align: top;
    display: inline-block;
}

.main-search{
    width: 300px;
    display: inline-block;
    margin-left: 15px;
}

.client-nav-tabs,
.car-nav-tabs{
    position: relative;
    top: 1px;
    left: 10px;
    width: 250px;
}

.task-nav-tabs{
    position: relative;
    top: 1px;
    left: 10px;
    width: 80%;
}

.client-nav-tabs .btn,
.task-nav-tabs .btn,
.car-nav-tabs .btn{
    box-shadow: 0px 0px 0px;
}

.client-nav-tabs .client-cars-button,
.task-nav-tabs .client-cars-button,
.car-nav-tabs .client-cars-button{
    height: 42px;
}


.client-tab,
.task-tab,
.car-tab{
    display: none;
}

.client-tab.active,
.task-tab.active,
.car-tab.active{
    display: block;
}

.task-tab h3.title,
.car-tab h3.title,
.client-tab h3.title{
    margin-top: 0px;
    text-transform: uppercase;
}

.task-tab h4.subtitle{
    padding: 7px 15px;
    border-bottom: 1px solid #d5d5d5;
    font-size: 15px;
    color: #555;
    background: #F9F9F9;
}

.listing-wrapper .listing-item{
    border-bottom: 1px solid #DDD;
    background-color: #FFFFFF;
}

.listing-wrapper .listing-item:nth-child(2n){
    background-color: #e0e0e0;
}

.assigned-user-label{
    background-color: #c5c5c5;
    color: #000;
    padding: 3px 10px;
    display: inline-block;
    border: 1px solid #555;
    margin-top: 3px;
    margin-right: 2px;
}

.assigned-user-label:last-child{
    margin-right: 0px;
}

.assign-wrapper{
    position: relative;
    display: inline-block;
    font-size: 13px;
}

.assign-user-list{
    position: absolute;
    top:30px;
    right: 0px;
    background: #FFFFFF;
    border: 1px solid #555;
    display: none;
    z-index: 999;
    width: 200px;
}

.assign-user-list.right{
    right: auto;
    left: 0px;
}

.assign-user-list.active{
    display: block;
}

.assign-user-list a{
    display: block;
    border-bottom: 1px solid #555;
    text-decoration: none;
    padding: 5px 15px;
}

.assign-user-list a:hover{
    background-color: #228b22;
    color: #FFFFFF;
}

.assign-user-list a:last-child{
    border-bottom: none;
}

.print-wrapper{
    position: relative;
    display: inline-block;
    font-size: 13px;
}

.print-box{
    position: absolute;
    top:30px;
    right: 0px;
    background: #FFFFFF;
    border: 1px solid #555;
    display: none;
    z-index: 999;
    width: 200px;
}

.print-box.active{
    display: block;
}

.print-box a{
    display: block;
    border-bottom: 1px solid #555;
    text-decoration: none;
    padding: 5px 15px;
    text-align: left;
}

.print-box a:hover{
    background-color: #228b22;
    color: #FFFFFF;
}

.print-box a:last-child{
    border-bottom: none;
}

.panel-body .title{
    margin-top:0px;
}

.price-records .price-item .price-record,
.shoping-records .price-item .price-record{
    vertical-align: middle;
    padding: 5px 15px;
    display: inline-block;
}

.price-records .price-item .price-record.price-type,
.shoping-records .price-item .price-record.price-type{
    border-radius: 50px;
    padding: 2px 15px;
    width: 80px;
    text-align: center;
    color: #FFFFFF;
}

.price-records .price-item .price-record.price-type.zysk{
    background-color: #5cb85c;
    border: 1px solid #4cae4c;
}

.price-records .price-item .price-record.price-type.koszt{
    background-color: #d9534f;
    border: 1px solid #d9534f;
}

.price-records .price-item:nth-child(2n),
.shoping-records .price-item:nth-child(2n){
    background-color: #FAFAFA;
}

.shoping-records .price-item{
    min-height: 41px;
}

.price-total .price-record{
    padding: 4px 15px;
}

.user-percentage-item{
    margin-bottom: 20px;
    vert-align: top;
}

.user-percentage-item .counter{
    font-size: 25px;
    font-weight: 600;
    color: #555;
    margin-top: -8px;
}

.user-percentage-item .counter output{
    font-size: 25px;
    font-weight: 600;
    color: #555;
    padding: 0px;
    display: inline-block;
}

.label-preview{
    margin-top: 10px;
    background-color: #c5c5c5;
    color: #000;
    padding: 5px 10px;
    display: inline-block;
    border: 1px solid #555;
}

.listing-navigation-button{
    display: inline-block;
    font-size: 21px;
    padding: 2px 5px;
    text-decoration: none;
    color: #FFFFFF;
}

.listing-navigation-button:hover{
    text-decoration: none;
    color: #FFFFFF;
}

#start_date,
#end_date{
    display: inline-block;
    width: 100px;
}

.chart-wrapper{
    display: none;
}

.task-title{
    font-weight: 500;
    text-decoration: none;
    color: #000;
    padding: 7px 5px;
    display: block;
    text-transform: uppercase;
}
.task-title:hover{
    text-decoration: none;
    color: #007610;
}

.status-button{
    display: inline-block;
}

.task-item .status-button{
    display: inline-block;
}

.sms-button{
    display: inline-block;
}

@media screen and (max-width:530px) {
    .task-item .btn .seoriss-hide-sm{
        display: none;
    }
}

@media screen and (max-width:783px) {
    .task-item .task-tools-buttons{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .task-item{
        border-bottom: 1px solid #555;
    }
}

@media screen and (max-width:767px) {
    .task-item .print-wrapper,
    .task-item .assign-wrapper,
    .task-item .sms-button,
    .task-item .status-button{
        width: 30%;
    }
    .task-item .print-wrapper .btn,
    .task-item .assign-wrapper .btn,
    .task-item .sms-button .btn,
    .task-item .status-button .btn{
        width: 100%;
    }
    .task-item .print-box,
    .task-item .assign-user-list{
        left:0px;
        right: auto;
    }
}

@media screen and (min-width:768px) and (max-width:1200px) {
    .task-item .assign-wrapper .seoriss-hide-sm{
        display: none;
    }
    .task-item .print-wrapper .seoriss-hide-sm{
        display: none;
    }
    .task-item .sms-button .seoriss-hide-sm{
        display: none;
    }
}

@media screen and (min-width:768px) and (max-width:900px) {
    .task-item .status-button .seoriss-hide-sm{
        display: none;
    }
}

.document-file{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.document-file a{
    color: #0074BB;
}

.document-file a:hover{
    color: #003c74;
    text-decoration: none;
}


.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus{
    background: #FFFFFF;
}

.nav-tabs>li>a:hover{
    background: #eee;
    color:#555;
}

.task-lp-number{
    background: #5CB85C;
    color: #FFFFFF;
    display: inline-block;
    padding: 3px 5px;
    position: relative;
    left: -10px;
    border-radius: 20px;
    min-width: 22px;
    text-align: center;
    font-size: 10px;
}

.created-by-label{
    color: #000000;
    font-size: 10px;
    background-color: #E0E0E0;
    padding: 5px 10px;
    border-radius: 4px;
}

.right-danger-set::after{
    content: ' ';
    position: absolute;
    right: 4px;
    top: -1px;
    height: 36px;
    border-left: 12px solid #d52d2d;
}

.task-title .time-lable{
    background-color: #E0E0E0;
    padding: 5px 10px;
    font-size: 11px;
    border-radius: 4px;
    margin-right: 8px;
}