body{
	background: #FEFEFE!important;
}
#wrapper{
	background: transparent!important;
}
.login-wrap{
	background: #fff!important;
	border-radius: 20px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
table.table{
	margin-top: 0px!important;
}
/* ============================================================================================================
Custome Left Menu
============================================================================================================= */
.side-menu.left{
	background: #72020A !important;
}
.topbar .topbar-left {
	background: #72020A !important;	
}
.button-menu-mobile {
	color: #fff !important;
}
/* ============================================================================================================
Box Card
============================================================================================================= */
.box-card{
	position: relative;
  	background: #fff;
  	color: #5b5b5b;
  	margin-bottom: 20px;
  	-webkit-border-radius: 18px;
  	border-radius: 18px;
  	padding: 20px;
  	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.box-card-header{
	position: relative;
	width: 100%;
	margin-bottom: 30px;
}
.box-card-header h2{	
	padding: 0;
	margin: 0;
	font-size: 14px;
	text-transform: uppercase;
	display: inline-block;
	background: #FDE49F;
	color: #000;
	border-radius: 100px;
	padding: 3px 18px;
}
.box-card-header.right{
	text-align: right;
}
.box-card-body{
	position: relative;
	width: 100%;	
}
.box-page-heading{
	position: relative;
	width: 100%;
	margin: 0px 0 20px;
  	padding: 5px 0;
}
.box-page-heading h1 {
  padding: 0;
	margin: 0;
	font-size: 18px;
	text-transform: uppercase;
	display: inline-block;
	background: #000;
	color: #fff;
	border-radius: 100px;
	padding: 3px 18px;
	font-weight: 600;
}

/* ============================================================================================================
BUTTON
============================================================================================================= */
.btn-cus{
	display: inline-block;
	background: #000;
	color: #fff;
	padding: 10px 15px;
	border-radius: 100px;
	transition: 0.5s;
}
.btn-cus:hover{
	background: #FDE49F;
	color: #000;
}
button.btn-cus{
	border:none;
	padding: 10px 30px;
}
.btn-cus2{
	display: inline-block;
	background: #FDE49F;
	color: #000;
	padding: 10px 15px;
	border-radius: 100px;
	transition: 0.5s;
}
.btn-cus2:hover{
	background: #72020A;
	color: #fff;
}
button.btn-cus2{
	border:none;
	padding: 10px 30px;
}

/* ============================================================================================================
FORM
============================================================================================================= */
.form-control{
	height: 40px!important;
	border-radius: 50px;
}
.has-error .form-control {
	border-color: #FF7163!important;
}
.help-block{
	color: #FF7163!important;
}
.form-control.textArea{
	height: 100px!important;
	border-radius: 20px!important;
	resize: none;
}

::-webkit-calendar-picker-indicator{
    background-color: #ffffff;
    padding: 5px;
    cursor: pointer;
    border-radius: 3px;
}
/* ============================================================================================================
DIALOG & NOTIFICATION
============================================================================================================= */
.AlertCus > .modal-dialog {
    width: 320px!important;
    border:none;
}
.cookiesContent {
  width: 100%;
  background-color: #fff;
  color: #000;
  text-align: center;
  border-radius: 20px;
  padding: 0px 30px;
  padding-bottom: 30px;
}
.cookiesContent p {
  margin-bottom: 40px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
}
.cookiesContent span.accept {
  background-color: #ed6755;
  border: none;
  border-radius: 5px;
  width: 200px;
  padding: 14px;
  font-size: 12px;
  color: white;
  box-shadow: 0px 6px 18px -5px #ed6755;
}
/* CSS ICON ALERT GENERAL */
.screenAlert-icon{
	border-radius:50%;
	border:4px solid gray;
	box-sizing:content-box;
	height:80px;
	margin:20px auto;
	padding:0;
	position:relative;
	width:80px;
}
.screenAlert-icon + .screenAlert-icon {margin-top:50px}

/* CSS SUCCESS */
.screenAlert-icon.screenAlert-success{border-color:#A5DC86}
.screenAlert-icon.screenAlert-success:after,
.screenAlert-icon.screenAlert-success:before{background-color:transparent!important;content:'';height:120px;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:60px}
.screenAlert-icon.screenAlert-success:before{border-radius:120px 0 0 120px;left:-33px;top:-7px;-webkit-transform-origin:60px 60px;transform-origin:60px 60px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.screenAlert-icon.screenAlert-success:after{border-radius:0 120px 120px 0;left:30px;top:-11px;-webkit-transform-origin:0 60px;transform-origin:0 60px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.screenAlert-icon.screenAlert-success .screenAlert-placeholder{border-radius:50%;border:4px solid rgba(165,220,134,0.2);box-sizing:content-box;height:80px;left:-4px;position:absolute;top:-4px;width:80px;z-index:2}
.screenAlert-icon.screenAlert-success .screenAlert-line{background-color:#A5DC86;border-radius:2px;display:block;height:5px;position:absolute;z-index:2}
.screenAlert-icon.screenAlert-success .screenAlert-line.screenAlert-tip{left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:25px}
.screenAlert-icon.screenAlert-success .screenAlert-line.screenAlert-long{right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:47px}
.animateSuccessTip{-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}
.animateSuccessLong{-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}
/* ANIMATE SUCCESS */
@-webkit-keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}
@keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}
@-webkit-keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}
@keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}

/* CSS ALERT */
.screenAlert-icon.screenAlert-error{border-color:#F27474}
.screenAlert-icon.screenAlert-error:after,
.screenAlert-icon.screenAlert-error:before{background-color:transparent!important;content:'';height:120px;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:60px}
.screenAlert-icon.screenAlert-error:before{border-radius:120px 0 0 120px;left:-33px;top:-7px;-webkit-transform-origin:60px 60px;transform-origin:60px 60px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.screenAlert-icon.screenAlert-error:after{border-radius:0 120px 120px 0;left:30px;top:-11px;-webkit-transform-origin:0 60px;transform-origin:0 60px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.screenAlert-icon.screenAlert-error .screenAlert-placeholder{border-radius:50%;border:4px solid rgba(165,220,134,0.2);box-sizing:content-box;height:80px;left:-4px;position:absolute;top:-4px;width:80px;z-index:2}
.screenAlert-icon.screenAlert-error .screenAlert-line{background-color:#A5DC86;border-radius:2px;display:block;height:5px;position:absolute;z-index:2}
.screenAlert-icon.screenAlert-error .screenAlert-line.screenAlert-tip{left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:25px}
.screenAlert-icon.screenAlert-error .screenAlert-line.screenAlert-long{right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:47px}
.screenAlert-icon.screenAlert-error .screenAlert-x-mark{display:block;position:relative;z-index:2}
.screenAlert-icon.screenAlert-error .screenAlert-placeholder{border:4px solid rgba(200,0,0,0.2)}
.screenAlert-icon.screenAlert-error .screenAlert-line{background-color:#F27474;top:37px;width:47px}
.screenAlert-icon.screenAlert-error .screenAlert-line.screenAlert-left{left:17px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.screenAlert-icon.screenAlert-error .screenAlert-line.screenAlert-right{right:16px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.animateXLeft{-webkit-animation:animateXLeft .75s;animation:animateXLeft .75s}
.animateXRight{-webkit-animation:animateXRight .75s;animation:animateXRight .75s}
/* ANIMATE CROSS X */
@-webkit-keyframes animateXLeft{0%,65%{left:82px;top:95px;width:0}84%{left:14px;top:33px;width:47px}100%{left:17px;top:37px;width:47px}}
@keyframes animateXLeft{0%,65%{left:82px;top:95px;width:0}84%{left:14px;top:33px;width:47px}100%{left:17px;top:37px;width:47px}}
@-webkit-keyframes animateXRight{0%,65%{right:82px;top:95px;width:0}84%{right:14px;top:33px;width:47px}100%{right:16px;top:37px;width:47px}}
@keyframes animateXRight{0%,65%{right:82px;top:95px;width:0}84%{right:14px;top:33px;width:47px}100%{right:16px;top:37px;width:47px}}

/* CSS WARNING */
.screenAlert-icon.screenAlert-warning{border-color:#F8BB86}
.screenAlert-icon.screenAlert-warning:before{-webkit-animation:pulseWarning 2s linear infinite;animation:pulseWarning 2s linear infinite;background-color:transparent!important;border-radius:50%;content:"";display:inline-block;height:100%;opacity:0;position:absolute;width:100%}
.screenAlert-icon.screenAlert-warning:after{background-color:transparent!important;border-radius:50%;content:'';display:block;height:100%;position:absolute;width:100%;z-index:1}
.screenAlert-icon.screenAlert-warning .screenAlert-body{background-color:#F8BB86;border-radius:2px;height:47px;left:50%;margin-left:-2px;position:absolute;top:10px;width:5px;z-index:2}
.screenAlert-icon.screenAlert-warning .screenAlert-dot{background-color:#F8BB86;border-radius:50%;bottom:10px;height:7px;left:50%;margin-left:-3px;position:absolute;width:7px;z-index:2}
.scaleWarning{-webkit-animation:scaleWarning .75s infinite alternate;animation:scaleWarning .75s infinite alternate}
.pulseWarningIns{-webkit-animation:pulseWarningIns .75s infinite alternate;animation:pulseWarningIns .75s infinite alternate}
/* ANIMATE WARNING */
@-webkit-keyframes scaleWarning{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(1.02);transform:scale(1.02)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes scaleWarning{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(1.02);transform:scale(1.02)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes pulseWarning{0%{background-color:#fff;-webkit-transform:scale(1);transform:scale(1);opacity:.5}30%{background-color:#fff;-webkit-transform:scale(1);transform:scale(1);opacity:.5}100%{background-color:#F8BB86;-webkit-transform:scale(2);transform:scale(2);opacity:0}}
@keyframes pulseWarning{0%{background-color:#fff;-webkit-transform:scale(1);transform:scale(1);opacity:.5}30%{background-color:#fff;-webkit-transform:scale(1);transform:scale(1);opacity:.5}100%{background-color:#F8BB86;-webkit-transform:scale(2);transform:scale(2);opacity:0}}
@-webkit-keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}
@keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}


.loading{
	margin: 0 auto;
	margin-bottom: 10px;
	display: none;
}
.modal-open .modal {
    display: flex !important;
    align-items: center;
    justify-content: center;    
}
.modal-content{
	border-radius: 15px !important;
	text-align: center;
}
.modal-footer{
	text-align: center;
}
.textuppercase{
	text-transform: uppercase;
}
.bgDetail1{
	background: #FFF8D5;
	color: #000;
	border-radius: 5px;
}
.bgDetail2{
	background: #f1f1f1;
	border-radius: 5px;
}
.bgDetail-odd { 
	background: #f1f1f1;
	border-radius: 5px;
	color: #4A525F;
}
.bgDetail-even { 
	background: #fff;
	border-radius: 5px;
	color: #4A525F;
}
.create{
		width: 100%;position: relative;border:1px solid #eee;padding: 10px 20px;border-radius: 10px;
		margin-bottom: 20px;
}
.create h6{
		display: inline-block;
		background: #FFF8D5;
		padding: 10px 20px;
		border-radius: 10px;
		color: #000;
		font-weight: bold;
		margin-bottom: 25px;
}


.box-expired{
        		position: relative;
			    background: #fff;
			    color: #5b5b5b;
			    margin-bottom: 20px;
			    -webkit-border-radius: 18px;
			    border-radius: 18px;
			    padding: 20px 20px;
			    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        	}
        	.box-expired table{
        		position: relative;
        		width: 100%;
        		border: none!important;
        		padding: 0px;
        	}        	
        	.box-expired table tbody{
        		text-transform: uppercase;
        		text-align: center;
        		font-size: 12px;
        		font-weight: 400;
        	}
        	.label-danger-cus{
        		background: #DB1F2F;
        		color: #fff;
        		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        		padding: 5px 10px;
        		font-size: 10px;        		
        	}
            .label-warning-cus{
                background: #ff6719;
                color: #fff;
                box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
                padding: 5px 10px;
                font-size: 10px;                
            }
        	.spanTitle{
        		display: inline-block;
        		font-weight: bold;
        	}