@font-face {
  font-family: "Source Sans";
  src: url("../font/SourceSansPro-Regular.otf"); }
@font-face {
  font-family: "Source Sans";
  src: url("../font/SourceSansPro-Light.otf");
  font-weight: 200; }
@font-face {
  font-family: "Source Sans";
  src: url("../font/SourceSansPro-Semibold.otf");
  font-weight: 600; }

  .wrapper,
  .ilcc-tool-wrapper {
    background:white;
    border-radius: 15px;
    border:1px solid #dedede;
  }


.input-label {
  font-weight: 900;
  font-family: signika;
  letter-spacing: 1px;
}

  .tab-wrapper {
    width:100%;
    border-bottom:5px solid #57BA5F;
    margin-bottom:20px;
    font-size:0;
    letter-spacing: 0;
  }
  .tab-link {
    width:50%;
    text-align:center;
    color:white;
    background:#555;
    display:inline-block;
    padding:10px 0;
    text-decoration:none;
    font-family: Signika;
    font-size:18px;
  }
  .tab-link:hover {
    color:white;
    background:#49994f;
  }
  .tab-link,
  .tab-link:focus,
  .tab-link:active {
    outline:none !important;
  }


  .tab-selected {
    background:#57BA5F;
  }

  .ilcc-tool-header {
    padding:20px 0;
    font-family:Signika;
    letter-spacing: 1px;
    color:#555;
    font-size:12px;

  }

  .marker,
  .ilcc-tool-step {
    background-color:#eda649;
    padding:5px 20px;
    border-radius: 0 0 5px 5px;
    color:white;
    font-weight:400;
    font-size:20px;
    font-family: Signika;
    display:inline-block;
    letter-spacing: 0;
    margin-bottom:10px;
  }
  .ilcc-tool-step {
    background:#eda649;
  }

  .widget,
  .ilcc-tool-widget {
    background:#f8f8f8;
    border:1px solid #dedede;
    border-radius:5px;
    box-sizing: border-box;
  }

 .ilcc-tool-border {
   border-bottom:5px solid #eda649;
 }
 .marker-border {
   border-bottom:5px solid #eda649;
 }
 .marker-right {
   border-radius:0 5px 0 5px;
 }

  .border-color1 {
  border-color:#57BA5F;
  }
  .border-color2 {
  border-color:#321d3b;
  }
  .border-color3 {
  border-color:#911747;
  }
  .border-color4 {
  border-color:#cf5f43;
  }
  .border-color5 {
  border-color:#eda649;
  }



  .color1 {
    color: #57BA5F; }

  .bg-color1 {
    background: #57BA5F; }

  .color2 {
    color: #321d3b; }

  .bg-color2 {
    background-color: #321d3b; }

  .color3 {
    color: #911747; }

  .bg-color3 {
    background-color: #911747; }

  .color4 {
    color: #27bacb; }

  .bg-color4 {
    background-color: #27bacb; }

  .color5 {
    color: #eda649; }

  .bg-color5 {
    background-color: #eda649; }

  .color6 {
    color: #a6e1e7; }

  .bg-color6 {
    background-color: #a6e1e7; }
    /*
.color1 {
  color: #34C85C; }

.bg-color1 {
  background: #34C85C; }

.color2 {
  color: #0000ff; }

.bg-color2 {
  background-color: #ac02ca; }

.color3 {
  color: #911747; }

.bg-color3 {
  background-color: #911747; }

.color4 {
  color: #00b7ff; }

.bg-color4 {
  background-color: #00b7ff; }

.color5 {
  color: #ff6214; }

.bg-color5 {
  background-color: #ff6214; }

.color6 {
  color: #ff6214; }


.bg-color6 {
  background-color: #ff6214; }
.bg-white {
  background-color: #fff; }

*/
/* helpers */
.quarter {
  width: 25%; }

.half {
  width: 50%; }

.three-quarters {
  width: 75%; }

.third {
  width: 33.333%; }

.two-thirds {
  width: 66.666%; }

.full {
  width: 100%; }

.left {
  text-align: left; }

.center {
  text-align: center; }

.right {
  text-align: right; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.pull-center {
  margin: 0 auto; }

.inline-block {
  display: inline-block; }

.hide {
  display: none; }

.max-width {
  max-width: 1300px; }

.small {
  font-size: 13px; }

.relative {
  position: relative; }

.no-underline {
  text-decoration: none !important; }
.no-margin {
  margin:0 !important;
}

.strong {
  font-weight: bold; }

.inline {
  display: inline; }

.white {
  color: white !important; }

.padding {
  padding: 20px; }
  .label-above label {
    display: block; }
@media only screen and (max-width: 320px) {
  .center-handhelds {
    margin: auto;
    text-align: center; }

  .hide-handhelds {
    display: none; }

  .full-handhelds {
    width: 100%; }
}

@media only screen and (min-width: 321px) and (max-width: 1024px) {
  .center-tablets {
    margin: auto;
    text-align: center; }

  .hide-tablets {
    display: none; }

  .pull-right-tablets {
    float: right; }

  .pull-left-tablets {
    float: left; }

  .third-tablets {
    width: 33.333%; }

  .half-tablets {
    width: 50%; }

  .two-thirds-tablets {
    width: 66.666%; }

  .full-tablets {
    width: 100%; }



}

@media only screen and (min-width: 1024px) {
  .hide-on-desktops {
    display: none !important; }

  .pull-left-desktop {
    float: left; }

  .pull-right-desktop {
    float: right; }

  .third-desktop {
    width: 33.333%; }

  .half-desktop {
    width: 50%; }

  .two-thirds-desktop {
    width: 66.666%; }

  .margin-left-desktop {
    margin-left:5%;
  }


}

@media only screen and (min-width: 1024px) {
  .tab-link {
    font-size:15px;
    width:auto;
    min-width:138px;
    border-radius: 20px 50px 0 0;
  }
}
@media only screen and (min-width: 1200px) {
.tab-link {
  min-width:180px;
  font-size:18px;
}
}



@media only screen and (max-width: 320px) {
  .hide-on-handhelds {
    display: none !important; }

  .font-100-on-handhelds {
    font-size: 100%; } }

@media only screen and (min-width: 321px) and (max-width: 1024px) {
  .hide-on-tablets {
    display: none !important; } }


.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
 }

.clearfix:after {
  clear: both; }

::-moz-selection {
  background: #333333;
  text-shadow: none;
  color: white; }

::selection {
  background: #333333;
  text-shadow: none;
  color: white; }

html, body {
  font-family: arial, helvetica, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.3em;
  padding: 0;
  margin: 0;
  width: 100%; }


body {
  overflow-y: scroll;
  background: white;
  padding-bottom: 400px;
  height: 100%; }

html {
  height: 100%; }

#container {
  height: auto;
  min-height: 98%;
  z-index: 10;
  position: relative;
  background: #f8f8f8;
  color: #222222;
  padding-bottom: 1%;
  box-shadow: 0 0 10px #111;
  margin-bottom: 200px;
}
  @media only screen and (min-width: 1024px) {
    #container {
      margin-bottom: 250px; } }

a {
  color: #444;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease; }
  a:hover {
    color: #666666; }

a img {
  border: 0; }

strong {
  font-weight: bold; }

img {
  max-width: 100%; }

h1 {
  color:#eda649;
  font-size: 30px;
  line-height: 40px;
  margin: 0;
  font-weight: 900;
  letter-spacing: 2px;
  font-family: "Signika", sans-serif; }



h4, h5, h6 {
  color: #222222;
  font-family: "Raleway", helvetica, arial, sans-serif, sans-serif; }

h2 {
  line-height: 25px;
  color:#911747;
  font-weight: bold;
  font-size: 20px;
 }

h3 {
  font-family: "Raleway", helvetica, arial, sans-serif, sans-serif;
   }

abbr {
  position: relative; }

abbr:hover::after {
  position: absolute;
  bottom: 100%;
  width: 200px;
  display: block;
  padding: 5px;
  background: white;
  color: black;
  border: 1px solid #dddddd;
  font: 13px arial, helvetica, sans-serif;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  z-index: 1000;
  content: attr(title); }


  .tr-th td {
    background:#fff;
    color:#999;
    font-weight: bold;
    white-space: nowrap;
  }

table.table {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-collapse: collapse;
  color:#555;
  border-spacing: 0; }

table.table th {
  background: #fff; }

@media only screen and (min-width: 1024px) {
  table.table th:first-child {
    border-radius: 5px 0 0 0; }

  table.table th:last-child {
    border-radius: 0 5px 0 0; }





}

table.table tr:nth-child(odd) {
  background-color: #f5f5f5; }

table.table td, table th {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 5px 7px; }

table th {
  font-weight: bold; }

/* Mobile */
@media only screen and (max-width: 767px) {
  table.responsive {
    margin-bottom: 0; }

  .pinned {
    position: absolute;
    left: 0;
    top: 0;
    background: #dddddd;
    width: 35%;
    overflow: hidden;
    overflow-x: scroll;
    border-right: 1px solid #333333;
    border-left: 1px solid #333333; }

  .pinned table {
    border-right: none;
    border-left: none;
    width: 100%; }

  .pinned table th, .pinned table td {
    white-space: nowrap; }

  .pinned td:last-child {
    border-bottom: 0; }

  div.table-wrapper {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    border-right: 1px solid #333333; }

  div.table-wrapper div.scrollable table {
    margin-left: 35%; }

  div.table-wrapper div.scrollable {
    overflow: scroll;
    overflow-y: hidden; }

  table.responsive td, table.responsive th {
    position: relative;
    white-space: nowrap;
    overflow: hidden; }

  table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
    display: none; } }











.select-wrapper select {
  background: transparent;
  width: 268px;
  padding: 5px;
  font-family:Signika;
  font-weight:700;
  color:#333;
  letter-spacing: 1px;
  border: 0;
  border-radius: 0;
  height: 33px;
  cursor:pointer;
  padding-right:50px;
  overflow: hidden;
  -webkit-appearance: none; }

.select-wrapper {
  width: 250px;
  height: 34px;
  overflow: hidden;
  background: url(/img/select-wrapper-arrow.png) no-repeat right #fff;
  z-index: 100;
  border:1px solid #aaa;
  border-width: 1px;
  border-radius: 5px;
  position: relative;

}



.text-input {
  vertical-align: middle;
  padding: 5px;
  margin: 0;
  height: 25px;
  font: 16px/30px arial, helvetica, sans-serif;
  font-weight: 200;
  outline: none;
  border: 1px solid #dddddd;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #eee;
  min-width: 300px;
  color: #222222; }
  .text-input:focus {
    background-color: #fff; }

textarea {
  overflow: auto;
  vertical-align: top;
  padding: 1%;
  font: inherit;
  font-size: 16px;
  line-height: 18px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #222222;
  background-color: #eee;

  border: 1px solid #dddddd;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

.label {
  font-size: 10px;
  text-transform: uppercase;
  padding-top: 10px; }

input.text-input-prepend {
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  border-left: 0; }

input.text-input-append {
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-right: 0; }

.text-input-icon {
  float: left;
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border: 1px solid #dddddd;
  background: #eee;
  border-right: 0;
  padding: 0;
  height: 35px;
  width: 30px;
  margin: 0px 0;
  text-align: center;
  font-size: 16px;
  color: #555;
  line-height: 35px; }

.file-wrapper {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative; }

.file-wrapper input {
  cursor: pointer;
  font-size: 100px;
  height: 100%;
  filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  opacity: 0.01;
  position: absolute;
  right: 0;
  top: 0; }

.error-input {
  border: 1px solid red !important; }






.btn {
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 35px;
  height: 35px;
  vertical-align: top;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  margin: 5px;
  font-size: 15px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 30px;
  letter-spacing: 1px;
  color: white;
  background-color: #321d3b;
  border: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }
  .btn:hover {
    color: white;
    background-color: #221d3b; }
  .btn:active {
    outline: none !important;
    border: 0; }

.btn-small {
  padding: 4px 10px;
  margin: 0;
  height: auto;
  line-height: 1em;
  font-size: 12px; }

.btn-prepend {
  margin-right: 0;
  border-right: 1px solid #bfc1c1; }

.btn-append {
  margin-left: 0;
  border-left: 0;
  padding: 5px;
  height: 42px;
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0; }

.btn-link {
  background: transparent;
  border: 0;
  color: inherit;
  text-decoration: underline;
  cursor: pointer; }
  .btn-link:hover {
    text-decoration: none; }

.btn-alt {
  background: #ccc;
  color: #555; }
  .btn-alt:hover {
    background: #ddd;
    color: #555; }

.btn-cta {
  background: #ff1400;
  color: #111;
  text-shadow: 1px 0 #fff;
  border-color: #580099;
  /*
  -webkit-box-shadow: inset 0 1px lighten($complement2, 10%);
          box-shadow: inset 0 1px lighten($complement2, 10%);
          */ }


.btn-1 {
  background: #57BA5F; }
  .btn-1:hover {
    background: #84b143; }

.btn-2 {
  background: #321d3b; }
  .btn-2:hover {
    background: #221d3b; }

.btn-3 {
  background: #911747; }
  .btn-3:hover {
    background: #b11c57; }
.btn-4 {
  background: #00b7ff; }
  .btn-4:hover {
    background: #1697b4; }

.btn-5 {
  background: #ff6214; }
  .btn-5:hover {
    background: #eb9b32; }

.btn-admin {
  background: #4aa9e2; }
  .btn-admin:hover {
    background: #349fde; }

#user-menu-wrapper {
  margin: 20px auto; }

@media only screen and (min-width: 365px) {
  #user-menu-wrapper {
    position: absolute;
    right: 5px;
    top: 5px;
    margin: 0; } }
#main-nav {
  width: 100%;
  border-bottom:4px solid #27bacb;
  background: #fff; }
  #main-nav ul {
    padding: 0;
    margin: 0; }
  #main-nav a {
    color: #fff;
    text-decoration: none; }
  #main-nav .user-menu {
    font-size: 12px;
    display: inline; }
    #main-nav .user-menu li {
      list-style-type: none;
      margin-left: 10px;
      display: inline-block;
      font-family: Signika; }
      #main-nav .user-menu li a {
        color: #222; }
  #main-nav ul.sub-menu {
    display: none; }
    #main-nav ul.sub-menu li {
      padding-left: 5%;
      width: 95%; }
      #main-nav ul.sub-menu li:last-child {
        border-bottom: none; }
  #main-nav #page-menu li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    list-style-type: none;
    width: 50%;}
    #main-nav #page-menu li:nth-child(odd) {
      border-right: 1px solid #dddddd; }
    #main-nav #page-menu li a {
      display: inline-block;
      width: 100%;
      font-family: arial, helvetica, sans-serif;
      height: 30px;
      padding: 20px 0;
      text-align: center;
       }
      #main-nav #page-menu li a:hover {
        color: #911747; }

@media only screen and (min-width: 800px) {
  #main-nav #page-menu {

    height: 100px;
    padding-left: 175px; }
    #main-nav #page-menu li {
      height: 100%;
      line-height: 140px;
      width: auto; }
      #main-nav #page-menu li:nth-child(odd) {
        border-color: transparent; }
      #main-nav #page-menu li a {
        height: 100%;
        width: auto;
        padding: 0 6px 0 30px;
        color: #333;
        font-weight: 300;
        font-family: "Signika", sans-serif;
        font-size: 22px; }
        #main-nav #page-menu li a::before {
          content: "";
          border-radius: 50%;
          display: inline-block;
          margin-right: 5px;
          height: 10px;
          width: 10px;
          background: #911747; } }
@media only screen and (min-width: 1024px) {
  #main-nav #page-menu li a {
    padding: 0 6px 0 30px;
    font-size: 18px; } }
@media only screen and (max-width: 1330px) {
  #main-nav {
    padding: 0 1%;
    width: 98%; } }
#top-login-form-wrapper {
  position: absolute;
  background: #8aa824;
  color: white;
  width: 300px;
  margin-left: -180px;
  padding: 10px;
  z-index: 9999 !important;
  opacity: 1;
  top: 0px;
  text-align: left;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }
  #top-login-form-wrapper .text-input {
    width: 250px; }

#top-login-form-wrapper.top-login-form-wrapper-hidden {
  top: -350px;
  opacity: 0; }



/* Admin */
.admin-bar {
  width: 100%;
  background: #ddd;
  text-align: center;
 }
  .admin-bar .btn {
    background: #fff;
    color: #666 !important;
    text-shadow: none !important;
    font-size: 12px; }
    .admin-bar .btn:hover {
      color: #4aa9e2 !important; }
  @media only screen and (min-width: 321px) and (max-width: 1024px) {
    .admin-bar .btn {
      width: 49%;
      padding: 10px 0;
      margin: 1px 0;
      border-radius: 0; }
    .admin-bar .btn:nth-child(2n +1):last-child {
      width: 100%; } }
  @media only screen and (max-width: 320px) {
    .admin-bar .btn {
      width: 49%;
      padding: 10px 0;
      margin: 1px 0;
      border-radius: 0; }
    .admin-bar .btn:nth-child(2n +1):last-child {
      width: 100%; } }



.bg-header {
  text-align: center;
  padding: 0;
  position: relative;
  margin-top: 10px;
  z-index: 100; }

.bg-header:after {
  background: #ccc;
  content: "";
  width: 100%;
  height: 3px;
  top: 20px;
  left: 0;
  z-index: -2;
  position: absolute; }

.bg-header:before {
  background: #f8f8f8;
  content: "";
  width: 300px;
  height: 3px;
  top: 20px;
  left: 50%;
  margin-left: -150px;
  z-index: -1;
  position: absolute; }

.logo {
  display: block;
  margin: 0 auto;
  }
  @media only screen and (min-width: 365px) {
    .logo {
      margin: 0;
      display: inline; } }
  @media only screen and (min-width: 800px) {
    .logo {
      margin-top:5px;
      position: absolute; } }

.alert {
  background: white;
  padding: 1%;
  margin: 2% 0;
  width: 98%;
  color: #ff6214;
  font-size: 13px;
  border: 1px solid #ff6214;
  border-width: 1px 1px 1px 10px; }

header#page-header {
  display: none;
  padding: 0 2%;
  border-bottom: 1px solid #333333;
  position: fixed;
  background: #333333;
  color: #dddddd;
  width: 80%;
  border-radius: -200px 20px;
  z-index: 10;
  font-size: 10px; }
  header#page-header a {
    color: #dddddd; }

@media only screen and (max-width: 1320px) {
  .content {
    padding: 0px 2% 0px 2%; } }
.pagination ul {
  padding: 0;
  margin: 0;
  border-left: 1px solid #eee; }

.pagination ul li {
  list-style-type: none;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  border: 1px solid #eee;
  border-left: 0;
  min-width: 30px;
  text-align: center; }

.pagination ul li a {
  display: inline-block;
  text-decoration: none;
  padding: 0 10px;
  height: 100%; }

.breadcrumb {
  padding: 15px 0;
  font-size: 0; }
  .breadcrumb li {
    font-size: 12px;
    list-style-type: none;
    display: inline-block;
    background: #f8f8f8;
    line-height: 14px;
    color: #555555;
    padding: 0px 15px;
    position: relative;
    border: 0px solid #ddd; }
    .breadcrumb li a {
      color: #555555; }
    .breadcrumb li:after, .breadcrumb li:before {
      left: 100%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .breadcrumb li:after {
      border-color: transparent;
      border-left-color: #f8f8f8;
      border-width: 5px;
      top: 50%;
      margin-top: -5px;
      z-index: 2; }
    .breadcrumb li:before {
      border-color: transparent;
      border-left-color: #aaa;
      border-width: 6px;
      top: 50%;
      margin-top: -6px;
      z-index: 2; }
    .breadcrumb li:last-child:before, .breadcrumb li:last-child:after {
      display: none; }
    .breadcrumb li:last-child {
      font-style: italic; }


#page {
  min-height: 100%;
  max-width: 1300px;
  margin: 0 auto; }


#main-footer {
  width: 100%;
  padding-top: 50px;
  font-size: 0;
  position: fixed;
  bottom: 0;
  z-index: 0;
  color: #333;
  vertical-align: top;
}
  #main-footer a {
    color: #333; }
  #main-footer .footer-element-header {
    color: #333;
    font-size: 28px; }
  #main-footer ul, #main-footer li {
    padding-left: 0; }
  #main-footer .footer-element {
    width: 100%;
    height: 200px;
    padding: 0 2%;
    margin-top: 0px;
    float: left;
    font-size: 13px;
    text-align: center; }
  @media only screen and (min-width: 321px) and (max-width: 1024px) {
    #main-footer {
      height: 200px;
     }
      #main-footer .footer-element-header {
        font-size: 18px; }
      #main-footer div.footer-quick-links {
        text-align: right; }
      #main-footer .footer-quick-links-list {
        display: inline-block;
        text-align: left;
        margin: 0; }
        #main-footer .footer-quick-links-list li {
          list-style-type: none; }
      #main-footer .footer-element {
        width: 40%;
        text-align: left;
        display: inline-block; } }
  @media only screen and (min-width: 1024px) {
    #main-footer {
      height: 250px;
      }
      #main-footer .footer-element {
        width: 29%;
        text-align: left;
        display: inline-block; }
      #main-footer .footer-quick-links {
        float: right; }
        #main-footer .footer-quick-links li {
          list-style-type: none; } }

.alertify, .alertify *, .alertify-logs > *, .alertify.show {
  box-sizing: border-box; }

.alertify-logs > * {
  color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 1px; }

.alertify-logs > *, .alertify-logs > .default {
  background: rgba(0, 0, 0, 0.8); }

.alertify-logs > .error {
  background: rgba(244, 67, 54, 0.8); }

.alertify-logs > .success {
  background: rgba(76, 175, 80, 0.9); }

.alertify {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.3);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 99999; }

.alertify.hide {
  opacity: 0;
  pointer-events: none; }

.alertify, .alertify.show {
  -webkit-transition: all 0.33s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.33s cubic-bezier(0.25, 0.8, 0.25, 1); }

.alertify .dialog {
  padding: 12px; }

.alertify .alert, .alertify .dialog {
  width: 100%;
  margin: 0 auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.alertify .alert > *, .alertify .dialog > * {
  width: 400px;
  max-width: 95%;
  margin: 0 auto;
  text-align: center;
  padding: 12px;
  background: #fff;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.084); }

.alertify .alert .msg, .alertify .dialog .msg {
  padding: 12px;
  margin: 0;
  text-align: left; }

.alertify .alert input:not(.form-control), .alertify .dialog input:not(.form-control) {
  margin-bottom: 15px;
  width: 100%;
  font-size: 100%;
  padding: 12px; }

.alertify .alert input:not(.form-control):focus, .alertify .dialog input:not(.form-control):focus {
  outline-offset: -2px; }

.alertify .alert nav, .alertify .dialog nav {
  text-align: right; }

.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button), .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button) {
  background: 0 0;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.87);
  position: relative;
  outline: 0;
  border: 0;
  display: inline-block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 6px;
  margin: 6px 8px;
  line-height: 36px;
  min-height: 36px;
  white-space: nowrap;
  min-width: 88px;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px; }

.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):active, .alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):hover, .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):active, .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):hover {
  background-color: rgba(0, 0, 0, 0.05); }

