.form-field-up-2 .form-group label.control-label{color:#000;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;font-size:16px;padding-left:18px}@-webkit-keyframes autofill-blue-white{to{color:#3850c4;background:#fff}}.register-page{background-color:#3850c4;padding:80px 0;position:relative}@media(max-width: 575px){.register-page{padding:40px 0 0}}.register-page .page-corner{position:absolute;max-width:40%;top:0}.register-page .page-corner-left{left:0}.register-page .page-corner-right{right:0}.register-page .page-container{position:relative;z-index:1}@media(max-width: 575px){.register-page .page-container{padding:0}}.register-page .section-form{background-color:#fff;border-radius:10px;padding:60px 0}.register-page .section-form>div{max-width:740px;margin:auto;padding:0 30px}.register-page .section-form h2{font-size:20px}form.form-field-up .fields-group{border-bottom:1px solid #3850c4;margin-bottom:80px}form.form-field-up .fields-group:last-child{border:none}form.form-field-up .fields .field{position:relative;margin-bottom:20px;padding-top:40px}@media(max-width: 767px){form.form-field-up .fields .field{padding-top:20px}}@media(min-width: 992px){form.form-field-up .fields .field-textarea{-ms-flex:0 0 66.66%;flex:0 0 66.66%;max-width:66.66%}}@media(min-width: 576px){form.form-field-up .fields .field ::-webkit-input-placeholder{font-size:0}}form.form-field-up .fields .field input.form-control,form.form-field-up .fields .field textarea.form-control{border:1px solid #e6e6ea;background-color:rgba(0,0,0,0);color:#575757;border-radius:10px;padding-left:50px}@media(max-width: 767px){form.form-field-up .fields .field input.form-control,form.form-field-up .fields .field textarea.form-control{padding-left:30px}}form.form-field-up .fields .field input.form-control:focus,form.form-field-up .fields .field input.form-control:not(:placeholder-shown),form.form-field-up .fields .field textarea.form-control:focus,form.form-field-up .fields .field textarea.form-control:not(:placeholder-shown){border-color:rgba(56,80,196,.6)}form.form-field-up .fields .field input.form-control:focus+label.control-label,form.form-field-up .fields .field input.form-control:focus+label+label.control-label,form.form-field-up .fields .field input.form-control:not(:placeholder-shown)+label.control-label,form.form-field-up .fields .field input.form-control:not(:placeholder-shown)+label+label.control-label,form.form-field-up .fields .field textarea.form-control:focus+label.control-label,form.form-field-up .fields .field textarea.form-control:focus+label+label.control-label,form.form-field-up .fields .field textarea.form-control:not(:placeholder-shown)+label.control-label,form.form-field-up .fields .field textarea.form-control:not(:placeholder-shown)+label+label.control-label{top:0;color:#3850c4}@media(max-width: 767px){form.form-field-up .fields .field input.form-control:focus+label.control-label,form.form-field-up .fields .field input.form-control:focus+label+label.control-label,form.form-field-up .fields .field input.form-control:not(:placeholder-shown)+label.control-label,form.form-field-up .fields .field input.form-control:not(:placeholder-shown)+label+label.control-label,form.form-field-up .fields .field textarea.form-control:focus+label.control-label,form.form-field-up .fields .field textarea.form-control:focus+label+label.control-label,form.form-field-up .fields .field textarea.form-control:not(:placeholder-shown)+label.control-label,form.form-field-up .fields .field textarea.form-control:not(:placeholder-shown)+label+label.control-label{top:-10px}}form.form-field-up .fields .field input.form-control:-webkit-autofill,form.form-field-up .fields .field textarea.form-control:-webkit-autofill{-webkit-animation-name:autofill-blue-white;-webkit-animation-fill-mode:both}form.form-field-up .fields .field input.form-control,form.form-field-up .fields .field .cs-placeholder,form.form-field-up .fields .field textarea.form-control{height:80px;font-size:18px}@media(max-width: 767px){form.form-field-up .fields .field input.form-control,form.form-field-up .fields .field .cs-placeholder,form.form-field-up .fields .field textarea.form-control{height:60px}}form.form-field-up .fields .field textarea.form-control{padding-top:10px}form.form-field-up .fields .field label.control-label{color:rgba(87,87,87,.4);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;font-size:18px;padding-left:50px}form.form-field-up .fields .field label.control-label{position:absolute;top:65px}@media(max-width: 767px){form.form-field-up .fields .field label.control-label{font-size:15px;top:38px;padding-left:30px}}@media(max-width: 575px){form.form-field-up .fields .field label.control-label{display:none}}form.form-field-up .fields .field.field-checkbox input[type=checkbox]{position:absolute;opacity:1;visibility:hidden;left:0;width:0}form.form-field-up .fields .field.field-checkbox input[type=checkbox]:checked+.control-check{color:#3850c4}form.form-field-up .fields .field.field-checkbox input[type=checkbox]:checked+.control-check:after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}form.form-field-up .fields .field.field-checkbox .control-check{color:#575757;font-size:18px;padding-left:40px;position:relative;cursor:pointer}@media(max-width: 767px){form.form-field-up .fields .field.field-checkbox .control-check{font-size:16px}}form.form-field-up .fields .field.field-checkbox .control-check:hover{color:#3850c4}form.form-field-up .fields .field.field-checkbox .control-check:before,form.form-field-up .fields .field.field-checkbox .control-check:after{position:absolute;content:""}form.form-field-up .fields .field.field-checkbox .control-check:before{width:29px;height:29px;border:1px solid #3850c4;top:0;left:0}form.form-field-up .fields .field.field-checkbox .control-check:after{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;width:19px;height:19px;background-color:#3850c4;top:5px;left:5px;opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}form.form-field-up .fields .field.field-checkbox .info{padding-left:40px}form.form-field-up .fields .field div.cs-select{border:none;border-bottom:1px solid rgba(151,151,151,.3);background-color:rgba(0,0,0,0);padding:0}form.form-field-up .fields .field div.cs-select .cs-placeholder{padding:0;opacity:0;color:#3850c4;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center}form.form-field-up .fields .field div.cs-select .cs-placeholder:after{color:#c6a885}form.form-field-up .fields .field div.cs-select .cs-options{max-height:200px;overflow:auto}form.form-field-up .fields .field div.cs-select .cs-options li{font-size:12px}form.form-field-up .fields .field div.cs-select .cs-options li:first-child{display:none}form.form-field-up .fields .field div.cs-select .cs-options li.cs-selected span,form.form-field-up .fields .field div.cs-select .cs-options li:hover span{background-color:#3850c4;color:#fff}form.form-field-up .fields .field div.cs-select .cs-options li span{padding:.5em 1em}form.form-field-up .fields .field div.cs-select select{display:inline-block;position:absolute;opacity:0;visibility:hidden;width:1px;height:1px}form.form-field-up .fields .field.field-select-active label.control-label{top:0;color:#3850c4}@media(max-width: 767px){form.form-field-up .fields .field.field-select-active label.control-label{top:-10px}}form.form-field-up .fields .field.field-select-active div.cs-select{border-color:#3850c4}form.form-field-up .fields .field.field-select-active div.cs-select .cs-placeholder{opacity:1}form.form-field-up .fields .field.field-other{display:none}@media(min-width: 576px){form.form-field-up .fields .field :-moz-placeholder{font-size:0}}@media(min-width: 576px){form.form-field-up .fields .field ::-moz-placeholder{font-size:0}}@media(min-width: 576px){form.form-field-up .fields .field :-ms-input-placeholder{font-size:0}}form.form-field-up label.error{font-family:"Thonburi",Helvetica,Arial,sans-serif;font-size:12px;color:red;position:absolute}@media(max-width: 767px){form.form-field-up .fields .field{margin-bottom:30px}form.form-field-up .fields .field label.control-label{padding:0;top:-10px;color:#3850c4}form.form-field-up .fields .field ::-webkit-input-placeholder{font-size:0}form.form-field-up .fields .field :-moz-placeholder{font-size:0}form.form-field-up .fields .field ::-moz-placeholder{font-size:0}form.form-field-up .fields .field :-ms-input-placeholder{font-size:0}}@media(max-width: 575px){form.form-field-up .fields .field label.control-label{display:block}}.login-banner{position:absolute;bottom:0;left:0;max-width:33.33%}.login-banner>div{border-top-right-radius:500px;border-bottom-right-radius:500px}.login-banner img{border-top-right-radius:500px;border-bottom-right-radius:500px;border:10px solid #e6d8c8;border-left:none}.title--line,.legend{margin-bottom:50px;text-transform:uppercase;font-size:15px;letter-spacing:3px;color:#000;position:relative}@media(max-width: 767px){.title--line,.legend{margin-bottom:20px;border-bottom:1px solid rgba(151,151,151,.3);padding-bottom:20px}}@media(min-width: 768px){.title--line>span,.legend>span{background-color:#f7f7f7;display:inline-block;padding-right:30px}}.title--line:after,.legend:after{width:calc(100% - 300px);height:1px;background-color:rgba(151,151,151,.3);position:absolute;right:0;content:"";top:13px}@media(max-width: 767px){.title--line:after,.legend:after{display:none}}.legend span{background-color:rgba(0,0,0,0)}.legend:after{display:none}h4.col__title{font-family:"ThonburiBold",Helvetica,Arial,sans-serif;font-size:12px;color:#4a4a4a;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px}.top__row{margin-bottom:60px}.order-history-list{margin-bottom:70px}@media(max-width: 575px){.order-history-list table.table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}}.order-history-list table thead{background-color:rgba(216,216,216,.2)}.order-history-list table thead th{font-family:"ThonburiBold",Helvetica,Arial,sans-serif;font-size:12px;color:#4a4a4a;letter-spacing:2px;font-weight:normal;text-transform:uppercase}.order-history-list table tbody td{font-size:14px;color:#777;padding:20px .75rem}.order-history-list table tbody td a{font-family:"ibm-plex-thai",sans-serif;font-style:normal;font-weight:700;font-size:12px;color:#3850c4;letter-spacing:2px;text-transform:uppercase;text-decoration:underline}.order-history-list table tbody td a:hover{color:#3850c4}.order-history-list table tbody td.status{font-family:"Thonburi",Helvetica,Arial,sans-serif;font-style:italic}.account-information{font-size:14px;padding-bottom:100px}@media(max-width: 767px){.account-information{padding-bottom:40px}}.account-information .information__row{margin-bottom:70px}.account-information .address__row .col__data{max-width:240px;margin-top:50px}.account-information .col__data ul{list-style:none;padding:0;margin:0}.account-information .col__data ul li{margin-bottom:10px}.account-information .col__data ul li .title{min-width:50px;display:inline-block}.account-information .col__data ul li .data{display:inline-block;margin-left:8px}.account-information .link{margin-top:20px}.account-information .link a{text-transform:uppercase;color:#3850c4;font-size:12px;letter-spacing:2px;font-family:"ThonburiBold",Helvetica,Arial,sans-serif;text-decoration:underline}.account-information .link a:hover{color:#3850c4}@-webkit-keyframes autofill-white{to{color:#3850c4;background:#fff}}.account-edit-profile{padding-bottom:100px}.account-edit-profile fieldset{padding:50px}.account-edit-profile fieldset.fieldset-password{background-color:#fff}.account-edit-profile fieldset.fieldset-password .fields .field input:-webkit-autofill,.account-edit-profile fieldset.fieldset-password .fields .field textarea:-webkit-autofill{-webkit-animation-name:autofill-white;-webkit-animation-fill-mode:both}.account-edit-profile fieldset.fieldset-address{padding-top:100px}.account-edit-profile .fields{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.account-edit-profile .fields>.field{-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%;padding-right:30px}#ccm-dashboard-content .ccm-dashboard-hide{display:none !important}#ccm-dashboard-content .account-edit-profile .field-select label{display:none}#ccm-dashboard-content article .alert{display:none}@media(min-width: 1200px){.account-dashboard-page{border-top:1px solid #e6e6ea;position:relative;margin-top:50px}.account-dashboard-page:before{width:300px;height:250px;background-color:#3850c4;position:absolute;content:"";left:0;top:0;border-radius:0 100px 0 0;margin-top:-56px}}.account-dashboard-page .col-side>div{padding-top:200px;padding-bottom:80px}@media(max-width: 1199px){.account-dashboard-page .col-side>div{padding-top:80px}}@media(max-width: 767px){.account-dashboard-page .col-side>div{padding:40px 0 0}}.account-dashboard-page .col-side .dots{-webkit-transform:translate(-50%, -20%);-moz-transform:translate(-50%, -20%);-o-transform:translate(-50%, -20%);-ms-transform:translate(-50%, -20%);transform:translate(-50%, -20%)}.account-dashboard-page .col-side .title{border-bottom:1px solid #3850c4;padding-bottom:10px;margin-bottom:30px}@media(min-width: 992px){.account-dashboard-page .col-side .title{max-width:215px}}@media(max-width: 991px){.account-dashboard-page .col-side .title.xs-title{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-webkit-align-items:center}}.account-dashboard-page .col-side .title .icon-toggle{width:20px;height:20px;position:relative;cursor:pointer}.account-dashboard-page .col-side .title .icon-toggle:before,.account-dashboard-page .col-side .title .icon-toggle:after{content:"";background-color:#3850c4;position:absolute;top:50%;right:0;left:0;margin:auto;width:20px;height:2px}.account-dashboard-page .col-side .title .icon-toggle:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.account-dashboard-page .col-side .title .icon-toggle:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.account-dashboard-page .col-side .title .icon-toggle:before{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}.account-dashboard-page .col-side .title .icon-toggle:after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:all .3s ease-in-out .2s;-moz-transition:all .3s ease-in-out .2s;-o-transition:all .3s ease-in-out .2s;transition:all .3s ease-in-out .2s;-ms-transition:all .3s ease-in-out .2s}.account-dashboard-page .col-side .title.active .icon-toggle:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.account-dashboard-page .col-side .title.active .icon-toggle:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}@media(max-width: 991px){.account-dashboard-page .col-side .nav-list{display:none;padding-bottom:40px}}.account-dashboard-page .col-side .nav-list ul{list-style:none;padding:0}.account-dashboard-page .col-side .nav-list ul li{font-size:20px;margin-bottom:15px}.account-dashboard-page .col-side .nav-list ul li a{color:#757575}@media(max-width: 991px){.account-dashboard-page .col-side .nav-list ul li a{padding-left:30px}}.account-dashboard-page .col-side .nav-list ul li a.active,.account-dashboard-page .col-side .nav-list ul li a:hover{color:#678bf5}.account-dashboard-page .col-side .nav-list ul li a.active{position:relative}.account-dashboard-page .col-side .nav-list ul li a.active:before{width:12px;height:12px;border-radius:50%;background-color:#3850c4;content:"";position:absolute;left:-30px;top:10px}@media(max-width: 991px){.account-dashboard-page .col-side .nav-list ul li a.active:before{left:0}}@media(min-width: 992px){.account-dashboard-page .col-main{border-left:1px solid #e6e6ea;padding-top:90px;padding-left:80px;padding-bottom:180px}}@media(min-width: 992px)and (max-width: 1199px){.account-dashboard-page .col-main{padding-top:80px;padding-left:40px}}@media(max-width: 991px){.account-dashboard-page .col-main{padding-bottom:100px}}.account-dashboard-page .col-main form.form-field-up .fields-group{border-color:#e6e6ea;padding-bottom:80px}@media(max-width: 767px){.account-dashboard-page .col-main form.form-field-up .fields-group{padding-bottom:40px;margin-bottom:40px}}@media(max-width: 575px){.account-dashboard-page .col-main form.form-field-up .form-actions button{width:100%}}.courses-list-dashboard .card-list .card-item .card-link,.courses-list-dashboard .card-list .card-item .card-pending{background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.07);border-radius:8px;display:block}.courses-list-dashboard .card-list .card-item .card-link:hover,.courses-list-dashboard .card-list .card-item .card-pending:hover{box-shadow:0 22px 24px 0 rgba(0,0,0,.07)}.courses-list-dashboard .card-list .card-item .card-pending{position:relative;border-radius:8px;overflow:hidden}.courses-list-dashboard .card-list .card-item .card-pending:before{background-color:rgba(255,193,7,.92);content:"";position:absolute;left:0;width:100%;height:100%;top:0}.courses-list-dashboard .card-list .card-item .card-pending.card-expire:before{background-color:rgba(244,95,92,.92)}.courses-list-dashboard .card-list .card-item .card-pending .pending-inner{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}.courses-list-dashboard .card-list .card-item .card-pending .icon-pending{width:100%;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}.courses-list-dashboard .card-list .card-item .card-pending .text-pending{text-align:center;color:#fff;font-size:24px;font-family:"ThonburiBold",Helvetica,Arial,sans-serif;padding-top:40px}.courses-list-dashboard .card-list .card-item .card-pending .card-text{opacity:0}.courses-list-dashboard .card-list .card-item .card-image .image{padding-top:72%;background-position:top;background-size:cover;background-repeat:no-repeat}.courses-list-dashboard .card-list .card-item .card-text{padding:25px 16px 40px}.form-field-up-2{overflow:hidden}.form-field-up-2 .form-group{position:relative;padding-bottom:40px}.form-field-up-2 .form-group .form-control.error{border-color:red}.form-field-up-2 .form-group input{height:60px;border:1px solid #afd1f3;border-radius:10px;position:relative;z-index:1;background-color:rgba(0,0,0,0)}.form-field-up-2 .form-group input:focus+label.control-label,.form-field-up-2 .form-group input:focus+label+label.control-label,.form-field-up-2 .form-group input:not(:placeholder-shown)+label.control-label,.form-field-up-2 .form-group input:not(:placeholder-shown)+label+label.control-label{top:-28px;color:#3850c4;font-size:14px;padding-left:0}.form-field-up-2 .form-group input:read-only{background-color:rgba(0,0,0,.03);border-color:rgba(0,0,0,.1);cursor:not-allowed}.form-field-up-2 .form-group ::-webkit-input-placeholder{font-size:0}.form-field-up-2 .form-group label.control-label{position:absolute;top:18px;width:100%;left:18px}.form-field-up-2 .form-group label.control-label em{color:red}.form-field-up-2 .form-group label.control-label .example{display:inline-block;padding-left:18px;color:#a3bdd8}@media(max-width: 480px){.form-field-up-2 .form-group label.control-label .example{display:none}}.form-field-up-2 .form-group label.error{display:none !important}.form-field-up-2 .form-group.field-checkbox input[type=checkbox]{position:absolute;opacity:0;visibility:hidden}.form-field-up-2 .form-group.field-checkbox input[type=checkbox]+label{display:block;position:relative;color:#0080ff;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;position:relative;padding-left:53px;cursor:pointer}.form-field-up-2 .form-group.field-checkbox input[type=checkbox]+label:before,.form-field-up-2 .form-group.field-checkbox input[type=checkbox]+label:after{content:"";position:absolute;border-radius:50%}.form-field-up-2 .form-group.field-checkbox input[type=checkbox]+label:before{left:0;top:0;width:28px;height:28px;border:1px solid #0080ff}.form-field-up-2 .form-group.field-checkbox input[type=checkbox]+label:after{width:14px;height:14px;background-color:#0080ff;left:7px;top:7px;opacity:0;visibility:hidden;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}.form-field-up-2 .form-group.field-checkbox input[type=checkbox]:checked+label:after{opacity:1;visibility:visible}.form-field-up-2 .form-group.field-checkbox .info{padding-left:40px}/*# sourceMappingURL=account.css.map */
