body {
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    /*font-family: "Nunito",Helvetica Neue,Arial,Noto Sans,sans-serif;*/
    /*font-size: 1rem;*/
    font-weight: 400;
    color: rgb(50, 65, 85,.87);
    /*background-color: #eaebed;*/
}

/ Set padding to keep content from hitting the edges / .body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.container {
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    /*padding-top: 5px;*/
    max-width: 100%;
}

    .container .navbar-right {
        padding-right: 0px !important;
    }

.loading-image {
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.field-validation-error {
    color: #DA524B;
    font-size: 14px;
}

/*----- start Design of Header area ---*/
.btn {
    border-radius: 0px;
}

.form-control {
    border-radius: 0px;
    border: none;
}

.slogan {
    font-size: 30px;
    color: #FFF;
    font-weight: 400;
    margin-bottom: 18px;
}

.slogan-sub {
    font-size: 18px;
    color: #FFF;
    font-weight: 400;
    margin-bottom: 32px;
}

.navbar-form {
    padding: 0px;
    box-shadow: none;
}

    .navbar-form .form-group {
        background: #FFF;
        clear: both;
        overflow: hidden;
        border-radius: 4px;
        border: 1px solid #CCC;
        height: 34px;
        width: 100%;
    }

        .navbar-form .form-group .dropdown {
            border-right: 1px solid #CCC;
        }

    .navbar-form .btn {
        border-radius: 4px 0px 0px 4px;
        border: none;
        float: right;
    }

    .navbar-form .search-btn {
        background-color: #3e88c8;
        color: #ffffff;
        border: none;
        border-radius: 0px 4px 4px 0px;
        padding: 6px 12px;
        text-transform: uppercase;
        min-width: 60px;
    }

    .navbar-form input {
        border-right: none;
        float: left;
        box-shadow: none !important;
        border-left: 1px solid #CCC;
        width: 65%;
    }

/*.controls {
    position: relative;
    top: 15px;
}*/

.controls label {
    margin-left: 6px;
    cursor: pointer;
}

    .controls label input {
        display: none;
    }

.navbar-fixed-top {
    height: 67px;
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #FFF;
}

.HomeMenu ul li {
    list-style-type: none;
    display: inline;
    color: #FFF;
    width: 30%;
    font-size: 16px;
    height: 50px;
    text-align: center;
}

    .HomeMenu ul li a {
        color: #FFF;
        text-decoration: none;
        position: relative;
        top: 15px;
    }

.navbar-nav > li > a {
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
}

.navbar-right li {
    padding: 0px 0px;
}

    .navbar-right li li {
        padding: 0px 20px;
    }

/*----- End Design of Header area ---*/

/*----- Start Design of CRUD page ---*/
h2 {
    color: #212221;
    text-transform: capitalize;
}

.dataTables_scroll {
    color: #676767;
}

div.dataTables_scrollHead table.table-bordered {
    background-color: #eaebeb;
    font-size: 12px;
    border-left: none;
    border-right: none;
}

table.table-bordered.dataTable {
    font-size: 13px;
    border-left: none;
    border-right: none;
}

div.dataTables_scrollBody {
    /*overflow: initial !important;*/
}

    div.dataTables_scrollBody tbody tr th, div.dataTables_scrollBody tbody tr td {
        border-left: none;
        border-right: none;
        vertical-align: middle;
        background: #FFF;
    }

div.dataTables_scrollHead table thead tr th {
    border-left: none;
    border-right: none;
}

.table-striped > tbody > tr:nth-child(odd) > td {
    background: #FFF;
}

.glyphicon {
    cursor: pointer;
    border: 2px solid #EAEBEB;
    padding: 8px;
    border-radius: 5px;
}

.glyphicon-pencil {
    float: right;
}

.NoteBook .glyphicon-pencil:before {
    color: #3e88c8;
}

.glyphicon-trash:before {
    color: #DA524B;
    float: left;
}

#sidebar {
    background: #FFF;
    border-right: 1px solid #EAEBEB;
    padding-right: 0px;
}

#right-body {
    padding-bottom: 70px;
}

.status-btn {
    background-color: #58B856;
    text-align: center;
    border-radius: 5px;
    width: 64px;
    padding: 4px;
    color: #ffffff;
}

.status-btn-inactive {
    background-color: #DA534B;
    text-align: center;
    border-radius: 5px;
    width: 88px;
    padding: 4px;
    color: #ffffff;
}

.status-btn-pending {
    background-color: #FAAF40;
    text-align: center;
    border-radius: 5px;
    width: 64px;
    padding: 4px;
    color: #ffffff;
}


.form-group .yes-btn {
    margin-right: 10px;
    background: #3F89C8;
    border-radius: 4px;
    color: #FFF;
    padding: 5px 20px;
}

.form-group .cancel-btn {
    background: #EAEBEB;
    border-radius: 4px;
    color: #000;
    padding: 5px 20px;
}

.dataTables_filter .form-control {
    width: auto;
    border: 1px solid #EAEBEB;
    border-radius: 4px;
    font-size: 12px;
    color: rgba(50, 65, 85, .24);
    font-weight: 600;
    padding: 8px;
    margin-left: 8px;
}

#courseGrid_length select {
    width: auto;
    border: 1px solid #EAEBEB;
    border-radius: 4px;
    font-size: 12px;
    /*color: rgba(50, 65, 85, .24);*/
    font-weight: 600;
    padding: 8px;
    margin-left: 8px;
}

#courseGrid_length label {
    font-size: 11px;
    color: rgba(50, 65, 85, .54);
    font-weight: 400;
    margin-right: 8px;
}

#courseGrid_filter label {
    font-size: 11px;
    color: rgba(50, 65, 85, .54);
    font-weight: 400;
    margin-right: 8px;
}

.dataTables_filter input {
    padding-right: 0px;
    margin-right: 0px;
}

div.dataTables_paginate ul.pagination {
    z-index: 0;
    position: relative;
}

/*----- End Design of CRUD page ---*/

/*----- start Design of Edit and details for course ---*/

.form-horizontal .control-label {
    text-align: left;
    /*color: #A59CA6;*/
    padding-top: 0px;
    font-size: 13px;
    color: rgba(50, 65, 85, .24);
    font-weight: 700;
    margin-bottom: 4px;
}

.form-horizontal .field-description {
    color: #000;
    font-size: 14px;
    padding-right: 15px;
}

.update-form {
    /*width: 60%;*/
}

    .update-form .form-group .text-box {
        width: 100%;
        border-radius: 3px;
        /*padding: 4px;*/
        border: 1px solid #CCC;
    }

.creation-form {
    width: 60%;
}

    .creation-form .form-group .text-box {
        width: 100%;
       
        font-size: 14px;
        color: rgba(50, 65, 85, .24);
        font-weight: 600;
        background: #;
        border-top: 1px solid #d8d8de;
        padding: 10px 12px;
        border-radius: 3px;
        /*margin-bottom: 18px;*/
    }

    .creation-form .form-group textarea {
        width: 100%;
        border-radius: 3px;
        padding: 4px;
        border: 1px solid #CCC;
    }

    .creation-form .form-group .col-md-6, .update-form .form-group .col-md-6 {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 10px;
        overflow: hidden;
    }


    .creation-form .form-group select, .update-form .form-group select {
        width: 100%;
        /*border-radius: 3px;*/
        /*padding: 6px;*/
        /*border: 1px solid #CCC;*/
        font-size: 14px;
        color: #212221;
        font-weight: 600;
        background: #fff;
        border: 1px solid #d8d8de;
        padding: 10px 12px;
        border-radius: 3px;
        margin-bottom: 18px;
        height: auto !important;
    }

    .creation-form .form-group input, .update-form .form-group input {
        width: 100%;
        /*border-radius: 3px;*/
        /*padding: 6px;*/
        /*border: 1px solid #CCC;*/
        font-size: 14px;
        color: #212221;
        font-weight: 600;
        background: #fff;
        border: 1px solid #d8d8de;
        padding: 10px 12px;
        border-radius: 3px;
        /*margin-bottom: 18px;*/
        height: auto !important;
    }

.form-group .btn-field {
    padding-left: 0px;
}

    .form-group .btn-field input {
        background: #3F89C8;
        color: #FFF;
        width: 115px;
        margin-left: 16px;
    }

.NoteBook .individual_note {
    padding: 20px 15px;
    background: #F4F5F5;
    margin: 20px 2px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    float: left;
    position: relative;
    width: 100%;
}

    .NoteBook .individual_note .UserName {
        font-weight: bold;
        font-size: 16px;
        text-transform: capitalize;
    }

    .NoteBook .individual_note .CreatedDate {
        color: #999EAB;
        font-size: 15px;
        width: 200px;
        float: left;
    }

    .NoteBook .individual_note .NoteDetails {
        color: #2F2A2A;
        font-size: 14px;
        margin-top: 10px;
        float: left;
        width: 100%;
    }



.footer-container {
    background: #18507D;
    padding: 10px 20px;
    position: fixed;
    height: 60px;
    bottom: 0;
    width: 100%;
}

    .footer-container p {
        color: #767A7F;
    }

        .footer-container p span {
            color: #FFF;
        }

    .footer-container h5 {
        color: #3C86C4;
    }

    .footer-container .private-policy {
        float: right;
        text-align: right;
    }

