/* tabs */


.tabs {
	padding: 0px !important;
	margin: 0px 20px 0px 20px !important;
	overflow: hidden !important;
	border: 1px solid #AAAAAA;
}

.zol-tabs {
	padding: 0px !important;
	overflow: hidden !important;
	border: 1px solid #AAAAAA;
	height: 100%;
    box-sizing: border-box;
}

.zol-tabs.ui-tabs .ui-tabs-panel {
	padding: unset;
}

.tabs ul li,
.zol-tabs ul li {
	color: #666666 !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.tabs .ui-tabs-nav,
.zol-tabs .ui-tabs-nav {
	background-color: #EEE;
	border-bottom: 1px solid #AAAAAA;
	margin-top: 0px !important;
    margin-bottom: 0px;
	-webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}

.tabs .ui-tabs-nav li,
.zol-tabs .ui-tabs-nav li {
	border: unset;
    border-right: 1px solid #AAAAAA;
}

.tabs .ui-tabs-nav button,
.zol-tabs .ui-tabs-nav button {
	float: right;
	padding: 4px 6px 4px 0px;
}

.tabs .ui-tabs-nav button svg,
.zol-tabs .ui-tabs-nav button svg {
	width: 20px;
    height: 20px;
}

.zol-tabs .ui-tabs-nav .ui-tabs-anchor button {
	width: unset;
	height: unset;
} 

.tabs .ui-tabs-nav li[id^=btn-],
.zol-tabs .ui-tabs-nav li[class^=btn-]{
	border: unset;
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: flex-end;
	padding-right: 5px;
	float: right;
	padding: 4px;
}

.tabs .ui-tabs-nav li.ui-tabs-active,
.zol-tabs .ui-tabs-nav li.ui-tabs-active {
    /* background-color: white; */
    font-weight: bold;
    border-bottom: unset;
}

.tabs .ui-tabs-anchor,
.zol-tabs .ui-tabs-anchor {
	min-height: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tabs .ui-tabs-anchor .icon,
.tabs .ui-tabs-anchor .info,
.tabs .ui-tabs-anchor .tabs-loader,
.zol-tabs .ui-tabs-anchor .icon,
.zol-tabs .ui-tabs-anchor .info,
.zol-tabs .ui-tabs-anchor .tabs-loader {
	margin-left: 0.5em;
}

.zol-tabs .ui-tabs-anchor button {
	margin-left: 0.5em;
	padding: unset;
}

.zol-tabs .ui-tabs-anchor button svg {
	width: 17px;
    height: 17px;
}

.tabs-loader {
	display: inline-block;
	border: 3px solid rgba(0, 0, 0, 0.1);
	border-left-color: #6AC4DE;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	animation: loader-spin 1.2s linear infinite;
}

.tabs .ui-tabs-anchor .icon svg,
.tabs .ui-tabs-anchor .info svg,
.zol-tabs .ui-tabs-anchor .icon svg,
.zol-tabs .ui-tabs-anchor .info svg {
    width: 15px;
    height: 15px;
    fill: #6AC4DE;
}

.tabs .ui-tabs-panel {
	padding: 40px;
	box-sizing: border-box;
	height: calc(100% - 29px); /* container minus navbar */
}

.zol-tabs .ui-tabs-panel {
	box-sizing: border-box;
	height: calc(100% - 29px); 
}

.tabs .ui-tabs-panel.form {
	padding: 15px;
}

.tabs .ui-tabs-panel.form-page-container {
	padding: unset;
	background-color: #F5F5F5;
}

.tabs .ui-tabs-panel.form-page {
	padding: 0px;
}