/****************** Misc ******************/
/* Header Panel Color #5acdc4, Light Version #CEEDEB */
@import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,700,800,600,300&subset=latin-ext,latin");
@import url("http://fonts.googleapis.com/css?family=Great+Vibes&subset=latin,latin-ext");

body{
    font-family: 'Open Sans', sans-serif!important;
}
input[type="text"], input[type="submit"], select, textarea, input[type="file"] {
    font-family: 'Lato', sans-serif;
}

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: local('Lato Light'), local('Lato-Light'), url(http://fonts.gstatic.com/s/lato/v11/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: local('Lato Light'), local('Lato-Light'), url(http://fonts.gstatic.com/s/lato/v11/fJ22-hkNvqdD_3TXCrYlmPY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v11/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v11/7aC-Y4V2UPHQp-tqeekgkA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url(http://fonts.gstatic.com/s/lato/v11/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url(http://fonts.gstatic.com/s/lato/v11/HdGTqbEHKKIUjL97iqGpTvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: local('Lato Black'), local('Lato-Black'), url(http://fonts.gstatic.com/s/lato/v11/R4a6fty3waPci7C44H8AjvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: local('Lato Black'), local('Lato-Black'), url(http://fonts.gstatic.com/s/lato/v11/iZxHtm8SGdMcBmb4SbFWK_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 300;
    src: local('Lato Light Italic'), local('Lato-LightItalic'), url(http://fonts.gstatic.com/s/lato/v11/XNVd6tsqi9wmKNvnh5HNEBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 300;
    src: local('Lato Light Italic'), local('Lato-LightItalic'), url(http://fonts.gstatic.com/s/lato/v11/2HG_tEPiQ4Z6795cGfdivBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: local('Lato Italic'), local('Lato-Italic'), url(http://fonts.gstatic.com/s/lato/v11/YMOYVM-eg6Qs9YzV9OSqZfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: local('Lato Italic'), local('Lato-Italic'), url(http://fonts.gstatic.com/s/lato/v11/0Bl1oqNTjMmBgjhjvqXaufesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(http://fonts.gstatic.com/s/lato/v11/AcvTq8Q0lyKKNxRlL28RnxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(http://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYEBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 900;
    src: local('Lato Black Italic'), local('Lato-BlackItalic'), url(http://fonts.gstatic.com/s/lato/v11/81X-1TO5y4aMK2PPy9kFwxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 900;
    src: local('Lato Black Italic'), local('Lato-BlackItalic'), url(http://fonts.gstatic.com/s/lato/v11/VNUH7ZAcagYBWsAiBBCEYxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'WebSymbolsLigaRegular';
    src: url('/static/fonts/websymbolsligaregular.eot');
    src: url('/static/fonts/websymbolsligaregular.eot?#iefix') format('embedded-opentype'),
    url('/static/fonts/websymbolsligaregular.woff') format('woff'),
    url('/static/fonts/websymbolsligaregular.ttf') format('truetype'),
    url('/static/fonts/websymbolsligaregular.svg#WebSymbolsRegular') format('svg');
}

/* force invisio fonts site wide, excluding glyphicons */
p, span:not(.glyphicon), h1, h2, h3, h4, h5, a {
    font-family: 'Open Sans', sans-serif !important;
}

/*SUPER IMPORTANT*/
body {
    background-color: #FFFFFF !important;
    font-family: 'Open Sans', sans-serif !important;
    padding-bottom: 0 ! important;
    font-weight: normal !important;
}

.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

/******* Fancy animated borders in Navbar ******/

.navbar.navbar-inverse .nav > li > a:hover {
    color: #5acdc4 !important;
}

.navbar.navbar-inverse .nav > li > a {
    font-size: 14px !important;
    font-weight: 300 !important;
    color: white !important;
    text-decoration: none !important;
    text-shadow: none !important;
    opacity: 1 !important;
    transition: all 0.3s ease-in !important;
    -webkit-transition: all 0.3s ease-in !important;
    position: relative;
    display:block;
    margin-right:5px!important;
    margin-left:5px!important;
}

.border-left {
    display:block;
    width: 0%;
    height: 1px;
    bottom: 0;
    right: 0;
    position: absolute;
    background: #72c9c2;
    -webkit-background-clip: border-box;
    -webkit-background-origin: padding-box;
    -webkit-background-size: auto;
    background-clip: border-box;
    background-origin: padding-box;
    box-sizing: border-box;
}

.border-left:after {
    display:block;
    width: 1px;
    height: 0px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #72c9c2;
    content: '';
    -webkit-background-clip: border-box;
    -webkit-background-origin: padding-box;
    -webkit-background-size: auto;
    background-clip: border-box;
    background-origin: padding-box;
    box-sizing: border-box;
}

.border-top {
    display:block;
    width: 0%;
    height: 1px;
    top: 0;
    left: 0;
    position: absolute;
    background: #72c9c2;
    -webkit-background-clip: border-box;
    -webkit-background-origin: padding-box;
    -webkit-background-size: auto;
    background-clip: border-box;
    background-origin: padding-box;
    box-sizing: border-box;
}

.border-top:after {
    display:block;
    width: 1px;
    height: 0px;
    position: absolute;
    top: 0;
    right: 0;
    background: #72c9c2;
    content: '';
    -webkit-background-clip: border-box;
    -webkit-background-origin: padding-box;
    -webkit-background-size: auto;
    background-clip: border-box;
    background-origin: padding-box;
    box-sizing: border-box;
}


a:hover .border-top {
    width: 100%;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

a:hover .border-top:after {
    height: 40px;
    transition: all 0.3s ease-in 0.3s;
    -webkit-transition: all 0.3s ease-in 0.3s;
    -moz-transition: all 0.3s ease-in 0.3s;
    -o-transition: all 0.3s ease-in 0.3s;
    -ms-transition: all 0.3s ease-in 0.3s;
}

a:hover .border-left {
    width: 100%;
    transition: all 0.3s ease-in 0.6s;
    -webkit-transition: all 0.3s ease-in 0.6s;
    -moz-transition: all 0.3s ease-in 0.6s;
    -o-transition: all 0.3s ease-in 0.6s;
    -ms-transition: all 0.3s ease-in 0.6s;
}

a:hover .border-left:after {
    height: 40px;
    transition: all 0.3s ease-in 0.9s;
    -webkit-transition: all 0.3s ease-in 0.9s;
    -moz-transition: all 0.3s ease-in 0.9s;
    -o-transition: all 0.3s ease-in 0.9s;
    -ms-transition: all 0.3s ease-in 0.9s;
}

/****** END FANCY BORDERS *****/

#blog .post_row {
    height: 100% !important;
}

#blog .post_row .post .img img {
    min-height: 0 !important;
    max-height: 240px !important;
}

/* Breadcrumbs list */
ul.breadcrumbs {
    list-style-type: none;
    height: 30px;
    /*margin-bottom: 40px;*/
    /*text-align: center;*/
}

ul.breadcrumbs li {
    display: inline-block;
    font-size: 20px;
    margin: 0px 6px;
}

.about-us-content {
    padding-top: 2% !important;
    color: #fff !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    line-height: 28px !important;
}

.about-us-content strong {
    text-align: center !important;
}

.alert .close {
    right: 0px !important;
}

/* Error validation */
label.error {
    color: red;
}

#contact .contact .custom_form_error p {
    font-size: 12pt;
    color: #D81717;
    margin-bottom: 10px;
}

#blog_post .post_content {
    padding-bottom: 0px !important;
    border-bottom: 0px !important;
}

/*.navbar.navbar-inverse {
  background: rgba(0, 0, 0, 1) !important;
}*/
/* centers an image in a p or div */
img.img-center {
    display: block;
    /*    margin-left: auto;
        margin-right: auto;*/
}

/* darken slider background image by overlaying it with a semi-transparent black psuedo element */
#feature_slider .slide:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

/*#feature_slider .slide .info:after {*/
/*content: "";*/
/*background-color:#585858;*/
/*position: absolute;*/
/*top: 0px;*/
/*right: 0px;*/
/*bottom: 0px;*/
/*left: 0px;*/
/*border-radius: 15px!important;*/
/*opacity: 0.8;*/
/*z-index: 1 !important;*/
/*}*/

@media only screen and (max-width: 767px) {
    #feature_slider .slide .info {
        width: 100% !important;
        padding: 12px !important;
    }

    #feature_slider .slide .info .slider_header {
        font-size: 24px !important;
        text-transform: uppercase !important;
        line-height: 25px !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    #feature_slider .slide .info .slider_header {
        font-size: 30px !important;
        text-transform: uppercase !important;
        line-height: 31px !important;
    }
}

