/*
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 : Nov 6, 2014, 4:22:56 PM
    Author     : andresfelipefuentesvasquez
    Linea de colores: #e9f5fa
*/


/*Reemplazar #5c9ccc*   Azul Actual #528cb7*/


/*-----------------------------------------------------------------------------------------------*/
/*Banner principal*/
#banner{
    /*background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );*/
    /*background: #528cb7url("../img/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50% 50% repeat-x;*/
    background: #406d8e;
    /*border: 1px solid #006699;  border-radius: 0px;*/  
    /*box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);*/
    /*height: 60px;*/
    width: 100%;
    height: 100%;

    /*margin: 1px 0px 5px 0px;*/
    /*padding: 0px 0px 0px 1px;*/
}

.cabecera{
    background: rgb(2,0,36) !important;
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(190,223,232,1) 0%, rgba(190,223,232,0.32816876750700286) 0%, rgba(155,219,240,0.32816876750700286) 0%, rgba(254,36,0,0.24413515406162467) 0%, rgba(218,244,255,1) 0%, rgba(92,156,204,0.6474964985994398) 49%, rgba(233,249,255,0.8827906162464986) 100%)
        !important;
}

/*-----------------------------------------------------------------------------------------------*/
/*Pestañas superiores del menu*/
/**/
.nav-tabs-2 {
    /*margin-bottom: 1px !important;*/
    border-color: transparent !important;
    border-radius: 0px 0px 0px 0px !important;
    font-size:14px;
    background-color: #f2f2f2;
    margin-bottom: 0px;
    height: 40px;
}

/**/
.nav-pills-2 li a {
    background-color:red !important;
    border-color: #d9d9d9 !important;
    /*border-bottom-color: transparent !important;*/
    /*border-radius: 3px 3px 3px 3px !important;*/ 
    border-radius: 0px 0px 0px 0px !important;
    color:#808080 !important;
    font-size:14px !important;
    /*font-weight: bold !important;*/ 
    margin: 1px 1px 1px 1px !important;
    /*padding: 1px 1px 1px 1px !important;*/
    height: 38px;
}

.grupo-nav {
    background-color:#d9d9d9 !important;
    border-color: #d9d9d9 !important;
    /*border-bottom-color: transparent !important;*/
    /*border-radius: 0px 0px 0px 0px !important;*/
    border-radius: 0px 0px 0px 0px !important;
    color:#808080 !important;
    font-size:12px !important;
    /*font-weight: bold !important;*/ 
    margin: 1px 1px 1px 1px !important;
    /*padding: 1px 1px 1px 1px !important;*/
    /*height: 38px;*/
}

.grupo-nav-2 {
    background-color:blue !important;
}

/**/
.nav-pills li a:hover{
    background-color: #ffa061 !important; 
    border-color: #ffa061 !important;
    color:#FFFFFF !important;
}

/**/
.nav-pills li .active {
    border-color: #528cb7!important;
    background-color:#528cb7!important;
    color:#ffffff !important;
    
}

/*--------------------------------------------------------------------------------*/

/*Controla el tamaño de la letra de todas las tablas de la aplicacion*/
th { font-size: 11px; }
td { font-size: 11px;}


/*td { font-size: 11px; padding-top: 2px !important; padding-bottom: 2px !important; vertical-align: middle !important; white-space:nowrap !important;}*/



/*Cambia el tamaño de los botones de datatables*/
.buttons-csv, .buttons-excel, .buttons-print{
    
    height: 25px;
    font-size:12px !important;
    padding: 5px 5px 15px 5px !important;
}

/*paginacion datatable*/
.page-item.active .page-link {
    background-color: lightgrey !important;
    border: 1px solid lightgrey;
}

/*paginacion datatable*/
.page-link {
    color: black !important;
}

checkbox{
    background-color:red !important;
}

.cuadrante-odontograma {
    border: 1px solid #92a8d1; 
    border-radius: 5px; 
    padding: 10px 0px 0px 0px; 
    margin:0px;
}

.cuadrante-odontograma-print {
    /*border: 1px solid #92a8d1;*/ 
    border-radius: 5px; 
    padding: 0px 0px 0px 0px; 
    margin:0px;
}

