/* lato-regular - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/lato-v16-latin/lato-v16-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Lato Regular'), local('Lato-Regular'),
         url('../fonts/lato-v16-latin/lato-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/lato-v16-latin/lato-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/lato-v16-latin/lato-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/lato-v16-latin/lato-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/lato-v16-latin/lato-v16-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
  }
/* lato-700 - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/lato-v16-latin/lato-v16-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Lato Bold'), local('Lato-Bold'),
         url('../fonts/lato-v16-latin/lato-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/lato-v16-latin/lato-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/lato-v16-latin/lato-v16-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/lato-v16-latin/lato-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/lato-v16-latin/lato-v16-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
  }


/* YUCA Palette*/

.yuca-blue {
    color: #55b4e9 !important;
}

.yuca-bg-blue {
    background-color: #55b4e9 !important;
    border-color: #55b4e9 !important;
}

.yuca-red {
    color: #ff0300 !important;
}

.yuca-bg-red {
    background-color: #ff0300 !important;
    border-color: #ff0300 !important;
}

.yuca-violet {
    color: #3f5e96 !important;
}

.yuca-bg-violet {
    background-color: #3f5e96 !important;
    border-color: #3f5e96 !important;
}

.yuca-green {
    color: #6ec530 !important;
}

.yuca-bg-green {
    background-color: #6ec530 !important;
    border-color: #6ec530 !important;
}

.yuca-orange {
    color: #e68a15 !important;
}

.yuca-bg-orange {
    background-color: #e68a15 !important;
    border-color: #e68a15 !important;
}

.yuca-yellow, .text-warning {
    color: #FFC000 !important;
}

.yuca-bg-yellow {
    background-color: #FFC000 !important;
    border-color: #FFC000 !important;
}

.yuca-dark-red {
    color: #aa2f2e !important;
}

.yuca-bg-dark-red {
    background-color: #aa2f2e !important;
    border-color: #aa2f2e !important;
}

.yuca-grey {
    color: #838182 !important;
}

.yuca-bg-grey {
    background: #838182 !important;
    background-color: #838182 !important;
    border-color: #838182 !important;
}

.yuca-indigo {
    color: #302d72 !important;
}

.yuca-bg-indigo {
    background-color: #302d72 !important;
    border-color: #302d72 !important;
}


span.cb-sched-date {
    font-weight: bold;
    margin-right: 3px;
}

span.cb-sched-no-date {
    font-weight: bold;
    margin-right: 3px;
    color: red;
}

body {
    font-family: 'Lato' !important;
}

body.public {
    background-image: linear-gradient(#1195bb, #015883) !important;
}

    body.modal-open {
        height: 100vh !important;
        overflow: visible !important;
        padding-right: 17px !important;
        position: inherit !important;
        width: 100% !important;
    }


html { 
    -webkit-overflow-scrolling: touch; 
    overflow-y: scroll; 
    overflow-x: auto !important;
}

body,
.cbResultSetData, 
.cbResultSetRecordMessage, 
.cbResultSetLabelLink,
tspan, 
text, 
label,
button,
select,
input,
a,
span,
h1,
h2,
h3,
h4,
h5,
h6,
td,
th,
div,
title,
svg,
p {
    font-family: 'Lato' !important;
}

#accordionSidebar
{
    background-image: linear-gradient(to bottom, #1195bb, #015883) !important;
    position: fixed;
    z-index: 2;
}

.modal {
    z-index: 4 !important;
}

.modal-backdrop {
    z-index: 3 !important;
}

.d-md-inline {
    border-top: 1px solid #ffffff1f;
    padding: 20px 0px !important;
    margin: 20px 10px !important;
}

#accordionSidebar a:not(.collapse-item),
#accordionSidebar button,
#accordionSidebar hr,
#accordionSidebar i,
#accordionSidebar span
{
    color: #fff !important;
}

#accordionSidebar button
{
    background-color: #83b8cc !important;
}

.sidebar-dark #sidebarToggle::after {
    color: #257ca0 !important
}

#accordionSidebar hr
{
    border: 1px solid #dedede
}

#accordionSidebar .caspio-logo img {
    width: 180px;
}

#accordionSidebar.toggled .caspio-logo img {
    width: 82px;
}

#topbar
{
    background-color:#f2f2f2;
}