#feature_slider .slide .info .slider_header {
    font-size: 38px;
    text-transform: uppercase;
    line-height: 49px;
}

#feature_slider .slide .info {
    /*border: 1px solid #292929!important;*/
    /*border-radius: 15px!important;*/
    padding-left: 12px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    padding-right: 10vw;
    display: none;
    width: 47%;
}

#feature_slider .slide .info p, #feature_slider .slide .info a {
    font-family: 'Open Sans', sans-serif;
    color: #00CEC5 !important;
}

#feature_slider .slide .info * {
    position: relative !important;
    z-index: 1000 !important;
}

#sign_in1 {
    background: #5acdc4 !important;
    margin-top: -30px !important;
    margin-bottom: 0px !important;
    height: 100% !important;
}

#sign_in1 .header {
    margin-top: 0px !important;
}

.headerpane.noborder {
    border-bottom: none !important;
}

.container-fluid.coloured {
    background-color: #5acdc4 !important;
}

.headerpane {
    /*horizontal fixed height pane for header */
    text-align: center;
    color: #fff;
    padding-top: 4% !important;
    padding-bottom: 1.5% !important;
    background: #5acdc4 !important;
    /*background-image: url("/static/assets/images/DentalEDUniBanner04.jpg");
    background-repeat: no-repeat;
    background-size: cover;*/
    margin-bottom: 0 !important;
    margin-top: -1px !important;
    border-bottom: 1px solid darkgrey;
    border-top: 1px solid darkgrey;
}

.infopopup {
    background: #585858;
    padding: 10px;
    text-align: center;
    height: 50px;
    padding-bottom: 51px;
!important;
    margin-bottom: 30px;
}

.infopopup p {
    color: white;
}

.infopopup img {
    display: inline;
}

.pricelist {
    color: #585858;
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px;
    display: table;
    font-size: 16px;
    font-weight: bold;
}

.pricelist span {
    display: table-cell;
    vertical-align: middle;
}

.premium {
    height: auto !important;
    text-align: center !important;
    color: #fff !important;
}

.pricelist a {
    text-align: center;
    color: white;
    font-size: 10px;
    font-weight: bold;
    width: 130px;
    padding: 1px;
    background: #5acdc4;
    display: block;
    float: right;
}

