/* Minification failed. Returning unminified contents.
(4284,1): run-time error CSS1019: Unexpected token, found '@'
(4291,1): run-time error CSS1019: Unexpected token, found '@'
(4299,1): run-time error CSS1019: Unexpected token, found '@'
(4756,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4757,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4770,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4771,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4784,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4785,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4792,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4793,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4800,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4801,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4806,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4807,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4812,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4813,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4818,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4819,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4824,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4825,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4830,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4831,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4836,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4837,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4842,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4843,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4880,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4881,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4902,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4903,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4924,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4925,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4942,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4943,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4960,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4961,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4974,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4975,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5000,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5001,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5010,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5011,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5024,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5025,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5045,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5046,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5070,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5071,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5076,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5077,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5086,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5087,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5092,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5093,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
body {
    /*padding-left: 100px;*/
    /*font: "Iberia Headline" !important;*/
    font-family: "Iberia Headline";
    background-color: rgb(232, 231, 231);
}

.seccion-documents a {
    font-size: x-large;
    color: #D4192D;
    float: right;
    font-size: 18px;
    margin-bottom: 5px;
}

#calendarTable {
    -webkit-print-color-adjust: exact;
}

.borderBottom {
    margin-bottom:80px !important;
}

a {
    cursor: pointer;
}

select {
    font-family: Verdana !important;
}

.red-link {
    color: #D4192D;
}

    .red-link:hover, red-link:focus {
        color: #f3273d;
    }

.notice-link {
    color: #D4192D !important;
    text-decoration: underline !important;
    font-weight: bold;
}

.td-state {
    border-radius: 4px;
    font-size: 21px;
    padding: 4px;
}

/*calendar list*/

.redRow {
    background: #D4192D;
}

.center-table {
    table-layout: fixed; /*margin-left:200px;*/
}

    .center-table td, .center-table th {
        border-collapse: collapse;
        width: 100px;
    }

.center-table-td-first {
    width: 200px;
    /*max-width: 200px;*/
    background-color: #D4192D;
    padding-left: 8px;
    height: 40px;
}

.cell-schedule-changes-names {
    width: 150px;
    /*max-width: 200px;*/
    background-color: #D4192D;
    padding-left: 8px;
    height: 40px;
}

.cell-schedule-changes-names-empty {
    color: #D4192D !important;
}

.cell-schedule-changes-service {
    vertical-align: top;
    height: 82px !important;
}

.changeNotSelectable {
    color: #e1e1e2;
}

.center-table tr td {
    text-align: center;
}

tr.center-tr-services td.changeNoRequestedNoMarked label {
    color: #555555;
}

tr.center-tr-services td.changeMarked {
    background-color: #FCD856;
    color: white;
}

tr.center-tr-services td.changeMarkedPending {
    background-color: #FCD856;
    color: white;
}

tr.center-tr-services td.changeMarkedRejected {
    background-color: #D4192D;
    color: white;
}

tr.center-tr-services td.changeMarkedAproved {
    background-color: #2A8E00;
    color: white;
}

tr.center-tr-services td.changeRequested {
    color: #FFC300;
    background-color: transparent;
}

.send-calendar {
    width: 60px;
    color: white;
    font-weight: bold;
    background: #D4192D;
    font-family: 'Iberia Headline'
}

.left-table {
    width: 200px;
    background: #D4192D;
    position: absolute;
}

.cell-schedule-changes-send {
    width: 50px;
}

.table-outter {
    overflow-x: scroll;
    background-color: rgba(255, 255, 255, 0.7);
    color: white;
}

/*home*/

span.validation-error-message {
    color: red;
    font-size: 0.8em;
}

.red-text {
    color: red;
}

i {
    cursor: pointer;
}

tr.tr-header {
    background-color: #D4192D;
    font-size: larger;
}

tr.tr-footer {
    background-color: #D4192D;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #D4192D;
}

td.td-first {
    padding-left: 20px;
}

td.td-last {
    width: 140px;
    /*min-width: 140px;*/
    padding-bottom: 8px !important;
    padding-left: 5px !important;
    padding-top: 8px !important;
}

td.td-last-2 {
    width: 56px;
    padding-left: 5px !important;
    padding-right: 20px;
}

td.td-orden {
    width: 105px;
    padding-left: 5px !important;
    padding-right: 20px;
}

.td-second {
    word-break: break-all;
}

.td-secondMail {
    word-break: break-all;
    min-width: 150px;
}

.button-short-service {
    cursor: pointer;
    display: inline-block;
    width: 27px;
    height: 17px;
    background-image: url(/Images/service.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 10px;
}

    .button-short-service:hover {
        display: inline-block;
        cursor: pointer;
        width: 27px;
        height: 17px;
        background-image: url(/Images/service_hover.png);
        background-repeat: no-repeat;
        background-size: cover;
        margin-right: 10px;
    }

.button-short-service-no-flight {
    cursor: pointer;
    display: inline-block;
    width: 17px;
    height: 17px;
    background-image: url(/Images/service-no-flight.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 10px;
}

    .button-short-service-no-flight:hover {
        display: inline-block;
        cursor: pointer;
        width: 17px;
        height: 17px;
        background-image: url(/Images/service-no-flight_hover.png);
        background-repeat: no-repeat;
        background-size: cover;
        margin-right: 10px;
    }

.button-short-move-down {
    cursor: pointer;
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url(/Images/movedown.png);
    background-repeat: no-repeat;
    margin-right: 10px;
}

    .button-short-move-down:hover {
        display: inline-block;
        cursor: pointer;
        width: 27px;
        height: 27px;
        background-image: url(/Images/movedown_hover.png);
        background-repeat: no-repeat;
        margin-right: 10px;
    }

.button-short-move-up {
    cursor: pointer;
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url(/Images/moveup.png);
    background-repeat: no-repeat;
    margin-right: 10px;
}

    .button-short-move-up:hover {
        display: inline-block;
        cursor: pointer;
        width: 27px;
        height: 27px;
        background-image: url(/Images/moveup_hover.png);
        background-repeat: no-repeat;
        margin-right: 10px;
    }

.button-short-read {
    cursor: pointer;
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url(/Images/read.png);
    background-repeat: no-repeat;
    margin-right: 10px;
    float: right;
}

    .button-short-read:hover {
        display: inline-block;
        cursor: pointer;
        width: 27px;
        height: 27px;
        background-image: url(/Images/read_hover.png);
        background-repeat: no-repeat;
        margin-right: 10px;
        float: right;
    }

.button-short-previous {
    cursor: pointer;
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url(/Images/arrow_left.png);
    background-repeat: no-repeat;
    margin-right: 10px;
}

    .button-short-previous:hover {
        display: inline-block;
        cursor: pointer;
        width: 27px;
        height: 27px;
        background-image: url(/Images/arrow_left_hover.png);
        background-repeat: no-repeat;
        margin-right: 10px;
    }

.button-short-next {
    cursor: pointer;
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url(/Images/arrow_right.png);
    background-repeat: no-repeat;
    margin-right: 10px;
}

    .button-short-next:hover {
        display: inline-block;
        cursor: pointer;
        width: 27px;
        height: 27px;
        background-image: url(/Images/arrow_right_over.png);
        background-repeat: no-repeat;
        margin-right: 10px;
    }

.button-short-links {
    cursor: pointer;
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url(/Images/links.png);
    background-repeat: no-repeat;
    margin-right: 10px;
    margin-left: 10px;
}

    .button-short-links:hover {
        display: inline-block;
        cursor: pointer;
        width: 27px;
        height: 27px;
        background-image: url(/Images/links_hover.png);
        background-repeat: no-repeat;
        margin-right: 10px;
        margin-left: 10px;
    }

.button-short-accept {
    cursor: pointer;
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url(/Images/accept.png);
    background-repeat: no-repeat;
}

    .button-short-accept:hover {
        background-image: url(/Images/accept_hover.png) !important;
    }

.button-preferences-partener-accept-reject {
    width: 32px;
    height: 27px;
    padding-top: 3px !important
}

.button-short-home {
    cursor: pointer;
    display: inline-block;
    width: 33px;
    height: 44px;
    background-image: url(/Images/home.png);
    background-repeat: no-repeat;
    margin-right: 10px;
    margin-top: -15px;
    margin-left: 15px;
}

    .button-short-home:hover {
        background-image: url(/Images/home_hover_plane.gif) !important;
    }

.button-short-unchecked {
    cursor: pointer;
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url(/Images/unchecked.png);
    background-repeat: no-repeat;
    margin-right: 10px;
}

    .button-short-unchecked:hover {
        display: inline-block;
        cursor: pointer;
        width: 27px;
        height: 27px;
        background-image: url(/Images/unchecked_hover.png);
        background-repeat: no-repeat;
        margin-right: 10px;
    }

.button-short-checked {
    cursor: pointer;
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url(/Images/checked.png);
    background-repeat: no-repeat;
    margin-right: 10px;
}

    .button-short-checked:hover {
        display: inline-block;
        cursor: pointer;
        width: 27px;
        height: 27px;
        background-image: url(/Images/checked_hover.png);
        background-repeat: no-repeat;
        margin-right: 10px;
    }

.button-short-back {
    cursor: pointer;
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url(/Images/back.png);
    background-repeat: no-repeat;
    margin-right: 10px;
}

    .button-short-back:hover {
        display: inline-block;
        cursor: pointer;
        width: 27px;
        height: 27px;
        background-image: url(/Images/back_hover.png);
        background-repeat: no-repeat;
        margin-right: 10px;
    }

.button-short-save {
    cursor: pointer;
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url(/Images/save.png);
    background-repeat: no-repeat;
    margin-right: 10px;
}

    .button-short-save:hover {
        display: inline-block;
        cursor: pointer;
        width: 27px;
        height: 27px;
        background-image: url(/Images/save_hover.png);
        background-repeat: no-repeat;
        margin-right: 10px;
    }

.button-short-turn-off {
    cursor: pointer;
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url(/Images/turn_off.png);
    background-repeat: no-repeat;
    margin-right: 10px;
}

    .button-short-turn-off:hover {
        display: inline-block;
        cursor: pointer;
        width: 27px;
        height: 27px;
        background-image: url(/Images/turn_off_hover.png);
        background-repeat: no-repeat;
        margin-right: 10px;
    }

.button-short-sign-in {
    cursor: pointer;
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url(/Images/signin.png);
    background-repeat: no-repeat;
    margin-right: 10px;
}

    .button-short-sign-in:hover {
        display: inline-block;
        cursor: pointer;
        width: 27px;
        height: 27px;
        background-image: url(/Images/signin_hover.png);
        background-repeat: no-repeat;
        margin-right: 10px;
    }

.button-short-edit {
    cursor: pointer;
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url(/Images/editar.png);
    background-repeat: no-repeat;
    margin-right: 10px;
}

    .button-short-edit:hover {
        display: inline-block;
        cursor: pointer;
        width: 27px;
        height: 27px;
        background-image: url(/Images/editar_hover.png);
        background-repeat: no-repeat;
        margin-right: 10px;
    }

.button-short-trash {
    cursor: pointer;
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url(/Images/garbage.png);
    background-repeat: no-repeat;
    margin-left: 5px;
}

    .button-short-trash:hover {
        display: inline-block;
        cursor: pointer;
        width: 27px;
        height: 27px;
        background-image: url(/Images/garbage_hover.png);
        background-repeat: no-repeat;
        margin-left: 5px;
    }

.button-short-upload {
    cursor: pointer;
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url(/Images/upload.png);
    background-repeat: no-repeat;
    margin-right: 5px;
}

    .button-short-upload:hover {
        display: inline-block;
        cursor: pointer;
        width: 27px;
        height: 27px;
        background-image: url(/Images/upload_hover.png);
        background-repeat: no-repeat;
        margin-right: 5px;
    }

.button-short-erase {
    cursor: pointer;
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url(/Images/erase.png);
    background-repeat: no-repeat;
}

    .button-short-erase:hover {
        display: inline-block;
        cursor: pointer;
        width: 27px;
        height: 27px;
        background-image: url(/Images/erase_hover.png);
        background-repeat: no-repeat;
    }

.td-last-active img {
    width: 27px;
    height: 27px;
}

.button-short-roles {
    cursor: pointer;
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url(/Images/roles.png);
    background-repeat: no-repeat;
    margin-left: 10px;
}

    .button-short-roles:hover {
        display: inline-block;
        cursor: pointer;
        width: 27px;
        height: 27px;
        margin-left: 10px;
        background-image: url(/Images/roles_hover.png);
        background-repeat: no-repeat;
    }


.button-short-label {
    display: inline-block;
    cursor: pointer;
    width: 27px;
    height: 27px;
    background-image: url(/Images/etiqueta.png);
    background-repeat: no-repeat;
    margin-left: 10px;
}

    .button-short-label:hover {
        display: inline-block;
        cursor: pointer;
        width: 27px;
        height: 27px;
        background-image: url(/Images/etiqueta_hover.png);
        background-repeat: no-repeat;
        margin-left: 10px;
    }

#calendarTable {
    margin-bottom: 2rem;
}

.button-short-find {
    display: inline-block;
    cursor: pointer;
    width: 27px;
    height: 27px;
    background-color: #D4192D;
    border-radius: 6px;
    padding-left: 7px;
    padding-top: 3px;
}

    .button-short-find:hover {
        display: inline-block;
        cursor: pointer;
        width: 27px;
        height: 27px;
        background-color: #fff;
        border-radius: 6px;
        padding-left: 7px;
        padding-top: 3px;
    }

        .button-short-find:hover i {
            color: #D4192D;
        }

.button-double-short {
    width: 68px;
}

.button-double-long {
    padding-left: 10px;
    padding-right: 10px;
    min-width: 106px;
}

div.modal-header {
    /*background-color: #cecece; */
    border-radius: 6px 6px 0px 0px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #808080;
    color: white;
    background: #D4192D;
}

div.modal-footer {
    /*background-color: #cecece; */
    border-radius: 0px 0px 6px 6px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #D4192D;
    background: #D4192D; /* Old browsers 
    background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ 
    background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Opera 11.10+
    background: -ms-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* IE10+
    background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 
    */
}

.icon-padd-left {
    padding-left: 5px;
}

.icon-padd-right {
    padding-right: 5px;
}


.formTitle, .page-title {
    color: #d4192d;
    position: relative;
    text-align: right;
    width: 100%;
    height: 40px;
    font-weight: bold;
    font-size: 48px !important;
    margin-bottom: 30px;
}




/*********************************************************/
header {
    z-index: 9;
    color: #fff;
    padding: 5px 10px;
    width: 100%;
    height: 70px;
    min-height: 60px;
    position: fixed;
    margin-top: 0px;
    background: #D4192D;
}
/*Top heading style*/

.footer-wrapper {
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 1200px;
}

/*Footer*/
footer {
    color: #D4192D;
    height: 30px;
    bottom: 0px;
    position: fixed;
    width: 100%;
}

#footer ul {
    width: 60%;
    display: inline-block;
    list-style: none;
    vertical-align: middle;
    margin: 0 auto;
    padding: 0;
}

    #footer ul li {
        float: left;
        margin-right: 20px;
        padding: 0;
    }

