html {
   -ms-overflow-style: scrollbar;
}
  .customchkuserbox {
        border: solid 1px;
        min-height: 155px;
        border-color: gainsboro;
        padding-top: 10px;
    }
body {
    font-size: 13px;
}

#signin-demo {
    display: none;
}

#demo-settings {
    display: none;
}

.input-lg {
    border-radius: 3px;
}

.form-control {
    border-radius: 2px;
}

.signin-form .memorable_form_block .form-control {
    border-radius: 2px;
    width: 65%;
    display: inline;
}

.theme-default.page-signin .signin-info, .theme-default.page-signup .signup-header {
    background: rgba(63, 81, 181, 0.8);
}

.img-reponsive {
    max-width: 100%;
    display: inline-block;
    width: 100%;
}

.page-signin .signin-info {
    padding: 0;
}

    .page-signin .signin-info ul {
        padding: 30px;
    }

    .page-signin .signin-info .logo {
        background-color: #fff;
        padding: 15px;
        margin-bottom: 0.5em;
        display: block;
    }

.theme-default .bg-primary {
    background: #ff8200 !important;
}

.page-signin .form-actions .signin-btn:hover {
    background: #011b96 !important;
}

.signin-form .top_pad {
    margin-top: 1.5em;
}

.signin-form i {
    color: #ff1e00;
}

.btn {
    border-radius: 2px;
    padding: 7px 8px;
}


.form-control {
    padding: 6px 8px;
}

.page-signin .alert {
    margin-top: 18px;
    margin-bottom: 0;
}

/* ===============  FOR DASH BOARD CSS START ===================== */

/*.btn-warning.btn-flat{background: #011b96;}
.btn-warning, .btn-warning:focus{border-color:#00167a;}
.btn-warning.btn-flat.active, .btn-warning.btn-flat:active, .btn-warning.btn-flat:hover, .open .btn-warning.btn-flat.dropdown-toggle{background: #021d9f!important;}
.btn-warning:hover {
    background: #031fa6 linear-gradient(to bottom, #021ea1 0px, #011c9a 100%) repeat scroll 0 0 !important;
    border-color: #011781 #011781 #011781;
    }*/

.form-actions .btn-warning, .form-actions .btn-warning:focus {
    background: #4caf50 linear-gradient(to bottom, #5ac35e 0px, #62cb66 100%) repeat-x scroll 0 0;
    border-color: #52b556 #52b556 #62cb66;
}

    .form-actions .btn-warning:hover {
        background: #62cb66 linear-gradient(to bottom, #5ac35e 0px, #4caf50 100%) repeat scroll 0 0 !important;
    }

.theme-default #main-navbar .navbar-brand div, .theme-default .demo-logo {
    background: transparent;
}

.theme-default.main-menu-right #main-navbar .navbar-header, .theme-default.mmc #main-navbar .navbar-header {
    background: rgba(255, 255, 255, 1);
}

.theme-default #main-navbar .navbar-header {
    background: #fff;
}

#main-navbar .navbar-brand div, #main-navbar .navbar-brand div img {
    width: 100px;
    height: auto;
}

#main-navbar .navbar-brand {
    line-height: 30px;
}

.theme-default #main-menu-bg {
    background-color: #3f51b5;
}

.theme-default #main-menu .mmc-dropdown-open-ul a::after, .theme-default #main-menu .navigation a::after {
    background: rgba(255, 130, 0, 1);
}

.theme-default #main-menu li.active > a {
    background: #2639a4;
}

    .theme-default #main-menu li.active > a .menu-icon {
        color: #fff;
    }

.theme-default #main-menu .mm-dropdown > ul, .theme-default #main-menu .mmc-dropdown-open-ul {
    background: #3347b6;
}

#main-menu .navigation {
    padding: 47px 0 0;
}

#content-wrapper {
    padding: 75px 18px 18px;
}

