* {

font-size: 12px;
}

label {
cursor: pointer;
}

html {
margin: 0 !important;
padding: 0 !important;
color: #646464;
overflow: auto;
line-height: 20px;
}

#noscript span {
position: fixed;
width: 100%;
margin-top: 30px;
text-align: center;
color: #ff645e !important;
font-size: 150%;
margin-bottom: 140px;
}

select {
color: #646464;

border: none;
}

.no-scroll {
overflow: hidden;
}

body {
overflow: auto;
background-image: url(../images/motif.png) !important;
color: #646464;

}

div, fieldset, legend, input, textarea, p, th, td {
color: #646464;

}

a, a:visited {
color: #646464;
}

input[type=button], input[type=submit], button {
cursor: pointer;
}

table {
border-collapse: separate;
}

table td {
padding: 0;
}

#mainContainer {
margin: 80px auto auto;
width: 99%;
}

h1 {
margin: 0;
padding: 0;
}

.mainLoader {
position: absolute;
z-index: 9999999999;
background: url('../images/loader.gif') 50% 50% no-repeat rgba(255, 255, 255, 0.7);
top: 0;
left: 0;
height: 100%;
width: 100%;
cursor: wait;
}

.wait {
background-image: url(../images/loader.gif) !important;
}

.wait16 {
background-image: url(../images/wait.gif) !important;
}

.dateevent {
font-weight: bold;
}

.fail.dateevent, .redtext, .rednode *, #notif-all-page {
color: #ff645e !important;
}

.redborder {
border: 1px solid #ff645e !important;
}

.redbackground {
background: #ff645e !important;
}

.ok.dateevent {
color: #73b964 !important;
}

.apage {
color: #0000FF;
}



#auth_form table {
width: 100%;
margin: 0 30px 0 10px;
}

#auth_form input {
width: 250px;
}

#logininfodiv {
text-align: center;
color: #FF0000;
}

.textlogin {
padding: 10px;
text-align: right;
}

input[type=text], input[type=number], input[type=password], input[type=url], textarea, .table_form .div_wrapper {
color: #646464;

-moz-box-shadow: #dedede 2px 2px 4px 0 inset, #dedede 0 -1px 0 0 inset, #dedede -1px 0 0 0 inset, #dedede 1px 0 2px 0 inset;
-webkit-box-shadow: #dedede 2px 2px 4px 0 inset, #dedede 0 -1px 0 0 inset, #dedede -1px 0 0 0 inset, #dedede 1px 0 2px 0 inset;
-o-box-shadow: #dedede 2px 2px 4px 0 inset, #dedede 0 -1px 0 0 inset, #dedede -1px 0 0 0 inset, #dedede 1px 0 2px 0 inset;
box-shadow: #dedede 2px 2px 4px 0 inset, #dedede 0 -1px 0 0 inset, #dedede -1px 0 0 0 inset, #dedede 1px 0 2px 0 inset;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
ine-height: 1.4;
box-sizing: border-box;
padding: .5em;
background-color: #f5f5f5;
border: 1px solid #cccccc;
width: 100%;
}

textarea {
height: 100%;
}

span.tag-item {
    padding: 25px 7px;
}

.tag-item .button {
    margin: 10px 5px;
    border: none;
}
.table_form select {
background: none;
width: 100%;
height: 26px;
vertical-align: middle;
padding-right: 0;
color: #646464;

}

.table_form td {
vertical-align: middle;
}

.top {
vertical-align: top !important;
}

.entete {
padding: 15px 0 13px 0;
width: 100%;
height: 100px;
text-align: center;
margin: 0;
border: none;
background-color: #FFFFFF;
}

.barresep {
width: 100%;
height: 3px;
background-color: #c5c500;
margin: 0;
border: none;
border-top: 2px solid #c4c400;
border-bottom: 1px solid #8e8e01;
-moz-box-shadow: #cbcbcb 0 2px 3px 1px;
-webkit-box-shadow: #cbcbcb 0 2px 3px 1px;
-o-box-shadow: #cbcbcb 0 2px 3px 1px;
box-shadow: #cbcbcb 0 2px 3px 1px;
}

