/*--------------------------------------------
Filename:     general.css 
Description:  General CSS
Version:      1.0.0 (15-4-2015) DD-MM-YYYY
Website:      www.leadcapturepagesystem.com
Author:       Mohammed Abd-Ella (www.mabdella.me)
--------------------------------------------*/
/*--------------------------------------------
Filename:     variales.css 
Description:  SCSS variales
Version:      1.0.0 (15-4-2015) DD-MM-YYYY
Website:      www.leadcapturepagesystem.com
Author:       Mohammed Abd-Ella (www.mabdella.me)
--------------------------------------------*/
/*Colors ----------------------------------------------*/
/*Colors ----------------------------------------------*/
/*Fonts ----------------------------------------------*/
/*Fonts ----------------------------------------------*/
/*General ---------------------------------------------*/
body {
  font-family: "open_sansregular", sans-serif;
  color: #555;
}

.body-logged-out {
  background: #eeeeee;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, white 0%, #eeeeee 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #eeeeee));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #eeeeee 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, #eeeeee 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, #eeeeee 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, white 0%, #eeeeee 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
  /* IE6-8 */
  padding-top: 0 !important;
}

/**{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}*/
a:hover, a:focus, a:active {
  text-decoration: none;
}

.relative {
  position: relative;
}

.fixed {
  position: fixed;
}

.clearfix {
  clear: both;
}

.btn-cta {
  background: #ffb400;
  color: #fff;
  min-width: 200px;
  font-family: "open_sanssemibold", sans-serif;
}
.btn-cta:hover, .btn-cta:active, .btn-cta:hover {
  background: #e6a200;
  color: #fff;
}

.read-block p {
  line-height: 1.8;
}
.read-block h1, .read-block h2, .read-block h3, .read-block h4, .read-block h5, .read-block h6 {
  margin-top: 30px;
}
.read-block h1:first-child, .read-block h2:first-child, .read-block h3:first-child, .read-block h4:first-child, .read-block h5:first-child, .read-block h6:first-child {
  margin-top: 0;
}
.read-block img {
  margin-top: 20px;
  margin-bottom: 30px;
}
.read-block .embed-responsive {
  margin-top: 30px;
  margin-bottom: 30px;
}
.read-block .foot-help {
  margin-top: 60px;
}

.navbar-brand {
  overflow: hidden;
  height: auto;
}
.navbar-brand img {
  max-width: 100%;
  height: auto;
  max-height: 60px;
}

img, canvas, audio {
  max-width: 100%;
}

h1, h2, h3, h4, h5, h6, th, label, strong, .label, .alert .alert-link, .badge {
  font-family: "open_sanssemibold", sans-serif;
  font-weight: normal;
}

label span {
  font-family: "open_sansregular", sans-serif;
}

.lead {
  font-family: "open_sanslight", sans-serif;
}

.modal {
  z-index: 100000000000;
}
.modal .modal-dialog {
  margin-top: 100px;
}
.modal .modal-dialog .modal-title {
  text-align: center;
  font-family: "open_sansbold", sans-serif;
  font-size: 20px;
}
.modal .modal-dialog .modal-footer a {
  margin-top: 7px;
}

.no-padding {
  padding: 0 !important;
}

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

.no-border {
  border: 0;
}

.no-side-border {
  border-left: 0;
  border-right: 0;
}

.no-left-side-border {
  border-left: 0;
}

.no-border-list .list-group-item {
  border: 0;
}
.no-border-list.list-condensed .list-group-item {
  padding: 5px 0;
}

.list-condensed .list-group-item {
  padding: 5px 15px;
}

.center-block {
  float: none;
}

.section {
  padding: 20px 0;
}
.section.condensed {
  padding: 20px 0;
  background: #337ab7;
  color: #fff;
  margin-bottom: 20px;
}