#more-info {
    background: #324155;
    padding: 30px;
    height: auto;
    /*width: 100%;*/
    /*float: left;*/
    color: #EAEBEB;
}

    #more-info h3 {
        font-size: 24px;
        color: rgba(255, 255, 255,.54);
        font-weight: 400;
        margin-bottom: 30px;
    }

    #more-info h4 {
        font-size: 14px;
        color: #FFF;
        font-weight: 400;
        margin-bottom: 5px;
        margin-top: 0;
    }

    #more-info .get-in-touch {
        text-align: center;
    }

        #more-info .get-in-touch span {
            font-size: 14px;
            color: #00a0b4;
            font-weight: 700;
            margin-bottom: 18px;
        }

        #more-info .get-in-touch .socialIcon img {
            height: 25px;
        }

        #more-info .get-in-touch .socialIcon ul li {
            list-style-type: none;
            display: inline;
            margin: 10px;
        }
/*----- Start Design of user view ---*/
#courseList {
    float: left;
    width: 100%;
    margin: 40px auto;
}

    #courseList ul li {
        list-style-type: none;
        float: left;
        width: 22%;
        border: 1px solid #CCC;
        margin-left: 30px;
        margin-bottom: 20px;
    }



        #courseList ul li img {
            width: 100%;
            height: 163px;
        }

        #courseList ul li .courseNameDate {
            background: #6F7072;
            padding: 10px;
            height: 60px;
            position: relative;
        }

            #courseList ul li .courseNameDate span {
                color: #F0F0F0;
                float: right;
                font-weight: bold;
                font-size: 15px;
            }

            #courseList ul li .courseNameDate p {
                color: #FFF;
                text-transform: capitalize;
                font-size: 14px;
                padding: 5px;
                top: 6px;
                position: relative;
                margin-bottom: 0px;
            }

.top-banner {
    background: url("../Images/gyanex_home_page_hero_bg.jpg") no-repeat;
    background-size: 100%;
    height: 420px;
    margin-bottom: 0px;
    position:relative;
}

.top-banner-about {
    background: url("../Images/CM_Banner_About_Us.jpg") no-repeat;
    background-size: 100% 100%;
    height: 420px;
    margin-bottom: 0px;
}

.top-banner-contact {
    background: url("../Images/CM_Banner_Contact_Us.jpg") no-repeat;
    background-size: 100%;
    height: 420px;
    margin-bottom: 0px;
}

.top-banner .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(50, 65, 85, .60);
}


#Top-Slogan {
    text-align: center;
    margin: 50px 5px;
}

    #Top-Slogan h1 {
        color: #FFF;
        /*font-size: 33px;*/
    }

    #Top-Slogan p {
        color: #FFF;
        font-size: 20px;
    }

.search-area {
    width: 50%;
    margin: 20px auto;
    position: relative;
}

    .search-area form {
        overflow: hidden;
        width: 100%;
    }

    .search-area .search-field {
        /*border: 1px solid #CCC;
        border-radius: 3px;
        padding: 10px 6px;
        height: 40px;*/
        width:100%;
        font-size: 14px;
        color: rgba(0, 0, 0,0.54);
        font-weight: 400;
        padding: 12px 14px;
        background-color: #;
        border: 1px solid #d8d8de;
        border-radius: 3px;
        margin-right: 8px;
        margin-bottom: 10px;
    }

    .search-area .search-btn {
        font-size: 14px;
        color: #FFF;
        font-weight: 700;
        padding: 12px 30px;
        background-color: #00a0b4;
        border: 1px solid #00a0b4;
        border-radius: 3px;
        height: 46px;
    }

    .search-area p {
        font-weight: 700;
        color: #FFF;
        cursor: pointer;
        font-size: 11px;
    }

    .search-area span {
        font-weight: 700;
        color: #FFF;
        font-size: 11px;
        padding-left: 7px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        position: relative;
        top: -2px;
    }

    .search-area .advance-search {
        font-weight: bold;
        color: #6F7072;
        font-size: 13px;
        text-align: right;
    }

    .search-area .glyphicon-cog {
        color: #00a0b4;
        /*float: right;*/
        border: none;
        padding-top: 0px;
        padding-right: 25px;
    }

    .search-area .col-md-4 {
        /*padding: 10px 0px;*/
    }

.search-box {
    /*height: 100px;*/
    /*width: 680px;*/
    background-color: rgba(50, 65, 85, .80);
    padding: 20px 20px 10px 20px;
    border-radius: 5px;
}

.steps {
    /*display: inline-block;*/
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 18px;
    /*padding-bottom: 70px;*/
    background: -moz-linear-gradient( 100% 50% 180deg,rgba(0, 160, 180, 1) 0%,rgba(1, 104, 143, 1) 100%);
    background: -webkit-linear-gradient( 180deg, rgba(0, 160, 180, 1) 0%, rgba(1, 104, 143, 1) 100%);
    background: -webkit-gradient(linear, 100% 50%,0% 50%,color-stop(0,rgba(0, 160, 180, 1) ),color-stop(1,rgba(1, 104, 143, 1) ));
    background: -o-linear-gradient(180- deg, rgba(0, 160, 180, 1) 0%, rgba(1, 104, 143, 1) 100%);
    background: -ms-linear-gradient( 180deg, rgba(0, 160, 180, 1) 0%, rgba(1, 104, 143, 1) 100%);
    -ms- lter: "progid:DXImageTransform. Microsoft.gradient(startColorstr='# 00A0B4', endColorstr='#01688F',GradientType=0)";
    background: linear-gradient(-90deg, rgba(0, 160, 180, 1) 0%, rgba(1, 104, 143, 1) 100%);
    lter: progid:DXImageTransform.Microsoft. gradient(startColorstr='# 01688F',endColorstr='#00A0B4', GradientType=1);
}

.step div:nth-child(1) {
    font-size: 18px;
    color: #FFF;
    font-weight: 700;
    margin-bottom: 8px;
}

.step div:nth-child(2) {
    font-size: 14px;
    color: #FFF;
    font-weight: 700;
}

#WhyKursusbasen {
    background-color: #eaebed;
}

#learn_from {
    background-color: #eaebed;
}


#learn_from .individual_reason {
    display: inline-block;
    width: 20%;
    margin: 30px;
    background: rgba(50, 65, 85, .60);
    padding: 64px 18px 15px 18px;
    border-radius: 5px;

}

    #learn_from .individual_reason h3 {
        font-size: 18px;
        color: #FFF;
        font-weight: 700;
        margin-bottom: 8px;
    }

    #learn_from .individual_reason span {
        font-size: 11px;
        color: #FFF;
        font-weight: 700;
    }

    #learn_from .individual_reason:nth-child(1) {
        background: url(../Images/gyanex_feature_learn_anything_bg.jpg) no-repeat;
        background-size: 100%;
        border-bottom: 12px solid #f7931e;
    }

    #learn_from .individual_reason:nth-child(2) {
        background: url(../Images/gyanex_feature_expart_trainer_bg.jpg) no-repeat;
        background-size: 100%;
        border-bottom: 12px solid #39b54a;
    }

    #learn_from .individual_reason:nth-child(3) {
        background: url(../Images/gyanex_feature_learn_togather_bg.jpg) no-repeat;
        background-size: 100%;
        border-bottom: 12px solid #662d91;
    }

    #learn_from .individual_reason:nth-child(4) {
        background: url(../Images/gyanex_feature_free_booking_bg.jpg) no-repeat;
        background-size: 100%;
        border-bottom: 12px solid #c1272d;
    }

#Move-Course-Online {
    background: #324155;
    text-align: center;
    height: auto;
    /*width: 100%;*/
    /*float: left;*/
    color: #EAEBEB;
}

    #Move-Course-Online .individual_reason {
        padding-bottom: 40px;
    }

    #Move-Course-Online h1 {
        margin-top: 65px;
    }

    #Move-Course-Online h3 {
        font-size: 36px;
        color: rgba(255, 255, 255,1);
        font-weight: 400;
        margin-bottom: 8px;
    }

    #Move-Course-Online h4 {
        font-size: 16px;
        color: rgba(255, 255, 255,.54);
        font-weight: 400;
        margin-bottom: 20px;
    }

    #Move-Course-Online span {
        font-size: 14px;
        color: #00a0b4;
        font-weight: 400;
    }

    #Move-Course-Online .move-course-logo {
        height: 60px;
        width: 60px;
        background: rgba(255, 255, 255,1);
        border-radius: 50%;
        /*margin-bottom: 16px;*/
        text-align: center;
        display: inline-block;
    }

    #Move-Course-Online .why-to-move {
        width: 80%;
        margin: 40px auto;
    }

    #Move-Course-Online .bottom-button {
        width: 50%;
        margin: 80px auto;
        overflow: hidden;
    }

#GetInTouch .bottom-button {
    /*width: 50%;*/
    /*margin: 80px auto;*/
    overflow: hidden;
}

