#creators-msg-modal input{
    margin-bottom:10px;
}

#creators-msg-modal textarea{
    min-height:125px;
}

a.nostyle:link {
    text-decoration: inherit;
    color: inherit;
    cursor: auto;
}

a.author-link:link {
    text-decoration: inherit;
    color: inherit;
    cursor: auto;
}

a.author-link:hover {
    cursor: pointer;
}

a.nostyle:visited {
    text-decoration: inherit;
    color: inherit;
    cursor: auto;
}

.ellipsis {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.star-on {
    color: #008cba;
}

.star-off {
    color: #000;
    opacity: 0.5;
}

.rounded-well {
    background-color: #fff;
    /*border-radius: 10px;*/
    box-shadow: 2px 2px 10px #999;
    margin-bottom: 15px;
    padding: 20px;
}


/*iframe{display: none;}*/

.author-image {
    width: 100%;
    max-width: 180px;
}

.author-name {
    margin-top: 5px;
}

#pricing-cont-main {
    text-align: center;
}

.tab-content {
    padding-top: 30px;
}

.well {
    background-color: #eee;
}

#small-author-cont {
    padding: 15px;
}

#content-info-bar-right-cont {
    margin-top: 30px;
}

#details-list {
    padding-top: 30px;
}


/*.player-layout-cont .main-row{position:relative;}*/

.main-play-video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 100px;
    transform: translate(-50%, -50%);
    color: #fff;
    text-shadow: #000 2px 2px 10px;
    cursor: pointer;
    /*display:none;*/
}

.player-layout-cont .main-row .video-container {
    margin-bottom: 20px;
    height: 525px;
    padding-left: 0px;
    padding-right: 0px;
    /*background-image: url(https://dg53gp9bd7dcq.cloudfront.net/files/3530/bannerhome/banner_1280.jpg);*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: center;
}

.player-layout-cont.small-video .main-row .sidebar-col {
    position: absolute;
    top: 0px;
}

.player-layout-cont.wide-video .main-row .sidebar-col {
    position: inherit;
}

.player-layout-cont.small-video .main-row .black-bg {
    display: none;
}

.player-layout-cont.wide-video .main-row .black-bg {
    display: block;
    background-color: #000;
    position: absolute;
    height: 812px;
    left: 0;
    right: 0;
    max-height: 900px;
}

.player-layout-cont.wide-video .main-row .black-bg .spinner {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.player-layout-cont.wide-video .main-row .video-container {
    width: 100%;
    height: 812px;
    max-height: 900px;
}

#content-list-main-cont {
    padding: 10px;
    min-height: 600px;
    max-height: 1000px;
}

#main-info-cont {
    padding: 20px;
}

.in-bundles-notice {
    color: #fdbb5f;
}

.sections-list-cont {
    min-height: 200px;
    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-left: -10px;
}

#content-search-cont {
    margin: 15px;
}

.content-section-title {
    font-weight: bold;
    padding: 0 15px;
    display: inline-block;
}

.content-section-collapse {
    display: block;
    border-bottom: 1px solid #DDD;
    color: #111;
    text-decoration: none;
}

.content-section-collapse-icon {
    margin-left: 20px;
}

.content-section-collapse:hover {
    color: #111;
    text-decoration: none;
}

.section-list-item {
    width: 100%;
    float: left;
}

.playlist-item.active {
    background-color: #008cba;
    color: #FFF;
}

.section-list-bookmark {
    margin: 5px;
    margin-right: 10px;
    opacity: 0.5;
    font-size: 15px;
    left: 30px;
}

.video-title {
    margin-bottom: -5px;
    font-size: 12px;
    color: #111;
}

.playlist-item.active .video-title {
    color: #fff;
}

.video-duration {
    opacity: 0.5;
    font-size: 12px;
    margin-left: 40px;
}

.video-disabled {
    opacity: 0.5;
    margin-bottom: -5px;
    font-size: 12px;
    color: #111;
    padding: 0 20px;
    display: block;
}

.video-watched-icon {
    opacity: 0.5;
    font-size: 20px;
    display: none;
    vertical-align: middle;
}

.video-actions-cont {
    padding: 0;
    text-align: center;
}

.video-name-cont {
    padding: 0;
}

.similar-content-thumb {
    width: 100%;
}

.similar-content-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.author-content-img {
    width: 100%;
}

.author-content-title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 16px;
}

.current-review-text {
    width: 100%;
    height: 130px;
    margin-bottom: 5px;
}

#loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    font-size: 20px;
    z-index: 3;
}

#loader .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1;
    color: #b1adad;
}


/* Small devices (tablets, 768px and up) */

@media (max-width: 750px) {
    .player-layout-cont.wide-video .main-row .video-container {
        width: 100%;
        height: 425px;
    }
    .player-layout-cont.wide-video .main-row .black-bg {
        height: 425px;
    }
}


/* Medium devices (desktops, 992px and up) */


/*@media (min-width: @screen-md-min) {  }*/


/* Large devices (large desktops, 1200px and up) */


/*@media (min-width: @screen-lg-min) { }*/

@media screen and (max-width: 991px) {
    #buy-now-button,
    #buy-button {
        margin: 0 5px;
    }
    #rent-button {
        margin: 0 2px;
    }
}

