.navbar-collapse.show {
  max-height: 400px;
  overflow-y: auto;
}

.navbarToggle
{
	overflow-y: scroll !important;
	max-height: 800px !important;
}
.header-background {
	background-image: url('../images/header-background2.png');
	background-size: 100% !important;
	background-repeat: no-repeat !important;
	height: 170px !important;
}

.bottom-background {
	background-color: #3c61e8 !important;
	color: #FFFFFF !important;
}
.btn-theme {
	color: #4268aa !important;
	background-color: #b0dbff !important;
}

.btn-theme:hover {
	color: #0A0A0A !important;
	background-color: #fad207!important;
}

.input-theme {
	height: 40px !important;
    padding-top: .8rem !important;
    padding-bottom: .8rem !important;
    border: 1px solid #365e9b !important;
}

.input-theme:focus {
	border: 2px solid #69a5d4 !important;
    box-shadow: 2px 2px 10px #87bbee !important;
}

.input-theme-button {
	height: 40px !important;
    border: 1px solid #365e9b !important;
}

.select2 
{
    width: 100% !important;
    height: 40px !important;
}

.select2-selection
{    
    height: 40px !important;
}

.select2-selection__rendered
{ 
    line-height: 35px !important;
}

.input-round {
	-webkit-border-top-left-radius: 30px !important;
    -webkit-border-bottom-left-radius: 30px !important;
    -moz-border-radius-topleft: 30px !important;
    -moz-border-radius-bottomleft: 30px !important;
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
    -webkit-border-top-right-radius: 30px !important;
    -webkit-border-bottom-right-radius: 30px !important;
    -moz-border-radius-topright: 30px !important;
    -moz-border-radius-bottomright: 30px !important;
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
}

.input-round-left {
    -webkit-border-top-left-radius: 30px !important;
    -webkit-border-bottom-left-radius: 30px !important;
    -moz-border-radius-topleft: 30px !important;
    -moz-border-radius-bottomleft: 30px !important;
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
    border-right: 0px !important;
}

.input-round-right {
    -webkit-border-top-right-radius: 30px !important;
    -webkit-border-bottom-right-radius: 30px !important;
    -moz-border-radius-topright: 30px !important;
    -moz-border-radius-bottomright: 30px !important;
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
    border-left: 0px !important;
}

.required:before {
	content: "\002A" !important;
	color: #FF0000 !important;
}

.link {
	color: #ffffff !important;
	text-decoration: none !important;
	font-size: 18px !important;
	
}
.link:hover {
	color: #ffffff !important;
}

.link-normal {
	color: #ffffff !important;
	text-decoration: none !important;
	
}
.link-normal:hover {
	color: #ffffff !important;
}

.link-info {
	color: #000000 !important;
	text-decoration: none !important;
	
}
.link-info:hover {
	color: #276bbe !important;
	text-decoration: underline !important;
}

.link-info2 {
	color: #000000 !important;
	text-decoration: none !important;
	
}
.link-info2:hover {
	color: #276bbe !important;
	text-decoration: none !important;
}

.link-black {
	color: #000000 !important;
	text-decoration: none !important;
	font-size: 16px !important;
	
}
.link-black:hover {
	color: #000000 !important;
}

.link-black2 {
	color: #000000 !important;
	text-decoration: none !important;
	
}
.link-black2:hover {
	color: #000000 !important;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

	.dropdown-menu li{
		position: relative;
	}
	.dropdown-menu .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	
	.dropdown-menu .submenu-left{ 
		right:100%; left:auto;
	}

	.dropdown-menu > li:hover{ 
		background-color: #f1f1f1;
	}
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

.dropdown-menu .dropdown-menu{
		margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
}

}	
/* ============ small devices .end// ============ */

.dropdown-item {
	color: #0b5fa0 !important;
}

.dropdown-menu .disabled {
	color: #CACACA !important;
}

.dropdown-header {
	font-size: 15px! important;
	color: #000000 !important;
	background-color: #F1F1F1;
}

.dropdown-header:hover {
	background-color: #F1F1F1 !important;
}

.submenu {
	font-size: 14px! important;
	color: #1a55da !important;
}

