/*** Content ***/
html .content.app-content {
    padding: calc(2rem + 4.0rem) 1.5rem 0;
}
.feather, [data-feather]{
    height: 1.1rem;
    width: 1.1rem;
}
.no-borders{
    border: none !important;
}
.smaller-text{
    font-size: 0.9rem;
}
.small-text-2{
    font-size: 0.8rem;
}
.small-text-3{
    font-size: 0.7rem;
}
.bold-text{
    font-weight: 600;
}
.dropdown-item .item-wrapper{
    display: flex;
}
.dropdown-item .badge{
    margin-left: 20px;
    padding: .2rem .35rem;
    padding-top: 0.35rem;
}
.global-search-link{
    line-height: 2.5rem;
    padding-left: 12px;
}
.global-search-box{
    width: 350px;
    margin-left: 12px;
}
.global-search-box .select2-dropdown{
    max-width: 350px;
}
.select2-container--default .select2-results>.select2-results__options{
    max-height: 300px;
}
.nav-link .badge{
    line-height: 0.75rem;
    position: absolute;
    right: -3px;
    top: -10px;
    font-size: 0.7rem;
    padding: 0.2rem 0.35rem;
    padding-top: 0.3rem;
}
.fc-daygrid-body{
    padding-bottom: 550px !important;
}
.dropdown .counter-badge{
    display: none;
}
.feather.small-text-2{
    height: 0.85rem !important;
    width: 0.85rem !important;
}
.header-navbar .navbar-container ul.navbar-nav li i.ficon,
.header-navbar .navbar-container ul.navbar-nav li svg.ficon{
    height: 1.3rem;
    width: 1.3rem;
    font-size: 1.3rem;
}
.row .half-padding{
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.btn.btn-xsm.btn-icon {
    padding: .4rem;
    line-height: .5;
    font-size: 10px;
}
.select2-results .select2-results__group{
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}
.select2-results .select2-results__option small{
    font-size: .95rem;
    color: #999;
}
.select2-results .highlight{
    background-color: #ffea04;
}
.alert .alert-body i, .alert .alert-body svg{
    top: 0 !important;
}
.plugin-credentials span{
    border: 1px solid #ddd;
    padding: 3px 8px;
    background-color: #fdfdfd;
    border-radius: 2px;
}
.btn-xxsm{
    padding: 0.3em 0.5em;
    font-size: 0.85em;
}
.tab-pane .card{
    box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%) !important;
    transition: all .3s ease-in-out,background 0s,color 0s,border-color 0s;
    margin-bottom: 2rem;
}
.btn-outline-light2{
    border: 1px solid #afafaf!important;
    background-color: transparent;
    color: #a5a5a5;
}
.filters-left > div{
    display: inline-block;
}
.left-filters-company-wrapper{
    min-width: 320px;
}
.left-filters-company-wrapper > div:nth-child(1){
    display:inline-block;
    width:75px;
}
.left-filters-company-wrapper > div:nth-child(2){
    display:inline-block;
    width: 200px;
}
.card-datatable .left-filters-company-wrapper > div:nth-child(1){
    margin-top: 1rem;
    margin-bottom: .5rem;
}
.card-datatable .left-filters-company-wrapper > div:nth-child(2){
    margin-top: 1rem;
    margin-bottom: .5rem;
}
.left-filters-user-wrapper{
    min-width: 250px;
}
.left-filters-user-wrapper  > div:nth-child(1){
    display:inline-block;
    width:50px;
}
.left-filters-user-wrapper > div:nth-child(2){
    display:inline-block;
    width: 180px;
}
.update-item-sidebar .nav-tabs .nav-link{
    padding: 0.60rem 0.75rem;
}
.pull-right {
    float: right;
}
.tab-pane-comment{
    margin: 0 -20px;
    background: #f9f9f9;
    padding: 6px;
}
.tab-pane-comment .card{
    margin: 7px;
    box-shadow: 0 3px 12px 0 rgb(34 41 47 / 10%);
}
.tab-pane-comment .card.left{
    margin: 7px 25px 7px 7px;
}
.tab-pane-comment .card.right{
    margin: 7px 7px 7px 25px;
}
.tab-pane-comment .card-body{
    font-size: 12px;
    padding: 0.8rem;
}
.tab-pane-comment .card .card-header{
    padding: 0.4rem 0.7rem;
}
.tab-pane-comment .card.active{
    background: #f7feff;
}
.tab-pane-comment .card.active h6{
    color: #009dad;
    font-size: 13px;
    font-weight: 600;
}
.tab-pane-activity .activity-wrapper{
    width: 100%;
}
.tab-pane-activity .activity-item{
    margin: 5px 0;
    display: flex;
}
.tab-pane-activity .activity-item .icon-block{
    margin-right: 7px;
}
.tab-pane-activity .activity-item i{
    font-size: 14px;
}
.tab-pane-activity hr{
    margin: 0;
}
.tab-pane-activity .text-muted{
    font-size: 12px;
}
.tab-pane-activity .details{
    margin-left: -5px;
}
.tab-pane-activity .log-details-table{
    margin-top: 5px;
}
.tab-pane-activity .log-details-table tr:not(:last-child) {
    border-bottom: none;
}
.tab-pane-activity .log-details-table tr td {
    padding: 0 5px;
}
.tab-pane-activity .log-details-table tr.space-bottom td{
    padding-bottom: 5px;
}
.short-select{
    display: inline-block;
    width: 180px;
}
.activity-icon {
    font-size: 12px;
    margin-right: 3px;
}
.log-details-table, .log-details-table table{
    width: 100%;
    font-size: 0.88rem;
}
.log-details-table .fa-arrow-right{
    color: #aaa;
}
.log-details-table .bordered{
    border: 1px solid #e5e5e5;
    background-color: #f3f3f3;
    border-radius: 3px;
    padding: 0 3px;
}
.dark-layout .log-details-table .bordered{
    border: 1px solid #525252;
    background-color: #212738;
}
.log-details-table .arrow-cell{
    width: 20px;
}
.log-details-table tr:not(:last-child){
    border-bottom: 1px solid #eee;
}
.log-details-table tr td{
    padding: 5px ;
}
.modal .card-datatable{
    padding: 0 15px;
}

