body {
  font-family: 'Open Sans', sans-serif;
  background-color: #f5f6f9;
}

a:link {color: #dd4a38;}
a:visited {color: #dd4a38;}
a:hover {color: #F80000; text-decoration: none;}
a:active {color: #F80000; text-decoration: none;}

.btn-primary {
	background-color: #0077d6;
}

a.btn-primary, a.btn-success, a.btn-warning, a.btn-danger {
  color: #fff;
}

.edicao-inline a { color: #0077d6 }
.edicao-inline a:visited, .edicao-inline a:hover, .edicao-inline a:active { color: #0077d6 }

#content {
  margin-bottom: 30px;
}

.sidebar-menu {
  width: 100%;
  margin-bottom: 15px;
}

/* MENU */

/* navbar */
.navbar-default {
  background-color: #FFF;
  margin-bottom: 20px;
  border-bottom: #d8dee8 1px solid;

}
/* title */

.navbar-default .navbar-brand {
  background-color: #dd4a38;
  border-right: #dC4937 1px solid;
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:active {
  background-color: #dd4a38;
  color: #dd4a38;
}


.navbar-brand img{
  /*width: 85px;*/
  margin-top: -7px;
}

.navbar-default .navbar-brand {
    color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #dd4a38;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #dd4a38;
    background-color: #F8F8F8;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #dd4a38;
    background-color: #F8F8F8;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #dd4a38;
    background-color: #F8F8F8;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #dd4a38;
    border-bottom-color: #dd4a38;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #dd4a38;
    border-bottom-color: #dd4a38;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #FFF;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #dd4a38;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #dd4a38;
    }
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
  color: #dd4a38;
  background-color: #F8F8F8;
}

.dropdown-menu>li>a {
  color: #777;
  background-color: #FFF;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  color: #dd4a38;
  background-color: #F8F8F8;
}

.breadcrumb {
    background-color: #FFF;
}

/* HEADER DO CLIENTE */
#headercliente {
  background-color: transparent;
  margin:10px 0;
}

#headerlogo {
  height:70px;
  width:auto;
  background-color: #FFF;
  border: 1px solid #d8dee8;
  float: left;
  position: relative;  
}

#headernome {
  padding: 16px 15px 16px 80px;
  font-size:15px;
  color:#555;
  background-color: #fff;
  margin: 8px 0 0 0;
  border: solid 1px #d8dee8;
  border-radius: 4px;
  width: 100%;
  -webkit-box-shadow: inset 79px 0 9px -7px rgba(0,0,0,0.13);
  -moz-box-shadow: inset 79px 0 9px -7px rgba(0,0,0,0.13);
  box-shadow: inset 79px 0 9px -7px rgba(0,0,0,0.13); 
}

.breadcrumb {
  border: solid 1px #d8dee8;
}

/* LOGIN */
#logologin {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}
.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* MODEL ADMIN */

legend {
  color: #333;
  margin: 15px 0;
  border-color: #CCC;
  font-size: 20px;
  
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  border-color: #d8dee8;
}

.tableadmin, .tableadmin-inline {
  font-size: 13px;
  background-color: #fff;
  border-color: #d8dee8;
}

.tableadmin thead tr {
  background-color: #E8EFFA;
  color: #000;
}

.tableadmin thead tr th, .tableadmin-inline thead tr th {
  text-align: center;
}

.tableadmin > tbody > tr > td {
  padding: 0 4px;
}

.tableadmin > thead > tr > th, .tableadmin-inline > tbody > tr > td {
  font-weight: normal;
}

.tableadmin tbody tr th, .tableadmin tbody tr td, .tableadmin thead tr th, .tableadmin thead tr td, .tableadmin-inline tbody tr th, .tableadmin-inline tbody tr td, .tableadmin-inline thead tr th, .tableadmin-inline thead tr td {
  vertical-align: middle;
  border-color: #d8dee8;
  text-align: center;
}

.tableadmin-inline {
  margin-top: 20px;
}

.tableadmin-inline thead {
  background-color: #E8EFFA;
}

.inlinemodel {
  margin-bottom: 50px;
}

.inlinemodel legend{
  margin-bottom: 0;
  padding-bottom: 5px;
}

.inlinemodel legend a{
  margin-left: 15px;
}

.inlinemodel table{
  min-height: 100px;
}

.actionsfield {
  margin-left: 0;
  margin-top: 10px;
}

.actionsfield li {
  padding-right: 1px;
  padding-left: 1px;
  font-size: 15px;
  list-style: none;
}

.greenicon {
  color: #0B0;
  font-size: 15px;
 }

.redicon {
  color: #B00;
  font-size: 15px;
}

.downloadicon {
  color: #10ab10;
  font-size: 18px;
}

.selectdiv {
  float: left;
  width: 100px;
  margin-right: 20px;
}

.datedivider{
  float: left;
  width: 25px;
  font-size: 22px;
  font-weight: bold;
}

.filterbar{
  border-top: 1px solid #ccc;
  padding: 10px 0; 
}

.filterbar .form-group label {
  font-size: 13px;
}

.filterbar .form-group select {
  font-size: 13px;
  padding: 5px;
  height: 100%;
}

.submitbtn {
  padding: 15px;
  border-top: 1px solid #ccc;
}

.compfield {
  padding-left: 15px;
}

.compfield div{
  padding: 0;
}

.compdivider{
  float: left;
  padding: 0 3px;
  font-size: 22px;
}

.invalidfield{
  color: #A94442;  
}

.pagination-centered {
  float: left;
}

.paginatorcount{
  float:left; 
  margin:27px 0 0 15px;
}

/* WIZARD */

.wizardsubtitle {
  font-size: 18px;
  color: #aaa;
  margin-bottom: 18px;
}

.inlinelegend{
  margin: 25px 0 15px 0;
  font-size: 17px;
  color: #888;
  border-color: #ddd;
}

.input-group[class*="col-"] {
    padding-right: 15px;
    padding-left: 15px;
}

.validerror {
  color: #a94442;
}

.form-error-identation {
	margin-left: 14px;
}

.help-block .control-labelradio-inline {
  color: #a94442;
}

.loading {
    background-image: url('../img/ajax-loader.gif');
    background-position:  center center;
    background-repeat: no-repeat;
    opacity: 1;
    pointer-events: none;
    min-height: 35px;
}
.loading * {
    opacity: .8;
}

.loading-status {
  padding-top: 55px;
}

.loading-disable {
  opacity:0.5;
  pointer-events: none;
  cursor:default;
}

.jcrop-keymgr {
  opacity: 0;
}

#avatarprogress {
  margin-top: 10px;
}

.avatarmodalbtn {
  text-align: center;
}

.avatarbuttons {
  text-align: center;
}

.avatarbuttons a {
  margin-top: 10px;
  display: block;
}

.logradouroinput {
  margin:0 -140px 0 20px;
}

/* PAGINATION */

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  background-color: #dd4a38;
  border-color: #dd4a38;
}

