.Error {
    font-family: Tahoma;
    color: #FF8080;
    font-size: 8pt;
    font-weight: bold;
}

.Correcto {
    font-family: Tahoma;
    color: #00C000;
    font-size: 8pt;
    font-weight: bold;
}

.titlePage {
    position: relative;
    float: left;
    margin: 0;
    padding: 0 .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    letter-spacing: .02em;
    font-weight: 400;
}

.Rad_buttom {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    border-radius: 7px;
    box-shadow: 1px 2px 5px #666;
    height: 28px;
    top: 8px;
    left: -47px;
}

.RadGrid_ModernBrowsers

{

    border-radius: 10px;

    overflow: hidden;

}

.RadGrid {
    border-radius: 11px !important;
    overflow: hidden !important;
}

.RadGrid_Bootstrap .rgAltRow > td {
    background: none !important;
}

.RadGrid_Bootstrap .rgRow > td {
    background: none !important;
}

.RadGrid_Bootstrap .rgCommandRow {
    background-color: white !important;
}

.RadGrid_Bootstrap .rgHeader {
    background-color: #ad7192 !important;
    color: white !important;
}

    .RadGrid_Bootstrap .rgHeader a {
        background-color: #ad7192 !important;
        color: white !important;
    }

.RadGrid_Bootstrap .rgRow {
    background-color: white;
}

.RadGrid_Bootstrap .rgAltRow {
    background-color: white;
}

.RadGrid_Bootstrap .rgHoveredRow {
    background-color: #F8F2F5 !important;
}

div.RadDropDownList_Bootstrap {
    font-size: 8pt;
}

.RadComboBox_Bootstrap .rcbInput {
    font-size: 8pt !important;
}

.RadComboBoxDropDown_Bootstrap {
    font-size: 8pt;
}

.btn-gray {
    color: #fff;
    background-color: #857E97;
    border-color: #857E97;
}

    .btn-gray:hover {
        color: #fff;
        background-color: #263238;
        border-color: #263238
    }

    .btn-gray.focus, .btn-dark:focus {
        box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
    }

.btn-guinda {
    color: #fff;
    background-color: #ad7192;
    border-color: #ad7192;
}

    .btn-guinda:hover {
        color: #fff;
        background-color: #5e002b;
        border-color: #5e002b;
    }

    .btn-guinda.focus {
        box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
    }

.color-1 {
    color: #5e002b;
}

.color-2 {
    color: #ad7192;
}

.color-3 {
    color: #c9a1b7;
}

.color-4 {
    color: #857e97;
}

.color-5 {
    color: #c8c8c8;
}

.color-6 {
    color: #1e88e5;
}

.color-7 {
    color: #263238;
}

.bg-color-1 {
    background-color: #5e002b;
}

.bg-color-2 {
    background-color: #ad7192;
}

.bg-color-3 {
    background-color: #c9a1b7;
}

.bg-color-4 {
    background-color: #857e97;
}

.bg-color-5 {
    background-color: #c8c8c8;
}

.bg-color-6 {
    background-color: #1e88e5;
}

.bg-color-7 {
    background-color: #263238;
}

a {
    color: #1e88e5;
}

a:hover {
    color: #ad7192;
    text-decoration:none;
}

.RadInput_Material .riFocused, .RadInput_Focused_Material {
    color: #263238 !important;
    border-bottom-color: #5e002b !important;
    box-shadow: 0 -1px 0 0 #5e002b inset !important;
}


.modal.modal-right .modal-dialog {
    right: 0;
    bottom: 0;
    top: 0;
    width: 320px;
}

@media screen and (min-width: 300px) {
    #lblCalif::before {
        content: "Cal.";
    }
    .titlePage {
        font-size: 1rem;
    }
    #lblPromedioGeneral {
        font-size:1.4rem;
    }
}

@media screen and (min-width: 480px) {
    #lblCalif::before {
        content:"Cal.";
    }
    .titlePage {
        font-size: 1.1rem;
    }
    #lblPromedioGeneral {
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 600px) {
    #lblCalif::before {
        content: "Calificación";
    }
    .titlePage {
        font-size: 1.2rem;
    }
    #lblPromedioGeneral {
        font-size: 1.6rem;
    }
}


@media screen and (min-width: 767px) {
    #lblCalif::before {
        content: "Calificación";
    }

    .titlePage {
        font-size: 1.5rem;
      
    }
    #lblPromedioGeneral {
        font-size: 1.9rem;
    }
    .modal.modal-right .modal-dialog {
        width: 400px;
    }
}

@media screen and (min-width: 992px) {
    #lblCalif::before {
        content: "Calificación";
    }

    .titlePage {
        font-size: 1.6rem;
    }
    #lblPromedioGeneral {
        font-size: 1.9rem;
    }

    .modal.modal-right .modal-dialog {
        width: 450px;
    }
}