.btn-sm{
    line-height: 0.9;
}
.wrap-title-btn{
    display:flex;
    align-items: center;
}
.wrap-title-btn h6, .wrap-title-btn h5, .wrap-title-btn h4, .wrap-title-btn h3,.wrap-title-btn h2{
    margin-bottom: 0;
}
.wrap-title-btn .btn, .wrap-title-btn .btn-sm{
    margin-left: 10px;
}
.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    max-height: 80vh;
    overflow-y: auto;
}
#modal-activity .card-datatable{
    font-size: 0.9rem;
}
.mini-card .card-header{
    padding: 1rem 1rem 1.5rem 1rem;
}
#create_new_client{
    padding: 10px 7px;
}
.mini-card .card-header .card-title{
    font-size: 1.15rem;
}
.mini-card .card-body{
    padding: 1.5rem 1rem;
}
#qb-connect img{
    width: 75%;
}
#calendar-filter-modal .mini-card .card-body{
    height: 230px;
    overflow-y: auto;
    overflow-x: hidden;
}
#calendar-filter-modal .mini-card{
    margin-bottom: 1rem;
}
#calendar-filter-modal .modal-body .col-md-3{
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
#calendar-filter-modal .mini-card .custom-checkbox .custom-control-label{
    font-size: 0.9rem;
    vertical-align: middle;
}
.header-nav-items h4 span{
    font-size: 13px;
    color: #777;
}
.calendar-btn{
    padding: .786rem 1rem;
}
.calendar-btn i{
    font-size: 20px;
    line-height: 1rem;
}
.drop-row-margins{
    margin-right: -15px !important;
    margin-left: -15px !important;
}

