.brand-link{    padding: 1px 10px 0; }
.brand-link .brand-image{max-height:60px;}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;800&display=swap');

body{
    font-family: 'Poppins', sans-serif;
}
* {
    margin: 0;
    padding: 0;
}
i {
    margin-right: 10px;
}

/*------------------------*/
input:focus,
button:focus,
.form-control:focus{
    outline: none;
    box-shadow: none;
}
.form-control:disabled, .form-control[readonly]{
    background-color: #fff;
}
/*----------step-wizard------------*/
.d-flex{
    display: flex;
}
.justify-content-center{
    justify-content: center;
}
.align-items-center{
    align-items: center;
}

/*---------signup-step-------------*/
.bg-color{
    background-color: #333;
}
.signup-step-container{
    padding: 150px 0px;
    padding-bottom: 60px;
}




    .wizard .nav-tabs {
        position: relative;
        margin-bottom: 0;
        border-bottom-color: transparent;
    }

    .wizard > div.wizard-inner {
            position: relative;
    margin-bottom: 30px;
    text-align: center;
    }

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 50%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 15px;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 16px;
    color: #0e214b;
    font-weight: 500;
    border: 1px solid #ddd;
}
span.round-tab i{
    color:#555555;
}
.wizard li.active span.round-tab {
        background: #0db02b;
    color: #fff;
    border-color: #0db02b;
}
.wizard li.active span.round-tab i{
    color: #5bc0de;
}
.wizard .nav-tabs > li.active > a i{
    color: #0db02b;
}

.wizard .nav-tabs > li {
    width: 25%;margin: 0 auto;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: red;
    transition: 0.1s ease-in-out;
}



.wizard .nav-tabs > li a {
    width: 30px;
    height: 30px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
    background-color: transparent;
    position: relative;
    top: 0;
}
.wizard .nav-tabs > li a i{
    position: absolute;
    top: -15px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
    left: 50%;
    transform: translate(-40%, -50%);
    font-size: 14px;
    font-weight: 700;
    color: #000;
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.wizard .tab-pane {
    position: relative;
    padding-top: 10px;
}
.wizard .tab-pane h4 {margin-bottom: 10px;   font-size: 22px; }
ul.list-inline.pull-right { text-align: right;padding: 0px;margin-bottom: 0; }

.wizard h3 {
    margin-top: 0;
}
.prev-step,
.next-step{
    font-size: 13px;
    padding: 8px 24px;
    border: none;
    border-radius: 4px;
    margin-top: 10px;
}
.next-step{color: #fff;
    background-color: #0c4477;
}
.skip-btn{
    background-color: #cec12d;
}
.step-head{
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 20px;
}
.term-check{
    font-size: 14px;
    font-weight: 400;
}
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 40px;
    margin-bottom: 0;
}
.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 40px;
    margin: 0;
    opacity: 0;
}
.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 40px;
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 2;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 38px;
    padding: .375rem .75rem;
    line-height: 2;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0;
}
.footer-link{
    margin-top: 30px;
}
.all-info-container{

}
.list-content{
    margin-bottom: 10px;
}
.list-content a{
    padding: 10px 15px;
    width: 100%;
    display: inline-block;
    background-color: #f5f5f5;
    position: relative;
    color: #565656;
    font-weight: 400;
    border-radius: 4px;
}
.list-content a[aria-expanded="true"] i{
    transform: rotate(180deg);
}
.list-content a i{
    text-align: right;
    position: absolute;
    top: 15px;
    right: 10px;
    transition: 0.5s;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fdfdfd;
}
.list-box{
    padding: 10px;
}
.signup-logo-header .logo_area{
    width: 200px;
}
.signup-logo-header .nav > li{
    padding: 0;
}
.signup-logo-header .header-flex{
    display: flex;
    justify-content: center;
    align-items: center;
}
.list-inline li{
    display: inline-block;
}
.pull-right{
    float: right;
}
/*-----------custom-checkbox-----------*/
/*----------Custom-Checkbox---------*/
input[type="checkbox"]{
    position: relative;
    display: inline-block;
    margin-right: 5px;
}
input[type="checkbox"]::before,
input[type="checkbox"]::after {
    position: absolute;
    content: "";
    display: inline-block;   
}
input[type="checkbox"]::before{
    height: 16px;
    width: 16px;
    border: 1px solid #999;
    left: 0px;
    top: 0px;
    background-color: #fff;
    border-radius: 2px;
}
input[type="checkbox"]::after{
    height: 5px;
    width: 9px;
    left: 4px;
    top: 4px;
}
input[type="checkbox"]:checked::after{
    content: "";
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
}
input[type="checkbox"]:checked::before{
    background-color: #18ba60;
    border-color: #18ba60;
}


/*Css add by Rajendra Chandeliya*/

.sidebar.os-host {     overflow: hidden!important; }
.login-page .login-box, .register-box { max-width: 470px;width: 100%;}
/*.login_card_hader img { max-height:70px; }*/
.login-page .login_card_hader {border-bottom: 0; }
.login-page .login-box .card, .register-box .card {
    margin-bottom: 0;
    border-radius: 10px;
    padding: 10px 15px;
}

.login-page .login-box .input-group.mb-3 { margin-bottom: 1.3rem!important; }

