/*-------------- Custom Styles  ------------------*/

.clear{

	clear:both;

}

.searchform{

	margin:7px 0 0;

}

.p-b-50{

    padding-bottom: 50px;

}

table .btn.btn-sm , table .label{

    font-size: 12px;

    padding: 6px 12px !important;

	border-radius:3px;

}



table .btn.btn-sm  i{

padding-right:4px !important;

}



table input[type="checkbox"]{

opacity:1 !important;

position: inherit !important;

}

.bootbox .modal-title {

     padding-bottom: 10px;

    }

.bootbox-confirm .modal-footer {

        margin: 0 auto;

}

.bootbox.bootbox-confirm .modal-title {

    padding-bottom: 10px;

        position: absolute;

    left: 0;

    right: 0;

    text-align: center;

}

.bootbox.bootbox-confirm .modal-title:before {

    content: "\f5de";

    font-family: "bootstrap-icons" !important;

        font-size: 3.5rem;

        color: #ff6c6c !important;

       opacity: 1;

       font-weight: 100;

    position: absolute;

    display: block;

    text-align: center;

    left: 0;

    right: 0;

    bottom: 50px;

}

.bootbox-confirm .modal-content {

         padding-top: 140px;

    padding-bottom: 40px;



}



.bootbox-confirm .bootbox-close-button {

        position: absolute;

    right: 20px;

    top: 20px;

}

.select2-container .select2-choice {

    background-image:none !important;

    height: inherit !important;

border: var(--tb-border-width) solid var(--tb-border-color);

}

.select2-container.form-control {

    display: block;

    width: 100%;

    font-size: .9063rem;

    font-weight: 400;

    line-height: 1.5;

    color: var(--tb-body-color) !important;

    background-color: var(--tb-secondary-bg) !important;

    background-clip: padding-box !important;

    border: var(--tb-border-width) solid var(--tb-border-color) !important;

    -webkit-appearance: none !important;

    -moz-appearance: none !important;

    appearance: none !important;

    border-radius: 0.25rem !important;

    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out !important;

    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out !important;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out !important;

}

.select2-chosen, .select2-choice > span:first-child, .select2-container .select2-choices .select2-search-field input {

    padding: 10px 12px;

}

table.dataTable>thead .sorting, table.dataTable>thead .sorting_asc, table.dataTable>thead .sorting_desc, table.dataTable>thead .sorting_asc_disabled, table.dataTable>thead .sorting_desc_disabled {
    white-space: nowrap !important;
}

.select2-container .select2-choice .select2-arrow {
    width: 0px !important;
}
.select2-container .select2-choice .select2-arrow b:before {

    content: "\f0142";

    font-family:"Material Design Icons";

    -webkit-transform: rotate(90deg) !important;

    font-size: 15px;

    position: absolute;

    right: 5px;

    top: 6px;

}

.form-select {

    background-image: none;

        border: none;

            padding: 0;

}

.form-white.select2-container .select2-choice {

    border: none !important;

}

.info-tile {

    border: 1px solid #dddddd;

    transition: all 0.3s ease;

}

.info-tile:hover{

    box-shadow: 0 10px 6px -8px #aaa;

    -moz-box-shadow: 0 10px 6px -8px #aaa;

    -ms-box-shadow: 0 10px 6px -8px #aaa;

    -webkit-box-shadow: 0 10px 6px -8px #aaa;

    -o-box-shadow: 0 10px 6px -8px #aaa;

    margin-top: -1px;

}

.info-tile .tile-icon {

    float: left;

    width: 87px;

    height: 87px;

    margin: 6%;

    border: 1px solid #dddddd;

    border-radius: 100%;

    background-clip: padding-box;

    text-align: center;

}

.info-tile .tile-icon i {

    display: block;

    font-size: 40px;

    margin: 22px 10px;

    opacity: 0.8;

    text-align: center;

    line-height: 40px;

}

.info-tile .tile-body {

    float: right;

    text-align: right;

}

.bg-icon-green{

    background-color: #c8ecbe;

}

.bg-icon-green i{

    color: #298e0e;

}

.bg-icon-purple{

    background-color: #dfc8e7;

}

.bg-icon-purple i{

    color: #881faa;

}

.bg-icon-orange{

    background-color: #f5ddca;

}

.bg-icon-orange i{

    color: #f4730b;

}

.info-tile .tile-body h1 {

    font-weight: 400;

    color: #555;

    font-size: 35px!important;

    margin-right: 15px;

    margin-top: 20px!important;

}

