.treeview-menu > li.active {
    background: #26b29b;
}
.treeview-menu > li.active > a {
    color: white !important;
}
.dt-buttons {
    float: left;
}
/*
* Start
* Added By : Sumit Joshi
*/
/* .login-page {
  background-color: #384b8f !important;
} */
.login-box,
.register-box {
    width: 550px;
    margin: 0% auto;
}
.logo-img-login {
    margin-top: 50px;
    height: 80px;
    /* width: 100px; */
}
/* .login-logo a,
.register-logo a {
  color: #ffffff;
} */
.profile-user-img {
    height: 100px;
}
.profile-user-img-view {
    display: initial;
    height: 150px;
    width: 150px;
}
.profile-user-img-preview {
    display: initial;
    height: 50px;
    width: 50px;
    padding: 1px;
    border: 1px solid #d2d6de;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 28px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.form-group .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

input:checked + .slider {
    background-color: #26b29b;
}

input:focus + .slider {
    box-shadow: 0 0 1px #26b29b;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.btn-primary {
    background-color: #0a2b3e;
    border-color: #0a2b3e;
}
.btn-primary:focus,
.btn-primary:hover {
    color: #0a2b3e;
    background: #26b29b !important;
}
.box.box-primary {
    border-top-color: #0a2b3e;
}

.btn-primary-second {
    background-color: #26b29b;
    border-color: #26b29b;
}
.btn-primary-second:focus,
.btn-primary-second:hover {
    color: #26b29b;
    background: #0a2b3e !important;
}
.box.box-primary-second {
    border-top-color: #26b29b;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #0a2b3e;
    border-color: #0a2b3e;
}
.navbar-nav > .user-menu > .dropdown-menu {
    width: 445px;
}

.list-group-unbordered > .list-group-item {
    overflow: auto;
    background: #ddd;
    padding: 10px 12px;
    min-height: 42px;
}

.list-group {
    padding-left: 0;
    margin-bottom: 15px;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #0a2b3e;
}
.line-height2 {
    line-height: 2.4;
    word-wrap: break-word;
}
a {
    color: #0a2b3e;
}
.content-header > .breadcrumb > li > a {
    color: #0a2b3e;
}
.main-footer {
    color: #0a2b3e;
    background: #26b29b;
}
.label-gender {
    margin-left: 10px;
}
.remove_new_appointment{
  background: #bb2020;
  border: none;
  display: inline-block !important;
  padding: 7px 20px !important;
  border: none;
  border-radius: 100px;
  color: #fff !important;
  font-size: 16px !important;
  line-height: 20px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}
.display-flex{
  display: flex;
}
.margin-2{
  margin: 2px;
}
.btn-info{
  background-color: #26b29b;
  border-color: #26b29b;
}
.btn-info:hover{
  background-color: #0a2b3e;
  border-color: #0a2b3e;
}
.btn-primary:hover{
  color: #fff;
  border-color: #26b29b;
}
@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
        background: #f9fafc;
    }
    .remove_added_row {
      margin-top:10px;
    }
    .details_btn .btn_add{
      margin-top: 10px;
    }
}
@media only screen and (max-width: 767px) {
  .remove-row-btn {
    float: right !important;
  }
  .remove_added_row {
    margin-top:10px;
  }
  .input-group{
    display: block;
  }
  .details_btn .btn_add{
    clear: both;
    margin-top: 10px;
  }
  select.damage_type_main{
    width:85% !important;
  }
  select.damage_type_sub {
    width:67% !important;
    margin:5px;
  }
}
.damage_type_sub {
  width:90% !important;
  margin:5px;
}
.img_center_box {
    text-align: center;
}
.img_center_box img {
    display: inline-block;
}
li.lslide {
    height: 250px;
    margin: auto !important;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 329px !important;
    border: 1px solid #cecece;
    margin-right: 0px !important;
}
li.lslide .img_center_box {
    display: table-cell;
    height: 250px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 329px;
}
li.lslide .img_center_box img {
    border: medium none !important;
    float: none !important;
    margin: auto !important;
    min-height: inherit;
    min-width: inherit;
    border-radius: 0px !important;
    padding: 10px;
    height: 100%;
}