@media screen and (min-width: 992px) {
    #buy-now-button,
    #buy-button {
        margin: 0 2px;
        padding: 8px 8px;
    }
    #rent-button {
        margin-top: 10px;
    }
}

@media screen and (max-width: 768px) {
    .player-layout-cont.small-video .main-row .sidebar-col,
    .player-layout-cont.wide-video .main-row .sidebar-col {
        position: relative;
        padding: 0;
    }
}

.small-video .main-row {
    position: relative;
}

#content-search-cont {
    margin: 15px 0;
}

.content-section-title {
    font-weight: bold;
    padding: 5px 20px;
    display: inline-block;
}

.content-section-collapse-icon {
    margin-left: -10px;
    margin-right: 3px;
}

.section-list-bookmark {
    margin: 5px;
    opacity: 0.5;
    font-size: 15px;
    left: 30px;
    margin-left: -5px;
    float: left;
}

.section-list-bookmark.bookmark-added {
    color: rgb(51, 181, 229);
}

#videos-section-title {
    text-align: center;
}

.video-title {
    margin-bottom: -5px;
    font-size: 12px;
    color: #111;
    cursor: pointer;
    padding: 0 20px;
    display: block;
}

.video-duration {
    opacity: 0.5;
    font-size: 12px;
    margin-left: 20px;
    margin-top: 5px;
    display: block;
}

.video-watched-icon {
    opacity: 0.5;
    font-size: 20px;
    display: none;
    vertical-align: middle;
}

.video-watched .video-watched-icon {
    display: inline-block;
}

.video-actions-cont {
    padding: 0;
    text-align: center;
}

.video-name-cont {
    padding: 0;
}

.video-row {
    display: block;
    margin: 0;
    padding: 5px 15px;
    cursor: auto;
}

.video-row-newplayer {
    margin: 0;
    padding: 5px 15px;
}

#select-video-list.Workshop {
    display: block !important;
    margin: 15px 0 5px 0;
}

.videos-list-cont.Workshop .chapter-list {
    display: none;
}

.videos-list-cont.Workshop .chapter-list:first-child {
    display: block;
}

#tutorial-video-container {
    padding: 10px 15px;
}

#author-tab,
#reviews-tab,
#example-files-tab,
#notes-tab,
#disqus-tab,
#download-tab {
    position: relative;
    min-height: 150px;
}

#review-input-cont {}

.loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 2;
}

.loader .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1;
    color: #b1adad;
}

.example-file-link {
    margin-bottom: 10px;
}

