/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 03-12-2015, 15:52:38
    Author     : Claudio miranda
*/

@font-face {
    font-family: "KeepCalm-Medium";
    src: url(../../fonts/Fuentes/KeepCalm-Medium.ttf) format("truetype");
}
@font-face {
    font-family: "coolvetica_rg";
    src: url(../../fonts/Fuentes/coolvetica_rg.ttf) format("truetype");
}
@font-face {
    font-family: "perfectly_amicable";
    src: url(../../fonts/Fuentes/perfectly_amicable.ttf) format("truetype");
}
@font-face {
    font-family: "Harabara_Mais_Demo";
    src: url(../../fonts/Fuentes/Harabara_Mais_Demo.otf) format("opentype");
}
@font-face {
    font-family: "Sansation_Bold";
    src: url(../../fonts/Fuentes/sansation/Sansation_Bold.ttf) format("truetype");
}
@font-face {
    font-family: "Sansation_Bold_Italic";
    src: url(../../fonts/Fuentes/sansation/Sansation_Bold_Italic.ttf) format("truetype");
}
@font-face {
    font-family: "Sansation_Italic";
    src: url(../../fonts/Fuentes/sansation/Sansation_Italic.ttf) format("truetype");
}
@font-face {
    font-family: "Sansation_Light_Italic";
    src: url(../../fonts/Fuentes/sansation/Sansation_Light_Italic.ttf) format("truetype");
}
@font-face {
    font-family: "Sansation_Light";
    src: url(../../fonts/Fuentes/sansation/Sansation_Light.ttf) format("truetype");
}
@font-face {
    font-family: "Sansation_Regular";
    src: url(../../fonts/Fuentes/sansation/Sansation_Regular.ttf) format("truetype");
}
@font-face {
    font-family: "kenyan_coffee_bd_it";
    src: url(../../fonts/Fuentes/kenyan_coffee/kenyan_coffee_bd_it.ttf) format("truetype");
}
@font-face {
    font-family: "kenyan_coffee_rg_it";
    src: url(../../fonts/Fuentes/kenyan_coffee/kenyan_coffee_rg_it.ttf) format("truetype");
}
@font-face {
    font-family: "kenyan_coffee_rg";
    src: url(../../fonts/Fuentes/kenyan_coffee/kenyan_coffee_rg.ttf) format("truetype");
}
@font-face {
    font-family: "kenyan_coffee_bd";
    src: url(../../fonts/Fuentes/kenyan_coffee/kenyan_coffee_bd.ttf) format("truetype");
}
@font-face {
    font-family: "AlteHaasGroteskRegular";
    src: url(../../fonts/Fuentes/alte_haas_grotesk/AlteHaasGroteskRegular.ttf) format("truetype");
}
@font-face {
    font-family: "AlteHaasGroteskBold";
    src: url(../../fonts/Fuentes/alte_haas_grotesk/AlteHaasGroteskBold.ttf) format("truetype");
}
@font-face {
    font-family: "Roboto-Regular";
    src: url(../../fonts/Fuentes/roboto/Roboto-Regular.ttf) format("truetype");
}

.Roboto-Regular *{
    font-family: "Roboto-Regular";
}
.AlteHaasGroteskBold *{
    font-family: "AlteHaasGroteskBold";
}
.AlteHaasGroteskRegular *{
    font-family: "AlteHaasGroteskRegular";
}
.kenyan_coffee_bd *{
    font-family: "kenyan_coffee_bd";
}
.kenyan_coffee_rg *{
    font-family: "kenyan_coffee_rg";
}
.kenyan_coffee_rg_it *{
    font-family: "kenyan_coffee_rg_it";
}
.kenyan_coffee_bd_it *{
    font-family: "kenyan_coffee_bd_it";
}
.Sansation_Regular *{
    font-family: "Sansation_Regular";
}
.Sansation_Light_Italic *{
    font-family: "Sansation_Light_Italic";
}
.Sansation_Light *{
    font-family: "Sansation_Light";
}
.Sansation_Italic *{
    font-family: "Sansation_Italic";
}
.Sansation_Bold_Italic *{
    font-family: "Sansation_Bold_Italic";
}
.Sansation_Bold *{
    font-family: "Sansation_Bold";
}
.Harabara_Mais_Demo *{
    font-family: "Harabara_Mais_Demo";
}
.perfectly_amicable *{
    font-family: "perfectly_amicable";
}
.coolvetica_rg *{
    font-family: "coolvetica_rg";
}
.keepKalm *{
    font-family: "KeepCalm-Medium";
}




