/*For AngularJS ng-cloak*/
/* For the best result, the angular.js script must be loaded in the head 
    section of the html document; alternatively, the css rule below can be 
    included in the external stylesheet of the application. */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

/*For AngularJS-UI*/
.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

.labResultsPaginationFix {
    margin: 0;
}

.filterHeaderMargin {
    margin-bottom: 20px;
}

.filterLabelMargin {
    margin-bottom: 5px;
}

.filterLabel {
    font-size: 14px;
    font-weight: bold;
}

.btn-closelabel {
    padding: 3px;
    line-height: normal;
}

.btn-mobile-100 {
    text-align: center; 
    padding-top: 2px; 
    padding-bottom: 2px;
    width: 100%;
}

.btn-query {
    padding: 7px 7px 5px 10px;
}

.ngdialog-save-query-div {
    background-color: rgb(255, 255, 255);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    /*border-top-right-radius: 6px;*/
    box-sizing: border-box;
    color: rgb(119, 119, 119);
    display: block;
    margin-bottom: -5px;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
    padding-bottom: 15px;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 15px;
}

.ngdialog-save-query-h2 {
    color: #428bca; 
    font-size: 18px; 
    font-weight: normal; 
    margin: 0 0 10px 0;
}

.ngdialog-save-query-h3 {
    color: #31b0d5; 
    font-size: 16px; 
    font-weight: normal;
}

.ngdialog-no-pin-error {
    color: red; 
    font-size: 16px; 
    font-weight: normal;
}

.ngdialog-save-query-name {
    text-align: right; 
    padding-right: 10px; 
    font-size: 1.1em; 
    line-height: 1.5em; 
    color: #777;
}

a.financial-report-download-button {
    white-space: nowrap;
    border: 1px solid #009ddc;
    padding: 4px 6px 4px 4px;
    border-radius: 6px;
    text-decoration: none;
    color: #009ddc;
    background-color: #f8fcf4;
}

table.table-payments th {
    text-align: center;
    color: #428bca;
}

table.table-payments tbody td {
    text-align: center;
    padding: 8px;
}

table.table-payments tr.summary-row {
     background-color: #eeeeee; 
     font-weight: bold;
}

table.table-payments tr.summary-row td {
    border-top: 2px solid #999999;
}
.waiting-message {
     margin-top: 15px; 
     margin-left: 5px;
}
.label-text-align {
     line-height: 35px;
     text-align: right;
}
.label-vertical-align {
     line-height: 35px;
}
.mobile-label-text-align {
     line-height: 35px;
}

.width-fieldstaff {
    max-width: 1280px;
}
.width-producer {
    max-width: 640px;
}

.cus-btn-margin-top {
    margin-top: 5px;
}

.link-color, .link-color:hover, .link-color:focus {
    color: #333;
    /*text-decoration: underline;*/
}

.btn-modal {
    min-width: 125px;
} 

.a-toggle-option {
    color: #333;
    display: inline-block;
    /*outline: 0;*/
    text-decoration: none;
    font-weight: bold; 
    font-size: 12px; 
    margin-top: 7px;
}
.a-toggle-option:hover, .a-toggle-option:focus {
    color: #333;
    text-decoration: none;
}

.testing-header {
    font-size: 20px;
}

.testing-divider {
    height: 10px;
}

.testing-load {
    margin: 7px;
}

.testing-dropdown {
    margin: 2px; 
    margin-top: 0px; 
    margin-bottom: 4px; 
    /*background-color: lightyellow;*/
}

.with-margin {
    margin-bottom: 10px;
}
.alert-no-margin {
    margin-bottom: 0;
}

.no-edit-value {
    padding-top: 7px;
}

.btn-section {
    min-height: 55px;
}

.text-sm {
    font-size: 12px;
}

.text-add {
    font-weight: bold;
    margin-right: 15px;
    margin-top: 7px;
}

.a-size-big {
    font-size: 18px;
}

.width-delete {
    min-width: 135px;    
}

.key-section {
    padding: 10px; 
    background-color: rgba(51, 51, 51, 0.10); 
    border: 1px solid #333;
}

.label-adjust {
    padding-top: 7px;
}

.feedback-icon {
    margin-right: 60px;
    top: 0;
} 

.feedback-message {
    margin-left: 10px;
}

.text-color-default {
    color: #333;
}
.text-color-error {
    color: red;
}
.text-color-ok {
    color: green;
}
.text-color-warning {
    color: orange;
}
.text-color-feedback-error {
    /*color: #dc5649;*/
    color: #a94442;
}
.text-color-calendar {
    /* #00bfff */
    color: deepskyblue;
}
.panel-section {
    padding: 5px;
}

.col:not(:first-child,:last-child) {
  padding-right:1px;
  padding-left:1px;
}

@media only screen and (max-width: 767px) {
    #hide-xs {
        display: none;
    }
    /*div[class^="col"]{padding-left:12px; padding-right:5px;}*/

}

.xstable>thead>tr>th, .xstable>tbody>tr>td, .mytable>tbody>tr>th, .mytable>tfoot>tr>td, .mytable>tfoot>tr>th, .mytable>thead>tr>td, .mytable>thead>tr>th {
    padding: 4px;
}

.container-fluid {
    /*background-color: aqua;*/
    padding-right: 5px;
    padding-left: 5px;
}

.narrow-Margins {
    margin-top: 5px; 
    margin-left: 5px; 
    margin-right: 5px;
}

.narrow-Margins .panel-body {
    padding: 5px;
}

.mobile-header-xl {
    font-size: 30px; 
    background-color: #428bca; 
    color: #fff; 
    padding: 10px;
}

.mobile-header-lg {
    font-size: 20px; 
    background-color: #f5f5f5; 
    color: #333; 
    padding: 10px;
}

font-size: 20px; color: #dddddd; line-height: 50px;