.dashboard_sidebar.sidebar_nav a {
    text-align: center;
    color: white;
    font-size: 18px;
    font-weight: bold;
    width: 130px;
    height: 36px;
    padding: 7px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.leftborder {
    border-left: 1px solid lightgrey;
    padding-left: 40px !important;
}

.whitepane {
    /* the main content pane, defines it's own padding top and bottom */
    padding-top: 2% !important;
    padding-bottom: 2% !important; /* this must be equal to whitepane's bottom padding for the equal-height js to work */
    color: #585858;
    font-size: 16px;
    /*min-height: 320px !important; *//* hack to prevent footer from rising up and leaving space below it */
}

body {
    background: #FAFAFA !important;
}

.table_header {
    text-align: center;
}

h1.dark {
    background-image: url(/static/img/separate-black.png) !important;
    color: #646464 !important;
    text-align: center !important;
}

h1.course_details {
    /* for main page header in headerpane only */
    font-size: 24px !important;
    line-height: 27px !important;
    font-weight: bold !important;
    color: black !important;
    background-image: url(/static/img/separate-white.png) !important;
    background-repeat: no-repeat !important;
    background-position: 50% 100% !important;
    padding-bottom: 20px !important;
    margin-bottom: 0px !important;
    letter-spacing: 1px !important;
    text-transform: none !important;
}

h1:not(.course_details) {
    /* for main page header in headerpane only */
    /*line-height:70px !important;*/
    font-weight: 500 !important;
    color: white;
    text-transform: uppercase !important;
    background-image: url(/static/img/separate-white.png);
    background-repeat: no-repeat !important;
    background-position: 50% 100% !important;
    padding-bottom: 30px !important;
    margin-bottom: 5px !important;
    letter-spacing: 1px !important;
    /*word-wrap: break-word!important;*/
}

/* adjust header size for small screens */

@media (max-width: 480px) {
    h1:not(.course_details) {
        font-size: 20px !important;
        padding-bottom: 10px !important;
    }
}

@media (min-width:481px) and (max-width: 699px) {
    h1:not(.course_details) {
        font-size: 32px!important;
        padding-bottom: 20px !important;
    }
}

@media (min-width: 700px) {
    h1:not(.course_details) {
        font-size: 50px !important;
        padding-bottom: 30px !important;
    }
}

h2 {
    /* side bar headers only */
    color: white !important;
    font-size: 22px !important;
}

h3 {
    /* inside content frames, above text and tables etc */
    text-align: center !important;
    display: block !important;
    border: none !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: bold !important;
    font-style: normal !important;
    font-size: 22px !important;
    color: #646464 !important;
    background-image: url(/static/img/separate-black.png) !important;
    background-repeat: no-repeat !important;
    background-position: 50% 100% !important;
    padding-bottom: 15px !important;
    margin-bottom: 10px !important;
}

h4 {
    /* small in-text header white */
    text-transform: uppercase !important;
    color: white !important;
}

h5 {
    /* small in text header black */
    /*text-align: center !important;*/
    text-transform: uppercase !important;
    color: #646464 !important;
}

/* BIO BOX CLASSES BY JERRY. */
/* For displaying a responsive image with associated text */
/* Put an image inside a .bio_img div as style="background-image:url()" */
/* It will be rendered inside a circle (or rounded square if you give class .square) */
/* And put the text inside a .bio_content, inside a .bio_info */
/* Both bio_img and bio_info scale to 100% width retaining their aspect ratio */
/* Put both in their own bootstrap columns and/or in a clickable a.bio_link if you like */

a.bio_link {
    color: #646464 !important;
}

/*a.bio_link:hover .bio_wrapper {*/
/*background: #d3d3d3!important;*/
/*}*/

/*a.bio_link:hover div:not(.bio_img) {*/
a.bio_link:hover h5 {
    background: rgba(90, 205, 196, 0.3) !important;
}

a.bio_link:hover p {
    text-decoration: none !important;
}

.bio_info a:hover {
    text-decoration: none !important;
}

.bio_info {
    position: relative !important;
    height: 0px !important;
    padding-top: 65% !important;
    width: 100% !important;
    /*margin-bottom: 10% !important;*/
    /*margin-top: 10% !important;*/
    /*overflow:hidden!important;*/
}

.bio_info.column {
    padding-top: 200% !important;
}

.bio_content {
    position: absolute !important;
    top: 0% !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 5% 0 !important;
}

.bio_content h5, .bio_link h5 {
    font-size: 20px !important;
    margin-bottom: 2% !important;
}

.bio_content span {
    margin-bottom: 1% !important;
    display: block !important;
    width: 100% !important;
    padding-left: 2% !important;

}

@media (min-width: 768px) {
    .bio_content p, .bio_content span, .bio_content a, .bio_content h5 {
        text-align: left !important;
    }
}

@media (max-width: 767px) {
    p, .bio_content p, .bio_content span, .bio_content a, .bio_content h5 {
        text-align: center !important;
    }
}

.bio_content .star-rating {
    display: inline !important;
}

.bio_img {
    position: relative !important;
    height: 0 !important;
    width: 100% !important;
    padding-bottom: 100% !important;
    overflow: hidden !important;
    margin-bottom: 10% !important;
    margin-top: 10% !important;
    border-radius: 50% !important;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center !important;
    /*border: 1px solid darkgrey!important;*/
}

.bio_img.square {
    border-radius: 0 !important;
}

.bio_img.rectangle {
    border-radius: 0 !important;
    padding-bottom: 70% !important;
}

.header {
    text-shadow: none !important;
    padding-top: 80px;
}

/* Ting style tables with separate header */

table.ting-table tbody:before {
    line-height: 1em;
    content: "-";
    color: white; /* to hide text */
    display: block;
}

table.ting-table {
    border-collapse: collapse !important;

}

table.ting-table thead {
    /*background: grey!important;*/
}

table.ting-table td, table.ting-table th {
    padding: 10px !important;
    vertical-align: middle !important;
}

table.ting-table tr {
    border-right: 1px solid grey !important;
    border-left: 1px solid grey !important;
}

table.ting-table tr:first-child {
    border-top: 1px solid grey !important;
}

table.ting-table tr:last-child {
    border-bottom: 1px solid grey !important;
}

table.ting-table.striped tbody tr {
    border-bottom: 1px solid grey !important;
    border-top: 1px solid grey !important;
}

table.omentable{
    font-size: 0.8vw !important;
    border-collapse: collapse !important;
}

table.omentable thead{
    font-size: 1.1em !important;
}


table.omentable tbody{
    border-bottom: 1px solid grey !important;
    border-top: 1px solid grey !important;
    background-color: #ffffff !important;
}

table.omentable tbody::before{
    line-height: 0em !important;
    color: white;
    display: block;
}

table.omentable th, td{
    padding: 10px !important;
    vertical-align: top !important;
}

table.omentable tr{
    border-right: 1px solid grey !important;
    border-left: 1px solid grey !important;
    border-bottom: 1px solid grey !important;
    border-top: 1px solid grey !important;
}



table {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 60px !important;
    /*border-collapse: collapse !important;*/
    color: #585858 !important;
    /*font-weight: bold !important;*/
    /*border-spacing: 10px !important;*/
}

thead {
    color: white !important;
    background: #585858 !important;
    font-size: 10px !important;
    line-height: 40px !important;
    padding: 100px !important;
}

/*thead th {*/
/*border: none !important;*/
/*text-align: left !important;*/
/*}*/

/*tr.warning_highlight {*/
    /*background-color: #FFA600 !important;*/
/*}*/

/*tr.warning_highlight td {*/
    /*border-color: #FFA600 !important;*/
    /*background-color: #FFA600 !important;*/
/*}*/

tr.processed_highlight, tr.processed_highlight td {
    background-color: #CCFFCC !important;
    /*font-style: italic!important;*/
}

/*tr.processed_highlight td {*/
/*border-color: #CCFFCC!important;*/
/*}*/

tr.uploaded_highlight {
    background-color: #FFFFCC !important;
}

/*tr.uploaded_highlight td {*/
/*border-color:#FFFFCC !important;*/
/*}*/

tr.not_uploaded_highlight {
    background-color: #FF9999 !important;
}

/*tr.not_uploaded_highlight td {*/
/*border-color:#FF9999 !important;*/
/*}*/

.too_many_characters_warning {
    color: red;
}

.venue-text {
    padding-left: 20px;
    padding-right: 20px;

}

.venue-intro {
    max-height: 150px;
    min-height: 150px;
    overflow: hidden;

}

#features .option3 .feature .img {
    margin: 0 0 0 0 !important;
}

#features .option3 .feature {
    padding: 0 0 0 0 !important;
}

.venue-coordinators {
    max-height: 50px;
    min-height: 50px;
    overflow: hidden;

}

