@import url("font_settings.css");
@import url("snp.css");
@import url("prfp.css");
@import url("process_loading_indicator.css");
@import url("eem.css");

body {
    font-size:14px;
}
#logo img {
    width: 155px;
    margin: auto auto;
}
#logo {
    margin-bottom: 35px;
    justify-content: center;
    text-align: center;
    margin-top:35px;
}
#registration_elmts_section{
    display: -webkit-flex;
    display: -webkit-inline-flex;
    display: flex;
    flex-direction:row;
    flex-wrap:wrap-reverse;
    width:95%;
    max-width:1200px;
    margin: auto;
}
#page_title{
    color: dimgray;
}
#coupon_login{
    margin: auto auto
}
#coupon_login form {
    box-sizing: border-box;
    margin:auto auto;
    border:1px solid lightgray;
    border-radius:5px;
    padding:10px;
    width:98vw;
    max-width:450px;

}
#coupon_login form label {
    font-weight: bold;
    display:inline-block;
    margin-top:15px;
}
#create_new_coupon {
    text-decoration:none;
    color:rgb(0,153, 230);
}
#create_new_coupon:hover {
    color:goldenrod;
}
input[type = "text"],input[type = "tel"]{
    border-radius: 5px;
    border: 1px solid lightgray;
    box-sizing: border-box;
    width:98%;
    max-width: 350px;
    min-width: 250px;
    margin-top: 5px;
    padding:10px 15px;
}
input[type = "text"]:hover,input[type = "tel"]:hover{
    border: 2px solid rgb(0, 122, 204);
}

input[type = "text"]:focus,input[type = "tel"]:focus{
    border: 0 solid rgb(0, 122, 204);
    box-shadow: 0 0 15px 1px rgb(0, 122, 204);
}

#login, .request_processing {
    background-color: rgb(0, 153, 230);
    box-sizing: border-box;
    border: 0 solid white;
    color: white;
    padding: 10px 55px;
    border-radius: 5px;
    margin-left: 10px;
    margin-top:25px;
    margin-right:65px;
    cursor: pointer;

}
#login:hover, .request_processing:hover {
    background-color: rgb(0, 122, 204);
}
.errors {
    color: brown;
    margin-bottom:15px;
    list-style-type:none;
    text-align:center
}
#create_new_p {
    font-size:14px;
    margin-top:35px;
}
#coupon_directives {
    max-width:max-content;
    margin:auto auto;
    margin-top:75px;
    margin-bottom:75px;
    max-width:400px;
}
#coupon_directives p{
    font-size:25px;
    font-weight:bold;
    
}
#coupon_directives li {
    margin-bottom:15px;
    line-height:1.7em
}

.gn_bt{
    box-shadow:0 2px 3px 0 dimgray !important;
    cursor:pointer !important

}
.gn_bt:hover {
    box-shadow:0 1px 0 0 darkgray !important;

}
input[type = 'submit'], button {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    opacity: 1 !important;
}
#log_in_invitation {
    font-size:14px;
    margin-top:15px;
    margin-bottom:15px
}
@media only screen and (max-width:602px){
    body {
        font-size:12px;
    }
    #logo img {
        width: 115px;
    }
    #logo {
        margin-top:35px;
        margin-bottom:40px
    }
    #page_title{
        font-size:20px;
    }
    
    #coupon_login form label {
        font-size:14px;
    }
    input[type = "text"],input[type = "tel"]{
        font-size:12px;
    }
    .errors {
        font-size:12px;
    }
    #create_new_p {
        font-size:12px;
    }
    #coupon_directives {
        margin-top:35px;
        margin-left:15px;
    }
    #coupon_directives p{
        font-size:20px;
    }
    #coupon_directives li {
        font-size:12px
    }
    #log_in_invitation {
        font-size:12px;
     
    }
}