@font-face {
    font-family: Gotham;
    src: url("../font/Gotham-Book.otf") format("opentype");
}
/*Side Menu + Header Rework */
@font-face {
    font-family: "Rawson Medium";
    src: url("../font/Rawson-Medium.otf") format('truetype');
}
@font-face {
    font-family: "Rawson Regular";
    src: url("../font/RawsonPro-Regular.otf") format('truetype');
}
@font-face {
font-family: "Rawson SemiBold";
src: url("../font/Rawson-SemiBold.otf") format('truetype');
}

:root{
--main-bg-color:#000000;
--main-ft-color:#B7B7B7;
--hover-ft-color:#FFFFFF;
--success-color:#31C63F;
--warning-color:#FFE350;
--error-color:#E31818;
--common-font-RM: "Rawson Medium";
--common-font-RSB: "Rawson SemiBold";
--common-font-RR: "Rawson Regular";
--main-imgColor:invert(83%) sepia(7%) saturate(8%) hue-rotate(97deg) brightness(88%) contrast(90%);
--icon-imgColor:brightness(0) saturate(100%) invert(83%) sepia(7%) saturate(8%) hue-rotate(97deg) brightness(88%) contrast(90%);
--hover-imgColor:invert(100%) sepia(0%) saturate(0%) hue-rotate(115deg) brightness(104%) contrast(104%);
--hover-icon-imgColor:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(115deg) brightness(104%) contrast(104%);
}
/* End Side Menu + Header Rework */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, images, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    outline:0;
}

/**
BOOTSTRAP RESET FOR WEBUI
bootstrap use border-box instead of content-box
**/
*, ::after, ::before {
    box-sizing: revert;
}

body {
    color: #58585A;
    font-family: helvetica;
    font-size: 10px;
    margin: 0;
    padding: 0;
    min-width:980px;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.left {
    float: left;
}
.right {
    float: right;
}
.hidden,.template {
    display: none !important;
}
.clear {
    clear: both;
}
.bold {
    font-weight: bold;
}
a {
    cursor: pointer;
    text-decoration: none;
}

select {
    font-family: helvetica;
    font-size: 13px;
}
#statusAudioStream label, #statusAudioStream span {
    position: relative;
    top: 2px;
}
.ui-multiselect-menu input {
    width:auto !important;
}

ul, li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#wrap {
    width: 100%;
    z-index: 2;
}

.wrapperContent {
    clear: both;
    width: 100%;
    overflow:hidden;
}

body#home.tabclose,
body#remote.tabclose,
body.tabclose{
    background: white !important
}

header,
#login div.header {
    /* background: url("../img/bg-top.png") repeat scroll 0 0 transparent; */
    background-color: #232323;
    width:100%
}

.header-bottom {
    background: url("../img/bg-menu.png") repeat-x scroll 0 0 #121212;
    z-index: 10;
    min-height:35px
}
.header-bottom a{
    background-color: #505050;
    border: 1px solid #000;
    color: #ccc;
    text-shadow: 2px 2px #333333;
    display: block;
    font-size:13px;
    height: 23px;
    line-height: 23px;
    margin: 5px 3px;
    text-align: center;
    width: 78px;
}
.header-bottom a:hover{
    background:url('../img/bg-menu-on.jpg') repeat-x;
}
.header-bottom > :last-child{
    margin-right:9px
}

input#GenGainPinkNoise {
    width: 50px !important;
}

#logout {
    background: url("../img/bg-mute-on.jpg") repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #58585A;
    cursor: pointer;
    font-weight: bold;
    height: 17px;
    line-height: 18px;
    margin: 8px;
    text-align: center;
    min-width: 54px;
}

.btn_bgWhite{
    background: url(../img/bg-mute-on.jpg) repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #58585A;
    cursor: pointer;
    font-weight: bold;
    height: 17px;
    line-height: 18px;
    margin: 8px;
    text-align: center;
    min-width: 54px;
    padding: 0 2px 0 2px;
}

#refVol .option_button{
    display: inline-flex;
}
#refVol .right{
    margin-left: 3px;
    margin-top: -3px;
}

.separation {
    background-color: #aaa;
    height: 19px;
    margin: 8px 4px;
    width: 1px;
}

