@CHARSET "UTF-8";

.sidebar-menu > li:hover, .sidebar-menu > li:hover a, .sidebar-menu > li.active, .sidebar-menu > li.active > a, .sidebar-menu > li.active:hover, .sidebar-menu > li.active:hover a:hover {
 color: #fff;
 border-left-color: #054b90 !important;
}

.bg-navy {
  background-color: #1847C7 !important;
}

.text-blue, .callout-info .title, .alert-info .title {
    color: #1847C7;
}
.text-orange {
    color: #FF981A;
}

/** content-header **/
.content-header {
	background: none;
}
.content-header > h1 {
	color: #333;
	background: none;
	font-weight: normal;
	font-size: 14px;
}
@media screen and (max-width: 767px) {
	.content-header > h1 {
		font-size: 13px;
	}
}
.content-header > h1 > .fa, .content-header > h1 > small, .breadcrumb > li > a, .breadcrumb > li.active {
    color: #333;
}
.content-header > h1 > .fa {
	font-size: 20px;
}
.content-header > h1 > small {
    font-size: 80%;
}
.main-header > .logo {
	background: #fff;
}
@media screen and (min-width: 768px) {
	.main-header .logo .logo-lg .company-logo {
		margin-left: -50px;
	}
}

/** nav-tabs **/
.nav-tabs-custom > .nav-tabs > li.active {
	border-top-color: #1847C7;
}

/** callout **/
.callout-primary {
  border-left-color: #1847C7;
}

/** box **/
.box-primary, .nav-tabs-custom.tab-primary > .nav-tabs > li.active {
	border-top-color: #1847C7;
}

/** ribbon **/
.ribbon {
	margin: 10px 0 14px 0px;
	width: 100%;
	background: #1847C7;
}
.ribbon h3{
	border: none;
}
.ribbon:after {
	content: none;
}
.ribbon:before {
	content: none;
}

.txt-center-xl {
	text-align: center;
}

.txt-small-xl {
	font-size: smaller;
}

.__login_id_div {
	position: relative;
	margin-right: 10px;
	top: -130px;
	z-index: 9999;
}
@media screen and (max-width: 767px) {
	.__login_id_div {
		top: -75px;
	}
	.txt-center-xl {
		text-align: left;
	}
	.txt-small-xl {
		font-size: unset;
	}
}

.gmap-icon {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: inherit;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-inline-box;
	display: inline-flex;
	-webkit-box-pack: center;
	justify-content: center;
	height: 1.5rem;
	width: 1.5rem;
}
.gmap-icon.is-large {
	height: 3rem;
	width: 3rem;
}

/** caption **/
caption {
	border-left: 5px solid #1847C7;
}

.mail_sample {
	background-color: #e4e5f3;
	border: 2px solid #afb4db;
	border-radius: 5px;
	padding: 5px;
}
.mail_sample th, .mail_sample td {
	color: #333;
	border: 1px solid #afb4db;
}
.mail_sample th {
	text-align: center !important;
}

.dl_list {
    padding-left: 20px;
    list-style: none;
}
.dl_list li {
    margin-top: 5px;
}
.dl_list li .fname {
    display: inline-block;
    line-height: 2em;
    font-weight: bold;
}
.dl_list li .icon {
    height: 15px;
    display: inline-block;
    padding-top: 1px;
    margin-right: 20px;
}
.dl_list li .icon .web,
.dl_list li .icon .cbt,
.dl_list li .icon .marksheet {
    min-width: 75px;
    text-align: center;
    display: inline-block;
    color: #f8f8ff;
    font-size: 10px;
    font-weight: bold;
    border-radius: 3px;
    padding: 2px;
}
.dl_list li .web {
    background-color: #1847C7;
}
.dl_list li .cbt {
    background-color: #1847C7;
}
.dl_list li .marksheet {
    background-color: #1847C7;
}
.dl_list .dl_wrap {
    display: block;
    text-align: right;
}
.dl_list .dl_txt {
    background: url("./images/icon_dl.gif") no-repeat 0 4px;
    padding-left: 18px;
    margin-top: 10px;
}
.link_txt {
    background: url("./images/icon_link.gif") no-repeat 0 4px;
    padding-left: 18px;
    margin-top: 10px;
}
.dl_list .dl_txt a,
.dl_list .link_txt a {
    text-decoration: underline;
}


/* mock dashbord_select_menu */
#select_category div.radio:has(input.active) {
	border: 2px #163c84 solid;
	border-radius: 5px;
	background-color: #d9dff2;
}
#select_category div.radio:has(input.active) label {
	font-weight: bold;
}
h2.sub-title.dashbord_select_menu:first-of-type {
	padding-top: 20px;
}
.dashbord_select_menu#select_category .form-group .radio {
	padding: 5px 28px;
}

