in footer (only one right now) */
text-align: center;
background: #556;
color: #fff;
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell */
background: #fff;
color: #445;
border-top: 1px solid #556;
padding: 1px;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
background: #aaf;
border: 1px solid #04f;
color: #000;
padding: 1px;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
background: #77c;
/*padding: 2px 0px 0px 2px;*/
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
cursor: default;
border: 1px solid #284274;
background: #def;
color: #000;
font-size: 90%;
z-index: 100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}
.calendar .combo .label-IEfix {
width: 4em;
}
.calendar .combo .hilite {
background: #acf;
}
.calendar .combo .active {
border-top: 1px solid #284274;
border-bottom: 1px solid #284274;
background: #eef;
font-weight: bold;
}
.calendar td.time {
border-top: 1px solid #000;
padding: 1px 0px;
text-align: center;
background-color: #f4f0e8;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #889;
font-weight: bold;
background-color: #fff;
}
.calendar td.time .ampm {
text-align: center;
}
.calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: bold;
}
.calendar td.time span.hilite {
border-color: #000;
background-color: #667;
color: #fff;
}
.calendar td.time span.active {
border-color: #f00;
background-color: #000;
color: #0f0;
}
/****************************/
.bg-green
, .bg-green td {
background-color: #d6e9c6 !important;
}
.panel-heading-aux {
font-size: 18px;
font-weight: bold;
padding: 10px 15px;
border-bottom: 1px solid #eee;
}
.panel-body {
padding-top: 8px;
padding-bottom: 8px;
line-height: 1.4;
}
.panel-body-aux {
padding: 8px 15px 8px 15px;
}
.panel-green {
border-color: #5cb85c;
}
.panel-green > .panel-heading
, .panel-green > .panel-body > .panel-heading-aux {
border-color: #5cb85c;
color: white;
background-color: #5cb85c;
}
.panel-green > a {
color: #5cb85c;
}
.panel-green > a:hover {
color: #3d8b3d;
}
.panel-red {
border-color: #d9534f;
}
.panel-red > .panel-heading
, .panel-red > .panel-body > .panel-heading-aux {
border-color: #d9534f;
color: white;
background-color: #d9534f;
}
.panel-red > a {
color: #d9534f;
}
.panel-red > a:hover {
color: #b52b27;
}
.panel-yellow {
border-color: #fcb322;
}
.panel-yellow > .panel-heading
, .panel-yellow > .panel-body > .panel-heading-aux {
border-color: #fcb322;
color: white;
background-color: #fcb322;
}
.panel-yellow > a {
color: #fcb322;
}
.panel-yellow > a:hover {
color: #df8a13;
}
.panel-black {
border-color: #999999;
}
.panel-black > .panel-heading
, .panel-black > .panel-body > .panel-heading-aux {
border-color: #999999;
color: white;
background-color: #333333;
}
.panel-black > a {
color: #222222;
}
.panel-black > a:hover {
color: #999999;
}
.panel-white {
border-color: #eee;
}
.panel-white > .panel-heading
, .panel-white > .panel-body > .panel-heading-aux {
border-color: #eee;
background-color: white;
}
.panel-white > a {
color: inherit;
}
.panel-white > a:hover {
color: inherit;
}
.huge {
font-size: 30px;
}
.huge-med {
font-size: 24px;
}
.huge-med-min {
font-size: 13px;
}
.huge-med-aux {
font-size: 24px;
}
.huge-min {
font-size: 16px;
}
.text-medium {
font-size: 16px;
}
.text-info {
color: #31708f;
}
.text-danger {
color: #a94442;
}
.text-warning {
color: #8a6d3b;
}
.text-success {
color: #3c763d;
}
/*********************************************/
.gridheader
{
background-color: white;
/* background-color: #990000; */
min-height: 25px;
font-weight: bold;
color: #333;
}
.gridheader-info {
background-repeat: repeat-x;
border-color: #9acfea;
color: #31708f;
background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
min-height: 25px;
font-weight: bold;
}
.gridheader-info > th {
padding: 4px;
}
.gridrowinner
{
/* background-color: #EEEEEE; */
background-color: transparent;
min-height: 30px;
}
.gridrowinner > tr > td
, .gridrowinner > td {
padding: 4px;
}
.gridrowinner-white
{
min-height: 30px;
background-color: white;
}
.gridrowinner_alternated
{
/*background-color: lemonchiffon;*/
background-color: #eeeeee;
min-height: 30px;
}
.gridrowinner_selected
{
background-color: #FFCC66;
min-height: 30px;
/* font-weight: bold; */
}
.gridrowitem {
width: 100%;
padding: 0;
margin: 0;
padding-top: 4px;
padding-bottom: 4px;
margin-bottom: 3px;
-webkit-transition:all 400ms ease;
-moz-transition:all 400ms ease;
-o-transition:all 400ms ease;
transition:all 400ms ease;
cursor: pointer;
text-decoration: none;
color: #2D4970 !important;
}
.gridrowitem a {
text-decoration: none;
color: #2D4970 !important;
}
.gridrowitem:hover
, .gridrowitem-selected
{
background-color: #eeeeee;
color: #2D4970 !important;
text-decoration: none;
}
.gridrowitem:hover a
, .gridrowitem:hover a:hover
, .gridrowitem-selected a
, .gridrowitem-selected a:hover{
color: #2D4970 !important;
text-decoration: none;
}
.gridrowitem-concluido
, .gridrowitem-concluido td {
background-color: #279A21;
border-bottom: 2px solid #F78E21;
}
.border-top {
border-top: 1px solid #ddd;
}
.border-bottom {
border-bottom: 1px solid #ddd;
}
.border-top-xs {
border-bottom: none;
}
.border-bottom-xs {
border-bottom: none;
}
@media (max-width: 520px) {
.border-top-xs {
border-top: 1px solid #ddd !important;
}
.border-bottom-xs {
border-bottom: 1px solid #ddd !important;
}
}
.border-top-dotted
, .border-top-dotted td {
border-top: 1px dotted #ccc !important;
}
.border-bottom-dotted
, .border-bottom-dotted td {
border-bottom: 1px dotted #ccc !important;
}
.border-top-orange {
border-top: 2px solid #F78E21;
}
.border-bottom-orange {
border-bottom: 2px solid #F78E21;
}
.border-bottom-blue {
border-bottom: 2px solid #2D4970;
}
.border-bottom-blue-light {
border-bottom: 1px solid #2D4970;
}
.border-top-blue {
border-top: 2px solid #2D4970;
}
.border-top-blue-light {
border-top: 1px solid #2D4970;
}
.gridrowinner_summary
{
background-color: #DCE6F1;
min-height: 30px;
/* font-weight: bold; */
}
.gridrowinner_cancelada
{
background-color: #FFCCFF;
}
.gridrowinner_pago
{
background-color: #D7FACC;
}
.one-half { width:49.5%; /*display: block;*/ }
.one-thirds { width:32.333%; /*display: block;*/ }
.two-thirds { width:65.667%; /*display: block;*/ }
.one-fourth { width:24%; /*display: block;*/ }
.two-fourth { width:49%; /*display: block;*/ }
.three-fourth { width:74%; /*display: block;*/ }
.one-fifth { width:18.2%; /*display: block;*/ }
.two-fifth { width:38.4%; /*display: block;*/ }
.three-fifth { width:58.6%; /*display: block;*/ }
.four-fifth { width:78.80%; /*display: block;*/ }
.one-sixths { width:15.666%; /*display: block;*/ }
.two-sixths { width:31.2%; /*display: block;*/ }
.three-sixths { width:46.8%; /*display: block;*/ }
.four-sixths { width:62.3%; /*display: block;*/ }
.five-sixths { width:77.9%; /*display: block;*/ }
.one-sevens { width: 14%; /*display: block;*/ }
.two-sevens { width: 28%; /*display: block;*/ }
.three-sevens { width: 42%; /*display: block;*/ }
.four-sevens { width: 56%; /*display: block;*/ }
.five-sevens { width: 70%; /*display: block;*/ }
.sixth-sevens { width: 84%; /*display: block;*/ }
.one-eighths { width:12%; /*display: block;*/ }
.two-eighths { width:23%; /*display: block;*/ }
.three-eighths { width: 35%; /*display: block;*/ }
.four-eighths { width: 47%; /*display: block;*/ }
.five-eighths { width: 59%; /*display: block;*/ }
.sixth-eighths { width: 70%; /*display: block;*/ }
.seven-eighths { width:85.5%; /*display: block;*/ }
.fa-med {
font-size: 16px;
}
.div-agendamento-item {
padding: 2px;
border-bottom: 1px dotted #eee;
font-weight: normal;
}
.div-agendamento-item-selected {
padding: 2px;
border-bottom: 1px dotted #eee;
background-color: #FFCC66;
font-weight: bold;
}
.div-agendamento-item > a {
cursor: pointer;
}
.date {
background-repeat: repeat-x;
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
border-color: #357ebd;
color: #fff;
display: inline-block;
padding: 0px 8px 0px 8px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-transform: uppercase;
margin: auto;
text-align: center;
}
.day-main {
display: block;
font-size: 18px;
font-weight: bold;
padding-top: 2px;
text-align: center;
width: 100%;
}
.month-main {
display: block;
font-size: 12px;
text-align: center;
width: 100%;
}
.date-primary {
background-repeat: repeat-x;
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
border-color: #357ebd;
color: #fff;
}
.date-primary .day-main {
border-bottom: 1px solid #bce8f1;
}
.date-info {
background-repeat: repeat-x;
background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
border-color: #bce8f1;
color: #31708f;
}
.date-info .day-main {
border-bottom: 1px solid #31708f;
}
.date-info-border {
background-repeat: repeat-x;
background-image: none;
border: 1px solid #bce8f1;
color: #2D4970;
}
.date-info-border .day-main {
border-bottom: 1px solid #2D4970;
}
.date-warning {
background-repeat: repeat-x;
background-image: linear-gradient(to bottom, #f0ad4e 0%, #DF8813 100%);
border: none;
color: #fff;
}
.date-warning-border {
background-image: none;
border: 1px solid #DF8813;
color: #DF8813;
}
.date-warning .day-main
, .date-warning-border .day-main {
border-bottom: 1px solid #8a6d3b;
}
.date-success {
background-repeat: repeat-x;
background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
border-color: #d6e9c6;
color: #3c763d;
}
.date-success-border {
background-image: none;
border: 1px solid #d6e9c6;
color: #3c763d;
}
.date-success .day-main
, .date-success-border .day-main {
border-bottom: 1px solid #3c763d;
}
.date-danger {
background-repeat: repeat-x;
background-image: linear-gradient(to bottom, #d9534f 0%, #993300 100%);
border: none;
color: #fff;
}
.date-danger-border {
background-image: none;
border: 1px solid #993300;
color: #993300;
}
.date-danger .day-main
, .date-danger-border .day-main {
border-bottom: 1px solid #993300;
}
.inativo {
background: darkred !important;
}
.date-big {
background: transparent;
border: 1px solid #333333;
color: #fff;
width: 60px;
min-height: 60px;
display: block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-transform: uppercase;
margin: auto;
text-align: center;
}
.day-main-big {
display: block;
font-size: 24px;
font-weight: bold;
color: #333333;
}
.month-main-big {
display: block;
font-size: 14px;
font-weight: bold;
background-color: #333333;
}
.year-main-big {
display: block;
font-size: 14px;
font-weight: bold;
background-color: #333333;
}
.full {
width: 100%;
}
.calendar-mini th
, .calendar-mini td {
padding: 2px;
}
.fullcalendar
{
padding-top: 10px;
padding-bottom: 10px;
font-size: 11px;
}
.fullcalendar, .fullcalendar th, .fullcalendar td
{
border: 1px solid #ccc;
vertical-align: top;
}
.fullcalendar .data {
height: 90px;
}
.fullcalendar .gridevent
{
padding: 0;
margin: 0;
width: 100%;
}
.fullcalendar .gridevent, .fullcalendar .gridevent th, .fullcalendar .gridevent td
{
border: none;
padding: 0;
margin: 0;
vertical-align: top;
}
.fullcalendar div
{
width: 100%;
/*min-height: 120px;*/
margin: 0;
padding: 0;
}
.fullcalendar-mini div
{
width: 100%;
min-height: 60px !important;
margin: 0;
padding: 0;
}
.fullcalendar-semana div
{
width: 100%;
min-height: 420px !important;
margin: 0;
padding: 0;
}
.fullcalendar-dia div
{
width: 100%;
min-height: 20px !important;
margin: 0;
padding: 0;
}
.fullcalendar .current
{
background-color: Yellow;
}
.fullcalendar .day
{
display: block;
text-align: right;
font-weight: bold;
padding-right: 5px;
color: #999;
}
.fullcalendar span
{
margin-top: 2px;
}
.fullcalendar ul
{
list-style: none;
margin: 0;
padding: 0;
}
.fullcalendar li
{
list-style: none;
margin-top: 2px;
width: 100%;
margin-left: 0;
margin-right: 0;
}
.fullcalendar a
{
text-decoration: none;
color: White;
}
.feriado {
text-align: center;
display: block;
padding: 2px;
font-style: italic;
font-size: 11px;
}
.feriado-dia {
text-align: left;
display: block;
padding: 2px;
font-size: 11px;
}
.div_border
{
border: solid 1px #7F9DB9;
background-color: White;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
resize:none;
}
.tag {
display:inline-block;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
text-decoration:none;
/*white-space: nowrap;*/
cursor:pointer;
vertical-align: middle;
text-align: left;
overflow: visible;
font-size: 80%;
font-weight: normal;
background-color: none;
border:none;
color: white;
padding: 4px;
width: 100%;
line-height: 1.3;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
.tag:hover {
background-color:#4c4c4c;
color:#fff;
}
a.tag {
color:#fff;
}
a.tag:hover {
background-color:#4c4c4c;
color:#fff;
}
.tag-lightyellow {
background-color: #FFFACD;
color: #8a6d3b;
border: 1px solid #f7e1b5;
}
.tag-lightyellow:hover {
background-color: #f7e1b5;
color: #8a6d3b;
}
.tag-red {
background-color:#ae432e;
}
.tag-lightblue {
/*background-color: #CCFFFF;
color: #333;*/
color: #003366 !important;
background-color: #D5EBF7;
border-color: #bce8f1;
}
.tag-blue {
color: #003366 !important;
background-color: #d9edf7;
border-color: #bce8f1;
/*
color: #fff !important;
background-color: #265a88;
border-color: #245580;
*/
}
.tag-blue:hover {
background-color: #265a88 !important;
color: #fff !important; /*#31708f !important;*/
}
.tag-darkblue {
background-color:#003366;
}
.tag-green {
background-color:#77ab13;
}
.tag-lightgreen {
background-color:#66CC99;
}
.tag-orange {
background-color:#ef561a;
}
.tag-success {
background-color: #c8e5bc44;
border: 1px solid #b2dba1;
color: #3c763d !important;
}
.tag-success:hover {
background-color: #dff0d8 !important;
color: #2b542c !important;
}
.tag-info {
background-color: #b9def0;
border: 1px solid #9acfea;
color: #31708f !important;
}
.tag-info:hover {
background-color: #d9edf7 !important;
color: #31708f !important;
}
.tag-warning {
background-color: #fcf8e3;
border: 1px solid #f7e1b5;
color: #8a6d3b !important;
}
.tag-warning:hover {
background-color: #f7e1b5 !important;
color: #8a6d3b !important;
}
.tag-danger {
background-color: #e7c3c344;
border: 1px solid #dca7a7;
/*color: #a94442 !important;*/
color: #C40000 !important;
}
.tag-danger:hover {
background-color: #f2dede;
color: #000 !important;
}
.tag-gray {
background-color: #eeeeee;
color: #333 !important;
}
.tag-gray:hover {
background-color: #ffffff !important;
color: #31708f !important;
}
.tag-transparent {
background-color: transparent;
color: #ccc;
}
.tag-transparent:hover {
background-color: #ffffff;
color: #000;
}
.tag-feriado {
background-color: #eeeeee;
color: #b3b3b3;
}
.tag-feriado:hover {
background-color: #eeeeee;
color: #b3b3b3;
}
.CustomTabStyle .ajax__tab_header {
text-align: left;
}
.CustomTabStyle .ajax__tab_outer {
border-bottom: 6px solid #ccc!important
}
.CustomTabStyle .ajax__tab_tab {
font-size: 13px;
padding: 8px 16px!important;
color: black;
}
.CustomTabStyle .ajax__tab_tab a:checked
, .CustomTabStyle .ajax__tab_tab a:hover
, .CustomTabStyle .ajax__tab_tab a::marker {
border: 3px solid #000;
}
.CustomTabStyle .ajax__tab_body {
padding: 8px 16px!important;
text-align: left;
font-size: inherit;
}
.CustomTabStyle .ajax__tab_active .ajax__tab_outer {
border-bottom: 6px solid red !important;
border: none;
}
.CustomTabStyle .ajax__tab_active .ajax__tab_outer ajax__tab_inner a:checked {
border: none;
}
/* set cssclass=”ajax__tab_blue-theme” */
.ajax__tab_blue-theme .ajax__tab_header {
text-align: left;
border-bottom: solid 5px #ddd; /*#8694EF / lemonchiffon #FFCC66*/
color: #fff;
}
.ajax__tab_blue-theme .ajax__tab_header .ajax__tab_outer {
/*background: #d8d8d8 repeat-x;*/
margin: 0px 0.16em 0px 0px;
padding: 1px 0px 1px 0px;
vertical-align: bottom;
border-bottom: 1px solid #ddd;
box-shadow: 0 5px 0 #ddd;
background-color: #444;
}
.ajax__tab_blue-theme .ajax__tab_header .ajax__tab_tab {
font-size: 16px;
padding: 8px 16px!important;
text-transform: uppercase;
color: #fff;
}
.ajax__tab_blue-theme .ajax__tab_hover .ajax__tab_outer {
background: #FFF repeat-x left -1300px;
border-bottom: 1px solid #FFCC66;
box-shadow: 0 5px 0 #FFCC66;
background-color: #fff;
color: #000;
}
.ajax__tab_blue-theme .ajax__tab_header_item:hover .ajax__tab_outer {
background: #fff repeat-x left -1300px;/*#bfdaff */
border-bottom: 1px solid #FFCC66;
box-shadow: 0 5px 0 #FFCC66;
color: #000 !important;
}
.ajax__tab_blue-theme .ajax__tab_hover .ajax__tab_tab
, .ajax__tab_blue-theme .ajax__tab_header_item:hover .ajax__tab_tab {
color: #000;
}
.ajax__tab_blue-theme .ajax__tab_active .ajax__tab_tab {
color: #fff;
background-color: #000;
}
.ajax__tab_blue-theme .ajax__tab_active .ajax__tab_outer {
color: #FFF;
background-color: #000;
border-bottom: 1px solid #FFCC66;
box-shadow: 0 5px 0 #FFCC66;
}
.ajax__tab_blue-theme .ajax__tab_body {
/*padding: 8px 8px 8px 8px;*/
margin: 0;
padding: 0px 0px 0px 0px;
background-color: transparent;
border: none;
text-align: left;
height: auto;
}
/********* ajax__tab_blue-theme-white *********/
.ajax__tab_blue-theme-white .ajax__tab_header {
text-align: center;
border-bottom: solid 5px #ddd;
color: #000;
}
.ajax__tab_blue-theme-white .ajax__tab_header .ajax__tab_outer {
margin: 0px 0.16em 0px 0px;
padding: 1px 0px 1px 0px;
vertical-align: bottom;
border-bottom: 1px solid #FFCC66;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
box-shadow: 0 5px 0 #FFCC66;
background-color: #fff;
}
.ajax__tab_blue-theme-white .ajax__tab_header .ajax__tab_tab {
font-size: 16px;
padding: 8px 16px!important;
text-transform: uppercase;
color: #000;
}
.ajax__tab_blue-theme-white .ajax__tab_hover .ajax__tab_outer {
background: #FFF repeat-x left -1300px;
border-bottom: 1px solid #fcb322;
border-left: 1px solid #fcb322;
border-right: 1px solid #fcb322;
box-shadow: 0 5px 5px #fcb322; /*rgba(0, 0, 0, 0.2);*/
background-color: #fff;
color: #222;
}
.ajax__tab_blue-theme-white .ajax__tab_header_item:hover .ajax__tab_outer {
background: #fff repeat-x left -1300px;/*#bfdaff */
border-bottom: 1px solid #FFCC66;
box-shadow: 0 5px 0 #FFCC66;
color: #000 !important;
}
.ajax__tab_blue-theme-white .ajax__tab_hover .ajax__tab_tab
, .ajax__tab_blue-theme-white .ajax__tab_header_item:hover .ajax__tab_tab {
color: #000;
}
.ajax__tab_blue-theme-white .ajax__tab_active .ajax__tab_tab {
color: #fff !important;
background-color: #2D4970;
}
.ajax__tab_blue-theme-white .ajax__tab_active .ajax__tab_outer {
color: #FFF;
background-color: #000;
border-bottom: 1px solid #fcb322;
border-left: 1px solid #222;
border-right: 1px solid #222;
box-shadow: 0 5px 0 #fcb322;
}
.ajax__tab_blue-theme-white .ajax__tab_body {
/*padding: 8px 8px 8px 8px;*/
margin: 0;
padding: 0px 0px 0px 0px;
background-color: transparent;
border: none;
text-align: left;
overflow: auto;
}
.nav-tabs-theme {
text-align: left;
border-bottom: 5px solid #2D4970;
color: #fff;
}
.nav-tabs-theme li {
margin: 0;
padding: 0;
margin-right: 6px;
vertical-align: bottom;
border-radius: 0;
border: 0;
border-top: 1px solid #2D4970;
border-left: 1px solid #2D4970;
border-right: 1px solid #2D4970;
box-shadow: 0 5px 0 #2D4970;
background-color: #2D4970;
color: #fff;
-webkit-transition:all 400ms ease;
-moz-transition:all 400ms ease;
-o-transition:all 400ms ease;
transition:all 400ms ease;
}
.nav-tabs-theme li:hover
, .nav-tabs-theme li.active {
padding: 0;
border: 0;
border-top: 1px solid #FFCC66;
border-left: 1px solid #FFCC66;
border-right: 1px solid #FFCC66;
box-shadow: 0px 5px 0px #FFCC66;
background-color: #fff;
color: #2D4970;
}
.nav-tabs-theme > li.disabled > a:hover
, .nav-tabs-theme > li.disabled > a:focus {
background-color: #2D4970 !important;
cursor: not-allowed !important;
}
.nav-tabs-theme li a {
color: #fff;
border: 0;
cursor: pointer !important;
}
.nav-tabs-theme li a
, .nav-tabs-theme li.active a
, .nav-tabs-theme li a:hover
, .nav-tabs-theme li.active a:hover
, .nav-tabs-theme li a:focus
, .nav-tabs-theme li.active a:focus
{
margin: 0px;
border: 0;
border-radius: 0;
padding: 10px 18px;
outline: 0;
}
.nav-tabs-theme li a:hover
, .nav-tabs-theme li.active a:hover {
color: #2D4970;
}
/*
.ajax__scroll_auto {
overflow: hidden;
display: block;
height: 100%;
}
*/
.page_nav
{
display: table;
border-collapse: inherit!important;
margin-left: auto;
margin-right: auto;
font-family: Abel, sans-serif;
font-size: 14px;
}
.page_nav td
, .page_nav span {
padding: 0px;
margin: 0;
}
a.navbutton
{
display: inline-block;
font-weight: bold;
border: 1px solid #ccc;
padding: 5px 10px;
color: #333;
line-height: 21px;
vertical-align: top;
margin-top: 10px;
/*margin-right: 6px;*/
background: #f7f7f7;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
a.navbutton:hover
{
color: red;
cursor: pointer;
text-decoration: none;
background: #ccc;
}
a.navbutton-white:hover
{
color: White;
}
a.navbutton-peq
{
display: block;
font-weight: bold;
border: 1px solid #ccc;
padding: 3px 6px;
color: #333;
line-height: 18px;
vertical-align: top;
margin-top: 10px;
margin-right: 6px;
background: #f7f7f7;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
a.navbutton-peq:hover
{
color: red;
cursor: pointer;
text-decoration: none;
background: #ccc;
}
a.current
{
background: #333;
color: #fff;
border: 1px solid #272727;
}
.accordionHeader
{
background-color: #2D4970;
border-bottom: 2px solid #F78E21;
cursor: pointer;
font-size: 18px;
-webkit-transition:all 400ms ease;
-moz-transition:all 400ms ease;
-o-transition:all 400ms ease;
transition:all 400ms ease;
display: block;
}
.accordionHeader-link-hover:hover
{
background-color: #003366;
border-bottom: 2px solid #F78E21;
cursor: pointer;
font-size: 18px;
color: #fff !important;
text-decoration: none;
}
.accordionHeader-link-hover:hover div
, .accordionHeader-link-hover:hover div:hover {
color: #fff !important;
text-decoration: none;
}
.accordionHeader-peq
{
background-color: #2D4970;
border-bottom: 1px solid #F78E21;
cursor: pointer;
font-size: 12px;
}
.accordionHeaderSelected
{
background-color: #2D4970;
border-bottom: 2px solid #F78E21;
cursor: pointer;
font-size: 18px;
}
.accordionHeader-info {
background-color: #2D4970;
border-bottom: 2px solid #F78E21;
cursor: pointer;
font-size: 18px;
}
.accordionHeader-aguardando-link {
background-color: #bbbbbb;
border-bottom: 2px solid #999999; /*border-bottom: 2px solid #F78E21;*/
cursor: pointer;
font-size: 18px;
color: #999999 !important;
text-decoration: none;
-webkit-transition:all 400ms ease;
-moz-transition:all 400ms ease;
-o-transition:all 400ms ease;
transition:all 400ms ease;
display: block;
}
.accordionHeader-aguardando-link-hover:hover
{
background-color: #2D4970;
border-bottom: 2px solid #F78E21;
cursor: pointer;
font-size: 18px;
color: #fff !important;
}
.accordionHeader-aguardando-link-hover:hover div
, .accordionHeader-aguardando-link-hover:hover div:hover {
color: #fff !important;
}
.accordionHeader-aguardando-link div {
color: #999999 !important;
-webkit-transition:all 400ms ease;
-moz-transition:all 400ms ease;
-o-transition:all 400ms ease;
transition:all 400ms ease;
}
.accordionHeader-aguardando-link:hover
, .accordionHeader-aguardando-link:focus
, .accordionHeader-aguardando-link:active
, .accordionHeader-aguardando-link:hover div
, .accordionHeader-aguardando-link:focus div
, .accordionHeader-aguardando-link:active div
, .accordionHeader-aguardando-link div:hover
, .accordionHeader-aguardando-link div:focus
, .accordionHeader-aguardando-link div:active {
color: #fff !important;
text-decoration: none;
}
.accordionHeader-aguardando {
background-color: #bbbbbb;
border-bottom: 2px solid #999999;
cursor: not-allowed;
font-size: 18px;
color: #999999;
text-decoration: none;
}
.accordionHeader-concluido {
background-color: #279A21;
border-bottom: 2px solid #F78E21;
cursor: pointer;
font-size: 18px;
}
.accordionHeader-concluido-link {
background-color: #279A21;
border-bottom: 2px solid #F78E21;
cursor: pointer;
font-size: 18px;
color: #ffff00 !important;
text-decoration: none;
-webkit-transition:all 400ms ease;
-moz-transition:all 400ms ease;
-o-transition:all 400ms ease;
transition:all 400ms ease;
display: block;
}
.accordionHeader-concluido-link-hover:hover
{
background-color: #2D4970;
border-bottom: 2px solid #F78E21;
cursor: pointer;
font-size: 18px;
color: #fff !important;
}
.accordionHeader-concluido-link-hover:hover div
, .accordionHeader-concluido-link-hover:hover div:hover {
color: #fff !important;
}
.accordionHeader-concluido-link div {
color: #ffff00 !important;
-webkit-transition:all 400ms ease;
-moz-transition:all 400ms ease;
-o-transition:all 400ms ease;
transition:all 400ms ease;
}
.accordionHeader-concluido-link:hover
, .accordionHeader-concluido-link:focus
, .accordionHeader-concluido-link:active
, .accordionHeader-concluido-link:hover div
, .accordionHeader-concluido-link:focus div
, .accordionHeader-concluido-link:active div
, .accordionHeader-concluido-link div:hover
, .accordionHeader-concluido-link div:focus
, .accordionHeader-concluido-link div:active {
color: #fff !important;
text-decoration: none;
}
.accordionHeader .pull-right
, .accordionHeader-aguardando .pull-right
, .accordionHeader-concluido .pull-right
, .accordionHeader .right
, .accordionHeader-aguardando .right
, .accordionHeader-concluido .right
{
font-size: 14px;
padding-top: 6px;
padding-bottom: 0;
text-transform: uppercase;
}
.accordionHeader-concluido .pull-right
, .accordionHeader-concluido .right {
color: yellow;
}
.accordionHeader small
, .accordionHeader-aguardando small
, .accordionHeader-concluido small {
font-size: 14px;
}
.accordionHeader div
, .accordionHeaderSelected div
, .accordionHeader-aguardando div
, .accordionHeader-concluido div
, .accordionHeader-info div {
color: #fff;
text-align: left;
padding: 8px 4px 8px 6px;
}
.accordionHeader div:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f067";
padding-right: 8px;
}
.accordionHeaderSelected div:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f078";
padding-right: 8px;
}
.accordionHeader-info div:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f05a";
padding-right: 8px;
}
.accordionHeader-aguardando div {
color: #999999;
}
.accordionContent
{
text-align: left;
background-color: #DEDEDE;
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
}
.accordionContent .container {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-pills-theme > li {
width: 100%;
margin: 0;
}
.nav-pills-theme > li > a {
text-align: left;
color: #000;
font-size: 14px;
padding: 8px 16px!important;
border-bottom: solid 2px lemonchiffon;
box-shadow: 0 3px 0 lemonchiffon;
}
.nav-pills-theme > li.active > a,
.nav-pills-theme > li.active > a:hover,
.nav-pills-theme > li.active > a:focus {
background: lemonchiffon repeat-x left -1300px;
border-bottom: solid 2px #FFCC66;
box-shadow: 0 3px 0 #FFCC66;
}
.nav-pills-theme > .active > a > .badge {
color: #337ab7;
background-color: #fff;
}
.nav-pills-theme > li > a > .badge {
margin-left: 3px;
}
.tab-content-questoes {
height: 440px;
overflow: auto;
}
.border-red {
border: 1px solid red !important;
}
.form-control-radiolist tr td {
padding: 4px;
}
.form-control-radiolist tr td label {
padding-left: 4px;
}
.text-bottom
, .text-bottom td
, .text-bottom tr td
, .text-bottom th td {
vertical-align: bottom;
}
#donate {
margin:4px;
float:left;
}
#donate label {
float:left;
width:170px;
margin:4px;
background-color:#EFEFEF;
border-radius:4px;
border:1px solid #D0D0D0;
overflow:auto;
}
#donate label span {
text-align:center;
font-size: 32px;
padding:13px 0px;
display:block;
}
#donate label input {
position:absolute;
top:-20px;
}
#donate input:checked + span {
background-color:#404040;
color:#F7F7F7;
}
#donate .yellow {
background-color:#FFCC00;
color:#333;
}
#donate .blue {
background-color:#00BFFF;
color:#333;
}
#donate .pink {
background-color:#FF99FF;
color:#333;
}
#donate .green {
background-color:#A3D900;
color:#333;
}
#donate .purple {
background-color:#B399FF;
color:#333;
}
#opcoes-btn {
padding:4px;
width: 100%;
text-align: center;
}
#opcoes-btn .btn-selected {
background-color:#FF0000;
color:#FFFFFF;
}
#opcoes {
padding:4px;
width: 100%;
text-align: center;
}
#opcoes .gray {
background-color:#DDDDDD;
color:#333;
}
#opcoes .yellow {
background-color:#FFCC00;
color:#333;
}
#opcoes .blue {
background-color:#00BFFF;
color:#333;
}
#opcoes .pink {
background-color:#FF99FF;
color:#333;
}
#opcoes .green {
background-color:#A3D900;
color:#333;
}
#opcoes .purple {
background-color:#B399FF;
color:#333;
}
#opcoes input {
width: 0px;
height: 0px;
visibility: hidden;
border: none;
padding: 0;
margin: 0;
}
#opcoes label {
margin:4px;
background-color:#EFEFEF;
border-radius:4px;
border:1px solid #D0D0D0;
overflow:auto;
cursor: pointer;
}
#opcoes label span {
text-align:center;
font-size: 16px;
padding: 12px;
display:block;
cursor: pointer;
}
#opcoes_avaliacao {
padding:4px;
width: 100%;
text-align: center;
}
#opcoes_avaliacao label {
margin:4px;
background-color:#EFEFEF;
border-radius:4px;
border:1px solid #D0D0D0;
overflow:auto;
}
#opcoes_avaliacao label span {
text-align:center;
font-size: 16px;
padding: 12px;
display:block;
cursor: pointer;
}
#opcoes_avaliacao label input {
position:absolute;
top:0px;
width: 0px;
height: 0px;
visibility: hidden;
border: none;
padding: 0;
margin: 0;
}
#opcoes_avaliacao input:checked + span {
background-color:#FF0000;
color:#FFFFFF;
}
#opcoes_avaliacao .gray {
background-color:#DDDDDD;
color:#333;
}
#opcoes_avaliacao .yellow {
background-color:#FFCC00;
color:#333;
}
#opcoes_avaliacao .blue {
background-color:#00BFFF;
color:#333;
}
#opcoes_avaliacao .pink {
background-color:#FF99FF;
color:#333;
}
#opcoes_avaliacao .green {
background-color:#A3D900;
color:#333;
}
#opcoes_avaliacao .purple {
background-color:#B399FF;
color:#333;
}
/****************************************************/
/****************************************************/
/****************************************************/
/****************************************************/
/****************************************************/
/* NORMAL NAVIGATION WITH SOCIAL ICON AND LOGO ONLY */
.non-sticky {
margin-top: 20px;
margin-bottom: 50px;
}
.non-sticky .navbar-nav.navbar-right:last-child {
margin-right: 0;
}
.non-sticky .navbar-nav > li > a {
font-size: 25px;
padding: 0;
padding-left: 5px;
padding-top: 3px;
color: #ffffff;
}
.non-sticky .social-navigation {
padding-top: 12px;
}
/* STICKY NAVIGATION */
.sticky-navigation {
min-height: 75px;
background: #ffffff;
-webkit-backface-visibility: hidden;
border: 0;
-webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
}
.sticky-navigation .navbar-header {
padding-top: 8px;
}
.sticky-navigation .main-navigation {
padding-top: 13px;
}
.sticky-navigation .main-navigation .current a {
-webkit-backface-visibility: hidden;
outline: inherit;
position: relative;
}
.sticky-navigation .navbar-nav > li > a {
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
color: #323232;
}
.navbar-nav > li > a:hover {
background: inherit;
color: #008ed6;
}
.navbar-nav > li > a
, a {
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}
.intro-section {
margin-bottom: 137px;
}
.intro {
color: #ffffff;
}
/****************************************************/
.feature-list-1 {
margin-top: 60px;
margin-bottom: 20px;
}
.feature-list-1 li {
margin-top: 25px;
margin-bottom: 25px;
}
.feature-list-1 li .icon-container {
width: 32px;
height: 32px;
border-radius: 3px;
color: #ffffff;
line-height: 32px;
margin-right: 15px;
margin-top: 8px;
text-align: center;
padding-top: 8px;
}
.feature-list-1 li p {
color: #ffffff;
font-size: 14px;
text-align: justify;
}
/*---------------------------------------
VERTICAL REGISTRATION FORM
-----------------------------------------*/
.input-group-addon {
background-repeat: repeat-x;
/*
border-color: #245580;
background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
color: #fff;
*/
border-color: #ccc;
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
color: #333 !important;
}
.input-group-btn {
background-repeat: repeat-x;
/*border-color: #245580;
background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);*/
color: #fff;
}
.input-group-btn a {
padding: 4px 12px 1px;
min-height: 30px;
border-radius: 0px !important;
}
.standard-button {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
border-radius: 3px;
padding: 15px 30px;
border: 0;
margin-top: 5px;
margin-bottom: 5px;
line-height: inherit;
-webkit-transition: all ease 0.25s;
transition: all ease 0.25s;
}
.secondary-button {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
border-radius: 3px;
padding: 15px 30px;
border: 0;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #727272;
color: #323232;
background: #ffffff;
line-height: inherit;
-webkit-transition: all ease 0.25s;
transition: all ease 0.25s;
}
@media (max-width: 768px) {
.non-sticky {
margin-top: 0px;
margin-bottom: 10px;
}
.navbar-header {
width: 100%;
text-align: center;
}
.intro-section {
margin-bottom: 60px;
}
.feature-list-1 {
margin-top: 40px;
margin-bottom: 20px;
}
.feature-list-1 li {
margin-top: 15px;
margin-bottom: 15px;
}
.feature-list-1 li p {
color: #ffffff;
font-size: 13px;
text-align: justify;
}
}
/* --------------------------------------
=========================================
COLOR : BLUE
MAIN COLOR CODE: #008ed6
DEEP COLOR CODE: #005885
=========================================
----------------------------------------- */
.colored-line {
height: 1px;
width: 70px;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
}
.colored-line {
background: #008ed6;
}
.colored-text {
color: #008ed6 !important;
}
.colored-row {
height: 1px;
width: 95%;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
background: #008ed6;
}
.color-bg {
background: #008ed6;
}
/*a {
color: #005885;
}*/
.non-sticky .navbar-nav > li > a:hover {
color: #008ed6;
}
.standard-button {
background: #008ed6;
color: #ffffff;
}
.standard-button:hover {
color: #ffffff;
background: #0186ca;
}
.secondary-button:hover {
color: #008ed6;
border-color: #008ed6;
}
.sticky-navigation .main-navigation .current a {
color: #008ed6 !important;
}
.sticky-navigation .navbar-nav > li > a:hover {
color: #008ed6;
}
.feature-list-1 li .icon-container {
background: #008ed6;
}
.feature-list-2 li .icon-container {
background: #008ed6;
}
.feature .icon {
color: #008ed6;
}
.vertical-registration-form .input-box
, .form-registration .input-box
, .form-registration .form-control
, .modal-container .input-box
, .modal-container .form-control {
border-top: 1px solid rgba(0, 142, 214, 0.4);
border-bottom: 1px solid rgba(0, 142, 214, 0.4);
border-right: 1px solid rgba(0, 142, 214, 0.4);
border-left: 3px solid #008ed6;
}
.vertical-registration-form .input-box:focus
, .vertical-registration-form .input-box:active
, .form-registration .input-box:focus
, .form-registration .input-box:active
, .form-registration .form-control:focus
, .form-registration .form-control:active {
border-color: #008ed6;
}
.subscription-form .input-box:focus,
.subscription-form .input-box:active {
border-left: 3px solid #008ed6 !important;
}
.input-box
, .form-control
, .form-control-min
, .textarea-box
, input {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
}
.input-box:active,
.textarea-box:active,
.input-box:focus,
.textarea-box:focus {
border-left: 3px solid #008ed6;
}
.screenshots .owl-theme .owl-controls .owl-page span {
background: #008ed6;
}
.contact-link {
color: #008ed6;
}
.contact-link:hover {
color: #005885;
}
.social-icons li a:hover {
color: #008ed6;
}
/*************************/
/*************************/
/****** LOGIN MODAL ******/
/*************************/
/*************************/
.loginmodal-container {
padding: 30px;
max-width: 420px;
width: 100% !important;
background-color: #000000;
margin: 0 auto;
border-radius: 2px;
border-color: #dddddd;
box-shadow: 0px 2px 2px #cccccc;
overflow: hidden;
}
.loginmodal-container-edp {
padding: 30px;
max-width: 420px;
width: 100% !important;
background-color: #333333;
background: url(../img/fundo_home_chamada.jpg) center center;
margin: 0 auto;
border-radius: 2px;
border-color: #dddddd;
box-shadow: 0px 2px 4px #dddddd;
overflow: hidden;
}
.modal-container {
width: 100% !important;
background-color: #fff; /*rgba(0, 0, 0, 0.9); */
margin: 0 auto;
border-radius: 2px;
border-color: #dddddd;
box-shadow: 0px 2px 2px #cccccc;
overflow: hidden;
color: #ffffff;
}
.modal-container .modal-header {
text-transform: uppercase;
border-bottom: 1px solid #222222; /*#008ed6; #fcb322*/
}
.modal-container .modal-footer {
border-top: 1px solid #222222; /*#008ed6; #fcb322*/
}
.modal-container a
, .modal-container .form-group
, .modal-container .form-group .control-label {
color : #fff;
}
.modal-container .close {
color: #fff !important;
opacity: .8;
-webkit-transition:all 400ms ease;
-moz-transition:all 400ms ease;
-o-transition:all 400ms ease;
transition:all 400ms ease;
padding: 8px;
border-radius: 4px;
}
.modal-container .close:hover {
background-color: #fff !important;
color: #FCB322 !important;
/*border: 1px solid #FFCC66;*/ /*#FCB322*/
}
.modal-dialog-center {
position: absolute;
top: 2%;
/*top: 45%;*/
left: 50%;
transform: translate(-50%, 0%) !important;
padding-bottom: 20px;
/*transform: translate(-50%, -45%) !important; */
}
.modal-dialog-center .modal-content {
max-height: 95%;
}
@media (max-width: 520px) {
.modal-dialog-center {
position: absolute;
top: 0%;
left: 0%;
transform: translate(0%, 0%) !important;
}
.modal-footer .btn
, .modal-footer .btn + .btn {
margin-bottom: 8px;
}
}
.login-modal-center {
display:table;
height: 100%;
width: 100%;
pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.login-modal-align-center {
/* To center vertically */
display: table-cell;
vertical-align: middle;
pointer-events:none;
}
.login-modal-content {
/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
width:inherit;
height:inherit;
/* To center horizontally */
margin: 0 auto;
pointer-events: all;
}
.login-help {
padding-top: 12px;
font-size: 16px;
color: #000;
}
.login-help a {
color: #fff;
}
.windows-modal {
/* display: block;*/
padding-right: 0px;
background-color: rgba(4, 4, 4, 0.8);
}
.windows-modal-dialog {
top: 20%;
width: 100%;
position: absolute;
}
.windows-modal-content {
border-radius: 0px;
border: none;
top: 40%;
}
.windows-modal-body {
background-color: #0f8845;
color: white;
}
.text-white {
color: #ffffff !important;
}
.text-white a {
color: #ffffff !important;
}
.text-white a:hover {
color: #dddddd !important;
}
.text-white .control-label {
color: #ffffff !important;
}
/********************************/
/********************************/
/*********** ADMIN **************/
/********************************/
/********************************/
.header {
display: block;
margin: 0;
padding: 12px 40px 20px 40px;
color: #ffffff;
border-bottom: 1px solid #222222;
background-color: black;
background: url(../img/fundo-top-menu.jpg) no-repeat top center fixed; /*pag_inicial_investidor_fundo_menu*/
background-size: 100% auto;
color: #fff;
}
.header .logo {
display: inline-block;
float: left;
}
.header img {
max-height: 100px;
max-width: 260px;
}
.header .nav {
margin-top: 16px;
}
.header .logout {
margin-top: 20px;
}
.header .nav
, .header .logout
, ul.top-menu > li > a {
font-size: 30px;
}
ul.top-menu > li {
float: left;
}
ul.top-menu > li > a {
color: #ffffff;
border-bottom: 3px solid transparent !important;
padding: 4px 8px;
margin-right: 28px;
transition: border-bottom 1s;
-webkit-transition: border-bottom 1s;
}
ul.top-menu > li > a:hover, ul.top-menu > li > a:focus {
color: #ffffff !important; /*#FEF65D*/
border-bottom: 3px solid #ffffff !important;
background-color: transparent !important;
text-decoration: none;
}
@media (max-width: 992px) {
.header .nav
, .header .logout
, ul.top-menu > li > a {
font-size: 26px;
}
ul.top-menu > li > a {
margin-right: 10px;
}
}
@media (max-width: 768px) {
.header {
padding: 16px 40px 20px 40px;
background-size: auto 100%;
}
.header img {
max-height: 100px;
max-width: 160px;
}
.header .nav
, .header .logout {
margin-top: 16px;
}
ul.top-menu > li > a {
margin-right: 20px;
}
}
@media (max-width: 520px) {
.header {
padding: 8px 0px 12px 12px;
}
.header img {
height: 60px;
}
.header .nav
, .header .logout {
margin-top: 8px;
}
ul.top-menu > li > a {
font-size: 22px;
}
ul.top-menu > li > a {
margin-right: 2px;
}
.header .nav .badge {
font-size: 10px;
}
}
/*--sidebar toggle---*/
.sidebar-toggle-box {
float: left;
padding-right: 15px;
margin-top: 16px;
}
.sidebar-toggle-box .logs-button
{
border: 1px solid #ffffff;
color: #fff;
border-radius: 1px;
-webkit-border-radius: 1px;
}
.sidebar-toggle-box .logs-button:hover
{
background-color: #fff !important;
color: #000 !important;
border: 1px solid #FFCC66;
}
.sidebar-toggle-box .fa-bars {
cursor: pointer;
display: inline-block;
font-size: 16px;
}
.sidebar-closed > #sidebar > ul {
display: none;
}
.sidebar-closed #main-content {
margin-left: 0px;
}
.sidebar-closed #sidebar {
margin-left: -180px;
}
/*notification*/
.notify-row .badge {
position: absolute;
right: -10px;
top: -10px;
z-index: 100;
color: #ffffff;
background-color: #fcb322; /*#CC0000*/
border: none;
}
.notify-row {
float: right;
margin-top: 15px;
/*margin-right: 92px;*/
}
@media (max-width: 768px) {
.notify-row {
/*margin-left: 18px;*/
}
}
.notify-row .notification span.label {
display: inline-block;
height: 18px;
width: 20px;
padding: 5px;
}
.notify-arrow {
border-style: solid;
border-width: 0 9px 9px;
height: 0;
margin-top: 0;
opacity: 0;
position: absolute;
right: 43px;
top: -18px;
transition: all 0.25s ease 0s;
width: 0;
z-index: 10;
margin-top: 10px;
opacity: 1;
}
.notify-arrow-yellow {
border-color: transparent transparent #FCB322;
border-bottom-color: #FCB322 !important;
border-top-color: #FCB322 !important;
}
.notify-arrow-green {
border-color: transparent transparent #68dff0;
border-bottom-color: #68dff0 !important;
border-top-color: #68dff0 !important;
}
.logout {
color: #ffffff;
font-size: 16px;
border-radius: 1px;
-webkit-border-radius: 1px;
padding: 8px 4px;
margin-right: 15px;
float: right;
color: #ffffff;
}
.logout .logs-button
{
border: 1px solid #ffffff;
color: #fff;
border-radius: 1px;
-webkit-border-radius: 1px;
}
.logout .logs-button:hover
{
background-color: #fff !important;
color: #000 !important;
border: 1px solid #FFCC66;
}
.dropdown-menu {
left: auto;
right: 0;
font-size: 14px;
}
.dropdown-menu.extended {
max-width: 420px !important;
min-width: 160px !important;
top: 42px;
width: 420px !important;
padding: 0;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
border: none !important;
border-radius: 4px;
-webkit-border-radius: 4px;
}
@media (max-width: 420px) {
.dropdown-menu.extended {
max-width: 300px !important;
width: 250px !important;
}
}
.dropdown-menu.extended li p {
background-color: #F1F2F7;
color: #666666;
margin: 0;
padding: 10px;
border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
}
.dropdown-menu.extended li p.green {
background-color: #68dff0;
color: #999999;
}
.dropdown-menu.extended li p.yellow {
background-color: #fcb322;
color: #fff;
}
.dropdown-menu.extended li a {
border-bottom: 1px solid #EBEBEB !important;
font-size: 14px;
list-style: none;
}
.dropdown-menu.extended li a {
padding: 15px 10px !important;
width: 100%;
display: inline-block;
}
.dropdown-menu.extended li a:hover {
background-color: #F2F2F2 !important;
color: #2E2E2E;
}
.dropdown-menu.tasks-bar .task-info .desc {
font-size: 14px;
font-weight: normal;
}
.dropdown-menu.tasks-bar .task-info .percent {
display: inline-block;
float: right;
font-size: 13px;
font-weight: 600;
padding-left: 10px;
margin-top: -4px;
}
.dropdown-menu.extended .progress {
margin-bottom: 0 !important;
margin-top: 4px;
height: 14px;
}
.dropdown-menu.extended .progress .progress-bar {
font-size: 14px;
line-height: 1.3;
}
.dropdown-menu.inbox li a .photo img {
border-radius: 2px 2px 2px 2px;
float: left;
height: 40px;
margin-right: 4px;
width: 40px;
}
.dropdown-menu.inbox li a .subject {
display: block;
}
.dropdown-menu.inbox li a .subject .from {
font-size: 16px;
font-weight: 600;
}
.dropdown-menu.inbox li a .subject .time {
font-size: 16px;
font-style: italic;
font-weight: bold;
position: absolute;
right: 5px;
}
.dropdown-menu.inbox li a .message {
display: block !important;
font-size: 16px;
}
.dropdown-menu.inbox .inbox-text {
background-color: #fff;
font-family: Abel, sans-serif;
font-size: 16px;
font-family: inherit;
color: #333;
padding: 10px 2px 10px 2px;
border-bottom: 1px solid #EBEBEB !important;
text-align: left;
}
.dropdown-menu.extended .inbox-text:hover {
background-color: #F2F2F2 !important;
color: #2E2E2E;
}
.inline-block {
display: inline-block;
}
/************************************************/
/***** SIDE BAR *********************************/
/*sidebar navigation*/
#sidebar {
width: 210px;
height: 100%;
top: 60px;
position: fixed;
background: rgba(0, 0, 0, 0.7);
color: #f2f2f2;
margin-left: -210px;
}
#sidebar .img-circle {
background: rgba(0, 0, 0, 0.6);
color: #fff;
}
#sidebar h5 {
color: #f2f2f2;
font-weight: 700;
}
#sidebar h5 small {
color: #f2f2f2;
}
#sidebar ul li {
position: relative;
}
#sidebar .sub-menu > .sub li {
padding-left: 32px;
}
#sidebar .sub-menu > .sub li:last-child {
padding-bottom: 10px;
}
.nav-collapse.collapse {
display: inline;
}
ul.sidebar-menu , ul.sidebar-menu li ul.sub{
margin: -2px 0 0;
padding: 0;
}
ul.sidebar-menu {
margin-top: 15px;
}
#sidebar > ul > li > ul.sub {
display: none;
}
#sidebar > ul > li.active > ul.sub, #sidebar > ul > li > ul.sub > li > a {
display: block;
}
ul.sidebar-menu li ul.sub li{
background: rgba(0, 0, 0, 0.6);
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
ul.sidebar-menu li ul.sub li:last-child{
border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
}
ul.sidebar-menu li ul.sub li a {
font-size: 12px;
padding: 6px 0;
line-height: 35px;
height: 35px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #aeb2b7;
}
ul.sidebar-menu li ul.sub li a:hover {
color: white;
background: transparent;
}
ul.sidebar-menu li ul.sub li.active a {
color: #FCB322;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
display: block;
}
ul.sidebar-menu li{
/*line-height: 20px !important;*/
margin-bottom: 5px;
}
ul.sidebar-menu li.sub-menu{
line-height: 15px;
}
ul.sidebar-menu li a span{
display: inline-block;
}
ul.sidebar-menu li a{
color: #aeb2b7;
text-decoration: none;
display: block;
padding: 15px 0 15px 10px;
font-size: 12px;
outline: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
background: #FCB322;
color: #fff;
display: block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
ul.sidebar-menu li a i {
font-size: 15px;
padding-right: 6px;
}
ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i {
color: #fff;
}
ul.sidebar-menu li a.active i {
color: #fff;
}
#main-content {
margin-top: 0px;
/*margin-left: 210px;*/
display: block;
}
.wrapper {
display: block;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-top: 2px;
width: 100%;
}
.content-white {
display: block;
padding: 8px 24px;
background: rgba(255, 255, 255, 0.6);
border-bottom: 1px solid #e1e6ef;
margin-bottom: 0px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
margin-bottom: 5px;
}
@media (max-width: 587px) {
.content-white {
margin: 0px;
padding: 2px 8px;
}
}
.content-header {
display: block;
margin-bottom: 0px;
}
.content-header-black {
background: none; /*rgba(0, 0, 0, 0.9);*/
border-bottom: none;
}
.content-header-black .label {
padding: 0px 6px 0px 6px;
font-size: 11px !important;
color: #fff !important;
text-transform: none;
}
.content-header hr {
border-top: 1px solid #ddd;
}
.content-header .header-icon {
display: table-cell;
/*float: left;*/
}
.content-header .header-title {
display: table-cell;
/*float: left;*/
padding: 12px 20px;
}
.content-header .header-title h1 {
margin: 0;
font-size: 28px;
color: #222;
font-weight: 600;
}
.content-header .header-title small {
font-size: 16px;
display: inline-block;
padding-left: 4px;
font-weight: 600;
color: #999999;
}
.jumbotron{
color: #000;
background: rgba(255, 255, 255, 0.6);
box-shadow: 0 2px 3px #fcb322; /*rgba(0, 0, 0, 0.2);*/
}
@media (max-width: 768px) {
.content-header {
padding: 0px 0px;
}
.content-header .header-icon {
display: none;
}
.content-header .header-title h1 {
font-size: 20px;
}
.content-header .header-title small {
padding-left: 0px;
font-size: 13px;
}
.content-header .header-title .text-red {
line-height: 2;
}
.jumbotron img
, .content-header .header-icon img {
max-height: 40px;
}
.jumbotron h1 {
font-size: 26px;
}
.jumbotron p {
font-size: 13px;
}
.jumbotron .btn-lg {
font-size: 13px !important;
}
}
/**********************************************************/
/****** PANELS ********************************************/
/* *************************************************************************************
PANELS CONFIGURATIONS
*************************************************************************************** */
/*Panel Size*/
.pn {
height: 250px;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}
.pn:hover {
box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.3);
}
.jumbtron:hover {
box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.3);
}
/*Grey Panel*/
.grey-panel {
text-align: center;
background: #dfdfe1;
}
.grey-panel .grey-header {
background: #ccd1d9;
padding: 3px;
margin-bottom: 15px;
}
.grey-panel h5 {
font-weight: 200;
margin-top: 10px;
}
.grey-panel p {
margin-left: 5px;
}
/* Specific Conf for Donut Charts*/
.donut-chart p {
margin-top: 5px;
font-weight: 700;
margin-left: 15px;
}
.donut-chart h2 {
font-weight: 900;
color: #FF6B6B;
font-size: 38px;
}
/* Dark Blue*/
.darkblue-panel {
text-align: center;
background: #444c57;
}
.darkblue-panel .darkblue-header {
background: transparent;
padding: 3px;
margin-bottom: 15px;
}
.darkblue-panel h1 {
color: #f2f2f2;
}
.darkblue-panel h5 {
font-weight: 200;
margin-top: 10px;
color: white;
}
.darkblue-panel footer {
color: white;
}
.darkblue-panel footer h5 {
margin-left:10px;
margin-right: 10px;
font-weight: 700;
}
/*Green Panel*/
.green-panel {
text-align: center;
background: #68dff0;
}
.green-panel .green-header {
background: #43b1a9;
padding: 3px;
margin-bottom: 15px;
}
.green-panel h5 {
color: white;
font-weight: 200;
margin-top: 10px;
}
.green-panel h3 {
color: white;
font-weight: 100;
}
.green-panel p {
color: white;
}
/*White Panel */
.white-panel {
text-align: center;
background: #ffffff;
color: #ccd1d9;
}
.white-panel p {
margin-top: 5px;
font-weight: 700;
margin-left: 15px;
}
.white-panel .white-header {
background: #f4f4f4;
padding: 3px;
margin-bottom: 15px;
color: #c6c6c6;
}
.white-panel .small {
font-size: 10px;
color: #ccd1d9;
}
.white-panel i {
color: #68dff0;
padding-right: 4px;
font-size: 14px;
}
/*STOCK CARD Panel*/
/*
* Card component
*/
/*
.card-container.card {
max-width: 350px;
padding: 40px 40px;
}
.card {
background-color: #F7F7F7;
padding: 20px 25px 30px;
margin: 0 auto 25px;
margin-top: 50px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}*/
.profile-img-card {
width: 96px;
height: 96px;
margin: 0 auto 10px;
display: block;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.profile-name-card {
font-size: 16px;
font-weight: bold;
text-align: center;
margin: 10px 0 0;
min-height: 1em;
}
.reauth-email {
display: block;
color: #404040;
line-height: 2;
margin-bottom: 10px;
font-size: 14px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.stock .stock-chart {
background: #00c5de;
}
.stock .stock-chart #chart {
height: 10.7em;
background: url(http://i.imgbox.com/abmuNQx2) center bottom no-repeat;
}
.stock .current-price {
background: #1d2122;
padding: 10px;
}
.stock .current-price .info abbr {
display: block;
color: #f8f8f8;
font-size: 1.5em;
font-weight: 600;
margin-top: 0.18em;
}
.stock .current-price .changes {
text-align: right;
}
.stock .changes .up {
color: #4fd98b
}
.stock .current-price .changes .value {
font-size: 1.8em;
font-weight: 700;
}
.stock .summary {
color: #2f2f2f;
display: block;
background: #f2f2f2;
padding: 10px;
text-align: center;
}
.stock .summary strong {
font-weight: 900;
font-size: 14px;
}
/*Content Panel*/
.content-panel {
background: #ffffff;
box-shadow: 0px 3px 2px #aab2bd;
padding-top: 15px;
padding-bottom: 5px;
}
.content-panel h4 {
margin-left: 10px;
}
/* LINE ICONS CONFIGURATION */
.box-header {
width: 250px;
margin-left: auto;
margin-right: auto;
display: inline-block;
}
.box0 {
background: rgba(255, 255, 255, 0.6);
box-shadow: 0 6px 6px rgba(0, 0, 0, 0.4);
margin-left: auto;
margin-right: auto;
}
.box0:hover {
background: #ffffff;
box-shadow: 0 6px 6px #fcb322; /*rgba(0, 0, 0, 0.2);*/
}
.box0:hover .box1 {
border-bottom: 1px solid #dddddd;
}
.box0 p {
text-align: center;
font-size: 13px;
color: #dddddd;
padding: 10px;
text-transform: uppercase;
background-color: #333333;
}
.box0:hover p {
color: #ffffff;
background-color: #000000;
}
.box1 {
padding: 5px;
text-align: center;
color: #333333;
border-bottom: 1px solid #dddddd;
}
.box1 span {
float: left;
font-size: 50px;
padding-left: 14px;
}
.box1 h3 {
float: right;
text-align: right;
padding-right: 8px;
font-size: 32px;
margin-top: 2px;
margin-bottom: 0px;
}
.table-row {
display: table-row;
}
.table-cell {
display: table-cell;
}
.table-cell-inner {
padding-left: 8px;
padding-right: 8px;
}
.table > tbody > tr.success-light > td {
background-color: #dff0d866;
background-color: rgba(223,240,216,0.4);
}
.table > tbody > tr.danger-light > td {
background-color: #f2dede;
background-color: rgba(242, 222, 222, 0.7);
}
.work-touchpoint {
min-width: 36px;
display: inline-block; /*table-cell*/
vertical-align: middle;
}
.work-touchpoint-table-cell {
display: table-cell !important;
}
.work-touchpoint-details {
display: inline-block ; /*table-cell*/
vertical-align: middle;
}
.work-touchpoint-details .text-link {
text-decoration: none;
}
.work-touchpoint-details .text-link:hover {
text-decoration: none;
color: red !important;
}
.work-touchpoint-btns {
/*display: table-cell;
text-align: right;*/
vertical-align: middle;
display: block;
text-align: left;
padding: 8px 50px;
border-top: 1px dotted #eee;
}
@media (max-width: 587px) {
.work-touchpoint-btns {
display: block;
text-align: left;
padding: 8px 6px;
border-top: 1px dotted #eee;
}
}
.work-touchpoint-date
, .work-touchpoint-date2 {
/*margin: 0 10px 0 0;*/
margin: 0;
border: 1px solid gray;
background: #f2f2f2;
display: inline-block;
}
.work-touchpoint-date-ate {
padding: 2px 4px 2px 4px;
display: inline-block;
vertical-align: middle;
font-size: 11px;
}
.work-touchpoint-media {
margin: 0 10px 0 0;
border: 1px solid gray;
background: #f2f2f2;
}
.work-touchpoint-media .valor {
color: #323232;
display: block;
font-size: 11px;
font-weight: normal;
line-height: 1;
padding: 6px 2px;
text-align: center;
min-width: 40px;
}
.work-touchpoint-media .texto {
color: #fff;
background-color: #333;
display: block;
font-size: 10px;
font-weight: 500;
line-height: 1;
padding: 4px 6px 4px 6px;
text-align: center;
}
.work-touchpoint-date .day
, .work-touchpoint-date2 .day {
color: #323232;
display: block;
font-size: 11px;
font-weight: 500;
line-height: 1;
padding: 4px 0;
text-align: center;
width: 30px;
}
.work-touchpoint-date .month {
background-color: #009688;
color: #fff;
display: block;
font-size: 9px;
font-weight: 500;
line-height: 1;
padding: 3px 0 3px 0;
text-align: center;
text-transform: uppercase;
width: 30px;
}
.work-touchpoint-date2 .month {
background-color: darkred;
color: #fff;
display: block;
font-size: 9px;
font-weight: 500;
line-height: 1;
padding: 3px 0 3px 0;
text-align: center;
text-transform: uppercase;
width: 30px;
}
.work-touchpoint-date .media {
background-color: #333333;
color: #fff;
display: block;
font-size: 9px;
font-weight: 500;
line-height: 1;
padding: 3px 0 3px 0;
text-align: center;
text-transform: uppercase;
width: 30px;
}
/**************************************************/
@media (max-width: 768px) {
/*sidebar*/
#sidebar {
height: auto;
overflow: hidden;
position: absolute;
width: 100%;
z-index: 1001;
background: rgba(0, 0, 0, 1);
}
/* body container */
#main-content {
margin: 0px 0px 0px 0px !important;
}
#sidebar > ul > li > a > span {
line-height: 35px;
}
#sidebar > ul > li {
margin: 0 0px 5px 0px;
}
#sidebar > ul > li > a {
height: 35px;
line-height: 35px;
padding: 0 10px;
text-align: left;
}
#sidebar > ul > li > a i {
/*display: none !important;*/
}
#sidebar ul > li > a .arrow, #sidebar > ul > li > a .arrow.open {
margin-right: 10px;
margin-top: 15px;
}
#sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow,
#sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open {
margin-top: 15px;
}
#sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li {
width: 100%;
}
#sidebar > ul > li > ul.sub > li > a {
background: transparent !important;
}
#sidebar > ul > li > ul.sub > li > a:hover {
}
/* sidebar */
#sidebar {
margin: 0px !important;
}
/* sidebar collabler */
#sidebar .btn-navbar.collapsed .arrow {
display: none;
}
#sidebar .btn-navbar .arrow {
position: absolute;
right: 35px;
width: 0;
height: 0;
top: 48px;
border-bottom: 15px solid #282e36;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
}
.logout {
margin-right: 0;
}
.col-xs-1
, .col-sm-1
, .col-md-1
, .col-lg-1
, .col-xs-2
, .col-sm-2
, .col-md-2
, .col-lg-2
, .col-xs-3
, .col-sm-3
, .col-md-3
, .col-lg-3
, .col-xs-4
, .col-sm-4
, .col-md-4
, .col-lg-4
, .col-xs-5
, .col-sm-5
, .col-md-5
, .col-lg-5
, .col-xs-6
, .col-sm-6
, .col-md-6
, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-right: 2px;
padding-left: 2px;
}
}
@media (max-width: 490px) {
.hidden-xs-min {
display: none !important;
}
#main-content {
padding-left: 0;
padding-right: 0;
}
#main-content .container {
padding-left: 0px;
padding-right: 0px;
}
}
/***********************************************/
/*** FILE UPLOAD ***/
.imageUploaderField {
width:100%!important;
}
.imageUploaderField input {
width:100%!important;
padding: 0;
margin: 0;
font-size: 12px;
}
.imageUploaderField div {
padding: 0;
margin: 0;
}
.image-preview-input {
position: relative;
overflow: hidden;
margin: 0px;
color: #333;
background-color: #fff;
border-color: #ccc;
}
.image-preview-input input[type=file] {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 16px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
}
.image-preview-input-title {
margin-left:2px;
}
.stepwizard-div {
background: rgba(255, 255, 255, 0.6);
box-shadow: 0 6px 6px rgba(0, 0, 0, 0.4);
padding: 8px 0px 8px 0px;
text-align: center;
width: 100%;
}
.stepwizard {
display: table;
width: 70%;
position: relative;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.stepwizard-row {
display: table-row;
}
.stepwizard-row:before {
top: 29px;
bottom: 0;
position: absolute;
content: " ";
width: 100%;
height: 1px;
background-color: #fcb322; /*#fcb322; (amarelo)*/ /*#008ed6 (azul)*/
z-order: 0;
}
.stepwizard-step .disabled {
opacity: 1 !important;
filter: alpha(opacity=100) !important;
background-color: #fff;
}
.stepwizard-step p {
margin-top: 10px;
}
.stepwizard-step {
display: table-cell;
text-align: center;
position: relative;
}
.stepwizard-step .btn-circle {
text-align: center;
padding: 10px;
font-size: 12px;
line-height: 1.428571429;
width: 60px;
height: 60px;
border-radius: 60px;
}
@media (max-width: 585px) {
.stepwizard {
width: 100%;
}
}
/* Default mode */
.btn-tab {
margin-right: 2px;
text-transform: uppercase;
background-color: #eee;
border-bottom: 4px solid #dddddd;
float:none;
display:inline-block;
zoom:1;
}
.btn-tab:hover {
background: none !important;
box-shadow: 0 2px 2px #fcb322; /*rgba(0, 0, 0, 0.2);*/
}
.tab-i2bg {
border: none;
margin: 0px;
border-bottom: 2px solid #eee;
padding-top: 12px;
}
.tab-i2bg a {
float: none;
display: inline-block;
zoom: 1;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
color: #bbb;
margin-right: 2px;
padding: 10px 15px;
text-transform: uppercase;
background-color: #eee;
border-bottom: 6px solid #999999;
cursor: not-allowed;
}
.tab-i2bg .active {
color: #fff;
background-color: #2D4970 !important;
border-bottom: 6px solid #fcb322 !important;
cursor: pointer !important;
}
.tab-i2bg .active:hover {
color: #2D4970;
background: none !important;
box-shadow: 0 2px 2px #fcb322;
border-bottom: 6px solid #fcb322 !important;
}
.tabbable-line > .nav-tabs {
border: none;
margin: 0px;
border-bottom: 2px solid #cccccc;
text-align: left;
}
.tabbable-line > .nav-tabs > li {
margin-right: 2px;
text-transform: uppercase;
background-color: #eee;
border-bottom: 5px solid #999999;
float:none;
display:inline-block;
zoom:1;
-webkit-transition:all 400ms ease;
-moz-transition:all 400ms ease;
-o-transition:all 400ms ease;
transition:all 400ms ease;
}
.tabbable-line > .nav-tabs > li:hover {
background: none !important;
box-shadow: 0 2px 2px #fcb322; /*rgba(0, 0, 0, 0.2);*/
}
.tabbable-line > .nav-tabs > li > a
, btn-tab > a {
border: 0;
margin-right: 0;
color: #999;
background: none !important;
}
.tabbable-line > .nav-tabs > li.open
, .tabbable-line > .nav-tabs > li:hover {
background: none !important;
border-bottom: 5px solid #fcb322;
}
.tabbable-line > .nav-tabs > li.open > a
, .tabbable-line > .nav-tabs > li:hover > a {
border: 0;
background: none !important;
color: #2D4970;
}
.tabbable-line > .nav-tabs > li.open > a > i
, .tabbable-line > .nav-tabs > li:hover > a > i
, .btn-tab > a > i {
color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active
, .tabbable-line > .nav-tabs > li.active:hover
, .btn-tab.active {
background-color: #2D4970 !important; /*#2D4970*/
border-bottom: 6px solid #fcb322 !important;
}
.tabbable-line > .nav-tabs > li.active > a
, .tabbable-line > .nav-tabs > li.active > a:hover
, .btn-tab.active
, .btn-tab.active > a
, .btn-tab.active > a:hover {
border: 0;
color: #fff;
}
.tabbable-line > .nav-tabs > li.active > a > i
, .btn-tab .active > a > i {
color: #404040;
}
.tabbable-line > .tab-content {
margin-top: -3px;
background-color: transparent;
border: 0;
border-top: 1px solid #eee;
padding: 10px 0px;
min-height: 140px;
}
/* Below tabs mode */
.tabbable-line.tabs-below > .nav-tabs > li {
border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
border-bottom: 0;
border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
margin-bottom: -2px;
border-bottom: 0;
border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
margin-top: -10px;
border-top: 0;
border-bottom: 1px solid #eee;
padding-bottom: 15px;
}
/*****************************************************/
.tabbable-line-white > .nav-tabs {
border: none;
margin: 0px;
border-bottom: 2px solid #cccccc;
text-align: center;
}
.tabbable-line-white > .nav-tabs > li {
margin-right: 2px;
text-transform: uppercase;
background-color: transparent;
border-bottom: 4px solid #fcb322;
float:none;
display:inline-block;
zoom:1;
}
.tabbable-line-white > .nav-tabs > li:hover {
background: none !important;
box-shadow: 0 2px 2px #fcb322; /*rgba(0, 0, 0, 0.2);*/
}
.tabbable-line-white > .nav-tabs > li > a
, btn-tab > a {
border: 0;
margin-right: 0;
color: #222;
background: none !important;
}
.tabbable-line-white > .nav-tabs > li.open
, .tabbable-line-white > .nav-tabs > li:hover {
background: none !important;
border-bottom: 4px solid #fcb322;
}
.tabbable-line-white > .nav-tabs > li.open > a
, .tabbable-line-white > .nav-tabs > li:hover > a {
border: 0;
background: none !important;
color: #333333;
}
.tabbable-line-white > .nav-tabs > li.open > a > i
, .tabbable-line-white > .nav-tabs > li:hover > a > i{
color: #a6a6a6;
}
.tabbable-line-white > .nav-tabs > li.open .dropdown-menu, .tabbable-line-white > .nav-tabs > li:hover .dropdown-menu {
margin-top: 0px;
}
.tabbable-line-white > .nav-tabs > li.active
, .tabbable-line-white > .nav-tabs > li.active:hover{
border-bottom: 4px solid #fcb322 !important;
background-color: #2D4970 !important;
}
.tabbable-line-white > .nav-tabs > li.active > a
, .tabbable-line-white > .nav-tabs > li.active > a:hover{
border: 0;
color: #fff !important;
}
.tabbable-line-white > .nav-tabs > li.active > a > i{
color: #404040;
}
.tabbable-line-white > .nav-tabs > li.nav-tabs-btns
, .tabbable-line-white > .nav-tabs > li.nav-tabs-btns:hover{
background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
border-bottom: 4px solid #fcb322 !important;
/*position: relative;*/
}
.tabbable-line-white > .nav-tabs > li.nav-tabs-btns > a {
background-color: #265a88;
border: 0;
color: #fff;
}
.tabbable-line-white > .nav-tabs > li.nav-tabs-btns > a:hover{
background-color: #265a88;
border: 0;
color: #000;
}
.tabbable-line-white > .nav-tabs > li.nav-tabs-btns > a > i{
color: #404040;
}
.tabbable-line-white > .tab-content {
margin-top: -3px;
background-color: transparent;
border: 0;
border-top: 1px solid #eee;
padding: 10px 0px;
min-height: 280px;
}
.btn-noeffect {
cursor: text;
}
.div_filtro {
padding: 0;
margin: 0;
padding-bottom: 6px;
margin-bottom: 4px;
}
.div_filtro .form-group {
padding: 0;
margin: 0;
}
.table-striped > tbody > tr > th {
background-color: white;
color: #2D4970;
}
.table > tbody > th > td .label
, .table > tbody > tr > td .label {
line-height: 2;
}
.table-block {
display: block;
width: 100%;
position: relative;
}
.table-calendar {
font-family: Abel, sans-serif;
font-size: 16px;
border: 2px solid #2D4970;
}
.table-calendar > tbody > th > td
, .table-calendar > tbody > tr > th {
background-color: #555555;
color: #fff;
text-align: center;
line-height: 2;
font-size: 14px !important;
text-transform: uppercase;
}
.table-calendar > tbody > th > td
, .table-calendar > tbody > tr > th
, .table-calendar > tbody > tr > td {
padding: 0px;
font-family: Abel, sans-serif;
font-size: 16px;
text-align: center;
border: 1px solid #ddd;
}
.table-calendar > tbody > tr > td > a
, .table-calendar > tbody > tr > td > span {
display: block;
line-height: 2;
width: 100%;
height: 100%;
text-decoration: none;
color: #000;
background-color: #fff;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
}
.table-calendar > tbody > tr > td > .today {
background-color: #eeeeee;
color: #000;
}
.table-calendar > tbody > tr > td > .selected {
background-color: #2D4970 !important;
color: #fff !important;
}
.table-calendar > tbody > tr > td > .selected-on {
background-color: #0099CC !important;
color: #fff !important;
}
.table-calendar > tbody > tr > td > .selected-off {
background-color: #ddd !important;
color: #000 !important;
}
.table-calendar > tbody > tr > td > .mute {
color: #ccc;
}
.table-calendar > tbody > tr > td > a:active
, .table-calendar > tbody > tr > td > a:hover
, .table-calendar > tbody > tr > td > a:focus {
text-decoration: none;
background-color: #2D4970;
color: #fff;
}
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/******************** LAYOUT VINCI-PITCH ****************************************/
.home-header {
background: url(../img/fundo.jpg) no-repeat center center;
min-height: 300px;
margin: 0;
padding: 0;
border-bottom: 6px solid #F88E1E;
}
.home-header-title {
font-family: "Asap", sans-serif;
font-size: 70px;
font-weight: bolder;
color: #fff;
text-align: left;
padding: 20px 0px 8px 90px;
line-height: 1;
z-index: 10;
}
.home-header-title .btn {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
}
.home-header-title-med {
font-family: Calibri, "Abel", sans-serif;
font-size: 50px;
font-weight: normal;
color: #fff;
text-align: left;
padding: 20px 0px 8px 8px;
line-height: 1.1;
z-index: 10;
}
.home-header-title-med .btn {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
}
.home-header-login {
background: url(../img/fundo-header-login.png) no-repeat center bottom;
min-height: 356px;
text-align: center;
}
.home-section-1 {
background: #fff;
padding: 0; /*0px 0px 30px 0px;*/
font-size: 20px;
color: #163762;
border-bottom: 4px solid #F88E1E;
}
.home-section-1-menu {
background: #163661;
padding: 10px 0px 10px 0px;
text-align: left;
}
.home-section-1-menu a {
color: #fff;
text-decoration: none;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
}
.home-section-1-menu a:hover
, .home-section-1-menu a:focus
, .home-section-1-menu a:active {
color: #F88E1E;
text-decoration: none;
}
.home-section-1-quemsomos {
background-color: #F88E1E;
padding: 0px 0px 20px 0px;
text-align: left;
color: #fff;
}
.home-section-1-quemsomos-titulo {
background: url('../img/fundo_quem_somos.jpg') center top;
background-size: 100% auto;
padding: 10px 0px 10px 0px;
margin-bottom: 20px;
}
.home-section-1-quemsomos-titulo h1 {
font-size: 56px;
margin-bottom: 20px;
}
.home-section-1-quemsomos-titulo p {
font-size: 28px;
}
.home-section-1-quemsomos-info p {
padding-bottom: 10px;
margin-bottom: 20px;
}
.home-section-1-quemsomos .col-foto {
width: 18%;
text-align: center;
display: inline-block;
border: none;
padding: 6px;
margin: 0;
}
.home-section-1-comofunciona {
background-color: #2D4970;
padding: 0px 0px 20px 0px;
text-align: left;
color: #fff;
}
.home-section-1-comofunciona-titulo {
background: url('../img/fundo_como_funciona.jpg') center top;
background-size: 100% auto;
padding: 10px 0px 10px 0px;
margin-bottom: 20px;
border-bottom: 4px solid #F88E1E;
}
.home-section-1-comofunciona-titulo h1 {
font-size: 56px;
margin-bottom: 20px;
}
.home-section-1-comofunciona-titulo p {
font-size: 28px;
}
.home-section-1-comofunciona-info {
vertical-align: middle;
margin: auto;
display: table;
}
.home-section-1-comofunciona-info h2 {
font-size: 36px;
padding-bottom: 6px;
margin-bottom: 0px;
color: #F88E1E;
}
.home-section-1-comofunciona-info img {
padding: 20px;
max-height: 240px;
margin-left: auto;
margin-right: auto;
}
.home-section-1-comofunciona-info p {
padding-bottom: 10px;
margin-bottom: 20px;
font-size: 16px;
}
.home-section-1-investimentos {
background-color: #4FA101;
padding: 0px 0px 20px 0px;
text-align: left;
color: #fff;
}
.home-section-1-investimentos-titulo {
background: url('../img/fundo_investimento.jpg') center top;
background-size: 100% auto;
padding: 10px 0px 10px 0px;
margin-bottom: 20px;
border-bottom: 4px solid #F88E1E;
}
.home-section-1-investimentos-titulo h1 {
font-size: 56px;
margin-bottom: 20px;
}
.home-section-1-investimentos-titulo h1 small {
font-size: 32px;
color: #fff;
}
.home-section-1-investimentos-titulo p {
font-size: 28px;
}
.home-section-1-investimentos-info {
}
.home-section-1-investimentos-info p {
padding-bottom: 10px;
margin-bottom: 20px;
}
.investimentos-plano {
margin: 20px;
background-color: #D9D5FA;
color: #314C73;
border: 4px solid #fff;
border-radius: 10px;
text-align: center;
text-transform: uppercase;
}
.investimentos-plano-selected {
box-shadow: #F88E1E 0px 4px 10px;
}
.investimentos-plano-header {
background-color: #F88E1E;
font-size: 42px;
color: #fff;
border-radius: 10px;
padding: 10px 0px 10px 0px;
}
.investimentos-plano-info {
font-size: 32px;
padding: 20px 0px 20px 0px;
}
.investimentos-plano-info .border-bottom-blue {
border-bottom: 1px solid #314C73;
margin: 0;
padding-bottom: 15px;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
width: 80%;
}
.vertical-align {
display: flex;
align-items: center;
}
/* Extra small devices (767px and down) */
@media (max-width: 767px) {
.row.vertical-align {
display: block; /* Turn off the flexible box layout */
}
.home-section-1-quemsomos-titulo h1 {
font-size: 42px;
}
.home-section-1-comofunciona-titulo h1 {
font-size: 42px;
}
.home-section-1-investimentos-titulo h1 {
font-size: 42px;
}
.home-section-1-investimentos-titulo h1 small {
font-size: 26px;
}
.investimentos-plano-header {
font-size: 32px;
}
.investimentos-plano-info {
font-size: 24px;
}
.btn-lg-red
, .btn-lg-blue
, .btn-lg-green
, .btn-lg-white
, .btn-lg-orange
, .btn-lg-gray {
font-size: 20px !important;
padding: 4px 20px 4px 20px !important;
}
}
.home-section-2 {
background: url(../img/fundo_vitrine_fabrica_pag_inicial.jpg) no-repeat center center;
min-height: 300px;
margin: 0;
padding: 0;
padding: 40px 0px 40px 0px;
font-size: 20px;
color: #000;
}
.home-section-2-title {
font-family: "Asap", Verdana, sans-serif;
font-size: 60px;
text-align: center;
}
.home-section-2-title .text-blue {
color: #469BD4;
}
.home-section-2-title .text-abel {
font-family: Calibri, "Abel", "Asap", Verdana, sans-serif;
color: #469BD4;
letter-spacing: 15px;
}
.home-section-2-title-border {
border-left: 2px solid #333;
border-bottom: none;
padding-right: 10px;
}
.home-section-2-title-left {
padding-top: 30px;
padding-right: 40px;
text-align: right;
}
.home-section-2-title-right {
padding-left: 40px;
text-align: left;
}
.home-section-2-title img {
max-width: 100%;
}
.home-section-3 {
background-color: #3074A5;
margin: 0;
padding: 0;
color: #fff;
text-align: center;
padding: 10px 0px 30px 0px;
}
.home-section-3-title {
font-family: "Asap", Verdana, sans-serif;
font-size: 64px;
font-weight: bold;
color: #F68E1F;
padding-top: 20px;
}
.home-section-3-subtitle {
font-family: "Asap", Verdana, sans-serif;
font-size: 20px;
font-weight: bold;
color: #fff;
}
.home-section-4 {
background: url(../img/fundo_vitrine_contato_pag_inicial.jpg) no-repeat top right;
margin: 0;
padding: 0;
color: #F68E1F;
text-align: center;
padding: 10px 0px 30px 0px;
}
.home-section-4 h1 {
font-size: 52px;
font-weight: bold;
}
.home-section-5 {
background-color: #fff;
margin: 0;
padding: 0;
color: #000;
text-align: center;
padding: 30px 0px 30px 0px;
}
.home-section-6 {
background-color: #777777;
padding: 10px 0px 10px 0px;
color: #fff;
}
.home-section-6 img {
height: 24px;
display: inline-block;
}
.home-location {
background-color: #F68E1F;
}
.home-location-container {
padding: 0px 20px 0 20px;
}
.home-location .breadcrumb
, .home-location-info {
background-color: transparent;
padding: 8px 0px 8px 0px;
margin-bottom: 0px;
color: #fff;
font-size: 16px;
}
.home-location-info a {
color: #fff;
}
.home-location-info a:hover
, .home-location-info a:active
, .home-location-info a:focus {
color: #fff;
}
/********************************************************************************/
.home-pitch-content-sidebar {
background: rgba(255, 255, 255, .5);
padding: 20px 0px 20px 0px;
height: 100%;
position: fixed;
}
.home-pitch-content-sidebar .vertical-registration-form {
background: none;
}
.home-pitch-content {
padding-left: 0px;
padding-right: 6px;
padding-bottom: 95px;
}
.home-pitch-content
, .home-pitch-content a
, .home-pitch-content a:active
, .home-pitch-content .btn
, .home-pitch-content .btn:active {
color: #fff;
}
.vertical-alignment-helper {
display:table;
height: 100%;
width: 100%;
}
.vertical-align-middle {
vertical-align: middle;
}
.vertical-align-center {
/* To center vertically */
display: table-cell;
vertical-align: middle;
}
.vertical-align-top {
display: table-cell;
vertical-align: top !important;
}
.cadastre-se-modal-content {
background: #DEDEDE;
color: #fff;
/*max-width: 520px;*/
margin: 0 auto;
}
.cadastre-se-modal-content .modal-header {
font-size: 32px;
background-color: #2D4970;
border-bottom: 2px solid #F78E21;
}
.cadastre-se-modal-content .modal-content {
color: #2D4970;
}
.cadastre-se-modal-content-info {
padding: 4px 4px 20px 4px;
text-align: left;
font-size: 20px;
line-height: 1.5;
}
.body-background-theme-bt_selec_fundo_externo .cadastre-se-modal-content .modal-header {
background-color: #2D4970 !important;
}
.body-background-theme-bt_selec_fundo_01 .cadastre-se-modal-content .modal-header {
background-color: #2D4970 !important;
}
.body-background-theme-bt_selec_fundo_02 .cadastre-se-modal-content .modal-header {
background-color: #2D4970 !important;
}
.body-background-theme-bt_selec_fundo_03 .cadastre-se-modal-content .modal-header {
background-color: #76AC6D !important;
}
.body-background-theme-bt_selec_fundo_04 .cadastre-se-modal-content .modal-header {
background-color: #AA6EA1 !important;
}
.body-background-theme-bt_selec_fundo_externo .colored-row {
background-color: #2D4970 !important;
height: 4px;
width: 100%;
}
.body-background-theme-bt_selec_fundo_01 .colored-row {
background-color: #2D4970 !important;
height: 4px;
width: 100%;
}
.body-background-theme-bt_selec_fundo_02 .colored-row {
background-color: #2D4970 !important;
height: 4px;
width: 100%;
}
.body-background-theme-bt_selec_fundo_03 .colored-row {
background-color: #76AC6D !important;
height: 4px;
width: 100%;
}
.body-background-theme-bt_selec_fundo_04 .colored-row {
background-color: #AA6EA1 !important;
height: 4px;
width: 100%;
}
.cadastre-se-modal-content .modal-header {
font-size: 32px;
background-color: #AA6EA1; /*#2D4970;*/
border-bottom: 2px solid #F78E21;
}
.cadastre-se-modal-content .modal-header .close {
color: #fff;
font-size: 38px;
}
.cadastre-se-modal-content .modal-content {
padding-top: 20px;
background-color: transparent;
}
.home-pitch-content-details p
, .home-pitch-content-details .btn {
font-size: 16px;
line-height: 1.1;
}
.home-pitch-brand {
text-align: right;
display: block;
padding: 8px 0px 0px 0px;
}
.home-pitch-footer {
position: fixed;
right: 0;
left: 0;
bottom: 0;
margin-bottom: 0;
z-index: 1030;
border-radius: 0;
border-width: 1px 0 0;
color: #000;
width: 100%;
/* Set the fixed height of the footer here */
padding: 16px 0px 16px 0px;
background-color: #ffffff;
border-color: #ffffff;
background: #ffffff; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(left, #ffffff, #eeeeee, #ffffff); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #ffffff, #eeeeee, #ffffff); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #ffffff, #eeeeee, #ffffff); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #ffffff, #eeeeee, #ffffff); /* Standard syntax */
}
.home-pitch-footer img
, home-pitch-footer-img {
padding-right: 30px;
max-height: 60px;
}
@media (max-width: 990px) {
.home-header-title {
font-size: 52px;
text-align: center;
padding: 20px 0px 30px 0px;
}
.home-header-title-med{
font-size: 32px;
text-align: center;
padding: 20px 0px 30px 0px;
}
.home-section-2-title-left {
padding-right: 0px;
text-align: center;
}
.home-section-2-title-right {
padding-left: 0px;
text-align: center;
}
.home-section-2-title-border {
border-left: none;
border-top: 2px solid #333;
padding-top: 20px;
margin-top: 20px;
}
}
@media (max-width: 767px) {
.home-header-title {
font-size: 52px;
text-align: center;
padding: 20px 0px 30px 0px;
}
.home-container {
padding-left: 0px;
padding-right: 0px;
}
.home-pitch-content {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
}
.home-pitch-content-sidebar {
position: relative;
height: auto;
padding: 8px 0px 16px 0px;
}
.home-pitch-brand {
text-align: center;
}
.home-pitch-footer {
position: relative;
height: auto;
display: block;
}
}
@media (max-width: 420px) {
.home-header-title {
font-size: 42px;
text-align: center;
padding: 10px 0px 20px 0px;
}
.home-section-2-title {
font-size: 46px;
}
.home-section-1-quemsomos .col-foto {
width: 70%;
}
}
.form-small {
max-width: 300px;
margin-left: auto; margin-right: auto;
}
.form-login {
max-width: 360px;
margin-left: auto; margin-right: auto;
padding-top: 20px;
}
.form-login .img-login {
max-height: 128px;
}
.form-login h3 {
text-transform: uppercase;
color: #2D4970;
}
.form-login hr {
border-top: 1px solid #F78E21;
}
.form-login-windows hr {
max-width: 360px;
border-top: 1px solid #F78E21;
}
.form-contato {
max-width: 430px;
margin-left: auto; margin-right: auto;
}
.form-registration-home {
padding-left: 30px;
padding-right: 30px;
width: 100%;
/*max-width: 390px;*/
margin: auto;
padding-bottom: 30px;
font-size: 16px;
}
.form-registration-home label
, .form-registration-home .label
, .form-registration-home .control-label {
color: #fff;
}
.form-registration-home .input-box
, .form-registration-home .form-control
, .form-registration-home .campo {
width: 100%;
min-height: 35px;
font-size: 16px;
font-weight: normal;
color: #2D4970;
background: #fff;
box-shadow: inherit;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
text-align: left;
/*border-radius: 20px;*/
border-radius: 0;
border-top: 1px solid #2D4970;
border-bottom: 1px solid #2D4970;
border-right: 1px solid #2D4970;
border-left: 1px solid #2D4970;
box-shadow: #2D4970 0px 0px 0px;
}
.rounded
, .form-registration-home .rounded
, .form-registration-home .form-control .rounded
, .form-registration-home .campo .rounded {
border-radius: 20px;
}
.no-border
, .form-registration-home .no-border
, .form-registration-home .form-control .no-border
, .form-registration-home .campo .no-border {
border: none;
border: 0px !important;
}
.form-registration-home .input-box:focus
, .form-registration-home .input-box:active
, .form-registration-home .form-control:focus
, .form-registration-home .form-control:active
, .form-registration-home .campo:focus
, .form-registration-home .campo:active {
box-shadow: #2D4970 0px 0px 12px;
}
.body-background-theme-bt_selec_fundo_externo .form-registration-home .form-control
, .body-background-theme-bt_selec_fundo_01 .form-registration-home .form-control
, .body-background-theme-bt_selec_fundo_02 .form-registration-home .form-control
{
color: #003399; /*#2D4970*/
border-top: 1px solid #2D4970;
border-bottom: 1px solid #2D4970;
border-right: 1px solid #2D4970;
border-left: 1px solid #2D4970;
}
.body-background-theme-bt_selec_fundo_externo .form-registration-home .form-control:focus
, .body-background-theme-bt_selec_fundo_externo .form-registration-home .form-control:active
, .body-background-theme-bt_selec_fundo_01 .form-registration-home .form-control:focus
, .body-background-theme-bt_selec_fundo_01 .form-registration-home .form-control:active
, .body-background-theme-bt_selec_fundo_02 .form-registration-home .form-control:focus
, .body-background-theme-bt_selec_fundo_02 .form-registration-home .form-control:active {
box-shadow: #003366 0px 0px 12px;
}
.body-background-theme-bt_selec_fundo_03 .form-registration-home .form-control {
color: #76AC6D;
border-top: 1px solid #76AC6D;
border-bottom: 1px solid #76AC6D;
border-right: 1px solid #76AC6D;
border-left: 1px solid #76AC6D;
}
.body-background-theme-bt_selec_fundo_03 .form-registration-home .form-control:focus
, .body-background-theme-bt_selec_fundo_03 .form-registration-home .form-control:active {
box-shadow: #009933 0px 0px 12px;
}
.body-background-theme-bt_selec_fundo_04 .form-registration-home .form-control {
color: #993399;
border-top: 1px solid #AA6EA1;
border-bottom: 1px solid #AA6EA1;
border-right: 1px solid #AA6EA1;
border-left: 1px solid #AA6EA1;
}
.body-background-theme-bt_selec_fundo_04 .form-registration-home .form-control:focus
, .body-background-theme-bt_selec_fundo_04 .form-registration-home .form-control:active {
box-shadow: #FF66CC 0px 0px 12px;
}
.form-registration-home .input-group-addon {
background-color: transparent;
color: #ffffff;
border: 1px solid rgba(0, 142, 214, 0.4);
font-size: 16px;
}
.form-registration-home h3 {
color: #fff;
}
.form-registration-home h3 small {
color: #fff;
}
.form-registration-home p {
padding-left: 6px;
text-align: justify;
}
.form-registration-home .btn {
border-radius: 26px;
text-transform: uppercase;
font-size: 16px;
color: #fff;
}
.form-registration-home .btn-sm {
font-size: 16px !important;
padding: 0px 30px 0px 30px;
}
.form-registration-home .btn
, .form-registration-home a {
color: #fff;
}
.form-registration-default
, .form-registration-default .form-group
, .form-registration-default label
, .form-registration-default .label {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
color: #2D4970;
/*background-color: #fff;*/
font-weight: normal;
}
.form-registration-default label
, .form-registration-default .label {
padding-top: 4px;
}
.form-registration-default .form-group-sm
, .form-registration-default .form-group-sm label
, .form-registration-default .form-group-sm .label {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
color: #2D4970;
font-weight: normal;
}
.form-registration-default .form-group-sm .toggle-group label
, .form-registration-default .form-group-sm .toggle-group .label {
color: #FFFFFF !important;
}
.form-registration-default h4 {
margin-top: 20px;
}
.form-group-sm {
padding-top: 8px;
}
.label-qtd-caracteres {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
color: #2D4970;
padding: 9px 8px 0px 0px;
display: inline-block;
}
.form-registration-default .form-control
, .form-registration-default .campo
, .form-registration-default .form-control-min {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
color: #2D4970;
/*
border-top: 1px solid #2D4970;
border-bottom: 1px solid #2D4970;
border-right: 1px solid #2D4970;
border-left: 1px solid #2D4970;
*/
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-left: 1px solid #dddddd;
border-radius: 0;
width: 100%;
min-height: 30px !important;
padding: 2px 4px 2px 4px !important;
margin: 0;
}
.form-control-min
, .form-control-min input
, .form-control-min option {
font-size: 16px;
padding: 2px 4px 2px 4px !important;
}
.form-registration-default .checkbox-small
, .form-registration-default .checkbox-small input
, .form-registration-default .checkbox-small option
, .form-registration-default .checkbox-small label {
font-size: 12px !important;
}
select.form-control-min {
padding-right: 25px;
background-image: url("data:image/svg+xml,\
\
");
background-repeat: no-repeat;
background-position: calc(100% - 7px) 50%;
-webkit-appearance:none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
max-height: 30px !important;
}
.form-control-disabled
, .form-control.disabled
, .form-control-min.disabled
, input[type=select][disabled]
, input[type=text][disabled]
, input[type=textarea][disabled]
, input[type=text].aspNetDisabled
, input[type=textarea].aspNetDisabled
, input[type=select].aspNetDisabled {
background-color: #eee;
cursor: not-allowed;
color: #2D4970 !important;
opacity: 1;
filter: alpha(opacity=100);
}
button[disabled], html input[disabled] {
cursor: not-allowed !important;
}
.form-registration-default select
, .form-registration-default .form-control select
, .form-registration-default .form-control select > option
, .form-registration-default .form-control option
, .form-registration-default .campo select
, .form-registration-default .campo select > option
, .form-registration-default .campo option {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
color: #2D4970;
min-height: 24px !important;
padding: 2px 4px 2px 4px !important;
}
.form-registration-default .form-control-file
, .form-registration-default .campo-file {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
color: #2D4970;
border-top: 1px solid #2D4970;
border-bottom: 1px solid #2D4970;
border-right: 1px solid #2D4970;
border-left: 1px solid #2D4970;
border-radius: 0;
padding: 0;
background-color: #fff;
min-height: 24px !important;
padding: 2px 4px 2px 4px !important;
}
.form-registration-default .form-control-file > div > input {
font-family: Calibri, "Abel", sans-serif;
font-size: 14px;
}
.form-inner {
padding: 12px 8px 12px 8px;
}
.form-control-bordered {
border-top: 1px solid rgba(0, 0, 0, 0.4) !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.4) !important;
border-right: 1px solid rgba(0, 0, 0, 0.4) !important;
border-left: 1px solid rgba(0, 0, 0, 0.4) !important;
}
.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
text-align: left;
color: #cccccc;
opacity: 1;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
text-align: left;
color: #cccccc;
opacity: 1;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
text-align: left;
color: #cccccc;
opacity: 1;
}
.form-control:-moz-placeholder { /* Firefox 18- */
text-align: left;
color: #cccccc;
opacity: 1;
}
.form-control-min::-webkit-input-placeholder { /* Chrome/Opera/Safari */
text-align: left;
color: #cccccc;
opacity: 1;
}
.form-control-min::-moz-placeholder { /* Firefox 19+ */
text-align: left;
color: #cccccc;
opacity: 1;
}
.form-control-min:-ms-input-placeholder { /* IE 10+ */
text-align: left;
color: #cccccc;
opacity: 1;
}
.form-control-min:-moz-placeholder { /* Firefox 18- */
text-align: left;
color: #cccccc;
opacity: 1;
}
.form-control-center {
text-align: center !important;
}
.form-control-center::-webkit-input-placeholder { /* Chrome/Opera/Safari */
text-align: center !important;
}
.form-control-center::-moz-placeholder { /* Firefox 19+ */
text-align: center !important;
}
.form-control-center:-ms-input-placeholder { /* IE 10+ */
text-align: center !important;
}
.form-control-center:-moz-placeholder { /* Firefox 18- */
text-align: center !important;
}
.form-registration-default .form-control::-webkit-input-placeholder
, .form-registration-home .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
text-align: left;
}
.form-registration-default .form-control::-moz-placeholder
, .form-registration-home .form-control::-moz-placeholder { /* Firefox 19+ */
text-align: left;
}
.form-registration-default .form-control:-ms-input-placeholder
, .form-registration-home .form-control:-ms-input-placeholder { /* IE 10+ */
text-align: left;
}
.form-registration-default .form-control:-moz-placeholder
, .form-registration-home .form-control:-moz-placeholder { /* Firefox 18- */
text-align: left;
}
.form-registration-home .text-center .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
text-align: center;
}
.form-registration-home .text-center .form-control::-moz-placeholder { /* Firefox 19+ */
text-align: center;
}
.form-registration-home .text-center .form-control:-ms-input-placeholder { /* IE 10+ */
text-align: center;
}
.form-registration-home .text-center .form-control:-moz-placeholder { /* Firefox 18- */
text-align: center;
}
.form-control-right::-webkit-input-placeholder { /* Chrome/Opera/Safari */
text-align: right !important;
}
.form-control-right::-moz-placeholder { /* Firefox 19+ */
text-align: right !important;
}
.form-control-right:-ms-input-placeholder { /* IE 10+ */
text-align: right !important;
}
.form-control-right:-moz-placeholder { /* Firefox 18- */
text-align: right !important;
}
.clearfix-margin-padding {
padding: 20px 0px 0px 0px;
display: block;
clear: both;
}
.clearfix-margin-padding:before {
display: table;
content: " ";
}
.clearfix-margin-padding:after {
clear: both;
}
.input-group-addon-transparent {
border: none !important;
background-color: transparent !important;
background-image: none;
color: #2D4970;
display: table-cell;
width: 1%;
white-space: nowrap;
vertical-align: middle;
padding-left: 4px;
padding-right: 4px;
}
.btn-rounded {
text-transform: uppercase;
border-radius: 20px;
}
.btn-radius-upper {
text-transform: uppercase;
border-radius: 20px;
}
.label {
font-weight: normal;
}
.label-info
, .label-danger
, .label-warning
, .label-default
, .label-success
, .label-primary {
border-radius: 26px;
text-transform: uppercase;
color: #fff;
}
.label-red-border {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
border-radius: 26px;
text-transform: uppercase;
color: #DC1F0C;
border: 1px solid #DC1F0C;
background: none;
padding-left: 20px;
padding-right: 20px;
}
.label-darkred-border {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
border-radius: 26px;
text-transform: uppercase;
color: darkred;
border: 1px solid darkred;
background: none;
padding-left: 20px;
padding-right: 20px;
}
.label-white-border {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
border-radius: 26px;
text-transform: uppercase;
color: #000;
border: 1px solid #000;
background: none;
padding-left: 20px;
padding-right: 20px;
}
.label-gray-border {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
border-radius: 26px;
text-transform: uppercase;
color: #999999;
border: 1px solid #999999;
background: none;
padding-left: 20px;
padding-right: 20px;
}
.label-green-border {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
border-radius: 26px;
text-transform: uppercase;
color: #4FA101;
border: 1px solid #4FA101;
background: none;
padding-left: 20px;
padding-right: 20px;
}
.label-warning-border {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
border-radius: 26px;
text-transform: uppercase;
color: #f0ad4e;
border: 1px solid #f0ad4e;
background: none;
padding-left: 20px;
padding-right: 20px;
}
.label-info-border {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
border-radius: 26px;
text-transform: uppercase;
color: #5bc0de;
border: 1px solid #5bc0de;
background: none;
padding-left: 20px;
padding-right: 20px;
}
.label-success-border {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
border-radius: 26px;
text-transform: uppercase;
color: #5cb85c;
border: 1px solid #5cb85c;
background: none;
padding-left: 20px;
padding-right: 20px;
}
.label-primary-border {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
border-radius: 26px;
text-transform: uppercase;
color: #337ab7;
border: 1px solid #337ab7;
background: none;
padding-left: 20px;
padding-right: 20px;
}
.label-danger-border {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
border-radius: 26px;
text-transform: uppercase;
color: #d9534f;
border: 1px solid #d9534f;
background: none;
padding-left: 20px;
padding-right: 20px;
}
.btn-green
, .label-green {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
border-radius: 26px;
text-transform: uppercase;
background-color: #4FA101;
color: #fff;
padding-left: 20px;
padding-right: 20px;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
}
.btn-green:hover
, .btn-green:active
, .btn-green:focus {
background-color: #009900;
color: #fff;
}
.btn-gray
, .label-gray {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
border-radius: 26px;
text-transform: uppercase;
background-color: #999999;
color: #fff;
padding-left: 20px;
padding-right: 20px;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
}
.btn-gray:hover
, .btn-gray:active
, .btn-gray:focus {
background-color: #cccccc;
color: #fff;
}
.btn-red
, .label-red {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
border-radius: 26px;
text-transform: uppercase;
background-color: #DC1F0C;
color: #fff;
padding-left: 20px;
padding-right: 20px;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
}
.btn-red:hover
, .btn-red:active
, .btn-red:focus {
background-color: #FF0000;
color: #fff;
}
.btn-darkred
, .label-darkred {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
border-radius: 26px;
text-transform: uppercase;
background-color: darkred;
color: #fff;
padding-left: 20px;
padding-right: 20px;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
}
.btn-darkred:hover
, .btn-darkred:active
, .btn-darkred:focus {
background-color: #FF0000;
color: #fff;
}
.btn-white
, .label-white {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
border-radius: 26px;
text-transform: uppercase;
background-color: #ffffff;
color: #000 !important;
padding-left: 20px;
padding-right: 20px;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
}
.btn-white:hover
, .btn-white:active
, .btn-white:focus {
background-color: #eeeeee;
color: #000 !important;
}
.btn-lg-red
, .btn-lg-blue
, .btn-lg-green
, .btn-lg-white
, .btn-lg-orange
, .btn-lg-gray {
font-size: 24px;
padding: 4px 20px 4px 20px;
}
.btn-sm-red
, .btn-sm-blue
, .btn-sm-green
, .btn-sm-white
, .btn-sm-orange
, .btn-sm-gray {
font-size: 16px !important;
padding: 4px 20px 4px 20px !important;
}
.btn-xs-red
, .btn-xs-blue
, .btn-xs-green
, .btn-xs-white
, .btn-xs-orange
, .btn-xs-gray {
font-size: 14px !important;
padding: 2px 14px 2px 14px !important;
}
.btn-xxs-red
, .btn-xxs-blue
, .btn-xxs-green
, .btn-xxs-white
, .btn-xxs-orange
, .btn-xxs-gray {
font-size: 12px !important;
padding: 1px 10px 1px 10px !important;
}
.btn-login {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
background: url('../img/btn-login.png') no-repeat center center;
width: 110px;
height: 36px;
display: block;
padding-top: 5px;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
text-decoration: none;
text-transform: uppercase;
}
.btn-login:hover
, .btn-login:active
, .btn-login:focus {
text-decoration: none;
background: url('../img/btn-login-hover.png') no-repeat center center;
}
.btn-orange
, .label-orange {
font-family: Calibri, "Abel", sans-serif;
font-size: 16px;
border-radius: 26px;
text-transform: uppercase;
background-color: #F78E1E;
color: #fff;
padding-left: 30px;
padding-right: 30px;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
}
.btn-orange:hover
, .btn-orange:active
, .btn-orange:focus {
background-color: #FF6600;
color: #fff;
}
.btn-blue
, .label-blue {
font-family: Calibri, "Abel", sans-serif;
border-radius: 26px;
text-transform: uppercase;
background-color: #163761;
color: #fff;
padding-left: 30px;
padding-right: 30px;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
}
.btn-blue:hover
, .btn-blue:active
, .btn-blue:focus {
background-color: #2D4970;
color: #fff;
}
.btn-blue-light
, .label-blue-light {
font-family: Calibri, "Abel", sans-serif;
border-radius: 26px;
text-transform: uppercase;
background-color: #2D4970;
color: #fff;
padding-left: 30px;
padding-right: 30px;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
}
.btn-blue-light:hover
, .btn-blue-light:active
, .btn-blue-light:focus {
background-color: #163761;
color: #fff;
}
.label-blue-light-selected .label-blue-light
, .label-blue-light-selected > .label-blue-light {
background-color: #e67e22 !important;
}
/*
.btn-pesquisar
, .label-pesquisar {
font-family: Calibri, "Abel", sans-serif;
border-radius: 26px;
text-transform: uppercase;
background-color: transparent;
color: #163761;
padding-left: 30px;
padding-right: 30px;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
color: #000 !important;
padding: 4px;
}
.btn-pesquisar:hover
, .btn-pesquisar:active
, .btn-pesquisar:focus {
background-color: #163761;
color: #fff !important;
}
a.btn-pesquisar {
color: #000;
}
*/
.btn-carregando {
font-family: Calibri, "Abel", sans-serif;
font-size: 2em;
border-radius: 26px;
text-transform: uppercase;
background-color: transparent;
color: #F88E1E;
/*padding: 8px 12px;*/
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
}
.btn-carregando:hover
, .btn-carregando:active
, .btn-carregando:focus {
background-color: #FF6600;
color: #fff;
}
.label-red
, .label-green
, .label-white
, .label-orange
, .label-gray
, .label-blue
, .label-blue-light
, .label-info
, .label-warning
, .label-danger
, .label-success
{
font-size: 16px !important;
padding: 4px 20px 4px 20px;
display: inline-block;
}
.label-sm {
font-size: 14px !important;
padding: 2px 14px 2px 14px;
}
.label-xs {
font-size: 13px !important;
padding: 2px 12px 2px 12px;
}
.label-xxs {
font-size: 12px !important;
padding: 1px 10px 1px 10px;
}
.label-relative {
position: relative;
top: -2px;
margin-left: 4px;
}
.btn-bs-file{
position:relative;
}
.btn-bs-file input[type="file"]{
position: absolute;
top: -9999999;
filter: alpha(opacity=0);
opacity: 0;
width:0;
height:0;
outline: none;
cursor: inherit;
}
.form-img-bordered {
border-top: 1px solid #2D4970;
border-bottom: 1px solid #2D4970;
border-right: 1px solid #2D4970;
border-left: 1px solid #2D4970;
padding: 12px 12px 12px 12px;
max-width: 100%;
width: 100%;
display: block;
text-align: center;
}
.form-img-bordered-noeffect {
border-top: 1px solid #2D4970;
border-bottom: 1px solid #2D4970;
border-right: 1px solid #2D4970;
border-left: 1px solid #2D4970;
padding: 12px 12px 12px 12px;
max-width: 100%;
width: 100%;
display: block;
text-align: center;
vertical-align: middle;
}
.form-img-bordered .image
, .form-img-bordered-noeffect .image {
opacity: 1;
max-width: 100%;
height: auto;
transition: .3s ease;
backface-visibility: hidden;
}
.form-img-bordered-patrocinador {
height: 160px;
}
.form-img-bordered-patrocinador .image {
max-height: 160px;
display: block;
}
.form-img-border-btn {
max-width: 100%;
width: 100%;
padding: 6px 8px 6px 8px;
text-align: center;
display: block;
text-transform: uppercase;
text-decoration: none;
color: #999999;
background-color: transparent;
-webkit-transition:all 400ms ease;
-moz-transition:all 400ms ease;
-o-transition:all 400ms ease;
transition:all 400ms ease;
}
.form-img-border-btn:hover
, .form-img-border-btn:active
, .form-img-border-btn:focus {
color: #fff;
background-color: #163762;
text-decoration: none;
}
.bt_selec_fundo_externo {
background: url('../img/fundo_pitch_01.jpg') center center;
}
.bt_selec_fundo_01 {
background: url('../img/fundo_pitch_01.jpg') center center;
}
.bt_selec_fundo_02 {
background: url('../img/fundo_pitch_02.jpg') center center;
}
.bt_selec_fundo_03 {
background: url('../img/fundo_pitch_03.jpg') center center;
}
.bt_selec_fundo_04 {
background: url('../img/fundo_pitch_04.jpg') center center;
}
.form-img-bordered:hover {
background-color: #cccccc;
}
.form-img-bordered:hover .image {
opacity: 0.8;
}
.form-img-bordered .image-middle {
transition: .2s ease;
opacity: 0;
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.form-img-bordered-visualizar .image-middle {
opacity: 0.3;
}
.form-img-bordered:hover .image-middle {
opacity: 1;
}
.form-img-bordered .image-text {
background-color: #163762;
color: white;
font-size: 16px;
font-family: Calibri, "Abel", sans-serif;
padding: 16px 32px;
}
.modal-content-home {
font-family: Calibri, "Abel", sans-serif;
color: #2D4970;
background-color: #fff; /*#DEDEDE;*/
border: 1px solid #999999;
border-radius: 0px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
overflow: auto;
}
.modal-content-home .close {
color: #fff !important;
opacity: 0.8 !important;
}
.modal-content-home .close:hover {
color: #fff !important;
opacity: 1 !important;
}
.modal-content-home .modal-header {
font-family: Calibri, "Asap", "Abel", sans-serif;
font-size: 24px;
color: #fff !important;
padding: 15px;
background-color: #2D4970;
border-bottom: 2px solid #F78E21;
text-transform: uppercase;
}
.investidor-logo {
padding: 20px 0px 30px 0px;
}
.investidor-logo img
, .investidor-logo image {
opacity: 1;
max-width: 240px;
height: auto;
transition: .3s ease;
backface-visibility: hidden;
}
.admin-footer {
padding: 60px 0px 20px 0px;
}
.admin-footer img {
max-height: 60px;
}
.admin-footer-text {
text-align: right;
padding: 18px 10px;
color: #F68E1F;
font-size: 16px;
}
@media (max-width: 420px) {
.admin-footer {
padding: 20px 0px 20px 0px;
}
.admin-footer-text {
font-size: 16px;
}
}
/*
* Row with equal height columns
* --------------------------------------------------
*/
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.row-margin-bottom {
margin-bottom: 8px;
}
.admin-boxes {
padding: 0;
text-align: center;
}
.admin-boxes td
, .admin-boxes td[class*="col-"]
, .admin-boxes th[class*="col-"] {
display: block;
float: left;
position: relative;
min-height: 1px;
box-sizing: border-box;
}
.admin-box {
padding: 8px 8px 8px 8px;
border: 4px solid #DEDEDE;
margin-left: auto;
margin-right: auto;
}
.admin-box-container {
min-height: 300px;
max-height: 530px;
overflow: auto;
color: #fff;
margin-left: auto;
margin-right: auto;
display: block;
padding-top: 8px;
}
@media (max-width: 680px) {
.admin-boxes .col-xs-6 {
width: 100%;
margin-left: auto;
margin-right: auto;
}
}
.admin-box-1 {
background: url('../img/pag_inicial_investidor_fundo_cadastrar-pitch.jpg') no-repeat top center;
}
.admin-box-2 {
background: url('../img/pag_inicial_investidor_fundo_pitch_tech_01_menor.jpg') no-repeat top center;
}
.admin-box-3 {
background: url('../img/pag_inicial_investidor_fundo_pitch_saude_01_menor.jpg') no-repeat top center;
}
.admin-box-4 {
background: url('../img/pag_inicial_investidor_fundo_pitch_edu_01_menor.jpg') no-repeat top center;
}
.admin-box-5 {
background: url('../img/pag_inicial_investidor_fundo_pitch_tech_02_menor.jpg') no-repeat top center;
}
.admin-box-6 {
background: url('../img/pag_inicial_investidor_fundo_editar_perfil.jpg') no-repeat top center;
}
.admin-box-novo {
background: url('../img/fundo-cadastrar-novo-pitch.jpg') no-repeat top center;
}
.admin-box-bt_selec_fundo_externo {
background: url('../img/bt_selec_fundo_01.jpg') no-repeat top center;
}
.admin-box-bt_selec_fundo_01 {
background: url('../img/bt_selec_fundo_01.jpg') no-repeat top center;
}
.admin-box-bt_selec_fundo_02 {
background: url('../img/bt_selec_fundo_02.jpg') no-repeat top center;
}
.admin-box-bt_selec_fundo_03 {
background: url('../img/bt_selec_fundo_03.jpg') no-repeat top center;
}
.admin-box-bt_selec_fundo_04 {
background: url('../img/bt_selec_fundo_04.jpg') no-repeat top center;
}
.admin-box-novo-container {
padding: 10px 8px 10px 8px;
}
.admin-box-novo-container-link {
font-size: 50px;
color: #fff;
vertical-align: middle;
}
.admin-box-novo-container-link:active
,.admin-box-novo-container-link:focus
,.admin-box-novo-container-link:hover {
color: #FFFF00;
text-decoration: none;
}
.admin-box-novo-container-link img {
max-height: 60px;
}
.admin-box-container img {
vertical-align: inherit;
padding-top: 40px;
}
.admin-box-container-link {
margin-top: 10px;
font-size: 36px;
color: #fff;
-webkit-transition:all 400ms ease;
-moz-transition:all 400ms ease;
-o-transition:all 400ms ease;
transition:all 400ms ease;
}
.admin-box-container-link:active
,.admin-box-container-link:focus
,.admin-box-container-link:hover {
color: #FFFF00;
text-decoration: none;
}
.admin-box-container-header {
color: #FFFF00;
font-size: 22px;
vertical-align: text-bottom;
}
.admin-box-container-header small {
font-size: 16px;
line-height: 2;
}
.admin-box-container-title {
font-size: 36px;
color: #fff;
text-align: left;
text-transform: uppercase;
}
.admin-box-container-title a
, .admin-box-container-title a:active
, .admin-box-container-title a:hover {
color: #fff;
}
.admin-box-container-title a:hover {
color: #FFFF00;
text-decoration: none;
}
.admin-box-container-footer {
padding: 8px 0px 8px 0px;
font-size: 16px;
text-align: left;
display: table;
width: 100%;
margin: 0;
}
.admin-box-container-btn {
padding: 8px 0px 8px 0px;
font-size: 16px;
}
.admin-box-container-btn .btn-green {
font-size: 15px;
padding-left: 20px;
padding-right: 20px;
}
.pitch-header {
padding: 8px 8px 26px 8px;
color: #fff;
border-bottom: 2px solid #F78E21;
background-size: 100% auto !important;
}
.pitch-header-top {
color: #FFFF00;
font-size: 26px;
vertical-align: text-bottom;
padding-top: 16px;
padding-bottom: 0;
margin-bottom: 0;
}
.pitch-header h1 {
margin-top: 6px;
font-size: 46px;
}
.pitch-header a {
color: #fff;
text-decoration: none;
-webkit-transition:all 400ms ease;
-moz-transition:all 400ms ease;
-o-transition:all 400ms ease;
transition:all 400ms ease;
}
.pitch-header a:active
, .pitch-header a:focus
, .pitch-header a:hover {
color: #FFFF00;
text-decoration: none;
}
.pitch-header-top .right {
padding-right: 16px;
}
.collapse input {
visibility: hidden;
}
.collapse.in input {
visibility: visible;
}
@media (max-width: 670px) {
.admin-box-novo-container-link {
font-size: 32px;
}
.pitch-header-top .right {
padding-right: 0px;
}
.pitch-header {
background-size: auto 100% !important;
}
}
/******************************************/
.table-transparent > tbody > tr {
background-color: transparent;
border-bottom: 1px solid #ddd;
}
.input-group .form-control-pesquisar
, .input-group .form-control-pesquisar-gray
, .input-group .form-control-pesquisar-gray-date {
display: table-cell;
}
.form-control-pesquisar
, .form-control-pesquisar-gray {
font-family: Abel, sans-serif;
font-size: 16px;
display: inline-block;
background-color: transparent;
border-radius: 0px;
border: none;
border-bottom: 1px solid #ddd;/*#999*/
color: #000;
width: 95%;
padding: 0;
padding-bottom: 4px;
box-shadow: none;
box-sizing: border-box;
outline: none;
min-height: 28px;
min-width: 70px;
}
.form-control-pesquisar:focus
, .form-control-pesquisar:active
, .form-control-pesquisar:hover {
border: none;
border-bottom: 1px solid #000;
outline: none;
box-shadow: none;
box-sizing: border-box;
}
.form-control-pesquisar-gray:focus
, .form-control-pesquisar-gray:active
, .form-control-pesquisar-gray:hover {
border: none;
border-bottom: 1px solid #999;
outline: none;
box-shadow: none;
box-sizing: border-box;
}
.form-control-pesquisar::-webkit-input-placeholder
, .form-control-pesquisar-gray::-webkit-input-placeholder
{
color: #bbbbbb;
text-align: left;
font-style: italic;
}
.form-control-pesquisar:-moz-placeholder /* Mozilla Firefox 4 to 18 */
, .form-control-pesquisar-gray:-moz-placeholder /* Mozilla Firefox 4 to 18 */
{
color: #bbbbbb;
text-align: left;
font-style: italic;
}
.form-control-pesquisar::-moz-placeholder /* Mozilla Firefox 19+ */
, .form-control-pesquisar-gray::-moz-placeholder /* Mozilla Firefox 19+ */
{
color: #bbbbbb;
text-align: left;
font-style: italic;
}
.form-control-pesquisar:-ms-input-placeholder /* Internet Explorer 10+ */
, .form-control-pesquisar-gray:-ms-input-placeholder /* Internet Explorer 10+ */
{
color: #bbbbbb;
text-align: left;
font-style: italic;
}
.font-default {
font-family: Abel, sans-serif;
font-size: 16px;
}
.projeto_info
, .avaliador_info
, .equipe_info
, .distribuir_info
, .avaliacao_info {
border-top: 1px solid #ccc;
margin-top: 8px;
padding-top: 8px;
display: block;
padding-bottom: 12px;
}
.info-circle {
background: rgba(255, 255, 255, .6);
border-radius: 200px;
color: white;
height: 200px;
font-weight: bold;
width: 200px;
display: table;
margin: 20px auto;
color: #2D4970;
}
.info-circle-md {
background: rgba(255, 255, 255, .6);
border-radius: 140px;
color: white;
height: 140px;
font-weight: bold;
width: 140px;
display: table;
margin: 10px auto;
color: #2D4970;
}
.info-circle-sm {
background: rgba(255, 255, 255, .6);
border-radius: 100px;
color: white;
height: 100px;
font-weight: bold;
width: 100px;
display: table;
margin: 8px auto;
color: #2D4970;
}
.info-circle-green {
background: rgba(78, 157, 12, .6);
}
.info-circle-content {
vertical-align: middle;
display: table-cell;
}
.info-circle-title {
font-family: Abel, sans-serif;
font-size: 56px;
color: #2D4970;
}
.info-circle-title-md {
font-family: Abel, sans-serif;
font-size: 46px;
color: #2D4970;
}
.info-circle-title-sm {
font-family: Abel, sans-serif;
font-size: 36px;
color: #2D4970;
}
.info-circle-green .info-circle-title {
color: #ffff00;
}
.info-cicle-link
, .info-cicle-link:hover
, .info-cicle-link:focus
, .info-cicle-link:active
, .info-cicle-link a
, .info-cicle-link a:hover
, .info-cicle-link a:focus
, .info-cicle-link a:active {
font-family: Abel, sans-serif;
color: #2D4970 !important;
}
.info-circle-green .info-cicle-link
, .info-circle-green .info-cicle-link:hover
, .info-circle-green .info-cicle-link:focus
, .info-circle-green .info-cicle-link:active
, .info-circle-green .info-cicle-link a
, .info-circle-green .info-cicle-link a:hover
, .info-circle-green .info-cicle-link a:focus
, .info-circle-green .info-cicle-link a:active {
font-family: Abel, sans-serif;
color: #fff !important;
}
.img-foto-avaliador {
max-height: 48px;
border: none;
display: inline-block;
}
.img-foto-avaliador-sm {
max-height: 32px;
border: none;
display: inline-block;
}
.img-foto-avaliador-md {
max-height: 72px;
border: none;
display: inline-block;
}
.img-foto-avaliador:hover
, .img-foto-avaliador-md:hover {
opacity: 0.6;
FILTER: alpha(opacity=60);
}
.img-foto-avaliador-selected
, img-foto-avaliador-md-selected {
border-radius: 50%;
border: 2px solid #F78E21;
}
.plano-negocio {
font-family: Abel, sans-serif;
font-size: 32px;
text-align: left;
vertical-align: text-bottom !important;
text-decoration: none;
color: #fff;
width: 100%;
border: none;
}
.plano-negocio-padding {
padding: 4px 6px 4px 6px;
}
.plano-negocio-content {
display: table-cell;
height: 100%;
vertical-align: bottom;
padding-bottom: 20px;
padding-left: 10px;
cursor: pointer;
}
.plano-negocio a
, .plano-negocio a:active
, .plano-negocio a:focus {
text-decoration: none;
color: #fff;
}
.plano-negocio a:hover {
text-decoration: none;
color: #eee;
}
.plano-negocio-parcerias {
background: url(../img/plano_negocios_parcerias_chave.jpg) center center;
background-size: 100% 100%;
display: table;
width: 100%;
}
.plano-negocio-parcerias .plano-negocio-content {
height: 458px;
}
.plano-negocio-atividades-principais {
background: url(../img/plano_negocios_atividades_principais.jpg) center center;
background-size: 100% 100%;
display: table;
width: 100%;
}
.plano-negocio-atividades-principais .plano-negocio-content {
height: 228px;
}
.plano-negocio-recursos-principais {
background: url(../img/plano_negocios_recursos_principais.jpg) center center;
background-size: 100% 100%;
display: table;
width: 100%;
}
.plano-negocio-recursos-principais .plano-negocio-content {
height: 228px;
}
.plano-negocio-proposta-valor {
background: url(../img/plano_negocios_proposta_valor.jpg) center center;
background-size: 100% 100%;
display: table;
width: 100%;
}
.plano-negocio-proposta-valor .plano-negocio-content {
height: 458px;
}
.plano-negocio-relacao-cliente {
background: url(../img/plano_negocios_relacao_com_o_cliente.jpg) center center;
background-size: 100% 100%;
display: table;
width: 100%;
}
.plano-negocio-relacao-cliente .plano-negocio-content {
height: 228px;
}
.plano-negocio-canais {
background: url(../img/plano_negocios_canais.jpg) center center;
background-size: 100% 100%;
display: table;
width: 100%;
}
.plano-negocio-canais .plano-negocio-content {
height: 228px;
}
.plano-negocio-mercado-alvo {
background: url(../img/plano_negocios_mercado_alvo.jpg) center center;
background-size: 100% 100%;
display: table;
width: 100%;
}
.plano-negocio-mercado-alvo .plano-negocio-content {
height: 458px;
}
.plano-negocio-estrutura-de-custos {
background: url(../img/plano_negocios_estrutura_de_custos.jpg) center center;
background-size: 100% 100%;
display: table;
width: 100%;
}
.plano-negocio-estrutura-de-custos .plano-negocio-content {
height: 234px;
}
.plano-negocio-fonte-de-receita {
background: url(../img/plano_negocios_receita.jpg) center center;
background-size: 100% 100%;
display: table;
width: 100%;
}
.plano-negocio-fonte-de-receita .plano-negocio-content {
height: 234px;
}
.sub-title-padrao {
background-color: #2D4970;
border-bottom: 2px solid #F78E21;
cursor: text;
font-size: 22px;
padding: 6px;
color: #fff;
}
.anexos {
background-color: #2D4970;
}
.parcerias-chave {
background-color: #456DB2;
}
.atividades-principais {
background-color: #4EA346;
}
.recursos-principais {
background-color: #981C1E;
}
.parcerias {
background-color: #2D4970;
}
.proposta-de-valor {
background-color: #B875AA;
}
.relacao-com-cliente {
background-color: #00B6C1;
}
.canais {
background-color: #433992;
}
.mercado-alvo {
background-color: #785539;
}
.estrutura-de-custos {
background-color: #963788;
}
.fonte-de-receita {
background-color: #F88F22;
border-bottom: 2px solid #FF6600;
}
.concorrencias {
background-color: #2D4970;
}
.questao-titulo {
font-size: 16px;
font-family: inherit;
line-height: 1.3;
color: #667667;
padding: 4px 2px 8px 2px;
}
.questao-resposta {
padding: 4px 4px 6px 40px;
font-size: 16px;
}
.questao-comentarios {
padding: 4px 4px 6px 40px;
}
.btn-md, .btn-group-md > .btn {
padding: 6px 14px !important;
font-size: 16px !important;
line-height: 1.3333333;
}
.pre-cadastro-info {
font-family: Abel, sans-serif;
font-size: 30px;
padding: 6px 4px 12px 4px;
line-height: 1.5;
}
.smooth-scroll {
text-decoration: none;
}
.avaliacoes-list {
margin-left: 60px;
font-family: Abel, sans-serif;
font-size: 16px;
}
.no-wrap {
white-space: nowrap;
}
.div-msg-success {
position: fixed;
bottom: 50px;
right: 50px;
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
font-family: Abel, sans-serif;
font-size: 16px;
}
.div-msg-error {
position: fixed;
bottom: 50px;
right: 50px;
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
font-family: Abel, sans-serif;
font-size: 16px;
}
/****************************************/
/****************************************/
/*** CAROUSEL ***/
#home-carousel .nav a small
{
display: block;
}
#home-carousel .nav
{
background: #fff;
color: #001F41;
}
#home-carousel .nav a {
color: #001F41;
height: 60px;
border-top: 5px solid #001F41;
}
@media (max-width: 768px) {
#home-carousel .nav a {
height: auto;
}
}
#home-carousel .nav a:hover
, #home-carousel .nav a:hover {
color: #e67e22;
border-top: 5px solid #e67e22;
background-color: #fff;
}
#home-carousel .nav-pills > li.active a {
color: #e67e22;
border-top: 5px solid #e67e22;
background-color: #fff;
}
#home-carousel .carousel-inner img {
width: 100%;
}
#home-carousel .carousel-inner h3 {
color: rgb(255, 255, 255);
/*background-color: rgba(214, 25, 25, 0.9);*/
background-color: rgba(230, 126, 34, 0.9);
padding: 10px;
}
#home-carousel .carousel-inner p {
background: rgba(0, 31, 65, 0.7); /*rgba(0, 0, 0, 0.6);*/
padding: 10px;
}
.nav-justified > li > a
{
border-radius: 0px;
}
/*
.nav-pills>li[data-slide-to="0"].active a { background-color: #16a085; }
.nav-pills>li[data-slide-to="1"].active a { background-color: #e67e22; }
.nav-pills>li[data-slide-to="2"].active a { background-color: #2980b9; }
.nav-pills>li[data-slide-to="3"].active a { background-color: #8e44ad; }
*/
/****************************************/
#last-result-carousel .carousel-control {
color: #001F41;
}
@media (max-width: 512px) {
#last-result-carousel .carousel-control > .glyphicon-chevron-left {
margin-left: -20px !important;
}
#last-result-carousel .carousel-control > .glyphicon-chevron-right {
margin-right: -20px !important;
}
}
.home-alerts {
color: #fff;
font-size: 36px;
line-height: 2;
text-align: center;
}
.home-alerts img {
max-height: 100px;
}
.background-area-0 {
background-color: #fff;
padding: 30px 0px 50px 0px;
}
.background-area-1 {
background: url('../img/lgv/background-2.jpg') center center;
background-size: 100% auto;
padding: 30px 0px 50px 0px;
color: #fff;
}
.background-area-2 {
background: url('../img/lgv/background-1.jpg') top center;
background-size: 100% auto;
padding: 30px 0px 50px 0px;
}
@media (max-width: 768px) {
.background-area-1
, .background-area-2 {
background-size: auto auto;
}
}
.result-background {
background: url('../img/result-background-web.jpg') center center;
background-size: auto 100%;
min-height: 160px;
}
.result-team {
display: block;
font-size: 32px;
text-transform: uppercase;
text-align: center;
}
.result-logo {
height: 128px;
}
.result-value {
font-size: 42px;
font-weight: bold;
vertical-align: middle;
}
.result-box {
background: url('../img/result-box-web.png') center center no-repeat;
text-align: center;
background-size: 100% 100%;
padding: 10px;
color: #fff;
}
.result-data {
display: block;
color: #444;
background-color: #fff;
}
.result-local {
display: block;
color: #666666;
background-color: #fff;
}
.result-list {
max-height: 340px;
overflow-y: scroll;
padding-top: 0;
padding-right: 0;
}
.result-list .result-background {
background: none;
text-decoration: none;
cursor: pointer;
border-bottom: 2px solid #ddd;
padding-bottom: 10px;
min-height: 80px;
-webkit-transition:all 400ms ease;
-moz-transition:all 400ms ease;
-o-transition:all 400ms ease;
transition:all 400ms ease;
}
.result-list .result-background:focus
, .result-list .result-background:active
, .result-list .result-background:hover {
background-color: #dddddd;
color: #fff;
}
.result-list .result-team {
font-size: 24px;
}
.result-list .result-logo {
height: 56px;
}
.result-list .result-value {
font-size: 16px;
}
.result-list .result-data
, .result-list .result-local {
background-color: transparent;
}
@media (max-width: 768px) {
.result-team {
font-size: 20px;
}
.result-logo {
height: 56px;
}
.result-value {
font-size: 20px;
}
.result-details {
font-size: 14px;
}
.result-list {
/*max-height: none;
overflow-y: auto;*/
margin-top: 30px;
padding-top: 20px;
padding-left: 0;
padding-right: 0;
}
.result-list .result-team {
font-size: 20px;
}
.result-list .result-logo {
height: 48px;
}
.result-list .result-value {
font-size: 16px;
}
}
@media (max-width: 512px) {
.result-team {
font-size: 16px;
}
.result-logo {
height: 46px;
}
.result-value {
font-size: 16px;
}
.result-details {
font-size: 13px;
}
}
/**************************************************************/
/**************************************************************/
/**************************************************************/
/************* SCROLL BARS ************************************/
/* Let's get this party started */
::-webkit-scrollbar {
width: 12px;
}
/* Track */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* Handle */
::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background: rgba(230, 126, 34, 0.8); /*rgba(255,0,0,0.8);*/
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(230, 126, 34, 0.4); /*rgba(255,0,0,0.4);*/
}
/**************************************************************/
.result-list::-webkit-scrollbar {
width: 12px;
}
.result-list::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 0px;
border-radius: 0px;
}
.result-list::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background: rgba(0, 31, 65, 0.8); /*rgba(255,0,0,0.8);*/
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
}
.result-list::-webkit-scrollbar-thumb:window-inactive {
background: rgba(0, 31, 65, 0.4); /*rgba(255,0,0,0.4);*/
}
/**************************************************************/
/**************************************************************/
/**************************************************************/
.shape{
border-style: solid; border-width: 0 70px 40px 0; float:right; height: 0px; width: 0px;
-ms-transform:rotate(360deg); /* IE 9 */
-o-transform: rotate(360deg); /* Opera 10.5 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
transform:rotate(360deg);
}
.offer{
background:#fff;
color: #001F41;
border:1px solid #ddd;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
margin: 15px 0;
overflow:hidden;
}
.offer:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform:rotate scale(1.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.shape {
border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0);
}
.offer-radius{
border-radius:7px;
}
.offer-danger { border-color: #d9534f; }
.offer-danger .shape{
border-color: transparent #d9534f transparent transparent;
}
.offer-success { border-color: #5cb85c; }
.offer-success .shape{
border-color: transparent #5cb85c transparent transparent;
}
.offer-default { border-color: #999999; }
.offer-default .shape{
border-color: transparent #999999 transparent transparent;
}
.offer-primary { border-color: #428bca; }
.offer-primary .shape{
border-color: transparent #428bca transparent transparent;
}
.offer-info { border-color: #5bc0de; }
.offer-info .shape{
border-color: transparent #5bc0de transparent transparent;
}
.offer-warning { border-color: #f0ad4e; }
.offer-warning .shape{
border-color: transparent #f0ad4e transparent transparent;
}
.shape-text{
color:#fff; font-size:12px; font-weight:bold; position:relative; right:-40px; top:2px; white-space: nowrap;
-ms-transform:rotate(30deg); /* IE 9 */
-o-transform: rotate(360deg); /* Opera 10.5 */
-webkit-transform:rotate(30deg); /* Safari and Chrome */
transform:rotate(30deg);
}
.offer-content{
padding:0 20px 10px;
}
@media (min-width: 487px) {
.container {
max-width: 750px;
}
}
@media (min-width: 900px) {
.container {
max-width: 970px;
}
.col-md-4 {
width: 33.33333333333333%;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1170px;
}
.col-lg-3 {
width: 25%;
}
}
.transparent-bg
, .transparent-bg label
, .transparent-bg .label {
background-color: transparent !important;
}
.table-row-selected {
background-color: #ddd;
}
.fa-padding-tree {
padding-right: 6px;
}
.form-metadados {
overflow: auto;
height: 88%;
max-height: 88%;
}
.text-metadados {
font-size: 13px;
}
.text-validade {
font-size: 13px;
}
.panelgrid {
font-family: Calibri, "Abel", "Asap", Verdana, Arial, Helvetica, Sans-serif;
font-size: 16px;
color: #2D4970;
margin-top: 16px;
padding-top: 8px;
display: block;
margin: 0;
}
.accordion-toggle {
cursor: pointer;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
padding-left: 4px;
}
.accordion-toggle span {
padding-left: 8px;
}
.accordion-toggle:hover {
background-color: #2D4970;
color: #fff;
}
.accordion-toggle:before {
/* symbol for "opening" panels */
font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
content: "\e114"; /* adjust as needed, taken from bootstrap.css */
float: left; /* adjust as needed */
color: #999; /* adjust as needed */
vertical-align: top;
}
.accordion-toggle.collapsed:before {
/* symbol for "collapsed" panels */
content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}
/**************************************/
.wizard {
margin: 20px auto;
background: #fff;
}
.wizard .nav-tabs {
position: relative;
margin: 40px auto;
margin-bottom: 0;
border-bottom-color: #e0e0e0;
}
.wizard > div.wizard-inner {
position: relative;
}
.connecting-line {
height: 2px;
background: #e0e0e0;
position: absolute;
width: 80%;
margin: 0 auto;
left: 0;
right: 0;
top: 50%;
z-index: 1;
}
.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
color: #555555;
cursor: default;
border: 0;
border-bottom-color: transparent;
}
span.round-tab {
width: 70px;
height: 70px;
line-height: 70px;
display: inline-block;
border-radius: 100px;
background: #fff;
border: 2px solid #e0e0e0;
z-index: 2;
position: absolute;
left: 0;
text-align: center;
font-size: 25px;
}
span.round-tab i{
color:#555555;
}
.wizard li.active span.round-tab {
background: #fff;
border: 2px solid #5bc0de;
}
.wizard li.active span.round-tab i{
color: #5bc0de;
}
span.round-tab:hover {
color: #333;
border: 2px solid #333;
}
.wizard .nav-tabs > li {
width: 25%;
}
.wizard li:after {
content: " ";
position: absolute;
left: 46%;
opacity: 0;
margin: 0 auto;
bottom: 0px;
border: 5px solid transparent;
border-bottom-color: #5bc0de;
transition: 0.1s ease-in-out;
}
.wizard li.active:after {
content: " ";
position: absolute;
left: 46%;
opacity: 1;
margin: 0 auto;
bottom: 0px;
border: 10px solid transparent;
border-bottom-color: #5bc0de;
}
.wizard .nav-tabs > li a {
width: 70px;
height: 70px;
margin: 20px auto;
border-radius: 100%;
padding: 0;
}
.wizard .nav-tabs > li a:hover {
background: transparent;
}
.wizard .tab-pane {
position: relative;
padding-top: 50px;
}
.wizard h3 {
margin-top: 0;
}
@media (max-width:585px) {
.wizard {
width: 90%;
height: auto !important;
}
span.round-tab {
font-size: 16px;
width: 50px;
height: 50px;
line-height: 50px;
}
.wizard .nav-tabs > li a {
width: 50px;
height: 50px;
line-height: 50px;
}
.wizard li.active:after {
content: " ";
position: absolute;
left: 35%;
}
}
.btn-circle {
width: 30px;
height: 30px;
text-align: center;
padding: 6px 0;
font-size: 12px;
line-height: 1.428571429;
border-radius: 15px;
}
.btn-circle.btn-lg {
width: 50px;
height: 50px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 25px;
}
.btn-circle.btn-xl {
width: 70px;
height: 70px;
padding: 10px 16px;
font-size: 24px;
line-height: 1.33;
border-radius: 35px;
}
@media (max-width: 520px) {
.btn-group-separate > .btn {
float: none;
display: block;
}
}
/*
.btn-group-separate > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group-separate > .btn:first-child {
margin-left: 0;
}
.btn-group-separate > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group-separate > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
*/
/*************************/
.card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
}
.card-hover {
-webkit-transition:all 400ms ease;
-moz-transition:all 400ms ease;
-o-transition:all 400ms ease;
transition:all 400ms ease;
cursor: pointer;
}
.card-hover:hover {
background-color: rgba(0, 0, 0, 0.5);
}
.card > hr {
margin-right: 0;
margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.card-body {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
}
.card-title {
margin-bottom: 0.75rem;
}
.card-subtitle {
margin-top: -0.375rem;
margin-bottom: 0;
}
.card-text:last-child {
margin-bottom: 0;
}
.card-link:hover {
text-decoration: none;
}
.card-link + .card-link {
margin-left: 1.25rem;
}
.card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
border-top: 0;
}
.card-footer {
padding: 0.75rem 1.25rem;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
margin-right: -0.625rem;
margin-bottom: -0.75rem;
margin-left: -0.625rem;
border-bottom: 0;
}
.card-header-pills {
margin-right: -0.625rem;
margin-left: -0.625rem;
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem;
}
.card-img {
width: 100%;
border-radius: calc(0.25rem - 1px);
}
.card-img-top {
width: 100%;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.card-img-bottom {
width: 100%;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-deck {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.card-deck .card {
margin-bottom: 15px;
}
@media (min-width: 576px) {
.card-deck {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px;
}
.card-deck .card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px;
}
}
.card-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.card-group > .card {
margin-bottom: 15px;
}
@media (min-width: 576px) {
.card-group {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.card-group > .card {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-bottom: 0;
}
.card-group > .card + .card {
margin-left: 0;
border-left: 0;
}
.card-group > .card:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group > .card:first-child .card-img-top,
.card-group > .card:first-child .card-header {
border-top-right-radius: 0;
}
.card-group > .card:first-child .card-img-bottom,
.card-group > .card:first-child .card-footer {
border-bottom-right-radius: 0;
}
.card-group > .card:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:last-child .card-img-top,
.card-group > .card:last-child .card-header {
border-top-left-radius: 0;
}
.card-group > .card:last-child .card-img-bottom,
.card-group > .card:last-child .card-footer {
border-bottom-left-radius: 0;
}
.card-group > .card:only-child {
border-radius: 0.25rem;
}
.card-group > .card:only-child .card-img-top,
.card-group > .card:only-child .card-header {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.card-group > .card:only-child .card-img-bottom,
.card-group > .card:only-child .card-footer {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
border-radius: 0;
}
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
border-radius: 0;
}
}
.card-columns .card {
margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
.card-columns {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.card-columns .card {
display: inline-block;
width: 100%;
}
}
.card-columns {
@include media-breakpoint-only(lg) {
column-count: 4;
}
}
.badge-orange {
color: #fff;
background-color: #FF6600;
}
.badge-success {
color: #3c763d;
background-color: #dff0d8;
}
.badge-danger {
color: #a94442;
background-color: #f2dede;
}
.badge-info {
color: #31708f;
background-color: #d9edf7;
}
.badge-warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
/* -- Bootstrap Additions - ASP.NET Disabled ----------------- */
input[type="radio"].aspNetDisabled,
input[type="checkbox"].aspNetDisabled,
.radio-inline.aspNetDisabled,
.checkbox-inline.aspNetDisabled,
.radio.aspNetDisabled label,
.checkbox.aspNetDisabled label
{
cursor: not-allowed;
}
.btn.aspNetDisabled
{
pointer-events: none;
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}
.btn-default.aspNetDisabled,
.btn-default.aspNetDisabled:hover,
.btn-default.aspNetDisabled:focus,
.btn-default.aspNetDisabled:active,
.btn-default.aspNetDisabled.active
{
background-color: #fff;
border-color: #ccc;
}
.btn-primary.aspNetDisabled,
.btn-primary.aspNetDisabled:hover,
.btn-primary.aspNetDisabled:focus,
.btn-primary.aspNetDisabled:active,
.btn-primary.aspNetDisabled.active
{
background-color: #428bca;
border-color: #357ebd;
}
.btn-success.aspNetDisabled,
.btn-success.aspNetDisabled:hover,
.btn-success.aspNetDisabled:focus,
.btn-success.aspNetDisabled:active,
.btn-success.aspNetDisabled.active
{
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-info.aspNetDisabled,
.btn-info.aspNetDisabled:hover,
.btn-info.aspNetDisabled:focus,
.btn-info.aspNetDisabled:active,
.btn-info.aspNetDisabled.active
{
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-warning.aspNetDisabled,
.btn-warning.aspNetDisabled:hover,
.btn-warning.aspNetDisabled:focus,
.btn-warning.aspNetDisabled:active,
.btn-warning.aspNetDisabled.active
{
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-danger.aspNetDisabled,
.btn-danger.aspNetDisabled:hover,
.btn-danger.aspNetDisabled:focus,
.btn-danger.aspNetDisabled:active,
.btn-danger.aspNetDisabled.active
{
background-color: #d9534f;
border-color: #d43f3a;
}
.dropdown-menu > .aspNetDisabled > a,
.dropdown-menu > .aspNetDisabled > a:hover,
.dropdown-menu > .aspNetDisabled > a:focus,
.dropdown-menu > li > a.aspNetDisabled,
.dropdown-menu > li > a.aspNetDisabled:hover,
.dropdown-menu > li > a.aspNetDisabled:focus
{
color: #777;
}
.dropdown-menu > .aspNetDisabled > a:hover,
.dropdown-menu > .aspNetDisabled > a:focus,
.dropdown-menu > li > a.aspNetDisabled:hover,
.dropdown-menu > li > a.aspNetDisabled:focus
{
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.form-search {
margin: 20px;
}
@media (max-width: 520px) {
.form-search {
margin: 4px;
}
}
.form-control-search {
/*border: 4px solid #eee !important;*/
box-shadow: 0px 0px 8px 10px rgba(0, 0, 0, 0.095);
-webkit-box-shadow: 0px 0px 8px 10px rgba(0, 0, 0, 0.095);
-moz-box-shadow: 0px 0px 8px 10px rgba(0, 0, 0, 0.095);
}
.form-control-search:focus {
/*border: 4px solid rgba(0, 51, 102, 1) !important;*/
}
.pointer, .cursor-pointer {
cursor: pointer;
}
.panel-hover > .panel-white > .panel-heading {
-webkit-transition:all 400ms ease;
-moz-transition:all 400ms ease;
-o-transition:all 400ms ease;
transition:all 400ms ease;
cursor: pointer;
}
.panel-hover:hover > .panel-white > .panel-heading {
/*background-color: rgba(0, 142, 214, 0.1);*/
background-color: #eeeeee;
}
.panel-deck {
width: 32%;
display: inline-block;
margin: 0;
padding: 0;
vertical-align: top;
}
@media (min-width: 576px) and (max-width: 768px) {
.panel-deck {
width: 49%;
}
}
@media (max-width: 576px) {
.panel-deck {
width: 100%;
}
}
.text-xs-title {
font-size: 18px;
padding: 4px;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left;
}
.text-sm-right {
text-align: right;
}
.text-sm-center {
text-align: center;
}
.input-group-sm-left {
text-align: left;
float: left;
}
.input-group-sm-right {
text-align: right;
float: right;
}
}
@media (max-width: 576px) {
.text-xs-left {
text-align: left;
}
.text-xs-right {
text-align: right;
}
.text-xs-center {
text-align: center;
}
.input-group-sm-left {
text-align: inherit;
float: none;
}
.input-group-sm-right {
text-align: inherit;
float: none;
}
.text-xs-title {
padding: 8px;
}
}
.input-group {
margin-left: auto;
margin-right: auto;
width: 100%;
}
.agenda-row {
display: table;
width: 100%;
}
.agenda-data-header
, .agenda-data
, .agenda-data-week
, .agenda-data-week-day {
display: table-cell;
width: 14.20%;
height: 200px;
border: 1px solid #ddd;
border-radius: 4px;
}
.agenda-data-header {
padding: 6px;
text-align: center;
border: none;
height: auto;
}
.agenda-data-week {
height: 380px;
}
.agenda-data-week-day {
display: block;
width: 100%;
height: 380px;
}
.agenda-data-week .agenda-data-header {
padding: 0;
}
.agenda-data-week-day .agenda-data-header {
padding: 0;
display: block;
width: 100%;
}
.agenda-data-mute {
background-color: #eeeeee;
color: #ddd;
}
.agenda-data-hoje {
background-color: lemonchiffon;
border-color: #FF6600;
}
.agenda-data-day {
display: block;
width: 100%;
text-align: right;
font-size: 13px;
padding: 6px 0px 6px 0px;
}
.agenda-data-day-week {
display: block;
width: 100%;
text-align: center;
font-size: 13px;
padding: 6px 0px 6px 0px;
border-bottom: 1px solid #ddd;
}
.agenda-data-day .day {
background-color: transparent;
border-radius: 12px;
padding: 6px;
}
.agenda-data-hoje .agenda-data-day .day {
background-color: #ff3b30;
color: #fff;
}
@media (max-width: 768px) {
.agenda-data
, .agenda-data-week {
display: block;
width: 100%;
}
.agenda-data-header {
display: none;
}
.agenda-data-week .agenda-data-header
, .agenda-data-week-day .agenda-data-header {
display: block;
width: 100%;
}
}
.btn-floating {
position: fixed !important;
right: 20px;
bottom: 10px;
}
.btn-circle {
border-radius: 50px;
}
.item-hover:hover {
background-color: #f5f5f5 !important;
}
.pull-right-excluir {
display: inline-block;
float: right !important;
text-align: right;
padding-top: 0;
}
@media (max-width: 520px) {
.pull-right-excluir {
float: none !important;
display: block;
text-align: center;
padding-top: 20px;
}
}
.odcTreeView .Sel {
border: 1px solid #ccc !important;
background-color: transparent !important;
color: inherit !important;
}
.itemHover {
position: absolute;
display: none;
background-color: #000;
padding: 20px;
border: 1px solid #ccc;
position: absolute;
z-index: 0;
}
.itemToHover:hover + .itemHover
, .itemHover:hover {
display: block;
z-index: 100;
}
.item-preview {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.item-preview a {
display: inline-flex;
flex: 1;
}
.item-preview-info {
display: none;
position: absolute;
left: 220px;
top: -300px;/*28px;*/
background-color: #fff;
padding: 20px;
border: 1px solid #222;
min-width: 700px;
min-height: 700px;
align-items: center;
justify-content: center;
z-index: -1;
}
.item-preview:hover .item-preview-info {
display: flex;
z-index: 10;
}
.refresh-panel {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100dvh;
display: flex;
justify-content: center;
align-items: center;
background: rgba(255, 255, 255, 0.5);
z-index: 100;
}
.panelheader-peq {
display: block;
width: 100%;
padding: 8px 15px;
text-align: center;
background-color: #444;
color: #fff;
font-weight: bold;
}