.form-footer{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid rgba(34,41,47,.05);
    margin-top: 10px;
}
.form-footer.wide{
    justify-content: space-between;
}
.tab-content .table-tab{
    margin: 0 -1.5rem;
}
.form-group {
    margin-bottom: 0.7rem;
}
.nav-tabs .nav-link span{
    color: #333;
    margin-left: 5px;
}
.dark-layout .nav-tabs .nav-link span{
    color: #B4B7BD;
}
.nav-tabs .nav-link span i{
    margin-right: 1px;
}
.nowrap{
    white-space: nowrap;
}
.colorpicker{
    width: 240px;
}
.nav-vertical .nav.nav-tabs.nav-left~.tab-content .tab-pane{
    padding-left: 0;
}
.styles-form{
    margin-bottom: 12px;
    min-width: 420px;
}
.styles-form > label{
    width: 85px;
    justify-content: normal;
}
.styles-form .input-group label, .custom-sizes .input-group label, .custom-margins .input-group label,
.styles-form .form-group label, .custom-sizes .form-group label, .custom-margins .form-group label{
    margin-right: 5px;
}
.styles-form .input-group, .custom-sizes .input-group, .custom-margins .input-group, .styles-form .form-group, .custom-sizes .form-group, .custom-margins .form-group{
    margin-right: 10px;
}
.custom-margins  input, .custom-sizes  input{
    width: 60px !important;
}
.styles-form select.large{
    width: 170px !important;
}
.styles-form .custom-control-label{
    margin-left: 2px;
}
.wrap-sizes{
    border: 1px solid #ddd;
    padding: 7px;
    margin-bottom: 15px ;
    border-radius: 5px;
}
.wrap-sizes h6{
    margin-bottom: 1rem;
    text-align: center;
}
.input-group:not(.bootstrap-touchspin):focus-within {
    box-shadow: none !important;
}
.hide{
    display: none;
}
.fc .fc-daygrid-event-harness .fc-event{
    /*font-family: Arial, sans-serif !important;*/
    font-weight: 600 !important;
    letter-spacing: -0.015rem;
    overflow-x: hidden;
}
.modal-xxl{
    width: 98% !important;
    height: 92% !important;
    min-width: 98% !important;
    min-height: 92% !important;
    max-width: 98% !important;
    max-height: 92% !important;
    padding: 0 !important;
}
select.form-control:not([multiple=multiple]){
    background-position: calc(100% - 6px) 13px,calc(100% - 10px) 13px,100% 0;
}
select.form-control.form-control-sm {
    background-position: calc(100% - 6px) 8px, calc(100% - 20px) 8px, 100% 0;
}
.image-preview{
    padding-top: 5px;
}
.image-preview .img-wrap{
    display:inline-block;
    position: relative !important;
    padding: 15px 15px 0 0;
}
.image-preview .img-controls{
    position: absolute;
    top: 0;
    right: 0;
}
.image-preview .img-controls .delete{
    color: red;
}

.image-preview img{
    height: 70px;
}

.color-rect{
    display: inline-block;
    width: 65px;
    color: white;
    font-size: 11px;
    text-align: center;
    padding: 2px;
    text-shadow: 1px 1px #555;
    border: 1px solid #eee;
}
.break-all{
    word-break: break-all;
}
#map-modal .modal-body.row{
    margin-right: -23px !important;
    margin-left: -23px !important;
}
#map-modal .job-item{
    padding: 5px;
    border-bottom: 1px solid #eeeeff;
    cursor: pointer;
}
#map-modal .job-item.active{
    background-color: #f5f5fc;
}
#map-modal .job-item h4{
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 0.85rem;
    margin-bottom: 5px;
}
#map-modal .job-item h5{
    font-size: 0.80rem;
    line-height: 0.85rem;
    margin-bottom: 5px !important;
}
#map-modal .job-item div{
    font-size: 0.75rem;
    line-height: 0.85rem;
    margin-bottom: 3px;
}
#map-modal .address-block{
    margin-bottom: 10px;
    font-size: 0.90rem;
}
#map-modal .address-block .row{
    margin-right: -1rem !important;
    margin-left: -1rem  !important;
}
#map-modal textarea{
    line-height: 1.5rem;
    padding: .25rem!important;
    font-size: 0.9rem;
}
#map-modal .job-column{
    margin-right: -10px !important;
    height: 630px;
    overflow-y: auto;
}
#map-modal .address-block .value{
    font-weight: 500;
}
#map-modal #here-map{
    width: 100%;
    height: 550px;
}
/*-- End content --*/