.cadre_form {
background-color: #FFFFFF;
width: 100%;
margin:0 auto;
border: 1px solid #e2e2e2;
}

.table_form {
width: 100%;
}

.cadre_title {
background-color: #f5f5f5;
text-align: left;
-moz-border-radius: 3px 3px;
-webkit-border-radius: 3px 3px;
border-radius: 3px 3px;
}

.cadre_title_texte {
line-height: 30px;
height: 30px;
color: #BEBE00;
font-weight: bold;
padding-left: 20px;
white-space: nowrap;
margin-right: 40px;
text-transform: uppercase;
}

.uppercase {
text-transform: uppercase;
}

legend .cadre_title_texte {
color: #646464;
}

.cadre_title_right {
line-height: 30px;
height: 30px;
white-space: nowrap;
background-color: #FFFFFF;
float: right;
padding-left: 5px;
}

.cadre_form .cadre_title, .cadre_form .marge, .cadre_form #tree, .cadre_form #divbackuptree, .cadre_form #restoreTree, .cadre_form #divdestinationtree, .marge {
margin: 10px;
}

.cadre_form #tree, .cadre_form #divbackuptree, .cadre_form #restoreTree {
margin-top: 0;
}


#page_iframe {
border: none;
margin: 0;
}

fieldset {
border: 1px solid #e8e7e7;
}

.bcheck {
margin: auto;
width: 25px;
height: 20px;
background: url('../branding/bcheck.png') 50px;
display: inline-block;
}

.bcheck_check {
text-align: center;
background: url('../branding/bcheck.png') 0;
}

tr:hover .bcheck_check {
background: url('../branding/bcheck.png') 25px;
}

input[type=checkbox] {
clear: left;
float: left;
cursor: pointer;
transform: translateX(-150vw);
-ms-transform: translateX(-150vw);
}

input[type=checkbox] + label::before {
content: '';
width: 16px;
display: inline-block;
background: url(../branding/checkbox.png) 0 -2px no-repeat;
height: 16px;
margin: 0 5px -3px -20px;
}

input[type=radio] {
clear: left;
float: left;
cursor: pointer;
transform: translateX(-150vw);
-ms-transform: translateX(-150vw);
}

input[type=radio] + label::before {
content: '';
width: 16px;
display: inline-block;
background: url(../branding/radio.png) 0 -2px no-repeat;
height: 16px;
margin: 0 5px -3px -20px;
}

.tablelogin {
border-spacing: 2px;
padding: 0;
margin: 0;
border-collapse: collapse;
border: 0;
}

.table_list {
border: 1px solid #e8e7e7;
text-align: center;
width: 100%;
background-color: #FFFFFF;
border-collapse: collapse;
line-height: 40px;
}

.table_list th {
border: 1px solid #e8e7e7;
color: #BEBE00;
padding: 0;
font-weight: bold;
text-align: center;
white-space: nowrap;
border-bottom: 0;
}

.table_list td {
border: 1px solid #e8e7e7;
border-bottom: 0;
border-top: 0;
}

.table_list tr:nth-child(even) {
background-color: #f9f9f9;
}

.table_list tr:hover td {
background-color: #BEBE00;
color: #FFFFFF;
}

.table_list th img {
margin: 0 -19px 0 10px;
}

.tbar_border {
border: 1px solid #cacaca;
margin: auto;
border-collapse: collapse;
}

.tbar_border td {
padding: 0;
}

.tbar {
background-color: #EBEBEB;
border-collapse: collapse;
padding: 0;
text-align: center;
margin: 0;
}

.tbar td {
padding: 0;
margin: 0;
border-top: 1px solid white;
}

.tbar_sep {
background-image: url("../images/separator.png");
width: 1px;
height: 66px;
}

.tbar_icon {
cursor: pointer;
width: 99px;
height: 66px;
background: no-repeat center 10px;
}

