@font-face {
    font-family: 'Poppins-SemiBold';
    src: url("/Content/Styles/Font/Poppins-SemiBold.ttf");
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url("/Content/Styles/Font/Poppins-Regular.ttf");
}

body {
}

.label-font-standard {
    font-size: 13px;
    color: #666666;
    font-weight: 800;
}

.label-font-header {
    font-size: 24px;
    color: #72bf44 !important;
    font-weight: 800; /* Semibold */
    font-family: 'Poppins-SemiBold';
}


/*Added by ITDDDL 10142016*/
.label-font-standard-not-bold {
    font-size: 12px;
    font-weight: normal;
    color: #666666;
}

/*Added by ITDSST 10/19/2017*/
.label-font-em {
    font-size: 10px;
    color: #FF0000;
}

/*Added by ITDYNG 01/14/2021*/
.label-font-notice {
    font-size: 12px;
    color: darkgray;
    font-weight: bold;
}

.hyperlink-font-standard {
    font-size: 12px;
    cursor: pointer;
}

.form-control {
    padding: 1px 2px 1px 5px;
    height: 26px;
    font-size: 14px;
}

.form-control-user {
    display: block;
    margin: -155px 0px 0px 292px;
    font-size: 14px;
    height: 33px;
    width: 245px;
    border-radius: 0px 10px 10px 0px;
    border: none;
    font-family: Lato-Regular;
    background-color: antiquewhite;
}

    .form-control-user:focus {
        outline: none;
    }


.form-control-pass {
    margin: -149px 0px 0px 292px;
    font-size: 14px;
    height: 33px;
    width: 245px;
    border-radius: 0px 10px 10px 0px;
    border: none;
    font-family: Lato-Regular;
    background-color: antiquewhite;
}

    .form-control-pass:focus {
        outline: none;
    }

.lbpControl {
    font-size: 13px;
}

.padding {
    padding-left: 2em;
}

.rbl-mini label {
    display: inline-block;
    width: 30px;
    <---- wild shot in the dark on the exact width text-align: center;
    padding-left: 5px;
}

/*
.rbl-mini 
{
    border-style:none;
    }
*/


/*
For radiobutton of sss/gsis/afpslai id
*/

.rbl-short3 label {
    display: inline-block;
    text-align: center;
    padding-left: 5px;
    padding-right: 15px;
    color: #666666;
}

.rbl-short2 label {
    display: inline-block;
    width: 80px;
    <---- wild shot in the dark on the exact width text-align: center;
    padding-left: 5px;
    color: #666666;
}


.rbl-short label {
    display: inline-block;
    width: 50px;
    <---- wild shot in the dark on the exact width text-align: center;
    padding-left: 5px;
    color: #666666;
}

.rbl-long label {
    display: inline-block;
    width: 120px;
    <---- wild shot in the dark on the exact width text-align: center;
    padding-left: 5px;
    color: #666666;
}


.rbl-xlong label {
    display: inline-block;
    width: 172px;
    <---- wild shot in the dark on the exact width text-align: center;
    padding-left: 5px;
    color: #666666;
}

.rbl-xxlong label {
    display: inline-block;
    width: 180px;
    <---- wild shot in the dark on the exact width text-align: center;
    padding-left: 5px;
    color: #666666;
}

.rbl-mini, .rbl-short, .rbl-long, .rbl-xlong, .rbl-xxlong {
    background-color: inherit;
}



.checkboxes-pad label {
    padding-left: 1em
}

/* Added by ITDKSI_041615 - for Spacing of each RadioButton/CheckBox */
.radiobuttonlist td {
    padding-left: 50px;
    width: 200px;
}

.radiobuttonlist1 td {
    padding-left: 100px;
    text-align: center;
    width: 250px;
}

.radiobuttonlist2 td {
    width: 180px;
    padding-left: 5px;
}
/* End Added by ITDKSI_041615 */


/* Added by ITDJEA_042315 - Standard font for validation summary/CheckBox */
.ValidationSummary-font-standard {
    font-size: 11px;
    color: #e84e4f;
    /* font-family: Trebuchet MS;    */
}
/* Added by ITDJEA */


.bottom-buffer {
    margin-bottom: 5px;
}

.label-legend {
    border-bottom: 1px solid black;
    font-weight: bold;
    font-size: 16px; /*added by roe 110915*/
    padding-top: -5px; /*added by roe 110915*/
    /* font-family: Trebuchet MS; /*added by roe 110915*/ */ padding-left:8px;
}

