/*HELPERS*/
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-bold { font-weight: bold; }
.text-small { font-size: xx-small; }
.text-uppercase { text-transform: uppercase; }
.text-lowercase { text-transform: lowercase; }

.recuo { text-indent: 40px; }
.justificado { text-align: justify; }

.pull-left { float: left; }
.pull-right { float: right; }

.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

.width100 { width: 100%; }
.width75 { width: 75%; }
.width50 { width: 50%; }
.width30 { width: 30%; }
.width25 { width: 25%; }

.width50px { width: 50px; }
.width100px { width: 100px; }
.width150px { width: 150px; }
.width200px { width: 200px; }
.width250px { width: 250px; }
.width300px { width: 300px; }

.padding0 { padding: 0px; }
.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding15 { padding: 15px; }
.padding20 { padding: 20px; }

.padding-left-5 { padding-left: 5px; }
.padding-left-10 { padding-left: 10px; }
.padding-left-15 { padding-left: 15px; }
.padding-left-20 { padding-left: 20px; }

.padding-right-5 { padding-right: 5px; }
.padding-right-10 { padding-right: 10px; }
.padding-right-15 { padding-right: 15px; }
.padding-right-20 { padding-right: 20px; }

.padding-top-5 { padding-top: 5px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-15 { padding-top: 15px; }
.padding-top-20 { padding-top: 20px; }

.padding-bottom-5 { padding-bottom: 5px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-15 { padding-bottom: 15px; }
.padding-bottom-20 { padding-bottom: 20px; }

.margin0 { margin: 0px; }
.margin5 { margin: 5px; }
.margin10 { margin: 10px; }
.margin15 { margin: 15px; }
.margin20 { margin: 20px; }
.margin30 { margin: 30px; }
.margin40 { margin: 40px; }
.margin50 { margin: 50px; }

.margin-left-5 { margin-left: 5px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-15 { margin-left: 15px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-30 { margin-left: 30px; }
.margin-left-40 { margin-left: 40px; }
.margin-left-50 { margin-left: 50px; }

.margin-right-5 { margin-right: 5px; }
.margin-right-15 { margin-right: 10px; }
.margin-right-10 { margin-right: 15px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-30 { margin-right: 30px; }
.margin-right-40 { margin-right: 40px; }
.margin-right-50 { margin-right: 50px; }

.margin-top-5 { margin-top: 5px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-50 { margin-top: 50px; }

.margin-bottom-5 { margin-bottom: 5px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-50 { margin-bottom: 50px; }

.inline-block { display: inline-block; }

/*BOT�ES*/
.btn { display: inline-block; padding: 10px 20px; background: #333; text-decoration: none; border: 1px solid #222; border-radius: 3px; cursor: pointer; font-size: 14px; font-weight: 400; color: #fff; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); }
.btn-small { padding: 5px 10px !important; }

.btn-default { background-color: #FFF; border-color: #CCC; color: #000; }
.btn-default:hover { background-color: #e6e6e6; border-color: #adadad; }
.btn-primary { background-color: #337ab7; border-color: #2e6da4; margin-left: 3px; }
.btn-primary:hover { background-color: #286090; border-color: #204d74; }
.btn-success { background-color: #5cb85c; border-color: #4cae4c; margin-left: 3px; }
.btn-success:hover { background-color: #449d44; border-color: #398439; }
.btn-info { background-color: #5bc0de; border-color: #46b8da; }
.btn-info:hover { background-color: #31b0d5; border-color: #269abc; }
.btn-warning { background-color: #f0ad4e; border-color: #eea236; }
.btn-warning:hover { background-color: #ec971f; border-color: #d58512; }
.btn-danger { background-color: #d9534f; border-color: #d43f3a; }
.btn-danger:hover { background-color: #c9302c; border-color: #ac2925; }
.btn-link { background-color: transparent; border: none; color: #337ab7; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn-link:hover { text-decoration: underline; color: #23527c; }
.btn-disabled { background-color: #E8E8E8; border-color: #9C9C9C; color: #828282; cursor: no-drop; }

/* BTN PADR�ES */
.btn-blue01{ background: #0078a2; color: #FFF; border-color: #CCC; }
.btn-blue01:hover { background: #0162a3; }

.btn-block { display: block; width: 100%; }
.btn-block + .btn-block { margin-top: 5px; }
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; }

/* CORES FONTES PADR�ES*/
.font-blue01 { color: #0078a2; }
.font-blue02 { color: #007071; }
.font-blue03 { color: #005861; }
.font-blue04 { color: #006b85; }
.font-blue05 { color: #005e6e; }
.font-blue06 { color: #003e3e; }
.font-white  { color: #FFF;    }
.font-black  { color: #000;    }
.font-gray   { color: #BEBEBE; }

.font-hover-blue01:hover { color: #119d93; }
.font-hover-blue02:hover { color: #007071; }
.font-hover-blue03:hover { color: #005861; }
.font-hover-blue04:hover { color: #006b85; }
.font-hover-blue05:hover { color: #005e6e; }
.font-hover-blue06:hover { color: #003e3e; }
.font-hover-white:hover  { color: #FFF;    }
.font-hover-black:hover  { color: #000;    }
.font-hover-gray:hover   { color: #BEBEBE; }

/* CORES PADR�ES*/
.blue01 { background: #4c6caa; }
.blue02 { background: #007071; }
.blue03 { background: #005861; }
.blue04 { background: #006b85; }
.blue05 { background: #005e6e; }
.blue06 { background: #003e3e; }
.white  { background: #FFF;    }
.background-none { background: none; }

/* TAMANHO DAS FONTES */
.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.font15 { font-size: 15px; }
.font16 { font-size: 16px; }
.font17 { font-size: 17px; }
.font18 { font-size: 18px; }
.font19 { font-size: 19px; }
.font20 { font-size: 20px; }


.font-bold { font-weight: bold; }

.reset * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.textarea {
    resize:none;
}

.has-error{
    border: 1px solid #d81111 !important;
}

/* TABELAS */
.table-index{
    width: 100%;    
    border: 1px solid #CCC;
    border-collapse: collapse;    
    font-size: 12px;    
}

.table-index td{
    padding: 10px;
    border: 1px solid #CCC;
    text-align: center;
}

.table-index thead tr{
    background: #F7F7F9;
    color: #FFF;    
}

.table{
    width: 100%;    
    border: 1px solid #CCC;
    border-collapse: collapse;    
    font-size: 12px;    
}

.table td{
    padding: 10px;
    border: 1px solid #CCC;
    text-align: center;
}

.table thead tr{
    background: #006B85;
    color: #FFF;    
}

.table-striped tbody tr:nth-child(odd){ background: #F9F9F9; }

.table-line-border-bottom { border-bottom: 2px solid #006b85; }

well{
min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

/* BOX SHADOW */
.box { height: 150px; width: 300px; margin: 20px; border: 1px solid red }
.box-top { box-shadow: 0 -5px 5px -5px #333; }
.box-right { box-shadow: -5px 0 5px -5px #333; }
.box-bottom { box-shadow: 0 5px 5px -5px #333; }
.box-left { box-shadow: 5px 0 5px -5px #333; }
.box-all { box-shadow: 0 0 5px #333; }


.div-box {
  display: inline-flex; 
  align-items: center; 
  line-height: 40px; 
  padding: 0px 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.div-box-hover:hover { background-color: #F9F9F9; border-color: #adadad; }

/* BORDAS */
.border-none { border: none; }
.border-gray { border: 1px solid #CCC; }
.border-radius2 { border-radius: 2px; }


/* LINK */
.link-default { text-decoration: none; }

.title h2{
    color: #006B85;
    background: #F9F9F9;
    padding: 10px;
    border-left: 5px solid;
    border-radius: 3px;
    margin: 5px;
}

.title p{
    text-align: justify;
    padding: 0 30px;
}

.caption{
    margin-top: 30px;
}

.caption{
    background: #F9F9F9;
    padding: 5px;
    margin: 5px;
    border: 1px solid #CCC;
    border-radius: 3px;
    margin-top: 10px;
}

.caption h1{    
    border-bottom: 1px solid #CCC;
    font-size: 14px;
    padding-bottom: 5px;
    color: #006B85;
}

.caption p{
    text-align: justify;
    padding: 0 15px;
}

.campo-obrigatorio span::before{
    content: '*';
    margin: 0 5px;
    color: red;
}

.border-red{ border: 1px solid red; }

.msg-erro{font-size: 11.5px; color: red;}
.msg-info{font-size: 12px; color: blue;}

.height70{ height: 70px; }
.height120{ height: 120px; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert-small {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}

.pointer:hover{ cursor: pointer; }