.showborder {
    border: solid 1px #f00;
}

/*****************************
* BASE
*****************************/
body {
    background-color: #39464e;
    /*color: #fff;*/  /*conflict with datetimepicker component*/
    padding-top: 70px;
}

h1, h2, h3, h4, h5, h6 {
    color: #d9534f;
}

body div.container-fluid div#body-container {
    background-color: #fff;
    color: #000;
    padding: 2px;
}

.sql {color: #fff;}
.info {color: #888;}
.alarm{color: #d9534f;}
.black{color: #000;}

.clear{clear: both;}
.clear-10{height: 10px;}
.clear-25{height: 25px;}
.clear-50{height: 50px;}
.clear-100{height: 100px;}
.clear-150{height: 150px;}
.clear-200{height: 200px;}
.clear-250{height: 250px;}

.row-table {
    border-bottom: dotted 1px #ccc;
}

.row-table-header {
    border-bottom: solid 2px #d9534f;
    font-weight: bold;
    color: #d9534f;
}

span.specifictdBORRAR {
    display: table;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    /*white-space: -pre-wrap; !* Opera 4-6 *!*/
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

a.link-black {
    color: #000;
}

a.link-no-color {
    color: inherit;
}
a.link-no-format {
    text-decoration: none;
}
a.link-bold {
    font-weight: bold;
}

div.check-inline{
    padding-left: 25px;
}
input[type='checkbox']{
    margin-left: -18px;
}

.tooltip-inner {
    white-space: pre-wrap;
}

.red-tooltip {
    background-color: #d9534f;
}

/* Usefull for checks in first columns*/
input.inline {
    margin-left: -20px;
    float: left;
}

div.column-checked {
    margin-left: 15px;
}

/** MENU **/
/*div#menu {background-color: #d9534f;}*/
.navbar-brand {
    margin-top: -15px;
}

div#menu .navbar-default {
    background-color: #d9534f;
}

div#menu ul.navbar-nav li a {
    color: #fff;
    font-weight: bold;
}

div#menu ul.navbar-nav li a:focus {
    color: #000;
}

div#menu ul.navbar-nav li ul.dropdown-menu li a {
    color: #000;
    font-weight: normal;
}

/** ALARMS **/
span.badge-yellow{
    background-color: yellow;
    color: black;
}


/** FILTER **/
.background-filter {
    padding: 0px;
    height: 100%;
    width: 100%;
    top: 0px;
    overflow: auto;
    z-index: 4;
    position: fixed;
    opacity: 0 !important;
    display: none;
    background-color: #000;
}
.filter-backdrop
{
    opacity: 0.5 !important;
    display: block;
}

.advance-filter {
    padding: 0px;
    min-height: 100%;
    width: 344px;
    left: -300px;
    /*border: solid #000 1px;*/
    position: absolute;
    /*color: #fff;*/
    /*z-index: 5;*/
}

.panel-filter {
    padding: 3px;
    float: left;
    position: relative;
    /*border: solid 1px #f00;*/
    background-color: #eeeeee;
    width: 300px;
    height: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    z-index: 5;
}

.left-button-div {
    float: right;
    position: relative;
    /*border: solid 1px #00f;*/
    z-index: 5;
}

.left-button-filter {

}

/*.panel {*/
    /*width: 300px;*/
    /*float: left;*/
    /*height: 550px;*/
    /*background: #d9dada;*/
    /*position: relative;*/
    /*left: -300px;*/

/*}*/

.slider-arrow {
    padding: 5px;
    float: left;
    background: #d9dada;
    font: 400 12px Arial, Helvetica, sans-serif;
    color: #000;
    text-decoration: none;
    position: relative;
    left: -300px;
}

/** SUBMENU **/
ul.nav-stacked li a {
    color: #000;
}

/** FOOTER **/
#footer {
    padding: 5px 5px 5px 5px;
    background-color: #39464e;
    color: #222
}

/** RIGHT-MENU - tools **/
div.list-tools{
    background-color: #eee;
    padding: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;

}

/*****************************
* PIPEIT
*****************************/
.profile-left {
    border: solid 1px #888;
    background-color: #eee;
    padding: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.profile-points {
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 20px;
}

div.div-tags ul.ul-tags li {
    background-color: rgb(220, 232, 242);
    width: 90%;
    padding: 3px;
    margin-bottom: 1px;
    list-style-type: none;
    position: relative;
    border-bottom: dotted 1px #ddd;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;

}

div.div-tags ul#uninterests li {
    background-color: rgba(255, 32, 0, 0.31);
    width: 90%;
    padding: 3px;
    margin-bottom: 1px;
    list-style-type: none;
    position: relative;
    border-bottom: dotted 1px #ddd;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;

}

div.div-tags ul.ul-tags li a {
    padding: 3px;
    line-height: 8px;
    position: absolute;
    right: 0px;
    top: 0px;
}

div.div-tags ul.ul-tags li span.badge {
    position: absolute;
    right: 20px;
    top: 3px;
}
/** COMPANY AUTOCOMPLETE CONTROL **/
.twitter-typeahead, .tt-hint, .tt-input, .tt-menu { width: 100%; }
.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-menu {    /* used to be tt-dropdown-menu in older versions */
    width: 422px;
    margin-top: 4px;
    padding: 4px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    line-height: 24px;
}