.info-tile .tile-body p {

    font-size: 18px;

    font-weight: 600;

    text-align: right;

    color: #555;

    margin-right: 15px;

}

.profile-image {

    border: 1px solid #dddddd;

    box-shadow: 0 0 5px 0px #aaa;

    margin: 3px;

    padding: 5px;

    text-align: center;

    width: 100%;

}

.profile-info li {

    display: block;

    list-style: outside none none;

    padding: 4px 8px;

    text-transform: capitalize;

}

.profile-info {

    margin-bottom: 15px;

}.mb-10 {

    margin-bottom: 10px;

}

.profile-image img {

    width: 100%;

    max-width: 210px;

}

.bg-primary:not(i){

    background-color: #293989!important;

}

.modal-header .close{

    opacity: 0.8;

}

.icon-okay a i.ok-btn {

    color: #05b43c;

}

.icon-okay a i.remov {

    color: #ff5566;

}

.panel.widget-member.clearfix {

    border: 1px solid #dddddd;

}

.panel.widget-member.clearfix h4{

    font-weight: 400;

}

.add_Div1 {

    /*background-attachment: fixed;

    background-image: url("../images/gallery/login-background.jpg");

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;*/

    height: 100vh;

    position: relative;

    width: 100%;

    background-color: #eff2f7;

    margin: 0 auto;

}

.add_Div1 .container {

        width: 70%;

    }

.login-mask {

    background-color: rgba(31, 31, 88, 0.5);

    height: 100%;

    position: absolute;

    width: 100%;

}

.account-wall img{

    text-align: center;

    margin: 0 auto;

    display: block;

}

.logo-div{

    padding: 15px;

    width: 100%;

    background-color: #f0f0f0;

    border-bottom: 2px solid #ddd;

}



.theme-sdtl.color-default .sidebar .sidebar-inner {

    background: #ffffff none repeat scroll 0 0;

    box-shadow: 1px 0 5px #cccccc;

}



.theme-sdtl.color-default .sidebar .sidebar-inner .nav-sidebar .nav-parent .children, .theme-sdtl.color-default .sidebar .sidebar-inner .sidebar-footer, .theme-sdtl.color-default .sidebar .sidebar-inner .sidebar-top .searchform input{

    background: #f0f0f0 none repeat scroll 0 0;

}

.sidebar .sidebar-inner .nav-sidebar .children > li > a{

    color: #444;

}

.sidebar .sidebar-inner .nav-sidebar .children > li > a:hover, .theme-sdtl.color-default:not(.sidebar-top) .sidebar .sidebar-inner .nav-sidebar .children > li.active > a{

    color: #fff!important;

    background-color: #5765b1;

}



