/*#layout-sidenav.bg-sidenav-theme{
	background-color: #0071BC !important;
}*/
/*
 SYSTEM STYLE
 */
.hidden {
	display: none !important;
}
button:hover, button:focus, .button:hover, .button:focus{
	background-color: none;
}
div.bg-primary,a.bg-primary,span.bg-primary{
	background-color: #0071BC !important;
}
.btn-success,.btn-success:hover,.btn-success:focus{
	background-color: #008425 !important;
}
.btn-primary,.btn-primary:hover,.btn-primary:focus{
	background-color: #0071BC !important;
}

#layout-sidenav.bg-sidenav-theme{
	background-color: #003451 !important;
}
.bg-sidenav-theme .sidenav-item.active>.sidenav-link:not(.sidenav-toggle){
	background-color: #003451 !important;
}
.sidenav-item.active i{
	color: #fff;
}
.sidenav-vertical .sidenav-icon, .icon-image-nav{
	color: #54ade8;
}
.sidenav-icon{
	font-size: 2.2rem !important;
	display: flex !important;
    align-items: center;
    justify-content: center;
    margin-right: 8px !important;
}
.icon-image{
	margin-right: 10px;
	width: 23px;
}
.icon-image-nav{
	width: 12px;
}
.sidenav-item.active .icon-image{
	filter: grayscale(1) brightness(5);
}
.sidenav-item .fa-money-check-alt:before {
  font-size: 25px;
  color: #54ade8;
}
.sidenav-item.active .fa-money-check-alt:before {
  color: #fff !important;
}
/*
	NAV BAR - NOTIFICATIONS
 */
.notifications-coming-soon{
	text-align: center;
    font-size: 25px;
    font-weight: 400;
    padding: 100px 50px;
}

/*
 	SIDEBAR - REPORTSV2
*/
.sidenav-menu .sidenav-link div{
	display: flex;
    align-items: center;
    justify-content: center;
}
.sidenav-menu .sidenav-link .hyphen{
    display: inline-block;
    height: 3px;
    width: 10px;
    background-color: #54ade8;
    border-radius: 10px;
    margin-right: 8px;
}
.sidenav-item.open:not(.sidenav-item-closing)>.sidenav-toggle::after{
	display: none;
}
/*
	SIDEBAR LOGOS
 */
html.layout-collapsed:not(.layout-sidenav-hover) #layout-sidenav .app-brand .logo{
	display: none;
}
html.layout-collapsed.layout-sidenav-hover #layout-sidenav .app-brand .logo_collapse{
	display: none;
}
html:not(.layout-collapsed) #layout-sidenav .app-brand .logo{
	display: block;
}
html:not(.layout-collapsed) #layout-sidenav .app-brand .logo_collapse{
	display: none;
}
html.layout-collapsed:not(.layout-sidenav-hover) .sidenav-inner .sidenav-item .sidenav-link{
	padding-left: 1.2rem !important;
}
html.layout-collapsed:not(.layout-sidenav-hover) .sidenav-inner .sidenav-item .sidenav-link > div{
	visibility: hidden;
}
html.layout-collapsed:not(.layout-sidenav-hover) .sidenav-inner .sidenav-item ul.sidenav-menu{
	margin-left: .350rem !important;
}
html.layout-collapsed:not(.layout-sidenav-hover) .sidenav-inner li.sidenav-item i{
	margin-right: 10px;
    left: 45px;
    position: relative;
    font-size: 2.2rem !important;
}
/*
	Disable theme settings
 */
#theme-settings{
	display: none !important;
}
/*
	FOOTER
 */
nav.footer-white,nav.footer-white .footer-text{
	background-color: #fff !important;
	color: #4E5155 !important;
}

/* Modal  */
.reveal-modal .row .row, .reveal-modal label {
	width: 100%;
}
.reveal-modal .row .row select {
	margin-bottom: 10px;
}

/* Payment Settings */
.autopay-picker label {
	display: block;
}

/* Notification Settings */
#notification-settings .notification {
	width: 100%;
}

