@import url(../fonts/font.css);

/***
Reset and overrides  
***/
/* general body settings */
/* body {
  color: #000;
  font-family: 'Open Sans', sans-serif;
  padding: 0px !important;
  margin: 0px !important;
  font-size: 13px;
  direction: ltr;
} */

/*
Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't 
properly apply the media queries in Bootstrap's CSS. To address this, 
you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.
*/
@-webkit-viewport {
  width: device-width;
}

@-moz-viewport {
  width: device-width;
}

@-ms-viewport {
  width: device-width;
}

@-o-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

/* Internet Explorer 10 doesn't differentiate device width from viewport width, 
and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied */
@-ms-viewport {
  width: auto !important;
}

/* Fix Google Maps canvas
 *
 * Wrap your Google Maps embed in a `.google-map-canvas` to reset Bootstrap's
 * global `box-sizing` changes. You may optionally need to reset the `max-width`
 * on images in case you've applied that anywhere else. (That shouldn't be as
 * necessary with Bootstrap 3 though as that behavior is relegated to the
 * `.img-responsive` class.)
 */


/* Optional responsive image override */
img {
  max-width1: none;
}

/***
General typography 
***/
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #444;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300 !important;
}

h1.block,
h2.block,
h3.block,
h4.block,
h5.block,
h6.block {
  padding-top: 10px;
  padding-bottom: 10px;
}

a {
  text-shadow: none !important;
  color: #161819;
}

/***
Fix link outlines after click
***/
a,
a:focus,
a:hover,
a:active {
  outline: 0;
}

/***
General backgrounds. Can be applied to any block or panel
***/

.opcoes-resposta label {
  display: inline-block;
  margin-right: 30px;
  cursor: pointer;
}

.opcoes-resposta input {
  margin-right: 5px;
}


.bg-blue {
  background-image: none !important;
  background-color: #4b8df8 !important;
  border-color: #4b8df8 !important;
  color: #fff !important;
}

.bg-red {
  background-image: none !important;
  background-color: #e02222 !important;
  border-color: #e02222 !important;
  color: #fff !important;
}

.bg-yellow {
  background-image: none !important;
  background-color: #ffb848 !important;
  border-color: #ffb848 !important;
  color: #fff !important;
}

.bg-green {
  background-image: none !important;
  background-color: #35aa47 !important;
  border-color: #35aa47 !important;
  color: #fff !important;
}

.bg-purple {
  background-image: none !important;
  background-color: #852b99 !important;
  border-color: #852b99 !important;
  color: #fff !important;
}

.bg-dark {
  background-image: none !important;
  background-color: #555555 !important;
  border-color: #555555 !important;
  color: #fff !important;
}

.be-grey {
  background-image: none !important;
  background-color: #fafafa !important;
  border-color: #fafafa !important;
}

/***
Font Awesome Icons
***/
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  margin-top: 1px;
  font-size: 14px;
  *margin-right: .3em;
  line-height: 14px;
}

/***
Make font awesome icons fixed width(latest version issue)
***/
li [class^="icon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}

li [class^="icon-"].icon-large,
li [class*=" icon-"].icon-large {
  /* increased font size for icon-large */
  width: 1.5625em;
}

/***
Close icon used for modal dialog and other UI element close buttons
***/
.close {
  display: inline-block;
  margin-top: 0px;
  margin-right: 0px;
  width: 9px;
  height: 9px;
  background-repeat: no-repeat !important;
  background-image: url("../img/remove-icon-small.png") !important;
}

/***
General HR
***/

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #E0DFDF;
  border-bottom: 1px solid #FEFEFE;
}

/***
Tools
***/
.display-none,
.display-hide {
  display: none;
}