td.text-rest, th.text-rest, .text-rest{

    max-width: 100px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

td.text-rest2, th.text-rest2, .text-rest2{

    max-width: 250px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.text-head{

    display: inline-block;

    border-bottom: 1px solid #ddd;

    font-weight: 500;

    font-size: 22px;

}

th.min-width3{

    min-width: 120px;

}

th.min-width2{

    min-width: 100px;

}

.text-right a:focus, .text-center a:focus{

    text-decoration: none;

}

table.panel-view{

    border: 1px solid #ddd;

    border-collapse: collapse;

    width: 100%;

}

table.panel-view tr td{

    border: 1px solid #ddd;

    padding: 5px;

}

table.panel-view tr td strong{

    font-weight: 600;

}
/*.datepicker {
        top: 300px !important;
}*/
.datepicker-dropdown::after, .datepicker-dropdown::before{

    display: none;

}

.theme-sdtl.color-default:not(.sidebar-top) .logopanel{

    background-color: #fff;

    box-shadow: 0px 1px 3px #cccccc;

    border-right: 1px solid #ddd;

}

.gallery {

    background-color: transparent;

    margin-bottom: 25px;

    position: relative;

}

.gallery-tools{

    position: relative;

    background-color: transparent;

    padding: 5px 10px 30px;

}

.gallery-tools p{

    margin-bottom: 0;

    padding-top: 3px;

    max-width: 150px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.gallery-tools a{

    padding-top: 3px;

}

.gallery a img{

    display: block;

    max-width: 100%;

    height: 120px;

    width: 100%;

}

.gallery:hover.gallery .gallery-tools p{

    color: #f00;

}

.form-check-label {
        cursor: inherit;
}



/* Responsive Styles */



@media (max-width: 1199px) {

    .gallery a img{

        height: 200px;

    }
.add_Div1 {
        height: auto;
}

    .add_Div1 .container {

        width: 98%;

    }

}



@media (max-width: 767px) {

    .gallery a img{

        height: auto;

    }

}

/* Responsive Styles */



.gallery-mask{

    opacity: 0;

    width: 0;

    height: 100%;

    position: absolute;

    background-color: rgb(0,0,0,0.5);

}

.gallery:hover .gallery-mask, .gallery:focus .gallery-mask, .gallery:active .gallery-mask{

    opacity: 1;

    width: 100%;

    transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

}

.view-icon{

    color: #fff;

    border: 1px solid #ddd;

    height: 30px;

    width: 30px;

    text-align: center;

    line-height: 25px;

    border-radius: 50%;

    font-size: 15px;

}

.view-icon i{

    padding-right: 0!important;

}

.append-icon.ico input{

  padding-right: 36px;

}

.bootstrap-timepicker-widget tr td input{

    border: 1px solid #ddd;

}

.bootstrap-timepicker-widget.dropdown-menu.open{

    display: block;

    z-index: 9999;

}

.account .account-wall {

	margin:0 auto;

    margin-top: 140px;

    position: relative;

	max-width:360px;

}

.account .form-signin, .form-password{

    padding:20px 10px;

    margin: 0 auto;

}

.account-copyright{

    color: #fff;

}

.account.boxed a{

    color: #f00;

}

@media (max-width:768px) {

	.account .account-wall {

		margin-top: 30px!important;

	  }

    .modal-dialog{

        margin-top: 15%;

    }

}

@media (max-width:767px) {

    .widget-member .col-sm-10{

        padding-left: 0;

        margin-top: 10px;

    }

    .grids figure img{

        height: auto;

    }

    .grids figure{

        min-height: inherit;

        margin: 20px 0;

    }

    .thumb-img.resp-img{

        padding-top: 10px;

        margin-bottom: 10px;

        overflow: hidden;

    }

}

@media (max-width:500px) {

	.post-list .comments a{

		float: left;

		width: 100%;

	}

	.post-list .post-date{

		padding-top: 10px;

		clear: both;

	}

}

@media (max-width:440px) {

	.add-pos a{

        margin-right: 0!important;

		}

    .add-pos a.btn{

        padding: 7px 8px 8px;

        line-height: 21px;

        font-size: 12px;

    }

}

@media (max-width:400px) {

	.account .account-wall {

		max-width:330px!important;

    }

    .info-tile .tile-icon{

		width: 60px;

		height: 60px;

		margin: 6% 0 3% 3%;

    }

	.info-tile .tile-icon i{

		font-size: 24px;

		line-height: 14px;

		margin: 22px 10px;

    }

}

@media (max-width:320px) {

	.account .account-wall {

		max-width:310px!important;

	  }

}



.fc-row.fc-widget-header {

    margin-bottom: -3px;

}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{

    background-color: #ee4923;

}

.btn:hover {

    border-color:transparent !important;

}

.add-pos{

    z-index: 1;

}

.add-pos a i{

    padding-right: 5px;

}

.add-pos{

    font-size: 12px;

    padding-right: 16px!impotatnt;

}

.add-pos.upload-btn{

    float: right;

    position: relative;

}

.search-right .dataTables_filter{

    margin-right: 140px!important; 

}

.odd img, .even img{

    width: 100px;

    display: block;

}

.gallery-table table tr th, .gallery-table table tr td{

    width: 20%!important;

}





.fc-body tr td .fc-widget-content{

    border-left: 0;

    margin-left: 1px;

}

.fc-body tr td .fc-widget-content:last-child{

    border-right: 0;

}

.fc-widget-header{

    margin-left: -2px;

}



  

 .sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li.nav-hover.active > a {

    background: #3e4095 !important;

    color: #ffffff;

  }

  .sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li.nav-hover.active > a i {

    color: #ffffff;

  }

  .sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li.nav-hover.active > a span:not(.badge) {

    background: #3e4095 !important;

    color: #ffffff;

  }

  .sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li.nav-hover.active > a > span:last-child {

    background: #3e4095 !important;

    color: #ffffff;

  }

  .sidebar-collapsed .sidebar .sidebar-inner .nav-sidebar > li.nav-hover.nav-active.active > a {

    background: #3e4095 !important;

  } 



/*

.backstretch{

    background-color: #fbbd37;

}

*/





.page-404{

    padding-top: 100px;

    background-color: #f0f0f0;

    max-width: 100%;

    margin: 0 auto;

    width: 900px;

}

.logo-404 img{

    margin: 0 auto 50px;

    display: block;

}

.error-left{

    float: left;

}

.error-right{

    float: left;

    margin-left: 50px;

    padding-left: 60px;

    border-left: 1px solid #ddd;

}

.error-right h1{

    font-size: 60px;

    margin: 20px 0;

    font-family: 'Open Sans', arial;

}

.error-right h3{

    font-size: 24px;

    margin: 20px 0;

    font-family: 'Open Sans', arial;

}

.error-right a {

    background-color: #3e4095;

    border: 1px solid #3e4095;

    border-radius: 4px;

    color: #fff;

    font-size: 14px;

    padding: 7px 12px;

    text-decoration: none;

    font-family: 'Open Sans', arial;

    margin-top: 15px;

    display: inline-block;

}





.no-data{

    min-height: 300px;

}

.no-data h3{

    font-size: 30px!important;

    text-transform: capitalize!important;

}



.nav-parent.nav-active.active ul li.active{

    background-color: #5765b1;

}



sup {

    color: red;

    top: 0;

}

.uploaded-img img{

    width: 100%;

    margin-bottom: 30px;

    display: block;

}

.thumb-img {

    overflow: hidden;

    position: relative;

}

.thumb-img img{

    width: 100%;

}

.main-content .page-content .panel .panel-content i {

    padding-left: 0;

    padding-right: 6px;

}

.uploaded-img .thumb-img i {

    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;

    border-radius: 100%;

    color: #fff;

    font-size: 16px;

    height: 40px;

    left: 0;

    line-height: 40px;

    margin: -20px 0 0 -20px;

    opacity: 0;

    position: absolute;

    text-align: center;

    top: 50%;

    transition: all 0.3s ease 0s;

    width: 40px;

}

.thumb-img:hover::before {

    background: #000 none repeat scroll 0 0;

    content: "";

    display: block;

    height: 100%;

    opacity: 0.3;

    position: absolute;

    width: 100%;

}

.thumb-img {

    overflow: inherit;

    position: relative;

}

.thumb-img:hover i {

    left: 50%!important;

    opacity: 1!important;

}







.col-new .progress {

    background: #e0e0e0 none repeat scroll 0 0;

    border-radius: 0;

    height: 4px;

    margin: 0;

}

.col-box-1 h2 {

    color: #ff8acc;

}

.col-box-1 .progress-bar {

    background: #ff8acc none repeat scroll 0 0;

}

.col-box-2 h2 {

    color: #43a461;

}

.col-box-2 .progress-bar {

    background: #43a461 none repeat scroll 0 0;

}

.col-box-3 h2 {

    color: #ff7043;

}

.col-box-3 .progress-bar {

    background: #ff7043 none repeat scroll 0 0;

}

.col-box-4 h2 {

    color: #a1887f;

}

.col-box-4 .progress-bar {

    background: #a1887f none repeat scroll 0 0;

}

.col-box-5 h2 {

    color: #7d8bd8;

}

.col-box-5 .progress-bar {

    background: #7d8bd8 none repeat scroll 0 0;

}

.col-box-6 h2 {

    color: #9da619;

}

.col-box-6 .progress-bar {

    background: #9da619 none repeat scroll 0 0;

}

.col-box-7 h2 {

    color: #35b8e0; 

}

.col-box-7 .progress-bar {

    background: #35b8e0 none repeat scroll 0 0;

}

.col-box-8 h2 {

    color: #a1887f;

}

.col-box-8 .progress-bar {

    background: #a1887f none repeat scroll 0 0;

}



.col-new h2 {

    font-size: 40px;

    font-weight: 400;

}

.col-new i {

    color: #777;

    font-size: 30px;

}

.col-new h5{

    font-weight: 400;

    font-size: 15px;

}

.col-new {

    background: #f9f9f9 none repeat scroll 0 0;

    border: 1px solid #ddd;

    display: block;

    padding: 12px 20px;

    transition: all 0.3s ease 0s;

}

.col-new:hover {

    border-bottom: 1px solid #fff;

    box-shadow: 0 10px 10px -8px #aaa;

    margin-top: -5px;

}

label.st-active{

    color: #43a461;

}

label.st-in-active{

    color: #ff0000;

}



a:focus{

    text-decoration: none!important;

}

.text-width2{

    max-width: 350px;

}



.text-white {

    color: #fff;

}

#bannerPagination .pagination {

   bottom: -10px;

   position: absolute;

   right: 10px;

}

/* Gallery ------------------------------------------ */

.gallery {

  display: inline-block;

  list-style: none;

  margin: 0;

  padding: 0;

}

.gallery > li {

  display: inline-block;

  margin: 5px;

  overflow: hidden;

  position: relative;

}

.gallery > li > a > div {

  display: block;

  position: relative;

}

.gallery > li > a > div > i {

  display: block;

  background-color: #222;

  opacity: 0;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -webkit-transition: all 0.7s ease;

  -moz-transition: all 0.7s ease;

  -ms-transition: all 0.7s ease;

  -o-transition: all 0.7s ease;

  transition: all 0.7s ease;

}

.gallery > li:hover > a > div > i {

  opacity: 0.5;

}

.gallery > li > .gallery-tools {

  width: 100%;

  position: absolute;

  height: 30px;

  bottom: -30px;

  background-color: #222;

  opacity: 0.8;

  padding: 3px;

  text-align: center;

  -webkit-transition: all 0.7s ease;

  -moz-transition: all 0.7s ease;

  -ms-transition: all 0.7s ease;

  -o-transition: all 0.7s ease;

  transition: all 0.7s ease;

}

.gallery > li:hover > .gallery-tools {

  bottom: 0;

}

.gallery > li > .gallery-tools > a {

  color: rgba(255,255,255,0.5);

  margin: 0 3px;

  font-size: 18px;

}



.gallery > li > .gallery-tools > a:hover {

  color: #fff;

}

.gallery-cat {

  min-width: 150px;

}

.gallery-sort {

  min-width: 100px;

}



























:root {

  --tb-card-logo-dark: block;

  --tb-card-logo-light: none;

  --tb-vertical-menu-bg: #fff;

  --tb-vertical-menu-border: #eff2f7;

  --tb-vertical-menu-item-color: #6d7080;

  --tb-vertical-menu-item-hover-color: #e51a4b;

  --tb-vertical-menu-item-hover-bg: #e51a4b;

  --tb-vertical-menu-item-active-color: #e51a4b;

  --tb-vertical-menu-item-active-bg: rgba(67, 142, 255, 0.15);

  --tb-vertical-menu-sub-item-color: #7c7f90;

  --tb-vertical-menu-sub-item-hover-color: #e51a4b;

  --tb-vertical-menu-sub-item-active-color: #e51a4b;

  --tb-vertical-menu-title-color: #919da9;

  --tb-header-bg: #fff;

  --tb-header-item-color: #1f242e;

  --tb-header-item-sub-color: var(--tb-emphasis-color);

  --tb-topbar-search-bg: #f3f3f9;

  --tb-topbar-user-bg: #f3f6f9;

  --tb-footer-bg: #fff;

  --tb-footer-color: #98a6ad;

  --tb-topnav-bg: #fff;

  --tb-topnav-item-color: #6d7080;

  --tb-topnav-item-color-active: #e51a4b;

  --tb-twocolumn-menu-iconview-bg: #fff;

  --tb-twocolumn-menu-bg: #fff;

  --tb-boxed-body-bg: #f5f5f5;

}

:root, [data-bs-theme=light] {

    --tb-blue: #804c85;

    --tb-indigo: #405189;

    --tb-purple: #8561f9;

    --tb-pink: #f7649f;

    --tb-red: #ff6c6c;

    --tb-orange: #f1963b;

    --tb-yellow: #f6b749;

    --tb-green: #2dcb73;

    --tb-teal: #4ab0c1;

    --tb-cyan: #e51a4b;

    --tb-black: #000;

    --tb-white: #fff;

    --tb-gray: #878a99;

    --tb-gray-dark: #1f242e;

    --tb-gray-100: #f3f6f9;

    --tb-gray-200: #eff2f7;

    --tb-gray-300: #e9ebec;

    --tb-gray-400: #ced4da;

    --tb-gray-500: #adb5bd;

    --tb-gray-600: #878a99;

    --tb-gray-700: #2b313e;

    --tb-gray-800: #1f242e;

    --tb-gray-900: #141821;

    --tb-primary: #3c4493;

    --tb-secondary: #8561f9;

    --tb-success: #2dcb73;

    --tb-info: #4ab0c1;

    --tb-warning: #f6b749;

    --tb-danger: #ff6c6c;

    --tb-light: #eff2f7;

    --tb-dark: #141821;

    --tb-primary-rgb: 41,57,137;

    --tb-secondary-rgb: 133,97,249;

    --tb-success-rgb: 45,203,115;

    --tb-info-rgb: 74,176,193;

    --tb-warning-rgb: 246,183,73;

    --tb-danger-rgb: 255,108,108;

    --tb-light-rgb: 239,242,247;

    --tb-dark-rgb: 20,24,33;

    --tb-primary-text-emphasis: #262626;

    --tb-secondary-text-emphasis: #6a4ec7;

    --tb-success-text-emphasis: #24a25c;

    --tb-info-text-emphasis: #347b87;

    --tb-warning-text-emphasis: #ac8033;

    --tb-danger-text-emphasis: #cc5656;

    --tb-light-text-emphasis: #878a99;

    --tb-dark-text-emphasis: #2b313e;

    --tb-primary-bg-subtle: #ffcad7;

    --tb-secondary-bg-subtle: #e7dffe;

    --tb-success-bg-subtle: #d5f5e3;

    --tb-info-bg-subtle: #dbeff3;

    --tb-warning-bg-subtle: #fdf1db;

    --tb-danger-bg-subtle: #ffe2e2;

    --tb-light-bg-subtle: #f9fbfc;

    --tb-dark-bg-subtle: #ced4da;

    --tb-primary-border-subtle: #b4d2ff;

    --tb-secondary-border-subtle: #cec0fd;

    --tb-success-border-subtle: #abeac7;

    --tb-info-border-subtle: #b7dfe6;

    --tb-warning-border-subtle: #fbe2b6;

    --tb-danger-border-subtle: #ffc4c4;

    --tb-light-border-subtle: #eff2f7;

    --tb-dark-border-subtle: #adb5bd;

    --tb-white-rgb: 255,255,255;

    --tb-black-rgb: 0,0,0;

    --tb-font-sans-serif: "Inter", sans-serif;

    --tb-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;

    --tb-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));

    --tb-body-font-family: var(--tb-font-sans-serif);

    --tb-body-font-size: 0.9063rem;

    --tb-body-font-weight: 400;

    --tb-body-line-height: 1.5;

    --tb-body-color: #141821;

    --tb-body-color-rgb: 20,24,33;

    --tb-body-bg: #fff;

    --tb-body-bg-rgb: 255,255,255;

    --tb-emphasis-color: #000;

    --tb-emphasis-color-rgb: 0,0,0;

    --tb-secondary-color: rgba(20, 24, 33, 0.75);

    --tb-secondary-color-rgb: 20,24,33;

    --tb-secondary-bg: #fff;

    --tb-secondary-bg-rgb: 255,255,255;

    --tb-tertiary-color: rgba(20, 24, 33, 0.5);

    --tb-tertiary-color-rgb: 20,24,33;

    --tb-tertiary-bg: #f3f6f9;

    --tb-tertiary-bg-rgb: 243,246,249;

    --tb-heading-color: var(--tb-secondary-color);

    --tb-link-color: #e51a4b;

    --tb-link-color-rgb: #f7649f;

    --tb-link-decoration: none;

    --tb-link-hover-color: #262626;

    --tb-link-hover-color-rgb: 54,114,204;

    --tb-code-color: #f7649f;

    --tb-highlight-bg: #fdf1db;

    --tb-border-width: 1px;

    --tb-border-style: solid;

    --tb-border-color: #eff2f7;

    --tb-border-color-translucent: #eff2f7;

    --tb-border-radius: 0.25rem;

    --tb-border-radius-sm: 0.2rem;

    --tb-border-radius-lg: 0.3rem;

    --tb-border-radius-xl: 1rem;

    --tb-border-radius-xxl: 2rem;

    --tb-border-radius-2xl: var(--tb-border-radius-xxl);

    --tb-border-radius-pill: 50rem;

    --tb-box-shadow: rgba(135, 138, 153, 0.1) 0px 5px 20px -6px;

    --tb-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);

    --tb-box-shadow-lg: 0 5px 10px rgba(30, 32, 37, 0.12);

    --tb-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);

    --tb-focus-ring-width: 0.25rem;

    --tb-focus-ring-opacity: 0.25;

    --tb-focus-ring-color: rgba(67, 142, 255, 0.25);

    --tb-form-valid-color: #2dcb73;

    --tb-form-valid-border-color: #2dcb73;

    --tb-form-invalid-color: #ff6c6c;

    --tb-form-invalid-border-color: #ff6c6c;

}