/* Pagination (original */
.page-item+.page-item .page-link, .pagination li+li>a:not(.page-link) {
	margin-left: initial !important;
	min-width: auto;
}
.dashboard .pagination>li>a:not(.page-link) {
	line-height: inherit !important;
	border: none;
}
.dashboard  ul.pagination li a, .dashboard  ul.pagination li button {
    display: block;
    padding: 0.0666666667rem 0.6666666667rem 0.0666666667rem !important;
    color: #999999;
    background: none;
    border-radius: 3px !important;
    font-weight: normal;
    font-size: 1em;
    line-height: inherit;
    transition: background-color 300ms ease-out;
}

/* Braintree styles */
#card-image {
    position: absolute;
    top: 2.5em;
    right: 1em;
    width: 50px;
    height: 28px;
    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/346994/card_sprite.png);
    background-size: 86px 458px;
    border-radius: 4px;
    background-position: -100px 0;
    background-repeat: no-repeat;
    margin-bottom: 1em;
}

#card-image.visa {
    background-position: 0 -400px;
}

#card-image.master-card {
    background-position: 0 -283px;
}

#card-image.american-express {
    background-position: 0 -373px;
}

#card-image.discover {
    background-position: 0 -166px;
}

#card-image.maestro {
    background-position: 0 -254px;
}

#card-image.jcb {
    background-position: 0 -224px;
}

#card-image.diners-club {
    background-position: 0 -136px;
}

.input-wrapper {
    border-radius: 2px;
    height: 2.75em;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
    padding: 5px 10px;
    margin-bottom: 1em;
    background: #fff;
}

.invalid-feedback {
    margin-top: -0.75rem !important;
    margin-bottom: 1rem !important;
}

.braintree-hosted-fields-invalid {
    border-color: #E53A40;
    animation: shake 500ms cubic-bezier(0.2, 1.3, 0.7, 1) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes  cardIntro {
    0% {
        transform: scale(0.8) translate(0, 0);
        opacity: 0;
    }

    100% {
        transform: scale(1) translate(0, 0);
        opacity: 1;
    }
}

@keyframes  shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(1px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-3px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(3px, 0, 0);
    }
}
/*
    SELECT2 - MULTISELECT TAG
 */
ul li.select2-selection__choice{    
    background-color: #26B4FF !important;
    color: #fff !important;
    border-color: #26B4FF !important;
}
ul li.select2-selection__choice .select2-selection__choice__remove{
    color: #fff !important;
}
.select2-selection.select2-selection--multiple{
    color: var(--pl_textColorFields) !important;
    border: 1px solid var(--pl_inputFieldsBorder) !important;
    background: var(--pl_background) !important;
    box-shadow: none !important;
}
/* /Braintree styles */



/** Custom CSS New Design */

/* Collapses */
.row .row.collapse {
    display: inline;
}
.sidenav-toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    width: .42em;
    height: .42em;
    border: 1px solid;
    border-top: 0;
    border-right: 0;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.sidenav-item.open:not(.sidenav-item-closing)>.sidenav-toggle::after {
	content: "";
    position: absolute;
    top: 50%;
    display: block;
    width: .42em;
    height: .42em;
    border: 1px solid;
    border-top: 0;
    border-right: 0;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}

/* ---------- Navbar --------- */
/*.layout-container .layout-navbar {
  padding-top: 2rem;
  padding-bottom: 2rem;
  box-shadow: none;
}*/

