body{
    font-family: var(--bodyFontFamily);
    color: var(--bodyFontColor);
}

h1,h2,h3,h4,h5,h6{
    font-family: var(--headerFontFamily);
    color: var(--hTagColor);
    font-weight: bolder;
}

#top-menu-logo{
    height: 75px;
    width: 150px;
    background-image: var(--logoUrl);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/** Bootstrap text color overrides */
.text-primary{
    color: var(--primaryButtonColor);
}
.text-secondary{
    color: var(--secondaryButtonColor);
}
.text-info{
    color: var(--infoButtonColor);
}
.text-warning{
    color: var(--warningButtonColor);
}
.text-success{
    color: var(--successButtonColor);
}
.text-danger{
    color: var(--dangerButtonColor);
}

/** Bootstrap Button overrides */
.btn{
    font-family: var(--buttonFontFamily);
    font-size: var(--buttonFontSize);
}

.btn:hover{
    opacity: 0.8;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus,
.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem var(--primaryButtonColorFaded);
}

.btn.btn-primary{
    background: var(--primaryButtonColor);
    border-color: #FFFFFFaa;
    color: var(--primaryButtonTextColor);
}

.btn-check:focus+.btn-secondary,
.btn-secondary:focus,
.btn-check:active+.btn-secondary:focus,
.btn-check:checked+.btn-secondary:focus,
.btn-secondary.active:focus,
.btn-secondary:active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem var(--secondaryButtonColorFaded);
}

.btn.btn-secondary{
    background: var(--secondaryButtonColor);
    border-color: #FFFFFFaa;
    color: var(--secondaryButtonTextColor);
}

.btn-check:focus+.btn-info,
.btn-info:focus,
.btn-check:active+.btn-info:focus,
.btn-check:checked+.btn-info:focus,
.btn-info.active:focus,
.btn-info:active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem var(--infoButtonColorFaded);
}

.btn.btn-info{
    background: var(--infoButtonColor);
    border-color: #FFFFFFaa;
    color: var(--infoButtonTextColor);
}


.btn-check:focus+.btn-warning,
.btn-warning:focus,
.btn-check:active+.btn-warning:focus,
.btn-check:checked+.btn-warning:focus,
.btn-warning.active:focus,
.btn-warning:active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem var(--warningButtonColorFaded);
}

.btn.btn-warning{
    background: var(--warningButtonColor);
    border-color: #FFFFFFaa;
    color: var(--warningButtonTextColor);
}

.btn-check:focus+.btn-success,
.btn-success:focus,
.btn-check:active+.btn-success:focus,
.btn-check:checked+.btn-success:focus,
.btn-success.active:focus,
.btn-success:active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem var(--successButtonColorFaded);
}

.btn.btn-success{
    background: var(--successButtonColor);
    border-color: #FFFFFFaa;
    color: var(--successButtonTextColor);
}

.btn-check:focus+.btn-danger,
.btn-danger:focus,
.btn-check:active+.btn-danger:focus,
.btn-check:checked+.btn-danger:focus,
.btn-danger.active:focus,
.btn-danger:active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem var(--dangerButtonColorFaded);
}

.btn.btn-danger{
    background: var(--dangerButtonColor);
    border-color: #FFFFFFaa;
    color: var(--dangerButtonTextColor);
}
/** End bootstrap button overrides */
/** Bootstrap Alert overrides */

.alert-primary{
    color: var(--primaryColor3);
    background-color: var(--primaryButtonColorFaded);
    border-color: var(--primaryColor3);
}

.alert-secondary{
    color: var(--secondaryColor3);
    background-color: var(--secondaryButtonColorFaded);
    border-color: var(--secondaryColor3);
}

.alert-info{
    color: var(--infoColor3);
    background-color: var(--infoButtonColorFaded);
    border-color: var(--infoColor3);
}

.alert-warning{
    color: var(--warningColor3);
    background-color: var(--warningButtonColorFaded);
    border-color: var(--warningColor3);
}

.alert-success{
    color: var(--successColor3);
    background-color: var(--successButtonColorFaded);
    border-color: var(--successColor3);
}

.alert-danger{
    color: var(--dangerColor3);
    background-color: var(--dangerButtonColorFaded);
    border-color: var(--dangerColor3);
}

.alert-flush-bottom{
    margin: 15px -15px -15px -15px;
}

.alert-no-border{
    border-width: 0!important;
}

/** Hides white bar zoho is adding to bottom of the page */
#zohogc-helper-main{
    position: fixed;
}


label{
    font-family: var(--formLabelFontFamily);
    color: var(--formLabelColor);
    font-weight: 600;
}

