/* Minification failed. Returning unminified contents.
(6048,13): run-time error CSS1030: Expected identifier, found ' '
(6048,19): run-time error CSS1031: Expected selector, found ';'
(6048,19): run-time error CSS1025: Expected comma or open brace, found ';'
(6049,1): run-time error CSS1019: Unexpected token, found '}'
 */
/*   
 * Template Name: College Green - Responsive Website Template for Education & Training
 * Version: 1.0
 * Author: 3rd Wave Media
 * Website: http://elearning.3rdwavemedia.com
*/
/* ======= Base ======= */
html,
body {
  height: 100%;
}
body {
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.wrapper {
  min-height: 100%;
  margin-bottom: -344px;
  /* equal to footer height */

}
.wordbreak{word-break: break-all;}

.wrapper:after {
  content: "";
  display: block;
  height: 344px;
  /* must be the same height as footer */

}
.footer {
  height: 344px;
  /* must be the same height as footer */
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'open sans', arial, sans-serif;
  font-weight: 300;
}
p {
  color: #444444;
  font-size: 13px;
}
a {
  color: #6091ba;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
a:hover {
  text-decoration: none;
  color: #365d7e;
}
.btn {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.btn .fa {
  color: #fff;
  margin-right: 5px;
}
.btn .fa.fa-search {
  margin-right: 0;
}
.btn-theme {
  background: #6091ba;
  border: 1px solid #6091ba;
  color: #fff;
}
.btn-theme-active {
    background: #4678a1;
    border: 1px solid #6091ba;
    color: #fff;
}
.btn-theme:hover {
  background: #84aac9;
  border: 1px solid #84aac9;
  color: #fff;
}
a.btn-cta,
.btn-cta {
  background: #6091ba;
  color: #fff;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 1.33;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #6091ba;
  font-family: 'open sans', arial, sans-serif;
}
a.btn-cta:hover,
.btn-cta:hover {
  color: #fff;
  background: #84aac9;
  border: 1px solid #84aac9;
}
a.btn-cta .fa,
.btn-cta .fa {
  margin-right: 10px;
  font-size: 20px;
  color: #fff;
}
.form-control {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.form-control:focus {
  border-color: #6091ba;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
blockquote {
  font-size: 14px;
}
blockquote p {
  font-size: 14px;
  line-height: 1.5;
}
.RedDamask {
  background-color: #e27240;
}
.RedDamask:hover {
  background-color: #df622a;
}
.FireBush {
  background-color: #E28D40;
}
.FireBush:hover {
  background-color: #df802a;
}
.OliveDrab {
  background-color: #60A823;
}
.OliveDrab:hover {
  background-color: #54931f;
}
.Mojo {
  background-color: #C94139;
}
.Mojo:hover {
  background-color: #b73932;
}
.text-highlight {
  color: #27435a;
}
.highlight-border {
  border-color: #6091ba;
}
.read-more {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  font-size: 13px;
  display: block;
}
.read-more .fa {
  position: relative;
  top: 1px;
  margin-left: 5px;
}
.read-more:hover {
  text-decoration: none;
}
.carousel-fade .item {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
}
.carousel-fade .item.active {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
#topcontrol {
  background: #84aac9;
  color: #fff;
  text-align: center;
  display: inline-block;
  width: 35px;
  height: 35px;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
#topcontrol:hover {
  background: #6091ba;
}
#topcontrol .fa {
  position: relative;
  top: 3px;
  font-size: 25px;
}
.row-end {
  margin-right: 0;
  padding-right: 0;
}
ul.custom-list-style li {
  list-style: none;
}
.date-label {
  background: #f5f5f5;
  display: inline-block;
  width: 40px;
  height: 50px;
  text-align: center;
  font-size: 13px;
}
.date-label .month {
  background: #6091ba;
  color: #fff;
  display: block;
  font-size: 13px;
  text-transform: uppercase;
}
.date-label .date-number {
  clear: left;
  display: block;
  padding-top: 5px;
  font-size: 15px;
  font-family: 'open sans', arial, sans-serif;
  font-weight: 500;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #6091ba;
  border-color: #6091ba;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eef3f8;
  border-color: #a7c2d9;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.nav-tabs {
  border-bottom: none;
  position: relative;
  margin-bottom: -1px;
}
.tab-content {
  border: 1px solid #e8e8e8;
  padding: 15px;
  margin-bottom: 20px;
}
.nav > li > a {
  font-size: 13px;
}
.nav-tabs > li > a {
  border: 1px solid #e8e8e8;
  border-bottom: none;
  background: #f5f5f5;
  padding: 5px 15px;
  margin-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #444444;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
}
.nav-tabs > li {
  margin-right: 2px;
}
.nav-tabs > li.active {
  border-top: 2px solid #6091ba;
}
.nav-tabs > li.active a,
.nav-tabs > li.active a:hover,
.nav-tabs > li.active a:active,
.nav-tabs > li.active a:focus {
  border-bottom: 0;
  border-top: 0;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background: #f5f8fb;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 1px solid #ebebeb;
}
.table > thead > tr > th {
  border-bottom: 2px solid #a7c2d9;
  color: #365d7e;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background: #f5f8fb;
}
.table-boxed,
.table-bordered {
  border: 1px solid #ebebeb;
}
.table.table-boxed > thead > tr > th {
  border-bottom: none;
  background: #6091ba;
  color: #fff;
}
.panel-group .panel {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.panel-group .panel .panel-heading {
  background: none;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.panel-group .panel .panel-heading .panel-title a {
  color: #6091ba;
}
.panel-group .panel .panel-heading .panel-title a:before {
  font-family: FontAwesome;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f146";
  margin-right: 5px;
}
.panel-group .panel .panel-heading .panel-title a.collapsed:before {
  content: "\f0fe";
}
.panel-group .panel .panel-body {
  font-size: 13px;
}
.panel {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.panel .panel-heading {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.panel .panel-heading h3.panel-title {
  font-weight: 500;
}
.panel .panel-heading .label {
  font-size: 10px;
}
.panel .panel-footer {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.panel .panel-footer ul {
  margin-bottom: 0;
}
.panel .panel-footer ul.list-inline li {
  margin-bottom: 0;
}
.panel .panel-footer small {
  color: #999999;
}
.panel > .list-group .list-group-item:last-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.panel-theme {
  border-color: #6091ba;
}
.panel-theme > .panel-heading,
.panel-theme > .panel-footer {
  color: #fff;
  background: #6091ba;
  border-color: #6091ba;
}
.no-margins {
  margin: 0;
}
.no-margin-left {
  margin-left: 0;
}
.no-margin-right {
  margin-right: 0;
}
.no-margin-top {
  margin-top: 0;
}
.no-margin-bottom {
  margin-bottom: 0;
}
.label {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.label.label-theme {
  background: #6091ba;
}
.label .fa {
  margin-right: 4px;
}
.label.label-icon-only .fa {
  margin-right: 0;
}
.badge.badge-theme {
  background: #6091ba;
}
.badge.badge-default {
  background: #999;
}
.badge.badge-primary {
  background: #428bca;
}
.badge.badge-success {
  background: #5cb85c;
}
.badge.badge-info {
  background: #5bc0de;
}
.badge.badge-info {
  background: #5bc0de;
}
.badge.badge-warning {
  background: #f0ad4e;
}
.badge.badge-danger {
  background: #d9534f;
}
.promo-badge {
  font-size: 20px;
  display: table;
}
.promo-badge a {
  color: #fff;
  display: table-cell;
  width: 135px;
  height: 135px;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 5px solid #fff;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.promo-badge .percentage {
  font-size: 32px;
  font-weight: 500;
  color: #fff;
  position: relative;
  font-family: 'open sans', arial, sans-serif;
}
.promo-badge .percentage .off {
  font-size: 11px;
  position: absolute;
  top: 15px;
  right: -15px;
}
.promo-badge .desc {
  font-size: 12px;
}
.progress-bar-theme {
  background: #6091ba;
}
.img-thumbnail {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-color: #e8e8e8;
  margin-bottom: 15px;
}
#cboxLoadedContent,
#cboxContent {
  background: none;
}
.box {
  background: #f5f5f5;
  padding: 15px;
}
.box.box-border {
  border-left: 5px solid #6091ba;
}
.box.box-dark {
  background: #444444;
  color: #fff;
}
.box.box-theme {
  background: #6091ba;
  color: #fff;
}
.box .date-label {
  background: #fff;
}
.social-icons {
  list-style: none;
  padding: 10px 0;
  margin-bottom: 0;
}
.social-icons li {
  float: left;
}
.social-icons li.row-end {
  margin-right: 0;
}
.social-icons a {
  display: inline-block;
  background: #95b6d1;
  width: 32px;
  height: 32px;
  text-align: center;
  padding-top: 4px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 18px;
  margin-right: 10px;
  float: left;
}
.social-icons a:hover {
  background: #6091ba;
}
.social-icons a .fa {
  color: #fff;
}
.social-icons a .fa:before {
  font-size: 18px;
  text-align: center;
  padding: 0;
}
/* ======= Header ======= */
.header .top-bar {
  background: #2f506c;
}
.header .top-bar .search-form {
  padding: 10px 0;
}
.header .top-bar .search-form .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.header .social-icons li.row-end {
  margin-right: 0;
}
.header .social-icons a {
  background: #27435a;
}
.header .social-icons a:hover {
  background: #6091ba;
}
.header .social-icons a:hover .fa {
  color: #fff;
}
.header .social-icons a .fa {
  color: rgba(256, 256, 256, 0.4);
}
.header .social-icons a .fa:before {
  font-size: 18px;
  text-align: center;
  padding: 0;
}
.header .header-main {
  padding: 30px 0;
}
.header h1.logo {
  margin-top: 0;
  margin-bottom: 0;
}
.header .menu-top {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
  float: right;
}
.header .menu-top li {
  list-style: none;
  float: left;
  font-size: 11px;
  font-family: 'open sans', arial, sans-serif;
}
.header .menu-top li:last-child a {
  padding-right: 0;
}
.header .menu-top li.divider a {
  border-right: 1px solid #c3c3c3;
}
.header .menu-top li a {
  display: inline-block;
  color: #777777;
  padding: 0px 10px;
}
.header .menu-top li a:hover {
  color: #6091ba;
}
.header .contact {
  font-size: 20px;
  font-family: 'open sans', arial, sans-serif;
  font-weight: 300;
  margin-top: 10px;
}
.header .contact p {
  float: left;
  margin-bottom: 0;
}
.header .contact p.phone {
  margin-right: 30px;
}
.header .contact p a {
  color: #444444;
}
.header .contact .fa {
  color: #6091ba;
  margin-right: 8px;
  font-size: 18px;
  position: relative;
  top: 1px;
}
.header .contact .fa.fa-phone {
  font-size: 22px;
  top: 2px;
}
.header .search-form {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.header .search-form .form-control {
  width: 260px;
  background: #f5f5f5;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.header .search-form .form-control:focus {
  background: #fff;
  border-color: #6091ba;
}
.main-nav {
  background: #6091ba;
  margin-bottom: 30px;
}
.main-nav button {
  background: #27435a;
  color: #fff !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.main-nav button:focus {
  outline: none;
}
.main-nav button .icon-bar {
  background-color: #fff;
}
.main-nav .navbar-collapse {
  padding: 0;
}
.main-nav .nav .nav-item {
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'open sans', arial, sans-serif;
  z-index: 100;
}
.main-nav .nav .nav-item a {
  color: #dce7f0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.main-nav .nav .nav-item a:hover {
  background: #6091ba;
  color: #fff;
}
.main-nav .nav .nav-item.active {
  position: relative;
}
.main-nav .nav .nav-item.active > a {
  background: #4678a1;
  color: #fff;
}
.main-nav .nav .nav-item.active > a:before {
  content: "\f0d8";
  position: absolute;
  bottom: -8px;
  left: 0;
  text-align: center;
  font-family: FontAwesome;
  display: block;
  font-size: 12px;
  width: 100%;
}
.main-nav .nav .nav-item.active > a.dropdown-toggle:before {
  display: none;
}
.main-nav .nav .nav-item.open a {
  background: #4678a1;
  color: #fff;
}
.main-nav .nav .nav-item .dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0;
  border: none;
  padding: 0;
  text-transform: none;
  min-width: 220px;
}
.main-nav .nav .nav-item .dropdown-menu a {
  border-bottom: 1px solid #3e6a8f;
  padding: 8px 20px;
}
.main-nav .nav .nav-item .dropdown-menu a:hover {
  background: #3e6a8f;
  color: #fff;
  padding-left: 24px;
}
/* ======= Footer ======= */
.footer {
  background: #444444;
  color: #fff;
}
.footer p {
  color: #dcdcdc;
}
.footer ul {
  padding-left: 0;
}
.footer li {
  list-style: none;
}
.footer h3 {
  margin-top: 0;
  margin-bottom: 20px;
}
.footer .footer-content {
  /*padding: 30px 0;*/
  font-size: 12px;
  min-height: 30px;
}
.footer .footer-content .footer-col .footer-col-inner {
  padding: 0 15px;
}
.footer .footer-content .footer-col .fa {
  margin-right: 10px;
  display: inline-block;
  color: #767676;
}
.footer .footer-content .footer-col .fa.fa-phone {
  font-size: 16px;
}
.footer .footer-content .footer-col li {
  margin-bottom: 10px;
  font-size: 12px;
}
.footer .footer-content .footer-col a {
  color: #dcdcdc;
}
.footer .footer-content .footer-col a:hover {
  color: #84aac9;
}
.footer .footer-content .adr {
  margin-bottom: 30px;
}
.footer .footer-content .adr .fa {
  font-size: 16px;
  margin-top: 2px;
}
.footer .footer-content .subscribe-form {
  padding: 0;
}
.footer .footer-content .subscribe-form .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.footer .footer-content .subscribe-form .form-control {
  width: 320px;
  background: #f5f5f5;
  border: none;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.footer .footer-content .subscribe-form .form-control:focus {
  background: #fff;
}
.footer .bottom-bar {
  background: #2b2b2b;
  padding: 5px 0;
}
.footer .bottom-bar .copyright {
  font-size: 11px;
  color: #dcdcdc;
  line-height: 3;
}
.footer .bottom-bar .copyright a:hover {
  color: #84aac9;
}
.footer .bottom-bar .social {
  margin: 0;
}
.footer .bottom-bar .social li {
  float: right;
  margin-left: 10px;
  text-align: center;
  font-size: 18px;
  line-height: 2;
}
.footer .bottom-bar .social li a {
  color: #a9a9a9;
  padding: 0 5px;
}
.footer .bottom-bar .social li a:hover {
  color: #6091ba;
}
/* ======= FlexSlider ======= */.flexslider {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  border: 0;
}
.flexslider .flex-control-nav {
  bottom: -35px;
}
.flexslider .flex-control-paging li a {
  background: #a1a1a1;
}
.flexslider .flex-control-paging li a:hover {
  background: #6091ba;
}
.flexslider .flex-control-paging li a.flex-active {
  background: #6091ba;
}
.flexslider .slides li {
  position: relative;
}
.flexslider .slides .flex-caption {
  position: absolute;
  left: 30px;
  bottom: 30px;
  color: #fff;
  display: inline-block;
  font-family: 'open sans', arial, sans-serif;
}
.flexslider .slides .flex-caption .main {
  display: inline-block;
  background: #6091ba;
  margin-bottom: 5px;
  padding: 10px 15px;
  font-size: 18px;
  text-transform: uppercase;
}
.flexslider .slides .flex-caption .secondary {
  display: inline-block;
  background: rgba(0, 0, 0, 0.8);
  padding: 5px 15px;
  color: #fff;
  font-size: 16px;
}
.flexslider .slides .promo-badge {
  position: absolute;
  right: 60px;
  top: 30px;
}
/* ======= Page ======= */
.page-wrapper .page-heading {
  margin-bottom: 30px;
  border-bottom: 1px solid #e8e8e8;
}
.page-wrapper .page-heading h1.heading-title {
  margin-top: 0;
  display: inline-block;
  font-size: 28px;
}
.breadcrumbs {
  display: inline-block;
}
.breadcrumbs ul {
  padding-top: 25px;
  margin: 0;
}
.breadcrumbs ul li {
  color: #6091ba;
  font-size: 12px;
  float: left;
  list-style: none;
  display: inline-block;
}
.breadcrumbs ul li a {
  display: inline-block;
  padding: 0 5px;
  color: #aaaaaa;
}
.breadcrumbs ul li a:hover {
  color: #365d7e;
}
.breadcrumbs ul li.breadcrumbs-label {
  padding-right: 0;
  color: #aaaaaa;
}
.breadcrumbs ul li.current {
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumbs ul li .fa {
  margin-right: 5px;
  color: #aaaaaa;
}
.page-wrapper ul li {
  margin-bottom: 5px;
}
.page-wrapper ul li .fa {
  margin-right: 5px;
  color: #6091ba;
}
.page-wrapper ul li .btn .fa {
  margin-right: 5px;
  color: #fff;
}
.page-wrapper ul li.list-group-item {
  margin-bottom: -1px;
}
.page-wrapper ul.nav li {
  margin-bottom: 0;
}
.page-wrapper ul.social-icons li .fa {
  margin-right: 0;
  color: #fff;
}
.page-wrapper ol li {
  margin-bottom: 5px;
}
.page-wrapper dl dd {
  margin-bottom: 5px;
}
.page-wrapper .page-content h1 {
  font-size: 26px;
  font-weight: normal;
}
.page-wrapper .page-content h2 {
  font-size: 24px;
  font-weight: normal;
}
.page-wrapper .page-content h3 {
  font-size: 20px;
  font-weight: normal;
}
.page-wrapper .page-content h4 {
  font-size: 18px;
  font-weight: normal;
}
.page-wrapper .page-content h5 {
  font-size: 16px;
  font-weight: normal;
}
.page-wrapper .page-content h6 {
  font-size: 14px;
  font-weight: normal;
}
.page-wrapper .page-content .title {
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 300;
}
.page-wrapper .page-content .page-row {
  margin-bottom: 30px;
}
.page-wrapper .page-content .custom-quote {
  border-color: #a7c2d9;
}
.page-wrapper .page-content .custom-quote p {
  font-size: 14px;
  color: #777777;
  line-height: 1.5;
}
.page-wrapper .page-content .custom-quote .fa {
  color: #6091ba;
  margin-right: 10px;
}
.page-wrapper .page-content .custom-quote .people {
  margin-top: 10px;
  font-size: 11px;
  color: #444444;
  font-style: normal;
}
.page-wrapper .page-content .custom-quote .people .name {
  color: #6091ba;
}
.page-wrapper .page-content .has-divider {
  border-bottom: 1px dotted #e8e8e8;
  padding-bottom: 15px;
}
.page-wrapper .page-content .has-divider-solid {
  border-bottom: 1px solid #e8e8e8;
}
.page-wrapper .page-content .row-divider {
  border-bottom: 1px dotted #e8e8e8;
  padding: 10px 0;
}
.page-wrapper .page-content .even-row {
  background: #f5f5f5;
}
.page-wrapper .page-content .read-more.btn {
  margin-bottom: 15px;
  display: inline-block;
}
.page-wrapper .page-content .panel-title {
  font-size: 16px;
  font-weight: 300;
}
.page-wrapper .page-content .video-iframe {
  max-width: 100%;
}
.page-wrapper .page-content .album-cover {
  border: 1px solid #e8e8e8;
  margin-bottom: 30px;
}
.page-wrapper .page-content .album-cover:hover {
  -webkit-box-shadow: 0px 0px 5px 0px #e8e8e8;
  -moz-box-shadow: 0px 0px 5px 0px #e8e8e8;
  box-shadow: 0px 0px 5px 0px #e8e8e8;
}
.page-wrapper .page-content .album-cover > a:hover {
  position: relative;
}
.page-wrapper .page-content .album-cover > a:hover img {
  display: block;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.page-wrapper .page-content .album-cover .desc {
  padding: 15px;
  position: relative;
}
.page-wrapper .page-content .album-cover .desc:before {
  content: "";
  display: block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  top: -10px;
}
.page-wrapper .page-content .prettyphoto:hover img {
  -webkit-box-shadow: 0px 0px 5px 0px #e8e8e8;
  -moz-box-shadow: 0px 0px 5px 0px #e8e8e8;
  box-shadow: 0px 0px 5px 0px #e8e8e8;
}
.page-wrapper .page-sidebar h3.title {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 20px;
}
.page-wrapper .page-sidebar .widget {
  margin-bottom: 30px;
  padding-bottom: 15px;
}
.page-wrapper .page-sidebar .widget.has-divider {
  border-bottom: 1px dotted #e8e8e8;
}
.page-wrapper .page-sidebar .widget .iframe {
  height: auto;
  min-height: 200px;
  max-width: 100%;
}
.page-wrapper .page-sidebar .widget .fa {
  margin-right: 5px;
  color: #6091ba;
}
.page-wrapper .page-sidebar .widget .fa.fa-phone {
  font-size: 16px;
}
.page-wrapper .page-sidebar .widget .btn .fa {
  color: #fff;
}
.page-wrapper .page-sidebar .widget .nav li a {
  padding: 5px 15px;
  color: #444444;
  margin-bottom: 10px;
  border-left: 5px solid transparent;
}
.page-wrapper .page-sidebar .widget .nav li a:hover {
  background: none;
  color: #6091ba;
}
.page-wrapper .page-sidebar .widget .nav li.active a {
  background: none;
  color: #6091ba;
  font-weight: bold;
  border-left: 5px solid #6091ba;
}
.page-wrapper .page-sidebar ul {
  padding-left: 0;
}
.page-wrapper .page-sidebar #flickr-photos li {
  list-style: none;
  float: left;
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 5px;
}
.page-wrapper .page-sidebar #flickr-photos li img {
  max-width: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.page-wrapper .page-sidebar #flickr-photos li img:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.page-wrapper .page-sidebar .news-item {
  margin-bottom: 15px;
}
.page-wrapper .page-sidebar .news-item img {
  width: 40px;
  height: 40px;
}
.page-wrapper .page-sidebar .news-item .title {
  font-size: 14px;
  margin-top: 0;
}
.page-wrapper .page-sidebar .testimonials-carousel {
  position: relative;
}
.page-wrapper .page-sidebar .testimonials-carousel .fa {
  color: #6091ba;
  margin-right: 5px;
  font-size: 18px;
}
.page-wrapper .page-sidebar .testimonials-carousel .carousel .item {
  min-height: 300px;
}
.page-wrapper .page-sidebar .testimonials-carousel .people {
  margin-top: 10px;
}
.page-wrapper .page-sidebar .testimonials-carousel .people .name {
  color: #6091ba;
}
.page-wrapper .page-sidebar .testimonials-carousel .people .title {
  color: #999;
}
.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls {
  margin-top: 20px;
  text-align: right;
}
.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls a .fa {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  background: #dddddd;
  color: #fff;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-right: 0;
  font-size: 15px;
}
.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls a.next .fa {
  padding-top: 2px;
  padding-right: 1px;
}
.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls a.prev .fa {
  padding-top: 2px;
  padding-right: 1px;
}
.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls a:hover .fa {
  background: #6091ba;
}
/* ======= Configure Style ======= */
.config-wrapper {
  position: absolute;
  top: 100px;
  right: 0;
}
.config-wrapper-inner {
  position: relative;
}
.config-trigger {
  display: block;
  position: absolute;
  left: -36px;
  width: 36px;
  height: 36px;
  background: #444444;
  color: #fff;
  text-align: center;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.config-trigger:hover {
  background: #000;
}
.config-trigger .fa {
  font-size: 22px;
  padding-top: 8px;
  display: block;
  color: #fff;
}
.config-panel {
  display: none;
  background: #444444;
  color: #fff;
  padding: 15px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.config-panel p {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
  color: #fff;
}
.config-panel ul {
  margin-bottom: 0;
}
.config-panel li a {
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
}
.config-panel li a:hover {
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  border: 2px solid rgba(256, 256, 256, 0.8);
}
.config-panel li.active a {
  border: 2px solid #fff;
}
.config-panel li.default a {
  background: #6091ba;
}
.config-panel li.green a {
  background: #57a89a;
}
.config-panel li.purple a {
  background: #6f7a9f;
}
.config-panel li.red a {
  background: #a85770;
}
.config-panel .close {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #fff;
}
.config-panel .close .fa {
  color: #fff;
}
.ie8 .footer .footer-content {
  min-height: 280px;
}
.ie8 .navbar-nav {
  position: relative;
  z-index: 100;
}
/* ======= Home Page ======= */
.home-page h1.section-heading {
  font-size: 22px;
  font-weight: 300;
  line-height: 2;
  margin-top: 0;
  color: #2f506c;
}
.home-page h1.section-heading .line {
  border-top: 2px solid #6091ba;
  display: inline-block;
  padding: 0 15px;
  padding-top: 5px;
}
.home-page section {
  background: #f5f5f5;
  overflow: hidden;
  margin-bottom: 30px;
}
.home-page .section-content {
  padding: 15px;
  padding-top: 0;
}
.home-page .carousel-controls a .fa {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  background: #dddddd;
  color: #fff;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-right: 0;
  font-size: 15px;
}
.home-page .carousel-controls a.next .fa {
  padding-top: 2px;
  padding-right: 1px;
}
.home-page .carousel-controls a.prev .fa {
  padding-top: 2px;
  padding-right: 1px;
}
.home-page .carousel-controls a:hover .fa {
  background: #6091ba;
}
.home-page .promo {
  margin-bottom: 30px;
}
.home-page .promo h1.section-heading {
  margin-top: 0;
  font-size: 24px;
  color: #fff;
}
.home-page .promo p {
  color: #f5f5f5;
}
.home-page .promo .btn-cta {
  font-size: 20px;
  margin-top: 30px;
  font-family: 'Open Sans', arial, sans-serif;
}
.home-page .news {
  position: relative;
}
.home-page .news .carousel-controls {
  position: absolute;
  right: 10px;
  top: 10px;
}
.home-page .news h2.title {
  font-size: 18px;
  margin-top: 0;
}
.home-page .news h2.title a {
  color: #444444;
}
.home-page .news h2.title a:hover {
  color: #365d7e;
}
.home-page .news .news-item {
  padding-left: 115px;
  position: relative;
  margin-bottom: 20px;
}
.home-page .news .thumb {
  position: absolute;
  left: 0;
  top: 0;
}
.home-page .events .section-content {
  min-height: 520px;
}
.home-page .events .event-item {
  position: relative;
  padding-left: 55px;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 10px;
}
.home-page .events .event-item .date-label {
  background: #fff;
  position: absolute;
  left: 0;
}
.home-page .events .event-item h2.title {
  margin-bottom: 20px;
  font-size: 16px;
}
.home-page .events .event-item p {
  margin-bottom: 5px;
}
.home-page .events .event-item .fa {
  margin-right: 5px;
  font-size: 14px;
  min-width: 16px;
  color: #666;
}
.home-page .events .event-item .fa.fa-map-marker {
  font-size: 18px;
}
.home-page .events .read-more {
  margin-top: 15px;
}
.home-page .events .details p {
  color: #666;
}
.home-page .course-finder .course-finder-form {
  margin-bottom: 15px;
}
.home-page .course-finder .keywords {
  padding-left: 0;
}
.home-page .course-finder .keywords input {
  width: 200px;
  margin-right: 5px;
}
.home-page .video {
  position: relative;
}
.home-page .video .carousel-controls {
  position: absolute;
  right: 10px;
  top: 10px;
}
.home-page .video .video-iframe {
  max-width: 100%;
  width: 100%;
  height: 287px;
  margin-bottom: 5px;
}
.home-page .links .fa {
  margin-right: 5px;
}
.home-page .testimonials {
  position: relative;
}
.home-page .testimonials .carousel-controls {
  position: absolute;
  right: 10px;
  top: 10px;
}
.home-page .testimonials .fa {
  color: #6091ba;
  margin-right: 5px;
  font-size: 18px;
}
.home-page .testimonials .carousel .item {
  min-height: 298px;
}
.home-page .testimonials .people {
  margin-top: 10px;
}
.home-page .testimonials .people .name {
  color: #6091ba;
}
.home-page .testimonials .people .title {
  color: #999;
}
.home-page .awards {
  background: #fff;
}
.home-page .awards .logos {
  margin: 0;
  padding: 0;
}
.home-page .awards .logos li {
  list-style: none;
  margin-right: 0;
  text-align: center;
}
.home-page .awards .logos li img {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  margin: 0 auto;
}
.home-page .awards .logos li img:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.home-page .awards .carousel-control {
  background: none;
  width: auto;
  top: 20px;
  text-shadow: none;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.home-page .awards .carousel-control .fa {
  color: #e8e8e8;
  font-weight: bold;
}
.home-page .awards .carousel-control:hover .fa {
  color: #999;
}
/* ======= Courses Page ======= */.courses-wrapper .tab-content {
  font-size: 12px;
}
.courses-wrapper .tab-content .item {
  margin-top: 15px;
}
.courses-wrapper .tab-content img {
  margin-bottom: 10px;
}
.courses-wrapper .course-finder {
  margin-bottom: 30px;
}
.courses-wrapper .course-finder .keywords input {
  width: 260px;
}
.courses-wrapper .course-list-header {
  font-size: 13px;
  margin-bottom: 15px;
}
.courses-wrapper .course-list-header .summary {
  padding-top: 10px;
}
.courses-wrapper .course-list-header .control-label {
  font-size: 12px;
  font-weight: normal;
  display: inline-block;
  margin-right: 10px;
  line-height: 2;
}
.courses-wrapper .course-list-header .sort {
  padding-top: 5px;
}
.courses-wrapper .course-list-header .sort-options {
  width: auto;
  height: 25px;
  font-size: 12px;
}
.courses-wrapper .course-item {
  font-size: 12px;
}
.courses-wrapper .course-item .col-meta {
  color: #777777;
}
/* ======= Events Page ======= */
.events-wrapper .events-item .date-label {
  background: #f5f5f5;
}
.events-wrapper .events-item .details .time {
  margin-right: 10px;
}
.events-wrapper .events-item .details .fa {
  margin-right: 5px;
}
/* ======= Contact Page ======= */
.contact-form .required {
  color: #e14b39;
  display: inline-block;
  font-weight: normal;
  padding-left: 2px;
}
#map {
  height: 300px;
}
#map,
#map *,
#map *:before,
#map *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#map,
#map *,
#map *:before,
#map *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#map,
#map *,
#map *:before,
#map *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#map,
#map *,
#map *:before,
#map *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#map,
#map *,
#map *:before,
#map *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#map,
#map *,
#map *:before,
#map *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
  .wrapper {
    min-height: inherit;
    margin-bottom: 0;
  }
  .wrapper:after {
    content: none;
  }
  .footer {
    height: auto;
  }
  .pull-right,
  .pull-left {
    float: none !important;
  }
  .navbar-right .pull-right
  {
      float: right !important;
  }

  .navbar-right .pull-left
  {
      float: left !important;
  }
  .logo {
    text-align: center;
  }
  .header .contact p {
    text-align: center;
    margin-right: 0;
    margin-bottom: 5px;
    float: none;
  }
  .header .menu-top {
    text-align: center;
    margin-top: 10px;
  }
  .header .menu-top li {
    float: none;
    display: inline-block;
  }
  .header br {
    display: none;
  }
  .header .social-icons {
    text-align: center;
    margin: 0 auto;
  }
  .header .social-icons li {
    float: none;
    display: inline-block;
  }
  .main-nav .navbar-collapse {
    padding-left: 15px;
    padding-right: 15px;
    border-top: 0;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
  }
  .navbar-nav {
    margin-top: 0;
  }
  .header .search-form {
    text-align: center;
  }
  .header .search-form .form-group {
    display: inline-block;
  }
  .header .search-form .form-control {
    width: 210px;
  }
  .main-nav .nav .nav-item.active > a:before {
    content: none;
  }
  .flexslider {
    margin-bottom: 15px;
  }
  .flex-direction-nav a {
    margin-top: -50px;
  }
  .flexslider .slides .flex-caption {
    position: static;
    display: block;
  }
  .flexslider .slides .flex-caption br {
    display: none;
  }
  .flexslider .slides .flex-caption .main {
    font-size: 13px;
    display: block;
    margin-bottom: 0;
  }
  .flexslider .slides .flex-caption .secondary {
    display: block;
    font-size: 12px;
  }
  .flexslider .flex-control-nav {
    display: none;
  }
  .home-page .promo .btn-cta {
    margin-top: 0;
  }
  .home-page .news .thumb {
    width: 60px;
    height: 60px;
  }
  .home-page .news .news-item {
    padding-left: 75px;
  }
  .home-page .course-finder .keywords {
    padding-left: 15px;
    margin-top: 10px;
  }
  .home-page .course-finder .keywords input {
    width: 180px;
  }
  .home-page .video .video-iframe {
    height: auto;
  }
  .home-page .testimonials .carousel .item {
    min-height: inherit;
  }
  .home-page .events .section-content {
    min-height: inherit;
  }
  .home-page .awards .carousel-control {
    top: 50px;
  }
  .footer .footer-content .subscribe-form .form-control {
    width: 140px;
  }
  .footer #tweet .tweets-list-container {
    max-width: 100%;
  }
  .footer .bottom-bar .social li {
    float: left;
  }
  .footer-col-inner {
    margin-bottom: 30px;
  }
  .footer #tweet {
    min-height: inherit;
  }
  .footer .footer-content .footer-col .fa-twitter {
    text-align: center;
    margin-bottom: 10px;
  }
  .page-wrapper .page-heading h1.heading-title {
    float: none;
    text-align: center;
    display: block;
  }
  .page-wrapper .breadcrumbs {
    text-align: center;
    display: block;
  }
  .page-wrapper .breadcrumbs ul {
    padding-top: 0;
    padding-left: 0;
    margin: 0 auto;
  }
  .page-wrapper .breadcrumbs ul li {
    float: none;
    display: inline-block;
  }
  .page-wrapper .breadcrumbs ul li.current {
    max-width: inherit;
    overflow: visible;
  }
  .home-page .course-finder .keywords input {
    float: left !important;
  }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .wrapper {
    min-height: 100%;
    margin-bottom: -76px;
    /* equal to footer height */
  }
  .wrapper:after {
    content: "";
    display: block;
    height: 40px;
    /* must be the same height as footer */
  }
  .footer {
    height: 40px;
    /* must be the same height as footer */
  }
  .footer .bottom-bar .social li {
    float: left;
  }
  .footer-col-inner {
    margin-bottom: 15px;
  }
  .home-page .testimonials .carousel .item {
    min-height: inherit;
  }
  .home-page .events .section-content {
    min-height: inherit;
  }
  .footer #tweet {
    min-height: inherit;
  }
  .page-wrapper .album-cover {
    min-height: 360px;
  }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .home-page .testimonials .carousel .item {
    min-height: 298px;
  }
  .home-page .events .section-content {
    min-height: 520px;
  }
  .home-page .video .video-iframe {
    height: 287px;
  }
  .footer .bottom-bar .social li {
    float: right;
  }
  .footer #tweet {
    min-height: 100px;
  }
  .page-wrapper .album-cover {
    min-height: 360px;
  }
  /* Sticky Footer */
  html,
  body {
    height: 100%;
  }
  body {
    font-size: 13px;
  }
  .wrapper {
    min-height: 100%;
    margin-bottom: -76px;
    /* equal to footer height */
  
  }
  .wrapper:after {
    content: "";
    display: block;
    height: 40px;
    /* must be the same height as footer */
  
  }
  .footer {
    height: 40px;
    /* must be the same height as footer */
  }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .home-page .course-finder .keywords input {
    width: 255px;
  }
}

.ngen-redirect-pad-top {
    padding-top:5px;
}
.editorTextarea{
   width: 850px;
}
.cPadding{padding: 0 12px;}

.control-checkboxField{
    vertical-align:middle; 
    margin-top: 0 !important;
}
.control-secure {
    text-security:disc;
    -webkit-text-security:disc;
}

/* Make clicks pass-through */
#loading-bar,
#loading-bar-spinner {
  pointer-events: none;
  -webkit-pointer-events: none;
  -webkit-transition: 350ms linear all;
  -moz-transition: 350ms linear all;
  -o-transition: 350ms linear all;
  transition: 350ms linear all;
}

.loader {
   width:20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top : 3px solid #0094ff;
    border-radius: 100%;

    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    animation : spinbar 1s infinite
}

@keyframes spinbar {
    from { transform: rotate(0deg);}
    to { transform: rotate(360deg);}
}

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
  opacity: 0;
}

#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
  opacity: 1;
}

#loading-bar .bar {
  -webkit-transition: width 350ms;
  -moz-transition: width 350ms;
  -o-transition: width 350ms;
  transition: width 350ms;

  background: #00FF00;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}

/* Fancy blur effect */
#loading-bar .peg {
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 3px;
  opacity: .45;
  -moz-box-shadow: #00FF00 1px 0 6px 1px;
  -ms-box-shadow: #00FF00 1px 0 6px 1px;
  -webkit-box-shadow: #00FF00 1px 0 6px 1px;
  box-shadow: #00FF00 1px 0 6px 1px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

#loading-bar-spinner {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  left: 15px;
}

#loading-bar-spinner .spinner-icon {
  width: 24px;
  height: 24px;

  border:  solid 3px transparent;
  border-top-color:  #00FF00;
  border-left-color: #00FF00;
  border-radius: 50%;

  -webkit-animation: loading-bar-spinner 800ms linear infinite;
  -moz-animation:    loading-bar-spinner 800ms linear infinite;
  -ms-animation:     loading-bar-spinner 800ms linear infinite;
  -o-animation:      loading-bar-spinner 800ms linear infinite;
  animation:         loading-bar-spinner 800ms linear infinite;
}

@-webkit-keyframes loading-bar-spinner {
  0%   { -webkit-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes loading-bar-spinner {
  0%   { -moz-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes loading-bar-spinner {
  0%   { -o-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes loading-bar-spinner {
  0%   { -ms-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loading-bar-spinner {
  0%   { transform: rotate(0deg);   transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}

.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:bold;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=")!important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=")!important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==")!important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=")!important}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px)and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px)and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}
/**
 * angular-motion
 * @version v0.3.2 - 2014-02-11
 * @link https://github.com/mgcrea/angular-motion
 * @author Olivier Louvignes <olivier@mg-crea.com>
 * @license MIT License, http://www.opensource.org/licenses/MIT
 */
.am-fade-and-scale{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-fade-and-scale.ng-enter,.am-fade-and-scale.am-fade-and-scale-add,.am-fade-and-scale.ng-hide-remove,.am-fade-and-scale.ng-move{-webkit-animation-name:fadeAndScaleIn;animation-name:fadeAndScaleIn}.am-fade-and-scale.ng-leave,.am-fade-and-scale.am-fade-and-scale-remove,.am-fade-and-scale.ng-hide{-webkit-animation-name:fadeAndScaleOut;animation-name:fadeAndScaleOut}.am-fade-and-scale.ng-enter{visibility:hidden;-webkit-animation-name:fadeAndScaleIn;animation-name:fadeAndScaleIn}.am-fade-and-scale.ng-enter.ng-enter-active{visibility:visible}.am-fade-and-scale.ng-leave{-webkit-animation-name:fadeAndScaleOut;animation-name:fadeAndScaleOut}@-webkit-keyframes fadeAndScaleIn{from{opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7)}to{opacity:1}}@keyframes fadeAndScaleIn{from{opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7)}to{opacity:1}}@-webkit-keyframes fadeAndScaleOut{from{opacity:1}to{opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7)}}@keyframes fadeAndScaleOut{from{opacity:1}to{opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7)}}.am-fade-and-slide-top{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-fade-and-slide-top.am-fade-and-slide-top-add,.am-fade-and-slide-top.ng-hide-remove,.am-fade-and-slide-top.ng-move{-webkit-animation-name:fadeAndSlideFromTop;animation-name:fadeAndSlideFromTop}.am-fade-and-slide-top.am-fade-and-slide-top-remove,.am-fade-and-slide-top.ng-hide{-webkit-animation-name:fadeAndSlideToTop;animation-name:fadeAndSlideToTop}.am-fade-and-slide-top.ng-enter{visibility:hidden;-webkit-animation-name:fadeAndSlideFromTop;animation-name:fadeAndSlideFromTop}.am-fade-and-slide-top.ng-enter.ng-enter-active{visibility:visible}.am-fade-and-slide-top.ng-leave{-webkit-animation-name:fadeAndSlideToTop;animation-name:fadeAndSlideToTop}.am-fade-and-slide-right{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-fade-and-slide-right.am-fade-and-slide-right-add,.am-fade-and-slide-right.ng-hide-remove,.am-fade-and-slide-right.ng-move{-webkit-animation-name:fadeAndSlideFromRight;animation-name:fadeAndSlideFromRight}.am-fade-and-slide-right.am-fade-and-slide-right-remove,.am-fade-and-slide-right.ng-hide{-webkit-animation-name:fadeAndSlideToRight;animation-name:fadeAndSlideToRight}.am-fade-and-slide-right.ng-enter{visibility:hidden;-webkit-animation-name:fadeAndSlideFromRight;animation-name:fadeAndSlideFromRight}.am-fade-and-slide-right.ng-enter.ng-enter-active{visibility:visible}.am-fade-and-slide-right.ng-leave{-webkit-animation-name:fadeAndSlideToRight;animation-name:fadeAndSlideToRight}.am-fade-and-slide-bottom{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-fade-and-slide-bottom.am-fade-and-slide-bottom-add,.am-fade-and-slide-bottom.ng-hide-remove,.am-fade-and-slide-bottom.ng-move{-webkit-animation-name:fadeAndSlideFromBottom;animation-name:fadeAndSlideFromBottom}.am-fade-and-slide-bottom.am-fade-and-slide-bottom-remove,.am-fade-and-slide-bottom.ng-hide{-webkit-animation-name:fadeAndSlideToBottom;animation-name:fadeAndSlideToBottom}.am-fade-and-slide-bottom.ng-enter{visibility:hidden;-webkit-animation-name:fadeAndSlideFromBottom;animation-name:fadeAndSlideFromBottom}.am-fade-and-slide-bottom.ng-enter.ng-enter-active{visibility:visible}.am-fade-and-slide-bottom.ng-leave{-webkit-animation-name:fadeAndSlideToBottom;animation-name:fadeAndSlideToBottom}.am-fade-and-slide-left{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-fade-and-slide-left.am-fade-and-slide-left-add,.am-fade-and-slide-left.ng-hide-remove,.am-fade-and-slide-left.ng-move{-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-name:fadeAndSlideFromLeft;animation-name:fadeAndSlideFromLeft}.am-fade-and-slide-left.am-fade-and-slide-left-remove,.am-fade-and-slide-left.ng-hide{-webkit-animation-name:fadeAndSlideToLeft;animation-name:fadeAndSlideToLeft}.am-fade-and-slide-left.ng-enter{visibility:hidden;-webkit-animation-name:fadeAndSlideFromLeft;animation-name:fadeAndSlideFromLeft}.am-fade-and-slide-left.ng-enter.ng-enter-active{visibility:visible}.am-fade-and-slide-left.ng-leave{-webkit-animation-name:fadeAndSlideToLeft;animation-name:fadeAndSlideToLeft}@-webkit-keyframes fadeAndSlideFromTop{from{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}to{opacity:1}}@keyframes fadeAndSlideFromTop{from{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}to{opacity:1}}@-webkit-keyframes fadeAndSlideToTop{from{opacity:1}to{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}}@keyframes fadeAndSlideToTop{from{opacity:1}to{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}}@-webkit-keyframes fadeAndSlideFromRight{from{opacity:0;-webkit-transform:translateX(20%);transform:translateX(20%)}to{opacity:1}}@keyframes fadeAndSlideFromRight{from{opacity:0;-webkit-transform:translateX(20%);transform:translateX(20%)}to{opacity:1}}@-webkit-keyframes fadeAndSlideToRight{from{opacity:1}to{opacity:0;-webkit-transform:translateX(20%);transform:translateX(20%)}}@keyframes fadeAndSlideToRight{from{opacity:1}to{opacity:0;-webkit-transform:translateX(20%);transform:translateX(20%)}}@-webkit-keyframes fadeAndSlideFromBottom{from{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}to{opacity:1}}@keyframes fadeAndSlideFromBottom{from{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}to{opacity:1}}@-webkit-keyframes fadeAndSlideToBottom{from{opacity:1}to{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}}@keyframes fadeAndSlideToBottom{from{opacity:1}to{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}}@-webkit-keyframes fadeAndSlideFromLeft{from{opacity:0;-webkit-transform:translateX(-20%);transform:translateX(-20%)}to{opacity:1}}@keyframes fadeAndSlideFromLeft{from{opacity:0;-webkit-transform:translateX(-20%);transform:translateX(-20%)}to{opacity:1}}@-webkit-keyframes fadeAndSlideToLeft{from{opacity:1}to{opacity:0;-webkit-transform:translateX(-20%);transform:translateX(-20%)}}@keyframes fadeAndSlideToLeft{from{opacity:1}to{opacity:0;-webkit-transform:translateX(-20%);transform:translateX(-20%)}}.am-fade{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;opacity:1}.am-fade.am-fade-add,.am-fade.ng-hide-remove,.am-fade.ng-move{-webkit-animation-name:fadeIn;animation-name:fadeIn}.am-fade.am-fade-remove,.am-fade.ng-hide{-webkit-animation-name:fadeOut;animation-name:fadeOut}.am-fade.ng-enter{visibility:hidden;-webkit-animation-name:fadeIn;animation-name:fadeIn}.am-fade.ng-enter.ng-enter-active{visibility:visible}.am-fade.ng-leave{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.modal-backdrop.am-fade,.aside-backdrop.am-fade{background:rgba(0,0,0,.5);-webkit-animation-duration:.15s;animation-duration:.15s}.am-flip-x{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-flip-x.am-flip-x-add,.am-flip-x.ng-hide-remove,.am-flip-x.ng-move{-webkit-animation-name:flipInXBounce;animation-name:flipInXBounce}.am-flip-x.am-flip-x-remove,.am-flip-x.ng-hide{-webkit-animation-name:flipOutX;animation-name:flipOutX}.am-flip-x.ng-enter{visibility:hidden;-webkit-animation-name:flipInXBounce;animation-name:flipInXBounce}.am-flip-x.ng-enter.ng-enter-active{visibility:visible}.am-flip-x.ng-leave{-webkit-animation-name:flipOutX;animation-name:flipOutX}.am-flip-x-linear{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-flip-x-linear.am-flip-x-add,.am-flip-x-linear.ng-hide-remove,.am-flip-x-linear.ng-move{-webkit-animation-name:flipInX;animation-name:flipInX}.am-flip-x-linear.am-flip-x-remove,.am-flip-x-linear.ng-hide{-webkit-animation-name:flipOutX;animation-name:flipOutX}.am-flip-x-linear.ng-enter{visibility:hidden;-webkit-animation-name:flipInX;animation-name:flipInX}.am-flip-x-linear.ng-enter.ng-enter-active{visibility:visible}.am-flip-x-linear.ng-leave{-webkit-animation-name:flipOutX;animation-name:flipOutX}@-webkit-keyframes flipInX{from{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}to{opacity:1;-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg)}}@keyframes flipInX{from{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}to{opacity:1;-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg)}}@-webkit-keyframes flipInXBounce{from{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}to{opacity:1;-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg)}}@keyframes flipInXBounce{from{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}to{opacity:1;-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg)}}@-webkit-keyframes flipOutX{from{opacity:1;-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{from{opacity:1;-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.am-slide-top{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-slide-top.am-fade-and-slide-top-add,.am-slide-top.ng-hide-remove,.am-slide-top.ng-move{-webkit-animation-name:slideFromTop;animation-name:slideFromTop}.am-slide-top.am-fade-and-slide-top-remove,.am-slide-top.ng-hide{-webkit-animation-name:slideToTop;animation-name:slideToTop}.am-slide-top.ng-enter{visibility:hidden;-webkit-animation-name:slideFromTop;animation-name:slideFromTop}.am-slide-top.ng-enter.ng-enter-active{visibility:visible}.am-slide-top.ng-leave{-webkit-animation-name:slideToTop;animation-name:slideToTop}.am-slide-right{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-slide-right.am-fade-and-slide-right-add,.am-slide-right.ng-hide-remove,.am-slide-right.ng-move{-webkit-animation-name:slideFromRight;animation-name:slideFromRight}.am-slide-right.am-fade-and-slide-right-remove,.am-slide-right.ng-hide{-webkit-animation-name:slideToRight;animation-name:slideToRight}.am-slide-right.ng-enter{visibility:hidden;-webkit-animation-name:slideFromRight;animation-name:slideFromRight}.am-slide-right.ng-enter.ng-enter-active{visibility:visible}.am-slide-right.ng-leave{-webkit-animation-name:slideToRight;animation-name:slideToRight}.am-slide-bottom{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-slide-bottom.am-fade-and-slide-bottom-add,.am-slide-bottom.ng-hide-remove,.am-slide-bottom.ng-move{-webkit-animation-name:slideFromBottom;animation-name:slideFromBottom}.am-slide-bottom.am-fade-and-slide-bottom-remove,.am-slide-bottom.ng-hide{-webkit-animation-name:slideToBottom;animation-name:slideToBottom}.am-slide-bottom.ng-enter{visibility:hidden;-webkit-animation-name:slideFromBottom;animation-name:slideFromBottom}.am-slide-bottom.ng-enter.ng-enter-active{visibility:visible}.am-slide-bottom.ng-leave{-webkit-animation-name:slideToBottom;animation-name:slideToBottom}.am-slide-left{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-slide-left.am-fade-and-slide-left-add,.am-slide-left.ng-hide-remove,.am-slide-left.ng-move{-webkit-animation-name:slideFromLeft;animation-name:slideFromLeft}.am-slide-left.am-fade-and-slide-left-remove,.am-slide-left.ng-hide{-webkit-animation-name:slideToLeft;animation-name:slideToLeft}.am-slide-left.ng-enter{visibility:hidden;-webkit-animation-name:slideFromLeft;animation-name:slideFromLeft}.am-slide-left.ng-enter.ng-enter-active{visibility:visible}.am-slide-left.ng-leave{-webkit-animation-name:slideToLeft;animation-name:slideToLeft}@-webkit-keyframes slideFromTop{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideFromTop{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes slideToTop{to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideToTop{to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes slideFromRight{from{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideFromRight{from{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes slideToRight{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideToRight{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes slideFromBottom{from{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideFromBottom{from{-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes slideToBottom{to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideToBottom{to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes slideFromLeft{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideFromLeft{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes slideToLeft{to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideToLeft{to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}
.toggle-switch {
    border: 1px solid;
    cursor: pointer;
    display: inline-block;
    text-align: left;
    overflow: hidden;
    line-height: 8px;
    min-width: 80px;
}

.toggle-switch.disabled > div > span.knob {
    background: #AAA;
}

.toggle-switch span {
    cursor: pointer;
    display: inline-block;
    /*float: left;*/
    height: 100%;
    line-height: 20px;
    padding: 2px;
    text-align: center;
    width: 33%;
    white-space: nowrap;

    box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.toggle-switch > div {
    position: relative;
    width: 150%;
}

.toggle-switch .knob {
    background: red;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #f5f5f5;
    width: 34%;
    z-index: 100;
}

.toggle-switch .switch-on {
    left: 0%;
}

.toggle-switch .switch-off {
    left: -50%
}

.toggle-switch .switch-left, .toggle-switch .switch-right {
    z-index: 1;
}

.toggle-switch .switch-left {
    color: #fff;
    background: #6091ba;
}

.toggle-switch .switch-right {
    color: #333;
    background: #f0f0f0;
}

.toggle-switch-animate {
    transition: left 0.5s;
    -o-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -webkit-transition: left 0.5s;
}
/*
Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
     -moz-box-sizing: border-box; /* firefox */
          box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;

    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;

    border-radius: 4px;

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;

    border-radius: 0 0 4px 4px;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
    float: none;
    width: auto;
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    background: url('select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;

    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;

    border-radius: 0 0 4px 4px;

    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;

    border-radius: 4px 4px 0 0;

    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb;
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;

    background-clip: padding-box;

    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('select2.png') no-repeat 0 1px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-family: sans-serif;
    font-size: 1em;

    border: 1px solid #aaa;
    border-radius: 0;

    -webkit-box-shadow: none;
            box-shadow: none;

    background: #fff url('select2.png') no-repeat 100% -22px;
    background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100%;
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
            box-shadow: 0 1px 0 #fff inset;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;

    min-height: 1em;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

.select2-results-dept-1 .select2-result-label { padding-left: 20px }
.select2-results-dept-2 .select2-result-label { padding-left: 40px }
.select2-results-dept-3 .select2-result-label { padding-left: 60px }
.select2-results-dept-4 .select2-result-label { padding-left: 80px }
.select2-results-dept-5 .select2-result-label { padding-left: 100px }
.select2-results-dept-6 .select2-result-label { padding-left: 110px }
.select2-results-dept-7 .select2-result-label { padding-left: 120px }

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff;
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}


.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
    padding-left: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;

    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li
{
    float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;

    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100% !important;
}

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;

    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;

    border-radius: 3px;

    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
{
    margin-left: 0;
    margin-right: 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;

    font-size: 1px;
    outline: none;
    background: url('select2.png') right top no-repeat;
}
html[dir="rtl"] .select2-search-choice-close {
    right: auto;
    left: 3px;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}

/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
    .select2-search input,
    .select2-search-choice-close,
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice .select2-arrow b {
        background-image: url('select2x2.png') !important;
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important;
    }

    .select2-search input {
        background-position: 100% -21px !important;
    }
}

/**
 * Select2 Bootstrap CSS
 * Compatible with Select2 3.3.2, 3.4.1, 3.4.2 and Twitter Bootstrap 3.0.0
 * MIT License
 */
/**
 * Reset Bootstrap 3 .form-control styles which - if applied to the
 * original <select>-element the Select2-plugin may be run against -
 * are copied to the .select2-container.
 *
 * 1. Overwrite .select2-container's original display:inline-block
 *    with Bootstrap 3's default for .form-control, display:block;
 *    courtesy of @juristr (@see https://github.com/fk/select2-bootstrap-css/pull/1)
 */
.select2-container.form-control {
  background: transparent;
  border: none;
  display: block;
  /* 1 */
  margin: 0;
  padding: 0;
}

/**
 * Adjust Select2 inputs to fit Bootstrap 3 default .form-control appearance.
 */
.select2-container .select2-choices .select2-search-field input,
.select2-container .select2-choice,
.select2-container .select2-choices {
  background: none;
  padding: 0;
  border-color: #cccccc;
  border-radius: 4px;
  color: #555555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.select2-search input {
  border-color: #cccccc;
  border-radius: 4px;
  color: #555555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.select2-container .select2-choices .select2-search-field input {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/**
 * Adjust Select2 input heights to match the Bootstrap default.
 */
.select2-container .select2-choice {
  height: 34px;
  line-height: 1.42857;
}

/**
 * Address Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
.select2-container.select2-container-multi.form-control {
  height: auto;
}

/**
 * Address Bootstrap 3 control sizing classes
 * @see http://getbootstrap.com/css/#forms-control-sizes
 */
.select2-container.input-sm .select2-choice,
.input-group-sm .select2-container .select2-choice {
  height: 30px;
  line-height: 1.5;
  border-radius: 3px;
}

.select2-container.input-lg .select2-choice,
.input-group-lg .select2-container .select2-choice {
  height: 45px;
  line-height: 1.33;
  border-radius: 6px;
}

.select2-container-multi .select2-choices .select2-search-field input {
  height: 32px;
}

.select2-container-multi.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-container-multi .select2-choices .select2-search-field input {
  height: 28px;
}

.select2-container-multi.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-container-multi .select2-choices .select2-search-field input {
  height: 43px;
}

/**
 * Adjust height and line-height for .select2-search-field amd multi-select Select2 widgets.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 < 3.3.2.
 */
.select2-container-multi .select2-choices .select2-search-field input {
  margin: 0;
}

.select2-chosen,
.select2-choice > span:first-child,
.select2-container .select2-choices .select2-search-field input {
  padding: 6px 12px;
}

.input-sm .select2-chosen,
.input-group-sm .select2-chosen,
.input-sm .select2-choice > span:first-child,
.input-group-sm .select2-choice > span:first-child,
.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-choices .select2-search-field input {
  padding: 5px 10px;
}

.input-lg .select2-chosen,
.input-group-lg .select2-chosen,
.input-lg .select2-choice > span:first-child,
.input-group-lg .select2-choice > span:first-child,
.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-choices .select2-search-field input {
  padding: 10px 16px;
}

.select2-container-multi .select2-choices .select2-search-choice {
  margin-top: 5px;
  margin-bottom: 3px;
}

.select2-container-multi.input-sm .select2-choices .select2-search-choice,
.input-group-sm .select2-container-multi .select2-choices .select2-search-choice {
  margin-top: 3px;
  margin-bottom: 2px;
}

.select2-container-multi.input-lg .select2-choices .select2-search-choice,
.input-group-lg .select2-container-multi .select2-choices .select2-search-choice {
  line-height: 24px;
}

/**
 * Adjust the single Select2's dropdown arrow button appearance.
 *
 * 1. For Select2 v.3.3.2.
 */
.select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice div {
  border-left: 1px solid #cccccc;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.select2-dropdown-open .select2-choice .select2-arrow,
.select2-dropdown-open .select2-choice div {
  border-left-color: transparent;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/**
 * Adjust the dropdown arrow button icon position for the single-select Select2 elements
 * to make it line up vertically now that we increased the height of .select2-container.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 v.3.3.2.
 */
.select2-container .select2-choice .select2-arrow b,
.select2-container .select2-choice div b {
  background-position: 0 3px;
}

.select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open .select2-choice div b {
  background-position: -18px 3px;
}

.select2-container.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-container .select2-choice .select2-arrow b,
.select2-container.input-sm .select2-choice div b,
.input-group-sm .select2-container .select2-choice div b {
  background-position: 0 1px;
}

.select2-dropdown-open.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-sm .select2-choice div b,
.input-group-sm .select2-dropdown-open .select2-choice div b {
  background-position: -18px 1px;
}

.select2-container.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-container .select2-choice .select2-arrow b,
.select2-container.input-lg .select2-choice div b,
.input-group-lg .select2-container .select2-choice div b {
  background-position: 0 9px;
}

.select2-dropdown-open.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-lg .select2-choice div b,
.input-group-lg .select2-dropdown-open .select2-choice div b {
  background-position: -18px 9px;
}

/**
 * Address Bootstrap's validation states and change Select2's border colors and focus states.
 * Apply .has-warning, .has-danger or .has-succes to #select2-drop to match Bootstraps' colors.
 */
.has-warning .select2-choice,
.has-warning .select2-choices {
  border-color: #c09853;
}
.has-warning .select2-container-active .select2-choice,
.has-warning .select2-container-multi.select2-container-active .select2-choices {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}
.has-warning.select2-drop-active {
  border-color: #a47e3c;
}
.has-warning.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #a47e3c;
}

.has-error .select2-choice,
.has-error .select2-choices {
  border-color: #b94a48;
}
.has-error .select2-container-active .select2-choice,
.has-error .select2-container-multi.select2-container-active .select2-choices {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
.has-error.select2-drop-active {
  border-color: #953b39;
}
.has-error.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #953b39;
}

.has-success .select2-choice,
.has-success .select2-choices {
  border-color: #468847;
}
.has-success .select2-container-active .select2-choice,
.has-success .select2-container-multi.select2-container-active .select2-choices {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}
.has-success.select2-drop-active {
  border-color: #356635;
}
.has-success.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #356635;
}

/**
 * Make Select2's active-styles - applied to .select2-container when the widget receives focus -
 * fit Bootstrap 3's .form-element:focus appearance.
 */
.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices {
  border-color: #66afe9;
  outline: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.select2-drop-active {
  border-color: #66afe9;
}

.select2-drop-auto-width,
.select2-drop.select2-drop-above.select2-drop-active {
  border-top-color: #66afe9;
}

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * When Select2 widgets are combined with other elements using Bootstrap 3's
 * "Input Group" component, we don't want specific edges of the Select2 container
 * to have a border-radius.
 *
 * In Bootstrap 2, input groups required a markup where these style adjustments
 * could be bound to a CSS-class identifying if the additional elements are appended,
 * prepended or both.
 *
 * Bootstrap 3 doesn't rely on these classes anymore, so we have to use our own.
 * Use .select2-bootstrap-prepend and .select2-bootstrap-append on a Bootstrap 3 .input-group
 * to let the contained Select2 widget know which edges should not be rounded as they are
 * directly followed by another element.
 *
 * @see http://getbootstrap.com/components/#input-groups
 */
.input-group.select2-bootstrap-prepend [class^="select2-choice"] {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.input-group.select2-bootstrap-append [class^="select2-choice"] {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.select2-dropdown-open [class^="select2-choice"] {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

/**
 * Adjust Select2's choices hover and selected styles to match Bootstrap 3's default dropdown styles.
 */
.select2-results .select2-highlighted {
  color: white;
  background-color: #428bca;
}

/**
 * Adjust alignment of Bootstrap 3 buttons in Bootstrap 3 Input Groups to address
 * Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
.select2-bootstrap-append .select2-container-multiple,
.select2-bootstrap-append .input-group-btn,
.select2-bootstrap-append .input-group-btn .btn,
.select2-bootstrap-prepend .select2-container-multiple,
.select2-bootstrap-prepend .input-group-btn,
.select2-bootstrap-prepend .input-group-btn .btn {
  vertical-align: top;
}

/**
 * Make Multi Select2's choices match Bootstrap 3's default button styles.
 */
.select2-container-multi .select2-choices .select2-search-choice {
  color: #555555;
  background: #E0F1FF;
  border-color: #cccccc;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #ebebeb;
  border-color: #adadad;
  color: #333333;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/**
 * Address Multi Select2's choice close-button vertical alignment.
 */
.select2-search-choice-close {
  margin-top: -7px;
  top: 50%;
}

/**
 * Adjust the single Select2's clear button position (used to reset the select box
 * back to the placeholder value and visible once a selection is made
 * activated by Select2's "allowClear" option).
 */
.select2-container .select2-choice abbr {
  top: 50%;
}

/**
 * Adjust "no results" and "selection limit" messages to make use
 * of Bootstrap 3's default "Alert" style.
 *
 * @see http://getbootstrap.com/components/#alerts-default
 */
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background-color: #fcf8e3;
  color: #c09853;
}

/**
 * Address disabled Select2 styles.
 *
 * 1. For Select2 v.3.3.2.
 * 2. Revert border-left:0 inherited from Select2's CSS to prevent the arrow
 *    from jumping when switching from disabled to enabled state and vice versa.
 */
.select2-container.select2-container-disabled .select2-choice,
.select2-container.select2-container-disabled .select2-choices {
  cursor: not-allowed;
  background-color: #eeeeee;
  border-color: #cccccc;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow,
.select2-container.select2-container-disabled .select2-choice div,
.select2-container.select2-container-disabled .select2-choices .select2-arrow,
.select2-container.select2-container-disabled .select2-choices div {
  background-color: transparent;
  border-left: 1px solid transparent;
  /* 2 */
}

/**
 * Address Select2's loading indicator position - which should not stick
 * to the right edge of Select2's search input.
 *
 * 1. in .select2-search input
 * 2. in Multi Select2's .select2-search-field input
 * 3. in the status-message of infinite-scroll with remote data (@see http://ivaynberg.github.io/select2/#infinite)
 *
 * These styles alter Select2's default background-position of 100%
 * and supply the new background-position syntax to browsers which support it:
 *
 * 1. Android, Safari < 6/Mobile, IE<9: change to a relative background-position of 99%
 * 2. Chrome 25+, Firefox 13+, IE 9+, Opera 10.5+: use the new CSS3-background-position syntax
 *
 * @see http://www.w3.org/TR/css3-background/#background-position
 *
 * @todo Since both Select2 and Bootstrap 3 only support IE8 and above,
 * we could use the :after-pseudo-element to display the loading indicator.
 * Alternatively, we could supply an altered loading indicator image which already
 * contains an offset to the right.
 */
.select2-search input.select2-active,
.select2-container-multi .select2-choices .select2-search-field input.select2-active,
.select2-more-results.select2-active {
  background-position: 99%;
  /* 4 */
  background-position: right 4px center;
  /* 5 */
}

.login-footer-text {
    margin: 5px 10px 5px 15px;
}

.btn-margin-left {
    margin-left: 3px;
}

.btn-margin-right {
    margin-right: 3px;
}

.btn-margin-right-40 {
    margin-right: 40px;
}

.btn-margin-right-9 {
    margin-right: 9px;
}

.btn:focus {
    color: #fff;
}

.-hoffset {
    margin-left: -2px;
}

.-hoffset1 {
    margin-left: -5px;
}

.-hoffset1-5 {
    margin-left: -8px;
}

.-hoffset2 {
    margin-left: -10px;
}

.-hoffset3 {
    margin-left: -15px;
}

.-hoffset3-5 {
    margin-left: -20px;
}

.-hoffset4 {
    margin-left: -30px;
}

.hoffset {
    margin-left: 2px;
}

.hoffset1 {
    margin-left: 5px;
}

.hoffset1-5 {
    margin-left: 8px;
}

.hoffset2 {
    margin-left: 10px;
}

.hoffset3 {
    margin-left: 15px;
}

.hoffset3-5 {
    margin-left: 20px;
}

.hoffset4 {
    margin-left: 30px;
}

.voffset {
    margin-top: 2px;
}

.voffset1 {
    margin-top: 5px;
}

.voffset2 {
    margin-top: 10px;
}

.voffset3 {
    margin-top: 15px;
}

.voffset3-5 {
    margin-top: 20px;
}

.voffset4 {
    margin-top: 30px;
}

.voffset4-5 {
    margin-top: 35px;
}

.voffset5 {
    margin-top: 40px;
}

.voffset6 {
    margin-top: 60px;
}

.voffset7 {
    margin-top: 80px;
}

.voffset8 {
    margin-top: 100px;
}

.voffset9 {
    margin-top: 150px;
}

.-voffset {
    margin-top: -2px;
}

.-voffset1 {
    margin-top: -5px;
}

.-voffset2 {
    margin-top: -10px;
}

.-voffset3 {
    margin-top: -15px;
}

.-voffset3-5 {
    margin-top: -20px;
}

.-voffset4 {
    margin-top: -30px;
}

.-voffset4-5 {
    margin-top: -35px;
}

.-voffset5 {
    margin-top: -40px;
}

.-voffset6 {
    margin-top: -60px;
}

.-voffset7 {
    margin-top: -80px;
}

.-voffset8 {
    margin-top: -100px;
}

.-voffset9 {
    margin-top: -150px;
}

.tip {
    position: relative;
    text-decoration: none;
}

    .tip:hover:before {
        display: block;
        position: absolute;
        padding: 10px;
        content: attr(title);
        -moz-min-width: 120px;
        -ms-min-width: 120px;
        -o-min-width: 120px;
        -webkit-min-width: 120px;
        min-width: 120px;
        text-align: justify;
        width: 400px;
        height: auto;
        white-space: normal;
        bottom: 25px;
        background: #000000;
        background: rgba(0,0,0,.8);
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        color: #fff;
        font-size: .86em;
    }

    .tip:hover:after {
        position: absolute;
        display: block;
        content: "";
        border-color: #000000 transparent transparent transparent;
        border-color: rgba(0,0,0,.8) transparent transparent transparent;
        border-style: solid;
        border-width: 10px;
        height: 0;
        width: 0;
        position: absolute;
        top: -8px;
        left: 1em;
    }

.tip2 {
    position: relative;
    text-decoration: none;
}

    .tip2 span {
        display: none;
    }

    .tip2:hover span {
        display: block;
        position: absolute;
        padding: .5em;
        content: attr(title);
        -moz-min-width: 120px;
        -ms-min-width: 120px;
        -o-min-width: 120px;
        -webkit-min-width: 120px;
        min-width: 120px;
        text-align: center;
        width: auto;
        height: auto;
        white-space: nowrap;
        top: -32px;
        background: #000000;
        background: rgba(0,0,0,.8);
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        color: #fff;
        font-size: .86em;
    }

        .tip2:hover span:after {
            position: absolute;
            display: block;
            content: "";
            border-color: #000000 transparent transparent transparent;
            border-color: rgba(0,0,0,.8) transparent transparent transparent;
            border-style: solid;
            border-width: 10px;
            height: 0;
            width: 0;
            position: absolute;
            bottom: -16px;
            left: 1em;
        }

.div-striped > div:nth-child(odd) {
    background-color: #f9f9f9;
}

.form-section {
    position: relative;
    border-bottom: 1px solid #eeeeee;
    padding: 0.75em 0 1.5em;
}

.red-border {
    border: 1px solid #d86435 !important;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 999px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

.header-label-pad {
    padding-top: 7.5px;
}

.multiselect-active {
    background-color: #f5f5f5;
}

.multiselect-success {
    background-color: #dff0d8;
}

.multiselect-info {
    background-color: #d9edf7;
}

.multiselect-warning {
    background-color: #fcf8e3;
}

.multiselect-danger {
    background-color: #f2dede;
}

.panel-default > .panel-heading {
    background-color: #9DD2FF;
}

.panel-default > .panel-footer, edit-footer .panel-footer {
    background-color: #9DD2FF;
}

.panel-info > .panel-footer {
    background-color: #d9edf7;
}

.panel-label {
    margin-top: 8px;
    margin-bottom: 8px;
}

#dropdownDiv .row .row-title {
    display: block;
    float: left;
    line-height: 29px;
    font-weight: bold;
    text-align: left;
    padding-bottom: 1px;
}

.btn-group .search-group {
    width: 600px;
    background-color: #fafafa;
    padding: 15px 13px 15px 25px;
}

@media (max-width: 992px) {
    .btn-group .search-group {
        width: 300px;
    }
}

.btn-group .search-group .dropdown-menu .radio-select {
    margin: 0 10px;
}

.courses-wrapper .course-item .row .col-fit {
    word-wrap: break-word;
}

.courses-wrapper .course-item .row-div {
    margin-top: 5px;
}

header .nav > li > a {
    font-size: 14px;
    color: #dce7f0;
}

    header .nav > li > a:hover, header .nav > li > a:focus {
        background-color: #27435a !important;
    }

    header .nav > li > a:hover, header .nav > li > a:focus {
        background-color: #27435a !important;
    }

#profilePopover.dropdown .arrow {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    content: " ";
    left: 50%;
    top: -22px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #777;
    padding: 0px;
    border-width: 11px;
}

    #profilePopover.dropdown .arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        content: " ";
        top: -9px;
        left: 50%;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #fff;
        border-width: 10px;
    }

header .nav .open > a {
    background-color: #27435a !important;
}

header ul.dropdown-menu.profile-tab {
    padding: 9px 0;
    min-width: 190px;
    margin-top: 5px;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

    header ul.dropdown-menu.profile-tab strong {
        padding: 1px 14px;
        display: block;
        background: transparent;
    }

        header ul.dropdown-menu.profile-tab strong a:hover {
            color: #5081aa;
        }

    header ul.dropdown-menu.profile-tab div {
        padding: 0px 14px;
        font-size: 13px;
    }

    header ul.dropdown-menu.profile-tab .divider {
        margin: 5px;
    }

/* These are used for list views*/
.page-wrapper .page-content .row-divider {
    border-bottom: 1px dotted #e8e8e8;
    padding: 10px 0 0 15px;
    clear:both;
}

.row-wrapper {
    padding: 10px 0 15px 15px !important;
}

.panel-color {
    background-color: #9DD2FF;
}


.fa-6x {
    font-size: 12em;
}

.fa-7x {
    font-size: 20em;
}

.print-col-md,
.print-col-md-1,
.print-col-md-2,
.print-col-md-3 {
    padding-left: 15px;
    font-size: 11px;
}

.print-col-md {
    width: 20%;
}

.print-col-md-1 {
    width: 8%;
}

.print-col-md-2 {
    width: 12%;
}

.print-col-md-3 {
    width: 25%;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100% !important;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block !important;
        float: right !important;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #ffffff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

.well-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.well-danger input[type="checkbox"] {
    margin: 0;
    top: 2px;
    position: relative;
}
 
.well-danger .override-text {
    margin-bottom: 0;
    font-weight: normal;
    color: #000;
}
.well-danger .col-md-12 .row {
    padding-bottom: 5px;
}

.well-scroll .clone-details {
    padding: 8px 14px;
}
.well-scroll {
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

.details.row-div.row-divider {
    display: inline-block;
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.modal-report-padding p {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.permission-heading span {
    line-height: 2em;
    vertical-align: top;
}

div.myPerm {
    overflow-x: auto;
    height: 300px;
    padding-left: 10px;
}

    div.myPerm > article {
        width: 95%;
    }

@media(max-width: 767px) {
    .navbar-nav .open .dropdown-menu.profile-tab {
        position: absolute;
        background: #fff;
        border: 1px solid rgba(0,0,0,.2);
    }

    .btn-xs-margin-top-10 {
        margin-top: 10px;
    }

    .permission-heading span {
        line-height: 1em;
        vertical-align: top;
    }

    .permission-heading i.fa-info-circle {
        font-size: 1em;
    }
}

.navbar-default {
    background-color: #9DD2FF;
    border-color: #9DD2FF;
}

    .navbar-default .navbar-form {
        border-color: #9DD2FF;
    }

a.inline {
    display: inline;
}

div.inline {
    display: inline;
}


.dropdown-menu-lg {
    min-width: 200px;
}


.fa-icon-size-list {
    font-size: 1.5em;
    padding-right: 20px;
}

.menu-toggle {
    position: relative;
    display: block;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 5px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    float: left;
}

    .menu-toggle:hover, menu-toggle:focus {
        background-color: #ddd;
    }

    .menu-toggle .icon-bar {
        display: block;
        background-color: #888;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

        .menu-toggle .icon-bar + .icon-bar {
            margin-top: 4px;
        }

.menu-toggle-body {
    margin: 5px;
}

    .menu-toggle-body ul {
        list-style: none;
        padding-left: 5px;
        font-size: 12px;
        margin: 0px;
    }

    .menu-toggle-body .dropdown-header {
        padding-left: 3px;
    }

.branding-menu-toggle-body {
    margin: 5px;
    min-width: 200px;
}

    .branding-menu-toggle-body ul {
        list-style: none;
        padding-left: 5px;
        font-size: 12px;
        margin: 0px;
    }

    .branding-menu-toggle-body .dropdown-header {
        padding-left: 3px;
    }

.btn-fa {
    padding: 4px 10px;
    background: transparent;
    border: 1px solid transparent;
}

    .btn-fa .fa-phone {
        color: #3c763d;
    }

    .btn-fa .fa-envelope {
        color: #6091ba;
    }

    .btn-fa .fa-mobile {
        color: #808080;
    }

    .btn-fa[disabled] .fa {
        color: #ccc;
    }


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

.search-group .control-label {
    display: block;
}

.navbar-collapse.in {
    overflow-y: visible;
}

select option[disabled]:first-child {
    display: none;
}


.pointer {
    cursor: pointer;
}



.scrollable {
    max-height: 340px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.wordwrap {
    word-wrap: break-word;
}

.col-md-2 .fa-file, .tkxml .fa-file {
    color: #3c763d;
    line-height: 30px;
    margin: 5px;
}

.tkxml .btn-fa {
    cursor: text;
}

.no-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

input.grid-select-checkbox {
    margin-right: 5px;
    margin-top: 2px;
}


.btn-desktop-active {
    color: #5cb85c;
}

.btn-desktop {
    color: #ccc;
}

.has-error .fr-box {
    border-width: 0 1px 1px 1px;
    border-style: solid;
}

.has-error .fr-box {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.text-overflow-hidden-150 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
    max-width: 150px;
}

.resume-file .file-name-limited {
    max-width: 85%;
    width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.resume-file a {
    cursor: pointer;
}

.resume-file input[type=file] {
    width: 90%;
    display: inline;
}

.resume-file .cancel-btn {
    color: #ff555c;
}

.nested-list > .row {
    margin-right: 0;
}

.toggle-switch[disabled] {
    cursor: not-allowed;
}

.toggle-switch.disabled span {
    cursor: not-allowed;
}

a.isDisabled {
    color: currentColor;
    cursor: none;
    text-decoration: none;
}

.fr-disabled,
.fr-disabled > * {
    cursor: not-allowed;
}

/*
 start   Temp styles - orbit for consultants
*/

#cal {
    margin: 50px auto;
    font: 13px/1.5 "Helvetica Neue", Helvatica, Arial, san-serif;
    display: table;
    background: linear-gradient(to right, #6091ba 10%, #287fb2 20%);
    width: 100%;
}

    #cal .header {
        cursor: default;
        height: auto;
        position: relative;
        color: #ebdedb;
        text-transform: uppercase;
        width: 100%;
    }

        #cal .header span {
            line-height: 34px;
        }


        #cal .header .button {
            width: 24px;
            text-align: center;
        }

        #cal .header .left.button {
            left: 0;
            -webkit-border-top-left-radius: 5px;
            -moz-border-radius-topleft: 5px;
            border-top-left-radius: 5px;
            float: left;
        }

        #cal .header .right.button {
            right: 0;
            top: 0;
            -webkit-border-top-right-radius: 5px;
            -moz-border-radius-topright: 5px;
            float: right;
        }

        #cal .header .button:hover {
            background: -moz-linear-gradient(top, #d94215, #bb330f);
            background: -webkit-gradient(linear, left top, left bottom, from(#d94215), to(#bb330f));
        }

    #cal hr {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #cal .header .month {
        letter-spacing: 1px;
        width: 100%;
    }

    /*
#cal .header .year{ 
    letter-spacing: 1px; 
    width: 100%; 
    text-align: center; 
}*/

    #cal table {
        border-collapse: collapse;
        width: 100%;
    }

    #cal td {
        color: #2b2b2b;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        cursor: default;
    }

    #cal #days td {
        height: 26px;
        line-height: 26px;
        text-transform: uppercase;
        font-size: 90%;
        color: #dcd0d0;
    }

        #cal #days td:not(:last-child) {
        }

    #cal #cal-frame td.selectedDate {
        background: #ededed;
        color: #dcd0d0;
        box-shadow: 1px 1px 0px #fff inset;
        -moz-box-shadow: 1px 1px 0px #fff inset;
        -webkit-box-shadow: 1px 1px 0px #fff inset;
    }

    #cal #cal-frame td:hover {
        color: aliceblue;
        -moz-box-shadow: 0px 0px 0px;
        -webkit-box-shadow: 0px 0px 0px;
        cursor: default;
    }

#eventForm {
    margin: 100px auto;
    padding: 40px;
    width: 70%;
    min-width: 300px;
}

/* Style the input fields */
/*input {
  padding: 10px;
  width: 100%;
  font-size: 17px;
  font-family: Raleway;
  border: 1px solid #aaaaaa;
}*/

/* Mark input boxes that gets an error on validation: */
input.invalid {
    background-color: #ffdddd;
}


/* Make circles that indicate the steps of the form: */
.step {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbbbbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}

    /* Mark the active step: */
    .step.active {
        opacity: 1;
        background-color: rgba(179, 214, 133, 1);
    }

/*
 end   Temp styles - orbit for consultants
*/

/* Remove Gutters - applied to column div to remove padding added by row class */
.less-gutters {
    margin-right: -15px;
    margin-left: -15px;
}
/* End No Gutter */

.header-main-border {
    padding-left: 0px !important;
    padding-right: 15px !important;
    padding-bottom: 30px !important;
    padding-top: 30px !important;
}

.header-main-container {
    float: right !important;
    /* padding-right: 0px !important;*/
}

.v-center-35 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 35px;
}

.link-button {
    background: none;
    color: #6091ba;
    font-weight: bold;
    border: none;
    padding: 0;
    cursor: pointer;
}

.text-blue {
    color: #6091ba;
}

.grecaptcha-badge {
    visibility: hidden;
}

.banding-search-container-overflow {
    overflow-y: auto;
    max-height: 300px;
}

.header-main img#lhhLogo {
    padding-left: 15px;
}
.header-main img#lhhCrnLogo {
    width: 80px;
    height: 30px;
    position: relative;
    margin-bottom: 26px;
    left: 60%;
    margin-top: -24px;
}

.home-container {
    padding: 10px;
}

    .home-container > .row {
        margin: 0px;
    }

@media(min-width: 320px) and (max-width: 760px) {
    .header-main img#lhhLogo {
        width: 100%;
        height: 100%;
    }
}
@media(min-width: 320px) and (max-width: 760px) {
    .header-main img#lhhCrnLogo {
        width: 100%;
        height: 100%;
    }
}

@media (min-width:568px) {
    .info h2 {
        padding-right: 15px;
    }
}

.home-page-container .page-content {
    min-height: 300px;
    margin-bottom: 50px;
}

.home-page-container .page-content {
    background: #e6eff6;
}

.permission2 .permission-box, .permission4 .permission-box {
    margin: 0px 8px;
    float: left;
    min-width: 218px;
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none;
    margin-right: -4px;
    vertical-align: top;
}

.big-access-box {
    background-color: #ffffff;
    text-align: center;
    height: 260px;
    margin: 10px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.small-access-box {
    background-color: #ffffff;
    height: 122px;
    margin: 7px 0px;
    cursor: pointer;
}

.home-container .col-centered {
    padding: 0px 8px;
}

.other-access span, .big-access-box span {
    margin-top: 8px;
    display: inline-block;
    color: #aaaaaa;
}

    .other-access span b, .big-access-box span b {
        color: black;
    }

.small-access-box img {
    max-height: 40px;
    margin-top: 8px;
}

.small-access-box div {
    margin-top: 12px;
    display: inline-block;
}

@media (max-width: 768px) {
    .home-page-container .page-content {
        margin-bottom: 20px;
    }

    .custom-select-btn .select2-container.form-control {
        width: 95%;
    }

    .profile-tab .form-group.custom-select-btn .close-btn {
        top: 28px;
        right: 5px;
        width: 25px;
        height: 25px;
    }

        .profile-tab .form-group.custom-select-btn .close-btn i.fa-times {
            font-size: 20px;
        }
}

@media (min-width: 993px) {
    .page-content .home-container .col-centered.permission2 {
        max-width: 25%;
    }

    .home-container .row > .col-centered:first-child {
        padding-left: 4px;
    }

    .permission5 .permission-box {
        margin: 0px 7px;
        float: left;
        min-width: 172px;
    }

    .home-container .col-centered.other-access {
        min-width: 0px;
        width: auto;
        max-width: 50%;
        padding: 4px 0px;
    }
}

@media(min-width: 992px) and (max-width: 1200px) {
    .permission4 .permission-box {
        margin: 0px 7px;
        min-width: 216px;
    }

    .permission5 .permission-box {
        margin: 0px 7px;
        min-width: 139px;
    }

    .big-access-box {
        margin: 8px 0px;
    }

    .home-container .col-centered.permission2 {
        padding: 0px;
        margin-top: 1px;
    }

    .permission5 .small-access-box {
        margin: 7px 0px;
    }

    .home-container .col-centered.permission5 {
        padding: 2px 0px;
    }
}

@media(max-width: 992px) {
    .page-content .home-container .col-centered {
        margin-right: 0px;
        width: 100%;
    }

    .home-container .col-centered {
        padding: 0px 8px;
        max-width: 100%;
        width: 100%;
    }

    .permission5 .permission-box, .permission4 .permission-box, .permission2 .permission-box {
        width: 100%;
        margin: 0px;
        display: inline-block;
    }

    .big-access-box, .small-access-box {
        margin: 8px 0px;
    }

    .modal-msg-toggle-header + .toggle-text {
        margin-bottom: 5px;
    }
}

@media (min-width:1200px) {
    .permission4 .permission-box, .permission2 .permission-box {
        margin: 0px 6px;
        min-width: 268px;
    }
}

@media (min-width:1300px) and (max-width:1400px) {
    .permission5 .permission-box {
        margin: 0px 7px;
        min-width: 151px;
    }

    .permission2 .permission-box, .permission4 .permission-box {
        margin: 0 7px;
        min-width: 234px;
    }
}

.interim-survey .form-group {
    padding-left: 25px;
}

ol.survey-response li {
    font-weight: 700;
    padding-left: 8px;
}

ol.survey-response p {
    margin-bottom: 4px;
    font-weight: 500;
}

    ol.survey-response p + span {
        margin-bottom: 10px;
        display: block;
        font-weight: 600;
    }

h5.no-survey {
    font-weight: 600;
    text-align: center;
    margin: 20px auto;
}

.non-italic-froala.fr-view {
    word-wrap: break-word;
    word-break: break-word;
}

#crn .reset-pass-link {
    background: #4bacb9;
    padding: 8px 16px;
    border-color: #4bacb9;
    border-radius: 25px;
    margin-top: 25px;
    display: inline-block;
    text-transform: uppercase;
}

    #crn .reset-pass-link + span {
        color: red;
        margin-left: 8px;
        vertical-align: middle;
        margin-top: 25px;
        display: inline-block;
    }

#crn .crn-save-btn {
    margin-bottom: 30px;
    margin-top: 30px;
}

#crn input[type='checkbox'] {
    vertical-align: sub;
}

@media (max-width: 767px) {
    #crn .select2-container.form-control {
        max-width: 260px;
    }

    #crn .reset-pass-link, #crn .reset-pass-link + span {
        max-width: 260px;
        width: 100%;
        display: block;
    }

        #crn .reset-pass-link + span {
            margin-top: 5px;
        }

    .ofc-candidate-resume-ul.activity-adp-submission {
        margin-left: 20px;
    }

    .candidate-search-filter .ofc-sort-container, .card-view-selected .ofc-sort-container {
        position: static;
        margin-bottom: 15px;
    }

    .candidate-search-filter .seleted-ul, .card-view-selected + .seleted-ul {
        text-align: left;
    }

    .form-group .col-50:first-child {
        margin-bottom: 15px;
    }
}

.ofc-candidate-resume-ul.activity-adp-submission {
    padding-left: 0px;
    margin-right: 0px;
}

    .ofc-candidate-resume-ul.activity-adp-submission li {
        list-style: none;
        display: inline-block;
        float: left;
    }

.activity-adp-submission .ofc-candidate-resumetab-li {
    margin-top: 8px;
}

@media (min-width: 768px) {
    .modal-small .modal-dialog {
        width: 480px;
    }

    .modal-small .modal-msg-cont {
        min-height: 220px;
    }
}

.messaging-subject {
    font-size: 14px;
    color: #555;
    border-bottom: 1px solid #cccccc !important;
    padding-bottom: 10px;
}

.w-100 {
    width: 100%;
}

.li-separator {
    border-right: 1px solid #888c92;
    padding-right: 6px;
    margin-right: 3px;
}

    .li-separator .fa.fa-align-justify {
        font-size: 19px;
    }

.candidate-list-view .course-item .details a.selected-candidate {
    font-size: 12px;
    color: #888c92;
    display: inline-block;
    line-height: 21px;
    border: 1px solid #888c92;
    border-radius: 100%;
    width: 20px;
    text-align: center;
    height: 20px;
    margin-right: 10px;
}

.candidate-list-view.course-item-header {
    width: 100%;
    min-width: 940px;
    font-weight: bold;
    color: rgb(115, 120, 128);
    background: #fff;
    padding: 25px 15px 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #ccc;
}

.candidate-list-view .col-meta, .candidate-list-view .col-title {
    padding: 7px 15px;
    word-break: break-word;
}

.candidate-list-view .row-divider {
    border-bottom: 1px solid #ccc;
    display: inline-block;
}

.candidate-list-view .col-title a {
    color: rgb(115, 120, 128);
    text-decoration: none;
}

    .candidate-list-view .col-title a:focus, .candidate-list-view .col-title a:hover {
        color: #4bacb9;
    }

    .candidate-list-view .col-title a .list-table-title {
        border-bottom: 2px solid #fff;
    }

    .candidate-list-view .col-title a:focus .list-table-title, .candidate-list-view .col-title a:hover .list-table-title {
        border-bottom: 2px solid #4bacb9;
    }

    .candidate-list-view .col-title a:focus i.fa, .candidate-list-view .col-title a:hover i.fa {
        color: #6091ba;
    }

    .candidate-list-view .col-title a i.fa {
        font-size: 18px;
    }

.card_2 .card-view-li {
    overflow-x: auto;
}

.candidate-list-view span.candidate-list-name {
    width: calc(100% - 35px);
    float: right;
}

.candidate-list-view a.candidate-list-title {
    padding-left: 32px;
}

.course-item .details.row-div span.job-title {
    min-height: 30px;
    display: block;
}

@media (max-width: 1200px) {
    .candidate-list-view .col-meta, .candidate-list-view .col-title {
        padding: 7px 12px;
    }
}

.email-select-colleague {
    border-bottom: 1px solid #cccccc !important;
    padding-bottom: 15px;
}

.billing-center-box {
    width: 100%;
    max-width: 540px;
}

    .billing-center-box label.control-label {
        width: 260px;
        text-align: right;
        color: #4bacb9;
    }

    .billing-center-box #colleagueADPID {
        width: 250px;
        display: inline-block;
        margin: 5px 10px;
    }

    .billing-center-box #spanColleagueADPID {
        margin-left: 275px;
    }

    .billing-center-box .select2-container {
        width: 140px;
        display: inline-block;
        margin: 5px 10px;
    }

    .billing-center-box .btn.btn-theme {
        float: right;
        margin: 10px 28px 20px 0px;
    }

@media (max-width:768px) {
    .billing-center-box label.control-label {
        text-align: left;
        margin-top: 5px;
        margin-bottom: 0px;
    }

    .billing-center-box .select2-container {
        margin: 5px 0px;
        width: 100%;
        max-width: 300px;
    }

    .billing-center-box .btn.btn-theme {
        float: left;
    }

    .user-title-row-bulk .user-title-email {
        display: flex;
    }

    .billing-center-box #colleagueADPID {
        width: 300px;
        margin: 5px 0;
    }

    .billing-center-box #spanColleagueADPID {
        margin-left: 0;
        position: relative;
        display: block;
    }
}

.candidate-finance {
    border-bottom: 1px solid #a7a7a7;
    padding: 0px;
    margin-bottom: 15px;
}

p.candidatefinanceComment {
    max-height: 150px;
    overflow-y: auto;
}

.professional-experience {
    border-bottom: 1px solid #a7a7a7;
    padding: 0px;
    margin-bottom: 15px;
}

.has-date-error .form-control {
    border-color: #a94442 !important;
}
/* sanofi screens */
.modal-body .modal-padding-top {
    padding: 20px 60px 0px 60px;
}

.modal-body .modal-padding-top-unset {
    padding: 0 60px;
}

.sanofi-recap {
    border-bottom: 1px solid #a7a7a7 !important;
    padding: 0px;
    margin-bottom: 15px;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.sanofi-section-title {
    margin-left: -13px !important;
    position: relative;
    top: -5px;
}

    .sanofi-section-title h3 {
        color: #4bacb9;
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        cursor: pointer;
    }

        .sanofi-section-title h3:before {
            font-family: "FontAwesome";
            content: "\f0d7";
        }

        .sanofi-section-title h3.collapsed:before {
            content: "\f0da";
        }

.admin-checkbox {
    margin: 0 0 10px 0;
}

    .admin-checkbox span {
        margin-left: 10px;
        color: #46acba;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 500 !important;
    }

input[type=checkbox].altedia-checkbox {
    border: 1px solid #b3b3b3;
    border-radius: 0px;
    box-shadow: 0px 0px 0px #eeeeee;
    transform: scale(2);
    height: 10px;
    width: 10px;
    margin-left: 5px;
    outline: none;
}

.manager-position-choose {
    margin: 0 0 10px 0;
}

    .manager-position-choose span {
        color: #46acba;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 500 !important;
        margin-left: 5px;
    }

    .manager-position-choose .radio-inline {
        margin-top: 0;
        margin-left: 0;
        margin-right: 10px;
    }

input[type=radio].altedia-radio {
    box-shadow: 0px 0px 0px #eeeeee;
    transform: scale(2);
    -moz-transform: scale(1);
    height: 8px;
    width: 8px;
    outline: none;
    position: relative;
    top: 2px;
    left: 4px;
}

@-moz-document url-prefix() {
    input[type=radio].altedia-radio {
        position: relative;
        top: 0;
        left: 0;
    }
}

#sanofiFormModal .modal-body .datepicker table {
    table-layout: auto !important;
}

@media (min-width: 768px) {
    .form-group .col-50 {
        width: 50%;
        float: left;
    }

        .form-group .col-50:first-child {
            padding-right: 8px;
        }

        .form-group .col-50:last-child {
            padding-left: 8px;
        }

    #entrepreneurFormModal .col-50 .dropdown-menu.datepicker, #candidateTrainingFormModal .col-50 .dropdown-menu.datepicker, #professionalExperience .col-50 .dropdown-menu.datepicker {
        max-width: 280px !important;
    }
}

@media (max-width:1024px) {
    _:-webkit-full-screen, :root .modal .modal-body {
        max-height: 70vh;
        overflow-y: auto;
    }

    .main-nav .nav .nav-item.open {
        z-index: inherit;
    }
}

.candidate-report-add {
    float: right;
    width: 100%;
    margin-bottom: 20px;
    min-height: 40px;
}

#reports-tab a.candidate-reports {
    font-size: 18px;
    color: #4bacb9;
    float: right;
    line-height: 42px;
    border: 1px solid #4bacb9;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-align: center;
}

.div-striped.nested-list .details.row .col-sm-4 {
    word-break: break-all;
}

.email-body-edit .smart-schedule-link {
    pointer-events: none;
    cursor: default;
}

.fr-view .smart-schedule-link {
    pointer-events: none;
    cursor: default;
}

#from-me-tab .info-col.card-user-info-hf {
    width: 100%;
}

#from-me-tab .info-col .text-overlap {
    white-space: inherit;
    text-overflow: inherit;
    word-wrap: break-word;
}

.profile-container .tab-header .nav.nav-tabs.custom-tab li {
    height: 30px;
}

.filter-block .activty-box.box-height {
    min-height: 130px;
}

@supports (-webkit-overflow-scrolling: touch) {
    .modal-content button.close-btn, .modal-header button.close-btn {
        padding: 0px;
    }

        .modal-content button.close-btn i.fa-times, .modal-header button.close-btn i.fa-times {
            vertical-align: initial;
        }
}

.learning-date .dropdown-menu.datepicker {
    width: 245px;
}

@media (max-width: 991px) {
    .learning-date .dropdown-menu.datepicker {
        width: 260px;
    }

        .learning-date .dropdown-menu.datepicker .pull-right {
            float: right !important;
        }

    .course-item .btn-theme.navbar-btn.-voffset {
        margin-top: 8px;
    }

    .permission-table {
        overflow-x: auto;
    }

        .permission-table .row-fluid, #desiredJobs .altedia-report-table .table-fixed-width {
            min-width: 600px;
        }
}

.course-wrapper .course-item form#editForm {
    margin-bottom: 10px;
}

.user-contact-info.ofc-colleague-info .skype-call-icon {
    line-height: 38px;
}

.ofc-sort-container .sort-arrow {
    font-size: 20px;
    padding: 0 2px;
}

.border-right0 {
    border-right: 0px !important;
}

.advance-search-tab button.ofc-btn-search, .advance-search-tab button.ofc-btn-clear {
    margin-top: 18px;
}

.profile-tab .profile-form .form-group {
    min-height: 80px;
    margin-bottom: 0px;
}
.mar-top-5 {    
    margin-top: 5px;
}
.basicInfo-surname{
    clear: left;
}

.white-bg.sync-orbit-cal .controls {
    display: inline-block;
    width: 100%;
}

#emailSubject::-ms-clear {
    display: none;
}

#bulkEmailSubject::-ms-clear {
    display: none;
}

@media (max-width: 480px) {
    .user-title-email .info-col .text-wrap, .user-title-email .info-col h6 {
        max-width: 150px;
        text-overflow: inherit;
        white-space: inherit;
    }
}

#buklEmailformmodal li.pos-rel .cross-btn {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -15px;
}

.modal-body .modal-padding {
    padding: 20px 60px;
}

.display-inline {
    display: inline;
}

input[type=checkbox].altedia-checkbox {
    border: 1px solid #b3b3b3;
    border-radius: 0px;
    box-shadow: 0px 0px 0px #eeeeee;
    transform: scale(2);
    height: auto;
    width: auto;
    margin-left: 5px;
    outline: none;
}

.candidate-report-col-2 {
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}

    .candidate-report-col-2 .col-50 {
        width: 45%;
        border-bottom: 1px solid #a7a7a7;
    }

.colleague-signature-details-message {
    display: inline;
    padding-left: 10px;
}

.profile-tab .form-group .close-btn {
    top: 30px;
    right: -2px;
    width: 15px;
    height: 15px;
    padding: 0px;
    background: rgba(51, 51, 51, 0.2);
    cursor: pointer;
}

    .profile-tab .form-group .close-btn .fa-times {
        font-size: 14px;
        line-height: 14px;
        vertical-align: middle;
        opacity: 1;
        display: block;
        color: #333;
    }

.altedia-report-table {
    overflow-y: auto;
    width: 100%;
}

    .altedia-report-table .table-fixed-width {
        min-width: 860px;
    }

    .altedia-report-table .row-divider {
        border-top: 1px dotted #e8e8e8;
        padding: 10px 0 0 0px;
        display: inline-block;
        width: 100%;
        margin-top: 5px;
    }

#reports-tab .tab-title h3.collapsed .fa-caret-down:before {
    content: "\f0da";
}

#jobtrackinglists-tab .tab-title h3.collapsed .fa-caret-down:before {
    content: "\f0da";
}

.modal-report-padding {
    padding: 10px 50px;
}

label.report-modal-heading {
    font-size: 18px;
    text-indent: -30px;
    margin-bottom: 20px;
}

@media (max-width: 640px) {
    .candidate-report-col-2 {
        flex-direction: column;
    }

        .candidate-report-col-2 .col-50 {
            width: 100%;
            margin-bottom: 15px;
        }

            .candidate-report-col-2 .col-50:last-child {
                margin-bottom: 0px;
            }
}

.colleague-signature-details {
    display: inline;
}

.tracked-jobs-section {
    display: flex;
    border: 1px solid #a5a5a5;
    padding: 20px;
    /*margin-bottom: 25px;*/
}

    .tracked-jobs-section .title-icon {
        background: #4bacb9;
        width: 56px;
        height: 56px;
        display: inline-block;
        color: #fff;
        text-align: center;
        line-height: 56px;
        font-size: 20px;
        cursor: pointer;
    }

    .tracked-jobs-section .title-logo {
        cursor: pointer;
    }

.tracked-jobs-title {
    margin-left: 5px;
    width: calc(100% - 70px);
}

.profile-container .tab_content .tab-content .profile-form .tracked-jobs-title label {
    margin-bottom: 0px;
    color: #2095a5;
    font-size: 20px;
    line-height: 18px;
    font-weight: 600;
}

.tracked-jobs-title p, .tracked-jobs-title span {
    margin-bottom: 0px;
}

.tracked-jobs-title span {
    font-size: 14px;
    line-height: 18px;
    color: #323232;
}

.tracked-jobs-title p {
    font-size: 12px;
    line-height: 16px;
    color: #323232;
}


/*Document Upload Tab*/
.upload-document-table {
    overflow-y: auto;
    width: 100%;
    min-height: 100px;
}

    .upload-document-table .table-fixed-width {
        min-width: 860px;
    }

.upload-files-head {
    display: flex;
    width: 100%;
    align-items: center;
    margin: 30px auto 15px;
}

    .upload-files-head .upload-file-text {
        font-size: 16px;
        font-weight: 600;
        color: #4bacb9;
        margin-left: 15px;
    }

.upload-document-table .row-header strong {
    color: #4bacb9;
    text-transform: uppercase;
}

.upload-document-table a.delete-doc {
    display: inline-block;
    height: 40px;
}

    .upload-document-table a.delete-doc i {
        font-size: 23px;
        color: #d86435;
        border: 1px solid #d86435;
        border-radius: 100%;
        width: 40px;
        height: 40px;
        padding: 7px;
        margin-left: 15px;
    }

.upload-document-table .details.row-div.row-divider {
    border-bottom: 1px solid #4bacb9;
    margin-bottom: 15px;
}


.tracked-jobs-title a {
    color: #2095a5;
    cursor: pointer;
}

.tracked-jobs-progress {
    border: 1px solid #a5a5a5;
    padding: 0px 20px;
    background: #efefef;
    border-top: 0px;
    overflow-y: auto !important;
    overflow-x: visible;
    min-height: 155px;
    width: 100%;
    cursor: pointer !important;
}

    .tracked-jobs-progress .job-progress-bar {
        display: inline-block;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        border: 2px solid;
        width: max-content;
        min-width: 100%;
        height: 2px;
        border-image-source: url(/Content/Images/Jobs/dashed-border.png);
        border-image-slice: 1;
        border-image-repeat: round;
        border-image-width: 2px;
        margin-top: 55px;
    }

.job-progress-step .progress-bar-icon span.icon-iconfinder_Check_1063906, .status-comment-box .job-status-comments span.status-check i {
    font-size: 18px;
    background: #31acbd;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    line-height: 37px;
    color: #fff;
    font-weight: bold;
    position: relative;
    z-index: 1;
    min-width: 35px;
    cursor: pointer;
}

.job-progress-step .progress-bar-icon span.icon-plus-symbol {
    line-height: 35px;
    background: #fff;
    border: 1px solid #a5a5a5;
    color: #7f7f7f;
    font-weight: bold;
    font-size: 16px;
    height: 35px;
    width: 35px;
    display: inline-block;
    border-radius: 50%;
}

.job-progress-step .progress-bar-icon {
    display: inline-block;
    position: relative;
    height: 40px;
    width: 100%;
    text-align: center;
    margin: 3px 0px;
}

.job-progress-step .job-progress-status {
    margin-top: 40px;
    font-size: 14px;
    line-height: 18px;
}

.job-progress-step {
    min-width: 170px;
    display: inline-block;
    width: 170px;
    text-align: center;
    margin-right: 15px;
}

    .job-progress-step .job-application-info {
        min-height: 56px;
    }

.job-application-info .job-applicantion-date {
    font-size: 12px;
    line-height: 13px;
    color: #31acbd;
}

.status-comment-box {
    border: 1px solid #a5a5a5;
    padding: 20px;
    border-top: 0px;
}

.job-status-comments {
    display: flex;
    margin-bottom: 15px;
}

    .job-status-comments .status-comment-text {
        width: 100%;
        padding: 0px 0px 10px 5px;
        border-bottom: 1px solid #31acbd;
        word-break: break-all;
    }

        .job-status-comments .status-comment-text div {
            color: #4bacb9;
            font-weight: 600;
        }

.status-comment-box .status-history:last-child .job-status-comments .status-comment-text {
    border-bottom: 0px;
}

.status-comment-box .status-history:last-child .job-status-comments {
    margin-bottom: 0px;
}

.status-comment-box .cross-icon {
    cursor: pointer;
}

.job-progress-bar .job-progress-loop:first-child .job-progress-step .progress-bar-icon .half-bg {
    background: #efefef;
    position: absolute;
    width: 50%;
    height: 100%;
    left: -2px;
}
/*Ellipsis Css*/
.job-application-info .job-applicant {
    overflow: hidden;
    position: relative;
    line-height: 14px;
    max-height: 30px;
    text-align: center;
    margin-right: -1em;
    padding-right: 1em;
    padding-left: 1em;
    padding-bottom: 3px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

    .job-application-info .job-applicant:before {
        content: '...';
        position: absolute;
        right: 3px;
        bottom: 0;
    }

    .job-application-info .job-applicant:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: 0.2em;
        background-color: #efefef;
    }

.job-status-comments .status-icon-hide {
    visibility: hidden;
}
/*Ellipsis End*/

.job-details-popup .job-details-status {
    display: flex;
    padding: 5px 30px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

    .job-details-popup .job-details-status label {
        width: 50%;
        color: #2095a5;
        text-transform: uppercase;
    }

    .job-details-popup .job-details-status div {
        width: 50%;
        color: #7f7f7f;
    }

    .job-details-popup .job-details-status label:before {
        content: '\2B24';
        margin-right: 5px;
    }

.job-details-popup .job-desc {
    padding: 30px;
}

    .job-details-popup .job-desc label {
        color: #2095a5;
        font-size: 18px;
        text-transform: uppercase;
    }

    .job-details-popup .job-desc p {
        color: #777;
        font-size: 14px;
        font-weight: 500;
    }

.job-details-popup .tracked-jobs-section {
    border: 0px;
    margin: 0px 20px;
    padding: 20px 5px;
    border-bottom: 2px solid #ccc;
    border-top: 2px solid #ccc;
    word-wrap: break-word;
    word-break: break-word;
}

.job-details-popup .tracked-jobs-title label a {
    font-size: 20px;
    color: #2095a5;
    line-height: 18px;
    font-weight: 600;
}

.job-details-popup .tracked-jobs-section .title-icon {
    width: 50px;
    height: 50px;
    line-height: 56px;
    font-size: 28px;
}

.job-details-popup .tracked-jobs-title p {
    font-size: 16px;
    line-height: 18px;
    color: #999;
    margin-top: 2px;
}

@media only screen and (max-device-width: 640px) {
    .job-details-popup .job-details-status {
        flex-direction: column;
    }

        .job-details-popup .job-details-status label, .job-details-popup .job-details-status div {
            width: 100%;
        }
}
/*Ellipsis End*/

.job-rating-non-colered-icon_star {
    width: 30px;
    height: 28px;
    object-fit: contain;
    float: left;
}

.job-rating-colered-icon_star {
    width: 30px;
    height: 28px;
    object-fit: contain;
    float: left;
}

.no-result-text {
    margin: 0px 0px 30px 15px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.bottom-datepicker {
    position: relative;
}

.job-details-heading-title {
    color: #2095a5 !important;
    font-size: 32px !important;
    margin-top: 5px;
    font-weight: 600 !important;
}

.report-white-bg {
    background: #fff;
    padding: 30px 0px;
}

.modal-content {
    margin-bottom: 15px;
}

.job-progress-bar .job-progress-container {
    display: flex;
    margin-top: -80px;
    align-items: center;
    min-height: 160px;
}

.job-details-popup .tracked-jobs-title p span {
    font-size: 16px;
    line-height: 18px;
    color: #999;
}

.availability-section .select2-container .select2-choice > .select2-chosen {
    margin-right: 0px;
}

.availability-section .office-address .select2-container.form-control {
    width: 185px;
}

.availability-activity a.add-icon {
    padding-right: 0px;
}

@media (min-width: 980px) {
    .fc-header .fc-header-center .days-view {
        display: inline-block;
        max-width: 430px;
        margin: 20px 10px;
    }

    .fc-header .fc-header-center .rounded-icon {
        position: absolute;
    }

    .fc-header .fc-header-center .left-carousel {
        left: 15px;
        top: 65px;
    }

    .fc-header .fc-header-center .right-carousel {
        right: 15px;
        top: 65px;
    }
}

@supports (-ms-ime-align: auto) {
    /* Microsoft EdgeV13&14 CSS styles go here */
    .modal-content {
        display: inline-block;
        width: 100%;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10 & IE11 CSS styles go here */
    .modal-content {
        display: inline-block;
        width: 100%;
    }
}

.last-type-virtual .meeting-office#s2id_officeControl {
    width: calc(100% - 65px);
}

.navbar-form .email-search-box .form-control, 
.navbar-form .team-search-box .form-control {
    width: 100%;
}

.email-search-box .control-label {
    margin-top: 5px;
}

.engager-new-btn {
    border: 1px solid #6091ba;
    border-radius: 40px;
    height: 28px;
    width: 28px;
    margin: 4px 8px;
    padding: 0px;
    color: #6091ba;
    line-height: 28px;
    font-size: 14px;
}

    .engager-new-btn:focus, .engager-new-btn:focus i {
        color: #6091ba;
    }

    .engager-new-btn .fa-handshake-o, .btn-desktop-active .fa-desktop {
        color: #6091ba;
        margin: 0px;
        padding: 0px;
    }

.btn-desktop i.fa-desktop {
    color: #ccc;
    margin: 0px;
    padding: 0px;
}

.btn-mobile {
    height: 20px;
    width: 20px;
    text-align: center;
    display: inline-block;
    padding: 0px;
    margin: 4px 8px;
}

    .candidate-btns .btn-fa i, .btn-mobile .fa-mobile {
        margin: 0px;
    }

.candidate-btns .btn-fa {
    margin: 4px 6px;
    padding: 0px;
    width: 28px;
    height: 28px;
}

.menu-toggle[disabled] {
    background-color: #ddd;
}

.text-go {
    font-size: 15px;
    color: #32CD32;
}

.text-go-passed {
    font-size: 15px;
    color: #ffd800;
}

.tracked-jobs-section {
    align-items: center;
    justify-content: space-between;
}

.jobs-section-content {
    display: flex;
}

.job-rating-section {
    /*min-width:165px;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .job-rating-section span.circle-base {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        line-height: 35px;
        text-align: center;
        font-size: 20px;
        display: inline-block;
        font-weight: 600;
        vertical-align: sub;
    }

/*OVE Keyword*/
.job-ove-section {
    padding-left: 10px;
    padding-right: 5px;
    min-width: 79px;
}

.ove-circle-fill {
    background: #d6643c !important;
    color: #fff;
    border: 1px solid #fbfbfb;
}

.ove-circle-grayout {
    background: #fff;
    color: #7f7f7f;
    border: 1px solid #7f7f7f;
}

.ove-color {
    color: #d6643c !important;
}


.job-rating-section-width {
    width: 165px;
}

@media (max-width: 768px) {
    .tracked-jobs-section {
        flex-direction: column;
        align-items: flex-start;
    }

        .tracked-jobs-section .job-rating-section {
            align-self: flex-end;
        }
}

.aad-btn-color a {
    color: #fff;
}

.aad-progress-bar {
    width: 250px;
    margin: 5px auto 30px;
}

.mouse-not-hover-icon,
.mouse-hover-icon
.ove-circle-grayout {
    pointer-events: none;
}

.modal-msg-cont .anchor-link {
    color: #46acba;
    font-size: 16px;
}

.profile-container .tab_content .tab-content .profile-form .fr-input-line label {
    color: rgba(0,0,0,0);
    font-size: 12px;
    font-weight: 600;
    width: 100%;
}

.profile-container .tab_content .tab-content .profile-form .fr-checkbox-line label {
    color: #46acba;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500 !important;
    position: relative;
    top: -8px;
    left: 19px;
}

.ofc-container .ofc-bulk-action-space .ofc-bulk-action .bulk-assign-to-do {
 border: none;
}

.ofc-container .ofc-bulk-action-space .ofc-bulk-action .bulk-assign-to-do img {
 margin-bottom: 5px;
 height: 41px;
 width: 41px;
}

.ofc-container .ofc-bulk-action-space .ofc-bulk-action .ofc-sort-container span {
    display: inline-block;
}

    .ofc-container .ofc-bulk-action-space .ofc-bulk-action .ofc-sort-container span i {
        position: relative;
        top: 2px;
    }

#sanofiFormModal .section.collapsing, #sanofiFormModal .section.collapse {
    min-height: 2px !important;
}

.sanofi-recap p {
    min-height: 18px;
}

.user-title-row-bulk .cross-btn {
    position: absolute;
    right: 0px;
    top: 39%;
    margin-top: -15px;
}

/*Confim Modal*/
.confirm-modal .confirm-modal-title {
    padding: 0 10px !important;
    margin: 30px 0 !important;
}

.confirm-modal .modal-footer {
    padding: 13px 0px 0px !important;
}

// Confirm Modal CSS .showModal {
    display: block;
}

.hideModal {
    display: none;
}

.altedia-padding {
    padding-right: 50px !important;
    padding-left: 50px !important;
}

.date-msg-error {
    font-size: 12px !important;
}

.textbox-valign {
    display: flex;
}
    @media (min-width: 769px) and (max-width: 991px) {
        .textbox-valign {
            align-items: center;
        }
        .textbox-valign > div {
            width: 200px;
        }
    }

@media (max-width: 768px) {
    .modal-dialog {
        width: 88%;
        margin: 0 auto;
    }

    .altedia-padding {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .textbox-valign {
        display: block;
    }
}

.profile-tab .form-control {
    background-color: #fff !important;
}

    .profile-tab .form-control[disabled] {
        background-color: #eee !important;
    }

#entrepreneurFormModal .bottom-datepicker .dropdown-menu.datepicker {
    position: absolute;
    top: -247px !important;
}

.bulk-assign-candidate {
    border-bottom: 1px solid #a7a7a7;
    padding: 0px;
    margin-bottom: 15px;
}

#buklAssignformmodal li.pos-rel .cross-btn,#bulkAssignformmodal li.pos-rel .cross-btn {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -15px;
}


#bulkAssignformmodal ul.text-ellipse {
    padding: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.candidate-icon-color {
    color: #4bacb9;
}

.position-relative {
    position: relative;
}

.candidate-icon-style {
    position: absolute;
    left: 60px;
    top: 40px;
}

.candidate-card-icon-style {
    position: absolute;
    left: 40px;
    top: 30px;
}

.green-text {
    color: #4bacb9;
}

.meeting-date-list {
    margin-top: 15px;
}

.meeting-type-contain .engagement-role .engagement-input {
    width: 90%;
}

.meeting-type-contain .engagement-role .engagement-close {
    width: 10%;
}

.meeting-type-contain .engagement-role button.close-btn {
    top: 37px;
    right: 18px;
    width: 15px;
    height: 15px;
    padding: 0px;
    background: rgba(51, 51, 51, 0.2);
    cursor: pointer;
}

    .meeting-type-contain .engagement-role button.close-btn i.fa-times {
        font-size: 14px;
        line-height: 14px;
        vertical-align: middle;
        opacity: 1;
        display: block;
        color: #333;
    }

@media (min-width: 361px) and (max-width: 768px) {
    .meeting-type-contain .engagement-role button.close-btn {
        right: 8px;
    }
}

@media (min-width: 320px) and (max-width: 360px) {
    .meeting-type-contain .engagement-role button.close-btn {
        right: 6px;
        margin-top: 21px;
    }
}

@media (min-width: 320px) and (max-width: 375px) {
    #ofc-event-modal-body {
        padding: 15px 0;
    }

        #ofc-event-modal-body .ofc-checkbox-pointer-event {
            font-size: 14px;
        }
}

.add-shadow_1 .collapse-able-sec .collapse-header .collapse-chevron a {
    word-break: break-word;
}

#crn .primary-emai-not-exist {
    color: red;
    display: inline-block;
}

.speciality-input {
    margin-top: 15px;
}

.textarea-noresize {
    resize: none;
}

.datepicker {
    min-width: 320px !important;
}

/*Company Listing Page*/
.page-wrapper .page-content .company-listing-page .row-divider {
    padding: 10px 0;
}

.page-wrapper .page-content .company-listing-page .btn-group .btn:focus-visible {
    outline: 2px solid #000000;
}

.page-wrapper .page-content .company-listing-page a:focus-visible {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 2px;
    text-decoration: none;
}

/* These are used for Companies views*/
.page-wrapper .heading-company-ID {
    font-size: 16px;
}

.page-wrapper .page-content .company-item a:focus-visible {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 2px;
    text-decoration: none;
}

.page-wrapper .page-content .company-item .row-divider {
    border-bottom: 1px dotted #e8e8e8;
    padding: 10px 0;
}

.page-wrapper .page-content .company-item .company-scroll {
    overflow-y: auto;
    max-height: 260px;
    overflow-x: hidden;
    position: relative;
}

.page-wrapper .page-content .company-item .company-list-data {
    position: sticky;
    top: 0;
    background-color: #ffffff;
    z-index: 1;
}

.page-wrapper .page-content .company-item .heading-margin-right {
    margin-right: 5px;
}

.page-wrapper .company-detail-content {
    margin-bottom: 70px;
}

.company-edit-item .navbar-brand {
    padding: 15px 0px;
}

.company-edit-item .control-toggle {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.company-edit-item .control-group-editform {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.company-edit-item .control-group-gradename {
    flex: 10.5;
}

.company-edit-item .control-group-active {
    flex: 1.5;
}

.company-edit-item .toggle-switch {
    min-width: 125px;
    border: 1px solid #ccc;
    background: #ccc;
}

    .company-edit-item .toggle-switch:focus-visible {
        outline: 1px solid #000000;
    }

.company-edit-item .schedule-active {
    min-width: 164px !important;
}
.company-edit-item  .toggle-switch .knob{
    border-left: 1px solid #ccc;
    border-right: none;
}
.company-edit-item .toggle-switch .switch-right{
    border-left: 1px solid #ccc;
    border-right: none;
}

.company-edit-item .schedule-active-others {
    min-width: 116px !important;
}

.company-edit-item .content-access a {
   border-radius : 0 !important;
}

/* Chrome, Safari, Edge, Opera */
.schedule-form input::-webkit-outer-spin-button,
.schedule-form input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.schedule-form input[type=number] {
    -moz-appearance: textfield;
}

.content-access span.select2-arrow {
    border-left: none !important;
}

.company-details-edit-anchor-disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}
.has-blank {
    border-color: red;
}
.employeegroup-error{
    color: red;
    padding: 0px 5px 5px 5px;
    margin-top:10px;
    display:block;
}

.job-visibility-switch {
    display: flex;
    align-items: center;
    padding-top:10px;
}

.job-visibility-switch.toggle-switch {
    margin-left: 10px;
    min-width: 80px;
}
.cust-btn-margin-top {
    margin-top: 10px;
}
.text-danger-i{
    color : #fff;
    margin-left : 20px;
    text-align : center;
    
}
#fa-fa-delete {
    background-color: red;
    width: 32px;
    position: relative;
    padding: 10px;
}
.job-visibility-switch .toggle-switch {
    min-width: 80px;
}

.job-visibility-switch label.control-label {
    vertical-align: top;
    line-height: 12px;
}
.contract-program-row label {
    padding-bottom: 10px;
    }
.contract-program-row .btn-col{
    margin-top:35px;
}
.content-access-list .course-item-header {
    clear:both;
    margin-bottom: 30px;
}
.contract-program-list {
    margin-top:15px;
}
.page-wrapper .page-content .employeegroup-program-list .row-divider {
    padding: 10px 0 10px 0px;
}
.page-wrapper .page-content .employeegroup-program-list .tab-content{
    border: none;
    padding: 0px;
}
.cust-control-label {
    font-weight:normal;
}

.company-item .panel, .company-edit-item .panel {
    border: none !important;
    outline: 1px solid #e8e8e8;
}
@media (max-width: 768px) {
    .page-wrapper .page-content .company-item .text-right {
        text-align: left;
    }

    .company-edit-item .navbar-brand {
        padding: 15px;
    }

    .company-edit-item .control-group-editform {
        display: block;
    }

    .company-edit-item .control-group-active .hoffset3 {
        margin-left: 0px;
    }
   .employeegroup-program-list .text-danger-i{
      margin-left : 0px;
     }
  .employeegroup-program-list .details {
       margin-top:20px;
   }
}

.no-padding-left {
    padding-left: 0px !important;
}
.no-padding-right {
    padding-right: 0px !important;
}
.text-right-imp {
    text-align: right !important;
}
.employee-group-footer .navbar{
    min-height: auto;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .contract-program-row .program-col .control-group{
    width:80%;
    margin-left:10%;
}

}

.team-listing-content .pagination > li > a:focus,
.team-listing-content #mainNavBar .dropdown-menu a:focus,
.team-listing-content .class-item-header .pagination a:focus {
    outline-offset: -3px !important;
    outline: 2px solid #000;
    border-radius: 2px;
}
.team-listing-content .team-search-box .team-memember-option .select2-choice > .select2-chosen{
    margin-right: 0;
    max-width: 220px;
}
.team-search-box .control-label {
    margin: 5px 0;
}
.team-listing-content .course-item-header .row-divider,
.team-listing-content .course-item .row-divider{
    padding:6px 0;
}
.team-data-header .row-divider:after,
.team-listing-content .course-item .row-divider:after{
    content: " ";
    clear:both;
    display: block;
}

.team-search-box.search-group .navbar-form { border: none;}

.team-listing-content .course-item-header .col-title a{
    display: inline-block;
}

.icon-col-width {
    width:4%;
    padding-left: 0px;
}
.team-listing-content .team-page-pagination > .btn:focus {
    outline: 2px solid #000;
    border-radius: 2px;
}
.team-listing-content .course-item .row-divider a{
        outline-offset: 3px;
}
.team-listing-content .course-item .row-divider a:focus-visible {
    outline: 2px solid #000;
    border-radius: 2px;
}

@media (min-width: 767px) and (max-width: 900px){
    .team-listing-content .btn-group.pull-right.pagination {
        float: right !important;
    }
    .team-listing-content .btn-group.pull-right.pagination > .dropdown-menu {
        right: 0 !important;
    }
}
@media (max-width: 767px) {
    .team-listing-content  .btn-group.pull-right.pagination > .dropdown-menu {
        left: 0;
    }
    .class-item-header{
        padding-left: 10px;
        padding-right: 10px;
    }
}
/*Teams Edit page*/
.team-details-cnt hr{
    border-bottom:1px solid #a7a7a7;     
}
.team-title-row {padding: 20px 0;}
.team-details-cnt .team-details-tab-header {background:none;}
.team-details-tab-header .nav.nav-tabs.custom-tab a{color:#000;}
.team-details-cnt .team-details-tab-header .nav.nav-tabs.custom-tab li.active a{color: #4bacb9;border-bottom: 3px solid #4bacb9;}
.team-details-tab-header .container{
    border-bottom:1px solid #a7a7a7;
}
.team-details-cnt .nav.nav-tabs.custom-tab{
    padding-bottom: 10px;
}
.team-details-basic .team-basic-label{
    color: #4bacb9;
}
.team-details-footer{background:none}
.team-details-footer .team-details-cnt .container{padding: 0 30px;}
.team-details-basic .team_content_acess_details{
    margin: 10px 0 0;
    padding: 25px 0 0;
    background: #f5f5f5;
}
.tab_content.team-details-basic{margin-bottom:0;}
.team-details-footer{margin: 0 auto 40px;padding-bottom:20px;padding-top:10px;}
.team-details-last-updated{margin: 25px 0 0;}
.team-details-basic .team_content_acess_details .content-access-label{
    color: #4bacb9;
}

.description-text-box textarea{resize:vertical; min-height:30px;}
.content-access-row, .content-access-details{
    margin-bottom:10px;
}

.content-access-row .content-access-message{
   font-style:italic;
}

.team-tab-details .toggle-switch span{padding: 3px;}
.team-tab-details textarea {min-height: 100px;}

.team-details-basic .select2-container .select2-choice , .team_content_acess_details .select2-container .select2-choice, 
.team_content_acess_details .select2-container-multi .select2-choices{
    border-radius:0;
}
.team_content_acess_details .select2-container .select2-choices .select2-search-field input, 
.team_content_acess_details .select2-container .select2-choice, .team_content_acess_details .select2-container .select2-choices {
    border-radius:0;
}
.req{
    color:red;
}
.team-title-row .card-user-info-hf h5{
    line-height:20px;
}
.profile-container.team-details-cnt section.prof-sec .photo-col .card-profile-photo-cont .card-initials span {
        line-height: 85px;
}

.course-item .details.row-divider .col-title:first-child {
    word-break: break-word;
}


@media (min-width: 768px) {
    .team-listing-content .col-id {
        width:10%;
    }
    .team-listing-content .col-status{
        width:11%;
    }
    .team-listing-content .col-last-updated-date{
        width: 20%;
    }
}
.course-item-header .col-title a:hover, .course-item-header .col-title a:focus {
    text-decoration: none;
}
.coaching-team-content-details label.control-label,
.coaching-team-content-details span{
    display:block;
}
.coaching-team-content-details span{
    padding-bottom:5px;
}
.team-details-last-updated .inline{
    display:inline;
}
.team-last-updated-date{
    margin-right:20px;
}
@media (max-width: 767px) {
    .team-details-footer{
        padding-left:15px;
    }
   
    .content-access-details label.control-label{
        padding-top: 10px;
    }
}
/*Teams Edit page End*/
/**Add memember on edit*/
.add-member-header {margin-bottom:20px;}
.team-details-basic .gray-bg{margin-bottom:30px;padding:20px 0 0;}
.team-details-basic .gray-bg .ofc-bulk-action-space{padding-bottom: 20px;}
#addmember-tab{margin-bottom:30px;}
.team-tab-details .candidate-list-view a.candidate-list-title {padding-left:0;}
.team-colleague-list-view .row-divider {display:block;}
.team-colleague-list-view .row-divider .col-title,.team-colleague-list-view .row-divider .col-meta{float:left;}
.team-colleague-list-view .col-lastname{width:13%;}
.team-colleague-list-view .col-location {width:13%;}
.team-colleague-list-view .col-select-team{width:3%;}
.team-colleague-list-view .col-country{width:12%;}
.team-colleague-list-view .col-timezone{width:12%;}
.team-colleague-list-view .col-primary-lang{width:12%;}
.team-colleague-list-view .col-allowed-lang{width:12%;}
.team-colleague-list-view .col-allowed-countries{width:14%;}
.team-colleague-list-view .col-memebers{width:9%;}
.team-colleague-list-view.candidate-list-view span.candidate-list-name{float:none;}
#addmember-tab .card-view-li .user-title-row {min-height:170px;}
.user-card{position:relative;}
.user-card .card-member-info,.user-card .card-member-grey-info {position:relative;}
.user-card .card-member-info a{width: auto;padding: 5px;font-size:10px;font-weight:bold;position: absolute;top: 0;right: 15px;color:#fff;background: #6091ba;}
.user-card .card-member-grey-info a{width: auto;padding: 5px;font-size:10px;font-weight:bold;position: absolute;top: 0;right: 15px;color:#fff;background: #737880;}
.team-tab-details .ofc-bulk-action ul li a{line-height:38px;}
.team-tab-details .ofc-bulk-action ul .card-view-select{position:relative;top:1px;padding-left:1px;}
.team-tab-details .ofc-bulk-action ul .card-view-select span{position:relative;top:1px;padding-left:1px;}
.team-tab-details .ofc-bulk-action .list-view-select span{ position:relative;top:1px;padding-left:1px;}
.team-tab-details .ofc-bulk-action .add-user-icon span{ position:relative;top:-2px;padding-left:2px;}
.team-tab-details .ofc-sort-container{top: 10px;}
.team-tab-details .user-contact-info ul li a{line-height: 37px;}
.team-details-basic .add-member-header .text-muted{font-weight:bold;}
.team-details-basic .user-card .activity-candidate h5{font-weight: 900}
.team-details-basic .user-card .profile-summary-candidate{padding:0 15px;}
.team-details-basic .user-card .profile-summary-candidate h4{font-weight: 900;font-size:14px;}
.team-details-basic .user-card .activity-candidate h5 span{font-weight: normal;line-height:14px;}
.team-details-basic  .activity-candidate {min-height: 50px;height:auto;}
.team-details-basic .card-basic-info-details{padding: 5px 0 10px;min-height:105px;}
.team-details-basic .ofc-sort-container a{color:#a5a5a5;outline-offset: 1px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;line-height: 14px;padding-right: 0;}
.team-details-basic .ofc-sort-container span.sort-separator{color:#a7a7a7;padding:0 2px;}
.team-details-basic .ofc-sort-container span.active{color:#333;}
.team-details-basic .ofc-sort-container .active a{color:#6091ba;text-decoration:underline;}
.gray-bg .candidate-list-view .course-item .details a.selected-candidate{line-height:18px;outline-offset:1px;}
.team-tab-details .candidate-list-view a:focus-within {outline-offset:2px;display:inline-block;}
.modal-content .close-btn:focus-within {border: 2px solid;}
.team-tab-details  [data-title]{cursor:pointer;}
.team-tab-details  [data-title]:hover:after {display: block;}         
.team-tab-details [data-title]:after{content: attr(data-title);border: 1px solid #a5a5a5;color: #666;max-width:100%;font-size: 10px;position: absolute;z-index:999;padding: 4px 8px 4px 8px;display: none;background:#fff;right:20px;}

.note-desc[data-title]{cursor:pointer;}
.note-desc[data-title]:hover:after {display: block;}         
.note-desc[data-title]:after{content: attr(data-title);border: 1px solid #a5a5a5;color: #666;max-width:100%;font-size: 10px;position: absolute;z-index:999;padding: 4px 8px 4px 8px;display: none;background:#fff;right:-15px;top:40px}
/***End*/
/**Schedule pool**/
.schedule-pool-edit .toggle-switch span{
    line-height:28px;
}
.schedule-pool-edit .blue-panel{
    border-color:#6091ba;
    border-bottom:0;
}
.schedule-pool-edit #editForm .panel{
   /*border-color:#6091ba;*/
   border: none !important;
    outline: 1px solid #6091ba !important;
}

.schedule-pool-edit #editForm .panel.program-table{
    outline: none !important;
}

.schedule-pool-edit #editForm .panel.blue-panel{
   margin-bottom:0;
 }
.schedule-pool-edit .blue-panel.border-panel{
    border-bottom: 1px solid #6091ba;
}
.schedule-pool-edit .blue-panel .navbar-default{
   background: #6091ba;
   border-color:#6091ba;
}
.schedule-pool-edit #editForm .navbar-default .navbar-brand{
       color: #ffffff;
       font-weight:bold;
}
.schedule-pool-edit.company-edit-item .schedule-active-others,
.schedule-pool-edit.company-edit-item .schedule-active{
        min-width: 70px!important;
}
.schedule-pool-edit.company-edit-item .schedule-pool-toogle{
    min-width: 120px!important;
}
.schedule-pool-edit .panel-body hr{
   border-top: 1.5px solid #6091ba;
    margin: 20px 0;
}
@media (min-width: 768px) {
    .panel-team-comtacts {
        min-height: 165px;
    }
}
.bold{
    font-weight:bold;
}
.schedule-pool-edit .panel.program-table{
    border:none;
    box-shadow:none;
    margin:0;
    padding: 25px 0;
}
.page-wrapper .page-content .schedule-pool-edit .row-divider{
    border-bottom:0;
    padding:0;
}
.page-wrapper .page-content .schedule-pool-edit .row-divider .details{
    line-height:30px;
}
.schedule-pool-edit .nested-list > .row{
    margin-right:-15px;
}
.page-wrapper .page-content .schedule-pool-edit .row-divider.nested-list{
    padding:0 15px;
}
.page-wrapper .page-content .schedule-pool-edit .row-divider.nested-list .col-md-12{
    min-height:0;
}
.schedule-pool-edit.company-edit-item .label-active{
    min-width:120px;
    text-align: left;
}
@media (max-width: 767px) {
    .schedule-pool-edit .navbar-brand {
        min-height:50px;
        height:auto;
    }
    .schedule-pool-edit.company-edit-item .label-active{min-width:auto;}
    .schedule-pool-setup .voffset3 .col-md-3{margin-top:10px;}
    .schedule-pool-edit .control_label{margin-top:10px;margin-bottom:15px;}
}
/***/
.manage-member-cnt .gray-bg{
    margin-bottom:60px;
}
.team-tab-details .manage-member-cnt  .ofc-sort-container{
    top:0;
    margin-bottom:15px;
}
.manage-member-cnt  .ofc-bulk-action:after {
    display: block;
    content: "";
    clear: both;
  }
.email-limit-set .control-label,
.schedule-pool-setup .control-label {
    text-align: left;
}
.schedule-pool-edit .control-label {
    text-align: left;
}
/**End*/


.message-center-info-col {
display: inline-block;
padding-left: 5px;
}
.activity-line .message-center-info-col h5 {
line-height: 20px;
margin-top:5px;
}
.message-center-info-col .teal-color {
color: #4bacb9;
display: block;
margin-bottom: 5px;
}
.message-center-info-col .text-recipient
{
    margin-bottom: 10px;
    font-weight: 350;
}
.message-center-info-col .bottom-margin
{
    margin-bottom: 10px;   
}
.mentorship-form .form-horizontal .control-label 
{
    text-align:left;
}
.mentorship-form .mentorship-input{
    width: 100px;
    margin-left: 15px;
}

button#nextBtn:disabled {
    opacity:.65;
}
.card-member-active a{width: auto;padding: 5px;font-size:10px;font-weight:bold;color:#fff;background: #6091ba;cursor:pointer}
.card-member-active a:hover {color:#fff;}
.card-member-inactive a{width: auto;padding: 5px;font-size:10px;font-weight:bold;color:#fff;background: #737880;cursor:pointer;}
.card-member-inactive a:hover {color:#fff;}
.bootbox .modal-dialog .bootbox-body {font-weight:bold;font-size:16px;padding-top: 10px;}
.bootbox .modal-dialog .bootbox-body ol{margin-top:10px;}
.bootbox .modal-dialog .modal-footer {margin-top:0;}
.colleague-remove{display: inline-block;position: relative;top:-3px;left: 2px;}
a.remove-colleague {font-size:30px; color:#d6643c;text-decoration:none;}
a.remove-colleague:hover, a.remove-colleague:focus, a.remove-colleague:active, a.remove-colleague:visited, a.remove-colleague:link{text-decoration:none;}
/**Date Filters**/
.date-filters {margin-bottom:20px;}
.date-filters ul li{list-style:none;display:inline-block;margin-right:15px;}
.date-filters ul li a{display:inline-block;background:#a7a7a7;color:#fff;padding:7px 12px;border-radius:5px;font-weight:bold;min-width:140px;text-align:center;line-height: 1.42857143;text-decoration:none !important;}
.date-filters ul li a.active{background:#6091ba;}
.date-filters label{display:block;}
#managavailability-tab .console-container{margin-bottom:60px;}
#managavailability-tab a.activty-box {display:inline-block;text-decoration:none !important;}
#managavailability-tab a.activty-box .box-overflow{display:block;white-space: normal !important;overflow: visible !important;color: #737880;font-size: 14px;padding: 0px 4px;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#managavailability-tab a.activty-box .filter-count{font-family: 'open sans', arial, sans-serif;position: absolute;right: 0;bottom: 0px;color: #d86435;text-align: right;font-size: 40px;font-weight: 700;margin-bottom: 5px;padding: 0px 10px;}
#managavailability-tab .activty-box.activated .filter-count, #managavailability-tab .activty-box.activated .box-overflow {color: white;opacity: 1;}
.members-availability-list{margin-bottom:70px;}
.members-availability-data {margin-top:-30px;}
.manage-availability-cnt .course-item-header .row-divider {margin-bottom:10px;}
@media (min-width: 767px) {
    .col-mdate {width: 12%;}
    .col-cname {width: 14%;}
    .col-dscheduled {width: 12%;}
    .col-stime {width: 10%;}
    .col-duration {width: 8%;}
    .col-cdname {width: 14%;}
    .col-cetype {width: 14%;}
    .col-vtype {width: 16%;}
    #managavailability-tab .date-picker{max-width:140px;}
    .col-consultant{width:15%;}
    .col-blocked{width:12%;}
    .col-booked{width:12%;}
    .col-remaining{width:12%;}
    .col-availableslot{width:15%;}
    .col-language{width:15%;}
    .col-allowed-language{width:17%;}
}
.date-filters ul{padding-left:10px}
.manage-availability-cnt .course-item-header a {color:#6b6b6b;}
.members-availability-list .row-divider {padding:10px 0;}
.members-availability-list a{text-decoration:underline;}
#managavailability-tab .date-picker{border-radius:5px;border:1px solid #6091ba;cursor:pointer !important;background:#ffffff;}
#managavailability-tab .validation-error{border:1px solid  #a94442;}
#managavailability-tab .pointer-default {cursor:default !important}
.col-duration strong {text-transform: capitalize;}
.calendar-tab{visibility:hidden;height:1px}
.calendar-tab.active{height:auto;visibility: visible;}
.check-img.option-disabled .ofc-break-word{color: #cccccc !important;}
.check-img.option-disabled,.check-img.option-disabled .ofc-checkbox-pointer-event{cursor:default;}
.candidate-sync-msg{font-weight:bold;font-size:14px;}
#candidateTrainingFormModal .candidate-training-amount{
    height: 45px;
    display: flex;
    align-items: end;
}

.survey-vendor-type{
    color:#6b6b6b
}

.company-listing-page a:active,.company-listing-page a:hover,.company-listing-page a:focus
 {
   outline: none ;
   text-decoration:none;
}

.company-listing-page a:focus-visible
 {
   outline: 2px solid #000 !important;
    outline-offset: 2px;
    border-radius: 2px;
}

.wordBreak {
    word-wrap: break-word;
}

.contracts-form-list .navbar-brand{
  color:#6091ba;
}

.contracts-form .select2-container .select2-choices .select2-search-field input,
.contracts-form .select2-container .select2-choice,
.contracts-form .select2-container .select2-choices {
  border-radius:0px;
}

.page-wrapper .page-content .contracts-form-list .company-listing-page {
    border: 1px solid #e8e8e8;
    margin: 20px 0px;
    padding: 0px 20px;
}

.page-wrapper .page-content .contracts-form-list .company-listing-page .row-divider {
    padding: 10px 0px;
}
.contracts-form-list .company-Edit {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    min-height: 50px;
    border-bottom: 1px dotted #e8e8e8;
}

.contracts-form-list .course-item .row.row-divider:nth-child(2n + 1) {
  background: #f9f9f9;
}

.contracts-form-list .pagination {
    margin: 15px 0 10px;
}
.contracts-form-list .control-label-value {
    padding-left:5px;
}
.contact-modal textarea.form-control {
    resize: none;
}

.contact-modal textarea.form-control::-webkit-input-placeholder,
.contact-modal input::-webkit-input-placeholder { /* Edge */
   font-style:italic;
}

.contact-modal textarea.form-control:-ms-input-placeholder,
.contact-modal input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-style:italic;
}

.contact-modal textarea.form-control::placeholder,
.contact-modal input::placeholder {
   font-style:italic;
}
.contact-modal .modal-title{
  color:#6091ba;
  font-weight: 400;
  font-size: 16px;
}
.contact-modal .modal-header{
    background-color: #9DD2FF;
    border-color: #9DD2FF;
    padding: 8px 18px;
    min-height: 40px;
}
.contact-modal .modal-body {
    padding: 20px 20px 0px;
}
.contact-modal .modal-footer {
    margin-top: 10px;
    background-color: #9DD2FF;
    border-color: #9DD2FF;
     padding: 15px 20px;
     display:flex;
     justify-content:space-between;
}
.contact-modal .modal-footer-left {
    text-align:left;
    flex:6;
}

.contact-modal .modal-footer-right {
    text-align:right;
    flex:6;
}

.contracts-form-list .set-margin-left {
    padding-left:8px;
}

.contracts-form-list .set-margin-right {
    padding-right:8px;
}

.contact-modal .btn-theme-red, .contracts-form-list .btn-theme-red {
    background-color:#d75452;
        border: 1px solid #d75452;
}

.contracts-form-list .contract-footer-btn {
    display:flex;
    justify-content:space-between;
}

.contracts-form-list .contract-footer-btn-left, .contracts-form-list .contract-footer-btn-right {
    flex:6
}

.modal-ex-large .modal-content {
    border-radius: 0px;
}

.two-lines-ellipse {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (min-width: 768px) {
    .modal-ex-large .modal-dialog {
        width: 800px;
    }
}

@media (max-width: 767px) {
    .contracts-form-list .pull-right-always {
        float:left;
    }
    .contracts-form-list .set-margin-left {
        padding-left:15px;
    }

    .contracts-form-list .set-margin-right {
        padding-right:15px;
    }
    .contract-footer-btn .pull-right {
        float: right !important;
    }
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .pointer a{
            padding: 3px;
        }
    }
}
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .company-listing-page a:focus {
            outline: 2px solid #000 !important;
            outline-offset: -2px;
        }
    }
}
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {

        .page-wrapper .page-content .btn-group .btn:focus {
            outline: 2px solid #000 !important;

        }
    }
}
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {

        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            outline: 2px solid !important;
            outline-offset: -2px;

        }
    }
}
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {

        .page-wrapper .page-content .navbar-default .navbar-brand:focus {
              outline: 2px solid #000 !important;
            outline-offset: -2px;
        }
    }
}


.mentorship-input.mentorship-input-cont .select2-container {
    box-shadow:none;
}

.mentorship-input.mentorship-input-cont {
    margin-bottom:15px;
}
.pagination-custom {
    padding-bottom: 50px;
}

.brandingQueueUpload {
    margin-top: 20px;
}
.brandingQueueUpload .uploadBtn{
padding-right: 40px;
}

.brandingQueueUpload .uploadBtn button{
    margin-top:0;
    margin-bottom:0;
}
.customPadding{
    padding: 25px 0;
}
@media(min-width: 320px) and (max-width: 760px) {
    .brandingQueueUpload .uploadBtn {
        margin-top:10px;
        padding-right: 32px;
    }
    .customPadding{
        padding: 15px;
    }
    .custombottomBtnalign{
        float:right;

    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .customPadding{
        padding: 15px;
    }
.customTitle{
    width: 225px;
    padding:10px 0;
}
.custombottomBtnalign{
    float: right;
    padding: 15px 0;
}
}
.custom-align-checkbox{
    display: flex;
    justify-content: flex-end;
}
@media(max-width: 992px) {
    .custom-align-checkbox{
    justify-content: flex-start;
}
}
.croppie-container {
    width: 100%;
    height: 100%;
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
    position: absolute;
    border: 2px solid #fff;
    border-radius:50%;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid black;
    background: #fff;
    width: 10px;
    height: 10px;
    content: '';
}

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
    left: 50%;
    margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
    top: 50%;
    margin-top: -5px;
}

.croppie-container .cr-original-image {
    display: none;
}

.croppie-container .cr-vp-circle {
    border-radius: 50%;
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
}

.croppie-container .cr-slider-wrap {
    width: 100%;
    margin: 15px auto;
    text-align: center;
}

.croppie-result {
    position: relative;
    overflow: hidden;
}

.croppie-result img {
    position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/

.cr-slider {
    -webkit-appearance: none;
/*removes default webkit styles*/
	/*border: 1px solid white; *//*fix for FF unable to apply focus style bug */
    width: 300px;
/*required for proper track sizing in FF*/
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
}

.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

.cr-slider:focus {
    outline: none;
}
/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
	border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
	border-width: 6px 0;
	color: transparent;/*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #ddd;
	margin-top:1px;
}
.cr-slider:focus::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
}
/*******************************************/

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 1;
}
.cr-rotate-controls button {
	border: 0;
	background: none;
}
.cr-rotate-controls i:before {
	display: inline-block;
	font-style: normal;
	font-weight: 900;
	font-size: 22px;
}
.cr-rotate-l i:before {
	content: '↺';
}
.cr-rotate-r i:before {
	content: '↻';
}

.croppie-container .cr-vp-circle::after {
    height: 100%;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    width: 3rem;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 7%;
}


.croppie-container .cr-vp-circle::before, .croppie-container .cr-vp-circle::after {
    position: absolute;
    content: '';
}


.croppie-container .cr-vp-circle::before {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    width: 100%;
    height: 3rem;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 7%;
}
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(/Content/Styles/Theme/Flexslider/images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}