/**
 * UDBA-CP main css file
 *
 * @version: 1.0
 * @author: Zeng Xi http://www.lovelucy.info/
 * @date: 2013-06-25
 * @copyright: Copyright (c) 2013 UDomain Web Hosting Company Limited. All rights reserved.
 * @license: Licensed under Apache License v2.0. See http://www.apache.org/licenses/LICENSE-2.0
 * @website: http://www.udomain.com.hk/
 */

/*** page header ***/

.pageHeader {
    min-width: 1200px;
    z-index: 1000;
    left: 50%;
    top: 40px;
    position: static;
}

.pageHeader .udbaService {
    margin: auto;
    text-align: center;
    max-width: 787px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}

.pageHeader .udbaService a {
    width: 25%;
    min-width: 180px;
    display: inline-block;
    height: 26px;
    box-sizing: border-box;
    border-right: 1px solid #EBEBEB;
    padding: 0px 30px;
    margin: 17px 0px;
    font-weight: 300;
    font-family: 'Heebo', sans-serif;
    color: rgb(51, 122, 183);
}

.pageHeader .udbaService a:last-child {
    border-right: 0px;
}

.pageHeader .udbaService .udbaService_btn {
    box-sizing: border-box;
    outline-width: 0px;
}

.pageHeader .udbaService i.icon-green {
    color: rgb(122, 206, 76);
    font-size: 17px;
}
.unimplemented{
    display: none !important;
}

html, body{
    height: 100%;
}
#main{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by it's height */
    margin: 0 auto -41px;
}
#push,
footer {
    height: 40px;
}
footer {
    background-color: #FFF;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 400;
    border-top: 1px rgba(233, 233, 233, 1) solid;
    box-shadow: rgba(0, 0, 0, 0.0588235) 0px -1px 5px 0px;
    font-weight: lighter;
    font-family: "Open Sans", Arial, serif;

}
@media (max-width: 767px) {
    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
footer .container-fluid {
    padding-top: 10px;
}
.breadcrumb {
    background-color: #FFF;
}

.data-block {
    position: relative;
    margin-bottom: 20px;
}
.block-title {
    margin: 0 0 15px 0;
    border-bottom: 2px solid #FB9333;
    padding-right: 20px;
    display: inline-block;
    text-transform: uppercase;
}
.block-title-action {
    display: inline-block;
}
.data-block .block-container {
    padding: 9px 9px;
    background-color: white;
    border: 1px solid #BEC2C8;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    box-shadow: 0px 0px 4px #AAA;
    overflow: auto;
}
.block-container table{
    max-width: none;
}
.block-container table,
.block-container form {
    margin: 0;
}
.slide-trigger {
    cursor: pointer;
}

/*--------- SIDEBAR STYLES -------------*/

.sidebar{
    padding-top:40px;
}
.sidebar figure a {
    color: initial;
}
.sidebar ul{
    list-style:none;
    padding:0;
    margin:0;
}
.sidebar ul > li{
    font-family: "Open Sans", Arial, serif;
    font-weight: 200;
    color:#222;
    cursor:pointer;
    font-size:16px;
    margin-bottom:2px;
}
.sidebar ul > li a{
    display: block;
}
.sidebar ul >li figure{
    margin:0;
    padding:6px 14px 6px 14px;
    opacity:0.7;
}
.sidebar ul > li figure:hover{
    background-color:#EEE;
    opacity:1;
}
.sidebar ul > li.active figure{
    color:rgba(0,175,219,1);
    background-color:#EEE;
    opacity:1;
}
.sidebar ul > li.active figure a{
    color:rgba(0,175,219,1);
}

.sidebar .badge {
    margin-left: 6px;
}

.sidebar .subside{
    padding:5px 0px 5px 0px;
}
.sidebar .subside > li{
    font-size:14px;
    line-height:17px;
    margin-bottom:5px;
    margin-left:10px;
}
.sidebar .subside > li:hover{
    background-color:rgba(0,175,219,0.1);
}
.sidebar .subside > li > a{
    padding:4px 10px 5px 14px;
}
.sidebar .subside > li > ul{
    padding: 5px 0;
    margin: 2px 0 0;
    width: auto;
}
.sidebar .subside > li > ul > li{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}
.sidebar .subside i {
    opacity: 0.7;
}

.sidebar ul li i{
    margin-top:4px;
}


.sidebar .badge{
    top:-2px;
    position:relative;
    font-family: "Open Sans", Arial, serif;
    font-weight: 200;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    text-shadow:none;

}

/* ------ OTHER STYLES--------------- */
.content{
    padding:20px;
}
.page-header {
    padding-bottom: 0;
    margin: 0 0;
    border-bottom: none;
}

.borBox{
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
.pad40{
    padding-top:40px;
}

.pad115{
    padding-top:115px;
}

.noFM{
    margin-left:0 !important;
    padding-left:0;
}

.badge-notification {
    position: relative;
    top: -10px;
    left: -4px;
    z-index: 10;
    font-size: 10px;
    padding: 1px 4px;
    border-radius: 4px;
}

.new-notification {
    opacity: 1;
    display: inline-block;
    position: relative;
    top: -10px;
    left: -4px;
    z-index: 10;
    width: 10px;
    height: 10px;
    background-image: url('data:image/png;base64,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');
}

.filters input,
.filters select {
    width: auto;
}
.loading {
    background: url('data:image/gif;base64,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') right top no-repeat;
}

/* Angular UI for Bootstrap fix */
.nav, .pagination, .carousel a {
    cursor: pointer;
}

/*------------- PAGES -------------*/
/*----- login -----*/
#login-container {
    width: 435px;
    margin: 110px auto;
}
#login-container h3 {
    font-weight: bold;
    margin: 15px 0;
    line-height: 1;
}
#login-body, #sms-authen-body, #chg-passwd-body {
    padding: 20px;
    background: white;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .10);
    background-color: whiteSmoke;
}
#login-body input[type="text"],
#login-body input[type="password"] {
    width: 88%;
    padding: 2% 2%;
}
#login-body .input-prepend {
    width: 100%;
}
#login-body .input-prepend .add-on {
    padding: 2% 2%;
}
#login-footer {
    margin: 20px 0px;
}

