:root{
    --main-bg--:#ede7d9;
    --primary-font--: "Cardo", serif;
    --secondary-font--:"Open Sans", sans-serif;
    --black-color--:#121212;
    --pink--:#f5b8db;
    --white--:#ffffff;
    --graytext--:#747371;
    --theme-green--:#9aab63;
    --theme-primary--:#f5b8db;
    --theme-secondayr--:#7f7e7b;
    --theme-warning--:#f5d867;
    --theme-dark--:#121212;
    --theme-success--:#9aab63;
    --theme-info--:#b6caeb;
    --theme-light--:#faf4e5;
    --theme-danger--:#cb2830;
    --theme-line--:#c2c1bb;
    --input-bg--:#e6decc;
}

.font-primary{font-family: var(--primary-font--);}
.font-secondary{font-family: var(--primary-font--);}

*{box-sizing:border-box;-moz-box-sizing: border-box;}
*:focus{outline: none !important;}

.rtl{direction: rtl;}
body{font-family: var(--secondary-font--);background:var(--main-bg--);padding-top:5rem;font-size: 1rem; font-weight: 400;}
a{text-decoration: none;color:inherit;display: inline-block;}
textarea:focus, input:focus{outline:none}
h1,h2,h3,h4,h5,h6,p{margin:0;}

body.menu-active{padding-top:4.375rem;padding-left: 6rem;}
body.sm_enabled{padding-top:4.375rem;padding-left: 19rem;padding-bottom: 5rem;}

