/*
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 { background : #000 ; }
html , body { font-family : 'Exo 2.0' , 'Roboto' ; font-size : 16px ; font-weight : 300 ; margin : 0 ; }
body { padding : 0 ; }
.bodyerror { }
.bodyerror .dt_center { margin : 0px 0 ; font-size : 52px ; font-weight : 900 ; padding : 100px ; text-align : center ; background : #F99 ; }

input { font-family : 'Exo 2 Light' , Verdana ; font-size : 16px ; }
input[ type=hidden ] ,
input[ type=text ] ,
input[ type=password ] ,
input[ type=submit ] ,
input[ type=button ] { padding : 4px ; border : solid #999 1px ; }
input[ type=textarea ] { }


/* 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 ; }