#topbar .cb-right, #topbar .cb-left {
    width: 50%;
}

#dev-in-progress {
    width: 250px;
    height: 40px;
    background: red 0% 0% no-repeat padding-box;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    color: #FFFFFF;
    line-height: 20px;
}

.dev-in-progress-msg {
    font-weight: bold;
    font-size: 18px;
}

#sidebarToggleTop
{
    color:#fff !important;
}

.caspio-blue-color {
    background-color: #005883;
}

.card-header .caspio-blue-text-color {
    color: #005883 !important;
}

.card h6 {
    color: #fff !important;
}

table[data-cb-name="cbTable"] tbody tr[data-cb-name="header"] th,
.dropdown-item.active,
.dropdown-item:active,
.btn-primary,
.cbResultSetAddButton,
.cbResultSetHeaderCheckBoxCell,
.cbLoginButton,
.cbPasswordResetButton
{
    background: #005883 !important;
}

.cbResultSetAddButton:hover, 
.btn-primary:hover,
.cbLoginButton:hover,
.cbPasswordResetButton:hover {
    background: #174478 !important;
}

.btn-primary-2 {
    background: #0489c9 !important;
}
.btn-primary-2:hover {
        background: #1b6285 !important;
}

.page-header {
    color: #005883 !important;
}

/* .highcharts-container {
    width: 100% !important;
}

.highcharts-root {
    width: 100% !important;
} */



.loader{
    position: absolute;
    height: 100%;
    background: rgb(255,255,255,.7);
    z-index: 9999;
    width: 100%;
    display: none;
}

.loader img{
    top: 35%;
    left: 50%;
    position: fixed;
}

.cb-content {
    display:none;
}

.preload > img { 
    width: 100px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
}

#nav-user-fullname {
    color: #000 !important;
}

.user-icon {
    background: #f2f2f2 !important;
}

#sidebarToggleTop i {
    color: #686868;
}

@media (max-width: 767px) {

    #content-wrapper {
        margin-left: 104px;
    }

    #accordionSidebar .caspio-logo img {
        width: 82px !important;
    }

    #sidebarToggle {
        display: none;
    }

    .public-wrapper {
        margin-top: 60px !important;
    }
}

.content-left-margin-0 { 
    margin-left: 0px !important;
}

.content-left-margin-224 {
    margin-left: 224px !important;
}

.content-left-margin-104 {
    margin-left: 104px !important;
}

.left-div {
    width: 16rem;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .left-div {
        width: 16rem;
    }

    #content-wrapper {
        margin-left: 224px;
    }

    #sidebarToggle {
        display: inline;
    }
}

/*--------------------- Public ----------------------*/

.public-wrapper {
    margin-top: 160px;   
}

.reset-password-wrapper {
    margin-top: 18px;
    padding: 20px 40px;
}

.login-wrapper {
    margin-top: 76px;
    padding: 20px;
}

.login-container {
    margin-top: 50px;
}

.bg-reset-password-image
{
    background: url('../img/YUCAHILINE - kopie.png');
    background-position: center;
    background-size: cover;
}

.bg-login-image {
    background: url('../img/YUCAHILINE - kopie.png');
    background-position: center;
    background-size: cover;
}

form#caspioform > div {
    width: 100%;
}

form#caspioform > div > section {
    width: 100%;
}

.cbPasswordResetButton,
.cbLoginButton {
    width: 100%;
    margin: 0px !important;
    text-transform: capitalize !important;
}

input[type="text"],
input[type="password"],
select {
    border: 1px solid #d1d3e2 !important;
}

img.caspio-logo {
    max-width: 220px;
    max-height: 70px;
}

@media (max-width: 600px) {
    .public-wrapper > div > div {
        height: 500px !important;
    }
}

/*--------------------- Employee Directory ----------------------*/

section[data-cb-name="cbTable"] {
    background: transparent;
}

.cb-search-container .cbSubmitButtonContainer {
    display: none !important;
}

@media (min-width: 1025px) {
    .cb-search-container section[data-cb-name="cbTable"] {
        display: block;
    }
    .cb-search-container section[data-cb-name="cbTable"] > div {
        float: left;
        grid-row: none;
        grid-column: none;
        grid-auto-columns: unset;
    }
    .cb-search-container section[data-cb-name="cbTable"] > div > div {
        float: left;
    }
}

