:root {
    --magent: #E72B85;
    --magent-hover: #a9165d;
    --green: #72B73D;
}

body {
    padding-top: 140px !important;
}

.navbar-inner {
    background-color: var(--magent) !important;
    position: relative;
    height: 60px
}

    .navbar-inner .container table td {
        padding: 0 6px
    }

.dropdown-menu {
    background-color: #ebebeb !important;
}

.navbar-inner .container #logo {
    position: absolute;
    bottom: -45px
}

    .navbar-inner .container #logo img {
        width: 130px;
        height: auto;
        background-color: white;
        box-shadow: 0px 0px 10px rgba(0,0,0,.3);
        max-width: 100% !important;
        height: auto !important;
        padding: 12px 12px 20px 12px;
        transform: translateY(45px) translateX(-30px);
        border-radius: 0px 0px 10px 10px;
    }

#MainMenu a {
    font-weight: 400;
    line-height: normal;
    color: #fff !important;
    cursor: pointer;
    font-size: 1em;
}

    #MainMenu a:hover {
        color: var(--green) !important;
        text-decoration: none
    }

.navbar .nav {
    margin: 0 25px 0 135px !important;
}
/* boton del login de inicio */
input[type="submit"] {
    width: 200px !important;
    background-color: var(--magent);
    border-radius: 6px;
    color: white;
    border: none;
    padding: 10px;
    font-weight: 700;
    margin: 12px;
    transform: translateX(-20px);
    transition: 0.4s
}

    input[type="submit"]:hover {
        background-color: var(--magent-hover);
        color: #fff;
        cursor: pointer;
    }

input[type="button"] {
    width: 200px !important;
    background-color: var(--magent);
    border-radius: 6px;
    color: white;
    border: none;
    padding: 5px;
    font-weight: 700;
    margin: 12px;
    transition: 0.4s
}

    input[type="button"]:hover {
        background-color: var(--magent-hover);
        color: #fff;
    }

.dropdown-menu {
    background-color: black !important;
    opacity: 1;
    padding-top: 10px !important;
    border-radius: 4px;
}

    .dropdown-menu a {
        color: #fff;
        font-weight: 400;
    }

        .dropdown-menu a:hover {
            color: var(--green);
            text-decoration: none
        }

input[type="text"] {
    background-color: #f0f0f0;
    border: none;
    border-radius: 6px;
    width: 390px;
    box-shadow: none;
}

select {
    width: 400px;
    border: none;
    background-color: #f0f0f0;
    outline: none !important;
    border-radius: 6px !important;
}

.navbar #login a {
    color: #fff !important;
    font-weight: 700;
}

    .navbar #login a:hover {
        color: var(--green) !important;
        text-decoration: none
    }

.form-signin {
    max-width: 450px;
    padding: 20px 30px !important;
    margin-top: 30px !important;
    background-color: #f9f7f7 !important;
    border: none !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
}

    .form-signin label {
        color: #636363;
    }

    .form-signin input[type="text"] {
        background-color: #fff;
        border: none;
        border-radius: 6px;
        width: 250px;
        box-shadow: none;
    }

    .form-signin input[type="password"] {
        background-color: #fff;
        border: none;
        border-radius: 6px;
        width: 250px;
        box-shadow: none;
    }

.container:nth-child(2) {
    margin-top: 40px !important
}

.RadUpload .ruFileWrap {
    position: relative;
    display: initial !important;
    white-space: nowrap;
    vertical-align: top;
    line-height: 20px;
    zoom: 1;
    overflow: hidden !important;
    height: 10px;
}

.RadUpload_Metro .ruFakeInput {
    margin: 15px;
}

div.RadUpload_Metro .ruButton {
    border: 1px solid #e5e5e5;
    color: white !important;
    background-color: var(--magent) !important;
    margin: 15px !important;
    font-weight: 700 !important;
}

.rgMasterTable input[type="submit"] {
    background-color: var(--magent) !important;
    color: white !important;
    width: 26px !important;
    border-radius: 0;
    border: none !important;
    transform: translateX(-20px);
}

    .rgMasterTable input[type="submit"]:hover {
        background-color: var(--magent-hover) !important;
    }

.rgMasterTable input[type="button"] {
    width: 26px !important;
    border-radius: 0;
    border: none !important;
    background-color: var(--magent) !important;
    color: white !important;
}

    .rgMasterTable input[type="button"]:hover {
        background-color: var(--magent-hover) !important;
    }

#Report {
    overflow-x: auto;
}