/* 
    Document   : login
    Created on : Jul 25, 2012, 12:46:06 PM
    Author     : Pavan
    Description:
    Purpose of the stylesheet follows.
*/


/*body,input{font-family:Tahoma, Geneva, sans-serif;}*/
body{font-family: "Helvetica Neue",Helvetica,arial,sans-serif;font-size:14px;margin:0;color:#333}
a{color:#333;text-decoration:underline}
a:hover{color:#000}
.decorationNone{text-decoration:none;}
.formFields label,input{font-size:14px}
h1,h2,h3{margin:0;padding:0}
.wrapper{margin:0 auto;width:1000px}
.alert{width:calc(100% - 26px); padding:10px 32px 32px 32px; background-color:#fff2f2; border:3px solid #cc0000; color:#333; overflow:hidden; padding:10px;margin: 5px auto;}
.header {height:89px;position:relative;border-bottom:#ccc 1px solid}
.emailheader{ height: 89px; position:relative;border-bottom:#ccc 1px solid}
.headerPoweredBy {height:102px;position:relative;border-bottom:#ccc 1px solid}
.logoAuth{ padding-top:14px;}
.logoAuthRight{ padding-top:18px;}
.bodySection{margin-top:10px}
.leftSection{width:570px;float:left}
.leftSection ul{padding:12px 10px 1px 16px;margin:0}
.leftSection ul li{margin:10px;font-size:14px;}
.introText{font-family: Trebuchet MS,Tahoma,Geneva;font-size:18px;color:#4b4b4b;}

.rightSection{float:right;width:400px;margin-right:10px;}
.loginBox{background-color:#f5f6e6;box-shadow:0px 0px 12px #ccc;-moz-box-shadow:0px 0px 12px #ccc;-webkit-box-shadow:0px 0px 12px #ccc;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border:solid 1px #789b28;}
.loginBox h2{font-size:24px;font-weight:400;text-align:center;margin-top: 10px;}
.formFields{padding:10px 0 0 0}
.formFields label{width:100px;display:inline-block;text-align:right;}
.formFields input[type=text], .formFields input[type=password]{padding:7px 10px;width:220px}
.forgotpswdFormFeilds label{width:200px;display:inline-block;text-align:right;}
.forgotpswdFormFeilds input[type=text], .forgotpswdFormFeilds input[type=password]{padding:7px 10px;width:220px;}
.actionSection{margin-left:100px;}
.captchaText{width:235px;display:inline-block;}
.cBoth{clear:both}
.FR{float:right;}
.FL{float:left;}

.normalButton{font-weight:bold;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;border-radius:5px;font-size:12px;padding:5px 10px;border:solid 1px #b9770c;background-color:#f3a42b;color:#000;color:#000;border:1px solid #b9770c;background: -webkit-gradient(linear, left top, left bottom, from(#f9d295), to(#f1a32b));background: -moz-linear-gradient(top,  #f9d295,  #f1a32b);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9d295', endColorstr='#f1a32b');background-color:#F1A32B}
.normalButton:hover{background: -webkit-gradient(linear, left top, left bottom, from(#f9c676), to(#f19c1a));background: -moz-linear-gradient(top,  #f9c676,  #f19c1a);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9c676', endColorstr='#f19c1a');background-color:#F1A32B}
.secondaryBtn {
    font-family: Tahoma,Geneva,sans-serif;
    background: -moz-linear-gradient(center top , #F5F5F5, #E6E6E6) repeat scroll 0 0 #E6E6E6;
    border: 1px solid #B9B9B9;
    color: #000000;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px;
}

.secondaryBtn:hover{background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#f5f5f5));
                    background: -moz-linear-gradient(top,  #e6e6e6,  #f5f5f5);
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f5f5f5');
                    background-color:#e6e6e6
}
.footer{margin-top:30px;border-top:1px solid #ccc;padding:0 10px;line-height:24px;font-size:12px;color:#999;max-width: 1000px;}
.accessDenied {float: right;margin-right: 10px;width: 400px;background-color: #e7e7e7; font-size: 14px; padding:25px 5px 190px; border:1px solid #ccc; font-family: Trebuchet MS,Tahoma,Geneva; height:140px;}
.accessDenied h2{font-size:18px; color:#ff0000; font-weight: bold; text-align: center;}
.reachUsAt {float: right; margin: 0 10px 10px 0; padding: 4px; display: table-cell;}
.reachUsAt img{vertical-align: middle;}
.reachUsAt a{text-decoration: none;}
.reachUsAt a:hover{text-decoration:underline;}


/*Privacy Policy*/

.privacy, .forgotpswd{

    margin: 10px 0;

}

.privacy h1, .forgotpswd h1{

    margin-bottom: 10px;

}

.privacy ul li {
    margin-bottom: 10px;
}

.privacycontent {

    background-color: #f9f9f9;
    border: 1px solid #c5c5c5;
    padding: 10px;
}


/*End of Privacy Policy*/

/*Forgot Password*/

.forgotpswdcontent {

    background-color: #f9f9f9;
    border: 1px solid #c5c5c5;
    padding: 10px;
    width:65%;
    margin:auto;
}

.forgotpswdcontentStreams {
    padding: 10px;
    width:500px;
    margin:auto;}

.m_tb10px {margin: 10px 0;}

.forgotpswdButtons_Main {display: flex;
                         flex-direction: row;}
.forgotpswdButtons {display: flex;}
.mRL_5px{margin:0px 5px;}


/*End of Forgot Password*/

/* cookie custom alert */
.alt_topsection{height:31px;overflow:hidden;border-bottom: 1px solid #c87f29;}
.alt_topbgline{border-radius:5px 5px 0 0; -moz-user-select:none;height:31px;padding:0 9px;position:relative;text-align:left;background: -webkit-gradient(linear, left top, left bottom, from(#f8d39c), to(#fff4ec));background: -moz-linear-gradient(top,  #f8d39c,  #fff4ec);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8d39c', endColorstr='#fff4ec');}
.alt_content .Download_ali{padding:10px 2px 15px;line-height:20px;text-align:left;font-size:12px}
.alt_topbgline h2{font-size:14px;font-weight:700;padding-top:8px;margin:0}
.cookieAlertContent{color:#ed1c24; font-weight: normal !important; font-size:13px;}

/* End of cookie custom alert */


/* Start of SSO Feature chagnes  */

.singleSignOnButton{outline:none;float:left;cursor: pointer;padding:10px;width:50%;background: #f6f6f6;border-bottom-left-radius:10px;border:0;margin: 0px;border-top:1px solid #cccccc; border-right:1px solid #cccccc;}
.singleSignOnButton:hover {background:#e6e6e6;}
.forgotPasswordButton{outline:none;padding:10px;cursor: pointer;width:50%;background: #f6f6f6;border-bottom-right-radius:10px;border:0;margin: 0px;border-top:1px solid #cccccc;}
.forgotPasswordButton:hover {background:#e6e6e6;}
.LoginWithSBButton {outline:none;padding:10px;cursor: pointer;width:100%;background: #f6f6f6;border-bottom-right-radius:10px;border-bottom-left-radius:10px;border:0;margin: 0px;border-top:1px solid #cccccc;}
.LoginWithSBButton:hover {background:#e6e6e6;}
.SSOLockIcon {margin-bottom: -3px;}

/* Start of SSO Feature chagnes */

/* streams login page css */
.login_container{margin:0 auto; padding:0;display:flex; flex-direction:column; width:1000px}

/*Login header Start*/
.login_header{margin:0; padding:0; display:flex; width:100%; border-bottom:1px solid #ccc; flex-direction:row;}
.login_headerleft{margin:0; padding:0; display:flex;width:500px; align-items:center; }
.login_headerright{margin:0; padding:0; display:flex;width:500px; align-items:center; flex-direction: row-reverse;}
.Login_logo{margin:0; padding:0;}
/*Login header END*/

/*Login contact Start*/
/*.login_contact{margin:0; padding:0; display:flex;width:100%; flex-direction: row-reverse; align-items: center;}*/
.reachUsAt_Streams{padding: 0;display:flex; height:25px; width:100%; font-size:12px; justify-content: flex-end; align-items: center;margin:0 0 10px 0;}
.callIcon{background:url(../images/callIcon.png)no-repeat 0 0;width:14px; height:17px;margin-right:4px;}
/*Login contact END*/

/*Login content left Start*/
.login_bodySection{margin:15px; display:flex; width:100%; flex-direction:row;}
.login_contentleft{margin:0; padding:0; display:flex;width:560px; flex-direction:column; }
.login_contentheading{margin:0; padding:0; display:flex; height:40px;  width:100%; font-size:16px; color:#333333; font-weight:bold; }
.login_contentpoints{padding:0; display:flex; width:100%; font-size:14px;  margin-top: 20px;line-height: 20px;}
.login_contentpoints ul{margin:15px 0 0 15px; padding:0; list-style-type:none; }
.login_contentpoints ul li{margin:0; padding:0 0 14px 27px; background:url(../images/tickmark.png) no-repeat 0 0; background-position: 0 3px; }
.login_contentright{     margin: 38px 20px;padding: 0;display: flex;flex-direction: column;align-items: flex-end; }
/*Login content left END*/

/*Login content right Start*/
.loginHeading {
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
    width: 244px;
    display: flex;
    font-size: 24px;
    justify-content: center;
}
.loginHeadingForgotPswd{margin:0;margin-bottom:5px;padding:0;width:250px; display:flex; font-size:24px; }
.EmailHeadingForgotPswd{margin:0;margin-bottom:5px;padding:0;display:flex; font-size: 16px;font-weight: bold; }
.rightSection_streams    {width: 400px;
                          padding: 0;
                          display: flex;
                          flex-direction: column;
                          justify-content: center;
                          align-items: flex-end;}
/*.inputboxPassword{margin-top:0;}*/
.rightSection_streams label{text-align:right; font-size:14px; width:100px;display:inline-block;margin-right: 5px;}
.rightSection_streams input{width:220px;padding:7px 10px;}
.rightSection_streams ul{margin:0; padding:25px 0 0 0; list-style-type:none;}
.rightSection_streams ul li{margin:0; padding:0; display:inline; }
.inputlogin{margin:0; padding:0; height:20px; width:240px;}
.inputFeildsWithLabels {
    display: flex;
    margin: 10px 0;
    align-items: center;
}
.captheMain {display: flex;flex-direction: column}
.captheMain div {margin:5px;}
/*.change{margin:0 0 0 12px;}*/

/*.inputlogin1{margin:0 0 0 10px; padding:0; height:20px; width:240px;}
.inputtext{margin:0; padding:0; font-size:14px;}*/
.rememberMe_Streams {
    font-size: 14px;
    height: 15px;
    width: 383px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rememberMe_Streams input{margin-right:4px;padding: 0;width:auto;}
.logintext1{margin:0; padding:0; font-size:14px;}
.normalButton_main {
    width: 244px;
    margin: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.normal-button{width:100%;padding:0 20px 0 20px;cursor:pointer; border:none; border-radius:4px; outline:none; font-size:16px; min-width:100px; box-sizing:border-box; height:35px;color:#fff; background:#8bc500;display: flex;justify-content:center;align-items: center;font-weight: bold;}
.normal-button:hover{box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.disabledButton {background-color: #f0f0f0 !important;color: #ccc;cursor:default;border: 0 !important;pointer-events:none;}
.continueLogin{margin:0; padding:0 0 0 7px;}
.signinActions {
    margin: 8px 0;
    font-size: 14px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 244px;
}
.signinActions a {
    text-decoration: none;
    color: #333333;
    display: flex;
    justify-content: center;
    height: 35px;
    cursor: pointer;
    align-items:center;
}
.signinActions a:hover{text-decoration:underline;}
.signinActions ul{margin:25px 0 0 0; padding:0; list-style-type:none;}
.signinActions ul li{margin:0; padding:0 0 16px 87px;}
.signinActions ul li a{margin:0; padding:0; text-decoration:none; color:#333333; font-size:14px;}
.login_footer{margin-top:30px; padding:15px 0;border-top:1px solid #ccc; width:100%; display:flex; font-size:12px;    align-items: center; justify-content: center;}
.footerPrivacy{text-decoration:none; color:#333333;cursor: pointer;}
.footerPrivacy:hover{text-decoration:underline;}
.errorMessageLogin {clear:both;padding:7px;text-align:center; color: red;}
/*Login content right END*/

.secondary-button{
    border:1px solid #dbdbdb;background:#f0f0f0;
    padding: 0 20px 0 20px;
    cursor: pointer;
    border-radius: 4px;
    outline: none;
    font-size: 16px;
    font-weight: bold;
    min-width: 100px;
    box-sizing: border-box;
    height: 35px;}

.secondary-button:hover {box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}

/*  Create Password CSS S0tart */
.emailID_CP{font-weight:bold;display:inline-block;line-height: 22px;font-size:16px;border-bottom: 1px solid #dbdbdb;}
.helpText_CP{color:#999;font-size:13px;}
.ml_10px{margin-left: 10px;}
.mb_20px{margin-bottom: 20px;}


/*css for new login page for streams start 02/03/2018*/
.streamscontainer .rightSection{width:auto;margin-right:0;}
.streamscontainer .captchaText{width:280px;display:inline-block;}
.streamscontainer .login_bodySection{margin:15px 0;}
.streamscontainer .login_contentleft{flex:1;}
.streamscontainer .login_contentright{margin: 15px 0 38px 0;}
.streamscontainer .loginHeading {width:303px;}
.streamscontainer .rightSection_streams{width:auto;}
.streamscontainer .rightSection_streams input{width:280px;padding:7px 10px;}
.streamscontainer .captheMainStreams {display: flex;flex-direction: column}
.streamscontainer .captheMainStreams div {margin:4px 0;}
.streamscontainer .rememberMe_Streams {justify-content: flex-start;width:100%;}
.streamscontainer .rememberMe_Streams input {margin-right: 4px;padding: 0;width: auto;}
.streamscontainer .normalButton_main {width: 303px;}
.streamscontainer .signinActions { width: 303px;}
.streamscontainer .errorMsgMain{margin-left:104px;}
.cpachaNew_forgetpswd{width: 103px;margin: 0 auto 10px auto;}
.forgetpswd_streams{width:510px;}
.forgetpswd_streams input[type=text]{width: 278px;}
.forgetpswd_others input[type=text]{width: 278px;}
.cpachaNew_forgetpswdOthers{width: 243px;margin: 0 auto;}
/*css for new login page for streams end*/

/*css for other pages*/
.bodySectionOthers{margin: 15px 0;}
.bodySectionOthers .leftSection{flex:1;}
.bodySectionOthers .actionSection{margin-left:90px;}
.loginBoxMain label{width:90px;}
.loginBoxMain input[type=text]{width: 278px;}
.loginBoxMain input[type=password]{width: 278px;}
.rghtSec{width:415px;margin: 0;}
.capthaMain{width:225px;margin:0 auto;}
.mb_5px{margin-bottom: 5px;}
/*css for other pages*/

/*css for LTDReports login page STARTS*/
.logincontainer{ width:350px; height:282px; background:#ffffff; border:1px solid #dbdbdb; margin:100px auto;}
.loginlogo{ margin:0px; padding:0px; height:55px; display: flex; align-items: center; justify-content: center; font-size: 24px;}
.loginname{ margin:0px; padding:0px; height:30px; display: flex; align-items: center; justify-content: center; font-size: 14px; margin: 0 40px 10px; text-align:center; color:#999;}
.normalButton_main-report{display: flex; justify-content: center; align-items: center; width: 303px; margin: 15px auto; }
.normal-button-report{cursor: pointer;border: none;border-radius: 4px;outline: none;font-size: 16px;min-width: 100px;box-sizing: border-box;height: 35px;color: #fff;background: #8bc500;display: flex;justify-content: center;align-items: center;font-weight: bold;width: 100%;}
.normal-button-report:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.hrline{ color:#999;     font-size: 14px;}
.logininput{display: flex;align-items: center;justify-content: center;margin: 10px 0 0 0;}	
.logininput input{background: #fafafa;border: 0;border: 1px solid #dbdbdb;width: 298px;height: 30px;padding: 0 0 0 5px;} 
::placeholder {
    color: #dbdbdb;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 Sign in*/ 
    color:  #dbdbdb;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #dbdbdb;
}

hr { display: block;margin-top: 0.5em;margin-bottom: 0.5em;margin-left: auto;margin-right: auto;border-style: inset;border-width: 1px;width:100px;border: none;background-color: #ccc;height: 1px;} 
.hrline{display: flex;  }
.forgetpass{font-size: 14px; display: flex; justify-content: center;/* padding: 0 25px 9px 0px; */} 
.forgetpass a{color: #5a5959;}  
.forgetpass a:hover{ color:#000;}
/*css for LTDReports login page END*/


@media screen and (min-width: 1940px){
    .streamscontainer .login_contentpoints ul li{background-position: 0 9px; }
    body{font-size:1em}
    .streamscontainer .login_headerleft{flex:1;}
    .streamscontainer .wrapper{margin:0 auto;width:1200px}
    .streamscontainer .login_contentleft {width:auto;}
    .streamscontainer .rightSection {width:auto;}
    .streamscontainer .login_contentheading{font-size:170%;height:auto;}
    .streamscontainer .login_contentpoints{font-size:130%;line-height: 160%;}
    .streamscontainer .reachUsAt_Streams{font-size:110%;}
    .streamscontainer .loginHeading{font-size: calc(1em + 10px);}
    .streamscontainer .rightSection_streams label{font-size: 140%;width: calc(100% + 1px);}
    .streamscontainer .streamscontainer .rememberMe_Streams{font-size:140%;width: calc(100% - 71px);}
    .streamscontainer div.rememberMe_Streams input{min-width: inherit;}
    .streamscontainer .normal-button{font-size: 170%;height:auto;}
    .streamscontainer .signinActions{font-size:130%;}
    .streamscontainer .login_footer{font-size:130%;}
    .streamscontainer .rightSection_streams input {padding: 10px;min-width: 280px;}/**new change 2/3/2018***/
    .rememberMeMain{width:120px!important;}/**new change 2/3/2018***/
}

/*  Create Password CSS End */

/*--  Responsive Create Password CSS start---*/
.createPswdMain .wrapper{margin:0 auto;max-width:1000px;width:auto;}
.createPswdMain .privacy .subHeader{padding:0 5px;}
.createPswdMain .createpwdWrapper{display: block;}
.createPswdMain .createpwdWrapper .forgotpswdcontentStreams{max-width:500px;}
.createPswdMain .createpwdWrapper .login_header{justify-content:space-between;}
.createPswdMain .createpwdWrapper .login_headerleft{width:auto; }
.createPswdMain .createpwdWrapper .login_headerright{width:auto;}
.createPswdMain .createpwdWrapper  .createPassword{padding:0 5px;}
.createPswdMain .emailID_CP{width:245px;display:inline-block; border-bottom: 1px solid #333;line-height:22px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;margin-left: 4px;}/*24/10/2017*/
.createPswdMain .ml_3px{margin-left: 3px;}
.createPswdMain .mb_20px{margin-bottom: 20px;}
.createPswdMain .usrName{margin: 0 0 20px 10px;display: flex;align-items: center;}
@media screen and (max-width:850px){
    .createPswdMain .login_header{text-align: center; justify-content: center; align-items: center;display: flex;}
    .createPswdMain .login_headerleft{display: none;}
    .createPswdMain .login_headerright{width:auto;}
    .createPswdMain .privacy .subHeader{text-align: center;display: flex;flex-direction: column-reverse;}
    .createPswdMain .privacycontent{font-size: 16px;}
    .createPswdMain .userName_createpassword{display:flex;flex-direction:column;justify-content:flex-start;}
    .createPswdMain .createpwdWrapper .login_header{justify-content:center;}
    .createPswdMain .forgotpswdFormFeilds label{text-align:left;width:auto;}
    .createPswdMain .createpwdWrapper .forgotpswdcontentStreams{width:auto;margin:0 auto;display:flex;flex-direction:column;font-size:16px;}
    .createPswdMain .loginHeadingForgotPswd{width:auto;}
    .createPswdMain .reachUsAt{display:none;}
    .createPswdMain .createPassword{display:flex;flex-direction:column;justify-content:center;align-items:center;}
    .createPswdMain .h_2px{height:2px;}
    .createPswdMain .d_none{display:none !important;}
    .createPswdMain .createpwdWrapper .forgotpswdFormFeilds input[type=text], .forgotpswdFormFeilds input[type=password]{padding: 10px 0 10px 5px;max-width: 100%;width: 98%;}/*--------chandd---*/
    .createPswdMain .emailID_CP{margin-left:0;width: 100%;max-width: 100%;}/*24/10/2017*/
    .createPswdMain .normal-button{margin-left:0;margin-right:0;height:45px;text-align: center;display: inline-block;}
    .createPswdMain .forgotpswdButtons{width: 100%;}
    .createPswdMain .createpwdWrapper .w_0px{width:0px;}
    .createPswdMain .ml_0px{margin-left: 0;}
    .createPswdMain .usrName{margin: 0 0 20px 0;display: inline-block;}
}
/*  Responsive Create Password CSS end */

.alert_app_download{width:calc(100% - 26px); padding:10px 32px 32px 32px; background-color:#fff2f2; color:#333; overflow:hidden; padding:10px;margin: 5px auto;}
.app_download_msg_atn{font-size: 16px;font-weight: bold;margin: 0 0px 6px 0;display: inline-block;}
.app_download_msg_one{font-size: 14px;margin: 0 0 12px 0;display: inline-block;}
.app_download_msg_two{display: inline-block;margin: 0 0 6px 0;}

/*opensips ui Login page */
  body {
            background-color: var(--mdb-page-bg) !important;
            /* font-family: 'Helvetica', 'sans-serif' !important; */
            /* --mdb-font-roboto: 'Helvetica', 'sans-serif' !important; */
            font-size: 0.875rem !important;
            overflow-x: hidden;
            color: #333 !important;
            --mdb-font-size: 12px !important;
            scroll-behavior: smooth !important;

            scroll-behavior: smooth !important;
        }


        .longPage {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100vh;
        }

        .logo {
            height: 60px;
            display: inline-flex;
            width: 285px;
            margin-right: 0px;
            background-image: url("../Logo_StreamsAdminBlack.png");
            background-repeat: no-repeat;
            background-size: cover;
        }

        .box-shadow {
            --mdb-shadow-color: #999 !important;
            box-shadow: 0 5px 15px var(--mdb-shadow-color);
        }

        .w-40 {
            width: 40% !important;
        }

        .loginCard {
            width: 550px !important;
            border-radius: 10px;
        }

        .btn {
            padding: 7px 10px !important;
            font-weight: 400 !important;
            letter-spacing: 0.4px;
            min-width: 40px;
            line-height: 24px !important;
            text-transform: capitalize !important;
            font-size: 0.875rem !important;
            white-space: nowrap;
            max-width: -moz-fit-content;
            max-width: fit-content;
        }

        .pricuvyTxt {
            position: absolute;
            bottom: 0px;
            left: 25px;
        }

        .text-left {
            text-align: left !important;
        }

        #password-content h5 {
            font-size: 1rem !important;
            line-height: inherit;
        }

        .btn-primary {
            --mdb-btn-bg: #2389d0 !important;
            --mdb-btn-color: #fff !important;
            --mdb-btn-box-shadow: 0 4px 9px -4px #3b71ca !important;
            --mdb-btn-hover-bg: #386bc0 !important;
            --mdb-btn-hover-color: #fff !important;
            --mdb-btn-focus-bg: #386bc0 !important;
            --mdb-btn-focus-color: #fff !important;
            --mdb-btn-active-bg: #3566b6 !important;
            --mdb-btn-active-color: #fff !important;
        }

        input[type="text"],
        input[type="number"],
        input[type="password"],
        input[type="email"],
        select,
        textarea,
        textarea:focus,
        input[type="text"]:focus,
        input[type="number"]:focus,
        input[type="password"]:focus,
        input[type="email"]:focus,
        select,
        .select-input,
        select.selectname,
        .form-select,
        .form-control:focus,
        .form-control {
            font-size: 0.875rem !important;
        }
        
                /* Input focus, valid, and autofill states */
        input:focus ~ .label,
        input:valid ~ .label,
        input:-webkit-autofill ~ .label {
            top: -20px !important;
            font-size: 14px !important;
            color: #fb9f18 !important;
        }

        /* Form control focus and active states */
        .form-outline .form-control:focus ~ .form-label,
        .form-outline .form-control.active ~ .form-label,
        .form-outline .form-control:-webkit-autofill ~ .form-label {
            transform: translateY(-1rem) translateY(0.1rem) scale(0.8) !important;
            background: #FFFFFF;
            z-index: 9;
        }
        
          .toggle-password {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer; 
        }

