html , body {
	font-family: 'Montserrat', sans-serif;
	font-weight:900;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/* General */

a, a:hover{
	text-decoration:none !important;
}
.font-light {
	font-weight: 300 !important;
}
.font-normal {
	font-weight: 400 !important;
}
.font-bold {
	font-weight: 700 !important;
}
.font-black {
	font-weight: 900 !important;
}
.font-size10{
	font-size:0.625rem !important;
}
.font-size12{
	font-size:0.75rem !important;
}
.font-size14{
	font-size:0.875rem !important;
}
.font-size16{
	font-size:1rem !important;
}
.font-size18{
	font-size:1.125rem !important;
}
.font-size22{
	font-size:1.375rem !important;
}
.font-size24{
	font-size:1.5rem !important;
}
.font-size28{
	font-size:1.75rem !important;
}
.font-size36{
	font-size:2.25rem !important;
}
.font-size40{
	font-size:2.5rem !important;
}

.lh-12 {
	line-height:12px;
}
.lh-14 {
	line-height: 14px;
}
.lh-16 {
	line-height: 16px;
}
.lh-18 {
	line-height:18px;
}
.rounded-10 {
	border-radius: 10px;
}
.bgmain-top {
	background: rgba(38,79,181,1);
	background: -moz-linear-gradient(left, rgba(38,79,181,1) 0%, rgba(38,79,181,1) 14%, rgba(38,79,181,1) 14%, rgba(38,79,181,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(38,79,181,1)), color-stop(14%, rgba(38,79,181,1)), color-stop(14%, rgba(38,79,181,1)), color-stop(100%, rgba(38,79,181,1)));
	background: -webkit-linear-gradient(left, rgba(38,79,181,1) 0%, rgba(38,79,181,1) 14%, rgba(38,79,181,1) 14%, rgba(38,79,181,1) 100%);
	background: -o-linear-gradient(left, rgba(38,79,181,1) 0%, rgba(38,79,181,1) 14%, rgba(38,79,181,1) 14%, rgba(38,79,181,1) 100%);
	background: -ms-linear-gradient(left, rgba(38,79,181,1) 0%, rgba(38,79,181,1) 14%, rgba(38,79,181,1) 14%, rgba(38,79,181,1) 100%);
	background: linear-gradient(to right, rgba(38,79,181,1) 0%, rgba(38,79,181,1) 14%, rgba(38,79,181,1) 14%, rgba(38,79,181,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#264fb5', endColorstr='#264fb5', GradientType=1 );
	height:65px;
}
.bgmain-blue {
	background-color: #264fb5!important;
}
.bgmain-red {
	background-color: #e20001!important;
}
.bgmain-yellow {
	background-color: #ffd938!important;
}
.bgmain-lava {
	background-color: #d11511!important;
}
.bgmain-green {
	background-color: #00b973!important;
}
.bgmain-junglegreen {
	background-color: #282f37!important;
}
.bgmain-darkgrey {
	background-color: #48525c!important;
}
.bgmain-lightgrey {
	background-color: #7b8994!important;
}
.bgmain-gainsboro {
	background-color: #dae0e5!important;
}
.bgmain-antiflashwhite {
	background-color: #f0f2f7!important;
}
.bgmain-verylighgrey {
	background-color: #e5e8ef!important;
}
.bgmain-whitesmoke {
	background-color: #f8f8f8!important;
}
.bgmain-white {
	background-color: #fff!important;
}


.btn-bgmain-disable {
	background-color: #48525c!important;
}
.btn-bgmain-disable:hover {
	background-color: #404952!important;
}
.btn-bgmain-blue {
	background-color: #264fb5!important;
}
.btn-bgmain-blue:hover {
	background-color: #2346a2!important;
}
.btn-bgmain-yellow {
	background-color: #ffd938!important;
}
.btn-bgmain-yellow:hover {
	background-color: #e5c232!important;
}
.btn-bgmain-lava {
	background-color: #d11511!important;
}
.btn-bgmain-lava:hover {
	background-color: #bb1312!important;
}
.btn-bgmain-darkgrey {
	background-color: #48525c!important;
}
.btn-bgmain-darkgrey:hover {
	background-color: #404952!important;
}
.btn-bgmain-lightgrey {
	background-color: #7b8994!important;
}
.btn-bgmain-lightgrey:hover {
	background-color: #6e7b84!important;
}
.btn-bgmain-verylighgrey {
	background-color: #e5e8ef!important;
}
.btn-bgmain-verylighgrey:hover {
	background-color: #cfd0d5!important;
}

.textcolor-disable {
	color: #48525c!important;
}
.textcolor-disable:hover {
	color: #404952!important;
}
.textcolor-blue {
	color: #264fb5!important;
}
.textcolor-blue:hover {
	color: #2346a2!important;
}
.textcolor-yellow {
	color: #ffd938!important;
}
.textcolor-yellow:hover {
	color: #e5c232!important;
}
.textcolor-lava {
	color: #d11511!important;
}
.textcolor-lava:hover {
	color: #bb1312!important;
}
.textcolor-darkgrey {
	color: #48525c!important;
}
.textcolor-darkgrey:hover {
	color: #404952!important;
}
.textcolor-lightgrey {
	color: #7b8994!important;
}
.textcolor-lightgrey:hover {
	color: #6e7b84!important;
}
.textcolor-verylighgrey {
	color: #e5e8ef!important;
}
.textcolor-verylighgrey:hover {
	color: #cfd0d5!important;
}

.textmain-blue {
	color: #264fb5!important;
}
.textmain-darkblue {
	color:#1e4497 !important;
}
.textmain-yellow {
	color: #ffd938!important;
}
.textmain-white {
	color: #f8f8f8!important;
}
.textmain-darkgrey {
	color: #48525c!important;
}
.textmain-lightgrey {
	color: #7b8994!important;
}
.h1-header {
	font-size:2rem;
	font-weight:900;
}
.h2-header {
	font-size:1.3rem;
	font-weight:900;
}
.h3-header {
	font-size:1.2rem;
	font-weight:900;
}
.h4-header {
	font-size:0.9rem;
	font-weight:900;
}
.h5-header {
	font-size:0.7rem;
	font-weight:900;
}
.h3-button {
	font-size:1rem;
	font-weight:900;
}

#mainagenpage {
	display: none;
}
.list-group, .list-group-item {
	border:0;
}

.iconsize1 {
	max-width:75px;
}
p {
	font-size:0.875rem;
	line-height: 1.71;
	font-weight: 300;
}
.w-auto {
	width:auto !important;
}
.w-60 {
	width:65% !important;
}
.margin-section {
	margin-top:62px !important;
}
.form-group {
	margin-bottom: 0 !important;
}
.form-control {
	border: 1px solid #DAE0E5;
	border-radius: 4px;
	background-color: #FFFFFF;
	font-size:0.875rem !important;
	font-weight: 400 !important;
	color: #48525C !important;
}
.select2-selection {
	border: 1px solid #DAE0E5;
	border-radius: 4px;
	background-color: #FFFFFF;
	font-size:0.875rem !important;
	font-weight: 300;
}
.form-control::placeholder {
  font-weight: 400;
}

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-weight: 400;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  font-weight: 400;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  font-weight: 400;
}
.form-control:-moz-placeholder { /* Firefox 18- */
  font-weight: 400;
}
select {
	 font-weight: 400 !important;
}
.selectdashboard {
	background: #d4dcf0;
  padding: 5px;
  border: none;
}
.selectdashboard option {
    background: #fff;
}

/* form */
.login-container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
 background-color: #f5f5f5;
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}