.table {
  /*    &.table-ellipsis{
          table-layout: fixed;
          td{
              &.ellipsis {
                  display: table-cell;
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis;
              }
          }
      }*/
}
.table tbody tr th {
  color: #22527b;
}
.table tbody tr td a {
  font-family: "open_sanssemibold", sans-serif;
}
.table tbody tr.success td {
  border-top: 1px solid #A7DB92;
  color: #3c763d;
}
.table tbody tr.info td {
  border-top: 1px solid #97BFD3;
  color: #31708f;
}
.table tbody.warning td {
  border-top: 1px solid #E0D6A2;
  color: #8a6d3b;
}
.table tbody.danger td {
  border-top: 1px solid #E2A5A5;
  color: #a94442;
}
.table.vertical-align-middle td {
  vertical-align: middle !important;
}
.table.table-no-border td, .table.table-no-border th {
  border: none !important;
}

ul.actions {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.actions li {
  display: inline-block;
  font-size: 20px;
  margin: 5px !important;
  padding: 0 !important;
}

.list-group .heading {
  font-family: "open_sanssemibold", sans-serif;
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  padding: 15px;
  margin: 0;
  text-align: center;
}
.list-group.list-group-panel {
  margin-bottom: 0 !important;
  padding: 0 !important;
}
.list-group.list-group-panel li {
  margin-bottom: -1px !important;
}
.list-group.list-group-panel .row {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  border-left: 0;
  border-right: 0;
}
.list-group.list-group-panel .row:first-child {
  border-top: 0;
}
.list-group.list-group-panel .row:last-child {
  border-bottom: 1px solid #ddd !important;
}

.tab-content {
  margin-bottom: 20px;
}
.tab-content .tab-pane {
  padding: 20px 0;
}

.nav-tabs li a {
  font-size: 16px;
  border: 1px solid rgba(221, 221, 221, 0.5);
  padding: 10px;
}
.nav-tabs li a.btn {
  font-family: "open_sansregular", sans-serif;
  font-size: 14px;
  padding: 6px 12px;
  border-radius: 4px;
  background-color: #337ab7;
  border: 1px solid #2e6da4;
  color: #fff;
}
.nav-tabs li a.btn:hover, .nav-tabs li a.btn:focus, .nav-tabs li a.btn:active {
  background-color: #286090;
  border-color: #204d74;
  color: #fff;
}
.nav-tabs li.active a {
  font-family: "open_sanssemibold", sans-serif;
}
.nav-tabs li.active a.btn {
  font-family: "open_sansregular", sans-serif;
}
.nav-tabs li.dropdown a.dropdown-toggle {
  margin: 0;
}
.nav-tabs li.dropdown .dropdown-menu li {
  float: none;
  width: 100%;
}
.nav-tabs li.dropdown .dropdown-menu li a {
  font-family: "open_sansregular", sans-serif;
  border: 0;
  padding: 5px 20px;
}
.nav-tabs li.dropdown .dropdown-menu li a.btn {
  width: 100%;
  position: relative;
  top: 6px;
  border-radius: 0;
  padding: 10px 12px;
}
.nav-tabs li.dropdown .dropdown-menu li a.btn.btn-primary {
  background-color: #337ab7;
  border: 1px solid #2e6da4;
  color: #fff;
}
.nav-tabs li.dropdown .dropdown-menu li a.btn.btn-primary:hover, .nav-tabs li.dropdown .dropdown-menu li a.btn.btn-primary:focus, .nav-tabs li.dropdown .dropdown-menu li a.btn.btn-primary:active {
  background-color: #286090;
  border-color: #204d74;
  color: #fff;
}
.nav-tabs li.dropdown .dropdown-menu li button {
  width: 96%;
  margin: 0 2%;
}
.nav-tabs li.dropdown .dropdown-menu li:last-child a .btn {
  border-radius: 0 0 4px 4px;
}
.nav-tabs li.dropdown .dropdown-menu li.active a {
  font-family: "open_sanssemibold", sans-serif;
}

.ellipsis {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-break {
  word-break: break-all;
  word-wrap: break-word;
}

.form-group .form-control.leftside-control {
  border-radius: 4px 0 0 4px;
}
.form-group .help-block {
  margin-bottom: 0;
  font-size: 12px;
}

.blocked {
  pointer-events: none;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.dropdown-menu {
  min-width: initial;
  padding: 0 !important;
}
.dropdown-menu li {
  margin: 0 !important;
}

li.dropdown .dropdown-menu {
  width: 252px;
  overflow: hidden;
}
li.dropdown .dropdown-menu li a {
  white-space: normal;
}

textarea {
  max-width: 100%;
  min-width: 100%;
}

.text-red {
  color: #d44950 !important;
}

.text-green {
  color: #1DB220 !important;
}

.text-yellow {
  color: #FFAE00 !important;
}

.captcha {
  margin: 5px 0 0 0;
}

.loader-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  height: 100%;
  z-index: 10000000000000;
}
.loader-wrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -32px;
  margin-left: -32px;
}

/*Sticky Footer --------------------------------------------------------------*/
html {
  position: relative;
  min-height: 100%;
}

body {
  padding-top: 50px;
  margin-bottom: 90px;
}

.navbar-fixed-top {
  top: 0;
}

body.sticky-form-in {
  padding-top: 105px;
}
body.sticky-form-in .navbar-fixed-top {
  top: 54px;
}
body.sticky-form-in .sticky-forms {
  display: inline;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  padding: 20px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

/*Sticky Footer --*/
/*Override -------------------------------------------------------------------*/
@media (max-width: 500px) {
  .btn {
    white-space: normal;
  }
}
.badge {
  border-radius: 100px;
}

.accordion.panel-group .panel .panel-heading {
  padding: 0;
  background: #f2f2f2;
  color: #555;
}
.accordion.panel-group .panel .panel-heading .panel-title a {
  padding: 15px;
  display: block;
}

.file-input .fileinput-remove.close {
  display: none;
}
.file-input .file-preview-frame {
  box-shadow: none;
  margin: 10px auto;
  float: none;
}
.file-input .file-preview-frame:hover {
  box-shadow: none;
}
.file-input .file-preview-frame .file-preview-image {
  height: auto !important;
  max-height: 150px;
}

.table-responsive {
  border: 0;
}
.table-responsive.scroll {
  box-shadow: inset 0px -10px 14px 0px #ddd;
  -moz-box-shadow: inset 0px -10px 14px 0px #ddd;
  -webkit-box-shadow: inset 0px -10px 14px 0px #ddd;
}
.table-responsive.cut-fix {
  overflow-x: initial;
}

.nav-pills {
  margin: 0 -3px;
}
.nav-pills li {
  margin: 3px;
}
.nav-pills li a {
  color: #337ab7;
  padding: 5px 15px;
  border: 1px solid;
}
.nav-pills li a:hover, .nav-pills li a:focus, .nav-pills li a:active {
  background: #337ab7;
  border-color: #337ab7;
  color: #fff;
}

.panel {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.panel .panel-heading {
  font-family: "open_sanssemibold", sans-serif;
  z-index: 2;
  /*color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;*/
  padding: 15px;
  line-height: 16px;
}
.panel .panel-body ul {
  list-style: none;
  padding: 0 0 0 15px;
  margin-bottom: 0;
}
.panel .panel-body ul li {
  padding-left: 0;
  margin-bottom: 15px;
}

.radio-inline, .checkbox-inline {
  padding-left: 20px;
  padding-right: 20px;
  margin-left: 0 !important;
}

blockquote footer {
  background: transparent;
  margin-top: 10px;
}

/*Framework Extention --------------------------------------------------------*/
blockquote.blockquote-lg {
  font-size: 22px;
}

.leadMsg {
  margin: 0 0 20px;
  background: #22527b;
  color: #fff;
}
.leadMsg h1, .leadMsg h2, .leadMsg h3, .leadMsg h4, .leadMsg h5, .leadMsg h6 {
  margin-top: 10px;
  font-family: "open_sanslight", sans-serif;
  line-height: 1.3;
  text-transform: capitalize;
}
.leadMsg h1 small, .leadMsg h2 small, .leadMsg h3 small, .leadMsg h4 small, .leadMsg h5 small, .leadMsg h6 small {
  color: #fff;
  display: block;
  margin-top: 5px;
}
.leadMsg a.btn {
  font-family: "open_sanssemibold", sans-serif;
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
  border-radius: 100px;
  margin: 20px auto 0;
  max-width: 280px;
}
.leadMsg a.btn:hover, .leadMsg a.btn:focus, .leadMsg a.btn:active {
  color: #22527b;
  background: #fff;
}

.section-header {
  padding-bottom: 14px;
  margin: 30px 0 10px;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.section-header h1, .section-header h2, .section-header h3, .section-header h4, .section-header h5, .section-header h6 {
  margin-bottom: 0;
}
.section-header h1 small, .section-header h2 small, .section-header h3 small, .section-header h4 small, .section-header h5 small, .section-header h6 small {
  display: block;
  margin-top: 8px;
  line-height: 20px;
}
.section-header:first-child {
  margin-top: 0;
}

.divider {
  float: none;
  width: auto;
  clear: both;
  height: 1px;
  margin: 5px -15px;
  overflow: hidden;
  background-color: #e5e5e5;
}
.divider.divider-lg {
  margin: 50px -15px;
}

.form-value {
  padding-top: 7px;
}

.form-inline .form-value {
  display: inline-block;
}
.form-inline label {
  padding-right: 20px;
}

.fa-trash-o {
  color: #d43f3a;
}

.btn-primary .fa-trash-o, .btn-danger .fa-trash-o {
  color: #fff;
}

.btn-ghost {
  background: transparent;
  border: 1px solid;
}
.btn-ghost.btn-default {
  color: #555;
}
.btn-ghost.btn-primary {
  color: #337ab7;
}
.btn-ghost.btn-success {
  color: #5cb85c;
}
.btn-ghost.btn-danger {
  color: #d43f3a;
}
.btn-ghost:hover, .btn-ghost:active, .btn-ghost:focus {
  color: #fff;
}

.value-inline {
  display: inline-block;
  margin-left: 15px;
}

.form-horizontal .value-inline {
  display: inline-block;
  margin: 7px 0 0 0;
}

address {
  font-size: 12px;
}
address strong {
  font-size: 13px;
}
address:nth-of-type(1) {
  margin-top: 40px;
}

figcaption address {
  margin: 20px 0 0 0 !important;
}

.help-actions {
  overflow: hidden;
  margin-bottom: 20px;
}
.help-actions .help-icons {
  margin: 7px 0;
}
.help-actions .help-icons span {
  margin: 0 5px;
}

.total ul {
  margin: 27px 0 30px;
}
.total ul li {
  display: inline-block;
  margin-right: 20px;
}
.total ul li label {
  padding-right: 10px;
}

.pagination li span.pagination-label {
  color: #555;
}
.pagination li span.pagination-label:hover {
  background: transparent;
}
.pagination li span input {
  margin: -12px;
  width: 57px;
  border: 0;
  height: 32px;
  color: #555 !important;
}
.pagination li span, .pagination li a, .pagination li .disabled {
  background-color: #f2f2f2 !important;
}
.pagination li span:hover, .pagination li span:focus, .pagination li a:hover, .pagination li a:focus {
  background-color: #E2E2E2 !important;
}
.pagination li a span {
  background-color: transparent !important;
}
.pagination li.active span, .pagination li.active a {
  background-color: #337ab7 !important;
}
.pagination li.disabled:hover, .pagination li.disabled:focus, .pagination li .pagination-label:hover, .pagination li .pagination-label:focus {
  background-color: #f2f2f2 !important;
}
.pagination li.disabled span:hover, .pagination li.disabled span:focus, .pagination li.disabled a:hover, .pagination li.disabled a:focus, .pagination li .pagination-label span:hover, .pagination li .pagination-label span:focus, .pagination li .pagination-label a:hover, .pagination li .pagination-label a:focus {
  background-color: #f2f2f2 !important;
}
.pagination.date-pagination {
  display: table;
}
.pagination.date-pagination li {
  display: table-cell;
}
.pagination.date-pagination li.active {
  width: 100%;
}
.pagination.date-pagination li.active span {
  width: 100%;
  background: #fff !important;
  border-color: #ddd;
  color: #555555;
}
.pagination.date-pagination li a {
  background: #337ab7 !important;
  border-color: #337ab7;
  color: #fff;
}
.pagination.date-pagination li a:hover, .pagination.date-pagination li a:focus, .pagination.date-pagination li a:active {
  background: #285f8f !important;
  border-color: #285f8f;
}

.nav-widget {
  border-radius: 4px;
}
.nav-widget .navbar-nav {
  margin: 0;
  width: 100%;
}
.nav-widget .navbar-nav li {
  float: none;
  display: inline-block;
}
.nav-widget .navbar-nav li a {
  padding: 15px;
}

@media (max-width: 630px) {
  .nav-widget .navbar-nav {
    margin: 0;
  }
  .nav-widget .navbar-nav li {
    display: block;
  }
}
/*Calendar*/
.calendar-wrapper {
  width: 100%;
}
.calendar-wrapper .day {
  width: 14.28571428571429%;
  padding: 2px;
  float: left;
}
.calendar-wrapper .day .inner {
  display: block;
  color: #337ab7;
  width: 100%;
  height: 100px;
  border-radius: 3px;
  border: 1px solid #ddd;
  text-align: center;
  padding: 10px;
}
.calendar-wrapper .day .inner .number {
  font-family: "open_sansbold", sans-serif;
  position: relative;
  top: -4px;
  font-size: 16px;
  margin-bottom: 4px;
  display: block;
}
.calendar-wrapper .day .inner ul {
  font-size: 10px;
}
.calendar-wrapper .day.has-data .inner {
  cursor: pointer;
  background: #337ab7;
  border-color: #337ab7;
}
.calendar-wrapper .day.has-data .inner .number, .calendar-wrapper .day.has-data .inner ul {
  color: #fff;
}
.calendar-wrapper .day.has-data .inner .number a, .calendar-wrapper .day.has-data .inner ul a {
  color: #fff;
}
.calendar-wrapper .day.upcoming-month .inner, .calendar-wrapper .day.last-month .inner {
  cursor: initial;
  opacity: .5;
}
.calendar-wrapper .days-wrapper .day .inner .name {
  display: none;
}
.calendar-wrapper .days-header .day .inner {
  height: 40px;
  background: #22527b;
  border-color: #22527b;
  color: #fff;
}
.calendar-wrapper .days-header .day .inner .name {
  display: block;
}

@media (max-width: 767px) {
  .calendar-wrapper .day {
    width: 20%;
    padding: 5px;
    float: left;
  }
  .calendar-wrapper .days-header {
    display: none;
  }
  .calendar-wrapper .days-wrapper .day .inner .name {
    font-family: "open_sansregular", sans-serif;
    display: inline;
    margin-right: 10px;
  }
}
@media (max-width: 560px) {
  .calendar-wrapper .day {
    width: 25%;
    padding: 5px;
    float: left;
  }
}
@media (max-width: 500px) {
  .calendar-wrapper .day {
    width: 50%;
    padding: 5px;
    float: left;
  }
  .calendar-wrapper .day.upcoming-month, .calendar-wrapper .day.last-month {
    display: none;
  }
}