@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700');
@font-face {
    font-family: 'droid_sansregular';
    src: url('../fonts/DroidSans-webfont.eot');
    src: url('../fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/DroidSans-webfont.woff') format('woff'),  url('../fonts/DroidSans-webfont.ttf') format('truetype'),  url('../fonts/DroidSans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'droid_sansbold';
    src: url('../fonts/DroidSans-Bold-webfont.eot');
    src: url('../fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/DroidSans-Bold-webfont.woff') format('woff'),  url('../fonts/DroidSans-Bold-webfont.ttf') format('truetype'),  url('../fonts/DroidSans-Bold-webfont.svg#droid_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    color: #000000;
    font-size: 14px;
    line-height: 1.6em;
    font-family: 'droid_sansregular', sans-serif;
}
h1 {
    font-size: 36px;
    font-size: 3.6rem;
    color: #1D4189;
    font-weight: 400;
    padding: 0 0 20px 0;
    margin-top: 0px;
    margin-bottom: 8px;
    border-bottom: solid 3px #ececec;
    position: relative;
    line-height: 120%;
    font-family: 'Oswald', sans-serif;
}
h1.line:after {
    content: '';
    border-bottom: solid 4px #97D4E9;
    width: 40%;
    position: absolute;
    bottom: -2px;
    left: 0;
}
h2 {
    font-size: 26px;
    font-size: 2.6rem;
    color: #1D4189;
    font-weight: 400;
    line-height: 120%;
    font-family: 'Oswald', sans-serif;
}
h3 {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 120%;
}
h4 {
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: 400;
    line-height: 120%;
}
h5 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 120%;
}
h6 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 120%;
}
p {
    margin: 0 0 10px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 150%;
    font-weight: 400;
    color: #000000;
}
a {
    text-decoration: none;
    color: #4497CB;
}
.bold {
    font-weight: bold;
}
.btn, .form-control {
    border-radius: 0;
}
.btn-primary {
    color: #fff;
    background-color: rgb(41,72,142);
    border-color: rgb(41,72,142);
    font-family: 'droid_sansbold', sans-serif;
}
.btn-primary:hover {
    color: rgb(41,72,142);
    background-color: #5acbf5;
    border-color: #5acbf5;
}
.btn-outline {
    color: rgb(41,72,142);
    background-color: #fff;
    border-color: rgb(41,72,142);
    font-weight: 600;
}
.btn-outline:hover {
    color: rgb(41,72,142);
    background-color: #fff;
    border-color: rgb(41,72,142);
    font-weight: 600;
}
.btn-grey {
    color: #fff;
    background-color: #666666;
    border-color: #666666;
    font-weight: 600;
}
.btn-grey:hover {
    color: rgb(41,72,142);
    background-color: #555555;
    border-color: #555555;
}
.alert {
    padding: 5px;
    margin-bottom: 0px;
    border-radius: 2px;
}
.modal-content {
    border-radius: 0;
}
.model-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}
/*---------------header------------------*/
.top-header {
    padding: 20px 0;
}
.top-header ul li a span {
    color: #1D4189;
}
.top-header ul li a {
    color: #7e7e7e;
    line-height: 2em;
}
.top-header .input-group {
    margin: 10px 0;
}
/*---------------Navigation------------------*/
.navbar-collapse {
    padding: 0;
}
.navbar-default {
    border: none;
    background-color: rgb(41,72,142);
    border-radius: 0;
    margin-bottom: 0px;
}
.navbar-default .navbar-nav>li>a {
    display: block;
    padding: 1.3em 1em;
    font-size: 16px;
    font-size: 1.6rem;
    text-decoration: none;
    /*line-height: 1.3em;*/
    color: #FFFFFF;
    font-family: 'droid_sansbold', sans-serif;
}
.navbar-default .navbar-nav ul ul {
    left: 100%;
    margin: 0;
    box-shadow: none;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.current-menu-parent>a {
    background: #5acbf5;
    color: rgb(41,72,142);
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:active {
    background: #5acbf5;
    color: rgb(41,72,142);
}
.navbar-default .navbar-nav li:hover>a.dropdown-toggle {
    background: #5acbf5;
    color: rgb(41,72,142);
}
.navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.current-menu-item>a:focus, .navbar-default .navbar-nav>.current-menu-ancestor>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.current-menu-item>a:hover, .navbar-default .navbar-nav>.current-menu-ancestor>a:hover {
    background: #5acbf5;
    color: rgb(41,72,142);
}
.dropdown-menu {
    padding: 0;
    border-radius: 0;
    border: none;
}
.dropdown-menu>li>a {
    display: block;
    padding: .9em;
    font-size: 16px;
    font-size: 1.6rem;
    text-decoration: none;
    line-height: 1.3em;
    color: #FFFFFF;
    font-weight: 700;
    background-color: #5acbf5;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a ul li a:hover {
    background-color: #5acbf5;
    color: rgb(41,72,142);
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #5acbf5;
    border-color: transparent;
}
.menu-btn {
    font-size: 16px;
    text-transform: uppercase;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    border-color: transparent;
    background-color: transparent;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
    box-shadow: none;
}
.navbar-toggle {
    border: none;
    margin: 5px 0;
    width: 100%;
    float: none;
    color: #FFFFFF;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #5acbf5;
    color: rgb(41,72,142);
}

@media (max-width:1024px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 0;
        background: #337AB7;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        box-shadow: none;
    }
    .navbar .container {
    }
    .navbar-collapse {
        padding-left: 15px;
        padding-right: 15px;
    }
    a.logolink {
        display: block;
    }
    a.logolink img {
        margin: 0 auto;
        max-width: 100%;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-default .navbar-nav>li:not(:last-child) {
        border-bottom: 1px solid #fff;
    }
    .navbar-default .navbar-nav>li>a {
        padding: 0.6em;
        font-size: 1.5rem;
    }
    .navbar-default ul.navbar-nav li ul li a {
        padding-left: 20px;
        font-size: 1.5rem;
        padding: 0.5em 1.5em;
        color: #FFFFFF;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 15px;
    }
    .navbar-default ul.navbar-nav li ul li a:focus, .navbar-default ul.navbar-nav li ul li a:hover {
        color: #FFFFFF;
        background-color: #1D4189;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a,  .navbar-default .navbar-nav .open .dropdown-menu>.active>a {
        color: #fff;
        background-color: rgb(41,72,142);
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        background-color: #5acbf5;
        color: rgb(41,72,142);
    }
}
/*---------------------------banner----------------------------------*/
.content-section {
    padding: 20px 0;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    width: 100%;
}
/*---------------------------Footer----------------------------------*/
footer .blue {
    background: rgb(41,72,142);
}
.footerimg {
    background-image: url(../images/Footer-NYSkyline.jpg);
    background-repeat: no-repeat;
    background-position: 70% 50%;
    min-height: 235px;
	background-color: #2560AE;
}
.site-footer {
    padding: 34px 20px 20px;
}
.site-footer img {
    width: 250px;
}
.site-footer p {
    color: #fff;
    line-height: 1.6em;
}
.site-info {
    background-color: #2a2a2a;
    color: #FFFFFF;
    padding: 20px 0;
}
.site-info p {
    margin: 0;
    font-size: 14px;
    font-size: 1.2rem;
    color: #fff;
}
.site-info .credits {
    text-align: right;
}
.site-info .credits ul.list-inline {
    margin-bottom: 0;
}
.site-info .credits ul.list-inline li a {
    font-size: 12px;
    font-size: 1.1rem;
    padding: 0 5px;
    color: #fff;
    border-right: 1px solid #fff;
    text-transform: uppercase;
}
.site-info .credits ul.list-inline li:last-child a {
    border-right: 0px;
}
.site-info .credits ul.list-inline li {
    padding: 0;
}

@media (max-width: 767px) {
    .footerimg {
        background: none;
    }
}

@media (max-width: 480px) {
    .site-info .credits {
        text-align: left;
    }
}
/*---------------course section------------------*/
.course-search-block {
    padding: 10px 20px;
    background-color: #f2f2f2;
    margin: 20px 0;
}
.course-search-block h2 {
    margin-top: 0;
    margin-bottom: 15px;
}
.course-page .listing {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}
.course-page .listing-content p.type {
    margin-bottom: 5px;
    color: #7e7e7e;
}
.course-page .listing-content p.type strong {
    color: #333;
}
.course-page .listing-content p.type strong:after {
    /*content: " : ";*/
}
.course-page .sortby {
    margin-top: 20px;
}
/*---------------course details section------------------*/
.course-content .sidebar-block {
    padding: 10px 20px;
    background-color: #f2f2f2;
    margin: 20px 0;
}
.course-content .sidebar-block h2 {
    margin-top: 0;
    margin-bottom: 15px;
}
.course-content .sidebar-block p {
    color: #333;
}
.course-content .sidebar-block a {
    word-break: break-word;
}
.course-content .sidebar-block .media .media-left img {
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.course-content .sidebar-block div.rating-container {
    float: none;
}
.course-content .sidebar-block div.rating-container .crfp-bar .label {
    color: #333;
}
.course-content .owner-content ul li ul {
    padding-left: 10px;
}
.course-content .sidebar-bt {
    display: block;
    text-align: center;
    border-radius: 2px!important;
    text-transform: capitalize;
}
.course-content .btn {
    font-size: 17px;
    padding: 10px 19px;
    border-radius: 2px;
    text-transform: capitalize;
    border: 0px;
}
@media (max-width: 768px) {
    .course-description .sidebar-bt, .course-description .btn {
        display: block;
        text-align: center;
        border-radius: 2px!important;
        text-transform: capitalize;
        padding: 10px 19px;
        font-size: 17px;
        margin-bottom: 10px;
    }
}
.course-content .training-cnt:last-child {
    border-bottom: 0;
}
.course-content .training-cnt {
    border-bottom: 1px solid #dddddd;
    padding: 10px 0;
}
.course-content .training-cnt p {
    font-size: 14px;
}
.course-description .traning-tab {
    margin: 20px 0;
}
.course-description .nav-tabs>li>a {
    font-weight: 600;
    font-size: 16px;
    color: #333;
}
.course-description .nav-tabs>li.active>a, .course-description .nav-tabs>li.active>a:focus, .course-description .nav-tabs>li.active>a:hover, .course-description .nav-tabs>li>a:hover {
    background-color: #f7f7f7;
    color: #4497CB;
}
.course-description .tab-content .tab-pane.active {
    background-color: #f7f7f7;
    padding: 15px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
/*---------------document tab------------------*/
.course-description .tab-content .tab-pane#documents a{
	ont-size: 16px;
    line-height: 2;
    display: inline-block;
    margin-bottom: 10px;
	color: #00A2E8;
}
.course-description .tab-content .tab-pane#documents a i.fa {
	font-size: 26px;
	padding-right: 10px;
}
/*---------------sidebar content section tree structure------------------*/
.course-content .owner-content#demo1_menu ul {
    list-style: none;
    list-style-position: inside;
    padding-left: 0;
}
.course-content .owner-content#demo1_menu > ul{
    list-style-position: inside;
    list-style: disc;
    padding-left: 20px
}
.course-content .owner-content#demo1_menu ul li.lesson-label strong, .course-content .owner-content#demo1_menu ul li.quiz-label strong{
    font-size: 18px;
    line-height: 1.6;
    display: inline-block;
    padding: 0;
    font-weight: normal;
    margin-left: -5px;
}
.course-content .owner-content#demo1_menu ul li.lesson-quiz-label strong {
    font-size: 16px;
    font-weight: normal;
    color: #337AB7;
}
.course-content .owner-content#demo1_menu ul li ul li {
    padding-left: 15px;
}
.course-content .owner-content#demo1_menu ul li ul li a{
    font-size: 16px;
    line-height: 1.6;
    color: #337AB7;
}
.course-content .owner-content#demo1_menu ul li ul li ul li.topic-label{
    font-size: 16px;
    color: #337AB7;
    line-height: 1.6;
}
.course-content .owner-content#demo1_menu ul li ul li ul li strong{
    background-color:transparent;
    font-size: 16px;
    color: #333;
    line-height: 1.6;
    padding: 0;
    margin: 0;
}
.course-content .owner-content#demo1_menu ul li ul li ul li ul li a{
    font-weight: normal;
    font-size: 15px;
}
.course-content .owner-content#demo1_menu ul li ul li.nth-of-type-odd a{
    font-weight: normal;
    font-size: 15px;
}
/*---------------contact tab gform------------------*/
.form-container {
    padding: 15px;
    background-color: #f2f2f2;
    margin-bottom: 15px;
}
.gform_wrapper {
    margin: 0!important;
    display:block !important;
}
.gform_wrapper.gf_browser_chrome .gform_body {
    width: 100%!important;
}
.gform_wrapper input, .gform_wrapper select {
    height: 36px!important;
}
.gform_wrapper input[type=checkbox], .gform_wrapper input[type=radio] {
    height: 20px!important;
    margin-top: 2px!important;
}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
    font-size: 12px!important;
}
.gform_wrapper .button {
    background-color: #337ab7;
    border-color: #2e6da4;
    border: 1px solid transparent;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    border-radius: 0;
    padding: 4px 12px;
    color: #fff;
}
.gform_wrapper .btn-submit {
    margin-top: 12px;
}
.gform_wrapper .button:hover .gform_wrapper .button:focus {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.gform_wrapper ul li.gfield {
    margin-top: 5px!important;
}
.gform_wrapper .top_label div.ginput_container {
    margin-top: 0!important;
}
.gform_wrapper .gform_footer {
    padding: 0!important;
    margin: 5px 0 0!important;
    text-align:center;
}
.gform_wrapper div.validation_error {
    color: #a94442!important;
    background-color: #f2dede!important;
    border-color: #ebccd1!important;
    border: 1px solid!important;
    padding: 10px!important;
    margin-bottom: 10px 0px!important;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    border: none!important;
    background-color: transparent!important;
}
.gform_wrapper .gfield_error .gfield_label, .gform_wrapper .validation_message {
    color: #a94442!important;
    margin: 0!important;
    padding: 0!important;
    font-size: 14px!important;
}
.gform_wrapper .top_label .gfield_label {
    margin-bottom: 0px!important;
    font-size: 16px!important;
}
.gform_wrapper ul.gform_fields li.gfield {
    padding-top: 10px!important;
    padding-right: 0px!important;
}
.gform_wrapper #error-msg {
    padding: 4px!important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: transparent!important;
}
.gform_wrapper .field_description_below .gfield_description {
    padding-top: 0!important;
    font-size: 12px;
}
/*---------------Faq section------------------*/
#faq .accordion-group {
    margin-bottom: 10px;
    background-color: #f2f2f2;
}
#faq .accordion-group .accordion-heading {
    background-color: #fff;
    padding: 5px 10px;
}
#faq .accordion-group .accordion-heading a {
    font-size: 1.6rem;
    line-height: 20px;
    font-weight: 700;
}
#faq .accordion-group .accordion-body .accordion-inner ul {
    list-style: none;
    padding-left: 15px;
}
#faq .accordion-group .accordion-body .accordion-inner ul li:before {
    content: "\e072";
    float: left;
    font-family: 'Glyphicons Halflings';
    margin-right: 5px;
    font-size: 12px;
}
/*---------------modal ------------------*/
.modal.fade {
    border-radius: 2px;
}
.modal-header {
    background-color: rgb(41,72,142);
    border-bottom: 1px solid rgb(41,72,142);
    color:#ffffff;
    text-align:center;
    font-family: 'Oswald', sans-serif;
}
.modal-header .close {
    color:#FFFFFF;
    opacity:0.8;
}
.model-title {
    margin: 0;
    font-family: 'Oswald', sans-serif;
}
.modal-body .form-group {
    margin-bottom: 8px;
}