.no-space {
  margin: 0px !important;
  padding: 0px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.bold {
  font-weight: 600 !important;
}

.fix-margin {
  margin-left: 0px !important
}

.border {
  border: 1px solid red;
}

.inline {
  display: inline;
}

/***
ie8 & ie9 modes
***/
.visible-ie8 {
  display: none;
}

.ie8 .visible-ie8 {
  display: inherit !important;
}

.visible-ie9 {
  display: none;
}

.ie9 .visible-ie9 {
  display: inherit !important;
}

.hidden-ie8 {
  display: inherit;
}

.ie8 .hidden-ie8 {
  display: none !important;
}

.hidden-ie9 {
  display: inherit;
}

.ie9 .hidden-ie9 {
  display: none !important;
}

/********************
 GENERAL LAYOUT 
*********************/

/***
Header and header elements.
***/

.header {
  width: 100%;
  padding: 0 20px 0 20px;
  margin: 0;
  border: 0px;
  padding: 0px;
  box-shadow: none;
  height: 42px;
  min-height: 42px;
}

.header.navbar-fixed-top {
  z-index: 9995 !important;
}

.header .navbar-brand {
  display: inline-block;
  margin-top: -1px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  width: 225px;
}

.header .navbar-brand img {
  margin-left: 20px;
}

.header .navbar-toggle {
  margin: 8px 6px 4px 6px;
  padding: 0;
  padding-top: 2px;
  padding-bottom: 6px;
  background-image: none;
  filter: none;
  box-shadow: none;
  color: #fff;
  border: 0;
}

.header .navbar-toggle:hover {
  text-decoration: none;
  background: none;
}

.header .navbar-nav {
  margin-right: 20px;
  display: block;
}


.header .navbar-nav>li {
  margin: 0px;
  padding: 0px;
}

.header .navbar-nav>li.dropdown,
.header .navbar-nav>li.dropdown>a {
  padding-left: 4px;
  padding-right: 4px;
}

.header .navbar-nav>li.dropdown>a:last-child {
  padding-right: 0;
}

.header .navbar-nav>li.dropdown:last-child {
  padding-right: 2px;
}

.header .navbar-nav>li.dropdown .dropdown-toggle {
  margin: 0px;
  padding: 15px 10px 7px 10px;
}

.header .navbar-nav>li.dropdown .dropdown-toggle>i {
  font-size: 18px;
}

.header .navbar-nav>li.dropdown .dropdown-menu>li>a>i {
  font-size: 14px;
}

.header .navbar-nav>li.dropdown.user .dropdown-toggle {
  padding: 7px 4px 6px 9px;
}

.header .navbar-nav>li.dropdown.user .dropdown-toggle:hover {
  text-decoration: none;
}

.header .navbar-nav>li.dropdown.user .dropdown-toggle .username {
  color: #ffffff !important;
}

.header .navbar-nav li.dropdown.user .dropdown-toggle i {
  display: inline-block;
  margin-top: 5px;
  margin: 0;
  font-size: 16px;
}

.header .navbar-nav>li.dropdown.user .dropdown-menu i {
  width: 15px;
  display: inline-block;
}

.header .navbar-nav>li.dropdown .dropdown-toggle .badge {
  position: absolute;
  top: 8px;
  right: 20px;
}

/* language bar */

.header .navbar-nav>li.dropdown.language {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

.header .navbar-nav>li.dropdown.language>a {
  color: #dddddd;
  font-size: 13px;
  padding: 10px 1px 12px 5px;
}

.header .navbar-nav>li.dropdown.language>a>img {
  margin-bottom: 2px;
}

.header .navbar-nav>li.dropdown.language>a>i {
  font-size: 16px;
}

.header .navbar-nav>li.dropdown.language>.dropdown-menu>li>a>img {
  margin-bottom: 2px;
}

.header .navbar-nav .dropdown-menu {
  margin-top: 3px;
}

.header .navbar-nav>li>a {
  font-size: 16px !important;
  font-weight: 700 !important;
  /* negrito */
  color: #ffffff !important;
  /* branco forte */
  text-transform: uppercase;
  /* maiúsculo */
  letter-spacing: 0.5px;
  /* destaque */
}

/***
Page container
***/
.page-container {
  margin-top: 20px;
  margin: 0px;
  padding: 0px;
}

.page-content {
  min-height: 88vh;
  height: auto;
}

.page-header-fixed .page-container {
  margin-top: 42px;
}

/***
Page sidebar
***/

/* ie8 fixes */
.ie8 .page-sidebar {
  position: absolute;
  width: 225px;
}

.page-sidebar.navbar-collapse {
  padding: 0;
}

.page-sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0;
  padding: 0;
}

.page-sidebar-menu>li {
  display: block;
  margin: 0;
  padding: 0;
  border: 0px;
}

.page-sidebar-menu>li.start>a {
  border-top-color: transparent !important;
}

.page-sidebar-menu>li:last-child>a,
.page-sidebar-menu>li.last>a {
  border-bottom-color: transparent !important;
}

.page-sidebar-menu>li>a {
  display: block;
  position: relative;
  margin: 0;
  border: 0px;
  padding: 10px 15px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
}

.page-sidebar-fixed .page-sidebar-menu>li>a {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.page-sidebar-menu>li>a i {
  font-size: 16px;
  margin-right: 5px;
  text-shadow: none;
}

.page-sidebar-menu>li.break {
  margin-bottom: 20px;
}

.page-sidebar-menu>li.active>a {
  border: none;
  text-shadow: none;
}

.page-sidebar-menu>li.active>a .selected {
  display: block;
  width: 8px;
  height: 25px;
  background-image: url("../img/sidebar-menu-arrow.png");
  float: right;
  position: absolute;
  right: 0px;
  top: 8px;
}

.page-sidebar ul>li>a>.arrow:before {
  float: right;
  margin-top: 0px;
  margin-right: 5px;
  display: inline;
  font-size: 16px;
  font-family: FontAwesome;
  height: auto;
  content: "\f104";
  font-weight: 300;
  text-shadow: none;
}

.page-sidebar-menu>li>a>.arrow.open:before {
  float: right;
  margin-top: 0px;
  margin-right: 3px;
  display: inline;
  font-family: FontAwesome;
  height: auto;
  font-size: 16px;
  content: "\f107";
  font-weight: 300;
  text-shadow: none;
}

/* bagin: sidebar menu badges */
.page-sidebar-menu li>a>.badge {
  float: right;
  margin-top: 1px;
  margin-right: 13px;
}

/* end: sidebar menu badges */

.page-sidebar-menu .sub-menu {
  padding: 0;
}

.page-sidebar-menu>li>ul.sub-menu {
  display: none;
  list-style: none;
  clear: both;
  margin: 8px 0px 8px 0px;
}

.page-sidebar-menu>li.active>ul.sub-menu {
  display: block;
}

.page-sidebar-menu>li>ul.sub-menu>li {
  background: none;
  margin: 0px;
  padding: 0px;
  margin-top: 1px !important;
}

.page-sidebar-menu>li>ul.sub-menu>li>a {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px;
  padding-left: 44px !important;
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
  background: none;
}

/* 3rd level sub menu */
.page-sidebar-menu>li>ul.sub-menu>li ul.sub-menu {
  display: none;
  list-style: none;
  clear: both;
  margin: 0px 0px 0px 0px;
}

.page-sidebar-menu>li>ul.sub-menu li>a>.arrow:before {
  float: right;
  margin-top: 1px;
  margin-right: 20px;
  display: inline;
  font-size: 16px;
  font-family: FontAwesome;
  height: auto;
  content: "\f104";
  font-weight: 300;
  text-shadow: none;
}

.page-sidebar-menu>li>ul.sub-menu li>a>.arrow.open:before {
  float: right;
  margin-top: 1px;
  margin-right: 18px;
  display: inline;
  font-family: FontAwesome;
  height: auto;
  font-size: 16px;
  content: "\f107";
  font-weight: 300;
  text-shadow: none;
}

.page-sidebar-menu>li.active>ul.sub-menu>li.active ul.sub-menu {
  display: block;
}

.page-sidebar-menu>li>ul.sub-menu>li ul.sub-menu li {
  background: none;
  margin: 0px;
  padding: 0px;
  margin-top: 1px !important;
}

.page-sidebar-menu>li>ul.sub-menu li>ul.sub-menu>li>a {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
  background: none;
}

.page-sidebar-menu>li>ul.sub-menu>li>ul.sub-menu>li>a {
  padding-left: 60px;
}

.page-sidebar-menu>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a {
  padding-left: 80px;
}

.page-sidebar-menu>li.active>ul.sub-menu>li.active ul.sub-menu>li.active ul.sub-menu {
  display: block;
}


.page-sidebar-menu>li>ul.sub-menu li>ul.sub-menu>li>a>i {
  font-size: 13px;
}

/* sidebar search */
.page-sidebar .sidebar-search {
  padding: 0;
  margin: 0;
}

.page-sidebar .sidebar-search .form-container {
  margin: 15px 20px 15px 20px;
  height: 35px;
  padding-top: 7px;
}

.page-sidebar .sidebar-search .form-container .submit {
  display: block;
  float: right;
  margin-top: 3px;
  width: 13px;
  height: 15px;
  background-repeat: no-repeat;
  box-shadow: none;
  border: 0px;
  padding: 0px;
  outline: none !important;
}

.page-sidebar .sidebar-search .form-container input[type="text"] {
  margin: 0px;
  width: 165px;
  border: 0px;
  padding: 0 !important;
  font-size: 14px !important;
  box-shadow: none !important;
  font-size: 14px;
  font-weight: normal;
}

.page-sidebar .sidebar-search .form-container input[type="text"]:focus {
  outline: none !important;
}

/***
Sidebar toggler(show/hide)
***/

.page-sidebar .sidebar-toggler {
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
  margin-top: 15px;
  margin-left: 175px;
  width: 29px;
  height: 29px;
  background-repeat: no-repeat;
}

.sidebar-toggler:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

.page-sidebar-closed .sidebar-toggler {
  margin-left: 3px;
}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container {
  width: 29px;
  margin-left: 3px;
}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container .input-box {
  border-bottom: 0 !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container input[type="text"] {
  display: none;
}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container .submit {
  margin-top: 5px !important;
  margin-left: 7px !important;
  margin-right: 7px !important;
  display: block !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
  width: 255px;
  position: relative;
  z-index: 1;
  padding-top: 0px;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container input[type="text"] {
  margin-top: 7px;
  margin-left: 8px;
  padding-left: 10px;
  padding-bottom: 2px;
  width: 185px;
  display: inline-block !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .submit {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 11px 8px 9px 6px !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {
  background-repeat: no-repeat;
  width: 11px;
  height: 11px;
  margin: 12px 8px 9px 8px !important;
  display: inline-block !important;
  float: left !important;
}

.page-sidebar-closed .page-sidebar-menu>li>a .selected {
  right: -3px !important;
}

.page-sidebar-closed .page-sidebar-menu>li>a>.title,
.page-sidebar-closed .page-sidebar-menu>li>a>.arrow {
  display: none !important;
}

.page-sidebar-closed .sidebar-toggler {
  margin-right: 3px;
}

.page-sidebar-closed .page-sidebar .sidebar-search {
  margin-top: 6px;
  margin-bottom: 6px;
}

.page-sidebar-closed .page-sidebar-menu {
  width: 35px !important;
}

.page-sidebar-closed .page-sidebar-menu>li>a {
  padding-left: 7px;
}

.page-sidebar-fixed.page-sidebar-closed .page-sidebar-menu>li>a {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.page-sidebar-closed .page-sidebar-menu>li:hover {
  width: 236px !important;
  position: relative !important;
  z-index: 2000;
  display: block !important;
}

.page-sidebar-closed .page-sidebar-menu>li:hover .selected {
  display: none;
}

.page-sidebar-closed .page-sidebar-menu>li:hover>a>i {
  margin-right: 10px;
}

.page-sidebar-closed .page-sidebar-menu>li:hover .title {
  display: inline !important;
}

.page-sidebar-closed .page-sidebar-menu>li>.sub-menu {
  display: none !important;
}

.page-sidebar-closed .page-sidebar-menu>li:hover>.sub-menu {
  width: 200px;
  position: absolute;
  z-index: 2000;
  left: 36px;
  margin-top: 0;
  top: 100%;
  display: block !important;
}

.page-sidebar-closed .page-sidebar-menu>li:hover>.sub-menu>li>.sub-menu,
.page-sidebar-closed .page-sidebar-menu>li:hover>.sub-menu>li>.sub-menu>li>.sub-menu {
  width: 200px;
}

/* 2rd level sub menu*/
.page-sidebar-closed .page-sidebar-menu>li:hover>.sub-menu>li>a {
  padding-left: 15px !important;
}

/* 3rd level sub menu*/
.page-sidebar-closed .page-sidebar-menu>li>ul.sub-menu>li>.sub-menu>li>a {
  padding-left: 30px !important;
}

/* 4rd level sub menu*/
.page-sidebar-closed .page-sidebar-menu>li>ul.sub-menu>li>.sub-menu>li>.sub-menu>li>a {
  padding-left: 45px !important;
}

/* sidebar container */

.page-sidebar-closed .page-sidebar {
  width: 35px;
}

.page-sidebar-closed .page-content {
  margin-left: 35px !important;
}


/***
Page content
***/
.page-content {
  margin-top: 0px;
  padding: 0px;
  background-color: #f8f9fa;
}

.ie8 .page-content {
  padding: 20px;
  margin-left: 225px;
  margin-top: 0px;
  min-height: 760px;
}

.ie8 .page-sidebar-fixed .page-content {
  min-height: 600px;
}

.ie8 .page-content.no-min-height {
  min-height: auto;
}

.page-full-width .page-content {
  margin-left: 0px !important;
}


/***
Page title
***/
.page-title {
  padding: 0px;
  font-size: 30px;
  letter-spacing: -1px;
  display: block;
  color: #666;
  margin: 0px 0px 15px 0px;
  font-weight: 300;
  font-family: 'Open Sans', sans-serif;
}

.page-title small {
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 300;
  color: #888;
}

/***
Page breadcrumb
***/

.ie8 .row .page-breadcrumb.breadcrumb>li {
  margin-right: 1px;
}

.page-content .page-breadcrumb.breadcrumb {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none;
  padding-right: 30px;
  padding-left: 8px;
  margin-top: 15px;
  margin-bottom: 25px;
  border: 0px !important;
  background-color: #eee;
}

.page-content .page-breadcrumb.breadcrumb>li>a,
.page-content .page-breadcrumb.breadcrumb>li>i,
.page-content .page-breadcrumb.breadcrumb>li>span {
  color: #333;
  font-size: 14px;
  text-shadow: none;
}

.page-content .page-breadcrumb.breadcrumb>li>i {
  color: #666;
}

.page-content .page-breadcrumb.breadcrumb>li+li:before {
  display: none;
}

/* Dashboard breadcrumb Dropdown */
.page-content .page-breadcrumb.breadcrumb .btn-group {
  right: 15px;
  position: absolute;
  margin-top: -8px;
}

.page-content .page-breadcrumb.breadcrumb>.btn-group .btn {
  padding-top: 8px;
  padding-bottom: 8px;
}

/* Dashboard date range panel */
.page-content .page-breadcrumb.breadcrumb .dashboard-date-range {
  position: relative;
  top: -8px;
  margin-right: -30px;
  display: none;
  padding: 9px 9px 8px 9px;
  cursor: pointer;
  color: #fff;
  background-color: #e02222;
}

/* hack for chrome and safari */
@media all and (-webkit-min-device-pixel-ratio:0) {
  .page-content .page-breadcrumb.breadcrumb .dashboard-date-range {
    padding: 9px;
  }
}

.page-content .page-breadcrumb.breadcrumb .dashboard-date-range>span {
  font-size: 12px;
  font-weight: 300;
  color: #fff;
  text-transform: uppercase;
}

.page-content .page-breadcrumb.breadcrumb .dashboard-date-range>.icon-calendar {
  text-transform: normal;
  color: #fff;
  margin-top: 0px;
  font-size: 14px;
}

.page-content .page-breadcrumb.breadcrumb .dashboard-date-range>.icon-angle-down {
  color: #fff;
  font-size: 16px;
}

/***
Footer
***/

.footer {
  padding: 8px 20px 5px 20px;
  font-size: 12px;
}

.footer:after,
.footer:before {
  content: "";
  display: table;
  line-height: 0;
}

.footer:after {
  clear: both;
}

.footer .footer-inner {
  float: left;
  display: inline-block;
}

.footer .footer-tools {
  float: right;
  display: inline-block;
}

.footer .footer-tools .go-top {
  display: block;
  text-decoration: none;
  cursor: pointer;
  margin-top: -2px;
  margin-right: 0px;
  margin-bottom: 0px;
  font-size: 16px;
  padding: 0px 6px 0px 6px;
}

.footer .footer-tools .go-top i {
  font-size: 22px;
  margin-bottom: 5px;
}


/********************
 GENERAL UI ELEMENTS 
*********************/

/***
Icon stuff
***/
i.icon,
a.icon {
  color: #999;
  margin-right: 5px;
  font-weight: normal;
  font-size: 13px;
}

i.icon-black {
  color: #000 !important;
}

a.icon:hover {
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity: .4;
  filter: alpha(opacity=40);
}

a.icon.huge i {
  font-size: 16px !important;
}

i.big {
  font-size: 20px;
}

i.warning {
  color: #d12610;
}

i.critical {
  color: #37b7f3;
}

i.normal {
  color: #52e136;
}

/***
Custom wells
***/
.well {
  background-color: #fafafa;
  border: 1px solid #eee;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.well.mini {
  padding: 7px !important;
}

/***
Form stuff
***/


/***
Bordered form layout
***/

/***
Input icons
***/

/* input with right aligned and colored icons */

/* input with left aligned icons */
.input-icon {
  position: relative;
}


.input-icon input {
  padding-left: 33px !important;
}

.input-icon i {
  color: #ccc;
  display: block;
  position: absolute;
  margin: 11px 2px 4px 10px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
}

.input-icon.right input {
  padding-left: 12px !important;
  padding-right: 33px !important;
}

.input-icon.right i {
  right: 8px;
  float: right;
}

.has-success .input-icon>i {
  color: #468847;
}

.has-warning .input-icon>i {
  color: #c09853;
}

.has-error .input-icon>i {
  color: #b94a48;
}

/***
Portlets
***/
.portlet {
  clear: both;
  margin-top: 0px;
  margin-bottom: 25px;
  padding: 0px;
}

.portlet>.portlet-title {
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.portlet>.portlet-title:after,
.portlet>.portlet-title:before {
  content: "";
  display: table;
  line-height: 0;
}

.portlet>.portlet-title:after {
  clear: both;
}

.portlet>.portlet-title>.caption {
  float: left;
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  margin-bottom: 8px;
}

.portlet>.portlet-title>.caption>i {
  float: left;
  margin-top: 4px;
  display: inline-block !important;
  font-size: 13px;
  margin-right: 5px;
  color: #666;
}

.portlet.blue>.portlet-title>.caption,
.portlet-title.blue>.caption,
.portlet.green>.portlet-title>.caption,
.portlet-title.green>.caption,
.portlet.yellow>.portlet-title>.caption,
.portlet-title.yellow>.caption,
.portlet.red>.portlet-title>.caption,
.portlet-title.red>.caption,
.portlet.purple>.portlet-title>.caption,
.portlet-title.purple>.caption,
.portlet.grey>.portlet-title>.caption,
.portlet-title.dark-grey>.caption {
  color: #fff;
}

.portlet.box.blue>.portlet-title>.caption>i,
.portlet.box.green>.portlet-title>.caption>i,
.portlet.box.grey>.portlet-title>.caption>i,
.portlet.box.yellow>.portlet-title>.caption>i,
.portlet.box.red>.portlet-title>.caption>i,
.portlet.box.purple>.portlet-title>.caption>i,
.portlet.box.light-grey>.portlet-title>.caption>i {
  color: #fff;
}

.sortable .portlet>.portlet-title {
  cursor: move;
}

.portlet>.portlet-title>.tools,
.portlet>.portlet-title>.actions {
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-top: 6px;
  float: right;
}

.portlet>.portlet-title>.tools>a {
  display: inline-block;
  height: 16px;
  margin-left: 5px;
}

.portlet>.portlet-title>.actions>.dropdown-menu i {
  color: #000 !important;
}

.portlet>.portlet-title>.tools>a.remove {
  margin-bottom: 2px;
  background-image: url(../img/portlet-remove-icon.png);
  background-repeat: no-repeat;
  width: 11px;
}

.portlet>.portlet-title>.tools>a.config {
  margin-bottom: 2px;
  background-image: url(../img/portlet-config-icon.png);
  background-repeat: no-repeat;
  width: 12px;
}

.portlet>.portlet-title>.tools>a.reload {
  margin-bottom: 2px;
  background-image: url(../img/portlet-reload-icon.png);
  width: 13px;
}

.portlet>.portlet-title>.tools>a.expand {
  margin-bottom: 2px;
  background-image: url(../img/portlet-expand-icon.png);
  width: 14px;
}

.portlet>.portlet-title>.tools>a.collapse {
  margin-bottom: 2px;
  background-image: url(../img/portlet-collapse-icon.png);
  width: 14px;
}

.portlet>.portlet-title>.tools>a:hover {
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity: .6;
  filter: 'alpha(opacity=60)';
}

.portlet>.portlet-title>.actions>.btn-group {
  margin-top: -12px;
}

.portlet>.portlet-title>.actions>.btn {
  padding: 4px 10px;
  margin-top: -14px;
}

.portlet>.portlet-title>.actions>.btn-group>.btn {
  padding: 4px 10px;
  margin-top: -1px;
}

.portlet>.portlet-title>.actions>.btn.btn-sm {
  padding: 3px 8px;
  margin-top: -14px;
}

.portlet>.portlet-title>.actions>.btn-group>.btn-sm {
  padding: 3px 8px;
  margin-top: -1px;
}

.portlet>.portlet-title>.pagination.pagination-sm {
  float: right !important;
  display: inline-block !important;
  margin: 0px;
  margin-top: -4px;
}

.portlet>.portlet-body {
  clear: both;
  padding: 0;
}

.portlet>.portlet-body.light-blue,
.portlet.light-blue {
  background-color: #bfd5fa !important;
}

.portlet>.portlet-body.blue,
.portlet.blue {
  background-color: #4b8df8 !important;
}

.portlet>.portlet-body.red,
.portlet.red {
  background-color: #e02222 !important;
}

.portlet>.portlet-body.yellow,
.portlet.yellow {
  background-color: #ffb848 !important;
}

.portlet>.portlet-body.green,
.portlet.green {
  background-color: #35aa47 !important;
}

.portlet>.portlet-body.purple,
.portlet.purple {
  background-color: #852b99 !important;
}

.portlet>.portlet-body.light-grey,
.portlet.light-grey {
  background-color: #fafafa !important;
}

.portlet>.portlet-body.grey,
.portlet.grey {
  background-color: #555555 !important;
}

/*  draggable girds */

.ui-sortable-placeholder {
  border: 1px dotted black;
  visibility: visible !important;
  height: 100% !important;
}

.ui-sortable-placeholder * {
  visibility: hidden;
}

.sortable-box-placeholder {
  background-color: #f5f5f5;
  border: 1px dashed #DDDDDD;
  display: block;
  /* float: left;*/
  margin-top: 0px !important;
  margin-bottom: 24px !important;
}

.sortable-box-placeholder * {
  visibility: hidden;
}

/***
Solid colored portlet
***/
.portlet.solid {
  padding: 10px;
}

.portlet.solid>.portlet-title>.tools {
  margin-top: 2px;
  border: 0px;
}

.portlet.solid>.portlet-title {
  margin-bottom: 5px;
  border: 0px;
}

.portlet.solid.bordered>.portlet-title {
  margin-bottom: 15px;
}

.portlet.solid.red>.portlet-title,
.portlet.solid.red>.portlet-title>.caption>i,
.portlet.solid.red>.portlet-body,

.portlet.solid.green>.portlet-title,
.portlet.solid.green>.portlet-title>.caption>i,
.portlet.solid.green>.portlet-body,

.portlet.solid.yellow>.portlet-title,
.portlet.solid.yellow>.portlet-title>.caption>i,
.portlet.solid.yellow>.portlet-body,

.portlet.solid.grey>.portlet-title,
.portlet.solid.grey>.portlet-title>.caption>i,
.portlet.solid.grey>.portlet-body,

.portlet.solid.purple>.portlet-title,
.portlet.solid.purple>.portlet-title>.caption>i,
.portlet.solid.purple>.portlet-body,

.portlet.solid.blue>.portlet-title,
.portlet.solid.blue>.portlet-title>.caption>i,
.portlet.solid.blue>.portlet-body {
  border: 0;
  color: #fff;
}

.portlet.bordered {
  border-left: 2px solid #ddd;
}

/***
Box portlet
***/


.portlet.box {
  padding: 0px !important
}

.portlet.box>.portlet-title {
  padding: 8px 10px 2px 10px;
  border-bottom: 1px solid #eee;
  color: #fff !important;
}

.portlet.box>.portlet-title>.actions>.btn>i {
  color: #fff !important;
}

.portlet.box>.portlet-title>.tools {
  margin-top: 3px;
}

.portlet.box>.portlet-title>.tools>a.remove,
.portlet.solid>.portlet-title>.tools>a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}

.portlet.box>.portlet-title>.tools>a.config,
.portlet.solid>.portlet-title>.tools>a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}

.portlet.box>.portlet-title>.tools>a.reload,
.portlet.solid>.portlet-title>.tools>a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}

.portlet.box>.portlet-title>.tools>a.expand,
.portlet.solid>.portlet-title>.tools>a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}

.portlet.box>.portlet-title>.tools>a.collapse,
.portlet.solid>.portlet-title>.tools>a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}

/* portlet buttons */
.portlet.box>.portlet-body {
  background-color: #fff;
  padding: 10px;
}

.portlet.box>.portlet-title {
  margin-bottom: 0px;
}

.portlet.box.blue>.portlet-title {
  background-color: #4b8df8;
}

.portlet.box.blue {
  border: 1px solid #b4cef8;
  border-top: 0;
}

.portlet.box.red>.portlet-title {
  background-color: #e02222;
}

.portlet.box.red {
  border: 1px solid #ef8476;
  border-top: 0;
}

.portlet.box.yellow>.portlet-title {
  background-color: #ffb848;
}

.portlet.box.yellow {
  border: 1px solid #fccb7e;
  border-top: 0;
}

.portlet.box.green>.portlet-title {
  background-color: #35aa47;
}

.portlet.box.green {
  border: 1px solid #77e588;
  border-top: 0;
}

.portlet.box.purple>.portlet-title {
  background-color: #852b99;
}

.portlet.box.purple {
  border: 1px solid #af5cc1;
  border-top: 0;
}

.portlet.box.grey>.portlet-title {
  background-color: #555555;
}

.portlet.box.grey {
  border: 1px solid #9d9c9c;
  border-top: 0;
}

.portlet.box.light-grey>.portlet-title {
  background-color: #aaa;
}

.portlet.box.light-grey {
  border: 1px solid #bbb;
  border-top: 0;
}

/***
Charts and statistics
***/
.chart,
.pie,
.bars {
  overflow: hidden;
  height: 300px;
}

/***
Statistic lists
***/
.item-list.table .percent {
  width: 30px;
  float: right;
  margin-right: 10px;
  margin-top: 3px;
}

.item-list.table .title {
  padding-top: -5px;
}

/***
Chart tooltips
***/
.chart-tooltip {
  clear: both;
  z-index: 100;
  background-color: #736e6e !important;
  padding: 5px !important;
  color: #fff;
}

.chart-tooltip .label {
  clear: both;
  display: block;
  margin-bottom: 2px;
}

/***
Mini chart containers
***/
.bar-chart {
  display: none
}

.line-chart {
  display: none
}

/***
Custom icon buttons
***/
.icon-btn {
  height: 60px;
  min-width: 80px;
  margin: 5px 5px 0 0;
  border: 1px solid #ddd;
  padding: 12px 0px 0px 0px;
  background-color: #fafafa !important;
  background-image: none !important;
  filter: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  display: inline-block !important;
  color: #646464 !important;
  text-shadow: none !important;
  text-align: center;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}

.icon-btn i {
  font-size: 18px;
}

.ie8 .icon-btn:hover {
  filter: none !important;
}

.icon-btn:hover {
  text-decoration: none !important;
  border-color: #999 !important;
  color: #444 !important;
  text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important;
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.icon-btn:hover .badge {
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.icon-btn div {
  font-family: 'Open Sans', sans-serif;
  margin-top: 5px;
  margin-bottom: 20px;
  color: #000;
  font-size: 12px;
  font-weight: 300;
}

.icon-btn .badge {
  position: absolute;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px !important;
  font-weight: 300;
  top: -5px;
  right: -5px;
  padding: 3px 6px 3px 6px;
  color: white !important;
  text-shadow: none;
  border-width: 0;
  border-style: solid;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* extended dropdowns */
.dropdown-menu.extended {
  min-width: 160px !important;
  max-width: 300px !important;
  width: 233px !important;
  background-color: #ffffff !important;
}

.dropdown-menu.extended:before,
.dropdown-menu.extended:after {
  border-bottom-color: #ddd !important;
}

.dropdown-menu.extended li a {
  display: block;
  padding: 5px 10px !important;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  white-space: normal !important;
}

.dropdown-menu.extended li i {
  margin-right: 3px;
}

.dropdown-menu.extended li a {
  font-size: 13px;
  padding: 10px !important;
  background-color: #ffffff;
}

.dropdown-menu.extended li a:hover {
  background-image: none;
  background-color: #f5f5f5;
  color: #000;
  filter: none;
}

.dropdown-menu.extended li p {
  padding: 10px;
  background-color: #eee;
  margin: 0px;
  font-size: 14px;
  font-weight: 300;
  color: #000;
}

.dropdown-menu.extended li a {
  padding: 7px 0 5px 0px;
  list-style: none;
  border-bottom: 1px solid #f4f4f4 !important;
  font-size: 12px;
  text-shadow: none;
}

.dropdown-menu.extended li:first-child a {
  border-top: none;
  border-bottom: 1px solid #f4f4f4 !important;
}

.dropdown-menu.extended li:last-child a {
  border-top: 1px solid white !important;
  border-bottom: 1px solid #f4f4f4 !important;
}

.dropdown-menu.extended li.external>a {
  font-size: 13px;
  font-weight: 400;
}

.dropdown-menu.extended li.external>a>i {
  margin-top: 3px;
  float: right;
}

/* header notifications dropdowns */
.dropdown-menu .dropdown-menu-list.scroller {
  padding-right: 0 !important;
  padding-left: 0;
  list-style: none;
}

.dropdown-menu.notification li>a .time {
  font-size: 12px;
  font-weight: 600;
  text-align: right;
  font-style: italic;
}

/* header inbox dropdowns */
.dropdown-menu.inbox li>a .photo {
  float: left;
  padding-right: 6px;
}

.dropdown-menu.inbox li>a .photo>img {
  height: 40px;
  width: 40px;
}

.dropdown-menu.inbox li>a .subject {
  display: block;
}

.dropdown-menu.inbox li>a .subject .from {
  font-size: 14px;
  font-weight: 400;
  color: #02689b;
}

.dropdown-menu.inbox li>a .subject .time {
  font-size: 12px;
  font-weight: 600;
  font-style: italic;
  position: relative;
  float: right;
}

.dropdown-menu.inbox li>a .message {
  display: block !important;
  font-size: 12px;
}

/* header tasks */
.dropdown-menu.tasks .task {
  margin-bottom: 5px;
}

.dropdown-menu.tasks .task .desc {
  font-size: 13px;
  font-weight: 300;
}

.dropdown-menu.tasks .task .percent {
  font-size: 14px;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  float: right;
  display: inline-block;
}

.dropdown-menu.tasks .progress {
  display: block;
  height: 11px;
  margin: 0px;
}

/***
General list for item with image
***/
.item-list li .img {
  height: 50px;
  width: 50px;
  float: left;
  margin-top: 3px;
  margin-right: 5px;
}

.item-list {
  margin: 0px;
  list-style: none;
}

.item-list li {
  padding: 7px 0 5px 0px;
  list-style: none;
  border-top: 1px solid white;
  border-bottom: 1px solid #EBEBEB;
  font-size: 12px;
}

.item-list li:first-child {
  border-top: none;
  border-bottom: 1px solid #EBEBEB;
}

.item-list li:last-child {
  border-top: none;
  border-bottom: none;
}

.item-list li .label {
  margin-right: 5px;
}

.item-list.todo li .label {
  position: absolute;
  right: 80px;
}

.item-list.todo li .actions {
  position: absolute;
  right: 45px;
}

/***
Custom tables
***/
.table-toolbar {
  margin-bottom: 15px;
}

.table.table-full-width {
  width: 100% !important;
}

.table .m-btn {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 5px;
}

.table thead tr th {
  font-size: 14px;
  font-weight: 600;
}

.table-advance {
  margin-bottom: 10px !important;
}

.table-advance thead {
  color: #999;
}

.table-advance thead tr th {
  background-color: #DDD;
  font-size: 14px;
  font-weight: 400;
  color: #666;
}

.table-advance div.success,
.table-advance div.info,
.table-advance div.important,
.table-advance div.warning,
.table-advance div.danger {
  position: absolute;
  margin-top: -5px;
  float: left;
  width: 2px;
  height: 30px;
  margin-right: 20px !important;
}

.table-advance tr td {
  border-left-width: 0px;
}

.table-advance tr td:first-child {
  border-left-width: 1px !important;
}

.table-advance tr td.highlight:first-child a {
  margin-left: 15px;
}

.table-advance td.highlight div.success {
  border-left: 2px solid #66ee66;
}

.table-advance td.highlight div.info {
  border-left: 2px solid #87ceeb;
}

.table-advance td.highlight div.important {
  border-left: 2px solid #f02c71;
}

.table-advance td.highlight div.warning {
  border-left: 2px solid #fdbb39;
}

.table-advance td.highlight div.danger {
  border-left: 2px solid #e23e29;
}


/***
Star rating
***/
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  font-size: 30px;
}

.rating span.star {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
}

.rating span.star:hover {
  cursor: pointer;
}

.rating span.star:before {
  content: "\f006";
  padding-right: 5px;
  color: #999999;
}

.rating span.star:hover:before,
.rating span.star:hover~span.star:before {
  content: "\f005";
  color: #e3cf7a;
}


/***
Item block with details shown on hover
***/
.item {
  overflow: hidden;
  display: block;
  margin-bottom: 20px;
}

.item .details {
  width: 100%;
  display: none;
  background-color: #000;
  color: #fff !important;
  padding: 5px;
  text-align: center;
  position: relative;
  bottom: 30px;
  margin-bottom: -30px;
  overflow: hidden;
  z-index: 6;
}

.item:hover .details {
  display: block;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.item:hover .zoom-icon {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/***
Zoom icon overlay on images
***/
.zoom {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
}

.zoom .zoom-icon {
  background-image: url("../img/overlay-icon.png");
  background-color: #222;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  width: inherit;
  height: inherit;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 6;
  top: 0;
}

/***
Chats
***/
.chats {
  margin: 0;
  padding: 0;
  margin-top: -15px;
}

.chats li {
  list-style: none;
  padding: 5px 0;
  margin: 10px auto;
  font-size: 12px;
}

.chats li img.avatar {
  height: 45px;
  width: 45px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}

.chats li.in img.avatar {
  float: left;
  margin-right: 10px;
}

.chats li .name {
  color: #3590c1;
  font-size: 13px;
  font-weight: 400;
}

.chats li .datetime {
  color: #333;
  font-size: 13px;
  font-weight: 400;
}

.chats li.out img.avatar {
  float: right;
  margin-left: 10px;
}

.chats li .message {
  display: block;
  padding: 5px;
  position: relative;
}

.chats li.in .message {
  text-align: left;
  border-left: 2px solid #35aa47;
  margin-left: 65px;
  background: #fafafa
}

.chats li.in .message .arrow {
  display: block;
  position: absolute;
  top: 5px;
  left: -8px;
  width: 0;
  height: 0;

  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #35aa47;
}

.chats li.out .message .arrow {
  display: block;
  position: absolute;
  top: 5px;
  right: -8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #da4a38;
}

.chats li.out .message {
  border-right: 2px solid #da4a38;
  margin-right: 65px;
  background: #fafafa;
  text-align: right;
}

.chats li.out .name,
.chats li.out .datetime {
  text-align: right;
}

.chats li .message .body {
  display: block;
}

.chat-form {
  margin-top: 15px;
  padding: 10px;
  background-color: #e9eff3;
  overflow: hidden;
  clear: both;
}

.chat-form .input-cont {
  margin-right: 40px;
}

.chat-form .input-cont .form-control {
  width: 100% !important;
  margin-bottom: 0px;
}

.chat-form .input-cont input {
  border: 1px solid #ddd;
  width: 100% !important;
  margin-top: 0;
}

.chat-form .input-cont input {
  background-color: #fff !important;
}

.chat-form .input-cont input:focus {
  border: 1px solid #4b8df9 !important;
}

.chat-form .btn-cont {
  margin-top: -42px;
  position: relative;
  float: right;
  width: 44px;
}

.chat-form .btn-cont .arrow {
  position: absolute;
  top: 17px;
  right: 43px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #4d90fe;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.chat-form .btn-cont:hover .arrow {
  border-right-color: #0362fd;
}

.chat-form .btn-cont:hover .btn {
  background-color: #0362fd;
}

.chat-form .btn-cont .btn {
  margin-top: 8px;
}

/***
System feeds
***/
.feeds {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.feeds li {
  background-color: #fafafa;
  margin-bottom: 7px;
}

.feeds li:before,
.feeds li:after {
  display: table;
  line-height: 0;
  content: "";
}

.feeds li:after {
  clear: both;
}

.feeds li:last-child {
  margin-bottom: 0px;
}

.feeds .col1 {
  float: left;
  width: 100%;
  clear: both;
}

.feeds .col2 {
  float: left;
  width: 75px;
  margin-left: -75px;
}

.feeds .col1 .cont {
  float: left;
  margin-right: 75px;
  overflow: hidden;
}

.feeds .col1 .cont .cont-col1 {
  float: left;
  margin-right: -100%;
}

.feeds .col1 .cont .cont-col1 .label {
  display: inline-block;
  padding: 5px 4px 6px 5px;
  vertical-align: middle;
  text-align: center;
}

.feeds .col1 .cont .cont-col1 .label>i {
  text-align: center;
  font-size: 14px;
}

.feeds .col1 .cont .cont-col2 {
  float: left;
  width: 100%;
}

.feeds .col1 .cont .cont-col2 .desc {
  margin-left: 35px;
  padding-top: 4px;
  padding-bottom: 5px;
  overflow: hidden;
}

.feeds .col2 .date {
  padding: 4px 9px 5px 4px;
  text-align: right;
  font-style: italic;
  color: #c1cbd0;
}

/***
Users
***/
.user-info {
  margin-bottom: 10px !important;
}

.user-info img {
  float: left;
  margin-right: 5px;
}

.user-info .details {
  display: inline-block;
}

.user-info .label {
  font-weight: 300;
  font-size: 11px;
}

/***
Accordions
***/
.accordion-heading {
  background: #eee;
}

.accordion-heading a {
  text-decoration: none;
}

.accordion-heading a:hover {
  text-decoration: none;
}

/***
Vertical inline menu
***/
.ver-inline-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

.ver-inline-menu li {
  position: relative;
  margin-bottom: 1px;
}

.ver-inline-menu li i {
  width: 37px;
  height: 37px;
  display: inline-block;
  color: #b9cbd5;
  font-size: 15px;
  padding: 12px 10px 10px 8px;
  margin: 0 8px 0 0;
  text-align: center;
  background: #e0eaf0 !important;
}

.ver-inline-menu li a {
  font-size: 13px;
  color: #557386;
  display: block;
  background: #f0f6fa;
  border-left: solid 2px #c4d5df;
}

.ver-inline-menu li:hover a,
.ver-inline-menu li:hover i {
  background: #e0eaf0;
  text-decoration: none;
}

.ver-inline-menu li:hover i {
  color: #fff;
  background: #c4d5df !important;
}

.ver-inline-menu li.active a,
.ver-inline-menu li:hover a {
  font-size: 13px;
}

.ver-inline-menu li.active a {
  border-left: solid 2px #0c91e5;
}

.ver-inline-menu li.active a,
.ver-inline-menu li.active i {
  color: #fff;
  background: #169ef4;
  text-decoration: none;
}

.ver-inline-menu li.active i {
  background: #0c91e5 !important;
}

.ver-inline-menu li.active:after {
  content: '';
  display: inline-block;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-left: 6px solid #169ef4;
  position: absolute;
  top: 12px;
  right: -5px;
}

/***
Custom tabs
***/

.tabbable-custom {
  margin-bottom: 15px;
  padding: 0px;
  overflow: hidden;
}

.tabbable-custom>.nav-tabs {
  border: none;
  margin: 0px;
}

.tabbable-custom>.tab-content {
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 10px;
}

.tabbable-custom.nav-justified .tab-content {
  margin-top: -1px;
}

.tabs-below.tabbable-custom.nav-justified .tab-content {
  margin-top: 0px;
  margin-bottom: -2px;
}

.tabbable-custom.boxless>.tab-content {
  padding: 15px 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.tabbable-custom .nav-tabs>li {
  margin-right: 2px;
  border-top: 2px solid transparent;
}

.tabbable-custom .nav-tabs>li>a {
  margin-right: 0;
}

.tabbable-custom .nav-tabs>li>a:hover {
  background: none;
  border-color: transparent;
}

.tabbable-custom .nav-tabs>li.active {
  border-top: 3px solid #d12610;
  margin-top: 0;
  position: relative;
}

.tabbable-custom .nav-tabs>li.active>a {
  border-top: none;
  font-weight: 400;
}

.tabbable-custom .nav-tabs>li.active>a:hover {
  border-top: none;
  background: #fff;
  border-color: #d4d4d4 #d4d4d4 transparent;
}

.tabbable-custom .nav-tabs>li {
  margin-right: 2px;
  border-top: 2px solid transparent;
}

/* below tabs */


.tabs-below.tabbable-custom .nav-tabs>li>a {
  border-top: none;
  border-bottom: 2px solid transparent;
  margin-top: -1px;
}

.tabs-below.tabbable-custom .nav-tabs>li.active {
  border-top: none;
  border-bottom: 3px solid #d12610;
  margin-bottom: 0;
  position: relative;
}

.tabs-below.tabbable-custom .nav-tabs>li.active>a {
  border-bottom: none
}

.tabs-below.tabbable-custom .nav-tabs>li.active>a:hover {
  background: #fff;
  border-color: #d4d4d4 #d4d4d4 transparent;
}

/*full width tabs with bigger titles */
.tabbable-custom.tabbable-full-width>.tab-content {
  padding: 15px 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.tabbable-custom.tabbable-full-width .nav-tabs>li>a {
  color: #424242;
  font-size: 15px;
  padding: 9px 15px;
}


/***
Custom portlet tabs
***/
.portlet-tabs>.nav-tabs {
  position: relative;
  top: -41px;
  margin-right: 10px;
  overflow: hidden;
}

.portlet-tabs>.nav-tabs>li {
  float: right;
}

.portlet-tabs>.nav-tabs {
  border-bottom: none;
}

.portlet-tabs>.nav-tabs>li>a {
  color: #fff;
  padding-top: 8px;
  padding-bottom: 10px;
  line-height: 16px;
  margin-top: 6px;
  margin-left: 0px;
  margin-right: 0px;
  border-left: 0;
  border-right: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.portlet-tabs>.nav-tabs>li:last-child>a {
  border-right: 0;
}

.portlet-tabs>.nav-tabs>li {
  margin-left: 1px;
}

.portlet-tabs>.nav-tabs>li.active {
  color: #333;
  border-top-color: transparent;
}

.portlet-tabs>.nav-tabs>li.active>a {
  margin-bottom: 0px;
  border-bottom: 0;
  margin-left: 0px;
  margin-right: 0px;
  border-left: 0;
  border-right: 0;
  background-color: none !important;
  border-top-color: transparent !important;
}

.portlet-tabs>.nav-tabs>li>a:hover {
  color: #333;
  margin-bottom: 0;
  border-bottom-color: transparent;
  margin-left: 0;
  margin-right: 0;
  border-left: 0;
  border-right: 0;
  background-color: none !important;
  border-top-color: transparent;
  background-color: #fff;
}

.portlet-tabs>.nav-tabs>.active>a {
  color: #555555;
  cursor: default;
  background-color: #fff;
}

.portlet-tabs>.nav-tabs>.active>a:hover {
  background-color: #fff !important;
}

.portlet-tabs>.tab-content {
  padding: 10px !important;
  margin: 0px;
  margin-top: -50px !important;
}

.portlet.tabbable .portlet-body {
  padding: 0px;
}

.tab-pane>p:last-child {
  margin-bottom: 0px;
}

/***
Dashboard container
***/
#dashboard {
  overflow: hidden;
}

/***
Dashboard stats
***/
.dashboard-stat {
  margin-bottom: 25px;
}

.dashboard-stat:before,
.dashboard-stat:after {
  display: table;
  line-height: 0;
  content: "";
}

.dashboard-stat:after {
  clear: both;
}

.dashboard-stat .visual {
  width: 80px;
  height: 80px;
  display: block;
  float: left;
  padding-top: 10px;
  padding-left: 15px;
  margin-bottom: 10px;
}

.dashboard-stat .visual i {
  font-size: 65px;
  line-height: 65px;
  color: #fff;
}

@media (min-width: 992px) and (max-width: 1024px) {

  .dashboard-stat .visual i {
    font-size: 28px;
    line-height: 28px;
  }

}

.dashboard-stat .details {
  position: absolute;
  right: 15px;
  padding-right: 10px;
}

.dashboard-stat .details .number {
  padding-top: 15px;
  text-align: right;
  font-size: 25px;
  line-height: 34px;
  letter-spacing: -1px;
  margin-bottom: 5px;
  font-weight: 300;
  color: #fff;
}

.dashboard-stat .details .desc {
  text-align: right;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 300;
  color: #fff;
}

.dashboard-stat .more {
  clear: both;
  display: block;
  padding: 5px 10px 5px 10px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 11px;
  color: #fff;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.dashboard-stat .more:hover {
  text-decoration: none;
  opacity: 1;
  filter: alpha(opacity=100);
}

.dashboard-stat .more>i {
  display: inline-block;
  margin-top: 1px;
  float: right;
}

.dashboard-stat.blue {
  background-color: #27a9e3;
}

.dashboard-stat.blue .more {
  background-color: #208dbe;
}

.dashboard-stat.green {
  background-color: #28b779;
}

.dashboard-stat.green .more {
  background-color: #10a062;
}

.dashboard-stat.red {
  background-color: #e7191b;
}

.dashboard-stat.red .more {
  background-color: #bc0d0e;
}

.dashboard-stat.yellow {
  background-color: #ffb848;
}

.dashboard-stat.yellow .more {
  background-color: #cb871b;
}

.dashboard-stat.purple {
  background-color: #852b99;
}

.dashboard-stat.purple .more {
  background-color: #6e1881;
}


/***
Tiles(new in v1.1.1)
***/
.tiles {
  margin-right: -10px;
}

.tile {
  display: block;
  letter-spacing: 0.02em;
  float: left;
  height: 135px;
  width: 135px !important;
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
  position: relative;
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 0.02em;
  line-height: 20px;
  font-smooth: always;
  overflow: hidden;
  border: 4px solid transparent;
  margin: 0 10px 10px 0;
}

.tile:after,
.tile:before {
  content: "";
  float: left;
}

.tile.double {
  width: 280px !important;
}

.tile.double-down {
  height: 280px !important;
}

.tile:active,
.tile.selected {
  border-color: #ccc !important;
}

.tile:hover {
  border-color: #aaa !important;
}

.tile.selected .corner:after {
  content: "";
  display: inline-block;
  border-left: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-right: 40px solid #ccc;
  position: absolute;
  top: -3px;
  right: -3px;
}

.tile.selected .check:after {
  content: "";
  font-family: FontAwesome;
  font-size: 13px;
  content: "\f00c";
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 2px;
}

.tile * {
  color: #ffffff;
}

.tile .tile-body {
  height: 100%;
  vertical-align: top;
  padding: 10px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  font-weight: 400;
  font-size: 12px;
  font-smooth: always;
  color: #000000;
  color: #ffffff;
  margin-bottom: 10px;
}

.tile .tile-body img {
  float: left;
  margin-right: 10px;
}

.tile .tile-body img.pull-right {
  float: right !important;
  margin-left: 10px;
  margin-right: 0px;
}

.tile .tile-body .content {
  display: inline-block;
}

.tile .tile-body>i {
  margin-top: 17px;
  display: block;
  font-size: 56px;
  line-height: 56px;
  text-align: center;
}


.tile.double-down i {
  margin-top: 95px;
}

.tile .tile-body h1,
.tile .tile-body h2,
.tile .tile-body h3,
.tile .tile-body h4,
.tile .tile-body h5,
.tile .tile-body h6,
.tile .tile-body p {
  padding: 0;
  margin: 0;
  line-height: 14px;
}

.tile .tile-body h3,
.tile .tile-body h4 {
  margin-bottom: 5px;
}

.tile .tile-body h1:hover,
.tile .tile-body h2:hover,
.tile .tile-body h3:hover,
.tile .tile-body h4:hover,
.tile .tile-body h5:hover,
.tile .tile-body h6:hover,
.tile .tile-body p:hover {
  color: #ffffff;
}

.tile .tile-body p {
  font-weight: 400;
  font-size: 13px;
  font-smooth: always;
  color: #000000;
  color: #ffffff;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tile .tile-body p:hover {
  color: rgba(0, 0, 0, 0.8);
}

.tile .tile-body p:active {
  color: rgba(0, 0, 0, 0.4);
}

.tile .tile-body p:hover {
  color: #ffffff;
}

.tile.icon>.tile-body {
  padding: 0;
}

.tile .tile-object {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 30px;
  background-color: transparent;
  *zoom: 1;
}

.tile .tile-object:before,
.tile .tile-object:after {
  display: table;
  content: "";
}

.tile .tile-object:after {
  clear: both;
}

.tile .tile-object>.name {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 15px;
  font-weight: 400;
  font-size: 13px;
  font-smooth: always;
  color: #ffffff;
}

.tile .tile-object>.name>i {
  vertical-align: middle;
  display: block;
  font-size: 24px;
  height: 18px;
  width: 24px;
}

.tile .tile-object>.number {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 0;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.01em;
  line-height: 14px;
  font-smooth: always;
  margin-bottom: 8px;
  margin-right: 10px;
}

.tile.image {
  border-color1: transparent !important;
}

.tile.image>.tile-body {
  padding: 0 !important;
}

.tile.image>.tile-body>img {
  width: 100%;
  height: auto;
  min-height: 100%;
  max-width: 100%;
}

.tile.image .tile-body h3 {
  display: inline-block;
}

/***
Theme Panel
***/

.theme-panel {
  width: 320px;
  margin-top: -20px;
  margin-right: 1px;
  z-index: 999;
  float: right;
  position: relative;
}

.theme-panel>.toggler {
  top: 4px;
  right: 0;
  padding: 20px;
  cursor: pointer;
  position: absolute;
  background: #c9c9c9 url(../img/icon-color.png) center no-repeat;
}

.theme-panel>.toggler:hover {
  background-color: #3d3d3d !important;
}

.theme-panel>.toggler-close {
  display: none;
  top: 4px;
  right: 0;
  padding: 20px;
  cursor: pointer;
  position: absolute;
  background: #3d3d3d url(../img/icon-color-close.png) center no-repeat !important;
}

.theme-panel>.toggler-close:hover {
  background-color: #222 !important;
}

.theme-panel>.theme-options {
  top: 4px;
  right: 40px;
  display: none;
  position: absolute;
  background: #3d3d3d;
}

.theme-panel>.theme-options>.theme-option {
  color: #cfcfcf;
  padding: 15px;
  border-top: 1px solid #585858;
  margin-top: 0px;
  margin-bottom: 0px;
}

.theme-panel>.theme-options>.theme-option.theme-colors {
  border-top: 0;
}

.theme-panel>.theme-options>.theme-option>span {
  text-transform: uppercase;
  display: inline-block;
  width: 85px;
  font-size: 14px;
}

.theme-panel>.theme-options>.theme-option.theme-colors>span {
  display: block;
  width: auto;
}

.theme-panel>.theme-options>.theme-option>select.form-control {
  display: inline;
  width: 100px;
  text-transform: lowercase;
}

.theme-panel>.theme-options>.theme-option.theme-colors>ul {
  list-style: none;
  padding: 0;
  display: block;
  margin-bottom: 1px !important;
  margin-top: 10px;
}

.theme-panel>.theme-options>.theme-option.theme-colors>ul>li {
  width: 30px;
  height: 30px;
  margin: 0 4px;
  cursor: pointer;
  list-style: none;
  float: left;
  border: solid 1px #707070;
}

.theme-panel>.theme-options>.theme-option.theme-colors>ul>li:first-child {
  margin-left: 0;
}

.theme-panel>.theme-options>.theme-option.theme-colors>ul>li:hover,
.theme-panel>.theme-options>.theme-option.theme-colors>ul>li.current {
  border: solid 2px #ebebeb;
}

.theme-panel>.theme-options>.theme-option.theme-colors>ul>li.color-black {
  background: #333438;
}

.theme-panel>.theme-options>.theme-option.theme-colors>ul>li.color-grey {
  background: #6d6d6d;
}

.theme-panel>.theme-options>.theme-option.theme-colors>ul>li.color-blue {
  background: #124f94;
}

.theme-panel>.theme-options>.theme-option.theme-colors>ul>li.color-brown {
  background: #623f18;
}

.theme-panel>.theme-options>.theme-option.theme-colors>ul>li.color-purple {
  background: #701584;
}

.theme-panel>.theme-options>.theme-option.theme-colors>ul>li.color-white {
  background: #fff;
}

/***
Top bar menu
***/

/* enable arrow for dropdown menu */
.header .nav>li>.dropdown-menu:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.header .nav>li>.dropdown-menu:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block !important;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

/***
Horezantal Menu(new in v1.2)
***/

.header .hor-menu {
  margin: 0;
  float: left;
}

.header .hor-menu ul.nav li a {
  font-size: 14px;
  padding: 11px 18px;
}

.header .hor-menu ul.nav li {
  position: relative;
}

.header .hor-menu ul.nav li.active>a,
.header .hor-menu ul.nav li.active>a:hover {
  background: #e02222 !important;
}

.header .hor-menu ul.nav li.active .selected {
  left: 50%;
  bottom: 0;
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #e02222;
  display: inline-block;
  margin: 0;
  width: 0px;
  height: 0px;
  margin-left: -7px;
  margin-bottom: -6px;
}

.header .hor-menu ul.nav li a:hover,
.header .hor-menu ul.nav li a:focus {
  background: #2d2d2d;
}

/*drop-down*/
.header .hor-menu .dropdown-menu {
  margin-top: 0;
  border: none;
  box-shadow: none;
  background: #2d2d2d;
}

.header .hor-menu .dropdown-menu li>a {
  color: #999;
  padding: 7px 18px !important;
  margin-bottom: 1px;
}

.header .hor-menu .dropdown-menu .arrow {
  display: none;
}

.header .hor-menu .dropdown-menu li>a:hover,
.header .hor-menu .dropdown-menu li:hover>a,
.header .hor-menu .dropdown-menu li.active>a {
  color: #fff;
  filter: none !important;
  background: #e02222 !important;
}

.header .hor-menu .nav>li>.dropdown-menu:after,
.header .hor-menu .nav>li>.dropdown-menu:before {
  border-bottom: none !important;
}

/*search*/
.header .hor-menu .hor-menu-search-form-toggler {
  display: inline-block;
  padding: 12px 22px 12px 22px !important;
  cursor: pointer;
  background: url(../img/hor-menu-search.png) no-repeat center;
}

.header .hor-menu .hor-menu-search-form-toggler:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.header .hor-menu .hor-menu-search-form-toggler.off {
  background: #101010 url(../img/hor-menu-search-close.png) no-repeat center;
}

.header .hor-menu a.hor-menu-search-form-toggler-close {
  display: none;
}

.header .hor-menu .search-form {
  top: 42px;
  right: 0px;
  padding: 8px;
  display: none;
  z-index: 999;
  position: absolute;
  background: #101010;
}

.header .hor-menu .search-form .btn {
  color: #999;
  padding: 7px 20px;
  height: 32px;
  width: 10px;
  display: inline-block;
  background: #2d2d2d url(../img/search-icon.png) no-repeat center;
}

.header .hor-menu .search-form .btn:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.header .hor-menu .search-form form {
  margin-bottom: 0;
}

.header .hor-menu .search-form form input {
  background: none;
  width: 200px;
  color: #999;
  border: none;
}

.header .hor-menu .search-form form input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999;
}

.header .hor-menu .search-form form input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
}

.header .hor-menu .search-form form input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
}

.header .hor-menu .search-form form input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999;
}


/***
Top News Blocks(new in v1.2.2)
***/
.top-news {
  color: #fff;
  margin: 8px 0;
}

.top-news a,
.top-news em,
.top-news span {
  display: block;
  text-align: left;
}

.top-news a {
  padding: 10px;
  position: relative;
  margin-bottom: 10px;
}

.top-news a .top-news-icon {
  right: 8px;
  bottom: 15px;
  opacity: 0.3;
  font-size: 35px;
  position: absolute;
  filter: alpha(opacity=30);
  /*For IE8*/
}

.top-news em {
  margin-bottom: 0;
  font-style: normal;
}

.top-news span {
  font-size: 18px;
  margin-bottom: 5px;
}

/***
Block Images(new in v1.2.2)
***/
.blog-images {
  margin-bottom: 0;
}

.blog-images li {
  padding: 0;
  margin: 0;
  display: inline;
}

.blog-images li a:hover {
  text-decoration: none;
}

.blog-images li img {
  width: 50px;
  height: 50px;
  opacity: 0.6;
  margin: 0 2px 8px;
}

.blog-images li img:hover {
  opacity: 1;
  box-shadow: 0 0 0 4px #72c02c;
  transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
}

/*Sidebar Tags*/
ul.sidebar-tags a {
  color: #555;
  font-size: 12px;
  padding: 3px 5px;
  background: #f7f7f7;
  margin: 0 2px 5px 0;
  display: inline-block;
}

ul.sidebar-tags a:hover,
ul.sidebar-tags a:hover i {
  background: #EEE;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

ul.sidebar-tags a i {
  color: #777;
}

ul.sidebar-tags li {
  padding: 0;
}

/***
Social Icons(new in v1.2.2)
***/
.social-icons {
  padding: 0;
  margin: 0;
}

.social-icons:after,
.social-icons:before {
  content: "";
  display: table;
}

.social-icons:after {
  clear: both;
}

.social-icons li {
  float: left;
  display: inline;
  list-style: none;
  margin-right: 5px;
  margin-bottom: 5px;
  text-indent: -9999px;
}

.social-icons li a,
a.social-icon {
  width: 28px;
  height: 28px;
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.social-icons li:hover a {
  background-position: 0 -38px;
}

.social-icons-color li a {
  opacity: 0.7;
  background-position: 0 -38px !important;
}

.social-icons-color li a:hover {
  opacity: 1;
}

.social-icons .amazon {
  background: url(../img/social/amazon.png) no-repeat;
}

.social-icons .behance {
  background: url(../img/social/behance.png) no-repeat;
}

.social-icons .blogger {
  background: url(../img/social/blogger.png) no-repeat;
}

.social-icons .deviantart {
  background: url(../img/social/deviantart.png) no-repeat;
}

.social-icons .dribbble {
  background: url(../img/social/dribbble.png) no-repeat;
}

.social-icons .dropbox {
  background: url(../img/social/dropbox.png) no-repeat;
}

.social-icons .evernote {
  background: url(../img/social/evernote.png) no-repeat;
}

.social-icons .facebook {
  background: url(../img/social/facebook.png) no-repeat;
}

.social-icons .forrst {
  background: url(../img/social/forrst.png) no-repeat;
}

.social-icons .github {
  background: url(../img/social/github.png) no-repeat;
}

.social-icons .googleplus {
  background: url(../img/social/googleplus.png) no-repeat;
}

.social-icons .jolicloud {
  background: url(../img/social/jolicloud.png) no-repeat;
}

.social-icons .last-fm {
  background: url(../img/social/last-fm.png) no-repeat;
}

.social-icons .linkedin {
  background: url(../img/social/linkedin.png) no-repeat;
}

.social-icons .picasa {
  background: url(../img/social/picasa.png) no-repeat;
}

.social-icons .pintrest {
  background: url(../img/social/pintrest.png) no-repeat;
}

.social-icons .rss {
  background: url(../img/social/rss.png) no-repeat;
}

.social-icons .skype {
  background: url(../img/social/skype.png) no-repeat;
}

.social-icons .spotify {
  background: url(../img/social/spotify.png) no-repeat;
}

.social-icons .stumbleupon {
  background: url(../img/social/stumbleupon.png) no-repeat;
}

.social-icons .tumblr {
  background: url(../img/social/tumblr.png) no-repeat;
}

.social-icons .twitter {
  background: url(../img/social/twitter.png) no-repeat;
}

.social-icons .vimeo {
  background: url(../img/social/vimeo.png) no-repeat;
}

.social-icons .wordpress {
  background: url(../img/social/wordpress.png) no-repeat;
}

.social-icons .xing {
  background: url(../img/social/xing.png) no-repeat;
}

.social-icons .yahoo {
  background: url(../img/social/yahoo.png) no-repeat;
}

.social-icons .youtube {
  background: url(../img/social/youtube.png) no-repeat;
}

.social-icons .vk {
  background: url(../img/social/vk.png) no-repeat;
}

.social-icons .instagram {
  background: url(../img/social/instagram.png) no-repeat;
}

.social-icons .reddit {
  background: url(../img/social/reddit.png) no-repeat;
}

/***
Inline Social Icons
***/
.social-icon {
  display: inline-block !important;
  width: 28px;
  height: 28px;
  background-position: 0 0;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.social-icon.amazon {
  background: url(../img/social/amazon.png) no-repeat;
}

.social-icon.behance {
  background: url(../img/social/behance.png) no-repeat;
}

.social-icon.blogger {
  background: url(../img/social/blogger.png) no-repeat;
}

.social-icon.deviantart {
  background: url(../img/social/deviantart.png) no-repeat;
}

.social-icon.dribbble {
  background: url(../img/social/dribbble.png) no-repeat;
}

.social-icon.dropbox {
  background: url(../img/social/dropbox.png) no-repeat;
}

.social-icon.evernote {
  background: url(../img/social/evernote.png) no-repeat;
}

.social-icon.facebook {
  background: url(../img/social/facebook.png) no-repeat;
}

.social-icon.forrst {
  background: url(../img/social/forrst.png) no-repeat;
}

.social-icon.github {
  background: url(../img/social/github.png) no-repeat;
}

.social-icon.googleplus {
  background: url(../img/social/googleplus.png) no-repeat;
}

.social-icon.jolicloud {
  background: url(../img/social/jolicloud.png) no-repeat;
}

.social-icon.last-fm {
  background: url(../img/social/last-fm.png) no-repeat;
}

.social-icon.linkedin {
  background: url(../img/social/linkedin.png) no-repeat;
}

.social-icon.picasa {
  background: url(../img/social/picasa.png) no-repeat;
}

.social-icon.pintrest {
  background: url(../img/social/pintrest.png) no-repeat;
}

.social-icon.rss {
  background: url(../img/social/rss.png) no-repeat;
}

.social-icon.skype {
  background: url(../img/social/skype.png) no-repeat;
}

.social-icon.spotify {
  background: url(../img/social/spotify.png) no-repeat;
}

.social-icon.stumbleupon {
  background: url(../img/social/stumbleupon.png) no-repeat;
}

.social-icon.tumblr {
  background: url(../img/social/tumblr.png) no-repeat;
}

.social-icon.twitter {
  background: url(../img/social/twitter.png) no-repeat;
}

.social-icon.vimeo {
  background: url(../img/social/vimeo.png) no-repeat;
}

.social-icon.wordpress {
  background: url(../img/social/wordpress.png) no-repeat;
}

.social-icon.xing {
  background: url(../img/social/xing.png) no-repeat;
}

.social-icon.yahoo {
  background: url(../img/social/yahoo.png) no-repeat;
}

.social-icon.youtube {
  background: url(../img/social/youtube.png) no-repeat;
}

.social-icon.vk {
  background: url(../img/social/vk.png) no-repeat;
}

.social-icon.instagram {
  background: url(../img/social/instagram.png) no-repeat;
}

.social-icon.reddit {
  background: url(../img/social/reddit.png) no-repeat;
}

.social-icon:hover {
  background-position: 0 -38px;
}

.social-icon-color {
  opacity: 0.7;
  background-position: 0 -38px !important;
}

.social-icon-color:hover {
  opacity: 1;
}


/***
Notes
***/

/* Common styles for all types */
.note {
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}

.note h1,
.note h2,
.note h3,
.note h4 {
  margin-top: 0;
}

.note p:last-child {
  margin-bottom: 0;
}

.note code,
.note .highlight {
  background-color: #fff;
}

/* Variations */
.note-danger {
  background-color: #FAEAE6;
  border-color: #ed4e2a;
}

.note-warning {
  background-color: #FCF3E1;
  border-color: #fcb322;
}

.note-info {
  background-color: #E8F6FC;
  border-color: #57b5e3;
}

.note-success {
  background-color: #EBFCEE;
  border-color: #3cc051;
}

/***
Demo Utils
***/
.scrollspy-example {
  position: relative;
  height: 200px;
  margin-top: 10px;
  overflow: auto;
}

.util-btn-margin-bottom-5 .btn {
  margin-bottom: 5px !important;
}

.util-btn-group-margin-bottom-5 .btn-group {
  margin-bottom: 5px !important;
}

.fontawesome-demo i {
  font-size: 18px;
}

.fontawesome-demo li {
  padding-top: 5px;
  padding-bottom: 5px;
}

.glyphicons-demo ul {
  padding-left: 0;
  padding-bottom: 1px;
  margin-bottom: 20px;
  list-style: none;
  overflow: hidden;
}

.bs-glyphicons {
  padding-left: 0;
  padding-bottom: 1px;
  margin-bottom: 20px;
  list-style: none;
  overflow: hidden;
}

.glyphicons-demo ul li {
  float: left;
  width: 25%;
  height: 115px;
  padding: 10px;
  margin: 0 -1px -1px 0;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  border: 1px solid #ddd;
}

.glyphicons-demo .glyphicon {
  display: block;
  margin: 5px auto 10px;
  font-size: 24px;
}

.glyphicons-demo ul li:hover {
  background-color: rgba(86, 61, 124, .1);
}

@media (min-width: 768px) {
  .glyphicons-demo ul li {
    width: 12.5%;
  }
}


/***
Forms 
****/

input.placeholder,
textarea.placeholder {
  color: #aaa !important;
}

.help-block {
  margin-top: 5px;
  margin-bottom: 5px;
}

.form-inline input {
  margin-bottom: 0px !important;
}

.control-label {
  margin-top: 2px;
}

.form-control-static {
  font-size: 14px;
  padding-top: 7px;
}

.control-label .required {
  color: #e02222;
  font-size: 12px;
  padding-left: 2px;
}

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

.form {
  padding: 0 !important;
}

.form-body {
  padding: 10px;
}

.form-actions {
  padding: 20px 10px;
  margin-top: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
}

.form-actions.nobg {
  background-color: transparent;
}

.form-actions.top {
  margin-top: 0;
  margin-bottom: 20px;
  border-top: 0;
  border-bottom: 1px solid #e5e5e5;
}

.form-actions.fluid {
  padding: 20px 0;
}

.form-actions.fluid>[class^="col-"] {
  padding-left: 13px;
}

.form-actions:before,
.form-actions:after {
  display: table;
  line-height: 0;
  content: "";
}

.form-actions:after {
  clear: both;
}

.form-section {
  margin: 30px 0px 25px 0px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}

.form .form-section:first-child {
  margin-top: 5px;
}

.help-inline {
  font-size: 13px;
  color: #737373;
  display: inline-block;
  padding: 5px;
}

/* left, right aligned form actions */
.form-actions.right {
  padding-left: 0;
  padding-right: 10px;
  text-align: right;
}

.form-actions.left {
  padding-left: 10px;
  padding-right: 0;
  text-align: left;
}

/* Checkboxes */
.form-group .checkbox {
  padding-left: 0;
}

.checkbox-list>label {
  display: block;
}

.checkbox-list>label.checkbox-inline {
  display: inline-block;
}

.checkbox-list>label.checkbox-inline:first-child {
  padding-left: 0;
}

/* Radios */

.radio-list>label {
  display: block;
}

.radio-list>label.radio-inline {
  display: inline-block;
}

.radio-list>label.radio-inline:first-child {
  padding-left: 0;
}

.form-horizontal .radio-list .radio {
  padding-top: 1px;
}

/* Rows seperated form layout */
.form-row-seperated .form-group {
  margin: 0;
  border-bottom: 1px solid #efefef;
  padding: 10px 10px 10px 0px;
}

.form-row-seperated .form-group.last {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
}

.form-row-seperated .form-actions {
  margin-top: 0;
}

.form-row-seperated .form-body {
  padding: 0;
  margin-top: 0;
}

.form-row-seperated .help-block {
  margin-bottom: 0;
}

/* form bordered */
.form-bordered .form-body {
  margin: 0;
  padding: 0;
}

.form-bordered .form-actions {
  margin-top: 0;
}

.form-bordered .form-group {
  margin: 0;
  border-bottom: 1px solid #efefef;
}

.form-bordered .form-group.last {
  border-bottom: 0;
}

.form-bordered .help-block {
  margin-bottom: 0;
}

.form-bordered .control-label {
  padding-top: 16px;
}

.form-bordered .form-group>div {
  padding: 10px;
  border-left: 1px solid #efefef;
}

.form-bordered .form-actions.fluid>.row>div {
  padding-left: 10px;
}

.form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc;
}

.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc;
}

.form-horizontal.form-bordered.form-row-stripped .form-control {
  background: #fff !important;
}

.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even)>div {
  background-color: #ffffff;
}

/***
Bordered form layout
***/

.form-bordered .form-control {
  margin: 0;
}


/***
Disabled Menu Link
***/

.disabled-link>a>span.text,
.disabled-link>a>span.title {
  font-style: italic !important;
  color: #888 !important;
}

.disabled-link>a:hover {
  cursor: not-allowed !important;
}


/***
Responsive & Scrollable Tables
***/

.table-scrollable {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid #dddddd;
  margin: 10px 0 !important;
}

.table-scrollable>.table {
  width: 100% !important;
  margin: 0 !important;
  margin-bottom: 0;
  background-color: #fff;
}

.table-scrollable>.table>thead>tr>th,
.table-scrollable>.table>tbody>tr>th,
.table-scrollable>.table>tfoot>tr>th,
.table-scrollable>.table>thead>tr>td,
.table-scrollable>.table>tbody>tr>td,
.table-scrollable>.table>tfoot>tr>td {
  white-space: nowrap;
}

.table-scrollable>.table-bordered {
  border: 0;
}

.table-scrollable>.table-bordered>thead>tr>th:first-child,
.table-scrollable>.table-bordered>tbody>tr>th:first-child,
.table-scrollable>.table-bordered>tfoot>tr>th:first-child,
.table-scrollable>.table-bordered>thead>tr>td:first-child,
.table-scrollable>.table-bordered>tbody>tr>td:first-child,
.table-scrollable>.table-bordered>tfoot>tr>td:first-child {
  border-left: 0;
}

.table-scrollable>.table-bordered>thead>tr>th:last-child,
.table-scrollable>.table-bordered>tbody>tr>th:last-child,
.table-scrollable>.table-bordered>tfoot>tr>th:last-child,
.table-scrollable>.table-bordered>thead>tr>td:last-child,
.table-scrollable>.table-bordered>tbody>tr>td:last-child,
.table-scrollable>.table-bordered>tfoot>tr>td:last-child {
  border-right: 0;
}

.table-scrollable>.table-bordered>thead>tr:last-child>th,
.table-scrollable>.table-bordered>tbody>tr:last-child>th,
.table-scrollable>.table-bordered>tfoot>tr:last-child>th,
.table-scrollable>.table-bordered>thead>tr:last-child>td,
.table-scrollable>.table-bordered>tbody>tr:last-child>td,
.table-scrollable>.table-bordered>tfoot>tr:last-child>td {
  border-bottom: 0;
}

/***
Responsive Flip Scroll Tables
***/

.flip-scroll table {
  width: 100%;
}

@media only screen and (max-width: 800px) {

  .flip-scroll .flip-content:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }

  .flip-scroll * html .flip-content {
    zoom: 1;
  }

  .flip-scroll *:first-child+html .flip-content {
    zoom: 1;
  }

  .flip-scroll table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }

  .flip-scroll th,
  .flip-scroll td {
    margin: 0;
    vertical-align: top;
  }

  .flip-scroll th {
    text-align: left;
    border: 0 !important;
    border-bottom: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    font-size: 13px !important;
    padding: 5px;
    width: auto !important;
  }

  .flip-scroll table {
    display: block;
    position: relative;
    width: 100%;
  }

  .flip-scroll thead {
    display: block;
    float: left;
  }

  .flip-scroll tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
  }

  .flip-scroll thead tr {
    display: block;
    border: 0 !important;
  }

  .flip-scroll th {
    display: block;
    text-align: right;
  }

  .flip-scroll tbody tr {
    display: inline-block;
    vertical-align: top;
    margin-left: -5px;
  }

  .flip-scroll td {
    display: block;
    min-height: 1.25em;
    text-align: left;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important
  }

  .flip-scroll td:first-child {}


  /* sort out borders */

  .flip-scroll th {
    border-bottom: 0;
    border-left: 0;
  }

  .flip-scroll td {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }

  .flip-scroll tbody tr {
    border-left: 1px solid #ddd;
  }

  .flip-scroll th:last-child,
  .flip-scroll td:last-child {
    border-bottom: 1px solid #ddd;
  }
}

/* Container Principal do Card */
.candidatura-card {
    max-width: 900px;
    margin: 40px auto;
    border-radius: 12px;
    background: #fff;
    /* Sombras mais suaves e modernas */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    border: 1px solid #e0e0e0;
}

/* Header com o Gradiente do Portal */
.candidatura-card .card-header {
    background: linear-gradient(135deg, #5C1F1F 0%, #8E4B46 100%);
    color: #ffffff;
    font-size: 19px;
    font-weight: 700;
    padding: 18px 25px;
    border-bottom: none;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
}

/* Ícone opcional no header (se usares 👤 ou ícone SVG) */
.candidatura-card .card-header i, 
.candidatura-card .card-header svg {
    margin-right: 10px;
    opacity: 0.9;
}

/* Estilo das Células de Título (TH) */
.candidatura-card table th {
    width: 35%;
    background: #fafafa;
    color: #555;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: right;
    padding: 15px 20px;
    border-right: 2px solid #f0f0f0;
    vertical-align: middle;
    letter-spacing: 0.3px;
}

/* Estilo das Células de Dados (TD) */
.candidatura-card table td {
    padding: 15px 20px;
    font-weight: 600;
    color: #2C3E50; /* Cor de texto mais profissional */
    font-size: 15px;
    text-transform: uppercase;
    vertical-align: middle;
}

/* Efeito Hover na Linha */
.candidatura-card table tr:hover td {
    background: #FFF5F5; /* Leve destaque avermelhado ao passar o rato */
    color: #A31D1D; /* Texto assume a cor institucional */
    transition: all 0.2s ease;
}

/* Destaque para a Situação da Candidatura (Última linha ou específica) */
.candidatura-card .status-destaque {
    background-color: #fdf2f2;
    font-weight: 800 !important;
}

/* Ajuste Responsivo */
@media (max-width: 768px) {
    .candidatura-card {
        margin: 15px;
        width: auto;
    }
    
    .candidatura-card table th {
        width: 40%;
        font-size: 11px;
        padding: 10px;
    }
    
    .candidatura-card table td {
        font-size: 13px;
        padding: 10px;
    }
}

.pergunta {
  display: none;
}

.pergunta.ativa {
  display: block;
}

.panel-vaga {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  margin-bottom: 15px;
}

.panel-vaga>.panel-heading {
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  color: #fff;
}

.panel-vaga .panel-title a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
}

.panel-vaga .panel-title a:hover {
  text-decoration: none;
  opacity: 0.9;
}

.panel-vaga .panel-body {
  background: #f9fafb;
}

.lista-categorias {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.lista-categorias li {
  padding: 10px 12px;
  margin-bottom: 8px;
  background: #fff;
  border-left: 4px solid #1e88e5;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  font-size: 14px;
}

/* Título */
.titulo-vagas h3 {

    color: #F5E6D3;

    font-weight: 700;

    margin-bottom: 8px;

    letter-spacing: 0.5px;

    text-shadow:
        0 3px 10px rgba(0,0,0,0.25);

}


/* Portlet */
.portlet-vagas {
  border-radius: 8px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .08);
}

/* Accordion */
.panel-vaga {
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 15px;
}

.panel-vaga .panel-heading {
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  color: #fff;
}

.panel-vaga .panel-title a {
  color: #fff;
  font-weight: 600;
  display: block;
}

.panel-vaga .panel-title a:hover {
  text-decoration: none;
  opacity: 0.9;
}

/* Tabela */
.tabela-vagas thead {
  background: #f1f5f9;
}

.badge-vaga {
  background: #1e5aa8;
  font-size: 13px;
  padding: 6px 12px;
}

/* Sidebar */
.info-box {
  background: #365879;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
}

.info-box h4 {
  margin-top: 0;
  color: #1e88e5;
  font-weight: 600;
}

/* Container Principal */
.whatsapp-container {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 10000;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

/* Tooltip (Balão de Texto) */
.whatsapp-tooltip {
    background-color: #ffffff;
    color: #333;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    border: 1px solid #e0e0e0;
    position: relative;
    pointer-events: none; /* Não atrapalha o clique */
    animation: fadeInRight 0.5s ease-in-out;
}

/* Setinha do balão */
.whatsapp-tooltip::after {
    content: '';
    position: absolute;
    bottom: -6px;
    right: 20px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffffff;
}

/* Botão Flutuante */
.whatsapp-float {
    width: 60px;
    height: 60px;
    background-color: #25d366;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
    transition: all 0.3s ease-in-out;
    animation: pulse-green 2s infinite; /* Animação de pulsação */
}

.whatsapp-float img {
    width: 35px;
    height: 35px;
}

.whatsapp-float:hover {
    transform: scale(1.1) rotate(5deg);
    background-color: #128c7e;
}

/* Animações */
@keyframes pulse-green {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

@keyframes fadeInRight {
    from { opacity: 0; transform: translateX(20px); }
    to { opacity: 1; transform: translateX(0); }
}

/* Ajuste Mobile */
@media (max-width: 768px) {
    .whatsapp-container {
        bottom: 20px;
        right: 20px;
    }
    .whatsapp-float {
        width: 50px;
        height: 50px;
    }
    .whatsapp-tooltip {
        display: none; /* Esconde o texto no mobile para não tapar o site */
    }
}

.content-box {
  display: block;
  text-align: center;
  overflow: hidden;
  padding: 15px;
  margin-bottom: 5px;
}

.content-box.box-default {
  background-color: #f6f6f6;
  border: solid 1px #e5e5e5;
}

.content-box.box-default:hover {
  background-color: #f3f3f3;
}

.content-box.box-primary .content-box-title,
.content-box.box-info .content-box-title,
.content-box.box-success .content-box-title,
.content-box.box-warning .content-box-title,
.content-box.box-danger .content-box-title,
.content-box.box-royal .content-box-title {
  color: #fff;
}

.content-box-title.counter {
  font-size: 3em;
  color: #333;
  margin-top: 0;
}

.content-box.box-primary {
  background-color: #0099da;
  color: #fff;
  border: solid 1px #005174;
}

.content-box.box-success {
  background-color: #02c66c;
  color: #fff;
  border: solid 1px #016135;
}

.content-box.box-info {
  background-color: #54c8eb;
  color: #fff;
  border: solid 1px #179bc2;
}

.content-box.box-warning {
  background-color: #f0ad4e;
  color: #fff;
  border: solid 1px #c77c11;
}

.content-box.box-danger {
  background-color: #d9534f;
  color: #fff;
  border: solid 1px #a02622;
}

.content-box.box-royal {
  background-color: #ac60d0;
  color: #fff;
  border: solid 1px #792e9c;
}

.content-box.box-primary:hover {
  background-color: #0087c1;
}

.content-box.box-success:hover {
  background-color: #02ad5e;
}

.content-box.box-info:hover {
  background-color: #3dc1e8;
}

.content-box.box-warning:hover {
  background-color: #eea236;
}

.content-box.box-danger:hover {
  background-color: #d43f3a;
}

.content-box.box-royal:hover {
  background-color: #a24cca;
}

.primary-color {
  color: #0099da;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.pergunta-img-box {
  width: 100%;
  height: 40%;
  /* espaço fixo */
  display: flex;
  justify-content: center;
  align-items: center;

  background: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  overflow: hidden;
}

.pergunta-img {
  width: 100%;
  max-width: 900px;
  /* limite bom */
  height: 170px;
  /* mantém proporção */

  object-fit: contain;
  /* ajusta sem cortar */

  display: block;
  margin: 0 auto;

  image-rendering: crisp-edges;
  /* melhora nitidez */
}


.pergunta {
  overflow: visible !important;
}

.panel-body,
.card-body {
  overflow: visible !important;
}

.box-pergunta-texto {
  width: 100%;
  max-width: 950px;

  display: flex;
  justify-content: center;
  align-items: center;

  padding: 15px;
  margin: 0 auto;

  border: 2px solid #ddd;
  border-radius: 12px;
  background: #fff;
}


/* Container Geral */
.container-tabela {
  width: 90%;
  max-width: 1100px;
  margin: 60px auto;
}

/* Título Mais Visível e Elegante */
.titulo-vagas h3 {
  text-align: center;
  color: #4A4A4A; /* Cinza escuro para melhor leitura */
  margin-bottom: 35px;
  font-weight: 800;
  font-size: 32px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
}
/* Linha decorativa por baixo do título */
.titulo-vagas h3::after {
  content: '';
  display: block;
  width: 260px;
  height: 4px;
  background: #A31D1D; /* Vermelho institucional */
  margin: 10px auto;
  border-radius: 2px;
}

.tabela-centro {
  width: 100%;
  border-collapse: separate; /* Permite bordas arredondadas no container */
  border-spacing: 0;
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  border: 1px solid #E0E0E0;
}

/* Cabeçalho com Gradiente Mais Profundo */
.tabela-centro th {
background: linear-gradient(135deg, #0F67B5 0%, #0A4F93 50%, #063A6E 100%);  color: #ffffff;
  padding: 18px 15px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 1px;
  border: none;
}

.tabela-centro td {
  padding: 16px 15px;
  text-align: left;
  border-bottom: 1px solid #F0F0F0;
  color: #555;
  font-size: 15px;
  transition: all 0.2s;
}

/* Linhas Alternadas */
.tabela-centro tr:nth-child(even) {
  background-color: #FAFAFA;
}

/* EFEITO AO PASSAR O RATO (Melhora muito a UX) */
.tabela-centro tr:hover td {
  background-color: #FFF5F5; /* Um leve tom avermelhado */
  color: #A31D1D; /* O texto da linha foca na cor institucional */
  cursor: default;
}

/* Coluna Categoria - Destaque */
.tabela-centro td:nth-child(2) {
  font-weight: 600;
  color: #2C3E50;
}

/* Coluna Vencimento - Estilo Moeda */
.tabela-centro td:last-child {
  font-family: 'Courier New', monospace; /* Opcional: estilo numérico */
  font-weight: 700;
  color: #27ae60; /* Verde escuro para simbolizar dinheiro/pagamento */
  text-align: right; /* Alinhado à direita é padrão para contabilidade */
}

/* Ajustes Responsivos */
@media (max-width: 768px) {
  .container-tabela { width: 95%; }
  .tabela-centro th, .tabela-centro td {
    padding: 12px 8px;
    font-size: 13px;
  }
  .titulo-vagas h3 { font-size: 24px; }
}

.panel {
  margin-bottom: 15px;
}

.badge-vaga {
  background-color: #337ab7;
}

.pagination {
  margin-top: 20px;
}

.scroll-tabela {
  width: 100%;
  overflow-x: auto;
}

.meu-alerta {
  height: 400px;
  /* altura fixa */
  overflow-y: auto;
  /* scroll se passar */
}

/* BASE (desktop) */
.promo-page {
  position: relative;
}

.painel-progress {
  background: linear-gradient(135deg, #ffffff, #f5f5f5);  /* Gradiente azul escuro para azul claro institucional */
  border-radius: 20px !important; /* Bordas arredondadas */
  padding: 3px 10px;  /* Reduzido ainda mais o padding */
  width: 100%;
  max-width: 1000px;
  text-align: center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  
  position: relative;
  margin: 20px auto;
  margin-top: -40px;  /* Menos margem superior */
  z-index: 9999;
  
  height: 20vh;  /* Altura proporcional à altura da tela (15% da altura da tela) */
}

/* Responsividade */
@media (max-width: 768px) {
  .painel-progress {
    height: 30vh;  /* Ajuste para telas menores (20% da altura da tela) */
  }
}

@media (max-width: 480px) {
  .painel-progress {
    height: 50vh;  /* Ajuste para telas ainda menores (25% da altura da tela) */
  }
}

.painel-progress .titulo {
    font-size: 16px;
    color: #003c60;  /* Azul escuro institucional */
    font-weight: bold;
    margin-bottom: 10px;
}



.painel-progress .barra {
    height: 8px;
    background-color: #b0bec5;  /* Cor neutra para a barra de progresso */
    border-radius: 10px;
    margin-bottom: 10px;
}

.painel-progress .progresso {
    height: 100%;
    background-color: #00b0ff;  /* Azul claro vibrante para a barra de progresso */
    border-radius: 10px;
}

.painel-progress .descricao {
    font-size: 22px;
    color: #607d8b;  /* Cor de texto neutra para a descrição */
}



/* Media Queries para Responsividade */

@media (max-width: 768px) {
  /* Ajustes para telas menores */
  .painel-progress {
    height: 100px;  /* Menos altura para telas pequenas */
  }

  .painel-progress .titulo {
    font-size: 14px;  /* Menor tamanho de fonte para títulos */
  }

  .painel-progress .contador {
    font-size: 22px;  /* Menor tamanho de fonte para contador */
  }

  .painel-progress .descricao {
    font-size: 12px;  /* Menor tamanho de fonte para a descrição */
  }

  .painel-progress .barra {
    height: 6px;  /* Barra mais fina em telas pequenas */
  }

  .painel-progress .progresso {
    height: 100%;
    background-color: #1e88e5;  /* Cor da barra de progresso */
    border-radius: 10px;
  }
}

@media (max-width: 480px) {
  /* Ajustes ainda mais profundos para telas muito pequenas */
  .painel-progress {
    height: 190px;  /* Ainda mais baixo em dispositivos pequenos */
  }

  .painel-progress .titulo {
    font-size: 12px;  /* Reduzido ainda mais */
  }

  .painel-progress .contador {
    font-size: 18px;  /* Ajuste do contador */
  }

  .painel-progress .descricao {
    font-size: 10px;  /* Ajuste da descrição */
  }

  .painel-progress .barra {
    height: 5px;  /* Barra mais fina em dispositivos muito pequenos */
  }
}


/* --- Novo CSS para o Painel de Estatísticas Otimizado --- */
.painel-progress-v2 {
  background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);
  border-radius: 24px !important;
  padding: 40px;
  width: calc(100% - 40px);
  max-width: 1000px;
  text-align: center;

  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);

  position: relative;
  margin: 40px auto;
  margin-top: -60px;
  z-index: 10;

  display: flex;
  justify-content: space-around;
  align-items: stretch;
  gap: 20px;
}

@media (max-width: 768px) {
  .painel-progress-v2 {
    flex-direction: column;
    padding: 30px;
    margin-top: -40px;
  }
}

.painel-progress-v2 .stats-column {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

.painel-progress-v2 .secondary-title {
color: rgba(13, 71, 161, 0.7);
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  margin-bottom: 15px;
}

.painel-progress-v2 .contador {
    font-size: 58px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -1px;

    color: #0D47A1;

    text-shadow:
        0 2px 4px rgba(255, 255, 255, 0.35),
        0 4px 12px rgba(8, 48, 107, 0.18);

    transition: all .3s ease;
}

.painel-progress-v2 .barra-container {
  width: 80%;
  height: 6px;
  background-color: #e0e0e0;
  border-radius: 10px;
  margin-bottom: 15px;
  overflow: hidden;
}

.painel-progress-v2 .progresso {
  height: 100%;
  background-color: #00b0ff;
  border-radius: 10px;
  transition: width 1s ease-out;
}

.painel-progress-v2 .descricao {
  font-size: 18px;
  color: #403632;
  font-weight: 400;
  max-width: 250px;
}

@media (max-width: 768px) {
  .painel-progress-v2 .contador {
    font-size: 48px;
  }

  .painel-progress-v2 .descricao {
    font-size: 16px;
  }
}

/* Modal moderno */
.modal-content {
  border-radius: 10px;
  border: none;
  overflow: hidden;
}

/* Header com gradiente do portal */
.portal-header {
    background: linear-gradient(
    to right,
    #0F67B5,
    #1976D2,
    #64B5F6
);
  /* Azul escuro e azul claro */
  color: white;
  /* Cor do texto em branco para destacar */
  font-weight: 600;
  padding: 12px;
}

/* Botão principal */
.btn-portal {
  background: var(--portal-red);
  color: #fff;
  border: none;
  font-weight: 600;
  padding: 10px 20px;
}

.btn-portal:hover {
  background: #c9191f;
  color: #fff;
}

/* Card resultados */
.candidatura-card {
  border-radius: 10px;
  border: 1px solid #eee;
  overflow: hidden;
  margin-top: 20px;
  text-align: center;
  /* 👈 centraliza tudo por padrão */
}

/* Header centralizado */
.candidatura-card .card-header {
  background: linear-gradient(90deg, var(--portal-green), var(--portal-yellow));
  color: var(--portal-text);
  font-weight: 600;
  text-align: center;
  /* 👈 garante centralização */
}

/* Inputs */
.form-control:focus {
  border-color: var(--portal-red);
  box-shadow: 0 0 0 0.2rem rgba(227, 30, 36, 0.2);
}

.btn-custom-rounded {
  background-color: #007bff;
  /* Cor de fundo azul */
  border: none;
  color: white;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 25px;
  /* Borda bem arredondada */
  transition: all 0.3s ease;
}

.btn-custom-rounded:hover {
  background-color: #0056b3;
}

.btn-custom-rounded:focus {
  outline: none;
  box-shadow: 0 0 5px 3px rgba(0, 123, 255, 0.5);
}

.modal-65 {
  max-width: 65% !important;
}

.btn-redondo-primary,
.btn-redondo-primary:link,
.btn-redondo-primary:visited,
.btn-redondo-primary:hover,
.btn-redondo-primary:focus,
.btn-redondo-primary:active {
    color: #fff !important;
    text-decoration: none;
}

.btn-redondo-primary {
    padding: 14px 32px;
    background: linear-gradient(
        135deg,
        #0F67B5 0%,
        #0B569D 45%,
        #084785 75%,
        #063A6E 100%
    );
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 50px !important;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 8px 20px rgba(6, 58, 110, 0.35);
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.btn-redondo-primary:hover {
    transform: translateY(-3px);
    background: linear-gradient(
        135deg,
        #0F67B5 0%,
        #0B569D 45%,
        #084785 75%,
        #063A6E 100%
    );
    box-shadow: 0 12px 28px rgba(6, 58, 110, 0.45);
}

.btn-redondo-primary:active {
    transform: scale(0.98);
}
.btn-redondo-success,
.btn-redondo-success:link,
.btn-redondo-success:visited,
.btn-redondo-success:hover,
.btn-redondo-success:focus,
.btn-redondo-success:active {
    color: #fff !important;
    text-decoration: none;
}

.btn-redondo-success {
    padding: 14px 32px;

    background: linear-gradient(
        135deg,
        #0F766E 0%,
        #159A8C 45%,
        #38BFA7 100%
    );

    color: #fff !important;

   font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 50px !important;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 8px 20px rgba(6, 58, 110, 0.35);
    letter-spacing: 0.5px;
    text-transform: uppercase;
}


.btn-redondo-success:hover {
    transform: translateY(-3px);

    background: linear-gradient(
        135deg,
        #14877E 0%,
        #1CB5A3 45%,
        #4DD6BF 100%
    );

    box-shadow: 0 12px 28px rgba(15, 118, 110, 0.45);
}

.btn-redondo-success:active {
    transform: scale(0.98);
}

.btn-redondo-success i,
.btn-redondo-success span {
    color: #fff !important;
}


.btn-redondo-default {
    padding: 12px 20px;  /* Ajusta o tamanho do botão */
    background-color: #878a8e;  /* Cor de fundo azul */
    color: #fff;  /* Cor do texto */
    font-size: 16px;
    border: none;
    border-radius: 20px !important; /* Bordas arredondadas */
    text-align: center;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.btn-redondo-default:hover {
    background-color: #878a8e;  /* Cor de fundo ao passar o mouse */
}

.portlet-concurso {

    border: none;

    border-radius: 14px;

    overflow: hidden;

    box-shadow:
        0 10px 30px rgba(0,0,0,0.12);

    background: #ffffff;
}

.portlet-concurso > .portlet-title {

    background:
        linear-gradient(
            135deg,
            #5C1F1F,
            #8E4B46,
            #C28A7A
        );

    border: none;

    padding: 16px 20px;

    color: #fff;
}

.portlet-concurso > .portlet-title > .caption {

    color: #ffffff;

    font-size: 18px;

    font-weight: 600;

    letter-spacing: 0.5px;
}

.portlet-concurso > .portlet-body {

    background: #fff;

    padding: 25px;
}

.form-wizard .steps > li.active > a.step,
.form-wizard .nav-pills > li.active > a,
.form-wizard .nav-pills > li.active > a:hover,
.form-wizard .nav-pills > li.active > a:focus {

   background: linear-gradient(
    135deg,
    #0D47A1,
    #1976D2,
    #64B5F6
) !important;

    color: #fff !important;

    border: none !important;

    box-shadow:
        0 6px 15px rgba(92, 31, 31, 0.25);

}

.popup-validacao{
    width:900px !important;
    min-width:900px !important;
    max-width:900px !important;

    height:700px !important;
    min-height:700px !important;
    max-height:700px !important;

    display:flex;
    flex-direction:column;
}

.popup-validacao .swal2-title{
    flex:0 0 auto;
}

.popup-validacao .swal2-html-container{
    flex:1 1 auto;
    overflow:hidden !important;
    margin:10px 0 !important;
}

.popup-validacao .conteudo-validacao{
    height:100%;
    overflow-y:auto;
    overflow-x:hidden;
    padding-right:10px;
}

.popup-validacao .swal2-actions{
    flex:0 0 auto;
    margin-top:15px !important;
    border-top:1px solid #ddd;
    padding-top:15px;
}