.menu_container {
    color: #FBFBFB;
    font-weight: bold;
    margin: 3px;
}

.option_container,
.menu_content {
    background: url("../img/bg-vol-mute.png") repeat scroll 0 0 transparent;
    border: 1px solid #000000;
    margin-left: 1px;
}

.header-bottom .option_container {
    margin:5px 7px
}
.menu_label {
    font-size: 14px;
    margin-right: 5px;
    margin-top: 0px;
    margin-left: -6px;
}
.menu_container .incrementer_dec,
.menu_container .incrementer_inc {
    background: url("../img/bouton-volume.png") repeat-x;
    border: 1px solid #000000;
    border-radius: 3px 3px 3px 3px;
    color: #FBFBFB;
    cursor: pointer;
    font-size: 19px;
    font-weight: bold;
    margin: 3px;
    padding: 0;
    height: 25px;
    width: 25px;
}
.menu_container .incrementer_inc:hover,
.menu_container .incrementer_dec:hover {
    background: url("../img/bouton-volume-on.jpg") repeat scroll 0 0 transparent;
}
.menu_container input.incrementer_field {
    border: 1px solid #000000 !important;
    border-radius: 3px 3px 3px 3px !important;
    font-size: 16px !important;
    height: 20px !important;
    margin-top: 3px !important;
    text-align: center !important;
    width: 55px !important;
}
.menu_button_dec {
    background: url("../img/button-volume-dec.png") no-repeat center center;
    height: 25px;
    width: 25px;
}
.menu_button_inc {
    background: url("../img/button-volume-inc.png") no-repeat center center;
    height: 25px;
    width: 25px;
}
#mute {
    width: 120px;
}
#mute_content {
    width: 120px;
}
#power {
    width: 134px;
}
.switcherOnOff_container {
    background: url("../img/bg-mute-off.jpg") repeat scroll 0 0 transparent;
    border: 1px solid #191919;
    border-radius: 3px 3px 3px 3px;
    position: relative;
    width: 64px;
    margin:3px;
}
.switcherOnOff {
    color: #979797;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight:bold;
    height: 18px;
    padding-top:7px;
    position: relative;
    text-align: center;
    width: 32px;
}
.switcherOnOff.active {
    color: green !important
}
.menu_slider {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../img/bg-mute-on.jpg") repeat scroll 0 0 transparent;
    border-color: #999;
    border-image: none;
    border-radius: 3px 3px 3px 3px;
    border-right: 1px solid #999999;
    border-style: solid;
    border-width: 1px;
    color: #666666;
    height: 25px;
    left: 27px;
    position: absolute;
    top: -1px;
    width: 32px;
}
header .nav-main { margin-top:3px}
#main {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #222 #000 #222 #222;
    border-image: none;
    border-style: solid;
    border-width: 2px 0 2px 2px;
    margin-right: 8px;
}

#main .tooltip-icon img {
    margin-top: 1px;
}

.main_menu, .main_menu.active {
    border-left: 1px solid #787878;
    border-right: 2px solid #000000;
    float: left;
    height: 28px;
    background-color: #505050;
    margin-bottom:3px
}
.main_menu a, .main_menu.active a {
    color: #CCCCCC;
    display: block;
    font-size: 13px;
    height: 18px;
    margin: 0;
    padding: 7px 8px 2px;
    text-align: center;
    text-shadow: 2px 2px #333333;
}
.main_menu.active, .main_menu:hover {
    background: url("../img/bg-menu-on.jpg") repeat scroll 0 0 transparent;
    border-left: 1px solid black;
}
.main_menu.active a, .main_menu:hover a {
    background: url("../img/menu-arrow.png") no-repeat scroll center bottom transparent;
    color: #AF9968;
}
.incrementer.content {
    margin: 0 auto;
    white-space:nowrap
}
.bouton_inc_standard {
    background: url("../img/bg-incr-sprite.png") repeat scroll 0 0 transparent;
    border: 1px solid #AAAAAA;
    color: white;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin: 3px;
    text-shadow: 1px 1px #959595;
    display:inline-block;
    height: 23px;
    width: 23px;
    line-height:23px;
}