@media (max-width: 979px) {
    .modal.fade.in, .modal.container.fade.in, .modal.modal-overflow.fade.in {
        /*top: 12%!important;
                bottom: auto;*/
    }
}
/*---------------contact block tree structure------------------*/
.easytree-container {
    height: auto!important;
    background-color: transparent!important;
    font-size: 15px;
    line-height: 18px;
}
/*---------------comment section------------------*/
.user-comment .comments-title {
    margin: 12px 0;
}
.comment-list {
    border-bottom: 1px solid #ececec;
    padding-bottom: 15px;
    margin: 0;
}
.comment-list p.media-date {
    font-size: 14px;
    margin: 0;
    color: #a9a9a9;
}
/*---------------top user toolbar css------------------*/
#wpadminbar * {
    font-family: "Arial", Helvetica, sans-serif;
}
#wpadminbar .ab-top-secondary {
    background: transparent!important;
}
#wpadminbar {
    background-color: #ebebeb!important;
    z-index: 20;
}
#wpadminbar #wp-toolbar ul li div:hover {
    background-color: #fff!important;
    color: #4497CB!important;
}
#wpadminbar #wp-toolbar ul li div:hover:before {
    color: #4497CB;
    ;
}
#wpadminbar #wp-toolbar ul li a {
    padding: 0px 15px;
    color: #4497CB!important;
}
#wpadminbar #wp-toolbar ul.ab-submenu li a {
    padding: 0 10px;
}
#wpadminbar #wp-toolbar ul li a:before {
    color: #4497CB!important;
}
#wpadminbar #wp-toolbar ul li a:hover:before {
    color: #4497CB!important;
}
#wpadminbar #wp-toolbar ul li a:hover, #wpadminbar #wp-toolbar ul li a:hover span.display-name, #wpadminbar #wp-toolbar ul li a:hover span.username, #wpadminbar #wp-admin-bar-user-info:hover span {
    background-color: #f2f2f2!important;
    color: #4497CB!important;
}
#wpadminbar li.wpst-custom-icon-1 > .ab-item:before {
    color: #4497CB!important;
}
#wpadminbar #wp-admin-bar-user-info .display-name, #wpadminbar #wp-admin-bar-user-info .username {
    /*height: auto;*/
}
#wpadminbar .quicklinks .menupop ul li .ab-item {
    color: #4497CB!important;
    line-height: 32px;
    height: 32px;
}
#wpadminbar .quicklinks .menupop ul li .ab-item:hover {
    background-color: #4497CB!important;
    color: #ffffff!important;
}
#wpadminbar .quicklinks .menupop ul li a {
    line-height: 32px;
    height: 32px;
}
#wpadminbar .ab-sub-wrapper > ul {
    background-color: #ffffff!important;
    padding: 0;
}
#wpadminbar #wp-admin-bar-user-actions.ab-submenu {
    background-color: #ffffff!important;
}
#wpadminbar .menupop .ab-sub-wrapper {
    background-color: transparent;
}
#wpadminbar .ab-top-menu > li > .ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item, #wpadminbar .ab-top-menu > li > .ab-item > span, #wpadminbar > #wp-toolbar li span.ab-label {
    color: #4497CB!important;
}
#wpadminbar .ab-top-menu > li:hover > .ab-item, #wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item, #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item, #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, #wpadminbar .menupop.focus .ab-label {
    background-color: #ffffff!important;
}
#wpadminbar ul#wp-admin-bar-root-default li a span.ab-label {
    color: #4497CB;
}
#wpadminbar #wp-admin-bar-my-account.with-avatar > a img, #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
    border-color: #c5c5c5!important;
}