/*----- index -----*/
.service-list li {
    display: inline-block;
    width: 380px;
    margin: 10px 10px;
}
@media (max-width: 1024px) {
    .service-list li {
        width: 320px;
    }
}
.service-list li a {
    display: block;
    text-decoration: none;
}
.service-list li a.disabled {
    -webkit-filter: grayscale(100%);
    filter: url("data:image/svg+xml;filter: gray;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.service-list small {
    font-weight: lighter;
    font-family: "Open Sans", Arial, serif;
    color: #999;
}
.service-icon {
    float: left;
    width: 64px;
    height: 64px;
    background-image: url('/img/service-icon.png');
    position: relative;
}
.ico-ecs {
    background-position: 0 0
}
.ico-slb {
    background-position: -64px 0
}
.ico-oss {
    background-position: -128px 0
}
.ico-rds {
    background-position: -192px 0
}
.ico-odps {
    background-position: -256px 0
}
.ico-ots {
    background-position: -320px 0
}
.ico-ace {
    background-position: -384px 0
}
.ico-yundun {
    background-position: -448px 0
}
.ico-jiankong {
    background-position: -512px 0
}
.ico-cdn {
    background-position: -576px 0
}
.ico-ocs {
    background-position: -640px 0
}
.open-list .ico-ecs {
    background-position: 0 -64px
}
.open-list .ico-slb {
    background-position: -64px -64px
}
.open-list .ico-oss {
    background-position: -128px -64px
}
.open-list .ico-rds {
    background-position: -192px -64px
}
.open-list .ico-odps {
    background-position: -256px -64px
}
.open-list .ico-ots {
    background-position: -320px -64px
}
.open-list .ico-ace {
    background-position: -384px -64px
}
.open-list .ico-yundun {
    background-position: -448px -64px
}
.open-list .ico-jiankong {
    background-position: -512px -64px
}
.open-list .ico-cdn {
    background-position: -576px -64px
}
.open-list .ico-ocs {
    background-position: -640px -64px
}
.pdf-sla {
    font-size: 14px;
}

/*----- help -----*/
.help-block i {
    margin: 10px;
}

/*----- account -----*/
#profile-form .profile-info {
    padding: 0 0 0 15px;
    margin: 0 0 20px;
    border-left: 5px solid #eeeeee;
}