.bouton_inc_standard:hover {
    background: url('../img/bg-incr-sprite.png') 0 -24px repeat-x;
    cursor:pointer;
}

.incrementer.content input {
    color: #333333;
    font-size: 15px;
    margin-left: 4px;
    margin-right: 4px;
    padding: 2px 2px 3px;
    text-align: center;
}
.label_inc_standard {
    font-weight: bold;
}
.content_input {
    display:inline-block;
    height:34px;
    line-height:34px;
}

.label_input_standard {
    height: 18px;
    width: 23px;
    line-height:23px;
}
.label_inc_standard {
    margin:10px 2px;
}

.switcher {
    background: url("../img/bg-bouton-off.png") repeat scroll 0 0 transparent;
    border: 1px solid #C6C6C6;
    color: #FFFFFF !important;
    font-size: 14px;
    font-weight: bold;
    margin: 0 2px;
    padding: 0px 6px;
    text-shadow: 1px 1px #666666;
    display:inline-block;
    height:23px;
    line-height:23px;
}
.switcher.js:hover { cursor: pointer; }

.unique .switcher {
    width:10px;
    float:none;
    margin:auto
}

.switcherContent{
    margin: auto;
    width: 58px;
    white-space:nowrap
}

.switcherContent.onoff{
    width: 80px;
}

.switcher.active {
    background: url("../img/bg-bouton-on-sprite.png") repeat scroll 0 0 transparent;
    border: 1px solid #818181;
}

.switcher.single.desactivable .on {
    display:none;
}

.switcher.single.desactivable.active .on {
    display:inline;
}

.switcher.single.desactivable.active .off {
    display:none;
}

li.hlayout {
    align-items:center
}


#options,
.popup-frame .options
{
    background: url("../img/bg-options.jpg") repeat-x scroll 0 0 #b0bbcd;
    border-bottom:1px solid #828d9f;
    padding-bottom: 4px;
    width:100%;
    padding:0;
    float:none;
}

.popup-frame .option_label.right
{
    float:right !important;
}

#options input,
.header-bottom input {
    font-size: 15px;
    margin: 5px 3px;
}
.option_container {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    height: 34px;
    margin: 4px auto 4px 7px;
    padding: 0 7px;
    float:left;
}

.option_container.right{margin:4px 7px 0 auto; float:right!important }
.option_label {
    margin-right: 2px;
    height: 34px;
    float:left;
}
.option_button.active {
    background: url("../img/bg-bouton-bleu-on.jpg") repeat scroll 0 0 transparent !important;
}
.option_button.incrementer_dec,
.option_button.incrementer_inc {
    background: url("../img/bouton-volume.png") repeat-x;
}

.option_button {
    background: url("../img/bouton-volume.png") repeat-x;
    border: 1px solid #000;
    color: #FBFBFB;
    cursor: pointer;
    font-size: 15px;
    height: 23px;
    line-height: 23px;
    margin: 4px 3px;
    min-width:24px;
    padding: 0 6px;
    text-shadow: 1px 1px #888888;
    text-align:center;
}
.option_button:hover {
    background: url("../img/bouton-volume-on.jpg") repeat-x;
}

.incrementer_dec.plus, .incrementer_inc.plus {
    padding:0;
}

.titre_tr th {
    font-size: 13px;
    background:#e6e6e6;
}
#tables {
    margin: 10px 7px;
    overflow:auto;
    height:98%;
}
.tables {
    margin: 10px 7px;
}

/* floatthead container must have the same margin to be aligned */
.floatThead-container {
    margin-left: 7px !important;
}


 th,  td {
    /*background: url("../img/bg-grey.png") repeat-x scroll left bottom #FFFFFF; */
    background-color: white;
}
.table th {
    font-weight: bold;
}
.table_title {
    background: url("../img/bg_tableau.jpg") repeat scroll 0 0 transparent;
    border-bottom: 1px solid #999999;
    color: #666666;
    font-size: 13px;
    font-weight: bold;
    height: 16px;
    padding-left: 4px;
}

/* potential conflict with bootstrap, only apply to table inside wrappercontent */
.popup-frame table,
.wrapperContent table {
    border-collapse: collapse;
    font-size: 13px;
    width: 100%;
}

