body{

     font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
     background: white;
    overflow: hidden;
}

.accionesFolder {
    z-index: 999999;
    position: relative;
}

.activei a span {
    color: #fff !important;
}

iframe {

    border-image-source: initial;

    border-image-slice: initial;

    border-image-width: initial;

    border-image-outset: initial;

    border-image-repeat: initial;

    border-width: 0px;

    border-style: inset;

    height: calc(85vh) !important;

    border-color: initial;

}

tbody.alineaitems tr td {
    text-transform: capitalize;
}

img.logo-empresa-lista {
    width: 100px;
}

tbody.alineaitems > tr > th , tbody.alineaitems > tr > td , tbody.alineaitems-url > tr > td{
    vertical-align: middle;
}

.gris{
    color: #c1c1c1;
}

td.no-capitalize {
    text-transform: none !important;
}

.bubble {

    position: relative;

    width: 272px;

    height: 31px;

    padding: 5px 0px 0px 15px;

    font-size: 17px;

    background: #001C41;

    color: white;

    border-left: 9px solid #f4db4c;

}

  .bubble:after {

    content: "";

    position: absolute;

    top: 1px;

    right: -15px;

    border-style: solid;

    border-width: 15px 0 15px 15px;

    border-color: transparent #001C41;

    display: block;

    width: 0;

    z-index: 1;

}

.btn.focus, .btn:focus, .btn:hover {
    color: #fff;
    text-decoration: none;
}

.col-md-5.text-right a:hover{
    text-decoration: none;
}

.alineabar{
    margin: 22px 0px 25px 0px;
}

.alinea-btnimg {
    top: 13px;
}

.image-preview-input {
    background-color: #001f4c !important;
   color: white !important;
}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {

    background-color: #2098d1;

    color: white;

    border-left: 5px solid yellow;

    transition: all .2s linear;

}

/*.baseimg{width: 100px;}

*/

.image-preview-input {

    position: relative;

    overflow: hidden;

    margin: 0px;    

    color: #333;

    background-color: #fff;

    border-color: #ccc;    

}

.image-preview-input input[type=file] {

    position: absolute;

    top: 0;

    right: 0;

    margin: 0;

    padding: 0;

    font-size: 20px;

    cursor: pointer;

    opacity: 0;

    filter: alpha(opacity=0);

}

.image-preview-input-title {

    margin-left:2px;

}

#ozdemo{visibility: hidden;}

#ozdemo.oz{visibility: visible;}



.no-padding{

	padding-right: 0px !important;

    padding-left: 0px !important;

}



.content-box-login {

    background: rgba(255, 255, 255, 0.4);

    padding: 30px 30px 35px 30px;

    margin-top: 5%;

}

.margintop{

	margin-top: 6%;

}


.crystal-login{
	color: #081D43;
}

.content-box-login h1{
	color: #081D43;
}



.content-box-login h2 {

    font-size: 16px;

    margin: 10px 0px 20px 0px;

}



.crystal-login h2 {

    font-weight: bold;

    font-size: 50px;

    margin: 0px;

}



.crystal-login h3 {

    font-weight: normal;

    font-size: 30px;

    color: #081D43;

    margin: 0px;

    font-style: italic;

}



.colorazul-b{

	background: #081D43;

	border: 1px solid #081D43;

	padding: 6px 15px;

}



.colorazul-c{

	color: #081D43;

}

.colorazul-b i{

	color: white;

    font-size: 20px;

}



#slider-text {

    text-align: right;

}

#slider-text i {

	font-size: 22px;

	margin: 0px;

	cursor: pointer;

	color: white;

	display: inline-block;

	position:relative;

}

#prev {

    top: -40px;

    right: -47px;

}

#next {

    top: -30px;

    right: -30px;

}

#contiene-textos li {

	color: #081D43;

	overflow: hidden;

	height: 40px;

	padding: 10px 0px;

	line-height: 30px;

	list-style: none;

	font-size: 15px;

	border-bottom: 1px dotted #2c8162;

}



#contiene-textos{

	-webkit-padding-start: 0px;

}



/*#slider-text{

	width: 91%;

}

*/

.btn-personalizado{

	padding: 6px 16px;

    font-size: 18px;

    font-weight: 700;

    line-height: 1.3333333;

    border-radius: 0px;

    color: #081D43;

    background: #F4DB4C;

    border-color: #F4DB4C;

}