.tt-suggestion.tt-cursor,.tt-suggestion:hover {
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion p {
    margin: 0;
}

/** COMPANY CONTROL PANEL **/
.panel-font-biggest{
    font-size: 32px;
}
.alarm-danger{
    color: #d9534f;
}
.alarm-warning{
    color: #66512c;
}
.alarm-success{
    color: #2b542c;
}
.alarm-info{
    color: #245269;
}

/** CONTACT CONTROL PANEL **/
.prospect-alarm-pending{
    font-size: 22px;
    color: gray;
}
.prospect-alarm{
    font-size: 13px;
    color: darkgray;
}
.glyphicon.glyphicon-bell.glyphicon-xlg {
    font-size: 22px;
    color: #f0ad4e;
}

@media (max-width: 2500px) {
    /* CSS that should be displayed if width is equal to or less than 800px goes here */
    .number_circle {
        border-radius: 50%;
        /*behavior: url(PIE.htc); !* remove if you don't care about IE8 *!*/

        min-height: 46px;
        min-width: 46px;

        border: 2px solid #666;
        color: #666;
        text-align: center;
        padding-top: 10px;

        font: 20px Arial, sans-serif;
    }

}

@media (max-width: 1000px) {
    /* CSS that should be displayed if width is equal to or less than 800px goes here */
    .number_circle {
        border-radius: 50%;
        /*behavior: url(PIE.htc); !* remove if you don't care about IE8 *!*/

        max-height: 6px;
        max-width: 6px;

        border: 2px solid #666;
        color: #666;

        text-align: center;

        font: 16px Arial, sans-serif;
        font-weight: bold;
    }
}

.ACflag{
    border-left: 3px solid #f7ecb5;
}
.ACflag-alarm-system{
    border-left: 3px solid #5e5e5e;
}


/*****************************
* NETIFI
*****************************/
.netifi-teacher-img{
    border-radius: 8px;
    height: 75px;
}
.number{
    padding: 2px;
    text-align: right;
}

.list-netifi{
    min-height: 90px;
}

/*****************************
* ACADEMIC
*****************************/
.MTH_viewer{
    border: solid #cecece 1px;
    border-radius: 5px;
    height: 300px;
    width: 100%;
    overflow: auto;
}

/*****************************
* ACADEMIC Monitors
*****************************/
h2.title{
    color: #fff;
    font-size: 64px;
}
h3.date{
    color: #fff;
    /*font-size: 64px;*/
}
table.schedule tr td, table.schedule tr th  {
    font-size: 32px;
}




/*****************************
* Booking
*****************************/
.btn-gray-disabled {
    background-color: #eee !important;
    color: #555 !important;
    border: 1px solid #ccc !important;
    cursor: help !important;
}

.new-type-event{
    margin: auto;
    width: 600px;
}
.new-type-event .square{
    margin: 10px 20px;
    padding: 5px;
    border: solid 1px #c1c1c1;
    border-radius: 5px;
    overflow: auto;
    height: 60px;
    font-weight: bold;
    font-size: xx-large;
    background-color: #d9534f;
    color: #fff;
}

#suggesstion-box{
    background-color: #fff;
    position: absolute;
    z-index: 100;
}

.teacher-ul, .product-ul{
    list-style-type: none;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin: 0;
    padding: 0;
}

.teacher-li, .product-li{
    text-decoration: none;
    padding: 5px 20px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

.suggesstion-box{
    background-color: #fff;
    position: absolute;
    z-index: 100;
}

.search-box-ul{
    list-style-type: none;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin: 0;
    padding: 0;
}

.search-box-li{
    text-decoration: none;
    padding: 5px 20px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

#form-save .form-group {
    position: relative !important;
}

#select_warehouse {
    display: none;
}




/*****************************
* Hotels
*****************************/
.hotel-cell{
    padding: 5px;
    float:left;
}

/*.hotel-cell:nth-child(even){*/
/*    float:left;*/
/*}*/

/*.hotel-cell:nth-child(odd){*/
/*    clear: both;*/
/*}*/

.hotel-cell .square{
    padding: 5px;
    border: solid 1px #c1c1c1;
    border-radius: 5px;
    overflow: auto;
    min-height: 70px;
}

.hotel-cell .square .calendar .calendar-month-row-week-day{
    height: 40px;
}

.section-center{
    padding-top: 10px;
    text-align: center;
}

.field-rate-day {
    font-weight: bold;
    font-size: medium;
}

.buttons-right {
    text-align: right;
}

/*****************************
* Products
*****************************/
.quantity-edit {

}

.quantity-edit {
    display: none;
}

/*****************************
* RRHH
*****************************/
#staff-cell{
    padding: 5px;
}
#staff-file{
    padding: 5px;
    border: solid 1px #c1c1c1;
    border-radius: 5px;
    overflow: auto;
    min-height: 155px;
}
#staff-file-list{
    padding: 5px;
    border: solid 1px #c1c1c1;
    border-radius: 5px;
    overflow: auto;
    min-height: 70px;
}
#staff-file.pijama{
    background-color: #fff;
}
#staff-file.pijama1{
    background-color: #f8f8f8;
}

div#dashboard{
    /*padding: 20px 0 20px 0;*/
}


.form-group div.onlyText{
    padding-top: 7px;
}

div#txtFndClaro{
    color: #666;
    width: 100%;
    float: left;
}

div#tracingScore{
    color: #666;
    width: 100%;
    float: left;
    margin: 50px;
}

#content-ver{
    /*background-color: #f2f2f2;
    padding: 20px 10px;
    overflow: auto;*/
    /*margin-top: 20px;*/
}

#tab-container-ver{
    box-sizing: border-box;
    float: left;
    min-width: 100px;
    width: 15%;
    /*margin-top: -15px;*/
}

#main-container-ver{
    box-sizing: border-box;
    margin-left: 10px;
    float: left;
    min-width: 250px;
    width: 70%;
}

div#main-container-ver div.tab-ver.hidden.active{
    display: block!important;
}

.top-bar{
    width: auto;
    height: 22px;
    background: #F2F2F2;
    border: 1px solid black;
    margin-bottom: 10px;
}

.div_question, .div_question_alarm{
    float: left;
    width: 98%;
    margin: 5px 5px 20px 5px;
}



.div_question_alarm span.alarm_span{
    border: 1px solid red;
}

.div_question_alarm input.alarm_span{
    border-top: 1px solid red;
    border-bottom: 1px solid red;
    border-right: 1px solid red;
}

#stage_score{
    width: 600px;
    margin: 0 auto;
}

#stage_score .text_score{
    text-align: center;
    font-weight: bold;
}

#stage_score .line_score{
    margin-bottom: 10px;
}

#stage_score .lvl1{
    font-weight: bold;
}

#stage_score .lvl2:first-child::before{
    content: "\00a0\00a0\00a0\00a0-";
}
#stage_score .lvl3:first-child::before{
    content: "\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0-";
}

#stage_score .final_score{
    font-weight: bold;
}

