/*
#1e1e1e
#2e2e2e
#3d3d3d
#4d4d4d
#5c5c5c
#6b6b6b
#7b7b7b
#8a8a8a
#9a9a9a

#a4a4a4
#aeaeae
#b8b8b8
#c2c2c2
#cccccc
#d6d6d6 hover of top sub-menus links
#e0e0e0
#eaeaea squares in sub-menus
*/

.modal-text2 {
	margin-top: -15px;
}

.sub5 {
	margin-top: -15px;
	margin-bottom: 15px;
}

/*
	TODO: This needs to be improved -changing to 'pointer' als changes when the box is opened.
*/

#search {
	cursor: pointer;
}

.lang-img {
	margin-top: -3px;
	margin-right: 10px;
}

/* hover of top sub-menus links */
.dropdown-item:hover {
	background-color: #d6d6d6;
}

/* focus of top sub-menus links */
.dropdown-item:focus {
	background-color: #eaeaea; /* for now we put the square color */
}

/* active sub-menu link */
.dropdown-item:active {
	background-color: #d6d6d6;
}

/* square */
.sub-root-2 {
	background-color: #eaeaea;
}

.dropdown-item-selected {
	background-color: #dae0e5;
	cursor: default;
}

.dropdown-item-selected:focus, .dropdown-item-selected:hover {
	background-color: #dae0e5;
}

.dropdown-item-selected:active {
	color: #212529;
	background-color: #dae0e5;
}

.navbar-nav>.active>a {
	cursor: default;
}

.navbar-nav>.active>a.top-root-0 {
	cursor: pointer;
}

.navbar-nav>.active>a.top-root-2 {
	cursor: pointer;
}

li.sub-active>a {
	color: #ffffff;
}

.navbar-nav .dropdown-menu {
	position: absolute;
}

/* SUB-MENUS ISSUE */
.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 35px;
	left: 5%;
	margin-top: -5px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
}

@media (min-width: 992px) {
	.dropdown-submenu>.dropdown-menu {
		top: 0;
		left: 100%;
		margin-top: -5px;
		margin-left: -1px;
		-webkit-border-radius: 0 6px 6px 0;
		-moz-border-radius: 0 6px 6px 0;
		border-radius: 0 6px 6px 0;
	}
}

.dropdown-menu>.dropdown-item {
	padding-right: 1.9rem;
}

.dropdown-submenu:hover>.dropdown-menu {
	/* display: block; */
}

.dropdown-submenu>.sub-root-0:after, .dropdown-submenu>.sub-root-2:after, .btn-group>.sub-root-2:after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .6em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
}

@media (min-width: 992px) {
	.dropdown-submenu>.sub-root-0:after, .dropdown-submenu>.sub-root-2:after, .btn-group>.sub-root-2:after {
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: .4em;
		vertical-align: .1em;
		content: "";
		border-top: .3em solid transparent;
		border-bottom: .3em solid transparent;
		border-left: .3em solid;
	}
}

.btn-group>.sub-root-2:after {
	margin-left: .4em;
}

@media (min-width: 992px) {
	.btn-group>.sub-root-2:after {
	margin-left: .4em;
	}
}

.dropdown-submenu:hover>a:after {
	/* Little arrow color change hovering */
	/*
		border-left-color: #a2a8ae;
	*/
}

/* SUB-MENUS ISSUE */
.fa-org-top {
	margin-right: 5px;
}

.fa-org-sub {
	margin-left: -3px;
	margin-right: 10px;
}

.top-root-1 {
	padding-right: 0px !important;
	float: left !important;
	display: inline;
}

.top-root-2 {
	padding-left: 0.6em !important;
	float: left !important;
	display: inline;
}

/* Top square, highlighted */
.top-root-2 {
	background-color: #2e2e2e;
}

.top-root-2:hover {
	background-color: #6b6b6b
}
/* Top square */

.sub-root-1 {
	/* padding-right: 150px !important; */
	float: left !important;
	padding-right: 0.2em;
	display: inline-block;
	width: 100%;
	margin-right: 0;
}

.sub-root-2 {
	padding-left: 0 !important;
	padding-right: 0.4em !important;
	float: left !important;
	clear: none;
	display: inline-block;
	width: auto;
}

