/**
****************************************************
* Nova Tema desenvolvido para o Gespar.
* @dev Thadeu Esteves Jr - Frontend Developer
* @date 25/11/2015
* @company ConsisTI - Palmas/TO
*
****************************************************
* New Theme with Semantic-UI Framework
****************************************************
*/

html{
  overflow-x: hidden;
}

body{
  font-family: 'Open Sans', sans-serif;
  background: rgba(95, 132, 146, 0.12);
  position: relative;

  display: table;
  width: 100%;
  height: 100% !important;
}

.wrapper{
  display: table-row;
  height: 100%;
  padding-bottom: 200px;
}

footer.footer{
  color: RGB(0,88,127);
  opacity: 0.8;
  margin-top: 20px;
}


/**
* Corrige problema no select do datepicker para o Firefox, ao abrir o select os options ficavam em branco
* @type {String}
*/
.no-margin-tb{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.ui.grid > .ui.row.stackable > .column.no-padding,
.no-padding{
  padding: 0 !important;
}

.paddeing{
  margin: 0 !important;
  padding: 0 2rem 0 2rem !important;
}

.left.computer.floated,
.left.mobile.floated,
.left.tablet.floated{
  float: left;
  margin: 0rem 0rem 0rem 0.5rem;
}

[data-handler="selectMonth"],
[data-handler="selectYear"]{
  color: black !important;
  font-size: 12px;
}

.typeahead.dropdown-menu{
  list-style: none;
  padding: 0;
}

.ui.menu.main{
  margin-bottom: 20px !important;
  background-color: #00587F;
}

.ui.menu.main .computer.only,
.ui.menu.main .computer.only .menu {
  min-height: 3.5em;
}

.ui.menu .computer.only,
.ui.menu .computer.only .menu,
.ui.menu .tablet.only{
  padding: 0;
}

.hidden{
  display: none !important;
}

.padding-top-10{
  padding-top: 10px;
}
.action-sms-em-massa{
  cursor: pointer;
}

.text-center{
  text-align: center !important;
}

/* Basic */

.ui.basic.button.no-border,
.ui.basic.button.no-border:hover,
.ui.basic.button.no-border:focus,
.ui.basic.button.no-border:active {
  box-shadow: 0px 0px 0px 0px #fff inset !important;
  color: #1B1C1D !important;
  padding-left: 0px;

}
/**
****************************************************
* End New Styles Theme
****************************************************
*/
.form-control-feedback{
  pointer-events: auto;
}
.form-control-feedback:hover{
  cursor: pointer;
}
table tr[onclick] , table tr td[onclick]{
  cursor: pointer;
}
table.resultset tr[ativo="0"]{
  display: none;
}
table.resultset tr[ativo="0"] td{
  background-color: #EEE;
  color: #888;
}
.autocomplete{
  background-color:#FFFFCC;
}
hr{
  height: 1px;
  color: #999999;
}
.dashboard > a{
  display: inline-block;
  line-height: 76px;
  text-align: center;
}
.titulo-site{
  font-size:25px;
  text-align:center;
  font-weight:bold;
  color:#333;
  padding-top:5px;
  margin:0px;
}
.subtitulo-site{
  font-size:12px;
  font-weight:bold;
  text-align:center;
  color:#444;
  padding:0px;
  margin:0px;
}
.bigmodal, .modal.popup{ max-width: none; }
.bigmodal .modal-body, .modal.popup .modal-body{ max-height: none; }
.bigmodal{
  width: 50%;
}
.nav-tabs{ margin-bottom: 15px; }
/* ESTILO DO MODULO SMS */
#sms-saldo{
  display: none;
}
#textarea-msg{
  width: 450px;
}
#show-numbers-container{
  display: none;
}
#table-numeros-invalidos{
  display: none;
}
#show-numbers{
  background-color: #006C9F;
  border: solid 1px #999;
  border-bottom: none;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  cursor: pointer;
  width: 60px;
  text-align: center;
  height: 20px;
  color: #FFF;
}
.sms-length-exceded{
  font-size: 14px;
  font-weight: bold;
  color: red !important;
}
.no-horizontal-scroll{
  overflow-x:hidden;
}
.no-vertical-scroll{
  overflow-y:hidden;
}
.ball-loading{
  background-color: rgba(0,0,0,0);
  border: 5px solid rgba(0,183,229,0.9);
  opacity: .9;
  border-top: 5px solid rgba(0,0,0,0);
  border-left: 5px solid rgba(0,0,0,0);
  border-radius: 50px;
  box-shadow: 0 0 35px #2187e7;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  -moz-animation: spin .5s infinite linear;
  -webkit-animation: spin .5s infinite linear;
}

.ui.segments{
  background: #fff;

}
.ui.vertical.menu .menu .item{
  font-size: 1em;
}

.ui.vertical.menu .menu .item:hover{
  background-color: rgba(0,0,0,0.03);
}

footer .header.item.ui{
  color: rgba(0,88,127,1) !important;
}

footer > div{
  background-color: rgba(0,88,127,0.2);
}

footer > div+div{
  background-color: rgba(0,88,127,1);

}

footer > div+div,
footer > div+div a{
  color: white;
}

footer > div+div p{
  padding-top: 1em;
  padding-bottom: 1em;
}


@-moz-keyframes spin{
  0%{-moz-transform: rotate(0deg);}
  100% {-moz-transform: rotate(360deg);};
}
@-moz-keyframes spinoff{
  0% {-moz-transform: rotate(0deg);}
  100% {-moz-transform: rotate(-360deg);};
}
@-webkit-keyframes spin{
  0% {-webkit-transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes spinoff{
  0% {-webkit-transform: rotate(0deg);}
  100% {-webkit-transform: rotate(-360deg);}
}