.popup-frame th, .popup-frame td, .popup-frame tr
.wrapperContent th, .wrapperContent tr, .wrapperContent td {
    border: 1px solid #CCCCCC;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    text-align: center;
}
.wrapperContent td, .wrapperContent th {
    height: 34px;
    padding:0 3px
}
th#th {
    height: 70px;
    min-width: 154px;
}
th#th2 {
    height: 35px;
}
footer {
    border-top: 1px solid #7E8EA7;
    clear:both;
    background: url("../img/bg_footer.jpg") repeat-x scroll 0 0 #b3bccb;
}
footer div.footer-content {
    padding-top:8px;
    padding-bottom:4px;
}
.option_container_footer {
    background: url("../img/bg-bleu.png") repeat scroll 0 0 transparent;
    border: 1px solid #9DABBF;
    color: #4A6084;
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 5px 7px 0 7px;
    padding: 0 7px;
    position: relative;
}
.option_container_footer.active {
    background: url("../img/bg-bouton-bleu-on.jpg") repeat scroll 0 0 transparent;
    color:#FFF;
}
#options  a {
    margin-top: 2px;
}
footer .bouton_footer span,
#options .bouton_footer span {
    color: #2E4266;
    display: block;
    font-size: 12px;
    height: 12px;
    line-height: 11px;
    margin-top: 6px;
}

footer .bouton_footer span a,
#options .bouton_footer span a{
    color: #2E4266;
}

footer .checkbox_footer span{
    color: #2E4266;
    font-size: 12px;
    position: relative;
    top: 3px;
}
#options .menu { z-index: 2}
#options .menu ul li a { color: #2E4266; margin:0; display: block; height: 23px; padding:0 6px }
#options .menu .ui-icon { display:inline; }

#options .menu ul { border: 1px solid #7E8EA7; }

#options .menu ul li {
    background: url("../img/bg-bouton-footer-off.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #2E4266;
}
#options .menu ul li:hover {
    background: url("../img/bg-bouton-footer-on.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#options .ui-menu .ui-menu { position: absolute; z-index:2 }

#options .ui-menu { width:60px }

#options .menu .push .icon-menu { display:none }
#options .icon-menu {
    float:left;
    display:block;
    width:10px; height:16px;
    margin-top:2px;
    background:url('../img/menu-icon.png') left center no-repeat;
}


#options .footer_next .bouton_footer span {
    background: url("../img/prev-next.png") no-repeat scroll right bottom transparent;
    margin-right: 4px;
}
#options .footer_prev .bouton_footer span {
    background: url("../img/prev-next.png") no-repeat scroll 0 0 transparent;
    margin-left: 4px;
}

footer .bouton_footer,
#options .bouton_footer {
    background: url("../img/bg-bouton-footer-off.jpg") repeat scroll 0 0 transparent;
    border: 1px solid #7E8EA7;
    color: #2E4266;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    height: 23px;
    margin: 3px;
    text-align: center;
    width: 78px;
}

footer .checkbox_footer {
    margin-top: 5px;
}

#options .bouton_footer:hover, .bouton_footer:active {
    background: url("../img/bg-bouton-footer-on.jpg") repeat scroll 0 0 transparent;
}

#options .bouton_footer.active {
    background: url("../img/bg-bouton-bleu-on.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
#options .bouton_footer.active span{
    color:#fff
}

#options .bouton_footer.right {
    margin: 5px 4px;
}
#options .bouton_footer_right:hover {
    background: url("../img/bg-bouton-footer-on.jpg") repeat scroll 0 0 transparent;
}
#options .push, #options .switcher {
    height: 18px;
    width: 50px;
    margin: 2px 3px;
}
#options .switcher {
    background: url("../img/bg-bouton-bleu-off.jpg") repeat scroll 0 0 transparent;
    padding: 0;
    text-shadow: none;
}
#options .switcher:hover, footer .switcher.active {
    background: url("../img/bg-footer-push-on.jpg") repeat scroll 0 0 transparent;
}
#options .editableLabel {
    cursor: pointer;
    text-align: center;
    width: 90px;
    white-space: nowrap;
}

#options input.editable {
    height: 15px;
    left: 0;
    position:relative;
    width: 80px;
    margin: 2px 0px 0 0;
}

