.theme-dark .ts-dropdown .create {
    color: #ffffff
  }

.thGrey th{
    font-weight: normal;
    opacity: 0.6;
}
.ts-control
#navbar-menu .navBadge{
    position: absolute;
    top: 17px;
    right: 18px;
    transform: translate(50%, -50%); 
    padding:0px;
}


.theme-dark .list-group-transparent .list-group-item.active{
    background:rgba(20, 96, 186, 0.24);
    color:#92d6ff;
}


.float-left {
    float: left !important;
  }

.float-right {
float: right !important;
}

.float-none {
float: none !important;
}
  
@media (min-width: 576px) {
.float-sm-left {
    float: left !important;
}
.float-sm-right {
    float: right !important;
}
.float-sm-none {
    float: none !important;
}
}

@media (min-width: 768px) {
.float-md-left {
    float: left !important;
}
.float-md-right {
    float: right !important;
}
.float-md-none {
    float: none !important;
}
}

@media (min-width: 992px) {
.float-lg-left {
    float: left !important;
}
.float-lg-right {
    float: right !important;
}
.float-lg-none {
    float: none !important;
}
}

@media (min-width: 1200px) {
.float-xl-left {
    float: left !important;
}
.float-xl-right {
    float: right !important;
}
.float-xl-none {
    float: none !important;
}
}


.ts-dropdown .create:hover, .ts-dropdown .option:hover, .ts-dropdown .active {
	background-color: rgba(98, 105, 118, 0.29);
}


a [class^="ubicon-"], button [class^="ubicon-"] {
    margin: 0 5px;
}


.form-selectgroup-item .form-selectgroup-label div{
    line-height: 1;
}


.dxCustomHeadContainer{
    width:auto;
}

.dxCustomHeadContainer .informer{
    display:block;
    float:left;
    padding:7px 10px;
    border-color: #29364a;
    border-width: 1px;
    border-style: solid;
    color: #dedede;
    border-radius: 4px;
    margin:0 5px;
}

.theme-light .dxCustomHeadContainer .informer{
    border-color: #ddd;
    color: #333;
}

.litepicker .container__months .month-item-header .button-previous-month, .litepicker .container__months .month-item-header .button-next-month{
    cursor:pointer;
}
.theme-dark .litepicker .container__months .month-item-header .button-previous-month svg, .theme-dark .litepicker .container__months .month-item-header .button-next-month svg{
    fill:#dbdbdb !important;
}

.theme-dark .litepicker .container__months .month-item-header .button-previous-month:hover svg, .theme-dark .litepicker .container__months .month-item-header .button-next-month:hover svg{
    fill:#fff !important;
}


.theme-light .litepicker .container__months .month-item-header .button-previous-month svg, .theme-light .litepicker .container__months .month-item-header .button-next-month svg{
    fill:#424242 !important;
}

.theme-light .litepicker .container__months .month-item-header .button-previous-month:hover svg, .theme-light .litepicker .container__months .month-item-header .button-next-month:hover svg{
    fill:#1c1c1c !important;
}

.theme-dark .card-body + .card-body {
    border-top: 1px solid rgba(98, 105, 118, 0.16);
}




.dblock{
    display:block;
}

.dropzone-external {
    width: 100%;
    height: 150px;
    background-color: #f0f0f0;
    border-color: #c6c6c6;
    border-width: 2px;
    border-style: dashed;
    padding: 10px;
    border-radius:5px;
    color:#6a6a6a;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}

.dropzone-external i{
    color:#d0d0d0;
}


.theme-dark .dropzone-external {
    background-color: #1f2538;
    border-color: #515173;
    color: #6a7285;
}

.theme-dark .dropzone-external i{
    color:#404760;
}
  
  
.dropzone-external > * {
    pointer-events: none;
}


.dx-fileuploader-input-wrapper, .dx-fileuploader-content > .dx-fileuploader-upload-button, .dx-fileuploader-upload-button{
    display:none;
}

.dx-fileuploader-files-container{
    padding:0px !important;
}  

.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
    height: 100%;
  }

