@media screen and (max-width:992px) and (min-width: 0px) {
     #selStatus {
        position: relative !important;
    }
}

@media screen and (max-width:1999px) and (min-width: 1699px) {
    #selStatus {
        width: 230px !important;
    }
}

@media screen and (max-width:2000px) and (min-width: 1700px) {
      #selStatus {
        width: auto;
    }
}

/*Bootstrap Panels*/
.panel-heading {
    background-color: #3498db !important; /* #5D95CF - light blue, 0B69AB - dark blue, 42627C - darker blue*/
    color: #ffffff !important;
    font-weight: bold;
    padding:8px;
}

.panel-body {
   /* background: #F3F9FF; /* E2EDFF - super light blue, E2EDFF  */
}

.panel-body-background {
    background: #C8DFF6; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left top, #8BC1E8, #fffbfb); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, #8BC1E8, #fffbfb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right,#8BC1E8, #fffbfb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #8BC1E8, #fffbfb); /* Standard syntax */
    /*background-color: #C8DFF6 !important;*/
    /*#E5FEFF*/
}


.required-field:after {
    color: red;
    content: "*";
    position: absolute;
    /*margin-left: 8px;
    top:6px;
    font-family: 'Glyphicons Halflings';
    font-weight: normal;
    font-size: 10px;*/
}

/*Modify icon addon position */
.inner-addon {
    position: relative;
}


/* style icon */
.inner-addon>.glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}

/*div .control-label {
    text-align:left !important;
}*/

/* align icon */
.left-addon>.glyphicon {
    left: 0;
}

.right-addon>.glyphicon {
    right: 0;
}

/* add padding  */
.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}
/*End Modify position icon*/

/*modal dialog*/
.modal-header {
    color: #fff !important;
    background: #0B69AB !important;
    font-weight: bold !important;
    font-size: 1.4em !important;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.btn-danger {
    background-color: #d95350;
    border-color: #d95350;
    border: 0;
}

/*end modal dialog*/

/*Tables*/
/*.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #f5f2f2;
}*/


.table TH {
    text-align: center;
    background-color: #6e9fc3;
    color: #FFF;
    vertical-align: middle !important;
}

.dataTable > thead > tr > th[class*="sort"]:after{
    content: "" !important;
}


.fixed-panel {
    min-height: 680px;
    max-height: 700px;
    overflow-y: scroll;
}

.dataTable tbody {
    font-family: "Open Sans", sans-serif;
    background-color: rgb(245, 242, 242);
    font-size: 13px;
}
/*Tables*/

/*Modal Dialog center of screen */
/*http://codepen.io/dimbslmh/full/mKfCc*/
.modal {
    text-align: center;
    padding: 0 !important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    margin: 10px !important;
    text-align: left;
    vertical-align: middle;
    
}

.modal-dialog.modal-lg {
  width: 80%;
  margin: 0;
  padding: 0;
}

.modal-content  {
  height: auto;
  min-height: 100%;
  border-radius: 0;
}

.modal-body {
   padding: 10px 10px 10px 10px;
}

.modal-header-color {
    background-color:#eb6f12
}


.pagination {
    margin-top: 0 !important;
}

.paginate_button {
    padding: 0 !important;
}

div.form-group.mygroup-inline {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
}

.bootstrap-dialog.type-danger .modal-header {
    background-color: #d9534f !important;
}

.form-horizontal .control-label {
    padding-top: 7px;   
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 0px !important;
}

.btn-print, .buttons-excel, .buttons-print, .buttons-pdf {
    background-color: #d95350;
    border-color: white;
    color: white;
}

table.dataTable thead .sorting {
    background-image: none !important;
}

.dt-buttons {
    padding-left: 5px;
}

fieldset {
    padding: 1rem !important;
    border: solid #418bca 1px !important;
    margin-bottom: 2rem !important;
    padding-top: 0 !important;
}

legend {
    padding: .5rem;
    margin-bottom: 0;
    /* text-align: center; */
    font-size: 1.0em;
    font-weight: bold;
    color: black;
    width: auto;
    border-bottom-width: 0px;
}

.row-color{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaefb5+0,e1e9a0+100;Wax+Flat */
    background: #ffffcc !important;
/*background: #eaefb5; 
background: -moz-linear-gradient(top, #eaefb5 0%, #e1e9a0 100%); 
background: -webkit-linear-gradient(top, #eaefb5 0%,#e1e9a0 100%); 
background: linear-gradient(to bottom, #eaefb5 0%,#e1e9a0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaefb5', endColorstr='#e1e9a0',GradientType=0 );*/ 
}

/*Validate ToolTips*/
.tooltip-inner {
    max-width: 300px;
    padding: 0;
}
.tooltip-alert{
    padding: 8px 10px;
    font-weight: bolder;
    color: #A94442;
}
/*Validate ToolTips*/
 



/*CodeTables*/

#codeTableView tbody tr {
    cursor: pointer;
}
#codeTableView tbody tr:active {
    cursor:wait;
}

#codeTableView .table-hover tbody tr:hover td, #codeTableView .table-hover tbody tr:hover th {
  background-color: #0B69AB !important;
  color: #FFF;
  /*font-weight:bolder;*/
}

/*CodeTables*/

/*CodeTables */
/*Other*/
.ct-heading {
    background-color: #3498db !important; /* #5D95CF - light blue, 0B69AB - dark blue, 42627C - darker blue*/
    color: #FFF !important;
    font-weight: bold;
    /*padding: 8px;*/
    text-align: center;
    font-size: medium;
}
/*Other*/

.ct-buttonAdd {
    background-color: gainsboro !important; /* #5D95CF - light blue, 0B69AB - dark blue, 42627C - darker blue*/
    color: black !important;
}
/*CodeTables */



/*Modal Dialog*/
.modal-style-dialog {
    width: 70%;
}


/* #5D95CF - light blue, 0B69AB - dark blue, 42627C - darker blue*/
.modal-style-header {
    background-color: #0B69AB !important; /*#3498db changed by Angel*/
    color: #ffffff !important;
    font-weight: bold;
    /*padding:10px;*/
}

    .modal-style-header > button, h3 {
        display: inline;
    }


.modal-style-content {
    float: left;
    width: 100%;
    background: #C8DFF6; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left top, #8BC1E8, #fffbfb); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, #8BC1E8, #fffbfb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right,#8BC1E8, #fffbfb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #8BC1E8, #fffbfb); /* Standard syntax */
}

.singleTextBox {
    width: 12em;
}
/*Modal Dialog*/

/* label for displaying in Code Table Details*/
.detail-label {   
    text-align: left !important;
}

.audit-label {   
    text-align: left !important;
    font-size: 10px !important;
    text-decoration: none !important;;
    font-weight: normal !important;;
}

.details-link:hover, .grid-link:focus {
    color: #23527c;
    text-decoration: underline;
    cursor: pointer;
}

.details-link {
    color: #337ab7;
    text-decoration: none;
}


.audit-label1 {   
    text-align: right !important;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
}

.audit-label1-value {   
    text-align: left !important;
    font-size: 10px;
    text-decoration: none;
    font-weight: normal;
}

/* label for displaying in Code Table Details*/