.tbar_icon_detail {
background-image: url("../branding/picto_detail.png");
}

.tbar_icon_recup {
background-image: url("../branding/picto_recup.png");
}

.tbar_icon_parc {
background-image: url("../branding/picto_parc.png");
}

.tbar_icon_nas {
background-image: url("../branding/picto_nas.png");
}

.tbar_text {
background-color: #e0dfdf;
border: 1px solid #cacaca;
margin-top: 34px;
margin-left: -26px;
color: #686868;
display: none;
position: absolute;
text-align: center;
width: 148px;
-moz-border-radius: 5px 5px;
-webkit-border-radius: 5px 5px;
border-radius: 5px 5px;
}

.tbar_text_line {
padding: 5px;
border-top: 1px solid white;
-moz-border-radius: 5px 5px;
-webkit-border-radius: 5px 5px;
border-radius: 5px 5px;
}

.tbar_icon:active .tbar_text {
background-color: #d3d3d3;
}

.tbar_icon:active, .tbar_icon.active {
background: #d3d3d3 center -80px no-repeat;
border-top: 1px solid white;
}

.tbar_icon.active .tbar_text {
display: block;
text-align: center;
background: #d3d3d3 center -80px no-repeat;
}

.tbar:hover .tbar_text {
display: none;
}

.tbar_icon:hover {
background-color: #e0dfdf;
border-top: 1px solid #e0dfdf;
}

.tbar_icon:hover .tbar_text {
display: block;
text-align: center;
background-color: #e0dfdf;
z-index: 100;
}

#contenu_detail {
margin-top: 60px;
}

.prog_cont {
margin-bottom: -6px;
}

.prog_border {
display: inline-block;
width: 400px;
height: 10px;
background: #d9d9d9;
padding: 0;
-moz-border-radius: 8px 8px;
-webkit-border-radius: 8px 8px;
border-radius: 8px 8px;
margin: 0;
-moz-box-shadow: #bcbcbc 2px 2px 4px 0 inset, #bcbcbc 0 -1px 0 0 inset, #bcbcbc -1px 0 0 0 inset, #bcbcbc 1px 0 2px 0 inset;
-webkit-box-shadow: #bcbcbc 2px 2px 4px 0 inset, #bcbcbc 0 -1px 0 0 inset, #bcbcbc -1px 0 0 0 inset, #bcbcbc 1px 0 2px 0 inset;
-o-box-shadow: #bcbcbc 2px 2px 4px 0 inset, #bcbcbc 0 -1px 0 0 inset, #bcbcbc -1px 0 0 0 inset, #bcbcbc 1px 0 2px 0 inset;
box-shadow: #bcbcbc 2px 2px 4px 0 inset, #bcbcbc 0 -1px 0 0 inset, #bcbcbc -1px 0 0 0 inset, #bcbcbc 1px 0 2px 0 inset;
}

.prog_border_device {
width: 200px;
}

.prog_bar {

-moz-border-radius: 8px 8px;
-webkit-border-radius: 8px 8px;
border-radius: 8px 8px;
height: 8px;
background: url('../images/progressbar.php?x=16&y=8&color=a:2:{i:1;a:2:{i:1;a:3:{i:0;s:3:"206";i:1;s:3:"206";i:2;s:2:"51";}i:2;a:3:{i:0;s:3:"190";i:1;s:3:"190";i:2;s:1:"0";}}i:2;a:2:{i:1;a:3:{i:0;s:3:"217";i:1;s:3:"217";i:2;s:2:"95";}i:2;a:3:{i:0;s:3:"200";i:1;s:3:"200";i:2;s:2:"48";}}}') repeat-x;
border: 1px solid #888801;
margin: 1px 0 0;
}

.forf_bulle {
height: 23px;
line-height: 23px;
background-color: #666666;
color: #FFFFFF;
font-size: 10px;
text-align: center;
display: inline-block;
-moz-border-radius: 5px 5px;
-webkit-border-radius: 5px 5px;
border-radius: 5px 5px;
padding-left: 5px;
padding-right: 5px;
position: absolute;
margin-left: -20px;
margin-top: -23px;
}

