@import url("OpenSans400_300_600_700.css");

body {
    /* background-color: #224f6c;*/
    font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
    margin: 0px;
    font-size: 12px !important;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input:not([type="button"]):not([type="submit"]):not([type="reset"]):not(.k-input-inner),
textarea {
    outline: none;
    border-radius: 5px;
}

header {
    width: 960px;
    margin: 20px auto;
}

h1.title {
    margin: 0px;
    padding: 0px;
    font-size: 22px;
    font-weight: 300;
    color: #48494d;
}

h3.title {
    margin: 0px;
    padding: 0px;
    font-size: 30px!important;
    font-weight: 300;
    color: #cdcdcd;
    float: left;
    margin-top: 7px;
}

    h3.title.dark {
        color: #474a4d;
        width: 685px;
    }


.col {
    float: left;
    width: 248px;
}

    .col.mr {
        margin-right: 60px;
    }

    .col .titlecol {
        padding-bottom: 11px;
        border-bottom: 1px solid #eee;
        font-size: 14px;
        font-weight: bold;
        color: rgb(95, 95, 95);
    }

        .col .titlecol.mt {
            margin-top: 16px;
        }

/** Wrapper & Grids **/
.hidden-block {
    display: none;
}


.navigation {
    margin: 0px auto;
    margin-bottom: -1px;
    background: #FFF;
    width: 960px;
    padding: 50px 50px 25px 50px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .navigation.profile {
        padding: 0px;
        padding-bottom: 15px;
    }

.hold-profile {
    padding: 40px 40px 0px 40px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
    float: left;
    width: 100%;
    background: #FFF;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .hold-profile .name {
        float: left;
        font-size: 27px;
        font-weight: 300;
        color: #48494d;
    }

    .hold-profile .category {
        float: left;
        width: 585px;
        text-transform: uppercase;
        font-weight: bold;
        color: #696969;
        font-size: 14px;
        margin-top: 10px;
    }

    .hold-profile .info {
        float: left;
        width: 585px;
        margin-top: 25px;
        color: #97a1a3;
    }

.mr {
    margin-right: 15px;
}

.btn-toggle {
    border-top: 1px solid #e4e4e4;
    border-right: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-bottom: 1px solid #cbcbcb;
    color: #7b7b7b;
    text-shadow: 0px 1px 0px #ffffff;
    font-weight: bold;
    cursor: pointer;
    -moz-box-shadow: 0 1px 1px 0 #f2f2f2;
    -webkit-box-shadow: 0 1px 1px 0 #f2f2f2;
    box-shadow: 0 1px 1px 0 #f2f2f2;
    background: #fcfcfc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #fcfcfc 3%, #f6f6f6 3%, #e3e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#fcfcfc), color-stop(3%,#f6f6f6), color-stop(100%,#e3e2e2));
    background: -webkit-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    background: -o-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    background: -ms-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    background: linear-gradient(to bottom, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e3e2e2',GradientType=0 );
    font-size: 12px;
    padding: 8px 3px;
    width: 25px;
    height: 25px;
}

.bfixl {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.bfixr {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.btn-grey {
    border-top: 1px solid #e4e4e4;
    border-right: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-bottom: 1px solid #cbcbcb;
    color: #7b7b7b;
    text-shadow: 0px 1px 0px #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    -moz-box-shadow: 0 1px 1px 0 #f2f2f2;
    -webkit-box-shadow: 0 1px 1px 0 #f2f2f2;
    box-shadow: 0 1px 1px 0 #f2f2f2;
    background: #fcfcfc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #fcfcfc 3%, #f6f6f6 3%, #e3e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#fcfcfc), color-stop(3%,#f6f6f6), color-stop(100%,#e3e2e2));
    background: -webkit-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    background: -o-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    background: -ms-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    background: linear-gradient(to bottom, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e3e2e2',GradientType=0 );
    font-size: 12px;
    padding: 8px 3px;
    width: 25px;
    height: 25px;
}

.btn-grey-eventos {
    border-top: 1px solid #e4e4e4;
    border-right: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-bottom: 1px solid #cbcbcb;
    color: #7b7b7b;
    text-shadow: 0px 1px 0px #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    -moz-box-shadow: 0 1px 1px 0 #f2f2f2;
    -webkit-box-shadow: 0 1px 1px 0 #f2f2f2;
    box-shadow: 0 1px 1px 0 #f2f2f2;
    background: #fcfcfc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #fcfcfc 3%, #f6f6f6 3%, #e3e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#fcfcfc), color-stop(3%,#f6f6f6), color-stop(100%,#e3e2e2));
    background: -webkit-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    background: -o-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    background: -ms-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    background: linear-gradient(to bottom, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e3e2e2',GradientType=0 );
    font-size: 12px;
    padding: 8px 3px;
    width: 32px;
    height: 30px;
}

.column {
    color: #656d71;
    width: 100%;
    float: left;
    -moz-column-count: 3; /* Firefox */
    -webkit-column-count: 3; /* Safari and Chrome */
    column-count: 3;
    margin-top: 15px;
}

    .column.double {
        -moz-column-count: 2 !important; /* Firefox */
        -webkit-column-count: 2 !important; /* Safari and Chrome */
        column-count: 2 !important;
    }

    .column .title-val {
        color: #94a0a5;
    }

    .column .value {
        margin-top: 5px;
        font-weight: bold;
    }

.blue-block {
    background: #b7d7e8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
    padding: 5px;
    width: 138px;
    height: 77px;
}

.red-block {
    background: #ffb3ab;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
    padding: 5px;
    width: 138px;
    height: 77px;
}

.profile-pic {
    float: left;
    margin-right: 20px;
    width: 145px;
    height: 145px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #c8bebe;
}

.firma-pic {
    float: right;
    margin-right: 20px;
    width: 145px;
    height: 145px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.telephone {
    margin-bottom: 20px;
}

    .telephone .number {
        font-size: 21px;
        font-weight: 300;
        color: #656d71;
    }

.block-r {
    width: 195px;
}

    .block-r .title {
        color: #94a0a5;
        font-weight: bold;
        margin-bottom: 15px;
        font-size: 14px;
    }

.mappin {
    background: url('images/icons/hold-map.png');
    width: 415px;
    height: 412px;
    display: none;
    position: absolute;
    z-index: 999;
    margin-top: 25px;
    padding: 19px 15px 11px 11px;
}


.borderline {
    border: 2px solid #daddde;
    margin-left: -50px;
    width: 960px;
    margin-bottom: 25px;
}



.blue-block .value {
    color: #4a84a2;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 2px;
}

.red-block .value {
    color: #722424;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 2px;
}

.blue-block .desc {
    color: #4a84a2;
    text-align: center;
    font-size: 11px;
}


.red-block .desc {
    color: #722424;
    text-align: center;
    font-size: 11px;
}

.noelem {
    text-align: center;
    font-size: 17px;
    color: #b6b8ba;
    margin: 20px 0px;
}

.member {
    width: 100%;
    float: left;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

    .member .name {
        color: #656d71;
        font-weight: bold;
        font-size: 14px;
    }

    .member .relation {
        color: #94a0a5;
        margin-top: 5px;
    }

    .member.last {
        border-bottom: none;
        margin-bottom: 0px;
    }

    .member a {
        text-decoration: none;
        color: #656d71;
    }

.document {
    cursor: pointer;
    float: left;
    width: 55px;
    text-align: center;
    margin-right: 15px;
}

    .document .name {
        color: #61a6ca;
        font-size: 12px;
        font-weight: bold;
    }

.skills {
    color: #94a0a5;
    float: left;
    margin-top: 15px;
}

.hold-dot {
    float: left;
    margin-top: 10px;
}

.dot {
    height: 8px;
    width: 8px;
    border-top: 1px solid #8e8e8e;
    background: #dadada;
    border-bottom: 1px solid #b7b7b7;
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    float: left;
    margin-right: 5px;
}

    .dot.red {
        background: #ca4343;
        border: 1px solid #843030;
    }

    .dot.green {
        background: #82c35b;
        border: 1px solid #57803f;
    }

    .dot.orange {
        background: #fa903b;
        border: 1px solid #a2602b;
    }

.ingress {
    position: absolute;
    left: 1040px;
    color: #97a1a3;
}

.inactive {
    background: rgb(252, 252, 252) !important;
    cursor: default !important;
}

.shadow-notes {
    background: url('images/icons/shadow-notes.png');
    float: left;
    height: 19px;
    width: 102%;
    opacity: 0.5;
    margin-bottom: 10px;
    margin-left: -3px;
}

.profile-sprite {
    background: url('images/sprites/profile-sprite.png');
    vertical-align: middle;
    margin-right: 8px;
}

.profile-sprite-eventos {
    background: url('images/sprites/profile-sprite-eventos.png');
    vertical-align: middle;
}

    .profile-sprite-eventos.incapacidades {
        background-position: 36px 199px;
        height: 24px;
        width: 24px;
        float: left;
        margin-top: -6px;
    }

    .profile-sprite-eventos.accidentes {
        background-position: 73px 200px;
        height: 24px;
        width: 24px;
        float: left;
        margin-top: -6px;
    }

    .profile-sprite-eventos.consulta {
        background-position: 114px 200px;
        height: 24px;
        width: 24px;
        float: left;
        margin-top: -6px;
    }

    .profile-sprite-eventos.examen {
        background-position: 184px 200px;
        height: 24px;
        width: 24px;
        float: left;
        margin-top: -6px;
    }

.note {
    height: 115px;
    overflow: hidden;
    font-size: 11px;
    color: #886916;
    float: left;
    padding: 0px 10px 10px 10px;
    width: 100%;
}

.count {
    font-size: 12px;
    color: #886916;
    margin-top: 10px;
    position: absolute;
    margin-left: 85px;
}

.tot-1, .tot-2 {
    font-weight: bold;
}

.profile-sprite.smart {
    height: 17px;
    width: 11px;
    float: left;
    margin-top: -1px;
}

.profile-sprite.gmap {
    background-position: -17px 0px;
    height: 17px;
    width: 12px;
    float: left;
    margin-top: -1px;
}

.profile-sprite.modify {
    background-position: -124px -16px;
    height: 17px;
    width: 16px;
    float: left;
    margin-top: -2px;
}

.profile-sprite.telephonec {
    background-position: 2px -19px;
    height: 30px;
    width: 20px;
    float: left;
    margin-top: 7px;
    margin-right: 15px;
}

.profile-sprite.editwhite {
    background-position: -126px -29px;
    height: 17px;
    width: 16px;
    float: left;
    margin-top: -2px;
}

.profile-sprite.impress {
    background-position: -56px -16px;
    height: 19px;
    width: 16px;
    float: left;
    margin-top: -3px;
}


.profile-sprite.good {
    background-position: -65px -76px;
    height: 39px;
    width: 28px;
    float: left;
    margin-top: -1px;
    margin-left: 5px;
}

.profile-sprite.bad {
    background-position: -38px -76px;
    height: 39px;
    width: 28px;
    float: left;
    margin-top: -1px;
    margin-left: 4px;
}

.profile-sprite.document {
    background-position: -3px -74px;
    height: 40px;
    width: 29px;
    float: left;
    margin-left: 14px;
    margin-bottom: 5px;
}


.profile-sprite.next {
    background-position: -85px 0px;
    height: 15px;
    width: 16px;
    float: left;
    margin-top: -5px;
}

.notes-hold {
    background-image: url('images/icons/paper-texture.png');
    background-color: #fbee7b;
    height: 163px;
    margin-top: 5px;
    float: left;
    width: 100%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.32);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.32);
}


.profile-sprite.back {
    background-position: -73px 0px;
    height: 15px;
    width: 16px;
    float: left;
    margin-top: -5px;
}

.profile-sprite.house {
    background-position: -56px -37px;
    height: 19px;
    width: 16px;
    float: left;
    margin-top: -3px;
}

.profile-sprite.car {
    background-position: -101px -18px;
    height: 19px;
    width: 21px;
    float: left;
    margin-top: -3px;
}

.profile-sprite.cpu {
    background-position: -79px -16px;
    height: 19px;
    width: 16px;
    float: left;
    margin-top: -3px;
}


.profile-sprite.add {
    background-position: -105px 0px;
    height: 17px;
    width: 12px;
    float: left;
    margin-top: -5px;
    margin-left: 3px;
}

.profile-sprite.relation {
    background-position: -35px 0px;
    height: 17px;
    width: 17px;
    float: left;
    margin-top: -1px;
}

.profile-sprite.btype {
    background-position: -57px 0px;
    height: 17px;
    width: 12px;
    float: left;
    margin-top: -1px;
}

.profile-sprite.edit {
    background-position: -125px 0px;
    height: 7px;
    width: 17px;
    float: left;
    margin-right: 0px;
}

.profile-sprite.verifyok {
    background-position: -147px 2px;
    height: 17px;
    width: 12px;
    float: left;
    margin-top: -1px;
}

.profile-sprite.cancelifyok {
    background-position: -21px -17px;
    height: 13px;
    width: 12px;
    float: left;
    margin-top: 1px;
}

.flag {
    float: left;
    margin-right: 15px;
    margin-top: -4px;
}

ul.profile-nav {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    margin-top: 20px;
}

    ul.profile-nav .navigate {
        float: left;
        padding: 20px 15px;
        font-weight: bold;
        font-size: 14px;
        border-right: 1px solid #eee;
        cursor: pointer;
        color: #61a6ca;
    }

        ul.profile-nav .navigate.active {
            color: #474a4d;
        }

.tick-tip {
    position: absolute;
    margin-top: 49px;
    display: none;
    width: 28px;
}

.turq {
    text-decoration: none;
    color: #61a6ca;
    font-weight: bold;
}

.infotip {
    background: #259fb0;
    color: #FFF;
    font-size: 10px;
    padding: 3px 10px;
    margin-left: 5px;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
}

.box-profile {
    float: left;
    width: 640px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #FFF;
    padding: 20px 0px;
    margin-bottom: 25px;
}

.verify {
    background-color: #91ba55;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 9px 15px;
    color: #FFF;
    font-weight: bold;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 13px;
    width:auto;
    height:fit-content;
}


.skillify {
    background-color: #73bdc8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 9px 15px;
    color: #FFF;
    font-weight: bold;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 13px;
    width:auto;
}

.cancelify {
    background-color: #c65257;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 9px 15px;
    color: #FFF;
    font-weight: bold;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 13px;
    width:auto;
}

.info-pay {
    border-right: 1px solid #eee;
    float: left;
    margin-right: 17px;
}

    .info-pay:nth-child(6) {
        /*padding-right: 0px;
        margin-right: 0px;
        border-right: none;*/
    }

    .info-pay .date {
        color: #656d71;
        font-size: 14px;
        font-weight: bold;
        color: rgb(95, 95, 95);
    }

    .info-pay .mount {
        margin-top: 5px;
        color: #1892c5;
        font-weight: bold;
    }

    .info-pay .when {
        margin-top: 5px;
        background: #73bdc8;
        float: left;
        text-transform: uppercase;
        color: #FFF;
        font-size: 10px;
        padding: 3px 10px;
        border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
    }

.box-profile .title {
    padding: 0px 20px 20px 20px;
    font-size: 19px !important;
    font-weight: 300;
    color: #595c5e;
    border-bottom: 1px solid #eee;
}

.box-profile .body {
    padding: 20px 20px 0px 20px;
}

.enterprise-legend {
    text-align: right;
    color: white;
    margin-bottom: 5px;
    font-size:12px;
}

.enterprise-legend span {
    cursor: pointer;
}

.enterprise-element {
    cursor: pointer;
    padding: 5px 5px;
}

.enterprise-element:hover {
    color: #4986ad;
}

.menu-mainwrapper {
    margin: 0px auto 100px;
    background: #FFF;
    width: 960px;
    /*padding: 0px 50px 50px 50px;*/
    padding: 50px 50px 50px 50px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

    .menu-mainwrapper .menu-header {
        width: 865px;
        display: inline-block;
    }

.mainwrapper {
    margin: 0px auto 100px;
    background: #FFF;
    width: 960px;
    padding: 0px 50px 50px 50px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

    .mainwrapper.bluestack {
        background: #eceff0;
    }

    .mainwrapper .grid_full {
        width: 865px;
        margin-bottom: 30px;
        /*overflow: hidden;*/
        display: inline-block;
    }

    .mainwrapper .grid_left {
        border-right: 1px solid #eaeaea;
        padding-right: 20px;
        width: 225px;
        float: left;
    }

/*.mainwrapper .grid_left .title-input, .grid_full .title-input {
            margin-bottom: 5px;
            margin-top: 15px;
            font-weight: bold;
            font-family: 'Segoe UI semibold';
            color: #929292;
            color: #5e929a;
            font-weight:bold;
            font-size: 14px;
        }*/

.title-input {
    margin-bottom: 7px;
    margin-top: 15px;
    color: #5e929a;
    font-weight: bold;
    font-size: 13px;
    height: 27px !important;
    white-space: normal;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.title-input-plus {
    margin-bottom: 20px;
    margin-top: 15px;   
    font-size: 13px;
    height: 27px !important;
    white-space: normal;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.mainwrapper .grid_right {
    width: 635px;
    float: left;
    padding-left: 30px;
}

/** User Nav **/

nav.user-top-nav {
    float: right;
}

    nav.user-top-nav img.user-photo {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: 0 1px 0px #1a3c51;
        -moz-box-shadow: 0 1px 0px #1a3c51;
        box-shadow: 0 1px 0px #1a3c51;
        margin-right: 10px;
        width: 32px;
        height: 32px;
        float: left;
        border-radius: 30px;
    }

    nav.user-top-nav .bubble-not {
        background: #699e37;
        position: absolute;
        margin-top: -10px;
        margin-left: -10px;
        background: -moz-linear-gradient(top, #699e37 0%, #4e7c25 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#699e37), color-stop(100%,#4e7c25));
        background: -webkit-linear-gradient(top, #699e37 0%,#4e7c25 100%);
        background: -o-linear-gradient(top, #699e37 0%,#4e7c25 100%);
        background: -ms-linear-gradient(top, #699e37 0%,#4e7c25 100%);
        background: linear-gradient(to bottom, #699e37 0%,#4e7c25 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699e37', endColorstr='#4e7c25',GradientType=0 );
        color: #FFF;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        text-shadow: 0px -1px 1px #527e2b;
        padding: 4px 0px;
        font-size: 12px;
        text-align: center;
        font-weight: bold;
        border-top: 1px solid #88cf4b;
        border-bottom: 1px solid #4e7c25;
        -webkit-box-shadow: 0 1px 0px #1a3c51;
        -moz-box-shadow: 0 1px 0px #1a3c51;
        box-shadow: 0 1px 0px #1a3c51;
        height: 25px;
        width: 25px;
    }

    nav.user-top-nav .icoVisorEventos {
        width: 20px;
        height: 25px;
        margin: 8px 12px 0px 1px;
        color: white;
        font-size: 18px;
        float: right;
    }

    nav.user-top-nav .sistemaNotificacion {
        width: 20px;
        height: 25px;
        margin: 8px 8px 0px 1px;
        color: white;
        font-size: 17px;
        float: right;
    }

    nav.user-top-nav .cambiar-idioma {
        width: 20px;
        height: 25px;
        margin: 2px 8px 0px 4px;
        color: white;
        font-size: 23px;
        float: right;
    }

    nav.user-top-nav .help {
        width: 20px;
        height: 25px;
        margin: 3px 8px 0px 4px;
        color: white;
        font-size: 23px;
        float: right;
    }

    nav.user-top-nav .logout {
        width: 20px;
        height: 25px;
        margin: 5px 8px 0px 4px;
        color: white;
        font-size: 23px;
        float: right;
    }

    nav.user-top-nav .bibliotecaMulti {
        width: 20px;
        height: 25px;
        margin: 6px 9px 0px 3px;
        color: white;
        font-size: 17px;
        float: right;
    }

    nav.user-top-nav .conteoEventos {
        font-size: 10px;
        font-weight: bold;
        color: white;
        margin-top: -6px;
        position: absolute;
        margin-left: 15px;
    }

    nav.user-top-nav .counter-SysNotif {
        font-size: 10px;
        font-weight: bold;
        color: white;
        margin-top: -6px;
        position: absolute;
        margin-left: 14px;
    }

    nav.user-top-nav .counter-SysNotif1 {
        width: 14px;
        height: 15px;
        border-radius: 12px;
        animation: alertNotificationAnimate 1s infinite;
        text-align: center;
    }

    nav.user-top-nav .reportesArchivo {
        width: 20px;
        height: 25px;
        margin: 9px 14px 0px 7px;
        color: white;
        font-size: 17px;
        float: right;
    }

    nav.user-top-nav .counter-ReportsOnFile {
        font-size: 10px;
        font-weight: bold;
        color: white;
        margin-top: -6px;
        position: absolute;
        margin-left: 19px;
    }

/* Standard syntax */
@keyframes alertNotificationAnimate {
    0%, 49% {
        border: 1px solid transparent;
    }

    51%, 100% {
        border: 1px solid white;
        background-color: red;
    }
}

/** Calendarización **/

.calend-title .title {
    width: 50%;
    float: left;
}

.calend-title .title-right {
    float: right;
}

.fix-cal-btn {
    border-top: 1px solid #e4e4e4;
    border-right: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-bottom: 1px solid #cbcbcb;
    color: #7b7b7b;
    text-shadow: 0px 1px 0px #ffffff;
    height: 31px;
    /*width: aito;*/
    font-weight: bold;
    cursor: pointer;
    -moz-box-shadow: 0 1px 1px 0 #f2f2f2;
    -webkit-box-shadow: 0 1px 1px 0 #f2f2f2;
    box-shadow: 0 1px 1px 0 #f2f2f2;
    /*background: #fcfcfc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #fcfcfc 3%, #f6f6f6 3%, #e3e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#fcfcfc), color-stop(3%,#f6f6f6), color-stop(100%,#e3e2e2));
    background: -webkit-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    background: -o-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    background: -ms-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);*/
    background: linear-gradient(to bottom, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e3e2e2',GradientType=0 );
    font-size: 12px;
    padding: 5px 15px !important;
    height: 33px !important;
    margin: 0px !important;
}


.bor-der {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.bor-rig {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.active-fil {
    text-shadow: 0px 1px 2px #9a9999;
    border-top: 1px solid #848484;
    border-right: 1px solid #9b9b9a;
    background-color: #c4c4c4;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.34);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.34);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.34);
    background-image: -webkit-linear-gradient(top, #ababab, #cacaca 99%);
    background-image: -moz-linear-gradient(top, #ababab, #cacaca 99%);
    background-image: -o-linear-gradient(top, #ababab, #cacaca 99%);
    background-image: -ms-linear-gradient(top, #ababab, #cacaca 99%);
    background-image: linear-gradient(to bottom, #ababab, #cacaca 99%);
    color: #fff;
    border-left: 1px solid #9b9b9a;
    border-bottom: 1px solid #c1c2c1;
    cursor: default;
}

.bloq-usr {
    width: 203px;
    height: 180px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(3,3,3,.08), 0 1px 1px rgba(0,0,0,.27);
    -moz-box-shadow: 0 0 0 1px rgba(3,3,3,.08), 0 1px 1px rgba(0,0,0,.27);
    box-shadow: 0 0 0 1px rgba(3,3,3,.08), 0 1px 1px rgba(0,0,0,.27);
    float: left;
    margin-right: 16px;
    margin-bottom: 16px;
}

.calend-title .title span {
    font-weight: 300;
    font-size: 20px;
    margin-left: 20px;
    color: #48494b;
    float: left;
}

.worker {
    font-weight: 300;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.workers-view .worker:last-child {
    border-bottom: none;
}

.worker .photo, .bloq-usr .photo {
    float: left;
    margin-right: 15px;
}

.bloq-usr .name {
    font-size: 13px;
    font-weight: bold;
    color: #474a4d;
    margin-top: 20px;
}

.bloq-usr .desc {
    margin-bottom: 21px;
}

.bloq-usr .photo img {
    width: 58px !important;
    height: 58px !important;
}

.bloq-usr .photo {
    margin: 7px;
    width: 58px;
    height: 58px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #ddd;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.22), inset 0 0 0 1px rgba(0,0,0,.11);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.22), inset 0 0 0 1px rgba(0,0,0,.11);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.22), inset 0 0 0 1px rgba(0,0,0,.11);
    float: left;
}

.bloq-usr .desc {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #8c8f91;
}

.bloq-usr .calification {
    font-size: 68px;
    text-transform: uppercase;
    font-weight: 300;
    color: #2f77b4;
    line-height: 65px;
}

.bloq-usr .cal {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #8c8f91;
}

ul.list-opt {
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    margin-left: 12px;
}

    ul.list-opt li {
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 12px;
        font-weight: bold;
        color: #4391c2;
        cursor: pointer;
    }

.tab-bu {
    background: url('../img/icons/tabs.gif');
    height: 104px;
    width: 99px;
    margin-top: -1px;
    float: left;
}

.hd-dc {
    float: right;
    width: 104px;
    text-align: center;
    padding-top: 10px;
}

.line-shadow {
    width: 204px;
    height: 1px;
    background-color: #dad9d9;
    -webkit-box-shadow: 0 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px rgba(0,0,0,.05);
    box-shadow: 0 1px rgba(0,0,0,.05);
}

.worker .photo img, .bloq-usr .photo img {
    width: 45px;
    height: 45px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.worker .name {
    float: left;
    font-size: 21px;
    margin-top: 8px;
    font-weight: 300;
    color: #48494b;
}

.worker .calification {
    float: right;
    font-size: 55px;
    color: #2f77b4;
    font-style: normal;
    font-weight: 300;
    margin-top: -7px;
    line-height: 56px;
}

.calend-title {
    height: 55px;
}

.calen-h1 {
    font-size: 17px;
    margin-top: 0px;
    color: #474a4d;
}

.fixgridcal {
    width: 165px !important;
    float: left;
    border-left: 1px solid #eee;
    padding-left: 20px;
    margin-left: 20px;
}

/** Sprites Desktop full **/

.menu-icons {
    display: inline-block;
    background-image: url('images/sprites/fortia-menu-icons.png');
    margin: 25px 25px;
}

.icon-1 { background-position: 0px 0px; width: 100px; height: 100px;  } 
.icon-2 { background-position: 0px -110px; width: 100px; height: 100px;  } 
.icon-3 { background-position: 0px -220px; width: 100px; height: 100px;  } 
.icon-4 { background-position: 0px -330px; width: 100px; height: 100px;  } 
.icon-5 { background-position: 0px -440px; width: 100px; height: 100px;  } 
.icon-6 { background-position: 0px -550px; width: 100px; height: 100px;  } 
.icon-7 { background-position: 0px -660px; width: 100px; height: 100px;  } 
.icon-8 { background-position: 0px -770px; width: 100px; height: 100px;  } 
.icon-9 { background-position: 0px -880px; width: 100px; height: 100px;  } 
.icon-10 { background-position: 0px -990px; width: 100px; height: 100px;  } 
.icon-11 { background-position: 0px -1100px; width: 100px; height: 100px;  } 
.icon-12 { background-position: 0px -1210px; width: 100px; height: 100px;  } 
.icon-13 { background-position: 0px -1320px; width: 100px; height: 100px;  } 
.icon-14 { background-position: 0px -1430px; width: 100px; height: 100px;  } 
.icon-17 { background-position: 0px -1540px; width: 100px; height: 100px;  } 
.icon-18 { background-position: 0px -1650px; width: 100px; height: 100px;  } 
.icon-15 { background-position: 0px -1760px; width: 100px; height: 100px;  } 
.icon-16 { background-position: 0px -1870px; width: 100px; height: 100px;  } 
.icon-19 { background-position: 0px -1980px; width: 100px; height: 100px;  } 
.icon-20 { background-position: 0px -2090px; width: 100px; height: 100px;  } 
.icon-21 { background-position: 0px -2200px; width: 100px; height: 100px;  } 
.icon-22 { background-position: 0px -2310px; width: 100px; height: 100px;  } 
.icon-23 { background-position: 0px -2420px; width: 100px; height: 100px;  } 
.icon-24 { background-position: 0px -2530px; width: 100px; height: 100px;  } 
.icon-25 { background-position: 0px -2640px; width: 100px; height: 100px;  } 
.icon-26 { background-position: 0px -2750px; width: 100px; height: 100px;  } 
.icon-27 { background-position: 0px -2860px; width: 100px; height: 100px;  } 
.icon-28 { background-position: 0px -2970px; width: 100px; height: 100px;  } 
.icon-29 { background-position: 0px -3080px; width: 100px; height: 100px;  } 
.icon-30 { background-position: 0px -3190px; width: 100px; height: 100px;  } 
.icon-31 { background-position: 0px -3300px; width: 100px; height: 100px;  } 
.icon-32 { background-position: 0px -3410px; width: 100px; height: 100px;  } 
.icon-33 { background-position: 0px -3520px; width: 100px; height: 100px;  } 
.icon-34 { background-position: 0px -3630px; width: 100px; height: 100px;  } 
.icon-35 { background-position: 0px -3740px; width: 100px; height: 100px;  } 
.icon-36 { background-position: 0px -3850px; width: 100px; height: 100px;  } 
.icon-37 { background-position: 0px -3960px; width: 100px; height: 100px;  } 
.icon-38 { background-position: 0px -4070px; width: 100px; height: 100px;  } 
.icon-39 { background-position: 0px -4180px; width: 100px; height: 100px;  } 
.icon-40 { background-position: 0px -4290px; width: 100px; height: 100px;  } 
.icon-41 { background-position: 0px -4400px; width: 100px; height: 100px;  } 
.icon-42 { background-position: 0px -4510px; width: 100px; height: 100px;  } 
.icon-43 { background-position: 0px -4620px; width: 100px; height: 100px;  } 
.icon-44 { background-position: 0px -4730px; width: 100px; height: 100px;  } 
.icon-45 { background-position: 0px -4840px; width: 100px; height: 100px;  } 
.icon-46 { background-position: 0px -4950px; width: 100px; height: 100px;  }
.icon-47 { background-position: 0px -5060px; width: 100px; height: 100px;  }
.icon-48 { background-position: 0px -5170px; width: 100px; height: 100px;  }
.icon-49 { background-position: 0px -5280px; width: 100px; height: 100px;  }
.icon-50 { background-position: 0px -5390px; width: 100px; height: 100px;  }
.icon-51 { background-position: 0px -5500px; width: 100px; height: 100px;  }
.icon-52 { background-position: 0px -5610px; width: 100px; height: 100px;  }
.icon-53 { background-position: 0px -5720px; width: 100px; height: 100px;  }
.icon-54 { background-position: 0px -5830px; width: 100px; height: 100px;  }
.icon-55 { background-position: 0px -5940px; width: 100px; height: 100px;  } 
.icon-56 { background-position: 0px -6050px; width: 100px; height: 100px;  } 
.icons-menu-big {
    background: url('images/sprites/fortia-sprite-desktop.png') 0 0;
    margin-right: 10px;
    height: 95px;
    width: 115px;
    float: left;
    margin: 10px 20px;
}

    .icons-menu-big.user {
        background-position: 0px 0px;
        width: 103px;
        height: 70px;
        margin: 22px 29px 15px;
    }

    .icons-menu-big.inc {
        background-position: 0px -143px;
        width: 70px;
        height: 78px;
        margin: 23px 45px 15px;
    }

    .icons-menu-big.pers {
        background-position: -73px -143px;
        width: 70px;
        height: 78px;
        margin: 23px 45px 15px;
    }

    .icons-menu-big.anual {
        background-position: -155px -143px;
        width: 70px;
        height: 78px;
        margin: 23px 45px 15px;
    }

    .icons-menu-big.cfg {
        background-position: -272px 7px;
        width: 70px;
        height: 78px;
        margin: 23px 45px 15px;
    }

    .icons-menu-big.cap {
        background-position: -197px -66px;
        width: 70px;
        height: 78px;
        margin: 23px 45px 15px;
    }

    .icons-menu-big.nom {
        background-position: -103px 0px;
        width: 86px;
        height: 72px;
        margin: 23px 40px 21px;
    }

    .icons-menu-big.sec {
        background-position: -191px 0px;
        width: 83px;
        height: 68px;
        margin: 27px 40px 21px;
    }

    .icons-menu-big.adh {
        background-position: -104px -72px;
        width: 85px;
        height: 61px;
        margin: 27px 36px 19px;
    }

    .icons-menu-big.css {
        background-position: -6px -69px;
        width: 85px;
        height: 61px;
        margin: 27px 36px 19px;
    }

    .icons-menu-big.rec {
        background-position: -231px -146px;
        width: 85px;
        height: 61px;
        margin: 27px 36px 19px;
    }

    .icons-menu-big.syh {
        background-position: -265px -300px;
        width: 85px;
        height: 79px;
        margin: 21px 36px 8px;
    }

    .icons-menu-big.fav {
        background-position: -350px 0px;
        width: 50px;
        height: 58px;
        position: absolute;
        margin-left: 107px;
        margin-top: -9px;
    }

/** Sprites toggle desktop **/

.fortia-desktop-sprite {
    background: url('images/sprites/fortia-toggle-desktop-sprite.png') 0 0;
    margin-right: 10px;
    height: 50px;
    width: 50px;
    float: left;
}

/** Sprites Iconos Desktop **/

.fortia-desktop-icons {
    background: url('images/sprites/fortia-desktop-icons.png') 0 0;
    height: 30px;
    width: 30px;
    float: left;
    margin: 25px 40px 10px 66px;
}

    .fortia-desktop-icons.personal {
        background-position: 0px 0px;
    }

    .fortia-desktop-icons.org {
        background-position: 34px 0px;
    }

    .fortia-desktop-icons.admin {
        background-position: 64px 0px;
    }

    .fortia-desktop-icons.exam {
        background-position: 96px 0px;
    }

    .fortia-desktop-icons.tables {
        background-position: 132px 0px;
    }

    .fortia-desktop-icons.calc {
        background-position: 164px 0px;
    }

.fortia-desktop-spritehover {
    background: url('images/sprites/fortia-toggle-desktop-sprite.png') 0 0;
    background-position: -50px 0;
    margin-right: 10px;
    height: 50px;
    width: 50px;
    float: left;
    position: absolute;
    opacity: 0;
}

/** Sprites Generales **/
/*
.fortia-sprite {
    background: url('images/sprites/fortia-sprite.png') 0 0;
}*/

    .fortia-sprite.logo {
        width: 140px;
        height: 40px;
        float: left;
    }

    .fortia-sprite.step {
        background: url('images/sprites/fortia-sprite.png') !important;
        width: 30px !important;
        height: 30px !important;
        background-position: -205px -31px !important;
        margin-top: -4px;
        margin-right: 10px;
    }

    .fortia-sprite.finish-step {
        background: url('images/sprites/fortia-sprite.png') !important;
        width: 30px !important;
        height: 30px !important;
        background-position: -205px -2px !important;
        margin-top: -4px;
        margin-right: 10px;
    }

    .fortia-sprite.active-step {
        background: url('images/sprites/fortia-sprite.png') !important;
        width: 30px !important;
        height: 30px !important;
        background-position: -205px -60px !important;
        margin-top: -4px;
        margin-right: 10px;
    }

    .fortia-sprite.add {
        width: 23px;
        height: 20px;
        background-position: -96px -71px;
        margin-right: 5px;
        float: left;
    }

    .fortia-sprite.no-icon {
        background: none;
        height: 20px;
        margin-right: 5px;
        float: left;
    }


    .fortia-sprite.del {
        width: 23px;
        height: 20px;
        background-position: -74px -70px;
        margin-right: 5px;
        float: left;
    }

    .fortia-sprite.closeup {
        width: 20px;
        height: 20px;
        background-position: -207px -94px;
        float: left;
        margin-top: 8px;
        z-index: 1001;
        margin-left: 5px;
    }

    .fortia-sprite.filtratenav {
        width: 20px;
        height: 20px;
        background-position: -137px -96px;
        float: left;
    }

.filterfix:hover > .fortia-sprite.filtratenav {
    width: 20px;
    height: 20px;
    background-position: -158px -96px;
    float: left;
}

.fortia-sprite.none {
    width: 0px;
    height: 20px;
    background-position: -74px -70px;
    margin-right: 5px;
    float: left;
}

.fortia-sprite.dup {
    width: 23px;
    height: 20px;
    background-position: -118px -70px;
    margin-right: 5px;
    float: left;
}

.fortia-sprite.drag {
    width: 23px;
    height: 20px;
    background-position: -181px -70px;
    float: right;
    margin-right: -5px;
    cursor: move;
    display: none;
}

.fortia-sprite.fav {
    width: 30px;
    height: 30px;
    background-position: -172px -36px;
    margin-top: 7px;
}

.fortia-sprite.notfav {
    width: 30px;
    height: 30px;
    background-position: -172px 0px;
    margin-top: 7px;
}

.fortia-sprite.stats {
    width: 23px;
    height: 20px;
    background-position: -74px -49px;
    margin-right: 5px;
    float: left;
}

.fortia-sprite.users {
    width: 23px;
    height: 20px;
    background-position: -96px -48px;
    margin-right: 5px;
    float: left;
}

.fortia-sprite.errorico {
    width: 18px;
    height: 23px;
    background-position: -125px -44px;
    float: left;
    margin-left: -25px;
    margin-top: 2px;
}

.fortia-sprite.successico {
    width: 18px;
    height: 23px;
    background-position: -147px -44px;
    float: left;
    margin-left: -25px;
    margin-top: 2px;
}

.fortia-sprite.suggestico {
    width: 18px;
    height: 23px;
    background-position: 0px -112px;
    float: left;
    margin-left: -25px;
    margin-top: 2px;
}

.fortia-sprite.config {
    width: 20px;
    height: 20px;
    background-position: -25px -46px;
    margin-top: 5px;
    margin-right: 10px;
    float: right;
}

.fortia-sprite.general-report {
    width: 20px;
    height: 20px;
    background-position: -27px -116px;
    margin-top: 5px;
    margin-right: 8px;
    float: right;
}

.fortia-sprite.cambiar-idioma {
    width: 20px;
    height: 20px;
    background-position: -25px -46px;
    margin-top: 5px;
    margin-right: 10px;
    float: right;
}

.fortia-sprite.help {
    width: 20px;
    height: 20px;
    background-position: 1px -116px;
    margin-top: 5px;
    margin-right: 10px;
    float: right;
}

.fortia-sprite.forward {
    width: 20px;
    height: 20px;
    background-position: 0px -95px;
    margin-top: 13px;
    margin-left: 12px;
    float: left;
}

.fortia-sprite.filtrate {
    width: 20px;
    height: 20px;
    background-position: -26px -95px;
    /*margin-top: 13px;
margin-left: 12px;*/
    margin-right: 5px;
    float: left;
}

.fortia-sprite.checked {
    width: 20px;
    height: 20px;
    background-position: -54px -95px;
    /*margin-top: 13px;
    margin-left: 12px;*/
    margin-right: 5px;
    float: left;
}

.fortia-sprite.copied {
    width: 20px;
    height: 20px;
    background-position: -82px -95px;
    margin-top: 13px;
    margin-left: 12px;
    float: left;
}

.fortia-sprite.deleted {
    width: 20px;
    height: 20px;
    background-position: -112px -95px;
    margin-top: 13px;
    margin-left: 12px;
    float: left;
}

.fortia-sprite.logout {
    width: 20px;
    height: 20px;
    background-position: -52px -46px;
    margin-top: 5px;
    float: right;
}

.fortia-sprite.breadcrumb {
    background-position: -132px 0px;
    margin-left: 5px;
    margin-right: 15px;
    height: 50px;
    width: 30px;
    float: left;
}

/** Botones **/

.blue {
    border-top: 1px solid #224f6c;
    border-right: 1px solid #224f6c;
    border-left: 1px solid #224f6c;
    border-bottom: 1px solid #224f6c;
    color: #FFF;
    /*-moz-box-shadow: 0 1px 1px 0 #d5d5d5;
    -webkit-box-shadow: 0 1px 1px 0 #d5d5d5;
    box-shadow: 0 1px 1px 0 #d5d5d5;*/
    /*text-shadow: 0px 1px 0px #267db9;*/
    margin-top: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*height: 31px;
    width: 75px;*/
    font-weight: bold;
    background: #224f6c;
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzVmYmJmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjM2ZhY2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBkNzRjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #5fbbf6 5%, #3facf3 5%, #0d74c2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#5fbbf6), color-stop(5%,#3facf3), color-stop(100%,#0d74c2));
    background: -webkit-linear-gradient(top, #5fbbf6 5%,#3facf3 5%,#0d74c2 100%);
    background: -o-linear-gradient(top, #5fbbf6 5%,#3facf3 5%,#0d74c2 100%);
    background: -ms-linear-gradient(top, #5fbbf6 5%,#3facf3 5%,#0d74c2 100%);
    background: linear-gradient(to bottom, #5fbbf6 5%,#3facf3 5%,#0d74c2 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbbf6', endColorstr='#0d74c2',GradientType=0 );*/
    cursor: pointer;
}

.grey {
    border-top: 1px solid #e4e4e4;
    border-right: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-bottom: 1px solid #cbcbcb;
    color: #7b7b7b;
    text-shadow: 0px 1px 0px #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 29px;
    /*width: aito;*/
    font-weight: bold;
    cursor: pointer;
    -moz-box-shadow: 0 1px 1px 0 #f2f2f2;
    -webkit-box-shadow: 0 1px 1px 0 #f2f2f2;
    box-shadow: 0 1px 1px 0 #f2f2f2;
    /*background: #fcfcfc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #fcfcfc 3%, #f6f6f6 3%, #e3e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#fcfcfc), color-stop(3%,#f6f6f6), color-stop(100%,#e3e2e2));
    background: -webkit-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    background: -o-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    background: -ms-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);*/
    background: linear-gradient(to bottom, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e3e2e2',GradientType=0 );
    font-size: 12px!important;
    padding: 5px 10px 3px 5px;
    font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
}

    .grey:hover {
        /*background: #fcfcfc;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZjZmNmY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q2ZDZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top, #fcfcfc 3%, #f6f6f6 3%, #d6d6d6 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#fcfcfc), color-stop(3%,#f6f6f6), color-stop(100%,#d6d6d6));
        background: -webkit-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#d6d6d6 100%);
        background: -o-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#d6d6d6 100%);
        background: -ms-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#d6d6d6 100%);*/
        background: linear-gradient(to bottom, #fcfcfc 3%,#f6f6f6 3%,#d6d6d6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#d6d6d6',GradientType=0 );
    }

/** Vista escritorios **/

.hold-desktop-fullview {
    width: 960px;
    margin: 0px auto;
    background: #FFF;
    padding: 10px 45px;
}

.desktopviewbox {
    background: #ecf6f9;
    border: 1px solid #d8e3e6;
    border-top: 1px solid #d8e3e6;
    border-bottom: 1px solid #c0cbce;
    border-right: 1px solid #d0dbde;
    border-left: 1px solid #d0dbde;
    color: #7394a8;
    -moz-box-shadow: 0 1px 1px 0 #f2f2f2;
    -webkit-box-shadow: 0 1px 1px 0 #f2f2f2;
    box-shadow: 0 1px 1px 0 #f2f2f2;
    margin-right: 20px;
    width: 158px;
    height: 155px;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
}

    .desktopviewbox:hover {
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
        background: rgb(232, 243, 247);
        -moz-box-shadow: 0 1px 3px 0 rgba(141, 185, 197, 0.56);
        -webkit-box-shadow: 0 1px 3px 0 rgba(141, 185, 197, 0.56);
        box-shadow: 0 1px 3px 0 rgba(141, 185, 197, 0.56);
        border-top: 1px solid rgba(162, 187, 194, 0.81);
        border-bottom: 1px solid rgba(162, 187, 194, 0.91);
        border-right: 1px solid rgba(141, 185, 197, 0.72);
        border-left: 1px solid rgba(141, 185, 197, 0.72);
        text-shadow: 0px 1px 0px #FFF;
    }

    .desktopviewbox.active {
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
        background: rgb(232, 243, 247);
        -moz-box-shadow: 0 1px 5px 0 rgba(141, 185, 197, 0.59);
        -webkit-box-shadow: 0 1px 5px 0 rgba(141, 185, 197, 0.59);
        box-shadow: 0 1px 5px 0 rgba(141, 185, 197, 0.59);
        border-top: 1px solid rgba(162, 187, 194, 0.81);
        border-bottom: 1px solid rgba(162, 187, 194, 0.91);
        border-right: 1px solid rgba(141, 185, 197, 0.72);
        border-left: 1px solid rgba(141, 185, 197, 0.72);
        text-shadow: 0px 1px 0px #FFF;
    }

.tip-up-desk {
    position: absolute;
    margin-top: -33px;
    display: none;
    width: 64px;
}

.desktopviewbox:nth-child(5n) {
    margin-right: 0 !important;
}

/** Escritorios **/
.desktops {
    width: 100%;
    background: url('images/icons/bg-desktops.png');
    border-bottom: 1px solid #2b5671;
    padding: 20px 20px 10px 20px;
    z-index: 10;
    display: none;
}

    .desktops .holder {
        width: 865px;
        margin: 0px auto;
    }

    .desktops .desk-box {
        background: #2d526a;
        border-top: 1px solid #35607d;
        border-right: 1px solid #2d526a;
        border-left: 1px solid #2d526a;
        border-bottom: 1px solid #2d526a;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.38);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.38);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.38);
        text-shadow: 0px 1px 0px rgb(34, 62, 80);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        height: 33px;
        width: 115px;
        color: #83a5bb;
        font-weight: bold;
        font-size: 12px;
        float: left;
        margin-right: 20px;
        padding: 8px 10px;
    }

        .desktops .desk-box:hover {
            background: rgba(85, 141, 177, 0.41);
            /*width: 140px;*/
        }

            .desktops .desk-box:hover > .fortia-sprite.drag {
                display: block;
            }

.desk-box.process:hover {
    width: 115px;
}

    .desk-box.process:hover > .fortia-sprite.drag {
        display: none;
    }

.desktops .desk-box .title {
    float: left;
}

.desktops .desk-box.active {
    border-top: 1px solid #2aa6f2;
    border-right: 1px solid #248dce;
    border-left: 1px solid #248dce;
    border-bottom: 1px solid #248dce;
    background: #248dce;
    font-weight: bold;
    color: #FFF;
    text-shadow: 0px 1px 0px rgb(21, 92, 136);
}

.desktops .desk-box.process {
    background: #FFF;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    text-shadow: 0px 1px 0px rgb(248, 248, 248);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #415a6b;
}

.desktops nav.desktop-subnav {
    margin-top: 20px;
}

    .desktops nav.desktop-subnav button {
        background: none;
        border: none;
        color: #FFF;
        font-weight: bold;
        font-size: 12px;
        text-shadow: 0px 2px 1px rgb(25, 48, 63);
        margin-right: 15px;
        padding: 5px 10px 5px 10px;
        height: 31px;
        border: 1px solid transparent;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
    }

        .desktops nav.desktop-subnav button.active {
            border-top: 1px solid #2aa6f2;
            border-right: 1px solid #248dce;
            border-left: 1px solid #248dce;
            border-bottom: 1px solid rgba(16, 32, 43, 0.31);
            background: #248dce;
            -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.41);
            -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.41);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.41);
            -webkit-border-radius: 18px;
            -moz-border-radius: 18px;
            border-radius: 18px;
            color: #FFF;
            padding: 5px 10px 5px 10px;
            height: 31px;
            text-shadow: 0px 1px 0px rgb(21, 92, 136);
            -webkit-transition: all .3s linear;
            -moz-transition: all .3s linear;
            -o-transition: all .3s linear;
            -ms-transition: all .3s linear;
            transition: all .3s linear;
        }

.menubar {
    float: left;
    width: 160px;
    height: 105px;
    border-right: 1px solid #e7e7e7;
    color: #9fa7ad;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear;
}

    .menubar:nth-child(6n) {
        border-right: none;
    }

    .menubar.active > .fortia-desktop-icons.personal {
        background-position: 0px -31px;
    }

    .menubar.active > .fortia-desktop-icons.org {
        background-position: 34px -31px;
    }

    .menubar.active > .fortia-desktop-icons.admin {
        background-position: 64px -31px;
    }

    .menubar.active > .fortia-desktop-icons.exam {
        background-position: 96px -31px;
    }

    .menubar.active > .fortia-desktop-icons.tables {
        background-position: 132px -31px;
    }

    .menubar.active > .fortia-desktop-icons.calc {
        background-position: 164px -31px;
    }

    .menubar.brl {
        -webkit-border-top-left-radius: 2px;
        -moz-border-radius-topleft: 2px;
        border-top-left-radius: 2px;
    }

    .menubar.brr {
        -webkit-border-top-right-radius: 2px;
        -moz-border-radius-topright: 2px;
        border-top-right-radius: 2px;
    }

    .menubar.active {
        background: #2178bb;
        -moz-box-shadow: inset -5px -5px 0 5px #888;
        -webkit-box-shadow: inset -5px -5px 0 5px#888;
        box-shadow: inset 0px 6px 17px 7px rgba(34, 79, 107, 0.45);
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -o-transition: all .1s linear;
        -ms-transition: all .1s linear;
        transition: all .1s linear;
    }

.linemenu {
    border-top: 1px solid #dcdcdc;
    float: left;
    width: 100%;
    -moz-box-shadow: 0 1px 1px 0 #f2f2f2;
    -webkit-box-shadow: 0 1px 1px 0 #f2f2f2;
    box-shadow: 0 1px 1px 0 #f2f2f2;
}

.menubar.active > .title {
    color: #FFF;
    text-shadow: 0px 1px 1px rgb(26, 89, 138);
}

/** Sidebar **/

ul.sidebar {
    margin: 0px;
    padding: 0px;
    border: 1px solid #eaeaea;
    width: 226px;
    border-right: none;
}


    ul.sidebar li {
        list-style: none;
        background: #f5f5f5;
        border-right: 1px solid #eaeaea;
        height: 45px;
        width: 45px;
        float: left;
        cursor: pointer;
    }

        ul.sidebar li:hover {
            background: rgb(241, 241, 241);
        }

        ul.sidebar li:last-child {
            border-right: none;
        }

ul.sidebarcontent {
    margin: 0px;
    padding: 0px;
}

    ul.sidebarcontent li {
        list-style: none;
        padding: 10px;
        border-bottom: 1px solid #eaeaea;
    }

        ul.sidebarcontent li:hover {
            background: #177fc0;
        }

            ul.sidebarcontent li:hover > .title {
                color: #FFF;
            }

            ul.sidebarcontent li:hover > .date, ul.sidebarcontent li:hover > .content {
                color: #a3cae8;
            }

        ul.sidebarcontent li .title {
            font-weight: bold;
            float: left;
        }

        ul.sidebarcontent li .date {
            float: right;
            color: #177fc0;
        }

        ul.sidebarcontent li .content {
            width: 205px;
            margin-top: 25px;
            margin-bottom: 10px;
            color: #7e7e7e;
        }

/** Slider **/
.styled-v-bar { /* sample CSS class for a different vertical scrollbar look */
    width: 10px;
    margin-right: 0;
    margin-bottom: 4px;
}

    .styled-v-bar ins { /* Style for the "ins" inner element, or bottom of the scrollbar */
        display: block;
        width: 10px;
        height: 4px;
        position: absolute;
        top: 100%;
    }

/** Inputs **/
/*.normalinp {
    color: #5e5e5e;
    background: #f7f7f7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-top: 1px solid #b3b3b3;
    border-right: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #e8e8e8;
    -moz-box-shadow: inset 0px 1px #e5e5e5;
    -webkit-box-shadow: inset 0px 1px #e5e5e5;
    box-shadow: inset 0px 1px #e5e5e5;
    width: 100%;
    height: 31px;
    padding: 5px;
    outline: none;
    float: left;
}

    .normalinp:focus {
        border: 1px solid #2c8ae1;
        -moz-box-shadow: 0px 0px 3px rgba(44, 138, 225, 0.56);
        -webkit-box-shadow: 0px 0px 3px rgba(44, 138, 225, 0.56);
        box-shadow: 0px 0px 3px rgba(44, 138, 225, 0.56);
        background: #FFF;
    }*/

.error {
    border: 1px solid #cb3454;
}

    .error:focus {
        border: 1px solid #cb3454;
        -moz-box-shadow: 0px 0px 3px rgba(203, 52, 84, 0.28);
        -webkit-box-shadow: 0px 0px 3px rgba(203, 52, 84, 0.28);
        box-shadow: 0px 0px 3px rgba(203, 52, 84, 0.28);
    }

.success {
    border: 1px solid #79a503;
}

    .success:focus {
        border: 1px solid #79a503;
        -moz-box-shadow: 0px 0px 3px rgba(121, 165, 3, 0.44);
        -webkit-box-shadow: 0px 0px 3px rgba(121, 165, 3, 0.44);
        box-shadow: 0px 0px 3px rgba(121, 165, 3, 0.44);
    }

/** Pop Edit **/

.pop-edit {
    display: none;
    position: absolute;
    background: #FFF;
    width: 865px;
    z-index: 10;
    margin-top: 11px;
    /*margin-top: 67px;*/
    padding: 5px 20px 20px 20px;
    -webkit-border-radius: 4px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 4px;
    -moz-border-radius-topright: 0;
    border-radius: 4px;
    border-top-right-radius: 0;
    -moz-box-shadow: 0 1px 5px 1px rgba(158, 158, 158, 0.47);
    -webkit-box-shadow: 0 1px 5px 1px rgba(158, 158, 158, 0.47);
    box-shadow: 0 1px 5px 1px rgba(158, 158, 158, 0.47);
    border: 1px solid #cccccc;
}

/** Extras **/

.fix-img {
    position: absolute;
    margin-left: 813px;
    /*margin-left: 787px;*/
    margin-top: -10px;
    width: 30px;
    height: 10px;
    background: #FFF;
}

.close-up {
    position: absolute;
    margin-left: 812px;
    /*margin-left: 786px;*/
    margin-top: -49px;
    -moz-box-shadow: 0 1px 5px 1px rgba(158, 158, 158, 0.47);
    -webkit-box-shadow: 0 1px 5px 1px rgba(158, 158, 158, 0.47);
    box-shadow: 0 1px 5px 1px rgba(158, 158, 158, 0.47);
    background: #FFF;
    height: 42px;
    width: 32px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #cccccc;
}

.grid_right_sub {
    padding-left: 25px;
    float: left;
    width: 634px;
}

    .grid_right_sub .subtitle {
        font-size: 18px;
        font-weight: bold;
    }

.subtitle {
    float: left;
    font-size: 22px;
    color: #474a4d;
}

.substats {
    float: right;
    font-size: 11px;
    text-transform: uppercase;
    color: #9a9a9a;
    margin-top: 5px;
}

    .substats span.green {
        color: #6fa23e;
        font-weight: bold;
        margin-left: 10px;
        margin-right: 5px;
    }

.grid_right .description {
    color: #7e7e7e;
    margin-top: 15px;
    float: left;
}

.alt-scroll-vertical-bar {
    margin: 5px;
    height: 50px;
}

.fl {
    float: left;
}

.grid_full > .fr {
    margin-bottom: 0px;
}

.fr {
    float: right;
    margin-bottom: 20px;
}

.grid_full > .k-grid {
    margin-bottom: 0px;
}

.k-grid {
    margin-bottom: 20px;
}

.cp {
    cursor: pointer;
}

.mtnone {
    margin-top: 0px !important;
}

.form {
    /*width: 865px;*/
    /*overflow: hidden;*/
    margin-bottom: 15px;
    /*float: left;*/
}

.mgtop {
    margin-bottom: 20px;
    margin-top: 10px;
    font-size: 27px;
}

.fixgridr {
    width: 634px !important;
    border-top: 1px solid #eaeaea;
    padding-top: 25px;
    padding-left: 25px !important;
}

.line {
    border-top: 1px solid #eaeaea;
    width: 634px;
    float: right;
    margin-top: 25px;
    margin-bottom: 20px;
}

span.divider {
    color: #939293;
    margin: 0px 10px;
}

.greyfix {
    width: 32px;
    margin-right: 10px;
}

.filterfix {
    width: 32px;
    float: right;
    padding: 6px 5px;
    height: 32px;
}

.nml {
    margin-left: 0px !important;
}

.fixmw {
    padding-bottom: 5px !important;
}

.fixhold {
    width: 960px !important;
}

/*.fixbtngrp {
    margin-top: -15px;
}*/

.fixbtn {
    width: auto !important;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
}

.adj-title-wrap {
    margin-left: -15px;
    margin-top: -15px;
    font-weight: 300;
}

.mb13 {
    margin-bottom: 3px !important;
}

.highlight {
    color: #474a4d;
    margin: 0px;
    padding: 0px;
    font-size: 28px;
    font-weight: 300;
    margin-top: -20px;
    margin-bottom: 35px;
    width: auto;
    float: left;
}

.fixinpt {
    float: left;
    width: 195px;
    margin-right: 20px;
}

.fixbluetop {
    margin-top: 0px;
    height: 32px;
    float: right;
    margin-right: 9px;
}

.bluecen {
    padding: 8px 15px;
    height: auto;
    width: auto;
    float: left;
}

.centeractions {
    width: 200px;
    margin: 0px auto;
}

.goback {
    margin-left: 20px;
    margin-top: 29px;
    float: left;
    font-weight: bold;
    color: #7b7b7b;
}


.box-holder-steps {
    float: left;
    width: 100%;
}

    .box-holder-steps ul {
        float: left;
        margin: 0px;
        padding: 0px;
    }

        .box-holder-steps ul li {
            float: left;
            list-style: none;
            margin-right: -17px;
        }

.nostep {
    list-style: none;
}

.step, .nostep, .first-step {
    font-weight: bold;
    font-size: 13px;
}

.active-step {
    font-weight: bold;
    font-size: 13px;
    color: #FFF;
    text-shadow: 0px 1px 0px rgb(53, 119, 160);
}

.step, .first-step {
    color: #747373;
    text-shadow: 0px 1px 0px #FFF;
}

.active-step.first div:nth-child(1) {
    background: url('images/shapes/blue_0a.png') repeat-x;
    width: 8px;
}

.first-step div:nth-child(1) {
    background: url('images/shapes/grey_0.png') repeat-x;
    height: 55px;
    float: left;
    width: 8px;
}

.first-step div:nth-child(2) {
    background: url('images/shapes/grey_1.png') repeat-x;
    height: 55px;
    float: left;
    padding: 18px 55px 20px 5px;
}

.first-step div:nth-child(3) {
    background: url('images/shapes/grey_2.png') repeat-x;
    height: 55px;
    float: left;
    width: 25px;
}

.active-step div:nth-child(1) {
    background: url('images/shapes/blue_0.png') repeat-x;
    height: 55px;
    float: left;
    width: 24px;
}

.active-step div:nth-child(2) {
    background: url('images/shapes/blue_1.png') repeat-x;
    height: 55px;
    float: left;
    padding: 18px 55px 20px 5px;
}

.active-step div:nth-child(3) {
    background: url('images/shapes/blue_2.png') repeat-x;
    height: 55px;
    float: left;
    width: 25px;
}

.step div:nth-child(1) {
    background: url('images/shapes/grey_0a.png') repeat-x;
    height: 55px;
    float: left;
    width: 24px;
}

.step div:nth-child(2) {
    background: url('images/shapes/grey_1.png') repeat-x;
    height: 55px;
    float: left;
    padding: 18px 55px 20px 5px;
}

.step div:nth-child(3) {
    background: url('images/shapes/grey_2.png') repeat-x;
    height: 55px;
    float: left;
    width: 25px;
}

.nostep div:nth-child(1) {
    background: url('images/shapes/simple_0.png') repeat-x;
    height: 55px;
    float: left;
    width: 24px;
}

.nostep div:nth-child(2) {
    background: url('images/shapes/simple_1.png') repeat-x;
    height: 55px;
    float: left;
    padding: 18px 55px 20px 5px;
}

.nostep div:nth-child(3) {
    background: url('images/shapes/simple_2.png');
    height: 55px;
    float: left;
    width: 22px;
}


.fixl {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.toggle {
    display: none;
}

.textstyle {
    float: left;
    width: 865px;
    height: 80px;
    background-color: rgb(247, 247, 247);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(179, 179, 179) rgb(215, 215, 215) rgb(232, 232, 232);
    -webkit-box-shadow: rgb(229, 229, 229) 0px 1px inset;
    box-shadow: rgb(229, 229, 229) 0px 1px inset;
    padding: 10px;
    outline: none;
    margin: 10px 0px 0px 0px;
    resize: vertical;
    color: #999;
}


.custom-checkbox > .box {
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #ccc;
    background-color: #eee;
    border-radius: 4px;
}
/*
.k-picker-wrap.k-state-default {
    border-top: 1px solid #b3b3b3;
}

.k-picker-wrap .k-select {
    padding: 6px !important;
}

.k-picker-wrap .k-input {
    width: 88px !important;
    background: #e5e5e5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 2%, #f7f7f7 5%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#e5e5e5), color-stop(5%,#f7f7f7), color-stop(100%,#f7f7f7));
    background: -webkit-linear-gradient(top, #e5e5e5 2%,#f7f7f7 5%,#f7f7f7 100%);
    background: -o-linear-gradient(top, #e5e5e5 2%,#f7f7f7 5%,#f7f7f7 100%);
    background: -ms-linear-gradient(top, #e5e5e5 2%,#f7f7f7 5%,#f7f7f7 100%);
    background: linear-gradient(to bottom, #e5e5e5 2%,#f7f7f7 5%,#f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f7f7f7',GradientType=0 );
}

.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
    width: 25px;
    height: 23px;
    overflow: hidden;
    min-width: 25px;
    float: left;
    border-top: 1px solid #e4e4e4;
    border-right: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-bottom: 1px solid #cbcbcb;
    color: #7b7b7b;
    text-shadow: 0px 1px 0px #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: bold;
    cursor: pointer;
    -moz-box-shadow: 0 1px 1px 0 #f2f2f2;
    -webkit-box-shadow: 0 1px 1px 0 #f2f2f2;
    box-shadow: 0 1px 1px 0 #f2f2f2;
    background: #fcfcfc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #fcfcfc 3%, #f6f6f6 3%, #e3e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#fcfcfc), color-stop(3%,#f6f6f6), color-stop(100%,#e3e2e2));
    background: -webkit-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    background: -o-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    background: -ms-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    background: linear-gradient(to bottom, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e3e2e2',GradientType=0 );
    font-size: 12px;
    padding: 1px 5px 3px 6px;
}

.k-grid-edit-row > td > .k-widget {
    width: 65px;
}

.k-grid tbody td > .k-grid-delete {
    margin-top: 0px;
}
    
.table table tr td:last-child a {
    display: none;
    float: left;
}

.table table tr:hover td:last-child a {
    display: block;
}

.table table tr td:last-child {
    width: 70px !important;
    padding: 7px 0px 17px 8px;
}


.table table tr:hover td:last-child {
    display: block;
}

.k-state-selected > .k-grid td {
    border-color: #000 !important;
}

.k-window .k-window-titlebar.k-header {
    padding: 20px;
}

.k-window .k-numeric-wrap.k-state-default {
    width: 240px;
    margin-left: 2px;
    height: 29px;
    padding: 4px;
}
    
div.k-window-actions a.k-window-action.k-link.k-state-hover:hover {
    border: 1px solid transparent;
}


.k-grid-update, .k-grid-cancel {
    border-top: 1px solid #e4e4e4;
    border-right: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-bottom: 1px solid #cbcbcb;
    color: #7b7b7b;
    text-shadow: 0px 1px 0px #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: aito;
    font-weight: bold;
    cursor: pointer;
    -moz-box-shadow: 0 1px 1px 0 #f2f2f2;
    -webkit-box-shadow: 0 1px 1px 0 #f2f2f2;
    box-shadow: 0 1px 1px 0 #f2f2f2;
    background: #fcfcfc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #fcfcfc 3%, #f6f6f6 3%, #e3e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#fcfcfc), color-stop(3%,#f6f6f6), color-stop(100%,#e3e2e2));
    background: -webkit-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    background: -o-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    background: -ms-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    background: linear-gradient(to bottom, #fcfcfc 3%,#f6f6f6 3%,#e3e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e3e2e2',GradientType=0 );
    font-size: 12px;
    padding: 6px 11px 6px 11px;
    margin-left: 20px !important;
    margin-top: 11px !important;
}

    .k-grid-update:hover, .k-grid-cancel:hover {
        background: #fcfcfc;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top, #fcfcfc 3%, #f6f6f6 3%, #d6d6d6 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#fcfcfc), color-stop(3%,#f6f6f6), color-stop(100%,#d6d6d6));
        background: -webkit-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#d6d6d6 100%);
        background: -o-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#d6d6d6 100%);
        background: -ms-linear-gradient(top, #fcfcfc 3%,#f6f6f6 3%,#d6d6d6 100%);
        background: linear-gradient(to bottom, #fcfcfc 3%,#f6f6f6 3%,#d6d6d6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#d6d6d6',GradientType=0 );
    }
    */
#error_tt_active {
    background: #ca2f50;
    color: #ffc1ce;
}

    #error_tt_active > .k-callout-s {
        border-top-color: #ca2f50;
    }

    #error_tt_active > .k-callout-n {
        border-top-color: #ca2f50;
    }

#success_tt_active {
    background: #79a503;
    color: #eaffb3;
}

    #success_tt_active > .k-callout-s {
        border-top-color: #79a503;
    }

    #success_tt_active > .k-callout-n {
        border-top-color: #79a503;
    }

#suggest_tt_active {
    background: #484848;
    color: #FFF;
}

    #suggest_tt_active > .k-callout-s {
        border-top-color: #484848;
    }

    #suggest_tt_active > .k-callout-n {
        border-top-color: #484848;
    }

span.jqTransformCheckboxWrapper {
    display: block;
    float: left;
    margin-top: 15px;
}

a.jqTransformCheckbox {
    background: transparent url(../img/icons/checkbox.gif) no-repeat center top;
    vertical-align: middle;
    height: 19px;
    width: 18px;
    display: block; /*display: -moz-inline-block;*/
}

.fix_Botones_En_Tabs > .fixbtngrp {
    margin-top: 0px;
    float: none;
    margin-bottom: 5px;
}


/* estilos migrados de fortia*/

.flip-descript {
    /*min-height:100px;
border:1px solid blue;*/
    margin-bottom: 10px;
}

.link {
    color: #5ea0b6;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
}

.brd {
    padding: 4px 8px !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 5px !important;
    height: 31px !important;
}

.seemore {
    float: left;
    margin-top: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    width: 100%;
    text-align: right;
    margin-bottom: 10px;
}

.users .photo img {
    cursor: pointer;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.subcheck {
    color: #999;
    margin-top: 17px;
    margin-left: 10px;
    display: inline-block;
    margin-bottom: 3px;
}

.jqTransformHidden {
    display: none;
}

/* -------------
* Checked - Used for both Radio and Checkbox
* ------------- */
a.jqTransformChecked {
    background-position: center bottom;
}


/*Search*/

.busqueda {
    float: left;
    margin-bottom: 40px;
}

.buscador {
    width: 800px;
    height: 55px;
    outline: none;
    background: #f7f7f7;
    border: 1px solid #e8e8e8;
    color: #75787a;
    font-size: 20px;
    font-weight: 300;
    padding: 15px 16px 16px 60px;
    -moz-box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.13);
    box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.13);
    border-top: 1px solid rgba(0, 0, 0, 0.22);
    float: left;
    -webkit-border-top-left-radius: 5px !important;
    -webkit-border-bottom-left-radius: 5px !important;
    -moz-border-radius-topleft: 5px !important;
    -moz-border-radius-bottomleft: 5px !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-right: none;
}

.searchin {
    position: absolute;
    margin-top: 15px;
    margin-left: 20px;
    float: left;
}

.us-search {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #fcfcfc; /* Old browsers */
    background: -moz-linear-gradient(top, #fcfcfc 3%, #f6f6f7 3%, #e3e2e3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#fcfcfc), color-stop(3%,#f6f6f7), color-stop(100%,#e3e2e3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfcfc 3%,#f6f6f7 3%,#e3e2e3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfcfc 3%,#f6f6f7 3%,#e3e2e3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfcfc 3%,#f6f6f7 3%,#e3e2e3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcfcfc 3%,#f6f6f7 3%,#e3e2e3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e3e2e3',GradientType=0 ); /* IE6-9 */
    float: left;
    border: 1px solid #cbcbcb;
    border-top: 1px solid #e4e4e4;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.07);
    width: 60px;
    height: 55px;
    cursor: pointer;
}

.searchbu {
    cursor: pointer;
}

.results-sc {
    float: left;
    font-size: 28px;
    margin-top: 25px;
    color: #95979a;
    width: 100%;
}

    .results-sc .numberres {
        color: #474a4d;
        font-weight: bold;
        float: left;
    }

    .results-sc .wres {
        margin-left: 25px;
        color: #95979a;
        font-weight: lighter;
    }

    .results-sc .seares {
        margin-top: 15px;
        width: 100%;
        float: left;
    }

.grid_full.search-bar {
    width: 865px;
    margin-bottom: 15px;
    float: left;
    margin-top: 15px;
}

.seares .res {
    margin-top: 10px;
    background: #f2f2f2;
    width: 100%;
    float: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09);
    border: 1px solid #dcdcdc;
    border-bottom: 1px solid #cecece;
}



.seares .photo-user {
    width: 70px;
    height: 70px;
    margin: 18px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.36);
    float: left;
}

.seares .name-user {
    font-size: 24px;
    color: #7a7a7e;
    margin-top: 26px;
    font-weight: 300;
}

.seares .funcuser {
    font-size: 11px;
    color: #97a1a3;
    font-weight: bold;
}

/*Fin search*/

/* Inicio Desktop */

.desk-hold-rigth {
    float: left;
    background: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 750px;
    min-height: 645px;
}

    .desk-hold-rigth .header-hold {
        padding: 30px;
        box-shadow: 2px 1px 3px rgba(0, 0, 0, 0.16);
        -webkit-box-shadow: 2px 1px 3px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 2px 1px 3px rgba(0, 0, 0, 0.16);
    }

.header-hold .photo-usr {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 85px;
    height: 85px;
    background-color: #eee;
    float: left;
}

.header-hold .hh-name {
    font-size: 22px;
    padding: 25px 20px 20px 30px;
    color: #333;
    float: left;
}

    .header-hold .hh-name span {
        font-weight: lighter;
    }

.desk-hold-rigth .body-hold {
    float: left;
    padding: 25px;
}

    .body-hold .bh-title {
        font-size: 20px;
        color: #414141;
        font-weight: lighter;
    }

.desk-hold-left {
    float: left;
    width: 210px;
}

ul.new-menu-dash {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    ul.new-menu-dash li {
        cursor: pointer;
        padding: 10px 15px;
        height: 45px;
        color: #749ab8;
        font-weight: bolder;
        text-shadow: 0px 1px 0px #1d435b;
        font-size: 11px;
        line-height: 25px;
        background-repeat: no-repeat;
        background-position: right bottom;
    }

        ul.new-menu-dash li:last-child {
            background-image: none;
        }

        ul.new-menu-dash li.activenav {
            cursor: default;
            background: #FFF;
            z-index: 100;
            -webkit-border-top-left-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-bottomleft: 4px;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            color: #4a5054;
            text-shadow: none;
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
            -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
            -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
        }

/* MENÚ PRINCIPAL */

.menu-header .header-hold {
    padding: 0px 30px 20px 30px;
    /*font-family: 'Open Sans', sans-serif;*/
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.header-hold .photo-usr {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 85px;
    height: 85px;
    background-color: #eee;
    float: left;
}

.header-hold .hh-name {
    font-size: 22px;
    padding: 25px 20px 20px 30px;
    color: #224F6C;
    float: left;
}

.header-hold .hh-name span {
    font-weight: lighter;
}

.body-hold .bh-group {
    padding-top: 30px;
    padding-bottom: 10px;
    font-size: 18px;
    color: #224f6c;
    font-weight: lighter;
}

.body-hold .inc-body {
    overflow: hidden;
}

.square-group {
    border: 1px solid #e4e3e3;
    background-color: #f5f5f5;
    height: 150px;
    cursor: pointer;
    text-align: center;
}

.square-group.color-icon-3 {
    background-color: #9d3d3e;
}

.square-group.color-icon-4 {
    background-color: #0e5492;
}

.square-group.color-icon-5 {
    background-color: #aa9d5b;
}

.square-group.color-icon-6 {
    background-color: #1c7679;
}

    .square-group:hover:not(.empty) {
        background-color: #f7ecc9;
    }

    .color-icon-3:hover:not(.empty) {
        background-color: #9d3d3e;
    }

    .color-icon-4:hover:not(.empty) {
        background-color: #0e5492;
    }

    .color-icon-5:hover:not(.empty) {
        background-color: #aa9d5b;
    }

    .color-icon-6:hover:not(.empty) {
        background-color: #1c7679;
    }

.circle-group {
    border: 1px solid #e4e3e3;
    background-color: #f5f5f5;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    height: 150px;
    cursor: pointer;
    text-align: center;
    width: 150px;
}

    .circle-group:hover:not(.empty) {
        background-color: #f7ecc9;
    }

.empty {
    border: 0px;
    background-color: transparent;
    cursor: default;
}

.menu-mainwrapper .menu-content {
    margin-top: 20px;
}

.row-content {
    margin-left: 57px;
    margin-right: 58px;
    width: 750px;
}

.row-content .row {
    margin-left: -25px;
    margin-right: -25px;
}

.row-content .row .col-3 {
    padding-left: 25px;
    padding-right: 25px;
}

.row-content h4 {
    text-align: center;
    color: #535252;
}

.group-title {
    font-size: 22px;
    padding: 0px 0px 10px 0px;
    margin-bottom: 10px;
    color: #224f6c;
    display: inline-block;
}

.arrow-container {
    width: 40px;
    height: 48px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.top-square, .bottom-square {
    width: 20px;
    height: 20px;
    display: block;
    background-color: transparent;
    border-right: 5px solid #224f6c;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.top-square {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bottom-square {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: 2px;
}

.arrow-up {
    width: 20px;
    height: 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #e4e3e3;
    border-left: 1px solid #e4e3e3;
    margin: 0px auto;
    margin-bottom: -10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*
.options-panel {
    background-color: #224f6c;
    margin-bottom: 20px;
}*/
.options-panel h3 {
    color: #4986ad;
    margin-left: 33px;
}

.options-panel ul {
    list-style-type: none;
}

.options-panel li {
    color: #6d6d6d;
    margin-bottom: 12px;
}

.options-panel li a {
    color: #6d6d6d;
    text-decoration: none;
}

.options-panel li a:hover {
    color: #4986ad;
}

.options-panel-container {
    border: 1px solid #e4e3e3;
    background-color: #f5f5f5;
}

.extendfull, .extendleft {
    padding-left: 3000px;
    margin-left: -3000px!important;
}

.extendfull, .extendright {
    padding-right: 3000px;
    margin-right: -3000px!important;
}

#paginator {
    margin: 0px auto;
    width: 110px;
}

.button-page {
    border: 1px solid #224f6c;
    display: inline-block;
    margin: 10px 10px;
    color: #224f6c;
    background: #FFFFFF;
    padding: 8px 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: bold;
    cursor: pointer;
}

.button-page.active {
    border: 1px solid #224f6c;
    background: #224f6c;
    cursor: default;
    color: #FFFFFF;
}

.square-effect {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

    .square-effect.show {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

.circle-effect.hide {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.circle-effect {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* FIN MENÚ PRINCIPAL */

.fortia-new-icons {
    background: url('../img/sprites/new-icons.png') 0 0;
    height: 23px;
    width: 25px;
    float: left;
    margin-right: 10px;
}

.my-desktop {
    color: #0f2634;
    text-shadow: 0px 1px 0px #446279;
    font-weight: bolder;
    font-size: 10px;
    margin-left: 20px;
    margin-bottom: 10px;
}

.inc-body a .ib-title {
    color: #3e80ca;
    text-decoration: none;
    font-size: 15px;
    font-weight: bolder;
    margin-top: 20px;
    float: left;
    width: 345px;
}

    .inc-body a .ib-title:hover {
        text-decoration: underline;
    }

ul.new-menu-dash li.activenav .fortia-new-icons {
    background-position-y: -25px;
    height: 22px;
}

.fortia-new-icons.personal {
    background-position: 0px 0px;
}

.fortia-new-icons.incidencias {
    background-position: -25px 0px;
}

.fortia-new-icons.personal {
    background-position: -55px 0px;
}

.fortia-new-icons.anuales {
    background-position: -82px 0px;
}

.fortia-new-icons.configuracion {
    background-position: -110px 0px;
}

.fortia-new-icons.capturas {
    background-position: -137px 0px;
}

.fortia-new-icons.nomina {
    background-position: -167px 0px;
}

.fortia-new-icons.seguridad {
    background-position: -191px 0px;
}

.fortia-new-icons.admin {
    background-position: -218px 0px;
}

.fortia-new-icons.calc {
    background-position: -245px 0px;
}

.fortia-new-icons.reclutamiento {
    background-position: -271px 0px;
}

.fortia-new-icons.seghigiene {
    background-position: -295px 0px;
}

/* Fin Desktop */

/* Para eliminar la x y el ver caracteres, css que agrega microsoft en IE */
input::-ms-clear {
    display: none;
}

input::-ms-reveal {
    display: none;
}

.display-for, .validation-message-for {
    float: left !important;
    width: 100% !important;
    color: #a6071a;
    margin-top: 8px;
}

.kendo-error-win {
    background-image: url('images_tmp/error.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 64px;
    width: 64px;
}

.kendo-warning-win {
    background-image: url('images_tmp/warning.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 64px;
    width: 64px;
}

.kendo-info-win {
    background-image: url('images_tmp/information.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 64px;
    width: 64px;
}

.kendo-question-win {
    background-image: url('images_tmp/confirmation.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 64px;
    width: 64px;
}

.kendo-succes-win {
    background-image: url('images_tmp/sucess.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 64px;
    width: 64px;
}

/* Hacks para usar aspecto minami con controles de kendo (cualquier estilo aplicado a los controles de kendo debe de ir hasta abajo de todo esto) */

/*.normalinp {
    color: #5e5e5e !important;
    background: #f7f7f7 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-top: 1px solid #b3b3b3;
    border-right: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #e8e8e8;
    -moz-box-shadow: inset 0px 1px #e5e5e5;
    -webkit-box-shadow: inset 0px 1px #e5e5e5;
    box-shadow: inset 0px 1px #e5e5e5;
    width: 100%;
    outline: none;
    font-size: 13px;
}

    .normalinp:focus {
        background: #FFF !important;
    }*/

.k-textbox, .k-numerictextbox, .k-dropdown, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-multiselect, .k-autocomplete {
    color: #5e5e5e;
    background: #f7f7f7;
    width: 100%;
    font-size: 13px;
}

    input.k-textbox, .k-numerictextbox input, .k-combobox input, .k-datepicker input, .k-timepicker input, .k-datetimepicker input, .k-autocomplete input {
        color: #5e5e5e;
        background: #f7f7f7;
        width: 100%;
        font-size: 13px;
    }

        .k-textbox:focus:not(.k-state-disabled):not([readonly]), .k-numerictextbox input:focus:not(.k-state-disabled):not([readonly]), .k-combobox input:focus:not(.k-state-disabled):not([readonly]), .k-datepicker input:focus:not(.k-state-disabled):not([readonly]), .k-timepicker input:focus:not(.k-state-disabled):not([readonly]), .k-datetimepicker input:focus:not(.k-state-disabled):not([readonly]), .k-autocomplete input:focus:not(.k-state-disabled):not([readonly]) {
            background: #FFF;
        }


        .k-input,
        input.k-textbox,
        textarea.k-textbox,
        input.k-textbox:hover:not(:focus),
        textarea.k-textbox:hover:not(:focus),
        .k-textbox > input,
        .k-multiselect-wrap {
            background-color: #f7f7f7;
            color: #5e5e5e;
        }

            /*
.k-input[readonly] {
  background-color: #f7f7f7;
  color: #5e5e5e;
}*/

            .k-input, input.k-textbox .k-textbox > input, [type='text'].k-input, [type='number'].k-input, .k-textbox, .k-picker-wrap .k-input {
                color: #5e5e5e;
                background: #f7f7f7;
                width: 100%;
                font-size: 13px;
            }

div.k-multiselect-wrap {
    color: #5e5e5e;
    background: #f7f7f7;
    width: 92%;
}

    div.k-multiselect-wrap:focus {
        background: #FFF;
    }

.k-multiselect .k-input {
    color: #5e5e5e;
    font-size: 13px;
    margin-top: 4px;
    padding-top: 2px;
    padding-bottom: 7px;
}

.k-multiselect-wrap li {
    line-height: 1.79em;
}

.k-picker-wrap > .k-select {
    background: #f7f7f7;
}

.k-dropdown-wrap.k-state-default {
    background: #f7f7f7;
}

.k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup {
    color: #5e5e5e;
}

.k-colorpicker .k-selected-color {
    font-size: 15px;
}

.k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-selectbox .k-input {
    padding: 0.20em 0;
}

.k-dropzone {
    padding: 0.11em 0;
}

/*.k-textbox, .k-autocomplete,*/
/*.k-dropdown-wrap .k-select, .k-picker-wrap .k-select, .k-numeric-wrap .k-select {
    padding: 0.10em 0;
}*/

input.k-textbox {    
    height: 2.45em;
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 4px;
}

input[readonly], input[disabled] {
    cursor: not-allowed;
}

span.k-dropdown[aria-readonly=true], span.k-dropdown[aria-disabled=true] {
    cursor: not-allowed;
}

html .k-upload-empty {
    background-color: #f5f5f5;
    border-color: #cccccc;
    border-radius: 4px;
    border-width: 1px;
}

.fuelux ul.k-pager-numbers li {
    line-height: 2em;
}

.fuelux .k-multiselect-wrap ul {
    padding: 0px;
    margin: 0px;
}

.fuelux .k-multiselect-wrap li {
    line-height: 1.79em;
}


.fuelux label, .fuelux input, .fuelux button, .fuelux select, .fuelux textarea {
    font-size: 13px;
    line-height: 1.6em;
}

.k-input {
    padding-top: 0px;
}

/* Bug en FireFox que impide que se abra los combobox */
.k-ff {
    overflow: inherit !important;
}

.k-edit-form-container {
    width: 865px;
    padding-right: 15px;
    padding-left: 15px;
}

.form-container {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 15px;
}

.k-edit-form-container .title-input, .k-window-content .title-input {
    margin-bottom: 5px;
    margin-top: 15px;
    font-weight: bold;
    color: #929292;
    font-size: 13px;
}

/** Buscador **/

.search {
    margin-left: 205px;
    width: 285px;
    background-image: url('images/icons/search-icon.png') !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    border-color: #15364b !important;
    background-color: #15364b !important;
    margin-top: -2px;
}
/*
    .search .k-input {
        background-color: #15364b !important;
        color: #749ab8;
        padding-left: 30px;
        padding-right: 10px;
        height: 32px;
        box-sizing: border-box;
        border-color: #15364b;
    }*/

    .search ::-webkit-input-placeholder {
        color: #749ab8;
    }

    .search :-moz-placeholder {
        color: #749ab8;
    }

    .search :-ms-input-placeholder {
        color: #749ab8;
    }

.agrupador {
    /*margin: 0px;
    padding: 0px;*/
    font-size: 24px;
    /*font-weight: 300;*/
    margin-bottom: 10px;
    /*color: #cdcdcd;*/
    color: #224f6c;
    /*float: left;*/
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0px;
}

    .agrupador > .col-12 {
        border-bottom: 1px solid #224f6c;
        padding-bottom: 5px;
        padding-left: 0;
        font-size:25px!important;
    }

textarea {
    border: 1px solid #cccccc;
    width: 100%;
    outline: none;
    resize: none;
    overflow: auto;
    background: #f7f7f7;
    color: #5e5e5e;
    font-size: 13px;
    text-indent: 0.8em;
    height: 100px;
    padding: 10px 3px 3px 3px;
    font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
}


.cmbImagen {
    float: left;
    width: 65px;
}

    .cmbImagen > img {
        width: 65px;
        height: 65px;
    }

.cmbDescription {
    float: left;
    font-size: small;
    margin-left: 5px;
    width: 185px;
}

.cmbKey {
    font-weight: bold;
}

.cmbName {
    /*font-size: smaller;*/
}

.cmbContainerTemplate {
    height: 70px;
    border-bottom: solid 1px #eee;
}

.input-value {
    color: #9d9b9c;
    font-size: 14px;
}

.detalle-img {
    border: solid 2px #dbdbdb;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.required-symbol {
    /*font-weight: bolder;*/
    color: #db0707;
    font-size: 13px;
}

input[readonly="readonly"] {
    background-color: #e9eaeb !important;
}

    input[readonly="readonly"] ~ span {
        background-color: #e9eaeb !important;
    }

span.k-dropdown[aria-readonly=true] > .k-dropdown-wrap, span.k-dropdown[aria-disabled=true] > k-dropdown-wrap {
    background-color: #e9eaeb !important;
}

.detalle {
    color: #59829c;
    font-weight: bold;
    word-wrap:break-word;
}

    .detalle .title-input {
        color: #9d9b9c;
        /*font-weight: normal;*/       
    }

.mandatory {
    margin-left: 5px;
    margin-top: -4px;
    min-width: 22px;
    min-height: 22px;
    background-image: url('images/icons/mandatory.png');
    display: inline-block;
    vertical-align: middle;
}

label.required::after {
    margin-left: 5px;
    margin-top: -4px;
    min-width: 22px;
    min-height: 22px;
    content: url('images/icons/mandatory.png');
    position: absolute;
}

.dato-complementario {
    height: 50px;
    padding-top: 15px;
    border: 1px dashed #b6b8ba;
}

.k-button.k-grid-edit.k-button-icon {
    width: 30px;
    height: 30px;   
    padding-top: 1px;
}

.k-button.k-grid-delete.k-button-icon {
    width:30px;
    height:30px;
    padding-left: .25em;
    padding-top: 1px;
}

.version{
    color:#8d8d8d;
    font-size: 10px;
    float: right;
    margin-right: -117px;
    padding-top: 52px;
}

.buttonEnabled {
    color: #D9D9D9;
    cursor: not-allowed;
}

/*************************AVATAR CIRCULAR******************************/
.avatarCircular {
}

.avatarCircular .avatarGeneral {
    vertical-align: middle;
    border-radius: 50%;
    border: solid 1px silver;
    background-size: cover !important;
    background-position: center;
    background-repeat: no-repeat
}


.avatarCircular .listAvatar {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    .avatarCircular .listAvatar li {
        float: left;
    }

        .avatarCircular .listAvatar li a {
            display: block;
            color: white;
            text-align: center;
            padding: 16px;
            text-decoration: none;
        }

            .avatarCircular .listAvatar li a:hover {
                background-color: #111111;
            }
/*********************TERMINAAVATAR***************************/
.icono-safe-mode {
    background-image: url('images/icons/iconseguro.png');
    background-repeat: no-repeat;
    height: 54px;
    width: 70px;        
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px!important;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: inherit!important;
}

.btn.btn-secondary.btn-prev {
    color: #333 !important;    
}

.k-input.k-combobox.k-input-solid.k-input-md.k-rounded-md {
    height:31.85px;
}

.k-grid {
    font-family: 'Century Gothic', Arial, Helvetica, sans-serif;    
    font-size: 12px !important;
}

.k-table-md {
    font-size: 12px;    
}

/* Reducir altura de filas del grid */
.k-grid .k-table-td
{
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    font-size: 12px; /* opcional: ajusta el tamaño del texto si lo deseas */    
}

/* Opcional: botón de editar más pequeño */
/*.k-grid .k-button.k-button-icon {
    padding: 2px !important;
}*/

/* Aplica a todos los headers de columnas */
.k-grid-header .k-header {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    line-height: 1.2; /* ajusta según tu diseño */    
}

/* Opcional: permite que el contenedor del título se ajuste también */
.k-column-title {    
  /*  overflow: visible !important;
    text-overflow: unset !important;*/
}

.k-grid .k-cell-inner > .k-link {
    width: auto;
    display: block;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: inherit;
    flex: 1;
    overflow: hidden;
}
.main-menu-icons .row {
    display: flex;
    flex-wrap: wrap;
}

.main-menu-icons .col-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    min-height: 160px;
}

.main-menu-icons .square-group {
    margin-bottom: 10px;
}

.main-menu-icons .square-group-title {
    height: 40px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

    .main-menu-icons .square-group-title h4 {
        margin: 0;
        font-size: 14px;
        line-height: 1.2;
    }

.k-window .k-window-titlebar {
    height: 15px;
}


.search #urls{
    padding-left:40px;
}

.k-picker[aria-readonly="true"] {
    cursor: not-allowed !important;
}

.k-dropdownlist {
    height: 31.85px;
    color: #5e5e5e;
}

.k-chip-solid-base {
    border-color: var(--kendo-color-base, #e4e7eb);
    color: var(--kendo-color-on-primary, white);
    background-color: var(--kendo-color-primary, #007bff);
    background-image: none;
}

.k-no-data {
    display: none; /* oculta "No data available" */
}

/*.k-button {
    display: inline-flex !important;*/ /* preserva el comportamiento inline de Kendo */
    /*flex-direction: row !important;*/ /* fuerza que icono y texto estén en fila */
    /*align-items: center !important;*/ /* centra verticalmente */
    /*justify-content: center !important;*/ /* centra horizontalmente */
    /*vertical-align: middle !important;
}*/
.fr > button,
.fr .k-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.fr {
    display: block;
    align-items: center;
    gap: 3px; /* ajusta a tu gusto: 4px, 6px, 8px */
}

    .fr:has(.btn-group) {
        display: flex;
        flex-wrap: wrap;
    }

    .fr > .btn-group {
        display: inline-flex;
        align-items: center;
    }
/* Botones SIN icono */
/*.k-button .no-icon {
    display: none !important;
}*/

.k-grid .k-grid-md .k-grid-header .k-grid-filter, .k-grid .k-grid-md .k-grid-header .k-header-column-menu, .k-grid .k-grid-md .k-grid-header .k-grid-header-menu, .k-grid-md .k-grid-header .k-grid-filter, .k-grid-md .k-grid-header .k-header-column-menu, .k-grid-md .k-grid-header .k-grid-header-menu {
    padding: var(--kendo-spacing-1\.5, 0.375rem);
    width: auto; 
    height: calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 2px);
    bottom: calc(var(--kendo-spacing-2, 0.5rem) - var(--kendo-spacing-1\.5, 0.375rem) * 2 / 2);
}

.k-grid .k-grid-md .k-grid-header .k-grid-filter, .k-grid .k-grid-md .k-grid-header .k-header-column-menu, .k-grid .k-grid-md .k-grid-header .k-grid-header-menu, .k-grid-md .k-grid-header .k-grid-filter, .k-grid-md .k-grid-header .k-header-column-menu, .k-grid-md .k-grid-header .k-grid-header-menu {
    padding-right:0px;  
}

.k-grid .k-grid-header .k-table-th {
    position: relative;
     vertical-align: top; 
    cursor: default;
}

.k-grid tbody a {
    color: rgb(0, 0, 238);
    text-decoration: underline;
}

.k-button-solid-primary {
    border-radius: 4px;
    border-color: #ccc;
    color: #333;
    background-color: #fff;
    background-position: 50% 50%;
}

.k-button-solid-primary:hover, .k-button-solid-primary.k-hover {
    color: #333;
    border-color: #aeaeae;
    background-color: #ebebeb;
    background-image: none;
}


.k-grid .k-grid-content .k-grid-edit {
    border-radius: 4px;
    border-color: #ccc;
    color: #333;
    background-color: #fff;
    background-position: 50% 50%;
    background-image: none;
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(false));
    background-image: none,-webkit-linear-gradient(top,false);
    background-image: none,linear-gradient(to bottom,false);
}

/* Reduce altura general del pager */
.k-grid-pager {
    padding: 2px 8px;
}

    /* Reduce altura de botones */
    .k-grid-pager .k-button {
        height: 26px;
        min-height: 26px;
        padding: 2px 6px;
        font-size:12px;
    }

    /* Reduce tamaño del texto */
    .k-grid-pager .k-pager-info {
        font-size: 12px;
    }

    /* Ajusta alineación vertical */
    .k-grid-pager .k-pager-numbers-wrap {
        align-items: center;
    }

    .k-grid-pager .k-button.k-selected {
        background-color: #428bca !important;
        color: #fff !important;
    }

.k-grid .k-grid-pager .k-button.k-selected {
    background-color: #428bca;
    color: #fff;
}

.k-window .k-window-content {
    font-size: 13px;
}

.k-window .k-window-content * {
    font-size: inherit;
}


.k-window-content,
.k-prompt-container {
    padding-block: 0.58em; /* antes era ~0.58em, ahora puede ser mayor */
    padding-inline: var(--kendo-spacing-4, 1rem);
    /*overflow: visible;*/ /* sin scroll automático */
    box-sizing: border-box;
}
.k-window {
    display: flex;
    flex-direction: column;
}

.k-window .title-input {
    height: auto !important;    
}

[fortia-window] .fw-head > .icon {
    display: block;
    width: 100px;
    height: 50px;
    margin: 0 auto 10px;
    font-size: 35pt !important;
    text-align: center;    
}

[fortia-window] .fw-head > h1 {
    margin: 10px 0;
    font-size: 18pt !important;
    text-align: center;
    color: #3E4756;    
}

[fortia-window-parent] {
    border-radius:30px;
}

[fortia-window].info, [fortia-window].question, [fortia-window].error, [fortia-window].success, [fortia-window].warning {
    border: none;
}

button[disabled] {
    opacity: 0.6; /* más transparente */
    cursor: not-allowed; /* cambia cursor */
}

.k-listbox {
    width: 50%;
    min-height: 200px;
    height:100%;
    border-width: 0;
    outline: 0;
    font-family: var(--kendo-font-family, inherit);
    font-size: var(--kendo-font-size, inherit);
    line-height: var(--kendo-line-height, normal);
    vertical-align: top;
    background-color: rgba(0, 0, 0, 0);
    display: inline-flex;
    gap: var(--kendo-spacing-2, 0.5rem);
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.k-datepicker .k-input {
    height: 31.85px; /* altura del input */
    line-height: 31.85px; /* alinea el texto verticalmente */
    padding: 0 4px; /* ajusta padding para que no aumente altura */
    box-sizing: border-box; /* incluye padding y border en la altura */
}

/* Ajusta el contenedor del icono del calendario */
.k-datepicker .k-select {
    height: 31.85px; /* para que el icono coincida con la altura del input */
}

/* Ajuste opcional del contenedor principal del DatePicker */
.k-datepicker {
    height: 31.85px; /* fuerza altura consistente */
    line-height: 31.85px;
}


header .k-autocomplete .k-input-inner {
    width: 100%;
}

header {
    position: relative;
}

    /* Centro real del header */
    header .k-autocomplete {
        position: absolute;
        left: 35%;
        transform: translateX(-50%);        
        /*min-width: 300px;*/ /* opcional */
        /*max-width: 500px;*/ /* opcional */
    }

:root {
    --kendo-font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    --kendo-color-on-app-surface: #333;
    --kendo-font-size-sm:12px;
}

body {
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}

:root {
    --kendo-font-size: 14px;
}

.k-grid .k-svg-icon {
    color: var(--kendo-color-on-surface);
}

.k-tabstrip-items-wrapper.k-hstack {
    gap: 0;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper {
    border-bottom-width: 0px;
}

.white-back-btn {
    height: auto;
    width: auto;
    padding: 8px 15px;
}

.card {
    border: none;
}

.user-top-nav {    
    line-height: 60px;
}

    .user-top-nav i,
    .user-top-nav img,
    .user-top-nav .logout,
    .user-top-nav .help,
    .user-top-nav .icoVisorEventos,
    .user-top-nav .reportesArchivo,
    .user-top-nav .sistemaNotificacion,
    .user-top-nav .general-report,
    .user-top-nav .cambiar-idioma {
        vertical-align: middle;
        line-height: normal;
    }

.fortia-sprite.general-report {
    width: 20px;
    height: 20px;
    background-position: -27px -116px;
    margin-right: 10px;
    float: right;
    position: relative; /* activar top */
    top: 4px; /* baja 1px para alinearlo visualmente */
}

.fa-3x {
    font-size: 3em !important;
}

[fortia-window].info h1,
[fortia-window].question h1,
[fortia-window].error h1,
[fortia-window].success h1,
[fortia-window].warning h1 {
    font-weight: 700;
}

.k-window[fortia-window-parent] {
    background-color: transparent;
    border-color: transparent;
}

[fortia-window]:is(.info, .question, .error, .success, .warning) .fw-body {
    font-size: 12px;
}

.k-grid td .k-button:not(.k-input-button) {
    padding: 4px 12px !important;
    border-radius: 4px;
    border: 1px solid #c5c5c5;
    background-color: #ffffff;
    color: #333;
    height: 30px;
}

    .k-grid td .k-button:hover {
        background-color: #f8f8f8;
    }

    .k-grid td .k-button:active {
        background-color: #f2f2f2;
    }
/*.k-table-td .k-button + .k-button {
    margin-left: 8px;
}*/

.k-grid-content .k-table-row:last-child > td,
.k-grid-content .k-table-row:last-child > .k-table-td,
.k-grid-content-locked .k-table-row:last-child > td,
.k-grid-content-locked .k-table-row:last-child > .k-table-td {
    border-bottom-width: 1px;
}
.k-grid .k-table-td,
.k-grid .k-table-th {
    border-bottom: 1px solid var(--kendo-color-border);
}

.k-grid-header .k-grid-filter-menu .k-svg-icon {
    color: #7a7a7a;
}

.k-input-button.k-button-solid-base {
    background-color: #f7f7f7;
    border-color: #ced4da;
}

.k-input:has(input[readonly]) .k-input-button {
    background-color: #e9eaeb;
}

.k-picker-solid {
    background-color: #f7f7f7;
}

.k-picker-solid:hover {
    background-color: #f7f7f7;
    border-color: #cfcfcf;
}

.k-picker-solid .k-input-button {
    border: none;
}

.k-picker-solid,
.k-picker-solid:hover,
.k-picker-solid.k-hover,
.k-picker-solid.k-focus,
.k-picker-solid.k-active,
.k-picker-solid:focus-within {
    background-color: #f7f7f7;
}

.k-window-titlebar {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ddd;    
}

.k-grid-header .k-grid-filter.k-active,
.k-grid-header .k-header-column-menu.k-active,
.k-grid-header .k-grid-header-menu.k-active,
.k-grid-header .k-hierarchy-cell .k-icon.k-active {
    background-color: #efefef;
    color: #495057;
}

.k-datepicker.k-input-solid {
    background-color: #f7f7f7;
    border: 1px solid #d9d9d9;
}

.k-input-inner {
    display: flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    line-height: normal;
}

/* Inputs, combos, datepicker */
.k-input,
.k-picker {
    background-color: #f7f7f7;
    border: 1px solid #d9d9d9;
    box-shadow: none;
}

    /* Hover */
    .k-input:hover,
    .k-picker:hover {
        border-color: #cfcfcf;
    }

    /* Focus (sin azul fuerte) */
    .k-input:focus-within,
    .k-picker:focus-within,
    .k-input.k-focus,
    .k-picker.k-focus {
        border-color: #3399ff; /* azul sutil como Kendo clásico */
        box-shadow: 0 0 0 1px rgba(51, 153, 255, 0.5); /* sombra fina */
    }

/* Botón interno (dropdown / calendar) */
.k-dropdownlist .k-input-button {
    border: 0;
    background: transparent;
}

    /* Iconos centrados */
    .k-input-button .k-icon,
    .k-input-button .k-svg-icon {
        vertical-align: middle;
    }

/* Grid header icons (sin azul) */
.k-grid-header .k-grid-filter.k-active,
.k-grid-header .k-header-column-menu.k-active {
    background: transparent;
    color: inherit;
}

/* Window titlebar */
.k-window-titlebar {
    background: #f7f7f7;
    border-bottom: 1px solid #ddd;
}

/*.k-window {
    top: 35% !important;
}*/

.k-listbox .k-list-md .k-list-item {
    min-height: 21px;
    padding-top: 0;
    padding-bottom: 0;
}

.k-listbox .k-list-ul:focus {
    outline: none;
}

.brand > div.fa-bar-chart {
    float: right;
    width: 20px;
    height: 20px;
    color: #FFF;
    font-size: 14pt;
    margin: 12px 8px 7px 1px!important;
}

#PanelBarAyudaBiblioteca > .k-panelbar-item {
    border-style: none;
}

#PanelBarAyudaBiblioteca > .k-panelbar-item > .k-link {
    padding: 6px 10px;
}

#PanelBarAyudaBiblioteca .k-panelbar-item > .k-link:focus,
#PanelBarAyudaBiblioteca .k-panelbar-item > .k-link.k-focus,
#PanelBarAyudaBiblioteca .k-panelbar-item.k-selected > .k-link {
    outline: none;
    box-shadow: none;
    border: none;
}

h2 {
    font-size: 1.5em !important;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    padding-top:15px;
}

:root {
    --kendo-color-on-surface: #5a5a5a;
}

.k-input {
    height: 32px !important; /* usa un valor realista tipo 2023 */
    border-radius: 4px !important;
    font-size: 14px; /* importante */
}

/* Contenido interno */
.k-input-inner {    
    line-height: 30px !important; /* 🔥 clave */    
}

/* Botones */
.k-input-button {
    height: 100% !important;
}

/* Contenedor */
.k-multiselect {
    min-height: 32px !important;
    border-radius: 4px !important;
}

    /* Input interno */
    .k-multiselect .k-input-inner {
        line-height: 30px !important;
        padding: 0 6px !important;
    }

    /* Contenedor de chips */
    .k-multiselect .k-chip-list {
        min-height: 100%;
        align-items: center;
    }

    /* Chips */
    .k-multiselect .k-chip {
        height: 24px;
        align-items: center;
    }

.k-grid td,
.k-grid td * {
    text-overflow: clip !important;
}

    .k-grid td,
    .k-grid td .k-cell-inner,
    .k-grid td .k-table-td {
        overflow: hidden !important;
        white-space: normal !important;
    }

.k-window .form-control {
    height: 35px !important;
    padding: 4px 10px !important;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
}

.centeractions {
    text-align: center;
}

    .centeractions * {
        float: none !important;
        display: inline-block;
    }


/* Mensaje tipo warning (como antes) */
/*.k-validation-message,
.k-form-error,
.field-validation-error {
    background-color: #fff3cd !important;*/ /* amarillo claro */
    /*color: #856404 !important;*/ /* texto oscuro */
    /*border: 1px solid #ffeeba !important;
    border-radius: 4px !important;
    padding: 4px 8px !important;
}*/

/* Iconito opcional */
/*.k-validation-message::before {
    content: "⚠ ";
}*/

:root {
    --kendo-color-error: rgb(251, 238, 213); /* amarillo tipo warning */
    --kendo-color-on-error: rgb(144, 100, 14); /* negro/gris oscuro tipo Bootstrap */
    --kendo-font-weight-bold: 600;
    --kendo-font-size: 13px;    
    --kendo-color-primary: #428bca;
}

.k-grid .k-table-row.k-selected > td {
    background-color: var(--kendo-color-primary) !important;
    color: var(--kendo-color-on-primary) !important;
}

.k-grouping-header {
    background-color: var(--kendo-color-app-surface);
}
    .k-grouping-header .k-chip.k-chip-solid-base {
        background-color: var(--kendo-color-base-subtle) !important;
        color: var(--kendo-color-on-app-surface) !important;
        border: 1px solid var(--kendo-color-base) !important;
    }

.k-grouping-header {
    background-color: rgb(245, 245, 245) !important;
    border-bottom: 1px solid var(--kendo-color-base);
}

body {
    line-height: 1.2 !important;
}

.k-grid {
    min-height: 100px;
    display: flex;
    flex-direction: column;
}

.k-grid .k-grid-content {
   /* flex-grow: 1;
    min-height: 140px;*/
}

h4
{
    font-size:12px;
    font-weight:700;
}

/* =========================
   KENDO SCHEDULER - ESTILO 2023
   ========================= */

/* 1. Compactar altura general */
.k-scheduler {
    line-height: 1.2;
    font-size: 13px;
}

/* 2. Quitar altura forzada del contenedor */
.k-scheduler-content {
    height: auto !important;
    overflow: visible !important;
}

/* 3. Reducir altura de filas (CLAVE) */
.k-scheduler-monthview .k-scheduler-table tr {
    height: 93px !important;
}

/* 4. Compactar celdas */
.k-scheduler .k-scheduler-cell {
    padding: 2px 4px !important;
    vertical-align: top;
}

/* 5. Números de día (22, 23, etc.) */
.k-scheduler .k-nav-day {
    font-size: 12px;
    margin: 2px;
}

/* 6. Eventos más compactos */
.k-scheduler .k-event {
    padding: 2px 4px !important;
    font-size: 11px;
    min-height: auto !important;
    line-height: 1.2;
    border-radius: 3px;
}

    /* 7. Quitar espacio interno extra en eventos */
    .k-scheduler .k-event div,
    .k-scheduler .k-event .k-event-template {
        padding: 0 !important;
        margin: 0 !important;
    }

/* 8. Header (toolbar superior) */
.k-scheduler .k-scheduler-toolbar {
    padding: 4px 8px !important;
}

/* 9. Header de días (lun, mar, etc.) */
.k-scheduler .k-scheduler-header {
    padding: 2px 0 !important;
}

    /* 10. Reducir altura de encabezados de columnas */
    .k-scheduler .k-scheduler-header th {
        padding: 4px !important;
        font-size: 12px;
    }

/* 11. Quitar espacios extra dentro de celdas */
.k-scheduler .k-scheduler-content td {
    padding: 2px !important;
}

/* 12. Mejor distribución interna */
.k-scheduler .k-scheduler-table {
    height: auto !important;
}

/* 13. Hover más sutil tipo 2023 */
.k-scheduler .k-scheduler-cell:hover {
    background-color: #f1f3f5;
}

/* 14. Día actual (today) */
.k-scheduler .k-today {
    background-color: #f8f9fa;
}

/* 15. Otros meses (gris suave) */
.k-scheduler .k-other-month {
    background-color: #fafafa;
    color: #999;
}


/* Contenedor general */
.k-tabstrip-items {
    border-bottom: 1px solid #ccc;
}

    /* Tabs */
    .k-tabstrip-items .k-item {
        border: 1px solid transparent;
        border-bottom: none;
        /*background: #f5f5f5;*/
        margin-right: 2px;
        border-radius: 4px 4px 0 0;
    }

        /* Hover */
        .k-tabstrip-items .k-item:hover {
            background: #e6e6e6;
        }

        /* Tab activo (estilo clásico 2023) */
        .k-tabstrip-items .k-item.k-active {
            background: white;
            border: 1px solid #ccc;
            border-bottom: 1px solid white;
            font-weight: 500;
        }

    /* Links dentro del tab */
    .k-tabstrip-items .k-link {
        padding: 8px 16px;
        color: #333;
    }

.k-tabstrip-items-wrapper .k-item:focus,
.k-tabstrip-items-wrapper .k-item.k-focus {
    box-shadow: none !important;
}

.k-tabstrip-items-wrapper .k-item:not(.k-active) .k-link {
    color: #428bca; /* tu color deseado */
}

.k-upload .k-dropzone, .k-upload .k-upload-dropzone {
    padding-block: 2px !important;
    padding-inline: 2px !important;

}

/* Hover: fondo azul claro como en Kendo 2023 */
.k-chip.k-chip-solid-base:hover,
.k-chip.k-chip-solid-base.k-state-focused {
    color: #fff; /* texto blanco para contraste */
    background-color: #428bca; /* azul Kendo 2023 */
    border-color: #357ebd; /* borde azul un poco más oscuro */
}

.k-upload .k-dropzone .k-dropzone-hint, .k-upload .k-upload-dropzone .k-dropzone-hint {
    font-style: normal;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    flex: 1;
    text-align: center;
}


/* MultiSelect necesita altura automática */
.k-multiselect {
    height: auto !important;
    min-height: 34px; /* altura base */
}

.dropdown-toggle {
    display: inline-flex;
    align-items: center; /* centra vertical */
    gap: 6px; /* espacio entre icono y texto */ 
}

h5 {
    display: block;
    font-size: 0.83em;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}

.progress {
    height: 20px!important; /* altura como BS3 */
    border-radius: 0!important; /* quita esquinas */
}

.nav-pills li a.active {
    color: #fff !important;
    background-color: #337ab7!important;
}

.k-tooltip {
    border-radius: var(--kendo-spacing-1\.5, 0.375rem);
    margin: 0;
    padding-block: var(--kendo-spacing-1, 0.25rem);
    padding-inline: var(--kendo-spacing-2, 0.5rem);
    border-width: 0px;
    border-style: solid;
    box-sizing: border-box;
    background-repeat: repeat-x;
    outline: 0;
    font-family: var(--kendo-font-family, inherit);
    font-size:12px;
    line-height: var(--kendo-line-height, normal);
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    position: absolute;
    z-index: 12000;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.ui-widget-content a {
    color: #333!important;
}

.k-datepicker.k-input-inner .k-input-inner {
    padding-left: 0;
}

.k-datetimepicker .k-input-inner {
    padding: 4px;
}