#options .push span{
    margin-top:3px;
}

.speaker footer {
    min-width: 1080px;
}
.speaker #options {
    min-width: 1164px;
}
.equalizer #options {
    min-width: 1225px;
    width: 100%;
}

td.colCombo select {
    z-index: 1;
}
td.colCombo div {
    position: relative;
    text-align: left;
}

.ui-slider {
    width:80%;
    height:4px;
    background-color:#a8a8a8;
    position:relative;
    margin:auto;
}

.ui-slider-handle {
    background:url('../img/bg-slider-handle.png') no-repeat;
    border: 1px solid #8a8c8e;
    width:27px;
    height:20px;
    position:absolute;
    top:-9px;
    margin-left:-13px;
    outline: 0 none;
}

#dirac-describe table {
    table-layout:fixed;
}

#dirac-describe .col-name {
    width:40%;
}

#dirac-describe .col-size {
    width:20%;
}

#dirac-describe .col-curve {
    width:40%;
}

#dirac-describe input {
    width:auto !important;
}

#dirac-select div {
    display: inline;
    margin-left : 15px;
}

#circulartiming { width:245px }

.ui-multiselect-checkboxes li label{
    height:15px;
    line-height:15px;
}
.ui-multiselect-menu input {
    margin-top: 0;
}
.ui-multiselect-menu {
    width:auto !important
}

footer .incrementSpeed {
    width:170px;
    line-height:22px;
}

ul.incrementSpeed {
    width:55px; height:25px;
    overflow:hidden;
    position:relative;
    z-index:1;
    float:right;
    margin-top:4px;
}
ul.incrementSpeed li {
    color:#fff !important;
    float:none;
    border-left: 1px solid #7E8EA7;
    border-right: 1px solid #7E8EA7;
}
ul.incrementSpeed li:last-child {
    border-bottom: 1px solid #7E8EA7;
}
ul.incrementSpeed li:hover,
ul.incrementSpeed li.active {
    cursor:pointer;
    background: url("../img/bg-bouton-footer-on.jpg");
}
ul.incrementSpeed:hover li{
    -moz-box-shadow: 8px 8px 12px #aaa;
  -webkit-box-shadow: 8px 8px 12px #aaa;
  box-shadow: 8px 8px 12px #555;
}

th span {
    line-height: 34px;
}

.clickable:hover { cursor:pointer }


#userType{
    width: 55px;
    color: white;
    margin-top: 8px;
    height: 19px;
    font-size: 11px;
    text-align: center;
    line-height: 19px;
}


#idPage{
    position: absolute;
    left: 60px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
/* Header */
/*end Header */

#volumeDIM #dim_button_on.active{
    color: yellow !important
}

.volume .remote_input2{
    width: 86px !important
}

#overlay{
    background: rgba(0,0,0,0.5);
    position: absolute;
    width: 100%;
    height: 110%;
    z-index: 99999999999;
}

#notif.connexion{
    z-index: 9999999999999
}

.disabled input,
input[readonly]{
    cursor: default !important
}


#help{
    position: absolute;
    top: 4px;
    right: 5px;
    color: white;
    width: 130px;
    font-weight: bold;
}

.header-help{
    margin-top: 5px;
    margin-left: -25px !important;
    float: left;
}

.PowerOn{
    float: right !important;
    cursor: pointer;
}

.werror{
    color: red;
}

.tooltip-icon {
    cursor: help;
    margin-left: 4px;
    cursor: help;
    margin-left: 4px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    display: none;
}

#save .tooltip-icon {
    float: right;
    margin-top: -5px;
}

.tooltip-icon img {
    height: 18px;
    display: inline-block;
    vertical-align: -4px;
}

.tooltip-icon.warning{
    display: inline;
}


th .tooltip-left,
th .tooltip-right{
    width: 20px;
    line-height: 10px;
    margin-top: 8px;
}

th{
    position: relative;
    /* workaround for firefox to correctly display borders.
     * see https://bugzilla.mozilla.org/show_bug.cgi?id=688556 */
    background-clip: padding-box !important;
}


@media screen and (max-width: 1460px) {
    #statusbar div{

    }
    #statusbar label{
        display: none
    }
}