@media screen and (max-width: 783px) {
    #wpadminbar #wp-toolbar ul li a {
        padding: 0px;
    }
}
/**********************course detail page Quiz result page***********************/
.wpProQuiz_results p.wpProQuiz_certificate {
    text-align: center;
}
.wpProQuiz_results p.wpProQuiz_certificate .btn-blue {
    border-radius: 0;
}
.wpProQuiz_results a, .wpProQuiz_results a:hover {
    text-decoration: none;
}
.wpProQuiz_results .quiz_continue_link {
    text-align: center;
}
.wpProQuiz_results .result_btn {
    text-align: center;
}
.wpProQuiz_results a#quiz_continue_link {
    border-radius: 0;
}
/* Center the loader */
#loader {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/**********************popup alert***********************/
.alert-och {
    background-color: #337ab7;
    color: #fff;
    border-radius: 0px;
    padding: 10px;
    border-color: #337ab7;
}
.alert-och .media-body h3, .alert-och .media-body p {
    color: #fff;
}
/******** Comment Section *******/
.comment-additional-text {
    font-size: 2.0rem;
}
/**********************dashboard page***********************/
.training-user-top-section {
    margin-bottom: 30px;
}
.content-section.dashboard {
    background-color: #f0f1f5;
}
.dashboard #dashboard-carousel {
    margin: 20px 0;
}
.dashboard .carousel-caption {
    text-align: left;
    left: 8%;
}
.dashboard .carousel-caption h3 {
    font-size: 50px;
    line-height: 1;
    margin: 0;
    letter-spacing: -1px;
    font-weight: 800;
    text-transform: capitalize;
}