/*
#tab-container-ver ul{
    list-style: none;
    text-align: center;
}


#tab-container-ver ul li{
    cursor: pointer;
}

#tab-container-ver ul li a,
#tab-container-ver ul li a:visited
{
    text-decoration: none;
    color: #666;
    display: block;
    padding: 5px 5px;
}
#tab-container-ver ul li:hover
{
    border-left: 8px solid #333;
}
#tab-container-ver ul li a:hover
{
    color: #000;
}
#tab-container-ver ul li.selected
{
    border-right: none;
    background-color: #fff;
    border-left: 8px solid #006699;
}

.tab-black{
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    border-left: 8px solid #666;
    margin: 8px 0;
}

.tab-red{
    border-top: 2px solid orange;
    border-right: 2px solid orange;
    border-bottom: 2px solid orange;
    margin: 8px 0;
}

.tab-hover{
    border-left: 8px solid #58ACFA;
}

.tab-normal{
    background-color: white !important;
}

.tab-alert{
    background-color: #F05B5B !important;
}

.tab-visibility{
    visibility: hidden;
}*/

#job-student{
    display: none;
}

.content-area{
    margin: 15px;
}

.only-for-stage, .only-for-job{
    display: none;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

.alert-panel{
    padding: 20px 0px;
    display:block;
    overflow:auto;

}

.alert-panel .individual-alert-panel{
    float: left;
    margin-right: 20px;
}

.alert-panel .individual-alert-panel .alert-panel-tag{
    position:absolute;
    padding: 15px;
    top: 0;
    margin-left: 5px;
    border-radius: 4px;
    color: white;
}

.alert-panel .individual-alert-panel .alert-panel-list{
    float: left;
    display: inline-block;
    /*border: 1px solid black;*/
    padding-bottom: 5px;
    border-radius: 6px;
    min-height: 85px;
    /*background-color: #EBEBEB;*/
}

.alert-panel .individual-alert-panel .alert-panel-list .alert-panel-list-individual{
    clear: both;
    padding-left: 60px;
    padding-right: 5px;
}

.alert-panel .individual-alert-panel .alert-panel-list .alert-panel-list-individual a{
    text-decoration: none;
}

.shadow-1 {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.shadow-1:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.shadow-2 {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.shadow-3 {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.shadow-4 {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.shadow-5 {
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.icon-dropdown{
    top: -1px;
}

.student-row{
    margin-top: 5px;
    margin-left: 5px;
}

img.img-cockpit{
    width: 50px !important;
}

img.img-cockpit-big{
    width: 70px !important;
    margin: 10px;
    border: 1px solid #bbbbbb;
}

.cockpit-sync-success{
    border-left: 5px solid #DFEFD8;
}

.cockpit-sync-error{
    border-left: 5px solid #F2DEDE;
}

.icon-black{
    color: black !important;
}

.panel-filter .form-group select{
    /*direction: rtl;*/
}

.form-group div.textonly{
    padding-top: 7px;
}

.new-section{
    border-radius: 5px;
    border: 1px solid gray;
    padding: 10px;
    margin: 10px;
}

.block-actions{
    /*border-radius: 5px;*/
    /*border: 1px solid darkgrey;*/
    /*background-color: #EEEEEE;*/
    padding: 10px;
    margin: 10px;
    width: 100%;
}

.block-actions-table{
    /*border-radius: 5px;*/
    /*border: 1px solid darkgrey;*/
    /*background-color: #EEEEEE;*/
    /*padding: 10px;*/
    /*margin: 10px;*/
    width: 100%;
}

.modal.modal-wide .modal-dialog {
    width: 90%;
}

.modal-wide .modal-body {
    overflow-y: auto;
}

.no-access {
    padding: 20px;
}

/**
    Alarm panel time-control
 */

.fix-height.fix-height {
    height: 120px;
    /*margin: -15px;*/
    overflow-y: auto;
    padding: 0;
}

.fix-height::-webkit-scrollbar {
    display: none;
}

.separate-alarm {
    /*border: 1px solid gray;*/
    box-shadow: 0 0 1px black;
    width: 100%;
    height: 40px;
    padding: 5px 0;
    color: #555d61;
    background-color: #f2f4f5;
    font-weight: 500;
    z-index: 1;
}

#transition-section-buttons {
    margin-top: 60px;
}

#table-view {
    margin: 20px;
}

/**
    Calendar list time-control
 */
#calendar-month .month-select, #calendar-year .year-select {
    font-size: large;
    font-weight: 500;
}

#calendar-view {
    margin-top: 15px;
    margin-left: 20px;
}

.table-calendar {
    /*width: 100%;*/
    /*min-width: 1280px;*/
    border-collapse: collapse;
    border-spacing: 0;
    margin: 15px
}

.table-calendar-day-title {
    position: sticky;
    z-index: 2;
    top: 0;
    box-shadow: 0 0 1px #dfe3e6;
    background: #f2f4f5;
    padding: 12px 0;
    height: 50px;
    width: 40px;
    line-height: 2px;
    text-align: center;
    font-weight: 500;
    color: #555d61;
}
.table-calendar-day-title-div {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
}

.table-calendar-person {
    display: block;
    width: 180px !important;
    /*position: sticky;*/
    left: 0;
    z-index: 2;
    background: #fff;
    box-shadow: 0 0 1px #dfe3e6;
}

.table-calendar-day {
    background: #fff;
    padding: 12px 0;
    height: 50px;
    min-width: 40px;
    line-height: 2px;
    text-align: center;
    font-weight: 500;
    color: #555d61;
    box-shadow: 0 0 1px #dfe3e6;
}


.table-calendar-day-div {
    margin-left: -1px;
    margin-right: -1px;
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
}

.table-calendar-person a {
    text-decoration: none;
    color: black;
    font-weight: normal;
}

.table-calendar-person a:link {
    text-decoration: none;
    color: black;
}

/*list-view.html.twig*/
/*.weekSelect {*/
/*    display: none;*/
/*    margin-top: 5px;*/
/*}*/
/**
    END Calendar list time-control
 */

/**
    Calendar
 */
.calendar {
    /*width: 100%;*/
    /*box-sizing: border-box;*/
    /*height: 100%;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*align-items: stretch;*/
}


.full .calendar .calendar-month-viewer {
    margin-bottom: 50px;
    margin-right: 50px;
    width: 400px;
    float: left;
}
.full .calendar .calendar-month-viewer:nth-child(odd){
    clear: both;
}

.full .calendar div.month {
    height: 30px;
    width: 100%;
    text-align: center;
    background-color: #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 20px;
}

.calendar-month-viewer {
    /*position: relative;*/
    border: 1px solid #ddd;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*flex: 1 0;*/
    /*width: 100%;*/
    /*-webkit-user-select: none;*/
    /*-moz-user-select: none;*/
    /*-ms-user-select: none;*/
    /*user-select: none;*/
    /*height: 100%;*/
}

.calendar-month-header {
    display: flex;
    /*flex-direction: row;*/
}

.calendar-month-header .calendar-day-week {
    flex-basis: 14.2857%;
    max-width: 14.2857%;


    /*border-bottom: 1px solid #ddd;*/

    background: #f2f4f5;
    color: #a8afb3;
    height: 40px;
    font-size: 12px;
    padding: 10px;
    font-weight: 600;
    display:block;
    text-align: right;
    text-transform: uppercase;
    border-right: 1px solid #ddd;
}

.calendar-month-header .calendar-day-week:last-child {
    border-right: 0 solid #ddd;
}

.calendar-month-row {
    /*overflow: visible;*/

    /*display: flex;*/
    /*position: relative;*/
    /*flex-direction: column;*/
    /*flex: 1 0;*/
    /*height: 100%;*/

    /*box-sizing: inherit;*/
}

.calendar-month-row-week {
    display: flex;
    /*flex-direction: row;*/
    /*flex: 1 0;*/
    /*overflow: hidden;*/

    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/

    /*position: relative;*/
    /*border: 1px solid #ddd;*/
    /*width: 100%;*/
}

.calendar-month-row-week-day {
    height: 150px;
    /*box-sizing: inherit;*/
    margin-left: -1px;
    margin-bottom: -1px;

    /*position: relative;*/
    /*width: 100%;*/

    border: 1px solid #ddd;
    /*display: flex;*/
    /*flex-direction: column;*/
    flex: 1 0;
}

.calendar-month-row-week-day:last-child {
    margin-right: -1px;
}

.calendar-month-row-week-day-number {
    /*flex-basis: 14.2857%;*/
    /*max-width: 14.2857%;*/
    padding: 5px 10px;
}

.calendar-view-small {
    width: 500px;
}

.calendar-view-small.full {
    width: 1000px !important;
}

.calendar-view-smaller {
    width: 400px;
}

.calendar-panel {
    width: 1000px;
    margin-top: 20px;
}

.calendar-panel .panel {
    min-width: 200px;
    float: left;
    margin-left: 50px;
}

.calendar-panel .panel:first-child {
    margin-left: 0;
}

.calendar-view-small .calendar-month-row-week-day {
    height: 50px;
}

.calendar-weekend {
    background: #f2f4f5;
}

.calendar-other-month {
    color: grey;
}

/**
    END Calendar
 */

.transition-section {
    margin: 15px 30px;
}

.transition-section button.big{
    margin: 10px 15px;
    width: 200px !important;
}

.transition-section button.bigger{
    margin: 10px 15px;
    width: 250px !important;
}

.transition-section .header-transition {
    margin-bottom: 10px;
}

.transition-section .header-transition h4 {
    font-size: 24px !important;
}

.transition-section .header-transition button.back {

}

#transition-section-event-list {
    max-width: 600px;
}

.full#transition-section-event-list {
    max-width: 300px;
}

