:root {
    --main-color:#2792bf;
}

@import url(https://fonts.googleapis.com/css?family=Oxygen:400,700|Source+Sans+Pro:400,400i,600,600i,700,700i);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
body{
    font-size: 1.2rem !important;
}

a{
    color:#000 !important;
}
.app-menu .main-menu>ul .menu-item .item-link .caret {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.app-loader {
    height: 100%;
    position: absolute;
    -webkit-transition: .2s opacity 0s ease-in-out, 0s visibility .2s ease-in-out;
    transition: .2s opacity 0s ease-in-out, 0s visibility .2s ease-in-out;
    width: 100%;
    z-index: 9999
}

.loaded .app-loader {
    opacity: 0;
    visibility: hidden
}

.app-loader .overlay {
    background: #e8ecf3;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 998
}

.app-loader .loader {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 999
}

.app-loader .loader span {
    -webkit-animation: slide 1s infinite;
    animation: slide 1s infinite;
    border-radius: 50%;
    display: inline-block;
    height: 24px;
    width: 24px
}

.app-loader .loader span:nth-child(1) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    background: #b3bfd6
}

.app-loader .loader span:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    background: #67a8e4
}
.form-inline .form-control {
    font-size: 14px !important;
}
.app-loader .loader span:nth-child(3) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    background: #8b9bbc
}

.app-loader .loader span:nth-child(4) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    background: #8b9bbc
}

.app-loader .loader span:nth-child(5) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    background: #8b9bbc
}
.fc .fc-button-group>.fc-button {
    border-radius: 0px !important;
}
.app-loader .loader.loader-2 span {
    -webkit-animation: loader-2 1s infinite;
    animation: loader-2 1s infinite;
    border-radius: 0;
    height: 5px;
    width: 9px
}
.table-list-heading.block-days h4 {
    color: #292b2c;
    text-transform: capitalize;
    border: inherit;
    font-size: 24px;
}
.app-loader .loader.loader-3 {
    height: 100px;
    width: 100px
}

.app-loader .loader.loader-3 span {
    -webkit-animation: loader-3 2.1s linear infinite;
    animation: loader-3 2.1s linear infinite;
    height: 14px;
    left: 50%;
    margin: -7px 0 0 -7px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 14px
}

.app-loader .loader.loader-3 span:nth-child(1) {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.app-loader .loader.loader-3 span:nth-child(2) {
    -webkit-animation-delay: -1.4s;
    animation-delay: -1.4s
}

.app-loader .loader.loader-3 span:nth-child(3) {
    -webkit-animation-delay: -2.1s;
    animation-delay: -2.1s
}

.app-loader .loader.loader-3 span:nth-child(4) {
    display: none
}

.app-loader .loader.loader-3 span:nth-child(5) {
    display: none
}

.app-loader .loader.loader-4 {
    height: 50px;
    width: 50px
}

.app-loader .loader.loader-4 span {
    -webkit-animation: none;
    animation: none;
    display: block;
    height: 100%;
    width: 100%
}
.calender-div th {
    font-weight: 500;
    background-color: var(--main-color) !important;
    border-bottom: 0 none;
    color: #fff !important;
    letter-spacing: 1px;
    font-size: 14px;
    padding:7px 0 !important;
    border: 1px solid transparent !important;
}
.calender-div td {
    font-size: 14px;
}
.calender-div.fc-direction-ltr .fc-timegrid-slot-label-frame {
    text-align: center !important;
}
.calender-div .fc-list-day-cushion.fc-cell-shaded {
    background-color: var(--main-color) !important;
}
.calender-div button.fc-today-button.fc-button.fc-button-primary {
    padding: 9px 19px !important;
    border-color: transparent !important;
    background-color: var(--main-color) !important;
}
.calender-div td.fc-list-event-title i {
    font-size: 19px;
    margin: 0 00 0 5px;
}
input:-internal-autofill-selected {
    -webkit-box-shadow: 0 0 0 50px white inset;
}
.custom-table table tr th {
    font-family: "Montserrat Medium";
    font-weight: 500;
    padding-top: 12px;
    padding-bottom: 10px; /*12px;*/
    /* background-color: var(--main-color); */
    border-bottom: 0 none;
    color: #fff;
    letter-spacing: 1px;
    text-transform: capitalize;
    text-align: left !important;
    padding-left: 10px;
    padding-right: 10px;
}
.custom-table table tr td {
    font-family: "Montserrat";
    /* padding-top: 12px; */
    /* padding-left: 10px; */
    /* padding-right: 10px; */
    text-align: left;
    /* text-transform: capitalize; */
    /* padding-bottom: 11px; */
    padding: 5px;
}
.calender-div .fc-timegrid-event .fc-event-main {
    /* margin: 15px !important; */
    font-size: 14PX;
    color: #fff !important;
}
.calender-div.fc-direction-ltr .fc-timegrid-slot-label-frame {
    margin: 15px !important;
    padding-left: 10px;
    padding-right: 10px;
}
.calender-div .fc-timegrid-event-harness.fc-timegrid-event-harness-inset i {
    font-size: 20px;
    color: #fff;
    margin: 0 0 0 12px;
}
.calender-div.fc .fc-button-primary:disabled {
        padding: 9px 19px !important;
    border-color: transparent !important;
    background-color: var(--main-color) !important;
}
.fc-button-group button {
    background: var(--main-color) !important;
    border: 1px solid #fff !important;
    padding: 9px 19px !important;
}
.calender-div th a{
    color: #fff !important;
}
.app-loader .loader.loader-4 span:nth-child(1) {
    background: 0 0;
    -webkit-box-shadow: 0 0 4px 2px rgba(179, 191, 214, .3) inset;
    box-shadow: 0 0 4px 2px rgba(179, 191, 214, .3) inset
}

.app-loader .loader.loader-4 span:nth-child(2) {
    -webkit-animation: rotate-360 1s linear infinite;
    animation: rotate-360 1s linear infinite;
    background: 0 0;
    -webkit-box-shadow: 0 2px 0 #67a8e4 inset;
    box-shadow: 0 2px 0 #67a8e4 inset;
    left: 0;
    position: absolute;
    top: 0
}

.app-loader .loader.loader-4 span:nth-child(3),
.app-loader .loader.loader-4 span:nth-child(4),
.app-loader .loader.loader-4 span:nth-child(5) {
    display: none
}

.app-loader .loader.loader-5 {
    height: 60px;
    width: 60px
}

.app-loader .loader.loader-5 span {
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
    position: absolute;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
select.form-control:not([size]):not([multiple]) {
    height: auto;
}
.cust-submit input#submit {
    width: auto;
    padding: 13px 33px !important;
    background: var(--main-color) !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1 !important;
    border-radius: 4px !important;
    border: 1px solid !important;
}
.cust-submit-bn {
    width: auto;
    padding: 10px 33px !important;
    /* padding: 13px 33px !important; */
    background: var(--main-color) !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1 !important;
    border-radius: 4px !important;
    border: 1px solid !important;
    text-decoration: none !important;
    /* min-height: 36px !important; */
    display: inline-block !important;
    font-family: inherit !important;
}
.cust-submit-bn-danger
{
     width: auto;
     background-color: #e24d4d !important;
     padding: 10px 33px !important;
     line-height: 1 !important;
    border-radius: 4px !important;
    border: 1px solid !important;
    display: inline-block !important;
    font-family: inherit !important;
}
.cust-bck-btn{
  /* padding: 7.5px 40.5px 7.5px 40.5px !important; */
  color: #fff !important;
  background: var(--main-color) !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1 !important;
  border-radius: 4px !important;
  border: 1px solid !important;
  text-decoration: none !important;
  margin-left:1rem !important;
}
.cust-imp-btn{
    padding-left:40px !important;
    padding-right:40px !important;
}
.cust-imp-bck{
    padding-left:41px !important;
    padding-right:41px !important;
    margin-left:1rem;
}
.cust-flex-btns{
  padding-left: 30px !important;
}
.cust-set-adbtn{
    margin-left:1rem !important;
    margin-top:-2px !important;
}
.cust-submit-paddi{
  padding-left: 64px !important;
  padding-right: 64px !important;
}
.cust-submit {
    margin-top: 40px;
}
.form-col  {
    margin-bottom: 15px;
}
.add-more-rem {
    width: auto;
    cursor: pointer;
    padding: 10px 21px !important;
    background: var(--main-color) !important;
    color: #fff;
    font-size: 13px !important;
    line-height: 1;
    border-radius: 4px;
    border: 1px solid;
    margin: 0 0 15px 10px;
}
.form-col6 {
    margin-bottom: 15px;
}
h5, h5 {
    font-size: 18px !important;
    font-family: "Montserrat Medium" !important;
}
.main-content {
    width: 100%;
    float: left;
}
.close {
    font-size: 26px;
    }
.app-loader .loader.loader-5 span:nth-child(1) {
    -webkit-animation: loader-5-1 4s infinite;
    animation: loader-5-1 4s infinite;
    height: 2px;
    left: 0;
    top: 0;
    width: 100%
}.btn:hover {
    border: transparent;
}
.date-time-div
{
    margin-bottom: 10px;
    font-size: 14px;
}
.form-group {
    margin-bottom: 15px !important;
}
.app-loader .loader.loader-5 span:nth-child(2) {
    -webkit-animation: loader-5-2 4s infinite;
    animation: loader-5-2 4s infinite;
    height: 100%;
    right: 0;
    top: 0;
    width: 2px
}

.app-loader .loader.loader-5 span:nth-child(3) {
    -webkit-animation: loader-5-3 4s infinite;
    animation: loader-5-3 4s infinite;
    bottom: 0;
    height: 2px;
    right: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    width: 100%
}

.app-loader .loader.loader-5 span:nth-child(4) {
    -webkit-animation: loader-5-4 4s infinite;
    animation: loader-5-4 4s infinite;
    bottom: 0;
    height: 100%;
    left: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    width: 2px
}

.app-loader .loader.loader-5 span:nth-child(5) {
    display: none
}
label{
    font-size: 14px;
    font-weight: 600;
}
.form-control {
    padding: 7px 10px !important;
    font-size: 14px !important;
}
.modal-footer button {
    width: auto;
    font-size: 14px;
    padding: 10px 33px !important;
    background: var(--main-color) !important;
    color: #fff !important;
    outline: none;
    border: 1px solid transparent;
    border-radius: 5px;
}
.pagination {
    display: flex;
    justify-content: center;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
}
.pagination span {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
}


.pagination a:hover:not(.active) {background-color: var(--main-color); color:#fff;}















@-webkit-keyframes slide {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: .3;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes slide {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: .3;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes loader-2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes loader-2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes loader-3 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    12.5% {
        -webkit-transform: translate(27.5px, -57px) scale(1.1);
        transform: translate(27.5px, -57px) scale(1.1)
    }
    25% {
        -webkit-transform: translate(55px, 0);
        transform: translate(55px, 0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    37.5% {
        -webkit-transform: translate(27.5px, 57px);
        transform: translate(27.5px, 57px)
    }
    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    62.5% {
        -webkit-transform: translate(-27.5px, -57px) scale(1.1);
        transform: translate(-27.5px, -57px) scale(1.1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    75% {
        -webkit-transform: translate(-55px, 0);
        transform: translate(-55px, 0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    87.5% {
        -webkit-transform: translate(-27.5px, 57px);
        transform: translate(-27.5px, 57px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes loader-3 {


    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    12.5% {
        -webkit-transform: translate(27.5px, -57px) scale(1.1);
        transform: translate(27.5px, -57px) scale(1.1)
    }
    25% {
        -webkit-transform: translate(55px, 0);
        transform: translate(55px, 0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    37.5% {
        -webkit-transform: translate(27.5px, 57px);
        transform: translate(27.5px, 57px)
    }
    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    62.5% {
        -webkit-transform: translate(-27.5px, -57px) scale(1.1);
        transform: translate(-27.5px, -57px) scale(1.1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    75% {
        -webkit-transform: translate(-55px, 0);
        transform: translate(-55px, 0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    87.5% {
        -webkit-transform: translate(-27.5px, 57px);
        transform: translate(-27.5px, 57px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes rotate-360 {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate-360 {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loader-5-1 {
    0% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1)
    }
    12.5% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    62.5% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
    100% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1)
    }
}

@keyframes loader-5-1 {
    0% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1)
    }
    12.5% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    62.5% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
    100% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1)
    }
}

@-webkit-keyframes loader-5-2 {
    0% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0)
    }
    12.5% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0)
    }
    25% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
    62.5% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    75% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
    100% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0)
    }
}

@keyframes loader-5-2 {
    0% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0)
    }
    12.5% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0)
    }
    25% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
    62.5% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    75% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
    100% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0)
    }
}

@-webkit-keyframes loader-5-3 {
    0% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1)
    }
    25% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1)
    }
    37.5% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
    75% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    87.5% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
    100% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1)
    }
}

@keyframes loader-5-3 {
    0% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1)
    }
    25% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1)
    }
    37.5% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
    75% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    87.5% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
    100% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1)
    }
}

@-webkit-keyframes loader-5-4 {
    0% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0)
    }
    37.5% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0)
    }
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
    87.5% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    100% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@keyframes loader-5-4 {
    0% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0)
    }
    37.5% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0)
    }
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
    87.5% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    100% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

html {
    height: 100%
}

body {
    height: 100%;
    overflow-x: hidden
}

.app {
    display: block;
    height: 100%
}

.site-container {
    height: 100%;
    overflow: hidden;
    position: relative
}

.site-container .main-content {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #f6f6f6;
    padding: 1.53846rem 1.53846rem 0 16.92308rem;
    -webkit-transition: padding .2s ease-in-out;
    transition: padding .2s ease-in-out
}
.cust-toggle .btn
{
	padding: 6px 10px;
	line-height: 0;
	border-radius: 4px;
	color: #fff !important;
	background-color: #1D70A7 !important;
	border: 2px solid #1D70A7 !important;
}
.cust-toggle i
{
	font-size:1.4rem;
}
.cust-invpaycard-details label {
	padding: 0 2px;
}
.cust-invpay-details .row, .cust-invpaycard-details .row, .cust-invpaypart-details .row {
	margin: 0;
}
.cust-invpay-details .col-md-6:nth-child(2n+1), .cust-invpaycard-details .col-md-12 {
	padding-left: 0px;
}
.credit-main{
    width:100%;
    float:left;
}
.credit-inp{
    width:90%;
    float:left;
}
.note-space{
    padding-left:30px !important;
}
.padding-tablet{
    padding-left:1.80em !important;
}
.option-width{
    width:100% !important;
}
.credit-prcnt{
    width:10%;
    float:left;
}
.duration-text{
    font-size:12px;
}
.cust-invpaycard-detail .inv-content:first-child {
	padding-left: 11px;
}
.cust-invpaycard-details button {
	-webkit-appearance: none;
	background: #e9e9ed;
	border: 1px solid #e9e9ed;
	padding: 2px 9px;
	box-shadow: 2px 2px #979797;
	color: #212529;
}
.cust-invpaycard-details button:hover {
    background-color: #d0d0d7;
}

/* ----- LEFT COLLAPSE TOGGLE ------*/
/*.toggle {
	width:5rem !important;	
}
.toggle .menu-item span {
	display:none;	
}
.toggle .outer-li a, .toggle .outer-li .without-a{
	width:83%;
	text-align:center;
}
.toggle .help-menu-link i {
	display:none;
}
.toggle .left-collapse .outer-li span::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0) #004f79 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 6px;
    content: " ";
    height: 0;
    margin-top: 2px;
    pointer-events: none;
    position: absolute;
    right: 100%;
    width: 0;
}
 .toggle .left-collapse li:hover span{
	background: #004f79 none repeat scroll 0 0;
    display: block !important;
    float: left;
    left: 69px;
    margin-bottom: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 10px;
    width: 200px;
    z-index: 1000;
}
 .toggle .left-collapse li {
    padding-right: 9px;
    width: 75px;
	position:relative;
}
.toggle .left-collapse li:hover .extra {
    display: block !important;
	padding:0;
}
.toggle .left-collapse li .extra ul {
    background: transparent none repeat scroll 0 0;
    left: 90px;
    position: absolute;
    right: 0;
    top: 46px;
    width: 205px !important;
    z-index: 1000;
}
.toggle .left-collapse li .extra ul li {
    background: #004f79 none repeat scroll 0 0;
    margin: 4px 0 0;
    padding: 5px 0;
    text-align: center;
    width: 200px;
}
.toggle .left-collapse li .extra ul li a{
	padding:0;
}
.toggle .left-collapse li .extra ul li a::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0) #004f79 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 6px;
    content: " ";
    height: 0;
    margin-top: 4px;
    pointer-events: none;
    position: absolute;
    right: 100%;
    width: 0;
}*/
@media (max-width:991px) {
    .site-container .main-content {
        padding-left: 1.53846rem
    }
    
    .calender-div {
        height: 750px !important; /*600px !important;*/
    }

    .fc-timegrid-col, .fc th {
        width: 150px;
    }

    .fc-event-main {
        width: fit-content;
        font-size: 12px !important;
        bottom: 10px;
    }
    table.fc-border-separate { table-layout: fixed; }
}

