/* TABLE LOADER */
.table_loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #9e9e9e14;
}

.table_loader .tl_inner {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 120px;
  height: 120px;
  transform: translate(-50%, -50%);
}

.table_loader .tl_inner img{
  width: 80%;
}

.table_loader .tl_inner .tl_text{
  position: absolute;
  top: 80px;
  left: 25px;
  font-size: 16px;
}

div.dataTables_wrapper div.dataTables_processing{
  position: static!important;
  background-color: transparent;
}


/* custom form css */

.form-control::-webkit-input-placeholder {
    color: #79829c;
}

.form-control::-moz-placeholder {
    color: #79829c;
}

.form-control:-ms-input-placeholder {
    color: #79829c;
}

.form-control:-moz-placeholder {
    color: #79829c;
}

/* custom table css */

.table.last-row-bb0>:not(caption):last-child>*:last-child >* {
    border-bottom: none;
}

.main_div{
    position: relative !important;
    padding-left: 14px !important;
}
.check_icon{
    position: absolute !important;
    left: 0 !important;
}
@media (min-width: 768px) { 
    div.main_div{
        position: relative;
        padding-left: 14px;
    }
    div.check_icon{
        position: absolute;
        left: 225px;
    }
 }


/* Offcanvas Application History  */

#offcanvasRight ~ .modal-backdrop.fade.show {
    z-index: 1040 !important;
}


/* Sidebar CSS  */
.navbar-brand-box ,.vertical-menu{
    background-color: #160557 !important;
}
.metismenu li a :hover {
    color: #2de1b0 !important ;
}
.metismenu li i :hover {
    color: #2de1b0 !important ;
}
/* #sidebar-menu ul li a {
    color: #fff !important;
} */

body[data-sidebar=dark] .mm-active>a,
body[data-sidebar=dark] .mm-active>i,
body[data-sidebar=dark] .mm-active>a i,
body[data-sidebar=dark] .mm-active .active,
body[data-sidebar=dark] .mm-active .active i {
    color: #2de1b0!important;
}

#sidebar-menu ul li a:hover {
    color: #2de1b0 !important ;
}
#sidebar-menu ul li a i:hover {
    color: #2de1b0 !important ;
}
#side-menu li a :hover {
    color: #2de1b0 !important ;
}
#sidebar-menu ul li a:hover i {
    color: #2de1b0 !important ;
}
body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {
    color: #2de1b0!important;
}
body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i {
    color: #2de1b0!important;
}
body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a {
    background: #160557!important;
    color: #2de1b0!important;
}
body[data-sidebar=dark] .mm-active {
    color: #2de1b0!important;
}
body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu>ul ul {
    background-color: #160557 !important;
}
body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a i {
    color: #2de1b0!important;
}

.navbar-header .navbar-brand-box .logo .logo-lg img {
    /* max-height: 70px;
    max-width: 202px; */
    max-height: 50px;
    max-width: 180px;
    /* margin-bottom:-10px; */
    margin-bottom: -40px;
}
.vertical-menu {
  padding-top: 30px;
  }
.navbar-header .navbar-brand-box .logo .logo-sm img {
    max-height: 70px;
    max-width: 22px;
    
}

/* AUTH PAGE */
.account-pages .terms-detail {
  max-height: 245px;
  background-color: #cfd6f614;
  padding: 10px;
  border: 1px solid #cfd6f640;
  border-radius: 10px;
}

.account-pages .auth-logo-light img,
.account-pages .auth-logo-dark img {
    max-height: 70px;
    max-width: 50px;
}

/* LoanquoDocs CSS */
.document_page .blockquote {
    padding: 10px 20px !important;
    border-left: 4px solid #eea236 !important;
    background-color: #fcf8f2 !important;
}

