@import url(/partners/common/statics/fontAwesomeIcons.css?date=20170206);
*{color:#666;font-size:16px;}
a{color:#000;text-decoration:none;}
a:hover{text-decoration: underline;}
body {display: block;  margin: 0px; }
.menuAdmin ul li.adminLogo{float:left;margin-top:-10px;
    /*background: url(/partners/sj2019/statics/img/logo.svg) no-repeat;
    width: 200px;
    background-size: 200px 40px;*/
}
.menuAdmin ul li.adminLogo img{
    width: 200px;
    padding:0px !important;height:40px !important;
}
#websiteList{width:75%;box-sizing: border-box;position:relative;float:left;}
#websiteContent{width:100%;box-sizing: border-box;position:relative;overflow-y:scroll;}
.website_line, .subpage_line{clear:both;width:100%;padding:10px;margin-bottom:10px;position:relative;height:auto;box-sizing: border-box;}
.website_line div{position:relative;}
.subpage_line{display:none;background-color:#eee;margin-bottom:0px;border-bottom:1px solid #ccc;padding-left:30px;}
.subpage_line .website_name{font-size:14px;}
.websiteserver{font-size:12px;color:#666;}
.error, .error div{background-color:red !important;color:#fff;}
.website_line.error{width:100% !important;}
.select {border-bottom:1px solid green;}
.warning, .warning div{background-color:orange !important;color:#fff;}
.warning_light, .warning _lightdiv{background-color:yellow !important;color:#000;}
.alertSquare{width:15px!important;height:15px!important;display:inline-block;margin-top:0px!important;margin-right:5px!important;padding:0px !important;border:1px solid #000 !important;}
td.alert, div.alert{background-color:red !important;color:#fff;}
.website_item, .service_item{float:left;margin-right:0px;padding:5px 20px 5px 5px;position:relative;box-sizing: border-box;min-height:40px;}
.website_item_inside{float:left;margin-right:0px;padding:5px 20px 5px 5px;display:none;}
.website_item.website_bkp{width:100px;height:30px !important;}
.website_item.website_bkp_data{width:100px;height:30px !important;}
.website_ref{width:auto;overflow:hidden;border:1px solid #000;color:#000;  font-weight:bold;padding:10px 5px 5px 5px;width:40px;height:25px;line-height:15px;text-align: center;font-size:15px;}
.website_name{width:30%;}
.website_activity{width:15%;overflow:hidden;max-width: 70px;
    min-width: 50px;}
.website_response{width:20%;overflow:hidden;max-width: 70px;
    min-width: 50px;}
.cleaner{clear:both;}
.service_line_odd div{background-color:#eee;}
.service_line .alert{background-color:red;color:#fff;}
.service_line .warning{background-color:orange;color:#fff;}
.service_line .warning_light{background-color:yellow;color:#000;}
.service_line .ovh_expiration_date{min-width:150px !important;}
.service_line .expirationDate_input{width:100px;}
.tpm_name{min-width:130px;max-width:400px;width:30%;}
.ovh_id{min-width:80px;max-width:150px;width:15%;}
.ovh_display_name{min-width:180px;max-width:250px;width:30%;}
.ovh_expirationdate{min-width:80px;max-width:300px;width:15%;}
#internalCloseButton{width:20px;float:right;margin-top:20px;margin-right:20px;}
#internalCloseButton .fa-times, .deleteButton{font-family: FontAwesomeSolid!important;font-size: 20px; color: #666;position: relative;top:-8px;left:-2px;width:20px;height:20px;font-weight: 200;}
#webinfocontainer{margin-left:1%;width:24%;box-sizing: border-box;float:left;position:relative;}
#websiteContainer{
    z-index:30001;position:fixed;top:0px;left:0px;width:100%;height:100%;background: #fff;
    display:none;
}
.cleaner{clear:both;}

#tabs2{
    display:block;
    table-layout:fixed;
    position:relative;
    width:985px;
    font-weight:bold;
    float:left;
    color:#ccc;
    border-bottom:0px ;
    margin:55px 0px 0px 0px !important;
    cursor: pointer;
    background : #f9f9f9;
    border-bottom:1px solid #aaa !important;
    width:100%;
    padding-top: 5px;

}
#tabs2 div{
    display:block;
    table-layout:fixed;
    position:relative;
    background : #f9f9f9;
    color: #aaa;
    font-weight:normal;
    float:left;
    text-align:center;
    margin:0px;
    padding:15px 20px 15px 20px;
    border-radius: 0px ;
    border:0px;
    font-size:16px;
    font-family: police_light;
    width:auto;
    line-height:16px;
    box-sizing: border-box;
}
#tabs2 div:hover{
    display:block;
    table-layout:fixed;
    position:relative;

    margin:0px;
    color:#ccc;
    background-color : #eee;  color:#000;
    float:left;
    text-align:center;
    border-radius: 0px ;
}
#tabs2 .tabon{
    display:block;
    position:relative;

    background-color : #fff;
    border-top:1px solid #aaa;
    border-right:1px solid #aaa;
    border-left:1px solid #aaa;
    border-bottom:1px solid #fff;
    font-weight:bold;
    margin:0px;
    margin-bottom:-1px;
    color: #000;
    float:left;
    text-align:center;
    border-radius: 0px ;
    font-family: police_regular;
    font-size:16px;
}
#tabs2 .tabon:hover{margin-bottom:-1px;}
.tab_content{width:100%;position:relative;margin-top:20px;box-sizing: border-box;}
@media screen and (max-width:1230px) {
    #websiteList{width:100%;box-sizing: border-box;position:relative;float:none;}
    #webinfocontainer{display:none;}

}
@media screen and (max-width:940px) {
    .website_duration{display:none;}
    .website_name{width:50%;min-width:175px;max-width:250px;}
    .subpage_line{padding-left:5px;}
    .website_item{height:auto!important;padding:1% !important;}

    .website_activity { width: 10%; min-width:65px;}

}
@media screen and (max-width:550px) {
    .website_response{display:none;}
    .website_activity{display:none;}
    .website_item_inside{display:block;}
    .website_item_inside_last:before{content:'Last check: ';}
    .website_item_inside_response:before{content:'HTTP: ';}
}
.fa{color:#fff;display:inline-block;background:#000;padding:4px;width:24px;height:24px;font-size:16px;text-align:center;margin-right:15px;}

.fa-info:hover{cursor:pointer;}
.fa-refresh:hover{cursor:pointer;}

#logs{width:98%;margin-left:1%;table-layout: fixed;}
#logs_head{width:98%;margin-left:1%;table-layout: fixed;}
#logs td{height:35px;border-bottom:1px solid #ddd;padding:3px;}
#logs_head td{padding:3px;}
#logs .date{min-width:130px;}
#logs .website{min-width:130px;}
#logs .service{min-width:130px;}
#logs .log{width:60%}
.wrap {
    white-space: pre-wrap;      /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap;     /* Opera <7 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap: break-word;      /* IE */
}
div.full{height:100%;height:100%;display: flex;align-content: center;align-items: center;}
#loginform {width:370px;left:50%;margin-left:-185px;position:relative;height:160px;}
#loginform .label {width:150px;margin-right:20px;margin-bottom:20px;float:left;font-size:20px;padding-top:10px;font-weight:bold;}
#loginform .input {width:200px;margin-bottom:20px;float:left;font-size:20px;}
#loginform .input input{font-size:20px;padding:10px;width:100%;}