.orocli-main {
	background-color: #C99F26;
	padding-left: 8px;
	padding-right: 8px;
}

.orocli-footer {
	bottom: 8px;
}

.orocli-content {
	background-color: #E5E5E5;
	padding-top: 132px;
	height: 100%;
	min-height: 100vh;
}

.orocli-title {
	background-color: #FFFFFF;

	position: absolute;
	text-align: center;

	height: 100px;
	width: 100%;

	top: 8px;
	margin-left: -8px;
	margin-right: -8px;
}

.orocli-metal-container {
	position: relative;
	border: solid 1px;
	background-color: #FFFFFF;
}

.orocli-symbol {
	background-color: #C99F26;
	color: #FFFFFF;

	position: absolute;

	width: 30px;
	height: 100%;

	border-radius: 2px;

	left: 0px;
	top: 0px;

	padding-top: 6px;
}

.orocli-arrow {
	background-color: #C99F26;
	color: #FFFFFF;

	position: absolute;

	width: 30px;
	height: 100%;

	border-radius: 2px;

	right: 0px;
	top: 0px;

	padding-top: 6px;
}

.orocli-arrow img {
	width: 15px;
	align-self: center;

}

.orofix_expand {
	padding-right: 30px;
	padding-left: 30px;
	border-bottom-right: 10px;
	border-bottom-left: 10px;
	background-color: #FFFFFF;
	display: none;
}

.orofix_expand_expanded {
	padding-right: 30px;
	padding-left: 30px;
	border-bottom-right: 10px;
	border-bottom-left: 10px;
	background-color: #FFFFFF;
}

.oc-pop-container {
	z-index: 1;
	display: none;
	color: #fff;
	background-color: #364351;
	border: 3px solid #efb63e;
	border-radius: 6px;

	position: fixed;
	margin: 10px;
	padding: 8px;
	/*height: 150px;*/
	left: 5%;
	right: 5%;
	top: 20%;

	box-sizing: border-box;
	text-align: center;
}

/*--- oc pop btn oro ---*/
.oc-pop-btn {
    color: #364351;
    background-color: #fff;
    border-width: 1px;
    border-radius: 8px;
}

.oc-pop-btn:hover {
    color: #8598ad;
    background-color: #fff;
    border-color: #efb63e;
}

.oc-pop-btn.focus,
.oc-pop-btn:focus {
    color: #8598ad;
    background-color: #fff;
    border-color: #efb63e;
    box-shadow: 0 0 0 1px rgb(37, 52, 158);
}

.oc-pop-btn:not(:disabled):not(.disabled).active:focus,
.oc-pop-btn:not(:disabled):not(.disabled):active:focus,
.show>.oc-pop-btn.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(37, 52, 158);
}

.oc-pop-btn:not(:disabled):not(.disabled).active,
.oc-pop-btn:not(:disabled):not(.disabled):active,
.show>.oc-pop-btn.dropdown-toggle {
    color: #4656e9;
    background-color: #fff;
    border-color: #efb63e;
}