#fileUploadModal .dx-fileuploader-files-container{
    max-height:calc(100vh - 350px);
    overflow-y:auto;
}


.dx-filemanager-thumbnails-item-name{
    font-size:12px;
}
.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-thumbnail{
    width:100%;
    height:auto;
    font-size: 100px;
}
.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content .dx-filemanager-thumbnails-item-thumbnail{
    border-radius: 5px;
}
.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content{
    min-height:100px;
}
.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item{
    width: 220px;
    height: 220px;
}

.theme-dark .form-selectgroup-label:hover{
    color: #fafbfc;
}

.theme-dark .form-selectgroup-label{
    color:#ccc;
}

.bb1{
    border-bottom: 1px solid #e4e4e4;
}

.b1{
    border: 1px solid #b1b1b1;
}
.theme-dark .b1{
    border: 1px solid #313131;
}

.theme-dark .bb1{
    border-bottom: 1px solid #394a66;
}

.theme-dark .dropdown-menu{
    background-color: #192d4d;
    border-color: #2c396d;
}

.icons-list {
	padding: 0;
	margin: 0 -2px -1px 0;
	list-style: none;
    height: calc(100vh - 230px);
    overflow-y:scroll;
    border-top: 1px solid var(--tblr-border-color);
    border-left: 1px solid var(--tblr-border-color);
}

.icons-list > * {
	flex: 1 0 4rem;
}

.icons-list-item {
	text-align: center;
	padding: 18px 23px;
	border-right: 1px solid var(--tblr-border-color);
	border-bottom: 1px solid var(--tblr-border-color);
	color: inherit;
	cursor: pointer;
    width:auto;
    height:auto;
    display:block;
    float:left;
}

.icons-list-item .ti {
	font-size: 23px;
}

