@import url('../../static/css/fonts.css');

a{text-decoration:none}
html{line-height:1.5;font-family:"lato", sans-serif !important;font-weight:200;color:#333}

@media only screen and (min-width: 0) {
  html{font-size:13px}
}

@media only screen and (min-width: 992px) {
  html{font-size:13.5px}
}

@media only screen and (min-width: 1200px) {
  html{font-size:14px}
}

h1,
h2,
h3,
h4,
h5,
h6{font-family:"lato",sans-serif;font-weight:200;line-height:1.1}
p{font-family:"lato",sans-serif}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{font-weight:inherit}

h1{font-size:4.2rem;line-height:110%;margin:2.1rem 0 1.68rem 0}
h2{font-size:3.56rem;line-height:110%;margin:1.78rem 0 1.424rem 0}
h3{font-size:2.92rem;line-height: 110%;margin:1.46rem 0 1.168rem 0}
h4{font-size: 2.28rem;line-height: 110%;margin: 1.14rem 0 0.912rem 0;}
h5{font-size: 1.64rem;line-height: 110%;margin: 0.82rem 0 0.656rem 0}
h6{font-size: 1rem;line-height: 110%;margin: 0.5rem 0 0.4rem 0}

em{font-style:italic}
strong{font-weight:300}
small{font-size:75%}
.light{font-weight:200}
.thin{font-weight: 100}

.tabs .indicator{background-color:#0288d1}

/*----------------------------------------
  General Layout Style
------------------------------------------*/
html, body {
  height: 100%;
}

#main {
  min-height: calc(100% - 115px);
  padding-left: 240px;
  -webkit-transition: .3s ease all;
  -o-transition: .3s ease all;
  -moz-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

#main.main-full {
  padding-left: 64px;
}

footer {
  padding-left: 240px;
}

footer.page-footer {
  padding-top: 1px;
  position:relative;
  z-index:9;
}

select {
  background-color: transparent;
  width: 100%;
  padding: 5px;
  border: none;
  border-radius: 2px;
  height: 3rem;
  border-bottom: 1px solid #bdbdbd;
}

#sidenav-overlay {
  background-color: transparent;
}

#left-sidebar-nav {
  position: fixed;
  width: 100px;
  left: 10px;
  top: 8px;
  z-index: 999;
  height: auto;
}

#content .container .row {
  margin-bottom: 0;
}

@media only screen and (min-width: 601px) {
  .container{width:98%}
}

@media only screen and (min-width: 993px) {
  .container{width:98%}
}

@media only screen and (max-width: 993px) {
  #main{padding-left:0}
  footer{padding-left:0}
}
.ps-scrollbar-x-rail{z-index:9999}
.ps-scrollbar-y-rail{z-index:9999}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:flex;
  flex-wrap: wrap;
}
.row-eq-height > .col {
  display: flex;
  flex-direction: column;
}

