<style type="text/css">


  table.example {
	border:1px solid black;
	border-collapse:collapse;
}
table.example th, table.example td {
	border:1px solid #aaaaaa;
	padding: 2px 15px 2px 15px;
}
table.example thead th {
	background-color:#129dfa;
}
table.example tfoot td {
	background-color:#4dbeef;
}

table.example tr.tbody_header {
	font-weight:bold;
	text-align:center;
	background-color:#dddddd;
}

table.example a.pagelink {
	padding-left:5px;
	padding-right:5px;
	border:1px solid #666666;
	margin:0px 5px 0px 5px;
}
table.example a.currentpage {
	background-color:yellow;
}
/* Striping */
tr.alternate {
	background-color:#ffffcc;
}

/* Sorting */
th.table-sortable {
	cursor:pointer;
	background-image:url("icons/01_unsorted.gif");
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:12px;
}
th.table-sorted-asc {
	background-image:url("icons/01_descending.gif");
	background-position:center left;
	background-repeat:no-repeat;
}
th.table-sorted-desc {
	background-image:url("icons/01_ascending.gif");
	background-position:center left;
	background-repeat:no-repeat;
}
th.table-filtered {
	background-image:url("icons/filter.gif");
	background-position:center left;
	background-repeat:no-repeat;
}
select.table-autofilter {
	font-size:smaller;
}

/* Examples which stray from the default */
table.altstripe tr.alternate2 {
	background-color:#ccffff;
}

/* Sort Icon Styles */
table.sort01 th.table-sortable { background-image:url("icons/01_unsorted.gif"); }
table.sort01 th.table-sorted-asc { background-image:url("icons/01_ascending.gif"); }
table.sort01 th.table-sorted-desc { background-image:url("icons/01_descending.gif"); }

table.sort02 th.table-sortable { background-image:none; padding-left:16px; }
table.sort02 th.table-sorted-asc { background-image:url("icons/02_ascending.gif"); }
table.sort02 th.table-sorted-desc { background-image:url("icons/02_descending.gif"); }

table.sort03 th.table-sortable { background-image:none; }
table.sort03 th.table-sorted-asc { background-image:url("icons/03_ascending.gif"); }
table.sort03 th.table-sorted-desc { background-image:url("icons/03_descending.gif"); }

table.sort04 th.table-sortable { background-image:none; }
table.sort04 th.table-sorted-asc { background-image:url("icons/04_ascending.gif"); }
table.sort04 th.table-sorted-desc { background-image:url("icons/04_descending.gif"); }

table.sort05 th.table-sortable { background-image:url("icons/05_unsorted.gif"); padding-left:16px;}
table.sort05 th.table-sorted-asc { background-image:url("icons/05_ascending.gif"); }
table.sort05 th.table-sorted-desc { background-image:url("icons/05_descending.gif"); }

table.sort06 th.table-sortable { background-image:none; padding-left:16px;}
table.sort06 th.table-sorted-asc { background-image:url("icons/06_ascending.gif"); }
table.sort06 th.table-sorted-desc { background-image:url("icons/06_descending.gif"); }

table.sort07 th.table-sortable { background-image:none; }
table.sort07 th.table-sorted-asc { background-image:url("icons/07_ascending.gif"); }
table.sort07 th.table-sorted-desc { background-image:url("icons/07_descending.gif"); }

table.sort08 th.table-sortable { background-image:none; }
table.sort08 th.table-sorted-asc { background-image:url("icons/08_ascending.gif"); }
table.sort08 th.table-sorted-desc { background-image:url("icons/08_descending.gif"); }

table.sort09 th.table-sortable { background-image:none; padding-left:30px;}
table.sort09 th.table-sorted-asc { background-image:url("icons/09_ascending.gif"); }
table.sort09 th.table-sorted-desc { background-image:url("icons/09_descending.gif"); }

table.sort10 th.table-sortable { background-image:url("icons/10_unsorted.gif"); }
table.sort10 th.table-sorted-asc { background-image:url("icons/10_ascending.gif"); }
table.sort10 th.table-sorted-desc { background-image:url("icons/10_descending.gif"); }

table.sort11 th.table-sortable { background-image:url("icons/11_unsorted.gif");padding-left:24px; }
table.sort11 th.table-sorted-asc { background-image:url("icons/11_ascending.gif"); }
table.sort11 th.table-sorted-desc { background-image:url("icons/11_descending.gif"); }

table.sort12 th.table-sortable { background-image:none; }
table.sort12 th.table-sorted-asc { background-image:url("icons/12_ascending.gif"); }
table.sort12 th.table-sorted-desc { background-image:url("icons/12_descending.gif"); }

