body{
	background-color: #F1F5F9!important;
}

@media only screen and (max-width: 1200px) {
  #imglogin{
  	  display: none;
  }

  #bg_surat {
	background-size: cover!important;
  }
}

@media only screen and (max-width: 575.98px){
	.login-card .login-main {
	    width: 340px!important;
	}
}
.background-greenSea {
	/* background-color: #0CDEBE !important; */
	/* border-radius: 15px 50px!important; */
	background-color: #ffffff !important;
	border: 2px; 
	border-color: #0CDEBE !important;
}
.background-desire {
	color: #ffffff !important;
    /* background-color: #FF4F84 !important; */
}
.background-peterRiver {
	background-color: #ffffff !important;
    /* background-color: #07D2E2 !important; */
}
.background-pumpkin {
	background-color: #ffffff !important;
}
.widget{
	border: none !important;
	box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important;
}

.h1{
	color: #ffffff;
}

/* PANEL */
.panel.panel-with-borders > .panel-heading{
	border-bottom: none;
}
.panel{
	border: none!important;
	box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important;
}
.step-block h3{
	font-size: 1.45rem;
}


nav.left-menu{
	border-right: none;
	width: 297px;
}
nav.left-menu .logo-container{
	border-bottom: none;
}
nav.left-menu .left-menu-list li .left-menu-link{
	color:#fff!important;
	font-weight: normal;
}

/*box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important;*/
.logo-container a h2, .username_text{
	color: #fff;
	font-weight: normal;
}
.username_text{
	font-size: 15px;
}
.logo-container{
	box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important;
}
.logo-container a h2{
	text-transform: none;
	font-weight: normal;
}
nav.left-menu .logo-container .logo{
	text-align: center;
}
.gradient-bg {
  	/*background: linear-gradient(45deg,#3949ab,#4fc3f7)!important; WARNA BIRU GRADASI*/
	  /* background: linear-gradient(45deg,#6200ea,#1976d2)!important; */
	background: linear-gradient(45deg,#741012,#FF414D)!important;
	  /*background: linear-gradient(45deg,#FF2967,#DB2122)!important;*/
	  
}

.bg-abstrak {
	background-image: url( '../../../assets/2022/images/abstrak_trf.svg');
	position: absolute;
	background-repeat: no-repeat;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
}
nav.top-menu{
	/*box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);*/
	box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important;
	border-bottom: none;
}
nav.left-menu .left-menu-list li .left-menu-link .left-menu-link-icon{
	color: #ffffff;
}
.avatar2{
	background-color: #CBE2FF!important;
	/* border-radius: none!important; */
	width: 70px;
	height: 70px;
}
.left-menu-link:hover{
	/*background-color: #4177C8!important;*/
	/* background-color: #3C1AC4!important; */
	background-color: #7a020c!important;
	border-radius: 0 25px 25px 0!important;
}
.left-menu-link-icon:hover{
	color: #fff!important;
}
nav.left-menu .left-menu-list li.left-menu-list-opened{
	background: transparent!important;
}
nav.left-menu .left-menu-list li.left-menu-list-submenu .left-menu-list{
	background: transparent!important;
}
nav.left-menu .left-menu-list li.left-menu-list-opened > .left-menu-link{
	color: #ffffff!important;
}
nav.left-menu .left-menu-list li.left-menu-list-opened > .left-menu-link .left-menu-link-icon{
	color: #ffffff!important;
}
nav.left-menu .left-menu-list-color-yellow:hover:before, nav.left-menu .left-menu-list-color-yellow.left-menu-list-opened:before, nav.left-menu .left-menu-list-color-yellow.left-menu-list-active:before{
	background-color: #F95EB9!important;
}
.step-block.step-success{
    /*border-bottom-color: #F95EB9;*/
    /*border-bottom-color: #2561D6; biru*/
    border-bottom-color: #DFE4ED!important;
    border-bottom-width: 1px;
    /*border-bottom-color: linear-gradient(90deg,#8267EB,#1976d2)!important;*/
}
/*.left-menu-link span{
	font-size: 11px;
	padding: 3px;
	background-color: #fff;
	border-radius: 3px;
}*/
nav.left-menu .left-menu-list li .left-menu-link .left-menu-link-icon:hover{
	color: #ffffff;
}
.nav-tabs .nav-item+.nav-item {
    margin-left: .8rem;
}
.form-control{
	font-family: 'Montserrat', sans-serif;
}
.table td, .table th {
	font-size: 13px;
}


.badge-secondary{
	/*background-color: #FFC107;*/
	background-color: #9C27B0;
	color: #ffffff!important;
	border-radius: 10px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 12px;
}

/*TABLE STYLING*/

/*.text-primary{
	color: #8267EB!important;
}*/

/* ALERT */
.alert{
	border-radius: 5px;
}
.alert-danger{
	background-color: #F07EB0!important;
	border:none;
}
.alert-warning{
	background-color: #FFC48B!important;
	border:none;
	color: #954A00;
}

.background-grad-home{
	background: linear-gradient(160deg, #BCFEEA 0%, #E8F7FF 100%)!important;
}