#contact-form .contact-type {
    float: left;
    width: 120px;
    text-align: right;
    font-weight: lighter;
    font-family: "Open Sans", Arial, serif;
    text-transform: uppercase;
}
#contact-form .contact-info {
    margin-left: 130px;
    padding-left: 10px;
    border-left: 1px solid #DDD;
}

/*----- vps -----*/
.os-logo {
    height: 55px;
    background: transparent url(/img/os-logos.png) no-repeat scroll 5px 5px;
}
.os-logo-mini {
    height: 16px;
    background: transparent url(/img/os-logos.png) no-repeat scroll 5px 5px;
    background-size: 16px;
    padding-left: 20px;
}
.os-logo.debian {
    background-position: 5px -55px;
}
.os-logo.ubuntu {
    background-position: 5px -115px;
}
.os-logo.centos {
    background-position: 5px -175px;
}
.os-logo.rhel {
    background-position: 5px -235px;
}
.os-logo.fedora {
    background-position: 5px -295px;
}
.os-logo.gentoo {
    background-position: 5px -355px;
}
.os-logo.linux {
    background-position: 5px -415px;
}
.os-logo.windows {
    background-position: 5px -475px;
}
.os-logo.cdn {
    background-position: 5px -535px;
}
.os-logo-mini.linux{
    background-position: 0px -140px;
}
.os-logo-mini.windows{
    background-position: 0px -160px;
}
.os-logo-mini.cdn{
    background-position: 0px -180px;
}
.vps-action .btn-toolbar {
    text-align: center;
}
.vps-action button.active {
    cursor: default;
    color: #AAA;
}