.mme #main-navbar #main-menu-toggle {
    width: 56px;
    height: 47px;
}

.mme #content-wrapper, .mme #main-navbar .navbar-inner {
    left: 56px;
}

#main-navbar #main-menu-toggle .hide-menu-text {
    left: 54px;
}

.theme-default #main-navbar #main-menu-toggle i {
    color: #011b96;
}

.theme-default #main-navbar #main-menu-toggle .fa::before {
    color: #011b96;
}

.theme-default #main-navbar #main-menu-toggle, .theme-default #main-navbar .navbar-brand, .theme-default #main-navbar .navbar-header a, .theme-default #main-navbar .navbar-toggle {
    color: #011b96;
}

#main-menu .mmc-dropdown-open-ul .menu-icon, #main-menu .navigation .menu-icon {
    color: #dedede;
    font-size: 18px;
    line-height: 17px;
    vertical-align: middle;
}

.theme-default #main-menu .navigation a, .theme-default #main-menu .mmc-dropdown-open-ul a {
    color: #dedede;
}

.nav .dropdown > .dropdown-toggle .nav-icon {
    font-size: 18px;
}

.navbar .nav-icon-btn > a .badge, .navbar .nav-icon-btn > a .label {
    font-size: 10px;
    padding: 3px 2px;
    right: 1px;
    top: 4px;
}

/* ===============  FOR DASH BOARD CSS END ===================== */

/* ============== NEW CSS ADDED 31-10-2016 START =============== */

#domain_list {
}

    #domain_list tbody tr td:first-child {
        width: 90%;
    }

    #domain_list tbody tr td:last-child {
        text-align: center;
    }

    #domain_list td i {
        font-size: 20px;
    }
/*#domain_add_table .panel-padding{padding: 0!important;}*/

.add_role {
}

    .add_role textarea {
        resize: none;
    }

.input-group-btn > .btn {
    line-height: 18px;
}

.input-group-btn:last-child > .btn {
    margin-left: 0;
}

.theme-default .table-primary .table-header, .theme-default .table-primary thead, .theme-default .table-primary thead th, .theme-default .table-primary thead tr {
    background-color: #f9f1c7 !important;
    color: #af8640;
}

.theme-default .table-primary table {
    border-color: #f6deac !important;
}

.theme-default .table-primary .table-header, .theme-default .table-primary thead, .theme-default .table-primary thead th, .theme-default .table-primary thead tr {
    border-color: #f6deac !important;
}

.table-footer {
    margin-top: 0;
}

.theme-default .pagination > li.active > a, .theme-default .pagination > li.active > a:focus, .theme-default .pagination > li.active > a:hover, .theme-default .pagination > li.active > span {
    background: #111;
    border-color: #111;
}

.theme-default .pagination > li > a:hover {
    border-color: #a5a5a5;
}

.btn_wrap {
}

    .btn_wrap .form-group .btn {
        margin: 0.5em 0;
    }

.top_pad {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.small_chkbox {
    display: inline-block !important;
}

/* ============== NEW CSS ADDED 31-10-2016 END =============== */

/* ============== NEW CSS ADDED 02-11-2016 START =============== */

.form-group .small_chkbox input.px {
    left: 18px !important;
    top: 9px;
}

.input-group {
    width: 100%;
}

.small_width {
    width: 81% !important;
}

.panel-delete {
    background-color: #fff6f6 !important;
    color: gray !important;
}

.btn-xs {
    padding: 4px 7px !important;
}

.no-pad {
    padding: 0;
}

/* ============== NEW CSS ADDED 02-11-2016 END =============== */

/* ============== NEW CSS ADDED 14-11-2016 START =============== */

#contact_search_list thead tr th:first-child {
    width: 20%;
}