em {
    font-style: italic; 
}
strong {
    font-weight: 500; 
}
small {
    font-size: 75%; 
}

.table-input{
    border-style: none none none;
}
.txt-negrita{
    font-weight: bold;
}
.txt-subrayado{
    text-decoration: underline; 
}
.txt-center{
    text-align: center;
}
.txt-izquierda{
    text-align: left;
}
.txt-derecha{
    text-align: right;
}
.txt-px5 {
    font-size: 5px !important;
}
.txt-px10 {
    font-size: 10px !important;
}
.txt-px12 {
    font-size: 12px !important;
}
.txt-px15 {
    font-size: 15px !important;
}
.txt-px17 {
    font-size: 17px !important;
}
.txt-px19 {
    font-size: 19px  !important;
}
.txt-px20 {
    font-size: 20px  !important;
}
.txt-px25 {
    font-size: 25px !important;
}
.txt-px30 {
    font-size: 30px !important;
}
.txt-px40 {
    font-size: 40px  !important;
}
.txt-blue{
    color: #2453D8;
}
.txt-blue-darken{
    color: #0D47A1;
}
.txt-green{
    color: #28A508;
}
.txt-darken-4-white{
    color: white !important;
}
.txt-darken-4{
    color: black !important;
}
.txt-darken-3 {
    color: #1565C0 !important;
}
.txt-gris{
    color: #484646;
}
/* The CSS */
label.select select {
    background: transparent;
    border: none;
    font-size: 14px;
    padding: 5px; /* If you add too much padding here, the options won't show in IE */
    cursor:pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: calc(100% - 4px);
}
label.select {
    position: initial !important;
    background: url(../../imgs/icons/down.png) no-repeat 96% 10px;
    height: 29px;
    overflow: hidden;
    min-width: 78px;
    width: 100%;
}
th.current{
    opacity: 0.8;
    transform:translate(0px,-3px) scale(1,1.3);
    border: 1px solid #b7b7b7;
}
th.naranja{
    background-color: #FF8000 !important;
    color: #ffffff !important; 
}
th.celeste{
    background-color: #0080FF !important;
    color: #ffffff !important;
}

th.verde{
    background-color: #31B404 !important;
    color: #ffffff !important;
}

th.gris{
    background-color: #b7b7b7 !important;
    color: #ffffff !important;
}
.table.th60 tr th{
    min-height: 60px;
    height: 60px;
}


.table.td40 tr td{
    min-height: 40px;
    height: 40px;
}



.txt-elip{

    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis;
    cursor: pointer;
}

span.dtr-data > p.txt-elip{
    width: 100%;
}
.txt-elip.p100{
    width: 100px ; 
}

.txt-elip.p110{
    width: 110px ; 
}
.txt-elip.p115{
    width: 115px ; 
}
.txt-elip.p120{
    width: 120px ; 
}
.txt-elip.p130{
    width: 130px ; 
}
.txt-elip.p140{
    width: 140px ; 
}
.txt-elip.p150{
    width: 150px ; 
}
.txt-elip.p160{
    width: 160px ; 
}
.txt-elip.p170{
    width: 170px ; 
}
.txt-elip.p180{
    width: 180px ; 
}
.txt-elip.p190{
    width: 190px ; 
}
.txt-elip.p200{
    width: 200px ; 
}


.panel-head *{
    display: inline-block;
    color: #0D47A1 !important;
}

i.float-r{
    position: relative;
    float: right;
    padding: 1%;
}

.fecha-dia{
    background-color: rgba(255, 255, 0, 0.45);
    color: #000;
    font-weight: bold;
}
.fecha-morosa{
    background-color: rgba(255, 0, 0, 0.65);
    color: #000;
    font-weight: bold;
}

.fecha-falta{
    background-color: rgba(0, 128, 0, 0.38);
    color: #000;
    font-weight: bold;
}

.group-span-filestyle label{
    top:unset !important;
}