@media (max-width:768px) {
    .dashboard .carousel-caption h3 {
        font-size: 30px;
    }
}
.dashboard .white-box {
    background-color: #fff;
    min-height: 340px;
}
/*quick links*/
.dashboard .quick-links {
    padding: 20px;
    margin: 20px 0;
}
.dashboard .quick-links ul {
    margin-bottom: 0;
}
.dashboard .quick-links h2 {
    margin: 5px 0;
    border-bottom: 2px solid #f2f2f2;
    padding-bottom: 10px;
    font-size: 22px;
}
.dashboard .quick-links ul li a {
    line-height: 3;
    font-size: 16px;
}
.dashboard .quick-links ul li:not(:last-child) {
    border-bottom: 1px solid #f2f2f2;
}
/*sign in*/
.dashboard .loginbox {
    padding: 20px;
    margin: 20px 0;
}
.dashboard .loginbox h2 {
    margin: 5px 0;
    border-bottom: 2px solid #f2f2f2;
    padding-bottom: 10px;
    font-size: 22px;
}
.dashboard .loginbox .form-group {
    margin: 10px 0;
}
.dashboard .loginbox .form-group p {
    font-size: 14px;
}
.dashboard .loginbox .form-group a {
    color: rgb(41,72,142);
}
.dashboard .loginbox hr {
    margin: 10px 0;
}
.dashboard .loginbox h5 {
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 700;
}
/*featured-training-block*/
.dashboard .featured-training {
    background-color: #fff;
    padding: 30px 0;
}
.dashboard .featured-training .block-heading {
    color: #000;
    font-size: 46px;
    font-weight: 400;
    text-align: center;
    margin: 15px 0;
    margin-bottom: 40px;
}
.dashboard .featured-training a:hover,.dashboard .featured-training a:focus{
    text-decoration: none;
}
.dashboard .training-block {
    position: relative;
    margin-bottom: 20px;
}
.dashboard .text-cnt {
    /*position: absolute;
        bottom: 0;
        width: 100%;
        background-color: rgba(0,0,0,0.60);
        backdrop-filter: blur(5px);*/
}
.dashboard .text-cnt h3 {
    padding: 5px 0;
    margin: 0;
    color: #000000;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}
/*user profile-block*/
.dashboard .user-profile {
    padding: 20px;
    margin: 20px 0;
}
.dashboard .user-profile h1 {
    font-size: 3rem;
    padding-bottom: 10px;
}
.dashboard .user-profile p {
    margin-bottom: 6px;
    word-wrap: break-word;
    font-size: 14px;
}
.dashboard .user-profile a {
    font-size: 14px;
    color: #4497CB;
    cursor: pointer;
}
/**********************training-block***********************/
.dashboard .upcomming-training {
    max-height: 410px;
    overflow: auto;
}
.dashboard .upcomming-training .white-box.training-block {
    min-height: 100px;
    padding: 10px 20px;
}
.dashboard .upcomming-training .heading {
    margin: 5px 0;
    color: #337AB7;
    font-family: 'Oswald', sans-serif;
}
.dashboard .upcomming-training .heading a {
    color: #4497CB;
}
.dashboard .upcomming-training p.date-time, .dashboard .upcomming-training p.address {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 2px;
    margin-top: 0;
    line-height: 14px;
}
.dashboard .upcomming-training p {
    line-height: 18px;
    margin: 10px 0;
}
/***1486:Add space between "add media" and template on single course email invite template/****/
#wp-invite_editor-wrap .wp-editor-tools {
    padding: 11px 0px !important;
}

