/*
html , body { font-family : 'Firasans' , 'PT Sans' , 'Open Sans' , 'Basic' , 'Fedra Sans Pro' , 'Yanone Kaffeesatz' , 'Exo 2 ExtraLight' , 'Exo 2.0 ExtraLight' , Verdana ; font-size : 15px ; font-weight : 200 ; }
*/
/* html { overflow : scroll ; background : #DDD ; } */
html { overflow-x : auto ; margin : 0px ; padding : 0px ; background : #DDD ; }
html , body { font-family : 'Exo 2.0' , 'Roboto' ; font-size : 16px ; font-weight : 300 ; margin : 0 ; }
* body { margin : 0px auto ; padding : 0px ; min-width : 1200px ; /* max-width : 1600px ; */ }

.bodyerror { }
.bodyerror .dt_center { margin : 0px 0 ; font-size : 52px ; font-weight : 900 ; padding : 100px ; text-align : center ; background : #F99 ; }

body , #body {
	cursor : default ;
	margin : 0px auto ;
	padding : 0px ;
	font-family : 'Exo 2.0' , 'Exo 2' , 'Roboto' , 'Caviar Dreams' , 'Fira Sans' , 'Philosopher' , 'Source Sans Pro' , Microsoft YaHei UI Light , Helvetica, Arial, sans-serif  , Tahoma , segoe UI ;
	font-weight : 300 ;
	font-size : 16px ;
	/* line-height : 1.1em ; */
}

/* LINKS */
a:link, a:visited, a:active{ color : #000 ; text-decoration : none ; }
a:hover{ color : #000 ;  text-decoration : none ; }


form { margin : 0px ; padding : 0px ; }
table { margin : 0px ; padding : 0px ; border-collapse : collapse ; border : 0px ; }
table { font-size : 16px ; font-family : 'Exo 2.0' , 'Exo 2' , 'Caviar Dreams' , 'Fira Sans' , 'Philosopher' , 'Source Sans Pro' , Microsoft YaHei UI Light , Helvetica, Arial, sans-serif  , Tahoma , segoe UI ; font-weight : 300 ; } 
table tr { margin : 0px ; padding : 0px ; }
table td { margin : 0px ; padding : 0px ; }
img { margin : 0px ; padding : 0px ; border : 0px #000 ; }
div { margin : 0px ; padding : 0px ; }
h1 { margin : 0px ; padding : 0px ; font-size : 16px ; }
p { margin : 10px 0px ; padding : 0px ; text-indent : 10px ; }

/* FORM */
/* INPUT :: SELECT :: reset :: button */
input[ type=text ] ,
input[ type=password ] ,
input[ type=file ] ,
input[ type=button ] , 
input[ type=submit ] , 
input[ type=reset ] , 
input[ type=number ] , 
input[ type=date ] , 
input[ type=time ] , 
input[ type=datetime ] , 
input[ type=datetime-local ] , 
input[ type=range ] , 
select ,
textarea {
	box-sizing : border-box ;
	font-family : 'Exo 2.0' , 'Exo 2' , 'Roboto' , 'Caviar Dreams' , 'Fira Sans' , 'Philosopher' , 'Source Sans Pro' , 'Microsoft YaHei UI Light' , 'Helvetica' , 'Arial' , 'sans-serif' , 'Tahoma' , 'segoe UI' ;
	font-size : 16px ;
	font-weight : 300 ;
	padding : 6px 5px ;
	border : solid #DDD 1px ;
	border-radius : 0px ; 
}
input[ type=button ] , 
input[ type=submit ] , 
input[ type=reset ] { cursor : pointer ; }
textarea { line-height : 1.2em ; height : 6.0em ; }
select { padding : 5px 1px ; }
a:focus ,
textarea:focus ,
select:focus ,
input:focus {
	outline : dashed #666 10px ;
	outline-radius : 5px ;
	outline : none ;
}
input[type=button]:disabled { background : #EEE ! important ; color : #CCC ! important ; }
input[type=button]:disabled:hover { background : #EEE ! important ; }

hr { margin : 5px 0px ; padding : 0px ; height : 0px ; background : #CCC ; border : dashed #FFF ; border-width : 0px 0px 1px 0px ; box-shadow: 2px 2px 5px rgba(0,0,0,0.3) ; }


/* class_functions */
.my_vardump { font-family : "Exo 2.0 Light" ; font-size : 15px ; font-weight : 300 ; line-height : 1.1em ; padding : 0px ; color : #DDD ; }
.my_vardump .div_title { position : relative ; margin : 0 ; padding : 10px ; background : #333 ; }
.my_vardump .div_title .div_title_actions { display : none ; }
.my_vardump .div_title:hover .div_title_actions { display : block ; position : absolute ; left : 0 ; bottom: 100% ; width : 100% ; display : block ; padding : 0px ; text-align : right ; }
.my_vardump .div_title_actions span { display: inline-block ; padding: 5px ; background : #666 ; }
.my_vardump .div_title_actions a { color : #F90 ! important ; text-decoration : none ! important ; border : none ! important ; }
.my_vardump .div_title_actions a:hover { color : #F90 ! important ; text-decoration : underline ! important ; border : none ! important ; }
.my_vardump .div_title_varname { display : block ; padding : 10px ; }
.my_vardump .div_title_type { padding-left : 5px ; color : #CCC ; }
.my_vardump .div_body { border : solid #999 5px ; }
.my_vardump .messagetext { padding : 5px ; background : #DDD ; }
.my_vardump .my_vardump_row { padding : 5px ; color : #000 ; }
.my_vardump .my_vardump_row .my_vardump_row_type { display : inline-block ; padding : 0px ; color : #369 ; min-width : 100px ; }
.my_vardump .my_vardump_row .my_vardump_row_name { display : inline-block ; padding : 0px 5px ; }
.my_vardump .my_vardump_row .my_vardump_row_val { display : inline-block ; color : #693 ; }
.my_vardump .my_vardump_row .my_vardump_row_start { display : inline-block ; padding-right : 5px ; color : #666 ; }
.my_vardump .my_vardump_row .my_vardump_row_end { display : inline-block ; color : #666 ; }
.my_vardump .my_vardump_row .my_vardump_row_box {  margin-left : 2px ; padding-left : 8px ; border-left : dashed #CCC 1px ; }
.my_vardump b { font-weight : 400 ; }


.dt { padding : 10px ; }
.dt_top { position : relative ; }
.dt_middle { position : relative ; display : grid ; grid-template-columns : 220px auto 220px ; border : solid #999 ; border-width : 1px 0px ; }
.dt_left { position : relative ; padding : 0px ; }
.dt_center { position : relative ; padding : 0px ; border : solid #999 ; border-width : 0px 1px ; }
.dt_right { position : relative ; padding : 0px ; }
.dt_bottom { position : relative ; padding : 10px ; }
.dt_debug { position : relative ; padding : 0px ; }