.material-tooltip{border-radius:6px}
.material-tooltip .backdrop{background-color:#455a64}

.avatar-status{position:relative;display:inline-block;line-height:50px;width:28px;white-space:nowrap;border-radius:1000px;vertical-align:bottom}
.avatar-status i{position:absolute;right:-2px;bottom:18px;width:9px!important;height:9px!important;border-radius:100%}
.avatar-status span.text-circle{text-align:center;vertical-align:middle;color:#fff;font-size:1.2rem;background:#fafafa;display:table-cell}
.avatar-status img{width:100%;max-width:100%;height:auto;background:#e6e6e6;border:0 none;border-radius:1000px}

.avatar-online i{background-color:#00e676}

#loader-wrapper{position:fixed;top:0;left:0;width:100%;z-index:1000}
#loader-wrapper .progress{margin:0}
.progress{display:none;background-color:#ff8000} /* 066ca3 */
.progress .indeterminate{background-color:#fcb064} /* 2b9adb */
.no-js #loader-wrapper{display: none}

.carregando {display: none;position: fixed;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;font-size: 16px;font-weight: bold;height: 32px;width: 32px}

h1.logo-wrapper{margin:0}
.brand-logo{display:block;margin:1px 0;padding:18px 0;line-height:0}
.brand-logo .logo-icon,
.brand-logo .logo-text{display:inline-block;float:left;height:28px}
.brand-logo .logo-icon{fill:#ffffff;width:32px;margin:0 5px 0 0}
.brand-logo .logo-text{fill:#ffffff;width:91px}
.brand-logo .logo-icon.small{width:25px;height:22px}


@media only screen and (max-width: 992px) {
    aside .nav-wrapper{text-align:center}
    aside .nav-wrapper a.page-title{font-size:36px}
    aside .brand-sidebar{box-shadow:none;left:calc(50% - 120px)}
    aside .brand-sidebar .navbar-toggler{display:none}
    
    aside .brand-sidebar .sidebar-collapse{top:-48px}
    ul.side-nav.leftside-navigation{top:56px!important}
}

.more-text{padding:5px 20px;font-weight:200;letter-spacing:1px;text-transform:uppercase}
.margin{margin:0!important}
.uppercase{text-transform:uppercase}

#header .header-search-wrapper{margin:10px auto 0 260px;width:calc(100% - 800px);height:40px;display:inline-block;position:relative;-webkit-transition:.3s ease all;-o-transition:.3s ease all;-moz-transition:.3s ease all;transition:.3s ease all;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
#header .header-search-wrapper.sideNav-lock{margin:10px auto 0 260px}
#header .header-search-wrapper i{position:absolute;font-size:24px;top:6px;left:24px;line-height:32px!important;-webkit-transition:color 200ms ease;transition:color 200ms ease}
#header input.header-search-input{display:block;padding:8px 8px 8px 72px;width:87%;background:transparent;height:24px;-webkit-transition:all 200ms ease;transition:all 200ms ease;border:none;font-size:16px;appearance:textfield;font-weight:200;outline:none;border-radius:6px}
#header input.header-search-input:hover{background:rgba(255,255,255,0.1)}
#header input.header-search-input:focus{color:#333;background:#fff;border-bottom:none!important;box-shadow:none!important}
#header .header-search-wrapper-focus i{color:#444}
#header .header-search-input::-webkit-input-placeholder{color:#fff;font-size:16px;font-weight:200}
#header .header-search-input::-moz-placeholder{color:#fff;font-size:16px;font-weight:200}
#header .header-search-input:-ms-input-placeholder{color:#fff;font-size:16px;font-weight:200}
#header .header-search-input:focus::-webkit-input-placeholder{color:#333;font-size:16px;font-weight:200}
#header .header-search-input:focus::-moz-placeholder{color:#333;font-size:16px;font-weight:200}
#header .header-search-input:focus::placeholder{color:#333;font-size:16px;font-weight:200}
#header .header-search-input:focus:-ms-input-placeholder{color:#333;font-size:16px;font-weight:200}
#header .header-search-input::placeholder{color:#fff;font-size:16px;font-weight:200}

.search-out{display:none}
.search-out input[type=text]:focus:not([readonly]){border-bottom:1px solid #fff!important;box-shadow:none}
.search-out-text{border-bottom:1px solid #fff!important}

.translation-button img{position:relative;top:12px}
#translation-dropdown .language-select{position:relative;top:-9px}
.notification-badge{font-family:"lato",sans-serif;position:relative;right:5px;top:-20px;color:#fff;background-color:#ff1744;margin:0 -.8em;border-radius:50%;padding:2px 5px;font-size:12px}

#notifications-dropdown h5{font-size:1rem;text-transform:capitalize;font-weight:200}
#notifications-dropdown li{padding:8px 16px;font-size:1rem}
#notifications-dropdown li > a{padding:0;font-size:1.1rem;font-weight:100}
#notifications-dropdown li > a:hover{background-color:transparent}
#notifications-dropdown li > a > span{display:inline-block;font-size:1.2rem;position:relative;top:4px;margin-right:5px}
#notifications-dropdown li > time{font-size:.8rem;font-weight:200;margin-left:38px}
#notifications-dropdown li.divider{padding:0}

nav.top-nav{height:122px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
nav.top-nav a.page-title{line-height:122px;font-size:48px}
nav ul li.no-hover:hover{background:none}

.side-nav{width:240px;-webkit-transition:.3s ease all;-o-transition:.3s ease all;-moz-transition:.3s ease all;transition:.3s ease all;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.side-nav.native-scroll{overflow-y:scroll!important}
.side-nav a{line-height:42px;height:42px}
.side-nav li > a{color:#cfd8dc;padding:0 16px!important}
.side-nav li > a:hover{background-color:transparent}
.side-nav.leftside-navigation .collapsible-body li.active{background-color:rgba(0,0,0,0.1)}
.side-nav.fixed.leftside-navigation .collapsible-body li.active{background-color:rgba(0,0,0,0.1)}
.side-nav .collapsible-body > ul:not(.collapsible) > li.active i,
.side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active i{color:#fff}

.nav-collapsed .brand-sidebar{width:64px}
.nav-collapsed .brand-sidebar .navbar-toggler,.nav-collapsed .brand-sidebar .brand-logo span{visibility:hidden;opacity:0;transition:visibility 0 2s,opacity .05s linear}
.nav-collapsed .side-nav{width:64px}
.nav-collapsed .side-nav .user-options,.nav-collapsed .side-nav .nav-text,.nav-collapsed .side-nav .collapsible-body span,.nav-collapsed .side-nav span.badge,.nav-collapsed .side-nav .collapsible-header:after{display:none}
.nav-collapsed .side-nav .nav-text{visibility:visible;opacity:1;transition:opacity .2s linear}
.nav-expanded .side-nav .nav-text{visibility:visible;opacity:1;transition:opacity .2s linear}

.brand-sidebar{position:fixed;left:0;width:240px;top:0;z-index:9;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);-webkit-transition:.3s ease all;-o-transition:.3s ease all;-moz-transition:.3s ease all;transition:.3s ease all;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.brand-sidebar .logo-wrapper{font-size:22px;white-space:nowrap;line-height:64px!important;min-height:64px;padding:0 20px}
.brand-sidebar .logo-wrapper i{font-size:22px;margin:0 10px 0 0;vertical-align:middle}
.brand-sidebar .logo-wrapper a.brand-logo{color:#84c1ff}
.brand-sidebar .logo-wrapper a.navbar-toggler{position:absolute;right:15px;top:0}
.brand-sidebar .logo-wrapper a.navbar-toggler i{font-size:12px;color:#fff}

@media only screen and (max-width: 992px) {
  .brand-sidebar .logo-wrapper{min-height:55px;line-height:55px!important}
  .light-blue.darken-3{background-color:transparent}
}

ul.side-nav.leftside-navigation{top:64px;overflow:hidden;height:100%}
ul.side-nav.leftside-navigation hr{display:block;height:1px;border:0;border-top:1px solid #e0e0e0;margin:1em 0;padding:0}
ul.side-nav.leftside-navigation li:not(.no-padding){line-height:44px}
ul.side-nav.leftside-navigation li:not(.no-padding):hover{background-color:rgba(0,0,0,0.04)}
ul.side-nav.leftside-navigation li:not(.no-padding).active{background-color:rgba(0,0,0,0.04)}
ul.side-nav.leftside-navigation li:not(.no-padding) a{font-family:"lato",sans-serif;font-size:16px;font-weight:100;white-space:nowrap}
ul.side-nav.leftside-navigation li:not(.no-padding).user-details #profile-dropdown a{padding:8px 15px}
ul.side-nav.leftside-navigation .profile-btn{margin:0;text-transform:capitalize;padding:0;text-shadow:1px 1px 1px #444;font-size:15px}
ul.side-nav.leftside-navigation ul.collapsible-accordion{background-color:#fff}
ul.side-nav li{padding:0}
ul.side-nav .collapsible-header{margin:0;font-weight:200}
ul.side-nav .collapsible-header:after{font-family:'Material Icons';content:"keyboard_arrow_right";color:#9e9e9e;font-size:18px;position:absolute;right:16px}
ul.side-nav .collapsible-header.active:after{content:"keyboard_arrow_down"}

ul.side-nav .collapsible-body>ul:not(.collapsible)>li.active,
.side-nav.fixed .collapsible-body>ul:not(.collapsible)>li.active{background-color:rgba(0,0,0,0.04)}

#slide-out li a i{color:#cfd8dc;line-height:inherit;width:2rem;font-size:1.4rem;display:block;float:left;text-align:center;margin-right:1rem}
#slide-out li .collapsible-body a i{font-size:1.2rem}
#slide-out ul.side-nav li{padding:0!important}

#right-search .input-field{margin-top:0}

#chat-out{top:64px;overflow:hidden}
#chat-out.side-nav{width:300px;height:calc(100% - 64px)!important;padding-bottom:0}
#chat-out .fixed-line-height{line-height:24px}
#chat-out .switch label input[type=checkbox]:checked + .lever:after{background-color:#000}
#chat-out .switch label .lever:after{background-color:#f5f5f5}
#chat-out #chatapp li{line-height:35px!important;min-height:70px!important}
#chat-out #chatapp .side-nav li{line-height:20px!important}

.chat-close-collapse{padding:5px 15px 0 0}
.icon-bg-color{height:35px;width:35px;border-radius:50%;text-align:center;padding-top:8px;font-size:20px}
.border-bottom-1{border-bottom:1px solid #f5f5f5}
.activity::before,
.schedule::before{position:absolute;top:0;height:100vh;margin-top:130px;bottom:0;left:16%;width:1px;margin-left:-1px;content:"";background-color:#e0e0e0;z-index:-1}
.clear{clear:both}

.page-footer.footer-fixed{position:fixed;bottom:0;width:100%}
.page-footer .container{max-width:initial;padding:0 20px;width:100%}
.page-footer .footer-copyright{background:#eceff1}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #039be5;box-shadow:0 1px 0 0 #039be5}

input:not([type]):focus:not([readonly])+label,
input[type=text]:not(.browser-default):focus:not([readonly])+label,
input[type=password]:not(.browser-default):focus:not([readonly])+label,
input[type=email]:not(.browser-default):focus:not([readonly])+label,
input[type=url]:not(.browser-default):focus:not([readonly])+label,
input[type=time]:not(.browser-default):focus:not([readonly])+label,
input[type=date]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,
input[type=tel]:not(.browser-default):focus:not([readonly])+label,
input[type=number]:not(.browser-default):focus:not([readonly])+label,
input[type=search]:not(.browser-default):focus:not([readonly])+label,
textarea.materialize-textarea:focus:not([readonly])+label{color:#039be5}


.input-field label{color:#78909c;font-size:18px}
.input-field .error{position:relative;top:-1rem;left:0rem;font-size: 0.8rem;color:#ff4081;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%)}

.input-field .iconeajuda {
    position: absolute;
    cursor: pointer;
    right: 10px;
    top: -10px;
    color:#b0bec5;
}

input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea{border-bottom:1px solid #b0bec5}

.btn:hover,
.btn-large:hover,
.btn-flat:hover{background:#039be5;box-shadow:none}

i.left{margin:0 10px 0 0}

.btn i,
.btn-large i,
.btn-floating i,
.btn-large i,
.btn-flat i{font-size:22px}

.modal{background:#fff}
.modal .modal-close{background:transparent;border:0;opacity:0.75;position:absolute;right:20px;top:20px}
.modal .modal-close:hover{opacity:1}
.modal.pq{width:50%}
.modal.md{width:75%}
.modal.gd{width:100%}
.modal h1{font-size:26px}
.modal h2{color:#0288d1;font-size:22px;margin:20px 0 0 0;padding:0}

.waves-effect{-webkit-transition:.1s ease-out;transition:.1s ease-out}

.btn-floating{background-color:#0288d1;box-shadow:none}
.btn-floating:hover,
.btn-floating:focus{box-shadow:none;background-color:#01579b}

.pagination li a{color:#90a4ae;font-size:14px;padding:0 8px}
.pagination li a:hover{color:#0288d1}
.pagination li.active{background:none}
.pagination li.active a{border-bottom:2px solid #0288d1;color:#0288d1}
.pagination li i{font-size:16px;vertical-align:text-bottom}

.input-field.senha i {
    position: absolute;
    cursor: pointer;
    right: 10px;
    top: 10px;
}

.highlith-busca{background-color:yellow}

#content .bar{background:#eceff1;border-bottom:1px solid #e8e9ea;padding:0 0 0 10px;position:relative;z-index:9}
#content .bar .row{margin:0}
#content .bar h1{color:#78909c ;font-size:22px;font-weight:100;line-height:50px;margin:0}
#content .bar h1 i{font-size:28px;margin:0 10px 0 0;vertical-align:sub}
#content .bar nav{background:transparent;box-shadow:none;line-height:50px;height:50px}
#content .bar nav .breadcrumb,
#content .bar nav .breadcrumb:before{color:#78909c;font-size:14px}
#content .bar nav .breadcrumb.active,
#content .bar nav .breadcrumb:hover{color:#546e7a}

#content .content{padding:40px}
#content .content .content{padding:20px 0}

#content .container{margin:0}

.tabs{overflow:hidden}
.tabs .tab{text-transform:none}
.tabs .tab a{font-size:16px;color:#90a4ae;padding:0 15px}
.tabs .tab a:hover{border-bottom:2px solid #eceff1;color:#90a4ae}
.tabs .tab a.active{border-bottom:2px solid #0288d1;color:#0288d1}
.tabs .indicator{background-color:transparent}

#content .btn{background:#0288d1;border-radius:6px;box-shadow:none;color:#fff;height:40px;line-height:40px;padding:0 20px;text-transform:initial}

#content .alert{border-radius:6px;margin:0 0 40px 0;padding:20px}
#content .alert.error{background-color:#fbe9e7;color:#bf360c}
#content .alert.success{background-color:#dcedc8;color:#33691e}
#content .alert.warning{background-color:#f0f4c3;color:#827717}
#content .alert.info{background-color:#b3e5fc;color:#01579b}

#content table.highlight tbody tr:not(.normal):hover{background-color:#fffde7 !important}
#content table.highlight tbody tr.normal:hover{background-color:transparent}
#content table .acoes{text-align:right;white-space:nowrap}
#content table .acoes a{color:#78909c;display:inline-block;margin:0 0 0 10px}
#content table .acoes a:hover{color:#0288d1}
#content table .acoes a i{font-size:20px}
#content table.bordered>tbody>tr:last-child{border:0}

#content .dropdown-content{border-radius:6px;box-shadow:0 0 20px rgba(0,0,0,.5);margin:-5px 0 0 0;min-width:120px}
#content .dropdown-content a{font-size:14px}

#content .dropdown-content li{min-height:30px}
#content .caixa .dropdown-content li>a,
#content .dropdown-content li>a,
#content .dropdown-content li>span{color:#546e7a;margin:0;padding:10px 20px}
#content .caixa .dropdown-content li>a:hover,
#content .dropdown-content li>a:hover,
#content .dropdown-content li>span:hover{color:#039be5}
#content .dropdown-content li:hover{background:none}
#content .dropdown-content li>a>i{font-size:16px;margin:0 5px 0 0;width:auto}

#content .caixa .float{position:absolute}
#content .caixa .top{top:5px}
#content .caixa .right{right:0}
#content .caixa .right.ajuda{right:5px}
#content .caixa .tooltipped i{font-size:16px; cursor: pointer}

#content table td,
#content table th{padding:10px}
#content table th{font-weight:300}
#content table.bordered>thead>tr,
#content table.bordered>tbody>tr{border-bottom:1px solid #e9e9e9}
#content table .tooltipped i{font-size:16px; cursor: pointer}

td.preview {border-radius: 6px; height: 80px; vertical-align: middle; width: 80px;};
td.preview img:hover{background: rgba(76, 175, 80, 0.1)}

#content .vazio{padding:30px 0;text-align:center}

#content .insidebar{background:#fff;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);bottom:-20px;left:64px;padding:100px 0 0 0;position:fixed;top:0;width:250px}
#content .insidebar a{color:#0288d1;display:block;padding:10px 20px}
#content .insidebar a i{font-size:16px;margin:0 5px 0 0;vertical-align:middle}
#content .insidebar a:hover{background:#eceff1}
#content .insidebar li a.active{background:#0288d1;color:#fff}

#content .insidebar.expanded{left:240px}
#content .insidecontent{margin:0 0 0 255px}

#content h1{font-size:36px;font-weight:100;margin:0;padding:0}
#content .caixa{border-radius:6px;margin:0 0 40px 0;padding:10px 20px 0 20px;position:relative}
#content .caixa .item{border-radius:6px;height:100%;margin:0 0 20px 0;padding:10px;position:relative}
#content .caixa .float{position:absolute}
#content .caixa .top{top:5px}
#content .caixa .right{right:0}
#content .caixa .bottom{bottom:0}
#content .caixa .left{left:0}
#content .caixa .m.top{top:20px}
#content .caixa .m.right{right:10px}
#content .caixa .m.bottom{bottom:20px}
#content .caixa .m.left{left:10px}

#content .caixa table th,
#content .caixa table td{color:#607d8b}
#content .caixa table.bordered>tbody>tr:last-child{border:0}

#content .caixa h2{font-size:16px;padding:10px 0;margin:0 0 10px 0}
#content .caixa h2 .destaque{color:#66bb6a;font-size:13px}
#content .caixa h2 i{font-size:20px;margin:0 10px 0 0;vertical-align:bottom}
#content .caixa h3{font-size:14px;margin:0 0 10px 0;padding:0}
#content .caixa .txt-xg{font-size:36px}
#content .caixa .txt-gd{font-size:28px}
#content .caixa .txt-md{font-size:22px}
#content .caixa .txt-pq{font-size:16px}
#content .caixa .txt-pp{font-size:13px}

#content .caixa.azul{background-color:#0288d1;border:1px solid transparent}
#content .caixa.azul a{color:#4fc3f7}
#content .caixa.azul a:hover{color:#03a9f4}
#content .caixa.azul h2{color:#fff}
#content .caixa.azul .item{background-color:#0277bd;border:1px solid transparent;color:#fff}


#content .caixa.cinza{background-color:#eceff1;border:1px solid #e8e9ea}
#content .caixa.cinza a{color:#b0bec5}
#content .caixa.cinza a:hover{color:#607d8b}
#content .caixa.cinza h2{color:#78909c}
#content .caixa.cinza .item{background-color:#fff;border:1px solid #e8e9ea;color:#78909c}

#content .caixa.roxo{background-color:#8e24aa;border:1px solid transparent}
#content .caixa.roxo a{color:#ba68c8}
#content .caixa.roxo a:hover{color:#9c27b0}
#content .caixa.roxo h2{color:#fff}
#content .caixa.roxo .item{background-color:#6a1b9a;border:1px solid transparent;color:#fff}

#content .caixa.laranja{background-color:#f57c00;border:1px solid transparent}
#content .caixa.laranja a{color:#ffb74d}
#content .caixa.laranja a:hover{color:#ff9800}
#content .caixa.laranja h2{color:#fff}
#content .caixa.laranja .item{background-color:#e65100 ;border:1px solid transparent;color:#fff}

#content .caixa.verde{background-color:#66bb6a;border:1px solid transparent}
#content .caixa.verde a{color:#a5d6a7}
#content .caixa.verde a:hover{color:#66bb6a}
#content .caixa.verde h2{color:#fff}
#content .caixa.verde .item{background-color:#43a047;border:1px solid transparent;color:#fff}

#content .caixa .item.branco{background-color:#fff;color:#78909c}
#content .caixa .item.branco a{color:#b0bec5}
#content .caixa .item.branco a:hover{color:#607d8b}

#content .caixa .azul{color:#039be5}
#content .caixa .amarelo{color:#ffb300}
#content .caixa .vermelho{color:#ff5722}
#content .caixa .verde{color:#66bb6a}

#content .recuo{margin-bottom:-40px}
#content .ajuste{margin-left:-10px;margin-right:-10px}