/* Error de minimización. Devolviendo el contenido no minimizado.
(272,20): run-time error CSS1030: Expected identifier, found ' '
(272,27): run-time error CSS1031: Expected selector, found ';'
(272,27): run-time error CSS1025: Expected comma or open brace, found ';'
(273,1): run-time error CSS1019: Unexpected token, found '}'
 */
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    background-color: #F7FAFC !important;
    font-family: 'Open Sans',
sans-serif;
    font-size: 14px;
}

#wrapper {

}
/* Medium devices (desktops,
992px and up) */
@media (min-width: 768px) {
    #wrapper {
        margin: 0 20px;
    }
}

#wrapper > .back-button{
    padding: 0 7px 7px 0;
    text-decoration: none;
    font-size: 1.2em;
    display: inline-block;
    transition: color 0.25s;
    color: #00b0ff;
}

    #wrapper > .back-button:hover{
        color: #2e6096;
    }

.main {
    min-height: 700px;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),
0 1px 10px 0 rgba(0,0,0,.12),
0 2px 4px -1px rgba(0,0,0,.2);
    border: #CAE0E9 1px solid;
    background: #FFF;
    padding: 20px;
    position: relative;
    margin: auto;
    margin-bottom: 15px;
}

.main >.title {
    color: #F44336;
    font-size: 23px;
    font-size: 1.6em;
    margin-top: -6px;
    margin-bottom: 12px;
    border-bottom: 1px solid #DDD;
}

.main > .back-button{
    padding: 0px 10px 10px 0;
    margin-bottom: 10px;
    text-decoration: none;
    font-size: 1.2em;
    display: inline-block;
    transition: color 0.25s;
    color: #00b0ff;
    line-height: 1;
}

    .main > .back-button:hover{
        color: #2e6096;
    }


/*Quitar mayusculas en botones kendo*/
.k-tabstrip > .k-tabstrip-items > .k-item,
.k-button,
.k-calendar .k-footer,
.k-calendar .k-header .k-link {
    text-transform: none;
}

/*Color borde Inputs y Botones*/
.k-textbox,
.k-button,
.k-button:hover,
.k-edit-form-container .k-button,
.k-dropdown .k-state-default,
.k-autocomplete.k-state-default,
.k-dropdown-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-picker-wrap.k-state-default,
.k-autocomplete.k-state-hover,
.k-dropdown-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-overflow-anchor:hover,
.k-picker-wrap.k-state-hover,
.k-textbox:hover,
.k-autocomplete.k-state-active,
.k-dropdown-wrap.k-state-active,
.k-multiselect.k-header.k-state-active,
.k-numeric-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-textbox:focus,
.k-edit-form-container .k-button
{
    border-color: #B9B9B9;
}

/*** ACCENT COLOR ***/

.k-header.k-grid-toolbar {
    background-color: #F1F1F1;
    border-color: #e6e6e6;
}

/* Barra Windows*/
.k-window .k-window-titlebar{ 
    background-color: #2e6096;
}

/* Gris de Datepicker */
.k-calendar .k-header{ 
    background-color: #525252;
}

.k-gantt-toolbar .k-button,
.k-gantt>.k-header .k-link,
.k-gantt>.k-header li,
.k-grid .k-header .k-button,
.k-scheduler .k-header .k-button,
.k-scheduler .k-header .k-link,
.k-scheduler .k-header li,
.km-pane-wrapper .k-header .k-button {
    color: black;
    background-color: #fafafa;
    border-color: #B9B9B9;
    text-decoration:none;
    transition: 0.25s all;
}

.k-gantt .k-gantt-toolbar .k-button:hover,
.k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover,
.k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover .k-link,
.k-grid .k-header .k-button:hover,
.k-scheduler .k-header .k-button:hover,
.k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover,
.k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover .k-link,
.km-pane-wrapper .k-header .k-button:hover {
    background-color: #c4c4c4;
    border-color: #c4c4c4;
}

.k-link.k-nav-fast.k-state-hover,
.k-link.k-nav-prev.k-state-hover,
.k-link.k-nav-next.k-state-hover{
    background-color: #8a8a8a;
}