.logo-strategee{

	width: 200px;
    margin-top: -60px;
}

#logo-cliente {

   height: 60px;}



.gray {

   height: 60px;

  -webkit-filter: grayscale(100%);

  -webkit-transition: .2s ease-in-out;

  -moz-filter: grayscale(100%); 

  -moz-transition: .2s ease-in-out;

  -o-filter: grayscale(100%); 

  -o-transition: .2s ease-in-out;

}

.gray:hover {

  -webkit-filter: grayscale(0%);

  -webkit-transition: .2s ease-in-out;

  -moz-filter: grayscale(0%);

  -moz-transition: .2s ease-in-out;

  -o-filter: grayscale(0%);

  -o-transition: .2s ease-in-out;

} 



#logo-cliente-left {

    margin: 30px 0px;

}

.hvr-bounce-to-right:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #081d43 !important;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: 0 50%;

    transform-origin: 0 50%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}

.logo-bar-mini{

    width: 116px;

    top: 5px;

    position: absolute;

}

h3.nombreusuario {

    margin-top: 34px;

    margin-bottom: 0px;

    text-transform: capitalize;

}

.panel-informes::-webkit-scrollbar {

  width: 10px;

  height: 8px;

}

.panel-informes::-webkit-scrollbar-button {

  width: 0px;

  height: 0px;

}

.panel-informes::-webkit-scrollbar-thumb {

  background: #081D43;

  border: 0px none #ffffff;

  border-radius: 0px;

}



.panel-informes::-webkit-scrollbar-track {

  background: #c3c3c3;

  border: 0px none #ffffff;

  border-radius: 0px;

}



.panel-informes::-webkit-scrollbar-track:active {

  background: #333333;

}

.panel-informes::-webkit-scrollbar-corner {

  background: transparent;

}



.recupera {

    margin-top: 9px;

}

.recupera a {

    font-size: 15px;

    color: #081d43;

}

input#recover[type=checkbox] + label:before {

    content: "\2713";

    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);

    font-size: 15px;

    color: #f3f3f3;

    text-align: center;

    line-height: 15px;

}



.back-informe {

    margin-top: 20px;

    color: #081D43;

}



.graycontainer {

    background: #F4F4F4;

    padding: 20px;

    border: 10px solid white;

    outline: 1px solid rgba(185, 185, 185, 0.5);

    margin-bottom: 30px;

    cursor: pointer;

}

.graycontainer p {

    font-size: 18px;

    height: 73px;

    overflow: hidden;

    margin: 9px 0px 0px 0px;

}

.boton-alinea {

    position: absolute !important;

    bottom: -11px;

    right: -11px;



}

.titulos-tabla {

    background: #EEEDED;

    text-transform: uppercase;

    font-weight: bold;

}

.verde {

    color: #00af00;

    cursor: pointer;

}

.rojo {

    color: #e80000;

    cursor: pointer;

}

.spacetop {

    margin-top: 8px;

}

.baseamarilla {

    background: #F4DB4C;

    position: relative;

    padding: 0px;

}

.btn-forms:hover{

    color: white !important;

}

.btn-forms {

    top: 30px;

    right: -15px;

        padding: 6px 16px;

    font-size: 18px;

    font-weight: 700;

    line-height: 1.3333333;

    border-radius: 0px;

    color: #f4db4c;

    background: #001f4c;

    border-color: #F4DB4C;

}

.baseamarilla:after {

    content: "";

    position: absolute;

    bottom: -15px;

    left: 26px;

    border-style: solid;

    border-width: 15px 15px 0;

    border-color: #F4DB4C transparent;

    display: block;

    width: 0;

    z-index: 1;

}

.baseamarilla h1 {

    margin: 0px;

    text-transform: uppercase;

    padding: 8px 23px;

    font-size: 23px;

    font-weight: bold;

}

.box-action {

    position: relative;

    text-align: right;

    margin-right: 55px;

    cursor: pointer;

        display: inline;

}

.box-action div, .box-action p{

    display: inline-block;

}

.box-action div {

    background: #001c41;

    color: white;

    height: 40px;

    padding: 10px;

    position: absolute;

    font-size: 10px;

}

