:root { /*--btn-primary:rgb(45, 189, 166); --btn-secondary:rgb(40, 132, 103); --btn-primary-low-opacity:rgba(0, 176, 155, .85); --btn-secondary-low-opacity:rgba(150, 201, 61, .85);*/ --zps-static-prim-theme1: 45, 189, 166; --zps-static-prim-theme2: 131, 205, 235; --zps-static-prim-theme3: 246, 136, 135; --zps-static-prim-theme4: 55, 71, 133; --zps-static-prim-theme5: 255, 190, 84; --zps-static-prim-theme6: 137, 80, 97; --btn-third-bg: #eaf0f6; --btn-third-border-color: #cbd6e2; --btn-third-color: #506e91; --btn-fourth-bg: #fff; --btn-fourth-border-color: #cbd6e2; --btn-fourth-color: #506e91; } .ui-body-1{ --btn-primary:rgb(45, 189, 166); --btn-secondary:rgb(40, 132, 103); --btn-primary-opacity:rgba(0, 176, 155, 0.12); --btn-secondary-opacity:rgba(150, 201, 61, 0.12); --btn-primary-sidebar-opacity:rgba(0, 176, 155, .95); --btn-secondary-sidebar-opacity:rgba(150, 201, 61, .95); } .ui-body-2{ --btn-primary:rgb(131, 205, 235); --btn-secondary:rgb(7, 119, 161); --btn-primary-opacity:rgba(131, 205, 235, 0.12); --btn-secondary-opacity:rgba(7, 119, 161, 0.12); --btn-primary-sidebar-opacity:rgba(131, 205, 235, .95); --btn-secondary-sidebar-opacity:rgba(7, 119, 161, .95); } .ui-body-3{ --btn-primary:rgb(235, 132, 129); --btn-secondary:rgb(246, 136, 135); --btn-primary-opacity:rgba(235, 132, 129, 0.12); --btn-secondary-opacity:rgba(246, 136, 135,0.12); --btn-primary-sidebar-opacity:rgba(235, 132, 129, .95); --btn-secondary-sidebar-opacity:rgba(246, 136, 135,.95); } .ui-body-4{ --btn-primary:rgb(55, 71, 133); --btn-secondary:rgb(36, 49, 94); --btn-primary-opacity:rgba(55, 71, 133,0.12); --btn-secondary-opacity:rgba(36, 49, 94, 0.12); --btn-primary-sidebar-opacity:rgba(55, 71, 133, .95); --btn-secondary-sidebar-opacity:rgba(36, 49, 94, .95); } .ui-body-5{ --btn-primary:rgb(255, 190, 84); --btn-secondary:rgb(243, 210, 79); --btn-primary-opacity:rgba(255, 190, 84, 0.12); --btn-secondary-opacity:rgba(243, 210, 79, 0.12); --btn-primary-sidebar-opacity:rgba(255, 190, 84, .95); --btn-secondary-sidebar-opacity:rgba(243, 210, 79, .95); } .ui-body-6{ --btn-primary:rgb(89, 36, 59); --btn-secondary:rgb(137, 80, 97); --btn-primary-opacity:rgba(89, 36, 59, 0.12); --btn-secondary-opacity:rgba(137, 80, 97, .12); --btn-primary-sidebar-opacity:rgba(89, 36, 59, 0.95); --btn-secondary-sidebar-opacity:rgba(137, 80, 97, .95); } /*.btn-third{--btn-third-bg: #eaf0f6; --btn-third-border-color: #cbd6e2; --btn-third-color: #506e91;} .btn-fourth{--btn-fourth-bg: #fff; --btn-fourth-border-color: #cbd6e2; --btn-fourth-color: #506e91;}*/ .main-sidebar{background:/* linear-gradient(var(--btn-primary-sidebar-opacity), var(--btn-secondary-sidebar-opacity)) no-repeat}*/ linear-gradient(to bottom, var(--btn-primary-sidebar-opacity) , var(--btn-secondary-sidebar-opacity)) !important} .sujok-page-container, .forgot-password { background: url(../images/sujok-images/banner1.png) no-repeat 0 bottom;} fieldset.step1{} fieldset.step2{} fieldset.step3{} fieldset.step4{} fieldset.step5{} fieldset.step6{} /*=======================================================================*/ .latest-version a{ background: linear-gradient(100deg, #f68887 10%, #fd4464 90%); color: #fff !important;font-size: 13.5px !important;} .layout-boxed html,.layout-boxed body,html,body{height:100%;} body{font-family:'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:400;overflow-x:hidden;overflow-y:auto;} .mt-0 { margin-top: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .border-radius-none{border-radius:0 !important;} /* Fixed layout */ .fixed .main-header,.fixed .main-sidebar,.fixed .left-side{position:fixed;} .fixed .main-header{top:0;right:0;left:0;} .fixed .content-wrapper,.fixed .right-side{padding-top:50px;} .fixed.layout-boxed .wrapper{max-width:100%;} .fixed .wrapper{overflow:hidden;} .hold-transition .content-wrapper,.hold-transition .right-side,.hold-transition .main-footer,.hold-transition .main-sidebar,.hold-transition .left-side,.hold-transition .main-header .navbar,.hold-transition .main-header .logo,.hold-transition .menu-open .fa-angle-left{-webkit-transition:none;-o-transition:none;transition:none;} /* H1 - H6 font */ h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:'Source Sans Pro', sans-serif;} /* General Links */ a{color:var(--btn-primary);} a:hover,a:active,a:focus{outline:none;text-decoration:none;color:var(--btn-secondary);} /* Page Header */ .page-header{margin:10px 0 20px 0;font-size:22px;} .page-header > small{color:#666;display:block;margin-top:5px;} .content-header{position:relative;padding:15px 15px 0 15px;} .content-header > h1{margin:0;font-size:24px;} .content-header > h1 > small{font-size:15px;display:inline-block;padding-left:4px;font-weight:300;} .content-header > .breadcrumb{float:right;background:transparent;margin-top:0;margin-bottom:0;font-size:12px;padding:7px 5px;position:absolute;top:15px;right:10px;border-radius:2px;} .content-header > .breadcrumb > li > a{color:#444;text-decoration:none;display:inline-block;} .content-header > .breadcrumb > li > a > .fa,.content-header > .breadcrumb > li > a > .glyphicon,.content-header > .breadcrumb > li > a > .ion{margin-right:5px;} .content-header > .breadcrumb > li + li:before{content:'>\00a0';} .navbar-toggle{color:#fff;border:0;margin:0;padding:15px 15px;} /* * Component:Sidebar * ------------------ */ .sidebar{padding-bottom:10px;} .sidebar-form input:focus{border-color:transparent;} .user-panel{position:relative;width:100%;padding:10px;overflow:hidden;} .user-panel:before,.user-panel:after{content:" ";display:table;} .user-panel:after{clear:both;} .user-panel > .image > img{width:100%;max-width:45px;height:auto;} .user-panel > .info{padding:5px 5px 5px 15px;line-height:1;position:absolute;left:55px;top:22px;} .user-panel > .info > p{font-weight:600;margin-bottom:9px;} .user-panel > .info > a{text-decoration:none;padding-right:5px;margin-top:3px;font-size:11px;} .user-panel > .info > a > .fa,.user-panel > .info > a > .ion,.user-panel > .info > a > .glyphicon{margin-right:3px;} .sidebar-menu{list-style:none;margin:0;padding:0;} .sidebar-menu > li{position:relative;margin:0;padding:0;border:none;} /*.sidebar-menu > li > a{padding:12px 5px 12px 15px;display:block;}*/ .sidebar-menu > li > a > .fa,.sidebar-menu > li > a > .glyphicon,.sidebar-menu > li > a > .ion{width:20px;} .sidebar-menu > li .label,.sidebar-menu > li .badge{margin-right:5px;} .sidebar-menu > li .badge{margin-top:3px;} .sidebar-menu li.header{padding:10px 25px 10px 15px;font-size:12px;} .sidebar-menu li > a > .fa-angle-left,.sidebar-menu li > a > .pull-right-container > .fa-angle-left{width:auto;height:auto;padding:0;margin-right:10px;-webkit-transition:transform 0.5s ease;-o-transition:transform 0.5s ease;transition:transform 0.5s ease;} .sidebar-menu li > a > .fa-angle-left{position:absolute;top:50%;right:10px;margin-top:-8px;} .sidebar-menu .menu-open > a > .fa-angle-left,.sidebar-menu .menu-open > a > .pull-right-container > .fa-angle-left{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);} /*.sidebar-menu .active > .treeview-menu{display:block;} */ /*.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu{display:block !important;position:absolute;width:180px;left:50px;} .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span{top:0;margin-left:-3px;padding:12px 5px 12px 20px;background-color:inherit;} .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container{position:relative !important;float:right;width:auto !important;left:180px !important;top:-27px !important;z-index:900;} .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type){display:none;} .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu{top:44px;margin-left:0;}*/ .sidebar-expanded-on-hover .main-footer,.sidebar-expanded-on-hover .content-wrapper{margin-left:50px;} .sidebar-expanded-on-hover .main-sidebar{box-shadow:3px 0 8px rgba(0, 0, 0, 0.125);} .sidebar-menu,.main-sidebar .user-panel,.sidebar-menu > li.header{white-space:nowrap;overflow:hidden;} .sidebar-menu:hover{overflow:visible;} .sidebar-form,.sidebar-menu > li.header{overflow:hidden;text-overflow:clip;} .sidebar-menu li > a > .pull-right-container{position:absolute;right:10px;top:50%;margin-top:-7px;} /* * Component:Control sidebar. By default, this is the right sidebar. */ .control-sidebar-bg{position:fixed;z-index:1000;bottom:0;} .control-sidebar-bg,.control-sidebar{top:0;right:-230px;width:230px;-webkit-transition:right 0.3s ease-in-out;-o-transition:right 0.3s ease-in-out;transition:right 0.3s ease-in-out;} .control-sidebar{position:absolute;padding-top:50px;z-index:1010;} .control-sidebar > .tab-content{padding:10px 15px;} .control-sidebar.control-sidebar-open,.control-sidebar.control-sidebar-open + .control-sidebar-bg{right:0;} .control-sidebar-open .control-sidebar-bg,.control-sidebar-open .control-sidebar{right:0;} .fixed .control-sidebar{position:fixed;height:100%;overflow-y:auto;padding-bottom:50px;} .nav-tabs.control-sidebar-tabs > li:first-of-type > a,.nav-tabs.control-sidebar-tabs > li:first-of-type > a:hover,.nav-tabs.control-sidebar-tabs > li:first-of-type > a:focus{border-left-width:0;} .nav-tabs.control-sidebar-tabs > li > a{border-radius:0;} .nav-tabs.control-sidebar-tabs > li > a,.nav-tabs.control-sidebar-tabs > li > a:hover{border-top:none;border-right:none;border-left:1px solid transparent;border-bottom:1px solid transparent;} .nav-tabs.control-sidebar-tabs > li > a .icon{font-size:16px;} .nav-tabs.control-sidebar-tabs > li.active > a,.nav-tabs.control-sidebar-tabs > li.active > a:hover,.nav-tabs.control-sidebar-tabs > li.active > a:focus,.nav-tabs.control-sidebar-tabs > li.active > a:active{border-top:none;border-right:none;border-bottom:none;} .control-sidebar-heading{font-weight:400;font-size:16px;padding:10px 0;margin-bottom:10px;} .control-sidebar-subheading{display:block;font-weight:400;font-size:14px;} .control-sidebar-menu{list-style:none;padding:0;margin:0 -15px;} .control-sidebar-menu > li > a{display:block;padding:10px 15px;} .control-sidebar-menu > li > a:before,.control-sidebar-menu > li > a:after{content:" ";display:table;} .control-sidebar-menu > li > a:after{clear:both;} .control-sidebar-menu > li > a > .control-sidebar-subheading{margin-top:0;} .control-sidebar-menu .menu-icon{float:left;width:35px;height:35px;border-radius:50%;text-align:center;line-height:35px;} .control-sidebar-menu .menu-info{margin-left:45px;margin-top:3px;} .control-sidebar-menu .menu-info > .control-sidebar-subheading{margin:0;} .control-sidebar-menu .menu-info > p{margin:0;font-size:11px;} .control-sidebar-menu .progress{margin:0;} .control-sidebar-dark{color:#b8c7ce;} .control-sidebar-dark,.control-sidebar-dark + .control-sidebar-bg{background:#222d32;} .control-sidebar-dark .nav-tabs.control-sidebar-tabs{border-bottom:#1c2529;} .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a{background:#181f23;color:#b8c7ce;} .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a,.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus{border-left-color:#141a1d;border-bottom-color:#141a1d;} .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus,.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:active{background:#1c2529;} .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover{color:#fff;} .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a,.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover,.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus,.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active{background:#222d32;color:#fff;} .control-sidebar-dark .control-sidebar-heading,.control-sidebar-dark .control-sidebar-subheading{color:#fff;} .control-sidebar-dark .control-sidebar-menu > li > a:hover{background:#1e282c;} .control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p{color:#b8c7ce;} .control-sidebar-light{color:#5e5e5e;} .control-sidebar-light,.control-sidebar-light + .control-sidebar-bg{background:#f9fafc;border-left:1px solid #d2d6de;} .control-sidebar-light .nav-tabs.control-sidebar-tabs{border-bottom:#d2d6de;} .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a{background:#e8ecf4;color:#444444;} .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a,.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus{border-left-color:#d2d6de;border-bottom-color:#d2d6de;} .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus,.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:active{background:#eff1f7;} .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a,.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:hover,.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:focus,.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:active{background:#f9fafc;color:#111;} .control-sidebar-light .control-sidebar-heading,.control-sidebar-light .control-sidebar-subheading{color:#111;} .control-sidebar-light .control-sidebar-menu{margin-left:-14px;} .control-sidebar-light .control-sidebar-menu > li > a:hover{background:#f4f4f5;} .control-sidebar-light .control-sidebar-menu > li > a .menu-info > p{color:#5e5e5e;} /* * Component:Dropdown menus * ------------------------- */ /*Dropdowns in general*/ .dropdown-menu{box-shadow:none;border-color:#eee;padding:0px !important;} .dropdown-menu > li > a{color:#777;} .dropdown-menu > li > a > .glyphicon,.dropdown-menu > li > a > .fa,.dropdown-menu > li > a > .ion{margin-right:10px;} .dropdown-menu > li > a:hover{background-color:#e1e3e9;color:#333;} .dropdown-menu > .divider{background-color:#eee;} .navbar-nav > .notifications-menu > .dropdown-menu,.navbar-nav > .messages-menu > .dropdown-menu,.navbar-nav > .tasks-menu > .dropdown-menu{width:280px;padding:0 0 0 0;margin:0;top:100%;} .navbar-nav > .notifications-menu > .dropdown-menu > li,.navbar-nav > .messages-menu > .dropdown-menu > li,.navbar-nav > .tasks-menu > .dropdown-menu > li{position:relative;} .navbar-nav > .notifications-menu > .dropdown-menu > li.header,.navbar-nav > .messages-menu > .dropdown-menu > li.header,.navbar-nav > .tasks-menu > .dropdown-menu > li.header{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0;background-color:#ffffff;padding:7px 10px;border-bottom:1px solid #f4f4f4;color:#444444;font-size:14px;} .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;font-size:12px;background-color:#fff;padding:7px 10px;border-bottom:1px solid #eeeeee;color:#444 !important;text-align:center;} @media (max-width:991px){.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a{background:#fff !important;color:#444 !important;} } .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover{text-decoration:none;font-weight:normal;} .navbar-nav > .notifications-menu > .dropdown-menu > li .menu,.navbar-nav > .messages-menu > .dropdown-menu > li .menu,.navbar-nav > .tasks-menu > .dropdown-menu > li .menu{max-height:200px;margin:0;padding:0;list-style:none;overflow-x:hidden;} .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a{display:block;white-space:nowrap;/* Prevent text from breaking */ border-bottom:1px solid #f4f4f4;} .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover{background:#f4f4f4;text-decoration:none;} .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a{color:#444444;overflow:hidden;text-overflow:ellipsis;padding:10px;} .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion{width:20px;} .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a{margin:0;padding:10px 10px;} .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img{margin:auto 10px auto auto;width:40px;height:40px;} .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4{padding:0;margin:0 0 0 45px;color:#444444;font-size:15px;position:relative;} .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small{color:#999999;font-size:10px;position:absolute;top:0;right:0;} .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p{margin:0 0 0 45px;font-size:12px;color:#888888;} .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after{content:" ";display:table;} .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after{clear:both;} .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a{padding:10px;} .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3{font-size:14px;padding:0;margin:0 0 10px 0;color:#666666;} .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress{padding:0;margin:0;} .navbar-nav > .user-menu > .dropdown-menu{border-top-right-radius:0;border-top-left-radius:0;padding:1px 0 0 0;border-top-width:0;width:280px;} .navbar-nav > .user-menu > .dropdown-menu,.navbar-nav > .user-menu > .dropdown-menu > .user-body{border-bottom-right-radius:4px;border-bottom-left-radius:4px;} .navbar-nav > .user-menu > .dropdown-menu > li.user-header{height:175px;padding:10px;text-align:center;} .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img{z-index:5;height:90px;width:90px;border:3px solid;border-color:transparent;border-color:rgba(255, 255, 255, 0.2);} .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p{z-index:5;color:#fff;color:rgba(255, 255, 255, 0.8);font-size:17px;margin-top:10px;} .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small{display:block;font-size:12px;} .navbar-nav > .user-menu > .dropdown-menu > .user-body{padding:15px;border-bottom:1px solid #f4f4f4;border-top:1px solid #dddddd;} .navbar-nav > .user-menu > .dropdown-menu > .user-body:before,.navbar-nav > .user-menu > .dropdown-menu > .user-body:after{content:" ";display:table;} .navbar-nav > .user-menu > .dropdown-menu > .user-body:after{clear:both;} .navbar-nav > .user-menu > .dropdown-menu > .user-body a{color:#444 !important;} @media (max-width:991px){ .navbar-nav > .user-menu > .dropdown-menu > .user-body a{background:#fff !important;color:#444 !important;} } @media (max-width:991px){ .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover{background-color:#f9f9f9;} } @media (max-width:767px){ .navbar-nav > .user-menu .user-image{float:none;margin-right:0;margin-top:-8px;line-height:10px;} } @media (max-width:991px){ .navbar-custom-menu > .navbar-nav{float:right;} .navbar-custom-menu > .navbar-nav > li{position:static;} .navbar-custom-menu > .navbar-nav > li > .dropdown-menu{position:absolute;right:5%;left:auto;border:1px solid #ddd;background:#fff;} } @media (max-width:767px){ .small-box{text-align:center;} .small-box .icon{display:none;} .small-box p{font-size:12px;} } .navbar-nav > .user-menu > .dropdown-menu > .user-footer{background-color:#f9f9f9;padding:10px;} .navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after{content:" ";display:table;} .navbar-nav > .user-menu > .dropdown-menu > .user-footer:after{clear:both;} .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default{color:#666666;} .navbar-nav > .user-menu .user-image{float:left;width:25px;height:25px;border-radius:50%;margin-right:10px;margin-top:-2px;} /* Add fade animation to dropdown menus by appending the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/ .open:not(.dropup) > .animated-dropdown-menu{backface-visibility:visible !important;-webkit-animation:flipInX 0.7s both;-o-animation:flipInX 0.7s both;animation:flipInX 0.7s both;} @keyframes flipInX{0%{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transition-timing-function:ease-in;opacity:0;} 40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transition-timing-function:ease-in;} 60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1;} 80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg);} 100%{transform:perspective(400px);} } @-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function:ease-in;opacity:0;} 40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function:ease-in;} 60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1;} 80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);} 100%{-webkit-transform:perspective(400px);} } /* Fix dropdown menu in navbars */ .navbar-custom-menu > .navbar-nav > li{position:relative;} .navbar-custom-menu > .navbar-nav > li > .dropdown-menu{position:absolute;right:0;left:auto;} /* * Component:Form * --------------- */ .form-control{border-radius:0;box-shadow:none;border-color:#e4e5e8;} .form-control:focus{border-color:var(--btn-secondary);box-shadow:none;} .form-control::-moz-placeholder,.form-control:-ms-input-placeholder,.form-control::-webkit-input-placeholder{color:#bbb;opacity:1;} .form-control:not(select){-webkit-appearance:none;-moz-appearance:none;appearance:none;} .form-group.has-success label{color:#00a65a;} .form-group.has-success .form-control,.form-group.has-success .input-group-addon{border-color:#00a65a;box-shadow:none;} .form-group.has-success .help-block{color:#00a65a;} .form-group.has-warning label{color:#f39c12;} .form-group.has-warning .form-control,.form-group.has-warning .input-group-addon{border-color:#f39c12;box-shadow:none;} .form-group.has-warning .help-block{color:#f39c12;} .form-group.has-error label{color:#dd4b39;} .form-group.has-error .form-control,.form-group.has-error .input-group-addon{border-color:#dd4b39;box-shadow:none;} .form-group.has-error .help-block{color:#dd4b39;} /* Input group */ .input-group .input-group-addon{border-radius:0;border-color:#d2d6de;background-color:#fff;} /* button groups */ .btn-group-vertical .btn.btn-flat:first-of-type,.btn-group-vertical .btn.btn-flat:last-of-type{border-radius:0;} .icheck > label{padding-left:0;} /* support Font Awesome icons in form-control */ .form-control-feedback.fa{line-height:34px;} .input-lg + .form-control-feedback.fa,.input-group-lg + .form-control-feedback.fa,.form-group-lg .form-control + .form-control-feedback.fa{line-height:46px;} .input-sm + .form-control-feedback.fa,.input-group-sm + .form-control-feedback.fa,.form-group-sm .form-control + .form-control-feedback.fa{line-height:30px;} /* * Component:Progress Bar * ----------------------- */ .progress,.progress > .progress-bar{-webkit-box-shadow:none;box-shadow:none;} .progress,.progress > .progress-bar,.progress .progress-bar,.progress > .progress-bar .progress-bar{border-radius:1px;} /* size variation */ .progress.sm,.progress-sm{height:10px;} .progress.sm,.progress-sm,.progress.sm .progress-bar,.progress-sm .progress-bar{border-radius:1px;} .progress.xs,.progress-xs{height:7px;} .progress.xs,.progress-xs,.progress.xs .progress-bar,.progress-xs .progress-bar{border-radius:1px;} .progress.xxs,.progress-xxs{height:3px;} .progress.xxs,.progress-xxs,.progress.xxs .progress-bar,.progress-xxs .progress-bar{border-radius:1px;} /* Vertical bars */ .progress.vertical{position:relative;width:30px;height:200px;display:inline-block;margin-right:10px;} .progress.vertical > .progress-bar{width:100%;position:absolute;bottom:0;} .progress.vertical.sm,.progress.vertical.progress-sm{width:20px;} .progress.vertical.xs,.progress.vertical.progress-xs{width:10px;} .progress.vertical.xxs,.progress.vertical.progress-xxs{width:3px;} .progress-group .progress-text{font-weight:600;} .progress-group .progress-number{float:right;} /* Remove margins from progress bars when put in a table */ .table tr > td .progress{margin:0;} .progress-bar-light-blue,.progress-bar-primary{background-color:var(--btn-primary);} .progress-striped .progress-bar-light-blue,.progress-striped .progress-bar-primary{background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .progress-bar-green,.progress-bar-success{background-color:#00a65a;} .progress-striped .progress-bar-green,.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .progress-bar-aqua,.progress-bar-info{background-color:#00c0ef;} .progress-striped .progress-bar-aqua,.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .progress-bar-yellow,.progress-bar-warning{background-color:#f39c12;} .progress-striped .progress-bar-yellow,.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .progress-bar-red,.progress-bar-danger{background-color:#dd4b39;} .progress-striped .progress-bar-red,.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} /* * Component:Small Box * -------------------- */ .small-box{border-radius:2px;position:relative;display:block;margin-bottom:20px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);} .small-box > .inner{padding:10px;} .small-box > .small-box-footer{position:relative;text-align:center;padding:3px 0;color:#fff;color:rgba(255, 255, 255, 0.8);display:block;z-index:10;background:rgba(0, 0, 0, 0.1);text-decoration:none;} .small-box > .small-box-footer:hover{color:#fff;background:rgba(0, 0, 0, 0.15);} .small-box h3{font-size:38px;font-weight:bold;margin:0 0 10px 0;white-space:nowrap;padding:0;} .small-box p{font-size:15px;} .small-box p > small{display:block;color:#f9f9f9;font-size:13px;margin-top:5px;} .small-box h3,.small-box p{z-index:5;} .small-box .icon{-webkit-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;position:absolute;top:-10px;right:10px;z-index:0;font-size:90px;color:rgba(0, 0, 0, 0.15);} .small-box:hover{text-decoration:none;color:#f9f9f9;} .small-box:hover .icon{font-size:95px;} /* * Component:Box * -------------- */ .box{position:relative;border-radius:3px;background:#ffffff;margin-bottom:25px;width:100%;box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);} .box.box-primary{border-top-color:var(--btn-primary);} /*.box.box-info{border-top-color:#00c0ef;}*/ .box.box-danger{border-top-color:#dd4b39;} .box.box-warning{border-top-color:#f39c12;} .box.box-success{border-top-color:#00a65a;} .box.box-default{border-top-color:#d2d6de;} .box.collapsed-box .box-body,.box.collapsed-box .box-footer{display:none;} .box .nav-stacked > li{border-bottom:1px solid #f4f4f4;margin:0;} .box .nav-stacked > li:last-of-type{border-bottom:none;} .box.height-control .box-body{max-height:300px;overflow:auto;} .box .border-right{border-right:1px solid #f4f4f4;} .box .border-left{border-left:1px solid #f4f4f4;} .box.box-solid{border-top:0;} .box.box-solid > .box-header .btn.btn-default{background:transparent;} .box.box-solid > .box-header .btn:hover,.box.box-solid > .box-header a:hover{background:rgba(0, 0, 0, 0.1);} .box.box-solid.box-default{border:1px solid #d2d6de;} .box.box-solid.box-default > .box-header{color:#444444;background:#d2d6de;background-color:#d2d6de;} .box.box-solid.box-default > .box-header a,.box.box-solid.box-default > .box-header .btn{color:#444444;} .box.box-solid.box-primary{border:1px solid var(--btn-primary);} .box.box-solid.box-primary > .box-header{color:#ffffff;background:var(--btn-primary);background-color:var(--btn-primary);} .box.box-solid.box-primary > .box-header a,.box.box-solid.box-primary > .box-header .btn{color:#ffffff;} .box.box-solid.box-info{border:1px solid #00c0ef;} .box.box-solid.box-info > .box-header{color:#ffffff;background:#00c0ef;background-color:#00c0ef;} .box.box-solid.box-info > .box-header a,.box.box-solid.box-info > .box-header .btn{color:#ffffff;} .box.box-solid.box-danger{border:1px solid #dd4b39;} .box.box-solid.box-danger > .box-header{color:#ffffff;background:#dd4b39;background-color:#dd4b39;} .box.box-solid.box-danger > .box-header a,.box.box-solid.box-danger > .box-header .btn{color:#ffffff;} .box.box-solid.box-warning{border:1px solid #f39c12;} .box.box-solid.box-warning > .box-header{color:#ffffff;background:#f39c12;background-color:#f39c12;} .box.box-solid.box-warning > .box-header a,.box.box-solid.box-warning > .box-header .btn{color:#ffffff;} .box.box-solid.box-success{border:1px solid #00a65a;} .box.box-solid.box-success > .box-header{color:#ffffff;background:#00a65a;background-color:#00a65a;} .box.box-solid.box-success > .box-header a,.box.box-solid.box-success > .box-header .btn{color:#ffffff;} .box.box-solid > .box-header > .box-tools .btn{border:0;box-shadow:none;} .box.box-solid[class*='bg'] > .box-header{color:#fff;} .box .box-group > .box{margin-bottom:5px;} .box .knob-label{text-align:center;color:#333;font-weight:100;font-size:12px;margin-bottom:0.3em;} .box > .overlay,.overlay-wrapper > .overlay,.box > .loading-img,.overlay-wrapper > .loading-img{position:absolute;top:0;left:0;width:100%;height:100%;} .box .overlay,.overlay-wrapper .overlay{z-index:50;background:rgba(255, 255, 255, 0.7);border-radius:3px;} .box .overlay > .fa,.overlay-wrapper .overlay > .fa{position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-15px;color:#000;font-size:30px;} .box .overlay.dark,.overlay-wrapper .overlay.dark{background:rgba(0, 0, 0, 0.5);} .box-header:before,.box-body:before,.box-footer:before,.box-header:after,.box-body:after,.box-footer:after{content:" ";display:table;} .box-header:after,.box-body:after,.box-footer:after{clear:both;} .box-header{color:#444;display:block;padding:10px;position:relative;} .box-header.with-border{border-bottom:1px solid #f4f4f4;} .collapsed-box .box-header.with-border{border-bottom:none;} .box-header > .fa,.box-header > .glyphicon,.box-header > .ion,.box-header .box-title{display:inline-block;font-size:18px;margin:0;line-height:1;} .box-header > .fa,.box-header > .glyphicon,.box-header > .ion{margin-right:5px;} .box-header > .box-tools{position:absolute;right:10px;top:5px;} .box-header > .box-tools [data-toggle="tooltip"]{position:relative;} .box-header > .box-tools.pull-right .dropdown-menu{right:0;left:auto;} .box-header > .box-tools .dropdown-menu > li > a{color:#444!important;} .btn-box-tool{padding:5px;font-size:12px;background:transparent;color:#97a0b3;} .open .btn-box-tool,.btn-box-tool:hover{color:#606c84;} .btn-box-tool.btn:active{box-shadow:none;} .box-body{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;padding:10px;} .no-header .box-body{border-top-right-radius:3px;border-top-left-radius:3px;} .box-body > .table{margin-bottom:0;} .box-body .fc{margin-top:5px;} .box-body .full-width-chart{margin:-19px;} .box-body.no-padding .full-width-chart{margin:-9px;} .box-body .box-pane{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:3px;} .box-body .box-pane-right{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:0;} .box-footer{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-top:1px solid #f4f4f4;padding:10px;background-color:#ffffff;} .chart-legend{margin:10px 0;} @media (max-width:991px){ .chart-legend > li{float:left;margin-right:10px;} } .box-comments{background:#f7f7f7;} .box-comments .box-comment{padding:8px 0;border-bottom:1px solid #eee;} .box-comments .box-comment:before,.box-comments .box-comment:after{content:" ";display:table;} .box-comments .box-comment:after{clear:both;} .box-comments .box-comment:last-of-type{border-bottom:0;} .box-comments .box-comment:first-of-type{padding-top:0;} .box-comments .box-comment img{float:left;} .box-comments .comment-text{margin-left:40px;color:#555;} .box-comments .username{color:#444;display:block;font-weight:600;} .box-comments .text-muted{font-weight:400;font-size:12px;} /* Widget:TODO LIST */ .todo-list{margin:0;padding:0;list-style:none;overflow:auto;} .todo-list > li{border-radius:2px;padding:10px;background:#f4f4f4;margin-bottom:2px;border-left:2px solid #e6e7e8;color:#444;} .todo-list > li:last-of-type{margin-bottom:0;} .todo-list > li > input[type='checkbox']{margin:0 10px 0 5px;} .todo-list > li .text{display:inline-block;margin-left:5px;font-weight:600;} .todo-list > li .label{margin-left:10px;font-size:9px;} .todo-list > li .tools{display:none;float:right;color:#dd4b39;} .todo-list > li .tools > .fa,.todo-list > li .tools > .glyphicon,.todo-list > li .tools > .ion{margin-right:5px;cursor:pointer;} .todo-list > li:hover .tools{display:inline-block;} .todo-list > li.done{color:#999;} .todo-list > li.done .text{text-decoration:line-through;font-weight:500;} .todo-list > li.done .label{background:#d2d6de !important;} .todo-list .danger{border-left-color:#dd4b39;} .todo-list .warning{border-left-color:#f39c12;} .todo-list .info{border-left-color:#00c0ef;} .todo-list .success{border-left-color:#00a65a;} .todo-list .primary{border-left-color:var(--btn-primary);} .todo-list .handle{display:inline-block;cursor:move;margin:0 5px;} /* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/ .chat{padding:5px 20px 5px 10px;} .chat .item{margin-bottom:10px;} .chat .item:before,.chat .item:after{content:" ";display:table;} .chat .item:after{clear:both;} .chat .item > img{width:40px;height:40px;border:2px solid transparent;border-radius:50%;} .chat .item > .online{border:2px solid #00a65a;} .chat .item > .offline{border:2px solid #dd4b39;} .chat .item > .message{margin-left:55px;margin-top:-40px;} .chat .item > .message > .name{display:block;font-weight:600;} .chat .item > .attachment{border-radius:3px;background:#f4f4f4;margin-left:65px;margin-right:15px;padding:10px;} .chat .item > .attachment > h4{margin:0 0 5px 0;font-weight:600;font-size:14px;} .chat .item > .attachment > p,.chat .item > .attachment > .filename{font-weight:600;font-size:13px;font-style:italic;margin:0;} .chat .item > .attachment:before,.chat .item > .attachment:after{content:" ";display:table;} .chat .item > .attachment:after{clear:both;} .box-input{max-width:200px;} .modal .panel-body{color:#444;} /* * Component:Info Box * ------------------- */ .info-box{display:block;min-height:90px;background:#fff;width:100%;box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);border-radius:2px;margin-bottom:15px;} .info-box small{font-size:14px;} .info-box .progress{background:rgba(0, 0, 0, 0.2);margin:5px -10px 5px -10px;height:2px;} .info-box .progress,.info-box .progress .progress-bar{border-radius:0;} .info-box .progress .progress-bar{background:#fff;} .info-box-icon{border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px;display:block;float:left;height:90px;width:90px;text-align:center;font-size:45px;line-height:90px;background:rgba(0, 0, 0, 0.2);} .info-box-icon > img{max-width:100%;} .info-box-content{padding:5px 10px;margin-left:90px;} .info-box-number{display:block;font-weight:bold;font-size:18px;} .progress-description,.info-box-text{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .info-box-text{text-transform:uppercase;} .info-box-more{display:block;} .progress-description{margin:0;} /* * Component:Timeline * ------------------- */ .timeline{position:relative;margin:0 0 30px 0;padding:0;list-style:none;} .timeline:before{content:'';position:absolute;top:0;bottom:0;width:4px;background:#ddd;left:31px;margin:0;border-radius:2px;} .timeline > li{position:relative;margin-right:10px;margin-bottom:15px;} .timeline > li:before,.timeline > li:after{content:" ";display:table;} .timeline > li:after{clear:both;} .timeline > li > .timeline-item{-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);border-radius:3px;margin-top:0;background:#fff;color:#444;margin-left:60px;margin-right:15px;padding:0;position:relative;} .timeline > li > .timeline-item > .time{color:#999;float:right;padding:10px;font-size:12px;} .timeline > li > .timeline-item > .timeline-header{margin:0;color:#555;border-bottom:1px solid #f4f4f4;padding:10px;font-size:16px;line-height:1.1;} .timeline > li > .timeline-item > .timeline-header > a{font-weight:600;} .timeline > li > .timeline-item > .timeline-body,.timeline > li > .timeline-item > .timeline-footer{padding:10px;} .timeline > li > .fa,.timeline > li > .glyphicon,.timeline > li > .ion{width:30px;height:30px;font-size:15px;line-height:30px;position:absolute;color:#666;background:#d2d6de;border-radius:50%;text-align:center;left:18px;top:0;} .timeline > .time-label > span{font-weight:600;padding:5px;display:inline-block;background-color:#fff;border-radius:4px;} .timeline-inverse > li > .timeline-item{background:#f0f0f0;border:1px solid #ddd;-webkit-box-shadow:none;box-shadow:none;} .timeline-inverse > li > .timeline-item > .timeline-header{border-bottom-color:#ddd;} /* * Component:Button * ----------------- */ .btn{border-radius:3px;-webkit-box-shadow:none;box-shadow:none;border:1px solid transparent;} .btn.uppercase{text-transform:uppercase;} .btn.btn-flat{border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-width:1px;} .btn:active{-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);-moz-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);} .btn:focus{outline:none;} .btn.btn-file{position:relative;overflow:hidden;} .btn.btn-file > input[type='file']{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;opacity:0;filter:alpha(opacity=0);outline:none;background:white;cursor:inherit;display:block;} .btn-default{background-color:#f4f4f4;color:#444;border-color:#ddd;} .btn-default:hover,.btn-default:active,.btn-default.hover{background-color:#a09f9f} .btn-primary{background-color:var(--btn-primary);border-color:#367fa9;} .btn-primary:hover,.btn-primary:active,.btn-primary.hover{background-color:var(--btn-secondary) !important;} .btn-success{background-color:#00a65a;border-color:#008d4c;} .btn-success:hover,.btn-success:active,.btn-success.hover{background-color:var(--btn-primary)} .btn-info{background-color:#00c0ef;border-color:#00acd6;} .btn-info:hover,.btn-info:active,.btn-info.hover{background-color:#00acd6;} .btn-danger{background-color:#dd4b39;border-color:#d73925;} .btn-danger:hover,.btn-danger:active,.btn-danger.hover{background-color:#d73925;} .btn-warning{background-color:#f39c12;border-color:#e08e0b;} .btn-warning:hover,.btn-warning:active,.btn-warning.hover{background-color:#e08e0b;} .btn-outline{border:1px solid #fff;background:transparent;color:#fff;} .btn-outline:hover,.btn-outline:focus,.btn-outline:active{color:rgba(255, 255, 255, 0.7);border-color:rgba(255, 255, 255, 0.7);} .btn-link{-webkit-box-shadow:none;box-shadow:none;} .btn[class*='bg-']:hover{-webkit-box-shadow:inset 0 0 100px rgba(0, 0, 0, 0.2);box-shadow:inset 0 0 100px rgba(0, 0, 0, 0.2);} .btn-app{border-radius:3px;position:relative;padding:15px 5px;margin:0 0 10px 10px;min-width:80px;height:60px;text-align:center;color:#666;border:1px solid #ddd;background-color:#f4f4f4;font-size:12px;} .btn-app > .fa,.btn-app > .glyphicon,.btn-app > .ion{font-size:20px;display:block;} .btn-app:hover{background:#f4f4f4;color:#444;border-color:#aaa;} .btn-app:active,.btn-app:focus{-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);-moz-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);} .btn-app > .badge{position:absolute;top:-3px;right:-10px;font-size:10px;font-weight:400;} .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover{color: #fff} /* * Component:Callout * ------------------ */ .callout{border-radius:3px;margin:0 0 20px 0;padding:15px 30px 15px 15px;border-left:5px solid #eee;} .callout a{color:#fff;text-decoration:underline;} .callout a:hover{color:#eee;} .callout h4{margin-top:0;font-weight:600;} .callout p:last-child{margin-bottom:0;} .callout code,.callout .highlight{background-color:#fff;} .callout.callout-danger{border-color:#c23321;} .callout.callout-warning{border-color:#c87f0a;} .callout.callout-info{border-color:#0097bc;} .callout.callout-success{border-color:#00733e;} /* * Component:alert * ---------------- */ .alert{border-radius:3px;} .alert h4{font-weight:600;} .alert .icon{margin-right:10px;} .alert .close{color:#000;opacity:0.2;filter:alpha(opacity=20);} .alert .close:hover{opacity:0.5;filter:alpha(opacity=50);} .alert a{color:#fff;text-decoration:underline;} .alert-success{border-color:#008d4c;} .alert-danger,.alert-error{border-color:#d73925;} .alert-warning{border-color:#e08e0b;} .alert-info{border-color:#00acd6;} /* * Component:Nav * -------------- */ /*.nav > li > a:hover,.nav > li > a:active,.nav > li > a:focus{color:#444;background:#f7f7f7;}*/ /* NAV PILLS */ .nav-pills > li > a{border-radius:0;border-top:3px solid transparent;color:#444;} .nav-pills > li > a > .fa,.nav-pills > li > a > .glyphicon,.nav-pills > li > a > .ion{margin-right:5px;} .nav-pills > li.active > a,.nav-pills > li.active > a:hover,.nav-pills > li.active > a:focus{border-top-color:var(--btn-primary);} .nav-pills > li.active > a{font-weight:600;} .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover,.btn-primary.focus, .btn-primary:focus{background-color: var(--btn-primary)} /* NAV STACKED */ .nav-stacked > li > a{border-radius:0;border-top:0;border-left:3px solid transparent;color:#444;} .nav-stacked > li.active > a,.nav-stacked > li.active > a:hover{background:transparent;color:#444;border-top:0;border-left-color:var(--btn-primary);} .nav-stacked > li.header{border-bottom:1px solid #ddd;color:#777;margin-bottom:10px;padding:5px 10px;text-transform:uppercase;} /* NAV TABS */ .nav-tabs-custom > .nav-tabs{position: relative !important;z-index:9;border:none;} /*.nav-tabs-custom > .nav-tabs > li{border-top:3px solid transparent;margin-bottom:-2px;margin-right:20px;} .nav-tabs-custom > .nav-tabs>li>a{border-bottom: 2px solid transparent!important;border-radius: 0 !important;text-align: center !important;color: var(--btn-primary) !important; font-weight: 500 !important;font-size: 15px;margin:0 !important;} .nav-tabs-custom > .nav-tabs>li.active>a, .nav-tabs-custom > .nav-tabs>li.active>a:focus, .nav-tabs-custom > .nav-tabs>li.active>a:hover, .nav-tabs-custom > .nav-tabs>li:hover>a{border-bottom:2px solid var(--btn-primary);position: relative;padding:5px 12px 8px !important} .nav-tabs-custom > .nav-tabs > li.disabled > a{color:#777;} .nav-tabs-custom > .nav-tabs > li > a{color:#444;border-radius:0;} .nav-tabs-custom > .nav-tabs > li > a.text-muted{color:#999;} .nav-tabs-custom > .nav-tabs > li > a, .nav-tabs-custom > .nav-tabs > li > a:hover{background:transparent;margin:0;} .nav-tabs-custom > .nav-tabs > li > a:hover{color:#999;}*/ .nav-tabs-custom > .tab-content{margin:0;padding:0;background:#fff;} .nav-tabs-custom > .tab-content label, .content__sections .section label{font-size:13px;margin:-2px 3px 5px 0;font-weight:500;color:#333C4E;} .content__sections .section .form-control.nya-bs-select .btn.btn-default { background-color: #fff !important; color: #444 !important; padding:2px 0 !important; height: auto !important; line-height:inherit !important; border:none !important; font-weight:normal; } .content__sections .section .form-control.nya-bs-select{border:1px solid #caccd6;} .nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active{border-color:transparent;} /*.nav-tabs-custom > .nav-tabs > li.active{border-top-color:var(--btn-primary);} .nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a{background-color:#fff;color:#444;} .nav-tabs-custom > .nav-tabs > li.active > a{border-top-color:transparent;border-left-color:#f4f4f4;border-right-color:#f4f4f4;} .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a{border-left-color:transparent;}*/ .nav-tabs-custom > .nav-tabs.pull-right{float:none !important;} .nav-tabs-custom > .nav-tabs.pull-right > li{float:right;} .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type{margin-right:0;} .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a{border-left-width:1px;} .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a{border-left-color:#f4f4f4;border-right-color:transparent;} .nav-tabs-custom > .nav-tabs > li.header{line-height:35px;padding:0 10px;font-size:20px;color:#444;} .nav-tabs-custom > .nav-tabs > li.header > .fa, .nav-tabs-custom > .nav-tabs > li.header > .glyphicon, .nav-tabs-custom > .nav-tabs > li.header > .ion{margin-right:5px;} .nav-tabs-custom .dropdown.open > a:active, .nav-tabs-custom .dropdown.open > a:focus{background:transparent;color:#999;} .nav-tabs-custom.tab-primary > .nav-tabs > li.active{border-top-color:var(--btn-primary);} .nav-tabs-custom.tab-info > .nav-tabs > li.active{border-top-color:#00c0ef;} .nav-tabs-custom.tab-danger > .nav-tabs > li.active{border-top-color:#dd4b39;} .nav-tabs-custom.tab-warning > .nav-tabs > li.active{border-top-color:#f39c12;} .nav-tabs-custom.tab-success A> .nav-tabs > li.active{border-top-color:#00a65a;} .nav-tabs-custom.tab-default > .nav-tabs > li.active{border-top-color:#d2d6de;} /* PAGINATION */ .pagination > li > a{background:#fafafa;color:#666;} .pagination.pagination-flat > li > a{border-radius:0 !important;} /* * Component:Products List * ------------------------ */ .products-list{list-style:none;margin:0;padding:0;} .products-list > .item{border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);padding:10px 0;background:#fff;} .products-list > .item:before,.products-list > .item:after{content:" ";display:table;} .products-list > .item:after{clear:both;} .products-list .product-img{float:left;} .products-list .product-img img{width:50px;height:50px;} .products-list .product-info{margin-left:60px;} .products-list .product-title{font-weight:600;} .products-list .product-description{display:block;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .product-list-in-box > .item{-webkit-box-shadow:none;box-shadow:none;border-radius:0;border-bottom:1px solid #f4f4f4;} .product-list-in-box > .item:last-of-type{border-bottom-width:0;} /* * Component:Table * ---------------- */ .table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td{border-top:1px solid #f4f4f4;} .table > thead > tr > th{border-bottom:2px solid #f4f4f4;} .table tr td .progress{margin-top:5px;} .table-bordered{border:1px solid #f4f4f4;} .table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td{border:1px solid #f4f4f4;} .table-bordered > thead > tr > th,.table-bordered > thead > tr > td{border-bottom-width:2px;} .table.no-border,.table.no-border td,.table.no-border th{border:0;} /* .text-center in tables */ table.text-center,table.text-center td,table.text-center th{text-align:center;} .table.align th{text-align:left;} .table.align td{text-align:right;} /* * Component:Label * ---------------- */ .label-default{background-color:#d2d6de;color:#444;} /* * Component:Direct Chat * ---------------------- */ .direct-chat .box-body{border-bottom-right-radius:0;border-bottom-left-radius:0;position:relative;overflow-x:hidden;padding:0;} .direct-chat.chat-pane-open .direct-chat-contacts{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);} .direct-chat-messages{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);padding:10px;height:250px;overflow:auto;} .direct-chat-msg,.direct-chat-text{display:block;} .direct-chat-msg{margin-bottom:10px;} .direct-chat-msg:before,.direct-chat-msg:after{content:" ";display:table;} .direct-chat-msg:after{clear:both;} .direct-chat-messages,.direct-chat-contacts{-webkit-transition:-webkit-transform 0.5s ease-in-out;-moz-transition:-moz-transform 0.5s ease-in-out;-o-transition:-o-transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out;} .direct-chat-text{border-radius:5px;position:relative;padding:5px 10px;background:#d2d6de;border:1px solid #d2d6de;margin:5px 0 0 50px;color:#444444;} .direct-chat-text:after,.direct-chat-text:before{position:absolute;right:100%;top:15px;border:solid transparent;border-right-color:#d2d6de;content:' ';height:0;width:0;pointer-events:none;} .direct-chat-text:after{border-width:5px;margin-top:-5px;} .direct-chat-text:before{border-width:6px;margin-top:-6px;} .right .direct-chat-text{margin-right:50px;margin-left:0;} .right .direct-chat-text:after,.right .direct-chat-text:before{right:auto;left:100%;border-right-color:transparent;border-left-color:#d2d6de;} .direct-chat-img{border-radius:50%;float:left;width:40px;height:40px;} .right .direct-chat-img{float:right;} .direct-chat-info{display:block;margin-bottom:2px;font-size:12px;} .direct-chat-name{font-weight:600;} .direct-chat-timestamp{color:#999;} .direct-chat-contacts-open .direct-chat-contacts{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);} .direct-chat-contacts{-webkit-transform:translate(101%, 0);-ms-transform:translate(101%, 0);-o-transform:translate(101%, 0);transform:translate(101%, 0);position:absolute;top:0;bottom:0;height:250px;width:100%;background:#222d32;color:#fff;overflow:auto;} .contacts-list > li{border-bottom:1px solid rgba(0, 0, 0, 0.2);padding:10px;margin:0;} .contacts-list > li:before,.contacts-list > li:after{content:" ";display:table;} .contacts-list > li:after{clear:both;} .contacts-list > li:last-of-type{border-bottom:none;} .contacts-list-img{border-radius:50%;width:40px;float:left;} .contacts-list-info{margin-left:45px;color:#fff;} .contacts-list-name,.contacts-list-status{display:block;} .contacts-list-name{font-weight:600;} .contacts-list-status{font-size:12px;} .contacts-list-date{color:#aaa;font-weight:normal;} .contacts-list-msg{color:#999;} .direct-chat-danger .right > .direct-chat-text{background:#dd4b39;border-color:#dd4b39;color:#ffffff;} .direct-chat-danger .right > .direct-chat-text:after,.direct-chat-danger .right > .direct-chat-text:before{border-left-color:#dd4b39;} .direct-chat-primary .right > .direct-chat-text{background:var(--btn-primary);border-color:var(--btn-primary);color:#ffffff;} .direct-chat-primary .right > .direct-chat-text:after,.direct-chat-primary .right > .direct-chat-text:before{border-left-color:var(--btn-primary);} .direct-chat-warning .right > .direct-chat-text{background:#f39c12;border-color:#f39c12;color:#ffffff;} .direct-chat-warning .right > .direct-chat-text:after,.direct-chat-warning .right > .direct-chat-text:before{border-left-color:#f39c12;} .direct-chat-info .right > .direct-chat-text{background:#00c0ef;border-color:#00c0ef;color:#ffffff;} .direct-chat-info .right > .direct-chat-text:after,.direct-chat-info .right > .direct-chat-text:before{border-left-color:#00c0ef;} .direct-chat-success .right > .direct-chat-text{background:#00a65a;border-color:#00a65a;color:#ffffff;} .direct-chat-success .right > .direct-chat-text:after,.direct-chat-success .right > .direct-chat-text:before{border-left-color:#00a65a;} /* * Component:Users List * --------------------- */ .users-list > li{width:25%;float:left;padding:10px;text-align:center;} .users-list > li img{border-radius:50%;max-width:100%;height:auto;} .users-list > li > a:hover,.users-list > li > a:hover .users-list-name{color:#999;} .users-list-name,.users-list-date{display:block;} .users-list-name{font-weight:600;color:#444;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .users-list-date{color:#999;font-size:12px;} /* * Component:Carousel * ------------------- */ .carousel-control.left,.carousel-control.right{background-image:none;} .carousel-control > .fa{font-size:40px;position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-20px;} /* * Component:modal * ---------------- */ .modal{background:rgba(0, 0, 0, 0.3);z-index:999999} .modal-content{-webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.125);box-shadow:0 2px 3px rgba(0, 0, 0, 0.125);border:0;} @media (min-width:768px){ .modal-content{-webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.125);box-shadow:0 2px 3px rgba(0, 0, 0, 0.125);} } .modal-header{border-bottom-color:#f4f4f4;} .modal-footer{border-top-color:#f4f4f4;} .modal-primary .modal-header,.modal-primary .modal-footer{border-color:#307095;} .modal-warning .modal-header,.modal-warning .modal-footer{border-color:#c87f0a;} .modal-info .modal-header,.modal-info .modal-footer{border-color:#0097bc;} .modal-success .modal-header,.modal-success .modal-footer{border-color:#00733e;} .modal-danger .modal-header,.modal-danger .modal-footer{border-color:#c23321;} /* * Component:Social Widgets * ------------------------- */ .box-widget{border:none;position:relative;} .widget-user .widget-user-header{padding:20px;height:120px;border-top-right-radius:3px;border-top-left-radius:3px;} .widget-user .widget-user-username{margin-top:0;margin-bottom:5px;font-size:25px;font-weight:300;text-shadow:0 1px 1px rgba(0, 0, 0, 0.2);} .widget-user .widget-user-desc{margin-top:0;} .widget-user .widget-user-image{position:absolute;top:65px;left:50%;margin-left:-45px;} .widget-user .widget-user-image > img{width:90px;height:auto;border:3px solid #fff;} .widget-user .box-footer{padding-top:30px;} .widget-user-2 .widget-user-header{padding:20px;border-top-right-radius:3px;border-top-left-radius:3px;} .widget-user-2 .widget-user-username{margin-top:5px;margin-bottom:5px;font-size:25px;font-weight:300;} .widget-user-2 .widget-user-desc{margin-top:0;} .widget-user-2 .widget-user-username,.widget-user-2 .widget-user-desc{margin-left:75px;} .widget-user-2 .widget-user-image > img{width:65px;height:auto;float:left;} .treeview-menu{display:none;list-style:none;padding:0;margin:0;padding-left:5px;} .treeview-menu .treeview-menu{padding-left:20px;} .treeview-menu > li{margin:0;} .treeview-menu > li > a{padding:5px 5px 5px 15px;display:block;font-size:14px;} .treeview-menu > li > a > .fa,.treeview-menu > li > a > .glyphicon,.treeview-menu > li > a > .ion{width:20px;} .treeview-menu > li > a > .pull-right-container > .fa-angle-left,.treeview-menu > li > a > .pull-right-container > .fa-angle-down,.treeview-menu > li > a > .fa-angle-left,.treeview-menu > li > a > .fa-angle-down{width:auto;} /* * Page:Mailbox * ------------- */ .mailbox-messages > .table{margin:0;} .mailbox-controls{padding:5px;} .mailbox-controls.with-border{border-bottom:1px solid #f4f4f4;} .mailbox-read-info{border-bottom:1px solid #f4f4f4;padding:10px;} .mailbox-read-info h3{font-size:20px;margin:0;} .mailbox-read-info h5{margin:0;padding:5px 0 0 0;} .mailbox-read-time{color:#999;font-size:13px;} .mailbox-read-message{padding:10px;} .mailbox-attachments li{float:left;width:200px;border:1px solid #eee;margin-bottom:10px;margin-right:10px;} .mailbox-attachment-name{font-weight:bold;color:#666;} .mailbox-attachment-icon,.mailbox-attachment-info,.mailbox-attachment-size{display:block;} .mailbox-attachment-info{padding:10px;background:#f4f4f4;} .mailbox-attachment-size{color:#999;font-size:12px;} .mailbox-attachment-icon{text-align:center;font-size:65px;color:#666;padding:20px 10px;} .mailbox-attachment-icon.has-img{padding:0;} .mailbox-attachment-icon.has-img > img{max-width:100%;height:auto;} /* * Page:Lock Screen * ----------------- */ /* ADD THIS CLASS TO THE TAG */ .lockscreen{background:#d2d6de;} .lockscreen-logo{font-size:35px;text-align:center;margin-bottom:25px;font-weight:300;} .lockscreen-logo a{color:#444;} .lockscreen-wrapper{max-width:400px;margin:0 auto;margin-top:10%;} /* User name [optional] */ .lockscreen .lockscreen-name{text-align:center;font-weight:600;} /* Will contain the image and the sign in form */ .lockscreen-item{border-radius:4px;padding:0;background:#fff;position:relative;margin:10px auto 30px auto;width:290px;} /* User image */ .lockscreen-image{border-radius:50%;position:absolute;left:-10px;top:-25px;background:#fff;padding:5px;z-index:10;} .lockscreen-image > img{border-radius:50%;width:70px;height:70px;} /* Contains the password input and the login button */ .lockscreen-credentials{margin-left:70px;} .lockscreen-credentials .form-control{border:0;} .lockscreen-credentials .btn{background-color:#fff;border:0;padding:0 10px;} .lockscreen-footer{margin-top:10px;} /* * Page:Login & Register * ---------------------- */ .login-logo,.register-logo{font-size:35px;text-align:center;margin-bottom:25px;font-weight:300;} .login-logo a,.register-logo a{color:#444;} .login-page,.register-page{background:#d2d6de;} .login-box,.register-box{width:360px;margin:7% auto;} @media (max-width:768px){ .login-box, .register-box{width:90%;margin-top:20px;} } .login-box-body,.register-box-body{background:#fff;padding:20px;border-top:0;color:#666;} .login-box-body .form-control-feedback,.register-box-body .form-control-feedback{color:#777;} .login-box-msg,.register-box-msg{margin:0;text-align:center;padding:0 20px 20px 20px;} .social-auth-links{margin:10px 0;} /* * Page:400 and 500 error pages * ------------------------------ */ .error-page{width:600px;margin:20px auto 0 auto;} @media (max-width:991px){ .error-page{width:100%;} } .error-page > .headline{float:left;font-size:100px;font-weight:300;} @media (max-width:991px){ .error-page > .headline{float:none;text-align:center;} } .error-page > .error-content{margin-left:190px;display:block;} @media (max-width:991px){ .error-page > .error-content{margin-left:0;} } .error-page > .error-content > h3{font-weight:300;font-size:25px;} @media (max-width:991px){ .error-page > .error-content > h3{text-align:center;} } /* * Page:Invoice * ------------- */ .invoice{position:relative;background:#fff;border:1px solid #f4f4f4;padding:20px;margin:10px 25px;} .invoice-title{margin-top:0;} /* * Page:Profile * ------------- */ .profile-user-img{margin:0 auto;width:100px;padding:3px;border:3px solid #d2d6de;} .profile-username{font-size:21px;margin-top:5px;} .post{border-bottom:1px solid #d2d6de;margin-bottom:15px;padding-bottom:15px;color:#666;} .post:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0;} .post .user-block{margin-bottom:15px;} /* * Social Buttons for Bootstrap * * Copyright 2013-2015 Panayiotis Lipiridis * Licensed under the MIT License * * https://github.com/lipis/bootstrap-social */ .btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .btn-social >:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0, 0, 0, 0.2);} .btn-social.btn-lg{padding-left:61px;} .btn-social.btn-lg >:first-child{line-height:45px;width:45px;font-size:1.8em;} .btn-social.btn-sm{padding-left:38px;} .btn-social.btn-sm >:first-child{line-height:28px;width:28px;font-size:1.4em;} .btn-social.btn-xs{padding-left:30px;} .btn-social.btn-xs >:first-child{line-height:20px;width:20px;font-size:1.2em;} .btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0;} .btn-social-icon >:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0, 0, 0, 0.2);} .btn-social-icon.btn-lg{padding-left:61px;} .btn-social-icon.btn-lg >:first-child{line-height:45px;width:45px;font-size:1.8em;} .btn-social-icon.btn-sm{padding-left:38px;} .btn-social-icon.btn-sm >:first-child{line-height:28px;width:28px;font-size:1.4em;} .btn-social-icon.btn-xs{padding-left:30px;} .btn-social-icon.btn-xs >:first-child{line-height:20px;width:20px;font-size:1.2em;} .btn-social-icon >:first-child{border:none;text-align:center;width:100%;} .btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0;} .btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0;} .btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0;} .btn-adn{color:#ffffff;background-color:#d87a68;border-color:rgba(0, 0, 0, 0.2);} .btn-adn:focus,.btn-adn.focus{color:#ffffff;background-color:#ce563f;border-color:rgba(0, 0, 0, 0.2);} .btn-adn:hover{color:#ffffff;background-color:#ce563f;border-color:rgba(0, 0, 0, 0.2);} .btn-adn:active,.btn-adn.active,.open > .dropdown-toggle.btn-adn{color:#ffffff;background-color:#ce563f;border-color:rgba(0, 0, 0, 0.2);} .btn-adn:active,.btn-adn.active,.open > .dropdown-toggle.btn-adn{background-image:none;} .btn-adn .badge{color:#d87a68;background-color:#ffffff;} .btn-bitbucket{color:#ffffff;background-color:#205081;border-color:rgba(0, 0, 0, 0.2);} .btn-bitbucket:focus,.btn-bitbucket.focus{color:#ffffff;background-color:#163758;border-color:rgba(0, 0, 0, 0.2);} .btn-bitbucket:hover{color:#ffffff;background-color:#163758;border-color:rgba(0, 0, 0, 0.2);} .btn-bitbucket:active,.btn-bitbucket.active,.open > .dropdown-toggle.btn-bitbucket{color:#ffffff;background-color:#163758;border-color:rgba(0, 0, 0, 0.2);} .btn-bitbucket:active,.btn-bitbucket.active,.open > .dropdown-toggle.btn-bitbucket{background-image:none;} .btn-bitbucket .badge{color:#205081;background-color:#ffffff;} .btn-dropbox{color:#ffffff;background-color:#1087dd;border-color:rgba(0, 0, 0, 0.2);} .btn-dropbox:focus,.btn-dropbox.focus{color:#ffffff;background-color:#0d6aad;border-color:rgba(0, 0, 0, 0.2);} .btn-dropbox:hover{color:#ffffff;background-color:#0d6aad;border-color:rgba(0, 0, 0, 0.2);} .btn-dropbox:active,.btn-dropbox.active,.open > .dropdown-toggle.btn-dropbox{color:#ffffff;background-color:#0d6aad;border-color:rgba(0, 0, 0, 0.2);} .btn-dropbox:active,.btn-dropbox.active,.open > .dropdown-toggle.btn-dropbox{background-image:none;} .btn-dropbox .badge{color:#1087dd;background-color:#ffffff;} .btn-facebook{color:#ffffff;background-color:#3b5998;border-color:rgba(0, 0, 0, 0.2);} .btn-facebook:focus,.btn-facebook.focus{color:#ffffff;background-color:#2d4373;border-color:rgba(0, 0, 0, 0.2);} .btn-facebook:hover{color:#ffffff;background-color:#2d4373;border-color:rgba(0, 0, 0, 0.2);} .btn-facebook:active,.btn-facebook.active,.open > .dropdown-toggle.btn-facebook{color:#ffffff;background-color:#2d4373;border-color:rgba(0, 0, 0, 0.2);} .btn-facebook:active,.btn-facebook.active,.open > .dropdown-toggle.btn-facebook{background-image:none;} .btn-facebook .badge{color:#3b5998;background-color:#ffffff;} .btn-flickr{color:#ffffff;background-color:#ff0084;border-color:rgba(0, 0, 0, 0.2);} .btn-flickr:focus,.btn-flickr.focus{color:#ffffff;background-color:#cc006a;border-color:rgba(0, 0, 0, 0.2);} .btn-flickr:hover{color:#ffffff;background-color:#cc006a;border-color:rgba(0, 0, 0, 0.2);} .btn-flickr:active,.btn-flickr.active,.open > .dropdown-toggle.btn-flickr{color:#ffffff;background-color:#cc006a;border-color:rgba(0, 0, 0, 0.2);} .btn-flickr:active,.btn-flickr.active,.open > .dropdown-toggle.btn-flickr{background-image:none;} .btn-flickr .badge{color:#ff0084;background-color:#ffffff;} .btn-foursquare{color:#ffffff;background-color:#f94877;border-color:rgba(0, 0, 0, 0.2);} .btn-foursquare:focus,.btn-foursquare.focus{color:#ffffff;background-color:#f71752;border-color:rgba(0, 0, 0, 0.2);} .btn-foursquare:hover{color:#ffffff;background-color:#f71752;border-color:rgba(0, 0, 0, 0.2);} .btn-foursquare:active,.btn-foursquare.active,.open > .dropdown-toggle.btn-foursquare{color:#ffffff;background-color:#f71752;border-color:rgba(0, 0, 0, 0.2);} .btn-foursquare:active,.btn-foursquare.active,.open > .dropdown-toggle.btn-foursquare{background-image:none;} .btn-foursquare .badge{color:#f94877;background-color:#ffffff;} .btn-github{color:#ffffff;background-color:#444444;border-color:rgba(0, 0, 0, 0.2);} .btn-github:focus,.btn-github.focus{color:#ffffff;background-color:#2b2b2b;border-color:rgba(0, 0, 0, 0.2);} .btn-github:hover{color:#ffffff;background-color:#2b2b2b;border-color:rgba(0, 0, 0, 0.2);} .btn-github:active,.btn-github.active,.open > .dropdown-toggle.btn-github{color:#ffffff;background-color:#2b2b2b;border-color:rgba(0, 0, 0, 0.2);} .btn-github:active,.btn-github.active,.open > .dropdown-toggle.btn-github{background-image:none;} .btn-github .badge{color:#444444;background-color:#ffffff;} .btn-google{color:#ffffff;background-color:#dd4b39;border-color:rgba(0, 0, 0, 0.2);} .btn-google:focus,.btn-google.focus{color:#ffffff;background-color:#c23321;border-color:rgba(0, 0, 0, 0.2);} .btn-google:hover{color:#ffffff;background-color:#c23321;border-color:rgba(0, 0, 0, 0.2);} .btn-google:active,.btn-google.active,.open > .dropdown-toggle.btn-google{color:#ffffff;background-color:#c23321;border-color:rgba(0, 0, 0, 0.2);} .btn-google:active,.btn-google.active,.open > .dropdown-toggle.btn-google{background-image:none;} .btn-google .badge{color:#dd4b39;background-color:#ffffff;} .btn-instagram{color:#ffffff;background-color:#3f729b;border-color:rgba(0, 0, 0, 0.2);} .btn-instagram:focus,.btn-instagram.focus{color:#ffffff;background-color:#305777;border-color:rgba(0, 0, 0, 0.2);} .btn-instagram:hover{color:#ffffff;background-color:#305777;border-color:rgba(0, 0, 0, 0.2);} .btn-instagram:active,.btn-instagram.active,.open > .dropdown-toggle.btn-instagram{color:#ffffff;background-color:#305777;border-color:rgba(0, 0, 0, 0.2);} .btn-instagram:active,.btn-instagram.active,.open > .dropdown-toggle.btn-instagram{background-image:none;} .btn-instagram .badge{color:#3f729b;background-color:#ffffff;} .btn-linkedin{color:#ffffff;background-color:#007bb6;border-color:rgba(0, 0, 0, 0.2);} .btn-linkedin:focus,.btn-linkedin.focus{color:#ffffff;background-color:#005983;border-color:rgba(0, 0, 0, 0.2);} .btn-linkedin:hover{color:#ffffff;background-color:#005983;border-color:rgba(0, 0, 0, 0.2);} .btn-linkedin:active,.btn-linkedin.active,.open > .dropdown-toggle.btn-linkedin{color:#ffffff;background-color:#005983;border-color:rgba(0, 0, 0, 0.2);} .btn-linkedin:active,.btn-linkedin.active,.open > .dropdown-toggle.btn-linkedin{background-image:none;} .btn-linkedin .badge{color:#007bb6;background-color:#ffffff;} .btn-microsoft{color:#ffffff;background-color:#2672ec;border-color:rgba(0, 0, 0, 0.2);} .btn-microsoft:focus,.btn-microsoft.focus{color:#ffffff;background-color:#125acd;border-color:rgba(0, 0, 0, 0.2);} .btn-microsoft:hover{color:#ffffff;background-color:#125acd;border-color:rgba(0, 0, 0, 0.2);} .btn-microsoft:active,.btn-microsoft.active,.open > .dropdown-toggle.btn-microsoft{color:#ffffff;background-color:#125acd;border-color:rgba(0, 0, 0, 0.2);} .btn-microsoft:active,.btn-microsoft.active,.open > .dropdown-toggle.btn-microsoft{background-image:none;} .btn-microsoft .badge{color:#2672ec;background-color:#ffffff;} .btn-openid{color:#ffffff;background-color:#f7931e;border-color:rgba(0, 0, 0, 0.2);} .btn-openid:focus,.btn-openid.focus{color:#ffffff;background-color:#da7908;border-color:rgba(0, 0, 0, 0.2);} .btn-openid:hover{color:#ffffff;background-color:#da7908;border-color:rgba(0, 0, 0, 0.2);} .btn-openid:active,.btn-openid.active,.open > .dropdown-toggle.btn-openid{color:#ffffff;background-color:#da7908;border-color:rgba(0, 0, 0, 0.2);} .btn-openid:active,.btn-openid.active,.open > .dropdown-toggle.btn-openid{background-image:none;} .btn-openid .badge{color:#f7931e;background-color:#ffffff;} .btn-pinterest{color:#ffffff;background-color:#cb2027;border-color:rgba(0, 0, 0, 0.2);} .btn-pinterest:focus,.btn-pinterest.focus{color:#ffffff;background-color:#9f191f;border-color:rgba(0, 0, 0, 0.2);} .btn-pinterest:hover{color:#ffffff;background-color:#9f191f;border-color:rgba(0, 0, 0, 0.2);} .btn-pinterest:active,.btn-pinterest.active,.open > .dropdown-toggle.btn-pinterest{color:#ffffff;background-color:#9f191f;border-color:rgba(0, 0, 0, 0.2);} .btn-pinterest:active,.btn-pinterest.active,.open > .dropdown-toggle.btn-pinterest{background-image:none;} .btn-pinterest .badge{color:#cb2027;background-color:#ffffff;} .btn-reddit{color:#000000;background-color:#eff7ff;border-color:rgba(0, 0, 0, 0.2);} .btn-reddit:focus,.btn-reddit.focus{color:#000000;background-color:#bcddff;border-color:rgba(0, 0, 0, 0.2);} .btn-reddit:hover{color:#000000;background-color:#bcddff;border-color:rgba(0, 0, 0, 0.2);} .btn-reddit:active,.btn-reddit.active,.open > .dropdown-toggle.btn-reddit{color:#000000;background-color:#bcddff;border-color:rgba(0, 0, 0, 0.2);} .btn-reddit:active,.btn-reddit.active,.open > .dropdown-toggle.btn-reddit{background-image:none;} .btn-reddit .badge{color:#eff7ff;background-color:#000000;} .btn-soundcloud{color:#ffffff;background-color:#ff5500;border-color:rgba(0, 0, 0, 0.2);} .btn-soundcloud:focus,.btn-soundcloud.focus{color:#ffffff;background-color:#cc4400;border-color:rgba(0, 0, 0, 0.2);} .btn-soundcloud:hover{color:#ffffff;background-color:#cc4400;border-color:rgba(0, 0, 0, 0.2);} .btn-soundcloud:active,.btn-soundcloud.active,.open > .dropdown-toggle.btn-soundcloud{color:#ffffff;background-color:#cc4400;border-color:rgba(0, 0, 0, 0.2);} .btn-soundcloud:active,.btn-soundcloud.active,.open > .dropdown-toggle.btn-soundcloud{background-image:none;} .btn-soundcloud .badge{color:#ff5500;background-color:#ffffff;} .btn-tumblr{color:#ffffff;background-color:#2c4762;border-color:rgba(0, 0, 0, 0.2);} .btn-tumblr:focus,.btn-tumblr.focus{color:#ffffff;background-color:#1c2d3f;border-color:rgba(0, 0, 0, 0.2);} .btn-tumblr:hover{color:#ffffff;background-color:#1c2d3f;border-color:rgba(0, 0, 0, 0.2);} .btn-tumblr:active,.btn-tumblr.active,.open > .dropdown-toggle.btn-tumblr{color:#ffffff;background-color:#1c2d3f;border-color:rgba(0, 0, 0, 0.2);} .btn-tumblr:active,.btn-tumblr.active,.open > .dropdown-toggle.btn-tumblr{background-image:none;} .btn-tumblr .badge{color:#2c4762;background-color:#ffffff;} .btn-twitter{color:#ffffff;background-color:#55acee;border-color:rgba(0, 0, 0, 0.2);} .btn-twitter:focus,.btn-twitter.focus{color:#ffffff;background-color:#2795e9;border-color:rgba(0, 0, 0, 0.2);} .btn-twitter:hover{color:#ffffff;background-color:#2795e9;border-color:rgba(0, 0, 0, 0.2);} .btn-twitter:active,.btn-twitter.active,.open > .dropdown-toggle.btn-twitter{color:#ffffff;background-color:#2795e9;border-color:rgba(0, 0, 0, 0.2);} .btn-twitter:active,.btn-twitter.active,.open > .dropdown-toggle.btn-twitter{background-image:none;} .btn-twitter .badge{color:#55acee;background-color:#ffffff;} .btn-vimeo{color:#ffffff;background-color:#1ab7ea;border-color:rgba(0, 0, 0, 0.2);} .btn-vimeo:focus,.btn-vimeo.focus{color:#ffffff;background-color:#1295bf;border-color:rgba(0, 0, 0, 0.2);} .btn-vimeo:hover{color:#ffffff;background-color:#1295bf;border-color:rgba(0, 0, 0, 0.2);} .btn-vimeo:active,.btn-vimeo.active,.open > .dropdown-toggle.btn-vimeo{color:#ffffff;background-color:#1295bf;border-color:rgba(0, 0, 0, 0.2);} .btn-vimeo:active,.btn-vimeo.active,.open > .dropdown-toggle.btn-vimeo{background-image:none;} .btn-vimeo .badge{color:#1ab7ea;background-color:#ffffff;} .btn-vk{color:#ffffff;background-color:#587ea3;border-color:rgba(0, 0, 0, 0.2);} .btn-vk:focus,.btn-vk.focus{color:#ffffff;background-color:#466482;border-color:rgba(0, 0, 0, 0.2);} .btn-vk:hover{color:#ffffff;background-color:#466482;border-color:rgba(0, 0, 0, 0.2);} .btn-vk:active,.btn-vk.active,.open > .dropdown-toggle.btn-vk{color:#ffffff;background-color:#466482;border-color:rgba(0, 0, 0, 0.2);} .btn-vk:active,.btn-vk.active,.open > .dropdown-toggle.btn-vk{background-image:none;} .btn-vk .badge{color:#587ea3;background-color:#ffffff;} .btn-yahoo{color:#ffffff;background-color:#720e9e;border-color:rgba(0, 0, 0, 0.2);} .btn-yahoo:focus,.btn-yahoo.focus{color:#ffffff;background-color:#500a6f;border-color:rgba(0, 0, 0, 0.2);} .btn-yahoo:hover{color:#ffffff;background-color:#500a6f;border-color:rgba(0, 0, 0, 0.2);} .btn-yahoo:active,.btn-yahoo.active,.open > .dropdown-toggle.btn-yahoo{color:#ffffff;background-color:#500a6f;border-color:rgba(0, 0, 0, 0.2);} .btn-yahoo:active,.btn-yahoo.active,.open > .dropdown-toggle.btn-yahoo{background-image:none;} .btn-yahoo .badge{color:#720e9e;background-color:#ffffff;} /* * Plugin:Full Calendar * --------------------- */ .fc-button{background:#f4f4f4;background-image:none;color:#444;border-color:#ddd;border-bottom-color:#ddd;} .fc-button:hover,.fc-button:active,.fc-button.hover{background-color:#e9e9e9;} .fc-header-title h2{font-size:15px;line-height:1.6em;color:#666;margin-left:10px;} .fc-header-right{padding-right:10px;} .fc-header-left{padding-left:10px;} .fc-widget-header{background:#fafafa;} .fc-grid{width:100%;border:0;} .fc-widget-header:first-of-type,.fc-widget-content:first-of-type{border-left:0;border-right:0;} .fc-widget-header:last-of-type,.fc-widget-content:last-of-type{border-right:0;} .fc-toolbar{padding:10px;margin:0;} .fc-day-number{font-size:20px;font-weight:300;padding-right:10px;} .fc-color-picker{list-style:none;margin:0;padding:0;} .fc-color-picker > li{float:left;font-size:30px;margin-right:5px;line-height:30px;} .fc-color-picker > li .fa{-webkit-transition:-webkit-transform linear 0.3s;-moz-transition:-moz-transform linear 0.3s;-o-transition:-o-transform linear 0.3s;transition:transform linear 0.3s;} .fc-color-picker > li .fa:hover{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg);} #add-new-event{-webkit-transition:all linear 0.3s;-o-transition:all linear 0.3s;transition:all linear 0.3s;} .external-event{padding:5px 10px;font-weight:bold;margin-bottom:4px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);text-shadow:0 1px 1px rgba(0, 0, 0, 0.1);border-radius:3px;cursor:move;} .external-event:hover{box-shadow:inset 0 0 90px rgba(0, 0, 0, 0.2);} /* * Plugin:Select2 * --------------- */ .select2-container--default.select2-container--focus,.select2-selection.select2-container--focus,.select2-container--default:focus,.select2-selection:focus,.select2-container--default:active,.select2-selection:active{outline:none;} .select2-container--default .select2-selection--single,.select2-selection .select2-selection--single{border:1px solid #e4e5e8;border-radius:0;padding:6px 12px;height:34px;} .select2-container--default.select2-container--open{border-color:var(--btn-primary);} .select2-dropdown{border:1px solid #d2d6de;border-radius:0;} .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--btn-primary);color:white;} .select2-results__option{padding:6px 12px;user-select:none;-webkit-user-select:none;} .select2-container .select2-selection--single .select2-selection__rendered{padding-left:0;padding-right:0;height:auto;margin-top:-4px;} .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:6px;padding-left:20px;} .select2-container--default .select2-selection--single .select2-selection__arrow{height:28px;right:3px;} .select2-container--default .select2-selection--single .select2-selection__arrow b{margin-top:0;} .select2-dropdown .select2-search__field,.select2-search--inline .select2-search__field{border:1px solid #d2d6de;} .select2-dropdown .select2-search__field:focus,.select2-search--inline .select2-search__field:focus{outline:none;} .select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .select2-search--dropdown .select2-search__field{border-color:var(--btn-primary) !important;} .select2-container--default .select2-results__option[aria-disabled=true]{color:#999;} .select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd;} .select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{color:#444;} .select2-container--default .select2-selection--multiple{border:1px solid #d2d6de;border-radius:0;} .select2-container--default .select2-selection--multiple:focus{border-color:var(--btn-primary);} .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#d2d6de;} .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:var(--btn-primary);border-color:#367fa9;padding:1px 10px;color:#fff;} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{margin-right:5px;color:rgba(255, 255, 255, 0.7);} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff;} .select2-container .select2-selection--single .select2-selection__rendered{padding-right:10px;} .box .datepicker-inline,.box .datepicker-inline .datepicker-days,.box .datepicker-inline > table,.box .datepicker-inline .datepicker-days > table{width:100%;} .box .datepicker-inline td:hover,.box .datepicker-inline .datepicker-days td:hover,.box .datepicker-inline > table td:hover,.box .datepicker-inline .datepicker-days > table td:hover{background-color:rgba(255, 255, 255, 0.3);} .box .datepicker-inline td.day.old,.box .datepicker-inline .datepicker-days td.day.old,.box .datepicker-inline > table td.day.old,.box .datepicker-inline .datepicker-days > table td.day.old,.box .datepicker-inline td.day.new,.box .datepicker-inline .datepicker-days td.day.new,.box .datepicker-inline > table td.day.new,.box .datepicker-inline .datepicker-days > table td.day.new{color:#777;} /* * General:Miscellaneous * ---------------------- */ .pad{padding:10px;} .margin{margin:10px;} .margin-bottom{margin-bottom:20px;} .margin-bottom-none{margin-bottom:0;} .margin-r-5{margin-right:5px;} .inline{display:inline;} .description-block{display:block;margin:10px 0;text-align:center;} .description-block.margin-bottom{margin-bottom:25px;} .description-block > .description-header{margin:0;padding:0;font-weight:600;font-size:16px;} .description-block > .description-text{text-transform:uppercase;} .bg-red,.bg-yellow,.bg-aqua,.bg-blue,.bg-light-blue,.bg-green,.bg-navy,.bg-teal,.bg-olive,.bg-lime,.bg-orange,.bg-fuchsia,.bg-purple,.bg-maroon,.bg-black,.bg-red-active,.bg-yellow-active,.bg-aqua-active,.bg-blue-active,.bg-light-blue-active,.bg-green-active,.bg-navy-active,.bg-teal-active,.bg-olive-active,.bg-lime-active,.bg-orange-active,.bg-fuchsia-active,.bg-purple-active,.bg-maroon-active,.bg-black-active,.callout.callout-danger,.callout.callout-warning,.callout.callout-info,.callout.callout-success,.alert-success,.alert-danger,.alert-error,.alert-warning,.alert-info,.label-danger,.label-info,.label-warning,.label-primary,.label-success,.modal-primary .modal-body,.modal-primary .modal-header,.modal-primary .modal-footer,.modal-warning .modal-body,.modal-warning .modal-header,.modal-warning .modal-footer,.modal-info .modal-body,.modal-info .modal-header,.modal-info .modal-footer,.modal-success .modal-body,.modal-success .modal-header,.modal-success .modal-footer,.modal-danger .modal-body,.modal-danger .modal-header,.modal-danger .modal-footer{color:#fff !important;} .bg-gray{color:#000;background-color:#d2d6de !important;} .bg-gray-light{background-color:#f7f7f7;} .bg-black{background-color:#111111 !important;} .bg-red,.callout.callout-danger,.alert-danger,.alert-error,.label-danger,.modal-danger .modal-body{background-color:#dd4b39 !important;} .bg-yellow,.callout.callout-warning,.alert-warning,.label-warning,.modal-warning .modal-body{background-color:#f39c12 !important;} .bg-aqua,.callout.callout-info,.alert-info,.label-info,.modal-info .modal-body{background-color:#00c0ef !important;} .bg-blue{background-color:#0073b7 !important;} .bg-light-blue,.label-primary,.modal-primary .modal-body{background-color:var(--btn-primary) !important;} .bg-green,.callout.callout-success,.alert-success,.label-success,.modal-success .modal-body{background-color:#00a65a !important;} .bg-navy{background-color:#001f3f !important;} .bg-teal{background-color:#39cccc !important;} .bg-olive{background-color:#3d9970 !important;} .bg-lime{background-color:#01ff70 !important;} .bg-orange{background-color:#ff851b !important;} .bg-fuchsia{background-color:#f012be !important;} .bg-purple{background-color:#605ca8 !important;} .bg-maroon{background-color:#d81b60 !important;} .bg-gray-active{color:#000;background-color:#b5bbc8 !important;} .bg-black-active{background-color:#000000 !important;} .bg-red-active,.modal-danger .modal-header,.modal-danger .modal-footer{background-color:#d33724 !important;} .bg-yellow-active,.modal-warning .modal-header,.modal-warning .modal-footer{background-color:#db8b0b !important;} .bg-aqua-active,.modal-info .modal-header,.modal-info .modal-footer{background-color:#00a7d0 !important;} .bg-blue-active{background-color:#005384 !important;} .bg-light-blue-active,.modal-primary .modal-header,.modal-primary .modal-footer{background-color:#357ca5 !important;} .bg-green-active,.modal-success .modal-header,.modal-success .modal-footer{background-color:#008d4c !important;} .bg-navy-active{background-color:#001a35 !important;} .bg-teal-active{background-color:#30bbbb !important;} .bg-olive-active{background-color:#368763 !important;} .bg-lime-active{background-color:#00e765 !important;} .bg-orange-active{background-color:#ff7701 !important;} .bg-fuchsia-active{background-color:#db0ead !important;} .bg-purple-active{background-color:#555299 !important;} .bg-maroon-active{background-color:#ca195a !important;} [class^="bg-"].disabled{opacity:0.65;filter:alpha(opacity=65);} .text-red{color:#dd4b39 !important;} .text-yellow{color:#f39c12 !important;} .text-aqua{color:#00c0ef !important;} .text-blue{color:#0073b7 !important;} .text-black{color:#111111 !important;} .text-light-blue{color:var(--btn-primary) !important;} .text-green{color:#00a65a !important;} .text-gray{color:#d2d6de !important;} .text-navy{color:#001f3f !important;} .text-teal{color:#39cccc !important;} .text-olive{color:#3d9970 !important;} .text-lime{color:#01ff70 !important;} .text-orange{color:#ff851b !important;} .text-fuchsia{color:#f012be !important;} .text-purple{color:#605ca8 !important;} .text-maroon{color:#d81b60 !important;} .link-muted{color:#7a869d;} .link-muted:hover,.link-muted:focus{color:#606c84;} .link-black{color:#666;} .link-black:hover,.link-black:focus{color:#999;} .hide{display:none !important;} .no-border{border:0 !important;} .no-padding{padding:0 !important;} .no-margin{margin:0 !important;} .no-shadow{box-shadow:none !important;} .list-unstyled,.chart-legend,.contacts-list,.users-list,.mailbox-attachments{list-style:none;margin:0;padding:0;} .list-group-unbordered > .list-group-item{border-left:0;border-right:0;border-radius:0;padding-left:0;padding-right:0;} .flat{border-radius:0 !important;} .text-bold,.text-bold.table td,.text-bold.table th{font-weight:700;} .text-sm{font-size:12px;} .jqstooltip{padding:5px !important;width:auto !important;height:auto !important;} .bg-teal-gradient{background:#39cccc !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;background:-ms-linear-gradient(bottom, #39cccc, #7adddd) !important;background:-moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;background:-o-linear-gradient(#7adddd, #39cccc) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;color:#fff;} .bg-light-blue-gradient{background:var(--btn-primary) !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, var(--btn-primary)), color-stop(1, #67a8ce)) !important;background:-ms-linear-gradient(bottom, var(--btn-primary), #67a8ce) !important;background:-moz-linear-gradient(center bottom, var(--btn-primary) 0%, #67a8ce 100%) !important;background:-o-linear-gradient(#67a8ce, var(--btn-primary)) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;color:#fff;} .bg-blue-gradient{background:#0073b7 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;background:-ms-linear-gradient(bottom, #0073b7, #0089db) !important;background:-moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;background:-o-linear-gradient(#0089db, #0073b7) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;color:#fff;} .bg-aqua-gradient{background:#00c0ef !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;background:-ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;background:-moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;background:-o-linear-gradient(#14d1ff, #00c0ef) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;color:#fff;} .bg-yellow-gradient{background:#f39c12 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;background:-ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;background:-moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;background:-o-linear-gradient(#f7bc60, #f39c12) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;color:#fff;} .bg-purple-gradient{background:#605ca8 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;background:-ms-linear-gradient(bottom, #605ca8, #9491c4) !important;background:-moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%) !important;background:-o-linear-gradient(#9491c4, #605ca8) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;color:#fff;} .bg-green-gradient{background:#00a65a !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;background:-ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;background:-moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;background:-o-linear-gradient(#00ca6d, #00a65a) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;color:#fff;} .bg-red-gradient{background:#dd4b39 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;background:-ms-linear-gradient(bottom, #dd4b39, #e47365) !important;background:-moz-linear-gradient(center bottom, #dd4b39 0%, #e47365 100%) !important;background:-o-linear-gradient(#e47365, #dd4b39) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;color:#fff;} .bg-black-gradient{background:#111111 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #111111), color-stop(1, #2b2b2b)) !important;background:-ms-linear-gradient(bottom, #111111, #2b2b2b) !important;background:-moz-linear-gradient(center bottom, #111111 0%, #2b2b2b 100%) !important;background:-o-linear-gradient(#2b2b2b, #111111) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;color:#fff;} .bg-maroon-gradient{background:#d81b60 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;background:-ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;background:-moz-linear-gradient(center bottom, #d81b60 0%, #e73f7c 100%) !important;background:-o-linear-gradient(#e73f7c, #d81b60) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;color:#fff;} .description-block .description-icon{font-size:16px;} .no-pad-top{padding-top:0;} .position-static{position:static !important;} .list-header{font-size:15px;padding:10px 4px;font-weight:bold;color:#666;} .list-seperator{height:1px;background:#f4f4f4;margin:15px 0 9px 0;} .list-link > a{padding:4px;color:#777;} .list-link > a:hover{color:#222;} .font-light{font-weight:300;} .user-block:before,.user-block:after{content:" ";display:table;} .user-block:after{clear:both;} .user-block img{width:40px;height:40px;float:left;} .user-block .username,.user-block .description,.user-block .comment{display:block;margin-left:50px;} .user-block .username{font-size:16px;font-weight:600;} .user-block .description{color:#999;font-size:13px;} .user-block.user-block-sm .username,.user-block.user-block-sm .description,.user-block.user-block-sm .comment{margin-left:40px;} .user-block.user-block-sm .username{font-size:14px;} .img-sm,.img-md,.img-lg,.box-comments .box-comment img,.user-block.user-block-sm img{float:left;} .img-sm,.box-comments .box-comment img,.user-block.user-block-sm img{width:30px !important;height:30px !important;} .img-sm + .img-push{margin-left:40px;} .img-md{width:60px;height:60px;} .img-md + .img-push{margin-left:70px;} .img-lg{width:100px;height:100px;} .img-lg + .img-push{margin-left:110px;} .img-bordered{border:3px solid #d2d6de;padding:3px;} .img-bordered-sm{border:2px solid #d2d6de;padding:2px;} .attachment-block{border:1px solid #f4f4f4;padding:5px;margin-bottom:10px;background:#f7f7f7;} .attachment-block .attachment-img{max-width:100px;max-height:100px;height:auto;float:left;} .attachment-block .attachment-pushed{margin-left:110px;} .attachment-block .attachment-heading{margin:0;} .attachment-block .attachment-text{color:#555;} .connectedSortable{min-height:100px;} .ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;} .sort-highlight{background:#f4f4f4;border:1px dashed #ddd;margin-bottom:10px;} .full-opacity-hover{opacity:0.65;filter:alpha(opacity=65);} .full-opacity-hover:hover{opacity:1;filter:alpha(opacity=100);} .chart{position:relative;overflow:hidden;width:100%;} .chart svg,.chart canvas{width:100% !important;} /*.dropdown a.dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:middle;content:"";border-top:5px solid;border-right:5px solid transparent;border-bottom:0;border-left:5px solid transparent;color:#fff;} */ .dropdown a i.fa.fa-angle-down{color:#fff;margin-left:5px !important} /* * Misc:print * ----------- */ @media print{.no-print, .main-sidebar, .left-side, .main-header, .content-header{display:none !important;} .content-wrapper, .right-side, .main-footer{margin-left:0 !important;min-height:0 !important;-webkit-transform:translate(0, 0) !important;-ms-transform:translate(0, 0) !important;-o-transform:translate(0, 0) !important;transform:translate(0, 0) !important;} .fixed .content-wrapper, .fixed .right-side{padding-top:0 !important;} .invoice{width:100%;border:0;margin:0;padding:0;} .invoice-col{float:left;width:33.3333333%;} .table-responsive{overflow:auto;} .table-responsive > .table tr th, .table-responsive > .table tr td{white-space:normal !important;} } @media (max-width:767px){ .content-wrapper, .main-footer{margin-left:0;} .sidebar-open .content-wrapper, .sidebar-open .main-footer{-webkit-transform:translate(230px, 0);-ms-transform:translate(230px, 0);-o-transform:translate(230px, 0);transform:translate(230px, 0);} .fixed .content-wrapper, .fixed .right-side{padding-top:100px;} .main-header .navbar-right{float:none;} .navbar-collapse .main-header .navbar-right{margin:7.5px -15px;} .main-header .navbar-right > li{color:inherit;border:0;} .main-header{position:relative;} .main-header .logo, .main-header .navbar{width:100%;float:none;} .main-header .navbar{margin:0;} .main-header .navbar-custom-menu{float:right;} .main-sidebar{padding-top:100px;} .main-sidebar{-webkit-transform:translate(-230px, 0);-ms-transform:translate(-230px, 0);-o-transform:translate(-230px, 0);transform:translate(-230px, 0);} .sidebar-open .main-sidebar{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);} } @media (min-width:768px){ .sidebar-collapse .content-wrapper, .sidebar-collapse .main-footer{margin-left:0;} } @media (max-width:991px){ .main-header .navbar-custom-menu a, .main-header .navbar-right a{color:inherit;background:transparent;} .content-header > .breadcrumb{position:relative;margin-top:5px;top:0;right:0;float:none;background:#d2d6de;padding-left:10px;} .content-header > .breadcrumb li:before{color:#97a0b3;} .navbar-custom-menu .navbar-nav > li{float:left;} .navbar-custom-menu .navbar-nav{margin:0;float:left;} .navbar-custom-menu .navbar-nav > li > a{padding-top:15px;padding-bottom:15px;line-height:20px;} .navbar-collapse.pull-left{float:none !important;} .navbar-collapse.pull-left + .navbar-custom-menu{display:block;position:absolute;top:0;right:40px;} } @media (min-width:768px){ .sidebar-collapse .main-sidebar{-webkit-transform:translate(-230px, 0);-ms-transform:translate(-230px, 0);-o-transform:translate(-230px, 0);transform:translate(-230px, 0)} .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side,.sidebar-mini.sidebar-collapse .main-footer{margin-left:50px !important;z-index:840} .sidebar-mini.sidebar-collapse .main-sidebar{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);width:50px !important;z-index:850;} .sidebar-mini.sidebar-collapse .sidebar-menu > li{position:relative;} .sidebar-mini.sidebar-collapse .sidebar-menu > li > a{margin-right:0;} .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span{border-top-right-radius:4px} .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span{border-bottom-right-radius:4px;} .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu{padding-top:5px;padding-bottom:5px;border-bottom-right-radius:4px;} .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info, .sidebar-mini.sidebar-collapse .sidebar-form, .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span, .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu, .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right, .sidebar-mini.sidebar-collapse .sidebar-menu li.header{display:none !important;-webkit-transform:translateZ(0);} .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini{display:block;margin-left:-15px;margin-right:-15px;font-size:18px;} } @media (max-width:768px){ .control-sidebar{padding-top:100px;} .control-sidebar-open .content-wrapper,.control-sidebar-open .right-side, .control-sidebar-open .main-footer{margin-right:230px;} .nav-tabs.control-sidebar-tabs{display:table;} .nav-tabs.control-sidebar-tabs > li{display:table-cell;} } /*.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { background-color: var(--btn-primary);}*/ /*======================================================================================*/ /* Layout */ .wrapper{height:100%;position:relative} .wrapper:before,.wrapper:after{content:" ";display:table;} .wrapper:after{clear:both;} .layout-boxed{background:url('../img/boxed-bg.jpg') repeat fixed;} .layout-boxed .wrapper{max-width:1250px;margin:0 auto;min-height:100%;box-shadow:0 0 8px rgba(0, 0, 0, 0.5);position:relative;} /* * Content Wrapper - contains the main content */ .content-wrapper,.main-footer{-webkit-transition:-webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;-moz-transition:-moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;-o-transition:-o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;transition:transform 0.3s ease-in-out, margin 0.3s ease-in-out;margin-left:230px;z-index:820;} .layout-top-nav .content-wrapper,.layout-top-nav .main-footer{margin-left:0;} .content-wrapper{min-height:100%;background-color:#ecf0f5;z-index:800;} .main-footer{background:#fff;padding:15px;color:#444;border-top:1px solid #d2d6de;} /* Content */ .skin-blue .main-header{z-index:9999;position: fixed;top: 0;left: 0;width: 100%;box-shadow: 0 -5px 7px #323b4e; -webkit-transition: margin-left 0.3s ease-in-out;-o-transition: margin-left 0.3s ease-in-out; transition: margin-left 0.3s ease-in-out;max-height: 100%;} .skin-blue .main-header .navbar{margin:0 0 0 220px;background:#fff;color:#000;min-height:55px; -webkit-transition: margin-left 0.3s ease-in-out; -o-transition: margin-left 0.3s ease-in-out; transition: margin-left 0.3s ease-in-out;} .skin-blue .main-header .navbar .nav>li>a{color:#555;background:none !important;padding:0} .skin-blue .main-header .navbar .nav>li>a:hover, .skin-blue .main-header .navbar .nav>li>a:active, .skin-blue .main-header .navbar .nav>li>a:focus, .skin-blue .main-header .navbar .nav .open>a, .skin-blue .main-header .navbar .nav .open>a:hover, .skin-blue .main-header .navbar .nav .open>a:focus, .skin-blue .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6} .skin-blue .main-header .navbar .sidebar-toggle{background:none !important;color:#929292} .skin-blue .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background-color:#367fa9} .skin-blue .main-header .logo{color:#fff;border-bottom:0 solid transparent;background:transparent;width:220px;height:56px;line-height:67px;} .skin-blue .main-header .logo:hover{background-color:#357ca5} .skin-blue .navbar-nav > .user-menu span{color:#929292} .skin-blue .main-header .navbar-custom-menu{float:right;} .skin-blue .breadcrumb{padding:17px 10px;margin-bottom:0;list-style:none;background-color:#f5f5f5;border-radius:4px;top:0;left:0;z-index:9999;background:none;transition:0.4s ease-in-out} .skin-blue .breadcrumb>li{display:inline-block;font-size:14px;font-weight:600} .skin-blue .breadcrumb>li a{color:#929292} .skin-blue .breadcrumb>li+li:before{content:"|\00a0";padding:0 0 0 5px} .skin-blue .breadcrumb>li.active a, .skin-blue .breadcrumb>li:hover a .ti-home{color:var(--btn-primary);font-weight:500} body.removeSidebarHeader .breadcrumb{visibility:hidden;} .skin-blue .sidebar .logo{width:220px;text-align:center} .skin-blue .sidebar a.logo{display:inline-block;} .skin-blue .sidebar a.logo img{height:95px;width:auto;margin:5px 0} .skin-blue .left-side{background-color:#222d32} .skin-blue .wrapper, .skin-blue .content-wrapper{background:#fff !important} /*.skin-blue .content-header{padding:15px 52px 5px;display:inline-block;border:0;position:fixed;right:0;z-index:999;background:transparent}*/ .skin-blue .content-header > h1{display:none;margin:0;font-size:17px;font-weight:500;color:#333C4E;text-transform:capitalize;} .skin-blue .content-header .qb-res-top-btns{margin-bottom:0} .skin-blue .user-panel>.info, .skin-blue .user-panel>.info>a{color:#fff} .skin-blue .main-header li.user-header{background-color:#3c8dbc} .skin-blue .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px} .skin-blue .sidebar-form input[type="text"], .skin-blue .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px} .skin-blue .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px} .skin-blue .sidebar-form input[type="text"]:focus, .skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666} .skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff} .skin-blue .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0} /*CSS for color theme code*/ .choose-theme{font-weight: 600;font-size: 13px;padding: 0;border: none; color: var(--btn-primary);margin: 0 0 8px;} .zps-theme-row span { padding: 0 !important; margin: 0 10px 5px 0 !important; position: relative; } fieldset.zps-theme-row input[name=theme-options] { position: absolute; top: 0; left: 0; width: 20px; height: 20px; margin: 0;opacity: 0 } .zps-theme-row {width: 270px;/*display: flex;align-items: center;*/position: relative;margin:0 15px;} .zps-theme-row label { position: relative; display: flex; align-items: center; justify-content: center; cursor: pointer; width: 20px; height: 20px; border-radius: 50%; flex: 0 0 auto; padding: 0 !important; margin: 0 !important; } .zps-theme-icon1 {background:rgb(var(--zps-static-prim-theme1))} .zps-theme-icon2 {background:rgb(var(--zps-static-prim-theme2))} .zps-theme-icon3 {background:rgb(var(--zps-static-prim-theme3))} .zps-theme-icon4 {background:rgb(var(--zps-static-prim-theme4))} .zps-theme-icon5 {background:rgb(var(--zps-static-prim-theme5))} .zps-theme-icon6 {background:rgb(var(--zps-static-prim-theme6))} .zps-theme-icon7 {background: rgb(var(--zps-static-prim-theme1))} /*Content header plac at top*/ .skin-blue .content-header.content-header-place-top{ width: inherit; background: none; top: 0; z-index: 9999; padding: 0 17px 0 10px; margin: 0; border-right: 1px solid #f9f9f9; position: fixed; right: 66px; top: 10px;} .skin-blue .content-header.content-header-place-top.subscriber-header{padding:0 5px 0 0;top:13px;} .skin-blue .content-header.content-header-place-top .qb-res-top-btns{display:flex;position: relative;right: 0;top:0;} .skin-blue .content-header.content-header-place-top .qb-res-top-btns ul li .que-status{top:5px;width: auto;} .skin-blue .content-header.content-header-place-top .qb-res-top-btns{-webkit-box-pack: end; justify-content: flex-end;} .skin-blue .content-header.content-header-place-top .button-primary{ background: var(--btn-fourth-bg); border-color: var(--btn-fourth-border-color);color: var(--btn-fourth-color);} .skin-blue .content-header.content-header-place-top .qb-res-top-btns ul.dropdown-menu{right: 0; left: auto;/*width: 130px;min-width: 115px;*/right: 0;left: auto;margin-top: 10px;box-shadow: 0 2px 1px -1px rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.141), 0 1px 3px 0 rgba(0,0,0,0.122); -webkit-border-radius: 4px;border-radius: 4px;max-width: 280px!important;padding: 5px 0!important;} .skin-blue .content-header.content-header-place-top .qb-res-top-btns ul.dropdown-menu span{background: none; color: #555;width: 100%;padding: 4px 15px;} .skin-blue .content-header.content-header-place-top .qb-res-top-btns ul.dropdown-menu li{margin-left:0;width:100%} .skin-blue .content-header.content-header-place-top .qb-res-top-btns ul.dropdown-menu li:hover{background:#f2f3f5} .skin-blue .content-header.content-header-place-top .qb-res-top-btns ul li span.caret{margin-left:10px;color:var(--btn-fourth-color);background: #fff } /*Content header plac at top*/ /*=====================Start Sidebar css here===========================*/ .main-sidebar{ min-height:100%;z-index:999999; -webkit-transition:-webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out; -moz-transition:-moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;-o-transition:-o-transform 0.3s ease-in-out, width 0.3s ease-in-out;transition:transform 0.3s ease-in-out, width 0.3s ease-in-out; position:fixed;left:0;top:0;height:100%; /*background:linear-gradient(to bottom, rgb(0 176 155 / 0.85) , rgb(150 201 61 / 0.85)) !important;*/ width:220px;padding-top:0; /*box-shadow:2px 10px 30px 0 rgba(0, 0, 0, 0.11), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);*/} .skin-blue .sidebar-menu>li.header{color:#4b646f;background:#1a2226} .skin-blue .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41} .skin-blue .sidebar a:hover{text-decoration:none} .skin-blue .sidebar-menu .treeview-menu>li>a{color:#8aa4af} .skin-blue .sidebar-menu .treeview-menu>li.active>a, .skin-blue .sidebar-menu .treeview-menu>li>a:hover{color:#fff} .skin-blue .sidebar-menu>li a{border:0;padding:17px 5px 17px 15px;font-size:13px;color:#fff;font-weight:400;/*border-left:3px solid transparent;*/display:block;cursor:pointer;position:relative;} .skin-blue .sidebar-menu>li a .icon{display:inline-block;width:22px;position:relative;top:2px;} .skin-blue .sidebar-menu>li a .icon i{font-size:16px;font-weight:normal;} .skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open>a{color:#fff;background:rgba(10,24,35,0.26);/*border-left-color:#fff*/} .skin-blue .sidebar-menu>li.tables:hover>a, .skin-blue .sidebar-menu>li.active.tables>a{background: none;border-left:none} .skin-blue .sidebar-menu>li a .fa.fa-question-circle{font-size:23px} .skin-blue .sidebar-menu li.tables a i.fa.fa-angle-right{padding-right:0;margin-right:0} .skin-blue .sidebar-menu li.tables a i.fa.fa-angle-up{padding-right:0;margin-right:0} .skin-blue .sidebar-menu li > a > .pull-right-container{right:15px} /*=====================End Sidebar css here===========================*/ /* body.skin-blue.sidebar-mini.show-table.login-body{color:#333;font-family:'Roboto', sans-serif;padding:0px;margin:0;font-size:13px;direction:ltr;} .skin-blue.sidebar-mini.show-table.login-body .wrapper{background:transparent !important;height:100vh !important}.box{border-radius:0;border:none !important;margin-bottom:15px} */ /*Start sidebar-collapse*/ .skin-blue.sidebar-collapse .main-header .navbar{margin-left:0} /*.skin-blue.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span{padding:17px 5px 18px 20px;}*/ .skin-blue.sidebar-collapse .sidebar-menu>li a{padding:17px} .skin-blue.sidebar-collapse .footer-copright{display:none;} .skin-blue.sidebar-collapse .content-header{padding-left:15px;} .skin-blue.sidebar-collapse .breadcrumb{left:85px;} .skin-blue.sidebar-collapse .main-header .navbar .sidebar-toggle:hover{background:none !important;} .skin-blue.sidebar-collapse .main-header .navbar .sidebar-toggle .ti-menu{color:#000;} .skin-blue.sidebar-collapse .tablesDropdown{width:226px} .skin-blue.sidebar-collapse .learn-header .total-course{left:0;} /*End sidebar-collapse*/ /*===========================Start Modal Popup css===========================*/ /*.modal-content{background:none} .modal-body{background:#fff;} .modal-header {border-top-left-radius: 5px;border-top-right-radius: 5px;background: var(--btn-primary);color: #000; min-height: inherit;border: 0;border-top: 5px solid var(--btn-primary);padding: 15px 30px;} .modal-header h4.modal-title {color: #fff;font-weight: 500;font-size: 18px;text-align: left} .modal-footer{background: #fff;border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 13px 20px;border-top: 1px solid var(--btn-primary);text-align: center;} .modal button.close{border:none;} */ .modal{position:fixed;top:0;right:0;bottom:0;left:0;opacity:1;} .modal .modal-header{border-top-left-radius: 5px;border-top-right-radius: 5px;background: var(--btn-primary);color: #000; min-height: inherit;border: 0;border-top: 5px solid var(--btn-primary);padding: 15px 30px;} .modal .modal-header button.close{ position: absolute; opacity: 1; top: 10px; right: 20px; border-radius: 50px; color:var(--btn-primary); color: #fff; padding: 0 0; background-image: none !important; text-indent: 0px;margin:0;z-index: 9} .modal .modal-header .close span{font-size:38px;line-height:inherit;position:relative;font-weight:normal;box-shadow:none;} .modal .modal-body .box .box-content .count ul{list-style-type:none;margin:0;padding:0;overflow:hidden;text-align:center;} .modal .modal-body .box .box-content .count ul li{display:inline-block;padding:14px 50px;} .modal .modal-body .box .box-content .count ul li .circle{border:4px solid rgba(233,7,93,1);background:rgba(35,38,43,1);border-radius:50%;width:65px;height:65px;position:relative;margin:0 auto;} .modal .modal-body .box .box-content .count ul li .circle span{position:absolute;top:19px;left:23px;color:#fff;} .modal .modal-body .box .box-content.subject{padding:0;border:0;background:#0093c1} .modal .modal-body .box .box-content .count ul li .title a{color:#fff;font-size:15px} .multi-pckg label.multi-check{margin:0 15px 5px 0px;} .modal .modal-content .control-label{margin-bottom:3px !important;font-weight:normal !important;font-size:15px;} .modal .modal-body{padding:30px} .buy-modal .modal-dialog{width:471px;margin:30px auto;} .modal .modal-body p{text-align:center;font-size:14px;} .modal .modal-footer{padding-bottom:30px;padding-top:0;margin-top:0;text-align:center !important;} .modal .modal-footer{border:0;} .modal .modal-footer button.btn{/*background:#4cae4c;border:0;*/display:inline-block;padding:5px 15px;text-transform:uppercase;min-width:100px;} /*.modal .modal-footer button.btn.btn-primary{border-radius:0px;height:32px;}*/ .modal .modal-footer button.btn.btn-default{background:none;border:1px solid var(--btn-primary) !important;color:var(--btn-primary);border-radius:0px;} .modal .modal-footer .btn.grey{background:#818181 !important;color:#fff !important;font-size:16px;padding:10px 15px;min-width:200px;} .modal .modal-footer .btn.grey:hover{border:1px solid #818181 !important;color:#818181 !important;background:none !important;} .modal .modal-footer .btn.blue{border:1px solid var(--btn-primary) !important;color:var(--btn-primary);font-size:16px;padding:10px 15px;min-width:200px;} .modal .modal-footer .btn.blue:hover{background:var(--btn-primary) !important;color:#fff;} .modal-footer button.btn.btn-default.upload-default{color:#fff !important;background-color:#a09f9f !important;border:none !important;padding:7px 20px!important} .btn.btn-success.upload-result{padding:7px 20px!important} .modal-footer button.btn.btn-default.upload-default:hover{background-color:#c8bebe !important} /*===========================End Modal Popup css===========================*/ /*===========================Start nav tabs================================*/ /*.nav-tabs-custom{position: relative;margin-bottom:20px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);border-radius:3px;box-shadow: none;margin-bottom: 0}*/ /*.nav-tabs-custom > .nav-tabs > li.active > a{background:#006cab !important}*/ .box-gray{margin:0; padding:0;background:#fff;} /*.nav-tabs-custom > .nav-tabs > li > a {background: var(--btn-primary) !important;color: #fff !important;border-radius: 5px;min-width: 150px;text-align: center;padding:6px 7px 5px; font-weight: 500;margin: 0 0 3px !important;cursor: pointer;}*/ .nav-tabs-custom > .tab-content .box{background: none;border: 0 !important} .nav-tabs-custom > .tab-content ul{padding: 0px;padding-left:0;margin-bottom: 0} .nav-tabs-custom > .tab-content ul.concept-listing li{margin:0} .nav-tabs-custom > .tab-content .answer-options ul li{display: block;border-radius: 0; padding: 0 15px;color: #000;position: relative;} .nav-tabs-custom > .tab-content .answer-options ul li h5 {color: #2d2f2f;margin-bottom: 5px} .nav-tabs-custom > .tab-content .answer-options ul li.selected{border: 1px solid #3ab395; box-shadow: 0 0px 1px #7cd3bf;/*box-shadow: 0 0px 5px #02e8b3*/} .nav-tabs-custom > .tab-content .answer-options ul li.selected h5{color:#00bd8e} .nav-tabs-custom > .tab-content .answer-options ul li.selected .correct{ position: absolute; right: 10px;top: 15px;color: #3ab395;width: 30px;text-align: center;height: 30px;border: 2px solid #3ab395;border-radius: 30px;line-height: 28px;} .nav-tabs-custom > .tab-content .answer-options ul li.selected .correct .fa{font-size: 16px} .nav-tabs-custom > .tab-content ul.status-dropdown li {margin-bottom: 0;list-style: inherit; border:none; display: inherit;padding: 0;border-radius: 0; background: none; margin-right: 0; } .content .nav-tabs-custom .package #tab_1 .que-o-status{position: relative;top: 4px;padding: 0;margin-right: 0;} .nav-tabs-custom > .tab-content .inner-bg-view label{font-size: 13.3px;margin: -1px 6px 0 0; font-weight:500;width: 100px;text-align: right;color: #0093c1;} .map-test .nav-tabs-custom > .nav-tabs > li > a, .map-test .nav-tabs-custom > .nav-tabs > li > a, .map-test .nav-tabs-custom > .nav-tabs>li.active>a, .map-test .nav-tabs-custom > .nav-tabs>li.active>a{min-width: 200px !important} .nav-tabs-custom .tab-content .subject-chapters ul{margin-left:8px} /*.nav-tabs-custom > .nav-tabs>li>a, .nav-tabs-custom > .nav-tabs>li.active>a, .nav-tabs-custom > .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs-custom > .nav-tabs>li>a, .nav-tabs-custom > .nav-tabs>li:hover>a{ background-color: #fff !important;border-bottom: 1px solid var(--btn-primary) !important;border-radius: 0 !important;text-align: center !important;color: var(--btn-primary) !important; font-weight: 500 !important;padding: 5px 2px !important;font-size:15px}*/ /*.nav-tabs-custom > .nav-tabs {position: fixed;z-index: 9;background: #fff;padding: 8px 0 15px 10px;margin:0 -10px !important; border: none;top:56px;} */ .nav-tabs-custom > .nav-tabs>li>a{border-color: #fff !important;color: #333c4e !important;cursor: pointer !important;margin:0;border-bottom: 2px solid #fff !important; font-weight: 500;font-size: 15px;margin: 0 15px 1px 0;border-radius: 0;padding-top:0} .nav-tabs-custom > .nav-tabs>li>a:hover, .nav-tabs-custom > .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus{background: none;border-bottom-color: var(--btn-primary) !important;color:var(--btn-primary) !important;} .nav-tabs-custom > .nav-tabs>li>a, .nav-tabs-custom > .nav-tabs>li:hover a, .nav-tabs-custom > .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus{min-width: auto !important;outline:none;} /*.map-inner-tab-panel ul.nav-tabs{background: #fff !important;width: 80% !important;padding: 0 0 15px !important;margin-left: 0 !important;}*/ /*.view-practice-package .map-inner-tab-panel ul.nav-tabs, .view-test-series .map-inner-tab-panel ul.nav-tabs{top:107px;}*/ .view-practice-package .map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li>a, .view-test-series .map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li>a{display: inline-block;} .map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li>a, .map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li>a:hover, .map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li.active>a{background-color: #fff !important; text-transform: capitalize !important; min-width: initial !important; border-radius: 0 !important; border: none !important; padding-bottom: 0 !important;} .map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li>a, .map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li>a:hover, .map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li.active>a{ background-color: #fff !important; text-transform: capitalize !important; min-width: initial !important; border-radius: 0 !important;} .map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li:last-child{padding-right: 30px} .content .nav-tabs-custom .package #tab_1 .que-o-status button{margin-left: 0} /*===========================End nav tabs================================*/ /*===========================Start Subscritpion screen===================*/ .subscriptions-page .box{display: inline-block;width: 100%;margin:0} .subscriptions-page h2{margin:0;font-size:19px;font-weight:500;text-transform:capitalize;padding:19px 25px 19px 0;background:none;} .subscriptions-page .regi-box .sub-list-view,.subsctiption-list .sub-list-view{border-radius:10px;margin-bottom:15px;padding:40px 15px 30px;background: #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);} .subscriptions-page .regi-box .sub-list-view{min-height:265px;padding:40px;background: #fff url(../images/sub-pack-bg.jpg) right 0 no-repeat} .subsctiption-list .sub-list-view:hover{background:#f5fff4} .subscriptions-page .regi-box{display: inline-block;width: 100%} .subscriptions-page .col-md-6 .regi-box{display:inline-block;} .subsctiption-list .col-md-6{background:none;margin-bottom:0} .subsctiption-list .sub-list-view strong{font-weight:600;} .subsctiption-list .sub-list-view span{display: block;margin-bottom: 13px;border-bottom:1px solid #9fd05f17;padding-bottom: 13px;} .subsctiption-list .sub-list-view span:last-child{border-bottom:none} .subsctiption-list .badge.bg-green {position: absolute;right: 0;top: 0;margin: 15px;font-size: 10px; padding: 5px 12px 4px} .subsctiption-list .sub-list-view span:nth-child(1) strong{display: block;margin:5px 0 0} .subsctiption-list .sub-list-view img.sub-back{margin:0 auto 25px;height: 115px;width: auto;display: block} .subscriptions-page .regi-box .col-md-4 img{border-radius:100%;margin:0 0 15px 0;width:88px;height:auto;} .subscriptions-page h3{font-size:13px;margin:0;text-align: center;} .subscriptions-page h3 span:last-child,.subscriptions-list h3 span:last-child{margin-bottom:0} /*.subscriptions-page h3 span:nth-child(1){font-size:17px;font-weight:600;color:var(--btn-primary);margin:10px 0;}*/ .subscriptions-page h3 span ,.subsctiption-list .sub-list-view span{display:block;margin-bottom:15px; word-break: break-word;} .subscriptions-page h3 span{margin-bottom:20px} .subscriptions-page h3 span strong,.subsctiption-list span strong {color:#34bea1;font-weight:600} .active-now, .past-subscription {margin-top: 10px} .subscriptions-page h3 span i{margin-right:10px;color:var(--btn-primary)} .subsctiption-list span:nth-child(1){margin-top:0} .subsctiption-list span:last-child{margin-bottom:0} .subsctiption-list,.registration-box{list-style:none;display:inline-block;width:100%} .subscriptions-page .subsctiption-list{padding-bottom:30px} .subsctiption-list .next-btn{width:150px;padding:10px 40px;margin:25px auto 0;border-radius:50px;display:block;} .subscriptions-page .subsctiption-list h3 span:nth-child(1){font-size:14px;color:#333;margin-top:0} .subscriptions-page .subsctiption-list li{padding:35px} .subscriptions-page .subsctiption-list span.trans-id strong { clear: both;display: block;margin-top: 9px} .subsctiption-list .next-btn:focus{color:#fff} .no-data-space{margin:45px auto;} .subscriptions-page h4{font-size:15px;border-bottom:1px solid #e1f3de;padding-bottom:10px;margin-top:0;margin-bottom:20px} .subscriptions-page h4 span{margin:0;font-weight:500;border-bottom:3px solid var(--btn-primary);padding-bottom:7px;padding:0 15px 8px;} .content.subscriptions-page {padding: 15px 35px 0} .renew-subscriptions-page fieldset.step5{background:none} .content.renew-subscriptions-page{padding:50px 80px} .renew-subscriptions-page .step5 .package-year .top-subscribe{position:absolute;right:12px;top:-13px;width:80px} .renew-subscriptions-page .step5 .package-year ul li{text-align:left;} .renew-subscriptions-page .step5 .fieldset-btns .next-btn.back-btn,.renew-subscriptions-page .step5 .fieldset-btns .next-btn{width:auto;border-radius:50px;margin:15px 0 0;font-size:14px;} .renew-subscriptions-page .step5 .package-year .subcri-details,.renew-subscriptions-page .step5 .package-year.half-yearly .subcri-details,.renew-subscriptions-page .step5 .package-year.annual .subcri-details{top:15px;right:-10px} .renew-sub-body .titleBreadcrum.renewtitle, .titleBreadcrum.renewtitle{display:none;} .renew-subscriptions-page .on-lect-subscri,.renew-subscriptions-page .total-currency{font-size:1.2vw} .renew-subscriptions-page .step5 .currency{margin:0.5vw 0 1.2vw;top:0;} .renew-subscriptions-page .step5 .package-year{padding:1.8vw 1.5vw} .renew-subscriptions-page .step5 .package-year:hover a.select-btn{background:var(--btn-primary)} .renew-subscriptions-page .step5 .package-year a.select-btn span{display:none;} .renew-subscriptions-page .step5 .package-year a.select-btn.selected span{margin-right:8px;display:inline-block;} .renew-subscriptions-page .step5 .package-year ul li,.renew-subscriptions-page .step5 .package-year:hover ul li{margin:0.5vw 0 0.8vw} .renew-subscriptions-page .step5 .package-year ul{margin-bottom:1.3vw} .renew-subscriptions-page .total-currency{font-weight:600} .renew-subscriptions-page .step5 .right-register-box{width: 100%} .step5 .package-year ul::-webkit-scrollbar{width:4px;} .step5 .package-year ul::-webkit-scrollbar-track{background:#9ed05f5e} .step5 .package-year ul::-webkit-scrollbar-thumb{background:#76c321} .sub-vaild-date{display: flex;padding-left:28px;margin-top:8px;} .subscriptions-page h3 .sub-vaild-date span{margin-bottom: 0} @media (min-width: 1366px){ .renew-subscriptions-page .step5 .package-year .top-subscribe{position: absolute;right:0.4vw;top: -.9vw;width: 6.4vw; } .renew-subscriptions-page .step5 .package-year .subcri-details, .renew-subscriptions-page .step5 .package-year.half-yearly .subcri-details, .renew-subscriptions-page .step5 .package-year.annual .subcri-details{transform: rotate(45deg); position: absolute; right: -0.3vw; top: 1.3vw; color: #fff; text-align: center;} } /*========================End Subscritpion screen=====================================*/ /***********************box-content************************/ .box-content{padding:15px;border:1px solid #eee;background:#FFFFFF;box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);border-radius:5px} .box-gray.create-bottom .box-content{padding-top:0} .map-detail .box .box-content{padding:0px 15px 0px 15px} .online-preview .box-content{width:72%;padding:15px;margin:0 auto} .map-inner-tab-panel .box-content:first-child{margin-top:5px !important;} .que-modal .box-content{margin-top:15px !important;} .results-inner .box-content{border-radius:8px} .combine-box-detail .box-content{min-height:215px} .box-mix .box-content{min-height:255px} #tab_2 .question-detail .box-content{margin-top:5px !important} .qb-create-learn .box-content.course-image{margin-bottom:10px} .box-content.bottom-pagi{padding:0 0 10px 0;border-radius:8px;} .box-content h3{margin:0 0 10px;font-size:14px} .box-content .editor{margin-bottom:20px;margin-top:5px} .box-content .date-icon{right:15px;display:inline-block;top:auto;bottom:10px;} .box-content .date-icon .fa{font-size:12px;display:inline-block} /***********************box-footer************************/ .box-content .box-footer{padding:10px 15px;background-color:#ffffff;margin:0 -15px -15px -15px;background:#fbfbfb;} #collapse-filter .box-content .box-footer{position:absolute;bottom:0;width:100%;left:0;margin:0;padding:20px;} /***********************box************************/ .box{box-shadow:none} /***********************box-title************************/ .box-title{color:var(--btn-primary);} .box-header .box-title{color:var(--btn-primary)} .view-student .box-title, .edit-user .box-title, .edit-student .box-title, .create-user .box-title, .create-student .box-title{margin-top:0} .package .box-detail .box-title, .package .question-detail .box .box-detail .box-title, .create-test .box-title{margin-top:0;} /*.questions-screen .box-title, .map-que .box-title, .screen-user .box-title{color:var(--btn-primary);padding:7px 0 0;margin:0}*/ .box-detail .box-title h3{border-bottom:1px solid #ddd;padding-bottom:10px;color:var(--btn-primary);margin:0 0 15px} .package #tab_1 .question-detail .box .box-title h4{margin-top:35px !important;margin-bottom:58px !important} .questions-screen .box-title h4{margin:0;} /***********************box-top************************/ .box-top{background:#fbfbfb;position:absolute;bottom:0;width:100%;left:0;margin:0;padding:20px;} /***********************box-gray************************/ .box-gray h5{margin:6px 0 0;font-weight:500;color:var(--btn-primary)} .box-gray .box{background:transparent;border:0 !important} .box-gray label{font-size:13px;margin:-2px 3px 5px 0;font-weight:500;color:#333C4E} .box-gray.sub-pills{margin-top:15px} .box-gray.create-bottom .box-content .btn.btn-primary{margin-right:0} .box-gray.create-test:last-child{padding-bottom:20px;} /***********************box-gray************************/ .box-gray{margin:0;padding:0;background:#fff;} .map-test .offline-fil #tab_1 .box-gray, .map-test .offline-fil #tab_1 .ques-fil-table .box-gray, .map-test .offline-fil #tab_2 .box-gray, .map-test .offline-fil #tab_2 .ques-fil-table .box-gray, #tab_1 .ques-fil-table .box-gray, #tab_2 .ques-fil-table .box-gray, #tab_3 .ques-fil-table .box-gray{padding:8px 15px !important} .map-test #tab_1 .ques-fil-table .box-gray, .map-test #tab_2 .ques-fil-table .box-gray{padding:1px 25px 5px 25px;} .package #tab_2 .ques-fil-table .box-gray{padding:0px 15px;} /***********************extra************************/ .map-detail .box-gray .box.dragable-table{background:#fff} .box-header > .box-tools .btn-primary{border:0px;background-color:transparent!important;color:var(--btn-secondary)!important;} .box-header > .box-tools .btn-primary:hover{background-color:transparent!important;} .box.filter-box{background-color:#fbfbfb!important} .filter-box .box-footer{background-color:#fbfbfb;} .filter-box .filter-body{padding-top:0px;} .box-tools{position:absolute;top:-7px;right:0;} .box-tools .btn.btn-primary{padding:4px 10px 4px 10px!important;min-width:78px;margin-right:0 !important} .package .question-detail .box .box-content .q-view .subject-level span{color:#000;} .box-body .filter-body .form-group p{margin:5px 0 5px;} .box-detail.subject{margin-bottom:0;} .login .box{background:none;padding:0;border-top:4% solid red;border:1px solid #fff;} #user_details .box-title.user-title{margin-top:40px;} .test-fil-table .buttons-table.box-footer, .ques-fil-table .buttons-table.box-footer{margin-bottom:10px;border-top:none;border-bottom:1px solid #f4f4f4} @media (min-width:768px){ .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer{margin-left:0 !important} } @media (max-width:767px){ .skin-blue .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)} .skin-blue .main-header .navbar .dropdown-menu li a{color:#fff} .skin-blue .main-header .navbar .dropdown-menu li a:hover{background:#367fa9} } .modal#ProfileOTPModal .modal-header button.close, .questionModelPreview .modal-header button.close{color:#fff} .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom;} .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto;} .mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:none;direction:ltr;} .mCSB_container{overflow:hidden;width:auto;height:auto;} .mCSB_inside > .mCSB_container{margin-right:30px;} .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;} .mCS-dir-rtl > .mCSB_inside > .mCSB_container{margin-right:0;margin-left:30px;} .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0;} .mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;} .mCSB_outside + .mCSB_scrollTools{right:-26px;} .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{right:auto;left:0;} .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{left:-26px;} .mCSB_scrollTools .mCSB_draggerContainer{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{cursor:pointer;width:100%;height:30px;z-index:1;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{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;} .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;} .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;} .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;} .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;} .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;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;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;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;} .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;} .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0;} .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;} .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px;} .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{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;margin-left:0;} .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0;} .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, .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;} .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);background-repeat:no-repeat;opacity:0.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)";} .mCSB_scrollTools .mCSB_buttonUp{background-position:0 0;} .mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px;} .mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px;} .mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px;} .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)";} .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;} .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;} .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;} .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;} .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;} .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;} .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;} .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;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;} .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;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;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;} .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;} .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;} .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;} .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%);} .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;} .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;} .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;} .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;} .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;} .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)";} .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)";} .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;} .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;} .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;} .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;} .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);} .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);} .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #000;background-color: rgba(0,0,0,0.75);position: relative;width: 6px;background-color: rgba(137, 150, 162, 0.3) !important; border: 0px solid rgba(45, 53, 60, 0.3) !important;background-clip: padding-box;border-radius: 5px;} .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background:initial;} body{font-family:Montserrat;font-weight:400} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family:Montserrat;font-weight:500} th{cursor: pointer} .create-package .start-dt{display:inline-block;margin-right:9px;vertical-align:top} .create-package .start-time{display:inline-block;} .map-test-button{position:absolute;top:54px;right:11px;z-index:999;} .map-test-button button{font-size:14px;background:none;border:0;border-radius:4px;color:#333c4e;font-weight:600;} .map-test-button button span{margin-right:9px;background:var(--btn-primary);padding:7px;border-radius:20px;color:#fff;} .btn{padding:2px 10px!important;} .btn-red{background-color:#F33;border-color:#F33;color:#FFF;} .filter-box .filter-body{padding-top:0px;} .form-control::placeholder{color:#444;font-size:13px} .option-wrapper .sub-menu{margin-bottom:0px;} .option-wrapper{width:100%;display:inline-block;border-bottom:1px dashed #eee;margin-bottom:10px;padding-bottom:10px;} .option-wrapper .sub-menu h4{font-size:16px;} .option-wrapper .sub-menu h4{color:#333} .option-wrapper.selected{background:rgba(60,141,188,0.1);border-bottom:0px;border:1px solid rgba(60,141,188,0.4)!important;padding:0 10px 10px;} .view-question-input p{font-size:17px;} .view-question-wrapper h5{font-weight:500;font-size:14px;color:#333;background:#f7f9fa;padding:10px 12px;margin:5px -15px;} .question-statement, .option-statement, .solution-statement{width:100%;display:inline-block;border-bottom:1px dotted #ddd;margin-bottom:10px;} .option-listing ol{padding:0 15px;color:var(--btn-primary)} .option-listing ol li{margin-bottom:8px} .option-listing ol li span{color:#333;padding-left:5px;} .solution-statement{border-bottom:0px;} .que-no{border-bottom:0;display:inline-block;margin-bottom:0;margin-top:10px;color:var(--btn-primary);font-size:15px} .que-text{display:inline-block;width:94%;font-size:14px;margin-top:10px;margin-left:5px;color:#333;line-height:20px} .question{margin-bottom:15px;} .btn-wrap{width:100%;display:inline-block;text-align:right;} .question-table #example_filter, .question-table #example_length{display:none;} .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%;} .bootstrap-select .dropdown-toggle:focus{outline:0px;outline-offset:0px;} .bootstrap-select.btn-group .dropdown-menu li{position:relative;margin-bottom:0;border:none;padding:0;background:none;margin:0;width:100%} .bootstrap-tagsinput{border-radius:0;box-shadow:none;border:1px solid #ddd} .bootstrap-tagsinput .label-info{background-color:var(--btn-primary) !important;font-size:13px;font-weight:normal;} .bootstrap-select.btn-group .dropdown-menu, .select2-dropdown{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;border-radius:0;background:#f8fafb;box-shadow:0 -1px 4px #eee;} .bootstrap-select.btn-group .dropdown-menu{width:100%} .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:4px;white-space:normal;} .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{right:0} .btn-group.bootstrap-select .btn{color:#444;padding:6px 30px 6px 12px!important; border-radius:0px;background:transparent;border:1px solid #ddd;text-transform:inherit;} .btn-group.bootstrap-select .btn-default:hover, .btn-group.bootstrap-select .btn-default:active, .btn-group.bootstrap-select .btn-default.hover{background-color:transparent;} .btn-group.open .dropdown-toggle{box-shadow:none!important;} .btn-default:hover{border-color:#ddd} .btn.btn-default{color:#fff;background-color:#a09f9f;border-color:#8c8c8c;box-shadow:none;} .btn.btn-sky, .btn.btn-primary,.btn.btn-default,.btn.btn-success{padding:7px 10px!important;border:0;text-transform:uppercase;min-width:100px;font-size:13px;line-height:initial;} .dropdown-menu>li>a, .select2-dropdown li{padding:6px 8px;} .dropdown-menu>li>a, .select2-dropdown li{padding:6px 20px 6px 8px;font-size:13.2px;color:var(--btn-primary);} .dropdown-menu > li > a:hover,.select2-dropdown li:hover{background-color:#dfe4f3;color:#000;} .available-tag-wrapper{width:100%;display:inline-block;margin-top:0px;} .question-statement-wrapper .sub-menu h4{color:#333!important} .inner-question-statement ul{padding:0px;} .inner-question-statement ul li{list-style:none;display:inline-block;width:100%;margin-bottom:15px;} .inner-question-statement ul li p{color:#7E7E7E;} .question-statement-wrapper .selected .sub-menu h4{color:#4CAF50!important} .question-statement-wrapper.create-question .selected .editor .mce-panel{border-color:#4CAF50!important;} .question-statement-wrapper .sub-menu{margin-top:0px;margin-bottom:0px} .question-statement-wrapper .inner-question-statement ul li.selected{border:1px solid #4CAF50 !important;padding:5px} .question-statement-wrapper.create-question .inner-question-statement ul li.selected{border:0px!important;} .question-statement-wrapper .sub-menu h4{margin-top:0px;font-size:15px;} table.dataTable thead th{padding:10px 9px;background:#efefef;color:var(--btn-primary);} .view-question-input p{color:#333!important} .question-fliter{padding-top:5px;} .titleBreadcrum{list-style:none;border-radius:4px;z-index:9999;margin:0;font-size:17px;font-weight:500;color:#333C4E;display:inline-block;text-transform:capitalize;padding:17px 0;background:none} .login #login-form .form-group{position:relative} .login #login-form input.input100{background:#F1F1F1;border:1px solid #E3E3E3;box-sizing:border-box;border-radius:10px;padding:20px;padding-left:45px} .text-right{text-align:right;} .syllabus-margpin .form-group{margin-bottom:0} .content-wrapper,.main-footer{margin-left:220px;} .main-footer{font-size:12px} .question-list .dataTables_length,.dataTables_wrapper .dataTables_filter{display:none !important;} .question-list .buttons-top{padding-top:20px} table.dataTable thead th{background:none;border-top:1px solid #ddd;background-color:#fff} table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background:inherit;} table.dataTable thead th{color:#000} table.dataTable tbody td{font-weight:normal;border:0 !important;} .main-header .logo .logo-lg,.logo-mini{height:55px;line-height:55px} .main-header .logo .logo-lg img{height:43px;width:auto;margin-left:40px} .pagination{margin:0} #collapse-filter{margin-bottom:15px;margin-top:20px;} #collapse-filter.filter{margin-top:-10px;} .bottom-btn{padding-bottom:30px;} .added-que-statement{color:#2d2f2f;font-weight:500;margin-bottom:15px;} .added-que-statement p{font-size:16px;line-height:20px} .tags-section .chip-wrapper{margin-bottom:-15px} .que-status{position:relative;width:100px;} .navbar-nav > .user-menu .user-image{border:2px solid var(--btn-primary);float:none;width:35px;height:35px;border-radius:50%;margin:10px 15px;vertical-align:middle;} .navbar-nav > .user-menu span{color:#28303d !important;padding-top:2px;display:inline-block;padding:17px 0;font-weight:600;font-size:14px} .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default{color:#fff} .navbar-custom-menu > .navbar-nav > li > .dropdown-menu{box-shadow:0 0 3px #ddd;border:1px solid #ddd;padding:0} .subject-level{color:#333;font-size:13px} .subject-level p{margin-bottom:5px} .show-table .ques-fil-table.sub-map{display:inline-block;width: 100%} .example .btn-toggle{top:50%;transform:translateY(-50%);} .btn-toggle{margin:0 4rem;padding:0;position:relative;border:none;height:1.5rem;width:3rem;border-radius:1.5rem;color:#6b7381;background:#f44b26 !important;} .btn-toggle:focus,.btn-toggle.focus,.btn-toggle:focus.active,.btn-toggle.focus.active{outline:none;} .btn-toggle:before,.btn-toggle:after{line-height:1.5rem;width:4rem;text-align:center;font-weight:600;font-size:0.75rem;text-transform:uppercase;letter-spacing:2px;position:absolute;bottom:0;transition:opacity .25s;} .btn-toggle:before{content:'Inactive';left:-4rem;} .btn-toggle:after{content:'Active';right:-4rem;opacity:.5;} .btn-toggle > .handle{position:absolute;top:0.1875rem;left:0.1875rem;width:1.125rem;height:1.125rem;border-radius:1.125rem;background:#fff;transition:left .25s;} .btn-toggle.active{transition:background-color 0.25s;} .btn-toggle.active > .handle{left:1.6875rem;transition:left .25s;} .btn-toggle.active:before{opacity:.5;} .btn-toggle.active:after{opacity:1;} .btn-toggle:before,.btn-toggle:after{color:#6b7381;} .btn-toggle.active{background-color:#36d447 !important;} .btn-toggle.btn-lg{margin:0 7rem;padding:0;position:relative;border:none;height:2rem;width:4rem;border-radius:2.5rem;} .btn-toggle.btn-lg:focus,.btn-toggle.btn-lg.focus,.btn-toggle.btn-lg:focus.active,.btn-toggle.btn-lg.focus.active{outline:none;} .btn-toggle.btn-lg:before,.btn-toggle.btn-lg:after{line-height:2rem;width:6rem;text-align:center;font-weight:600;font-size:12px;text-transform:CAPITALIZE;letter-spacing:1px;position:absolute;bottom:0;transition:opacity .25s;} .btn-toggle.btn-lg:before{content:'Inactive';right:-6.5rem;left:auto;} .btn-toggle.btn-lg:after{content:'Active';right:-8rem;opacity:.5;display:none;} .btn-toggle.btn-lg > .handle{position:absolute;top:0.3125rem;left:0.3125rem;width:1.4rem;height:1.4rem;border-radius:1.875rem;background:#fff;transition:left .25s;} .btn-toggle.btn-lg.active{transition:background-color 0.25s;} .btn-toggle.btn-lg.active > .handle{left:2.3rem;transition:left .25s;} .btn-toggle.btn-lg.active:before{opacity:1;content:"Active";} .btn-toggle.btn-lg.active:after{opacity:1;} .btn-toggle.btn-lg.btn-sm:before,.btn-toggle.btn-lg.btn-sm:after{line-height:0.5rem;color:#fff;letter-spacing:.75px;left:0.6875rem;width:3.875rem;} .btn-toggle.btn-lg.btn-sm:before{text-align:right;} .btn-toggle.btn-lg.btn-sm:after{text-align:left;opacity:0;} .btn-toggle.btn-lg.btn-sm.active:before{opacity:0;} .btn-toggle.btn-lg.btn-sm.active:after{opacity:1;} .btn-toggle.btn-lg.btn-xs:before,.btn-toggle.btn-lg.btn-xs:after{display:none;} .skin-blue .main-header .navbar .sidebar-toggle, .navbar-nav > .user-menu span{color:#fff;} .skin-blue .main-header .navbar .sidebar-toggle{padding:15px 0 13px;border-radius:100% !important;margin:3px 15px 4px;position: relative;top:-2px;} .skin-blue .main-header .navbar .sidebar-toggle .ti-menu{font-size:18px;color:#28303d;vertical-align:middle;} .btn-primary{background-color:var(--btn-primary)} .skin-blue .main-header .logo, .skin-blue .main-header .logo:hover{background-color:#333b4e} table tbody td button.delete,.action-buttons button.delete,.action-buttons button.check{background:none;border:0;border-radius:4px;color:#333b4e;} .view-package-chip select{border:1px solid #ddd;padding:3px 0 3px 3px;} .editor.active .mce-panel{border:0 solid #b0d2dc;background-color:#fff;box-shadow:0 0 4px #09bbcf;} .que-status button{border:0;color:#fff;padding:3px 15px;} .que-status button.active, .que-status .btn-toggle.btn-lg.active{background:#499449;} .que-status button.inactive, .que-status .btn-toggle.btn-lg{background:#f44b26;margin:0;vertical-align:top} .skin-blue .content-header.content-header-place-top .qb-res-top-btns .que-status .btn-toggle.btn-lg:before {content: 'Unpublished';right: 8rem;left: auto} .skin-blue .content-header.content-header-place-top .qb-res-top-btns .que-status .btn-toggle.btn-lg.active:before {content: 'Published';right: 6rem} /*.skin-blue .content-header.content-header-place-top .qb-res-top-btns .que-status{top: 5px}*/ .btn-toggle.btn-lg > .handle{top:3px;} table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#fff !important;} #tab_2 .package-detail .map-test-button, #tab_3 .package-detail .map-test-button{position:absolute !important;top:0px !important;right:0px !important;} #example .action-buttons .btn.btn-success{margin-left:15px !important} .status-toggle{width:100%;text-align:left;} .view-package-chip .selectpicker .nya-bs-select.current-status1 .btn,.map-test-status .selectpicker .nya-bs-select.current-status1 .btn{background:#FF9933 !important} .view-package-chip .selectpicker .nya-bs-select.current-status2 .btn,.map-test-status .selectpicker .nya-bs-select.current-status2 .btn{background:#00CCCC !important} .view-package-chip .selectpicker .nya-bs-select.current-status3 .btn,.map-test-status .selectpicker .nya-bs-select.current-status3 .btn{background:#FF6666 !important} .view-package-chip .selectpicker .nya-bs-select.current-status4 .btn,.map-test-status .selectpicker .nya-bs-select.current-status4 .btn{background:#00CC99 !important} .view-package-chip .selectpicker .nya-bs-select.current-status5 .btn,.map-test-status .selectpicker .nya-bs-select.current-status5 .btn{background:#00FF80 !important} .view-package-chip .selectpicker .nya-bs-select.current-status6 .btn,.map-test-status .selectpicker .nya-bs-select.current-status6 .btn{background:#00a65a !important} .view-package-chip .selectpicker .nya-bs-select.current-status7 .btn,.map-test-status .selectpicker .nya-bs-select.current-status7 .btn{background:#C0C0C0 !important} .view-package-chip .selectpicker .nya-bs-select.current-status8 .btn,.map-test-status .selectpicker .nya-bs-select.current-status8 .btn{background:#FF3333 !important} .view-package-chip .selectpicker .nya-bs-select.current-statusContentNotuploaded .btn,.map-test-status .selectpicker .nya-bs-select.current-statusContentNotuploaded .btn{background:#FF9933 !important} .view-package-chip .selectpicker .nya-bs-select.current-statusContentUploaded .btn,.map-test-status .selectpicker .nya-bs-select.current-statusContentUploaded .btn{background:#00a65a !important} .status-toggle .caret{float:right;top:7px;position:relative;} .dropdown-menu.status-dropdown{width:100%} .online{color:#333;font-weight:600 !important;font-size:13px;padding-left:10px;} .offline{padding-left:10px;color:#333;font-weight:600 !important;font-size:13px;text-transform:capitalize} .rep-row{width:100%;display:inline-block;border:3px solid #e4ecee;padding:15px;border-radius:5px;margin:0 0 15px 0;background:#f3f4f4;position:relative;} .view-test .rep-row{background: #fdfdfd} .btn-actions{position:absolute;right:-10px;top:-17px;} .btn-actions button{border:none;background:#f00;padding:5px;color:#fff;margin:0 2px;min-width:32px;border-radius:100%;height:32px;} .add-btn{background:var(--btn-primary);border:none;min-width:inherit;color:#fff;padding:7px 15px;top:0;position:relative;right:0;float:right;border-radius:3px} button.add-btn.unfill-add-btn { background: #fff; color: var(--btn-primary); border: 1px solid var(--btn-primary); } .add-btn i{margin-right:8px} .add-btn:hover,button.add-btn.unfill-add-btn:hover{background: var(--btn-secondary)} button.add-btn.unfill-add-btn:hover{color: #fff} .row.rep-row button.add-btn { right: 17px; top: 5px; } .add-btn .fa.fa-plus{margin-right:8px} .rep-row-next{display:none;} .icheckbox_minimal-blue, .iradio_minimal-blue{margin:0 5px 0 0;top:-2px;} .row.rep-row{padding:15px 0} #login .container #login-row #login-column #login-box{margin-top:120px;max-width:600px;height:320px;border:1px solid #9C9C9C;background-color:#EAEAEA;} #login .container #login-row #login-column #login-box #login-form{padding:20px;} #login .container #login-row #login-column #login-box #login-form #register-link{margin-top:-85px;} .dataTable.fixedHeader-floating{top:96px !important;background:#fbfbfb;} table.fixedHeader-floating.no-footer{border-top:12px solid #eef0f1;} table.dataTable thead th, table.dataTable tfoot th{font-weight:500;} .skin-blue .sidebar-menu>li a .fa.fa-circle-o{font-size:inherit;} .skin-blue .sidebar-menu .treeview-menu{padding-left:0} .skin-blue .sidebar-menu .treeview-menu>li>a:hover{background:#776a6a;} #example .action-buttons .btn.btn-red{padding:7px 10px 5px 10px!important;border-radius:0;border:0;text-transform:uppercase;min-width:100px;font-size:13px;margin-left:15px !important;} #example .action-buttons .btn.btn-red:hover{color:#fff;} .skin-blue .sidebar-menu>li>.treeview-menu{background:#01334e;} .skin-blue .sidebar-menu .treeview-menu>li.active>a{background:#6d4747;} .sidebar .sidebar-menu li.tables::before{content:'';width:2px;height:100%;background:none;display:block;position:absolute;top:0;left:0;z-index:99;} .sidebar-menu{padding-bottom:20px} .sidebar .sidebar-menu li.tables .tablesDropdown li>a{padding:7px 0px 7px 48px} .skin-blue .sidebar-menu li.tables .tablesDropdown li>a .fa.fa-circle-o{padding:0;margin-right:8px;font-size:11px;vertical-align:middle;position:relative;top:-1px;display:inline-block;} .sidebar .sidebar-menu li.tables .tablesDropdown li>a:hover ,.sidebar .sidebar-menu li.tables .tablesDropdown li.active>a{color:#fff;background:rgba(10, 24, 35, 0.26);} .sidebar-menu .tables{position:relative;} .sidebar-menu li.tables a i{margin-right:20px;-webkit-transition:all 0.3s;transition:all 0.3s;padding-right:20px;} .sidebar-menu li.tables a [data-toggle="collapse"]::after{content:'\f104';display:inline-block;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:'FontAwesome';position:absolute;top:50%;right:20px;} .sidebar-menu li.tables::before{content:'';width:2px;height:100%;background:none;display:block;position:absolute;top:0;left:0;z-index:99;} #testlist tbody tr td a:hover,#example tbody tr td a:hover{text-decoration:underline;} .answer-solution p{margin:5px 0} .view-test-table{margin-bottom:20px} .inner-bg-view{width:100%;display:inline-block;border-radius:5px;margin:0 0 15px 0;position:relative;} .inner-bg-view .form-group{margin:8px 0;} .inner-bg-view .q-view{display:inline-block;} .map-test-button.edit-btn, .map-test-button.delete-btn{top:134px;position:fixed;} .map-test-button.delete-btn{right:50px} .map-test-button.right-btn{top:-46px;right:1px;} .map-test .map-test-button.right-btn{top:0} .test .map-test-button.right-btn, .user .map-test-button.right-btn,.student .map-test-button.right-btn,.questions-screen .map-test-button.right-btn{top:-2px;} .questions-screen .map-test-button.right-btn{top:-9px;} table .btn.btn-default{padding:5px 10px 2px 10px!important;border-radius:0;border:0;text-transform:capitalize;min-width:150px;font-size:12px;width:100%;} table .dropdown-menu>li>a{font-size:12px} table .status-toggle .caret{top:10px;position:absolute;right:5px} .sidebar .sidebar-menu.tree .tablesDropdown li .fa.fa-angle-right.pull-left{color:#888080;font-size:17px;padding:10px 0px 0px 30px;} .purple{border-color:#a440ce;} .yellow{border-color:#fde345;} .orange{border-color:#fd8b88;} .green{border-color:rgb(16, 243, 66);} .red{border-color:rgba(233,7,93,1);} .create-test .create-test-wrapper .rad-wrap{margin-bottom:10px} .nya-bs-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%;} .nya-bs-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%;} .nya-bs-select .btn.btn-default{background-color:#fff !important;border:1px solid #ddd !important;color:#444 !important;height:30px;line-height:15px;font-weight:500} #collapse-filter .nya-bs-select .dropdown-toggle{padding:0px 20px 0px 10px !important;color:#444;height:30 !important} #collapse-filter .nya-bs-select .dropdown-toggle .filter-option-inner-inner{text-transform:uppercase !important;font-size:13px !important;} #collapse-filter .nya-bs-select .dropdown-menu.inner{max-height:174px;overflow-y:auto;min-height:60px;} #collapse-filter .nya-bs-select .dropdown-menu{background:#f8fafb !important;min-width:100%;width:100%;overflow-x:hidden;} #collapse-filter .nya-bs-select.btn-group .dropdown-menu{padding:0} .view-package-chip .nya-bs-select .btn.btn-default{border-radius:3px;height:25px;line-height:15px;padding-bottom:5px !important} #collapse-filter .nya-bs-select .dropdown-toggle{text-transform:capitalize;} .nya-bs-select .dropdown-menu.inner li.selected a{background-image:url(../images/checked.png);background-repeat:no-repeat;background-size:20px;background-position:98% center} .nya-bs-select .dropdown-menu.inner li a{padding-right:25px;white-space:initial;cursor:pointer;} .selectpicker{position:relative;} .custom-radio p [type="radio"]:checked,.custom-radio p [type="radio"]:not(:checked){position:absolute;left:-9999px;} .custom-radio p [type="radio"]:checked + label,.custom-radio p [type="radio"]:not(:checked) + label{position:relative;padding-left:20px;cursor:pointer;line-height:20px;display:inline-block;color:#666;margin-right:15px} .custom-radio p [type="radio"]:checked + label:before,.custom-radio p [type="radio"]:not(:checked) + label:before{content:'';position:absolute;left:0px;top:3px;width:15px;height:15px;border:1px solid #ddd;border-radius:100%;background:#fff;} .custom-radio p [type="radio"]:checked + label:after,.custom-radio p [type="radio"]:not(:checked) + label:after{content:'';width:7px;height:7px;background:var(--btn-primary);position:absolute;top:7px;left:4px;border-radius:100%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;} .custom-radio p [type="radio"]:not(:checked) + label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0);} .custom-radio p [type="radio"]:checked + label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1);} /*.box-body .filter-body .form-group p{margin:5px 0 5px;}*/ table.dataTable tbody tr:odd{background-color:#f9f9f9;} table.dataTable tbody tr:odd{background-color:#f9f9f9;} #user_details .map-test-button{top:15px !important;right:8px !important;position:absolute;z-index:9;} /*.view-package-chip .nya-bs-select .dropdown-toggle .filter-option,*/ .view-package-chip .nya-bs-select .dropdown-toggle .special-title{color:#fff} .statusinactive{background:#f44b26 !important} .statusactive{background:#499449 !important} .offline.tag-blue, .online.tag-green{border-radius:25px;color:#fff;padding:3px 15px;font-size:12px} .offline.tag-blue{background-color:#015b8c;} .online.tag-green{background-color:#73AD21} .non-edit.tag-que, .non-edit.tag-mrk{color: #000 !important; padding: 9px 15px; background: #fff !important; border-color: #fff !important; box-shadow: none; font-weight: 500 !important; font-size: 12px !important;} .wrs_multipleRowPanel.wrs_selected .wrs_layoutFor3Rows table tbody tr td{width:auto !important;} .map-test-button.right-btn.eye{top:13px !important;} .btn-actions button{min-width:27px;height:27px} .buttons-table button.btn.btn-primary, .buttons-table button.btn.btn-sky{margin-bottom:8px;} /*.view-package-chip .selectpicker .nya-bs-select .btn.btn-default,*/ .map-test-status .selectpicker .nya-bs-select .btn.btn-default{border:0 !important} /*.view-package-chip .selectpicker .nya-bs-select .dropdown-toggle .caret,*/ .map-test-status .selectpicker .nya-bs-select .dropdown-toggle .caret{color:#fff;} .map-test-status .selectpicker .nya-bs-select .btn.btn-default{color:#fff !important;width:200px;height:30px;line-height:15px;} .skin-blue .content-header.content-header-place-top .qb-res-top-btns ul li.top-dropdown span.filter-option{color:#fff} .skin-blue .content-header.content-header-place-top .qb-res-top-btns ul li.top-dropdown span.caret{background: none;color:#fff} .skin-blue .content-header.content-header-place-top .qb-res-top-btns ul li.top-dropdown span:hover{background: none} .skin-blue .content-header.content-header-place-top .qb-res-top-btns ul li.top-dropdown .open>.dropdown-menu{border:none;} .skin-blue .content-header.content-header-place-top .qb-res-top-btns ul li.top-dropdown ul.dropdown-menu{width: 230px} .list-tabs .nav-item a{line-height:24px;text-transform:uppercase;font-size:12px;font-weight:500;min-width:100px;text-align:center;transition:all .3s;border-radius:30px;padding:5px 15px} .list-tabs .nav.nav-pills li{list-style:none;border:1px solid #eee;display:inline-block;padding:0px 0px 0px 0px;background:#fafcfd;margin-right:1px;border-radius:30px;margin-bottom:0;} .online-edit .bottom-btn{padding-bottom:15px !important;} .time-detail img{margin:0 4px;position:relative;top:0px;width:19px;vertical-align:middle;background:#000;} .map-detail .test-hours{float:right;display:inline-block;position:relative;top:-20px;} .create-test .circle.red,.map-test .circle.red{float:right;background:var(--btn-primary);border-radius:50%;width:22px;height:22px;position:relative;margin:-26px 15px;border-width:3px;} .create-test .nav.nav-tabs li.active .circle.red, .map-test .nav.nav-tabs li.active .circle.red{background:#f7f5f5;} .create-test .nav.nav-tabs li.active .circle.red span, .map-test .nav.nav-tabs li.active .circle.red span{color:var(--btn-primary);top:4px;left:4px;} .create-test .circle.red span,.map-test .circle.red span{position:absolute;top:4px;left:8px;left:4px;color:#fff;font-size:11px;font-weight:bold;} .create-test .circle.red.sub,.map-test .circle.red.sub{width:25px;height:25px;margin:-2px 0 0 10px;background:none;} .create-test .circle.red.sub span, .map-test .circle.red.sub span{color:#fbfbfb;top:0px;left:3px;} .list-tabs .nav.nav-pills li.active a .circle.red.sub{background:#f7f5f5;} .list-tabs .nav.nav-pills li.active a .circle.red.sub span{color:var(--btn-primary)} .list-tabs .nav.nav-pills li.activeI a .circle.red.sub{background:#f7f5f5;} .list-tabs .nav.nav-pills li.activeI a .circle.red.sub span{color:var(--btn-primary)} .create-test .circle.red.sub{ width: 29px !important; height: 29px !important; line-height: 27px;} .create-test .circle.red.sub span{left:3px;} .buttons-table button.btn.btn-primary, .buttons-table button.btn.btn-sky{margin-bottom:8px;} .table tbody.ui-sortable tr{cursor:move;} .table tbody.ui-sortable tr:hover td{background: #f2f2f2} .solution-section .solution-title h2{color:var(--btn-primary);font-size:14px;border-bottom:1px solid #ddd;padding-bottom:10px;} .solution{padding:0px 5px;font-family:'Alegreya';} .solution-section{font-size:16.5px;color:#000;} .map-test .offline-fil #tab_3 .map-test-button.right-btn{top:-47px;} .map-test .online-fil #tab_1 .map-test-button.right-btn,.map-test .online-fil #tab_2 .map-test-button.right-btn{top:-46px;} .multi-check, .check .check-btn{display:inline-block;position:relative;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .check .check-btn input{position:absolute;opacity:0;cursor:pointer;top:-21px;left:28px;height:20px;width:22px;} .check label.check-btn{margin:0} .check .checkmark{position:absolute;top:-21px;left:28px;height:20px;width:22px;background-color:#fff;border-radius:4px;border:2px solid #00a65a;} .check .check-btn:hover input ~ .checkmark{background-color:#fff;} .check .check-btn input:checked ~ .checkmark{background-color:#fff;} .multi-check .checkmark:after,.check .checkmark:after{content:"";position:absolute;display:none;} .multi-check input:checked ~ .checkmark:after,.check .check-btn input:checked ~ .checkmark:after{display:block;} .check .check-btn .checkmark:after{left:6px;top:-2px;width:7px;height:16px;border:solid #73AD21;border-width:0 2px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(52deg);} .multi-pckg{margin-top:5px;} .multi-check{padding-left:35px;} .multi-check input{position:absolute;opacity:0;cursor:pointer;top:0;left:0;height:20px;width:20px;} .multi-check .checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#eee;} .multi-check:hover input ~ .checkmark{background-color:#ccc;} .multi-check input:checked ~ .checkmark{background-color:#0093c1;} .multi-check .checkmark:after{left:7px;top:3px;width:6px;height:12px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .package .add-btn{top:-30px} .edit-user .bottom-btn,.edit-student .bottom-btn{padding:20px 0} .btn.btn-sky{background:#00c9fc;color:#fff} .btn.btn-sky:hover{background:#07b5e1} #testlist .view-package-chip .open>.dropdown-menu, #testexample .view-package-chip .open>.dropdown-menu{width:100%} #testlist .view-package-chip .dropdown-menu, #testexample .view-package-chip .dropdown-menu{padding:0px 0;} #question_detail .online-preview .answer-options{margin:0px 0 12px 0;} #question_detail .que-display{margin:0px 0 12px;} #question_detail .answer-solution{font-size:15px;color:#000;} .map-test-button.right-btn.eye{top:-18px !important;} .login-head .container{width:1250px;} .login-head #logo{margin-left:-8px;} .login-head #logo .navbar-brand{display:inline-block;} .login-head #logo .navbar-brand{margin-left:0;padding:0;} .login-head .header.navbar .navbar-brand{float:none;} .login-head .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;} .login-head.header.navbar.navbar-fixed-top{z-index:999 !important;background:var(--btn-primary);} .login-head.header.navbar{border:0 none;box-shadow:none;height:55px;margin:0 auto;min-height:42px;padding:0;width:100%;max-width:100%;} .login-head.navbar-fixed-top{top:0;} .limiter.login{position:fixed;left:62vw;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:100vh;padding:0 6vw;width:38vw;} .login-icon{margin-bottom:4vh} .login-icon h1{font-family:Roboto;font-style:normal;font-weight:bold;font-size:36px;line-height:42px;color:#383737;text-align:left;margin:25px 0;} .login-icon p{font-family:Roboto;font-style:normal;font-weight:normal;font-size:20px;line-height:23px;color:#737373;text-align:left;} .login span.error-msg,.login [ng\:cloak], [ng-cloak],.login [data-ng-cloak], [x-ng-cloak], .login .ng-cloak, .login .x-ng-cloak, .login .ng-hide:not(.ng-hide-animate){display:none !important} .login .validation-error{color:red;text-align:left;float:left;margin-bottom:10px;width:100%;} .limiter.login .ti-email,.limiter.login .ti-lock{position:absolute;font-size:17px;color:#bababa !important;content:attr(data-placeholder);display:block;position:absolute;top:12px;left:15px;-o-transition:all 0.4s;-moz-transition:all 0.4s;} .login #login-form input.input100::placeholder{color:#bababa;font-size:14px} .login .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;} .login .label-container span{font-size:14px;font-weight:normal;vertical-align:top;} .login .label-container input{position:absolute;opacity:0;cursor:pointer;left:0;width:20px;height:26px;top:-7px;} .login #login-form .label-container span.checkmark{top:-3px!important;} .login .label-container input:checked ~ .checkmark{background-color:#2196F3;margin-top:2px;} .login .label-container span{font-size:14px;font-weight:normal;vertical-align:top;} .login .checkmark{position:absolute;top:0;left:0;height:19px;width:19px;border:1px solid var(--btn-primary);} .login .validation-error{color:red;text-align:left;float:left;margin-bottom:10px;width:100%;display:inline-block;} .login button{outline:0;min-width:165px;text-transform:uppercase;padding:11px 5px 10px;font-size:18px;border:0 none;color:#fff !important;background:#26B7E1;border-radius:10px;} .login .label-container input:checked ~ .checkmark:after{display:block;} .login .label-container .checkmark:after{left:6px;top:3px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);} .login .checkmark:after{content:"";position:absolute;display:none;} .login #login-form a:hover{text-decoration:underline;cursor:pointer;} .login #login-form a{font-style:normal;font-weight:normal;font-size:13px;line-height:15px;color:#737373;margin:15px 0;display:inline-block;} .login .fs-title{font-size:25px;text-transform:capitalize;color:var(--btn-primary) !important;margin:10px 0 30px;font-weight:500 !important;} .login .ribbon{margin-bottom:44px;margin-top:-20px;} .login .ribbon h4{display:block;padding:10px;position:relative;background:#f79362;height:40px;margin-right:29px;margin-left:-51px;color:#fff;width:168px;text-decoration:none;text-transform:uppercase;} .login .text-left{text-align:left;} .login .ribbon h4::before{content:"";height:0;width:0;display:block;position:absolute;top:0;right:-20px;width:0;height:0 !important;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid #f79362;} .login .ribbon h4::after{content:"";height:0;width:0;display:block;position:absolute;bottom:-15px;left:0;border-top:15px solid #004a70;border-left:15px solid transparent;} .login .main-container{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;} .login button:hover{background:#09aadf;} .map-test .offline-fil .map-test-button.right-btn{top:0px;} #tab_3 .btn-toggle.btn-lg{width:12rem;margin:0;} #tab_3 .btn-toggle.btn-lg:before, #tab_3 .btn-toggle.btn-lg:after{font-weight:400;} .btn-toggle.btn-lg > .handle{top:3px;} #tab_3 .btn-toggle.btn-lg:before{content:'Unpublished';left:auto;right:3rem;text-align:right;color:rgb(255, 255, 255);} #tab_3 .btn-toggle.btn-lg.active > .handle{left:10.2rem;} #tab_3 .btn-toggle.btn-lg.active:before{opacity:1;content:"Published";right:3.1rem;color:rgb(255, 255, 255);} #collapsed1-filter, #collapsed-filter, #collapse-filter{margin-bottom:15px;margin-top:20px;} .package .que-status .btn-toggle.btn-lg{width:9rem;} .package .que-status .btn-toggle.btn-lg::before{content:"Inactive";left:auto;color:rgb(255, 255, 255);right:0.3rem;} .package .que-status .btn-toggle.btn-lg.active > .handle{left:7.3rem} .package .que-status .btn-toggle.btn-lg.active:before{opacity:1;content:"Active";right:3.1rem;} .form-actions.text-center{margin-bottom:25px} .text-center{text-align:center !important} .action-buttons .check{display:inline-block;padding:1px 6px;position: relative;vertical-align: top;top:1px} .action-buttons .check label.check-btn{position: relative;} .action-buttons .check .checkmark{left:-6px;top:-1px;} .bootstrap-timepicker{position:relative;} .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu{left:auto;right:0;} .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before{left:auto;right:12px;} .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after{left:auto;right:13px;} .bootstrap-timepicker .input-group-addon{cursor:pointer;} .bootstrap-timepicker .input-group-addon i{display:inline-block;width:16px;height:16px;} .bootstrap-timepicker-widget.dropdown-menu{padding:4px;} .bootstrap-timepicker-widget.dropdown-menu.open{display:inline-block;} .bootstrap-timepicker-widget.dropdown-menu:before{border-bottom:7px solid rgba(0, 0, 0, 0.2);border-left:7px solid transparent;border-right:7px solid transparent;content:"";display:inline-block;position:absolute;} .bootstrap-timepicker-widget.dropdown-menu:after{border-bottom:6px solid #FFFFFF;border-left:6px solid transparent;border-right:6px solid transparent;content:"";display:inline-block;position:absolute;} .bootstrap-timepicker-widget.timepicker-orient-left:before{left:6px;} .bootstrap-timepicker-widget.timepicker-orient-left:after{left:7px;} .bootstrap-timepicker-widget.timepicker-orient-right:before{right:6px;} .bootstrap-timepicker-widget.timepicker-orient-right:after{right:7px;} .bootstrap-timepicker-widget.timepicker-orient-top:before{top:-7px;} .bootstrap-timepicker-widget.timepicker-orient-top:after{top:-6px;} .bootstrap-timepicker-widget.timepicker-orient-bottom:before{bottom:-7px;border-bottom:0;border-top:7px solid #999;} .bootstrap-timepicker-widget.timepicker-orient-bottom:after{bottom:-6px;border-bottom:0;border-top:6px solid #ffffff;} .bootstrap-timepicker-widget table{width:100%;margin:0;} .bootstrap-timepicker-widget table td{text-align:center;height:30px;margin:0;padding:2px;} .bootstrap-timepicker-widget table td:not(.separator){min-width:30px;} .bootstrap-timepicker-widget table td span{width:100%;} .bootstrap-timepicker-widget table td a{border:1px transparent solid;width:100%;display:inline-block;margin:0;padding:8px 0;outline:0;color:#333;} .bootstrap-timepicker-widget table td a:hover{text-decoration:none;background-color:#eee;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-color:#ddd;} .bootstrap-timepicker-widget table td a i{margin-top:2px;font-size:18px;} .bootstrap-timepicker-widget table td input{width:25px;margin:0;text-align:center;border:none} .bootstrap-timepicker-widget .modal-content{padding:4px;} .bootstrap-timepicker-widget{width:0px;} .tooltip.left .tooltip-arrow{border-width:1px 0 5px 5px} .tooltip.left{left:971px;} .MJXc-TeX-math-I{outline:none;} .questions-screen .map-test-button.right-btn , .test .map-test-button.right-btn, .user .map-test-button.right-btn{top:0 !important;position:relative;float:right;right:0 !important;} .questions-screen #collapse-filter{margin-top:0;} .questions-screen .buttons-table button.btn.btn-primary,.buttons-table button.btn.btn-primary{margin-bottom:0} .concept-listing{list-style:none;line-height:22px} .user-box .q-view{padding:7px 10px;min-height:34px;background:#f7f7f7;} .mce-container, .mce-container *, .mce-widget, .mce-widget *{font-size:12px !important} .mce-btn button{padding:3px 6px !important;font-size:12px;} .create-test .circle.red.sub{text-align:center;} .create-test .circle.red.sub span{position:relative;left:0} .old-que-id{position:relative;top:-16px;left:25px;margin:0;font-size:17px;font-weight:600;color:#333C4E;text-transform:capitalize;} .subject-chapters{margin:10px auto;padding:0;width:100%;border:1px solid #e6e6e6;border-radius:5px;} .subject-chapters.physics .title{border-bottom:2px solid #efa103;color:#efa103;background:url("../images/practice-physics.png") no-repeat 0 0;background-size:30px} .subject-chapters.mathematics .title{border-bottom:2px solid var(--btn-primary);color:var(--btn-primary);background:url("../images/practice-maths.png") no-repeat 0 0;background-size:30px} .subject-chapters.chemistry .title{border-bottom:2px solid #e12a48;color:#e12a48;background:url("../images/practice-chemistry.png") no-repeat 0 0;background-size:30px} .subject-chapters.biology .title{border-bottom:2px solid #8cc445;color:#8cc445;background:url("../images/practice-biology.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:10px 0px;text-align:left;line-height:12px;color:#000;list-style:inside !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;width:100%;font-weight:bold;padding-bottom:10px;} .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-chapters .title span{margin-left:10px} .subject-chapters.physics .title{border-bottom:2px solid #efa103;color:#efa103;background:#efa103;background-size:30px;margin:0;background:#efa103;padding:10px;border-top-left-radius:5px;border-top-right-radius:5px;} .subject-chapters .title span{color:#fff;font-weight:normal;} .subject-chapters .title span.total-que{float:right;color:#000;font-size:13px;font-weight:bold;text-transform:capitalize;} .subject-chapters .title span.total-que .to-que{background-color:#fff;color:#000;font-weight:500;padding:3px 5px;border-radius:5px;margin-left:5px;line-height:54px} .subject-chapters.physics.chemistry .title{background-color:#e65d77;border-bottom:2px solid #e65d77 !important} .subject-chapters.physics.mathematics .title{border-bottom:2px solid #11cdac !important;background-color:#11cdac} .subject-chapters.physics.biology .title{border-bottom:2px solid #21b306 !important;background-color:#21b306} .sub-img{background:#fff;padding:10px;border-radius:100%;height:50px;width:50px;display:inline-block;text-align:center;margin-left:0 !important} .subject-chapters .title .sub-img img{margin:0;} .subject-name{position:relative;top:4px;} .test-fil-table .form-inline .form-group{margin-bottom:0} .subject-chapters ul{margin:0 !important;padding:5px 15px !important;} .marking{border-bottom:1px solid #ccc;padding:5px 10px;width:100%;display:inline-block;font-size:13px;} .negative-marks .ti-close,.positive-marks .ti-check{color:#f00;margin:0 3px 0 0;position:relative;top:2px;font-size:13px;font-weight:bold;} .positive-marks span ,.negative-marks span{position:relative;left:2px;top:-1px;font-weight:bold;font-size:12px;} .positive-marks .ti-check{color:#51ef51} .positive-marks{float:left;} .negative-marks{float:right;} .nya-bs-select .dropdown-toggle .filter-option,.nya-bs-select .dropdown-toggle.show-special-title .special-title{text-transform:capitalize;width:92%;} dir-pagination-controls{width:100%;display:inline-block;text-align:right;} .questions-screen #collapse-filter{margin-top:8px;} .list-tabs .nav.nav-pills li.time-inp{border:none;margin-left:10px;width:175px;background:none !important} .list-tabs .nav.nav-pills li.time-inp .form-group{margin:0;height:37px} .list-tabs .nav.nav-pills li.time-inp .form-group label{float:left;margin:10px 10px;} .questions-screen table tbody td button.delete{display:inline-block;margin:2px auto;} .questions-screen .screen-user table tbody td button.delete{display:inline-block;} .content-header,.titleBreadcrum{transition:0.4s ease-in-out;} .question-status span{background:#696969;color:#fff;padding:5px 10px;margin:0 2px;color:#06a8da;font-weight:700} .question-status span strong{color:#fff;margin-right:2px} .question-list{overflow-y:auto;overflow-x:hidden;} .main-footer{position:fixed;bottom:0;width:100%} .content-wrapper{min-height:inherit !important} /* Gmail style scrollbar */ ::-webkit-scrollbar-track { border-width: 0;background:#f1f1f1;box-shadow: none } ::-webkit-scrollbar { height: 8px; overflow: visible; width: 8px; } ::-webkit-scrollbar-thumb { background-color: #c1c1c1; border: solid transparent; border-width: 1px 1px 1px 6px; min-height: 28px } ::-webkit-scrollbar-thumb:horizontal {background-color:#c1c1c1; border-width: 6px 1px 1px } /*::-webkit-scrollbar{width:8px;} ::-webkit-scrollbar-track{background:#fff} ::-webkit-scrollbar-thumb{background:rgb(229 245 214);border-radius:0}*/ .time-inp .form-group{background:var(--btn-secondary);border-radius:30px;} .time-inp .form-group label{margin:10px !important;color:#fff;} .time-inp .input-group-addon{background:none;border:none;padding:6px;border-left:1px solid #f7f7f7;padding-left:10px;padding-right:0;} .time-inp .input-group-addon i{color:#fff;} .time-inp .bootstrap-timepicker input{border:none;background:#f7f5f5;border-radius:35px !important;padding:12px 6px;text-align:center;min-width:80px;font-weight:bold;color:var(--btn-secondary);height:37px} .time-inp .bootstrap-timepicker input#duration{min-width:initial;background:none;color:#fff} .question-list.bulk-list .webListing-table { max-height: calc(100vh - 180px)} .question-list.bulk-list .check{text-align:center;display: inline-block} .question-list.bulk-list .check .check-btn input{left:0;top:-3px;margin:0;position:relative;} .question-list.bulk-list .check .checkmark{left:0;top:0;} .question-list.bulk-list .check label.check-btn{height:20px;position: relative;} .question-list.bulk-list td a{vertical-align: top;display: inline-block;} .question-list.bulk-list td a i{font-size: 16px;color: #333b4e} .tot-marks-test{list-style:none;display:inline-block;padding:0px 0 0px 0;background:#fafcfd;margin-right:1px;border-radius:30px;margin-bottom:0;} .tot-marks-test a.non-edit.tag-mrk{font-weight:600;background:#0093c1;line-height:24px;text-transform:uppercase;font-size:12px;font-weight:500;width:278px;border-radius:0;padding:8px 15px;color:#fff;position:relative;top:1px;} .circle.red.sub{width:25px !important;height:23px !important;background:#f7f5f5;background:#fbfbfb;border-radius:100%;width:22px;height:22px;position:relative;margin:-28px 10px;border-width:3px;display:inline-block;text-align:center;margin-right:0} .circle.red.sub span{color:var(--btn-primary)} .question-body p{margin:0} .dropdown a i.fa.fa-angle-down,.dropdown a i.fa.fa-angle-up{color:#929292;margin-left:5px !important;font-size:18px;margin-right:15px !important} .map-inner-tab-panel #collapse-filter{margin-top:0} .left-limiter-login{position:fixed;left:0;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100vh;padding:0 8vw;width:62vw;} .left-limiter-login h1{color:#fff;font-size:3.4vh;margin:1vh 0;} .user-box{padding:25px 0 0 0} .Statement-content,.hint-content{position:relative;padding-bottom:30px} .Statement-content .add-btn,.hint-content .add-btn{position:absolute;bottom:10px;right:10px;top:auto;} p.pull-left{margin:0} .mob-nav{display:none;} .course-minimum-prise{position:relative;} .course-minimum-prise span{display:inline-block;position:absolute;left:0;top:5%;font-weight:500;color:var(--btn-primary);text-align:center;font-size:18px;} .course-minimum-prise input{margin-left:8%;display:inline-block;width:92%;} /*After code merge css change*/ .qb-res-top-btns ul li.bulk-upload span{border-radius: 5px; padding: 7px 15px;background: none;border: 1px solid #25b6e2; color: #25b6e2;} .qb-res-top-btns ul li.bulk-upload span span {display: inline-block; margin-right: 4px;padding: 0;color: #25b6e2;border: none;} .qb-res-top-btns ul li.drop-ui .dropdown-menu{right: 0;left: auto;} .qb-res-top-btns ul li.drop-ui .dropdown-menu li{margin-left:0;width: 100%} .qb-res-top-btns ul li.drop-ui .dropdown-menu li a,.course-edit .action-buttons__container .dropdown-menu li a{color: #333;cursor: pointer;} .qb-res-top-btns ul li.drop-ui span.caret{margin-left:8px} .qb-res-top-btns ul.left-btn-col li.que-added,.qb-res-top-btns ul.left-btn-col li{position: relative;top:5px;margin-right:12px} .qb-res-top-btns ul.left-btn-col li button{ border: none; background: none; /* padding: 6px 14px; */ color: var(--btn-primary);} .qb-res-top-btns ul.left-btn-col li button.clear-lesson{font-size: 14px; border: none; padding: 4px 14px 4px 5px; color: var(--btn-primary); background: none;} .qb-res-top-btns ul.left-btn-col li button.clear-lesson:hover{text-decoration: underline;color: var(--btn-secondary)} .qb-res-top-btns ul.left-btn-col li button i{margin-right: 5px; position: relative; top: 2px;} .qb-res-top-btns ul.left-btn-col li.normal-link-text span{ background: none; padding: 4px 0;} .qb-res-top-btns ul.left-btn-col li.normal-link-text a:hover{text-decoration: underline;} .qb-res-top-btns li.drop-ui .button-primary:hover span.caret{background:var(--btn-secondary)} /*.content.bulk-upload-section{padding:25px 65px 0}*/ .bulk-upload-section .panel-default>.panel-heading{padding:0} .bulk-upload-section .panel-default>.panel-heading a{ padding: 3px 10px; display: inline-block;width: 100%;font-size: 16px;cursor: pointer;} .bulk-upload-section .panel-default>.panel-heading a:hover{color: #333} .bulk-upload-section ol {list-style: decimal inside;margin: 8px 15px;padding: 0;} .bulk-upload-section ol li{margin-top:8px;list-style: decimal inside} .bulk-upload-section ol li a{color: #5755d9} .bulk-upload-section ol li a:hover{text-decoration:underline;} .bulk-upload-section .panel-group .panel{margin-bottom:25px !important} .bulk-upload-section .panel-body,.panel-default>.panel-heading{padding: 30px;border-color: #f2f3f5} .bulk-upload-section .panel-default>.panel-heading{background-color: #f2f3f5} .bulk-upload-section .input-group{display: flex;} .bulk-upload-section input[type=file]{ flex: 1 1 auto; padding: 5px;height: 35px;border-radius: 0;} .bulk-upload-section input[type=file].error{border-color: #f00} .bulk-upload-section .btn{-webkit-appearance: none; -moz-appearance: none;appearance: none;background: #fff;border: 1px solid var(--btn-primary);color: var(--btn-primary);cursor: pointer;display: inline-block; outline: 0;padding: 8px;border-radius:0; text-align: center;text-decoration: none;transition: all .2s ease; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;vertical-align: middle; white-space: nowrap;width: auto;font-size:15px} .test-skin-msg{border: 1px solid #ccc;padding:8px;border-radius:5px} .sweetAlertClass{height: auto !important;} .swal2-popup .swal2-title{padding: 0 15px !important;font-size: 14px !important;line-height: 20px} .modal#bulkQuestionView .modal-header button.close,.modal#bulkQuestionEdit .modal-header button.close, .modal#resultStudentQuestionModel .modal-header button.close{color:var(--btn-primary)} /*Test details Abhijecta 5th-march 2021*/ .view-test .qb-res-top-btns ul li span {background: unset;} .view-test .toggle-label {position: relative;display: block;width: 262px;height: 34px;margin-top: 8px;margin: 200px auto;} .view-test .toggle-label input[type=checkbox] {opacity: 0;position: absolute;width: 100%;height: 100%;} .view-test .toggle-label input[type=checkbox]+.back {position: absolute;width: 100%;height: 100%;background: #ed1c24;transition: background 150ms linear;} .view-test .toggle-label input[type=checkbox]:checked+.back {background: #00a651;} .view-test .toggle-label input[type=checkbox]+.back .toggle { display: block;position: absolute;content: ' ';background: #fff;width: 50%;height: 32px;transition: margin 150ms linear;border: 1px solid #808080;border-radius: 0;font-size: 12px !important;} .view-test .toggle-label input[type=checkbox]:checked+.back .toggle {margin-left: 130px;} .view-test .toggle-label .label {display: block;position: absolute;width: 50%;color: #000;font-weight: 500;line-height: 19px;text-align: center;font-size: 12px !important;} .view-test .toggle-label .label.on { left: 0px; } .view-test .toggle-label .label.off { right: 0px; } .view-test .toggle-label input[type=checkbox]:checked+.back .label.on {color: #fff;} .view-test .toggle-label input[type=checkbox]+.back .label.off {color: #fff;} .view-test .toggle-label input[type=checkbox]:checked+.back .label.off {color: #000;} .view-course-marg{margin-top: 2px !important;} .view-course-para{margin-left: 16px;} .view-course-disabled .disabled{background-color: #ffffff;} .view-course-social-icons .btn-medium .facebook{color: #3B5998;} .view-course-social-icons .btn-medium .twitter{color: #00ACEE;} .view-course-social-icons .btn-medium .linkedin{color: #0E76A8;} .view-course-social-icons .button-marg{margin-left: 4px;} .change-status .btn-toggle.btn-lg:before {content: 'Unpublished'; right: 8rem;left: auto} .change-status .btn-toggle.btn-lg.active:before {content: 'Published'; right: 6rem} .liveClasss-main .status-btn.start-now {background: #12b59d !important;border: 1px solid #12b59d !important;} .screen-online-package .dropdown a i.fa.fa-angle-down, .screen-online-package .download-export .dropdown a i.fa.fa-angle-up {color: #fff !important;margin: 2px 0 0 10px !important;} .modal .modal-header .close span{font-size:35px;color: #1f8474;top: 12px;line-height:inherit;position:relative;font-weight:normal;box-shadow:none;} .default-right button {margin-left:5px;background-color: #14b59c;color: #fff;display: inline-block;border: none;padding: 5px 15px;border-radius: 5px;font-weight: 500;} .show-table .default-right button{font-size: 12px !important;} .sign-minchul{margin-top: 10px;} .certificate-background-img{background: url(../images/Park.png);display: inline-block;background-size: 73% 65%;background-repeat: no-repeat;background-position: center;} .cur-h2{font-size: 28px !important;} .cer-img{margin-top: -20px;} .btn-wd{width: 200px!important;} .seperate-subject .form-group input {width: 100% !important;} .default-temp1{display: block!important;} .default-temp1-btn{margin-left: 0 !important;margin-top: 5px;} .default-temp1-btn-inr{margin-left: 0 !important;0} .edt .list-local{display: inline-block;margin-right:10px;vertical-align: top} .edt .list-local:nth-child(1), .edt .list-local:nth-child(1){width:190px} .edt .list-local:nth-child(1){width: 185px} .edt .list-local:nth-child(2), .edt .list-local:nth-child(2){width:190px} .edt .list-local:nth-child(2){width:168px} .edt .list-local:nth-child(3){width:125px} .edt .list-local:nth-child(4){width:145px} .edt .list-local:nth-child(5){width:75px} .edt .list-local:nth-child(6){width:75px;position: relative;} .edt .list-local .negative-info{right:-10px} .edt .list-local:nth-child(7){width:50px} .edt .list-local{margin-top:5px} .edt .edit-add-btn .n-plus{position: relative;top: -22px;width: 85px;} .edt .edit-add-btn button{font-size: 14px; background: none; border: 0; border-radius: 4px; color: #333c4e; font-weight: 600; display: inline-block; top: -62px; position: relative; left: 856px; } .wdh-testrep{width: 100%;} .wdh-testrep .flt-r{float: right;} .release-note p{color: #403a3a!important;font-size: 13px!important;font-weight: normal !important;line-height: 22px !important;} .release-note h6{color: #000;} .release-note h2{font-size: 14px;} .release-note .smile{margin-top: 0;} .release-note h4{font-size: 15px;font-weight: 600;padding: 10px 15px;margin: 25px 0 20px 0px;background: #2dbda6;color: #fff;} .release-note h5{font-weight: 600;line-height: 22px;} .release-note h6{margin-left: 14px;font-weight: 600;} .release-note .ml{margin-left: 47px;} .release-note ul li{list-style-type: disc;color: #403a3a; line-height: 22px;font-weight: normal;} .release-note .ml1{margin-left: 20px;} .release-note .ml2{margin-left: 35px;} .release-note .ml2 li{list-style-type: decimal;color: #403a3a;line-height: 22px;font-weight: normal;} .release-note .ml3{margin-left: 32px;} .release-note .mt{margin-top: 40px;} .release-note .mtb{margin-top: 40px;margin-bottom: 1px;} .show-table .footer-for-sujok p { font-size: 13px; padding-bottom: 70px; } .certificate-scroll{overflow-x: auto;} @page tbody{margin-bottom: 8px;font-size: 16px;font-family:'Times new roman'} @page td{margin-bottom: 8px} .export-print page,.export-print .box-content{border: none !important;} .export-print .box-content{/*border: none !important;box-shadow: none; */margin-top: 0;padding-top:0;} .portlet-body.form{margin-top: 5px;border: 3px solid #000;padding: 5px} td.logo{text-align: left;border-top: none !important} td.heading{text-align: center;border-top: none} td.heading h2{font-size: 25px;margin:0 0 7px;font-weight: bold;} td.heading h2 input {text-align: center;} td.heading p{display: inline-block} td.heading span{background: #000;color: #fff;border: 1px solid #000;padding: 2px 10px;border-radius: 3px !important;text-transform: uppercase; font-size: 17px;font-weight: bold;} td.stamp{text-align: right;border-top:none} .form-group.print-input{margin:15px 0 0 0} .outer-tab{background: #fff;margin:5px 0 25px 0;box-shadow:0 0 8px #c3cfd4;padding: 0 0 30px 0} .inner-tab{width: 800px;margin:0 auto;padding-top: 25px} .question-body,.question-body table tbody,td.heading h2{font-family:'Times new roman'; } td.heading h2{text-transform: uppercase;} .print-img{max-width: 100%} .Physics,.Chemistry,.Mathematics{page-break-after:always} @page td{font-family:'Times new roman'} @page th{font-family:'Times new roman'} .question-body img{max-width: 140px;height: auto;opacity: 0.2;} .export-print page{padding-top: 35px} .question-body{ /* background-image: url(https://future.mstitute.com/webapi/public/images/institute_logo/institute-logo.png); */ background-repeat: no-repeat; background-position:center; position: relative; background-size: 350px; bottom: -2px; float: left; } .watermark { font-family: 'Montserrat', sans-serif; font-weight: lighter; position: absolute; opacity: 0.15; width: 100%; text-align: center; z-index: 1000; left: 0; top: 50%; transform: rotate(-55deg); text-transform: uppercase; } @media print{ .noprint{ display:none; } } .comming-soon{text-align:center;padding-top:100px;font-size:24px;color:#d9f2e8;text-align:center;padding-top:150px;} .comming-soon img{opacity:0.2} input{outline:none} input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #f5f5f5 inset !important;} input:-moz-autofill{-moz-box-shadow:0 0 0 1000px #f5f5f5 inset !important;} .scrolling-wrapper{overflow-x:auto;overflow-y:hidden;white-space:nowrap;margin:0} /*Start No record found */ .no-record{background:#fff;border:1px solid #eee;box-shadow:0 0 8px #c3cfd4;padding:25px 25px 15px 25px !important} .no-record h3, .no-data-record{padding:100px 0;text-align:center;color:#656567;font-size:13px;font-weight:500;} .no-data-img{margin:0 auto;display:block;} .no-data-record-div{padding:150px 0 0 0} .no-data-record{padding:0;margin:15px 0;} .no-data-record-div p{margin:0 auto;display:block;text-align:center;font-weight:600;color:#9a9a9a;} /*End No record found */ /*Start*/ *{margin:0;padding:0;box-sizing:border-box;--locked-color:#5fadbf;--unlocked-color:#ff5153;} .outer-lock{display:flex;align-items:center;justify-content:center;min-height:400px;} /* Locked */ .lock{width:24px;height:21px;border:.pm-certificate-container;background:var(--locked-color);width:3px;height:7px;position:absolute;top:50%;left:50%;margin:-3.5px 0 0 -2px;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;} .lock:before{content:"";display:block;width:10px;height:10px;bottom:100%;position:absolute;left:50%;margin-left:-8px;border:3px solid var(--locked-color);border-top-right-radius:50%;border-top-left-radius:50%;border-bottom:0;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;} .lock:hover:before{height:12px;} /* Unlocked */ .unlocked{transform:rotate(10deg);} .unlocked:before{bottom:130%;left:31%;margin-left:-11.5px;transform:rotate(-45deg);} .unlocked,.unlocked:before{border-color:var(--unlocked-color);} .unlocked:after{background:var(--unlocked-color);} .unlocked:hover{transform:rotate(3deg);} .unlocked:hover:before{height:10px;left:40%;bottom:124%;transform:rotate(-30deg);} .toggle{background-color:#ddddde;border-radius:60px;box-shadow:0 1px 1px 0 rgba(255,255,255,.4), 0 1px 0 0 rgba(0,0,0,0.10) inset;cursor:pointer;width:58px;height:25px;overflow:hidden;position:relative;top:1px;left:0;transition:all .25s linear;margin:0 auto} .toggle .slide{color:#818283;color:rgba(0,0,0,.15);background:#efefef;border-radius:50%;font-size:15px;line-height:17px;text-align:center;text-decoration:none;height:23px;width:23px;position:absolute;top:1px;left:1px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.15), 0 1px 1px 0 rgba(255,255,255,.8) inset;transition:all 0.3s cubic-bezier(0.43, 1.3, 0.86, 1);} .toggle .slide span{text-shadow:0 1px 1px rgba(255,255,255,.7), 0 0 1px rgba(0,0,0,.3);top:2px;position:relative;} .toggle .slide:before, .toggle .slide:after{color:#FFF;content:"\f023";font-family:fontAwesome;font-size:18px;font-weight:400;text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);-webkit-font-smoothing:antialiased;position:absolute;top:3px;} .toggle .slide:before{right:-23px;color:#2a2b2c;opacity:0.2;} .toggle .slide:after{content:"\f09c";left:-23px;color:#0e945c;} .toggle.on{background:#17db89;} .toggle.on .slide{left:34px;color:#17db89;} /*End*/ /*Start Loader*/ .loader{background:#333 url('../images/loading.svg') no-repeat center center;width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;opacity:0.7;} .searchLoader{background:#fff url(../images/search.gif) no-repeat center center;width:300px;height:245px;top:0;left:0;right:0;bottom:0;z-index:999999;background-size:100%;margin:0 auto;} /*End Loader*/ /*Start Table Code*/ .table tr th{background:#fff;color:#fff;text-align:left;vertical-align:center;font-weight:500;padding:15px 8px !important;} .table>tbody>tr>td>p{margin:0;} .table tr th,.table tr td{padding:15px 8px !important;} .table>tbody>tr>td{color:#333b4e;font-weight:400;background:#fff;font-size: 13px;white-space: nowrap;position: relative;} .fixedScroll > div.mce-tinymce{} .fixedScroll > div.mce-tinymce > div{display:table;height:100%;width:100%;} .fixedScroll > div.mce-tinymce > div > div{display:table-row;} .fixedScroll > div.mce-tinymce > div > div:nth-of-type(1) > div{display:table-cell;border:1px solid #D5D5D5;background:#f0f0f0;} .fixedScroll > div.mce-tinymce > div > div:nth-of-type(2){height:100%;border:none;} .fixedScroll > div.mce-tinymce > div > div:nth-of-type(2) iframe{display:table-cell;width:100% !important;height:100% !important;border-left:1px solid #D5D5D5;border-right:1px solid #D5D5D5;box-sizing:border-box;} .fixedScroll > div.mce-tinymce > div > div:nth-of-type(3) > div:nth-of-type(1){display:table-cell;border:1px solid #D5D5D5;background:#f0f0f0} /*End Table Code*/ button{outline:none;} .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%;} .btn-group.bootstrap-select .btn, .bootstrap-select .btn-btn-default, .bootstrap-select .dropdown-toggle{color:#444;padding:6px 30px 6px 12px!important;border-radius:0px;background:transparent !important;border:1px solid #ddd;text-transform:inherit;} .bootstrap-select .dropdown-toggle:focus{outline:0px;outline-offset:0px;} .bootstrap-select > .dropdown-toggle{border:1px solid #ddd;background:#fff !important;color:#000} .bootstrap-select .dropdown-menu{width:100% !important;min-width:inherit !important;padding:0;border-radius:0} .bootstrap-select .dropdown-menu li a{white-space:unset} .bootstrap-select .dropdown-toggle{color:#444} .btn-group.bootstrap-select .btn-default:hover, .btn-group.bootstrap-select .btn-default:active, .btn-group.bootstrap-select .btn-default.hover{background-color:transparent} .form-control{color:#000;font-size:13px;height:30px;border-radius:3px} .disabled{cursor:not-allowed;opacity:0.7;pointer-events:none} .validation-error{color:#fd0202;margin-top:4px;display:block} .wrs_editor td{width:auto !important} @import "printstyle.css" print; body{font-size:13px;font-family:'Montserrat';background:#fff;padding-top:55px} .tag-section span{display:inline-block;margin-right:5px;margin-bottom:5px} .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{vertical-align:middle!important;} .fixed-btn-section{position:fixed;bottom:10px;right:24px;height:70px;} .floating-btn{width:50px;height:50px;line-height:50px;display:inline-block;border-radius:50%;background-color:var(--btn-primary);vertical-align:middle;text-decoration:none;text-align:center;transition:0.2s ease-out;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);cursor:pointer;color:#fff;} .floating-menu{position:absolute;right:0px;left:auto;top:-60px;transform:translateY(-50%);height:100%;width:90px;list-style:none;text-align:center;} .floating-btn:hover{color:#fff!important;} .floating-menu li a .fa{font-size:35px;color:var(--btn-primary)} td a{color:#333!important;cursor:pointer;} td a p{margin:0;} .first-btn{margin-right:10px;} .float-btn{position:fixed;width:60px;height:60px;bottom:10px;right:40px;background-color:#F33;color:#FFF;border-radius:50px;text-align:center;box-shadow:2px 2px 3px #999;z-index:1000;animation:bot-to-top 2s ease-out;} .fixed-btn-section ul{position:fixed;right:40px;padding-bottom:20px;bottom:50px;z-index:100;} .fixed-btn-section ul li{list-style:none;margin-bottom:10px;} .fixed-btn-section ul li a{background-color:#F33;color:#FFF;border-radius:50px;text-align:center;box-shadow:2px 2px 3px #999;width:50px;height:50px;display:block;} .floating-submenu li a i{font-size:20px;margin-top:15px;} .fixed-btn-section ul:hover{visibility:visible!important;opacity:1!important;} .floating-submenu{right:47px!important;} .my-float{font-size:24px;margin-top:18px;} a#menu-share:hover, a#menu-share:active, a#menu-share:focus{color:#fff!important;} a#menu-share + ul{visibility:hidden;} a#menu-share:hover + ul{visibility:visible;animation:scale-in 0.5s} a#menu-share i{animation:rotate-in 0.5s;} a#menu-share:hover > i{animation:rotate-out 0.5s;} @keyframes bot-to-top{0%{bottom:-40px} 50%{bottom:40px} } @keyframes scale-in{from{transform:scale(0);opacity:0;} to{transform:scale(1);opacity:1;} } @keyframes rotate-in{from{transform:rotate(0deg);} to{transform:rotate(360deg);} } @keyframes rotate-out{from{transform:rotate(360deg);} to{transform:rotate(0deg);} } tags-input .tags { border: 1px solid #e4e5e8; box-shadow: none; height: 100%; border-left: none; border-right: none; } tags-input .tags .input{outline: none} .a-tag{display:inline-block;margin-right:15px;} .available-tag .a-tag .form-group label{font-weight:normal;} .available-tag .a-tag .form-group .icheckbox_minimal-blue{position:relative;top:-2px} .bootstrap-tagsinput{width:100%;} .custom-tag .bootstrap-tagsinput span.label-info{background-color:#5B666B !important;} .bootstrap-tagsinput .tag [data-role="remove"]{background:#000;font-family:verdana;width:13px;display:inline-block;margin-right:-3px;border-radius:50%;height:13px;font-size:10px;} .view-q-tab .form-inline .form-group{margin-bottom:15px;} .form-inline .form-group{width:100%} .edit-icon, .option-edit-icon, .option-save-btn, .option-cancel-btn, .model-edit-icon, .model-save-icon, .model-cancel-icon{width:13px;display:inline-block;margin:-2px 0 0 5px;cursor:pointer;} .random-question, .question-tag, .option-wrapper, .model-answer{width:100%;display:inline-block;} .edit-question-editor{width:100%;display:inline-block;margin-bottom:15px;} .chip{display:inline-block;padding:0 15px;height:40px;font-size:16px;line-height:40px;border-radius:0px;background-color:#f1f1f1;} .closebtn{padding-left:10px;color:#888;font-weight:bold;float:right;font-size:20px;cursor:pointer;} .closebtn:hover{color:#000;} .chip-wrap{display:inline-block;margin-right:10px;} .chip-wrap:last-child{margin-right:0px;} .option-text{position:relative;} .option-edit{position:relative;right:0;top:0} .option-text p{margin-bottom:0px;} #save, #cancel, .edit-question-editor, .hide-editor{display:none;} .random-inner .sub-menu img{cursor:pointer;} #tag-popup .custom-tag{margin-top:0px;width:100%} #tag-popup .form-group{width:100%;} #tag-popup .form-inline .form-group{margin-bottom:10px;} .sub-menu h4 img{cursor:pointer;} .hide-editor{width:100%} .option-save-btn, .option-cancel-btn{display:none;} .hide-editor{margin-top:25px;} .inner-model-wrap{display:inline-block;width:100%;border:1px solid #d6d6d6;height:100px;line-height:80px;padding:10px;} .model-save-icon, .model-cancel-icon, .modelanswer-editor{display:none;} .modelanswer-editor{width:100%;} .option-wrapper .table tr td label{margin-bottom:0px;} .sub-menu{margin-top:15px;margin-bottom:10px;display:inline-block;width:100%;} .sub-menu h4{color:var(--btn-primary);font-weight:600;margin-bottom:0px;} /*.action-buttons{text-align:center;}*/ .action-buttons a i{font-size:14px;color:var(--btn-primary);} .action-buttons a{margin-right:15px;display:inline-block;} #example1_wrapper .col-sm-6 #example1_filter, #example1_wrapper .col-sm-7 #example1_paginate{float:right!important;} #example1_wrapper .col-sm-7 #example1_paginate ul{margin-top:0px!important;} .filter-body{width:100%;display:inline-block;padding-top:0;} .package-detail label{margin-bottom:15px;} .package-edit-wrap{position:absolute;right:0px;top:0px;} .view-package-chip .chip{height:30px;line-height:30px;font-size:13px;padding:0 10px;border-radius:15px;text-align:center;} .view-package-chip .chip .closebtn{font-size:15px;} .action-buttons a:last-child{margin-right:0px;} .view-package-chip .chip:nth-child(3){margin-top:5px} .float-label{position:fixed;bottom:95px;right:105px;display:table;visibility:hidden;} .float-label{color:#FFF;background:#444;display:table-cell;vertical-align:middle;padding:10px;border-radius:3px;} .float-label-arrow{display:table-cell;vertical-align:middle;color:#333;opacity:0.5;} .fixed-btn-section ul li a + div.float-label{visibility:hidden;opacity:0;transition:visibility 0s, opacity 0.5s ease;} .fixed-btn-section ul li a:hover + div.float-label{visibility:visible;opacity:1;} .autocomplete-items{position:absolute;border:1px solid #d4d4d4;border-bottom:none;border-top:none;z-index:99;top:100%;left:15px;right:0;width:214px;} .autocomplete-items div{padding:10px;cursor:pointer;background-color:#fff;border-bottom:1px solid #d4d4d4;width:210px;} .autocomplete-items div:hover{background-color:#e9e9e9;} .autocomplete-active{background-color:DodgerBlue !important;color:#ffffff;} .form-inline .form-group{margin-bottom:15px;} table.DTFC_Cloned thead,table.DTFC_Cloned tfoot{background-color:white;} /* Block out the gap above the scrollbar on the right, when there is a fixed* right column*/div.DTFC_Blocker{background-color:white;} div.DTFC_LeftWrapper table.dataTable,div.DTFC_RightWrapper table.dataTable{margin-bottom:0;z-index:2;} div.DTFC_LeftWrapper table.dataTable.no-footer,div.DTFC_RightWrapper table.dataTable.no-footer{border-bottom:none;} .add-more-select, .add-btn-wrap{display:inline-block;} .add-more-functionality{width:500px} .add-more-select{width:230px;display:inline-block;} .add-more-input{width:230px;display:inline-block;position:relative;top:2px;} .add-more-input input{width:100%!important;} .add-btn-wrap i{cursor:pointer;} .add-btn-wrap{top:5px;padding-left:5px;position:relative;} .gender-label label{margin-right:10px;} .gender-label label span{position:relative;top:2px;} .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{border:1px solid #f2f2f2!important} .view-question table{margin-bottom:0px;} .view-question .custom-tag{margin-top:0px;} .view-package-chip .chip{margin-top:5px;} .view-package-chip .chip:first-child{margin-top:0px;} .tooltip > .tooltip-inner{background-color:#425b76;border-radius:4px;} .tooltip > .tooltip-arrow{border-top-color:#425b76 !important;} .tooltip.left .tooltip-arrow{border-left-color:#425b76 !important;} table.dataTable.no-footer, table.dataTable thead th, table.dataTable thead td{border-bottom:1px solid #ddd;} .dataTables_wrapper .dataTables_paginate .paginate_button{padding:0px;} .dataTables_wrapper .dataTables_paginate .paginate_button:hover{border:1px solid #ddd;background-color:none;} .action-box{padding-top:15px;display:inline-block;float:right;} .sub-menu h4{display:inline-block;} .sub-menu label{position:relative;top:0px;} table.dataTable tbody td{font-weight:normal;} .mce-branding, .mce-label, .mce-notification-inner{display:none!important;} .action-buttons .btn{display:inline-block;margin-right:15px;padding:2px 10px;} .sub-total{display:inline-block;width:30px;} .sub-syllabus{display:inline-block;} .q-view{font-weight:normal;margin-top:0} .rep-row label{width:100%;} .dis-inline{display:inline-block;} label{font-size:15px;vertical-align:top;} .start-dt{display:inline-block;margin-right:10px;vertical-align:top;} /*.start-time{display:inline-block;}*/ .mce-close, .mce-in{display:none;} .rad-wrap label span{font-weight:normal;} .has-error{color:#f00} .option-wrapper label, .option-wrapper p{display:inline-block;margin-bottom:0px!important;} .option-wrapper label{position:relative;top:-3px;margin-right:5px;} .option-wrapper p{margin-bottom:0px!important;} /***************************************************************************************************/ /*********Start View Test Question##View Question##View Template*********/ .online-preview .answer-options ul li{position:relative;padding:7px 10px 7px !important;border:2px solid #ddd !important;margin-right:0} .online-preview .answer-options ul li.selected{box-shadow:none !important;border:1px solid #3ab395 !important;} .online-preview .answer-options ul li .opt{vertical-align:top;height:25px;display:inline-block;top:0;border:1px solid var(--btn-primary);width:25px;text-align:center;color:#fff;margin-right:10px;cursor:pointer;line-height:25px;border-radius:50%;background:var(--btn-primary);font-size:14px;font-weight:600;position:absolute;left:7px;top:7px;margin:0;} .online-preview .answer-options ul li .opt em{vertical-align:middle;display:block;position:relative;top:12px;transform:translateY(-50%);font-style:normal;} .online-preview .answer-options ul li .optText{position:relative;top:0;font-size:16.5px;font-family:'Alegreya';line-height:23px;padding:0 30px;width:100%;display:inline-block;} .online-preview .answer-options ul li .optText p{margin-bottom:0} .online-preview .answer-options ul li .correct{top:5px !important} .online-preview .que-no{border-bottom:0;display:inline-block;margin-bottom:0;margin-top:0;color:var(--btn-primary);font-size:18px;font-weight:500 !important;} .online-preview .que-display{padding-right:0;background:#fff;margin:0 auto 12px;padding:10px;box-shadow:0 0 5px #ccc;} .online-preview .que-box{position:relative;} .online-preview .question{padding:0 !important;position:relative;overflow:hidden;margin-top:0;} .online-preview .que-text{padding:10px 5px;border:0;display:inline-block;width:100%;font-size:16.5px;margin-top:0;margin-left:0px;color:#000;background:#fff !important;border-radius:4px;font-family:'Alegreya';margin-bottom:0;line-height:25px} .online-preview .que-box .question .question-wrap .que-text span div{text-align:left;padding:0;} .online-preview .answer-options{margin:5px auto 0;} .online-preview .answer-options ul{border:0 none;border-radius:7px;margin:0;padding:0;} /*********End View Test Question##View Question##View Template*********/ /*Start Sample Instruction Popup*/ .sample_instruction .view-detail-popup{border:1px solid #dad9d9;padding:0 15px 15px;margin-bottom:15px} .sample_instruction .view-detail-popup h3{margin:0 -15px 10px -15px;text-align:center;border-bottom:1px solid #f7eeee;padding:10px 0;background:#dad9d9;font-size:15px} .sample_instruction .view-detail-popup .btn.btn-primary{margin:0 auto;display:block;} .sample_instruction#mtqb-viewSampleInstruction-modal .modal-body{overflow-x:scroll;height:523px;padding:20px 30px 30px} #mtqb-viewSampleInstruction-modal .modal-dialog{width: 900px} /*End Sample Instruction Popup*/ /*.Start screen-online-package*/ .screen-online-package .buttons-table.text-right.map-test-button.right-btn{z-index:99;top:-52px} .screen-online-package .question-list{padding:0} .screen-online-package .projects{padding:0} .screen-online-package .qb-res-top-btns ul li span.search-lesson{background:none;padding:0} .screen-online-package.qb-learn .search-lesson input{margin-bottom:0} .total-course{font-weight:600;margin:6px 0} /*.screen-online-package .nav-tabs>li>a, .screen-online-package .nav-tabs>li.active>a, .screen-online-package .nav-tabs>li.active>a:focus, .screen-online-package .nav-tabs>li.active>a:hover{outline:none;}*/ .screen-online-package .tab-content{padding-top:60px} /*.screen-online-package .tab-content .qb-res-top-btns{text-align:left;} .screen-online-package .tab-content .qb-res-top-btns ul li{margin:0 0 0 15px}*/ .screen-online-package.qb-learn .tab-content{padding-top:45px} /*.screen-online-package .nav-tabs {position: fixed;z-index: 9;background: #fff;padding: 8px 0 15px 10px;margin:0 -10px !important;border: none;top:auto} .screen-online-package .nav-tabs>li>a{background: #fff !important;border-color: #fff !important;color: #333c4e !important;cursor: pointer !important;}*/ .screen-online-package .box-content{/*margin-top:10px !important;*/padding:0;box-shadow:none;background:none;border:none} .screen-online-package .nya-bs-select .dropdown-toggle .filter-option, .screen-online-package .nya-bs-select .dropdown-toggle .special-title{ width: 100%;font-size: 12px !important} .screen-online-package .project-box,.questions-group .project-box{min-height:inherit;} .questions-group .project-box{padding-bottom:1px} .nya-bs-select .btn.btn-default .caret{display: inline-block; margin: 0;right: 5px;top:48%;background:initial;} .map-test-button.right-btn.sample-instruction{top:10px !important;right:17px;} /*End screen-online-package*/ /*Start View Student*/ /*.view-student{padding-top:57px;padding-bottom:30px}*/ .view-student.content .tab-content{padding-top: 10px;border: none} .view-student #user_details label{font-size:13.3px;font-weight:500;color:#333C4E} .view-student #user_details .subject-level{color:#333;font-size:13px;} .view-student .map-test-button{top:0 !important;position:relative;float:right;right:0 !important;} .view-student .q-view{padding:7px 10px;min-height:34px;background:#f7f7f7;} .view-student .que-filter .form-group{margin-bottom:15px;} /*.view-student .box-content.first{margin-top:0 !important}*/ .view-student .box-title .view-user .box-content .box-title, .view-student .box-content .box-title{padding:0} /*End View Student*/ /*Start User*/ .screen-user.content,.subscriber-screen.content{/*padding-top:35px;*/padding-bottom: 0} .screen-user.content .webListing-table ,.screen-test.content .webListing-table {max-height: calc(100vh - 206px)} /*End User*/ /*Start Test*/ .screen-test.content{padding-bottom:0} /*End est*/ /*Start subscriber*/ .subscriber-screen.content .webListing-table {max-height: calc(100vh - 200px)} .white-space-i{white-space: inherit !important} /*End subscriber*/ /*Start View User*/ .view-user.screen-view-user{padding-top:57px} .view-user.screen-view-user .box-title{height:40px;padding:13px 0 0;margin-bottom:5px;padding:0} .view-user.screen-view-user .box-detail .box-title h3{padding-bottom:10px} .view-user.screen-view-user #user_details .custom-radio p{margin-top:0;} .view-user.screen-view-user .box-detail .box-title h3 span{margin-top:0;border-bottom:2px solid var(--btn-primary);padding:0 20px 10px 20px;display:inline-block;position:relative;top:1px;} .view-user.screen-view-user .btn.btn-primary{padding:7px 20px !important;border-radius:5px;} .view-user.screen-view-user .box-title{margin-top:0} .view-user.screen-view-user .box-title{color:var(--btn-primary);padding:0;margin:0;height:auto;} .view-user.screen-view-user .box-content.first{margin-top:0 !important} .view-user.screen-view-user .box-title h4{margin-bottom:7px} .view-user.screen-view-user #user_details .box-title.user-title{margin-top:0} .view-user.screen-view-user #user_details label, .view-user.screen-view-user #user_details .subject-level{color:#333;font-size:13px;} .view-user.screen-view-user .map-test-button{top:0 !important;position:relative;float:right;right:0 !important;} .view-user.screen-view-user .q-view{padding:7px 10px;min-height:34px;background:#f7f7f7;} .view-user.screen-view-user #collapse-filter.filter{margin-top:8px} /*End View User*/ /*Start View Online Package*/ /*.view-online-package .tab-content{padding-top:50px}*/ /*.view-online-package .map-inner-tab-panel .tab-content.offline-fil{padding-top:25px}*/ .view-online-package .map-test-button.view-pack-map button{padding:0;margin:0 3px;} .view-online-package .map-test-button.view-pack-map .n-plus span{top:1px;margin-left:5px} /*.view-online-package .map-inner-tab-panel .tab-content{padding-top:44px;background:#fff}*/ .view-online-package #tab_3 .action-buttons{text-align:left;} .view-online-package #tab_3 .btn-toggle.active{background-color:#17db89} .view-online-package #publishTabData .question-list{margin-top:0;} .view-online-package .nav-tabs-custom > .nav-tabs>li>a{min-width: auto !important} .content.view-online-package .tab-content.package .nav>li>a{padding-top:0} /*.view-online-package .curriculum-section-list{max-height:calc(100vh - 290px)}*/ .view-online-package #course-lesson .webListing-table{overflow: inherit} /*End View Online Package*/ /*Start View Offline Package*/ .view-offline-package .tab-content{padding-top:50px} .view-offline-package .map-inner-tab-panel .tab-content{padding-top:44px;background:#fff} .view-offline-package .qb-res-top-btns{position:fixed;top:75px;right:30px;z-index:9;} .view-offline-package .map-inner-tab-panel ul.nav-tabs{top:107px;} .view-offline-package .question-detail.form-inline .box-content:first-child{margin-top:10px !important} /*End View Offline Package*/ /*End Edit Offline Package*/ /*.package-screen .box{margin-bottom:0}*/ .package-screen .create-package.first-btn{margin-right:-10px;} .package-screen .bottom-btn{padding:20px 0} .edit-add-btn{padding-left:0} .edit-add-btn .n-plus{position:relative;top:30px;width:85px} .edit-add-btn button{font-size:14px;background:none;border:0;border-radius:4px;color:#333c4e;font-weight:600;display:inline-block;top:-3px;position:relative;} .edit-add-btn button i{margin-right:3px;background:var(--btn-primary);padding:5px;border-radius:20px;color:#fff;} .edit-add-btn button i.ti-trash{background:#f00} .edit-add-btn button i.ti-plus{font-size:16px} /*End Edit Offline Package*/ /*Start View que*/ .view-que .box-title{color:var(--btn-primary);padding:7px 0 0;margin:0} .view-que .box-title h4{margin:0;} .view-que .map-test-button.edit-btn{top:135px !important;} .view-que .map-test-button.edit-btn{position:fixed;top:162px !important;right:11px !important} .view-que .main-tab{margin-top:0} .view-que .map-test-button.edit-btn{top:13px;} .view-que #question_detail .q-view .subject-level{color:#333;font-size:13px;} .view-que .que-no{margin-top:0} .view-que .question{margin-bottom:0} .view-que .answer-options ul li{display:block;border-radius:0;padding:0 15px;color:#000;position:relative;} .view-que .answer-options ul li h5{color:#2d2f2f;margin-bottom:5px} .view-que .answer-options ul li.selected{border:1px solid #3ab395;box-shadow:0 0px 1px #7cd3bf;} .view-que .answer-options ul li.selected h5{color:#00bd8e} .view-que .answer-options ul li.selected .correct{position:absolute;right:10px;top:15px;color:#3ab395;width:30px;text-align:center;height:30px;border:2px solid #3ab395;border-radius:30px;line-height:28px;} .view-que .answer-options ul li .selected .correct .fa{font-size:16px} .view-que .answer-options ul{padding:0px;padding-left:0;margin-bottom:0} .view-que .answer-options ul li{margin-bottom:10px;list-style:none;border:1px solid #eee;display:block;padding:6px 12px 6px 12px;border-radius:0;background:#fafcfd;margin-right:10px;} .view-que .box-content:first-child{margin-top:5px !important;} .view-que .nav-tabs-custom > .tab-content .box:first-child{margin-top: 0} .view-que .nav-tabs-custom > .tab-content #question_detail label span{color: #333C4E !important} .view-que .nav-tabs-custom > .tab-content #question_detail label{font-size: 13.3px;font-weight: 500;color: #333C4E} /*End View que*/ /*Start question-detail*/ .question-detail{width:100%;display:inline-block;} .question-detail.form-inline .box-content{margin-bottom:15px;margin-top:20px} .question-detail.form-inline .box-content:first-child{margin-top:0 !important;} .question-detail.form-inline .box-content:last-child{margin-bottom:25px} .question-detail.que-filter .box{margin-bottom:20px} .question-detail .box-detail .box-title{margin-top:0;} .question-detail .box-detail .box-title{padding-top:0} /*.question-detail .box-gray{padding:8px 15px !important}*/ .question-detail .q-view{padding:7px 10px;min-height:34px;background:#f7f7f7;} /*End question-detail*/ /*Start Learn course edit map lesson detail*/ .test-screen .nya-bs-select.btn-group .dropdown-menu.inner{max-height:174px;overflow-y:auto;min-height:60px;} .test-screen .create-test .box-title{height:auto;} .test-screen.edit-test .box-title{padding:0} .test-screen.screen-viewtest #tab_2 .box-title{margin:0;height:inherit;padding:0} .test-screen .box-title h4{margin:0;} /*.test-screen .question-list{margin-top:45px}*/ .test-screen .question-list table tbody td button.delete{display:inline-block;} .test-screen table tbody td button.delete{display:inline-block;margin:2px auto;} .test-screen #collapse-filter,.questions-screen #collapse-filter{margin-top:8px;} .test-screen.edit-test .create-test-wrapper{margin-top:10px;} .test-screen #collapse-filter{margin-top:0;} .test-screen .bottom-btn{padding:20px 0} .test-screen .view-status .btn.btn-default{padding:5px 10px 2px 10px!important;border-radius:0;border:0;text-transform:capitalize;min-width:150px;font-size:12px;width:100%;} .test-screen .create-test-wrapper .rad-wrap{margin-bottom:10px} .test-screen .bottom-btn{padding:0px 0 10px;} /*End Learn course edit map lesson detail*/ /*Start screen-view test*/ .screen-viewtest #collapse-filter{margin-top:25px} .screen-viewtest #tab_2 #collapse-filter{margin-top:5px} .screen-viewtest #tab_3 .box-content{margin-top:0;padding-top:0 !important} /*.screen-viewtest .tab-content{padding-top:50px} .screen-viewtest .map-inner-tab-panel .tab-content{padding-top:44px;background:#fff}*/ .screen-viewtest #mappedTestTab_1 .question-list{height:calc(100vh - 182px)} .screen-viewtest .map-test-button.right-btn, .screen-viewtest .map-test-button{position:fixed;top:162px !important;right:11px !important} .screen-viewtest .tab-pane .map-test-button{top:132px !important;} .screen-viewtest #collapse-filter .box-content{margin-top:0 !important;} /*.screen-viewtest .map-inner-tab-panel ul.nav-tabs{top:107px;}*/ .screen-viewtest .map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li>a{display: inline-block;padding-top:0} .screen-viewtest .ques-fil-table .box-content{padding-top:0} /*End screen-view test*/ /*Start Learn course map lesson detail -- online-map-test-detail*/ .view-test.test-screen.screen-viewtest.online-map-test-detail .nav-tabs-custom > .tab-content{padding-top: 20px} /*.view-test.test-screen.screen-viewtest #tab_2 .nav-tabs-custom > .tab-content{padding-top: 50px !important}*/ .view-test #tab_1 .q-view .subject-level{color:#333;font-size:13px;} .view-test .q-view, .view-test .test-radio .session-wrap .q-view, .view-test .test-radio .specific-wrap .q-view{padding:7px 10px;min-height:34px;background:#f7f7f7;} .view-test .test-radio .q-view{border:none !important;padding:0;border:none;min-height:inherit;} .view-test .main-tab{margin-top:15px;} .view-test .map-test-button.edit-btn{top:0;} .view-test.test-screen .map-test-button.edit-btn{top:13px;} .view-test .map-test-button.right-btn, .map-que .map-test-button.right-btn{top:4px;} .view-test.test-screen .main-tab{margin-top:0} .view-test #tab_2 .ques-fil-table .box-gray{padding:0 !important} .view-test #tab_2 .ques-fil-table #mappedTestTab_2 .box-content .nav-pills > li > a .circle.red{top:-1px;right:0;margin:0 0 0 5px;padding:0} .view-test #tab_2 .ques-fil-table #mappedTestTab_2 .box-content .nav-pills > li > a .circle.red span{color:#333b4e !important} .view-test #tab_2 .ques-fil-table #mappedTestTab_2 .box-content .nav-pills > li > a .circle.red{background:#e8dfdf} .view-test #tab_2 .ques-fil-table #mappedTestTab_2 .box-content .nav-pills > li.active > a .circle.red{background:#fff} .view-test #tab_2 .ques-fil-table #mappedTestTab_2 .box-gray{margin-top:0;} .view-test #tab_2 .ques-fil-table #mappedTestTab_2 .box-content{box-shadow:none;border:none;border-top:1px solid #f3f3f3;padding:7px 0 !important;border-radius:0} .view-test #tab_2 .ques-fil-table #mappedTestTab_2 .box-content .nav-pills > li > a{ position:relative;font-weight:500} .view-test .nav-tabs-custom > .tab-content .box:first-child{margin-top: 0} .view-test .nav-tabs-custom > .tab-content #tab_1 label{font-size: 13.3px;font-weight: 500;color: #333C4E} .view-test .nav-tabs-custom > .tab-content #tab_1 label span{color: #333C4E !important} .view-test #tab_2 .ques-fil-table #mappedTestTab_2 .box{margin-bottom:0} /*End Learn course map lesson detail*/ /*que-o-status*/ .content-header .package-status{line-height:20px;} .content-header .que-o-status.status{margin:0;border:0;background:transparent;} .content-header .que-o-status.status label{top:0} .stat-label .que-o-status.package-status{background:transparent;border:none;} .stat-label .que-o-status.package-status span{background:transparent;} .stat-label .que-o-status.package-status label{vertical-align:middle;font-weight:600} .que-o-status{padding:0px 15px;margin:0 15px;border:1px solid #ddd;background:#eee;line-height:20px;height:25px;} .que-o-status label{font-size:13px;font-weight:500;position:relative;top:2px;left:-2px;} .que-o-status span{display:inline-block;line-height:21px;} .que-o-status span select{margin:0 -15px 0 -2px;padding:3px 0 2px 0;outline:0 none !important;border:1px solid #ddd } .stat-label .que-o-status span{background:#FFF;padding:1px;margin-right:-14px;} /*que-o-status*/ /*Start qb-res-top-btns*/ .qb-res-top-btns{width:100%;display: inline-block;margin-bottom: 15px} .qb-res-top-btns ul.left-btn-col{float: left;} .qb-res-top-btns ul.left-btn-col li{margin-left:0;margin-right:5px} .qb-res-top-btns ul.right-btn-col{float: right;} .qb-res-top-btns ul{margin:0;} .qb-res-top-btns ul li{display:inline-block;margin-left:5px;vertical-align:top} .qb-res-top-btns ul li.course-cat-status{font-weight:500;height:auto;vertical-align:middle;line-height:initial;font-size:15px;position:relative;top:4px} .qb-res-top-btns ul li.course-cat-status.view-align{position:relative;top:6px;vertical-align:top} .qb-res-top-btns ul li span{cursor:pointer;padding:4px;background:var(--btn-primary);border-radius:3px;color:#fff;font-size:13.5px !important;display:block;} .qb-res-top-btns ul li span.filter-option{color:#333;font-weight:400} .qb-res-top-btns ul li span.special-title, .qb-res-top-btns ul li span.caret, .qb-res-top-btns ul li span.filter-option{padding:0 !important} .qb-res-top-btns ul li span button{border:none;background:none} .qb-res-top-btns ul li .map-test-status span{padding:0;background:none;border-radius:none;font-size:13px} .qb-res-top-btns .open>.dropdown-menu{width:210px} .qb-res-top-btns .open>.dropdown-menu ul li{width:100%;margin:0;} .qb-res-top-btns .nya-bs-select.btn-group .dropdown-menu li{position:relative;width:100%;margin:0;} .qb-res-top-btns .box-title.box-category .dropdown-menu>li{margin-left:0} .qb-res-top-btns .box-title.box-category .dropdown-menu{box-shadow:0 6px 12px rgba(0,0,0,.175);width:initial !important;max-height:200px;overflow:auto;min-width:220px;right:auto;left:0;} .qb-res-top-btns .box-title.box-category .map-test-button.right-btn .form-group{margin-bottom:0} .qb-res-top-btns .map-test-button{top:0 !important;position:relative !important;right:0 !important;} .qb-res-top-btns .map-test-button span{background:none} .qb-res-top-btns ul li.common-search{position:relative} .qb-res-top-btns ul li.common-search input{padding:8px 15px;height:auto;padding-right:45px;background:#f7f7f7;} .qb-res-top-btns ul li.common-search span{background:none;color:var(--btn-primary);font-size:16px;line-height:16px;margin:9px 12px 0 12px;position:absolute;right:0;top:0;} .qb-res-top-btns ul li.instead-plus span{padding:7px 15px;border:1px transparent;} .qb-res-top-btns ul li.instead-plus span a{color:#fff} .qb-res-top-btns ul li.instead-plus span:hover, .qb-res-top-btns ul li.instead-plus span:focus{background:var(--btn-secondary)} .qb-res-top-btns ul li.instead-plus span .ti-plus, .qb-res-top-btns ul li.instead-plus span .ti-filter, .qb-res-top-btns ul li.instead-plus span span{background:none;vertical-align:middle;display:inline-block;padding:0;text-align:center;} .qb-res-top-btns ul li.instead-plus span .ti-plus:before, .qb-res-top-btns ul li.instead-plus span .ti-filter:before, .qb-res-top-btns ul li.instead-plus span span:before,.add-btn span:before{margin-right:7px} .qb-res-top-btns ul li.instead-plus span em{color:#fff;display:inline-block;font-style:normal;} .qb-res-top-btns ul li.instead-plus span.disabled,.apply.disabled input {color: rgb(16 16 16 / 55%);background-color: rgb(239 239 239); border-color: rgba(118, 118, 118, 0.3);} .qb-res-top-btns ul li.instead-plus span.disabled span.ti-save{color: rgb(16 16 16 / 55%)} .apply{position: relative;top:5px;} .qb-res-top-btns ul li.instead-plus.un-fill-btn span {background: none;color: var(--btn-secondary); border: 1px solid var(--btn-secondary);padding: 7px 15px;border-radius:3px} .qb-res-top-btns ul li.instead-plus.un-fill-btn span:hover{background: var(--btn-primary-opacity)} .qb-res-top-btns ul li.instead-plus.un-fill-btn span span:hover{background: none} .qb-res-top-btns ul li.instead-plus.un-fill-btn span a {color: var(--btn-secondary);} .qb-res-top-btns ul li.instead-plus.un-fill-btn span .ti-filter ,.qb-res-top-btns ul li.instead-plus.un-fill-btn span span{border: none !important;margin: 0;padding: 0} .qb-res-top-btns ul li.instead-plus.un-fill-btn.clear-filter span{border: none; padding: 9px 0;font-weight: bold;} .qb-res-top-btns .total-course{margin: 6px 0 6px 0;font-size: 12px;font-weight: 500;position: relative;top:5px;} .qb-res-top-btns .total-course em{font-weight: 600;font-style: normal;color:var(--btn-primary);font-size: 14px;} /*End qb-res-top-btns*/ /*projects*/ .projects a{color:#222;} .project-box{background:#fff;padding:0;box-shadow:0 2px 12px rgba(0, 0, 0, 0.2);position:relative;margin-bottom:25px;cursor:pointer;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-radius:8px;min-height:340px} .project-head{margin:0 0 5px;border-top-left-radius:8px;border-top-right-radius:8px;padding-right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;padding:15px;margin:0;background:var(--btn-primary);color:#fff} .project-inner{padding:12px 15px;font-size:14px;margin:0 0 10px;background:#f7f7f7;font-weight:bold;} .project-head h3{text-transform:capitalize;font-size:19px;margin:0;font-family:Montserrat;color:#fff;font-weight:600;white-space:nowrap;width:60%;overflow:hidden;text-overflow:ellipsis;} .project-box strong{font-weight:500} .project-box:hover{} .project-box .status{position:absolute;top:16px;right:15px;/* background:#00cd4c;*/ color:#fff !important;border-radius:18px;padding:0;font-weight:500;} .project-box .status img{margin:-5px 2px 0;display:inline-block} .project-box.active .status{color:#00cd4c;font-size:13px} .project-box.deactive .status{color:#ff553c} .project-box .role{font-size:13px;margin:5px 10px 0 0;font-weight:600;display:inline-block;} .project-box .status.active span, .project-box .status.inactive span{background:#0afb63;width:10px;height:10px;display:inline-block;border-radius:7px;margin:-1px 0 -1px 7px;font-weight:normal;} .project-box .status.inactive span {background: #fe3231} .project-box.promotional {box-shadow: 0 2px 12px green!important} /*projects*/ /*List Tabs*/ .list-tabs .nav-item a{cursor:pointer;} .nav-pills > li.Physics.active > a{border-color:#efa103;background:#efa103;} .list-tabs .nav.nav-pills li.Physics.active a .circle.red.sub span{color:#efa103;top:0;} .nav-pills > li.Chemistry.active > a{border-color:#e65d77;background:#e65d77;} .list-tabs .nav.nav-pills li.Chemistry.active a .circle.red.sub span{color:#e65d77} .nav-pills > li.Biology.active > a{border-color:#21b306;background:#21b306;} .list-tabs .nav.nav-pills li.Biology.active a .circle.red.sub span{color:#21b306} .nav-pills > li.Mathematics.active > a{border-color:#11cdac;background:#11cdac;} .list-tabs .nav.nav-pills li.Mathematics.active a .circle.red.sub span{color:#11cdac} /*List Tabs*/ /*Start Create Test Wrapper*/ .create-test-wrapper .start-dt{display:inline-block;margin-right:5px;vertical-align:top;width:48%;float:left;} /*.create-test-wrapper .start-time{display:inline-block}*/ .create-test-wrapper .custom-tag{margin-top:0px} .create-test-wrapper .start-dt{width:100%;display:inline-block;float:none;} .create-test-wrapper .start-dt .form-group{width:100%;display:inline-block} .create-test-wrapper .box-title h4{padding-bottom:5px;} .create-test-wrapper .test-radio .form-group{margin-bottom:0} /*End Create Test Wrapper*/ /*Menu Status*/ .menu-status{overflow-y:hidden;margin:0 15px 10px;} .menu-status ul{padding:0;margin:0} .menu-status li{display:block;font-weight:600;margin:8px 0 10px 0;line-height:21px;font-size:13px} .menu-status li span{display:inline-block;height:23px;text-align:center;margin:0 3px;padding:0 5px;line-height:23px;float:right;border-radius:13px;font-size:14px;min-width:45px;} .menu-status li.plan{color:#ffb933} .menu-status li.plan span{color:#fff;background:#ffb933;} .menu-status li.rfi{color:#20cd98} .menu-status li.rfi span{color:#fff;background:#20cd98} .menu-status li.asi{color:#fd4464} .menu-status li.asi span{color:#fff;background:#fd4464} /*Menu Status*/ /*instruction-details*/ .instruction-details{border:1px solid #000;margin-bottom:10px;padding:8px 15px;font-family:'Times New Roman'} .instruction-details ol{padding:0 15px;margin:0;} .instruction-details li{padding:2px 0;font-size:14px;} /*instruction-details*/ /*new-btn-top*/ .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:var(--btn-primary)} /*new-btn-top*/ /*My profile Screen*/ .my-profile .modal-body{padding:20px 30px} .my-profile .box-gray{position:relative;} #profilepic-change .modal-footer button.btn.green.upload-result{width:auto;min-width:150px;font-size:18px;margin:15px 0;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:18px;margin:15px 0;padding:5px 15px;border:2px solid var(--btn-primary) !important;border-radius:0px !important;text-transform:uppercase !important;cursor:pointer;} .browse-image{width:auto;} .browse-image{display:inline-block;position:relative;overflow:hidden;top:0;margin:0 5px;} .browse-image input[type=file]{opacity:0;width:40px;margin:-35px 0 0 0;padding:8px 13px 7px !important} .user-pic{display:inline-block;width:180px;position:relative;} .user-pic:hover .user-pic-hover{display:inline-block;} .user-pic-hover{display:none;border:5px solid #fff;border-radius:50%;width:180px;height:180px;position:absolute;bottom:0;left:0px;background:#000;opacity:0.7;} .user-pic-delete{position:relative;} .user-pic-box{padding-top:0;display:inline-block;width:100%;} .user-pic img{border:5px solid #fff;border-radius:50%;width:180px;height:180px;object-fit:cover;} .user-pic .username{font-size:20px;padding-top:10px;display:inline-block;color:#333;} .profile-delete{cursor:pointer;width:28px !important;position:absolute;top:70px;left:43%;border:0px !important;height:auto !important;bottom:auto;background:#fff;padding:5px;} .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.refresh-button{background:#2e6da4;margin-top:0px;border:0px;border-radius:0;padding:0 !important;} .crop-btns .btn.primary.refresh-button i{color:#fff;padding:11px 13px 10px !important;} .crop-btns .btn.primary.load-btn{background:var(--btn-primary);margin-top:0px;border:0px;border-radius:0;padding:0 !important;margin-right:5px;} .crop-btns .btn.primary.load-btn i{color:#fff;padding:11px 13px 10px !important;} .crop-btns .browse-image .btn.primary.up-button{background:#5cb85c;margin-top:0px;border:0px;padding:0 !important;border-radius:0;display:block;} .crop-btns .browse-image .btn.primary .fa-upload{color:#fff;font-size:14px;line-height:17px;padding:10px 13px 8px !important;cursor:pointer;} .col-md-4.multiple-choose-certificates h4 { font-size: 14px; position: relative; top: 18px; } .modal.useredit-modal button.close{position: absolute; opacity: 1; background: var(--btn-primary); width: 23px; height: 23px; top: -13px; right: -8px; border-radius: 50px; color: #fff; padding: 0 0; background-image: none !important; text-indent: 0px; font-weight: normal; line-height: 14px;} .modal.useredit-modal .modal-header .close span{font-size: 18px; line-height: inherit; top: -1px; position: relative; font-weight: normal; box-shadow: none;} .modal.useredit-modal .modal-header{border: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; /* padding: 13px 20px; */ border-bottom: 1px solid #ddd; background: var(--btn-primary);} .modal.useredit-modal .modal-body{padding:20px 30px} .modal.useredit-modal .modal-dialog{width:800px} .modal.useredit-modal .modal-body{padding:0 !important} .modal.useredit-modal .modal-header,.modal.useredit-modal .modal-footer{padding:0} .modal.useredit-modal .modal-title{padding:0 15px 15px} .modal.useredit-modal label{font-weight:500;font-size:13px} .modal.useredit-modal input{font-size:13px} .modal.useredit-modal .action-button{padding:7px 20px !important;border-radius:5px;outline:navajowhite;text-align:center;margin:15px auto;display:block;} .modal.useredit-modal .modal-body p{text-align:left;} .modal.useredit-modal .modal-content{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;} .modal .modal-body .user-edit-form .btn.default.send-otp{padding: 4px 8px !important; top: 24px !important; font-size: 13px; font-weight: 500; background: var(--btn-primary); color: #fff; border-top-left-radius: 0; border-bottom-left-radius: 0;} .modal-body .user-edit-form .btn.default.send-otp{padding:10px 7px !important;top:18px !important;} .user-pop-left{width:30%;float:left;background:url(../images/user-pic-bg.png) top left/cover no-repeat;height:415px;width:29.1%;display:table-cell;-webkit-box-shadow:0 8px 20px 0 rgba(0,0,0,.15);-moz-box-shadow:0 8px 20px 0 rgba(0,0,0,.15);box-shadow:0 8px 20px 0 rgba(0,0,0,.15);-moz-border-radius:10px;border-top-left-radius:10px;border-bottom-left-radius:10px;} .user-pop-right{width:66%;float:right;padding:55px 35px 30px 0;} /*End My profile Screen*/ /*Start que-filter*/ /*.que-filter .box{margin-bottom:0}*/ .que-filter .box-title h4, .que-filter .box-title h4 .fa{font-size:25px;position:relative;top:0;float:right;right:2px;} .que-filter .form-group{margin-bottom:10px;} /*End que-filter*/ /*#Create learn*/ .qb-create-learn .browse-img-btn{ background: #e6e6e6; border: 1px solid #D1D1D1; box-sizing: border-box; padding: 4px 10px; border-radius: 3px; position: absolute; font-size: 11px} .qb-create-learn .preview-img img#old-img{margin:0;height:125px;border:0;padding:0;height: 145px;} .qb-create-learn #imagePrevive{margin:0;padding:0;border:none;height: 145px} .qb-create-learn .preview-img button{right: -4px;top: -8px;} .qb-create-learn .browse-img-btn input{border:none;opacity:0;position:absolute;top:0;left:0;width:102px;height:24px} .qb-create-learn .preview-img{width: 100%;height: 145px;align-items: center;display: flex !important;justify-content: center;} .view-online-package .qb-create-learn .preview-img .browse-img-btn{opacity: 0} .view-online-package .qb-create-learn .preview-img:hover .browse-img-btn{opacity: 1} .qb-create-learn .course-image img{display:inline-block;height:auto;max-width:100%;margin:15px 10px 0 0;border-radius:8px;clear:both;} .qb-create-learn .course-image button{border:none;background:none;vertical-align:bottom} .qb-create-learn .course-image button i{background:#f00;margin-right:0;padding:5px;border-radius:20px;color:#fff;font-size:16px;display:inline-block;} .qb-create-learn .multiple-id ul li {display:inline-block;list-style:none;margin:0 2px 3px 2px;border-radius:5px;border:1px solid #ececec;background:#e0e7f7;padding:1px 5px;font-size:12px;} .qb-create-learn .other-setting button{position:absolute;right:0;top:-10px;} .qb-create-learn .other-setting button.dropdown-toggle{position:relative;top:0;} .qb-create-learn .other-setting button i{background:var(--btn-primary);} .qb-create-learn .other-setting .create-test-wrapper{display:inline-block;width: 100%} .qb-create-learn .other-setting .create-test-wrapper .custom-radio p{display: flex;} .qb-create-learn .other-setting .create-test-wrapper span{display: flex;margin-right: 10px} .qb-create-learn .other-setting .create-test-wrapper .if-yes-text{color: var(--btn-primary)} .qb-create-learn .course-image .box-detail{height: 144px;background: #f4f4f4;border-radius: 5px;} /*#End Create learn*/ /*#Start Create learn*/ .view-learn-course .que-status{top:6px;position:relative;width:auto;} /*.view-learn-course .sub-map .question-list, .view-learn-course .question-list{height:calc(100vh - 220px);} .view-learn-course .map-inner-tab-panel ul.nav-tabs{top:107px;}*/ .view-learn-course .map-inner-tab-panel .nav-tabs-custom > .nav-tabs>li>a{display: inline-block;} .question-detail.form-inline .box.course-image{margin-bottom:5px} .view-learn-course .other-setting .create-test-wrapper{display:inline-block;width: 100%} .view-learn-course .other-setting .create-test-wrapper .custom-radio p{display: flex;} .view-learn-course .other-setting .create-test-wrapper span{display: flex;margin-right: 10px} .view-learn-course .other-setting .create-test-wrapper .if-yes-text{color: var(--btn-primary)} /*.view-learn-course .qb-res-top-btns{position:fixed;top:70px;z-index:999;right:25px;}*/ /*.view-learn-course .tab-content{padding-top:52px}*/ /*.view-learn-course .nav-tabs{width: 100%}*/ /*.liveClasss-main .tab-content{padding-top:45px}*/ /*.liveClasss-main .nav-tabs-custom > .nav-tabs{z-index:99}*/ /*liveClasss-main*/ .liveClasss-main .status-btn{padding:3px 10px;border-radius:3px;text-transform:capitalize;color:#fff;font-size:11px;min-width:88px;display:inline-block;} .liveClasss-main .live{background:#14BE8B} .liveClasss-main .running{background:#14BE8B} .liveClasss-main .upcoming{background:#FF9933} .liveClasss-main .past{background:#0E8DC9} .liveClasss-main .status-btn.start-now{cursor:pointer;background:#12b59d !important;padding:5px 15px;display:inline-block;border:1px solid #12b59d !important;color:#fff !important} .liveClasss-main .status-btn.start-now:hover{background:#fff;border:1px solid #fe4465;color:#fe4465} .liveClasss-main .status-btn.publish-now{cursor:pointer;background:#00a65a !important;padding:5px 15px;display:inline-block;border:1px solid #00a65a !important;color:#fff !important} .liveClasss-main .status-btn.publish-now:hover{background:#fff;border:1px solid #fe4465;color:#fe4465} .liveClasss-main .course-minimum-prise .q-view{margin-left:18px} .liveClasss-main #Enrolled_student_tab .nav-tabs-custom.main-tab{position: relative;} .liveClasss-main #Enrolled_student_tab .nav-tabs-custom ul.subscribe-idea{display: inline-block; position: absolute !important;top: -48px;} #select-Learn-students .question-list{height: 325px} /*.liveClasss-main.content{padding-bottom:0}*/ /*#End view-learn-course*/ /*Start LIVE CLASS == View Live Classes*/ .view-live-class .qb-res-top-btns{position: absolute;top: -30px;right: 0;z-index:} .content-header .pull-right.view-top-right{position:absolute;top:0;right:15px;height:auto;} .view-live-class .que-status, .view-live-class .delete-btn, .view-live-class .edit-btn{display:inline-block;margin-left:5px} .view-live-class .que-status{width:auto;position:relative;vertical-align: -webkit-baseline-middle} .view-live-class .que-status span{background:#18B33A;border-radius:20px;padding:2px 12px;font-size:11px !important;color:#fff} .view-live-class .que-status{width:auto;} .view-live-class .map-test-button button span{margin:0;} .view-live-class .start-session{/*position:fixed;top:108px;right:15px;z-index:99;*/ display:inline-block;} .view-live-class .start-session span{cursor:pointer;background-color:#FE4465;border:1px solid #fe4465;border-radius:5px;min-width:100px;text-align:center;color:#fff;font-weight:600;padding:4px 15px 5px;display:inline-block;} .view-live-class .start-session span:hover{background:#fff;border-color:#fe4465;color:#fe4465} .view-live-class .other-record-title input[type=text]{width:180px} .view-live-class .other-record-title input[type=radio]{top:16px;margin:0 10px 0 0;} /*End LIVE CLASS == View Live Classes*/ /*Start LIVE CLASS == Create Live Classes*/ .create-live-classess .rad-wrap{position:relative;margin-bottom:15px} .create-live-classess .create-test-wrapper .rad-wrap{top:0;} .create-live-classess p label{margin-top:0;} /*End LIVE CLASS == Create Live Classes*/ /*Start LIVE CLASS == myRadioGroup*/ #myRadioGroup .other-record-title input[type=radio]{top:16px;margin:0 10px 0 0;} #myRadioGroup .other-record-title input[type=text]{width:180px} #myRadioGroup input[type=radio]{margin:0 4px 0 0;display:inline-block;position:relative;top:2px;} /*End LIVE CLASS == myRadioGroup*/ /*Start PRACTICE Practice package == box-title box-category*/ .box-title.box-category .map-test-button.right-btn{position:fixed;top:135px;right:22px;} .box-title.box-category .map-test-button.right-btn{top:125px;} .box-title.box-category .map-test-button.right-btn .navbar-nav>li>a{padding:0;cursor:pointer;/*background:#fbfbfb;*/padding-left:10px;border-radius:5px;margin-bottom:5px;} .box-title.box-category .map-test-button.right-btn .navbar-nav > .user-menu span{padding:8px;margin:0;} .box-title.box-category .map-test-button.right-btn .navbar-nav > .user-menu span.ti-filter:before{font-size:12px;content:"\e6a2";color:#fff;} .box-title.box-category .map-test-button.right-btn .navbar-nav > .user-menu span.ti-filter{padding:8px 9px} .box-title.box-category .map-test-button.right-btn .navbar-nav > .user-menu span.hidden-xs{padding-left:0} .box-title.box-category .nav .open>a,.box-title.box-category .nav .open>a:focus, .box-title.box-category .nav .open>a:hover{background-color:#f2f7fd} .box-title.box-category .navbar-nav > .user-menu > .dropdown-menu{width:180px;border-radius:6px;border:none;} .box-title.box-category .dropdown-menu>li{border-bottom:1px solid #eaeaea;width:100%} .box-title.box-category .dropdown-menu>li>a{background-color:#fff;padding:8px 10px !important;text-align:left;color:#333;text-transform:capitalize;font-weight:500;} .box-title.box-category .dropdown-menu>li>a:hover, .box-title.box-category .dropdown-menu>li>a.active{background-color:var(--btn-primary) !important;color:#fff} .box-title.box-category ul.dropdown-menu{right:0;left:auto;width:170px !important} /*End PRACTICE Practice package == box-title box-category*/ /*Start Practice : Start Online edit map test detail*/ .edit-test .box-content{margin-top:0 !important} /*End Practice : End Online edit map test detail*/ /*Start ONLINE PACKAGE*/ /*Start Tab*/ .test-detail .check .check-btn input, .test-detail .check .checkmark{top:0;} /*End Tab*/ /*Start Enrolled_student_tab*/ #Enrolled_student_tab .map-test-button.view-pack-map div{right:91px;top:136px;} #Enrolled_student_tab .check .checkmark, #Enrolled_student_tab .check .check-btn input{top:0} #Enrolled_student_tab .action-buttons button:before, #Enrolled_student_tab .action-buttons button:after{content:initial;} .buttons-top{padding:0;float:right;position:fixed;top:65px;right:10px;z-index:999;} .tab-content.package #Enrolled_student_tab .buttons-top{top:74px;} .tab-content.package #Enrolled_student_tab .buttons-top .n-plus span{top:0;right:15px} #Enrolled_student_tab .webListing-table {max-height: calc(100vh - 290px)} /*End Enrolled_student_tab*/ /*Start PublishTest*/ #PublishTest .webListing-table{max-height: calc(100vh - 260px)} #PublishTest .nav-tabs.subjects>li>a{line-height:24px;text-transform:uppercase;font-size:12px;font-weight:500; text-align:center;transition:all .3s;border-radius:30px;padding:1px 15px;cursor:pointer;border:1px solid #ddd !important;} #PublishTest .nav-tabs.subjects>li>a:hover{border-radius:30px !important;font-weight:500 !important} #PublishTest .nav-tabs.subjects>li{margin-right:8px} #PublishTest .nav-tabs.subjects>li.physics.active > a, #PublishTest .nav-tabs.subjects>li.physics:hover> a{border-color:#efa103 !important;background:#efa103 !important;color:#fff} #PublishTest .nav-tabs.subjects>li.chemistry.active > a, #PublishTest .nav-tabs.subjects>li.chemistry:hover > a{border-color:#e65d77 !important;background:#e65d77 !important;color:#fff} #PublishTest .nav-tabs.subjects>li.biology.active > a, #PublishTest .nav-tabs.subjects>li.biology:hover > a{border-color:#21b306 !important;background:#21b306 !important;color:#fff} #PublishTest .nav-tabs.subjects>li.maths.active > a, #PublishTest .nav-tabs.subjects>li.maths:hover > a{border-color:#11cdac !important;background:#11cdac !important;color:#fff} #PublishTest .action-buttons .btn-toggle.btn-lg{width:4rem;} #PublishTest .btn-toggle.btn-lg:before{content:'Unpublished';left:auto;right:-62px;color:#333b4e;font-weight:bold;font-size:11px} #PublishTest .action-buttons .btn-toggle.btn-lg.active > .handle{left:2.2rem;} #PublishTest .action-buttons .btn-toggle.btn-lg.active:before{opacity:1;content:'published';right:-65px;color:rgb(51, 59, 78);font-weight:bold;font-size:11px} #PublishTest .action-buttons .btn-toggle.btn-lg{width:4rem;} #PublishTest .btn-toggle.btn-lg:before{content:'Unpublished';left:auto;right:-62px;color:#333b4e;font-weight:bold;font-size:11px} #PublishTest .action-buttons .btn-toggle.btn-lg.active > .handle{left:2.2rem;} #PublishTest .action-buttons .btn-toggle.btn-lg.active:before{opacity:1;content:'published';right:-65px;color:rgb(51, 59, 78);font-weight:bold;font-size:11px} #PublishTest .map-inner-tab-panel ul.nav-tabs.subjects{margin-top:0 !important;box-shadow: none; border: none;border-top: 1px solid #f3f3f3;padding: 15px 0 !important;width: 100% !important;z-index: 9} .map-inner-tab-panel{background:#fff;} .map-inner-tab-panel .circle.red{color:var(--btn-primary);border-radius:100px;padding:0;position:relative;display:inline-block;top:0;margin-left:10px} .tab-content.offline-fil .map-test-button.right-btn.view-pack-map{top:195px !important;right:65px !important} .tab-content.offline-fil .map-test-button.right-btn.view-pack-map.view-close{right:25px !important;top:195px !important;} /*End PublishTest*/ /*End ONLINE PACKAGE*/ /*Start Permissions*/ .permissions-top{position:relative;top:0;width:100%;height:80px;z-index:99} .permissions-top label{float:left;vertical-align:middle;padding:30px 0 30px 15px;} .permissions-top a{padding:0 !important;cursor:pointer;background:#fff;padding-left:10px;border-radius:5px;margin:20px 10px 8px;} .permissions-top span{padding:10px !important;width:135px} .permissions-top ul li{width:192px} .permissions-top ul li ul{width:170px !important;/* border-radius:0 !important;*/ border:none;left:11px;} .permissions-top ul li ul li{border-bottom:1px solid #eaeaea;width:auto;} .permissions-top ul li ul li a{background-color:#fff;padding:8px 10px !important;text-align:left;color:#333;text-transform:capitalize;font-weight:500;margin:0;font-size:13px} .permissions-top ul li ul li a:hover{border-radius:0;background-color:var(--btn-primary) !important;color:#fff;} .permissions-top ul li a:hover,.permissions-top ul li.open a,.permissions-top ul li.open a:hover{background:#fff;background-color:#fff;} .permissions-table .check .check-btn input{top:0;margin:0;left:0;} .permissions-table .check .checkmark{top:0;position:absolute;left:0;height:15px;width:15px;background-color:#fff;border-radius:0;border:none;border:2px solid #e4e4e4;} .permissions-table .check .check-btn input:checked ~ .checkmark{background-color:var(--btn-primary);border:none;} .permissions-table .check .check-btn .checkmark:after{left:5px;top:1px;width:5px;height:11px;border-color:#ffffff;} .permissions .webListing-table {max-height: calc(100vh - 195px)} /*End Permissions*/ /*Start Add New question*/ .add-que .nya-bs-select.btn-group .dropdown-menu.inner{max-height:174px;overflow-y:auto;min-height:60px} .add-que .map-test-button.right-btn.eye{top:15px !important;right:18px;} .add-que .btn-actions{position:absolute;right:15px;top:2px;} .add-que .btn-actions .ti-trash{font-size:12px} .add-que #collapse-filter{margin:0} .add-que .nya-bs-select.btn-group .dropdown-menu{z-index:1;} /*End Add New question*/ /*Start Question : Bulk Upload*/ /*.bulkupload-que{padding:0 20px}*/ .bulkupload-que button{background:var(--btn-primary);border:none;padding:10px 25px;color:#fff;font-weight:600;cursor:pointer;} .bulkupload-que .select-video-file{background:#fff;padding:60px 0} .select-video-file{text-align:center;border:2px dashed #E79214;/* outline-offset:-10px;*/ -webkit-transition:outline-offset .15s ease-in-out, background-color .15s linear;transition:outline-offset .15s ease-in-out, background-color .15s linear;padding:40px 0 0 0;margin:25px 2px;border-radius:5px} .select-video-file p{font-weight:500;font-size:12px;line-height:15px;color:#C57C0F;margin:0;background:#FFF9F1;border-radius:5px;padding:15px} .video-or{font-weight:600;font-size:13px;line-height:16px;color:#383737;display:block;margin:15px 0;} .browse-outer{display:block;} .select-file-btn{background:#333C4E;position:relative;border-radius:5px;cursor:pointer;padding:9px 25px 11px;cursor:pointer;display:inline-block;margin:0 0 15px 0;color:#fff;} .select-file-btn:hover{background:var(--btn-primary);} .select-file-btn input{opacity:0;position:absolute;top:0;left:0;width:132px;cursor:pointer;padding:9px 0} .drag-drop{font-weight:500;font-size:13px;line-height:16px;color:#B0B0B0;} .screen-test.bulkUploadFlag-view .box-title{padding-top:0} .screen-test #collapse-filter .box-content{margin-top:0 !important;} .questionModelPreview.modal .modal-header{ padding: 25px; border: none; background: #fff;} .questionModelPreview .modal-body{padding:0 40px 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:var(--btn-primary);display:block;clear:both;margin-bottom:10px} .questionModelPreview .view-que .que-no svg{vertical-align: middle; margin: -2px 10px 0 0;width: 20px;height: 20px;} .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;} .modal#questionModelPreview.questionModelPreview .modal-body p{text-align:left;font-size:16px} .modal#questionModelPreview.questionModelPreview{background-color:transparent !important;} .questionModelPreview .added-que-statement, .questionModelPreview .solution{padding:20px;border:0;display:inline-block;width:100%;font-size:16.5px;margin-top:0;margin-left:0px;color:#000;background:#fff !important;border-radius:4px;font-family:'Alegreya';margin-bottom:0;line-height:25px;border:1px solid #E7E7E7;border-radius:10px;margin-bottom:25px} .questionModelPreview .answer-options ul li .opt{vertical-align:top;height:25px;display:inline-block;top:0;border:1px solid var(--btn-primary);width:25px;text-align:center;color:#fff;margin-right:10px;cursor:pointer;line-height:25px;border-radius:50%;background:var(--btn-primary);font-size:14px;font-weight:600;position:absolute;left:7px;top:7px;} .questionModelPreview .answer-options ul li.selected .opt{background:#41A11F;border-color:#41A11F} .questionModelPreview .answer-options ul li .opt em{font-style:normal;} .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;} .questionModelPreview .answer-options ul li .optText p{margin-bottom:0} .questionModelPreview .solution-section .solution-title h2{color:var(--btn-primary);font-size:16.5px;border-bottom:1px solid #ddd;padding-bottom:10px;padding-left:5px;line-height:25px} /*End Question : Bulk Upload*/ /*Question: Start Edit question*/ .edit-question .nya-bs-select.btn-group .dropdown-menu.inner{max-height:174px;overflow-y:auto;min-height:60px;} .edit-question #collapse-filter{margin-top:0} .screen-edit-question .map-test-button.right-btn.eye{top:-4px !important} /*End Edit question*/ /*Question: Start export-print*/ .export-print .form-actions.text-center{z-index:1000;position:fixed;bottom:0;width:100%;background:#fff;left:0;margin:0;padding:15px 0 15px 200px;border-top:1px solid #e0e7f7;} .export-print .outer-tab{margin:30px 0 25px 0;} .screen-viewtest #tab_3.export-print .box-content{margin:25px 0;padding:15px !important} .screen-viewtest #tab_3.export-print .box-content.header-content{font-family:'Times New Roman'} /*End export-print*/ /*Question: Start screen-map-question*/ .screen-map-question.map-que .box-content.list-tabs{margin-top:0 !important;padding:0} .screen-map-question.map-que .sub-pills .box-content, .screen-map-question.map-que #tab_2.map-detail .box-content{padding-top:0} .screen-map-question.map-que #tab_2.map-detail .box-content{margin-top:0 !important;} .screen-map-question.map-que #tab_2.map-detail .sub-pills .box-content.map-qu-table{padding:0} .screen-map-question.map-que #tab_2.map-detail .box-content.map-qu-table{padding:0} .screen-map-question.map-que .box-content{margin-top:18px !important;padding:25px 25px 15px 25px} .screen-map-question.map-que .nav-tabs-custom > .nav-tabs>li.active>a, .screen-map-question.map-que .nav-tabs-custom > .nav-tabs>li>a{min-width: 250px !important} .screen-map-question.map-que ul.nav-tabs li .circle.red{background:var(--btn-primary);margin:-25px 18px;line-height:21px} .screen-map-question.map-que ul.nav-tabs li .circle.red span{color:#fff;} .screen-map-question.map-que .nav.nav-tabs li.active .circle.red span{color:var(--btn-primary)} .screen-map-question.map-que .map-test-button{position:fixed;top:162px !important;right:11px !important} .screen-map-question.map-que .map-test-button{top:132px !important;} /*Question: End screen-map-question*/ /*Question: Start Map que*/ .map-que .nav-tabs-custom > .nav-tabs > li .circle.red{width:auto;min-width: 35px;text-align:center;} .map-que .nav-tabs-custom > .nav-tabs > li .circle.red span, .map-que .nav-tabs-custom > .nav-tabs > li.active .circle.red span{position: relative;left:0 !important;top:0 !important;} .map-que .nav-tabs-custom > .nav-tabs{margin-bottom: 15px;} .map-que .nav-tabs-custom > .tab-content{padding-top:50px;} .map-que .sub-pills .box-title{padding:0;height:auto;} .map-que .box-title h4{margin:0;} .map-que .map-detail#tab_2 .box-gray,.map-que #tab_2 .ques-fil-table .box-gray{padding:8px 15px !important} .map-que #tab_2 .sub-pills{padding:8px 15px !important} .map-que #collapse-filter{margin-top:0} .map-que .circle.red.sub span{position:relative;left:0;top:1px;color:#000} .map-que .circle.red.sub span{color:#fbfbfb;top:0px;left:3px;} .map-que .circle.red.sub{width:25px;height:25px;margin:-2px 0 0 10px;background:none;} .map-que .circle.red span{position:absolute;top:4px;left:8px;left:4px;color:#fff;font-size:11px;font-weight:bold;} .map-que .nav.nav-tabs li.active .circle.red span{color:#006cab;top:4px;left:4px;} .map-que .nav.nav-tabs li.active .circle.red{background:#f7f5f5;} .map-que .main-tab{margin-top:0} .map-que .circle.red{float:right;background:var(--btn-primary);border-radius:50%;width:22px;height:22px;position:relative;margin:-26px 15px;border-width:3px;} .map-que .map-test-button.right-btn{top:4px;} /*Question: End Map que*/ /*Start Question module*/ #view-available-questions table tbody.ui-sortable tr td{width:150px} /*.screen-question .question-list{margin-top:45px}*/ .screen-question #collapse-filter .box-content{margin-top:0 !important;} .screen-question .ques-fil-table .box-content{padding-top:0} /*End Question module*/ /*Start Result Report: Generate Report*/ .auto-test{padding-top:70px} .auto-test .btn-primary{background-color:var(--btn-primary);border-radius:5px;font-weight:600} .auto-test .btn-primary.btnPrevious{background-color:#cecaca;margin-right:5px} .auto-test .btn-primary.btnPrevious:hover{background:#b3acac;} .auto-test .btn-primary:hover{background-color:#204d74;border-color:#122b40;} .auto-test .stepwizard{width:90%} .generate-reports .nya-bs-select .btn.btn-default{background-color:#F7F7F7 !important;border:1px solid #F7F7F7 !important;color:#353535 !important;height:34px;border-radius:3px;} .generate-reports .btn-primary{min-width:140px;position:relative;padding:10px 10px 9px 10px!important;} .stepwizard-row{display:table-row;} .stepwizard{display:table;width:100%;position:relative;} .stepwizard-step button[disabled]{opacity:1 !important;filter:alpha(opacity=100) !important;} .stepwizard-row:before{top:14px;bottom:0;position:absolute;content:" ";width:100%;height:1px;background-color:#eaeaea;z-order:0;height:3px} .stepwizard-step{display:table-cell;text-align:center;position:relative;} .btn-circle{width:30px;height:30px;text-align:center;padding:6px 0;font-size:12px;line-height:1.428571429;border-radius:15px;} .stepwizard .btn-circle{min-width:auto;width:22px;height:22px;text-align:center;padding:6px 0 !important;font-size:12px;line-height:1.428571;border-radius:15px;top:3px;position:relative;background:#f2f7fd;border:4px solid var(--btn-primary) !important;margin:0 auto;display:block;} .stepwizard .nav-tabs>li.active>a,.stepwizard .nav-tabs>li.active>a:focus,.stepwizard .nav-tabs>li.active>a:hover, .stepwizard .nav > li > a:hover,.stepwizard .nav > li > a:active,.stepwizard .nav > li > a:focus{color:rgb(255, 255, 255);/* background:none !important;*/ background:#333b4e !important;padding:6px 0 !important;border:4px solid var(--btn-primary) !important;width:22px;height:22px;cursor:pointer;min-width:initial !important;cursor:pointer !important;border-radius:15px !important} .stepwizard .nav-tabs>li{width:24.7%;float:none;display:inline-block;text-align:center;} .stepwizard .nav-tabs>li p{font-weight:600;color:#333;margin:15px 0;} .stepwizard{text-align:center;width:65%;margin:0 auto;} .stepwizard-row:before{left:0;} #ReadOMR{margin-top:10px;} #ReadOMR .table>tbody>tr>td, #calculateOMR .table>tbody>tr>td{text-align:center;width:33.33%;border-top:0;font-style:normal;font-weight:600;font-size:14px;line-height:17px;border-bottom:1px solid #EEEEEE;color:#383737;} #ReadOMR .table>tbody>tr>td:nth-child(2), #calculateOMR .table>tbody>tr>td{border-right:1px solid #EEEEEE;;border-left:1px solid #EEEEEE;;} #ReadOMR .table>tbody>tr>td span{color:var(--btn-primary)} #ReadOMR .table>tbody>tr>td:nth-child(1){border-top-left-radius:5px;border-bottom-left-radius:5px} #ReadOMR .table>tbody>tr>td:nth-child(3){border-top-right-radius:5px;border-bottom-right-radius:5px} .omr-details-title{font-size:16px;font-weight:600;margin:30px 0 10px 0;} #ReadOMR .table tr th , #calculateOMR .table tr th{border-right:1px solid #E4E4E4;} #ReadOMR .omr-details .table>tbody>tr>td, #calculateOMR .omr-details .table>tbody>tr>td{width:initial;font-size:12px;font-weight:500} #ReadOMR .omr-details .table>tbody>tr>td .ti-close, #calculateOMR .omr-details .table>tbody>tr>td .ti-close{background:#E30E0E;border-radius:3px;padding:5px;color:#fff;} #calculateOMR .omr-details .table>tbody>tr>td .ti-check{background:green;border-radius:3px;padding:5px;color:#fff;} #calculateOMR .omr-details .table>tbody>tr>td .ti-check:hover, #calculateOMR .omr-details .table>tbody>tr>td .ti-pencil:hover{background:#999} #ReadOMR .omr-details .table>tbody>tr>td .ti-close:hover, #calculateOMR .omr-details .table>tbody>tr>td .ti-close:hover{background:#000;} #ReadOMR .question-list, #calculateOMR .question-list{background-color:#fff;overflow-x:auto;border-top-left-radius:8px;border-bottom-left-radius:8px;box-shadow:0 0 8px #c3cfd4;border-top-right-radius:8px;border-bottom-right-radius:8px;height:auto;} #calculateOMR .omr-details .table>tbody>tr>td .ti-pencil{background:orange;border-radius:3px;padding:5px;color:#fff;} #calculateOMR .action-buttons{width:110px;margin:0;text-align:center;} #calculateOMR .action-buttons .check{padding:0} #ReadOMR .question-list p{text-align:center;padding:17vh 0px;margin:0;} #calculateOMR .Error{color:red !important} #calculateOMR .Done{color:green !important} #calculateOMR .Accepted{color:orange !important} .SearchBoxPopup h2{font-family:Montserrat;font-style:normal;font-weight:500;font-size:16px;line-height:20px;text-align:center;color:var(--btn-primary);} .SearchBoxPopup p{font-style:normal;font-weight:500;font-size:13px;line-height:16px;text-align:center;color:#383737;} .SearchBoxPopup .modal-header{border-bottom:1px solid #ddd;padding:0} .SearchBoxPopup .modal-content{border-radius:8px} #SearchBoxPopup.modal button.close{color:#fff;width:auto;height:auto;top:42px;right:35px;border-radius:4px;padding:5px 10px;background-image:none !important;text-indent:0px;font-weight:500;line-height:14px;background:var(--btn-primary);border:none;font-size:12px;text-shadow:none;} #SearchBoxPopup.modal button.close:hover{background:#b3acac} #EditBoxPopup .modal-body{padding:30px 60px;text-align:center;padding:30px 60px;} #EditBoxPopup .modal-body .form-group{margin:0;} #EditBoxPopup .modal-body .form-group label{display:inline-block;margin:6px 0;} #EditBoxPopup .modal-body .form-group input{display:inline-block;width:auto;margin:0 0 0 10px;} #EditBoxPopup .modal-dialog{width:450px} /*End Result Report: Generate Report*/ /*Start Result Report*/ .content.test.screen-test.results-report.screen-online-package{padding-top:25px} .results-inner .box{background:none;} .results-report .results-inner .nya-bs-select .btn.btn-default{background-color:#F7F7F7 !important;border:1px solid #F7F7F7 !important;color:#353535 !important;height:34px;border-radius:3px;} .results-report .results-inner .result-btn{margin-top:26px !important;} .results-report .results-inner .result-btn .btn{height:30px !important;min-width:110px;font-weight:500;font-size:14px;line-height:15px;text-align:center;color:#FFFFFF;text-transform:uppercase;border-radius:5px;} .results-report .resulttable-btn .btn{border-radius:3px;font-weight:500;font-size:12px;line-height:12px;color:#FFFFFF;padding:5px 7px !important;margin:0 2px !important;} .results-report .question-list table th,.results-report .question-list table td{border-right:1px solid #E4E4E4;} .results-report .question-list table th:last-child,.results-report .question-list table td:last-child{border-right:0 !important;} .results-report .resulttable-btn .btn.btn-info{background:var(--btn-primary);border-color:var(--btn-primary);} .results-report .resulttable-btn .btn.btn-warning,.with-nav-tabs .btn.btn-warning{background:#FFBA33;border-color:#FFBA33;} .results-report .box-inner{background:#FFFFFF;border-radius:3px;padding:25px 25px 15px 25px !important} .result-generation .content.test.screen-test.results-report.screen-online-package{padding:0} .start-question-boxes .qb-res-top-btns ul li {width: 100%;border: none;min-height: initial;box-shadow: none; padding: 0} /*---Test Report---*/ .content.results-report{/* padding-top:40px;padding-bottom:40px;*/ background-color:#fff} .results-report .table tr th, .results-report .table tr td{padding:8px !important;font-size:12px;font-weight:500;} .results-report .table tr:last-child td{border-bottom:1px solid #E4E4E4;} .results-report .table.results-status-details tr:last-child td { border: none; } .results-report .test-inner .box{background:none;} .results-report .test-inner .box-inner .table > tbody > tr > td{border:0;padding:10px 25px !important;font-weight:500;font-size:13px;background:none;} .results-report .test-inner .table > tbody > tr > td > span{color:var(--btn-primary);padding-left:10px;position:relative;top:1px;} .results-report .test-inner .table.top-results-detail > tbody > tr > td > span{font-size:15px} .results-report .test-inner .box-inner{padding:0 !important;box-shadow:0 0 8px #c3cfd4;;border-radius:8px} .results-report .test-inner .box-inner table.table{margin-bottom:0 !important;} .results-report .test-inner .box-inner .table > tbody > tr > td.mid-border{border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;} .results-report .test-inner .box-inner .table > tbody > tr > td.third-border{border-bottom:1px solid #F2F2F2;} .results-report .test-inner .table > tbody > tr > td:first-child,.results-report .test-inner .table > tbody > tr > td:nth-child(2){border-right:1px solid #F2F2F2;} .content.results-report .map-test-button.right-btn.top-fil{top:10px !important;right:0 !important;} .text-report-box .table > thead > tr > th{border-bottom:1px solid #E4E4E4 !important;border-left:1px solid #E4E4E4 !important;} .text-report-box .table > thead > tr > th:nth-child(1){border-left:none !important} .results-report .table tr th.th-ng table.table-ng tr th{border-left:1px solid #E4E4E4 !important;} .results-report .test-inner .text-report-box .table > tbody > tr > td{border-right:1px solid #E4E4E4} .results-report .test-inner .text-report-box .table > tbody > tr > td:first-child{border-left:1px solid #E4E4E4} #OverallResult .OverallResult, .text-report-box .question-list{overflow-x:auto;border-top-left-radius:8px;border-bottom-left-radius:8px;box-shadow:0 0 8px #c3cfd4;border-top-right-radius:8px;border-bottom-right-radius:8px;} .text-report-box .question-list, .results-inner .question-list, .question-list{/*height:calc(100vh - 140px);*/padding:0;border:1px solid #f9f9f9;border-radius:5px} .webListing-table{height: 100%; width: 100%; max-height: calc(100vh - 250px); overflow: auto; position: relative;} #OverallResult .OverallResult{max-height:690px;} .text-report-box #QuestionwiseAnalysis .table > thead > tr:first-child > th:last-child{border-top-right-radius:8px;} .results-report .test-inner .text-report-box .tab-content .tab-pane#QuestionwiseAnalysis,#notAttemptedStudent,#SQuestionwiseAnalysis{margin-top:10px;} .results-report .test-inner .text-report-box .table{margin-bottom:0;} .results-report .test-inner .text-report-box .table > tbody > tr > td{font-weight:500;} .results-report .test-inner .table.student-report-table > tbody > tr > td{border-right:1px solid #E4E4E4} .results-report .test-inner .table > tfoot > tr > td{border-top:1px solid #E4E4E4;border-bottom:1px solid #E4E4E4;font-weight:600;font-size:12px;color:#000;background-color:#fde9d9;padding:13px 15px !important;border-right:1px solid #d6c5b8;} .results-report .table tr th.th-ng, .results-report .table tr td.td-ng{padding:0 !important;} .results-report .table tr td.td-ng{line-height:2;} .results-report .table tr td.td-ng table.table-ng tr td, .results-report .table tr th.th-ng table.table-ng tr th{border-right:1px solid #E4E4E4 !important;min-width:38px;} .results-report .table tr td.td-ng table.table-ng tr td:last-child, .results-report .table tr th.th-ng table.table-ng tr th:last-child{border-right:0 !important;} .table>thead>tr>th.fixed-second-th{top:32px;border-bottom:1px solid #E4E4E4 !important;} .results-report .student-filter{margin-bottom:8px;text-align:right;position:relative;top:0;right:0;} .results-report .student-filter input.sfilter{background:#FFFFFF;border:1px solid #BFBFBF;border-radius:50px;font-weight:500;font-size:13px;line-height:17px;color:#A2A2A2;padding:6px 15px;min-width:230px;} .results-report .test-inner .text-report-box .overall-student-result{margin:20px 0;/*border-top:1px solid #dfdfdf;padding-top:20px;*/} .results-report .test-inner .text-report-box .overall-student-result div{text-align:center;padding:20px 15px !important;font-size:14px;border:none;width:30%;display:inline-block;border-radius:8px} .results-report .test-inner .text-report-box .overall-student-result div span{font-size:17px;font-weight:600;position:relative;top:1px;} .results-report .test-inner .text-report-box .overall-student-result div{background:rgb(218,238,243);font-weight:500;padding:25px 10px !important;width:30%;display:inline-block;} .results-report .test-inner .text-report-box .overall-student-result div:nth-child(1){background:rgba(216, 228, 188, 1);color:rgb(79,78,40);border-top-left-radius:5px;border-bottom-left-radius:5px} .results-report .test-inner .text-report-box .overall-student-result div:nth-child(1) span{color:rgb(79,78,40)} .results-report .test-inner .text-report-box .overall-student-result div:nth-child(1) span em{font-size:13px;font-style:normal;} .results-report .test-inner .text-report-box .overall-student-result div:nth-child(2),.results-report .test-inner .text-report-box .overall-student-result div:nth-child(5){background:rgb(252,213,180);color:rgb(226,107,10);margin:0 4.5%} .results-report .test-inner .text-report-box .overall-student-result div:nth-child(2) span{color:rgb(226,107,10);} .results-report .test-inner .text-report-box .overall-student-result div:nth-child(5){margin-top:5px} .results-report .test-inner .text-report-box .overall-student-result div:nth-child(3){background:rgb(230,184,183);color:rgb(192,0,0);border-top-right-radius:5px;border-bottom-right-radius:5px} .results-report .test-inner .text-report-box .overall-student-result div:nth-child(3) span{color:rgb(192,0,0);} .results-report .test-inner .text-report-box #SOverallResult .overall-student-result div{background:#fff !important;font-weight:600;padding:15px 10px !important;width:15.9%;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} .results-report .test-inner .text-report-box #SOverallResult .overall-student-result div span{top:3px;display:block;} .results-report .test-inner .text-report-box #SOverallResult .overall-student-result div:nth-child(2),.results-report .test-inner .text-report-box #SOverallResult .overall-student-result div:nth-child(5){margin:0 0.2%;} .results-report .test-inner .text-report-box .table > tbody > tr.topper-students > td,.results-report .test-inner .text-report-box .table > tbody > tr.topper-students > td > table > tr > td,.results-report .table .topper-students td{font-weight:bold;font-size:13px} .text-report-box .table tr th{background:rgb(204, 204, 204);color:#000;font-weight:600;/*border-top:1px solid #E4E4E4 !important;*/ } .results-report .table tr th.th-ng table.table-ng tr th{border-top:1px solid #E4E4E4 !important} .text-report-box .table > thead > tr > th.result-physics,.result-physics{color:rgb(226,107,10) !important} .text-report-box .table > thead > tr > th.result-chemistry,.result-chemistry{color:rgb(150,54,52) !important} .text-report-box .table > thead > tr > th.result-maths,.result-maths{color:rgb(49,134,155) !important} .text-report-box .table > thead > tr > th.result-biology,.result-biology{color:#21b306 !important} .text-report-box .table > thead > tr > th:last-child{border-right:1px solid #E4E4E4 !important;} .text-report-box .table-ng td.result-physics{background:rgb(253,233,217);color:#000 !important} .text-report-box .table-ng td.result-chemistry{background:rgb(242,220,219);color:#000 !important} .text-report-box .table-ng td.result-maths{background:rgb(220,230,241);color:#000 !important} .text-report-box .table-ng td.result-biology{background:rgb(213,245,209);color:#000 !important} /*.text-report-box .table > thead > tr > th.total-score{color:rgb(149, 190, 52) !important} */ .text-report-box .table > thead > tr > td.total-score{background:var(--btn-primary) !important} .results-report .test-inner .table > tbody > tr > td > span.red{color:rgb(255,0,0)} .results-report .test-inner .table > tbody > tr > td > span.orange{color:rgb(255,192,0)} .results-report .test-inner .table > tbody > tr > td > span.green{color:rgb(0,176,80)} .results-report .test-inner .table > tbody > tr > td > span.purple{color:rgb(112,48,160)} .results-report .resulttable-btn .btn.btn-warning{color:#fff !important} .results-status-details{background-color:#fff;border-radius:12px;margin:18px 0 40px !important;display:block;box-shadow:0 0 8px #c3cfd4;padding:10px 15px;border-top-left-radius:8px;border-bottom-left-radius:8px;margin:0;box-shadow:0 0 8px #c3cfd4;border-top-right-radius:8px;border-bottom-right-radius:8px;} .results-status-details td{border-left:none !important;border-right:none !important;/* border-radius:8px;*/ background:none !important;border-top:none !important;} .results-report .OverallResult .table > tbody > tr:last-child > td{border-bottom:1px solid #E4E4E4;} .results-inner .box-gray{background-color:#fff} .results-inner .question-list{overflow-x:auto;border-top-left-radius:8px;border-bottom-left-radius:8px;box-shadow:0 0 8px #c3cfd4;border-top-right-radius:8px;border-bottom-right-radius:8px;height:calc(100vh - 305px);padding:0;margin-top:20px} .question-list table{margin-bottom:0; /* background-color:rgb(151 207 100 / 29%); */ border-collapse: collapse;border-radius: 5px} .question-list table thead{ position: sticky; top: 0px; /* border-bottom: 1px solid rgb(223, 227, 235);*/ background-color: white; z-index: 1; width: 100%;} .results-report .test-inner .table.results-status-details > tbody > tr > td > span{padding-left:0} .results-report .test-inner .box-inner .table.top-results-detail > tbody > tr:first-child > td{padding-top:17px !important} .results-report .test-inner .box-inner .table.top-results-detail > tbody > tr:last-child > td{padding-bottom:17px !important} /*For level*/ .results-report .test-inner .text-report-box .table > tbody > tr > td.easy{color:rgb(118,147,60);text-transform:capitalize;} .results-report .test-inner .text-report-box .table > tbody > tr > td.medium{color:rgb(226,107,10);text-transform:capitalize;} .results-report .test-inner .text-report-box .table > tbody > tr > td.hard{color:rgb(255,0,0);text-transform:capitalize;} /*For subject -- questionwise section tab*/ .math-col{color:rgb(49,134,155) !important} .bio-col{color:#21b306 !important} .che-col{color:rgb(150,54,52) !important} .phy-col{color:rgb(226,107,10) !important} .results-report .test-inner .text-report-box .table > tbody > tr > td.poor{color:rgb(255,0,0)} .results-report .test-inner .text-report-box .table > tbody > tr > td.average{color:rgb(255,192,0)} .results-report .test-inner .text-report-box .table > tbody > tr > td.good{color:rgb(0,176,80)} .results-report .test-inner .text-report-box .table > tbody > tr > td.excellent{color:rgb(112,48,160)} .results-report #SOverallResult .table tr td{padding:10px 8px !important} .text-report-box .overall-student-result.test-stu-result div { background: #fff !important; font-weight: 600; padding: 15px 10px !important; width: 22.7% !important; display: inline-block; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15); border-radius: 5px; margin: 0 1% 20px !important; color: #858585 !important; font-weight: 500; min-height: 75px; vertical-align: top; } .text-report-box .overall-student-result.test-stu-result div span { display: block; top: 3px !important; } .table>tbody>tr>td.correct-response{background:rgb(196,215,155)} .table>tbody>tr>td.wrong-response{background:rgb(242,220,219)} .table>tbody>tr>td .correct-score{color:rgb(118,147,60);font-weight:bold !important;font-size:13px} .table>tbody>tr>td .wrong-score{color:rgb(255,0,0);font-weight:bold !important;font-size:13px} .results-report .resulttable-btn .btn.btn-info.disabled-button,.results-report .resulttable-btn .btn.btn-warning.disabled-button{background:#bbbbbb;border-color:#bbbbbb;} .table>tbody>tr>td.Attempted, .table>tbody>tr>td.Live{color:green} .table>tbody>tr>td.Un-attempted{color:red} .table>tbody>tr>td.UPCOMMING{color:grey} .table>tbody>tr>td.EXPIRED{color:red} /*.Offline-report .offline-box{text-align:center;} */ .Offline-report .offline-box{padding-left:30px} .Offline-report .offline-box .column{background:#FFFFFF;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);border-radius:5px;padding:50px 40px;width:290px;margin:0 2% 4%;display:inline-block;min-height:155px;border:2px solid #fff;vertical-align:top;position:relative;} .content.results-report.Offline-report{background-color:transparent;padding-top:90px} .Offline-report .offline-box .column:hover{border:2px solid var(--btn-primary);box-shadow:0px 5px 10px rgba(0, 0, 0, 0.25);} .Offline-report .offline-box .column span{font-family:Montserrat;font-style:normal;font-weight:500;font-size:15px;line-height:18px;color:#383737;text-align:left;padding-top:8px;top:8px;position:relative;/* float:left;*/ } .Offline-report .offline-box .column img{margin-right:20px;float:left;} .content.results-report .nya-bs-select.btn-group .dropdown-menu{overflow:auto;max-height:250px} .content.results-report.screen-online-package .nav-tabs{position:relative;background-color:#fff;padding:12px 0;margin:0 !important;width:100%;top:0;z-index:8} .content.results-report.screen-online-package .nav-tabs>li>a{background:#DFDFDF !important;border-color:#DFDFDF !important;color:#727272 !important;margin:0 10px 0 0 !important;cursor:pointer !important;padding:5px 10px !important;text-transform:capitalize;font-weight:normal !important;border-radius:4px} .content.results-report.screen-online-package .nav-tabs>li.active>a, .content.results-report.screen-online-package .nav-tabs>li.active>a:focus, .content.results-report.screen-online-package .nav-tabs>li.active>a:hover{background-color:var(--btn-primary) !important;border:1px solid var(--btn-primary) !important;text-align:center !important;color:#fff !important;padding:5px 10px !important;} .content.results-report.screen-online-package .tab-content{padding-top:0} .Offline-report .offline-box .column:hover .start-test{display:block;} .Offline-report .offline-box .column:hover .view-start{display:none;} .Offline-report .offline-box .column .view-start img,.Offline-report .offline-box .column .start-test img{float:right;margin-top:5px;margin-right:0;margin-left:2px;} /*End Result Report*/ .download-export .dropdown a i.fa.fa-angle-down,.download-export .dropdown a i.fa.fa-angle-up, .screen-online-package .dropdown a i.fa.fa-angle-down,.screen-online-package .download-export .dropdown a i.fa.fa-angle-up{color:#fff;float:right;margin: 6px 0 0 10px !important; position: relative !important; right: 0 !important;} .result-generation .screen-online-package .dropdown a i.fa.fa-angle-down, .result-generation .screen-online-package .dropdown a i.fa.fa-angle-up{top:-5px !important;color: #fff !important} .result-generation .screen-online-package .dropdown a:focus i.fa.fa-angle-up{color: #999 !important} .download-export .pull-right{height:auto;} .download-export .download-student-report{right:0;top:0;border-radius:5px;padding:5px 15px !important;} .download-export .download-student-report:hover,.download-export .download-student-report:focus{background-color:#ec971f;border-color:#d58512 !important;color:#fff} .download-export .navbar-custom-menu > .navbar-nav > li > .dropdown-menu.top-head-profile{width:auto;} /*Start Subscription*/ .create-student .bottom-btn,.edit-user .bottom-btn,.edit-student .bottom-btn{padding:20px 0} .subscriber-screen .n-plus span{top:8px;margin:0 6px;} /*.subscriber-screen .question-list{height:calc(100vh - 155px);}*/ .subscriber-screen .map-test-button.right-btn{top:2px} .subscriber-screen .map-test-button.right-btn{top:13px;} /*.subscriber-screen .qb-res-top-btns{margin-top:10px}*/ /*End Subscription*/ /*Start Test : Edit test question*/ .edit-test-question .map-test-button.right-btn.eye{top:-2px !important} .edit-test-question #collapse-filter{margin-top:0} /*End Test : Edit test question*/ .swal2-container.swal2-shown{z-index: 999999} /**************************************/ .content-header{padding:20px 45px} .content{padding:25px 52px 25px} .content .tab-content {padding-top:20px;border-top: 1px solid #f9f9f9;position: relative} .content .tab-content .tab-content{border:0} .content .tab-content .tab-content.top-move .qb-res-top-btns{margin: 0; top: -28px; position: absolute; z-index: 9; width: auto; right: 0;} /**************************************/ /*Start Google==google_translate_element*/ .main-sidebar #google_translate_element{position: relative;left:0;top:0;z-index: initial;margin:15px 25px 25px} #google_translate_element{position: fixed;top: 0.8vw;right: 7vw;z-index: 10000} .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 !important} .goog-te-gadget img,.skiptranslate iframe{display: none;} .goog-te-combo {max-width: 130px;border: none;background: none;display: inline-block;width: auto;cursor: pointer;outline: none;} .goog-te-gadget .goog-te-combo option {color: #333} .skiptranslate.goog-te-gadget {padding: 3px 10px 3px 30px; cursor: pointer;width: auto;background: #fff url(../images/globe.png) no-repeat 10px center !important; border: 1px solid #ececec;color: #333;white-space: nowrap;border-radius: 50px; background-repeat: no-repeat;background-size: 20px;background-position: 0 0} /*End Google==google_translate_element*/ /**************************************************/ .valid-status {border-top: 1px solid #ccc;/*margin: 0 0 10px;*/padding: 15px 0;font-size: 14px;min-height: 52px;display: inline-block;width: 100%} .valid-status.text-center span {display: inline-block;font-size: 10.6px;width: 49%;font-weight:600} .browse-img-btn{clear: both;display: inline-block;} .preview-img{display: inline-block !important;clear: both !important;position: relative;} .preview-img img#old-img,#imagePrevive{width:100%;padding: 5px;border: 2px solid var(--btn-primary);margin: 15px 0 0 0;} .preview-img button { border: none;background: none;position: absolute;right: -5px;top: 5px;} .preview-img i.ti-trash {background: #f00;margin-right: 0;padding: 5px;border-radius: 20px;color: #fff;font-size: 16px; display: inline-block} #select-Learn-students.modal{z-index: 999999} #select-Learn-students .modal-dialog{width: 1000px} .learn-languages{padding:10px 0;display: flex;justify-content: space-between} .no-lang-avail{padding:10px 0} .learn-languages .text-center{width: 100%} /**************************************************/ .box-mix .bottom-btn.buttons{text-align:center;margin:15px 0 0;padding:0;} .question-body p{margin:0} .select2.select2-container{width:100% !important;} .n-plus span{cursor:pointer;padding:6px;background:var(--btn-primary);border-radius:50px; position:relative;top:-14px;color:#fff; font-size:15px !important;} .view-v-lesson{padding-bottom:30px} .content-header.user-header, .content-header.addnque-header, .content-header.editnque-header, .content-header.view-v-lesson-header, .content-header.testreport-header, .content-header.learn-header, .content-header.subscriber-header, .content-header.online-m-detail, .content-header.bulkUploadFlag{width:100%;background:#fff;z-index:9} .bulkUploadFlag-view.content{padding-top:30px} .subscriber-screen .box-title, .screen-test .box-title, .screen-question .box-title, .screen-user .box-title, .view-student .box-title{height:40px;padding:13px 0 0;margin-bottom:5px} .tooltip.in{font-family:Montserrat } .map-test-button.right-btn.view-pack-map, .map-test-button.right-btn.view-published-map{position:fixed;top:135px;right:22px;} .navbar-custom-menu > .navbar-nav > li > .dropdown-menu.top-head-profile, .create-auto-test .navbar-nav > .user-menu > .dropdown-menu{width:225px;border-radius:6px;border:none;} .create-auto-test .navbar-nav > .user-menu > .dropdown-menu li, .navbar-custom-menu > .navbar-nav > li > .dropdown-menu.top-head-profile>li{border-bottom:1px solid #eaeaea;width:100%} .navbar-custom-menu > .navbar-nav > li > .dropdown-menu.top-head-profile>li>a, .create-auto-test .navbar-nav > .user-menu > .dropdown-menu li a{background-color:#fff;padding:8px 10px !important;text-align:left;color:#333;text-transform:capitalize;font-weight:500;} .navbar-custom-menu > .navbar-nav > li > .dropdown-menu.top-head-profile>li>a:hover, .navbar-custom-menu > .navbar-nav > li > .dropdown-menu.top-head-profile>li>a.active, .create-auto-test .navbar-nav > .user-menu > .dropdown-menu li a:hover, .create-auto-test .navbar-nav > .user-menu > .dropdown-menu li a.active{background-color:var(--btn-primary) !important;color:#fff} .box-category .dropdown.user.user-menu{width:200px !important} .map-test-button.view-pack-map div{display:inline-block;} .map-test-button.view-pack-map button span, .map-test-button.right-btn.view-published-map span{margin:0;} .map-test-button.view-pack-map button, .map-test-button.right-btn.view-published-map button{padding:0;margin:0 3px;} .table-striped>tbody>tr:nth-of-type(odd),.table-hover>tbody>tr:hover{background-color:initial;} .ti-eye{font-size:18px} .ti-pencil-alt{font-size:14px} .ti-trash{font-size:16px} .ti-announcement{font-size:15px} .action-buttons button:hover{color:var(--btn-primary) !important} .map-test-button button span.ti-pencil-alt{padding:7.6px 8px;top:-1px;position:relative;} .box-body{padding:0} .nya-bs-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){line-height:initial;} .map-test-status .selectpicker{margin-top:0} .live span,.upcomming span,.expired span,.Live span,.Upcoming span,.Expired span{padding:1px 9px;color:#fff;/*display:block;min-width:90px;*/font-size:11px;border-radius:5px;display: inline-block;} .live span , .Live span{background:#17db89;} .upcomming span, .Upcoming span{background:#ffb933;} .expired span , .Expired span{background:#f33c3e;} #tab_3 .action-buttons .btn-toggle.btn-lg{width:4rem;} #tab_3 .btn-toggle.btn-lg:before{content:'Unpublished';left:auto;right:-62px;color:#333b4e;font-weight:bold;font-size:11px} #tab_3 .action-buttons .btn-toggle.btn-lg.active > .handle{left:2.2rem;} #tab_3 .action-buttons .btn-toggle.btn-lg.active:before{opacity:1;content:'published';right:-65px;color:rgb(51, 59, 78);font-weight:bold;font-size:11px} dir-pagination-controls{width:100%;display:inline-block;text-align:right;padding-top:15px;padding-right:10px;} .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ z-index:3;color:var(--btn-primary);cursor:default;background-color: var(--btn-primary-opacity); border-color: var(--btn-primary);} .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{z-index:2;color:var(--btn-primary);background-color: var(--btn-primary-opacity); border-color: var(--btn-primary);} .pagination>li>a, .pagination>li>span,.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{background-color:#fff;border-color:#fff;} .pagination>li>a, .pagination>li>span{padding:6px 9px;border-radius:3px;margin:0 1px} .action-buttons button{vertical-align:middle;margin-left:2px !important;margin-right:2px !important} .pagination > li > a{font-size:14px;font-weight:600;color: var(--btn-primary)} .pagination>li>a, .pagination>li>span{padding: 3px 9px;border-radius: 3px;margin: 10px 1px 0} /*CSS FOR NEW FILTER*/ #collapse-filter{position:fixed;width:600px;right:-600px;z-index:9999999;height:100vh;top:0;margin-top:0;box-shadow:0 0 8px #c3cfd4;background:#fff;box-shadow:2px 5px 15px rgba(0,0,0,0.21);-moz-box-shadow:2px 5px 15px rgba(0,0,0,0.21);-webkit-box-shadow:2px 5px 15px rgba(0,0,0,0.21);transition:all .3s;transition-property:all;transition-duration:.3s;transition-timing-function:initial;transition-delay:initial;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;overflow:hidden;margin-top:0 !important;} #collapse-filter .box-content,#tab_2 #collapse-filter .box-content{padding:0 !important;box-shadow:none;margin-top:0 !important;border-bottom:none !important;border:none !important;} .backdrop-filter{z-index:999999;opacity:0.9;background:rgba(30,30,28,.8);height:250%;left:0;margin:-100px 0 0 -100px;position:fixed;top:0;width:150%;display:none} #collapse-filter .box-content .box-footer,.box-top{position:absolute;bottom:0;width:100%;left:0;margin:0;padding:20px;} #collapse-filter .box-top{top:0;bottom:auto;border:none;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-right-radius:3px;border-top-left-radius:3px;border-bottom:1px solid #f4f4f4;} #collapse-filter .box-top h2{margin:0;font-size:17px;color:var(--btn-primary);} #collapse-filter .box-footer .btn.btn-sky,#collapse-filter .box-footer .btn.btn-primary,#collapse-filter .box-footer .btn.btn-default,#collapse-filter .box-footer .btn.btn-success{border-radius:4px} .search-btn,.reset-btn{padding:5px 25px !important;color:#fff;text-transform:uppercase;font-size:13px;min-width:100px;font-weight:500;margin-right:10px} .search-btn:focus{color:#fff} .reset-btn{background-color:#eee !important;color:#333C4E} .search-btn{background-color:var(--btn-primary) !important} #collapse-filter .box-body{margin:0;padding:80px 20px;} #collapse-filter .box-top .map-test-button.right-btn.view-pack-map,#tab_2 .package-detail .box-top .map-test-button{top:20px !important;right:15px !important} body.slide-filter #collapse-filter{right:0;} #collapse-filter .box-top .map-test-button.view-pack-map button{font-size:12px;} #ti-close{display:none;} body.slide-filter #ti-close{display:block;} .content-header .pull-right{height:25px;display:inline-block;} .concept-listing li{display:inline-block;margin-right:5px !important} .box-category .dropdown.user.user-menu,.create-auto-test .dropdown.user.user-menu{width:170px} .box-category .dropdown a i.fa.fa-angle-down{float:right;margin-top:9px;} .active-status{padding:2px 15px;color:#fff;display:block;min-width:90px;font-size:12px;background:#17db89;border:none;cursor:initial;border-radius:3px} .create-auto-test .navbar-nav > .user-menu > .dropdown-menu{left:auto;right:0;top:50px;} .create-auto-test .navbar-nav > .user-menu span{margin:0;padding:0;font-weight:normal;} .create-auto-test .navbar-nav > .user-menu span:hover{color:#fff !important;} .create-auto-test .navbar-nav > .user-menu span.ti-plus{padding:6.5px;color:#fff !important;top:0;} .create-auto-test .navbar-nav>li>a{padding:0} .content-header .create-auto-test .pull-right{height:auto;} .create-auto-test .navbar-nav > .user-menu > .dropdown-menu li:hover span,.create-auto-test .navbar-nav > .user-menu > .dropdown-menu li:hover{color:#fff !important} /*.create-auto-test .dropdown.open:before{content:"";position:absolute;right:10px;top:8px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #f00;} */ .create-auto-test .dropdown.open:after{content:"";position:absolute;right:8px;top:40px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;} .auto-test-plus .col-md-1.edit-add-btn{padding:0;text-align:center;} .auto-test-plus .edit-add-btn button i.ti-plus{background:#3bb72c;} .auto-test-plus .nya-bs-select.btn-group .dropdown-menu.inner{max-height:250px;overflow-x:scroll;} body.skin-blue.sidebar-mini.show-table.login-body{/*background-image:url("../images/login-screen.jpg");background-repeat:no-repeat;background-attachment:fixed;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;*/ background:#F8F9FA;padding-top:0} .create-auto-test{/*top:-5px !important;position:relative;float:right;right:0 !important;width:auto;*/ top:11px !important;position:absolute;float:right;right:57px !important;width:auto;} .box-category .dropdown.user.user-menu, .create-auto-test .dropdown.user.user-menu{max-width:170px;width:auto;} .create-auto-test .dropdown.open:after{z-index:9} /*.sidebar-menu{margin-top:52px;} */ .map-test-button.right-btn.top-fil{top:0;right:13px;} .que-right .n-plus{display:inline-block;margin-left:3px} .footer-copright{position:fixed;bottom:0;left:0;color:#fff;font-size:11px;padding:5px;margin:0;width:220px;text-align:center} /*css for exportTestPaper route*/ body.removeSidebarHeader{padding:20px 0 0 0;background:#fff;} body.removeSidebarHeader .main-header{visibility:hidden;} body.removeSidebarHeader .main-sidebar{visibility:hidden;} body.removeSidebarHeader .content-wrapper{padding:0;margin:0;} body.removeSidebarHeader #print_paper_button{margin-right:150px;} body.removeSidebarHeader .outer-tab{background:#fff;margin:0px 0 25px 0;box-shadow:none;padding:0 0 30px 0;} /*css for exportTestPaper route ends*/ .simpleDemo tbody[dnd-list]{min-height:42px;padding-left:0px;} /** * The dndDraggingSource class will be applied to * the source element of a drag operation. It makes * sense to hide it to give the user the feeling * that he's actually moving it. */ .simpleDemo tbody[dnd-list] .dndDraggingSource{display:none;} /** * An element with .dndPlaceholder class will be * added to the dnd-list while the user is dragging * over it. */ .simpleDemo tbody[dnd-list] .dndPlaceholder{background-color:#ddd;display:block;min-height:42px;} .simpleDemo tbody[dnd-list] tr{background-color:#fff;border:1px solid #ddd;border-top-right-radius:4px;border-top-left-radius:4px;display:block;padding:10px 15px;margin-bottom:-1px;} /** * Show selected elements in green */ .simpleDemo tbody[dnd-list] tr.selected{background-color:#dff0d8;color:#3c763d;} /*.skin-blue .main-header .navbar .sidebar-toggle:hover{background:rgb(40, 48, 61) !important;} */ .nya-bs-select.btn-group .dropdown-menu.inner{max-height:174px;overflow-y:auto;min-height:60px;} .nya-bs-select.btn-group .dropdown-menu li.no-search-result.show{font-size: 12px;text-align: center;padding:5px} /*.add-que .box-content:first-child{margin-top:50px !important;}*/ .result-box{background:#fff;padding:20px;margin:20px 0} .single-user-detail{display:flex;align-content:space-between;margin-left:-20px;margin-bottom:0} .single-user-detail li{display:inline-block;margin-left:10px;background:rgba(224, 231, 247, 0.44);padding:10px 12px;border-radius:5px;min-width:120px} .single-user-detail li div{border-left:1.5px solid #2bb673;padding:0 0 0 10px;} .single-user-detail li span{font-weight:500;font-size:12px} .single-user-detail li em{font-weight:normal;font-style:normal;display:block;font-size:16px;font-weight:600;margin:5px 0 0 0;color:#000;font-size:14.5px;font-weight:600;color:#333C4E;text-transform:capitalize;} /*.single-user-detail li:nth-child(odd){background:#f7f8fa;} .single-user-detail li:nth-child(even){background:rgba(224, 231, 247, 0.44)} */ .single-user-detail li:nth-child(even) div{border-color:#ed6ea0;} .table-box{background:#fff;} .table-box .table tr th{padding:10px 8px !important;background:#fff;color:#333C4E;border-top:1px solid #f4f4f4 !important;/*border-bottom:0;*/ } .table-box .table tr td{padding:10px 8px !important;font-size:12.5px} .table-filter{margin:20px 0 0 0;} .table-filter ul{margin:0;background:#e0e7f7;} .table-filter ul li{list-style:none;display:inline-block;padding:9px 0 6px 0} .table-filter ul li .nya-bs-select .btn.btn-default{height:30px;line-height:10px;border-radius:5px} .table-filter ul li .nya-bs-select.btn-group .dropdown-menu{padding:0;width:205px} .table-filter ul li label{font-weight:600;font-size:13px;vertical-align:middle;margin:0 2px;} .table-filter .selectpicker{display:inline-block;} .table-filter .form-group{margin-bottom:0} .table-filter ul li ul{background:#fff} .table-filter ul li ul li{display:block;padding:0} .ques-details span{display:block;margin:0 0 3px 0} .ques-details p{margin:0;} .ques-details span em{font-style:normal;font-weight:700;margin-right:5px} .fixed-pagination{/*position:fixed;bottom:0;width:100%;left:0;*/ background:#fff;padding:5px 24px;z-index:9999;text-align: center;} .test-performance-summery{margin-top:20px} .test-performance-summery .tab-content{padding:3px 20px;background:#fff;} .test-performance-summery .result-box{background:#fafafa;padding:20px;margin:10px 0} .test-performance-summery .nav>li>a,.test-performance-summery .nav-tabs>li.active>a,.test-performance-summery .nav-tabs>li.active>a:focus,.test-performance-summery .nav-tabs>li.active>a:hover{border:none !important;padding:20px !important;font-weight:500 !important;border-radius:0 !important;cursor:pointer;margin-right:6px;} .test-performance-summery .nav-tabs>li a:hover{background:#fff !important;color:#555 !important;} .test-performance-summery .nav-tabs>li.active>a,.test-performance-summery .nav-tabs>li.active>a:focus,.test-performance-summery .nav-tabs>li.active>a:hover{background:#fff;} .test-performance-summery .no-data{text-align:center;padding:150px 0;color:#ccc;font-size:14px;} /*swal css vsmax*/ .sweetAlertClass{height:600px;} /*swal css vsmax*/ /*.my-profile{padding-top:70px} */ .cr-slider::-moz-range-track{background:#ddd;} .cr-slider::-moz-range-thumb{background:var(--btn-primary);} .bs-glyphicons{padding-left:0;padding-bottom:1px;margin-bottom:20px;list-style:none;overflow:hidden;} .ui-datepicker{z-index:9999 !important;} .btn.default.send-otp{padding:9px 7px !important;position:absolute;right:16px;top:28px;min-width:68px !important;font-size:13px;} .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;} .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:var(--btn-primary);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;} .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;margin:20px auto 0;} .optText div{margin-left:35px} .optText img{max-width:100%;height:auto;width:auto;} .modal{margin:0 auto;} .modal-header h4{font-size:18px;color:#565353;} .modal-footer{padding-bottom:30px;padding-top:0;margin-top:0;text-align:center !important;} .modal-footer{border:0;} /*.modal-footer button.btn{background:var(--btn-primary);border:0;display:inline-block;padding:5px 15px;text-transform:uppercase;min-width:100px;} */ /*.modal-footer button.btn.btn-primary{border-radius:0px;height:auto;}*/ .modal-footer button.btn.btn-default{background:none;border:1px solid var(--btn-primary);color:var(--btn-primary);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 var(--btn-primary) !important;color:var(--btn-primary);font-size:16px;padding:10px 15px;min-width:200px;} .modal-footer .btn.blue:hover{background:var(--btn-primary) !important;color:#fff;} .modal-content .control-label{margin-bottom:3px !important;font-weight:normal !important;font-size:15px;} .modal-body{padding:20px 60px;} .mobile-field{position:relative;} .red{color:#fd0202;} .numberExistDisabled{cursor:not-allowed;opacity:0.7;pointer-events:none} .disabled{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;} .btn.btn-primary.up-button{margin:10px 0;padding:7px 20px !important;border-radius:5px;} .table>thead>tr{white-space:nowrap;} .table>thead>tr>th{ position: sticky; top: 0; z-index: 9; color: #000;font-weight: 500; background:#fff;box-shadow: 0 1px 0 #f9f9f9; /* border-color: rgb(151 207 100 / 29%); border-style: solid; border-width: 1px 1px 1px 0;*/font-size: 13px;white-space: nowrap;} .table>thead>tr:last-child>th.th-ng{top:49px;} .custom-radio p{margin:10px 0px 0;} .grey .form-control,.grey .bootstrap-select > .dropdown-toggle{color:#444;background:#f7f7f7 !important;border:1px solid #f7f7f7 !important;} .keyword-set{margin-top:15px} .keyword-set ul li{display:inline-block;list-style:none;} .keyword-set ul li button{font-size:10px;border:0;border-radius:40px;background:#d7d7d7;padding:12px 22px;color:#000;font-weight:500;margin:10px 15px 5px 0;min-width:130px;} .keyword-set ul li button.blue-btn{background:var(--btn-primary);color:#fff} .dropdown-menu a{color:#000} .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{background-color:var(--btn-primary);} .box-title{position:relative} .right-icons{position:absolute;right:3px;top:1px;} .right-icons button{border:0;background:none;margin:0 15px 0 7px;font-weight:600;} .right-icons button i{font-size:18px;color:#000} .right-icons button span{vertical-align:middle;margin-right:5px;display:inline-block;} .box-detail .box-title h3{padding:5px 0 10px 0;} label{/*font-weight:600;font-size:14px*/ font-weight:500;font-size:13px} .bottom-btn.buttons{padding:0} .bottom-btn.buttons .btn{margin:0 5px;} .nya-bs-select.btn-group .dropdown-menu{border-radius:0} .sampleTemplate .sample-img{text-align:center;display:block;border:1px solid #f7f7f7;padding:5px;box-shadow:0 0 4px #f7f7f7;} .sampleTemplate .sample-img img{max-width:100%} .sampleTemplate .sample-box{text-align:center;} .sampleTemplate .modal-dialog{width:auto;max-width:95%} .sample-box .btn-primary{margin:15px 0 25px 0;padding:7px 20px;border:0;display:inline-block;text-transform:uppercase;font-weight:600;} .sampleTemplate .modal-body{padding:20px 40px;} .sampleTemplate .modal-header h4.modal-title{padding:0 25px;font-weight:600;font-size:19px;color:#555} .sampleTemplate .modal-body p,#resultTestQuestionModel .modal-body p{text-align:left;} #resultTestQuestionModel .modal-body p{clear:both;display:block;} #resultTestQuestionModel .view-que .que-no{display:block;clear:both;float:none !important;} .btn-items.prepare-items{width:100%;float:none;text-align:center;position:relative;} .btn-items.prepare-items ul li{margin-bottom:15px;display:inline-block;margin-right:5px} .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;border-radius:35px;padding:4px 13px 4px 13px!important} .btn-items.prepare-items ul li .btn-group label:hover{background:#15ccae!important;border-color:#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 var(--btn-primary)!important;background:var(--btn-primary)} .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{font-size:13px;color:#fff;margin-bottom:5px;margin-top:5px;} .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 var(--btn-primary)!important;background:var(--btn-primary)} .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{text-align:left;} /***** css for appearing growl at upper side *****/ #growls-default{z-index:9999999;} /***** css for appearing growl at upper side ends *****/ /*--Question Display--*/ .que-modal .que-display{padding-right:0;margin:0 auto 12px;padding:10px;box-shadow:0 0 5px #ccc;} .que-modal .answer-options ul li{position:relative;padding:7px 10px 7px !important;border:2px solid #ddd !important;margin-right:0;} .que-modal .answer-options ul li .opt{vertical-align:top;height:25px;display:inline-block;top:7px;border:1px solid var(--btn-primary);width:25px;text-align:center;color:#fff;margin-right:10px;cursor:pointer;line-height:25px;border-radius:50%;background:var(--btn-primary);font-size:14px;font-weight:600;position:absolute;left:7px;} .que-modal .answer-options ul li .opt em{font-style:normal;} .que-modal .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;} .que-modal .answer-options ul li.selected{border:2px solid #3ab395 !important;box-shadow:0 0px 1px #7cd3bf;} .que-modal .modal-header .close span{top:-1px;} /*.que-modal .box-content{margin-top:15px !important;}*/ .report-sub-head{color:var(--btn-primary);} /*--Filter UI--*/ .filter-ui.filter-right{float:right;} .filter-ui.filter-right .nya-bs-select.btn-group{display:inline-block;width:130px;margin:0 5px;} .filter-ui.filter-right .nya-bs-select .btn.btn-default{background:#eee !important;border-color:#eee !important;border-radius:3px;color:#595959 !important;height:30px;padding:5px 7px !important;} .serch-message{margin:16vh 0;} .combine-box-detail .box-detail{margin-bottom:25px} header .navbar-nav > .user-menu span{text-transform:capitalize;} /*{background-color:#dce6f1} */ .with-nav-tabs{position:relative;} .with-nav-tabs .student-filter,.download-student-report{position:absolute;right:0;top:10px;z-index:8;} /*.results-report .table tr th, .results-report #OverallResult .OverallResult .table tr td{padding:2px 8px !important} */ .download-student-report{right:20px;top:12px;border-radius:3px;font-weight:500;font-size:12px;line-height:12px;color:#FFFFFF;padding:7px 15px !important;margin:0 2px !important;background:#FFBA33;border-color:#FFBA33;} .with-nav-tabs .download-student-report{} .view-start,.start-test{position:absolute;bottom:15px;right:25px} .view-start a{border:1px solid #ADADAD;box-sizing:border-box;border-radius:5px;font-family:Montserrat;font-style:normal;font-weight:500;font-size:13px;line-height:16px;letter-spacing:-0.02em;color:#A2A2A2;width:90px;display:inline-block;text-align:center;padding:5px 10px;} .start-test{display:none;} .start-test a{background:var(--btn-primary);border-radius:5px;color:#FFFFFF;border:1px solid var(--btn-primary);box-sizing:border-box;font-family:Montserrat;font-style:normal;font-weight:500;font-size:13px;line-height:16px;letter-spacing:-0.02em;width:90px;display:inline-block;text-align:center;padding:5px 10px;} .pull-center{width:100%;text-align:center;margin:20px 0 10px;} /* .box-content.bottom-pagi{padding:0 0 10px 0;border-radius:8px;}*/ .numeric-select{width:215px;position:relative;top:0;right:0} .numeric-select .nya-bs-select .btn.btn-default .caret{color:#929292} .numeric-select button.btn.btn-default{/*background-color:var(--btn-primary) !important;border:none !important;border-radius:3px;*/padding:6px 15px !important;} .qb-res-top-btns ul li .numeric-select span{background:#fff} .numeric-select .dropdown-toggle.show-special-title .special-title{color:#fff;font-size:14px} .nya-bs-select .dropdown-toggle .caret,.numeric-select .nya-bs-select .dropdown-toggle .filter-option{font-size:14px/*;color:#fff;*/} .numeric-section .col-md-1{text-align:center;width:3%;vertical-align:middle;padding:7px 0;} .numeric-section .form-control{border:1px solid #28c77e;width:100%} .sample-report-inner .pdf-detail{text-align:center;position:relative;} .sample-report-inner .pdf-detail .pdf-img{background:#fff;border-radius:8px;border:2px solid #e0e7f7;text-align:center;padding:15px;margin-bottom:5px;display:block;} .sample-report-inner{margin:25px 0;padding:30px;background:#fff;border:1px solid #eee;box-shadow:0 0 8px #c3cfd4;border-radius:8px;} .sample-report-inner .pdf-detail img{width:100%;height:100%} .sample-report-inner .pdf-detail .pdf-img-hover{background:rgb(0,0,0,0.3);position:absolute;width:100%;top:0;left:0;/* padding-left:15px;*/ /* padding-right:15px;*/ height:90%;border-radius:8px;display:none;} .sample-report-inner .pdf-detail:hover .pdf-img-hover{display:block;} .sample-report-inner .pdf-detail:hover .pdf-img-hover i{z-index:999;color:#fff;font-weight:bold;font-size:14px;top:46%;position:relative;background:#525252;padding:9px;border-radius:28px;cursor:pointer;} .sample-instruction{position:absolute;right:0;top:0;} .subject-detail-title h2{font-size:11px;padding:10px 10px 5px;margin:0;border-top:1px solid #e0e7f7;color:#a7a7a7;} .sample-instruction .btn.btn-primary{padding:5px 7px 5px 7px!important} .scheme-details ul{padding:0 10px 5px 28px !important} .scheme-details ul li{padding:5px 0 0 0;list-style:initial !important;font-size:12px;margin:3px 0;} .scheme-details ul li:last-child{margin-bottom:8px} .scheme-details ul li div{list-style:none;display:inline-block;vertical-align:middle;} .positive-marks,.negative-marks{color:#2dbb2d;/*padding:6px 4px;border-radius:3px;color:#fff;*/ font-size:14px;font-weight:600;/*width:35px;*/ text-align:center;margin-left:5px} .negative-marks{color:#f00;} .scheme-details ul li div:nth-child(1){width:158px} .scheme-details ul li div:nth-child(2){width:60px;text-align:right;padding-right:15px} /* #editQuestionForm{margin-top:50px;}*/ .numeric-select .nya-bs-select .dropdown-toggle.disabled .caret{display:none;} .numeric-section.remove-bd .form-control{border-color:#e4e5e8;} .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%;display:inline-block;/* 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} .box-gray h5{margin-bottom:10px} .answer-options h2{color:#24b6e0;font-size:14px;border-bottom:1px solid #ddd;padding-bottom:10px;} .numeric-section .form-control[disabled]{background-color:#fff;} /* .seperate-subject .form-group{border-bottom:1px solid #e6e6e6;padding-bottom:15px}*/ .seperate-subject .form-group label{width:auto;display:inline-block;vertical-align:middle;margin-top:2px;} .seperate-subject .form-group ol,.seperate-subject .form-group input{display:inline-block !important;width:100%; !important} .negative-info{background-color:#777474;padding:2px;font-size:10px;border-radius:10px;margin-left:2px;position:absolute;right:17px;top:0px;color:#fff;} /*.results-report .results-inner */ .nya-bs-select .btn.btn-default .caret{color:#000} .omr-buttons{margin:0 0 15px 0;width:100%;display:inline-block;} table .dropdown-menu{z-index:1} .fixed-bottom{position:fixed;bottom:0;left:0;width:100%;background:#fff;z-index:9;text-align:right;padding:10px 35px;border-top:1px solid #eaeaea;} /*#Learn#Video*/ .lesson-name{display:flex;align-items:center} .lesson-name span{margin:0 10px 0 0;position:relative;} .lesson-name span img{vertical-align:top} .video-icon{display:flex;position:absolute;top:35%;left:42%} /*#viewVideoLesson*/ .mapped-course-listing li{background:#E6E6E6;border-radius:50px;font-size:12px;line-height:15px;color:#585858;padding:9px 15px;list-style:none;display:inline-block;margin:2px;} /*#CreateVideoLesson*/ .file-limitations{font-weight:500;font-size:12px;line-height:15px;color:#777777;} .file-limitations span{color:blue} .upload-video .progress{background:#E1E1E1;border-radius:10px;height:12px;margin-top:8px;} .upload-video .progress-bar{background:#FFBA33;border-radius:10px;} .after-upload-section{margin-top:10px;} .after-upload-section .btn.btn-primary{position:relative;top:13px} /*css for dropbox*/ .upload-btn-wrapper{position:relative;overflow:hidden;display:inline-block;} .btnupload{height:200px;width:400px;border:2px solid gray;color:gray;background-color:white;padding:8px 20px;border-radius:8px;font-size:20px;font-weight:bold;} .upload-btn-wrapper input[type=file]{font-size:100px;position:absolute;left:0;top:0;opacity:0;} /*css for lsit files*/ .listui{list-style-type:none;padding:0;margin:0;} .listui li{position:relative;} .listui li .down-list{font-style:normal;font-weight:500;font-size:12px;line-height:15px;color:#000000;background:#F1F1F1;border-radius:5px;padding:14px 20px;position:relative;margin-top:15px;margin-right:100px} .listui li .down-list:hover{background-color:#eee;} .listui li .down-list input{margin:0 8px 0 0;position:relative;top:2px;} .down-close{cursor:pointer;position:absolute;top:50%;right:0%;padding:8px 16px;transform:translate(0%, -50%);} .listui li .edit-add-btn .n-plus{top:0;width:auto;} .listui li .edit-add-btn button{top:0;} .listui li .edit-add-btn button i{margin:0 2px;display:inline-block;} .add-file input{opacity:0;position:absolute;top:0;left:0;width:30px;display:inline-block;height:26px;border-radius:50%;} /*.edit-add-btn button{font-size:14px;background:none;border:0;border-radius:4px;color:#333c4e;font-weight:600;display:inline-block;top:-3px;position:relative;} .edit-add-btn button i.ti-plus{font-size:16px;} .edit-add-btn button i{margin-right:9px;background:var(--btn-primary);padding:5px;border-radius:20px;color:#fff;} */ .accessible-for span.acc-title{display:block;margin:15px 0 15px;border-top:1px solid #ddd;padding-top:10px;font-style:normal;font-weight:500;font-size:13px;line-height:16px;color:#8C8C8C;} .accessible-for input{margin:0 4px 0 0;position:relative;top:2px;} .box-gray .accessible-for label{margin-right:30px} .map-test-button.edit-btn.right-btn.top-fil{position:absolute;} .box-category .dropdown.user.user-menu{margin-left:10px } /*#Learn*/ .search-lesson input{padding:9px;background:#fbfbfb;border-radius:5px;margin-bottom:5px;border:none;margin-left:10px;color:#555;} .map-test-button button.clear-lesson{font-size:12px;background:none;border:0;border-radius:4px;color:#fff;font-weight:600;background:var(--btn-primary);padding:6px 25px;margin-left:10px;} .map-test-button button.clear-lesson:hover{background:var(--btn-secondary);} .qb-learn .box-title.box-category,.qb-live-class .box-title.box-category{text-transform:uppercase !important;position:fixed;z-index:9;background:#fff;width:100%;padding:35px 0;/* margin:0 -10px !important;*/ border:none;/*overflow:hidden;*/} /*#Create learn*/ .qb-edit-learn .browse-img-btn{background:linear-gradient(180deg, #F7F7F7 0%, #E6E4E4 100%);border:1px solid #D1D1D1;box-sizing:border-box;padding:12px 25px;border-radius:3px;position:relative;display:inline-block;} /*.qb-create-learn .box-content.course-image{margin-bottom:10px}*/ .qb-edit-learn .browse-img-btn input{border:none;opacity:0;position:absolute;top:0;left:0;width:125px;height:43px} .qb-edit-learn .preview-img{display:block;clear:both;} .qb-edit-learn .course-image img{display:inline-block;height:auto;max-width:100%;margin:15px 10px 0 0;border-radius:8px;clear:both;} .qb-edit-learn .course-image button,.qb-edit-learn .other-setting button{border:none;background:none;vertical-align:bottom} .qb-edit-learn .course-image button i,.qb-edit-learn .other-setting button i{background:#f00;margin-right:0;padding:5px;border-radius:20px;color:#fff;font-size:16px;display:inline-block;} .qb-edit-learn .multiple-id ul li{display:inline-block;list-style:none;margin:0 2px 3px 2px;border-radius:5px;border:1px solid #ececec;background:#e0e7f7;padding:1px 5px;font-size:12px;} .qb-edit-learn .other-setting button{position:absolute;right:0;top:-10px;} .qb-edit-learn .other-setting button.dropdown-toggle{position:relative;top:0;} .qb-edit-learn .other-setting button i{background:var(--btn-primary);} /*#edit learn*/ .qb-edit-learn .course-image img{margin-top:0;} .mCSB_scrollTools{width:8px} .mCSB_inside > .mCSB_container{margin-right:0} ul.mapped-course-listing{margin:0;} /*Create live classes*/ .clive-class-create{display:inline-block;margin-right:10px} .clive-class-create input{margin:0 4px 0 0;display:inline-block;position:relative;top:2px} .input-group .input-group-addon{border-top-left-radius:3px;border-bottom-left-radius:3px} .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child){border-top-right-radius:3px;border-bottom-right-radius:3px} .other-record-title{display:block;margin:4px 0 0 25px;color:#ccc;} .other-record-title label{margin:0px 0 10px;} .other-checklist input{margin:0;display:inline-block;margin-right:10px;position:relative;top:2px;} .other-record-title input{display:inline-block;margin:0;position:relative;top:8px;} .other-record-title span{display:inline-block;margin:0;position:relative;top:14px;} .other-checklist{margin:10px 0} .schdule-recurring-classes label{position:relative;top:8px} .schdule-recurring-classes .nya-bs-select .btn.btn-default{min-width:auto} .schdule-recurring-classes .send-notification-feat{margin-left:0} .schdule-recurring-classes .rad-wrap label{top:5px;} .send-notification-feat{display:inline-block;width:80px;margin:0 5px} .send-notification-feat:last-child{width:100px} .q-view p{margin:0} .weekDays-selector input{display:none!important;} .weekDays-selector input[type=checkbox] + label{display:inline-block;border-radius:13px;background:#dddddd;height:26px;width:26px;margin-right:7px;line-height:26px;text-align:center;cursor:pointer;} .weekDays-selector input[type=checkbox]:checked + label{background:var(--btn-primary);color:#ffffff;} .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img{height:55px;width:auto;} .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p{z-index:5;color:#555;font-size:14px;margin:5px 0 0 0;text-transform:capitalize;} .navbar-nav > .user-menu > .dropdown-menu > li.user-header{height:auto;} .skin-blue .main-header li.user-header{background:transparent !important} .navbar-custom-menu > .navbar-nav > li > .dropdown-menu.top-head-profile>li:last-child{border-bottom:none !important} .navbar-custom-menu > .navbar-nav > li > .dropdown-menu.top-head-profile>li:last-child a{border-bottom-left-radius:6px;border-bottom-right-radius:6px} .main-header .sidebar-toggle:before{content:initial;} .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline:none;outline-offset:-2px;} .responsiveListing-table{display:none;} .mCustomScrollBox{} .edit-live-classes .rad-wrap{position:relative;top:10px;} .edit-live-classes .create-test-wrapper .rad-wrap{top:0;} .view-live-classroom .question-detail.que-filter .box{margin:0} .view-live-classroom .question-detail.que-filter .box .qb-res-top-btns{position:fixed;top:70px;right:25px;z-index:999;} .view-live-classroom .content-header{right:101px;padding-right:1px;} .qb-learn .box-title.box-category{position:relative;padding:0;} .qb-learn .box-title.box-category .map-test-button.right-btn{top:70px;right:65px;} .qb-learn .box-category .dropdown.user.user-menu, .prac-pack-header .box-category .dropdown.user.user-menu, .test-series-view .box-category .dropdown.user.user-menu, .content-header .box-category .dropdown.user.user-menu{min-width:auto;width:auto !important} .qb-learn .box-title.box-category .map-test-button.right-btn .navbar-nav>li>a, .prac-pack-header .box-title.box-category .map-test-button.right-btn .navbar-nav>li>a, .test-series-view .box-title.box-category .map-test-button.right-btn .navbar-nav>li>a, .content-header .box-title.box-category .map-test-button.right-btn .navbar-nav>li>a, .box-title.box-category .map-test-button.right-btn .navbar-nav>li>a{border:1px solid #f5f0f0;padding:0 10px 0 15px;margin-bottom:0;background:#fff;} .qb-learn .box-title.box-category .map-test-button.right-btn .navbar-nav > .user-menu span,.prac-pack-header .box-title.box-category .map-test-button.right-btn .navbar-nav > .user-menu span,.test-series-view .box-title.box-category .map-test-button.right-btn .navbar-nav > .user-menu span,.content-header .box-title.box-category .map-test-button.right-btn .navbar-nav > .user-menu span, .screen-online-package .box-title.box-category .map-test-button.right-btn .navbar-nav > .user-menu span{padding:4px 8px 4px 0;margin:0;text-transform:capitalize;font-size:12px !important;font-weight:normal;} .qb-learn .dropdown a i.fa.fa-angle-down,.qb-learn .dropdown a i.fa.fa-angle-up,.prac-pack-header .dropdown a i.fa.fa-angle-down,.prac-pack-header .dropdown a i.fa.fa-angle-up,.test-series-view .dropdown a i.fa.fa-angle-down,.test-series-view .dropdown a i.fa.fa-angle-up,.content-header .dropdown a i.fa.fa-angle-down,.content-header .dropdown a i.fa.fa-angle-up, .screen-online-package .dropdown a i.fa.fa-angle-down{margin-left:0 !important;margin-right:0 !important;margin-top:5px;position:absolute;right:10px;top:0;color: #28303d !important} .qb-learn .search-lesson input{padding:5px 9px;background:#fff;border-radius:5px;margin-bottom:5px;border:none;width:100px;margin-left:10px;color:#555;border:1px solid #f5f0f0;} .qb-learn .box-title.box-category ul.dropdown-menu{box-shadow:0 6px 12px rgba(0,0,0,.175)} /*.qb-res-top-btns .box-title.box-category .dropdown-menu{box-shadow:0 6px 12px rgba(0,0,0,.175);width:auto !important;max-height:200px;overflow:auto;} */ .content-header.view-pr-pack-header .que-o-status.status button{margin-left:0;margin-right:6rem} .content-header.view-pr-pack-header .que-o-status.status{top:4px;position:relative;padding-right:0;padding-left:0;margin-left:8px} .content-header.view-pr-pack-header{right:25px;padding-right:0;padding-left:0} /*.view-practice-package .qb-res-top-btns, .view-test-series .qb-res-top-btns{position:fixed;top:70px;right:25px;z-index:99;}*/ .prac-pack-header{} .swal2-popup .swal2-styled.swal2-confirm ,.swal2-popup .swal2-styled.swal2-cancel{border:0 !important;border-radius:3px;background:initial;background-color:#38b387 !important;color:#fff;font-size:12px;margin:0 5px;} .swal2-popup .swal2-styled:focus{box-shadow:none !important;} .swal2-popup .swal2-styled.swal2-cancel{background-color:#aaa !important} .form-inline .input-group{width:100%} .valid-status.text-center span.expired-course{color:#f00;font-size:14px;} .user-box .lecturship-titles{background:var(--btn-primary);padding:9px 15px;color:#fff;font-size:14px;} /*=========================Start collapse-filter.small-width-filter===================================*/ body.slide-filter #collapse-filter.small-width-filter{width:350px;overflow:inherit;} body.slide-filter #collapse-filter.small-width-filter .reset-btn{right:0;top:0;margin:0;float:right;background-color:transparent !important;padding:0 !important;min-width:initial;position:relative;align-items:center;border-radius:4px;border:none;cursor:pointer;display:inline-flex;padding:0 1.2rem;justify-content:center;user-select:none;vertical-align:bottom;white-space:nowrap;text-transform:capitalize;font-weight:500} body.slide-filter #collapse-filter.small-width-filter .reset-btn:focus,body.slide-filter #collapse-filter.small-width-filter .reset-btn:hover{outline:none;background:none} body.slide-filter #collapse-filter.small-width-filter .box-top .map-test-button.right-btn.view-pack-map{top:20px !important;right:100% !important;position:absolute;margin:0 15px} body.slide-filter #collapse-filter.small-width-filter .map-test-button.view-pack-map button span{background:#fff;border:0;box-shadow:0 2px 4px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.08);color:var(--btn-primary);padding:17px;border-radius:50%;font-size:16px;display:inline-block;} /*body.slide-filter #collapse-filter.small-width-filter .box-body{padding-top: 65px}*/ #collapse-filter.small-width-filter .box-content .box-footer .pull-left{float:none !important} #collapse-filter.small-width-filter .box-content .box-footer .pull-left .search-btn{width:100%;display:inline-block;padding:8px 25px;margin:0} .small-width-filter .custom-checkbox{} .small-width-filter label.check, .nav-tabs-custom > .tab-content label.check,.box-gray .custom-checkbox label{position:relative;padding-left:24px !important;margin:0!important;display:block;clear: both} .small-width-filter label.check{margin:10px 0!important} .nav-tabs-custom > .tab-content .small-width-filter label.check,.box-gray .custom-checkbox label.check{margin:13px 0 !important;} .small-width-filter .check-btn,.check .check-btn,.box-gray .custom-checkbox .check .check-btn{position:absolute;left:0;top:1px;} .small-width-filter .check-btn input,.check .check-btn input,.box-gray .custom-checkbox .check .check-btn input{left:0;top:0;margin:0;} .small-width-filter .check-btn input:checked ~ .checkmark, .check .check-btn input:checked ~ .checkmark{background-color:var(--btn-primary);border-color:var(--btn-primary)} .small-width-filter .checkmark,.check .checkmark{border-radius:3px;top:0;left:0;width:16px;height:16px;border:1px solid var(--btn-primary);} .small-width-filter .check-btn .checkmark:after, .check .check-btn .checkmark:after{left: 5px;top: 1px;width: 4px; height: 9px;border:solid #73AD21;border-width:0 1px 1px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .small-width-filter .multi-check input:checked ~ .checkmark:after, .small-width-filter .check-btn input:checked ~ .checkmark:after, .multi-check input:checked ~ .check-btn .checkmark:after, .check-btn input:checked ~ .checkmark:after{display:block;border-color:#fff;} #collapse-filter.small-width-filter .panel{cursor:pointer;margin:0;border:none;box-shadow:none;border-bottom:1px solid #f2f2f2;border-radius:0} #collapse-filter.small-width-filter .panel .panel-coll{padding:20px 0} #collapse-filter.small-width-filter .panel .panel-coll:before{font-family:'Glyphicons Halflings';content:"\e114";float:right;transition:all 0.5s;position:relative;top:0;color:#767676;right:10px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);} #collapse-filter.small-width-filter .panel .panel-coll.collapsed:before{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);} #collapse-filter.small-width-filter .panel .panel-coll h3{margin:0;font-size:15px} #collapse-filter.small-width-filter fieldset{padding:0 0 20px;} #collapse-filter.small-width-filter .filter-search,#collapse-filter.small-width-filter .category-filter-search{margin: 0 -20px;border-bottom: 1px solid var(--btn-primary);padding: 10px 20px 15px;display: flex; align-items: center} #collapse-filter.small-width-filter .category-filter-search{margin:0 0 20px} #collapse-filter.small-width-filter .filter-search .ti-search,#collapse-filter.small-width-filter .category-filter-search .ti-search{color: var(--btn-primary);margin: 0 10px 0 0} #collapse-filter.small-width-filter .filterSearchBox{border: none;width: 100%} /*==========================End collapse-filter.small-width-filter===============================*/ .screen-online-package .dropdown a i.fa.fa-angle-down,.screen-online-package .download-export .dropdown a i.fa.fa-angle-up{color:#fff;float:right;margin: 6px 0 0 10px !important; position: relative !important; right: 0 !important;} /*For Thinkfic code Curriculum*/ /*.view-learn-course.content{padding:15px 0 0} .view-learn-course.content .tab-content.package{padding-top:0}*/ .button--primary{background:var(--btn-primary);color: #fff} .button--primary:hover{background: var(--btn-secondary)} /*.view-learn-course.content .tab-content.package .qb-res-top-btns{display: none;}*/ .view-learn-course #tab_2 .question-list{height:calc(100vh - 115px);} .view-learn-course #tab_2 #Mapeedtab_1 .question-list{ height: calc(100vh - 308px);} .course-editor{display:flex;/*position:absolute;*/top:0;bottom:0;right:0;left:0;flex-direction:column;-webkit-overflow-scrolling:touch;background:#fff;/*border-top:1px solid #CACCD6;*/margin:0 ;padding:0;flex-direction:column;font-size:13px} .builder-workspace{display:flex;position:relative;flex-grow:1;/*height:calc(100% - 113px);*/-webkit-overflow-scrolling:auto} .course-tree{z-index:1;position:relative;/*border-right:1px solid #CACCD6;width:420px;min-width:420px;height:100%;padding:20px 0 0 0;*//*overflow-y:auto;*/transition-property:width;transition-duration:200ms;transition-timing-function:cubic-bezier(0.17,.67,.83,.67);width:100%/*;height: 82vh; padding-bottom: 11vh;*/} /*.list-view__chapters.content__sections--padding{margin:0 20px;}*/ .course-tree-actions{ width: 350px; display: block; margin: 0 auto;} .footer-list{ display: flex; align-items: center; padding:30px 0; width: 100%; transition-property: width; transition-duration: 200ms; transition-timing-function: ease; z-index: 2703; width: 100%; /* position: fixed; left: 0; bottom: 20px;*/ text-align: center;} .add-chapter-container{display:flex;width:100%;transition-duration:200ms;transition-property:width;transition-timing-function:ease} .button-primary{background-color:var(--btn-primary);color:#fff} .button-primary{display:inline-flex;position:relative;align-items:center;justify-content:center;padding:7px 15px;border:1px solid transparent;border-radius:4px;outline:none;font-size:13.5px;text-decoration:none;cursor:pointer} .button-primary:hover{background: var(--btn-secondary)} ul,li{list-style:none;} .chapter-container{border-radius:4px;background-color:#fff;box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);padding:0;margin:5px 0} li.curriculum-chapter{margin-bottom:20px} li.curriculum-chapter .panel-body{padding:0} .chapter-contents__items{border-top: 1px solid #f4f4f4;} .chapter-container__footer { /* display: flex; flex-wrap: wrap; justify-content: space-between;*/ padding:10px 24px 20px; } .chapter-container__footer button{margin-right:10px} .chapter-container__footer button.btn-third{background: var(--btn-third-bg); border-color:var(--btn-third-border-color);color:var(--btn-third-color)} .chapter-container__footer button.btn-third:hover{background: var(--btn-fourth-bg)} .chapter-container__footer button.btn-fourth{background: var(--btn-fourth-bg); border-color:var(--btn-fourth-border-color);color:var(--btn-fourth-color)} .chapter-container__footer button.btn-fourth:hover{background: var(--btn-third-bg)} .chapter-delete-content__btn { margin: 0 auto 0; display: block } .chapter-container__footer button{vertical-align: top} .chapter-container__footer .toga-icon{font-size:25px;cursor: pointer;} /*.chapter-content-types__item:hover { background: #fff7cf; border-radius: 3px; }*/ .chapter-content-types__link { display: block; position: relative; width: 100%; padding: 10px; border-radius: 4px; outline: 0; font-size: 10px; text-align: center; text-decoration: none;color: var(--btn-primary); } .chapter-content-types__item { display: inline-block; width: 22%; margin: 5px 1.2%;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);border-radius:5px; }/*.chapter-content-types__link i { font-size: 20px;margin-bottom:5px }*/ .chapter-content-types span.or-lesson{ width: 100%; text-align: center; margin: 20px 0 0; display: block;font-weight:600} .chapter-content-types__label{font-size:12px;margin-top:10px;} .chapter-content-types__link i { font-size: 20px; margin-bottom: 0; } .chapter-container__footer button span:before{margin-right:7px} .non-grow-tmnt-2 .chapter-container__header, .non-grow-tmnt-2 .chapter-container__new{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;padding:10px 16px;cursor: pointer;} .non-grow-tmnt-2 .chapter-container__header{padding-left:0;padding-right:24px} .non-grow-tmnt-2 .chapter-container__header .chapter__handle i,.non-grow-tmnt-2 .chapter-container__new .chapter__handle i{font-size:24px;} .non-grow-tmnt-2 .chapter-container__header .chapter__handle, .non-grow-tmnt-2 .chapter-container__new .chapter__handle{width:20px;height:24px;} .non-grow-tmnt-2 .chapter__name-container{display:flex;justify-content:space-between;align-items:center;flex:1;} .non-grow-tmnt-2 .chapter__name{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;max-width:275px;padding:0;margin:0;overflow-wrap:break-word;font-size: 15px} .non-grow-tmnt-2 .chapter__toggle-container, .non-grow-tmnt-2 .chapter__lessonCount-container{display:flex;align-items: center;} .non-grow-tmnt-2 .chapter__lessonCount-container{color: #211f1f} .non-grow-tmnt-2 .chapter__toggle{cursor:pointer;-webkit-box-flex:0;-moz-box-flex:0;box-flex:0;-webkit-flex:0 0 auto;-moz-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:flex;align-items:center;justify-content:center;margin-left:3px;font-size:24px;text-align:center;} .sort-handle{/*cursor:move;*/opacity: 0;margin:0 5px} .non-grow-tmnt-2 .chapter-container__header:hover .sort-handle{cursor: move;opacity: 1} .table tr td .sort-handle{margin-right:0} table .chapter__handle i{font-size: 24px} .course-edit{width:100%;height:100%;/*overflow:auto;padding:0 20px*/} .wrap-edit{display:flex;width:100%;height:100%;padding:0;background-color:#fff;} .admin-build-section{/*padding:0 40px;*/width:100%} .empty-state{max-width:600px;padding:72px 16px 40px;text-align:center;margin:0 auto;} .empty-state .button--primary{display: block;margin:20px auto 0;clear: both;padding: 0 30px} .empty-state__title{padding-top:16px;padding-bottom:24px;color:#36394d;font-size:28px;line-height:30px;font-weight:400;} /*.chapter-container__header .toga-icon-caret-stroke-down:before { content: "\f116"; } .chapter-container__header.collapsed .toga-icon-caret-stroke-down:before { content: "\f113"; }*/.mobile--show{display:none;} .empty-state__icon{font-size:54px;} @media (min-width:1265px){ .container, .container-lg, .container-md, .container-sm{max-width:960px;width:100%;padding-right:16px;padding-left:16px;margin-right:auto;margin-left:auto;} .tip-description{padding:50px 20px;font-weight:500} .empty-state__icon{font-size:54px;} } @media (min-width:768px){ .container { width: 750px; } } @media (min-width:664px){ .content__sections{width:100%;margin:0 auto} } .builder__header{font-size:18px;font-weight:600;letter-spacing:0;line-height:32px;display:block;max-width:640px;overflow-wrap:break-word} .action-buttons__container .button{margin-left:8px;vertical-align: top} .button--secondary{background: none; color: var(--btn-secondary); border: 1px solid var(--btn-secondary); padding: 7px 15px; border-radius: 3px;} @media (min-width:664px){ .section{width:100%;} } @media (min-width:952px){ .section{padding:24px 24px 32px;} } .section{display:inline-block;border-radius:4px;background-color:#f2f3f5;box-shadow:0 2px 2px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.06);position:relative;padding:25px;min-width:304px;margin-right:auto;margin-bottom:0;margin-left:auto;} .button-block{ width: 100%; padding: 14px; font-size: 14px;} .form-row{margin:0 -15px;} .builder__save-bar{margin-bottom:25px} .section label{margin:0 0 8px 0 !important;padding:0 !important;display:inline-block !important;} .section .form-control{height: 40px; padding: 8px 12px; border-color: #caccd6; color: #36394d; font-size: 15px;} .course-edit .section ::-webkit-input-placeholder, .course-edit .section ::-ms-input-placeholder, .course-edit .section ::placeholder{font-size: 15px} .course-edit .ember-view .button--knockout { background-color: transparent; color: var(--btn-primary); border:none; } .course-edit .ember-view .button--knockout:hover{border:1px solid var(--btn-primary);border-radius:5px} .course-edit .ember-view .button--icon-only { width: 40px; height: 40px; padding: 0; } .course-edit .ember-view .button--icon-only .toga-icon{font-size:23px} .course-edit .ember-view .button.pressed,.ember-view .button:active { outline: none; } .course-edit .action-buttons__container .ember-view .button:focus, .course-edit .action-buttons__container .ember-view .button:hover{ margin-left: 8px;color: var(--btn-primary); border-color: var(--btn-primary); background-color: #fff; } /*.course-edit .ember-view{display: inline-flex;}*/ .course-edit .action-buttons__container ul.dropdown-menu{ min-width: 115px;right: 0;left: auto;margin-top: 10px;box-shadow: 0 2px 1px -1px rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.141), 0 1px 3px 0 rgba(0,0,0,0.122);-webkit-border-radius: 4px;border-radius: 4px;max-width: 280px!important;padding: 5px 0!important} .course-edit .action-buttons__container ul.dropdown-menu li {padding: 0;box-shadow: none;margin: 0} .course-edit .action-buttons__container ul.dropdown-menu li:hover{background:#f2f3f5} .course-edit .action-buttons__container ul.dropdown-menu li button{background: none; box-shadow: none;padding: 6px 12px;margin: 0;color: #000;border:none;display: inline-block;width: 100%;text-align: left;font-weight:500;font-size:12px} .mt-2, .my-2 { margin-top: .5rem!important; }.mb-2, .my-2 { margin-bottom: .5rem!important; }.pt-1, .py-1 { padding-top: .25rem!important; } .pb-1, .py-1 { padding-bottom: .25rem!important; } .mt-sm-0, .my-sm-0 { margin-top: 0!important; }.chapter-content-types { margin-top: -20px; } /*.button-primary:not([disabled]).focused, .button-primary:not([disabled]).hovered, .button-primary:not([disabled]):focus, .button-primary:not([disabled]):hover ,.button-primary:hover,.button-primary:focus{ background-color: var(--btn-primary); color: #fff; } .button--secondary:not([disabled]).focused, .button--secondary:not([disabled]).hovered, .button--secondary:not([disabled]):focus, .button--secondary:not([disabled]):hover { border-color: var(--btn-primary); background: #eceffb; color: var(--btn-primary);}*/ .chapter__draft{font-style: italic;} .curriculum-content { background: #fff; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; padding: 16px 16px 16px 4px; border: 1px solid #CACCD6; border-radius: 4px; cursor: pointer; } .curriculum-content .curriculum-content__name { -webkit-align-self: stretch; -moz-align-self: stretch; align-self: stretch; -ms-flex-item-align: stretch; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; word-break: break-word; } .curriculum-content__label { min-height: 24px;} .curriculum-content .content-handle, .curriculum-content .curriculum-content__icon { -webkit-align-self: stretch; -moz-align-self: stretch; align-self: stretch; -ms-flex-item-align: stretch; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; word-break: break-word; } .curriculum-content .content-handle { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 5px; } .curriculum-content .content-handle .toga-icon { cursor: all-scroll; } .curriculum-content i { font-size: 24px; } .filename { display: flex; align-items: center; min-width: 0; } .flex-grow-1 { flex-grow: 1!important; } .curriculum-content__label-wrapper { overflow-wrap: break-word; position: relative; } .filename__base { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .w-100 { width: 100%; } .flex-shrink-0 { flex-shrink: 0!important; } .align-items-center { align-items: center!important; } .d-flex { display: flex!important; } .chapter-contents__container{padding-top:10px} .course-content--grow { width: 100%; max-width: 990px!important;display: inline-block; } /*Sub section*/ #accordion1{padding:0 24px} #accordion1 .chapter-container{background:#f5f5f5} .non-grow-tmnt-2 #accordion1 .chapter__name{font-size:13px} .non-grow-tmnt-2 #accordion1 .chapter__lessonCount-container{color: #8d8b8b;} /*Test Module new section*/ .view-test.custom-radio p [type="radio"]:not(:checked) + label{cursor: inherit;} .section-wise,.total-time{width:500px} .sub-section-test{border: 1px solid #f5f5f5;display: inline-block;background: #fff;border-radius: 8px; margin:5px 0;padding: 20px 20px 5px 20px;width:100%;position: relative;} .sub-section-test .seperate-subject .form-group input{width:385px !important} .sub-section-test .seperate-subject{width:100%} .section-wise .table{margin-bottom:0} .section-wise .table>tbody>tr>td,.duration-time-limit .table>tbody>tr>td,.sub-section-wise table td,.section-wise table td {padding: 3px 8px 3px 0 !important;border: none;} .section-wise .table>tbody>tr>td input {text-align: center;} .total-time.table>tbody>tr>td input{background: var(--btn-primary);color: #fff;border-color:var(--btn-primary)} .section-wise table tr.sub-section-wise>td:nth-child(1) {padding-left: 24px !important} .section-wise table>tbody>tr>td strong,.table td.text-center strong{font-weight:600} .view-test .section-wise .q-view{ padding: 6px 10px; min-height: 30px;border-radius:3px} .table td.text-center input{text-align: center;} .duration-time-limit .table{margin-bottom: 0} .duration-time-limit .table>tbody>tr>td{border: none;} .btn-toggle.btn-lg.publish{margin:0;background:#ddddde !important} .btn-toggle.btn-lg.active.publish { transition: background-color 0.25s; background: #36d447 !important; } .btn-toggle.btn-lg.publish:before { content: 'Unpublished';} .btn-toggle.btn-lg.publish.active:before { content: "Published";} .btn-toggle.btn-lg.publish:before, .btn-toggle.btn-lg.publish:after{font-weight: 500;letter-spacing: inherit;} .chapter-contents__container .toggle{margin: 0} .chapter-contents__container table i.toga-icon,table td i.toga-icon { font-size: 20px; vertical-align: middle; margin-right: 0; color: #333; } /*Questions tab*/ .start-question-boxes ul,.result-generation ul.resultparent{text-align: center;} .start-question-boxes ul li,.result-generation ul.resultparent li{border: 1px solid #eee; background: #FFFFFF;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); padding: 20px 35px;width: 28%;display: inline-block;margin: 2.5%; border-radius: 5px;min-height: 224px;vertical-align: top;} .start-question-boxes ul li:hover,.result-generation ul.resultparent li:hover {border-color: var(--btn-primary);} .start-question-boxes ul li button,.result-generation ul.resultparent li button {border: none;border: 1px solid var(--btn-primary); padding: 10px 15px;margin: 10px auto 20px;border-radius: 5px;color: var(--btn-primary);display: block;width: 100%;font-weight: 500; background: none} .start-question-boxes ul li button:hover, .start-question-boxes ul li:hover button, .result-generation ul.resultparent li button:hover, .result-generation ul.resultparent li:hover button{background: var(--btn-primary);color: #fff} .start-question-boxes ul li p,.result-generation ul.resultparent li p{margin:0;line-height: 22px} .result-generation ul.resultparent li{width: 80%;padding: 40px 35px;margin:0 1% 25px;} .result-generation ul.resultparent li span{font-weight: 600;margin: 0 0 15px 0;display: block;font-size: 18px;} .result-generation ul.resultparent li p{margin: 30px 5px;} .result-generation ul.resultparent li button {margin-bottom: 0;font-size: 15px;} .result-generation ul.resultparent li p strong{color:var(--btn-primary)} #addLessonPopup .modal-body{border-top-right-radius: 5px;border-top-left-radius: 5px;padding-top:80px} .choose-library .chapter-content-types__item{width:100%;box-shadow: none} .choose-library .chapter-content-types__label{display: inline-block; background: #bbb; padding: 10px 30px; border-radius: 5px; color: #fff; } .chapter-content-types__items{text-align: center;} #addLessonPopup .chapter-content-types__link{color: #333} .addLesson.modal .modal-header {background: #fff; border: none; color: var(--btn-primary); padding-bottom: 0; padding-top: 25px; } .addLesson.modal .modal-header h4{ color: var(--btn-primary); text-align: center;} .plan-toggle { background: #3a403a; float: left; position: fixed; right: 0; top: 104px; /* border-left: 1px solid #696969; */ transition: all 0.5s ease; z-index: 9; width: 39px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .plan-toggle li{border-bottom:1px solid #595757} .plan-toggle li .btn{ background: none; color: #2dbda6;padding:7px 13px !important} .plan-toggle li:last-child{border:none;} /*.plan-toggle.multiSelectToggle{right:0}*/ .table tr th .check label.check-btn, .table tr td .check label.check-btn { text-align: center; margin: 0 auto; display: block; left: 50%; top: 35%; } /*Course template module*/ .course-templates .button--icon-only { padding: 0; } .course-templates .button--knockout { background-color: transparent; color: var(--btn-primary); border: none;position: relative;top:5px; } .course-templates .menu-status{overflow: inherit;} .course-templates .toga-icon{font-size: 25px} .bottom-actions .btn-primary, .bottom-actions .btn-primary:focus{ padding: 6px 10px; border: 1px solid var(--btn-primary); border-radius: 5px; background: #fff; color: var(--btn-primary); font-size: 13px;} .bottom-actions .btn-primary:hover{background: var(--btn-secondary);color:#fff; border-color: var(--btn-secondary)} .bottom-actions .btn-primary:focus{border-color: var(--btn-primary) } .course-templates .menu-status li{margin:12px 0 14px;} .course-templates .menu-status li,.course-templates .menu-status li span, .questions-group .menu-status li,.questions-group .menu-status li span{font-weight: 500;font-size:13px} .action-buttons__container ul.dropdown-menu { min-width: 115px; right: 0;left: auto; margin-top: 10px; box-shadow: 0 2px 1px -1px rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.141), 0 1px 3px 0 rgba(0,0,0,0.122); -webkit-border-radius: 4px; border-radius: 4px; max-width: 280px!important; padding: 5px 0!important; } .action-buttons__container ul.dropdown-menu li { padding: 0;box-shadow: none; margin: 0; } .action-buttons__container ul.dropdown-menu li:hover { background: #f2f3f5; } .action-buttons__container ul.dropdown-menu li button { background: none; box-shadow: none; padding: 6px 12px; margin: 0; color: #000; border: none; display: inline-block; width: 100%; text-align: left; font-weight: 500; font-size: 12px; } .wrap-long-text { text-transform: capitalize; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } .courese-test-view{overflow: auto;margin: 0;padding: 0;} .courese-test-view table{margin:0;} #template-group-details-modal.modal .modal-body p{padding: 0;margin:0;text-align:left;} .nya-bs-select .btn.btn-default.bs-select-all,.nya-bs-select .btn.btn-default.bs-deselect-all {font-size: 11px} /*For footer content*/ .content{min-height:430px} .comming-soon{padding-top: 0;height: 72vh;align-items: center;justify-content: center;display: flex;} .footer-for-sujok{border-top:1px solid #f0f0f0;padding:20px 15px;text-align: center;text-align: center; background: #ffffff70;margin: 50px 52px 0 52px;display: block;} .footer-for-sujok p span{margin:0 15px 0 0} .footer-for-sujok p {margin: 4px 0;display: inline-block;width: 100%;line-height:22px;font-weight: 500} fieldset .footer-for-sujok,.login-container .footer-for-sujok{margin: 30px 0 0 0;width: 100%;} @media (max-width: 1366px){ .footer-for-sujok p{font-size:13px} } @media (max-width: 768px){ .footer-for-sujok p span:nth-child(3) {display: block;margin: 6px 5px 0} .footer-for-sujok{margin:50px 0 0 0;} } @media (max-width: 640px){ fieldset .footer-for-sujok{margin:30px -6% 0 -6%;width:112%} } @media (max-width: 420px){ fieldset .footer-for-sujok{background:#ffffffa3} .footer-for-sujok p span:nth-child(3) {display: block;margin: 6px 5px 0} .footer-for-sujok p span{display: block;margin:5px;} } /*End For footer content*/ .table tr.isError td, .responsiveListing-table .responsive-table-listing li.isError {background: #ffdbdb} .some-page-wrapper{margin:0 0 15px 0;} .some-page-wrapper:last-child{margin-bottom:0} .some-page-wrapper .row {display: flex;flex-direction: row;flex-wrap: wrap;width: 100%;margin:0} .some-page-wrapper .column {display: flex;flex-direction: column;flex-basis: 100%;flex: 1; flex: 0 0 auto;margin:3px 10px 3px 0;justify-content: center;} .some-page-wrapper .column strong{font-weight:500} .some-page-wrapper .double-column {display: flex;flex-direction: column;flex-basis: 100%; flex: 2} .some-page-wrapper .column:nth-child(1) div, .some-page-wrapper .sub-section-div .column:nth-child(1) div {width: 180px} .some-page-wrapper .sub-section-div .column:nth-child(1) div{padding-left:20px} .some-page-wrapper .column input,.some-page-wrapper .column .q-view{width:91px} .testtype-icon{display: flex;align-items: flex-start;} .testtype-icon span {margin-left: auto;align-items: flex-start;} .filter-body .col-md-12 p { font-weight: 500; color: var(--btn-primary); font-size: 15px; border-bottom: 1px solid #f4f4f4; padding-bottom: 7px; } .filter-body .col-md-12 p.search-criteria{ margin: 20px 0 10px;} .releaseNote-info-modal .modal-dialog{width: 800px} .releaseNote-info-modal ul li{line-height: 22px;margin-bottom: 10px;font-weight: 500} .releaseNote-info-modal ul li span{font-weight: 700;text-decoration: underline;} .releaseNote-info-modal .modal-body{height: 380px;overflow: auto;} .releaseNote-info-modal .modal-footer{padding:30px} .releaseNote-info-modal .best{margin: 15px 0 15px 0;font-size: 20px;font-weight: 600;} .releaseNote-info-modal .modal-body p{text-align:left;color: var(--btn-primary)} .releaseNote-info-modal .modal-footer .terms-condition{text-align: left;} .releaseNote-info-modal .modal-footer .terms-condition input[type="checkbox"]{position: relative; top: 1px;margin-right: 5px;} .back-event-btn .btn.btn-default{ background: none; color: var(--btn-primary); padding: 10px 0 !important; width: auto !important; min-width: auto;} { margin-right: 6px; border: 1px solid #4bb59a; padding: 3px; border-radius: 50px; color: #4bb59a; font-size: 10px; font-weight: 600; position: relative; top: -1px; display: inline-block;} .back-event-btn .btn.btn-default .ti-arrow-left{margin-right: 6px; border: 1px solid #4bb59a; padding: 3px; border-radius: 50px; color: #4bb59a; font-size: 10px; font-weight: 600; position: relative; top: -1px; display: inline-block;} .small-info{font-size: 11px;color: #a4a9a9;} .local-country-prices .list-local,.sub-section-test .local-country-prices .list-local{display: inline-block;margin-right:10px;vertical-align: top} .local-country-prices .list-local:nth-child(1), .sub-section-test .local-country-prices .list-local:nth-child(1){width:190px} .sub-section-test .local-country-prices .list-local:nth-child(1){width: 168px} .local-country-prices .list-local:nth-child(2), .sub-section-test .local-country-prices .list-local:nth-child(2){width:190px} .sub-section-test .local-country-prices .list-local:nth-child(2){width:168px} .local-country-prices .list-local:nth-child(3){width:100px} .local-country-prices .list-local:nth-child(4){width:145px} .local-country-prices .list-local:nth-child(5){width:100px} .local-country-prices .list-local:nth-child(6){width:100px;position: relative;} .local-country-prices .list-local .negative-info{right:5px} .local-country-prices .list-local:nth-child(7){width:50px} .local-country-prices .list-local .allow-optional, .sub-section-test .local-country-prices .list-local .allow-optional{margin-top:5px} .local-country-prices .list-local .allow-optional input, .sub-section-test .local-country-prices .list-local .allow-optional input{position: relative;top:2px;} /*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;font-weight: bold;color: #020202} h3.cursive {font-family: 'Bickham Script Pro';color: #090700;font-weight: 600} .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%;} .pm-certificate-container {position: relative;width: 815px;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 {font-size:30px;font-weight:inherit;line-height:50px} .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;height: 300px;} .default-template {display: flex;justify-content: space-between;padding: 15px;align-items: center;} .default-left span {display: block;height: 40px} .default-right button {margin-left:5px;background-color: #14b59c;color: #fff;display: inline-block;border: none;padding: 5px 15px;border-radius: 5px;font-weight: 500;} .template-preview-cer img{border-top-right-radius: 5px;border-top-left-radius: 5px} @font-face { font-family: 'Optimum'; src: url('https://future.mstitute.com/test/build/fonts/Optimum-Roman.eot'); src: local('https://future.mstitute.com/test/build/fonts/Optimum Roman'), local('Optimum-Roman'), url('https://future.mstitute.com/test/build/fonts/Optimum-Roman.eot?#iefix') format('embedded-opentype'), url('https://future.mstitute.com/test/build/fonts/Optimum-Roman.woff2') format('woff2'), url('https://future.mstitute.com/test/build/fonts/Optimum-Roman.woff') format('woff'), url('https://future.mstitute.com/test/build/fonts/Optimum-Roman.ttf') format('truetype'), url('https://future.mstitute.com/test/build/fonts/Optimum-Roman.svg#Optimum-Roman') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @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; } /*style for overall sectionwise result tab*/ .results-report .test-inner .text-report-box #SOverallSectionResult .overall-student-result div{background:#fff !important;font-weight:600;padding:15px 10px !important;width:15.9%;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} .results-report .test-inner .text-report-box #SOverallSectionResult .overall-student-result div span{top:3px;display:block;} .results-report .test-inner .text-report-box #SOverallSectionResult .overall-student-result div:nth-child(2),.results-report .test-inner .text-report-box #SOverallSectionResult .overall-student-result div:nth-child(5){margin:0 0.2%;} .results-report #SOverallSectionResult .table tr td{padding:10px 8px !important} /* course certificate tab */ .disabledtab { pointer-events:none; opacity:0.6; } .issue-status { padding: 2px 15px; color: #fff; display: block; min-width: 90px; font-size: 12px; border: none; cursor: initial; border-radius: 3px; } .issue-status.not-issued { background: #ff6000; } .issue-status.issued { background: #17db89; } .issue-status.canceled { background: #cf142b; } .screen-online-package .dropdown a i.fa.fa-angle-down, .screen-online-package .download-export .dropdown a i.fa.fa-angle-up { color: #fff !important; margin: 2px 0 0 10px !important; } /*.left-limiter-login{background: linear-gradient(225deg, #00008D -20.66%, #25B6E1 99.1%)} .login button{background:#26B7E1} .login button:hover{background: #09aadf} .login-icon img{height:60px;margin-top:-125px}*/ @import url('https://fonts.googleapis.com/css?family=Open+Sans|Pinyon+Script|Rochester'); body { top: 0 !important } /*Start Login*/ .error-msg { margin-top: 0.5vw; } input::placeholder, textarea::placeholder, .nya-bs-select .dropdown-toggle.show-special-title .special-title { color: #929292 } .sujok-page-container .btn.btn-sky, .sujok-page-container .btn.btn-primary, .sujok-page-container .btn.btn-default, .sujok-page-container .btn.btn-success { font-size: 0.9vw } .sujok-page-container, .forgot-password { background: url(../images/sujok-images/banner1.png) no-repeat 0 bottom; font-family: 'Roboto'!important; background-size: cover; background-attachment: fixed; font-size: 0.9vw; } .sujok-page-container .main-container { width: 100%; min-height: 100vh; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .sujok-page-container .sujok-login-main, .step1 .sujok-register-main, .step2 .sujok-register-main, .step3 .sujok-register-main { background-color: #ffffffc9; width: 30.2vw; margin: 0 auto; border-radius: 3vw; padding: 2.5vw 4vw; border: 0.1px solid #979797 } .sujok-page-container h1.sign { color: #3d3d3d; font-size: 2vw; margin: 0; font-family: 'Roboto'!important; font-weight: bold } .sujok-page-container .sujok-logo { position: fixed; left: 5.8vw; top: 2vw; } .sujok-page-container .sujok-logo img { height: 9.05vw; margin: 0 0 1vw 0; } .sujok-page-container form.form.login-form { padding-top: 2.5vw; } .sujok-page-container .pass, .un { padding: .5vw 1vw; height: 2.6vw; font-size: 0.9vw; border-radius: .4vw; box-sizing: border-box; line-height: 1.4vw !important; background: #F1F1F1; border: .1vw solid #EBEBEB; width: 100%; color: #3D3D3D !important; outline: none; } .sujok-page-container .form-group { margin-bottom: 1.5vw } .sujok-page-container .step2 .form-group, .sujok-page-container .step3 .form-group { margin-bottom: 1.1vw } .sujok-page-container .step3 textarea.un { height: 4.6vw } .sujok-page-container .form label { line-height: 1.5vw; color: #646464; font-weight: normal; margin-bottom: .4vw; font-size: 0.9vw } .sujok-page-container .form .step1-input label { margin-bottom: 0 } .sujok-page-container .remember-forgot { display: inline-block; width: 100%; margin-bottom: 1.8vw; } .sujok-page-container .remember-me { position: relative; float: left; } .sujok-page-container .remember-me input { position: absolute; border-radius: .2vw; background: #fff; left: 0; top: .5vw; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: 0; vertical-align: top; width: 0.9vw; height: 0.9vw; } .sujok-page-container .remember-me label { font-size: 0.9vw; color: #646464; line-height: 1.2; display: inline-block; position: relative; padding-left: 1.5vw; cursor: pointer; } .sujok-page-container .submit, .next-btn { border: none; cursor: pointer; border-radius: 5em; color: #fff; font-size: 1.1vw; background: #CACACA; border-radius: .4vw; width: 100%; display: inline-block; text-align: center; padding: 0.5vw 1vw; margin-bottom: 1.1vw } .sujok-page-container .submit:hover, .next-btn:hover { background: var(--btn-primary); color: #fff } .sujok-page-container .forgot { float: right; } .sujok-page-container .forgot a { font-size: 0.9vw; color: var(--btn-primary); line-height: 1.2; display: block; position: relative; padding-left: 1.8vw; cursor: pointer; } .sujok-page-container .or { border-bottom: .1vw solid #eee } .sujok-page-container .or span { background: #fff; margin: 0 auto; display: block; width: 4.5vw; text-align: center; position: relative; top: 0.7vw; font-size: 0.9vw; } .sujok-page-container .login-bottom-btns { display: inline-block; width: 100%; margin-top: 2vw; } .sujok-page-container .login-bottom-btns button:first-child { float: left; } .sujok-page-container .login-bottom-btns button:last-child { float: right; } .sujok-page-container .login-bottom-btns button { color: var(--btn-primary); border: .1vw solid var(--btn-primary); border-radius: .4vw; background: none; box-shadow: none; padding: 0.5vw 1vw; width: 10vw; font-weight: normal; font-size: 0.9vw; } .sujok-page-container .login-bottom-btns button:hover, .sujok-page-container .fieldset-btns .next-btn.back-btn:hover { background: var(--btn-primary); color: #fff } .un:focus, .un:hover { background: #8cc64347 !important; border: 0.1vw solid var(--btn-primary) !important; } .blink_me { animation: blinker 1s linear infinite; } @keyframes blinker { 50% { opacity: 0; } } /*End Login*/ /*Start Register*/ /*Start common css*/ .nya-bs-select.btn-group .dropdown-menu.inner { max-height: 125px; padding-bottom: 15px } .nya-bs-select>.clear { font-size: 1.4vw; right: 2vw; padding: .1vw; } .success-msg { margin-top: 0.5vw } .register-outer-box { width: 100%; /*background: #fff;overflow: hidden;*/ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .left-register-box { width: 33vw; min-height: 100vh; display: block; background: initial/*linear-gradient(150.05deg, var(--btn-primary) 0%, #089583 116.69%)*/ ; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .right-register-box { width: calc(100vw - 33vw); position: relative; z-index: 1; } .step1 .sujok-register-main, .step2 .sujok-register-main, .step3 .sujok-register-main, .step4 .sujok-register-main { background-color: initial; width: initial; margin: 0 auto; border-radius: 0.5vw; padding: 0 22vw 2.5vw 22vw; border: none } .fieldset-btns .next-btn { float: right; width: 46% } .fieldset-btns .next-btn.back-btn { float: left; background: #E9E9E9; color: #3D3D3D; } input[type="text"]::placeholder { font-size: 0.9vw; line-height: 1vw; color: #929292; } .fieldset-btns { display: inline-block; width: 100%; text-align: center; } .fieldset-btns .next-btn.back-btn, .fieldset-btns .next-btn { display: inline-block; } .step3 .fieldset-btns .next-btn.back-btn, .step3 .fieldset-btns .next-btn, .step4 .fieldset-btns .next-btn.back-btn, .step4 .fieldset-btns .next-btn, .step5 .fieldset-btns .next-btn.back-btn, .step5 .fieldset-btns .next-btn, .step6 .fieldset-btns .next-btn.back-btn, .step6 .fieldset-btns .next-btn { float: none; width: 12vw; margin: 3.8vw 1% 0; display: inline-block; } .step5 .fieldset-btns .next-btn.back-btn, .step5 .fieldset-btns .next-btn { margin: 0 1% 1vw; } .step4 .fieldset-btns .next-btn.back-btn, .step4 .fieldset-btns .next-btn { margin: 0.8vw 1% 0; } .step3 .fieldset-btns .next-btn.back-btn, .step3 .fieldset-btns .next-btn { margin: 1.5vw 1% 0; } .step2 .register-as, .step3 .register-as, .step4 .register-as { margin-bottom: 3vw; text-align: center; } .copyright { color: #646464; position: fixed; bottom: 0.5vw; right: 0; width: 27vw; font-weight: 300; font-size: 0.95vw; line-height: 1.1vw; text-align: center; } .copyright p { margin: 0; } .copyright p a { color: #646464; border-left: .1vw solid #646464; padding-left: 0.8vw; margin-left: 0.5vw } .copyright p a:hover { text-decoration: underline; } .step-progress-status { margin-top: 0.5vw } .step-progress-status, .register-as { font-size: 1.1vw; line-height: 1.2vw; color: #3D3D3D; } .next-btn { background: var(--btn-primary); margin: 2vw 0 0 0; font-weight: 500 } .text-center { text-align: center; } fieldset .nya-bs-select .btn.btn-default { padding: 0 !important; background: none !important; border: none !important; height: auto; line-height: inherit; } fieldset .nya-bs-select .btn.btn-default .caret { right: 0; margin: 0; font-size: .9vw; border-top: .3vw dashed; border-top: 4px solid\9; border-right: .3vw solid transparent; border-left: .3vw solid transparent; } .sujok-page-container .right-register-box h1.sign { margin: 1.5vw 0; } .register-as { font-weight: bold; margin-bottom: 1vw; display: block; } .nya-bs-select .dropdown-toggle .filter-option, .nya-bs-select .dropdown-toggle.show-special-title .special-title { font-size: 0.95vw; background: initial; } html input[disabled] { opacity: 0.4; cursor: not-allowed; } .dropdown-menu>li>a, .select2-dropdown li { padding: .6vw 1.3vw .6vw .8vw; font-size: 0.95vw; } /*End Common css*/ /*Start Step1*/ fieldset.step1 { background: url(../images/sujok-images/banner-step1.png) no-repeat 0 bottom; background-size: cover; background-attachment: fixed; } .fieldset-icon img { margin: 0 auto 3vw; display: block; width: 3.8vw } .right-register-box input[type="text"], .step1-input { padding: .5vw 1vw; height: 2.6vw; font-size: 0.9vw; border-radius: .4vw; box-sizing: border-box; line-height: 1vw; background: #F1F1F1; border: .1vw solid #EBEBEB; width: 100%; color: #3D3D3D !important; outline: none; margin-bottom: 1.5vw; position: relative } .step1 .step1-input.checked { margin-bottom: 1.5vw } .step1 .step1-input { margin-bottom: 0 } .sujok-page-container .form-group .step1-input:nth-child(2) { margin-bottom: 0 } .sujok-page-container .right-register-box .form label { display: inline-block; width: 100%; margin: 0; line-height: 1.5vw } .step1-input input { position: absolute; right: 1vw; top: 0.7vw; margin: 0; width: 0.9vw; height: 0.9vw } .step1-input.checked, .un:focus, .un:hover { background: var(--btn-primary)47; border-color: var(--btn-primary); } .step1 .inner-form-group { margin-bottom: 0!important } .goog-te-gadget-simple { white-space: nowrap; border: none !important; background-color: #f1f1f1 !important; padding: 0.4vw !important; border-radius: .4vw; color: #fff; font-size: 0.98vw !important } .goog-te-gadget img { border-radius: .4vw; } .goog-te-gadget img.goog-te-gadget-icon { width: 1.4vw; height: 1.4vw; margin: 0 0.2vw; } .skiptranslate iframe { display: none; } /*Start Step2*/ fieldset.step2 { background: url(../images/sujok-images/banner-step2.png) no-repeat 0 bottom; background-size: cover; background-attachment: fixed; } .step2 .next-btn { margin-top: 2vw } .step2 input[type="text"], .step2 input[type="email"] { margin-bottom: 0 } .step2 input[type="text"].country-code { width: 4vw; display: inline-block; padding: .5vw; text-align: center; } .step2 input[type="text"].mob-no, .step2 .request-otp { width: 10vw; display: inline-block; margin-left: .7vw } .step2 .request-otp { width: 7vw; background: var(--btn-primary); border-radius: 1vw; } .step2 .request-otp a { cursor: pointer; font-size: 0.95vw; color: #fff; font-weight: normal; padding: 0.3vw 0.7vw; display: inline-block; } .step2 .nya-bs-select .dropdown-toggle .filter-option, .step2 .nya-bs-select .dropdown-toggle.show-special-title .special-title { font-size: 0.95vw } .step2 .help-text { margin-top: 0 } /*Start Step3*/ fieldset.step3 { background: url(../images/sujok-images/banner-step3.png) no-repeat 0 bottom; background-size: cover; background-attachment: fixed; } .step3 .sujok-register-main { padding: 0 10.5vw 2.5vw !important } .step3 .col-md-6, .step3 .col-md-12 { padding: 0 1.1vw !important } .step3 input[type="text"], .step3 .step1-input { margin-bottom: 0 } .sujok-page-container .step3 .right-register-box h1.sign { margin-bottom: 1.5vw } .date-icon { position: absolute; right: 1.5vw; top: 0.8vw; z-index: 9; border: none; padding: 0; display: inline-block } .date-icon .fa { font-size: 0.9vw } /*Start Step4*/ fieldset.step4 { background: url(../images/sujok-images/banner-step4.png) no-repeat 0 bottom; background-size: cover; background-attachment: fixed; } .sujok-page-container .form .step4 label { font-size: 1.1vw; line-height: 1.2vw; color: #3D3D3D; text-transform: uppercase; } .step4 input[type="checkbox"], .step3 input[type="checkbox"] { margin: 0 0.5vw 0 0; width: 1.1vw; height: 1.1vw; position: relative; top: 2px; opacity: 1 } .step4 .sujok-register-main { padding: 0 12.5vw 2.5vw } .step4 .btn.btn-file { background: #F3F3F3; border: 0.1vw solid #C6C6C6; box-sizing: border-box; border-radius: .4vw; color: #979797; font-size: 0.9vw; text-transform: capitalize; font-weight: normal; padding: 0.5vw 1.2vw !important; } .step4 .btn.btn-file:hover { background: var(--btn-primary); color: #fff; border-color: var(--btn-primary); } .step4 .input-group input[type="text"] { padding: 0; background: none; border: none; height: auto; margin: 0.6vw 1vw; font-style: italic; font-weight: normal; font-size: 0.9vw; line-height: 1.1vw; color: #3D3D3D; } .step4 input[type="text"] { margin-bottom: 0 } .step4 .image-format { font-size: 0.8vw; line-height: 0.9vw; color: #999999; padding: .7vw 0; margin: 0; } .step4 .terms-condition, .step3 .terms-condition { font-size: 0.9vw; line-height: 1.1vw; text-align: left; color: #3D3D3D; } .sujok-page-container .multiple-choose-certificates .form-group { margin: 0.6vw 0; } .sujok-page-container .multiple-choose-certificates .form-group label.upload-label { text-transform: capitalize; } .sujok-page-container .right-register-box .sujok-register-main .col-md-4, .sujok-page-container .right-register-box .sujok-register-main .col-md-8, .sujok-page-container .right-register-box .sujok-register-main .col-md-12 { padding: 0 0.7vw } .step4 a.terms_condition, .step3 a.terms_condition { cursor: pointer; text-decoration: underline; } .step4 .terms-condition#terms-condition .modal-header { padding: 2.2vw 1.2vw 0.3vw } .step4 .terms-condition#terms-condition .modal-header h4.modal-title { color: var(--btn-primary); font-weight: 500; font-size: 1.6vw } .terms-condition#terms-condition .modal-dialog { width: 55vw } .terms-condition#terms-condition .modal-body { padding: 0 3.5vw 1.2vw 3.5vw; text-align: left; line-height: 1.5vw; height: 64vh; overflow-y: scroll; overflow-x: hidden; } .terms-condition#terms-condition .modal-footer { padding: 2vw 0 } .terms-condition#terms-condition .modal-body p { line-height: 1.5vw; text-align: left; font-size: 0.95vw; } .terms-condition#terms-condition .modal-footer button, .terms-condition#terms-condition .modal-footer button.next-btn { border: none; width: 7.5vw; margin-top: 0 } .terms-condition#terms-condition .modal button.close { width: 1.6vw; height: 1.6vw; top: 1.3vw; right: 1.3vw; border-radius: 5vw; line-height: 1vw; } .terms-condition#terms-condition .modal-header { padding: 2.5vw 0 1.5vw } .terms-condition#terms-condition .modal-header .close span { font-size: 1.4vw } .terms-container table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; } .terms-condition button { width: 8vw; border: none; } .terms-container td, .terms-container th { border: 1px solid #dddddd; text-align: left; padding: 8px; } /* font-size: 1.8vw */ /*.terms-container{height:460px; padding-right:10px; overflow-y:scroll;}*/ .terms-container p { text-align: left; line-height: 1.3vw; font-size: 0.95vw; } .terms-container h3, .terms-container h4 { text-align: center; color: #5BB84A; font-size: 1.6vw; } /*Start Step5*/ fieldset.step5 { background: url(../images/sujok-images/banner-step5.png) no-repeat 0 bottom; background-size: cover; background-attachment: fixed; } .step5 .package-year { background: #F8F8F8; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); border-radius: .4vw; padding: 1.1vw 0.8vw; min-height: 23vw; border: .1vw solid #61C05E } .step5 .package-year:hover { background: #F5FDFF; border-color: var(--btn-primary); cursor: pointer; } .step5 .package-year-selected { background: #F5FDFF; border-color: var(--btn-primary); } .step5 .package-year h2, .step5 .package-year h3 { font-weight: 600; font-size: 1.3vw; line-height: 1.5vw; margin: 0 0 1vw 0; color: #626262; } .step5 .package-year h2 { text-transform: capitalize } .step5 .package-year h3 { font-size: 1.1vw; color: var(--btn-primary); margin-bottom: 0.4vw } .step5 .package-year-selected h2 { color: var(--btn-primary) } .step5 .package-year h2 .online-year { font-size: 1vw } .step5 .package-year p { font-weight: normal; font-size: 0.86vw; line-height: 1.1vw; text-align: center; margin: 1.7vw 0; color: #919191; } .step5 .package-year ul { margin-bottom: 0.8vw } .step5 .package-year ul li { font-weight: normal; font-size: 0.9vw; line-height: 1vw; color: #3D3D3D; background: url('../images/sujok-images/uncheck-icon.png') 0 0.4vw no-repeat; list-style: none; padding: 0.35vw 0 0.35vw 1.5vw; background-size: 0.95vw !important; } .step5 .package-year:hover ul li { background: url('../images/sujok-images/check.png') 0 0.4vw no-repeat } .step5 .package-year .prize { font-weight: bold; font-size: 1.3vw; line-height: 1.5vw; text-align: center; display: inline-block; width: 100%; color: #3D3D3D; /*margin-top: 0.5vw;*/ } .step5 .package-year .prize .old-prize { font-size: 1vw; margin-right: 0.5vw; font-weight: normal; text-decoration: line-through; } .step5 .sub-disc, .step6 .sub-disc { font-weight: 500; font-size: 1vw; line-height: 1.5vw; color: #919191; font-family: 'Montserrat'; padding: 0 5vw; margin-bottom: 2vw; } .sujok-page-container .step5 .right-register-box .sujok-register-main { padding: 0 1vw 2.5vw 0; position: relative; } .step5 .save-value { text-transform: capitalize; font-weight: normal; font-size: 1vw; line-height: 1.3vw; display: inline-block; width: 100%; color: var(--btn-primary); margin-top: 0.5vw; } .step5 .col-md-4 { padding: 0 1.2vw !important } .step5 .currency .dropdown-toggle { border: .1vw solid #DEDEDE; box-sizing: border-box; border-radius: .4vw; background: #fff; color: #000; text-align: left; min-width: 6vw; padding: 0.5vw 0.8vw !important; font-size: 0.9vw; text-transform: capitalize; box-shadow: none; } .step5 .currency .caret { float: right; vertical-align: middle; top: 0.4vw; position: relative; margin-left: 0.5vw } .step5 .currency .open>.dropdown-toggle.btn-primary { color: #fff; background-color: #15a3ac; border-color: #20b0cf; } .step5 .currency .dropdown-menu { min-width: 6vw } .step5 .currency { position: relative; top: -2.5vw; } .step5 .row { margin: 0 -1.2vw } .step5 .row.sub-div { text-align: center; } .sujok-page-container .step5 .right-register-box h1.sign { margin: 1vw 0 } .step5 .sub-disc { padding: 0 12vw; margin: 0; } .sujok-page-container .step5 .col-md-3 { padding-right: 0; width: 24%; padding-left: 1.4%; float: none; display: inline-block; text-align: left; vertical-align: top } .step5 .package-year .top-subscribe { position: absolute; right: -.9vw; top: -.9vw; width: 6.4vw; } .step5 .package-year .top-subscribe img { width: 6.3vw } .step5 .package-year .subcri-details { transform: rotate(45deg); position: absolute; right: -0.3vw; top: 1.3vw; color: #fff; text-align: center; } .step5 .package-year .off-prize { font-size: .9vw } .step5 .package-year .till-date { display: block; font-size: 0.5vw; } .step5 .package-year ul { padding-left: 1.2vw; height: 12vw; overflow: auto; overflow-x: hidden; padding-right: 0.5vw; } .step5 .package-year.online-registration ul { height: 12.2vw } .step5 .package-year ul li, .step5 .package-year:hover ul li { background: none; padding-left: 0; list-style: disc; font-size: 0.89vw; /* display: block; */ line-height: 1.2vw; padding: 0 } .step5 .package-year.monthly .subcri-details { right: 1vw; top: 1.5vw; } .step5 .package-year.monthly .off-prize { font-size: 1.2vw } .step5 .package-year.half-yearly .subcri-details, .step5 .package-year.annual .subcri-details { right: 0; top: 1vw; } /*.step5 .package-year.monthly ul,.step5 .package-year.half-yearly ul,.step5 .package-year.annual ul{min-height:19.5vw}*/ a.select-btn { cursor: pointer; border-radius: 5em; color: #fff; font-size: 1.1vw; background: #CACACA; border-radius: .4vw; width: 10vw; display: inline-block; text-align: center; padding: 0.5vw 1vw; margin: 1vw auto 0; display: block; font-weight: normal; } .select-btn.selected { background: var(--btn-primary) } .step5 .left-register-box { width: 24vw } .step5 .right-register-box { width: calc(100vw - 24vw) } .taxes-handling-text { color: #353535; font-size: 0.9vw; font-weight: bold; padding: 0.8vw 0; clear: both; margin: 0; } .on-lect-subscri { font-size: 0.9vw } .total-currency { font-weight: bold; font-size: 0.9vw } /*Start Step6*/ fieldset.step6 { background: url(../images/sujok-images/banner-step6.png) no-repeat 0 bottom; background-size: cover; background-attachment: fixed; } .step6 .fieldset-btns .next-btn.back-btn, .step6 .fieldset-btns .next-btn { margin: 1.8vw 4% } /*Forgot Password*/ .sujok-page-container.forgot-password { background: url(../images/sujok-images/banner-for-pass.png) no-repeat 0 bottom; background-size: cover; background-attachment: fixed; } .sujok-page-container.forgot-password .step-progress-status { margin: 2vw 0 3vw; font-size: 0.9vw; color: #666; } .sujok-page-container.forgot-password .login-bottom-btns { text-align: center; } .sujok-page-container.forgot-password .login-bottom-btns button { border: none; padding: 0; float: none !important; width: auto; font-weight: 600; text-decoration: underline; } .sujok-page-container.forgot-password .login-bottom-btns button:hover { background: none; color: var(--btn-primary) } .sujok-page-container.forgot-password .submit { margin-top: 2vw; } .sujok-page-container.forgot-password .sujok-logo.thanks-logo, .sujok-page-container .sujok-logo.thanks-logo { position: relative; left: 0; text-align: center; top: 0 } .sujok-page-container.forgot-password .sujok-logo.thanks-logo img, .sujok-page-container .sujok-logo.thanks-logo img { margin: 4vw 0 3vw } .valid-status.text-center span { display: inline-block; font-size: 11px; width: 49% } .browse-img-btn { clear: both; display: inline-block; } .preview-img { display: inline-block !important; clear: both !important; position: relative; } .preview-img img#old-img, #imagePrevive { padding: 5px; border: 2px solid var(--btn-primary); margin: 15px 0 0 0; } .preview-img button { border: none; background: none; position: absolute; right: -5px; top: 5px; } .preview-img i.ti-trash { background: #f00; margin-right: 0; padding: 5px; border-radius: 20px; color: #fff; font-size: 16px; display: inline-block } #select-Learn-students.modal { z-index: 999999 } .modal-content { background: none } .modal-body { background: #fff; } .modal-header { border: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 13px 20px; border-bottom: 1px solid #ddd; background: var(--btn-primary); } .modal-header h4.modal-title { color: #fff; font-weight: 500; font-size: 18px; text-align: left } .modal-footer { background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 13px 20px; border-top: 1px solid var(--btn-primary); text-align: center; } .modal button.close { border: none; }