.header-bottom a.save{
    color: #2E4266;
    display: block;
    font-size: 12px;
    height: 12px;
    line-height: 11px;
    padding: 2px 5px;
    background: url(../img/bg-bouton-footer-off.jpg) repeat scroll 0 0 transparent;
    border: 1px solid #7E8EA7;
    text-shadow: none;
    font-weight: bold;
}

#statusPreset.custom{
    background: red !important
}

.ui-dialog {
    font-size: 15px
}


/* container for three choice popup */
#confirmBox{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
}

/* positioned relatively to above container */
#confirm {
    background-color: #f4f4f4;
    border: 1px solid #aaa;
    position: relative;
    margin: auto;
    width: 461px;
    height: 100px;
    padding: 6px 8px 8px;
    box-sizing: border-box;
    text-align: center;
    font-size: 13px;
    color: black;
}

#confirm button {
    background-color: #e6e6e6;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #aaa;
    margin: 5px 5px;
    padding: 5px;
    text-align: center;
    width: 80px;
    cursor: pointer;
}
#confirm .message {
    text-align: left;
}

/* SUPER USER
*/
input#luaScript {
    width: auto;
}
.messageFileImport.error{
    color:red;
}
.messageFileImport.success{
    color:green;
}
input[name=luaScriptFile]#luaScript {
    margin-top: 0;
}
label[for=luaScript] {
    margin-top: 18px;
    display: flex;
}

/* ### Bryston specific ### */

.bryston header {
    background: #212121;
    box-shadow: 0 2px 1px #111;
}

.bryston select {
    font-size: 12px;
}

.bryston #statushelp, .bryston #statusbar, .bryston .header-bottom{
    background: #212121;
}

.bryston .header-bottom{
    box-shadow: 0 2px 1px #111;
}

.bryston #statusbar div {
    color: #eef3fd;
    background: #3d3d3d;
}

.bryston #statusbar div.active{
    color: greenyellow;
}

.bryston #logout {
    background: #3d3d3d;
    border: none;
    border-radius: 0;
    color: #eef3fd;
    height: 19px;
    padding: 2px 2px 0 2px;
}

.bryston #logout:hover {
    background: #5e74dd;
}


.bryston #refVol .option_button{
    display: inline-flex;
    margin-top: 6px;
}

.bryston .btn_bgWhite{
    background: #3d3d3d;
    border: none;
    border-radius: 0;
    color: #eef3fd;
    height: 19px;
    padding: 2px 2px 0 2px;
}

.bryston .btn_bgWhite:hover {
    background: #5e74dd;
}



.bryston .menu_content {
    background: #3d3d3d;
    border: none;
    color: #eef3fd;
    margin-top: 2px;
}

.bryston .option_container {
    background: #2c2c2c;
    border: none;
    color: #eef3fd;
}


.bryston .main_menu, .main_menu.active {
    border: none;
    margin-right: 2px;
    background-color: #3d3d3d;
}

.bryston .main_menu a, .bryston .main_menu.active a {
    color: #eef3fd;
    text-shadow: none;
}

.bryston .main_menu.active, .bryston .main_menu:hover {
    background: #5e74dd;
}

.bryston .main_menu.active a, .bryston .main_menu:hover a {
    background: url("../img/menu-arrow-white.png") no-repeat scroll center bottom transparent;
    color: #eef3fd;
}

.bryston .header-bottom a.save{
    color: #eef3fd;
    background: #3d3d3d;
    border: none;
    height: 16px;
    padding: 4px 2px 0 2px;
}

.bryston .header-bottom a.save:hover{
    background: #5e74dd;
}

.bryston a{
    color: #5e74dd;
}

.bryston .wrapperContent{
    background: #282828;
}

.bryston .bouton_inc_standard {
    background: #3d3d3d;
    border: none;
    color: #eef3fd;
    text-shadow: none;
}

.bryston .bouton_inc_standard:hover {
    background: #5e74dd;
}

.bryston .switcher{
    background: #3d3d3d !important;
    color: #eef3fd !important;
    border: none !important;
    text-shadow: none;
}

.bryston .switcher.active{
    background: #5e74dd !important;
}

