@import url("OpenSans400_300_600_700.css");
body {
/*background-color: #224f6c;*/
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0px;
font-size: 12px;
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

input, textarea {
outline: none;
border-radius: 5px;
}

header {
width: 960px;
margin: 40px auto;
}

h1.title {
margin: 0px;
padding: 0px;
font-size: 22px;
font-weight: 300;
color: #48494d;
}

h3.title {
margin: 0px;
padding: 0px;
font-size: 28px;
font-weight: 300;
color: #cdcdcd;
float: left;
margin-top: 7px;
}

h3.title.dark {
color: #474a4d;
}


.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;
background: #FFF;
width: auto;
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;
}

.hold-profile {
padding: 0px 20px;
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: #97a1a3;
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: 15px;
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;
}

.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: 15px;
padding: 19px 15px 11px 11px;
}


.borderline {
border: 2px solid #daddde;
margin-left: -50px;
width: 960px;
margin-bottom: 25px;
}

.blue-block:nth-child(4), .blue-block:nth-child(8), .blue-block:nth-child(12), .blue-block:nth-child(16) {
margin-right: 0px;
}

.blue-block .value {
color: #4a84a2;
font-size: 28px;
text-align: center;
font-weight: 300;
margin-top: 2px;
margin-bottom: 2px;
}

.blue-block .desc {
color: #4a84a2;
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%;
}

ul.profile-nav .navigate {
float: left;
padding: 20px 25px;
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: 52px;
display: inline;
width: 28px;
left: 70px;
}

.turq {
text-decoration: none;
color: #61a6ca;
font-weight: bold;
}

.infotip {
background: #73bdc8;
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;
}


.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;
}

.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;
}

.info-pay {
border-right: 1px solid #eee;
padding-right: 17px;
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;
font-weight: 300;
color: #595c5e;
border-bottom: 1px solid #eee;
}

.box-profile .body {
padding: 20px 20px 0px 20px;
}

.mainwrapper {
margin: 0px auto 100px;
background: #FFF;
width: auto;
padding: 25px;
-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: #f6f8f9;
}

.mainwrapper .grid_full {
width: 890px;
margin-bottom: 50px;
}

.mainwrapper .grid_left {
border-right: 1px solid #eaeaea;
padding-right: 20px;
width: 225px;
float: left;
}

.mainwrapper .grid_left .title-input, .grid_full .title-input {
float: left;
width: 200px;
margin-bottom: 10px;
margin-top: 15px;
font-weight: bold;
color: #929292;
font-size: 13px;
}

.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;
}

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;
}

/** 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-family: 'Open Sans', sans-serif;
font-size: 20px;
margin-left: 20px;
color: #48494b;
float: left;
}

.worker{
font-weight: 300;
font-family: 'Open Sans', sans-serif;
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-family: 'Open Sans', sans-serif;
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-family: 'Open Sans', sans-serif;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #8c8f91;
}

.bloq-usr .calification{
font-family: 'Open Sans', sans-serif;
font-size: 68px;
text-transform: uppercase;
font-weight: 300;
color: #2f77b4;
line-height: 65px;
}

.bloq-usr .cal{
font-family: 'Open Sans', sans-serif;
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 **/

.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.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;
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;
}


/** Buscador **/

.search {
margin-left: 205px;
margin-top: 2px;
padding-left: 35px;
background-color: #15364b;
background-image: url('images/icons/search-icon.png');
background-repeat: no-repeat !important;
background-position: left;
border-top: 1px solid #0f2837;
border-right: 1px solid #133145;
border-left: 1px solid #133145;
border-bottom: 1px solid #15364b;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height: 32px !important;
width: 285px;
color: #749ab8 !important;
float: left;
text-shadow: 0px 1px 0px #15364b;
box-shadow: 0px 1px 0px #255675;
-webkit-box-shadow: 0px 1px 0px #255675;
-moz-box-shadow: 0px 1px 0px #255675;
}

.search ::-webkit-input-placeholder { /* WebKit browsers */
color:    #749ab8;
}
.search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:    #749ab8;
}
.search ::-moz-placeholder { /* Mozilla Firefox 19+ */
color:    #749ab8;
}
.search :-ms-input-placeholder { /* Internet Explorer 10+ */
color:    #749ab8;
}


/** Botones **/

.blue {
border-top: 1px solid #3da0df;
border-right: 1px solid #2c82b8;
border-left: 1px solid #2c82b8;
border-bottom: 1px solid #1b628f;
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: #5fbbf6;
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;
padding: 5px 10px 3px 5px;
}

.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;
font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
-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);
font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
-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);
background: #FFF;
}

.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);
background: #FFF;
}

