/*@import url(../css/sidebar.css);*/
@import url(sidebar.css);
body {
    margin: 0px;
    padding: 0px;
   font-family: 'clear_sansregular';
    font-size:14px;
}
html, body {
    height: 100%;
    background: #F5F7FD;
}
a:hover{text-decoration: none;color: #e23227;}
a:focus{outline:none;}
.btn-link:hover{color: #e23227;}
.box{
    transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    float:right;
    overflow-y: scroll;
    background: #fff; 
    position: fixed; 
    z-index: 999; 
    top: 0px; 
    right: -400px;
    display: none;
    height: 100%;
    box-shadow: 1px 1px 4px 4px rgba(0,0,0,.1);
    padding: 15px;
    background-color: #384652;
}
    /* Add padding and border to inner content
    for better animation effect */
.box-inner{width: 250px;  max-width: 100%;      padding: 10px 10px 15px 0px;        border-bottom: 1px solid #DFEAF4;   }
.box-inner a{color:#fff !important;}
.box-inner a:hover{color:#fff;}
.sales {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #d4d9e3;
    display: inline-block;
    padding: 15px;
    width: 100%;
}
.sales button {
    /*background: rgba(0, 0, 0, 0) none repeat scroll 0 0;*/
    border: 1px solid #dadee7;
    border-radius: 100px;
    font-size: 15px;
    letter-spacing: 0.5px;
    padding-right: 32px;
    color: #0e1a35;
}
.group-unit-active{
    background: #f2f2f2;
}
.sales button::before {
    content: "";
    font-family: FontAwesome;
    position: absolute;
    right: 12px;
    top: 11px;
}
.sales  .btn-group {
    float: right;
}
.sales h2 {
    color: #8492af;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 9px 0 0;
}
.sales .text{
    font-size: 24px;
    text-align: center;
}
@keyframes swing {
 0% {
 transform: rotate(0deg);
}
 10% {
 transform: rotate(10deg);
}
 30% {
 transform: rotate(0deg);
}
 40% {
 transform: rotate(-10deg);
}
 50% {
 transform: rotate(0deg);
}
 60% {
 transform: rotate(5deg);
}
 70% {
 transform: rotate(0deg);
}
 80% {
 transform: rotate(-5deg);
}
 100% {
 transform: rotate(0deg);
}
}
 @keyframes sonar {
 0% {
 transform: scale(0.9);
 opacity: 1;
}
 100% {
 transform: scale(2);
 opacity: 0;
}
}

.page-wrapper .sidebar-wrapper, .sidebar-wrapper .sidebar-brand > a, .sidebar-wrapper .sidebar-dropdown > a:after, .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before, .sidebar-wrapper ul li a i, .page-wrapper .page-content, .sidebar-wrapper .sidebar-search input.search-menu, .sidebar-wrapper .sidebar-search .input-group-text, .sidebar-wrapper .sidebar-menu ul li a, #show-sidebar, #close-sidebar {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/*----------------page-wrapper----------------*/

.page-wrapper {
    height: 100vh;
}
.page-wrapper .theme {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 4px;
    margin: 2px;
}
.page-wrapper .theme.chiller-theme {
    background: #1e2229;
}
/*----------------toggeled sidebar----------------*/

.page-wrapper.toggled .sidebar-wrapper {
    left: 0px;
}

@media screen and (min-width: 768px) {
.page-wrapper.toggled .page-content {
    padding-left: 250px;
}
}
/*----------------show sidebar button----------------*/
#show-sidebar {
    position: fixed;
    left: 0;
    top: 10px;
    border-radius: 0 4px 4px 0px;
    width: 40px;
    transition-delay: 0.3s;z-index: 9;padding: 2px 5px;
}
.page-wrapper.toggled #show-sidebar {
    left: -40px;
}


/*Headings*/
h1 {
    font-size: 33px;
    font-family: 'poppinsmedium';color: #384652;
}
h2 {
    font-size: 24px;
       font-family: 'poppinsmedium';
}
h3 {
    font-size: 18px;
       font-family: 'poppinsregular';
}
h4 {
    font-size: 16px;
      font-family: 'poppinsmedium';color: #9aaebf;
}
.date {
    position: absolute;
    right: 0px;
    top: 5px;
}
.graph {
    background: #fff;
    padding: 40px 20px 20px 20px;
    margin-bottom: 42px;
    border-radius: 4px;
}
.graph-header {
    display: flex;
    justify-content: space-between;
}
.graph-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.link-underline {
    text-decoration: underline; color: #384652;
}
.link-underline:hover {
    text-decoration: none; color: #384652;
}
.link-red {
    color: #e23227;
	min-width: 80px;
    display: inline-block;
}

.link-red img{display: inline-block;vertical-align: baseline;}
.link-red:hover {
    color: #e23227; opacity: .8;
}
.link-width{width: 76px;}
.graph-img {
    width: 100%;
    margin-top: 20px;
}
.graph-img img {
    width: 100%;
}
.select1 {
    margin-right: 30px;
    width: auto;
    padding-right: 30px;
    font-size: 13px;
}
.select1.form-control, .select2.form-control {
    background-image: url(../images/select-arrow.svg);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    background-color: #fff;
background-position: right;
background-repeat: no-repeat; position: relative;    background-size: 24px 6px;
}

.show-page .form-control{background-color: transparent !important;border-bottom: 1px solid #505050 !important; border-radius: 0px; padding-right: 10px;background-image: url(../images/select-arrow2.svg);background-size: 12px; padding-left: 0px;}

.form h2{ font-size: 20px;}
.select2.form-control { width: 100%; border: 1px solid #626C77;}
.form .form-control, .form select.form-control {border: 1px solid #626C77;font-size: 16px;padding-top: 10px;padding-bottom: 10px;height: 56px !important;line-height: normal;}
.form-control:focus{box-shadow: none;}
.list {
    list-style-type: none;
    padding-left: 0px;
    flex-direction: column;
    justify-content: flex-end;
    border-bottom: 2px solid #E5EDF6;
    padding-bottom: 10px;
    margin-bottom: 25px;
    margin-right: 50px;
    width: 85%;
}
.list li {
    display: flex;
    justify-content: space-between;
    color: #9aaebf; font-size: 16px;font-family: 'poppinsmedium';
    padding-top: 14px;
padding-bottom: 14px;
}
.list li span{font-size: 16px; color: #313c46;font-family: 'poppinsmedium';}
.list li.list-header {
    border-bottom: 2px solid #DFEAF4; padding-bottom: 3px;margin-bottom: 10px;padding-top: 0px;
}
.list-header h3{font-size: 18px; color: #313c46; font-family: 'poppinsregular';}
.list-header .link-underline{font-size: 14px;font-family: 'clear_sansregular';}
.text-big {
   font-family: 'poppinsmedium';
    font-size: 32px;
}
.txt-red {
    color: #e23227;
}
.table-header {
    display: flex;
    justify-content: space-between;
}
.table-transparent th {
    border-top: none;
}
.table-transparent thead th {
    border-bottom: 2px solid #DFEAF4;color: #9aaebf;font-family: 'poppinsmedium'; font-size: 12px;font-weight: 100;

}
.table-transparent td {border-top: 2px solid #DFEAF4;font-family: 'clear_sansregular'; color: #313c46;}
.table-transparent thead tr th:last-child{text-align: right;}
.table-transparent tbody tr td:last-child{text-align: right;}
/*Nav Tabs starts*/
.nav-tabs {
    border-bottom: 2px solid #DFEAF4;
    position: relative;
    margin-bottom: 35px;
}
.nav-tabs .nav-link {
     border: 0 none;
    border-radius: 0px;
    color: #9aaebf;
    margin-right: 20px;
    padding: 5px 0px;
    font-size: 14px;
}
.nav-tabs .nav-link:last-child{margin-right: 0px !important;}
.nav-tabs .nav-link.active {
       color: #E23227;
    background-color: transparent;
    border-bottom: 2px solid #E23227;
    border-radius: 0px;
}
.nav-tabs .nav-link:hover {
  color: #E23227;
    border-bottom: 2px solid #E23227;
}
/*Nav Tabs ends*/


.breadcrumb{background-color: transparent;padding-left: 0px;}
.text-number{font-size: 16px;font-family: 'poppinsmedium';margin-left: 20px;}
.text-number span{color: #384652;}
.text-number .text-gray{color: #9aaebf;}


.btn-primary{ height: 46px !important;min-width: 88px;font-size: 14px !important;border-radius: 4px !important;line-height: 40px; } 
.btn-primary:hover{background-color: none;border-color: none;}
.btn-md.cmn-btn{ height: 48px; font-size: 14px; line-height: 40px;border-radius: 4px;padding-right: 28px;padding-left: 28px;}
.btn-md.cmn-btn:hover, .btn-md.cmn-btn:focus{ color: #fff;}
.btn-md.cmn-btn img{vertical-align: middle;display: inline-block;margin-top: -3px;}
.footer-btns{position: fixed;right: 60px;bottom: 50px;padding: 0px !important;}
.btn-link{ margin-right: 10px;font-size: 14px;color: #9aaebf;font-family: 'poppinsmedium';}

.label-hide{position:absolute;opacity: 0;}
.link-gray{color:#9aaebf;}
.page-header{ margin-bottom: 15px;}
.bg-white-table{ background: #fff; padding: 10px 0px 20px 0px; border-radius: 6px; margin-bottom: 20px;}
.bg-white-table table{ margin-bottom: 0px;}
.bg-white-table .table td,.bg-white-table .table th { padding: 5px 10px;border-top: none;vertical-align: middle;}
.bg-white-table .table tbody tr td:first-child,.bg-white-table .table thead tr th:first-child{ padding-left: 15px;}
.bg-white-table .table tbody tr:first-child td{ padding-top: 10px;}
.bg-white-table .table th{ padding-bottom: 10px; color: #9aaebf; font-weight: 100; font-size: 12px;font-family: 'poppinsmedium';}
.form-control.input-gray{height: 32px !important;text-align: center;background: #f5f7fd;border: 1px solid #f5f7fd;font-size: 14px; max-width: 75px;padding-left: 5px;padding-right: 5px;}

.form-control.input-xs{max-width: 40px;text-align: center;}
.form-group .datepicker {
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.dataTables_wrapper .dataTables_filter input {
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.custom-big{}
.custom-big .custom-control-label{font-size: 16px;}
.custom-big.custom-checkbox .custom-control-label::before{width: 25px;height: 25px;}
.custom-big.custom-checkbox .custom-control-label::after{background-size: 100%;top: 5px;left: -19px;}
.custom-big .custom-control-label{ padding-left:10px;}
.text-gray{ color: #9aaebf;}

.custom-select, .fs-wrap, .fs-label-wrap {
  width: 100% !important;
  padding: 0 !important;
  border-radius: 4px !important;
  background: #fff;

}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background: none !important;
    border: none !important;
    color: #000 !important;
}
.paginate_button:hover{
    color: #000 !important;
    background: none !important;
    border: none !important;
    
}
.custom-select {
  position: relative;
}
.fs-wrap {
  border: 1px solid #1d233a;
}
.fs-wrap.fs-open:focus {
  background-color: #1d233a;
  border: 1px solid #1d233a;
  box-shadow: none;
}
.fs-label-wrap {
  height: 40px;
  border-radius: 4px !important; border: none !important;
}
.fs-dropdown{width:100% !important;}


.fs-label-wrap .fs-label {
  padding: 12px 22px 6px 8px !important;
  
}
.fs-open .fs-label-wrap .fs-label {
 
}
.fs-arrow {
  border-top: 5px solid #9a9c9d;
  top: -2px;
  right: 15px
}
.fs-option:hover{ color:#e23227;}

/*Login starts*/
.login-section input {
    height: 45px;
    border: 1px solid transparent !important;
    border-radius: 5px;
    background-color: #f5f7fd;
	font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: left;
    color: #384652;
}
.login-section .form-control:focus, .login-section .form-control:active {
    color: #495057;
    outline: 0;
	box-shadow: 0 0 8px 0 rgba(56, 70, 82, 0.25) !important;
    border: solid 1px #384652 !important;
    background-color: #ffffff;
}
.form-control::placeholder {
    color: #9aaebf;
    opacity: 1;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: 16px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  
  letter-spacing: normal;
  color: #9aaebf;
}


:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 16px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
 
  letter-spacing: normal;
  color: #9aaebf;
}

::-ms-input-placeholder { /* Microsoft Edge */
  font-size: 16px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;

  letter-spacing: normal;
  color: #9aaebf;
}
.login-section {
    background-image: url(../../assets/images/login-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
    min-height: 100%;
	background-attachment: fixed;
    background-size: cover;
}
.login-section label{color: #384652;}
.login-form {
    width: 420px;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 60px 73px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    max-width: 95%;
}
.login-form-txt {
  font-family: poppinsregular;
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #384652;
  padding: 50px 0px 25px 0px;
}
.cmn-btn {
    background-color: #e23227;
    border-radius: 8px;
    border: 0px;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    font-family: 'poppinsregular';
    font-size: 20px;
    font-weight: 500;
    position: relative;
    -webkit-transition: color 0.25s ease;
    transition: color 0.25s ease;
    z-index: 1;
    color: #fff;
    height: 60px;
	opacity: 1;
    /*box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.6);*/
}
.cmn-btn::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #ab0f05 !important;
    transform-origin: left;
    transition: width 0.25s ease;
    z-index: -1;
    border-radius: 8px;
}
.cmn-btn:hover::after, .cmn-btn:focus::after, .cmn-btn:active::after {
    width: 100% !important;
    color: #ffff !important;
    box-shadow: none !important;
}
.login-form .form-check {
    font-size: 12px;
	margin-top: 15px;
}
.login-form .form-check a {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: right;
    color: #e23227;
    text-decoration: underline;
}
label.custom-control-label{font-family: 'clear_sansregular';}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #e23227;
    border-color: #e23227;
}
.error{
    color: red !important;
    font-weight: normal;
}
.custom-checkbox .custom-control-label::before {
    top: 0px;
    width: 18px;
    height: 18px;
    border-radius: 3px; 
    background-color: #ffffff;
    border: 1px solid #9aaebf;
}
.custom-checkbox .custom-control-label::after {
    position: absolute;
    top: 1px;
    left: -23px;
	background-image: none !important;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url(../images/check.svg) !important;
    background-repeat: no-repeat;
    background-size: 15px 10px;
}
.login-link a {
    color: #e23227;
    text-decoration: underline;
    font-size: 12px;
    margin: 0 auto;
}
/*Login ends*/
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}
.total-records {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #9aaebf;
}
.list-links a {
  font-family: 'poppinsmedium';	
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: right;
  color: #9aaebf;
}
.list-links #checkAll,.list-links #checkAll-new {color: #313c46; text-decoration: underline;
    
}
.data-list {
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #ffffff;
}
.data-list.active {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.data-list .data-image {
    background-color: #f5f5f5;
}
.data-image img {
    width: 130px;
    height: 100%;
    object-fit: contain;
    border-radius: 5px 0 0 5px;
}
.data-top-section {
    width: 100%;
    height: fit-content;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #e23227;
}
.data-code {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #9aaebf;padding-top: 4px;
}
.data-code span {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #313c46;
}
.top-details {
        border-bottom: 2px solid #F5F7FD;
}
.data-list ul li {
    padding-right: 25px;
}
.data-list ul {
}
.data-list ul li .data-type {
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #9aaebf;
}
.data-list ul li .data-show {
    /*max-width: 130px;*/
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #313c46;border-radius: 4px;
}
.data-list .custom-checkbox .custom-control-label {
	font-family: 'poppinsmedium';
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #384652;
}
.more-btn {
    background-color: #384652;
    color: #ffffff !important;
}
.more-btn-section {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: 12px;
}
.data-spacing, .bottom-row {
    padding: 12px 0;
}
.status-1 {
    color: #eba86e !important;
	font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
}
.status-2 {
    color: #1f7fef !important;
	font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
}

/* Dashboard report */
   .report-div{
        width : 80%;
        border-radius : 10px !important;
        height : 180px;
        background: #313C46;
        margin-top: 70px;
    }

    .report-div:hover
    {
        background-color:#E23227;
    }
	.report-div .box-upper-section{
		  display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
	}

    .report-div .box-upper-section .custom-title{
       margin-top: 0px;
    padding-top: 0;
  
    }
	
/* Dashboard report */	


/*inspections tabs*/
.page-title{
border-bottom: 1px solid #ccc;
}
.cancel-link{
color: #ccc;
}
.grid-boxs{
max-width: 100%;
height: 370px;
max-height: auto;
background-color: #313c46;
border-radius: 5px;
margin-top: 70px;
padding: 30px 80px;
box-shadow: 2px 2px 6px 2px rgba(0,0,0,0.2);
transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;
}
.grid-boxs-title{
font-family: 'poppinsregular';
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
text-align: center;
padding-top: 27px;
}
.grid-boxs img{
padding-top: 50px;
}
.grid-boxs p{
font-family: 'poppinsregular';
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
text-align: center;
padding-top: 10px;
}
.grid-boxs a{
color: #ffffff;
font-size: 18px;
text-align: center;
display: none;
transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;
}
.grid-boxs:hover{
background-color: #e23227;
}
.grid-boxs:hover a{
font-family: 'poppinsregular';
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;	
display: block;
transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;
}
.grid-boxs:hover .grid-boxs{
transform: translateY(-15px);
transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;

}
.grid-boxs:hover{
transform: translateY(-15px);
transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;

}
.grid-boxs:hover .box-upper-section{
transform: translateY(-50px);
transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;
}
.grid-boxs{
transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;
cursor: pointer;
}

.list-custom{
border-bottom: none;
}
.table-with-bg{
background-color: #ffffff;
padding: 30px 20px;
}
.data-content{
height: 400px;
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: transparent !important;
width: 5px;
background-color: #f1eaea !important;
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent !important;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: rgba(162, 162, 162, 0.75) !important;
padding-top: 5px;
}
.mCSB_outside + .mCSB_scrollTools {
right: -18px !important ;
}
/*.mCSB_inside > .mCSB_container {
margin-right: 60px !important;
}*/
.contact-list{
background-color: #ffffff;
padding: 30px 20px;
height: 100%;
}
.contact-upper-txt{
  font-family: 'poppinsregular';
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #9aaebf;
}
.contact-details{
border-bottom: 1px solid #f4f4f4;
padding-top: 15px;
}
.contact-details p{
    font-family: 'poppinsregular';
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #9aaebf;
}
.contact-name{
font-family: 'poppinsregular';
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #384652;
}
/*.calender-title{
color: #000;
font-size: 28px;
}
#calendar-container {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.fc-header-toolbar {
the calendar will be butting up against the edges,
but let's scoot in the header's buttons
padding-top: 1em;
padding-left: 1em;
padding-right: 1em;
}
.fc-left h2 ,.fc-right{
display: none !important;
}

.fc-dayGrid-view .fc-body .fc-row {
min-height: 115px !important;
min-width: 115px !important;
border-color: #ddd;
background-color: #ffffff;
}
.fc-time, .fc-title{
color: #fff !important;
}
.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
float: left !important;
padding-left: 10px;
}
.fc-other-month.fc-past{
background-color: #ccc;
color: transparent !important;
}*/
.contact-btn{
height: 47px;
font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #ffffff;	
	border-radius: 4px;
margin-top: 40px !important;
}
.data-content1{
max-height: 780px;
}

label {
    font-family: 'clear_sansbold';
  font-size: 12px;
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
 color: #9aaebf;

}
.custom-control-label {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.50;
  letter-spacing: normal;
  text-align: left;
  color: #384652;
	cursor: pointer;
}
.btn.focus, .btn:focus {
    box-shadow: 0 0 0 0rem rgba(0,123,255,.25) !important;
}

.industries-btn {
    display: none;
}




.calender-title{
	font-family: 'poppinsregular';
  font-size: 32px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #384652;
}
#calendar-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .fc-header-toolbar {
    /*
    the calendar will be butting up against the edges,
    but let's scoot in the header's buttons
    */
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
  }
.fc-left h2 ,.fc-right{
	display: none !important;
}

.fc-dayGrid-view .fc-body .fc-row {
    min-height: 115px !important;
    min-width: 115px !important;
	border-color: #ddd;
    background-color: #ffffff;
}
.fc-time, .fc-title{
	font-family: 'poppinsregular';
	color: #fff !important;
	font-size: 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: normal;
}
.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
    float: left !important;
    padding-left: 10px;
}
.fc-other-month.fc-past{
	background-color: #ccc;
	color: transparent !important;
}

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, 
.fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td{
    border-color: transparent !important;
}
.fc th{
    border-color: transparent !important;
}
.fc .fc-day-header.fc-widget-header{
   font-family: 'poppinsregular';
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #9aaebf;
}
.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, 
.fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, 
.fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td{

    border-color: #F5F7FD !important;

}
.fc td{
    border-width: 12px !important;
}
.fc .fc-other-month.fc-past{
    background-color: #dfeaf4;
}
.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
	font-family: 'poppinsregular';
    float: left !important;
    padding-left: 10px;
    padding-top: 5px;
	font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #505050;
}
.fc .fc-row .fc-content-skeleton td.fc-event-container{
    padding-left: 12px;
    padding-right: 12px;
}


.more-btn{
	font-family: 'poppinsregular';
	line-height: normal;
    padding: 15px 9px;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #ffffff;
	border-radius: 3px;
	transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: color 0.25s ease;
    transition: color 0.25s ease;
    z-index: 1;
	position: relative;
	border: none;
}

.more-btn img{
	padding-left: 10px;
	    position: relative;
    top: -2px;
}
.more-btn::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #29333c !important;
    transform-origin: left;
    transition: width 0.25s ease;
    z-index: -1;
	border-radius: 3px;
	color: #ffff !important;
}
.more-btn:hover::after {
    width: 100% !important;
    color: #ffff !important;
    box-shadow: none !important;
	
}
.tab-content{
	margin-bottom: 86px;
}
.grid-boxs .box-img1{
	background-image: url(../images/inspection-img-1.svg);
	background-repeat: no-repeat;
	height: 65px;
    width: 75px;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
    background-position: -4px -11px;
}
.grid-boxs:hover .box-img1{
	background-image: url(../images/inspection-img-1.svg);
    background-position: -4px -91px;
}
.grid-boxs .box-img2{
	background-image: url(../images/inspection-img-2.svg);
	background-repeat: no-repeat;
	height: 65px;
    width: 75px;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
    background-position: -4px -11px;
}
.grid-boxs:hover .box-img2{
	background-image: url(../images/inspection-img-2.svg);
    background-position: -4px -91px;
}
.grid-boxs .box-img3{
	background-image: url(../images/inspection-img-3.svg);
	background-repeat: no-repeat;
	height: 65px;
    width: 75px;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
    background-position: -4px -11px;
}
.grid-boxs:hover .box-img3{
	background-image: url(../images/inspection-img-3.svg);
    background-position: -4px -91px;
}

.contact-btn::after {
    border-radius: 4px;
}
.second-section{
	margin-top: 70px;
}
.fc-toolbar.fc-header-toolbar {
    margin-bottom: 0 !important;
	padding-top: 0 !important;
}
/*.data-content{
overflow-x: auto !important;
}*/

.fc-scroller {
   overflow-y: hidden !important;
}

.filter-title{
  font-family: 'poppinsregular';
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #9aaebf;
	padding-bottom: 10px;
}
.filter-section .collapsible {
  background-color: transparent;
  cursor: pointer;
  padding: 8px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
	/*border-bottom: 1px solid #ccc;*/
	position: relative;
	font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #9aaebf;
	border-right: 2px solid #DFEAF4;
    background-size:10px 6px;

}
.filter-section .col:last-of-type .collapsible {
  border-right: none !important;padding-left: 17px !important;
}

.filter-section .active, .filter-section .collapsible:hover {
  background-color: transparent;
	
}

.filter-section .collapsible:after {
    content: '';
    color: white;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    background-image: url(../images/filter-sort.svg);
    position: absolute;
    right: 15px;
    height: 10px;
    width: 10px;
    background-repeat: no-repeat;
	top: 0;
    bottom: 0;
    margin: auto;
	transform:rotate(180deg);
	 -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
	
	-webkit-filter: invert(1.1) sepia(15) saturate(5) hue-rotate(987deg);
    filter: invert(1.1) sepia(15) saturate(5) hue-rotate(184deg);
    fill: #000; background-size:10px 6px;background-position: center center;
}

.filter-section .collapsible.active:after {
  content: '';
    color: white;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    background-image: url(../images/filter-sort.svg);
    position: absolute;
    right: 15px;
    height: 10px;
    width: 10px;
    background-repeat: no-repeat;
	transform:rotate(0deg);
	 -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
	top: 0;
    bottom: 0;
    margin: auto;
}

.filter-section .content {
  padding: 0 18px;
  height: 0;
  overflow: hidden;
  transition: height 0.2s ease-out;
  background-color: #f1f1f1;
}
.filter-section .content1 {
  padding: 0 18px;
  height: 350px;
  overflow: hidden;
  transition: height 0.2s ease-out;
  background-color: #dfeaf4;
	border-right: 2px solid #F5F7FD;

}
.filter-section .col:last-of-type .content1 {
  border: none;
}
.filter-bottom-area{
	display: none;
}
.filter-bottom-area.active{
	display: block;
	background-image: none;
	    margin-top: 35px;
    margin-bottom: 45px;
}
 .filter-bottom-area.active::after{
	background-image: none;
}
.filter-section a:hover{
	color: #e23227;
}
.form .form-control.input-gray-lg{background: #DFEAF4;border: 1px solid #DFEAF4;}
.input-gray-lg{background: #DFEAF4;border: 1px solid #DFEAF4;}   
    
.bg-white-table-bordered {    background: #fff;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 20px;
    border: 1px solid #384652;overflow: auto;
}
.bg-white-table-bordered td{ padding-top: 5px; padding-bottom:5px;border-bottom: 2px solid #DFEAF4;}
.bg-white-table-bordered tr:first-child td{border-top: none;}
.bg-white-table-bordered tr td:first-child{ color: #9aaebf;padding-left: 0px;}
.bg-white-table-bordered tr td:last-child{ color: #313c46; text-align: right;font-family: 'clear_sansbold';padding-right: 0px;}
.group-table label{color: #9aaebf;font-family: 'poppinsmedium';font-weight: 100; display: block;margin-bottom: 0px;}
.group-table td{font-family: 'clear_sansbold';padding-top: 10px;padding-bottom: 10px;}
.group-table tr td:first-child label{color: #9aaebf;}
.group-table tr td:first-child{color: #313c46;}
.group-table tr td:last-child{text-align: left;}
.group-table .table{ margin-bottom: 0px;}
.group-table tr:last-child td{border-bottom: none;}
.btn-gray{  background-color: #dfeaf4;  color: #9aaebf;font-family: 'poppinsmedium';}
.btn-gray::after{background-color: #e23227 !important;}
.btn-gray-dark{ background-color: #384652; color: #fff;}
.btn-gray-dark::after{border-radius: 4px;}
.txt-note{font-family: 'poppinsmedium'; font-size: 12px; text-align: center;  color: #9aaebf; margin-top: 5px;}
.form-bottom{font-family: 'poppinsmedium';border-bottom: 2px solid #DFEAF4; padding-bottom: 20px;align-items: first baseline; display: flex;justify-content: space-between;padding-top: 60px;height: 161px;}
.form-bottom:first-child{border-top: 2px solid #DFEAF4;}

.form-bottom h2 +span{ font-size: 12px;}
.form-bottom h2{ font-size: 20px;}
.txt-primary{ color: #9aaebf;}
.radio-lg{padding-left:0px; margin-right: 0px; width: 50%;}
.radio-lg  .custom-control-label::after, .radio-lg .custom-control-label::before{left: 0rem;opacity: 0;}
.radio-lg .custom-control-label{ text-align: center; font-size: 16px;width: 100%;height: 54px;padding-top: 15px;background: #fff; border: 1px solid #384652; border-radius: 4px; cursor: pointer;}
.radio-lg .custom-control-input:checked ~ .custom-control-label{background: #384652; color: #fff;}
.radio-lg  #customRadioInline1 + label{border-radius: 4px 0px 0px 4px;}
.radio-lg  #customRadioInline2 + label{border-radius: 0px 4px 4px 0px;}


/**/
/*.form-group{position: relative;}	
		.form-group label{	
			  color: #9aaebf;
			
		}
		.form-group input[value=""]{
  			border-radius: 4px;
  			background-color: #dfeaf4;
			border: 0 none;
			height: 56px;
			width: 100%;
		
		}
		.form-group input[value=""] + label{
			color: #9aaebf;
		}
		 .form-group input, .form-group input:focus{
			border: solid 1px #384652;
  			background-color: #ffffff;
			box-shadow: 0;
			outline: none;
			 height: 56px;
			width: 100%;
	
			 border-radius: 4px;
		}
		 .form-group  label + input, .form-group  label + input:focus {
			 color: #384652;
		}*/

/**/
.checkbox-section .custom-control-label{color: #9aaebf;}
.checkbox-section{
	padding: 10px 0;
}
.checkbox-section .custom-checkbox{
	margin-top: 15px;
}
.clear-link{
	font-family: 'poppinsregular';
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
	padding-bottom: 15px;
  color: #9aaebf;
}

.filter-section input[type=checkbox]:checked + label {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #e23227;
} 
.filter-section .custom-checkbox .custom-control-label::before {
    background-color: #9aaebf;
}
.filter-section .filter-field label{
	padding-top: 25px;
font-family: 'poppinsregular';
  font-size: 11px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #9aaebf;
}
.filter-section .filter-field input{
height: 35px;
	font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
	border: none !important;
  letter-spacing: normal;
  color: #313c46;
}
.filter-section .filter-field input:active, input:focus{
box-shadow: none !important;
}
.filter-section .apply-txt {
  font-family: 'poppinsregular';
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: right;
  color: #505050;
}
.filter-section input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-style: normal !important;
}


.filter-section input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-style: normal !important;
}

.filter-section input::-ms-input-placeholder { /* Microsoft Edge */
  font-style: normal !important;
}
.custom-tag{
	border-radius: 3px;
  background-color: #e23227;
	font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #ffffff;
	padding: 0px 10px 0px 10px;
	position: relative;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 10px;
}
.filter-section .row.no-gutters{
	padding-top: 15px;
	/*border-bottom: 2px solid #DFEAF4;*/
	padding-bottom: 15px;
	/*border-top: 2px solid #DFEAF4;*/
}
.filter-section .filter-panel{
	border-bottom: 2px solid #DFEAF4;
	border-top: 2px solid #DFEAF4;
}
.tag-section{
	padding-top: 35px;
	height: 180px;
}
.filter-btn {
	font-family: 'poppinsregular';
  width: 112px !important;
  height: 40px !important;
  border-radius: 3px;
  background-color: #384652;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.5;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
	margin-bottom: 10px !important;
}
.filter-btn::after {
    border-radius: 3px;
}



.active-filter-title:after{
	-webkit-filter: inherit !important;
    filter: inherit !important;
    fill: none !important;
}
.active-filter-title{
	color: #384652 !important;
    padding-left: 18px !important;
}
.filter-section .mCSB_inside > .mCSB_container {
    margin-right: 0px !important;
}
.header-with-btn h1{
	margin-right: 40px;
}
.header-with-btn{
	    margin-bottom: 10px;
}
.header-search input{
	width: 274px;
  height: 40px;
  border: solid 1px #dfeaf4;
  background-color: #ffffff;
	    padding: 0 40px 0 10px;
	border-radius: 3px;
	position: relative;
}
.header-search label {
  font-family: 'poppinsregular';
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #9aaebf;
	margin-right: 15px;
}
.table-list{
	    padding-top: 45px;
}
.total-records{
	padding-bottom: 5px;
}
.grade-a{
	width: 25px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	background-color: #59a517;
	font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: #ffffff !important;
}
.page-no-dropdown select{
	    width: 70px !important;
    height: 36px !important;
	background-color: #dfeaf4 !important;
	/*font-family: 'poppinsregular';*/
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #384652;
	border: none !important;
	padding-bottom: 5px;
}
.page-no-dropdown option{
	padding: 10px 0 !important;
}
.page-no-dropdown label{
	font-family: 'poppinsregular';
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #9aaebf;
	padding-right: 15px;
}
.table-list form{
	padding-bottom: 5px !important;
}
.list-with-pagination{
	border-bottom: 2px solid #DFEAF4;
	padding-bottom: 65px;
}
.bottom-section{
	padding-top: 25px;
}
.pagination .page-item{
	font-family: 'poppinsregular';
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #9aaebf;
}
.pagination .page-link{
	font-family: 'poppinsregular';
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #9aaebf;
	border: none;
	background-color: transparent;
	    margin-left: -6px;
}
.pagination .page-link.active{
	font-family: 'poppinsregular';
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #384652;
	border: none;
	background-color: transparent;
}
.pagination .page-item.disabled .page-link {
    background-color: transparent;
}
.page-prev, .page-next{
	position: relative;
    top: -2px;
}
.pagination a.page-link:focus{
	box-shadow: none;
}


/*----------pricing tab----------*/

.breadcrumb a{
    font-size: 14px;
    color:#9aaebf;
    text-decoration: none;
}
.breadcrumb a:hover{color: #e23227;}
.all-appraisal-head .text-number{
    color:#384652;
    font-size: 16px;
}
.all-appraisal-head .text-gray{
    color:#9aaebf;
}

.box-title,.basic-detail_pg-price span {
    font-size: 18px;
    font-weight: normal;
    color: #9aaebf;
    padding-bottom: 15px;
}
.box-title.with-line{
    border-bottom: 2px solid #DFEAF4;
}
.basic-detail_pg-price{
    padding-top: 15px;
    padding-bottom: 15px;
}    
.basic-detail_pg-price span{
    padding-bottom: 10px;
    display: block;
}
.basic-detail_pg-price h3{
    font-family: 'poppinsmedium';
    color:#384652;
    font-size: 24px;
  font-weight: 500;
}

.comparison-pre-deals{
    margin-top:70px;
}
.comparison-other-source h4{
    font-size: 16px;
    color:#9aaebf;
    font-family: 'poppinsmedium';
}
.comparison-other-source h4 span{
    color:#384652;
}
.comparison-other-source a{
    background: #e23227;
    width: 100%;
    display: inline-block;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    padding: 15px;
    border-radius: 4px;
	height: auto;
}
.comparison-other-source a:after{
   border-radius: 4px;
}
.comparison-other-source,.pricing-sheet{
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 70px;
}
.comparison-other-source-inn .wbsite-blocks:last-child a{
    background:#dfeaf4;
    color:#9aaebf;padding: 12px 15px;
}
.comparison-other-source-inn .wbsite-blocks:last-child a span{
    font-size: 16px;
    font-weight: 600;
}
.comparison-other-source-inn,.pricing-sheet-inn {
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-gap: 30px 80px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.comparison-other-source-inn,.pricing-sheet-inn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.comparison-other-source-inn>*, .pricing-sheet-inn>*{
        flex: 0 0 28%;
}

}
.pricing-sheet-inn ul{
    border: 0;
    margin-bottom: 10px;
}
.sheet-head h4{
    font-size: 32px;
    color:#384652;
}
.sheet-head{
    display: flex;
    border-bottom: 2px solid #DFEAF4;align-items: center;
}
.custom-checkbox2 .custom-control-input:checked~.custom-control-label::before {
    background-color: #e23227;
    border-color: #e23227;
}
.custom-checkbox2 .custom-control-label::before {
    top: 0px;
    width: 25px;
    height: 25px;
    border-radius: 3px;
    background-color: #f5f5f5;
    border: 1px solid #9aaebf;
    right: 0;
    left: inherit;
}
.custom-checkbox2 .custom-control-label::after {
    position: absolute;
    top: 4px;
    right: 3px;
    left: inherit;
}
.sheet-head .custom-control{
    padding-left: 0;
}
.custom-checkbox2 .custom-control-label {
    padding-right: 35px;
    font-size: 16px;
}


.final-sell-price-box{
    padding: 30px;
}
.f_sell-head{
    display:flex;
    align-items: baseline;
    justify-content: space-between;
}
.f_sell-head h3{
    font-size: 32px;
    color: #e23227;
    /*font-family: 'poppins-semibold';*/
    font-weight: 600;
}
.f_sell-head h2{
    font-size: 72px;
    color: #e23227;
    /*font-family: 'poppins-bold';*/
    font-weight: 900;
    
}
.final-sell-price-box .list{
    margin-bottom:0;
    border-bottom: 0;
    padding: 0;
}
.final-sell-price-box .list li {
    border-bottom: 2px solid #E5EDF6;
    padding-bottom: 5px;
    padding-top: 35px;
}
.final-sell-price-box .list li:first-child{
    padding-top: 10px;
}
.final-sell-price-box .list li:last-child{
    border: 0;
}
.sheet-head .custom-checkbox2 .custom-control-label::after, .final-sell-price-box .custom-checkbox2 .custom-control-label::after {
    position: absolute;
    top: 4px;
    right: 4px;
    left: inherit;
}

.btn-collapse[aria-expanded="true"]{ background: url(../images/select-arrow-rigtht.svg) no-repeat right center;padding-right: 20px;background-size: 6px 20px;    color: #384652;}
.btn-collapse[aria-expanded="false"]{ background: url(../images/select-arrow-bottom.svg) no-repeat right center;padding-right: 20px;background-size: 20px 6px;  color: #9aaebf;}
.btn-collapse{font-size: 20px;}
.form-bottom2{font-family: 'poppinsmedium';border-top: 2px solid #DFEAF4;padding-bottom: 20px;align-items: first baseline;display: flex;justify-content: space-between;padding-top: 60px;}

.show-page{position: fixed;right: 60px;bottom: 200px;}
.show-page .select2.form-control{ border-bottom: 1px solid #626C77 !important; border-left: none;border-right: none;border-top: none;}

.checkbox-red{margin-bottom: 10px;}
.checkbox-red.custom-checkbox .custom-control-label::before{background-color: #fff;border: 1px solid #9aaebf;}
.checkbox-red.custom-checkbox .custom-control-input:checked ~ .custom-control-label{ color: #e23227;}
.checkbox-red.custom-checkbox .custom-control-input ~ .custom-control-label{ /*color: #9aaebf;*/}

.checkbox-gray{margin-bottom: 10px;}
.checkbox-gray.custom-checkbox .custom-control-label::before{/*background-color: #9aaebf;*/border: 1px solid #9aaebf;}
.checkbox-gray.custom-checkbox .custom-control-input:checked ~ .custom-control-label{ color: #384652;}
.checkbox-gray.custom-checkbox .custom-control-input ~ .custom-control-label{ color: #9aaebf;}

.checkbox-gray.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {    background-color:#384652;    border-color: #384652;}

.radio-gray{margin-bottom: 10px;}
.radio-gray.custom-checkbox .custom-control-label::before{background-color: #fff;border: 1px solid #9aaebf;}
.radio-gray.custom-checkbox .custom-control-input:checked ~ .custom-control-label{ color: #384652;}
.radio-gray.custom-checkbox .custom-control-input ~ .custom-control-label{ color: #313c46;}

.radio-gray.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {    background-color:#384652;    border-color: #384652;}

.to-do{ color: #dd6804;}
.done{ color: #3da517;}
.table-no-bordered{border: 1px solid #fff;}
.table-no-bordered td{  font-family: 'clear_sansregular';}
.table-no-bordered tr td:last-child{font-family: 'clear_sansregular';text-align: right;}
.table-no-bordered tr td:last-child label{text-align: right;}
.table-bottom{display: flex;justify-content: space-between;margin-top: 30px;}
.table-bottom h2{}
.table-bottom i{ font-size: 16px; color: #9aaebf;font-family: 'poppinsmedium';}
.table-bottom .txt-gray-dark{color: #313c46;}
.txt-gray-dark{color: #313c46;}

/*----------------auction-inspection-----------------*/
.appraisal-insp .breadcrumb a{
	color:#e23227;
}
.appraisal-insp .page-header{
	border-bottom: 2px solid #DFEAF4;
	display: flex;
	justify-content: space-between;
}
.appraisal-insp .page-header span{
	color:#384652;
}
.full-insep{
	font-family: 'poppinsmedium';
	color:#9aaebf;
}
.full-insep a{
	color:#384652;
	text-decoration: underline;
}
hr.custom-line{
	    width: 60%;
    height: 2px;
    background: #DFEAF4;
    border: 0;
    margin-left: 15px;
margin-right: 15px;margin-top: 60px;
}
hr.custom-line{
    width: 100% !important;
}
#PopUpMessage {
    opacity:0;
    position: fixed;
    visibility:hidden;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    top: 0;
    left: 0;
    text-align: center;
    z-index:99999;
}
#PopUpMessage p {
    position: absolute;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px #000;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 17px;
}
#PopUpMessage .msg-gif{
    display:block;
    text-align:center;
    margin-top:15px;
}
.sort-type-option{
    font-size:16px;
    text-decoration: none;
    color: #384652;
}
/*----------------auction-inspection-----------------*/


@-moz-document url-prefix() { 
.page-no-dropdown select {
    width: 70px !important;
	}
}
	.input-search{
	position: absolute;
    right: 20px;
    bottom: 12px;
    width: 15px;
		opacity: 0;
	}	
.header-search input:focus{
  box-shadow: 0 0 8px 0 rgba(56, 70, 82, 0.25) !important;
  border: solid 1px #384652 !important;
  background-color: #ffffff;
}
.input-focus-active{
  box-shadow: 0 0 8px 0 rgba(56, 70, 82, 0.25) !important;
  border: solid 1px #384652 !important;
  background-color: #ffffff;
}
.header-search input:focus + img{
	opacity: 1;
}
.input-focus {
  font-family: 'poppinsregular';
  font-size: 16px !important;
  font-weight: 500 !important;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #384652 !important;

}
.pagination .page-link:hover {
    font-family: 'poppinsregular';
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #384652;
    border: none;
    background-color: transparent;
}
.data-title{
	max-width: 500px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.grade-b {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    background-color: #1f7fef;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: #ffffff !important;
}
.grade-c {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    background-color: #7c3691;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: #ffffff !important;
}
.grade-d {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    background-color: #dec63d;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: #ffffff !important;
}
.grade-e {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    background-color: #dd6804;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: #ffffff !important;
}
.grade-f {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    background-color: #d92b2b;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: #ffffff !important;
}

.table-with-tabs .table-list {
    padding-top: 8px;
}
.table-with-tabs .custom-checkbox .custom-control-label::before {
    /*background-color: #ffffff;*/
    border: 1px solid #9aaebf;
}
.table-with-tabs .tbl-detail{
	margin-top: 40px !important;
}
.header-with-search{
	margin-bottom: 15px;
}
.status-3 {
    color: #3da517 !important;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
}
.status-4 {
    color: #dd6804 !important;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
}
.status-5 {
    color: #7c3691 !important;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
}

.refurb-page .table td, .refurb-page .table th {
    border-top: 0px solid #DFEAF4;
	font-family: 'poppinsmedium';
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #9aaebf;
}
.refurb-page .table tr th { padding-top: 4px;}
.refurb-page .table tr td {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #313c46;
	    border-bottom: 2px solid #dee2e6;
}
.refurb-page .table tbody tr td:last-child{text-align: right;}
.pr-7{
	padding-right: 7px !important;
}
.pl-7{
	padding-left: 7px !important;
}
.refurb-page .data-content {
    height: 500px;
}

.admin-page .page-no-dropdown select {
    width: 165px !important;
    height: 36px !important;
}
.table-with-tabs .tbl-detail.custom-tbl{
	margin-top: 0px !important;
}
.admin-page .table-with-tabs .table-list {
    padding-top: 0px;
}

.sales-card{border-radius: 4px; padding: 20px;  background-color: #ffffff;}
.sales-card .list{width: 100%;border: none;margin-bottom: 15px;}
.sales-card .list li{border-bottom: 2px solid #E5EDF6;}

.sales-card  .text-big{font-size: 36px;font-family: 'poppinsbold';}
.txt16{font-size: 16px;}
.data-content-600{height: 600px;}

.cal-modal .modal-xl{max-width: 890px;}
.cal-modal .modal-2xl{max-width: 1440px;}
.cal-modal .modal-content{ padding: 10px  30px; max-width: 100%;}
.form-control.textarea{height: 169px !important; resize: none;}
.modal-header{border-bottom: 2px solid #DFEAF4;}
.title3{  font-size: 20px;font-family: 'poppinsmedium';}
button.close{position: absolute !important;right: 15px;top: 35px;}
.modal-open{padding-right: 0px !important;}
.finalize-refurb .modal-dialog{  max-width: 758px; text-align: center;}
.finalize-refurb .modal-content{border: none;}
.finalize-refurb .modal-content .modal-body{padding: 60px 140px;}

.finalize-refurb p{font-size: 18px; line-height: 24px;margin-top: 15px;margin-bottom: 40px;}
.finalize-refurb em{font-family: 'clear_sansbold_italic';}
.finalize-refurb strong{font-family: 'clear_sansbold'; font-weight: 100;}
.dropdown-btns .dropdown-menu{ background: none; border: none;transform: translate3d(-66px, 48px, 0px) !important;z-index: 2;}
.dropdown-btns .btn-md.cmn-btn{ width: 100%;}
/*.btn-dd.cmn-btn:hover::after, .btn-dd.cmn-btn:focus::after, .btn-dd.cmn-btn:active::after{ background: #fff !important; color:#e23227 !important;border-radius: 4px; }
.btn-dd.cmn-btn:hover, .btn-dd.cmn-btn:focus {color:#e23227 !important;}*/

.btn-dd.cmn-btn[aria-expanded="false"]{ background-color: #e23227 !important;}
.btn-dd.cmn-btn[aria-expanded="true"]:hover::after, .btn-dd.cmn-btn[aria-expanded="true"]:focus::after,.btn-dd.cmn-btn[aria-expanded="true"]:active::after{ background: #fff !important;color:#e23227 !important;border-radius: 2px;}
.btn-dd.cmn-btn[aria-expanded="true"]:hover, .btn-dd.cmn-btn[aria-expanded="true"]:focus{color:#e23227 !important;background: #fff;}
.title1{font-size: 32px;}
.icon-plus{ width: 8px; height: 7px; display: inline-block; background: url(../images/icon-plus.png) no-repeat left top;top: -1px;position: relative;vertical-align: initial;}
.btn-dd.cmn-btn[aria-expanded="true"]:hover .icon-plus, .btn-dd.cmn-btn[aria-expanded="true"]:focus .icon-plus{ background: url(../images/icon-plus.png) no-repeat left bottom;}
.ordering{color: #9aaebf; font-size: 12px;	font-family: 'poppinsmedium';}
.radio-gray{}



.quoted {
font-family: 'poppinsregular';
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #384652;
}
.quoted-price {
     font-family: 'poppinssemibold';
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #e23227;
}
.invoice-btn{
  width: 126px;
  height: 40px;
  border-radius: 3px;
  background-color: #e23227;
  font-family: 'poppinsmedium';
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;	
	    line-height: normal;
    align-items: center;
    display: flex;
    justify-content: center;
	position: relative;
}
.invoice-btn:hover{
	color: #ffffff;
}
.invoice-btn::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #ab0f05 !important;
    transform-origin: left;
    transition: width 0.25s ease;
    z-index: -1;
    border-radius: 8px;
}
.invoice-btn:hover::after, .invoice-btn:focus::after, .invoice-btn:active::after {
    width: 100% !important;
    color: #ffff !important;
    box-shadow: none !important;
}
#calendar .fc-center{
	    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
}
#calendar .fc-button-primary {
    color: #384652;
    background-color: transparent;
    border-color: transparent;
    position: relative;
    top: -3px;
}
#calendar .fc-button-primary:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
#calendar .fc-toolbar h2 {
  font-family: 'poppinsmedium';
  font-size: 32px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #384652;
}
.calender-right-txt{
  font-family: 'poppinsmedium';
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #384652;
	display: flex;
    align-items: center;
}
.calender-head-section{
	border-bottom: 2px solid #f5f7fd;
	    padding-bottom: 8px;

}
.contact-month{
  font-family: 'poppinsmedium';
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #9aaebf;
}
.contact-month span{
   color: #e23227;
}
.contact-month span.blue-txt{
   color: #1f7fef;
}
.calender-page .contact-details a{
	font-family: 'poppinsmedium';
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #9aaebf;
  text-decoration: underline;
	    padding-top: 10px;
    display: block;
    padding-bottom: 15px;
}
.calender-page .contact-details {
    padding-top: 20px;
}
.only-page-title{
	border-bottom: 2px solid #DFEAF4;
}
.calender-page .contact-btn{

	margin-top: 38px !important;
}
.calender-page .data-content1 {
    max-height: 760px;
}
/*.form-control{
	background-color: #dfeaf4;
	border: 1px solid #dfeaf4 !important;
}*/

input.input-empty{
	background-color: #dfeaf4;
	border:none;
}
input.input-not-empty{
	background-color: #ffffff;
	border: 1px solid #626C77;
}

.gray-col{font-size: 14px; text-align: center; border-radius: 12px;  background-color: #9aaebf; padding: 10px;display: inline-block;margin-right: 14px;}
.gray-col .form-control{text-align: center; background: #DFEAF4; border-radius: 4px; width: 48px;
  height: 32px !important;color: #384652; border: none; margin-bottom: 10px;padding: 10px 0px; }
.gray-col .value{ display: block; border-top:2px solid #384652;margin-bottom: 10px; color:  #384652;}
.gray-col-light{ background: #DFEAF4;width: 68px;height: 140px;display: inline-flex;
justify-content: center;margin-top: 10px;
align-items: center;color: #384652;margin-bottom: 5px;}
.graphical{text-align: center;  color: #9aaebf; font-size: 12px; position: relative;align-items: center;padding-bottom: 10px;width: 520px;
margin-bottom: 30px;}
.graphical::after{ background: #DFEAF4; height: 10px; position: absolute; top: 75px;  margin: auto; width: 90%; content: "";z-index: -1;left: 0;
right: 0;}
.left-tire{font-family: 'clear_sansbold';display: flex;justify-content: center;margin-top: 10px;position: absolute;bottom: -20px;width: 68px;}
.right-tire{font-family: 'clear_sansbold';display: flex;justify-content: center;margin-top: 10px;position: absolute;bottom: -20px;width: 100%;}
.graph-wrap{float: left;
display: flex;
position: relative;}
/*.tyre .col-sm-6:last-child .graph-wrap{ margin-left: 30px;}
.tyre .col-sm-6:last-child .graph-wrap.float-right2{ margin-left: 0px;}*/

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 5px;
    border-radius: 5px;
    background: #313C46 !important;
    outline: none;
    opacity: 1;
    -webkit-transition: .2s;
    transition: opacity .2s;
    margin-bottom: 10px;font-size: 12px;
}

.slider::-moz-range-thumb {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #313C46;
    cursor: pointer;border: 1px solid #313C46;
}
.slidecontainer p{font-family: 'clear_sansbold'; font-weight: 100;}
.slidecontainer span{ font-family: 'clear_sansbold_italic';}

.float-right2{float: right;}
.gray-col-light2{margin-left: 50px;}


.View-all {
  width: 49px;
  height: 19px;
  font-family: OpenSans;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: right;
  color: #384652;
}
.view-profile {
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #9aaebf;
}
.form-group.input-empty label{
	color: #9aaebf;
}
.form-group.input-not-empty label{
	color: #384652;
}
.chiller-theme .sidebar-wrapper .sidebar-menu ul li.active {
    background: #4B5C6B;
}
.checked-star {
  color: #e23227 !important;
}
.fa-star.checked-star {
	font-size: 18px;
}
.fa-star {
	color: #9aaebf;
	font-size: 18px;
}
.appraisals-page .list {
    width: 100%;
}
.header-search .form-group.d-flex.align-items-center.mb-0{
	position: relative; flex-direction: row;
    display: flex !important;
}
.list-links a:hover{
	color: #e23227;
}

.date-dashboard-xs{ display: none;}

.form textarea.form-control{height: 150px !important; resize: none;}
textarea.input-empty {
    background-color: #dfeaf4;
    border: none;
}
textarea.input-empty.input-not-empty {
    background-color: #fff;
    border: none;
}
.search-create{ position: relative;   }
.search-create .input-search{position: absolute;right: 20px;bottom: 11px;width: 15px;z-index: 1;z-index: 9;left: 10px;opacity: 1;}
.search-create .form-control{padding-left: 30px;}
.role-drop label{font-size: 16px;font-family: 'poppinsregular';font-weight: 500;padding-right: 10px;}
.role-drop .dropdown-toggle::after{background-image: url(../images/select-arrow.svg); color: rgba(0,0,0,0); background-repeat: no-repeat;height: 20px;
width: 30px;vertical-align: middle;margin-left: 10px;}
.role-drop .dropdown-toggle::before{ content: ":";margin-right: 5px;}
.role-drop a.dropdown-toggle{font-family: 'poppinsmedium';color: #313c46;}
.role-drop .btn{background:none; border: none;color: #313c46;}
.form-control.is-invalid{border-color: #dc3545 !important;}
.table:focus{outline: none;}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
.form .form-inline.page-no-dropdown.show-page .form-control{height: auto !important;padding-top: 0px;padding-bottom: 0px;}
.form .form-inline.page-no-dropdown.show-page .page-no-dropdown select {    width: 50px !important;}
.permission-table{width: 300px;}
.checkbox-red-th{ margin-bottom: -5px;}
.checkbox-red-th.custom-checkbox .custom-control-input ~ .custom-control-label{color: #9aaebf;font-family: 'poppinsmedium';}
.permission-table .checkbox-red{  margin-bottom: -5px !important; }
.permission-table td{vertical-align: middle;}
.permission-table a{color: #9aaebf;}
.permission-table a:hover{color: #e23227;}
.refurb-page .list{width: 100%;}
.close:focus, .close:hover{outline:none;}
.inventory-create-packet .modal-xl {    max-width: 1215px;}
.inventory-create-packet .table-transparent thead th:last-child, .inventory-create-packet .table-transparent tbody td:last-child{ text-align: right;}
.inventory-create-packet .table-transparent td{border: none;}
.dropdown-btns{z-index: 2;}
select::-ms-expand{
    display: none;
}

#features-coll .form-group {    margin-bottom: 0rem;}

 .form .col-xl-4{ min-width: 590px;}   

.note-txt{ float: right;}
.mt-45{ margin-top: 45px;}
.inventory-create-packet .radio-lg:first-child .custom-control-label{border-radius: 4px 0px 0px 4px;}
.inventory-create-packet .radio-lg:last-child .custom-control-label{border-radius: 0px 4px 4px 0px;}

.graphical5{ width: auto;}
.row-graph{display: flex; justify-content: space-between;}
.mar-r25{margin-right: 25px !important;}
.mar-l35{margin-left: 35px !important;}
.marr20{margin-right: 20px !important;}
.marl-5{margin-left: 5px  !important;}
.gray-col{margin-right: 0px;}

.bot10{bottom: 10px !important;}
.tyre.graphical{width: auto;}
.tyre.graphical .col-sm-6{display: flex;justify-content: space-between;}
.tyre.graphical .gray-col-light2 {margin-right: 50px;margin-left: 0px;}
.tyre.graphical .col-sm-6:last-child .gray-col-light{margin-left: 50px;}
.tyre.graphical .gray-col-light2 .left-tire{bottom: 10px;}
.tyre.graphical .rb{bottom: 10px;left: 50px;}

.brl{border-radius: 4px 0px 0px 4px  !important;}
.brr{border-radius: 0px 4px 4px 0px  !important;}


.form-action{margin-top: 30px;}

 .box{transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;float:right;overflow: hidden;background: #fff; position: fixed; z-index: 999; top: 0px; right: -400px; display: none;height: 100%;box-shadow: 1px 1px 4px 4px rgba(0,0,0,.1);  padding: 15px;    }
    /* Add padding and border to inner content
    for better animation effect */
.box-inner{width: 250px;  max-width: 100%;padding: 13px 13px 13px 0px;border-bottom: 1px solid #DFEAF4;   }
.box-inner a{color:#313c46;}
.box-inner a:hover{color:#000;}
.dropzone,.dropzone {box-sizing:border-box}.dropzone{border:1px dashed rgba(0,0,0,.3);border-radius:5px;background:#fff;padding:20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable {cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer;margin-top:3.4%}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border:1px dashed #4487a5!important}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom,#eee,#ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:0 0}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-ms-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,.4);padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77,0,.175,1);-moz-animation:passing-through 3s cubic-bezier(0.77,0,.175,1);-ms-animation:passing-through 3s cubic-bezier(0.77,0,.175,1);-o-animation:passing-through 3s cubic-bezier(0.77,0,.175,1);animation:passing-through 3s cubic-bezier(0.77,0,.175,1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77,0,.175,1);-moz-animation:slide-in 3s cubic-bezier(0.77,0,.175,1);-ms-animation:slide-in 3s cubic-bezier(0.77,0,.175,1);-o-animation:slide-in 3s cubic-bezier(0.77,0,.175,1);animation:slide-in 3s cubic-bezier(0.77,0,.175,1)}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-error-mark svg,.dropzone .dz-preview .dz-success-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity .4s ease-in;-moz-transition:opacity .4s ease-in;-ms-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom,#666,#444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-ms-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom,#be2626,#a92222);padding:.5em 1.2em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:'';position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626}

/* inventory fixed header */

.inv-header-fix{
	position: fixed;
    background: #F5F7FD;
    padding: 20px 40px 10px 40px;
    z-index: 2;	
	top:0;
}
#inventory-list{
    margin-top: 280px;
	padding: 0px 40px 20px 40px;
}
.page-wrapper .page-content > div.no-padding{
	padding:0;
}
.inspec-btn-padding{padding-left: 10px; padding-right:10px;}
.bg-white-table-bordered .table-responsive .mCSB_container{min-width: 1044px;}
.red-border, .red-border .select2-container--default .select2-selection--single{border-color:#e94025 !important; border-width: 2px !important;}
.green-border, .green-border .select2-container--default .select2-selection--single{border-color:#59a517 !important; border-width: 2px !important;}



/*Responsive CSS Start Here*/
@media (pointer: coarse) { 
.cmn-btn::after {
    position: relative;
    content: '';
    width: 100%;
}
.cmn-btn:hover::after, .cmn-btn:focus::after, .cmn-btn:active::after {
    width: 100% !important;
    color: #ffff !important;
    box-shadow: none !important;
}
	.more-btn::after {
   position: relative;
    content: '';
    width: 100%;
}
.more-btn:hover::after {
    width: 100% !important;
    color: #ffff !important;
    box-shadow: none !important;
	
}
}

@media (max-width: 1620px) {
.data-content1 {
    max-height: 660px;
}
	.page-header.all-appraisal-head{display: flex;flex-direction: column;}
}
@media (min-width: 1366px) {
	.gutter-75.row {
	margin-right: -40px;
	margin-left: -40px;
}
.gutter-75 > [class^="col-"], .gutter-75 > [class^=" col-"] {
	padding-right: 40px;
	padding-left: 40px;
}
    	.table-responsive .table-with-bg .table td, .table-responsive .table-with-bg .table th {
	white-space: nowrap;
}
    
    	.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    display: block !important;
}


}

@media (max-width: 1366px) {
    .appraisal-insp .col-lg-4{-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;}
    hr.custom-line{width: 77.333%;}

    .calender-head-section {
    flex-direction: column;
}
    .sales-card .text-big{font-size: 40px;}
    .grid-boxs{padding: 30px 15px;}
    .btn-md.btn-block.btn-gray:focus, .btn-md.btn-block.btn-gray:hover{ background: #e23227 !important;}
    .list-custom.list-refurb{width: 100%;}
	 .text-number{display: flex; margin-left: 0px;}
}

@media (max-width: 1299px) {
         	.page-wrapper.toggled .page-content {
    padding-left: 0;
}
}


/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1166px) {
        	.calender-head-section {
    flex-direction: column;
}
    hr.custom-line{width: 100%;}
    .inventory-create-packet{padding-right: 0px !important;}
	.comparison-other-source-inn,.pricing-sheet-inn {grid-template-columns: inherit;}	
}
@media (max-width: 1199px) {
      h1 {
    font-size: 30px;
	padding-top: 10px;
}  
    .header-with-btn h1 {margin-right: 20px;}
    .footer-btns{text-align: right; position: relative; right: 0px;margin-top: 40px;bottom: 0px;width: 100%;}  
   .show-page {    position: relative;    right: 0px;    bottom: 0px;    display: flex;}
   .btn-md.cmn-btn.btn-gray:focus,   .btn-md.cmn-btn.btn-gray:hover{background-color: #e23227 !important;}
        .form .col-xl-4 {min-width: initial;}

    .nav-tabs .nav-link.active{margin-right: 20px;}

    .list-refurb li{display: inherit;}
    .list-refurb li span{display: block;}
    .sales-card .text-big {    font-size: 32px;}
    
}
@media (max-width: 1024px) {
	.data-list ul li {
    padding-right: 20px;
}
    
    .cmn-btn:hover::after, .cmn-btn:focus::after, .cmn-btn:active::after{background-color: #e23227 !important;} 
    .inventory-create-packet .custom-big .custom-control-label{line-height: 18px;}
    .data-code{padding-left: 1rem !important;}
}
@media (max-width: 1023px) {
	h1 {
		font-size: 22px;
		padding-top: 15px;
}
.header-with-btn h1 {
    margin-right: 5px;		
}
    .btn-secondary.industries-btn::after {position: absolute; top:5px; right: 10px;  content: "\f0d7"; background: url(../images/btn-secondary-arrow.png) no-repeat center center;color: transparent;width: 9px;}  
     .list-refurb li{display: flex;}
    .nav-tabs .nav-link.active {    margin-right: 0px;}
     .nav-tabs .nav-link {    margin-right: 0px;}
}



/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991px) {
	.comparison-other-source-inn .col.wbsite-blocks{word-break: break-all;max-width: 100%;}
	.header-search input{
		width: 200px;
	}
.page-wrapper .page-content > div {
    padding: 20px 15px;
}
#inventory-list{
    margin-top: 320px;
}
.table-header {
    margin-top: 50px;
}
.more-btn-section {
    margin-left: auto;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.bottom-row {
    flex-direction: column;
}
    
.grid-boxs{
	padding: 30px 10px;
		margin-top: 15px;
	} 
    

	.list {
    width: 100%;
}
    
   .comparison-other-source-inn, .pricing-sheet-inn {
        grid-gap: 30px 0px;
    }    
  .data-content1 {
    max-height: 250px;
}
.tab-content {
    margin-bottom: 15px;
}  
    
    	.calender-page .data-content1 {
    max-height: 250px;
}
    
   
	.btn-md.cmn-btn {
    padding-right: 10px;
    padding-left: 10px;
}
   
	.filter-section .collapsible {
    font-size: 13px;
	}
	
	.calender-bottom-section{
		margin-top: 20px;
	}
	
	.pagination .page-link {
    margin-left: -9px;
}
	/*.input-search {
    bottom: 15px;
}*/
    
       .nav-pills{display: none;}
    .industries-btn {    display: inline-block;margin-bottom: 15px;position: relative;margin-top: 10px;}
    .industries-btn:empty {
    display: none;
}
    .nav.nav-pills {
    border: transparent;
    border-radius: 6px;
    -webkit-box-shadow: -1px 0px 37px -6px rgba(0,0,0,0.10);
    -moz-box-shadow: -1px 0px 37px -6px rgba(0,0,0,0.10);
    box-shadow: -1px 0px 37px -6px rgba(0,0,0,0.10);

        background: #fff; padding: 10px;margin-bottom: 30px;
}
    
     .date-dashboard{ display: none;}
    .date-dashboard-xs{ display: block;position: relative;}
     .show-page{position: relative;right: 0px;bottom: 0px;margin-top: 20px;}  
    
    .nav-tabs .nav-link{border-bottom: 2px solid transparent;}
    
    
    .appraisal-insp .col-lg-4 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}
    .grid-boxs-title{padding-top: 17px;}


    .grid-boxs .box-img1{margin-top: 40px;}

.marr20 {
    margin-right: 0px !important;
}
    .mar-l35 {
    margin-left: 20px !important;
}
    .gray-col-light{margin-left: 6px;left: 6px;}
    .bot10{left: 6px;}
    .tyre.graphical .gray-col-light2 .left-tire{left: 7px;}
    .data-code.data-code-last{padding-left: 0rem !important;}

    .h1-pt{ padding-top: 10px;}
      .h1-pt2{ padding-top: 6px;}
.admin-daterange{max-width:70%;}
.admin-daterange .form-group{padding-left:10px;}
.admin-daterange .form-group .datepicker {max-width: 100%;}

}



@media (max-width: 812px) {
	
/*	.page-header{flex-direction: column;} */
}


/*Small devices (landscape phones, less than 768px)*/
@media only screen and (max-width:767px) {
	
	.inv-header-fix{
	position: relative;
}
#inventory-list{
    margin-top: 0px;
}
	.inspec-btn-padding{padding-left: 0px; padding-right:0px; margin-top: 10px;}
	
	.report-div{
        width : 100%;
		max-width:380px;
    }
.form .col-xl-4 {
    min-width: 100% !important;
}
.sidebar-footer {
    position: relative;
}
.table-sm-relative {
    position: relative;
    z-index: 0;
}
.sidebar-wrapper {
  
   left: -300px;
}
.tbl-detail {
    flex-direction: column;
    align-items: flex-start !important;
}
.data-list {
    flex-direction: column;
}
.data-spacing {
    /* flex-direction: column;*/
    align-items: center;
}
.data-code {
    /* flex-direction: column;*/
    padding-left: 0 !important;
  padding-top: 3px;
    padding-right: 15px;
}
.data-code .pl-5 {
    padding-left: 0 !important;
}
.data-list .custom-checkbox {
    margin-right: 0 !important;
}
.data-list .data-image {
    margin: 0 auto;
    padding-top: 10px;
	width:100%;
	text-align:center;
}

.data-image img {
    border-radius: 0;
}
.data-top-section {
    padding: 15px;
}

.data-title {
    padding-right: 15px;
}
.inspections-number {
    padding-right: 15px;
}
.data-list ul li {
    padding-top: 5px;
    padding-bottom: 5px;
}
.list-links a {
    padding-right: 15px;
}
.more-btn-section {
    margin-right: 0px;
}
    
/*.footer-btns {
    position: static;
    width: 100%;
    text-align: center;
}*/    
    
.login-form {
    padding: 20px 20px;
}
.tab-content{
	margin-bottom: 20px;
}	
.grid-boxs:hover .grid-boxs{
transform: translateY(0px);
transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;

}
.grid-boxs:hover{
transform: translateY(0px);
transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;

}	  
    

    .page-header{flex-direction: column;}   
    .text-number{margin-left: 0px;}
    
 
    
    .list {
    width: 100%;
}
.fc td {
    border-width: 0px !important;
}	
.fc-dayGrid-view .fc-body .fc-row {
    min-height: 80px !important;
}	
.calender-title {
    padding-top: 20px;
}
.calender-title {
    font-size: 25px;
}
.table-with-bg {
    padding: 1px 20px;
}	
.table-header {
    margin-top: 35px;
}
.table-responsive   blockquote { display: none;}
.table td, .table th {
    white-space: nowrap;
}	

    .nav-tabs .nav-link{margin-right: 0px;}    
   /* .nav-tabs .nav-link:hover{border-bottom-color:#fff;border-bottom: none;}*/
    .nav-tabs .nav-link.active:hover{border-bottom: 2px solid #E23227;}
    .nav.nav-pills .ml-auto.d-flex{ flex-direction: column;}
    
    .filter-section .col {
    flex-basis: auto !important;
}
    .filter-section .col:last-of-type .collapsible {
  
    padding-left: 18px !important;
}
	.filter-section .collapsible{
		border-right: 0px;
	}
	.bottom-section{
		    flex-direction: column;
    justify-content: center !important;
	}
	.bottom-select{
		justify-content: center;
    display: flex;
	}
	.pagination nav{
		margin: auto !important;
	}
	.pagination .page-link {
    margin-left: -16px;
}
	.list-with-pagination {
    padding-bottom: 20px;
}
	.bottom-section {
    padding-top: 0px;
}
	
	.more-btn {
    padding: 9px 9px;
	}
	.more-btn-section {
    margin-top: 10px;
    margin-bottom: 0px;
}
	.header-with-btn {
    margin-bottom: 25px;
}
	.table-list {
    padding-top: 15px;
}

	.header-with-btn div{
  flex-direction: column;
    display: block !important;
    margin-left: 0 !important;
    padding-bottom: 10px;

	}
	.header-search input {
    width: 100%;
}
	.comparison-other-source-inn, .pricing-sheet-inn {
        display: block;
    }
    .f_sell-head h3 {
        font-size: 18px;
    }
    .f_sell-head h2 {
    font-size: 45px;
    }
	.comparison-pre-deals {
    margin-top: 0px;
}
	.demo .item {
    margin-bottom: 0px !important;
}
    .list li{padding-top: 5px;padding-bottom: 5px;}
    	.refurb-page .data-content {
    height: 250px;
}
    .modal-header{flex-direction: column;}
    .cal-modal .modal-content {
    padding: 10px 15px;
}
    
    .radio-lg{vertical-align: middle;}   
    .radio-lg .custom-control-label{padding-top: 0px;line-height: normal;align-items: center;display: flex;justify-content: center;}
    	.header-with-search div{
  flex-direction: column;
    display: block !important;
    margin-left: 0 !important;
    padding-top: 10px;

	}
    
    .appraisal-insp .col-lg-4{-ms-flex: inherit;flex: inherit;max-width: inherit;}
  
    .graphical .col-sm-6{ margin-bottom: 50px;}
    .float-right2 {    float: left;display: inline-block;margin-left: 50px;}
    .float-right2 .gray-col{margin-right: 0; }
    .full-insep{margin-bottom: 20px;}
    
    	.header-with-btn h1 {
    margin-right: 0;
    padding-bottom: 10px;
}
.list-links a.pl-md-4{
    padding-right: 0px;
}

/*.input-search {
    bottom: 12px;
}*/	
  .role-filter{margin-top: 10px;} 
    .filter-section .content1{height:auto;}
    .tag-section{max-height: 180px;height: auto;padding-top: 10px;}
    .final-sell-price-box .list li{padding-top: 10px;}
    .final-sell-price-box {padding: 30px 15px;}
    .final-sell-price-box .list li:first-child{padding-top: 10px;display: flex;flex-direction: column;}
    .final-sell-price-box .list li:first-child h4{margin-bottom: 15px;}
    .final-sell-price-box .list li:first-child .custom-control{margin-bottom: 10px;}
    .gray-col-light2 {    margin-left: 36px;}
    hr.custom-line{margin-top: 20px;}
    .appraisal-insp .row.mb-5{margin-bottom: 1rem !important;}
    .admin-costs .row.mb-5{margin-bottom: 1rem !important;}
    
    #features-coll .col-md-6{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .footer-btns{text-align: center;}
    
      .inventory-create-packet .table-transparent{margin-top: 20px !important;}
     .note-txt {    float: left;}
    .form .row.mb-5{margin-bottom: 1rem !important;}
   
    .graphical-sm::after{left: 10px;right: auto;width: 420px;}
    
    .marr20 .gray-col-light{margin-right: 0px;margin-left: 22px;}
    .row-graph{justify-content: inherit;}
    .bot10{left: 22px;}
    .tyre.graphical .col-sm-6{justify-content: inherit;}
    .tyre.graphical .col-sm-6:first-child .gray-col-light2{margin-left: 76px;}
     .tyre.graphical .col-sm-6:first-child .float-right2{margin-left: 79px;}
    .tyre.graphical .col-sm-6:last-child .gray-col-light {   margin-left: 0px;}
    .tyre.graphical .col-sm-6:last-child .float-right2{margin-left: 46px;}
    .gray-col-light{margin-left: 3px;margin-right: 26px;}
    .tyre.graphical .rb{left: 0px;}

     .rb1{left: 4px;}
.graphical5 {    width: 560px;}
    .tyre.graphical {    width: 406px;}
    .tyre.graphical .col-sm-6:first-child .gray-col-light2 {    margin-left: 35px;}
    .tyre.graphical .col-sm-6:first-child .graph-wrap:first-child{}
.form-action {    margin-top: 0px;}
}

@media (max-width: 640px) {
    .graph-header {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
}
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
    .graphical::after{ display: none;}
    .graphical .col-sm-6::after{ background: #DFEAF4;height: 10px;position: absolute;top: 75px;margin: auto;width: 210px;content: "";z-index: -1;left: 10px;}
    
    .graphical-sm .col-sm-6::after{width: 170px;}
    .tyre.graphical .col-sm-6:first-child .gray-col-light2 {    margin-left: 77px;}
    .tyre.graphical .col-sm-6:last-child .float-right2 {    margin-left: 79px;}
}

@media (max-width: 567px) {
    .role-filter{flex-direction: column;width: 100%;margin-top: 10px;}
    .search-create{margin-bottom: 15px !important;}
    .role-drop{margin-bottom: 10px !important;}
    .page-no-dropdown label{ margin-bottom: 0px;}
    .table-list form{margin-bottom: 10px;}
}

@media (max-width: 414px) {
    .f_sell-head h3 {
        font-size: 16px;
    }
    .f_sell-head h2 {
    font-size: 30px;
    }
}
@media (max-width: 320px) {
	.pagination .page-link {
    margin-left: -20px;
}
}

/*Responsive CSS End Here*/

.mCustomScrollBox {
    overflow: auto !important;
}