@media screen and (max-width: 600px) {
    #wpadminbar .ab-top-menu>.menupop>.ab-sub-wrapper {
        right: 0;
        left: auto;
    }
}
/**********************event calender ccs override***********************/
.dashboard .calendar-wrapper {
    padding: 30px 0;
}
.dashboard .calendar-wrapper .block-heading {
    color: #000;
    font-size: 46px;
    font-weight: 400;
    text-align: center;
    margin: 15px 0;
    margin-bottom: 40px;
}
.dashboard .calendar-wrapper #btnPrev {
    float: left;
    margin-bottom: 20px;
}
.dashboard .calendar-wrapper #btnPrev:before {
    content: '\f104';
    font-family: FontAwesome;
    padding-right: 4px;
}
.dashboard .calendar-wrapper #btnNext {
    float: right;
    margin-bottom: 20px;
}
.dashboard .calendar-wrapper #btnNext:after {
    content: '\f105';
    font-family: FontAwesome;
    padding-left: 4px;
}
.dashboard .calendar-wrapper #btnPrev, .dashboard .calendar-wrapper #btnNext {
    border: none;
    outline: none;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 50%;
}
.dashboard .calendar-wrapper #btnPrev {
    border-right: 1px solid #fff;
}
.dashboard .calendar-wrapper #btnPrev:hover, .dashboard .calendar-wrapper #btnNext:hover {
    color: #fff;
}
.eventCalendar-wrap .block-heading {
    color: #1D4189;
    padding-bottom: 10px;
    font-size: 22px;
}
.eventCalendar-monthWrap {
    width: auto !important;
}
.eventCalendar-list-wrap {
    width: 50% !important;
}
.eventCalendar-subtitle {
    font-family: 'Oswald', sans-serif;
}