#Move-Course-Online .learn-more {
    border-radius: 5px;
    background: #EAEBEB;
    padding: 10px 18px;
    float: left;
    color: #2E353A;
    width: 40%;
    cursor: pointer;
}

#GetInTouch .learn-more {
    font-size: 18px;
    color: #00a0b4;
    font-weight: 700;
    padding: 12px 30px;
    background-color: #FFF;
    border: 1px solid #FFF;
    border-radius: 5px;
    /*margin-right: 48px;*/
    cursor: pointer;
    /*width: 40%;*/
}

#Move-Course-Online .get-started {
    border-radius: 5px;
    background: #57AB46;
    color: #FFF;
    padding: 10px 20px;
    float: left;
    width: 40%;
    cursor: pointer;
    margin-left: 30px;
}

#GetInTouch .get-started {
    font-size: 18px;
    font-weight: 700;
    padding: 12px 30px;
    background-color: #00a0b4;
    border-radius: 5px;
    /*width: 40%;*/
    color: #FFF;
    border: 1px solid #FFF;
    cursor: pointer;
}


#GetInTouch {
    /*width: 100%;*/
    /*float: left;*/
    background: -moz-linear-gradient(0% 50% 0deg,rgba(0, 160, 180, 1) 0%,rgba( 1, 104, 143, 1) 100%);
    background: -webkit-linear-gradient( 0deg, rgba(0, 160, 180, 1) 0%, rgba(1, 104, 143, 1) 100%);
    background: -webkit-gradient(linear, 0% 50%,100% 50%,color-stop(0,rgba(0, 160, 180, 1) ),color-stop(1,rgba(1, 104, 143, 1) ));
    background: -o-linear-gradient(0deg, rgba(0, 160, 180, 1) 0%, rgba(1, 104, 143, 1) 100%);
    background: -ms-linear-gradient(0- deg, rgba(0, 160, 180, 1) 0%, rgba(1, 104, 143, 1) 100%);
    -ms- lter: "progid:DXImageTransform. Microsoft.gradient(startColorstr='# 00A0B4', endColorstr='#01688F',GradientType=0)";
    background: linear-gradient(90deg, rgba(0, 160, 180, 1) 0%, rgba(1, 104, 143, 1) 100%);
    lter: progid:DXImageTransform.Microsoft. gradient(startColorstr='# 00A0B4',endColorstr='#01688F', GradientType=1);
    color: #FFF;
}

    #GetInTouch .signup {
        padding: 56px;
        /*height: 400px;*/
        overflow: hidden;
        color: #FFF;
    }

    #GetInTouch .course-cat {
        padding: 64px;
        /*height: 400px;*/
        overflow: hidden;
        color: #FFF;
    }



    #GetInTouch .box-container1 {
        padding: 0;
    }

        #GetInTouch .box-container1 .cat-container {
            height: 56px;
            padding: 16px;
            border: 1px solid #eaebed;
            background-color: #FFF;
            border-radius: 5px;
            margin: 10px;
        }

#FindCoursebyCathome .category-image-area {
    height: 24px;
    width: 24px;
    /*margin-right: 10px;*/
    padding: 0;
}

    #FindCoursebyCathome .category-image-area img {
        height: 24px;
    }

#GetInTouch .box-container1 div .title {
    font-size: 12px;
    color: rgb(50, 65, 85,.87);
    font-weight: 700;
}

#GetInTouch .box-container1 div .count {
    font-size: 12px;
    color: rgb(50, 65, 85,.38);
    font-weight: 700;
}

#GetInTouch .box-container2 div {
    height: 56px;
    background-color: #FFF;
    padding: 16px;
    border: 1px solid #eaebed;
}

#GetInTouch .col-md-12 .bottom-button {
    width: 100%;
    /*margin: 80px auto;*/
    overflow: hidden;
}

#GetInTouch .signup h3 {
    font-size: 30px;
    color: rgba(255, 255, 255,1);
    font-weight: 400;
    margin-bottom: 18px;
}

#GetInTouch .signup h4 {
    font-size: 18px;
    color: rgba(255, 255, 255,1);
    font-weight: 400;
    margin-bottom: 32px;
}


/*#GetInTouch .col-md-6:last-child {
        padding: 50px;
        /*height: 400px;*/
overflow: hidden;
}

*/

#GetInTouch .Our-Vision {
    background: #F3F4F4 !important;
}

#GetInTouch .Our-Vision p {
    width: 90%;
    color: #4E575E;
    text-align: justify;
}

#GetInTouch .Our-Vision ul li {
    list-style-type: disc;
    text-align: left;
}

#GetInTouch h1 {
    color: #EAEBEB;
}

#GetInTouch p {
    color: #EAEBEB;
    width: 35%;
    margin: 30px auto;
}

#GetInTouch h4 {
    color: #EAEBEB;
}

#GetInTouch .socialIcon {
    margin: 49px auto;
}

    #GetInTouch .socialIcon ul li {
        list-style-type: none;
        display: inline;
        margin: 10px;
    }

/*Expand knowledge*/
#expand-knowledge .bottom-button {
    width: 50%;
    /*margin: 80px auto;*/
    overflow: hidden;
}



#expand-knowledge .get-started {
    font-size: 18px;
    color: #00a0b4;
    font-weight: 700;
    padding: 12px 30px;
    background-color: #FFF;
    border: 1px solid #FFF;
    border-radius: 5px;
    /*margin-right: 48px;*/
    cursor: pointer;
    /*width: 40%;*/
}

#Move-Course-Online .get-started {
    border-radius: 5px;
    background: #57AB46;
    color: #FFF;
    padding: 10px 20px;
    float: left;
    width: 40%;
    cursor: pointer;
    margin-left: 30px;
}

#expand-knowledge .learn-more {
    font-size: 18px;
    font-weight: 700;
    padding: 12px 30px;
    background-color: #00a0b4;
    border-radius: 5px;
    /*width: 40%;*/
    color: #FFF;
    border: 1px solid #FFF;
    /*margin-right: 48px;*/
    cursor: pointer;
}





#expand-knowledge {
    /*width: 100%;*/
    float: left;
    background: url(../Images/gyanex_home_page_trainer_bg.jpg) no-repeat;
    background-size: 100%;
    color: #FFF;
    position:relative;
    /*margin-bottom:30px;*/
    padding-left:24px;
    padding-right:24px;
    
}

    #expand-knowledge .overlay {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(50, 65, 85, .60);
    }

    #expand-knowledge .row {
        padding: 0 40px 40px 40px;
    }

#expand-knowledge .col-md-12 .bottom-button {
    width: 100%;
    /*margin: 80px auto;*/
    overflow: hidden;
}

    #expand-knowledge h3 {
        font-size: 30px;
        color: rgba(255, 255, 255,1);
        font-weight: 400;
        margin-bottom: 18px;
    }

    #expand-knowledge .expand-knowledge-slogan {
        font-size: 18px;
        color: rgba(255, 255, 255,1);
        font-weight: 400;
        margin-bottom: 32px;
    }

    #expand-knowledge .expand-knowledge-slogan {
        font-size: 21px;
        color: rgba(255, 255, 255,1);
        font-weight: 400;
        margin-bottom: 32px;
    }

    #expand-knowledge .expand_knowledge_text {
        font-size: 14px;
        color: rgba(255, 255, 255,.54);
        font-weight: 400;
        margin-bottom: 32px;
    }


    #expand-knowledge .col-md-6:last-child {
        padding: 50px;
        /*height: 400px;*/
        overflow: hidden;
    }

    #expand-knowledge .Our-Vision {
        background: #F3F4F4 !important;
    }

        #expand-knowledge .Our-Vision p {
            width: 90%;
            color: #4E575E;
            text-align: justify;
        }

        #expand-knowledge .Our-Vision ul li {
            list-style-type: disc;
            text-align: left;
        }

    #expand-knowledge h1 {
        color: #EAEBEB;
    }

    #expand-knowledge p {
        color: #EAEBEB;
        width: 35%;
        margin: 30px auto;
    }

    #expand-knowledge h4 {
        color: #EAEBEB;
    }

    #expand-knowledge .socialIcon {
        margin: 49px auto;
    }

        #expand-knowledge .socialIcon ul li {
            list-style-type: none;
            display: inline;
            margin: 10px;
        }

#OurPartner {
    float: left;
    text-align: center;
    color: #4E575E;
    height: 400px;
}

    #OurPartner h1 {
        margin: 50px auto;
        font-weight: bold;
        font-size: 40px;
    }

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

#contactus .form-field {
    width: 60%;
    margin: 10px auto;
}

    #contactus .form-field .creation-form {
        width: 100%;
    }

        #contactus .form-field .creation-form .save-btn {
            width: 100%;
            background: #57AB46;
            padding: 14px;
            font-size: 20px;
            border-radius: 7px;
            margin-left: 0px;
        }

        #contactus .form-field .creation-form .btn-field {
            padding-left: 15px;
            height: 82px;
        }

            #contactus .form-field .creation-form .btn-field span {
                font-size: 16px;
                color: #A8A8A8;
                position: relative;
                top: 16px;
            }

.google-map-front-div {
    height: 400px;
    position: relative;
    top: 50px;
    z-index: 1000;
    background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) );
}

