/*=========================== 
           Variables 
=============================*/
@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,700|Raleway:300,400,600,700,800");
/*=========================== 
           Mixins 
=============================*/
/*-------------gutters------------*/
.gutter, .my-lg-gutter, .my-md-gutter, .my-sm-gutter, .my-xs-gutter {
  clear: both;
  overflow: hidden;
  position: relative;
  width: 100%;
  opacity: 0; }

.my-lg-gutter {
  height: 20px; }

.my-md-gutter {
  height: 15px; }

.my-sm-gutter {
  height: 10px; }

.my-xs-gutter {
  height: 5px; }

a {
  color: #4f8ab4; }

h2 {
  color: #0061a5; }

/*=========================== 
            Global
=============================*/
body {
  font-family: "PT Sans", sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: #757575;
  background-color: #FFFFFF; }

* {
  margin: 0; }

html, body {
  height: 100%; }

.wrapper-all {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto; }

.clearfix-all {
  clear: both;
  height: 100px; }

.both {
  clear: both; }

.breadcrumb {
  background-color: transparent; }
  .breadcrumb li {
    font-size: 12px; }
    .breadcrumb li a {
      text-decoration: underline; }
  .breadcrumb .active {
    color: #757575; }

.search-bar input {
  padding-right: 30px;
  background-color: #f0f4f7;
  border: none !important;
  box-shadow: none !important;
  -webkit-top-right-radius: 4px !important !important;
  -moz-border-radius-topright: 4px !important !important;
  -ms-border-top-right-radius: 4px !important !important;
  border-top-right-radius: 4px !important !important;
  -webkit-bottom-right-radius: 4px !important !important;
  -moz-border-radius-bottomright: 4px !important !important;
  -ms-border-bottom-right-radius: 4px !important !important;
  border-bottom-right-radius: 4px !important !important; }
.search-bar .form-control-feedback {
  font-size: 20px;
  color: #0061a5;
  top: 6px;
  right: 1px; }
.search-bar .bs-dropdown-to-select-group {
  outline-color: transparent !important; }
  .search-bar .bs-dropdown-to-select-group:hover, .search-bar .bs-dropdown-to-select-group:focus, .search-bar .bs-dropdown-to-select-group:active {
    outline-color: transparent !important; }
  .search-bar .bs-dropdown-to-select-group .btn-default {
    background-color: #0061a5 !important;
    color: #FFFFFF;
    border: 1px solid #0061a5;
    box-shadow: none !important; }
    .search-bar .bs-dropdown-to-select-group .btn-default:hover, .search-bar .bs-dropdown-to-select-group .btn-default:active, .search-bar .bs-dropdown-to-select-group .btn-default:focus {
      background-color: #2176af !important;
      color: #FFFFFF;
      border: 1px solid #2176af;
      box-shadow: none !important;
      outline-color: transparent !important; }
    .search-bar .bs-dropdown-to-select-group .btn-default .caret {
      margin-left: 5px; }
  .search-bar .bs-dropdown-to-select-group .dropdown-menu li a:hover {
    background-color: #2176af;
    color: #FFFFFF; }
@media (max-width: 768px) {
  .search-bar .form-group {
    margin: 0px 15px 15px; } }

.add-btn {
  padding: 6px 15px 6px 0px;
  float: right;
  border: none;
  color: #0061a5;
  font-weight: bold;
  text-transform: uppercase;
  background-color: transparent; }
  .add-btn:hover, .add-btn:focus, .add-btn:active {
    background-color: transparent !important;
    color: #4f8ab4;
    box-shadow: none;
    text-decoration: underline; }
    .add-btn:hover .fa-plus-square, .add-btn:hover .fa-pencil-square-o, .add-btn:focus .fa-plus-square, .add-btn:focus .fa-pencil-square-o, .add-btn:active .fa-plus-square, .add-btn:active .fa-pencil-square-o {
      color: #4f8ab4; }
  .add-btn .fa-plus-square, .add-btn .fa-pencil-square-o {
    font-size: 20px;
    vertical-align: middle;
    color: #0061a5; }

.export-btn {
  padding: 10px 0px 0px 15px;
  font-size: 14px;
  text-transform: none;
  float: right;
  border: none;
  color: #0061a5;
  background-color: transparent;
  text-decoration: underline; }
  .export-btn:hover, .export-btn:focus, .export-btn:active {
    background-color: transparent !important;
    color: #4f8ab4;
    box-shadow: none;
    text-decoration: underline; }
    .export-btn:hover .fa-file-excel-o, .export-btn:focus .fa-file-excel-o, .export-btn:active .fa-file-excel-o {
      color: #4f8ab4; }
  .export-btn .fa-file-excel-o {
    font-size: 14px;
    vertical-align: middle;
    color: #757575;
    margin-right: 5px; }
  @media (max-width: 768px) {
    .export-btn {
      float: left; } }

.dropdown-list .form-control {
  background-color: transparent;
  box-shadow: none !important;
  border: 1px solid #ccc !important; }
  .dropdown-list .form-control:focus {
    border: 1px solid #ccc;
    box-shadow: none; }

.error-msg {
  color: #da200b;
  font-size: 11px; }

.red-color {
  color: #da200b; }

.capitalize {
  text-transform: capitalize; }

.text-left {
  text-align: left; }

.clear-txt {
  text-transform: none; }

.page-title {
  margin: 0px 0px 0px 15px;
  font-size: 25px;
  font-family: "Raleway", sans-serif;
  font-weight: bold; }

.event-list .form-control, .user-list .form-control {
  background-color: transparent;
  box-shadow: none !important;
  border: 1px solid #ccc !important; }
  .event-list .form-control:focus, .user-list .form-control:focus {
    border: 1px solid #ccc;
    box-shadow: none; }
@media (max-width: 768px) {
  .event-list, .user-list {
    padding: 0px 30px; } }

.table-padding {
  padding-left: 30px;
  padding-right: 30px; }

.table {
  font-size: 15px;
  margin-bottom: 0px; }
  .table thead tr {
    background-color: #7a96ab;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 400;
    font-family: "Raleway", sans-serif;
    vertical-align: top; }
    .table thead tr .header {
      padding: 8px; }
    .table thead tr th {
      border: none !important;
      padding: 8px !important;
      width: auto !important;
      white-space: nowrap; }
      .table thead tr th:first-child, .table thead tr th:last-child {
        padding: 8px 20px !important; }
      @media screen and (max-width: 1115px) {
        .table thead tr th {
          font-size: 14px; } }
  .table tbody tr {
    background: #FFFFFF; }
    .table tbody tr:hover {
      background-color: #e2e9ef; }
    .table tbody tr .btn-col {
      text-align: center; }
      .table tbody tr .btn-col .fa-pencil {
        color: #757575; }
        .table tbody tr .btn-col .fa-pencil:hover {
          color: #2176af; }
      .table tbody tr .btn-col .deactivate-btn {
        color: #da200b; }
        .table tbody tr .btn-col .deactivate-btn:hover {
          color: #2176af; }
      .table tbody tr .btn-col .activate-btn {
        color: #757575; }
        .table tbody tr .btn-col .activate-btn:hover {
          color: #2176af; }
    .table tbody tr:nth-child(even) {
      background: #f0f4f7; }
      .table tbody tr:nth-child(even):hover {
        background-color: #e2e9ef; }
    .table tbody tr td {
      border: none;
      vertical-align: middle;
      padding: 8px !important;
      /*img {
          margin: 0 auto;
          width: 120px;
          height: 80px;
      }*/ }
      .table tbody tr td a {
        text-decoration: underline; }
      .table tbody tr td:first-child, .table tbody tr td:last-child {
        padding: 8px 20px !important; }

/*=========================== 
        Fixed Navbar 
=============================*/
.navbar-fixed-top {
  background-color: #0061a5;
  border-radius: 0;
  border: 0;
  font-size: 15px;
  font-weight: bold;
  min-height: 75px !important; }
  @media (min-width: 300px) and (max-width: 767px) {
    .navbar-fixed-top .navbar-header {
      margin-right: 0%; } }
  @media (min-width: 768px) and (max-width: 820px) {
    .navbar-fixed-top .navbar-header {
      margin-right: 10%; } }
  .navbar-fixed-top .navbar-header .navbar-brand {
    margin-left: 0px; }
    .navbar-fixed-top .navbar-header .navbar-brand img {
      width: 75%; }
  .navbar-fixed-top .navbar-header .navbar-toggle {
    margin: 20px 0px;
    border-color: #FFFFFF;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    border-radius: 0px !important; }
    .navbar-fixed-top .navbar-header .navbar-toggle:hover, .navbar-fixed-top .navbar-header .navbar-toggle:focus {
      background-color: #2176af; }
    .navbar-fixed-top .navbar-header .navbar-toggle .icon-bar {
      background-color: #FFFFFF; }
  .navbar-fixed-top .navbar-collapse .navbar-nav .active a {
    background-color: #2176af;
    color: #FFFFFF; }
    .navbar-fixed-top .navbar-collapse .navbar-nav .active a:hover {
      font-weight: bold;
      color: #FFFFFF; }
    .navbar-fixed-top .navbar-collapse .navbar-nav .active a:focus {
      color: #FFFFFF;
      outline-color: transparent; }
  .navbar-fixed-top .navbar-collapse .navbar-nav li {
    margin: 0px 5px; }
    @media (max-width: 1225px) {
      .navbar-fixed-top .navbar-collapse .navbar-nav li {
        margin: 0px 1px; } }
    .navbar-fixed-top .navbar-collapse .navbar-nav li:hover {
      background-color: #2176af; }
      .navbar-fixed-top .navbar-collapse .navbar-nav li:hover a {
        font-weight: bold; }
    .navbar-fixed-top .navbar-collapse .navbar-nav li a {
      line-height: 50px;
      color: #FFFFFF;
      font-family: "Raleway", sans-serif;
      font-weight: normal; }
      @media (max-width: 1225px) {
        .navbar-fixed-top .navbar-collapse .navbar-nav li a {
          padding: 15px 5px;
          font-size: 13px; } }
  .navbar-fixed-top .navbar-collapse .logout-nav {
    float: right; }
  .navbar-fixed-top .navbar-collapse.in .navbar-nav li {
    margin-bottom: 5px; }

@media (max-width: 960px) {
  .navbar-header {
    float: none; }

  .navbar-left, .navbar-right {
    float: none !important; }

  .navbar-toggle {
    display: block; }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px; }

  .navbar-collapse.collapse {
    display: none !important; }

  .navbar-nav {
    float: none !important;
    margin-top: 7.5px; }

  .navbar-nav > li {
    float: none; }

  .navbar-nav > li > a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    line-height: 20px !important; }

  .collapse.in {
    display: block !important; } }
/*=========================== 
            Courses
=============================*/
.courses-page .courses-table table thead tr th:first-child {
  width: 25% !important; }
.courses-page .courses-table table thead tr th:nth-child(2) {
  width: 35% !important; }
@media (max-width: 768px) {
  .courses-page .add-btn {
    margin-left: 15px;
    float: left; } }

/*=========================== 
    Events / Presentations
=============================*/
.events-page {
  /*.event-list {
      .form-control {
          background-color: transparent;
          box-shadow: none !important;
          border: 1px solid #ccc !important;
          
          &:focus {
              border: 1px solid #ccc;
              box-shadow: none;
          }
      }
  }*/ }
  .events-page .event-table table thead tr th:first-child {
    width: 25% !important; }
  .events-page .event-table table thead tr th:nth-child(2) {
    width: 18% !important; }

/*=========================== 
           Attendees 
=============================*/
.attendees-page {
  /*.thumbnail {
      border: none;
      padding: 0px;
      margin-left: -10px;
      
      img {max-height: 300px;}
  }*/ }
  .attendees-page .event-details {
    padding-left: 30px; }
    .attendees-page .event-details h1 {
      margin: 0px 0px 10px 0px; }
    .attendees-page .event-details .evt-info {
      color: #0061a5; }
      .attendees-page .event-details .evt-info i {
        float: left;
        padding-right: 20px;
        padding-top: 5px; }
      .attendees-page .event-details .evt-info p {
        float: left;
        margin-top: 0;
        margin-bottom: 25px; }
  .attendees-page .attendees-table table thead tr th:first-child {
    width: 25% !important; }
  .attendees-page .attendees-table table thead tr th:nth-child(2) {
    width: 30% !important; }

/*=========================== 
         Offices list 
=============================*/
.offices-page {
  /*.offices-table {}*/ }

/*=========================== 
         Office Details
=============================*/
.office-details-page, .users-list-page {
  /*.user-list {
      @extend .event-list;
  }*/
  /*.user-table {}*/ }
  .office-details-page .office-title, .users-list-page .office-title {
    margin-left: 15px;
    font-family: "Raleway", sans-serif;
    font-size: 25px;
    font-weight: 600; }
  .office-details-page .office-info i, .users-list-page .office-info i {
    float: left;
    padding-right: 20px;
    padding-top: 5px;
    color: #0061a5; }
  .office-details-page .office-info p, .users-list-page .office-info p {
    float: left;
    margin-top: 0;
    margin-bottom: 25px;
    color: #757575; }

/*=========================== 
        Users List
=============================*/
.users-list-page {
  /*.user-list {
      @extend .event-list;
  }*/ }
  @media (max-width: 768px) {
    .users-list-page .add-btn {
      margin-left: 15px;
      float: left; } }

/*=========================== 
     Certificates page
=============================*/
.certificates-page .certificate-table table thead tr th:first-child {
  width: 25% !important; }
.certificates-page .certificate-table table thead tr th:nth-child(2) {
  width: 45% !important; }
@media (max-width: 768px) {
  .certificates-page .add-btn {
    margin-left: 15px;
    float: left; } }

/*=========================== 
       Restricted Access
=============================*/
.restricted-page {
  min-height: 300px; }
  .restricted-page .jumbotron {
    background-color: #f0f4f7; }
    .restricted-page .jumbotron h1 {
      font-size: 34px;
      text-align: center; }
    .restricted-page .jumbotron p {
      font-size: 20px;
      text-align: center; }

/*=========================== 
        Add event Modal
=============================*/
.add_event_modal .input-group-addon, .edit_event_modal .input-group-addon, .close_event_modal .input-group-addon, .add_cert_modal .input-group-addon, .edit_cert_modal .input-group-addon {
  background-color: #f0f4f7;
  border: none;
  padding: 6px 0px 6px 10px; }
  .add_event_modal .input-group-addon .fa-calendar, .edit_event_modal .input-group-addon .fa-calendar, .close_event_modal .input-group-addon .fa-calendar, .add_cert_modal .input-group-addon .fa-calendar, .edit_cert_modal .input-group-addon .fa-calendar, .add_event_modal .input-group-addon .fa-clock-o, .edit_event_modal .input-group-addon .fa-clock-o, .close_event_modal .input-group-addon .fa-clock-o, .add_cert_modal .input-group-addon .fa-clock-o, .edit_cert_modal .input-group-addon .fa-clock-o {
    color: #0061a5; }
.add_event_modal .file-upload-container, .edit_event_modal .file-upload-container, .close_event_modal .file-upload-container, .add_cert_modal .file-upload-container, .edit_cert_modal .file-upload-container {
  padding: 0px 10px 0px 0px; }
  .add_event_modal .file-upload-container .file-upload-override-button, .edit_event_modal .file-upload-container .file-upload-override-button, .close_event_modal .file-upload-container .file-upload-override-button, .add_cert_modal .file-upload-container .file-upload-override-button, .edit_cert_modal .file-upload-container .file-upload-override-button {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background-color: #0061a5;
    height: 100%;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    border-radius: 5px !important;
    width: 120px;
    padding: 7px 10px;
    text-align: center;
    color: #FFFFFF; }
    .add_event_modal .file-upload-container .file-upload-override-button:hover, .edit_event_modal .file-upload-container .file-upload-override-button:hover, .close_event_modal .file-upload-container .file-upload-override-button:hover, .add_cert_modal .file-upload-container .file-upload-override-button:hover, .edit_cert_modal .file-upload-container .file-upload-override-button:hover {
      background-color: #2176af; }
    .add_event_modal .file-upload-container .file-upload-override-button:active, .edit_event_modal .file-upload-container .file-upload-override-button:active, .close_event_modal .file-upload-container .file-upload-override-button:active, .add_cert_modal .file-upload-container .file-upload-override-button:active, .edit_cert_modal .file-upload-container .file-upload-override-button:active {
      position: relative;
      top: 1px; }
    .add_event_modal .file-upload-container .file-upload-override-button .file-upload-button, .edit_event_modal .file-upload-container .file-upload-override-button .file-upload-button, .close_event_modal .file-upload-container .file-upload-override-button .file-upload-button, .add_cert_modal .file-upload-container .file-upload-override-button .file-upload-button, .edit_cert_modal .file-upload-container .file-upload-override-button .file-upload-button {
      position: absolute;
      height: 50px;
      top: -10px;
      left: -10px;
      cursor: pointer;
      opacity: 0;
      filter: alpha(opacity=0); }
  .add_event_modal .file-upload-container .file-upload-filename, .edit_event_modal .file-upload-container .file-upload-filename, .close_event_modal .file-upload-container .file-upload-filename, .add_cert_modal .file-upload-container .file-upload-filename, .edit_cert_modal .file-upload-container .file-upload-filename {
    margin-left: 10px;
    height: 100%;
    padding: 8px; }

/*=========================== 
        Edit event Modal
=============================*/
.edit_event_modal .event-details h4 {
  font-size: 18px;
  font-weight: 600;
  color: #0061a5;
  margin-bottom: 15px; }
.edit_event_modal .event-details .evt-info {
  color: #0061a5; }
  .edit_event_modal .event-details .evt-info i {
    float: left;
    padding-right: 20px;
    padding-top: 5px; }
  .edit_event_modal .event-details .evt-info p {
    float: left;
    margin-top: 0; }
.edit_event_modal .event-details .my-sm-gutter {
  height: 0px; }
.edit_event_modal .img-name {
  font-weight: 600; }

/*=========================== 
        Close event Modal
=============================*/
.close_event_modal p {
  margin: 20px 0px 0px; }

/*=========================== 
        Add Cert Modal
=============================*/
/*=========================== 
        Edit Cert Modal
=============================*/
/*=========================== 
        General Modal
=============================*/
.ZebraDialog {
  border: none !important;
  top: 15% !important; }
  .ZebraDialog .ZebraDialog_BodyOuter {
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    border-radius: 20px !important; }
  .ZebraDialog .ZebraDialog_Body {
    padding: 15px 0px !important; }
    @media screen and (max-width: 820px) {
      .ZebraDialog .ZebraDialog_Body {
        max-height: 480px;
        -webkit-border-radius: 20px !important;
        -moz-border-radius: 20px !important;
        -ms-border-radius: 20px !important;
        border-radius: 20px !important; } }
    .ZebraDialog .ZebraDialog_Body .ZebraDialog_Close {
      position: absolute;
      right: -15px;
      top: -15px;
      font-size: 30px;
      color: #FFFFFF;
      background-color: #0061a5;
      -webkit-border-radius: 50% !important;
      -moz-border-radius: 50% !important;
      -ms-border-radius: 50% !important;
      border-radius: 50% !important;
      width: 35px;
      height: 35px;
      text-align: center;
      line-height: 36px; }
      .ZebraDialog .ZebraDialog_Body .ZebraDialog_Close:hover {
        background-color: #2176af; }

/*=========================== 
           Footer 
=============================*/
.footer {
  color: #FFFFFF;
  padding: 10px 0px;
  text-align: center;
  background-color: #0061a5;
  font-size: 12px; }
  .footer p {
    margin: 0px;
    color: #FFFFFF; }

/*=========================== 
    Responsive table
=============================*/
@media screen and (max-width: 960px) {
  .table-wrapper {
    /*overflow-x: scroll;*/
    overflow-x: auto;
    display: block; } }

/*# sourceMappingURL=da-styles.css.map */