input[type=color]{
    padding: 0px;
}

/** Top Navbar customizations **/

.navbar-main{
    background: var(--topMenuBackground);
    color: var(--topMenuTextColor);
    font-family: var(--menuFontFamily);
}

.navbar-main .nav-link{
    color: var(--topMenuLinkColor);
    font-family: var(--menuFontFamily);
    font-weight: bold;
}
.navbar-main .nav-link:hover{
    color: var(--topMenuLinkHoverColor);
}

.navbar-main .navbar-toggler{
    border-color: var(--topMenuLinkColor);
}

.navbar-main .navbar-toggler-icon {
    background: var(--topMenuLinkColor);
    mask-size: contain;
    -webkit-mask-size: contain;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg' width='150px'%3E%3Crect x='25' y='35' width='100' height='10' /%3E%3Crect x='25' y='70' width='100' height='10' /%3E%3Crect x='25' y='105' width='100' height='10' /%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg' width='150px'%3E%3Crect x='25' y='35' width='100' height='10' /%3E%3Crect x='25' y='70' width='100' height='10' /%3E%3Crect x='25' y='105' width='100' height='10' /%3E%3C/svg%3E");

}


.footer{
    background: var(--topMenuBackground);
    color: var(--topMenuLinkColor);
    font-family: var(--menuFontFamily);
}

.footer a {
    color: var(--topMenuLinkColor);
    font-family: var(--menuFontFamily);
}

.footer a:hover {
    color: var(--topMenuLinkHoverColor);
}

.footer h1, .footer h2,.footer h3,.footer h4,.footer h5,.footer h6 {
    color: var(--topMenuLinkColor);
}

.footer li {
    list-style: none;
}

.modal-header{
    background: var(--topMenuBackground);
    color: var(--topMenuLinkColor);
}

.modal-title{
    color: var(--topMenuLinkColor);
}

