@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'),local('OpenSans-Light'),url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
    unicode-range: U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'),local('OpenSans-Light'),url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'),local('OpenSans-Light'),url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'),local('OpenSans-Light'),url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'),local('OpenSans-Light'),url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
    unicode-range: U+0102-0103,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'),local('OpenSans-Light'),url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
    unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'),local('OpenSans-Light'),url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'),local('OpenSans'),url(//fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'),local('OpenSans'),url(//fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'),local('OpenSans'),url(//fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'),local('OpenSans'),url(//fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'),local('OpenSans'),url(//fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0102-0103,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'),local('OpenSans'),url(//fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'),local('OpenSans'),url(//fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'),local('OpenSans-Semibold'),url(//fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
    unicode-range: U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'),local('OpenSans-Semibold'),url(//fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'),local('OpenSans-Semibold'),url(//fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'),local('OpenSans-Semibold'),url(//fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'),local('OpenSans-Semibold'),url(//fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
    unicode-range: U+0102-0103,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'),local('OpenSans-Semibold'),url(//fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
    unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'),local('OpenSans-Semibold'),url(//fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'),local('OpenSans-Bold'),url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
    unicode-range: U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'),local('OpenSans-Bold'),url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'),local('OpenSans-Bold'),url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'),local('OpenSans-Bold'),url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'),local('OpenSans-Bold'),url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
    unicode-range: U+0102-0103,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'),local('OpenSans-Bold'),url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
    unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'),local('OpenSans-Bold'),url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}


body, html {
    height: 100%;
}

.ctx-center {
    text-align: center
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans", sans-serif;
}

.blockUI.blockMsg.blockElement {
    top: 49% !important;
    left: 35% !important;
}

    .blockUI.blockMsg.blockElement .loading-message {
        display: flex !important;
    }

.ctx-login-row {
    width: 100%;
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
/* ========================== Smavy login page ====================== */
.smavy-login-wrapper .smavy-main-row {
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.smavy-login-image{
    height: 100%;
    display: flex;
    align-items: center;
}
.smavy-login-wrapper .ctx-login-fields {
    width: 65%;
    margin: auto auto;
    padding: 18px 30px;
}

    .smavy-login-wrapper .ctx-login-fields label {
        font-weight: 600;
    }

    .smavy-login-wrapper .ctx-login-fields input {
        border-color: #0e2877;
    }

    .smavy-login-wrapper .ctx-login-fields input, .smavy-login-wrapper .ctx-login-fields button, #forgetForm .smavy-form-actions button {
        height: 50px;
        border-radius: 6px !important;
    }

.smavy-login-wrapper button.ctx-btn-login, .smavy-login-wrapper #btnSendMail {
    background: #F68929 !important;
    color: var(--color-white);
    border: none;
}

.smavy-login-wrapper {
    transition: 0.7s ease all;
}

    .smavy-login-wrapper a.forget-password {
        color: var(--color-black);
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
    }
.login-tile-img {
    display: flex;
    width: calc(100% - 200px);
    margin: 0 auto;
    justify-content: center;
}
mg-top-negative{
    margin-top:-15px
}
.mg-top-positive{
    margin-top:15px
}
.flex-end{
    display:flex;
    align-items:flex-end
}
a.forget-password:focus {
    outline: 0
}
#login-img2, #login-img1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.smavy-login-img #login-img2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.smavy-login-wrapper:not(.changeLoginImage) .smavy-login-img #login-img2 {
    opacity: 0;
    z-index: 0;
   
}
div#login-img1, div#login-img2 {
    transition: opacity 0.6s ease;
}
.smavy-login-wrapper:not(.changeLoginImage) .smavy-login-img #login-img1 {
    opacity: 1;
    z-index:1;
}

.changeLoginImage .smavy-login-img #login-img1 {
    /*display: none;*/
    opacity: 0; 
   z-index: 0;
}

.changeLoginImage .smavy-login-img #login-img2 {
    /*display: block;*/
    opacity: 1;
    z-index: 1;
}
.smavy-login-img #login-img2:before,.smavy-login-img #login-img2:after{
    display:none
}
.smavy-login-wrapper .ctx-noMargin {
    margin: 0;
}

