body { font-family:Catamaran,sans-serif;margin:0px;min-height:450px; }
a { text-decoration:none;color:#666; }
.b { font-weight:bold; }
.bg_green { background-color:#090 !important; }
.bg_red { background-color:#900 !important; }
.bg_tag { background-color:#0289a6 !important }
.br10 { border-radius:10px; }
.brbot { border-top-left-radius:0px !important;border-top-right-radius:0px !important; }
.cb { clear:both; }
.db { display:block !important; }
.dib { display:inline-block; }
.dn { display:none; }
.fl { float:left; }
.fr { float:right; }
.mars10 { margin-left:10px;margin-right:10px; }
.mart10 { margin-top:10px; }
.mobe_show { display:none !important; }
.nowrap { white-space:nowrap; }
.pad10 { padding:10px !important; }
.padtb20 { padding-top:20px !important;padding-bottom:20px !important; }
.top_a { min-width:500px;max-width:800px;margin:150px auto 60px auto; }
.top_m { margin-top:120px;margin-bottom:60px; }
.txt_c { text-align:center; }
.txt_l { text-align:left; }
.txt_r { text-align:right; }
.upper { text-transform:uppercase; }
.vam { vertical-align:middle; }
.w100 { width:100%; }
#ajax { position:absolute;top:0px;left:0px;width:100%;height:100%;background:#000;opacity:0.5;z-index:999; }
#ajax div { position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center; }
#ajax div i,#ajax div svg { color:#FFF; }

#banner { position:fixed;top:0px;left:0px;width:100%;background:url(images/bg.jpg);background-size:cover;background-position:center;z-index:100; }
#banner div { display:inline-block;width:calc(50% - 25px);padding-top:14px; }
.mid { position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;min-width:500px; }
.sel_buttons { background:#0289a6;padding:20px 10px;margin:5px auto;display:block;color:#FFF;width:450px;font-size:22px; }
.sel_buttons:hover, a.proj:hover, .submit:hover { background:#666;-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-box-shadow:inset 0px 0px 15px #333;box-shadow:inset 0px 0px 15px #333; }
#footer { position:fixed;bottom:0px;left:0px;width:calc(100% - 20px);text-align:center;color:#FFF;background:#999; }
#footer a { color:#CCC; }
#footer a:hover { color:#FFF; }
.field { -moz-box-shadow:inset 0 0 4px #CCC;-webkit-box-shadow:inset 0 0 4px #ccc;box-shadow:inset 0 0 4px #ccc;border:1px solid #999;margin:8px 10px;background:#FFF;width:calc(100% - 20px);border-radius:4px; }
.field span { display:block;text-transform:uppercase;font-weight:bold;margin:4px 0px 0px 6px;color:#0289a6;font-size:0.8em;text-align:left; }
.field input, .field textarea, .field select { margin:0;padding:0em .4em !important;min-height:auto !important;text-align:left;border:0 !important;background:transparent none;border-radius:inherit;line-height:1.4em !important;display:block;width:100%;box-sizing:border-box !important;outline:0 !important;font-size:1em; }
.submit { width:calc(100% - 30px);border:1px solid #0289a6;background:#0289a6;border:0px;box-sizing:content-box;-ms-box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;color:#FFF;text-transform:uppercase; }
.tag_box_info { color:#00529B;background-color:#BDE5F8;padding:18px; }
.tag_box_status { border:4px solid #0289a6;color:#0289a6;padding:18px; }
.tag_error { background:#FFBABA;color:#D8000C; }
.buttons { padding:5px 10px;width:auto;display:initial;font-size:16px; }
#proj_list { margin-top:15px; }
.proj { background:#999;border:1px solid #999;display:block;color:#FFF; }
.role { background:#FFF;border:1px solid #999;color:#000;margin-top:5px; }
td.b { border-bottom:1px solid #666; }
.role td { padding:15px 10px 5px 0px; }
#mnu { position:fixed;top:103px;right:0px; }
.check { width:20px !important;height:20px;display:inline !important; }
.modal { max-width:initial !important; }
.jquery-modal.blocker { z-index:101 !important; }

@media only screen and (max-device-width:641px) {
.dib { display:block; }
.mid { width:80%; }
.mid2 { position:relative;width:80%;top:initial;left:initial;transform:initial;margin:255px 10%; }
.br10 { border-radius:20px; }
.sel_buttons { width:100%;font-size:xxx-large;margin:25px auto;padding:60px 0px; }
#banner { padding:30px;width:calc(100% - 60px); }
#footer { font-size:xx-large;padding:30px !important;width:calc(100% - 60px);}
.field, .field input, .field textarea, .field select, .submit, .tag_box_info, .tag_box_status { font-size:xxx-large;border-radius:18px; }
.submit { padding:60px 10px !important;width:calc(100% - 40px) !important; }
.buttons { padding:10px 20px;width:auto;display:initial;font-size:36px;margin:25px 8px; }
.proj, #but_proj_add { font-size:42px;padding:10px 20px !important; }
.desk_show { display:none; }
.mobe_show { display:block !important; }
.icon { font-size:3em; }
#mnu { top:169px; }
#mnu a.buttons { padding:10px 45px;margin:2px; }
.tag_box_status { border-width:8px; }
.top_m { margin-top:190px;margin-bottom:125px; }
.top_a { min-width:500px;max-width:85%;margin:270px auto 125px auto; }
.mob_lg { font-size:xxx-large; }
.check { width:40px !important;height:40px; }
.modal a.close-modal { width:80px;height:80px;right:-35px;top:-22px; }
}