@font-face {
	font-family: DS-DIGI;
	src: url(../fonts/ds_digital/DS-DIGI.TTF)
}
/* Login */
.login-box{width:400px;border-radius: 6px;overflow: hidden;}
.login-box .card .login-card-body{padding:20px 20px 50px 20px;}
.login-box .card .login-card-body .login-box-msg{color:rgb(53 73 94 / 1);font-size:22px;padding-bottom:1.5rem;font-weight:900}
.login-box .card .login-card-body .input-group .form-control:focus{border-color: #37a000!important;
    box-shadow: inset 0 1px 1px rgb(55 160 0 / 8%), 0 0 20px rgb(55 160 0 / 10%)!important;}
.login-box .card .login-card-body .input-group .login-input-group-append .input-group-text{border:1px solid #ced4da!important;border-right:0px!important;border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important;}
.login-view-website{position:absolute;background-color:#1c1f22;width:100%;left:0px;top:0px;text-align:center;color:#fff;padding:.5rem .5rem;font-size:13px!important;}
.login-view-website a{color:#fff;opacity:0.8;}
.login-view-website a:hover{opacity:1;}
.login-view-website a i{font-size:11px;}
.login-copyright{position:absolute;width:100%;left:0px;bottom:0px;text-align:center;padding:.5rem .5rem;font-size:13px!important;}
.show-password{cursor:pointer;width:45px;border-color:#e4e5e7!important;padding:.375rem;justify-content:center;}
.show-password.disabled{pointer-events:none;background-color:#e9ecef!important;}
.login-box .login__input{
	display: block;box-shadow: none!important;outline: none!important;border: none;
	width: 100%;padding: 15px 10px 15px 20px;border-radius: 5px;height: auto;font-size: 16px;
	background-color:#e8f0fe;
}
.login-box .login__input-append .input-group-text{
	background-color:#e8f0fe;
	border: none!important;
}
.login-box .login__btn{
	display: block;box-shadow: none!important;outline: none!important;border: none;
	background: linear-gradient(to right, #35495e, #42b582);font-size: 1.125rem;line-height: 1.75rem;
    width: 100%;color: #fff;padding:13px 10px;font-weight: 600;border-radius: 5px;
    transition: all 0.2s;
}
.login-box .login__btn:hover{
    letter-spacing: 0.05em;
}

/* Loader */
.loader-wrapper{z-index:99999999;position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:#eee;overflow:hidden;text-align:center}
.loader-wrapper .loader{position:relative;top:calc(50% - 30px)}
.loader-wrapper .loader p{font-size:13px;margin-top:10px;font-weight:700;color:#444}
.loader-wrapper .loader .preloader{display:inline-block;position:relative;width:50px;height:50px;-webkit-animation:container-rotate 1568ms linear infinite;animation:container-rotate 1568ms linear infinite}
.loader-wrapper .loader .preloader .spinner-layer{position:absolute;width:100%;height:100%;border-color:var(--set-color-primary);-ms-opacity:1;opacity:1;-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both}
.loader-wrapper .loader .preloader .spinner-layer .circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit}
.loader-wrapper .loader .preloader .spinner-layer .circle-clipper .circle{width:200%;height:100%;border-width:3px;border-style:solid;border-color:inherit;border-bottom-color:transparent!important;border-radius:50%;-webkit-animation:none;animation:none;position:absolute;top:0;right:0;bottom:0}
.loader-wrapper .loader .preloader .spinner-layer .circle-clipper.float-left .circle{left:0;border-right-color:transparent!important;-webkit-transform:rotate(129deg);transform:rotate(129deg);-webkit-animation:left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}
.loader-wrapper .loader .preloader .spinner-layer .circle-clipper.float-right .circle{left:-100%;border-left-color:transparent!important;-webkit-transform:rotate(-129deg);transform:rotate(-129deg);-webkit-animation:right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}
@-webkit-keyframes container-rotate{
	to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes container-rotate{
	to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes fill-unfill-rotate{
	12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}
	25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}
	37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}
	50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}
	62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}
	75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}
	87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}
	to{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}
}
@keyframes fill-unfill-rotate{
	12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}
	25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}
	37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}
	50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}
	62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}
	75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}
	87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}
	to{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}
}
@-webkit-keyframes left-spin{
	from{-webkit-transform:rotate(130deg);transform:rotate(130deg)}
	50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
	to{-webkit-transform:rotate(130deg);transform:rotate(130deg)}
}
@keyframes left-spin{
	from{-webkit-transform:rotate(130deg);transform:rotate(130deg)}
	50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
	to{-webkit-transform:rotate(130deg);transform:rotate(130deg)}
}
@-webkit-keyframes right-spin{
	from{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}
	50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
	to{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}
}
@keyframes right-spin{
	from{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}
	50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
	to{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}
}