.google-map-front-text {
    width: 30%;
    margin: 10px auto;
    color: #FFF;
    text-align: center;
    padding-top: 100px;
}

    .google-map-front-text h4 {
        color: #FFF;
    }

.socialIcon ul {
    padding: 0px;
    margin: 0px;
}

.google-map-front-text .socialIcon ul li:first-child {
    margin-left: 0px;
}

.google-map-front-text .socialIcon ul li {
    list-style-type: none;
    display: inline;
    margin-left: 10px;
}

#FindCoursebyCat {
    background: #F0F0F0;
    height: auto;
    float: left;
    padding-top: 50px;
    width: 100%;
}

    #FindCoursebyCat h3 {
        color: #57AB46;
        margin-left: 50px;
    }

    #FindCoursebyCat .inner_block {
        width: 85%;
        margin: 0px auto;
    }

    #FindCoursebyCat ul {
        padding-left: 0px;
    }

        #FindCoursebyCat ul li {
            background: #FFF;
            border: 1px solid #57AB46;
            border-radius: 5px;
            margin: 18px 0px 18px 15px;
            list-style-type: none;
            width: 32%;
            height: 70px;
            float: left;
            cursor: pointer;
        }

            #FindCoursebyCat ul li:hover {
                background: #E6E7E8;
            }

    #FindCoursebyCat .category-name-area {
        width: 70%;
        float: left;
        padding-left: 15px;
    }

    #FindCoursebyCat .category-image-area {
        width: 24%;
        float: left;
        background: #57AB46;
        border-radius: 4px;
    }




    #FindCoursebyCat ul li img {
        height: 100%;
        border-radius: 5px;
        max-width: 80px;
    }

    #FindCoursebyCat ul li .col-md-3 {
        background: #57AB46;
    }

    #FindCoursebyCat ul li span {
        position: relative;
        top: 5px;
        font-weight: bold;
        font-size: 14px;
        color: #717274;
    }

    #FindCoursebyCat ul li p {
        margin-top: 7px;
        font-weight: bold;
        font-size: 13px;
        color: #9499AD;
    }

#CustomerList {
    padding: 10px;
    float: left;
    width: 100%;
}

    #CustomerList h3 {
        color: #FFF;
        margin-left: 50px;
    }

    #CustomerList ul {
        background: #FFF;
        height: auto;
        position: relative;
        width: 100%;
        overflow: hidden;
        padding: 0px;
        margin: 0px;
    }

    #CustomerList .inner_block {
        margin: 70px auto;
        width: 85%;
    }

    #CustomerList ul li {
        list-style-type: none;
        margin-bottom: 20px;
        color: #57AB46;
        text-transform: capitalize;
        width: 22%;
        height: 22%;
        border: 1px solid #E6E7E8;
        padding: 0px;
        margin: 12px;
        cursor: pointer;
        overflow: hidden;
        min-height: 160px;
    }

        #CustomerList ul li .CustomerImage {
            text-align: center;
            height: 74%;
        }

            #CustomerList ul li .CustomerImage img {
                text-align: center;
                width: 85%;
            }

        #CustomerList ul li .coursesCount {
            height: 60px;
            width: 100%;
            position: relative;
            bottom: 0px;
            background: #E6E7E8;
            text-align: center;
        }

            #CustomerList ul li .coursesCount p {
                color: #717274;
                font-size: 16px;
                padding-top: 15px;
                text-transform: uppercase;
            }

.subscribe-message {
    width: 90%;
    /*margin: 20px auto;*/
}

#NewsLetterArea {
    padding: 10px;
    background: -moz-linear-gradient(0% 50% 0deg,rgba(0, 160, 180, 1) 0%,rgba( 1, 104, 143, 1) 100%);
    background: -webkit-linear-gradient( 0deg, rgba(0, 160, 180, 1) 0%, rgba(1, 104, 143, 1) 100%);
    background: -webkit-gradient(linear, 0% 50%,100% 50%,color-stop(0,rgba(0, 160, 180, 1) ),color-stop(1,rgba(1, 104, 143, 1) ));
    background: -o-linear-gradient(0deg, rgba(0, 160, 180, 1) 0%, rgba(1, 104, 143, 1) 100%);
    background: -ms-linear-gradient(0- deg, rgba(0, 160, 180, 1) 0%, rgba(1, 104, 143, 1) 100%);
    -ms- lter: "progid:DXImageTransform. Microsoft.gradient(startColorstr='# 00A0B4', endColorstr='#01688F',GradientType=0)";
    background: linear-gradient(90deg, rgba(0, 160, 180, 1) 0%, rgba(1, 104, 143, 1) 100%);
    lter: progid:DXImageTransform.Microsoft. gradient(startColorstr='# 00A0B4',endColorstr='#01688F', GradientType=1);
    color: #FFF;
    float: left;
    text-align: center;
}

    #NewsLetterArea form {
        width: 96%;
        margin: 30px auto;
    }

    #NewsLetterArea h3 {
        font-size: 30px;
        color: rgba(255, 255, 255,1);
        font-weight: 400;
        margin-bottom: 18px;
    }

    #NewsLetterArea h4 {
        font-size: 17px;
        color: rgba(255, 255, 255,1);
        font-weight: 400;
        margin-bottom: 32px;
    }


    #NewsLetterArea label {
        color: #EAEBEB;
        padding-left: 15px;
        font-size: 14px;
    }

    #NewsLetterArea span {
        /*float: left;*/
    }

    #NewsLetterArea input, #NewsLetterArea select {
        border: 1px solid #CCC;
        border-radius: 4px;
        padding: 8px;
        margin-bottom: 20px;
        width: 100%;
        height: 44px;
        color: rgb(50, 65, 85,.87);
    }

        #NewsLetterArea select option:first-child {
            color: #CCC;
        }

        #NewsLetterArea input.subscribe-btn {
            font-size: 18px;
            color: #FFF;
            font-weight: 700;
            padding: 12px 30px;
            background-color: #00a0b4;
            border: 1px solid #;
            border-radius: 5px;
        }

    #NewsLetterArea .term-condition {
        width: 95%;
        margin: 20px auto;
        overflow: hidden;
        float: left;
    }

        #NewsLetterArea .term-condition span {
            font-size: 12px;
            color: rgba(255, 255, 255,.54);
            font-weight: 400;
            margin-top: 18px;
        }

.register_form .term-condition span {
    background: #57AB46;
    color: #FFF;
    padding: 2px 5px;
    border-radius: 2px;
    float: none;
}

.coursListPage #courseGrid tr {
    /*border-left: 1px solid #CCC;*/
    /*border-right: 1px solid #CCC;*/
    border-bottom: 5px solid #eaebed;
    border-radius: 5px;
}

.coursListPage #courseGrid td h4 {
    font-size: 13px;
    color: rgba(50, 65, 85, .54);
    font-weight: 700;
}

.coursListPage #courseGrid td span {
    color: #817F7F;
    font-size: 15px;
    padding-left: 16px;
    border: none;
}

    .coursListPage #courseGrid td span.glyphicon-price {
        padding-left: 18px;
        background-image: url("../Images/Icons/CM_User_Icon_price.png");
        background-repeat: no-repeat;
        background-position: left 10px;
        font-size: 13px;
        font-weight: 700;
        color: #FFF;
        background: #00a0b4;
        /*padding: 4px 16px;*/
        /*border-radious: 3px 0px 0px 3px;*/
    }

.glyphicon-tags:before {
    color: #000;
    margin-right: 7px;
}

.glyphicon-map-marker:before {
    margin-right: 7px;
    color: #000;
}

.glyphicon-time:before {
    color: #000;
    margin-right: 7px;
}

.glyphicon-calendar:before {
    margin-right: 7px;
    color: #000;
}

.coursListPage #courseGrid td p {
    font-size: 12px;
    color: rgb(50, 65, 85,.54);
    font-weight: 700;
    margin-bottom: 8px;
}

#courseGrid_info {
    font-size: 11px;
    color: rgba(50, 65, 85, .54);
    font-weight: 400;
    margin-right: 8px;
}

.coursListPage #courseGrid td .viewDetails {
    background: #00a0b4;
    color: #FFF;
    font-size: 14px;
    padding: 10px 6px;
    border-radius: 5px;
    /*width: 20%;*/
}

.viewDetails {
    background: #00a0b4;
    color: #FFF;
    padding: 12px 6px;
    border-radius: 5px;
    text-align: center;
}

.coursListPage #courseGrid td .viewDetails a {
    color: #FFF;
    font-size: 13px;
    text-decoration: none;
    position: relative;
}

.sendToFriend {
    margin-left: 15px;
    float: left;
}

.viewDetails a {
    color: #FFF;
    font-size: 14px;
    text-decoration: none;
    position: relative;
}

.coursListPage table.table-bordered.dataTable {
    border-collapse: collapse !important;
}