.forf_bulle_arrow {
display: inline-block;
margin: 0 0 -2px -8px;
background: url("../images/arrow_forfait.png") no-repeat;
/*background-position: center;*/
height: 4px;
width: 8px;
}

.forf_bulle_dummy {
display: inline-block;
position: relative;
}

.forf_bulle span {
padding-left: 5px;
padding-right: 5px;
white-space: nowrap;
line-height: 23px;
height: 23px;
}

.loading {
background: url(../lib/ext-6.2.0/build/classic/theme-gray/resources/images/tree/loading.gif) no-repeat;
}

.x-grid-row-selected .x-grid-cell {
background-color: #efefef !important;
}

.x-tree-checkbox-half-checked {
background-position: 0 -26px
}

.x-tree-icon-leaf {
background-image: url(../images/icones/unk.gif);
}

.div-text {
/*height:500px;
width:600px;*/
border: 1px solid #e1e0e0;
-moz-border-radius: 5px 5px;
-webkit-border-radius: 5px 5px;
border-radius: 5px 5px;
/*
-moz-box-shadow:#bcbcbc 2px 2px 4px 0 , #bcbcbc 0 -1px 0 0 , #bcbcbc -1px 0 0 0 , #bcbcbc 1px 0 2px 0 ;
-webkit-box-shadow:#bcbcbc 2px 2px 4px 0 , #bcbcbc 0 -1px 0 0 , #bcbcbc -1px 0 0 0 , #bcbcbc 1px 0 2px 0 ;
-o-box-shadow:#bcbcbc 2px 2px 4px 0 , #bcbcbc 0 -1px 0 0 , #bcbcbc -1px 0 0 0 , #bcbcbc 1px 0 2px 0 ;
box-shadow:#bcbcbc 2px 2px 4px 0 , #bcbcbc 0 -1px 0 0 , #bcbcbc -1px 0 0 0 , #bcbcbc 1px 0 2px 0 ;*/
}

.tree .x-grid, .tree .x-tree-panel {
border: 1px solid #e1e0e0;
-moz-border-radius: 5px 5px;
-webkit-border-radius: 5px 5px;
border-radius: 5px 5px;
}

.tree .x-panel-body {
border: 0;
}

.tree-zoom {
overflow: hidden !important;
margin: 0 !important;
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
z-index: 100;
}

.tree-zoom .tree {
border: 1px solid #e1e0e0;
-moz-border-radius: 5px 5px;
-webkit-border-radius: 5px 5px;
border-radius: 5px 5px;
}

.prog_border_large {
width: 100%;
height: 21px;
background: #d9d9d9;
padding: 0;
-moz-border-radius: 8px 8px;
-webkit-border-radius: 8px 8px;
border-radius: 8px 8px;
margin: 0;
-moz-box-shadow: #bcbcbc 2px 2px 4px 0 inset, #bcbcbc 0 -1px 0 0 inset, #bcbcbc -1px 0 0 0 inset, #bcbcbc 1px 0 2px 0 inset;
-webkit-box-shadow: #bcbcbc 2px 2px 4px 0 inset, #bcbcbc 0 -1px 0 0 inset, #bcbcbc -1px 0 0 0 inset, #bcbcbc 1px 0 2px 0 inset;
-o-box-shadow: #bcbcbc 2px 2px 4px 0 inset, #bcbcbc 0 -1px 0 0 inset, #bcbcbc -1px 0 0 0 inset, #bcbcbc 1px 0 2px 0 inset;
box-shadow: #bcbcbc 2px 2px 4px 0 inset, #bcbcbc 0 -1px 0 0 inset, #bcbcbc -1px 0 0 0 inset, #bcbcbc 1px 0 2px 0 inset;
text-align: center;
color: #FFFFFF;
}