/* Loading */
.sk-chase{width:20.5px;height:20.5px;margin:auto;position:relative;animation:sk-chase 2.5s infinite linear both;}
.sk-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;animation:sk-chase-dot 2.0s infinite ease-in-out both;}
.sk-chase-dot:before{content:'';display:block;width:25%;height:25%;background-color:#fff;border-radius:100%;animation:sk-chase-dot-before 2.0s infinite ease-in-out both;}
.sk-chase-dot:nth-child(1){animation-delay:-1.1s;}
.sk-chase-dot:nth-child(2){animation-delay:-1.0s;}
.sk-chase-dot:nth-child(3){animation-delay:-0.9s;}
.sk-chase-dot:nth-child(4){animation-delay:-0.8s;}
.sk-chase-dot:nth-child(5){animation-delay:-0.7s;}
.sk-chase-dot:nth-child(6){animation-delay:-0.6s;}
.sk-chase-dot:nth-child(1):before{animation-delay:-1.1s;}
.sk-chase-dot:nth-child(2):before{animation-delay:-1.0s;}
.sk-chase-dot:nth-child(3):before{animation-delay:-0.9s;}
.sk-chase-dot:nth-child(4):before{animation-delay:-0.8s;}
.sk-chase-dot:nth-child(5):before{animation-delay:-0.7s;}
.sk-chase-dot:nth-child(6):before{animation-delay:-0.6s;}
@keyframes sk-chase{
	100%{transform:rotate(360deg);}
}
@keyframes sk-chase-dot{
	80%,100%{transform:rotate(360deg);}
}
@keyframes sk-chase-dot-before{
	50%{transform:scale(0.4);}
	100%,0%{transform:scale(1.0);}
}

/* Alert */
.my-alert.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff;}
.my-alert.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db;}
.my-alert.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba;}
.my-alert.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca;}
.my-alert.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe;}
.my-alert.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb;}
.my-alert.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb;}
.my-alert.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb;}
.my-alert .close{outline:none;}

/* Info box */
.my-info-box{border-radius:.25rem;box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);padding: 1rem;}
.my-info-box .my-info-box-icon{border-radius:0px;}

/* General */
.w-clear:after{display:block;content:"";clear:both;}

/* Alert user login */
.alert-user-login{position:absolute;top:3.3rem;right:0.3rem;z-index:100;}

