@font-face
{
    font-family: "SOTI";
    src: url("../../img/Soti/PEPSI_pl.ttf");
}

html
{
    height: 100%;
    background-color: #FFF;
    font-family: "Arial";
    font-size: 14px;

    /* background-image: repeating-linear-gradient(115deg, #FFF, #FFF 3px, #999 1px, #999 4px); /* */
}

*{
    margin: 0px;
    padding: 0px;
}

body
{
    position: absolute;
    margin: 0;
    width: 100%;
    height: 100%;
    /* background-color: #595959; */
    background-image: linear-gradient(to bottom, #595959, #FFF);
    overflow: auto;
    padding: 0px;
}

label
{
    cursor: default;
    color: #000;
}

input[type=text]
{
    border: none;
}

input[type=password]
{
    border: none;
}

select
{
    border: none;
}

.main-div
{
    margin: 160px 2% 50px 2%;
}

#main_modal
{
    position: absolute;
    min-height: 100%;
    /* background-image: linear-gradient( to bottom, #444, #AAA ); /* */
    /* box-shadow: inset 2px 2px 0.5em #000, 2px 2px 1px #EEE, -1px -1px 1px #222; /* */
    width: 92%;
    margin-left: 4%;

    padding-top: 10px;
}

.div-progressbar
{
    border-radius: 4px;
    margin: 180px 7% 0 7%;
}

.div-progressbar label
{
    background: #ccc;
    padding: 5px 10px;
    margin: 0px;
}

.progress
{
    height: 25px;
    margin: 0px;
    border-radius: 2px;
}

.btn-inverse
{
    background: #337ab7;
    /* *border-radius: 2px;
    *font-size: 14px;
    *font-family: "Arial";
    *outline: 0;
    *margin: 0px;

    *width: 248px; */
}

.main-div .btn
{
    /* border-radius: 2px;
    font-size: 14px;
    font-family: "Arial";
    outline: 0;
    margin: 0px;
    width: 248px; /* */
}

#logo
{    
    vertical-align: top;
    /* padding: 10px; */
    background-color: #FFF;
    margin: 0px;
}

#logo.main-image
{
    /* display: none; */
    display: inline-block;
}

.logo-img
{
    background-color: #eb391a;
    padding: 10px;
}

.logo-img-header
{
    /* background-image: url('../../img/Trebotti/logo2.png');
    width: 300px;
    height: 70px; /* */

    background-image: url('../../img/Cribissa/mexico-como-vamos-logo\ \(2\).jpg');
    background-color: #FFF;
    /* width: 95px; /* */
    /* height: 69px; /* */
    width: 130px; /* */
    height: 99px; /* */
    /* box-shadow: inset 2px 2px 0.2em #000; /* */
    background-size: 130px 99px; /* */
}





.modal
{
    background-color: #CCC;
    border-radius: 2px 2px 4px 4px;
}

.modal-header
{
    background: #CCC;
}

.modal-body
{
    /* background-color: #212755; */
    background-color: #CCC;
    text-align: left;
}

.modal-footer
{
    margin: 0 1px 1px 1px;
    padding: 10px;
    background-color: #CCC;
    border-radius: 0 0 3px 3px;
    border: none;
    border-top: 1px solid #ccc;
}

.modal-footer .btn
{
    outline: 0;
}





.btn
{
    border-radius: 2px;
    outline: 0;
}





.div-form
{
    margin: 5px 0px;
    background: #CCC;
    padding: 4px;
    border-radius: 2px;
}

.div-form label
{
    float: left;
    margin: 0px;
    padding: 4px;
    color: #000;
    /* text-shadow: 1px 1px 1px #000; /* */
    cursor: default;
    width: 90px;
    text-align: right;
}

.div-form input,
.div-form select
{
    width: 150px;
    font-weight: bold;
    margin: 0px;
    box-shadow: inset 1px 1px 1px #777;
    padding-left: 5px;
}

.div-form select:focus
{
    -webkit-box-shadow: inset 1px 1px 1px #000;
       -moz-box-shadow: inset 1px 1px 1px #000;
            box-shadow: inset 1px 1px 2px #000;
    border: 1px solid #222;
    outline-color: #222;
}





.div-message
{
    background: #ccc;
    padding: 4px 18px 1px 18px;
    /* box-shadow: inset 2px 2px 10px #000, 2px 2px 1px #EEE, -1px -1px 1px #999; /* */
    border-radius: 2px;
    margin: 10px 0 0 1px;
}





.table-general
{
    width: 100%;
    background-color: #FFF;
    color: #000;
    text-align: left;
    cursor: default;
}

.table-general tr
{
    border: 1px solid #000;
}

.table-general tr:hover > td
{
    background-color: #595959;
    color: #FFF;
    transition: all 0.2s;
}

.table-general tr th
{
    background-image: linear-gradient( to bottom, #CCC, #CCC );
    color: #000;
    padding: 3px 5px;
    font-weight: normal;
    border: none;
}

.table-general tr td
{
    padding: 0px 5px;
    border: 1px solid #000
}