/* NEW BOOTH MANAGEMENT INTERFACE - JC */

/* COLORS
#4e7090 <-- Current navbar color
#355879
#45637F
#7D99B3
#ff7000
*/


/* NAVIGATION BAR COLOR =============================== */
#designStudioNavBarId {
	/*background-image: linear-gradient(to right, #45637F, #4E7090);*/
	background-image:none;
	background:#355879 !important;
}
#designStudioNavBarId.navbar-light .navbar-brand {
    color: #ff7000;/*rgba(256,256,256,1.0)*/
	background-color: transparent; /*#4E7090*/
	margin:0 1.5em;
}


/*FOOTER BAR COLOR*/
footer {
	/*background-image: linear-gradient(to right, #45637F, #4E7090);*/
	background-image:none;
	background:#355879 !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
}


/*NAVIGATION BAR ENHANCEMENTS ==========================*/
#designStudioNavBarId .navbar-nav {
	-webkit-box-shadow:none;
	box-shadow:none;
}
#designStudioNavBarId .btn-secondary {
	color: rgba(255,255,255,.5) !important; /*#ADC0D4*/
    background-color: transparent;
    border: none;
}
#designStudioNavBarId .btn-secondary:hover {
	color:#fff !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
}


#designStudioNavBarId .btn-secondary:focus {
	color:#fff !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
}
#navbarSupportedContent .btn-sm {
	background: transparent !important;
    width: 2.7em !important;
    font-size: medium;
	border:none;
    -moz-border-radius: 4px !important;  /*JOHN: REMOVE INLINE STYLING*/
	border-radius: 4px !important; /*JOHN: REMOVE INLINE STYLING*/
	margin-left:.1em;
	margin-right:.1em;
}
#navbarSupportedContent .btn-sm:hover {
	border:1px solid rgba(255,255,255,.3);
    -moz-border-radius: 4px !important;  /*JOHN: REMOVE INLINE STYLING*/
	border-radius: 4px !important; /*JOHN: REMOVE INLINE STYLING*/
}
.btn-outline-secondary {
    border:none;
}
#designStudioNavBarId.navbar-light .navbar-nav .nav-link {
    color: #fff;
}
#objModeSave {
	color: rgba(255,255,255,.5); /*#ADC0D4*/
	margin-right:1em;
}
#objModeSave.changed {
	color:#FFEE6A;
	border:1px solid #FFEE6A;

}
#objModeP,
#objEdit {
	margin-right:1em;
}


/*COMPONENTS DRAWER ================================== */
.extruder .extruder-content {
    background-color: rgba(255, 255, 255, 1.0) !important;
}
#extruderLeft {
	opacity:1.0 !important;
}
.extruder.right .extruder-content {
    border-top: none !important;
	border-left: 7px solid #4E7090 !important;
}
.extruder.right .flap {
    background: #4E7090 !important;
    color: #ffffff !important;
    font-weight: normal !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
}
.extruder.right .flap .flapLabel {
    background: #4E7090 !important;
    color: #ffffff !important;
    font-weight: normal !important;
	background-image: none !important;
}

.nav-carousel {
	background:transparent !important;
}
.nav-carousel-inner {
    background-color: transparent !important;
    transition:none;
}
.nav-carousel button,
.nav-carousel button:hover {
	border:none;
	max-width:80px !important;
	margin:0 2px;
}
.nav-carousel-left button,
.nav-carousel-right button {
	color:#4E7090 !important;
	background:#ffffff !important;
	border:1px solid #4E7090 !important;
}
#masterWrapperDiv {
	width: 100% !important;
}
.grid-item {
    background: #ffffff !important;
    border:0;
  
}
.card {
	margin:4px !important;
}

.badge-light {
    background-color: #ffffff !important;
}


/*MODAL BUTTONS ================================== */
.btn-secondary {
	color: #fff;
	background-color: #7D99B3;
	border-color: #ffffff;
}
.btn-secondary:hover {
	color: #fff;
	background-color: #999999;
	border-color: #ffffff;
}
.btn-secondary:focus {
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
}
.btn-secondary:not(:disabled):not(.disabled).active, 
.btn-secondary:not(:disabled):not(.disabled):active, 
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #355879;
    border-color: #ffffff;
    text-decoration: none;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
}


/*CLIENT-SIDE ================================== */
.btn-toolbar .btn-secondary,
.btn-toolbar .btn-secondary:hover,
.btn-toolbar .btn-secondary:focus,
.btn-toolbar .btn-secondary:active {
    color: #ffffff !important;
    background-color: #316799 !important;
    border-color: transparent !important;
}
html .show > .btn-secondary.dropdown-toggle, 
html .show > .btn-secondary-scale-2.dropdown-toggle {
    color: #ffffff !important;
    background-color: #316799 !important;
    border-color: transparent !important;
}
#map {
    width: 100% !important;
    height: 70vh !important;
    margin-top: 40px !important;
    background: #ffffff !important;
}
.ol-overviewmap:not(.ol-collapsed) {
    background: transparent !important;
	position: absolute !important;
	left: unset !important;
	right: 0 !important;
	top: 0 !important;
}
.ol-overviewmap {
    background: transparent !important;
	position: absolute !important;
	left: unset !important;
	right: 0 !important;
	top: 0 !important;
}
.ol-overviewmap:not(.ol-collapsed) .ol-overviewmap-map {
    border: 1px solid #bbbbbb !important;
    height: 120px !important;
    width: 120px !important;
    margin: 0 !important;
}
.ol-custom-overviewmap:not(.ol-collapsed) button {
	color: white !important;
	background-color: #bbbbbb !important;
	font-size: .9em !important;
	font-weight: 500 !important;
	display: block !important;
	height: 30px !important;
	width: 100% !important;
	border-radius: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.ol-custom-overviewmap button {
	color: white !important;
	background-color: #bbbbbb !important;
	font-size: 1.5em !important;
	font-weight: 300 !important;
	display: block !important;
	height: 30px !important;
	width: 30px !important;
	border-radius: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	line-height: unset;
}
.ol-overviewmap:not(.ol-collapsed) button {
    position: absolute !important;
    bottom: unset !important;
    top: 0 !important;
    left: 0 !important;
}
.ol-custom-overviewmap:not(.ol-collapsed) button span,
.ol-custom-overviewmap button span {
	left: unset !important;
	position: unset !important;
}
.ol-control {
    padding: 0 !important;
}
.ol-control button {
    display: block;
    margin: 0 !important;
    padding: 0;
	padding-top: 0px;
	padding-bottom: 0px;
    color: #fff;
    font-size: 1.14em;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    height: 1.375em;
    width: 1.375em;
    line-height: .4em;
    background-color: rgba(0,60,136,.5);
    border: none;
    border-radius: 2px;
}