#footer a {
    color: #D4192D;
    font-weight: bold;
}

/*Body structure*/
#body {
    padding-top: 100px;
}


.logIn {
    width: 50%;
    min-width: 250px;
    opacity: 0.7;
    background-color: rgb(255, 255, 255);
    margin: 0 auto;
    margin-top: 150px;
    padding: 25px;
    border-radius: 10px;
}

    .logIn h2 {
        font-size: 32px;
        font-weight: bold;
    }

#main-logo {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    position: fixed;
}

    #main-logo img {
        width: 273px;
    }

#top-right-menu-action {
    float: right;
    color: #fff;
    position: fixed;
    margin-top: 15px;
    width: 100px;
    right: 0px;
}

    #top-right-menu-action > a {
        color: #fff;
    }

/*Navigation bar*/
#navigation-bar {
    clear: both;
    padding: 0;
    width: auto;
    float: left;
    margin-left: 300px;
    margin-top: 12px;
}

    #navigation-bar > ul {
        width: 100%;
        display: inline-block;
        list-style: none;
        vertical-align: middle;
        margin: 0;
        padding: 0;
        background-color: #D4192D;
        z-index: 9;
    }

        #navigation-bar > ul > li {
            float: left;
            margin: 0;
            padding: 0;
        }

            #navigation-bar > ul > li > a {
                color: white;
                padding: 10px 0;
                display: block;
                font-size: 18px;
                cursor: pointer;
                font-weight: 600;
                letter-spacing: 0.05em;
            }

                #navigation-bar > ul > li > a:hover {
                    transition: 0.2s ease-in all;
                    background: #D4192D;
                    text-decoration: none;
                    cursor: pointer;
                }

                #navigation-bar > ul > li > a.active {
                }

            /*Submenu*/
            #navigation-bar > ul > li > .sub-menu {
                background: #D4192D;
                min-width: 200px;
                height: auto;
                color: #fff;
                padding: 6px 10px 13px;
                visibility: hidden;
                opacity: 0;
                position: absolute;
                z-index: 10;
                transition: all 0.5s ease-in;
            }

            #navigation-bar > ul > li:hover > .sub-menu.empty {
                display: none;
            }

            #navigation-bar > ul > li:hover > .sub-menu {
                visibility: visible;
                opacity: 1;
                transition-delay: 0s;
            }

            #navigation-bar > ul > li > .sub-menu ul {
                list-style: none;
                margin: 0px;
                padding: 0px;
            }

                #navigation-bar > ul > li > .sub-menu ul li a {
                    font-size: 16px;
                    letter-spacing: 0.04em;
                }

                    #navigation-bar > ul > li > .sub-menu ul li a:hover {
                        text-decoration: none;
                    }

#logged-user-popup {
    width: 165px;
}

    #logged-user-popup .user-photo {
        margin-right: 10px;
    }


#top-right-menu-action .drop-down-content {
    margin-left: -115px;
}

.drop-down-container .drop-down-content {
    /*display: none;*/
    height: 0;
    width: 0;
    overflow: hidden;
    opacity: 0;
}

.drop-down-container:hover .drop-down-content {
    opacity: 1;
    transition: 0.2s ease-in opacity;
    display: block;
    position: absolute;
    height: auto;
    width: auto;
    min-width: 0;
    min-height: 0;
    color: black;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px 0px;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.2);
    /*border-radius: 6px;*/
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 10px 22px;
}


/*USER pagina bienvenida*/

.containerHome {
    width: 100%;
    margin: 0px;
}

.homeHeight {
    width: 100%;
    position: absolute;
    height: 100%;
}

.columnaHomeLeft {
    overflow: hidden;
    height: 100%;
}

.columnaHomeRight {
    overflow: hidden;
    height: 100%;
}

.tableHome {
    padding-top: 30px;
    font-size: 20px;
}


.tableHomeHeader {
    font-weight: bold;
    font-size: 24px;
}

.img-user {
    border: 4px solid #fff;
    width: 100%;
    margin-bottom: 20px;
}


.solicitudes {
    overflow: hidden;
    /*position: absolute;*/
    position: fixed;
    bottom: 0px;
    float: left;
    height: 270px;
    padding-right: 15px;
}

    .solicitudes li {
        width: 29%;
        height: 200px;
        list-style: none;
        float: left;
        margin-left: 15px;
        background-color: rgba(255,255,255,0.7);
        margin-top: 150px;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        transition: ease-in-out 300ms;
        -webkit-transition: ease-in-out 300ms;
        -moz-transition: ease-in-out 300ms;
        cursor: pointer;
    }

        .solicitudes li:hover {
            list-style: none;
            float: left;
            margin-left: 15px;
            width: 29%;
            height: 250px;
            background-color: rgba(255, 255, 255, 1);
            margin-top: 80px;
        }


        .solicitudes li a {
            color: #D4192D;
            font-size: 46px;
            text-align: right;
            font-weight: bold;
            float: right;
            padding-right: 13px;
            text-decoration: none;
        }

        .solicitudes li:hover a {
        }

        .solicitudes li span {
            opacity: 0;
            color: #D4192D;
            font-size: 18px;
            text-align: right;
            font-weight: bold;
            font-style: italic;
            padding-right: 15px;
            float: right;
            transition: ease-in-out 300ms;
            -webkit-transition: ease-in-out 300ms;
            -moz-transition: ease-in-out 300ms;
        }


        .solicitudes li:hover span {
            opacity: 1;
        }

        .solicitudes li img {
            margin-left: 15px;
            margin-top: -50px;
            position: relative;
            display: block;
        }

        .solicitudes li:hover img {
            margin-top: -50px;
        }


.rowHome {
    background-color: rgba(255,255,255,0.7);
    min-width: 200px;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
}

.rowPreferences {
    background-color: rgba(255,255,255,0.7);
    min-height: 600px;
    min-width: 230px;
    border-radius: 10px;
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 20px;
    padding-bottom: 20px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-top: 25px;
}