@media (min-width: 1250px) and (max-width: 1610px) {
    #transition-section-event-list {
        max-width: 300px;
    }
}

@media (max-width: 1250px) {
    #transition-section-event-list {
        width: 100%;
    }

    .collapse {
        display: none !important;
    }
}


img.staff-img-smaller {
    width: 30px;
    height: 30px;
    /*border-radius: 50px;*/
    border-radius: 5px;
}

img.staff-img-small {
    width: 40px;
    height: 40px;
    /*border-radius: 50px;*/
    border-radius: 5px;
    margin-bottom: 8px;
}

img.staff-img-big {
    width: 60px;
    height: 60px;
    /*border-radius: 50px;*/
    border-radius: 5px;
}

img.staff-img-bigger {
    width: 80px;
    height: 80px;
    /*border-radius: 50px;*/
    border-radius: 10px;
}


:root {
    --festive-day: #D54B3D;
    --holiday-day: #3B93D8;
    --event-day: #F5E13A;
    --absence-day: #13B222;
    --rest-day: #148600;
    --paid-rest-day: #94FF81;
    --paid-leave-day: #F3FF00;
    --not-paid-leave-day: #FBFFA0;
    --request-to-confirm: #F5E13A;
    --home-office: #C21CC1;
    --holiday-day-multi: #5CB7FE;
    --weekend-day: #f2f4f5;
}

.day-paint {

}

.festiveDay {
    background-color: var(--festive-day) !important;
    cursor: pointer;
}
.holidayDay {
    background-color: var(--holiday-day) !important;
    cursor: pointer;
}
.weekendDay {
    background-color: var(--weekend-day);
}

.eventDay {
    background-color: var(--event-day);
    cursor: pointer;
}

.absenceDay, .absenceDay.multiple, .absenceDay.holidayDay, .absenceDay.holidayDay.multiple {
    background-color: var(--absence-day) !important;
    cursor: pointer;
}

.restDay, .restDay.multiple, .restDay.holidayDay, .restDay.holidayDay.multiple {
    background-color: var(--rest-day) !important;
    cursor: pointer;
}

.paidRestDay, .paidRestDay.multiple, .paidRestDay.holidayDay, .paidRestDay.holidayDay.multiple {
    background-color: var(--paid-rest-day) !important;
    cursor: pointer;
}

.paidLeaveDay, .paidLeaveDay.multiple, .paidLeaveDay.holidayDay, .paidLeaveDay.holidayDay.multiple {
    background-color:var(--paid-leave-day) !important;
    cursor: pointer;
}

.notPaidLeaveDay, .notPaidLeaveDay.multiple, .notPaidLeaveDay.holidayDay, .notPaidLeaveDay.holidayDay.multiple {
    background-color: var(--not-paid-leave-day) !important;
    cursor: pointer;
}

.recoverHours {
    background-image: url(/Web/img/clock.png);
    background-repeat: no-repeat;
    background-position: top right;
    cursor: pointer;
}

.requestToConfirm{
    /*background-color: var(--request-to-confirm);*/
    /*border-top: 1px solid var(--request-to-confirm) !important;*/
    /*border-bottom: 1px solid var(--request-to-confirm) !important;*/
    /*border-left: 1px solid var(--request-to-confirm) !important;*/
    /*border-right: 1px solid var(--request-to-confirm) !important;*/
    cursor: pointer;
}

