/* HEADER */
body {
    /*padding-bottom:20px;*/
}




@-ms-viewport{ width: auto !important; } 
.mgT-5{
       margin-top: 5px;
}
.mgT-10{
       margin-top: 10px;
}
.mgT-23{
       margin-top: 23px;
}
.mgR-5{
       margin-right:5px;
}
.mgR-10 {
    margin-right: 10px;
}

.page-header {
    background: url(../images/header-bg.png) repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 60px;
    margin: 0 0 0px !important;
}
.logo {
    float: left;
    padding-left: 15px;
    width: auto;
       margin:7px;
}
#right-top {
    float: right;
    padding: 4px 15px;
    width: auto;
       font-size:95%;
}
#user-name {
    float: left;
    font-size: 110%;
    margin-right: 10px;
    margin-top: 6px;
       color:#fff;
}
#user {
    float: left;
}
#user-icon {
    float: left;
    padding: 0 0 0 20px !important;
}
.srvr-name {
    float: right;
    margin-top: 5px;
}

.srvr-name-top {
    float: right;
}

ul, li{
       list-style:none
}
.srvr-name ul li {
    color: #fff;
    float: left;
    padding-left: 4px;
    text-decoration: none;
}
#user-icon ul li {
    color: #fff;
    float: left;
    padding: 1px;
    text-decoration: none;
}

.header-icon{
       background: none repeat scroll 0 0 #fff;
       border: 1px solid #ddd;
    border-radius: 13px !important;
       -ms-border-radius:13px !important;
    color: #2e75b6 !important;
    font-size: 130%;
    padding: 3px 5px!important;
       width:26px;
       height:26px;
}
/* ### Container ### */

.leftcontainer{      width:auto !important; }
#rightpage {
    display: block;
    width: auto;
}
#rightcontent-wrapper {
    float: left;
    height: 100%;
    margin-right: 1.6%;
    width: 99%;
}
.title-head {
    background: url(../images/heading-back.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    float: left;
    font-size: 115%;
    font-weight: bold;
    height: 30px;
    line-height: 19px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 0px;
    padding: 6px 10px;
    text-transform: capitalize;
       width:35%;
}
.title-head1 {
    /*background: url(../images/heading-back.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    color: #fff;
    float: left;
    font-size: 115%;
    font-weight: bold;
    height: 30px;
    line-height: 19px;
    margin-bottom: 1px;
    margin-left: 2px;
    margin-top: 1px;
    padding: 6px 10px;
    text-transform: capitalize;
       width:100%;
    background-color:#2E75B6;
}
.table-output-btn {
    background: none repeat scroll 0 0 #1b417e;
       border:1px solid #1b417e;
    float: left;
    height: 26px;
    text-align: center;
    width: 26px;
       padding:5px;
       color:#fff;
}
.table-output-btn:hover{
       background:#163a6a;
       border:1px solid #112f58;
}
.fa {

line-height : 26px !important;
font-size : medium !important;
}

.glyph-btn {
    background: none repeat scroll 0 0 #1b417e !important;
       border:1px solid #1b417e;
    float: left;
    height: 26px;
    text-align: center;
    width: 26px;
       padding:5px;
       color:#fff;
}
.glyph-btn:hover{
       background:#163a6a;
}
.form-control-feedback{
    height : 26px;
    width:26px;

}

.form-control-custom{
     height : 26px;
    width:26px;
    position:absolute;
    top : 0;
    right :0;

}
i {
color:white;

}


/* #### Validation DataTable #### */
#divContainer {
    background-color: #fdfdfd;
    border: 1px solid #ccc;
    /*margin-left: 0.2%;*/
    overflow: auto;
    padding-top: 2px;
    width: 100%;
}
.back-btn {
    background: none repeat scroll 0 0 #eee;
    border: 1px solid #ccc;
    cursor: pointer;
    margin-bottom: 0px;
    margin-top: 4px;
    margin-left: 0px;
    padding: 3px 12px;
    text-transform: capitalize;
}
.back-btn:hover{
       background:#e3e3e3;
       border:1px solid #ccc;
}
#tableTop-btn {
    float: right;
    margin-bottom: 2px;
    margin-top: 0px;
}