.dropdown-menu{
    max-height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.menu-style-1{
    font-family: var(--menuFontFamily)!important;
}
.menu-style-1 div{
    font-size: 1.25rem;
    line-height: 1.35rem;
    margin: 10px 0px;
    color: var(--sideMenuHeaderColor);
}
.menu-style-1 a{
    font-size: 1rem;
    line-height: 2.5rem;
    color: var(--sideMenuItemColor);
    display: block;
    margin-left: -15px;
    padding-left: 15px;
}
.menu-style-1 li{
    list-style: none;
}
.menu-style-1 a:hover{
    background-color: #ffffff!important;
    color: #237cc9!important;
    filter: drop-shadow(0 0 0.25rem #d0d1d5);
    border-radius: 15px;
}

.link-style-1{
    padding: 8px 20px;
    border-bottom: 2px solid transparent;
    font-size: 1.1em;
}
.link-style-1:hover{
    color: var(--pallet-1);
    border-bottom: 2px solid var(--pallet-4);
    background-color: var(--pallet-4);
    padding: 8px 22px;
    transition-duration: 0.3s;
}

.box-style-1 {
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 10px;
    background: var(--boxBackgroundColor);
    color: var(--boxBodyFontColor);
    filter: drop-shadow(0 0 0.55rem #d0d1d5);
}

.box-style-1 h1, .box-style-1 h2, .box-style-1 h3, .box-style-1 h4, .box-style-1 h5, .box-style-1 h6{
    margin-bottom: 15px;
    font-size: 1.25rem;
    color: var(--boxHeaderFontColor);
}

.box-style-2{
    padding: 15px;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 4px;
    background: var(--boxBackgroundColor);
    color: var(--boxBodyFontColor);
    overflow: hidden;
}
.box-style-2 h1, .box-style-2 h2, .box-style-2 h3, .box-style-2 h4, .box-style-2 h5, .box-style-2 h6{
    margin-bottom: 15px;
    font-size: 1.15rem;
    color: var(--boxHeaderFontColor);
}
.box-style-2 .bottom-message{
    padding: 15px;
    margin-bottom: 0;
    margin-top: 15px;
    border-radius: 4px;
}
.box-style-2 .button-message{
    padding: 15px;
    margin: 5px 0;
    border-radius: 4px;
}
.box-style-2 .btn{
    margin: 5px 0;
}

.box-style-2-inner-buttons{
    flex-basis: 215px;
}

.box-style-2-outer-buttons{
    padding: 0 15px;
    width: 250px;
    text-align: center;
    flex-basis: 345px;
}

#main-content-container{
    background-color: var(--bodyBackgroundColor);
}

.no-padding{
    padding:0px;
}
.student-search-label{
    margin: -33px 0px 0px 11px
}

.HomeSearchInput {
    border-radius: 15px;
}
.grey{
    color: #808080;
}
.admin-table {

}
.navbar, .nav{

}
.successmessage{

}

.invalid-feedback{

}
.bold_green_text{
    color: green;
}

.hrmargin{
    margin: 0px;
}
.nav-tabs {
    border: 0px;
}


.well{
    padding: 10px 14px 5px 14px;
    margin:10px;
    border-radius: 10px;
    background: #ffffff;
    filter: drop-shadow(0 0 0.55rem #d0d1d5);
}
.well-panel-courses {
    padding: 11px;
    min-height: 195px;
}
.well-panel-certificates {
    padding: 11px;
    min-height: 165px;
}
.well-panel-refer {
    padding: 11px;
}
.well-panel-info {
    min-height: 180px;
}

.well-sm-panel-info {
    min-height: 120px;
}
.well h5 a{
    font-size: 13px;
    text-decoration: underline;
}

.well h5{

    line-height: 25px;
    text-decoration: none;
    margin-bottom: 0px;
}

.well h4{

    line-height: 25px;
    text-decoration: none;
    display: inline;
}

.well h4.course-label{

    display: inline-block;
}

.shippingBox{
    border-radius: 12px;
    background: #8e049d;
    padding: 5px;
    color: #fff;
}

.shipperName{
    font-size: 13px;
    font-family: Fira Sans;
}
.panel-body{
    min-height:120px;
}
.panel-replacement-error {
    color: #ffffff;
    background-color: #d60033 !important;
    border-color: 0px !important;
}
.dashboard-shipped-date {

    margin: 0px;
}

.replacement-error-text {
    color: #0000ff;

}
.replacement-error {
    color: #ffffff;

}
.panel-expired {
    color: #ffffff;
    background-color: #e9ce1066 !important;
    border-color: 0px !important;
}

.panel-heading-certs {
    color: #333;
    background-color: #f5f5f5;
    border: 0px;
    margin: 0px;
    padding: 0px;
}
h3.dashboard-expiration {
    font-family: Nexablack;
    margin: 0px;
    font-size: 20px;
}

h3.dashboard-certsubtitle1 {
    font-family: Lato, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bolder;
    margin: 0px;
}

.purple{
    color:#8e049d !important;
}
h3.dashboard-shippingDetailsTitle {
    font-family:"Fira Sans" ;
    margin: 0px;
    font-size: 15px;
    color:#8e049d;
}
.progress-bar{
    background-color: #9CAF88;
}
.progress {
    height: 8px;
    width: 100%;
    background-color: #eef1ed;
    margin:0px;
}
.course-status-complete{

    display: inline;
}

a:hover {
    color: #1bb0ff;
}

.HomeSearchInput  {
    border-radius: 25px;
}
.welcome{

    line-height: 33px;
}
.dlinks{
    text-decoration: underline;

}
.pageTitle, .dashboard_title{

    line-height: 22px;
}

.pagesubTitle{

    line-height: 22px;
}
.side-menu-header{

}
a.submenu-top-nav {

}
a.top-nav.nav-link {
    font-size: 1.25rem;
    line-height: 25px;
}
a.top-nav.nav-link:hover {
    /*color: #36b4ee !important;*/
    text-decoration: underline;
}

.nav-link {

    text-transform: lowercase;
}

/***********MARCH 10 2021 CHANGES **************/
.login-header {
    padding: 0;
    margin: 0 0 35px;
    font-weight: bold;
    font-size: 32px;

    color: #184a83;
}


.dashboard_msg_btn {
    transition: all 0.15s ease-in-out;
    background: #cf1224;
    border: 2px solid #cf1224;
    border-radius: 2px 2px 4px 4px;
    margin-top:-1px;
    color: white;
    cursor: pointer;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    text-transform: uppercase;
    white-space: normal;
    font-size: 16px !important;
    -webkit-font-variant-ligatures: none;
    font-variant-ligatures: none;
    padding:11px 40px 11px 40px;
}
.dashboard_msg_btn:hover {
    background: #e12d3e;
    color: white;
    border: 2px solid #cf1224;
}


.admin_btn-danger {
    transition: all 0.15s ease-in-out;
    background: #cf1224;
    border: 5px solid #e12d3e;
    border-radius: 16px;
    color: white;
    cursor: pointer;
    line-height: 1;
    margin: 5px 0;
    max-width: 100%;
    text-align: center;
    text-transform: uppercase;
    white-space: normal;
    font-size: 23px !important;
    -webkit-font-variant-ligatures: none;
    font-variant-ligatures: none;
    padding:11px;
}
.admin_btn-danger:hover {
    background: #e12d3e;
    color: white;
    border: 5px solid #cf1224;
}


.tour_btn {
    background: #0f3e71;
    border: 5px solid #0e74b4;
    box-shadow: 0 0 0 0 rgba(14, 116, 180, 0.7);
    border-radius: 11px;
    color: white;
    cursor: pointer;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    text-transform: uppercase;
    white-space: normal;
    font-size: 16px !important;
    -webkit-font-variant-ligatures: none;
    font-variant-ligatures: none;
    padding:11px 40px 11px 40px;
    display: block;
    -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.tour_btn:hover {
    background: #0e74b4;
    color: white;
    border: 5px solid #80c0e9;
    -webkit-animation: none;
}

/* Basic button styling */

.pulsingButton {
    width: 220px;
    text-align: center;
    white-space: nowrap;
    display: block;
    margin: 50px auto;
    padding: 10px;
    box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
    border-radius: 10px;
    background-color: #FF0000;
    -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    font-size: 22px;
    font-weight: normal;
    text-decoration: none !important;
    color: #ffffff;
    transition: all 300ms ease-in-out;
}


/* Comment-out to have the button continue to pulse on mouseover */

a.pulsingButton:hover {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none;
    color: #ffffff;
}


/* Animation */

@-webkit-keyframes pulsing {
    to {
        box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
    }
}

@-moz-keyframes pulsing {
    to {
        box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
    }
}

@-ms-keyframes pulsing {
    to {
        box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
    }
}

@keyframes pulsing {
    to {
        box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
    }
}


@-webkit-keyframes pulse {
    0% {
    @include transform(scale(.9));
    }
    70% {
    @include transform(scale(1));
        box-shadow: 0 0 0 50px rgba(#5a99d4, 0);
    }
    100% {
    @include transform(scale(.9));
        box-shadow: 0 0 0 0 rgba(#5a99d4, 0);
    }
}

.admin_btn-warning {
    transition: all 0.15s ease-in-out;
    background: #f2ae3d;
    border: 5px solid #f2ae3d;
    border-radius: 16px;
    color: white;
    cursor: pointer;
    margin: 5px 0;
    max-width: 100%;
    text-align: center;
    text-transform: uppercase;
    white-space: normal;
    font-size: 23px !important;
    -webkit-font-variant-ligatures: none;
    font-variant-ligatures: none;
    padding:12px;
}
.admin_btn-warning:hover {
    background: #f2b667;
    color: white;
    border: 5px solid #f2922c;
}


.admin_btn {
    transition: all 0.15s ease-in-out;
    background: #0f3e71;
    border: 5px solid #0f3e71;
    border-radius: 16px;
    color: white;
    cursor: pointer;
    margin: 5px 0;
    max-width: 100%;
    text-align: center;
    text-transform: uppercase;
    white-space: normal;
    font-size: 23px !important;
    -webkit-font-variant-ligatures: none;
    font-variant-ligatures: none;
    padding:12px;
}
.admin_btn:hover {
    background: #0e74b4;
    color: white;
    border: 5px solid #80c0e9;
}

.btn-xl{
    padding: 22px;
    font-size: 1.5rem;
    border-radius: 16px;
    text-transform: uppercase;
}

.blue_lg_btn {
    transition: all 0.15s ease-in-out;
    background: #0f3e71;
    border: 5px solid #0f3e71;
    border-radius: 16px;
    color: white;
    cursor: pointer;
    line-height: 1;
    margin: 5px 0;
    max-width: 100%;
    text-align: center;
    text-transform: uppercase;
    white-space: normal;
    font-size: 24px !important;
    -webkit-font-variant-ligatures: none;
    font-variant-ligatures: none;
    padding: 26px 0px 22px 0px;
}
.blue_lg_btn:hover {
    background: #0e74b4;
    color: white;
    border: 5px solid #80c0e9;
}

.btn--full {
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}


.login_margin {
    margin-top: 20px;
    margin-bottom: 20px;
}

label {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    text-align: left;
}

.form-horizontal .control-label {
    text-align: left;
}
.accordion-button.collapsed{
    background-color: #0d88c1;
    padding: 7px;
    color:white;
}

button.accordion-button{

}
.accordion-button:not(.collapsed) {
    color:white;
    padding: 7px;
    background-color: #72abc1;
}
.copyright{
    color: #ffffff;
}
.main-header {
    border-bottom: 1px solid #e7e7e7;
}

#footer.style5 > .footer-wrapper {
    /*background: url("../images/themes/footer/style05/sky.png") no-repeat center bottom;*/
    background-color: #252525;
    padding-bottom: 0;
    background-size: cover;
}
.page-title-container {
    height: 56px;
    background: #252525;
}

#header .topnav {
    height: 30px;
    background: #565656;
    width: 100%; }

.page-title-container .page-title .entry-title {
    line-height: 56px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0;
}


.wiggle:hover {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

.wiggle{
    animation-delay: 2s;
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes slideInLeft {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}

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

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

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

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

/********FOOTER**********/


.contact-details {
    font-style: normal; }
.contact-details .contact-phone {
    color: #2d3e52;
    font-size: 1.6667em; }
.contact-details .contact-phone i {
    color: #ffffff; }
.contact-details .contact-email {
    color: #c31b25;
    font-size: 1.1667em;
    padding: 0 24px;
    line-height: 2em; }

h4.testimonialWidget, .creditcardLabel{

}
h2.footerTitles{
    color: #ffffff;

/*candal*/
}
.checkoutTitle{
    color: #2d3e52;

}


.footer-nav a.footerLinks{
    color: #ffffff;
}
span.contact-phone a.footerLinks {
    color: #ffffff;
}


.footer-nav a.footerLinks:hover {
    color: #36b4ee;
}

.fixmargin{
    margin: 3px;
}
/* 2.2.9. Social icons */
@-webkit-keyframes toRightFromLeft{49%{-webkit-transform:translate(100%)}50%{opacity:0;-webkit-transform:translate(-100%)}51%{opacity:1}}@-moz-keyframes toRightFromLeft{49%{-moz-transform:translate(100%)}50%{opacity:0;-moz-transform:translate(-100%)}51%{opacity:1}}@keyframes toRightFromLeft{49%{transform:translate(100%)}50%{opacity:0;transform:translate(-100%)}51%{opacity:1}}.toRightFromLeft{-webkit-animation-name:toRightFromLeft;animation-name:toRightFromLeft}
ul.no-list-style {
    list-style: none;
    padding:0px;
}


.social-icons li a {
    width: 32px;
    margin-right: 4px;
    height: 32px;
    display: inline-block;
    background: #f7941d;
    color: #fff;
    line-height: 32px;
    font-size: 1.3333em;
    -moz-transition: opacity 0.3s ease-in;
    -o-transition: opacity 0.3s ease-in;
    -webkit-transition: opacity 0.3s ease-in;
    -ms-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in; }

.social-icons li a:hover {
    background: #f7941d; }

.social-icons li {
    float: left;
    text-align: center; }
.social-icons li:last-child {
    margin-right: 0; }
.social-icons li {
    overflow: hidden; }
.social-icons li:hover i {
    -webkit-animation: toRightFromLeft 0.3s forwards;
    -moz-animation: toRightFromLeft 0.3s forwards;
    animation: toRightFromLeft 0.3s forwards;
    }


#footer .bottom #back-to-top {
    margin-top: 20px;
    display: block;
    font-size: 16px;
    color: #00244e; }
#footer .bottom #back-to-top i {
    border-color: #01b7f2;
    font-weight: bold;
    overflow: hidden; }
#footer .bottom #back-to-top:hover > i:before {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
    display: inline-block; }


.dashboard-expiration{

}
/**********footer****************/

/*@media (min-width: 600px){*/
/*    .btn--big {*/
/*        font-size: 35px;*/
/*        padding: 24px 30px;*/
/*    }*/

/*}*/

/******** END 2021 CHANGES **********/

.panel-body{
    padding: 15px;
}

.panel.chapters{
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    overflow: hidden;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
}
.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    background-color: white;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-default {
    border-color: #ddd;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel-primary {
    background: #ffffff;
}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #00244e;
    border-color: #00244e;
    font-size: 16px;
    font-weight: bold;
}
.panel>.table, .panel>.table-responsive>.table {
    margin-bottom: 0;
}

.form-horizontal .form-group {
    display: flex;
}

form .form-group {
    margin-bottom: 15px;
}

.nav a.nav-link:hover {
    filter: drop-shadow(0 0 0.25rem #d0d1d5);
    border-radius: 15px;
}

.nav>li>a:focus {
    filter: drop-shadow(0 0 0.25rem #d0d1d5);

}
.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd;
}

.nav-tabs>li>a {
    border: 0px;
    line-height: normal;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 8px 15px;
}

h3.dashboard-ProductTitle {
    margin: 0px;
    font-size: 15px;
}


a {
    text-decoration: none;
}

.table>thead>tr>th {
    padding-top: 11px;
    padding-bottom: 10px;
    border-bottom: 0;
}



.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

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

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    background-color: #1e9a5c;
    color: #fff;
}