.themeColor{background-color: #126c58 !important;}
.themeColor2{background:#cecece !important;}
.header .btn-select.selected,.system-bg2{background-color:#126c58 !important;}
.system-border1{border-color:#126c58 !important;}
.system-border-left{border-left-color:#126c58 !important;}
.system-border-right{border-right-color:#126c58 !important;}
.system-border-top{border-top-color:#126c58 !important;}
.system-border-bottom{border-bottom-color:#126c58 !important;}
a,.system-color,.system-color a,.system-color li{color:#126c58 !important;}
a:hover{color:#126c58 !important;}
.formtop2:after {content: '';position: absolute;top:100%;left: 0; right: 0;padding-bottom: 10%;background: #126c58;clip-path: polygon(0% 0%, 100% 0%, 50% 100%);}
@media(min-width:500px) {
.freeship:after{content: "";position: absolute;top:0;  left: -115px;background-color: #126c58;padding-bottom: 50%;width: 57.7%;z-index: 20;transform-origin: 0 0;transform: rotate(-55deg);}
}

        .system-image{background-image: url(https://midsite-system.s3.amazonaws.com/2022/11/16/KuuBLFFXk6NE1bx16CQlMKVquq1fq3Xni5nzXGdH.jpg);background-repeat: no-repeat;background-position:center top;background-size:cover;}
        .system-p-nospace p{margin:0}
        .form-group{position:relative;margin-top:25px}
        .form-control-placeholder-fixed{position:absolute;top:0;left:10px}
        .form-group .form-control-placeholder{left:0;position:absolute;top:0;padding:8px 0 0 13px;transition: all 400ms;opacity:0.5;z-index:20;font-size:15px}
        .form-control-placeholder-fixed,.form-control-active .form-control-placeholder{border-radius:5px;transform:translate3d(0,-100%,0);opacity:1;background:#0F3A5F;;/**/color:#fff !important;border:none;top:10px;padding:1px 10px;left:10px;font-size:12px}
        /**/
        .formtop2{position:relative;border-radius: 15px 15px 0 0;}
        .formtop2 h4{font-size:50px;font-weight:bold;text-transform:uppercase;color:#fff;padding-top:15px}
        .formtop2 h6{font-size:25px;font-weight:bold;text-transform:uppercase;color:#fff;}
        .freeship{position:relative;overflow:hidden}
        input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus, select:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 30px white inset !important}
        input:-webkit-autofill, select:-webkit-autofill {-webkit-text-fill-color: #000 !important}
        input,select{filter:none!important}
        .formtop2{position:relative;border-radius: 15px 15px 0 0;}