.box-action p {

    padding: 8px 12px;

    color: #001c41;

    margin: 0px;

    line-height: 12px;

    font-size: 12px;

    width: 82px;

    background: #f4db4c;

}

.tipo{width: 55px;}

.naranja{color: #ffca00;}

.n-esudios {

    font-size: 17px;

    margin-bottom: 18px;

    font-weight: bold;

    text-align: right;

    padding-right: 15px;

}

.cual-empresa {

    margin-bottom: 18px;

    font-weight: normal;

    text-align: center;

    padding-right: 15px;

}



.nav>li.title-item>a:focus, .nav>li.title-item>a:hover {

    text-decoration: none;

    background-color: transparent;

}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {



    background-color: #001c41;

}



.panel-informes {

    border: 1px solid rgba(117, 117, 117, 0.16);

    background: white;

    height: 525px;

    overflow: auto;

}



.panel-informes-noheight{

        border: 1px solid rgba(117, 117, 117, 0.16);

    background: white;

    height: auto;

    overflow: auto;

}



.soloborde {

    border: 1px solid rgba(117, 117, 117, 0.16);

}

.crystal-alert {

    z-index: 999 !important;

    position: absolute !important;

    right: 9px !important;

    bottom: 0px !important;

    width: 35%;

}

.margin-bottom{

    margin-bottom: 20px;

}

.navbar-inverse {

    background-color: #133b67;

    border-color: #eeeded;

}

.navbar-inverse .navbar-toggle {

    border-color: #868686;

}

.logo-bar {
width: 225px;
padding: 12% 18%;
margin: 0 auto;
margin-top: 0px;
}

.sombra{

-webkit-box-shadow: 28px 0px 26px -23px rgba(0,0,0,0.31);

-moz-box-shadow: 28px 0px 26px -23px rgba(0,0,0,0.31);

box-shadow: 28px 0px 26px -23px rgba(0,0,0,0.31);

    z-index: 99;

    overflow: hidden !important;

}



li.activei {

    background: #001F4C;

    border-left: 5px solid yellow;

    transition: all .1s linear;

}

.barbottom {

    background: #133b67;

    width: 100%;

    height: 15px;

    position: fixed;

    bottom: 0px;

    z-index: 99;

}

.barbottom-logo {
display:none;
    background: #133b67;

    position: fixed;

    bottom: 0px;

    height: 48px;

    padding: 9px;

    z-index: 99;

    right: 0px;

    border-radius: 10px 0px 0px 0px;

}

.title-item span {

    display: inline-block;

    margin: 0px;

    font-size: 15px;

    margin-left: 8px;

    color: black;

    font-family: inherit;

    font-weight: 500;

    line-height: 1.1;

}



.title-item span:nth-last-child(1)

 {

    display: block;

    font-size: 14px;

    font-weight: bold;

    font-style: italic;

    margin: 0px;

    margin-top: -12px;

    margin-left: 50px;

    color: black;

}

li.title-item i {
    font-size: 26px;
    vertical-align: -12px;
}


.nav>li.title-item>a {

    position: relative;

    display: block;

    padding: 10px 8px;

}



.nav>li.title-item>a:hover{

    background: transparent;

}



.fsize{

    font-size: 14px;

}



.modal{

    overflow-y: hidden !important;

}



.modal-backdrop {

    background-color: #032344;

}

.modal-backdrop.in {

    opacity: 0.88;

}

.modal-size-oz {

    width: 99% !important;

    margin: 14px auto;

}

.content-informes {

    background: transparent;

    border-radius: 0px;

    border: 1px solid rgba(255, 255, 255, 0.5);

    padding: 8px 14px 2px 14px;

    -webkit-box-shadow: none;

    box-shadow: none;

}



h4.title-modal-informe {

    color: #F4DB4C;

    text-transform: uppercase;

    font-size: 18px;

}

.body-iframe {

    position: relative;

    padding: 15px 1px;

    background: white;

}

.cerrar {

    width: 68px;

    height: 45px;

    position: absolute;

    right: -1px;

    top: -1px;

    overflow: hidden;

    border: none;

    background: rgba(255, 52, 52, 0);

}

#loader1 {

    position: absolute;

    left: 32%;

    top: 39%;

}

#loader1 img {

    position: absolute;

    top: 96%;

    left: 31.8%;

}