/*added by roe 2015111*/
.label-legend2 {
    border-bottom-width: 1px;
    border-bottom-style: outset;
    font-weight: bold;
    font-size: 12px;
    padding-top: -5px;
    /* font-family: Trebuchet MS; */
    padding-left: 8px;
}

.currency {
    text-align: right;
}

.selectboxit-container * {
    font-size: 12px;
}

.selectboxit-container span, .selectboxit-container .selectboxit-options a {
    height: 26px;
    line-height: 26px;
    display: block;
}


td {
    word-wrap: break-word; /* All browsers since IE 5.5+ */
    overflow-wrap: break-word; /* Renamed property in CSS3 draft spec */
}

thead {
    font-weight: bold;
}


hr {
    border-color: #090B40;
}

.requiredField {
    border-color: #58595b;
}

.requiredCheckBox {
    outline: darkgray solid 1px;
}

.requiredTableField {
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
    border-radius: 4px;
    margin-left: 5px;
}

/*Added by ITDJEA June 02, 2015*/
div.tableContainer {
    clear: both;
    max-height: 295px;
    width: 100%;
    overflow: scroll;
}

table.scrollTable {
    table-layout: fixed
}

html > body div.tableContainer {
    overflow: hidden;
}

    div.tableContainer table {
        float: left;
    }

thead.fixedHeader tr {
    position: relative;
}

thead.fixedHeader th {
    background: #0db14b;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    color: #fff;
    font-weight: bold;
    padding: 4px 3px;
    text-align: center;
    font-size: 12px;
}

html > body tbody.scrollContent {
    max-height: 495px;
    overflow-y: scroll;
    overflow-x: auto;
    width: 100%
}

    thead.fixedHeader, tbody.scrollContent tr {
        display: table;
        width: 100%;
        overflow-y: scroll;
        overflow-x: auto;
        table-layout: fixed;
    }

.scrollContent {
    display: block;
    overflow-y: scroll;
    overflow-x: auto;
}

thead.fixedHeader {
    width: calc( 100% - 1.05em );
}


tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
    background: #FFF;
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #CCC;
    border-top: 1px solid #DDD;
    padding: 2px 3px 3px 4px;
    font-size: 12px;
}

.gridviewhyperlink-font-standard {
    padding-bottom: 1px;
    padding-top: 1px;
    font-size: 12px;
    /* font-family: Trebuchet MS; */
    cursor: pointer;
}
/*End Addition*/

.bootbox-width-casedetails {
    width: 75%;
}

.bootbox-width {
    width: 60%;
}

btn-notification {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


.btn-validation-box {
    color: #fff;
    background-color: #d2322d;
    border-color: #ac2925;
}

    .btn-validation-box:hover,
    .btn-validation-box:focus,
    .btn-validation-box:active,
    .btn-validation-box.active,
    .open .dropdown-toggle.btn-validation-box {
        color: #fff;
        background-color: #d2322d;
        border-color: #ac2925;
    }

    .btn-validation-box:active,
    .btn-validation-box.active,
    .open .dropdown-toggle.btn-validation-box {
        background-image: none;
    }

.ucpbAdjustedHeight {
    height: 45px;
    font-size: 18px; /*added by roe 110915*/
    padding-top: -5px; /*added by roe 110915*/
    /* font-family: Trebuchet MS; /*added by roe 110915*/
}

.FixedHeader {
    position: absolute;
    font-weight: bold;
}
/* Added by: MJ Azores
    for Loading Splash screen in CIF Inquiry */
#blocker {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background-color: #000;
    z-index: 1000;
}

    #blocker div {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 5em;
        height: 2em;
        margin: -1em 0 0 -2.5em;
        color: #fff;
        font-weight: bold;
    }

#loading {
    width: 50px;
    height: 57px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
}

.cifrbl {
    display: inline-block;
    width: 90px;
    text-align: left;
    color: #090B40;
}

.tabError {
    background-color: darkgray;
    color: #ffffff;
}



.stickyuck {
    position: fixed;
    top: 0px;
    background: white;
    z-index: 9000;
}

.bootbox {
    z-index: 20000;
}


.btn {
    margin-right: 5px;
}

/* Added ITDRDC 10/02/2017 */

.modal-dialog {
    width: 100% !important;
    display: flex !important;
}

/*.modal-dialog  {width:779px;}*/

/* Added by: Jhefson A. Jordan */
.bkgColor {
    background: white;
    width: 100%;
    height: 100%;
}