.smavy-login-wrapper .ctx-noPadding {
    padding: 0;/*
    display: flex;
    height: 100%;*/
}

.smavy-login-wrapper .ctx-logo-wrapper {
    margin-bottom: 60px;
    position: relative;
    height: 90px;
}

    .smavy-login-wrapper .ctx-logo-wrapper img {
     width: 100%;
    margin: 0 auto;
    max-width: 300px;
    }



.smavy-login-wrapper .smavy-login-image {
    background: #0e2877;
}

.smavy-login-wrapper #login-img2 img:not(.no-hover) {
    transition: all 0.3s linear;
    border-radius: 15px
}

    .smavy-login-wrapper #login-img2 img:not(.no-hover):hover {
        transform: scale(1.05);
        box-shadow: 0px 0px 9px -2px #00000082;
    }

.smavy-login-wrapper .img-component {
    padding: 10px 15px;
}
.smavy-login-wrapper .edge-component {
    padding: 0 15px;
}

.smavy-login-wrapper .login-img1-wrapper{
    position: relative;
}
/*.smavy-login-wrapper .smavy-login-img{ 
    position: relative;
     max-width: 886px;
    width: 100%;
    margin: 0 auto;
}*/
.smavy-login-wrapper .icon-backgournd-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.smavy-login-wrapper .edge-component, .smavy-login-wrapper .img-component{
   padding: 0px 15px;
}
.smavy-login-wrapper .edge-component img, .smavy-login-wrapper .img-component img {
    width: 100%;
}
.login-img1-wrapper .icon-position img {
    width: 70px;
}
.smavy-login-wrapper .login-img1-wrapper .icon-position {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: auto;
    width: fit-content;
    height: fit-content;
}
.smavy-login-wrapper .people-icon-wrapper {
    top: -36%;
    left: -15%;
}
.smavy-login-wrapper .people-icon-wrapper .login-text-heading{
    color: #21b540
}
.smavy-login-wrapper .guard-icon-wrapper {
    top: 24px;
    left: -29%;
}
.smavy-login-wrapper .guard-icon-wrapper .login-text-heading {
    color: #01b4bb
}
.smavy-login-wrapper .degree-icon-wrapper {
    top: 56%;
    left: -19%;
}
.smavy-login-wrapper .degree-icon-wrapper .login-text-heading {
    color: #f9c80e
}
.smavy-login-wrapper .file-icon-wrapper {
    top: 39%;
    left: 104px;
}
.smavy-login-wrapper .file-icon-wrapper .login-text-heading {
    color: #21b540
}
.smavy-login-wrapper .clock-icon-wrapper {
    top: 0;
    left: 37%;
}
.smavy-login-wrapper .clock-icon-wrapper .login-text-heading {
    color: #f9c80e
}
.play-icon-wrapper.icon-position {
    top: -50%;
    left: 18%;
}
.play-icon-wrapper.icon-position .login-text-heading {
    color: #f98925
}
.smavy-login-wrapper #login-img1 .login-img1-wrapper .icon-position img {
    transition: all 0.3s linear;
}

.smavy-login-wrapper #login-img1 .login-img1-wrapper .icon-position:hover img {
    transform: scale(1.2);
    box-shadow: 0px 0px 9px -2px #00000082;
    border-radius: 50%;
    border: 0;
}
.icon-position .login-text {
    position: absolute;
    min-width: 150px;
    display: flex;
    flex-direction: column;
}
.icon-position .login-text:not(.align-end) {
    align-items: flex-start;
}
    .icon-position .login-text span:not(.login-text-heading) {
        color: #eeefef;
        font-size: 10px;
        text-align: left;
        opacity: 0.9;
    }
span.login-text .login-text-heading {
    font-size: 13px;
    font-weight: 700;
}
span.login-text.right-side {
    top: 28%;
    left: 120%;
}
.icon-position .login-text.align-end {
    align-items: flex-end;
}
.icon-position .login-text.align-end span{
    text-align:right
}
span.login-text.left-side {
    top: 28%;
    right: 120%;
}
span.login-text.bottom-side {
    margin-top: 10px;
}
/* ============================ login page end ==================================*/

