h1, h2, h3, h4{ 

}
pre{
    white-space: break-spaces;
}
p{ 
    margin:8px 0px 8px;
}

body{
    background-color:#555555;
    font-family: 'Figtree', sans-serif;
    font-weight: 270;
    font-size:13px;
    margin:0px;
    padding:0px;
}


input.fwidth, textarea.fwidth{
    box-sizing: border-box;
}

a{ 
    color:#2248a0;
    text-decoration:none;
}
.wz_content{
    margin:0px;
}

a:hover{ 
    color:#AAAAAA;
}

hr{
    margin:4px 0px 4px 0px;
    border:none;
    height:1px;
    width:100%;
    background: #CCCCCC;    
}

.p_header{ 
	padding:0px;
	margin:0px;
    padding-left:0px;

    background-color: #36314d;
    color:#FFFFFF;
    line-height:0px;
    
    
    height:32px;
}
.wz_adminbar{
    position:absolute;
    z-index:1000;
    top:8px;
    left:0px;
    width:100%;
    margin:0px;
}
.wz_adminbar, .wz_adminbar .wz_subtitle, .wz_adminbar a{
    color:#EEEEEE !important;
}

.wz_adminbar a:hover{
    color:#888888 !important;
}
.wz_adminbar .wz_icon_small{
    width:16px;
    height:16px;
}
.wz_cp_topnavoptions{
    margin-top:-9px;
}
@media only screen and (max-width: 600px) {
    .p_header{
        height:44px;
    }
    .wz_adminbar .wz_icon_small{
        width:24px;
        height:24px;
    }

    .wz_cp_topnavoptions{
        margin-top:-4px;
    }
}
.wz_cp_topnavcontainer{
    padding:0px 8px;
    box-sizing: border-box;
}
.wz_cp_topnavitem{
    box-sizing: border-box;
}



.zform_description{
    color:#979ba0 !important;    
}

.b_border{ 
    background-color:#D2D2D2;
}

.h_side{ 
    width:8px;
}

.v_side{ 
    height:16px;
}

.body_content{
    background-color:#FFFFFF;
    padding:0px;
}

.linkbar{ 
    background-color:#EEEEEE;
    font-size:12px;
}

.footnote{ 
    color:#CCCCCC;
    font-size:10px;
    text-align:center;
    padding:2px;
}

label{
    color:#111111;
    font-family:arial;  
    font-weight:bold; 
}

label input, label select, label textarea{
    margin-top:2px !important;    
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #DDDDDD;
  opacity: 1; /* Firefox */
  font-size:90%;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #DDDDDD;
  font-size:90%;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #DDDDDD;
  font-size:90%;
}

input[type=text],input[type=password],textarea,input[type=checkbox],input[type=radio],input[type=radio],input[type=file],select{
    border: 1px solid #666666;    
    padding:4px;
    border-radius:2px;
    font-size:90%;
}
select{
    padding:3px;    
}

input[type=text]:hover,input[type=password]:hover,textarea:hover,input[type=checkbox]:hover,input[type=radio]:hover,input[type=file]:hover,input[type=radio]:hover,select:hover{
    outline: none;
    border-color:#848484;    
}

input[type=text]:focus,input[type=password]:focus,textarea:focus,input[type=checkbox]:focus,input[type=radio]:focus,input[type=file]:focus,input[type=radio]:focus,select:focus{
    outline: none;
    border: 1px solid #999999;    
}

/* Action button */

button, input[type=button],input[type=submit]{
    border:0px;
    background-color: #5a6067;
    color:#FFFFFF;
    padding:8px;
    font-weight:bold;
    border-radius:2px;
    box-shadow: -1px 1px #DDDDDD;
    -webkit-font-smoothing: antialiased;
}

button:active, input[type=button]:active,input[type=submit]:active{
    border:0px;
    background-color:#32324e;
    color:#FFFFFF;
    padding:8px;
    font-weight:bold;
}

/* Delete button */

button.delete, input[type=button].delete,input[type=submit].delete{
    border:0px;
    background-color:#943939;
    color:#FFFFFF;
    padding:8px;
    font-weight:bold;
}

button.delete:active, input[type=button].delete:active,input[type=submit].delete:active{
    border:0px;
    background-color:#572424;
    color:#FFFFFF;
    padding:8px;
    font-weight:bold;
}

/* Cancel button */

button.cancel, input[type=button].cancel,input[type=submit].cancel{
    border:0px;
    background-color:#CCCCCC;
    color:#222222;
    padding:8px;
    font-weight:bold;
}

button.cancel:active, input[type=button].cancel:active,input[type=submit].cancel:active{
    border:0px;
    background-color:#AAAAAA;
    color:#222222;
    padding:8px;
    font-weight:bold;
}

.design_width{ 
    width:100%;	
}

.control_panel_top_nav{
    background-color:#FAFAFA;
    padding:8px 2px 8px 2px;    
    box-sizing:border-box;
}
.control_panel_top_nav a{
    display:block;
    float:left;
    margin-right:12px;
    font-size:90%;
}

.control_panel_top_nav a img{
    width:14px;
    height:14px;
    margin-top:1px;
    margin-right:2px;  
    box-sizing:border-box;  
}

.control_panel_top_nav a:hover img{
    width:12px;
    height:12px;
    margin-top:2px;
    margin-right:3px;   
    box-sizing:border-box; 
}
.ui-dialog .ui-dialog-content{
    background-color:#F6F6F4;
}



@media only screen and (max-width: 1023px) {

    .wz_content, .ui-dialog, .ui-dialog label, .ui-dialog button{
        font-size:170% !important;
    }

    .ui-dialog input, .ui-dialog select, .ui-dialog textarea{
        font-size:150% !important;
    }

    .wz_cp_topnavcontainer{
        background-color: #443e60;
        padding:8px;
    }
    .wz_cp_topnavitem{
        margin:8px 0px 8px 8px;
        font-size:120%;
    }

    .wz_cp_home_item{
        width:170px !important;
        height:110px !important;
    }
    .wz_cp_home_item .icon{
        text-align:center;
    }
    .wz_cp_home_item .icon img{
        width:62px !important;
        height:62px !important;
        margin:0px 0px 8px 0px !important;
    }

    .wz_icon_small{
        margin-left:3px;
        margin-right:3px;
        width:32px;
        height:32px;
    }
    a .wz_icon_small{
        margin-left:0px;
        margin-right:0px;
    }
    a:hover .wz_icon_small{
        margin: 1px 1px 1px 1px;
        width:30px;
        height:30px;
    }

    .wz_icon_large{
        margin-left:5px;
        margin-right:5px;
        width:48px;
        height:48px;
    }
    a:hover .wz_icon_large{
        margin: 2px 7px 2px 7px;
        width:44px;
        height:44px;
    }

    .p_header{
        height:48px;
    }

    .wz_adminbar .wz_subtitle{
        font-size:140% !important;
    }
    .nav_item a img{
        width:42px;
        height:42px;
    }
    .nav_item{
        font-size:110% !important;
    }
    .wz_adminbar .wz_icon_small{
        width:32px !important;;
        height:32px !important;
    }

    .wz_adminbar{
        position:absolute;
        top:4px;
        left:0px;
        width:100%;
    }
}