@media (max-width:991px) {
    .eventCalendar-list-wrap {
        width: auto!important;
    }
}
/**
** Added by Yogesh Pawar on 22 Dec 2017
-- For adding scroll bar for Jquery combo box on the register for course page.
**/
ul.ui-autocomplete.ui-front {
    max-height: 300px;
    overflow-y: auto;   /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index: 1000 !important;
}
/*---------------#1561 mark complete message popup design------------------*/
#mark_complete_msg .modal-dialog {
    width: 100%;
    padding: 0;
    margin: 0;
}
#mark_complete_msg {
    border: 6px;
}

@media screen and (max-width:767px) {
    #mark_complete_msg {
        margin-top: 50px !important;
    }
}
/*---------------#1561 mark complete message popup design------------------*/

/*---------------courses login popup design------------------*/
/*
.sfwd-courses-template-default .modal.fade.in {
        top: 10%;
        padding-right: 0 !important;
}
.sfwd-courses-template-default .modal.fade.in.formerror{
    bottom:0 !important;
}
*/
#login ul.list-inline{
    margin-bottom:0;
}
#login ul.list-inlne li a{
    color:#5acbf5;
}
#login .modal-body{
    padding-bottom:0;
}
/*---------------Edit profile popup job title dropdowm------------------*/
.select2picker{
    width: 100% !important;       
}
.select2-dropdown{
    z-index: 99999 !important;   
}
#password_suceess h3{
     font-family: 'Oswald', sans-serif;
     color:#1D4189;
}
/*---------------courses login popup design------------------*/
.page-template-page-attestation .serial_number{
    float:left;
    margin-right:5px;
    margin-bottom: 5px;        
}