.k-primary {
    color: #fff;
    border-color: #2e6096;
    background-color: #2e6096;
}

/******/

/*** SWEET ALERT ***/
.swal2-container {
    z-index: 12000!important;
}
/******/

/*** COLORS ***/
.color-red{
    color: #F44336;
}
.color-green{
     color: #4CAF50;
}
.color-blue{
     color: #03a9f4;
}
.color-gray{
     color: #999;
}

/*** FONT AWESOME ***/
i.yellow {
    color: #FFC107 !important;
}

i.green {
    color: #4CAF50 !important;
}

i.red {
    color: #F44336 !important;
}

i.space-right{
    margin-right: 6px;
}
i.space-left{
    margin-left: 6px;
}

/*** LOADING ***/
.loading-circle {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border: 0.25rem solid rgba(255,
255,
255,
0.2);
  border-top-color: white;
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/*** KENDO ***/
.k-grid {
    font-size: 13px;
}

.k-grid .k-button,
.k-toolbar .k-button {
    line-height: 1.143em;
    padding: 4px 5px;
}

.k-grid tbody button.k-button,
.k-grid tbody .k-button,
.k-ie8 .k-grid tbody button.k-button {
    min-width: 0;
}

.k-grid .k-grid-content .k-button.k-button-icontext .k-icon {
    margin: 0;
}

.k-grid .k-grid-content .k-button.k-button-icontext i
    vertical-align: middle;
}

.k-tabstrip-items .k-item .k-sprite {
    margin: -3px 3px 0 -6px;
    vertical-align: bottom;
}

/*CHECKBOX*/
.k-checkbox-label {
    font-weight:normal;
    line-height: 1.3em;
}

.k-checkbox:disabled+.k-checkbox-label {
    cursor: not-allowed;
}

/*Padding celda kendo grid*/
.k-grid td {
    padding: 0.5em 0.5em;
}

/*Panel Tabs gris*/
.k-widget.k-tabstrip.k-header {
    background-color: #F7FAFC;
}

/*Tabs defauft*/
.k-header .k-tabstrip-items,
.k-tabstrip-items .k-item { /*Tabs defauft*/
    background-color: #FAFAFA;
    transition: background-color 0.25s;
}

/*Tabs active*/
.k-panelbar .k-tabstrip-items .k-state-active,
.k-tabstrip-items .k-item.k-state-active {
    background-color: #F1F1F1;
}

/*Tabs hover*/
.k-tabstrip-items .k-item.k-state-hover {
    background: #F1F1F1;
    border-color: #F1F1F1;
}

.k-tabstrip-wrapper {
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
    margin-bottom: 20px;
}

.k-tabstrip-wrapper .k-tabstrip-wrapper {
    box-shadow: none;
}

.k-panelbar .k-tabstrip-items .k-state-active,
.k-tabstrip-items .k-state-active {
    border-color: #DA1618;
    border-top: #FAFAFA;
}

.k-tabstrip-items .k-state-default .k-link {
    color: #000000;
}

/*Quitar mayusculas en botones kendo*/
.k-tabstrip > .k-tabstrip-items > .k-item,
.k-button,
.k-calendar .k-footer,
.k-calendar .k-header .k-link {
    text-transform: none;
}

.k-button.k-button-icontext .k-icon,
.k-button.k-button-icontext .k-image {
   vertical-align: text-bottom;
}

/*Color texto grids en NEGRO*/
.k-grid-header .k-header,
.k-grid-header .k-header .k-link,
.k-grid-header .k-link,
.k-grid-header .k-link:link,
.k-pager-info,
.k-scheduler-agendaview .k-scheduler-datecolumn,
.k-scheduler-header {
    color: #000000;
}

.k-grid .k-header {
    color: #000000;
}