.venue-email {
    max-height: 50px;
    min-height: 50px;
    overflow: hidden;
}

.venue-address {
    max-height: 45px;
    min-height: 45px;
    overflow: hidden;

}

#id_keyword {
    height: 34px;
}

/* Nice ul li style */
input[type="text"][id*="quantity"], input[type="number"][id*="quantity"] {
    width: 45px !important;
    height: 35px !important;
}

ul.niceul {
    margin: 10px 0px;
    padding: 10px 25px;
    outline: 0px;
    list-style: circle inside none;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-indent: -1em;
}

.niceborder {
    border: 1px solid #d3d3d3;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

ul.niceul > li {
    margin: 0px;
    padding: 0px;
    border: 0px;
    outline: 0px;
    background-color: transparent;
    line-height: inherit;
}

.section_header {
    /*margin-bottom: 40px !important;*/
    /*margin-top: 40px !important;*/
}

.wrapper-body {
    min-height: 400px;
}

.strike {
    text-decoration: line-through;
}

.paginator-container > .pagination > li > a > span {
    line-height: 20px;
}

#google_map_div {
    height: 750px;
    width: 100%;
}

#practice_image > a > img {
    width: 100%;
}

.img-circle.author_pic {
    height: 125px;
    width: 125px;
}

.dashboard_sidebar {
    width: 100%;
    padding-bottom: 2% !important; /* this must be equal to whitepane's bottom padding for the equal-height js to work */
}

#process .circle .glyphicon {
    font-size: 35px !important;
    line-height: 30px !important;
    margin-top: 70px !important;
    margin-left: 38px !important;
}

#blog, #blog_post {
    margin-top: 50px !important;
}

#aboutus, #contact {
    margin-top: 0px !important;
}

#cancellation, #contact {
    margin-top: 5px !important;
}

#practice_image img {
    width: 100%;
}

.photo {
    margin-bottom: 25px !important;
}

.profile_content {
    margin-bottom: 5% !important;
}

.profile_content .section_header {
    margin-bottom: 5%;
}

span.disabled {
    color: #CDCDCD;
}

#share_message {
    height: 240px;
    width: 100%;
    resize: none;
}

.publication_field {
    width: 100% !important;
}

.contact-glyphicon {
    line-height: 145px !important;
    font-size: 125px !important;
    height: 150px !important;
    width: 150px !important;
    border: solid #FFF 5px !important;
    box-shadow: 0px 0px 5px #000 !important;
}

#process .services_circles .areas .circle .glyphicon {
    margin-left: 88px !important;
}

/****************** Dashbooard ******************/
#dashboard .areas .circle:hover, #dashboard .areas .circle.active {
    /*background: #1189d9;*/
}

#dashboard .areas .circles:hover, #dashboard .areas .circles.active {
   /* background: #1189d9;*/
}

#dashboard .areas .right-name.active {
    color: #1189d9;
}

#dashboard .areas .right-name {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

#dashboard .areas .circle {
    cursor: pointer;
    float: left;
    text-align: center;
    background: rgba(37, 37, 40, 0.9);
    border-radius: 15%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

#dashboard .areas .circle span {
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    display: block;
    margin-top: 21px;
}

#dashboard .areas .circles {
    cursor: pointer;
    float: left;
    text-align: center;
    background: rgba(107, 107, 115, 0.9);
    border-radius: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

#dashboard .left-item {
    float: left;
}

#dashboard .right-name {
    float: left;
    margin-top: 16%;
    font-size: 15px;
    font-weight: bolder;
    color: rgba(107, 107, 115, 0.9);
}

#dashboard .dashboard-item {
    min-height: 130px;
    min-width: 253px;
    max-width: 253px;
    float: left;

}

#dashboard .areas .circles span {
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    display: block;
    margin-top: 21px;
}

#dashboard .circle .glyphicon {
    font-size: 35px !important;
    line-height: 30px !important;
    margin-top: 25px !important;
    margin-left: 37px !important;
}

#dashboard .circles .glyphicon {
    font-size: 43px !important;
    line-height: 30px !important;
    margin-top: 24px !important;
    margin-left: 19px !important;
}

#dashboard .areas .circles {
    height: 80px;
    margin: 15px;
    width: 80px;
}

#dashboard .areas .circle {
    height: 210px;
    margin-right: -45px;
    width: 210px;
    border-radius: 50%;
}

#dashboard .areas .circle img {
    margin-top: 56px;
}

#dashboard .areas .circles img {
    margin-top: 56px;
}

#dashboard .areas .circles span {
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    display: block;
    margin-top: 21px;
}

#dashboard .areas .circle span {
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    display: block;
    margin-top: 21px;
}

@media (max-width: 480px) {
    .circle > .glyphicon {
        font-size: 25px !important;
        line-height: 40px !important;
        margin-top: 15px !important;
        margin-left: 37px !important;
    }

    #dashboard .areas .circle {
        height: 110px;
        width: 110px;
        margin: 10px;
    }

    #dashboard .areas .circle span {
        font-weight: 700;
        font-size: 12px;
        color: #fff;
        display: block;
        margin-top: 21px;
    }
}

/*#dashboard {*/
/*min-height: 350px;*/
/*}*/

#dashboard .description {
    position: relative;
}

#dashboard .description .text {
    position: absolute;
    display: none;
}

#dashboard .description .text.active {
    display: block;
}

#dashboard .description p {
    font-size: 15px;
    color: #3F3F3F;
    line-height: 26px;
}

#dashboard .areas {
    margin-left: 0;
}

@media (min-width: 768px) and (max-width: 979px) {
    #service_2 .description_wrapper {
        width: 77%;
    }

    #dashboard .areas {
        text-align: center;
    }

    #dashboard .areas .last_circle {
        float: none;
        display: inline-block;
        margin-left: -75px;
        margin-top: -54px;
    }
}

@media (max-width: 767px) {
    #service_1 .service_wrapper .feature {
        text-align: center;
        margin-bottom: 60px;
    }

    #service_1 .service_wrapper .feature .img_box {
        text-align: center;
    }

    #service_1 .service_wrapper .feature .img_box span.circle {
        left: 45%;
    }

    #service_1 .service_wrapper .feature:hover .img_box {
        box-shadow: none;
    }

    #service_2 .perk {
        text-align: center;
        margin-bottom: 70px;
    }

    #service_2 .circle {
        float: none;
        margin-bottom: 20px;
        display: inline-block;
    }

    #service_2 .description_wrapper h5 {
        margin-bottom: 15px;
    }

    #dashboard .areas {
        margin-bottom: 0px;
        text-align: center;
    }

    #dashboard .areas .circle {
        float: none;
        display: inline-block;
    }

    #dashboard .areas .last_circle {
        margin-top: -23px;
    }
}