.fa-arrow-circle-o-right {
    color: white;
    cursor: pointer;
}

    .fa-arrow-circle-o-right:hover {
        color: #FFC61E;
        cursor: pointer;
    }

.fa-arrow-circle-o-left {
    color: white;
    cursor: pointer;
}

    .fa-arrow-circle-o-left:hover {
        color: #FFC61E;
        cursor: pointer;
    }

.rowPreferences h2 {
    margin-top: 0px;
    margin-left: 18px;
}

.wellcomeTxt {
    font-size: 48px;
    color: #fff;
    padding-left: 10px;
    text-shadow: 2px 3px 4px rgba(150, 150, 150, 1);
}

.wellcomeTxtTop {
    display: none;
    font-size: 38px;
    color: #fff;
    padding-left: 10px;
    text-shadow: 2px 3px 4px rgba(150, 150, 150, 1);
    text-align: center;
    margin-bottom: 20px;
    margin-top: 0px;
}

.linkNoticia {
    color: black;
}

    .linkNoticia:hover {
        color: black;
        cursor: pointer;
    }

.noticiaTitulo {
    padding-left: 10px;
}

.userInfo h4 {
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 16px;
}

.userInfo {
    padding-left: 0px;
}

.flight-food-icon {
    color: #fff !important;
    text-shadow: 1px 1px 4px #9F8A8A;
}

.flight-food-icon-selected {
    color: green !important;
}



/*CAMBIO ESTILOS SOLICITUDES minima res*/
@media (max-width: 765px) {



    .userInfo {
        padding-left: 15px;
    }

    .columnaHomeRight {
        height: auto;
        margin-bottom: 100px;
    }

    .columnaHomeLeft {
        height: auto;
    }

    .rowHome {
        height: auto;
        padding-left: 0px;
    }


    .solicitudes {
        overflow: hidden;
        position: fixed !important;
        bottom: 0px;
        float: left;
        height: 100px;
        background-color: rgba(255,255,255,0.7);
        width: 100%;
    }

        .solicitudes ul {
            width: 430px;
            margin: 0 auto;
        }

        .solicitudes li {
            width: 100px !important;
            height: 95px !important;
            list-style: none;
            float: left;
            margin-left: 15px;
            background-color: rgba(255,255,255,0.0);
            margin-top: 0px;
            border-top-right-radius: 0px;
            border-top-left-radius: 0px;
            cursor: pointer;
        }

            .solicitudes li:hover {
                width: 100px !important;
                height: 95px !important;
                list-style: none;
                float: left;
                margin-left: 15px;
                background-color: rgba(255,255,255,0.7);
                margin-top: 0px !important;
                border-top-right-radius: 0px;
                border-top-left-radius: 0px;
                cursor: pointer;
            }

            .solicitudes li img {
                margin-left: calc(50% - 30px);
                margin-top: 21px;
                position: relative;
            }

            .solicitudes li:hover img {
                margin-left: calc(50% - 30px);
                margin-top: 21px;
                position: relative;
            }

            .solicitudes li span {
                display: none;
            }
}


/*CAMBIO ESTILOS SOLICITUDES minima resMobris*/
@media (max-width: 400px) {

    .columnaHomeRight {
        height: auto;
        padding-bottom: 100px;
    }

    .columnaHomeLeft {
        height: auto;
    }

    .rowHome {
        height: auto;
        padding-left: 0px;
    }


    .solicitudes {
        overflow: hidden;
        position: fixed !important;
        bottom: 0px;
        float: left;
        height: 90px !important;
        background-color: rgba(255,255,255,0.7);
        width: 100%;
        padding-right: 30px !important;
        margin-left: -15px;
    }

        .solicitudes ul {
            width: auto;
            margin-left: calc(50% - 180px);
        }

        .solicitudes li {
            width: 80px !important;
            height: 80px !important;
            list-style: none;
            float: left;
            margin-left: 15px;
            background-color: rgba(255,255,255,0.0) !important;
            margin-top: 0px;
            border-top-right-radius: 0px;
            border-top-left-radius: 0px;
            cursor: pointer;
        }

            .solicitudes li:hover {
                width: 80px !important;
                height: 80px !important;
                list-style: none;
                float: left;
                margin-left: 15px;
                background-color: rgba(255,255,255,0.7);
                margin-top: 0px !important;
                border-top-right-radius: 0px;
                border-top-left-radius: 0px;
                cursor: pointer;
            }

            .solicitudes li img {
                width: 80% !important;
                margin-left: calc(50% - 25px) !important;
                margin-top: 0px !important;
                position: relative;
            }

            .solicitudes li:hover img {
                width: 80% !important;
                margin-left: calc(50% - 25px) !important;
                margin-top: 0px !important;
                position: relative;
            }

            .solicitudes li span {
                display: none;
            }

            .solicitudes li a {
                font-size: 24px !important;
                color: #D4192D;
                text-align: right;
                font-weight: bold;
                float: right;
                padding-top: 11px !important;
                padding-right: 15px;
                text-decoration: none;
            }
}


/*CAMBIO ESTILOS SOLICITUDES minima resMobris*/
@media (max-width: 354px) {


    .solicitudes ul {
        width: auto;
        margin-left: calc(50% - 150px);
    }

    .solicitudes li {
        width: 70px !important;
        height: 70px !important;
        list-style: none;
        float: left;
        margin-left: 5px !important;
        background-color: rgba(255,255,255,0.7);
        margin-top: 0px;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        /*transition: ease-in-out 300ms;
      -webkit-transition: ease-in-out 300ms;
        -moz-transition: ease-in-out 300ms;*/
        cursor: pointer;
    }

        .solicitudes li:hover {
            width: 70px !important;
            height: 70px !important;
            list-style: none;
            float: left;
            margin-left: 5px !important;
            background-color: rgba(255,255,255,0.7);
            margin-top: 0px !important;
            border-top-right-radius: 0px;
            border-top-left-radius: 0px;
            /*transition: ease-in-out 300ms;
      -webkit-transition: ease-in-out 300ms;
        -moz-transition: ease-in-out 300ms;*/
            cursor: pointer;
        }

        .solicitudes li img {
            margin-left: calc(50% - 22px) !important;
            margin-top: 21px;
            position: relative;
        }

        .solicitudes li:hover img {
            margin-left: calc(50% - 22px) !important;
            margin-top: 21px;
            position: relative;
        }
}


/*CAMBIO ESTILOS SOLICITUDES*/
/*IPAD Landscape*/
@media (max-width: 1024px) {



    .solicitudes {
        overflow: hidden;
        position: fixed;
        bottom: 0px;
        float: left;
        height: 110px;
        width: 100%;
    }

        .solicitudes ul {
        }

        .solicitudes li {
            width: 100px;
            height: 110px;
            list-style: none;
            float: left;
            margin-left: 15px;
            background-color: rgba(255,255,255,0.7);
            margin-top: 20px;
            border-top-right-radius: 0px;
            border-top-left-radius: 0px;
            cursor: pointer;
        }

            .solicitudes li:hover {
                width: 100px;
                height: 110px;
                list-style: none;
                float: left;
                margin-left: 15px;
                background-color: rgba(255,255,255,0.7);
                margin-top: 20px !important;
                border-top-right-radius: 0px;
                border-top-left-radius: 0px;
                /*transition: ease-in-out 300ms;
      -webkit-transition: ease-in-out 300ms;
        -moz-transition: ease-in-out 300ms;*/
                cursor: pointer;
            }

            .solicitudes li img {
                margin-left: calc(50% - 30px);
                margin-top: 21px;
                position: relative;
            }

            .solicitudes li:hover img {
                margin-left: calc(50% - 30px);
                margin-top: 21px;
                position: relative;
            }

            .solicitudes li a {
                color: #D4192D;
                text-align: right;
                font-weight: bold;
                float: right;
                position: absolute;
                margin-top: -35px;
            }

            .solicitudes li:hover a {
                color: #D4192D;
                text-align: right;
                font-weight: bold;
                float: right;
                position: absolute;
                margin-top: -35px;
            }

            .solicitudes li span {
                display: none;
            }
}


@media (min-width: 768px) and (max-width: 1005px) {


    .userInfo h4 {
        font-size: 14px;
        margin-top: 0px;
        margin-bottom: 10px;
        line-height: 16px;
    }

    .userInfo {
        padding-right: 0px;
    }
}


@media (max-width: 1203px) {

    .solicitudes li a {
        color: #D4192D;
        font-size: 46px;
        text-align: right;
        font-weight: bold;
        float: right;
        padding-top: 5px;
        padding-right: 15px;
        text-decoration: none;
    }

    .solicitudes li:hover a {
        padding-top: 5px;
    }
}


@media (max-width: 1084px) {

    .solicitudes li span {
        font-size: 14px;
    }

    .solicitudes li:hover span {
        font-size: 14px;
    }

    .solicitudes li {
        height: 150px;
    }

        .solicitudes li:hover {
            height: 200px;
            margin-top: 100px;
        }
}



@media (max-width: 1050px) {
    .solicitudes li img {
        width: 60%;
        display: inline;
    }
}



@media (max-width: 987px) {
    .userInfo h3 {
        font-size: 18px !important;
        line-height: 22px;
    }
}

@media (max-width: 369px) {



    .userInfo h4 {
        font-size: 14px !important;
    }
}

@media (max-width: 400px) {



    .userInfo {
        max-width: 280px;
        margin: 0 auto;
    }

        .userInfo h3 {
            font-size: 16px;
        }

        .userInfo h4 {
            font-size: 14px;
        }

    .wellcomeTxtTop {
        font-size: 32px;
        color: #fff;
        padding-left: 10px;
        text-shadow: 2px 3px 4px rgba(150, 150, 150, 1);
        text-align: center;
        margin-bottom: 20px;
        margin-top: 0px;
    }

    .rowHome h1 {
        font-size: 32px;
    }

    .rowHome img {
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .rowHome {
        min-height: 200px !important;
        padding-left: 0px;
        padding-right: 0px;
        font-size: 12px;
    }

    .noticiaTitulo {
        font-size: 14px !important;
    }
}

/*Exclusive css for PCs*/
@media all and (min-width: 989px) {
    #navigation-bar-toggle {
        display: none;
    }

    #navigation-bar {
        display: block !important;
    }
}