.download-link {
    margin-bottom: 10px;
}

.playlist-item .video-row:hover,
#tutorial-video-container:hover {
    background-color: #008cba;
}

.playlist-item .video-row:hover a,
#tutorial-video-container:hover a {
    color: #fff;
    text-decoration: none;
}

.playlist-item .video-row:hover .video-duration {
    color: #fff;
}

.playlist-item.video-clicked .video-row,
#tutorial-video-container.video-clicked {
    background-color: #008cba;
}

.playlist-item.video-clicked .video-row a,
#tutorial-video-container.video-clicked a {
    color: #fff;
    text-decoration: none;
}

.playlist-item.video-clicked .video-row .video-duration {
    color: #fff;
}

.not-allowed {
    pointer-events: none;
}

.share-menu li {
    position: relative;
}

.share-menu li .box {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.share-menu li .box .count {
    display: none;
}

.wid100 {
    width: 100%;
    float: left;
}

.err-message {
    margin-top: 20px;
    background: rgb(211, 15, 15);
    color: #fff;
    padding: 10px 15px;
    border-radius: 3px;
}

.invisible-input {
    opacity: 0;
    height: 1px;
    border: 0;
    outline: 0;
    padding: 0;
    display: block !important;
}

#review-list-outer {
    width: 100%;
    position: relative;
}

#blueimpGalleryPics {
    width: 100%;
    float: left;
}

#blueimpGalleryPics img {
    width: 100%;
    float: left;
    padding: 5px;
}

#images-tab {
    overflow: hidden;
}

#add-note {
    padding: 20px 10px 5px 10px;
}

#add-note label {
    font-size: 14px;
}

#add-note textarea {
    resize: vertical;
}

#schedule-list {
    border: 1px solid #EEE;
    padding: 10px;
    list-style: none;
}

#schedule-list li {
    margin-bottom: 20px;
    border-bottom: 1px solid #EEE;
    padding: 10px;
}

#schedule-list li:last-child {
    margin-bottom: 0px;
    border-bottom: none;
}

.period-title {
    line-height: 25px;
    margin-top: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.period-num {
    cursor: pointer;
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 960px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

@media (min-width: 1500px) {
    .container {
        width: 1470px
    }
}

.author-link h3 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 1.1;
    font-size: 26px;
    color: #222;
}

.pricing-cont-main .price {
    margin-bottom: 20px;
    font-size: 50px;
    margin-top: 0;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 1.1;
    color: #222;
}

div#htmlContent {
    padding: 45px;
}

div.main-layout-html-cont {
    width: 960px;
}

.additional-payment-info {
    margin: 10px 0 0 0;
    min-height: 16px;
}


/* The two faces of the cube */

.front-side,
.bottom-side,
.cube {
    height: 280px;
    margin: 0;
}

.cube {
    position: relative;
    margin-bottom: 15px;
    -webkit-transition: transform .33s;
    /* Animate the transform properties */
    transition: transform .33s;
    /* Animate the transform properties */
    -webkit-transform-style: preserve-3d;
    /* <-NB */
    transform-style: preserve-3d;
    /* <-NB */
}


/* Position the faces */

.front-side {
    -webkit-transform: translateZ(140px);
    transform: translateZ(140px);
}

.bottom-side {
    -webkit-transform: rotateX(-90deg) translateZ(-142px);
    transform: rotateX(-90deg) translateZ(-142px);
}


/* Rotate the cube */

.flip {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    /* Text bleed at 90ยบ */
}

.btns-multi-license {
    background-color: #4BA84B;
    border: 2px solid #4BA84B;
    border-radius: 5px;
    height: 41px;
}

.btns-multi-license>div {
    padding: 0;
    height: 100%;
}

.license-counter-btns {
    border-right: 1px solid #439643;
}

.buy-multi-license-wrapper {
    border-radius: 0 3px 3px 0;
}

.buy-multi-license-wrapper,
.license-counter-btns {
    color: #fff;
}