.prog_bar_large {

-moz-border-radius: 8px 8px;
-webkit-border-radius: 8px 8px;
border-radius: 8px 8px;
height: 19px;
background: url('../images/progressbar.php?x=38&y=19&color=a:2:{i:1;a:2:{i:1;a:3:{i:0;s:3:"206";i:1;s:3:"206";i:2;s:2:"51";}i:2;a:3:{i:0;s:3:"190";i:1;s:3:"190";i:2;s:1:"0";}}i:2;a:2:{i:1;a:3:{i:0;s:3:"217";i:1;s:3:"217";i:2;s:2:"95";}i:2;a:3:{i:0;s:3:"200";i:1;s:3:"200";i:2;s:2:"48";}}}') repeat-x;
border: 1px solid #888801;
margin: 0;
}

.decal_input td {
padding-right: 50px;
}

.noborder {
border: none;
}

.wrap_log_file {
height: 600px;
overflow: hidden;
border: 1px solid #cccccc;
-moz-border-radius: 5px 5px;
-webkit-border-radius: 5px 5px;
border-radius: 5px 5px;
-moz-box-shadow: #ffffff 0 1px 0 0 inset;
-webkit-box-shadow: #ffffff 0 1px 0 0 inset;
-o-box-shadow: #ffffff 0 1px 0 0 inset;
box-shadow: #ffffff 0 1px 0 0 inset;
font-size: 12px;
background-color: #f7f7f7;
}

#log_file {
overflow: auto;
height: 600px;
}

.btn-search {
background-image: url('../images/loupe.png');
}


.btn-pass{
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    top: 5px;
    left: -35px;
    cursor: pointer;
}
.btn-hide {
    background-image: url(../images/hide.png);
}

.btn-show {
    background-image: url(../images/show.png);
}

.install_login #pswtip{
    text-align: justify;
    width: 94%;
}

.logo_bandeau {
background: url('/branding/logo2.png') no-repeat contain;
height: 90px;
behavior: url(../css/iepngfix.htc);
}

.service_wbodb .service_color *, .service_wbodb .service_color, .service_wbodb .cadre_title span, .service_wbodb .table_list * th {
color: #2daec9 !important;
}

.service_wbodb .logo_bandeau {
background: url('../branding/wbodb/logo.png') no-repeat contain;
}

.service_wbodb .barresep {
background-color: #2daec9;
border-top: 2px solid #2daec9;
border-bottom: 1px solid #2daec9;
}

.service_wbodb .table_list tr:hover td {
background-color: #2daec9;
color: #FFFFFF;
}

.service_wbodb .prog_bar {
background: url('../images/progressbar.php?x=16&y=8&color=a:2:{i:1;a:2:{i:1;a:3:{i:0;s:2:"48";i:1;s:3:"184";i:2;s:3:"213";}i:2;a:3:{i:0;s:2:"45";i:1;s:3:"174";i:2;s:3:"201";}}i:2;a:2:{i:1;a:3:{i:0;s:3:"146";i:1;s:3:"224";i:2;s:3:"241";}i:2;a:3:{i:0;s:3:"141";i:1;s:3:"216";i:2;s:3:"232";}}}') repeat-x;
border: 1px solid #1794af;
}

.service_wbodb .prog_bar_large, .service_wbodb .x-progress-default .x-progress-bar, .service_wbodb .x-nlg .x-progress-default .x-progress-bar {
background: url('../images/progressbar.php?x=38&y=19&color=a:2:{i:1;a:2:{i:1;a:3:{i:0;s:2:"48";i:1;s:3:"184";i:2;s:3:"213";}i:2;a:3:{i:0;s:2:"45";i:1;s:3:"174";i:2;s:3:"201";}}i:2;a:2:{i:1;a:3:{i:0;s:3:"146";i:1;s:3:"224";i:2;s:3:"241";}i:2;a:3:{i:0;s:3:"141";i:1;s:3:"216";i:2;s:3:"232";}}}') repeat-x;
border: 1px solid #1794af;
}

.service_wbodb input[type=checkbox] + label::before {
background: url(../branding/wbodb/checkbox.png) 0 -1px no-repeat;
}