/*** Header ***/
.breadcrumb:not([class*=breadcrumb-]) .breadcrumb-item+.breadcrumb-item:before{
    height: 20px;
}
.main-menu .navbar-header{
    padding: .35rem 1rem .3rem 1.2rem;
}
/*.main-menu .navbar-header:not(.expanded) .brand-logo{
    overflow: hidden;
    width: 35px;
}*/
.breadcrumb{
    padding: 0.2rem 1rem;
}
/*-- End header --*/


/*** Left menu ***/
.navigation{
    font-size: 1.0rem;
}
/* Make left menu light bg = company color */
.main-menu.menu-light {
    color: #ccc;
    background: #2b4160;
}
.main-menu.menu-light .navigation {
    background: #2b4160;
}
.main-menu.menu-light .navigation li a{
    color: #ccc;
}
.main-menu.menu-light .navigation>li.open:not(.menu-item-closing)>a,
.main-menu.menu-light .navigation>li.sidebar-group-active>a{
    color: #ddd;
    background: #2d4768;
}
.main-menu.menu-light .navigation>li.active>a,
.main-menu.menu-light .navigation>li ul .active,
.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li.active a,
.main-menu.menu-dark .navigation>li.active>a,
.main-menu.menu-dark .navigation>li ul .active
{
    border-right: 5px solid #F09C01;
    box-shadow: none;
    background: linear-gradient(118deg, #2b4160, #3a4f6e);
    border-radius: 0;

}
.main-menu.menu-dark .navigation>li.active>a,
.main-menu.menu-dark .navigation>li ul .active{
    background: linear-gradient(118deg, #283046, #3a4f6e);
}
.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li.active a,
.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li a
{
    color: #ddd;
    margin-left: 10px;
}
.main-menu.menu-light .navigation>li.open:not(.menu-item-closing)>a,
.main-menu.menu-light .navigation>li.sidebar-group-active>a,
.main-menu.menu-dark .navigation>li.open:not(.menu-item-closing)>a,
.main-menu.menu-dark .navigation>li.sidebar-group-active>a
{
    border-radius: 0;
}
.main-menu.menu-light .navigation>li>ul li.has-sub>a,
.main-menu.menu-light .navigation>li>ul li.has-sub>ul>li,
.main-menu.menu-light .navigation>li>ul li:not(.has-sub),
.main-menu.menu-dark .navigation>li>ul li.has-sub>a,
.main-menu.menu-dark .navigation>li>ul li.has-sub>ul>li,
.main-menu.menu-dark .navigation>li>ul li:not(.has-sub)
{
    margin: 0 0 0 15px;
}
.main-menu.menu-light .navigation>li ul li>a,
.main-menu.menu-dark .navigation>li ul li>a
{
    padding: 10px 0 10px 20px;
}
.main-menu.menu-light .navigation>li>a,
.main-menu.menu-dark .navigation>li>a
{
    margin: 0;
}
.main-menu .navbar-header .navbar-brand .brand-logo img{
    max-width: 110px;
}
.dark-layout .main-menu.menu-dark .navigation>li.open:not(.menu-item-closing)>a,
.dark-layout .main-menu.menu-dark .navigation>li.sidebar-group-active>a,
.dark-layout .main-menu:not(.expanded) .navigation .sidebar-group-active>a
.dark-layout .main-menu-content .navigation-main .nav-item.open>a{
    background: #303850 !important;
}
.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation>li>a>i:before,
.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation>li>a>svg:before{
    height: 1.0rem;
    width: 1.0rem;
    font-size: 1.0rem;
}
.vertical-layout.vertical-menu-modern .main-menu .navigation>li>a i,
.vertical-layout.vertical-menu-modern .main-menu .navigation>li>a svg {
    height: 1.0rem;
    width: 1.0rem;
    font-size: 1.0rem;
    margin-right: 1.0rem;
    top: 0;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation>li>a>i:before,
.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation>li>a>svg:before{
    height: 2.0rem;
    width: 2.0rem;
    font-size: 1.4rem;
}
.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation>li>a i{
    margin-right: 2rem;
}
.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu {
    width: 75px;
}
/*-- End Left menu --*/


/*** Data tables ***/
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after{
    right: 0.6rem;
}
table.dataTable.table-sm .sorting:before,
table.dataTable.table-sm .sorting_asc:before,
table.dataTable.table-sm .sorting_desc:before {
    top: 3px;
    right: 1em;
}
table.dataTable.table-sm .sorting:after,
table.dataTable.table-sm .sorting_asc:after,
table.dataTable.table-sm .sorting_desc:after {
    top: 9px;
    right: 1em;
}
table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting{
    padding-right: 25px;
}
.filters-left > div{
    margin-right: 10px;
}
.table tfoot th, .table thead th{
    font-size: 0.85rem;
    letter-spacing: 0.25px;
    text-transform: none;
    vertical-align: middle;
    padding: .70rem;
}
table.dataTable tr.highlight{
    background-color: #e7fddb;
}
table.dataTable td {
    padding: .70rem;
    vertical-align: middle;
    font-size: 0.95rem;
}
.table.table-sm td{
    font-size: 0.95rem;
}
/*-- End data tables --*/

/*** Form constructor ***/
.form-constructor{
    border: 1px solid #d4d4d7;
    margin: 0 auto;
    background-color: #fdfdff;
}
.form-constructor table{
    border-collapse: separate;
    border-spacing: 0.05rem;
}
.form-constructor .print-area{
    border: 1px solid #eaeaef;
    background-color: #fff;
    padding: 3px;
}
.form-constructor .add-area{
    min-height: 40px;
    background-color: #fafafa;
    border: 1px dashed #d5d5d6;
    cursor: pointer;
    display: flex;
    justify-content:center;
    align-items:center;
    color: #999;
    margin-bottom: 4px;
}
.form-constructor .add-area:hover{
    border: 1px dashed #bbb8ec;
    background-color: #f7f8ff;
}
.form-constructor .edit-cell{
    min-height: 40px;
}
.form-constructor .edit-cell:hover {
    background-color: #f7f8ff !important;
    cursor: pointer;
    border-style: dashed !important;
    border-color: #bbb8ec !important;
}
.form-constructor .edit-cell:hover div{
    background-color: #f7f8ff !important;
}
.form-constructor .edit-cell:hover .data-block{
    border-color: transparent !important;
}
.form-constructor .edit-area{
    /*min-height: 40px;*/
    cursor: pointer;
    border: 1px dashed transparent;
}
.form-constructor .edit-area:hover{
    border: 1px dashed #bbb8ec;
    background-color: #f7f8ff;
}
.form-constructor .form-row{
    margin: 0;
}
.form-constructor .form-row td .data-block{
    padding: 3px 4px;
    overflow: hidden;
}
.relative{
    position: relative;
}
/*-- end Form constructor --*/

/*** Permission assign grid ***/
.assign-grid .block-help i{
    font-size: 0.8rem;
}

.assign-grid .th {
    color: white;
    font-size: 1rem;
    text-shadow: 1px 1px #557;
    letter-spacing: 1px;
    background-color: #abc !important;
    padding: 7px;
    text-align: center;
}
.dark-layout .assign-grid .th{
    background-color: #263045 !important;
}
.assign-grid th{
    text-transform: none !important;
}
.assign-grid .th a{
    color: white !important;
    font-size: 0.8rem;
}
.assign-grid .assign-check{
    display: inline-block;
}
.assign-grid .grey-hint{
    color: grey !important;
}
.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before{
    border: 1px solid #bbb !important;
}
/*--end Permission assign grid **/

/*** Errors ***/
form .error:not(input) {
    color: #EA5455;

}
form span.error, form div.error {
    width: 100%;
    font-size: 0.80rem;
}
form input.error, form input.error:focus {
    border-color: #EA5455 !important;
}
/*-- End Errors --*/

/*** Backgrounds & colors ***/
.success-bg{
    background-color: #dffddd;
    transition: all 0.4s;
}
.success-border{
    border: 1px solid #bae699 !important;
}
.error-border{
    border: 1px solid #ff9576 !important;
}
.kanban-title-board{
    border: 1px solid transparent;
}
.kanban-item .item-badges .badge-pill{
    margin-right: 4px;
    font-size: 11px;
    font-weight: 500;

    border-radius: 5rem;
    padding: .2rem .4rem !important;
}
.kanban-item-avatar{
    border: 1px solid white;
}
.update-item-form .attachment-list{
    margin-bottom: 5px;
    font-size: 12px;
}
.update-item-form .attachment-list table td:first-child{
    padding-right: 5px;
}
.update-item-form .attachment-list table td span{
    font-size: 10px;
    color: #aaa;
    padding-left: 4px;
}
.update-item-form .attachment-list table td .download-file{
    color: #00CFE8;
    font-size: 11px;
    margin-right: 2px;
}
.update-item-form .attachment-list table td .delete-file{
    color: #EA5455;
    font-size: 12px;
}
.update-item-form .attachment-list table td .fa-file{
    font-size: 11px;
    color: #aaa;
    margin-right: 3px;
}
.avatar{
    background-color: #a5a5a5;
}
.preview-image{
    max-height: 60px;
    margin-bottom: 7px;
}
.trans-bg{
    background-color: transparent;
    transition: all 0.4s;
}
.error-bg{
    background-color: #ffeeee;
    transition: all 0.4s;
}
.dark-layout .success-bg{
    background-color: #1f3D42;
    transition: all 0.4s;
}
.dark-layout .error-bg{
    background-color: #461D31;
    transition: all 0.4s;
}
.dark-layout .swal2-popup{
    background-color: #283046;
    color: #D0D2D6;
}
.dark-layout .swal2-popup .swal2-content{
    color: #D0D2D6;
}
.viol-text {
    color: #700cf2;
}
.blue-text {
    color: #0a9ce6;
}
.green-text {
    color: #6aa61b;
}
.error-text {
    color: #EA5455;
}
.orange-text{
    color: #F09C01;
}
.link {
    font-weight: 500;
    border-bottom: 1px dotted #ccc;
}
.link:hover{
    border-bottom: 1px dashed #F09C01;
}
.link i{
    color: #ccc;
}
#calendar-app .active-filters{
    font-size: 0.85rem;
    margin-left: 7px;
    display: inline-block;
}
/*-- End Backgrounds & colors --*/

/*** Margin, padings and arrangements***/
.mt-5px{
    margin-top: 5px;
}
.mb-10px{
    margin-bottom: 10px;
}
.mt--5px{
    margin-top: -5px;
}
.mt-10px{
    margin-top: 10px;
}
.mr-2px{
    margin-right: 2px;
}
.mr-5px{
    margin-right: 5px;
}
.mb--20{
    margin-bottom: -20px;
}
.mb-5px{
    margin-bottom: 5px;
}
.mt--10{
    margin-top: -10px;
}
.mt--20{
    margin-top: -20px;
}
.ml--50{
    margin-left: -50px;
}
.modal .row{
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.pt-05r{
    padding-top: 0.5rem;
}
.pt-30{
    padding-top: 30px;
}
.w80{
    width: 80px !important;
}
.w120{
    width: 120px !important;
}
.w130{
    width: 130px !important;
}
.w150{
    width: 150px !important;
}
.no-paddings{
    padding: 0 !important;
}
.ml-5px{
    margin-left: 5px;
}
/*--end Margin, padings and arrangements --*/

#joblead-filter-modal .group-box{
    margin-top: -11px;
    height: 200px;
    overflow-y: auto;
    margin-bottom: 20px;
}
#joblead-filter-modal .group-box h5{
    margin-bottom: 15px;
}
#joblead-filter-modal .card{
    width: 100%;
    margin: 3px 10px 20px 10px
}
#joblead-filter-modal .first-block{
    margin-left: -15px;
    margin-bottom: 20px;
}
/** Checkboxes **/
.custom-switch i.fa-check, .custom-switch i.fa-times{
    padding-top: 6px !important;
    font-size: 12px !important;
}
/*--end Checkboxes **/