.li-theme {
	list-style-image: url('../images/checked.png');
	padding: 8px !important;
}

.callout {
	margin: 0 0 18px 0;
	padding: 20px;
	border-left: 5px solid #eee;
}

.callout-primary {
	background-color: #D6EAF8;
	border-color: #4893ef;
	color: #234674;
}

.callout-success {
	background-color: #f4fff4;
	border-color: #bcf1c8;
	color: #3c763d;
}

.callout-info {
	background-color: #f4f8fa;
	border-color: #bce8f1;
	color: #34789a;
}

.callout-warning {
	background-color: #faf8f0;
	border-color: #faebcc;
	color: #8a6d3b;
}

.callout-danger {
	background-color: #fdf7f7;
	border-color: #eed3d7;
	color: #b94a48;
}

.readonly {
	background-color: #e1e2e3;
}

[data-notify="icon"] {
        font-size: 22px !important;
}

[data-notify="message"] {
        font-size: 16px !important;
}

.alert-success {
        background-color: rgba(210,237,220,0.9) !important;
        color: #05572b !important;
        font-size: 14px !important;
        border: 1px solid #c1e6cd !important;
}

.alert-danger {
        background-color: rgba(199, 0, 57,0.9) !important;
        color: #FFFFFF !important;
        font-size: 14px !important;
        border: 1px solid #f02834 !important;
}

.alert-info {
        background-color: rgba(155, 236, 250,0.9) !important;
        color: #00555f !important;
        font-size: 14px !important;
        border: 1px solid #bce5ea !important;
}

.alert-warning {
        background-color: rgba(255,243,209,0.9) !important;
        color: #86641e !important;
        font-size: 14px !important;
        border: 1px solid #ffeec0 !important;
}

.typeselection {
	border: 0px solid;
	width: 280px;
	height: 160px;
}

#ShowMap {
    height: 400px;
    width: 700px;
}

.select2-container .select2-results__option.optInvisible {
    display: none;
}

.profilesize1 {
	width: 40px !important; 
	height: 40px !important;
	overflow: hidden;
}

.profilesize2 {
	width: 50px !important; 
	height: 50px !important;
	overflow: hidden;
}

.profilesize3 {
	width: 100px !important; 
	height: 100px !important;
	overflow: hidden;
}

.txt-profile-info {
	color: #3c61e8;
}

.card-width {
	width: 250px;
}

.card-width-m {
	width: 260px;
}

.subjobbanner {
	width: 400px !important; 
	height: 180px !important;
	overflow: hidden;
}

.top-25 {
	top: 25% !important;
}

.top-75 {
	top: 75% !important;
}

.start-25 {
	left: 25% !important;
}

.start-75 {
	left: 75% !important;
}

.bottom-25 {
	bottom: 25% !important;
}

.bottom-75 {
	bottom: 75% !important;
}

.end-25 {
	right: 25% !important;
}

.end-75 {
	right: 75% !important;
}

.policy-par-l1 {
	margin-left: 60px; 
	margin-right: 60px; 
	text-indent: 50px;
}

.policy-par-l2 {
	margin-left: 100px; 
	margin-right: 60px; 
	text-indent: 50px;
	
}
.policy-par-l3 {
	margin-left: 50px; 
	margin-right: 60px;
}
.policy-par-l3-1 {
	margin-left: 80px; 
	margin-right: 60px;
	text-indent: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.policy-par-l3-2 {
	margin-left: 30px; 
	margin-right: 60px;
	text-indent: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.policy-par-l4 {
	margin-left: 100px; 
	margin-right: 60px;
	text-indent: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.policy-par-l4-1 {
	margin-left: 30px; 
	margin-right: 60px;
	text-indent: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.myPopover {
  --bs-popover-bg: dodgerblue;
  --bs-popover-body-color: #fff;
  --bs-popover-header-bg: rgb(13, 110, 253);
  --bs-popover-header-color: #fff;
}

.noti-text {
	font-size: 14px !important;
}

.noti-date {
	font-size: 12px !important;
}

.bg-counter {
	background-color: #3c61e8 !important;
	color: white;
}

.dropdown-toggle::after {
    display: none;
}