table.sort13 th.table-sortable { background-image:none; }
table.sort13 th.table-sorted-asc { background-image:url("icons/13_ascending.gif"); }
table.sort13 th.table-sorted-desc { background-image:url("icons/13_descending.gif"); }

table.sort14 th.table-sortable { background-image:none; }
table.sort14 th.table-sorted-asc { background-image:url("icons/14_ascending.gif"); }
table.sort14 th.table-sorted-desc { background-image:url("icons/14_descending.gif"); }

table.sort15 th.table-sortable { background-image:none; }
table.sort15 th.table-sorted-asc { background-image:url("icons/15_ascending.gif"); }
table.sort15 th.table-sorted-desc { background-image:url("icons/15_descending.gif"); }

table.sort16 th.table-sortable { background-image:none; }
table.sort16 th.table-sorted-asc { background-image:url("icons/16_ascending.gif"); }
table.sort16 th.table-sorted-desc { background-image:url("icons/16_descending.gif"); }

table.sort17 th.table-sortable { background-image:none; }
table.sort17 th.table-sorted-asc { background-image:url("icons/17_ascending.gif"); }
table.sort17 th.table-sorted-desc { background-image:url("icons/17_descending.gif"); }

table.sort18 th.table-sortable { background-image:url("icons/18_unsorted.gif"); }
table.sort18 th.table-sorted-asc { background-image:url("icons/18_ascending.gif"); }
table.sort18 th.table-sorted-desc { background-image:url("icons/18_descending.gif"); }

table.sort19 th.table-sortable { background-image:url("icons/19_unsorted.gif");padding-left:24px; }
table.sort19 th.table-sorted-asc { background-image:url("icons/19_ascending.gif"); }
table.sort19 th.table-sorted-desc { background-image:url("icons/19_descending.gif"); }

/* Icons box */
.iconset {
	margin:5px;
	border:1px solid #cccccc;
	border-color:#cccccc #666666 #666666 #cccccc;
	text-align:center;
	cursor:pointer;
	width:100px;
}
.iconset img {
	margin:3px;
}

/* Documentation */
tr.doc_section {
	font-weight:bold;
	text-align:center;
	background-color:#dddddd;
}




.btnsoc {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 7px;
  background: #d93434;
  text-decoration: none;
}

.btnsoc:hover {
  background: #168218;
  text-decoration: none;
}
.btnsoceliminar {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 7px;
  background: #000000;
  text-decoration: none;
}

.btnsoceliminar:hover {
  background: #2323d4;
  text-decoration: none;
}
.socprovs {
    color: green;
    
    border: 1px solid green; 
    border-radius: 10px; 
    box-shadow: 0 0 1px 1px green; 

    width: 200px;
}
.socprods {
    color: #2323d4;
    
    border: 1px solid #2323d4; 
    border-radius: 10px; 
    box-shadow: 0 0 1px 1px #2323d4; 

    width: 200px;
}
.selectgtestdietarojo {
    color: red;
    
    border: 1px solid red; 
    border-radius: 30px; 
    box-shadow: 0 0 3px 3px red; 
    text-align: center;
    width: 400px;;
}
.selectgtestdietanegro {
    color: black;
    font-size: larger;
    border: 1px solid black; 
    border-radius: 30px; 
    box-shadow: 0 0 3px 3px black; 
    text-align: center;
}
.selectgtestdietanegro:disabled {
    color: black;
    font-size: larger;
    border: 1px solid black; 
    border-radius: 30px; 
    box-shadow: 0 0 3px 3px black; 
    text-align: center;
    background-color: #B2B2B2;
}
.selectgtestdietaazul {
    color: #093adb;
    font-size: larger;
    border: 1px solid #093adb; 
    border-radius: 30px; 
    box-shadow: 0 0 3px 3px #093adb; 
    text-align: center;
}
.inputtablagtestazul {
     background: white; 
    border: 1px solid #093adb; 
    border-radius: 5px; 
    box-shadow: 0 0 3px 3px #093adb; 
    color: #093adb; 
    outline: none; 
    height:23px; 
    width: 30px; 
    text-align: center;
    font-weight: bold;
}

.inputtablagtestnegra {
     background: white; 
    border: 1px solid black; 
    border-radius: 5px; 
    box-shadow: 0 0 3px 3px black; 
    color: black; 
    outline: none; 
    height:23px; 
    width: 30px; 
    text-align: center;
    font-weight: bold;
    
}