.top-root-0.dropdown-toggle:after {
	margin-left: 0.6em;
}

.dropdown-submenu>.dropdown-item:after {
	margin-right: -14px;
}



/* Display in hover issue */
/*
.dropdown:hover>.dropdown-menu {
	display: block;
}

.navbar-nav.ml-auto {
	height: 43px; 
	padding-top: 4px;
}

.nav-langs>.dropdown-menu {
	margin-top: -2px;
}

.navbar {
	padding-bottom: .5rem;
	padding-top: .5rem;
}

.dropdown-root {
	margin-top: -2px;
}
*/

.contact-form button.world-btn, .post-a-comment-area button.world-btn {
    background-color: #8b4513; /* saddlebrown */
    border-color: #8b4513;
}


input.con-content ~ label, input.focus ~ label,
textarea.con-content ~ label, textarea.focus ~ label,
select.con-content ~ label {
	top: -15px;
	font-size: 12px;
	color: #8b4513;
}

div.errval {
	border: 3px solid red;
}

input.errval ~ label,
textarea.errval ~ label {
	top: -15px;
	font-size: 12px;
	font-weight: bold;
	color: red;
	background-color: pink; /* gainsboro;lightgray;pink */
}

.btn.focus,
.btn:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(139, 69, 19, .25)
}

.height-300 {
	height: 300px !important;
}

.footer-area .footer-single-widget .footer-menu li {
	flex: 0 0 50%;
	min-width: 50%;
}

.logo-top>img {
	height: 35px;
	margin-top: 0px;
}

.logo-bottom>img {
	height: 40px;	
}

.dra-disabled {
	pointer-events: none;
}

@media(max-width: 575px) {
	input.errval ~ label, textarea.errval ~ label {
		top: -27px;
	}
	input.con-content ~ label, input.focus ~ label, textarea.con-content ~ label, textarea.focus ~ label {
		top: -27px;
	}
	.group label {
		top: -6px;
	}
}

.dra-label-radio, .dra-label-checkbox {
	font-size: 16px !important;
	color: black !important;
}

.dra-hwh {
	display: none;
}

.rdb-hd {
	display: none;
}

.dra-date-hd {
	display: none !important;
}

.dra-checkboxes-hd, .dra-radios-hd {
	display: none;	
}

.world-catagory-area .nav-tabs .nav-link.active:after {
	background-color: #8b4513;
}

.dra-hazards {
	width: 40px;
	height: 33px;
}

.dra-div-button, .dra-div-radio, .dra-info-btn {
	display: inline-block;
	color: #444;
	border: 1px solid #CCC;
	background: #DDD;
	box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	vertical-align: middle;
	padding: 5px;
	margin-bottom: 10px;
}

.dra-div-button-100 {
	width: 100%;
}

.dra-info-btn-down {
	padding-left: 7px;
	padding-top: 6px;
	padding-bottom: 4px;
	box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
}

.dra-div-button:active {
	box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
	color: red;
}

.div-disabled {
	cursor: default !important;
}

.div-disabled:active {
	box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.2) !important;
	color: #444 !important;
}
.dra-div-button-selected {
	background-color: orange;
}

.dra-div-radio-selected {
	background-color: limegreen;
}

.dra-sep {
	height: 50px;
}

.hw-hr {
	background-color: black;
}

#sigPad>canvas.pad, #sigPad3>canvas.pad {
	border: 1px solid black;
}

.sigPad {
	display: none;
}

.btn-dra {
	margin-top: 10px !important;
}

.maintenance {
	border: 50px solid red;
}

.nav-tabs .nav-link.active {
	color: #8b4513 !important;
	font-weight: bold;
}

.world-catagory-area .nav-tabs .nav-link {
	color: #8b4513;
}

.world-catagory-area .nav-tabs .nav-link:hover, .world-catagory-area .nav-tabs .nav-link:focus {
	background-color: #f0f0f0;
	color: #8b4513;
}

.dra-disabled {
	color: LightGray !important;
}

.highlight-submitted {
	color: white;
	padding-left: 10px;
	padding-right: 10px;
}

.highlight-submitted-bar {
	background-color: red;
}

.submitted-hidden {
	display: none;
}