.float_src_block {
    width: 380px;
    position: fixed;
    background-color: #fff;
    right: 0;
    top: 18%;
    z-index: 999;
    color: #262626;
    border: 4px solid #3f51b5;
    border-right: 0;
    -moz-box-shadow: 0px 2px 8px #888;
    -webkit-box-shadow: 0px 2px 8px #888;
    box-shadow: 0px 2px 8px #888;
    padding-bottom: 12px;
}

#search_box, #search_box2, #search_boxNewProduct {
    display: block;
}

    #search_box #demo-settings-toggler {
        left: -195px;
        background-color: #3f51b5;
        width: 140px;
        height: auto;
        padding-right: 0;
        top: 0px;
        line-height: 20px;
        border-radius: 0;
        cursor: pointer;
        padding: 1px 2px;
    }

    #search_box2 #demo-settings-toggler {
        left: -272px;
        background-color: #3f51b5;
        width: auto;
        height: auto;
        padding: 0 5px;
        top: 0px;
        line-height: 20px;
        border-radius: 0;
        cursor: pointer;
    }

    #search_boxNewProduct #demo-settings-toggler {
        left: -272px;
        background-color: #3f51b5;
        width: auto;
        height: auto;
        padding: 0 5px;
        top: 0px;
        line-height: 20px;
        border-radius: 0;
        cursor: pointer;
    }

    #search_box h5 {
        font-size: 14px;
        color: #fff;
        font-weight: normal;
        text-transform: none;
        line-height: 18px;
        padding: 2px 5px;
        margin-top: 7px;
    }

    #search_box2 h5 {
        font-size: 14px;
        color: #fff;
        font-weight: normal;
        text-transform: none;
        line-height: 30px;
        padding: 5px;
        margin-top: 7px;
    }

    #search_boxNewProduct h5 {
        font-size: 14px;
        color: #fff;
        font-weight: normal;
        text-transform: none;
        line-height: 32px;
        padding: 5px;
        margin-top: 7px;
    }

#search_box_list {
    padding: 0;
    margin: 0;
    list-style: none;
}

    #search_box_list li {
        border-bottom: 1px solid #666;
        padding: 12px 20px;
    }

    #search_box_list .form-control {
        margin: 3px 0;
        height: 28px;
        background-color: #fff;
        font-size: 12px;
        color: #2f2f2f;
    }

    #search_box_list .input-group-btn > .btn {
        line-height: 14px;
        padding: 6px 8px;
    }

    #search_box_list .input-group .form-conrol {
        background-color: #fff !important;
        height: 32px;
        color: #2f2f2f !important;
    }

    #search_box_list .input-group .form-control::-moz-placeholder {
        color: #2f2f2f;
    }

    #search_box_list li select.form-control {
        width: 48.8%;
        display: inline;
    }

    #search_box_list li #divbuildproduct input.form-control {
        width: 48.8%;
        display: inline;
    }


#divsearchbox {
    transform: rotate(-90deg);
    position: absolute;
    top: 306px;
    margin-top: 0px;
    z-index: 9999;
    left: -83px;
}

#divsearchbox2 {
    transform: rotate(-90deg);
    position: absolute;
    left: -51px;
    top: 74px;
    margin-top: 0px;
    z-index: 9999;
}

#divsearchboxNewProduct {
    transform: rotate(-90deg);
    position: absolute;
    left: -67px;
    top: 169px;
    margin-top: 0px;
    z-index: 9999;
}

#divsearchboxFleet #demo-settings-toggler {
    left: -272px;
    background-color: #3f51b5;
    width: auto;
    height: auto;
    padding: 0 5px;
    top: 0px;
    line-height: 20px;
    border-radius: 0;
    cursor: pointer;
}

#divsearchboxFleet h5 {
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    text-transform: none;
    line-height: 32px;
    padding: 5px;
    margin-top: 7px;
}

#divsearchboxFleet {
    transform: rotate(-90deg);
    position: absolute;
    left: -67px;
    top: 169px;
    margin-top: 0px;
    z-index: 9999;
}