@media (max-width: 480px) {
    #service_1 .service_wrapper .feature .img_box {
        width: 100%;
    }

    #service_1 .service_wrapper .feature .text p {
        text-align: left;
    }

    #dashboard .areas {
        margin-top: 0px;
    }

    #dashboard .areas .circle {
        width: 100px;
        height: 100px;
    }

    #dashboard .areas .circle img {
        margin-top: 22px;
    }

    #dashboard .areas .circle span {
        margin-top: 0px;
        font-size: 10px;
    }

    #dashboard .areas .last_circle {
        margin-top: 0;
    }
}

.dashboard_sidebar {
    min-height: 15vw !important;
}

.dashboard_sidebar .box {
    margin-top: 6% !important;
    padding-bottom: 30px;
    /*overflow: hidden;*/
    margin-bottom: 40px;
    border-bottom: 1px solid #d8d8d8;
}

.dashboard_sidebar .last {
    border: 0 none;
    padding: 0;
    margin-bottom: 0;
}

.dashboard_sidebar .box .recent {
    width: 100%;
    margin-bottom: 20px;
    float: left;
}

.dashboard_sidebar .box .recent span img {
    float: left;
    margin-right: 10px;
}

.dashboard_sidebar .box .recent p {
    margin: 0;
    line-height: 18px;
    font-size: 13px;
}

.dashboard_sidebar .sidebar_header {
    margin-bottom: 20px;
}

.dashboard_sidebar .sidebar_menu {
    list-style-type: none;
    margin-left: 0px;
    padding: 0;
}

.dashboard_sidebar .sidebar_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.dashboard_sidebar .sidebar_menu ul li {
    margin-bottom: 6px;
}

.dashboard_sidebar .sidebar_menu ul li a {
    color: #333;
    font-size: 14px;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    transition: color .2s;
}

.dashboard_sidebar .sidebar_menu ul li a:hover {
    color: #1187D8;
}

.dashboard_sidebar .recent_posts {
    list-style-type: none;
    margin-top: 30px;
    margin-left: 0px;
}

.dashboard_sidebar .recent_posts li {
    margin-bottom: 20px;
    font-size: 15px;
}

.dashboard_sidebar .recent_posts .thumb {
    border: 3px solid #fff;
    box-shadow: 0px 0px 1px 1px #bdbdbd;
}

.dashboard_sidebar .recent_posts a.link {
    color: #333;
    display: block;
    margin-top: 10px;
}

.dashboard_sidebar .recent_posts a.link:hover {
    color: #87a46e;
    text-decoration: underline;
}

.dashboard_sidebar ul.recent_photos {
    list-style-type: none;
    margin-left: 0px;
    padding: 18px 0 0 0;
}

.dashboard_sidebar ul.recent_photos li {
    list-style: none;
    display: inline-block;
    margin-right: 14px;
    margin-bottom: 11px;
}

.dashboard_sidebar ul.recent_photos li a img {
    max-width: 55px;
    border-radius: 3px;
}

/** duplication of blog_post CSS with different name **/
.course_unit {
    /*margin-top: 70px;*/
    /* new comment */
}

.course_unit .section_header input[type="text"] {
    float: right;
    margin-top: 9px;
    /*background: url("../../img/search.png") white no-repeat 5px;*/
    padding-left: 28px;
    width: 18%;
    border-radius: 5px;
}

.course_unit .post_pic {
    border: 7px solid #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 2px 1px #cfcfcf;
}

.course_unit .post_content {
    margin-top: 40px;
    padding-bottom: 90px;
    border-bottom: 1px solid #cacaca;
    box-shadow: 0px 1px 0px 0px white;
}

.course_unit .post_content h2 {
    font-size: 32px;
    color: #3F3F3F;
    margin-bottom: 15px;
}

.course_unit .post_content span.date {
    width: 100%;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 42px;
    display: block;
    color: #9C9C9C;
}

.course_unit .post_content p {
    line-height: 24px;
    margin-bottom: 15px;
}

.course_unit .post_content .author_box {
    margin-top: 50px;
}

.course_unit .post_content .author_box .author {
    margin-top: 45px;
    font-weight: bold;
    font-size: 15px;
    color: #1189D9;
}

.course_unit .post_content .author_box .area {
    font-size: 15px;
    font-style: italic;
    margin-top: 5px;
    color: #9C9C9C;
}

.course_unit .comments {
    margin-top: 3px;
    padding-top: 50px;
    border-bottom: 1px solid #cacaca;
    box-shadow: 0px 1px 0px 0px white;
    padding-bottom: 3px;
}

.course_unit .comments .comment {
    margin-bottom: 60px;
    margin-top: 30px;
}

.course_unit .comments .comment.reply_to {
    margin-top: -10px;
}

.course_unit .comments .comment .name {
    font-weight: bold;
    color: #3F3F3F;
    font-size: 14px;
}

.course_unit .comments .comment a.reply {
    color: #1189D9;
    text-decoration: underline;
    margin-left: 20px;
    font-size: 14px;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    transition: color .2s;
}

.course_unit .comments .comment a.reply:hover {
    color: #252528;
}

.course_unit .comments .comment .date {
    font-size: 13px;
    font-weight: bold;
    color: #747B85;
}

.course_unit .comments .comment .response {
    margin-top: 10px;
    line-height: 22px;
    font-size: 14px;
}

.course_unit .new_comment {
    padding-top: 30px;
    margin-top: 3px;
}

.course_unit .new_comment form {
    margin-top: 35px;
}

.course_unit .new_comment form input[type="text"] {
    border-radius: 3px;
}

.course_unit .new_comment form textarea {
    margin-top: 20px;
}

.course_unit .new_comment form a.send {
    float: right;
    color: #fff;
    border: 0 none;
    background: #187CCC;
    text-shadow: none;
    padding: 4px 15px 4px;
    box-shadow: none;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    margin-top: 15px;
    -webkit-transition: background linear .2s, box-shadow linear .2s;
    -moz-transition: background linear .2s, box-shadow linear .2s;
    -o-transition: background linear .2s, box-shadow linear .2s;
    transition: background linear .2s, box-shadow linear .2s;
}

.course_unit .new_comment form a.send:hover {
    background: #252528;
}

.course_unit .sidebar {
    margin: 0;
    padding: 40px 19px 40px 28px;
    background: #fff;
    border-radius: 4px;
    /*box-shadow: 0 1px 3px 1px #cfcfcf;*/
    float: right;
}