/*Exclusive css for Smartphones*/
@media all and (max-width: 989px) {
    h2 {
        font-size: 20px !important;
    }

        h2 label {
            font-size: 20px !important;
        }

    .formTitle {
        height: 20px;
        font-size: 24px !important;
    }

    .button-short-back {
        cursor: pointer;
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url(/Images/back.png);
        background-repeat: no-repeat;
        margin-right: 10px;
    }

        .button-short-back:hover {
            display: inline-block;
            cursor: pointer;
            width: 20px;
            height: 20px;
            background-image: url(/Images/back_hover.png);
            background-repeat: no-repeat;
            margin-right: 10px;
        }

    .tableHome label {
        font-size: 16px;
    }

    .columnaHomeRight label {
        font-size: 16px;
    }

    label {
        font-size: 12px;
    }

    .monthText {
        /*font: "Iberia Headline" !important;*/
        font-family: "Iberia Headline" !important;
        font-size: 24px;
    }

    thead {
        font-size: 14px;
    }


    #header {
    }



    #navigation-bar {
        display: none;
        margin-left: -10px;
        margin-top: 60px;
        width: 110%;
    }

    #footer ul li {
        float: none;
        display: block;
    }

    #navigation-bar ul li {
        float: none;
        display: block;
        width: auto;
    }

        #navigation-bar ul li a, #navigation-bar ul li a:hover, #navigation-bar ul li a.active {
            border-bottom-width: 0px;
        }

    #navigation-bar-toggle {
        display: inline-block;
        padding: 4px 9px;
        border: 1px solid #fff;
        border-radius: 2px;
        cursor: pointer;
        /*margin-right:15px;*/
        float: left;
        margin-top: 2px;
    }

    #main-logo img {
        width: 250px;
        position: relative;
        bottom: -1px;
    }

    #top-right-menu-action {
        width: 150px;
    }

    #logged-user {
        display: none;
    }

    #top-right-menu-action .drop-down-container {
        display: none;
    }

    #footer {
        text-align: center;
    }

    #navigation-bar > ul > li:hover > .sub-menu {
        display: none;
        position: relative;
        background: #d4192d;
        width: 95%;
        min-width: 0;
        min-height: 0;
    }

    #navigation-bar > ul > li:hover > .sub-menu {
        display: inline-block;
        position: relative;
        background: #d4192d;
        width: 95%;
        min-width: 0;
        min-height: 0;
    }

    .dayNumber {
        text-align: right;
        font-size: 21px !important;
        margin-bottom: 10px;
    }
}



.desplegable {
    width: 300px;
}


@media (min-width: 963px) and (max-width: 1200px) {
    .desplegable {
        width: 200px;
    }

    .dropdown-menu {
        width: 200px;
    }
}

@media all and (max-width: 305px) {

    h2 {
        font-size: 6px !important;
    }

    .formTitle {
        height: 40px;
        font-size: 48px !important;
    }

    .button-short-back {
        cursor: pointer;
        display: inline-block;
        width: 27px;
        height: 27px;
        background-image: url(/Images/back.png);
        background-repeat: no-repeat;
        margin-right: 10px;
    }

        .button-short-back:hover {
            display: inline-block;
            cursor: pointer;
            width: 27px;
            height: 27px;
            background-image: url(/Images/back_hover.png);
            background-repeat: no-repeat;
            margin-right: 10px;
        }

    .dropdown-menu {
        width: 150px !important;
    }

    .desplegable {
        width: 150px !important;
    }
}


@media all and (max-width: 510px) {

    .daysOff h4 {
        font-size: 11px !important;
        line-height: 8px !important;
        margin-bottom: 4px;
        margin-top: 2px;
    }

    .dropdown-menu {
        width: 200px;
    }

    .desplegable {
        width: 200px;
    }


    h2 {
        font-size: 16px !important;
    }

    .formTitle {
        font-size: 20px !important;
    }

    .button-short-back {
        cursor: pointer;
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url(/Images/back.png);
        background-repeat: no-repeat;
        margin-right: 10px;
    }

        .button-short-back:hover {
            display: inline-block;
            cursor: pointer;
            width: 20px;
            height: 20px;
            background-image: url(/Images/back_hover.png);
            background-repeat: no-repeat;
            margin-right: 10px;
        }


    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding-left: 7px;
        padding-bottom: 5px;
        padding-top: 7px;
    }

    .td-secondMail {
        word-break: break-all;
        min-width: 100px;
    }

    /*td.td-last {
        width: 94px;
        min-width: 94px;
    }*/

    td.td-last-2 {
        width: 56px;
        padding-left: 5px !important;
        padding-right: 5px;
    }


    .button-double-long {
        width: 80px;
        font-size: 12px;
    }

    .button-double-short {
        width: 48px;
        font-size: 12px;
    }

    .tableHome label {
        font-size: 12px;
    }

    .tableHomeHeader {
        font-size: 16px !important;
    }

    label {
        font-size: 10px;
    }

    .monthText {
        font-size: 24px;
    }

    thead {
        font-size: 12px;
    }

    .button-short-edit:hover {
        width: 17px;
        height: 17px;
        background-size: contain;
    }

    .button-short-edit {
        width: 17px;
        height: 17px;
        background-size: contain;
    }

    .button-short-move-up {
        width: 17px;
        height: 17px;
        background-size: contain;
    }

        .button-short-move-up:hover {
            width: 17px;
            height: 17px;
            background-size: contain;
        }

    .button-short-move-down {
        width: 17px;
        height: 17px;
        background-size: contain;
    }

        .button-short-move-down:hover {
            width: 17px;
            height: 17px;
            background-size: contain;
        }

    .button-short-trash {
        width: 17px;
        height: 17px;
        background-size: contain;
    }

        .button-short-trash:hover {
            width: 17px;
            height: 17px;
            background-size: contain;
        }

    .button-short-upload {
        width: 17px;
        height: 17px;
        background-size: contain;
    }

        .button-short-upload:hover {
            width: 17px;
            height: 17px;
            background-size: contain;
        }

    .button-short-erase {
        width: 17px;
        height: 17px;
        background-size: contain;
    }

        .button-short-erase:hover {
            width: 17px;
            height: 17px;
            background-size: contain;
        }

    .button-short-accept {
        width: 17px;
        height: 17px;
        background-size: contain;
    }

        .button-short-accept:hover {
            width: 17px;
            height: 17px;
            background-size: contain;
        }

    .td-last-active img {
        width: 17px;
        height: 17px;
    }

    .button-short-label {
        width: 17px;
        height: 17px;
        background-size: contain;
    }

        .button-short-label:hover {
            width: 17px;
            height: 17px;
            background-size: contain;
        }

    .button-short-roles:hover {
        width: 17px;
        height: 17px;
        background-size: contain;
    }

    .button-short-roles {
        width: 17px;
        height: 17px;
        background-size: contain;
    }
}

@media all and (max-width: 270px) {
    #main-logo img {
        top: 5px;
        width: 117px !important;
        position: relative;
    }
}

@media all and (max-width: 318px) {

    #navigation-bar-toggle {
        padding: 0px 3px;
        margin-right: 5px;
    }

    #main-logo {
        margin: 0px;
    }

        #main-logo img {
            top: 5px !important;
            width: 150px;
            position: relative;
        }

    .navbar-right {
        width: 34px;
        float: right;
        margin: 0px;
    }

    .button-short-turn-off {
        margin: 0px;
    }

        .button-short-turn-off:hover {
            margin: 0px;
        }

    #top-right-menu-action .btn {
        padding: 2px 0px;
    }

    #top-right-menu-action {
        width: 103px;
        margin-top: 0;
    }

    header {
        height: 43px;
        min-height: 43px;
    }


    #navigation-bar {
        margin-top: 37px;
    }

    .container {
        padding-top: 50px !important;
    }
}

@media all and (max-width: 416px) {

    .nav-tabs > li > a {
        padding: 5px 5px;
    }


    #main-logo img {
        top: 10px;
        width: 150px;
        position: relative;
    }

    td.td-last {
        min-width: 76px;
    }


    .button-double-long {
        width: 60px;
        font-size: 10px;
    }

    .button-double-short {
        width: 38px;
        font-size: 10px;
    }

    thead {
        font-size: 10px;
    }



    .button-short-edit:hover {
        float: left;
        width: 17px;
        height: 17px;
        background-size: contain;
        margin-right: 5px !important;
    }

    .button-short-edit {
        float: left;
        width: 17px;
        height: 17px;
        background-size: contain;
        margin-right: 5px !important;
    }

    .button-short-label {
        float: left;
        width: 17px;
        height: 17px;
        background-size: contain;
        margin-left: 5px !important;
    }

        .button-short-label:hover {
            float: left;
            width: 17px;
            height: 17px;
            background-size: contain;
            margin-left: 5px !important;
        }

    .button-short-roles:hover {
        float: left;
        width: 17px;
        height: 17px;
        background-size: contain;
        margin-left: 5px !important;
    }

    .button-short-roles {
        float: left;
        width: 17px;
        height: 17px;
        background-size: contain;
        margin-left: 5px !important;
    }


    .button-short-move-up {
        width: 17px;
        height: 17px;
        background-size: contain;
    }

        .button-short-move-up:hover {
            width: 17px;
            height: 17px;
            background-size: contain;
        }

    .button-short-move-down {
        width: 17px;
        height: 17px;
        background-size: contain;
    }

        .button-short-move-down:hover {
            width: 17px;
            height: 17px;
            background-size: contain;
        }

    .button-short-trash {
        width: 17px;
        height: 17px;
        background-size: contain;
    }

        .button-short-trash:hover {
            width: 17px;
            height: 17px;
            background-size: contain;
        }

    .button-short-upload {
        width: 17px;
        height: 17px;
        background-size: contain;
    }

        .button-short-upload:hover {
            width: 17px;
            height: 17px;
            background-size: contain;
        }

    .button-short-erase {
        float: left;
        width: 17px;
        height: 17px;
        background-size: contain;
    }

        .button-short-erase:hover {
            float: left;
            width: 17px;
            height: 17px;
            background-size: contain;
        }

    .td-last-active img {
        width: 17px;
        height: 17px;
    }
}

/*Top layer popup*/
.top-layer-popup {
    display: none;
}

    .top-layer-popup.enabled {
        display: block;
        position: fixed;
        height: 100%;
        width: 100%;
        text-align: center;
        left: 0px;
        top: 0px;
        display: block;
        background-color: white;
        background: rgba(255, 255, 255, 0.87);
        z-index: 5;
    }

    .top-layer-popup .top-layer-popup-content {
        top: 40%;
        position: relative;
    }

    .top-layer-popup .top-layer-popup-message {
        margin-top: 20px;
        font-size: 18px;
        font-weight: bold;
    }

    .top-layer-popup asdas {
        background: rgb(255, 255, 255);
        min-height: 120px;
        width: 80%;
        margin: 0 auto;
        border-radius: 4px;
        box-shadow: 0px 1px 8px -3px #0E0E0E;
        padding: 5px;
    }