/** Accordion **/

.accordion-item{
    margin-top: .71rem;
    margin-bottom: .71rem;
    box-shadow: 0 2px 15px 0 rgba(34,41,47,.05)!important;
    border-radius: .357rem;
    background-color: #FFF;
    border: 0 solid rgba(34,41,47,.125);
}
.accordion-header > div{
    position: relative;
}
.accordion-header .controls{
    position: absolute;
    right: 40px;
    top: 12px;
    z-index:2;
}
.accordion-button{
    cursor:pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 1rem;
    color: #6E6B7B;
    text-align: left;
    background-color: #FFF;
    font-weight: 500;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,background 0s,border 0s,border-radius .15s ease;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,background 0s,border 0s,border-radius .15s ease;
}
.accordion-body {
    padding: 1rem;
    padding-top: .40rem;
}
.accordion-button:focus {
    z-index: 3;
    border-color: #7367F0;
    outline: 0;
    box-shadow: none;
}
.accordion-button:not(.collapsed) {
    color: #6E6B7B;
    background-color: transparent;
}
.accordion-button::after {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    margin-left: auto;
    content: '';
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%236e6b7b\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-chevron-up\'%3e%3cpolyline points=\'18 15 12 9 6 15\'%3e%3c/polyline%3e%3c/svg%3e');
    background-repeat: no-repeat;
    background-size: 1rem;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}
.accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%236e6b7b\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-chevron-up\'%3e%3cpolyline points=\'18 15 12 9 6 15\'%3e%3c/polyline%3e%3c/svg%3e');
    -webkit-transform: rotate(
            -180deg
    );
    -ms-transform: rotate(-180deg);
    transform: rotate(
            -180deg
    );
}
.accordion-item:first-of-type, .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: .357rem;
    border-top-right-radius: .357rem;
}
/** --end Accordion **/

.collapse-filters .collapse-title{
    text-indent: 1.5rem;
}
.collapse-filters [aria-expanded=false]:before {
    -webkit-transform: rotate(
            -90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(
            -90deg);
}
.collapse-filters [data-toggle=collapse]:before {
    position: absolute;
    top: 58%;
    left: 0.75rem;
    margin-top: -9px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%236e6b7b\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-chevron-down\'%3E%3Cpolyline points=\'6 9 12 15 18 9\'%3E%3C/polyline%3E%3C/svg%3E');
    width: 14px;
    height: 11px;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}
.collapse-filters [data-toggle=collapse]:before{
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    content: '';
}
.collapse-filters input[type="checkbox"]{
    margin-right: 3px;
}
.collapse-filters label{
    vertical-align: middle;
}
.collapse-filters .card-body{
    padding-top: 0px !important;
}
.collapse-filters .card .card-body {
    padding: 0 1rem 0.5rem 2.5rem !important;
    line-height: 1.5;
}
.collapse-filters .card .card .card-header{
    padding: 0 1rem 0.5rem 1rem !important;
}
.collapse-filters .card .collapse-title{
    font-weight: 600;
}
.collapse-filters .card .card .collapse-title{
    font-weight: 400;
}
/** Timeline **/
.history .wrap{
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #dedede;
    border-radius: 6px;
    padding: 20px 0;
}
.vertical-timeline{
    position: relative;
    padding: 0;
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}
.vertical-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #f1f1f1;
}
.vertical-timeline-block:first-child {
    margin-top: 0;
}
.vertical-timeline-block {
    position: relative;
    margin: 2em 0;
}
.vertical-timeline-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 15px;
    border: 3px solid #f1f1f1;
    text-align: center;
    color: #ffffff;
}
.vertical-timeline-icon i {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -8px;
}
.dark-layout .vertical-timeline-icon{
    border: 3px solid #444a54;
}
.dark-layout .vertical-timeline-icon i{
    color: #d6d9e0;
}
.dark-layout .vertical-timeline::before{
    background: #444a54;
}
.vertical-timeline-content{
    background: #f5f5f5;
    position: relative;
    margin-left: 60px;
    border-radius: 0.25em;
    padding: 0.9em;
}
.dark-layout .vertical-timeline-content{
    background: #212738;
}
.vertical-timeline-content:before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white;
    border-color: transparent #f5f5f5 transparent transparent;
}
.dark-layout .vertical-timeline-content:before{
    border-color: transparent #212738 transparent transparent;
}
.vertical-timeline-content p {
    margin: 1em 0;
    line-height: 1.6;
}
.vertical-timeline-content:after {
    content: "";
    display: table;
    clear: both;
}
.vertical-timeline-block:after {
    content: "";
    display: table;
    clear: both;
}
.vertical-timeline-content .icos{
    color: #c7c7c7;
    margin-right: 0.3rem;
    font-size: 12px;
}
/*--end Timeline **/
.jQWCP-wWidget{
    z-index: 9999 !important;
}

