@charset "utf-8";
/* CSS Document user-select:none;overflow-x: hidden;*/

html {overflow: auto;}
body {margin:0px;font-size:18px; font-weight:bold; margin:0px; font-family:Arial, Helvetica, sans-serif; background-color:#f9f9f9;}
a {text-decoration:none;color:inherit;user-select:none;}



#sitewrap {width:940px;margin:auto;top:100px;position: relative;bottom:40px;z-index:10;padding:0px 0px 100px 0px;}
#sitewrap {position: fixed;top:72px;width:100%;}
.footer {position:fixed;width:100%;height:36px;background-color:#204B8C;left: 0px;bottom:0px;font-family:roboto;font-size:14px;z-index:100;}
@font-face {font-family:DO;src: url('/fonts/DO.ttf') format('opentype');}


.t {display: table;}
.tr {display: table-row;}
.td {display: table-cell;}


/* buttons */
.pb {min-width:100px;height:30px; color:#f5f5f5; border-radius:4px;font-family:roboto;font-size:15px; cursor:pointer; letter-spacing:1px; font-weight:700;background: linear-gradient(to bottom,#204B8C,#173C76);border:0px solid #fff;margin:10px 0px 0px 0px;}
.pb:hover {color:#fff;box-shadow:3px 3px 6px #888;}

/* ***** ToolTips ***** */
.tooltip {position:fixed;display:none;z-index:500;background-color:#FFF;font-size:14px; font-weight:400;box-shadow:2px 2px 4px #888;padding:8px;border-radius:6px;border:1px solid #ccc; cursor:pointer;}



/* height:100vh;*/
.DObody {display:flex;border:0px solid #F60;margin:0px;font-family:roboto;font-size:14px;width:1200px; }

.DOcol1 {width:180px;padding:0px 0px 0px 0px;height:100vh;font-size:18px;background-color:#fff;border-right:1px solid #ccc;}
.DOcolumnI {width:180px;padding:0px 0px 0px 0px;height:100vh;font-size:18px;background-color:#fff;border-right:1px solid #ccc;}


.DOcol2 {flex:4;padding:20px;}
.DOcolumnII {flex:4;padding:20px;}

.DOcol2div {margin:0px 0px 0px 0px; padding:20px; }

.DOcol3 {min-width:240px;padding:0px;}
.DOcol3div {border:1px solid #ccc; border-radius:6px; margin:0px 10px 0px 0px; background-color:#fff;padding:0px;min-height:400px; }

.leftmenu {padding:3px 0px 3px 20px;font-size:16px; text-indent:0px;}
.leftmenu:hover { background-color:#f5f5f5;}

.leftmenuII {padding:3px 0px 3px 10px;font-size:14px; text-indent:0px; font-weight:400;margin:0px 0px 0px 20px;}
.leftmenuII:hover { background-color:#f5f5f5;}




.one {background-color:#0FF; flex:1;max-width:240px;min-width:200px;padding:10px;}
.two {background-color:#9F9;flex:3; min-width:580px;padding:5px;}
.three {background-color:#66F; flex:1;max-width:300px;min-width:200px;padding:10px;}

.text1 {font-size:24px; font-weight:700;margin:0px 0px 10px 0px;} /* */

.text2 {float:right;margin:0px 0px 0px 20px; font-size:18px;cursor:pointer;display: inline-block;} /* design views */
.text2:hover {color:#204B8C; border-bottom:2px solid #204B8C;}

.text12 {font-size:12px; font-weight:400;} /* */

.button1 {padding:2px 6px 2px 6px;float:right;border-radius:4px;color:#fff; background-color:#204B8C;cursor:pointer;}

.icon1 {font-size:18px;margin:2px 0px 0px 20px;}

.div1 {padding:5px;background-color:#FFF; border:1px solid #CCC;}
.div2 {display: inline-block;width:100%;border:0px solid #3F6;padding:10px 0px 0px 0px;}

.input {padding:3px 3px 3px 6px;margin:3px; border-radius:4px;width:300px; outline:none; border:1px solid #ccc;}
.inputS {padding:3px 3px 3px 6px;margin:3px; border-radius:4px;width:150px; outline:none; border:1px solid #ccc;}
.r {text-align:right;}
.c {text-align:center;}