#license-count-plus {
    border-bottom: 1px solid #439643
}

#license-count-minus,
#license-count-plus {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

.buy-multi-license-wrapper:hover,
#license-count-minus:hover,
#license-count-plus:hover {
    cursor: pointer;
    background-color: #439643;
}

#flip-down {
    margin: 7px;
    position: absolute;
    top: 5px;
    left: 5px;
    cursor: pointer
}

#volume-discount-cont {
    padding: 0;
}

#volume-discount-ask {
    padding: 15px;
}

#volume-discount-cont>.title {
    padding: 10px;
}

#volume-discount-cont>.title>p {
    margin: 0;
}

.info-per-license {
    margin-top: -10px;
    text-align: center;
    font-size: 10px;
}

.info-per-license p {
    color: #555;
    margin: 0;
}

#small-pricing-cont,
#volume-discount-cont {
    height: 280px;
    position: relative;
}

.cc-icons-container {
    margin-top: 20px;
}

#small-pricing-cont.free-content {
    height: auto;
}

.discount {
    margin-top: -20px;
    color: red;
    font-weight: bold;
    font-size: 12px;
}

.example-files-icon-cont h5 {
    color: #555;
}

#author-data-small {
    margin-top: 10px;
}

.loaderiframe {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 20px;
}

.loaderiframe .spinner {
    position: relative;
    top: 50%;
    left: 100%;
    transform: translate(-50%, -50%);
    line-height: 1;
    color: #b1adad;
}


/*Workshop*/

.utility-bar {
    margin: 20px 0 20px 0
}

.box {
    min-height: 50px;
    background-color: #fff;
    box-shadow: 2px 2px 10px #999;
    padding: 15px
}

.db-field {
    margin-bottom: 10px
}

@media screen and (max-width:1199px) {
    .db-field.pull-right {
        float: none!important
    }
}

.db-field .db-caption {
    margin: 0 0 10px 0;
    opacity: .7;
    white-space: nowrap
}

@media screen and (max-width:1499px) {
    .db-field .db-caption {
        font-size: 12px
    }
}

.db-field select {
    font-size: 13px;
    padding-left: 5px!important
}

.db-field h4 {
    font-size: 20px;
    margin: 0;
    font-weight: 700;
    padding: 8px 0 10px 0;
    color: #555
}

@media screen and (max-width:1499px) {
    .db-field h4 {
        font-size: 17px
    }
}

#webinar-time {
    font-size: 12px
}

.db-field .btn {
    font-size: 13px
}

.pt-1 {
    padding-top: 5px
}

.main-play-video-icon.small {
    font-size: 30px;
    margin-top: -20px;
}

.btn-assignment {
    margin-right: 10px;
}

.btn-feedback {
    margin-right: 10px;
}

.margin-r-10 {
    margin-right: 10px;
}

.margin-l-10 {
    margin-right: 10px;
}

.btn-primary.outline {
    transition: all .25s;
    background-color: transparent;
    color: #428bca;
}

.btn-primary.outline:hover {
    transition: all .25s;
    background-color: #428bca;
    color: #fff;
}


/*.db-author{display:flex;align-items:center}
.db-author span{font-weight:700;font-size:16px}*/

.db-author span {
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    width: 100%;
    /*margin: 0px -10px;*/
}

.db-author {
    padding: 0px 0px 0px 80px;
}

.db-author .left {
    float: left;
    margin: 0px 0px 0px -80px;
    width: 60px;
}

.db-author .grade p {
    white-space: nowrap;
}

.db-author .avatar {
    width: 60px;
    height: 60px;
    margin: 0px 0px 15px 0px;
}

