@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700");
h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif;
  color: #394857;
  margin: 0px; }

h1 {
  font-size: 60px;
  line-height: 66px; }

h2 {
  font-size: 40px;
  line-height: 55px; }

h3 {
  font-size: 24px;
  line-height: 40px; }

h4 {
  font-size: 20px;
  line-height: 27px; }

h5 {
  font-size: 14px;
  line-height: 19px; }

h6 {
  font-size: 12px;
  line-height: 16px; }

body {
  font-family: 'Open Sans', sans-serif;
  color: #727476; }

@media screen and (max-width: 768px) {
  .cstm-container {
    max-width: 100%; }

  .cstm-footer .text-right, .cstm-footer .text-left {
    text-align: center; } }
@media screen and (min-width: 768px) and (max-width: 992px) {
  .cstm-container {
    max-width: 720px; } }
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .cstm-container {
    max-width: 940px; } }
@media screen and (min-width: 1200px) {
  .cstm-container {
    max-width: 1140px; } }
.cstm-container {
  margin: auto;
  position: relative;
  height: 100%;
  padding: 0px 15px; }

.cstm-header {
  padding-top: 20px;
  padding-bottom: 12px;
  min-height: 83px;
  background-color: #394857;
  border-bottom: 3px solid #b11721; }
  @media screen and (max-width: 768px) {
    .cstm-header .text-right {
      text-align: left;
      margin-top: 10px; } }

.cstm-tab {
  background-color: #F2F2F2;
  border-bottom: 1px solid #CCCCCC;
  height: 70px; }
  .cstm-tab ul {
    position: absolute;
    bottom: 0px;
    margin: 0px;
    padding: 0px; }
    .cstm-tab ul li {
      list-style: none;
      display: inline-block;
      position: relative;
      vertical-align: bottom; }
      .cstm-tab ul li .tab-button {
        display: inline-block;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        min-width: 110px;
        border: 1px solid #CCCCCC;
        color: #394857;
        margin-bottom: -1px;
        outline: none;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding: 6px 12px;
        line-height: 26px;
        background-color: #F2F2F2; }
        .cstm-tab ul li .tab-button.active {
          font-weight: bold;
          font-size: 18px;
          padding: 9px 12px;
          border-bottom-width: 0px;
          background-color: #ffffff; }
      @media screen and (max-width: 768px) {
        .cstm-tab ul li .tab-button {
          padding: 6px 6px;
          min-width: 80px; }
          .cstm-tab ul li .tab-button.active {
            min-width: 100px;
            padding: 9px 6px;
            font-size: 16px; } }

.cstm-body {
  padding: 50px 0px 150px 0px; }
  .cstm-body label {
    font-size: 14px;
    line-height: 26px;
    font-weight: bold; }
  .cstm-body .form-text {
    width: 100%;
    line-height: 26px; }
  .cstm-body .show-form .form-control {
    display: block; }
  .cstm-body .show-form .form-text {
    display: none; }
  .cstm-body .show-text .form-control {
    display: none; }
  .cstm-body .show-text .form-text {
    display: block; }
  .cstm-body .show-text .form-group {
    margin-bottom: 0px; }

.cstm-footer {
  font-size: 12px;
  color: #727476; }
  .cstm-footer .footer-content {
    padding: 10px 0px; }
    .cstm-footer .footer-content a {
      line-height: 1 !important; }

.horizontal-line {
  border-top: 1px solid #CCCCCC;
  width: 100%; }
  .horizontal-line.padded {
    padding-bottom: 30px; }

.cstm-link {
  text-decoration: none;
  color: #59b8da;
  line-height: 26px; }
  .cstm-link:hover {
    color: #b11721; }

.cstm-btn {
  border-radius: 3px;
  padding: 6px 12px;
  border-width: 0px;
  font-size: 16px;
  outline: none;
  display: inline-block;
  text-align: center;
  text-decoration: none !important; }
  .cstm-btn.btn-margin {
    margin: 5px; }
  .cstm-btn.btn-red {
    background-color: #b11721;
    color: #ffffff; }
    .cstm-btn.btn-red:hover {
      background-color: #c81a25; }
    .cstm-btn.btn-red:active {
      background-color: #841119; }
  .cstm-btn.btn-logout {
    min-width: 100px;
    background-color: transparent;
    color: #ffffff;
    border: 1px solid #ffffff;
    font-size: 14px;
    padding: 8px 12px;
    font-weight: bold; }
    .cstm-btn.btn-logout:hover {
      background-color: #c81a25; }
    .cstm-btn.btn-logout:active {
      background-color: #841119; }
  .cstm-btn.btn-small {
    padding: 4px 12px;
    font-size: 14px;
    margin-left: 20px;
    line-height: 20px; }

.data-table-styles {
  padding-top: 50px;
  color: #727476; }
  .data-table-styles ul.pagination li.paginate_button a {
    color: #59b8da; }
    .data-table-styles ul.pagination li.paginate_button a:hover {
      background-color: #F2F2F2; }
  .data-table-styles ul.pagination li.paginate_button.active a {
    background-color: #59b8da;
    border: 1px solid #59b8da;
    color: #ffffff; }
  .data-table-styles table tbody tr:nth-child(odd) {
    background-color: #F2F2F2; }

.billing-info {
  font-size: 14px; }
  @media screen and (max-width: 768px) {
    .billing-info .text-right {
      text-align: left;
      margin-top: 10px; }
    .billing-info .cstm-btn {
      margin-left: 0px; } }

.payment {
  color: #727476; }
  @media screen and (min-width: 768px) {
    .payment .cstm-container {
      max-width: 650px; }
    .payment .nav-tabs-horizontal li:hover a, .payment .nav-tabs-horizontal li:focus a {
      background-color: #F2F2F2; }
    .payment .nav-tabs-horizontal li.active a {
      background-color: #F2F2F2;
      border-bottom-width: 0px; }
    .payment .nav-tabs-horizontal li a {
      border: 1px solid #CCCCCC;
      border-bottom-width: 0px; }
    .payment .payment-content {
      border-top-width: 0px !important; } }
  @media screen and (max-width: 768px) {
    .payment .cstm-container {
      max-width: 100%; }
    .payment .payment-box {
      max-width: 100%; }
    .payment .card-row {
      border: 1px solid #CCCCCC;
      box-shadow: 2px 2px 6px #fff, -2px -2px 6px #fff;
      margin: 10px 10px;
      border-radius: 5px;
      padding: 5px; }
    .payment .responsive-box {
      max-height: 150px; } }
  .payment .cstm-body {
    padding: 10px 0px 10px 0px;
    font-size: 14px;
    line-height: 26px; }
  .payment .payment-head {
    padding-bottom: 20px; }
    .payment .payment-head h2 {
      font-size: 28px;
      line-height: 38px;
      padding-bottom: 15px; }
  .payment .payment-body {
    padding-top: 30px;
    overflow-x: auto; }
    .payment .payment-body .payment-box {
      width: 450px;
      position: relative;
      margin: auto; }
      .payment .payment-body .payment-box .card-row {
        text-align: left; }
      .payment .payment-body .payment-box .payment-content {
        padding: 30px 25px;
        width: 100%;
        background-color: #F2F2F2;
        border: 1px solid #CCCCCC;
        color: #000;
        font-size: 13px; }
        .payment .payment-body .payment-box .payment-content .active-card {
          font-weight: bold; }
        .payment .payment-body .payment-box .payment-content .disabled {
          cursor: not-allowed;
          color: #727476 !important; }
        .payment .payment-body .payment-box .payment-content .glyphicon {
          font-size: 1.3em;
          color: #000; }
        .payment .payment-body .payment-box .payment-content label.cstm-lbl {
          font-weight: normal !important; }
        .payment .payment-body .payment-box .payment-content .payment-info {
          padding-top: 10px;
          text-align: center; }
          .payment .payment-body .payment-box .payment-content .payment-info > div {
            margin: 5px 0px; }
          .payment .payment-body .payment-box .payment-content .payment-info input {
            height: 20px;
            border: 1px solid #CCCCCC; }
        .payment .payment-body .payment-box .payment-content .payment-btn {
          background-color: #ffffff;
          border: 1px solid #CCCCCC;
          display: inline-block;
          border-radius: 5px;
          padding: 0px 15px;
          outline: none;
          font-size: 13px;
          height: 20px;
          line-height: 13px; }
        .payment .payment-body .payment-box .payment-content .payment-note {
          color: #c81a25;
          font-size: 12px;
          line-height: 1;
          margin: 0px -20px; }

.billing-email .cstm-btn {
  margin-left: 0px; }
.billing-email .form-group {
  margin-bottom: 0px; }
  .billing-email .form-group .form-control-feedback {
    top: -3px; }

.responsive-box {
  max-width: 100%;
  max-height: 130px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px 0px; }

.cstm-radio {
  margin: 0px;
  padding: 0px;
  vertical-align: middle; }
  .cstm-radio * {
    display: none; }
  .cstm-radio .cstm-div {
    display: block;
    width: 15px;
    height: 15px;
    border: 1px solid #CCCCCC;
    border-radius: 50%;
    background-color: #ffffff; }
  .cstm-radio input[type="radio"]:checked ~ .cstm-div, .cstm-radio input[type="checkbox"]:checked ~ .cstm-div {
    border: 5px solid #59b8da; }

.server-msg-text {
  font-size: 16px; }
  .server-msg-text .show-error {
    padding-bottom: 20px;
    display: inline-block;
    color: #c81a25; }
  .server-msg-text .show-success {
    padding-bottom: 20px;
    display: inline-block;
    color: #2ECC71; }

.error {
  font-size: 14px;
  color: #c81a25; }

.forget-pass-msg {
  font-size: 16px;
  padding-top: 27px; }

form .margin-btn-top {
  margin-top: 20px; }

.form-control {
  border-radius: 3px; }
  .form-control:focus {
    box-shadow: 0 0 5px 0 #66afe9; }

.has-feedback label ~ .form-control-feedback, .has-feedback label ~ .requiredInput .form-control-feedback {
  top: 31px; }
.has-feedback .form-control-feedback {
  margin-right: 15px; }

.has-error .form-control {
  border: 1px solid #E74C3C; }
  .has-error .form-control:focus {
    box-shadow: 0 0 5px 0 #E74C3C;
    border: 1px solid #E74C3C; }
.has-error .form-control-feedback {
  color: #E74C3C; }

.has-success .form-control {
  border: 1px solid #2ECC71; }
  .has-success .form-control:focus {
    box-shadow: 0 0 5px 0 #2ECC71;
    border: 1px solid #2ECC71; }
.has-success .form-control-feedback {
  color: #2ECC71; }

.email-msg {
  text-align: center;
  font-size: 28px;
  padding-top: 100px;
  padding-bottom: 175px; }
  @media screen and (max-width: 768px) {
    .email-msg .glyphicon {
      display: block; } }
  .email-msg .glyphicon {
    vertical-align: middle;
    font-size: 40px;
    color: #2ECC71; }

/***********for data table**********/
.font-awesome, table.dataTable thead th.sorting:after, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after {
  font: normal normal normal 16px/1 FontAwesome;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

table.dataTable thead th.sorting:after {
  content: ""; }
table.dataTable thead th.sorting_asc:after {
  content: "\f0de"; }
table.dataTable thead th.sorting_desc:after {
  content: "\f0d7"; }

div.dataTables_info, div.dataTables_paginate {
  padding-top: 20px !important; }

.message.errorM0, .message.errorM1, .message.errorM2, .message.errorM3, .message.errorM4, .message.errorM5, .message.errorM6 {
  color: #c81a25; }
  .message.errorM0 h4, .message.errorM1 h4, .message.errorM2 h4, .message.errorM3 h4, .message.errorM4 h4, .message.errorM5 h4, .message.errorM6 h4 {
    color: #841119; }

.message.confirmM0, .message.confirmM1, .message.confirmM2, .message.confirmM3, .message.confirmM4, .message.confirmM5, .message.confirmM6 {
  color: #2ECC71; }
  .message.confirmM0 h4, .message.confirmM1 h4, .message.confirmM2 h4, .message.confirmM3 h4, .message.confirmM4 h4, .message.confirmM5 h4, .message.confirmM6 h4 {
    color: green; }

.cstm-radio-input input[type="radio"], .cstm-radio-input input[type="checkbox"] {
  position: absolute;
  height: 0.01px;
  width: 0.01px;
  display: none; }
  .cstm-radio-input input[type="radio"]:checked + label:before, .cstm-radio-input input[type="checkbox"]:checked + label:before {
    border: 5px solid #59b8da; }
.cstm-radio-input label:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  background: #ffffff;
  margin: 5px;
  border: 1px solid #CCCCCC;
  border-radius: 50%; }

.nav-tabs-dropdown {
  display: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.nav-tabs-dropdown:before {
  content: "\e114";
  font-family: 'Glyphicons Halflings';
  position: absolute;
  right: 30px; }

@media screen and (min-width: 769px) {
  #nav-tabs-wrapper {
    display: block !important; } }
@media screen and (max-width: 768px) {
  .nav-tabs-dropdown {
    display: block; }

  #nav-tabs-wrapper {
    display: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    text-align: center; }

  .nav-tabs-horizontal {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }

  .nav-tabs-horizontal > li {
    float: none; }

  .nav-tabs-horizontal > li + li {
    margin-left: 2px; }

  .nav-tabs-horizontal > li,
  .nav-tabs-horizontal > li > a {
    background: transparent;
    width: 100%; }

  .nav-tabs-horizontal > li > a {
    border-radius: 4px; }

  .nav-tabs-horizontal li.active a {
    background-color: #b11721;
    color: #ffffff; }
    .nav-tabs-horizontal li.active a:hover {
      background-color: #c81a25;
      color: #ffffff; }
    .nav-tabs-horizontal li.active a:active {
      background-color: #841119;
      color: #ffffff; } }