﻿body {
    font-family: 'Verdana','Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 400;
}

.main-content {
    padding: 15px 0 0 0;
}

.nav-tabs > li {
    margin-bottom: 0px;
}

    .nav-tabs > li > a {
        /*border: 1px solid rgba(35, 49, 55, 0.09);*/
    }

    .nav-tabs > li > a {
        padding: 10px 5px 10px 10px;
        /*background-color: #e9e9e9;*/
    }

    /*.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {*/
    /*border: 2px solid #ddd;*/
    /*}*/

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        /*border-bottom-color: #ddd;*/
    }

    .nav-tabs > li > a {
        border-bottom-width: 3px !important;
        /*border-bottom-color: #ddd;*/
        border: 1px solid #ccc;
        /*border-bottom: none;*/
    }

.tab-pane {
    /*padding: 20px 15px;*/
    background-color: #fff;
    border-radius: 3px;
}

button.close {
    padding: 3px 5px 3px 10px;
}

.close {
    opacity: 1;
}

a {
    color: #555;
}


.skin-blue .main-sidebar {
    background-color: #e9eef3;
}

.skin-blue .treeview-menu > li > a {
    color: #7e7e7e;
}

.content-wrapper {
    background-color: #f5f8fa;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: none;
}

.nav-tabs > li.active {
    font-weight: bold;
}

    .nav-tabs > li > a.b-color-1:focus, .nav-tabs > li > a.b-color-1:hover,
    .nav-tabs > li.active > a.b-color-1 {
        color: #17cdd8;
    }


    .nav-tabs > li > a.b-color-2:focus, .nav-tabs > li > a.b-color-2:hover,
    .nav-tabs > li.active > a.b-color-2 {
        color: #d88ac7;
    }



    .nav-tabs > li > a.b-color-3:focus, .nav-tabs > li > a.b-color-3:hover,
    .nav-tabs > li.active > a.b-color-3 {
        color: #36c640;
    }


    .nav-tabs > li > a.b-color-4:focus, .nav-tabs > li > a.b-color-4:hover,
    .nav-tabs > li.active > a.b-color-4 {
        color: #5f8bd8;
    }

/*
underline color of tabs
    
     when Multiple icon use a style
    eg:.fa-fa-user-bcolor,.fa-fa-vcard-o-bcolor
 */

.b-color-1 {
    /*
default color
 */
    border-bottom-color: #17cdd8 !important;
}

.fa-fa-user-bcolor {
    border-bottom-color: #d88ac7 !important;
}

.fa-fa-search-bcolor {
    border-bottom-color: #18cf1f !important;
}

.fa-fa-link-bcolor {
    border-bottom-color: #5f8bd8 !important;
}

.fa-fa-tachometer-bcolor {
    border-bottom-color: #D81B60 !important;
}

.fa-fa-newspaper-o-bcolor {
    border-bottom-color: #5d3596 !important;
}

.fa-fa-vcard-o-bcolor {
    border-bottom-color: #f41f0f !important;
}

.fa-fa-user-plus-bcolor {
    border-bottom-color: #eaf996 !important;
}

.fa-fa-plus-bcolor {
    border-bottom-color: #f2b808 !important;
}

.fa-fa-folder-open-o-bcolor, .fa-fa-times-bcolor, .fa-fa-id-card-bcolor, fa-fa-question-circle-o-bcolor, .fa-fa-question-circle-o-bcolor {
    border-bottom-color: #245426 !important;
}

.fa-fa-registered-bcolor {
    border-bottom-color: #795548 !important;
}

.fa-fa-book-bcolor {
    border-bottom-color: #638992 !important;
}

.fa-fa-ticket-bcolor, .fa-fa-pencil-square-o-bcolor, fa-fa-pencil-bcolor, .fa-fa-money-bcolor, .fa-fa-arrows-bcolor {
    border-bottom-color: #7a15b5 !important;
}

.fa-fa-bar-chart-bcolor {
    border-bottom-color: #bb49cc !important;
}

.fa-fa-quora-bcolor {
    border-bottom-color: #F4E8DF !important;
}

.bcolor {
    border-bottom-color: #88beec !important;
}

#tabs-holder > .tab-content ul.nav-tabs {
    background-color: #ecf0f5;
}

#tabs-holder > .tab-content .nav-tabs > li.active > a {
    color: #fff;
}

