@CHARSET "UTF-8";

.label_titul{
    color: black; font-weight: bold; font-size: 12px;
}

.label_desc{
    margin-left: 10px; float: left; color: #062c33;
}

.btn_logout:hover {
    /*background: #EDD103;*/
    color: red; 
}

.someCssClassName {
    background-image: url(images/sena_2.png);
}

.btn_selected {
    border: 0;
    background: #d30039;
    padding: 0 4px;
    font-size: 16px;
    text-decoration: none;
    line-height: 42px;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
    text-align: normal;
}

.btn_selected:hover {
    background: #e9e9e9;
    color: #5f5f5f;
}

.ui-widget .ui-widget{
    font-size: 12px !important;
    color: black;
}

.btn_peque{   
    color: black !important; 
    font-size: 14px !important; 
    padding: 2px 5px !important;    
}

.btn_peque:hover{
    background-color: #269abc !important;

}

.btn_buscar{   
    color: black !important; 
    font-size: 16px !important; 
    padding: 5px 10px !important; 

}

.btn_buscar:hover{
    background-color: #269abc !important;
}


.maxsize{
    width: 100% !important;
}

.btn_user {
    border: 0;
    background: #b6c0ea;
    padding: 0 7px;
    font-size: 16px;
    text-decoration: none;
    line-height: 42px;
    display: inline-block;
    color: black;
    font-weight: 500;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;

}

.btn_user:hover {
    background: #97E5FF;
    color: #5f5f5f;
}

#regresar{
    text-decoration: none;
}

#regresar:hover{
    font-size: 20px;
    color: #0293C7;
}

#aqui:hover{
    font-size: 20px;
}

.ui-datatable{
    font-size: 10px !important; 
}
.ui-editable-column{
    font-size: 10px; 
}
.ui-datatable-header{
    background-color: #8ca7c6 !important;
    font-size: 10px;
}
.ui-column-title{
    font-size: 10px !important;
}
.ui-paginator-bottom{
    background-color:#8ca7c6 !important;
    font-size: 10px;
}

.ui-paginator-top{
    background-color:#d0dae5 !important;/*#0AACE3*/
    font-size: 10px;
}

.ui-state-default{
    background-color:#F3FBFF !important;
    font-size: 10px;
}

.ui-widget-content{
    font-size: 10px;
}

.ui-datatable-footer{
    font-size: 10px;
}

.ui-datatable-header{
    font-size: 10px;
}


.ui-datatable thead th,.ui-datatable tbody td,.ui-datatable tfoot td{
	padding:2px 5px !important;

}

.titulo{
    color: black;
    font-size: 20px; 
    text-shadow: 3px 2px #d1cecd;
    text-align: center;
}

.menu{
    background:  #9fb2c8; /*#232323;*/
    margin-top: 0px;
    line-height: 56px !important;
}

.loginButton{

    height: 40px !important;
    width: 100px !important;
    background-color: #6c757d !important;
    /*background: gray !important;*/
    /*box-shadow:inset 0px 0px 0px 3px #fff;*/
    /*color: white !important;*/
    margin: 25px 0 !important;

}

.footmenu{
    bottom: 0 !important;
    width: 100%;
    text-align: center;
    margin-bottom: 5px !important;
    margin-top: 20px;
}

.ui-panel-titlebar{
    background-color:#0293C3 !important;
}

.ui-paginator-rpp-options{
    font-size: 13px !important;
}

.ui-paginator-current{
    font-size: 13px !important;   
}

.ui-paginator-page.ui-state-active{
    background: #4dd0e1 !important; 
}

/*Agregrar animación y pantalla negra al inicio*/
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #0293C3;/*#3498db*/
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    z-index: 1001; /* anything higher than z-index: 1000 of .loader-section */
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #97E5FF; /*#e74c3c;*/
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #d30039;/*#f9c922;*/
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}


#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #222222;
    z-index: 1000;
}

#loader-wrapper .loader-section.section-left {
    left: 0;
}

#loader-wrapper .loader-section.section-right {
    right: 0;
}

h1 {
    color: #EEEEEE;
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%);  /* IE 9 */
    transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%);  /* IE 9 */
    transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out; 
    transition: all 0.3s ease-out;
}

.loaded #loader-wrapper .loader-section.section-right,
.loaded #loader-wrapper .loader-section.section-left {

    -webkit-transition: all 0.3s 0.3s ease-out; 
    transition: all 0.3s 0.3s ease-out;

    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);

    -webkit-transition: all 0.3s 0.6s ease-out; 
    transition: all 0.3s 0.6s ease-out;

    -webkit-transition: all 0.3s 1s ease-out; 
    transition: all 0.3s 1s ease-out;
}

.no-js #loader-wrapper {
    display: none;
}
.no-js h1 {
    color: #222222;
}

body{
    font-family: "Segoe UI", sans-serif;
    font-size:100%;
}
/*  Para el efecto menú */
.backgroundStyle {   
    background-color: rgba(164,179,87,1);
    background-color: -moz-linear-gradient(45deg, rgba(164,179,87,1) 33%, rgba(161,176,83,1) 37%, rgba(124,143,23,1) 90%, rgba(117,137,12,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(33%, rgba(164,179,87,1)), color-stop(37%, rgba(161,176,83,1)), color-stop(90%, rgba(124,143,23,1)), color-stop(100%, rgba(117,137,12,1)));
    background: -webkit-linear-gradient(45deg, rgba(164,179,87,1) 33%, rgba(161,176,83,1) 37%, rgba(124,143,23,1) 90%, rgba(117,137,12,1) 100%);
    background: -o-linear-gradient(45deg, rgba(164,179,87,1) 33%, rgba(161,176,83,1) 37%, rgba(124,143,23,1) 90%, rgba(117,137,12,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(164,179,87,1) 33%, rgba(161,176,83,1) 37%, rgba(124,143,23,1) 90%, rgba(117,137,12,1) 100%);
    background: linear-gradient(45deg, rgba(164,179,87,1) 33%, rgba(161,176,83,1) 37%, rgba(124,143,23,1) 90%, rgba(117,137,12,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c', GradientType=1 );
}

.formdato{
    font-size: 14px !important;
    height: 25px !important;
    color: black !important;
    border: 0 !important;
    margin: 0 !important;
}

.textarea{
    color: black !important;
    font-size: 14px !important;
    height: 50px !important;
}

.pagoDato{
    font-size: 14px !important;
    height: 25px !important;
    color: black !important;
    border: 0 !important;
    margin: 0 !important;
}

.totalText{
    font-size: 16px !important;
    font-weight: bold !important;
    color: black !important;
    border: 0 !important;
    margin: 0 !important;
    height: 30px !important;
}


.noBorders tr, .noBorders td {
    background: none !important;
    border: none !important;
}

.estiloRojo {
    font-size: 14px !important;
    background: pink !important;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: black !important;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    width: 1.6em; 
}

.estiloVerde {
    background: #5EA226 !important;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: black !important;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
}

.td.ui-widget-content {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.excel:hover{
    width: 40px;
    height: 40px;
}

.areab{
    vertical-align: middle;   
}

.ui-spinner-input{
    text-align: left;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
    background: #2196F3 !important;
}

.activo{
    background: green !important;
    }
.inactivo{
    background: pink  !important;
 }
 
 .panel{
     margin: 0 auto !important;
 }
 
 .thirty-four-percent{
     width: 34% !important;
 }
 
 .sixty-five-percent{
     width: 65% !important;
 }