.btn-primary {

    --tb-btn-color: #fff;

    --tb-btn-bg: #293989;

    --tb-btn-border-color: #293989;

    --tb-btn-hover-color: #fff;

    --tb-btn-hover-bg: #262626;

    --tb-btn-hover-border-color: #262626;

    --tb-btn-focus-shadow-rgb: 95,159,255;

    --tb-btn-active-color: #fff;

    --tb-btn-active-bg: #262626;

    --tb-btn-active-border-color: #262626;

    --tb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --tb-btn-disabled-color: #fff;

    --tb-btn-disabled-bg: #293989;

    --tb-btn-disabled-border-color: #293989;

}

.navbar-menu .navbar-nav .nav-link i {

  font-size: 20px !important;

}

.dropzone {

    min-height: 230px;

    border: 2px dashed var(--tb-border-color) !important;

    background: var(--tb-secondary-bg)  !important;

    border-radius: 6px;

}



.text-grey-m2 {

    color: #888a8d!important;

}



.text-success-m2 {

    color: #86bd68!important;

}



.font-bolder, .text-600 {

    font-weight: 600!important;

}



.text-110 {

    font-size: 110%!important;

}

.text-blue {

    color: #478fcc!important;

}

.pb-25, .py-25 {

    padding-bottom: .75rem!important;

}