.requestToConfirm div:after {
    color: var(--request-to-confirm);
    font-weight: bold;
    font-size: large;
    content: " *";
}

.homeOffice, .homeOffice.holidayDay, .homeOffice.holidayDay.multiple{
    background-color: var(--home-office) !important;
    cursor: pointer;
}


.festiveDay.holidayDay {
    background: linear-gradient(to bottom, var(--festive-day) 50%, var(--holiday-day) 0%)  !important;
}

.multiple.holidayDay {
    background-color: var(--holiday-day-multi) !important;
}

.legend {
    clear: both;
    margin-top: 20px;
    margin-left: 30px;
    font-size: 15px;
}

.legend table tr {
    border-bottom: 5px solid white;
}

.legend table tr td.legendDay {
    width: 30px;
    cursor: auto;
}

td.first-element, th.first-element {
    border-top: 0 !important;
}

div.popover{
    max-width: 400px !important;
}


.panel-big-number, a.panel-big-number {
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    font-size: 30px;
    margin-top: 50%;
    color: black;
}

img.btn-return {
    margin-left: 5px;
    width: 15px;
    height: 15px;
}

/**
versión 1
 */
/*.list-panel {*/
/*    width: 100%;*/
/*    margin: 10px;*/
/*    padding-top: 10px;*/
/*    position: relative;*/
/*    clear: both;*/
/*}*/

/*.list-panel div {*/
/*    float: left;*/
/*}*/

/*.list-panel .title-panel {*/
/*    !*font-size: 20px;*!*/
/*    !*margin-top: 10px;*!*/
/*    !*width: 200px;*!*/
/*    font-size: 15px;*/
/*    margin-top: 20px;*/
/*    width: 170px;*/
/*}*/

/*.list-panel .title-panel a, .list-panel .title-panel a:link {*/
/*    text-decoration: none;*/
/*    !*color: black;*!*/
/*}*/

/*.list-panel .alert-section-panel {*/
/*    margin-left: 10px;*/
/*}*/

/*.list-panel .number-panel {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    margin-left: 30px;*/
/*    font-weight: bold;*/
/*}*/

/*.list-panel .staff-img-small {*/
/*    opacity: 75%;*/
/*}*/

/*.list-panel .staff-img-small:hover {*/
/*    opacity: 100%;*/
/*}*/

/*.list-panel .staff-img-small:hover + .list-panel .number-panel {*/
/*    font-size: 40px !important;*/
/*    color: yellow;*/
/*}*/

/*.list-panel .staff-img-small:hover ~ .list-panel .number-panel {*/
/*    font-size: 40px !important;*/
/*    color: yellow;*/
/*}*/

/**
versión 2
 */
/*.list-panel {*/
/*    !*width: 100%;*!*/
/*    margin: 10px;*/
/*    padding-top: 10px;*/
/*    position: relative;*/
/*    !*clear: both;*!*/
/*    float: left;*/
/*    min-width: 200px;*/
/*}*/

/*.list-panel div {*/
/*    float: left;*/
/*}*/

/*.list-panel .title-panel {*/
/*    !*font-size: 20px;*!*/
/*    !*margin-top: 10px;*!*/
/*    !*width: 200px;*!*/
/*    font-size: 15px;*/
/*    !*margin-top: 20px;*!*/
/*    !*width: 170px;*!*/
/*    width: 100px;*/
/*}*/

/*.list-panel .title-panel a, .list-panel .title-panel a:link {*/
/*    text-decoration: none;*/
/*    !*color: black;*!*/
/*}*/

/*.list-panel .alert-section-panel {*/
/*    margin-left: 10px;*/
/*}*/

/*.list-panel .number-panel {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    margin-left: 30px;*/
/*    font-weight: bold;*/
/*}*/

/*.list-panel .staff-img-small {*/
/*    opacity: 75%;*/
/*}*/

/*.list-panel .staff-img-small:hover {*/
/*    opacity: 100%;*/
/*}*/

/*.list-panel .staff-img-small:hover + .list-panel .number-panel {*/
/*    font-size: 40px !important;*/
/*    color: yellow;*/
/*}*/

/*.list-panel .staff-img-small:hover ~ .list-panel .number-panel {*/
/*    font-size: 40px !important;*/
/*    color: yellow;*/
/*}*/

/**
versión 3
 */
.list-panel {
    /*margin: 10px;*/
    padding-top: 5px;
    position: relative;
    float: left;
    min-width: 10px;
}

.list-panel div {
    float: left;
}

.list-panel .title-panel {
    padding-bottom: 5px;
    font-size: 15px;
    width: 100%;
}

.list-panel .title-panel a, .list-panel .title-panel a:link {
    text-decoration: none;
}

.list-panel .alert-section-panel {
    position: relative;
    margin-left: 10px;
}

.list-panel .number-panel {
    position: absolute;
    top: -10px;
    left: 30px;
    font-weight: bold;
}

.list-panel .staff-img-small {
    opacity: 75%;
}

.list-panel .staff-img-small:hover {
    opacity: 100%;
}

.list-panel .staff-img-small:hover + .list-panel .number-panel {
    font-size: 40px !important;
    color: yellow;
}

.list-panel .staff-img-small:hover ~ .list-panel .number-panel {
    font-size: 40px !important;
    color: yellow;
}

.panel-horizontal {
    width: 150px;
    margin-left: 15px;
    float: left;
}

.request-to-confirm-other-panel {
    color: red;
    font-size: 11px;
}

#minimun-request-time {
    display: none;
    margin-top: 75px;
}

a.panel-circle, a.panle-circle:link {
    color: black;
    font-size: 15px;
}

.panel-alert-circle {
    background-color: #f2f4f5;
    border: 1px solid #ddd;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    padding-top: 7px;
    margin: 5px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    float: left;
}

.panel-alert-circle .request-to-confirm-other-panel {
    font-size: 12px;
}

.panel-alert-circle:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}


    /**
    TEST DIV
     */

.div-test {
    display: none;
    color: red;
    font-weight: bold;
    width: 100%;
    border: 1px solid red;
    padding: 5px;
    clear: both;
}

.btn.month-button {
    pointer-events: none;
}

.edit-input {
    display: none;
}