#search_box .input-group .form-control {
    width: 100%;
}

/* ============== NEW CSS ADDED 14-11-2016 END =============== */

#search_box_list .accordion-toggle {
    line-height: 12px;
    padding: 7px 35px 7px 20px;
}

    #search_box_list .accordion-toggle::after {
        line-height: 20px;
    }

/* ============== NEW CSS ADDED 22-11-2016 END =============== */
.text_area {
    height: 80px !important;
    resize: none;
}
/* ============== NEW CSS ADDED 24-11-2016 START =============== */
.big_box {
    width: 77% !important;
}

.mid_box {
    width: 82% !important;
}

.mid_dropbox {
    width: 85% !important;
}

.form-group-margin {
    min-height: 33px;
}

.yellow_block {
    background-color: #f9f1c7;
    border: 1px solid #f6deac;
    color: #af8640;
    border-radius: 3px;
    padding: 6px 10px;
    line-height: 22px;
}

    .yellow_block .row {
        margin-left: 10px;
        margin-right: 10px;
    }

    .yellow_block .input-group-btn {
        display: inline-block;
    }

    .yellow_block .input-group .form-control {
        width: 95%;
    }

    .yellow_block .input-group .small_width {
        width: 84% !important;
    }

    .yellow_block .text_area {
        width: 98.5% !important;
        height: 120px !important;
    }

.top_margin {
    margin-top: 15px;
}

.left_pad {
    padding: 0 0 0 10px;
}

.yellow_block .form-control {
    height: 28px;
}

.yellow_block .btn {
    padding: 4px 8px;
}

.yellow_block .form-inline {
    margin: 5px 0;
}

.dark_txt {
    color: #464646;
    font-weight: bold;
}

.yellow_block .form-group {
    margin-bottom: 0px;
}

.yellow_block .input-group {
    margin-bottom: 10px;
}

.big_box {
    width: 77% !important;
}

.mid_box {
    width: 82% !important;
}

.mid_dropbox {
    width: 85% !important;
}

/* ============== NEW CSS ADDED 24-11-2016 END =============== */


/* ============== NEW CSS ADDED 28-11-2016 START =============== */

.dataTables_table_wrapper {
    margin-top: 9px;
    overflow-y: hidden;
    width: 100%;
}

#search_box, #search_box1, #search_box2, #search_box3, #search_box4, #search_box5, #search_box6 {
    display: block;
}

    #search_box5 #demo-settings-toggler {
        background-color: #3f51b5;
        width: auto;
        height: auto;
        padding: 0 5px;
        top: 0px;
        line-height: 20px;
        border-radius: 0;
        cursor: pointer;
    }

    #search_box6 #demo-settings-toggler {
        background-color: #3f51b5;
        width: auto;
        height: auto;
        padding: 0 5px;
        top: 0px;
        line-height: 20px;
        border-radius: 0;
        cursor: pointer;
    }

    #search_box5 h5, #search_box6 h5 {
        font-size: 14px;
        color: #fff;
        font-weight: normal;
        text-transform: none;
        line-height: 34px;
        white-space: nowrap;
        padding: 2px 5px;
        margin-top: -5px;
    }

#divsearchbox5 {
    transform: rotate(-90deg);
    position: absolute;
    left: -52px;
    top: 81px;
    margin-top: 0px;
    z-index: 99999;
}

#divsearchbox6 {
    transform: rotate(-90deg);
    position: absolute;
    left: -24px;
    top: 196px;
    margin-top: 0px;
    z-index: 99999;
}



.date_picker {
    width: 50% !important;
    float: right !important;
    margin: 0 0 5px !important;
}

#bulk_update_block h4 {
    padding: 0;
    margin: 0;
}

#bulk_update_block {
    width: 100%;
    list-style: none;
    padding: 0;
    height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
}

    #bulk_update_block li {
        border-bottom: 1px solid #666;
        padding: 12px 20px;
    }

        #bulk_update_block li select.form-control {
            width: 48%;
            margin: 2px 6px 2px 0;
        }

