@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=Ubuntu:wght@500;700&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:'Open Sans', sans-serif}body{background-color:#BED3CB}.header .logo img{margin-top:47px}.header .title{margin-top:38px}.wrapper-form{margin-top:50px}.wrapper-form form{background-color:white;width:560px;border-radius:8px;padding:36px 97px;position:relative}@media (max-width: 767px){.wrapper-form form{width:778px;padding:36px 20px}}.wrapper-form form .profile-user .profile img{width:56px;height:56px}.wrapper-form form .profile-user h2{font-family:"Ubuntu",sans-serif;font-weight:700;margin-top:52px;line-height:40px}.wrapper-form form .input-group{margin-top:22px}.wrapper-form form .input-group label{color:#4b4f54}.wrapper-form form .input-group .box-input{width:100%;outline:1px solid #4b4f54;padding:11px 20px;position:relative;margin-top:10px}.wrapper-form form .input-group .box-input input{width:100%;border:none;outline:none;background:none}.wrapper-form form .input-group .box-input .correct,.wrapper-form form .input-group .box-input .worning-input{position:absolute;right:20px;color:#3A913F;font-size:17px;top:15px;display:none}.wrapper-form form .input-group .box-input .worning-input{color:#E1003C}.wrapper-form form .input-group .box-input .empty{position:absolute;right:50px;top:15px;font-size:18px;cursor:pointer;z-index:1000;display:none}.wrapper-form form .input-group .focus{outline:2px solid #3A913F}.wrapper-form form .input-group .input-error{outline:2px solid #E1003C}.wrapper-form form .error{margin-top:7px;color:#E1003C;font-size:14px;display:block}.wrapper-form form .alert-1{width:100%;background-color:#E5F5FD;padding:12px 15px;margin-top:26px;box-shadow:#0808091f 0 1px 3px, #0808093d 0 1px 2px;display:none}.wrapper-form form .alert-1 i{font-size:25px;color:#0076BE}.wrapper-form form .alert-1 p{font-size:14px;margin-bottom:0;margin-left:7px}.wrapper-form form .Remember{margin-top:16px}.wrapper-form form .Remember input[type="checkbox"]{appearance:none;width:24px;height:24px;border:1px solid #080809;cursor:pointer;display:flex;justify-content:center;align-items:center;margin:0}.wrapper-form form .Remember input[type="checkbox"]::after{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f00c";color:black;display:none;font-size:13px}.wrapper-form form .Remember input[type="checkbox"]:checked{background-color:#3A913F;border:none}.wrapper-form form .Remember input[type="checkbox"]:checked::after{display:block;color:white}.wrapper-form form .Remember label{margin-bottom:0;display:inline;margin-left:8px;color:4b4f54;font-size:14px;color:#4b4f54}.wrapper-form form .btn-form{margin-top:40px;width:100%;background-color:#3A913F;outline:none;border:none;padding:10px 0;font-weight:700;color:white;font-size:18px}.wrapper-form form .btn-form.disabled{background-color:#B1B5B9;color:#fff;cursor:not-allowed}.wrapper-form form .forgot{margin-top:20px;font-size:14px}.wrapper-form form .forgot a{color:#3A913F}.wrapper-form form .alert-2{width:100%;background-color:#E5F5FD;padding:12px 15px;margin-top:38px;box-shadow:#0808091f 0 1px 3px, #0808093d 0 1px 2px}.wrapper-form form .alert-2 .s1{color:black;font-weight:700;font-size:16px;width:90%;padding-bottom:3px}.wrapper-form form .alert-2 .s1 a{color:black}.wrapper-form form .alert-2 p{font-size:14px;margin-bottom:0}.wrapper-form form .alert-2 .s2{color:black;font-weight:700;font-size:14px;width:90%}.wrapper-form form .alert-2 .s2 a{color:black}.links{margin-top:30px}@media (max-width: 1199px){.links{padding-left:40px}}@media (max-width: 767px){.links{padding-left:20px}}.links ul{gap:17px;padding:0}@media (max-width: 767px){.links ul{flex-direction:column !important;align-items:start !important;width:100%}}.links ul li{list-style:none;position:relative}.links ul li a{font-weight:400;color:#292C2E;font-size:14px}.links ul li:not(:first-child)::before{content:"";width:6px;height:6px;border-radius:50%;background-color:#3A913F;position:absolute;left:-13px;top:9px}@media (max-width: 767px){.links ul li:not(:first-child)::before{display:none}}.social-media{margin-top:18px}.social-media ul{gap:47px;padding:0}.social-media ul li{list-style:none}.social-media ul li span{width:34px;height:34px;background-color:#292C2E;color:white;border-radius:50%;font-size:20px}.pg-2{margin-top:50px}.pg-2 form{position:relative}.pg-2 form .router{top:2px;left:10px}.pg-2 form .router i{font-size:30px;font-weight:300;color:#3a913f}.pg-2 form .router a{text-decoration:none;font-weight:700;font-size:15px;color:#3a913f}.pg-2 form .router a:hover{text-decoration:underline}.pg-2 form .profile-user .profile img{width:56px;height:56px}.pg-2 form .profile-user .profile p{margin-top:15px}.pg-2 form .profile-user h2{font-family:"Ubuntu",sans-serif;font-weight:700;margin-top:19px;line-height:40px}.pg-2 form .input-group{margin-top:22px}.pg-2 form .input-group label{color:#4b4f54}.pg-2 form .input-group .box-input{width:100%;border:1px solid #4b4f54;padding:11px 20px;position:relative;margin-top:10px}.pg-2 form .input-group .box-input input{width:100%;border:none;outline:none;background:none}.pg-2 form .input-group .box-input .correct{position:absolute;right:20px;color:#3A913F;font-size:17px;top:15px}.pg-2 form .input-group .box-input .empty{position:absolute;right:20px;top:15px;font-size:18px;cursor:pointer;z-index:1000}.pg-2 form .input-group .focus{border:2px solid #3A913F}.pg-2 form .input-group .input-error{border:2px solid #E1003C}.pg-2 form .error{margin-top:37px !important;color:#E1003C;font-size:14px;display:block}.pg-2 form .forgot{margin:40px 0}main{width:100%;height:auto}main .container-box{width:75%;margin:auto}@media (max-width: 991px){main .container-box{width:80%;margin:auto}}@media (max-width: 767px){main .container-box{width:95%;margin:auto}}.container-box header{box-shadow:0 10px 10px -10px #999;padding:0 20px 0}@media (max-width: 991px){.container-box .nav-top .icon{display:flex !important;color:#3A913F;font-size:20px}}@media (max-width: 991px){.container-box .logo img{width:102px !important;height:41px !important}}@media (max-width: 991px){.container-box .nav-top .login-icon{display:flex !important}}@media (max-width: 991px){.container-box .nav-top .login-btns{display:none !important}}.container-box .nav-top .login-btns a{text-decoration:none;font-weight:600;font-size:12px;line-height:18px;padding-top:10px;padding-bottom:10px;font-family:sans-serif}.container-box .nav-top .login-btns a:nth-child(1){color:black;padding-left:40px;padding-right:30px;background-color:#e9e9e9;position:relative;border-top-left-radius:5px;border-bottom-left-radius:5px;font-weight:600}.container-box .nav-top .login-btns a:nth-child(1)::before{content:">";position:absolute;width:25px;height:25px;top:20px;left:25px}.container-box .nav-top .login-btns a:nth-child(2){background-color:#3A913F;color:white;padding-left:60px;padding-right:50px;box-shadow:inset 0px 3px 10px #2b6d2f;position:relative;border-top-right-radius:5px;border-bottom-right-radius:5px}.container-box .nav-top .login-btns a:nth-child(2)::before{content:"";background-image:url(../imgs/homeSprite.png);position:absolute;width:25px;height:28px;background-position:-108px 0px;top:17px;left:25px}.container-box .alert-page p{font-size:18px;color:#080809;font-family:sans-serif;margin:0}@media (max-width: 991px){.container-box .alert-page p{font-size:14px}}@media (max-width: 767px){.pg-3{flex-direction:column;width:100% !important}}@media (max-width: 767px){.pg-3 .col-md-11{width:100% !important}}.pg-3 .wrapper-form{position:relative}.pg-3 .wrapper-form .title-wrapper{width:630px}@media (max-width: 767px){.pg-3 .wrapper-form .title-wrapper{width:100% !important}}.pg-3 .wrapper-form .title-wrapper h3{font-size:28px;color:#3A913F;font-weight:700;font-family:sans-serif}.pg-3 .wrapper-form .title-wrapper p{color:#4A4A4A;font-size:18px;font-weight:500;line-height:25px;font-family:sans-serif}.pg-3 .wrapper-form form{background-color:#F5F9F6;width:630px;padding:36px 47px !important;border-radius:1px}@media (max-width: 575px){.pg-3 .wrapper-form form{padding:36px 27px !important}}@media (max-width: 767px){.pg-3 .wrapper-form form{width:100% !important}}.pg-3 .wrapper-form form .title-form h3{font-size:22px;color:#3A913F;font-weight:700;font-family:sans-serif;margin:0}.pg-3 .wrapper-form form .title-form p{color:#4A4A4A;font-size:15px;font-weight:500;font-family:sans-serif;margin-top:15px}.pg-3 .wrapper-form form .input-group .box-input{padding:0;margin-top:7px;overflow:hidden}.pg-3 .wrapper-form form .input-group .box-input input,.pg-3 .wrapper-form form .input-group .box-input select{overflow:hidden;width:100%;padding:8px 5px;background-color:white;font-size:14px;font-weight:500;box-shadow:inset 0 1px 3px #00000021}.pg-3 .wrapper-form form .input-group .box-input .correct{top:11px;font-size:14px !important;right:10px}.pg-3 .wrapper-form form .input-group label{font-size:15px}.pg-3 .wrapper-form form .wrapper-date{width:50%}@media (max-width: 767px){.pg-3 .wrapper-form form .wrapper-date{width:50%}}@media (max-width: 575px){.pg-3 .wrapper-form form .wrapper-date{width:60%}}.pg-3 .wrapper-form form .error{font-size:12px;margin-top:20px}.pg-3 .wrapper-form form .btns-form{gap:15px}@media (max-width: 767px){.pg-3 .wrapper-form form .btns-form{flex-direction:column}}@media (max-width: 767px){.pg-3 .wrapper-form form .btns-form button{width:100%}.pg-3 .wrapper-form form .btns-form button:nth-child(1){order:2}.pg-3 .wrapper-form form .btns-form button:nth-child(2){order:1}}.pg-3 .wrapper-form form .btns-form button{background-color:white;border:2px solid #000000;color:#000000;font-size:15px;padding:8px 20px;border-radius:5px;font-family:sans-serif;font-weight:700}.pg-3 .wrapper-form form .btns-form button:nth-child(2){background-color:#3A913F;border:none;color:white;font-size:15px;padding:8px 20px;border-radius:5px;font-family:sans-serif;font-weight:700}.navbar{width:76%;height:50px;background-color:white;box-shadow:0 -10px 10px -10px #999;position:fixed;bottom:0;padding-top:13px}.navbar .list1{list-style:none}.navbar .list1 li{width:25px;height:25px;background-color:#000000;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative}.navbar .list1 li:not(:first-child){margin-left:50px}.navbar .list1 li:nth-child(1)::after{content:"";position:absolute;width:20px;height:20px;background-image:url(../imgs/homeSprite.png);background-position:-630px -2px}.navbar .list1 li:nth-child(2)::after{content:"";position:absolute;width:20px;height:20px;background-image:url(../imgs/homeSprite.png);background-position:-525px -2px}.navbar .list1 li:nth-child(3)::after{content:"";position:absolute;width:20px;height:20px;background-image:url(../imgs/homeSprite.png);background-position:-455px -2px}.navbar .list2{list-style:none}.navbar .list2 li{display:flex;margin-right:90px;align-items:center;gap:5px}.navbar .list2 li span:nth-child(1){width:25px;height:25px;border-radius:50%;background-color:#327d36ed;display:flex}.navbar .list2 li p{margin:0}.navbar .list2 li:nth-child(1) span{background-image:url(../imgs/homeSprite.png);background-position:-592px 0px}.navbar .list2 li:nth-child(2) span{background-image:url(../imgs/homeSprite.png);background-position:-697px 0px}.navbar .list2 li:nth-child(3) span{background-image:url(../imgs/homeSprite.png);background-position:-488px 0px}@media (max-width: 1285px){.navbar{width:96%;left:0}.navbar .list2{list-style:none}.navbar .list2 li{display:flex;margin-right:50px}}@media (max-width: 895px){.navbar{width:96%;left:0}.navbar .list2{list-style:none}.navbar .list2 li{display:flex;margin-right:10px}}@media (max-width: 768px){.navbar{display:none}}.pg-3 footer .wrapper-footer{width:100%;margin-top:20px;padding:10px;border-top:1px solid #eee;padding-left:0}@media (max-width: 767px){.pg-3 footer .wrapper-footer{flex-direction:column !important}}.pg-3 footer .wrapper-footer ul{list-style:none}.pg-3 footer .wrapper-footer ul span{color:#3A913F;font-size:12px;font-weight:600;font-family:sans-serif}.pg-3 footer .wrapper-footer ul li a{text-decoration:none;font-size:12px;color:#4A4A4A}.pg-3 footer .wrapper-footer ul:not(:nth-child(1)){margin-left:120px}@media (max-width: 991px){.pg-3 footer .wrapper-footer ul:not(:nth-child(1)){margin-left:30px}}@media (max-width: 767px){.pg-3 footer .wrapper-footer ul:not(:nth-child(1)){margin-left:0px}}.pg-3 footer .links-footer{padding-bottom:50px}@media (max-width: 767px){.pg-3 footer .links-footer{flex-direction:column !important}}.pg-3 footer .links-footer ul{list-style:none;font-size:12px;gap:7px 20px;font-weight:700;font-family:sans-serif}@media (max-width: 767px){.pg-3 footer .links-footer ul{flex-direction:column}}.pg-3 footer .links-footer ul li{position:relative}.pg-3 footer .links-footer ul li:not(:nth-child(4))::after{content:"";position:absolute;width:2px;height:15px;background-color:#3d3d3d;right:-10px;top:2px}@media (max-width: 767px){.pg-3 footer .links-footer ul li:not(:nth-child(4))::after{display:none}}.pg-3 .tape{background-color:#474747}@media (max-width: 767px){.pg-3 .tape{display:none}}@media (max-width: 855px){.pg-3 .tape{display:none}}.loader{text-align:center;padding:75px 0}.loader .spinner-border{width:55px;height:55px;border-width:8px}.loader p{margin-bottom:0;color:#999;font-size:13px;margin-top:10px}.suc{text-align:center;margin-bottom:75px}.suc img{max-width:135px}.suc h3{font-weight:700;font-size:18px}.suc p{font-size:14px;margin-bottom:0}.infos{display:flex;box-shadow:0 0 10px #ddd;border:1px solid #ddd;border-radius:10px;padding:20px;max-width:700px;margin-top:20px;margin-bottom:30px}.infos .sym svg{color:#17479E;font-size:20px}.infos .con{margin-left:20px}.infos .con p{font-size:15px !important}.lbl{background:#ddd;border:1px solid #ddd;padding:10px;border-radius:5px;cursor:pointer;min-width:180px;text-align:center;font-size:14px !important}.lbl i{margin-right:5px !important}.lbl.success{background:#2ecc71;color:#FFF}.lbl.has-error{background:#e74c3c;color:#FFF}.keypad{width:336px;height:160px;margin:0 auto;position:relative}.keypad .keys span{position:absolute;left:10px;top:16px;height:47px;width:47px;border-radius:100%;cursor:pointer}.keypad .keys span[data-val="2"]{left:10px}.keypad .keys span[data-val="9"]{left:76px}.keypad .keys span[data-val="0"]{left:144px}.keypad .keys span[data-val="8"]{left:212px}.keypad .keys span[data-val="4"]{left:279px}.keypad .keys span[data-val="6"]{left:10px;top:96px}.keypad .keys span[data-val="3"]{left:76px;top:96px}.keypad .keys span[data-val="5"]{left:144px;top:96px}.keypad .keys span[data-val="7"]{left:212px;top:96px}.keypad .keys span[data-val="1"]{left:279px;top:96px}.tttt{display:flex;align-items:center}.tttt label{width:50%}.tttt div{width:100%}.inputs{display:flex;justify-content:space-between;outline:none !important}.inputs input{width:22% !important;text-align:center;border:1px solid #4b4f54 !important;border-radius:5px}