/*Helper classes*/
.full-inner-size-block {
    display: inline-block;
    width: 100%;
}

.inline-block {
    display: inline-block;
}



/*Calendar*/
.day-actions {
    /*background: #ccc;*/
    /*border-top: 1px solid rgba(135, 128, 128, 0.63);*/
    background: #d8d8d8 !important;
    background: rgba(212, 25, 45, 0.13) !important;
    border-top: 1px solid #ccc;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

    .day-actions:hover {
        background: rgba(255, 255, 255, 0.13) !important;
    }

.daysOff {
    display: inline-block;
}

    .daysOff h4 {
        font-size: 12px;
        line-height: 8px !important;
        text-align: center;
    }

.rightArrowCalendar {
    width: 100%;
    text-align: right;
    bottom: 41.2%;
    position: absolute;
    right: 55px;
    z-index: 99999999;
}

.rightArrowCalendarTop {
    padding-right: 5px;
    position: absolute;
    z-index: 99999999;
    width: 100%;
    text-align: right;
    right: 15%;
    top: 172px;
    display: none;
}

.ShowifResponsive {
    display: none;
}

.leftArrowCalendarTop {
    top: 170px;
    margin-left: 9%;
    position: absolute;
    z-index: 99999999;
}

.monthTitle h3 {
    margin-top: 10px;
}

@media (min-width: 840px ) and (max-width: 869px) {
    .rightArrowCalendarTop {
        padding-right: 5px;
        position: absolute;
        z-index: 99999999;
        width: 100%;
        text-align: right;
        right: 15%;
        top: 152px;
    }

    .leftArrowCalendarTop {
        top: 152px !important;
    }
}


@media (max-width: 839px ) {
    .rightArrowCalendarTop {
        padding-right: 5px;
        position: absolute;
        z-index: 99999999;
        width: 100%;
        text-align: right;
        right: 9%;
        top: 152px;
    }
}

@media all and (max-width: 664px) {

    .rightArrowCalendarTop {
        display: none;
    }

    .ShowifResponsive {
        display: block;
    }
}

@media all and (max-width:395px) {


    .weekDayHover {
        background-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 1px;
        border-color: lightgray;
        min-width: 40px;
        max-width: 40px;
    }

    .weekDayHoverRoff {
        background-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 1px;
        border-color: lightgray;
        min-width: 40px;
        max-width: 40px;
    }

    .rightArrowCalendar {
        width: 100%;
        text-align: right;
        bottom: 51.5%;
        position: absolute;
        right: 30px;
        z-index: 99999999;
    }

    .ShowifResponsive {
        display: block;
    }

    .monthText {
        font-size: 18px;
    }
}

@media all and (max-width:270px) {
    .rightArrowCalendar {
        width: 100%;
        text-align: right;
        bottom: 51.5%;
        position: absolute;
        right: 20px;
        z-index: 99999999;
    }

    .ShowifResponsive {
        display: block;
    }

    .monthText {
        font-size: 18px;
    }
}

.monthTitle {
    background-color: #D4192D;
    text-align: center;
    font-weight: 100;
    color: #fff;
}

.monthTitleIcons {
    background-color: #D4192D;
    text-align: right;
    padding-right: 4px;
    color: #fff;
}

.cal-container .cal-controls .control {
    width: 33%;
    text-align: center;
    margin: 0 auto;
    min-height: 1px;
    float: left;
    margin-bottom: 5px;
}

@media all and (max-width: 768px) {

    .weekDayHover {
        background-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 1px;
        border-color: lightgray;
        min-width: 120px;
        max-width: 120px;
    }

    .weekDayHoverRoff {
        border-style: solid;
        border-width: 1px;
        border-color: lightgray;
        min-width: 120px;
        max-width: 120px;
    }

    .button-short-service-no-flight {
        display: none;
    }

    .seccion-documents {
        display: none;
    }

    .cal-container .cal-controls .control {
        width: 100%;
        clear: both;
    }

    .dayNumber {
        text-align: right;
        font-size: 1.5vw;
        margin-top: 15px;
        margin-right: 10px;
        cursor: pointer;
    }

    .dayIcons {
        width: 100%;
        height: auto;
        padding-right: 10px;
        margin-top: 15px;
        font-size: 8px;
    }
}

.cal {
    width: 50%;
    /* min-width: 530px;*/
    border-collapse: collapse;
    table-layout: fixed;
    vertical-align: top;
}

    .cal caption {
        font-size: 20px;
    }

    .cal tr td.disabled, .cal tr td.disabled:hover {
        background: #eee;
        color: #bbb;
    }

    .cal tr td {
        height: 100px;
        border: 1px solid #ccc;
        vertical-align: top;
    }

        .cal tr td:hover {
            background: #dff7ff;
        }

        .cal tr td .schedule {
            display: block;
            background: rgba(235, 210, 27, 0.56);
            border-radius: 2px;
            padding: 1px 3px;
            cursor: pointer;
            margin-top: 2px;
        }

.cal-modes-btns {
    float: right;
}

/******************************
**    FONTS                  **
*******************************/
@font-face {
    font-family: 'Iberia';
    src: url('../fonts/iberia_text-bold_italic.eot?#iefix') format('embedded-opentype'), url('../fonts/iberia_text-bold_italic.ttf');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Iberia';
    src: url('../fonts/iberia_text-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/iberia_text-bold.ttf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Iberia';
    src: url('../fonts/iberia_text-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/iberia_text-italic.ttf');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Iberia';
    src: url('../fonts/iberia_text-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/iberia_text-regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Iberia Headline';
    src: url('../fonts/iberia-headline.eot?#iefix') format('embedded-opentype'), url('../fonts/iberia-headline.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Iberia Headline';
    src: url('../fonts/iberia-headlineitalic.eot?#iefix') format('embedded-opentype'), url('../fonts/iberia-headlineitalic.ttf');
    font-weight: normal;
    font-style: italic;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'Iberia';
        src: url('../fonts/iberia_text-bold_italic.svg') format('svg');
        font-weight: bold;
        font-style: italic;
    }

    @font-face {
        font-family: 'Iberia';
        src: url('../fonts/iberia_text-bold.svg') format('svg');
        font-weight: bold;
        font-style: normal;
    }

    @font-face {
        font-family: 'Iberia';
        src: url('../fonts/iberia_text-italic.svg') format('svg');
        font-weight: normal;
        font-style: italic;
    }

    @font-face {
        font-family: 'Iberia';
        src: url('../fonts/iberia_text-regular.svg') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Iberia Headline';
        src: url('../fonts/iberia-headline.svg') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Iberia Headline';
        src: url('../fonts/iberia-headlineitalic.svg') format('svg');
        font-weight: normal;
        font-style: italic;
    }
}



.dayIcons {
    width: 100%;
    height: auto;
    padding-right: 20px;
    margin-top: 15px;
    font-size: 12px;
}

.dayIconsIco {
    width: auto;
    float: right;
    height: 15px;
    text-align: right;
    min-width: 21px;
}

.req-off-excluded {
    color: #D4192D !important;
}


.dayNumber {
    text-align: right;
    font-size: 1.5vw !important;
    margin-top: 15px;
    margin-right: 20px;
    cursor: pointer;
    font-size: 32px;
}

.dayName {
    padding-right: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #D4192D;
    background-color: lightgray;
}

.calendarDayHeader {
    background-color: lightgray;
}

.weekDayPreferences {
    height: 105px !important;
}

.weekDayHover {
    background-color: rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
    min-width: 160px;
}

.weekDayHoverRoff {
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
    min-width: 78px;
    min-height: 89px;
}


.weekDayHover:hover {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    background-color: rgba(255, 255, 255, 1);
}

.weekDayHoverRoff:hover {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    background-color: #ffffff;
}

.weekDayHoverGreen {
    background-color: #A3F08F !important;
}
/*Holiday*/
.weekDayHoverDarkGreen {
    background-color: #519140 !important;
    background-color: rgba(81, 145, 64, 0.67) !important;
}

.weekDayHoverBlue {
    background-color: #8FA9D6 !important;
}

.weekDayHoverYellow {
    background-color: #FFFF98 !important;
}

.weekDayHoverOrange {
    background-color: #FFC798 !important;
}

.weekDayHoverMagenta {
    background-color: #E88BCA !important;
}

.weekDayHoverDarkYellow {
    background-color: #FFFF00 !important;
}
.weekDayHoverStrongOrange {
    background-color: #ff8000 !important;
}
@media all and (max-width: 967px) {
    .dayIcons {
        width: 100%;
        height: auto;
        padding-right: 15px;
        margin-top: 15px;
    }

    .dayNumber {
        text-align: right;
        font-size: 1.5vw;
        margin-top: 15px;
        margin-right: 15px;
        cursor: pointer;
    }

    .dayName {
        padding-right: 15px;
    }
}

@media all and (max-width: 664px) {
    .dayIcons {
        width: 100%;
        height: auto;
        padding-right: 15px;
        padding-top: 15px;
        margin-top: 0px !important;
    }



    .dayNumber {
        width: 100%;
        text-align: right;
        font-size: 25px !important;
        margin-top: 15px;
        margin-right: 15px;
        cursor: pointer;
    }

    span.req-off-calendar {
        display: inline-block;
        margin-left: 10px;
        vertical-align: top;
        width: 95% !important;
        min-width: 200px;
        background-color: rgba(255,255,255,0.8);
        margin-bottom: 20px;
        border-bottom: 2px solid #D4192D;
    }

    span.schedule-calendar {
        display: inline-block;
        margin-left: 10px;
        vertical-align: top;
        width: 95% !important;
        min-width: 200px;
        background-color: rgba(255,255,255,0.8);
        margin-bottom: 20px;
        border-bottom: 2px solid #D4192D;
    }
}

@media all and (max-width: 394px) {
    .dayIcons {
        width: 100%;
        height: auto;
        padding-right: 5px !important;
        padding-top: 0px !important;
        margin-top: 0px !important;
    }

    .dayName {
        padding-right: 0px !important;
    }

    .dayNumber {
        width: 100%;
        text-align: right;
        font-size: 15px !important;
        margin-top: 5px !important;
        margin-right: 5px !important;
        cursor: pointer;
    }

    span.req-off-calendar {
        display: inline-block;
        margin-left: 10px;
        vertical-align: top;
        width: 95% !important;
        min-width: 200px;
        background-color: rgba(255,255,255,0.7);
        height: auto;
        margin-bottom: 20px;
    }

    span.schedule-calendar {
        display: inline-block;
        margin-left: 10px;
        vertical-align: top;
        width: 95% !important;
        min-width: 200px;
        background-color: rgba(255,255,255,0.7);
        height: auto;
        margin-bottom: 20px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    .weekDayHover {
        background-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 1px;
        border-color: lightgray;
        min-width: 100px;
        max-width: 100px;
    }

    .weekDayHoverRoff {
        border-style: solid;
        border-width: 1px;
        border-color: lightgray;
        min-width: 100px;
        max-width: 100px;
        min-height: 89px;
        max-height: 89px;
    }

    .dayIcons {
        width: 100%;
        height: auto;
        padding-right: 5px !important;
        padding-top: 0px !important;
        margin-top: 0px !important;
    }

    .dayName {
        padding-right: 0px !important;
    }

    .dayNumber {
        width: 100%;
        text-align: right;
        font-size: 15px !important;
        margin-top: 5px !important;
        margin-right: 5px !important;
        cursor: pointer;
    }

    span.req-off-calendar {
        display: inline-block;
        margin-left: 10px;
        vertical-align: top;
        width: 95% !important;
        min-width: 200px;
        background-color: rgba(255,255,255,0.7);
        height: auto;
        margin-bottom: 20px;
    }

    span.schedule-calendar {
        display: inline-block;
        margin-left: 10px;
        vertical-align: top;
        width: 95% !important;
        min-width: 200px;
        background-color: rgba(255,255,255,0.7);
        height: auto;
        margin-bottom: 20px;
    }
}



.req-off-no-month-day {
    color: #b1b1b1;
    cursor: text;
}

.req-off-month-day-holliday {
    color: #d4192d;
    opacity: 1;
    font-weight: bold;
}

.req-off-month-day-not-holliday {
}

.req-off-month-day-not-selectable {
    color: #b1b1b1;
    cursor: text;
}


/*/////////////////////////////REQUEST LINKS///////////////////////////////////////*/
.req-off-aproved-day-not-holliday {
    background-color: #AADD6D;
}

.req-off-aproved-day-holliday {
    background-color: #5BBF21;
}

.req-off-selected-day-not-holliday {
    background-color: #FCD856 !important;
}

.req-off-selected-day-holliday {
    background-color: #FFC61E;
}

.req-off-rejected > .req-off-month-day-holliday {
    color: #b1b1b1 !important;
    cursor: text;
}

.req-off-rejected > .req-off-month-day-not-holliday {
    color: #b1b1b1 !important;
    cursor: text;
}

.req-off-rejected {
    color: #b1b1b1 !important;
    cursor: text;
}

/*/////////////////////////////REQUEST LINKS///////////////////////////////////////*/

span.req-off-calendar {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
    width: 48%;
    min-width: 200px;
    background-color: rgba(255,255,255,0.7);
    border-bottom: 3px solid #D4192D;
    height: auto;
    margin-bottom: 20px;
}

span.schedule-calendar {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
    width: 99%;
    min-width: 200px;
    background-color: rgba(255,255,255,0.7);
    border-bottom: 3px solid #D4192D;
    height: auto;
    margin-bottom: 20px;
}

div.req-off-choosen-zero {
    color: green;
}

div.req-off-choosen-medium {
    color: orange;
}

div.req-off-choosen-maximum {
    color: red;
}

/*admin user roles*/

.userRoles {
    display: inline-block;
    margin-right: 28px;
    font-size: 18px;
}

@media all and (max-width: 1203px) {
    .userRoles {
        display: inline-block;
        margin-right: 20px;
        font-size: 14px;
    }
}

@media all and (max-width: 989px) {
    .userRoles {
        display: inline-block;
        margin-right: 15px;
        font-size: 12px;
    }

    .userImg {
        margin-bottom: 25px;
    }
}

/*iphone 4*/
@media all and (max-width: 459px) {

    .weekDayHover {
        background-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 1px;
        border-color: lightgray;
        min-width: 40px;
        max-width: 40px;
    }

    .weekDayHoverRoff {
        border-style: solid;
        border-width: 1px;
        border-color: lightgray;
        min-width: 40px;
        max-width: 40px;
    }

    .userRoles {
        display: block;
        margin-right: 15px;
        font-size: 12px;
    }
}



/*////////////////nav tabs////////////////*/

.nav-tabs > li > a {
    color: #D4192D;
    cursor: pointer;
    border: 1px solid #D4192D;
}

.nav-tabs a:active, .nav-tabs a:hover {
    color: white;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: white;
    background-color: #D4192D;
}



/*MENU EFFECTS*/

/* Effect 1: Brackets */
.cl-effect-1 a::before,
.cl-effect-1 a::after {
    display: inline-block;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s;
    transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 .nav-menu-home a::before, .cl-effect-1 .nav-menu-home a::after {
    display: none;
}

.cl-effect-1 a::before {
    margin-right: 5px;
    content: '[';
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px);
}

.cl-effect-1 a::after {
    margin-left: 5px;
    content: ']';
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
}



/*TOOLTIP EFFECT*/


div-signon-signoff {
    display: inline-block;
    /*margin-top: 7px;*/
}



/*IPAD 1 2 i 3 portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    .weekDayHover {
        background-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 1px;
        border-color: lightgray;
        min-width: 100px;
        max-width: 100px;
    }

    .weekDayHoverRoff {
        border-style: solid;
        border-width: 1px;
        border-color: lightgray;
        min-width: 100px;
        max-width: 100px;
    }

    .col-sm-6Home {
        width: 100%;
    }

    .columnaHomeRight {
        height: auto;
        margin-bottom: 100px;
    }

    .columnaHomeLeft {
        height: auto;
    }

    .rowHome {
        height: auto;
        padding-left: 0px;
    }




    .solicitudes {
        overflow: hidden;
        position: fixed;
        bottom: 0px;
        float: left;
        height: 110px;
        width: 100%;
    }

        .solicitudes ul {
            width: 430px;
            margin: 0 auto;
        }

        .solicitudes li {
            width: 100px;
            height: 110px;
            list-style: none;
            float: left;
            margin-left: 15px;
            background-color: rgba(255,255,255,0.7);
            margin-top: 20px;
            border-top-right-radius: 0px;
            border-top-left-radius: 0px;
            /*transition: ease-in-out 300ms;
      -webkit-transition: ease-in-out 300ms;
        -moz-transition: ease-in-out 300ms;*/
            cursor: pointer;
        }

            .solicitudes li:hover {
                width: 100px;
                height: 110px;
                list-style: none;
                float: left;
                margin-left: 15px;
                background-color: rgba(255,255,255,0.7);
                margin-top: 20px !important;
                border-top-right-radius: 0px;
                border-top-left-radius: 0px;
                /*transition: ease-in-out 300ms;
      -webkit-transition: ease-in-out 300ms;
        -moz-transition: ease-in-out 300ms;*/
                cursor: pointer;
            }

            .solicitudes li img {
                margin-left: calc(50% - 30px);
                margin-top: 21px;
                position: relative;
            }

            .solicitudes li:hover img {
                margin-left: calc(50% - 30px);
                margin-top: 21px;
                position: relative;
            }

            .solicitudes li a {
                color: #D4192D;
                text-align: right;
                font-weight: bold;
                float: right;
                position: absolute;
                margin-top: -35px;
            }

            .solicitudes li:hover a {
                color: #D4192D;
                text-align: right;
                font-weight: bold;
                float: right;
                position: absolute;
                margin-top: -35px;
            }

            .solicitudes li span {
                display: none;
            }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {

    .col-sm-6Home {
        width: 100%;
    }

    .columnaHomeRight {
        height: auto;
        margin-bottom: 100px;
    }

    .columnaHomeLeft {
        height: auto;
    }

    .rowHome {
        height: auto;
        padding-left: 0px;
    }

    .solicitudes {
        overflow: hidden;
        position: fixed;
        bottom: 0px;
        float: left;
        height: 110px;
        width: 100%;
    }

        .solicitudes ul {
            width: 430px;
            margin: 0 auto;
        }

        .solicitudes li {
            width: 100px;
            height: 110px;
            list-style: none;
            float: left;
            margin-left: 15px;
            background-color: rgba(255,255,255,0.7);
            margin-top: 20px;
            border-top-right-radius: 0px;
            border-top-left-radius: 0px;
            /*transition: ease-in-out 300ms;
        -webkit-transition: ease-in-out 300ms;
        -moz-transition: ease-in-out 300ms;*/
            cursor: pointer;
        }

            .solicitudes li:hover {
                width: 100px;
                height: 110px;
                list-style: none;
                float: left;
                margin-left: 15px;
                background-color: rgba(255,255,255,0.7);
                margin-top: 20px !important;
                border-top-right-radius: 0px;
                border-top-left-radius: 0px;
                /*transition: ease-in-out 300ms;
      -webkit-transition: ease-in-out 300ms;
        -moz-transition: ease-in-out 300ms;*/
                cursor: pointer;
            }

            .solicitudes li img {
                margin-left: calc(50% - 30px);
                margin-top: 21px;
                position: relative;
            }

            .solicitudes li:hover img {
                margin-left: calc(50% - 30px);
                margin-top: 21px;
                position: relative;
            }

            .solicitudes li a {
                color: #D4192D;
                text-align: right;
                font-weight: bold;
                float: right;
                position: absolute;
                margin-top: -35px;
            }

            .solicitudes li:hover a {
                color: #D4192D;
                text-align: right;
                font-weight: bold;
                float: right;
                position: absolute;
                margin-top: -35px;
            }

            .solicitudes li span {
                display: none;
            }
}



/*IPAD 1 2 i 3 landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

    .weekDayHover {
        background-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 1px;
        border-color: lightgray;
        min-width: 120px;
        max-width: 120px;
    }

    .weekDayHoverRoff {
        border-style: solid;
        border-width: 1px;
        border-color: lightgray;
        min-width: 64px;
        max-width: 64px;
        min-height: 89px !important;
    }

    .col-sm-6Home {
        width: 50%;
    }

    .solicitudes {
        overflow: hidden;
        position: fixed;
        bottom: 0px;
        float: left;
        height: 110px;
        width: 100%;
    }

        .solicitudes li {
            width: 80px;
            height: 80px;
            list-style: none;
            float: left;
            margin-left: 15px;
            background-color: rgba(255,255,255,0.7);
            margin-top: 20px;
            border-top-right-radius: 0px;
            border-top-left-radius: 0px;
            cursor: pointer;
        }

            .solicitudes li:hover {
                width: 100px;
                height: 110px;
                list-style: none;
                float: left;
                margin-left: 15px;
                background-color: rgba(255,255,255,0.7);
                margin-top: 20px !important;
                border-top-right-radius: 0px;
                border-top-left-radius: 0px;
                /*transition: ease-in-out 300ms;
        -webkit-transition: ease-in-out 300ms;
        -moz-transition: ease-in-out 300ms;*/
                cursor: pointer;
            }

            .solicitudes li img {
                margin-left: calc(50% - 30px);
                margin-top: 21px;
                position: relative;
            }

            .solicitudes li:hover img {
                margin-left: calc(50% - 30px);
                margin-top: 21px;
                position: relative;
            }

            .solicitudes li a {
                color: #D4192D;
                text-align: right;
                font-weight: bold;
                float: right;
                position: absolute;
                margin-top: -35px;
            }

            .solicitudes li:hover a {
                color: #D4192D;
                text-align: right;
                font-weight: bold;
                float: right;
                position: absolute;
                margin-top: -35px;
            }

            .solicitudes li span {
                display: none;
            }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {

    .col-sm-6Home {
        width: 50%;
    }

    .solicitudes {
        overflow: hidden;
        position: fixed;
        bottom: 0px;
        float: left;
        height: 110px;
        width: 100%;
    }

        .solicitudes li {
            width: 80px;
            height: 80px;
            list-style: none;
            float: left;
            margin-left: 15px;
            background-color: rgba(255,255,255,0.7);
            margin-top: 20px;
            border-top-right-radius: 0px;
            border-top-left-radius: 0px;
            cursor: pointer;
        }

            .solicitudes li:hover {
                width: 100px;
                height: 110px;
                list-style: none;
                float: left;
                margin-left: 15px;
                background-color: rgba(255,255,255,0.7);
                margin-top: 20px !important;
                border-top-right-radius: 0px;
                border-top-left-radius: 0px;
                /*transition: ease-in-out 300ms;
      -webkit-transition: ease-in-out 300ms;
        -moz-transition: ease-in-out 300ms;*/
                cursor: pointer;
            }

            .solicitudes li img {
                margin-left: calc(50% - 30px);
                margin-top: 21px;
                position: relative;
            }

            .solicitudes li:hover img {
                margin-left: calc(50% - 30px);
                margin-top: 21px;
                position: relative;
            }

            .solicitudes li a {
                color: #D4192D;
                text-align: right;
                font-weight: bold;
                float: right;
                position: absolute;
                margin-top: -35px;
            }

            .solicitudes li:hover a {
                color: #D4192D;
                text-align: right;
                font-weight: bold;
                float: right;
                position: absolute;
                margin-top: -35px;
            }

            .solicitudes li span {
                display: none;
            }
}



/*iphone5*/
@media screen and (device-aspect-ratio: 40/71) {

    .weekDayHover {
        background-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 1px;
        border-color: lightgray;
        min-width: 40px;
        max-width: 40px;
    }

    .weekDayHoverRoff {
        border-style: solid;
        border-width: 1px;
        border-color: lightgray;
        min-width: 40px;
        max-width: 40px;
    }

    .container {
        padding-top: 70px;
    }

    .button-short-service {
        display: none !important;
    }

        .button-short-service:hover {
            display: none !important;
        }

    .button-short-service-no-flight {
        display: none !important;
    }

        .button-short-service-no-flight:hover {
            display: none !important;
        }


    h2 {
        font-size: 20px;
    }

    .formTitle {
        height: 40px;
        font-size: 24px !important;
    }

    .button-short-back {
        cursor: pointer;
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url(/Images/back.png);
        background-repeat: no-repeat;
        margin-right: 10px;
    }

        .button-short-back:hover {
            display: inline-block;
            cursor: pointer;
            width: 20px;
            height: 20px;
            background-image: url(/Images/back_hover.png);
            background-repeat: no-repeat;
            margin-right: 10px;
        }

    #body {
        margin: 0 auto;
        width: 100%;
        min-height: 100%;
        position: absolute;
        /*background-image: url(/Images/fondo/backGround01.jpg);*/
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
    }

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding-left: 7px;
        padding-bottom: 5px;
        padding-top: 7px;
    }

    .td-secondMail {
        word-break: break-all;
        min-width: 100px;
    }

    td.td-last {
        /*min-width: 90px;*/
    }

    td.td-orden {
        min-width: 90px;
    }


    .button-double-long {
        width: 80px;
        font-size: 12px;
    }

    .button-double-short {
        width: 48px;
        font-size: 12px;
    }

    label {
        font-size: 10px;
    }

    .monthText {
        font-size: 18px;
    }

    thead {
        font-size: 12px;
    }

    .button-short-edit:hover {
        width: 17px;
        height: 17px;
        background-size: contain;
    }

    .button-short-edit {
        width: 17px;
        height: 17px;
        background-size: contain;
    }


    .button-short-move-up {
        width: 17px;
        height: 17px;
        background-size: contain;
    }

        .button-short-move-up:hover {
            width: 17px;
            height: 17px;
            background-size: contain;
        }

    .button-short-move-down {
        width: 17px;
        height: 17px;
        background-size: contain;
    }

        .button-short-move-down:hover {
            width: 17px;
            height: 17px;
            background-size: contain;
        }

    .button-short-trash {
        width: 17px;
        height: 17px;
        background-size: contain;
    }

        .button-short-trash:hover {
            width: 17px;
            height: 17px;
            background-size: contain;
        }

    .button-short-upload {
        width: 17px;
        height: 17px;
        background-size: contain;
    }

        .button-short-upload:hover {
            width: 17px;
            height: 17px;
            background-size: contain;
        }

    .button-short-erase {
        width: 17px;
        height: 17px;
        background-size: contain;
    }

        .button-short-erase:hover {
            width: 17px;
            height: 17px;
            background-size: contain;
        }

    .td-last-active img {
        width: 17px;
        height: 17px;
    }

    .button-short-label {
        width: 17px;
        height: 17px;
        background-size: contain;
    }

        .button-short-label:hover {
            width: 17px;
            height: 17px;
            background-size: contain;
        }

    .button-short-roles:hover {
        width: 17px;
        height: 17px;
        background-size: contain;
    }

    .button-short-roles {
        width: 17px;
        height: 17px;
        background-size: contain;
    }
}