.pagination>li>a, .pagination>li>span {
  color: #dd4a38;
}
.pagination {
  cursor: pointer;
}

/* BOOTSTRAP TABS */

.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    background-color: #fff;
    float: left;
    width: 100%;
}

.nav-tabs {
    margin-bottom: 0;
}

/* Tabela selecionável na mão */

.selectable tbody {
  cursor: pointer;
}
.row-selected {
  background-color: #BBE1FF;
}

.tablemenu{
  margin-bottom: 15px;
}

.table-footer{
  margin: 20px 0;
  color: #555;
  font-size: 12px;
}

/**
* MATRICULA (DETAIL/EDIT)
*/

.periodo-table a { margin-left: 10px; }

#adicionar-periodo-wrapper { margin-top: -10px; }

.remover-periodo-button {
	float: right;
	margin-right: -28px;
	cursor: pointer;
}

/**
 * CUSTOMIZAÇÕES DE PLUGINS/PACOTES DE TERCEIROS
 */

/*
 * select-multiple.js
 */
#list-box .ms-container { width: auto; }

/*
 * Clusterize
 */

/* max-height - the only parameter in this file that needs to be edited.
 * Change it to suit your needs. The rest is recommended to leave as is.
 */
.clusterize-scroll {
	max-height: 250px;
	overflow: auto;
}
/* By default extra tag .clusterize-keep-parity added to keep parity of rows.
 * Useful when used :nth-child(even/odd)
 */
.clusterize-extra-row.clusterize-keep-parity { display: none; }
/* During initialization clusterize adds tabindex to force the browser to keep focus
 * on the scrolling list, see issue #11
 * Outline removes default browser's borders for focused elements.
 */
.clusterize-content { outline: 0; }
/* centering message that appears when no data provided */
.clusterize-no-data td { text-align: center; }

/*
 * Switch Sim/Não
 */
.switch { display: block; }

.switch {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 62px;
	height: 20px;
	padding: 3px;
	background-color: white;
	border-radius: 18px;
	box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
	background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
	background-image: -o-linear-gradient(top, #eeeeee, white 25px);
	background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}

.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 11px;
	background: #D9534F;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
	-webkit-transition: 0.15s ease-out;
	-moz-transition: 0.15s ease-out;
	-o-transition: 0.15s ease-out;
	transition: 0.15s ease-out;
	-webkit-transition-property: opacity background;
	-moz-transition-property: opacity background;
	-o-transition-property: opacity background;
	transition-property: opacity background;
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}
.switch-label:before {
	content: attr(data-off);
	right: 11px;
	color: #FFF;
}
.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: white;
	opacity: 0;
}
.switch-input:checked ~ .switch-label {
	background: #5CB85C;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before { opacity: 0; }
.switch-input:checked ~ .switch-label:after { opacity: 1; }

.switch-handle {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 18px;
	height: 18px;
	background: white;
	border-radius: 10px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
	background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
	background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
	background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
	-webkit-transition: left 0.15s ease-out;
	-moz-transition: left 0.15s ease-out;
	-o-transition: left 0.15s ease-out;
	transition: left 0.15s ease-out;
}
.switch-handle:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background: #f9f9f9;
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
	background-image: -webkit-linear-gradient(top, #eeeeee, white);
	background-image: -moz-linear-gradient(top, #eeeeee, white);
	background-image: -o-linear-gradient(top, #eeeeee, white);
	background-image: linear-gradient(to bottom, #eeeeee, white);
}
.switch-input:checked ~ .switch-handle {
	left: 40px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-green > .switch-input:checked ~ .switch-label { background: #4fb845; }

.switch-disabled {
	opacity:0.5;
	cursor:not-allowed;
}