.inputtablagtestrojo {
     background: white; 
    border: 1px solid #de1d1d; 
    border-radius: 5px; 
    box-shadow: 0 0 3px 3px #de1d1d; 
    color: #de1d1d; 
    outline: none; 
    height:23px; 
    width: 30px; 
    text-align: center;
    font-weight: bold;
}

.searchField {
    width: 300px;
}
#results {
    display: none;
    position: absolute;
    width: 300px;
    background-color: green; 
    z-index: 10;
}
#results div {
    position: absolute;
    width: 600px; 
    height: 20px;
    background-color: yellow; 
    cursor: pointer;
}
#results div span {
    color: blue;
    font-weight: bold;
}
a:link {color:#0000FF;text-decoration:none;cursor:hand;}      /* unvisited link */
a:visited {color:#0000FF;}  /* visited link */
a:hover {color:#C00;}  /* mouse over link */
a:active {color:#C00;}  /* selected link */



body {
	margin: 2;
	font-family: Verdana, Arial, Helvetica;
	font-size: 16px;
	text-align: left;
	color: #454545;
   
}

.scrollableTable { 
  
  table-layout:fixed;
  overflow: scroll; 
  width: 1400px; 
  border-collapse: collapse;
    overflow-y: hidden;
}

.scrollableTable thead {
    
}

.horas {
    background-color: #D6D6D6;
    position : absolute;
    z-index : 2;

}


td.tooltips {
  
  position: relative;
}
td.tooltips div {
  position: absolute;
  width:140px;
  color: #000000;
  background: #75D6FF !important;
  /*height: 89px;*/
  line-height: 15px;
  text-align: center;
  visibility: hidden;
  border-radius: 3px;
  
}
td.tooltips div:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #75D6FF  !important;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
td:hover.tooltips div {
  visibility: visible;
  opacity: 1;
  bottom: 30px;
  left: 50%;
  margin-left: -70px;
  z-index: 999;
}



td.tooltipsestudio {
  
  position: relative;
}
td.tooltipsestudio div {
  position: absolute;
  /*width:140px;*/
  color: #000000;
  background: #75D6FF !important;
  /*height: 89px;*/
  line-height: 15px;
  text-align: center;
  visibility: hidden;
  border-radius: 3px;
  
}
td.tooltipsestudio div:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #75D6FF  !important;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
td:hover.tooltipsestudio div {
  visibility: visible;
  opacity: 1;
  bottom: 30px;
  left: 50%;
  margin-left: -70px;
  z-index: 999;
}


.tdagendacentro td { 

    
    	
} 

.tablaagenda td { 
  font-size:14px;
  
}



.flatCheckbox
{
       
    width: 53px !important;
    height: 17px !important;
    margin: 0px 0px !important;
    position: relative !important;
    vertical-align: middle !important;
     -webkit-box-sizing: content-box !important; box-sizing: content-box !important; -moz-box-sizing: content-box !important;
}
.flatCheckbox div
{
    
    text-align:center !important;
    font-size: 12px !important;
    width: 100% !important;
    height:100% !important;
    background: white !important;
    position:relative !important;
    top: -40px !important;
    
    transition: all .5s ease !important;

}
.flatCheckbox label
{
    display: block !important;
    width: 22px !important;
    height: 19px !important;
    content:'si   no' !important;
    -webkit-transition: all .5s ease !important;
    -moz-transition: all .5s ease !important;
    -o-transition: all .5s ease !important;
    -ms-transition: all .5s ease !important;
    transition: all .5s ease !important;
    cursor: pointer !important;
    position: relative !important;
    top: -22px !important;
    
    z-index: 1 !important;
    left: -1px !important;
    background: #B2B2B2 !important;
}
.flatCheckbox label:before
{
    color: #ccc !important;
    content:'|||' !important;
    font-size: 12px !important;
    letter-spacing: 0px !important;
    position: relative !important;
    left: 2px !important ;
    top: -2px !important;
    vertical-align: middle !important;
    
}
.flatCheckbox input[type=checkbox]:checked ~ div
{
    background: #66CCFF !important;
    
}

.flatCheckbox input[type=checkbox]:checked ~ label {
    left: 31px !important;
}



.flatCheckboxlento
{
       
    width: 53px;
    height: 17px;
    margin: 0px 0px;
    position: relative;
    vertical-align: middle;
}
.flatCheckboxlento div
{
    
    text-align:center;
    font-size: 12px;
    width: 100%;
    height:100%;
    background: white;
    position:relative;
    top: -40px;
    
    transition: all .5s ease;

}
.flatCheckboxlento label
{
    display: block;
    width: 50px;
    height: 19px;
    content:'si   no';
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    position: relative;
    top: -22px;
    
    z-index: 1;
    left: -1px;
    background: #B2B2B2;
}
.flatCheckboxlento label:before
{
    color: #ccc;
    content:'||||||||';
    font-size: 12px;
    letter-spacing: 0px;
    position: relative;
    left: 2px; 
    top: -2px;
    vertical-align: middle;
    
}
.flatCheckboxlento input[type=checkbox]:checked ~ div
{
    background: #66CCFF;
    
}

.flatCheckboxlento input[type=checkbox]:checked ~ label {
    left: 52px;
}


html>body .scrollableTable { height: auto; }

.list-group-item{
    padding: 3px 3px;
    font-size: smaller;
}

.panel-body{
    padding: 3px 3px;

}
.panel-heading {
    padding: 5px 5px;
    
    
}
.panel-heading a{
    color: #fff;
}
.btn-primary a{
    color: #fff;
}
.btn-default a{
    color: #000 !important
}
.btn-group a{
    color: #000;
}
.btn-primary {
    padding: 3px 3px;
}
.btn-danger a{
    color: #fff;
    
}
.btn-info a {
    color: #fff;
}
.btn-danger a {
    color: #fff;
}

.dropdown:hover .dropdown-menu {
display: block;
}



.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #fff;  /*Sets the text hover color on navbar*/
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >   
 a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: white; /*BACKGROUND color for active*/
background-color: #f7af56;
}

  .navbar-default {
    background-color: #f7af56;
    border-color: #e69b3f;
}

  .dropdown-menu > li > a:hover,
   .dropdown-menu > li > a:focus {
    color: white;
   text-decoration: none;
  background-color: #66CCFF;  /*change color of links in drop down here*/
   }

 .nav > li > a:hover,
 .nav > li > a:focus {
    
    color: white;
    background-color: silver; /*Change rollover cell color here*/
  }

 .nav > li:hover {
     background-color: #d88825;
     color: white;
 }


  .navbar-default .navbar-nav > li > a {
   color: white; /*Change active text color here*/
    }

.navbar-nav > li > a, .navbar-brand {
    padding-top:4px !important; 
    padding-bottom:0 !important;
    height: 28px;
}
.navbar {min-height:28px !important;}

textarea{ 
    background-color:#bfe8fd !important;
}

input[type="text"]{
background-color:#bfe8fd !important
}
input[type="text"][disabled] {
   color: gray;
}




::-moz-selection {
 background: #66ff66;
}

::selection { background: #66ff66; }

@-webkit-keyframes 
icon-beat {  0% {
 -webkit-transform: scale(2);
 -ms-transform: scale(2);
 transform: scale(2);
}
 100% {
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
}
}

@keyframes 
icon-beat {  0% {
 -webkit-transform: scale(2);
 -ms-transform: scale(2);
 transform: scale(2);
}
 100% {
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
}
}

* {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

label {
  
  position: relative;
  padding: 0.5rem 1rem;
  line-height: 16px;
  font-weight: normal;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

label:last-of-type { margin-right: 1rem; }

label i {
 
  height: 20px;
  position: relative;
  top: 6px;
  font-style: normal;
  color: #0066ff;
}

label span {
  font-size: 12px;
  margin-left: 5px;
  line-height: 20px;
  color: gray;
}

input[type="radio"],
input[type="checkbox"] { display: none; }

input[type="radio"] + i:before,
input[type="checkbox"] + i:before {
  font-family: 'FontAwesome';
  font-size: 14px;
  height: 16px;
  width: 16px;
  display: inline-block;
}

input[type="radio"]:checked + i,
input[type="checkbox"]:checked + i {
  position: relative;
  -webkit-animation: icon-beat 0.1s ease;
  animation: icon-beat 0.1s ease;
}

input[type="radio"]:checked + i + span,
input[type="checkbox"]:checked + i + span {
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

input[type="radio"] + i:before { content: "\f10c"; }

input[type="radio"]:checked + i:before { content: "\f111"; }

input[type="radio"]:checked + i + span,
input[type="radio"]:checked + i:before { color: rgba(10, 62, 117, 1); }

input[type="checkbox"] + i:before { content: "\f096"; }

input[type="checkbox"]:checked + i:before { content: "\f046"; }

input[type="checkbox"]:checked + i + span,
input[type="checkbox"]:checked + i:before { color: rgba(10, 62, 117, 1); }


</style>