/* Scss Document */
/*CL SKIN STYLES*/
/*Variables*/
/*---------------------------------*/
body {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 400;
  color: #424C54; }

a {
  color: #938c0d; }

a:hover {
  color: #5b5800; }

.transition, .btn.btn-primary, .btn.btn-secondary, .btn.btn-neutral, .btn-group .btn.btn-default, #top-menu .hdr-icon, .sidebar {
  transition: ease-in-out .2s all; }

/*------- BUTTONS ---------------------------------------------*/
.checkbox label.toggle-on {
  padding-left: 11px; }

.btn {
  text-decoration: none;
  text-align: center;
  text-transform: uppercase; }
  .btn.btn-primary {
    color: #FFF !important;
    background: #c1bb00;
    border-color: #c1bb00; }
    .btn.btn-primary:hover {
      background: #757100;
      border-color: #757100; }
  .btn.btn-secondary {
    color: #FFF !important;
    background: #e79d8c;
    border-color: #e79d8c; }
    .btn.btn-secondary:hover {
      background: #da674d;
      border-color: #da674d; }
  .btn.btn-neutral {
    color: #FFF;
    background: #a9aeb2;
    border-color: #a9aeb2; }
    .btn.btn-neutral:hover {
      background: #5C6266;
      border-color: #5C6266; }
  .btn.btn-default .badge {
    background-color: #c1bb00; }
  .btn.btn-success {
    background-color: #408440;
    border-color: #408440; }
  .btn:focus {
    outline: none; }

.btn-group .btn.btn-default {
  color: #FFF;
  background: #e79d8c;
  border-color: #FFF; }
  .btn-group .btn.btn-default:hover {
    background: #d55538; }

/*------- HEADER ---------------------------------------------*/
.navbar-inverse {
  color: #FFF;
  background: #c1bb00; }
  .navbar-inverse .navbar-brand,
  .navbar-inverse .navbar-nav > li > a {
    color: #FFF; }
  .navbar-inverse .navbar-brand:hover,
  .navbar-inverse .navbar-nav > li > a:hover {
    color: #5b5800; }

@media (max-width: 410px) {
  .navbar-brand {
    font-size: 13px;
    width: calc(100% - 70px); } }

#top-menu .glyphicon {
  font-size: 20px; }

#top-menu .hdr-icon {
  padding-bottom: 11px;
  border-left: 1px solid #dbd400; }
  #top-menu .hdr-icon:hover {
    color: #FFF;
    background: #a8a200; }

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
  background-color: #8e8a00; }

/*------- NAVIGATION ---------------------------------------------*/
.sidebar {
  color: #ADADAD;
  background: #5C6266;
  padding-top: 0;
  width: 16.66666667%; }
  .sidebar .btn-expand-collapse {
    position: absolute;
    display: block;
    left: 0px;
    bottom: 0;
    width: 100%;
    padding: 8px 0;
    color: #ADADAD;
    font-size: 20px;
    text-align: center;
    background: #747c81; }
  .sidebar a {
    text-transform: uppercase;
    color: #ADADAD; }
  .sidebar .nav-sidebar li {
    border-bottom: 1px dashed #72797C; }
    .sidebar .nav-sidebar li > a:before {
      font-family: 'FontAwesome';
      font-size: 15px;
      line-height: 100%;
      display: inline-block;
      padding: 0 7px 0 0;
      width: 30px;
      text-align: center; }
    .sidebar .nav-sidebar li.nav-table-manager > a:before {
      content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">  <line x1="38.1" y1="53.3" x2="97.3" y2="53.3" fill="none" stroke="white" stroke-miterlimit="10" stroke-width="4"/>  <line x1="38.1" y1="67.9" x2="97.3" y2="67.9" fill="none" stroke="white" stroke-miterlimit="10" stroke-width="4"/>  <line x1="38.1" y1="82.5" x2="97.3" y2="82.5" fill="none" stroke="white" stroke-miterlimit="10" stroke-width="4"/>  <line x1="43" y1="38.7" x2="43" y2="97.1" fill="none" stroke="white" stroke-miterlimit="10" stroke-width="4"/>  <line x1="70.2" y1="38.7" x2="70.2" y2="97.1" fill="none" stroke="white" stroke-miterlimit="10" stroke-width="4"/>  <path d="M38.1,38.7H97.3V94.3a2.8,2.8,0,0,1-2.8,2.8H18.7a2.8,2.8,0,0,1-2.8-2.8V92.4" fill="none" stroke="white" stroke-miterlimit="10" stroke-width="4"/>  <rect x="45" y="18.3" width="23.2" height="14.51" fill="white"/>  <path d="M72.2,18.3H96a3.1,3.1,0,0,1,3.1,3.1V32.8a0,0,0,0,1,0,0h-27a0,0,0,0,1,0,0V18.3A0,0,0,0,1,72.2,18.3Z" fill="white"/>  <polygon points="27.3 55.3 15.5 40.8 12.2 59.2 16.3 58.1 19.3 69.5 26.1 67.8 23.2 56.4 27.3 55.3" fill-rule="evenodd" fill="white"/>  <path d="M4.9,84.2V27.7H32V84.2a1.8,1.8,0,0,1-1.9,1.9H6.8A1.9,1.9,0,0,1,4.9,84.2Z" fill="none" stroke="white" stroke-miterlimit="10" stroke-width="4"/>  <path d="M6.3,7.3H30.7A3.3,3.3,0,0,1,34,10.5V21.8a0,0,0,0,1,0,0H3.1a0,0,0,0,1,0,0V10.5A3.3,3.3,0,0,1,6.3,7.3Z" fill="white"/>  <rect x="38.1" y="18.3" fill="white" width="3" height="14.51"/></svg>');
    }
    .sidebar .nav-sidebar li.nav-dash > a:before {
      content: '\f0e4'; }
    .sidebar .nav-sidebar li.nav-hmpg > a:before {
      content: '\f015'; }
    .sidebar .nav-sidebar li.nav-navi > a:before {
      content: '\f0e8'; }
    .sidebar .nav-sidebar li.nav-pgbldr > a:before {
      content: '\f15b'; }
    .sidebar .nav-sidebar li.nav-files > a:before {
      content: '\f1c5'; }
    .sidebar .nav-sidebar li.nav-news > a:before {
      content: '\f1ea'; }
    .sidebar .nav-sidebar li.nav-cal > a:before {
      content: '\f073'; }
    .sidebar .nav-sidebar li.nav-gall > a:before {
      content: '\f030'; }
    .sidebar .nav-sidebar li.nav-directory > a:before {
      content: '\f0c0'; }
    .sidebar .nav-sidebar li.nav-alias > a:before {
      content: '\f02e'; }
    .sidebar .nav-sidebar li.nav-global > a:before {
      content: '\f0ac'; }
    .sidebar .nav-sidebar li.nav-resources > a:before {
      content: '\f07c'; }
    .sidebar .nav-sidebar li.nav-comm > a:before {
      content: '\f0a1'; }
    .sidebar .nav-sidebar li.nav-forms > a:before {
      content: '\f0f6'; }
    .sidebar .nav-sidebar li.nav-faq > a:before {
      content: '\f02d'; }
    .sidebar .nav-sidebar li.nav-rules > a:before {
      content: '\f0e3'; }
    .sidebar .nav-sidebar li.nav-complaints > a:before {
      content: '\f06a'; }
    .sidebar .nav-sidebar li.nav-meetings > a:before {
      content: '\f086'; }
    .sidebar .nav-sidebar li.nav-tasks > a:before {
      content: '\f03a'; }
    .sidebar .nav-sidebar li.nav-license > a:before {
      content: '\f2c2'; }
    .sidebar .nav-sidebar li.nav-user > a:before {
      content: '\f007'; }
    .sidebar .nav-sidebar li.nav-report > a:before {
      content: '\f200'; }
      .sidebar .nav-sidebar li.nav-animal > a:before {
        content: '\f1b0'; }
    .sidebar .nav-sidebar li.active > a,
    .sidebar .nav-sidebar li.active > a:hover,
    .sidebar .nav-sidebar li.active > a:focus {
      background: #424C54; }
  .sidebar .nav-sidebar.nav > li > a:focus,
  .sidebar .nav-sidebar.nav > li > a:hover {
    color: #FFF;
    background: #74797C; }
  .sidebar.collapsed {
    width: 50px; }
    .sidebar.collapsed .text {
      display: none; }
    .sidebar.collapsed a:before {
      font-size: 20px; }
  @media (max-width: 991px) {
    .sidebar {
      width: 100%;
      position: relative;
      min-height: 1px;
      padding: 0;
      top: 0; }
      .sidebar .nav-sidebar {
        text-align: center;
        margin: 0; }
        .sidebar .nav-sidebar li {
          display: inline-block; }
          .sidebar .nav-sidebar li a {
            padding: 15px; }
            .sidebar .nav-sidebar li a:before {
              font-size: 24px; }
      .sidebar .text,
      .sidebar .btn-expand-collapse {
        display: none; } }
  .sidebar.collapsed + .main {
    margin-left: 49px;
    width: calc(100% - 50px); }

@media (max-width: 991px) {
  .main {
    margin-left: 0;
    width: 100%; } }

/*------- PAGINATION ---------------------------------------------*/
.pagination > li > a,
.pagination > li > span {
  color: #8e8a00; }

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: #c1bb00; }

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  color: #FFF;
  background-color: #c1bb00;
  border-color: #c1bb00; }

/*------- TABLES ---------------------------------------------*/
.table > tbody > tr > th {
  font-size: 11px;
  line-height: 100%;
  color: #FFF;
  padding-top: 6px;
  padding-bottom: 6px;
  vertical-align: middle;
  background: #a9aeb2; }

/*------- FORMS ---------------------------------------------*/
.form-control:focus {
  border-color: #5C6266;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.4); }

/*------- MAIN ---------------------------------------------*/
h4 {
  color: #938c0d; }
  h4.section-title {
    border-bottom: 1px solid #938c0d;
    padding-bottom: 3px; }

h3 {
  font-weight: 300; }

.ui-sortable {
  margin-left: 0;
  margin-right: 0; }

form > .row:first-of-type h4 {
  font-weight: 800;
  font-size: 20px; }

/*------- DASHBOARD ---------------------------------------------*/
.dash-title {
  font-size: 40px;
  font-weight: 300;
  text-align: center;
  color: #c1bb00;
  padding-bottom: 10px; }

#widget-help {
  text-align: center; }
  #widget-help .btn {
    font-weight: bold;
    width: 300px; }
  #widget-help span {
    color: #8e959a; }
  #widget-help .btn + span {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px; }
  @media screen and (max-width: 1023px) {
    #widget-help .btn {
      display: block;
      margin: 0 auto; }
    #widget-help span {
      display: block;
      margin: 0 auto;
      padding: 8px 0; } }

#univ-sites {
  text-align: center;
  padding-bottom: 70px; }
  #univ-sites .btn-lg {
    font-size: 17px;
    display: inline-block;
    margin: 5px;
    width: 48%;
    white-space: normal; }
    @media (max-width: 1170px) {
      #univ-sites .btn-lg {
        display: block;
        width: 100%; } }

/*------- LOGIN ---------------------------------------------*/
#login-landing {
  background: url(../images/bkg-circ-pattern.png) #5C6266; }
  #login-landing h1 {
    font-weight: 300;
    text-align: center;
    margin-top: 5px;
    color: #8e959a; }
  #login-landing .form-group {
    margin-bottom: 0; }

#login-pod {
  text-align: left;
  background: #fff;
  padding: 60px 35px;
  width: 400px;
  margin: 15% auto 0;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75); }
  #login-pod h2 {
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    color: #8e959a;
    margin-top: 0;
    padding: 0; }
  #login-pod img {
    margin: 0 auto;
    display: block;
    padding-bottom: 10px; }
  #login-pod label {
    padding-top: 15px; }
  #login-pod .btn {
    margin-top: 20px; }