/*Color borde Inputs y Botones*/
.k-textbox,
.k-button,
.k-button:hover,
.k-edit-form-container .k-button,
.k-dropdown .k-state-default,
.k-autocomplete.k-state-default,
.k-dropdown-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-picker-wrap.k-state-default,
.k-autocomplete.k-state-hover,
.k-dropdown-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-overflow-anchor:hover,
.k-picker-wrap.k-state-hover,
.k-textbox:hover,
.k-autocomplete.k-state-active,
.k-dropdown-wrap.k-state-active,
.k-multiselect.k-header.k-state-active,
.k-numeric-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-textbox:focus,
.k-edit-form-container .k-button
{
    border-color: #B9B9B9;
}

.k-autocomplete {
    background-color:#fff;
}

.km-button.km-state-active {
    background-color: #3f51b5;
    color: #ffffff;
}

/*RADIO INLINE BUTTONS*/
.btn-group .btn-default.active,
.btn-group .btn-default.focus,
.btn-group .btn-default.active.focus
{
    color: white;
    background-color: #59D659;
    border-color: #59D659;
    outline: 0;
}

.btn-group .btn-default.active.red {
    background-color: #F44336;
    border-color: #F44336;
}

/*FILTRO*/
.k-grid-filter.k-state-active { /*Color Botón Filtro*/
    background-color: #e6e6e6;
}

.k-filter-menu .k-button { /*Altura de Botones filtro (doble linea)*/
    height: 48px;
}
/**/

.k-autocomplete .k-input,
.k-dropdown-wrap .k-input,
.k-numeric-wrap .k-input,
.k-picker-wrap .k-input,
.k-selectbox .k-input,
.k-textbox > input {
    /*height: 2.1em;*/
    font-weight: 500;
}

.edit-buttons .k-button-icontext .k-icon {
    margin-left: -0.8rem;
}

.k-grid .k-grid-content i {
    color: black;
    font-size:1.3em;
}

.k-grid .k-button i{
    opacity: .45;
    transition:opacity .35s;
}

.k-button:hover i {
    opacity: 1;
}

.k-widget.k-notification.k-notification-warning {
    color: #BB9400;
}

.k-edit-form-container {
    width: 100%;
}

/*** KENDO DROPDOWNLIST ***/

.k-popup .k-list .k-item {
    padding: 1px 11px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/******/

/****REPORT VIEW ***/
#reportViewer{
    height:700px;
}

/********* SPREADSHEET***********/
.k-spreadsheet .k-spreadsheet-pane .k-spreadsheet-cell ,
.k-spreadsheet .k-spreadsheet-formula-input {
    cursor:text;
}

.k-spreadsheet .k-selection-wrapper{
    cursor:default;
}


/****** TRANSLATIONS ********/

.not-translated{
    color: gray;
    font-style: italic;
}
header {
    position: relative;
    background: #2e6096;
    min-height: 60px;
    color: #ffffff;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.26);
    z-index: 2;
}

    header .logo {
        float: left;
        height: 60px;
        width: 200px;
        padding: 10px 22px;
        user-select: none;
    }

    header .logo-label{
        position: absolute;
        bottom: 6px;
        left: 170px;
        font-size: 12px;
        user-select: none;
    }

    header .big-button{
        float: left;
        position: relative;
        /*margin-left: 20px;*/
        padding: 10px 20px 0 20px;
        height: 60px;
        text-decoration:none;
            background-color: transparent;
            color:white;
            transition:0.25s all;
        user-select: none;
    }
        header .big-button:hover {
            background-color: #0000001a;
        }
    
    header .big-button.logout:hover {
        background-color:white;
        color:#DA1618;
    }

    header .big-button.center {
        line-height: 60px;
        padding-top: 0;
        font-size: 1.2em;
    }
    header .big-button.center i{
        vertical-align: middle;
    }

    header .selector-block{
        float: left;
        text-align:right;
        margin-right:20px
    }

    header .selector-block .selector .k-combobox .k-input{
        background-color: transparent;
    }

    header .big-button.with-text {
    }

    header .user-block {
        float: left;
        text-align:right;
        padding-top: 8px;
        padding-right: 10px;
    }

    header .user-block .user {
        margin-top: 5px;
        font-size: 13px;
        font-family: Arial;
        color: #ffffff;
        font-weight: bold;
    }
    header .lang-block{
        cursor: pointer;
    }
    header .lang-block ~ .dropdown-menu {
        min-width: 0;
    }
    header .lang-block ~ .dropdown-menu img {
        width: 25px;
    }

    header .selector{
        margin-top: 10px;
    }


    header .selector i {
        font-size: 20px;
        margin-right: 10px;
        vertical-align: middle;
    }

    header .selector input, 
    header .selector .k-widget, 
    header .selector .k-widget span {
        color:white;
        background-color:transparent;
        border-color: white;
    }


    #selectCentro-list{
        font-size: 12px !important;
    }