.form-group-bg {
    background-color: #ecf0f5;
}
h2.resp-accordion {
    font-size: 18px !important;
}
.hideextra {
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow:ellipsis !important;
  resize: horizontal;
}
.dataTables_filter{
  margin-left: 10px;
}
.help-block {
  color: #dd4b39 !important;
}
.block_innerdiv{
  border: 10px solid #f3f3f3;
  border-top: 10px solid #77ded0;
  border-radius: 50%;
  height:66px;
  width:66px;
  display:inline-block;
  animation: spin 2s linear infinite;
}
.block_outerdiv{
  width:100%;opacity:0.7;
  display:none;
  position:absolute;
  z-index:1102;
  margin:0 auto;
  text-align:center;
  background-image:url(../../../images/trans-bg_2.png);
  background-repeat:repeat;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/* .skin-purple-light .sidebar>.sidebar-menu>li.active>a{
  color: #26b29b!important;
  background: none;
}
.skin-purple-light .sidebar>.sidebar-menu>li>a:hover{
  color: #26b29b!important;
  background: none;
}
ul.sidebar-menu li{
   border-bottom: 1px solid #4b4a4a!important;
}
.skin-purple-light .treeview-menu>li>a:hover {
  background-color: #ebebeb !important;
}
.skin-purple-light .treeview-menu>li.active>a{
  background-color: #ebebeb !important;
}*/
.skin-purple-light .sidebar-menu > li > .treeview-menu {
  background: #1d3442;
}
ul.treeview-menu > li.active > a{
  color: #26b29b !important;
  background: none;
}
ul.treeview-menu > li.active{
  color: #26b29b !important;
  background: none;
}
ul.treeview-menu > li.active{
  color: #26b29b !important;
  background: none;
}

.m-0 { margin:0!important; }
.m-1 { margin:.25rem!important; }
.m-2 { margin:.5rem!important; }
.m-3 { margin:1rem!important; }
.m-4 { margin:1.5rem!important; }
.m-5 { margin:3rem!important; }

.mt-0 { margin-top:0!important; }
.mr-0 { margin-right:0!important; }
.mb-0 { margin-bottom:0!important; }
.ml-0 { margin-left:0!important; }
.mx-0 { margin-left:0!important;margin-right:0!important; }
.my-0 { margin-top:0!important;margin-bottom:0!important; }

.mt-1 { margin-top:.25rem!important; }
.mr-1 { margin-right:.25rem!important; }
.mb-1 { margin-bottom:.25rem!important; }
.ml-1 { margin-left:.25rem!important; }
.mx-1 { margin-left:.25rem!important;margin-right:.25rem!important; }
.my-1 { margin-top:.25rem!important;margin-bottom:.25rem!important; }

.mt-2 { margin-top:.5rem!important; }
.mr-2 { margin-right:.5rem!important; }
.mb-2 { margin-bottom:.5rem!important; }
.ml-2 { margin-left:.5rem!important; }
.mx-2 { margin-right:.5rem!important;margin-left:.5rem!important; }
.my-2 { margin-top:.5rem!important;margin-bottom:.5rem!important; }`

.mt-3 { margin-top:1rem!important; }
.mr-3 { margin-right:1rem!important; }
.mb-3 { margin-bottom:1rem!important; }
.ml-3 { margin-left:1rem!important; }
.mx-3 { margin-right:1rem!important;margin-left:1rem!important; }
.my-3 { margin-bottom:1rem!important;margin-top:1rem!important; }

.mt-4 { margin-top:1.5rem!important; }
.mr-4 { margin-right:1.5rem!important; }
.mb-4 { margin-bottom:1.5rem!important; }
.ml-4 { margin-left:1.5rem!important; }
.mx-4 { margin-right:1.5rem!important;margin-left:1.5rem!important; }
.my-4 { margin-top:1.5rem!important;margin-bottom:1.5rem!important; }

.mt-5 { margin-top:3rem!important; }
.mr-5 { margin-right:3rem!important; }
.mb-5 { margin-bottom:3rem!important; }
.ml-5 { margin-left:3rem!important; }
.mx-5 { margin-right:3rem!important;margin-left:3rem!important; }
.my-5 { margin-top:3rem!important;margin-bottom:3rem!important; }

.mt-auto { margin-top:auto!important; }
.mr-auto { margin-right:auto!important; }
.mb-auto { margin-bottom:auto!important; }
.ml-auto { margin-left:auto!important; }
.mx-auto { margin-right:auto!important;margin-left:auto!important; }
.my-auto { margin-bottom:auto!important;margin-top:auto!important; }

.p-0 { padding:0!important; }
.p-1 { padding:.25rem!important; }
.p-2 { padding:.5rem!important; }
.p-3 { padding:1rem!important; }
.p-4 { padding:1.5rem!important; }
.p-5 { padding:3rem!important; }

.pt-0 { padding-top:0!important; }
.pr-0 { padding-right:0!important; }
.pb-0 { padding-bottom:0!important; }
.pl-0 { padding-left:0!important; }
.px-0 { padding-left:0!important;padding-right:0!important; }
.py-0 { padding-top:0!important;padding-bottom:0!important; }

.pt-1 { padding-top:.25rem!important; }
.pr-1 { padding-right:.25rem!important; }
.pb-1 { padding-bottom:.25rem!important; }
.pl-1 { padding-left:.25rem!important; }
.px-1 { padding-left:.25rem!important;padding-right:.25rem!important; }
.py-1 { padding-top:.25rem!important;padding-bottom:.25rem!important; }

.pt-2 { padding-top:.5rem!important; }
.pr-2 { padding-right:.5rem!important; }
.pb-2 { padding-bottom:.5rem!important; }
.pl-2 { padding-left:.5rem!important; }
.px-2 { padding-right:.5rem!important;padding-left:.5rem!important; }
.py-2 { padding-top:.5rem!important;padding-bottom:.5rem!important; }

.pt-3 { padding-top:1rem!important; }
.pr-3 { padding-right:1rem!important; }
.pb-3 { padding-bottom:1rem!important; }
.pl-3 { padding-left:1rem!important; }
.py-3 { padding-bottom:1rem!important;padding-top:1rem!important; }
.px-3 { padding-right:1rem!important;padding-left:1rem!important; }

.pt-4 { padding-top:1.5rem!important; }
.pr-4 { padding-right:1.5rem!important; }
.pb-4 { padding-bottom:1.5rem!important; }
.pl-4 { padding-left:1.5rem!important; }
.px-4 { padding-right:1.5rem!important;padding-left:1.5rem!important; }
.py-4 { padding-top:1.5rem!important;padding-bottom:1.5rem!important; }

.pt-5 { padding-top:2rem!important; }
.pr-5 { padding-right:2rem!important; }
.pb-5 { padding-bottom:2rem!important; }
.pl-5 { padding-left:2rem!important; }
.px-5 { padding-right:2rem!important;padding-left:2rem!important; }
.py-5 { padding-top:2rem!important;padding-bottom:2rem!important; }

.modal-backdrop {
    background: rgba(0, 0, 0, .3) !important;
    position: unset !important;
}

/* https://stackoverflow.com/a/22892773/4260489 */
@media (min-width: 768px) {
    .row.equal {
        display: flex;
        flex-wrap: wrap;
    }
}

.table .sortable {
    cursor: pointer;
}

tr.clickable:hover {
    background: lightgrey;
}

tr.highlight {
    background: lightgoldenrodyellow;
}

td.clickable:hover {
    cursor: pointer;
}

td.clickable {
    padding: 0 !important;
}

td.clickable a {
    display: block;
    padding: 12px;
}

td a:hover {
    color: unset;
    text-decoration: none;
}

.form-group.required label:first-child:after {
    content: ' *';
    color: #dd4b39;
}

.pagination {
    margin: 0 !important;
}

a[target=_blank] {
    text-decoration: underline;
}

a[target=_blank]:after, button[formtarget=_blank]:after {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
    margin: 0 3px 0 5px;
}

select[multiple] {
    height: 200px; !important;
}

.font-weight-normal {
    font-weight:400!important
}

.pointer {
    cursor: pointer; !important;
}

.btn[target=_blank] {
    text-decoration: none;
}

.no-content:after {
    content: none !important;
}

.text-white {
    color: white;
}

.btn-transparent {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

.fa-md {
    font-size: 18px;
}

.fa-ringing {
    -webkit-animation: bell-ring 8s 1s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: bell-ring 8s 1s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: bell-ring 8s 1s ease-in-out infinite;
    transform-origin: 50% 4px;
}

@-webkit-keyframes bell-ring {
    0% {
        -webkit-transform: rotateZ(0);
    }
    1% {
        -webkit-transform: rotateZ(30deg);
    }
    3% {
        -webkit-transform: rotateZ(-28deg);
    }
    5% {
        -webkit-transform: rotateZ(34deg);
    }
    7% {
        -webkit-transform: rotateZ(-32deg);
    }
    9% {
        -webkit-transform: rotateZ(30deg);
    }
    11% {
        -webkit-transform: rotateZ(-28deg);
    }
    13% {
        -webkit-transform: rotateZ(26deg);
    }
    15% {
        -webkit-transform: rotateZ(-24deg);
    }
    17% {
        -webkit-transform: rotateZ(22deg);
    }
    19% {
        -webkit-transform: rotateZ(-20deg);
    }
    21% {
        -webkit-transform: rotateZ(18deg);
    }
    23% {
        -webkit-transform: rotateZ(-16deg);
    }
    25% {
        -webkit-transform: rotateZ(14deg);
    }
    27% {
        -webkit-transform: rotateZ(-12deg);
    }
    29% {
        -webkit-transform: rotateZ(10deg);
    }
    31% {
        -webkit-transform: rotateZ(-8deg);
    }
    33% {
        -webkit-transform: rotateZ(6deg);
    }
    35% {
        -webkit-transform: rotateZ(-4deg);
    }
    37% {
        -webkit-transform: rotateZ(2deg);
    }
    39% {
        -webkit-transform: rotateZ(-1deg);
    }
    41% {
        -webkit-transform: rotateZ(1deg);
    }
    43% {
        -webkit-transform: rotateZ(0);
    }
    100% {
        -webkit-transform: rotateZ(0);
    }
}

@-moz-keyframes bell-ring {
    0% {
        -moz-transform: rotate(0);
    }
    1% {
        -moz-transform: rotate(30deg);
    }
    3% {
        -moz-transform: rotate(-28deg);
    }
    5% {
        -moz-transform: rotate(34deg);
    }
    7% {
        -moz-transform: rotate(-32deg);
    }
    9% {
        -moz-transform: rotate(30deg);
    }
    11% {
        -moz-transform: rotate(-28deg);
    }
    13% {
        -moz-transform: rotate(26deg);
    }
    15% {
        -moz-transform: rotate(-24deg);
    }
    17% {
        -moz-transform: rotate(22deg);
    }
    19% {
        -moz-transform: rotate(-20deg);
    }
    21% {
        -moz-transform: rotate(18deg);
    }
    23% {
        -moz-transform: rotate(-16deg);
    }
    25% {
        -moz-transform: rotate(14deg);
    }
    27% {
        -moz-transform: rotate(-12deg);
    }
    29% {
        -moz-transform: rotate(10deg);
    }
    31% {
        -moz-transform: rotate(-8deg);
    }
    33% {
        -moz-transform: rotate(6deg);
    }
    35% {
        -moz-transform: rotate(-4deg);
    }
    37% {
        -moz-transform: rotate(2deg);
    }
    39% {
        -moz-transform: rotate(-1deg);
    }
    41% {
        -moz-transform: rotate(1deg);
    }
    43% {
        -moz-transform: rotate(0);
    }
    100% {
        -moz-transform: rotate(0);
    }
}

@keyframes bell-ring {
    0% {
        transform: rotate(0);
    }
    1% {
        transform: rotate(30deg);
    }
    3% {
        transform: rotate(-28deg);
    }
    5% {
        transform: rotate(34deg);
    }
    7% {
        transform: rotate(-32deg);
    }
    9% {
        transform: rotate(30deg);
    }
    11% {
        transform: rotate(-28deg);
    }
    13% {
        transform: rotate(26deg);
    }
    15% {
        transform: rotate(-24deg);
    }
    17% {
        transform: rotate(22deg);
    }
    19% {
        transform: rotate(-20deg);
    }
    21% {
        transform: rotate(18deg);
    }
    23% {
        transform: rotate(-16deg);
    }
    25% {
        transform: rotate(14deg);
    }
    27% {
        transform: rotate(-12deg);
    }
    29% {
        transform: rotate(10deg);
    }
    31% {
        transform: rotate(-8deg);
    }
    33% {
        transform: rotate(6deg);
    }
    35% {
        transform: rotate(-4deg);
    }
    37% {
        transform: rotate(2deg);
    }
    39% {
        transform: rotate(-1deg);
    }
    41% {
        transform: rotate(1deg);
    }
    43% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(0);
    }
}

.box-shadow-sm {
    border: 2px solid gray;
    border-radius: 4px !important;
    box-shadow: 6px 6px 4px gray;
}

ul.no-bullets {
    list-style-type: none; /* Remove bullets */
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margins */
}

.wizard-container li {
    background: transparent;
    margin: 0 8px;
    z-index: 2;
}

.wizard-step-container {
    color: inherit;
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 5vw;
}

.wizard-step {
    background: #ddd;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    margin: 1px auto;
}

.wizard-step.success {
    background-color: #5cb85c;
}

.wizard-step.pending {
    background-color: #ddd;
}

.dropzone-inline {
    background: revert;
    border: revert;
    padding: revert;
    min-height: revert;
}

.dropzone-inline .dz-message {
    margin: revert;
    text-align: revert;
}

.dropzone-inline .dz-preview {
    margin: revert;
    min-height: revert;
}

.dropzone-inline .dz-preview .dz-progress {
    position: revert;
    left: revert;
    right: revert;
    width: revert;
    margin-top: revert;
    margin-left: revert;
    height: 8px;
}

.dropzone .dz-preview .dz-progress {

}

.bg-white {
    background-color: white;
}

/*.dropzone .dz-preview .dz-error-mark {*/
/*    !*opacity: revert;*!*/
/*    color: red;*/
/*    position: revert;*/
/*    top: revert;*/
/*    left: revert;*/
/*    margin-left: revert;*/
/*    margin-top: revert;*/
/*    animation: revert;*/
/*}*/

/*.dropzone .dz-preview .dz-success-mark {*/
/*    !*opacity: revert;*!*/
/*    color: green;*/
/*    position: revert;*/
/*    top: revert;*/
/*    left: revert;*/
/*    margin-left: revert;*/
/*    margin-top: revert;*/
/*    animation: revert;*/
/*}*/

/*
* End
*/