/*----- share hosting -----*/
.shortcut-widget {
    text-align: center;
}
.ico-list-widget {
    display:block;
    margin: 0 auto;
    background:url(/img/services-widgets.png) no-repeat top left;
}
.ico-list-widget-access-error-logs {
    background-position:0 0;
    width:48px;
    height:48px;
}
.ico-list-widget-backup {
    background-position:0 -53px;
    width:48px;
    height:48px;
}
.ico-list-widget-ip-address {
    background-position:0 -106px;
    width:48px;
    height:48px;
}
.ico-list-widget-load-stats {
    background-position:0 -159px;
    width:48px;
    height:48px;
}
.ico-list-widget-mails {
    background-position:0 -212px;
    width:48px;
    height:48px;
}
.ico-list-widget-mysql {
    background-position:0 -265px;
    width:48px;
    height:48px;
}
.ico-list-widget-mysql-stats {
    background-position:0 -318px;
    width:48px;
    height:48px;
}
.ico-list-widget-outgoing-connections {
    background-position:0 -369px;
    width:48px;
    height:48px;
}
.ico-list-widget-php-settings {
    background-position:0 -424px;
    width:48px;
    height:48px;
}
.ico-list-widget-postgresql {
    background-position:0 -477px;
    width:48px;
    height:48px;
}
.ico-list-widget-site-management {
    background-position:0 -530px;
    width:48px;
    height:48px;
}
.ico-list-widget-ssh-access {
    background-position:0 -583px;
    width:48px;
    height:48px;
}
.ico-list-widget-ssl-certificates {
    background-position:0 -636px;
    width:48px;
    height:48px;
}
.ico-list-widget-traffic-stats {
    background-position:0 -689px;
    width:48px;
    height:48px;
}
.ico-list-widget-web-stats {
    background-position:0 -742px;
    width:48px;
    height:48px;
}
.ico-list-widget-ftp {
    background-position:0 -798px;
    width:48px;
    height:48px;
}
.ico-list-widget-subdomains {
    background-position:0 -849px;
    width:48px;
    height:48px;
}
.ico-list-widget-fm {
    background-position:0 -904px;
    width:48px;
    height:48px;
}
.ico-list-widget-domains {
    background-position:0 -960px;
    width:48px;
    height:48px;
}
.ico-list-widget-installer {
    background-position:0 -1018px;
    width:48px;
    height:48px;
}
.ico-list-widget-memcached {
    background-position:0 -1073px;
    width:48px;
    height:48px;
}
.ico-list-widget-nodejs {
    background-position:0 -1128px;
    width:48px;
    height:48px;
}
.ico-list-widget-varnish {
    background-position:0 -1190px;
    width:48px;
    height:48px;
}
.ico-list-widget-modsecurity {
    background-position:0 -1247px;
    width:48px;
    height:48px;
}
.ico-list-widget-dropbox {
    background-position:0 -1352px;
    width:48px;
    height:48px;
}
.ico-list-widget-beta {
    background-position:0 -1400px;
    width:48px;
    height:48px;
    left:0;
}
.ico-list-widget-new {
    background-position:0 -1296px;
    width:48px;
    height:48px;
    left:0;
}
.ico-list-cnt {
    position:absolute;
    right:-10px;
    z-index:2;
    display:inline-block;
    padding:1px 5px 3px 5px;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    color:#FFF;
    text-shadow:0 1px 1px #000;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    background:#d50505;
    background:-moz-linear-gradient(top,#d50505 0,#dc0202 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#d50505),color-stop(100%,#dc0202));
    background:-webkit-linear-gradient(top,#d50505 0,#dc0202 100%);
    background:-o-linear-gradient(top,#d50505 0,#dc0202 100%);
    background:-ms-linear-gradient(top,#d50505 0,#dc0202 100%);
    background:linear-gradient(to bottom,#d50505 0,#dc0202 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d50505',endColorstr='#dc0202',GradientType=0);
}
.shortcut-widget .info-only {
    -webkit-filter: grayscale(100%);
    filter: url("data:image/svg+xml;filter: gray;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.item-quota-usage {
    margin: 0 10px 5px 0;
    display: inline-block;
}
#traffic-progress,
#db-storage-progress {
    width: 150px;
    margin-bottom: 0px;
    display: inline-block;
    vertical-align: middle;
}
span[data-peity-pie] {
    display: inline-block;
    width: 16px;
    visibility: hidden;
}
.catch-smtp-add-trigger {
    float: right;
    margin-top: 10px;
}
.catch-smtp-del-trigger {
    float: left;
    width: 20px;
    text-align: right;
}
.catch-smtp-record {
    margin-bottom: 15px;
}
.catch-smtp-item {
    margin-left: 30px;
    padding-left: 10px;
    border-left: 1px solid #DDD;
}


/* Animate of Angular View */
.fade-enter-setup, .fade-leave-setup {
    transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.fade-enter-setup,
.fade-leave-setup.fade-leave-start {
    opacity: 0;
}
.fade-leave-setup,
.fade-enter-setup.fade-enter-start {
    opacity: 1;
}
.animate-repeat.ng-move,
.animate-repeat.ng-enter,
.animate-repeat.ng-leave {
    -webkit-transition:all linear 0.3s;
    transition:all linear 0.3s;
}
.animate-repeat.ng-leave.ng-leave-active,
.animate-repeat.ng-move,
.animate-repeat.ng-enter {
    opacity:0;
    max-height:0;
}
.animate-repeat.ng-leave,
.animate-repeat.ng-move.ng-move-active,
.animate-repeat.ng-enter.ng-enter-active {
    opacity:1;
    max-height:40px;
}

.view-animate.ng-enter,
.view-animate.ng-leave {
    -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;

    display:block;
    width:100%;
    border-left:1px solid black;

    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    padding:10px;
}
.view-animate.ng-enter {
    left:100%;
}
.view-animate.ng-enter.ng-enter-active {
    left:0;
}
.view-animate.ng-leave.ng-leave-active {
    left:-100%;
}

.slide-animate.ng-enter,
.slide-animate.ng-leave {
    -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;

    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:block;
    padding:10px;
}
.slide-animate.ng-enter {
    top:-50px;
}
.slide-animate.ng-enter.ng-enter-active {
    top:0;
}
.slide-animate.ng-leave {
    top:0;
}
.slide-animate.ng-leave.ng-leave-active {
    top:50px;
}

.animate-switch.ng-animate {
    -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;

    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.animate-switch.ng-leave.ng-leave-active,
.animate-switch.ng-enter {
    top:-50px;
}
.animate-switch.ng-leave,
.animate-switch.ng-enter.ng-enter-active {
    top:0;
}

.animate-show {
    -webkit-transition:all linear 0.5s;
    transition:all linear 0.5s;
    line-height:20px;
    opacity:1;
    padding:10px;
    border:1px solid black;
    background:white;
}
.animate-show.ng-hide-add,
.animate-show.ng-hide-remove {
    display:block!important;
}
.animate-show.ng-hide {
    line-height:0;
    opacity:0;
    padding:0 10px;
}

::-webkit-scrollbar{width:7px;}
::-webkit-scrollbar-track{background-color:white;}
::-webkit-scrollbar-track:hover{background-color:white;}
::-webkit-scrollbar-thumb{background-color:rgba(0,175,219,0.4);}
::-webkit-scrollbar-thumb:hover{background-color:rgba(0,175,219,0.7);}

input:invalid,
textarea:invalid,
select:invalid {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7;
}

.left-block{
    margin-left:0 !important;
}
.input-hidden{
    display:none !important;
}
.editable .help-block{
    margin-bottom:0px !important;
}
.short-line{
    width:94px;
    margin-right:5px;
}
.table .editable{
    padding: 8px;
}

.table .editable input{
    border-radius: 0px;
    webkit-border-radius: 0px;
}

.control-label-lg{
    width: 230px !important;
}
.form-horizontal .controls-lg{
    margin-left: 250px !important;
}
.bottomDiv{
    bottom: 50px;
    position: absolute;
}
.expiryDate{
    font-size: 15px;
    color: #999999;
    margin-left: 60px;
}
.moreLink{
    color:#999999;
    font-size:11px;
}
.vasTitle{
    display: inline-block;
    width:200px;
}
.domainListSpan{
    display: inline-block;
    width: 170px;
}
input.ng-invalid-pattern:focus{
    border-color: #e9322d;
    box-shadow: 0 0 6px #f8b9b7;
}
.no-margin-top{
    margin-top: 0;
}
.no-margin{
    margin:0;
}
#editContactInfoModal{
    width: 960px;
    margin-left: -480px;
}

#browserSuggestion{
    font-size: 12px;
}
input.countryCode{
    width:50px;
}
.error{
    color: red;
}

@font-face {
    font-family: 'Heebo';
    src: url(/static/fonts/Heebo/Heebo-Regular.ttf) format('truetype');
    font-weight: normal;
}
@font-face {
    font-family: 'Heebo';
    src: url(/static/fonts/Heebo/Heebo-Bold.ttf) format('truetype');
    font-weight: bold;
}
@font-face {
    font-family: 'Heebo';
    src: url(/static/fonts/Heebo/Heebo-Light.ttf) format('truetype');
    font-weight: light;
}

.top-banner {
    position: absolute;
    width: 100%;
    height: 97px;
    top: 40px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    padding: 0;
    line-height: 97px;
    font-size: 16px;
}

.top-banner div {
    padding-right: 20px;
}

.top-banner div .text-success,
.upgrade-box div .text-success {
    color: #54A742;
}

.top-banner div .muted {
    padding-right: 16px;
    color: #9C9C9C;
}

.top-banner div a,
.top-banner div a:hover,
.top-banner div a:focus {
    background: linear-gradient(0deg, #F5F5F5 -5.28%, rgba(245, 245, 245, 0) 100%);
    border: 1px solid #54A742;
    box-sizing: border-box;
    border-radius: 3px;
    color: #54A742;
    padding: 13px 27px;
}

.upgrade-box {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    margin-bottom: 15px;
    color: #9C9C9C;
    font-size: 16px;
    font-weight: bold;
}

.upgrade-box div.span12 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
}

.upgrade-box div a {
    height: 40px;
    width: 300px;
    line-height: 40px;
    font-weight: 400;
}

.upgrade-box div a div {
    display: flex;
    justify-content: space-between;
}

.upgrade-box div a.btn-default {
    color: #9C9C9C;
    margin-bottom: 5px;
}

.upgrade-box div .text-danger {
    color: #b323ca;
}

:root {
    --UD-blue: #2A3A95;
    --UD-blueStart: #332D79;
    --UD-blueEnd: #427192;
    --UD-green: #47B549;
    --UD-greenStart: #337E57;
    --UD-purple: #B323CA;
    --UD-red: #DB1A33;
    --UD-grey3C: #3C3C3C;
    --UD-grey6C: #6C6C6C;
    --UD-grey9C: #9c9c9c;
    --UD-greyCC: #cccccc;
    --UD-greyEB: #ebebeb;
    --UD-font: 12px;
    --UD-fontMiddle: 14px;
    --UD-fontNormal: 16px;
    --UD-fontHeading: 22px;
    --headerHeaderA: 560px;
    --headerHeaderB: 360px;
}