/*
	commmon.css	
*/

/* modals */
#modalsholder{position:fixed;z-index:1002;}
.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:var(--ui-cover);}
.modal-wrap{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;display:flex;align-items:center;align-content:center;}
.modal .modalguts{display:flex;flex-direction:row;flex-wrap:wrap;margin:auto;padding:0;width:800px;max-width:95%;max-height:100%;
	background:var(--grey0);border-radius:5px;box-shadow:var(--ui-box-shadow);position:relative;}
.modal.medium .modalguts{max-width:650px;}
.modal.narrow .modalguts{max-width:500px;}
.modal .modalguts img{max-width:100%;}
/* global modal only */
.modal .globalmodaltitle{flex-grow:1;border-bottom:1px solid var(--grey20);background:#fff;padding:15px 20px;font-size:1.2rem;z-index:100;border-radius:5px 5px 0px 0px;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.modal .globalmodaltitle i[class*=fa-]{font-size:1rem;margin-right:5px;position:relative;top:-2px;} /*  depreciated */
.modal .globalmodaltitle i.icon{position:relative;margin-top:-3px;}/* new*/
.modal .globalmodalfooter{flex-grow:1;border-top:1px solid var(--grey20);text-align:right;background:var(--grey0);padding:10px 30px;z-index:100;border-radius:0px 0px 5px 5px;}
.modal .globalmodalcontent{flex-grow:1;padding:30px;overflow:hidden;overflow-y:auto;overscroll-behavior:contain;position:relative;top:0px;
	max-height:calc(65vh - 120px); 	/* fallback */
	max-height:calc(95dvh - 120px);	/* dynamic viewportHeight */
	height:calc(100% - 103px);		/* height */
	width:100%;
}

/* actions */
.globalmodaltitle .modal-actions{float:right;}
.globalmodaltitle .modal-actions a{text-decoration:none;font-size:1rem;display:inline-block;color:var(--text-dark);opacity:0.5;padding:2px 5px;}
.globalmodaltitle .modal-actions a:hover{opacity:1;}

/* modal.iframe */
.modal.iframe{}
.modal.iframe .modalguts{height:90%;width:90%;max-width:1100px;}
.modal.iframe .globalmodalcontent{padding:0;}
.modal.iframe .globalmodalcontent>iframe{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;}

/* click - cover */
#uiclickcover{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--ui-cover);z-index:2500;display:none;}

/* PfAlertbox */
.pfalertbox{position:fixed;top:0;left:50%;z-index:9999;transform:translateX(-50%);max-width:100%;width:500px;margin:auto;padding:0;pointer-events:none;}
/* uk-alerts */
.uk-alert{color:var(--info-light);background:var(--info-dark);border:none;border-radius:5px;box-shadow:var(--ui-box-shadow);margin:0 20px 10px 20px;pointer-events:all;}
.uk-alert-primary{color:var(--info-light);background:var(--info-dark);}
.uk-alert-warning{color:var(--warning-light);background:var(--warning-dark);}
.uk-alert-success{color:var(--success-light);background:var(--success-dark);}
.uk-alert-danger{color:var(--danger-light);background:var(--danger-dark);}
.uk-alert .uk-alert-close{top:18px;}
.pfalertbox>.uk-alert:first-child{margin-top:10px;}

/* text-colors */
.text-info{		color:var(--info-dark);}
.text-warning{	color:var(--warning-dark);}
.text-success{	color:var(--success-dark);}
.text-danger{	color:var(--danger-dark);}

/* buttons */
a.button,
.button,
button.button{
background:rgba(0,0,0,0.04); /* semi transparent */
color:var(--text-dark);
padding:0 15px;
line-height:27px;
border-radius:3px;
border:1px solid transparent;
font-size:1rem;
font-weight:500;
cursor:pointer;
text-decoration:none;
display:inline-block;
text-decoration:none;
transition:all 0.3s ease;
position:relative;
overflow:hidden;
text-align:center;
vertical-align:middle;
height:29px;
display:inline-flex;
gap:5px;
align-items:center;
}
.button:first-child{margin-left:0px;}
.button:last-child{margin-right:0px;}
.button:focus{}

@media (hover: hover){
.button:hover{box-shadow:inset 0px 0px 200em rgba(0,0,0,0.05);border-color:rgba(0,0,0,0.05);}
}

.button>i.icon{margin:auto 0;position: relative;top:0;}

/* small */
.button.small{font-size:0.8em;padding:0px 2px;margin:0px 1px;}
.button>i[class*=fa-]{display:inline-block;margin-right:2px;font-size:14px;font-weight:600;} /* icon */

/* default */
.button.default{background:rgba(0,0,0,0.04);color:var(--text-dark);}
.button.default:focus{}

/* primary */
.button.primary{background:var(--brand);color:var(--grey0);}
.button.primary:focus{}
@media (hover: hover){
.button.primary:hover{box-shadow:inset 0px 0px 200em rgba(0,0,0,0.15);}
}

/* danger */
.button.danger{background:rgba(0,0,0,0.04);color:var(--danger-dark);}
.button.danger:focus{}
@media (hover: hover){
.button.danger:hover{background:var(--danger-dark) !important;color:var(--grey0);}
}

/* success */
.button.success{background:rgba(0,0,0,0.04);color:var(--success-dark);}
.button.success:focus{}
.button.success.inverse{background:var(--success-dark);color:var(--grey0);}
@media (hover: hover){
.button.success:hover{background:var(--success-dark);color:var(--grey0);}
}

/* rounded */
.button.rounded{border-radius:200rem;}

/* outline */
.button.outline{}

/* disabled */
.button[disabled],
.button[disabled]:hover,
button[disabled],
button[disabled]:hover{background:rgba(0,0,0,0.04) !important;color:var(--grey50) !important;font-weight:normal;cursor:not-allowed;pointer-events:none;}

/* split button */
.button-split{position:relative;display:inline-block;}
.button-split button{padding-right:35px;}
.button-split [trigger]{color:inherit;position:relative;display:inline-block;padding:0 10px;position:absolute;top:0;right:0;height:100%;border-left:1px solid rgba(255,255,255,0.15);}
.button-split [trigger] i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;margin-top:-2px;opacity:0.7;}
.button-split [uk-dropdown]{text-align:left;min-width:150px;padding:15px;}
.button-split [uk-dropdown]>ul>li:first-of-type{color:var(--text-light);padding:0 10px;}
.button-split [uk-dropdown]>ul>li>a{position:relative;}
.button-split [uk-dropdown]>ul>li>a>.check{color:var(--success-dark);position:absolute;top:50%;right:10px;transform:translateY(-50%);}
@media (hover: hover){
.button-split button:hover{}
.button-split [trigger]:not([disabled]):hover{box-shadow:inset 0px 0px 200em rgba(0,0,0,0.15);}
}
/* disabled */
.button-split[disabled]{pointer-events:none;}