/*@font-face {
    font-family: 'Gotham Book';
    font-style: normal;
    font-weight: normal;
    src: local('Gotham Book'), url('fonts/GothamBook.woff') format('woff');
}

@font-face {
    font-family: 'Gotham Light';
    font-style: normal;
    font-weight: normal;
    src: local('Gotham Light'), url('fonts/GothamLight.woff') format('woff');
}

@font-face {
    font-family: 'Gotham Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Gotham Medium'), url('fonts/GothamMedium.woff') format('woff');
}

@font-face {
    font-family: 'Gotham Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Gotham Medium'), url('fonts/GothamMedium.woff') format('woff');
}

@font-face {
    font-family: 'Gotham Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Gotham Bold'), url('fonts/GothamBold.woff') format('woff');
}

@font-face {
    font-family: 'Gotham Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Gotham Bold'), url('fonts/Gotham-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Gotham Black Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Gotham Black Regular'), url('fonts/Gotham-Black.woff') format('woff');
}

@font-face {
    font-family: 'Gotham Light Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Gotham Light Regular'), url('fonts/Gotham-Light.woff') format('woff');
}*/

html, body { overflow: hidden !important;height: 100% !important;}
/*body {font-family: 'Gotham Medium';}*/
body {
    font-family: 'Segoe UI Regular';
    font-weight: normal;
    font-size: 13px;
}
* {
box-sizing:border-box;
margin:0px;
padding:0px;
}
select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-indent: 1px;
    text-overflow: '';
}
select {
    background-image: url(../Images/select_arrow.png) !important;
    background-repeat: no-repeat;
    background-position: center right 10px;
    padding-right: 10px;
    background-size: auto;
}

.gdms_wrapper {float: left;width: 100%;overflow: hidden;}
.login_wrap {float: left;width: 100%;position: relative;}
.rt_login_bg {padding: 0; float:left; }
.login_bd {overflow: hidden;height: 100%;}
.middle {display: table-cell;vertical-align: middle;}
.outerCircle {
    width: 100%;
    max-width: 326px;
    height: 330px;
    border-radius: 60px 0px 60px 0px;
    background-color: #fff;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 3px 3px #ccc;
    position:absolute;
    right:70px;
}
@media all and (-ms-high-contrast:none) {
    .forget_wrap,.outerCircle {
        top: 50%;
        transform: translate(0,-50%)
    }
    /* IE10 */
    *::-ms-backdrop, .forget_wrap, .outerCircle {
        top: 50%;
        transform: translate(0,-50%)
    }
    /* IE11 */
}

