span.color.DiscountReminderTitle {
    font-size: xx-large !important;
}

span.color.DiscountReminderText {
    text-align: center !important;
    display: block;
    line-height: 30px;
}

.DiscountCallsContainer {
    background-color: #fffbd0;
    border-radius: 10px;
    padding-right: 10px;
    padding-left: 10px;
    /* border: 1px solid red; */
    outline: 1px solid #efdb00;
    list-style: none;
    font-size: small;
    color: #6c5f00;
}

img.DRRLoadinGif {
    width: 20%;
    /* margin: 0% 40%; */
    padding: 2px 40%;
    display: block;
    /* background-color: #ffffff; */
    border-radius: 20px;
}



span.color.DiscountReminderTitle {
    font-size: 27px !important;
}


section.CourseDetSec {
    background-color: #ffebfd;
    display: block;
    float: right;
    width: 1000px;
    text-align: center;
}

.CourseDetContainer {
    background: #ffdafb;
    float: right;
    display: block;
    width: 960px;
    padding: 10px;
    margin: 10px;
}

.CourseDetRow {
    background-color: #ffebfd;
    display: block;
    float: right;
    margin: 10px;
    padding: 0px;
    width: 940px;
}

h2#CourseDetHeader {
    text-align: center;
    margin: 0;
    font-size: xxx-large;
    color: #100068;
    /* border: 1px solid; */
}

p#CourseDetParag {
    text-align: center;
    color: #5e41ff;
    font-size: larger;
}

.CourseDetRightCol {
    /* background-color: red; */
    float: right;
    width: 660px;
    display: block;
    margin: 10px;
}


.CourseDetLeftCol {
    /* background-color: green; */
    float: left;
    width: 239px;
    margin: 10px;
    display: block;
    border-right: 1px dashed #ffa2f6;
}

.sidebar_top {
    background-color: #fff6fe;
    float: right;
    display: block;
    width: 239px;
}

ul#CourseDetLeftColUI {
    padding: 10px;
    margin: 0px;
    display: block;
    float: right;
}

li.CourseDetLeftColLI {
    list-style: none;
    background-color: red;
    text-align: center;
    display: block;
    padding: 0;
    margin: 0;
}

.CourseDetSideLink {
    text-align: center;
    background-color: green;
    display: block;
    float: left;
}

.CourseDetSideLink {
    text-align: center;
    background-color: #ffecfd;
    width: 210px;
    display: block;
    float: left;
    margin-bottom: 5px;
    padding: 5px;
    cursor: default !important;
}

    .CourseDetSideLink:hover {
        background-color: #ffdcfb;
    }


span.CourseDetILinkLabelColor {
    /* background-color: green; */
    float: left;
    color: #000756;
}

p.CourseDetISpanLabelColor {
    /* background-color: red; */
    float: right;
    margin: 0;
    text-align: left;
    direction: rtl;
    color: #0e5c00;
}

.AlreadyRegisteredAlert {
    text-align: center;
    background-color: #beffc0;
    width: 640px;
    padding: 5px;
    margin: 12px;
    border: 1px dashed #00d500;
    color: green;
    border-radius: 10px;
    margin-bottom: 0px;
}


.HideRegisterPnls {
    /* background-color: red; */
    float: right;
    padding: 5px;
    text-align: center;
}


.CourseRegLink {
    border: 1px solid #ff78ff;
    padding: 7px;
    /* float: right; */
    display: block;
    margin: 10px;
    text-align: center;
    border-radius: 10px;
    background-color: #ffd0ff;
    color: #af00af;
    transition: 0.4s;
}

    .CourseRegLink:hover {
        background-color: #ff9cff;
        color: #760076;
        border: 1px solid #bd00bd;
        transition: 0.4s;
    }


img#TopBotBody_img_CourseCover {
    width: inherit;
}

.main_image {
    width: 670px !important;
}

div#TopBotBody_pnl_DiscountRemiderPanel {
    float: right;
    display: block;
    width: 210px;
    margin: 5px;
}

div#TopBotBody_UpdatePanel1 {
    display: block;
    float: right;
    width: 220px;
    margin: 10px;
}

.ScrollDown4Sessions {
    background-color: #ffd400;
    float: right;
    width: 198px;
    text-align: center;
    margin: 10px;
    padding: 10px;
    border: 1px solid #c7a500;
    border-radius: 10px;
    color: #705d00;
}

.ScrollDown4Sessions {
    background-color: #ebc300;
    border: 1px solid #9d8200;
    color: #262000;
}

img#TopBotBody_img_CourseCover {
    width: inherit;
}

.main_image {
    width: 670px !important;
}


span.CourseRegRemSpan {
    float: left;
    margin-bottom: 7px;
}

p.CourseRegRemParag {
    /* background-color: green; */
    float: right;
    margin: 0;
    line-height: 26px;
}

a.CourseRegRemSideLink {
    /* background-color: red; */
    display: block;
    float: right;
    width: 190px;
    cursor: default;
}

span.RealPrice {
    color: red;
    display: block;
    text-decoration: line-through;
}