.login .content .create-account p a {
    color: var(--color-white);
}

.email-activate {
    display: none;
    font-size: 13px;
}

.act-form-actions {
    padding: 6px 30px !important;
}

.accActiveLink {
    color: blue;
    cursor: pointer;
}

.ctx-chang-bg {
    -webkit-animation: bgcolorchange 40s infinite ease;
    animation: 40s infinite bgcolorchange ease;
    background-color: #364150;
}
.ctx-login-row .ctx-chang-bg {
    height: 100% !important;
}

.ctx-panelRight-login {
    height: -webkit-fill-available;
    padding: 0;
    background: url(/assets/Canvas/images/icons/LMS_Login.jpg);
    background-size: cover;
    background-position: center;
}

.ctx-panelRight-typerWriter {
    position: fixed;
    bottom: 89px;
    text-align: center;
    background-color: var(--color-white);
}

.ctx-panelRight-login h1 a {
    text-decoration: none;
}

.ctx-login-form {
    margin-top: 15% !important;
    background-color: var(--color-white) !important;
    margin: 40px auto 10px;
    padding: 24px 30px 30px;
    overflow: hidden;
    position: relative;
    float: none;
}

.ctx-Materialize, .ctx-login-form {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

.ctx-login-container {
    margin-top: 23px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    border-radius: 0px !important;
}

/*@keyframes bgcolorchange {
    0% {
        background-color: #002d4c;
    }

    10% {
        background-color: #003957;
    }

    20% {
        background-color: #004a71;
    }

    30% {
        background-color: #016ca2;
    }

    40% {
        background-color: #007ab5;
    }

    50% {
        background-color: #008acb;
    }

    60% {
        background-color: #007ab5;
    }

    70% {
        background-color: #016ca2;
    }

    80% {
        background-color: #004a71;
    }

    90% {
        background-color: #003957;
    }

    100% {
        background-color: #002d4c;
    }
}*/

.typewrite span {
    color: var(--color-white) !important;
}

/*@-webkit-keyframes bgcolorchange {
    0% {
        background-color: #002d4c;
    }

    10% {
        background-color: #003957;
    }

    20% {
        background-color: #004a71;
    }

    30% {
        background-color: #016ca2;
    }

    40% {
        background-color: #007ab5;
    }

    50% {
        background-color: #008acb;
    }

    60% {
        background-color: #007ab5;
    }

    70% {
        background-color: #016ca2;
    }

    80% {
        background-color: #004a71;
    }

    90% {
        background-color: #003957;
    }

    100% {
        background-color: #002d4c;
    }
}*/

.ctx-forget {
    margin-top: 6%;
    border-top: 1px solid rgb(225, 224, 224);
    padding: 0;
    font-size: 13px;
}

    .ctx-forget a {
        float: left;
        text-decoration: none;
        margin-top: 3%;
    }

.ctx-check {
    float: left;
    margin-top: 5.6%;
    font-size: 13px;
}

.ctx-login-btn + input[type=checkbox] {
    margin-top: 7%;
    float: left;
}

.ctx-signUp {
    text-align: center;
    margin-top: 3%;
    margin-bottom: 6%;
}

/*=================== Media Query Start =======================*/
@media only screen and (min-width: 1600px) {
    .login-img1-wrapper .icon-position img {
        width: unset;
    }
}

    @media only screen and (max-width: 992.98px) {
        .ctx-panelRight-login, .ctx-StemBpanelRight-login, .ctx-chang-bg, .smavy-login-image {
            display: none !important;
        }

        .ctx-login-container {
            margin-top: 0 !important;
        }

        .ctx-login-panel {
            margin: 0 auto;
            float: none;
        }

        .smavy-login-wrapper .smavy-main-row {
            display: unset;
        }
    }

    @media only screen and (max-width: 768px) {
        #forgetForm .form-actions button {
            margin: 7px 0;
        }
    }

    @media only screen and (max-width: 571px) {
        .ctx-login-container {
            margin-top: 2% !important;
        }

        .ctx-try-Free {
            padding: 0 !important;
            padding-top: 7%;
        }

        .ctx-login-panel {
        }

        .smavy-login-wrapper .ctx-login-fields {
            width: 80%;
            padding: 15px 5px;
        }
    }

    .copyright {
        text-align: center;
        font-size: 12px;
        padding-bottom: 10px;
    }

    .ctx-login-btn {
        background-color: #0070d2 !important;
        border-radius: 0 !important;
        margin-top: 6px;
    }

        .ctx-login-btn:hover {
            background-color: #005fb2 !important;
        }

    .ctx-login-body {
        /*background-color: #e9e9e9 !important;*/
        text-align: center;
    }

    .ctx-center-it {
        margin: 0 auto;
        float: none;
    }

    .ctx-try-Free {
        padding: -1px 30px 30px;
    }

        .ctx-try-Free h5 {
            margin-top: 0;
            float: left;
            margin-bottom: 0;
            position: absolute;
            top: 11px;
        }

    .ctx-login-panel {
        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-color: #e9e9e9;
    }

    .ctx-login-container img {
        height: 76px;
        max-width: 245px;
        object-fit: contain;
    }

    .ctx-not-cust {
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .ctx-freetrial-btn {
        background-color: transparent !important;
        color: var(--color-black) !important;
        font-size: 13px;
        border-radius: 0 !important;
    }

    .ctx-form-label {
        float: left;
        font-size: 13px;
    }

    .ctx-try {
    }

    .ctx-login-form .field-validation-error, .smavy-login-form .field-validation-error {
        float: left;
        color: red;
        font-size: 11px;
    }

    .ctx-login-form .form-group {
        margin-bottom: 12px !important;
    }

    #back-btn {
        border-radius: 0 !important;
    }

    #btnSendMail {
        border-radius: 0 !important;
        background-color: #0070d2 !important;
    }

    .typingtext {
        font-size: 16px;
        font-weight: 500;
    }

    .typingtext {
        font-size: 16px;
        font-weight: 500;
    }

        .typingtext span {
            font-weight: bold;
        }

    #ctx-rightPanel-form, .ctx-chang-bg {
        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%;
    }

    .ctx-bg-Img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .usr-Page {
        margin-bottom: 20px !important;
    }

    .ctx-inlineContent {
        display: inline-block;
        width: 100%;
    }

    label {
        font-weight: 400;
    }

    .alert {
        border-width: 1px;
    }

        .alert > p {
            margin: 0;
        }

        .alert.alert-borderless {
            border: 0;
        }

    .display-hide, .display-none {
        display: none;
    }

    .ctx-inlineBlock {
        display: inline-block;
        width: 100%;
    }

    .ctx-login-Img {
        height: 100%;
        width: 100%;
    }


    /*CSS for 360tutor Login*/
    .ctx-360login-btn {
        background-color: #563d90 !important;
        border-radius: 0 !important;
        border-color: #563d90 !important;
    }

        .ctx-360login-btn:hover {
            background-color: #4b2f86 !important;
            border-color: #563d90 !important;
        }

    .tutor360_logo {
        max-height: 55px;
        margin-top: 20px;
    }

    .ctx-360login-btn + input[type=checkbox] {
        margin-top: 7%;
        float: left;
    }

    .tutor360_text {
        position: relative;
        top: 16px;
        font-size: 15px;
        font-weight: 600;
    }

/*End of 360tutor Login CSS*/
/*for arabic language*/
.arabic_lang .ar-d-grid {
    display: grid;
    text-align: right;
}

    .arabic_lang #ctx-rightPanel-form .ctx-login-form .ctx-form-label {
        float: right !important;
    }

    .lang-style {
        text-decoration: none !important;
    }

    .dynamic-bg-image {
        height: -webkit-fill-available;
        padding: 0;
        background-size: contain !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

    .bg-blurImage {
        position: absolute;
        background-size: cover !important;
        height: 100%;
        width: 100%;
        filter: blur(5px);
        z-index: -1;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

        .bg-blurImage:before {
            position: absolute;
            content: "";
            height: 100%;
            width: 100%;
            background: var(--color-black);
            left: 0;
            opacity: 0.3;
        }