body {font-size:13px;}
.clr {clear:both;}
.fl{float:left;}.fr{float:right;}
.lt-form { padding:5px 0px;}
.lt-form ul {margin:0; padding:0;}
.lt-form ul li {list-style:none; padding-bottom:5px; margin-bottom:5px; width:100%; float:left;}
.lt-form ul li .row {margin:0 !important; padding:0; }
.nav-quote { padding:3px 20px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; width:100%; float:left; 
margin-bottom:20px;}
.nav-quote ul { margin: 0;padding: 0;}
.nav-quote ul li {  list-style: none; float: left;  width: 16%; text-align: center;}
div.dataTables_length select{border:1px solid #dadada;}
.table-bordered,.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {border:1px solid #dadada;}
.pos-relative{position:relative;}
.dbBtn {    right: -7px; top: -30px;padding: 11px;position:absolute;}
input[type="search"]{border:1px solid #CED1D4; margin-left:5px;}
.pagination > li{float:left;}
.smallstat .value-act {font-size:16px;}
.clsplay i.fa-play {padding:12px 0;}
.prev-next {position:inherit;}
.wizard ul li .chevron {display:none !important;}
.wizard ul li {padding:0 15px;}
.wizard ul {width:610px; overflow:auto; float:left;}
.wizard-outr {width:100%; float:left; overflow:auto;}
.db-box {height:90px;}
.clsServerInfo { margin:-1% !important;width:100% !important}
.fulltable {width:100% !important;}
.lstAccount {display : none !important; }
.dataTablesAct table.table .btn{ font-size:12px !important;}
.horizontal-scrollable{overflow-x:auto;}
.horizontal-scrollable .row{margin-left: 0; margin-right: 0;}
.table-inner-striped {
    width: 100%;
}

.table-inner-striped-odd tr:nth-child(even) > td{
    background-color: #f9f9f9 !important;
}
.table-inner-striped-odd tr:nth-child(odd) > td {
    background-color: #fff !important;
}

.table-inner-striped-even tr:nth-child(odd) > td {
    background-color: #f9f9f9 !important;
}
.table-inner-striped-even tr:nth-child(even) > td {
    background-color: #fff !important;
}

.table .details + tr>td{
    padding: 0;
}

.recordColumn{
    text-align: right;
}

.details-control:hover{
    cursor:pointer;
}
.requestAvailability:hover{
    cursor:pointer;
}
.requestBuildSnapshot:hover {
    cursor: pointer;
}
.versionRow {
    text-align: right;
    border-left: 0 !important;
}
.countRow{
    border-right: 0 !important;
}
.details-control-icon {
    text-align: center;
    font-size: 18px;
    padding: 4px;
}
.details-control-icon:hover{
    cursor:pointer;
}
.ccnmb:before {
    content: "Card Number";
}
.ccnmb {
    font-weight: 700;
}
.client-side-error{
    display: none;
}
.user-actions-menu .fa-user {
    color: #fff;
    font-size: 20px;
}

.user-actions-menu {
    left: 0;
    top: -7px;
}
.clsServerInfo.margin-left-0{
    margin-left:0% !important;
}
table.dataTable.clsServerInfo.margin-left-0 tbody tr.even-row td {
    background-color: #f9f9f9;
}

table.dataTable.clsServerInfo.margin-left-0 thead tr.even-row th {
    background-color: #f9f9f9;
}
table.dataTable.clsServerInfo.margin-left-0 thead tr.even-row td {
    background-color: #f9f9f9;
}

table.dataTable.clsServerInfo.margin-left-0 tbody tr.odd-row td {
    background-color: #f3f3f3;
} 
table.dataTable.clsServerInfo.margin-left-0 thead tr.odd-row th {
    background-color: #f3f3f3;
}
table.dataTable.clsServerInfo.margin-left-0 thead tr.odd-row td {
    background-color: #f3f3f3;
}
    .btn.btn-primary.btnSetUsersPassword, .btn.btn-primary.btnConvertUsernameToEmail {
        margin: 10px;
    }

.btn.btn-primary.btnSetUsersPassword {
    background: #9966ff;
}
    .btn.btn-primary.btnSetUsersPassword:hover {
        background: #7A52CC;
    }
    .btn.btn-primary.btnConvertUsernameToEmail {
        background: #ff6600;
    }
        .btn.btn-primary.btnConvertUsernameToEmail:hover {
            background: #CC5200;
        }
.tblDatabaseDetail .tblRow span {
    vertical-align: top;
    display: inline-block;
    padding: 0px 8px 0px 8px;
    line-height: 35px;
   
}
.border-right-span {
    border-right: 1px solid #dadada;
}
.tblDatabaseDetail .tblRow span:empty {
    padding: 17px;
}
.tblDatabaseDetail {
    border: 1px solid #dadada;
   
    width: 100%;
    display: inline-block;
}
.tblDatabaseDetail .tblRow {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #dadada;
    padding: 0px;
}
.tblDatabaseDetail .tblRow.odd.border-bottom-none {
    border-bottom: none;
}

.btn-pink {
    color: #fff;
    background: #e84c8a;
}

.btn-pink:hover, .btn-pink:active {
    color: #fff;
    background: #c50d8d;
}

.tblDatabaseDetail .tblRow span.header {
    color: #34383c;
    font-weight: bold;
}
.width-25p{
    width:25%;
}
.width-30p {
    width: 25%;
}
.has-success .control-label.orangelabel {
    color: #ff8c00 !important;
}
.orangeDiv {
    background: #ffc04d !important;
    border-color: #ffb733 !important;
}

.hidden-column{
    display: none;
}

.float-left {
    width: 50%;
    float: left;
}
.float-right {
    width: 50%;
    float: right;
}
.width-50{
    width:50%;
}
.width-49 {
    width: 49%;
}
.btn-primary.btn-purple {
    background-color: #8A2BE2;
}
    .btn-primary.btn-purple:hover {
        background-color: #800080;
    }
.border-left-span {
    border-left: 1px solid #dadada;
}
.span-remoteDesktopIP {
    width: 100%;
}

/*Responsive Classes*/
@media only screen and (min-width: 900px) {
    /*.tblDatabaseDetail .odd span {
        background: #f3f3f3;
    }*/
    .background-color-change {
        background-color: #f3f3f3;
    }
   
   
    .padding-0 {
        padding: 0px !important;
    }
    .margin-left-4 {
        margin-left: -4px;
    }
}


@media only screen and (max-width: 900px) {
    .float-left, .float-right {
        width: 100%;
        float: none;
    }
    .mobile-desktopIP-outer {
        width: 49%;
        margin-left: -11px
    }
    .span-remoteDesktopIP {
        border-right: none !important;
    }
    .tblDatabaseDetail .tblRow {
        border-bottom: none;
    }

    .mobile-border-bottom {
        border-bottom: 1px solid #dadada;
    }

    .mobile-border-right-none {
        border-right: none;
    }

    .span-mobile-odd {
        background: #f3f3f3 !important;
    }

    .span-mobile-even {
        background: #ffffff;
    }

    .tblDatabaseDetail .tblRow span:empty {
        padding: 0px;
    }
    .tblDatabaseDetail .tblRow span {
      
        padding: 0px 0px 0px 8px;
       
    }
    .btn-primary.btn-purple {
        margin-top: 10%;
    }
}
@media screen and (max-width: 767px) {
    .navbar-brand {
        display: block;
        width: 113px;
        margin-left: 15px;
    }
}

@media screen and (min-width: 991px) and (max-width: 1024px) {

    .btn {
        padding: 6px 8px;
        font-size: 13px;
    }

    .clsServerInfo {
        margin: -1% !important;
        width: 100% !important
    }

    .lstAccount {
        display: none !important;
    }

    .dataTablesAct {
        overflow: auto;
        width: 100%;
    }

    .dataTablesAct table {
        min-width: 791px;
        width: 100% !important;
    }
}
    @media screen and (min-width: 769px) and (max-width: 991px) {
        .btn {
            padding: 6px 8px;
            font-size: 13px;
        }

        .container #sidebar-left.left-form-outr {
            width: 205px !important;
            background: #E9EBEC;
            display: none;
            position: absolute;
            border: 1px solid #dadada;
            /*width:100% !important; height:100%; /*background:#E9EBEC; display:block; position:absolute; border:1px solid #dadada;*/
            border-top: none;
        }

        .lt-form li {
            padding: 3px 20px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .nav-quote ul li {
            float: left;
            width: 25%;
            text-align: left;
        }

        label {
            font-size: 14px;
        }

        .clsServerInfo {
            margin: 0% !important;
            width: 100% !important
        }

        .lstAccount {
            display: none !important;
        }

        .dataTablesAct {
            overflow: auto;
            width: 100%;
        }

            .dataTablesAct table {
                min-width: 791px;
                width: 100% !important;
            }

                .dataTablesAct table.table .btn {
                    font-size: 12px !important;
                }
    }

    @media screen and (min-width: 897px) and (max-width: 990px) {
        .wizard {
            margin-bottom: 45px;
        }

        .prev-next {
            top: 40px;
            left: -14px;
        }

        .clsServerInfo {
            margin: 0% !important;
            width: 100% !important
        }

        .lstAccount {
            display: none !important;
        }
    }

    @media screen and (min-width: 768px) and (max-width: 896px) {
        .hide-tab {
            display: none;
        }

        .wizard {
            margin-bottom: 45px;
        }

        .prev-next {
            top: 40px;
            left: -14px;
        }

        .clsServerInfo {
            margin: 0% !important;
            width: 100% !important
        }

        .lstAccount {
            display: none !important;
        }

        .dataTablesAct {
            overflow: auto;
            width: 100%;
        }

            .dataTablesAct table {
                min-width: 791px;
                width: 100% !important;
            }

                .dataTablesAct table.table .btn {
                    font-size: 12px !important;
                }
    }

    

    @media screen and (min-width: 480px) and (max-width: 767px) {
        .btn {
            padding: 6px 8px;
            font-size: 13px;
        }

        .container #sidebar-left.left-form-outr {
            width: 100% !important;
            height: 100%; /*background:#E9EBEC;*/
            display: block;
            position: absolute;
            border: 1px solid #dadada;
            border-top: none;
        }

        .lt-form li {
            padding: 3px 20px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .nav-quote ul li {
            float: left;
            width: 33%;
            text-align: left;
        }

        label {
            font-size: 14px;
        }

        .dbBtn {
            right: 20px;
            top: 0px;
        }

        .hide-tab {
            display: none;
        }

        .wizard {
            margin-bottom: 45px;
        }

        .prev-next {
            top: 40px;
            left: -14px;
        }

        .db-box {
            height: auto;
        }

        .clsServerInfo {
            margin: 0% !important;
            width: 100% !important
        }

        .lstAccount {
            display: block !important;
        }

        .dataTablesAct {
            overflow: auto;
            width: 100%;
        }

            .dataTablesAct table {
                min-width: 791px;
                width: 100% !important;
            }

                .dataTablesAct table.table .btn {
                    font-size: 12px !important;
                }
    }

    @media screen and (min-width: 321px) and (max-width: 479px) {
        .btn {
            padding: 6px 8px;
            font-size: 13px;
        }

        .lt-form li {
            padding: 3px 20px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .nav-quote ul li {
            float: left;
            width: 50%;
            text-align: left;
        }

        .dbBtn {
            right: 20px;
            top: 0px;
        }

        .hide-mob {
            display: none;
        }

        .prev-next {
            position: relative;
            width: 100%;
            top: 8px;
        }

        .wizard {
            margin-bottom: 45px;
        }

        .prev-next {
            top: 40px;
            left: -14px;
        }

        .db-box {
            height: auto;
        }

        .clsServerInfo {
            margin: 0% !important;
            width: 100% !important
        }

        .lstAccount {
            display: block !important;
        }

        .dataTablesAct {
            overflow: auto;
            width: 100%;
        }

            .dataTablesAct table {
                min-width: 791px;
                width: 100% !important;
            }

                .dataTablesAct table.table .btn {
                    font-size: 12px !important;
                }
    }

    @media screen and (min-width: 0px) and (max-width: 320px) {
        .btn {
            padding: 6px 8px;
            font-size: 13px;
        }

        .lt-form li {
            padding: 3px 20px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .nav-quote ul li {
            float: left;
            width: 50%;
            text-align: left;
        }

        .dbBtn {
            right: 20px;
            top: 0px;
        }

        .hide-mob {
            display: none;
        }

        .prev-next {
            position: relative;
            width: 100%;
            top: 8px;
        }

        .wizard {
            margin-bottom: 45px;
        }

        .prev-next {
            top: 40px;
            left: -14px;
        }

        .db-box {
            height: auto;
        }

        .clsServerInfo {
            margin: 0% !important;
            width: 100% !important
        }

        .lstAccount {
            display: block !important;
        }

        .dataTablesAct {
            overflow: auto;
            width: 100%;
        }

            .dataTablesAct table {
                min-width: 791px;
                width: 100% !important;
            }

                .dataTablesAct table.table .btn {
                    font-size: 12px !important;
                }
    }

@media only screen and (max-width: 767px) {
    #ancDatabaseOptions, #ancDatabaseBilling {
        right: 15px;
        top: -1px;
    }
}