.letter {

    float: left;

    font-size: 40px;

    color: #ccc;

    animation-name: loading;

    animation-duration: 1.6s;

    animation-iteration-count: infinite;

    animation-direction: linear;

}



.l-1 {animation-delay: .48s;}

.l-2 {animation-delay: .6s;}

.l-3 {animation-delay: .72s;}

.l-4 {animation-delay: .84s;}

.l-5 {animation-delay: .96s;}

.l-6 {animation-delay: 1.08s;}

.l-7 {animation-delay: 1.2s;}

.l-8 {animation-delay: 1.32s;}

.l-9 {animation-delay: 1.44s;}

.l-10 {animation-delay: 1.56s;}

.l-11 {animation-delay: 1.68s;}

.l-12 {animation-delay: 1.8s;}

.l-13 {animation-delay: 1.92s;}

.contieneloader {

    background: rgba(255, 255, 255, 0.9);

    height: 100%;

    width: 100%;

    position: absolute;

}

.col-md-8.letter-more {

    padding-right: 0px;

}



@keyframes loading {

    0% {opacity: 0;}

    100% {opacity: 1;}

}



@media screen and (max-width:1400px ) {

  #wrapper {

      padding: 0px;

      margin-top: 0% !important;

  }
iframe {
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-width: 0px;
    border-style: inset;
    height: 524px;
    border-color: initial;
}
}


@media screen and (max-width:1193px ) {

  .porempresa {

      display: none;

  }

}

@media screen and (max-width:767px ) {

.crystal-login{

    display: none;

}

.content-box-login {

    background: rgba(255, 255, 255, 0);

}

.content-box-login h2 {

    margin: 25px 0px 30px 0px;

    color: white;

}

.recupera a {

    font-size: 15px;

    color: #fddd23;

}

#contiene-textos li{border-bottom: 0px solid white}

li.activei {

    background: #d6d6d6;

}

.crystal-alert {

    width: 95%;

}

.barbottom-logo, .barbottom{display: none;}



.col-md-3.text-right {

    text-align: left;

}

  .bubble {

    position: relative;

    width: auto;

    height: auto;

    padding: 0px;

    font-size: 17px;

    background: transparent;

    color: #001C41;

    border-left: 0px solid #f4db4c;

}  

.bubble:after {

    content: "";

    border-width: 0px 0 0px 0px;

    border-color: transparent ;



}

    .col-md-4.col-md-offset-2.no-padding.text-right {

    text-align: center;

    margin-top: 12%;

    margin-bottom: 12%;

}

.modal-size-oz {

    width: auto;

    margin: 10px;

}

#contiene-textos{text-align: center;}

.crystal-login{

    text-align: center;

}

.sombra {

    background: #eeeded;

    margin-top: 50px;

}

.title-item span:nth-last-child(1) {

    display: inline-block;

    font-size: 13px;

    font-weight: normal;

    font-style: normal;

    margin: 0px;

    margin-top: -12px;

    margin-left: 0px;

    color: #001c41;

}

.title-item a i {

    display: none;

}

li.active {

    background: transparent;

    border-left: 0px solid #F4DB4C;

}

.title-item span {

    display: inline-block;

    margin: 0px;

    font-size: 13px;

    margin-left: 8px;

    color: #001c41;

    font-family: inherit;

    font-weight: 500;

    line-height: 1.1;

}

.nav>li.title-item>a {

    position: relative;

    display: block;

    padding: 12px 8px;

}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {

    background-color: transparent;

    color: white;

}
.nav>li.title-item>a:hover  span{
    color: white !important;
}
.logo-bar{display: none !important;}



#page-wrapper {



    margin-top: 40px;

}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {

    background-color: #f4db4c;

}

.navbar-inverse .navbar-toggle .icon-bar {

    background-color: #001c41;

}

button.navbar-toggle {

    background: #f4db4c;

}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {

    background-color: #c7c7c7 !important;

    color: white;

}

#loader1 {

    left: 26%;

}

}



@media screen and (max-width:600px ) {

    #loader1 {

        left: 14%;

    }

}



@media screen and (max-width:430px ) {

.recupera {

    margin-top: 9px;

    margin-bottom: 15px;

    display: block;

    width: 100%;

}

.letter {

    display: none;

}

#loader1 {

    left: 30%;

}

}





@media screen and (max-width:330px ) {

    #loader1 {

        left: 21%;

    }

}