.dz-error-message{
    top: 150px !important;
}

.work-type-material{
    background-color: #e4e8ef;
}

.material{
    background-color: #e6efe4;
}

.work-type{
    background-color: #e4e8ef;
}

#navbar-main a.h4:first-child{display: block; width: 50%}

.navbar > .container, .navbar > .container-fluid {
    justify-content: flex-end;
}
.expenses-details-page  .open-expense-item-form{
    display: none;
}
.expenses-details-page  .open-delete-modal{
   display: none;
}
.filter-elements-mainpage label{
    margin-right: 5px;
}
.hidden{
    display: none;
}
.clear{
    clear:both;
}
.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.5em;
  opacity: 0.5;
}
.hr-text:before {


    content: '';
    background: linear-gradient(to right, transparent, #818078, transparent);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
  }
.hr-text:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    color: black;

    padding: 0 0.5em;
    line-height: 1.5em;
    // this is really the only tricky part, you need to specify the background color of the container element...
    color: #818078;
    background-color: #fcfcfa;
}


/*.selection2-form-group span .selection, */
#select2-input-city_id-container{
    transition: box-shadow .15s ease;
    border: 0 !important;
    box-shadow: 0 1px 3px rgb(50 50 93 / 15%), 0 1px 0 rgb(0 0 0 / 2%);

    line-height: 1.5;
    display: block;
    width: 100%;
    height: calc(2.75rem + 2px);
    padding: .625rem .75rem;
    color: #8898aa;
    border-radius: .375rem;
    background-color: #fff;
    background-clip: padding-box;
}
.select2-container {border: 0 !important;
    box-shadow: 0 1px 3px rgb(50 50 93 / 15%), 0 1px 0 rgb(0 0 0 / 2%);
    line-height: 1.5;
    display: block;
    /*width: 100%;*/
    height: calc(2.75rem + 2px);
    padding: .625rem .75rem;
    color: #8898aa;
    border-radius: .375rem;
    background-color: #fff;}
.select2-dropdown{
    transition: box-shadow .15s ease;
    border: 0 !important;
    box-shadow: 0 0 20px rgb(50 50 93 / 20%), 0 1px 0 rgb(0 0 0 / 2%);
    line-height: 1.5;
    display: block;
    padding: .625rem .75rem;
    color: #8898aa;
    border-radius: .375rem;
    background-color: #fff;
    background-clip: padding-box;
}
.select2-search__field{
    border-radius: 5px;
    /*border: 1px solid #ccc !important;*/
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #959fb7 !important;
}
.select2-container--default .select2-selection--single {
    border: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px !important;
}
.mask{height: 250px;}
.rotated{transform: rotate(180deg); }

/*.form-group.focused{
    margin-bottom: 2.5rem;
}*/
.nav-pills .nav-link{box-shadow: none;}
.nav-pills .nav-link.disabled {color:#ccc;}
.nav-pills .nav-link:hover{box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);}
.custom-toggle-slider {
    background-color: #fff;
}
#TabNav{width:100%;}

.bg-default
{
    /*background-color: #2e0000 !important;*/
    background-color: #010101 !important;
}

.bg-gradient-primary
{
    background:url(/argon/img/brand/red-bg.jpg) !important;
    background-size: contain !important;
}

.btn-primary {
    border-color: #ac0201;
    background-color: #ac0201;
}
.btn-primary:hover {
    border-color: #981702;
    background-color: #981702;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    border-color: #5b0100;
    background-color: #5b0100;
}

.btn-success, .btn-success:hover {
    border-color: #72798a;
    background-color: #72798a;}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
    border-color: #3d4350;
    background-color: #3d4350;
}
.btn-primary.secondary{
    border-color: #445669!important;
    background-color: #445669!important;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    /*background-color: #ac0201;*/
    background-color: #445669;
}

.field-description{font-size:12px;}
#sidenav-collapse-main .nav-item:hover{background: #f6f9fc;}
.navbar-vertical.navbar-expand-md.fixed-left {border-left: 2px solid #d40000;}
.navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active:before {border-left: 5px solid #d40000;}

@media (max-width: 767.98px){
    .navbar-vertical .navbar-brand-img, .navbar-vertical .navbar-brand > img {
        /*max-width: 100%;*/
        max-height: 2rem;
    }
}
#search::placeholder{color:#222;}
#advSearch{display:none;}
#advSearch form{flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
#advSearch.active{display:block;}
#advSearch .navbar-search-dark .form-control {
    color: #222;
}
.footer {background: transparent;}
.media .spacer {

    display: inline-flex;
    width: 48px;
    height: 48px;
}
.small-avatar{
    display: inline-flex;
    width: 36px;
    height: 36px;
    color: #fff;
    border-radius: 50%;
    overflow: hidden;
}
.small-avatar-spacer {
    display: inline-flex;
    width: 36px;
    height: 36px;
}
.small-avatar-in-slect{
    width: 30px;
    height: 30px;
}
.selectedChecklist-table tr td label,
.checklist-table tr td label{
    display: flex!important;
    align-items: center ;
    margin-bottom: .3rem;
    margin-bottom: .3rem;
}

.checkList .toolbar, .selectedcheckList .toolbar {
    background-color: transparent !important;
    border-bottom: 0 !important;
}
#myCheckList{
    transition: box-shadow .15s ease;
    border: 0 !important;
    box-shadow: 0 1px 3px rgb(50 50 93 / 15%), 0 1px 0 rgb(0 0 0 / 2%);
    line-height: 1.5;
    display: block;
    width: 100%;
    height: auto;
    padding: .625rem .75rem;
    color: #8898aa;
    border-radius: .375rem;
    background-color: #fff;
    background-clip: padding-box;
}
.selectedcheckList {
    overflow: auto!important;
}
.selectedChecklist-table input{
    border-radius: 50%;
    height: 29px;
    width: 30px;
    background: #fff;
    border: 2px solid #ccc;
}
.selectedChecklist-table input::after{
    content:'*';
}
.selectedcheckList { border:0!important;}
.checkList{border:0!important;}
.highlight {background-color: #f0f2f6!important;}
.table-responsive {min-height: 140px;}

.card .table td, .card .table th {
    /*padding-right: 0rem;
    padding-left: 0rem;*/
    padding-right: 1rem;
    padding-left: 1rem;
}
/*.card .table td:first-child, .card .table th:first-child {width: 100%;}*/
/*.card .table .media{
    padding-right: 1rem;
    padding-left: 1rem;
}*/
.card table.table-flush td:nth-last-of-type(2){padding-right: 50px!important;}

.navbar-nav .dropdown-menu {position: absolute;float: none;margin-right: 15px;}
.table-data-actions{position: absolute;right: -1px;background: #fff;}
.avatar-group{z-index: 0;position: relative;}

.thead-light, .thead-light tr, .thead-light th{position: -webkit-sticky;position: sticky; top:0;}

.avatar img {border: 2px solid #fff;}

.alert-warning {
    padding: 10px;
    border-radius: 5px;
}
.navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link {padding-left: 2.5rem;}



.mobil #myCheckList .col-md-6{    max-width: 100%;   flex: 0 0 100%;}
.mobil .checkList {height: auto ;overflow: auto ;width:100% ;max-width:100% ;order: 2;  padding-top:20px;}
.mobil .checkList .checklist-wrapper {overflow: visible ;}
.mobil .selectedcheckList {max-height: 325px; height: auto;border-bottom: 1px solid #ccc !important; width:100% ;max-width:100% ; padding-bottom:20px;   order: 0; flex: 0 0 100%;}
.btn-green, .badge-green{background-color: #1aae84;color:#fff; }
.btn-red, .badge-red{background-color: #f5365c;color:#fff; }
.badge-black{background-color: #303030;color:#fff; }
.avatar-small{width: 38px; height: 38px; }
.border-orange{border-color: #cf9c0c ; }
form input.badge {
    display: inline-block!important;
}
@media (max-width: 992px) {
    #TabNav{width:180%;}
}

@media (max-width: 768px) {
    .searchInputForm{max-width: 60%;}
    .selectedcheckList {max-height: 325px; height: auto!important;border-bottom: 1px solid #ccc !important;}
    .checkList {height: auto !important;overflow: visible !important;}
    .form-group.mobil .checkList {overflow: auto !important;}
    .checkList .checklist-wrapper {overflow: visible !important;}
    .card .table td.status-title, .card .table th.status-title{padding-left:.5rem; padding-right: .5rem;text-align:center; }
    .card .table td.status-title .badge, .card .table th.status-title .badge{margin:0!important;}
    .status-title a{overflow: hidden;width: 1ch;display: block; }
}

.leaderfield, #document-dropzone{border: 0; border-radius: 10px; box-shadow: 0 0 10px rgb(0 0 0 / 10%);background: #fbfbfb;margin-bottom: 20px;}
.leaderfield legend{font-size: 16px;font-weight: 700;}

.btn-primary.collapsed i{transform: rotate(180deg);}

.remove{position: absolute; top: -15px;z-index: 1;left: -20px;border-radius: 50%; background: #303030;
    width: 24px; height: 24px; text-align: center;color: #fff}
.remove, .remove:hover{text-decoration:none;color: #fff!important; }
.ellipseHidden{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;}
#expenses a div{display: inline-block; font-size: 14px;}
#expenses a div:first-child{width: 55%;}
#expenses a div:nth-child(2){width: 25%;}
#expenses a div:nth-child(3){width: 20%;}
.fancybox-link{cursor:pointer!important}

.btn:not(:last-child) {margin: 0;}
.card{border: 0 }
.jobslist{font-size: 14px;}
.jobslist li{padding: 2px 0}
.extrabadge{width: 20px;height: 20px;border-radius: 50%;text-align: center;}
.card-body {padding: 1rem;}
.carfrom, .cartill{width: 35%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.avatar-group .workersitem {margin-left: -15px;}
.worker-footer-box{bottom:0px}


.bottomBar {
    background: rgba(255,255,255,0.95);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 7;
    font-size: 24px;
    border-top: 1px solid #efefef;
    text-align: center;
}
.bottomBar ul{justify-content: center;}
.bottomBar ul li{padding: 10px 0;}
.homeIcons {
    width: 18%;
    display: inline-block;
}
.moremenu {
    position: fixed;
    bottom: -100%;
    /*bottom: -30%;*/
    height: 96vh;
    background: #fff;
    z-index: 6;
    width: 95%;
    margin: 0 auto;
    left: 2.5%;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
.moremenu.opened{overflow-y: scroll; bottom: 0px ; max-height: 70% }
.overlay{display: none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4);z-index:1;}
.closeFooterMenu{font-size: 24px;cursor: pointer;}
.add-work-form .unit-mesure{
    align-self: center;
}
.circle {
    border-radius: 50%;
}
.notify-count{
    margin-left: -5px;
    font-size:12px;
    min-height:20px;
    min-width:20px;
}
.color-white{
    color:#fff;
}
.color-black{
    color: #000;
}
.color-light-black{
    color:#1F1F1F;
}
.bottomBar .nav-tabs li{
    cursor: pointer;
}
span.w90px {
    width: 90px;
    display: inline-block;
}
.worker-job-order{
	background:#f7fafc;
	border:1px solid #ddd;
	padding:5px;
}

#lang_swicher{width: 40px;}
#lang_swicher .dropdown-toggle{border-radius: 50px;padding: 4px;}
#lang_swicher .dropdown-toggle::after{display: none;}
#lang_swicher .dropdown-menu{min-width: 100px; min-width: 36px;border-radius: 50px;}
.langSwitchBtn{border: 0;padding: 5px;height:26px; width: 26px;background-size: contain; color: transparent;margin-left: 5px; margin-bottom: 5px;}
.langSwitchBtn:last-child{margin-bottom: 0;}
.langSwitchBtn:active, .langSwitchBtn:focus {color: transparent;}

#dropdownMenuButton:not(:disabled):not(.disabled):active, #dropdownMenuButton:not(:disabled):not(.disabled).active,
 .show > #dropdownMenuButton.dropdown-toggle {color: #fff;border-color: #fff;background-color: #fff;}
.vertical-top{vertical-align: top}
.selfjob-jobname{max-width: 180px;}
.color-red{color:#ac0201}
.color-pink{color: #e748b3}
.only-100-px,
.card-profile-image .only-100-px{max-width: 100px;}

.salary-price-field{
    max-width: 100px;
    display: inline-block;
}
.salary_spetial_price input{
    max-width: 120px;
    text-align: right;
}
.salary_spetial_price label{
    font-size: 1.3rem;
}
.notification-salary{
    background: #ffebeb;
}
.highligted-group-row{
    background-color:#e5e5e5;
    border-bottom: 3px solid #939393;
}

.bg-hihlighted-row-success{
    background-color: #c0ffe4 ;
}
.bg-hihlighted-row-danger{
    background-color:#fdc4cf;
}
.table-data-actions{
    padding-bottom: 0px !important;
}

.sallary-price-field-description{
    font-size: 12px;
    max-width: 150px;
}

.rowspanable{
    text-align: center;
}

.rowspanable-icon {
    z-index: 1;
}
.down .fa-circle {
    color: #e748b3;
}
.up .fa-circle {
    color: #cfe748;
}
.demand-table-body td.name{
    min-width: 300px;
}
.card .demand-table td, .card .demand-table th {
    padding: 5px;
}
.card table.demand-table td:nth-last-of-type(2) {
    padding: 5px !important;
}
.demand-table .form-group{
    margin-bottom: 0px;
}
.demand-table .form-group label{
    display: none;
}
.demand-table .form-control{
    padding:5px;
}
.demand-table .form-control[type="date"]{
    width:110px;
}
.demand-table td.code{
    min-width: 100px;
}
.demand-table td.start_city_id,
.demand-table td.shop_id{
    min-width: 120px;
}
.demand-table td.code ,
.demand-table td.description {
    min-width: 300px;
}

.used_materials{
    min-width: 400px;
}

.demand-table td.km {
    min-width: 75px;
}
.demand-table td.km_price,
.demand-table td.price,
.demand-table td.worked_hours_price,
.demand-table td.order-price,
.demand-table td.accommodation_price,
.demand-table td.worked_hours_night_price
{
    min-width: 120px;
}

.demand-table td.additional_works_price,
.demand-table td.km_price,
.demand-table td.worked_hours_price,
.demand-table td.accommodation_price,
.demand-table td.workers_transport_price ,
.demand-table td.material_price,
.demand-table td.worked_hours_night_price{
    background: #d9dde2;
}
.demand-table td.inchiriere_nacele,
.demand-table td.transport_nacele{
    background: #cdddc1;
}
.demand-table td.price{
    background: #deceba;
}

.demand-table .footer-demand-count.total-price
{
    background: #ad201f;
}
.add-custom-order .fa-circle{
    color:#ad201f;
}
.demand-table .footer-demand-count.total-price input
{
    color:#000;
    font-weight: 600;
}
.footer-demand-count,
.demand-table td.order-price{
    background: #ef6868;
}
.demand-table input[type="number"]{
    text-align: right;
}

.order-demand-top-container{
    max-width: 1100px;
}
.order-demand-container>card>card-body{
    padding:0px;
}
.action-tabel-submith{
    color:#fff!important;
}
td.no-border-top{
    border-top:0px!important;
}
.label-display-block label{
   display: block;
}
.used_material_subtable .table .thead-light th {
    background-color: #fcf6f9;
}
.used_material_subtable .table {
    border-left: 3px solid #ddd;
    margin-left: 200px;
}
#add_used_materials_form{
    margin-left: 200px;
}

.has-danger #document-dropzone ~ .invalid-feedback{
    display: block;
}