.course_unit .sidebar .box {
    padding-bottom: 30px;
    overflow: hidden;
    margin-bottom: 40px;
    border-bottom: 1px solid #d8d8d8;
}

.course_unit .sidebar .last {
    border: 0 none;
    padding: 0;
    margin-bottom: 0;
}

.course_unit .sidebar .box .recent {
    width: 100%;
    margin-bottom: 20px;
    float: left;
}

.course_unit .sidebar .box .recent span img {
    float: left;
    margin-right: 10px;
}

.course_unit .sidebar .box .recent p {
    margin: 0;
    line-height: 18px;
    font-size: 13px;
}

.course_unit .sidebar .sidebar_header {
    margin-bottom: 20px;
}

.course_unit .sidebar .sidebar_menu {
    list-style-type: none;
    margin-left: 0px;
    padding: 0;
}

.course_unit .sidebar .sidebar_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.course_unit .sidebar .sidebar_menu ul li {
    margin-bottom: 6px;
}

.course_unit .sidebar .sidebar_menu ul li a {
    color: #333;
    font-size: 14px;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    transition: color .2s;
}

.course_unit .sidebar .sidebar_menu ul li a:hover {
    color: #1187D8;
}

.course_unit .sidebar .recent_posts {
    list-style-type: none;
    margin-top: 30px;
    margin-left: 0px;
}

.course_unit .sidebar .recent_posts li {
    margin-bottom: 20px;
    font-size: 15px;
}

.course_unit .sidebar .recent_posts .thumb {
    border: 3px solid #fff;
    box-shadow: 0px 0px 1px 1px #bdbdbd;
}

.course_unit .sidebar .recent_posts a.link {
    color: #333;
    display: block;
    margin-top: 10px;
}

.course_unit .sidebar .recent_posts a.link:hover {
    color: #87a46e;
    text-decoration: underline;
}

.course_unit .sidebar ul.recent_photos {
    list-style-type: none;
    margin-left: 0px;
    padding: 18px 0 0 0;
}

.course_unit .sidebar ul.recent_photos li {
    list-style: none;
    display: inline-block;
    margin-right: 14px;
    margin-bottom: 11px;
}

.course_unit .sidebar ul.recent_photos li a img {
    max-width: 55px;
    border-radius: 3px;
}

.pricing_table {
    float: left;
    width: 43%;
}

.billing_info {
    float: right;
    width: 55%;
    margin-left: 18px;
}

.submit_registration {
    position: absolute;
    margin-top: 700px;
    text-align: center;
}

.navbar-nav {
    float: right !important;
    margin: 0;
}

.navbar.navbar-inverse.navbar-static-top {
    /*background-color: #585858 !important;*/

}

.navbar.navbar-inverse.navbar-fixed-top {
    border-bottom: 1px solid #292929;
}

.navbar.navbar-inverse.navbar-fixed-top.stickyhome {
    border: none !important;
}

.navbar.navbar-inverse.navbar-fixed-top.sticky {
    /*background-color: #585858 !important;*/
}

.navbar.navbar-inverse .nav > li.active > a {
    box-shadow: inset 0 0 0 1px #72c9c2;
    color: #72c9c2 !important;
}

.navbar.navbar-inverse.navbar-fixed-bottom-top {
    /*background: none !important;*/
}

.navbar {
    -webkit-transition: background 200ms linear 0s,
    border-bottom-color 200ms linear 0s;
    -moz-transition: background 200ms linear 0s,
    border-bottom-color 200ms linear 0s;
    -o-transition: background 200ms linear 0s,
    border-bottom-color 200ms linear 0s;
    transition: background 200ms linear 0s,
    border-bottom-color 200ms linear 0s;
}

.navbar.trans {
    background: transparent !important;
    border-bottom-color: transparent !important;
}

.navbar:not(.trans), .navbar.sticky:not(.trans), .navbar.navbar-inverse:not(.trans) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    background: rgba(51, 51, 51, 0.952941) !important;
}

.navbar_filler {
    background: #5acdc4 !important;
    height: 80px !important;
}

/* uncomment to make the navbar transparent on courses page */
/*.courses_navbar{*/
/*background-color: rgba(37, 37, 40, 0.9)!important;*/
/*border-color: rgba(37, 37, 40)!important;*/
/*}*/

body {
    padding-top: 0 !important;
}

#feature_slider {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-top: -80px !important; /* compensate for navbar */
    width: 100% !important;
    height: 100vh !important;
    position: relative !important;
    background: black !important;

}

#feature_slider #pagination {
    top: 93vh !important;
    display: none !important; /* Disable for now, it looks bad */

}

@media only screen and (min-width: 1440px) {
    #feature_slider .slide {
        height: 28% !important;

    }
}

#feature_slider #slide-left {
    top: 50vh !important;
}

#feature_slider #slide-right {
    top: 50vh !important;
}

.team-container .team-block {
    position: relative;
    display: inline-block;
    float: none;
}

.team-block {
    max-width: 370px;
    margin: 50px auto 0px auto;
}

.team-block:hover .layer {
    opacity: 1;
    cursor: pointer;
}

.layer {
    background-color: rgba(90, 205, 196, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    opacity: 0;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    float: left;
    z-index: 30;
}

.team-button {
    background-color: rgba(90, 205, 196, 0.9);
    text-align: center;
    width: 194px;
    height: 93px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    position: absolute;
    left: 20px;
    bottom: -40px;
    float: left;
    z-index: 30;
}

.color_fff {
    color: #fff;
}

#footer {
    /*margin-top:3vw!important;*/
}

#footer .footer_header {
    color: rgb(243, 243, 243) !important;
    font-style: normal !important;
    font-weight: 200 !important;
    font-size: 23px !important;
    margin-bottom: 20px !important;
    margin-left: 0px !important;
    margin-top: 8px !important;

}

#footer .footer_header a {
    color: #ffffff;
}

#footer .footer_header a:hover {
    color: #8888ff;
}

#footer .footer_header a:active {
    text-decoration: underline;
}

.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
    color: #3f3f3f;
    font-style: italic;
}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 85%;
}

.container-fluid {
    max-width: none !important; /* fluid containers are supposed to stretch! */
}

@media screen and (max-width: 1024px) {
    #aboutus .intro {
        margin-top: 250px;
        text-align: left;
    }
}

@media screen and (max-width: 1024px) {
    #aboutus .intro {
        margin-top: 250px;
    }
}

@media screen and (max-width: 1024px) {
    #aboutus .intro-images {
        margin-top: -455%;
        position: absolute;
    }
}

@media screen and (max-width: 1024px) {
    #aboutus .intro-images {
        margin-top: -455%;
        position: absolute;
    }
}