.body-framework {
    width: 95%;
    margin: 10px auto;
    display:block;
}

    .body-framework .CourseDetailsPage {
        /*border: 1px solid #CCC;*/
        padding: 0px 0px 20px;
        overflow: hidden;
        border-radius:5px;
    }

        .body-framework .CourseDetailsPage .details-img {
            height: 160px;
            width: 160px;
            background: rgba(255, 255, 255,1);
            border-radius: 50%;
            border: 1px solid #d8d8de;
            margin-bottom: 16px;
            margin-right: 24px;
        }

        .body-framework .CourseDetailsPage table h3 {
            font-size: 24px;
            color: rgba(50, 65, 85, 1);
            font-weight: 700;
            margin-bottom: 16px;
        }

        .body-framework .CourseDetailsPage table p {
            font-size: 13px;
            color: #00a0b4;
            font-weight: 700;
            padding: 6px 12px;
            margin-left: -12px;
            margin-bottom: 36px;
        }

        .body-framework .CourseDetailsPage table .glyphicon-time {
            font-size: 11px;
            color: rgba(50, 65, 85, 1);
            font-weight: 700;
            background: #d8d8de;
            padding: 3px 6px 4px;
            border-radius: 10px;
        }

        .body-framework .CourseDetailsPage table .price-field span {
            color: #FFF;
            font-size: 28px;
            padding: 0px;
        }

        .body-framework .CourseDetailsPage .glyphicon-price {
            float: right;
            width: auto;
            /*height: 35px;*/
            background-image: url("../Images/Icons/CM_User_Icon_price_large.png");
            background-repeat: no-repeat;
            font-size: 21px;
            font-weight: 700;
            color: #FFF;
            background: #00a0b4;
            padding: 5px 14px;
            border-radius: 3px;
            /*margin-bottom: 50px;*/
            margin-right: -30px;
        }

        .body-framework .CourseDetailsPage .fb-share-button {
            position: relative;
            top: 25px;
            float: left;
            width: 180px;
        }

        .body-framework .CourseDetailsPage .glyphicon-price:before {
            color: #57AB46;
        }

        .body-framework .CourseDetailsPage .col-sm-7 {
            font-size: 14px;
            color: rgba(50, 65, 85, .54);
            font-weight: 400;
            margin-bottom: 10px;
        }

        .body-framework .CourseDetailsPage .signupForm {
            background: #324155;
            border: 1px solid #324155;
            padding: 24px;
            margin-bottom: 16px;
            border-radius: 3px;
            overflow: hidden;
        }

            .body-framework .CourseDetailsPage .signupForm h3 {
                font-size: 21px;
                color: rgb(255, 255, 255,1);
                font-weight: 700;
                /*padding-bottom: 8px;*/
                /*padding-top: 8px;*/
            }

            .body-framework .CourseDetailsPage .signupForm p {
                font-size: 12px;
                color: rgb(255, 255, 255,.54);
                font-weight: 700;
                padding-bottom: 8px;
                padding-top: 8px;
            }

            .body-framework .CourseDetailsPage .signupForm select {
                width: 100%;
                /*border-radius: 5px;*/
                /*padding: 5px;*/
                font-size: 12px;
                color: rgba(50, 65, 85, .24);
                font-weight: 700;
                background: #fff;
                border-top: 1px solid #d8d8de;
                padding: 10px 12px;
                border-radius: 3px;
            }

            .body-framework .CourseDetailsPage .signupForm .addtowishlist {
                /*border-radius: 4px;
                color: #0C7F40;
                padding: 6px 14px;
                font-size: 12px;*/
                /*margin-top: 15px;*/
                /*font-weight: bold;*/
                font-size: 14px;
                color: #00a0b4;
                font-weight: 700;
                padding: 14px 35px;
                background-color: #FFF;
                border: 1px solid #00a0b4;
                border-radius: 5px;
            }

            .body-framework .CourseDetailsPage .signupForm .signup-btn {
                /*background: #57AB46;*/
                /*padding: 14px 100px;*/
                float: right;
                /*color: #FFF;*/
                /*font-size: 16px;*/
                /*border-radius: 4px;*/
                /*border: none;*/
                font-size: 14px;
                color:#FFF;
                font-weight: 700;
                padding: 12px 30px;
                background-color: #00a0b4;
                border: 1px solid #00a0b4;
                border-radius:5px;
            }

            .body-framework .CourseDetailsPage .signupForm p.glyphicon {
                color: #FFF;
                border: none;
                margin-right: 10px;
                width: 100%;
                font-size: 12px;
                font-weight: 700;
                color: rgb(255,255,255,54);
                padding: 6px 0px;
            }

glyphicon glyphicon-calendar dynamic-time {
}

.body-framework .CourseDetailsPage .signupForm p.glyphicon-calendar:before, .body-framework .CourseDetailsPage .signupForm p.glyphicon-time:before {
    color: #FFF;
    float: left;
}

.body-framework .CourseDetailsPage .signupForm p.glyphicon-calendar {
    width: 52%;
    float: left;
    margin-right: 0px;
    font-size: 10px;
    color: rgb(255, 255, 255,.70);
    font-weight: 700;
}

.body-framework .CourseDetailsPage .signupForm p.glyphicon-time {
    font-size: 10px;
    color: rgb(255, 255, 255,.70);
    font-weight: 700;
}

.body-framework .CourseDetailsPage .signupForm p.glyphicon-time {
    width: 40%;
    float: right;
    margin-right: 0px;
    text-align: right;
}

.body-framework .CourseDetailsPage .signupForm .glyphicon-map-marker:before {
    color: #FFF;
}

.body-framework .CourseDetailsPage .callMeForm {
    /*background: #6F7072;*/
    color: rgba(50, 65, 85, .54);
    overflow: hidden;
    border-radius: 4px;
    position: relative;
    font-size: 11px;
    top: 30px;
    padding: 15px;
    /*margin-left: 4px;*/
    border: 1px solid #CCC;
}

    .body-framework .CourseDetailsPage .callMeForm label {
        padding: 0px;
    }

    .body-framework .CourseDetailsPage .callMeForm input {
        /*border-radius: 5px;*/
        padding: 5px;
        width: 95%;
        font-size: 12px;
        color: rgba(50, 65, 85, .24);
        font-weight: 700;
        background:#fff;
        border: 1px solid #d8d8de;
        padding: 10px 12px;
        border-radius: 3px;
    }

    .body-framework .CourseDetailsPage .callMeForm label:last-child {
        padding-right: 30px;
    }

    .body-framework .CourseDetailsPage .callMeForm .callMeButton {
        background: #00a0b4;
        border-radius: 4px;
        border: none;
        text-align: center;
        color: #FFF;
        width: 95%;
    }

    .body-framework .CourseDetailsPage .callMeForm .form-group {
        overflow: hidden;
    }

        .body-framework .CourseDetailsPage .callMeForm .form-group .col-md-6 {
            margin: 0px;
            padding: 0px;
        }

.body-framework .CourseDetailsPage .askForDetail {
    color: #F0F0F0;
    overflow: hidden;
    border-radius: 4px;
    position: relative;
    font-size: 11px;
    margin-top: 60px;
    border: 1px solid #CCC;
}

    .body-framework .CourseDetailsPage .askForDetail .header-askfordetail {
        background: #FFF;
        padding: 10px;
    }

        .body-framework .CourseDetailsPage .askForDetail .header-askfordetail h3 {
            font-size: 21px;
            color: rgba(50, 65, 85, 1);
            font-weight: 700;
            /*padding-bottom: 8px;
            padding-top: 8px;*/
        }

        .body-framework .CourseDetailsPage .askForDetail .header-askfordetail p {
            font-size: 12px;
            color: rgba(50, 65, 85, .54);
            font-weight: 700;
            /*padding-bottom: 8px;
            padding-top: 8px;*/
        }

    .body-framework .CourseDetailsPage .askForDetail label {
        color: #6F7072;
        font-size: 11px;
    }

    .body-framework .CourseDetailsPage .askForDetail input {
        /*border-radius: 4px;*/
        /*padding: 4px;*/
        /*border: 1px solid #CCC;*/
        width: 100%;
        font-size: 12px;
        color: rgba(50, 65, 85, .24);
        font-weight: 700;
        background:#FFF;
        border: 1px solid #d8d8de;
        padding: 10px 12px;
        border-radius: 3px;
    }

        .body-framework .CourseDetailsPage .askForDetail input.askquestion-btn {
            background: #00a0b4;
            border-radius: 4px;
            border: none;
            text-align: center;
            color: #fff;
            width: 100%;
            padding: 8px 20px;
        }

    .body-framework .CourseDetailsPage .askForDetail .form-group {
        margin-bottom: 15px;
        /*height: 50px;*/
    }

.body-framework .CourseDetailsPage table td:nth-child(2) {
    width: 58%;
    padding-left: 20px;
}

.body-framework .CourseDetailsPage table td:last-child {
    text-align: right;
    vertical-align: top;
}

/*----- End Design of user view ---*/


.success {
    background-color: #E9F3E5 !important;
    padding: 5px;
    margin-bottom: 10px;
}

.error {
    background-color: #F8EFEE !important;
    padding: 5px;
    margin-bottom: 10px;
}