/* Loader */
.siteLoader {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgb(0 0 0 / 50%);
  z-index: 99;
}
.loader {
  color: #ffffff;
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 72px auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/* Instance Settings --> Term & Condition Page CSS || timyMCE editor */
.initial-loading {
  position: fixed;
  z-index: 99;
  top: 5%;
  left: 5%;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDFweCIgIGhlaWdodD0iNDFweCIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBjbGFzcz0ibGRzLXJvbGxpbmciPiAgICA8Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiBmaWxsPSJub25lIiBuZy1hdHRyLXN0cm9rZT0ie3tjb25maWcuY29sb3J9fSIgbmctYXR0ci1zdHJva2Utd2lkdGg9Int7Y29uZmlnLndpZHRofX0iIG5nLWF0dHItcj0ie3tjb25maWcucmFkaXVzfX0iIG5nLWF0dHItc3Ryb2tlLWRhc2hhcnJheT0ie3tjb25maWcuZGFzaGFycmF5fX0iIHN0cm9rZT0iIzAxOTBmZSIgc3Ryb2tlLXdpZHRoPSIxMCIgcj0iMzUiIHN0cm9rZS1kYXNoYXJyYXk9IjE2NC45MzM2MTQzMTM0NjQxNSA1Ni45Nzc4NzE0Mzc4MjEzOCIgdHJhbnNmb3JtPSJyb3RhdGUoODQgNTAgNTApIj4gICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgY2FsY01vZGU9ImxpbmVhciIgdmFsdWVzPSIwIDUwIDUwOzM2MCA1MCA1MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPiAgICA8L2NpcmNsZT4gIDwvc3ZnPg==);
  background-color: #f2f4f8;
}

.tox .tox-menubar {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E")
    left 0 top 0 #fff !important;
  background-color: #fff;
  display: flex;
  flex: 0 0 auto;
  flex-shrink: 0;
  flex-wrap: wrap;
  padding: 0 4px 0 4px;
}
.tox .tox-tbtn:hover {
  background: #dee0e2 !important;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}

.tox .tox-statusbar {
  align-items: center;
  background-color: #fff !important;
  border-top: 1px solid #ccc !important;
  color: rgba(34,47,62,.7);
  display: flex;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 400;
  height: 18px;
  overflow: hidden;
  padding: 0 8px;
  position: relative;
  text-transform: uppercase;
}

/* All DataTable Page CSS */

.dt_long_search div.dataTables_wrapper div.dataTables_filter label {
  display: block;
}

.dt_long_search div.dataTables_wrapper div.dataTables_filter input {
  width: 100%;
  display: inline-block;
  max-width: 100%;
  margin: 0;
}
@media (max-width: 767px) { 
  .dt_long_search .col-sm-12 {
    padding: 0;
  } 
  
}
.circle_btn_size{
  font-size: 24px;
}

/* Custom Switch Color */

.switch_green .form-check-input:checked {
  background-color: #34c38f !important;
  border-color: #34c38f !important;
}

/* Custom responsive (select2) width set for
 Master Setting -> Manage Role Access-> Action - Edit, Edit Access page Select UserRoles To Disable CSS  */

span.select2-selection.select2-selection--multiple {
  padding: 0.15rem 0.25rem;
  width: 100%;
  max-width: 100%;
}
.select2 {
  width:100%!important;
}

/* Custom Height Set for collpse in Full Project */
body[data-sidebar=dark].vertical-collpsed {
  min-height: 100vh !important;
}


/* Custom Height Set for collpse in Full Project */
body[data-sidebar=dark].vertical-collpsed .vertical-menu .simplebar-wrapper {
 margin: -30px !important;
}


/* CSS for Table Action Dropdown btn */

      /* for Action Dropdown */
table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
  display: flex;
  align-items: center;
}

      /* for switch */
table.dataTable>tbody>tr.child ul.dtr-details>li{
  display:flex
}
table.dataTable>tbody>tr.child span.dtr-title {
  padding-right: 10px;
}


/* Special Offers css */
.special_offer_label {
  background-color: #ff8a2b;
  left: -6px;
  top: 0;
}

.special_offer_label .left_triangle {
  border-top: 0px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #df751f;
  top: 100%;
  position: absolute;
  left: 0px;
}

.special_offer_label .right_triangle {
  position: absolute;
  top: 0px;
  left: 100%;
  margin-left: 1px;
  width: 26px;
  height: 18px;
  background-color: #ff8a2b;
}

.special_offer_label .right_triangle:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 18px;
  height: 18px;
  background-color: white;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}