.pt-25, .py-25 {

    padding-top: .75rem!important;

}

.bgc-default-tp1 {

    background-color: rgba(121,169,197,.92)!important;

}

.bgc-default-l4, .bgc-h-default-l4:hover {

    background-color: #f3f8fa!important;

}

.page-header .page-tools {

    -ms-flex-item-align: end;

    align-self: flex-end;

}



.btn-light {

    color: #757984;

    background-color: #f5f6f9;

    border-color: #dddfe4;

}

.w-2 {

    width: 1rem;

}



.text-120 {

    font-size: 120%!important;

}

.text-primary-m1 {

    color: #4087d4!important;

}



.text-danger-m1 {

    color: #dd4949!important;

}

.text-blue-m2 {

    color: #68a3d5!important;

}

.text-150 {

    font-size: 150%!important;

}

.text-60 {

    font-size: 60%!important;

}

.text-grey-m1 {

    color: #7b7d81!important;

}

.align-bottom {

    vertical-align: bottom!important;

}



.page-header {

    margin: 0 0 1rem;

    padding-bottom: 1rem;

    padding-top: .5rem;

    border-bottom: 1px dotted #e2e2e2;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -ms-flex-align: center;

    align-items: center;

}

.page-title {

    padding: 0;

    margin: 0;

    font-size: 1.75rem;

    font-weight: 300;

}