.register_form {
    width: 60%;
    margin: 40px auto;
    border-radius: 6px;
    padding: 20px;
}

    .register_form h2 {
        font-size: 24px;
        color: rgba(50, 65, 85, .54);
        font-weight: 700;
        margin-bottom: 32px;
        margin-top: 84px;
    }

    .register_form label {
        color: #CCC;
        font-size: 14px;
    }

    .register_form input {
        border: 1px solid #CCC;
        padding: 6px;
        border-radius: 4px;
    }

    .register_form .register-btn {
        font-size: 14px !important;
        color:#fff !important;
        font-weight: 700 !important;
        padding: 12px 30px !important;
        background-color: #00a0b4 !important;
        border: 1px solid #00a0b4 !important;
        border-radius: 5px !important;
    }

    .register_form .btn-cancel {
        font-size: 14px;
        color:#fff !important;
        font-weight: 700;
        padding: 12px 30px !important;
        background: rgba(50, 65, 85, .54) !important;
        border: 1px solid rgba(50, 65, 85, .54);
        border-radius: 5px !important;
    }

    .register_form .slogan {
        font-size: 14px;
        color: rgba(50, 65, 85, .54);
        font-weight: 400;
        margin-bottom: 18px;
    }

    /* login page style added here */
    #loginForm h3 {
        color: rgba(50, 65, 85, .54);
    }

#loginForm h4 {
    color: rgba(50, 65, 85, .54);
}

.login-window {
    width: 400px;
    margin: 120px auto;
}

    .login-window input {
        border-radius: 4px;
        border: 1px solid #CCC;
        padding: 6px;
        width: 100%;
    }

    .login-window p {
        text-align:center;
        font-size: 13px;
        color: rgba(50, 65, 85, .54);
        font-weight: 600;
        /*margin-bottom: 18px;*/
    }

    .login-window label {
        color: rgba(50, 65, 85, .54);
    }

    .login-window p b a {
        font-size: 13px;
        color: #00a0b4;
        font-weight: 600;
    }


#socialLoginList #Google {
    background: #DD5442;
    color: #FFF;
    padding: 8px;
    border-radius: 4px;
    width: 100%;
    margin: 20px 0px;
}

#socialLoginList #Facebook {
    background: #3D57A3;
    border-radius: 4px;
    width: 100%;
}

    #socialLoginList #Facebook a:hover {
        border-color: rgba(0,0,0,.2);
        color: #FFF;
    }

    #socialLoginList #Facebook:hover {
        background-color: #2d4373;
        border-color: rgba(0,0,0,.2);
        color: #FFF;
    }

    #socialLoginList #Facebook .pluginLoginButton table.uiGrid {
        background: #3461A0 !important;
        color: #FFF;
    }

.abcRioButtonContentWrapper {
    background: #DD5442;
}

    .abcRioButtonContentWrapper .abcRioButtonContents {
        border: none;
        background: #DD5442;
        color: #FFF;
        font-size: 18px;
    }

#socialLoginList #Google .abcRioButton {
    border: 1px solid #DD5442;
    box-shadow: none;
}

#log-btn {
    max-width: 100%;
    font-size: 14px;
    color:#FFF !important;
    font-weight: 700;
    padding: 14px 30px;
    background-color: #00a0b4 !important;
    border: 1px solid #00a0b4 !important;
    border-radius: 5px;
}

#loginForm .btn {
    padding: 14px 30px;
}

#loginForm input {
    max-width: 100%;
    color: rgba(50, 65, 85, .24);
    border: 1px solid #00a0b4;
    background-color: #FFF;
    border: 1px solid #d8d8de;
    border-radius: 5px;
    /*padding: 15px 9px;*/
    font-size: 14px;
    font-weight: 600;
    height: 50px;
    width: inherit;
}

#loginForm .checkbox input {
    height: 16px;
}

#smoothmenu2 ul li ul {
    margin: 0px !important;
    padding: 0px !important;
    background: #FFF;
    border: 1px solid #CCC;
    box-shadow: 1px;
    top: 50px !important;
    right: 0px !important;
    left: -95px !important;
    border-radius: 3px;
}

    #smoothmenu2 ul li ul li {
        background: #FFF;
        height: auto;
        width: 209px !important;
    }

        #smoothmenu2 ul li ul li a {
            font-size:14px;
            font-weight:400;
            border: none;
            color:rgba(0, 0, 0,0.54);
            width: 200px !important;
        }

        #smoothmenu2 ul li ul li:hover {
            background: #00a0b4;
            color: #FFF;
        }

        #smoothmenu2 ul li ul li a:hover {
            color: #FFF;
        }

#advance-search-field {
    overflow: hidden;
}

    #advance-search-field .form-group {
        height: 40px;
    }

.advance-search-field input, .advance-search-field select {
    width: 100%;
    border: 1px solid #CCC;
    padding: 5px;
    border-radius: 4px;
}

.advance-search-field h2 {
    color: #FFF;
    font-size: 22px;
    font-weight: bold;
}

.advance-search-field label {
    color: #FFF;
}

.filter_area h3 {
    font-size: 24px;
    color: rgba(50, 65, 85, .54);
    font-weight: 700;
    margin-bottom: 30px;
}

.filter_area h4 {
    font-size: 18px;
    color: #00a0b4;
    font-weight: 400;
    margin-bottom: 20px;
}


.filter_area .individual_search_content {
    border: 1px solid #CCC;
    background: #FFF;
    position: relative;
    overflow: hidden;
    padding: 0px 0px 15px 0px;
    border-radius: 4px;
    margin-bottom: 20px;
    padding:10px;
}

.individual_search_content .col-md-2 {
    width: 15%;
    padding: 2px;
}

.filter_area .individual_search_content .header_filter_content {
    /*background: #007E40;*/
    /*color: #324155;*/
    /*padding: 2px 6px;
    margin-bottom: 10px;*/
}

    .filter_area .individual_search_content .header_filter_content h5 {
        font-size: 14px;
        color: #324155;
        font-weight: 700;
        padding-bottom: 8px;
        /*padding-top: 8px;*/
        /*margin-top: 22px;*/
    }

.filter_area .individual_search_content span:nth-child(2) {
    font-size: 13px;
    color: rgba(50, 65, 85, .54);
    font-weight: 600;
    padding-bottom: 8px;
    padding-top: 8px;
    margin-left: 10px;
}

.filter_area .individual_search_content span:nth-child(3) {
    font-size: 12px;
    color: rgba(50, 65, 85, .54);
    font-weight: 700;
    background: #d8d8de;
    padding: 3px 6px 4px;
    border-radius: 10px;
    float: right;
}

.filter_area .individual_search_content input {
    border: 1px solid #EAEBEB;
    /*font-size: 10px;
    padding: 0px;
    margin: 0px;*/
    border-radius: 3px;
    width: 100%;
    color: #82879E;
    font-size: 12px;
    /*color: rgba(50, 65, 85, .24);*/
    font-weight: 600;
    padding: 8px;
    margin-left: 8px;
}

.filter_area .individual_search_content .col-md-5, .filter_area .individual_search_content .field-title {
    padding: 3px;
}

.filter_area .individual_search_content .FilterByCategory input, .filter_area .individual_search_content .FilterByCustomer input {
    width: 15px;
    height: 15px;
    padding: 4px;
    margin: 4px;
}

.account_sidber .individual_search_content ul {
    margin: 0px;
    padding: 0px;
}

    .account_sidber .individual_search_content ul li {
        list-style-type: none;
        color: #6F7072;
        padding: 10px;
    }

        .account_sidber .individual_search_content ul li a {
            color: #6F7072;
        }

        .account_sidber .individual_search_content ul li.active {
            background: #00a0b4;
            padding: 10px;
            color: #FFF;
        }

            .account_sidber .individual_search_content ul li.active a {
                color: #FFF;
            }

.coursListPage div.dataTables_scrollBody tbody tr td:first-child {
    width: auto;
}

.coursListPage div.dataTables_scrollBody tbody tr td:nth-child(2) {
    /*border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;*/
    border-radius:7px;
}

.SameEntry h4 {
    color: #8b4513;
}

.reset-password .form-group .btn-field input {
    background: #00a0b4;
}

    .reset-password .form-group .btn-field input.cancel-btn {
        background: #00a0b4;
        color: #5A5763;
    }

.reset-password .col-md-8 {
    margin-bottom: 20px;
}

.forgot-password span {
    /*color: #007E40;*/
    font-size: 13px;
    color: #00a0b4;
    font-weight: 600;
    margin-bottom: 18px;
}

#forgot_password {
    width: 90%;
    margin: 0px auto;
}

    #forgot_password input {
        border: 1px solid #CCC;
        padding: 15px 5px;
        border-radius: 5px;
        height: initial;
    }

    #forgot_password .forgot-btn {
        background: #00a0b4;
        width: 100%;
        color: #FFF;
    }

    #forgot_password h3, h4 {
        color: #BCBDC0;
    }

    #forgot_password span {
        color: #A9A9B2;
        font-size: 11px;
        margin-bottom: 20px;
    }

    #forgot_password p {
        color: #828282;
        font-size: 14px;
        text-align: left;
    }

    #forgot_password h4 a {
        color: #007E40;
        font-weight: bold;
    }

.google-map {
    float: left;
    padding: 0px;
    margin: 40px 0px;
    width: 100%;
}