.input-mini{
    border: 1px solid #ddd;
    padding: 3px 8px !important;
    width: 100px !important;
    border-radius: 5px;
}

.weekly-options .column{
    display: inline-block;
    margin: 10px 10px 0 0;
    vertical-align: top;
}
.grey-hint{
    color: #aebeca;
}
.grey-hint i{
    font-size: 13px;
}
.alert-list li{
    margin-bottom: 5px;
}
.custom-switch .custom-control-label::before{
    height: 1.45rem;
}
.custom-switch .custom-control-label::before{
    width: 2.7rem;
}
.custom-switch .custom-control-label .switch-icon-left, .custom-switch .custom-control-label .switch-text-left{
    left: 4px;
    top: -2px;
}
.custom-switch .custom-control-label:after{
    top: 3px;
    left: 0;
}
.custom-switch .custom-control-label:after{
    top: 3px;
    left: 3px;
}
.custom-switch .custom-control-label .switch-icon-right, .custom-switch .custom-control-label .switch-text-right{
    right: 14px;
    top: -1px;
}
.select-or-create{
    display: flex;
    justify-content: space-between;
}
.select-or-create .select-block{
    width: 85%;
}

#appointment-modal .created-info{
    margin-top: 20px;
    line-height: 0.9 !important;
    font-size: 13px !important;

}
#appointment-modal .created-info .col-form-label{
    font-size: 13px !important;
    line-height: 0.9 !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

@media (max-width:1200px){
    .modal-xxl{
        height: auto !important;
        max-height: none !important;
    }
}
@media (max-width:991px){
    .select-or-create .select-block{
        width: 70%;
    }
}
@media (max-width:768px){
    #map-modal .address-block{
        display: none;
    }
    #map-modal .job-column{
        height: 200px;
    }
    #map-modal #here-map{
        height: 420px;
    }
    .modal-xxl{
        height: auto !important;
        max-height: none !important;
    }
    .select-or-create .select-block{
        width: 70%;
    }
}
@media (max-width:450px){
    .select-or-create .select-block{
        width: 60%;
    }
}