.service-name-text {
    text-decoration: underline;
    color: black !important;
}


/*iphone5 portrait*/

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {




    .nav-tabs > li > a {
        padding: 5px 5px;
    }

    .center-table td, .center-table th {
        border-collapse: collapse;
        width: 30px;
    }

    .weekDayPreferences {
        height: 50px !important;
    }

    .center-table-td-first {
        width: 100px;
        background-color: #D4192D;
        padding-left: 8px;
        height: 28px;
    }

    .cell-schedule-changes-names {
        width: 75px;
        background-color: #D4192D;
        padding-left: 8px;
        height: 28px;
    }

    .left-table {
        width: 100px;
        background: #D4192D;
        position: absolute;
    }

    .cell-schedule-changes-send {
        width: 25px;
    }

    .cell-schedule-changes-service {
        vertical-align: top;
        height: 160px !important;
    }

    .home-requests {
        padding-top: 30px !important;
    }

    .button-short-service {
        cursor: pointer;
        display: inline-block;
        width: 14px;
        height: 9px;
        background-image: url(/Images/service.png);
        background-repeat: no-repeat;
        background-size: cover;
        margin-right: 4px;
        display: none !important;
    }

        .button-short-service:hover {
            display: inline-block;
            cursor: pointer;
            width: 16px;
            height: 10px;
            background-image: url(/Images/service_hover.png);
            background-repeat: no-repeat;
            background-size: cover;
            margin-right: 4px;
            display: none !important;
        }

    .service-name-text {
        font-size: 9px !important;
    }


    .solicitudes {
        overflow: hidden;
        position: fixed !important;
        bottom: 0px;
        float: left;
        height: 90px !important;
        background-color: rgba(255,255,255,0.7);
        width: 100%;
        padding-right: 30px !important;
        margin-left: -15px;
    }

        .solicitudes ul {
            width: auto;
            margin-left: calc(50% - 180px);
        }

        .solicitudes li {
            width: 80px !important;
            height: 80px !important;
            list-style: none;
            float: left;
            margin-left: 15px;
            background-color: rgba(255,255,255,0.0) !important;
            margin-top: 20px;
            border-top-right-radius: 0px;
            border-top-left-radius: 0px;
            cursor: pointer;
        }

            .solicitudes li:hover {
                width: 80px !important;
                height: 80px !important;
                list-style: none;
                float: left;
                margin-left: 15px;
                background-color: rgba(255,255,255,0.7);
                margin-top: 0px !important;
                border-top-right-radius: 0px;
                border-top-left-radius: 0px;
                cursor: pointer;
            }

            .solicitudes li img {
                width: 80% !important;
                margin-left: calc(50% - 25px) !important;
                margin-top: 0px !important;
                position: relative;
            }

            .solicitudes li:hover img {
                width: 80% !important;
                margin-left: calc(50% - 25px) !important;
                margin-top: 0px !important;
                position: relative;
            }

            .solicitudes li span {
                display: none;
            }

            .solicitudes li a {
                font-size: 24px !important;
                color: #D4192D;
                text-align: right;
                font-weight: bold;
                float: right;
                padding-top: 11px !important;
                padding-right: 15px;
                text-decoration: none;
            }
}