.page-template-page-attestation .cnt{
    display:table;
}
/*---------------Edit profile popup dropdowm------------------*/
.select2-container{
    max-width:100%;
}
.bigdrop{
    width: 45% !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 34px;
    width:28px;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
}
.select2-container .select2-selection--single{
    height:36px;
}
/*---------------section registration/course registartion/User Invite registartion form------------------*/
#section-registration h2.dark-line, #course_registration h2.dark-line{
    border-bottom: 2px solid #1D4189;
    padding-bottom: 8px;
    margin-bottom: 12px;
}
#course_registration h2.dark-line{
    margin-top:0;  
}

#course_registration .gform_wrapper ul.gform_fields li.gfield.custom-field-space{
    margin-top:0px!important;
    padding-top: 0px !important;
}
#course_registration .gform_wrapper .top_label li.gfield.gf_left_half{
    padding-right: 10px!important;
}

#course_registration .gform_wrapper .top_label .gfield_label {
    margin-bottom: 8px !important;
    font-weight: 700;
}
.user_invite_register#course_registration .gform_wrapper .password_strength .gfield_password_strength{
    width:180px;
    margin-top: 0;
    padding:0;
}
.user_invite_register#course_registration .gform_wrapper .ginput_container_password .ginput_left,

.user_invite_register#course_registration .gform_wrapper .ginput_container_password .ginput_right{
    padding-right: 30px;
}
div#loading { position:fixed; width:100%; height:100%; background:#FFFFFF url('../images/loading.gif') 50% 50% no-repeat; left:0px; top:0px; opacity:0.8; filter:alpha(opacity=80); z-index:99998; }
/*---------------course registration update form------------------*/

