/*fonts*/
.kero_light { font-family: 'Korolev_light'; }
.kero_thin { font-family: 'Korolev_thin'; }
.kero_md { font-family: 'Korolev_md'; }
.kero_bd { font-family: 'Korolev_bd'; }
.helvetica_md { font-family: 'HelveticaNeueLTStd_md'; }
.helvetica_roman { font-family: 'HelveticaNeueLTStd_roman'; }
* { padding: 0; margin: 0; }
/* BUTTON RIPPLE EFFECT SECTION */

html { height: 100%; }
.userInput::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #9eb3bb;
}
 .userInput::-moz-placeholder { /* Firefox 19+ */
 color: #9eb3bb;
}
 .userInput:-ms-input-placeholder { /* IE 10+ */
 color: #9eb3bb;
}
 .userInput:-moz-placeholder { /* Firefox 18- */
 color: #9eb3bb;
}
.header img, .header_draft, .title_trainee img, .bread_text, .sixpage_threecol, .play_icon, .speaker_meadia, .upload_update img { cursor: pointer; }
.ripple_cus, button { background-position: center; transition: background 0.8s; }
.ripple_cus:hover, button:hover { background: #b30b5e radial-gradient(circle, transparent 1%, #b30b5e 1%) center/15000%; color: #fff; }
.ripple_cus:active, button:active { background-color: #b30b5e; background-size: 100%; transition: background 0s; color: #fff; }
button.enter { background-position: center !important; transition: background 0.8s; }
button.enter:hover { background: #b30b5e radial-gradient(circle, transparent 1%, #b30b5e 1%) center/15000%; color: #fff; }
button.enter:active { background-color: #04b0ec; background-size: 100%; transition: background 0s; color: #fff; }
/*preloader*/
.preloader { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.overlay { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(255,255,255,0.9); z-index: 11111; }
.preloader span { background: url(../images/preloader.gif) no-repeat center center; background-size: 100%; width: 150px; height: 150px; }
.preloader p { margin: 0px; font-size: 18px; }
.header { position: sticky; top: 0; z-index: 999; }
/*body,html { width: 100%; height: 100%;}*/
.loginwrapper { background: url(../images/login.jpg) no-repeat top left; background-size: cover; width: 100%; height: 100vh; position: relative; }
.registerwrapper { background: url(../images/register.jpg) no-repeat top left; background-size: cover; width: 100%; height: 100vh; position: relative; }
.confirmwrapper { background: url(../images/confirm.jpg) no-repeat top left; background-size: cover; width: 100%; height: 100vh; position: relative; }
.registerwrapper .vclm, .confirmwrapper .vclm { opacity: 0; }
.log_reg .vclm { font-weight: lighter; font-size: 250px; color: white; text-shadow: 6px 1px 10px #de026e, -7px 1px 10px #de026e, 2px 4px 10px #DE026E, 2px -4px 10px #de026e; text-align: center; width: 50%; display: flex; justify-content: center; align-self: baseline; font-family: 'Korolev_thin'; position: relative; top: 68px; left: 5px; }
.log_reg .loginsec { width: 100%; display: flex; align-items: center; height: 100%; }
.log_reg .login-page_sec { width: 100%; max-width: 470px; margin: 0 auto; background-color: #fff; box-shadow: 3px 0px 10px #dad1d5; }
.log_reg .login-page { width: 50% }
.log_reg .login-body { padding: 0 30px; }
.log_reg .login-heding p { margin: 0; background: #f5efef; color: #04b0ec; font-size: 42px; font-weight: 300; text-align: center; display: block; padding: 10px 0px; font-family: 'Korolev_light'; }
.log_reg input { background: #eef7fc; padding: 14px 0; outline: none; border: none; font-size: 28px; font-weight: 300; width: 100%; display: block; text-align: center; margin: 35px 0; font-family: 'Korolev_light'; }
.log_reg ::placeholder {
 color:#c3d3d9;
}
.log_reg .forget_text { margin-bottom: 13% }
.log_reg .forgetPassword, .singUp { color: #de026e; font-size: 22px; display: block; font-family: 'Korolev_light'; }
.log_reg .forgetPassword:hover, .singUp:hover { color: #de026e; text-decoration: none; }
.log_reg .singUp { padding-top: 0px; padding-bottom: 6px; }
.log_reg .enter { background: #de026e; width: 100%; padding-left: 11px; font-size: 32px; color: white; font-weight: 400; border: none; outline: none; padding: 15px 0; font-family: 'Korolev_bd'; }
.log_reg footer { position: absolute; bottom: 0; background: black; width: 100%; }
.log_reg footer p { color: #575757; padding-left: 27px; font-size: 22px; padding: 15px; margin: 0; }
.vclm_grey section { position: relative; min-height: 100vh; }
.vclm_pink_wrapper section { position: relative; min-height: 100vh; }
.vclm_blue section { position: relative; min-height: 100vh; }
.vclm_blue1 section { position: relative; min-height: 100vh; }
.vclm_grey footer { position: absolute; bottom: 0; background: black; width: 100%; z-index: 1111; }
.vclm_grey footer p { color: #575757; padding-left: 27px; font-size: 22px; padding: 15px; margin: 0; }
.main footer { position: relative; bottom: 0; background: black; width: 100%; z-index: 1111; }
.main footer p { color: #575757; padding-left: 27px; font-size: 22px; padding: 15px; margin: 0; }
.rx_vclm.main footer { position: relative; bottom: 0; background: black; width: 100%; z-index: 1111; }
.rx_vclm.main footer p { color: #575757; padding-left: 27px; font-size: 22px; padding: 15px; margin: 0; }
.registerwrapper .enter { width: 49.5%; }
.entersubmit { display: block; }
.entersubmit_btn { display: block; float: right; width: 230px; margin-right: 30px }
.confirm-body p { color: #92278f; font-family: 'Korolev_light'; font-size: 36px; text-align: center; padding: 12% 0; margin: 0; }
.main { position: relative; width: 100%; height: 100%; overflow-x: hidden; }
.vclm_pink_wrapper { height: 100%; background: url(../images/background_grey_img.jpg) no-repeat center center fixed; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; }
.vclm_pink .wrapper { height: 100%; background: url(../images/background_grey_img.jpg) no-repeat center center fixed; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; }
.vclm_pink .header { width: 100%; height: auto; background-color: #ffffff; border-bottom: 20px solid red; padding: 1% 1.6%; display: flex; align-items: center; justify-content: space-between; }
.vclm_pink .header_right { width: 24%; text-align: right; display: flex; align-items: center; justify-content: flex-end; }
.vclm_pink .header_right .edit, .vclm_grey .header_right .edit { margin-left: 6%; position: relative; }
.vclm_pink .header_right .edit:hover .edit_dp_btn { display: block; }
.vclm_pink .header_right .edit img { width: 60px; }
.edit_dp_btn:focus, .edit_dp_btn:active, .edit_dp_btn:hover { color: #fff; }
.vclm_pink .header_left { width: 76%; float: left; text-align: left }
.vclm_pink .header_left>div { display: inline-block; margin-right: 1%; vertical-align: middle; }
.header_logo { border-right: 1px solid #c6c3c3; padding-right: 1.3%; }
.vclm_pink .header_right>div { margin-left: 6%; }
.header_home img { vertical-align: text-bottom; }
.rx_vclm .header_home img{ vertical-align: text-bottom; }
.vclm_pink .header_draft { font-size: 28px; font-family: 'Korolev_md'; color: #9b9b9b; }
.header_bread { font-family: 'Korolev_md'; font-size: 28px; color: #9b9b9b }
.header_bread span { padding: 0 5px; display: inline-block;text-transform: capitalize;font-size: 20px; }
.rx_vclm .header_bread span { padding: 0 5px; display: inline-block;text-transform: capitalize;font-size: 20px; }
.rx_vclm .bread_text { color: #00aeef; }
.bread_text { color: #00aeef; }
.edit_section { display: flex; align-items: center; justify-content: space-between; padding: 0.5% 1.6%; }
.edit_dp { display: flex; align-items: center; position: relative; }
.vclm_pink .edit_dp_btn { display: none; position: absolute; left: -30px; bottom: -25px; width: auto; font-family: 'Korolev_md'; font-size: 15px; background-color: #bfbebe; color: #4c4b4b; border: 0; outline: 0; text-align: center; padding: 3px 10px; border-radius: 10px; margin-left: 10px; margin-right: 7%; }
.pink_btn { font-family: 'Korolev_bd'; font-size: 18px; background-color: #dd026e; color: #ffffff; border: 0; outline: 0; width: 180px; text-align: center; padding: 10px; }
.thumb_sec { max-width: 1540px; width: 100%; margin: 0px auto; display: flex; justify-content: space-between; flex-flow: wrap; }
.vclm_pink .thumbnails { max-width: 235px; width: auto; height: auto; position: relative; margin: 15px 55px; flex: 1 0 calc(25% - 0px); }
.vclm_pink .thumb_sec.container { position: relative; display: flex; justify-content: center; margin-bottom: 20px; }
.vclm_pink .thumb { position: relative; padding: 10px 6px; background-color: #fff; -webkit-box-shadow: 0 0 7px -1px #1f2323; -moz-box-shadow: 0 0 7px -1px #1f2323; -ms-box-shadow: 0 0 7px -1px #1f2323; box-shadow: 0 0 7px -1px #1f2323; }
.vclm_pink .thumb_header { display: flex; width: 100%; align-items: center; padding: 5px 0px 5px 5px; }
.vclm_pink .pad0 { padding: 0px; }
.vclm_pink .pad_lft { padding-left: 0px; }
.vclm_pink .pad_rth { padding-right: 0px; }
.vclm_pink .thumb_header h4 { color: #626262; font-family: 'Korolev_md'; margin: 0px; font-size: 22px; line-height: 24px; margin-left: 10px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; max-width: 150px; white-space: nowrap; }
.ellipsis { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .2s linear; white-space: nowrap; padding: .5rem 1rem .5rem 0rem;
}
.thumb_footer .ellipsis { width: 65px; word-break: break-word; text-overflow: clip; padding-bottom: 0px; }
.ellipsis:focus:after, .ellipsis:hover:after { content: attr(data-text); overflow: visible; text-overflow: inherit; background: #fff; position: absolute; left: auto; top: auto; width: auto; max-width: 20rem; border: 1px solid #eaebec; padding: 5px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.28); white-space: normal; word-wrap: break-word; display: block; color: black; margin-top: -1.25rem; color: #626262; font-family: 'Korolev_md'; margin: 0px; font-size: 18px; line-height: 24px; margin-left: 10px; z-index: 1; }
.vclm_pink .thumb_img { position: relative; }
.present_close { position: absolute; top: 10px; left: 5px; width: 24px; height: 24px; }
.present_close img { padding: 0px !important; }
.present_add { position: absolute; top: 10px; right: 5px }
.present_add { padding: 0px !important; }
.vclm_pink .thumb_img .present_add img, .vclm_pink .thumb_img .present_close img { width: 100%; height: 100%; }
.present_close img:hover { cursor: pointer; }
.present_add { cursor: pointer; width: 24px; height: 24px; background: url(../images/thump_add.png) no-repeat center; background-size: 100%; }
.present_add:hover { cursor: pointer; width: 24px; height: 24px; background: url(../images/thump_add_hov.png) no-repeat center; background-size: 100%; }
.present_add input { cursor: pointer; }
.vclm_pink .thumb_footer { display: flex; width: 100%; justify-content: space-between; position: relative; }
.vclm_pink .thumb_footer span { color: #626262; font-family: 'Korolev_md'; font-size: 16px; padding-bottom: 8px; display: block; }
.vclm_pink .thumb_footer h4 { color: #00aeef; font-family: 'Korolev_md'; margin: 2px 0px 0px; font-size: 24px; }
.vclm_pink .thumb_footer_btns { display: flex; align-items: flex-end; position: absolute; bottom: 0px; right: 0px; }
.graph_container canvas { width: 630px !important; height: 250px !important; margin: 0 auto; }
.vclm_pink .right_arrow { margin: 0 2px; }
.active_view { width: 38px; height: 38px; background: url(../images/present_view.png) no-repeat; background-size: 100%; background-position: bottom; }
.inactive_view { width: 38px; height: 38px; background: url(../images/inactive_view.png) no-repeat; background-size: 100%; background-position: bottom;cursor: default !important; }
.video_active_view { width: 38px; height: 38px; background: url(../images/present_video_record.png) no-repeat; background-size: 100%; background-position: bottom; }
.video_inactive_view { width: 38px; height: 38px; background: url(../images/present_video_record_inactive.png) no-repeat; background-size: 100%; background-position: bottom; }
.vclm_blue .header { border-bottom: 20px solid #0072bc; }
.vclm_pink .pink_btn:hover:hover, .vclm_pink .pink_btn:hover:focus { background-color: #dd026e; color: #fff; }
.vclm_lightBlue .pink_btn:hover:hover, .vclm_lightBlue .pink_btn:hover:focus { background-color: #dd026e; color: #fff; }
/**************Vclm6 start*******************************/
.six_wrapper footer{position: absolute;}
.six_wrapper { background-image: url(../images/chair_bg.jpg); width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; height: 100vh; }
.six_wrapper .sixpage_wrapper{overflow: hidden;}
.six_wrapper .header { width: 100%; height: auto; background-color: #ffffff; padding: 1% 1.6%; }
.six_wrapper .header_right { width: 24%;text-align: right;display: flex;align-items: center;justify-content: flex-end; }
.six_wrapper .header_left { width: 76%; float: left; text-align: left }
.six_wrapper .header_left>div, .six_wrapper .header { border: 0px!Important; }
.six_wrapper .header_right>div { display: inline-block;}
.six_wrapper .header_arrow img { width: 100% }
.six_wrapper .sixpage_width { width: 1000px; float: none; margin: 0px auto; height: calc(100vh - 104px); position: relative; }
.six_wrapper .sixpage_threecol { width: 31.666%; float: left; min-height: 280px; background-color: #3a3a3a; margin: 0.8%; position: relative; padding: 25px; }
.six_wrapper .sixpage_threecol h3 { margin: 0; color: #fff; font-family: 'Korolev_md'; font-size: 32px; position: absolute; bottom: 25px; text-transform: uppercase; }
.six_wrapper .draft_white { background-color: #cc0000; }
.six_wrapper .live_white { background-color: #666699; }
.six_wrapper .trainee_white { background-color: #00cc66; }
.six_wrapper .account_settings_white { background-color: #0066cc; }
.six_wrapper .tags_white { background-color: #ff9933; }
.six_wrapper .help_white { background-color: #ff3399; }
.six_wrapper .sixpage_grp { position: absolute; width: 100%; float: none; margin: 0px auto; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }



/*****iscroll bar starts******/

.table-popup{display: flex;align-items: center;height: 100vh;justify-content: center;position: relative;margin: 0 auto;    flex-direction: column;}
.scroll_head{border-top: 1px solid #fff; background-color: #333;}
#scroll_wrapper {position: relative;width: 100%;overflow: hidden;height: 300px;display: flex;align-items: center;margin: 0 auto;}
#scroller {position: absolute;top:0px;z-index: 1;-webkit-tap-highlight-color: rgba(0,0,0,0);width: 100%;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}
#scroller ul,.scroll_head {width:100%;list-style: none;padding: 0;margin: 0;text-align: left;border: 1px solid #fff;border-right: 0px;border-bottom: 0px;border-top: 0px;display: flex;margin: 0 auto;}
#scroller ul .bgcolor{background-color: #333;}    
#scroller li,.scroll_head li {padding: 0 10px;height: 40px;line-height: 40px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;font-size: 14px;width: 200px;float: left;color: #fff;font-family: 'Korolev_md';font-weight: normal;}
#scroller ul li:last-child(),.scroll_head li {border-right: 1px solid #fff !important;}
.note .add_close {position: absolute;top: 30%;right: -10%;cursor: pointer;transform: translate(-50%, -50%);}
.iScrollIndicator{background-color: #fff !important;}

/*****iscroll bar ends******/

/**************Vcml6 Ends*******************************/
/************Vclm9 template*******************************/
.add_form { display: flex; justify-content: center; align-items: center; height: 100vh; flex-direction: column; width: 100%; max-width: 470px; margin: 0 auto; padding: 0px 30px; }
.add_form input.userInput { box-shadow: inset 0px 0 20px 0px #d5e3eb, inset 0 0 4px 1px #eef7fc; background: #eef7fc; padding: 14px 0; outline: none; border: none; font-size: 28px; font-weight: 300; width: 100%; display: block; text-align: center; margin: 0px 0 20px; font-family: 'Korolev_light'; height: 60px;line-height: 60px;}
.add_popup { position: fixed; top: 0px; left: 0px; width: 100%; }
.add_close { position: absolute; top: 40px; right: 40px; cursor: pointer; }
.note{padding: 0px;margin-top: 30px;width: 100%;}
.note h4 a{font-family: 'Korolev_md';color: #dd026e !important;text-decoration: underline;}
.note h4 b{font-family: 'Korolev_md';color: #dd026e !important;text-decoration: underline;}
.note p{font-family: 'Korolev_md';color: #fff; }
.add_popup.overlay_bg { background: rgba(0,0,0,0.8); display: none;z-index: 999; }
.add_form .entersubmit_btn { display: flex; flex-direction: row; width: 100%; justify-content: center; margin-right: 0px; }
.add_form .pink_btn { width: 200px; margin-left: 10px;font-size: 28px; }
#addTraineeBtn{margin-left: 0px !important;}
.file-upload{display:block;text-align:center;width: 100%;background-color: #eef7fc;box-shadow: inset 0px 0 20px 0px #d5e3eb, inset 0 0 4px 1px #eef7fc;margin: 0px 0px 20px;padding: 0px;}
.file-upload .file-select{display:block;color: #34495e;cursor:pointer;height:60px;line-height:60px;text-align:left;overflow:hidden;position:relative;padding: 0px;}
.file-upload .file-select .file-select-button{background:#dd026e;padding:0 10px;display:inline-block;height:60px;line-height:60px;font-size: 28px;font-family: 'Korolev_bd';color: #fff;border: 1px solid #dd026e;}
.file-upload .file-select .file-select-name{line-height:40px;display:inline-block;padding:0 10px;font-size: 28px;font-family: 'Korolev_light';}
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);padding: 0px;margin: 0px;}


.bulk_upload { display: flex; justify-content: center; align-items: center; height: 100vh; flex-direction: column; width: 100%; max-width: 600px; margin: 0 auto; padding: 0px 30px; }
.bulk_upload input.userInput { box-shadow: inset 0px 0 20px 0px #d5e3eb, inset 0 0 4px 1px #eef7fc; background: #eef7fc; padding: 14px 0; outline: none; border: none; font-size: 28px; font-weight: 300; width: 100%; display: block; text-align: center; margin: 0px 0 30px; font-family: 'Korolev_light'; }
.bulk_upload .entersubmit_btn { display: flex; flex-direction: row; width: 100%; justify-content: center; margin-right: 0px; }
.bulk_upload .pink_btn { width: 150px; margin-left: 15px;font-size: 28px; }
.add_popup.overlay_bg_bulk { background: rgba(0,0,0,0.8); display: none;z-index: 999; }
.add_popup.overlay_bg_bulk_report { background: rgba(0,0,0,0.8); display: none;z-index: 999; }
.note div{font-family: 'Korolev_md';color: #fff; }

.nine_wrapper { width: 100%; height: 100vh; }
.nine_wrapper .header { border-bottom: 20px solid #00cc66; padding: 1% 1.6%; }
.nine_wrapper .header_left>div { text-transform: uppercase; }
.nineleft_wrapper { width: 45%; float: left; }
.nineright_wrapper { width: 55%; float: left; }
.ninepage_button_top_wrap { padding-top: 39px; float: right; padding-right: 22px; margin-right: -130px; }
.ninepage_button_top_wrap .pink_btn { padding: 11px 0; text-transform: uppercase; margin-left: 20px; }
.trainee_graphs_wrap { padding: 54px 0px 0px 110px; display: inline-block; width: 100%; }
.trainee_graphs_wrap img { max-width: 100%; }
.nineleft_wrapper { padding: 145px 0px 50px 0px; }
.scores_wrapper p { margin: 0; font-family: 'Korolev_thin'; font-size: 88px; color: #00cc66; }
.title_trainee { position: relative; }
.title_trainee h2 { margin: 0; background: #e0f7eb; padding: 18px 30px; font-family: 'Korolev_md'; font-size: 34px; margin-bottom: 3px; color: #666666; }
.title_trainee h2 img:nth-child(1) { position: absolute; right: 105px; top: 22px; }
.title_trainee h2 img:nth-child(2) { position: absolute; right: 20px; top: 10px; }
.count-ninepg { clear: both; padding-left: 200px; padding-top: 30px; color: #0099ff; font-family: 'Korolev_md'; font-size: 24px; }
.trainee_graphs_wrap > div { background-color: #fff; padding: 0px 20px; }
.trainee_graphs_wrap > div > canvas { width: 100%; }
.trainee_graphs_wrap .top_bar > canvas { width: 100%; }
.ninepage_wrapper { display: flex; padding: 0px 140px; }
.bg_nine .ninepage_wrapper{min-height: 100vh;}
/*************Vclm7 start************************/

/*preview_popup*/
.rxvclm.preview_popup { position: fixed; top: 0px; left: 0px; width: 100%;display: none;height: 100%;z-index: 9999;}
.rxvclm.preview_content{position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%);}
.rxvclm.preview_popup iframe{display: block;margin: 0 auto;transform: scale(0.65);transform-origin: 50% 50%;-webkit-transform: scale(0.65);-webkit-transform-origin: 50% 50%;border: 2px solid #000;}
.rxvclm .btnPreview_close {position: relative;cursor: pointer;width: 1024px;margin: 0 auto;;display:block; }
.rxvclm .btnPreview_close img{position: absolute;right: 110px;top: 100px;}

/*filter popup*/
.vclm_grey .cal_form{background: rgba(0,0,0,0.8);padding: 20px;width: auto;position: absolute;right: 50px;top: 65px;z-index: 1111;display: none;}
.vclm_grey .calendar input.userInput{ box-shadow: inset 0px 0 20px 0px #d5e3eb, inset 0 0 4px 1px #eef7fc;background: #eef7fc;padding: 10px 0;outline: none;border: none;font-size: 20px;font-weight: 300;width: 100%;display: block;text-align: center;margin: 0px 0 5px;font-family: 'Korolev_light';}
.vclm_grey .calendar{ display: flex;flex-direction: column;align-items: center;position: relative;}
.vclm_grey .calendar .form-group{margin-bottom: 5px;position: relative;}
.vclm_grey .calendar img{width: 20px;cursor: pointer;}
.vclm_grey .calendar img.cal1{position: absolute;top: 12px;right: 10px;}
.vclm_grey .calendar img.cal2{position: absolute;bottom: 20px;right: 10px;}

/*vclm_grey*/
.vclm_grey .no_present{display: flex !important;align-items: center;height: calc(100vh - 50px);}
.vclm_grey .no_present h4{ font-family: 'Korolev_bd';font-size: 20px;background-color: #dd026e;color: #ffffff;margin: 0px;padding: 20px;width: 150px;text-align: center;line-height: 25px;}
.vclm_pink .right_arrow { margin: 0 2px; width: 22px; height: 22px;cursor: pointer; }
.vclm_grey .header { width: 100%; height: auto; background-color: #ffffff; border-bottom: 20px solid red; padding: 1% 1.6%; display: flex; align-items: center; justify-content: space-between;z-index: 2222; }
.vclm_grey .header_right { width: 24%; text-align: right; display: flex; align-items: center; justify-content: flex-end; }
.vclm_grey .header_left { width: 80%; float: left; text-align: left }
.vclm_grey .header_left>div { display: inline-block; margin-right: 1%; vertical-align: middle; color: #9b9b9b; text-transform: uppercase; }
.header_draft_text span { font-family: 'Korolev_md'; color: #9b9b9b; font-size: 20px; }
.rx_vclm .header_draft_text span { font-family: 'Korolev_md'; color: #9b9b9b; font-size: 20px; }
.vclm_grey .header_draft img, .edit_dp img { vertical-align: sub; }
.vclm_pink .header_draft img, .edit_dp img { vertical-align: sub; }
.vclm_red .header_draft img, .edit_dp img {
    vertical-align: sub;
}
.header_logo { border-right: 1px solid #c6c3c3; }
.vclm_grey .header_right>div { display: inline-block; margin-left: 6%; }
.vclm_grey .header_draft { font-size: 28px; font-family: 'Korolev_md'; color: #9b9b9b; }
.vclm_grey .wrapper { width: 100%; height: auto; }
button:focus { outline: none !important; }
.vclm_grey { height: auto; background: url(../images/background_grey_img.jpg) no-repeat center center fixed; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; }
.vclm_grey .content_wrapper { background: url(../images/background_grey_img.jpg) no-repeat center center fixed; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; padding-bottom: 0px; height: 100%; }
.vclm_grey .sec1 { display: inline-block; width: 100%; }
.vclm_grey .pad_20 { padding: 20px 30px 0px; }
.vclm_grey .search_box { position: relative; width: 240px; float: right; margin-right: 30px; }
.vclm_grey .search_input { background-color: #bfb399; height: auto; width: 100%; border: 0px; padding: 8px 50px 8px 15px; font-family: 'Korolev_md'; font-size: 14px; height: 35px; }
.vclm_grey .btn_srch { background: url(../images/search.png) no-repeat center right; background-size: cover; border: 0px; border-radius: 0px; width: 20px; height: 19px; position: absolute; top: 8px; right: 10px; }
.vclm_grey .btn_filter { background: url(../images/filter.png) no-repeat center right; background-size: cover; border: 0px; border-radius: 0px; width: 25px; height: 28px; float: right; }
.vclm_grey .btn_filter:after { content: none; }
.vclm_grey .btn_srch:after { content: none; }
.vclm_grey .thumbnails { width: auto; height: auto; position: relative; float: left; margin: 0px; flex: 1 0 calc(25% - 0px); }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #656565;
}
*:focus { outline: none; }
.vclm_grey .thumb_sec { display: flex; justify-content: space-between; margin: 0px auto; max-width: 1540px; width: 100%; padding: 0px; flex-wrap: wrap; }
.vclm_grey .thumb { position: relative; background: url(../images/thumb_bg.png) no-repeat; background-size: 100% 100%; padding: 40px 25px; z-index: 111; top: 0px; width: 300px; margin: 0 auto; }
.vclm_grey .thumb_header { display: inline-block; width: 100%; }
.vclm_grey .pad0 { padding: 0px; }
.vclm_grey .pad_lft { padding-left: 0px; }
.vclm_grey .pad_rth { padding-right: 0px; }
.vclm_grey .thumb_header h4 { color: #626262; font-family: 'Korolev_md'; margin: 0px; font-size: 22px; line-height: 24px; word-break: break-all; }
.vclm_grey .thumb_img img { display: block; padding: 5px 0px; width: 380px; height: 160px; object-fit: cover; }
.vclm_grey .thumb_img { height: 160px; }
.vclm_blue .thumb_img { height: 160px; }
.vclm_blue .no_present{display: flex !important;align-items: center;height: calc(100vh - 50px);}
.vclm_blue .no_present h4 {font-family: 'Korolev_bd';font-size: 20px;background-color: #dd026e;color: #ffffff;margin: 0px;padding: 20px;width: 150px;text-align: center;line-height: 25px;}
.vclm_blue1 .thumb_img { height: 160px;position: relative; }
.vclm_pink_wrapper .thumb_img img { height: 160px; width: 380px; padding: 5px 0px; }
.vclm_grey .thumb_footer { display: flex; width: 100%; justify-content: space-between; position: relative;height: 40px; }
.vclm_grey .thumb_footer span { color: #626262; font-family: 'Korolev_md'; font-size: 16px;padding-bottom: 5px; }
.vclm_grey .thumb_footer h4 { color: #00aeef; font-family: 'Korolev_md'; margin: 2px 0px 0px; font-size: 24px; }
.vclm_grey .right_arrow { width: 30px; height: 30px; background: url(../images/right_arrow.png) no-repeat; background-size: cover; }
.full_image { width: 100%; height: 150px; object-fit: cover; }
.thumb_footer_btns { display: flex; align-items: flex-end; position: absolute; bottom: 0px; right: 0px; }
.edit { position: relative; }
.edit img{width: 60px !important;}
.overlay_edit { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .3s ease; background: rgba(0,0,0,0.5); border-radius: 100px; }
.edit:hover .overlay_edit { opacity: 1; }
.edit .overlay_edit img { width: 22px !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.rx_vclm .edit { position: relative; }
.rx_vclm .overlay_edit { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .3s ease; background: rgba(0,0,0,0.5); border-radius: 100px; }
.rx_vclm .edit:hover .overlay_edit { opacity: 1; }
.rx_vclm .edit .overlay_edit img { width: 22px !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/*******************Vclm7 ends*****************************/


/*******************Vclm10 ends*****************************/


html { height: 100%; }
body { height: 100%; }
.mainsec1 { height: 100% !important; }
.mainsec1 .main .wrapper { width: 100%; height: 100%; background-size: cover; }
.mainsec1 { background-image: linear-gradient(#fff, #8bc0e0 ); }
.mainsec1 .wrapper { background: none!Important; }
.mainsec1 .main .enter { margin-bottom: 50px; }
.mainsec1 { width: 100%; height: 100vh; }
.mainsec1 .main .wrapper { width: 100%; height: 100%; }
.mainsec1 .main { position: relative; width: 100%; height: 100%; overflow-x: hidden; }
.mainsec1 .main .header { width: 100%; height: auto; background-color: #ffffff; border-bottom: 20px solid red; padding: 1% 1.6%; display: inline-block; }
.mainsec1 .main .header_right { float: right; width: 20%; text-align: right; }
.mainsec1 .main .header_left { width: 80%; float: left; text-align: left }
.mainsec1 .main .header_left>div { display: inline-block; margin-right: 1%; vertical-align: middle; }
.mainsec1 .main.header_logo { border-right: 1px solid #c6c3c3; padding-right: 1.3%; }
.mainsec1 .main .header_right>div { display: inline-block; margin-left: 13%; }
.mainsec1 .main .header_draft { font-size: 28px; font-family: 'Korolev_md'; color: #9b9b9b; }
.mainsec1 .main.header_bread { font-family: 'Korolev_md'; font-size: 28px; color: #9b9b9b }
.mainsec1 .main.header_bread span { padding: 0 5px; }
.mainsec1 .main.bread_text { color: #00aeef; }
.mainsec1 .main.edit_section { display: flex; align-items: center; justify-content: space-between; padding: 0.5% 1.6%; }
.mainsec1 .main.edit_dp { display: flex; align-items: center; }
.mainsec1 .main.edit_dp_btn { font-family: 'Korolev_md'; font-size: 24px; background-color: #bfbebe; color: #4c4b4b; border: 0; outline: 0; text-align: center; padding: 3px 10px; border-radius: 10px; margin-left: 10px; margin-right: 7%; }
.mainsec1 .main.pink_btn { font-family: 'Korolev_bd'; font-size: 28px; background-color: #dd026e; color: #ffffff; border: 0; outline: 0; width: 230px; text-align: center; padding: 10px 0; }
.mainsec1 .main.pink_btn:hover { background-color: #ffffff; color: #dd026e; }
.mainsec1 .main .right_arrow { margin: 0 5px; }
.mainsec1 .main .edit_dp { opacity: 0; }
.mainsec1 .main .header { border-bottom: 20px solid #0072bc; }
.mainsec1 .main .login-page_sec { width: 100%; max-width: 470px; margin: 0 auto; }
.mainsec1 .main .login-page { width: 50%; margin: 0 auto; display: flex; text-align: center; margin-top: -10px; }
.mainsec1 .main .login-body { padding: 0 30px; }
.mainsec1 .main .login-heding p { margin: 0; background: #f5efef; color: #04b0ec; font-size: 42px; font-weight: 300; text-align: center; display: block; padding: 10px 0; font-family: 'Korolev_light'; }
.mainsec1 .main input { box-shadow: inset 0px 0 20px 0px #d5e3eb, inset 0 0 4px 1px #eef7fc; background: #eef7fc; padding: 14px 0; outline: none; border: none; font-size: 28px; font-weight: 300; width: 100%; display: block; text-align: center; margin: 35px 0; font-family: 'Korolev_light'; }
 .mainsec1 .main ::placeholder {
color:#c3d3d9;
}
.mainsec1 .main .forget_text { margin-bottom: 13% }
.mainsec1 .main .forgetPassword, .singUp { color: #de026e; font-size: 22px; display: block; font-family: 'Korolev_light'; }
.mainsec1 .main .forgetPassword:hover, .singUp:hover { color: #de026e; text-decoration: none; }
.mainsec1 .main .singUp { padding-top: 0px; padding-bottom: 6px; }
.mainsec1 .main .enter { font-size: 28px; width: 230px; text-align: center; margin-left: 212px; background: #de026e; padding-left: 11px; color: white; font-weight: 400; border: none; outline: none; padding: 10px 0; font-family: 'Korolev_bd'; }
.mainsec1 .main .cancel { opacity: 0; }
.mainsec1 .main input { font-family: 'Korolev_light'; font-size: 28PX; color: #000; }
.mainsec1 .main input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #000;
}
.mainsec1 .main input::-moz-placeholder { /* Firefox 19+ */
 color: #000;
}
.mainsec1 .main input:-ms-input-placeholder { /* IE 10+ */
 color: #000;
}
.mainsec1 .main input:-moz-placeholder { /* Firefox 18- */
 color: #000;
}
.mainsec1 .main .header_right>div { display: inline-block; margin-left: 13%; }
/*******************Vclm10 ends*****************************/


/*******************Vclm11 starts*************************/

/*vclm_blue*/

.vclm_blue .header { border-bottom: 20px solid #0072bc; }
.vclm_blue .header { width: 100%; height: auto; background-color: #ffffff; border-bottom: 20px solid #605ca8; padding: 1% 1.6%; display: flex; align-items: center; justify-content: space-between; }
.vclm_blue .header_right { float: right; width: 24%; text-align: right; display: flex; align-items: center; justify-content: flex-end; }
.vclm_blue .header_left { width: 80%; float: left; text-align: left }
.vclm_blue .header_left>div { display: inline-block; margin-right: 1%; vertical-align: middle; color: #9b9b9b; text-transform: uppercase; }
.vclm_blue .header_right>div { display: inline-block; margin-left: 6%; }
.vclm_blue .header_draft { font-size: 28px; font-family: 'Korolev_md'; color: #9b9b9b; }
.vclm_blue .header_right .edit { width: auto; margin-left: 25px; position: relative; }
.vclm_blue .header_draft img, .edit_dp img { vertical-align: sub; }
.vclm_blue .wrapper { width: 100%; height: 100%; }
.vclm_blue { height: auto; }
.vclm_blue .content_wrapper { background: linear-gradient(#9d9bca, #cecce4, #a2a1cd); height: 100%; padding-bottom: 70px; }
.vclm_blue .thumbnails { width: auto; height: auto; position: relative; float: left; margin: 0px; flex: 1 0 calc(25% - 0px); }
.vclm_blue .thumb_sec { display: flex; justify-content: space-between; margin: 0px auto; max-width: 1540px; width: 100%; padding: 0px; flex-wrap: wrap; }
.vclm_blue .thumb { position: relative; background: url(../images/thumb_bg.png) no-repeat; background-size: 100% 100%; padding: 40px 25px; z-index: 111; top: 0px; width: 300px; margin: 0 auto; }
.vclm_blue .thumb_header { display: inline-block; width: 100%; }
.vclm_blue .pad0 { padding: 0px; }
.vclm_blue .thumb_footer_btns { display: flex; align-items: center; position: absolute; bottom: 0px; right: 0px; }
.vclm_blue .pad_lft { padding-left: 0px; }
.vclm_blue .pad_rth { padding-right: 0px; }
.vclm_blue .thumb_header h4 { color: #626262; font-family: 'Korolev_md'; margin: 0px; font-size: 22px; line-height: 24px; word-break: break-all; }
.vclm_blue .thumb_img img { display: block; padding: 5px 0px; width: 380px; height: 160px; object-fit: cover; }
.vclm_blue .thumb_footer { display: flex; width: 100%; justify-content: space-between; position: relative; }
.vclm_blue .thumb_footer span { color: #626262; font-family: 'Korolev_md'; font-size: 16px; display: block; padding-bottom: 6px; }
.vclm_blue .thumb_footer h4 { color: #00aeef; font-family: 'Korolev_md'; margin: 2px 0px 0px; font-size: 24px; }
.vclm_blue .delete { display: inline-block; float: right; width: 30px; height: 30px; background: url(../images/delete.png) no-repeat; background-size: cover; margin-top: 8px; }
.vclm_blue .active_right { display: inline-block; float: right; width: 30px; height: 30px; background: url(../images/pink_right.png) no-repeat; background-size: cover; margin-top: 8px; }
.vclm_blue .inactive_right { display: inline-block; float: right; width: 30px; height: 30px; background: url(../images/grey_right.png) no-repeat; background-size: cover; margin-top: 8px;cursor: default !important; }
.vclm_blue .right_arrow { display: inline-block; float: right; width: 30px; height: 30px; background: url(../images/right_arrow.png) no-repeat; background-size: cover; margin-top: 8px; }
.vclm_blue .thumb_footer a { margin-left: 8px; }
.vclm_blue .graph_container { display: flex; background-color: #fff; justify-content: center; padding: 15px 0px; margin: 10px 10px; align-items: flex-end; }
.vclm_blue .graph_container > div { flex: 1; height: 250px; }
.vclm_blue .marg { margin: 0px 50px; }
.vclm_blue .wrapper { width: 100%; height: 100%; background: linear-gradient(#a2a1cd, #a2a1cd); }
.left_graph { width: 100%; }
.amcharts-main-div a { display: none !important; }
#chartdiv { background-color: transparent; }
/*******************Vclm11 ends*************************/



/*******************Vclm12 starts*************************/
/*vclm_blue1*/

.vclm_blue1 .header { width: 100%; height: auto; background-color: #ffffff; border-bottom: 20px solid #605ca8; padding: 1% 1.6%; display: flex; align-items: center;justify-content: space-between; }
.vclm_blue1 .header_right { float: right;width: 24%;text-align: right;display: flex;align-items: center;justify-content: flex-end; }
.vclm_blue1 .header_left { width: 80%; float: left; text-align: left }
.vclm_blue1 .header_left>div { display: inline-block; margin-right: 1%; vertical-align: middle; color: #9b9b9b; text-transform: uppercase; }
.vclm_blue1 .header_right>div { display: inline-block; margin-left: 6%;  }
.vclm_blue1 .header_draft { font-size: 28px; font-family: 'Korolev_md'; color: #9b9b9b; }
.vclm_blue1 .wrapper { width: 100%; height: 100%; background: linear-gradient(#a2a1cd, #a2a1cd); }
.vclm_blue1 { height: auto; }
.vclm_blue1 .content_wrapper { background: linear-gradient(#9d9bca, #cecce4, #a2a1cd); height: 100%; padding-bottom: 70px; }
.vclm_blue1 .thumbnails { max-width: 235px; width: auto; height: auto; position: relative; margin: 15px 15px; flex: 1 0 calc(25% - 0px); }
.vclm_blue1 .thumb_sec { display: flex; justify-content: space-around; margin: 20px auto; max-width: 1540px;padding: 0px; }
.vclm_blue1 .thumb { position: relative; padding: 10px 6px; -webkit-box-shadow: 0 0 10px #acabbf; -moz-box-shadow: 0 0 10px #acabbf; -ms-box-shadow: 0 0 10px #acabbf; box-shadow: 0 0 10px #acabbf; background-color: #fff; }
.vclm_blue1 .thumb_header { display: flex; width: 100%; align-items: center;padding: 5px 0px 5px 5px; }
.vclm_blue1 .pad0 { padding: 0px; }
.vclm_blue1 .pad_lft { padding-left: 0px; }
.vclm_blue1 .pad_rth { padding-right: 0px; }
.vclm_blue1 .thumb_header h4 { color: #626262; font-family: 'Korolev_md'; margin: 0px; font-size: 22px; line-height: 24px; margin-left: 10px; word-break: break-all; }
.vclm_blue1 .thumb_img img { display: block; padding: 5px 0px; width: 380px; height: 160px; }
.vclm_blue1 .thumb_footer { display: flex; width: 100%; justify-content: space-between; position: relative; }
.vclm_blue1 .thumb_footer span { color: #626262; font-family: 'Korolev_md'; font-size: 16px;display: block;padding-bottom: 8px; }
.vclm_blue1 .thumb_footer h4 { color: #00aeef; font-family: 'Korolev_md'; margin: 2px 0px 0px; font-size: 24px; }
.vclm_blue1 .delete { display: inline-block; float: right; width: 22px; height: 22px; background: url(../images/delete.png) no-repeat; background-size: cover; }
.vclm_blue1 .active_right { display: inline-block; float: right; width: 22px; height: 22px; background: url(../images/pink_right.png) no-repeat; background-size: cover; }
.vclm_blue1 .inactive_right { display: inline-block; float: right; width: 22px; height: 22px; background: url(../images/grey_right.png) no-repeat; background-size: cover;cursor: default !important;}
.vclm_blue1 .right_arrow {  float: right; width: 22px; height: 22px; background: url(../images/right_arrow.png) no-repeat; background-size: cover; margin: 0px 2px; }
.vclm_blue1 .thumb_footer a { margin: 0px 2px;cursor: pointer; }
.vclm_blue1 .graph_container { display: flex; background-color: #fff; justify-content: center; padding: 15px 0px; margin: 10px; align-items: flex-end; }
.vclm_blue1 .graph_container > div { flex: 1; }
.vclm_blue1 .marg { margin: 0px 50px; }
/*******************Vclm12 ends*************************/


/******************Vclm14 starts***********************/

.rx_vclm.bgonefour .header{position: fixed;}
.rx_vclm.bgonefour .vclm_red section{margin-top: 150px;}
.rx_vclm .vclm_red .wrapper { width: 100%; height: 100%; background-image: linear-gradient(#fee9e9, #feb4b4, #fd8686 ); }
.rx_vclm .vclm_red .header_draft img, .edit_dp img {
    vertical-align: sub;
}
.rx_vclm .vclm_red .header { width: 100%; height: auto; background-color: #ffffff; border-bottom: 20px solid red; padding: 1% 1.6%;display: flex;
align-items: center;justify-content: space-between;}
.rx_vclm .vclm_red .header_right {width: 24%;text-align: right;display: flex;align-items: center;justify-content: flex-end;}
.rx_vclm .vclm_red .header_right .edit {width: auto;margin-left: 6%;}
.rx_vclm .vclm_red .header_left { width: 76%; float: left; text-align: left }
.rx_vclm .vclm_red .header_left>div { display: inline-block; margin-right: 1%; vertical-align: middle; }
.rx_vclm .vclm_red .header_right>div { display: inline-block; margin-left: 6%; }
.rx_vclm .vclm_red .header_draft { font-size: 28px; font-family: 'Korolev_md'; color: #9b9b9b; }
.rx_vclm .vclm_red .header_bread { margin-right: -24px !important; }
.rx_vclm .vclm_red .presentation-view { min-height: 100vh; margin-top: 25px; }
.rx_vclm .vclm_red .presentation-view .pre_view { display: flex; flex-wrap: nowrap; margin: 0px 40px; }
.rx_vclm .vclm_red section { position: relative; min-height: 100vh;}
.rx_vclm .vclm_red .presentation-view .pre_lft_view { width: 325px; margin: 0px 30px; }
.rx_vclm .vclm_red .presentation-view .pre_lft_view .nav-tabs { margin-bottom: 8px; display: flex; }
.rx_vclm .vclm_red .presentation-view .pre_lft_view .nav-tabs>li.active>a, .rx_vclm .vclm_red .presentation-view .pre_lft_view .nav-tabs>li.active>a:focus, .rx_vclm .vclm_red .presentation-view .pre_lft_view .nav-tabs>li.active>a:hover { background-color: #cbcbcb; border: 1px solid #cbcbcb; }
.rx_vclm .vclm_red .presentation-view .pre_lft_view .nav-tabs>li { height: 50px; }
.rx_vclm .vclm_red .presentation-view .pre_lft_view .nav-tabs>li>a { margin-right: 4px; line-height: 1.42857143; border: 1px solid #dd026e; border-radius: 0px; background-color: #dd026e; padding: 10px; height: 50px; width: 105px; }
.rx_vclm .vclm_red .presentation-view .pre_lft_view .nav-tabs>li>a.player { margin-right: 0px; }
.rx_vclm .vclm_red .presentation-view .pre_lft_view .nav-tabs>li>a img { height: 25px; }
.rx_vclm .vclm_red .video { background: url(../images/video.png) no-repeat center; }
.rx_vclm .vclm_red .active .video { background: url(../images/video_active.png) no-repeat center; }
.rx_vclm .vclm_red .audio { background: url(../images/audio.png) no-repeat center; }
.rx_vclm .vclm_red .active .audio { background: url(../images/audio_active.png) no-repeat center; }
.rx_vclm #video { position: relative; }
.rx_vclm .vclm_red .player { background: url(../images/player.png) no-repeat center; }
.rx_vclm .active .player { background: url(../images/player_active.png) no-repeat center; }
.rx_vclm .vclm_red .video-recorder { display: flex; justify-content: center; flex-direction: column; flex-wrap: nowrap; width: auto; align-items: center; position: relative; z-index: 2; }
.rx_vclm .vclm_red .video-player { z-index: 1; }
.rx_vclm .vclm_red .progress { padding: 5px 0px; background: url(../images/progress-bar.png) no-repeat; background-size: cover; border-radius: 0px; margin-bottom: 10px; width: 220px; display: none; margin: 8px auto; }
.rx_vclm .vclm_red .progress-bar { background-color: #e9444b; }
.rx_vclm .vclm_red .video_player { margin-bottom: 20px; }
.rx_vclm .vclm_red .videoPlayerWrapper { width: 100%; display: flex; justify-content: center; top: 0px; left: 0px; display: none; }
.rx_vclm .vclm_red .run-time { color: #404040; text-align: center; font-family: 'Korolev_md'; font-size: 20px; display: block; }
.rx_vclm video[poster] { height: 100%; width: 100%; }
.rx_vclm .stop { background-color: #ec2028; border: 1px solid #ec2028; color: #fff; text-transform: uppercase; padding: 15px; font-family: 'Korolev_md'; letter-spacing: 1px; font-size: 22px; margin-top: 15px; width: 100%; }
.rx_vclm .stop img { margin-top: -3px; margin-right: 12px; }
.rx_vclm .vclm_red .presentation-view .pre_rth_view { width: 900px; margin: 0px 30px; position: relative; }
.rx_vclm .pre_btns { float: left; }
.rx_vclm .pre_btns span { font-family: 'Korolev_light'; font-size: 26px; color: #444; margin-right: 10px; }
.rx_vclm .pre_btns .pink_btn { text-transform: uppercase; margin-right: 10px; }
.rx_vclm .pre_btns .pink_btn:hover, .pre_btns .pink_btn:focus { background-color: #dd026e; color: #fff; }
.rx_vclm .pre_eye { float: right; }
.rx_vclm .pre_eye .view { background-color: transparent; border: 0px; border-radius: 0px; background: url(../images/view.png) no-repeat; background-size: 100% 100%; width: 48px; height: 48px; }
.rx_vclm .pre_eye .view:after { content: none; }
.rx_vclm .presentation_slider .carousel-control { opacity: 1; }
.rx_vclm .presentation_slider .carousel-control:focus, .presentation_slider .carousel-control:hover { opacity: 1; }
.rx_vclm .presentation_slider .carousel-control.left { background: url(../images/arrow_left.png) no-repeat left center; background-size: 50px 50px; width: 50px; height: auto; position: absolute; left: 25px; }
.rx_vclm .presentation_slider .carousel-control.right { background: url(../images/arrow_right.png) no-repeat left center; background-size: 62px 62px; width: 62px; height: auto; position: absolute; right: 25px; }
/*.presentation_slider .carousel-inner>.item>a>img, .presentation_slider .carousel-inner>.item>img {line-height: 1;min-height: 570px;object-fit: scale-down;}*/
.rx_vclm .presentation_slider .carousel-inner>.item>a>img, .presentation_slider .carousel-inner>.item>img { width: 100%; }
.rx_vclm .presentation_btns ul { list-style: none; position: absolute; top: 68px; right: -45px; }
.rx_vclm .presentation_btns ul li { margin-top: -4px; }
.rx_vclm .presentation_btns ul li button { display: inline-block; margin-bottom: 5px; border: 0px; border-radius: 0px; }
.rx_vclm .presentation_btns ul li button.sketch { background: url(../images/sketch_disable.png) no-repeat; width: 42px; height: 40px; background-size: 42px 40px; }
.rx_vclm .presentation_btns ul li button :hover.sketch { background: url(../images/sketch_active.png) no-repeat; width: 42px; height: 40px; background-size: 42px 40px; }
.rx_vclm .presentation_btns ul li button.pen { background: url(../images/pen_disable.png) no-repeat; width: 42px; height: 40px; background-size: 42px 40px; }
.rx_vclm .presentation_btns ul li button:hover.pen { background: url(../images/pen_active.png) no-repeat; width: 42px; height: 40px; background-size: 42px 40px; }
.rx_vclm .presentation_btns ul li button.eraser { background: url(../images/eraser_disable.png) no-repeat; width: 42px; height: 40px; background-size: 42px 40px; }
.rx_vclm .presentation_btns ul li button:hover.eraser { background: url(../images/eraser_active.png) no-repeat; width: 42px; height: 40px; background-size: 42px 40px; }
.rx_vclm.bgonefour .wrapper { min-height: 100vh; }
.rx_vclm .vclm_red .presentation-view { min-height: 100%; }
.rx_vclm.bgonefour .wrapper { background: none!important; }
.rx_vclm.bgonefour { background-image: linear-gradient(#fee9e9, #feb4b4, #fd8686 ); }
.rx_vclm.main { position: relative; width: 100%; height: 100%; overflow-x: hidden; }
.rx_vclm .carousel {position: relative;}
/******************Vclm14 ends***********************/

/********vclm13****************/
.vclm_onethree .media_sec { display: flex; flex-direction: column; position: relative; min-height: 100vh; }
/*.vclm_onethree .header_bread img {width: auto!Important;} */
.thumbnail_footer_btns a { float: left; }
.edit_section_onethree { margin-left: 40px; background-color: #fff; width: 400px; padding: 10px; -webkit-box-shadow: 0 0 7px -1px #1f2323; -moz-box-shadow: 0 0 7px -1px #1f2323; -ms-box-shadow: 0 0 7px -1px #1f2323; box-shadow: 0 0 7px -1px #1f2323; margin-top: 35px; display: inline-block; position: relative; display: flex; }
.thumbnail1_bn img { max-width: 100%; }
.thumbnail1_bn { flex: 1; }
.puplish { padding-left: 20px; position: relative }
.deatls-list { float: left; }
.deatls-list img { width: 22px; position: relative; top: 13px; }
.deatls-list-title { padding-left: 35px;width: 175px; }
.deatls-list-title h3 { margin: 0px; font-family: 'Korolev_md'; font-size: 22px; color: #666666; }
.deatls-list-title h3 span { display: block; font-family: 'Korolev_md'; font-size: 16px; padding: 10px 0px; display: block }
.deatls-list-title span { display: block; padding-bottom: 10px; }
.deatls-list-title h4 { margin: 0px; font-family: 'Korolev_md'; font-size: 24px; color: #0099ff; }
.thumbnail_footer_btns { position: absolute; right: 0px; bottom: 0px; }
.add_media_wrap { padding: 0px 40px; }
.add_media_title h4 { color: #cc0000; font-family: 'Korolev_light'; font-size: 30px; margin: 0px; margin-right: 30px; position: relative; }
.add_media_title { padding: 15px 0px; margin: 15px 0; border-bottom: 1px solid #cc0000; display: flex; }
.add_media_title h4 input[type=radio] { position: absolute; visibility: hidden; }
.add_media_title h4 input[type=radio]:checked ~ label span { border: 5px solid #dd026e; }
.add_media_title h4 input[type=radio]:checked ~ label span::before { background: #dd026e; }
.add_media_title h4 label { padding-left: 46px; cursor: pointer; }
.add_media_title h4 span { display: block; position: absolute; border: 5px solid #cc0000; border-radius: 100%; height: 25px; width: 25px; top: 5px; left: 10px; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; }
.add_media_title h4 span::before { display: block; position: absolute; content: ''; border-radius: 100%; height: 6px; width: 6px; top: 5px; left: 5px; margin: auto; transition: background 0.25s linear; -webkit-transition: background 0.25s linear; }
.custom-select { position: relative; }
.custom-select select { display: none; }
.select-selected { background-color: DodgerBlue; }
.select-selected:after { position: absolute; content: ""; top: 20px; right: 10px; width: 24px; height: 16px; background-image: url(../images/down_arrow.png); }
.select-items div, .select-selected { color: #ffffff; padding: 8px 16px; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; user-select: none; font-family: 'Korolev_bd'; font-size: 20px; background-color: #dd026e; background-image: url(../images/down_arrow.png); background-repeat: no-repeat; background-position: center right 5px; -webkit-appearance: none; -moz-appearance: none; background-size: 20px; outline: none;width: 198px;text-transform: uppercase; }
.select-items { position: absolute; background-color: DodgerBlue; top: 100%; left: 0; right: 0; z-index: 99; }
.select-hide { display: none; }
.select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1); }
.custom-select { width: 245px; float: left; margin-right: 15px; }
.media_top-left img { width: auto; margin-right: 10px; }
.media_top-left h6 { font-family: 'Korolev_light'; font-size: 26px; margin: 0; float: left; }
.media_left-wraps, .media_right-wraps { float: left; width: 45%; }
#UploadMedia_page{width: 32%;}
.media_left-wraps { margin-right: 2%; }
.media_right-wraps { margin-left: 2%; margin-top: 20px; }
button.Publish_btn { float: right; }
.media_top-left { padding-bottom: 10px; display: inline-block; width: 100%; }
.media_textarea textarea { background-color: #fff; border: 0px; box-shadow: inset 0px 0px 6px 2px #ddd; width: 100%; height: 200px; resize: none; padding: 15px; }
.media_textarea { margin-bottom: 15px; }
.media_bottom-left { float: right; margin-top: 30px;display: flex;width: 100%;justify-content: flex-end; }
.media_bottom-left .pink_btn { margin-left: 15px; }
.speaker_meadia { float: right; width: auto; margin-left: 10px; }
.upload_update_wrapper { box-shadow: inset 0px 0px 6px 2px #ddd; width: 100%; padding: 15px 20px; background-color: #fff; font-family: 'Korolev_light'; font-size: 24px; margin-bottom: 15px; }
.upload_update { font-family: 'Korolev_light'; }
.media_bottom-right { float: right; }
.play_icon {width: 44px;margin-left: 10px;}
.media_bottom-right .pink_btn { margin-right: 15px; }
.upload_update img { margin-top: -5px; padding-left: 5px; }
.bg_onthree { height: 100%; background: url(../images/background_grey_img.jpg) no-repeat center center fixed; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; }
.bg_nine { background-image: linear-gradient(#fff, #66cc99 ); }
.bg_onthree .wrapper, .bg_nine .wrapper { background: none; }
 @media (max-width:1680px) {
.six_wrapper .sixpage_width { width: 850px; height: calc(100vh - 100px); }
}
 @media (max-width:1600px) {
 .bulk_upload .pink_btn{font-size:16px}
.add_form input.userInput {
    font-size: 20px;
    padding: 13px 0px;
}
.bg_ninea .trainee_sec2 span{font-size: 22px !important;}
.add_form .pink_btn{font-size: 16px;}
.file-upload .file-select .file-select-button{font-size: 20px;}
.file-upload .file-select .file-select-name {
    font-size: 20px;
}
 .rx_vclm .vclm_red .header_right>div {
    margin-left: 0px;
}
.vclm_pink .header_right .edit img { width: 45px; }
.edit img{width: 40px !important;}
.header_logo{padding-right: 0px;}
.six_wrapper .sixpage_threecol { min-height: 250px; }
.six_wrapper .sixpage_grp { top: 47%; }
.sixpage_threecol img { width: 50px; }
.add_media_title h4 label { font-size: 20px; }
.add_media_title h4 span { width: 20px; height: 20px; }
.add_media_title h4 span::before { top: 2px; left: 2px; }
.vclm_pink .header_right>div { margin-left: 0px; }
.vclm_grey .header_right>div { margin-left: 0px; }
.vclm_blue .header_right>div { margin-left: 0px; }
.vclm_blue1 .header_right>div { margin-left: 0px; }
.vclm_blue1 .header_right .edit {width: auto;margin-left: 25px;position: relative;}
.vclm_grey .thumb_sec { width: 80%; }
.vclm_pink .header_bread img { width: 25px; }
.vclm_blue .right_arrow, .vclm_blue .active_right, .vclm_blue .delete, .vclm_blue .inactive_right, .vclm_blue1 .right_arrow, .vclm_blue1 .active_right, .vclm_blue1 .delete, .vclm_blue1 .inactive_right { width: 22px; height: 22px; }
.vclm_blue .thumb_sec { width: 80%; }
.vclm_blue .thumbnails { margin: 10px auto; }
.vclm_blue .thumb { width: 230px; padding: 25px 20px; }
.thumb_header img { width: 30px; margin: 0 auto; }
.vclm_blue .thumb_header h4 { font-size: 14px; line-height: 15px; padding-bottom: 0px; }
.vclm_blue .thumb_img img { height: 160px; }
.vclm_blue .thumb_footer span, .vclm_blue1 .thumb_footer span, .vclm_pink .thumb_footer span { font-size: 14px; }
.vclm_blue .thumb_footer h4, .vclm_blue1 .thumb_footer h4 { font-size: 14px; }
.ellipsis:focus:after, .ellipsis:hover:after { font-size: 14px; }
.vclm_grey .search_box { margin-right: 20px; }
.vclm_grey .thumbnails { margin: 10px auto; }
.vclm_grey .thumb { width: 230px; padding: 25px 20px; }
.thumb_header img { width: 30px; margin: 0 auto; }
.vclm_grey .thumb_header h4, .vclm_blue1 .thumb_header h4, .vclm_pink .thumb_header h4, .vclm_pink .thumb_footer h4 { font-size: 14px; line-height: 15px; padding-bottom: 0px; }
.vclm_grey .thumb_img img { height: 160px; }
.vclm_grey .thumb_footer span { font-size: 14px; }
.vclm_grey .thumb_footer h4 { font-size: 14px; }
.vclm_grey .right_arrow { width: 22px; height: 22px; }
.log_reg .vclm { font-size: 220px; }
.log_reg .login-heding p { font-size: 40px; }
 .log_reg :placeholder {
font-size: 26px;
}
.mainsec1 .main .login-page_sec { max-width: 400px; }
.log_reg .forgetPassword, .singUp { font-size: 20px; }
.log_reg .enter { font-size: 28px; padding: 8px 0px; }
.log_reg footer p { font-size: 20px; }
.confirm-body p { font-size: 34px; padding: 15% 0px; line-height: 35px; }
.vclm_pink .header { border-bottom: 15px solid red; }
.vclm_pink .header_draft, .header_bread, .edit_dp_btn, .pink_btn { font-size: 22px; }
.pink_btn { width: 180px; }
.vclm_pink .header_right img, .vclm_pink .header_logo img { width: 70% }
.vclm_pink .header_bread img { width: 8% }
.vclm_pink .header_draft img, .edit_dp img { width: 25px; }
.log_reg .login-page_sec { max-width: 350px; }
.log_reg input { padding: 9px 0px; margin: 18px 0px; font-size: 20px; }
.forget_text p { margin-bottom: 0px; }
.add_media_title h4 span { top: 12px }
/***********Vclm6and 9***************/
.six_wrapper .sixpage_threecol h3 { font-size: 30px; }
.trainee_graphs_wrap { padding: 30px 120px 30px 70px; }
.scores_wrapper p { font-size: 60px; }
.title_trainee h2 { padding: 12px 30px; font-size: 26px; }
.nineleft_wrapper { padding: 100px 0px 0px 120px; }
.ninepage_button_top_wrap { padding-top: 20px; }
.title_trainee h2 img:nth-child(1) { top: 16px; width: 20px; right: 86px; }
.title_trainee h2 img:nth-child(2) { top: 6px; width: 40px; }
.nineleft_wrapper { width: 50%; float: left; }
.nineright_wrapper { width: 50%; float: left; }
.count-ninepg { padding-left: 180px; padding-top: 20px; font-size: 22px; }
/******Vclm 7****************/
.vclm_grey .header_right img, .vclm_grey .header_logo img { width: 70%; }
.vclm_grey .header_draft, .header_bread, .edit_dp_btn, .pink_btn { font-size: 22px; }
.vclm_grey .header { border-bottom: 15px solid red; }
.vclm_grey .search_box { width: 240px; }
.vclm_grey .search_input { height: 35px; font-size: 14px; }
.vclm_grey .btn_srch { width: 20px; height: 19px; position: absolute; top: 8px; }
.vclm_grey .btn_filter { width: 25px; height: 28px; }
/******Vclm 7 ends****************/     

/******Vclm 11 starts****************/     
.vclm_blue .header_right img, .vclm_blue .header_logo img { width: 70%; }
.vclm_blue .header_draft, .header_bread, .edit_dp_btn, .pink_btn { font-size: 22px; }
.vclm_blue .header_draft img, .edit_dp img { width: 25px; }
.vclm_blue .header { border-bottom: 15px solid #605ca8; }
/******Vclm 11 ends****************/     

/******Vclm 12 starts****************/     
.vclm_blue1 .header_right img, .vclm_blue1 .header_logo img { width: 70%; }
.vclm_blue1 .header_draft, .header_bread, .edit_dp_btn, .pink_btn { font-size: 22px; }
.vclm_blue1 .header_draft img, .edit_dp img { width: 25px; }
.vclm_blue1 .header { border-bottom: 15px solid #605ca8; }
.vclm_blue1 .header_bread img { width: 8%; }
/******Vclm 12 ends****************/     
     
/*****Vclm 14 starts**********************/
.rx_vclm .vclm_red .header { border-bottom: 15px solid red; }
.rx_vclm .vclm_red .header_draft, .header_bread, .edit_dp_btn, .pink_btn { font-size: 22px; }
.rx_vclm .vclm_red .header_right img, .vclm_pink .header_logo img { width: 70% }
.rx_vclm .vclm_red .header_bread img { width: 8% }
.rx_vclm .vclm_red .header_draft img, .edit_dp img { width: 30%; }
.rx_vclm .vclm_red .presentation-view .pre_rth_view { width: 800px; }
.rx_vclm .vclm_red .pink_btn { width: 110px; }
/*****Vclm 14 ends**********************/   

/* 10th page start */
.mainsec1 .main .header { border-bottom: 15px solid #0072bc; }
.mainsec1 .main.pink_btn { width: 180px; }
.mainsec1 .main .header_right img, .mainsec1 .main .header_logo img { width: 70% }
.mainsec1 .main .header_bread img { width: 8% }
.mainsec1 .main .header_draft img, .edit_dp img { width: 30%; }
.mainsec1 .main .header_draft img, .edit_dp img { width: 18%; }
.mainsec1 .mainsec1 .main .header { border-bottom: 15px solid #0072bc; }
.mainsec1 .main input, .mainsec1 .main .enter { font-size: 26PX; }
.mainsec1 .main .header_draft, .mainsec1 .main .header_bread, .mainsec1 .main .edit_dp_btn, .mainsec1 .main .pink_btn { font-size: 22px; }
/********vclm13****************/
/*.vclm_onethree .header_bread img {width: auto!Important;} */
.thumbnail_footer_btns a { float: left; }
.edit_section_onethree { margin-left: 40px; background-color: #fff; padding: 8px; -webkit-box-shadow: 0 0 7px -1px #1f2323; -moz-box-shadow: 0 0 7px -1px #1f2323; -ms-box-shadow: 0 0 7px -1px #1f2323; box-shadow: 0 0 7px -1px #1f2323; margin-top: 35px; position: relative; min-height: 150px; }
.thumbnail1_bn img { max-width: 100%;height: 150px; }
.puplish { padding-left: 10px; }
.deatls-list { float: left; }
.deatls-list-title { padding-left: 30px; }
.deatls-list-title h3 { margin: 0px; font-family: 'Korolev_md'; font-size: 18px; color: #666666; word-break: break-all; }
.deatls-list-title h3 span { display: block; font-family: 'Korolev_md'; font-size: 16px; padding: 10px 0px; }
.deatls-list-title h4 { margin: 0px; font-family: 'Korolev_md'; font-size: 18px; color: #0099ff; }
.thumbnail_footer_btns { position: absolute; right: 0px; bottom: 0px; }
.add_media_wrap { padding: 0px 40px 50px; }
.add_media_title h4 { color: #cc0000; font-family: 'Korolev_light'; font-size: 44px; }
.add_media_title { padding: 25px 0px; }
.custom-select { position: relative; }
.custom-select select { display: none; }
.select-selected { background-color: DodgerBlue; }
.select-items div, .select-selected { color: #ffffff; padding: 8px 30px 8px 16px; ; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; user-select: none; font-family: 'Korolev_bd'; font-size: 28px; background-color: #dd026e; width: 158px; }
.select-items { position: absolute; background-color: DodgerBlue; top: 100%; left: 0; right: 0; z-index: 99; }
.select-hide { display: none; }
.select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1); }
.custom-select { width: 245px; float: left; margin-right: 15px; }
.media_left-wraps { padding-bottom: 20px; }
.media_top-left img { width: auto; margin-right: 10px; }
.media_top-left h6 { font-family: 'Korolev_light'; font-size: 25px; margin: 0; float: left; }
.media_left-wraps, .media_right-wraps { float: left; width: 45%; }
.media_left-wraps { margin-right: 2%; }
.media_right-wraps { margin-left: 2%; margin-top: 20px; }
button.Publish_btn { float: right; }
.media_top-left { padding-bottom: 10px; display: inline-block; width: 100%; }
.media_textarea textarea { background-color: #fff; border: 0px; box-shadow: inset 0px 0px 6px 2px #ddd;height: 150px; resize: none; padding: 15px; }
.media_textarea { margin-bottom: 15px; }
.media_bottom-left { float: right; margin-top: 30px; }
.media_bottom-left .pink_btn { margin-left: 15px; }
.speaker_meadia { float: right; width: 40px; padding-top: px; }
.play_icon { width: 50px; }
.upload_update_wrapper { box-shadow: inset 0px 0px 6px 2px #ddd; padding: 8px 15px; background-color: #fff; font-family: 'Korolev_light'; font-size: 20px; margin-bottom: 15px; }
.bg_onthree .media_bottom-right .pink_btn{margin-right: 0px;}
.media_bottom-right { float: right; }
.media_bottom-right .pink_btn { margin-right: 15px; }
.upload_update img { margin-top: -5px; padding-left: 5px; }
.rx_vclm.bgonefour .header_logo img { width: 70%; }
}

/* 10th page end */
/*******************Vclm12 ends*************************/


/**************Vclm9a Start*******************************/
.bg_nine .no_present {display: flex !important;align-items: center;justify-content: center;height: calc(100vh - 350px);}
.bg_nine .no_present h4 {font-family: 'Korolev_bd';font-size: 20px;background-color: #dd026e;color: #ffffff;margin: 0px;padding: 20px;width: 150px;text-align: center;line-height: 25px;}
.bg_ninea .header_draft_text span { font-size: 20px; color: #9b9b9b; padding-right: 20px; font-family: 'Korolev_md'; cursor: pointer; }
.bg_ninea .header_draft img { width: 100%; }
.bg_ninea .header_bread span { text-transform: capitalize; }
.bg_ninea .header_draft1 { margin-top: -6px; }
.bg_ninea .ninepage_wrapper { display: flex; padding: 60px 140px 0px; margin: 0 auto; }
.bg_ninea .nineleft_wrapper { width: 100%; float: none; }
.bg_ninea .nineright_wrapper { width: 100%; float: none; }
.bg_ninea .header_draft1 a { color: #00aeef; text-transform: capitalize; }
.bg_ninea .header_draft1 a:hover, .bg_ninea .header_draft1 a:focus { text-decoration: none; }
.bg_ninea .ninepage_button_top_wrap { opacity: 0; }
.bg_ninea .nineright_wrapper { padding-top: 30px; }
.bg_ninea #canvas4 { display: none !important }
.bg_ninea .scores_wrapper P { font-size: 54px; text-transform: capitalize; }
.bg_ninea .title_trainee { float: left; background: white; padding: 15px; width: 100%; -webkit-box-shadow: 0px 0px 5px -1px rgba(31,35,35,0.87); box-shadow: 0px 0px 5px -1px rgba(31,35,35,0.87);position: relative;
display: flex;min-height: 255px; }
.bg_ninea .trainee_graphs_wrap{min-height: 260px;}
.bg_ninea .title_trainee1 img { float: left; padding-left: 10px; }
.bg_ninea .nineleft_wrapper { padding-top: 0px; }
.bottom_9Aimg { position: absolute; right: 15px; bottom: 15px; }
.bg_ninea .title_trainee1 { font-family: kero_md; font-size: 28px; color: #626262; font-weight: 600; }
.bg_ninea .trainee_sec2 { padding-left: 20px; }
.bg_ninea .trainee_sec2 p { font-family: Korolev_light; font-size: 28px;}
.trainee_sec2 p.title_trainee2 { font-size: 34px; }
.bg_ninea .trainee_sec2 span { color: #10c367; font-family: Korolev_light; font-size: 34px; }
.bg_ninea .sec2_sp_t1 { padding-left: 66px; }
.bg_ninea #title_trainee3 { font-family: 'Korolev_md'; font-size: 16px; }
.bg_ninea .trainee_graphs_wrap { padding-top: 45px; }
.bg_ninea .header_draft img { vertical-align: sub; }
.bg_ninea .header_draft.header_draft1 { vertical-align: text-top; }
.vclm_pink .thumb_img { height: 160px; }
.login-body .alert { text-align: center; margin: 20px 0; }
/**************Vclm9a End*******************************/


@media (max-width:1600px) {
.bg_ninea .ninepage_wrapper {
    padding: 50px 140px 0px;
}
.bg_ninea .nineleft_wrapper {
    padding: 25px 0px 0px 0px;
}
.bg_ninea .nineleft_wrapper {
    width: 100%;
    float: none;
}
.bg_ninea .scores_wrapper P {
    font-size: 34px;
}
.bg_ninea .nineright_wrapper {
    width: 100%;
    float: none;
}
.bg_ninea .trainee_graphs_wrap {
    padding-right: 0px;
}
.trainee_graphs_wrap {
    padding: 30px 130px 40px 70px;
}
.bg_ninea .trainee_sec2 p {
    font-size: 23px;
    line-height: 40px;
}
.nine_wrapper .add_form .pink_btn { width: 120px; }
.six_wrapper .sixpage_width { height: calc(100vh - 80px); }
.log_reg .vclm { font-size: 170px; position: relative; top: 60px; }
.log_reg .login-heding p { font-size: 30px; }
 .log_reg :placeholder {
font-size: 26px;
}
.log_reg .forgetPassword, .singUp { font-size: 20px; }
.log_reg .enter { font-size: 24px; }
.registerwrapper .enter { width: 49.2%; }
.subBtn { float: right; }
.log_reg footer p { font-size: 16px; }
.vclm_grey footer p { font-size: 18px; }
.main footer p { font-size: 16px; }
.rx_vclm.main footer p{font-size: 16px;}
.confirm-body p { font-size: 34px; }
.vclm_pink .header { border-bottom: 13px solid red; }
.nine_wrapper .header { border-bottom: 13px solid #00cc66!Important; }
.vclm_pink .header_draft, .header_bread, .edit_dp_btn, .pink_btn { font-size: 22px; }
.pink_btn { width: 150px; }
.vclm_pink .header_right img, .vclm_pink .header_logo img { width: 70% }
.vclm_pink .header_bread img { width: 32px; }
.vclm_pink .header_draft img, .edit_dp img { width: 25px; }
/***********Vclm6and 9***************/
.six_wrapper .sixpage_threecol h3 { font-size: 25px; }
.trainee_graphs_wrap { padding: 30px 120px 40px 70px; }
.scores_wrapper p { font-size: 60px; }
.title_trainee h2 { padding: 12px 30px; font-size: 18px; }
.nineleft_wrapper { padding: 100px 0px 50px 120px; }
.ninepage_button_top_wrap { padding-top: 20px; }
.title_trainee h2 img:nth-child(1) { top: 12px; width: 20px; right: 86px; }
.title_trainee h2 img:nth-child(2) { top: 10px; width: 25px; }
.nineleft_wrapper { width: 50%; float: left; }
.nineright_wrapper { width: 50%; float: left; }
.ninepage_button_top_wrap { margin-right: 0px; }
.count-ninepg { padding-left: 180px; padding-top: 20px; font-size: 22px; }
.vclm_pink .thumbnails { max-width: 205px; margin: 15px 55px }
.thumb_sec { width: 80%; }
.vclm_blue1 .thumb_sec{width: 80%;}
/******Vclm 7****************/
.vclm_grey .header_right img, .vclm_grey .header_logo img { width: 70%; }
.vclm_grey .header_draft, .header_bread, .edit_dp_btn, .pink_btn { font-size: 22px; }
.vclm_grey .header_draft img, .edit_dp img { width: 25px; }
.vclm_grey .header { border-bottom: 13px solid red; }
/******Vclm 7 ends****************/     

/******Vclm 11 starts****************/     
.vclm_blue .header_right img, .vclm_blue .header_logo img { width: 70%; }
.vclm_blue .header_draft, .header_bread, .edit_dp_btn, .pink_btn { font-size: 22px; }
.vclm_blue .header_draft img, .edit_dp img { width: 25px; }
.vclm_blue .header { border-bottom: 13px solid #605ca8; }
/******Vclm 11 ends****************/     

/******Vclm 12 starts****************/     
.vclm_blue1 .header_right img, .vclm_blue1 .header_logo img { width: 70%; }
.vclm_blue1 .header_draft, .header_bread, .edit_dp_btn, .pink_btn { font-size: 22px; }
.vclm_blue1 .header_draft img, .edit_dp img { width: 25px; }
.vclm_blue1 .header { border-bottom: 13px solid #605ca8; }
.vclm_blue1 .header_bread img { width: 32px; }
.vclm_blue1 .thumbnails { max-width: 205px; margin: 15px 55px;}
/******Vclm 12 ends****************/     

/*****Vclm 14 starts**********************/
.rx_vclm .vclm_red .header { border-bottom: 13px solid red; }
.rx_vclm .vclm_red .header_draft, .rx_vclm .header_bread, .header_bread, .rx_vclm .edit_dp_btn, .edit_dp_btn, .rx_vclm .pink_btn, .pink_btn { font-size: 20px; }
.rx_vclm .vclm_red .header_right img, .rx_vclm .vclm_pink .header_logo img, .vclm_pink .header_logo img { width: 70% }
.rx_vclm .vclm_red .header_bread img { width: 32px }
.rx_vclm .vclm_red .header_draft img, .edit_dp img { width: 25px; }
.rx_vclm .vclm_red .presentation-view .pre_rth_view { width: 800px; }
.rx_vclm .vclm_red .pink_btn { width: 110px; }
.rx_vclm .presentation_btns ul { top: 62px; }
.rx_vclm .presentation_slider .carousel-inner .item img { height: auto; }
/*****Vclm 14 ends**********************/    

/* Vclm 10 start */

.mainsec1 .main .header { border-bottom: 13px solid #0072bc; }
.mainsec1 .main.pink_btn { width: 180px; }
.mainsec1 .main .header_right img, .mainsec1 .main .header_logo img { width: 70% }
.mainsec1 .main .header_bread img { width: 8% }
.mainsec1 .main .header_draft img, .edit_dp img { width: 30%; }
.mainsec1 .main .header_draft img, .edit_dp img { width: 18%; }
.mainsec1 .mainsec1 .main .header { border-bottom: 15px solid #0072bc; }
.mainsec1 .main input, .mainsec1 .main .enter { font-size: 20px; padding: 13px 0px; margin: 30px 0px; }
.mainsec1 .main .header_draft, .mainsec1 .main .header_bread, .mainsec1 .main .edit_dp_btn, .mainsec1 .main .pink_btn { font-size: 20px; }
/* Vclm 10 end */

@media (min-width: 1280px) and (max-width: 1300px){
	.select-items div, .select-selected{width: 185px;}
	.media_left-wraps, .media_right-wraps {width: 48%;}
}

#media (min-width: 1300px) and (max-width: 1360px){
	.select-items div, .select-selected {width: 166px;}
}


/********VClm13******************/
.add_media_title h4 { font-size: 32px; }
.media_textarea { margin-bottom: 10px; }
.custom-select { width: 175px; }
.select-selected:after { top: 14px; }
.select-items div, .select-selected { font-size: 14px; }
.media_bottom-left { margin-top: 15px; }
.add_media_title { padding: 10px 0px; }
.media_right-wraps { margin-left: 2%; margin-top: 10px; }
.ninepage_wrapper { padding: 0px; }
}

 @media (max-width: 1599px) {
.vclm_pink .thumbnails { max-width: 205px; margin: 15px 30px }
.vclm_blue1 .thumbnails {
    max-width: 205px;
    margin: 15px 30px;
}
}
 @media (max-width:1440px) {
 .bg_ninea .trainee_sec2 p {
    font-size: 22px;
}
.six_wrapper .sixpage_width { width: 750px; height: calc(100vh - 76px); }
.six_wrapper .sixpage_grp { width: 100%; top: 47%; }
.six_wrapper .sixpage_threecol { min-height: 240px; }
.select-items div, .select-selected { font-size: 14px; width: 140px; }
.media_bottom-left .pink_btn {width: 130px;}
.media_bottom-left .pink_btn {font-size: 16px;}
}
 @media (max-width:1400px) {
 .bg_ninea .trainee_sec1 img {
    height: auto;
}
.log_reg :placeholder {
font-size: 24px;
}
.bg_ninea .trainee_sec2 span{
    font-size: 18px;
}
.log_reg .login-page_sec { width: 340px; }
.log_reg input { font-size: 18px; }
.log_reg .login-heding p { font-size: 24px; }
.log_reg .vclm { font-size: 140px; }
.log_reg .forgetPassword, .singUp { font-size: 18px; }
.log_reg .enter { font-size: 24px; }
.log_reg .forget_text { margin-bottom: 6%; }
.confirm-body p { font-size: 32px; }
.vclm_pink .header { border-bottom: 8px solid red; }
.nine_wrapper .header { border-bottom: 8px solid #00cc66!Important; }
.rx_vclm .vclm_red .header {border-bottom: 8px solid red;}
.vclm_pink .header_draft, .header_bread, .edit_dp_btn, .pink_btn { font-size: 18px; }
.pink_btn { width: 130px; }
.vclm_pink .header_right img, .vclm_pink .header_logo img { width: 70% }
.vclm_pink .header_draft img, .edit_dp img { width: 25px; }
.vclm_pink .thumbnails { margin: 15px 30px; }
/******Vclm 6 and 9************/
.six_wrapper .sixpage_threecol h3 { font-size: 25px; }
.six_wrapper .sixpage_width { height: calc(100vh - 76px); }
.trainee_graphs_wrap { padding: 30px 120px 40px 70px; }
.count-ninepg { padding-left: 160px; font-size: 20px; }
.title_trainee h2 { padding: 8px 30px; font-size: 22px; }
.title_trainee h2 img:nth-child(1) { top: 14px; width: 15px; right: 66px; }
.title_trainee h2 img:nth-child(2) { top: 8px; width: 25px; }
.six_wrapper .sixpage_threecol { min-height: 200px; }
/******Vclm 7 starts****************/     
.vclm_grey .header { border-bottom: 10px solid red; }
.vclm_grey .header_right img, .vclm_grey .header_logo img { width: 70%; }
.vclm_grey .header_draft, .header_bread, .edit_dp_btn, .pink_btn { font-size: 18px; }
/******Vclm 7 ends****************/     
     
/******Vclm 11 starts************/
.vclm_blue .header { border-bottom: 8px solid #605ca8; }
.vclm_blue .header_right img, .vclm_blue .header_logo img { width: 70%; }
.vclm_blue .header_draft, .header_bread, .edit_dp_btn, .pink_btn { font-size: 18px; }
.vclm_blue .header_draft img, .edit_dp img { width: 25px; }
.vclm_blue .content_wrapper { height: 100%; }
/******Vclm 11 ends************/

/******Vclm 12 starts************/
.vclm_blue1 .header { border-bottom: 10px solid #605ca8; }
.vclm_blue1 .header_right img, .vclm_blue1 .header_logo img { width: 70%; }
.vclm_blue1 .header_draft, .header_bread, .edit_dp_btn, .pink_btn { font-size: 18px; }
.vclm_blue1 .header_draft img, .edit_dp img { width: 25px; }
/******Vclm 12 starts************/
/* Vclm 10 start */
.mainsec1 .main .header_draft, .mainsec1 .main .header_bread, .mainsec1 .main .edit_dp_btn, .mainsec1 .main .pink_btn { font-size: 18px; }
.mainsec1 .main.pink_btn { width: 150px; }
.mainsec1 .main .header_right img, .mainsec1 .main .header_logo img { width: 70% }
.mainsec1 .main .header_bread img { width: 8% }
.mainsec1 .main .header_draft img, .edit_dp img { width: 30%; }
.mainsec1 .main .header_right>div { margin-left: 5%; }
.mainsec1 .main .thumbnails { max-width: 270px; }
.mainsec1 .main .header_draft img, .edit_dp img { width: 18%; }
.mainsec1 .main.vclm_blue2 .header { border-bottom: 10px solid #0072bc; }
.mainsec1 .main .header_right>div { display: inline-block; margin-left: 5%; }
.mainsec1 .main .header { border-bottom: 12px solid #0072bc; }
.add_media_title h4 { font-size: 30px; }
/* Vclm 10 end */
  
/******Vclm 14 starts************/    
.vclm_red .header { border-bottom: 8px solid red; }
.vclm_red .header_draft, .header_bread, .edit_dp_btn, .pink_btn { font-size: 18px; }
.vclm_red .header_right img, .vclm_red .header_logo img { width: 70% }
.vclm_red .header_bread img { width: 32px }
.vclm_red .header_draft img, .edit_dp img { width: 25px; }
.vclm_red .thumbnails { max-width: 270px; }
/******Vclm 14 ends************/     
/***************VCLM 13**************************/
.edit_section_onethree { margin-top: 10px; }
.deatls-list-title h3 { font-size: 18px; }
.deatls-list-title h3 span { font-size: 14px; }
.deatls-list-title h4 { font-size: 18px; }
.add_media_title { padding: 10px 0px; }
.select-items div, .select-selected { font-size: 12px;width: 132px; }
.media_bottom-left .pink_btn {width: 120px;}
.select-selected:after { background-size: 100%; width: 14px; background-repeat: no-repeat; height: 15px; }
.media_top-left h6 { font-size: 26px; }
.upload_update { font-size: 20px; }
.media_right-wraps { margin-left: 2%; margin-top: 7px; }
.speaker_meadia { width: 35px; }
.play_icon { width: 50px; }
}
 @media (max-width:1366px) {
.graph_container canvas { width: 100% !important; height: auto !important; }
.vclm_blue .graph_container > div { height: auto; }
.vclm_blue1 .thumbnails {
    margin: 15px 15px;
}
.vclm_blue1 .graph_container > div { height: auto; }
.six_wrapper .sixpage_width { width: 700px; height: calc(100vh - 75px); }
.six_wrapper .sixpage_threecol { min-height: 200px; top: 45%; }
.vclm_pink .thumbnails { margin: 15px 15px; }
}
 @media (max-width:1200px) {
.arrow_pink { width: 36px; }
.thumb_sec { width: 100%; }
.log_reg .vclm { font-size: 150px; }
.log_reg .login-heding p { font-size: 42px; }
.log_reg :placeholder {
font-size: 22px;
}
#UploadMedia_page{width: auto;}
.vclm_grey .thumb_sec { width: 100%; }
.vclm_blue .thumb_sec { width: 100%; }
.vclm_blue1 .thumb_sec { width: 100%; }
.log_reg .forgetPassword, .singUp { font-size: 18px; }
.log_reg .enter { font-size: 22px; }
.log_reg footer p { font-size: 16px; }
.log_reg input { margin: 24px 0; font-size: 22px; }
.log_reg .forget_text { margin-bottom: 6%; }
.confirm-body p { font-size: 30px; }
.vclm_pink .header_draft, .header_bread, .edit_dp_btn, .pink_btn { font-size: 16px; }
.vclm_pink .thumb_header h4 { font-size: 16px; line-height: 18px; }
.vclm_pink .thumb_footer span { font-size: 14px; }
.vclm_pink .thumb_footer h4 { font-size: 18px; margin: 5px 0px 0px; }
.vclm_pink .header_right img, .vclm_pink .header_logo img { width: 70% }
.vclm_pink .header_draft img { width: 25px; }
.vclm_pink .thumb_header { margin-bottom: 5px; }
.vclm_pink .thumb_footer { margin-top: 5px; }
.vclm_pink .thumbnails { margin: 15px 15px; }
/*********Vclm6 and9****************/
     
/**********Vcml 8 starts*****************/  

   
/**********Vcml 8 ends*****************/         
    
     
.six_wrapper .sixpage_threecol { min-height: 270px; }
.six_wrapper .sixpage_threecol h3 { font-size: 24px; }
.six_wrapper .sixpage_threecol img { max-width: 50px; }
.six_wrapper .sixpage_width { height: calc(100vh - 72px); }
.trainee_graphs_wrap { padding: 30px 20px 0 40px; }
.nine_wrapper .header { border-bottom: 10px solid #00cc66; }
.count-ninepg { padding-left: 140px; font-size: 20px; }
/*********Vclm12 starts****************/
/*********Vclm12 ends****************/

/******Vclm 14 starts************/     
.rx_vclm .vclm_red .header_draft, .rx_vclm .header_bread, .header_bread, .rx_vclm .edit_dp_btn, .edit_dp_btn, .rx_vclm .pink_btn, .pink_btn { font-size: 14px; }
.rx_vclm .vclm_red .thumb_header h4 { font-size: 16px; line-height: 18px; }
.rx_vclm .vclm_red .thumb_footer span { font-size: 14px; }
.rx_vclm .vclm_red .thumb_footer h4 { font-size: 18px; margin: 5px 0px 0px; }
.rx_vclm .vclm_red .header_right img, .vclm_red .header_logo img { width: 70% }
.rx_vclm .vclm_red .thumb_header { margin-bottom: 5px; }
.rx_vclm .vclm_red .thumb_footer { margin-top: 5px; }
/******Vclm 14 ends************/  

/* Vclm 10 start */
.mainsec1 .main .header_draft, .mainsec1 .main .header_bread, .mainsec1 .main .edit_dp_btn, .mainsec1 .main .pink_btn { font-size: 16px; }
.mainsec1 .main .thumb_header h4 { font-size: 16px; line-height: 18px; }
.mainsec1 .main .thumb_footer span { font-size: 14px; }
.mainsec1 .main .thumb_footer h4 { font-size: 18px; margin: 5px 0px 0px; }
.mainsec1 .main .header_right img, .mainsec1 .main .header_logo img { width: 70% }
.mainsec1 .main .header_bread img { width: 8% }
.mainsec1 .main .header_draft img { width: 30%; }
.mainsec1 .main .thumb_header { margin-bottom: 5px; }
.mainsec1 .main .thumb_footer { margin-top: 5px; }
.mainsec1 .main .header { border-bottom: 8px solid #0072bc; }
.mainsec1 .main.present_close img { width: 70%; float: left }
.mainsec1 .main.present_add img { width: 70%; float: right }
.mainsec1 .main .thumbnails { max-width: 218px; }
.mainsec1 .main .header_draft img, .edit_dp img { width: 18%; }
.mainsec1 .main.vclm_blue2 .header { border-bottom: 7px solid #0072bc; }
.mainsec1 .main input, .mainsec1 .main .enter { font-size: 22PX; }
/* Vclm 10 end */
/*********Vcmn13**********************/
.select-items div, .select-selected { font-size: 11px; width: 141px; background-size: 15px; }
.select-items div, .select-selected { padding: 6px 15px; }
.custom-select { width: 120px; }
.select-selected:after { background-size: 82%; right: 3px; top: 9px; }
.add_media_title h4 { font-size: 26px; }
.media_top-left h6 { font-size: 22px; }
.add_media_title h4 span { top: 0px; }
}
 @media (max-width: 1199px) {
/******Vclm 7 starts****************/
.vclm_grey .thumb { width: 180px; padding: 30px 20px; }
.vclm_blue .thumb { width: 180px; padding: 30px 20px; }
/******Vclm 7 ends****************/
.add_media_title h4 { font-size: 22px; }
.media_top-left h6 { font-size: 20px; }
}
 @media (max-width: 1024px) {
 .note .add_close{top: 200px;}
.six_wrapper .sixpage_width { width: 600px; height: calc(100vh - 68px); }
.six_wrapper .sixpage_threecol { min-height: 190px; }
.vclm_pink .header_bread img { width: 25px; }
.rx_vclm .vclm_red .header_bread img {
    width: 25px;
}
.pink_btn { width: 125px; font-size: 14px; }
}
 @media (min-width: 992px) and (max-width: 1199px) {
 .vclm_grey .cal_form{right: 30px;}
 .vclm_grey .pad_20{padding: 20px 20px 0px;}
 .header_bread span {font-size: 15px;}
.media_left-wraps {width: 66%;}
.rx_vclm .header_bread span { font-size: 15px; }
.thumb_footer .ellipsis { width: 65px; }
/******Vclm 7 starts****************/
.thumb_footer_btns { display: flex; align-items: center; align-items: flex-end; }
.header_draft_text span { font-size: 15px !important; }
.vclm_grey .thumb { width: 240px; }
.vclm_grey .thumb_header h4 { padding-left: 10px; font-size: 16px; line-height: 20px; }
.vclm_grey .right_arrow { width: 25px; height: 25px; }
.vclm_grey .thumb_footer h4 { font-size: 18px; }
.sec1 .pad_20 { padding: 20px 18px; }
/******Vclm 7 ends****************/

/******Vclm 11 starts****************/
.vclm_blue .thumb { width: 240px; }
.vclm_blue .thumb_header h4 { padding-left: 10px; }
.vclm_blue .right_arrow, .vclm_blue .pink_right, .vclm_blue .grey_right, .vclm_blue .delete { width: 25px; height: 25px; }
.vclm_blue .thumb_header h4 { font-size: 16px; line-height: 20px; }
.vclm_blue .thumb_footer h4 { font-size: 18px; }
/******Vclm11 ends****************/

/******Vclm 12 starts****************/
.vclm_blue1 .thumb_header h4 { padding-left: 10px; }
.vclm_blue1 .right_arrow, .vclm_blue1 .pink_right, .vclm_blue1 .grey_right, .vclm_blue1 .delete { width: 25px; height: 25px; }
.vclm_blue1 .thumb_header h4 { font-size: 16px; line-height: 20px; }
.vclm_blue1 .thumb_footer h4 { font-size: 18px; }
.vclm_blue1 .thumbnails { max-width: 210px; }
/******Vclm 12 starts****************/
    

}
 @media (max-width:1080px) {
.six_wrapper .sixpage_width { height: calc(100vh - 68px); }
.nineleft_wrapper { padding: 90px 0px 0px 50px; }
.ninepage_button_top_wrap .pink_btn { width: 115px; }
.ninepage_button_top_wrap .pink_btn { margin-left: 10px; }
.play_icon { width: 30px; }
.six_wrapper .sixpage_threecol { min-height: 200px; }
}
 @media (max-width:991px) {
 .vclm_grey .cal_form{right: 30px;}
 .vclm_grey .pad_20{padding: 20px 20px 0px;}
 .header_bread span {
    font-size: 15px;
}
.rx_vclm .header_bread span { font-size: 15px; }
.header_draft_text span {
    font-size: 14px !important;
}
.bg_ninea .trainee_sec2 p {
    line-height: 26px !important;
}
.bg_ninea .trainee_sec2 span {
    font-size: 16px !important;
}
.vclm_pink .header_right .edit img { width: 40px; }
.thumb_footer_btns { align-items: flex-end; }
.header_draft_text span { font-size: 14px; }
.ellipsis:focus:after, .ellipsis:hover:after { font-size: 14px; line-height: 18px; }
.log_reg .loginsec { display: block; }
.log_reg .login-page { width: auto; }
.log_reg .vclm, .login-page { margin: auto }
.log_reg .vclm { font-size: 130px; position: relative; top: 0px; left: 0px; }
.log_reg .login-heding p { font-size: 40px; }
.log_reg :placeholder {
font-size: 20px;
}
.log_reg .forgetPassword, .singUp { font-size: 18px; }
.log_reg .enter { font-size: 24px; }
.log_reg footer p { font-size: 14px; }
.log_reg input { margin: 24px 0; font-size: 24px; }
.confirm-body p { font-size: 30px; }
.vclm_pink .header_draft, .header_bread, .edit_dp_btn, .pink_btn { font-size: 14px; }
.vclm_pink .thumb_header h4 { font-size: 14px; line-height: 16px; max-width: 85px; }
.vclm_pink .thumb_footer span { font-size: 12px; }
.vclm_pink .thumb_footer h4 { font-size: 16px; margin: 5px 0px 0px; }
.vclm_pink .header_right img, .vclm_pink .header_logo img { width: 60% }
.vclm_pink .header_bread img { width: 20px; }
.rx_vclm .vclm_red .header_bread img {
    width: 20px;
}
.rx_vclm .vclm_red .header_draft img, .rx_vclm .vclm_red .header_draft img, .rx_vclm .edit_dp img, .edit_dp img  {
    width: 22px;
}
.vclm_pink .header_draft img, .vclm_pink .header_draft img, .edit_dp img { width: 22px; }
.vclm_grey .header_draft img, .edit_dp img { width: 22px; }
.vclm_blue .header_draft img, .edit_dp img { width: 22px; }
.vclm_blue1 .header_draft img, .edit_dp img { width: 22px; }
.vclm_pink .right_arrow { margin: 0 2px; }
.present_close img, .present_add img { width: 60%; }
.vclm_pink .thumb { padding: 7px; }
.vclm_pink .thumbnails { max-width: 160px; margin: 15px 12px; }
.vclm_pink { height: 100% }
/**********Vcml 6 and 9*****************/
.ninepage_button_top_wrap .pink_btn { width: 98px; }
.nineleft_wrapper { padding: 90px 0px 0px 20px; }
.title_trainee h2 { font-size: 20px; }
.title_trainee h2 img:nth-child(2) { top: 10px; width: 30px; }
.title_trainee h2 img:nth-child(1) { top: 18px; width: 15px; right: 70px; }
.scores_wrapper p { font-size: 50px; }
.title_trainee h2 img:nth-child(1) { top: 13px; width: 12px; right: 60px; }
.title_trainee h2 img:nth-child(2) { top: 9px; width: 22px; right: 15px; }
/**********Vcml 7 starts*****************/     
.vclm_7 .thumb_img img { height: 90px; }
.vclm_grey .header_right img, .vclm_grey .header_logo img { width: 60%; }
.vclm_grey .pad_20 { padding: 20px 18px; }
.vclm_blue .header_right img, .vclm_blue .header_logo img { width: 60%; }
.vclm_blue1 .header_right img, .vclm_blue1 .header_logo img { width: 60%; }
/**********Vcml 7 ends*****************/     

/**********Vcml 14 starts*****************/       
.rx_vclm .vclm_red .header_draft, .rx_vclm .header_bread, .header_bread, .rx_vclm .edit_dp_btn, .edit_dp_btn, .rx_vclm .pink_btn, .pink_btn { font-size: 14px; }
.rx_vclm .vclm_red .thumb_header h4 { font-size: 14px; line-height: 16px; }
.rx_vclm .vclm_red .thumb_footer span { font-size: 12px; }
.rx_vclm .vclm_red .thumb_footer h4 { font-size: 16px; margin: 5px 0px 0px; }
.rx_vclm .vclm_red .header_right img, .vclm_red .header_logo img { width: 60% }
.rx_vclm .vclm_red .right_arrow { margin: 0 2px; }
.rx_vclm .vclm_red { height: 100% }
/**********Vcml 14 ends*****************/  
             
/* Vclm 10 start */
.mainsec1 .main .header_draft img, .mainsec1 .main .header_draft img, .edit_dp img { width: 25%; }
.mainsec1 .main .right_arrow { margin: 0 2px; }
.mainsec1 .main.present_close img, .present_add img { width: 60%; }
.mainsec1 .main .thumb { padding: 7px; }
.mainsec1 .main .thumbnails { margin: 5px 5px; }
.mainsec1 .main .thumbnails { max-width: 180px; }
.mainsec1 .main { height: 100% }
.mainsec1 .main .header_draft img, .edit_dp img { width: 18%; }
.mainsec1 .main.vclm_blue2 .header { border-bottom: 7px solid #0072bc; }
.mainsec1 .main input, .mainsec1 .main .enter { font-size: 18PX; }
.mainsec1 .main .entersubmit { width: 92%; }
.mainsec1 .main .entersubmit { width: 90%; margin-left: 16px; }
.mainsec1 .main .header { border-bottom: 6px solid #0072bc; }
.bgonefour .pre_lft_view { padding-bottom: 30px; }
.mainsec1 .main .header_right img, .mainsec1 .main .header_logo img { width: 60%; }
/* Vclm 10 end */
/****************Vcml13******************/
.select-items div, .select-selected { padding: 6px 5px; }
.custom-select { width: 102px; margin-right: 8px; }
.select-items div, .select-selected { font-size: 11px; width: 120px; }
.media_left-wraps { width: 58%; }
.media_right-wraps { width: 43%; }
.select-items div, .select-selected { padding: 8px 30px 8px 5px; }
.select-selected:after { top: 12px; }
.media_top-left h6 { font-size: 20px; }
.media_right-wraps { margin-left: 1%; margin-top: 0px; }
.media_left-wraps { margin-right: 1%; }
.vclm_pink .thumb_img { height: 115px; }
.vclm_pink_wrapper .thumb_img img { height: 115px; }
.present_add { width: 25px; height: 25px; }
.vclm_grey .thumb_img img { height: 125px; }
.vclm_blue .thumb_img { height: 125px; }
.vclm_blue1 .thumb_img { height: 125px; }
.vclm_grey .thumb_img { height: 125px; }
.vclm_blue .thumb_img img { height: 125px; }
.vclm_blue1 .thumb_img img { height: 125px; }
.vclm_pink .header_right .edit { width: auto; margin-left: 25px; }
.rx_vclm .vclm_red .header_right .edit { width: auto;margin-left: 25px;}
.vclm_grey .header_right .edit { width: auto; margin-left: 25px; position: relative; }
.vclm_blue1 .header_right .edit { width: auto; margin-left: 25px; position: relative; }
/**********Vcml 12 starts*****************/     
}

@media (min-width: 900px) and (max-width: 991px) {
.vclm_blue1 .thumbnails { max-width: 190px; }
.vclm_blue1 .thumb { width: 190px; }
}
/**********Vcml 12 starts*****************/     



 @media (min-width: 840px) and (max-width: 875px) {
/**********Vcml 7 starts*****************/
.vclm_grey .thumb_header h4 { margin-left: 10px; }
/**********Vcml 7 ends*****************/

/**********Vcml 11 starts*****************/
.vclm_blue .thumb_header h4 { margin-left: 10px; }
/**********Vcml 11 ends*****************/

/**********Vcml 12 starts*****************/
.vclm_blue1 .thumb_header h4 { margin-left: 10px; }
/**********Vcml 12 ends*****************/

     
}

/**********Vcml 12 starts*****************/     
@media (min-width: 769px) and (max-width: 899px) {
.vclm_blue1 .thumbnails { max-width: 160px; }
}
/**********Vcml 12 ends*****************/     



@media (min-width: 768px) and (max-width: 991px) {
.bg_ninea .ninepage_wrapper {
    padding: 0px 20px 0px !important;
}

.thumb_footer .ellipsis { width: 58px; }
.vclm_grey .thumb_header h4 { margin-left: 5px; }
.vclm_blue .thumb_header h4 { margin-left: 5px; }
.vclm_blue1 .thumb_header h4 { margin-left: 5px; }
.speaker_meadia { padding-top: 0; }
/**********Vcml 8 starts*****************/    
.vclm_pink .presentation_wrapper { min-height: auto; }
.vclm_pink .presentation_1_wrapper { min-height: auto; }
/**********Vcml 8 ends*****************/    
    
/**********Vcml 7 starts*****************/
.vclm_7 .thumb_img img { height: 90px; }
.vclm_grey .right_arrow { width: 22px; height: 22px; }
.vclm_grey .thumb_footer span { font-size: 13px;display: block; }
/**********Vcml 7 ends*****************/
    
/**********Vcml 11 starts*****************/
.vclm_blue .right_arrow, .vclm_blue .pink_right, .vclm_blue .grey_right, .vclm_blue .delete { width: 22px; height: 22px; }
.vclm_blue .thumb_footer a { margin-left: 4px; }
.vclm_blue .thumb_footer span { font-size: 14px; }
/**********Vcml 11 ends*****************/

/**********Vcml 12 starts*****************/
.vclm_blue1 .right_arrow, .vclm_blue1 .pink_right, .vclm_blue1 .grey_right, .vclm_blue1 .delete { width: 22px; height: 22px; }
.vclm_blue1 .thumb_footer a { margin-left: 4px; }
.vclm_blue1 .thumb_footer span { font-size: 14px; }
/**********Vcml 12 ends*****************/
 
/**********Vcml 14 starts*****************/    
.rx_vclm .vclm_red .presentation-view .pre_lft_view .nav-tabs>li>a { width: 80px; }
.rx_vclm .vclm_red .presentation-view .pre_lft_view { width: 250px; margin: 0px; }
.rx_vclm .stop { font-size: 18px; }
.rx_vclm .pre_btns span { font-size: 20px; }
.rx_vclm .vclm_red .pink_btn { width: 90px; }
/**********Vcml 14 ends*****************/        
    
}

 @media only screen and (min-width:300px) and (max-width: 767px) {
.six_wrapper .sixpage_grp { position: relative; top: 0; -ms-transform: translateY(0%); transform: initial; padding: 70px 0px; display: inline-block; }
.six_wrapper { display: inline-table; }
.six_wrapper .sixpage_width { height: 100%; }
.six_wrapper .sixpage_width { height: 100%; }
}
 @media only screen and (min-width:768px) and (max-width: 780px) {
.six_wrapper { width: 767px; }
.six_wrapper .sixpage_width, .six_wrapper .sixpage_grp { width: 700px; }
.six_wrapper .sixpage_threecol h3 { font-size: 20px; }
.six_wrapper .sixpage_width { height: calc(100vh - 57px); }
}
 @media only screen and (min-width:800px) and (max-width: 1000px) {
.six_wrapper .sixpage_grp { position: relative; top: 0; -ms-transform: translateY(0%); transform: initial; padding: 70px 0px; display: inline-block; }
.six_wrapper { display: inline-table; }
.six_wrapper .sixpage_width { height: 100%; }
.six_wrapper .sixpage_width { height: 100%; }
}
     

/*ipad*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
/* STYLES GO HERE */

.bg_nine .ninepage_wrapper {
    height: auto;
    padding: 50px 50px 0px;
}		

.media_left-wraps, .media_right-wraps {
    float: left;
    width: 63%;
}

.vclm_pink .thumb_header h4 { max-width: 125px; }
/**********Vcml 7 starts*****************/
.vclm_grey .thumb_footer h4 { font-size: 18px; }
.vclm_grey .thumb_header h4 { font-size: 14px; line-height: 20px; padding-left: 10px; padding-top: 0px; padding-bottom: 0px; }
.vclm_grey .content_wrapper { height: 100% !important; }
.vclm_grey .pad_20 { padding: 20px 18px 0px }
/**********Vcml 7 ends*****************/    

/**********Vcml 11 starts*****************/    
.vclm_blue .thumb_header h4 { font-size: 14px; line-height: 20px; padding-left: 10px; }
.vclm_blue .thumb_footer h4 { font-size: 18px; }
/**********Vcml 11 ends*****************/    

/**********Vcml 12 starts*****************/    
.vclm_blue1 .thumb_header h4 { font-size: 14px; line-height: 20px; padding-left: 10px; }
.vclm_blue1 .thumb_footer h4 { font-size: 18px; }
/**********Vcml 12 ends*****************/    
   

      
}
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* STYLES GO HERE */ 

.note .add_close{top: 280px;}

.bg_nine .ninepage_wrapper {
    height: auto;
}	 

.media_left-wraps {width: 87%;}
.select-items div, .select-selected {font-size: 11px;width: 141px;}
   
/**********Vcml 7 starts*****************/     
.vclm_grey .thumb { width: 180px; }
.vclm_grey .thumb_header h4 { font-size: 16px; line-height: 20px; margin-left: 5px; padding-top: 0px; padding-bottom: 0px; }
.vclm_grey .thumb_footer h4 { font-size: 18px; }
.vclm_grey .pad_20 { padding: 20px 18px 0px }
.vclm_grey .search_box { width: 300px; }
/**********Vcml 7 ends*****************/
     
/**********Vclm 8 starts**************/
.vclm_pink .presentation_wrapper { min-height: auto; }
.presentation_1_wrapper { min-height: auto; }
/**********Vclm 8 ends**************/
     
/**********Vcml 11 starts*****************/     
.vclm_blue .thumb_footer a { margin-left: 4px; }
.vclm_blue .right_arrow, .vclm_blue .pink_right, .vclm_blue .grey_right, .vclm_blue .delete { width: 24px; height: 24px; }
.vclm_blue .thumb { width: 180px; }
.vclm_blue .thumb_header h4 { font-size: 16px; line-height: 20px; margin-left: 5px; padding-top: 0px; padding-bottom: 0px; }
.vclm_blue .thumb_footer h4 { font-size: 18px; }
.vclm_blue .content_wrapper { min-height: calc(100vh - 77px); }
/**********Vcml 11 ends*****************/     

/**********Vcml 12 starts*****************/     
.vclm_blue1 .content_wrapper { min-height: calc(100vh - 80px); }
.vclm_blue1 .thumbnails { max-width: 160px; }
.vclm_blue1 .thumb_footer a { margin-left: 4px; }
.vclm_blue1 .right_arrow, .vclm_blue .pink_right, .vclm_blue .grey_right, .vclm_blue .delete { width: 24px; height: 24px; }
.vclm_blue1 .thumb { width: 160px; }
.vclm_blue1 .thumb_header h4 { font-size: 16px; line-height: 20px; margin-left: 5px; }
.vclm_blue1 .thumb_footer h4 { font-size: 18px; }
.vclm_blue1 .thumb_img img { height: 75px; }
/**********Vcml 12 ends*****************/     
 
/**********Vcml 14 starts*****************/       
.rx_vclm .vclm_red .bread_text { font-size: 12px; }
.rx_vclm  .vclm_red .presentation-view { min-height: auto; }
/**********Vcml 14 ends*****************/       
.bg_ninea .ninepage_wrapper {
    padding: 50px 50px 0px;
}

}


/*mobile non-responsive*/


@media (max-width: 767px) {
.mainsec1 .main .vclm_blue { height: 100vh; }
.ninepage_wrapper, .nine_wrapper { display: inline-table; width: 800px; }
.title_trainee h2 { padding: 9px 30px; }
.count-ninepg { padding-left: 100px; }
.loginwrapper, .registerwrapper, .confirmwrapper { width: 767px; overflow-x: scroll; }
.mainsec1 .main { width: 767px; }
.main, .mainsec1, .wrapper { overflow-x: scroll; display: table; }
.six_wrapper { height: 100%; }
/********popup***************************************/
#overlay { position: fixed; top: 0; left: 0; background: linear-gradient(#fee9e9, #feb4b4, #fd8686); z-index: 5; width: 100%; height: 100%; display: block; }
.rx_vclm .vclm_red #overlay { position: fixed; top: 0; left: 0; background: linear-gradient(#fee9e9, #feb4b4, #fd8686); z-index: 5; width: 100%; height: 100%; display: block; }
.vclm_onethree #overlay { position: fixed; top: 0; left: 0; background: linear-gradient(#fee9e9, #feb4b4, #fd8686) !important; z-index: 5; width: 100%; height: 100%; display: block; }
.vclm_blue #overlay { position: fixed; top: 0; left: 0; background: linear-gradient(#f9f9fb, #cecce4, #a2a1cd); z-index: 5; width: 100%; height: 100%; display: block; }
.vclm_blue .content_wrapper { position: relative; z-index: -1; }
.vclm_blue1 #overlay { position: fixed; top: 0; left: 0; background: linear-gradient(#f9f9fb, #cecce4, #a2a1cd); z-index: 5; width: 100%; height: 100%; display: block; }
.vclm_grey .content_wrapper { position: relative; z-index: -1; }
.vclm_grey #overlay { position: fixed; top: 0; left: 0; background: linear-gradient(#a79e8d, #918a80, #d2c2a9); z-index: 5; width: 100%; height: 100%; display: block; }
.vclm_pink .content_wrapper { position: relative; z-index: -1; }
/*.vclm_pink #overlay { position: fixed; top: 0; left: 0; background: linear-gradient(#feeded, #63a9d6 ); z-index: 5; width: 100%; height: 100%; display: block; }      */
.vclm_green #overlay { position: fixed; top: 0; left: 0; background: linear-gradient(#ccffcc, #66cc99 ); z-index: 5; width: 100%; height: 100%; display: block; }
#popup { height: auto; width: 300px; position: absolute; z-index: 10; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#popup p { font-family: 'Korolev_md'; font-size: 22px; text-align: center; font-weight: bold; }
#popup:target, #popup:target + #cover { display: block; opacity: 2; }
.close { display: block; color: black; font-family: 'Korolev_bd'; font-size: 22px; background-color: #dd026e !important; color: #fff !important; border: 0; outline: 0; text-align: center; padding: 10px 20px !important; opacity: 1; font-weight: normal; text-shadow: none; text-transform: capitalize; width: auto; }
.popup_screen { display: block; position: fixed; top: 50%; left: 50%; z-index: 99999; }
.btn-close { display: flex; justify-content: center; }
.mainsec1 #overlay { background: linear-gradient(#ffffff, #63a9d6 ); }
/**********Vclm 8 starts**************/
.main .vclm_pink { overflow-x: scroll; }
.vclm_pink .wrapper { display: table; width: 100%; }
.vclm_pink .thumb_sec { display: flex; flex-wrap: nowrap; }
.vclm_pink .thumbnails { flex: 1; float: none; height: auto; max-width: 180px; }
.vclm_pink .thumb { width: 180px; padding: 10px; }
.vclm_pink .thumb_header h4 { font-size: 14px; line-height: 18px; padding-left: 10px; }
.vclm_pink .thumb_footer span { font-size: 13px; }
.vclm_pink .thumb_footer h4 { font-size: 15px; }
.vclm_pink .presentation_wrapper { min-height: 100vh; }
.vclm_pink .presentation_1_wrapper { min-height: 100vh; }
.vclm_pink .graph_container { margin: 10px 0px; }
/**********Vclm 8 ends**************/
    
    /**********Vcml 7 starts*****************/
.main .vclm_grey { overflow-x: scroll; }
.vclm_grey .wrapper { display: table; }
.vclm_grey .thumb_sec { display: table; }
.vclm_grey .thumbnails { display: table-cell; float: none; vertical-align: top; }
.vclm_grey .thumb { width: 180px; padding: 25px 20px; }
.vclm_grey .thumb_header h4 { font-size: 14px; line-height: 18px; padding-left: 10px; }
.vclm_grey .thumb_footer span { font-size: 13px; }
.vclm_grey .thumb_footer h4 { font-size: 15px; }
.vclm_grey .right_arrow { width: 22px; height: 22px; }
.mob-row0 { margin: 0px; }
.vclm_grey .pad_20 { padding: 20px 0px; }
.vclm_grey .search_box { width: auto; }
.vclm_grey .content_wrapper { height: 100vh; }
.vclm_grey { background-image: none; }
/**********Vcml 7 ends*****************/

    /**********Vcml 11 starts*****************/
.main .vclm_blue { overflow-x: scroll; }
.vclm_blue .wrapper { display: table; }
.vclm_blue .thumb_sec { display: table; }
.vclm_blue .thumbnails { display: table-cell; float: none; vertical-align: top; }
.vclm_blue .thumb { width: 180px; padding: 25px 18px; }
.vclm_blue .thumb_header h4 { font-size: 14px; line-height: 18px; padding-left: 10px; }
.vclm_blue .thumb_footer span { font-size: 13px; }
.vclm_blue .thumb_footer h4 { font-size: 15px; }
.vclm_blue .right_arrow, .vclm_blue .pink_right, .vclm_blue .grey_right, .vclm_blue .delete { width: 22px; height: 22px; }
.vclm_blue .thumb_footer a { margin-left: 6px; }
.vclm_blue .wrapper { position: relative; z-index: 1; }
/**********Vcml 11 ends*****************/

    /**********Vcml 12 starts*****************/
.main .vclm_blue1 { overflow-x: scroll; }
.vclm_blue1 .wrapper { display: table; }
.vclm_blue1 .thumb_sec { display: flex; flex-wrap: nowrap; }
.vclm_blue1 .thumbnails { flex: 1; float: none; height: auto; }
.vclm_blue1 .thumb { width: 180px; padding: 10px; }
.vclm_blue1 .thumb_header h4 { font-size: 14px; line-height: 18px; padding-left: 10px; }
.vclm_blue1 .thumb_footer span { font-size: 13px; }
.vclm_blue1 .thumb_footer h4 { font-size: 15px; }
.vclm_blue1 .right_arrow, .vclm_blue1 .pink_right, .vclm_blue1 .grey_right, .vclm_blue1 .delete { width: 22px; height: 22px; }
.vclm_blue1 .thumb_footer a { margin-left: 6px; }
.vclm_blue1 .content_wrapper { min-height: 100vh; }
.vclm_blue1 .graph_container { margin: 10px 0px; }
.vclm_blue .wrapper { position: relative; z-index: 1; }
/**********Vcml 12 ends*****************/
    
/*********Vclm 14 starts***************/
.rx_vclm .vclm_red { height: 100vh; display: table; }
.rx_vclm .main.mob-scroll { overflow-x: auto; }
.rx_vclm #video { z-index: 0; position: relative; }
/*********Vclm 14 ends***************/

/************Vcml13***************/
.vclm_pink.vclm_onethree { width: 768px; }

}


 @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
.vclm_pink { height: auto; }
.mainsec1 .main .login-page { margin: 0 auto 5%; }
}

 @media screen and (device-width: 411px) and (device-height: 823px) {
.vclm_pink { height: auto; }
.mainsec1 .main .login-page { margin: 0 auto 5%; }
}