input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #333;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px white inset;
    -webkit-text-fill-color: #333;
}
.navbar {
		padding: 0!important;
	}
.navbar-nav .nav-item a {
		color:#fff;
	}
	.navbar-nav .nav-item a:hover {
		color:#efc900;
	}
	.navbar-nav .nav-link {
		padding: 0 .5rem;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 0 1rem;
	}

.mainmenu {
		color:#fff;
		background-color:transparent;
		position:fixed;
		top:0;
		z-index:9999;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;

	}
.container-fluid-top {
	z-index:900;
}
.container-top {
	z-index:9000;
}
.col-logo {
    position: relative;
    padding: 10px 20px 10px 10px;
    font-size: 20px;
    position: relative;
    color: #FFF;
    background: #ffd938;
    height: 65px;
}
/*
.col-logo:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #ffd938;
    transform-origin: bottom left;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}*/
.menulogo {
    height: 70%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    max-width: 165px;
}

.hr-darkblue {
    min-height: 15px;
    width: 100%;
    background-color: #1e4497;
}
.top-section {
    margin-top: 65px !important;
}

/* Icon in input */
.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}
.title-login-agen {
	vertical-align:middle;
}
.lupapasswordagen {
	cursor: pointer;
	text-decoration:underline;
}
.imgsendpassword {
	width:30%;
	height: auto;
}
.padding-btn-resetpass {
	padding-left:40px;
	padding-right:40px;
}

.msg-error {
    font-weight: 400;
    color: #d11514;
    font-style: italic;
    font-size: 0.625rem;
    right: 10px;
    position: absolute;
    margin-top: -20px;
    display: none;
}
.msg-error-login {
    font-weight: 400;
    color: #d11514;
    font-style: italic;
    font-size: 0.625rem;
    margin-top: -20px;
		text-align: center;
}
/* sidebar */
.row-reverse {
    display: flex;
    flex-direction: row-reverse;
}
form.example input[type=text] {
  padding: 10px;
  border: 1px solid grey;
  border-right: none;
  float: left;
  width: 80%;

}

form.leftmenusearch button {
  float: left;
  width: 20%;
  padding: 10px;
  color: grey;
  border: 1px solid grey;
  border-left: none;
  cursor: pointer;
  background:transparent;
}

form.leftmenusearch button:hover {

}
form.leftmenusearch::after {
  content: "";
  clear: both;
  display: table;
}

