/*New 4Admin 2xx CP tools CSS*/
/* affects master */

/*imports*/

@import "text.css";
@import "buttons.css";
@import "input.css";
@import "select.css";

/*prev
body 10pt
*/
BODY{
   font-size:1.0em;font-family:Verdana,Arial,Helvetica,sans-serif;
   scrollbar-face-color: #DFDFDF; scrollbar-highlight-color: #333333;
   scrollbar-shadow-color: #CCCCCC; scrollbar-3dlight-color: #CCCCCC;
   scrollbar-arrow-color: #333333; scrollbar-track-color: #EDEDED;
   scrollbar-darkshadow-color: #FFFFFF;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;}


/*links*/

/*wm gold #ffb100*/
a:hover {
	color: #ffb100;
	font-weight: bold;
/*	font-style: italic; */
}

a:link{color:#000000;}
a:visited{color:#000000;}
a:visited:hover{color:#ffb100;}

/*prev
<td>
10pt - 0.8em
*/
TD {
	font-size:0.9em;
	font-family:Verdana,Arial,Helvetica,sans-serif; 
	overflow:auto;
}
.lgtxt {
/*prev 
13px
*/
	font-size:1.0em;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}


/*wm blue #1d529b bar*/
.hc {
	background-color:#1d529b;
	text-shadow: 2px 2px darkblue; 
	font-style: italic;
}
hc{background-color:#1d529b;text-shadow: 2px 2px darkblue;}
.hd{text-shadow: 2px 2px black;}
hd{text-shadow: 2px 2px black;}


/*dev buttons*/
.devsbt{font-size:11px;font-style: italic;font-family:Verdana,Arial,Helvetica,Sans-serif;background-color:lightgrey;color:grey;border:1px solid grey; box-shadow: 1px 1px 1px lightgrey;}
.devst{font-size:12px;font-style: italic;font-family:Arial,Helvetica,Sans-serif;background-color:lightgrey;color:grey;border:1px solid grey; box-shadow: 1px 1px 2px lightgrey;}
.devbt{font-size:13px;font-style: italic;font-family:Verdana,Arial,Helvetica,Sans-serif;background-color:lightgrey;color:grey;border:1px solid grey; box-shadow: 1px 1px 1px grey;}
.devt{font-size:13px;font-style: italic;font-family:Arial,Helvetica,Sans-serif;background-color:lightgrey;color:grey;border:1px solid grey; box-shadow: 1px 1px 2px lightgrey;}

/*code box*/
.codebox {
	width: calc(100vw - 20px); max-width: 550px; 
      height: calc(100vw - 20px); max-height: 250px; 
      /*background-color: f2f2f2;*/
	background-color: EEEEEE;
      font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New;
      border: 0px solid #1d529b;
	padding: 2px 4px;
	box-sizing: border-box;
}

.logbox {
	max-height: 450px;
      min-height: 250px;
      background: #fcfcfc;
      white-space: pre;
      overflow: auto;
      margin: 5px;
      font-family: monospace;
      display: block;
      unicode-bidi: embed;
      font-size: 0.9em;
}

/* scrolls longer text horiz */
.scrollbox {
	max-height: 450px;
      min-height: 250px;
      white-space: pre;
      overflow: auto;
      margin: 5px;
      display: block;
      unicode-bidi: embed;
      font-size: 0.9em;
}

.auto-width { 
	width: calc(100vw - 20px);
}

.max-width25 {
	max-width: calc(25vw - 50px);
}

.max-width35 {
	max-width: calc(35vw - 50px);
}

.max-width50 {
	max-width: calc(50vw - 50px);
}

.max-width75 {
	max-width: calc(75vw - 50px);
}

.max-width85 {
	max-width: calc(75vw - 50px);
}

.max-width95 {
	max-width: calc(95vw - 50px);
}

.no-break {
	word-break: keep-all;
}

.mobile-ready {
	margin: auto; 
	padding:20px; 
	white-space: normal; 
	word-break: break-word;
}