@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-Light.ttf') format('truetype');font-weight: 300;font-style: normal;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-LightItalic.ttf') format('truetype');font-weight: 300;font-style: italic;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-Regular.ttf') format('truetype');font-weight: 400;font-style: normal;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-Italic.ttf') format('truetype');font-weight: 400;font-style: italic;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-Semibold.ttf') format('truetype');font-weight: 600;font-style: normal;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-SemiboldItalic.ttf') format('truetype');font-weight: 600;font-style: italic;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-Bold.ttf') format('truetype');font-weight: 700;font-style: normal;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-BoldItalic.ttf') format('truetype');font-weight: 700;font-style: italic;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-ExtraBold.ttf') format('truetype');font-weight: 800;font-style: normal;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-ExtraBoldItalic.ttf') format('truetype');font-weight: 800;font-style: italic;}

* {padding:0;margin:0;-webkit-tap-highlight-color: rgba(0,0,0,0);outline:0;-webkit-appearance:none;}
html,body {width:100%;height:100%;font-family:"Open Sans";font-size:14px;font-weight:300;background-color:rgba(0,0,0,0.01);box-sizing:border-box;}

#header {width:100%;height:50px;background-color:#fff;border-bottom:1px solid rgba(0,0,0,0.1)}
#logo {display:inline-block;width:150px;height:50px;background-image:URL('./img/boweb_logo.png');background-repeat:no-repeat;background-position:center center;background-size:66%}
#identity {position:absolute;top:0;right:1em;display:inline-block;height:50px;line-height:50px;vertical-align:middle;color:#000;text-align:right}
#identity a {text-decoration:none;color:#000}
.structable {display:table;width:100%;height:100%}
.structr {display:table-row;width:100%;height:100%}