/*.outerCircle:before {position: absolute;right: -13px;content: "";top: -13px;bottom: -13px;left: -13px;max-width: 555px;border: 13px solid rgba(49, 51, 55, 0.32);border-radius: 100%;}*/
.login_input_wrap {float: left;width: 100%;}
.login_cont_wrap {
    background-color: #fff !important;
    background-image: url(../Images/welcare_bg.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: calc(100% - 520px);
    background-position: left 10% center;
    height: 88.5vh;
}

.login_btn_lg {margin-top: 20px;padding-right: 0px;padding-left: 0px;font-size: 12px;}
.lgbtn {background: #565656;padding: 5px 15px;border-radius: 20px;color: #fff;font-size: 16px;}
.login_btn_lg .radio, .checkbox {margin-top: 7px;margin-bottom: 7px;}
.lgbtn:focus {outline: 0;}
.login_btn_lg label.pull-left {padding: 0;margin: 4px 0 0 0;font-size: 13px;font-weight: normal;}
.login_btn_lg label.pull-left input[type="checkbox"] {float: left;margin: 2px 6px 0px 0px;}
a:focus {border: 0 !important;outline: 0;}

/* Chrome/Opera/Safari */
.login_cont_wrap input::-webkit-input-placeholder {color: #bcbcbc;font-size: 13px;}

/* Firefox 19+ */
.login_cont_wrap input::-moz-placeholder {color: #bcbcbc;font-size: 13px;}

/* IE 10+ */
.login_cont_wrap input:-ms-input-placeholder { color: #bcbcbc;font-size: 13px;}

/* Firefox 18- */
.login_cont_wrap input:-moz-placeholder {color: #bcbcbc;font-size: 13px;}
.login_cont_wrap .form-control {padding: 0;}
.flex-center {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;height: 100%;}
.login_wid {margin: 0px auto 0;width: 100%;max-width: 270px;}
.single_input_wrap .input-group .input-group-addon i {color: #555555;}

input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=search-md]:focus:not([readonly]), input[type=search]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=url]:focus:not([readonly]), textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #65666a;
    box-shadow: 0 0px 0 0 #565656;
}
.single_input_wrap label {font-weight: normal;font-size: 13px;margin: 0;color: #696969;}
.oneLine {display: inline-block;vertical-align: middle;margin-top: 5px;}
.oneLine:nth-child(2) {margin-top: 0px;}
.loginBtn {margin-top: 8px; }
.copy_text {position: fixed;bottom: 0;left: 0;font-size: 11px;padding: 10px;width: 100%;text-align: center;background: #313337;color: #b4b3b3;}
.login_header {font-size: 28px;font-weight: 300;margin-left: 0px;z-index: 9;width: auto;text-align: right;float: right;margin-top: 5px;}
.group {position: relative;margin-bottom: 30px;}
.group.last {margin-bottom: 0;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .group.last.focus_label input {font-size: 12px !important;}
}
.group input {
    font-size: 13px;
    padding: 5px 16px 5px 0px;
    display: block;
    border: none;
    border-bottom: 1px solid #757575;
    width: 100%;
    font-family: 'Segoe UI Regular';
    color:#333;
}
input#txtUserName::placeholder, input#txtPassword::placeholder {
    color: #777 !important;
    opacity: 1 !important;
    font-size:13px !important;
}
    
    .group input:focus {
        outline: none;
    }

/* LABEL ======================================= */
.group label {color: #222222;font-size: 13px;font-weight: normal;position: absolute;pointer-events: none;left: 0px;top: 10px;transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;}
.lgbtn:hover {color: #fff;}
.lgbtn:focus {color: #fff;}
.focus_label input ~ label {top: -15px;font-size: 13px;color: #737373;left: 0 !important;}

@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .focus_label input ~ label {top: -15px;font-size: 13px;color: #1f1f1f;left: 0 !important;}
}
.pwdfoc label:not(*:root) {top: -15px;font-size: 13px;color: #00a3e4;left: 0 !important;}

/* BOTTOM BARS ================================= */
.bar {position: relative;display: block;width: 100%;}
.bar:before, .bar:after {content: '';height: 1px;width: 0;bottom: 1px;position: absolute;background: #313337;transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;}
.bar:before {left: 50%;}
.bar:after {right: 50%;}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {width: 50%;}

/* active state */
input:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}
/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from {background: #5264AE;}
    to {width: 0;background: transparent;}
}
@-moz-keyframes inputHighlighter {
    from {background: #5264AE;}
    to {width: 0;background: transparent;}
}
@keyframes inputHighlighter {
    from {background: #5264AE;}
    to {width: 0;background: transparent;}
}

.rt_icons {position: absolute;right: 0px;top: 6px;color: #65666b;}
.form-control {border: 1px solid #ccc !important;margin: 0;padding: 0 10px;font-size: 15px;height: 34px !important;border-radius: 0 !important;}
.form-control {display: block;width: 100%;height: 34px;font-size: 12px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.btn-success {background-color: #00a3e4 !important;border: 0 !important;}
.btn-success:hover {background-color: #00a3e4 !important;border: 0 !important;}
.btn-success:focus {background-color: #00a3e4 !important;}
.copy_text a {color: #b4b3b3;text-decoration: underline !important;}
.single_input_wrap .mb35 {color: #00a3e4;margin-top: 35px;font-size: 24px !important;letter-spacing: 1px;display: block !important;font-family: 'Segoe UI Bold';}
.carousel-inner {margin-top: 60px;}
.carousel-indicators {bottom: 35px;}
.carousel-indicators li {background: #fff;}
.carousel-indicators .active {background-color: #00a3e4;}
.outerCircle:after {position: absolute;bottom: -63px;width: 270px;height: 63px;content: "";background: url(../Images/shad.png);background-repeat: no-repeat;background-size: 100%;opacity: 0.5;left: 50px;}
.login_btn_lg .checkbox input[type="checkbox"] {opacity: 0;width: auto;margin: 1px 0 0 -20px !important;z-index: 9;cursor: pointer;}
input:-webkit-autofill {-webkit-box-shadow: inset 0 0 0px 9999px white !important;}
input:-webkit-autofill:focus {-webkit-box-shadow: inset 0 0 0 9999px white !important;}
.copy_text strong {font-weight: normal !important;}
.carousel-inner > .item > img {margin: 0 auto !important;}
:-ms-fullscreen, :root body {background-size: 100% 100% !important;}
.app_dwnld_wrap {float: left;width: 100%;}
.app_dwnld_wrap h5 {color: #fff;}
/*.log_wrapper {background-image: url('../Images/welcare_bg.jpg');background-position: center;background-repeat: no-repeat;background-size: contain;}*/
.log_wrapper {display: block !important;height: 89vh !important;}
.outerCircle input[type=text], input[type=password] {margin: 0px;}

/*Hack CSS for Chrome Browser*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input, textarea {-webkit-user-select: text;-khtml-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;}
    .group.last input {font-size: 20px !important;height: 30px !important;color: #4a4a4a;}
    .group input {font-size: 13px !important;}
    .single_input_wrap .group input::placeholder {color: #000 !important;font-size: 13px;opacity: 1;line-height: 20px;height: 20px !important;}
}

@supports (-ms-ime-align:auto) {
    .group.last input {font-size: 14px !important;font-weight: 600;}
    .group input {font-size: 14px !important;font-weight: 600;}
}
.gdms_wrapper #errorMsg {color: red;font-size: 12px;text-align: center;float: left;}

/*29-8-2019*/
.welspun_grup_logo {float: left;width: 100%;margin-top: 0px;box-shadow: 0px 5px 2px -4px #ccc;padding: 8px 0px;position:relative;z-index:999;}
.right_txt {font-size: 16px;font-weight: 500;color: #00a3e4;letter-spacing: 1px;display: block !important;font-family: 'Segoe UI Bold';}
a.log_for {font-size: 12px;line-height: 29px;color: #666;display: inline-block !important;font-family: 'Segoe UI Bold';}
.welspun_grup_logo img {width: 50%;margin-left: 10px;}
.fr_sign {float: left;width: 100%;text-align: center;}
.login_cont_wrap .fr_sign{
margin-top:15px;
}
.fr_sign a {color: #0067b8 !important;text-decoration: underline !important;font-size: 11px;}
.login_btn_lg .btn {border-radius: 20px;padding: 5px 15px !important;height: 37px;font-family: 'Segoe UI Bold';}
.login_btn_lg .btn:focus{outline:none;}
.login_btn_lg .btn-primary {color: #fff;background-color: #00a3e4;border-color: #00a3e4;}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        .single_input_wrap .group input::placeholder {color: #000 !important;font-size: 12px;opacity: 1;line-height: 20px;height: 20px !important;}
    }
}

@supports (-webkit-appearance:none) and (column-fill:auto) and (not (-ms-accelerator:true)) and (not (overflow:-webkit-marquee)) and (not (-moz-appearance:none)) {
    .group input {font-size: 13px !important;}
    .group.last input {font-size: 13px !important;color: #4a4a4a;height:auto !important;}
    .lgbtn {background: #565656;border-radius: 20px;color: #fff;font-size: 16px;line-height: 28px;}
}

@media not all and (min-resolution:.001dpcm) {
    @media {
        .single_input_wrap .group input::placeholder {color: #000 !important;font-size: 12px;opacity: 1;line-height: 20px;height: auto !important;}
        }
    }
#register .form-group label {
display:none;
}
#register button.close {
    height: 26px;
    top: -6px;
    background-color: #00a3e4;
}
#register .close_bg {background-image: url(../Images/close_bg.png);background-position: top right;background-repeat: no-repeat;background-size: 26%;}
#register .modal-body label {
    font-size: 13px;
    font-family:600;
}
#register .modal-body input {
    margin-bottom: 5px;
    margin-top: 0px;
    padding: 3px 10px !important
}#register .modal-body select {
    margin-bottom: 5px;
    margin-top: 0px;
    padding: 3px 10px !important
}

#register .modal-body {padding: 10px 6px;}
#register .modal-title{font-size:15px !important;}
#register .modal-body .form-control{height:27px !important;}
#register .btn-primary {background-color: #00a3e4 !important;border-color: #00a3e4 !important;border-radius: 0;font-weight: 100;font-size: 13px;}
#register .btn-danger {font-weight: 100;font-size: 13px;border-radius: 0;}
.login_btn_lg .btn:active {background-color: #00a3e4;border-color: #00a3e4;}

/*17-10-2019*/
#register .modal-content {
    height: auto;
    overflow: auto;
    overflow-x: hidden;
}
span.requerido {color: #ff0202;}
.form-group {
    margin-bottom: 5px;
}


.outerCircleSignup {
    width: 326px;
    max-width: 60%;
    background-color: #fff;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    /* border: 1px solid #ccc; */
    /* box-shadow: none; */
    padding: 10px 10px 25px;
    font-size: 14px;
    z-index: 999;
    position: absolute;
    right: 70px;
    border: 0;
    border-radius: 60px 0px 60px 0px;
    box-shadow: 0px 0px 3px 3px #ccc;
}
.login_cont_wrap .form-control, .login_cont_wrap select, .login_cont_wrap select option {
    box-shadow: none !important;
    margin-bottom: 2px;
    height: 28px !important;
    line-height: 28px;
    border-width: 0 0 1px 0 !important;
    font-size: 13px;
    color: #333;
    padding-left: 0 !important;
    border-color: #757575 !important;
    font-family: 'Segoe UI Regular';
   
}
#register .modal-dialog {
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    background:#fff;
}
#register {

}

#register .single_input_wrap .mb35 {
    margin: 0px 0px 15px !important;
}
#register .modal-content {
    box-shadow: none;
}
    #register .login_cont_wrap {
        height: auto;
    }
    #register .outerCircleSignup {
        position: relative;
        float: right;
        margin: 30px 0 0 0;
    }
    #register .flex-center.flex-column {
        display: inherit;
    }
    #register .btn-danger, #register .btn-primary {
        height: auto;
        padding: 4px 20px !important;
        box-shadow: 5px 5px 5px #ccc;
        float: left;
        border-radius: 50px;
        font-family: 'Segoe UI Bold';
        text-transform: uppercase;
    }
    #register .btn-danger{margin-left:10px;}




    .login_cont_wrap .form-control::placeholder {
        opacity: 1;
        color: #777;
    }


    .sign_wrap .login_cont_wrap {
        background-color: #fff !important;
        background-image: url(../Images/welcare_bg.jpg);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: calc(100% - 520px);
        background-position: left 10% center;
        height: 88.5vh;
    }

.login_widSignup {
    margin: 0px auto 0;
    width: 100%;
    max-width: 100%;
}

    .login_widSignup input, select {
        margin: 0px 0px;
        padding: 0px 4px !important;
    }


.sign_wrap .flex-center.flex-column {
    background-color: #f2f3f5;
}
.sign_wrap  .single_input_wrap .mb35{margin:10px 0px !important;}
.sign_wrap .login_input_wrap {padding: 0px 0px 15px;}
.sign_wrap .login_btn_lg{margin-top:10px;}
.sign_wrap .login_btn_lg .btn {
   height: auto;
   padding: 4px 20px !important;
   box-shadow: 5px 5px 5px #ccc;
   float:left;
   margin-left:20px;
 }
    .sign_wrap .single_input_wrap label {
        margin-bottom: 5px;
        font-weight: 700;
    }
.sign_wrap .login_link {
    position: absolute;
    right: 20px;
    top: 0;
}



.Signup_Link .log_for {
    position: absolute;
    right: 20px;
    top: 17px;
}
.login_btn_lg .btn {
    height: auto;
    padding: 4px 20px !important;
    box-shadow: 5px 5px 5px #ccc;
}

@media(max-width:1024px) {
   
    .outerCircle, .outerCircleSignup {
        max-width: 350px;
        position: relative;
        right: 0;
    }
    .sign_wrap .login_cont_wrap {
        background-image: none;
    }
     .login_cont_wrap {
        background-image: none;
    }
    .rt_login_bg {
        display: none;
    }
    #register .outerCircleSignup {
        position: relative;
        float: none;
        margin: 10vh auto;
        right:auto;
    }
    #register .login_cont_wrap {
        background: none;
    }
}


    @media(max-width:991px) {
        #register .login_cont_wrap {
            height: 100vh !important;
            overflow: auto;
        }

        #register .flex-center.flex-column {
            display: inherit;
            float: left;
            width: 100%;
            height: auto;
        }

        #register .outerCircleSignup {
            position: relative;
            float: none;
            margin: 20vh auto;
        }

        #register .copy_text {
            position: fixed:
        }

        #register .modal-content {
            padding: 0 0;
            background: #fff;
            border: 0;
        }

        #register .modal-dialog {
            width: calc(100% + 10px);
            padding-right: 10px;
        }

        .outerCircle, .outerCircleSignup {
            max-width: 350px;
       
        }

        .login_cont_wrap, .sign_wrap .login_cont_wrap {
            background-image: none;
        }

        .single_input_wrap .mb35 {
            font-size: 24px !important;
        }

        .Signup_Link .log_for {
            position: relative;
            right: auto;
            top: 10px;
            width: 100%;
            text-align: center;
        }
    }

    @media only screen and (max-width: 840px) {
        #register .copy_text {
            position: fixed;
            z-index: 9999;
        }

        .copy_text {
            position: fixed;
            border: 0;
            z-index: 9999;
        }
    }

    @media only screen and (max-width: 767px) {
        #register .outerCircleSignup {
            position: relative;
            float: none;
            margin: 5vh auto;
        }
    }

    @media(max-width:375px) {
        .outerCircleSignup {
            max-width: 290px;
        }

        .sign_wrap .login_link {
            position: relative;
            right: auto;
            top: 10px;
        }
    }