@media (min-width: 1036px) and (max-width: 1175px) {
    body {
        margin-top: 50px;
    }
}

@media (min-width: 974px) and (max-width: 1035px) {
    body {
        margin-top: 90px;
    }
}

@media (min-width: 768px) and (max-width: 974px) {
    body {
        margin-top: 130px;
    }
}

@media (max-width: 1485px) {
    .table-calendar-person {
        width: 45px !important;
    }
    .table-calendar-person span {
        display: none;
    }
}

@media (max-width: 1350px) {
    .scroll-table-calendar {
        overflow-x:auto;
    }
    .table-calendar-person {
        /*position: sticky;*/
        /*background-color: white;*/
    }
}

input[type=number]#year {
    -webkit-appearance: none;
    margin: 0;
}

.error_div {
    display: none;
    background-color: white;
    color: black;
    padding: 15px;
    margin-left: 30px;
}


.order-by {
    cursor: pointer;
}

.pointer {
    cursor: pointer;
}

.suggesstion-box{
    background-color: #fff;
    position: absolute;
    z-index: 100;
}

.suggesstion-box ul {
    list-style-type: none;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin: 0 0 0 -15px;
    padding: 0;
}

.suggesstion-box ul li {
    text-decoration: none;
    padding: 5px 20px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

.breadcrumbs-section{
    border-radius: 5px;
    /*border: 1px solid gray;*/
    background-color: #F3F3F3;
    padding: 15px;
    margin-top: 10px;
    margin-left: 50px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.input-group-addon.btn-group-success {
    color: #fff;
    background-color: #5cb85c;
    cursor: pointer;
}

.input-group-addon.btn-group-success:hover {
    background-color: #449d44;
}

.input-group-addon.btn-group-danger {
    color: #fff;
    background-color: #d9534f;
    cursor: pointer;
}
.input-group-addon.btn-group-danger:hover {
    background-color: #c9302c;
}

/* SWITCH */
.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
}

.switch input {display:none;}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #d9534f;
}

input:focus + .slider {
    box-shadow: 0 0 1px #d9534f;
}

input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 17px;
}

.slider.round:before {
    border-radius: 50%;
}
/* END SWITCH */


table.table.table-input tr th, table.table.table-input tr td {
    border-top: 0;
}

td.align-middle, th.align-middle {
    vertical-align: middle !important;
}

span.cursor[text="..."] {
    cursor: pointer;
    color: red;
    font-weight: bold;
}

.observations {
    overflow: hidden;
}

#dni-search {
    position: absolute;
    max-width: 600px;
    max-height: 300px;
    overflow: auto;
    display: none;
    z-index: 100;
    background-color: white;
}

#dni-search ul li {
    cursor: pointer;
}

.btn-in-out {
    width:40px;
    opacity: 50%;
    padding: 5px;
}

.btn-in-out.active {
    opacity: 100%;
}

#in-out-list {
    position: absolute;
    width: 200px;
    max-height: 300px;
    overflow: auto;
    z-index: 100;
    background-color: white;
}

.btn-in-out-list {
    /*width:40px;*/
    /*height: 34px;*/
    padding: 5px;
}

.btn-small {
    font-size: 10px !important;
    width: 30px !important;
    padding: 5px !important;
}

.tr-highlight {
    border: 3px solid #449d44;
}

.table.alert-info {
    border-radius: 5px;
    margin: 5px;
    padding: 5px;
}

tr.no-line td{
    border-color: transparent !important;
}

.cursor {
    cursor: pointer;
}

.loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: relative;
    animation: rotate 1s linear infinite;
    margin-left: 45%;
}
.loader::before , .loader::after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    border: 5px solid #FFF;
    animation: prixClipFix 2s linear infinite ;
}
.loader::after{
    border-color: #d9534f;
    animation: prixClipFix 2s linear infinite , rotate 0.5s linear infinite reverse;
    inset: 6px;
}

@keyframes rotate {
    0%   {transform: rotate(0deg)}
    100%   {transform: rotate(360deg)}
}

@keyframes prixClipFix {
    0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
    25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
    50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
    75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
    100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
}

.popover-img {
    cursor: pointer;
}

/*TREE*/

.responsive-width {
    font-size: 3vw;
}
.tree-catalog {
    border-radius: 5px;
    padding: 10px;
    background-color: #eee;
}
.btn-tree {
    /*width: 300px;*/
    text-align: left;
    margin: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: right;
}

/*.btn-tree.btn-level-1 {}*/
/*.btn-tree.btn-level-2 {*/
/*    margin-left: 10px;*/
/*}*/
/*.btn-tree.btn-level-2 {*/
/*    margin-left: 20px;*/
/*}*/
/*.btn-tree.btn-level-2 {*/
/*    margin-left: 30px;*/
/*}*/
/*.btn-tree.btn-level-2 {*/
/*    margin-left: 40px;*/
/*}*/

    /*@media (max-width: 1480px) {*/
/*    .table-calendar-day-title, .table-calendar-day {*/
/*        width: 30px !important;*/
/*    }*/
/*}*/

/*@media (max-width: 1276px) {*/
/*    .table-calendar-person {*/
/*        width: 45px !important;*/
/*    }*/
/*    .table-calendar-person span {*/
/*        display: none;*/
/*    }*/

/*    .table-calendar-day-title {*/
/*        box-shadow: 0 0 1px gray;*/
/*    }*/

/*    .table-calendar-day {*/
/*        box-shadow: 0 0 1px gray;*/
/*    }*/
/*}*/

/*
FLAGS
*/

