html, body,#content{min-height:100%;height:100%;}
.conImagen .btnBackToList a{background-color:#fff;padding:6px 10px;border-radius:6px;border:1px solid #efefef;}
body #content{margin-top:110px;padding-top:10px;}
body.conImagen #content{margin-top:85px;}
body.conImagen #content .listadoPiscinas{padding-top:25px;}

.listadoPiscinas *::-moz-selection { /* Code for Firefox */
    background: none;
}
.listadoPiscinas *::selection {
    background: none;
}
.hidden{display:none !important;}
.filaInputText input{background-color:#dddddd;color:#343434;border-radius: 4px;border: 1px solid #dedede !important;padding:4px 5px;width:auto;display:inline;text-align:center;height:32px;}
.filaInputText label{font-size:13px;color:#343434;float:left;line-height:32px;padding-right:5px;}
.btop{border-top:1px solid #ddd;}
.bbottom{border-bottom:1px solid #ddd;}

#page-wrapper{padding-bottom:30px;}
.boxList{background-color:#fff;border:1px solid #ddd;/*padding:20px 20px 10px 20px;*/padding:20px;/*max-width:520px;*/margin:0 auto;min-height: 372px;}

.slogan{font-size: 12px; line-height: 12px;min-height:12px;margin: 20px 0 3px 0;padding:20px 0 0 20px;vertical-align: middle;float:left;color:#434343;border-left: 1px solid #ddd;}
.circulo{position:relative;}
.circulo .col{margin:0 !important;padding:0 !important;height:100%;display:block !important;}
.circulo .col.detail{padding-top:10px !important;}
.circulo .col.detail h2{text-align:right;}
.titConsign{color: #7a7a7a; font-size: 26px; margin:55% 0 50% 0 !important;}
.circulo .consign { font-size:11px;color: #343434; display: initial;position:absolute;top:0;right:0;}
.circulo .status { font-size:10px;color: #343434; display: initial;position:absolute;bottom:-5px;right:0;line-height:13px;}
.fa-smile-o{color:#749f00 !important;font-size:60px !important;}
.fa-meh-o{color:#ff8800 !important;font-size:60px !important;}
.fa-frown-o{color:#f52626 !important;font-size:60px !important;}
.fa-meh-o.grey{color:#efefef !important;}
.off .fa-meh-o.grey{color:#666 !important;}

.face,.name{float:left;}
.face{margin-right:10px;}

.titularPool{padding:0 0px;display: block;margin-bottom:15px;}
.titularPool .col{margin:0 !important;padding:0 !important;}
.titularPool .name{max-width:88%;}
.titularPool .name h1{/*max-width:100%;overflow:hidden;max-height:37px;*/font-size:2em;line-height:1em !important;word-wrap: break-word;}
.titularPool .name .enBloque{display:block;}
.titularPool .name .enLinea{margin-right:10px;}
.titularPool .name span{line-height:18px;}

.titular{float:left;width:auto;display:block;}
.tiempo{display:block;font-size:16px;font-family: 'Roboto', Helvetica, Arial, sans-serif;font-weight:300;line-height:19px;margin-top:5px;position:relative;float:right;}
.titularPool:after{content:''; display:block; clear: both;}
.tiempo span{font-size:13px;}
.tiempo .estado{float:left;}
.tiempo img{float:right;}
.clean{clear:both;display:table;}
.clean:after{clear:both;}

.panel{background:none !important;border:0 !important;box-shadow:0 0 0 0!important;border-radius:0 !important;}
.panel-heading{background:none !important;border:0 !important;border-bottom:1px solid #e6e6e6 !important;padding:0 !important;min-height:34px;}
.panel-heading .panel-title{text-align:right;}
.panel-heading .panel-title a{display:inline;color:#fff !important;background-color:#343434 !important;font-size:13px !important;text-decoration:none !important;font-family: 'PT Sans', sans-serif;}
.panel-heading .panel-title a.collapsed:hover{text-decoration:none;background-color:#efefef !important;color:#343434 !important;}
.panel-heading .panel-title a.collapsed{text-align:right;color:#343434 !important;background-color:#fff;}
.panel-body{border:0 !important;padding:20px 0;}
.panel-body p{color:#343434;margin-bottom:0;}
.btn2.collapsed.red{background-color:#fdd4d4 !important;}
.btn2.collapsed.orange{background-color:#ffe7cc !important;}
.btn2.collapsed.regular{background-color:#fff !important;}


.boxFooter{/*border-top:1px solid #ddd;*/text-align:right !important;clear:both;/*padding:20px 0 0 0;*/margin-top:0px;}
.boxFooter a{display:inline;margin-left:10px;}
.boxFooter p{clear:both;margin:20px 0 0 0;}



.gadgets .filaTabla{border-bottom:1px solid #efefef;clear:both;}
.gadgets .filaTabla .colTabla{padding:5px 0;vertical-align:top;float:left;}
.gadgets .filaTabla:after{content:''; display:block; clear: both;}
.gadgets h4{padding:0 10px 0 0 !important;margin:0 !important;font-size:18px;text-transform:uppercase;font-weight:300;font-family: 'Roboto', Helvetica, Arial, sans-serif;color:#7a7a7a;float:left;}
.gadgets .buttonsBlock,.filaInputText .buttonsBlock{float:left;margin-right:5px;}
.gadgets .buttonsBlock.last{margin-right:0;}
.contentHover .small-outline,.gadgets .small-outline{display:inline;padding:5px 8px;margin:0;float:left;}
.gadgets .btnFirst{border-top-right-radius:0;border-bottom-right-radius:0;}
.gadgets .btnMiddle{border-radius:0;border-left:0 !important;border-right:0 !important;}
.gadgets .btnMiddle2{border-radius:0;border-right:0 !important;}
.gadgets .btnLast{border-top-left-radius:0;border-bottom-left-radius:0;}
.gadgets .noBorderLeft{border-left:0 !important;}
.contentHover .small-outline.selected,.gadgets .small-outline.selected{color:#fff !important;background-color:#343434 !important;}
.contentHover label,.gadgets label{font-size:13px;color:#343434;float:left;line-height:34px;padding-right:5px;}
.contentHover .inputText,.gadgets .inputText{background-color:#dddddd;color:#343434;border-radius: 4px;border: 1px solid #dedede !important;padding:4px 5px;width:auto;display:inline;text-align:center;height:34px;}
.contentHover .inputText.withButtons,.gadgets .inputText.withButtons{border-top-right-radius:0;border-bottom-right-radius:0;height:32px;}
.selectpicker{padding:5px 20px 5px 5px;}
.titGadget{min-width:25%;}
.buttonsGadget{text-align:left;display:block;}
.dropdown-menu li a{padding:3px 5px !important;}
.gadgets .isRel{display:none;}
.gadgets .isRel.selected{display:block;}
.btnInc{cursor:pointer;background-color:#ddd;border-left:1px solid #fff;display:inline;color:#343434;font-size:20px;height:32px;width:32px;display:block;float:left;text-align:center;}
.btnInc.inc{padding-top:10px;}
.btnInc:hover{background-color:#343434;color:#fff;}
.btnInc.dec{border-top-right-radius:4px;border-bottom-right-radius:4px;padding-top:3px;}
label.incorporated{background-color:#ddd;line-height:32px;padding-right:5px;}
.incorporated.central{padding:0 !important;}
.inputFirst{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;padding:4px 0px 4px 5px !important;}
.inputLast{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;padding:4px 5px 4px 0px !important;}
.fila{display:block;float:left;clear:both;margin-bottom:5px;}
.bootstrap-select{width:auto !important;}
.bootstrap-select button{padding-right:20px !important;}
.panel-body{padding-bottom:0;}
.column{float:left;width:auto;}

.conHover{position:relative;cursor:pointer;padding-bottom:22px;overflow:visible;}
.conCirculo{min-height:130px;}
.hover{margin:0 auto;width:100%;height:115%;display:none;position:absolute;top:0;left:0;z-index:100;background:url(../images/bgAlpha.png) left top repeat;}
.hover i{position:absolute;top:50%;right:50%;font-size:30px;line-height:30px;margin:-15px -24px 0 0;color:#343434;}
.conHover:hover .hover{display:block;}
.conHover.selected .hover{display:block !important;}
.configConsigns:after{content:''; display:block; clear: both;}
.contentHover{display:none;position:absolute;top:0;margin-top:-20px;left:0;width:auto;width:115%;min-height:115%;z-index:101;/*background-color:#fff;*/background:none !important;padding:30px 0px 5px 0px;text-align:center;margin-left: -18px;}
.contentHover .toClose{position:absolute;top:5px;right:5px;font-size:20px;z-index:1001;}
.contentHover .withButtons{display:table;margin:0 auto;}
.contentHover .withButtons:after{clear:both;}
/*.inRx{margin-left:25%;}
.inCl{margin-left:50%;}
.inCn{margin-left:75%;}*/

.btnSave{font-family: 'PT Sans', sans-serif;padding:6px 8px;margin:0 auto 5px auto !important;float:none;text-align:center;display:none;background-color:#e3eccc;}
.btnSave i{color:#749f00;}
.btnSave.noClick{cursor:progress;background-color:#fdd4d4;}
.btnSave.noClick i{display:none;}
.btnSave.responseOk{background-color:#e3eccc !important;}

.remember{position:absolute;z-index:9999;display:none;}
.remember p{background:url(../images/bgAlphaBlack.png) left top repeat;color:#ff0000;padding:5px 10px;text-align:center;}

.boxList form{padding-top:0;margin-top:0;/*margin-top:-35px;*/position:relative;}
.boxSpinner{width:100%;height:100%;position:absolute;top:0;left:0;z-index:9000;background:url(../images/bgAlpha.png) left top repeat;}

/*FULLSCREEN*/
.container-fluid .boxList{min-width:950px;}
.container-fluid h1{font-size:50px;line-height:54px !important;}
.container-fluid .titConsign{font-size:3.7em !important;}
.container-fluid .procent{font-size:3em !important;top:45% !important;}
.container-fluid .circulo .consign,.container-fluid .status{font-size:18px;line-height:18px;}
.container-fluid .circulo .col.detail{padding-top:36px !important;}
.temperatura{float:right;height:100px;display:block;}
.temperatura span,.container-fluid .name span{line-height:25px;font-size:21px;color:#999;}
.temperatura .grados{font-size:90px;font-weight:300;font-family: 'Roboto', Helvetica, Arial, sans-serif;color:#7a7a7a;padding-top:20px;}

i.red{color:#f52626;}
i.orange{color:#ff8800;}
i.green{color:#749f00;}
i.grey{color:#efefef;}

.circular-bar.red canvas{background-color:#fdd4d4;border-radius:50%;}
.circular-bar.orange canvas{background-color:#ffe7cc;border-radius:50%;}
.circular-bar.green canvas{background-color:#e3eccc;border-radius:50%;}
.circular-bar.grey canvas{background-color:#efefef;border-radius:50%;}

/*STATS*/
.blockGraphic{border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:20px;}


/*LOGIN*/
.login{width:auto !important;}
.login .fila{width:100%;display:block;}
.login .inputText{width:70%;padding:0 3%;background-color:#f6f6f6;color:#444;font-family: 'PT Sans', sans-serif;border:1px solid #f6f6f6;padding:0 10px;float:left;height:30px;line-height:30px;border-radius:4px;}
.login .inputText.second{border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.login .inputSubmit{width:30%;background-color:#8bc7ec;border-top-right-radius:4px;border-bottom-right-radius:4px;font-family: 'PT Sans', sans-serif;font-weight:600;color:#fff;border:1px solid #8bc7ec;float:left;height:30px;line-height:30px;}
.login .inputSubmit:hover{background-color:#444;border:1px solid #444;}
.login a:hover{color:#999;}
.login #respuesta{color:#ff0000;text-align:center;margin-bottom:0 !important;}

/*PROFILE*/
.conDelete{float:right !important;}
.delete{background-color:#fdd4d4;}
.save{background-color:#e3eccc;}


/*
 *
 * Daterange Picker
 *
 */
.daterangepicker {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 13px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  margin-top: -1px;
}
.daterangepicker .ranges .input-mini {
  background-color: transparent;
  border: 1px solid #e3e6f3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #59595a;
}
.daterangepicker .calendar-date {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #e3e6f3;
}
.daterangepicker td.available + td.start-date {
  border-radius: 2px 0 0 2px;
}
.daterangepicker td.in-range + td.end-date {
  border-radius: 0 2px 2px 0;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background: #eaecf6;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #2e353d;
  border-color: #2e353d;
  color: #fff;
}
.daterangepicker td,
.daterangepicker th {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.daterangepicker .calendar th,
.daterangepicker .calendar td {
  font-family: inherit;
}
.daterangepicker td.start-date.end-date {
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  border-radius: 2px !important;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td{border-bottom-width:1px !important;}
.table-bordered .btn{font-size:14px !important;line-height: 1.42857; margin-bottom: 0;    padding: 6px 12px;}
.conIco:before{display: inline-block;  font-family: FontAwesome !important;  font-style: normal;  font-weight: normal;  line-height: 1;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.icoReset:before{content: "\f0e2";margin-right:3px;}
.icoSearch:before{content: "\f002";margin-right:3px;}
.form-group{margin-bottom:0;}

.switchery {
  background-color: #f5f6fb !important;
  border: 1px solid #e3e6f3;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  position: relative;
  vertical-align: middle;
  width: 50px;
}
.switchery > small {
  background: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  height: 28px;
  position: absolute;
  top: 0;
  width: 28px;
}
/*

form #attached_type-element label .switchery {
  margin-right: 10px;
}
*/

.lang{position: absolute;top:5px;right:25px;z-index:9999;}
.lang li{list-style:none;display:inline;border-right:1px solid #ccc;padding:0 5px;}
.lang li.last{border:0;}
.lang li a{color:#bababa;font-size:12px;}
.lang li a:hover{color:#555;}
.lang li.selected a{color:#555;}

/*.alert-success{margin-top:-18px;}*/

.badge{font-size:10px !important;background-color:#d9534f !important;}
.modal-dialog{margin-top:10% !important;}
.form-group label .radio{float:left; margin: 0 5px 0 10px; line-height:30px;}
.errors{padding-left:0;color:#d9534f;}
.errors li{list-style:none;}
.textarea textarea{height:100px;}

#alarmForm #typeSelectName_chosen{text-transform: capitalize;}

.boxList .offMode,.msjOff .offMode{display:none;}
.off .offMode{background:url(/sfiles/images/bgAlpha.png) left top repeat;width:95%;height:100%;display:block;position:absolute;top:0;left:15px;z-index:10000;}
.off .offMode .texto{position:absolute;top:50%;left:0;width:100%;margin-top:-50px;text-align: center;}
.off .offMode .texto div{background-color:#666;text-align:center;color:#fff !important;padding:10px;border-radius: 5px;margin:0 auto;width:auto;width:30%;}
.msjOff.off .offMode{background:url(/sfiles/images/bgAlphaGrey.png) left top repeat;width:100%;left:0;}
.off .offMode .fa-exclamation-circle{color:#fff !important;font-size:60px !important;}

.btnCancel{display:none;background-color:#fdd4d4;font-family: 'PT Sans', sans-serif;font-weight:bold;}
.btnAjax{display:none;background-color:#e3eccc;font-family: 'PT Sans', sans-serif;font-weight:bold;}
.btnAjax.btn-warning{background:#eea236 !important;}
.btnAjax.btn-danger{background:#d43f3a !important;}
.btnAjax.btn-success{background:#4cae4c !important;}
.boxSpinner{width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:1000;background:none;cursor:auto;}
.dial{color:#333 !important;font-size:1.5em !important;top:42% !important;margin-top:0 !important;font-family: 'PT Sans', sans-serif;font-weight:bold;}
.daterangepicker.opensright .ranges,.daterangepicker.opensright .calendar.left{float:left !important;}
.chosen-choices li input{min-height:30px !important;}
.dataIntervals input{background-color:#dddddd;padding:6px 3px;}
.dataIntervals{float:left;width:85px;}
.dataIntervals .input-group-addon{background-color:#fff;}
.dataIntervals .dropdown-menu{display:block !important;}
.dataIntervals .bootstrap-datetimepicker-widget table,.dataIntervals .bootstrap-datetimepicker-widget table tr{border-spacing: 0;    border-collapse: collapse;padding:0 !important;}
.dataIntervals .bootstrap-datetimepicker-widget table td a,.dataIntervals .bootstrap-datetimepicker-widget table td button{padding:0 !important;}
.dataIntervals .bootstrap-datetimepicker-widget table td.separator{width:1px !important;}
.dataIntervals .bootstrap-datetimepicker-widget table td span{line-height:30px !important;margin:0;padding:0;height:30px !important;width:30px !important;}
.dataIntervals .bootstrap-datetimepicker-widget table td{line-height:30px !important;height:30px !important;width:30px !important;padding:0 !important;}
.dataIntervals .bootstrap-datetimepicker-widget{padding:0px;}
#local_timeBlock{width:85px;}
#local_timeBlock input{background-color:#fff;}
.alert{clear:both;}

.bfh-number-btn{cursor:pointer;}
.withButtons.relative{float:left;}
.withButtons.relative .incorporated{position:absolute;top:0px;right:71px;z-index:10;line-height:32px;height:34px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;min-width:25px;}
.withButtons.relative .input-group{max-width:160px;}
.withButtons.relative input{background-color:#ddd;max-width:67px;min-width:50px;}
.withButtons.relative .input-group-addon{padding:6px 10px !important;}

.smaller .input-group{max-width:140px !important;}
.smaller2 .input-group{max-width:145px !important;}
.special{min-width:70px;}
.special2{min-width:50px;}
.special3{min-width:90px;}
.contentCirculos{opacity: 0;
    filter: alpha(opacity=0);}

.form-control.error{border:1px solid #ff0000 !important;}

.footable-row-detail-row{margin:0px 0 10px 0;}
.footable-row-detail-row:nth-child(1) .footable-row-detail-name{display:none !important;}
.footable-visible.footable-last-column.footable-first-column:before{
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    color:#666;
    content:'\f055';
    margin-right:5px;
};
.footable-detail-show .footable-visible.footable-last-column.footable-first-column:before{
    content:'\f056' !important;
};
.inCl{width:110px;}
.cltype{width:50px !important;}

.alarmsAbs{font-size:10px;color: #343434; display: initial;position:absolute;bottom:-15px;right:0;line-height:13px;}
.btnAlarm{/*position:absolute;top:0;left:0;*/padding:3px 10px;color:#ff0000;}
.textoAlarm{/*position:absolute;top:0;left:0;*/padding:3px 10px;background-color:#ccc;border-color: #ccc;cursor:auto;}
.textoAlarm:hover{background-color:#ccc;border-color: #ccc;}
.blockAlarms{position:absolute;top:0;left:0;}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 2.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 2.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 2.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% { background-color:#fff; }
    50% { background-color:#fab3b3;color:#333; }
    100% { background-color:#fff; }
}

@-webkit-keyframes blinker {
    0% { background-color:#fff; }
    50% { background-color:#fab3b3;color:#333; }
    100% { background-color:#fff; }
}

@keyframes blinker {
    0% { background-color:#fff; }
    50% { background-color:#fab3b3;color:#333; }
    100% { background-color:#fff; }
}

.langSelect{
    position: absolute;
    top: -15px;
    right: 25px;
    z-index: 9999;
  }

.popover.bottom > .arrow{left:10px !important;margin-left:0 !important;}
.col-lg-6:nth-child(2n+1){clear:both;}


.cleanFilter.off{display:none !important;}

/*#page-wrapper.roboto .btn2,#page-wrapper.roboto .btn{font-family: 'Roboto', Helvetica, Arial, sans-serif !important;}
#page-wrapper.din .btn2,#page-wrapper.din .btn,#page-wrapper.din label,#page-wrapper.din input,#page-wrapper.din a,#page-wrapper.din p,#page-wrapper.din .slogan{font-family: 'DINRegular' !important;}*/
body #page-wrapper.din *.glyphicon,body #page-wrapper.din span.glyphicon,body #page-wrapper.din *.glyphicon *,body #page-wrapper.din .glyphicon.glyphicon-chevron-up,body #page-wrapper.din .glyphicon.glyphicon-chevron-down{font-family:'Glyphicons Halflings' !important;}
#page-wrapper.din *{font-family: 'DINRegular' !important;}
body #page-wrapper.din .tiempo,body #page-wrapper.din h1, body #page-wrapper.din h2, body #page-wrapper.din h3, body #page-wrapper.din h4,body #page-wrapper.din #main-menu ul li a,body #page-wrapper.din .gadgets h4,body #page-wrapper.din .temperatura .grados{font-family: 'DINBlackRegular' !important;}
body #page-wrapper.roboto .fa,body #page-wrapper.din .fa{font-family: FontAwesome !important;}

body #page-wrapper.din .conIco:before{font-family: FontAwesome !important;}
body #page-wrapper.din .footable-visible.footable-last-column.footable-first-column:before{
    font-family: FontAwesome !important;
};


div#error{margin:20px 0 10px 0;}