.service_wbodb input[type=radio] + label::before {
background: url(../branding/wbodb/radio.png) 0 -2px no-repeat;
}

.service_wbodb .tbar_icon_detail {
background-image: url("../branding/wbodb/picto_detail.png");
}

.service_wbodb .tbar_icon_recup {
background-image: url("../branding/wbodb/picto_recup.png");
}

.service_wbodb .tbar_icon_parc {
background-image: url("../branding/wbodb/picto_parc.png");
}

.service_wbodb .tbar_icon_nas {
background-image: url("../branding/wbodb/picto_nas.png");
}

.service_wbodb .tbar_icon_log {
background-image: url("../branding/wbodb/picto_log.png");
}

.service_wbodb .x-window .x-title-item {
color: #2daec9;
margin: 50px;
}

.prog_bar_textlimit {
line-height: 30px;
vertical-align: bottom;
}

.prog_bar_pipe {
vertical-align: top;
}

.prog_bar_pipe1 {
margin-left: -2px;
}

.prog_bar_pipe2 {
margin-left: -5px;
}

.prompt {
text-align: center;
}

.prompt input {
text-align: right;
width: 100px;
}

.wraplist {
height: 420px;
border: 1px solid #e8e7e7;
background-color: #f5f5f5;
padding: 10px;
-moz-border-radius: 5px 5px;
-webkit-border-radius: 5px 5px;
border-radius: 5px 5px;
-moz-box-shadow: #bcbcbc 2px 2px 4px 0 inset, #bcbcbc 0 -1px 0 0 inset, #bcbcbc -1px 0 0 0 inset, #bcbcbc 1px 0 2px 0 inset;
-webkit-box-shadow: #bcbcbc 2px 2px 4px 0 inset, #bcbcbc 0 -1px 0 0 inset, #bcbcbc -1px 0 0 0 inset, #bcbcbc 1px 0 2px 0 inset;
-o-box-shadow: #bcbcbc 2px 2px 4px 0 inset, #bcbcbc 0 -1px 0 0 inset, #bcbcbc -1px 0 0 0 inset, #bcbcbc 1px 0 2px 0 inset;
box-shadow: #bcbcbc 2px 2px 4px 0 inset, #bcbcbc 0 -1px 0 0 inset, #bcbcbc -1px 0 0 0 inset, #bcbcbc 1px 0 2px 0 inset;
}

.wraplist_inner {
height: 100%;
overflow: auto;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.itemlist {
line-height: 22px;
}

.btnwraplistpos {
float: right
}

.listhide, .hide {
display: none;
opacity: 0;
}

.showagent .listhide {
display: block;
}

.showagent .arrow_list.arrow_right {
background-position: 0 -18px;
}

.itemlist:hover .listcontact, .innerlistagent:hover {
background-color: #ededec;
}


.network-input {
text-align: center;
width: 320px !important;
}

.network-input input {
background-color: transparent;
width: 20%;
padding: 0 2px;
text-align: center;
border: 0;
margin: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
-moz-border-radius: 0 0 0 0;
-webkit-border-radius: 0 0 0 0;
border-radius: 0;
}

.admin .network-input, .proxy-input {
width: 280px !important;
white-space: nowrap;
}

.div-icon {
height: 18px;
width: 18px;
display: inline-block;
}

#div_port, .div-left {
text-align: left;
}

.icon-test {
display: inline-block;
height: 16px;
width: 16px;
background: url('../images/test.png') 0 0 no-repeat;
}

.icon-test.fail {
background-position: 0 -18px;
}

.icon-test.info {
background-position: 0 -36px;
}

.fieldset.tworow {
width: 100%;
}

.fieldset.tworow td {
height: 100%;
}

.fieldset.tworow fieldset {
padding: 0;
height: 100%;
}

.fieldset.tworow .button3.confirm {
margin: 21px;
float: right;
}

.fieldset.tworow .button3 {
margin-left: 21px;
}

.fieldset.tworow .item-title-sub {
margin-left: 5px;
}

