/*----------------------------
         Add CSS file
----------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/*----------------------------
   element      
----------------------------*/
:root {
    --purple:#6F51BD;
    --sky:#426FB5;
    --green:#A0C825;
    --orange:#F19A3A;
    --Lighter:#959FA6;
    --gray:#66757F;
    --black:#404040;
    --red:#FF2222;
    --lightgray:#8F93A0;
    --white:#ffffff;
    --body:#fafafa;
}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html { text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;}
*{margin:0; padding:0}
a{ text-decoration:none;}
a:hover{ text-decoration:none !important;}
header, nav, section, article, aside, footer { display:block;}
html {font-size: 100%;}
body {font-size: 14px; background:var(--body, #fafafa);font-family: "Roboto", serif;line-height: 26px;color:var(--gray, #4F5168);-webkit-font-smoothing: antialiased;font-weight: normal;}
h1, h2, h3, h4, h5, h6 {padding: 5px 0 15px 0;font-weight: normal;-webkit-font-smoothing: antialiased;}
:-ms-input-placeholder{color: var(--gray, #4F5168);}

/*----------------------------
   auth      
----------------------------*/
.auth-height{height: 100vh;}
.rmt-1{margin-top: 1rem;}
.rmt-2{margin-top: 2rem;}
.rmt-3{margin-top: 3rem;}
.rmt-4{margin-top: 4rem;}
.rmt-5{margin-top: 5rem;}

.auth-content-card{width: 100%}

#background-objects {width: 100vw; height: 100vh; object-fit: cover; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; }
.auth-bg-objects:before {content: ''; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background:rgb(111 81 189 / 51%) }


.auth-section {display: flex; align-items: center; height: 100vh; position: relative;} 
.auth-section .container {max-width: 65%; }
.auth-content {padding: 4rem 2rem; position: relative; text-align: center; border-radius: 15px 0 0 15px; } 
.auth-content-info  h2 {font-size: 24px; font-weight: 600; color: var(--green); margin: 0; padding: 0; }
.auth-content-info  p {font-size:14px; font-weight: 300; color: var(--Lighter); margin: 0; padding: 0; }



.auth-content-info {position: relative; z-index: 1; }
.auth-card {position: relative; background: #fff; box-shadow: 0px 4px 70px 10px rgba(0, 0, 0, 0.08); border-radius: 5px; }

.brand-logo {text-align: center; display: flex ; align-items: center; justify-content: center; margin: 0 auto 0rem auto; background: var(--purple); padding: 1rem; }
.auth-form-info{margin: 0px; padding: 0px; display: flex; align-items: center; flex-wrap: wrap; background:var(--white); } 
.auth-form {padding: 30px; width: 100%; min-height: 450px; max-width: 580px;    text-align: center;}
.auth-form  h2 {font-size: 24px; font-weight: 600; color:var(--gray); margin: 0; padding: 0; }
.auth-form  p {font-size:14px; font-weight: 300; color: var(--Lighter); margin: 0; padding: 0; }
.auth-illustration {
    margin-top: 0px;
    width: 100%;
    height: 100%;
    position: relative;
}

.auth-illustration img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



a.auth-link{font-size: 0.875rem; margin: 0; color: #ffcc00; font-weight: normal; }

.auth-form .form-group {margin-bottom: 10px; }
.auth-form .form-group label {color: #fff; font-size: 14px; font-weight: 600; }
.auth-form input.form-control {background:var(--white);border-radius: 5px;font-size: 13px;border: 1px solid #e1e1e1;font-weight: 400;height: auto;padding: 0.94rem 0.94rem;outline: 0;width: 100%;display: inline-block;color:var(--gray);box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.05);}
.auth-form select.form-control {background:var(--white); appearance: auto; border-radius: 5px;font-size: 13px;border: 1px solid #e1e1e1;font-weight: 400;height: auto;padding: 0.94rem 0.94rem;outline: 0;width: 100%;display: inline-block;color:var(--gray);box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.05);}
.auth-form input.form-control:focus {border: 1px solid var(--purple); }
 button.auth-form-btn {outline: none;width: 100%;padding: 12px 40px;display: inline-block;color: #fff;font-size: 14px;font-weight: 600;border-radius: 5px;border: none;background: var(--purple);box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.05);}
.note-msg-info {background: #fbfbfb; display: inline-block; font-size: 12px; border-radius: 10px; line-height: 20px; color: #455A64; position: relative; padding: 8px 8px 8px 45px; }
.note-msg-info i {position: absolute; left: 8px; font-size: 30px; top: 14px; }
.forgotpsw-text a {font-size: 14px; color: var(--green, #7BC043); }
.forgotpsw-text {font-size: 14px; color: var(--black); }


.upload-file-item {padding: 10px; background: var(--body); position: relative; border-radius: 10px; border: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; }

.upload-file-media video{width: 200px; height: 100px;}
a.delete-btn {background: #fff; width: 40px; height: 40px; display: inline-block; text-align: center; line-height: 40px; border-radius: 50px; }


.auth-form-list {display: flex ; gap: 10px; flex-wrap: wrap; }



.authradio input[type="radio"]+label{background: #EDF3F8;border-radius: 6px;padding: 10px 15px 10px 15px;display:inline-block;position:relative;color:#0F265B;cursor: pointer; font-style: normal; font-weight: 400; font-size: 16px; }
.authradio input[type="radio"]{position:absolute;opacity:0;z-index:1}
.authradio input[type="radio"]+label{}
.authradio input[type="radio"]:checked+label:before{display:block}
.authradio input[type="radio"]+label:after {content: ' ';width: 100%;position: absolute;top: 0;left: 0;height: 100%;border: 1px solid transparent;}
.authradio input[type="radio"]+label:before{content:' ';border-radius: 6px;width: 100%;position:absolute;top:0;left:0;z-index: 1;height: 100%;display:none;/* border: 1px solid #024c8f; */display:none;background: var(--purple);box-shadow: 0px 4px 20px rgba(89, 89, 89, 0.2);}
.authradio input[type="radio"]:checked+label .radio-text {font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; color:var(--white);position: relative;z-index: 2; }



.select2-container--default .select2-selection--single {background: var(--white); border-radius: 5px; font-size: 13px; border: 1px solid #e1e1e1 !important; font-weight: 400; height: 50px !important; outline: 0; width: 100%; color: var(--gray); box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.05); }
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #444; line-height: 50px !important; text-align: left; }
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 50px !important; width: 30px !important; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: var(--purple) !important; color: white; }