/* letak custom css korang sendri kat sini */
ul.text-left { padding-left: 1rem; }
.text-left li { list-style: none; }
.label {
    display: inline;
    padding: .2em .6em .3em;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.cursor-arrow {
	cursor: default;
}

.input>.form-control {
	display: inline-block !important;
	width: 97% !important;
}
.navbar-laravel
{
	/* background-color:#6aa6e4; */
	-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);
	box-shadow:0 2px 10px rgba(0,0,0,.2)
}
.navbar-header{
	width: 100%;
}
.navbar-header .js-right-sidebar {
	float: right;
	text-decoration: none;
	color: white;
}
.navbar{
	/* background: linear-gradient(90deg, #6aa6e4, #1e88e5); */
	background: #1e88e5;
	-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);
	box-shadow:0 2px 10px rgba(0,0,0,.2);
	border: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 12;
	width: 100%;
}
/*-- search registered doc --*/
.navbar-search, .navbar-home {
	/* background: linear-gradient(90deg, #6aa6e4, #1e88e5); */
	background: #1e88e5;
	-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);
	box-shadow:0 2px 10px rgba(0,0,0,.2);
	border: none;
	z-index: 12;
	width: 100%;
}

.navbar-brand {
	color: white;
}
.modal-xl {
    max-width: 1140px;
}

.input-grp-prepend-login
{
	min-width: 5.7rem;
	text-align: right !important;
}
.input:before {
	content: " : ";
	margin-right:5px;
	font-size: 1.2rem
}
.input-txtarea:before {
	content: " : ";
	margin-right:5px;
	font-size: 1.2rem;
	font-weight: bolder;
	color: black;
	position: absolute;
	top:1px;
	left:0px;
}
.input:before {
	font-weight: bolder;
	color: black;
}

[type=radio]:disabled+label {
	color:black !important;
}

.form-control[disabled] {
	background-color: #e9ecef !important;
}
.form-control[readonly] {
	background-color: #f7f7f7 !important;
	border:1px solid #f7f7f7;
}

.center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.align-right {
text-align: right;
}
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.error-code {
	font-size:160px;
}
.error-message {
	font-size: 26px;
	color:#333;
	font-weight: bold;
}


.preview-cert {
	color:black;
	background:url("../image/logo_mmc3.jpg") no-repeat center 200px;
	background-size: 300px;
}

