/* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ * { outline: none; } textarea { resize: none } p { /*font-size:13px;*/ margin: 2px 0; } p.r-top { font-size: 15px; margin-bottom: 30px; color: #9e9e9e; } nav { width: 100%; margin: 0 auto; background: none; padding: 0px 0; } nav.shift ul li a { position: relative; z-index: 1; } nav.shift ul li a:hover { color: #333; text-decoration: none; } nav.shift ul li a:hover:after { opacity: 1; visibility: visible; height: 100%; } nav.shift ul li a:after { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 100%; height: 1px; content: '.'; color: transparent; background: #f3f3f3; opacity: 0; z-index: -1; } nav ul { list-style: none; text-align: left; } nav ul li { display: inline-block; width: 100%; } nav ul li.active a { background-color: #f3f3f3; color: #333; border-left: 5px solid #8cba45 } nav ul li a { display: block; padding: 9px 15px; text-decoration: none; color: #818181; font-weight: 300; text-transform: uppercase; margin: 0 0px; font-size: 14px; line-height: 23px; } nav ul li a:hover { color: #555 } nav ul li a, nav ul li a:after, nav ul li a:before { transition: all .5s; } li [class^="fa-"].icon-large, li [class*=" fa-"].icon-large { width: 1.5625em; } li [class^="fa-"], li [class*=" fa-"] { display: inline-block; width: 1.25em; text-align: center; } input.placeholder, textarea.placeholder { color: #aaa; } i.warning { color: #d12610; } i.normal { color: #52e136; } i.icon-black { color: #333 } i.icon, a.icon { color: #999; margin-right: 5px; font-weight: normal; font-size: 13px; } i.critical { color: #37b7f3; } i.big { font-size: 20px; } hr { margin: 20px 0; border: 0; border-top: 1px solid #E0DFDF; /*border-bottom:1px solid #FEFEFE;*/ } h3.que-detail { background: #f0f0f0; color: #333; font-size: 14.5px; line-height: 20px; margin: 0; padding: 15px 23px; } h1.block, h2.block, h3.block, h4.block, h5.block, h6.block { padding-top: 10px; padding-bottom: 10px; } h1, h2, h3, h4, h5, h6 { font-weight: 500; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #444; } div.checker, div.checker span, div.checker input { height: 21px; } body { color: #333; font-family: 'Montserrat', sans-serif; padding: 0px; margin: 0px; font-size: 13px; direction: ltr; background: #e8ecef } body.support-inner { background: #fff; } body.register-success { background: #fff; } /*body.inner{background:#eff0f2!important;padding-top:102px !important}*/ body.inner { background: #eff0f2; padding-top: 102px } a { text-shadow: none !important; color: #8cba45; } a { outline: none !important; } a:hover, a:active { color: #8cba45; } a.icon:hover { text-decoration: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; opacity: .4; filter: alpha(opacity=40); } a.icon.huge i { font-size: 16px !important; } a, a:focus, a:hover, a:active { outline: 0; } [class^="fa-"], [class*=" fa-"] { display: inline-block; margin-top: 1px; font-size: 14px; *margin-right: .3em; line-height: 14px; } ul, ol { margin: 0; padding: 0; list-style: none; } li { list-style: none; } /*@viewport{width:device-width;}*/ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 700; src: local("PT Sans Bold"), local("PTSans-Bold"), url(https://fonts.gstatic.com/s/ptsans/v8/0XxGQsSc1g4rdRdjJKZrNPk_vArhqVIZ0nv9q090hN8.woff2) format("woff2"); } @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: local("PT Sans"), local("PTSans-Regular"), url(https://fonts.gstatic.com/s/ptsans/v8/ATKpv8nLYAKUYexo8iqqrg.woff2) format("woff2"); } @font-face { font-family: 'Oxygen'; font-style: normal; font-weight: 700; src: local("Oxygen Bold"), local("Oxygen-Bold"), url(https://fonts.gstatic.com/s/oxygen/v5/yVHpdQrmTj9Kax1tmFSx2ltXRa8TVwTICgirnJhmVJw.woff2) format("woff2"); } @font-face { font-family: 'Oxygen'; font-style: normal; font-weight: 400; src: local("Oxygen"), local("Oxygen-Regular"), url(https://fonts.gstatic.com/s/oxygen/v5/78wGxsHfFBzG7bRkpfRnCQ.woff2) format("woff2"); } @font-face { font-family: 'Lato-Semibold'; src: url("../fonts/Lato-SemiboldIt.eot"); src: url("../fonts/Lato-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Semibold.woff") format("woff"), url("../fonts/Lato-Semibold.ttf") format("truetype"), url("../fonts/Lato-Semibold.svg#Lato-Semibold") format("svg"); } @font-face { font-family: 'Lato-Regular'; src: url("../fonts/Lato-Regular.eot"); src: url("../fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Regular.woff") format("woff"), url("../fonts/Lato-Regular.ttf") format("truetype"), url("../fonts/Lato-Regular.svg#Lato-Regular") format("svg"); } @-webkit-viewport { width: device-width; } @-o-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-ms-viewport { width: auto !important; } @-moz-viewport { width: device-width; } ::-webkit-scrollbar { width: 12px; } ::-webkit-scrollbar-track { border-radius: 0; box-shadow: none; border: 0; } ::-webkit-scrollbar-track { background-color: #eaeaea; } ::-webkit-scrollbar-thumb { border-radius: 0; box-shadow: none; border: 0; } ::-webkit-scrollbar-thumb { background-color: #cecece; } ::-webkit-scrollbar-thumb:hover { background-color: #aaa; } /*---Reset CSS Closed--*/ .container { width: 1250px; } ul.sidebar-tags li { padding: 0; } ul.sidebar-tags a { color: #555; font-size: 12px; padding: 3px 5px; background: #f7f7f7; margin: 0 2px 5px 0; display: inline-block; } ul.sidebar-tags a:hover, ul.sidebar-tags a:hover i { background: #EEE; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } ul.sidebar-tags a i { color: #777; } p.r-top { font-size: 15px; margin-bottom: 30px; color: #9e9e9e; } nav { width: 100%; margin: 0 auto; background: none; padding: 0px 0; } nav.shift ul li a { position: relative; z-index: 1; } nav.shift ul li a:hover { color: #333; text-decoration: none; } nav.shift ul li a:hover:after { opacity: 1; visibility: visible; height: 100%; } nav.shift ul li a:after { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 100%; height: 1px; content: '.'; color: transparent; background: #f3f3f3; visibility: none; opacity: 0; z-index: -1; } nav ul { list-style: none; text-align: left; } nav ul li { display: inline-block; width: 100%; } nav ul li.active a { background-color: #f3f3f3; color: #333; border-left: 5px solid #8cba45 !important; } nav ul li a { display: block; padding: 9px 15px; text-decoration: none; color: #818181; font-weight: 300; text-transform: uppercase; margin: 0 0px; font-size: 14px; line-height: 23px; } nav ul li a:hover { color: #555; } nav ul li a, nav ul li a:after, nav ul li a:before { transition: all .5s; } .zoom { cursor: pointer; width: 100%; height: 100%; position: relative; z-index: 5; } .zoom .zoom-icon { background-image: url("../img/overlay-icon.png"); background-color: #222; background-repeat: no-repeat; background-position: 50%; position: absolute; width: inherit; height: inherit; opacity: 0; filter: alpha(opacity=0); z-index: 6; top: 0; } .wrong .explanation { border: 1px solid #ffeded; } .wrong .ans-detail { color: #f85043; } .white-bg { padding: 20px; } .well { background-color: #fafafa; border: 1px solid #eee; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .well.mini { padding: 7px !important; } .visible-ie9 { display: none; } .visible-ie8 { display: none; } .verify-window { margin: 0 auto; width: 400px; text-align: center; } .verify-bottom { margin-top: 10px; width: 100%; display: inline-block; } .verified-div { position: relative; } .verified-check { position: absolute; right: -38px; top: 48px; width: 30px; } .ver-inline-menu { padding: 0; margin: 0; list-style: none; } .ver-inline-menu li { position: relative; margin-bottom: 1px; } .ver-inline-menu li:hover i { color: #fff; background: #c4d5df !important; } .ver-inline-menu li:hover a, .ver-inline-menu li:hover i { background: #e0eaf0; text-decoration: none; } .ver-inline-menu li.active:after { content: ''; display: inline-block; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-left: 6px solid #169ef4; position: absolute; top: 12px; right: -5px; } .ver-inline-menu li.active i { background: #0c91e5 !important; } .ver-inline-menu li.active a { border-left: solid 2px #0c91e5; } .ver-inline-menu li.active a, .ver-inline-menu li:hover a { font-size: 13px; } .ver-inline-menu li.active a, .ver-inline-menu li.active i { color: #fff; background: #169ef4; text-decoration: none; } .ver-inline-menu li i { width: 37px; height: 37px; display: inline-block; color: #b9cbd5; font-size: 15px; padding: 12px 10px 10px 8px; margin: 0 8px 0 0; text-align: center; background: #e0eaf0 !important; } .ver-inline-menu li a { font-size: 13px; color: #557386; display: block; background: #f0f6fa; border-left: solid 2px #c4d5df; } .validation-error { color: red; text-align: left; /*float:left;margin-bottom:10px;*/ width: 100%; display: inline-block; } .valid-till-detail ul li { list-style: none; padding: 5px 0 } .valid-till-detail span { color: #333 } .val-error { color: #f00; margin: -5px 0 10px; text-align: left; } .util-btn-margin-bottom-5 .btn { margin-bottom: 5px !important; } .util-btn-group-margin-bottom-5 .btn-group { margin-bottom: 5px !important; } .user { display: inline-block; vertical-align: top; } /*.useredit-modal .modal-dialog{width:690px;}*/ #registerPolicy .modal-body { overflow: scroll; height: 400px; overflow-x: hidden; } #mt-useredit-modal .modal-footer button.btn, #ProfileOTPModal .action-button, #registerPolicy .modal-footer button.action-button { width: auto; min-width: initial; font-size: 14px; margin: 15px 0; padding: 5px 22px !important; border-radius: 50px; } .user-title { border-bottom: 1px solid #ddd; font-size: 30px; margin-bottom: 15px; padding-bottom: 5px; } .user-profile-wrapper { width: 100%; display: inline-block; border: 1px solid #eee; margin-bottom: 20px; } .user-profile-section { width: 100%; background: #fbfbfb; min-height: 384px; box-shadow: 0 2px 4px 0 rgba(36, 182, 224, 0.16), 0 2px 10px 0 rgba(36, 182, 224, 0.12) !important; } .user-pic { display: inline-block; width: 200px; position: relative; } .user-pic:hover .user-pic-hover { display: inline-block; } .user-pic-hover { display: none; border: 5px solid #fff; border-radius: 50%; width: 200px; height: 200px; position: absolute; bottom: 40px; left: 0px; background: #000; opacity: 0.7; } .user-pic-delete { position: relative; } .user-pic-box { padding-top: 30px; display: inline-block; width: 100%; } .user-pic img { border: 5px solid #fff; border-radius: 50%; width: 200px; height: 200px; object-fit: cover; } .user-pic .username { font-size: 20px; padding-top: 10px; display: inline-block; color: #333; } .user-info { margin-bottom: 10px !important; } .user-info img { float: left; margin-right: 5px; } .user-info .label { font-weight: 300; font-size: 11px; } .user-info .details { display: inline-block; } .user-image { display: inline-block; margin-top: 10px; } .user-edit-form textarea { height: 37px; } .user-detail-wrap { width: 100%; padding: 20px 20px 0; } .user-detail-wrap h3 { position: relative; color: #8cba45; padding: 0 15px; display: inline-block; width: 100%; margin-top: 0px; margin-bottom: 20px; font-size: 20px; } .user-detail-wrap .form-group { min-height: 40px; margin-bottom: 10px } .user-detail-wrap .form-group p, .prepare-for ul { color: #8cba45; font-size: 16px; font-weight: 500; border-bottom: 1px dotted #ddd; min-height: 30px; margin-top: 4px; } .user-detail-wrap .form-group label { width: 100% } .user-detail-wrap .form-group label, .user-edit-form label { color: #333; font-weight: normal; font-size: 15px; } .user-detail-section { margin-bottom: 20px; width: 100%; box-shadow: 0 2px 4px 0 rgba(36, 182, 224, 0.16), 0 2px 10px 0 rgba(36, 182, 224, 0.12) !important; } .user-detail-section.change-pwd-section .user-detail-wrap .form-group { min-height: auto; margin: 6px 0 8px 0; } .header .user img { height: 40px !important; width: 40px !important; display: inline-block; position: relative; top: 1px; margin-left: 5px } .header .user a { color: #fff; font-size: 16px; } .header .user .upgrade { float: left; margin-top: 17px; } .header .user .upgrade img { height: auto !important; width: 22px !important; border-radius: 0px !important; top: -2px; padding-right: 7px; } .header .user .upgrade a { border: 0; text-decoration: none; padding: 8px 26px; background: #0596bf; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#005169+0,0080a5+47,005169+100 */ /*background: #005169;*/ /* Old browsers */ /*background: -moz-linear-gradient(right, #005169 0%, #0080a5 47%, #005169 100%);*/ /* FF3.6-15 */ /*background: -webkit-linear-gradient(right, #005169 0%,#0080a5 47%,#005169 100%);*/ /* Chrome10-25,Safari5.1-6 */ /*background: linear-gradient(to left, #005169 0%,#0080a5 47%,#005169 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005169', endColorstr='#005169',GradientType=0 );*/ /* IE6-9 */ padding: 10px 30px; margin: -9px 20px 0; border-radius: 3px; text-transform: uppercase; border-radius: 3px; margin-right: 10px; font-weight: 500; font-size: 14px; position: relative; top: 1px; } .header .user .upgrade a:hover { background: #067392; } .header .user .upgrade a img { display: none; } .header .user .dropdown { float: none; position: relative; top: 0; padding: 6px 4px 0 3px; display: inline-block; vertical-align: top; } /*.header .user .dropdown-menu{top:94%;width:180px;right:0;border-radius:0;} .header .user .dropdown-menu{top:54px;width:180px;right:0;border-radius:0;}*/ .header .user .dropdown-menu { background: #fff none repeat 0 0; border: 1px solid #ddd; border-radius: 0px; box-shadow: 0 2px 5px #ddd; left: auto; margin: 0; padding: 0; right: 0; top: 95%; width: 225px; } .header .user .dropdown-menu::before { border-bottom: 6px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block !important; position: absolute; right: 3px; top: -6px; } .header .user .dropdown-menu>li.profile.active a { background: url("../images/hover-avatar.png") no-repeat 17px 12px #f5f5f5; background-size: 16px auto; } .header .user .dropdown-menu>li.profile a { background: url("../images/avatar.png") no-repeat 17px 12px; background-size: 18px auto; } .header .user .dropdown-menu>li.my-cart.active a { background: url("../images/hover-my-cart.png") no-repeat 15px 14px #f5f5f5; background-size: 18px; } .header .user .dropdown-menu>li.my-cart a { background: url("../images/shopping-cart.png") no-repeat 15px 9px; background-size: 18px; } .header .user .dropdown-menu>li.logout.active a { background: url("../images/hover-logout.png") no-repeat 17px 10px #f5f5f5; background-size: 18px; } .header .user .dropdown-menu>li.logout a { cursor: pointer; } .header .user .dropdown-menu>li.logout a { background: url("../images/logout.png") no-repeat 17px 12px; background-size: 18px; border-bottom: 0; } .header .user .dropdown-menu>li.buy-package.active a { background: url("../images/hover-buy-package.png") no-repeat 15px 9px #f5f5f5; background-size: 18px; } .header .user .dropdown-menu>li.buy-package a { background: url("../images/buy-package.png") no-repeat 15px 13px; background-size: 18px; } .header .user .dropdown-menu>li>a { color: #888; font-size: 13px; padding: 12px 20px 12px 50px; border-bottom: 1px solid #eee; } .header .user .dropdown-menu>li>a:hover { color: #8cba45; } .header .user .dropdown-menu>li>a .fa { margin-right: 5px; } .header .user .dropdown .btn { cursor: default; } .header .user .dropdown .btn { border: 0px !important; outline: none !important; vertical-align: middle; padding-right: 0px; position: relative; top: -5px !important; cursor: pointer; } .header .user.user-question .dropdown .btn { top: 0 !important } .header .user .btn { background: none; color: #fff; } .header .user .btn:focus { box-shadow: none !important; border: 0 !important; } .header .user .btn .username { font-size: 15px; text-transform: capitalize; position: relative; top: 3px; } .header .user .btn .username1 { display: none; } .header .user .btn .caret { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 7px solid; margin-left: 5px; position: relative; top: 1px; color: #fff } .up-button { text-transform: uppercase; background: #FE4363; color: #fff; font-size: 14px; margin-top: 20px; border-radius: 25px; border: 2px solid #FE4363; } .up-button:hover { color: #fff; } .unattempted { color: #f00; } .unattempted { background: url("../images/unattempt.jpg") no-repeat 0 0; } .unattempted, .accuracy { padding-left: 50px; line-height: 22px; } .ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 100% !important; } .ui-sortable-placeholder * { visibility: hidden; } .tripplan-tabs .tab-content #tab-food_option { border: 1px solid #0f0; } .track-progress { text-align: right; top: 10%; position: absolute; right: 0; } .track-progress ul li { display: inline-block; list-style: none; padding-left: 10px; vertical-align: top } .track-progress a { font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 14px; line-height: 17px; text-align: center; color: #FFFFFF; background: #B4B4B4; border-radius: 5px; padding: 12px 20px; min-width: auto; display: block; } .track-progress a.buy { background: #fff; font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 14px; line-height: 17px; color: #393939; } .track-progress a.buy i { margin-right: 3px; position: relative; top: 1px } .track-progress a:hover { background: #0b4267; border-color: #0b4267; color: #fff !important; cursor: pointer; text-decoration: none; } .track-progress a img { vertical-align: top; width: 25px; padding-right: 0; cursor: pointer; display: none; } .total-score { color: #333; display: block; font-size: 22px; font-weight: bold; letter-spacing: -1px; text-align: center; } .total-score span { color: #666; display: inline-block; font-size: 13px; font-style: normal; font-weight: 500; margin-left: 3px; position: relative; top: 3px; } .tot-mark { display: inline-block !important; color: #8cba45 !important; font-size: 30px !important; padding-right: 5px; font-weight: bold } .top-news { color: #fff; margin: 8px 0; } .top-news span { font-size: 18px; margin-bottom: 5px; } .top-news em { margin-bottom: 0; font-style: normal; } .top-news a { padding: 10px; position: relative; margin-bottom: 10px; } .top-news a, .top-news em, .top-news span { display: block; text-align: left; } .top-news a .top-news-icon { right: 8px; bottom: 15px; opacity: 0.3; font-size: 35px; position: absolute; filter: alpha(opacity=30); } .top-heading { float: left; } .top-buttons a { border: 1px solid #fff; border-radius: 4px; color: #fff; display: inline-block; font-size: 12px; height: 26px; margin: 15px 0 5px 10px; padding: 4px 10px 5px; text-align: center; width: 80px; -webkit-transition: all .4s .1s ease; -moz-transition: all .4s .1s ease; -o-transition: all .4s .1s ease; transition: all .4s .1s ease; } .top-buttons a:hover { text-decoration: none; background: #7cd3ec; color: #fff; } .toggle-menu { color: #fff; cursor: pointer; display: none; padding: 10px; position: absolute; right: 5px; top: 13px; } .toggle-menu .fa { font-size: 21px; } .toEnter .center-middle-align .content { padding: 0 } .title-wrapper { position: fixed; left: 0; top: 65px; width: 100%; z-index: 99; background: #fff; padding: 13px 15px 10px 15px; height: 45px; box-shadow: 0 0 4px #ddd } /*.disha-dashboard-screen .title-wrapper{z-index: 9;background-image: linear-gradient(to right, #f8ae0c 0%, #ef7e1d 51%, #e84f22 100%);}*/ .title-wrapper h1 { color: #8cba45; font-size: 20px; padding-bottom: 10px; margin: -2px 0 0 0; display: inline-block; text-transform: uppercase; } .title-wrapper .track-progress { right: 0; top: 2px; float: right; } .title-wrapper .package-name { float: none; display: inline-block; } .title-wrapper .dropdown-menu { border: 1px solid #eee; border-radius: 0; top: 30px; width: 200px !important; padding: 0; } .title-wrapper .dropdown-menu>li>a { display: block; padding: 10px 10px 6px 10px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; border-bottom: 1px solid #eee; } .title-wrapper .dropdown-menu hr { display: none; } .title-wrapper .more-pkg-btn { width: 100%; text-align: center; } .title-wrapper .more-pkg-btn button { width: 100%; text-align: center; text-transform: uppercase; padding: 10px 10px; font-size: 15px; font-weight: 500; color: #f0fcff !important; border-radius: 0; transition: .4s; -webkit-transition: .4s; background: #8cba45 } .title-wrapper .more-pkg-btn button:hover { background: #109dc5 } .title-wrapper .more-pkg-btn button:hover { color: #fff!important } .title-wrapper .progress { margin-top: 5px } .title-wrapper .progress-bar-info { background-color: #1c95b7 } .title-wrapper .progress .progress-bar { line-height: 13px; font-size: inherit; transition-duration: 3s; border: 1px solid #fff; border-radius: 10px; } .title-panel { display: inline-block; width: 46%; } .time-detail { padding: 11px 15px 10px; } .time-detail img { margin: 0 4px; position: relative; top: -4px; width: 28px; } .time-detail img { margin: 0 4px; position: relative; top: -2px; width: 19px; vertical-align: middle; } .time-detail em { font-size: 20px; font-style: normal; font-weight: bold; margin-right: 7px } .time-accuracy { border: 1px solid #eee; height: 100px; padding: 15px 20px; overflow: hidden; box-shadow: 0 0 2px #ccc; border-radius: 5px; } .time-accuracy .col-sm-7:first-child { background: transparent url("../images/sep.png") no-repeat scroll right 5px; } .time-accuracy .col-sm-6:first-child { background: url("../images/sep.png") no-repeat right 2px; background-size: 9px; } .tile { display: block; letter-spacing: 0.02em; float: left; height: 135px; width: 135px !important; cursor: pointer; text-decoration: none; color: #ffffff; position: relative; font-weight: 300; font-size: 12px; letter-spacing: 0.02em; line-height: 20px; overflow: hidden; border: 4px solid transparent; margin: 0 10px 10px 0; } .tiles { margin-right: -10px; } .tiles:before, .tiles:after { display: table; content: " "; } .tiles:after { clear: both; } .tile:hover { border-color: #aaa !important; } .tile:after, .tile:before { content: ""; float: left; } .tile:active, .tile.selected { border-color: #ccc !important; } .tile.selected .corner:after { content: ""; display: inline-block; border-left: 40px solid transparent; border-bottom: 40px solid transparent; border-right: 40px solid #ccc; position: absolute; top: -3px; right: -3px; } .tile.selected .check:after { content: ""; font-family: FontAwesome; font-size: 13px; content: "\f00c"; display: inline-block; position: absolute; top: 2px; right: 2px; } .tile.image>.tile-body { padding: 0 !important; } .tile.image>.tile-body>img { width: 100%; height: auto; min-height: 100%; max-width: 100%; } .tile.image .tile-body h3 { display: inline-block; } .tile.icon>.tile-body { padding: 0; } .tile.double { width: 280px !important; } .tile.double-down { height: 280px !important; } .tile.double-down i { margin-top: 95px; } .tile .tile-object { position: absolute; bottom: 0; left: 0; right: 0; min-height: 30px; background-color: transparent; *zoom: 1; } .tile .tile-object:before, .tile .tile-object:after { display: table; content: ""; } .tile .tile-object:after { clear: both; } .tile .tile-object>.number { position: absolute; bottom: 0; right: 0; margin-bottom: 0; color: #ffffff; text-align: center; font-weight: 600; font-size: 14px; letter-spacing: 0.01em; line-height: 14px; margin-bottom: 8px; margin-right: 10px; } .tile .tile-object>.name { position: absolute; bottom: 0; left: 0; margin-bottom: 5px; margin-left: 10px; margin-right: 15px; font-weight: 400; font-size: 13px; color: #ffffff; } .tile .tile-object>.name>i { vertical-align: middle; display: block; font-size: 24px; height: 18px; width: 24px; } .tile .tile-body { height: 100%; vertical-align: top; padding: 10px 10px; overflow: hidden; position: relative; font-weight: 400; font-size: 12px; color: #333; color: #ffffff; margin-bottom: 10px; } .tile .tile-body p { font-weight: 400; font-size: 13px; color: #333; color: #ffffff; line-height: 20px; overflow: hidden; } .tile .tile-body p:hover { color: rgba(0, 0, 0, 0.8); } .tile .tile-body p:hover { color: #ffffff; } .tile .tile-body p:active { color: rgba(0, 0, 0, 0.4); } .tile .tile-body img { float: left; margin-right: 10px; } .tile .tile-body img.pull-right { float: right !important; margin-left: 10px; margin-right: 0px; } .tile .tile-body h3, .tile .tile-body h4 { margin-bottom: 5px; } .tile .tile-body h1:hover, .tile .tile-body h2:hover, .tile .tile-body h3:hover, .tile .tile-body h4:hover, .tile .tile-body h5:hover, .tile .tile-body h6:hover, .tile .tile-body p:hover { color: #ffffff; } .tile .tile-body h1, .tile .tile-body h2, .tile .tile-body h3, .tile .tile-body h4, .tile .tile-body h5, .tile .tile-body h6, .tile .tile-body p { padding: 0; margin: 0; line-height: 14px; } .tile .tile-body>i { margin-top: 17px; display: block; font-size: 56px; line-height: 56px; text-align: center; } .tile .tile-body .content { display: inline-block; } .tile * { color: #ffffff; } .theme-panel { width: 400px; margin-top: -20px; margin-right: 1px; z-index: 999; float: right; position: relative; } .theme-panel>.toggler { top: 4px; right: 0; padding: 20px; cursor: pointer; position: absolute; background: #c9c9c9 url(../img/icon-color.png) center no-repeat; } .theme-panel>.toggler:hover { background-color: #3d3d3d !important; } .theme-panel>.toggler-close { display: none; top: 4px; right: 0; padding: 20px; cursor: pointer; position: absolute; background: #3d3d3d url(../img/icon-color-close.png) center no-repeat !important; } .theme-panel>.toggler-close:hover { background-color: #222 !important; } .theme-panel>.theme-options { top: 4px; right: 40px; display: none; position: absolute; background: #3d3d3d; } .theme-panel>.theme-options>.theme-option { color: #cfcfcf; padding: 15px; border-top: 1px solid #585858; margin-top: 0px; margin-bottom: 0px; } .theme-panel>.theme-options>.theme-option.theme-colors { border-top: 0; } .theme-panel>.theme-options>.theme-option.theme-colors>ul { list-style: none; padding: 0; display: block; margin-bottom: 1px !important; margin-top: 10px; } .theme-panel>.theme-options>.theme-option.theme-colors>ul>li { width: 37px; height: 37px; margin: 0 4px; cursor: pointer; list-style: none; float: left; border: solid 1px #707070; } .theme-panel>.theme-options>.theme-option.theme-colors>ul>li:hover, .theme-panel>.theme-options>.theme-option.theme-colors>ul>li.current { border: solid 2px #ebebeb; } .theme-panel>.theme-options>.theme-option.theme-colors>ul>li:first-child { margin-left: 0; } .theme-panel>.theme-options>.theme-option.theme-colors>ul>li.color-white { background: #fff; } .theme-panel>.theme-options>.theme-option.theme-colors>ul>li.color-purple { background: #701584; } .theme-panel>.theme-options>.theme-option.theme-colors>ul>li.color-grey { background: #6d6d6d; } .theme-panel>.theme-options>.theme-option.theme-colors>ul>li.color-brown { background: #623f18; } .theme-panel>.theme-options>.theme-option.theme-colors>ul>li.color-blue { background: #124f94; } .theme-panel>.theme-options>.theme-option.theme-colors>ul>li.color-black { background: #333438; } .theme-panel>.theme-options>.theme-option.theme-colors>span { display: block; width: auto; } .theme-panel>.theme-options>.theme-option>span { text-transform: uppercase; display: inline-block; width: 138px; font-size: 14px; } .theme-panel>.theme-options>.theme-option>select.form-control { display: inline; width: 100px; text-transform: lowercase; } .theme-green .back-bar { height: 8px !important; } .theme-green .back-bar { background: #b2edfe !important; } .theme-green .back-bar .selected-bar { background: #8cba45; } .theme-green .back-bar .selected-bar { background: #8cba45 none repeat scroll 0 0 !important; } .theme-green .back-bar .selected-bar, .theme-green .back-bar { border-radius: 0; } .theme-green .back-bar .pointer.low { display: none; } .theme-green .back-bar .pointer-label:first-child, .slider-container .back-bar .pointer.high { display: none; } .text { white-space: nowrap; color: white; font-size: 20px; position: relative; overflow: hidden; width: 100%; text-align: center; } .text-stat span { font-size: 12px; text-transform: uppercase; } .text-stat h3 { margin-top: 5px; margin-bottom: 0px; font-size: 18px; } .text-align-reverse { text-align: right; } .text h4 { font-size: 22px; margin: 7px 0; } .test.page-header-fixed .page-container { position: relative; } .test.page-header-fixed .page-container { margin-top: 55px; padding: 0 0px !important; } .test-title .top-heading { width: 100%; display: inline-block; border-bottom: 1px dashed #ddd; margin-bottom: 10px!important; padding-bottom: 10px; } .test-title .top-heading h1 { color: #333; margin: 0px!important; padding-top: 0px!important; padding-bottom: 0px!important } .test-title .top-heading .heading.test-result { padding-left: 33px!important; background: none!important; font-size: 19px; margin: 0px!important } #solutions #SolutionPhysics .dropdown.package-name { cursor: pointer; } .test-time { position: relative; top: 2px; } .test-subjects { text-align: center; padding: 0 5px; min-height: 300px; /*border-bottom:1px solid #eee;*/ } .test-subjects .nav-tabs>li { float: none; display: inline-block; width: 33%; border-bottom: 2px solid #ddd; } .testScreen .test-subjects .nav-tabs>li { border-bottom: none } .test-subjects .nav-tabs>li.active a, .test-subjects .nav-tabs>li:hover a { border-bottom: 2px solid #8cba45 !important; color: #ffffff; background: #8cba45; } .test-subjects .nav-tabs>li a { padding: 5px 11px!important; cursor: default; cursor: pointer !important; position: relative; top: 2px; border: 0 !important; border-bottom: 2px solid transparent !important; color: #888; background: #eee; border-radius: 25px; } .test-subjects .nav-tabs>li:last-child a { margin: 0 } .testScreen .test-subjects .nav-tabs>li a { padding: 10px 0 8px 0 !important; /* text-transform: uppercase; */ font-size: 13.5px; margin-top: 5px; } .test-report .total-score { font-size: 20px } .test-report .content-title { text-transform: uppercase; } /*.test-report .content-title{display:none;}*/ .test-que-no { text-align: center; padding-top: 10px; } .test-que-no ul { padding: 5px 20px 0; max-height: 275px; overflow-y: auto; } .test-que-no li { display: inline-block; width: 35px; height: 35px; border-radius: 6px; text-align: center; border: 2px solid #cacaca; padding: 7px 0; font-size: 15px; margin: 5px 10px 5px; } .test-que-no li { cursor: pointer; } .testScreen .test-que-no li { font-weight: 500 } .test-que-no li.selected { background: #00CCFF!important; border: 2px solid #00CCFF!important; color: #fff!important } .jcarousel-wrapper #carousel1.jcarousel li.not-answered a, .test-que-no li.not-answered { border: 2px solid #EE6969; color: #EE6969; } .jcarousel-wrapper #carousel1.jcarousel li.marked-for-review a, .test-que-no li.marked-for-review { border: 2px solid #eea000; color: #eea000; background: #fff } .jcarousel-wrapper #carousel1.jcarousel li.attempted a, .test-que-no li.attempted { border: 2px solid #8bc348; color: #8bc348; background: #fff } .jcarousel-wrapper #carousel1.jcarousel li.answerd-marked-for-review a, .test-que-no li.answerd-marked-for-review { border: 2px solid #ffaf0b; color: #8bc348; } .test-que-no li a { display: block; } .test-hours, .time-detail, .test-hours button { display: inline-block; color: #fff; } /*.test-hours button{background:none;border:2px solid #fff;border-radius:4px;color:#fff;padding:5px 15px;text-transform:uppercase;font-weight:bold;} .test-hours button{background:none;border:2px solid #fff;border-radius:4px;color:#fff;padding:4px 15px;text-transform:uppercase;font-weight:bold;}*/ .test-hours button { border: 0; text-decoration: none; padding: 8px 26px; background: #0596bf; padding: 9px 30px; margin: -9px 20px 0; border-radius: 3px; text-transform: uppercase; border-radius: 3px; margin-right: 10px; font-weight: 500; font-size: 14px; } .test-hours button:hover { background: #067392 } .test-hours button:focus { border: none } .test-hours button .fa { background: #fff; color: #8cba45; margin: -5px -15px -5px 10px; padding: 10px; } .test-detail { text-align: left; padding: 5px 0 8px 0; font-size: 12px; margin-top: 0; clear: both; } .test-detail li { display: inline-block; padding: 0 0 0 15px; font-size: 14px; font-weight: 500; } .test-detail li .fa { color: #53bd02; font-size: 17px; margin: 0 3px 0 0; vertical-align: middle; width: 15px; position: relative; top: -1px; } .test-detail li .fa.fa-question { border: 2px solid #82e3d5; border-radius: 50%; font-size: 12px; width: 13px; height: 13px; padding: 0px 0; display: inline-block; } .test .question { border-top: 0; padding: 0 10px; } .test .que-options ul li span.opt { position: absolute; } .test .que-options ul li span.opt { height: 35px; left: -35px; } .test .page-sidebar { width: 290px; padding: 5px; } .test .page-sidebar { left: 0px; margin-top: 0px; position: relative; margin-right: -100%; top: 0px; } .test .page-content { padding-left: 0px; } .test .main-inner { float: none; } .test .main-content { padding: 0 15px 0 10px; margin-right: -5px; } .tel-box em { color: #404040; } .target-text { text-align: left; } .target-text h4 { color: #888; font-size: 23px; font-weight: 500; margin-right: 10px; } .target-text h4 { color: #8cba45; text-transform: uppercase; } .target-text h4 i { font-size: 35px; position: relative; top: 6px; padding-right: 5px; } .take-test .detail-result { float: none; margin-bottom: 15px } .tabs-reversed>li { float: right; } .tabs-reversed>li, .tabs-reversed>li>a { margin-right: 0; } .tabs-below.tabbable-custom.nav-justified .tab-content { margin-top: 0px; margin-bottom: -2px; } .tabs-below.tabbable-custom .nav-tabs>li.active { border-top: none; border-bottom: 3px solid #d12610; margin-bottom: 0; position: relative; } .tabs-below.tabbable-custom .nav-tabs>li.active>a { border-bottom: none; } .tabs-below.tabbable-custom .nav-tabs>li.active>a:hover { background: #fff; border-color: #d4d4d4 #d4d4d4 transparent; } .tabs-below.tabbable-custom .nav-tabs>li>a { border-top: none; border-bottom: 2px solid transparent; margin-top: -1px; } .table.table-full-width { width: 100% !important; } .table-toolbar { margin-bottom: 15px; } .table-scrollable { width: 100%; overflow-x: auto; overflow-y: hidden; border: 1px solid #dddddd; margin: 10px 0 !important; } .table-scrollable>.table { width: 100% !important; margin: 0 !important; margin-bottom: 0; background-color: #fff; } .table-scrollable>.table-bordered { border: 0; } .table-scrollable>.table-bordered>thead>tr:last-child>th, .table-scrollable>.table-bordered>tbody>tr:last-child>th, .table-scrollable>.table-bordered>tfoot>tr:last-child>th, .table-scrollable>.table-bordered>thead>tr:last-child>td, .table-scrollable>.table-bordered>tbody>tr:last-child>td, .table-scrollable>.table-bordered>tfoot>tr:last-child>td { border-bottom: 0; } .table-scrollable>.table-bordered>thead>tr>th:last-child, .table-scrollable>.table-bordered>tbody>tr>th:last-child, .table-scrollable>.table-bordered>tfoot>tr>th:last-child, .table-scrollable>.table-bordered>thead>tr>td:last-child, .table-scrollable>.table-bordered>tbody>tr>td:last-child, .table-scrollable>.table-bordered>tfoot>tr>td:last-child { border-right: 0; } .table-scrollable>.table-bordered>thead>tr>th:first-child, .table-scrollable>.table-bordered>tbody>tr>th:first-child, .table-scrollable>.table-bordered>tfoot>tr>th:first-child, .table-scrollable>.table-bordered>thead>tr>td:first-child, .table-scrollable>.table-bordered>tbody>tr>td:first-child, .table-scrollable>.table-bordered>tfoot>tr>td:first-child { border-left: 0; } .table-scrollable>.table>thead>tr>th, .table-scrollable>.table>tbody>tr>th, .table-scrollable>.table>tfoot>tr>th, .table-scrollable>.table>thead>tr>td, .table-scrollable>.table>tbody>tr>td, .table-scrollable>.table>tfoot>tr>td { white-space: nowrap; } .table-advance { margin-bottom: 10px !important; } .table-advance tr td { border-left-width: 0px; } .table-advance tr td:first-child { border-left-width: 1px !important; } .table-advance tr td.highlight:first-child a { margin-left: 15px; } .table-advance thead { color: #999; } .table-advance thead tr th { background-color: #DDD; font-size: 14px; font-weight: 400; color: #666; } .table-advance td.highlight div.warning { border-left: 2px solid #fdbb39; } .table-advance td.highlight div.success { border-left: 2px solid #66ee66; } .table-advance td.highlight div.info { border-left: 2px solid #87ceeb; } .table-advance td.highlight div.important { border-left: 2px solid #f02c71; } .table-advance td.highlight div.danger { border-left: 2px solid #e23e29; } .table-advance div.success, .table-advance div.info, .table-advance div.important, .table-advance div.warning, .table-advance div.danger { position: absolute; margin-top: -5px; float: left; width: 2px; height: 30px; margin-right: 20px !important; } .table thead tr th { font-size: 14px; font-weight: normal; } .table .m-btn { margin-top: 0px; margin-left: 0px; margin-right: 5px; } .tabbable-custom { margin-bottom: 15px; padding: 0px; overflow: hidden; } .tabbable-custom.tabbable-full-width>.tab-content { padding: 15px 0; border-left: none; border-right: none; border-bottom: none; } .tabbable-custom.tabbable-full-width .nav-tabs>li>a { color: #424242; font-size: 15px; padding: 9px 15px; } .tabbable-custom.nav-justified .tab-content { margin-top: -1px; } .tabbable-custom.boxless>.tab-content { padding: 15px 0; border-left: none; border-right: none; border-bottom: none; } .tabbable-custom>.tab-content { background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px; } .tabbable-custom>.nav-tabs { border: none; margin: 0px; } .tabbable-custom .nav-tabs>li { margin-right: 2px; border-top: 2px solid transparent; } .tabbable-custom .nav-tabs>li { margin-right: 2px; border-top: 2px solid transparent; } .tabbable-custom .nav-tabs>li.active { border-top: 3px solid #d12610; margin-top: 0; position: relative; } .tabbable-custom .nav-tabs>li.active>a { border-top: none; font-weight: 400; } .tabbable-custom .nav-tabs>li.active>a:hover { border-top: none; background: #fff; border-color: #d4d4d4 #d4d4d4 transparent; } .tabbable-custom .nav-tabs>li>a { margin-right: 0; } .tabbable-custom .nav-tabs>li>a:hover { background: none; border-color: transparent; } .tab-pane>p:last-child { margin-bottom: 0px; } .switch-wrapper { display: inline-block; } .sweet-alert { border-radius: 0px; font-weight: 500; } .sweet-alert h2 { margin-bottom: 0px; } .sweet-alert h2 { color: #8cba45!important; font-size: 22px!important; text-transform: uppercase!important; } .sweet-alert .sa-button-container .confirm { background: #15ccae !important; color: #fff !important; text-transform: capitalize; border-radius: 0px !important; margin: 0px 0; letter-spacing: .5px; font-size: 14px; border: 1px solid #15ccae!important; -webkit-transition: all 0.5s linear 0.3s; min-width: 100px; padding: 5px 15px 5px 15px; cursor: pointer; box-shadow: none!important; } .sweet-alert .sa-button-container .confirm:hover { background: none!important; color: #15ccae!important; -webkit-transition: all 0.5s linear 0s; } .sweet-alert .sa-button-container .cancel { min-width: 100px !important; text-transform: capitalize !important; padding: 5px 10px !important; color: #fff !important; transition: all 0.5s linear 0.3s; -webkit-transition: all 0.5s linear 0.3s; border: 1px solid #8cba45 !important; background: #8cba45 !important; border-radius: 0px !important; font-size: 14px; } .sweet-alert .sa-button-container .cancel:hover { background: none!important; color: #8cba45 !important; } .support-inner .page-sidebar { margin-right: -100%; position: relative; width: 256px; border-right: 6px solid #eee; } .support-inner .page-header-fixed .page-container { margin-top: 4px; } .support-inner .page-content { margin-left: 250px; margin-top: 0; min-height: 600px; } .support-inner .page-container { padding: 0; position: relative; } .support-inner .page-container::before, .page-container::after { content: " "; display: table; } .support-inner #logo { width: 256px !important; border-right: 6px solid #24afd6; text-align: center; } .support-inner #footer { border-top: 1px solid #ddd; display: inline-block; width: 100%; margin-top: -5px; padding-bottom: 10px; } .support-inner #content { min-height: 350px; } .support-inner #container { position: absolute; right: 0px; top: 55px; left: auto; box-shadow: none; } .support .user .dropdown .btn { border: 0px !important; } .support .page-breadcrumb.breadcrumb { margin-top: 0px; } .support .heading.dashboard { background: transparent url("../images/new-icons/support-hover.png") no-repeat scroll 22px 12px/32px auto; padding: 16px 10px 14px 70px; } .support .header .user .btn .caret { top: 13px !important; } .success-wrap { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; margin-bottom: 50px; padding: 55px 70px; display: inline-block; width: 100%; } .success-wrap p { color: #767676; font-size: 18px; margin-top: 8px; display: inline-block; width: 100%; } .submit #invite { background: none; border: 1px solid #46b8da; color: #46b8da; min-width: 87px; font-size: 18px; transition: all 0.5s linear 0.3s; padding: 5px 8px; border-radius: 0px; line-height: 23px; text-transform: capitalize; } .submit #invite:hover { background: #46b8da !important; color: #fff !important; } .subjects { position: relative; } .subjects .nav-tabs { border-bottom: 1px solid #ddd!important } .subject-total { float: right; min-width: 190px } .subject-total { display: inline-block; margin: 0px 0 0px; padding: 0px; } .subject-total.pcm .score.outmarks .total-score, .subject-total.pcm .score.outmarks .total-score.marks { color: #fff !important } .subject-total.pcm .score span { color: #fff; padding: 0 3px; } .subject-total.pcm .score span.sep { font-size: 21px; width: 0px; overflow: hidden; display: inline-block; vertical-align: middle; position: relative; top: -2px; margin-right: 2px; color: #75f1dc; } /*.subject-total .total-score{color:#fff !important;}*/ .subject-total .total-score { color: #8cba45; text-align: left; width: auto; display: inline-block; } .subject-total .score { text-align: center; padding: 3px 5px 0 5px !important; line-height: 25px; background: #4f8fbd; border-radius: 3px; margin-top: 0; height: 31px } .subject-total .score.outmarks { background: #15ccae; } .subject-total .score-title { padding: 0 0 0 3px; color: #4a4a4a; display: inline-block; } /*.subject-total .score-title{color:#4a4a4a !important}*/ #mt-useredit-modal .action-button, .my-profile .up-button { background: linear-gradient(to right, rgb(150 201 61), rgb(0 176 155)) !important; } #mt-useredit-modal .action-button:hover, .my-profile .up-button:hover { background: linear-gradient(to right, rgb(0 176 155), rgb(150 201 61)) !important; } .subject-questions .action-button { margin: 20px 2px 10px; } .subject-name { color: #efa103; } .subject-list ul { background: #efa103; width: 100%; padding: 10px; display: inline-block; text-align: left; vertical-align: top; } .subject-list ul li { list-style: none; line-height: 20px; padding: 2px; width: 23%; margin: 0 0.8%; display: inline-block; } .subject-list ul li a { color: #fff; padding: 4px 10px; display: block; } .subject-list ul li a:hover, .subject-list ul li.active a { background: #ffb321; text-decoration: none; } .subject-group .time { padding-left: 60px; background: url("../images/time.png") no-repeat 5px 15px; } .subject-group .time, .subject-group .accuracy { color: #efa103; font-size: 22px; padding-bottom: 20px; padding-left: 90px; padding-top: 9px; } .subject-group .time span, .subject-group .accuracy span { color: #333; font-size: 16px; display: block; } .subject-group .time em, .subject-group .accuracy em { display: block; font-style: normal; margin-bottom: 0; font-size: 22px; color: #8cba45; } .subject-group .result-status ul li { width: 17%; padding: 10px 40px 10px 50px; } .subject-group .result-status ul li:last-child { padding-right: 10px; } .subject-group .result-status ul li.subject-total { background: url("../images/sep.png") no-repeat right 0; border: 0 none; height: auto; margin: 0; padding-bottom: 20px; padding-left: 35px; padding-top: 15px; width: 31%; } .subject-group .result-status ul li.subject-total .marks { color: #888; font-size: 20px; padding-left: 70px; text-transform: uppercase; padding-bottom: 5px; background-position: 0 0 !important; background-size: 60px auto !important; } .subject-group .result-status ul li.subject-total .marks.physics { background: url("../images/new-icons/physics.png") no-repeat -10px -6px; } .subject-group .result-status ul li.subject-total .marks.mathematics { background: url("../images/new-icons/maths.png") no-repeat -10px -180px; } .subject-group .result-status ul li.subject-total .marks.chemistry { background: url("../images/new-icons/chemistry.png") no-repeat -10px -95px; } .subject-group .result-status ul li.subject-total .marks.biology { background: url("../images/new-icons/biology.png") no-repeat -10px -180px; } .subject-group .result-status ul li.subject-total .marks.default { background: url("../images/new-icons/practice-Default.png") no-repeat -10px -180px; } .subject-group .result-status ul li.subject-total .marks span { color: #333; display: block; line-height: 28px; } .subject-group .result-status ul li span { display: block; } .subject-group .result-status .score { /*background:url("../images/cup.png") no-repeat scroll 96% 15px/60px auto;*/ border: 1px solid #eee; border-radius: 5px; color: #333; font-size: 35px; height: 100px; padding: 15px 20px; box-shadow: 0 0 2px #ccc; position: relative; } .subject-group .result-status .score span.pull-right .fa.fa-award { color: #8cba45; font-size: 60px; position: absolute; bottom: 40px; right: 37px; } .subject-group .result-status .score span { font-size: 20px; color: #333; } .subject-group .result-status .result-title span.marks img { width: 26px; position: relative; top: -3px; } .subject-group .result-status .result-listing ul li { width: 100%; padding: 7px 10px 7px 10px; display: inline-block; border-bottom: 1px solid #f9f9f9; } .subject-group .result-status .group ul { border: 0; } .subject-group .result-status .group .result-title span.marks { color: #888; font-size: 20px; text-transform: uppercase; padding-bottom: 0px; text-align: left; display: inline-block; padding-top: 3px; } .subject-group .action-button, .subject-wise .action-button { padding: 0 15px; } .subject-group .action-button .btn:hover, .subject-wise .action-button .btn:hover { background: #1aa0c9; } .subject-group .action-button .btn.grey:hover, .subject-wise .action-button .btn.grey:hover { background: #a8a8a8; } .subject-group .action-button .btn, .subject-wise .action-button .btn { color: #fff; margin-left: 10px; padding: 4px 15px; text-transform: capitalize; min-width: 140px; font-size: 14px; transition: all 0.5s linear 0.3s; -webkit-transition: all 0.5s linear 0.3s; border-radius: 0px; } .subject-group .accuracy { background: url("../images/result-accuracy.png") no-repeat 5px 15px; line-height: inherit; padding-top: 9px !important; } .subject-detail-wrapper { width: 100%; display: inline-block; margin-top: 15px; } .subject-chapters { margin: 10px auto; padding: 0; width: 85%; } .subject-chapters.physics .title { border-bottom: 1px solid #efa103; color: #efa103; background: url("../images/practice-physics.png") no-repeat 0 0; background-size: 30px } .subject-chapters.mathematics .title { border-bottom: 1px solid #8cba45; color: #8cba45; background: url("../images/practice-maths.png") no-repeat 0 0; background-size: 30px } .subject-chapters.chemistry .title { border-bottom: 1px solid #e12a48; color: #e12a48; background: url("../images/practice-chemistry.png") no-repeat 0 0; background-size: 30px } .subject-chapters.biology .title { border-bottom: 1px solid #8cc445; color: #8cc445; background: url("../images/practice-biology.png") no-repeat 0 0; background-size: 30px } .subject-chapters.default .title { border-bottom: 1px solid #9e9e9e; color: #9e9e9e; background: url("../images/practice-Default.png") no-repeat 0 0; background-size: 30px } .subject-chapters ul, .subject-chapters ol { padding: 5px 10px 0 16px } .subject-chapters li { font-size: 13px; padding: 12px 0px; text-align: left; line-height: 0px; color: #5a5151; /*border-bottom:1px dashed #eee;*/ list-style: square !important; } .subject-chapters li:last-child { border-bottom: 0; } .subject-chapters .title { color: #fff; font-size: 16px; padding: 5px 0px 5px 30px; text-transform: uppercase; margin: 0 auto 5px; /*text-align:center;*/ width: 100%; font-weight: bold; } .subject-chapters .title img { width: 30px; margin-right: 10px; margin-top: -4px; } .subject-chapters .slimScrollDiv { min-height: 158px; } .subject-chapters .slimScrollBar { background: #bbb !important; width: 4px !important; } .subject-chapters .score { border-top: 1px dashed #ddd; margin: 0 10px; padding: 10px 10px 5px; margin-top: 15px; text-align: center; } .subject-chapter-list { display: none; } .subject-chapter-list .nav-tabs>li { width: 25%; border-radius: 0; text-align: center; font-size: 15px; } .subject-chapter-list .nav-tabs>li.active>a, .subject-chapter-list .nav-tabs>li.active>a:hover, .subject-chapter-list .nav-tabs>li.active>a:focus { border: 0; background: #eeeeee; color: #555; } .subject-chapter-list .nav-tabs>li a { color: #888; font-size: 16px; } .sub-text { font-size: 16px; line-height: 12px; margin-left: 3px; color: rgba(20, 32, 49, 0.3); } .style1::-webkit-scrollbar { width: 6px; } .study-schedule .fc-state-down, .study-schedule .fc-state-active { background-color: #8cba45 !important; background-image: none; box-shadow: none; color: #fff; outline: 0 none; text-shadow: none; } .study-schedule .fc-state-default.fc-corner-left { border-top-left-radius: 0; border-bottom-left-radius: 0; } .study-schedule .fc-header-title h2 { color: #00556e; font-size: 20px; } .study-schedule .fc-header .fc-button { padding: 5px 10px; height: auto; } .study-schedule .fc-header .fc-button { height: auto; margin-right: 5px; padding: 5px 10px; background: #fff; } .study-schedule .btn.default { background: #8cba45; padding: 10px 60px; border: 0; text-transform: uppercase !important; margin-top: 0; font-size: 16px; } .study-schedule .btn.default:hover { background: #2bc9f6; } .study-schedule .btn.btn-primary.push { background: #2274f4; text-transform: capitalize !important; padding: 10px 30px; } .study-schedule .btn.btn-primary.download { background: #8bc348; } .study-schedule .action-button { padding-bottom: 50px; } .step4-wrapper .btn-items:first-child { margin-bottom: 15px; display: inline-block; } .step4 .step4-wrapper .action-button { min-width: 100px !important; padding: 5px 5px!important; width: auto !important; font-size: 16px!important; } .step3-wrapper { width: 100%; display: inline-block; margin-bottom: 10px; } .step3-wrapper .btn-items .btn-default.active { background-color: #e1e1e1; } .step3-wrapper .btn-items .btn-default.active { background-color: #8cba45 !important; color: #fff !important; border: 1px solid #8cba45 !important; } .step3-wrapper .btn-items .btn-default.active h5 { color: #fff !important; } .step3-wrapper .btn-items .btn-default.active h5 { color: #767676!important } .step1, .step2, .step3, .step4 { background: #fff; } .step1 input { width: 100%; margin: 0 auto; } .step1 .inp-field-wrapper .label-container .checkmark { top: 2px; margin-top: 0px!important } .step1 .field-text { width: 100%; text-align: center; padding-left: 0px; display: inline-block; } .step1 .field-text span { width: 100% } .stats { margin: 0 0 25px 0; clear: both; display: inline-block; width: 100%; background: #fff; /*position: fixed;right: auto;height: 100%;top: 0;*/ box-shadow: 0px 1.5px 6px rgba(0, 0, 0, 0.15) !important; /* padding-top: 108px;margin-top:118px;*/ } .stats .stats-box { clear: both; display: inline-block; padding: 25px 0; width: 20%; position: relative; top: 15px; border-radius: 15px } .stats .stats-chart { padding: 20px 15px 0px 15px } .stats .total-score { color: #8cba45; text-align: center; } .stats .stats-detail { border: 1px solid #8cba45; background: #fff; } .stats .stats-detail .title { border-bottom: 1px solid #ddd; display: block; margin: 0 10px; padding: 5px; font-size: 14px; color: #333; font-weight: 500; } .stats .stats-detail .score-box { padding: 5px 10px; } .static-info { margin-bottom: 10px; } .static-info.align-reverse .name, .static-info.align-reverse .value { text-align: right; } .static-info .value { font-size: 14px; font-weight: 600; } .static-info .name { font-size: 14px; } .start-wrapper .btn.green { -webkit-transition: all 0.5s linear 0.3s; transition: all 0.5s linear 0.3s; background: none; border: 1px solid #8bc348 !important; border-radius: 0px; color: #8bc348; padding: 5px 12px; } .start-wrapper .btn.green:hover { background: #8bc348; color: #fff; } .sortable-box-placeholder { background-color: #f5f5f5; border: 1px dashed #DDDDDD; display: block; margin-top: 0px !important; margin-bottom: 24px !important; } .sortable-box-placeholder * { visibility: hidden; } .sortable .portlet>.portlet-title { cursor: move; } .social-login { bottom: -138px; left: 0; position: absolute; text-align: center; width: 100%; } .social-login p { color: #c7c7c7 !important; text-transform: uppercase; font-size: 28px !important; margin-bottom: 20px; } .social-login form .action-button .btn { background: #8cba45; padding: 10px 90px; border: 0; text-transform: uppercase !important; margin-top: 15px; font-size: 18px; } .social-login .google a { background: url(../images/google.png) 45px 13px no-repeat #cf3f25; } .social-login .google a:hover { background: url(../images/google.png) 45px 13px no-repeat #bc331b; text-decoration: none; } .social-login .form-horizontal .control-label { font-weight: normal; font-size: 15px; margin-bottom: 3px; } .social-login .facebook, .social-login .google { display: inline-block; } .social-login .facebook a { background: url(../images/facebook.png) 45px 13px no-repeat #3c568f; } .social-login .facebook a:hover { background: url(../images/facebook.png) 45px 13px no-repeat #2e4981; text-decoration: none; } .social-login .facebook a, .social-login .google a { width: 200px; display: inline-block; padding: 20px 29px 10px 50px; color: #fff; height: 56px; width: 265px; margin: 0 15px; -webkit-transition: all .2s .1s linear; -moz-transition: all .2s .1s linear; -o-transition: all .2s .1s linear; transition: all .2s .1s linear; } .slider-container { height: 20px; margin: 0 auto; } .slider-container .scale ins { color: #999; font-size: 15px !important; left: -3px; line-height: 1; position: absolute; text-decoration: none; top: -25px; } .slider-container .back-bar .pointer-label { top: -20px; font-size: 15px !important; color: #8cba45; font-weight: bold; } .sidebar-toggler { cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); width: 29px; height: 29px; background-repeat: no-repeat; display: none; } .sidebar-toggler:hover { filter: alpha(opacity=100); opacity: 1; } .selectpicker { position: relative; } .selectpicker .nya-bs-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; } .selectpicker .nya-bs-select .dropdown-toggle { color: #555; border-radius: 0px; height: 41px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); border: 1px solid #ccc; } .select-wrap { width: 100%; } .select-wrap label { position: relative; } .select-wrap label h5 { text-align: center !important; float: none; font-size: 16px; } .select-wrap .btn.btn-default:hover { background-color: #8cba45!important; border: 1px solid #8cba45!important; } .select-wrap .btn.btn-default:hover h5 { color: #fff!important } .select-wrap .btn.btn-default.selected { background: #8cba45; border: 1px solid #8cba45; } .select-wrap .btn.btn-default.selected h5 { color: #fff !important; } .search-wrap label h5 i { color: #8bc348; font-size: 16px; } .search-wrap input[type=text] { padding: 6px 10px; margin-top: 8px; margin-right: 16px; border: 1px solid #ccc; font-size: 14px; border-radius: 50px; height: 43px; line-height: 43px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); width: 100%; } .scrollspy-example { position: relative; height: 200px; margin-top: 10px; overflow: auto; } .score {} .score-title { display: block; text-align: left; padding-left: 22%; margin-bottom: -10px; color: #333; } .score-panel .detail-result { float: none; } .schedule-date { position: relative; } .schedule-date .pickmeup .pmu-instance { height: auto; padding-bottom: 5px; } .schedule-date .multiple { position: absolute; top: 40px; left: 0; width: 100%; z-index: 9999; display: none; } .schedule-date .multiple.active { display: block; } .schedule-date .multiple .pmu-days { text-align: right; } .schedule-date .multiple .pickmeup { background: #fff none repeat 0 0; border: 1px solid #ddd; border-radius: 0; width: 100%; } .schedule-date .multiple .pickmeup .pmu-instance { width: 100%; } .schedule-date .multiple .pickmeup .pmu-instance { padding: 0; } .schedule-date .multiple .pickmeup .pmu-instance:first-child:last-child .pmu-month { color: #fff; font-size: 15px; font-weight: bold; width: 100%; } .schedule-date .multiple .pickmeup .pmu-instance nav { padding: 0 18px 0 10px; background: #8cba45; color: #fff; } .schedule-date .multiple .pickmeup .pmu-instance nav.pmu-day-of-week { background: #fff; color: #333; font-weight: bold; padding: 10px 4px; } .schedule-date .multiple .pickmeup .pmu-instance .pmu-today.pmu-button { color: #fff; } .schedule-date .multiple .pickmeup .pmu-instance .pmu-selected { background: #8cba45; color: #fff; } .schedule-date .multiple .pickmeup .pmu-instance .pmu-selected.pmu-today { background: #369bb8; } .schedule-date .multiple .pickmeup .pmu-instance .pmu-day-of-week *, .schedule-date .multiple .pickmeup .pmu-instance .pmu-days * { width: 14%; text-align: center; } .schedule-date .multiple .pickmeup .pmu-instance .pmu-button { color: #fff; } .schedule-date .multiple .pickmeup .pmu-instance .pmu-button { color: #333; } .schedule-date .multiple .pickmeup .pmu-instance .pmu-button { color: #333; padding: 6px 5px; } .schedule-date .multiple .pickmeup .pmu-instance .pmu-button.pmu-not-in-month { color: #ddd; } .schedule-date .multiple .pickmeup .pmu-instance .pmu-button.pmu-next, .schedule-date .multiple .pickmeup .pmu-instance .pmu-button.pmu-prev { color: #fff; } .save3 { color: #8cba45; text-decoration: underline; } .s-no { position: relative; top: -5px; text-align: center; width: 100%; display: inline-block; } .result-title { padding: 4px 10px; width: 100%; text-align: left; border-bottom: 1px dotted #eee; } .result-status { padding: 0; margin: 20px 0 20px; } .result-status.result-table { margin-bottom: 10px; width: 100%; display: inline-block; } .result-status.result-table .group ul li:last-child { border-bottom: 0px; padding-bottom: 4px; } .result-status.result-table .group ul li.wrong label { color: #f93c3a; } .result-status.result-table .group ul li.unattempted label { color: #b0b0b0; } .result-status.result-table .group ul li.correct label { color: #8cc447 !important; } .result-status.result-table .group ul li.attempted label { color: #43b5d7 !important; } .result-status ul { border: 1px solid #ddd; display: inline-block; overflow: hidden; padding: 15px 0 15px 11px; width: 100%; margin: 0; } .result-status ul li { color: #333; float: left; font-size: 13px; list-style: outside none none; padding: 0px 12px; width: 12.5%; } .result-status ul li.wrong span { color: #f93c3a; padding-right: 25px; } .result-status ul li.unattempted { background: none; line-height: inherit; } .result-status ul li.unattempted span { color: #cecece; padding-right: 25px; } .result-status ul li.total-time, .result-status ul li.accuracy { color: #999; font-size: 13px; padding-top: 12px; text-align: center; } .result-status ul li.total-time span, .result-status ul li.accuracy span { color: #333; display: block; font-size: 22px; text-align: center; } .result-status ul li.score { width: 25% } .result-status ul li.correct span { color: #8cc447; padding-right: 25px } .result-status ul li.attempted span { color: #69dbfd; padding-right: 30px } .result-status ul li span { display: inline-block; font-size: 30px } .result-status h3 { margin: 0; } .result-status h3 span { background: #ddd; border-radius: 5px 5px 0 0; color: #333; display: inline-block; font-size: 20px; padding: 10px; text-align: center; width: 235px; } .result-status .score span { display: block; font-size: 13px; } .result-score { float: right; font-size: 22px; padding-top: 0px; background: #eee; border-radius: 50%; width: 35px; height: 33px; padding: 5px 4px; text-align: center; } .result-listing { width: 100%; display: inline-block; } .result-listing ul { padding: 0px !important; margin: 0px; } .result-listing ul li label { font-size: 16px; width: 100px; font-weight: normal; margin-bottom: 0px; text-align: right; float: right; } .result-listing ul li .att-score { display: inline-block !important; font-size: 16px; padding-right: 0 !important; font-weight: normal; color: #888 !important; padding-left: 5px; width: 100%; } .result-group .progress { background-color: #f5f5f5 } .responsive-title { display: none } .responsive-header-dropdown { display: none } .responisve-pull-right { display: none } .resetpwd { padding-left: 0; width: 100%; display: inline-block } .resetpwd { margin-top: 26px } .resetpwd .btn.default, .resetpwd .btn.default:hover { /* background: #005771 !important;opacity: 1;*/ border: 0 !important; border-radius: 31px; padding: 8px 20px; cursor: pointer; color: #fff !important; margin: 0 auto; display: block; } .resetpwd .btn.default:hover { background: #40b098 !important } .register-success .carousel-inner { text-align: center; } .register-success .carousel-inner img { display: inline-block; padding-top: 50px; } .register-success .carousel-inner h2 { color: #8cba45; font-weight: bold; font-size: 35px; } .register-success .carousel-indicators { bottom: 0; } .register-step2 label { width: 100%; text-align: center !important; } .register-step2 .input { width: 300px; margin: 0 auto; } .register-step2 #step3-done { width: 120px !important; padding: 5px 5px !important; } .register-step1 .input, .register-step2 .input { position: relative !important; top: 0px !important; left: 0 !important; transform: translate(0%, 0%) !important; } .register-page .verified-check { top: 6px; } .register-page .step2 .verified-check { right: 170px; } .register-page .progress { background-color: #dcdcdc; } .register-page .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100% !important; } .register-page .bootstrap-select.btn-group .dropdown-menu li a span.text { font-size: 13px !important; color: #777 !important; text-align: left; padding-top: 7px !important; } .register-page .bootstrap-select>.dropdown-toggle { height: 43px; border-radius: 0px; } .register-page #msform fieldset.step3 ul.dropdown-menu li { background: none !important; width: 100%; padding: 0px !important; margin: 0px !important; } .register-page #msform fieldset.step3 .place-wrapper .dropdown-menu li { text-align: left!important; } .register-page #msform fieldset.step3 .place-wrapper .dropdown-menu li:hover a, .register-page #msform fieldset.step3 .place-wrapper .dropdown-menu li:focus a, .register-page #msform fieldset.step3 .place-wrapper .dropdown-menu li.active:hover a, .register-page #msform fieldset.step3 .place-wrapper .dropdown-menu li.active:focus a { color: #333!important } .register-page #msform fieldset.step3 .place-wrapper .dropdown-menu li a { color: #333!important; font-size: 13px; padding: 6px 10px; } .register-page #msform fieldset.step3 .place-wrapper .dropdown-menu li a strong { font-weight: normal!important } .red { color: #fd0202; } .rating { unicode-bidi: bidi-override; direction: rtl; font-size: 30px; } .rating span.star { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; } .rating span.star:hover { cursor: pointer; } .rating span.star:hover:before, .rating span.star:hover~span.star:before { content: "\f005"; color: #e3cf7a; } .rating span.star:before { content: "\f006"; padding-right: 5px; color: #999999; } .range-slider { margin: 16px 0 0px; width: 100%; display: inline-block; } .range-slider .text-center { font-size: 16px; margin-bottom: 15px; } .range-slider .slider-container { width: 100% !important; } .radio-list>label { display: block; } .radio-list>label.radio-inline { display: inline-block; } .radio-list>label.radio-inline:first-child { padding-left: 0; } .radio-div { position: absolute; right: auto; top: 14px; left: 24px; } .radio-div:hover input~.checkmark { background-color: #eee!important } .radio-div:hover input~.checkmark { background-color: #ccc; } .radio-div input:checked~.checkmark { background-color: #8cba45; } .radio-div input:checked~.checkmark:after { display: block; } .radio-div .checkmark { position: absolute; top: 0; left: 0; height: 19px; width: 19px; background-color: #fff; border-radius: 50%; } .radio-div .checkmark:after { top: 5px; left: 5px; width: 7px; height: 7px; border-radius: 50%; background: white; } .radio-div .checkmark:after { content: ""; position: absolute; display: none; } .radio-container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radio-container input { position: absolute; opacity: 0; } .r-tabs-accordion-title { display: none; } .que { text-align: right !important; bottom: 8px !important; height: 53px; padding-top: 3px; } .que { border-top: 4px solid #eee; position: fixed; bottom: 60px; left: 0; width: 100%; text-align: center; } .quetion-option { border-bottom: 1px solid #d6d6d6; color: #555; font-size: 14px; margin-bottom: 15px; padding: 0 0 15px; line-height: 24px; } .quetion-option label { font-size: 15px; font-weight: normal; line-height: 18px; padding-right: 50px; } .question { padding: 0 0 0 33px !important; } .question { margin-top: 0; padding: 0 10px; position: relative; overflow: hidden } .questionans { /*font-size: 18px;*/ vertical-align: middle; line-height: 18px !important; width: 84%; display: inline-block; position: relative; top: 0; /*font-weight: 500;*/ color: #333; /*font-family: 'Alegreya';*/ /*font-family: 'Crimson Text', serif;*/ } /*.questionans span{font-family: 'Alegreya' !important;*/ /*font-family: 'Crimson Text', serif;*/ /*font-size: 16px !important}*/ /*.questionans .mjx-chtml{vertical-align:middle !important;}*/ .question-img-wrapper { width: 100%; display: inline-block; margin: 20px 0 } .question-img-wrapper .que { border-top: 0px; } .question-image { text-align: center; margin-top: 30px; } .question-image img { text-align: center; display: inline-block; } .question .que-no { border-bottom: 0; display: inline-block; margin-bottom: 0; margin-top: 0; color: #8cba45; font-size: 18px; font-weight: 500 } .que.action-btn .btn { min-width: 160px; margin: 20px 5px 0; color: #fff; text-transform: uppercase; padding: 8px 10px; font-size: 17px; } .que.action-btn .btn { margin: 8px 5px 0 !important; } .que.action-btn .btn.grey { background: #898c95; } .que.action-btn .btn.grey { background: #818181 !important; color: #fff !important; } .que.action-btn .btn.grey:hover { background: none !important; border: 1px solid #818181 !important; color: #818181 !important; } .que.action-btn .btn.blue { background: #8cba45 !important; color: #fff !important; } .que.action-btn .btn.blue:hover { border: 1px solid #8cba45 !important; background: none !important; color: #8cba45 !important; } .que.action-btn .btn.blue.disabled { background: #ddd !important; color: #818181 !important; } .que-text { display: inline-block; width: 100%; /*font-size: 18px;*/ margin-top: 8px; margin-left: 0px; color: #333; padding-right: 15px; background: #fff !important; border: 1px solid #ddd; padding: 15px 15px; border-radius: 4px; /*font-family: 'Alegreya';*/ /*font-family: 'Crimson Text', serif;*/ margin-bottom: 10px } /*.que-text div{text-align: center;}*/ .que-text div img { margin: 30px 0; width: auto; height: auto; max-width: 80%; } .que-text .MathJax { white-space: normal!important; } .que-section { border: 1px solid #ddd; border-radius: 5px; margin: 0 15px 0 11px; overflow: hidden; } .que-right { float: right; text-align: right; margin-top: -26px; position: absolute; padding-right: 0; top: 26px; right: 0; background: #f5f5f5; border-radius: 4px; padding: 5px 0 2px 0; color: #333; } .que-right li { display: inline-block; text-align: left; border-right: 1px solid #ddd; padding: 0 8px; color: #333; } .que-right li:last-child { border-right: 0; } .que-right li:first-child img { margin-right: 5px; } .que-right li img { position: relative; top: -2px; } .que-right .fa.fa-exclamation-triangle { color: #f00 } .que-right .fa.fa-flag { color: #efa103 } .que-options { margin: 0 } .que-options-inner ul li .option-content .ans-detail { right: -1px; font-size: 12px; top: -8px; color: #fff; padding: 3px 10px 1px 10px; text-transform: capitalize; border-radius: 3px; } .que-options-inner ul li .option-content .ans-detail.write-ans { background: #79c100; } .que-options-inner ul li .option-content .ans-detail.wrong-ans { background: #ff5656 } .que-options-inner ul li .option-content .ans-detail i { font-size: 11px; } .que-options-inner ul li .option-content .mjx-math { font-size: 15px; margin-left: -5px; } .que-options ul { border: 0 none; border-radius: 7px; margin: 0; padding: 0 } /*.que-options ul li{list-style:none;padding-left:70px;position:relative}*/ .que-options ul li { list-style: none; padding-left: 0; position: relative; display: block; position: relative; padding: 4px 10px 4px 0; color: #333; /*font-size: 17px;*/ border: 1px solid #ddd; min-height: 47px; border-radius: 3px; margin-bottom: 12px; background: #fff } .que-options ul li:last-child { margin-bottom: 0 } .que-options ul li:last-child .quetion-option { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .que-options ul li:hover { text-decoration: none; } .que-options ul li.selected, .testScreen .que-options ul li.selected { border: 2px solid #8cba45 !important; /*box-shadow: 0 0 2px #8cba45;*/ color: #333; } .testScreen .que-options ul li { border: 2px solid #ddd !important } /*.que-options ul li.selected.wrong span.opt{background:#f85043;color:#fff;border:1px solid #f85043;} .que-options ul li.selected.correct span.opt{background:#8bc348;color:#fff;border:1px solid #8bc348;} .que-options ul li.selected span.opt{background:#8cba45;color:#fff;}*/ /*.que-options ul li.selected .option{padding:0;display:inline-block;width:100%;position:relative;}*/ /*.que-options ul li.selected .optText{position:relative;top:6px;padding:5px 5px;width:87%;display:inline-block;}*/ .que-options ul li span.opt { vertical-align: middle; height: 35px; display: inline-block; top: 0; border: 1px solid #8cba45; width: 25px; height: 100%; text-align: center; color: #fff; margin-right: 10px; cursor: pointer; height: 25px; line-height: 25px; border-radius: 50%; background: #8cba45; font-size: 14px !important; font-weight: 600; } .que-options ul li span.opt em { vertical-align: middle; display: block; position: relative; top: 0; /*transform:translateY(-50%);*/ font-style: normal; } /*.que-options ul li.selected span.opt,.que-options ul li:hover span.opt{ background: #8cba45; border-color: #8cba45; color: #fff; }*/ .give-test .que-options ul li.selected span.opt, .give-test .que-options ul li:hover span.opt { background-color: #8cba45; border-color: #8cba45; color: #fff; } .give-test .que-options ul li span.opt { color: #888; background: #eee; border: 1px solid #eee } .testScreen .que-options ul li:hover { border-color: #8cba45 !important; cursor: pointer; } .que-options ul li div.checker, .que-options ul li div.checker span, .que-options ul li div.checker input { height: 34px; margin-left: 0; position: absolute; right: 0; top: 0; width: 34px; cursor: pointer; } .que-options ul li div.checker span.checked { background: url("../images/new-icons/corret.png") no-repeat 0 0; background-size: 40px auto; } .que-options ul li .order { background: #696969; border-radius: 50%; color: #fff; display: inline-block; font-size: 17px; height: 32px; left: 13px; padding: 4px 0; position: absolute; text-align: center; width: 34px; top: 3px; } .que-options ul li .option { position: relative; padding: 7px 10px 7px !important } .que-options ul li .checkbox-inline { padding: 0 50px 0 0; } .que-options h4 { padding: 0 15px; margin: 15px 0 2px 0; } .que-no { border-bottom: 1px solid #ddd; display: inline-block; margin-bottom: 40px; margin-top: -15px; } .que-no-right { padding-left: 10px; top: 25px; padding-right: 18px; } .que-no-right .duration { border-right: 1px solid #c6c6c6; color: #ff5353; margin-right: 8px; padding: 5px 10px 5px 0; } .que-no-left { padding-right: 10px; padding-left: 12px; top: 15px; } .que-no-left { font-size: 17px; } .que-no-left, .que-no-right { background: #fff; position: relative; top: 0; padding: 0 10px; } .que-no-left span em { background: #ccc; border-radius: 50%; color: #fff; display: inline-block; font-size: 18px !important; font-style: normal; font-weight: bold; height: 35px; margin-left: 10px; padding: 4px 0; position: relative; text-align: center; top: 2px; width: 38px; } .que-list .jcarousel li { width: 73px !important; } .que-detail { display: inline-block; vertical-align: top; right: 55px; position: absolute; /*left:0;right:0;width:100%;*/ text-align: center; top: -2px; } .que-detail ul li { display: inline-block; padding: 4px 10px; font-size: 14px; } .que-detail ul li { color: #333 } .que-detail .subject-total { margin: 0 50px 0px } .que-detail .subject-total .total-score { position: relative; top: 1px; font-size: 20px; font-weight: 500; } .que-detail .subject-total .total-score em { font-style: normal } /*.que-detail .subject-total .total-score em{font-size:18px;} .que-detail .subject-total .total-score em{font-size:15px;} .que-detail .subject-total .total-score em{color:#fff !important;}*/ .que-detail .subject-total .score.out .total-score em { color: #fff } .que-detail .subject-total .score.out .score-title { color: #e6f9ff; font-weight: 400; letter-spacing: 0; } .que-detail .subject-total .score-title { font-size: 14px; font-weight: 500; } .que-detail .subject-total .outmarks .total-score em { font-size: 14px; font-style: normal; color: #cafff6; letter-spacing: 0; font-weight: normal; } .que-box { position: relative; /*margin-left:263px;padding-bottom:60px */ } /*.que-box .question .question-wrap .que-text span div{text-align:center;padding:30px;}*/ .que-box .question .question-image img { max-width: 600px; width: auto; } .que-box .que-options { margin: 0; left: 0px; position: relative; } .que-box .que .wrap-btn { background: #fff; height: 60px !important } .que-box .chapter-name h2 { font-size: 25px; color: #00556e; padding-top: 20px; margin: 0 0 5px; padding-left: 10px; padding-bottom: 8px; } .que .wrap-btn .btn.grey .fa.fa-arrow-left, .que .wrap-btn .btn.blue .fa.fa-arrow-right { margin: 0px 3px 0px 0px; padding: 0px 4px 0 4px; } .progress { height: 16px; border-radius: 15px; } .progress-status { color: #f85043; display: block; margin-top: 5px; } .progress-btn { background: #eee none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 3px; float: right; font-size: 13px; margin-right: 25px; margin-top: 3px; padding: 5px 10px 5px 12px; width: 125px; } .progress-btn.inprogress .fa { color: #888; padding: 0 5px 0 0; } .progress-btn.complete .fa { color: #8dc54a; padding: 0 5px 0 0; } .progress-bar { line-height: 17px; font-size: 13px; } .progress .progress-bar { line-height: 13px; font-size: 10px; transition: width .4s ease-in-out; } .profile-wrapper { margin-top: 15px; width: 100%; display: inline-block; } .profile-image { width: 100%; text-align: center; } .profile-image { position: relative; } .profile-image-wrapper { display: inline-block; width: 205px; padding-top: 10px; } .profile-image .fileinput.fileinput-new { width: 168px; height: 126px; margin: 0px auto !important; } .profile-edit { position: absolute; top: 20px; right: 30px; } .profile-edit span.p-edit-icon { background: #FE4363; box-shadow: 0 2px 4px 0 rgba(139, 195, 72, 0.16), 0 2px 10px 0 rgba(139, 195, 72, 0.12) !important; border-radius: 25px; width: 30px; height: 30px; padding: 5px 7px; text-align: center; cursor: pointer; } .profile-edit img { width: 16px; position: relative; top: -2px; margin: auto; text-align: center; display: inline-block; left: 1px; } .profile-detail { display: inline-block; width: 795px; vertical-align: top; } .profile-detail ul#info li .save-btn { display: none; } .profile-detail ul#info li .edit-btn, .profile-detail ul#info li .save-btn { background: none; border: 0px; } .profile-detail ul#info li .edit-btn img, .profile-detail ul#info li .save-btn img { width: 12px; position: relative; display: inline-block; top: -2px; } .profile-delete { cursor: pointer; width: 28px !important; position: absolute; top: 84px; left: 43%; border: 0px !important; height: auto !important; bottom: auto; background: #fff; padding: 5px; } .proceed-pay-wrap { width: 95%; text-align: center; margin: 0 auto; } .proceed-pay-wrap button { display: inline-block; width: 100%; } .proceed-pay-wrap .btn.default, .btn.default.pack-btn { padding: 8px 10px; margin-bottom: 15px; width: 200px; height: 40px; border-radius: 24px; background: #8cba45 !important; border-color: #8cba45 !important; text-transform: uppercase; font-weight: 700; font-size: 12px; color: #fff; cursor: pointer; outline: none; letter-spacing: .5px; text-align: center; transition: all .25s ease-in-out !important; margin: 0 auto; display: block; } .btn.default.pack-btn { background: #8cba45 !important; border-color: #8cba45 !important; width: 125px } .btn.default.pack-btn:hover { color: #8cba45 !important; background: #fff !important } .proceed-pay-wrap .btn.default:hover { color: #68c721 !important } .proceed-pay-wrap .btn.blue { padding: 8px 10px !important; } .pretty.p-svg .state .svg { font-size: 1.1em; } .pretty .state label { font-size: 14px; } .prepare-for span { display: inline-block; padding-right: 5px } .prepare-for span.caret { padding-right: 0px; } .prepare-for .selectpicker .nya-bs-select .dropdown-menu.inner li.selected a { background-image: url(../images/checked.png); background-repeat: no-repeat; background-size: 13px; background-position: 4px } .prepare-for .selectpicker .nya-bs-select .dropdown-menu.inner li a { padding-left: 25px; } .practice-solutions .subject-name { font-size: 27px; margin: 0; padding: 5px 10px 10px 50px; margin-bottom: 0; border-bottom: 1px solid #ddd; } .practice-solutions .subject-name.physics-chapters { background: url("../images/practice-physics.png") no-repeat 5px 3px; background-size: 34px auto; } .practice-solutions .subject-name.maths-chapters { background: url("../images/practice-maths.png") no-repeat 0 0; background-size: 40px 40px; } .practice-solutions .subject-name.chemistry-chapters { background: url("../images/practice-physics.png") no-repeat 0 0; background-size: 40px 40px; } .practice-solutions .subject-name.biology-chapters { background: url("../images/practice-biology.png") no-repeat 0 0; background-size: 40px 40px; } .practice-solutions .subject-name .chapter-name { color: #333; font-size: 16px; } .practice-solutions .que-section { margin: 0 4px 0 0; } .practice-solutions .que-no-right { padding-right: 12px; } .practice-solutions .que-no-left { padding-left: 2px; } .practice-solutions .jcarousel { width: 90%; } .practice-solutions .jcarousel-control-prev { left: 5px; } .practice-solutions .jcarousel-control-next { right: 5px; } .practice-solutions .jcarousel li { width: 71px !important; } .practice-solutions .caret { color: #ccc; border-top: 8px solid; border-right: 7px solid transparent; border-left: 7px solid transparent; position: absolute; right: 10px; top: 10px; cursor: pointer; } .practice-solutions .action-button .btn { color: #fff; margin-left: 10px; padding: 10px 20px; text-transform: uppercase; width: 185px; font-size: 14px; } .practice-btn { display: inline-block; } .practice-btn { background: #8bc348 none repeat scroll 0 0; border: 0 none; border-radius: 4px; color: #fff; font-size: 14px; font-weight: bold; margin: 2px 5px 0; min-width: 100px; padding: 4px 10px; vertical-align: top; transition: all 0.4s ease-in .4s; -webkit-transition: all 0.4s ease-in .4s; } .practice-btn:focus { box-shadow: none; } .practice-btn.view-syllabus { background: #8cba45; } .practice-btn.unlock { background: #898c95; } .practice-btn.start { background: #898c95; } .practice-btn.start:hover { background: #747883; } .practice-btn.in-progress { background: #eea000; } .practice-btn.continue { background: #8bc348; } .practice-btn.continue:hover { background: #6cac20; } .portlet { clear: both; margin-top: 0px; margin-bottom: 25px; padding: 0px; } .portlet.tabbable .portlet-body { padding: 0px; } .portlet.solid { padding: 10px; } .portlet.solid.red>.portlet-title, .portlet.solid.red>.portlet-title>.caption>i, .portlet.solid.red>.portlet-body, .portlet.solid.green>.portlet-title, .portlet.solid.green>.portlet-title>.caption>i, .portlet.solid.green>.portlet-body, .portlet.solid.yellow>.portlet-title, .portlet.solid.yellow>.portlet-title>.caption>i, .portlet.solid.yellow>.portlet-body, .portlet.solid.grey>.portlet-title, .portlet.solid.grey>.portlet-title>.caption>i, .portlet.solid.grey>.portlet-body, .portlet.solid.purple>.portlet-title, .portlet.solid.purple>.portlet-title>.caption>i, .portlet.solid.purple>.portlet-body, .portlet.solid.blue>.portlet-title, .portlet.solid.blue>.portlet-title>.caption>i, .portlet.solid.blue>.portlet-body { border: 0; color: #fff; } .portlet.solid.bordered>.portlet-title { margin-bottom: 15px; } .portlet.solid>.portlet-title { margin-bottom: 5px; border: 0px; } .portlet.solid>.portlet-title>.tools { margin-top: 2px; border: 0px; } .portlet.box { padding: 0px !important; } .portlet.box.yellow { border: 1px solid #fccb7e; border-top: 0; } .portlet.box.yellow>.portlet-title { background-color: #ffb848; } .portlet.box.red { border: 1px solid #ef8476; border-top: 0; } .portlet.box.red>.portlet-title { background-color: #e02222; } .portlet.box.purple { border: 1px solid #af5cc1; border-top: 0; } .portlet.box.purple>.portlet-title { background-color: #852b99; } .portlet.box.light-grey { border: 1px solid #bbb; border-top: 0; } .portlet.box.light-grey>.portlet-title { background-color: #aaa; } .portlet.box.grey { border: 1px solid #9d9c9c; border-top: 0; } .portlet.box.grey>.portlet-title { background-color: #555555; } .portlet.box.green { border: 1px solid #77e588; border-top: 0; } .portlet.box.green>.portlet-title { background-color: #35aa47; } .portlet.box.blue { border: 1px solid #b4cef8; border-top: 0; } .portlet.box.blue>.portlet-title { background-color: #4b8df8; } .portlet.box.blue>.portlet-title>.caption>i, .portlet.box.green>.portlet-title>.caption>i, .portlet.box.grey>.portlet-title>.caption>i, .portlet.box.yellow>.portlet-title>.caption>i, .portlet.box.red>.portlet-title>.caption>i, .portlet.box.purple>.portlet-title>.caption>i, .portlet.box.light-grey>.portlet-title>.caption>i { color: #fff; } .portlet.box>.portlet-title { padding: 8px 10px 2px 10px; border-bottom: 1px solid #eee; color: #fff !important; } .portlet.box>.portlet-title { margin-bottom: 0px; } .portlet.box>.portlet-title>.tools { margin-top: 3px; } .portlet.box>.portlet-title>.tools>a.remove, .portlet.solid>.portlet-title>.tools>a.remove { background-image: url(../img/portlet-remove-icon-white.png); } .portlet.box>.portlet-title>.tools>a.reload, .portlet.solid>.portlet-title>.tools>a.reload { background-image: url(../img/portlet-reload-icon-white.png); } .portlet.box>.portlet-title>.tools>a.expand, .portlet.solid>.portlet-title>.tools>a.expand { background-image: url(../img/portlet-expand-icon-white.png); } .portlet.box>.portlet-title>.tools>a.config, .portlet.solid>.portlet-title>.tools>a.config { background-image: url(../img/portlet-config-icon-white.png); } .portlet.box>.portlet-title>.tools>a.collapse, .portlet.solid>.portlet-title>.tools>a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); } .portlet.box>.portlet-body { background-color: #fff; padding: 10px; } .portlet.bordered { border-left: 2px solid #ddd; } .portlet.blue>.portlet-title>.caption, .portlet.green>.portlet-title>.caption, .portlet.yellow>.portlet-title>.caption, .portlet.red>.portlet-title>.caption, .portlet.purple>.portlet-title>.caption, .portlet.grey>.portlet-title>.caption { color: #fff; } .portlet-tabs>.tab-content { padding: 10px !important; margin: 0px; margin-top: -50px !important; } .portlet-tabs>.nav-tabs { position: relative; top: -41px; margin-right: 10px; overflow: hidden; } .portlet-tabs>.nav-tabs { border-bottom: none; } .portlet-tabs>.nav-tabs>li { margin-left: 1px; } .portlet-tabs>.nav-tabs>li { float: right; } .portlet-tabs>.nav-tabs>li:last-child>a { border-right: 0; } .portlet-tabs>.nav-tabs>li.active { color: #333; border-top-color: transparent; } .portlet-tabs>.nav-tabs>li.active>a { margin-bottom: 0px; border-bottom: 0; margin-left: 0px; margin-right: 0px; border-left: 0; border-right: 0; border-top-color: transparent !important; } .portlet-tabs>.nav-tabs>li>a { color: #fff; padding-top: 8px; padding-bottom: 10px; line-height: 16px; margin-top: 6px; margin-left: 0px; margin-right: 0px; border-left: 0; border-right: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .portlet-tabs>.nav-tabs>li>a:hover { color: #333; margin-bottom: 0; border-bottom-color: transparent; margin-left: 0; margin-right: 0; border-left: 0; border-right: 0; border-top-color: transparent; background-color: #fff; } .portlet-tabs>.nav-tabs>.active>a { color: #555555; cursor: default; background-color: #fff; } .portlet-tabs>.nav-tabs>.active>a:hover { background-color: #fff !important; } .portlet>.portlet-title { margin-bottom: 15px; border-bottom: 1px solid #eee; } .portlet>.portlet-title:after { clear: both; } .portlet>.portlet-title:after, .portlet>.portlet-title:before { content: ""; display: table; line-height: 0; } .portlet>.portlet-title>.tools, .portlet>.portlet-title>.actions { display: inline-block; padding: 0; margin: 0; margin-top: 6px; float: right; } .portlet>.portlet-title>.tools>a { display: inline-block; height: 16px; margin-left: 5px; } .portlet>.portlet-title>.tools>a:hover { text-decoration: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; opacity: .6; filter: 'alpha(opacity=60)'; } .portlet>.portlet-title>.tools>a.remove { margin-bottom: 2px; background-image: url(../img/portlet-remove-icon.png); background-repeat: no-repeat; width: 11px; } .portlet>.portlet-title>.tools>a.reload { margin-bottom: 2px; background-image: url(../img/portlet-reload-icon.png); width: 13px; } .portlet>.portlet-title>.tools>a.expand { margin-bottom: 2px; background-image: url(../img/portlet-expand-icon.png); width: 14px; } .portlet>.portlet-title>.tools>a.config { margin-bottom: 2px; background-image: url(../img/portlet-config-icon.png); background-repeat: no-repeat; width: 12px; } .portlet>.portlet-title>.tools>a.collapse { margin-bottom: 2px; background-image: url(../img/portlet-collapse-icon.png); width: 14px; } .portlet>.portlet-title>.pagination.pagination-sm { float: right !important; display: inline-block !important; margin: 0px; margin-top: -4px; } .portlet>.portlet-title>.caption { float: left; display: inline-block; font-size: 18px; line-height: 18px; font-weight: 400; margin: 0; padding: 0; margin-bottom: 8px; } .portlet>.portlet-title>.caption>i { float: left; margin-top: 4px; display: inline-block !important; font-size: 13px; margin-right: 5px; color: #666; } .portlet>.portlet-title>.actions>.dropdown-menu i { color: #333 !important; } .portlet>.portlet-title>.actions>.btn { padding: 4px 10px; margin-top: -14px; } .portlet>.portlet-title>.actions>.btn.btn-sm { padding: 3px 8px; margin-top: -13px; } .portlet>.portlet-title>.actions>.btn-group { margin-top: -13px; } .portlet>.portlet-title>.actions>.btn-group>.btn { padding: 4px 10px; margin-top: -1px; } .portlet>.portlet-title>.actions>.btn-group>.btn-sm { padding: 3px 8px; margin-top: -1px; } .portlet>.portlet-empty { min-height: 125px; } .portlet>.portlet-body { clear: both; padding: 0; } .portlet>.portlet-body.yellow, .portlet.yellow { background-color: #ffb848 !important; } .portlet>.portlet-body.red, .portlet.red { background-color: #e02222 !important; } .portlet>.portlet-body.purple, .portlet.purple { background-color: #852b99 !important; } .portlet>.portlet-body.light-grey, .portlet.light-grey { background-color: #fafafa !important; } .portlet>.portlet-body.light-blue, .portlet.light-blue { background-color: #bfd5fa !important; } .portlet>.portlet-body.grey, .portlet.grey { background-color: #555555 !important; } .portlet>.portlet-body.green, .portlet.green { background-color: #35aa47 !important; } .portlet>.portlet-body.blue, .portlet.blue { background-color: #4b8df8 !important; } .portlet .dashboard-stat:last-child { margin-bottom: 0; } .place-wrapper .dropdown-menu { height: 200px; overflow-y: scroll; width: 95%!important; overflow-x: hidden; } .pill-section { width: 100%; text-align: center; } .phone-image { display: block; margin-bottom: 30px; } .phone-image img { width: 55px; } .phno-input { position: relative; } .phno-input p { font-size: 16px; font-size: 15px; } .phno-input h3 { text-align: left; } .phno-input h3 { color: #333; font-size: 18px; margin: -5px 0 15px; } .phno-correct { position: absolute; right: -42px; top: 44px; } .payuform { width: 100%; display: inline-block; margin-top: 20px; } .payuform-wrapper h3 { border-bottom: 1px solid #ddd; color: #333; font-size: 20px; padding-bottom: 10px; } .payuform label { font-weight: normal !important; font-size: 15px !important; } .payu-submit { background: #8cba45 none repeat scroll 0 0; border: 2px solid #8cba45; border-radius: 0; font-weight: bold; padding: 8px 25px; text-transform: uppercase; transition: 0.5s; } .payu-submit:hover { background: #fff none repeat scroll 0 0; border: 2px solid #8cba45; color: #8cba45; transition: 0.5s; } .payment-success { text-align: center; width: 600px; margin: 135px auto 0; } .pause-practice-btn { position: absolute; right: 0; top: 10px; } .pause-practice-btn .btn { border: 2px solid #15ccae; background: #fff; text-transform: uppercase; line-height: 25px; font-size: 16px; color: #0cbb9e; padding: 5px 12px 5px 10px; } .pause-practice-btn .btn .fa { background: #15ccae; color: #fff; padding: 12px; margin: -6px -12px -6px 10px; font-size: 17px; } .participants { background: #fff none repeat scroll 0 0; border-bottom: 1px solid #7cc56d; box-shadow: 0 0 3px #ccc; display: none; left: 0; padding: 5px 10px; position: absolute; top: 36px; width: 100%; z-index: 99; } .participants li { display: inline-block; margin: 3px 0; padding: 0 5px 0 0 !important; } .participants li button { background: transparent none repeat scroll 0 0; border: 0 none; border-radius: 10px; padding: 2px 5px 4px; } .participants li button i.fa { font-size: 15px; } .participants li button i.fa-circle { border: 1px solid #72e237; border-radius: 50%; color: #fff; font-size: 12px; height: 14px; line-height: 11px; width: 14px; } .participants li button i.fa-check-circle { color: #72e237; left: -1px; position: relative; top: 1px; } .panel.pmt-2016 .panel-title { background: url(../images/pcb.png) 0 0 no-repeat; cursor: pointer; background-size: 45px auto; } .panel.pet-2016 .panel-title { background: url(../images/pcm.png) 0 0 no-repeat; cursor: pointer; background-size: 45px auto; } .panel.cet-2016 .panel-title, .panel.cet-2017 .panel-title { background: url(../images/pcmb.png) 0 0 no-repeat; background-size: 45px auto; } .panel-right { text-align: right; } .panel-right { padding-right: 30px; } .panel-right .toggle-icon { display: inline-block; padding: 10px 0 0 15px; position: absolute; right: 0; top: 1px; } .panel-right .toggle-icon .fa.fa-lock { color: #ddd; font-size: 20px; } .panel-right .toggle-icon .fa.fa-angle-right { color: #ddd; font-size: 40px; transition: all 300ms ease-in 0s; -webkit-transition: all 300ms ease-in 0s; -moz-transition: all 300ms ease-in 0s; -ms-transition: all 300ms ease-in 0s; } .panel-heading { display: block; } .panel-heading:hover, .panel-heading:focus, .panel-heading:hover a, .panel-heading:focus a { color: #c9b27e; text-decoration: none !important; } .panel-heading.active a:before { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); } .panel-heading a:before { font-family: 'Glyphicons Halflings'; content: "\e113"; float: right; transition: all 0.5s; position: relative; top: 4px; color: #767676; } .panel-heading a.collapsed:before { content: "\e114" } .panel-heading a.disabled::before { color: #adadad!important } .panel-default.active .panel-heading .fa.fa-angle-right { color: #ddd; font-size: 30px; position: absolute; right: 0; top: 30px; -webkit-transform: rotate(180deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); top: 10px; } .panel-default.active .panel-heading .completion-progress, .panel-default.active .panel-heading .practice-btn { display: none; } .panel-default .panel-heading .fa.fa-angle-right { color: #767676; font-size: 30px; position: absolute; right: 0; top: 14px; transition: all .2s linear 0s; -webkit-transition: all 300ms ease-in 0s; -moz-transition: all 300ms ease-in 0s; -o-transition: all 300ms ease-in 0s; transition: all 300ms ease-in 0s; } .page-title { padding: 0px; font-size: 30px; letter-spacing: -1px; display: block; color: #666; margin: 0px 0px 15px 0px; font-weight: 300; } .page-title small { font-size: 14px; letter-spacing: 0px; font-weight: 300; color: #888; } .page-sidebar { width: 290px; float: left; position: fixed; left: 0px; background: #fff; top: 0px; margin-top: 54px; padding: 0 5px; border-right: 6px solid #eee; z-index: 99; box-shadow: 0 0 5px #ccc } .page-sidebar { min-height: 640px; background: #fff; } .page-sidebar.navbar-collapse { padding: 0; } .page-sidebar.navbar-collapse { max-height: none !important; } .page-sidebar-reversed.page-sidebar-fixed .page-sidebar-menu>li>a { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .page-sidebar-reversed .page-sidebar-menu>li.active>a .selected { background-image: url("../img/sidebar-menu-arrow-reverse.png"); right: auto; left: 0; } .page-sidebar-menu { list-style: none; margin: 0; padding: 0; margin: 0; padding: 0; } .page-sidebar-menu nav ul li.support .packages-icon { margin-right: 7px; } .page-sidebar-menu nav ul li.invite-friends { border-top: 1px solid #eee; margin-top: 25px; } .page-sidebar-menu li>a>.badge { float: right; margin-top: 1px; margin-right: 13px; } .page-sidebar-menu>li { margin: 0px 0px; } .page-sidebar-menu>li { display: block; margin: 0; padding: 0; border: 0px; } .page-sidebar-menu>li:last-child>a, .page-sidebar-menu>li.last>a { border-bottom-color: transparent !important; } .page-sidebar-menu>li.support>a { font-size: 14px; } .page-sidebar-menu>li.start>a { border-top-color: transparent !important; } .page-sidebar-menu>li.pmt-2016 { border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px; } .page-sidebar-menu>li.pmt-2016 { border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px; } .page-sidebar-menu>li.pmt-2016>a, .page-sidebar-menu>li.pcb>a {} .page-sidebar-menu>li.pcm.active>a { background: url(../images/new-icons/menu-pcm-hover.png) 13px 8px no-repeat #8cba45; background-size: 32px auto; } .page-sidebar-menu>li.pcm>a { background: url(../images/new-icons/menu-pcm.png) 13px 8px no-repeat; background-size: 32px auto; } .page-sidebar-menu>li.pcm>a:hover { background: url(../images/new-icons/menu-pcm.png) 13px 8px no-repeat #efefef; background-size: 32px auto; } .page-sidebar-menu>li.pcb.active>a { background: url(../images/new-icons/menu-pcb-hover.png) 13px 10px no-repeat #8cba45; background-size: 32px auto; } .page-sidebar-menu>li.pcb>a { background: url(../images/new-icons/menu-pcb.png) 13px 10px no-repeat; background-size: 32px auto; } .page-sidebar-menu>li.pcb>a:hover { background: url(../images/new-icons/menu-pcb.png) 13px 10px no-repeat #efefef; background-size: 32px auto; } .page-sidebar-menu>li.open>a { font-size: 14px; } .page-sidebar-menu>li.invite-friends { border-top: 1px solid #ddd; padding-top: 15px; } .page-sidebar-menu>li.cet-2016.active>a {} .page-sidebar-menu>li.cet-2016>a {} .page-sidebar-menu>li.cet-2016>a:hover {} .page-sidebar-menu>li.break { margin-bottom: 20px; } .page-sidebar-menu>li.active>ul.sub-menu { display: block; } .page-sidebar-menu>li.active>ul.sub-menu>li.active ul.sub-menu { display: block; } .page-sidebar-menu>li.active>ul.sub-menu>li.active ul.sub-menu>li.active ul.sub-menu { display: block; } .page-sidebar-menu>li.active>a { border: none; text-shadow: none; } .page-sidebar-menu>li.active>a .selected { display: block; width: 8px; height: 25px; background-image: url("../img/sidebar-menu-arrow.png"); float: right; position: absolute; right: 0px; top: 8px; } .page-sidebar-menu>li>ul.sub-menu { display: none; list-style: none; clear: both; margin: 8px 0px 8px 0px; } .page-sidebar-menu>li>ul.sub-menu li>ul.sub-menu>li>a { display: block; margin: 0px 0px 0px 0px; padding: 5px 0px; text-decoration: none; font-size: 14px; font-weight: 300; background: none; } .page-sidebar-menu>li>ul.sub-menu li>ul.sub-menu>li>a>i { font-size: 13px; } .page-sidebar-menu>li>ul.sub-menu li>a>.arrow:before { float: right; margin-top: 1px; margin-right: 20px; display: inline; font-size: 16px; font-family: FontAwesome; height: auto; content: "\f104"; font-weight: 300; text-shadow: none; } .page-sidebar-menu>li>ul.sub-menu li>a>.arrow.open:before { float: right; margin-top: 1px; margin-right: 18px; display: inline; font-family: FontAwesome; height: auto; font-size: 16px; content: "\f107"; font-weight: 300; text-shadow: none; } .page-sidebar-menu>li>ul.sub-menu>li { background: none; margin: 0px; padding: 0px; margin-top: 1px !important; } .page-sidebar-menu>li>ul.sub-menu>li ul.sub-menu { display: none; list-style: none; clear: both; margin: 0px 0px 0px 0px; } .page-sidebar-menu>li>ul.sub-menu>li ul.sub-menu li { background: none; margin: 0px; padding: 0px; margin-top: 1px !important; } .page-sidebar-menu>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a { padding-left: 80px; } .page-sidebar-menu>li>ul.sub-menu>li>ul.sub-menu>li>a { padding-left: 60px; } .page-sidebar-menu>li>ul.sub-menu>li>a { display: block; margin: 0px 0px 0px 0px; padding: 5px 0px; padding-left: 44px !important; text-decoration: none; font-size: 14px; font-weight: 300; background: none; } .page-sidebar-menu>li>a { text-transform: uppercase; padding-left: 15px; } .page-sidebar-menu>li>a { display: block; position: relative; margin: 0; border: 0px; padding: 15px 15px; text-decoration: none; font-size: 14px; font-weight: 300; color: #333; -webkit-transition: all 0.1s linear 0.1s; -moz-transition: all 0.1s linear 0.1s; -o-transition: all 0.1s linear 0.1s; transition: all 0.1s linear 0.1s; } .page-sidebar-menu>li>a:hover { background: #eee !important; } .page-sidebar-menu>li>a i { font-size: 16px; margin-right: 5px; text-shadow: none; } .page-sidebar-menu>li>a>.arrow.open:before { float: right; margin-top: 0px; margin-right: 3px; display: inline; font-family: FontAwesome; height: auto; font-size: 16px; content: "\f107"; font-weight: 300; text-shadow: none; } .page-sidebar-menu .sub-menu { padding: 0; } .page-sidebar-fixed .page-sidebar-menu>li>a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .page-sidebar ul>li>a>.arrow:before { float: right; margin-top: 0px; margin-right: 5px; display: inline; font-size: 16px; font-family: FontAwesome; height: auto; content: "\f104"; font-weight: 300; text-shadow: none; } .page-sidebar h3 { border-bottom: 1px solid #eee; color: #333; font-family: Lato-Regular; font-size: 22px; margin: 0px; padding: 9px 10px 8px 15px; position: relative; text-transform: uppercase; top: 0; } .page-sidebar .sidebar-toggler { margin-top: 15px; margin-left: 175px; } .page-sidebar .sidebar-search { padding: 0; margin: 0; } .page-sidebar .sidebar-search .form-container { margin: 15px 20px 15px 20px; height: 35px; padding-top: 7px; } .page-sidebar .sidebar-search .form-container input[type="text"] { margin: 0px; width: 165px; border: 0px; padding: 0 !important; font-size: 14px !important; box-shadow: none !important; font-size: 14px; font-weight: normal; } .page-sidebar .sidebar-search .form-container input[type="text"]:focus { outline: none !important; } .page-sidebar .sidebar-search .form-container .submit { display: block; float: right; margin-top: 3px; width: 13px; height: 15px; background-repeat: no-repeat; box-shadow: none; border: 0px; padding: 0px; outline: none !important; } .page-sidebar .header.navbar-responsive-search { display: none; } .page-loading { position: fixed; top: 50%; left: 50%; min-width: 125px; margin-left: -50px; margin-top: -30px; padding: 7px; text-align: center; color: #333; font-size: 13px; border: 1px solid #ddd; background-color: #eee; vertical-align: middle; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); } .page-loading span { line-height: 20px; vertical-align: middle; } .page-header-fixed br { display: none; } .page-header-fixed .page-container { margin-top: 55px; padding: 0 15px; } .page-header-fixed .page-container br, .page-header-fixed .header br { display: block; } .page-full-width .page-sidebar-menu { display: none; } .page-full-width .page-content { margin-left: 0px !important; } .page-content { padding-left: 0px; margin-top: 15px; min-height: 555px !important; } .page-content.no-min-height { min-height: auto; } .page-content-wrapper { float: left; width: 100%; overflow: hidden; } .page-content .page-breadcrumb.breadcrumb { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-shadow: none; padding-right: 25px; padding-left: 25px; margin-top: 20px; margin-bottom: 15px; border-bottom: 1px solid #eee; background-color: #fff; margin-left: 0px; margin-right: 0px; padding: 11px 20px 11px; position: relative; } .page-content .page-breadcrumb.breadcrumb>li.active>a, .page-content .page-breadcrumb.breadcrumb>li>a:hover { color: #8cba45; text-decoration: none; } .page-content .page-breadcrumb.breadcrumb>li>i { color: #b0b0b0; margin: 0 10px; } .page-content .page-breadcrumb.breadcrumb>li>a, .page-content .page-breadcrumb.breadcrumb>li>i, .page-content .page-breadcrumb.breadcrumb>li>span { color: #b0b0b0; font-size: 13px; text-shadow: none; font-weight: normal; } .page-content .page-breadcrumb.breadcrumb>li+li:before { display: none; } .page-content .page-breadcrumb.breadcrumb>.btn-group .btn { padding-top: 8px; padding-bottom: 8px; } .page-content .page-breadcrumb.breadcrumb .dashboard-date-range { position: relative; top: -8px; margin-right: -30px; display: none; padding: 9px 9px 8px 9px; cursor: pointer; color: #fff; background-color: #e02222; } .page-content .page-breadcrumb.breadcrumb .dashboard-date-range>span { font-size: 12px; font-weight: 300; color: #fff; text-transform: uppercase; } .page-content .page-breadcrumb.breadcrumb .dashboard-date-range>.fa-calendar { text-transform: none; color: #fff; margin-top: 0px; font-size: 14px; } .page-content .page-breadcrumb.breadcrumb .dashboard-date-range>.fa-angle-down { color: #fff; font-size: 16px; } .page-content .page-breadcrumb.breadcrumb .btn-group { right: 15px; position: absolute; margin-top: -8px; } .page-content .main-inner .profile-wrapper .user-detail-section, .page-content .main-inner .profile-wrapper .user-profile-section { background: #fff } .page-content .main-inner .profile-wrapper .user-detail-section.change-pwd-section { border: 0; margin: 0 6px 0 0; background: #8cba454f !important; display: inline-block; width: 100% } .page-content .main-inner .profile-wrapper .user-detail-section.change-pwd-section h3 { margin-bottom: 0; padding: 10px 15px } .page-content .main-inner .buy-package .target-text { margin: -7px 0 4px; } .page-content .dashboard .subject-tabs .panel-group { margin-bottom: 0px !important } .useredit-modal .modal-dialog { width: 800px } .useredit-modal .form-control, .modal.useredit-modal .btn.btn-default { box-shadow: none; height: auto; border-color: #e8e8e8; padding: 4px 12px; margin-top: 5px; } .useredit-modal .nya-bs-select { width: 100% !important; display: block !important; } .modal.useredit-modal .btn.btn-default { border-radius: 0; border-color: #e8e8e8; } /*.main-heading-name h1{margin:0;padding:0;color:#8cba45;font-size:20px;text-transform:uppercase;}*/ .page-container:before, .page-container:after { display: table; content: " "; } .page-container:after { clear: both; } .page-container .main-container { overflow: hidden; } .page-boxed .mega-menu .mega-menu-dropdown.mega-menu-full .dropdown-menu { margin: 0; padding: 0; left: 18px; right: 18px; } .page-boxed .mega-menu .mega-menu-dropdown .dropdown-menu { top: 42px; } .pad-r-0 { padding-right: 0; } .pad-l-r-0 { padding-left: 0; padding-right: 0; } .pad-l-0 { padding-left: 0; } .packages-icon { margin-right: 10px; } .packages ul { padding: 0; } .packages ul li { list-style: none; border: 1px solid #ddd; border-radius: 6px; overflow: hidden; color: #6e7d80; margin-bottom: 20px; } .packages ul li .package-detail ul { display: inline-block; padding: 15px 0px 0; width: 100%; } .packages ul li .package-detail ul li { background: transparent url("../images/bullet2.jpg") no-repeat 0 4px; border: 0 none; float: left; font-size: 14px; margin: 5px 0; padding-left: 20px; width: 100%; background-size: 10px; } .packages .price { font-size: 26px; font-weight: normal; position: relative; top: 0px; color: #8cba45; } .packages .price i.fa { font-size: 30px; font-weight: normal; position: relative; right: -7px; top: 1px; } .packages .nav-pills>li { float: none; display: inline-block; border-radius: 0px !important; } .package-rate { padding: 8px 0 14px; } .package-rate.last-item { margin-top: 20px; padding: 10px 15px 4px; background: #f3f3f3; } .package-rate.last-item ul li span { color: #333 } .package-rate-wrap span.safe-text { text-align: center; padding-top: 5px; width: 100%; display: inline-block; font-size: 15px; color: #333; } .package-rate ul li { list-style: none; display: inline-block; width: 100%; padding-bottom: 15px; border-bottom: 1px solid #ddd; padding-top: 15px; font-size: 15px; color: #767676; } .package-rate ul li:last-child { border-bottom: 0px; padding-bottom: 0px; } .package-rate ul li:first-child { padding-top: 0px; } .package-price { display: inline-block; margin: 10px 0 0 0; width: 100%; padding: 15px 0; border-top: 1px solid #f2f2f2; font-size: 31px; font-family: 'Montserrat'; } /*.package-name.dropdown.open .dropdown-menu{top:95%!important;left:-2px;padding: 0} .package-name.dropdown.open .dropdown-menu{border-radius:0px!important;display:block!important} .package-name.dropdown.open .dropdown-menu hr{margin:5px 0!important}*/ .package-name.dropdown .caret { border-top: 6px solid; border-right: 6px solid transparent; border-left: 6px solid transparent; margin-top: -2px; } .package-name h3 { margin: 0; padding: 0; color: #8cba45; font-size: 20px; text-transform: capitalize; } .package-list { margin-top: 32px; } .package-list-wrap { border-bottom: 1px solid #f2f2f2; margin-bottom: 10px; padding-bottom: 15px } .package-list-wrap ul, .package-list-wrap ol { margin: 0; padding: 0; text-align: center; } .package-list-wrap ul li, .package-list-wrap ol li { font-size: 14px; padding: 5px 0; color: #757171 } .package-list .panel-collapse { border-top: 1px solid #ddd; margin: 5px 0 0 0; padding-bottom: 0; } .package-list .panel-collapse ul { border-bottom: 3px dotted #ddd; padding: 0 0 15px; margin-top: 5px; margin-bottom: 13px; } .package-list .panel-collapse ul li { list-style: none; background: url(../images/bullet.jpg) 4px 12px no-repeat; font-size: 15px; padding: 5px 10px 4px 30px; color: #a3a3a3; } .package-list .panel h3 { color: #555; font-size: 25px; margin: 15px 0; } .package-list .panel .panel-title { color: #555; font-size: 26px; padding: 0 10px 0 58px; } .package-list .panel .panel-title a, .accordion .panel .panel-title a { text-decoration: none; display: block; padding-bottom: 14px; padding-top: 10px; position: relative; color: #7b7979; font-weight: 700; } .package-list .btn.default { width: 130px; font-size: 16px; padding: 7px 10px; margin-bottom: 7px; } .package-detail { padding: 0 10px 20px 10px; } .package-detail h3 { font-size: 19px; color: #333; } .package-detail h3 { color: #555; font-size: 19px; font-weight: 500 !important; position: relative; text-align: left; top: 32%; } .package-detail .total-pattern .box span { width: 49%; } .package-detail .subject-covered .box p { font-size: 26px; font-weight: bold; margin: 16px 0 10px 0; } .package-detail .box { border: 1px solid #ddd; min-height: 85px; padding: 5px 10px 15px; text-align: center; } .package-detail .box span { display: inline-block; text-align: center; font-size: 35px; } .package-detail .box span em { display: block; font-size: 17px; font-style: normal; margin-top: -10px; } .package-box { position: relative; width: 100%; border-radius: 0px; } .package-box:hover .overlay { height: 100%; } .package-box.pb3 { background: #1dc599 none repeat scroll 0 0; } .package-box.pb2 { background: #f25f3d none repeat scroll 0 0; } .package-box.pb1 { background: #EE9D28; } .package-box.package3 h3 { color: #f25f3d; } .package-box.package2 h3 { color: #1dc599; } .package-box.package1 h3 { color: #EE9D28; } .overlay { position: absolute; bottom: 0; left: 0; right: 0; background-color: #688084; overflow: hidden; width: 100%; height: 0; transition: .5s ease; border-radius: 3px; } .overall-wrapper .result-status .result-group { margin-bottom: 30px; } .overall-wrapper .result-status .group span { padding-right: 0; /* float: right; */ font-size: 14px; background: #e8e7e7; text-align: center !important; padding: 3px 9px; border-radius: 22px; font-weight: 500; color: #4a4a4a !important; position: relative; top: -2px } .overall-wrapper .result-status .group .text-warning { color: #5a5854; } .overall-wrapper .result-status .progress-bar-warning { background-color: #a9a8a7; } .overall-wrapper .result-status .group .text-success { color: #00af00 } .overall-wrapper .result-status .progress-bar-success { background-color: #00af00; } .overall-wrapper .result-status .group .text-info { color: #00a0cf } .overall-wrapper .result-status .progress-bar-info { background-color: #00a0cf } .overall-wrapper .result-status .group .text-danger { color: #fb1f19; } .overall-wrapper .result-status .progress-bar-danger { background-color: #fb1f19; } .outer { width: 630px; margin: 80px auto; background-image: url('../images/form-bg.png') repeat-x; } /*.outer.register-page{margin:100px auto;} */ .outer.forgetpwd .step1-wrapper, .outer.forgetpwd .step3-wrapper { width: 300px; margin: 0 auto; } .outer.forgetpwd .phone-image img { width: 55px; } /*.outer.forgetpwd .login{margin:55px auto;}*/ .outer.forgetpwd #msform fieldset { width: 100%; margin: 0 auto; padding: 20px 0; } .outer.forgetpwd #msform fieldset.step2, .outer.forgetpwd #msform .step3 { height: auto !important; } .outer.forgetpwd #msform fieldset.step1 { padding: 20px 0px 0px !important } /*.outer.forgetpwd #msform fieldset.step1 button{width:50% !important}*/ .N-register .outer.forgetpwd #msform fieldset.step1 button { bottom: 0 } .out-of-mark { display: inline-block !important; color: #333 !important; font-size: 25px !important; padding-left: 5px; } .otp-modal span.close-icon { position: relative; top: -1px; } .otp-modal .verified-div .verified-check { right: -6px; top: 6px; } .otp-modal .verified-div .form-control { width: 80%; display: inline-block; } .otp-modal .phone-image { width: 100%; text-align: center; } .otp-modal .phone-image img { width: 40px; display: inline-block; text-align: center; } .otp-modal .modal-dialog { width: 500px; } .other-packages { background: #efefef; margin-bottom: 20px; margin-left: -25px; margin-right: -25px; padding: 5px 20px; } .other-packages span { background: url(../images/other-package.png) 0 8px no-repeat; color: #444; display: block; font-size: 24px; padding: 20px 10px 16px 70px; } .other-details { border-top: 1px solid #edf1f0; color: #555; display: inline-block; font-size: 25px; margin-top: 5px; padding: 20px 0 5px; width: 100%; } .other-details { border-top: 1px solid #a9bbbb; display: inline-block; width: 100%; font-size: 25px; padding: 15px 0 5px; color: #555; } .other-details span { font-size: 13px; } .other-details .btn { border: 2px solid #14cdae; color: #14cdae; font-size: 13px; padding: 7px 20px; text-transform: uppercase; margin-top: 5px; transition: all 0.5s linear 0.3s; -webkit-transition: all 0.5s linear 0.3s; } .other-details .btn:hover { background: #14cdae; color: #fff; } .oterror { color: #f00; margin: -5px 0 10px; text-align: left; } .orange { color: #efa103 !important; } .option-content { min-height: 35px; padding: 5px 0 5px 10px; } .option-content img { max-width: 100%; width: auto; height: auto; } .optText { /*font-size: 16px;*/ line-height: 18px !important; width: 90%; display: inline-block; position: relative; top: 0; /*font-weight: 500;*/ color: #333; /*font-family: 'Alegreya';*/ /*font-family: 'Crimson Text', serif;*/ text-align: left; vertical-align: middle; } .optText div { margin-left: 35px } .optText img { max-width: 100%; height: auto; width: auto; } /*.que-text span.mjx-char,.que-text p.MsoNormal,.que-text p.MsoNormal span{font-size: 16px !important;font-family: 'Crimson Text', serif !important}*/ /*.que-text p.MsoNormal span{font-family: 'Alegreya';font-family: 'Crimson Text', serif !important}*/ .mjx-denominator, .mjx-numerator { font-size: 16px !important } .mjx-mfrac { font-size: 21px } .nya-bs-select.btn-group .dropdown-menu.inner { overflow-y: scroll; max-height: 200px; } .numberExistDisabled { cursor: not-allowed; opacity: 0.7; pointer-events: none } .no { color: #142031; font-size: 24px; line-height: 30px; } .note { margin: 0 0 20px 0; padding: 15px 30px 15px 15px; border-left: 5px solid #eee; } .note-warning { background-color: #FCF3E1; border-color: #fcb322; } .note-success { background-color: #EBFCEE; border-color: #3cc051; } .note-info { background-color: #E8F6FC; border-color: #57b5e3; } .note-danger { background-color: #FAEAE6; border-color: #ed4e2a; } .note p:last-child { margin-bottom: 0; } .note h1, .note h2, .note h3, .note h4 { margin-top: 0; } .note code, .note .highlight { background-color: #fff; } .not-visited { color: #888 } .not-answered { color: #EE6969 } .no-space { margin: 0px !important; padding: 0px !important; } .no-margin { margin: 0; } .no-border { border: 0 !important; } .new-register { clear: both; color: #666; display: inline-block; font-size: 18px; margin: 30px 0 15px; text-align: center; width: 100%; } /*.new-register a{display: inline-block;text-transform: uppercase;margin-left: 5px;text-decoration: none !important;font-weight: bold;color: #8cba45;}*/ .nav-tabs { border-bottom: 0px!important; } .nav-tabs.subject-inner-tabs { padding: 20px 0 15px 0; border: 0; } .nav-tabs.subject-inner-tabs>li { margin: 0 20px 0 0; } .nav-tabs.subject-inner-tabs>li.active>a, .nav-tabs.subject-inner-tabs>li>a:hover, .nav-tabs.subject-inner-tabs>li.active>a:hover, .subject-tabs .nav-tabs>li.active>a:focus { border: 0; background: #8cba45; color: #fff; border: 1px solid #8cba45; } .nav-tabs.subject-inner-tabs>li a { border: 0; background: #fff; padding: 7px 30px; border: 1px solid #ddd; color: #999; border-radius: 4px; font-size: 15px; } .nav-tabs-sm>li>a, .nav-pills-sm>li>a { font-size: 13px; } .nav-tabs>li>a, .nav-pills>li>a { font-size: 14px; } .nav-tabs>li>a>.badge, .nav-pills>li>a>.badge { margin-top: -3px; } .nav-pills { display: inline-block; } .nav-pills li a { font-size: 20px; font-weight: 900; padding: 5px 35px; border-radius: 0px; border: 2px solid #40C1D7; background: -webkit-linear-gradient(#40C1D7, #73D5C6); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent !important; } .nav-pills li a:hover { background: -webkit-linear-gradient(#40C1D7, #73D5C6); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent !important; } .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus { background: -webkit-linear-gradient(#40C1D7, #73D5C6); background: -o-linear-gradient(#40C1D7, #73D5C6); background: -moz-linear-gradient(#40C1D7, #73D5C6); background: linear-gradient(#40C1D7, #73D5C6); color: #fff !important; -webkit-text-fill-color: #fff !important; } .nav>li>a:hover, .nav>li>a:focus { background: none; } .my-pack .buy-btn-wrap .btn.taketest-btn { width: 100%; } .mr { font-style: italic; } .mr i { color: #bbb; } .modal { margin: 0 auto; } .modal-header { padding: 30px 15px 5px; border-bottom: 1px solid #ddd; text-align: center; color: #333; min-height: inherit; } .modal-header h4 { font-size: 22px; color: #8cba45; } .modal-footer { padding-bottom: 30px; padding-top: 0; margin-top: 0; text-align: center !important; } .modal-footer, .modal-header { border: 0; } .modal-footer button.btn { background: #8cba45; border: 0; display: inline-block; padding: 5px 15px; text-transform: uppercase; min-width: 100px; } .modal-footer button.btn.btn-primary { border-radius: 0px; height: 32px; } .modal-footer button.btn.btn-default { background: none; border: 1px solid #8cba45 !important; color: #8cba45; border-radius: 0px; } .modal-footer .btn.grey { background: #818181 !important; color: #fff !important; font-size: 16px; padding: 10px 15px; min-width: 200px; } .modal-footer .btn.grey:hover { border: 1px solid #818181 !important; color: #818181 !important; background: none !important; } .modal-footer .btn.blue { border: 1px solid #8cba45 !important; color: #8cba45; font-size: 16px; padding: 10px 15px; min-width: 200px; } .modal-footer .btn.blue:hover { background: #8cba45 !important; color: #fff; } .modal-content { border-radius: 0; } .modal-content .control-label { margin-bottom: 3px !important; font-weight: normal !important; font-size: 15px; } .modal-body { padding: 20px 60px; } .modal-body .user-edit-form .btn.default.send-otp { padding: 10px 7px !important; top: 18px !important; } .modal button.close { position: absolute; opacity: 1; background: #8cba45; width: 23px; height: 23px; top: -10px; right: -8px; border-radius: 50px; color: #fff; padding: 0 0; background-image: none !important; text-indent: 0px; } .modal#modalLogoutUserDetails button.close, .modal#mt-useredit-modal button.close { top: 10px; right: 20px; color: #8cba45; margin: 0; font-size: 26px; background: none } .mobile-field { position: relative; } /*.mjx-chtml{vertical-align:top !important;}*/ .menu-img { width: 20px; position: relative; top: -4px; margin-right: 5px; } .mega-menu-responsive-content { padding: 10px 15px 10px 60px; } .mega-menu .nav.navbar-right .dropdown-menu { left: auto; right: 0; } .mega-menu .nav, .mega-menu .collapse, .mega-menu .mega-menu-dropup, .mega-menu .mega-menu-dropdown { position: static; } .mega-menu .mega-menu-submenu { width: auto !important; padding: 0px 15px !important; margin: 0 !important; } .mega-menu .mega-menu-submenu:last-child { border-right: 0; } .mega-menu .mega-menu-submenu li { padding: 2px !important; margin: 0 !important; list-style: none; } .mega-menu .mega-menu-submenu li>h3 { font-size: 14px; margin-top: 10px; padding-left: 5px; } .mega-menu .mega-menu-submenu li>a { padding: 5px !important; margin: 0 !important; } .mega-menu .mega-menu-full .dropdown-menu { left: 20px; right: 20px; } .mega-menu .mega-menu-dropdown .dropdown-menu { left: auto; width: auto; } .mega-menu .mega-menu-content { padding: 10px; margin: 0; } .mega-menu .container { position: relative; } .marks-proportion { color: #b1b1b1 !important; font-size: 32px; padding-left: 37px; position: absolute; right: 120px; top: 18px; background: url("../images/flag.jpg") no-repeat 0 0; } .marks-detail ul { margin: 0; padding: 15px 0; font-size: 14px; color: #999; } .marks-detail ul li { display: inline-block; list-style: outside none none; width: 100%; } .marks-detail ul li { color: #5a5a5a; display: inline-block; list-style: outside none none; padding: 2px 0; width: 100%; } .marks-detail ul li.wrong .time span { border-left: 3px solid #f73b3a; } .marks-detail ul li.wrong .marks span { background: #f73b3a; } .marks-detail ul li.correct .time span { border-left: 3px solid #8cc449; } .marks-detail ul li.correct .marks span { background: #8cc449; } .marks-detail ul li .time { color: #333; } .marks-detail ul li .time span { width: 70%; padding: 3px 20px; border-left: 3px solid #919191; display: inline-block; color: #999; } .marks-detail ul li .time span { color: #5a5a5a; } .marks-detail ul li .marks span { background: #919191; border-radius: 3px; color: #fff; display: inline-block; font-size: 15px; margin-right: 14px; padding: 3px 7px 3px; } .marks-detail h3 { color: #8cba45; margin: 2px 15px 2px; font-size: 22px; } .marks-detail .panel-left { text-align: left; } .marks-detail .panel-left ul { padding: 0; } .marks-detail .panel-left ul li { display: inline-block; line-height: 21px; padding: 0 15px 0 0; width: auto; } .marks-detail .panel-left ul li span { display: inline-block; padding: 0 10px; color: #777; font-size: 20px; } .marks-detail .panel-left ul li span em { display: block; font-style: normal; color: #999; font-size: 13px; } .marks-detail .panel-left ul li img { float: left; margin-top: 4px; } .marks-detail .completion-progress { top: 8px; } .marked-for-review { color: #ffaf0b; } .mark-review { color: #555; position: absolute; right: 0; top: 0; /* background:#eee;padding: 4px 5px;*/ line-height: 15px; border: 0; border-radius: 2px; cursor: pointer; } .mark-reviewTimer { color: #555; position: absolute; right: 135px; top: 0; line-height: 15px; border: 0; border-radius: 2px; cursor: pointer; } .mark-review-select { color: #ffaf0b; position: absolute; right: 0; top: 0; /* background: #ffaf0b;padding: 4px 5px;*/ line-height: 15px; border: 0; border-radius: 2px; cursor: pointer; } .margin-top-20 { margin-top: 20px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-right-10 { margin-right: 10px !important; } .margin-bottom-5 { margin-bottom: 5px; } .margin-bottom-25 { margin-bottom: 25px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .main-tab.nav-tabs { border: 0; padding: 0 15px; margin-top: -15px; margin-bottom: 10px; } .main-tab.nav-tabs>li { margin: 0 10px 0 0; width: 160px; } .main-tab.nav-tabs>li.test.active>a, .main-tab.nav-tabs>li.test>a:hover, .main-tab.nav-tabs>li.test.active>a:hover, .main-tab.nav-tabs>li.test.active>a:focus { border: 0px; color: #8cba45; background: url("../images/new-icons/test-tab-hover.png") no-repeat 30px 11px; background-size: 23px auto; } .main-tab.nav-tabs>li.test>a { background: url("../images/new-icons/test-tab.png") no-repeat 30px 11px; background-size: 23px auto; padding-left: 55px; } .main-tab.nav-tabs>li.practice.active>a, .main-tab.nav-tabs>li.practice>a:hover, .main-tab.nav-tabs>li.practice.active>a:hover, .main-tab.nav-tabs>li.practice.active>a:focus { color: #8cba45; background: url("../images/new-icons/practice-tab-hover.png") no-repeat 25px 15px; background-size: 17px 19px; } .main-tab.nav-tabs>li.practice>a { background: url("../images/new-icons/practice-tab.png") no-repeat 25px 15px; background-size: 19px 20px; padding-left: 50px; } /*.main-tab.nav-tabs > li.active > a, .main-tab.nav-tabs > li.active > a:hover, .main-tab.nav-tabs > li > a:hover, .main-tab.nav-tabs > li.active > a:focus{border-top:0px;border-right:0px;border-left:0px;color:#8cba45;border-bottom:1px solid #8cba45!important}*/ .main-tab.nav-tabs>li>a { padding: 10px 25px 10px 50px; border: 0; font-weight: normal; /*text-transform:uppercase;*/ color: #717171; border-bottom: 3px solid transparent; border-bottom: 3px solid #fff; font-size: 21px; } .main-range-wrapper { border: 1px solid #eee; padding: 20px 10px 0; } .main-menu { float: left; } .main-menu ul li { float: left; margin-right: 20px; list-style: none; } .main-menu ul li.active a, .main-menu ul li a:hover { background: url(../images/hover.jpg) 0 0 repeat-x; text-decoration: none; border-bottom: 2px solid #fff; } .main-menu ul li a { color: #fff; display: block; font-size: 16px; padding: 20px 10px 19px 10px; border-bottom: 2px solid #8cba45; -webkit-transition: all .4s .1s ease; -moz-transition: all .4s .1s ease; -o-transition: all .4s .1s ease; transition: all .4s .1s ease; } .main-inner h2 { color: #8cba45; font-size: 23px; border-bottom: 1px dashed #eee; padding-bottom: 10px; margin-top: 0; } .main-inner .solution-main-tab #main-tab { background: #fff; } .solution-main-tab .tab-content { min-height: 500px } .main-content { padding: 0 15px 0 10px; margin-right: -5px; } .main-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .login { width: 480px; margin: 155px auto; text-align: center; } .login-input-field, .login-input-field input { position: relative; } .login input.form-control, #msform textarea.form-control { border-radius: 0; height: 45px; /*color:#333;font-size:16px;margin-bottom:10px;padding:5px 15px;*/ } .login .social-login { position: relative; bottom: auto; left: auto; margin: 20px 0; } .lock { position: absolute; right: 0; top: 19px; } .lock-wrap { display: inline-block; vertical-align: top; padding-top: 3px; position: absolute; top: 0px; right: 137px; /*z-index:9999;*/ } .loading { position: absolute; top: 4px; right: 20px; left: auto; } .loading { position: absolute; top: 18px; right: -160px; left: auto; } .loading-message { display: inline-block; min-width: 125px; padding: 10px; margin: 0 auto; color: #333 !important; font-size: 13px; font-weight: 400; text-align: center; vertical-align: middle; } .loading-message.loading-message-boxed { border: 1px solid #ddd; background-color: #eee; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); } .loading-message span { line-height: 20px; vertical-align: middle; } .loader { background: #fff url('../images/loading3.gif') no-repeat center center; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; opacity: 1; background-size: 80px; /*opacity:0.7;*/ } .line-chart { display: none; } .legends { text-align: left!important; display: inline-block; } .legends { text-align: center; font-size: 12px; position: fixed; bottom: 0; width: 340px; display: block; border-top: 1px solid #eee; background: #fff; } .legends ul { padding: 10px 0; } .legends li { font-size: 13px; font-weight: 600; display: inline-block; border-right: 0px!important; padding: 4px 15px!important; width: 60%; } .legends li:last-child { border-right: 0; } .legends li.not-answered { color: #EE6969; } .legends li.marked-for-review { color: #ffaf0b } .legends li.attempted { color: #8bc348; } .legends li.answerd-marked-for-review { color: #01d4ad; width: 100% } .legends li span { display: inline-block!important; color: #333; font-weight: normal; } .legends li span { display: block; } .legends li i { display: inline-block!important; } .label-support { color: #efa103; display: inline-block; margin-left: 0px; width: 100%; } .label-container { display: block; position: relative; padding-left: 25px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; top: -2px; } .label-container:hover input~.checkmark { background-color: #fff; } .label-container span { font-size: 14px; font-weight: normal; vertical-align: top; } .label-container input { position: absolute; opacity: 0; cursor: pointer; left: 0; width: 20px; height: 26px; } .login .label-container input { top: -7px; } .register-page .label-container input { top: -1px } .label-container input:checked~.checkmark { background-color: #8cba45; margin-top: 2px; } .label-container input:checked~.checkmark:after { display: block; } .label-container .checkmark:after { left: 6px; top: 3px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .jcarousel { position: relative; overflow: hidden; } .jcarousel { margin: 0 auto; overflow: hidden; position: relative; text-align: center; width: 90% !important; padding: 3px } .jcarousel-wrapper { box-shadow: none !important; } .jcarousel-wrapper { border: 0 none; border-radius: 0; box-shadow: none; margin: 10px auto 20px; position: relative; } .jcarousel-control-prev { padding: 2px 8px 0 5px; } .jcarousel-control-prev { left: 30px; } .jcarousel-control-prev:hover, .jcarousel-control-next:hover { background: #ddd; } .jcarousel-control-prev:hover i.fa, .jcarousel-control-next:hover i.fa { color: #fff; } .jcarousel-control-prev:hover i.fa, .jcarousel-control-next:hover i.fa { color: #ccc; } .jcarousel-control-prev, .jcarousel-control-next { background: #fff; border: 2px solid #ddd; color: #ccc; } .jcarousel-control-prev i.fa, .jcarousel-control-next i.fa { color: #ccc; font-size: 28px; position: relative; top: -2px; } .jcarousel-control-next { right: 30px; } .jcarousel-control-next { padding: 2px 5px 0 8px; } .jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; } .jcarousel li { width: 73px !important; } .jcarousel li { float: left; } .jcarousel li:hover a, .jcarousel li.active a { background: #8cba45; color: #fff; text-decoration: none; } .jcarousel li a { background: #fff; border-radius: 50%; display: inline-block; font-size: 16px; height: 52px; line-height: 20px; padding: 6px 10px; width: 56px; text-shadow: 0 0 0.2px #8cba45 !important; } .jcarousel li a em { display: block; font-style: normal; } .item { overflow: hidden; display: block; margin-bottom: 20px; } .item:hover .zoom-icon { opacity: 0.5; filter: alpha(opacity=50); } .item:hover .details { display: block; opacity: 0.7; filter: alpha(opacity=70); } .item-list { margin: 0px; list-style: none; } .item-list.todo li .label { position: absolute; right: 80px; } .item-list.todo li .actions { position: absolute; right: 45px; } .item-list.table .percent { width: 30px; float: right; margin-right: 10px; margin-top: 3px; } .item-list li { padding: 7px 0 5px 0px; list-style: none; border-top: 1px solid white; border-bottom: 1px solid #EBEBEB; font-size: 12px; } .item-list li:last-child { border-top: none; border-bottom: none; } .item-list li:first-child { border-top: none; border-bottom: 1px solid #EBEBEB; } .item-list li .label { margin-right: 5px; } .item-list li .img { height: 50px; width: 50px; float: left; margin-top: 3px; margin-right: 5px; } .item .details { width: 100%; display: none; background-color: #000; color: #fff !important; padding: 5px; text-align: center; position: relative; bottom: 30px; margin-bottom: -30px; overflow: hidden; z-index: 6; } .invite-friends h3 { color: #333; font-size: 18px; padding-bottom: 10px; margin-top: 0; } .invite-friends h2 { display: none; } .invite-friends h2 { color: #8cba45; font-size: 23px; border-bottom: 1px dashed #eee; padding-bottom: 10px; margin-top: 0; } .invite-friends .social-login { bottom: auto; left: auto; position: relative; text-align: center; width: 100%; text-align: left; } .invite-friends .social-login .tab-pane { padding: 20px 90px 30px 90px; border: 1px solid #ddd; } .invite-friends .social-login .tab-pane#google.active:before { position: absolute; top: 67px; left: 409px; display: inline-block !important; border-right: 10px solid transparent; border-bottom: 10px solid #f00; border-left: 10px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .invite-friends .social-login .tab-pane#google.active:after { position: absolute; top: 68px; left: 410px; display: inline-block !important; border-right: 9px solid transparent; border-bottom: 9px solid #fff; border-left: 9px solid transparent; content: ''; } .invite-friends .social-login .tab-pane#facebook.active:before { position: absolute; top: 67px; left: 125px; display: inline-block !important; border-right: 10px solid transparent; border-bottom: 10px solid #f00; border-left: 10px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .invite-friends .social-login .tab-pane#facebook.active:after { position: absolute; top: 68px; left: 126px; display: inline-block !important; border-right: 9px solid transparent; border-bottom: 9px solid #fff; border-left: 9px solid transparent; content: ''; } .invite-friends .social-login .tab-content { padding: 20px 0; } .invite-friends .social-login .nav-tabs { border-bottom: 0; } .invite-friends .social-login .nav-tabs>li { border: 0; margin: 0 1% 0 0; width: 48%; border-radius: 0; } .invite-friends .social-login .nav-tabs>li.google { margin: 0; float: right; } .invite-friends .social-login .nav-tabs>li.google a { background: url(../images/google.png) 70px 11px no-repeat #cf3f25; color: #fff; } .invite-friends .social-login .nav-tabs>li.facebook a { background: url(../images/facebook.png) 70px 11px no-repeat #3c568f; color: #fff; } .invite-friends .social-login .nav-tabs>li a { margin: 0; border: 0; border-radius: 0; width: 100%; padding-left: 110px; font-size: 17px; padding-top: 17px; } .invite-friends .email-template h3 { border-bottom: 0; padding-bottom: 0; } .invite-box { height: 40px; position: relative; width: 100%; } .invite-box .remove { border: 0 none; color: #ddd; height: 20px; position: absolute; right: -12px; top: 10px; width: 35px; } .invitation { margin: 0px 0 50px; } .invitation button.btn { background: #8cba45; border: 0; display: inline-block; padding: 10px 60px; text-transform: uppercase; text-transform: uppercase; font-size: 18px; -webkit-transition: all 0.5s linear 0.1s; -moz-transition: all 0.5s linear 0.3s; -o-transition: all 0.1s linear 0.3s; transition: all 0.5s linear 0.3s; } .invitation button.btn:hover { background: #2bc9f6; } .instruction-poup .start-wrapper { text-align: right; } .instruction-poup .start-wrapper>button { background: #8cba45 none repeat scroll 0 0; border-radius: 4px; color: #fff; font-size: 14px; padding: 10px 20px; cursor: pointer; transition: 0.6s; border: 1px solid #8cba45; } .instruction-poup .start-wrapper>button:hover { background: #fff none repeat scroll 0 0; color: #8cba45; font-size: 14px; cursor: pointer; transition: 0.6s; border: 1px solid #8cba45; } .instruction-poup .popup-cancel { cursor: pointer; font-size: 17px; font-weight: normal; padding-right: 10px; position: absolute; right: 0; top: 15px; } .instruction-poup .modal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; background-color: rgba(0, 0, 0, 0.4); } .instruction-poup .modal-header { padding: 2px 16px; background-color: #8cba45; color: white; } .instruction-poup .modal-header>h2 { margin: 10px 0; } .instruction-poup .modal-header>h2 { font-size: 20px; margin: 10px 0; text-align: left; } .instruction-poup .modal-footer { padding: 2px 16px; background-color: #5cb85c; color: white; } .instruction-poup .modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; width: 70%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; } .instruction-poup .modal-body { padding: 22px 16px 10px; border: 1px solid #ddd; } .instruction-poup .modal-body p { color: #333; } .instruction-poup .instruction-poup .modal-body p { font-size: 14px; color: #333; } .instruction-poup .foot-wrapper { padding: 20px; } .instruction-poup .close { color: white; float: right; font-size: 28px; font-weight: bold; padding-top: 6px; position: relative; top: 20px; } .instruction-poup .close:hover, .instruction-poup .close:focus { color: #333; text-decoration: none; cursor: pointer; } .instruction-poup .best { float: left; } .instruction-poup .best>span { font-size: 20px; font-weight: bold; text-align: left; } .input-info { display: none; } .input-icon { position: relative; } .input-icon.right i { right: 8px; float: right; } .input-icon.right input { padding-left: 12px !important; padding-right: 33px !important; } .input-icon i { color: #ccc; display: block; position: absolute; margin: 11px 2px 4px 10px; width: 16px; height: 16px; font-size: 16px; text-align: center; } .input-icon input { padding-left: 33px !important; } .inp-field-wrapper { width: 100%; margin: 0 auto } .inner.test #logo { width: 296px; } .inner-tab-section { width: 100%; display: inline-block; margin-top: 30px; } .inner-question-box { width: 100%; display: inline-block; position: relative; margin-top: 15px; } /*.inner-question-box{}*/ .inner .page-content .dashboard .horizontal-tabs, .inner .page-content .packages-screen .horizontal-tabs { padding-top: 0 !important; margin-top: 0 !important } .inner .header.navbar .navbar-brand img { margin: 1px 0 0; height: 57px; width: auto } .inner #logo { height: 55px; text-align: left; width: auto } .inline { display: inline; } .info.user-name { text-transform: capitalize; } .info-modal .modal-header { padding-top: 15px } .info-modal .modal-footer .action-button { margin: 15px 0 0; padding: 5px 20px; } .info-modal .modal-dialog { width: 500px; margin: 30px auto; } .info-modal .modal-dialog .verify-window { width: auto; } .info-modal .modal-dialog .verify-window ol { margin-left: 0; text-align: center; /* border: 1px solid #ddd; */ padding: 10px; margin-top: 10px; box-shadow: 0 0 6px #ddd; border-radius: 5px; } .info-modal .modal-dialog .verify-window ol li { margin-bottom: 5px; } .info-modal .modal-dialog .verify-window h5 { color: #8cba45; font-size: 22px; text-align: center; margin: 0 0; } .info-modal .modal-dialog .info-icon { width: 35px; } .info-modal .modal-footer button { width: auto; text-transform: uppercase; min-width: 120px; } .info-modal .modal-body { padding: 10px 40px; } .info-icon { width: 20px; display: inline-block; position: relative; top: -2px; cursor: pointer; } .img-sct { display: inline-block; width: 60px; color: #8cba45; } .img-sct p { text-transform: uppercase; padding-top: 5px; } .imageBox { background: #fff none no-repeat scroll 0 0; border: 1px solid #aaa; cursor: move; height: 280px; margin: 0 auto; overflow: hidden; position: relative; width: 400px; } .imageBox .thumbBox { background: transparent none repeat scroll 0 0; box-sizing: border-box; height: 200px; left: 50%; margin-left: -100px; margin-top: -100px; position: absolute; top: 50%; width: 200px; } .imageBox .spinner { background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; bottom: 0; left: 0; line-height: 400px; position: relative; right: 0; text-indent: 100%; top: 0; } .ie9 .visible-ie9 { display: inherit !important; } .ie9 .hidden-ie9 { display: none !important; } .ie8 .visible-ie8 { display: inherit !important; } .ie8 .row .page-breadcrumb.breadcrumb>li { margin-right: 1px; } .ie8 .page-sidebar { width: 300px; float: left; position: relative; margin-right: -100%; } .ie8 .page-sidebar-fixed .page-content { min-height: 600px; } .ie8 .page-content { padding: 20px; margin-left: 300px; margin-top: 0px; min-height: 760px; } .ie8 .page-content { margin-left: 300px; margin-top: 0px; min-height: 760px; padding: 25px 20px 20px 20px; } .ie8 .page-content.no-min-height { min-height: auto; } .ie8 .page-content-wrapper { float: left; width: 100%; } .ie8 .icon-btn:hover { filter: none !important; } .ie8 .hidden-ie8 { display: none !important; } .icon-warning { color: #dbc056; } .icon-success { color: #468847; } .icon-info { color: #27a9e3; } .icon-default { color: #ccc; } .icon-danger { color: #B94A48; } .icon-btn { height: 60px; min-width: 80px; margin: 5px 5px 0 0; border: 1px solid #ddd; padding: 12px 0px 0px 0px; background-color: #fafafa !important; background-image: none !important; filter: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; display: inline-block !important; color: #646464 !important; text-shadow: none !important; text-align: center; cursor: pointer; position: relative; -webkit-transition: all 0.3s ease !important; -moz-transition: all 0.3s ease !important; -ms-transition: all 0.3s ease !important; -o-transition: all 0.3s ease !important; transition: all 0.3s ease !important; } .icon-btn:hover { text-decoration: none !important; border-color: #999 !important; color: #444 !important; text-shadow: 0 1px 0px white !important; -webkit-transition: all 0.3s ease !important; -moz-transition: all 0.3s ease !important; -ms-transition: all 0.3s ease !important; -o-transition: all 0.3s ease !important; transition: all 0.3s ease !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .icon-btn:hover .badge { -webkit-transition: all 0.3s ease !important; -moz-transition: all 0.3s ease !important; -ms-transition: all 0.3s ease !important; -o-transition: all 0.3s ease !important; transition: all 0.3s ease !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .icon-btn i { font-size: 18px; } .icon-btn div { margin-top: 5px; margin-bottom: 20px; color: #333; font-size: 12px; font-weight: 300; } .icon-btn .badge { position: absolute; font-size: 11px !important; font-weight: 300; top: -5px; right: -5px; padding: 3px 6px 3px 6px; color: white !important; text-shadow: none; border-width: 0; border-style: solid; -webkit-border-radius: 12px !important; -moz-border-radius: 12px !important; border-radius: 12px !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .icn>img { margin: 0 10px; width: 25px; } .horizontal-tabs { padding: 0 0px; width: 100%; display: inline-block; } /*.horizontal-tabs .nav-tabs > li.active a:after{content:'';display:block;position:absolute;left:43%;top:87%;width:0;height:0;border-top:13px solid #8cba45;border-right:20px solid transparent;border-bottom:0 solid transparent;border-left:20px solid transparent;}*/ .hidden-ie9 { display: inherit; } .hidden-ie8 { display: inherit; } .help-inline { font-size: 13px; color: #737373; display: inline-block; padding: 5px; } .help-box { margin-top: 5px; display: inline-block; margin-bottom: 30px; } .help-box textarea { width: 280px; height: 90px; } .help-box label { vertical-align: top; margin-top: 0px; color: #efa103; font-weight: normal; font-size: 15px; width: 100%; } .help-block { margin-top: 5px; margin-bottom: 5px; } .heading { color: #fff; font-size: 22px; margin: 0; padding: 15px 10px 15px 80px; text-transform: uppercase; } .heading.test { padding: 16px 10px 15px 15px; } .heading.test-result { background: url("../images/title-sprite.png") no-repeat -14px -84px; background-size: 88px auto; padding-left: 47px; } .heading.test-report { background: transparent url("../images/new-icons/dashboard-title.png") no-repeat 17px 10px; background-size: 35px auto; } .heading.study-sch { background: url("../images/new-icons/study-schedule-hover.png") no-repeat 16px 13px/38px auto; padding-left: 65px; } .heading.solutions { padding-left: 15px; } .heading.recommend { background: url(../images/recommend.png) scroll 25px 12px no-repeat; background-size: 33px auto; padding-left: 66px; } .heading.practice-solutions { background: url("../images/title-sprite.png") no-repeat -14px -178px; padding-left: 70px; } .heading.packages { background: transparent url("../images/new-icons/buy-package-title.png") no-repeat scroll 20px 13px/32px auto; padding-left: 64px; } .heading.invite-friends { background: url("../images/sprite2hover.png") no-repeat 10px 7px; padding-left: 58px; } .heading.dashboard { background: url("../images/new-icons/dashboard-title.png") no-repeat 6px 12px; background-size: 32px auto; padding: 16px 10px 14px 55px; } .heading.buy-packages { background: url("../images/new-icons/buy-package-title.png") no-repeat 20px 13px/32px auto; padding-left: 64px; } .header.navbar { border: 0 none; box-shadow: none; height: 55px; margin: 0 auto; min-height: 42px; padding: 0; width: 100%; max-width: 100%; } .header.navbar.navbar-fixed-top { z-index: 9 !important; background: #8cba45; } .header.navbar .sidebar-toggler { float: left; display: inline-block; margin-top: 6px; margin-left: -42px; } .header.navbar .search-form { float: left; display: inline-block; padding: 0; height: 41px; margin: 0; } .header.navbar .search-form .submit { position: relative; display: block; float: right; margin-top: -21px; margin-right: 8px; width: 13px; height: 15px; box-shadow: none; border: 0px; padding: 0px; outline: none !important; opacity: 0.8; filter: alpha(opacity=80); } .header.navbar .search-form .submit:hover { opacity: 1; filter: alpha(opacity=100); } .header.navbar .search-form .form-control { margin-top: 8px; border: 0; padding-top: 1px; padding-right: 27px; } .header.navbar .navbar-toggle { margin: 8px 6px 4px 6px; padding: 0; padding-top: 2px; padding-bottom: 6px; background-image: none; filter: none; box-shadow: none; color: #fff; border: 0; } .header.navbar .navbar-toggle:hover { text-decoration: none; background: none; } .header.navbar .navbar-nav { margin-right: 20px; display: block; } .header.navbar .navbar-nav>li { margin: 0px; padding: 0px; } .header.navbar .navbar-nav>li.dropdown:last-child { padding-right: 2px; } .header.navbar .navbar-nav>li.dropdown.user .dropdown-toggle { padding: 7px 0px 6px 6px; } .header.navbar .navbar-nav>li.dropdown.user .dropdown-toggle:hover { text-decoration: none; } .header.navbar .navbar-nav>li.dropdown.user .dropdown-toggle i { display: inline-block; margin-top: 5px; margin: 0; font-size: 16px; } .header.navbar .navbar-nav>li.dropdown.user .dropdown-toggle .username { color: #ddd; } .header.navbar .navbar-nav>li.dropdown.user .dropdown-menu i { width: 15px; display: inline-block; } .header.navbar .navbar-nav>li.dropdown.language { padding-left: 0; padding-right: 0; margin: 0; } .header.navbar .navbar-nav>li.dropdown.language>a { color: #ddd; font-size: 13px; padding: 11px 1px 11px 5px; } .header.navbar .navbar-nav>li.dropdown.language>a>i { font-size: 16px; } .header.navbar .navbar-nav>li.dropdown.language>a>img { margin-bottom: 2px; } .header.navbar .navbar-nav>li.dropdown.language>.dropdown-menu>li>a>img { margin-bottom: 2px; } .header.navbar .navbar-nav>li.dropdown, .header.navbar .navbar-nav>li.dropdown>a { padding-left: 4px; padding-right: 4px; } .header.navbar .navbar-nav>li.dropdown>a:last-child { padding-right: 0; } .header.navbar .navbar-nav>li.dropdown .dropdown-toggle { margin: 0px; padding: 15px 10px 7px 10px; } .header.navbar .navbar-nav>li.dropdown .dropdown-toggle>i { font-size: 18px; } .header.navbar .navbar-nav>li.dropdown .dropdown-toggle .badge { position: absolute; top: 8px; right: 20px; } .header.navbar .navbar-nav>li.dropdown .dropdown-menu>li>a>i { font-size: 14px; } .header.navbar .navbar-nav .dropdown-menu { margin-top: 3px; } .header.navbar .navbar-brand { padding: 0; } .header.navbar .navbar-brand { float: none; } .header.navbar .navbar-brand.text-logo { padding-left: 20px; padding-top: 12px; } .header.navbar .nav>li>.dropdown-menu:before { position: absolute; top: -7px; right: 9px; display: inline-block !important; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .header.navbar .nav>li>.dropdown-menu:after { position: absolute; top: -6px; right: 10px; display: inline-block !important; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .header.navbar .hor-menu { margin: 0; float: left; } .header.navbar .hor-menu ul.nav li.current .selected, .header.navbar .hor-menu ul.nav li.active .selected { left: 50%; bottom: 0; position: absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #e02222; display: inline-block; margin: 0; width: 0px; height: 0px; margin-left: -7px; margin-bottom: -6px; } .header.navbar .hor-menu ul.nav li>a { font-size: 14px; padding: 11px 10px; } .header.navbar .hor-menu a.hor-menu-search-form-toggler-close { display: none; } .header.navbar .hor-menu .search-form { margin: 0; top: 42px; right: 0px; padding: 0 4px; display: none; z-index: 999; position: absolute; } .header.navbar .hor-menu .search-form form { margin-bottom: 0; } .header.navbar .hor-menu .search-form form input { background: none; width: 200px; border: none; margin-top: 6px; } .header.navbar .hor-menu .search-form .btn { padding: 7px 20px; height: 32px; width: 10px; display: inline-block; } .header.navbar .hor-menu .search-form .btn:hover { opacity: 0.8; filter: alpha(opacity=80); } .header.navbar .hor-menu .nav>li>.dropdown-menu:after, .header.navbar .hor-menu .nav>li>.dropdown-menu:before { border-bottom: none !important; } .header.navbar .hor-menu .hor-menu-search-form-toggler { display: inline-block; padding: 12px 22px 12px 22px !important; cursor: pointer; background: url(../img/hor-menu-search.png) no-repeat center; } .header.navbar .hor-menu .hor-menu-search-form-toggler:hover { opacity: 0.8; filter: alpha(opacity=80); } .header.navbar .hor-menu .dropdown-menu { margin-top: 0; border: none; box-shadow: none; } .header.navbar .hor-menu .classic-menu-dropdown .dropdown-submenu>a:after { top: 8px; margin-right: 0px; } .header.navbar .hor-menu .classic-menu-dropdown .dropdown-submenu>.dropdown-menu { top: 0; } .header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li>a { padding: 7px 18px !important; margin-bottom: 1px; } .header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li>a:hover, .header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li:hover>a, .header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li.active>a { filter: none !important; } .header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu .arrow { display: none; } /*.header-inner .header-right .test-hours button{background:#33839a;border:1px solid #fff;border-radius:4px;color:#fff;padding:8px 24px;text-transform:uppercase;font-weight:normal;} .header-inner .header-right .test-hours button:hover{background:#1b6b82;-moz-transition:all 1s ease-in;-webkit-transition:all 1s ease-in;-o-transition:all 1s ease-in;transition:all 1s ease-in;}*/ .has-warning .input-icon>i { color: #c09853; } .has-success .input-icon>i { color: #468847; } .has-error .input-icon>i { color: #b94a48; } .graph-chart { position: relative; border: 0; background: #fff; padding: 25px 15px 10px 10px; border-radius: 5px } .graph-chart .indicator { color: #333; position: absolute; right: 9px; top: -38px; background: #eee; padding: 5px 10px; color: #03607b; letter-spacing: 1px; } .graph-chart.accuracy-graph { padding: 30px 10px 30px 10px; } .graph-chart.accuracy-graph canvas#accuracy { width: 970px !important; } .graph-chart .left-label { color: #333; font-size: 15px; left: -4px; position: absolute; top: 38%; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .graph-chart .bottom-label { color: #333; font-size: 15px; position: relative; text-align: center; top: 8px; } .graph-box, .box-head { margin-bottom: 0; clear: both; display: inline-block; padding: 0px; width: 100%; } .graph-box h2, .box-head h2, .main-inner .stats h2 { font-weight: bold; color: #00556e; margin: 0; background: #fff; padding: 7px 15px; font-weight: 500; font-size: 17px !important; /*border-bottom:1px solid #eee;*/ text-transform: capitalize; text-align: left; } .graph-box .for-scroll { overflow-x: hidden; overflow-y: hidden; padding-bottom: 20px } .glyphicons-demo ul { padding-left: 0; padding-bottom: 1px; margin-bottom: 20px; list-style: none; overflow: hidden; } .glyphicons-demo ul li { float: left; width: 25%; height: 115px; padding: 10px; margin: 0 -1px -1px 0; font-size: 12px; line-height: 1.4; text-align: center; border: 1px solid #ddd; } .glyphicons-demo ul li:hover { background-color: rgba(86, 61, 124, 0.1); } .glyphicons-demo .glyphicon { display: block; margin: 5px auto 10px; font-size: 24px; } .fs-title { text-transform: capitalize; /*font-size: 25px;color: #8cba45 !important;margin: 10px 0 30px;font-weight:500 !important;*/ } .fs-subtitle { font-weight: normal; font-size: 13px; color: #666; margin-bottom: 20px; } .form { padding: 0 !important; } .form-section { margin: 30px 0px 25px 0px; padding-bottom: 5px; border-bottom: 1px solid #eee; } .form-row-seperated .help-block { margin-bottom: 0; } .form-row-seperated .form-group { margin: 0; border-bottom: 1px solid #efefef; padding: 10px 0px 10px 0px; } .form-row-seperated .form-group.last { border-bottom: 0; margin-bottom: 0; padding-bottom: 10px; } .form-row-seperated .form-body { padding: 0; margin-top: 0; } .form-row-seperated .form-actions { margin-top: 0; } .form-inline input { margin-bottom: 0px !important; } .form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) { background-color: #fcfcfc; } .form-horizontal.form-bordered.form-row-stripped .form-control { background: #fff !important; } .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) { background-color: #fcfcfc; } .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even)>div { background-color: #ffffff; } .form-horizontal .radio-list>label { margin-bottom: 0; } .form-horizontal .radio-list .radio { padding-top: 1px; } .form-horizontal .radio>span { margin-top: 2px; } .form-group .checkbox { padding-left: 0; } .form-control { border-radius: 0; height: 40px; } .form-control:focus { box-shadow: none; border: 1px solid #8cba45 } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-moz-placeholder { color: #999; } .form-control::-moz-placeholder { color: #999; } .form-control:-ms-input-placeholder { color: #999; } .form-control:-moz-placeholder { color: #999; } .form-control-static { font-size: 14px; padding-top: 7px; } .form-bordered .help-block { margin-bottom: 0; } .form-bordered .form-group { margin: 0; border-bottom: 1px solid #efefef; } .form-bordered .form-group.last { border-bottom: 0; } .form-bordered .form-group>div { padding: 10px; border-left: 1px solid #efefef; } .form-bordered .form-control { margin: 0; } .form-bordered .form-body { margin: 0; padding: 0; } .form-bordered .form-actions { margin-top: 0; } .form-bordered .form-actions.fluid>.row>div { padding-left: 10px; } .form-bordered .control-label { padding-top: 16px; } .form-body { padding: 10px; } .form-actions { padding: 20px 10px; margin-top: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom: 1; } .form-actions:before, .form-actions:after { display: table; line-height: 0; content: ""; } .form-actions:after { clear: both; } .form-actions.top { margin-top: 0; margin-bottom: 20px; border-top: 0; border-bottom: 1px solid #e5e5e5; } .form-actions.right { padding-left: 0; padding-right: 10px; text-align: right; } .form-actions.nobg { background-color: transparent; } .form-actions.left { padding-left: 10px; padding-right: 0; text-align: left; } .form-actions.fluid { padding: 20px 0; } .form-actions.fluid>[class^="col-"] { padding-left: 13px; } .form .form-section:first-child { margin-top: 5px; } .forgetpwd .verified-div { width: 70%; margin: auto; } .forgetpwd .verified-check { top: 48px } .forgetpwd .step1 input { width: 55%; } .forgetpwd .step1 .validation-error { text-align: center; float: none; } /*.forgetpwd .step1 .inp-field-wrapper{width:290px}*/ .forgetpwd .step1 .inp-field-wrapper div { position: relative; } .forgetpwd .step1 .inp-field-wrapper div input { width: 100%; } .forgetpwd .step1 .inp-field-wrapper div .verified-check { right: -25px; top: 2px; } .forgetpwd .digit input { width: 48% } .footer { background: #8c8c8c; border-top: 1px solid #ddd; color: #8cba45; font-size: 13px; margin-top: 50px; padding: 5px 5px; position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 999; } .footer:after { clear: both; } .footer:after, .footer:before { content: ""; display: table; line-height: 0; } .footer-inner ul li { display: inline-block; list-style: none; color: #fff; padding: 8px 7px 3px; } .footer-inner ul li span img { width: 25px; padding-right: 10px; position: relative; top: -2px; } .footer-inner ul li a { color: #fff !important; } .footer .footer-tools { float: right; display: inline-block; } .footer .footer-tools .go-top { display: block; text-decoration: none; cursor: pointer; margin-top: -2px; margin-right: 0px; margin-bottom: 0px; font-size: 16px; padding: 0px 6px 0px 6px; } .footer .footer-tools .go-top i { font-size: 22px; margin-bottom: 5px; } .footer .footer-inner { float: left; display: inline-block; } .fontawesome-demo li { padding-top: 5px; padding-bottom: 5px; } .fontawesome-demo i { font-size: 18px; } .flip-th { text-align: left; border: 0 !important; border-bottom: 1px solid #ddd !important; border-right: 1px solid #ddd !important; font-size: 13px !important; padding: 5px; width: auto !important; } .flip-th { display: block; text-align: right; } .flip-th { border-bottom: 0; border-left: 0; } .flip-thead { display: block; float: left; } .flip-thead tr { display: block; } .flip-th:last-child, .flip-td:last-child { border-bottom: 1px solid #ddd; } .flip-th, .flip-td { margin: 0; vertical-align: top; } .flip-td { display: block; min-height: 1.25em; text-align: left; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; } .flip-td { border-left: 0; border-right: 0; border-bottom: 0; } .flip-tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; } .flip-tbody tr { display: inline-block; vertical-align: top; margin-left: -5px; } .flip-tbody tr { border-left: 1px solid #ddd; } .flip-table { width: 100%; } .flip-table { width: 100%; border-collapse: collapse; border-spacing: 0; } .flip-table { display: block; position: relative; width: 100%; } .flip-*:first-child+html .flip-content { zoom: 1; } .flip-* html .flip-content { zoom: 1; } .fix-margin { margin-left: 0px !important; } .fileinput.fileinput-exists .fileinput-new { display: none; } .field-text span { color: #333; font-size: 13px; text-align: left; width: 92%; } /*.field-text .label-container span.checkmark{width:20px;}*/ .field-text .checker { height: 50px; } .field-text .checker, .field-text span { float: left; } .feeds { margin: 0px; padding: 0px; list-style: none; } .feeds li { background-color: #fafafa; margin-bottom: 7px; } .feeds li:last-child { margin-bottom: 0px; } .feeds li:before, .feeds li:after { display: table; line-height: 0; content: ""; } .feeds li:after { clear: both; } .feeds .col2 { float: left; width: 75px; margin-left: -75px; } .feeds .col2 .date { padding: 4px 9px 5px 4px; text-align: right; font-style: italic; color: #c1cbd0; } .feeds .col1 { float: left; width: 100%; clear: both; } .feeds .col1 .cont { float: left; margin-right: 75px; overflow: hidden; } .feeds .col1 .cont .cont-col2 { float: left; width: 100%; } .feeds .col1 .cont .cont-col2 .desc { margin-left: 35px; padding-top: 4px; padding-bottom: 5px; overflow: hidden; } .feeds .col1 .cont .cont-col1 { float: left; margin-right: -100%; } .feeds .col1 .cont .cont-col1 .label { display: inline-block; padding: 5px 4px 6px 5px; vertical-align: middle; text-align: center; } .feeds .col1 .cont .cont-col1 .label>i { text-align: center; font-size: 14px; } .fc-state-default.fc-corner-right { border-top-right-radius: 0; border-bottom-right-radius: 0; } .fc-grid .fc-day-number { margin: 5px; } .fc-border-separate tr.fc-last th { background: #eee; text-transform: uppercase; } .fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td { padding: 10px; color: #555; } .fa-lg, .icon-lg { font-size: 16px; } .fa-5x { font-size: 5em; } .fa-4x { font-size: 4em; } .fa-3x { font-size: 3em; } .fa-2x { font-size: 2em; } .explanation { padding: 10px; margin-left: 35px; } .explanation h5 { margin-top: 2px; font-weight: bold !important; color: #666; margin-bottom: 5px; } .expired { color: red } .expired-text { position: absolute; left: auto; right: 100px; top: 5px; color: #f00; font-weight: 600 } .expired-text { position: absolute; left: auto; right: 100px; top: 5px; color: #f00; font-weight: 600; } .expired-info { position: absolute; top: -10px; right: 0px; } .expired-info span { color: #fff; font-weight: 600; background: #f00; width: 100px; padding: 5px; } .expire-label { color: #8cba45; margin-right: 5px; font-weight: 500 } .expire-detail ul li { display: inline-block; font-size: 15px; list-style: none; color: #424242; padding: 5px 0; } .error-report i.fa { color: #c6c6c6; font-size: 20px; position: relative; top: 2px; } .email-template { padding: 10px 20px; border: 1px solid #ddd; margin: 20px 0; font-size: 14px; } .dropdown-menu.tasks .task { margin-bottom: 5px; } .dropdown-menu.tasks .task .percent { font-size: 14px; font-weight: 600; float: right; display: inline-block; } .dropdown-menu.tasks .task .desc { font-size: 13px; font-weight: 300; } .dropdown-menu.tasks .progress { display: block; height: 11px; margin: 0px; } .dropdown-menu.notification li>a .time { font-size: 12px; font-weight: 600; text-align: right; font-style: italic; } .dropdown-menu.inbox li>a .subject { display: block; } .dropdown-menu.inbox li>a .subject .time { font-size: 12px; font-weight: 600; font-style: italic; position: relative; float: right; } .dropdown-menu.inbox li>a .subject .from { font-size: 14px; font-weight: 400; color: #02689b; } .dropdown-menu.inbox li>a .photo { float: left; padding-right: 6px; } .dropdown-menu.inbox li>a .photo>img { height: 40px; width: 40px; } .dropdown-menu.inbox li>a .message { display: block !important; font-size: 12px; } .dropdown-menu.extended { min-width: 160px !important; max-width: 300px !important; width: 233px !important; background-color: #ffffff !important; } .dropdown-menu.extended:before, .dropdown-menu.extended:after { border-bottom-color: #ddd !important; } .dropdown-menu.extended li:last-child a { border-top: 1px solid white !important; border-bottom: 1px solid #f4f4f4 !important; } .dropdown-menu.extended li:first-child a { border-top: none; border-bottom: 1px solid #f4f4f4 !important; } .dropdown-menu.extended li.external>a { font-size: 13px; font-weight: 400; } .dropdown-menu.extended li.external>a>i { margin-top: 3px; float: right; } .dropdown-menu.extended li p { padding: 10px; background-color: #eee; margin: 0px; font-size: 14px; font-weight: 300; color: #333; } .dropdown-menu.extended li i { margin-right: 3px; } .dropdown-menu.extended li a { padding: 7px 0 5px 0px; list-style: none; border-bottom: 1px solid #f4f4f4 !important; font-size: 12px; text-shadow: none; } .dropdown-menu.extended li a { font-size: 13px; padding: 10px !important; background-color: #ffffff; } .dropdown-menu.extended li a { display: block; padding: 5px 10px !important; clear: both; font-weight: normal; line-height: 20px; white-space: normal !important; } .dropdown-menu.extended li a:hover { background-image: none; background-color: #f5f5f5; color: #333; filter: none; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { background-color: #ddd!important; } .dropdown-menu .dropdown-menu-list.scroller { padding-right: 0 !important; padding-left: 0; list-style: none; } .done { font-size: 17px !important; padding: 5px 5px !important; width: 90px !important; } .display-none, .display-hide { display: none; } .disabled { cursor: not-allowed; opacity: 0.7; pointer-events: none } .lockedTest { cursor: not-allowed; opacity: 0.7; pointer-events: none } .disabled-link>a:hover { cursor: not-allowed !important; } .disabled-link>a>span.text, .disabled-link>a>span.title { font-style: italic !important; color: #888 !important; } .digit { width: 100%; margin: 0 auto; } .digit input { width: 27%; margin: 0 auto; } .detail-result { display: inline-block; vertical-align: bottom; float: none; margin-bottom: 15px } .date-input { position: relative; } .date-input .form-control { padding-right: 50px; } .date-input .calendar-icon { position: absolute; right: 12px; top: 10px; } .date-input .calendar-icon .fa { font-size: 20px; } .dashboard { width: 100%; display: inline-block; position: relative; } .dashboard { margin-top: 15px; } .dashboard { margin-top: 35px } .dashboard-stat { margin-bottom: 25px; } .dashboard-stat:before, .dashboard-stat:after { display: table; line-height: 0; content: ""; } .dashboard-stat:after { clear: both; } .dashboard-stat.yellow { background-color: #ffb848; } .dashboard-stat.yellow .more { background-color: #cb871b; } .dashboard-stat.red { background-color: #e7191b; } .dashboard-stat.red .more { background-color: #bc0d0e; } .dashboard-stat.purple { background-color: #852b99; } .dashboard-stat.purple .more { background-color: #6e1881; } .dashboard-stat.green { background-color: #28b779; } .dashboard-stat.green .more { background-color: #10a062; } .dashboard-stat.blue { background-color: #27a9e3; } .dashboard-stat.blue .more { background-color: #208dbe; } .dashboard-stat .visual { width: 80px; height: 80px; display: block; float: left; padding-top: 10px; padding-left: 15px; margin-bottom: 10px; } .dashboard-stat .visual { font-size: 35px; line-height: 35px; } .dashboard-stat .visual i { font-size: 65px; line-height: 65px; color: #fff; } .dashboard-stat .more { clear: both; display: block; padding: 5px 10px 5px 10px; text-transform: uppercase; font-weight: 300; font-size: 11px; color: #fff; opacity: 0.7; filter: alpha(opacity=70); } .dashboard-stat .more:hover { text-decoration: none; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat .more>i { display: inline-block; margin-top: 1px; float: right; } .dashboard-stat .details { position: absolute; right: 15px; padding-right: 10px; } .dashboard-stat .details .number { padding-top: 15px; text-align: right; font-size: 34px; line-height: 34px; letter-spacing: -1px; margin-bottom: 5px; font-weight: 300; color: #fff; } .dashboard-stat .details .desc { text-align: right; font-size: 16px; letter-spacing: 0px; font-weight: 300; color: #fff; } .dashboard-result { margin: 0 -25px; } .dashboard-result .tab-content { padding: 10px 0; } .dashboard-result .nav { padding: 0 25px; } .dashboard .panel-collapse .subject-chapters .title span { margin-left: 5px; margin-top: -4px; } .dashboard .panel-collapse .subject-chapters .title span:first-child { position: relative; top: -3px; } .dashboard .panel-collapse .subject-chapters.Syllabus .title span.total-que { float: right; display: inline-block; margin-left: 0; margin-top: 5px; } .dashboard .panel-collapse .subject-chapters.Syllabus .title span:first-child { margin-left: 0; top: 0; } .dashboard .title-wrapper .package-name { cursor: pointer; } .testResult-body .package-name { display: none; } .dashboard .title-wrapper .track-progress ul li a .fa.fa-info-circle, #package-info-modal .modal-dialog .modal-content .modal-header .modal-title .fa.fa-info-circle { font-size: 25px; } .dashboard .title-wrapper .track-progress ul li a, #package-info-modal .modal-dialog .modal-content .modal-header h4.modal-title { color: #c2c4c4; } .dashboard .title-wrapper .track-progress ul li a .info-icon { top: 3px; } .dashboard .title-wrapper .track-progress ul li { vertical-align: top; padding-left: 6px; } /*.dashboard-result .nav-tabs > li{margin-bottom:-1px;margin-right:1.5%;width:23.8%;text-align:center;} .dashboard-result .nav-tabs > li:last-child{margin-right:0;} .dashboard-result .nav-tabs > li.active > a, .dashboard-result .nav-tabs > li > a:hover, .dashboard-result .nav-tabs > li.active > a:hover, .dashboard-result .nav-tabs > li.active > a:focus{border-bottom:0;background:#fff;color:#8cba45;} .dashboard-result .nav-tabs > li > a{color:#000;font-size:17px;padding:18px 20px;text-shadow:0 5px 3px #000;border-radius:6px 6px 0 0;border:1px solid #cdcdcd;border-bottom:0;} .dashboard-result #solutions .nav-tabs > li > a{font-size:16px;margin:0;border:0;padding:5px 30px 15px 30px;} */ /*.dashboard .title-wrapper .package-name.dropdown{display:inline-block;}*/ /*.dashboard .subject-tabs .nav-tabs.status > li.active > a{border-bottom:2px solid #8cba45 !important} .dashboard .subject-tabs .horizontal-tabs .nav-tabs > li.active a:after{content:none;} .dashboard .subject-tabs .horizontal-tabs .accordion .panel-group .panel{margin-bottom:0 !important}*/ .dashboard .r-tabs .r-tabs-panel { padding: 15px 0; } .dashboard .horizontal-tabs { padding: 0 } .dashboard #practice_tab .accordion.chapter-list .panel .panel-title a { font-size: 17px; font-weight: normal; } .dashboard #practice_tab .accordion .panel { padding: 8px 20px 4px 20px; } .cropped { left: 0; position: absolute; text-align: center; top: 20px; width: 100%; } .cropped>img { border: 0 none; border-radius: 50%; box-shadow: none; margin-top: 38px; } .crop-btns .btn.primary { min-width: inherit !important; vertical-align: top; padding: 10px 20px } /*.crop-btns .btn.primary{border-radius:50px!important;padding:5px 10px!important;width:34px;height:34px;}*/ .crop-btns .btn.primary.refresh-button { background: #2e6da4; margin-top: 0px; border: 0px; border-radius: 20px } .crop-btns .btn.primary.refresh-button i { color: #fff; } .crop-btns .btn.primary.load-btn { background: #8cba45; margin-top: 0px; border: 0px; border-radius: 20px } .crop-btns .btn.primary.load-btn i { color: #fff; } .crop-btns .browse-image .btn.primary.up-button { background: #5cb85c; margin-top: 0px; border: 0px; } .crop-btns .browse-image .btn.primary .fa-upload { color: #fff; font-size: 14px; line-height: 17px; } .cr-slider::-moz-range-track { background: #ddd; } .cr-slider::-moz-range-thumb { background: #8cba45; } .correct .explanation { border: 1px solid #d9ecce; } .correct .ans-detail { color: #8bc348; } .control-label { margin-top: 2px; } .control-label .required { color: #e02222; font-size: 12px; padding-left: 2px; } .content-title { color: #666; } .content .panel { height: 500px; min-height: 200px; border: 2px solid #00f; } .contact-wrap .tel-box p { color: #8cba45; } .completion-progress { display: inline-block; margin-right: 20px; position: relative; text-align: center; top: 4px; width: 240px; transition: all 0.4s ease-in .4s; -webkit-transition: all 0.4s ease-in 0.4s; } .completion-progress.green .progress-status { color: #8bc348; } .completion-progress.green .progress-bar { background-color: #8bc348; } .completion-progress .progress { background-color: #d1cfd0; border-radius: 5px; box-shadow: none; height: 7px; margin-bottom: 2px; overflow: hidden; } .completion-progress .progress-bar { background-color: #f85043; border-radius: 5px; box-shadow: none; } .close { display: inline-block; margin-top: 0px; margin-right: 0px; width: 9px; height: 9px; background-repeat: no-repeat !important; text-indent: -10000px; outline: none; background-image: url("../images/remove-icon-small.png") !important; } .close-icon { position: relative; top: -2px; } .classes .selectpicker .nya-bs-select .dropdown-menu.inner li.selected a { background-image: url(../images/checked.png); background-repeat: no-repeat; background-size: 13px; background-position: 4px } .classes .selectpicker .nya-bs-select .dropdown-menu.inner li a { padding-left: 25px; } .class-listing ul li { display: inline-block; list-style: none; } .class-listing ul li .class-name { position: relative; width: 90px; height: 90px; background-color: #fff; border-radius: 6px; border: 2px solid #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12); margin: 10px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; transition: transform .1s ease, -webkit-transform .1s ease; cursor: pointer; font-weight: 600; } .class-listing ul li .class-name:hover { transform: scale(1.02); -ms-transform: scale(1.02); -webkit-transform: scale(1.02); } .chnage-password .form .form-control { width: 100%; } .checkmark { position: absolute; top: 0; left: 0; height: 19px; width: 19px; background-color: #fff; border: 1px solid #8cba45 } .checkmark:after { content: ""; position: absolute; display: none; } .checkbox-list>label { display: block; } .checkbox-list>label.checkbox-inline { display: inline-block; } .checkbox-list>label.checkbox-inline:first-child { padding-left: 0; } .check-icon { position: absolute; width: 100%; top: -3px; right: -35px; float: right; } .check-icon img { width: 20px; } .check-div { right: -9px!important; } .check-div { position: absolute; right: -6px; top: 0; } .check-div .label-container input:checked~.checkmark { margin-top: 0px; } .check-div .label-container .checkmark { top: 2px; } .check-div .label-container .checkmark { height: 16px!important; width: 16px!important; } .check-div .label-container .checkmark::after { left: 5px!important; top: 1px!important } .chats { margin: 0; padding: 0; margin-top: -15px; } .chats li { list-style: none; padding: 5px 0; margin: 10px auto; font-size: 12px; } .chats li.out img.avatar { float: right; margin-left: 10px; } .chats li.out .name, .chats li.out .datetime { text-align: right; } .chats li.out .message { border-right: 2px solid #da4a38; margin-right: 65px; background: #fafafa; text-align: right; } .chats li.out .message .arrow { display: block; position: absolute; top: 5px; right: -8px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #da4a38; } .chats li.in img.avatar { float: left; margin-right: 10px; } .chats li.in .message { text-align: left; border-left: 2px solid #35aa47; margin-left: 65px; background: #fafafa; } .chats li.in .message .arrow { display: block; position: absolute; top: 5px; left: -8px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #35aa47; } .chats li img.avatar { height: 45px; width: 45px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } .chats li .name { color: #3590c1; font-size: 13px; font-weight: 400; } .chats li .message { display: block; padding: 5px; position: relative; } .chats li .message .body { display: block; } .chats li .datetime { color: #333; font-size: 13px; font-weight: 400; } .chat-top { position: relative; } .chat-form { margin-top: 15px; padding: 10px; background-color: #e9eff3; overflow: hidden; clear: both; } .chat-form .input-cont { margin-right: 40px; } .chat-form .input-cont input { border: 1px solid #ddd; width: 100% !important; margin-top: 0; } .chat-form .input-cont input { background-color: #fff !important; } .chat-form .input-cont input:focus { border: 1px solid #4b8df9 !important; } .chat-form .input-cont .form-control { width: 100% !important; margin-bottom: 0px; } .chat-form .btn-cont { margin-top: -42px; position: relative; float: right; width: 44px; } .chat-form .btn-cont:hover .btn { background-color: #0362fd; } .chat-form .btn-cont:hover .arrow { border-right-color: #0362fd; } .chat-form .btn-cont .btn { margin-top: 8px; } .chat-form .btn-cont .arrow { position: absolute; top: 17px; right: 43px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #4d90fe; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .chart-tooltip { clear: both; z-index: 100; background-color: #736e6e !important; padding: 5px !important; color: #fff; } .chart-tooltip .label { clear: both; display: block; margin-bottom: 2px; } .chart, .pie, .bars { overflow: hidden; height: 300px; } .change-propic { bottom: 0; left: 0; position: relative; right: 0; top: 0; } .change-propic .action { height: 30px; margin: 10px auto; width: 400px; } .change-img { position: relative; } .change-img .remove { background: none; position: absolute; top: -143px; right: 0px; } .change-img .remove i { border: 1px solid #f93c3a; padding: 2px 3px; border-radius: 50%; width: 20px; height: 20px; font-size: 16px; color: #f93c3a; background: #fff; } .change-img .btn.changes { background: none; color: #8cba45; text-decoration: underline; } .center-middle-align { width: 100%; min-height: 100vh !important; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 1; } .cart-table { width: 100%; display: inline-block; margin-top: 20px; } .carousel-control.left, .carousel-control.right { background-image: none; } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { color: #8cba45; } .buy-package.mycart { width: 100%; margin: 50px auto 0; background-color: #fff; padding-bottom: 20px } .mycart .pill-section.main-tabs .box.my-pack { box-shadow: 0 0 5px #ddd !important; } .packages-screen .mycart .main-tabs .tab-content>.tab-pane { padding: 35px 35px 45px 35px; width: 100%; display: inline-block; } .mycart .pill-section.main-tabs .box { margin-bottom: 0; box-shadow: none !important } .mycart .box-desc.top .package-price { border-top: 0; margin: 0px } .buy-package.mycart .target-text { padding-left: 0px; } .buy-package.mycart .pill-section.first-section .package-price { border-bottom: 0px; } .buy-package.mycart .first-section { text-align: left; } .buy-package.mycart .first-section .inner-cash-section { padding: 18px 25px 0px !important; display: inline-block; width: 100%; } .buy-package.mycart .first-section .inner-cash-section span { /*color:#8cba45;*/ color: #585a5a; font-size: 18px; font-weight: normal; } .box-desc-top button.pull-right.del-div { border: 0; background: 0; } .buy-package.mycart .first-section .cash-section { border-top: 1px dashed #BABABA; width: 100%; display: inline-block; margin-top: 23px; } .buy-package.mycart .first-section .box { width: 100%; padding: 13px 0 10px !important; margin-bottom: 18px; } .buy-package.mycart .first-section .box-desc-top, .buy-package.mycart .first-section .package-price, .buy-package.mycart .first-section .icn, .buy-package.mycart .first-section .inner-cash-section { padding: 0 25px; } .buy-package.mycart .first-section .box-desc-top .del-div img { position: relative; top: 0px; width: 18px; } .buy-package.mycart .first-section .box .package-price ul, .buy-package.mycart .first-section .box .package-price ol { margin-left: 16px; } /*.buy-package.mycart .first-section .box .package-price ul li, .buy-package.mycart .first-section .box .package-price ol li{color:#8cba45;font-size:16px;}*/ .buy-package.mycart .first-section .box .package-price ul li, .buy-package.mycart .first-section .box .package-price ol li { color: #555; font-size: 16px; } .buy-package.mycart .first-section .box .package-price ul li strong, .buy-package.mycart .first-section .box .package-price ol li strong { color: #8cba45; } .buy-package.mycart .first-section .box .package-price ul li span, .buy-package.mycart .first-section .box .package-price ol li span { font-size: 16px; font-weight: normal; color: #333; } .buy-package.mycart .first-section .box .icn { text-align: left; border-bottom: 0px; } .buy-package.mycart .first-section .box .icn ul li { display: inline-block; padding-right: 18px; font-size: 14px; font-weight: normal; } .buy-package.mycart .first-section .box .icn ul li img { width: 22px; padding: 0 5px 0 0; position: relative; top: -3px; } .buy-package-title { background: #f7f7f7; padding: 6px 20px 0; display: inline-block; width: 100%; color: #888888; font-weight: bold; min-height: 45px; } .buy-package-title .title { font-size: 22px; font-weight: bold; } .buy-package-title .title em { font-style: normal; font-weight: normal; font-size: 22px; } .buy-package-cart h2, .content-title { color: #8cba45; font-size: 23px; border-bottom: 1px dashed #eee; padding-bottom: 10px; margin-top: 0; } .buy-package-cart .table>thead>tr>th { color: #555; font-size: 14px; font-weight: normal; text-align: center; } .buy-package .table thead tr th { text-align: center; } /*.buy-package .package-price{border-bottom:1px solid #eee;}*/ .buy-package .buy-btn-wrap { width: 100%; display: inline-block; /*border-top:1px solid #eee;*/ padding-top: 20px; } .buy-package .box { transform: scale(1, 1); box-shadow: 0 5px 10px rgba(0, 0, 0, .1); background: #fff !important; width: 100%; margin: 0 auto 30px; /*padding:20px 15px !important;*/ background: #f7f7f7; position: relative; } .buy-modal .modal-dialog { width: 471px; } .buy-btn { padding: 15px 0; border-top: 1px dashed #ddd; margin: 0 15px; text-align: right; } .buy-btn button { background: #8bc348 !important; font-size: 20px; padding: 2px 12px 2px 12px; border: 1px solid #8bc348; color: #fff; border-radius: 0px; margin-right: 2px; -webkit-transition: all 0.1s linear 0.1s; -moz-transition: all 0.1s linear 0.1s; -o-transition: all 0.1s linear 0.1s; transition: all 0.1s linear 0.1s; text-transform: capitalize !important; } .buy-btn button:hover { background: none !important; color: #8bc348; } .buttons { margin: 20px 0; } .buttons .btn.btn-primary { padding: 10px 20px; min-width: 150px; background: #8cba45; text-transform: uppercase; border: 0; } .buttons .btn.btn-primary.grey { background: #c7c7c7; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: none !important; outline: 0px auto -webkit-focus-ring-color !important; outline-offset: 0px !important; } .btn:active, .btn.active { box-shadow: none !important; } .btn.up-button:focus { color: #fff; } .btn.grey { min-width: 100px !important; text-transform: capitalize !important; padding: 5px 10px !important; color: #818181 !important; transition: all 0.5s linear 0.3s; -webkit-transition: all 0.5s linear 0.3s; border-radius: 0px !important; background: none !important; border: 1px solid #818181 !important; } .btn.grey:hover { background: #818181 !important; color: #fff !important; } .btn.green { background: #15ccae !important; color: #fff !important; text-transform: capitalize; border-radius: 3px !important; margin: 0px 0; letter-spacing: .5px; font-size: 14px; border: 2px solid #15ccae!important; -webkit-transition: all 0.5s linear 0.3s; min-width: 100px; padding: 5px 15px 5px 15px; cursor: pointer; } .btn.green:hover { background: none!important; color: #15ccae!important; -webkit-transition: all 0.5s linear 0s; } .btn.default { background: #8cba45 !important; color: #fff; padding: 10px; text-transform: capitalize; border-radius: 0px; color: #fff !important; border: 1px solid #8cba45 !important; } .btn.default:hover { background: none !important; transition: all 0.5s linear 0s; -webkit-transition: all 0.5s linear 0s; color: #8cba45 !important; } .btn.default.send-otp { padding: 9px 7px !important; position: absolute; right: 16px; top: 28px; min-width: 68px !important; font-size: 13px; } .btn.blue { min-width: 100px; text-transform: capitalize; padding: 5px 10px; color: #8cba45; transition: all 0.5s linear 0.3s; -webkit-transition: all 0.5s linear 0.3s; border: 1px solid #8cba45; background: none; border-radius: 0px } .btn.blue:hover { background: #8cba45 !important; color: #fff !important; } .btn.blue.fill { background: #8cba45 !important; color: #fff !important; } .btn-items.prepare-items { width: 100%; float: none; text-align: center; position: relative; } .btn-items.prepare-items ul li { width: 48%; margin-bottom: 20px; display: inline-block; } .btn-items.prepare-items ul li .btn-group { width: 100%; } .btn-items.prepare-items ul li .btn-group label { text-align: left; width: 100%; border: 1px solid #ddd!important; } .btn-items.prepare-items ul li .btn-group label:hover { background: #15ccae!important } .btn-items.prepare-items ul li .btn-group label:hover p { color: #fff; } .btn-items.prepare-items ul li .btn-group label.selected-prepare p:hover { color: #fff; } .btn-items.prepare-items ul li .btn-group label.selected-prepare { border: 1px solid #8cba45!important; background: #8cba45 } .btn-items.prepare-items ul li .btn-group label.selected-prepare p, .btn-items.prepare-items ul li .btn-group label.selected-prepare h5 .btn-items.prepare-items ul li .btn-group label.selected-prepare h5:hover { color: #fff } .btn-items.prepare-items ul li .btn-group label p { /* float: left; */ text-align: left; font-size: 11px; margin-bottom: 0px !important; white-space: initial; line-height: 15px; margin: 0 !important; } .btn-items.prepare-items ul li .btn-group label h5 { color: #fff; margin-bottom: 5px; margin-top: 5px; } .btn-items ul li { display: inline-block; list-style: none; padding-right: 20px; width: 32%; text-align: center; } .btn-items ul li:last-child { padding-right: 0px; } .btn-items .btn-default:hover { background-color: #fff!important; } .bs-glyphicons { padding-left: 0; padding-bottom: 1px; margin-bottom: 20px; list-style: none; overflow: hidden; } .browse-image { width: auto; } .browse-image { display: inline-block; position: relative; overflow: hidden; top: 0; left: -1px; } .browse-image input[type=file] { width: 40px; margin: 0 0 0 0; cursor: pointer; position: absolute; opacity: 0; left: 0; top: 0; height: 40px; } .box-desc-top { width: 100%; display: inline-block; } .box-desc-top h2 { background: none; color: #333; font-size: 21px; display: inline-block; width: auto; } .box-desc label { font-size: 18px; padding: 10px 0; margin: 0; } /*.box-desc h2{font-size:22px;border-bottom:0px;padding-top:0px;display:inline-block;width:100%;color:#333;text-align:left;}*/ .box-desc>span { color: #888; font-weight: normal; display: inline-block; margin: 20px 0; font-size: 15px; } .box-desc .icn { width: 100%; text-align: center; padding-bottom: 5px; } .box-buy { width: 100%; display: inline-block; border-top: 1px solid #B9B9B9; } .box-buy span { color: #ec704a; display: inline-block; font-size: 20px; font-weight: bold; margin: 10px 0; } .box-buy button { background: #8bc348 none repeat scroll 0 0; border-radius: 0; font-size: 20px; font-weight: bold; width: 130px; border: 1px solid #8bc348; margin: 0 auto; text-align: center; } .box-buy .icn { width: 100%; display: inline-block; margin: 5px 0; } .box-buy .buy-btn { text-align: center; border-top: 0px; padding: 10px 0; } .border { border: 1px solid red; } .bold { font-weight: 600 !important; } .blue { color: #8cba45; } .blog-images { margin-bottom: 0; } .blog-images li { padding: 0; margin: 0; display: inline; } .blog-images li img { width: 50px; height: 50px; opacity: 0.6; margin: 0 2px 8px; } .blog-images li img:hover { opacity: 1; box-shadow: 0 0 0 4px #72c02c; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; } .blog-images li a:hover { text-decoration: none; } .bg-yellow { background-image: none !important; background-color: #ffb848 !important; border-color: #ffb848 !important; color: #fff !important; } .bg-red { background-image: none !important; background-color: #e02222 !important; border-color: #e02222 !important; color: #fff !important; } .bg-purple { background-image: none !important; background-color: #852b99 !important; border-color: #852b99 !important; color: #fff !important; } .bg-grey { background-image: none !important; background-color: #fafafa !important; border-color: #fafafa !important; } .bg-green { background-image: none !important; background-color: #35aa47 !important; border-color: #35aa47 !important; color: #fff !important; } .bg-dark { background-image: none !important; background-color: #555555 !important; border-color: #555555 !important; color: #fff !important; } .bg-blue { background-image: none !important; background-color: #4b8df8 !important; border-color: #4b8df8 !important; color: #fff !important; } .best { color: #8cba45; font-size: 23px; font-weight: bold; margin: 0 0 30px; padding: 0 40px; text-align: left; } .best p span { padding-left: 0; top: 5px; } .best p span em { font-style: normal; } .bar-chart { display: none; } .authError { text-align: left !important; } .authError { margin: 5px 0 10px; } .attempted { color: #8bc348 } .arrows { display: none; } .answerd-marked-for-review { color: #33CC00; } .answer-is { position: absolute; right: 0; top: 0; } .answer-is { display: block; height: 40px; position: absolute; right: 0; top: -5px; } .answer-is.wrong { background: url("../images/wrong.png") no-repeat right 7px/23px auto; } .answer-is.wrong span { background: #ff5353; } .answer-is.right { background: url("../images/corret.png") no-repeat right 7px/23px auto; } .answer-is.right span { background: #8bc348; } .answer-is span { color: #fff; display: inline-block; font-size: 13px; height: 19px; line-height: 19px; margin-right: 0; margin-top: 10px; padding: 0 10px; position: relative; right: 0; text-align: right; top: 25px; width: auto; } .ans-detail { float: right; font-size: 13px; display: inline-block; top: 15px; position: absolute; right: 0px; } .activestate { background-color: #e3e53a !important; color: white !important; display: block; } .activestate:hover a { color: black; } .action-button { border-radius: 0px; text-transform: capitalize; border: 2px solid #8bc348; color: #fff !important; background: #8bc348 !important; } .action-button .btn.grey { color: #8cba45; min-width: 100px; transition: all 0.5s linear 0.3s; padding: 5px; margin-right: 17px; border: 1px solid #8cba45; border-radius: 0; background: none; text-transform: capitalize; } .action-button .btn.grey:hover { background: #8cba45; color: #fff; } .accuracy { background: url("../images/accuracy.jpg") no-repeat 0 0; } .accordion.package-list .panel { padding-bottom: 8px; } .accordion.package-list .panel-title a.active .fa.fa-angle-right { top: 17px; } .accordion.chapter-list .panel { transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; } .accordion.chapter-list .panel:hover .panel-title a.start, .accordion.chapter-list .panel:hover .panel-title a.upgrade { opacity: 1; } .accordion.chapter-list .panel-title a .fa.fa-angle-right { top: 26px; } .accordion.chapter-list .panel .panel-title a { color: #999; padding: 10px 15px; font-size: 20px; } .accordion.chapter-list .panel .panel-title a.upgrade { background: #8cba45; } .accordion.chapter-list .panel .panel-title a.upgrade:hover { background: #46d6ff; } .accordion.chapter-list .panel .panel-title a.practice-btn { background: #8bc348; border-radius: 4px; color: #fff; display: inline-block; font-size: 20px; padding: 10px 8px 9px; position: absolute; right: 105px; text-align: center; top: 15px; transition: all 0.5s linear 0.3s; -webkit-transition: all 0.5s linear 0.3s; width: 158px; opacity: 0; } .accordion.chapter-list .panel .panel-title a .chapter-name { color: #555; display: block; font-size: 23px; margin-top: 0; } .accordion-heading { background: #eee; } .accordion-heading a { text-decoration: none; } .accordion-heading a:hover { text-decoration: none; } /*.accordion .panel{border:1px solid #ddd;border-radius:0px;padding:15px 20px 10px 20px;margin-bottom:1px;border-radius:4px }*/ .accordion .panel { border: 0 !important; padding: 14px 20px 14px 20px !important; margin-bottom: 5px !important; } /*.accordion .panel:hover{box-shadow:0 1px 2px #eee;border:1px solid #54aac5;} .accordion .panel:hover .score-title, .accordion .panel:hover .total-score em{color:#8cba45} .accordion .panel:hover .panel-heading h4, .accordion .panel:hover .que-detail ul li, .accordion .panel:hover .toggle-icon i{color:#54aac5 !important;} .accordion .panel:hover .panel-heading a:before{color:#8cba45}*/ .accordion .panel.lockpanel { position: relative; border: 1px solid #adadad; /*border-radius:0px;*/ padding: 9px 20px 3px 20px; margin-bottom: 18px; } .accordion .panel.lockpanel:hover .panel-heading h4 { color: #adadad !important; } .accordion .panel.lockpanel .panel-heading { /*z-index:99;*/ position: relative; } .accordion .panel.lockpanel .panel-heading a.disabled { pointer-events: none; opacity: 0.4; } .accordion .panel.lockpanel .locl-wrap img { z-index: 999999; cursor: pointer; } .accordion .panel-title { position: relative; } .accordion .panel-title a.active .fa.fa-angle-right { color: #ddd; font-size: 40px; position: absolute; right: 0; top: 30px; -webkit-transform: rotate(180deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); top: 19px; } .accordion .panel-title a .fa.fa-angle-right { color: #ddd; font-size: 40px; position: absolute; right: 0; top: 14px; transition: all .2s linear 0s; -webkit-transition: all 300ms ease-in 0s; -moz-transition: all 300ms ease-in 0s; -o-transition: all 300ms ease-in 0s; transition: all 300ms ease-in 0s; } .accordion .panel-heading a { width: 100%; display: inline-block; } /*.accordion .panel-default.lockpanel > .panel-heading h4{color:#adadad;}*/ .accordion .panel-default.lockpanel .que-detail ul li { color: #adadad !important; } .accordion .panel-default.lockpanel .panel-heading .fa.fa-angle-right { color: #adadad !important; } .accordion .panel-default>.panel-heading { padding-left: 0; padding-right: 0; position: relative; } .accordion .panel-default>.panel-heading { background: none; color: #333; display: inline-block; width: 100%; border: 0; cursor: pointer; } .accordion .panel-default>.panel-heading.selected .panel-right .toggle-icon { right: -5px; top: 9px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transition: all 0.1s linear 0.3s; -webkit-transition: all 0.1s linear 0.3s; -o-transition: all 0.1s linear 0.1s; transition: all 0.1s linear 0.1s; } .accordion .panel-default>.panel-heading h4 { color: #585353; font-size: 16px; font-weight: 500; padding-top: 7px; padding-bottom: 0; outline: 0 } .accordion .panel-collapse { border-top: 1px solid #edf1f0; height: auto; padding-top: 10px; } .accordion .buttons { margin-bottom: 0; margin-top: 0; } .MathJax span { font-size: 17px; } #web-header-dropdown .dropdown-menu>li:hover { background: #fbfbfb } #upgrade-package .modal-header { text-align: left; padding: 70px 45px 5px; } #upgrade-package .modal-header h4 { font-size: 30px; color: #555; border-bottom: 1px solid #999; } #upgrade-package .modal-header h4 span.upgrade-price { background: #eea000; color: #fff; float: right; font-size: 22px; padding: 5px 15px; position: relative; top: 3px; } #upgrade-package .modal-header h4 span.upgrade-price i.fa { font-size: 28px; position: relative; top: 3px; } #upgrade-package .modal-footer { text-align: center; } #upgrade-package .modal-footer .btn.btn-primary { text-align: center; background: #8bc348 !important; padding: 10px 35px; } #upgrade-package .modal-body { padding: 15px 46px; } #upgrade-package .modal-body ul li { list-style: none; margin: 0 0 5px; } #upgrade-package .modal-body h4 { color: #777; font-size: 22px; margin: 5px 0 20px; } /*#test_tab .tab-content{padding:20px 20px;margin-top:10px} #test_tab .tab-content{padding:20px 20px 20px 5px !important;}*/ #test_tab .tab-content { padding: 0 !important } #test_tab .subject-tabs .nav-tabs>li>a { line-height: 33px; padding: 6px 20px 2px 15px !important; } #test_tab .practice-btn { margin: 0px 5px 5px; background: none; border: 1px solid #eee; color: #979797; font-weight: normal; border-radius: 0px; } #test_tab .practice-btn.view-syllabus { border: 1px solid #8cba45 !important; color: #8cba45 !important; } #test_tab .practice-btn.view-syllabus:hover { background: #8cba45; color: #fff !important; } #test_tab .practice-btn.view-score { border: 1px solid #8bc348 !important; color: #8bc348 !important; } #test_tab .practice-btn.view-score:hover { background: #8bc348; color: #fff !important; } #test_tab .panel-title a { color: #505050; font-size: 25px; padding: 7px 10px 15px; } #test_tab .panel-heading { padding: 0; } #test_tab .panel-default .panel-heading .fa.fa-angle-right { top: 5px; } #test_tab .panel-collapse { border: 1px solid #eee; padding: 15px 0 10px 0; margin-top: 15px; box-shadow: 0 0 5px #ddd } #test_tab .panel-collapse .score .btn.green { font-size: 11px; height: 30px; margin: 8px 0 14px 0; padding: 6px 20px 5px; transition: all 0.5s linear 0.3s; -webkit-transition: all 0.5s linear 0.3s; } #test_tab .panel-collapse .detail-result .btn { transition: all 0.5s linear 0.3s; -webkit-transition: all 0.5s linear 0.3s; min-width: 150px; padding: 8px 15px 6px 15px; border-radius: 2px !important; font-size: 18px; color: #fff !important; font-weight: 500; text-transform: uppercase; background: #79bbd6; } #test_tab .panel-collapse .detail-result .btn.green { background: #15ccae } #test_tab .panel-collapse .detail-result .btn.green:hover, #test_tab .panel-collapse .score .btn.green:hover { background: #1fecca; color: #00bfa0 !important } #test_tab .panel-collapse .detail-result .btn.blue { background: #4f8fbd; border: 2px solid #4f8fbd; } #test_tab .panel-collapse .detail-result .btn.blue:hover { background: #fff !important; color: #4f8fbd !important } /*#test_tab .panel-collapse .btn.green{background:#15ccae !important;color:#fff !important;text-transform:capitalize;border-radius:0px !important;margin:10px 0;letter-spacing:.5px;font-size:15px;border:1px solid #15ccae;} #test_tab .panel-collapse .btn.green:hover{background:none !important;color:#15ccae !important;}*/ #test_tab .accordion .panel-title a .fa.fa-angle-right { top: 14px; } #tab-food_option ul li { background: url("../images/bullet.jpg") no-repeat 0 0; } #submittest-poup .start-wrapper { text-align: right; } #submittest-poup .start-wrapper .btn.green { border: 1px solid #15ccae !important; border-radius: 0 !important } #submittest-poup .start-wrapper .btn.blue { background: #8cba45 !important; color: #fff !important } #submittest-poup .start-wrapper #startbtn { background: #8cba45 none repeat scroll 0 0; border-radius: 4px; color: #fff; font-size: 14px; padding: 10px 20px; cursor: pointer; transition: 0.6s; border: 1px solid #8cba45; font-weight: bold; } #submittest-poup .start-wrapper #resumebtn { background: #c2c2c2 none repeat scroll 0 0; border-radius: 4px; color: #fff; font-size: 14px; padding: 10px 20px; cursor: pointer; transition: 0.6s; border: 1px solid #c2c2c2; font-weight: bold; } #submittest-poup .modal-header { padding: 2px 16px; background-color: #8cba45; color: white; } #submittest-poup .modal-header { color: white; } #submittest-poup .modal-header>h2 { margin: 10px 0; font-size: 17px; font-weight: bold !important; text-align: left; } /*#submittest-poup .modal-header .close{margin-top:16px !important;}*/ #submittest-poup .modal-body { padding: 2px 16px; border: 1px solid #ddd; } #submittest-poup .modal-body ul { text-align: center; padding: 0px; } #submittest-poup .modal-body ul li { list-style: none; margin: 15px 0; font-size: 16px; font-weight: 500 } #submittest-poup .modal-body ul li.unattempted { background: none; padding-left: 0px; } #submittest-poup .modal-body .score { display: inline-block; text-align: center; width: 24%; font-size: 16px; } #submittest-poup .foot-wrapper { padding: 20px; } #submittest-poup .foot-wrapper .best p { font-size: 17px !important } /*#submittest-poup .close{color:white;float:right;font-size:28px;font-weight:bold;padding-top:6px;margin-right:10px;} #submittest-poup .close{background:none;}*/ #submittest-poup .best { float: left; padding: 0px; color: #333; } #submittest-poup .best>span { font-weight: normal; } #submittest-poup .best>span { font-size: 20px; font-weight: bold; text-align: left; } #submittest-poup .action { width: 30%; display: inline-block; text-align: left; } /*#solutions .subject-tabs .tab-pane{display:block;height:0;overflow:hidden;} #solutions .subject-tabs .tab-pane.active{height:auto;overflow:inherit;} #solutions .solution-main-tab .subject-tabs .nav-tabs > li > a{padding:5px 10px 10px !important;} #solutions .question .inner-question-box .que-text span div{text-align:center;padding:30px;} #solutions .que-list .jcarousel li{width:71px;} #solutions .nav-tabs{text-align:center;} #solutions .nav-tabs{border-bottom:0px solid #eee;text-align:center;} #solutions .nav-tabs.subjects > li a{position:relative;} #solutions .nav-tabs > li{float:none;display:inline-block;;margin:0 5px !important;width:32%;text-align:center;} #solutions .nav-tabs > li.active a{} #solutions .nav-tabs > li.active > a, #solutions .nav-tabs > li > a:hover, #solutions .nav-tabs > li.active > a:hover, #solutions .nav-tabs > li.active > a:focus{border:0;background:#fff;color:#23b6e1;}*/ #solutions .jcarousel-wrapper { border: 0; height: 56px; padding: 6px !important; margin: -10px 0 0; } #solutions .jcarousel-wrapper .jcarousel li { border: 0; width: 55px !important; padding: 5px 0; } #solutions .jcarousel-wrapper .jcarousel li a { border-radius: 50%; display: inline-block; font-size: 14px; height: 30px; line-height: 20px; padding: 5px 2px; width: 30px; border: 1px solid #8cba45; cursor: pointer; } #solutions .jcarousel-wrapper .jcarousel-control-prev, #solutions .jcarousel-wrapper .jcarousel-control-next { border: 0; /*background: no-repeat;*/ padding-top: 6px; box-shadow: 1px 2px 9px #999999 } #solutions .jcarousel-control-prev { left: 10px } #solutions .jcarousel-control-next { right: 15px } #responsive-header-dropdown { display: none; } #reset-password .phone-image { margin-bottom: 10px; margin-top: 15px; } #progressbar { padding: 0px!important; } #progressbar { margin-bottom: 15px; overflow: hidden; counter-reset: step; padding: 80px 0 0; } #progressbar li { list-style-type: none; color: #666; text-transform: capitalize; font-size: 18px; width: 21.33%; float: none; display: inline-block; position: relative; } #progressbar li:first-child:after { content: none; } #progressbar li:before { content: counter(step); counter-increment: step; width: 19px; height: 19px; line-height: 20px; display: block; font-size: 10px; color: #333; background: #ccc; border-radius: 3px; margin: 0 auto 5px auto; border: 5px solid #ccc; border-radius: 50%; text-indent: -90px; overflow: hidden; } #progressbar li:after { content: ''; width: 100%; height: 5px; background: #ccc; position: absolute; left: -50%; top: 8px; z-index: -1; } #progressbar li.active:before, #progressbar li.active:after { background: #fff none repeat 0 0; border: 4px solid #23b4e0; color: white; } #progressbar li.active.done::before, #progressbar li.active.done::after { background: #23b4e0; } #progressbar li span { position: relative; top: -60px; font-size: 15px; } /*#profilepic-change .modal-footer button.btn#resetCropped{text-transform:capitalize!important;}*/ #practice_tab .tab-content { padding: 0 15px; } #practice_tab .tab-content .tab-content { padding: 0; } #pause-practice ul li { list-style: none; color: #5a5a5a; font-size: 15px; margin: 10px 0; } #pause-practice .que-detail ul li { text-align: right; } #pause-practice .que-detail ul li.wrong span { border: 2px solid #f94d4d; color: #f94d4d; } #pause-practice .que-detail ul li.t-que span { border: 2px solid #919191; color: #919191; } #pause-practice .que-detail ul li.correct span { border: 2px solid #93c758; color: #93c758; } #pause-practice .que-detail ul li span { height: 35px; width: 35px; display: inline-block; margin-left: 10px; border-radius: 50%; text-align: center; padding: 5px 0; } #pause-practice .modal-header { padding: 17px 10px 13px 10px; border-bottom: 1px solid #ddd; text-align: center; color: #333; min-height: inherit; margin: 0 20px; border-bottom: 1px solid #8cba45 !important; color: #8cba45; margin-bottom: 10px; } #pause-practice .modal-header h4 { font-size: 22px; text-transform: uppercase; } #pause-practice .modal-header button.close { background: none !important; text-align: center; } #pause-practice .modal-header button.close img { display: block; margin: 0 0 0 10px; padding: 0; } #pause-practice .modal-footer { text-align: center; border-top: 1px solid #eef1f1; margin: 0 20px; } #pause-practice .modal-footer h3 { color: #2c3238; } #pause-practice .modal-dialog { width: 800px; } #pause-practice .modal-body h3 { margin-top: 0; color: #2c3238; margin-bottom: 30px; } #pause-practice .accuracy-detail ul { padding-left: 40px; border-left: 2px solid #ddd; min-height: 134px; margin-left: 15px; line-height: 40px; margin-top: -4px; } #pause-practice .accuracy-detail ul li img { margin-right: 10px; } #part_test .take-test .detail-result { float: none; } /*#overall-stats{padding-bottom:3px;padding-top:0px;}*/ /*#overall-stats .subject-tabs #responsiveTabsDemo1 #tabs li.active a:after,#solutions .subject-tabs #responsiveTabsDemo #tabs li.active a:after{top:103%;border-left:7px solid transparent;border-top:7px solid #8cba45;border-right:7px solid transparent;left:40%;}*/ /*#overall-stats .subject-tabs #responsiveTabsDemo1 #tabs li.active a, #solutions .subject-tabs #responsiveTabsDemo #tabs li.active a{border-bottom:1px solid #8cba45!important; color: #000;background: #8cba45; border-radius:30px !important;min-width:150px;color: #fff; padding: 12px 8px 7px 8px;font-size: 15px !important} #overall-stats .result-status.top{margin:0px 0 20px} #overall-stats .horizontal-tabs .tab-content{width: 100%;margin-top: 10px;display: inline-block;padding-top: 15px;} #overall-solutions1, #physics-solutions1, #chemistry-solutions1, #mathematics-solutions1{padding:0px;} #overall-solutions1 .result-status, #physics-solutions1 .result-status, #chemistry-solutions1 .result-status, #mathematics-solutions1 .result-status{padding:0px;}*/ #my-link { margin-bottom: 30px; display: inline-block; } #msform { width: 100%; margin: 0; text-align: center; position: relative; /*height:800px;*/ padding-top: 15px; } #msform .progress-bar-success { background-color: #8cba45; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } #msform p { margin: 0 2px 20px; } #msform input.form-control, #msform textarea.form-control { border-radius: 0; color: #333; font-size: 14px; height: 40px; margin-bottom: 15px; padding: 5px 10px; } #msform fieldset { border: 0 none; border-radius: 0; box-shadow: none; padding: 20px 70px; box-sizing: border-box; width: 100%; margin: 0; left: 0; position: absolute; } #msform fieldset:not(:first-of-type) { display: none; } #msform fieldset.step3, #msform fieldset.step2 { padding: 20px; } #msform fieldset.step3 ul, #msform fieldset.step2 ul { display: inline-block; margin: 0; width: 100%; padding: 0; border-radius: 0px; } #msform fieldset.step3 ul li { width: auto; background: none; } #msform fieldset.step3 ul li { width: auto; background: none; } #msform fieldset.step3 ul li.selected, #msform fieldset.step2 ul li:hover { background: #8cba45; color: #fff; cursor: pointer; } #msform fieldset.step3 ul li.selected a, #msform fieldset.step2 ul li:hover a { color: #fff; text-decoration: none; } #msform fieldset.step3 ul li, #msform fieldset.step2 ul li { float: left; width: 21%; list-style: none; background: #e9e9e9; margin: 0 10px 10px 0; padding: 10px; border-radius: 0px; font-size: 16px; color: #777; -webkit-transition: all .2s .1s linear; -moz-transition: all .2s .1s linear; -o-transition: all .2s .1s linear; transition: all .2s .1s linear; } #msform fieldset.step3 p { color: #777; } #msform fieldset.step3 label { text-align: left; } #msform fieldset.step3 label.btn { padding: 12px 15px; } #msform fieldset.step3 label.btn h5 { margin: 0px; color: #8cba45; } #msform fieldset.step3 .btn.green { width: 12%; border-radius: 0px; text-transform: capitalize; border: 2px solid #8bc348 !important; color: #fff !important; background: #8bc348 !important; font-size: 18px; } #msform fieldset.step3 .btn-items ul li { margin: 0 0px 0px 0; padding: 0px 10px 0; } #msform fieldset.step3 .btn-items ul li:first-child { padding: 0px 0px 0 0; margin: 0 10px 0px 0; } #msform fieldset.step3 .action-button { margin: 0; background: #8cba45; margin-bottom: 5px; } #msform fieldset.step2 { height: auto; } #msform fieldset.step2 .verified-div { width: 60%; margin: auto; } #msform fieldset.step2 .verified-div input { width: 70%; text-align: center; } #msform fieldset.step2 .verified-div img { position: absolute; right: -42px; top: 7px; } #msform fieldset.step1, #msform fieldset.step2, #msform fieldset.step3 { padding: 20px 105px } #msform fieldset.step3 { padding: 20px 50px } #msform fieldset.step3 button { width: 70% !important; } #msform fieldset.step1 h3 { text-transform: capitalize; font-size: 15px; text-align: center; } #msform fieldset.step1 .inp-field-wrapper .phno-correct { top: 7px; } #msform fieldset.step1 .inp-field-wrapper .phno-correct img, #msform fieldset.step2 .verified-div img { width: 30px; } #msform fieldset.step4 .fs-title { margin: 10px 0 } #msform fieldset.step4 .btn-items { margin-bottom: 15px } #msform fieldset.step1.forgot-step1 .inp-field-wrapper .phno-correct { top: -3px !important; right: 15px } #msform fieldset.step1.forgot-step1 h3 { margin-top: 5px; } #msform fieldset.step3.forgot-step3 .action-button { margin: 15px auto 0; } /*#msform fieldset.step1 .action-button, #msform fieldset.step3 .action-button, #msform fieldset.step2 .action-button, #msform fieldset.step4 .action-button{min-width:150px !important;width:auto !important;font-size:16px;}*/ /*#msform fieldset.step1 .action-button, #msform fieldset.step3 .action-button, #login-form .action-button{width: 200px;padding: 10px 4px 8px;font-size: 18px;margin: 15px 0;width: 100% !important;}*/ #msform fieldset label { color: #333; display: block; font-size: 14px; font-weight: 500; margin-bottom: 5px; text-align: left; border-radius: 0px; display: inline-block; height: auto; line-height: 24px; } #msform fieldset h3 { font-size: 20px; padding: 0 0px; text-align: left; color: #777; } #msform fieldset .step4-wrapper h3 { text-align: center; } #msform fieldset .step3-wrapper h3 { font-size: 16px; margin-top: 0px; } #msform fieldset .digit label { text-align: center; font-size: 16px; } #msform div.checker { margin-left: -5px; margin-right: 10px; padding-top: 2px; } #msform .step4-wrapper .btn-items { text-align: center; margin-bottom: 16px; } #msform .step3-wrapper .selectpicker { text-align: left; width: 100%; } #msform .step3-wrapper .selectpicker .nya-bs-select { width: 100%; height: 43px; margin-bottom: 10px; } #msform .step3-wrapper .selectpicker .nya-bs-select .dropdown-toggle { width: 100%; height: 100%; padding-right: 25px; border-radius: 0px; } #msform .step3-wrapper .selectpicker .nya-bs-select .dropdown-toggle { border: 1px solid #ccc!important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); background: #fff } #msform .step3-wrapper .selectpicker .nya-bs-select .dropdown-toggle.show-special-title .special-title { font-size: 16px; color: #888; text-transform: capitalize; } #msform .step3-wrapper .selectpicker .nya-bs-select .dropdown-toggle .filter-option { color: #333; font-size: 16px; } #msform .step3-wrapper .selectpicker .nya-bs-select .dropdown-menu>li>a:hover, #msform .step3-wrapper .selectpicker .nya-bs-select .dropdown-menu>li>a:focus { color: #333!important } #msform .step3-wrapper .selectpicker .nya-bs-select .btn-default:hover, #msform .step3-wrapper .selectpicker .nya-bs-select .btn-default:focus, #msform .step3-wrapper .selectpicker .nya-bs-select .btn-default:active, #msform .step3-wrapper .selectpicker .nya-bs-select .btn-default.active { background-color: transparent!important; } #msform .step2 p { /*width:60%;*/ margin: 10px auto 0 } ss #msform .btn-items { text-align: left; } #msform .action-button { border-radius: 0px; text-transform: capitalize; border: 2px solid #8bc348; color: #fff !important; background: #8bc348 !important; } #msform .action-button:hover, #login-form .action-button:hover { background: #72b323; } #msform .action-button, #login-form .action-button { border: 0 none; /*background:#8bc348 none repeat 0 0;border-radius:5px;color:white;cursor:pointer;font-size:20px;font-weight:normal;margin:25px 5px 20px;padding:13px 5px 9px 5px;text-transform:uppercase;width:200px;-webkit-transition:all .2s .1s linear;-moz-transition:all .2s .1s linear;-o-transition:all .2s .1s linear;transition:all .2s .1s linear;*/ } /*#msform .action-button, #login-form .action-button{margin: 10px 0px 30px;padding: 10px 5px 8px;}*/ .register-page #msform fieldset.step4 label, .register-page #msform fieldset.step3 label { display: block; } .register-page #msform fieldset.step4 .btn-items ul li { width: 30.2%; margin: 0 4px; } .register-page #msform fieldset.step4 .btn-items { margin-bottom: 10px; } .register-page #msform fieldset.step4 .btn-items.prepare-items ul li .btn-group label.selected-prepare h5 { color: #fff !important } .register-page #msform fieldset.step4 .btn-items.prepare-items ul li .btn-group label:hover h5, .register-page #msform fieldset.step4 .btn-items.prepare-items ul li .btn-group label.selected-prepare:active h5 { color: #fff; } /*.register-page #msform fieldset.step4 .btn-items.prepare-items ul li .btn-group label h5{color:#000;}*/ .register-page #msform fieldset label h5 { color: #333 } .register-page #msform fieldset.step4 .btn-items.prepare-items ul li .btn-group label:hover { background: #8cba45 !important; } .register-page #msform fieldset.step4 .btn-items.prepare-items ul li { width: 100%; margin: 0px; } #logo { height: 55px; text-align: center; width: 157px; margin-left: -8px; } #logo img { width: 160px; } #logo .navbar-brand { margin-left: 0; /*margin-top:3px;*/ padding: 0; } #logo .navbar-brand { display: inline-block; } #login-form { padding: 20px 80px; } #login-form, #forgot-password, #reset-password, #change-password { background: #fff; padding: 20px 90px; text-align: center; } #login-form a { text-decoration: underline; } #login-form a:hover { text-decoration: none; } /*#login-form .label-container span.checkmark{top:-3px!important;}*/ #login-form .label-container a { font-weight: 500 } #login-form .checkbox-inline { padding: 0; } #login-form .action-button, #msform .action-button { /*margin: 10px 0 30px 0;*/ width: 100%; /*min-width: 180px;*/ text-transform: uppercase; padding: 10px 5px 8px; /*font-size: 18px;font-weight: 500;*/ } #login-form .action-button { /*margin:10px 0 30px 0;*/ outline: 0 } #login-form .action-button:hover, #msform .action-button:hover { background: #62ab0a !important; } #login-form #msg { text-align: left; } #instruction-poup p { font-size: 15px; color: #555; } #instruction-poup .modal-header { border-bottom: 1px solid #ddd; color: #333; min-height: inherit; padding: 25px 60px 5px; text-align: left; } #instruction-poup .modal-header h4 { font-size: 25px; } #forgot-password { margin-top: 18%; } #forgot-password, #change-password { padding: 20px 90px; } #forgot-password .action-button:hover { color: #fff !important; } #forgot-password .action-button:hover, #reset-password .action-button:hover { background: none; color: #8bc348; } #forgot-password .action-button:hover, #reset-password .action-button:hover, .action-button:hover { color: #fff !important; } #forgot-password .action-button.green, #reset-password .action-button.green, #change-password .action-button.green { background: #89c348; } #forgot-password .action-button, #reset-password .action-button, .action-button { background: #8bc348; border: 2px solid #8bc348; border-radius: 0px; color: #fff; font-size: 18px; margin: 15px 0; padding: 5px 15px; text-transform: capitalize; width: 100% } #error-report .modal-header { padding: 13px 15px; background: #8cba45; color: #fff; } #error-report .modal-header h4 { font-size: 18px; color: #fff; } #error-report .modal-footer { text-align: center; } #error-report .modal-footer { border-top: 1px solid #ddd; padding-top: 20px; padding-bottom: 30px; } #error-report .modal-footer.buttons { margin: 0; } #error-report .modal-footer .btn.grey { font-size: 14px; } #error-report .modal-dialog { width: 500px; margin: 30px auto; } #error-report .modal-body { padding: 20px 0px; } #error-report .form-horizontal .msg { display: inline-block; margin-left: 0px; padding: 15px; width: 100%; } #error-report .form-horizontal .msg textarea { background: #f1f1f1 none repeat 0 0; border: none; padding: 5px 10px; width: 100%; } #error-report .form-horizontal .help-us { padding: 0px 15px 5px; } #error-report .form-horizontal .help-us .fa { padding-right: 26px; color: #8cba45; } #error-report .form-horizontal .checkbox { display: inline-block; float: right; padding-top: 0px; } #error-report .form-horizontal .check-error { margin-bottom: 20px; border-bottom: 1px solid #ddd; padding: 0px 15px 5px; } #error-report .form-horizontal .check-error span, #error-report .form-horizontal .help-us { color: #333; } #error-report .form-horizontal .check-error .fa { padding-right: 15px; color: #8cba45; } #error-report .form-horizontal .check-error .fa.fa-question { padding-right: 20px; } #edit_form ul li label { margin-top: 10px; margin-bottom: 0px; } #edit_form .text { position: relative; left: 0px; overflow: inherit; transform: translate(0, 0); } #dashboard { overflow: hidden; } #button-con .btn { background: #15ccae !important; color: #fff !important; text-transform: capitalize; border-radius: 0px !important; margin: 10px 0; letter-spacing: .5px; font-size: 15px; border: 1px solid #15ccae; } #button-con .btn.green { border: 1px solid #8bc348 !important; color: #8bc348 !important; background: none !important; min-width: 100px; padding: 6px 10px; font-size: 14px; font-weight: normal; -webkit-transition: all 0.4s ease-in .4s; } #button-con .btn.green:hover { background: #8bc348 !important; color: #fff !important } #attempted { color: #8BC348; } #all_test-accordion .panel.panel-default .col-sm-4 { border-right: 1px solid #eee; } #all_test-accordion .panel.panel-default .col-sm-4:last-child { border-right: 0px; } @-webkit-keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } @keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } @-webkit-keyframes fill { 0% { width: 0%; height: 1px; } 50% { width: 100%; height: 1px; } 100% { width: 100%; height: 100%; background: #333; } } @-webkit-keyframes circle { 0% { width: 1px; top: 0; left: 0; bottom: 0; right: 0; margin: auto; height: 1px; z-index: -1; background: #eee; border-radius: 100%; } 100% { background: #aaa; height: 5000%; width: 5000%; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border-radius: 0; } } .main-tabs { /*background:#fff;*/ padding: 0 0px 0px; /*width:80%;*/ display: inline-block; margin: 0 auto; display: block; /*;box-shadow:0 0 5px #ccc*/ } .main-tabs .nav-tabs { padding: 0; width: 100%; display: inline-block; border-bottom: 2px solid #ddd !important; height: 39px } .main-tabs .nav-tabs>li { background: #fff !important; /*width:33.3% !important;*/ margin: 0; padding: 0; } /*.main-tabs .nav-tabs > li.active a:after{content:'';position:absolute;top:36px !important;left:47%;margin-left:0;width:0;height:0;border-bottom:solid 10px #8cba45;border-left:solid 10px transparent;border-right:solid 10px transparent;border-top:0;}*/ .main-tabs .nav-tabs { border: 0 none; margin: 0; padding: 0 0px; text-align: center; } /*.main-tabs .nav-tabs > li{margin:0;width:33.3%;background:#f3f3f3;border-radius:0;}*/ .main-tabs .nav-tabs>li>a { position: relative; display: block; padding: 8px 25px 8px 25px; font-size: 15px !important; border: 0 !important; border-bottom: 2px solid #ddd !important; /* text-transform: uppercase;*/ cursor: pointer; font-weight: 500; color: #6b6767; margin: 0; } .main-tabs .nav-tabs>li.active>a { border-bottom: 2px solid #8cba45 !important; color: #8cba45 } .main-tabs .nav-tabs>li.active>a:focus { border: 0px !important; } .main-tabs .nav-tabs>li.active>a, .subject-tabs .nav-tabs>li>a:hover, .subject-tabs .nav-tabs>li.active>a:hover, .subject-tabs .nav-tabs>li.active>a:focus { border-radius: 12px 12px 0 0; } .main-tabs .tab-content>.tab-pane { padding: 20px } .main-tabs .tab-content>.tab-pane .nav-tabs { border: 0; text-align: center; width: 65%; margin: -20px auto 20px; border-bottom: 1px solid #fff !important } .main-tabs .tab-content>.tab-pane .nav-tabs>li { /*flex: 0;border: 2px solid #f00*/ padding: 0 10px 0 0 } .main-tabs .tab-content>.tab-pane .nav-tabs>li:last-child { padding: 0 } .main-tabs .tab-content>.tab-pane .nav-tabs>ul>li a { background: #fff; color: #8cba45; padding: 12px 8px 7px 8px; font-size: 15px !important; min-width: 18% } .main-tabs .tab-content>.tab-pane .nav-tabs>li a { background: #fff; color: #7e9196; padding: 9px 15px 5px 15px; border-radius: 20px; font-size: 15px !important; min-width: 150px; border: 1px solid #ddd !important; position: relative; top: 19px; margin: 0; text-transform: capitalize; } .main-tabs .tab-content>.tab-pane .nav-tabs>li.active a { background: #8cba45; color: #fff; border: 1px solid #8cba45 !important; margin: 0 } .main-tabs .tab-content>.tab-pane .nav-tabs>li.active a:after { border: 0 } .main-tabs .tab-content>.tab-pane#solutions { padding: 0 20px 20px !important; /*border: 2px solid #f00*/ } /*.main-tabs .tab-content > .tab-pane#solutions .nav-tabs{}*/ .main-tabs .tab-content>.tab-pane#solutions .nav-tabs>li { margin-top: -15px; background: transparent !important; } .que-area { /*border: 1px solid #eee;box-shadow: 0 0 5px #ddd;*/ margin: 0; padding: 0 10px; border-radius: 5px; } .que-list { /* background: #fbfbfb; */ margin: 0px -10px -10px; border-radius: 3px; position: relative; padding-right: 250px; padding: 9px 250px 0 0; border: 1px solid #8cba45; box-shadow: 0 0 5px #e0dada; } .que-list h3 { font-size: 15px; padding: 0px 15px; border-bottom: 0; } .que-list .que-list-drop { position: absolute; right: 0; top: 0; z-index: 9; min-width: initial; } .que-list .jcarousel-control-prev i.fa, .que-list .jcarousel-control-next i.fa { color: #333 } .que-list .que-list-drop .dropdown-menu { left: auto; right: 12px; border-radius: 0; border: 1px solid #ddd; top: 35px; } .solution-section { /*border: 1px solid #ddd;padding: 10px;*/ /* width: 100%; */ /* display: inline-block; */ border-radius: 4px; overflow: hidden; margin-right: -20px; /*clear: both;*/ float: left; width: 45%; margin-top: 15px } .main-tabs .tab-content>.tab-pane#solutions .question { padding: 0 10px 10px !important; margin: 30px -10px 0; border: 1px solid #ddd; background: #fbfbfb; border-radius: 5px; padding: 10px; box-shadow: 0 0 5px #ddd; } .main-tabs .tab-content>.tab-pane#solutions .question h3 { margin: -10px -10px 10px !important; background: #fbfbfb; font-size: 15px; padding: 10px; /* float: left; */ position: relative; left: 0; } /*.main-tabs .tab-content > .tab-pane .nav-tabs > li {border: 0;min-width: 200px;display: inline-block;-webkit-flex: 1;-ms-flex: 0;flex: 0}*/ .test-progress-bar { text-align: right; width: 550px } .test-progress-bar .value { font-size: 14px; display: inline-block; padding-top: 3px } .test-progress-bar label { font-weight: 500; position: relative; top: 0; margin: 0; } .test-progress-bar .test-progress-bar-status { display: inline-block; margin: -5px 10px 0; vertical-align: top; } .test-progress-bar .progress { display: inline-block; width: 68%; border-radius: 0; height: 23px; border-radius: 14px; border: 1px solid #ddd; margin: -2px 0 0 0; } .test-progress-bar .text-info, .for-responsive-barreport .text-info { /*background: #8cba45;*/ display: inline-block; width: 30px; text-align: center; border-radius: 100%; height: 30px; line-height: 30px; color: #8cba45; font-size: 14px; font-weight: 500; margin: 0 -1px 0 2px; } .for-responsive-barreport .text-info { width: 20px; height: 20px; line-height: 20px; font-size: 13px; } .box { border-radius: 5px; border: 1px solid #eeeeee82; box-shadow: /*0px 3px 15px rgba(0, 0, 0, 0.15)*/ 0px 3px 15px rgba(171, 171, 171, 0.15); margin-bottom: 25px } /*--Stats Pages new classes--*/ .stats-text { font-weight: 500; font-size: 16px } .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; -webkit-animation: progress-bar-stripes 0.8s linear infinite; -o-animation: progress-bar-stripes 0.8s linear infinite; animation: progress-bar-stripes 0.8s linear infinite; } /*---new user box---*/ #web-header-dropdown ul li.user-box { padding: 15px 0; border-bottom: 1px solid #eee; background: #fbfbfb; text-align: center; } #web-header-dropdown ul li.user-box span { display: block; padding-left: 0; font-size: 18px; text-transform: capitalize; color: #0398c3; font-weight: 500; } /***Fixed Footer***/ .page-footer-fixed.page-footer-fixed-mobile .footer { position: fixed; left: 0; right: 0; z-index: 10000; bottom: 0 } .page-footer-fixed.page-footer-fixed-mobile .page-container { margin-bottom: 20px !important } .page-footer-fixed.page-footer-fixed-mobile.page-sidebar-fixed .footer { margin-left: 0 !important } /*For packages screen*/ .packages-screen, .testresult-screen { padding-bottom: 30px; } /*.packages-screen .main-tabs .nav-tabs > li{width: 50% !important}*/ .packages-screen .my-pack { border: 1px solid #a6d5e2; padding: 15px; margin: 0 0 30px 0 } .packages-screen .box-desc h2 { text-transform: capitalize; font-size: 20px; border-bottom: 1px solid #f2f2f2; padding: 15px 15px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1ba8d2+0,70d5f3+100 */ background: #1ba8d2; /* Old browsers */ background: -moz-linear-gradient(left, #1ba8d2 0%, #70d5f3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #1ba8d2 0%, #70d5f3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #1ba8d2 0%, #70d5f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1ba8d2', endColorstr='#70d5f3', GradientType=0); /* IE6-9 */ color: #fff; text-align: center; font-weight: normal; margin: -17px -17px 17px -17px; font-family: 'Montserrat'; font-weight: bold; } .packages-screen .box-desc h2 { display: flex; } .packages-screen h2 img { flex: initial; } .packages-screen h2 span { flex: auto; text-align: left; display: flex; /*justify-content: center;*/ align-items: center; } .packages-screen .box .package-rate-wrap { padding: 13px 15px !important; } .pill-section.first-section .box-desc h2 { color: #333; background: transparent; text-align: left; width: 100%; border-bottom: 0; margin-bottom: 0; } /*.packages-screen .my-pack li{font-family: 'Lato'}*/ .packages-screen .main-tabs .tab-content>.tab-pane { padding: 10px 0 20px } .round-progress-bar { position: relative; width: 100px; height: 100px; margin: 0 auto; } .round-progress-bar .round-progress { width: 100px; } .round-progress-bar .score-box { position: absolute; background: #fbfbfb; border-radius: 50%; height: 84px; width: 84px; left: 8px; top: 8px; padding: 30px 0; line-height: 27px; } .round-progress-bar .stats .stats-box { padding: 15px 0px 0px 85px; } .stats .average-score .total-score { color: #19bd9b } .stats .average-accuracy .total-score { color: #9b5ab6 } .stats .highest-score .total-score { color: #e67f22 } .stats .average-score .last-5-test { color: #3398dc } .main-inner .stats-box h2 { border: 0; /*position: absolute;right: 15px;width: 102px;top: 55px;*/ font-size: 17px !important; text-align: center; color: #00556e; margin: 0; padding: 0; } .btn.blue.go-dashboard { background: #8cba45; color: #fff; padding: 13px 10px 10px; min-width: 180px; border-radius: 4px; font-weight: 500; text-transform: uppercase; display: none; } .que-display { float: left; width: 55%; padding-right: 15px; /*border: 2px solid #f00*/ } .question-main-wrapper { float: left; width: 100%; /*border: 2px solid #f00*/ } .testScreen .container { padding: 0; margin: 0; } .testScreen .page-sidebar { width: 350px; margin: 0; height: 100%; padding-top: 55px; padding-right: 0 } .testScreen .header.navbar.navbar-fixed-top { z-index: 999 !important; padding: 0 15px; } .testScreen .container { width: 100%; max-width: 100% } .testScreen .que-display { float: none; width: 70%; padding-right: 0; /*border: 1px solid #f00;*/ background: #fff; margin: 0 auto 12px; padding: 10px; box-shadow: 0 0 5px #ccc; } body.inner.testScreen { padding-top: 55px; padding-bottom: 50px; /*background: #fff*/ } .testScreen .action-btn { position: fixed; background: #fff; bottom: 0; padding: 12px 10px 10px; left: 0; width: 100%; padding-left: 350px; border-top: 10px solid #eff0f2; } .testScreen .question { padding: 0 !important; } .dblue { background: #33839a; color: #fff!important; border-radius: 0; min-width: 120px; font-weight: 500 } .dblue:hover { background: #04a7d6; color: #fff !important; font-weight: 500 } /*.testScreen .que-options {margin: 20px 15px 0 0;width: 28%;float: right;}*/ .testScreen .page-sidebar { margin: 0 -10px 0 -5px; } /*.mjx-chtml.MathJax_CHTML{padding:7px 5px;border:1px solid #ddd}*/ .testScreen .que-options { width: 70%; margin: 5px auto 0; /*padding: 15px;background: #fff;box-shadow: 0 2px 5px #ccc;*/ } /*.testScreen .page-sidebar{margin: 0 -10px}*/ .test-quetions { padding-left: 350px; } .testScreen .test-quetions { padding-bottom: 50px } /*.test-heading{position: fixed;width: 100%;border: 0;top: 55px;left: 0;background: #fff;padding-left: 360px;z-index: 9;box-shadow: 0 0 4px #ddd;padding-right: 15px;}*/ .test-heading h1 { font-size: 20px; text-transform: capitalize; width: 100%; display: inline-block; /* margin: 9px 0;color: #33839a;padding: 0 15px 10px; border-bottom: 1px solid #eee;*/ /* background-image: -webkit-linear-gradient(-222deg, #ffffff 50%, #eeeeee 50%);*/ margin: 0 0 9px 0; color: #312e2e; padding: 10px 15px 10px; border-bottom: 1px solid #eee } /*.mjx-chtml.MathJax_CHTML{padding:7px 5px;border:1px solid #ddd}*/ .for-responsive-barreport { display: none; } /*profile*/ .my-profile .user-detail-section .user-detail-wrap .username { text-transform: uppercase; font-size: 25px; color: #00546d; font-weight: bold; border-bottom: 1px solid#ccc; padding: 15px 10px 10px 10px; margin-bottom: 0 !important; } .my-profile .user-profile-section { background: #8cba454f !important; min-height: 100vh; box-shadow: none !important; padding-top: 40px; } .my-profile .up-button { background: #005771; border: 1px solid transparent; border-radius: 4px; text-transform: inherit; border-radius: 32px; padding: 6px 28px; } .my-profile .user-detail-wrap .text-left.form-group.resetpwd .btn.default { background: #8cba45 !important; border-radius: 4px; border: 1px solid transparent !important; } .my-profile .profile-wrapper { /*border-top:4px solid #8cba45;border-bottom:4px solid #8cba45;*/ margin-top: 0; display: block !important; padding-right: 30px } .my-profile .profile-wrapper .user-pic img { border: 0; border-radius: 50%; width: 200px; height: 200px; object-fit: cover; background: #878282; } .my-profile .user-detail-wrap h3 { position: relative; color: #00546d; padding: 10px 0; display: inline-block; width: 100%; margin-top: 7px; margin-bottom: 20px; font-size: 20px; border-bottom: 1px solid #a8cb72 } .my-profile .username { font-size: 20px; text-transform: capitalize; font-weight: bold; color: #00526a; margin: 10px 0 -3px; } /*.my-profile .profile-edit span.p-edit-icon{background: #91bd4e;padding:9px 10px;text-align: center;cursor: pointer;border-radius: 0 !important;box-shadow: none !important;border-radius: 30px !important;}*/ .my-profile .profile-edit span.p-edit-icon { background: #91bd4e; padding: 8px 10px; text-align: center; cursor: pointer; border-radius: 0 !important; box-shadow: none !important; border-radius: 30px !important; color: #fff; } .my-profile .profile-edit span.p-edit-icon i { margin: 0 4px 0 0; position: relative; display: inline-block; top: 3px; font-size: 18px } .my-profile .user-detail-wrap { width: 100%; padding: 0px 20px 0px; } .my-profile .user-detail-wrap .prepare-for ul li { display: inline-block; } .my-profile .user-detail-section { margin-bottom: 0px; box-shadow: none !important; } .main-inner.my-profile { background: #fff; padding: 0 0px 0px 0; width: 100%; display: inline-block; box-shadow: 0 0 5px #ccc; margin-bottom: 0px !important } .my-profile .user-detail-wrap .text-left.form-group.resetpwd { margin-top: 14px; } .my-profile .user-pic:hover .user-pic-hover { bottom: 0px } .my-profile .user-detail-wrap .form-group label, .user-edit-form label { font-weight: 500; font-size: 13px; margin: 0; } .my-profile .user-pic-hover { border-radius: 0; border: 0; } .my-profile .change-pwd-section .user-detail-wrap .password .form-control { background: #ffffff8c; height: 35px; box-shadow: none; border: none; margin-top: 5px; } #profilepic-change .modal-footer button.btn.green.upload-result { width: auto; min-width: 135px; font-size: 13px; margin: 15px 5px; padding: 5px 15px; border: 2px solid #15ccae !important; border-radius: 0px !important; text-transform: uppercase !important; cursor: pointer; } #profilepic-change .modal-footer button.btn.default { width: auto; min-width: 150px; font-size: 13px; margin: 15px 5px; padding: 5px 15px; border: 2px solid #8cba45 !important; border-radius: 0px !important; text-transform: uppercase !important; cursor: pointer; } .online-test-container .page-content .main-inner .solution-title h2 { color: #8cba45 !important; font-size: 18px; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-top: 0; height: 30px; margin-top: 2px; padding-left: 5px } .solution-section { /*font-size: 16px;color: #000;*/ } /*.solution-section .mjx-mrow{margin: 5px 0}*/ .testScreen .que-options ul li { margin-bottom: 10px !important; border-color: transparent; border-width: 2px; } .testScreen .que-text { padding: 10px 5px; border: 0 } .testScreen .page-sidebar .legends ul { padding: 10px; color: #333 } .testScreen .page-sidebar .legends ul li { padding: 4px 0!important } .testScreen .page-sidebar .legends ul li span { color: #333 } /*.solution,.solution span{font-family: 'Alegreya' !important;font-size: 16px !important}*/ #mt-instruction-popup .start-wrapper button { width: auto; min-width: 180px } .test-list.accordion .panel { margin: 0 0 15px 0 !important; box-shadow: 0 0px 2px #ccc6c6; transition: .5s; cursor: pointer; } .test-list.accordion .panel:hover { -webkit-transform: translateY(-1px); transform: translateY(-1px); box-shadow: rgba(212, 212, 212, 0.42) 0px 19px 43px, rgba(212, 212, 212, 0.38) 0px 4px 11px -moz-box-shadow: rgba(212, 212, 212, 0.42) 0px 19px 43px, rgba(212, 212, 212, 0.38) 0px 4px 11px; -webkit-box-shadow: rgba(212, 212, 212, 0.42) 0px 19px 43px, rgba(212, 212, 212, 0.38) 0px 4px 11px; } .test-list.accordion .panel-heading a:before { top: 6px } .tab-content>.active { opacity: 1; transition: .4s; -webkit-transition: .4s; } .modal-footer button { text-transform: uppercase !important; } .legends div { width: 12px; height: 12px; margin-right: 3px; display: inline-block; position: relative; top: 1px } .legend-grey { background: #888; } .legend-green { background: #8bc348 } .legend-pink { background: #ee6969 } .legend-orange { background: #ffaf0b; } .legend-lightgreen { background: #01d4ad } .answerd-marked-for-review div { background-image: -webkit-linear-gradient(-222deg, #ffaf0b 50%, #8bc348 50%) } .for-responsive-info { display: none; } .sweet-alert p { margin: 15px; } .for-responsive-solution { display: none; } .main-responsive-question .button2, .main-responsive-question .button3 { display: none !important; } /*.no-package-data{background: #f1f4f6}*/ .no-package-data h3, .no-data-available h3 { text-align: center; color: #212121; padding: 140px 25px; font-size: 18px; margin: 0; } .dashboard-screen .accordion .panel { padding-right: 30px !important } .dashboard-screen .accordion .panel-heading a.collapsed:before { font-family: 'Glyphicons Halflings'; content: "\e080"; } .disha-dashboard-screen .milestones-div { position: absolute; right: 50%; top: 0; background: url(../images/cal4.png) no-repeat 0 0; /* height: 59px; */ width: 30px; background-size: 28px; font-size: 0; height: 30px; text-align: center; } .disha-dashboard-screen .milestones-div-live { position: absolute; right: 48.5%; top: 6px; /* background: url(../images/live_green.png) no-repeat 0 0; */ /* height: 59px; */ /* width: 69px; */ /* background-size: 100%; */ /* font-size: 0; */ /* height: 25px; */ text-align: center; } .disha-dashboard-screen .milestones-div-live span { background: #63b51e; padding: 2PX 12PX 1PX 12PX; display: inline-block; font-size: 13PX; color: #FFF; letter-spacing: 1.5PX; font-weight: bold; border-radius: 10px; } /*.disha-dashboard-screen .milestones-div-live.expired-div{left:46.5%}*/ .disha-dashboard-screen .milestones-div-live span.expired-div { background: #e9242d; } .disha-dashboard-screen .milestones-div-result { position: absolute; right: 50%; top: 0; background: url(../images/result.jpg) no-repeat 0 0; /* height: 59px; */ width: 24px; font-size: 0; height: 30px; text-align: center; } /*.dashboard-screen .milestones-div span{padding:0;font-weight: 500;color: #000;font-size: 11px;display: block;text-align: center;line-height: 12px;font-style: italic;}*/ /*.dashboard-screen .milestones-div span em{display:block;}*/ .dashboard-screen .test-list.accordion .panel-heading a:before { right: 0 } /*dropdown test selction checkes*/ .title-wrapper .dropdown-menu>li.selected a { background-image: url(../images/checked-sel.png); background-repeat: no-repeat; background-size: 20px; background-position: 98% 4px; } .t-date { font-weight: 500; font-size: 13px; position: relative; top: -2px; } .t-month { color: #fff; font-weight: bold; font-size: 10.5px; text-transform: uppercase; position: relative; top: 1px; } .a-text-strike { text-decoration: line-through!important; display: inline-block; vertical-align: middle; color: #c3c3c3 } .package-price span { display: inline-block; margin-left: 5px; margin-top: -4px } .package-price span i { font-size: 31px; font-weight: 600 } .package-price .a-text-strike i { font-size: 18px } .question-time { float: left; padding: 0; position: relative; top: 10px; left: 15px; font-weight: bold; font-size: 13px; } .detail-result span { background: #8cba45; padding: 8px 30px; border-radius: 62px; font-weight: 500; color: #fff; font-size: 14px } .detail-result span strong { background: #8cba45; padding: 8px 15px; border-radius: 62px; margin-right: 10px; color: #fff; font-size: 15px } #mt-instruction-popup ol li { list-style: decimal; line-height: 25px; padding-left: 8px } /*.dashboard-screen .accordion .panel.complete-test{border:1px solid #4f8fbd !important}*/ /*.que-text,.optText,.optText span{font-size:16px !important;font-family:'Alegreya' !important}*/ /*.que-text p,*/ /*.que-text span,.que-text div,.que-text li,.que-options p,.que-options .option li{font-size:16px !important;font-family: 'Crimson Text', serif !important;}*/ /*.que-text span{font-family:'Alegreya' !important}*/ /*.que-text span.mjx-math span{font-family: inherit !important}*/ /*.que-text p{font-size: 14px !important}*/ /*mycart*/ .mycart .pill-section.main-tabs .tab-content .tab-pane .col-md-3 { display: inline-block; float: none; } .dashboard-screen .title-wrapper { z-index: 8; } #web-header-dropdown .header .user .dropdown-menu { display: inline-block !important; } .header.navbar.navbar-fixed-top { z-index: 100 !important; } .buy-package.mycart .first-section .box { min-height: 340px; /*padding-bottom: 60px !important*/ } .buy-package.mycart .first-section .box.package-details { padding: 15px !important } .buy-package.mycart .panel-default>.panel-heading { background-color: #fff; padding: 0; cursor: pointer; box-shadow: 0 0px 2px #ccc6c6; position: relative; } .buy-package.mycart .panel-heading:hover, .panel-heading:focus, .panel-heading:hover a, .panel-heading:focus a { color: #8cba45 } .buy-package.mycart .panel-default>.panel-heading a { padding: 12px 15px; display: inline-block; width: 100% } .buy-package.mycart .first-section .box-desc-top, .buy-package.mycart .first-section .package-price, .buy-package.mycart .first-section .icn, .buy-package.mycart .first-section .inner-cash-section { padding: 0 } .buy-package.mycart .first-section .box .package-price ul, .buy-package.mycart .first-section .box .package-price ol { margin-left: 0 } .buy-package.mycart .panel-default>.panel-heading a { font-family: 'Montserrat' } .buy-package.mycart .panel-heading a:before { font-size: 13px } /*.buy-package.mycart .box-desc.top{position: relative;} .buy-package.mycart .box-desc-top{position: absolute;right:0;top: 0}*/ .cart-for-responsive { display: none; } .buy-package.mycart .del-div { border: none; padding: 0; background: none; position: relative; top: 0; margin: 10px 0 0 0; background: #ED5E68; padding: 15px; font-size: 14px; border: 1px solid #ED5E68; padding: 4px 15px; border-radius: 100px; /* background: #8cba45; */ color: #fff; /* margin-right: 15px; */ } .buy-package.mycart .del-div img { width: 15px } .buy-package.mycart .prize-section { font-size: 16px; border: 1px solid #8cba45; padding: 3px 15px; border-radius: 100px; background: #8cba45; color: #fff; margin-right: 15px } .buy-package.mycart .panel-heading a:before { top: 0; padding: 6px 0 0; right: 0; /* position: absolute; */ float: right; margin: 0 } .buy-package.mycart .first-section .box .package-price ul li, .buy-package.mycart .first-section .box .package-price ol li { font-size: 14px; line-height: 22px } .buy-package.mycart .package-name { position: relative; top: 2px; text-transform: capitalize; } /*.buy-package.mycart .panel-body{max-height: 200px;position: fixed;height: 100%;width: 562px;border: 1px solid #ddd;padding-right: 0;border-top: none;overflow-y: auto;} .mCSB_scrollTools a + .mCSB_draggerContainer{margin:0;}*/ .buy-package.mycart .first-section .box .package-price ul li strong, .buy-package.mycart .first-section .box .package-price ol li strong { color: rgba(0, 0, 0, 1); } /*.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: rgb(172, 217, 230); background-color: rgba(172, 217, 230, 0.75);} .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: rgb(172, 217, 230); background-color: rgba(172, 217, 230, 0.95)}*/ .buy-package.mycart .panel-body .panel-body-inner { max-height: 155px; width: 100%; overflow-y: auto; } .buy-package.mycart .panel-body .panel-body-inner::-webkit-scrollbar { width: 5px } .buy-package.mycart .box h2 { font-weight: normal; font-size: 20px } .buy-package.mycart .box.cart-details h2 { font-weight: normal; margin: 0 15px; } .buy-package.mycart .first-section .box .package-price ul li, .buy-package.mycart .first-section .box .package-price ol li { color: #555; font-size: 14px; } .text-center { text-align: center; } /*.bottom-position{position: absolute; bottom: 15px; width: 100%; left: 0;}*/ /*my cart after buy package*/ /*.existInCart .my-pack .box-desc h2{background: linear-gradient(to right, #06b132 0%,#71fc90 100%);} .existInCart .btn.blue.fill {background: #06b132 !important;} .existInCart .btn.blue{border: 1px solid #06b132;color: #06b132;} .existInCart .btn.blue:hover {background: #06b132 !important;} .packages-screen .existInCart .my-pack { border: 1px solid #9df965;} .existInCart .expire-label{color: #06b132}*/ /* vsmax changes */ .enable { pointer-events: all; cursor: pointer } /* .que-text,.optText{font-size: 18px;font-family: 'Times New Roman','serif' }*/ /*For Solution screen*/ .que-text { font-size: 17px; color: #333; font-family: 'Times new romen' } .solution, .questionans, .optText { font-size: 16px; color: #333; font-family: 'Times new romen' } .solution { padding-left: 5px } .solution p, .questionans p, .optText p, .que-text p { margin: 0 } .que-options ul li.correct, .numeric-details .que-text.correct { border: 1px solid #79c100 } .que-options ul li.wrong, .numeric-details .que-text.wrong { border: 1px solid #ff5656 } .que-options ul li.correct span.opt { border-color: #79c100; background: #79c100 } .que-options ul li.wrong span.opt { border-color: #ff5656; background: #ff5656 } #solutions .jcarousel-wrapper .jcarousel li a { border: 1px solid #999; cursor: pointer; background: #999; color: #fff; } #solutions .jcarousel-wrapper .jcarousel li.correct a { border-color: #8bc348; background: #8bc348; } #solutions .jcarousel-wrapper .jcarousel li.wrong a { border-color: #ff5656; background: #ff5656; } #solutions .jcarousel-wrapper .jcarousel li.active a { /*box-shadow: 0px 3px #dadada;*/ box-shadow: 0px 3px 11px #000000; height: 36px; width: 36px; line-height: 27px; margin-top: -5px; } #solutions .jcarousel-wrapper .jcarousel li.active a em { font-size: 16px } /* #solutions .jcarousel-wrapper .jcarousel li.active a { box-shadow: 0px 3px #dadada;} */ .main-tabs .tab-content>.tab-pane .nav-tabs>li.active.physics a { background: #efa103; border-color: #efa103 !important; } .main-tabs .tab-content>.tab-pane .nav-tabs>li.active.chemistry a { background: #e65d77; border-color: #e65d77 !important; } .main-tabs .tab-content>.tab-pane .nav-tabs>li.active.mathematics a { background: #11cdac; border-color: #11cdac !important; } .main-tabs .tab-content>.tab-pane .nav-tabs>li.active.biology a { background: #21b306; border-color: #21b306 !important; } .main-tabs .tab-content>.tab-pane .nav-tabs>li.active.default a { background: #9e9e9e; border-color: #9e9e9e !important; } .result-status.physics .tot-mark, .subject-group .result-status.physics .time em, .subject-group .result-status.physics .accuracy em, .subject-group .result-status.physics .score span.pull-right .fa.fa-award { color: #efa103 !important } .result-status.chemistry .tot-mark, .subject-group .result-status.chemistry .time em, .subject-group .result-status.chemistry .accuracy em, .subject-group .result-status.chemistry .score span.pull-right .fa.fa-award { color: #e65d77 !important } .result-status.mathematics .tot-mark, .subject-group .result-status.mathematics .time em, .subject-group .result-status.mathematics .accuracy em, .subject-group .result-status.mathematics .score span.pull-right .fa.fa-award { color: #11cdac !important } .result-status.biology .tot-mark, .subject-group .result-status.biology .time em, .subject-group .result-status.biology .accuracy em, .subject-group .result-status.biology .score span.pull-right .fa.fa-award { color: #21b306 !important } .result-status.default .tot-mark, .subject-group .result-status.default .time em, .subject-group .result-status.default .accuracy em, .subject-group .result-status.default .score span.pull-right .fa.fa-award { color: #9e9e9e !important } /*#logo img{ width: 180px; margin: 4px 0;height: auto;} */ /*Dashboard screen*/ /*.disha-dashboard-screen .main-tabs .tab-content > .tab-pane .nav-tabs {margin: 0;width: 100%;text-align: center;border: none !important;display: inline-block;} .disha-dashboard-screen .main-tabs .tab-content > .tab-pane .nav-tabs > li {padding: 0 10px 0 0;float: none;display: inline-block;} .disha-dashboard-screen .main-tabs .tab-content > .tab-pane .nav-tabs > li a{top:0;padding: 4px 15px 4px 15px;min-width: initial;font-size: 15px !important} .disha-dashboard-screen .main-tabs .tab-content > .tab-pane .nav-tabs > li.active a {background: #afafaf;color: #fff;border: 1px solid #ffffff !important;margin: 0;top: 0;} .disha-dashboard-screen .main-tabs .tab-content > .tab-pane > .tab-content{border: 1px solid #f5eeee;margin-top: 0;border-radius: 5px;box-shadow: 1px solid #f00;background-color: #fff} .disha-dashboard-screen .main-tabs .tab-content > .tab-pane .nav-tabs > li{padding:0 5px 0 0} .disha-dashboard-screen .accordion .panel{padding: 0 !important;border: none !important;box-shadow: none;position: relative;border-radius: 0;} .disha-dashboard-screen .accordion .panel-default > .panel-heading{padding:0;border-radius:0} .disha-dashboard-screen .accordion .panel-heading a{background: #eff0f2;border-radius: 0;padding:9px 10px 5px} .disha-dashboard-screen .accordion .panel-default > .panel-heading h4 {color: #000;font-size: 14px;font-weight: 500;padding-top: 0;padding-bottom: 0;} .disha-dashboard-screen #test_tab .panel-collapse {border: 1px solid #eee;padding: 15px;margin-top: 0;box-shadow: 0 0 5px #ddd;} .disha-dashboard-screen .test-list.accordion .panel-heading a:before{top:2px;} .disha-dashboard-screen .main-tabs .tab-content > .tab-pane .nav-tabs > li.active.physics a{ border-color: #efa103;background: #efa103;} .disha-dashboard-screen .main-tabs .tab-content > .tab-pane .nav-tabs > li.active.chemistry a{ border-color: #e65d77;background: #e65d77;} .disha-dashboard-screen .main-tabs .tab-content > .tab-pane .nav-tabs > li.active.maths a{ border-color: #11cdac;background: #11cdac;} .disha-dashboard-screen .main-tabs .nav-tabs > li.active a:after{content: '';position: absolute;top: 32px !important;left: 42%;margin-left: 0;width: 0;height: 0;border-bottom: solid 5px #f59d12;border-left: solid 5px transparent;border-right: solid 5px transparent;border-top: 0;} .disha-dashboard-screen .main-tabs .tab-content > .tab-pane{min-height:400px}*/ .disha-dashboard-screen .subject-chapters .title { font-size: 13px } .disha-dashboard-screen .subject-chapters .title { padding-top: 0 } .disha-dashboard-screen .total-que { display: block; font-size: 10px; color: #000; font-weight: normal; text-transform: capitalize; } .disha-dashboard-screen .main-tabs .tab-content>.tab-pane { padding: 0 } .no-datain { text-align: center; padding: 150px 0; font-size: 15px; background: #fff } /* .disha-dashboard-screen .subject-total .score {text-align: center;padding: 3px 5px 0 5px !important; line-height: 18px;background: #4f8fbd;border-radius: 3px;margin: 4px 0;height: 25px;} .disha-dashboard-screen .que-detail .subject-total .total-score {position: relative;top: 1px;font-size: 15px;font-weight: 500;}*/ #responsiveTabsDemo.main-tabs { background: none; box-shadow: none; } .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul { height: auto; margin-top: 0; height: auto; margin-top: 0; border: none !important; width: 100%; margin: 0; text-align: left; background: #efefef; padding: 0 } .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: none !important; display: inline-block; float: none; padding: 0 } .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li a { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2.5; padding: 22px 10px 10px; color: #6b6767; -webkit-transition: color 0.3s; transition: color 0.3s; top: 0; background: none; border-radius: 0; border: none !important; } .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects li.active a { background: #fff; } .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects li.active a::after { background-color: #fff; -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg); transform: perspective(900px) rotate3d(1, 0, 0, 0deg); } .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects a::after { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #f0f0f0; content: ''; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s; -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 90deg); transform: perspective(900px) rotate3d(1, 0, 0, 90deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-perspective-origin: 50% 100%; perspective-origin: 50% 100%; } .main-tabs .tabs-style-flip .tab-content>.tab-pane { padding: 25px 0 } .main-tabs .tabs-style-flip .tab-content { background: #fff; margin-top: -5px; min-height: 380px } .main-tabs .tab-content .tabs-style-flip.tab-pane .nav-tabs li.active a { /*background: none !important;*/ color: #6b6767 !important; border: none!important; } .main-tabs .tab-content .tabs-style-flip.tab-pane .nav-tabs li.active.physics a { color: #f59e11 !important } .main-tabs .tab-content .tabs-style-flip.tab-pane .nav-tabs li.active.chemistry a { color: #e65d77 !important; } .main-tabs .tab-content .tabs-style-flip.tab-pane .nav-tabs li.active.maths a { color: #24b5e1 !important; } .main-tabs .tabs-style-flip li img { margin-right: 7px; margin-top: -3px; width: 25px; display: none; } .main-tabs .tab-content>.tab-pane .nav-tabs>li a::after { -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s; -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 90deg); transform: perspective(900px) rotate3d(1, 0, 0, 90deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-perspective-origin: 50% 100%; perspective-origin: 50% 100%; } .main-tabs .tab-content>.tab-pane .nav-tabs>li.active a::after { background-color: #fff; -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg); transform: perspective(900px) rotate3d(1, 0, 0, 0deg); } .main-tabs .tabs-style-flip li.active img { display: inline-block; } .main-tabs .nav-tabs.subjects>li { background: none !important } .main-tabs .nav-tabs.subjects { border-bottom: 1px solid #fff !important; margin-bottom: 10px } .main-tabs .nav-tabs.subjects.status { border-color: #ddd !important } .main-tabs .nav-tabs.subjects>li>a { border-bottom: 1px solid #ddd !important; margin: 1px; } .main-tabs .nav-tabs.subjects>.active>a { border-color: #8cba45 !important; /*background: none;*/ cursor: pointer; } /* .main-tabs .nav-tabs.subjects li.active a:after{position: absolute; top: 100%; left: 50%; width: 0; height: 0; border: solid transparent; content: ''; pointer-events: none; margin-left: -10px; border-width: 10px; border-top-color: #f00;} .main-tabs .nav-tabs.subjects li.active a:before { margin-left: -11px; border-width: 11px; border-top-color: rgba(0,0,0,0.8); }*/ .disha-dashboard-screen #test_tab .panel-collapse { border: none; box-shadow: none; padding: 5px 0 10px 0; margin-top: 0; } .disha-dashboard-screen .subject-chapters { width: 100% } /*.disha-dashboard-screen .test-list.accordion .panel { margin: 0 !important; box-shadow: none; border-left: 0!important; border-right: 0 !important; border: 1px solid #eff0f2 !important; border-left: 0!important; border-right: 0 !important; border-radius: 0; border-top: 0 !important; padding: 10px 0 !important; } .disha-dashboard-screen .accordion .panel-default > .panel-heading h4{font-size: 15px}*/ .disha-dashboard-screen .milestones-div-live { position: absolute; /* left: 0; */ top: 4px; /* text-align: center; */ display: inline-block; margin-right: 10px; left: 47%; } .disha-dashboard-screen .milestones-div-live span { background: #63b51e; padding: 2PX 12PX 1PX 12PX; display: inline-block; font-size: 11PX; color: #FFF; letter-spacing: 1px; font-weight: 500; border-radius: 10px; text-transform: capitalize; } .disha-dashboard-screen .accordion .panel-heading a { padding-left: 0; } /*.disha-dashboard-screen .milestones-div-result { position: absolute; left:50%; top: 0; background: url(../images/result.jpg) no-repeat 0 0; width: 52px; font-size: 0; height: 30px; text-align: center; display: inline-block; vertical-align: top; margin-right: 10px; background-position: center; } .disha-dashboard-screen .subject-total .score.outmarks { border-color: #15ccae; }*/ /*.subject-total.pcm .score.outmarks .total-score, .subject-total.pcm .score.outmarks .total-score.marks { color: #15ccae !important; }*/ .subject-total.pcm .score span.sep { width: 13px; color: #75f1dc; } /*.disha-dashboard-screen .subject-total .score { text-align: center; padding: 3px 5px 0 5px !important; l: 16px; line-height: 16px; background: #ffffff; border-radius: 3px; margin-top: 0; height: 24px; border: 1px solid #4f8fbd; } .disha-dashboard-screen .que-detail .subject-total .score.out .score-title { color: #4f8fbd; font-weight: 400; letter-spacing: 0; } .que-detail .subject-total .outmarks .total-score em{color:#15ccae !important} .disha-dashboard-screen .subject-total.pcm .score span{ color: #4f8fbd;}*/ /*.disha-dashboard-screen .accordion .panel-heading a.collapsed:before { font-family: 'Glyphicons Halflings'; content: "\2b"; background: #f6a111; padding: 4px 5px 4px 6px; border-radius: 100px; color: #fff; font-size: 9px; }*/ /*.disha-dashboard-screen .subject-total.pcm .outmarks.score span{color: #15ccae !important;margin-right:0}*/ .disha-dashboard-screen .accordion .panel-heading a:before { content: "\e113"; /*background: #f6a111; padding: 4px 5px 4px 6px; border-radius: 100px; color: #fff; font-size: 9px;*/ } .disha-dashboard-screen .accordion .panel-heading a.collapsed:before { content: "\e114" } .disha-dashboard-screen .test-list.accordion .panel:last-child { border-bottom: none !important; } .disha-dashboard-screen .que-detail .subject-total { margin: 0; } /*.disha-dashboard-screen .milestones-div { position: absolute; top: 0; left: 50%; background: url(../images/cal4.png) no-repeat 0 0; width: 52px; background-size: 28px; font-size: 0; height: 30px; text-align: center; display: inline-block; background-position: center;vertical-align:top;margin-right:10px } .disha-dashboard-screen .t-month { position: relative; top: 0px; left: 6px; } .disha-dashboard-screen .t-date { position: relative; top: auto; bottom: -13px; left: -13px; } .disha-dashboard-screen .lock-wrap { display: inline-block; vertical-align: top; padding-top: 3px; position: absolute; top: 2px; right: 210px; }*/ .disha-dashboard-screen .milestones-div { position: absolute; left: 48%; top: 0; background: url(../images/cal4.png) no-repeat 0 0; /* height: 59px; */ width: 30px; background-size: 28px; font-size: 0; height: 30px; text-align: center; } .disha-dashboard-screen .milestones-div-live.milestones-expired { left: 46.2%; } .disha-dashboard-screen .main-tabs .nav-tabs.subjects { background: #fff; margin-bottom: 0 } .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul { height: 73px } .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li { margin: 4px 5px 0 0; width: 150px } .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li.active a, .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li:hover a { border-radius: 8px 8px 0 0 } .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li.physics>a { background: url(../images/sub-tabs-img/physics-tab.png) no-repeat center 7px !important; background-size: 27px auto !important; border: 0 none; color: #eda100; padding: 30px 10px 2px; font-weight: normal; } .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li.physics.active>a, .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li.physics>a:hover, .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li.physics.active>a:hover, .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li.physics.active>a:focus { border: 0; background: url(../images/sub-tabs-img/physics-tab-hover.png) no-repeat center 7px #fff !important; background-size: 27px auto !important; color: #eda100; } .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li.chemistry>a { background: url(../images/sub-tabs-img/chem-tab.png) no-repeat center 7px !important; background-size: 27px auto !important; border: 0 none; color: #e02947; padding: 30px 10px 2px; font-weight: normal; } .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li.chemistry.active>a, .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li.chemistry>a:hover, .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li.chemistry.active>a:hover, .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li.chemistry.active>a:focus { background: url(../images/sub-tabs-img/chem-tab-hover.png) no-repeat center 7px #fff !important; background-size: 27px auto !important; color: #e02947; } .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li.maths>a { background: url(../images/sub-tabs-img/maths-tab.png) no-repeat center 7px !important; background-size: 27px auto !important; border: 0 none; color: #20b8df; padding: 30px 10px 2px; font-weight: normal; } .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li.maths.active>a, .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li.maths>a:hover, .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li.maths.active>a:hover, .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li.maths.active>a:focus { background: url(../images/sub-tabs-img/maths-tab-hover.png) no-repeat center 7px #fff !important; background-size: 27px auto !important; color: #20b8df; } .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li.biology>a { background: url(../images/sub-tabs-img/bio-tab.png) no-repeat center 7px !important; background-size: 27px auto !important; border: 0 none; color: #8dc54a; padding: 30px 10px 2px; font-weight: normal; } .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li.biology.active>a, .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li.biology>a:hover, .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li.biology.active>a:hover, .disha-dashboard-screen .main-tabs .tab-content .responsive-scroll-subjects ul li.biology.active>a:focus { background: url(../images/sub-tabs-img/bio-tab-hover.png) no-repeat center 7px #fff !important; background-size: 27px auto !important; color: #8dc54a; } .subject-chapters.Syllabus .title { border-bottom: 1px solid #75726c; color: #75726c; background-size: 30px; padding-left: 0; padding-bottom: 5px } .responsive-tab-pane i { display: none; } .dashboard-mob-layout .nav-tabs.subjects li a img { display: none; } .disha-dashboard-screen .accordion .panel-heading a.blue:before { content: initial; } .package-name .ti-arrow-left { display: none; } .disha-dashboard-screen .track-progress a { background: #fff; padding: 7px 10px; border-radius: 5px; font-size: 13px; text-transform: capitalize; color: #8cba45 !important; cursor: pointer; box-shadow: 1px 1px 9px rgba(16, 16, 16, 0.09); } .disha-dashboard-screen .track-progress a img { /* vertical-align: middle; */ width: 26px; padding-right: 0; cursor: pointer; position: relative; top: 2px; padding-right: 5px; border-right: 1px solid #d0c9c9; margin-right: 1px; } /*.disha-dashboard-screen .track-progress a:hover{background:#f00 url("images/track-active.png")}*/ /*.packages-screen{margin-top: -40px}*/ .disha-dashboard-screen .main-tabs .tab-content .tabs-style-flip ul li a { padding: 30px 10px 2px; font-weight: 500 !important; } .disha-dashboard-screen .main-tabs .tab-content .tabs-style-flip.tab-pane .nav-tabs li.one0.over-all-test a, .disha-dashboard-screen .main-tabs .tab-content .tabs-style-flip.tab-pane .nav-tabs li.one0.over-all-test.active a { color: #f59e11 !important; background: url(../images/test1.png) no-repeat center 7px !important; background-size: 27px auto !important; } .disha-dashboard-screen .main-tabs .tab-content .tabs-style-flip.tab-pane .nav-tabs li.one1.over-all-test a, .disha-dashboard-screen .main-tabs .tab-content .tabs-style-flip.tab-pane .nav-tabs li.one1.over-all-test.active a { color: #e02947 !important; background: url(../images/test2.png) no-repeat center 7px !important; background-size: 27px auto !important; } .disha-dashboard-screen .main-tabs .tab-content .tabs-style-flip.tab-pane .nav-tabs li.one2.over-all-test a, .disha-dashboard-screen .main-tabs .tab-content .tabs-style-flip.tab-pane .nav-tabs li.one2.over-all-test.active a { color: #20b8df !important; background: url(../images/test3.png) no-repeat center 7px !important; background-size: 27px auto !important; } .disha-dashboard-screen .main-tabs .tab-content .tabs-style-flip.tab-pane .nav-tabs li.one3.over-all-test a, .disha-dashboard-screen .main-tabs .tab-content .tabs-style-flip.tab-pane .nav-tabs li.one3.over-all-test.active a { color: #8dc54a !important; background: url(../images/test4.png) no-repeat center 7px !important; background-size: 27px auto !important; } .testresult-screen .main-tabs .tab-content>.tab-pane .nav-tabs { width: 100% } .testresult-screen .main-tabs .nav-tabs.subjects>li { display: inline-block; float: none; top: 19px; margin-top: 0 !important } .testresult-screen .main-tabs .nav-tabs.subjects>li a { top: 0 } .testresult-screen .main-tabs .tab-content>.tab-pane#solutions { padding: 10px 0 20px 0 !important } .testresult-screen .main-tabs .tab-content>.tab-pane { padding-top: 10px !important; padding-left: 0; padding-right: 0 } .testresult-screen .main-tabs .tab-content>.tab-pane .nav-tabs>li a { padding: 8px 15px 7px 15px } /*my cart after buy package*/ .JEE, .packages-screen .my-pack { padding: 0 !important; background: #2682ff url(../images/jee-icon.png) 160px -12px; background-repeat: no-repeat; border: none !important; border-radius: 10px; } .JEE .box-desc, .packages-screen .my-pack .box-desc { padding: 10px 10px 0 10px !important } .JEE .box-desc h2, .packages-screen .box-desc h2 { background: none !important; border: none; padding-top: 25px; font-size: 16px; } .JEE .val-exp-detail, .packages-screen .val-exp-detail { background: #0d7ea0; border-radius: 10px; padding: 7px 14px; color: #fff } .JEE .expire-detail, .packages-screen .expire-detail { width: 40%; padding-right: 10%; margin-right: 5%; float: left; border-right: 1px solid #2682ff; } .JEE .expire-label, .packages-screen .expire-label { color: #fff !important; display: block; font-weight: normal; font-size: 13px; margin: 0 0 2px 0; } .JEE .expire-detail ul li, .JEE .valid-till-detail ul li, .packages-screen .expire-detail ul li, .packages-screen .valid-till-detail ul li { color: #fff; font-size: 14px } .JEE .package-price, .packages-screen .package-price { padding: 0; border: none; margin: 15px 0; } .JEE .middle-price-pack, .packages-screen .middle-price-pack { background: #fff; width: 75%; float: right; border-top-left-radius: 50px; border-bottom-left-radius: 50px; margin-right: -10px; padding: 4px 20px } .JEE .bottom-btns, .packages-screen .bottom-btns { background: #0d7ea0; padding: 15px 10px; border-radius: 10px; margin: 0 -10px; border-top-left-radius: 0; border-top-right-radius: 0; } .JEE .btn.blue, .packages-screen .btn.blue { border-color: #fff; color: #fff; border-radius: 5px; font-size: 16px; margin: 0 3%; font-weight: 600; min-width: 125px; text-transform: capitalize; padding: 7px 20px; } .JEE .package-price span i, .packages-screen .package-price span i { font-size: 18px !important; font-weight: 600; margin-right: 5px } .JEE .package-price, .packages-screen .package-price { text-align: left; } .JEE .new-prise, .packages-screen .new-prise { color: #4ec0fe; font-size: 19px; display: inline-block; vertical-align: middle; font-weight: bold; } .JEE .old-prise, .packages-screen .old-prise { font-size: 13px; display: inline-block; vertical-align: middle; text-decoration: line-through; font-weight: bold; } .JEE .package-price span, .packages-screen .package-price span { display: inline-block; margin-left: 0; margin-top: -5px; vertical-align: middle } .JEE .package-price span.currencyINR i, .packages-screen .package-price span.currencyINR i { font-size: 13px !important } .JEE .btn.blue.fill, .packages-screen .btn.blue.fill { background: #ffffff !important; color: #8cba45 !important; } .JEE .btn.blue.fill:hover { color: #fff !important } .valid-till-detail span.ti-target, .valid-till-detail span.ti-calendar { color: #fff; margin-right: 3px } .JEE .btn.blue:hover { background-color: #2682ff !important; } .NEET { background: #c054ff url(../images/neet-icon.png) 175px -13px !important; background-repeat: no-repeat !important } .NEET .val-exp-detail, .NEET .bottom-btns { background: #751fa8; } .NEET .expire-detail { border-color: #c054ff } .NEET .new-prise { color: #751fa8 } .NEET .btn.blue:hover { background-color: #c054ff !important; } .NEET .btn.blue.fill { color: #c054ff !important } .NEET .btn.blue.fill:hover { color: #fff !important } .MH-CET { background: #fd9e2a url(../images/mhcet-icon.png) 170px -33px !important; background-repeat: no-repeat !important } .MH-CET .val-exp-detail, .MH-CET .bottom-btns { background: #9b5521; } .MH-CET .expire-detail { border-color: #fd9e2a } .MH-CET .new-prise { color: #9b5521 } .MH-CET .btn.blue:hover { background-color: #fd9e2a !important; } .MH-CET .btn.blue.fill { color: #fd9e2a !important } .MH-CET .btn.blue.fill:hover { color: #fff !important } .Practice { background: #6bce77 url(../images/mhcet-icon.png) 170px -33px !important; background-repeat: no-repeat !important } .Practice .val-exp-detail, .Practice .bottom-btns { background: #279434; } .Practice .expire-detail { border-color: #6bce77 } .Practice .new-prise { color: #9b5521 } .Practice .btn.blue:hover { background-color: #fd9e2a !important; } .Practice .btn.blue.fill { color: #fd9e2a !important } .Practice .btn.blue.fill:hover { color: #fff !important } .packages-screen h2 img { text-align: left; margin-left: 0; margin-right: 15px; } .JEE img.neet-icon-small, .JEE img.mhcet-icon-small { display: none; } .NEET img.jee-icon-small, .NEET img.mhcet-icon-small { display: none; } .MH-CET img.neet-icon-small, .MH-CET img.jee-icon-small { display: none; } .Practice img.neet-icon-small, .Practice img.jee-icon-small { display: none; } .panel.panel-default.ng-scope.active { box-shadow: 0px 1px 11px #d4d4d4; } .packages-screen .box { box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px, rgba(0, 0, 0, 0.05) 0px 0.5px 1px; transition: .5s; } /* .packages-screen .box:hover{ -webkit-transform: translateY(-6px); transform: translateY(-6px); box-shadow: rgba(0, 0, 0, 0.22) 0px 19px 43px, rgba(0, 0, 0, 0.18) 0px 4px 11px;; -moz-box-shadow: rgba(0, 0, 0, 0.22) 0px 19px 43px, rgba(0, 0, 0, 0.18) 0px 4px 11px;; -webkit-box-shadow: rgba(0, 0, 0, 0.22) 0px 19px 43px, rgba(0, 0, 0, 0.18) 0px 4px 11px;} /*.packages-screen .row{text-align:center;}*/ .packages-screen .col-md-4 { float: none; display: inline-block; width: 30%; padding: 0; } .packages-screen .col-md-4:nth-of-type(3n+2) { margin: 0 5%; } .que-list h3 { color: #8cba45 } .packages-screen .box { position: relative; } .packages-screen .box .package-out-sel { overflow: hidden !important; position: absolute; top: 0; right: 0; width: 150px; height: 100px; z-index: 9 } .packages-screen .box .pack-selected { z-index: 10; /* width: 180px; */ height: 32px; padding: 0 20px; font-size: 12px; line-height: 23px; text-align: center; color: #fff; font-weight: bold; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45); background: gold; border-top: 5px solid gold; border-bottom: 5px solid gold; /* -webkit-transform: rotate(35deg); */ /* transform: rotate(35deg); */ position: absolute; right: 0; top: 0; border-top-left-radius: 50px; border-bottom-left-radius: 50px; } .sale-box { position: absolute; top: 0; overflow: hidden; height: 130px; width: 143px; text-align: center; z-index: 0; right: 0; border-top-right-radius: 0.7em; -o-border-top-right-radius: 0.7em; -moz-border-top-right-radius: 0.7em; -webkit-border-top-right-radius: 0.7em; } .sale-box span.on_sale { font-size: 13px; color: #fff; background: gold; padding: 52px 35px 15px 72px; width: 310px; text-align: center; display: block; position: absolute; left: -47px; top: -41px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: rotate(-44deg); -ms-transform: rotate(-44deg); transform: rotate(40deg); box-shadow: 3px -4px 13px 3px rgba(0, 0, 0, 0.75); font-weight: 600; } .marks-obtained { position: absolute; top: 20px; right: 100px; font-size: 13px !important; color: #fff } .marks-obtained span { font-size: 13px !important; color: #fff !important; display: inline-block !important } .marks-obtained span.neg-marks { color: #fff !important } .marks-obtained div { border-radius: 15px; display: block; background: #00af00; margin: 5px 0; padding: 2px 15px; } .marks-obtained div:last-child { background: #f00; } .dashboard .title-wrapper .track-progress ul li a { border: 1px solid #fff; } .dashboard .title-wrapper .track-progress ul li a:hover { border: 1px solid #8cba45; } /*demo*/ /*.breadcrumb>li+li:before { content: "|\00a0";padding: 0 0 0 5px}*/ .new-btn-top { vertical-align: top; position: relative; top: -6px; background: none; color: #333c4e; font-weight: 600; font-size: 14px !important; } .new-btn-top:focus, .new-btn-top:hover, .new-btn-top:active, .new-btn-top:hover { border: none; outline: none; } .new-btn-top:hover { background: none !important; color: #25b6e2 } .n-plus span { cursor: pointer; padding: 6px; background: #25b6e2; border-radius: 50px; position: relative; top: -14px; color: #fff; font-size: 15px !important; } .breadcrumb { padding: 0 15px 10px 15px; margin-bottom: 0; list-style: none; background-color: #eff0f2; border-radius: 4px; margin-top: -6px; } .breadcrumb>li+li:before { color: #232121 } .breadcrumb li a, .breadcrumb li.active:hover a { font-size: 14.5px; color: #8cba45; text-decoration: none; } .breadcrumb li.active a { font-size: 14.5px; text-decoration: none; color: #0e1517 } /*end demo*/ body.inner.testScreen .breadcrumb { display: none; } /*facebook and gmail button css*/ /* Shared */ .loginBtn { box-sizing: border-box; position: relative; /* width: 13em; - apply for fixed size */ margin: 0.2em; padding: 0 15px 0 46px; border: none; text-align: left; line-height: 34px; white-space: nowrap; border-radius: 0.2em; font-size: 16px; color: #FFF; } .loginBtn:before { content: ""; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 34px; height: 100%; } .loginBtn:focus { outline: none; } .loginBtn:active { box-shadow: inset 0 0 0 32px rgba(0, 0, 0, 0.1); } /* Facebook */ .loginBtn--facebook { background-color: #4C69BA; background-image: linear-gradient(#4C69BA, #3B55A0); /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/ text-shadow: 0 -1px 0 #354C8C; } .loginBtn--facebook:before { border-right: #364e92 1px solid; background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png') 6px 6px no-repeat; } .loginBtn--facebook:hover, .loginBtn--facebook:focus { background-color: #5B7BD5; background-image: linear-gradient(#5B7BD5, #4864B1); } /* Google */ .loginBtn--google { /*font-family: "Roboto", Roboto, arial, sans-serif;*/ background: #DD4B39; } .loginBtn--google:before { border-right: #BB3F30 1px solid; background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png') 6px 6px no-repeat; } .loginBtn--google:hover, .loginBtn--google:focus { background: #E74B37; } /*facebook and gmail button css ends*/ .test-schedule { background: #fff; padding: 25px; min-height: 500px } .header-inner .track-progress { display: none; } .numpad { background: #F4F4F4; width: 200px; margin: 15px 0 0 0; padding: 30px; text-align: center; /* box-shadow: 0 0 5px #ccc;*/ } .numpad button { /*border: 1px solid #d1d1d2; padding: 4px 10px; margin: 5px 0px 0;*/ border-radius: 5px; background: #f1f1f1; min-width: 30px; width: 24px; background-color: #EEEEEE; border: 1px solid #666666; display: inline-block; color: #000000; font-family: arial; font-weight: bold; padding: 2px 6px; margin: 2px 0px; cursor: pointer; font-size: 14px } .numpad-input { width: 200px; border: 1px solid #ccc; padding: 6px; } .question .numeric-details .que-no { font-size: 14px; color: #000 } .numeric-details .que-text { font-size: 15px; text-align: left; padding: 3px 10px; /* font-family: 'Montserrat', sans-serif; */ /* font-weight: bold; */ border-radius: 2px; } .to-text { padding: 20px 0; text-align: center; display: block } .marks-status { position: absolute; top: -1px; right: 145px; /* background: #fff; border: 1px solid #ccc; padding: 3px 8px; border-radius: 3px;*/ } #fwd, #back { /* display: inline-block; border: 1px solid #d1d1d2; padding: 4px 10px; margin: 6px 0px;*/ border-radius: 5px; /* background: #fff; */ min-width: 32px; /* width: auto;*/ background-color: #DEDBE4; border: 1px solid #666666; display: inline-block; color: #000000; font-family: arial; font-weight: bold; padding: 3px 6px; margin: 2px; cursor: pointer; width: auto; } .question .marks-status .que-no { font-size: 14px; background: #fff; border: 1px solid #ccc; padding: 3px 8px; border-radius: 5px; width: 44px; text-align: center; margin: 0 3px; } .question .marks-status .que-no.positive-m { color: #8bc348; } .question .marks-status .que-no.negative-m { color: red; } .numeric-section { width: 100%; background: #fff; box-shadow: 0 0 5px #ccc; padding: 20px; } .numeric-details.que-options ul li, .numeric-details.que-options .option-content { min-height: initial; } .numeric-details.que-options ul li { margin-bottom: 22px; padding: 7px 10px; } .to-text { display: block; margin: 0 auto; padding: 16px 0; text-align: center; } .numpad button.del { background-color: #DEDBE4; border: 1px solid #666666; display: inline-block; color: #000000; font-family: arial; font-weight: bold; padding: 3px 6px; margin: 4px; cursor: pointer; width: auto; } .numpad button:hover { background: #a5d4e4; } .numpad button.del:hover, #fwd:hover, #back:hover { background: #da5b5b73 } .que-display .ti-close, .que-display .ti-check { background: #f00; color: #fff; padding: 5px; border-radius: 5px; font-weight: bold; position: relative; top: 14px; } .que-display .ti-check { background: #2aad2a } .nta-screen .test-quetions { padding-left: 0 } .nta-screen .que-display { width: 100%; float: none; } .nta-screen .question { padding-left: 0 !important } .nta-screen .added-que-statement { clear: both; padding: 20px; border: 0; display: inline-block; width: 100%; font-size: 17px; margin-top: 0; margin-left: 0px; color: #000; background: #fff !important; border-radius: 4px; font-family: 'Times new romen'; margin-bottom: 0; line-height: 25px; border: 1px solid #7a7d7ea6; border-radius: 10px; margin-bottom: 25px; } .nta-screen .added-que-statement ul { padding-left: 0 } .nta-screen .added-que-statement ul li { margin-bottom: 10px } .nta-screen .questionModelPreview .answer-options ul li .opt { vertical-align: top; height: 25px; display: inline-block; top: 0; border: 1px solid #8cba45; width: 25px; text-align: center; color: #fff; margin-right: 10px; cursor: pointer; line-height: 25px; border-radius: 50%; background: #8cba45; font-size: 14px; font-weight: 600; position: absolute; left: 7px; top: 7px; } .nta-screen .questionModelPreview .answer-options ul li .opt em { font-style: normal; } .nta-screen .questionModelPreview .answer-options ul li .optText { position: relative; top: 0; font-size: 16.5px; font-family: 'Alegreya'; line-height: 25px; padding: 0 30px; width: 100%; display: inline-block; } .top-que-section { position: relative; height: 24px; border-bottom: 1px solid #ccc; padding-bottom: 38px; margin-bottom: 8px; } .top-que-section .que-number-text { position: absolute; left: 0; top: 0; font-weight: 600 } .nta-screen .top-que-section .marks-status { position: absolute; top: 0; right: 0; width: 150px; } .nta-screen .top-que-section .marks-status span { display: inline !important; line-height: initial !important } .testScreen #submitNtaTestPopup .test-quetions, .submitNtaTestPopup .test-quetions { padding-bottom: 0; text-align: center; padding-left: 0 } .testScreen #submitNtaTestPopup .test-quetions img, .submitNtaTestPopup .test-quetions img { margin-bottom: 20px; } body.inner.online-test { padding-top: 67px !important } .main-box { padding-top: 55px } .online-test header { position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 99 } /*.stats{margin-top:140px;}*/ .solution-main-tab { margin-top: 55px; } /*-----*/ .dashboard { margin-top: -10px; } .course-packages { margin-bottom: 30px } .courses-section { margin-top: 50px; } .test-report, .page-content .progress { width: 1000px; margin: 0 auto; } .page-content .progress { height: 1px } .test-progress-bar-status { display: inline-block; background: #25b6e1; padding: 8px 15px; /* border-radius: 5px; */ color: #fff; } .test-progress-bar-status label { margin: 0 5px 0 0; } .text-info { font-weight: bold; } /*.chart-box{margin:0;padding:0} .chart-box:last-child{ margin-top: 25px; padding-top: 25px;}*/ .que-list-drop { display: inline-block; min-width: 208px; } .que-list-drop h3 { font-size: 16px; margin: 0; background: #fff; padding: 8px 15px; border-radius: 3px; margin: 10px 0; cursor: pointer; border: 1px solid rgb(255, 223, 194); box-shadow: 0px 1.5px 6px rgba(255, 198, 146, 0.15) !important; } #solutions .que-list-drop h3 { border: none; } .que-list-drop .ti-angle-down { font-size: 11px; float: right; position: relative; top: 4px; } .practice-page.inner-package { margin-bottom: 0 } .exam-details .exam-d { text-align: center; border-radius: 5px; overflow: hidden; } /************************ iframe responsive ***********************************/ .frameWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .frameWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /************************ iframe responsive ***********************************/ .top-banner p.mob-res-768 { display: none; } .no-data-found-test { text-align: center } .no-data-found-test img { /*height: 200px;*/ margin: 100px 0; } .score-rank-per-details { padding-top: 25px } .score-rank-per-details .overall-student-result { display: flex; margin: 0 -1%; } .score-rank-per-details .overall-student-result div { background: #fff !important; font-weight: 600; padding: 15px 10px !important; width: 25%; display: inline-block; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15); border-radius: 5px; margin: 0 0.2%; color: #858585 !important; font-weight: 500; min-height: 75px; vertical-align: top; margin: 0 1%; text-align: center; font-size: 15px } .score-rank-per-details .overall-student-result div span { top: 3px; display: block; font-size: 17px; font-weight: bold; position: relative } #modalLogoutUserDetails .md-form.mb-4 { margin-bottom: 15px } #submitNtaTestPopup .modal-footer button.btn { color: #fff } /*For footer content*/ .footer-for-sujok { padding: 20px 15px; text-align: center; text-align: center; background: #ffffffa6; margin: 20px 0; display: block; border-radius: 5px; } .footer-for-sujok p span { margin: 0 15px 0 0 } .footer-for-sujok p span:nth-child(3) { display: block; margin: 6px 5px 0 } .footer-for-sujok p { margin: 4px 0; display: inline-block; width: 100%; line-height: 22px } /*After login*/ .footer-section .middle-section .footer-for-sujok, .my-cart-footer .footer-for-sujok { background: none; color: #C4C4C4; padding: 15px 0 0; margin: 0; border-radius: 0; border-top: 1px solid #5f6569; margin: 10px -15px 0; } .footer-section { padding: 20px 0 } .footer-section .middle-section ul { position: relative; top: 3px; } .footer-section .middle-section .footer-for-sujok p span, .footer-section .middle-section .footer-for-sujok p, .my-cart-footer .footer-for-sujok p span, .my-cart-footer .footer-for-sujok p { color: #f2f2f2; } .footer-section .middle-section .footer-for-sujok p span strong, .footer-section .middle-section .footer-for-sujok p strong, .my-cart-footer .footer-for-sujok p span strong, .my-cart-footer .footer-for-sujok p strong { color: #C4C4C4; } .footer-section .middle-section .footer-for-sujok p span:nth-child(3) { display: inline-block; margin: 0 15px 0 0; } .my-cart-footer .footer-for-sujok { margin: 0; padding: 10px 0 } /*colour for bonus options*/ .bonus-color a { border-color: #FFA500 !important; background-color: #FFA500 !important } /*Certificate css*/ /*@import url('https://fonts.googleapis.com/css?family=Open+Sans|Pinyon+Script|Rochester');*/ .cursive h2 { font-family: 'Optimum', sans-serif; font-size: 33px !important; font-weight: bold !important; color: #020202 !important; padding-bottom: 0 !important; border-bottom: none; margin: 0; } h3.cursive { font-family: 'Bickham Script Pro' !important; color: #090700 !important; font-weight: 600 !important } .cursive span { color: #020202; font-family: 'Optimum'; } .sans { font-family: 'Open Sans', sans-serif; } .bold { font-weight: bold; } .block { display: block; } .underline { border-bottom: 1px solid #777; padding: 5px; margin-bottom: 15px; } .margin-0 { margin: 0; } .padding-0 { padding: 0; } .pm-empty-space { height: 40px; width: 100%; } .container.pm-certificate-container { position: relative; width: 815px !important; padding: 30px; color: #333; font-family: 'Open Sans', sans-serif; margin: 50px auto; background: #fefce3; /*url(../images/certificate/bg1.jpg) repeat-y 0 0; box-shadow: 0 0 5px rgb(226 226 226 / 50%)*/ } .pm-certificate-container .pm-certificate-border { position: relative; } .pm-certificate-container .pm-certificate-border .pm-certificate-block { background: url(../images/certificate/right1.png) no-repeat right 125px; display: inline-block; } .pm-certificate-container .pm-certificate-border .pm-certificate-header { margin-bottom: 10px; } .pm-certificate-container .pm-certificate-border.pm-certificate-title { position: relative; top: 40px; } .pm-certificate-container .pm-certificate-border.pm-certificate-title h2 { font-size: 34px !important; } .pm-certificate-body { padding: 0; background: url(../images/certificate/left1.png) no-repeat 0 125px; } .pm-certificate-body.pm-name-text { font-size: 2px; } .pm-earned { margin: 0 } .pm-earned .pm-earned-text { font-size: 20px; } .pm-earned .pm-credits-text { font-size: 15px; } .pm-course-title .pm-earned-text p { font-size: 30px; font-weight: inherit; color: #090700 !important; margin: 10px 0; } .pm-course-title .pm-credits-text { font-size: 15px; } .pm-certified { font-size: 12px; } .pm-certified .underline { margin-bottom: 5px; } .pm-certificate-footer { width: 650px; height: 100px; position: relative; left: 50%; margin-left: -325px; bottom: -105px; } span.pm-credits-text.block.sans { font-size: 10px; } .template-preview-cer { border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; margin-top: 15px; } .default-template { display: flex; justify-content: space-between; padding: 15px; align-items: center; } .default-left span { display: block; } .default-right button { display: inline-block; border: none; padding: 5px 15px; border-radius: 5px; font-weight: 500; } .certificate-background-img { background: url(../images/Park.png); display: inline-block; background-size: 66% 74%; background-repeat: no-repeat; background-position: center; } @font-face { font-family: 'Optimum'; src: url('../fonts/Optimum-Roman.eot'); src: local('../fonts/Optimum Roman'), local('Optimum-Roman'), url('../fonts/Optimum-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/Optimum-Roman.woff2') format('woff2'), url('../fonts/Optimum-Roman.woff') format('woff'), url('../fonts/Optimum-Roman.ttf') format('truetype'), url('../fonts/Optimum-Roman.svg#Optimum-Roman') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } .preCourseTemplate1 .template-1 { overflow-x: hidden; } @font-face { font-family: 'Calibri'; src: url('../fonts/Calibri-Bold.eot'); src: local('../fonts/Calibri Bold'), local('Calibri-Bold'), url('../fonts/Calibri-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Calibri-Bold.woff2') format('woff2'), url('../fonts/Calibri-Bold.woff') format('woff'), url('../fonts/Calibri-Bold.ttf') format('truetype'), url('../fonts/Calibri-Bold.svg#Calibri-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Certificate'; src: url('../fonts/CertificateRegularSWFTE.eot'); src: local('../fonts/Certificate'), local('CertificateRegularSWFTE'), url('../fonts/CertificateRegularSWFTE.eot?#iefix') format('embedded-opentype'), url('../fonts/CertificateRegularSWFTE.woff2') format('woff2'), url('../fonts/CertificateRegularSWFTE.woff') format('woff'), url('../fonts/CertificateRegularSWFTE.ttf') format('truetype'), url('../fonts/CertificateRegularSWFTE.svg#CertificateRegularSWFTE') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /*@font-face { font-family: 'Bickham Script Pro'; src: url('../fonts/BickhamScriptPro-Regular.eot'); src: local('../fonts/Bickham Script Pro Regular'), local('BickhamScriptPro-Regular'), url('../fonts/BickhamScriptPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/BickhamScriptPro-Regular.woff2') format('woff2'), url('../fonts/BickhamScriptPro-Regular.woff') format('woff'), url('../fonts/BickhamScriptPro-Regular.ttf') format('truetype'), url('../fonts/BickhamScriptPro-Regular.svg#BickhamScriptPro-Regular') format('svg'); font-weight: normal; font-style: italic; font-display: swap; } */ @font-face { font-family: 'Bickham Script Pro'; src: url('../fonts/BickhamScriptPro-Semibold.eot'); src: local('../fonts/Bickham Script Pro Semibold'), local('BickhamScriptPro-Semibold'), url('../fonts/BickhamScriptPro-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/BickhamScriptPro-Semibold.woff2') format('woff2'), url('../fonts/BickhamScriptPro-Semibold.woff') format('woff'), url('../fonts/BickhamScriptPro-Semibold.ttf') format('truetype'), url('../fonts/BickhamScriptPro-Semibold.svg#BickhamScriptPro-Semibold') format('svg'); font-weight: 600; font-style: italic; font-display: swap; } /*my sujok certificates tab*/ #my-certificates .course-packages a img { height: 230px !important; } #my-certificates .course-packages h4 { min-height: 0 !important; } #my-certificates .course-packages .text-center a { width: 75% !important; } .tetimonial-slider #customers-testimonials .shadow-effect .testi-content { overflow: inherit !important; } .preAllCourseList .dropdown-menu { font-size: 13px; } .container.pm-certificate-container { position: relative; width: 815px !important; padding: 30px; color: #333; font-family: 'Open Sans', sans-serif; margin: 50px auto; background: #fefce3; } /*23rd-april*/ .testResult-body .que-list .que-list-drop { display: none; } .nta-screen { font-family: Montserrat; background: #fff; font-size: 13px; line-height: 22px } .nta-screen .nta-header { background-color: #fff; font-family: Montserrat; color: #242424; } .nta-screen .container { width: 1170px; } .nta-screen .nta-header #logo { padding: 10px 0; height: auto; width: auto; } .nta-screen #logo img { width: 105px; max-width: inherit; } /* .nta-screen .nta-header #logo img{width: 11vw } */ .nta-screen .nta-header .image-left { display: inline-block; } .nta-screen .nta-header .image-left img { border-radius: 5px; width: 65px; margin: 0 10px 0 0; } .nta-screen .nta-header .candidate-detail { display: inline-block; vertical-align: top; font-weight: 500; font-size: 13px; color: #242424; } .nta-screen .nta-header .responsiveCandidate-detail { display: inline-block; /*vertical-align: top;*/ font-weight: 500; font-size: 13px; color: #242424; -ms-transform: translateY(25%); transform: translateY(25%); } .nta-screen .nta-header .candidate-detail .detail-text { padding: 0; height: 20px; display: block; margin: 0 0 5px; } .nta-screen .nta-header .candidate-detail .detail-text span:nth-child(1) { width: 125px; display: inline-block; font-weight: 600; } .nta-screen .nta-header .candidate-detail .detail-text span:nth-child(2) { font-weight: 600; margin-left: 10px; color: #f7931e; } .nta-screen .nta-header .candidate-detail .detail-text .examduration { background: #0098DA; color: #fff!important; border-radius: 10px; padding: 2px 9px; position: relative; top: 3px; } .top-quest { border-bottom: 1px solid #ccc; padding-bottom: 13px; } .nta-screen .nta-header .user-profile.pull-right { padding: 8px 0 0 } .nta-screen #heading-breadcrumbs { background: #F7931E; padding: 5px 0; } .nta-screen #heading-breadcrumbs h1 { font-weight: 600; font-size: 20px; line-height: 24px; color: #FFFFFF; /*padding:1.5vw 0;*/ padding: 24px 0; margin: 0; } .nta-screen .nta-instruction { padding: 15px 100px } .nta-screen .nta-instruction h4 { font-weight: 900; line-height: 1.1; color: #333; font-family: Roboto, Helvetica, Arial, sans-serif; padding-bottom: 10px; } .nta-screen ul, .nta-screen ol { /*list-style: decimal !important;*/ padding-left: 35px; } .nta-screen ul.test-questions li { display: inline-block; /* width: 35px; */ margin: 0 3px 0 } .nta-screen ul.test-questions li a { border-radius: 4px; border: none !important; width: 44px; text-align: center; background-repeat: no-repeat; padding: 10px 11px; background-color: initial; /*color: #000 !important*/ background-position: center center; } /* .nta-screen ol ul{list-style-type: circle !important;list-style: circle !important} */ .nta-screen #logo .navbar-brand { height: auto; display: inline-block; margin-left: 0; padding: 0; } .nta-top { background: #ffc581 } .nta-top .nta-main-top { background: #F7931E; padding: 12px 0 10px 0; position: relative; max-height: 64px; } .nta-top h1, .nta-header h1 { font-weight: 500; font-size: 20px; line-height: 24px; position: relative; top: 4px; vertical-align: top; color: #FFFFFF; margin: 0; display: inline-block; text-transform: capitalize; } .nta-header h1 { color: #555; padding: 29px 0; top: 0; margin-left: 150px; white-space: nowrap; width: 25%; overflow: hidden; text-overflow: ellipsis; font-weight: 500; } .nta-subjects { display: inline-block; margin: 0 } .nta-subjects ul { padding-left: 0 !important } .nta-subjects ul li a { cursor: pointer; background: #5488b5; border-radius: 3px; border: none; color: #fff; padding: 6px 25px; min-width: 135px; text-align: center; margin: 0 10px 0 0; text-transform: uppercase; font-size: 13px; } .nta-subjects ul li.active a, .nta-subjects ul li a:hover, .nta-subjects ul li.active a:hover, .nta-submit button:hover { background: #1E5C92; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); border-radius: 3px; border: none; color: #fff } .nta-top-buttons a:hover { text-decoration: underline; background: none } .nta-top-buttons { display: inline-block; vertical-align: top; } .nta-top-buttons a, .nta-submit button { background: none; border-radius: 3px; padding: 6px 0; text-align: center; margin: 0 0 0 15px; border: none; font-size: 13px } .nta-submit { display: block; margin: 0 0 0 20px/*;float: none !important*/ } .nta-submit button { background: #1e5c92; color: #fff; font-weight: 500; text-align: center; min-width: 100px; padding: 3px 25px; margin: 0; } .nta-screen #container { width: 100%; padding: 0 } .nta-screen .page-content { margin-top: 0; } .nta-content { padding: 25px 0; background: #fff } .nta-parameters { background: #F8F8F8; border: 1px solid #E4E4E4; box-sizing: border-box; border-radius: 5px; padding: 10px 15px; margin-bottom: 20px } .nta-parameters table { margin-bottom: 0 } .nta-parameters table tr td { border: none; padding: 15px 8px 15px 0; font-weight: 500 } .nta-screen .nta-parameters table tr td.textAlign { padding: 8px 8px 8px 0; } .mark-for-review, .nta-answerd, .nta-an-mark-review { color: #fff!important; border-width: 0; } .nta-not-visited { background: url(../images/nta/Logo1.png); color: #303030!important; padding: 12px 16px; border-width: 0; } .nta-not-answered { color: #fff!important; background: url(../images/nta/Logo2.png); border-width: 0; padding: 10px 14px } .nta-screen ul.test-questions li a.nta-active { /* color: #fff!important; background: url(../images/nta/Logo2.png); border-width: 0; padding: 10px 14px;*/ background-color: #012B55; } .nta-answerd { background: url(../images/nta/Logo3.png); padding: 10px 17px; color: #fff!important; } .nta-mark-for-review { background: url(../images/nta/Logo4.png); padding: 11px 16px; /* width: 36px !important; */ color: #fff !important; } .nta-an-mark-review { background: url(../images/nta/Logo5.png); padding: 11px 16px; color: #fff!important; } .test-ques-stats { /* padding: 8px 13px; */ /*background-size: 100% 100%;*/ background-repeat: no-repeat; background-position: center center; } .test-ques-stats:hover { text-decoration: none; } .que-number { font-weight: 700; font-size: 16px; line-height: 20px; color: #000; } .question-statement ul { padding-left: 0 !important } .question-statement ul li { list-style: none; padding: 10px 15px; color: #333; border: 2px solid #ddd; border-radius: 3px; margin-bottom: 12px; background: #fff; } .question-statement ul li .opt { color: #888; background: #eee; border: 1px solid #eee; vertical-align: middle; display: inline-block; width: 25px; height: 100%; text-align: center; margin-right: 10px; cursor: pointer; height: 25px; line-height: 25px; border-radius: 50%; font-size: 14px !important; font-weight: 600; } .question-statement ul li .opt em { font-style: normal; } .question-statement ul li .option { position: relative; padding: 0 !important; } .question-statement ul li.selected { border: 2px solid #8cba45 !important; color: #333; } .question-statement ul li.selected span.opt { background-color: #8cba45; border-color: #8cba45; color: #fff; } #quest .btn { padding: 6px 28px 6px 27px; margin: 0 2.5px; text-transform: uppercase; font-size: 13px; } .nta-action-butttons { margin: 0 0 20px 0; border-top: 1px solid #ccc; padding-top: 15px; } .positive-mark em { color: #27cc27; font-style: normal; } .negative-mark em { color: red; font-style: normal; } .nta-content .marks-status { font-weight: 500; right: 115px } .negative-mark { margin: 0 5px; } .nta-content .examduration { background: #8cba45; border-radius: 30px; padding: 2px 10px; min-width: 90px; display: inline-block; text-align: center; color: #fff; } .nta-content .que-right-nta { position: absolute; padding-right: 0; top: -2px; right: 15px; border-radius: 4px; padding: 0 } .negative-mark, .positive-mark { line-height: 16px; color: #8A8A8A; } .que-text-nta { position: relative; font-size: 17px; display: inline-block; width: 100%; margin-left: 0px; color: #333; background: #fff !important; padding: 0 25px 25px 0; border-radius: 4px; font-family: 'Times new romen'; margin-top: 15px; } .nta-parameters ul { padding: 0 17px !important; margin-top: 0; } .nta-parameters.panel-head { padding: 15px } .nta-parameters .panel-body { padding: 0 15px !important; height: 180px !important; overflow-y: auto; } .nta-screen .numeric-section { padding: 20px 0; box-shadow: none; } .question-fot-detail a { background: #E1E1E1; border: 1px solid #BFBFBF; box-sizing: border-box; border-radius: 3px; margin: 0 0 0 5px; text-transform: uppercase; font-size: 13px; padding: 6px 20px; font-weight: 500; color: #5F5F5F !important; } .question-fot-detail img { display: inline-block; width: 6px; margin: -1px 8px 0; } .question-fot-detail { clear: both; display: inline-block; width: 100%; text-align: right; margin-top: 9px } .nta-scrollbar { height: 235px; overflow-y: scroll; margin: 0 0 15px 0; padding-right: 15px; position: relative; } .questionModelPreview .modal-body { padding: 30px 40px; max-height: 550px; overflow: auto; } .questionModelPreview .modal-dialog { width: 750px } .questionModelPreview .view-que .que-no { margin-right: 8px; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; text-align: left; color: #383838; display: block; clear: both; margin-bottom: 10px } .questionModelPreview .view-que .que-no img { margin-right: 10px } .questionModelPreview .modal-body p { text-align: left; } .questionModelPreview .answer-options ul li { padding: 0 !important; border: 2px solid #fff !important; } .questionModelPreview .answer-options ul li { position: relative; padding: 7px 10px 7px !important; border: 1px solid #ddd !important; margin-right: 0; background: #fff; border-radius: 3px; } .questionModelPreview .answer-options ul li.selected { background: #EEFFE8; border: 1px solid #41A21F !important; border-radius: 3px; box-shadow: none; } #quest.col-md-12 { width: 100% } .exam-summery { padding: 25px 0 } .exam-summery h3 { font-weight: bold; font-size: 24px; line-height: 28px; text-align: center; color: #000000; margin: 15px 0 25px 0 } .exam-summery h4 { font-weight: 600; font-size: 17px; line-height: 23px; text-align: center; color: #000000; margin: 50px 0 30px 0; } .exam-summery .btn { border: 1px solid #BFBFBF; box-sizing: border-box; font-style: normal; font-weight: normal; font-size: 15px; line-height: 18px; text-align: center; color: #000000; padding: 8px 20px; border-radius: 0; margin: 0 5px; } .exam-summery table tr th { font-style: normal; font-weight: 600 !important; font-size: 13px !important; line-height: 18px; color: #5B5B5B; border-bottom: none; padding: 8px 10px; } .exam-summery table tr td { font-style: normal; font-weight: normal; font-size: 13px; line-height: 18px; padding: 8px 10px; /* identical to box height */ color: #5B5B5B; } #submitNtaTestPopup .modal-dialog { width: 465px } #submitNtaTestPopup .modal-content { border-radius: 15px } #submitNtaTestPopup .modal-body { padding: 20px 40px } #submitNtaTestPopup.popup-msgs span { font-family: Montserrat; font-style: normal; font-weight: 600; font-size: 15px; line-height: 18px; text-align: center; display: block; margin-bottom: 7px; } #submitNtaTestPopup.popup-msgs span.red { color: #E80202; } #submitNtaTestPopup.popup-msgs span.blue { color: #8cba45; } #submitNtaTestPopup.popup-msgs .que-display { font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 14px; line-height: 17px; /* identical to box height */ text-align: center; color: #575757; } #submitNtaTestPopup.popup-msgs .btn { background: #8cba45; border-radius: 5px; min-width: 90px; color: #fff; font-size: 15px; padding: 7px 15px; text-transform: none !important; } #submitNtaTestPopup.popup-msgs .que-display img { margin-bottom: 25px; } /* Instruction css by Vikesh */ .nta-screen .nta-instruction ol.decimalType li ul.circleType li { list-style-type: circle; } .nta-screen .nta-instruction ol.decimalType li { list-style-type: decimal; } .nta-screen .nta-instruction ol.lowerAlpha li { list-style-type: lower-alpha; } .action-button.proceedBtn { background: #337ab7 !important; border: none; font-size: 15px; text-transform: uppercase; font-weight: 500; } .action-button.proceedBtn:hover { background: #63a3da !important; } .nta-section-wise .responsive-scroll-subjects ul { margin: 0; padding: 0; } .nta-section-wise .responsive-scroll-subjects ul li a { color: #fff; cursor: pointer; border: none; font-weight: 500; margin-right: 1px } .nta-section-wise .responsive-scroll-subjects ul li.active a, .nta-section-wise .responsive-scroll-subjects ul li:hover a { border: none; font-weight: 500; color: #555; background: #fff; border-radius: 0 } .notation_type_description.diff_type_notation_area_inner { background: #e5f6fc none repeat scroll 0 0; text-align: left; position: absolute; width: 280px; padding: 20px; z-index: 99; display: none; } .instruction-info { display: inline-block; margin-left: 5px } .nta-section-wise .responsive-scroll-subjects ul li .instruction-info { cursor: pointer; } .nta-section-wise .responsive-scroll-subjects ul li .instruction-info:hover .notation_type_description.diff_type_notation_area_inner { display: block; top: 39px; left: 0px } .answered, .not_answered, .not_visited, .review, .review_answered { background: url(../images/nta/Logo3.png); padding: 4px 10px; color: #fff!important; background-repeat: no-repeat; background-position: center center; margin: 0 5px 5px 0; display: inline-block; background-size: 30px !important } .not_answered { background: url(../images/nta/Logo2.png); } .not_visited { background: url(../images/nta/Logo1.png); padding: 4px 7px; } .review { background: url(../images/nta/Logo4.png) } .review_answered { background: url(../images/nta/Logo5.png) } span.type_title { font-size: 12px } span.type_title em { display: block; padding-left: 37px; font-style: normal; font-size: 11px; margin-top: -8px; } /* Up Down Arrow */ .nta-scrollbar .downArrow, .nta-scrollbar .upArrow, .downArrow, .upArrow { background: none; padding: 10px 0; border: none; } .nta-scrollbar .downArrow { position: absolute; right: 0; top: 0; } .nta-scrollbar .upArrow { position: absolute; right: 0; bottom: 0; } .nta-screen .textAlign { position: relative; } .nta-screen .textAlign a { display: inline-block; position: absolute; left: 0; top: 6px; } .nta-screen .textAlign span { padding-left: 45px; display: inline-block; } .nta-screen .nta-instruction { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 14px; } .nta-screen #heading-breadcrumbs .form-control { height: auto; } /* For responsive hide show */ .responsive-class .forResponsive { display: none; } .responsive-class .box1Details .rightDetails .resp500 { display: none; } /* For responsive hide show End*/ .testReport-body .practice-page { background: linear-gradient(185.31deg, rgba(255, 174, 142) -35.72%, rgba(255, 217, 148) 108.35%) } /*Css for practice page*/ body.inner.online-test { background: #fff; padding-top: 0; font-family: 'Nunito'; top: 0 !important; } .online-test-container .page-content h2 { font-style: normal; font-weight: 600; font-size: 26px; line-height: 35px; color: #2f2f2fc2; margin: 0 0 20px } .online-test-container .page-content h2 a { color: #2f2f2fc2 !important } .online-test-container .page-content { margin: 0 } .inner-container { width: 1015px; margin: 0 auto; position: relative; } .rounded-btn a { border: 1px solid #E2E2E2; border-radius: 56px; padding: 6px 20px; line-height: 16px; color: #686868; } .rounded-btn a:hover { text-decoration: none; } /*Start Header*/ header { -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1) } header .logo, header .menu, header.user, header .refer-earn { display: inline-block; vertical-align: middle; } header .logo img { width: 123px } header .menu { margin-left: 35px } header .container { width: 1320px } header .menu ul li { display: inline-block; text-align: center; width: auto; } header .menu ul li a { text-decoration: none; text-transform: capitalize; margin: 0 4px; display: block; color: #7C7C7C; font-weight: 400; font-size: 14px; padding: 13px 13px 8px 13px; border-bottom: 2px solid #fff; } header .menu ul li span { display: block; /*margin-bottom:3px;font-weight: bold;*/ } header .menu ul li span svg { width: 18px; height: 18px; stroke-width: 1.4 } header .menu ul li a:hover, header .menu ul li a.active { text-transform: capitalize; color: #8cba45; text-decoration: none; border-bottom: 2px solid #8cba45; padding: 13px 13px 8px 13px } header .refer-earn { position: relative; top: 15px; } header .refer-earn a { background: #FE4465; border-radius: 5px; font-family: Montserrat; font-weight: 500; font-size: 13px; line-height: 21px; text-align: center; color: #FFFFFF; padding: 7px 20px 8px 20px; display: inline-block; vertical-align: middle; } header .refer-earn a:hover { text-decoration: none; background-color: #8cba45; /* color: #000; */ border-color: #8cba45; } header .refer-earn a svg { vertical-align: top; width: 17px; height: 17px; margin: 1px 3px 0 0; } header.header .user .dropdown { padding: 15px 12px } header.header .user .dropdown .btn { padding: 0; top: 1px !important; /*font-family: Montserrat;*/ font-style: normal; font-weight: 300; font-size: 14px; line-height: 17px; text-align: center; color: #595959; } header.header .user img { /*border: 2px solid #8cba45;*/ border-radius: 100px; margin: 0 9px 0 0; top: -1px; } header.header .user .btn .caret { color: #595959 } header.header .user .dropdown-menu>li>a { /*font-family: Montserrat;*/ text-transform: capitalize; font-style: normal; font-weight: 300; font-size: 14px; line-height: 17px; color: #595959; background: none !important; padding: 10px 20px 10px 15px } header.header .user .dropdown-menu>li>a i { margin-right: 10px } header.header .user .dropdown-menu>li>a:hover { color: #fff; background: #8cba45 !important } header.header .user .dropdown-menu { border: none; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); width: 183px; border-radius: 3px; } header.header .user .dropdown-menu::before { border-bottom: 11px solid #fff; border-left: 13px solid transparent; border-right: 14px solid transparent; top: -11px; } header.header .user .dropdown-menu>li:first-child>a:hover { border-top-left-radius: 3px; border-top-right-radius: 3px; } header.header .user .dropdown-menu>li:last-child>a:hover { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } /*Start top banner*/ .practice-page, .practice-pack-deta-banner { background: linear-gradient(258.38deg, #D7BEFF 0%, #FF8EA5 100%); margin-bottom: 20px } .top-banner .inner-banner { padding-right: 250px } .top-banner .banner-img { position: absolute; right: 0; top: 18%; text-align: right; } .top-banner .banner-img .banner-img-mob { display: none; } .top-banner { margin: 0 auto; width: 1015px; padding: 60px 0; position: relative; } .top-banner h1 { margin: 0; font-family: Montserrat; font-size: 30px; line-height: 37px; color: #252525; font-weight: 600 } .top-banner p { font-weight: 500; font-size: 15px; line-height: 24px; color: #707070; margin: 8px 0; } /*End top banner*/ /*Start practiced test*/ section.last-practiced-test { margin: 0 0 35px 0 } .last-practiced-test .last-test-details { cursor: pointer; position: relative; /* background: #FFFFFF; */ box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15); border-radius: 5px; padding: 15px 27px; } .last-practiced-test .last-tests { padding: 0 200px 0 45px; background: url(../images/practice/last-practice-icon.png) 0 center no-repeat; } .last-practiced-test .scoring-details { display: block; } .last-practiced-test .chapter-name { font-weight: 500; font-size: 15px; line-height: 20px; color: #252525; margin-bottom: 13px; display: inline-block; } .last-practiced-test .package-name { display: inline-block; } .last-practiced-test .package-name span { background: #E8F1F8; border-radius: 27px; font-size: 9px; line-height: 14px; color: #727272; padding: 2px 13px; margin-left: 15px; display: inline-block; } .last-practiced-test .score, .last-practiced-test .accuracy-per { font-weight: normal; font-size: 11px; line-height: 15px; color: #8E8E8E; margin-right: 15px; } .last-practiced-test .score { border-right: 1px solid #ccc; padding-right: 15px; margin-right: 10px } .last-practiced-test svg { color: #8cba45; width: 15px; height: 15px; stroke-width: 1.4; vertical-align: middle; margin: -3px 2px 0 0; } .last-practiced-test .last-test-buttons { position: absolute; right: 27px; top: 23px } .blue-btn, .green-btn, .orange-btn { cursor: pointer; background: #fff; border-radius: 3px; font-size: 14px; line-height: 19px; text-align: center; color: #8cba45; padding: 5px 25px; border: 1px solid #8cba45; min-width: 140px; display: inline-block; margin: 0 0 0 10px; box-shadow: -5px 8px 20px 0 rgba(197, 197, 197, 0.15); -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .green-btn { color: #26D27F; border-color: #26D27F } .blue-btn:hover { background: #8cba45; color: #fff; text-decoration: none; } .green-btn:hover { background: #26D27F; color: #fff; text-decoration: none; } .orange-btn { border: 1px solid #FF8D46; color: #FF8D46; } .orange-btn:hover { text-decoration: none } .grey-btn:hover { background: #8E8E8E; color: #fff; text-decoration: none; } .right-content .panel-group .panel { margin: 15px 0 25px 0; border: none; overflow: initial; cursor: pointer; position: relative; background: #FFFFFF; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15); border-radius: 5px; border: 1px solid #fff; } /*End practiced test*/ /*Start Chapterwise practice test*/ .online-test-container .page-content .chapterwise-section h2 { margin-bottom: 0 } .chapterwise-section .col-centered { float: none; margin: 0 auto; } .chapterwise-section .carousel-control { width: 8%; width: 0px; } .chapterwise-section .carousel-control.left, .chapterwise-section .carousel-control.right { margin-right: 40px; margin-left: 32px; background-image: none; opacity: 1; } .chapterwise-section .carousel-control>a>span { color: white; font-size: 29px !important; } .chapterwise-section .carousel-col { position: relative; min-height: 1px; padding: 5px; float: left; } .chapterwise-section .active>div { display: none; } .chapterwise-section .active>div:first-child { display: block; } /*xs*/ @media (max-width: 767px) { .carousel-inner .active.left { left: -50%; } .carousel-inner .active.right { left: 50%; } .carousel-inner .next { left: 50%; } .carousel-inner .prev { left: -50%; } .carousel-col { width: 50%; } .carousel-inner .active>div:first-child+div { display: block; } } /*sm*/ @media (min-width: 768px) and (max-width: 991px) { .carousel-inner .active.left { left: -50%; } .carousel-inner .active.right { left: 50%; } .carousel-inner .next { left: 50%; } .carousel-inner .prev { left: -50%; } .carousel-col { width: 50%; } .carousel-inner .active>div:first-child+div { display: block; } } /*md*/ @media (min-width: 992px) and (max-width: 1199px) { .carousel-inner .active.left { left: -33%; } .carousel-inner .active.right { left: 33%; } .carousel-inner .next { left: 33%; } .carousel-inner .prev { left: -33%; } .carousel-col { width: 33%; } .carousel-inner .active>div:first-child+div { display: block; } .carousel-inner .active>div:first-child+div+div { display: block; } } /*lg*/ @media (min-width: 1200px) { .carousel-inner .active.left { left: -25%; } .carousel-inner .active.right { left: 25%; } .carousel-inner .next { left: 25%; } .carousel-inner .prev { left: -25%; } .carousel-col { width: 25%; } .carousel-inner .active>div:first-child+div { display: block; } .carousel-inner .active>div:first-child+div+div { display: block; } .carousel-inner .active>div:first-child+div+div+div { display: block; } } @media (max-width: 1200px) { .carousel-inner .active.left { left: -25%; } .carousel-inner .active.right { left: 25%; } .carousel-inner .next { left: 25%; } .carousel-inner .prev { left: -25%; } .carousel-col { width: 25%; } .carousel-inner .active>div:first-child+div { display: block; } .carousel-inner .active>div:first-child+div+div { display: block; } .carousel-inner .active>div:first-child+div+div+div { display: block; } } /*.block { width: 306px; height: 230px; } */ /*.red {background: red;} .blue {background: blue;} .green {background: green;} .yellow {background: yellow;}*/ .chapterwise-section { padding: 6px 0 0px 0 } .chapterwise-section .chapterName-slide { background: #FFFFFF; height: 225px; /*box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);*/ box-shadow: 0px 1.5px 6px rgba(0, 0, 0, 0.15); border-radius: 5px; padding: 16px; width: 100% !important; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .chapterwise-section .chapterName-slide img { margin-bottom: 15px } .free-text, .chapter-name-slide, .imp-que { display: block; } .chapterwise-section .carousel-col { width: 23%; margin: 0 1%; padding-bottom: 30px } .chapterwise-section .chapterName-slide .carousel-inner>.item { padding: 20px 10px } .chapterwise-section .chapter-name-slide { display: block; font-weight: 600; font-size: 14px; line-height: 19px; color: #252525; min-height: 38px; } .chapterwise-section .imp-que { font-weight: 300; font-size: 12px; line-height: 16px; color: #7C7C7C; border-bottom: 1px solid #D8D8D8; padding: 8px 0; margin-bottom: 8px } .chapterwise-section .queText i { font-weight: normal; font-size: 12px; line-height: 16px; font-style: normal; color: #444444; } .chapterwise-section .free-text { background: #FFBA33; border-radius: 27px; font-weight: 600; font-size: 10px; line-height: 14px; /* identical to box height */ color: #FFFFFF; display: inline-block; padding: 1px 11px; position: absolute; right: 15px; top: 20px; } .chapterwise-section .live-text { background: #63B51E; border-radius: 27px; font-weight: 600; font-size: 10px; line-height: 14px; /* identical to box height */ color: #FFFFFF; display: inline-block; padding: 1px 11px; position: absolute; right: 15px; top: 20px; } .chapterwise-section .expired-text { background: #f33c3e; border-radius: 27px; font-weight: 600; font-size: 10px; line-height: 14px; /* identical to box height */ color: #FFFFFF; display: inline-block; padding: 1px 11px; position: absolute; right: 15px; top: 20px; } .chapterwise-section .carousel-control.left, .chapterwise-section .carousel-control.right { margin: 0; } .glyphicon-chevron-right:before { content: url('../images/practice/next.png'); } .glyphicon-chevron-left:before { content: url('../images/practice/prev.png'); } .chapterwise-section .chapterwise-slider .blue-btn, .chapterwise-section .chapterwise-slider .green-btn, .chapterwise-section .chapterwise-slider .orange-btn { margin: 13px 0 0; width: 100%; } .chapterwise-section .chapterName-slide:hover { box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15) } .chapterwise-section .chapterName-slide:hover .blue-btn, .chapterwise-section .view-deta-slide:hover .orange-btn { background: linear-gradient(261.15deg, #45D4FF 0%, #8A83FF 100%); border-radius: 3px; color: #fff; padding: 5px 25px } .chapterwise-section .chapterName-slide:hover .practice-img { display: none; } .chapterwise-section .chapterName-slide:hover .practice-hover { display: block; } .chapterwise-section .practice-hover { display: none; } .chapterwise-section .carousel-inner { margin: 15px 0 0 0; padding: 0 } .chapterwise-section .carousel-inner>.item { /*padding:15px 0 0 0;*/ margin: 0; } .chapterwise-section .chapterName-slide .queText i { font-weight: 600; } .chapterwise-section .store { color: #7C7C7C } .chapterwise-section .view-deta-slide:hover .orange-btn { background: linear-gradient(261.15deg, #FFBA33 0%, #FE4465 100%); } .chapterwise-section .carousel-control .icon-prev, .chapterwise-section .carousel-control .icon-next, .chapterwise-section .carousel-control .glyphicon-chevron-left, .chapterwise-section .carousel-control .glyphicon-chevron-right { top: 45%; } .chapter-section-drop { position: absolute; right: 0; top: 0 } .chapter-subject .dropdown { display: inline-block; margin-right: 10px } .chapter-subject a.main-drop { border: 1px solid #e2e2e2; padding: 6px 65px 6px 20px; border-radius: 50px; color: #686868; cursor: pointer; display: block; text-decoration: none; vertical-align: middle; line-height: normal; position: relative; } .chapter-subject a.main-drop span { color: #595959; position: absolute; top: 6px; right: 10px; } .chapter-subject a.main-drop span svg { width: 18px; height: 18px; stroke-width: 1.4; } .chapter-subject a.main-drop:hover { text-decoration: none; } .chapter-subject .open>.dropdown-menu { padding: 0; border-radius: 8px; margin-top: 5px; min-width: 186px; border-color: #E2E2E2; } .chapter-subject .open>.dropdown-menu li a { padding: 9px 20px; border-bottom: 1px solid #E2E2E2 } .chapter-subject .open>.dropdown-menu li:first-child>a:hover { border-top-left-radius: 8px; border-top-right-radius: 8px; } .chapter-subject .open>.dropdown-menu li:last-child>a:hover { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .chapterwise-section .carousel-control>a>span { position: absolute; top: 42% !important; bottom: 0; right: 0; width: 30px; font-size: 20px; color: #fff; text-align: center; filter: alpha(opacity=1); opacity: 1; /* background: url(../images/practice/prev.png) 0 center no-repeat; */ height: 30px; background: #fff; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25); cursor: pointer; font-family: "Font Awesome 5 Pro"; font-size: 16px !important; margin: 0; } .chapterwise-section .carousel-control>a>span.glyphicon-chevron-right:before { content: "\f054"; position: relative; top: 9px; left: 2px; color: #7E7E7E } .chapterwise-section .carousel-control>a>span.glyphicon-chevron-left:before { content: "\f053"; position: relative; top: 9px; right: 2px; color: #7E7E7E } .chapterwise-section .carousel-control>a>span:hover { background: #8cba45 } .chapterwise-section .carousel-control>a>span.glyphicon-chevron-left:hover:before, .chapterwise-section .carousel-control>a>span.glyphicon-chevron-right:hover:before { color: #fff } /*End Chapterwise practice test*/ /*Start call-to-action-section*/ .call-to-action-section { margin: 30px 0 60px } .call-to-action-section .inner-container { background: linear-gradient(98.34deg, #8DD070 0%, #0EA0CB 100.35%); position: relative; border-radius: 5px; padding: 38px 45px } .call-to-action-section p:nth-child(1) { font-family: Nunito; font-style: normal; font-weight: bold; font-size: 24px; line-height: 33px; text-transform: uppercase; color: #FFFFFF; } .call-to-action-section p:nth-child(2) { font-family: Nunito; font-style: normal; font-weight: normal; font-size: 18px; line-height: 25px; color: #FFFFFF; } .call-to-action-section .call-text { padding-right: 150px } .call-to-action-section .call-button { position: absolute; right: 77px; top: 40px } .call-to-action-section .call-button a { background: #FFFFFF; border-radius: 5px; font-family: Nunito; font-style: normal; font-weight: bold; font-size: 18px; line-height: 25px; text-align: center; color: #4A4A4A; padding: 12px 36px; display: block; box-shadow: -5px 8px 20px 0 rgba(171, 80, 80, 0.42); -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .call-to-action-section .call-button a:hover { text-decoration: none; box-shadow: none; } /*End call-to-action-section*/ /*Start testimonial slider*/ .grey-bg { background: #F1F4F6; min-height: 500px } .owl-carousel .owl-stage-outer { padding: 50px 0 } .tetimonial-slider .shadow-effect { background: #fff; padding: 20px; text-align: center; border: 1px solid #ECECEC; box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.15); border-radius: 5px; min-height: 340px; margin: 0 5%; } .tetimonial-slider #customers-testimonials .shadow-effect .testi-content { max-height: 145px; line-height: 145px; overflow: auto; } .tetimonial-slider #customers-testimonials .shadow-effect .testi-content::-webkit-scrollbar-track { border-width: 0; background: #f1f1f1; box-shadow: none } .tetimonial-slider #customers-testimonials .shadow-effect .testi-content::-webkit-scrollbar { height: 6px; overflow: visible; width: 6px; } .tetimonial-slider #customers-testimonials .shadow-effect .testi-content::-webkit-scrollbar-thumb { background-color: #c1c1c1; border: solid transparent; border-width: 1px 1px 1px 4px; min-height: 28px } .tetimonial-slider #customers-testimonials .shadow-effect .testi-content::-webkit-scrollbar-thumb:horizontal { background-color: #c1c1c1; border-width: 4px 1px 1px } .tetimonial-slider #customers-testimonials .shadow-effect p { font-weight: normal; font-size: 13px; line-height: 20px; text-align: center; color: #636363; line-height: normal; vertical-align: middle; display: inline-block; } .tetimonial-slider .testimonial-name { margin: 0 auto; padding: 0; text-align: center; color: #fff; font-weight: 600; font-size: 15px; line-height: 20px; text-align: center; color: #8cba45; vertical-align: middle; font-weight: 500; font-size: 13px; line-height: 16px; /* identical to box height */ font-family: 'Montserrat'; text-align: center; color: #636363; } .tetimonial-slider #customers-testimonials .item { text-align: center; /* padding: 50px 0; */ margin-bottom: 0; /* opacity:0.6; */ /* -webkit-transform: scale3d(0.8, 0.8, 1); */ /* transform: scale3d(0.8, 0.8, 1); */ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; overflow: initial; /* min-height: 553px; */ } .tetimonial-slider #customers-testimonials .item .shadow-effect { /* background: #FCFCFC; */ /* border: 1px solid #DEDEDE; */ box-sizing: border-box; border-radius: 5px; } .tetimonial-slider #customers-testimonials .owl-item.active.center .shadow-effect { background: #fff; /*min-height: 320px*/ } .tetimonial-slider #customers-testimonials .owl-item.active.center .item { opacity: 1; /* -webkit-transform: scale3d(1.0, 1.0, 1); */ /* transform: scale3d(1.0, 1.0, 1); */ } .tetimonial-slider .owl-carousel .owl-item img { transform-style: preserve-3d; max-width: 43px; margin: 15px auto; border: 2px solid #8cba45; } .tetimonial-slider .owl-carousel .owl-item img.quote-img { border: none; margin: 0 auto 15px; opacity: 0.2 } .tetimonial-slider #customers-testimonials.owl-carousel .owl-dots .owl-dot.active span, .tetimonial-slider #customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span { background: #8cba45; transform: translate3d(0px, -50%, 0px) scale(0.7); } .tetimonial-slider #customers-testimonials.owl-carousel .owl-dots { display: inline-block; width: 100%; text-align: center; } .tetimonial-slider #customers-testimonials.owl-carousel .owl-dots .owl-dot { display: inline-block; } .tetimonial-slider #customers-testimonials.owl-carousel .owl-dots .owl-dot span { background: #8cba45; display: inline-block; height: 20px; margin: 0 2px 5px; transform: translate3d(0px, -50%, 0px) scale(0.3); transform-origin: 50% 50% 0; transition: all 250ms ease-out 0s; width: 20px; } .online-test-container .page-content .tetimonial-slider h2 { font-family: Montserrat; font-weight: 500; font-size: 30px; line-height: 37px; text-align: center; margin: 45px 0 0; display: inline-block; width: 100%; color: #252525; } .tetimonial-slider .owl-next, .tetimonial-slider .owl-prev { position: absolute; top: 45%; bottom: 0; left: 0; width: 30px; font-size: 20px; color: #fff; text-align: center; filter: alpha(opacity=1); opacity: 1; /*background: url(../images/practice/prev.png) 0 center no-repeat;*/ height: 30px; background: #fff; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25) } .tetimonial-slider .owl-next { left: auto; right: 0; /*background:url(../images/practice/next.png) 0 center no-repeat;*/ } .tetimonial-slider .owl-next:hover, .tetimonial-slider .owl-prev:hover { background: #8cba45 } .tetimonial-slider .owl-prev:hover:before, .tetimonial-slider .owl-next:hover:before { color: #fff } .tetimonial-slider .owl-next .fal, .tetimonial-slider .owl-prev .fal { color: #7e7e7e } .tetimonial-slider .owl-next .fal { position: relative; left: 2px; } .tetimonial-slider .owl-next:before, .tetimonial-slider .owl-prev:before { content: "\f054"; position: relative; top: 6px; left: 2px; color: #7E7E7E; } .tetimonial-slider .owl-next, .tetimonial-slider .owl-prev { font-family: "Font Awesome 5 Pro"; font-size: 16px !important; margin: 0; } .tetimonial-slider .owl-prev:before { content: "\f053"; left: -1px; } /*End testimonial slider*/ /*Start faq*/ .faq-section .tabs-left { border-bottom: none; width: 190px; float: right; /*border: 1px solid #E6E6E6; border-radius: 5px;*/ } .faq-section .tabs-left>li { float: none; margin: 0px; } .faq-section .tabs-left>li a { background: #FFFFFF; padding: 15px; /*border-top: 1px solid #E6E6E6;*/ box-sizing: border-box; cursor: pointer; border-radius: 0; font-style: normal; font-weight: 600; font-size: 16px; line-height: 22px; color: #8A8A8A; margin: 0; border: 1px solid #E6E6E6; /*border-left: 1px solid #E6E6E6;border-right: 1px solid #E6E6E6;*/ } .faq-section .tabs-left>li a svg { vertical-align: middle; width: 16px; height: 16px; top: -1px; position: relative; margin-right: 6px } .faq-section .tabs-left>li.active>a, .faq-section .tabs-left>li.active>a:hover, .faq-section .tabs-left>li.active>a:focus { background: linear-gradient(to right, rgb(0 176 155 / 0.85), rgb(150 201 61 / 0.85)); /*box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);*/ font-family: Nunito; color: #FFFFFF; /*border-top: 1px solid #8cba45;border-right:1px solid #8cba45;border-left: 1px solid #8cba45;*/ } .faq-section .tabs-left>li>a:hover { /*border-left: 1px solid #8cba45 !important; border-right: 1px solid #8cba45 !important;border-bottom: 1px solid #8cba45 !important;border-top:0;*/ /*box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);*/ color: #8A8A8A; background: #92ce6775; } .faq-section .nav-tabs>li>a:hover { line-height: 1.42857143; } .faq-section .tabs-left>li:nth-child(1) a { border-radius: 5px 5px 0px 0px; } .faq-section .tabs-left>li:nth-child(2) a { /*border-left: 1px solid #E6E6E6;border-right: 1px solid #E6E6E6;border-bottom: 1px solid #E6E6E6;border-top:0;*/ border-radius: 0 0 5px 5px } .faq-section { padding: 50px 0; display: inline-block; width: 100%; } .faq-section h3 { font-family: Montserrat; font-style: normal; font-weight: 600; font-size: 30px; line-height: 37px; text-align: center; color: #252525; margin-bottom: 30px } .faq-section .accordion .panel { background: #FFFFFF; border: 1px solid #E8E8E8 !important; box-sizing: border-box; border-radius: 5px; padding: 0 !important; margin-bottom: 20px !important; } .faq-section .accordion .panel-default>.panel-heading .collapsed h4 { font-family: Nunito; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; color: #8A8A8A; } .faq-section .accordion .panel-default>.panel-heading { padding: 8px 20px !important } .faq-section .accordion .panel-collapse { font-family: Nunito; font-style: normal; font-weight: normal; font-size: 14px; line-height: 19px; color: #636363; padding: 15px 20px; } .faq-section .panel-heading a:before { top: 10px; } .shadow_on { background: #FFFFFF; box-shadow: 0px 1.5px 6px rgba(0, 0, 0, 0.15); border-radius: 5px; } .faq-section .accordion .panel-heading a:before { display: none; } .faq-section .accordion .panel-heading a svg { stroke-width: 1; float: right; position: relative; top: 3px; color: #929292; width: 32px; height: 32px; } .faq-section .nav-tabs>li.active>a, .faq-section .nav-tabs>li.active>a:hover { border: none; } .faq-section .tabs-left>li.active>a { border: 1px solid transparent !important } .faq-section .accordion .panel-heading a i { color: #777; font-weight: bold; float: right; margin-left: 5px; position: relative; top: 8px; } /*End faq*/ /*Start Footer*/ .footer-section { background: #454C51; padding: 45px 0 20px 0 } .online-test-container .page-content .footer-section h2 { font-weight: 600; font-size: 14px; line-height: 19px; color: #FFFFFF !important; margin-bottom: 10px } .footer-section ul li a { font-weight: normal; font-size: 14px; line-height: 19px; color: #C4C4C4; display: block; /*background: #5a5f6373; padding: 5px 15px;*/ margin: 0 } .footer-section ul li a:hover { color: #8cba45; text-decoration: underline; cursor: pointer; } .footer-section .middle-section { padding: 20px 0 0 0; border-bottom: 1px solid #8D8D8D; margin-bottom: 20px } .footer-section .middle-section li { display: inline-block; margin: 0 } .learn.course-detail footer .social-media { position: relative; top: 0 !important; left: 0 !important; text-align: right; } .footer-section .middle-section li a:hover, .footer-section .middle-section li a { display: inline-block; background: none; padding: 0 } .footer-section .middle-section li em { font-style: normal; display: inline-block; color: #C4C4C4; margin: 0 5px; font-weight: normal; } .footer-section .middle-section li a:hover { text-decoration: underline; } .footer-section .middle-section img { position: relative; top: 10px; } .footer-section .middle-section .col-sm-6 { padding: 0 } .footer-section .middle-section .col-sm-6:last-child { padding: 0; text-align: right; } .social-media li { display: inline-block; vertical-align: middle; margin: 0 10px !important } .footer-section ul.social-media li a { margin: 0; background: none; padding: 0; } .footer-section ul.social-media li a:hover { background: none } /*.footer-section ul li a:hover {background: #6f8da287;text-decoration: none;}*/ .social-media li span { width: 18px; height: 18px; color: #CFCFCF; } .social-media li span svg { stroke-width: 1.2; } .social-media li span svg:hover { color: #8cba45; cursor: pointer; } /*Footer Footer*/ /*See all*/ /*Breadcrum*/ /* Style the list */ ul.breadcrumb { padding: 20px 0; list-style: none; background-color: initial; margin: 0 } /* Display list items side by side */ ul.breadcrumb li { display: inline; font-size: 11px; color: #fff; font-weight: 600; } /* Add a slash symbol (/) before/behind each list item */ ul.breadcrumb li+li:before { padding: 8px; color: black; content: ">\00a0"; } /* Add a color to all links inside the list */ ul.breadcrumb li a { color: #0275d8; text-decoration: none; font-weight: 600; font-size: 12px; line-height: 16px; color: #fff; text-transform: capitalize; } /* Add a color on mouse-over */ ul.breadcrumb li a:hover { color: #666; text-decoration: underline; } .breadcrumb svg { margin: 0 2px; width: 14px; height: 14px; top: 3px; position: relative; } /* Top Banner see all*/ .comm-see-all { background: linear-gradient(243.8deg, #DEFFDB 0%, rgba(241, 241, 241, 0) 100.48%); padding-bottom: 0 } .comm-see-all .top-banner { padding: 5px 0; } .comm-see-all .top-banner h1 { font-size: 24px; line-height: 29px } .comm-see-all .top-banner h1 i { margin-right: 10px; position: relative; top: 0px; font-size: 17px; cursor: pointer; } .comm-see-all .top-banner h1 svg { color: #919191; position: relative; top: 4px; margin-right: 8px } .comm-see-all .top-banner .banner-img { top: -37px; } .testReport-body .comm-see-all .top-banner .banner-img { opacity: 1 } /*Main content*/ .main-section { padding: 40px 0 } /*Sidebar*/ .sidebar { width: 200px; display: inline-block; padding-top: 35px } .sidebar .list-group-item { padding: 12px 5px } .sidebar a.list-group-item { font-weight: 600; font-size: 14px; line-height: 19px; color: #6C6C6C; background: none; border: none; border-top: 1px solid #EAEAEA; cursor: pointer; } .sidebar span:first-child a.list-group-item { border-top: 0 } .sidebar .panel { box-shadow: none; } .sidebar a.list-group-item svg { width: 15px; height: 15px; position: absolute; top: 15px; right: 3px; } a.list-group-item-success.active-list, .active-list, .sidebar a.list-group-item:hover { color: #8cba45 !important } #demo3, #SubMenu1 { margin-left: 15px } .sidebar #demo3 a.list-group-item { border-top: 0; } .sidebar #SubMenu1 a.list-group-item:hover, .sidebar #SubMenu1 a.list-group-item.active-list { background: #ECECEC; border-radius: 3px; font-weight: normal; font-size: 14px; line-height: 19px; color: #807F7F !important; padding: 11px 23px; } .sidebar #SubMenu1 a.list-group-item { padding: 11px 23px; font-weight: normal; margin: 3px 0; } .sidebar a.innner-dropdown-list { padding-left: 40px; padding-top: 0; color: #6C6C6C; border: none; } .sidebar a.innner-dropdown-list:hover { color: #8cba45 !important } .sidebar a.innner-dropdown-list span svg { width: 15px; height: 15px; position: absolute; top: 2px; right: auto; left: 20px; } /* { right: -70%; opacity: .5; position: absolute; content: ""; top: 50%; right: -70%; width: 70%; height: 10px; background-color: #02cfd1; opacity: .5; content: ''; position: absolute; left: calc(-30% + 2px); width: 10px; height: 10px; border-top: solid 1px #02cfd1; border-right: solid 1px #02cfd1; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg);}*/ .right-content { width: 760px; display: inline-block; margin-left: 50px; vertical-align: top; } .right-content .nav-pills li a { font-weight: 600; font-size: 12px; line-height: 16px; text-align: center; color: #686868; border: 1px solid #E1E1E1; box-sizing: border-box; border-radius: 59px; background: initial; -webkit-text-fill-color: initial !important; cursor: pointer; padding: 5px 20px; margin-right: 15px } .right-content .nav-pills { display: inline-block; width: 100%; /* clear: both; */ text-align: right; } .right-content .nav-pills li { display: inline-block; float: none; } .right-content .nav-pills li.active a, .right-content .nav-pills li a:hover, .right-content .nav-pills li.active a:hover, .right-content .nav-pills li.active a:focus { background: #FFBA33; border-radius: 59px; border-color: #FFBA33; color: #fff } /*.practice-test-box{background: #FFFFFF; box-shadow: 0px 1.5px 6px rgba(0, 0, 0, 0.15); border-radius: 5px;width: 100%;padding:20px;margin-top:30px} */ .practice-test-box.last-practiced-test { margin-top: 0; /* border:1px solid #fff; */ } .practice-test-box.last-practiced-test .package-name { position: relative; top: -1px; } .practice-test-box.last-practiced-test .last-tests { padding-left: 0; background: none } .right-content .panel-group .panel:hover { background: #FFFFFF; border: 1px solid #8cba45; box-sizing: border-box; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); border-radius: 5px; } .practice-test-box.last-practiced-test .Live { background: #63B51E; font-weight: normal; font-size: 8px; line-height: 14px; color: #FFFFFF; border-radius: 51px; padding: 1px 11px; margin-left: 8px; position: relative; top: -2px } .practice-test-box.last-practiced-test .Expired { background: #f33c3e; font-weight: normal; font-size: 8px; line-height: 14px; color: #FFFFFF; border-radius: 51px; padding: 1px 11px; margin-left: 8px; position: relative; top: -2px } .practice-test-box.last-practiced-test .Upcoming { background: #efa103; font-weight: normal; font-size: 8px; line-height: 14px; color: #FFFFFF; border-radius: 51px; padding: 1px 11px; margin-left: 8px; position: relative; top: -2px } .right-content .panel-group .panel .panel-coll:before { font-family: 'Font Awesome 5 Pro'; content: "\f078"; float: right; transition: all 0.5s; position: relative; top: 30px; color: #767676; right: 10px; } .practice-test-box.last-practiced-test .green-btn, .practice-test-box.last-practiced-test .blue-btn { background: #26D27F; border-radius: 5px; color: #fff; min-width: 125px; padding: 5px 15px } .practice-test-box.last-practiced-test .green-btn:hover { background: #fff; border: 1px solid #26D27F; color: #26D27F } .practice-test-box.last-practiced-test .blue-btn { background: #8cba45 } .practice-test-box.last-practiced-test .blue-btn:hover { background: #fff; border: 1px solid #8cba45; color: #8cba45 } .practice-test-box.last-practiced-test .chapter-name { margin-bottom: 10px } .practice-test-box.last-practiced-test .last-test-details { padding: 15px 20px; box-shadow: none; } .practice-test-box.last-practiced-test .last-test-details a { text-decoration: none; } .practice-test-box.last-practiced-test .last-test-buttons { right: 45px } .practice-test-box.last-practiced-test .scoring-details span { font-weight: normal; font-size: 11px; line-height: 15px; color: #8E8E8E; } .right-content .subject-chapters .title { padding: 5px 0px 10px 40px } .right-content .subject-chapters li { line-height: 22px; padding: 0px 0 1px 6px; font-size: 12px } .panel-collapse.collapse.in { border-top: 1px solid #eee !important; } .outer-subject-chapters { width: 100%; display: inline-block; } .right-content .subject-chapters { margin: 0 0 15px 0; padding: 0; width: 100%; /* width: 90%;*/ } .right-content .test-schedule { border-bottom: 1px solid #EEEEEE; padding: 0; margin: 0; min-height: initial; display: inline-block; width: 100%; } .right-content .test-schedule h6, .outer-subject-chapters h6.testTypeColor { margin: 2px 0px 4px 0px; font-size: 10px; font-weight: normal; color: #b5b0b0; } .outer-subject-chapters h6.testTypeColor { margin: 10px 15px 0; display: none; } .right-content .test-schedule p { color: #057596; margin-top: -3px; } .right-content .status-live { background: #42ce6e; color: #fff; padding: 2px 15px; border-radius: 15px; margin-left: 5px; } .test-sch-details { padding: 10px 15px 10px 0 } .milestones-div.launch_date_div { position: relative; right: 1px; top: 0; background: url(../images/practice/cal4.png) no-repeat 0 0; width: 30px; background-size: 28px; font-size: 0; height: 30px; text-align: center; display: inline-block; vertical-align: top; } .t-date { font-weight: 500; font-size: 12px; position: relative; top: -2px; } .right-content .subject-chapters .title { border-bottom: 1px solid #efa103; padding: 10px 0 10px 35px; font-style: normal; font-weight: 600; font-size: 12px; line-height: 19px; text-transform: uppercase; padding-left: 40px; margin-bottom: 8px; position: relative; } .right-content .subject-chapters .total-que { font-style: normal; font-weight: 600; font-size: 12px; line-height: 16px; text-transform: capitalize; position: absolute; right: 5px; top: 12px; } .right-content .subject-chapters.chemistry .title { background: url(../images/practice/chemistry.png) no-repeat 5px 8px; border-color: #e12a48; } .right-content .subject-chapters.physics .title { background: url(../images/practice/physics.png) no-repeat 5px 8px } .right-content .subject-chapters.mathematics .title { background: url(../images/practice/mathematics.png) no-repeat 5px 8px; border-color: #8cba45 } .right-content .subject-chapters.biology .title { background: url(../images/practice/biology.png) no-repeat 5px 8px; border-color: #8cc445 } .right-content .subject-chapters.default .title { background: url(../images/practice/default.png) no-repeat 5px 8px; border-color: #9e9e9e } .panel-coll:before { font-family: 'Glyphicons Halflings'; content: "\e114"; float: right; transition: all 0.5s; position: relative; top: 30px; color: #767676; right: 10px; } .online-test-container .page-content .packages-screen .box-desc h2 { font-size: 15px } .drop-up, header.header .user .dropdown.open .drop-down { display: none; } header.header .user .dropdown.open .drop-up { display: inline-block; } .drop-up, header.header .user .dropdown svg { stroke-width: 1px; } .courses-section { padding: 50px 0 20px; display: inline-block; width: 100%; height: auto; background: linear-gradient(130.82deg, #7B76C5 1.61%, #8FBCFF 100%) } .courses-section .col-sm-4 { padding: 0 20px; display: inline-block; float: none; text-align: left; vertical-align: top } .online-test-container .page-content .courses-section h2, .page-content .courses-section h2 { text-align: center; } .online-test-container .page-content .courses-section h2 { margin: 0 0 30px 0; color: #fff !important; font-family: Montserrat } .courses-section .inner-container { padding: 0 57px; text-align: center; } .courses-section .inner-container .key-features { text-align: left; } .course-packages { background: #FFFFFF; border: 1px solid #E8E8E8; box-sizing: border-box; border-radius: 5px; -webkit-transition: all .2s .1s linear; -moz-transition: all .2s .1s linear; -o-transition: all .2s .1s linear; transition: all .2s .1s linear; overflow: hidden; position: relative; padding: 15px 20px; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15); margin-bottom: 45px } .course-packages:hover { background: #FFFFFF; border: 1px solid #8cba45; box-sizing: border-box; box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.2); border-radius: 5px; } .course-packages h3 { font-family: Montserrat; font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px; margin: 15px 0; color: #8cba45; } .course-packages h4 { font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 12px; line-height: 15px; text-align: center; border-top: 1px solid #ccc; padding: 12px 0; color: #282828; text-transform: uppercase; } .course-packages p { font-family: Nunito; font-style: normal; font-weight: 300; font-size: 13px; line-height: 18px; color: #252525; } /*.key-features ul{height: 105px;overflow: hidden;}*/ .key-features li { /*background: url(../images/practice/bullet-1.png) 0 4px no-repeat;*/ padding: 4px 5px 4px 0; text-align: left; list-style: disc; } .key-features li ul, .key-features li ol { padding-left: 15px } .course-packages .price { font-family: Nunito; font-style: normal; font-weight: bold; font-size: 16px; line-height: 22px; margin-top: 10px; text-align: center; /* identical to box height */ color: #252525; } .course-packages .price-old { font-family: Nunito; font-style: normal; font-weight: normal; font-size: 13px; line-height: 18px; text-decoration-line: line-through; color: #A3A3A3; } .fill-blue-btn { background: #8cba45; border-radius: 3px; color: #fff !important; min-width: 107px; padding: 7px 16px 4px; display: inline-block; text-decoration: none; cursor: pointer; border: 1px solid #8cba45; /* line-height: 20px; */ vertical-align: top; } .fill-blue-btn:hover { text-decoration: none; border: 1px solid #8cba45; color: #8cba45 !important; background: #fff; } .course-packages .blue-btn { display: inline-block; min-width: 107px; vertical-align: top; } .course-packages .text-center { border-top: 1px solid #ccc; padding-top: 15px; margin-top: 15px; } .top-tar-skill span { font-family: Nunito; font-style: normal; font-weight: normal; font-size: 11px; line-height: 15px; border-right: 1px solid #d6d5d5; color: #252525; width: 48%; display: inline-block; margin-right: 7px; vertical-align: top; } .top-tar-skill span em { font-style: normal; color: #777777 } .top-tar-skill span:last-child { border: none; float: right; width: 48%; margin: 0; text-align: right; } /*.panel-scroll{height:450px}*/ #exTab1 .panel-group { margin-bottom: 0; } #exTab1 .right-content .nav-pills li.active a, .right-content .nav-pills li a:hover { color: #fff; -webkit-text-fill-color: #fff !important; } #exTab1 .right-content .nav-pills { position: relative; top: -15px } #exTab1 .mCSB_container { padding: 0 10px } .mt-practice-details-instruction-popup .modal-dialog { width: 680px } .mt-practice-details-instruction-popup .modal-content { border-radius: 5px } .mt-practice-details-instruction-popup .modal-header, .mt-practice-details-instruction-popup .modal-body { padding: 30px 45px 15px } .mt-practice-details-instruction-popup .modal-header { padding-bottom: 0; padding-top: 35px } .mt-practice-details-instruction-popup .modal-header h4 { font-family: Montserrat; font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px; color: #383838; text-align: left; } .mt-practice-details-instruction-popup .modal-header img { margin: -5px 8px 0 0; } .mt-practice-details-instruction-popup .modal-body ol li { list-style: none; font-family: Nunito; font-style: normal; font-weight: normal; font-size: 15px; line-height: 25px; color: #252525; } .mt-practice-details-instruction-popup .modal-body ol { border: 1px solid #E7E7E7; border-radius: 10px; padding: 25px 40px } .modal .best { font-family: Montserrat; font-style: normal; font-weight: 600; font-size: 20px; line-height: 24px; text-align: center; color: #FFBA33; } .modal .btn.btn-primary { background: #8cba45; border-radius: 5px !important; font-family: Nunito; font-style: normal; font-weight: 600; font-size: 15px; line-height: 20px; text-align: center; color: #FFFFFF; border: 1px solid #8cba45 !important } .modal .btn.btn-primary:hover { background: #fff; color: #8cba45 } .modal .modal-footer .btn.btn-default { background: #C5C5C5 !important; border-radius: 5px !important; font-family: Nunito; font-style: normal; font-weight: 600; font-size: 15px; line-height: 20px; text-align: center; color: #FFFFFF !important; border: 1px solid #C5C5C5 !important; } .modal .btn.btn-default:hover { background: #fff !important; color: #C5C5C5 !important } .modal .modal-footer button.btn { padding: 7px 20px !important; min-width: 118px; height: auto; margin: 0 10px; } .modal.mt-practice-details-instruction-popup button.close { position: relative; opacity: 1; background: none; width: auto; height: auto; /* background: #8cba45; */ /* width: 33px; */ /* height: 23px; */ top: -2px; right: 7px; border-radius: 50px; color: #646464; padding: 0 0; background-image: none !important; text-indent: 0px; font-size: 26px; font-weight: normal; } .modal.mt-practice-details-instruction-popup .close-icon { top: 0; } .min-feat-content { height: 88px; overflow: hidden; } .packages-screen .call-to-action-section .call-text { padding-right: 190px; } .packages-screen .call-to-action-section .call-button { position: absolute; right: 45px; top: 58px; } .inner-query-courses { text-align: center; padding: 50px 0; background: #f1f4f6; } .online-test-container .page-content .inner-query-courses h2 { font-style: normal; font-weight: 300; font-size: 26px; line-height: 35px; color: #2F2F2F; /* margin: 0 0 20px; */ font-family: Montserrat; font-weight: 600; font-size: 30px; line-height: 37px; text-align: center; margin: 0 0 5px 0; display: inline-block; width: 100%; color: #252525; } .inner-query-courses p { color: #1E9FC5; font-size: 15px; font-weight: 600; } .inner-query-courses p em { font-style: normal; color: #636363; margin: 0 7px; } .course-packages.mh-cet h3 { color: orange; } .course-packages.mh-cet:hover { border-color: orange } .course-packages.neet h3 { color: green; } .course-packages.neet:hover { border-color: green } .course-packages.jee-main h3 { color: #20a3ca; } .course-packages.neet .blue-btn { color: green; border-color: green; } .course-packages.neet .fill-blue-btn:hover { color: green !important; border-color: green; background: none !important } .course-packages.neet .blue-btn:hover { background: green; color: #fff } .course-packages.neet .fill-blue-btn { background: green; border-color: green; } .progress { overflow: initial; } .progress .progress-bar { background: #8cba45; position: relative; } .progress .progress-bar span { position: absolute; right: -30px; background: #8cba45; padding: 2px 22px; border-radius: 20px; top: -28px; /*z-index: 99999;*/ font-weight: normal; font-size: 12px; line-height: 16px; color: #FFFFFF; } .progress-dot { width: 2px; height: 2px; background: #f00 } .progress .progress-bar span.progress-dot { width: 8px; height: 8px; top: -3px; display: block; font-size: 0; padding: 2px !important; border-radius: 0 !important; right: 0; } .top-banner .btn.dropdown-toggle { padding: 0 } .last-test-buttons.last-sec { margin: 0 15px; padding: 10px 0; text-align: center; border-top: 1px solid #eee !important } .stats-box:nth-child(1) .round-progress-bar .round-progress circle { stroke: rgba(25, 189, 155, 0.11) } .stats-box:nth-child(2) .round-progress-bar .round-progress circle { stroke: rgba(155, 90, 182, 0.11) } .stats-box:nth-child(3) .round-progress-bar .round-progress circle { stroke: rgba(230, 127, 34, 0.11) } /*.stats-box:nth-child(4) .round-progress-bar .round-progress circle{stroke:rgba(155, 90, 182, 0.11)}*/ .package-detail-banner { background: linear-gradient(258.38deg, #66DCFF 0%, #A59FFF 100%) !important } .package-detail-banner .top-banner h1, .package-detail-banner .top-banner p { color: #fff } .package-detail-banner .top-banner .inner-banner { padding: 0 250px 60px 0; } /*.package-detail-banner .package-banner{background:url('../images/practice/jee-bg.png') no-repeat 93% center}*/ .package-top { margin-top: -70px; } .package-top .nav { width: 100%; background: #FFFFFF; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); border-radius: 5px; padding: 0 70px; width: 100% } .package-top .nav li { margin: 0 50px; } .package-top .nav li a { animation: none; font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 14px; line-height: 17px; /*text-transform: uppercase;*/ color: #8C8C8C; border: none; padding: 15px 10px; border-bottom: 3px solid #fff; background: none; -webkit-text-fill-color: initial !important; } .package-top .nav li.active a, .package-top .nav li:hover a, .package-top .nav-pills>li.active>a:hover { color: #8cba45; -webkit-text-fill-color: #8cba45 !important; border-bottom: 3px solid #8cba45; cursor: pointer; background: none; font-weight: 500 } .package-top .nav li a span { color: #8C8C8C; vertical-align: middle; /* font-size: 10px; */ margin-right: 6px; } .package-top .nav li a span svg { width: 20px; height: 20px; } .package-top .nav li.active a span, .package-top .nav li:hover a span { color: #8cba45; } .package-content { padding: 15px 0 40px 0 } .package-content h3 { font-family: Montserrat; font-style: normal; font-weight: 600; font-size: 16px; line-height: 22px; color: #252525; } .package-content p { font-size: 14.5px; line-height: 26px; color: #707070; } .package-columns { overflow: hidden; background: #fff; /* border: 1px solid #e4e4e4; padding: 10px 20px; border-radius: 5px;*/ /* text-align: center; */ margin: 25px -10px; } .package-columns .column { float: left; width: 25%; padding: 10px; /* border-right: 1px solid #ccc; */ text-align: center; background: none !important; height: auto } .package-columns .column h2 { margin: 0; font-size: 17px } .package-columns .column p { font-size: 14px } .package-content .courses-section { padding: 30px 0; display: inline-block; width: 100%; height: auto; background: #f7fdff; min-height: auto; margin-top: 5px; } .faq-section .accordion .panel:nth-child(2) { opacity: .6; } .faq-section .accordion .panel:nth-child(3) { opacity: .5; } .faq-section .accordion .panel:nth-child(4) { opacity: .4; } .faq-section .accordion .panel:nth-child(5) { opacity: .2; } .faq-section .accordion .panel:nth-child(n+6) { display: none; } .faq-section .accordion .panel.shadow_on { opacity: 1 !important } .faq-section .accordion .panel.shadow_off:nth-child(1) { opacity: 0.7 } #show-more-faq.icon, #show-more-faq-payment { background: #fff !important; color: #8cba45!important; -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, .15), 0 5px 10px rgba(0, 0, 0, .05)!important; box-shadow: 0 15px 25px rgba(0, 0, 0, .15), 0 5px 10px rgba(0, 0, 0, .05)!important; cursor: pointer; display: inline-block; min-height: 1em; outline: 0; border: none; vertical-align: baseline; background: #e0e1e2 none; color: rgba(0, 0, 0, .6); font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif; margin: 0 .25em 0 0; padding: 17px 18px; text-transform: none; text-shadow: none; font-weight: 700; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; border-radius: .28571429rem; box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease; transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease; will-change: ''; -webkit-tap-highlight-color: transparent; border-radius: 100px; margin-top: -45px; z-index: 9; } .show-less { margin-top: 0 !important; } .online-test-container .page-content .package-content .stats .stats-box { text-align: center; width: 24.5% } .online-test-container .page-content .package-content .stats .stats-box h2 { font-size: 16px; margin: 5px 0; } .stats-box.average-score .progress { height: 15px; border-radius: 36px; margin: 0; } .stats-box.average-score .progress .progress-bar { line-height: 15px; font-size: 12px; transition: width .4s ease-in-out; border-radius: 36px; } .stats-box.average-score .progress .progress-bar span, .stats-box.average-score .progress .progress-bar span.progress-dot { display: none; } .packages-screen .main-tabs .tab-content>.tab-pane .col-sm-4 { padding: 0 30px; } .packages-screen .main-tabs .tab-content>.tab-pane .col-sm-4 .key-features li { white-space: nowrap; width: 95%; overflow: hidden; text-overflow: ellipsis; } .course-packages.mh-cet .blue-btn { color: orange; border-color: orange; } .course-packages.mh-cet .fill-blue-btn:hover { color: orange !important; border-color: orange; background: none !important } .course-packages.mh-cet .blue-btn:hover { background: orange; color: #fff } .course-packages.mh-cet .fill-blue-btn { background: orange; border-color: orange; } .practice-page .top-banner h1, .practice-pack-deta-banner h1, .test-series-package h1 { color: #fff; } .practice-page .top-banner p, .practice-pack-deta-banner p, .test-series-package p { color: #fff } .banner-img { opacity: 0.2 } .banner-img img { width: 75% } .practice-pack-deta-banner { min-height: 190px } .practice-page, .practice-pack-deta-banner, .test-series-package { background: linear-gradient(258.38deg, #D7BEFF 0%, #FF8EA5 100%); margin-bottom: 35px; /*min-height: 225px*/ } ul.breadcrumb i { color: #fff } .test-series-package { background: linear-gradient(258.38deg, #3EACEB 0%, #3CE79F 100%); } .test-series-package .top-banner .banner-img { opacity: 1 } .result-status.result-table .progress { height: 16px; border-radius: 15px; width: 100%; overflow: hidden; } .online-test-container .page-content .why-mstitute h2 { font-family: Montserrat; font-weight: 600; font-size: 30px; line-height: 37px; text-align: center; margin: 45px 0 0; display: inline-block; width: 100%; color: #252525; border: none; } .study-mstitute { padding: 20px 34px 30px; border: 1px solid #d7d7d7; border-radius: 5px; margin-bottom: 30px; text-align: left; } .study-mstitute h3 { font-weight: 700; font-size: 18px; margin: 0 0 15px 0; line-height: 25px; } .why-mstitute .study-mstitute p, .why-mstitute p { margin: 0; color: #252525; font-size: 13.5px; line-height: 20px; text-align: left; } .why-mstitute p { text-align: center; margin-bottom: 35px } .my-cart-footer { background: #262626; text-align: center; } .my-cart-footer ul li { display: inline-block; padding: 15px 0; color: #fff; margin-right: 10px } .my-cart-footer ul li img { width: 45px } .course-objective { background: #fff; padding: 15px 40px; width: 100%; display: inline-block; box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.15); border-radius: 5px; } .course-objective .co-left { float: left; width: 72%; } .course-objective .co-right { float: right; width: 26%; text-align: right; padding-left: 20px; } .p-old { font-size: 24px; line-height: 28px; text-align: right; text-decoration-line: line-through; margin-top: 20px; color: #B3B3B3; font-family: 'Roboto', sans-serif; } .p-new { /* font-family: Roboto; */ font-family: 'Roboto', sans-serif; line-height: 42px; text-align: right; color: #FFBA33; padding-top: 15px; font-size: 36px; position: relative; top: -2px; } .p-new small { border: 2px solid #8cba45; box-sizing: border-box; border-radius: 29px; display: inline-block; padding: 3px; min-width: 90px; color: #8cba45; font-weight: bold; font-size: 14px; line-height: 19px; text-align: center; position: relative; top: -6px; } .course-objective a { background: #8cba45; border-radius: 3px; /* font-family: Nunito; */ font-weight: bold; font-size: 15px; line-height: 28px; color: #FFFFFF; border: 0; text-transform: uppercase; padding: 3px 20px; /* min-width: 200px; */ margin-top: 35px; cursor: pointer; display: inline-block; } .exam-details .exam-d h3 { font-weight: 500; font-size: 18px; line-height: 25px; padding: 15px 5px; color: #fff; margin: 0; background: #eee; } .exam-details .exam-d .details { font-size: 14px; line-height: 19px; padding: 10px 20px; height: 85px; font-weight: 600; /* min-height: 10em; */ display: table-cell; vertical-align: middle; width: 100vw; margin: 0 auto; color: #000; } .exam-details .exam-d .details p { margin: 0; color: initial; } .exam-details .exam-d .details { font-size: 14px; line-height: 19px; padding: 10px 20px; height: 85px; font-weight: 600; /* min-height: 10em; */ display: table-cell; vertical-align: middle; width: 100vw; margin: 0 auto; color: #000; } .exam-details .column:first-child .exam-d h3 { background: #FFBA33; } .exam-details .column:first-child .box { background: #FFE1A6; } .exam-details .column:nth-child(2) h3 { background: #3B5998; } .exam-details .column:nth-child(2) .box { background: #B1CAFF; } .exam-details .column:nth-child(3) h3 { background: #94C857; } .exam-details .column:nth-child(3) .box { background: #CDFB97; } .exam-details .column:nth-child(4) h3 { background: #FE4465; } .exam-details .column:nth-child(4) .box { background: #FFC6D0; } .download-btn { padding: 0; display: inline-block; width: 100%; } .download-btn a { background: none; display: inline-block; color: #fff; border-radius: 35px; border: 0; margin-right: 20px; font-size: 12px; font-weight: 600; cursor: pointer; /* padding: 5px 10px; */ } .download-btn a.btn1 { background: #FFB700; } .download-btn a.btn2 { background: #8cba45; } .download-btn i { margin-right: 6px; } .package-content .test-report h3 { padding-left: 5px } .my-profile .profile-wrapper .col-sm-9.p-right { padding: 25px 30px 0 } .subscribe-section { position: absolute; right: -47px; top: 15px; } .subscribe-section span { transform: rotate(50deg); transform-origin: right, top; -ms-transform: rotate(50deg); -ms-transform-origin: right, top; -webkit-transform: rotate(50deg); -webkit-transform-origin: right, top; /* position: absolute; */ color: #fff; float: right; background: linear-gradient(258.38deg, #3dc5ca 0%, #3ebed5 100%); padding: 6px 40px; font-size: 14px; } .main-tabs .nav-tabs.subjects.status .btn-default:hover, .main-tabs .nav-tabs.subjects.status .btn-default:focus { background: initial; box-shadow: none; } .main-tabs .nav-tabs.subjects.status .nya-bs-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 145px } .main-tabs .nav-tabs.subjects.status .btn-group.open .dropdown-toggle { box-shadow: none; background: none; border-color: #cccccc5c } .nya-bs-select.btn-group .dropdown-menu { text-align: left; } .main-tabs .nav-tabs.subjects.status .dropdown-menu>li>a { padding: 3px 12px; margin: 3px 0 } .main-tabs .nav-tabs.subjects.status .nya-bs-select.btn-group .dropdown-menu { border: none; margin-top: 4px; } .main-tabs .nav-tabs.subjects.status .nya-bs-select.btn-group .dropdown-menu.inner { overflow: initial; } /* .nya-bs-select .dropdown-toggle*/ .main-tabs .nav-tabs.subjects.status .btn-default { border-color: #cccccc5c } .main-tabs .nav-tabs.subjects.status .dropdown-menu>li>a:hover, .main-tabs .nav-tabs.subjects.status .dropdown-menu>li>a:focus { background: #3eb6dd; color: #fff } .responsive-logo { display: none } header .navbar-default { background: none; border: none; box-shadow: none; margin: 0; } header #navbar { padding: 0 } header #navbar1 { padding: 0 } header .logo { position: relative; top: 0; } .heading-title { display: none; } .last-practiced-test .last-test-buttons .green-btn span, .last-practiced-test .last-test-buttons .blue-btn span { display: none; } header .menu ul li.nav-mobile-user, header .menu ul li.profile, header .menu ul li.buy-package, header .menu ul li.logout { display: none; } .mobile-chapterwise-section { display: none } .no-found-msg { padding: 100px 0; text-align: center; color: black; font-size: 14px } .profile-mob-layout { display: none; } .last-practiced-test .last-test-buttons .green-btn span.view-mob, .last-practiced-test .last-test-buttons .blue-btn span.view-mob { display: inline-block; } .fixed-arrow-back { display: none; } .inner-test-typename { display: none; } .top-progress-barin { margin: 10px 0 20px 0; } .N-login { background: url('../images/sujok-bg.jpg') 0 0; background-size: cover; height: 100vh; background-repeat: no-repeat; } .N-login .main-container { position: relative; /*background-color:rgba(0, 0, 0, 0.6);*/ height: 100vh } .N-login .login { width: 800px; border-radius: 8px; text-align: left; display: flex; flex-direction: column; justify-content: center; } .N-login .outer-login { display: flex; height: 100vh } .N-login .login-left { width: 350px; display: inline-block; /*background:#8cba45 url('../images/BG.png') center center;*/ vertical-align: top; display: flex; flex-direction: column; justify-content: center; align-items: center; border-top-left-radius: 15px; border-bottom-left-radius: 15px; background-repeat: no-repeat; background-image: linear-gradient(to right, rgb(0 176 155 / 0.85), rgb(150 201 61 / 0.85)) } .N-login .login-right { width: 450px; display: inline-block; display: flex; flex-direction: column; justify-content: center; background: rgb(255 255 255 / 85%); border-top-right-radius: 15px; border-bottom-right-radius: 15px; padding: 55px } .N-login #login-form, .N-login #msform { clear: both; padding: 0; display: flex; background: none; text-align: left; margin-top: 20px; } .N-login #logo-new img { width: 14vw; margin-bottom: 2vw; } .N-login #logo-new { text-align: center } .N-login .fs-title { font-size: 27px; color: #292929 !important; margin: 0 0 30px; font-weight: 600 !important; } .N-login .login input.form-control, .N-login .login #msform input.form-control, .N-register #msform ol.form-control { border: none; border-bottom: 1px solid #878787; box-shadow: none; padding: 5px 2px; margin-bottom: 0; font-size: 13px; font-weight: 500; /*color: #f00;*/ background: none; } .N-register #msform ol.form-control button { background: none; border: none; width: 100% !important; padding: 0; font-size: 13px; font-weight: 500; } .N-register #msform ol.form-control .nya-bs-select .dropdown-toggle.show-special-title .special-title { color: #606060 } .N-login #login-form p.social-icons a, .N-login #msform p.social-icons a .login input::placeholder, .N-login .login #msform input::placeholder { color: #60606054 } .N-login .login input.form-control::placeholder, .N-login .login #msform input.form-control::placeholder { font-size: 13px } .N-login #login-form a, .N-login #msform a { color: #8A8A8A; font-weight: 500; font-size: 0.8vw; margin-bottom: 1.5vw; display: inline-block; text-decoration: none; /*border-radius: 30px*/ } .N-login #login-form a:hover, .N-login #msform a:hover { text-decoration: none; } .N-login .social-icons { padding: 0; margin: 0; } .N-login #login-form .action-button, .N-login #msform .action-button { border-radius: 100px; background: linear-gradient(to right, rgb(0 176 155), rgb(150 201 61)) !important; font-weight: 600; letter-spacing: 0.5px; min-width: 105px; font-size: 13px; margin: 15px 10px; display: inline-block; width: auto; line-height: initial; padding: 8px; } .N-login #login-form .action-button:hover, .N-login #msform .action-button:hover { background: linear-gradient(to right, rgb(150 201 61), rgb(0 176 155)) !important; } .N-login .fa-facebook { background: #3B5998; color: white; } .N-login #login-form .fa, .N-login #msform .fa { padding: 20px; font-size: 30px; width: 50px; text-align: center; text-decoration: none; margin: 5px 2px; } .N-login #login-form .fa:hover, .N-login #msform .fa:hover { opacity: 0.7; } .N-login #login-form .fa-google, .N-login #msform .fa-google { background: #DC4E41; color: white } .N-login #login-form p.social-icons a, .N-login #msform p.social-icons a { font: normal normal normal 14px/1 FontAwesome; color: #fff !important; font-size: 15px; padding: 0; width: 30px; margin: 0; height: 30px; line-height: 30px; cursor: pointer; vertical-align: middle; border-radius: 100%; display: inline-block; } .N-login #login-form p.social-icons a .fa, .N-login #msform p.social-icons a .fa { vertical-align: middle; } .N-login #login-form p.social-icons span, .N-login #msform p.social-icons span { margin: -1px 5px -1px 0; font-weight: 600; color: #8A8A8A; font-size: 12px } .N-login #login-form p.social-icons span:first-child, .N-login #msform p.social-icons span:first-child { margin: -2px 5px; display: inline-block; vertical-align: middle; } .N-login #login-form .new-register a, .N-login #msform .new-register a { display: inline-block; text-transform: uppercase; margin-left: 5px; text-decoration: none !important; font-weight: 600; color: #8cba45; font-size: 12px; margin-bottom: 0; } #msform p.new-register { margin: 0; } .N-login .new-register span { font-weight: 500; font-size: 0.9vw; color: #8a8a8a; } .N-login .label-container { padding-left: 21px; top: 2px; padding-bottom: 0; line-height: initial; } .N-login .label-container span { color: #8A8A8A; font-weight: 500; font-size: 11px; display: inline-block; text-decoration: none; } .N-login .login .label-container input { width: 15px; height: 15px; margin: 0px; display: block; min-height: initial; top: 4px; } .N-login .label-container input:checked~.checkmark, .N-login .label-container .checkmark { width: 15px; height: 15px; margin: 0; top: -1px; } .N-login .label-container .checkmark:after { left: 4px; top: 1px; width: 5px; height: 10px; } /* .N-register #msform .login-right { padding-bottom:0 }*/ .N-register #msform fieldset { padding: 0 !important; box-sizing: border-box; width: 100%; position: relative; background: none } .N-register #msform fieldset .field-text span { color: #8A8A8A; font-weight: 500; font-size: 0.8vw; margin-bottom: 1.5vw; display: inline-block; text-decoration: none; border-radius: 30px; } .N-register #msform fieldset .field-text span a { text-decoration: none; margin-bottom: 0 } .N-register #msform .fs-title { margin-bottom: 30px } .N-register #msform fieldset .digit label { text-align: center; font-size: 15px; color: #8cba45; font-weight: 600; background: none; padding: 0 } .N-register #msform fieldset.step2 .digit label { text-align: left; } /*Step 1*/ .N-register #msform fieldset.step1 .field-text span { margin-bottom: 0; top: 5px; } .N-register #msform fieldset.step1 .action-button, .N-register #msform fieldset .action-button { position: relative; width: auto !important } .N-register #msform fieldset.step2 .action-button { width: 46% } .N-register #msform fieldset.step1 label, #msform fieldset.step2 label { background: none } /*Step 2*/ .N-register #msform fieldset.step2 .verified-div { margin: 0; width: 100%; } .N-register #msform fieldset.step2 { text-align: center; } .N-register #msform .step2 .fs-title, .step2 .digit, #msform .step2 p { text-align: left; } /*need to check*/ /*.N-register #msform fieldset.step2 .verified-div input{background-color: #F2F2F2;padding: 5px 10px;width: 100%;border: none;display: inline-block;height: 5vh;margin: 0.5vw 0.5vw 1vw 0; font-size: 1vw;font-weight: 600;color: #25b6e2;} */ .N-register #msform fieldset.step2 .verified-div input { background-color: #8cba4554; padding: 5px 10px; width: 100%; border: none; display: inline-block; height: 35px; margin: 5px 0; font-size: 15px; font-weight: 600; color: #128465; } /*{ margin: 1vw 0 0 0; width: 100%; font-size: 14px; font-weight: 600; color: #8A8A8A;}*/ .N-register #msform .step2 p a { font-size: 13px; margin-bottom: 1.5vw; color: #8cba45; font-weight: 600; cursor: pointer; text-decoration: underline; } /*Step3*/ .N-register #msform .step3 a { color: #8A8A8A; font-weight: 500; font-size: 12px; margin-bottom: 0; display: inline-block; text-decoration: none; /* border-radius: 30px; */ display: block; margin: 1px 0; padding: 4px 15px; } .N-register #msform .step3 .dropdown-menu>li>a:hover, .N-register #msform .step3 .dropdown-menu>li>a:focus { color: #262626 !important; text-decoration: none; background-color: #7cb34754; } .N-register #msform .step3 .fs-title { font-size: 17px; } .N-register #msform fieldset.step3 .action-button { position: relative; width: auto !important/*;float: right;*/ } .N-register #msform fieldset.step3 .place-wrapper .dropdown-menu li a { border-radius: 0; display: block; margin: 0; } .N-register #msform fieldset.step3 .place-wrapper .dropdown-menu { max-height: 200px; overflow-y: auto; height: auto; } /*Step4*/ .N-register #msform .step4 .action-button { float: right; margin-left: 15px } .N-register #msform fieldset.step4 .btn-items ul li { padding-right: 0 } /*.N-register #msform fieldset.step4 .btn-items.prepare-items ul li { margin-bottom:3vw;width:33.33%; }*/ .N-register #msform fieldset.step4 ul li p { text-align: center; margin-top: 4px !important; } .N-register #msform fieldset.step4 label { text-align: center; } .N-register #msform fieldset.step4 .btn-items.prepare-items ul li .btn-group label.selected-prepare { background: #8cba45; border: 1px solid #8cba45; } .N-register #msform .action-button.next { /*margin-left:20px;*/ margin-bottom: 5px } .N-register #msform .step1 .action-button.next { display: block; margin: 20px auto 5px; } .N-register #msform .action-button.previous { background: #6D6D6D !important; } .N-register #msform input.form-control, .N-register #msform ol.form-control { height: auto; } .N-register #msform ol.form-control button { box-shadow: none !important } .N-register #msform input.form-control::placeholder { font-size: 13px } .N-register #msform fieldset label { color: #333; display: block; font-weight: 500; margin-bottom: 5px; text-align: left; border-radius: 4px; display: inline-block; height: auto; line-height: 24px; background: #f8f8f8; } .N-register #msform fieldset label h5 { margin: 5px 0; font-size: 14px } #msform fieldset.step4 .fs-title { margin-bottom: 20px } .N-register #msform fieldset.step4 label h5 { margin: 0; } .N-register #msform fieldset .select-wrap label.btn.btn-default.selected { background: #8cba45; border: 1px solid #8cba45; } .outer.register-page { margin: 0 auto; width: auto; display: flex; height: 100vh; } .questionModelPreview .modal-content { border-radius: 6px; box-shadow: 0px 1.5px 6px rgba(0, 0, 0, 0.15); border: none } .not-subscribed { text-align: center; margin: 80px auto; } .not-subscribed h3 { font-size: 18px; color: #d8d8d8; } .progressbar, .progressbar .progress { margin-bottom: 0 } /************************ Online Live Classes Module ************************/ .liveClassroom .online-test-container .page-content .live-class-list h2{margin:0} .liveClassroom .live-classroom-banner {/*background: linear-gradient(243.8deg, #E5E3FF 0%, #FFE99C 0%, #FFB341 100.48%);*/ background: linear-gradient(243.8deg, #E5E3FF 0%, #FFE99C 0%, #FFB341 100.48%);} .liveClassroom .livec-top-banner{/*margin: 0 auto;width: 1015px;*/padding: 60px 0 94px;position: relative;} .liveClassroom .livec-top-banner h1 {margin: 0;font-family: Montserrat;font-size: 30px;line-height: 37px;color: #fff;font-weight: 600;} .liveClassroom .livec-top-banner .banner-img {position: absolute;right: 0;top: 26%;text-align: right;opacity: 1} .liveClassroom .livec-top-banner .banner-img img{width:100%} .liveClassroom .live-classess-tabs{position: relative;top:-45px;} .liveClassroom .live-classess-tabs li{margin:0 10px 0 0;} .liveClassroom .live-classess-tabs .nav-pills li a{padding:10px 25px;font-style: normal;font-weight: 600;text-align: center;color: #fff;font-size: 18px;line-height: 25px;border-radius: 5px 5px 0px 0px;background: #8cba45;-webkit-text-fill-color: #fff !important;border:none;cursor: pointer;} .liveClassroom .live-classess-tabs .nav-pills li.active a, .liveClassroom .live-classess-tabs .nav-pills li:hover a{background: #FFFFFF;color: #8cba45;background: #fff;-webkit-text-fill-color: #8cba45 !important;} .liveClassroom .live-classess-tabs .package-content ul{max-height:200px;overflow-y:auto;} .liveClassroom .live-classess-tabs .package-content ul, .liveClassroom .live-classess-tabs .package-content ul li a:hover, .liveClassroom .live-classess-tabs .package-content ul li a{border-radius:0 !important} .liveClassroom .live-classess-tabs .package-content ul li a{cursor:pointer;color: #9D9D9D;border-color:#c6c6c6;text-transform:capitalize;} .liveClassroom .live-classess-tabs .package-content ul li{margin-right:0} .liveClassroom .package-content{padding:30px 0 0} .liveClassroom .package-content.tab-content .tab-pane{position: relative;} .liveClassroom .chapter-subject a.main-drop{border-radius:5px} .liveClassroom .lc-filters{margin:0 0 25px 0;} .liveClassroom .chapterwise-slider{margin:0 -13px;} .liveClassroom .live-class-list{position: relative;} .liveClassroom .rounded-btn-seeAll{display: inline-block;} .liveClassroom .rounded-btn-seeAll a {background: #FE4465;border-radius: 5px;color: #fff;border: none;padding: 5px 15px;font-size: 15px;border:1px solid #FE4465;display: inline-block;text-decoration:none} .liveClassroom .rounded-btn-seeAll a svg{ width: 18px; height: 18px; vertical-align: middle; position: relative; top: -2px; margin-right: 5px;} .liveClassroom .rounded-btn-seeAll a:hover{background: #fff;color: #FE4465;border-color: #FE4465} .liveClassroom .live-class-list .carousel-col {width: 23%;margin:1%;padding-bottom: 30px;position: relative;min-height: 1px;padding: 5px;float: left;} .liveClassroom .live-class-list .chapterName-slide {background: #FFFFFF;height: 225px;/* box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15); */box-shadow: 0px 1.5px 6px rgba(0, 0, 0, 0.15); border-radius: 5px;padding: 16px;width: 100% !important;-webkit-transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;-o-transition: all .3s ease 0s; transition: all .3s ease 0s;} .liveClassroom .live-class-list .chapterName-slide:hover{box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15)} .liveClassroom .live-class-list.recurring-classes .chapterName-slide{background:#DAF3FD;height:243px} .liveClassroom .live-class-list .live-text {background: #1c87c9;border-radius: 27px;font-weight: 600;font-size: 10px;line-height: 14px;color: #FFFFFF;display: inline-block;padding: 1px 11px;position: absolute;right: 15px;top: 20px;animation: glowing 1300ms infinite;} .liveClassroom .live-class-list .expired-text {background: #f33c3e;} .liveClassroom .live-class-list .live-date {font-weight: 300;font-size: 12px;line-height: 16px;color: #7C7C7C; display: block;} .liveClassroom .live-class-list.recurring-classes .live-date {font-weight: bold; font-size: 12px;line-height: 16px;color: #767676;display: inline-block;background: #c2e8f7; padding: 7px 11px;border-radius: 50px;margin-right:5px;width: 30px;height: 30px} .liveClassroom .live-class-list .chapterName-slide .live-faculty {font-weight: 600;font-style: normal;font-size: 12px;line-height: 16px;font-style: normal;color: #686868;border-top: 1px solid #D8D8D8;padding: 8px 0;margin: 8px 0 4px;display: block;text-transform:capitalize} .liveClassroom .live-class-list.recurring-classes .chapterName-slide .live-faculty{border-color:#A1D6EB} .liveClassroom .live-class-list .chapter-name-slide {display: block;font-weight: 600;font-size: 16px;line-height: 19px;color: #252525;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;cursor: pointer;margin:15px 0 2px 0} .liveClassroom .duration-tag{display: flex;flex-direction: row;justify-content: space-between;margin: 10px 0 0 0;} .liveClassroom .live-class-list .chapterName-slide .queText{display: block;} .liveClassroom .live-class-list .chapterName-slide .queText i {font-weight: 600;font-size: 12px;line-height: 16px;font-style: normal;color: #989898} .liveClassroom .live-class-list .chapterName-slide .queText svg {width: 13px;height: 13px;color: #989898; vertical-align: middle;} .liveClassroom .live-class-list .package-name span { background:#bcdbf3;border-radius: 27px;font-size: 9px;line-height: 14px;color: #727272;padding:1px 8px;display: inline-block;} .liveClassroom .live-class-list .package-name span.chemistry, .liveClassroom .pass-classes-list .pass-classes-tag.chemistry{background: linear-gradient(247.97deg, #FDA141 0%, #FFBB4C 100%);color: #fff} .liveClassroom .live-class-list .package-name span.biology, .liveClassroom .pass-classes-list .pass-classes-tag.biology{background: linear-gradient(90deg, #EF5151 0%, #FD8989 100%);color: #fff} .liveClassroom .live-class-list .package-name span.mathematics, .liveClassroom .pass-classes-list .pass-classes-tag.mathematics{background: linear-gradient(162.79deg, #24C2C6 0%, #63E1E4 100%);color: #fff} .liveClassroom .live-class-list .package-name span.english, .liveClassroom .pass-classes-list .pass-classes-tag.english{background: linear-gradient(162.7deg, #63C984 0%, #75E098 100%);color: #fff} .liveClassroom .live-class-list .package-name span.science, .liveClassroom .pass-classes-list .pass-classes-tag.science{background: linear-gradient(162.7deg, #2DADE3 0%, #58CFFB 100%);color: #fff} .liveClassroom .live-class-list .carousel-control.left,.live-class-list .carousel-control.right{width: auto;} .liveClassroom .join-class,.liveClassroom .live-btn{background: linear-gradient(261.15deg, #FE4465 0%, #FF83B7 100%); border-radius: 3px;font-style: normal;font-weight: 600;font-size: 14px;line-height: 19px;padding:5px;text-align: center;color: #FFFFFF;display: block;cursor: pointer;border:1px solid transparent; } .liveClassroom .join-class:hover,.liveClassroom .live-btn:hover{border:1px solid #FE4465;color: #FE4465;background:linear-gradient(261.15deg, #fff 0%, #fff 100%);text-decoration: none;} @keyframes glowing { 0% { background-color: #2ba805; box-shadow: 0 0 5px #2ba805; } 50% { background-color: #49e819; box-shadow: 0 0 10px #49e819; } 100% { background-color: #2ba805; box-shadow: 0 0 5px #2ba805; } } @-moz-keyframes glowing { 0% { background-color: #2ba805; box-shadow: 0 0 5px #2ba805; } 50% { background-color: #49e819; box-shadow: 0 0 10px #49e819; } 100% { background-color: #2ba805; box-shadow: 0 0 5px #2ba805; } } @-webkit-keyframes glowing { 0% { background-color: #2ba805; box-shadow: 0 0 5px #2ba805; } 50% { background-color: #49e819; box-shadow: 0 0 10px #49e819; } 100% { background-color: #2ba805; box-shadow: 0 0 5px #2ba805; } } .liveClassroom .enroll-now{background: linear-gradient(261.15deg, #45D4FF 0%, #8A83FF 100%);} .liveClassroom .enroll-now:hover{border:1px solid #45D4FF;color: #45D4FF} .liveClassroom .enrolled-btn{background:#FFBA33;font-size:13px;line-height: inherit;} .liveClassroom .enrolled-btn:hover{border:1px solid #FFBA33;color: #FFBA33} .liveClassroom .learn-hr {border-bottom: 1px solid #EBEBEB;margin: 15px auto 25px auto;} /*Enrolled-class*/ .enrolled-icon { position: absolute; right: 15px; top: 20px; } .enrolled-icon svg{ width: 18px; height: 18px; color: #FE4465;} /*.liveClassroom .mob-live-classes{display: none;}*/ /*Pass classes tab*/ .liveClassroom .pass-list{margin-top:35px} .liveClassroom .pass-classes-list{display: flex;flex-direction: row;justify-content: space-between;background: #FFFFFF;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); border-radius: 5px;background: url(../images/practice/live-class-icon.png) 20px center no-repeat; padding:15px 15px 15px 80px;align-items: center;margin:0 0 25px 0;} .liveClassroom .pass-classes-list .pass-classes-tag {background: #d5edff /*#E8F1F8*/;border-radius: 27px;font-size: 9px;line-height: 14px;color: #727272;padding: 2px 7px;display: inline-block;width:70px;text-align: center;} .liveClassroom .pass-classes-list .watch-again{background: #26D27F;padding:5px 25px} .liveClassroom .pass-classes-list .watch-again:hover{background: #fff;border-color: #26D27F;color: #26D27F} .liveClassroom .pass-classes-list .passs-lesson{font-weight: 500;font-size: 15px;line-height: 20px;color: #252525;margin-bottom: 5px;display: inline-block;} .liveClassroom .pass-cl-date,.pass-duartion,.pass-auther{font-weight: normal;font-size: 12px; line-height: 15px;color: #252525;margin:0 15px 0 0;} .liveClassroom .pass-duartion svg {color: #25B6E1;width: 13px;height: 13px;stroke-width: 1.4;vertical-align: middle;margin: -1px 1px 0 0;} .liveClassroom .pass-auther i{color: #f00;font-size: 14px;font-weight:500;font-style:normal;} .liveClassroom .panel-coll:before {display: none;} .liveClassroom .responiveSecotionLiveClassRoom{display: none;} /* --- Sample Usage --- */ .dot { width: var(--dot-size); height: var(--dot-size); background-color: white; border-radius: 50%; display: inline-block; } /* --- Animation --- */ /* Define animation keyframes */ @keyframes blink { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } /* Minimal example */ .dot--basic { animation: blink 2s infinite; } /* Run animation once */ .dot--once { animation: blink 2s 1; /* animation-iteration-count: 1; */ } /* Wait 4s before running the animation */ .dot--delayed { animation: blink 2s infinite 4s; /* animation-delay: 4s; */ } /* Use frames with "from" and "to" */ @keyframes choppyBlink { from { opacity: 0; } to { opacity: 1; } } .dot--choppy { animation: choppyBlink 2s infinite; /* animation-name: choppyBlink; */ } /* Animate multiple properties (transform and color) */ @keyframes pulse { 0%, 100% { transform: scale(0) translateY(-75%); background-color: blue; } 33% { background-color: orange; } 50% { transform: scale(1.125) translateY(0); background-color: red; } } .dot--pulse { animation: pulse 8s infinite; } /* Disable animation if user prefers reduced motion */ @media (prefers-reduced-motion: reduce) { .dot { animation: none; } } .sample-item { --dot-size: 0.5rem; --offline-color: #8aa6af; --offline-text-color: #666; /* display: inline-flex; */ /* align-items: center; */ /* border: 2px solid red; */ /* border-radius: 4px; */ /* padding: .5rem 1rem; */ border-radius: 27px; font-weight: 600; font-size: 10px; line-height: 14px; color: #FFFFFF; display: inline-block; padding: 1px 7px; position: absolute; right: 15px; top: 20px; line-height: initial; background: red; } .sample-item strong{line-height: initial; position: relative; top: 1px; margin-right: 2px;} .sample-item--offline { border-color: var(--offline-color); color: var(--offline-text-color); } .sample-item--offline .dot { animation: none; background-color: var(--offline-color); } .liveClassroom .chapter-subject .dropdown{vertical-align:top} .liveClassroom .chapter-subject .dropdown .filterDate{width:165px} .liveClassroom .chapter-subject .dropdown .filterDate input,.liveClassroom .chapter-subject .dropdown .filterDate button{ border: 1px solid #e2e2e2; padding: 6px 20px;border-radius: 5px;color: #686868;cursor: pointer;display: block;text-decoration: none;vertical-align: middle;line-height: normal;position: relative;line-height: initial;height: auto;box-shadow: none;font-size:13px} .liveClassroom .chapter-subject .dropdown .filterDate button:hover, .liveClassroom .chapter-subject .dropdown .filterDate button:focus {background-color: #fff} .liveClassroom .chapter-subject .dropdown .input-group-addon{background:none} .liveClassroom .chapter-subject .dropdown.clear-filter button{border: 1px solid #999; padding: 6px 20px;border-radius: 5px;color: #fff;cursor: pointer;display: block; text-decoration: none;vertical-align: middle;line-height: normal; position: relative;line-height: initial;height: auto; box-shadow: none;font-size: 13px; background-color: #999} .liveClassroom .chapter-subject .dropdown.clear-filter button.active{border: 1px solid #26B7E1;background:#26B7E1} /*Enrolled Classes*/ .liveClassroom.enrolledClasses .livec-top-banner {padding: 25px 0 70px} .liveClassroom.enrolledClasses .livec-top-banner .banner-img{top:-6px} .liveClassroom.enrolledClasses .enrolled-section{padding:35px 0} .liveClassroom.enrolledClasses .chapter-section-drop{top:-66px} .liveClassroom.enrolledClasses .livec-top-banner h1 i {margin-right: 10px;position: relative; top: 0px;font-size: 17px} .liveClassroom.enrolledClasses .live-class-list .carousel-col{margin:0 1% 2%} .template-header .container {display: flex;justify-content: space-between} .template-container,.preCourseTemplate1 .inner-container{width: 1065px;margin:0 auto;} .template-header .theader-left,.template-header .theader-right {display: flex; align-self: center;width: 50%;} .template-header .theader-left .search {align-self: center} .template-header .theader-right{justify-content: flex-end;} .template-header .search-box {position: relative;width: 100%;max-width: 220px;height: 35px; border-radius: 120px;margin: 0 auto;} .template-header .search-icon,.template-header .go-icon {position: absolute;top: 0;height: 35px;width: 56px;line-height: 36px;text-align: center; /* font-weight: normal; */} .template-header .search-icon {left: 0; pointer-events: none; font-size: 15px; } .template-header .si-rotate {transform: rotate(0deg);-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);} .template-header .search-border {display: block;width: 100%;max-width: 225px;height: 35px;} .template-header .border {fill: none;stroke: #e3e3e3;stroke-width: 2;stroke-miterlimit: 10;} .template-header .border { stroke-dasharray: 740; stroke-dashoffset: 0; transition: stroke-dashoffset 400ms cubic-bezier(0.600, 0.040, 0.735, 0.990); -webkit-transition: stroke-dashoffset 400ms cubic-bezier(0.600, 0.040, 0.735, 0.990); -moz-transition: stroke-dashoffset 400ms cubic-bezier(0.600, 0.040, 0.735, 0.990); -o-transition: stroke-dashoffset 400ms cubic-bezier(0.600, 0.040, 0.735, 0.990); } .template-header .border-searching .border { stroke-dasharray: 740; stroke-dashoffset: 459; transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.150, 0.205, 1.000); -webkit-transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.150, 0.205, 1.000); -moz-transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.150, 0.205, 1.000); -o-transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.150, 0.205, 1.000); } .template-header #search {width: 100%;height: 100%;border-radius: 120px;border: 1px solid #ececec;background: rgba(255,255,255,0);padding: 0 6px 0 48px;color: #515151;font-size: 14px;font-weight: 400;letter-spacing: -0.015em;outline: none;} .template-header #search::-webkit-input-placeholder {color: #515151;font-weight: normal;} .template-header #search::-moz-placeholder {color: #515151;font-weight: normal;} .template-header #search:-ms-input-placeholder {color: #515151;font-weight: normal;} .template-header #search:-moz-placeholder {color: #515151;font-weight: normal;} .template-header #search::-moz-selection {color: #515151; background: rgba(0,0,0,0.25);font-weight: normal;} .template-header #search::selection {color: #515151; background: rgba(0,0,0,0.25);font-weight: normal;} .template-header .sign-in,.sign-up{color: #515151;padding:10px 25px;border-radius: 5px;background: #fff;border:1px solid #f3f3f3;font-size:14px;text-decoration:none;} .template-header .sign-in:hover{text-decoration: none;color: #fff;background: #425b76;} .template-header .sign-up:hover{text-decoration: none;color: #fff;background: #425b76;} .template-header .sign-up{background: #fff;border:1px solid #f3f3f3;color: #515151;margin-left:15px} .template-header .category-dropdown {align-self: center;margin: 0 30px;} .template-header .category-dropdown .btn{background: none;padding: 6px 0;font-size: 15px} .template-header .category-dropdown .dropdown-item{display: block;} .template-header .category-dropdown a.dropdown-item {display: block;padding: 5px 12px;text-decoration: none; color: #515151;} .template-header .category-dropdown a.dropdown-item:hover{background: #f4f4f4} /*.category-dropdown .dropdown-toggle::after {display: inline-block;width: 0;height: 0;margin-left: .255em;vertical-align: .255em;content: "";border-top: .3em solid;border-right: .3em solid transparent; border-bottom: 0;border-left: .3em solid transparent;}*/ .template-header .category-dropdown .ti-angle-down{position: relative;top: 2px;margin-left:5px;} /*Template inner course detail*/ .preCourseTemplate1{font-family:'Montserrat' !important} .preCourseTemplate1 .package-content{padding-bottom:0} .preCourseTemplate1 .main-section{padding:0} .preCourseTemplate1 .template-1{font-family:'Montserrat';font-size:14px} /*template-intro*/ .preCourseTemplate1 .template-intro{background: linear-gradient(265.92deg, #925AFF -88.06%, #1CB5E0 -88.04%, rgba(29, 53, 87, 0.88) 97.92%);height:415px;padding:100px 0} .preCourseTemplate1 .template-intro-left{width:560px;color: #fff;float: left;} .preCourseTemplate1 .course-name h1{font-size:36px;font-weight:600;margin:20px 0 5px} .preCourseTemplate1 .category-name{font-weight:bold;} .preCourseTemplate1 .temp-start-date{font-weight:400;font-size:16px;color: #fff;display: block;margin:8px 0;} .preCourseTemplate1 .temp-start-date em {color: #FFD749;font-size: 14px;font-style: normal;font-weight: 400;vertical-align: middle} .preCourseTemplate1 .package-content .template-intro p{color: #fff} /*Common h3 heading*/ .preCourseTemplate1 h3 {font-size: 24px;font-weight: 600;position: relative;padding-bottom: 10px;position: relative;} .preCourseTemplate1 h3 span {border-bottom: 2px solid #384F6D;display: inline-block; width: 75px;position: absolute;bottom: 0;left: 1px} /*Course Objective*/ .preCourseTemplate1 .course-objective {padding:0 0 15px 0;box-shadow:none;line-height:24px} .preCourseTemplate1 .package-content .course-objective p{font-size: 13px;line-height:22px} .preCourseTemplate1 .co-left {width: 630px} .preCourseTemplate1 .co-right {float: right;width: 348px;text-align: right;padding:0 20px; margin-top: -425px;background: #fff;border-radius: 5px;box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);border-radius: 4px; height: 635px} .preCourseTemplate1 .co-right-btns{} .preCourseTemplate1 .co-right img{margin:0 -20px;border-top-left-radius: 5px; border-top-right-radius: 5px;} .preCourseTemplate1 .package-content .course-objective .co-right p{margin:0;} .preCourseTemplate1 .course-objective a{display: block;text-align: center;text-transform: capitalize; background: #43BC68;font-weight: 600;padding: 6px 20px;margin:10px 0;border:1px solid #43BC68;border-radius:5px} .preCourseTemplate1 .course-objective a.add-to-cart{background:#F9F9F9;color:#3490A1;border:1px solid #F3F3F3} .preCourseTemplate1 .price{padding:20px 0 0 0;text-align:left} .preCourseTemplate1 .price p{margin:0;} .preCourseTemplate1 .p-new,.preCourseTemplate1 .p-old{font-family: Montserrat;display: inline-block;margin:0;padding:0;line-height:inherit;} .preCourseTemplate1 .p-new{font-size: 25px;color: #000;font-weight: 500;} .preCourseTemplate1 .p-old{font-size:18px;margin-left:15px;color: #626262; position: relative; top: -3px;} .preCourseTemplate1 .package-content .courses-section{border-radius:5px} .preCourseTemplate1 .course-objective a:hover{text-decoration:none;background: #384F6D;color: #fff;border-color:#384F6D !important} .preCourseTemplate1 .big-offer {padding: 28px 0 0 0;color: #3490A1;font-weight: bold;font-size: 14px;} .course-includes h3{font-weight: 600;font-size: 18px;line-height: 22px;text-align: left;padding: 0; margin: 25px 0 10px;} .course-includes ul{text-align: left;} .course-includes ul li{font-weight:500;font-size: 14px;line-height: 17px;padding:14px 0 14px 41px} .course-includes ul li.course-liveclasses{background: url('../images/Course-include1.png') no-repeat 0 center} .course-includes ul li.course-onlinetest{background: url('../images/Course-include2.png') no-repeat 0 center} .course-includes ul li.course-sessionrecordings{background: url('../images/Course-include3.png') no-repeat 0 center} .course-includes ul li.course-certificate{background: url('../images/Course-include4.png') no-repeat 0 center} .preCourseTemplate1 .auther-key{background: linear-gradient( 96.53deg, #0C5484 0%, #009DFF 120.06%);padding: 25px 0 70px 0} .preCourseTemplate1 .auther-key h3 {color: #fff;margin-bottom: 30px} .preCourseTemplate1 .auther-key h3 span{border-color: #fff} .preCourseTemplate1 .auther-detail {background: #FFFFFF; box-shadow: 0px 0px 6px 5px rgb(0 0 0 / 7%); border-radius: 5px;padding: 50px;width: 700px;margin: 0 auto} .preCourseTemplate1 .auther-align div {display: inline-block;} .preCourseTemplate1 .auther-name {font-size: 20px;line-height: 27px;font-weight: 600; color: #3E3E3E;} .preCourseTemplate1 .auther-designtaion {font-weight: 600;font-size: 14px;line-height: 19px;color: #595959;margin-left: 10px;border-left: 1px solid #f1f7f9;padding-left: 10px;} .preCourseTemplate1 .auther-designtaion svg {width: 16px;height: 16px;color: #59bf63;vertical-align: middle;position: relative;top: -1px;margin-right: 3px;} .preCourseTemplate1 .package-content p {font-size: 14px;line-height: 24px;color: #333;margin: 10px 0;} .preCourseTemplate1 .inner-query-courses{background: none} .preCourseTemplate1 .inner-query-courses .inner-container{background: linear-gradient( 91.88deg, #7D4294 -15.61%, #FF112D 203.69%);border-radius: 5px;padding: 45px;} .preCourseTemplate1 .inner-query-courses h2{color: #fff !important} .preCourseTemplate1 .inner-query-courses p em, .preCourseTemplate1 .inner-query-courses p a{color: #fff} .preCourseTemplate1 .before-login-faq-title{display: block;text-align:left} .preCourseTemplate1 .hide-before-login-faq-title,.before-login-faq-title{display: none;} .preCourseTemplate1 #faq_section .col-xs-3{display:none} .preCourseTemplate1 #faq_section .col-xs-9{width:100%} .preCourseTemplate1 .curiculum-section{padding:50px 0} /*-------------------------------*/ .preAllCourseList .all-courses-banner {background: url(../images/banner/previewCourseList/previewcourselist.png) no-repeat right 0 !important;background-size: cover !important;height:300px} .preAllCourseList .all-courses-banner h1{color:#fff !important} .preAllCourseList.liveClassroom .livec-top-banner { padding: 120px 0 94px;} /* changes Abhijecta 8th march 2021*/ .mysujok-inner-padding {padding-top: 15px;} .mysujok-inner .nav-pills li a {padding: 10px 25px;font-style: normal;font-weight: 600;text-align: center;color: #fff;font-size: 18px;line-height: 25px;border-radius: 5px 5px 0px 0px;background: #8cba45;-webkit-text-fill-color: #fff !important;border: none;cursor: pointer;} .mysujok-inner .nav-pills li.active a, .mysujok-inner .nav-pills li:hover a {background: #FFFFFF;color: #8cba45;background: #fff;-webkit-text-fill-color: #8cba45 !important;} .mysujok-inner .live-classess-tabs{position: relative;margin-top: -80px;} .mysujok-inner .list-margin{margin-right: 15px;} .mysujok-inner .mysujok-inner-padding .welcome-text{margin-top: 12px;} .stats-result{text-align: center;display: block;padding: 180px 0;font-size: 15px;font-weight: 700;color: #8cba45;} .course-detail-certificate{text-align: center;} .course-detail-certificate .head3{font-style: normal;font-family: inherit;font-weight: 600;font-size: 26px;line-height: 35px;color: #8cba45;} .course-detail-certificate .head5{color: #61605d;font-weight: 600;} .certificate-nav .package-top .nav li {margin: 0 20px;} .pointer-landing {cursor: pointer;} .preview-course-list{float: right;} .preview-course-list .dropdown .dropdown-menu{padding: 0;} .preview-course-list .dropdown .dropdown-toggle{margin-bottom: 5px;display: block;padding: 10px 20px;font-style: normal;font-weight: 600;text-align: center;color: #fff;font-size: 15px;line-height: 25px;border-radius: 5px 5px 0px 0px;background: #8cba45;-webkit-text-fill-color: #fff !important;border: none;cursor: pointer;} .preview-course-list .dropdown .dropdown-item {font-weight:500 !important;text-align:left !important;-webkit-text-fill-color: #515151 !important;display: block !important;padding: 10px 12px !important;text-decoration: none !important;color: #515151 !important;background: #ffffff !important;} .preview-course-list .dropdown .dropdown-item:hover {background: #f4f4f4 !important;} .icn-color-black{color: #ffffff;margin-right: 20px;} .liveClassroom .chapter-subject .dropdown.clear-filter button{border: 1px solid #00b09b!important;padding: 6px 20px;border-radius: 5px;color: #fff;cursor: pointer;display: block;text-decoration: none;vertical-align: middle;line-height: normal;position: relative;line-height: initial;height: auto;box-shadow: none;font-size: 13px;background-color: #00b09b!important;} .faq-section .accordion .panel:nth-child(2) {opacity: 1 !important;} .faq-section .accordion .panel:nth-child(3) {opacity: 1!important;} .faq-section .accordion .panel:nth-child(4) {opacity: 1!important;} .faq-section .accordion .panel:nth-child(5) {opacity: 1!important;} .faq-section .accordion .panel:nth-child(n+6) {display: none;} .faq-section .accordion .panel.shadow_on{opacity: 1 !important} .faq-section .accordion .panel.shadow_off:nth-child(1){opacity: 1 !important} .liveClassroom .live-classess-tabs .nav-pills li a {font-size: 15px !important;font-weight: 500 !important;} /*.courses-comm .course-packages.promotional {height: 386px !important;}*/ /*.preCourseTemplate1 .courses-comm .course-packages {height: 386px !important;}*/ .preCourseTemplate1 .co-right img{border-top-left-radius: 0px !important;border-top-right-radius: 0px !important;} .preCourseTemplate1 .co-right{border-radius: 0 !important;} /*.template-header .search-icon {left: 0;pointer-events: none;font-size: 15px;will-change: transform;transform: rotate(0) !important;-webkit-transform: rotate(0)!important;-moz-transform: rotate(0)!important;-o-transform: rotate(0)!important;transform-origin: center center;-webkit-transform-origin: center center;-moz-transform-origin: center center;-o-transform-origin: center center;transition: transform 400ms 220ms cubic-bezier(0.190, 1.000, 0.220, 1.000);-webkit-transition: transform 400ms 220ms cubic-bezier(0.190, 1.000, 0.220, 1.000);-moz-transition: transform 400ms 220ms cubic-bezier(0.190, 1.000, 0.220, 1.000);-o-transition: transform 400ms 220ms cubic-bezier(0.190, 1.000, 0.220, 1.000);} .template-header #search {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 120px;border: none;background: rgba(255,255,255,0);padding: 0 6px 0 48px;color: #515151;font-size: 15px;font-weight: 400;letter-spacing: -0.015em;outline: none;} */.meet-your-faculty .inner-container .auther-detail{border: 1px solid #94eaea;padding: 50px;width: 700px;margin: 0 auto;background: transparent;box-shadow: none;border-radius: 0;} .meet-your-faculty .inner-container .auther-name {color: #ffffff;} .meet-your-faculty .inner-container .auther-designtaion {color: #ffffff;} .meet-your-faculty .inner-container .myf-display-block {display: block;margin-left: 8px;margin-bottom: 5px;} .meet-your-faculty .inner-container .meet-your-faculty-img {margin-top:12px;margin-left: -103px;height: 100px;} .meet-your-faculty .inner-container .myf-mar-left{margin-left: 100px;} .meet-your-faculty .inner-container .auther-para{color: #ffffff;} .meet-your-faculty .inner-container .auther-align{display: flex;} .meet-your-faculty .inner-container .auther-para {margin: 20px 10px 0 10px;} .preCourseTemplate1 .courses-comm .course-packages h3{min-height: 55px;} .left-head{border-left: none!important;margin-left: 0 !important;} .preCourseTemplate1 .auther-designtaion svg{color: #ffffff!important;} .sign-minchul{margin-top: 10px;} .template-header .mob-resp{display: none;} /************************ Learn Module***********************************/ .learn .practice-page{background: linear-gradient(243.8deg, #C7C4FF 0%, #67DCFF 100.48%);} .learn .top-banner .banner-img img{width: 100%} .learn .top-banner .banner-img{opacity: 1;top:29%;} .learn .chapterwise-section .carousel-col{} .learn .chapterwise-slider{margin:0 -13px;} .learn .online-test-container .page-content h2 a{text-decoration:none;cursor: pointer;} .learn-tags{/*display: flex;justify-content:space-between;flex-wrap: wrap;*/margin:0 -5px;} .learn .learn-next-section button{ border-radius: 5px;padding: 15px;border: none;color: #fff;-webkit-transition: .2s ease-out;-moz-transition: .2s ease-out;transition: .2s ease-out;margin: 3px 5px;white-space: nowrap;width: 160px;overflow: hidden;text-overflow: ellipsis;} .learn .learn-next-section button:hover{box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25) !important;} /*.learn .learn-next-section button:nth-child(1){background: linear-gradient(247.97deg, #FDA141 0%, #FFBB4C 100%)}*/ .learn .learn-next-section button:nth-child(1){background: linear-gradient(247.97deg, #FDA141 0%, #FFBB4C 100%);} .learn .learn-next-section button:nth-child(2){background: linear-gradient(90deg, #EF5151 0%, #FD8989 100%);} .learn .learn-next-section button:nth-child(3){background: linear-gradient(162.79deg, #24C2C6 0%, #63E1E4 100%);} .learn .learn-next-section button:nth-child(4){background: linear-gradient(162.7deg, #63C984 0%, #75E098 100%);} .learn .learn-next-section button:nth-child(5){background: linear-gradient(162.7deg, #2DADE3 0%, #58CFFB 100%);} .learn .learn-next-section button:nth-child(6){background: linear-gradient(162.7deg, #18DB89 0%, #08BC5B 100%);} .learn .learn-next-section button:nth-child(7){background: linear-gradient(162.7deg, #26B7E1 0%, #3E7AE8 100%);} .learn .learn-next-section button:nth-child(8){background: linear-gradient(107.3deg, #FF6369 0%, #FFBDAA 100%);} .learn .learn-next-section button:nth-child(9){background: linear-gradient(107.3deg, #B18FFF 0%, #CBB4FF 100%);} .learn .learn-next-section button:nth-child(10){background: linear-gradient(107.3deg, #FF867A 0%, #80F1CF 0%, #4BDDB1 100%);} .learn .learn-next-section button:nth-child(11){background:linear-gradient(107.3deg, #74A9FF 0%, #6C63FF 100%);} .learn .learn-next-section button:nth-child(12){background: linear-gradient(107.3deg, #B9E25B 0%, #7EE18B 100%);} .learn .learn-next-section button:nth-child(13){background: linear-gradient(107.21deg, #FC97C1 0%, #F2649F 100%);} .learn .learn-next-section button:nth-child(14){background:linear-gradient(107.3deg, #EF9F85 0%, #D57A5D 100%);} .learn .learn-next-section button:nth-child(15){background:linear-gradient(107.3deg, #FF6F6F 0%, #CF3D3D 100%);} .learn .learn-next-section button:nth-child(16){background: linear-gradient(107.3deg, #94E76D 0%, #56A532 100%);} .learn .learn-next-section button:nth-child(17){background:linear-gradient(107.3deg, #A95EA7 0%, #8C348A 100%);} .learn .learn-next-section button:nth-child(18){background:linear-gradient(106.62deg, #C471F5 -4%, #F85FE8 100%);} .learn .learn-next-section button:nth-child(19){background:linear-gradient(107.3deg, #E4D257 0%, #BFAD31 100%);} .learn .learn-next-section button:nth-child(20){background:linear-gradient(107.3deg, #AA8CFF 0%, #7352CE 100%);} /*.learn .learn-next-section button:hover{background: linear-gradient(247.97deg, #0CCA91 0%, #3DAD0D 100%);box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);border-radius: 5px;color: #fff}*/ .learn .welcome-text{font-size: 20px;margin: 0 0 15px 0;line-height: initial;font-weight: normal;color: #000;} .learn .learn-hr{border-bottom:1px solid #EBEBEB;margin:15px auto 25px auto} .learn .chapterwise-section .chapterName-slide{height: 225px} .learn .chapterwise-section .chapterName-slide a.video-screenshot{margin: -16px -17px 0 -17px;display: inline-block;position: relative;} .learn .chapterwise-section .chapterName-slide a img{height: 138px !important;width: 100% !important;border-top-left-radius: 5px;border-top-right-radius: 5px;} .learn .chapterwise-section .chapterName-slide p{margin:0} /*.learn .chapterwise-section .chapterName-slide{height:auto}*/ .learn .chapterwise-section .chapterName-slide a img.video-icon{position: absolute;left: 40%;top: 33%;width: 49px !important;height: 49px !important;margin: 0;cursor: pointer} .learn .chapterwise-section .chapterName-slide a .progress{width: 100%;height: 5px;background: none;box-shadow: none;border: none;top: -20px;position: relative;} .learn .chapterwise-section .chapterName-slide a .progress .progress-bar{width:50%;background: #FE4465;} .learn .course-packages{padding:15px;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);/*margin-bottom: 0*/} .learn .course-packages:hover{border-color:#fff;box-shadow:0px 3px 20px rgba(0, 0, 0, 0.2);} .learn .course-packages a{vertical-align: top;position: relative;display: inline-block;margin: -15px -15px 0;} .learn .course-packages a img{height: 140px !important;width: 100% !important;border-top-left-radius: 6px;border-top-right-radius: 6px;} .learn .course-packages .video-icon{position: absolute;left: 38%;top: 35%;width:49px !important;height: 49px !important} .learn .course-packages h3{white-space:nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;color: #212121;font-size: 16px} .learn .course-packages .price{font-size: 15px;border-top: 1px solid #ccc;padding: 10px 0;text-align: center} .learn .course-packages .price-old{font-size: 11.5px} .learn-price-old{display: inline-block;} .learn .course-packages svg {color: #979797;width: 15px;height: 15px;stroke-width: 1.4;vertical-align: middle;margin: -3px 2px 0 0;} .learn .top-tar-skill span{color:#979797;border:none;width: auto;} .learn .top-tar-skill span:last-child{float: none;width: auto;} .learn .course-packages .text-center{border:none;padding:0;flex-direction: row;display: flex;justify-content: center;margin: 0;} .learn .course-packages .text-center a{min-width: initial;margin: 0;width: 47%;margin:0 1.5%} .learn .course-packages .text-center a.fill-blue-btn{background: #FFBA33;border-color: #FFBA33;} .learn .course-packages .text-center a.fill-blue-btn:hover{background: #fff;color:#FFBA33 !important} .learn .course-packages .text-center a.blue-btn{background:none;color:#9F9F9F;border-color:#9F9F9F} .learn .course-packages .text-center a.blue-btn:hover{background:#9F9F9F;color:#fff} .learn .package-name {display: inline-block;margin:10px 0 0 0} .learn .package-name span {background:#d5edff /*#E8F1F8*/;border-radius: 27px;font-size: 9px;line-height: 14px;color: #727272;padding: 2px 13px; margin-right: 5px;display: inline-block} .learn .rounded-btn-seeAll a{background: #FE4465;border-radius:5px;color: #fff;border: none;padding: 10px 30px;font-size: 15px;} .learn .rounded-btn-seeAll a:hover {background: #fff;border: 1px solid #fe4465;color: #fe4465} .learn .carousel-inner > .item{margin-bottom:0} .learn .mg-top{margin-top:0} .learn .chapterwise-section .chapterName-slide .queText svg{width: 13px;height: 13px;color: #989898;vertical-align: middle;} .learn .chapterwise-section .chapterName-slide .queText i{color: #989898;display: inline-block;} /*Start Chapterwise practice test*/ .learnSlider .col-centered {float: none;margin: 0 auto;} .learnSlider .carousel-control {width: 8%;width: 0px} .learnSlider .carousel-control.left,.learnSlider .carousel-control.right {margin:0;background-image: none;opacity: 1;} .learnSlider .carousel-control > a > span {color: white;font-size: 29px !important;} .learnSlider .carousel-col {position: relative;min-height: 1px;padding: 5px;float: left;padding: 0 15px} .learnSlider .active > div { display:none; } .learnSlider .active > div:first-child { display:block; } .learnSlider .carousel-control > a > span {position: absolute;top: 38% !important;bottom: 0;right: 0;width: 30px;font-size: 20px;color: #fff;text-align: center;filter: alpha(opacity=1);opacity: 1;/* background: url(../images/practice/prev.png) 0 center no-repeat; */height: 30px;background: #fff;border-radius: 100%; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25); cursor: pointer;font-family: "Font Awesome 5 Pro";font-size: 16px !important;margin: 0} .learnSlider .glyphicon-chevron-right:before {/*content: url(../images/practice/learn-next.png)*/content: "\f054";position: relative;top: 9px;left: 2px;color: #7E7E7E;} .learnSlider .glyphicon-chevron-left:before {/*content: url(../images/practice/learn-prev.png)*/ content: "\f053";position: relative;top: 9px;right: 2px;color: #7E7E7E;} .learnSlider .carousel-control > a > span:hover {background: #8cba45;} .learnSlider .carousel-control > a > span.glyphicon-chevron-left:hover:before, .learnSlider .carousel-control > a > span.glyphicon-chevron-right:hover:before{color: #fff} .learnSlider .carousel-control > a > span.glyphicon.glyphicon-chevron-right{right: 4px} .learn .learnSlider .chapterwise-slider{margin:0;} .learn .online-test-container .page-content h2.welcome-text{font-size: 17px; /* margin: 0; */ color:#f8bb33 !important; /* font-style: italic; */ font-family: 'Montserrat', sans-serif; font-weight: 500; line-height: initial;} /*====================courses=====================*/ .learn.my-courses .practice-page,.learn.Course-category .practice-page,.learn.course-detail .practice-page{min-height: 190px} .learn.course-detail .practice-page{min-height: 235px} .learn.my-courses .top-banner .banner-img,.learn.course-detail .top-banner .banner-img{top:-10%} .learn.my-courses .course-packages .text-center a{width: 100%} .learn.my-courses .chapter-section-drop{position: relative;display: inline-block;margin: 0 0 0 20px;top: -5px;} .learn.my-courses .online-test-container .page-content h2{display: inline-block;} .learn.my-courses .course-packages .text-center a.resume-course{background: #ffb646;border-color: #ffb646;color: #fff;} .learn.my-courses .course-packages h3{margin:10px 0;} .learn.my-courses .page-content .progress{height: 5px;width:100%} /*.learn.my-courses .progress .progress-bar,*/ .learn.my-courses .progress-status{margin:10px 0;} .learn.my-courses .progress-status .graph-value,.course-detail .progress-status .graph-value{font-weight: normal;font-size: 10px;line-height: 14px;color: #979797;margin-top:6px;} .learn.my-courses .chapter-subject .open > .dropdown-menu li a{cursor:pointer;} /*====================Course Category=====================*/ .Course-category .rounded-btn a {border: 1px solid #E2E2E2;display: inline-block} .Course-category .top-banner .banner-img{top:-10%} .Course-category .tetimonial-slider{margin-top:30px;} /*====================Course Detail=====================*/ .course-detail .faq-section{padding-top: 0} .course-detail .progress .progress-bar{border-top-left-radius: 5px;border-bottom-left-radius: 5px;} .course-detail .scrore-duration{display: block;} .course-detail .last-practiced-test .score{display: inline-block;} .course-detail .progress-status{display: inline-block;/*width: 200px;padding-right: 40px;*/position: relative;margin-top: 0;} .course-detail .progress{width: 100%;height: 4px;display: inline-block;} .course-detail .progress-line{display:inline-block;width: 150px} .course-detail .progress-status .graph-value{display: inline-block;position: relative;left: 3px;margin: 0;top: 1px;font-size: 13px} .course-detail .progress-status .graph-value svg{color:#26d27f} .learn.course-detail .package-name{margin:0;} .learn.course-detail .last-practiced-test .lesson{background: url('../images/practice/video-icon.png') 20px center no-repeat; padding-left: 85px;} .learn.course-detail .last-practiced-test .test{background: url('../images/practice/test-icon.png') 22px center no-repeat; padding-left: 85px;} .learn.course-detail .last-practiced-test .live-class{background: url('../images/practice/live-class.png') 16px center no-repeat; padding-left: 85px;} .course-btn{border: 1px solid #FFFFFF;box-sizing: border-box;border-radius: 5px; padding: 6px 15px;display: inline-block;color: #fff;margin:0;} .course-btn svg{width: 17px; height: 17px; color: #fff; vertical-align: middle; margin: -2px 2px 0 0; stroke-width: 1.8;} .course-btn:last-child svg { width: 14px; height: 14px; margin: -3px 0 0 0; stroke-width: 2.2;} .course-btn:hover,.share-btn:hover,.buy-btn:hover{background: #fff;color: #8C8C8D;text-decoration: none;cursor: pointer;border-color:#fff;} .course-btn:hover svg,.share-btn:hover svg,.buy-btn:hover svg{color: #8C8C8D} .share-btn{background: #20CD99;border-color:#20CD99} .buy-btn{background: #FE4465;border-color:#FE4465} .course-detail-bannre-btns{/*justify-content: space-between;*/display: flex;margin:35px 0 0;} .course-left{padding-left:35px} .course-left,.course-right{/*width: 50%*/ margin-right:20px} .course-left .course-btn,.course-left .course-btn:hover{ border: none; padding: 0; margin: 10px 15px 0 0; background: none;} .course-left .course-btn:hover,.course-left .course-btn:hover svg{color: #8C8C8C} .learn.course-detail .top-banner .progress-status{display: block;margin: -10px 0 0 0;/*width: 310px;padding-right: 115px;*/} .learn.course-detail .top-banner .progress-status .graph-value{color: #fff;/*top:22px;*/} .progress-title{color: #fff;font-size: 13px;display: block;} .course-right{text-align: right;/*padding-right:80px*/} .learn.course-detail .package-top .nav{display: flex; justify-content: space-between;} .learn.course-detail .package-top{margin-top:0;} .learn.course-detail .main-section{margin-top:-65px;padding:0 0 20px 0} .learn.course-detail .green-btn.resume{background: #FFBA33;border-color: #FFBA33} .learn.course-detail .green-btn.resume:hover{background: none;border-color:#FFBA33;color: #FFBA33 } .learn.course-detail .progress .progress-bar{background: #FE4465;box-shadow:none;border:none;border-radius:5px} /*.learn.course-detail .sidebar{padding-top:0;margin-top:45px;background:#f7f7f7;border-radius:5px;width:230px} .learn.course-detail .sidebar .panel{background:none;margin:0;} .learn.course-detail .right-content{width: 730px} .learn.course-detail .sidebar .list-group-item {padding: 20px 30px;border-bottom: 1px solid #ddd !important;border-radius: 0;color: #8f8f8f !important;font-size: 14px !important} .learn.course-detail .sidebar .list-group span:last-child .list-group-item{border-bottom:0 !important} .learn.course-detail .sidebar a.list-group-item svg {top: 22px;right: 10px;} .learn.course-detail a.list-group-item-success.active-list,.learn.course-detail .sidebar a.list-group-item:hover{background: #39C7F1;border-top-left-radius: 5px;color: #fff !important;border-bottom-left-radius: 5px;} .learn.course-detail a.list-group-item-success.active-list .arrow-right, .learn.course-detail .sidebar a.list-group-item:hover .arrow-right{ width: 0px;height: 0px;border-top: 30px solid transparent;border-bottom: 30px solid transparent;border-left: 18px solid #39c7f1;position: absolute;right: -18px;top: 0}*/ .learn.course-detail .exam-details .box{margin-bottom:0} .learn.course-detail .package-content .courses-section{margin-bottom:10px} .learn.course-detail .auther-key{position: relative;background: #fff;padding: 20px 40px;width: 100%;display: inline-block;box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.15); border-radius: 5px;margin-top: 20px;min-height:120px} .learn.course-detail .auther-key:first-child{margin-top:0} .learn.course-detail .auther-img{position: absolute;left: 40px;top: 20px;} .learn.course-detail .auther-detail{padding-left:105px} .learn.course-detail .auther-align div {display: inline-block;} .learn.course-detail .auther-name {font-size: 20px;line-height: 27px;font-weight:600;color: #3E3E3E;} .learn.course-detail .auther-designtaion{font-weight: 600;font-size: 14px;line-height: 19px;color: #595959;margin-left: 10px;border-left: 1px solid #f1f7f9;padding-left: 10px} .learn.course-detail .auther-designtaion svg {width: 16px;height: 16px;color: #59bf63; vertical-align: middle;position: relative;top: -1px;margin-right: 3px;} .learn.course-detail .auther-info p{font-weight: 500;font-size: 15px;line-height: 20px;margin:15px 0 0;color: #707070;} .learn.course-detail .practice-test-box.last-practiced-test .Live{font-size: 9px} .learn.course-detail .milestones-div.launch_date_div{right: 23px} .learn.course-detail .learn-mobile-view{display:none} .learn.course-detail .social-media {position: relative;top: 15px;left: 0;text-align: center;} .learn.course-detail .social-media li {display: inline-block;vertical-align: middle;margin: 0 5px 0 0} .learn.course-detail .social-media li a{display: inline-block;} /*.learn.course-detail .social-media li span svg {stroke-width: 1.2;width: 18px;height: 18px}*/ /*====================Lesson Detail=====================*/ body.inner.online-test.lesson{background: #202020;padding-top: 0 !important} .lesson-top{background: #313131;padding: 15px;display: flex;width: 100%;position: fixed;top: 0;right: 0;left: 0;z-index: 99;align-items: center;height: 54px;transition: all 0.4s; -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;} .lesson-top .col-sm-12{display: flex;justify-content: space-between;padding: 0 25px; align-items: center;} .lesson-top .inner-container,.lesson-middle .inner-container{width:100%;position: relative;} .lesson-top h1{font-weight: 500;font-size: 18px;color: #FFFFFF;margin:0;line-height: initial;display: inline-block;} .lesson-close{/*position: absolute;right:0;top:0;*/color: #fff;cursor: pointer} .lesson-close svg{vertical-align:middle;} .lesson-middle{background: #202020;position: relative;top: 0;padding-top: 54px;/* padding-top: 60px; *//* padding-right: 0; */padding-right: 450px;right: 0;overflow: hidden;transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s; -ms-transition: all 0.4s;} .full-width-content .lesson-middle{padding-right:0} .lesson-middle:after {position: absolute;top: 0;left: 0;bottom: 0;right: 0;content: '';z-index: -1;opacity: 1;background: #202020;} .video-info ul li{display: inline-block;margin-right:30px} .video-info ul li a button{font-weight: normal;font-size: 13px;line-height: 20px;color: #fff; background: none;border: none;padding: 15px 0;} .video-info ul li a button:hover,.video-info ul li.active a button,.video-info ul li a button:focus{color:#8cba45} .video-info ul li a button svg{vertical-align: middle;width: 18px;height: 18px;position: relative;top: -2px;margin-right: 2px;} .video-js{width: 100%;height: 100%} .online-test-container .page-content .lesson-main-title{display: inline-block} .online-test-container .page-content .lesson-main-title h2{font-size: 18px;margin:0; color: #C8C8C8 !important;font-weight: normal;display: inline-block;line-height: initial;} /*.video-inner{padding:0 15px}*/ .lesson-middle-inner{padding: 0 15px} .lesson-sidebar{background: #252525;height: 100vh;position: fixed;top: 0; right: 0;transition: 0.4s ease-in-out;-webkit-transition: 0.4s ease-in-out; height: 100%;z-index: 9;/* padding-top: 54px; overflow: hidden;*/width: 450px; top: 54px;height: calc(100% - 54px);transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);} .lesson-sidebar.close-tab-list{transform: translateX(100%);-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);}.rightTabArrow {padding: 15px 0;/* height: 62px; */display: block;background: #4B4B4B;border-radius: 3px; transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s; -ms-transition: all 0.4s;position: absolute;left: -10px;top: 50%;margin-top: -30px; width: 20px;} .lesson-sidebar .rightTabArrow svg{width: 23px;height: 23px;stroke-width: 2;color: #fff;margin: 0;} .lesson-sidebar.close-tab-list .rightTabArrow{left:-20px;} .lesson-sidebar .rightTabArrow .feather-chevron-left{display: none;} .lesson-sidebar.close-tab-list .rightTabArrow .feather-chevron-right{display: none;} .lesson-sidebar.close-tab-list .rightTabArrow .feather-chevron-left{display: block;} .full-width-content .lesson-middle .col-sm-12.col-sm-8,.full-width-content .lesson-top .col-sm-12.col-sm-8{float: none;margin: 0 auto} .lesson-sidebar .side-col{padding:0 15px 30px 15px} .lesson-sidebar .lesson-module-name, .lesson-sidebar .panel-coll.collapsed .lesson-module-name:hover{font-weight: normal;font-size: 16px; line-height: 25px;color: #fff;} .lesson-sidebar .panel-coll.collapsed .lesson-module-name{color: #C8C8C8} .lesson-sidebar .lesson-no,.lesson-sidebar .lesson-test{background:#3E3E3E url('../images/practice/lesson-video-icon.png') 8px center no-repeat;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);border-radius: 5px;padding: 15px 15px 15px 60px;margin:0 0 25px;color:#fff;text-transform:capitalize;} .lesson-sidebar .lesson-no:hover,.lesson-sidebar .lesson-test:hover,.lesson-sidebar .lesson-no.active{background:rgba(39, 124, 150, 0.75) url('../images/practice/lesson-video-active-icon.png') 8px center no-repeat; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); border-radius: 5px;cursor: pointer;} .lesson-sidebar .lesson-no a{color: #fff} .lesson-sidebar .score {display: block;font-size: 11px;position: relative;top: 5px;} .lesson-sidebar svg{width: 14px;height: 14px;vertical-align: middle;position: relative;top: -1px; margin-right: 3px;} .lesson-sidebar .lesson-test{background:#3E3E3E url('../images/practice/lesson-text-icon.png') 12px center no-repeat} .lesson-sidebar .lesson-test:hover,.lesson-sidebar .lesson-test.active{background:#256578 url('../images/practice/practice-icon-hover.png') 12px center no-repeat} .lesson-sidebar .lockedTest{background:url('../images/practice/lesson-lock-icon.png') right center no-repeat} .lesson-sidebar .lesson-completed{background:url('../images/practice/lesson-completed.png') right bottom no-repeat} .lesson-sidebar .resource-test{padding:20px 15px 20px 55px} .lesson-sidebar .panel-group{margin-bottom:0} .lesson-sidebar .panel-group .panel{background: none;border:none;margin-bottom:0;box-shadow:none;} .lesson-sidebar .panel-group .panel .panel-coll{border-bottom:1px solid #434343;padding-bottom:10px;margin-bottom:10px;cursor: pointer;} .lesson-sidebar .panel-group .panel:last-child .panel-coll{border-bottom:0;padding-bottom:0;/*margin-bottom:0*/} .lesson-sidebar .panel-collapse.collapse.in{border-top:none !important;} .lesson-sidebar .panel-coll:before{top:5px;} .panel-scroll{max-height: 1000px; overflow-y: auto;} .panel-scroll::-webkit-scrollbar{display: none;} .lesson-sidebar ul.nav-pills{ display: flex; justify-content: space-between;border-bottom:1px solid #363636;margin:0 -15px 15px} .lesson-sidebar ul.nav-pills li{width: 33.33%;text-align: center;} .lesson-sidebar .nav-pills li a{z-index:9;cursor:pointer;font-weight: 600;font-size: 16px;line-height: 22px;color: #C9C9C9 !important;border: none;background: -webkit-linear-gradient(#c9c9c9, #c9c9c9); -webkit-background-clip: text;-webkit-text-fill-color: transparent !important;padding: 7px 10px;} .lesson-sidebar .nav-pills li.active a,.lesson-sidebar .nav-pills li:hover a{background: -webkit-linear-gradient(#fff, #fff);color: #fff !important; -webkit-background-clip: text;-webkit-text-fill-color: transparent !important;border-bottom: 2px solid #8cba45} .lesson-note{width: 100%;background: rgb(49, 49, 49);padding: 20px;height: 101px;resize: none;color: rgb(255, 255, 255);font-size: 14px;border: none} .lesson-note::placeholder{font-style: italic;color:#707070} .lesson-not-btn{justify-content: space-between;display: flex;margin: 15px 0 0;} .lesson-not-btn button{width: 48%;background: #0100017d;border: none;color: #fff;padding: 6px;text-transform: uppercase;font-size: 12px;font-weight: normal;border: 1px solid #131313} .lesson-not-btn button:hover {background: none;color: #fff;border: 1px solid #fff;} .d-block {display: block!important;} #lesson-sidebar {position: fixed;height: 100%;width: 422px;top: 0;padding-top: 60px} .notes-content{text-align: center;padding: 100px 0} .notes-content p.notification-msg{padding: 15px 90px;line-height: initial} .tabsClosed{display:none;} .video-js .vjs-big-play-button{border-radius: 100px;width: auto;padding: 25px;align-items: center; background: #fff;justify-content: center;/*display: flex;*/position: relative;margin: 0 auto;top:0;left:0;} .vjs-watermark{top: 15px !important;right: 15px !important;opacity: 0.7 !important} .video-js .vjs-big-play-button .vjs-icon-placeholder:before {content: "\f101";color: #dadada; font-size: 40px;top:3px;} .video-js{display: flex;align-items: center;} .mCustomScrollBox .mCSB_scrollTools{right:-5px} .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 4px} .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{width: 2px} .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {background-color: rgb(49, 49, 49);} .mCustomScrollBox .mCSB_scrollTools{opacity: 0} .mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools, .mCustomScrollBox:hover>.mCSB_scrollTools, .mCustomScrollBox:hover~.mCSB_scrollTools, .mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity: 1} .mCSB_inside > .mCSB_container{margin-right:10px} .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: rgb(62, 62, 62) !important;} .test-inner-lesson{border: 1px solid #4b4b4b;background: #fff;color: #000;margin-bottom: 20px;border-radius: 5px;min-height:445px} .test-inner-lesson .test-panel-coll,.test-inner-lesson .test-panel-collapse{padding:20px;border-bottom:1px solid #eee} .test-inner-lesson .last-test-details.test{display: flex;justify-content: space-between; align-items: center;} .test-inner-lesson .last-tests {padding:0} .test-inner-lesson .chapter-name {font-weight: 500;font-size: 15px;line-height: 20px;display: inline-block;} .test-inner-lesson .package-name{display: inline-block;margin-left:10px} .test-inner-lesson .package-name span {background: #d5edff;border-radius: 27px; font-size: 10px;line-height: 14px;color: #727272;padding: 2px 13px;margin-right: 5px; display: inline-block;} .test-inner-lesson .Live {background: #63B51E;font-weight: normal;font-size: 8px;line-height: 14px;color: #FFFFFF;border-radius: 51px;padding: 1px 11px;margin-left: 8px; position: relative;top: -2px;} .test-inner-lesson .scoring-details {display: block;margin-top:10px} .test-inner-lesson .scoring-details span {font-weight: normal;font-size: 11px;line-height: 15px;color: #8E8E8E;display:inline-block;} .test-inner-lesson .last-test-buttons {} .test-inner-lesson .test-panel-collapse{display: flex;align-items: center;padding:0} .test-inner-lesson .test-sch-details{padding:0} .test-inner-lesson .test_schedule {width: 50%;padding:10px 20px;} .test-inner-lesson .test-sch-details h6{margin: 2px 0px 4px 0px;font-size: 10px;font-weight: normal;color: #b5b0b0;} .test-inner-lesson .test-sch-details p{color:#057596} .test-inner-lesson .outer-subject-chapters{padding: 25px 5px} .test-inner-lesson .subject-chapters{margin:0;width: 100%} .test-inner-lesson .subject-chapters li{color: #000;} .test-inner-lesson .subject-chapters .title { padding: 5px 0px 10px 40px;font-weight: 600;font-size: 12px} .test-inner-lesson .subject-chapters .total-que{font-style: normal; font-weight: 600; font-size: 12px; line-height: 16px; text-transform: capitalize; position: absolute; right: 15px; top: 5px;} .test-inner-lesson .start-test-btn{ background: #8cba45; padding: 5px 15px; border-radius: 5px; color: #fff; font-weight: 500; /* text-transform: uppercase; */ border: 1px solid #8cba45; font-size: 14px; min-width: 120px; width: auto; display: block; text-align: center;} .test-inner-lesson .start-test-btn:hover{text-decoration: none; cursor: pointer; color: #8cba45; background: #ffffff; border-color: #8cba45;} .test-inner-lesson .score {display: inline-block;font-weight: normal;font-size: 11px; line-height: 15px;color: #8E8E8E;border-right: 1px solid #ccc; padding-right: 15px; margin-right: 10px;} .test-inner-lesson .score svg {color: #8cba45;width: 15px;height: 15px;stroke-width: 1.4; vertical-align: middle;margin: -3px 2px 0 0} .test-inner-lesson .score:last-child{border:none} .lesson .online-test-container .page-content{background: none} .common-banner-view { background: linear-gradient(to right, rgb(0 176 155 / 0.85), rgb(150 201 61 / 0.85)) !important } .all-courses-banner { background: url('../images/all-courses-banner.jpg') no-repeat right 0 !important; background-size: cover !important } .sujok-view { background: url('../images/my-sujok-banner.jpg') no-repeat right 0 !important; background-size: cover !important } .sujok-view .top-banner h1, .sujok-view .top-banner p, .liveClassroom .all-courses-banner h1, .liveClassroom .all-courses-banner p, .sujok-view ul.breadcrumb li a, .sujok-view .course-btn, .sujok-view .course-btn svg, .sujok-view ul.breadcrumb li, .sujok-view span i { color: #252525 } .courses-comm .course-packages { border-radius: 15px; padding: 15px; margin-top: 15px; margin-bottom: 15px } .courses-comm .course-packages h3 { /*white-space: nowrap;width: 100%;overflow: hidden; text-overflow: ellipsis;*/ color: #212121; font-size: 16px; min-height: 45px; white-space: normal; overflow: initial; text-overflow: inherit; } .courses-comm .course-packages a { vertical-align: top; position: relative; display: block; margin: -15px -20px 0; } .courses-comm .course-packages img { height: 140px !important; width: 100% !important; border-top-left-radius: 6px; border-top-right-radius: 6px; } .courses-comm .package-content h3 { font-weight: 600; margin-bottom: 8px; margin-top: 10px; text-align: left; } .liveClassroom .courses-comm .top-tar-skill, .learn .courses-comm .top-tar-skill { border-bottom: 1px solid #ccc; margin-bottom: 15px; padding-bottom: 10px; display: flex; justify-content: space-between; height: 26px } .courses-comm .top-tar-skill span { color: #33475b; border: none; width: auto; font-weight: 600; font-family: 'Montserrat' } .courses-comm .course-packages svg { color: #33475b; width: 15px; height: 15px; stroke-width: 2; vertical-align: middle; margin: -3px 2px 0 0 } .courses-comm .top-tar-skill span:last-child { float: none; width: auto; } .courses-comm .course-packages .text-center a { min-width: initial; margin: 0; width: 47%; margin: 0 1.5%; } .courses-comm .course-packages .text-center { border: none; padding: 0; flex-direction: row; display: flex; justify-content: center; margin: 0; } .courses-comm .course-packages h4 { text-align: left; text-transform: capitalize; margin-top: 0; padding: 0; border: none; position: relative; padding-left: 38px; min-height: 75px } .courses-comm .course-packages.promotional { box-shadow: 0 2px 10px green!important } .courses-comm .course-packages h4 img { width: 30px !important; height: 30px !important; display: inline-block; margin: 0 5px 0 0; position: absolute; left: 0; top: 0; border-radius: 100% } .course-packages h4 span.starting-date, .liveClassroom .course-packages span.starting-date, .liveClassroom .course-packages span.no-lang-aval, .learn .course-packages span.starting-date, .learn .course-packages span.no-lang-aval { font-size: 12px; color: #0cb294; display: block; margin-top: 6px } .liveClassroom .course-packages span.no-lang-aval, .liveClassroom .course-packages span.starting-date.language-date, .learn .course-packages span.no-lang-aval, .learn .course-packages span.starting-date.language-date { color: #e12848 } .learn .courses-comm .course-packages { margin-bottom: 45px } .courses-comm .course-packages .price { font-size: 15px; border-top: 1px solid #ccc; padding: 10px 0; text-align: center } .courses-comm .chapter-subject .col-md-3 .dropdown { width: 100%; margin: 0; } .courses-comm .chapter-subject .col-md-3 .dropdown .filterDate { width: 100% } .courses-comm .chapter-subject .col-md-3 .dropdown .filterDate input { border-radius: 5px } .courses-comm .chapter-subject .col-md-3 .dropdown .filterDate .date input, .liveClassroom .chapter-subject .dropdown .filterDate .date input { border-top-right-radius: 0; border-bottom-right-radius: 0 } .courses-comm .course-packages .blue-btn { padding: 5px 16px 4px !important; color: #fff !important } .blue-btn, .fill-blue-btn, .green-btn, .orange-btn { background: linear-gradient(to right, rgb(150 201 61), rgb(0 176 155)) !important; border-radius: 50px; color: #fff; border: none; } .blue-btn:hover, .fill-blue-btn:hover, .green-btn:hover, .orange-btn:hover { background: linear-gradient(to right, rgb(0 176 155), rgb(150 201 61)) !important; border: none; color: #fff !important } .course-left { padding-left: 30px } .course-detail-bannre-btns { margin: 15px 0 0px 27px } .learn.course-detail .practice-page { min-height: 220px } .courses-comm .course-packages:hover { border-color: #00b09b } .footer-section { padding: 10px 0; vertical-align: middle; } .footer-section .middle-section { padding: 0; border-bottom: none; margin-bottom: 0 } .footer-bottom-text { padding: 6px 0 0 } /*For Sujok*/ .tetimonial-slider .shadow-effect { min-height: 320px } .buy-btn { background: linear-gradient(to right, rgb(0 176 155 / 0.85), rgb(150 201 61 / 0.85)); border-color: transparent; color: #fff !important; border-radius: 50px; } .buy-btn svg { color: #fff !important; margin-right: 6px !important } .buy-btn:hover { background: linear-gradient(to right, rgb(150 201 61 / 0.85), rgb(0 176 155 / 0.85)) !important; border-color: transparent; } .practice-test-box.last-practiced-test .blue-btn:hover { border: none } .blue-btn, .fill-blue-btn { border-radius: 50px !important } .practice-test-box.last-practiced-test .last-test-buttons { right: 30px } #registerPolicy { font-size: 12px; line-height: 22px; font-weight: 500; font-family: 'Montserrat', sans-serif; } #registerPolicy .header { text-align: center; color: #8cba45; } #registerPolicy span { padding-bottom: 10px; } #registerPolicy table { border-collapse: collapse; width: 100%; } #registerPolicy ul { padding-bottom: 10px; } #registerPolicy table td, #registerPolicy table th { border: 1px solid #dddddd; text-align: left; padding: 8px; } #registerPolicy .modal-dialog { width: 80% } #registerPolicy p { margin: 10px 0; } #registerPolicy ol { list-style-type: decimal; display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; } #registerPolicy ol ul { list-style-type: circle; margin-block-start: 0px; margin-block-end: 0px; } /*#registerPolicy ol{margin-block-start: 0px; margin-block-end: 0px;}*/ #registerPolicy ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; } #registerPolicy li { text-align: -webkit-match-parent; display: list-item; text-align: -webkit-match-parent; list-style: inherit } #registerPolicy .modal-footer button.action-button { margin: 25px 0 } #registerPolicy .modal-footer { padding-bottom: 0 } #registerPolicy h4.modal-title { font-size: 26px; margin: 0; font-weight: 500 } #registerPolicy h1, #registerPolicy .heading-title1 { font-size: 22px; display: block; margin: 20px 0; color: #252525; } #registerPolicy h2, #registerPolicy h3, #registerPolicy h4, #registerPolicy h5, #registerPolicy h6 { font-size: 14px; font-weight: bold; } #registerPolicy h4 { display: block; margin-block-start: 1.33em; margin-block-end: 1.33em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; } #registerPolicy .modal-body { padding: 0 40px 20px 40px } #registerPolicy .modal-footer button.action-button { padding: 5px 35px !important; border-radius: 50px; border: none; background: linear-gradient(to right, rgb(0 176 155), rgb(150 201 61)) !important; } #registerPolicy .modal-footer button.action-button:hover { background: linear-gradient(to right, rgb(150 201 61), rgb(0 176 155)) !important; } .goog-te-gadget-simple, .skiptranslate.goog-te-gadget { white-space: nowrap; background: linear-gradient(to right, rgb(150 201 61), rgb(0 176 155)) !important; border: none; color: #fff; border-radius: 50px; padding: 5px 10px; } .goog-te-gadget img { border-radius: 50px } .goog-te-gadget-simple .goog-te-menu-value:hover, .goog-te-gadget-simple .goog-te-menu-value, .goog-te-gadget-simple .goog-te-menu-value span { color: #fff !important; text-decoration: none; } .goog-te-gadget-simple .goog-te-menu-value span { border-color: #fff !important } .goog-te-gadget-simple:hover { background: linear-gradient(to right, rgb(0 176 155), rgb(150 201 61)) !important; } #google_translate_element { top: 1.5vw; right: 30vw } .goog-te-gadget, .goog-logo-link, .goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active { font-size: 0 } .goog-te-gadget img, .skiptranslate iframe { display: none; } .skiptranslate.goog-te-gadget { padding: 3px 10px; cursor: pointer; width: auto; background: #fff !important; border: 1px solid #ececec; color: #333 } .goog-te-combo { border: none; background: none; display: inline-block; width: auto; cursor: pointer; } .goog-te-gadget .goog-te-combo option { color: #333 } .learn .online-test-container .page-content h2 { margin-bottom: 0 } .learn .online-test-container .page-content .learn-next-section h2, .learn .online-test-container .page-content h2.welcome-text { margin-bottom: 20px } #mt-useredit-modal .action-button.btn-cancel { background: linear-gradient(to right, rgb(127 127 127), rgb(174 175 173)) !important } #mt-useredit-modal .action-button.btn-cancel:hover { background: linear-gradient(to right, rgb(174 175 173), rgb(127 127 127)) !important } .subscribed-btn { background-color: #f056569c !important; border-radius: 35px .375rem .375rem 35px; box-shadow: rgba(255, 255, 255, 0.2) 0 1px 2px 0; color: #fff !important; font-size: 11px !important; font-weight: 700 !important; line-height: 14px !important; /* min-height: 25px; */ padding: 8px 10px 6px !important; position: absolute; right: -4px; text-align: center !important; text-size-adjust: 100%; text-transform: uppercase; top: 6px; vertical-align: middle; border: none !important; } span.small-label-text { font-size: 9px; } .liveClassroom .live-classess-tabs .package-content ul li.no-search-result { display: block; margin: 0 } .liveClassroom .live-classess-tabs .package-content ul li.no-search-result span { cursor: pointer; color: #9D9D9D; border-color: #c6c6c6; text-transform: capitalize; padding: 9px 20px; width: 100%; display: inline-block; font-size: 12px; text-align: center }