﻿body {
}

    .DataGridFixedHeader {
        position: relative;
        top: expression(this.offsetParent.scrollTop-3); /*this works fine with IE only, but FireFox seems to be ignoring this*/
    }

    #titulo {
        display: inline-block;
        margin: 0;
        padding: 5px 4px 4px;
        box-sizing: border-box;
    }

    .BotonesTelerik {
        width: 250px;
        height: 30px;
    }

    .Ayuda {
        background-image: url('../../Imagenes/Iconos/Interrogante.jpg');
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
        float: left;
    }



.CentrarFormato {
    display: block;
    border: 1px solid #C0C0C0;
    margin-left: 10%;
    margin-right: 10%;
}

.CentrarFormatorRe {
    display: block;
    border: 1px solid #C0C0C0;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10%;
    margin-right: 10%;
    padding: 10px;
}

    .MgsAdmiracion {
        width: 27px;
        height: 27px;
        color: white;
        background-image: url('../../Imagenes/admiracion1.png');
        background-repeat: no-repeat;
    }

    .BotonImprime {
        background-color: #4f72a1;
        border: none;
        color: white;
        padding: 12px 27px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 15px;
        margin: 4px 2px;
        cursor: pointer;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
    }


    .BotonImprime1:hover {
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    }


    .info, .exito, .alerta, .error, .infocopy {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        border: 1px solid;
        margin: 10px 0px;
        padding: 15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        position: relative;
    }

    .info {
        color: #00529B;
        background-color: #BDE5F8;
        background-image: url('../../Imagenes/info.png');
    }

    .infocopy {
        color: #00529B;
        background-color: #BDE5F8;
        background-image: url('../../Imagenes/Iconos/folder_page.png');
    }
    .exito {
        color: #4F8A10;
        background-color: #DFF2BF;
        background-image: url('../../Imagenes/exito.png');
    }

    .alerta {
        color: #9F6000;
        background-color: #FEEFB3;
        background-image: url('../../Imagenes/alerta.png');
    }

    .error {
        color: #D8000C;
        background-color: #FFBABA;
        background-image: url('../../Imagenes/error.png');
    }


    .boton {
        font-size: 10px;
        font-family: Verdana,Helvetica;
        font-weight: bold;
        color: white;
        background: #04324B;
        -webkit-transition: background 1s ease-out;
        -moz-transition: background 1s ease-out;
        -o-transition: background 1s ease-out;
        transition: background 1s ease-out;
        cursor: pointer;
    }

        .boton:hover {
            background: #B2B5B7;
            color: white;
        }

    /*------------------------------ Tabs ------------------------------*/
    /* Style the tab */
    .tab {
        overflow: hidden;
        border: 1px solid #ccc;
        background-color: #f1f1f1;
    }

        /* Style the buttons inside the tab */
        .tab button {
            background-color: inherit;
            float: left;
            border: none;
            outline: none;
            cursor: pointer;
            padding: 14px 16px;
            transition: 0.3s;
            font-size: 17px;
        }

            /* Change background color of buttons on hover */
            .tab button:hover {
                background-color: #ddd;
            }

            /* Create an active/current tablink class */
            .tab button.active {
                background-color: #ccc;
            }

    /* Style the tab content */
    .tabcontent {
        display: none;
        padding: 6px 12px;
        border: 1px solid #ccc;
        border-top: none;
    }

    /*------------------------------ Fin Tabs ------------------------------*/

