.c-no-bg, .c-no-bg:hover { background: none !important; }
.c-display-none { display: none; }

.c-dt-count-label { padding: 6px 12px 6px 12px; right: 5px; border-radius: 4px; position: relative; top: 2px; }

.c-tb-padding-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
.c-lr-padding-0 { padding-left: 0px !important; padding-right: 0px !important; }

.c-padding-0 { padding: 0px !important; }
.c-padding-8 { padding: 8px; }
.c-padding-left { padding-left: 8px; }
.c-pt-5 { padding-top: 5px !important; }
.c-pb-6 { padding-bottom: 6px !important; }
.c-pt-10 { padding-top:10px !important; }
.c-plr-10{ padding-left:10px !important; padding-right: 10px !important;}
.c-grid-nav-ptb{ padding-top: 2rem !important; padding-bottom: 2rem !important;}

/* will be used to display a photo on view survey (these must be adjusted in /assets/js/surveys/view-survey.js as well) */
.c-photo-cdn-cont { width: 100%;height: 500px;}
.c-photo-cdn-cont img { width: 100%; height: 100%; }

/* override .btn.btn-icon of template when used within photo delete container (these must be adjusted in /assets/js/surveys/view-survey.js as well) */
.c-photo-delete-cont .btn.btn-icon {width: 100%; height:2rem;}

.c-quick-search-wrapper{
    min-height: 300px;
    max-height: 300px;
    overflow-y: auto;
}
.c-quick-search-links{
    display: block;
    padding:5px 10px;
}
.c-kt-body{
    z-index: 1;
}
.c-readonly{
    background-color: #f7f8fa !important;
}