#team {
    background: rgba(90, 205, 196, 0.9) !important;
    margin-bottom: 0px !important;

}

#portfolio #gallery_container .photo .mask {
    opacity: 1 !important;
    background: rgba(0, 0, 0, 0) !important;
}

.btn:hover {
    background: hsl(175, 55%, 40%) !important;
    color: black;
!important
}

/* currently not used */
/*.btn.warning {*/
/*background-color: coral !important;*/
/*}*/

.btn {
    width: auto !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    color: white !important;
    background: hsl(175, 55%, 48%) !important;
    font-size: 11px !important;
    font-weight: normal !important;
    letter-spacing: 0.5px !important;
    padding: 4px 12px !important;
    border: none !important;
    border-radius: 0px !important;
    -webkit-transition: linear .2s, box-shadow linear .2s !important;
    -moz-transition: linear .2s, box-shadow linear .2s !important;
    -o-transition: linear .2s, box-shadow linear .2s !important;
    transition: linear .2s, box-shadow linear .2s !important;
}

.navbar.navbar-inverse {
    /*background: rgba(0, 0, 0, 0.8) !important;*/
    border-bottom: 1px solid #585858;
}

.dashboard_sidebar {
    padding: 10px;
    background-color: #585858 !important;
    color: #fff;
    /*min-height: 300px!important;*/
    /*height:100%!important;*/
    padding-right: 0px;
    margin-left: 0 !important;
    padding-top: 3% !important;
    /*margin-bottom:-6vw!important;*/

}

.dashboard_sidebar ul {
    font-size: 20px;
    list-style: none;
    line-height: 10px;
    /*margin-top: 40px;*/
    margin-left: 0px;
}

.dashboard_sidebar li {
    line-height: 40px !important;
    padding: 10px;
    text-align: center;
}

.dashboard_sidebar a:not(.btn) {
    color: #fff;
    width: 100% !important;
}

.dashboard_sidebar a:hover, a:focus {
    color: #FFFFFF;
    text-decoration: none;
}

.club-management-active a {
    color: #5acdc4 !important;
}

.dashboard-search-bar {
    margin-left: -30px;
    margin-right: -15px;
    margin-top: -20px;
    padding: 30px;
    background-color: #9E9E9E;
}

.button-custom {
    background: #00cbcd !important;
    color: white;
    height: 40px;

}

.omentSearchForm select {
    width: 90% !important;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    height: 35px !important;
}

/*Speakers CSS*/
/*Service Option 1*/
#service_1 {
    width: 100% !important;
}

#service_1 .section_header h3 span {
    font-size: 18px !important;
    line-height: 20px !important;
}

#service_1 .service_wrapper .feature {
    margin-right: 0px !important;
}

#service_1 .service_wrapper .feature .text {
    margin: 23px auto 0 !important;
    width: 92%;
}

#service_1 .service_wrapper .feature .text h6 {
    color: #3F3F3F !important;
    margin: 0 0 14px 0 !important;
    font-size: 20px;
}

#service_1 .service_wrapper .feature .text p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 22px;
}

#service_1 .service_wrapper .feature .img_box {
    position: relative !important;
    border-radius: 5px !important;
}

#service_1 .service_wrapper .feature .img_box img {
    border-radius: 6px !important;
    position: relative !important;
    margin: 0 auto;
}

#service_1 .service_wrapper .feature .img_box span.circle {
    background: rgba(17, 137, 217, 0.8);
    width: 48px !important;
    height: 48px !important;
    display: none !important;
    text-align: center !important;
    position: absolute !important;
    top: 37% !important;
    left: 41% !important;
    border-radius: 100% !important;
}

#service_1 .service_wrapper .feature .img_box span.circle span.plus {
    display: inline-block !important;
    margin-top: 13px !important;
    font-weight: bold !important;
    color: white !important;
    font-size: 32px !important;
}

#service_1 .service_wrapper .feature:hover span.circle {
    display: block !important;
}

#service_1 .service_wrapper .feature:hover .img_box {
    box-shadow: 0px 0px 1px 100px black inset !important;
}

#service_1 .service_wrapper .feature:hover img {
    box-shadow: 1px 1px 6px 0px #888 !important;
    border-radius: 5px !important;
    opacity: 0.9 !important;
    filter: alpha(opacity=90);
}

#service_1 .service_wrapper .last {
    margin-right: 0 !important;
}
#service_1{
    margin-top: 70px!important;
}
.study-club-button{
    height: 50px!important;
    font-size: 19px!important;
}
#features{
    margin-top: 70px!important;
}
#id_search {
    width: 100%;
}

label {
    width: 100%;
    font-size: 20px;
    float: left;
    text-align: left;
}

#contactUs {
    text-align: center;
}

#contactUs div {
    background-color: hsl(175, 55%, 48%) !important;
    text-align: center;
    color: #ffffff;
    padding: 5% !important;
    min-width: 250px;
}

#contactUs div:hover {
    background-color: #008B8B !important;
}

#contactUs td {
    background-color: hsl(175, 55%, 48%) !important;
    text-align: center;
    color: #ffffff;
    padding: 5% !important;
    min-width: 250px;
}

#contactUs table {
    min-width: 20%;
    margin-left: auto;
    margin-right: auto;
}

#contactUs a {
    color: #ffffff !important;
    display: block !important;
    text-decoration: none;
}

#contactUs td:hover {
    background-color: #008B8B !important;
}

#contactUs .part2 td {
    background-color: #008B8B !important;
}

#contactUsBottom {
    padding-left: 15%;
    padding-right: 15%;
    background-color: #535353;
    color: #ffffff !important;
    width: 100%;
    padding-bottom: 2%;
    padding-top: 2%;
}

#contactUsBottom ul {
    margin: 0px;
    padding: 0px;
}

#contactUsBottom table {
    color: #ffffff !important;
}

.centerForm {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#dashboard-management-index {
    padding: 2%;
    background-color: #535353;
    width: 100%;
    height: 100%;
}

.tableHead table {
    margin: 2%;
    width: 80%;
}

.tableHead th, .tableHead td {
    padding-left: 1%;
    padding-right: 1%;
    font-size: 14px !important;
    text-align: center !important;
}

/*Jerrys Additions*/

.error-msg {
    font-weight: 900;
    color: red;
}

.captcha {
    width: 200px;
    margin-bottom: 12px;
}

.help-block {
    display: block;
    color: #7F8582;
    margin-left: 2px;
    font-style: italic;
}

#sign_up2 .signin_box .box .form input[type="password"] {
    border-radius: 3px;
    font-size: 19px;

    height: 37px;
    color: black;
}

