/*@media (min-width:1600px) {
  .container {
    width: 1570px;
  }
}*/
/*@media (min-width:1024px)and (max-width: 1199px){
  .container{
    width:994px;
  }
}*/
@media (max-width: 767px) {
  .hide_xs {
    display: none;
  }
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-5ths {
  width: 100%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}
/* GLOBALS */
body,
html {
  margin: 0;
  padding: 0;
  width: 100%;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  height: 100%;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
body {
  background: #efeeee;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-x: hidden;
}
*,
*:before,
*:after {
  box-sizing: border-box;
  outline: 0;
}
a {
  text-decoration: none !important;
  color: inherit;
}
/*spacers*/
.top10 {
  margin-top: 10px;
}
.top15 {
  margin-top: 15px;
}
.top20 {
  margin-top: 20px;
}
.top30 {
  margin-top: 30px;
}
.top40 {
  margin-top: 40px;
}
.top60 {
  margin-top: 60px;
}
.bottom10 {
  margin-bottom: 10px;
}
.bottom20 {
  margin-bottom: 20px;
}
.bottom30 {
  margin-bottom: 30px;
}
.bottom40 {
  margin-bottom: 40px;
}
.bottom60 {
  margin-bottom: 60px;
}
.space10 {
  margin-top: 10px;
}
.space20 {
  margin-top: 20px;
}
.space30 {
  margin-top: 30px;
}
.space40 {
  margin-top: 40px;
}
.space60 {
  margin-top: 60px;
}
.space100 {
  margin-top: 100px;
}
.responsive_img {
  max-width: 100%;
  height: auto;
}
button,
input,
select,
textarea {
  outline: none;
}
strong {
  font-weight: 700;
}
.align_right {
  float: right;
}
.align_left {
  float: left;
}
.table {
  display: table;
  width: 100%;
}
.cell {
  display: table-cell;
  vertical-align: top;
}
.table_row {
  display: table-row;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.center-block {
  float: none;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.header {
  z-index: 2;
  position: relative;
}
.nav_toggle {
  cursor: pointer;
  width: 36px;
  height: 34px;
  padding: 16px 5px 10px;
  z-index: 999;
  display: inline-block;
  vertical-align: middle;
}
.nav_toggle span,
.nav_toggle span:before,
.nav_toggle span:after {
  height: 2px;
  width: 24px;
  position: absolute;
  display: block;
  content: '';
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
  background: #ffffff;
}
.nav_toggle span:before {
  top: -7px;
}
.nav_toggle span:after {
  bottom: -7px;
}
.nav_opened .nav_toggle {
  background: #ffffff;
}
.nav_opened .nav_toggle span {
  width: 24px;
  background: #000000;
}
.nav_opened .nav_toggle span:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: -5px;
  left: 0;
  background: #000000;
  width: 50%;
}
.nav_opened .nav_toggle span:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 5px;
  left: 0;
  background: #000000;
  width: 50%;
}
.nav_opened .main_menu {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-box-shadow: 2px 0px 1px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 0px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.nav_opened .nav_wrapper {
  background: #ffffff;
}
.menu_bar {
  display: table;
  width: 100%;
  background: #009a91;
  color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
.menu_bar .cell {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px;
  height: 55px;
}
.menu_bar .nav_wrapper {
  width: 30px;
  padding-left: 25px;
}
.menu_bar .logo_wrapper {
  width: 40px;
}
.menu_bar .search_wrapper {
  width: auto;
}
@media (min-width: 767px) {
  .menu_bar .search_wrapper {
    width: 200px;
  }
}
.menu_bar .account_wrapper {
  width: 90px;
  min-width: 90px;
}
.menu_bar .tools_wrapper {
  padding-right: 20px;
}
.menu_bar .logo {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  width: 40px;
  height: 35px;
  overflow: hidden;
}
@media (min-width: 600px) {
  .menu_bar .logo {
    width: 140px;
  }
}
.menu_bar .logo img {
  height: 100%;
}
.menu_bar .main_seearch {
  display: inline-block;
  vertical-align: middle;
  padding: 2px 5px;
  position: relative;
  width: 30px;
  overflow: hidden;
}
.menu_bar .main_seearch:after {
  display: block;
  content: '';
  background: url("../images/search.svg") left top no-repeat;
  background-size: contain;
  position: absolute;
  left: 5px;
  top: 3px;
  width: 20px;
  height: 22px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  z-index: 0;
}
.menu_bar .main_seearch.search_opened {
  width: 100%;
}
.menu_bar .main_seearch.search_opened:after {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.menu_bar .main_seearch .bt_submit {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  left: -9999px;
}
.menu_bar .main_seearch #main_search {
  background: none;
  border: none;
  font-family: 'Open Sans', sans-serif;
  color: #000000;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  position: relative;
  z-index: 1;
}
.menu_bar .user_tools {
  text-align: right;
  display: table;
  width: 100%;
}
.menu_bar .user_tools .account_icon {
  overflow: hidden;
  width: 36px;
  height: 36px;
  position: relative;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
}
.menu_bar .user_tools .account_icon img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.menu_bar .user_tools .notifications_bell {
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: #999898;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 10px;
}
.menu_bar .user_tools .notifications_bell.has_notification {
  background: #ec1c24;
}
.menu_bar .user_tools .notifications_bell:before {
  font: 14px/22px "Material";
  color: #ffffff;
  content: "\f1fe";
  position: absolute;
  width: 10px;
  height: 20px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.menu_bar .user_tools .notifications_bell .number {
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: 11px;
  color: #ffffff;
}
.menu_bar .user_tools .user_name {
  white-space: nowrap;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 600px) {
  .menu_bar .user_tools .user_name {
    display: none;
  }
}
.filter_bar {
  width: 100%;
  padding: 0 20px;
  background: #009a91;
  color: #ffffff;
  position: relative;
  z-index: 1;
}
@media (min-width: 767px) {
  .filter_bar {
    padding: 10px 20px 5px 70px;
  }
}
.filter_bar h1 {
  font-weight: 400;
  margin: 0;
  font-size: 25px;
}
.filter_bar .title_wrapper {
  width: 260px;
  padding: 15px 0 5px;
  float: left;
}
.filter_bar .filters_wrapper {
  display: inline-block;
  vertical-align: bottom;
}
@media (min-width: 1200px) {
  .filter_bar .filters_wrapper {
    float: right;
  }
}
.filter_bar .tools_wrapper {
  text-align: right;
  width: 200px;
  display: inline-block;
  vertical-align: bottom;
}
.filter_bar .filter_select_wrapper {
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: 5px;
  text-align: left;
}
.filter_bar .filter_select_wrapper .select_label {
  font-size: 11px;
  padding: 0 0 3px 7px;
}
.filter_bar .displayed_leads {
  font-size: 11px;
  display: inline-block;
  vertical-align: middle;
}
.filter_bar .bt_header_tool {
  display: inline-block;
  cursor: pointer;
  background: #4771d9;
  color: #ffffff;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.1);
  margin: 0 5px 5px;
}
.filter_bar .bt_header_tool:hover {
  background: #4285f4;
}
.filter_bar .bt_header_tool i {
  font-size: 16px;
  vertical-align: middle;
}
.filter_bar .bt_header_tool .zmdi-download {
  margin-left: 10px;
}
.main_menu {
  position: fixed;
  top: 55px;
  left: 0;
  bottom: 0;
  background: #ffffff;
  z-index: 1049;
  width: 300px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}
.main_menu .main_menu_inner {
  height: 100%;
  overflow-y: auto;
}
.main_menu .cat_link {
  display: block;
  cursor: pointer;
  border-bottom: 1px solid #efeeee;
  color: #000000;
  font-weight: 600;
  padding: 20px 20px 20px 30px;
  position: relative;
}
.main_menu .cat_link:hover {
  color: #4285f4;
}
.main_menu .cat_link.active:before {
  display: block;
  content: '';
  width: 3px;
  top: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  background: #4285f4;
}
body.nav_opened {
  overflow: hidden;
}
.main_wrapper {
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  min-height: 100%;
  background: #efeeee;
  padding-top: 55px;
}
.content_wrapper {
  position: relative;
  z-index: 1;
}
.content_wrapper.leads_popup_opened .lead_tracker_content {
  height: 0;
  padding: 0;
  overflow: hidden;
}
.calendar_tabs_wrapper {
  background: #008981;
  width: 100%;
  padding: 0 5px;
  position: relative;
  z-index: 1;
}
@media (min-width: 767px) {
  .calendar_tabs_wrapper {
    padding: 0 20px 0 50px;
  }
}
.calendar_tabs_wrapper .calendar_tab {
  padding: 15px 10px;
  display: inline-block;
  vertical-align: bottom;
  color: #ffffff;
  font-size: 16px;
  opacity: 0.7;
  position: relative;
  cursor: pointer;
}
@media (min-width: 767px) {
  .calendar_tabs_wrapper .calendar_tab {
    padding: 20px 20px;
  }
}
.calendar_tabs_wrapper .calendar_tab:after {
  display: block;
  content: '';
  background: #fff200;
  height: 4px;
  left: 0;
  right: 0;
  position: absolute;
  bottom: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  -webkit-transform: translate(-25px, 0);
  -moz-transform: translate(-25px, 0);
  -ms-transform: translate(-25px, 0);
  -o-transform: translate(-25px, 0);
  transform: translate(-25px, 0);
}
.calendar_tabs_wrapper .calendar_tab.active {
  opacity: 1;
}
.calendar_tabs_wrapper .calendar_tab.active:after {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.tab_content {
  display: none;
}
.tab_content.tab_opened {
  display: block;
}
.lead_tracker_content {
  padding: 15px 0;
}
.header_lead_tracker {
  border-top: 1px solid #ffffff;
  background: #008981;
  display: table;
  width: 100%;
}
.header_lead_tracker:before {
  display: block;
  width: 25%;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  content: '';
  position: fixed;
  top: 0;
  left: 25%;
  bottom: 0;
  z-index: 0;
}
.header_lead_tracker:after {
  display: block;
  width: 1px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  content: '';
  position: fixed;
  top: 0;
  right: 25%;
  bottom: 0;
  z-index: 0;
}
.header_lead_tracker .lead_progress_tab {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  width: 25%;
  text-align: center;
  color: #ffffff;
  position: relative;
}
.header_lead_tracker .lead_progress_tab:after {
  display: block;
  content: '';
  background: #fff200;
  height: 5px;
  left: 0;
  right: 0;
  position: absolute;
  bottom: 0;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
}
.header_lead_tracker .lead_progress_tab.active:after {
  opacity: 1;
}
.lead_bar {
  padding: 10px 20px 10px 5px;
  width: 100%;
  color: #ffffff;
  background: #6e8bb6;
  font-size: 10px;
  margin-bottom: 15px;
  cursor: pointer;
  position: relative;
}
.lead_bar p {
  margin: 3px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  max-width: 100%;
  overflow: hidden;
}
@media (min-width: 680px) {
  .lead_bar {
    font-size: 12px;
    padding: 10px 90px 10px 10px;
  }
}
@media (max-width: 680px) {
  .lead_bar.lead_stage_qualifying .tools_lead,
  .lead_bar.lead_stage_new .tools_lead {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
}
.lead_bar.lead_status_ok {
  background: #6e8bb6;
}
.lead_bar.lead_status_attention {
  background: #cc7981;
}
.lead_bar.lead_status_won {
  background: #68be9d;
}
.lead_bar.lead_status_lost {
  background: #8a8a8a;
}
.lead_bar.lead_status_cold {
  background: #54637b;
}
.lead_bar.lead_stage_new {
  width: 25%;
}
.lead_bar.lead_stage_qualifying {
  width: 50%;
}
.lead_bar.lead_stage_processing {
  width: 75%;
}
.lead_bar.lead_stage_closing {
  width: 100%;
}
.lead_bar .tools_lead {
  position: absolute;
  right: 10px;
  top: 15px;
  z-index: 3;
}
.lead_bar .tools_lead:after {
  display: block;
  font: 30px/24px "Material";
  content: '\f19b';
  position: absolute;
  color: #ffffff;
  padding: 5px 10px;
  top: -5px;
  right: -5px;
  z-index: 0;
}
.lead_bar .tools_lead .tools_dropdown {
  background: #ffffff;
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2);
  color: #000000;
  display: none;
  z-index: 3;
  position: relative;
}
.lead_bar .tools_lead .tools_dropdown.opened,
.lead_bar .tools_lead .tools_dropdown.visible {
  display: block;
}
.lead_bar .tools_lead .tools_dropdown.hiden {
  display: none;
}
.lead_bar .tools_lead .tools_dropdown .lead_action {
  padding: 10px;
  cursor: pointer;
  display: block;
}
.lead_bar .tools_lead .tools_dropdown .lead_action:hover {
  background: #4285f4;
  color: #ffffff;
}
.lead_bar .tools_lead .users_list_dropdown {
  background: #ffffff;
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2);
  color: #000000;
  display: none;
  z-index: 4;
  position: relative;
  width: 180px;
  max-height: 180px;
  overflow-y: auto;
}
.lead_bar .tools_lead .users_list_dropdown.opened,
.lead_bar .tools_lead .users_list_dropdown.visible {
  display: block;
}
.lead_bar .tools_lead .users_list_dropdown .user_entry {
  border-top: 1px solid #bfbebe;
  width: 100%;
  font-size: 12px;
  margin: 0;
  padding: 0 10px 0 40px;
  height: 36px;
  line-height: 36px;
  text-align: left;
  position: relative;
}
.lead_bar .tools_lead .users_list_dropdown .user_entry:hover {
  background: #4285f4;
  color: #ffffff;
}
.lead_bar .tools_lead .users_list_dropdown .account_icon {
  overflow: hidden;
  width: 24px;
  height: 24px;
  position: absolute;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
  left: 10px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.lead_bar .tools_lead .users_list_dropdown .account_icon img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.lead_bar .tools_lead .users_list_dropdown .username {
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}
.custom_period_wrapper {
  padding: 15px 15px 0;
  background: #efeeee;
  position: relative;
  z-index: 1;
}
.custom_period_wrapper .row {
  max-width: 900px;
}
.custom_period_wrapper .input_wrapper {
  background: #ffffff;
}
.info_content {
  font-size: 13px;
  line-height: 15px;
  margin-top: 10px;
}
.error_message {
  color: #ec1c24;
  font-size: 12px;
  padding: 3px 0 0 20px;
  position: relative;
}
.error_message:after {
  position: absolute;
  left: 0;
  top: 3px;
  display: block;
  font: 14px/18px 'Material';
  content: '\f1f1';
}
.popup_message {
  color: #ffffff;
  font-size: 16px;
  padding: 60px 20px 10px;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 30px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 100%;
  max-width: 500px;
  font-weight: 600;
  z-index: 1000;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: none;
  cursor: pointer;
}
.popup_message:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  top: 10px;
  margin-left: 2px;
  display: block;
  font: 34px/34px 'Material';
  content: '\f269';
  color: #4285f4;
}
.popup_message .btn_group {
  margin: 20px 0 0;
}
.popup_message .bt_ok {
  width: 110px;
  margin: 0 auto;
  height: 30px;
  line-height: 30px;
  color: #4285f4;
}
.popup_message .bt_ok:hover {
  color: #ffffff;
  background: #4285f4;
}
.popup_error {
  color: #ffffff;
  font-size: 16px;
  padding: 60px 20px 10px;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 30px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 100%;
  max-width: 500px;
  font-weight: 600;
  z-index: 1000;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: none;
  cursor: pointer;
}
.popup_error:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  top: 10px;
  margin-left: 2px;
  display: block;
  font: 34px/34px 'Material';
  content: '\f1f1';
  color: #ec1c24;
}
.popup_error .btn_group {
  margin: 20px 0 0;
}
.popup_error .bt_ok {
  width: 110px;
  margin: 0 auto;
  height: 30px;
  line-height: 30px;
  color: #ffffff;
  background: #ec1c24;
}
.popup_error .bt_ok:hover {
  color: #ec1c24;
  background: #ffffff;
}
.bt_white {
  display: table;
  background: #ffffff;
  color: #009a91;
  height: 44px;
  line-height: 44px;
  padding: 0 20px;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  font-weight: 400;
  text-align: center;
  -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.bt_white:hover {
  background: #009a91;
  color: #ffffff;
}
.bt_blue {
  display: table;
  background: #4771d9;
  color: #ffffff;
  height: 44px;
  line-height: 44px;
  padding: 0 20px;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  font-weight: 400;
  text-align: center;
  -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.bt_blue:hover {
  background: #4285f4;
}
.bt_grey {
  display: table;
  background: #eeeeee;
  color: #000000;
  height: 44px;
  line-height: 44px;
  padding: 0 20px;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  font-weight: 400;
  text-align: center;
  -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.bt_grey:hover {
  color: #4285f4;
}
.bt_add {
  color: #4285f4;
  padding: 0 0 0 30px;
  position: relative;
  font-weight: 600;
  margin: 25px 0;
  cursor: pointer;
  display: table;
}
.bt_add:hover {
  color: #4771d9;
}
.bt_add:after {
  position: absolute;
  font: 20px/20px 'Material';
  top: 0;
  left: 0;
  content: '\f276';
}
.modal-dialog {
  margin: 30px auto;
}
@media (min-width: 767px) {
  .modal-dialog {
    max-width: 600px;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .modal-dialog {
    max-width: 1000px;
    width: 100%;
  }
}
.modal-content {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.modal-content .modal_header {
  background: #ec1c24;
  color: #ffffff;
  padding: 10px 60px 10px 30px;
  position: relative;
}
.modal-content .modal_header .modal_title {
  font-size: 18px;
  font-weight: 600;
  margin: 5px 0 0;
}
.modal-content .modal_header .bt_close {
  font-size: 30px;
  cursor: pointer;
  line-height: 30px;
  width: 30px;
  text-align: center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  position: absolute;
  top: 10px;
  right: 20px;
}
.modal-content .modal_header .bt_close:hover {
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}
.modal-content .notification_list {
  padding: 20px 30px 10px;
}
.modal-content .notification_list .lead_box {
  background: #ec1c24;
  color: #ffffff;
  margin: 0 10px 10px 0;
  display: block;
  height: 80px;
  padding: 5px 10px;
  float: left;
  font-size: 11px;
  border: 2px solid transparent;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.modal-content .notification_list .lead_box:hover {
  background: #ffffff;
  border-color: #ec1c24;
  color: #000000;
}
.modal-content .notification_list .lead_box span {
  display: block;
}
.modal-content .notification_list .lead_grup_title {
  font-size: 16px;
  color: #000000;
  margin-bottom: 10px;
}
.modal-content .modal_footer {
  padding: 15px 30px;
  border-top: 1px solid #efeeee;
}
.modal-content .modal_footer .bt_process_leads {
  display: block;
  color: #ffffff;
  background: #4285f4;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 10px 0;
  cursor: pointer;
  text-transform: uppercase;
}
.modal-content .modal_footer .bt_process_leads:hover {
  background: #4771d9;
}
.leads_popup {
  position: absolute;
  left: 0;
  right: 0;
  top: 106px;
  bottom: 0;
  z-index: 1000;
  padding: 0 10px;
  background: #efeeee;
  display: none;
}
@media (min-width: 500px) {
  .leads_popup {
    padding: 0 20px;
  }
}
.leads_popup.opened {
  display: block;
}
.leads_popup .leads_popup_cotainer {
  margin: 20px auto 20px;
  padding: 30px 15px;
  background: #ffffff;
  color: #000000;
}
@media (min-width: 500px) {
  .leads_popup .leads_popup_cotainer {
    padding: 30px 40px;
  }
}
.leads_popup .popup_title {
  font-size: 20px;
}
.leads_popup .popup_header {
  margin-bottom: 20px;
}
.leads_popup .popup_header .tag {
  padding: 5px 10px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  font-size: 12px;
}
.leads_popup .popup_header .tag.green_tag {
  background: #009a91;
  color: #ffffff;
}
.leads_popup .btn_group {
  margin: 20px 0 0;
}
@media (min-width: 992px) {
  .leads_popup .btn_group {
    text-align: right;
    margin: 0;
  }
}
.leads_popup .btn_group .bt_grey,
.leads_popup .btn_group .bt_blue {
  font-size: 14px;
  text-transform: uppercase;
  height: 30px;
  line-height: 30px;
  width: 90px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 0 2px 10px;
}
.hline {
  border-top: 1px solid #bfbebe;
}
.info_note {
  background: #ec1c24;
  padding: 5px 20px;
  color: #ffffff;
  display: table;
  margin: 10px 0;
}
.info_note i {
  margin-right: 10px;
  vertical-align: middle;
  font-size: 22px;
}
.dashboard_content {
  padding: 30px 10px;
}
@media (min-width: 500px) {
  .dashboard_content {
    padding: 30px 20px;
  }
}
.dashboard_content .dashboard_title {
  font-size: 26px;
  margin-bottom: 30px;
}
.dashboard_box {
  background: #ffffff;
  -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 30px;
}
.dashboard_box.received_leads .box_header {
  background: #999898;
}
.dashboard_box.taken_leads .box_header {
  background: #6e8bb6;
}
.dashboard_box.won_leads .box_header {
  background: #68be9d;
}
.dashboard_box.lost_leads .box_header {
  background: #cc7981;
}
.dashboard_box .box_header {
  color: #ffffff;
  padding: 15px 15px 20px;
  text-align: center;
}
.dashboard_box .box_header .box_title {
  margin-bottom: 25px;
  font-size: 16px;
}
.dashboard_box .box_header .leads {
  font-size: 24px;
  font-weight: 300;
}
.dashboard_box .box_content {
  padding: 15px;
}
.dashboard_box .box_content .leads_list {
  overflow-y: auto;
  height: 300px;
}
.dashboard_box .box_content .small {
  font-size: 12px;
  text-align: center;
  margin-bottom: 15px;
}
.dashboard_box .box_content .lead_entry {
  border-top: 1px solid #bfbebe;
  width: 100%;
  font-size: 13px;
  margin: 0;
}
.dashboard_box .box_content .lead_entry .cell {
  vertical-align: middle;
  padding: 10px 5px;
}
.dashboard_box .box_content .account_icon {
  overflow: hidden;
  width: 32px;
  height: 32px;
  position: relative;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.dashboard_box .box_content .account_icon img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.dashboard_box .box_content .username {
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
}
.next_step_content {
  margin: 0 0 30px;
  overflow-x: auto;
}
.next_step_list {
  display: table;
  width: 100%;
  min-width: 1000px;
  border-spacing: 0 10px;
  border-collapse: separate;
}
.next_step_list .cell {
  vertical-align: middle;
  padding: 15px 10px;
  white-space: nowrap;
}
.next_step_list .details_column {
  white-space: normal;
}
.next_step_list .next_step_entry {
  background: #ffffff;
  -webkit-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.next_step_list .next_step_entry .account_icon {
  overflow: hidden;
  width: 32px;
  height: 32px;
  position: relative;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.next_step_list .next_step_entry .account_icon img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.next_step_list .next_step_entry .cell {
  position: relative;
}
.next_step_list .next_step_entry .cell:before {
  display: block;
  width: 1px;
  background: #bfbebe;
  top: 10px;
  bottom: 10px;
  right: 0;
  position: absolute;
  content: '';
}
.next_step_list .next_step_entry .cell:last-child:before {
  display: none;
}
.funnel_metrics_content {
  padding: 30px 10px;
}
@media (min-width: 500px) {
  .funnel_metrics_content {
    padding: 30px 20px;
  }
}
.funnel_metrics_box {
  background: #ffffff;
  padding: 0 0 15px 0;
}
@media (min-width: 767px) {
  .funnel_metrics_box {
    padding: 0 0 40px;
  }
}
.funnel_metrics_box .leads_overview {
  padding: 20px 10px 0;
  margin: 0 auto;
  max-width: 1100px;
  text-align: center;
}
@media (min-width: 1025px) {
  .funnel_metrics_box .leads_overview {
    padding: 40px 10px 0;
  }
}
.funnel_metrics_box .leads_overview .overview_entry {
  margin-bottom: 10px;
}
@media (max-width: 500px) {
  .funnel_metrics_box .leads_overview .overview_entry {
    width: 50%;
  }
}
.funnel_metrics_box .leads_overview .blue_days {
  color: #4285f4;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 5px;
}
@media (min-width: 767px) {
  .funnel_metrics_box .leads_overview .blue_days {
    font-size: 28px;
    line-height: 28px;
  }
}
@media (min-width: 1025px) {
  .funnel_metrics_box .leads_overview .blue_days {
    font-size: 36px;
    line-height: 32px;
  }
}
.funnel_metrics_box .leads_overview .grey_label {
  color: #999898;
  font-size: 12px;
}
@media (min-width: 767px) {
  .funnel_metrics_box .leads_overview .grey_label {
    font-size: 15px;
  }
}
.funnel_metrics_scroll {
  overflow-x: auto;
}
.funnel_metrics_table {
  width: 100%;
  font-size: 12px;
  text-align: center;
  display: table;
  min-width: 1100px;
  position: relative;
  table-layout: fixed;
}
@media (min-width: 767px) {
  .funnel_metrics_table {
    font-size: 14px;
    min-width: 1200px;
  }
}
@media (min-width: 1025px) {
  .funnel_metrics_table {
    font-size: 14px;
    min-width: 1250px;
  }
}
.funnel_metrics_table .funnel_col {
  height: 200px;
  padding: 0;
  border-right: 1px solid #bfbebe;
}
.funnel_metrics_table .funnel_col:last-child {
  border: none;
}
.funnel_metrics_table .funnel_col .funnel_entry {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: 1px solid #bfbebe;
  height: 200px;
  width: 100%;
  max-width: 100%;
  padding: 0 10px;
  position: relative;
  -webkit-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
.funnel_metrics_table .funnel_col .funnel_entry div,
.funnel_metrics_table .funnel_col .funnel_entry small {
  max-width: 100%;
}
.funnel_metrics_table .funnel_col .funnel_entry:last-child {
  border: none;
}
.funnel_metrics_table .funnel_col .funnel_entry.half_height {
  height: 100px;
}
.funnel_metrics_table .funnel_col .funnel_entry.quarter_height {
  height: 50px;
}
.funnel_metrics_table .funnel_col .funnel_entry small {
  color: #999898;
  display: block;
  font-size: 12px !important;
  text-transform: lowercase;
  margin-top: 5px;
  line-height: 14px;
}
.funnel_metrics_table .funnel_col.percentage {
  color: #ffffff;
  font-size: 110%;
}
.funnel_metrics_table .funnel_col.percentage .funnel_entry {
  border-color: #ffffff;
}
.funnel_metrics_table .funnel_col .blue_data {
  background: #4285f4;
  color: #ffffff;
}
.funnel_metrics_table .funnel_col .blue_data small {
  color: #ffffff;
}
.funnel_metrics_table .funnel_col .red_data {
  background: #ec1c24;
  color: #ffffff;
}
.funnel_metrics_table .funnel_col .red_data small {
  color: #ffffff;
}
.funnel_metrics_table .float_info {
  position: absolute;
  bottom: 12px;
  left: 50%;
  min-width: 100px;
  -webkit-transform: translate(-50%, 100%);
  -moz-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  -o-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}
.funnel_metrics_table .float_info.left {
  left: 10px;
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
}
.funnel_metrics_table .float_info.left .bullet {
  margin-left: 0;
}
.funnel_metrics_table .float_info.left .bullet:after,
.funnel_metrics_table .float_info.left .bullet:before {
  background: #ec1c24;
}
.funnel_metrics_table .float_info.left .float_info_content {
  background: #ec1c24;
}
.funnel_metrics_table .float_info.right {
  right: 30px;
  left: auto;
  -webkit-transform: translate(100%, 100%);
  -moz-transform: translate(100%, 100%);
  -ms-transform: translate(100%, 100%);
  -o-transform: translate(100%, 100%);
  transform: translate(100%, 100%);
}
.funnel_metrics_table .float_info.right .bullet {
  margin-left: 0;
}
.funnel_metrics_table .float_info .bullet {
  background: rgba(66, 133, 244, 0.4);
  width: 25px;
  height: 25px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto 20px;
  position: relative;
}
.funnel_metrics_table .float_info .bullet:before {
  background: #4285f4;
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.funnel_metrics_table .float_info .bullet:after {
  background: #4285f4;
  display: block;
  content: '';
  width: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 60px;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.funnel_metrics_table .float_info .float_info_content {
  text-align: center;
  background: #4285f4;
  color: #ffffff;
  font-size: 16px;
  padding: 5px 10px;
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .funnel_metrics_table .float_info .float_info_content {
    font-size: 18px;
  }
}
@media (min-width: 1025px) {
  .funnel_metrics_table .float_info .float_info_content {
    font-size: 20px;
  }
}
.funnel_metrics_table .float_info .float_info_content small {
  font-size: 12px;
  color: #ffffff;
}
.funnel_metrics_table .float_info .float_info_content .cell {
  vertical-align: middle;
  padding: 5px 10px ;
}
.funnel_metrics_table .float_info .float_info_content .float_info_label {
  font-size: 12px;
  line-height: 110%;
}
.form_container .new_action_clone {
  display: none;
}
.form_container .last_field {
  padding-right: 40px;
  position: relative;
}
.form_container .btn_remove {
  color: #cc7981;
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}
.form_container .btn_remove:hover {
  color: #ec1c24;
}
.rating_stars {
  margin: 0 0 40px;
}
.rating_stars .label_quality_score {
  margin: 0 0 10px 0;
}
.rating_stars ul {
  list-style-type: none;
  padding: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.rating_stars ul > li.star {
  display: inline-block;
  margin-right: 2px;
}
.rating_stars ul > li.star > i.zmdi {
  font-size: 1.7em;
  color: #bfbebe;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
.rating_stars ul > li.star.hover > i.zmdi {
  color: #68be9d;
}
.rating_stars ul > li.star.selected > i.zmdi {
  color: #008981;
}
.lead_summary {
  border-bottom: 1px solid #bfbebe;
  margin-bottom: 30px;
  padding: 0 10px 10px 0;
}
.lead_summary .summary_list {
  padding: 0;
  list-style: none;
}
.lead_summary .summary_list li {
  margin-bottom: 3px;
  font-size: 13px;
}
.lead_summary .summary_list span {
  margin-right: 5px;
}
.lead_summary .summary_list span.summary_label {
  color: #999898;
}
.funnel_table_row {
  display: table-row;
  width: 100%;
}
.funnel_table_row .funnel_row_cell {
  width: 25%;
  display: table-cell;
  border-right: 2px solid #000000;
  position: relative;
}
.funnel_table_row .funnel_row_cell:last-child {
  border: none;
}
.funnel_data_table {
  border-top: 1px solid #bfbebe;
  border-bottom: 1px solid #bfbebe;
  margin-bottom: 130px;
}
.funnel_head_col {
  color: #ffffff;
  background: #008981;
  padding: 5px 0;
  text-transform: uppercase;
  font-size: 14px;
}
.funnel_graph_img {
  width: 100%;
  min-width: 1100px;
}
@media (min-width: 767px) {
  .funnel_graph_img {
    min-width: 1200px;
  }
}
@media (min-width: 1025px) {
  .funnel_graph_img {
    min-width: 1250px;
  }
}
.funnel_graph_img img {
  width: 100%;
}
.img_cell {
  display: table-cell;
  column-span: all;
  width: 100%;
}
.funnel_graph_table {
  background: url("../images/funel-curve.svg") no-repeat center left;
  background-size: 87%;
  height: 300px;
}
@media (min-width: 1025px) {
  .funnel_graph_table {
    height: 350px;
  }
}
.funnel_graph_table .funnel_row_cell {
  height: 300px;
}
@media (min-width: 1025px) {
  .funnel_graph_table .funnel_row_cell {
    height: 350px;
  }
}
.graph_float_box {
  background: #fff200;
  color: #000000;
  position: absolute;
  text-align: center;
  font-size: 12px;
  padding: 5px 10px;
}
.graph_float_box.has_arrow:after {
  display: block;
  content: url("../images/green-arrow.svg");
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  -moz-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  -o-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  bottom: 0;
  width: 70%;
  height: 2px;
}
@media (min-width: 767px) {
  .graph_float_box {
    font-size: 14px;
  }
}
@media (min-width: 1025px) {
  .graph_float_box {
    font-size: 14px;
  }
}
.graph_float_box.new_leads {
  top: 15px;
  left: 20px;
}
.graph_float_box.invalid_data {
  top: 260px;
  left: 50px;
  width: 150px;
}
.graph_float_box.new_to_qualifying {
  top: 15px;
  right: 0;
  -webkit-transform: translate(50%, 0);
  -moz-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  -o-transform: translate(50%, 0);
  transform: translate(50%, 0);
}
.graph_float_box.qualifying_to_processing {
  top: 15px;
  right: 0;
  -webkit-transform: translate(50%, 0);
  -moz-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  -o-transform: translate(50%, 0);
  transform: translate(50%, 0);
}
.graph_float_box.processing_to_closing {
  top: 15px;
  right: 0;
  -webkit-transform: translate(50%, 0);
  -moz-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  -o-transform: translate(50%, 0);
  transform: translate(50%, 0);
}
.graph_float_box.closing_up {
  top: 50px;
  right: 20px;
  width: 150px;
}
.graph_float_box.closing_middle {
  top: 160px;
  right: 20px;
  width: 150px;
}
.graph_float_box.closing_down {
  top: 260px;
  right: 20px;
  width: 150px;
}
.funnel_head_value {
  font-weight: bold;
  font-size: 18px;
  margin-left: 10px;
}
.acolada {
  background: url("../images/acolada.png") no-repeat center left;
  padding-left: 20px !important;
}
.articol {
  padding: 20px 20px;
  background: #fff;
  margin: 30px 0;
}
.articol p {
  font-size: 16px;
}
.articol img {
  max-width: 100%;
}
.text-red {
  color: #ec1c24;
}
.text-blue {
  color: #4771d9;
}
#modalHelp .modal_header {
  background: #fff;
  color: #000000;
  font-size: 18px;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 30px;
}
#modalHelp .modal-dialog {
  width: 500px;
}
.searchInput {
  height: 40px;
  line-height: 50px;
  border: 1px solid #c3c3c3;
  width: 100%;
}
.filter_select_wrapper .select2-container {
  -webkit-box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.2);
  max-width: 135px;
}
.filter_select_wrapper .select2-container .select2-selection {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  font-size: 11px;
  color: #000000;
}
.filter_select_wrapper .select2-container .select2-selection .select2-selection__rendered {
  color: #000000;
}
.filter_select_wrapper .select2-container .select2-selection .select2-selection__arrow b {
  border-color: #000 transparent transparent transparent;
}
.filter_dropdown {
  border: none;
  color: #000000;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 12px;
  -webkit-box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.filter_dropdown .select2-results__option {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.input_wrapper .select2-container {
  width: 100% !important;
  border-bottom: 1px solid #000000;
}
.input_wrapper .select2-container .select2-selection {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  font-size: 14px;
  color: #000000;
}
.input_wrapper .select2-container .select2-selection .select2-selection__rendered {
  color: #000000;
}
.input_wrapper .select2-container .select2-selection .select2-selection__arrow b {
  border-color: #000 transparent transparent transparent;
}
.input_dropdown {
  color: #000000;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 14px;
  border: 1px solid #000000 !important;
}
.input_dropdown .select2-results__option {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.label_checkbox {
  position: relative;
  cursor: pointer;
  font-size: 13px;
  display: inline-block;
  min-height: 24px;
  font-weight: normal;
}
.label_checkbox input {
  position: absolute;
  left: -10000px;
  visibility: hidden;
}
.label_checkbox input:checked ~ span:after {
  content: '\f26a';
  color: #009a91;
}
.label_checkbox span {
  display: block;
  position: relative;
  padding: 3px 0 0 30px;
  float: left;
}
.label_checkbox span:after {
  display: block;
  font: 24px/24px 'Material';
  content: '\f279';
  position: absolute;
  left: 5px;
  top: 0px;
  color: #999898;
}
.input_wrapper {
  padding-top: 15px;
  position: relative;
  margin-bottom: 5px;
}
.input_wrapper.no-top {
  padding-top: 0;
}
.input_wrapper .input_text {
  font: 14px/30px 'Open Sans', sans-serif;
  font-weight: 400;
  height: 30px;
  color: #000000;
  border: none;
  opacity: 1 !important;
  border-bottom: 1px solid #000000;
  padding: 0 10px;
  width: 100%;
  background: none;
  position: relative;
  z-index: 1;
}
.input_wrapper textarea {
  font: 13px 'Open Sans', sans-serif;
  font-weight: 400;
  height: 60px;
  color: #000000;
  border: none;
  border-bottom: 1px solid #000000;
  padding: 5px 10px;
  width: 100%;
  background: none;
  position: relative;
  z-index: 1;
}
.input_wrapper .icon {
  position: absolute;
  right: 10px;
  top: 12px;
  font-size: 20px;
  color: #4285f4;
}
.inline_label {
  margin: 20px 0 0;
  font-size: 13px;
}
.bootstrap-datetimepicker-widget {
  z-index: 2000;
}
.bootstrap-datetimepicker-widget .picker-switch:hover a {
  color: #4285f4;
}
.bootstrap-datetimepicker-widget table td.active.active {
  background-color: #4285f4;
}
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #4771d9;
}
.bootstrap-datetimepicker-widget .btn-primary {
  background-color: #4285f4;
}
.bootstrap-datetimepicker-widget .btn-primary:hover {
  background-color: #4771d9;
}
.bootstrap-datetimepicker-widget .zmdi {
  font-size: 22px !important;
}
.login_container {
  position: relative;
  max-width: 460px;
  width: 100%;
  margin: 0 auto 100px;
}
.login_container .logo {
  margin: 40px auto;
  width: 200px;
}
.login_container .logo img {
  width: 100%;
  margin: 0 auto;
  height: auto !important;
}
.login_container .card {
  background: #fafafa;
  height: 10px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  margin: 0 10px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.login_container .login_box {
  position: relative;
  background: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 30px 0 40px 0;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32);
}
.login_container .title {
  position: relative;
  z-index: 1;
  border-left: 5px solid #4285f4;
  margin: 0 0 25px;
  padding: 10px 0 10px 50px;
  color: #4285f4;
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
}
.login_container .form_wrapper {
  padding: 0 12%;
}
.login_container .input_wrapper {
  margin-bottom: 25px;
}
.login_container .input_wrapper .input_text {
  font-size: 18px;
}
.login_container .btn_login {
  cursor: pointer;
  display: inline-block;
  width: 100%;
  border: 2px solid #4285f4;
  padding: 20px 0;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #ffffff;
  color: #4285f4;
}
.login_container .btn_login:hover {
  background: #4285f4;
  color: #ffffff;
}
.login_container .footer {
  margin: 40px 0 0;
  text-align: center;
}
.login_container .footer .btn_forgot_password {
  text-decoration: none;
  color: #d3d3d3;
  font-size: 24px;
  font-weight: 300;
}
.login_container .footer .btn_forgot_password:hover {
  color: #4285f4;
}