.google-map-address {
    float: left;
    position: relative;
    /*background: #F0F0F0;*/
    width: 100%;
    /*top: -80px;*/
    height: 80px;
    padding: 8px;
    border: 1px solid #CCC;
    border-radius:3px;
}

    .google-map-address p {
        font-size: 16px;
        color: rgba(50, 65, 85, 1);
        font-weight: 700;
        padding-bottom: 8px;
        padding-top: 8px;
    }

    .google-map-address span {
        /*color: #000;
        font-size: 12px;*/
        font-size: 12px;
        color: rgba(50, 65, 85, .54);
        font-weight: 700;
    }

.google-map #somecomponent {
    height: 400px;
}

.topCustomer {
    color: #9D9DAD;
}

    .topCustomer h2 {
        font-size: 24px;
        margin-bottom: 20px;
        margin-left: 15px;
    }

    .topCustomer .form-group input, .topCustomer .form-group select, .topCustomer .form-group label {
        border-radius: 4px;
        border: 1px solid #9D9DAD;
        padding: 8px 4px;
        width: 100%;
        color: #9D9DAD;
    }

    .topCustomer .form-group .field-title label {
        text-align: center;
    }

    .topCustomer .form-group {
        height: 40px;
    }

        .topCustomer .form-group .field-description {
            padding-left: 0px;
        }

        .topCustomer .form-group .save-btn {
            width: 40%;
        }

        .topCustomer .form-group .cancel-btn {
            width: 40%;
            background: #EAEBEB;
            color: #485563;
        }

.ddl-child-show {
    display: block;
}

.ddl-child-hide {
    display: none;
}

.configuraiton_page .status-btn-inactive {
    width: 64px;
}

.EditConfigurationPage input, .EditConfigurationPage select {
    border-radius: 4px;
    border: 1px solid #9D9DAD;
    padding: 6px;
    width: 100%;
    color: #9D9DAD;
}

.EditConfigurationPage .form-group {
    height: 40px;
}

    .EditConfigurationPage .form-group .save-btn {
        width: 30%;
    }

    .EditConfigurationPage .form-group .cancel-btn {
        width: 30%;
        background: #EAEBEB;
        color: #485563;
    }

.creation-form .form-group .price-dropdown input {
    width: 75%;
    float: left;
    border-right: 1px solid #EAEBEB;
    border-radius: 4px 0px 0px 4px;
}

.creation-form .form-group .price-dropdown select {
    width: 23%;
    background: #EAEBEB;
    border-left: 1px solid #EAEBEB;
    border-radius: 0px 4px 4px 0px;
}

.EditConfigurationPage .price-dropdown input {
    width: 68%;
    float: left;
    border-right: 1px solid #EAEBEB;
    border-radius: 4px 0px 0px 4px;
}

.EditConfigurationPage .price-dropdown select {
    width: 30%;
    background: #EAEBEB;
    border-left: 1px solid #EAEBEB;
    border-radius: 0px 4px 4px 0px;
}

#free_message {
    color: #007E40;
}

.dashboard-page {
    width: 92%;
    margin: 30px auto;
}



    .dashboard-page .form-group {
        overflow: hidden;
        margin-bottom: 30px;
        width: 100%;
    }

    .dashboard-page .image-area {
        width: 36%;
        float: left;
    }

        .dashboard-page .image-area img {
            border-radius: 4px;
            padding: 12px;
        }

    .dashboard-page .count-text {
        width: 60%;
        float: left;
        cursor: pointer;
        text-align: left;
    }

        .dashboard-page .count-text p {
            text-transform: uppercase;
            color: #A29999;
            font-size: 14px;
        }

        .dashboard-page .count-text span {
            text-transform: uppercase;
            color: #A29999;
            font-size: 16px;
            position: relative;
            top: 50px;
            left: 30px;
        }

        .dashboard-page .count-text h3 {
            text-transform: uppercase;
            color: #000;
            font-weight: bold;
        }

    .dashboard-page .module-list ul {
        margin: 0px;
        padding: 0px;
    }

    .dashboard-page .module-list li {
        border-radius: 6px;
        border: 2px solid #307DBE;
        margin: 15px;
        width: 30%;
        list-style-type: none;
        background: #F4F5F6;
        cursor: pointer;
    }

.SMS_page .form-group input {
    border-radius: 5px;
    padding: 4px;
}

#HiddenCoursCatId {
    display: none;
    cursor: pointer;
}

.account_detail {
    /*border: 1px solid #CCC;*/
    padding: 20px;
}

#signupGrid_info{
    font-size: 11px;
    color: rgba(50, 65, 85, .54);
    font-weight: 400;
    margin-right: 8px;
}

#signupGrid tbody tr td:first-child {
    border-bottom: 5px solid #eaebed;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#signupGrid tbody tr td:nth-child(2) {
    border-bottom: 5px solid #eaebed;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#signupGrid td h4 {
    font-size: 13px;
    color: rgba(50, 65, 85, .54);
    font-weight: 700;
}

#signupGrid td span.glyphicon-tags {
    /*padding-left: 18px;*/
    background-image: url(../Images/Icons/CM_User_Icon_price.png);
    background-repeat: no-repeat;
    background-position: left 10px;
    font-size: 13px;
    font-weight: 700;
    color: #FFF;
    background: #00a0b4;
    /*padding: 10px 16px;*/
    border-radius: 5px;
}

.wishlist_Page {
    /*border: 1px solid #CCC;*/
    border-bottom: none;
}

    .wishlist_Page div.dataTables_scrollBody tbody td:last-child {
        width: 150px;
        vertical-align: middle;
        text-align: right;
    }

    .wishlist_Page .del-wishlist {
        text-align: right;
        color: #999CAA;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
        text-decoration: none;
    }

    .wishlist_Page div.dataTables_scrollBody tbody td:last-child .viewDetails {
        padding: 3px 5px;
        /*background: #0C7F40;*/
        width: 120px;
        float: right;
        margin-top: 20px;
    }

.disableSignup {
    padding: 3px 5px;
    background: #F8F8F8;
    width: 120px;
    float: right;
    margin-top: 20px;
    color: #3E88C8;
    text-align: center;
    border-radius: 5px;
}

.SMS_Email_page .form-group .save-btn {
    background: #3F89C8;
    color: #FFF;
    width: 115px;
    margin-left: 16px;
    border-radius: 5px;
}

.SMS_Email_page .form-group .cancel-btn {
    background: #EAEBEB;
    color: #5C5E69;
    width: 115px;
    margin-left: 16px;
    border-radius: 5px;
}

.individual_note .note-delete {
    float: right;
}

.individual_note .NoteId {
    display: none;
    width: 10%;
    float: left;
}

#right-body #SessionStart {
    width: 70%;
    float: left;
}

#StarTime {
    width: 30%;
    float: left;
}

#right-body #SessionEnd {
    width: 70%;
    float: left;
}

#EndTime {
    width: 30%;
    float: left;
}
/*------------ Modal style -------------*/
#deleteModal .modal-title {
    color: #000;
    font-size: 24px;
}

#deleteModal .modal-body h2 {
    font-size: 14px;
    color: #989898;
    text-transform: none;
}

    #deleteModal .modal-body h2:last-child {
        color: #DA534B;
    }

#deleteModal .modal-dialog {
    width: 100%;
    height: 100%;
}

    #deleteModal .modal-dialog .modal-content {
        width: 40%;
        margin: 20px auto;
        border-radius: 5px;
    }

    #deleteModal .modal-dialog .form-group .yes-btn {
        width: 30%;
        background: #DA534B;
    }


.modal-dialog {
    width: 450px;
    padding-top: 150px;
}

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

.modal-body input, .modal-body select, .modal-body textarea {
    width: 100%;
    border: 1px solid #CCC;
    padding: 8px 4px;
    border-radius: 4px;
}

.modal-header {
    border: none;
}

.modal-footer {
    border: none;
}

    .modal-footer .save-button {
        width: 30%;
        background: #58B856;
        border-radius: 4px;
    }

    .modal-footer .cancel-btn {
        width: 30%;
        background: #EBEBEB;
        border-radius: 4px;
    }

    .modal-footer .ok-btn {
        width: 12%;
        background: #EBEBEB;
        border-radius: 4px;
    }

#newSignup .modal-header h4 {
    color: #000000;
}

#newSignup ul li {
    text-transform: capitalize;
    list-style-type: none;
    padding: 5px 15px;
    border: 1px solid #f5f5f5;
}

#questionAns ul li {
    text-transform: capitalize;
    list-style-type: none;
    padding: 5px 15px;
    border: 1px solid #f5f5f5;
}

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

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

#newCallUser .modal-dialog {
    width: 60%;
    margin-top: 100px;
}

    #newCallUser .modal-dialog .modal-dialog {
        height: 200px;
    }

#newCallUser .modal {
    overflow: hidden !important;
    border: none;
}

#newCallUser .modal-dialog table tr {
    border-bottom: 1px solid #CCC;
    padding: 5px;
}

    #newCallUser .modal-dialog table tr td, #newCallUser .modal-dialog table tr th {
        padding: 8px;
    }

    #newCallUser .modal-dialog table tr:first-child {
        border-top: 1px solid #CCC;
    }