.variables-hc{
/*    border-style: dotted;
    border-width: 1px;
    border-color: #878c91;*/
    
    border-style: solid;
    border-color: #ffffff;
    border-width: 3px 3px 3px 3px;
    border-radius: 6px;
    /*margin: 0px 0px 0px 0px;*/
    font-size: 12px;
    font-weight: bolder;
    background-color: #F2F3F4;
    padding: 10px 3px 3px 3px;    
}

.re-odonto{
    border-style: dotted;
    border-width: 1px;
    border-color: #878c91;
}

/*estilo de botones de datatable*/
.dt-button.btn-datatable {
    /*color: red !important;*/
    margin-top: 20px !important;
}



/*Resalta campo obligatorio*/
.resaltar_campo{
  border: 1px solid #f12a26 !important;
  border-radius: 3px 3px 3px 3px;
  background-color: #ffdede !important;
  }

.exit {
    background-image: url("../img/door_out.png");
    border:1px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px;
    
}

.mic {
    background-image: url("../img/mic.ico");
    background-color:transparent !important; 
    border:1px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px;
    
}

.mic_red {
    background-image: url("../img/mic_red.ico");
    background-color:transparent !important; 
    border:1px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px;
    
}

.psw {
    background-color:#FFFFFF !important; 
    border:0px;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 160px;
    font-size:11px;
    font-family:sans-serif !important;
    color:#006699;
    
}

.clear {
    background-image: url("../img/edit-clear.png");
    border:1px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px;
}

.editable {
    
    border-color: #a2e665 !important; 
    
}

.seleccionado{
    background-color:#e6ffe6 !important;
}

.seleccionado-deshab{
    background-color:#f4cccc !important;
}

.saldo {
    
    border-color: red !important; 
    
}

.ppp{
    background-color:red !important; 
}

.loading1 {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url("../img/712.gif") 
                50% 50% 
                no-repeat;
}

.headcol{
    float: left;

}

.right {
    
    overflow: auto;
     margin-right: 20px;
}

/*color letra de titulo de mensajes*/
.popover-title {
  color: red;
}

.take-all-space-you-can{
    width:100% !important;
}



.table-txt td{
    
    border: 1px;
    border-color: #000000;
    padding: 2px 2px 2px 2px;
    
}


/*Botones de titulos de rias en la historia clinica*/
.bpill {
  border:1px solid #d9d9d9 !important;
  border-radius: 3px !important;
  margin: 1px 1px 1px 1px !important;
}


.puntero {cursor: pointer;}


/*==============================================================================*/
/*SELECCION DE PRESENTACION DE MEDICAMENTOS*/
.opcion_md_c {

  color: #60894E !important;
  background: #ffffff !important;
  font-size :14px !important;
  font-weight: normal !important;
}

.opcion_md_e {

  color: #D8705A !important;
  background: #ffffff !important;
  font-size :14px !important;
  font-weight: normal !important;
}

/*==============================================================================*/



.boton_small {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 12px;
   font-weight: 100;
   padding: 5px;
   background-color: #D4DAE3;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}

.boton_small:hover {
   background: #5C9CCC;
   border: solid #FFFFFF 0;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-decoration: none;
}




@font-face {font-family: 'GoldplayBlack'; src: url('../fonts/GoldplayBlack.otf');}
@font-face {font-family: 'GoldplayBold'; src: url('../fonts/GoldplayBold.otf');}
@font-face {font-family: 'GoldplayLight'; src: url('../fonts/GoldplayLight.otf');}
@font-face {font-family: 'GoldplayMedium'; src: url('../fonts/GoldplayMedium.otf');}
@font-face {font-family: 'GoldplayRegular'; src: url('../fonts/GoldplayRegular.otf');}
@font-face {font-family: 'GoldplaySemiBold'; src: url('../fonts/GoldplaySemiBold.otf');}

.dialog-custom-font {
     font-family: "GoldplayRegular", sans-serif;
}






.watermark {
    font-size: 36px;
    text-align: center;
    color: gray;
    text-transform: uppercase;
    position: absolute;
    transform: rotate(-25deg);
    user-select: none;
    margin-top: 8%;
    z-index: 9999;
    opacity: 0.5;
}