.notify{position: fixed;bottom: 4rem;right: 2rem;background: rgba(0,123,255, 7.0);color: #fff;max-width: 200px;padding: 1rem 2rem;z-index: 99999;transition: all 0.2s linear;display: none;}
.alert-message{position: fixed;bottom: 2rem;left: 0;right: 0;width: 50%;display: block;margin: auto;z-index: 99;}
.alert-message .alert{padding: 0.5rem 1.5rem;}

#additional-details{margin-top:6rem}

.input-bg{background-color: var(--input-bg--);}

.right-pane{background: #faf4e5;height: calc(96vh - 5rem);position: fixed;right: 5px;bottom: 4vh;z-index:99;width:15rem;padding:1rem;border: var(--pink--) 1px solid;border-radius: 0.625rem;}
.content{padding-right:16rem;}

.theme_header{padding-left:0.5rem;width: 100%;background:none;display: flex;padding-top:0.5rem;position: fixed;top:0;left:0;display: flex;justify-content: space-between;padding-right:0.5rem;align-items: center;background:var(--main-bg--);padding-bottom:0.5rem;}
.theme_header .header_logo{width:30rem;background: var(--black-color--);color: var(--white--);padding:0.6rem 1rem;border-radius: 1.5rem;text-align: center;margin-right:4rem;}
.theme_header .header_logo h2{font-size:0.8rem}
.theme_header .header_search{display: flex;width: 50%;align-items: center;color:var(--black-color--);}
.theme_header .header_search input{background:none;width:100%;border:var(--pink--) 1px solid;border-radius: 1.5rem;padding:0.6rem 1rem;font-weight: 600;} 
.theme_header .header_search button{background:var(--pink--);border:1px solid var(--pink--);padding:0.5rem;margin-left:0.5rem;border-radius: 50%;}
.header_options{display: flex;align-items: center;}
.header_options>div a{background: var(--black-color--);border:1px solid var(--black-color--);padding:0.5rem;margin-left:0.5rem;border-radius: 50%;color: var(--white--);display: inline-block;}
.header_options .header_profile{display: block;margin-left:1.5rem;background:var(--black-color--);border:1px solid var(--black-color--);padding:0.2rem;border-radius: 2rem;color:var(--white--);}
.header_options .header_profile_btn{display: flex;align-items: center;padding:0;position: relative;padding-right:1.5rem;margin-left:0}
.header_options .header_profile img{width:2rem;margin-right:0.5rem;border-radius: 50%;}
.header_options .header_profile span{font-size:0.5rem;display: block;}
.header_options .header_profile_btn::after{content:"";position: absolute;right: 0.5rem;top:3px;bottom:0;margin:auto;height: 8px;width: 8px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid var(--white--);transform: rotate(180deg);}
.header_options .header_plus{position: relative;}
.header_options .header_plus>a{transition: 0.1s ease all;}
.header_options .options{width:auto;background:var(--main-bg--);overflow: hidden;position: absolute;right:-1rem;top:3rem;border:1.5px solid var(--black-color--);padding:2rem;border-radius: 2rem;}
.header_options .options .each{width: 10rem;}
.header_options .options{display:grid;grid-template-columns: repeat(4,1fr);transition: 0.2s ease all;height: 0;visibility: hidden;opacity: 0;}
.header_options .options h2{color:var(--black-color--);font-size:0.8rem;margin-bottom:1rem;}
.header_options .options ul{padding:0;list-style: none;color: var(--graytext--);}
.header_options .options ul a{padding:0;background:none;border:none;color:var(--graytext--);font-size:0.8rem;margin-bottom:0.5rem;margin-left:0}
.header_options .options ul a:hover{color: var(--black-color--);}
.header_options .options.active{height: auto;visibility: visible;opacity: 1;}
.header_options .header_plus>a.active{transform: rotate(45deg);}

.backto{display: flex;padding:0.6rem;justify-content: center;align-items: center;border:1px dashed var(--black-color--);border-radius: 50%;}
.backto svg{width: 1.5rem;height: 1.5rem;}

.menu{width:5rem;position: fixed;z-index: 100;top:4rem;left: 0.5rem;transition: 0.2s ease all;height: calc(100vh - 6rem);overflow-y: auto;padding: 0px .0625rem 0 0px;background:var(--black-color--);color:var(--white--);border-radius: 0.625rem;}
.menu a{display: block;width: 100%;text-align: center;padding: 0.55rem 0;border-bottom: 1px #333 solid;}
.menu a.active{color: var(--pink--);}
.menu a span{display: block;}
.menu a span:first-child{font-size: 1rem;}
.menu a span:first-child + span{font-size: 0.7rem;}

/*menu sub menu*/
.main-sidebar{top:4rem;position:fixed;left: 6rem;width: 12rem; font-size: 0.5rem; bottom:0rem;background:#fff;z-index:99;will-change:transform;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;background:var(--black-color--);color:var(--white--);border-radius: 1rem;height: calc(100vh - 6rem);color:var(--white--)}
.main-sidebar.open{-webkit-transform:translateX(0);transform:translateX(0);box-shadow:0 .125rem 9.375rem rgba(90,97,105,.1),0 .25rem .5rem rgba(90,97,105,.12),0 .9375rem 1.375rem rgba(90,97,105,.1),0 .4375rem 2.1875rem rgba(165,182,201,.1)}
.main-sidebar .toggle-sidebar{position:absolute;right:0;height:100%;padding:1.25rem;font-size:1.25rem;}
.main-sidebar .toggle-sidebar:hover{cursor:pointer}
.main-sidebar .navbar-brand{overflow:hidden;height:3.75rem;font-size:1rem}
.main-sidebar .nav-wrapper{overflow-y:auto;overflow-x:hidden;height:100%;padding-top: 1rem;padding-bottom:1rem}
.main-sidebar .nav{}
.main-sidebar .nav .nav-item,.main-sidebar .nav .nav-link{white-space:nowrap;min-width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;will-change:background-color,box-shadow,color;transition:box-shadow .2s ease,color .2s ease,background-color .2s ease;font-size:.85rem}
.main-sidebar .nav .nav-item .nav-link{font-weight:400;color:var(--white--);padding:.5rem 1rem;font-size:0.9rem;}
.main-sidebar .nav .nav-item .nav-link i{min-width:1.25rem;font-size:90%;text-align:center;vertical-align:middle;will-change:color;color:#cacedb;transition:color .2s ease;margin-right:.375rem}
.main-sidebar .nav .nav-item .nav-link i.material-icons{font-size:1.125rem;top:-1px}
.main-sidebar .nav .nav-item .nav-link.active,.main-sidebar .nav .nav-item .nav-link:hover,.main-sidebar .nav .nav-item.active,.main-sidebar .nav .nav-item:hover{color:var(--pink--)}
.main-sidebar .nav .nav-item .nav-link.active i,.main-sidebar .nav .nav-item .nav-link:hover i,.main-sidebar .nav .nav-item.active i,.main-sidebar .nav .nav-item:hover i{color:var(--pink--)}
.main-sidebar .nav--no-borders .nav-item .nav-link{border-bottom:0;text-decoration: none;}
.main-sidebar .nav--no-borders .dropdown-menu{box-shadow:inset 0 0 .4375rem rgba(61,81,112,.2)}
.main-sidebar .nav--no-borders .dropdown-menu .dropdown-item:first-child{border-top:1px solid #e1e5eb}
.main-sidebar .dropdown-menu{position:static!important;-webkit-transform:translate(0)!important;transform:translate(0)!important;box-shadow:none;border-radius:0;width:100%;border:none;padding:0;box-shadow:inset 0 -.1875rem .1875rem rgba(61,81,112,.08)}
.main-sidebar .dropdown-menu .dropdown-item{padding:.75rem 1.75rem;border-bottom:1px solid #f0f2f5;color:#3d5170;font-size:.8125rem;font-weight:400}
.main-sidebar .dropdown-menu .dropdown-item.active,.main-sidebar .dropdown-menu .dropdown-item:hover{color:var(--pink--)}
.main-sidebar .dropdown-menu .dropdown-item:hover{background:0 0}
.main-sidebar .dropdown-menu .dropdown-item.active{background-color:#fbfbfb}
.main-sidebar .dropdown-menu .dropdown-item:last-of-type{border-bottom:1px solid #e1e5eb}
.main-sidebar .dropdown-menu .dropdown-divider{margin:0}
.main-sidebar .dropdown-toggle{position:relative}
.main-sidebar .dropdown-toggle::after{background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTcuNDEgNy44NEwxMiAxMi40Mmw0LjU5LTQuNThMMTggOS4yNWwtNiA2LTYtNnoiLz4gICAgPHBhdGggZD0iTTAtLjc1aDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+);background-position:center center;width:.875rem;height:.5625rem;transition:-webkit-transform 250ms ease-in-out;transition:transform 250ms ease-in-out;transition:transform 250ms ease-in-out,-webkit-transform 250ms ease-in-out;border:none;position:absolute;top:50%;right:.625rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:.1;will-change:transform}
.main-sidebar .dropdown.show .dropdown-toggle::after{-webkit-transform:translateY(-50%) rotateZ(180deg);transform:translateY(-50%) rotateZ(180deg)}
.main-sidebar__nav-title{text-transform:uppercase;margin:0;font-size:.6rem;letter-spacing:.125rem;font-weight:500;color:#757383;padding:1rem;font-weight: 700;color: var(--graytext--);}
.main-sidebar .submenu{padding-left:0.5rem}

.sidemenu_has_plus{display:block;position: relative;}
.sidemenu_has_plus .sidemenu_plus_btn{position: absolute;right:0.1rem;top:0rem;color:var(--pink--) !important;padding:0.45rem 0.5rem;display: flex;align-items: center;border-radius: 50%;height: 0;opacity: 0;visibility: hidden;}
.sidemenu_has_plus:hover .sidemenu_plus_btn{opacity: 1;height: auto;visibility: visible;}
.sidemenu_has_plus .sidemenu_plus_btn i{font-size:0.8rem;color:var(--pink--) !important}

/*Footer*/

footer{min-height: 30px;width:100%;background:#ffffff;position: fixed;bottom:0;left:0;font-size:12px;display: flex;justify-content: center;align-items: center;z-index: 100}
footer .a-container{align-items: center;padding:0 25px;width:100%;display: flex;}
footer .last-login{width:300px;}
footer .session{flex-grow: 1;}
.select2-a-container--default .select2-selection--single .select2-selection__rendered{line-height:32px;color: #495057;}
.select2-a-container .select2-selection--single{height: auto;padding: .4375rem .75rem;}
.select2-a-container--default .select2-selection--single{border: 1px solid #e1e5eb;}
.select2-a-container--default .select2-selection--single .select2-selection__arrow{height: 100%;}

.header_profile_btn{}
.header_profile{position: relative;}
.header_profile .list{position: absolute;margin-top:1rem;width: 10rem;right:0;height: 0;opacity: 0;visibility: hidden;transition: 0.2s ease all;}
.header_profile .list.active{visibility: visible;height: auto;opacity: 1;}
.header_profile .list a{border-radius: 2rem;width: 100%;display: inline-block;margin:0 0 0.5rem 0;padding-left:1rem}

.header_options .header_profile_btn.active::after{transform: rotate(0deg);top:-3px}
.threedot button{background:none;border:none;outline:none}

/*Bootsrap Overide*/

/*accordion*/
.accordion-item{margin-bottom:0.5rem;font-weight: 600;}
.accordion-item:first-of-type .accordion-button,.accordion-item .accordion-button{background:var(--theme-green--);color:var(--theme-dark--);border-top-left-radius: 1.8rem;border-top-right-radius: 1.8rem;}
.accordion-item{background:none;border:none}
.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.accordion-body{background:var(--theme-light--);border-bottom-left-radius:1.8rem;border-bottom-right-radius:1.8rem;padding:1.8rem}
.accordion-button:focus{box-shadow: none !important;}
.accordion-item:first-of-type > .accordion-header .accordion-button{border-top-left-radius: 1.8rem;
    border-top-right-radius: 1.8rem;}

/*Badge*/
.badge{padding:.4rem .7rem;font-size:0.7rem;font-weight:500;color:#fff;border-radius:.375rem;text-transform: uppercase;}
a.badge{transition:all 250ms cubic-bezier(.27,.01,.38,1.06)}
.badge-pill{padding-right:.5rem;padding-left:.5rem;border-radius:10rem}
.badge-squared{border-radius:0}
.badge-primary{background-color: var(--theme-primary--);color:var(--black-color--)}
.badge-outline-primary{background:0 0;border:1px solid var(--theme-primary--);color:var(--theme-dark--)}
.badge-secondary{background:var(--theme-secondayr--);color:var(--white--)}
.badge-outline-secondary{background:0 0;border:1px solid var(--theme-secondayr--);color:var(--black-color--)}
.badge-success{background-color:var(--theme-green--);color: var(--black-color--);}
.badge-outline-success{background:0 0;border:1px solid var(--theme-success--);color:var(--black-color--)}
.badge-info{background:var(--theme-info--);color: var(--black-color--);}
.badge-outline-info{background:0 0;border:1px solid var(--theme-info--);color:var(--black-color--)}
.badge-warning{background:var(--theme-warning--);color: var(--black-color--);}
.badge-outline-warning{background:0 0;border:1px solid var(--theme-warning--);color:var(--black-color--)}
.badge-danger{color:var(--white--);background-color:var(--theme-danger--)}
.badge-outline-danger{background:0 0;border:1px solid var(--theme-danger--);color:var(--black-color--)}
.badge-light{color:#212529;background-color:#fbfbfb}
.badge-light[href]:focus,.badge-light[href]:hover{color:#212529;text-decoration:none;background-color:#e2e2e2}
.badge-outline-light{background:0 0;border:1px solid #fbfbfb;color:#fbfbfb;color:#212529}
.badge-dark{color:#fff;background-color:#212529}
.badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#0a0c0d}
.badge-outline-dark{background:0 0;border:1px solid #212529;color:#212529}

/*list group*/
.list-group-item.active{background: var(--pink--);color: var(--theme-dark--);}
.list-group-item{background: var(--input-bg--);margin-bottom:0.3rem;border:none;color: var(--theme-dark--);padding:1rem 1.5rem;border-radius: 2rem !important;display: flex;align-items: center;font-weight: 600;}
.list-group-item-action:focus, .list-group-item-action:hover{background: var(--main-bg--);}

/*Card*/
.card{border:none;border-radius:1.8rem;box-shadow: none;transition: all 0.3s ease;background:var(--theme-light--)}
.card-body{padding:1.875rem}
.card .title{font-weight:500;/*margin-bottom:.75rem*/}
.card-header{padding:1.09375rem 1.875rem;border:none;border-bottom:1px solid var(--theme-line--);}
.card-footer{padding:1.09375rem 1.875rem;border:none;border-top:1px solid var(--theme-line--)}
.card-header:first-child{border-top-right-radius: 1.8rem;border-top-left-radius: 1.8rem;}
.card-footer:last-child{border-bottom-right-radius: 1.8rem;border-bottom-left-radius: 1.8rem;}

/*Model*/
.modal{z-index:1050;background:rgba(0, 0, 0, 0.2)}
.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;}
.modal-dialog-centered{min-height:calc(100% - (.625rem * 2))}
.modal-content{background-color:var(--main-bg--);border:none;border-radius:1.8rem;box-shadow:0 .46875rem 2.1875rem rgba(90,97,105,.1),0 .9375rem 1.40625rem rgba(90,97,105,.1),0 .25rem .53125rem rgba(90,97,105,.12),0 .125rem .1875rem rgba(90,97,105,.1)}
.modal-backdrop{z-index:1040;background-color:#3d5170}
.modal-backdrop.show{opacity:.12}
.modal-header{padding:1.2rem;border-bottom:1px solid var(--theme-line--);background-color:var(--theme-light--);border-top-left-radius:1.8rem;border-top-right-radius:1.8rem;}
.modal-title{line-height:1.5}
.modal-body{padding:1.2rem}
.modal-footer{padding:1.2rem;border-top:1px solid #dfe1e3}


.tooltip{z-index:1070;margin:0;font-style:normal;font-weight:300;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.6875rem}
.tooltip.show{opacity:1}
.tooltip .arrow{width:5px;height:5px}


/*Alert*/

.alert{padding:2rem 1.5rem;margin-bottom:1rem;border:none;border-radius:1.8rem;font-size: 1rem;}
.alert-link{font-weight:500}
.alert-dismissible .close{top:0;right:0;padding:.75rem 1.25rem;transition:all 250ms cubic-bezier(.27,.01,.38,1.06)}
.alert-dismissible .close:hover{cursor:pointer}
.alert-primary{color:var(--black-color--);background-color:var(--theme-primary--)}
.alert-primary .alert-link{color:var(--black-color--)}
.alert-secondary{color:#d9dcdf;background-color:var(--theme-secondayr--)}
.alert-secondary .alert-link{color:#d9dcdf}
.alert-success{color:var(--black-color--);background-color:var(--theme-success--)}
.alert-success .alert-link{color:var(--black-color--)}
.alert-info{color:var(--black-color--);background-color:var(--theme-info--)}
.alert-info .alert-link{color:var(--black-color--)}
.alert-warning{color:var(--black-color--);background-color:var(--theme-warning--)}
.alert-warning .alert-link{color:var(--black-color--)}
.alert-danger{color:var(--white--);background-color:var(--theme-danger--)}
.alert-danger .alert-link{color:var(--white--)}
.alert-light{color:var(--black-color--);background-color:var(--theme-light--)}
.alert-light .alert-link{color:var(--black-color--)}
.alert-dark{color:var(--white--);background-color:#212529}
.alert-dark .alert-link{color:var(--white--)}

/*breadcum*/
.breadcrumb{font-size:1.3rem;color:var(--graytext--)}
.breadcrumb-item.active{color: var(--black-color--);font-weight: 600;}

/*input group*/
.input-group-text{height:auto;padding:0.8rem 1.2rem;font-size:0.8rem;line-height:1.5;color:var(--black-color--);font-weight:300;border:none;background:var(--theme-primary--);border-radius: 2rem;border-top-right-radius: 0;border-bottom-right-radius: 0;}

/*Buttons*/
.btn{font-size: 0.85rem;width: auto;padding:0.6rem 1.2rem;border-radius: 2rem;font-weight: 600;}
.btn-link{color: var(--theme-primary--);}
.btn-link:hover{color: var(--theme-primary--);opacity: 0.9;}
.btn-primary{color: var(--black-color--);background:var(--theme-primary--);border-color: var(--theme-primary--);}
.btn-primary:hover{background:var(--theme-primary--);opacity: 0.9;border-color: var(--theme-primary--);color: var(--black-color--);}
.btn-secondary{color: var(--white--);background:var(--theme-secondayr--);border-color: var(--theme-secondayr--);}
.btn-secondary:hover{background:var(--theme-secondayr--);opacity: 0.9;border-color: var(--theme-secondayr--);color: var(--white--);}
.btn-success{background:var(--theme-success--);color: var(--black-color--);border-color: var(--theme-success--);}
.btn-success:hover{opacity: 0.9;background-color: var(--theme-success--);border-color: var(--theme-success--);color:var(--black-color--)}
.btn-danger{background-color: var(--theme-danger--);color:var(--white--);border-color:var(--theme-danger--)}
.btn-danger:hover{background-color:var(--theme-danger--);border-color: var(--theme-danger--);color: var(--white--);opacity: 0.9;}
.btn-warning{background-color:var(--theme-warning--);color:var(--black-color--);border-color:var(--theme-warning--);}
.btn-warning:hover{opacity: 0.9;background:var(--theme-warning--);border-color:var(--theme-warning--);color: var(--black-color--);}
.btn-info{background: var(--theme-info--);color: var(--black-color--);border-color: var(--theme-info--);}
.btn-info:hover{background:var(--theme-info--);border-color:var(--theme-info--);color: var(--black-color--);opacity: 0.9;}
.btn-light{background:var(--theme-light--);color: var(--black-color--);border-color:var(--theme-light--);}
.btn-light:hover{background:var(--theme-light--);color: var(--black-color--);border-color:var(--theme-light--);opacity: 0.9;}
.btn-outline-primary{color: var(--theme-primary--);border-color:var(--theme-primary--)}
.btn-outline-primary:hover{color: var(--white--);background:var(--theme-primary--);border-color:var(--theme-primary--)}
.btn-outline-secondary{color:var(--theme-secondayr--);border-color:var(--theme-secondayr--)}
.btn-outline-secondary:hover{background:var(--theme-secondayr--);color: var(--white--);border-color:var(--theme-secondayr--)}
.btn-outline-success{color:var(--theme-success--);border-color:var(--theme-success--)}
.btn-outline-success:hover{color:var(--white--);background:var(--theme-success--);border-color:var(--theme-success--)}
.btn-outline-danger{color: var(--theme-danger--);border-color:var(--theme-danger--)}
.btn-outline-danger:hover{color: var(--white--);background:var(--theme-danger--);border-color: var(--theme-danger--);}
.btn-outline-warning{color: var(--theme-warning--);border-color: var(--theme-warning--);}
.btn-outline-warning:hover{color: var(--white--);background:var(--theme-warning--);border-color:var(--theme-warning--)}
.btn-outline-info{color: var(--theme-info--);border-color:var(--theme-info--)}
.btn-outline-info:hover{color: var(--white--);background:var(--theme-info--);border-color: var(--theme-info--);}
.btn-outline-light{color: var(--graytext--);border-color: var(--theme-light--);}
.btn-outline-light:hover{color: var(--graytext--);background:var(--theme-light--)}
.dropdown button svg{width: 1.4rem;height: 1.4rem;}
.btn-primary:active{background:var(--theme-primary--) !important;color:var(--black-color--) !important;border-color: var(--theme-primary--) !important;}
.btn-secondary:active{background:var(--theme-secondayr--) !important;border-color: var(--theme-secondayr--) !important;}
.btn-success:active{background: var(--theme-success--) !important;color: var(--black-color--) !important;border-color: var(--theme-success--) !important;}
.btn-warning:active{background:var(--theme-warning--) !important;color: var(--black-color--) !important;border-color:var(--theme-warning--) !important}
.btn-danger:active{background:var(--theme-danger--) !important;border-color: var(--theme-danger--) !important;}
.btn-info:active{background: var(--theme-info--) !important;color: var(--black-color--) !important;border-color: var(--theme-info--) !important;}
.btn-light:active{background:var(--theme-light--) !important;color: var(--black-color--) !important;border-color: var(--theme-light--) !important;}
.btn-primary.show{background:var(--theme-primary--) !important;color:var(--black-color--) !important;border-color: var(--theme-primary--) !important;}
.btn-secondary.show{background:var(--theme-secondayr--) !important;border-color: var(--theme-secondayr--) !important;}
.btn-success.show{background: var(--theme-success--) !important;color: var(--black-color--) !important;border-color: var(--theme-success--) !important;}
.btn-warning.show{background:var(--theme-warning--) !important;color: var(--black-color--) !important;border-color:var(--theme-warning--) !important}
.btn-danger.show{background:var(--theme-danger--) !important;border-color: var(--theme-danger--) !important;}
.btn-info.show{background: var(--theme-info--) !important;color: var(--black-color--) !important;border-color: var(--theme-info--) !important;}
.btn-light.show{background:var(--theme-light--) !important;color: var(--black-color--) !important;border-color: var(--theme-light--) !important;}
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active{background-color: var(--theme-primary--);border-color: var(--theme-primary--);}
.btn-check + .btn:hover{border-color: var(--theme-primary--);color: var(--theme-dark--);}

/*Form Control*/
label{color: var(--black-color--);font-weight: 600;font-size:0.8rem;}
.form-group{margin-bottom:1rem}
.form-group>label{padding: 0.25rem 0.5rem;}
.form-group small{margin-left:0.7rem}
.form-control{height:auto;padding:0.8rem 1.2rem;font-size:0.8rem;line-height:1.5;color:var(--black-color--);font-weight:300;border:none;background:var(--input-bg--);border-radius: 2rem;}
.form-control:hover{border:none;outline:none}
.form-control:focus{outline:none;box-shadow: none;background:var(--input-bg--)}
.form-control:focus:hover{border:none}
.form-control::-webkit-input-placeholder{color:var(--graytext--)}
.form-control::-ms-input-placeholder{color:var(--graytext--)}
.form-control::placeholder{color:var(--graytext--)}
.form-control:disabled,.form-control[readonly]{background-color:var(--theme-line--)}
.form-control:disabled:hover,.form-control[readonly]:hover{border-color:#e1e5eb;cursor:not-allowed}
.form-control[readonly]:not(:disabled):focus{box-shadow:none;border-color:#e1e5eb}
textarea.form-control{padding:1.5rem;}
select.form-control:focus::-ms-value{color:#495057;background-color:#fff}
select.form-control:hover{cursor:pointer}
.form-select{background-color:var(--input-bg--);height:auto;padding:0.8rem 1.2rem;padding-right: 1.8rem; font-size:0.8rem;line-height:1.5;color:var(--black-color--);font-weight:300;border:none;border-radius: 2rem;}
.form-check{display: flex;align-items:center;}
.form-check-input[type="checkbox"]{background-color:transparent;width: 1.5rem;height: 1.5rem;float: none;border-color:var(--theme-primary--);margin-right:0.5rem;margin-top:0}
th .form-check-input[type="checkbox"]{border-color: var(--white--);}
.form-check-input:checked[type="checkbox"]{background-color:var(--theme-primary--)}
.form-check-input:focus{box-shadow: none;}
.form-check label{font-weight: 600;color: var(--black-color--);font-size:0.9rem;}
.form-check-input[type="radio"]{background-color:transparent;width: 1.5rem;height: 1.5rem;margin-right:0.8rem;float: none;border-color:var(--theme-primary--)}
.form-check-input:checked[type="radio"]{background-color:var(--theme-primary--)}


.custom-select{height:calc(2.09375rem + 2px);padding:.375rem 1.75rem .375rem .75rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #e1e5eb;font-weight:300;font-size:0.9rem;transition:box-shadow 250ms cubic-bezier(.27,.01,.38,1.06),border 250ms cubic-bezier(.27,.01,.38,1.06);border-radius:.25rem;width:100%}
.custom-select:focus{border-color:#007bff;box-shadow:0 .313rem .719rem rgba(0,123,255,.1),0 .156rem .125rem rgba(0,0,0,.06)}
.custom-select:focus::-ms-value{color:#495057;background-color:#fff}
.custom-select:hover:not(:focus):not(:disabled){cursor:pointer;border-color:#b3bdcc}
.custom-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem}
.custom-select:disabled{color:#868e96;background-color:#e9ecef}
.custom-select-sm{height:calc(1.88845rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:.75rem}
.custom-select-lg{height:calc(2.9375rem + 2px);font-size:1.25rem;padding-top:.375rem;padding-bottom:.375rem}

/*Pagination*/
.pagination{padding-left:0;list-style:none;font-size:.875rem}
.page-link{padding:0.8rem 1.2rem;line-height:1.25;color:var(--black-color--);background-color:var(--theme-light--);border:none;margin:0;transition:all 250ms cubic-bezier(.27,.01,.38,1.06);}
.page-item:first-child .page-link{border-top-left-radius: 1.5rem;border-bottom-left-radius: 1.5rem;}
.page-item:last-child .page-link{border-top-right-radius: 1.5rem;border-bottom-right-radius: 1.5rem;}
.page-link:hover{background: var(--theme-light--);color: var(--black-color--);}
.page-link:focus{background: var(--theme-light--);color: var(--black-color--);outline: none;box-shadow: none;}
.active > .page-link, .page-link.active{background:var(--theme-primary--);color: var(--black-color--);}

/*progress bar*/
.progress, .progress-stacked{background:var(--theme-light--)}
.bg-primary{background:var(--theme-primary--) !important}
.bg-secondary{background: var(--theme-secondayr--) !important;}
.bg-success{background:var(--theme-green--) !important}
.bg-info{background:var(--theme-info--) !important}
.bg-warning{background:var(--theme-warning--) !important}
.bg-danger{background:var(--theme-danger--) !important}

/*Select 2*/
.select2-container--default .select2-selection--single{height:auto;padding:0.8rem 1.2rem;font-size:0.8rem;line-height:1.5;color:var(--black-color--);font-weight:300;border:none;background-color:var(--input-bg--) !important;border-radius: 2rem !important;border: none !important;}
.select2-container .select2-selection--single{height: auto !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: normal !important;font-size:0.8rem !important}
.select2-container--default .select2-selection--single .select2-selection__arrow b{left:0 !important;top:55% !important}
.select2-container--open .select2-dropdown{top:0.2rem;}
.select2-dropdown{background-color:var(--input-bg--) !important;padding:1rem;border-radius: 2rem !important;border:none !important}
.select2-container--default .select2-search--dropdown .select2-search__field{background:var(--white--) !important;padding:0.8rem 1.2rem !important;font-size:0.8rem !important;line-height:1.5 !important;border-radius: 2rem !important;border:none !important}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:none !important;color:var(--black-color--) !important;font-weight: 600;}
.select2-container--default .select2-results__option[aria-selected="true"]{background:none !important;text-decoration: underline;}
.select2-container--default .select2-results > .select2-results__options{margin-top:0rem !important}


/* text color */
.text-primary{color: var(--theme-primary--) !important;}
.text-secondary{color: var(--theme-secondayr--) !important;}
.text-success{color: var(--theme-success--) !important}
.text-danger{color: var(--theme-danger--) !important;}
.text-warning{color: var(--theme-warning--) !important;}
.text-info{color: var(--theme-info--) !important;}
.text-light{color: var(--theme-light--) !important;}

/*colored link*/
.link-primary{color: var(--theme-primary--) !important;}
.link-secondary{color: var(--theme-secondayr--) !important;}
.link-success{color: var(--theme-success--) !important;}
.link-danger{color: var(--theme-danger--) !important;}
.link-warning{color: var(--theme-warning--) !important;}
.link-info{color: var(--theme-info--) !important;}
.link-light{color: var(--theme-light--) !important;}
.link-dark{color: var(--theme-dark--) !important;}
.link-primary:focus, .link-primary:hover{color: var(--theme-primary--) !important;text-decoration: underline;text-decoration-color: var(--theme-primary--) !important;}
.link-secondary:focus, .link-secondary:hover{color: var(--theme-secondayr--) !important;text-decoration: underline;text-decoration-color: var(--theme-secondayr--) !important;}
.link-success:focus, .link-success:hover{color: var(--theme-success--) !important;text-decoration: underline;text-decoration-color: var(--theme-success--) !important;}
.link-danger:focus, .link-danger:hover{color: var(--theme-danger--) !important;text-decoration: underline;text-decoration-color: var(--theme-danger--) !important;}
.link-warning:focus, .link-warning:hover{color: var(--theme-warning--) !important;text-decoration: underline;text-decoration-color: var(--theme-warning--) !important;}
.link-info:focus, .link-info:hover{color: var(--theme-info--) !important;text-decoration: underline;text-decoration-color: var(--theme-info--) !important;}
.link-light:focus, .link-light:hover{color: var(--theme-light--) !important;text-decoration: underline;text-decoration-color: var(--theme-light--) !important;}
.link-dark:focus, .link-dark:hover{color: var(--theme-dark--) !important;text-decoration: underline;text-decoration-color: var(--theme-dark--) !important;}

/*tile*/
.dashboard-tiles .tile{background: none !important;}
.dashboard-tiles .tile:hover{box-shadow: none !important;}
.dashboard-tiles.showing .tile.d-tile-show .task-count{background: var(--white--) !important;color: var(--black-color--) !important;}
.dashboard-tiles .tile .task-count{top:0 !important;bottom:0 !important;margin:auto !important;right:1.5rem !important}
.dashboard-tiles .tile .tile-title{background: var(--theme-primary--) !important;padding:1.5rem !important;border-radius: 1.5rem !important;}
.dashboard-tiles .tile.d-tile-show .tile-flap{background:var(--input-bg--) !important;border-radius: 1.5rem !important;margin-top:1rem !important;color: var(--black-color--) !important;font-weight: 600 !important;box-shadow:none !important}
.dashboard-tiles .tile .tile-actions{box-shadow: none !important;}
.dashboard-tiles .task-list li{border:none !important}
.dashboard-tiles .task-list li:hover{background:none !important}
.dashboard-tiles .tile .tile-description{border-top:none !important}

/*nav tab*/
.nav-tabs{border-bottom:none}
.nav-tabs .nav-link{background: var(--theme-light--);color: var(--black-color--);margin:0 0.5rem;border-radius: 1.5rem;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background:var(--black-color--);color: var(--white--);border:none}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border-color: var(--theme-light--);}
.nav-link:focus, .nav-link:hover{color: var(--black-color--);}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{color: var(--black-color--);}

/*border color*/
.border-primary{border-color: var(--theme-primary--) !important;}
.border-secondary{border-color: var(--theme-secondayr--) !important;}
.border-success{border-color: var(--theme-success--) !important;}
.border-danger{border-color: var(--theme-danger--) !important;}
.border-warning{border-color: var(--theme-warning--) !important;}
.border-info{border-color: var(--theme-info--) !important;}
.border-light{border-color: var(--theme-light--) !important;}
.border-dark{border-color: var(--theme-dark--) !important;}
.border-white{border-color: var(--white--) !important;}

/*table*/

table thead tr th{color: var(--graytext--) !important;font-weight: 700 !important;background:var(--theme-light--) !important;padding:1rem 1.5rem !important;border:none !important}
/* table thead tr th:first-child{border-top-left-radius: 1.5rem;}
table thead tr th:last-child{border-top-right-radius: 1.5rem;} */
table tbody td,table tfoot td{color: var(--black-color--) !important;background:var(--theme-light--) !important;padding:1rem 1.5rem !important;border:none !important;border-bottom:1px solid var(--input-bg--) !important}

/*Email UI*/
.emailapp-wrap {position: relative;height: calc(100vh - 65px);-webkit-transition: height 0.2s ease;-moz-transition: height 0.2s ease;transition: height 0.2s ease;}
.emailapp-wrap .emailapp-sidebar {position: absolute;display: -webkit-box;display: -ms-flexbox;display: flex;flex-flow: column;left: 0;width: 270px;margin-left: 0;top: 0;height: 100%;z-index: 1;border: none;background: #fff;border-right: 1px solid #eaeaea;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;}.emailapp-wrap .emailapp-sidebar > div.nicescroll-bar {flex: 1 1 auto;overflow: auto;}.emailapp-wrap .emailapp-sidebar .menu-content-wrap {padding: 1.5rem;}.emailapp-wrap .emailapp-sidebar .menu-content-wrap .menu-gap {height: 25px;}.emailapp-wrap .emailapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item {margin-left: -1rem;margin-right: -1rem;}.emailapp-wrap .emailapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link {border-radius: .375rem;padding: .5rem 1rem;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.emailapp-wrap .emailapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;margin-right: .875rem;font-size: 1.5rem;}.emailapp-wrap .emailapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap .nav-link-text {display: inline-block;}.emailapp-wrap .emailapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item.active > .nav-link {background: rgba(0, 125, 136, 0.15);color: #007D88;}.emailapp-wrap .emailapp-sidebar .emailapp-fixednav {height: 61px;border-top: 1px solid #eaeaea;}.emailapp-wrap .emailapp-content {display: -webkit-box;display: -ms-flexbox;display: flex;overflow: hidden;padding-left: 270px;position: relative;height: 100%;left: 0;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;}.emailapp-wrap .emailapp-content .emailapp-aside {border-right: 1px solid #eaeaea;background: #fff;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;flex-flow: column;height: 100%;z-index: 1;left: 0;width: 370px;flex-shrink: 0;margin-top: 0;}.emailapp-wrap .emailapp-content .emailapp-aside header.aside-header {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: space-between;height: 65px;padding: 0 1.25rem;border-bottom: 1px solid #eaeaea;background: #fff;color: #262a2e;}.emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .emailapp-title {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .emailapp-title h1 {font-size: 1.5rem;font-weight: 500;margin-bottom: 0;}.emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .emailapp-title:after {top: 0;}.emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .btn, .emailapp-wrap .emailapp-content .emailapp-aside header.aside-header div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .hopscotch-nav-button {margin-right: .5rem;}.emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .btn:last-child, .emailapp-wrap .emailapp-content .emailapp-aside header.aside-header div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .hopscotch-nav-button:last-child, div.hopscotch-bubble .hopscotch-bubble-container .hopscotch-actions .emailapp-wrap .emailapp-content .emailapp-aside header.aside-header .hopscotch-nav-button:last-child {margin-right: 0;}.emailapp-wrap .emailapp-content .emailapp-aside .aside-search {margin-bottom: 1.25rem;}.emailapp-wrap .emailapp-content .emailapp-aside .aside-body {overflow: auto;-ms-flex: 1;flex: 1;height: 100%;padding: 1.25rem;}.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list {margin: 0 -0.8rem;}.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item {padding: 0;border: none;margin-bottom: .25rem;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media {padding: .75rem .8rem;border-radius: 0.5rem;-webkit-transition: 0.2s ease;-moz-transition: 0.2s ease;transition: 0.2s ease;display: -webkit-box;display: -ms-flexbox;display: flex;cursor: pointer;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-head {position: relative;margin-right: 1rem;display: -webkit-box;display: -ms-flexbox;display: flex;flex-flow: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-head .badge-indicator {margin-top: .875rem;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body {display: -webkit-box;display: -ms-flexbox;display: flex;min-width: 0;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div {min-width: 0;flex: 1;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: .25rem;}
.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-left: auto;}.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star {display: -webkit-box;display: -ms-flexbox;display: flex;margin-left: .625rem;opacity: 0;color: #6f6f6f;}.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star > .feather-icon > svg, .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star .svg-icon > svg {cursor: pointer;}.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star > .feather-icon > svg:hover, .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star .svg-icon > svg:hover {fill: #FFC400;stroke: #FFC400;}.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star.marked {opacity: 1;}.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star.marked > .feather-icon > svg, .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star.marked .svg-icon > svg {fill: #FFC400;stroke: #FFC400;}.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star.marked > .feather-icon > svg:hover, .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-star.marked .svg-icon > svg:hover {fill: none;stroke: currentColor;}.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div > div:first-child div:last-child .email-time {font-size: 0.75rem;margin-left: .625rem;}.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div .email-head,.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div .email-subject {color: #262a2e;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-transform: capitalize;}.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div .email-subject {margin-bottom: .25rem;font-weight: 500;}.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div .email-head {font-weight: 500;margin-right: .5rem;max-width: 150px;}.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media .media-body > div .email-text {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 0.875rem;}.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media:hover, .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media:focus {background-color: #f2f2f2;}.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media:hover .media-body > div > div:first-child div:last-child .email-star, .emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media:focus .media-body > div > div:first-child div:last-child .email-star {opacity: 1;}.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .list-group-item .media.read-email.active-user {background-color: #f2f2f2;}.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .hk-section-head-border {padding: 0 .8rem;}.emailapp-wrap .emailapp-content .emailapp-aside .aside-body .email-list .hk-section-head-border:after {background: #f7f7f7;}.emailapp-wrap .emailapp-content .emailapp-single-email {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;flex-grow: 1;background: #fff;flex-flow: column;height: 100%;z-index: 10;}.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: space-between;height: 65px;padding: 0 1rem;background: #fff;border-bottom: 1px solid #eaeaea;position: relative;}.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .feather-icon, .emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .svg-icon {display: block;}.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .back-user-list {display: none;margin-right: .625rem;}.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .media {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .media .media-head {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-right: 1rem;}.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .media .media-body .user-name {font-size: 1rem;font-weight: 500;color: #262a2e;text-transform: capitalize;}.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .media .media-body .user-status {font-size: 0.875rem;}.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .email-options-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;}.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .email-options-wrap > a {margin-left: .25rem;display: inline-block;}.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .email-options-wrap > a:first-child {margin-left: 0;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body {-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;overflow: hidden;-ms-flex: 1;flex: 1;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .nicescroll-bar {padding: 1.25rem;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-subject {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: space-between;margin-bottom: 1.25rem;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-subject > div {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-subject > div h4 {margin-bottom: 0;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item {overflow: auto;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header {border-color: transparent;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div {padding: 1.25rem;cursor: pointer;width: 100%;position: relative;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: space-between;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .media {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .media .media-head {margin-right: 1rem;display: -webkit-box;display: -ms-flexbox;display: flex;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .media .media-body > div:first-child {color: #262a2e;font-weight: 500;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-time {font-size: 0.75rem;margin-right: 1.25rem;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star {display: -webkit-box;display: -ms-flexbox;display: flex;margin-right: .625rem;position: relative;z-index: 1;}
.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star > .feather-icon > svg, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star .svg-icon > svg {cursor: pointer;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star > .feather-icon > svg:hover, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star .svg-icon > svg:hover {fill: #FFC400;stroke: #FFC400;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star.marked > .feather-icon > svg, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star.marked .svg-icon > svg {fill: #FFC400;stroke: #FFC400;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star.marked > .feather-icon > svg:hover, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action .email-star.marked .svg-icon > svg:hover {fill: none;stroke: currentColor;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head .email-head-action > a {display: none;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head [data-bs-toggle="collapse"] {position: absolute;top: 0;width: 100%;height: 100%;left: 0;border-top-left-radius: calc(0.5rem - 1px);border-top-right-radius: calc(0.5rem - 1px);}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head [data-bs-toggle="collapse"] ~ .media .media-body > div:last-child {display: none;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head [data-bs-toggle="collapse"][aria-expanded="true"] ~ .email-head-action > a {display: inline-block;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div .email-head [data-bs-toggle="collapse"][aria-expanded="true"] ~ .media .media-body > div:last-child {display: block;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .accordion-header > div[data-bs-toggle="collapse"][aria-expanded="true"] .email-head .email-head-action > a {display: inline-block;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box {margin-bottom: .5rem;margin-right: .25rem;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div {cursor: pointer;padding: .625rem 1rem;border-radius: 1.25rem;display: inline-block;position: relative;background: #f2f2f2;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div .media {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div .media .avatar.avatar-sm .avatar-icon {font-size: 1.75rem;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div .media .media-body {margin-left: 1.25rem;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div .media .file-size {margin-top: .25rem;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div .file-overlay {position: absolute;opacity: 0;left: 0;top: 0;height: 100%;width: 100%;color: #fff;background: rgba(38, 42, 46, 0.4);border-radius: 1.25rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: center;-webkit-justify-content: center;-ms-flex-pack: center;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div:hover .file-overlay {opacity: 1;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .email-attachment-wrap .attachment-box > div.msg-action:after {display: none;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown {display: inline-block;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown > .dropdown-toggle {position: relative;z-index: 1;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .dropdown-menu, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-toolbar .apexcharts-menu, .apexcharts-toolbar .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-menu {padding: 1rem;font-size: .875rem;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .dropdown-menu > div, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-toolbar .apexcharts-menu > div, .apexcharts-toolbar .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-menu > div {margin-bottom: .25rem;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .dropdown-menu > div:last-child, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-toolbar .apexcharts-menu > div:last-child, .apexcharts-toolbar .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-menu > div:last-child {margin-bottom: 0;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .dropdown-menu > div > span, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-toolbar .apexcharts-menu > div > span, .apexcharts-toolbar .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-menu > div > span {display: inline-block;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .dropdown-menu > div > span:first-child, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-toolbar .apexcharts-menu > div > span:first-child, .apexcharts-toolbar .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-menu > div > span:first-child {min-width: 50px;text-align: right;margin-right: .5rem;}.emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .dropdown-menu > div > span:last-child, .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-toolbar .apexcharts-menu > div > span:last-child, .apexcharts-toolbar .emailapp-wrap .emailapp-content .emailapp-single-email .email-body .single-email-thread .accordion-item .mail-desc-dropdown .apexcharts-menu > div > span:last-child {color: #262a2e;}.emailapp-wrap.emailapp-sidebar-toggle .emailapp-sidebar {left: -270px;}.emailapp-wrap.emailapp-sidebar-toggle .emailapp-content {padding-left: 0;}.emailapp-wrap .compose-email-popup {position: fixed;bottom: 0;right: 20px;width: 700px;overflow-y: auto;box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);z-index: 10000;background: #fff;display: none;border-radius: 0.5rem 0.5rem 0 0;}
.emailapp-wrap .compose-email-popup header {Padding: 0.75rem 1.25rem;background: #262a2e;color: #fff;}
.emailapp-wrap .compose-email-popup header #max_compose_popup .icon > span:last-child {display: none;}
.emailapp-wrap .compose-email-popup header .btn-close {color: #fff;opacity: .6;}
.emailapp-wrap .compose-email-popup header .btn-close:not(:disabled):not(.disabled):focus, .emailapp-wrap .compose-email-popup header .btn-close:not(:disabled):not(.disabled):hover {color: #fff;opacity: 1;}.emailapp-wrap .compose-email-popup form {padding: 1rem;flex: 1 1 auto;overflow: auto;}.emailapp-wrap .compose-email-popup form textarea {height: 230px;}.emailapp-wrap .compose-email-popup.minimize-email-popup {width: 300px;min-height: auto;}
.emailapp-wrap .compose-email-popup.minimize-email-popup form, .emailapp-wrap .compose-email-popup.minimize-email-popup .compose-email-footer {display: none;}
.emailapp-wrap .compose-email-popup.maximize-email-popup {width: calc(100vw - 700px);height: calc(100vh - 200px);bottom: 0;right: 0;left: 0;top: 0;margin: auto;}
.emailapp-wrap .compose-email-popup.maximize-email-popup header #max_compose_popup .icon > span:first-child {display: none;}
.emailapp-wrap .compose-email-popup.maximize-email-popup header #max_compose_popup .icon > span:last-child {display: inline;}
.emailapp-wrap .compose-email-popup.maximize-email-popup form textarea.form-control, .emailapp-wrap .compose-email-popup.maximize-email-popup form textarea.form-select, .emailapp-wrap .compose-email-popup.maximize-email-popup form textarea.dd-handle {height: calc( 100vh - 500px);}.emailapp-wrap .compose-email-popup .compose-email-footer {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: space-between;padding: 0 1rem 1rem;}.hk-wrapper.hk__email__backdrop::after {position: absolute;height: 100%;width: 100%;background: #262a2e;opacity: 0.5;z-index: 1033;top: 0;left: 0;content: "";}.hk-wrapper[data-navbar-style="collapsed"] .emailapp-wrap {height: 100vh;}@media (max-width: 1199px) {.emailapp-wrap .emailapp-sidebar {  left: -270px;}.emailapp-wrap .emailapp-content {  margin-left: 0;  padding-left: 0;}.emailapp-wrap.emailapp-sidebar-toggle .emailapp-sidebar {  left: 0;}.emailapp-wrap.emailapp-sidebar-toggle .emailapp-content {  left: 270px;  padding-left: 270px;  margin-left: -270px;}.emailapp-wrap .hk-sidebar-togglable {  -webkit-transform: translateX(32px);  -moz-transform: translateX(32px);  -ms-transform: translateX(32px);  -o-transform: translateX(32px);  transform: translateX(32px);}.emailapp-wrap .hk-sidebar-togglable:after {  content: "\ea6c";}.emailapp-wrap .hk-sidebar-togglable.active {  -webkit-transform: translateX(0);  -moz-transform: translateX(0);  -ms-transform: translateX(0);  -o-transform: translateX(0);  transform: translateX(0);}.emailapp-wrap .hk-sidebar-togglable.active:after {  content: "\ea62";}}@media (max-width: 991px) {.emailapp-wrap .emailapp-content .emailapp-aside {  width: 100%;}.emailapp-wrap .emailapp-content .emailapp-single-email {  right: -100%;  position: fixed;  top: 0;  width: 100%;}.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header {  justify-content: flex-start;  -webkit-justify-content: flex-start;  -ms-flex-pack: flex-start;}.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .back-user-list {  display: block;  flex-shrink: 0;}.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .email-options-wrap + .email-options-wrap {  margin-left: auto;}.emailapp-wrap .emailapp-content .emailapp-single-email header.email-header .hk-navbar-togglable {  display: none !important;}.emailapp-wrap.emailapp-slide .emailapp-content .emailapp-aside {  left: -100%;}.emailapp-wrap.emailapp-slide .emailapp-content .emailapp-single-email {  right: 0;}.emailapp-wrap .compose-email-popup {width: 100%;height: 100%;right: 0;border-radius: 0;}.emailapp-wrap .compose-email-popup form textarea.form-control, .emailapp-wrap .compose-email-popup form textarea.form-select, .emailapp-wrap .compose-email-popup form textarea.dd-handle {height: calc( 100vh - 300px) !important;}.emailapp-wrap .compose-email-popup.maximize-email-popup {width: 100%;height: 100%;left: 0;top: 0;border-radius: 0;}}



/*Data Table*/
.dt-custom-filter{border-bottom: 1px solid var(--theme-line--);padding-bottom: 1rem;display: none;}


.filterDiv{display: none;padding: 2rem;position: absolute;left: 2rem;right:2rem;z-index: 3;border-radius: 2rem;width: auto;}



/* Table */

.data-table tr td{padding: 0rem;border: 1px #e1e5eb solid;}
.data-table tr.active{background-color:#d3efff;}
.data-table .form-control{border: 0;background-color: rgba(0,0,0,0.03);}
.data-table .form-control:read-only{background-color: rgba(0,0,0,0);}
.data-table select{border: 0;background-color: rgba(0,0,0,0.03);padding:0.45rem 1rem;padding-right: 1.8rem; border-radius: 1rem;width: auto;}
.data-table tr td .sn{height: 100%;font-size: 1rem;line-height: 1.5;padding: .4375rem .75rem;display: block;color: #3d5170;}

/*inner page topbar*/
.inner_top_bar{display: flex;border-radius: 1.2rem;background-color: var(--theme-light--);padding:1rem 1.5rem;justify-content: space-between;align-items: center;margin-bottom:1.5rem;transition: 0.3s ease all;}
body.scrolled .right_options{position: fixed;z-index: 100;width: auto;padding:1rem 1rem;bottom:3rem;right:17.5rem;background:var(--theme-light--);border-radius: 2.5rem;}
.inner_top_bar h4{font-size:1.3rem;line-height: 2.6rem;}
.inner_top_bar .right_options{display: flex;}

/**/
.data-table td{padding: 0.5rem !important;}
.data-table .form-control{padding: 0.5rem 1rem;}
.discount_type{background-color:var(--input-bg--) !important;border:none;padding-right:1rem;border-radius: 1.8rem;}


/*theme bg*/
.theme-gray{background-color:#f4f5f7;}
.bg-main{background-color: var(--main-bg--);}

/*max width classes*/
.mx-w-90{max-width: 90%;}

/*width classes*/
.w-5{width: 5%;}
.w-10{width: 10%;}
.w-20{width: 20%;}
.w-30{width: 30%;}
.w-40{width: 40%;}
.w-60{width: 60%;}

/*height classes*/
.h-vh-87{height:87vh;}

.ui-autocomplete-row{width: 100%;}

#additional-details{margin-top:6rem}

/*data table align text fix*/
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date{text-align: left;}
div.dt-container div.dt-length select{min-width: 5rem;}
div.dt-container div.dt-search input{padding: 0.5rem 1rem;}

.erp-tabs-nav{border-radius: 1.8rem;}

/*positions */
.top-4{top:4rem}

.select2-container .select2-selection--single .select2-selection__rendered{padding-left:0;}

/*custom font sizes*/
.f_1-5{font-size:1.5rem}

/*cursor*/
.cursorpointer{cursor:pointer;}

.nobg-select{background:none;border:none}