.table-btn {
    background: url(../images/button-bg.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    /*float: left;*/
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 77px;
    border-width:0px;
}
.table-btn-long {
    background: url(../images/button-bg-lock.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    /*float: left;*/
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 95px;
    border-width: 0px;
}
.table-btn-long-unlock {
    background: url(../images/button-bg-unlock.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    /*float: left;*/
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 108px;
    border-width: 0px;
}
#divContent {
    /*height: 474px;*/
    overflow-x: hidden;
    width: 100%;
       overflow-y:scroll !important;
}

#dataTable > thead {
    background: none repeat scroll 0 0 #2e75b6;
    border: 1px solid #03325e;
    color: #eee;
    cursor: default;
    font-size: 92%;
    font-weight: bold;
    height: 30px;
}
#dataTable > thead > tr > th {
       padding:3px !important;
       text-align:center;
       vertical-align: middle;
}
#dataTable > tbody {
    background: #e9e9e9;
    color: #464646;
    font-size: 92%;
}
#dataTable > tbody > tr > td {
       padding:4px !important;
       vertical-align: middle;
       cursor:default;
}

/* ##### Validation Form ##### */

.vd_formWrap {
    background-color: #fdfdfd;
    border: 1px solid #ccc;
    /*border-top:none;*/
    height: 474px;/*465px;*/
    margin-left: 0px;
    margin-top: -1px;
    width: 100%;
}
.vd_formwrap-top {
    background-color: #2e75b6;
    color: #fff;
    font-size: 100% !important;
    font-weight: bold;
    height: 28px;
    padding: 5px 10px;
}
/*input[type=text],button, select, textarea{ width:100% !important; padding:4px !important;}*/
.input_text{color:#787878 !important; border:1px solid #ddd !important; font-size:92%}
.label_text{color:#464646 !important; font-size:92%;}
.btn-popup {
    background: none repeat scroll 0 0 #eee;
    border: 1px solid #ccc;
    color: #999;
    padding: 0 10px;
       font-size:92%;
       cursor:pointer;
       padding-top:2px;
}
.btn-popup:hover{
           background: none repeat scroll 0 0 #e3e3e3;
}
.check_input{width:auto !important;}
.check_text{color:#464646 !important; font-size:92%;}
.text_area{height:auto; min-height:75px !important }

/* ### Footer ### */
.footer-text {
    background-color: #1b417e;
    color: #fff;
    display: block;
    margin: 0 auto;
    padding: 5px 10px;
    z-index: 1000;
       font-size:99%;
       font-weight:normal !important;
}
.green-online { padding: 0 5px; }

.righttop
{
    margin-right:14px;
}
/*CAPA Configuration */

.font-17{
            font-size:17px !important;
}

.cp-area {
    height: auto;
    min-height: 160px !important;
}

.top-btn{
    cursor: pointer;
    padding: 6px;
            background: none repeat scroll 0 0 #1b417e;

}
/*.top-btn {
    background: none repeat scroll 0 0 #eee;
    cursor: pointer;
    padding: 2px 4px;
}*/

/*.top-btn:hover{
            background: none repeat scroll 0 0 #1b417e;
}*/
.top-btn:hover {
        background: none repeat scroll 0 0 #e3e3e3;
}

.assessment-table {
            margin-bottom: 0px !important;
}

.assessment-table > tr > td > input[type="checkbox"] {
            margin: 0px !important;
}

.assessment-table > thead > tr {
            border-bottom:1px solid #ddd !important;
}

.assessment-table > thead > tr > th, .assessment-table > tbody > tr > th, .assessment-table > tfoot > tr > th, .assessment-table > thead > tr > td, .assessment-table > tbody > tr > td, .assessment-table > tfoot > tr > td {
            border-top:none !important;
    padding: 4px !important;
    vertical-align: middle !important;
            border-right:1px solid #ddd !important;
}
.cp_formWrap {
            background-color: #fdfdfd;
    border: 1px solid #ccc;
            border-top:none;
    height: 505px;
    margin-left: 2px;
    margin-top: 1px;
    width: 100%;
}
.text-root {
            position:absolute;
            left:8px;
            top:-10px;
            background:#fff;
            padding:2px 6px;
            color: #464646 !important;
    font-size: 92%;
            display: inline-block;
    font-weight: 700;
}