@font-face{font-family:"marketcoop-light";font-weight:300;font-style:normal;src:url("../css/fonts/marketcoop/MarketCoopType-Light.ttf") format("truetype");font-display: block;}
@font-face{font-family:"marketcoop-regular";font-weight:400;font-style:normal;src:url("../css/fonts/marketcoop/MarketCoopType-Regular.ttf") format("truetype");font-display: block;}
@font-face{font-family:"marketcoop-medium";font-weight:500;font-style:normal;src:url("../css/fonts/marketcoop/NoirPro-Medium.ttf") format("truetype");font-display: block;}
@font-face{font-family:"marketcoop-regularx";font-weight:600;font-style:normal;src:url("../css/fonts/marketcoop/MyriadPro-Regular.ttf") format("truetype");font-display: block;}
@font-face{font-family:"marketcoop-bold";font-weight:700;font-style:normal;src:url("../css/fonts/marketcoop/Nunito-VariableFont_wght.ttf") format("truetype");font-display: block;}
html body{
        background:#FFF;
        background: url('../img/wallpaper/marketcoop.png') ;
        background-position: center top;
        min-height: 100%;
        font-family: "marketcoop-regular";
    }
    #container-continue,#container-psw,#container-newpsw{
        display: none;
    }
    .security-level{
        clear: left;
        width: 100%;
        text-align: left;
        background: rgba(0,0,0,0.3);
        margin-top: 15px;
        color:#FFF;
        padding: 10px 10px 8px;
        border-radius: 5px;
        float: left;
        width: 100%;
        margin-bottom: 15px;
    }
    .security-level div{
        float: left;
    }
    #mtSenha{
        display: none;background: rgb(161, 16, 16);color: #FFF;padding: 3px;width: 110px;text-align: center;border-radius: 5px;
        margin:-1px 10px 0;
    }
    .icon-eyes,.icon-eyes-hidden{
        background-image: url('../img/icon-eyes.png');
        background-position: 0 -1px;
        position: absolute;
        width:25px;
        height:18px;
        position: absolute;
        top: 150px;
        right:6px;
        cursor: pointer;
    }
    .icon-eyes-hidden{
        background-position: 0 -24px;
    }
    label{
        font-family: "marketcoop-bold";
        font-size: 10pt;
    }
    .login-auth{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        background: rgba(255,255,255,0.4);
        height: 100%;
        width:400px;
        display: none;
    }
    .print-popup{
        padding: 10px 0 0;
        cursor: default;
        color: #FFF;
        width: 100%;
        text-align: center;
        box-shadow: 2px 2px 2px #CCC;
        z-index: 9999;
        position: absolute;
    }
    .modal-print{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.9);
        z-index: 99999;   
    }
    .title-print{
        background:rgba(0,155,10,1);
        width: 100%;
        padding: 12px 0 10px;
        font-size: 12pt;
        color: #FFF;
        border-radius: 5px 5px 0 0;
    }
    #load div,.confirm-print{
        margin: 10% auto;
        width: 300px;
        background-color: #FFF;
        text-align: center;
        padding:25px;
        border-radius:5px;
    }
    .confirm-print{
        padding:0;
    }
    .text-print{
        font-size: 10pt;
        color: #333;
        padding: 10px 15px;
        text-align: center;
    }
    .btn-yes,.btn-no{
        display: inline-block;
        width:auto;
        padding:5px 10px;
        border-radius:5px;
        margin: 10px 5px;
        font-size:10pt;
        cursor: pointer;
        color: #FFF;
        box-shadow: 2px 2px 2px #333;
    }
    .btn-yes{
        border:1px solid rgba(0,155,10,1);
        background: rgba(0,155,10,1);
    }
    .btn-no{
        border:1px solid #f40303;
        background: #f40303;
    }
    .btn-yes:active,.btn-no:active{
        box-shadow: 0px 0px 2px #333;
        background: #344b81;
        color: #FFF;
        padding:8px 10px 5px;
    }
    .login-auth img{
        position: relative;
        top: 40%;
    }
    .logo{
        background-image: url('../img/logo-marketcoop-back-green.png');
        width:195px;
        height: 113px;
        display: block;
        margin: 15px auto;
    }
    #recoverPasswordloading{
        width: 25px;
        height: 25px;
        position: absolute;
        bottom: 48px;
        right: 24px;
        display: none;
    }
    .btn-danger{
        background: transparent;
        border: 1px solid #FFF;
        color: #FFF;
        font-size: 11pt;
        width: 48%;
        padding: 10px 0;
        float: left;
        border-radius: 5px;
        text-align: center;
        cursor: pointer;
    }
    .btn-info{
        background: #314a82;
        color: #FFF;
        border: 1px solid #314a82;
        width: 48%;
        font-size: 11pt;
        padding: 10px 0;
        float: right;
        border-radius: 5px;
        text-align: center;
        cursor: pointer;
    }
    .label1{
        padding:0;margin:0;
        width:100%;
        display: block;
        color:#FFF;
    }
    .label2{
        padding:0;margin:30px 0 0;
        display: block;
        color:#FFF;
    }
    .container-box{
        float:left;
        width:400px;
        background:rgba(0,155,10,1);
        min-height: 100%;
        position: absolute;
        left: 0;
        top:0;
    }
    #sendgoogle,#sendfacebook,#sendmailandpass{
        width: 100%;
    }
    .icon {
        background-image: url(../img/images-login.png);
        position: absolute;
    }
    .icon-go {
        background-position: 50px 0;
        width: 50px;
        height: 44px;
        position: absolute;
        right: 13px;
        top: -3px;
    }
    .icon-fb {
        background-position: 0 0;
        width: 50px;
        height: 44px;
        position: absolute;
        right: 13px;
        top: -3px;
    }
    .icon-em {
        background-position: -50px 101px;
        width: 50px;
        height: 44px;
        position: absolute;
        right: 13px;
        top: -3px;
    }
    b{
        position: absolute;
        bottom: 0;
        left: 0%;
        display: block;
    }
    .recover-psw{
        color: #FFF;
        text-decoration: underline;
        font-size: 10pt;
        cursor: pointer;
        width: 143px;
        margin: 3px auto;
    }
    input:-webkit-autofill,
    textarea:-webkit-autofill,
    select:-webkit-autofill { 
        -webkit-text-fill-color: #666;
        -webkit-background-fill-color: #666;
        -webkit-box-shadow: 0 0 0px 1000px #FFF inset;
    }
    #container-office{
        width:100%;
        position: relative;
    }
    .box{
        width: 80%;
        margin: 10% auto 0;
        text-align: center;
        background: transparent;
    }
    .sub-container-box{
        padding: 20px 15px;
        background: transparent;
        position: relative;
        text-align: left;
    }
    .sub-container-box p{
        text-align: justify;
       font-size: 11pt;
        color: #FFFF;
        margin-bottom: 30px;
        line-height: 24px;
    }
    .container-footer,.create-footer{
       width: 100%;
        padding: 14px 10px 9px;
        background: #FFF;
        text-align: left;
        background-color: #eee;
        border-top: 1px solid #CCC;
        float:left;width:100%;
    }
    .box img{
        width:60%;
    }
    .box a{
        display: block;
        color: #FFF;
        float: left;
        margin:0;
        padding:0;
        cursor: pointer;
        font-size: 10pt;
    }
    .box span{
        display: none;
        float: right;
        margin: 0;
        padding: 22px 13px 17px;
        font-size: 8pt;
        color: #FFF;
        width: 110px;
        position: absolute;
        font-style: inherit;
        background: #00a0e3;
        border-radius: 0 4px 4px 0;
        text-align: center;
        right: -7px;
        top: 39px;
    }
    .box h2, #create h3{
        font-size: 16pt;
        font-weight: 600;
        color: #FFF;
        margin: 0 0 0;
        padding: 15px 10px;
    }
    .box input[type='text']{
        margin:2px 0 0;
    }
    .box input[type='password']{
        margin:2px 0 0;
    }
    .box input[type='text'].field-input-1{
        margin: 20px 3px 30px;
    }
    .btn-success{
        width: 100%; 
    }
    .modal,.modal-loading{
        background:rgba(255,255,255,1);position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999;
        display: block;
    }
    .modal-loading{
        display: none;
    }
    .modal-loading div{
        width: 300px;
        height: 100px;
        margin:20% auto;
    }
    .modal-loading div p{
        font-weight:600;
        font-size:14pt;
    }
    .modal-loading img{
        width:20px;
        height:20px;
    }
    .field-input{
        display:block;border:1px solid #CCC;width:100%;color:#666;padding-bottom:5px;
        margin:5px 0;border-radius:5px;padding:15px 10px;
    }
    .field-input-1{
     display:block;border:1px solid #CCC;width:30px;color:#666;padding-bottom:5px;
        margin:5px 10px;border-radius:5px;padding:15px 10px;float: left;font-size: 16pt;
        text-align: center;
    }
    .button-login{
        background:#FFF;cursor:pointer;border-radius:5px;margin:20px auto 0;padding:10px 0;border: 1px solid #00cfe8;color:#00cfe8;position: relative;clear: left;
        width: 200px;
    }
    .button-login:active{
        box-shadow: 10px -6px 10px #999 inset;
    }
    .fb{
        position:relative;background: #4267b2;color:#FFF;border:1px solid #4267b2;
    }
    .ig{
        position:relative;background: #cc2661;color:#FFF;border:1px solid #cc2661;
    }
    .go{
       position:relative;background: #2ba24c;color:#FFF;border:1px solid #2ba24c; 
    }
    .em{
        position:relative;background: #166cd7;color:#FFF;border:1px solid #166cd7;
        text-align: center;font-size: 10pt;
        width:100%;
        border-radius: 20px;
    }
    .resend{
        background: transparent;
        border: 1px solid #00a0e3;
        color: #00a0e3;
        text-align: center;
    }

    .icon-fb{
        background-position: 0 0;
        width: 50px;
        height: 44px;
        position: absolute;
        right: 13px;
        top: -3px;
    }
    .icon-ig{
         background-position: 0 50px;
        width: 50px;
        height: 44px;
        position: absolute;
        right: 13px;
        top: -3px;
    }
    .icon-go{
         background-position: 50px 0;
        width: 50px;
        height: 44px;
        position: absolute;
        right: 13px;
        top: -3px;
    }
    .icon-em{
        background-position: -50px 101px;
        width: 50px;
        height: 44px;
        position: absolute;
        right: 13px;
        top: -3px;
    }
    @media only screen and (max-width:1000px) {
        .container-box{
            float:left;width:100%;
            background:rgba(255,255,255,0.8);min-height: 100%;position: absolute;
            left: 0;top:0;
        }   
        .box{
            float: inherit;
        }
        .box h2{
            font-size: 14pt;
            font-weight: 600;
            color: #00a0e3;
            margin: 0 auto 0;
            padding: 13px 10px 0;
            width: 340px;
            text-align: center;
        }
        .mainHeaderImg{
            width:250px;
        }
    }