.meSortable .mainitem{
	padding:0px;
	margin-bottom:30px;
}
.meSortable .mainitem .sublist{
	margin-left:30px;
}
.meSortable .item-box{
	border: 1px solid #e4f4f9;
	padding:0;
	clear: both;
    display: table;
	width:100%;
	background-color: #f7fbff;
	-webkit-border-radius: 20px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius: 20px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-radius: 20px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.theme-dark .meSortable .item-box{
    background-color: #1d2e57;
    border-color: #233a71;;
}

.theme-dark .meSortable .item-box:hover{
    background-color:#213667;
}
.meSortable .item-box:hover{
	background-color:#f1f8ff;
}


.meSortable .handle{
	display:block;
	padding:5px 10px;
	background-color:#83a2ff;
	cursor:move;
    float:left;
	color:#fff;
	border-top-left-radius: 14px !important;
	border-bottom-left-radius: 14px !important;
}
.theme-dark .meSortable .handle{
    background-color: #2f42ae;
}

.meSortable .title{
	display:block;
    float:left;
	padding:5px;
	font-size:13px;
	width: calc(100% - 35px);
}


.meSortable .title .link{
	cursor:pointer;
}

.theme-dark .meSortable .title .link{
    color: #e6e6e6;
}

.meSortable .title .link:hover{
	color:#2186da;
}

.theme-dark .meSortable .title .link:hover{
	color:#fff
}

.meSortable .title .edit, .meSortable .title .delete{
	float:right;
	margin-left:10px;
}

.meSortable .subitem{
	padding:0px;
	margin:5px 0;
}
.meSortable .sortable-placeholder{
	width:100%;
	height:30px;
	background-color:#eaf8ff;
	border:1px dashed #afc7ff;
	border-radius:15px !important;
	margin-bottom:30px;
	padding:0px;
}

.meSortable .sublist .sortable-placeholder{
	margin:5px 0;
}

.cursor-ns-resize{
    cursor: ns-resize;
}

.menuOptions i{
    min-width:20px;
    display:inline-block;
}

.menuOptions{
	color:#fc3200;
    font-size:14px;
    font-weight:bold;
}

.menu-level-0{
	font-weight:bold;
	color:#474747;
	font-size:14px;
}

.theme-dark .menu-level-0{	color:#eeeeee;}

.menu-level-1{
	font-weight:bold;
	color:#159d90;
	font-size:13px;
	padding-left:10px;
}

.theme-dark .menu-level-1{	color:#9ecbf2;}


.menu-level-2{
	font-weight:bold;
	font-style: italic;
	color:#41609b;
	font-size:12px;
	padding-left:20px;
}

.theme-dark .menu-level-2{	color:#94a2ef;}


.menu-level-3{
	font-weight:bold;
	font-style: italic;
	color:#57d7c5;
	font-size:12px;
	padding-left:30px;
}

.theme-dark .menu-level-3{	color:#bc8ecd;}


.menu-level-4{
	font-weight:bold;
	font-style: italic;
	color:#10cca6;
	font-size:12px;
	padding-left:40px;
}

.theme-dark .menu-level-4{	color:#10cca6;}


.theme-dark .inputSearcArea{
    background-color:rgb(37, 37, 47);
	border:1px solid #2e3f5c;
}

.theme-dark .inputSearcArea li{
    border-bottom:1px solid  #24334b; 
}

.theme-dark .inputSearcArea li.title{
    color:#7686a6;
}

.inputSearcArea{
	display:none;
	position:absolute;
	z-index:5;
	width:calc(100% - 16px);
	height:auto;
	background-color:#fff;
	border:1px solid #c2cad8;
	top:64px;
}

.inputSearcArea li{
	list-style:none;
	float:left;
	width:100%;
	padding:7px;
	border-bottom:1px solid  #ececec;
	font-size: 12px;
}

.inputSearcArea li.title{
	padding-top:15px;
	color:#474747;
	font-size:14px;
}



.theme-dark .ts-dropdown, .theme-dark .ts-control, .theme-dark .ts-control input {
    background-color: #1b2434 !important;
    color: #fafbfc;
    border-color: #2c3c56 !important;
}


.theme-dark .toast{
    border: 1px solid #182337;
}

.theme-dark .toast.toast-success{
    background-color: #66b506;
}


.theme-dark .toast.toast-error{
    background-color: #b50606;
}

.theme-dark .toast.toast-info{
    background-color: #154e88;
}



.theme-dark #toast-container > div {
    box-shadow: 0 0 12px #0b1323;
}


.theme-dark .modal-content{
    -webkit-box-shadow: 2px 4px 7px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 4px 7px 1px rgba(0,0,0,0.3);
    box-shadow: 2px 4px 7px 1px rgba(0,0,0,0.3);
}


.theme-dark .modal-backdrop{
    background-color: #3b424d;
}

.theme-dark .form-control:-webkit-autofill,
.theme-dark .form-control:-webkit-autofill:hover,
.theme-dark .form-control:-webkit-autofill:focus,
.theme-dark .form-control:-webkit-autofill:active  {
  color: #ececec ;
  -webkit-text-fill-color: #ececec;
}

.theme-dark .card-cover::before {
    background: rgba(30, 41, 59, 0.25);
}


.theme-dark .card.border{
    border-color: #364676 !important;
}

.text-velvet{
    color:#f5e7d4;
}

.theme-light .text-velvet{
    color: #364676 !important;
}

.theme-light .bg-yellow-lt .text-muted{
    color:#b3b3b3 !important;
}


.theme-light .bg-yellow-lt .text-white{
    color:#292929 !important;
}

.theme-dark .bg-white{
    background-color: #1b2434 !important;
}


.theme-dark .bt-1{
    border-top:1px solid #253349;
}

.theme-light .carousel-control-prev, .theme-light .carousel-control-next{
    color:#474747;
}

.theme-light .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23474747' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='15 18 9 12 15 6'%3e%3c/polyline%3e%3c/svg%3e");
 }

 .theme-light .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23474747' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e");
}

.theme-dark .nav-tabs .nav-link.active, .theme-dark .nav-tabs .nav-item.show .nav-link {
    color: #d9dada;
    background-color: #2d3b52;
    border-color: #253249 #233045 #233045;
}

.theme-dark .nav-tabs {
    border-bottom: 1px solid #2d3b52;
}

.theme-dark .modal-header{
    border-color:#29374d ;
}
.theme-dark .nav-link{
    color: #c9d8e9; 
}

.theme-dark .nav-link:hover, .theme-dark .nav-link:focus {
    color: #d8e8fa;
}

.theme-dark .navbar-brand-autodark {
    filter:none;
}

.theme-dark .nav-tabs .nav-link:hover, .theme-dark .nav-tabs .nav-link:focus {
    border-color: #2d3b52 #37445b #37445b;
}

.theme-dark .navbar-dark{
    box-shadow: inset 0 -1px 0 0 rgba(98, 105, 118, 0.16); 
}



textarea {
    resize: none;
}

.modalAlert .icon{
    font-size:50px;
}

.modalAlert.info .icon{
    color:#2186da !important;
}

.modalAlert.success .icon{
    color:#2fb344 !important;
}

.modalAlert.error .icon{
    color:#d63939 !important;
}


.progress.br-none{
    border-radius: 0px !important;
}


.footer{
    margin-left:240px !important;
}


.navbar-vertical.navbar-expand-lg .navbar-brand {
    padding: 0px !important;
}


.navbar-brand-image {
    width:150px;
    height:auto;
    margin-top: 10px;
}


.navbar-dark {
    background: #0e1725;
}


.empty-img img {
    width:400px;
    height: auto;
}



.userName{
    border-radius: 5px;
    padding:7px;
}

.btnImgChange{
    position:absolute;
    left:15px;
    top:15px;
    width:40px;
    height:40px;
    font-size:20px;
}

.nav-item .active{
    background-color: #384955;
    color: #fff;
}

.dropdown-menu .dropdown-item {
    font-size:13px;
    
}

.passInputArea{
    padding:0;
}


.check-green.form-check-input:checked {
    background-color: #7dc420;
}

a .ti, button .ti{
    margin:0 5px;
}

.fleft{
    float:left !important;
}
.fright{
    float:right !important;
}

.text-left{
    text-align: left !important;
}
.text-right{
    text-align: right !important;
}

.authStatusArea{
    width:100%;
    float:left;
    display:block;
}

.hide{
    display:none !important;
}

.page-wrapper{
    padding-bottom:20px;
}


.badge-lg{
    font-size:16px;
    padding:15px 5px;
}

.badge-sm{
    font-size:14px;
    padding:5px 5px 7px 5px;
}

.badge{
    text-transform:none;
}

.bold{
    font-weight:bold;
}

.badge b{
    font-weight: bold;
}

.mr-0{
    margin-right:0px!important;
}


.pr-0{
    padding-right:0px!important;
}
.pr-1{
    padding-right:1px!important;
}
.pr-2{
    padding-right:2px!important;
}
.pr-3{
    padding-right:3px!important;
}
.pr-4{
    padding-right:4px!important;
}
.pr-5{
    padding-right:5px!important;
}
.pr-10{
    padding-right:10px!important;
}
.pr-15{
    padding-right:15px!important;
}
.pr-20{
    padding-right:20px!important;
}
.pr-25{
    padding-right:25px!important;
}


.pl-5{ padding-left:5px!important;}
.pl-10{ padding-left:10px!important;}
.pl-15{ padding-left:15px!important;}
.pl-20{ padding-left:20px!important;}
.pl-25{ padding-left:25px!important;}
.pl-30{ padding-left:30px!important;}
.pl-35{ padding-left:35px!important;}
.pl-40{ padding-left:40px!important;}
.pl-50{ padding-left:50px!important;}

.w100{
    width:100% !important;
}

.w50{
    width:50% !important;
}

.ptb-0{
    padding-top:0px !important;
    padding-bottom:0px !important;
}
.ptb-1{
    padding-top:1px !important;
    padding-bottom:1px !important;
}

.ptb-2{
    padding-top:2px !important;
    padding-bottom:2px !important;
}

.ptb-3{
    padding-top:3px !important;
    padding-bottom:3px !important;
}

.ptb-4{
    padding-top:4px !important;
    padding-bottom:4px !important;
}

.ptb-5{
    padding-top:5px;
    padding-bottom:5px;
}
.ptb-10{
    padding-top:10px;
    padding-bottom:10px;
}
.ptb-15{
    padding-top:15px;
    padding-bottom:15px;
}
.ptb-20{
    padding-top:20px;
    padding-bottom:20px;
}
.ptb-25{
    padding-top:25px;
    padding-bottom:25px;
}

.ptb-30{
    padding-top:30px;
    padding-bottom:30px;
}

.mtb-5{
    margin-top:5px;
    margin-bottom:5px;
}
.mtb-10{
    margin-top:10px;
    margin-bottom:10px;
}
.mtb-15{
    margin-top:15px;
    margin-bottom:15px;
}
.mtb-20{
    margin-top:20px;
    margin-bottom:20px;
}

.mtb-21{
    margin-top:21px;
    margin-bottom:21px;
}

.mlr-0{
    margin-left:0px !important;
    margin-right:0px !important;
}

.mlr-1{
    margin-left:1px !important;
    margin-right:1px !important;
}

.mlr-5{
    margin-left:5px !important;
    margin-right:5px !important;
}
.mlr-10{
    margin-top:10px !important;
    margin-right:10px !important;
}
.mlr-15{
    margin-left:15px !important;
    margin-right:15px !important;
}
.mlr-20{
    margin-left:20px !important;
    margin-right:20px !important;
}



.plr-0{
    padding-left:0px !important;
    padding-right:0px !important;
}
.plr-5{
    padding-left:5px !important;
    padding-right:5px !important;
}
.plr-10{
    padding-left:10px !important;
    padding-right:10px !important;
}
.plr-15{
    padding-left:15px !important;
    padding-right:15px !important;
}
.plr-20{
    padding-left:20px !important;
    padding-right:20px !important;
}
.plr-25{
    padding-left:25px !important;
    padding-right:25px !important;
}

.plr-30{
    padding-left:30px !important;
    padding-right:30px !important;
}


.mw50p{
    min-width:50px;
}

.mw100p{
    min-width:100px;
}

.mw150p{
    min-width:150px;
}

.link{
    cursor:pointer;
}

.fs-10{font-size: 10px;}
.fs-11{font-size: 11px;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-17{font-size: 17px;}
.fs-18{font-size: 18px;}
.fs-19{font-size: 19px;}
.fs-20{font-size: 20px;}
.fs-21{font-size: 21px;}
.fs-22{font-size: 22px;}
.fs-23{font-size: 23px;}
.fs-24{font-size: 24px;}
.fs-25{font-size: 25px;}
.fs-30{font-size: 30px;}
.fs-35{font-size: 35px;}
.fs-40{font-size: 40px;}
.fs-45{font-size: 45px;}
.fs-50{font-size: 50px;}


.mh-50{min-height:50px !important;}
.mh-60{min-height:60px !important;}
.mh-70{min-height:70px !important;}
.mh-80{min-height:80px !important;}
.mh-90{min-height:90px !important;}
.mh-100{min-height:100px !important;}
.mh-110{min-height:110px !important;}
.mh-120{min-height:120px !important;}
.mh-130{min-height:130px !important;}
.mh-140{min-height:140px !important;}
.mh-150{min-height:150px !important;}
.mh-160{min-height:160px !important;}
.mh-170{min-height:170px !important;}
.mh-180{min-height:180px !important;}
.mh-190{min-height:190px !important;}
.mh-200{min-height:200px !important;}
.mh-250{min-height:250px !important;}
.mh-300{min-height:300px !important;}
.mh-350{min-height:350px !important;}
.mh-400{min-height:400px !important;}

.mt-5p{ margin-top:5px;}
.mt-10{ margin-top:10px;}
.mt-15{ margin-top:15px;}
.mt-20{ margin-top:20px;}
.mt-25{ margin-top:25px;}
.mt-30{ margin-top:30px;}

.ml-5{margin-left:5px!important;}
.ml-10{margin-left:10px!important;}
.ml-15{margin-left:15px!important;}
.ml-20{margin-left:20px!important;}

.mr-5{margin-right:5px;}
.mr-10{margin-right:10px;}
.mr-15{margin-right:15px;}
.mr-20{margin-right:20px;}

.pt-1p{ padding-top:1px;}
.pt-2p{ padding-top:2px;}
.pt-3p{ padding-top:3px;}
.pt-4p{ padding-top:4px;}
.pt-5p{ padding-top:5px;}
.pt-10{ padding-top:10px;}
.pt-15{ padding-top:15px;}
.pt-20{ padding-top:20px;}
.pt-25{ padding-top:25px;}
.pt-30{ padding-top:30px;}

.pb-1p{ padding-bottom:1px!important;}
.pb-2p{ padding-bottom:2px!important;}
.pb-3p{ padding-bottom:3px!important;}
.pb-4p{ padding-bottom:4px!important;}
.pb-5p{ padding-bottom:5px!important;}
.pb-10{ padding-bottom:10px!important;}
.pb-15{ padding-bottom:15px!important;}
.pb-20{ padding-bottom:20px!important;}
.pb-25{ padding-bottom:25px!important;}
.pb-30{ padding-bottom:30px!important;}


.mb-0p{margin-bottom:0px !important}
.mb-1p{margin-bottom:1px !important}
.mb-2p{margin-bottom:2px !important}
.mb-3p{margin-bottom:3px !important}
.mb-4p{margin-bottom:4px !important}
.mb-5p{margin-bottom:5px !important}
.mb-10{margin-bottom:10px !important}
.mb-15{margin-bottom:15px !important}
.mb-20{margin-bottom:20px !important}
.mb-25{margin-bottom:25px !important}
.mb-30{margin-bottom:30px !important}
.mb-35{margin-bottom:35px !important}

.p0{
    padding:0px;
}
.p1{
    padding:1px;
}
.p2{
    padding:2px;
}
.p3{
    padding:3px;
}
.p4{
    padding:4px;
}
.p5{
    padding:5px;
}

.p10{
    padding:10px;
}

.fw-normal{
    font-weight: normal;
}

.cp{
    cursor:pointer;
}

.fancybox__container{
    z-index:10500;
}


.bt-1{
    border-top:1px solid #e9e9e9;
}

.tt-none{
    text-transform: none !important;
}

.modal-xxl {
    max-width: 1540px;
}

.form-selectgroup-input:checked + .form-selectgroup-label.approve{
    background: rgba(32, 196, 103, 0.04);
    border-color: #59c420;
}

.form-selectgroup-input:checked + .form-selectgroup-label.decline{
    background: rgba(196, 32, 32, 0.04);
    border-color: #c42020;
}

@media (max-width: 991.98px) {
    .footer{
        margin-left:0px !important;
    }
    .navbar-brand-image {
        margin-top: 0px;
    }
}


@media (min-width: 992px) {
    .modal-xxl {
      max-width: 720px; 
    } 

    

}



@media (min-width: 1200px) {
    .modal-xxl {
      max-width: 1140px; 
    } 
}



@media (min-width: 1400px) {
    .modal-xxl {
      max-width: 1340px; 
    } 
}



@media (min-width: 1600px) {
    .modal-xxl {
      max-width: 1540px; 
    } 
}