#search-filter_box {
    width: 100%;
    list-style: none;
    padding: 0;
    height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
}

    #search-filter_box li {
        border-bottom: 1px solid #666;
        padding: 12px 20px;
    }

    #search-filter_box h4 {
        padding: 0;
        margin: 0;
    }

    #search-filter_box .checkbox, #search-filter_box .radio {
        margin-bottom: 0;
    }

    #search-filter_box .form-group {
        margin-bottom: 2px;
    }

    #search-filter_box .accordion-toggle {
        padding: 4px 35px 4px 20px;
    }

        #search-filter_box .accordion-toggle::after {
            line-height: 30px;
            top: 0;
        }


table.table {
    width: 100% !important;
}

    table.table tbody td a {
        margin: 0 2px !important;
    }

.table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > th {
    width: auto !important;
}

.dataTables_sizing {
    height: auto !important;
}

.dataTables_scrollHead {
    display: none;
}

.dataTables_scrollBody {
    margin-bottom: 10px;
}

    .dataTables_scrollBody table thead {
        border-bottom: 1px solid #e4e4e4 !important;
        border-top: 1px solid #e4e4e4 !important;
    }

        .dataTables_scrollBody table thead th {
            padding-top: 8px !important;
            padding-bottom: 8px !important;
        }

            .dataTables_scrollBody table thead th:last-child {
                min-width: 50px;
            }

.extrapad {
    padding-left: 48px;
}

.modal-body .checkbox {
    padding-left: 0;
    margin-top: 10px;
}

.modal-body .radio {
    padding-left: 0;
    margin-top: 10px;
}

.center-text {
    text-align: center;
}

.icon-svae-right {
    text-align: right;
    padding: 0;
    margin: 12px;
}

    .icon-svae-right i {
        font-size: 18px;
    }

.icon-svae-right{text-align:right; padding:0; margin:0 12px; display:inline; float:right;}
.icon-svae-right i{font-size:18px;}


div.fileUpload {
    position: relative;
    overflow: hidden;
}


div.fileUpload-btn {
    display: inline-block;
    font: normal 13px/normal Arial;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-image: none;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}


div.fileUpload-btn-primary {
    color: #fff;
    background-color: #4ebbdb;
    / border-color: #052965; /
}

.side_align{width:60%; float:right; margin:5px 0 0;}
.side_align input[type=checkbox]{margin:0 4px 0 0!important; display:inline-block; vertical-align:middle;}


/*SUPARNA*/
.tooltip1 {
        position: relative;
        display: inline-block;
        /*border-bottom: 1px dotted black;*/
    }

        .tooltip1 .tooltiptext1 {
            visibility: hidden;
            width: 200px;
            background-color: #555;
            color: #fff;
            text-align: center;
            border-radius: 6px;
            padding: 10px 10px;
            position: absolute;
            z-index: 1;
            bottom: 125%;
            left: 50%;
            margin-left: -60px;
            opacity: 0;
            transition: opacity 0.3s;
        }

            /*.tooltip1 .tooltiptext1::after {
                content: "";
                position: absolute;
                top: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: #555 transparent transparent transparent;
            }*/

        .tooltip1:hover .tooltiptext1 {
            visibility: visible;
            opacity: 1;
        }
.replication-instance {
    color: #FF0000;
    font-weight: bold;
}

.navbar-brand {
    width: max-content;
}
/*SUPARNA*/

/* =================== MEDIA CSS START =================== */

@media screen (max-width:640px) {
    .signin-form .memorable_form_block .form-control {
        width: 88% !important;
        display: inline !important;
    }
}

@media screen (max-width:768px) {
    .domain-add-update .form-group .field-validation-error {
        top: 66px;
        left: 140px;
    }
}

/* =================== MEDIA CSS END =================== */