﻿.MyLogin {
    /*margin: 100px;
    max-width: 90%*/
    margin-top: 10px;
}

.Login {
    float: right;
    width: 600px;
    margin: 0;
    padding: 4px 0 0 0;
}

.LoginON {
    /*float: right;
    width: 700px;*/
    margin-top: 0px;
    padding: 4px 0 0 0;
    height: auto;
}

.MyLoginON {
    margin-top: 10px;
}

.ExitCount {
    height: 35px;
    padding: 0;
    font-size: 13px;
    font-weight: 700;
    text-indent: 0;
    text-transform: uppercase;
    width: 100px;
    border-radius: 20px;
    border: solid 2px #fff;
    border-color: #fc0;
    color: #fff;
    background: none;
}

.btnCargarCredito {
    height: 35px;
    padding: 0;
    font-size: 13px;
    font-weight: 700;
    text-indent: 0;
    text-transform: uppercase;
    width: 100px;
    border-radius: 20px;
    border: solid 2px #fff;
    border-color: #fc0;
    color: #fff;
    background: none;
}

.MyCountButton {
    height: 35px;
    padding: 0;
    font-size: 13px;
    font-weight: 700;
    text-indent: 0;
    text-transform: uppercase;
    width: 100px;
    border-radius: 20px;
    border: solid 2px #fff;
    background: rgb(183, 87, 0);
    background: linear-gradient(90deg, rgba(183, 87, 0, 1) 0%, rgba(112, 47, 3, 1) 33%, rgba(244, 173, 33, 1) 69%, rgba(255, 231, 172, 1) 100%);
    color: #fff;
}

.MyCountButton:hover {
    cursor: pointer;
    border-color: #fc0;
    box-shadow: 0px 3px 9px #fc0;
}

.ExitCount:hover {
    cursor: pointer;
    border-color: #fc0;
    box-shadow: 0px 3px 9px #fc0;
}

@media (max-width:1041px) and (min-width:802px) {
    .Login {
        float: left;
        width: 600px;
    }
}

@media (max-width:801px) {
    .Login {
        float: none;
        width: 350px;
    }
    .MyCountButton {
        margin-bottom: 14px;
    }
}