/* commented by mangehs k for two column layout-- start--*/
/*.course_update .gform_wrapper .top_label .gfield_label {
    display:inline-block;
    width:25%;
    margin:10px 10px 0 0 !important;
    float: left;
    text-align: right;
    margin-right: 12px;
    font-size: 14px !important;

}
.course_update .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: calc(100% - 1px) !important;
}
.course_update .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    max-width: 72%;
    margin-left: 26% !important;
}
.course_update .gform_wrapper .top_label div.ginput_container{
    width: 72%;
    float: left;
}
.course_update .gform_wrapper .btn-submit {
    margin-left: 40%;
    margin-top: 10px;
}
*/
/* commented by mangehs k for two column layout-- send--*/
.course_update .gform_wrapper form{
    padding: 0 10px 10px;
}

@media screen and (max-width:641px){
    .course_update .gform_wrapper .top_label .gfield_label {
        width: 100%;
        display: block;
        float:none;
        text-align: left;
    }
    .course_update .gform_wrapper .top_label div.ginput_container{
        width: 100%;
        float: none;
    }
    .course_update .gform_wrapper .btn-submit {
        margin-left: 0;
    }
    .course_update .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
        max-width: 100%;
        margin-left: 0 !important;
    }
}
/** START: Changed by Yogesh Pawar on 24th Jan 2018 :: To avoid css conflict with the slider on homepage. **/

.page-template-page-attestation .left{
    width:1%;
    display:table-cell;
    padding-right: 5px;
}
.page-template-page-attestation .right{
    width:98%;
    display:table-cell;
}
/** END: Changed by Yogesh Pawar on 24th Jan 2018 :: To avoid css conflict with the slider on homepage. **/
.left_attestation{
     width:1%;
    display:table-cell;
    padding-right: 5px;
    padding-left:40px;
}

/*---------------added by mangesh k to remove cursor from button for live courses on 31jan18------------------*/
.no-cursor{
    cursor: default !important;
}
.no-cursor#btn-join:hover,.no-cursor#btn-join:focus,.no-cursor#btn-join:active{
    background-color: #5CB85C;
    border-color: #5CB85C;
}
/*---------------added by mangesh k to remove cursor from button for live courses on 31jan18------------------*/

/*
 * HWAPPS-1962 : OCH Site Logo & Mobile Logo
 * Added By : Saumil Choksi.
 * When screen is less than 768px logo should be display in center.
 */
@media (max-width: 768px) {
    .logolink_mobile {
        text-align: center;
        display: block;
    }
}
/*
 * HWAPPS-1913 : Added By : Saumil Choksi
 * Set Left and Right side arrow in featured training section of carousal slider.
 */
.featured-training .owl-carousel .owl-prev {
    position: absolute;
    top: 28%;
    margin-left: 12px !important;
    display: block!IMPORTANT;
    border:0px solid black;
}
.featured-training .owl-carousel .owl-next {
    position: absolute;
    top: 28%;
    right: 8px;
    display: block!IMPORTANT;
    border:0px solid black;
}
.featured-training .owl-carousel .owl-prev i, .featured-training .owl-carousel .owl-next i {
    transform : scale(2,3);
    color: #ccc;
}
.featured-training .owl-carousel .owl-dots {
    margin-top: -20px;
}
.featured-training .owl-carousel .owl-nav .owl-prev:hover, .featured-training .owl-carousel .owl-nav .owl-next:hover {
    background: none !important;
}


.owner-content .media-body{
    display: contents !important;
}

.owner-content .media-body p{
    word-wrap: break-word !important;
}
.red{
    color : red;
}

.email_desc {
    font-size: 14px;
 }