.marginLeftTop {
    margin-left: 20%;
    margin-top: 25%;
}

.marginCaseDetails {
    margin-left: 25%;
    margin-top: 25%;
}

.groupNameBig {
    font-size: 25px;
    color: #428bca;
}

.moduleNameBig {
    font-size: 22.5px;
    color: #51C8F8;
}

.groupNameMedium {
    font-size: medium;
    color: inherit;
}

.selected {
    background-color: lightblue !important;
}

.btn-paging:hover, .btn-paging:focus, .btn-paging:active, .btn-paging.active, .open .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #3276b1;
    border-color: #285e8e;
}

.btn-paging {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}

.LinkColor {
    color: white;
}
/* End Added by: Jhefson A. Jordan */
/* Added by: Jomar Simbahan */
.textarea {
    overflow: auto;
    resize: none
}

.readOnly {
    readonly: true;
}
/* End Added by: Jomar Simbahan */

.well {
    min-height: 20px;
    padding-left: 19px;
    padding-right: 19px;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}

/*START ADDED BY ITDJEA 08/16/2016 */
tbody.scrollContent .firstColumn {
    text-align: center;
    width: 30px;
    vertical-align: middle;
    background-color: #3276b1;
}

tbody.scrollContent .evenRow {
    background-color: #EFE9E5;
}

tbody.scrollContent .oddRow {
    background-color: White;
}

.link-label {
    color: #428bca !important;
    cursor: pointer;
}

.header-homepage {
    font-size: 20px;
    color: #428bca;
    font-style: italic;
}

.input-group-addon-padding {
    padding-top: 5px;
    padding-bottom: 5px;
}

btn-alternatePrimary:hover, btn-alternatePrimary:focus, btn-alternatePrimary:active, btn-alternatePrimary.active, .open .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #EFE9E5;
    border-color: #BDB6B6;
}

btn-alternatePrimary {
    color: #fff;
    background-color: #EFE9E5;
    border-color: #BDB6B6;
}

.textarea[readonly] {
    background-color: #CED0EA;
}

td.textellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.removeMargin {
    margin: 0px 0px 0px 0px;
}


/* START: Added by ITDRDC 10/02/2017 */
.removePadding {
    padding: 0px 0px 0px 0px;
}
/* END: Added by ITDRDC 10/02/2017 */

/* Edited by ITDDDL 09/05/2016 */
.oddDivAlternate {
    background-color: #ADD8E6;
    border-color: #BDB6B6;
}

.evenDivAlternate {
    background-color: #FFFFFF;
    border-color: #BDB6B6;
}

tbody.scrollContent .firstColumnPNNumber {
    text-align: center;
    width: 100px;
    background-color: #3276b1;
}

/* Access Matrix */

html > body tbody.noScrollContent {
    /*max-height:290px;*/
    overflow: auto;
    width: 100%
}


    thead.noScrollFixedHeader, tbody.noScrollContent tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

.noScrollContent {
    display: block;
    overflow: auto;
}



tbody.noScrollContent td, tbody.noScrollContent tr.normalRow td {
    background: #FFF;
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #CCC;
    border-top: 1px solid #DDD;
    padding: 2px 3px 3px 4px;
    font-size: 12px;
    /* font-family: Trebuchet MS; */
}

tbody.noScrollContent .firstColumn {
    text-align: center;
    width: 30px;
    vertical-align: middle;
    background-color: #3276b1;
}

tbody.noScrollContent .evenRow {
    background-color: #EFE9E5;
}

tbody.noScrollContent .oddRow {
    background-color: White;
}


thead.noScrollHeader {
    width: inherit;
}