/* Sidebar */
.main-sidebar{background-color:#1c1f22;}
.sidebar-mini.sidebar-collapse .text-sm .brand-link .brand-image{margin-left:1.15rem;}
.nav-compact .nav-link > p > .right{top:0.7rem;}
.brand-link{padding:.25rem .5rem 0.5rem .5rem;width:100%;height:70px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-ms-flex-align:center;align-items:center;justify-content:center;border-bottom:0px!important;text-align:center;background-image:url(../images/logo-border.png);background-position:bottom center;background-repeat:no-repeat;}
.brand-link .brand-image{float:none;height:auto!important;margin:0px!important;display:inline-block;max-height:inherit;max-width:100%;transform: scale(0.6);}
.text-sm .brand-link .brand-image{margin-left:.75rem;transition:margin-left 0.3s linear,opacity 0.3s ease,visibility 0.3s ease;}

/* Header */
.main-header .navbar-nav .nav-item .dropdown-menu{max-width:250px;}
.main-header .navbar-nav .nav-item .dropdown-menu .dropdown-item{padding:.4rem 0.75rem;}
.main-header .navbar-nav .nav-item .dropdown-menu .dropdown-item i{margin-right:.2rem;margin-top:0.2rem;text-align:center;width:1.5rem;vertical-align:top;}
.main-header .navbar-nav .nav-item .dropdown-menu .dropdown-divider{margin:.25rem 0;}
.main-header .navbar-nav .nav-item .dropdown-menu .dropdown-divider:last-child{display:none;}
.main-header .navbar-nav .nav-item.nav-item-hello span{max-width:100px;}
.main-header .navbar-nav .nav-item.nav-item-hello span.text-split{-webkit-line-clamp:1;}
.main-header .navbar-nav .nav-item .nav-link .badge{vertical-align:top;margin-top:-8px;margin-left:-4px;font-size:70%;}

/* Table */
.table-responsive .table{min-width:1000px;}

/* Watermark */
.watermark-position{background-color:#eeeeee;max-width:355px;height:370px;position:relative;}
.watermark-position label{margin-bottom:0px;position:absolute;width:15px;height:15px;cursor:pointer;}
.watermark-position label input{display:none;}
.watermark-position label img{position:absolute;z-index:1;max-width:50px;opacity:0.6;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;transition:0.3s all;}
.watermark-position label img:hover,.watermark-position label img[src^="../"]{opacity:1;}
.watermark-position label:nth-child(1){top:15px;left:15px;}
.watermark-position label:nth-child(1) img{top:-10px;left:-10px;}
.watermark-position label:nth-child(2){top:15px;left:calc(50% - 15px/2);}
.watermark-position label:nth-child(2) img{top:-10px;left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.watermark-position label:nth-child(3){top:15px;right:15px;}
.watermark-position label:nth-child(3) img{top:-10px;right:-10px;}
.watermark-position label:nth-child(4){top:calc(50% - 15px/2);right:15px;}
.watermark-position label:nth-child(4) img{top:50%;right:-10px;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.watermark-position label:nth-child(5){bottom:15px;right:15px;}
.watermark-position label:nth-child(5) img{bottom:-10px;right:-10px;}
.watermark-position label:nth-child(6){bottom:15px;left:calc(50% - 15px/2);}
.watermark-position label:nth-child(6) img{bottom:-10px;left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.watermark-position label:nth-child(7){bottom:15px;left:15px;}
.watermark-position label:nth-child(7) img{bottom:-10px;left:-10px;}
.watermark-position label:nth-child(8){top:calc(50% - 15px/2);left:15px;}
.watermark-position label:nth-child(8) img{top:50%;left:-10px;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.watermark-position label:nth-child(9){top:calc(50% - 15px/2);left:calc(50% - 15px/2);}
.watermark-position label:nth-child(9) img{top:50%;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

/* Apexcharts */
.form-filter-charts .select2-container{width:100%!important;}
#apexMixedChart{overflow:hidden;}
.apexcharts-menu-icon{display:none;}

/* Time statistic */
.form-time-static{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:stretch;justify-content:space-between;}
.form-time-static input{width:calc(100% - 130px);margin-right:10px;}
.form-time-static button{width:130px;}

/* Search */
.form-search .btn{margin-bottom:0px;}

/* Tool action */
.tool-action a{float:left;cursor:pointer;}

/* Card */
.card-footer.sticky-top{background-color:#fff;position:sticky;top:0px;z-index:11;margin-bottom:20px;box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);}

/* Iamges */
.img-upload{max-width:250px;}
.img-preview{max-width:70px;max-height:55px;}

/* Photo upload zone */
.photoUpload-zone .photoUpload-detail{text-align:center;display:block;margin-bottom:1.5rem;}
.photoUpload-zone .photoUpload-detail img{max-width:100%;max-height:250px;}
.photoUpload-zone .photoUpload-file{cursor:pointer;background-color:#F5F5F5;outline:2px dashed #CDCDCD;outline-offset:0px;padding:2rem 0.75rem;margin-bottom:1rem;border-radius:0.25rem;font-weight:normal!important;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-transition:outline-offset .15s ease-in-out,background-color .15s linear;transition:outline-offset .15s ease-in-out,background-color .15s linear;}
.photoUpload-zone .photoUpload-file.drag-over{outline-offset:-10px;background-color:#fff9f9;}
.photoUpload-zone .photoUpload-file input{display:none;}
.photoUpload-zone .photoUpload-file i:hover{opacity:0.9;}
.photoUpload-zone .photoUpload-file i{color:#6C7D8F;font-size:55px;margin-bottom:0.75rem;}
.photoUpload-zone .photoUpload-file p{margin:0;color:#767978;font-size:16px;}
.photoUpload-zone .photoUpload-file .photoUpload-drop{margin-bottom:0.5rem;}
.photoUpload-zone .photoUpload-file .photoUpload-or{font-size:14px;margin-bottom:0.75rem;}
.photoUpload-zone .photoUpload-file .photoUpload-choose{color:#fff;}
.photoUpload-zone .photoUpload-dimension{font-weight:700;}

/* Change photo */
.change-photo{cursor:pointer;display:inline-block;vertical-align:top;}
.change-photo p{margin-bottom:0.5rem;}
.change-photo div.rounded strong{width:100%;height:100%;top:0px;left:0px;font-weight:normal;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;}
.change-photo div.rounded strong b{margin:0.25rem 0;text-align:center;}
.change-photo div.rounded strong b.text-split{-webkit-line-clamp:2;}
.change-photo.text-center{display:block;}

/* Change file */
.change-file{cursor:pointer;display:inline-block;vertical-align:middle;}
.change-file p{display:inline-block;vertical-align:middle;margin-bottom:0px;}
.change-file strong{display:inline-block;vertical-align:middle;}
.change-file strong div{display:inline-block;vertical-align:middle;max-width:200px;}
.change-file strong div b.text-split{-webkit-line-clamp:1;}

/* Scrollbar */
.scroll-bar::-webkit-scrollbar{width:10px;}
.scroll-bar::-webkit-scrollbar-track{-webkit-border-radius:10px;border-radius:10px;background:#eeeeee;}
.scroll-bar::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:#999999;}
.scroll-bar::-webkit-scrollbar-thumb:window-inactive{background:#999999;}

/* Text Hide */
.text-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;}

/* Color */
.color-preview{display:inline-block;width:100%;max-width:65px;height:35px;}

/* Checkbox */
.my-checkbox{width:17px;height:17px;margin:auto;text-align: center;display: inline-block;min-height: inherit;padding-left: 0px!important;}
.my-checkbox .custom-control-input{cursor:pointer;z-index:1;width:100%;height:100%;}
.my-checkbox .custom-control-label{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.my-checkbox .custom-control-label::before,.my-checkbox .custom-control-label::after{top:0px;left:0px;width:100%;height:100%;}
.my-checkbox .custom-control-label{padding-left: 0px;}
.my-checkbox.custom-checkbox .custom-control-input~.custom-control-label::after{top: 0px;left: 0px;}

/* Input */
.form-control-mini{width:50px;padding:0.25rem;text-align:center;line-height:normal;font-size:14px;}
.form-control-mini::-webkit-outer-spin-button,.form-control-mini::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;}
.form-control.no-validate:valid{border-color:#ced4da;background:none;padding:.375rem .75rem;}

/* Input file */
.my-custom-file label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:77px;}

/* Order */
.price-cart-detail span{display:block}
.price-new-cart-detail{color:red;}
.price-old-cart-detail{text-decoration:line-through}
.title-money-cart-detail{text-align:right!important;padding-right:10px!important;text-transform:capitalize;font-weight:700;font-size:13px}
.cast-money-cart-detail{color:red;font-weight:700;font-size:15px;text-align:right!important;padding-right:15px!important}

/* Seo */
.label-seo{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;justify-content:space-between;}
.label-seo-preview{text-transform:uppercase;font-size:1rem;margin-bottom:0.75rem;}
.seo-preview{max-width:700px;}
.slug-seo-preview{color:#5f6368;margin-bottom:2px;}
.slug-seo-preview strong{font-weight:normal;}
.title-seo-preview{color:#0980ff;font-size:20px;margin-bottom:2px;}
.title-seo-preview.text-split{-webkit-line-clamp:1;}
.description-seo-preview{color:#4d5156;margin-bottom:0px;}
.description-seo-preview.text-split{-webkit-line-clamp:2;}

/* Filer */
.label-filer-gallery{word-break:break-word;}
.alert-sort-filer{display:none;}
.jFiler-input-dragDrop{width:100%;}
.jFiler-items-grid.row{margin-left:-7.5px;}
.jFiler-items-grid.scroll-bar{max-height:560px;overflow-x:hidden;overflow-y:scroll;}
.jFiler-items-grid .jFiler-item .jFiler-item-container{margin:0px;margin-bottom:1rem;padding:5px;box-shadow:none;}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets{margin-top:0px;padding:5px 0px;}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .pull-left{float:none;}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .pull-left li{display:block;}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .pull-left li .jFiler-jProgressBar{width:100%;margin:0px;}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .pull-left li .jFiler-jProgressBar .bar{float:none;}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .pull-right{float:none;text-align:center;}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb{width:100%;height:auto;min-height:inherit;}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb .jFiler-item-thumb-image{max-height:150px;position:relative;}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb .jFiler-item-thumb-image img{max-width:100%;width:100%;}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb .jFiler-item-thumb-image i{position:absolute;top:calc(50% - 25px/2);left:calc(50% - 25px/2);color:#ffc107;width:25px;height:25px;font-size:25px;text-align:center;line-height:25px;display:none;}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb .jFiler-item-info{padding:0px 5px;}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb .jFiler-item-info .jFiler-item-title,.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info .jFiler-item-title b{font-weight:normal;}
.jFiler-items-grid .jFiler-item.my-jFiler-item.moved{cursor:pointer;}
.jFiler-items-grid .jFiler-item.my-jFiler-item.moved.ghostclass .jFiler-item-container{background:#fddf83;opacity:0.85;}
.jFiler-items-grid .jFiler-item.my-jFiler-item.selected .jFiler-item-container{border-color:#ffc107;opacity:0.85;}
.jFiler-items-grid .jFiler-item.my-jFiler-item.selected .jFiler-item-container:before{content:"";position:absolute;width:35px;height:35px;z-index:1;background-color:#ffc107;top:calc(50% - 35px/2);left:calc(50% - 35px/2);border-radius:100%;}
.jFiler-items-grid .jFiler-item.my-jFiler-item.selected .jFiler-item-container:after{content:"";position:absolute;left:calc(50% - 9px/2);top:calc(50% - 25px/2);width:10px;height:20px;z-index:2;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.jFiler-items-grid .jFiler-item.my-jFiler-item.selected .jFiler-item-container .jFiler-item-inner{opacity:0.7;}
.jFiler-items-grid .jFiler-item.my-jFiler-item.moved:not(.selected) .jFiler-item-container .jFiler-item-thumb .jFiler-item-thumb-image img{-ms-filter:brightness(70%);-webkit-filter:brightness(70%);-moz-filter:brightness(70%);-o-filter:brightness(70%);filter:brightness(70%);}
.jFiler-items-grid .jFiler-item.my-jFiler-item.moved:not(.selected) .jFiler-item-container .jFiler-item-thumb .jFiler-item-thumb-image i{display:block;}

/* Sumoselect */
.SumoSelect .select-all{height:auto!important;padding:8px 0px 8px 35px!important;}
.SumoSelect label{margin-bottom:0px;font-weight:normal!important;display:block;}
.form-group-category .SumoSelect{width:100%;}

/* Select */
.was-validated select.form-control:invalid{background-position:right calc(.375em + 0.6rem) center;}
.was-validated select.form-control:valid{background-position:right calc(.375em + 0.6rem) center;}
select.form-control option:disabled{color:#b8babb;font-style:italic;}

/* Select2 */
.form-group-category .select2-container{width:100%!important;}
.select2-container--default .select2-selection--single{height:calc(2.25rem + 2px)!important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{margin-top:-3px!important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{margin-top:3px!important;}

/* Sweet alert 2 */
.swal2-popup{width:100%;max-width:25em;padding:0.5em;border-radius:0.25rem;}
.swal2-icon{width:4rem;height:4rem;margin:auto auto 1rem auto;}
.swal2-icon .swal2-icon-content{font-size:2.5rem;}
.swal2-content{font-size:1rem;}
.swal2-actions{margin-top:1rem;}

/* Pagination */
.pagination{flex-wrap:wrap;}

/* Responsive */
@media(max-width:1201px){
	.change-photo.text-center{display:inline-block;}
	.watermark-position{max-width:300px;height:300px;}
}
@media(max-width:641px){
	.main-header .navbar-nav .nav-item .nav-link{padding:0.35rem 0.55rem!important;}
}
@media(max-width:569px){
	.form-search{width:100%;margin-left:0px!important;margin-top:0.75rem!important;}
}
@media(max-width:469px){
	.card-body{padding:0.75rem;}
	.card-title-order{width:100%;margin-bottom:0.75rem;}
	.btn-export-excel{margin-left:0px!important;}
	.card-footer{padding:.75rem;}
	.card-footer .btn{margin-bottom:0.25rem;}
}
@media(max-width:401px){
	.main-header .navbar-nav .nav-item.nav-item-hello span,.label-filer{display:none;}
}

/*==cumstom==*/
.form-control {
    font-size: 14px;
    border: 1px solid #e4e5e7;
    height: calc(1.8em + 0.75rem + 2px);
}
.card-header {
    padding: 20px 24px;
    padding: 1.25rem 1.5rem;
    background-color: #fff;
    border-bottom: 1px solid #eff2f7;
}
.card-title{font-weight: 600;}
.callout{
	box-shadow: none;
}
.btn {
    border-radius: 2px;
}
/*===*/
.btn-success {
    box-shadow: 0 2px 6px 0 rgba(40, 167, 69, .5)
}

.btn-success-soft {
    color: #28a745;
    background-color: rgba(40, 167, 69, .1);
    border-color: rgba(40, 167, 69, .3)
}
.btn-success-soft:hover,
.btn-success-soft:not(:disabled):not(.disabled).active,
.btn-success-soft:not(:disabled):not(.disabled):active,
.show > .btn-success-soft.dropdown-toggle {
    color: #28a745;
    background-color: rgba(40, 167, 69, .2);
    border-color: rgba(40, 167, 69, .4)
}
.btn-success-soft.focus,
.btn-success-soft:focus,
.btn-success-soft:not(:disabled):not(.disabled).active:focus,
.btn-success-soft:not(:disabled):not(.disabled):active:focus,
.show > .btn-success-soft.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.btn-info {
    box-shadow: 0 2px 6px 0 rgba(23, 162, 184, .5)
}
.btn-info-soft {
    color: #17a2b8;
    background-color: rgba(23, 162, 184, .1);
    border-color: rgba(23, 162, 184, .3)
}
.btn-info-soft:hover,
.btn-info-soft:not(:disabled):not(.disabled).active,
.btn-info-soft:not(:disabled):not(.disabled):active,
.show > .btn-info-soft.dropdown-toggle {
    color: #17a2b8;
    background-color: rgba(23, 162, 184, .2);
    border-color: rgba(23, 162, 184, .4)
}
.btn-info-soft.focus,
.btn-info-soft:focus,
.btn-info-soft:not(:disabled):not(.disabled).active:focus,
.btn-info-soft:not(:disabled):not(.disabled):active:focus,
.show > .btn-info-soft.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.btn-warning {
    box-shadow: 0 2px 6px 0 rgba(255, 193, 7, .5)
}
.btn-warning-soft {
    color: #ffc107;
    background-color: rgba(255, 193, 7, .1);
    border-color: rgba(255, 193, 7, .3)
}
.btn-warning-soft:hover,
.btn-warning-soft:not(:disabled):not(.disabled).active,
.btn-warning-soft:not(:disabled):not(.disabled):active,
.show > .btn-warning-soft.dropdown-toggle {
    color: #ffc107;
    background-color: rgba(255, 193, 7, .2);
    border-color: rgba(255, 193, 7, .4)
}
.btn-warning-soft.focus,
.btn-warning-soft:focus,
.btn-warning-soft:not(:disabled):not(.disabled).active:focus,
.btn-warning-soft:not(:disabled):not(.disabled):active:focus,
.show > .btn-info-soft.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.btn-danger {
    box-shadow: 0 2px 6px 0 rgba(220, 53, 69, .5)
}
.btn-danger-soft {
    color: #dc3545!important;
    background-color: rgba(220, 53, 69, .1);
    border-color: rgba(220, 53, 69, .3)
}
.btn-danger-soft:hover,
.btn-danger-soft:not(:disabled):not(.disabled).active,
.btn-danger-soft:not(:disabled):not(.disabled):active,
.show > .btn-danger-soft.dropdown-toggle {
    color: #dc3545;
    background-color: rgba(220, 53, 69, .2);
    border-color: rgba(220, 53, 69, .4)
}
.btn-danger-soft.focus,
.btn-danger-soft:focus,
.btn-danger-soft:not(:disabled):not(.disabled).active:focus,
.btn-danger-soft:not(:disabled):not(.disabled):active:focus,
.show > .btn-danger-soft.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.btn-inverse {
    color: #fff;
    border-color: #3b3e47;
    background-color: #3b3e47;
    box-shadow: 0 2px 6px 0 rgba(59, 62, 71, .5)
}
.btn-inverse:hover,
.btn-inverse:not(:disabled):not(.disabled).active,
.btn-inverse:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2f3239;
    border-color: #2f3239
}
.btn-primary {
    box-shadow: 0 2px 6px 0 rgba(77, 121, 246, .5)
}
.btn-secondary {
    box-shadow: 0 2px 6px 0 rgb(152 164 175);
}
.btn-inverse.focus,
.btn-inverse:focus,
.btn-inverse:not(:disabled):not(.disabled).active:focus,
.btn-inverse:not(:disabled):not(.disabled):active:focus,
.show > .btn-inverse.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(59, 62, 71, .5)
}
.btn-inverse-soft {
    color: #3b3e47;
    background-color: rgba(59, 62, 71, .1);
    border-color: rgba(59, 62, 71, .3)
}
.btn-inverse-soft:hover,
.btn-inverse-soft:not(:disabled):not(.disabled).active,
.btn-inverse-soft:not(:disabled):not(.disabled):active,
.show > .btn-inverse-soft.dropdown-toggle {
    color: #3b3e47;
    background-color: rgba(59, 62, 71, .2);
    border-color: rgba(59, 62, 71, .4)
}
.btn-inverse-soft.focus,
.btn-inverse-soft:focus,
.btn-inverse-soft:not(:disabled):not(.disabled).active:focus,
.btn-inverse-soft:not(:disabled):not(.disabled):active:focus,
.show > .btn-inverse-soft.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(59, 62, 71, .5)
}
.btn-outline-inverse {
    color: #3b3e47;
    border-color: #3b3e47
}
.btn-outline-inverse:hover,
.btn-outline-inverse:not(:disabled):not(.disabled).active,
.btn-outline-inverse:not(:disabled):not(.disabled):active,
.show > .btn-outline-inverse.dropdown-toggle {
    color: #fff;
    background-color: #3b3e47;
    border-color: #3b3e47
}
.btn-outline-inverse.focus,
.btn-outline-inverse:focus,
.btn-outline-inverse:not(:disabled):not(.disabled).active:focus,
.btn-outline-inverse:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-inverse.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(59, 62, 71, .5)
}
.btn-purple {
    color: #fff;
    background-color: #5b69bc;
    border-color: #5b69bc;
    box-shadow: 0 2px 6px 0 rgba(91, 105, 188, .5)
}
.btn-purple:hover,
.btn-purple:not(:disabled):not(.disabled).active,
.btn-purple:not(:disabled):not(.disabled):active,
.show > .btn-purple.dropdown-toggle {
    color: #fff;
    background-color: #4a59b4;
    border-color: #4a59b4
}
.btn-purple.focus,
.btn-purple:focus,
.btn-purple:not(:disabled):not(.disabled).active:focus,
.btn-purple:not(:disabled):not(.disabled):active:focus,
.show > .btn-purple.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(91, 105, 188, .5)
}
.btn-purple-soft {
    color: #5b69bc;
    background-color: rgba(91, 105, 188, .1);
    border-color: rgba(91, 105, 188, .3)
}
.btn-purple-soft:hover,
.btn-purple-soft:not(:disabled):not(.disabled).active,
.btn-purple-soft:not(:disabled):not(.disabled):active,
.show > .btn-purple-soft.dropdown-toggle {
    color: #5b69bc;
    background-color: rgba(91, 105, 188, .2);
    border-color: rgba(91, 105, 188, .4)
}
.btn-inverse-soft:focus,
.btn-purple-soft.focus,
.btn-purple-soft:not(:disabled):not(.disabled).active:focus,
.btn-purple-soft:not(:disabled):not(.disabled):active:focus,
.show > .btn-purple-soft.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(91, 105, 188, .5)
}
.btn-outline-purple {
    color: #5b69bc;
    border-color: #5b69bc
}
.btn-outline-purple:hover {
    color: #fff;
    background-color: #5b69bc;
    border-color: #5b69bc
}
.btn-outline-purple:not(:disabled):not(.disabled).active,
.btn-outline-purple:not(:disabled):not(.disabled):active,
.show > .btn-outline-purple.dropdown-toggle {
    color: #fff;
    background-color: #5b69bc;
    border-color: #5b69bc
}
.btn-outline-purple.focus,
.btn-outline-purple:focus,
.btn-outline-purple:not(:disabled):not(.disabled).active:focus,
.btn-outline-purple:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-purple.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(91, 105, 188, .5)
}
.btn-pink {
    color: #fff;
    border-color: #ff8acc;
    background-color: #ff8acc;
    box-shadow: 0 2px 6px 0 rgba(255, 138, 204, .5)
}
.btn-pink:hover,
.btn-pink:not(:disabled):not(.disabled).active,
.btn-pink:not(:disabled):not(.disabled):active,
.show > .btn-purple.dropdown-toggle {
    color: #fff;
    background-color: #ff70c1;
    border-color: #ff70c1
}
.btn-pink.focus,
.btn-pink:focus,
.btn-pink:not(:disabled):not(.disabled).active:focus,
.btn-pink:not(:disabled):not(.disabled):active:focus,
.show > .btn-pink.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 138, 204, .5)
}
.btn-pink-soft {
    color: #ff8acc;
    background-color: rgba(255, 138, 204, .1);
    border-color: rgba(255, 138, 204, .3)
}
.btn-pink-soft:hover,
.btn-pink-soft:not(:disabled):not(.disabled).active,
.btn-pink-soft:not(:disabled):not(.disabled):active,
.show > .btn-pink-soft.dropdown-toggle {
    color: #ff8acc;
    background-color: rgba(255, 138, 204, .2);
    border-color: rgba(255, 138, 204, .4)
}
.btn-pink-soft.focus,
.btn-pink-soft:focus,
.btn-pink-soft:not(:disabled):not(.disabled).active:focus,
.btn-pink-soft:not(:disabled):not(.disabled):active:focus,
.show > .btn-pink-soft.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 138, 204, .5)
}
.btn-outline-pink {
    color: #ff8acc;
    border-color: #ff8acc
}
.btn-outline-pink:hover {
    color: #fff;
    background-color: #ff8acc;
    border-color: #ff8acc
}
.btn-outline-pink:not(:disabled):not(.disabled).active,
.btn-outline-pink:not(:disabled):not(.disabled):active,
.show > .btn-outline-pink.dropdown-toggle {
    color: #fff;
    background-color: #ff8acc;
    border-color: #ff8acc
}
.btn-outline-pink.focus,
.btn-outline-pink:focus,
.btn-outline-pink:not(:disabled):not(.disabled).active:focus,
.btn-outline-pink:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-pink.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 138, 204, .5)
}
.btn-black {
    color: #fff;
    border-color: #000;
    background-color: #000;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .5)
}
.btn-black:hover,
.btn-black:not(:disabled):not(.disabled).active,
.btn-black:not(:disabled):not(.disabled):active,
.show > .btn-black.dropdown-toggle {
    color: #fff;
    background-color: #222;
    border-color: #222
}
.btn-black.focus,
.btn-black:focus,
.btn-black:not(:disabled):not(.disabled).active:focus,
.btn-black:not(:disabled):not(.disabled):active:focus,
.show > .btn-black.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .5)
}
.btn-black-soft {
    color: #000;
    background-color: rgba(0, 0, 0, .1);
    border-color: rgba(0, 0, 0, .3)
}
.btn-black-soft:hover,
.btn-black-soft:not(:disabled):not(.disabled).active,
.btn-black-soft:not(:disabled):not(.disabled):active,
.show > .btn-black-soft.dropdown-toggle {
    color: #000;
    background-color: rgba(0, 0, 0, .2);
    border-color: rgba(0, 0, 0, .4)
}
.btn-black-soft.focus,
.btn-black-soft:focus,
.btn-black-soft:not(:disabled):not(.disabled).active:focus,
.btn-black-soft:not(:disabled):not(.disabled):active:focus,
.show > .btn-black-soft.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .5)
}
.btn-outline-black {
    color: #000;
    border-color: #000
}
.btn-outline-black:hover {
    color: #fff;
    background-color: #000;
    border-color: #000
}
.btn-outline-black:not(:disabled):not(.disabled).active,
.btn-outline-black:not(:disabled):not(.disabled):active,
.show > .btn-outline-black.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #000
}
.btn-outline-black.focus,
.btn-outline-black:focus,
.btn-outline-black:not(:disabled):not(.disabled).active:focus,
.btn-outline-black:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-black.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .5)
}
.btn-violet {
    color: #fff;
    border-color: #a344ec;
    background-color: #a344ec;
    box-shadow: 0 2px 6px 0 rgba(163, 68, 236, .5)
}
.btn-violet:hover,
.btn-violet:not(:disabled):not(.disabled).active,
.btn-violet:not(:disabled):not(.disabled):active,
.show > .btn-violet.dropdown-toggle {
    color: #fff;
    background-color: #9023e4;
    border-color: #9023e4
}
.btn-violet.focus,
.btn-violet:focus,
.btn-violet:not(:disabled):not(.disabled).active:focus,
.btn-violet:not(:disabled):not(.disabled):active:focus,
.show > .btn-violet.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(163, 68, 236, .5)
}
.btn-violet-soft {
    color: #a344ec;
    background-color: rgba(163, 68, 236, .1);
    border-color: rgba(163, 68, 236, .3)
}
.btn-violet-soft:hover,
.btn-violet-soft:not(:disabled):not(.disabled).active,
.btn-violet-soft:not(:disabled):not(.disabled):active,
.show > .btn-violet-soft.dropdown-toggle {
    color: #a344ec;
    background-color: rgba(163, 68, 236, .2);
    border-color: rgba(163, 68, 236, .4)
}
.btn-violet-soft.focus,
.btn-violet-soft:focus,
.btn-violet-soft:not(:disabled):not(.disabled).active:focus,
.btn-violet-soft:not(:disabled):not(.disabled):active:focus,
.show > .btn-violet-soft.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(163, 68, 236, .5)
}
.btn-outline-violet {
    color: #a344ec;
    border-color: #a344ec
}
.btn-outline-violet:hover {
    color: #fff;
    background-color: #a344ec;
    border-color: #a344ec
}
.btn-outline-violet:not(:disabled):not(.disabled).active,
.btn-outline-violet:not(:disabled):not(.disabled):active,
.show > .btn-outline-violet.dropdown-toggle {
    color: #fff;
    background-color: #a344ec;
    border-color: #a344ec
}
.btn-outline-violet.focus,
.btn-outline-violet:focus,
.btn-outline-violet:not(:disabled):not(.disabled).active:focus,
.btn-outline-violet:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-violet.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(163, 68, 236, .5)
}
.btn-label {
    position: relative;
    left: -14px;
    display: inline-block;
    padding: 6px 12px;
    background: rgba(0, 0, 0, .15);
    border-radius: 2px 0 0 2px
}
.btn-labeled {
    padding-top: 0;
    padding-bottom: 0
}
.btn-circle {
    width: 32px;
    height: 32px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 30px
}
.badge {
    padding: .33em .5em;
    border-radius: .375rem
}
.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}
.badge-primary-soft {
    color: #007bff;
    background-color: rgba(0, 123, 255, .1)
}
.badge-secondary-soft {
    color: #6c757d;
    background-color: rgba(108, 117, 125, .1)
}
.badge-success-soft {
    color: #28a745;
    background-color: rgba(40, 167, 69, .1)
}
.badge-danger-soft {
    color: #dc3545;
    background-color: rgba(220, 53, 69, .1)
}
.badge-warning-soft {
    color: #212529;
    background-color: rgba(255, 193, 7, .1)
}
.badge-info-soft {
    color: #17a2b8;
    background-color: rgba(23, 162, 184, .1)
}
.badge-light-soft {
    color: #212529;
    background-color: rgba(248, 249, 250, .1)
}
.badge-dark-soft {
    color: #343a40;
    background-color: rgba(52, 58, 64, .1)
}

/*====*/
.sidebar-toggle-icon {
    display: block;
    padding: 0!important;
    width: 28px;
    height: 28px!important;
    font-size: 0;
    text-indent: -9999px;
    cursor: pointer;
}
.sidebar-toggle-icon span {
    display: block;
    position: absolute;
    top: 13px;
    height: 2px;
    min-height: 1px;
    width: 100%;
    border-radius: 0;
    background: var(--set-color-primary)
}
.sidebar-toggle-icon span:after,
.sidebar-toggle-icon span:before {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    min-height: 1px;
    content: "";
    border-radius: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    background: var(--set-color-primary)
}
.sidebar-toggle-icon span:before {
    top: -7px;
    left: auto;
    right: 0;
    width: 50%
}
.sidebar-toggle-icon span:after {
    bottom: -7px;
    left: auto;
    right: 0;
    width: 75%
} 
.sidebar-collapse .sidebar-toggle-icon span:before {
    left: 0;
    right: auto;
    width: 50%
}

.sidebar-collapse .sidebar-toggle-icon span:after {
    left: 0;
    right: auto;
    width: 75%
}
.nav-sidebar .nav-item>.nav-link{padding: 10px;}
/*====*/
.color-themes-page {
    position: absolute;
    bottom: 100%;
    left: 0px;
    width: 140px;
    height: 105px;
    background-color: #FFF;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0px;
    padding: 0px;
    opacity: 0;
    transform: translateX(-200px);
    transition: all 0.6s;
    pointer-events: none;
    z-index: -1;
}
.color-themes-page.active {
    opacity: 1;
    z-index: 1;
    transform: translateX(-104px);
    pointer-events: inherit;
}
.color-themes-page li {
    width: calc(100% / 4);
    display: block;
    height: 35px;
    padding: 5px 5px;
}
.color-themes-page li span {
    display: block;
    width: 100%;
    height: 25px;
    position: relative;
    cursor: pointer;
}
.color-themes-page li.default span {
    background-color: #1C1F22;
}
.color-themes-page li.green span {
    background-color: #128341;
}
.color-themes-page li.violet span {
    background-color: #4F0791;
}
.color-themes-page li.orange span {
    background-color: #fd7d0c;
}
.color-themes-page li.blue span {
    background-color: #05498D;
}
.color-themes-page li.blue-dark span {
    background-color: #015775;
}
.color-themes-page li.green-dark span {
    background-color: #4c8c03;
}
.color-themes-page li.red span {
    background-color: #dc3545;
}
.color-themes-page li.gradient-1 span {
    background: #005c97 !important;
    background: -webkit-linear-gradient(to bottom, #005c97, #363795) !important;
    background: -o-linear-gradient(to bottom, #005c97, #363795) !important;
    background: linear-gradient(to bottom, #005c97, #363795) !important;
}
.color-themes-page li.gradient-2 span {
    background: #fe8c00 !important;
    background: -webkit-linear-gradient(to bottom, #fe8c00, #f83600) !important;
    background: -o-linear-gradient(to bottom, #fe8c00, #f83600) !important;
    background: linear-gradient(to bottom, #fe8c00, #f83600) !important;
}
.color-themes-page li.gradient-3 span {
    background: #f953c6 !important;
    background: -webkit-linear-gradient(to bottom, #f953c6, #b91d73) !important;
    background: -o-linear-gradient(to bottom, #f953c6, #b91d73) !important;
    background: linear-gradient(to bottom, #f953c6, #b91d73) !important;
}
.color-themes-page li.gradient-4 span {
    background: #00b09b !important;
    background: -webkit-linear-gradient(to bottom, #00b09b, #96c93d) !important;
    background: -o-linear-gradient(to bottom, #00b09b, #96c93d) !important;
    background: linear-gradient(to bottom, #00b09b, #96c93d) !important;
}
.fixed-themes {
    position: fixed;
    bottom: 95px;
    right: 20px;
    z-index: 92;
}
.fixed-themes > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: #FFF;
    color: #fd7d0c;
    font-size: 22px;
    cursor: pointer;
    border: 2px solid #fd7d0c;
    border-radius: 3px;
}
/*===*/
.content-header .breadcrumb {
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
}
.content-header .header-title small {
    font-size: 13px;
    display: inline-block;
    font-weight: 600;
    color: #7a7a7a;
}
.content-header .header-icon {
    font-size: 36px;
    background-color: #fff;
    height: 55px;
    width: 55px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0.25rem;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
}
.theme-violet .content-header .header-icon.text-success {
    color: var(--set-color-primary) !important;
}
/*===*/
.nav-clock {
	font-size: 25px;
	border-radius: 0;
	color: var(--set-color-primary);
	font-weight: 600;
	margin-left: 5px;
	width: 130px;
	text-align: center;
	background-color: #fff;
	min-height: 30px;
	border-width: 0 1px;
	line-height: 30px;
	letter-spacing: 1px;
	font-family: DS-DIGI;
}

.nav-clock .time>span:not(:last-child):after {
	content: ':';
	width: 10px;
	text-align: center;
	display: inline-block;
	position: relative;
	top: -1px;
	right: -2px
}
.card > .form-group-category{
	padding:1rem 1.5rem 0 1.5rem;
}
/*===*/