.dashbord_select_menu div.icon.force-blue img {
	filter: brightness(0) saturate(100%) invert(35%) sepia(81%) saturate(346%) hue-rotate(169deg) brightness(91%) contrast(88%);
}
.dashbord_select_menu div.icon.force-blue img {
	width: 0.8em;
}


/* mock mail_sample */
#mail_sample .caption_detail {
	font-size: 0.8em;
	color: #9e9e9e;
}
#mail_sample .mail_title {
	padding: 15px 0;
	font-weight: bold;
}
#mail_sample .mail_body {
	padding: 15px;
	font-size: 13px;	
}

/* mock hover_discription */
.hover_discription {
	padding-left: 4px;
}

.callout-notice .title {
    color: #1847C7;
    border-bottom: none;
}

.btn-primary, .modal-primary .modal-content, .box.box-solid.box-primary > .box-header, .box.box-primary.box-solid > .box-header .box-tools button, a.bg-primary {
    color: #fff;
    background-color: #1847C7;
}

.bg-primary, .badge-primary, .dropdown-menu > .active > a, .pagination > .active > a, .pagination > .active > span, .list-group-item.active, .nav-pills > li.active > a, .label-primary, .badge-primary {
    color: #fff;
    background-color: #1847C7;
}

#steps li.current span.label {
    background-color: #1847C7;
}

div.form-group span.like_field:before {
    color: #FF981A;
}

/* --- Orange(warning) --- */
.btn-warning, .bg-orange, .label-warning, .badge-warning, .box.box-solid.box-warning .box-title, .progress-bar-warning, .progress-bar-orange, .modal-warning .modal-header {
    color: #fff;
    background-color: #FF981A;
}
.btn-warning.active, .bg-orange-active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .btn.bg-orange:hover, .small-box-footer.bg-orange:hover {
    color: #fff;
    background-color: #eb9839;
}
.btn-warning .lable, .btn-warning .badge {
    color: #FF981A;
    background-color: #fff;
}
.text-orange, .callout-warning .title, .alert-warning .title, .has-warning label, .has-warning .help-block, .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .input-group-addon, .has-warning .form-control-feedback {
    color: #f39c12;
}
.has-warning .form-control, .has-warning .input-group-addon, .has-warning .form-control:focus {
    border-color: #f39c12;
}
td.warning, th.warning, tr.warning td, tr.warning > th {
    background-color: #fcf8e3;
}
.table-hover tbody td.warning:hover, .table-hover tbody th.warning:hover, .table-hover tbody tr.warning:hover td, .table-hover tbody tr:hover .warning, .table-hover tbody tr.warning:hover th {
    background-color: #faf2cc;
}
.callout-warning {
    border-left-color: #FF981A;
}
.alert-warning {
    background-color: rgba(243,224,133,0.3);
    border-color: #f3ce85;
}
.alert-warning .title {
    border-color: #f3ce85;
}
.box.box-warning:not(.box-solid), .nav-tabs-custom.tab-warning > .nav-tabs > li.active {
    border-top-color: #FF981A;
}

table.dataTable thead .sorting_disabled, table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled, table.dataTable tfoot th {
    background-color: #1847C7;
    border-color: #eee;
    color: #eee;
}

.main-header .logo .company-logo {
 line-height: 55px;
 padding: 0 15px;
 float: left;
}

.main-header .logo .company-logo img {
 max-height: 35px;
}

.main-footer {
 display: none;
}

div.caption {
 border-left: 5px solid #1847C7;
}

td.required::before {
 background-color: #FF981A;
}

.step-col.box.box-warning >.box-footer > form > .btn-primary {
 font-size: 14px;
 background-color: #1847C7;
}
.cp_arrows .cp_bounce {
 color: #1847C7;
}

.panel-primary {
    border-color: #1847C7;
}
.panel-primary > .panel-heading {
    background-color: #1847C7;
    border-color: #1847C7;
}
.text-primary, .callout-primary .title {
    color: #1847C7;
}
.dataTable_wrapper .well {
    text-align: right;
}
@media screen and (min-width: 768px) {
    .content-header {
        margin-bottom: 0px;
    }
}
.checkbox-inline-xs .checkbox-inline {
 margin-right: 12px;
}
.force-gray {
 color: #c0c0c0!important;
}
.small-box .text span {
 display: inline-block;
}
.small-box .icon {
 right: 5px;
}
.menu_icon {
 width: 20px;
 display: inline-block;
 margin: -5px 12px 0 13px;
 -webkit-filter: brightness(0%) invert(100%);
 filter: brightness(0%) invert(100%);
}

div.custom-message p {
 display: block;
 padding-top: 0px;
}

.__language_switch_div {
  position: relative;
  text-align: right;
  margin-right: 10px;
  top: -45px;
  z-index: 9999;
}
.__language_switch_div a {
  display: inline-block;
  padding: 7px;
}
.__language_switch_div .btn {
  min-width: 50px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.__language_switch_div .btn-default:hover {
  outline: solid 2px #1847C7;
  color: #1847C7;
}