.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):focus, .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):focus {
  border: 1px dashed rgba(0, 0, 0, 0.1); }

.alertify .alert nav button.btn, .alertify .dialog nav button.btn {
  margin: 6px 4px; }

.alertify-logs {
  position: fixed;
  z-index: 100; }

.alertify-logs.bottom, .alertify-logs:not(.top) {
  bottom: 16px; }

.alertify-logs.left, .alertify-logs:not(.right) {
  left: 16px; }

.alertify-logs.left > *, .alertify-logs:not(.right) > * {
  float: left;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  height: auto; }

.alertify-logs.left > .show, .alertify-logs:not(.right) > .show {
  left: 0; }

.alertify-logs.left > *, .alertify-logs.left > .hide, .alertify-logs:not(.right) > *, .alertify-logs:not(.right) > .hide {
  left: -110%; }

.alertify-logs.right {
  right: 16px; }

.alertify-logs.right > * {
  float: right;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.alertify-logs.right > .show {
  right: 0;
  opacity: 1; }

.alertify-logs.right > *, .alertify-logs.right > .hide {
  right: -110%;
  opacity: 0; }

.alertify-logs.top {
  top: 0; }

.alertify-logs > * {
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
  clear: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
  max-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none; }

.alertify-logs > .show {
  margin-top: 12px;
  opacity: 1;
  max-height: 1000px;
  padding: 12px;
  pointer-events: auto; }

.accent-bg {
  background: #8aa824; }


.alertify,
.alertify-log {
  font-family: sans-serif; }

.alertify {
  background: #FFF;
  background: rgba(255, 255, 255, 0.6);
  border: 10px solid #333;
  border: 10px solid rgba(0, 0, 0, 0.7);
  border-radius: 8px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  }

.alertify-text {
  border: 1px solid #CCC;
  padding: 10px;
  border-radius: 4px; }

.alertify-button {
  border-radius: 4px;
  color: #FFF;
  font-weight: bold;
  padding: 6px 15px;
  text-decoration: none;
}

.alertify-button:hover,
.alertify-button:focus {
  outline: none;
 }

.alertify-button:focus {
  box-shadow: 0 0 15px #2B72D5; }

.alertify-button:active {
  position: relative;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.alertify-button-cancel,
.alertify-button-cancel:hover,
.alertify-button-cancel:focus {
  background-color: #333333;
  border: 1px solid #222222; }

.alertify-button-ok,
.alertify-button-ok:hover,
.alertify-button-ok:focus {
  background-color: #ff1400;
  border: 1px solid #cc1000; }

.alertify-log {
  background: #1F1F1F;
  background: rgba(0, 0, 0, 0.9);
  padding: 15px;
  border-radius: 4px;
  color: #FFF;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5); }

.alertify-log-error {
  background: #FE1A00;
  background: rgba(254, 26, 0, 0.9); }

.alertify-log-success {
  background: #ff1400; }





  a.sort i.fa {
    margin: 0px 4px;
  }
  a.sort > i.fa-sort-asc,
  a.sort > i.fa-sort-desc {
    display: none;
  }
  a.sort.asc > i.fa-sort {
    display: none;
  }
  a.sort.asc > i.fa-sort-asc {
    display: inherit;
  }
  a.sort.desc > i.fa-sort {
    display: none;
  }
  a.sort.desc > i.fa-sort-desc {
    display: inherit;
  }











  .monogram {
    width:100px;
    height:100px;
    color:white;
    font-size:50px;
    font-weight:100;
    line-height:80px;
    position:relative;
    border-radius:50%;
    overflow:hidden;
    background:#911747;
    font-family:raleway;

  }
  .monogram-1 {
    position:absolute;
    left:25px;
    z-index:5;
  }
  .monogram-2 {
    position:absolute;
    left:40px;
    top:10px;
  }
  .monogram-name {
    position:absolute;
    bottom:10px;
    left:0;
    font-size:14px;
    line-height:14px;
    text-transform:capitalize;
    width:100%;
    text-align:center;
    font-family:signika;
  }

  .card {
    display:inline-block;
    width:250px;
    min-height:100px;
    background:#eee;
    font-family: raleway;
    border-radius: 15px;
  }
  .card-header {
    padding:10px 0;
    border-radius: 15px 15px 0 0;
  }
  .card-content {
    padding:10px;
  }

.hidden-display-none {
    display: none !important;
}


  @media only print {
    .breadcrumb,
    .admin-bar,
    #main-footer {
      display:none !important;
    }

  }

.click-div{
  cursor: pointer;
}