#newCallUser h4 {
    color: #000000;
}

.datetimelabel label {
    width: 30%;
}

    .datetimelabel label:last-child {
        width: 30%;
        float: right;
    }

.top-filter {
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    padding: 20px 2px;
    overflow: auto;
    position: relative;
    height: auto;
    clear: both;
}

    .top-filter h4 {
        color: #000;
        margin-top: 0px;
    }

    .top-filter label {
        color: #CCC;
        font-size: 13px;
    }

    .top-filter input, .top-filter select {
        border: 1px solid #CCC;
        border-radius: 5px;
        padding: 5px 2px;
        margin: 6px;
    }

.body-framework .CourseDetailsPage .sendToFriend {
    float: right;
    margin-top: 30px !important;
}

.field-title {
    width: 18%;
    float: left;
    margin-left: 15px;
}

.field-description {
    width: 70%;
    float: left;
}
/*------------- sidebar menu style ---------------*/
#cssmenu {
    position: relative;
    margin: 0;
    /*font-family: 'Roboto Condensed';*/
    line-height: 1;
}



    #cssmenu ul {
        margin: 0;
        padding: 0;
        list-style: none;
        /*display: block;*/
    }

        #cssmenu ul li {
            position: relative;
            margin: 0;
            padding: 0;
        }

        #cssmenu ul ul:last-child {
            padding-bottom: 100px;
        }

            #cssmenu ul ul:last-child ul {
                padding-bottom: 0px;
            }

        #cssmenu ul li a {
            text-decoration: none;
            cursor: pointer;
            font-weight: bold;
        }


        #cssmenu ul ul li a {
            display: block;
            position: relative;
            font-size: 14px;
            padding: 8px 20px;
            /*border-bottom: 1px solid #dddddd;*/
            color: #3e88c8;
            font-weight: 300;
            -webkit-transition: all 0.25s ease-in;
            -moz-transition: all 0.25s ease-in;
            -ms-transition: all 0.25s ease-in;
            -o-transition: all 0.25s ease-in;
            transition: all 0.25s ease-in;
            font-weight: bold;
        }

        #cssmenu ul ul li:first-child > a {
            padding-top: 12px;
            font-weight: bold;
        }

        #cssmenu ul ul ul li {
            border: 0;
        }

        #cssmenu ul ul li:hover > a,
        #cssmenu ul ul li.open > a,
        #cssmenu ul ul li.active {
            background: #e4e4e4;
            color: #666666;
        }

.submenuactive {
    background: #EAEBEB;
    color: #666666;
    opacity: 1;
}


    .submenuactive > a {
        background: #e4e4e4 !important;
        /*color: #666666 !important;*/
    }

/* Disable link */
#cssmenu ul ul li > a.disabled,
#cssmenu ul ul li > a.disabled:visited,
#cssmenu ul ul li > a.disabled:active,
#cssmenu ul ul li > a.disabled:hover {
    opacity: 0.4;
    cursor: default;
}

    #cssmenu ul ul li > a.disabled,
    #cssmenu ul ul li > a.disabled:visited,
    #cssmenu ul ul li > a.disabled:active,
    #cssmenu ul ul li > a.disabled:hover {
        opacity: 0.4;
        cursor: default;
        color: #3e88c8;
    }

.logo {
    float: left;
    width: 30%;
    /*background: #007E40;*/
    height: 49px;
    margin-left: -15px;
    padding: 5px;
    padding-left: 20px;
}

#flag_button {
    float: right;
}

    #flag_button .singIn {
        width: 40%;
        float: right;
    }

        #flag_button .singIn p {
            border: 1px solid #FFF;
            border-radius: 3px;
            padding: 4px;
            width: 70%;
            margin-top: 9px;
            text-align: center;
        }

            #flag_button .singIn p a {
                color: #FFF;
                text-decoration: none;
                font-size: 12px;
            }

#HomeMenu {
    float: left;
    width: 70%;
    padding: 0px;
}

#ShowAllCustomer {
    width: 90%;
    color: #82879E;
    z-index: 1000;
    /*padding: 4px;*/
    border: 1px solid #D1D0D0;
    /*margin-left: 4px;*/
    /*font-size: 12px;*/
    border-radius: 3px;
    /*color: #333;*/
    font-size: 12px;
    /*color: rgba(50, 65, 85, .24);*/
    font-weight: 600;
    padding: 10px;
    margin-left: 0;
}

.reset-password-confirmation-page {
    padding: 15px;
}

#learn_from .individual_reason a p {
    color: #57AB46;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    text-decoration: none;
}

.pricLimit {
    width: 45%;
    float: left;
    margin-left: -20px;
}

    .pricLimit input {
        /*width: 70% !important;*/
        float: left;
        margin-left: 5px !important;
    }

    .pricLimit span {
        width: 18%;
        float: left;
    }

#myModal .modal-dialog .modal-content, #subscription .modal-dialog .modal-content, #confirmation .modal-dialog .modal-content {
    border-radius: 4px;
    background: #FBFBFB;
}

#myModal .modal-dialog, #myModal .modal-dialog {
    width: 40%;
}

    #myModal .modal-dialog .modal-content .modal-footer, #subscription .modal-dialog .modal-content .modal-footer, #confirmation .modal-dialog .modal-content {
        padding: 2px 20px 14px;
    }

        #myModal .modal-dialog .modal-content .modal-footer button, #subscription .modal-dialog .modal-content .modal-footer button {
            width: 100px;
            border-radius: 3px;
            background: #CCC;
        }

        #myModal .modal-dialog .modal-content .modal-body p, #subscription .modal-dialog .modal-content .modal-body p, #confirmation .modal-dialog .modal-content .modal-body p {
            color: #979797;
            font-size: 14px;
        }

    #myModal .modal-dialog .modal-content .modal-title, #subscription .modal-dialog .modal-content .modal-title {
        color: #000;
        font-size: 22px;
    }

#confirmation .modal-dialog .modal-footer .yes-btn {
    width: 30%;
    background: #DA534B;
    border-radius: 4px;
}


.adminLogo img {
    width: 100%;
    max-height: 51px;
    max-width: 185px;
}

#mainmenu {
    height: 51px;
    overflow: hidden;
    width: 100%;
}

#menulist {
    padding: 0px;
}

.mobiletest-div {
    display: none !important;
}

.wishlist-started-btn {
    background: #F1AD42;
    color: #FFF;
    padding: 3px 6px;
    font-size: 12px;
    text-align: center;
    width: 80px;
    float: right;
    border-radius: 4px;
    margin-top: 4px;
}

.wishlist-Active-btn {
    background: #00a0b4;
    color: #FFF;
    padding: 3px 6px;
    font-size: 12px;
    text-align: center;
    width: 80px;
    float: right;
    border-radius: 4px;
    margin-top: 4px;
}

.mobileNumberField select {
    width: 40% !important;
    float: left;
    background: #EAEBEB;
    border-right: 1px solid #EAEBEB;
    border-radius: 4px 0px 0px 4px !important;
    height: 34px;
    font-size: 12px;
}

.mobileNumberField input {
    width: 60% !important;
    float: left;
}

.text-danger ul {
    padding: 0px;
}

    .text-danger ul li {
        list-style-type: none;
    }

.dashboard-page .report-item {
    width: 20% !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
    background: #743620 none;
    color: white;
}

.prefered_image {
    font-size: 11px;
    color: gray;
}

.NumberExclCC {
    font-size: 11px;
    color: brown;
    float: left;
    width: 100%;
}

.del-signedCourse {
    background: #6F7072;
    color: #FFF;
    float: right;
    width: 100px;
    text-decoration: none;
    padding: 5px 2px 10px 2px;
    position: relative;
    top: 12px;
}

.coursSingupPage div.dataTables_scrollBody tbody td:last-child {
    width: 150px;
    vertical-align: middle;
    text-align: center;
}

    .coursSingupPage div.dataTables_scrollBody tbody td:last-child a:hover {
        text-decoration: none;
        color: #FFF;
    }

.payment-btn {
    color: #6F7072;
    font-weight: bold;
    font-size: 12px;
    text-align: right;
    margin-bottom: 10px;
}

.calendars-month {
    width: 20em !important;
}

.calendars-ctrl {
    background-color: #18507D !important;
}

    .calendars-ctrl .calendars-cmd:hover {
        background-color: transparent !important;
    }
/*#search-area #advance-search-field {
        width: 98%;
    }*/



.selectedLi {
    background: #4B545B;
}

.viewDetails-disable {
    background: #F8F8F8;
    color: #FFF;
    padding: 12px 17px;
    border-radius: 5px;
    text-align: center;
    color: #3E88C8;
    text-align: center;
    border-radius: 5px;
    cursor: none !important;
}

.btn-social {
    color: #FFF;
}

    .btn-social > :first-child {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 32px;
        line-height: 34px;
        font-size: 1.6em;
        text-align: center;
        border-right: 1px solid rgba(0,0,0,.2);
        line-height: 52px !important;
        width: 55px !important;
        font-size: 1.8em;
    }