.cbResultSetActionCell a[data-cb-name="DetailsLink"] {
    background-color: #005883 !important;
    border-color: #36b9cc !important;
}

.cbResultSetActionCell a[data-cb-name="downloadPDF"] {
    background-color: #F6C23E;
    border-color: #F6C23E;
}

.cbResultSetActionCell a[data-cb-name="updateLink"] {
    background-color: #36b9cc;
    border-color: #36b9cc;
}

.cbSubmitButtonContainer .cbSubmitButton,
.cbUpdateButtonContainer .cbUpdateButton {
    background-color: #005883 !important;
    border-color: #005883 !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.cbSubmitButtonContainer .cbSubmitButton:hover,
.cbUpdateButtonContainer .cbUpdateButton:hover {
    background-color: #174478 !important;
    border-color: #174478 !important;
}

.cbResultSetActionCell a[data-cb-name="InlineEdit"],
input[name$="InlineEdit"],
.cbBackButtonContainer .cbUpdateButton {
    background: #F6C23E !important;
    border-color: #F6C23E !important;
}

input[name$="InlineEdit"],
input[name$="InlineEditCancel"] {
    padding: 2px 10px !important;
    margin-right: 5px;
}


.cbResultSetActionCell a[data-cb-name="InlineDelete"],
.cbBackButtonContainer .cbDeleteButton,
input[name$="InlineEditCancel"] {
    background: #E74A3B !important;
    border-color: #E74A3B !important;
}

.cbResultSetActionCell a,
.btn-info {
    display: inline-block;
    font-weight: 400;
    color: #fff !important;
    border: 1px solid transparent;
    padding: 2px 10px !important;
    font-size: 14px;
    line-height: 1.5;
    border-radius: .2rem !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-info:hover {
    background-color: #174478;
    border-color: #174478;
}

select {
    height: 35px;
}

.cb-result-container {
    float: left;
    width: 100%;

}

.cb-search-button-container {
    margin-top: 10px;
    width: 100%;
}


.cb-search-button-container button {
    margin-bottom: 10px;
}

.cbBackButtonContainer .cbUpdateButton,
.cbBackButtonContainer .cbDeleteButton {
    color: #fff !important;
}

.add-button-container {
    margin-bottom: 15px;
}

.cb-results-container select.cbResultSetSelect {
    height: 24.8px !important;
}

.cb-results-container .BodyCtnr .Edit select {
    height: 27px !important;
}

@media (min-width: 1025px) and (max-width: 1240px) {
    .cb-detail-container .cbBackButtonContainer input {
        margin-top: 5px !important;
    }
}

@media (min-width: 577px) and (max-width: 1024px) {
    #BulkUpdateFormBody section[data-cb-name="cbTable"] {
        width: 100% !important;
    }
}

#accordionSidebar li a.active{
    background-color: #2F94B3;
    font-weight: bold;
}

iframe
{
    width:100%;
}

.chart-container
{
    height:440px;
}

.donut-chart {
    padding: 0px !important;
}

/* Reset Password */

.reset-password-wrapper .cbSubmitButton{
    width: 100%!important;
    margin: 0px!important;
    margin:0px!important;
}

/* Card */

h6.section-header {
    color: #005883 !important;
}

/* Card - Update Form */

/*div.card-body div.cbFormDataCell,*/
/* div.card-body div.cbFormFieldCell, */
/* div.card-body div.cbFormLabelCell.cbFormLabel, */
/* div.card-body div.cbFormLabelCell.cbFormLabelRequired, */
div.card-header div.cbFormDataCell,
div.card-header div.cbFormFieldCell,
div.card-header div.cbFormLabelCell.cbFormLabel {
    padding-left: 0 !important;
}

div.half-card.card-body {
    /* padding-right: 0; */
}

textarea {
    font-family: 'Lato' !important;
}

div.card-body .cbHTMLBlockContainer {
    padding-left: 8px !important;
}

div.card-body .text-primary {
    color: #005883 !important;
}

.cb-search-button-container {
    margin-top: 45px;
}

.cbHTMLBlockContainer {
    background: none !important;
}

/* Tabs */

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff !important;
  background-color: #005883 !important;
}

.nav-pills a:hover {
    color: #005883 !important;
    text-decoration: underline;
}

.nav-pills a {
    color: #005883 !important;
    text-decoration: none;
    background-color: transparent;
}