[dir=rtl] .site-container .main-content {
    padding: 1.53846rem 16.92308rem 0 1.53846rem
}

@media (max-width:991px) {
    [dir=rtl] .site-container .main-content {
        padding-right: 1.53846rem
    }
}

.site-container .main-content .main-content-wrap {
    display: table;
    /* height: calc(100% - 8.46154rem); */
    padding: 1.53846rem 0;
    table-layout: fixed;
    width: 100%
}

.site-container .main-content .main-content-wrap .vertical-align {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%
}

.vertical-navbar {
    background: var(--main-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: left .2s ease-in-out, right .2s ease-in-out;
    transition: left .2s ease-in-out, right .2s ease-in-out;
    width: 15.38462rem;
    will-change: left, right, width;
    z-index: 1000; /*9996;*/
}

@media (max-width:991px) {
    .vertical-navbar {
        left: -15.38462rem
    }
    .open-sidebar .vertical-navbar {
        left: 0
    }
    [dir=rtl] .open-sidebar .vertical-navbar {
        left: auto;
        right: 0
    }
}

[dir=rtl] .vertical-navbar {
    left: auto;
    right: 0
}

@media (max-width:991px) {
    [dir=rtl] .vertical-navbar {
        left: auto;
        right: -15.38462rem
    }
}

.vertical-navbar .vertical-navbar-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background: #f6f6f6;
        border-right: 1px solid #dbe7db;
    width: 15.38462rem
}

@media (max-width:991px) {
    .vertical-navbar .vertical-navbar-wrap {
        position: relative;
        z-index: 9999
    }
}

.vertical-navbar .navbar-overlay {
    background: rgba(232, 236, 243, .2);
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    -webkit-transition: .2s opacity 0s ease-in-out, 0s visibility .2s ease-in-out;
    transition: .2s opacity 0s ease-in-out, 0s visibility .2s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 9998
}

@media (max-width:991px) {
    .open-sidebar .vertical-navbar .navbar-overlay {
        opacity: 1;
        -webkit-transition: .2s opacity 0s ease-in-out, 0s visibility 0s ease-in-out;
        transition: .2s opacity 0s ease-in-out, 0s visibility 0s ease-in-out;
        visibility: visible
    }
}

.app-logo {
    color: #000;
    display: block;
    position: relative
}

.app-logo .logo {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 1.9999rem 1.53846rem;
    text-align: center;
    text-decoration: none
}

.app-logo .logo .logo-img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: top;
    width: auto
}

.app-logo .logo .logo-text {
    display: block;
    font-size: 33px;
    font-weight: 500;
    line-height: 1
}

.app-menu {
    display: block;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    width: inherit;
    -webkit-overflow-scrolling: touch
}

.app-menu .user-info {
    padding: 1.53846rem;
    text-align: center
}

.app-menu .user-info .user-avatar {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.app-menu .user-info .user-avatar img {
    border-radius: 50%
}

.app-menu .user-info .user-avatar .badge {
    background: #81c784;
    border: 2px solid #e8ecf3;
    border-radius: 50%;
    height: 18px;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 18px
}

.app-menu .user-info .user-name {
    clear: both;
    margin-top: .38462rem;
    margin-bottom: 0
}

.app-menu .main-menu {
    width: inherit
}

.app-menu .main-menu>ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.app-menu .main-menu>ul .menu-item {
    position: relative;
        border-bottom: 1px solid #dbe7db !important;
}

.app-menu .main-menu>ul .menu-item .item-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size:15px;
    font-weight: 400;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 3.07692rem;
    padding: 10px 12px;
    position: relative;
    text-decoration: none;
    -webkit-transition: background .2s ease-in-out, color .2s ease-in-out;
    transition: background .2s ease-in-out, color .2s ease-in-out;
    font-family: 'Montserrat', sans-serif !important;
}

.app-menu .main-menu>ul .menu-item .item-link .text {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin: 0 ;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.app-menu .main-menu>ul .menu-item .item-link .item-badge {
    background: #67a8e4;
    border-radius: 8px;
    color: #000;
    float: right;
    font-size: 10px;
    line-height: 1;
    margin: 0 .38462rem;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    padding: 3px 6px
}

.app-menu .main-menu>ul .menu-item .item-link .icon {
    color: inherit;
    font-size: 15px;
    margin: 0 .48462rem 0 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: center
}

[dir=rtl] .app-menu .main-menu>ul .menu-item .item-link .icon {
    margin-left: .38462rem;
    margin-right: 0
}

.app-menu .main-menu>ul .menu-item .item-link .icon .icon-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.30769rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    width: 2.30769rem;
	font-size:18px;
    color: var(--main-color);
}

.app-menu .main-menu>ul .menu-item .item-link .caret {
    margin: 0 .19231rem;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    -webkit-transition: -webkit-transform .1s ease-in-out;
    transition: -webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out
}

.app-menu .main-menu>ul .menu-item .item-link .caret:before {
    content: '\f105'
}

.app-menu .main-menu>ul .menu-item .item-link:hover {
    background: 0 0;
    color: #1D70A7;
}

.app-menu .main-menu>ul .menu-item .item-link:hover .icon {
    color: inherit
}

.app-menu .main-menu>ul .menu-item.menu-item-group:after {
    display: none
}

.app-menu .main-menu>ul .menu-item.menu-item-group .group-title {
    color: #cad2e2;
    display: block;
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.92308;
    padding: 1.15385rem 1.53846rem .38462rem;
    text-transform: uppercase
}

.app-menu .main-menu>ul .menu-item .sub {
    background: 0 0;
    list-style-type: none;
    overflow: hidden;
    margin: 0;
    max-height: 0;
    padding: 0;
    position: relative;
    -webkit-transition: max-height .1s ease-in-out;
    transition: max-height .1s ease-in-out
}

.app-menu .main-menu>ul .menu-item .sub:before {
    border-left: 1px solid #cad2e2;
    bottom: 1.53846rem;
    content: '';
    left: 2.30769rem;
    margin-left: 0;
    position: absolute;
    top: -.38462rem;
    z-index: 2
}

[dir=rtl] .app-menu .main-menu>ul .menu-item .sub:before {
    left: auto;
    right: 2.30769rem;
    margin-right: 0
}

.app-menu .main-menu>ul .menu-item .sub .menu-item .item-link {
    padding-left: 3.46154rem;
    padding-right: 1.53846rem;
    position: relative
}

[dir=rtl] .app-menu .main-menu>ul .menu-item .sub .menu-item .item-link {
    padding-left: 1.53846rem;
    padding-right: 3.46154rem
}

.app-menu .main-menu>ul .menu-item .sub .menu-item .item-link:before {
    background: #cad2e2;
    border-radius: 50%;
    content: '';
    height: 5px;
    left: 2.30769rem;
    margin: -2.5px 0 0 -2px;
    position: absolute;
    top: 1.53846rem;
    width: 5px;
    z-index: 2
}

[dir=rtl] .app-menu .main-menu>ul .menu-item .sub .menu-item .item-link:before {
    left: auto;
    right: 2.30769rem;
    margin: -2.5px -2px 0 0
}

.app-menu .main-menu>ul .menu-item:hover:after {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

[dir=rtl] .app-menu .main-menu>ul .menu-item:hover:after {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px)
}

.app-menu .main-menu>ul .menu-item.active:after {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

[dir=rtl] .app-menu .main-menu>ul .menu-item.active:after {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px)
}

.app-menu .main-menu>ul .menu-item.active>.item-link {
    background: 0 0;
    color: #67a8e4
}

.app-menu .main-menu>ul .menu-item.active>.item-link:before {
    background: #67a8e4!important
}

.app-menu .main-menu>ul .menu-item.active>.item-link .icon {
    color: #67a8e4
}

.app-menu .main-menu>ul .menu-item.has-sub {
    position: relative
}

.app-menu .main-menu>ul .menu-item.has-sub>.item-link {
    position: relative
}

.app-menu .main-menu>ul .menu-item.has-sub>.item-link .caret {
    display: block
}

.app-menu .main-menu>ul .menu-item.has-sub.active>.item-link .caret {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.app-menu .main-menu>ul .menu-item.has-sub.active>.sub {
    max-height: 1000px
}

.app-menu .main-menu>ul .menu-item.has-sub.active>.sub>.menu-item.active:first-child>.item-link:before {
    border-top-color: #cad2e2
}

.app-menu .main-menu>ul .menu-item.disabled {
    pointer-events: none
}
.app-footer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #404040;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    height: 3.07692rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.cust-verticalnavbar .icon img {
    max-width: 28px;
}

@media (max-width:543px) {
    .app-footer {
        font-size: .7rem
    }
}

.app-footer .copyright,
.app-footer .version {
    padding: 10px 1.53846rem
}
.date-time-div {
    margin-bottom: 10px;
    font-size: 14px;
}
.navbar-header.cust-toggle {
    display: none;
}
}
@media (max-width:543px) {
    .app-footer .copyright {
        padding-right: 0
    }
    [dir=rtl] .app-footer .copyright {
        padding-left: 0;
        padding-right: 1.53846rem
    }
}

.horizontal-navbar {
    background: #e8ecf3;
    color: #000;
    display: block;
    height: 5.38462rem;
    position: relative;
    -webkit-transition: margin .2s ease-in-out;
    transition: margin .2s ease-in-out;
    width: 100%
}

.open-sidebar .horizontal-navbar {
    margin-left: 15.38462rem
}

[dir=rtl] .open-sidebar .horizontal-navbar {
    margin-left: auto;
    margin-right: 15.38462rem
}

.horizontal-navbar.show-overlay {
    z-index: 9998
}

.horizontal-navbar .navbar-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 22px;
    background: var(--main-color); /*var(--main-color)*/
}

@media (max-width:991px) {
    .horizontal-navbar .navbar-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.horizontal-navbar .navbar-wrap .navbar-button {
    cursor: pointer;
    display: none;
    height: 24px;
    margin: 0;
    position: relative;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    width: 30px
}

@media (max-width:991px) {
    .horizontal-navbar .navbar-wrap .navbar-button {
        display: block
    }
}

.horizontal-navbar .navbar-wrap .navbar-button span {
    background: #fff;
    display: block;
    height: 3px;
    opacity: 1;
    position: absolute;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    width: 50%
}

.horizontal-navbar .navbar-wrap .navbar-button span:nth-child(even) {
    left: 50%
}

.horizontal-navbar .navbar-wrap .navbar-button span:nth-child(odd) {
    left: 0
}

.horizontal-navbar .navbar-wrap .navbar-button span:nth-child(1),
.horizontal-navbar .navbar-wrap .navbar-button span:nth-child(2) {
    top: 0
}

.horizontal-navbar .navbar-wrap .navbar-button span:nth-child(3),
.horizontal-navbar .navbar-wrap .navbar-button span:nth-child(4) {
    top: 10px
}

.horizontal-navbar .navbar-wrap .navbar-button span:nth-child(5),
.horizontal-navbar .navbar-wrap .navbar-button span:nth-child(6) {
    top: 20px
}

.open-sidebar .horizontal-navbar .navbar-wrap .navbar-button span:nth-child(1),
.open-sidebar .horizontal-navbar .navbar-wrap .navbar-button span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.open-sidebar .horizontal-navbar .navbar-wrap .navbar-button span:nth-child(2),
.open-sidebar .horizontal-navbar .navbar-wrap .navbar-button span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.open-sidebar .horizontal-navbar .navbar-wrap .navbar-button span:nth-child(1) {
    left: 3px;
    top: 6px
}

.open-sidebar .horizontal-navbar .navbar-wrap .navbar-button span:nth-child(2) {
    left: calc(50% - 3px);
    top: 6px
}

.open-sidebar .horizontal-navbar .navbar-wrap .navbar-button span:nth-child(3) {
    left: -50%;
    opacity: 0
}

.open-sidebar .horizontal-navbar .navbar-wrap .navbar-button span:nth-child(4) {
    left: 100%;
    opacity: 0
}

.open-sidebar .horizontal-navbar .navbar-wrap .navbar-button span:nth-child(5) {
    left: 3px;
    top: 15px
}

.open-sidebar .horizontal-navbar .navbar-wrap .navbar-button span:nth-child(6) {
    left: calc(50% - 3px);
    top: 15px
}

.horizontal-navbar .navbar-wrap .page-title {
    font-size: 1.6rem;
    line-height: 1;
    margin: 0;
    width: 100%
}

@media (max-width:991px) {
    .horizontal-navbar .navbar-wrap .page-title {
        display: none
    }
}

.horizontal-navbar .navbar-wrap .nav-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 -11px
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 5px
}

@media (min-width:544px) {
    .horizontal-navbar .navbar-wrap .nav-items .nav-item {
        position: relative
    }
}