.text-right {

  text-align: right;

}

.mx-n3 {

    margin-right: -0.7rem!important;

    margin-left: -0.7rem!important;

}

.badge-label.bg-primary:before {

    border-right-color: #e51a4b;

}

.text-bg-primary {

    background-color:#e51a4b !important;

}

.badge-gradient-primary {

    background: linear-gradient(135deg,#e51a4b 0,#e51aa9 100%);

}

.badge-outline-primary {

        color: #e51a4b;

    border: 1px solid #e51a4b;

}

.breadcrumb_bg {

    background-color: #d9e8ff !important;

}

.btn-primary.btn-animation {

    background-color: #e51a4b;

    border-color: #e51a4b;

}

.btn-primary.btn-animation:active, .btn-primary.btn-animation:focus, .btn-primary.btn-animation:focus-visible, .btn-primary.btn-animation:hover {

    color: #e51a4b;

    background-color: rgba(229,26,75,.1);

}

.btn-ghost-primary {

    color: #e51a4b;

}

.btn-ghost-primary:hover {

    color: #e51a4b;

    background-color:rgba(229,26,75,.1);

    border-color: transparent;

}

.btn-soft-primary {

    color: #e51a4b;

    background-color:rgba(229,26,75,.1);

    border-color: transparent;

}

.btn-soft-primary:hover {

    color: #fff;

    background-color:#e51a4b;

    border-color: transparent;

}

.btn-outline-primary {

    color: #e51a4b;

    border-color:#e51a4b;

}

.btn-outline-primary:hover {

    color: #fff;

    background-color: #e51a4b;

    border-color: #e51a4b;

}

.btn-outline-primary.btn-border, .btn-primary.btn-border, .btn-soft-primary.btn-border {

    border-bottom: 2px solid #ce0e3c;

}

.page-content {

    background-color: #eef2f7;



}

.list-group-fill-primary.list-group-item {

        background-color: #e51a4b!important;

    border-color: #e51a4b;

    color: #fff;

}

.list-group-item.active {

    background-color: #e51a4b;

    border-color: #e51a4b;

}

.active>.page-link, .page-link.active {

     background-color: #293989;

    border-color: #293989;

}

.page-link {

    color: #293989 ;

}

.gridjs-pagination .gridjs-pages button.gridjs-currentPage {

    background-color: #e51a4b;

    border-color: #e51a4b;

}

.listjs-pagination li.active .page {

    background-color: #e51a4b;

    border-color: #e51a4b;

}

.form-icon {

    position: relative;

}

.form-icon.right i {

    left: auto;

    right: 18px;

}

.form-icon i {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 18px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.form-group {

    margin-bottom: 1rem!important;

}

.navbar-header .user-name-text {

    text-transform: capitalize;

}

.form-check-input {

        border: var(--tb-border-width) solid #858a93 !important;

}

.form-check-input:checked {

    background-color: #319db5 !important;

}

.form-check input[type="checkbox"] {

    opacity: 1 !important;

    position: inherit !important;

}

.timeframe {

    display: block;

    margin-left: 0;

    padding: 10px 0;

    position: relative;

}

.timeframe-line {

    background: #3fa9f5;

    height: 100%;

    left: 25px;

    position: absolute;

    top: -10px;

    width: 1px;

}

.timeframe-block {

    background: #FFF;

    border: 1px solid #dddddd;

    margin-bottom: 18px;

    margin-left: 60px;

    margin-top: 10px;

    padding: 0;

    border-radius: 3px;

    position: relative;

}

.timeframe-circle i {

    color: #3fa9f5;

    font-size: 16px;

    padding: 0 !important;

    line-height: 38px;

}

.timeframe-circle {

    background: #ffffff;

    border: 1px solid #3fa9f5;

    height: 40px;

    left: -55px;

    position: absolute;

    text-align: center;

    top: 6px;

    width: 40px;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    -ms-border-radius: 100%;

    -o-border-radius: 100%;

    border-radius: 100%;

}

.timeframe .arrow-left {

    position: absolute;

    top: 0;

    left: -9px;

    background: url(../images/arrow-left.png) no-repeat 0 0;

    margin-top: 14px;

    width: 9px;

    height: 18px;

}

.timeframe-circle span {

    color: #3fa9f5;

    font-size: 20px;

    line-height: 36px;

    text-align: center;

    text-transform: uppercase;

}

.timeframe-status {

    border-bottom: 0 solid #ccc;

    padding: 10px 15px;

    padding-bottom: 5px;

}

.timeframe-status strong {

    font-size: 16px;

    padding-bottom: 0;

}

.timeframe-info {

    padding: 0 15px;

    padding-bottom: 10px;

}

.timeframe-date {

    background: #ececec;

    border-top: 1px solid #FFF;

    padding: 10px 15px;

}

.timeframe-line-center {

    left: 50%;

    top: 0;

    margin-left: -2px;

}

.timeframe-block-left, .timeframe-block-right {

    background: none;

    float: left;

    width: 50%;

    position: relative;

}

.timeframe-block.timeframe-block-right {

    float: right;

}

.timeframe-block-left {

    margin-top: 4.2em;

    margin-bottom: 0;

}

.timeframe-main {

    margin-bottom: 40px;

}

.timeframe-sec {

    background: #FFF;

    border: 1px solid #dddddd;

    position: relative;

    border-radius: 3px;

}

.timeframe-block-left .timeframe-sec {

    margin-right: 40px;

    margin-left: 20px;

}

.timeframe-block-right .timeframe-sec {

    margin-left: 40px;

    margin-right: 20px;

}

.timeframe-block-left .timeframe-content, .timeframe-block-right .timeframe-content {

    position: relative;

}

.timeframe-block-left .arrow-left {

    position: absolute;

    left: auto;

    right: -9px;

    background: url(../images/arrow-right.png) no-repeat 0 0;

    margin-top: 14px;

    width: 9px;

    height: 18px;

}

.timeframe-center:before {

    background: #3fa9f5;

    content: "";

    height: 100%;

    position: absolute;

    top: 0;

    width: 2px;

    left: 50%;

    margin-left: -2px

}

.timeframe-center .timeframe-circle {

    backface-visibility: hidden;

    left: 100%;

    margin-left: -20px;

    text-align: center;

}

.timeframe-block-right .timeframe-circle {

    left: auto;

    right: 100%;

    margin-left: 0;

    margin-right: -20px;

}

.timeframe-main.background-white .timeframe-block-left .timeframe-content, .timeframe-main.background-white .timeframe-block-right .timeframe-content {

    background: #FFF;

}

.timeframe-main.background-white .timeframe-date {

    background: #ddd;

}

@media (max-width: 768px) { 

    #from_date .datepicker {
        top: 300px !important;
}

#to_date .datepicker {
        top: 360px !important;
}
    }