/* Modal */

.open-modal-btn {
    cursor: pointer !important;
}

#cb-modal-title {
    color: #005883 !important;
}

/* #cb-modal .cbFormFieldCell {
    padding-left: 0px !important;
} */

/* Buttons  */

a[id^=exists] {
    display: none;
}

a.btn {
    cursor: pointer;
}

/* Multi-select */
.bootstrap-select { padding:0 !important }
.bootstrap-select .btn { padding:5px 8px; }
.bootstrap-select ul.dropdown-menu { list-style:none; }
.bootstrap-select a { color:#333; }

.bootstrap-select .bs-searchbox input[type="search"],
div.filter-option-inner-inner {
    font-size: 14px !important;
}

.search-header {
    font-size: 1.5rem !important;
    color: #005883 !important;
}

.search-subheader {
    font-size: 1rem !important;
    color: #005883 !important;
}

.btn-disabled, .btn-disabled:hover, .btn-disabled:active, .btn-disabled:focus {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
}

/* CB Specific */
.cb-login-cont { padding:0; margin:0 auto; width:267px; }
.cb-login-cont input { width:100%; }

.cb-form-fluid table,
.cb-form-fluid input[type="text"],
.cb-form-fluid input[type="password"],
.cb-form-fluid input[type="file"],
.cb-form-fluid select { width:100%; }
.cb-form-fluid input[type="text"][name*="Date"]{ width:calc(100% - 22px); }

.cb-form-grid input[type="text"],
.cb-form-grid input[type="password"],
.cb-form-grid input[type="file"],
.cb-form-grid select { width:220px; }
.cb-form-grid input[type="submit"]{ margin:0 3px; }
.cb-form-grid textarea { width:400px; }

.cb-res { overflow:auto; }
.cb-hide-submit input[type="submit"] { display:none; }
.cb-hide-submit .cbSubmitButtonContainer { display:none; }
.cb-form-search  button { margin-top:35px; }
.cb-form-search td { display: inline-block; }
/*ADDED HERE BY JOMSS 04/13/2021*/
.cb-form-search div {
  width: 100%;
}
.cb-form-search div section {
  width: 100%;
}
.cb-form-search .cbFormNestedTableContainer{
  grid-auto-columns: auto !important;
}
.cb-form-search .cbFormNestedTableContainer .cbHTMLBlockContainer{
  position: relative;
  bottom: 8px;
}
/* Responsive */
@media (max-width: 768px) {
  h1.page-header { font-size:20px; line-height:34px; margin-top:20px; box-shadow:0 !important; }
  h3 { font-size:18px; }
  
  * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  }
  
  /* responsive forms */
  .cb-form-resp table { width: 100% !important; margin: 0px !important; }
  .cb-form-resp td { display: block; }

  .cb-form-readonly table { width: 100% !important; margin: 0px !important; }
  .cb-form-readonly td { display: inline-block; float:left; }
  .cb-form-readonly td:nth-child(2n+1) { clear:left; }  
  
  .cb-form-resp input, 
  .cb-form-resp select,
  .cb-form-resp textarea { width: 100% !important; }

  .cb-form-resp input[type=radio],  .cb-form-resp input[type=checkbox] {
    width: auto !important;
  }

  .cb-form-resp input[type="submit"] {
	margin-top: 5px;
	margin-left:0;
	margin-right:0;
  }
  
  .cb-form-resp img[alt~="Calendar"] {
    position: relative; left: -19px; top: 4px; z-index: 9999 ;
  }

  .cb-form-resp img[alt~="Audio"] {
    position: relative; left: -19px; top: 4px;
  }

  .cb-form-resp img[alt~="Download"] {
    position: relative; left: -46px; top: 4px;
  }  

  .cb-form-resp input + span > a {
    display: block;
    width: 1px;
    overflow: visible;
    position: relative;
    left: -15px;
    top: -42px;
  }

  .cb-form-resp input + a[href="#"],
  .cb-form-resp input + a[href="#"] + a {
    display: inline-block;
    width: 1px;
    overflow: visible;
    position: relative;
    left: -8px;
  }
  
  /* responsive tables */
  .cb-tab-resp * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }

  .cb-tab-resp *:before,
  .cb-tab-resp *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }

  .cb-tab-resp table[id^="PageActionsCtnr"] {
    border-spacing: 0px !important;
    border-collapse: separate !important; 
    margin-bottom: 7px !important; 
  }

  .cb-tab-resp table[id^="PageActionsCtnr"] td {
    display: block;
    width: auto!important;
    float: left;
    text-align: left;
    padding: 1px !important;
  }

  .cb-tab-resp table[id^="PageActionsCtnr"] td div {
    text-align: left !important;
  }

  .cb-tab-resp table[data-cb-name^="cbTable"] {
    border: none !important;
    background: transparent !important;
    display: block;
    -webkit-box-shadow: none !important;
       -moz-box-shadow: none !important;
            box-shadow: none !important;     
  }

  .cb-tab-resp table[data-cb-name^="cbTable"] tbody {
    display: block;
  }

  .cb-tab-resp table[data-cb-name^="cbTable"] tr:first-child {
    display: block;
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .cb-tab-resp table[data-cb-name^="cbTable"] tr {
    display: block;
    border: 1px solid #dddddd; 
    margin-bottom: 7px; 
    width: 100%;
  }

  .cb-tab-resp table[data-cb-name^="cbTable"] td {
    display: block;
    border: none !important;
    position: relative !important;
    padding-bottom: 10px !important;
    text-align: left !important;    
  }

  .cb-tab-resp table[data-cb-name^="cbTable"] td:before {
    padding-right: 5px; 
  }

  .cb-tab-resp table[data-cb-name^="cbTable"] td[class^="cbResultSetActionCell"] {padding-bottom: 10px !important; padding-top: 7px  !important;} 
  
  /* responsive gallery */
  .cb-gal-resp * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }

  .cb-gal-resp .cb-event > div { max-width:100%; }
  
  .cb-gal-resp table[id^="PageActionsCtnr"] {
    border-spacing: 0px !important;
    border-collapse: separate !important; 
  }

  .cb-gal-resp table[id^="PageActionsCtnr"] td {
    display: block;
    width: auto!important;
    float: left;
    text-align: left;
    padding: 1px !important;
  }

  .cb-gal-resp table[id^="PageActionsCtnr"] td div {
    text-align: left !important;
  }

  .cb-gal-resp table[data-cb-name^="cbTable"] {
    border-spacing: 0px !important;
    border-collapse: collapse !important; 
    margin-bottom: 7px;       
  }

  .cb-gal-resp table[data-cb-name^="cbTable"] td {
    display: block;
    width: 100% !important;
    float: left;
    text-align: left;
    margin-top: 10px;   
  }

  .cb-gal-resp table[data-cb-name^="cbTable"] td div {
    text-align: left !important;    
  }

  .cb-gal-resp table[data-cb-name^="cbTable"] td > div > div[name^="RACtnr"], 
  .cb-gal-resp table[data-cb-name^="cbTable"] td > div > div[name^="RACtnr"]:hover { 
    vertical-align: middle !important;
    white-space: normal !important;
    background: transparent !important;
    overflow: hidden !important;
    display: inline-block !important;
    padding: 0px !important;      
    margin: -6px 12px 8px 12px !important; 
    line-height: 0px;
    position: static !important;
    width: auto !important;
    opacity: 1.0 !important;
  }
  
}

.jconfirm {
    z-index: 88888 !important;
}

.cb-charts {
    text-align: center;
}

.cb-chart-value,
text.highcharts-title {
    font-size: 20px !important;
    font-weight: bold;
    text-align: center;
}

.cb-chart-sub-value {
    font-size: 13px !important;
    font-weight: bold;
    text-align: center;
}

text.highcharts-credits {
    display: none !important;
}

.cb-container-chart {
    width: 300px;
    height: 270px;
    margin: auto;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-top: 30px;
}

.cb-gauge-chart {
    width: 300px;
    height: 270px;
    float: left;
    border: 2px #fff solid;
    border-radius: 30px;
}

.cb-gauge-chart.clickable:hover {
    cursor: pointer;
    border: 2px #dedede solid;
}

#doublescroll
{
  overflow: auto; overflow-y: hidden; 
}

#doublescroll p
{
  margin: 0; 
  padding: 1em; 
  white-space: nowrap; 
}

.fa-for-approval-btn,
.apr-approve-btn,
.apd-approved-btn,
.cb-inline-btn {
    white-space: nowrap;
    display: inline !important;
}