/*INICIO ESTILOS PARA LA DIRECTIVCA DEL DATEPICKER*/
.datepicker.dropdown-menu {
    width: 250px;
    height: 280px;
}

    .datepicker.dropdown-menu button {
        outline: none;
        border: 0px;
    }

    .datepicker.dropdown-menu tbody {
        height: 180px;
    }

        .datepicker.dropdown-menu tbody button {
            padding: 6px;
        }

    .datepicker.dropdown-menu.datepicker-mode-1 tbody button, .datepicker.dropdown-menu.datepicker-mode-2 tbody button {
        height: 65px;
    }

.timepicker.dropdown-menu {
    padding: 0 4px;
}

    .timepicker.dropdown-menu button {
        outline: none;
        border: 0px;
    }

    .timepicker.dropdown-menu tbody button {
        padding: 6px;
    }

.progress {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ebebeb), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
    background-image: -moz-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
}

.progress-bar {
    background-color: #F96B07;
}

.progress-bar-success {
    background-color: green;
}

.progress-bar-info {
    background-color: #F96B07;
}

.progress-bar-warning {
    background-color: #F96B07;
}

.progress-bar-danger {
    background-color: #d4192d;
}

.btn-smsgroup {
    color: #ffffff;
    background-color: #d4192d;
    border-color: #eea236;
}

    .btn-smsgroup:hover,
    .btn-smsgroup:focus,
    .btn-smsgroup:active,
    .btn-smsgroup.active,
    .open .dropdown-toggle.btn-smsgroup {
        color: #ffffff;
        background-color: #c31629;
        border-color: #d58512;
    }