.alert-info {
    background-repeat: repeat-x;
    border-color: #9acfea;
    background-image: linear-gradient(to bottom, #428bca 0%, #428bca 100%);
}


.label-adjust-vertical-margin {
    margin-bottom: 2.5px;
    margin-top: 2.5px;
}

thead.noScrollHeader tr {
    position: relative
}

thead.noScrollHeader th {
    background: #3276b1;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    color: #fff;
    font-weight: bold;
    padding: 4px 3px;
    text-align: center;
    font-size: 12px;
    /* font-family: Trebuchet MS; */
}

.exceptionMessage {
    font-size: 20px;
}

.exceptionMessageHeader {
    font-size: 22px;
    color: #FF0000;
    font-weight: bold;
}

.table {
    width: 100%;
    margin-bottom: 5px;
}

div.well {
    margin-bottom: 5px;
}

.adjust-padding-well-right {
    padding-right: 5px;
}

.adjust-padding-well-left {
    padding-left: 5px;
}

.form-group > label {
    padding-top: 1px;
    padding-bottom: 1px;
    margin-bottom: 2px;
    margin-top: 2px
}

.overflow  {
      white-space:  nowrap;
        overflow:  hidden;
      text-overflow:  ellipsis;
}

.modal-dialogSmall {
    width: 400px;
    height: 400px;
    position: absolute;
    top: 35%;
    left: 35%;
}

.modal-dialogBig {
    width: 850px;
}

/* START: Added by ITDRDC 12/11/2017 */
.inlineButton {
    display: inline-block;
    float: none;
    margin: 0px auto;
}

/* END: Added by ITDRDC 12/11/2017 */

/* START: Added by ITDDDL 01/22/2018 */
.fixedContent {
    display: block;
    overflow: auto;
}

tbody.fixedContent tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.label-header {
    color: Navy;
}

.clickableHeader {
    border: 0 !important;
    border-radius: 0;
    background: none;
    -webkit-appearance: none;
    color: #fff;
}

.modal-title {
    font-weight: 800;
}

/*  to correctly align the modal */
body, body.modal {
    /*margin-right: 0 !important;*/
}

    body.modal {
        overflow-y: hidden;
    }


.btn-lbp-green {
    background-color: #72bf44;
    color: #ffffff !important;
    font-family: 'Poppins-SemiBold'; /* Regular */
}


.btn-lbp-green-life {
    background-color: #72bf44;
    color: #ffffff !important;
    font-family: 'Poppins-Regular'; /* Regular */
}

.btn-lbp-gray {
    background-color: #58595b;
    color: #ffffff !important;
    font-family: 'Poppins-Regular'; /* Regular */
}

.label-font-header-content {
    font-size: 18px;
    color: #000000 !important;
    font-weight: 800;
    font-family: 'Poppins-Regular'; /* Regular */
}

.btn-danger {
    background-color: #58595b;
    border-color: #333333;
    color: #ffffff !important;
    font-family: 'Poppins-SemiBold'; /* Regular */
}

.btn-danger:hover {
  color: #fff;
  background-color: #58595b;
  border-color: #333333;
}

.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #58595b;
  border-color: #333333;
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #58595b;
  border-color: #333333;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #58595b;
  border-color: #333333;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.text-danger {
    color: #58595b !important;
}

a.text-danger:hover, a.text-danger:focus {
    color: #58595b !important;
}

.alert-lbp {
    background-color: #0db14b;
    color: White;
}

.alert-lbp-misc {
    background-color: #555555;
    color: White;
}

.hr-lbp {
    height: 2px;
    color: #555555;
    background-color: #555555;
    border: none;
}

.badge-ucpb {
    background-color: #0db14b;
    color: White !important;
    margin-left: 5px;
}

.sidebar-ucpb {
    background-color: #0db14b;
    list-style-type: none;
    margin: 0px;
    padding: 3px;
}

.ucpb-menu-card {
    background-color: #0db14b;
    padding: 0.50rem;
}


.ucpb-menu {
    color: White;
    font-weight: bold;
    font-size: 18px;
}

.ucpb-submenu {
    font-size: 16px;
}

.lnkSubmenu {
    color: white;
    margin-left: 40px;
}

.breadcrumb-ucpb {
    font-family: 'Poppins-SemiBold';
    color: #72bf44;
    font-weight: bold;
    margin-left: 10px;
}

.modal-header {
    font-family: 'Poppins-SemiBold';
    color: #ffffff !important;
    background-color: #72bf44 !important;
}


/* for datepicker */
.ui-datepicker .ui-datepicker-title select {
    font-size: 13px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Calibri, Trebuchet MS, Arial;
}

.ui-widget {
    font-family: Calibri, Trebuchet MS, Arial;
}

.ui-datepicker table {
    font-size: 13px;
}


.file-input-name {
    font-weight: bold;
}

@media (min-width: 1200px) {
    .modal-lg-lbp {
        width: 1000px;
        right: 200px;
    }
}
/* Landscape phones and down */
@media (max-width: 480px) {
    .modal-lg-lbp {
        width: 95%;
    }
}

@media (max-width: 767px) {
    .responsive-lbp {
        width: 95%;
    }
}

.responsive-modal-lbp {
    width: 100%;
}