.leftmenusearch-icon {
	margin-top:14px  !important;
	height: 38px;
	position: absolute;
}
.leftmenusearch-box {
	border: 1px solid #DAE0E5;
	height: 38px;
}
/* dropdown header */
.dropdown-toggle::after {
    margin: auto;
		display: none;
}
.dropdown-menu {
	border: 1px solid rgba(46,91,255,0.08);
	border-radius: 4px;
	background-color: #FFFFFF;
	box-shadow: 0 6px 10px 0 rgba(50,59,93,0.2), 0 0 3px 0 rgba(0,0,0,0.2);
}
.line-label-dropdown  {
	border-bottom: 1px solid #DAE0E5;
	margin-bottom: 14px;
	margin-top: 0px;
	height: 1px;
}

/* Form Form Form */
.px-8 {
	padding-left: 8px !important;
	padding-right: 8px !important;
}
.line-label {
	border-bottom: 1px solid #D1DAE1;
	margin-bottom: 14px;
	margin-top: 0px;
	height: 1px;
}
.line-label-s {
	margin-bottom: 4px !important;
}
.line-label2 {
	border-bottom: 1px solid #D1DAE1;
	margin-bottom: 0;
	margin-top: 0px;

}

.label-section {
	height: 24px;
	color: #264FB5;
	font-size: 16px;
	font-weight: 900;
	line-height: 24px;
	margin-top: 32px;
	margin-botom: 8px !important;
}
.label-section-ringkasan {
	height: 24px;
	color: #48525C;
	font-size: 14px;
	font-weight: 900;
	line-height: 24px;
	margin-top: 16px;
	margin-botom: 8px;
}
.label-section-ringkasan-s {
	margin-top: 8px;
}
.label-input {
	height: 16px;
	color: #264FB5;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	margin-top: 14px;
	margin-bottom: 2px;
}
.col-ringkasan {
	padding-top: 8px;
	padding-bottom: 6px;
}
.col-ringkasan-l {
	padding-right:2px;
}
.col-ringkasan-r {
	padding-left:2px;
}
.font-ringkasan {
	line-height: 16px;
}
.text-poin-s {
	line-height: 16px;
}
/* Switch */
.switch {
    position: relative;
    display: inline-block;
    width: 47px;
    height: 23px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 16px;
    left: 2px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.btn-tambah, .buttons-excel, button.dt-button {
	height: 40px !important;	border-radius: 4px !important;	background-color: #264FB5 !important;
	color: #FFFFFF !important;	font-size: 14px !important;	font-weight: 900 !important;	line-height: 24px !important;	text-align: center !important;
	background-image: none !important; border: none !important;
}
.btn-buat {
	height: 40px;	border-radius: 4px;	background-color: #00B973;
	color: #FFFFFF;	font-size: 14px;	font-weight: 900;	line-height: 24px;	text-align: center;
}

.bgform-gray {
	background-color: #F4F6FC;
}

/* Table Freeze */

table {
		font-size: 10pt;
		font-weight: 300;
}
.table thead th  {
	text-align: center !important;
	vertical-align: middle;
}
.td-1 {
	width:100px;
}
.td-2 {
	width:30px;
	font-weight: 700;
}
.td-3 {
	width:50px;
	font-weight: 700;
}
.td-4 {
	width:100px;
	text-align: right;
}
.td-5 {
	width:50px;
	text-align: right;
}
.td-6 {
	width:50px;
	text-align: right;
}
.td-7 {
	width:50px;
	text-align: right;
}
.td-8 {
	width:50px;
	text-align: right;
}
.td-9 {
	width:50px;
	text-align: right;
}
.td-10 {
	width:50px;
	text-align: right;
}
.td-11 {
	width:50px;
	text-align: right;
}
.td-12 {
	width:50px;
	text-align: right;
}
.td-13 {
	width:50px;
}
.td-14 {
	width:50px;
}
.td-15 {
	width:50px;
}

table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid #eee;
    font-weight: 700;
		font-size: 13px;
}
.dataTables_info {
    font-size: 12px;
    color: #7B8994;
    font-weight: 400;
}
.paginate_button {
    color: #7B8994 !important;
    font-weight: 400;
    font-size: 12px;
}
.btnnavbar {
	font-size: 10px;
	line-height: 12px;
	min-height: 28px;
}

/* tooltips */
.ui-tooltip, .arrow:after {
	background: #999;
	border: none;
	pointer-events: none;
	box-shadow: none !important;
}
.ui-tooltip {
	padding: 10px 20px;
	color: white;
	border-radius: 5px;
	font-size: 12px;
	font-weight: 300;

}
.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}

.arrow.top {
	top: -16px;
	bottom: auto;
}
.arrow.left {
	left: 20%;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow.top:after {
	bottom: -10px;
	top: auto;
}

@media screen and (min-width: 576px) {

}


@media (min-width: 768px) {
  .form-inline .inline-feedback {
    position: relative;
    display: inline-block;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .has-feedback-left .form-control-feedback {
  left: 15px;
}

/* Icon in input */

@media screen and (min-width: 768px) {
.menulogo {
		height: auto;
		width: 70%;
	}
	.col-logo:after {
		width: 100%;
	}
	.padding-btn-resetpass {
		padding-left:80px;
		padding-right:80px;
	}
}