.btn-primary, .btn-success{background-color: #0c4477;    border-color: #0c4477;}
.icheck-primary>input:first-child:checked+input[type=hidden]+label::before, 
.icheck-primary>input:first-child:checked+label::before{    background-color: #b92a2e;border-color: #b92a2e;}
.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before, 
.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before
{ border-color: #b92a2e;}
.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before, 
.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before
.card-primary.card-outline {  border-top: 3px solid #0c4477;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0c4477;
}
[class*=sidebar-dark-] {
    background-color: #090f2e;
}
.nav-sidebar .nav-link>.right, .nav-sidebar .nav-link>p>.right { right: 0; }
.active .bs-stepper-circle { background-color: #005eb4;}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #005eb3;
    color: #fff;
}

a.label.label-sm.label-danger {  color: red;}
a.label.label-sm.label-success { color: green;}
td .btn { color: #005eb3; }
.modal-header { background: #005eb3; padding: 10px 15px;}
.modal-header h4 { color: #fff;font-size: 16px;font-weight: 400; }
.modal-header .close {color: #e8e8e8;opacity: 1;font-weight: normal;}
.page-item.active .page-link { background-color: #005eb3;  border-color: #005eb3; }
.form-control {
    border-radius: 5px !important;
    color: #797997;
    border-color: #e4e6ef !important;font-size:13px;
}
label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 500;
}
label {  font-weight: 500;}
.btn { font-size: 14px; }

form .row { align-items: flex-start; }
#user_add form label { width: 100%; }
#update_user_info form label { width: 100%; }
.far.fa-circle.nav-icon { font-size: .8rem!important; }
div.loader { background: rgba(0,0,0, .1)!important; opacity: 1!important;}
td a.btn.btn-sm { padding: 0; }
.breadcrumb { background-color: transparent;margin-bottom: 0;  padding: 7px 0 0; }
.wizard { margin-top: 35px; }
.content-header {  padding: 10px .5rem;}
.card { box-shadow: 0 3px 15px rgb(0 0 0 / 6%) ;height:calc(100% - 15px);}
table.table-bordered.dataTable th { border-left-width: 0; border-top: 0;font-size: 13px;border-bottom: 0; }
table.table-bordered.dataTable td { border-left-width: 0; font-size: 12px; }
.table-striped tbody tr:nth-of-type(odd) { background-color: transparent;}
.table-striped tbody tr:nth-of-type(even) { background-color: #f6f8fd;}
.bottom { align-items: center;margin-top: 10px; }
.bottom .row { align-items: center; }
.bottom .row label { margin-bottom: 0; }
body { font-size: 14px; }
.card-body { padding: 1rem 1.25rem; }
.card-header.card-header-fixed { position: fixed; right: 25px;  bottom: 10%; padding: 0;border-bottom: 0;z-index: 9999999}
.card-header.card-header-fixed .btn { padding: 13px 18px;  border-radius: 50px;}
.card-header.card-header-fixed .btn i { margin-right: 0px;}
.add_more_price_row.vehicle_name_count {
    background: #f9f9f9;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px;border: 1px dashed #ccc;
}
.main-footer { padding: 10px 15px; font-size: 13px;}
div.dataTables_wrapper .bottom div.dataTables_info { padding-top: 0; text-align: right;}
.main-footer b, .main-footer strong { font-weight: 500; }

.more-add-ques a.remove-vechile-name {
    background: #fff;
    padding: 9px 12px;
    position: relative;
    top: 37px;
    border: 1px solid red;
    border-radius: 4px;
}
.more-add-ques a.remove-room-name i { margin-right: 0; }
.more-add-ques a.remove-room-name {
    background: #fff;
    padding: 9px 12px;
    position: relative;
    top: 5px;
    border: 1px solid red;
    border-radius: 4px;
}
.col-sm-5.text-right #addvehicle {margin-top: 20px;  }
.more-add-ques a.remove-vechile-name i { margin-right: 0; }

.file-upload { display: block; text-align: center;  margin-top: 20px;  font-size: 13px;width: 100%;margin-bottom: 10px;}
.file-upload .file-select { display: block; border: 1px solid #dce4ec; color: #34495e;border-radius: 5px;
    cursor: pointer; height: 38px; line-height: 31px; text-align: left; background: #FFFFFF;
    overflow: hidden;  position: relative;}
.file-upload .file-select .file-select-button {
    background: #dce4ec;
    vertical-align: top;
    padding: 2px 10px;
    display: inline-block;
    height: 38px;
    line-height: 30px;
    width: 30%;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
}  
.file-upload .file-select .file-select-name {
    line-height: 31px;
    display: inline-block;
    padding: 3px 2px;
    font-size: 11px;
    width: auto;
    white-space: nowrap;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    margin: 0;
    background: white;
    resize: horizontal;
}  
.file-upload .file-select input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
.file-upload ~ img {     border: 1px #ccc; border-style: dashed;padding: 3px;border-radius: 5px; }

.file-upload small { font-style: italic;color: red; }

.select2.select2-container { width: inherit !important; }

.room_name_count .options_div {background: #f9f9f9;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px;border: 1px dashed #ccc;  }
.add_more_price_row.room_name_count { background: #f1f1f1;
    padding: 15px; border-radius: 5px; margin-bottom: 15px;border: 1px solid #ccc; }
    
.padding-add-bottom .prev-step, .padding-add-bottom .next-step { margin-top: 0; }  

.bg-with-border { background: #f1f1f1;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
    border: 1px solid #ccc; }  

.box-color-css { border-radius: 10px;
    padding:9px 15px;
    box-shadow:none;
    margin-bottom:10px;background: #fdfdfd; border: 1px solid #e9e9e9;}
.content-wrapper {
    background-color:transparent;
} 

.dropdown .dropdown-toggle::after { border-color: initial;
    border-style: solid;
    border-width: 0 0 2px 2px;
    content: "";
    height: 0.5em;
    display: inline-block;
    right: 5px;
    top: 50%;
    margin-left: 10px;
    transform: rotate(
-45deg) translateY(-50%);
    transform-origin: top;
    transition: all .3s ease-out;
    width: 0.5em; margin-top: 9px;}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(0, 0, 0);
}    
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link
{ color: #c82932; }  
.dropdown:hover .dropdown-menu { display: block; }  
.dropdown-menu:before {
    content: '';
    background-color: transparent;
    border-right: 11px solid transparent;
    position: absolute;
    border-left: 11px solid transparent;
    border-bottom: 11px solid #f4f5f8;
    border-top: 11px solid transparent;
    top: -22px;
    right: 20px;
}
.dropdown-menu { right: 0; margin: 0;left: unset;}
.dropdown-item { font-size: 14px; }



.small-box.box-color-css .icon>i.ion { font-size: 28px;color: #bacfdd; } 
.col-lg-3:nth-child(1) .box-color-css .icon>i.ion {color: #0027ca  }
.col-lg-3:nth-child(2) .box-color-css .icon>i.ion {color: #f68203  }
.col-lg-3:nth-child(3) .box-color-css .icon>i.ion {color: #85c201  }
.col-lg-3:nth-child(4) .box-color-css .icon>i.ion {color: #506ee4  }
.col-lg-3:nth-child(5) .box-color-css .icon>i.ion {color: #6f1e49  }
.col-lg-3:nth-child(6) .box-color-css .icon>i.ion {color: #50b86b  }
.col-lg-3:nth-child(7) .box-color-css .icon>i.ion {color: #ec7523  }
.col-lg-3:nth-child(8) .box-color-css .icon>i.ion {color: #2bb3cd  }


.small-box.box-color-css .inner p { font-size: 14px; margin-bottom: 0}   
.box-color-css>.small-box-footer { position: absolute;bottom: 15px;  right: 20px;opacity: 0;background-color: #506ee4;
    border-radius: 50px; padding: 7px 8px; height: 32px; width: 32px; color: #fff; }
.box-color-css:hover .small-box-footer { opacity: 1; }
.box-color-css>.small-box-footer i{ margin-right: 0; }
.box-color-css>.small-box-footer:hover {background-color: #fda354;  }
/*.box-color-css:hover {background-color: #7f53ac;background-image: linear-gradient(315deg, #89d4cf 0%, #6e45e1 74%); }
.box-color-css:hover h3, .box-color-css:hover p, .box-color-css:hover .icon>i.ion {color: #fff!important; }*/

.box-color-css:hover{}

span.error.removed_option_link {
    background: #f25f5f;
    width: 100%;
    padding: 5px 10px;
    margin: 0px 9px 10px;
    border-radius: 5px;
    color: white;
}

span.error.removed_link {
    background: #f25f5f;
    width: 100%;float: left;
    padding: 5px 10px;
    margin: 0px 0px 10px;
    border-radius: 5px;
    color: white;
}
.table td, .table th { padding:5px; }
table.table-bordered.dataTable { border-radius: 5px;border-right-width: 1px; }
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
    border-right-width: 0;
}
.table.table-bordered thead {  background-color: #f1f5fa;}
.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.card-header-fixed .col-md-12{padding: 0;  }
#child-ages select { border-radius: 5px !important;
    color: #797997; border-color: #e4e6ef !important;display: inline-block;
    width: auto;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;  }

.remove-pad-right { padding-right: 0; }    
.remove-pad-left { padding-left: 0; }   
.tabing-bg { background: #eff3f6; } 
.remove-pad-right .nav-link.active {background: #eff3f6!important;color: #006cce;font-weight: 500;  }
.remove-pad-right .nav-link {color: #090f2e!important;width: 100%;  }
.remove-pad-right .nav.flex-column.nav-tabs  {max-height: 70vh;overflow: auto; flex-direction: unset !important; }
.remove-pad-left{max-height: 70vh;overflow: auto;}

.box-profile .profile-username { margin-top: 20px; }

.wrapper-1{
  width:100%;
  height:100vh;
  display: flex;
flex-direction: column;
}
.wrapper-2{
  padding :30px;
  text-align:center;
}
.wrapper-2 h1{
    font-family: 'Kaushan Script', cursive;
  font-size:4em;
  letter-spacing:3px;
  color:#5892FF ;
  margin:0;
  margin-bottom:20px;
}
.wrapper-2 p{
  margin:0;
  font-size:1.3em;
  color:#aaa;
  font-family: 'Source Sans Pro', sans-serif;
  letter-spacing:1px;
}
.go-home{
  color:#fff;
  background:#5892FF;
  border:none;
  padding:10px 50px;
  margin:30px 0;
  border-radius:30px;
  text-transform:capitalize;
  box-shadow: 0 10px 16px 1px rgba(174, 199, 251, 1);
}


@media (min-width:360px){
  h1{
    font-size:4.5em;
  }
  .go-home{
    margin-bottom:20px;
  }
}

@media (min-width:600px){
  .content{
  
  margin:0 auto;
}
  .wrapper-1{
  height: initial;
  max-width:620px;
  margin:0 auto;
  margin-top:50px;
  box-shadow: 4px 8px 40px 8px rgba(88, 146, 255, 0.2);
}
  
}

@media (max-width: 767px){
    .sign-content h3{
        font-size: 40px;
    }
    .wizard .nav-tabs > li a i{
        display: none;
    }
    .signup-logo-header .navbar-toggle{
        margin: 0;
        margin-top: 8px;
    }
    .signup-logo-header .logo_area{
        margin-top: 0;
    }
    .signup-logo-header .header-flex{
        display: block;
    }
}


.wizard .login-box{ width:100%;

}



/*css-development-by-ShawanKumarRewar*/
.card .card{box-shadow:none;}
.prev-step{background: #cbcbcb;color: #fff;}
label span.required{color:#f61811;}

.common_rooms_list{border-bottom:0 !important;margin-bottom:0 !important;}
.tourism_combine{border-top: 2px dashed #ccc;    padding-top: 10px;}

.vecalsection-bg{padding:0 !important;}
.vecalsection-bg .row{padding:15px;}
.vecalsection-bg .row .row{padding:0 7px;}
#activities_section .add_more_activty{margin-bottom:0;}

.profile-user-text-inner {border: 1px solid #ddd;margin-bottom: 10px;padding: 8px 15px;border-radius: 10px;}
.view-new-foot label{margin-bottom:0;color: #67859e;}
.view-new-foot p{margin-bottom:0;color: #171533;font-weight: 600;}
.forgot-pass{text-align:right;}
.forgot-pass  a{color:#127cba;}
.new-log-foot .icheck-primary{margin:0 !important;}
.btn-primary{background-color: #b92a2e;border-color: #b92a2e;padding: 9px 10px;transition-duration:.6s;
margin-top: 16px;margin-bottom: 12px;}

.btn-primary:hover{background-color: #e91e24;border-color: #e91e24;}
.btn-primary.focus, .btn-primary:focus{background-color: #e91e24;border-color: #e91e24;box-shadow:none;}

.alert-danger{color: #721c24;background-color: #f8d7da;border-color: #f5c6cb;padding: 9px 15px;font-size: 13px;}
.alert-danger p{color: #721c24;margin-bottom:0;}

.margin-col .col-sm-4 span.price input{border-radius: 5px !important;
    color: #797997;
    border-color: #e4e6ef !important;
    font-size: 14px;width: 100%;
    height:35px;
background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;    margin-top: -6px;color: #111111;font-size: 15px;
    padding: 0 10px;}

h4.new-total{font-size: 16px;font-weight: 600;margin-bottom: 15px;}

.new-added{display:flex;padding: 10px 0;color: #67859e;font-size: 13px;}
.new-added label{margin-right:10px;flex:1;}
span.price{flex:1;    margin-left: 10px;color: #111111;font-size: 15px;}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover
{background-color:#192041;color: #fff;}

.booking_details .card-primary:not(.card-outline)>.card-header{background-color: #dce1f3;}
.card-primary:not(.card-outline)>.card-header, .card-primary:not(.card-outline)>.card-header a{color:#1d212f;}
.booking_details .nav-tabs .nav-item.show .nav-link, 
.booking_details .nav-tabs .nav-link.active{background-color: #fff;border-radius: 0;}

.booking_details .badge{padding: .25em .4em;}
.booking_details .nav-tabs .nav-link:hover{border: 1px solid transparent;}

.booking_details h4{color: #1d212f;font-size: 15px;font-weight:600;margin: 16px 0;}

.elevation-4{box-shadow:none !important;}
.small-box.box-color-css .icon>i{position:unset;}

.bg-success-gradient {background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);}
.bg-warning-gradient{background-image:linear-gradient(120deg, #f6d365 0%, #fda085 100%);}
.bg-danger-gradient {background-image: linear-gradient(to right, #fa709a 0%, #fe8f40 100%);}
.bg-inverse-gradient {background-image: linear-gradient(to right, #434343 0%, black 100%);}
.bg-info-gradient {background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);}
.bg-stats-bars {background-image: linear-gradient(to right top, #5442dc, #6742df, #7841e2, #8940e5, #983fe7);}
.bg-home-outline {background-image: linear-gradient(to right top, #5a8fff, #5d80fd, #6570f9, #715df3, #7f47ea);}
.university-outline {background-image: linear-gradient(to right top, #d669e7, #c86eee, #b973f3, #a878f8, #967cfc);}

.icon div{padding:6px 10px;border-radius: 50%;width:60px;height:60px;display:flex;
align-items: center;justify-content: space-around;}
.icon div i{font-size:25px;margin:0;}

.bg-soft-primary i{color:#6658dd;}
.bg-soft-success i{color:#1abc9c;}
.bg-soft-info i{color:#4fc6e1;}
.bg-soft-warning i{color:#f7b84b;}

.box-color-css.small-box .icon{height: 100%;display: flex;align-items: center;}
.box-color-css .inner h3{font-size:19px;margin-bottom: 0;    color: #191e3a;    margin-top: 5px;    font-weight: 600;}
.small-box.box-color-css .inner p{color:#848484;font-size:13px;}

.table thead th{color: #1D2C48;font-size: 14px;font-weight: 500;background: #F1F5FA;padding: 12px 10px;border-bottom: 0;}
.dataTableDesign .table thead th{padding: 7px 10px;}
.table tbody td{color:#1D2C48;font-size:13px;padding: 12px 10px;}
.table.table-bordered thead{background-color: #f6f8fd;}
.table{color:#1d212f !important;font-size:12px;}
.table-bordered thead td, .table-bordered thead th{border-bottom-width: 1px;}
.table-bordered td{    border: 0;}

.booking_details .nav-tabs .nav-link{font-size:13px;}
.users-list>li{width:10%;}
.card-title{color: #1d212f;font-size: 15px;font-weight:600;}
.users-list-name{color: #3c3f8c;font-size: 13px;font-weight: 500;margin-top:4px;}
.users-list-date{color: #748290;font-size: 11px;    line-height: 15px;}

.products-list .product-title{font-weight: 500;font-size: 12.7px}
.products-list .product-description{font-size: 11.5px;}
.badge-warning{margin-top:3px;}

table.table-bordered.dataTable th{font-size:13px;}
td .btn i{color: #8f9cc0;font-weight:normal;font-size: 13px;}
td .btn i.fa-refresh{font-weight:900;font-size: 12.5px;}
td .btn i.fa-history{font-weight:900;font-size: 12.5px;}
td .btn i:hover{color: #005eb3;}
label{color: #1d212f;}
table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc_disabled:before
{top:2px;}
table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:after
{top:2px;}

.nav-sidebar .nav-item>.nav-link{font-size:13px;}

.table-bordered td img{    height: 35px;}

.bottom .col-sm-3{flex: 0 0 35%;max-width: 35%;}
.bottom .col-sm-6{flex: 0 0 30%;max-width: 30%;}
div.dataTables_wrapper .bottom div.dataTables_info{font-size:12px;text-align:center;}
.table thead th:focus{outline:none !important;}

/*view-details*/


.package-view{margin:0 auto;}
.package-view h2{color:#315fc5;font-weight:600;font-size:23px;margin-bottom:18px;}
.top-user-view{background:#fafaf8;padding: 10px 12px;}
.package-view label{color: #67859e;font-size: 13px;margin-right: 10px;width: 165px;}
.package-view h5{font-size: 14px;color: #111111;}
.top-user-view h5 span{border-right:solid 1px #c7c1c1;    padding-right: 7px;}
.top-user-view h5 span:last-child {border-right:0;}

.day-plan{border: dashed 1px #dbdee6;border-radius: 5px;margin-top: 10px;}
.pan-name h4{background: #e6eef6;padding: 10px 11px;font-size: 19px;font-weight: 400;color: #040510;margin-bottom: 5px;}
.pan-name h4 i{color: #0b4376;margin-right: 10px;font-size: 22px;}
.day-plan .top-user-view{background:transparent;padding:0 10px;}

.room-day-details h3{margin: 0;font-size: 15px;color: #336bea;text-align: left;}
.room-day-box{background:#f4f8fb;padding: 10px 15px;margin-top: 10px;border-radius: 6px;}
.room-day-details{margin-top:7px;padding:0 11px;padding-bottom:10px;}

.room-day-line label{color: #67859e;font-size: 14px;margin-bottom:2px;}
.room-day-line h5{ font-size: 16px;color: #111111;}

.room-day-top{border-bottom:solid 1px #e6e6e6;padding-bottom: 12px;}

.room-day-box-low .room-day-line h6{color: #67859e;font-size: 13px;margin-bottom: 3px;}
.room-day-box-low .room-day-line h6 span{font-size: 15px;color: #111111;}
/*.room-day-box-low{margin-top:12px;}*/

.room-day-line{padding:10px 0 6px;}

.activities-img{height:40px;width:45px;overflow:hidden;}

.activities-img img{height:34px;}
.activities-box{display:flex;align-items:center;}

.room-day-box .table th{padding: 5px 5px 5px;vertical-align: middle;font-weight:normal;color: #000;    border-top: 0;
border-bottom: 1px solid #dee2e6;}
.room-day-box .table td{padding: 5px 5px 0;vertical-align: middle;color:#67859e;font-size: 14px;}
.room-day-box .table{margin-bottom:0;}

.car-details h5{font-size: 14px;color: #111111;margin-bottom:4px;}
.car-details h6{font-size: 13px;color: #67859e;}
.car-details{margin-left:15px;}

.vehicles-details label{margin-bottom:0;}
.car-value label{width:auto;}
.car-value{margin-top:7px;}

.car-value-line{border-bottom: 1px solid #dee2e6;margin-top:10px;}

.vehicles-details .car-value-line:last-child{border:0;}

.grand-total{margin-top:20px;}
.grand-total h4{font-size: 18px;color: #010101;font-weight:600;}

.grand-total-img img{height:40px;}
.grand-total-img{height:50px;width:50px;border-radius:5px;border:solid 1px #0b4376;display:flex;align-self: center;justify-content:center;
padding: 4px;}

.grand-total-box{align-items:center;display:flex;margin-top:15px;}
.grand-total-count{margin-left:20px;}
.grand-total-count h5{ font-size: 14px;color: #67859e;}
.grand-total-count h6{ font-size: 16px;color: #000;font-weight:600;}

.last-total{border-top:solid 1px #ced1d4;}
.last-total{margin-top:20px;padding-top:15px;}
.last-total h5{ color: #67859e;font-size: 13px;}
.last-total h5 span{font-size: 19px;color: #000;font-weight: 600;margin-left:10px;}

.last-amount h5 span{font-size:22px;}

/*End-css-development-by-ShawanKumarRewar*/


/*css-development-by-ShawanKumarRewar-9-3-21*/

ul.my_profile_div li{position:relative;}
ul.my_profile_div li:after{position: absolute;
    right:0px;
    border-right: solid 1px #c3c1c1;
    content: "";
    height: 16px;
    top: 11px}

ul.my_profile_div li:last-child:after{display:none;}

/*End-css-development-by-ShawanKumarRewar-9-3-21*/



/*css-development-by-ShawanKumarRewar-12-3-21*/

.itinerary_action.dropdown-menu{min-width: 9rem;left: -12px !important;} 
.itinerary_action.dropdown-menu a{font-size:12px;}

 /*.card{max-width:1070px;margin:0 auto;box-shadow: 0 3px 15px rgb(0 0 0 / 6%);height: calc(100% - 15px);}*/
  .new-views h3{color:#fff;font-size:19px;font-weight:500;position:relative;padding-left:10px;margin:0;}
  .new-views h3:after{position:absolute;content:"";background:#bdbdbd;width:3px;height:100%;left:0;}
  .new-views-head{background:url(../../images/new-views-head-img.jpg)no-repeat;background-size:cover;padding:15px 15px;
    max-height:180px;}
  .new-destination-img{display:flex;align-items:center;justify-content: flex-end;}
  .new-destination-text h5{color:#eee;font-size:13px;margin:0;font-weight:normal;}
  .new-destination-text h2{color:#fff;font-size:18px;font-weight:500;margin:0px;}
  .new-destination-icon{margin-right:12px;}
  .new-views-head p{color:#fff;font-size:13px;line-height:20px;margin:5px 0 0;
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height:100px;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;}
  .new-add-vehicle-box h2{color:#005eb3;font-size:18px;font-weight:500;margin:10px 0 15px;}
  .new-add-vehicle-box{padding: 20px 20px 0;}
  .new-vehicle-box{padding: 15px;border-radius: 5px;margin-bottom: 15px;border: 1px dashed #e6e4e4;}
  .new-vehicle-top{display:flex;align-items: center;}
  .new-vehicle-top-icon{background:#f7fafe;border-radius:50%;height:75px;width:75px;display:flex;align-items: center;
    justify-content:center;margin-right:12px;overflow:hidden;    border: dashed 1px #e2e2e2;}
    .new-vehicle-top-icon img{object-fit:contain;height: 100%;}  
  .new-vehicle-box table{margin-top:15px;}  
  .new-vehicle-box .table thead th{font-size:14px;border-bottom:0;color:#fff;font-weight:400;}
  .new-vehicle-box .table thead tr{background: #0b4376;}
  .new-vehicle-box .table td{font-size:13px;border:0;}
  .new-vehicle-box .table tr:nth-child(even) {background-color: #f7fafe;}
  .new-vehicle-box .table td, .new-vehicle-box .table th {padding: .45rem;}
  .palce-img{max-height:130px;max-width:210px;border-radius: 5px 5px 0% 0%;overflow:hidden;background:#fff;padding:10px 6px;
    padding-bottom:2px;min-height:130px;display: flex;align-items: center;justify-content: center;}
  .palce-img img{object-fit:contain;height:100%;max-width:100%;}
  .new-with-img{margin-top:15px;}
  .new-vehicle-top-text h6{font-size:15px;}

.card.dayplan_body .card-body{padding:0;}

/*intanry-view*/

.top-pckage-name h2{font-size:23px;color:#3d74ed;font-weight:500;margin: 0;}
.pckage-day-night h5{color:#2d2c2c;font-size:18px;font-weight:500;margin: 0;margin-right:15px;display: flex;align-items: center;}
.top-pckage-name-left{display:flex;}
.pckage-day-night{display:flex;align-items: center;}
.pckage-day-night{margin-left:30px;}
.pckage-day-night h5 img{margin-right:6px;}
.top-pckage-name-right label{color:#888585;font-size:14px;margin-right:8px;margin-bottom:0;}
.top-date h4{color:#000000;font-size:15px;font-weight:normal;margin:0;}
.top-date span{color:#000000;font-size:15px;font-weight:normal;margin:0 7px;}
.top-pckage-name-right{display:flex;align-items:center;justify-content: flex-end;}
.top-date{display:flex;align-items:center;}
.top-pckage-name{ padding: 10px 10px;}

.package-user-details{background:url(../../images/new-views-head-img.jpg)no-repeat;background-size:cover;padding:20px 13px 50px;}
.user-name h3{color:#ffffff;font-size:18px;font-weight:500;}
.user-name h3 span{color:#e4e1e1;font-size:16px;font-weight:normal;}
.package-user-top{display:flex;margin:5px 0;}
.package-user-top label{color:#c8caf1;font-size:13px;font-weight:normal;margin-right:15px;margin-bottom:0;}
.package-user-top h5{color:#eae9e9;font-size:14px;margin:0;line-height:unset;flex:1;}

.package-new-details{background:#ffffff;}

.package-new-tab{background: #fff;-webkit-box-shadow: 0px 8px 20px rgb(0 0 0 / 6%);box-shadow: 0px 8px 20px rgb(0 0 0 / 6%);
border-radius: 8px;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;
  -webkit-box-sizing: border-box;box-sizing: border-box;position: relative;min-width: 628px;-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);transform: translateY(-50%);margin:0 auto;    padding:13px 25px;    width: fit-content;}


.package-new-tab .nav-link{padding:0;}
.package-new-tab .nav-tabs {border-bottom: 0px solid transparent;}
.package-new-tab .nav-tabs .nav-link {border: 0px solid transparent;text-align: center;position:relative;}
.package-new-tab .nav-tabs .nav-link h5{color:#888585;font-size:14px;margin-bottom: 5px;}
.package-new-tab .nav-tabs .nav-link h6{color:#888585;font-size:12px;margin:0;}
.package-new-tab ul{display:flex;justify-content:center;width:100%;}
.package-new-tab .nav-tabs .nav-link.active:before{position:absolute;content:"";border-bottom:solid 2px #0050ff;
width:170px; bottom: -13px;left: -16px;}

.package-new-tab .nav-tabs .nav-link.active h5{color:#0050ff;}
.package-new-tab .nav-tabs .nav-link.active h6{color:#f9810c;}
.package-new-tab .nav-tabs .nav-item{padding:0 30px;}
.package-name-btn h3{color:#2d2c2c;font-size:16px;font-weight:500;position:relative;padding-left:10px;margin-bottom:0;}
.package-name-btn h3:after{position:absolute;left:0;background:#005eb3;height:100%;width:3px;content:"";top:0;}
.package-name-btn h3 span{color:#a6a6a7;}

.btn-light{background:transparent;border-color:#468ac8;color:#468ac8;font-size:13px;}
.btn-light:hover{background:#468ac8;color:#ffffff;}
.btn-light:hover img{filter: brightness(0) invert(1);}
.package-name-btn p{color:#334563;font-size:13px;margin-top:15px;}
.card.package_itinerary_card .new-destination-img {display: flex;align-items: center;justify-content: flex-end;}
.card.package_itinerary_card .new-destination-icon {margin-right: 12px;}
.card.package_itinerary_card .new-destination-text h5 {color: #737171;font-size: 13px;margin: 0 0 5px;font-weight: normal;}
.card.package_itinerary_card .new-destination-text h2 {color: #000000;font-size: 17px;font-weight: 500;margin: 0px;}
.card.package_itinerary_card .new-hotel-details .new-destination-img{justify-content:unset;}

.card.package_itinerary_card .new-destination-img{position:relative;}
.card.package_itinerary_card .new-destination-img:after{position:absolute;right:25px;background:#e0e0e0;height:100%;width:1px;content:"";}
.new-hotel-details .col-md-4:last-child .new-destination-img:after{background:transparent;}

.new-hotel-img{overflow:hidden;border-radius:4px;max-height:200px;}
.new-hotel-img img{object-fit:contain;height:100%;width:100%;}
.hotel-room-details{margin-top:25px;}
.hotel-room-table .table thead th{font-weight:normal;font-size:11.8px;color:rgb(255, 255, 255, .7);border:0;}
.hotel-room-table .table thead{background:#3d74ed;}
.hotel-room-table .table td{color:#454444;font-size:14px;}
.hotel-room-table .table td, .hotel-room-table .table th{border:0;padding: .50rem;}

.hotel-room-table .table tr:nth-child(even) {background-color: #f7fafe;}
.hotel-room-table .table{border: solid 1px #eee;}

.activities-itinerary h3{color:#005eb3;font-size:18px;margin-bottom:0;}
.activities-box-new{background: #fff;box-shadow: 0px 0px 20px rgb(0 0 0 / 6%);border-radius: 8px;padding:10px;
margin-top:10px;}
.activities-line-shape{height:78px;width:78px;border-radius:50%;background:#f7fafe;display:flex;align-items:center;
justify-content:center;overflow:hidden;padding:2px;margin-right:20px;}

.activities-line-text ul{padding:0;margin:0;}
.activities-line-text ul li{list-style:none;display:inline-flex;padding-right: 12px;border-right:solid 1px #dbdcdc;
margin-right: 8px;}
.activities-line-text ul li label{margin:0 0px 0 0 ;font-size:14px;color:#696a6b;}
.activities-line-text ul li h6{margin:0 0px 0 0 ;color:#000000;font-size:15px;margin-top:1px;margin-left:12px;}
.activities-line-text h4{color:#000000;font-size:14px;margin-bottom:3px;}
.activities-line-left{display:flex;align-items:center;}
.ai-prize h4{color:#142b40;font-size:16px;margin-top:10px;}
.activities-box-line{border-bottom:solid 1px #eff0f1;padding-bottom:12px;margin-bottom:12px;}
.activities-line-text ul li:last-child{border:0;}
.activities-box-new .activities-box-line:last-child{border:0;margin:0;padding:0;}

.grand-total-new{background:#f3f3f3;padding:15px;}

.grand-total-box{display:flex;align-items:center;margin-top:5px;}
.grand-total-text h5{color:#7A7A7A;font-size:13px;margin-bottom:3px;}
.grand-total-text h4{color:#3D3D3D;font-size:16px;margin-bottom:0;}
.grand-total-imgs{margin-right:13px;}
.grand-total-new h2{color:#3D3D3D;font-size:18px;}
.grand-total-new{margin-top:25px;}

.grand-total-new .table tr{border-bottom:dashed 1px rgba(112, 112, 112, .3 );}
.grand-total-new .table td{border:0;}
.total-new-amount h4{font-size:14.5px;}
tr.border-0{border:0;}
tr.border-0 td{padding-bottom:0;}

.new-introduction h4{color:#005eb3;font-size:18px;}
.introduction-list ul li{background: url(../../images/inclusions-icon-list.png) no-repeat 0 8px;
    margin-top:2px;
    font-size: 13px;
    padding-left: 25px;
    color: #2f2e2e;
    line-height: 30px;
    margin-right: 6px;
    display: inline-block;
    width: 100%;
    text-align: left;}


.introduction-list ul{padding:0;margin:0;}

.introduction-list.exclusions-list ul li{background: url(../../images/exclusions-list.png) no-repeat 0 8px;}

.new-introduction{margin-top: 0px;margin-bottom: 13px;}

.package-user-top h5 span{border-right: solid 1px rgba(255, 255, 255, .3);padding-right:8px;margin-right: 6px;}
.package-user-top h5 span:last-child{border:0;padding-right:0;}

.activities-itinerary{margin-top:15px;}

.card.package_itinerary_card .card-body{padding:0;}
.package-tab-details{margin:0 15px;}

.grand-total-new{margin:20px 15px 15px;}
.send-btns{text-align:right;}



/*End-css-development-by-ShawanKumarRewar-12-3-21*/

/*css-add-16-3-2021*/

.hotel-details-new .package-user-top{display:block;margin-bottom:0;}
.hotel-details-new .package-user-top h5 {font-size:13px;}

.hotel-details-new h3 span.stuts-new{text-align:right;color:#0af392;    font-size: 13px;position:relative;padding-left:7px;
margin-left:10px;}
.hotel-details-new h3 span.stuts-new:before{height:5px;width:5px;border-radius:50%;position:absolute;left:0;content:"";
background: #0af392;top: 7px;}
.new-hotwl-named {border-bottom:solid 1px rgba(255, 255, 255, .2);    font-size: 14px;}

.hotel-details-new-tab .new-destination-img:after{display:none;}
.hotel-details-new-tab .hotel-room-details{margin-top:15px;}
.hotel-details-new-tab .hotel-room-table .table thead{background: #e5e6e7;}
.hotel-details-new-tab .hotel-room-table .table thead th{color:#000;}
.hotel-details-new-tab .hotel-room-table .table td{color: #8e8d8d;}

.new-hotwl-named p{color:#e5dede;font-size:12px;margin:0 0 6px 0;}
.stuts-new{text-align:right;}
.stuts-new p{font-size:13px;}
.stuts-new p svg:not(:root).svg-inline--fa{font-size:15px;color:#ffffff;margin-right:5px;}

.room-plan-new{    /* box-shadow: 0 3px 15px rgb(0 0 0 / 6%); */
    background: #f7f7f7;
    padding: 14px;
    border: solid 1px #eee;
    border-radius: 4px;
    padding-bottom: 3px;
    margin-bottom: 10px;}

.hotel-details-new-tab .hotel-room-table .table{    background: #fff;}

.add_new_room_class i{margin-right:0;}

.view_hotel_page.card-body{padding:0;} 
.view_hotel_page .new-destination-img{justify-content:unset;}
.view_hotel_page .new-destination-text h5{    color: #7e7d7d;}
.view_hotel_page .new-destination-text h2{color:#403f3f;font-size: 15px;}

.hotel-details-new h3 span.stuts-inactive {
    text-align: right;
    color: #ffb100;
    font-size: 13px;
    position: relative;
    padding-left: 7px;
    margin-left: 10px;
}

.hotel-details-new h3 span.stuts-inactive:before {
    height: 5px;
    width: 5px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    content: "";
    background: #ffb100;
    top: 7px;
}

.btn-light.disabled, 
.btn-light:disabled{border-color: #468ac8;}

/*End-css-add-16-3-2021*/


/*css-add-by-3-5-21*/

.name_with_initials .input-group-text{padding:0;background-color: transparent;border: 0;}
.name_with_initials .form-control{border-radius: 0px 4px 4px 0px !important;}
.name_with_initials .input-group-text .form-control{border-radius: 4px 0 0 4px !important;}



/*end-css-add-by-3-5-21*/
.price-box{    background: #f7f7f7;
    padding: 8px 6px 0 7px;
    border-radius: 5px;
    border: solid 1px #d3d5da;
    margin-bottom: 10px;}

/*css-add-by-20-7-21*/


/*end-css-add-by-20-7-21*/


/*css-add-3-9-21*/

.nav-tabs.confirm-itinerary-list{overflow: auto;overflow-y: hidden;flex-wrap: unset;}
.nav-tabs.confirm-itinerary-list li{min-width:130px;}

/*end-css-add-3-9-21*/

.user-name img{margin-right:15px;}
.user-name{margin-bottom:10px;}
.package-tab-details.tab-content .fade{display:none}
.package-tab-details.tab-content .fade.show{display:block}


/*Css add by Rajendra chandeliya*/

.report-list-box { background: #fff;border-radius: 6px;   padding: 20px;border: 1px solid #E4ECF6;
    margin-bottom: 10px;display: flex;align-items: center; }
.box-text { flex: 1;}    
.box-text p { margin-bottom: 6px;font-size: 14px;color: #1D2C48;}    
.box-text h2 { margin-bottom: 0;font-size: 20px;color: #1D2C48;font-weight: 700;}    
.card { border-radius: 6px;border: 1px solid #E4ECF6;box-shadow: none; }
.box-icon { width: 40px;height: 40px;border-radius: 50px;padding: 5px;text-align: center;display: flex;align-items: center;
    justify-content: center; }
.color-li { background: #F2F2F3; }
.color-ye { background: #FFF7E5; }
.color-gr { background: #E7FEF1; }

.user-chart { background: #fff;border-radius: 6px;border: 1px solid #E4ECF6;
    margin-bottom: 10px; }
.user-chart h2 { font-size:17px; font-weight: 600; border-bottom: 1px solid #E4ECF6;padding: 15px 20px;}  
.user-chart svg { text-align: center;width: 260px;height: 260px; }  
.chart-view { text-align: center; padding: 50px;}
.user-chart ul { text-align: center; }
.user-chart li { display: inline-block;width: auto;padding: 10px; font-size: 13px;color: #6B6B7E; }
.user-chart li span { width: 15px;height: 15px; border-radius: 3px;display: inline-block;vertical-align: middle;}
.user-chart li span.red-co { background: #FF0911;}
.user-chart li span.yellow-co { background: #E49126;}
.user-chart li span.green-co { background: #00B41E;}


/*css-add-by-Shrawan Rewar*/

body{background: #f4f5f8;}
.navbar-dark{margin:0px 0px  10px;border-radius:0px;}
.content-wrapper{background-color:transparent;    padding: 0 3px;}

.main-header{padding:0;}
.main-header .navbar-nav .nav-item{padding:0px 10px;}
.dropdown-item{font-size: 13px;padding:6px 10px;position:relative;    padding-left: 25px;}
.dropdown-item:before{content: "";
    margin-right: 8px;
    position: absolute;
    opacity: 0.6;
    left: 9px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    border: 1px solid #cb2330;
    display: block;
    background: transparent;
    top: 11px;}


 .dropdown-item.active:before{border-color:#b92a2e;}   

.dropdown:hover .dropdown-menu{box-shadow:0 8px 16px 0 rgb(230 233 239 / 40%);border:1px solid #e7eaf3;}
.dropdown-item.active, .dropdown-item:active{background-color:transparent;color:#b92a2e;}
.dropdown-item:focus, .dropdown-item:hover{color:#cb2330;background: transparent;}
.dropdown-item:hover:before{border-color:#cb2330;}

.main-header .navbar-nav .nav-item:hover{background:transparent;}
.main-header .navbar-nav .nav-item.activer{background: #2c3254;}
.main-header .navbar-nav .nav-item:first-child:hover{background:transparent;}
.main-header .navbar-nav.my_profile_div .nav-item:hover{background:transparent;}


.person-filter .dropdown-toggle::after{display:none;}
.person-filter .btn-primary{background-color: #b92a2e;border-color:#b92a2e;    padding: 7px 10px;}
.person-filter .btn-primary svg{margin: -1px 3px 0 0}
.person-filter .dropdown-menu{top:63px !important;left: -50px !important;}
.person-filter .dropdown-menu.show{top: 10px !important;}
.person-filter .dropdown-menu:before{border-bottom: 11px solid #f1f1f3;    top: -22px;}
.person-filter .dropdown-menu{box-shadow: 0 8px 16px 0 rgb(230 233 239 / 40%);border: 1px solid #e7eaf3;}
.person-filter .dropdown-menu .dropdown-item{padding-left:10px;border-bottom:solid 1px #E4ECF6;}
.person-filter .dropdown-menu .dropdown-item:last-child{border-bottom:0;}
.person-filter .dropdown-menu .dropdown-item:before{display:none;}
.person-filter .btn-group:hover .dropdown-menu{display:block;}

a:-webkit-any-link:focus-visible {outline-offset:0}
.btn-group{padding-bottom:10px;}




table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before, 
table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_asc_disabled:before, 
table.dataTable>thead .sorting_desc_disabled:before{top: 11px;}

table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after, 
table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:after, 
table.dataTable>thead .sorting_desc_disabled:after{    top: 11px;}
.reject-payment{color:#FF0911;}
.pending-payment{color:#DF7E00;}
.success-payment{color:#00B41E;}
.table tbody td a i{color:#768095;font-size:22px;position:relative;top:5px;    transition-duration: .5s;}
.table tbody td{vertical-align: middle;}
/*.table tbody tr:hover td a i{transform: translateX(10px);color:#13c88a;}*/

.sitebar-balance {
    width:800px;
    position: fixed;
    top: 20px;
    right: -800px;
    z-index: 9999999;
    background-color: #edf0f5;
    height:93vh;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 30%);
    transition: all 0.6s ease;overflow:hidden;  border-top-left-radius:10px;border-bottom-left-radius:10px;
}

.sitebar-balance .sc-head {
    background-color: #2b2f4c;
    padding: 7px 20px;
}

.sitebar-balance .sc-head .balance-count {
    color: #59b828;
    font-size: 16px;
    font-weight: 700;
    flex:1;
}

.sitebar-balance .sc-head .close-icon {
    color: #fefefe;
    font-size: 24px;
}

.sitebar-balance.open-report .balance-product-container {
    height: calc(100vh - 95px);    overflow-y: auto;
}

.sitebar-balance.open-report {
    background: #ffffff;
    width:800px;    right:0px;
}

.sitebar-balance .sc-head i{color:#fff;font-size:15px;}
.sitebar-balance .sc-head h3{color:#fff;font-size:16px;margin-bottom: 0;
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1; /* number of lines to show */
           line-clamp: 1; 
   -webkit-box-orient: vertical;}
.sitebar-balance .sc-head .close-icon i{font-size: 24px;cursor:pointer;transition-duration:.4s;}
.sitebar-balance .sc-head .close-icon i:hover{color:#00E88D;}
.table td, .table th{vertical-align:middle;}

body.openreport{position: relative;overflow:hidden;}
body.openreport:after{position:absolute;content:'';background:rgba(255, 255, 255, 0.4);top:0px;height:100%;width:100%;
    z-index: 2222;}

.table tbody tr.total-closing td{color:#00B41E;}
.page-title-box{padding:0 20px 8px;}
.page-title-box h4{font-size:16px;}
.table-striped tbody tr:nth-of-type(even){background:transparent;}
.table-striped tbody tr:hover{background:#f6f8fd;}

.bg-soft-primary{background-color:rgba(102,88,221,.25)!important;border-color:#6658dd!important;}
.bg-soft-success{background-color:rgba(26,188,156,.25)!important;border-color:#1abc9c!important;}
.bg-soft-info{background-color:rgba(79,198,225,.25)!important;border-color:#4fc6e1!important;}
.bg-soft-warning{background-color:rgba(247,184,75,.25)!important;border-color:#f7b84b!important;}

.login-page{background:url(https://go4php.com/richaCable/uploads/site_logo/login-bg-img-2.jpg) no-repeat;background-size: cover;
position:relative;z-index:1;}
.login-page:after{position:absolute;content:'';left:0;height:100%;width:100%;background:rgba(255,255,255,.7);top:0;z-index:-1;}

.mobile-header{display:none;}
.login-card-body p{text-align:center;}
.profile-user-img{    height: 100px;}

.table thead th:first-child{width:auto !important;}
.for-image-bg{background: #fff;border-radius: 4px;padding: 9px 23px;border: dashed 1px #eee;}
.profile_tabs .nav-pills .nav-link.active, .profile_tabs .nav-pills .show>.nav-link{color: #0c4477;
    background-color: transparent;
    border-bottom: solid 2px #0c4477;}

.profile_tabs .nav-pills .nav-link{border-radius:0;}
.profile_tabs.card-header{padding-bottom:0 !important;}
.dataTableDesign .table tbody td{padding: 6px 10px;}
.dataTableDesign .table{width:100% !important;}
.dataTableDesign .card-body{padding:0.6rem 0.55rem;}
.person-filter.mb-3{margin-bottom: 0.5rem!important;}
.dataTables_processing.card{height:auto;}
.loader img{    width: 7%;}

.navbar-dark{background-color: #fdfdfd;border-color: transparent;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{color: #c72c27;}
.main-header .navbar-nav .nav-item.dropdown {padding: 11px 10px;}

.card-primary.card-outline{border-top: 3px solid #b92a2e;}
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle{    background-color: #e91e24;border-color: #e91e24;}

#user_add .btn-primary{    padding: 5px 10px;margin:0;}

/*.balance-product-container #append_data{height: calc(100vh - 121px);overflow-y: auto;}*/
tfoot{position: sticky;bottom: 0;z-index: 1;background: #f1f5fa;}
tfoot td{padding:15px 10px  !important;color: #25b563 !important;font-size: 15px !important;}
.company_header th{background: #eee;padding: 9px 10px;font-size: 14px;}


.customerReport.sitebar-balance{    width: 600px;right: -600px}
.customerReport.sitebar-balance.open-report{ width: 600px;right:0;}

.richadetails .dropdown-toggle:empty::after{display:none;}
.richadetails .btn-group{border: solid 1px #a5b1bd;text-align: center;border-radius: 4px;padding:0;
margin:0px 5px;}
.richadetails .btn-group i{margin:0;font-size:15px;position: unset;padding: 3px 8px;cursor:pointer;}
.richadetails .btn-group{display:flex;transition-duration:.3s;}
.richadetails .dropdown-toggle::after{display:none;}
.richadetails .btn-group:hover{    background: #b92a2e;border-color:#b92a2e;}
.richadetails .btn-group:hover i{color:#fff;}
.richadetails .btn-group .dropdown-menu:before{display:none;}

.sitebar-balance .sc-head .popup-new-btn i{font-size:19px;border: solid 1px #d1cccc;padding: 4px 7px;border-radius: 4px;transition-duration:.3s;
cursor:pointer;}
.popup-new-btn{margin-right:15px;display:flex;align-items:center;}
.sitebar-balance .sc-head .popup-new-btn i:hover{background: #b92a2e;border-color: #b92a2e;}
div.loader{z-index: 99999999 !important;}

/*End-css-add-by-Shrawan Rewar*/


@media (min-width:1600px) {

.sitebar-balance.open-report .balance-product-container {
    height: calc(100vh - 120px);    overflow-y: auto;
}

}

@media (min-width:1200px) {
.main-footer { padding: 10px 30px; }
}

@media (max-width:1200px) {
.main-header .navbar-nav .nav-item{padding:6px 2px;}
.main-header .navbar-nav .nav-item a{font-size:13px;}
ul.navbar-nav .nav-item a.nav-link{font-size:13px;}
ul.navbar-nav .nav-item a.nav-link{padding: 10px 6px;}
.box-text h2{font-size:17px;}
.user-chart h2{font-size:17px;}

}

@media (max-width:991px) {

.mobile-header{display:block;}
.desktop-header{display:none;}
.mobile-header{background-color: #fff;border-color: #4b545c;    padding: 7px 0;    margin-bottom: 20px;}
.mobile-header .header{display: flex;align-items: center;justify-content: space-around;}

#sidebarMenu {
    height: 100%;
    position: fixed;
    right: 0;
    width: 250px;
    margin-top:25px;
    transform: translateX(250px);
    transition: transform 250ms ease-in-out;
    background:#fff;z-index:1;
}
.sidebarMenuInner{
    margin:0;
    padding:0;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.sidebarMenuInner li{
    list-style: none;
    color: #fff;
    padding:5px 10px;
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.sidebarMenuInner li p{margin:0;}

.sidebarMenuInner li span{
    display: block;
    font-size: 13px;
    color:#545b72;
}

.nav-second-level li:last-child{border-bottom:0;}

.sidebarMenuInner li a{
    color: #000;
    cursor: pointer;
    text-decoration: none;align-items:center;display:flex;
}
.mobile-header input[type="checkbox"]:checked ~ #sidebarMenu {
    transform: translateX(0);position:absolute;
}

.mobile-header input[type=checkbox] {
    transition: all 0.3s;
    box-sizing: border-box;
    display: none;
}
.sidebarIconToggle {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    height: 100%;
    width: 100%;
    top:19px;
    right: 15px;
    height: 22px;
    width: 22px;
}
.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: #191e3a;
}
.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}
.diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
}
.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}
.mobile-header input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    opacity: 0;
}
.mobile-header input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 8px;
}
.mobile-header input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -9px;
}

.web-logo{flex:1;}
.user-profile{flex:1;}
.user-profile-box a{color:#191e3a;}
.user-profile-box a i{margin-right:5px;}

}    


@media (max-width:767px) {
.user-profile-box span{display:none;}
.brand-link .brand-image{max-height:46px;}
.user-profile-box a{color: #fff;padding: 10px 6px;font-size: 17px;}
.user-profile{flex:auto;}
.web-logo{flex:auto;}
.mobile-header .header{justify-content: unset;}
.web-logo{flex:2;}
.user-profile{flex:1;}
.web-logo{max-width:100%;}
.mobile-header{padding:2px 0;}
.sidebarIconToggle{top: 17px;width: 17px;}
.content-wrapper>.content{padding:0;}
.page-title-box{padding:0 10px 10px;}
.card-body{padding:10px 10px;}
.person-filter .btn-primary{margin-top:12px;}
.table thead th{font-size: 13px;padding: 6px 6px;}
.table tbody td{font-size:12px;padding: 6px 6px;}
.table tbody td a i{font-size: 20px;}
.box-text h2{font-size:14px;}
.box-text p{font-size:12px;}
.report-list-box{padding:10px;}
.user-chart h2{font-size:14px;}
.sitebar-balance.open-report{width:96%;}
.sitebar-balance .sc-head h3{font-size:14px;}
.sitebar-balance .sc-head .close-icon i{font-size:20px;}
.sitebar-balance .sc-head{padding: 7px 10px;}
.page-title-box h4{font-size:14px;}
.main-footer{font-size:12px;}
.btn{font-size:13px;}

.icon div{height:40px;width:40px;padding:0;}
.icon div i{font-size:20px;}
.inner{padding:10px 0 0 6px}
.box-color-css{padding:9px 4px;}
.box-color-css .inner h3{font-size:17px;}
.users-list>li{width:49%;}
.card-title{font-size:14px;}
.card-header{padding:.75rem 0.6rem;}
.forgot-pass{font-size:13px;}

.person-filter .dropdown-menu{top:45px !important;left: -30px !important;}
.person-filter .dropdown-menu.show{top: 10px !important;}
.person-filter .btn-group:hover .dropdown-menu{display:none !important;}
.person-filter .btn-group .dropdown-menu.show{display:block !important;}
tfoot td{font-size: 13px !important;padding: 10px 10px!important;}
.company_header th{padding: 6px 10px;font-size: 12px;}
.person-filter .form-control{margin-bottom:6px;}



}