.c-report-filters { border-left: 4px solid #e2e5ec; padding: 0.5rem 0rem 0.5rem 1rem; background-color: whitesmoke; width: 100%; margin-top: 0.5rem; }
/*.c-report-filters { border-left: 4px solid #9bb0f3; padding: 0.5rem 0rem 0.5rem 1rem; background-color: #f3f5fe; width: 100%; margin-top: 0.5rem; }*/

.c-table-chart{ margin-top:95px; }
.c-table-chart td, .c-table-chart th{ font-size: 11px; padding-left: 5px; padding-right: 5px; height: 37px; }
.c-table-chart tr:nth-child(2) td{padding-top:11px;}
.c-table-chart th{ height: 46px;vertical-align: middle;}
.c-table-chart .c-chart-text { white-space: nowrap; width: 160px; overflow: hidden; text-overflow: ellipsis; }
.c-va-middle{ vertical-align: middle !important; }

.highcharts-range-selector{border:0px !important; top: 12px !important; margin-left:2px; }

/* overrides for progress */
.progress.progress-lg { height: 20px !important; }
.progress.progress-lg .progress-bar { border-radius: 0px; font-size:11px; font-weight: 600; }

/* file upload body */
.c-upload-body{ padding:12px 25px !important; }

/* font relate styles */
.c-font-16{ font-size: 16px; }
.c-font-weight-400{font-weight: 400; }

.kt-font-pink { color: #fd397a !important; }
.kt-bg-pink { background-color: #fd397a !important; }
.c-bg-grey { background-color: rgba(229, 229, 229, 0.4) !important;}
.c-font-grey{ color: #444 !important; }
.c-bg-light-warning { background-color: rgba(255, 184, 34, 0.07) !important; }
.c-font-light-warning{ color: #F2800F !important; }
.c-bg-light-grey{ background-color: #fcfcfc; }
.c-bg-white{ background-color: #fff; }
.c-bg-light-orange { background-color: rgba(255, 184, 34, 0.04) !important; }

.c-icon-top-1{ position: relative; top: 1px; }
.c-icon-subgroup-green{ font-size: 1.4rem; color: #0abb87; }
.c-icon-subgroup-orange{ font-size: 1.4rem; color: #ffb822; }

/* sub menu spacing*/
.c-submenu-item{ padding: 7px 30px !important; }

.c-modal-xl{ max-width: 85%; height: 90%; }
.c-modal-l{ max-width: 70%; height: 90%; }
.c-modal-md{ max-width: 50%; height: 70%; }
.c-height-100{ min-height: 100px; }
.blockUI.blockOverlay{ z-index: 1051 !important; }
.blockUI.blockMsg.blockPage{ z-index: 1052 !important; }

/* Borders */
.c-bt-d1{ border-top: 0.07rem dashed #ebedf2; }
.c-bb-d1{ border-bottom: 0.07rem dashed #ebedf2; }
.c-bb-blue-d1{ border-bottom: 0.07rem dashed #5867dd !important; }
.c-bb-success-d1{ border-bottom: 0.07rem dashed #0abb87 !important; }
.c-bb-warning-d1{ border-bottom: 0.07rem dashed #F2800F !important; }
.c-border-box * { -webkit-box-sizing: border-box; box-sizing: border-box;}

/* Buttons */
.c-theme-button{ background-color: #0d2d6d; border-color: #0d2d6d;}
.c-theme-button:hover{ background-color: #113782; border-color: #113782;}
.c-theme-button:not(:disabled):not(.disabled):active, .c-theme-button:not(:disabled):not(.disabled).active, .show > .c-theme-button.dropdown-toggle{background-color: #113782; border-color: #113782;}
.c-theme-button.disabled, .c-theme-button:disabled{background-color: #113782; border-color: #113782;}
.c-btn-xs.btn-icon{ width:1.8rem; height: 1.8rem; }

/* Badges on Client view => Jobs Listing */
.c-badge-adjust-height{
    height: auto !important;
    min-height: 24px;
}

.c-full-length .modal-content{
    height: 100%;
}
.c-full-length .modal-body{
    height: calc(100% - 71px);
}
.c-text-underline{
    display: inline-block;
    border-bottom: 1px dashed #0088cc;
}
.c-text-warning-underline{
    display: inline-block;
    border-bottom: 1px dashed #FFB81C;
}
.c-pointer{
    cursor: pointer;
}

.c-popover-large{
    max-width: 900px !important;
    width: 900px !important;
}
.c-min-height-300{
    min-height: 300px;
}

.c-outline-box{
	text-align: center;
	font-size: 0.85rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	user-select: none;
	font-weight: normal;
	vertical-align: middle;
	margin-left:5px;
    display: inline-block;
}
.c-outline-box .c-outline-label{
    padding: 2px 2px 2px 4px;
    display: inline-block;
}
.c-outline-box .c-outline-value{
    display: inline-block;
    padding: 2px;
    font-weight: bold;
    width: 35px;
}
#scheduling_tab .c-outline-box .c-outline-value{
    width: 60px;
}
.c-outline-green{
    color: #0abb87 !important;
	border: 1px solid #0abb87;
}
.c-outline-green .c-outline-value{
    background-color: rgba(10, 187, 135, 0.1)
}
.c-outline-warning{
	color: #ffb822 !important;
	border: 1px solid #ffb822;
}
.c-outline-warning .c-outline-value{
    background-color: rgba(255, 184, 34, 0.1)
}
.c-outline-warning-content{
    text-align: center;
	border-radius: 0.25rem;
	user-select: none;
	padding: 3px 10px;
    display: inline-block;
    color: #ffb822 !important;
	border: 1px solid #ffb822;
}
.c-outline-danger{
    color: #fd397a !important;
    border: 1px solid #fd397a;
}
.c-outline-danger .c-outline-value{
    background-color: rgba(253, 57, 122, 0.1);
}
.c-outline-danger-content{
    text-align: center;
    border-radius: 0.25rem;
    user-select: none;
    padding: 3px 10px;
    display: inline-block;
    color: #ffb822 !important;
    border: 1px solid #ffb822;
}
.kt-datatable.c-table-narrow-rows > .kt-datatable__table > .kt-datatable__body .kt-datatable__row .kt-datatable__cell{
    padding: 8px 10px;
}

.c-flasher{
    color: #dc4e41 !important;
    background: rgba(220, 78, 65, 0.2) !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}
#schemes_tab .nav-tabs.nav-tabs-line .nav-link{
    padding: 5px !important;
}
.nav-tabs.nav-tabs-line.nav-tabs-line-warning a.c-flasher:hover,.nav-tabs.nav-tabs-line.nav-tabs-line-warning a.c-flasher.active{
    border-bottom: 2px solid #dc4e41 !important;
}
@media(max-width: 767px){
    .c-quick-search-wrapper{
        min-height: 200px;
    }

    .c-popover-large{
        max-width: 600px !important;
        width: 600px !important;
    }
}

/*********************************************************************/
/* Bootstrap 4 Multiple Item Carousel */
/*********************************************************************/
/* medium - display 2  */
@media (min-width: 768px) {
    .c-multi-slide-carousel .carousel-inner .carousel-item-right.active,
    .c-multi-slide-carousel .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    .c-multi-slide-carousel .carousel-inner .carousel-item-left.active,
    .c-multi-slide-carousel .carousel-inner .carousel-item-prev {
        transform: translateX(-50%);
    }

    .c-multi-slide-carousel .c-carousel-controls {
        visibility: visible !important;
    }

    /* define overrides for bootstrap popover*/
    .popover { 
        max-width: 500px !important;
    }
}

/* large - display 3 */
@media (min-width: 992px) {
    .c-multi-slide-carousel .carousel-inner .carousel-item-right.active,
    .c-multi-slide-carousel .carousel-inner .carousel-item-next {
        transform: translateX(33%);
    }

    .c-multi-slide-carousel .carousel-inner .carousel-item-left.active,
    .c-multi-slide-carousel .carousel-inner .carousel-item-prev {
        transform: translateX(-33%);
    }
}

@media (max-width: 767px) {
    .c-multi-slide-carousel .carousel-inner .carousel-item>div {
        display: none;
    }

    .c-multi-slide-carousel .carousel-inner .carousel-item>div:first-child {
        display: block;
    }

    .c-multi-slide-carousel .c-carousel-controls-mb {
        visibility: visible !important;
    }
}

.c-multi-slide-carousel .carousel-inner .carousel-item.active,
.c-multi-slide-carousel .carousel-inner .carousel-item-next,
.c-multi-slide-carousel .carousel-inner .carousel-item-prev {
    display: flex;
}

.c-multi-slide-carousel .carousel-inner .carousel-item-right,
.c-multi-slide-carousel .carousel-inner .carousel-item-left {
    transform: translateX(0);
}

.c-multi-slide-carousel .carousel-control-prev, 
.c-multi-slide-carousel .carousel-control-next{
    width: 5%;
    background: rgba(238, 238, 238, 0.3);
}
.c-multi-slide-carousel .carousel-control-prev{
    left:10px;
}
.c-multi-slide-carousel .carousel-control-next{
    right:10px;
}
.c-input-btn{
    width: 100%;
    border: 1px solid #E2E5EC;
    cursor: pointer;
    height: 20px;
}
/* fixing select2 placeholder issue in chrome */
.select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child .select2-search__field { 
    width: 100% !important;
}
.c-close-popover{
    color: #a7abc3;
    position: absolute;
    right: 10px;
    top: 5px;
    padding: 5px;
    font-size: 12px;
    line-height: 1.2;
    cursor: pointer;
    z-index: 99;
}

/* Alert colors */
.alert.alert-info-light {
    background-color: #eef7fb;
    border-color: #eef7fb;
    color: #0d5071;
}
.alert.alert-warning-light {
    background-color: #fff1d3;
    border-color: #ffebc1;
    color: #856012;
}
.c-pdf-btn,.c-pdf-btn:hover{
    background-color: #B30B00;
    border-color: #BF1005;
    color: #ffffff;
}
.c-font-sm{
    font-size: 0.9rem !important;
}
.c-sticky-header{
    position: sticky !important;
    top: 1px;
    background: #FFF;
    z-index: 10;
}
.c-detailed-scroll{
    overflow: auto !important;
    width: 100% !important;
    display: block !important;
}
td.c-app-data span{
  color : #0ABB87 !important;
  font-weight: 400;
}
.c-close-filters{
    position: absolute;
    right: 8px;
    top: 2px;
    z-index:20;
    background: transparent;
}
.c-close-filters:hover{
    background: transparent !important;
}
div.c-subtable td.kt-datatable__subtable{
    padding-left : 0px !important;
    padding-right:0px !important;
}
.c-table-narrow-rows table thead tr th {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.c-filter-button{
    padding: 3px 5px !important;
}

.c-input-sm .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
}
.c-input-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    padding: 0.2rem 1rem;
    font-size: 0.875rem;
}
.c-input-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    font-size: 0.875rem !important;
}
.c-close-modal{
    position: absolute;
    right: 0px;
    top: 0px;
    z-index:20;
    background: transparent;
}
.c-close-modal:hover{
    background: transparent !important;
}
.c-sublist{
    position: relative;
}
.c-sublist-icon{
    position: absolute;
    left: 2px;
    top: 3px;
}
.datepicker table tr td.disabled.day {
    color: #D0D0D0;
}
.datetimepicker tbody tr > td.day.disabled,
.datetimepicker tbody tr > td span.disabled{
    color: #a7abc3;
}
.assign-user {
    padding: 0px 5px;
    display: inline-block;
    border-left: 1px solid #f7f8fa;
}
.jstree-hovered .assign-user {
    border-left: 1px solid #ccc;
}
.jstree-hovered .assign-user:hover{
    color: #fbc300;
}

/** Add top corner icon in Grid Navigation **/
.c-nav-grid .kt-grid-nav__item{
    position: relative;
}
.c-nav-grid .kt-grid-nav__top-icon{
    position: absolute;
    top: 12px;
    right: 15px;
}

.c-switch .bootstrap-switch{
    width: 95px !important;
}
.c-switch .bootstrap-switch-container {
    width: 141px !important;
    height: 30px;
}
.c-switch .bootstrap-switch .bootstrap-switch-handle-on, 
.c-switch .bootstrap-switch .bootstrap-switch-handle-off, 
.c-switch .bootstrap-switch .bootstrap-switch-label  {
    padding: 6px 12px;
}
.c-table-light{
    color: #6c7293;
}
.c-loop-text-area{
    width:100%;
}
.c-loop-notes-view{
    width: 100%;
}
.c-loop-input,.c-clientform-input{
    width:100%;
}
.c-width-100{
    width:100px
}
@media (max-width: 768px) {
    .c-loop-text-area{
        width:250px;
    }
    .c-loop-notes-view{
        width:350px;
    }
    .c-loop-input{
        width:70px;
    }
    .c-clientform-input{
        width:115px;
    }
    .c-modal-l {
        max-width: 90%;
        height: 90%;
    }
    .c-text-left-sm{
        text-align: left !important;
    }
    .c-mt-xs-12{
        margin-top: 12px !important;
    }
    .c-font-sm-11{
        font-size: 11px !important;
    }
    .c-font-sm-10{
        font-size: 10px !important;
    }
}
.table.c-additional-site-table td {
    padding-bottom: 2px !important;
    padding-top: 2px !important;
}
/* as defined as additional site */
.c-as-btn-div{
    position: relative;
}
.c-as-btn{
    position: absolute;
    right: 0;
    top: -7px;
}
.kt-datatable__table th.c-table-cell-allign{
    vertical-align: bottom !important;
}
.kt-datatable__table td.c-table-cell-allign{
    vertical-align: top !important;
}
.c-job-status-badge{
    width:90px !important;
}

.btn.btn-label-google:hover,.btn.btn-label-google:focus {
    background-color: rgba(220, 78, 65, 0.2) !important;
    color: #dc4e41 !important;
}
span.btn-label-google.c-download-fire-alarm{
    cursor: pointer !important;
    padding: 0.2rem 0.5rem;
}
span.btn-label-google.c-download-fire-alarm:hover{
    background-color: rgba(220, 78, 65, 0.2);
}
.c-wizard-aside{
    width: 260px !important;
    flex: 0 0 240px !important;
    -ms-flex: 0 0 240px !important;
}
.c-wizard-aside .kt-wizard-v2__nav-item{
    padding: 0.75rem 0.75rem !important;
}
.c-wizard-nav-label{
    font-size: 1rem !important;
}
.c-wizard-v2-icon{
   flex: 0 0 27px;
   margin-right:2px !important; 
   font-size: 1.4rem !important;
}

.kt-portlet__body .c-upload-row{
    flex-direction: row !important;
}

.uploadifive-queue-item {
    background-color: #FBFBFB !important;
    border-bottom: 1px dotted #C8C8C8 !important;
}
.uploadifive-button{
    background: #282a3c !important;
    border-radius: 0.25rem !important;
    border: 1px solid transparent !important;
    text-transform:capitalize;
}
.c-submitted .c-wizard-v2-icon, 
.c-submitted .c-wizard-nav-label{
    color: #1dc9b7 !important;
}
.c-allign-item-center{
    align-items: end;
}
span.btn.c-pending-qa-label{
    padding: 0.2rem 0.5rem !important;
}
.drawing_img_container {
    border: 1px dashed rgb(170, 170, 170);
}
.fire_alarm_handler .modal-header{
    padding-bottom:7px;
}
.modal-open {
    overflow: hidden !important;
} 

/******* Resumable CSS Starts Here *****/
.c-resumable {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background: rgba(0,0,0,0.02);
    padding: 1em;
    text-align: center;
    margin:20px auto;
    cursor: pointer;
    border: 3px dashed gray;
    border-radius: 3px !important;
}
.c-resumable.dragover {
    border-color: rgba(0,0,0,0.15);
    background: rgba(0,0,0,0.04);
}
.c-resumable .dz-message {
    background: url("../../media/images/spritemap@2x.png") no-repeat top center;
    width: 100%;
    height: 123px;
}
.c-resumable .c-resumable-text{
    margin: 30px auto 0 auto;
    max-width: 550px;
}
.c-resumable-full{
	box-sizing: border-box;
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 99999;
	background: rgba(0,0,0,0.02);
	border: 5px dashed gray;
}
.c-resumable-full.dragover {
	display: block;
}
.c-progress-sm{
	height: 7px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	margin: 0px;
	z-index: 15;
}
.c-file-progress{
	border:1px solid #ccc;
	background: rgba(0,0,0,0.02);
	position: relative;
}
.c-file-type {
	text-align: center;
	padding: 40px 0;
}
.c-file-icon {
	font-weight: bold;
	font-size: 50px;
	line-height: 60px;
}
.c-filename {
	padding: 8px 5px 12px 5px;
	position: absolute;
	width: 100%;
	bottom: 0px;
	background: rgba(0, 0, 0, 0.4);
	z-index: 10;
	color: #fff;
	text-overflow: ellipsis;
	overflow: hidden;
	max-height:40px;
	white-space: nowrap;
	transition: max-height 0.5s ease-in;
	-moz-transition: max-height 0.5s ease-in;
	-webkit-transition: max-height 0.5s ease-in;

}
.c-file-progress:hover .c-filename{
	white-space: normal;
	height:auto;
	max-height: 150px;
	transition: max-height 1s ease-out;
	-moz-transition: max-height 1s ease-out;
	-webkit-transition: max-height 1s ease-out;

}
.c-delete-file {
	position: absolute;
	top: 2px;
	right: 2px;
	color: #ee2324;
	border:1px solid #ee2324;
	border-radius: 50% !important;
	padding: 2px 5px;
	cursor: pointer;
}
.c-file-success {
	position: absolute;
	top: 2px;
	right: 2px;
	color: #c0e48e;
	border:1px solid #c0e48e;
	border-radius: 50% !important;
	padding: 2px 5px;
	cursor: pointer;
}
.c-file-icon-70 {
	font-size: 70px;
	line-height: 80px;
	color:#ccc;
}
.c-staging-blocks{
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	cursor: pointer;
	overflow: hidden;
}
.c-video-thumbnail, .c-video-block, .c-video-thumbnail .img-responsive{
    width: 100%;
}
.c-play-btn{
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.c-play-btn .fa-play {
	font-size: 24px;
	line-height: 26px;
	opacity: 0.7;
	display: inline-block;
	padding: 8px 20px;
	background: #898585;
	border-radius: 6px;
	color: #fff;
}
.shadow {
	-webkit-box-shadow: 2px 3px 11px -4px rgba(130,128,130,1);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    2px 3px 11px -4px rgba(130,128,130,1);  /* Firefox 3.5 - 3.6 */
	box-shadow:         2px 3px 11px -4px rgba(130,128,130,1);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
    .c-resumable .dz-message {
        background-image: url("../../media/images/spritemap@2x.png");
        -webkit-background-size: 280px 406px;
        -moz-background-size: 280px 406px;
        background-size: 280px 406px;
    }
}