span.Price2Pay {
    color: #118f11;
    display: block;
}

p.DEDHClass {
    background-color: #ff98ff;
    color: #890089;
    float: right;
    display: block;
    text-align: center;
    font-size: small;
    width: 220px;
    margin: 0px 0px 20px 0px;
}

h4.title_top {
    /* background-color: red; */
    display: block;
    float: right;
    width: 670px;
    border-bottom: 1px dashed #ff95ff;
}

li.CourseSessionItem {
    background-color: #f2e6ff;
    list-style: none;
    display: block;
    float: right;
    width: 598px;
    margin-bottom: 10px;
    height: 60px;
    border: 1px solid #cc9fff;
    border-radius: 17px;
}

    li.CourseSessionItem:hover {
        background-color: #ead6ff;
    }



p.SesTitleBx {
    /* background-color: red; */
    float: right;
    width: 210px;
    font-size: small;
    text-indent: 10px;
    line-height: 50px;
    margin: 5px 0px;
    margin: 5px 0px;
}


p.SesDuraVolBx {
    /* background-color: green; */
    float: right;
    line-height: 50px;
    font-size: small;
    width: 220px;
    margin: 5px 0px;
    text-indent: 10px;
}

b.SessionBtnLink {
    background-color: #b4b4ff;
    float: left;
    /* width: 160px; */
    border-radius: 10px;
    color: #5000c1;
    border: 1px solid #7373ff;
    font-size: small;
    height: 40px;
    cursor: pointer;
    margin: 10px;
    transition: 0.2s;
}


    b.SessionBtnLink:hover {
        background-color: #7575fb;
        color: #ffffff;
        border: 1px solid #0000d9;
        transition: 0.2s;
    }

.PrivateVidLabel {
    /* background-color: pink; */
    float: left;
    line-height: 38px;
    padding: 0px 10px;
    cursor: pointer;
}

img.SpotPlayerIcon {
    background-color: white;
    border-radius: 10px;
    width: 30px;
    padding: 1px;
    margin: 4px;
}



div#CourseRegisterCurtainID {
    background-color: #dad3ff;
    float: right;
    width: 960px;
    padding: 10px;
    margin: 10px;
}

.CourseRegBox {
    width: 600px;
    background-color: #efecff;
    margin: 0px 180px;
    /* padding: 10px; */
    border-radius: 10px;
    border: 1px solid #a999ff;
    float: right;
}

.CourseRegDialogHeader {
    background-color: #dcd5ff;
    float: right;
    width: 580px;
    height: 30px;
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #cbc0ff;
}

.CloseCourseRegDialog {
    background-color: #d2a5ff;
    float: right;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    font-size: small;
    font-family: cursive;
    cursor: pointer;
}

    .CloseCourseRegDialog:hover {
        background-color: #c891ff;
        font-size: medium;
        color: white;
    }

.CourseRegBoxTitle {
    /* background-color: red; */
    float: right;
    height: 30px;
    line-height: 30px;
    width: 540px;
    text-indent: 20px;
}


.CourseRegBoxLabel {
    /* background-color: red; */
    float: right;
    width: 160px;
    text-align: left;
    text-indent: 10px;
    padding-left: 10px;
    line-height: 30px;
    margin: 10px 0px;
}


.CourseRegBoxText {
    /* background-color: #ffb6b6; */
    float: right;
    width: 420px;
    text-align: right;
    text-indent: 10px;
    padding-left: 10px;
    line-height: 30px;
    margin: 10px 0px;
}

.CourseRegBoxBtn {
    /* background-color: rebeccapurple; */
    float: right;
    width: 300px;
    margin: 20px 150px;
}

div#CourseRegSubmit {
    /* background-color: green; */
    float: right;
    width: 600px;
}

div#CourseRegConfirmCode {
    /*            background-color: #c9bfff; */
    width: 600px;
    float: right;
    border-radius: 10px;
}

.CourseRegBtn {
    background-color: #00d91b;
    text-align: center;
    padding: 10px;
    font-size: x-large;
    border-radius: 10px;
    border: 1px solid #049916;
    color: #ffffff;
    cursor: pointer;
}

    .CourseRegBtn:hover {
        background-color: #02bd1a;
        border: 1px solid #006e0d;
        color: #ededed;
    }

.CourseRegBoxHeader {
    /* background-color: #b7a9ff; */
    float: right;
    width: 480px;
    text-align: center;
    margin: 0px 60px;
    padding-top: 20px;
    font-size: x-large;
    border-bottom: 1px solid #878787;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.CourseRegBankNotWorkingMessage {
    background-color: #b0ffa6;
    float: right;
    padding: 20px;
    text-align: right;
    direction: rtl;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 1px solid #6ebb64;
}

.CourseRegBoxTextPrice {
    /* background-color: rebeccapurple; */
    float: right;
    float: left;
    width: 420px;
    text-align: right;
    text-indent: 10px;
    padding-left: 10px;
    line-height: 30px;
    margin: 10px 0px;
}