.s {color:#aaa}
.left {text-align:left}
.center {text-align:center}
.right {text-align:right}

#menu {display:table-cell;width:50px;min-width:50px;height:100%;vertical-align:top;background-color:#1e2c32;color:#fff}
.menu {position:relative;width:100%;height:35px;background-repeat:no-repeat;background-position:center center;background-size:33%}
.menu_badge {position:absolute;top:0px;right:0px;width:15px;height:15px;line-height:15px;background-color:#2b97de;color:#fff;font-size:0.75em;font-weight:600;text-align:center;border-radius:50%;border:2px solid #fff}
#menu_home {background-image:URL('./img/boweb_ico_home.png')}
#menu_members {background-image:URL('./img/boweb_ico_members.png')}
#menu_webapps {background-image:URL('./img/boweb_ico_webapps.png')}
#menu_polls {background-image:URL('./img/boweb_ico_polls.png')}
#menu_support {background-image:URL('./img/boweb_ico_support.png')}

#page {display:table-cell;height:100%;padding:1em;vertical-align:top;}
#title {font-size:3em;font-weight:600;color:#000}
#subtitle {font-size:1em;font-weight:400;color:#aaa}
#subtitle a {color:#aaa;text-decoration:none}

#opitable {width:100%;margin-top:2em;border-collapse:0;border-spacing:2px;border-top:1px solid rgba(0,0,0,0.1);border-left:1px solid rgba(0,0,0,0.1);border-right:1px solid rgba(0,0,0,0.1);border-bottom:1px solid #fff;box-sizing:border-box}
.opitr {background-color:rgba(0,0,0,0.05)}
.opitr:nth-child(even) {background-color:rgba(0,0,0,0.025)}
.opitr_important {background-color:rgba(238,224,155,0.8)}
.opith {padding:0.5em;border-bottom:1px solid rgba(0,0,0,0.1);font-weight:600;color:#1e2c32;background-color:#fff;}
.opitd {padding:0.5em;border-bottom:1px solid rgba(0,0,0,0.1)}
.opitable_mood {width:50px;vertical-align:top;text-align:center;background-repeat:no-repeat;background-position:5px center;background-size:33%}
.opitable_date {vertical-align:top;text-align:center;width:100px;}
.opitable_page {vertical-align:top;text-align:left}
.opitable_layout {width:50px;vertical-align:top;text-align:center;}
.opitable_graphics {width:50px;vertical-align:top;text-align:center;}
.opitable_content {width:50px;vertical-align:top;text-align:center;}
.opitable_details {vertical-align:top;text-align:left;width:50%}
.opitable_from {vertical-align:top;text-align:center;width:150px;}
.opitable_status {width:50px;vertical-align:top;text-align:center;font-weight:600}
.opitable_custo {width:50px;vertical-align:top;text-align:center;font-weight:600}
.opitable_ban {width:50px;vertical-align:top;text-align:center;font-weight:600}
.opitable_delete {width:50px;vertical-align:top;text-align:center;font-weight:600;cursor:pointer}
.opitable_download {width:50px;vertical-align:top;text-align:center;font-weight:600}

.zone {border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);box-shadow:inset 0 8px 8px rgba(0,0,0,0.025);padding:1em;margin:1em auto}
.form_std input[type=text], .form_std input[type=password], .form_std select {font-size:1em;text-indent:0.5em;width:200px;height:30px;line-height:2em;border:1px solid rgba(0,0,0,0.1);vertical-align:bottom}
.form_std input[type=checkbox] {font-size:1em;text-indent:0.5em;width:30px;height:30px;line-height:2em;border:1px solid rgba(0,0,0,0.1);background-color:#fff;border-radius:50%;margin-right:1em;vertical-align:bottom}
.form_std input[type=checkbox]:checked {background-color:#2b97de;background-image:URL('./img/boweb_ico_checked.png');background-repeat:no-repeat;background-position:center center;background-size:25%}
.form_std input[type=checkbox].small {text-indent:0;margin:0}
.form_std input[type=submit] {font-size:0.75em;width:200px;height:32px;border:0;color:#fff;font-weight:600;background-color:#2b97de;text-transform:uppercase;vertical-align:bottom}
.form_std textarea {font-size:1em;width:100%;height:300px;border:1px solid rgba(0,0,0,0.1);color:#000;vertical-align:bottom;resize:none}
.form_std input.margin-bottom, .form_std select.margin-bottom, .form_std textarea.margin-bottom {margin-bottom:0.5em}
.form_std span.margin-right {margin-right:1em}
.section {text-transform:uppercase;font-weight:600;color:1e2c32}

.case {float:left;width:25%;min-width:250px;border:1px solid rgba(0,0,0,0.1);background-color:#fff;box-shadow:inset 0 2px 2px rgba(0,0,0,0.025);padding:1em;margin:1em}
.bloc {border:1px solid rgba(0,0,0,0.1);background-color:#fff;box-shadow:inset 0 2px 2px rgba(0,0,0,0.025);padding:1em;margin:1em auto;box-sizing:border-box}

.WEB_code_textarea {width:300px;height:3em;font-size:0.75em;resize:none;border:1px solid rgba(0,0,0,0.1);padding:0.5em}

#response_ok {position:fixed;top:1em;right:1em;font-size:1em;background-color:rgba(184,216,176,0.8);color:#000;padding:1em}
#response_ok_ico {display:inline-block;width:1em;height:1em;background-image:URL('./img/boweb_ico_response_ok.png');background-repeat:no-repeat;background-position:bottom center;background-size:100%;margin-right:0.5em;vertical-align:middle}
#response_ko {position:fixed;top:1em;right:1em;font-size:1em;background-color:rgba(247,46,56,0.8);color:#fff;padding:1em}
#response_ko_ico {display:inline-block;width:1em;height:1em;background-image:URL('./img/boweb_ico_response_ko.png');background-repeat:no-repeat;background-position:bottom center;background-size:100%;margin-right:0.5em;vertical-align:middle}
#response_info {position:fixed;top:1em;right:1em;font-size:1em;background-color:rgba(238,224,155,0.8);color:#000;padding:1em}
#response_info_ico {display:inline-block;width:1em;height:1em;background-image:URL('./img/boweb_ico_response_info.png');background-repeat:no-repeat;background-position:bottom center;background-size:100%;margin-right:0.5em;vertical-align:middle}
.response_close {margin-left:2em;cursor:pointer}
.response_info {position:relative;padding:1em;margin:1em auto;font-size:1em;background-color:rgba(238,224,155,0.8);color:#000;padding:1em}
.response_info_ico {display:inline-block;width:1em;height:1em;background-image:URL('./img/boweb_ico_response_info.png');background-repeat:no-repeat;background-position:bottom center;background-size:100%;margin-right:0.5em;vertical-align:middle}

.item_del {display:inline-block;width:1em;height:1em;background-image:URL('./img/boweb_ico_delete.png');background-repeat:no-repeat;background-position:bottom center;background-size:100%;margin-right:0.5em;vertical-align:middle;cursor:pointer}
.item_mood_good, .item_mood_bad {display:inline-block;width:1em;height:1em;background-repeat:no-repeat;background-position:bottom center;background-size:100%;margin-right:0.5em;vertical-align:middle}
.item_mood_good {background-image:URL('./img/backop_ico_good.png');}
.item_mood_bad {background-image:URL('./img/backop_ico_bad.png');}
.item_important_on, .item_important_off {display:inline-block;width:1em;height:1em;background-repeat:no-repeat;background-position:bottom center;background-size:100%;margin-right:0.5em;vertical-align:middle}
.item_important_on {background-image:URL('./img/boweb_ico_important.png')}
.item_important_off {}
.item_bans {display:inline-block;width:1em;height:1em;background-image:URL('./img/boweb_ico_bans.png');background-repeat:no-repeat;background-position:bottom center;background-size:100%;margin-right:0.5em;vertical-align:middle}
.item_custo {display:inline-block;width:1em;height:1em;background-image:URL('./img/boweb_ico_custo.png');background-repeat:no-repeat;background-position:bottom center;background-size:100%;margin-right:0.5em;vertical-align:middle}
.item_opinion {display:inline-block;width:1em;height:1em;background-image:URL('./img/boweb_ico_see.png');background-repeat:no-repeat;background-position:bottom center;background-size:100%;margin-right:0.5em;vertical-align:middle}
.item_download {display:inline-block;width:1em;height:1em;background-image:URL('./img/boweb_ico_download.png');background-repeat:no-repeat;background-position:bottom center;background-size:100%;margin-right:0.5em;vertical-align:middle}

.dash_name {text-align:center;font-weight:600;color:#000}
.dash_name a {color:#000;text-decoration:none}
.dash_url {text-align:center;color:#aaa}
.dash_url a {text-decoration:none;color:#aaa}
.dash_button {width:100%;font-size:0.75em;font-weight:600;background-color:#1e2c32;color:#fff;text-transform:uppercase;height:32px;vertical-align:bottom;border:0;margin-top:2em;box-sizing:border-box}
.dash_button_new {width:100%;font-size:0.75em;font-weight:600;background-color:#2b97de;color:#fff;text-transform:uppercase;height:32px;vertical-align:bottom;border:0;margin-top:2em;box-sizing:border-box}
.dashtable {width:100%;margin:2em auto;border:0}
.dashtable_ico {width:40px;height:40px;vertical-align:middle;}
.dashtable_ico_ico {width:40px;height:40px;background-image:URL('./img/backop_ico_check.png');background-repeat:no-repeat;background-position:center center;background-size:33%;background-color:#3aac98;border-radius:50%}
.dashtable_txt {vertical-align:middle;color:#aaa;padding:0.5em}

.susc_name {text-align:center;font-size:2em;font-weight:600;color:#000}
.susc_url {text-align:center;color:#aaa}
.susc_url a {text-decoration:none;color:#aaa}

.support_from, .support_to {clear:both;width:66%;border-radius:8px;padding:1em;margin-bottom:1em}
.support_from {float:right;background-color:#2b97de;color:#fff;text-align:right}
.support_from span {color:rgba(255,255,255,0.7)}
.support_to {float:left;background-color:rgba(0,0,0,0.1);color:#000;text-align:left}
.support_to span {color:rgba(0,0,0,0.7)}
.support_textarea {width:100%;height:6em;font-size:1em;resize:none;border:1px solid rgba(0,0,0,0.1);padding:0.5em;box-sizing:border-box}
.support_envoyer {width:100%;box-sizing:border-box}

#table_convs {width:100%}
#table_convs_convs {width:20%;vertical-align:top}
#table_convs_conv {width:80%;vertical-align:top}
#conversation {margin:1em 0;max-height:500px;overflow-y:scroll}
.conv_me {display:inline-block;float:right;clear:both;background-color:rgba(0,186,182,0.25);padding:1em;border-radius:4px;text-align:right;margin:0.5em 0.5em 0 0.5em;box-sizing:border-box}
.conv_other {display:inline-block;float:left;clear:both;background-color:#f1f1f1;padding:1em;border-radius:4px;text-align:left;margin:0.5em 0.5em 0 0.5em;box-sizing:border-box}
.conv_me small, .conv_other small {color:#aaa}
#conversations {padding-right:1em}
#conversations div {padding:0.5em;margin:0.5em 0;border-radius:8px;background-color:#f1f1f1}
#write {margin-bottom:5em}

.cus_css_panel {display:none}

#tablinexclusions {width:75%;border-spacing:1em;border:0}
#tablinexclusions td {vertical-align:top}
.inexclusions_zone {width:100%;border:1px solid rgba(0,0,0,0.1);background-color:#fff;padding:1em;box-sizing:border-box}
#tablinclusions, #tablexclusions {width:100%;border-spacing:0;border:0}
#tablinclusions tr:nth-child(even), #tablexclusions tr:nth-child(even) {background-color:rgba(0,0,0,0.025)}
#tablinclusions td, #tablexclusions td {padding:0.5em}
.tablinclusions_del, .tablexclusions_del {width:50px;vertical-align:top;text-align:center}

#warn_modal {display:none;position:fixed;width:20%;top:45%;left:40%;padding:2em;font-size:1em;background-color:#fff;border:1px solid rgba(0,0,0,0.1);box-shadow:5px 5px 0 rgba(0,0,0,0.1)}
#warn_confirm, #warn_cancel {font-size:0.75em;width:auto;padding:0 1em;margin-top:1em;margin-right:1em;height:32px;border:0;color:#fff;font-weight:600;background-color:#2b97de;text-transform:uppercase;vertical-align:bottom}