.form-control {
    height: auto;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.abtn {
    background-color: #E2E2E2;
    border: 1px solid #A3A3A3;
    cursor: pointer;
    font-size: 13px;
    /*font-weight: 600;
        padding: 4px 10px;
        margin-right: 8px;
    width: auto;*/
    padding: 5px 12px 4px 12px;
    font-weight: bold;
    margin: 0 15px 0 0;
    line-height: normal;
}

.form-horizontal .control-label {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    text-align: left;
    background-color: #F4E8DF;
}

.btn-bottom {
    margin-top: 10px;
    margin-bottom: 25px;
}

.tab-button {
    display: block;
    margin-left: -5px;
    /*margin-top: 10px;*/
    margin-bottom: 25px;
}

.tab-btn-bottom {
    margin-top: 10px;
    margin-bottom: 10px;
}

.form-group {
    margin-bottom: 5px;
}

.table-label {
    background: #f0f8fa;
    min-height: 37px;
}

.box-padding {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

.eAccountHead {
    font-weight: bold;
    background: #F4E8DF;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 15px;
}

.content {
    margin: 0;
}

.openaccount-left {
    width: 50%;
    float: left;
    margin: 0;
}

.openaccount-right {
    width: 50%;
    float: right;
    margin: 0;
}

.tab-form {
    padding-top: 5px;
}

.form-horizontal .control-label {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    text-align: right;
    background-color: #F4E8DF;
}

.table-td-cell {
    padding: 1px 1px 1px 1px !important;
}

.div-head-top {
    margin-top: 5px;
}

.panel-info-basic {
    border: 0px solid #dcdcdc;
}

    .panel-info-basic > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

.table-bordered {
    border: 1px solid #dcdcdc !important;
}

table.table-bordered.dataTable {
    border-collapse: collapse !important;
}

.table-bordered th {
    background-color: #f0f8fa;
    border: 1px solid #dcdcdc !important;
}

.table-bordered td {
    border: 1px solid #dcdcdc !important;
}

.sidebar-menu {
    margin-bottom: 25px;
}

.lablePadding {
    padding: 8px 12px;
}
.TextAreaPadding {
    padding: 16px 12px;
}
.TextAreaPadding4 {
    padding: 36px 12px;
}
.rowMargin {
    margin: 0px;
    border-bottom: 1px solid #e6e6fa;
}





nav-tabss > li {
    margin-bottom: 0px;
}

    .nav-tabss > li > a {
        /*border: 1px solid rgba(35, 49, 55, 0.09);*/
    }

    .nav-tabss > li > a {
        padding: 10px 5px 10px 10px;
        /*background-color: #e9e9e9;*/
    }

    /*.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {*/
    /*border: 2px solid #ddd;*/
    /*}*/

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        /*border-bottom-color: #ddd;*/
    }

    .nav-tabss > li > a {
        border-bottom-width: 3px !important;
        /*border-bottom-color: #ddd;*/
        border: 1px solid #ccc;
        /*border-bottom: none;*/
    }

.nav-tabss > li.active {
    font-weight: bold;
}

    .nav-tabss > li > a.b-color-1:focus, .nav-tabs > li > a.b-color-1:hover,
    .nav-tabss > li.active > a.b-color-1 {
        color: #17cdd8;
    }


    .nav-tabss > li > a.b-color-2:focus, .nav-tabs > li > a.b-color-2:hover,
    .nav-tabss > li.active > a.b-color-2 {
        color: #d88ac7;
    }



    .nav-tabss > li > a.b-color-3:focus, .nav-tabs > li > a.b-color-3:hover,
    .nav-tabss > li.active > a.b-color-3 {
        color: #36c640;
    }


    .nav-tabss > li > a.b-color-4:focus, .nav-tabs > li > a.b-color-4:hover,
    .nav-tabss > li.active > a.b-color-4 {
        color: #5f8bd8;
    }
  textarea {
    white-space:pre-wrap; /* css3.0 */
              white-space:-moz-pre-wrap; /* Firefox */
              white-space:-o-pre-wrap; /* Opera 7 */
              word-wrap:break-word; /* Internet Explorer 5.5+ */
              SCROLLBAR-FACE-COLOR: white;
              SCROLLBAR-SHADOW-COLOR: white;
              SCROLLBAR-HIGHLIGHT-COLOR: white;
              SCROLLBAR-3DLIGHT-COLOR: white;
              SCROLLBAR-DARKSHADOW-COLOR: white;
              SCROLLBAR-TRACK-COLOR: white;
              SCROLLBAR-ARROW-COLOR: white;
}
      .table-container {
        width: 100%;
        overflow-y: auto;
        _overflow: auto;
        margin: 0 0 1em;
    }
    .table-container::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 14px;
        height: 14px;
    }

    .table-container::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 3px solid #fff;
        background-color: rgba(0, 0, 0, .3);
    }


     .edittable-container {
        width: 100%;
        overflow-y: auto;
        _overflow: auto;
        margin: 0 0 1em;
    }
    .edittable-container::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 14px;
        height: 14px;
    }

    .edittable-container::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 3px solid #fff;
        background-color: rgba(0, 0, 0, .3);
    }
    .edittable-container table tr td {
        padding: 1px !important;
        border: 1px !important;
    }