/*------------------------------------------------
	NAVIGATION CSS
--------------------------------------------------
	Authors : 	Meghan Capiaghi
				Nathan Dowling 
--------------------------------------------------
	Created	:	09/14/2020
--------------------------------------------------*/

html { font-size: 100%; } 

/* SHARED STYLES */
.navigation {
	font-size: 14px;
}

ul > li {
	color: inherit;
}

/*
====================================================================================================
Website styles
====================================================================================================
*/

#mobilenav {
	background: white;
	box-shadow: 0 3px 5px #000;
}

#leftnav ul.navigation,
#mobilenav ul.navigation {
	width: 100%;
	padding: 0;
}

#mobilenav ul.navigation {
	margin: 10px 0px;
} 

#mobilenav ul.navigation a {
	color: inherit;
} 

#leftnav ul.navigation li.nav-list-item > ul.dropdown-menu {
	border-radius: 0px !important;
}

ul.navigation {
	color: #FFF;
	display: block;
}

.navigation li > a {
	white-space: normal;
	overflow-x: hidden;
}

.navigation li.nav-list-item > a:active,
.navigation li.nav-list-item > a:focus {
	background: initial;
}

.navigation li > a.inactive {
	pointer-events: none;
	cursor: not-allowed;
	opacity: 0.75;
}

.navigation li > a > small {
	display: block;
}

.navigation.sm-clean ul {
	padding: 0px;
}

.navigation.sm-clean ul li:first-child {
	padding-top: 5px;
}

.navigation.sm-clean ul li:last-child {
	padding-bottom: 5px;
}


/* POSITION STYLES */
.vCenter {
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.vTop-0{
	top: 0%;
}

.vTop-5{
	top: 5%;
}

.vTop-10{
	top: 10%;
}

.vTop-15{
	top: 15%;
}

.vTop-20{
	top: 20%;
}

.vTop-25{
	top: 25%;
}

.vTop-30{
	top: 30%;
}

.vTop-35{
	top: 35%;
}

.vTop-40{
	top: 40%;
}

.vTop-45{
	top: 45%;
}

.vTop-50{
	top: 50%;
}

.vBottom-0 {
	top: 100%;
	transform: translateY(-100%);
}

.vBottom-5 {
	top: 95%;
	transform: translateY(-95%);
}

.vBottom-10 {
	top: 90%;
	transform: translateY(-90%);
}

.vBottom-15 {
	top: 85%;
	transform: translateY(-85%);
}

.vBottom-20 {
	top: 80%;
	transform: translateY(-80%);
}

.vBottom-25 {
	top: 75%;
	transform: translateY(-75%);
}

.vBottom-30 {
	top: 70%;
	transform: translateY(-70%);
}

.vBottom-35 {
	top: 65%;
	transform: translateY(-65%);
}

.vBottom-40 {
	top: 60%;
	transform: translateY(-60%);
}

.vBottom-45 {
	top: 55%;
	transform: translateY(-55%);
}

.vBottom-50 {
	top: 50%;
	transform: translateY(-50%);
}

.w100 {
	width: 100%;
}

.ui-sortable-placeholder {
	border:2px dashed #DD0000;
	visibility:visible !important;
	opacity:.4;
}

/* Override Dropzone Styles */
.widget-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 102;
    padding-top:10px;
}

.widget-overlay span {
    top: 4%;
    right: 0;
    left: 0;
    font-size: 10pt;
}
 
#removeBgImage {
	 margin-left: 10px;
	 margin-top: 15px;
	 width: 100px;
	 padding: 7px 0px;
	 float: left;
}

#downloadBtn {
	 margin-top: 15px;
	 width: 100px;
	 padding: 7px 0px;
	 float: left;
}

input.icon-search{
	font-family: 'OpenSansSemiBold', Arial, Helvetica, sans-serif;
}

span.type {
	font-family: 'OpenSansSemiBold', Arial, Helvetica, sans-serif;
	font-size:16px;

}


/*
====================================================================================================
Utilities
====================================================================================================
*/

.banner-container {
	margin-bottom: 15px;
}

.fs-sm {
	font-size:12px !important
}

.disabled {
    pointer-events: none;
    opacity: 0.3;
}

.float-right {
    float: right !important;
}

.float-left {
    float: left !important;
}

.float-none {
    float: none !important;
}

.cadmium-only {
	color: orange !important;
}

.text-darkBlue {
	color: RoyalBlue !important;
}

.text-lightBlue {
	color: #5bc0de !important;
}

.text-darkGreen {
	color: #5EB34E !important;
}

.text-lightGreen {
	color: Lime !important;
}

#exampleText p {
    margin: 0;
    padding: 10px;
    background: #EFEFEF;
    border: 1px solid #CCC;
    border-radius: 5px;
    font-size: 14px;
}

#popupContent #nav_page_image > img { 
	width: 100%; 
	box-shadow: -1px 0 4px 0px #ccc; 
}

#popupContent #nav_page_description { 
	font-size: 14px;  
}