

body {margin:0px;padding:0px;background:#fff;}

@font-face {

    font-family:'HelveticaNeue-Regular';

    src: url('../fonts/HelveticaNeue_gdi.eot');

    src: url('../fonts/HelveticaNeue_gdi.eot?#iefix') format('embedded-opentype'),

        url('../fonts/HelveticaNeue_gdi.woff') format('woff'),

        url('../fonts/HelveticaNeue_gdi.ttf') format('truetype'),

        url('../fonts/HelveticaNeue_gdi.svg#HelveticaNeue-Regular') format('svg');

    font-weight: 400;

    font-style: normal;

    font-stretch: normal;

    /*unicode-range: U+0-10FFFF;*/

}

.no_background{background:none !important;}

#wrapper{margin:0px;padding:0px;width:100%;}

.manage_content{margin:30px 0px;padding:0px;max-width:850px;width:100%;}

.manage_tab_sec{margin:0px;padding:0px;}

ul.manage_tab_menu{margin:0px;padding:0px;}

ul.manage_tab_menu li {float: left;list-style: outside none none;margin:0 7px 3px 0;max-width: 100px;text-align: center;width: 100%;}

ul.manage_tab_menu li a {background: #f1f1f3 none repeat scroll 0 0;border-radius:3px;float: left;max-width: 99px;padding: 16px 5px 10px;text-decoration: none;width: 100%;}

ul.manage_tab_menu li a i {display: block;height: 31px;padding: 0;text-align: center; width: 100%;}

.m_detail{margin:0px;padding:0px;background:url(../images/detail_icon.png) no-repeat center;}

.m_us{margin:0px;padding:0px; background:url(../images/us_icon.png) no-repeat center;}

.m_pwr{margin:0px;padding:0px; background:url(../images/power_icon.png) no-repeat center;}

.m_res{margin:0px;padding:0px; background:url(../images/resources_icon.png) no-repeat center;}

.m_data{margin:0px;padding:0px; background:url(../images/data_icon.png) no-repeat center;}

.m_ftp{margin:0px;padding:0px; background:url(../images/ftp_bkb_icon.png) no-repeat center;}

.m_stst{margin:0px;padding:0px; background:url(../images/statis_icon.png) no-repeat center;}

.m_tool{margin:0px;padding:0px; background:url(../images/vmtool.png) no-repeat center;}

.m_sp{margin:0px;padding:0px; background:url(../images/sp_shoot.png) no-repeat center;}

.m_mg{margin:0px;padding:0px; background:url(../images/migrate.png) no-repeat center;}

ul.manage_tab_menu li a p{margin:0x;padding:6px 0px 0;font-family:'HelveticaNeue-Regular';font-size:14px;color:#1c1c1c;}

ul.manage_tab_menu li a:hover, ul.manage_tab_menu li a.selected{background:#006687;transition:all 0.4s ease 0s;}

ul.manage_tab_menu li a:hover  p, ul.manage_tab_menu li a.selected p{color:#fff;}

ul.manage_tab_menu li a:hover i.m_detail, ul.manage_tab_menu li a.selected i.m_detail{ background:url(../images/detail_icon_hr.png) no-repeat center;}

ul.manage_tab_menu li a:hover i.m_us, ul.manage_tab_menu li a.selected i.m_us{ background:url(../images/us_icon_hr.png) no-repeat center;}

ul.manage_tab_menu li a:hover i.m_pwr, ul.manage_tab_menu li a.selected i.m_pwr{ background:url(../images/power_icon_hr.png) no-repeat center;}

ul.manage_tab_menu li a:hover i.m_res, ul.manage_tab_menu li a.selected i.m_res{ background:url(../images/resources_icon_hr.png) no-repeat center;}

ul.manage_tab_menu li a:hover i.m_data, ul.manage_tab_menu li a.selected i.m_data{ background:url(../images/data_icon_hr.png) no-repeat center;}

ul.manage_tab_menu li a:hover i.m_ftp, ul.manage_tab_menu li a.selected i.m_ftp{ background:url(../images/ftp_bkb_icon_hr.png) no-repeat center;}

ul.manage_tab_menu li a:hover i.m_stst, ul.manage_tab_menu li a.selected i.m_stst{ background:url(../images/statis_icon_hr.png) no-repeat center;}

ul.manage_tab_menu li a:hover i.m_sp, ul.manage_tab_menu li a.selected i.m_sp{ background:url(../images/sp_shoot_hr.png) no-repeat center;}

ul.manage_tab_menu li a:hover i.m_mg, ul.manage_tab_menu li a.selected i.m_mg{ background:url(../images/migrate_h.png) no-repeat center;}

ul.manage_tab_menu li a:hover i.m_tool, ul.manage_tab_menu li a.selected i.m_tool{ background:url(../images/vmtool_hr.png) no-repeat center;}



/************** manage_tab_content **************/



.manage_tab_content{margin:20px 0 5px;padding:0px;background:#f1f1f3;border:1px solid #006687;border-radius:3px;width:100%;float:left;clear:both;}

.tab_row {clear: both;margin: 0;padding: 0;width: 100%;font-size: 16px;font-family:'HelveticaNeue-Regular';}

.tab_row strong {background: #006687 none repeat scroll 0 0;border-bottom: 2px solid #006687;color: #fff;float: left;font-weight: normal;line-height: 27px;margin: 0;padding: 5px 18px;text-align: right;vertical-align: text-bottom;width: 25%;}

.tab_row span {border-bottom: 1px solid #ccc;border-top:1px solid #fff;float: left;line-height: 27px;font-size: 15px;padding: 5px 25px;width: 75%; text-align:left;}



/****************** power_sec *******************/

.m_power{padding:20px 25px;}

.power_sec{margin:20px 0px;padding:0px;}

.nav-tabs{border:none;}

ul.power_tab li a{background: #f1f1f3 none repeat scroll 0 0;border-radius: 3px !important; margin: 0 7px 0 0; border:none;color: #1c1c1c;font-family:'HelveticaNeue-Regular';font-size:15px;padding: 12px;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{background:#006687;color:#fff;border:none;}

.tab-pane p{font-size: 16px;font-family:'HelveticaNeue-Regular'; color:#1c1c1c;line-height:30px;margin:0px;padding:0px;    text-align: left;}

.reb_btn{background:#46a546; margin:20px 0 0px;padding:8px 28px;float:right;clear:both;font-size: 16px;font-family:'HelveticaNeue-Regular'; color:#fff;letter-spacing:0.1em;border-radius:3px;text-shadow: 0 1px 3px #0b660b; text-decoration:none;transition:all 0.4s ease 0s;border:2px solid #f1f1f3;}

.reb_btn:hover{text-decoration:none !important;color:#46a546;background:none;border:2px solid #46a546; text-shadow:none;}

.reb_btn:focus{text-decoration:none !important;}



/****************** data *******************/

.power_tab li {margin-bottom:3px;}

.power_tab li a img {margin: 0 8px 0 0;vertical-align: middle;}

ul.power_tab li a i {background-position: center top;display: block;float: left;height: 31px;margin: 0 8px 0 0;padding: 0;text-align: center;width: 30px;}

.hd_info{margin:0px;padding:0px; background:url(../images/hdinfo_icon.png) no-repeat left top;}

.cp_info{margin:0px;padding:0px; background:url(../images/cpifo_icon.png) no-repeat left top;}

.power_tab > li a:hover .hd_info, .power_tab > li a:focus .hd_info{background:url(../images/hdinfo_icon_hr.png) no-repeat left top;}

.power_tab > li a:hover .hd_info, .power_tab > li a:focus .cp_info{background:url(../images/hdinfo_icon_hr.png) no-repeat left top;}

.power_tab > li > a:focus, .nav > li > a:hover {background-color: #006687;text-decoration: none;color:#fff;}

.text_b {font-weight:bold !important; color:#4bba4b !important;letter-spacing:0.05em;}



/****************** data *******************/

.manage_heading{background:#272727;margin:0px;padding:0px;width:100%;}

.manage_heading h2{margin:0px;padding:10px 0px 10px 25px;font-size: 20px;font-family:'HelveticaNeue-Regular'; color:#6bb76b;}

.m_detail_cont{margin:0px;padding:12px 25px;}

.m_detail_cont p{margin:0px;padding:0px;font-size: 13px;font-family:'HelveticaNeue-Regular'; color:#444444;line-height:24px;letter-spacing:0.05em;}

.m_detail_cont p strong{font-weight:normal;color:#222;font-size: 14px;}



.ftp_row strong p{margin:0px !important;}

.ftp_row strong{text-align:center !important;font-weight:bold;letter-spacing:0.05em;padding:29px 18px 24px !important;max-width:264px;}

.ftp_row span{border-top:1px solid #ccc;}

.progress {border-radius: 24px;background:#fff;box-shadow: 0 1px 2px #bfbfbf;height: 16px;margin: 1px 0;}

.progress-bar {background-color: #46a546;}



.manage_table{margin:0px;padding:0px;}

.row_heading {border-bottom: 1px solid #ccc;height: 40px;line-height:40px;width: 100%;}

.rh2{background:#ecf5ec;}

.r4TableHead {font-size: 14px;font-family:'HelveticaNeue-Regular'; color:#111;float: left;overflow: hidden;padding: 0;text-align: left;width: 9%;}

.row_heading div:first-child {text-align: center;width: 5%;}

.row_heading div:nth-child(2n) {width: 19%;}

.row_heading div:nth-child(3n) {width: 19%;}

.r4TableCell{ float: left;font-size: 13px;font-family:'HelveticaNeue-Regular'; color:#444444;overflow: hidden;padding: 0;text-align: left; width: 9%;}

.manage_content .row{margin:0px !important;}

.manage_content .col-lg-12, .col-md-12{padding:0px !important;}

.r4TableCell a { padding: 0 15px 0 0;}



@media only screen and (max-width: 320px) {

    .manage_content { margin: 30px auto; max-width: 850px;padding: 0;width: 99%;}

    ul.power_tab li a {font-size: 13px;padding: 10px 12px;}

    .manage_tab_content .tab_row:nth-child(3n) span { line-height: 13px;}

    .tab_row { font-size: 13px;   }

    .tab_row strong {padding: 20px 7px; width: 50%;}

    .tab_row span {padding: 20px 12px;width: 50%;}

    .row_heading div:first-child {text-align: center; width: 7%;}



    .r4TableCell { font-size: 11px;line-height: 16px; overflow: hidden; padding: 4px 4px; text-align: center;vertical-align: bottom;width: 8%;word-break: break-all;}

    .r4TableHead {color: #111;float: left;font-size: 12px;line-height: 16px;overflow: hidden;padding: 3px 0;text-align: center;width: 8%;}

}

@media only screen and (min-width: 321px) and (max-width: 480px) {



    .manage_content {margin: 30px auto;max-width: 850px;padding: 0;width: 99%;}

    ul.power_tab li a {

        font-size: 13px;

        padding: 10px 12px;

    }

    .tab_row { font-size: 13px;    }

    .tab_row strong {padding: 20px 7px; width: 50%;}

    .tab_row span {padding: 20px 12px;width: 50%;}

    .row_heading div:first-child {text-align: center;width: 7%;}



    .r4TableCell {font-size: 11px;line-height: 16px;overflow: hidden;padding: 4px 4px;text-align: center;vertical-align: bottom;width: 8%;word-break: break-all;}

    .r4TableHead {font-size: 12px;    line-height: 16px;overflow: hidden;padding: 3px 0;text-align: center;width: 8%;}

}

@media only screen and (min-width: 481px) and (max-width: 768px) {

    .manage_content { margin: 30px auto;max-width: 850px; padding: 0;width: 98%;}

    .row_heading div:first-child {text-align: center;width: 7%;}



    .r4TableCell {font-size: 13px;line-height: 16px;overflow: hidden;padding: 4px 4px;text-align: center;vertical-align: bottom;width: 8%;word-break: break-all;

    }

    .r4TableHead {

        font-size: 13px;

        line-height: 16px;

        overflow: hidden;

        padding: 3px 0;

        text-align: center;

        width: 8%;

    }

    .tab_row { font-size: 14px;    }

    .tab_row strong {padding: 20px 7px; width: 50%; max-width:none;}

    .tab_row span {padding: 20px 12px;width: 50%;}



}

@media only screen and (min-width: 769px) and (max-width: 980px) {





}

.manage_tab_menu p {

    text-align: center !important;

}

#loaderabckground {

    background: rgba(0,0,0,.3);

    height: 100%;

    left: 0;

    opacity: 0.7;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 99999;

}

#serverloader {

    height: 100%;

    left: 0;

    margin: 0 auto;

    opacity: 1;

    position: fixed;

    top: 40%;

    width: 100%;

    z-index: 99999;

}

#responseMessage {

    margin: 25px 0 0;

}

div#toolresponseMessage {

    margin: 20px 0 0 0;

}

.percentagediv {

    width: 200px;

    display: inline-block;

    background: #fff;

    height: 10px;

    border: 1px solid #f5f5f5;

}



.percentage_inr {

    background: #ccc;

    height: 8px;

}

.percentage_inr.green {

    background: rgb(70, 165, 70)!important;

}



.percentage_inr.moderate {

    background: rgba(255, 82, 0, 0.87)!important;

}

.percentage_inr.high {

    background: #ff0000!important;

}

#popup_outer {

    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;

    height: 100%;

    left: 0;

    opacity: 1;

    position: fixed;

    right: 0;

    top: 0;

    width: 100%;

    z-index: 99999;

}



#popup_outer > div {

    background: #fff none repeat scroll 0 0;

    border: 5px solid #ddd;

    height: 100%;

    left: 0;

    margin: 0 auto;

    opacity: 1;

    padding: 10px;

    position: fixed;

    right: 0;

    top: 2%;

    width: 65%;

    z-index: 999999;

    overflow-x: scroll;

}

.btn_list {

    background: #ccc none repeat scroll 0 0;

    margin: 5px 0 15px;

    padding: 4px 0;

    text-align: left;

    width: 100%;

}



.btn_list > a {

    background: #ccc none repeat scroll 0 0;

    border: 1px solid #ccc;

    color: #333;

    cursor: pointer;

    font-size: 12px;

    font-weight: normal;

    line-height: 26px;

    margin: 0;

    padding: 7px 15px;

}



#pluginPanel{

    border: 2px solid blue;

    height: 480px;

    max-height: 100%;

    width: 100%;

}



#set_full_screen_server:hover{

    background: #bbb;

}



#connect_server:hover, #cltdlt_server:hover{

    background: #bbb;

}



#disconnect_server:hover{

    background: rgba(244, 67, 54, 0.91);

}

#vmresponsediv {

    display: inline-table;

    width: 100%;

}

.fa-li.fa.fa-spinner.fa-spin {

    display: inline-table;

    position: static;

    text-align: center;

    width: auto;

}

i.fa.fa-spinner.fa-pulse {

    font-size: 20px;

    display: inline-table;

    position: static;

    text-align: center;

    width: auto;

}



.container-blur {

    background: transparent none repeat scroll 0 0;

    height: 100%;

    left: 0;

    position: absolute;

    right: 0;

    width: 100%;

    z-index: 999999999;

}

a:focus, a:hover {

    outline: medium none;

    text-decoration: none;

}



#vmresponsediv, #responseMessage, #toolresponseMessage, #snapshotresponseMessage{

    margin-bottom: -24px;

    margin-top: 10px;

}

div#snapShotList {

    float: left;

    width: 100%;

    border-top: 1px solid #ccc;

    margin: 10px 0;

    padding: 10px 0 0 0;

}

.snapshotListButtonDiv {

    width: 100%;

    margin-bottom: 20px;

    float: left;

}

#snapShotList input[type='text'], #snapShotList textarea {

    border: none;

    padding: 5px;

    background: #f5f5f5;

}

.snapshotListButtonDiv a {

    clear: none;

}

a.reb_btn.btn_disabled {

    background: #ccc none repeat scroll 0 0 !important;

    color: #666 !important;

    cursor: no-drop;

    font-style: inherit;

    pointer-events: none;

    text-shadow: none !important;

}



.snapshotListButtonDiv label {

    display: inline-table;

    float: left;

    padding: 5px;

}

div#consoleNotInstalled {

    width: 96%;

    font-weight: 600;

    color: #ff0000;

    /* border: 1px solid #ccc; */

    padding: 50px;

    margin: 20px 0;

    position: absolute;

    top: 17%;

    z-index: 9999999;

}

#console_continer{

    margin-bottom: 30px;

}

.backpage {

    text-align: left;

    /*float: left;*/

    padding: 0 10px !important;

}

.show_network {

    text-align: left;

    margin: 15px 0 0px 0;

}

button#viewNetwork {

    background: #006687;

    border: 1px solid #006687;

    border-radius: 2px;

    color: #fff;

    padding: 5px 10px;

}

div#vmdetailcont {

    margin: 20px 0 0 0;

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

    border-bottom: 0;

}

/*div#vmTabshownetwork {

    margin: 0;

    border-top: 0;

    border-top-right-radius: 0;

    border-top-left-radius: 0;

}*/



.custom_switch {

    width: 80px;

    /*border: 1px solid #ccc;*/

    height: 25px;

    float: right;

    text-align: left;

    position: relative;

    display: inline-table;

    border-right: none;

}

.custom_switch span {

    float: left !important;

    width: 50% !important;

    padding: 0px !important;

    margin: 0 !important;

    border: none !important;

    line-height: 24px !important;

    text-align: center !important;

    border-right: 1px solid #bcb9b9 !important;

    cursor: pointer;

    font-weight: 600;

    background: #ccc;

    color: #fff !important;

}

span#poweredOn:hover {

    background: #13ce13 !important;

}



span#poweredOff:hover {

    background: #e71a1a !important;

}

#poweredOn{

    border-radius: 15px 0 0 15px;

}

.poweredOn{

    background: #13ce13 none repeat scroll 0 0 !important;

    cursor: default !important;

    pointer-events: none;

}

#poweredOff{

    border-radius: 0 15px 15px 0;

    font-size: 13px;

    letter-spacing: 0.5px;

    padding: 0 4px 0 0 !important;

}

.poweredOff{

    background: #e71a1a !important;

    cursor: default !important;

    pointer-events: none;

}

div#powerResp {

    margin: 15px 0 0 0;

}

div#powerResp i {

    font-size: 30px;

}

.vmdetaitab{

    margin: 20px 0px;

    padding: 0px;

}



table.table-list th{

    text-align: left !important;

}

div#vmresponsediv {

    margin-top: 20px;

}



.vmcrdesc {

    background: #d9c84f52;

    border: 1px solid #f3edc6;

    padding: 10px;

    margin-top: 20px;

}