#sign_up2 .signin_box .box .form input[type="text"] {
    border-radius: 3px;
    font-size: 19px;

    height: 37px;
    color: black;
}

#sign_up2 .signin_box .box .form input[type="select"] {
    border-radius: 3px;
    font-size: 19px;

    height: 37px;
    color: black;
}

#custom-select {
    border-radius: 3px;
    font-size: 19px;

    height: 37px;
    color: black;
}

#custom-select .form-control {
    display: block;
    width: 100%;
    height: 39px;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.428571429;
    color: #8A8A8A;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -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);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.custom-radio {
    font-size: 15px;
    color: #8A8A8A;
    text-align: center;
    margin-bottom: 11px;
}

.no-margin-bottom {
    margin-bottom: 0px !important;
}

.info .date {
    font-size: 16px;
}

.program-speaker {
    text-align: center;
    width: 62%;
    margin-left: auto;
    margin-right: auto;
    background-color: #585858;
    color: #fff;
    padding: 5px;
}

.button-view-details {
    background: #585858 !important;
    color: #fff !important;
}

.article-custom {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

}

.article-current {
    background-size: auto 585px !important;
    position: absolute;
    display: none;
    background-position: 50% 0%;
    -webkit-user-select: none;
    cursor: zoom-in;
    background-repeat: repeat no-repeat;
}

#feature_slider .slide {
    position: absolute !important;
    overflow: hidden !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    height: 100vh !important;
    backface-visibility: hidden;

}

@media (max-width: 300px) {
    html {
        font-size: 70%;
    }
}

@media (min-width: 500px) {
    html {
        font-size: 80%;
    }
}

@media (min-width: 700px) {
    html {
        font-size: 120%;
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 200%;
    }
}

@media (max-width: 767px) {
    #partner-slider, #feature_slider {
        display: block !important;
    }
}

@media (max-width: 991px) {
    .navbar.navbar-inverse {
        /* uncomment to make navbar transparent at small sizes */
        /*background: rgba(0, 0, 0, 0.4)!important;*/
    }

}

@media (max-width: 767px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        position: absolute !important;
    }
}

.feature-no-slide .info {
    color: #72c9c2 !important;
    margin: auto !important;
    position: absolute !important;
    top: 0 !important;
    left: 70vh !important;
    bottom: 0 !important;
    right: 0 !important;
    /*width: 50% !important;*/
    height: 30% !important;
}

#feature_slider .slide#responsive .info {
    color: #72c9c2 !important;
    margin: auto !important;
    position: absolute !important;
    top: 30vh !important;
    /*left: 55vw !important;*/
    /*bottom: 0 !important;*/
    right: 0 !important;
    min-width: 50vw !important;
    /*height: 25% !important;*/
    background-color: rgba(0, 0, 0, 0)
    /*padding: 5px!important;*/

}

#feature_slider .slider_nav_container {
    color: #72c9c2 !important;
    margin-right: 1vw !important;
    margin-left: 1vw !important;
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    max-width: 500px !important;
    padding: 1.4vh 1.4vw !important;
    z-index: 999 !important;
    text-align: right !important;
    margin-bottom: 5vw !important;
}

#feature_slider .slider_nav_container .slider_nav {
    float: left !important;
    white-space: nowrap !important;
    padding-left: 10px !important;
    padding-top: 10px !important;
    color: #00CEC5 !important;
}

#feature_slider .slider_nav_container .slider_nav a {
    color: rgb(55, 190, 179) !important;
}

#feature_slider .slider_nav_container .slider_nav span {
    /*display: table-cell !important;*/
    vertical-align: middle !important;
    /*position: relative !important;*/
    z-index: 1000 !important;
    white-space: nowrap !important;

}

.feature-no-slide {
    position: relative !important;
    overflow: hidden !important;
    top: -110px;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    height: 100vh !important;
    backface-visibility: hidden;
}

#id_upload_file {
    display: inline !important;
}

.loading-div {
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.urgent_text {
    color: red;
}

.back_to_top_button {
    display: none;
    position: fixed;
    bottom: 2vh;
    right: 2vw;
    padding: 1%;
    background: white;
    border: 1px solid darkgrey;
    z-index: 100000000 !important;
}
#CourseForm{
    min-width: 48vw;
}
 #id_messagetext, #id_message {
    min-height: 20vw;
    min-width: 48vw;
}
#sms_message{
    min-height: 20vw;
    min-width: 58vw;
}
/* checkout breadcrumbs */

ul.nav.checkout {
    /*margin-top: 4%;*/
    text-align: center;
}

.nav.checkout .step {
    font-size: 26px !important;
}

.nav.checkout li a:hover {
    background-color: transparent !important;
}

.nav.checkout > li, .nav.checkout > li a {
    font-size: 26px;
    color: white !important;
}

.nav.checkout > li.active {
    font-weight: bold;
    color: rgb(88, 88, 88) !important;
}

.nav.checkout > li.visited a {
    padding: 0;
    /*color: rgb(88, 88, 88)!important;*/
    font-size: 26px;
}

.form-actions {
    padding: 0 !important;
    background: none !important;
}

/* make sure bootstrap forms in tables don't overstep their boundary. Seems they have a -15px margin coming from somewhere. */
td .form-group {
    margin: 0 !important;
}

/* make Available / Unavailable course text change colour */
span.available {
    color: rgb(55, 190, 179) !important;
}

span.unavailable {
    color: red !important;
}

/* fix width issue with oscar forms "instructions" field */
#new_shipping_address #id_notes,
#update_user_address #id_notes {
    width: 100% !important;
}

/* formatting for speaker images in study-clubs/detail page */
.thumbnail.speaker_image {
    padding: 0 !important;
    border: none!important;
    border-radius: 1px!important;
    /*box-shadow: 2px 2px 2px grey;*/
}

.sidebar {
    border: 3px solid white!important;
    border-radius:2px!important;
}
.service_wrapper{
    padding-top:20px ;
}
#service_1 .service_wrapper .feature:hover .img_box{
    box-shadow: none!important;
}

#service_1 .service_wrapper .feature .text{
    width: 75%!important;
}
#service_1 .service_wrapper .feature {
    margin-right: 0px !important;
    min-height: 300px;
}
#service_1 .service_wrapper .feature .text p {
    margin: 0;
    font-size: 13px!important;
    line-height: 22px;
}
#service_1 .service_wrapper .feature .text h6 {
    font-size: 19px!important;
}

#service_1 .service_wrapper .feature {
    margin-bottom: 23px!important;
}

.custom-message .mce-tinymce{
    width: 270%;
}