@media (max-width:543px) {
    .horizontal-navbar .navbar-wrap .nav-items .nav-item {
        margin: 0 2px
    }
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .nav-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 44px;
    padding: 11px;
    position: relative;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

@media (max-width:543px) {
    .horizontal-navbar .navbar-wrap .nav-items .nav-item .nav-link {
        min-width: 32px;
        padding-left: 5px;
        padding-right: 5px
    }
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .nav-link .marker {
    background: #64b5f6;
    border-radius: 50%;
    height: 6px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 6px
}

[dir=rtl] .horizontal-navbar .navbar-wrap .nav-items .nav-item .nav-link .marker {
    left: 5px;
    right: auto
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .nav-link .avatar {
    border-radius: 50%;
    height: 40px;
    overflow: hidden;
    width: 40px
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .nav-link .name {
    font-size: 1rem;
    padding-left: .76923rem;
    white-space: nowrap
}

@media (max-width:991px) {
    .horizontal-navbar .navbar-wrap .nav-items .nav-item .nav-link .name {
        display: none
    }
}

[dir=rtl] .horizontal-navbar .navbar-wrap .nav-items .nav-item .nav-link .name {
    padding-left: 0;
    padding-right: .76923rem
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .nav-link:hover {
    color: #1D70A7;
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu {
    background: #e8ecf3;
    -webkit-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, .25);
    box-shadow: 0 5px 10px 2px rgba(0, 0, 0, .25);
    display: none;
    left: 50%;
    margin: 0 0 0 -140px;
    padding: 0;
    position: absolute;
    top: 100%;
    width: 280px;
    z-index: 9998
}

@media (max-width:991px) {
    .horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu {
        left: auto;
        margin-left: 0;
        right: 0
    }
}

@media (max-width:543px) {
    .horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu {
        left: 0;
        margin-left: 0;
        width: 100%
    }
}

[dir=rtl] .horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu {
    text-align: right
}

@media (max-width:991px) {
    [dir=rtl] .horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu {
        left: 0;
        margin-right: 0;
        right: auto
    }
}

@media (max-width:543px) {
    [dir=rtl] .horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu {
        margin-right: 0;
        right: 0
    }
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu:before {
    border: 10px solid transparent;
    border-bottom-color: #d9dfeb;
    bottom: 100%;
    content: '';
    left: 50%;
    margin: 0 0 0 -10px;
    position: absolute
}

@media (max-width:991px) {
    .horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu:before {
        left: 100%;
        margin-left: -34px
    }
}

@media (max-width:543px) {
    .horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu:before {
        display: none
    }
}

@media (max-width:991px) {
    [dir=rtl] .horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu:before {
        left: 0;
        margin-left: 11px
    }
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu .menu-footer,
.horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu .menu-title {
    margin: 0;
    padding: .76923rem;
    text-align: center
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu .menu-title {
    background: #d9dfeb;
    color: #000;
    font-size: 16px;
    line-height: 1.3
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu .menu-footer {
    background: #95c2ec
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu .menu-footer a {
    color: #000
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu .menu-footer a:hover {
    color: rgba(0, 0, 0, .8)
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu>ul {
    list-style-type: none;
    margin: 0;
    max-height: 600px;
    overflow: auto;
    padding: 0
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu>ul>li {
    border-bottom: 1px solid rgba(179, 191, 214, .05)
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu>ul>li:last-child {
    border-bottom: 0
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu>ul>li>a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .76923rem;
    -webkit-transition: background .2s ease-in-out, color .2s ease-in-out;
    transition: background .2s ease-in-out, color .2s ease-in-out
}

@media (min-width:992px) {
    .horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu>ul>li>a:hover {
       color: #fff !important;
    background-color: var(--main-color);
    }
    .horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu>ul>li>a:hover .icon,
    .horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu>ul>li>a:hover .mat-icon {
        background: rgba(0, 0, 0, .1)
    }
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu>ul>li>a .icon,
.horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu>ul>li>a .mat-icon {
    background: rgba(103, 168, 228, .1);
    border-radius: 50%;
    font-size: 22px;
    height: auto;
    margin-right: 11px;
    padding: 11px;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    width: auto
}

[dir=rtl] .horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu>ul>li>a .icon,
[dir=rtl] .horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu>ul>li>a .mat-icon {
    margin-right: 0;
    margin-left: .76923rem
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu>ul>li>a .avatar {
    border-radius: 50%;
    height: 40px;
    margin-right: .76923rem;
    width: 40px
}

[dir=rtl] .horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu>ul>li>a .avatar {
    margin-right: 0;
    margin-left: .76923rem
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu>ul>li>a .content {
    font-size: .85rem
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu>ul>li>a .content .desc {
    display: block
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu>ul>li>a .content .date {
    display: block;
    font-size: .75rem;
    font-style: italic;
    margin-top: 4px;
    opacity: .6
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu>ul>li>a .content .meta {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.3;
    margin-bottom: 4px
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu>ul>li>a .content .meta .date {
    margin: 0 0 0 11px
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu.mini-menu {
    left: auto;
    margin: 0;
    right: 0;
    width: 220px
}

@media (max-width:543px) {
    .horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu.mini-menu {
        width: 100%
    }
}

[dir=rtl] .horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu.mini-menu {
    left: 0;
    right: auto
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu.mini-menu:before {
    display: none
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu.mini-menu>ul>li>a {
    padding-top: 12px;
    text-decoration: none;
    padding-bottom: 12px
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item .dropdown-menu.mini-menu>ul>li>a .icon {
    background: 0 0;
    font-size: 1rem;
    margin-right: 11px;
    min-width: 15px;
    padding: 0
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item.show .nav-link {
    color: #95c2ec
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item.show .dropdown-menu {
    display: block
}

.horizontal-navbar .navbar-wrap .nav-items .nav-item.show~.items-overlay {
    opacity: 1;
    -webkit-transition: .2s opacity 0s ease-in-out, 0s visibility 0s ease-in-out;
    transition: .2s opacity 0s ease-in-out, 0s visibility 0s ease-in-out;
    visibility: visible
}

.horizontal-navbar .navbar-wrap .nav-items .items-overlay {
    background: rgba(179, 191, 214, .2);
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    -webkit-transition: .2s opacity 0s ease-in-out, 0s visibility .2s ease-in-out;
    transition: .2s opacity 0s ease-in-out, 0s visibility .2s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 9997
}

.addition-navbar {
    background: #e8ecf3;
    bottom: 0;
    color: #000;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translate(300px, 0);
    transform: translate(300px, 0);
    -webkit-transition: .2s -webkit-transform 0s ease-in-out;
    transition: .2s -webkit-transform 0s ease-in-out;
    transition: .2s transform 0s ease-in-out;
    transition: .2s transform 0s ease-in-out, .2s -webkit-transform 0s ease-in-out;
    width: 300px;
    z-index: 9999
}

@media (max-width:543px) {
    .addition-navbar {
        -webkit-transform: translate(270px, 0);
        transform: translate(270px, 0);
        width: 270px
    }
}

[dir=rtl] .addition-navbar {
    left: 0;
    right: auto;
    -webkit-transform: translate(-300px, 0);
    transform: translate(-300px, 0)
}

@media (max-width:543px) {
    [dir=rtl] .addition-navbar {
        -webkit-transform: translate(-270px, 0);
        transform: translate(-270px, 0)
    }
    footer.app-footer {
    flex-direction: column;
    display: inline-table;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 10px;
    font-size: 12px;
}
.app-footer .copyright, .app-footer .version {
    padding: 8px 0;
}
.custom-table table tr td {
    font-size: 11px;
    }
    .custom-table table tr th {
    font-size: 12px;
    line-height: 1;
}
.custom-table .btn {
    font-size: 11px;
    }
    .btn-center-mob {
    text-align: center !important;
}
.col-12.d-flex.date-time-div {
    flex-direction: column;
}
.card .card-block {
    padding: 12px !important;
}
}

.addition-navbar.open {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: .2s -webkit-transform 0s ease-in-out;
    transition: .2s -webkit-transform 0s ease-in-out;
    transition: .2s transform 0s ease-in-out;
    transition: .2s transform 0s ease-in-out, .2s -webkit-transform 0s ease-in-out
}

.addition-navbar .navbar-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.addition-navbar .navbar-wrap .navbar-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #d9dfeb;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.61538rem;
    padding: .76923rem 1.53846rem
}

.addition-navbar .navbar-wrap .navbar-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: auto;
    padding: 1.53846rem;
    width: 100%
}

html {
    font-size: 13px;
    line-height: 22px
}

body {
    background: #f8f8f8;
    font-family: "Source Sans Pro", sans-serif;
    font-size:14px;
    font-weight: 400;
    line-height: 1.53846;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Oxygen, sans-serif;
    font-weight: 500;
    letter-spacing: .01em;
    margin-top: 1.53846rem;
    margin-bottom: 1.53846rem
}

.h1,
h1 {
    font-size: 4.2142857rem;
    line-height: 1.13;
    margin-bottom: 3.1428572rem
}

@media (max-width:767px) {
    .h1,
    h1 {
        font-size: 3rem
    }
}

.h2,
h2 {
    font-size: 3.1428571rem;
    line-height: 1
}

@media (max-width:767px) {
    .h2,
    h2 {
        font-size: 2.6rem
    }
}

.h3,
h3 {
    font-size: 2.3571429rem;
    line-height: 1.34
}

.h4,
h4 {
    font-size: 1.7857143rem;
    line-height: 1.32
}

.h5,
h5 {
    font-size: 1.3571429rem;
    text-transform: capitalize;
    line-height: 1.21
}

.h6,
h6 {
    font-size: 1rem;
    line-height: 1.6
}

.blockquote,
blockquote,
ol,
p,
pre,
table,
ul {
    margin-top: 0;
    margin-bottom: 1.53846rem
}

.blockquote:last-child,
blockquote:last-child,
ol:last-child,
p:last-child,
pre:last-child,
table:last-child,
ul:last-child {
    margin-bottom: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-top: 0;
    margin-bottom: 0
}

.hr,
hr {
    border: 1px solid;
    margin: -1px 0
}

sub,
sup {
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

a {
    color:#1D70A7;
    text-decoration: none;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

a:focus,
a:hover {
    color: #67a8e4;
    outline: 0;
    text-decoration: none
}

img {
    height: auto;
    max-width: 100%
}

button:focus {
    outline: 0
}

.form-group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-message {
    left: 0;
    margin-top: .1rem;
    position: absolute;
    top: 100%;
    width: 100%
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    box-shadow: none
}

::-webkit-scrollbar {
    background: rgba(255, 255, 255, .2);
    position: absolute;
    width: 4px
}

::-webkit-scrollbar:hover {
    display: block
}

::-webkit-scrollbar-thumb {
    background-color: #bec9dc
}

::-webkit-scrollbar:horizontal {
    height: 4px
}

html {
    overflow: -moz-scrollbars-none
}

[dir=rtl] th {
    text-align: right
}
.btn {
    border-width: 2px;
    border-style: solid;
    border-radius: 0;
    cursor: pointer;
       font-family: "Montserrat";
    font-size: 14px;
    line-height: 1.53846;
    outline: 0;
    padding:0;
    position: relative;
    text-align: center;
    text-transform: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transition: background .2s ease-in-out, border .2s ease-in-out, color .2s ease-in-out;
    transition: background .2s ease-in-out, border .2s ease-in-out, color .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    will-change: background, border, color;
    -webkit-appearance: none
}

.btn:focus,
.btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: var(--main-color) !important;
    border: 1px solid transparent;
    color: #fff !important;
}

.btn.btn-lg {
    font-size: 1.2rem;
    padding: .76923rem 2.30769rem
}

.btn.btn-sm {
    font-size: .8rem;
    padding: .19231rem .76923rem
}

.btn.btn-default {
    background:#1D70A7;
    color:#fff;
}

.btn.btn-default:focus,
.btn.btn-default:hover {
    background:#1D70A7 !important;
    border-color:#1D70A7;
    color: #fff !important;
}

.btn.btn-default.btn-outline {
    border-color: #b3bfd6;
    color: #b3bfd6
}

.btn.btn-default.btn-outline:focus,
.btn.btn-default.btn-outline:hover {
    background: #b3bfd6!important;
    color: #000
}

.btn.btn-primary {
    background: #fff !important; /*#67a8e4;*/
    border-color: #fff; /*#67a8e4;*/
    color: var(--main-color) !important/*#000*/;
}

.btn.btn-primary:focus,
.btn.btn-primary:hover {
    background: #4a8dd9;
    border-color: #fff; /*#4a8dd9;*/
    color: #000
}

.btn.btn-primary.btn-outline {
    border-color: #67a8e4;
    color: #67a8e4
}

.btn.btn-primary.btn-outline:focus,
.btn.btn-primary.btn-outline:hover {
    background: #67a8e4 !important;
    color: #000
}

.btn.btn-success {
    background: #81c784;
    border-color: #81c784;
    color: #000
}

.btn.btn-success:focus,
.btn.btn-success:hover {
    background: #5eb762;
    border-color: #5eb762;
    color: #000
}

.btn.btn-success.btn-outline {
    border-color: #81c784;
    color: #81c784
}

.btn.btn-success.btn-outline:focus,
.btn.btn-success.btn-outline:hover {
    background: #81c784!important;
    color: #000
}

.btn.btn-info {
    background: #64b5f6;
    border-color: #64b5f6;
    color: #000
}

.btn.btn-info:focus,
.btn.btn-info:hover {
    background: #349ef3;
    border-color: #349ef3;
    color: #000
}

.btn.btn-info.btn-outline {
    border-color: #64b5f6;
    color: #64b5f6
}

.btn.btn-info.btn-outline:focus,
.btn.btn-info.btn-outline:hover {
    background: #64b5f6!important;
    color: #000
}

.btn.btn-warning {
    background: #ffb74d;
    border-color: #ffb74d;
    color: #000
}

.btn.btn-warning:focus,
.btn.btn-warning:hover {
    background: #ffa21a;
    border-color: #ffa21a;
    color: #000
}

.btn.btn-warning.btn-outline {
    border-color: #ffb74d;
    color: #ffb74d
}

.btn.btn-warning.btn-outline:focus,
.btn.btn-warning.btn-outline:hover {
    background: #ffb74d!important;

    color: #000
}

.btn.btn-danger {
    background-color: #e24d4d !important;
    border-color: #e24d4d;
    color: #fff
}

.btn.btn-danger:focus,
.btn.btn-danger:hover {
    background: #d92323;
    border-color: #d92323;
    color: #e6e6e6
}

.btn.btn-danger.btn-outline {
    border-color: #e24d4d;
    color: #e24d4d
}

.btn.btn-danger.btn-outline:focus,
.btn.btn-danger.btn-outline:hover {
    background: #e24d4d!important;
    color: #fff
}

.btn.btn-outline {
    background: 0 0
}
.dropdown {
    display: inline-block;
    vertical-align: top
}

[dir=rtl] .dropdown-toggle:after {
    margin-left: 0;
    margin-right: .3em
}

.btn+.dropdown-toggle-split:after {
    margin-right: 0
}

.dropdown-menu {
    background: #cad2e2;
    border: 0;
    border-radius: 0;
    color: #000;
    margin: 0
}

.dropdown-item {
    color: #000;
    padding: .38462rem 1.53846rem;
    -webkit-transition: background .2s ease-in-out, color .2s ease-in-out;
    transition: background .2s ease-in-out, color .2s ease-in-out
}

.dropdown-item:focus,
.dropdown-item:hover {
    background: #b3bfd6;
    color: #000
}

.dropdown-item.active,
.dropdown-item:active {
    background: #a3b1cc;
    color: #000
}
.custom-control-indicator {
    height: 1.53846rem;
    top: 0;
    width: 1.53846rem
}

[dir=rtl] .custom-control-indicator {
    left: auto;
    right: 0
}

.custom-checkbox .custom-control-indicator {
    border-radius: 0
}

.custom-select {
    background-color: #fff;
    border: 2px solid #cad2e2;
    border-radius: 0;
    color: currentColor;
    font-size: 1rem;
    font-family: "Source Sans Pro", sans-serif;
    line-height: 1.53846;
    height: auto;
    padding: .38462rem .76923rem;
    width: 100%
}

[dir=rtl] .custom-select {
    background-position: left .75rem center
}

.progress {
    background-color: #e8ecf3;
    border-radius: 0
}

.extra-page .site-container .main-content {
    padding: 0
}

.extra-page .site-container .main-content .main-content-wrap {
    height: 100%;
    padding: 0
}

.extra-page .site-container .main-content .main-content-wrap .content {
    background-size: cover;
    display: table-cell;
    height: 100%;
    padding: 1.53846rem;
    vertical-align: middle;
    width: 100%
}

.extra-page.page-404 .site-container .main-content .main-content-wrap .content {
    color: #fff;
    text-align: center
}

.extra-page.page-404 .site-container .main-content .main-content-wrap .content h1 {
    font-size: 8rem;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 9.5rem;
    position: relative
}
/*29-09-2023 new css design*/
.cust-verticalnavbar .vertical-navbar-wrap {
    background: #023368;
    border: none;
}
.cust-verticalnavbar .main-menu {
    padding-left: 15px;
    margin-top: 11px;
}
.cust-verticalnavbar .main-menu ul li a {
    color: #fff !important;
    border-bottom: 0 !important;
}
.cust-verticalnavbar .main-menu ul li a .icon i {
    color: #2792bf;
}
.cust-verticalnavbar .app-menu .main-menu > ul .menu-item {
    border-bottom: 0 !important;
}
.cust-verticalnavbar .main-menu ul li a {
    color: #fff !important;
    border-bottom: 0 !important;
    padding: 15px !important;
    border-radius: 50px 0px 0px 50px;
}
.cust-verticalnavbar .app-menu .main-menu>ul .menu-item .sub .menu-item .item-link:before, .cust-verticalnavbar .app-menu .main-menu>ul .menu-item .sub:before {
   display: none;
}
.cust-verticalnavbar .main-menu ul li a.active, .cust-verticalnavbar .main-menu ul li a:hover {
    background: #fff !important;
    color: #333 !important;
    border-radius: 50px 0px 0px 50px;
}
.app-menu .main-menu > ul .menu-item .item-link .icon {
    color: inherit;
    font-size: 15px;
    margin: 0 .48462rem 0 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: center;
}
.site-container .main-content {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 200px;
    padding-right: 0;
    background: #f1f5f8 !important;
}
.site-container .main-content .main-content-wrap {
    padding: 40px;
    position: relative;
}
.horizontal-navbar.cust-newhnavbar, .horizontal-navbar.cust-newhnavbar .navbar-wrap {
    background: #023368 !important;
}
.cust-headermenu .btn {
    background: none !important;
    border: 1px solid #fff;
    border-radius: 50px !important;
    color: #fff !important;
    padding: 11px 35px !important;
    margin-right: 15px;
    font-family: 'Montserrat', sans-serif !important;
}
.horizontal-navbar.cust-newhnavbar .navbar-wrap {
    background: #023368 !important;
    height: auto !important;
    padding: 15px 15px;
}
.cust-headermenu .btn:hover {
    background: #fff !important;
    color: #333 !important;
}
.cust-headermenu .btn img {
    vertical-align: middle;
    margin-right: 4px;
}
.btn .hover-icons {
    display: none;
}
.btn:hover .hover-icons {
    display: inline-block;
}
.btn:hover .default-icons {
    display: none;
}
.cust-logout.cust-logoutnewbtn {
    margin-top: 0;
}
.cust-logoutnewbtn .btn {
    background: none !important;
    color: #fff !important;
    padding: 11px 20px !important;
    border-radius: 51px;
    width: 152px !important;
    display: inline-block;
}
.cust-logoutnewbtn .btn:hover {
    background: #fff !important;
    color: #333 !important;
}
.cust-welcomehead {
    color: #666666;
    font-weight: 500 !important;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif !important;
}
.cust-calender .fc-toolbar-title {
    font-size: 28px;
    margin: 0;
    color: #023368;
    font-weight: 300 !important;
    font-family: 'Montserrat' !important;
    font-size: 30px !important;
    font-family: 'Montserrat', sans-serif !important;
}
.cust-calender .fc-toolbar-chunk .fc-button-group .fc-button {
    background: none !important;
    color: #2792bf !important;
    border: 1px solid #2792bf !important;
    margin-right: 8px !important;
    padding: 8px !important;
}
.cust-calender.calender-div button.fc-today-button.fc-button.fc-button-primary {
    background: none !important;
    color: #666666 !important;
}
.cust-calender .fc-button.fc-prev-button {
    border-radius: 50px 0px 0px 50px !important;
}
.cust-calender .fc-button.fc-next-button {
    border-radius: 0px 50px 50px 0px !important;
}
.cust-calender.calender-div button.fc-today-button.fc-button.fc-button-primary {
    background: none !important;
    color: #666666 !important;
    font-size: 20px !important;
    font-weight: 500;
    padding: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
}
.cust-calender .fc-button.fc-blockingDays-button {
    background: #ffff !important;
    border-radius: 50px !important;
    border: none !important;
    padding: 11px 20px !important;
    color: #666 !important;
}
.site-container .main-content {
    background: #f1f5f8;
}
.cust-calender .fc-button-group .fc-button.fc-timeGridWeek-button, .cust-calender .fc-button-group .fc-button.fc-timeGridDay-button, .cust-calender .fc-button-group .fc-button.fc-listWeek-button {
    background: #fff !important;
    border: none !important;
    padding: 11px 20px !important;
    margin-right: 0 !important;
    position: relative;
    color: #666 !important;
    border-right: 1px solid #ddd !important;
    margin-left: 0 !important;
}
.cust-calender .fc-button.fc-blockingDays-button:hover, .cust-calender .fc-button-group .fc-button.fc-timeGridWeek-button:hover, .cust-calender .fc-button-group .fc-button.fc-timeGridDay-button:hover, .cust-calender .fc-button-group .fc-button.fc-listWeek-button:hover {
    background: #2792bf !important;
    color: #fff !important;
}
.cust-calender .fc-button-group .fc-button:nth-child(1) {
    border-radius: 50px 0px 0px 50px !important;
}
.cust-calender .fc-button-group .fc-button:last-child {
    border-radius: 0px 50px 50px 0px !important;
}
.cust-calender .fc-button.fc-blockingDays-button:focus {
    box-shadow: none;
}
.cust-calender .fc-view th:nth-child(1) {
    border-radius: 20px 0px 0px 0px;
}
.cust-calender .fc-view th:last-child {
    border-radius: 20px 20px 0px 0px;
}
.fc .fc-scrollgrid-liquid {
    height: 100%;
    border: none !important;
}
.cust-calender .fc-col-header th {
    border-right: 1px solid #fff !important;
}
.cust-calender .fc-view th[role="columnheader"] {
    padding: 6px !important;
    vertical-align: middle;
    border-right: 1px solid #fff !important;
    font-size: 17px;
}
.cust-calender .fc-view th[role="columnheader"] .fc-scrollgrid-sync-inner {
    padding: 11px 0px;
    border-right: 0;
}
.app-footer {
    background: #f1f5f8 !important;
    padding: 15px 40px;
    height: auto !important;
    width: 100%;
    float: left;
}
.app-footer .copyright, .app-footer .version {
    color: #777777;
    font-size: 14px;
    padding: 0 !important;
    line-height: 21px;
}
.cust-calender.fc tbody td {
    border-left: 1px solid #ddd !important;
}
.cust-calender.fc tbody tr:last-child td:nth-child(1) {
    border-radius: 0px 0px 0px 20px;
}
@media screen and (max-width: 1440px) {
    .cust-headermenu .btn {
        background: none !important;
        border: 1px solid #fff;
        border-radius: 50px !important;
        color: #fff !important;
        padding: 11px 15px !important;
        margin-right: 4px;
        font-size: 14px;
    }
}
@media (max-width:767px) {
    .extra-page.page-404 .site-container .main-content .main-content-wrap .content h1 {
        margin-bottom: 6rem
    }
}

.extra-page.page-404 .site-container .main-content .main-content-wrap .content h1:before {
    content: "\f29c";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 26rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    line-height: 1;
    margin-top: -13rem;
    opacity: .2;
    position: absolute;
    right: 0;
    text-rendering: auto;
    top: 50%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (max-width:767px) {
    .extra-page.page-404 .site-container .main-content .main-content-wrap .content h1:before {
        font-size: 20rem;
        margin-top: -10rem
    }
    .calender-div.fc .fc-toolbar {
    flex-direction: column !important;
}
.calender-div .fc-toolbar-chunk {
    margin: 0 0 16px 0;
}
.calender-div .fc-toolbar-chunk:last-child {
    margin: 0 0 0px 0;
}
}

.extra-page.page-404 .site-container .main-content .main-content-wrap .content h2 {
    font-size: 2rem;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: .5rem
}

.extra-page.page-404 .site-container .main-content .main-content-wrap .content p {
    color: rgba(255, 255, 255, .5);
    margin: 0
}

.extra-page.page-500 .site-container .main-content .main-content-wrap .content {
    color: #fff;
    text-align: center
}

.extra-page.page-500 .site-container .main-content .main-content-wrap .content h1 {
    font-size: 3.5rem;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 9.5rem;
    position: relative
}

@media (max-width:767px) {
    .extra-page.page-500 .site-container .main-content .main-content-wrap .content h1 {
        margin-bottom: 6rem
    }
}

.extra-page.page-500 .site-container .main-content .main-content-wrap .content h1:before {
    content: "\f29c";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 26rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    line-height: 1;
    margin-top: -13rem;
    opacity: .2;
    position: absolute;
    right: 0;
    text-rendering: auto;
    top: 50%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (max-width:767px) {
    .extra-page.page-500 .site-container .main-content .main-content-wrap .content h1:before {
        font-size: 20rem;
        margin-top: -10rem
    }
}

.extra-page.page-500 .site-container .main-content .main-content-wrap .content h2 {
    font-size: 2rem;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: .5rem
}

.extra-page.page-500 .site-container .main-content .main-content-wrap .content p {
    color: rgba(255, 255, 255, .5);
    margin: 0
}

.extra-page.page-500 .site-container .main-content .main-content-wrap .content a {
    color: rgba(255, 255, 255, .7)
}

.extra-page.page-500 .site-container .main-content .main-content-wrap .content a:hover {
    color: #fff
}

.extra-card {
    margin: 0 auto !important;
    max-width: 400px
}

.extra-card button {
    width: 100%
}

.extra-card .confirm-icon {
    color: #b3bfd6;
    font-size: 6rem
}

.extra-card .social-divider {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 1.53846rem 0
}

.extra-card .social-divider:after,
.extra-card .social-divider:before {
    border-top: 1px solid rgba(0, 0, 0, .2);
    content: '';
    margin: 0 5px;
    width: 30px
}

.extra-card .social-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.extra-card .social-login .btn-facebook {
    border-color: #3b5998;
    color: #3b5998
}

.extra-card .social-login .btn-facebook:focus,
.extra-card .social-login .btn-facebook:hover {
    background: #3b5998!important;
    color: #fff
}

.extra-card .social-login .btn-twitter {
    border-color: #00aced;
    color: #00aced
}

.extra-card .social-login .btn-twitter:focus,
.extra-card .social-login .btn-twitter:hover {
    background: #00aced!important;
    color: #fff
}

.extra-card .social-login button {
    width: 45%
}

.extra-card .social-login button .fa {
    margin-right: 10px
}

.extra-card .additional-info {
    background: rgba(0, 0, 0, .1);
    margin: 1.53846rem -1.53846rem -1.53846rem;
    padding: .76923rem 1.53846rem;
    text-align: center
}

.extra-card .additional-info .divider {
    border-left: 1px solid rgba(0, 0, 0, .2);
    display: inline-block;
    height: 18px;
    margin: 0 10px;
    vertical-align: bottom
}

.accent-color {
    color: #67a8e4
}

.text-danger {
    color: #e24d4d
}

.mt-module {
    margin-top: 1.53846rem!important
}

.mr-module {
    margin-right: 1.53846rem!important
}

.mb-module {
    margin-bottom: 1.53846rem!important
}

.ml-module {
    margin-left: 1.53846rem!important
}

.bg-facebook {
    background: #3b5998
}

.bg-twitter {
    background: #00aced
}

.bg-google {
    background: #dd4b39
}

.leaflet-bottom,
.leaflet-top {
    z-index: 996
}

.circle {
    border-radius: 50%
}

[dir=rtl] .text-right {
    text-align: left!important
}

[dir=rtl] .text-left {
    text-align: right!important
}

.highlight {
    background-color: #e8ecf3;
    margin: 1.53846rem 0;
    padding: 1.53846rem;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.highlight pre {
    background-color: transparent;
    border: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.highlight pre code {
    color: #292b2c;
    font-size: inherit
}

.nt {
    color: #2f6f9f
}

.na {
    color: #4f9fcf
}

.s {
    color: #d44950
}

.max-w-450 {
    margin: 0 auto;
    max-width: 450px
}

.items-list {
    list-style-type: none;
    margin: -.76923rem 0;
    padding: 0
}

.items-list:last-child {
    margin: -.76923rem 0
}

.items-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -.76923rem;
    padding: .76923rem 0
}

.items-list li .item-icon {
    font-size: 3rem;
    margin: 0 .76923rem
}

.items-list li .item-img {
    border-radius: 50%;
    height: 40px;
    margin: 0 .76923rem;
    min-width: 40px;
    overflow: hidden;
    width: 40px
}

.items-list li .item-content {
    margin: 0 .76923rem
}

.items-list li .item-content .title {
    font-size: 1.2rem;
    margin: 0 0 .76923rem
}

.home-chart-1 {
    margin: 0 auto;
    max-width: 415px
}

.bg-image-1 {
    background: url(../images/login-bg.jpg) 50% 50% no-repeat
}

.bg-image-2 {
    background: url(../content/signup-bg.jpg) 50% 50% no-repeat
}
.card {
  border-radius: 0;
  border-width: 0;
  background: transparent;
  margin: 0 0 1.53846rem; 
}
.card .card-header {
    background: #3c4e62; /*transparent;*/
    border: 1px solid #d9dfeb;
    border-radius: 4px;
    color: #ffff; /*#000000;*/
    display: block;
    margin: 0;
    padding: 10px 20px; /*16px 20px;*/
    position: relative;
    margin-bottom: 10px;
    font-family: 'Montserrat';
    font-size: 16px; /*18px;*/
}
    .card .card-header a {
      color: #000000; }
      .card .card-header a:hover {
        color: rgba(0, 0, 0, 0.6); }
    .card .card-header + .card-content {
      border-radius: 0 0 0 0; }
 .card .card-block {
    border-radius: 0;
    display: block;
    padding: 0.538rem; /*1.53846rem;*/
    position: relative;
    border: 1px solid #dbe1e8;
}
  .card .card-img-overlay {
    background-color: rgba(0, 0, 0, 0.6); }
  .card.card-outline, .card.card-outline-primary, .card.card-outline-success, .card.card-outline-info, .card.card-outline-warning, .card.card-outline-danger {
    border-width: 2px; }
  .card.info-card {
    position: relative; }
    .card.info-card .title {
      line-height: 1;
      margin: 0; }
    .card.info-card .count {
      font-size: 32px;
      line-height: 1; }
    .card.info-card .card-icon {
      color: rgba(255, 255, 255, 0.2);
      font-size: 60px;
      height: auto;
      margin-top: -30px;
      position: absolute;
      right: 1.53846rem;
      top: 50%;
      width: auto; }
      [dir="rtl"] .card.info-card .card-icon {
        left: 1.53846rem;
        right: auto; }
  .card.info-card-2 .card-block {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
    .card.info-card-2 .card-block .card-icon {
      font-size: 40px;
      padding: 0 0.76923rem; }
    .card.info-card-2 .card-block .card-desc {
      padding: 0 0.76923rem; }
      .card.info-card-2 .card-block .card-desc .count {
        font-size: 2rem;
        line-height: 1;
        margin-bottom: 0.38462rem; }
      .card.info-card-2 .card-block .card-desc .title {
        line-height: 1;
        margin: 0; }
  .card.info-card-2.card-inverse {
    color: #fff; }
  .card.chart-card .card-block {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .card.chart-card .chart {
    height: 80px;
    margin: 0;
    width: 80px; }
    .card.chart-card .chart canvas {
      height: 100%; }
  .card.chart-card .info {
    padding-left: 1rem; }
    [dir="rtl"] .card.chart-card .info {
      padding-left: 0;
      padding-right: 1rem; }
    .card.chart-card .info .title {
      font-size: 2rem;
      line-height: 1;
      margin: 0 0 .5rem; }
			.form-group {
  margin-bottom: 1.53846rem; }

.form-control {
  background-color: #fff;
  border: 2px solid #cad2e2;
  border-radius: 0;
  color: currentColor;
  font-size: 1rem;
  font-family: "Source Sans Pro", sans-serif;
  line-height: 1.53846;
  padding: 0.38462rem 0.76923rem;
  -webkit-transition: border-color ease-in-out .15s,
 -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,
 -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,
 box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,
 box-shadow ease-in-out .15s,
 -webkit-box-shadow ease-in-out .15s; }
.form-align-top
{
	align-items:normal !important;
}
.custom-control {
  margin: 0;
  min-height: 1.53846rem;
  padding: 0 0 0 2.30769rem; }
  [dir="rtl"] .custom-control {
    padding: 0 2.30769rem 0 0; }

.custom-control-indicator {
  height: 1.53846rem;
  top: 0;
  width: 1.53846rem; }
  [dir="rtl"] .custom-control-indicator {
    left: auto;
    right: 0; }

.custom-checkbox .custom-control-indicator {
  border-radius: 0; }

.custom-select {
  background-color: #fff;
  border: 2px solid #cad2e2;
  border-radius: 0;
  color: currentColor;
  font-size: 1rem;
  font-family: "Source Sans Pro", sans-serif;
  line-height: 1.53846;
  height: auto;
  padding: 0.38462rem 0.76923rem;
  width: 100%; }
  [dir="rtl"] .custom-select {
    background-position: left .75rem center; }
/********listing page css************/
.table-list-heading h4
{
	border-bottom: 1px solid #ccc;
	color: #1b408d;
	font-size: 20px;
	margin-bottom:15;
	text-transform: uppercase;
}
.listing-outer table thead tr th,.listing-outer table tbody tr th
{
	text-align:center;
}
.listing-outer table thead tr th:first-child
{
	text-align:left !important;
}
.listing-outer table tbody tr td:first-child
{
	text-align:left !important;
}
.error-msg
{
	color: red;
display:none;
text-transform: capitalize;
}
.succ-msg
{
	color:green;
display:none;
text-transform: capitalize;
}
/* edit modal error messages */
.uerror-msg
{
    color: red;
    display:none;
    text-transform: capitalize;
}
.usucc-msg
{
    color:green;
    display:none;
    text-transform: capitalize;
}

.redtext
{
	display: inline-block;
	color: red;
	vertical-align: bottom;
	padding-right: 2px;
}
.border-grid
{
	border:1px solid #999;
}

/* add more address delete button */
.cust-red-text {
	margin-bottom: 41px !important;
	float: right !important;
	position: relative;
	right: 0 !important;
	top: 15px !important;
	color: white !important;
	padding: 10px !important;
	background: red !important;
	border-radius: 6px !important;
	margin-right: 15px !important;
}

.cust-red-text-rmv {
	float: right !important;
	position: relative;
	right: 0 !important;
	color: white !important;
	padding: 8px !important;
	background: red !important;
	border-radius: 6px !important;
	margin-right: 15px !important;
}

/* add more address top border */
.custom-border-top-customer {
    border-top: 1px solid rgba(0,0,0,.1);
    float: left;
    width: 100%;
    /* padding-top: 47px; */
    margin-top: 20px;
    position: relative;
}

.head-menu{
    width: 100% !important;
    float: left;
    margin-left: 10px;
}

.head-menu a {
	text-decoration: none;
	color: #ffff !important;
	font-size: 17px;
    background: #166b8e !important;
}

.head-menu a:hover {
	text-decoration: none;
	color: #ffff !important;
    background: var(--main-color) /*#166b8e*/ !important;
}

.in-cust-submit-bn {
	padding: 8px 13px !important;
	background: #218838ad !important;
}

.sp-color{
    background-color: var(--main-color);
}

/* invoice detail page */

.inv-heading{
    float: left !important;
    width: 135px !important;
}

.inv-content {
	width: 65% !important;
    float: left !important;
	word-wrap: break-word !important;
}

.table .last-row-light td {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

/* invoices list */
.action-btn{ 
    margin: 2px;
    font-size: 14px !important;
}

.invoicedetail select{
	font-size: 14px;
	height: 33px !important;
}

/* breadcrumb */
.breadcrumb a{
    text-decoration: none !important;
    color: var(--main-color) !important;
}

/* Loading button */
.spinner {
  margin: 50px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 12px;
  height: 12px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

#calendar{
    /* max-height: 600px !important; */
    font-family: 'Montserrat', sans-serif !important;
}
.cust-calender .fc-scroller.fc-scroller-liquid-absolute {
    overflow-Y: hidden !important;
    overflow-X: auto !important;
}
.calender-div.cust-calender {
    height: 100% !important;
}
.fc .fc-timegrid-slot{
    height: 5.5em !important;
}
.cust-calender .fc-view-harness.fc-view-harness-active {
    height: 630px !important;
}
/* .fc-timegrid-event-harness-inset{
    height:50px !important;
} */

.fc-day-sun .fc-timegrid-event-harness-inset{
    height:auto !important;
}


.nav_note {
    font-size: 14px;
    color: grey;
}

.icon-h{
    height: 20px;
}

.list-group{
    display: block ruby !important;
}

.icon i {
    color: var(--main-color);
}

.resp-msg {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 12.5px;
	font-weight: normal;
}

.cust-succ {
	color: #00a300 !important;
	background-color: #d6e9d8;
	width: 100%;
	float: left;
	padding: 10px 10px 10px 38px;
	border: 1px solid #96d099;
	text-align: left;
	margin-bottom: 10px;
	border-radius: 3px;
	position: relative;
}
.cust-succ::after {
	content: '\f058';
	position: absolute;
	left: 13px;
	top: 3px;
	font-family: FontAwesome;
	font-size: 21px;
}

.cust-err {
	color: #B73838 !important;
	background-color: #EEDBDC;
	width: 100%;
	float: left;
	padding: 10px 10px 10px 38px;
	border: 1px solid #d79a9a;
	text-align: left;
	margin-bottom: 10px;
	border-radius: 3px;
	position: relative;
}

.cust-err::after {
	content: '\f057';
	position: absolute;
	left: 13px;
	top: 3px;
	font-family: FontAwesome;
	font-size: 21px;
}

.btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	background-color: #007bff;
	border-color: var(--main-color) !important;
}

.note-editor .modal-title {
    display: none;
}
/*29-6-2023 inetweaver team*/
.head-menu a {
    padding: 8px 15px;
}
.head-menu a i {
    padding: 0 !important;
}
.cust-logout .btn {
    font-size: 16px;
    margin-right: 8px;
}
.cust-logout {
    margin-top: 17px;
}
.cust-calender .fc-view th {
    border-right: 1px solid #fff !important;
    padding: 0 !important;
}
.cust-calender .fc-view th[role="columnheader"] {
    padding: 15px !important;
    vertical-align: middle;
}
@media screen and (max-width: 1199px){
    .head-menu a {
        padding: 8px 8px !important;
        font-size: 12.5px;
    }
    .head-menu a i {
        margin: 0 !important;
        padding: 0 !important;
    }
    .horizontal-navbar.cust-newhnavbar .navbar-wrap {
        display: block;
    }
    .head-menu.cust-headermenu {
        margin-left: 0;
        margin-bottom: 15px;
    }
    .horizontal-navbar .navbar-wrap .nav-items {
        margin: 0 -11px;
    }
    .site-container .main-content .main-content-wrap {
        margin-top: 54px;
    }
    .cust-invpaycard-details button {
        margin: 28px 10px !important;
    }
}
@media screen and (max-width: 991px){
    .horizontal-navbar .navbar-wrap .navbar-button {
        order: 1;
    }
    .horizontal-navbar .navbar-wrap .head-menu {
        order: 2;
        width: 71% !important;
    }
    .horizontal-navbar .navbar-wrap .navbar-button {
        margin-top: 11px;
    }
    .cust-headermenu .btn {
        font-size: 16px;
    }
   .horizontal-navbar .navbar-wrap .nav-items {
        margin: 0;
        margin-top: -40px;
        padding: 0 !important;
        flex-direction: row-reverse;
    }
    .horizontal-navbar .navbar-wrap .nav-items .nav-item {
        margin-right: 0;
    }
    .horizontal-navbar.cust-newhnavbar .navbar-wrap {
        background: #023368 !important;
        height: auto !important;
        padding: 15px 15px 15px 26px;
    }
    .head-menu.cust-headermenu {
        padding-left: 40px;
    }
    .horizontal-navbar .navbar-wrap .nav-items {
        order: 3;
    }
    .cust-logout {
        order: 3;
    }
    .custom-table table tr td {
        font-size: 14px;
    }
    .site-container .main-content {
        padding: 0;
    }
    .site-container .main-content .main-content-wrap {
        padding: 35px 15px;
    }
    .cust-logout .btn {
        margin-right: 0;
    }
    .cust-calender  .fc-toolbar-chunk {
        width: 100%;
        margin-bottom: 20px;
    }
    .cust-calender .fc-header-toolbar {
        flex-wrap: wrap;
    }
    .cust-calender  .fc-toolbar-chunk:last-child {
        margin-bottom: 0px;
    }
    .cust-calender .fc-toolbar-chunk h2.fc-toolbar-title {
        text-align: right;
        font-size: 20px;
    }
    .cust-calender .fc-view th .fc-col-header {
        width: 100% !important;
    }
    .cust-calender .fc-view tbody .fc-timegrid-body {
        width: 100% !important;
    }
    .cust-calender .fc-view tbody .fc-timegrid-body table {
        width: 100% !important;
    }
    .cust-calender .fc-view tbody .fc-timegrid-body table td .fc-event-main {
        margin: 15px 8px !important;
    }
    .cust-invpay-details .inv-content {
        width: 63% !important;
    }
}
@media screen and (max-width: 819px){
    .cust-invpay-details .inv-heading {
        width: 115px !important;
    }
    .cust-invpay-details .inv-content {
        width: 66% !important;
    }
}
@media screen and (max-width: 767px){
   .horizontal-navbar .navbar-wrap .head-menu {
        order: 2;
        width: 68% !important;
    }
    .cust-headermenu .btn {
        font-size: 14px;
    }
    .horizontal-navbar .navbar-wrap .head-menu {
        margin-top: 0;
    }
    .cust-logout .btn {
        margin-left: 8px;
    }
    .head-menu a {
        padding: 8px 11px !important;
        font-size: 13px;
    }
    .horizontal-navbar .navbar-wrap .nav-items {
        margin: 0;
        margin-top: 0px;
        padding: 0 !important;
        flex-direction: row-reverse;
        justify-content: flex-end;
        width: 100%;
    }
    .horizontal-navbar.cust-newhnavbar .navbar-wrap {
        padding: 15px 15px 15px 15px;
    }
    .cust-calender .fc-header-toolbar {
        align-items: flex-start !important;
    }
    .cust-homehead {
        font-size: 20px;
        margin-bottom: 20px !important;
    }
    .cust-calender .fc-toolbar-title {
        font-size: 18px !important;
    }
    .cust-calender.calender-div.fc .fc-header-toolbar {
        align-items: center !important;
        flex-direction: row !important;
        flex-wrap: wrap;
    }
    .cust-calender.calender-div.fc .fc-header-toolbar .fc-toolbar-chunk {
        margin-bottom: 0;
    }
    .cust-calender.calender-div.fc .fc-header-toolbar .fc-toolbar-chunk:last-child {
        width: 100%;
        margin-top: 20px;
    }
    .cust-homehead {
        margin-top: 0;
    }
    .card .card-block.cust-spform {
        padding: 0 0 15px !important;
    }
    .cust-spssubhead {
        font-size: 16px;
        line-height: 20px;
    }
    .breadcrumb-item+.breadcrumb-item::before {
        padding-left: 0;
    }
    .cust-sliderstable td span, .cust-sliderstable td {
        font-size: 14px !important;
    }
    .horizontal-navbar .navbar-wrap .nav-items .nav-item {
        margin: 0 2px;
        position: relative;
    }
    .horizontal-navbar {
        height: auto !important;
    }
    .cust-logout {
        margin-top: 6px;
        margin-right: 8px;
    }
    .horizontal-navbar .navbar-wrap {
        height: auto;
    }
    .horizontal-navbar .navbar-wrap {
        padding: 15px 15px 15px;
    }
    .horizontal-navbar .navbar-wrap .head-menu a {
        margin-bottom: 0px;
        margin-right: 15px;
    }
    .horizontal-navbar .navbar-wrap .nav-items {
        order: 2;
    }
    .cust-logout .btn {
        margin-left: 8px;
        font-size: 13px;
    }
    .cust-calender button.fc-button {
        font-size: 13px;
    }
    .cust-calender .fc-view tbody .fc-timegrid-body table td .fc-event-main {
        margin: 15px 4px !important;
    }
    .cust-calender button.fc-button {
        font-size: 13px;
        padding: 8px !important;
    }
    .cust-bookmodals .modal-dialog {
        max-width: 100% !important;
    }
    .cust-bookmodals .modal-dialog .cust-edit-bookform {
        padding: 8px !important;
        padding-top: 0 !important;
    }
    .cust-spformcust .cust-ccbuttongroups {
        margin-bottom: 0 !important;
        float: none !important;
        text-align: left !important;
    }
    .cust-spformcust .form-inline {
        display: block !important;
        float: left;
        width: 100%;
    }
    /* .cust-spformcust .cust-ccbuttongroups:nth-child(1) {
        margin-bottom: 20px !important;
    } */
    .site-container .main-content .main-content-wrap {
        margin-top: 15px;
    }
    .cust-invpay-details .inv-heading {
        width: 178px !important;
    }
    .cust-invpaycard-details label {
        padding: 0;
    }
    .cust-invpaycard-details button {
        margin: 10px 0px !important;
    }
    .cust-invpay-details .col-md-6, .cust-invpaycard-details .col-md-12 {
        padding-left: 0px !important;
    }
    .cust-invpay-details .inv-heading, .cust-invpay-details .inv-content {
        padding-left: 12px;
    }
    .cust-invoiceno-details span {
        margin-right: 0px !Important;
    }
    .credit-inp{
        width:30%;
        padding-left:15px;
    }
    .credit-prcnt{
        width:5%;
    }
    .credit-main{
        padding: 0px 15px !important;
    }
}
@media screen and (max-width: 550px) {
   .horizontal-navbar .navbar-wrap .head-menu {
        width: 100% !important;
        margin: 0px 0px 0px;
        order: 4;
        display: flex;
        flex-wrap: wrap;
    }
    .horizontal-navbar .navbar-wrap .head-menu a img {
        display: none;
    }
    .horizontal-navbar .navbar-wrap .head-menu a {
        margin-bottom: 0px;
        margin-right: 15px;
    }
    .horizontal-navbar .navbar-wrap {
        padding: 15px 15px 0px;
    }
    .horizontal-navbar .navbar-wrap .head-menu a {
        margin-bottom: 23px;
        width: 50%;
        margin-right: 0;
        font-size: 12px;
        margin-top: 3px;
    }
    .horizontal-navbar .navbar-wrap .head-menu a:nth-child(2) {
        margin-left: 15px;
        width: calc(50% - 15px);
    }
    .cust-logout .btn {
        font-size: 12px;
    }
    .cust-logoutnewbtn a img.default-icons {
        max-height: 13px;
    }
    .cust-logout .btn {
        font-size: 12px;
        padding: 11px 20px !important;
        width: auto !important;
    }
    .horizontal-navbar .navbar-wrap .navbar-button span {
        height: 2px;
    }
    .horizontal-navbar .navbar-wrap .navbar-button {
        margin-top: 11px;
        height: 20px;
        width: 26px;
    }
    .horizontal-navbar .navbar-wrap .nav-items {
        justify-content: flex-start;
    }
    .cust-invpay-details .inv-content {
        width: 60% !important;
    }
}
@media screen and (max-width: 480px){
    .cust-homehead {
        font-size: 18px;
        margin-bottom: 20px !important;
    }
    .cust-calender.calender-div.fc .fc-header-toolbar .fc-toolbar-chunk {
        margin-bottom: 15px;
    }
    .cust-calender.calender-div.fc .fc-header-toolbar .fc-toolbar-chunk:last-child {
        margin-top: 0;
        margin-bottom: 0;
    }
    footer.app-footer {
        display: flex;
        padding: 15px !important;
        height: auto;
    }
    footer.app-footer .version {
        padding: 0;
    }
    .horizontal-navbar .navbar-wrap .nav-items .nav-item.show .dropdown-menu {
        position: absolute;
        top: 60px;
        width: 200px;
    }
    .breadcrumb a, .breadcrumb {
        font-size: 12px;
    }
    .cust-ccbuttongroups a, .cust-ccbuttongroups input, .cust-ccbuttongroups button {
        display: inline-block;
        margin-right: 0 !important;
        padding: 8px 15px !important;
    }
    .cust-calender .fc-toolbar-title {
        font-size: 15px !important;
    }
    .cust-calender .fc-button {
        font-size: 14px;
    }
    .app-menu .main-menu>ul .menu-item .item-link {
        font-size: 13px;
    }
    .cust-submit-bn {
        display: inline-block;
        padding: 8px 15px !important;
        margin-right: 8px !important;
        font-size: 12px !important;
        }
        .cust-submit-paddi{
            padding-left: 41px !important;
            padding-right: 41px !important;
          }
    .cust-bck-btn{
        padding-left: 26px !important;
        padding-right: 26px !important;
        margin-left:0 !important;
    }
    .cust-set-adbtn{
        margin-left: 0!important ;
    }
    .cust-submit-bn:last-child {
        margin-right: 0 !important;
    }
    .calender-div button.fc-today-button.fc-button.fc-button-primary {
        padding: 8px 8px !important;
    }
    .cust-calender .fc-view th .fc-col-header, .cust-calender .fc-view tbody .fc-timegrid-body table {
        width: 100% !important;
    }
    .cust-calender .fc-timegrid table.fc-scrollgrid.fc-scrollgrid-liquid {
        width: 350%;
        /* width: 200%; */
    }
    .cust-calender .fc-timegrid {
        width: 100%;
        overflow-x: scroll;
    }
    .cust-invpay-details .inv-content {
        width: 100% !important;
    }
    .cust-invpay-details .inv-heading {
        margin-bottom: 0px;
    }
    .cust-invpay-details .col-md-6 {
        padding: 0px 10px 13px;
    }
    .cust-invpaycard-details .inv-content {
        padding: 0px 10px 0px;
    }
}
@media screen and (max-width: 360px){
    /* .horizontal-navbar .navbar-wrap .head-menu a {
        margin-bottom: 15px;
        width: 50%;
        margin-right: 0;
        padding: 4px !important;
        font-size: 11.5px;
    } */
    .cust-calender .fc-toolbar-title {
        font-size: 13px !important;
    }
}

.m-2 {
    margin: 2px !important;
}

.w-h-16 {
    width: 16px !important;
    height: 16px !important;
}

.font16 {
    font-size: 16px !important;
}

.w-15 {
    width: 15% !important;
}

.task-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 0;
    border-radius: .25rem;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    /* margin: 0 0 1.53846rem; */
}

.task-err {
    font-weight: 700;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    margin: 0 0 1.53846rem !important;
}

.task-success {
    font-weight: 700;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    margin: 0 0 1.53846rem !important;
}

.task-err::after {
    content: '\f057';
    position: absolute;
    left: 13px;
    top: 3px;
    font-family: FontAwesome;
    font-size: 21px;
}

.task-success::after {
    content: '\f058';
    position: absolute;
    left: 13px;
    top: 3px;
    font-family: FontAwesome;
    font-size: 21px;
}

.current {
	background: #cddfcd;
}

#fc-dom-1{
    display: none !important;
}

#calDateRange {
    color: #023368;
    font-size: 28px;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300;
}
.cust-calender .fc-view th[role="columnheader"] .fc-scrollgrid-sync-inner {
    padding: 11px 0px;
    /* border-right: 1px solid #fff; */
}
.invoice-lightboxx{
    text-align: left;
}
.wid-100{
    width: 100% !important;
    float: left !important;
}
.invoice-bot-form .wid-100{
    width: 100% !important;
    float: left !important;
}
.SP-back-btn{
    padding: 5px 13px;
    background-color: #023368;
    border-radius: 15px;
    color: #fff !important;
    font-size: 14px !important;
    display: none;
}
@media screen and (max-width:1440px) {
    .cust-logout.cust-logoutnewbtn a {
        font-size: 14px;
        padding: 11px 15px !important;
        width: auto !important;
    }
}
@media screen and (max-width: 1200px) {
.wid-100-formob{
    width: 100% !important;
    float: left;
}
.wid-100-formob .wid-50-formob{
    width: 50% !important;
    float: left;
    margin-bottom:0 !important;
}
.justify-end{
    justify-content: end !important;
}
.horizontal-navbar .navbar-wrap .wid-50-formob{
    width: 50% !important;
}
.cust-spc-main-wrapper .plan{max-width: 300px;width: 100% !important;} 
}
@media  screen and (max-width:1199px) {
    .horizontal-navbar .navbar-wrap .cust-headermenu{margin-top:14px;}
}
@media only screen and (max-width:991px)
{
    .horizontal-navbar .navbar-wrap .cust-headermenu{margin-top:0;}
    .horizontal-navbar .navbar-wrap .nav-items .nav-link{padding-top: 0 !important;padding-bottom: 0 !important;}
    .horizontal-navbar .navbar-wrap .nav-items{margin-top:-35px;}
    #order-stripe-reader .cust-left-padding{padding-left: 15px !important;}
    .cust-card-details{justify-content: space-between;}
    /* Photo Library */
    .cust-add-address-btn{text-align: center;}
    .cust-add-address-btn .cust-txt-or{display: block;margin-bottom: 16px;}
    .cust-image-modal .cust-img-cont,.cust-single-img-modal .cust-img-cont {height: 400px !important;}
    .cust-image-modal .gallery-image,.cust-single-img-modal .cust-img-cont img{max-height:350px !important;}
    .cust-email-tab-sec main{padding-left: 0 !important;padding-right: 0 !important;}
    .cust-email-tab-sec .email-item > div{gap: 10px;} 
    .cust-email-tab-sec .sidebar{min-height: auto !important;}
    .cust-view-email-content-modal .email-attachments .list-group{grid-template-columns: repeat(2,1fr) !important;}
    /* New Image Gallery */
    .cust-image-gallery-grid {grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;}
    /* check email status page */
    .cust-email-status-content-wrap .row .cust-col:first-child {border-right:0 !important;border-bottom: 2px solid #d7d7d7;}
    .cust-email-status-content-wrap .row .cust-col{max-width: 100% !important;flex-basis: 100% !important;}
    .cust-email-status-content-wrap .cust-current-name-server-main,.cust-email-status-content-wrap .cust-expected-name-server-main{border-bottom: 0 !important;}
    .cust-expected-name-server-values,.cust-current-name-server-values{padding-top: 0 !important;}
    /* Service plan checkout page */
    .cust-spc-main-wrapper .cust-billing-form-outer form .cst-pl{padding-left: 15px !important;}
    .cust-spc-main-wrapper .cust-billing-form-outer form .cst-pr{padding-right:15px !important;}
    .cust-spc-main-wrapper .plan h1 {font-size: 20px !important;}
    .cust-spc-main-wrapper .plan h3 {font-size: 18px !important;}
}
@media screen and (max-width: 991px) and (min-width:768px){
    .flex-direc-co{
        flex-direction: column;
    }
}
@media screen and (max-width: 767px) {
    #calDateRange {
        font-size: 17px;
        text-align: left;
    }
    .cust-calender .fc-button-group {
        margin-left: 0 !important;
    }
    .cust-calender .fc-view th[role="columnheader"] {
        padding: 8px !important;
        vertical-align: middle;
        font-size: 14px !important;
    }

    .marginT50{
        margin-top:0px !important;
    }
    .marginT16{
        margin-top:-35px !important;
    }
    .wid-50-formob .btn{
        width: unset !important;
    }
    .d-none-mob{
        display: none;
    }
    .dispay-block-spbtn{
        display: block;
    }
    .padding-15-mob{
        padding-left:15px !important;
        padding-right:15px !important;
    }
    /* Demo page */
    .sign-up-container-wrap{flex-direction: column;gap:50px;}
    .sign-up-container-wrap  .img-left {width: 100% !important;text-align: center;}
    .sign-up-container-wrap .img-left img {max-width: 100% !important;}
    .sign-up-container-wrap .card.extra-card {width: 80% !important;}
    /* form builder */
    .cust-form-builder .inner-container {flex-direction: column !important;}
    .cust-form-builder .form-preview-cont, .field-options .cust-form-builder {width: 100% !important;}
    .cust-form-builder .field-options{max-width: 100% !important;margin-top: 0 !important;}
    /* admin header mobile */
    .horizontal-navbar.cust-newhnavbar .navbar-wrap .nav-items{height: auto;}
    .horizontal-navbar .cust-logout.cust-logoutnewbtn {display: none;}
    .horizontal-navbar.cust-newhnavbar .dropdown-menu .cust-admin-logout{display: block !important;}
    /* Photo library recently adde images list  */
    .cust-recently-added-images .cust-recently-images-cont img {height:50px !important;max-width:70px !important;object-fit: cover;width: 70px !important;}
    /* .cust-image-modal .gallery-image{max-width: 100%;height: 300px !important;} */
    .cust-invoice-table-wrap{white-space: nowrap;}
    .cust-estimate-detail-sec .cust-spform .padding-15-mob{padding-right: 15px !important;padding-left: 15px !important;}
    /* New image gallery  */
    .cust-gallery-modal .modal-body{flex-direction: column;}
    .listing-outer .cust-spformcust .cust-margin-btm{margin-bottom: 0 !important;}
    .cust-image-gallery-grid{grid-template-columns: repeat(3,1fr) !important;}
    .cust-image-gallery-grid .cust-img-address span{font-size: 12px !important;}
    /* Invoice Detail page table */
    .cust-mob-table .table-responsive{overflow-x: unset;}
    .cust-mob-table .cust-invoice-table-wrap {white-space: unset;}
    .cust-mob-table .cust-invoice-table-wrap thead{display: none;}
    .cust-mob-table .table tbody tr{display: block;padding: 10px;border: 1px solid #ced4da;margin-bottom: 10px;background-color: #fff;}
    .cust-mob-table .table tbody tr:hover{background-color: #fff;}
    .cust-mob-table .table tbody td{display: block;max-width: 100% !important;word-break: break-all;border-top: 0;text-align: left;}
    .cust-mob-table  .table{background-color: transparent !important;}
    .cust-mob-table  .cust-mob-th,.cust-invoice-detail-sec  .cust-mob-th tr{display: block !important;background-color: #3c4e62 !important;}
    .cust-mob-table  .cust-mob-th th{width: 100%;padding: 0;border: 0;font-size: 14px;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";line-height:1.2;}
    .cust-mob-table  .cust-mob-th thead{display: block;}
    .cust-mob-table  .cust-mob-th tr{padding:10px !important;margin-bottom: 0;background-color: #3c4e62 !important;color: #fff !important;}
    .cust-mob-table  .cust-mob-th{margin-bottom: 10px;}
    .cust-estimate-detail-sec.cust-mob-table .table tbody tr{padding: 5px;}
    .align-items-center.cust-top-info-bar-with-icon{align-items: flex-start !important;}
    .cust-top-info-bar-with-icon .p-8{padding-top: 0;}
    /* New layout table for mobile */
    .cust-mobile-table table, .cust-mobile-table thead, .cust-mobile-table tbody, .cust-mobile-table th,.cust-mobile-table td,.cust-mobile-table tr {display: block;width: 100%;}
    .cust-mobile-table thead {display: none;}
    .cust-mobile-table tr {margin-bottom: 12px;border: 1px solid #ccc;border-radius: 4px;background: #fff;}
    .cust-mobile-table tr:last-child{margin-bottom: 0;}
    .cust-mobile-table td {padding: 10px !important;text-align: left;border: none;border-bottom: 1px solid #eee;position: relative;width: 100%;max-width: 100%;}
    .cust-mobile-table td[data-label]::before {content: attr(data-label);font-weight: bold;display: inline-block;width: 100px;color: #333;text-align: left;}
    /* Hide all but first td initially */
    .cust-mobile-table tr td:not(:first-child) {display: none;background-color: #f9f9f9;border-radius:4px;}
    .cust-mobile-table tr.open td {display: flex;background-color:#fff;gap:5px;flex-wrap: wrap;}
    .cust-mobile-table tr td:first-child {font-weight: bold;font-size: 15px;cursor: pointer;background: #f9f9f9;border-bottom: 1px solid #eee;word-break: break-all;padding-right: 25px !important;min-height: 44px;}
    /* Show mobile-only chevron icon */
    .cust-mobile-table .chevron-icon {display: inline-block;float: right;font-size: 0.85em;color: #212529;transition: transform 0.3s ease;}
    .cust-mobile-table tr.open .chevron-icon {transform: rotate(180deg);}
    .cust-mobile-table tr.cust-row td:first-child::after {content: '\f078'; font-size: 0.85em;color: #212529;transition: transform 0.3s;position:absolute;right: 10px;top: 50%;transform: translateY(-50%);font-family:'FontAwesome';}
    .cust-mobile-table tr.open td:first-child::after {content: '\f077';}
    .cust-mobile-table .cust-mob-show{display:block;}
    .cust-mobile-table .cust-mob-title{display:block !important;}
    .cust-mobile-table .cust-mob-none{display: none;}
    .cust-table-btns {display: grid !important;grid-template-columns: repeat(3, 1fr);}
    .cust-mobile-table .cust-invoice-table-wrap,.cust-mobile-table.cust-transacitons-table table{white-space: unset;}
    .cust-mobile-table .cust-mob-padding-border{padding: 13px;border: 1px solid rgba(0, 0, 0, .125);}
    .cust-mobile-table  .cust-submit-bn{line-height: normal !important;}
    .cust-table-wrap.cust-mobile-table table{white-space: unset;}
    .cust-mobile-table .cust-mob-title.cust-mob-row-ad-am{display: flex !important;gap: 5px;flex-wrap: nowrap;justify-content: space-between;align-items: center;width: 100%;}
    .cust-mobile-table .cust-add-name-cont{display: flex;gap:5px;}
    .cust-mobile-table .cust-mob-name-cont{display: flex;}
    .cust-mobile-table .customers-action-btn{flex-wrap: nowrap !important;}
    /* Google calendar connect disconnect btn */
    .cust-google-connect-btn{text-align: left !important;}
    /* check email status page */
    .cust-email-status-content-wrap .cust-inner-wrap {padding: 20px !important;}
    .cust-email-status-content-wrap .card-block {padding:0 !important;}
    /* Service plans page */
    .cust-service-plans-main .cust-plans-grid-cont{margin-top:30px !important;}
    .cust-service-plans-main .cust_planssatweb {width: 350px;}
    /* Service plans checkout page */
    .cust-spc-main-wrapper .cust-billing-form-outer form ul li {flex-direction: column;gap: 0 !important;}
    .cust-spc-main-wrapper .cust-billing-form-outer form .input-field {width: 100% !important;}
    .cust-spc-main-wrapper .cust-billing-form-outer form .invoice-radio-wrapper {gap: 0 !important;flex-direction: column;}
    .cust-spc-main-wrapper .cust-spc-inner-wrapper {margin-top:30px !important;}
    .cust-spc-main-wrapper .cust-billing-form-outer form .invoice-radio-wrapper {margin-bottom: 10px !important;}
    .cust-spc-main-wrapper .cust-billing-form-outer form .cst-pr .cst-rmv-pdng{margin-bottom: 10px !important;}
}
@media screen and (max-width:650px)
{
     .cust-table-btns {grid-template-columns: repeat(2, 1fr);}
    /* Service plans checkout page */ 
    .cust-spc-main-wrapper .cust-spc-content-wrap {flex-direction: column;}
    .cust-spc-main-wrapper .plan{max-width: 100% !important;}
}
@media screen and (max-width: 480px) {
    .cust-calender .fc-button.fc-blockingDays-button {
        padding: 11px 8px !important;
        margin-right: 4px;
        font-size: 11px;
    }
    /* Demo Page */
    .sign-up-container-wrap .card.extra-card {width: 100% !important;}
    /* Photo Library */
    #filePondPreviewContainer .img-thumbnail,.cust-img-upload-container #filePondPreviewContainer img{height: 120px !important;width: 120px !important;}
    /* Create Email Page */
    .cust-create-email-tooltip .tooltiptext{width: 200px !important;}
    .cust-email-tab-sec .tab-pane h2{font-size: 20px !important;}
    /* Check email account page */
    .cust-check-email-account-top-bar p{flex-direction: column;}
    .cust-check-email-account-top-bar .cust-email{font-size: 16px;}
    .cust-email-tab-sec #emailTabsContent .list-group .list-group-item a {font-size: 16px !important;}
    .cust-email-tab-sec .cust-empty-inbox p{font-size: 16px !important;}
    .cust-check-email-account-top-bar p {gap: 15px !important;}
     .cust-view-email-page .cust-view-email-header {align-items: flex-start;}
    .cust-invoice-detail-sec .nav-tabs{justify-content: space-between;} 
    .cust-invoice-detail-sec .nav-tabs .nav-item{width: auto !important;}
    /* New Image Gallery */
    .cust-image-gallery-grid .gallery img{height: 100px !important;}
    .cust-gallery-modal .cust-modal-image{height: 300px !important;}
    .cust-gallery-modal .cust-modal-image .main-image{max-height: 250px !important;}
    .cust-mobile-table .cust-mob-title.cust-mob-row-ad-am span{font-size: 13px;} 
    /* check email status page */
    .cust-email-status-content-wrap .cust-expected-name-server-main .cust-status-info {flex-direction: column;}
     
}
@media screen and (max-width:370px)
{
     .cust-mobile-table .cust-mob-title.cust-mob-row-ad-am span{font-size: 12px;} 
}
@media screen and (max-width: 550px) {
    .marginT16 {
        margin-top: -31px !important;
      }
      .nav-padding-SP{
        padding-bottom: 0px !important;
        padding-top: 20px !important;
      }
     .cust-headermenu .padding-sp-mob{
        padding:9px 10px !important;
      }
      .cust-logout .padding-sp-mob{
        padding:9px 10px !important;
      }
      .create-invoice-checkinp{
        margin-top: 4px;
        margin-right: 8px;
      }
      .create-invoice-check{
        display: flex;
        align-items: start;
      }
      .invoice-lightboxx-over{
        margin:0px 15px;
        padding-left:0px !important;
        padding-right:0px !important;
        overflow: scroll;
    }
  /* Settings text message setting card */  
  .text-booking-container .inner-content-container {flex-direction: column;gap:10px;}
  .text-booking-container .inner-content-2,.text-booking-container .inner-content-1  {width:100% !important;}
  .text-booking-container .form-check-label,.text-booking-container .inner-content-3 label{padding-left: 8px !important;padding-right: 0px !important;}
  .text-booking-container .inner-content-2 textarea{margin-left: 8px;}
  /* Incorporate hompage slide show button to homepage content */
  .home-page-slide-show-container {flex-direction: column;}
  .cust-logoutnewbtn a img.hover-icons {max-height: 13px;}
 
  
  .horizontal-navbar .navbar-wrap .nav-items .nav-item .nav-link{padding-top: 11px;}
  .horizontal-navbar .cust-gear-settings{margin-right: 0 !important;}
  .horizontal-navbar .cust-help-icon a{padding-right: 0 !important;}
  /* page builder banner instruciton */
  .cust-banner-instruction .instruction-txt{font-size: 12px !important;}
  .cust-banner-instruction .right-col img{width: 100px;}
  .cust-text-header {font-size: 9px !important;}
  /* Service provider login page*/
  .cust-login-logos-sec .cust-logos-cont img{width: 50%;}
  /* View-email page */
  .cust-view-email-page .cust-view-email-attachements {justify-content: space-between;flex-direction: column;}
  .cust-view-email-page .cust-view-email-attachements span p{max-width: 80% !important;}
  /* Payment pending popup modal */
  .paymentPending-modal .modal-content{width: 97%;margin: auto;}
  .paymentPending-modal .close{right:2px !important;}
  .paymentPending-modal .cust-update-contact-btns{flex-wrap: wrap;justify-content: center;}
  .paymentPending-modal .cust-update-contact-btns span{display: none;}
  /* Service plans check out page */
  .cust-spc-main-wrapper .cst-cd-title {font-size: 16px !important;}
  .cust-spc-main-wrapper .cust-form-title {font-size: 18px !important;}
}
@media screen and (max-width:414px)
{
    .horizontal-navbar .navbar-wrap .head-menu a {margin-bottom: 18px;margin-top: 5px;}
    .cust-headermenu .padding-sp-mob {padding: 6px 8px !important;}
    .cust-logout .padding-sp-mob {padding: 6px 8px !important;}
    .cust-logoutnewbtn a img.default-icons,.cust-logoutnewbtn a img.hover-icons {display: none !important;}
    .horizontal-navbar .nav-padding-SP {padding-top: 13px !important;}
    .horizontal-navbar .navbar-wrap .nav-items .nav-item .nav-link {padding-top:10px;}
    .horizontal-navbar .navbar-wrap .navbar-button{margin-top: 10px;}
    /* Check email account page */
    .cust-view-email-content-modal .email-attachments .list-group{grid-template-columns: repeat(1,1fr) !important;}
}
@media screen and (max-width:370px)
{
    .horizontal-navbar .navbar-wrap .head-menu a {margin-top: 6px;}
    /* .cust-logout .padding-sp-mob ,.horizontal-navbar .navbar-wrap .head-menu a{padding:4px !important;font-size: 11.5px;border:0;text-decoration: underline;} */
    /* .cust-logout .padding-sp-mob:hover ,.horizontal-navbar .navbar-wrap .head-menu a:hover{background: transparent !important;color: #fff !important;text-decoration: underline;} */
    .horizontal-navbar .navbar-wrap .navbar-button span:nth-child(odd),.horizontal-navbar .navbar-wrap .navbar-button span:nth-child(even) {width: 40%;}
    .horizontal-navbar .navbar-wrap .navbar-button span:nth-child(even) {left: 40%;}
    .horizontal-navbar .navbar-wrap .navbar-button span:nth-child(3), .horizontal-navbar .navbar-wrap .navbar-button span:nth-child(4) {top: 7px;}
    .horizontal-navbar .navbar-wrap .navbar-button span:nth-child(5), .horizontal-navbar .navbar-wrap .navbar-button span:nth-child(6) {top: 15px;}
    .horizontal-navbar .navbar-wrap .head-menu{padding-left: 35px;}
    .horizontal-navbar .navbar-wrap .nav-items .nav-item .nav-link{font-size: 16px;padding-top: 9px;padding-bottom: 6px;text-align: center;}
    .cust-gear-settings img {width: 16px !important;}
    .horizontal-navbar .nav-padding-SP {padding-top: 8px !important;}
    .horizontal-navbar .navbar-wrap .head-menu a {margin-bottom: 15px;font-size: 11px;}
    .horizontal-navbar .navbar-wrap .cust-logout a {margin-top: 3px;}
    .horizontal-navbar .navbar-wrap .navbar-button {margin-top: 13px;}
    .cust-table-btns {grid-template-columns: repeat(1, 1fr);}
    .horizontal-navbar .navbar-wrap .nav-items .nav-item .nav-link img{width: 16px !important;}
    .horizontal-navbar.cust-newhnavbar .navbar-wrap .nav-items.marginT16{margin-top: -28px !important;}
}
@media screen and (max-width:350px)
{
    .horizontal-navbar .navbar-wrap .head-menu a {font-size: 9px;}
    .cust-text-header {font-size: 8px !important;}
    .horizontal-navbar .navbar-wrap .nav-items .nav-item .nav-link{padding-right: 0;}
}
/* Demo page */
.sign-up-container-wrap {display: flex;justify-content: center;gap: 20px;align-items: center;}
.sign-up-container-wrap .img-left img {max-width: 90%;}
.sign-up-container-wrap .card.extra-card {width: 40%;max-width: unset;margin: 0 !important;}
.sign-up-container-wrap  .img-left {width: 50%;}
.sign-up-container-wrap .extra-card .additional-info{margin: 0 !important;}
.sign-up-container-wrap .not-ready-top-sign-up-wrap h4 {margin-bottom: 8px;margin-top: 0;font-family: inherit;}
.sign-up-container-wrap .not-ready-top-sign-up-wrap .click-btn{background-color: #ff00f4;color: #fff;display: inline-block;background-image: linear-gradient(0deg, #fe40a0 0%, #6042aa 100%);background-image: -moz-linear-gradient(0deg, #fe40a0 0%, #6042aa 100%);background-image: -webkit-linear-gradient(0deg, #fe40a0 0%, #6042aa 100%);border: unset;padding: .25rem .5rem;font-size: 14px;line-height: 1.5;border-radius: .2rem;font-family: inherit;}
.sign-up-container-wrap .not-ready-top-sign-up-wrap .click-btn:hover{background-image: linear-gradient(0deg, #fe40a0 0%, #6042aa 100%) !important;background-image: -moz-linear-gradient(0deg, #fe40a0 0%, #6042aa 100%) !important;background-image: -webkit-linear-gradient(0deg, #fe40a0 0%, #6042aa 100%) !important;color:#0056b3 !important;}
.sign-up-container-wrap .not-ready-to-sign-up {max-width: 1110px;display: flex;justify-content: center;margin: auto;}
.sign-up-container-wrap .not-ready-top-sign-up-wrap {width: fit-content;}

/* All reports arrow btns */
.year-dropdown-container .arowbtnn {padding: 7px;background: var(--main-color) !important;font-size: 14px;line-height: 1;border: 2px solid var(--main-color);border-radius: 4px;}
.year-dropdown-container .arowbtnn:hover,.year-dropdown-container .arowbtnn:focus{border: 2px solid var(--main-color);}

/* Settings text message setting card */
.text-booking-container .inner-content-container {display: flex;width: 100%;}
.text-booking-container .inner-content-2 {width: 40%;}
.text-booking-container .inner-content-1 {width: 150px;}
.text-booking-container .form-check-input{top:3px}
.text-booking-container .form-check-label{padding-left: 5px;padding-right: 10px;}

/* Incorporate hompage slide show button to homepage content */
.home-page-slide-show-container {display: flex;align-items: center;gap: 10px;justify-content: space-between;}

/* adim header geer icon menu */
.cust-gear-settings {
    width:max-content;
    display: flex;
    align-items: center;
    position: relative;

}
.cust-gear-settings img {
    width: 24px;
}
.horizontal-navbar .navbar-wrap .nav-items{align-items: center;}
.cust-gear-settings .nav-link{padding: 11px 8px 11px 11px;}
.cust-gear-settings .cust-dropdown-menu {
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 99;
    top: 100%;
    webkit-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, .25);
    box-shadow: 0 5px 10px 2px rgba(0, 0, 0, .25);
    margin: 0 0 0 -140px;
    padding: 0;
    border-radius: 0.25rem;
    display: none;
}
.cust-gear-settings .cust-dropdown-menu ul{padding: 0;list-style-type: none;}
.cust-gear-settings .cust-dropdown-menu .item-link {
    padding: 13px;
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 13px;
    text-decoration: none;
    webkit-transition: background .2s ease-in-out, color .2s ease-in-out;
    transition: background .2s ease-in-out, color .2s ease-in-out;
}
.cust-gear-settings .cust-dropdown-menu .item-link:hover{color: #fff !important;background: #2792bf;}
.cust-gear-settings .cust-dropdown-menu  .caret:before {content: '\f105';}
.cust-gear-settings .cust-dropdown-menu  .caret{font: normal normal normal 14px / 1 FontAwesome;position: absolute;right: 14px;}
.cust-gear-settings .cust-dropdown-menu  .menu-item.active .caret {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.cust-gear-settings .cust-dropdown-menu  .menu-item.has-sub.parent-content {position: relative;}
.cust-gear-settings .cust-dropdown-menu .icon img {width: 20px;}
.cust-gear-settings li.menu-item.has-sub.parent-content {padding: 12px;}
.cust-gear-settings .menu-item.has-sub.parent-content .text {
    color: #000;
    display: block;
    border-bottom: 1px solid #a2a5aa;
    font-weight: bold;
    padding-bottom: 10px;
}

/* Add images to user_profile page */
.hutb-myos-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 15px;
}
/* footer link */
.app-footer .service-provider-link-cont a{text-decoration: underline;}
/* admin page info box */
.cust-page-instructions-info {padding: 0 20px 20px;}
.cust-page-instructions-info .cust-content-info-box {padding: 10px;border-radius: 4px;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;border: 1px solid #ced4da;}
.cust-page-instructions-info .cust-content-info-box ul {list-style-type: none;padding-left: 0;display: flex;flex-direction: column;gap: 5px;}
.cust-page-instructions-info .cust-content-info-box .fa-star {font-size: 10px;margin-top: 6px;}
.cust-content-info-box li {display: flex !important;align-items: flex-start;gap: 5px;font-size: 14px;}
/* Form builder */
.cust-form-builder .inner-container {
    flex-direction: row-reverse;
    justify-content:flex-end;
    gap:30px;
}
.cust-form-builder h4{margin-top: 0 !important;font-weight: bold;font-size: 14px;}
.cust-form-builder{padding: 0 15px 15px;}
.cust-form-builder .form-preview-cont,.field-options .cust-form-builder {width: 80%;}
.cust-form-builder .field-options {
    display: flex;
    height: fit-content;
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 300px;
    border: 1px solid #ced4da;
    width: 100%;
    margin-top: 23px;
}
.cust-form-builder .field-options .btn {
    border-radius: 0;
    padding: 10px;
    font-size: 14px;
}
.cust-form-builder form#formPreview input {height: auto;}
.cust-form-bold{font-weight: bold !important;}
.cust-form-builder form#formPreview select {width: 100%;}
.cust-form-builder  form#formPreview > div {padding: 15px;border: 1px solid #dee2e6;position: relative;}
.cust-form-builder .field-options .btn {
    border-radius: 0;
    padding: 10px;
    font-size: 14px;
    border: 0;
    color: #000;
}
.field-options .btn:not(:last-child) {
    border-bottom: 1px solid #ced4da;
}
.cust-form-builder  form#formPreview > div button{position: absolute;right: 16px;top: 6.5px;}
.cust-form-builder  form#formPreview .update-field{right: 50px !important;padding-left: 8px;padding-right: 7px;}
.cust-form-builder-modal .btn-close {
    background: none;
    border: 0;
    font-size: 22px;
    display: flex;
    align-items: center;
    padding: 0;
    height: fit-content;
    margin-top: -7px;
}
.cust-response-modal .modal-dialog{max-width: 550px !important;}
.cust-response-modal .modal-body{padding: 20px 13px;} 
.cust-response-modal .modal-footer{align-items: center;justify-content: space-between;gap: 10px;}  
.cust-response-modal .btn-close{margin-top: 0;margin-bottom: 0;}
.cust-form-builder-modal .modal-title{font-size: 20px !important;font-weight: bold;}
.cust-response-modal .modal-header .btn-close{margin-top: -7px;}
.cust-response-modal .cust-footer-note{margin-top: 0;margin-bottom: 0;}

/* page builder banner instruciton */
.cust-banner-instruction {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    align-items: center;
}
.cust-banner-instruction  .left-col {max-width: 120px;width: 100%;}
.cust-banner-instruction  .left-col img{width: 100%;}
.cust-banner-instruction .right-col{max-width: 500px;width: 100%;}
.cust-banner-instruction .right-col span {
    display: block;
    font-weight: bold;
    text-align: center;
}
.cust-banner-instruction .instruction-txt {
    max-width: 370px;
    font-weight: bold;
    margin-top: 10px;
    font-size: 14px;
}
.sub_bell_icon:hover img{
    filter: brightness(250%);
}
.sub_bell_icon span{
    margin-right: 8px !important;
}
.sub_bell_icon img{
filter: brightness(13%);
  max-width: 18px;
}
.cust-header-settings-link {display: flex;flex-direction: column;gap:5px;}
.cust-text-header {font-size:13px;font-family: 'Montserrat', sans-serif;}
.horizontal-navbar .navbar-wrap .nav-items {width: 150%;justify-content: flex-end;}
.horizontal-navbar.cust-newhnavbar .navbar-wrap{align-items: center;}
.cust-left-padding{padding-left: 30px !important;}
.cust-home-date-info-cont{gap:10px;}
.cust-card-details{display: flex;gap: 5px;}
.cust-card-details .card-logo {max-width: 25px !important;}
.cust-card-details .card-brand {min-width: 115px;}
.cust-card-details .card-logo img{object-fit: contain;}
.cust-transacitons-table table{white-space: nowrap;}
.cust-transacitons-table .cust-transaction-date{word-spacing: 1px;}

/* Photo library */
.cust-img-upload-container .filepond--root,.cust-img-upload-container-edit .filepond--root{margin: 0;margin-left: 15px;margin-right: 15px;}
.cust-view-photo-library #filePondPreviewContainer .img-thumbnail{margin: 5px;object-fit: contain !important;}
.cust-view-photo-library #filePondPreviewContainer,.cust-edit-photo-library #filePondPreviewContainer{margin-left: 0;padding-left: 10px;padding-right: 15px;}
.cust-edit-photo-library #filePondPreviewContainer .img-thumbnail{object-fit: contain !important;}
.cust-edit-photo-library #filePondPreviewContainer button{top: -10px !important;right: -11px !important;vertical-align: middle;}
.cust-img-upload-container #filePondPreviewContainer img{ padding: .25rem;background-color: #fff;height: 150px;width: 150px;object-fit: contain;} 
.cust-photo-lib-list-table table{white-space: nowrap;}
.cust-recently-images-cont {display: flex;flex-wrap: wrap;}
.cust-recently-added-images .cust-recently-images-cont img {display: inline-block;margin: 5px;height: 80px;max-width: 100px;object-fit: cover;width: 100px;}
.cust-image-modal .modal-body{text-align: center;}
.cust-image-modal,.cust-image-gallery{overflow-x: hidden !important;overflow-y: auto !important;}
.cust-image-modal .cust-img-cont,.cust-single-img-modal .cust-img-cont {height: 500px;overflow: hidden;overflow-y: auto;display: flex;justify-content: center;align-items: center;
flex-direction: column;}
.cust-image-modal .gallery-image,.cust-single-img-modal .modal-body img {max-height:450px;}
.cust-single-img-modal .modal-body span{display: block;max-width: 500px;margin-left: auto;margin-right: auto;}
.cust-image-modal .image-caption,.cust-single-img-modal .cust-img-cont span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.cust-image-gallery .pagination{flex-wrap: wrap;}
/* Invoice pages create,edit,estimate */
.cust-sapcing-adjustment .row {margin-left: 0;margin-right: 0;}
.cust-sapcing-adjustment .row.part-name > div  .col-md-12 {padding-left: 0;padding-right: 0;}
.cust-sapcing-adjustment .cust-remove-padding .col-md-12{padding-left: 0;padding-right: 0;}

/* Service provider login page */
.cust-service-provider-login .additional-info{margin: 0;}
.cust-login-logos-sec h2 {font-size: 20px;font-weight: 700;text-align: center;}
.cust-login-logos-sec  .cust-logos-cont{display:flex;justify-content: center;flex-wrap: wrap;gap:20px;max-width: 600px;margin: 0 auto;margin-top: 50px;align-items: center;}
.cust-login-logos-sec  .cust-logos-cont img{width: 100px;height: fit-content;height: -webkit-fit-content;height: auto;}
.cust-login-logos-sec{margin-bottom: 20px;}
.cust-service-provider-login .main-content-wrap{height: 70dvh !important;}
.cust-login-logos-sec{padding-left: 1.5rem;padding-right: 1.5rem;}

/* Create Eamil page */
.cust-create-email-tooltip {
    position: relative;
    display: inline-block;
  }
  .cust-create-email-tooltip .tooltiptext {
    display: none;
    width: 250px;
    background-color: #f3f3f3;
    color: #000;
    text-align:left;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500;
    line-height: 1.2;
    border: 1px solid #dbe1e8;
  }
  .cust-create-email-tooltip i{cursor: pointer;}
  .cust-create-email-tooltip i:hover .tooltiptext{display: block;cursor: pointer;} 
  .cust-create-email-user{position: relative;}
  .cust-create-email-user .cust-domain-name {
    position: absolute;
    right: 0;
    top: 0;
    background: #f1f5f8;
    height: 32.75px;
    display: flex;
    justify-content: center;
    align-items:center;
    padding: 10px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border: 1px solid #ced4da;
}
.cust-create-email-user input{padding-right: 160px !important;}
.cust-create-email-pass-hide-show{position: relative;}
.cust-create-email-pass-hide-show .hide-show-btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 32.75px;
}
.cust-create-email-pass-hide-show .hide-show-btn {
    display: flex;
    border: 1px solid #ced4da;
}
.cust-create-email-pass-hide-show .hide-show-pass{border-right: 1px solid #ced4da;}
.hide-show-btn button {
    border: 0;
    background-color: #f1f5f8;
    font-size: 14px;
}
.cust-create-email-pass-hide-show input{padding-right: 130px !important;}
.cust-table-wrap table{white-space: nowrap;}
.cust-email-tab-sec .sidebar {
    border: 1px solid rgba(0,0,0,.125);
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    padding: 0;
    min-height: 300px;
}
.cust-email-tab-sec .sidebar-sticky ul li{border-bottom: 1px solid rgba(0,0,0,.125);}
.cust-email-tab-sec .sidebar-sticky .nav-link{padding: 10px 15px;}
.cust-email-tab-sec .sidebar-sticky .nav-link:hover,.cust-email-tab-sec .sidebar-sticky .nav-link.active{background-color: #2792bf !important;color: #fff !important;}
.cust-email-tab-sec .cust-action-btns {display: flex;justify-content: flex-end;align-items:center;padding-right: 0;}
.cust-email-tab-sec .cust-action-btns a {margin: 0 !important;padding-right: 15px;padding-left: 15px;height: fit-content;}
.cust-view-email-page .attachment-link
{
    width: auto;
    padding: 5px 12px !important;
    background: var(--main-color) !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1 !important;
    border-radius: 4px !important;
    border: 1px solid !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-family: inherit !important;
    margin-right: 0;
}
.cust-view-email-content-modal .attachment-links a i{font-size: 12px;}
.cust-email-tab-sec .cust-action-btns a:last-child{border-right: 0 !important;}
.cust-email-tab-sec .pagination .new-pagination{flex-wrap: wrap;gap:5px;}
.cust-email-tab-sec .pagination .new-pagination a:hover {text-decoration: none;color: #fff !important;}
.cust-email-tab-sec .cust-empty-inbox p{font-size: 18px; font-weight: 500;text-align: center;}
.cust-email-tab-sec .pagination span.current{border: 1px solid #2695be;color: #ffffff;background: #2695be;}
.cust-view-email-content-modal .modal-title{font-weight: bold;}
.cust-view-email-content-modal .email-attachments .list-group-item p{word-break: break-all;}
.cust-check-email-account-top-bar .cust-email{word-break: break-all;}
.cust-check-email-account-top-bar p{gap:20px;}
#replyToEmailModal #replyToattachmentsSection .file-input-group,#composeEmailModal #attachmentsSection .file-input-group{margin-top: 13px;}
#replyToEmailModal #replyToattachmentsSection .replyTo-attachment-input,#composeEmailModal #attachmentsSection .attachment-input{margin-top: 13px;}
.cust-view-email-content-modal .email-attachments .list-group{display: grid !important;grid-template-columns: repeat(3,1fr);}
.cust-view-email-content-modal .email-attachments .list-group-item p{word-break: break-all;font-size: 15px;max-width: 180px;width: 100%;}
.cust-view-email-content-modal .email-header .email-meta p,.cust-view-email-content-modal .email-attachments h6 {font-size: 15px;}
.cust-view-email-content-modal .modal-body{max-height:80dvh;overflow: auto;}
.cust-view-email-content-modal .email-content{min-height: 100px;}
.cust-view-email-content-modal .email-attachments .list-group-item{display: inline-flex;align-items: flex-start;flex-wrap: nowrap;gap:5px;justify-content: space-between;} 
.cust-view-email-content-modal .email-attachments .list-group-item .attachment-links{margin: 0;}
.cust-view-email-back-btn {padding:20px;}
.cust-view-email-header {display: flex;align-items: center;justify-content: space-between;gap: 20px;}
.cust-view-email-page .cust-content-info-box li{display: block !important;}
.cust-view-email-page .cust-view-email-attachements span{display: inline-flex;align-items: flex-start;flex-wrap: nowrap;gap:5px;justify-content: space-between;}
.cust-view-email-page .cust-view-email-attachements span p{word-break: break-all;font-size: 14px;max-width: 180px;width: 100%;}
.cust-view-email-page .cust-view-email-attachements {display: flex;gap: 15px;flex-wrap: wrap;}
.cust-view-email-page .cust-attachment-heading{margin: 15px 0;}
.cust-view-email-page .cust-message-container {padding: 15px;background-color: #f7f7f7;border-radius: 4px;max-height: 500px;overflow: auto;}
.pagination  .new-pagination{flex-wrap: wrap;gap:5px;}
.pagination ul{padding-left: 0;}
.pagination .new-pagination a:hover{text-decoration: none;color: #fff !important;}
.pagination span.current{border: 1px solid #2695be;color: #ffffff;background: #2695be;}
/* New Image gallery */
.cust-image-gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 8px;
  padding: 20px;
  background: #f1f1f1;
}
.cust-image-gallery-grid .gallery {
  background: #fff;
  border: 1px solid #ddd;
  padding: 2px;
  border-radius: 0;
  position: relative;
  display: flex;
  align-items:flex-start;
  justify-content:flex-start;
  width: 100%;
  gap:5px;
  flex-direction:column;
}
.cust-image-gallery-grid .gallery img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  width: 100% !important;
  height:150px;
   aspect-ratio: 1 / 1;
}
.cust-image-gallery-grid .cust-img-address {padding: 0 5px 5px 5px;width: 100%;}
.cust-image-gallery-grid .cust-img-address span{display: block;font-size: 14px;line-height: 1.3;text-align: center;}
.cust-gallery-modal .cust-modal-image {
    text-align: center;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}
.cust-gallery-modal .cust-modal-image .main-image {
    width: auto;
    height: auto;
    max-height: 350px;
    object-fit: contain;
    border-radius: 5px;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}
.cust-gallery-modal .cust-submit-bn:focus,.cust-gallery-modal .cust-submit-bn:active{box-shadow: none;}
.cust-gallery-modal span#modalImageTitle {display: block;margin-bottom: 10px;display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;}

.cust-gallery-modal .cust-totla-images {
    display: block;
    border-top: 1px solid #dee2e6;
    margin: 10px 0;
    padding: 10px 0;
    border-bottom: 1px solid #dee2e6;
}    
.cust-gallery-modal .thumbnail-list{display: grid;gap: 5px;grid-template-columns: repeat(2,1fr);}
.cust-gallery-modal .right-panel label{font-weight: bold;display: block;margin-bottom: 0;}
.cust-gallery-modal .action-buttons .btn-primary{background: #2695be !important;color: #fff !important;}
.cust-gallery-modal .modal-dialog{max-width: 900px;}
/* Invoicedetail page table */
.cust-mob-table .cust-mob-th{display: none;}
/* Gallery Page tabs */
.cust-gallery-tabs-cont .nav-tabs {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    border: none;
    background: #eee;
    margin: 20px 0;
}
.cust-gallery-tabs-cont .nav-tabs .nav-link{border: none;border-radius: 0;transition: color .2s ease-out;}
.cust-gallery-tabs-cont .tabs-dark .nav-link {color: #000;text-align: center;}
.cust-gallery-tabs-cont .tabs-light .nav-link {color: rgba(0,0,0,.5);}
.cust-gallery-tabs-cont .tabs-dark .nav-link:not(.active):hover {color: #000;}
.cust-gallery-tabs-cont .tabs-light .nav-link:not(.active):hover {color: #495057;}
.cust-gallery-tabs-cont .nav-pills .nav-link{border-radius: 2px;color: #495057;transition: color .2s ease-out, box-shadow .2s;}
.cust-gallery-tabs-cont .nav-pills .nav-link:hover{box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);}
.cust-gallery-tabs-cont .nav-pills .nav-item {margin: 0 5px;}
.cust-gallery-tabs-cont .nav-pills.pills-dark .nav-link.active {
    background-color: #343a40!important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}
.cust-gallery-tabs-cont .nav-pills.pills-dark .nav-link:not(.active):hover {color: #1d1e22;}
.cust-gallery-tabs-cont .tabs-marker .nav-link {
    position: relative;
    padding: 15px;
    font-weight: 600;
}
.cust-gallery-tabs-cont .tabs-marker .nav-link.active .marker {
    height: 30px;
    width: 30px;
    left: 50%;
    bottom: -30px;
    transform: translatex(-50%);
    position: absolute;
    overflow: hidden;
    z-index: 1;
}
.cust-gallery-tabs-cont .tabs-marker .nav-link.activ{z-index: 9;}
.cust-gallery-tabs-cont .tabs-marker .nav-link.active .marker:after {
    content: "";    
    height: 15px;
    width: 15px;
    top: -8px;
    left: 50%;
    transform: rotate(45deg) translatex(-50%);
    transform-origin: left;
    background-color: #fff;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    position: absolute;
}

.cust-gallery-tabs-cont  .nav-item{width: 50%;}
.cust-gallery-tabs-cont .tab-pane{ opacity: 0;transition: opacity 0.3s ease-in-out;}
.cust-gallery-tabs-cont .tab-pane.active.show {opacity: 1;display: block !important;}
/* Payment pending modal popup */
.paymentPending-modal .modal-content,.paymentPending-modal .modal-title{font-family: 'Montserrat', sans-serif !important;}
.paymentPending-modal .modal-content{border-radius: 15px;}
.paymentPending-modal .modal-title{font-size: 20px;font-weight: bold;}
.paymentPending-modal .cust-submit-bn{padding: 10px 15px !important;}
.paymentPending-modal .modal-footer{display: none;}
.paymentPending-modal .modal-body{padding: 20px 15px;}
.paymentPending-modal .cust-update-contact-btns {margin-top: 20px;display: flex;gap: 5px;align-items:center;}
.paymentPending-modal .cust-card-nbr {font-weight: 600;}
.paymentPending-modal .close {
    position: absolute;
    right: 0;
    background-color: #2695be !important;
    opacity: 1;
    border-radius: 50%;
    color: #fff;
    top: -2px;
    padding: 0 !important;
    height: 35px;
    width: 35px;
}
.paymentPending-modal .close:hover{background-color: #2695be !important;opacity: 1 !important; color: #fff;}
.cust-top-info-bar-with-icon{display: flex;gap:5px;}
.cust-common-breadcrumb{align-items: center;}
.cust-common-breadcrumb .p-8{padding: 8px !important;} 
.cust-mobile-table .cust-mob-show,.cust-mobile-table .cust-mob-title{display:none;}
.cust-table-btns {display: flex;justify-content: flex-end;gap: 10px;flex-wrap: wrap;}
.cust-table-btns a{text-align: center;}
.customers-action-btn{position: relative;}
.customers-action-btn a::after {
    content: "";
    position: absolute;
    right: -10px;
    background: #dee2e6;
    height: 25px;
    width: 1px;
    top: 50%;
    transform: translateY(-50%);
}
.customers-action-btn a:last-child::after{display: none;}
/* Google calendar connect disconnect btn */
.cust-google-connect-btn{text-align: right;}
.cust-google-connect-btn-appointment{margin-top: 30px;}
.cust-google-connect-btn-home{margin-top: 30px;margin-bottom: 20px;}

    .tag-container {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      border: 1px solid #ced4da;
      padding: 5px;
      border-radius: .375rem;
      cursor: text;
    }
    .tag {
      background-color: #0d6efd;
      color: white;
      padding: 5px 10px;
      border-radius: 20px;
      display: flex;
      align-items: center;
      gap: 5px;
    }
    .tag .remove {
      cursor: pointer;
      font-weight: bold;
    }
    .tag-input {
      border: none;
      outline: none;
      flex: 1;
      min-width: 150px;
    }
    .suggestions {
      position: absolute;
      top: 100%;
      left: 15px;
      right: 16px;
      background: white;
      border: 1px solid #ced4da;
      border-top: none;
      z-index: 1000;
      max-height: 150px;
      overflow-y: auto;
      display: none;
    }
    .suggestions div {
      padding: 8px 12px;
      cursor: pointer;
    }
    .suggestions div:hover {
      background-color: #f1f1f1;
    }
    .cust-email-tab-sec .cust-inbox-content{display: flex;gap: 8px;padding: 0 5px;}
    .cust-email-tab-sec .cust-inbox-content .cust-check-box input{cursor:pointer;width: 16px;height: 16px;margin-top: 6px;}
    /* Email status page */
    .cust-email-status-bar .card-block{padding: 10px 10px;}
    .cust-email-status-content-wrap .row{margin-right: 0;margin-left: 0;border-top: 2px solid #d7d7d7;border-left: 2px solid #d7d7d7;border-right: 2px solid #d7d7d7;}
    .cust-email-status-content-wrap .row:last-child{border-bottom: 2px solid #d7d7d7;}
    .cust-email-status-content-wrap .cust-inner-wrap{padding: 30px;}
    .cust-email-status-content-wrap .row .cust-col:first-child{border-right: 2px solid #d7d7d7;}
    .cust-email-status-content-wrap .row .cust-col{padding: 10px 15px;}
    .cust-email-status-content-wrap  .cust-status-icon-wrap {display: flex;justify-content: space-between;gap: 10px;}
    .cust-email-status-content-wrap  .cust-status-icon-wrap .cust-status-info span{font-weight: 600;}
    .cust-email-status-content-wrap .cust-status-info {display: flex;gap: 10px;}
    .cust-email-status-content-wrap .cust-name-servers .expected_nameservers{font-weight: 400 !important;}
    .cust-email-status-content-wrap .cust-name-servers{display: flex;gap: 5px;flex-wrap: wrap;}
    .cust-email-status-content-wrap .cust-name-servers br{display: none;}
    .cust-email-status-content-wrap  .cust-status-icon {width: 30px;text-align: right;}
    .cust-current-name-server-values span{font-weight: 400 !important;}
    .cust-current-name-server-values .cust-status-info,.cust-expected-name-server-values .cust-name-servers,.cust-current-name-server-values .cust-name-servers{flex-direction: column;width: 100%;}
    .cust-current-name-server-values .text-danger{font-weight: 600 !important;}
    .cust-email-status-bar .cust-status-heading .cust-status-img img{width: 30px;}
    .cust-email-status-bar .cust-status-heading{gap:10px;align-items: center;}
    .cust-email-status-bar .cust-status-heading .cust-status-img{display: flex;}
    .cust-email-status-content-wrap .right-column{font-weight: 400 !important;}
    /* Service plans page */
    .cust-service-plans-main .cust-plans-grid{display: flex;flex-wrap: wrap;gap: 30px;justify-content: center;}
    .cust-service-plans-main .cust-plans-grid-cont{max-width: 1200px;margin-left: auto;margin-right: auto;margin-top:40px;}
    .cust-service-plans-main .cust_planssatweb {max-width: 350px;width: 100%;}
    .cust-service-plans-main .cust_planssatweb li{list-style-type: none;}
    .cust-service-plans-main .cust_planssatweb ul{padding-left: 0;}
    .cust-service-plans-main .cust-plans-grid-cont h1{font-size: 25px;font-weight: bold;}
    .cust-service-plans-main .cust-plans-grid-cont h3{font-size: 20px;font-weight: bold;}
    .cust-service-plans-main .cust-plans-grid-cont .buy-button {padding: 10px;cursor: pointer;border: none;background-color: #28a745;color: white !important;border-radius: 5px;text-decoration: none;}
    .cust-service-plans-main .cust-plans-grid-cont .buy-button:hover {background-color: #218838;}
    .cust-service-plans-main .cust-plans-grid-cont .plan {
        flex-shrink: 0;
        text-align: center;
        padding: 20px;
        border: 1px solid #ddd;
        background: #f9f9f9;
        border-radius: 5px;
        min-height: 330px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .cust-service-plans-main .cust-plans-grid-cont .plan .details {font-size: 14px;color: #555;margin-bottom: 10px;}
    .cust-service-plans-main .cust-plans-grid-cont h1,
    .cust-service-plans-main .cust-plans-grid-cont h2,
    .cust-service-plans-main .cust-plans-grid-cont p,
    .cust-service-plans-main .cust-plans-grid-cont li,
    .cust-service-plans-main .cust-plans-grid-cont h3 {color: #000;}
    /* Service plan checkout page */
    .cust-spc-main-wrapper .cust-spc-inner-wrapper {margin-top: 40px;}
    .cust-spc-main-wrapper .cust-spc-content-wrap {display:flex;gap:30px;}
    .cust-spc-main-wrapper .plan h1{font-size: 25px;font-weight: bold;}
    .cust-spc-main-wrapper .plan h3{font-size: 20px;font-weight: bold;}
    .cust-spc-main-wrapper .plan ul{padding-left: 0;list-style-type: none;}
    .cust-spc-main-wrapper .plan {
        width: 300px;
        flex-shrink: 0;
        text-align: center;
        padding: 20px;
        border: 1px solid #ddd;
        background-color: #fff;
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    }
    .cust-spc-main-wrapper .cust-billing-form-outer {background-color: #fff;width: 100%;border: 1px solid rgba(0, 0, 0, .125);border-radius: 5px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);}
    .cust-spc-main-wrapper .cust-form-title{font-weight: bold;padding: 20px;border-bottom: 1px solid #ddd;margin-bottom: 0;text-transform: capitalize;font-size: 20px;}
    .cust-spc-main-wrapper .cust-billing-form-outer form{padding: 20px;max-width: 1400px;}
    .cust-spc-main-wrapper .cust-billing-form-outer form .invoice-radio-wrapper{display: flex;gap: 15px;margin-bottom: 15px;}
    .cust-spc-main-wrapper .cust-billing-form-outer form ul{padding-left: 0;list-style-type: none;}
    .cust-spc-main-wrapper .cust-billing-form-outer form ul li{display: flex;gap: 15px;}
    .cust-spc-main-wrapper .cust-billing-form-outer form .input-field{margin-bottom: 15px;width:50%;}
    .cust-spc-main-wrapper .cust-billing-form-outer form ul input{width: 100%;}
    .cust-spc-main-wrapper .cust-billing-form-outer .cst-rmv-pdng{padding-left: 0;padding-right: 0;}
    .cust-spc-main-wrapper .cst-cd-title{font-size:18px;font-weight: bold;margin-bottom:10px;}
    .cust-spc-main-wrapper .cust-billing-form-outer form .cst-pl{padding-left: 7px;}
    .cust-spc-main-wrapper .cust-billing-form-outer form .cst-pr{padding-right: 7px;}
    .cust-spc-main-wrapper .cust-billing-form-outer form span.err-field {font-size: 14px;color: #D8000C;}