.bryston footer {
    border: none;
    background: #282828;
}

.bryston footer .bouton_footer span,
.bryston #options .bouton_footer span {
    color: #eef3fd;
}

.bryston footer .bouton_footer,
.bryston #options .bouton_footer {
    background: #3d3d3d;
    border: none;
    color: #eef3fd;
}

.bryston #options .bouton_footer:hover,
.bryston footer .bouton_footer:active,
.bryston footer .bouton_footer:hover {
    background: #5e74dd;
}


.bryston .titre_tr th {
    color: #7782e3;
    background: #f2f3fd;
    text-transform: uppercase;
}

.bryston thead th {
    color: #7782e3;
    background: #eef3fd;
}

.bryston tr td,
.bryston tr th,
.bryston tr {
    /*border: none;*/
}

.bryston tr td {
    color: #4a4a4a;
    background: #9c9c9c;
}

.bryston tr.notRecommended td {
    color: #d3d3d3;
}

.bryston tr:nth-child(even) .disabled.switcher,
.bryston tr:nth-child(even).disabled .switcher,
.bryston tr:nth-child(even) .disabled .bouton_inc_standard{
    background: #b6b6b6 !important;
    border:none !important;
}

.bryston tr:nth-child(odd) .disabled.switcher,
.bryston tr:nth-child(odd).disabled .switcher,
.bryston tr:nth-child(odd) .disabled .bouton_inc_standard{
    background: #b6b6b6 !important;
    border:none !important;
}

.bryston .option_container_footer.zonecreate,
.bryston .option_container_footer.outputmapping {
    background: none;
    border: none;
}

.bryston .option_container_footer {
    background: #2c2c2c;
    border: none;
    color: #eef3fd;
}

.bryston .option_button {
    background: #3d3d3d;
    border: none;
    color: #eef3fd;
    text-shadow: none;
}

.bryston .option_button:hover {
    background: #5e74dd;
}

.bryston .header-bottom .switcher:hover {
    background: #5e74dd !important;
}

.bryston ul.incrementSpeed {
    height:23px;
}

.bryston ul.incrementSpeed li {
    color: #eef3fd !important;
    border: none !important;
}

.bryston ul.incrementSpeed li:last-child {
    border: none !important;
}

.bryston ul.incrementSpeed li:hover,
.bryston ul.incrementSpeed li.active {
    background: #5e74dd !important;
}

.bryston ul.incrementSpeed:hover li{
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* ui-widget */
.bryston .ui-widget{
    font-size: 15px;
}

.bryston .ui-dialog{
    background: #4a4a4a;
    border: none;
}

.bryston .ui-widget-content{
    margin: 10px;
}

.bryston .ui-widget-content,
.bryston .ui-widget-header{
    color: #eef3fd;
}

.bryston .ui-widget-header,
.bryston .ui-dialog-buttonpane{
    background: #212121;
    border: none;
}

.bryston .ui-widget input,
.bryston .ui-widget select,
.bryston .ui-widget textarea,
.bryston .ui-widget button {
    font-family: Helvetica;
    font-size: 12px;
}

.bryston .ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    color: #eef3fd;
    background: #3d3d3d;
    border: none;
    font-size: 13px;
    border-radius: 0;
    border-color: #3d3d3d;
}

.bryston .ui-dialog-buttonpane,
.bryston .ui-dialog-titlebar{
    margin-right: -3px;
    margin-left: -3px;
    margin-bottom: -3px;
    margin-top: -3px;
}

.bryston .ui-button:hover{
    background: #5e74dd !important;
    font-weight:normal;
    color:#fff;
}

.bryston .ui-dialog button {
    outline-color: transparent;
}

/* Focal */
body.focal {
    font-family: Gotham;
    font-size: 10px;
}

.focal a{
    font-size: 15px;
}

.focal .main_menu.active a,.focal .main_menu:hover a {
    background: url("../img/menu-arrow-focal.png") no-repeat scroll center bottom transparent;
    color: #fff;
}

.focal #logout {
    font-size: 9px !important;
}

.focal textarea, .focal select,.focal button {
    font-family: Gotham;
    font-size: 12px;
}

.focal .menu_label {
    font-size: 13px;
}