/** 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;
}

.fr {
float: right;
}

.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;
font-family: 'Open Sans', sans-serif;
}

.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: 165px;
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;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


.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-family: 'Open Sans', sans-serif;
	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%;
	font-family: 'Open Sans', sans-serif;
}

.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;
	font-family: 'Open Sans', sans-serif;
}

.seares .funcuser{
	font-size: 11px;
	color: #97a1a3;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
}

/*Fin search*/

/* Para eliminar la x y el ver caracteres, css que agrega microsoft en IE */
input::-ms-clear {
    display: none;
}
 
input::-ms-reveal {
    display: none;
}

.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: 100%;
}

    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;
}

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: 10px;
    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;
    font-family: Helvetica;
    /*color: #cdcdcd;*/
    color: #224f6c;
    /*float: left;*/
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0px;
}

    .agrupador > .col-xs-12 {
        border-bottom: 1px solid #224f6c;
        padding-bottom: 5px;
        padding-left: 0;
    }

textarea {
    border: 1px solid #cccccc;
    width: 100%;
    outline: none;
    resize: none;
    overflow: auto;
    background: #f7f7f7;
    color: #5e5e5e;
    font-size: 13px !important;
    text-indent: 0.8em;
    font-family: inherit;
    height: 100px !important;
    padding: 10px 3px 3px 3px;
}


.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-family: 'Segoe UI';
    /*font-size: smaller;*/
}

.cmbContainerTemplate {
    height: 70px;
    border-bottom: solid 1px #eee;
}

.input-value {
    color: #9d9b9c;
    font-family: 'Segoe UI semibold';
    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;
}

    .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-left: .50em;
    padding-top: 1px;
}

.fr {
    margin-top:15px;
}

/*Botón de Exportar*/
.fr .btn-group {
    line-height: normal;
    margin-top: 1px;
    padding: 0px 0px;
    text-align:left;
}
.fr button {
    line-height: normal;
}
/*Fin bóton*/

/*TextArea*/
.multi-line:focus, .form-control: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;
}

textarea[readonly="readonly"] {
    background-color: #e9eaeb !important;
}
/*Fin*/

.display-for, .validation-message-for {
    float: left !important;
    width: 100% !important;
    color: #a6071a;
    font-family: 'Segoe UI semibold';
    margin-top: 8px;
}

.validation-summary-errors {
    color: #a6071a;
    font-family: 'Segoe UI semibold';
    margin: 0 15px 8px 15px;
    font-size: 13px;
}

.btn-link:hover, .btn-link:focus {
    color: #2a6496 !important;
}

.k-link:hover, .k-link:focus {
    color: #333333 !important;
    text-decoration: underline;
}
.control-container{
    height:auto;
    padding: 12px 0 17px 0;
}
/*Controles TextBox*/
.form-control{
    background-color:#f7f7f7 !important;
}
/*Fin TextBox*/

/*Cambiar apariencia de detail toolbar*/
.centeractions {
    margin:5px 15px
}
    .centeractions .blue {
        background-color: #428bca;
        border-color: #428bca;
        display: inline-block;
        padding: 8px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.4;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        border: 1px solid transparent;
        border-radius: 4px;
        height:auto;
        margin-top:0px;
        margin-right:25px;
    }

    .centeractions .blue:hover, .centeractions .blue:focus{
        background-color: #357ebd;
        border-color: #3071a9;
        color: #ffffff;
        text-decoration: none;
        background-color: transparent;
    }

    .centeractions .goback{
        font-weight: normal;
        color: #428bca;
        cursor: pointer;
        border-radius: 0;
        display: inline-block;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.4;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        border: 1px solid transparent;
        border-radius: 4px;
        margin-top:8px;
        margin-left:0px;
    }

        .centeractions .goback:hover, .centeractions .goback:focus {
            color: #2a6496 !important;
            text-decoration: underline;
            background-color: transparent;
        }
/*Fin*/

/*Botones confirmacion*/
.k-window-content .blue {
    border-top: 1px solid #224f6c;
    border-right: 1px solid #224f6c;
    border-left: 1px solid #224f6c;
    border-bottom: 1px solid #224f6c;
    color: #FFF;
    margin-top: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: bold;
    background: #224f6c;
    cursor: pointer;
    width:auto;
    height:auto;
}

#win-kendo-alert-message {
    margin-bottom:15px;
}
/*Fin*/


.btn-group a, #sidebar a, #breadcrumb a {
    text-decoration:none;
}

 #breadcrumb a:hover, #breadcrumb a:focus{
    color:#224f6c !important;
}

#menu {
    display: inline-block;
}
.widget-box {
     /*min-height:  644px ;*/
}
/*k-butto{
    width: 26px;
}*/