.tips div {
-moz-border-radius: 5px 5px;
-webkit-border-radius: 5px 5px;
border-radius: 5px 5px;
-moz-box-shadow: #bcbcbc 2px 2px 4px 0 inset, #bcbcbc 0 -1px 0 0 inset, #bcbcbc -1px 0 0 0 inset, #bcbcbc 1px 0 2px 0 inset;
-webkit-box-shadow: #bcbcbc 2px 2px 4px 0 inset, #bcbcbc 0 -1px 0 0 inset, #bcbcbc -1px 0 0 0 inset, #bcbcbc 1px 0 2px 0 inset;
-o-box-shadow: #bcbcbc 2px 2px 4px 0 inset, #bcbcbc 0 -1px 0 0 inset, #bcbcbc -1px 0 0 0 inset, #bcbcbc 1px 0 2px 0 inset;
box-shadow: #bcbcbc 2px 2px 4px 0 inset, #bcbcbc 0 -1px 0 0 inset, #bcbcbc -1px 0 0 0 inset, #bcbcbc 1px 0 2px 0 inset;
background-color: #f5f5f5;
}

.tips span {
margin: 10px;
line-height: 30px;
}

.item_legend {
margin-left: 10px;
margin-bottom: 3px;
}

.item_legend:hover {
cursor: pointer;
font-weight: bold;
}

.item_legend div {
display: inline-block;
width: 20px;
}

.bold span, .bold {
font-weight: bold;
}

.divfrom_job span {
vertical-align: middle;
display: inline-block;
padding-top: 5px;
}

.overlay {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 100000;
background-color: #d7d7d7;
opacity: 0.5;
}

.prog_border_large .prog_bar_text {
color: black;
margin-left: auto;
margin-top: -19px;
}

.download {
display: block;
padding-left: 26px;
height: 24px;
text-align: left;
}

.download.win {
background: url(../images/windows.png) no-repeat;
}

.download.mac {
background: url(../images/mac.jpg) no-repeat;
}

.download.lin {
background: url(../images/linux.jpg) no-repeat;
}

.download.nas {
background: url(../images/nas.png) no-repeat;
}

.download.tool {
background: url(../images/onekeyrestore.png) no-repeat;
}

.ad_state_disabled .ad_btn_enabled {
display: none;
opacity: 0;
}

.ad_state_disabled .ad_btn_disabled {
display: block;
opacity: 1;
}

.ad_state_enabled .ad_btn_enabled {
display: block;
opacity: 1;
}

.ad_state_enabled .ad_btn_disabled {
display: none;
opacity: 0;
}

.ad_state_1 td.ad_state__1, .ad_state_2 td.ad_state__2, .ad_state_3 td.ad_state__3 {
display: table-cell;
opacity: 1;
}

.ad_state_1 table.ad_state__1, .ad_state_2 table.ad_state__2, .ad_state_3 table.ad_state__3 {
display: table;
opacity: 1;
}

.need-resize-from-parent {
position: relative;
}

.btn-bottom-from-resize {
position: absolute;
bottom: 6px;
right: 7px;
}

.ad_state__2 fieldset {
min-height: 150px;
}

.empty .list_ad_empty {
display: block;
opacity: 1;
}

.full .list_ad_select {
display: block;
opacity: 1;
}

#sharegrid-editor > div {
border: 1px solid #cccccc;
}

select {
border: 1px solid #e2e2e2;
}

.browsehappy {
margin-top: 1em;
}

.browsehappy, .browsehappy * {

text-align: center;
font-size: 14px;
}

.browsehappy * {
font-weight: 700;
}

.decal_checkbox {
margin-left: 20px;
}

input[type=radio]:checked + label::before {
background-position: 0 -22px;
}

input[type=radio]:disabled + label::before {
background-position: 0 -38px;
}

input[type=radio]:checked:disabled + label::before {
background-position: 0 -60px;
}

input[type=radio]:hover:checked + label::before,
input[type=radio]:focus:checked + label::before,
input[type=radio]:checked + label:hover::before,
input[type=radio]:focus:checked + label::before {
background-position: 0 -22px;
}