.header-separator{
    height:8px;
    background-color: #3A3B3D;
    display:none;
}
input.ios-switch {
  max-height: 0;
  max-width: 0;
  opacity: 0;
}

input.ios-switch ~ label {
  position: relative;
  box-shadow: inset 0 0 0px 1px #d5d5d5;
  text-indent: -5000px;
  height: 30px;
  width: 50px;
  border-radius: 15px;
  cursor:pointer;
  vertical-align: middle;
}

input.ios-switch ~  label:before {
  content: "";
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  top: 0;
  left: 0;
  border-radius: 15px;
  background: rgba(19, 191, 17, 0);
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

input.ios-switch ~  label:after {
  content: "";
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  top: 0;
  left: 0px;
  border-radius: 15px;
  background: white;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 2px 4px rgba(0, 0, 0, .2);
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

input.ios-switch:checked ~  label:before {
  width: 50px;
  background: rgba(19, 191, 17, 1);
}

input.ios-switch:checked ~  label:after {
  left: 20px;
  box-shadow: inset 0 0 0 1px rgba(19, 191, 17, 1), 0 2px 4px rgba(0, 0, 0, .2);
}

    input.ios-switch.mini ~ label {
         height: 20px;
    }
   input.ios-switch.mini ~ label:before {
         height: 20px;
   }
    input.ios-switch.mini ~ label:after {
        height: 20px;
        width:20px;
    }
    input.ios-switch.mini:checked ~ label:after {
        left: 30px;
    }
  /** TILE Clipping & Notas Prensa **/

.tile-clip a{
    color:black;
}
  .tile-clip {
        float: left;
        position: relative;
        height: 80px;
        overflow:hidden;
        border-color: #e6e6e6;
        border-width:1px;
        border-style: solid;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding:0;
    }
    .tile-clip .pane{
        position:absolute;
        left:0;
        top:0;
        height: 100%;
        width:100%;
        background: #F5F5F5;
        transition:all 0.35s;
            box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
    }
        .tile-clip .pane {
            /*padding-top:8px;*/
        }
       .tile-clip .title,.tile-clip .subtitle{
            padding:0 15px;
            position: relative;
            z-index: 1;
            font-size: 16px;
        }

       .tile-clip .subtitle{
            font-size: 14px;
        }

    .tile-clip:hover .pane{
        transform:translate(80px,0);
        background: #FBFBFB;
    }
    .tile-clip.two:hover .pane{
        transform:translate(160px,0);
    }

    .tile-clip .link{
        float:left;
        height:100%;
        text-align:center;
        cursor:pointer;
        width:80px;
        line-height:80px;
    }
        .tile-clip .link.url {
            background-color:#67E400;
        }
        .tile-clip .link.pdf {
            background-color:#E50045;
        }
        .tile-clip .link.zip {
            background-color:#ECB847;
        }

        .tile-clip .link i {
        font-size: 2em;
        color: white;
            vertical-align: middle;
        }

        .tile-clip .indicator{
            position: absolute;
            top: 0;
            right: 15px;
            font-size: 3.9em;
            color: #E2E2E2;
        }
        .tile-clip.share .indicator {
            right: 10px;
            font-size: 2.3em;
        }
        .tile-clip .date{
            font-size:0.8em;
        }

        .tile-clip .share{
            position: absolute;
            right: 0;
            bottom: 0;
            background-color:white;
            border: 1px solid #E2E2E2;
            border-bottom: none;
            border-right: none;
        }
        .tile-clip .share i{
            float:left;
            width:30px;
            height:30px;
            text-align:center;
            vertical-align: middle;
            line-height:30px;
            color: #E2E2E2;
            transition:all 0.35s;
        }
            .tile-clip .share i.fa-facebook:hover {
                color:#3b5998;
            }
            .tile-clip .share i.fa-twitter:hover {
                color:#3cf;
            }
            .tile-clip .share i.fa-linkedin:hover {
                color:#0177B5;
            }
            .tile-clip .share i.fa-envelope:hover {
                color:#ECB847;
            }


.tile-clip .pane.imagePane{
    left: 80px;
    right: 0;
    width: auto;
    transition:all 0.35s;
}

.tile-clip .image{
    width: 80px;
    height: 100%;
    background-size: 100% 100%;
    background-size: cover;
}
.tile-clip:hover .pane.imagePane{
    transform:translate(0,0) !important;
}

.tile-clip.file{
    width:160px;
}
.tile-clip.file .pane{
    background-position: 50% 50%;
    background-size: 100% auto;
    background-size: cover;
}
.tile-clip.file .pane i{
    margin: 20px;
    font-size: 3em;
    color: #A2A2A2;
    float: left;
    margin-right:5px;
}
    .tile-clip.file .pane .filename {
        font-size: 10px;
        color: #A2A2A2;
        line-height: 15px;
        margin-top: 20px;
    }


.tile-clip.big{
    height:90px;
}
    .tile-clip.big:hover .pane{
        transform:translate(90px,0);
    }
    .tile-clip.big.two:hover .pane{
        transform:translate(180px,0);
    }
    .tile-clip.big .link{
        width:90px;
        line-height:90px;
    }

    .tile-clip.big .pane.imagePane{
        left: 90px;
    }

    .tile-clip.big .image{
        width: 90px;
    }

    nav{
        margin-bottom:20px;
        padding:0 20px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.26);
        background-color:white;
    }

    nav .menu li a {
        cursor: default;
    }

    nav .menu li a[href] {
        cursor:pointer;
    }

    nav li:hover > a,
    nav li.show > a {
        background-color: #eee !important;
    }

    .dropdown-menu {
        font-size: 14px;
        padding: 0;
    }

    nav .dropdown-menu {
        margin-top: 0;
    }

    .dropdown:hover > .dropdown-menu {
      display: block;
    }

    .dropdown-menu > li > a{
        display: block;
        font-weight: 400;
        line-height: 1.5;
        color: #333;
        white-space: nowrap;
        padding: 5px 20px;
        transition: all 0.25s;
    }

    .dropdown-divider {
        margin: 0;
    }

/** LEVEL 1 **/
    nav .menu > li {
        position: relative;
    }

    nav .menu > li > a {
        line-height: 2;
        transition: 0.25s all;
        color: #000000;
        border-radius: 0;
        border: none;
        margin:0;
            /*text-transform: uppercase;*/
    }

    nav .menu > li > a:focus,
    nav .menu > li > a:hover, 
    nav .menu > li:hover > a {
        background-color: transparent;
        color: #F44336 !important; /*CORP*/
    }

    nav .menu > li.active:after {
        content:"";
        display:block;
        position:absolute;
        bottom:-1px;
        width:100%;
        height:5px;
        background-color:#F44336; /*CORP*/
    }

/****/

    nav .menu li.active > a{
        color: #F44336; /*CORP*/
        font-weight:600;
    }

    ul.dropdown-menu > li > a:hover,
    ul.dropdown-menu > li > a:focus {
        color: #F44336;
        text-decoration: none;
    }

    ul.dropdown-menu .divider:first-child,
    ul.dropdown-menu .divider:last-child {
        display: none;
    }


/***AREA SELECTOR***/

    nav .menu .area-selector {
        border-right: 1px solid #E6E9EA;
    }

    nav .menu .area-selector i{
        font-size: 18px;
        margin-right: 10px;
    }

    nav .menu .area-selector ul i{
        font-size: 16px;
    }