.navbar-nav-title h4 {
    padding-bottom: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #0C344E;
    margin-bottom: 5px;
    font-size: 28px;
  }
  
  .navbar-nav-title p {
    margin-bottom: 0;
    font-family: 'Roboto', sans-serif;
    color: #0C344E;
    font-weight: 300;
    font-size: 13px;
  }
  
  .navbar-nav-title p span {
    color: #006DC2;
  }
  
  .bg-navbar-theme .navbar-nav .nav-link .profile-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center right;
    margin-right: 1rem;
  }
  
  .bg-navbar-theme .navbar-nav .nav-link span {
    color: #0C344E;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 13px;
  }
  
  /* .bg-navbar-theme .navbar-nav .dropdown-toggle::after {
    width: 0.5em;
    height: 0.5em;
    color: #0071BC;
    border: 2px solid;
  } */
  
  .navbar-filters {
    /*background-color: #fff !important;*/
    padding-bottom: 4rem;
    justify-content: space-between;
  }
  
  .navbar-filters input {
    height: 60px;
    border-color: #DEE9F8;
    -webkit-box-shadow: 0px 10px 20px -18px rgba(213, 224, 232, 1);
    -moz-box-shadow: 0px 10px 20px -18px rgba(213, 224, 232, 1);
    box-shadow: 0px 10px 20px -18px rgba(213, 224, 232, 1);
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 16px;
  }
  
  .navbar-filters input::placeholder {
    color: #99A5AD;
  }
  
  .navbar-filters .navbar-filters-input {
    display: flex;
    justify-content: space-between;
    position: relative;
  }
  
  .navbar-filters .navbar-filters-input button {
    left: inherit;
    right: 1rem;
  }
  
  .navbar-filters .navbar-filters-search .button {
    display: flex;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 0;
    border-radius: 0 4px 4px 0;
    background-color: #0071BC;
    height: 60px;
  }
  
  .navbar-filters .navbar-filters-add {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: 1rem;
  }
  
  .navbar-filters .navbar-filters-add span {
    width: 100%;
    height: 100%;
  }
  
  .navbar-filters .navbar-filters-add .button {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    padding: 0;
    width: 100%;
    height: 60px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: #008425;
    padding: 1rem;
  }
  
  .demo-navbar-notifications .fa-bell {
    color: #006DC2;
    font-size: 30px;
  }
  
  ion-icon {
    --ionicon-stroke-width: 16px;
  }
  
  /* ---------- Main Schedule ---------- */
  .main-schedule {
    background-color: #fafafa;
    -webkit-box-shadow: 0px -16px 20px -18px rgba(213, 224, 232, 1);
    -moz-box-shadow: 0px -16px 20px -18px rgba(213, 224, 232, 1);
    box-shadow: 0px -16px 20px -18px rgba(213, 224, 232, 1);
  }
  
  /* --- Pagination limit --- */
  .pagination-limit-wrapper {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: var(--pl_primary);
    font-size: 15px;
  }
  
  .pagination-limit.pagination-limit-wrapper select {
    width: 91px;
    height: 48px;
    border: 1px solid #D1D5DA;
    margin: 0 8px;
    color: #6B7A84;
    padding-left: 1rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    background-color: #FFFFFF;
  }
  
  /* --- Table ---  */
  .schedule-table {
    border-collapse: separate;
    border-spacing: 0 7px;
    background-color: #fafafa;
  }
  
  .schedule-table th,
  .schedule-table td {
    padding-left: 2%;
    padding-right: 2%;
  }
  
  .schedule-table td {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  
  .schedule-table .schedule-table-title {
    background-color: #fafafa;
    border-bottom: 1px solid #e4e7f2;
  }
  
  .schedule-table .schedule-table-title tr {}
  
  .schedule-table .schedule-table-title tr::after {}
  
  .schedule-table .schedule-table-title th {
    font-family: 'Roboto', sans-serif;
    color: #09334F;
    font-weight: 400;
    font-size: 13px;
    padding-bottom: 2rem;
    position: relative;
  }
  
  .schedule-table .schedule-table-title th::after {
    content: '';
    display: block;
    height: 1px;
    background: #D1D5DA;
    bottom: 13px;
    width: 100%;
    position: absolute;
    left: 0;
  }
  
  .schedule-table .schedule-table-title th:nth-child(1) {
    width: 25% padding-left: 1rem;
  }
  
  .schedule-table .schedule-table-title th:nth-child(2) {
    width: 23%;
  }
  
  .schedule-table .schedule-table-title th:nth-child(3) {
    width: 23%;
  }
  
  .schedule-table .schedule-table-title th:nth-child(4) {
    width: 11%;
  }
  
  .schedule-table .schedule-table-title th:nth-child(5) {
    width: 11%;
  }
  
  .schedule-table .schedule-table-title th:nth-child(6) {
    width: 4%;
  }
  
  .schedule-table .schedule-table-main tr td {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #404B53;
    font-size: 14px;
    border-bottom: 1px solid #e4e7f2;
    border-top: 1px solid #e4e7f2;
  }
  
  .schedule-table .schedule-table-main tr:nth-child(odd) {
    background-color: #ffffff;
  }
  
  .schedule-table .schedule-table-main tr:nth-child(even) {
    background-color: #f0f2f7;
  }
  
  .schedule-table .schedule-table-main tr td:first-child {
    border-left: 1px solid #e4e7f2;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  
  .schedule-table .schedule-table-main tr td:last-child {
    border-right: 1px solid #e4e7f2;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  
  .schedule-table .schedule-table-main .button {
    background-color: inherit;
    padding-right: 5px;
      padding-left: 5px;
  }
  
  .schedule-table-main .ion-md-trash {
    color: #b45a21;
    font-size: 18px !important;
  }
  
  .schedule-table-main .ion-md-create {
    color: #2f73c8;
    font-size: 18px !important;
  }
  
  /* ----- Pagination ----- */
  .pagination-wrapper {
    margin-top: 2rem;
  }
  
  .pagination-wrapper .pagination-left {
    justify-content: flex-start !important;
  }
  
  .pagination-wrapper .pagination-left label {
    color: #0C344E;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;
  }
  
  .pagination-wrapper .pagination-right {
    align-items: center;
  }
  
  .pagination-wrapper .pagination-right .pageCurrent.current {
    background-color: #0578C7 !important;
    border: 1px solid #006DC2 !important;
    display: flex;
    align-items: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    height: 2rem;
    color: #FFFFFF !important;
    font-size: 15px;
  }
  
  .pagination-wrapper .pagination-right .pageCurrent {
    color: #0C344E;
  }
  
  .pagination-wrapper .pagination-right .pageMove {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #0C344E;
    font-size: 15px;
    border: none;
  }
  
  .pagination-wrapper .pagination-right .pageMove .pageMove-next::after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
  }
  /* ------ Modal ----- */
  .reveal-modal-bg{
    display: block;
  }
  /* ----- Footer ----- */
  .layout-footer {
    display: none !important;
  }

  /* alert modal */
  .alert--modal {
    padding: 20px !important;
    text-align: center;
    background-color: #f44336;
    color: white !important;
    position: fixed !important; 
    width: 100% !important; 
    z-index: 9999 !important;
  }
  .alert--modal .close {
    text-decoration: underline;
    cursor: pointer;
  }

  /* datepicker range */
  .datepicker span.month.disabled {
    color: #eee; 
  }
  .change-rate-modal input[name="start_date"] {
    cursor: pointer;
    background: #fff;
  }

  /* payment forms */
  #invoice-payment .row, #add-payment-profile-modal .row {
    display: block;
  }

  /* modal buttons */
  .reveal-modal .columns button {
    margin: 1rem 0 0;
  }

  /** Custom CSS New Design */

/* --- REPORT TABLE ---  */
  .reports-table-vue {
    border-collapse: separate;
    border-spacing: 0 7px;
    background-color: transparent;
  }
  
  .reports-table-vue th,
  .reports-table-vue td {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  
  .reports-table-vue td {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  
  .reports-table-vue .schedule-table-title {
    background-color: transparent;
    border-bottom: 1px solid #e4e7f2;
  }
  
  .reports-table-vue .schedule-table-title tr {}
  
  .reports-table-vue .schedule-table-title tr::after {}
  
  .reports-table-vue .schedule-table-title th {
    font-family: 'Roboto', sans-serif;
    color: #09334F;
    background-color: #f5f5f5;
    font-weight: 400;
    font-size: 13px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    /*position: relative;*/
  }
  
  .reports-table-vue .schedule-table-title th::after {
    content: '';
    display: block;
    height: 1px;
    background: #D1D5DA;
    bottom: 0px;
    width: 100%;
    position: absolute;
    left: 0;
  }
  
  .reports-table-vue .schedule-table-title th:nth-child(1) {
    width: 25% padding-left: 1rem;
  }
  
  .reports-table-vue .schedule-table-title th:nth-child(2) {
    width: 23%;
  }
  
  .reports-table-vue .schedule-table-title th:nth-child(3) {
    width: 23%;
  }
  
  .reports-table-vue .schedule-table-title th:nth-child(4) {
    width: 11%;
  }
  
  .reports-table-vue .schedule-table-title th:nth-child(5) {
    width: 11%;
  }
  
  .reports-table-vue .schedule-table-title th:nth-child(6) {
    width: 4%;
  }
  
  .reports-table-vue .schedule-table-main tr td {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #404B53;
    font-size: 14px;
    border-bottom: 1px solid #e4e7f2;
    border-top: 1px solid #e4e7f2;
  }
  
  .reports-table-vue .schedule-table-main tr:nth-child(odd) {
    background-color: #ffffff;
  }
  
  .reports-table-vue .schedule-table-main tr:nth-child(even) {
    background-color: #f0f2f7;
  }
  
  .reports-table-vue .schedule-table-main tr td:first-child {
    border-left: 1px solid #e4e7f2;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  
  .reports-table-vue .schedule-table-main tr td:last-child {
    border-right: 1px solid #e4e7f2;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  
  .reports-table-vue .schedule-table-main .button {
    background-color: inherit;
    padding-right: 5px;
      padding-left: 5px;
  }
  
  .reports-table-vue-main .ion-md-trash {
    color: #b45a21;
    font-size: 18px !important;
  }
  
  .reports-table-vue-main .ion-md-create {
    color: #2f73c8;
    font-size: 18px !important;
  }

  .advanced_date .pl_date_input_form{
    display: flex;
    align-items: center;
  }
  .advanced_date .pl_date_input_form .advanced_search_label{
    flex:0.15;
  }
  .advanced_date .pl_date_input.pl_date_start{
    flex: 0.85;
    margin-bottom: 0px;
  }
  .select2-selection--multiple:before {
    content: "";
    position: absolute;
    right: 7px;
    top: 42%;
    border-top: 5px solid #888;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
  }

.imm-loader {
  position: relative;
  z-index: 1;
  width: 100%;
  width: 100px;
  display: block;
  height: 140px;
  text-align: center;
}

.imm-loader:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  padding-top: 80px;
  font-size: .875rem;
  line-height: 25px;
  text-transform: uppercase;
  font-family: @font-serif;
  margin: 0 auto;
  text-align: center;
  transform: translateY(-40px);
  text-indent: .5rem;
}

.imm-loader:after {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background: url('/assets/images/icons/ring-alt.svg');
  background-size: cover;
  position: absolute;
  top: 50%;
  margin: 0 auto;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  z-index: 10;
}

.imm-loader--centered {
    position: absolute;
    left: 50%;
    top: 40%;
    z-index: 1;
    margin-top: -75px;
    width: 120px;
    height: 120px; 
}

.imm-loader--centered:before {
  content: "Loading...";
}

.imm-loader span {
  position: relative;
  top: 75%;
  font-size: .875rem;
  line-height: 25px;
  text-transform: uppercase;
  color: @color-gray;
  font-family: @font-serif;
}
  
.cl-badge {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: .7145rem !important;
  line-height: 1.5;
  width: 15px;
  height: 15px;
  text-align: center;
  background: #006fbf;
  color: #fff;
}

#layout-sidenav .sidenav-inner .sidenav-icon.fas.ion.ion-md-mail.d-block{
  font-size: 25px !important;
}

.fa-fix-icon{
  font-size: 1.7rem !important;
}

@media only screen and (max-width: 990px) {
  .demo-navbar-user {
    display: none;
  }
  .imm-loader--centered {
    left: 35%;
  }
}

@media only screen and (min-width: 990px) {
  .mobile-nav {
    display: none;
  }
}

/** PL-227 */
.ach_row {
  width:100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}

.ach_row .business {s
  display:none;
}