/*/@font-face {
    font-family: 'FSElliotPro-Regular';
    src: url('../fonts/FSElliotPro-Regular.otf') format('opentype');
}*/
@font-face {
    font-family: 'FSElliotPro-Regular';
    /*src: url('../fonts/FSElliotPro-Regular.otf') format('opentype');*/
    src: url('../fonts/FSElliotPro.eot');
    src: url('../fonts/FSElliotProFSElliotPro.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FSElliotPro.woff2') format('woff2'),
        url('../fonts/FSElliotPro.woff') format('woff'),
        url('../fonts/FSElliotPro.ttf') format('truetype'),
        url('../fonts/FSElliotPro.svg#FSElliotPro') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    position: relative;
    min-height: 100%;
    font-family: FSElliotPro-Regular;
}

body {
    font-family: FSElliotPro-Regular;
    width: 100%;
    height: auto;    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
    background-color: #007bff;
}

.modal-header {
    background-color: #eaf1f9;
}

.modal-body {
    width: 100%;
    height: 100%;
    background-image: url(/img/fondobox.png);
    color: #000000;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 4px 4px 0px 0px;
    border-bottom: 1px solid #0074BD;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.modal-footer {
    background-color: #eaf1f9;
}

.modal-dialog-center {
    margin-top: 25%;
    margin-left: 15%;
    width: 70%;
    display: block;
}

@media screen and (min-width: 1600px) {

    .logo-login {
        padding-top: 8%;
    }


    /*Style*/
}

@media screen and (min-width: 1024px) and (max-width : 1599px) {

    .logo-login {
        padding-top: 20%;
    }


    /*Style*/
}

/*###Tablet(medium)###*/
@media screen and (min-width : 768px) and (max-width : 1023px) {

    .logo-login {
        padding-top: 20%;
    }
}

/*### Smartphones (portrait and landscape)(small)### */
@media screen and (min-width : 0px) and (max-width : 767px) {

    .logo-login {
        padding-top: 20%;
    }

    /*Style*/
}