/* .refresh-gif {
	background:url("../image/loading_navy_blue.gif") no-repeat top center;
	background:url("../image/spinner_white.gif") no-repeat top center;
	height:28px;
	width: 28px;
	display: inline-block;
} */
.btn-submit {
	min-width: 4.5rem;
}
.loading-gif {
	border: 3px solid #f3f3f3;
	border-radius: 50%;
	border-top: 3px solid #3498db;
	width: 30px;
	height: 30px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
	display: inline-block;
	vertical-align: sub;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.dropdown-menu-arrow:before {
  position: absolute;
  top: -6px;
  left: 12px;
  display: inline-block;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(0, 40, 100, 0.12);
  border-left: 5px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.dropdown-menu-arrow:after {
  position: absolute;
  top: -5px;
  left: 12px;
  display: inline-block;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  border-left: 5px solid transparent;
  content: '';
}

.dropdown-menu-arrow.dropdown-menu-right:before, .dropdown-menu-arrow.dropdown-menu-right:after {
  left: auto;
  right: 12px;
}

.icon-name {
	position: relative;
	top: -6px;
	left: 7px;
}
.logo-mmc{
	/*margin-left:-25px;*/
	margin-left: 0;
}

.user-helper-dropdown {
	position: absolute;
	right: 10px;
	bottom: 6px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	cursor: pointer;
	color: #fff;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
	.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-xs-10 {
	width: 83.33333333%;
}
.col-xs-12 {
	width: 100%;
}
.col-xs-12 {
	float:left;
}


.material-icons.red { color:#fb483a }
.material-icons.light-blue { color:#03A9F4 }
.material-icons.grey { color:#6C767D }
.material-icons.light-blue { color:#03A9F4 }
.material-icons.green { color:#4CAF50 }
.material-icons.blue { color:#007bffs }
.material-icons.white { color:#fff }
.material-icons.orange { color:#fd7e14 }

.material-icons { vertical-align: bottom }

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-sm span { top:0 !important }

.btn-circle-sm {
	border: none;
	outline: none !important;
	overflow: hidden;
	width: 27px;
	height: 27px;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	-ms-border-radius: 50% !important;
	border-radius: 50% !important;
}

.btn-circle-sm i {
	font-size: 17px !important;
	position: relative !important;
	left: -7px !important;
	top: -4px !important;
}

.form-inline {
	display: inline-block;
}

.form-control-inline {
	width: auto !important;
	margin-left: .5rem;
}

.form-control.error {
	border:1px solid #F44336;
}
.error {
	color:#F44336;
}

.form-group label{
	color:#000;
}

.button-holder{
	margin:1rem 0;
}

.mt-10 { margin-top:10rem!important }

.separator{
    border: 0;
    height: 1px;
    margin:20px auto;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(100, 100, 100, 0.75), rgba(0, 0, 0, 0));
}

.border-bottom-grey { border-bottom: .1rem solid #9e9e9e }

.badge-status { font-size: 50%;position: relative; top:-4px; }

h6.divider {
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #9E9E9E;
	line-height: 0.1em;
	margin: 10px 0 20px;
}

h6.divider span { background:#fff; padding:0 10px; }
.dropdown-menu .divider {
    height: .07rem;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.taglib-header {
	border-bottom: 1px solid transparent;
	margin-bottom: 1.5em;
}

.taglib-header .header-title {
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	margin: 0.1em;
	border-bottom: 1px solid #9e9e9e;
}

.taglib-header .header-back-to a {
	float: left;
	padding: 0.2em 0.5em;
	padding-left: 0;
}

.tab-content {
	padding:1rem;
	border-left:1px solid #ced4da;
	border-right:1px solid #ced4da;
	border-bottom:1px solid #ced4da;
}

.offset-2-5 {
	margin-left:2.5%;
}

.btn-edit-profile {
	position:relative;
}
.btn-list {
	position:absolute;
	top:1px;
	right:15px;
}

/*--- datepicker ---*/
.dtp div.dtp-date, .dtp div.dtp-time {
	background:#6aa6e4 !important;}
.dtp>.dtp-content>.dtp-date-view>header.dtp-header {
	background: #1e88e5 !important;
}

.dtp div.dtp-date, .dtp div.dtp-time {
	box-shadow:inset 0 2px 10px -2px grey;
}

.dtp .p10>a {
	color:#525252 !important;
}

.dtp .dtp-buttons .dtp-btn-now { margin-right:.5rem; }

/*--sidebar--*/
.sidebar .menu .list li.active > :first-child span,
.sidebar .menu .list li.active > :first-child i {
	color: #F44336;
}
.ml-menu li.active a span{
	font-weight: 600;
	color: #333 !important;
}

/*-------*/

.hide { display:none }
.show { display:flex }

/*-- infobox --**/
.top-info {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: .25rem;
    min-height:30px;
}
.top-info .icon, .panel-title .icon {
    display: inline-block;
    text-align: center;
    width: 40px;
    min-width: 40px;
    position: relative;
}
.back-url {
	position: absolute;
    top: 50%;
    transform: translate(30%, -50%);
}
.back-url a {
	color:white;
}
#back-tab .material-icons {
	border-radius:50%;
	-moz-border-radius:50%;
   	-webkit-border-radius:50%;
   	background: #007bff;
   	width:23px;
   	height:23px;
   	color:white;
}
.top-info .content {
	width:100%;
	padding:7px 12px;
}
.top-info .content .form-group {
	margin-left:0;
	margin-bottom:0;
	padding-top:5px;
}
.top-info label {
	font-weight:bold;
}
.panel-title {
	font-size:1.1rem;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.3);
	border-radius:.25rem;
	color: #f5f5f5;
	background-color: #4CAF50; /* #00BCD4; */
	border:1px solid #aaa;
	line-height: 14px;
}
.panel-title > a {
	color: inherit;
	padding-top:2px;
}
.pull-right {
	float:right;
}
.panel-title .pull-right {
	padding-top:2px;
	transition: transform 0.5s ease-in-out;
}
.panel-title .collapsed .pull-right {
	transform:rotate(-90deg);
	padding-top:2px;
}
.panel-body {
	padding:15px;
	color:black;
	background: white;
}

@media (max-width: 1264px) {
	.navbar-header .js-right-sidebar {
		display: inline-block;
	}
	.top-right1 {
		display:none;
	}
}
@media (min-width: 1165px) {
	.navbar-header .js-right-sidebar {
		display:none;
	}
	.top-right1 {
		display:inline-block;
	}
}

@media (max-width: 1186px) {
	.pl-3-logo {
		padding-left:3rem!important;
	}
}

@media (max-width: 475px) {
	.short-name {
		display:block;
	}
	.long-name{
		display:none !important;
	}
	.manual-merits { display:none !important; }
}
@media (min-width: 476px) {
	.short-name {
		display:none !important;
	}
	.long-name{
		display:block;
	}
	.manual-merits { display:inline-block; }
}
@media (min-width : 576px) {
	.col-xs-9 {
		width: 75%;
	}
}
.navbar-brand1 {
    display: inline-block;
    padding-top: 1.15rem;
    padding-bottom: .32rem;
    margin-right: 1rem;
    /*font-size: 1.125rem;
    font-size: 1.600rem;*/
    font-size: 20px;
    line-height: inherit;
    white-space: nowrap;
    color: white;
    /*white-space: nowrap;*/
    white-space: inherit;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.navbar-brand2 {
    display: inline-block;
    /*padding-top: 2.32rem;
    padding-bottom: .32rem;*/
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 1rem;
    /*font-size: 1.000rem;
    font-size: 1.600rem;*/
    font-size: 15px;
    line-height: inherit;
    white-space: nowrap;
    color: white;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.top-right1 {
    /* position: absolute;
    right: 10px;
    top: 10px; */
    color:white;
    padding-top: 25px;
}
.bottombar {
    background: linear-gradient(90deg, #6aa6e4, #1e88e5);
    background: #1e88e5;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    border: none;
    top: 0;
    left: 0;
    z-index: 12;
    width: 100%;
    text-align:center;
}

.logs-set {
    max-width: 6.5% !important;
}
.logs-set4 {
	max-width: 4.5% !important;
}
.logs-set5 {
    max-width: 7.5% !important;
    margin-top: 3px !important;
    margin-bottom: -12px !important;
}
.logs-set2 {
    margin-top: 5px !important;
    margin-left: -25px !important;
}
.log-set3 {
	position: relative;
	top: 5px;
}
.log-set4 {
    max-width: 9% !important;
}

.removeborder{
    border-width: 0px;
    border: none;
}

label.new {
    font-weight: bolder;
    color: black;
}

div.new_html_code {
      width:150px;
      height:100px;
      min-width:100%;
      min-height:300px;
      max-width:200px;
      max-height:100px;
      overflow:hidden;
      /* display:block; */
      background-color:#ccc;
      display:flex;
      /* //border:1px solid red; */
    }


/* To disable the toolbar and title bars */
/*
#reportViewer .header>.toolbar {
	display : none;
}*/

/*
.viewer-pdf-toolbar {
    display: none !important;
}*/
/*
.toolbarViewer {
    display: none !important;
}*/
.bold {
	font-weight:bold;
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{
	color:#495057;
	background-color:#DFE5F8 !important;
	border-color:#ced4da #ced4da #fff;
}

#smartSelect .dropdown-toggle {
    height: 33px !important;
}

.uppercase {
	text-transform: uppercase !important;
}

.requiredStar{
	color: red;
    font-size: 19px;
    font-weight: bold;
    margin-right: 3px;
}
.titleannouncement{
	color: #041E71 !important;
}
.descriptionannouncement{
	color: #000000 !important;
}

@media print {
	body, div { 
		color: #000000 !important;
		font-weight: bolder;
		/* -webkit-print-color-adjust: exact;  */
	}
	a { text-decoration: none; }
}