input[type=radio]:hover:checked:disabled + label::before,
input[type=radio]:focus:checked:disabled + label::before,
input[type=radio]:checked:disabled + label:hover::before,
input[type=radio]:focus:checked:disabled + label::before {
background-position: 0 -60px;
}

input[type=checkbox]:checked + label::before {
background-position: 0 -19px;
}

input[type=checkbox]:hover:checked + label::before,
input[type=checkbox]:focus:checked + label::before,
input[type=checkbox]:checked + label:hover::before,
input[type=checkbox]:focus:checked + label::before {
background-position: 0 -19px;
}

input[type=checkbox]:disabled + label::before {
opacity: 0.4;
}

input[type=checkbox]:checked:disabled + label::before {
opacity: 0.4;
}

input[type=checkbox]:hover:checked:disabled + label::before,
input[type=checkbox]:focus:checked:disabled + label::before,
input[type=checkbox]:checked:disabled + label:hover::before,
input[type=checkbox]:focus:checked:disabled + label::before {
opacity: 0.4;
}

.left {
text-align: left;
}

#restoretoorigin + label + div {
opacity: 0.3;
}

#restoretoorigin:checked + label + div {
opacity: 1;
font-weight: bold;
}

.bandwidthScheduler {
border-collapse: collapse;
font-size: 0.8em;
text-align: center;
}

.bandwidthScheduler td, .bandwidthScheduler th {
border: 1px solid #e2e2e2;
width: 6em;
transition: .3s all ease-in-out;
}

.bandwidthScheduler th, .bandwidthScheduler tr td:first-child {
font-weight: bold;
background-color: #e2e2e2;
border: 1px solid white;
cursor: default;
}

.bandwidthScheduler td:hover, .bandwidthScheduler td:focus, .bandwidthScheduler th + th:hover, .bandwidthScheduler th + th:focus {
cursor: pointer;
box-shadow: inset 0 0 0 .25em #64646480;
}

.bandwidthActive {
background-color: #2daec9;
}

.x-grid-tree-loading .x-tree-icon {
background-image: url(../lib/ext-6.2.0/build/classic/theme-gray/resources/images/tree/loading.gif);
}

.x-grid-tree-loading .fail {
background-position: 0 0;
}

.icn16.monitor {
margin-right: 3px;
background-image: url('../images/state_monitor.png');
}

.icn16.monitor.code0 {
background-position: 0 0;
}

.icn16.monitor.code1 {
background-position: 0 0;
}

.icn16.monitor.code3 {
background-position: 0 -16px;
}

.icn16.monitor.code4 {
background-position: 0 -32px;
}

.code1-monitor-row .x-grid-cell {
background-color: #e2ffe2;
}

.code3-monitor-row .x-grid-cell {
background-color: #ffeed9;
}

.code4-monitor-row .x-grid-cell, .code2-monitor-row .x-grid-cell {
background-color: #ffe2e2;
}

#hiddenTime {
width: 80px;
}

.chart_frame {
width: 485px;
vertical-align: top;
}

.collapsible {
cursor: pointer;
}

.tableDeleteConfiguration {
width: 100%;
border-collapse: collapse;
}

.tableDeleteConfiguration th {
text-transform: uppercase;
text-align: left;
color: #646464;
}

.tableDeleteConfiguration tr:nth-child(even) {
background-color: #f9f9f9;
}

.pull-right {
float: right;
}

input[type]:invalid {
box-shadow: 0 0 3px red;
}

form:invalid, fieldset:invalid {
box-shadow: none;
}

.x-grid-tree-node-expanded .icn16 {
opacity: 0.2;
}

.noMargin {
margin: 0 !important;
}

.licence-expire {
    border: 1px solid;
    padding: 1em;
    border-radius: 1em;
    width: 28%;
    margin: 1em auto;
    background: rgba(255, 0, 0, 30%);
}

.licence-expire span {
    font-size: 1.2rem;
}