.db-author .avatar img {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.author-message {
    border-radius: 2px;
    padding: 20px;
    position: relative;
    background-color: #ECEFF4;
    margin: 20px 0px 20px 0px;
}

.author-message:before {
    content: "";
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    border-right-color: #ECEFF4;
    position: absolute;
    left: -18px;
    top: 20px;
}

.db-author .grade h2 {
    text-align: center;
}

.main-play-video-icon.small {
    font-size: 30px;
    margin-top: -20px
}

.small-alert {
    padding: 6px 10px
}

.the-text-assignment {
    padding: 20px;
    position: relative;
    background-color: #fefefe;
    border: 1px dashed #ddd
}

.list-assignment p {
    padding: 8px 0;
    margin: 0;
    border-top: 1px dashed #ddd
}

.list-assignment p span {
    float: right;
    opacity: .6;
    font-style: italic
}

.db-flex {
    display: flex;
}

.db-flex>div.file-upload {
    width: 100%;
}

.db-flex .db-input {
    width: 100%;
}

.db-input {
    background-color: #ECEFF4;
}

.db-flex>div.center {
    margin: 0px 10px;
}

.grade-choice {
    min-width: 80px;
}

div.center {
    text-align: center;
}

.utility-bar .container {
    padding-right: 14px;
}

.btn-video {
    height: 32px;
    margin-right: 10px;
}

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

.size {
    display: none;
}

.filelist {
    width: 100%;
    margin-top: 20px;
}

.fileItem {
    display: inline-block;
    width: 100%;
}

.name {
    display: inline-block;
    width: 50%;
}

.fileInfo {
    display: inline-block;
    width: 50%;
    text-align: right;
}

#errorupload-student,
#errorupload-instructor {
    margin-top: 20px;
}

#errorupload-student p {
    padding: 10px;
}

#errorupload-instructor p {
    padding: 10px;
}

.invisible {
    display: none;
}

#register-button {
    height: 34px;
}

@media screen and (max-width:1500px) and (min-width:992px) {
    #register-button {
        height: 34px;
        font-size: 12px;
        padding-top: 8px;
    }
}

@media screen and (max-width:1500px) and (min-width:1200px) {
    #register-workshop {
        height: 34px;
        font-size: 12px;
        padding: 5 2 5 8;
    }
}

#register-simple-workshop-button,
#register-simple-workshop-button-paypal {
    height: 26px;
}

#unguided-button {
    height: 26px;
    padding: 2px 5px;
}

.form-control-select {
    display: block;
    width: 100%;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
    padding-right: 30px;
    border: 1px solid #ced4da;
    padding-left: 10px;
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select.custom::-ms-expand {
    display: none;
}

#description-section ul {
    padding-left: 5px;
}

#description-section ol {
    padding-left: 15px;
}

#description-section ul li {
    list-style: inside;
}

.plupload_file_status {
    color: #777;
}

.plupload_file_status span {
    color: #42454A;
}

.plupload_file_size,
.plupload_file_status,
.plupload_progress {
    width: 100%;
}

.plupload_file_size,
.plupload_file_status,
.plupload_file_action {
    text-align: right;
}

.plupload_filelist .plupload_file_name {
    width: 205px
}

.plupload_file_action {
    float: right;
    width: 16px;
    height: 16px;
    margin-left: 15px;
}

.plupload_file_action * {
    display: none;
    width: 16px;
    height: 16px;
}

.plupload_progress,
.plupload_upload_status {
    display: none;
    float: left;
    margin-top: 7px;
}

.plupload_progress_container {
    margin-top: 5px;
    border: 1px solid #CCC;
    background: #FFF;
    padding: 1px;
}

.plupload_progress_bar {
    width: 0px;
    height: 7px;
    background: #CDEB8B;
}

.plupload_scroll .plupload_filelist_header .plupload_file_action,
.plupload_scroll .plupload_filelist_footer .plupload_file_action {
    margin-right: 17px;
}

.plupload_clear,
.plupload_clearer {
    clear: both;
}

.plupload_clearer,
.plupload_progress_bar {
    display: block;
    font-size: 0;
    line-height: 0;
}