/*FIN ESTILOS PARA LA DIRECTIVCA DEL DATEPICKER*/

/* TABLE HELPER CLASSES */
.fixed-table {
    table-layout: fixed;
}

.table-red-head thead, tr.tr-header-red {
    font-size: larger;
    border-top-style: solid;
    color: #fff;
    background: #d4192d;
}
/* TABLE HELPER CLASSES */

.pointer {
    cursor: pointer;
}

/* BRAND COLORS */
.brand-red-bg {
    /*font-size: larger;*/
    color: #fff !important;
    background: #d4192d !important;
}

.brand-light-bg {
    background-color: #aaaaaa !important;
    background-color: rgba(255,255,255,0.7) !important;
}

.bg-success {
    background-color: #ACE296 !important;
}

.bg-danger {
    background-color: #FFA7A7 !important;
}

.bg-warning {
    background-color: #F9EEB4 !important;
}

/*MARGIN HELPERS*/
.mg-vertical-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mg-vertical-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.pd-vertical-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pd-horizontal-10 {
    padding-right: 10px;
    padding-left: 10px;
}

.pd-horizontal-20 {
    padding-right: 20px;
    padding-left: 20px;
}

.pd-right-10 {
    padding-right: 10px;
}

.pd-10 {
    padding: 10px;
}

.pd-20 {
    padding: 20px;
}

/*ROW HELPERS*/
.row-list .row {
    background-color: rgba(255,255,255,0.7) !important;
}

.row-list.row-hover .row:hover {
    background-color: rgb(255,255,255) !important;
}

.row-list.row-zebra .row:nth-child(even) {
    background-color: rgba(244, 239, 239, 1) !important;
}

.table-fields {
    font-size: 10pt;
}


.rowPreferences {
    min-height: 168px !important;
}

.image-logo-right img {
    /*width: 120px;*/
    position: absolute;
    /*float: right;*/
}

.padding-top-parrafos {
    padding-top: 20px;
}

.total-order-points {
    font-size: 21px;
}

.max-points-exceeded {
    color: #D4192D;
}

.food-container {
    padding-top: 10px;
    padding-left: 15px;
    margin-left: 15px;
    background-color: #D4192D;
}

    .food-container ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: left;
    }

        .food-container ul li {
            display: inline-block;
            padding-left: 10px;
            padding-top: 30px;
            max-width: 220px;
        }

            .food-container ul li table {
                background-color: white;
                border-radius: 5px 5px 5px 5px;
            }

                .food-container ul li table td {
                    padding-left: 5px;
                    padding-right: 5px;
                }

                    .food-container ul li table td div {
                        width: 200px;
                        min-height: 200px;
                        text-align: center;
                        margin: 0 auto;
                    }

                    .food-container ul li table td img {
                        max-width: 200px;
                        max-height: 200px;
                    }

.food-selected {
    background-color: #FFA600 !important;
}

.item-selected table {
    background-color: #B7B7B7 !important;
}

.food-item-title {
    color: #D4192D;
    font-weight: bold;
    font-size: 14px;
}

.food-item-text {
    color: #000000;
}

.food-item-text-selected {
    color: #FFF;
}

.food-item-title-selected {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.btn-select-food {
    font-size: 11px !important;
    color: #fff !important;
    background-color: #D4192D !important;
    border-color: #fff !important;
}

    .btn-select-food:hover {
        font-size: 11px !important;
        color: #D4192D !important;
        background-color: #fff !important;
        border-color: #D4192D !important;
    }
/*CAMBIO ESTILOS SOLICITUDES*/

/*IPAD Landscape*/
@@media (min-width: 992px) {
    .image-logo-right {
        float: right;
        padding-left: 95px;
    }
}

@@media (min-width: 768px) and (max-width: 1005px) {
    .image-logo-right {
        float: right;
        padding-right: 126px;
    }
}

/*IPHONE 4*/
@@media all and (max-width: 459px) {
    .image-logo-right {
        display: none;
    }

    .button-double-short {
        width: 56px !important;
    }

    .food-item-text {
        font-size: 12px;
    }

    .food-item-text-selected {
        font-size: 12px;
    }
}

/* TOOLTIP */
.tooltip-toggle {
    cursor: pointer;
    position: relative;
}

    .tooltip-toggle::before {
        position: absolute;
        top: -80px;
        left: -80px;
        background-color: #fff;
        border-radius: 5px;
        color: #000;
        content: attr(data-tooltip);
        padding: 1rem;
        text-transform: none;
        width: auto;
    }

    .tooltip-toggle::after {
    }

    .tooltip-toggle::before,
    .tooltip-toggle::after {
        color: #000;
        font-family: monospace;
        font-size: 16px;
        opacity: 0;
        pointer-events: none;
        text-align: center;
        white-space: pre-line;
    }

    .tooltip-toggle:hover::before,
    .tooltip-toggle:hover::after {
        opacity: 1;
        -webkit-transition: all 0.75s ease;
        transition: all 0.75s ease;
    }

.textarea-noresize {
    resize: none;
}

.width-450 {
    width: 450px;
}

.width-250 {
    width: 250px;
}

/* DivTable */
.divTable {
    display: table;
    width: 40%;
}

.divTableRow {
    display: table-row;
}

.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
}

.divTableCell, .divTableHead {
    border: 0px solid #999999;
    display: table-cell;
    padding: 3px 10px;
}

.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}

.divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}

.divTableBody {
    display: table-row-group;
}

body.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000; }

.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999; }
  @media all and (max-width: 540px) {
    .sweet-alert {
      width: auto;
      margin-left: 0;
      margin-right: 0;
      left: 15px;
      right: 15px; } }
  .sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block; }
  .sweet-alert p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal; }
  .sweet-alert fieldset {
    border: none;
    position: relative; }
  .sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s; }
    .sweet-alert .sa-error-container.show {
      padding: 10px 0;
      max-height: 100px;
      webkit-transition: padding 0.2s, max-height 0.2s;
      transition: padding 0.25s, max-height 0.25s; }
    .sweet-alert .sa-error-container .icon {
      display: inline-block;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: #ea7d7d;
      color: white;
      line-height: 24px;
      text-align: center;
      margin-right: 3px; }
    .sweet-alert .sa-error-container p {
      display: inline-block; }
  .sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s; }
    .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
      content: "";
      width: 20px;
      height: 6px;
      background-color: #f06e57;
      border-radius: 3px;
      position: absolute;
      top: 50%;
      margin-top: -4px;
      left: 50%;
      margin-left: -9px; }
    .sweet-alert .sa-input-error::before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .sweet-alert .sa-input-error::after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .sweet-alert .sa-input-error.show {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
  .sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .sweet-alert input:focus {
      outline: none;
      box-shadow: 0px 0px 3px #c4e6f5;
      border: 1px solid #b4dbed; }
      .sweet-alert input:focus::-moz-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus:-ms-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus::-webkit-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
    .sweet-alert input::-moz-placeholder {
      color: #bdbdbd; }
    .sweet-alert input:-ms-input-placeholder {
      color: #bdbdbd; }
    .sweet-alert input::-webkit-input-placeholder {
      color: #bdbdbd; }
  .sweet-alert.show-input input {
    display: block; }
  .sweet-alert button {
    background-color: #AEDEF4;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer; }
    .sweet-alert button:focus {
      outline: none;
      box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
    .sweet-alert button:hover {
      background-color: #a1d9f2; }
    .sweet-alert button:active {
      background-color: #81ccee; }
    .sweet-alert button.cancel {
      background-color: #D0D0D0; }
      .sweet-alert button.cancel:hover {
        background-color: #c8c8c8; }
      .sweet-alert button.cancel:active {
        background-color: #b6b6b6; }
      .sweet-alert button.cancel:focus {
        box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
    .sweet-alert button::-moz-focus-inner {
      border: 0; }
  .sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important; }
  .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px; }
  .sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box; }
    .sweet-alert .sa-icon.sa-error {
      border-color: #F27474; }
      .sweet-alert .sa-icon.sa-error .sa-x-mark {
        position: relative;
        display: block; }
      .sweet-alert .sa-icon.sa-error .sa-line {
        position: absolute;
        height: 5px;
        width: 47px;
        background-color: #F27474;
        display: block;
        top: 37px;
        border-radius: 2px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          left: 17px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          right: 16px; }
    .sweet-alert .sa-icon.sa-warning {
      border-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-body {
        position: absolute;
        width: 5px;
        height: 47px;
        left: 50%;
        top: 10px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-dot {
        position: absolute;
        width: 7px;
        height: 7px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-left: -3px;
        left: 50%;
        bottom: 10px;
        background-color: #F8BB86; }
    .sweet-alert .sa-icon.sa-info {
      border-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 29px;
        left: 50%;
        bottom: 17px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::after {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-left: -3px;
        top: 19px;
        background-color: #C9DAE1; }
    .sweet-alert .sa-icon.sa-success {
      border-color: #A5DC86; }
      .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
        content: '';
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        position: absolute;
        width: 60px;
        height: 120px;
        background: white;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .sweet-alert .sa-icon.sa-success::before {
        -webkit-border-radius: 120px 0 0 120px;
        border-radius: 120px 0 0 120px;
        top: -7px;
        left: -33px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 60px 60px;
        transform-origin: 60px 60px; }
      .sweet-alert .sa-icon.sa-success::after {
        -webkit-border-radius: 0 120px 120px 0;
        border-radius: 0 120px 120px 0;
        top: -11px;
        left: 30px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0px 60px;
        transform-origin: 0px 60px; }
      .sweet-alert .sa-icon.sa-success .sa-placeholder {
        width: 80px;
        height: 80px;
        border: 4px solid rgba(165, 220, 134, 0.2);
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        box-sizing: content-box;
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 2; }
      .sweet-alert .sa-icon.sa-success .sa-fix {
        width: 5px;
        height: 90px;
        background-color: white;
        position: absolute;
        left: 28px;
        top: 8px;
        z-index: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .sweet-alert .sa-icon.sa-success .sa-line {
        height: 5px;
        background-color: #A5DC86;
        display: block;
        border-radius: 2px;
        position: absolute;
        z-index: 2; }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
          width: 25px;
          left: 14px;
          top: 46px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
          width: 47px;
          right: 8px;
          top: 38px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .sweet-alert .sa-icon.sa-custom {
      background-size: contain;
      border-radius: 0;
      border: none;
      background-position: center center;
      background-repeat: no-repeat; }

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@-webkit-keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

@keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s; }

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s; }

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s; }

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s; }

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s; }

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s; }

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9; }

/* Success icon */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9; }