/* CSS Document */

/*
<div class="form t5 l5 w5 h5"></div>
<div class="formBox t5 l5 w5 h5"></div>
<div class="popup t5 l5 w5 h5"></div>
<div class="popupbox t5 l5 w5 h5"></div>
<div class="dashBox t5 l5 w5 h5"></div>
<div class="_mc t5 l5 w5 h5"></div>
*/

/*-------------------popup window-------------------*/
/*-------------------popup window-------------------*/

/*
<div class="popup t45 l45 w500 h500" id="X-popup_mc">
<div class="putittxt t5 l10">Test Popup</div>
<div class="close-popup_btn t0 l475 nsel" id="X-close_btn">&#10005;</div>
<div class="minimize_popup_btn t0 l450 nsel" id="X-minus_btn">&minus;</div>
<div class="drag-popup_btn t0 l375 nsel" id="X-drag_btn">&#9776;</div>
<div class="popupbox t30 l5 w490 h465">Box - optional</div>
</div>	

<script> // Popup Drag ------------------------------------->
dragElement("X-drag_btn","X-popup_mc");
$("#X-drag_btn").on('mousedown', function(){$(this).css('cursor','grabbing');
$(document).on('mouseup',function(){$("#X-drag_btn").css('cursor','grab');});});
</script><!-- END Popup Drag ------------------------------->
*/

.fll{float: left;}
.flr{float: right;}

/*-------------------popup window-------------------*/
.popup, .popupf{
position:absolute;
display: block;
background-color: rgba(255,255,255,0.98);
border-radius: 2px;
border: 1px solid rgba(0,0,0,1.00);
box-shadow: 5px 5px 10px 10px rgba(0,0,0,0.75);
}

.popupbox, .popupboxf{
background-color: rgba(236,236,236,0.98);
}

.popupbox{position: relative;} 
.popupboxf{display: block; position:absolute;}


.putittxt{
display: inline-block;
float: left;
color: rgba(108,108,108,1.00);
border: none;
font-size: 16px;
font-family: 'Helvetica', 'Tahoma', 'Geneva', sans-serif;
font-weight: bold;
overflow: hidden;
margin-top: 5px;
margin-left: 10px;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Chrome, Edge, Opera and Firefox */
}


.close-popup_btn, .minimize_popup_btn, .drag-popup_btn{
display: flex;
justify-content: center; /* Horizontal */
align-items: center;     /* Vertical */
background-color:rgba(173,173,173,1.00);
float: right;
color: white;
border: none;
font-size: 14px;
font-family: 'Helvetica', 'Tahoma', 'Geneva', sans-serif;
font-weight: bold;
width: 22px;
height: 22px;
line-height: 22px;
}

.close-popup_btn{border-top-right-radius: 2px;}
.minimize_popup_btn, .drag-popup_btn{margin-right: 1px;}

.close-popup_btn:hover, .minimize_popup_btn:hover{
cursor: pointer;
background-color:rgba(106,106,106,1.00);
}

.drag-popup_btn:hover{
cursor: grab;
background-color:rgba(106,106,106,1.00);
}

/*-------------------form box-------------------*/
/*-------------------form box-------------------*/
.form-cont {
content: "";
clear: both;
width: 100%;
margin: 0;
padding: 0;
}

.form{
background-color:rgba(219,219,219,1.00);
border-radius: 5px;
}

.formBox{
position:absolute;
display: block;
background-color: rgba(204,204,204,1.00);
}

.formBoxM{
display: block;
background-color: rgba(204,204,204,1.00);
}


/*-------------------dash box-------------------*/
/*-------------------dash box-------------------*/
.dashBox{
position:absolute;
display: block;
background-color: rgba(120,120,120,1.00);
}

.dashBoxM{
display: block;
background-color: rgba(120,120,120,1.00);
}

.dashBoxMclear{
display: block;
}


/*----------index container-----------------------------*/
.index-Cont{
position: absolute;
display:none;
top: 0px;
left: 0px;
/*width: 1px;
height: 1px;*/
padding: 0px;
margin: 0px;
overflow: auto;
}




/*----------mc container-----------------------------*/
._mc{
position: relative;
padding: 0px;
margin: 0px;
}