.f16 .flag{height:16px;width:16px;vertical-align:text-top;line-height:16px;background:url(flags16.png) no-repeat;}
.f16 ._African_Union{background-position:0 -16px;}
.f16 ._Arab_League{background-position:0 -32px;}
.f16 ._ASEAN{background-position:0 -48px;}
.f16 ._CARICOM{background-position:0 -64px;}
.f16 ._CIS{background-position:0 -80px;}
.f16 ._Commonwealth{background-position:0 -96px;}
.f16 ._England{background-position:0 -112px;}
.f16 ._European_Union, .f16 .eu{background-position:0 -128px;}
.f16 ._Islamic_Conference{background-position:0 -144px;}
.f16 ._Kosovo{background-position:0 -160px;}
.f16 ._NATO{background-position:0 -176px;}
.f16 ._Northern_Cyprus{background-position:0 -192px;}
.f16 ._Northern_Ireland{background-position:0 -208px;}
.f16 ._Olimpic_Movement{background-position:0 -224px;}
.f16 ._OPEC{background-position:0 -240px;}
.f16 ._Red_Cross{background-position:0 -256px;}
.f16 ._Scotland{background-position:0 -272px;}
.f16 ._Somaliland{background-position:0 -288px;}
.f16 ._Tibet{background-position:0 -304px;}
.f16 ._United_Nations{background-position:0 -320px;}
.f16 ._Wales{background-position:0 -336px;}
.f16 .ad{background-position:0 -352px;}
.f16 .ae{background-position:0 -368px;}
.f16 .af{background-position:0 -384px;}
.f16 .ag{background-position:0 -400px;}
.f16 .ai{background-position:0 -416px;}
.f16 .al{background-position:0 -432px;}
.f16 .am{background-position:0 -448px;}
.f16 .ao{background-position:0 -464px;}
.f16 .aq{background-position:0 -480px;}
.f16 .ar{background-position:0 -496px;}
.f16 .as{background-position:0 -512px;}
.f16 .at{background-position:0 -528px;}
.f16 .au{background-position:0 -544px;}
.f16 .aw{background-position:0 -560px;}
.f16 .ax{background-position:0 -576px;}
.f16 .az{background-position:0 -592px;}
.f16 .ba{background-position:0 -608px;}
.f16 .bb{background-position:0 -624px;}
.f16 .bd{background-position:0 -640px;}
.f16 .be{background-position:0 -656px;}
.f16 .bf{background-position:0 -672px;}
.f16 .bg{background-position:0 -688px;}
.f16 .bh{background-position:0 -704px;}
.f16 .bi{background-position:0 -720px;}
.f16 .bj{background-position:0 -736px;}
.f16 .bm{background-position:0 -752px;}
.f16 .bn{background-position:0 -768px;}
.f16 .bo{background-position:0 -784px;}
.f16 .br{background-position:0 -800px;}
.f16 .bs{background-position:0 -816px;}
.f16 .bt{background-position:0 -832px;}
.f16 .bw{background-position:0 -848px;}
.f16 .by{background-position:0 -864px;}
.f16 .bz{background-position:0 -880px;}
.f16 .ca{background-position:0 -896px;}
.f16 .cg{background-position:0 -912px;}
.f16 .cf{background-position:0 -928px;}
.f16 .cd{background-position:0 -944px;}
.f16 .ch{background-position:0 -960px;}
.f16 .ci{background-position:0 -976px;}
.f16 .ck{background-position:0 -992px;}
.f16 .cl{background-position:0 -1008px;}
.f16 .cm{background-position:0 -1024px;}
.f16 .cn{background-position:0 -1040px;}
.f16 .co{background-position:0 -1056px;}
.f16 .cr{background-position:0 -1072px;}
.f16 .cu{background-position:0 -1088px;}
.f16 .cv{background-position:0 -1104px;}
.f16 .cy{background-position:0 -1120px;}
.f16 .cz{background-position:0 -1136px;}
.f16 .de{background-position:0 -1152px;}
.f16 .dj{background-position:0 -1168px;}
.f16 .dk{background-position:0 -1184px;}
.f16 .dm{background-position:0 -1200px;}
.f16 .do{background-position:0 -1216px;}
.f16 .dz{background-position:0 -1232px;}
.f16 .ec{background-position:0 -1248px;}
.f16 .ee{background-position:0 -1264px;}
.f16 .eg{background-position:0 -1280px;}
.f16 .eh{background-position:0 -1296px;}
.f16 .er{background-position:0 -1312px;}
.f16 .es{background-position:0 -1328px;}
.f16 .et{background-position:0 -1344px;}
.f16 .fi{background-position:0 -1360px;}
.f16 .fj{background-position:0 -1376px;}
.f16 .fm{background-position:0 -1392px;}
.f16 .fo{background-position:0 -1408px;}
.f16 .fr{background-position:0 -1424px;}  .f16 .bl, .f16 .cp, .f16 .mf, .f16 .yt{background-position:0 -1424px;}
.f16 .ga{background-position:0 -1440px;}
.f16 .gb{background-position:0 -1456px;}  .f16 .sh{background-position:0 -1456px;}
.f16 .gd{background-position:0 -1472px;}
.f16 .ge{background-position:0 -1488px;}
.f16 .gg{background-position:0 -1504px;}
.f16 .gh{background-position:0 -1520px;}
.f16 .gi{background-position:0 -1536px;}
.f16 .gl{background-position:0 -1552px;}
.f16 .gm{background-position:0 -1568px;}
.f16 .gn{background-position:0 -1584px;}
.f16 .gp{background-position:0 -1600px;}
.f16 .gq{background-position:0 -1616px;}
.f16 .gr{background-position:0 -1632px;}
.f16 .gt{background-position:0 -1648px;}
.f16 .gu{background-position:0 -1664px;}
.f16 .gw{background-position:0 -1680px;}
.f16 .gy{background-position:0 -1696px;}
.f16 .hk{background-position:0 -1712px;}
.f16 .hn{background-position:0 -1728px;}
.f16 .hr{background-position:0 -1744px;}
.f16 .ht{background-position:0 -1760px;}
.f16 .hu{background-position:0 -1776px;}
.f16 .id{background-position:0 -1792px;}
.f16 .mc{background-position:0 -1792px;}
.f16 .ie{background-position:0 -1808px;}
.f16 .il{background-position:0 -1824px;}
.f16 .im{background-position:0 -1840px;}
.f16 .in{background-position:0 -1856px;}
.f16 .iq{background-position:0 -1872px;}
.f16 .ir{background-position:0 -1888px;}
.f16 .is{background-position:0 -1904px;}
.f16 .it{background-position:0 -1920px;}
.f16 .je{background-position:0 -1936px;}
.f16 .jm{background-position:0 -1952px;}
.f16 .jo{background-position:0 -1968px;}
.f16 .jp{background-position:0 -1984px;}
.f16 .ke{background-position:0 -2000px;}
.f16 .kg{background-position:0 -2016px;}
.f16 .kh{background-position:0 -2032px;}
.f16 .ki{background-position:0 -2048px;}
.f16 .km{background-position:0 -2064px;}
.f16 .kn{background-position:0 -2080px;}
.f16 .kp{background-position:0 -2096px;}
.f16 .kr{background-position:0 -2112px;}
.f16 .kw{background-position:0 -2128px;}
.f16 .ky{background-position:0 -2144px;}
.f16 .kz{background-position:0 -2160px;}
.f16 .la{background-position:0 -2176px;}
.f16 .lb{background-position:0 -2192px;}
.f16 .lc{background-position:0 -2208px;}
.f16 .li{background-position:0 -2224px;}
.f16 .lk{background-position:0 -2240px;}
.f16 .lr{background-position:0 -2256px;}
.f16 .ls{background-position:0 -2272px;}
.f16 .lt{background-position:0 -2288px;}
.f16 .lu{background-position:0 -2304px;}
.f16 .lv{background-position:0 -2320px;}
.f16 .ly{background-position:0 -2336px;}
.f16 .ma{background-position:0 -2352px;}
.f16 .md{background-position:0 -2368px;}
.f16 .me{background-position:0 -2384px;}
.f16 .mg{background-position:0 -2400px;}
.f16 .mh{background-position:0 -2416px;}
.f16 .mk{background-position:0 -2432px;}
.f16 .ml{background-position:0 -2448px;}
.f16 .mm{background-position:0 -2464px;}
.f16 .mn{background-position:0 -2480px;}
.f16 .mo{background-position:0 -2496px;}
.f16 .mq{background-position:0 -2512px;}
.f16 .mr{background-position:0 -2528px;}
.f16 .ms{background-position:0 -2544px;}
.f16 .mt{background-position:0 -2560px;}
.f16 .mu{background-position:0 -2576px;}
.f16 .mv{background-position:0 -2592px;}
.f16 .mw{background-position:0 -2608px;}
.f16 .mx{background-position:0 -2624px;}
.f16 .my{background-position:0 -2640px;}
.f16 .mz{background-position:0 -2656px;}
.f16 .na{background-position:0 -2672px;}
.f16 .nc{background-position:0 -2688px;}
.f16 .ne{background-position:0 -2704px;}
.f16 .ng{background-position:0 -2720px;}
.f16 .ni{background-position:0 -2736px;}
.f16 .nl{background-position:0 -2752px;}  .f16 .bq{background-position:0 -2752px;}
.f16 .no{background-position:0 -2768px;}  .f16 .bv, .f16 .nq, .f16 .sj{background-position:0 -2768px;}
.f16 .np{background-position:0 -2784px;}
.f16 .nr{background-position:0 -2800px;}
.f16 .nz{background-position:0 -2816px;}
.f16 .om{background-position:0 -2832px;}
.f16 .pa{background-position:0 -2848px;}
.f16 .pe{background-position:0 -2864px;}
.f16 .pf{background-position:0 -2880px;}
.f16 .pg{background-position:0 -2896px;}
.f16 .ph{background-position:0 -2912px;}
.f16 .pk{background-position:0 -2928px;}
.f16 .pl{background-position:0 -2944px;}
.f16 .pr{background-position:0 -2960px;}
.f16 .ps{background-position:0 -2976px;}
.f16 .pt{background-position:0 -2992px;}
.f16 .pw{background-position:0 -3008px;}
.f16 .py{background-position:0 -3024px;}
.f16 .qa{background-position:0 -3040px;}
.f16 .re{background-position:0 -3056px;}
.f16 .ro{background-position:0 -3072px;}
.f16 .rs{background-position:0 -3088px;}
.f16 .ru{background-position:0 -3104px;}
.f16 .rw{background-position:0 -3120px;}
.f16 .sa{background-position:0 -3136px;}
.f16 .sb{background-position:0 -3152px;}
.f16 .sc{background-position:0 -3168px;}
.f16 .sd{background-position:0 -3184px;}
.f16 .se{background-position:0 -3200px;}
.f16 .sg{background-position:0 -3216px;}
.f16 .si{background-position:0 -3232px;}
.f16 .sk{background-position:0 -3248px;}
.f16 .sl{background-position:0 -3264px;}
.f16 .sm{background-position:0 -3280px;}
.f16 .sn{background-position:0 -3296px;}
.f16 .so{background-position:0 -3312px;}
.f16 .sr{background-position:0 -3328px;}
.f16 .st{background-position:0 -3344px;}
.f16 .sv{background-position:0 -3360px;}
.f16 .sy{background-position:0 -3376px;}
.f16 .sz{background-position:0 -3392px;}
.f16 .tc{background-position:0 -3408px;}
.f16 .td{background-position:0 -3424px;}
.f16 .tg{background-position:0 -3440px;}
.f16 .th{background-position:0 -3456px;}
.f16 .tj{background-position:0 -3472px;}
.f16 .tl{background-position:0 -3488px;}
.f16 .tm{background-position:0 -3504px;}
.f16 .tn{background-position:0 -3520px;}
.f16 .to{background-position:0 -3536px;}
.f16 .tr{background-position:0 -3552px;}
.f16 .tt{background-position:0 -3568px;}
.f16 .tv{background-position:0 -3584px;}
.f16 .tw{background-position:0 -3600px;}
.f16 .tz{background-position:0 -3616px;}
.f16 .ua{background-position:0 -3632px;}
.f16 .ug{background-position:0 -3648px;}
.f16 .us{background-position:0 -3664px;}
.f16 .uy{background-position:0 -3680px;}
.f16 .uz{background-position:0 -3696px;}
.f16 .va{background-position:0 -3712px;}
.f16 .vc{background-position:0 -3728px;}
.f16 .ve{background-position:0 -3744px;}
.f16 .vg{background-position:0 -3760px;}
.f16 .vi{background-position:0 -3776px;}
.f16 .vn{background-position:0 -3792px;}
.f16 .vu{background-position:0 -3808px;}
.f16 .ws{background-position:0 -3824px;}
.f16 .ye{background-position:0 -3840px;}
.f16 .za{background-position:0 -3856px;}
.f16 .zm{background-position:0 -3872px;}
.f16 .zw{background-position:0 -3888px;}
.f16 .sx{background-position:0 -3904px;}
.f16 .cw{background-position:0 -3920px;}
.f16 .ss{background-position:0 -3936px;}
.f16 .nu{background-position:0 -3952px;}