ikan Uploader :
Directory : /var/www/html/chalkbank.com/css/
Upload File : |
| Current File : /var/www/html/chalkbank.com/css/style.css |
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,700i,900&display=swap');
body { background:#f4f4f4; font-family: 'Lato', sans-serif; }
.outer-container{ padding:0px; background:#fff; margin:0 0 30px 0; }
.quiz-detail { padding:30px; background:#fff; margin:0 0 30px 0; }
.quiz-detail ol { padding:0 0 0 20px; }
.quiz-detail ol li { font-size:16px; line-height:30px; }
.time-view { float:right; font-size:12px; line-height:40px; margin:0 10px 0 0; }
#loading {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
display: block;
opacity: 0.7;
background-color: #fff;
z-index: 99;
text-align: center;
}
.error_msg { color:#AC0623; font-size:14px;}
#loading-image {
position: absolute;
top: 150px;
left: 640px;
z-index: 100;
}
.quiz-header { background:#fff; padding:20px; height:80px; margin:0 0 0px 0; border-bottom:1px solid #dddddd; top:0; width:100%; left:0; position:fixed; padding:20px 320px 20px 20px; top:0; z-index:1; }
.signals {width:40px; height:40px; display:block; background:#fafafa; float:right; text-align:center; padding:15px 10px 0 0; }
img{ border:0px; }
.question_container{ font-size:18px; line-height:30px; padding:10px 20px; }
.option_container{ padding:4px; padding:30px 20px 0px 20px ; font-size:16px; line-height:30px; }
.op{padding:4px; }
.navbar-default { position:fixed; top:0; width:100%; z-index:1; height:60px; background-image: linear-gradient(to bottom right, #220038, #9A00F4);border: none;border-radius: 0px; box-shadow:0 0 3px #ccc; margin-bottom:50px ; }
.quuestion-secs { padding:0px; }
.navbar-default .navbar-nav>li>a{color: rgba(255,255,255,0.7);}
.navbar-default .navbar-nav>li>a:hover{color: rgba(255,255,255,1);}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background: #fff;}
.question_container br { }
.question_container p { float:none; font-size:18px; display:block; }
.question_container .op p { display:inline-block; }
.question_div{ display:none; }
table { font-size:14px; }
.footer_buttons{ bottom:0px; width:100%; padding:10px 300px 10px 20px; left:0; position:fixed; background:#fff; border-top:1px solid #dadada; z-index:1; }
.footer_buttons-in { background:none; padding:0px 0px 0 0; border-top:0px solid #dddddd; margin: 0 20px 0 0;}
.table-bordered tr th { background:#220038; color: #fff;}
.qbtn{ cursor:pointer; width:40px; height:30px; border-radius:5px; background-color:#212121; color:#ffffff; float:left; font-size:15px; padding:2px; text-align:center;margin:0 8px 8px 5px;}
.save_answer_signal{float:right; width:6px;height:6px;border-radius:2px;background-color:#666666;margin:2px;}
#photograph{width:150px;height:150px; }
.home-login { background-image: linear-gradient(to bottom right, #220038, #9A00F4); background-size:cover; position:relative; height:100%; padding:100px 0 0 0; }
.home-login:before { position: absolute; content: ""; top: 0; left: 0; background:url(../images/login-bg-back.svg) no-repeat; width: 100%;height: 100%;opacity: 0.6;}
.sidr-ques .qbtn { width:36px; height:36px; line-height:28px; border-radius:56px; -moz-border-radius:56px; -webkit-border-radius:56px; padding:5px 0 0 0; font-size:12px; background:#ddd; }
.sidr-ques b { font-size:14px; padding:0 0 10px 0; margin:0 0 10px 0 ; border-bottom:1px solid #eee; display:block; }
.home-login .login-panel { font-family: 'Lato', sans-serif; padding:20px;width: 80%; float: right;}
.home-login .form-signin { margin:20px 0 0 0;}
.home-login .form-signin h2 { font-size:14px; margin:16px 0 !important; font-weight: bold;}
.login-heading { font-size:50px; line-height:56px; /*text-transform:uppercase;*/ color: #fff; font-weight:600;}
.option_container .op p { display:inline; }
.option_container .op input[type=checkbox], .option_container .op input[type=radio] { }
#quiz_detail .btn-success { margin:0px auto; display: inherit; }
#warning_div { background:rgba(0,0,0,0.6) !important; top:0 !important; left:0 !important; height:100% !important; }
#warning_div center { background:#fff; width:500px; margin: 100px auto; padding:50px; }
.navbar-brand { padding:11px 25px 0px 25px !important; height:58px; border-right:1px solid #9A00F4; margin:0 10px 0 0; }
.navbar-nav>li>a { padding-top:20px !important; padding-bottom:20px !important; }
.main-in table tr:first-child td { background:#220038; color: #fff; }
select { color:#333; font-size:12px; font-weight:normal; }
.tob-h-btn { float:right; }
.tob-h-btn li { border-left:1px solid #9A00F4; }
.tob-h-btn li:first-child { border:0; }
.tob-h-btn li p { line-height:58px; padding:0 20px; margin:0; color: #fff;}
.div-view-in { display:inline-block; width:100%; }
.results-inner { padding:20px; margin:0 0 20px 0;}
.view-resalst .op { float:left; width:50%; text-align:left; display:inline ; padding:10px 0; }
.div-view-in .op input { display:inline; margin:0 6px; }
.div-view-in .op p { display:inline; }
.q-1 { border-bottom:1px solid #ccc; margin:0 0 10px 0; }
.q-1 p { float:left; font-size:18px; }
.q-1 b { float:left; font-size:18px; margin:0 5px 0 0; }
.q-s { border-bottom:1px solid #ccc; margin:0 0 10px 0; }
.q-s p { float:none; font-size:18px; display:block; }
.q-s b { float:left; font-size:18px; margin:0 5px 0 0; }
.correct-options { clear:both; padding:20px 0 0 0; font-size:14px; }
.correct-options p { display:inline; padding:0 0 0 5px; font-size:14px; }
.derail-table { width:100%; }
.derail-table tr th { background:#222; color:#fff; }
.quiz-progress { list-style:none; margin:0; padding:0; }
.quiz-progress li { display:block; float:left; font-size:16px; width:31.3%; float:left; padding:15px 10px; border:1px solid #dddddd; margin:0 3% 3% 0; text-align:center; }
.quiz-progress li p ,.quiz-progress li b { margin:5px 0; display:block; }
.quiz-progress li:nth-child(3n+0) { float:right; margin:0 0 3% 0; }
.quiz-progress li:first-child { width:100%; float:left; padding:20px; margin:0 0 3% 0; }
.class-fail { background:rgba(255,0,0,0.5); border-color:#ff0000; }
.class-pass { background:rgba(20,150,50,0.5); border-color:#149632; }
.information-btn { list-style:none; padding:10px 0 0 0; margin:20px 0 0 0; border-top:1px solid #dadada; }
.information-btn li { display:block; line-height:30px; float: left; margin: 0 10px 0 0; text-align:left; font-size:12px; }
.information-btn li .qbtn { height:15px; width:15px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; display:block; margin:7px 5px 0 0px !important; float: left; }
.information-btn li:last-child { margin:0; }
.print-view td { font-size:16px !important; }
.commonn-footer { padding:20px; background:#fff; display:block; text-align:center; }
.canvas-chart .canvasjs-chart-credit { display:none !important; }
.edit-user1 { width:60%; margin:0px auto; }
.inp-con { height: 20px;width: 20px; top: 4px; display: inline-block; position: relative;padding-left: 0px; margin:0 10px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.inp-con input {position: absolute;opacity: 0;cursor: pointer; z-index: 1; height: 20px;width: 20px;}
.checkmark { position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #eee;border-radius: 50%;}
.inp-con:hover input ~ .checkmark { background-color: #ccc;}
.inp-con input:checked ~ .checkmark { background-color: #00F6B1;}
.checkmark:after {content: "";position: absolute;display: none;}
.inp-con input:checked ~ .checkmark:after {display: block;}
.inp-con .checkmark:after {top: 6px;left: 6px;width: 8px;height: 8px;border-radius: 50%;background: white;}
.preloader-defalt { position: fixed; background: rgba(0,0,0,0.6); width: 100%; height: 100%; top: 0; left: 0; z-index: 999; }
.loader {
border: 10px solid #fff;
border-radius: 50%;
border-top: 10px solid blue;
border-bottom: 10px solid blue;
width: 80px;
height: 80px;
margin: 200px auto 0;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.camera-detailsview { background:#fff; padding:5px; width:260px; border:1px solid #dadada; position:fixed; bottom:20px; right:20px; z-index:111; }
#my_photo { width:250px; height:180px; background:#000000; }
.instructionsa { display:block; color:#ff0000; font-size:12px; height:60px; overflow:scroll; }
.important-headings { }
.important-headings h4 { font-size: 14px; }
.important-headings ol { margin:0 20px; padding: 0 0 0 10px; }
.important-headings ol li { font-size: 14px; line-height: 26px; }
.header-login { position: fixed; z-index: 1;width: 100%; }
.header-nav { margin: 0; padding:0 ; float: right; }
.header-nav li { display: block; }
.header-nav li a { display: block; padding: 15px 20px; color: #fff; font-size: 16px; text-transform: uppercase; }
.winner-header { position: fixed; z-index: 1;width: 100%; background: #fff; padding: 10px; top: 0 }
.winner-nav { margin: 0; padding:0 ; float: right; }
.winner-nav li { display: block; }
.winner-nav li a { display: block; padding: 10px 20px; color: #212121; font-size: 14px; text-transform: uppercase; }
.winner-logo { float:left; }
.winner-logo img { float:left; width: 120px; }
.winner-list { margin: 100px 0 0px 0; }
.winner-in { background: #fff; padding: 20px; text-align: center; display: inline-block; width: 100%; margin: 0 0 30px 0; min-height: 310px; }
.winner-in strong { font-size: 18px; padding: 0 0 20px 0; }
.winner-in ul { list-style: none; padding: 0; margin: 0; }
.winner-in ul li { width: 50%; float: left; list-style: none; padding: 20px 0 0 0; }
.winner-in ul li img { width: 40px; }
.winner-in ul li:first-child { width: 100%; flex: none; }
.winner-in ul li:first-child img { width: 70px; }
.winner-in ul li span { display: block; font-size: 16px; padding: 10px 0 0 0; }
.winners-header { display: block; padding: 0 0 30px 0; text-align: center; }
.winners-header h2 { display: block; font-size: 30px; }
.winners-table { background: #fff; padding: 20px; margin: 0 0 2px 0; }
.winners-table h4 { margin: 0 0 10px 0; padding: 0; }
.winners-table table { width: 100%; }
.winners-table table th { background: #ccc; border: 1px solid #ccc; padding: 5px; }
.winners-table table td { border: 1px solid #ccc; padding: 5px; }
.winners-table table tr:nth-child(2) td { background: #fafafa;}
.winners-table table tr:nth-child(3) td { background: #fbfbfb; }
.winners-table table tr:nth-child(4) td { background: #fcfcfc; }
.e-content { background:none !important; }
.e-content-bg { background:#fff; }
@media (min-width:320px) and (max-width:767px) {
.home-login { background-size: cover; }
.tob-h-btn { float: none; width: 100%; }
.tob-h-btn li { float:right; }
.tob-h-btn li:first-child { float:left; }
.edit-user1 { width:100%; margin:0px auto; }
.outer-container .col-md-12 { overflow:scroll; }
.outer-container .col-md-12 .table { min-width:700px; }
}
@media print {
.btn-warning {display: none; }
}
.btn-primary{background-color: #FF5F7B; border-color: #FF5F7B;}
.btn-clear{background-color: #337ab7; border-color: #FF5F7B; color: #fff;}
.btn-primary:hover{background-color: #00F6B1; border-color: #00F6B1;transition: all .35s ease-in-out;}
.form-control{box-shadow: none;padding: 12px 12px;height: auto;}
.login-panel p{text-align: center;margin: 10px 0;}
.login-panel p span{opacity: 0.6;}
.btn-success{background: #00F6B1;border-color: #00F6B1;}
.btn-success:hover{background: #02BF8A;border-color: #02BF8A;}
#home-img img{width: 100%;}
.btn-info{background: #FF5F7B !important;border-color: #FF5F7B !important;}
#backbtn{background: #444;}
#myCarousel .carousel-indicators { display:none; }
.main-wapper { margin:90px 30px 30px; background:#fff; padding:30px 15px; }
.main-wapper1 { margin:30px 30px 30px; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding:10px; }
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border:0; }
.table-bordered tr:nth-child(odd) { background:#fafafa; }
.main-wapper-inner { margin:90px 30px 30px; background:#fff; padding:0px; }
.main-wapper-inner1 { margin:30px; }
.home-inners { padding:30px 15px; }
.top-menus { display:inline-block; width:100%; border-bottom:1px solid #dadada; margin:0 0 0px 0; padding:15px 15px; }
.top-menus h3 { float:left; margin:0; padding:8px 0 0 0; }
.top-menus .button3 { float:right; padding:10px; margin:0; }
form { margin:0; padding:0; }
.top-menus button { float:left; }
.top-menus input { float:left; width:200px; padding:0 10px; line-height:32px; height:32px; margin:0 10px 0 0; }
.panel-forms input[type=file] { border:1px solid #dadada; padding:10px; line-height:40px; height:40px; padding:0 10px; width:250px; background:#fafafa; margin:0 0 20px 0; float:left; }
.panel-forms select { line-height:40px; height:40px; padding:0 10px;width:250px; float:left; margin:0 10px 0 0; }
.after-button { margin:0px 0 20px 0px; display:block; }
.form-search { padding:0 0 20px 0; }
.form-search form { margin:0; }
.form-search input { line-height:40px; height:40px; padding:0 10px; width:200px; float:left; margin:0 10px 0 0; }
.form-search select { line-height:40px; height:40px; padding:0 10px;width:230px; float:left; margin:0 10px 0 0; }
.form-search .button2 { height:40px; line-height:40px; padding:0 10px; }
.form-search-right { float:right; margin:0 0px 0 10px !important }
.form-submit {}
.form-submit input, .form-submit select { line-height:40px; height:40px; padding:0 10px; }
.form-submit input[type="radio"] ,.form-submit input[type="checkbox"]{ line-height:40px; height:inherit; padding:0 10px; margin:10px 5px 6px 0px; }
.height-all { min-height:450px; }
.button2 { color:#fff; background:#220038; border:0; }
.button2:hover { background:#333; color:#fff; }
.button3 { color:#fff; background:#FF5F7B; border:0; font-size:16px; padding:12px 30px; float:left; margin:0 20px 0 0; }
.button3:hover { background:#333; color:#fff; }
.button33 { color:#fff; background:#220038; border:0; font-size:16px; padding:10px 12px; float:right; margin:0 20px 0 0; }
.button33:hover { background:#333; color:#fff; }
.button4 { border:0; padding:3px 10px; font-size:12px; margin:0 5px 0 0; }
.button2:hover { background:#333; color:#fff; }
.button5 { color:#fff; background:#FF5F7B; border:0; font-size:12px; padding:0px 15px; line-height:36px; float:left; margin:0 20px 0 0; }
.button5:hover { background:#333; color:#fff; }
.button6 { color:#fff; background:#220038; border:0; font-size:16px; padding:12px 30px; float:left; margin:0 20px 0 0; }
.button6:hover { background:#333; color:#fff; }
.table-bordered input[type='text'] { padding:0 10px; line-height:36px; height:36px; }
.table-bordered img { margin:8px 0 0 0; }
.table-bordered a i { font-size: 22px; position: relative; top: 6px; margin: 0 5px;}
.butts-all { padding:0 5px; color:#FF5F7B; }
.qbg-success{
background-color: #198754 !important;
}
.qbg-warning{
background-color: #ffc107 !important;
}
.qbg-danger{
background-color: #dc3545 !important;
}
.panel-danger .panel-heading { color:#fff; background:#a94442; }
.panel-info .panel-heading { color:#fff; background:#31708f; }
.panel-success .panel-heading { color:#fff; background:#3c763d; }
.panel-warning .panel-heading { color:#fff; background:#8a6d3b; }
.panel-heading .huge { font-size:24px; color:#fff !important; }
.panel-footer { background:#fff; }
.form-group-n select { border:1px solid #ccc; color:#555; font-size:14px; border-radius:4px; }
#live-events { position:fixed; top:250px; right:-270px; z-index:9; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; }
#live-events.active { right:0px; }
#live-events .live-events-placeholder { background:#00c1a1; width:55px; height:75px; text-align:center; font-size:16px; color:#fff; font-weight:500; position:absolute; left:-55px; top:30px; }
#live-events .live-events-placeholder strong:focus ,#live-events .live-events-placeholder i:focus { outline:0; }
#live-events .live-events-placeholder i { font-size:30px; padding:8px 0 0 0; }
#live-events .live-events-placeholder strong { font-size:11px; display:block; font-weight:normal; }
#live-events .live-events-placeholder a { color:#fff; text-decoration:none; text-transform: uppercase;}
#live-events .live-events-placeholder a:hover { text-decoration:none; }
#live-events .count { background:#d33737; padding:1px 4px; border-radius:3px; color:#fff; font-size:12px;transform:rotate(90deg); font-weight:500; position:absolute; left:98px; top:-10px; }
/*--- Live Events --- */
#live-events .live-events-content { margin-top:-39px; padding:20px; background:rgba(0,0,0,0.7); width:270px; opacity:0;-moz-transition: opacity 0.9s ease-in-out;-o-transition: opacity 0.9s ease-in-out;-webkit-transition: opacity 0.49s ease-in-out; transition: opacity 0.9s ease-in-out; border-radius:5px; }
#live-events.active .live-events-content { opacity:1; }
#live-events .live-events-content h4 { display:block; font-size:20px; margin:0 0 20px 0; color:#fff; }
#live-events .live-events-content span { display:block; font-size:22px; margin:0 0 20px 0;color:#fff; }
#live-events .live-events-content strong { display:block; font-size:11px; color:#FF9C00;text-transform: uppercase;}
#live-events .live-events-content .slick-slide img { width:100%;}
a:focus, a:hover { text-decoration:none !important; outline:0 !important; }
.question_container img { width:65%; display:block; }
.results-inner img { width:65%; display:block; }
.navbar-nav>li>.dropdown-menu li { border-bottom:1px solid #eee; }
.navbar-nav>li>.dropdown-menu li:last-child { border-bottom:0; }
/*.for-image-op.op { width:44%; float:left; margin:10px 0 15px 0; }
*/
.for-image-op.op img { width:30%; }
.op img { width:30%; display:block; }
.correct-options img { width:30%; }
.results-inner .op img { width:61%; }
#myvideo { width:100%; }
.highlight-sec embed { width:100%; background-size:cover; }
.embed-image img { width:100% !important; }
.highlight-sec img { width:100% !important; }
.butts-all span { top:6px; }
.nav-rights { border-left:1px solid #dadada; padding:7px 0px 0 10px; height:60px; display:block; float:right; list-style:none; }
.nav-rights span { line-height:44px; font-size:14px; float:left; }
.nav-rights .nav-link { padding:12px 0 0 10px !important ; float:right; }
.nav-rights .nav-link p { float:left; }
.nav-rights .nav-link:hover ,.nav-rights .nav-link:focus { background:none !important; color:#fff !important; }
.nav-name { float:left; font-size:16px; padding:7px 0 5px 0; }
.nav-name small { font-size:14px; line-height:14px; display:block; }
.icon-mix .dropdown-menu{ top:61px; }
.navbar-expand .navbar-nav .dropdown-menu { top:51px; padding:0; }
.nav-rights .dropdown-menu a { border-bottom:1px solid #dadada; padding:10px 10px !important; font-size:14px; width:100%; display:block; color:#222; }
.nav-rights .dropdown-menu a:last-child { border:0; }
.nav-rights .dropdown-menu a i { margin:0 5px 0 0; font-size:16px; }
.porfile-image { width:40px; height:40px; border-radius:40px; float:right; margin:-9px 0 0 10px ; text-align:center; border:1px solid #dadada; background:#fff; overflow:hidden; }
.porfile-image img { width:100%; height:auto; }
.porfile-image i { line-height:40px; font-size:20px; text-align:center; }
.icon-mix { width:60px; height:60px; text-align:center; line-height:60px; position:relative; float:right; }
.icon-mix ul { list-style:none; margin:0; padding:0; }
.icon-mix a { display:block; margin:0 !important; padding:0; }
.icon-mix i { font-size:20px; color:#fff; }
.icon-mix span { background: #3498db; color: #fff; position: absolute; width: 20px; height: 20px; font-size: 11px; border-radius: 50px; top: 8px; right: 12px; line-height: 20px; margin:0 0 30px 30px; }
.icon-mix .dropdown-toggle::after { display:none; }
.icon-mix .dropdown-menu { padding:0; margin:0; }
.icon-mix .dropdown-menu a { padding:10px 15px; display:table; font-size:14px; line-height:25px; color:#212121; border-bottom:1px solid #dadada; width:300px; white-space:break-spaces; }
.icon-mix .dropdown-menu a:hover { color:#777; }
.icon-mix .dropdown-menu a strong { font-size:12px; display:block; color:#888; }
.icon-mix .dropdown-menu .View-all { text-align:center; background:#FF5F7B; color:#fff; width:auto; text-align:center; padding:7px; border-bottom:0; display:block; margin:4px 14px 14px 14px !important; }
.icon-mix .dropdown-menu .View-all:hover { color:#fff; background:#220038; }
.icon-mix .notificatinsa { height:300px; overflow-y:scroll; }
.icon-mix .notificatinsa .form-not { border-bottom:1px solid #dadada; font-size:12px; padding:5px; display:inline-block; width:100%; }
.notification-list { padding:0 20px 20px 20px; }
.notification-list h4 { font-size:18px; padding:19px 0 19px 30px; color:#fff; margin:0; background:#3498db; display:block; }
.notification-list a { padding:10px 15px; display:inline-block; width:100%; font-size:16px; color:#222; line-height:25px; border-bottom:1px solid #dadada; white-space:break-spaces; }
.notification-list a strong { font-size:12px; display:block; color:#888; }
.noti-btn { text-align:center; display:inline-block; margin:20px 0 0 0; width:100%; }
.noti-btn a { float:none; }
.quiz-container { width:100%; padding:80px 300px 60px 0; background:#fff; height:100vh; overflow-y:scroll; }
.sidebars { position:fixed; right:0; top:0; background:#fafafa; height:100vh; width:300px; z-index:2; }
.add-new-option { background:#006400; color:#fff; padding:10px 20px; margin:10px 0 20px 0; font-size:16px; display:inline-block; border-radius:5px; }
.add-new-option:hover ,.add-new-option:focus { color:#fff; }
.remove_options { background:#ff0000; color:#fff; padding:5px 10px; margin:5px 0 10px 0; font-size:12px; display:inline-block; border-radius:5px; }
.btn-Instructions-div { bottom: 0px; background:#fafafa;
width: 300px;
padding: 10px 20px 10px 20px;
right: 0;
position: fixed;
border-top: 1px solid #dadada;
z-index: 1; }
.btn-Instructions { background:#220038; color:#fff; padding:10px 20px; width:100%; text-align:center; margin:0px 0; bottom:0; font-size:14px; display:block; border-radius:5px; }
.btn-Instructions:hover ,.btn-Instructions:focus { color:#fff ; }
.sidebar-top { background:#fafafa; width: 100%; display:inline-block; padding: 20px 0px 10px 0px; margin:0 0 10px 0; border-bottom: 1px solid #dadada; }
.sidr-ques { height:70%; overflow-y:scroll; padding:0 0 0px 0; }
.footer_buttons .btn { padding:10px 30px; font-size:14px; border:0 !important; }
.footer_buttons .btn:hover ,.footer_buttons .btn:focus { border:0 !important; outline:0; }
#backbtn { border:#444; }
.left-rc-quiz { width:42%; float:left; height:75vh; }
.left-rc-quiz .question_container { display:block; overflow-y:scroll; height:98%; padding:0 15px 0px 0 !important; margin:0 0 30px 0; border-right:1px solid #dadada; text-align:justify; }
.left-rc-quiz p { font-size:14px; }
.left-rc-quiz h4 { font-size:18px; font-weight:bold; display:block; }
.left-rc-quiz h4 small { float:right; font-size:14px; font-weight:normal; padding:6px 20px 0 0; }
.right-rc-quiz { width:56%; float:right; }
.right-rc-quiz .option_container { padding:30px 0px 20px 15px ; height:auto; font-size:16px; line-height:30px; }
.results-inner .question_container { padding:10px 0; }
.ex_options .op { display:inline-block; width:100%; }
.ex_options .op b { float:left; font-weight:normal; }
.ex_options .op .inp-con { float:left; }
.ex_options .op p { float:left; width:78%; margin:0; }
.question_container strong { display:block; padding:0 0 5px 0; }
.view-result-list { display:block; margin:0px 0 30px 0; padding:0; list-style:none; display:inline-block; width:100%; }
.view-result-list li { width:24%; float:left; padding:20px; min-height:90px; background:#fafafa; margin:0 10px 0 0; font-size:18px; }
.view-result-list li strong { font-size:14px; display:block; font-weight:normal; }
.view-result-list li .iconsa { float:left; width:50px; height:50px; display:block; margin:0 10px 0 0; background:#FF5F7B; border-radius:50px; text-align:center; line-height:50px; }
.view-result-list li .iconsa i { font-size:30px; color:#fff; line-height:50px; }
#navbar { float:left; }
.sample-quiz .question_container { border:1px solid #eaeaea; margin:0 0 20px 0; padding:20px; display:inline-block; width:100%; }
.sample-quiz .option_container { padding:0px 0 0 0; }
.sample-quiz .q-1 { padding:0 0 0px 0; }
.sample-quiz .re-q { padding:0 0 10px 0; display:inline-block; width:100%; }
.sample-quiz .re-q p { font-size:14px; }
.sample-quiz .alert-primary { color: #004085;
background-color: #cce5ff;
border-color: #b8daff;}
.quuestion-secs { overflow-y:scroll; height:100%; padding:10px 20px; }
.quuestion-secs .question_container { padding:0 ; }
.quuestion-secs .option_container { padding:30px 0 0 0; }
.sample-quiz .op { width:50%; display:inline-block; float:left; }
.sample-quiz .op b { float:left; font-weight:normal; }
.sample-quiz .op .inp-con { float:left; }
.sample-quiz .op p { float:left; width:78%; margin:0; line-height:18px; padding:3px 0 0 0; }
.sample-structions { border:1px solid #eaeaea; margin:0 0 20px 0; padding:20px; display:inline-block; width:100%; }
.sample-structions h3 { display:block; padding:0 0 10px 0; margin:0 0 10px 0; font-size:20px; }
.sample-structions ol { padding:0; padding:0 0 0 13px; }
.sample-structions li { font-size:14px; line-height:32px; }
.quiz-structions { border:1px solid #eaeaea; margin:0 0 20px 0; padding:20px; display:inline-block; width:100%; background:#fafafa; text-align:center; }
.quiz-structions h3 { display:block; padding:0 0 0px 0; margin:0 0 0px 0; font-size:20px; }
.bottom-btns { display:block; text-align:center; }
.bottom-btns .button3, .bottom-btns .button6 { float:none; }
.practice-quiz { list-style:none; padding:0; margin:0; }
.practice-quiz li { width:23.2%; float:left; border:1px solid #dadada; margin:0 20px 20px 0; padding:10px; }
.practice-quiz li .photo { background:#fafafa; border-bottom:1px solid #eee; margin:0 0 15px 0; overflow:hidden; }
.practice-quiz li .photo img { width:100%; }
.practice-quiz li .contects h3 { font-size:16px; display:block; margin:0 0 10px 0; line-height:100px; background:#fafafa; text-align:center; }
.practice-quiz li .contects button { display:block; margin:10px 0 0 0; width:100%; padding:10px 0; font-size:12px; line-height:20px; }
.practice-quiz li .contects .button1 { padding:9px 0; }
.practice-quiz li .contects small { color:#FF5F7B; font-size:13px; margin:0 0px 0 0; display:block; float:left; }
.practice-quiz li .contects span { font-size:13px; width:100%; padding:5px 0; float:left; text-align:right;}
.practice-quiz li .contects strong { width:100%;font-size:13px; padding:5px 0; float:left; text-align:right; font-weight:normal; }
/*.practice-quiz li .contects small { color:#FF5F7B; font-size:13px; margin:0 0px 0 0; display:block; }
.practice-quiz li .contects span { font-size:13px; width:40%; padding:5px 0; float:left; }
.practice-quiz li .contects strong { width:20%;font-size:13px; padding:5px 0; float:right; text-align:right; font-weight:normal; }
*/
/* Slider */
.slider { }
.slick-slide {margin: 0px 20px;}
.slick-slide img {width: 100%;}
.slick-prev:before,.slick-next:before {color: black;}
.slick-slide { transition: all ease-in-out .3s; }
.slick-active { }
.slick-current {opacity: 1;}
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;-webkit-touch-callout: none;-khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{ position: relative;top: 0;left: 0;display: block; }
.slick-track:before,
.slick-track:after { display: table;content: '';}
.slick-track:after{ clear: both;}
.slick-loading .slick-track{ visibility: hidden;}
.slick-slide{display: none;float: left; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{ display: block;}
.slick-slide.slick-loading img{ display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{ visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}
.slick-dots { margin:0; padding:0; text-align:center; }
.slick-dots li { border:0; width:auto !important; float:none; display:inline-block; padding:4px; margin:0; }
.slick-dots li button { border-radius:10px; width:12px; height:12px; display:block; border:0; background:#ccc; font-size:0; }
.slick-dots li.slick-active button { background:#FF5F7B; }
.slick-dots li button:focus { border:0; outline:0; }
.nav-quiz-list {}
.nav-quiz-list li a { color:#000; background:#fafafa; }
.nav-quiz-list li.active .t-1 { background:#3e8e12 !important; color:#fff; }
.nav-quiz-list li.active .t-2 { background:#4949f0 !important; color:#fff; }
.nav-quiz-list li.active .t-3 { background:#ef9219 !important; color:#fff; }
.start-test-btn { float:right; }
.toggle-div { display:none; padding: 0px 0 0 0; margin: 10px 0 0 0; }
.toggle-div a { float:right; display:block; }
.click-btns { width:25px; height:25px; text-align:center; line-height:25px; display:block; cursor:pointer; background:#FF5F7B; float:right; border-radius:5px; color:#fff; font-size:16px; }
.start-test-btn-new { background:#220038; float:right; border-radius:5px; width:25px; height:25px; text-align:center; line-height:25px; display:block; margin:0 5px 0 0; }
.start-test-btn-new i { margin:0px auto; padding:0; color:#fff; font-size:14px !important; }
.immages-user { border-radius:100%; overflow:hidden; display:block; padding:0px; border:2px solid #dadada; box-shadow:0 0 4px #ccc; width:200px; height:200px; float:left; }
.immages-user img { width:100%; }
.content-users { width:80%; float:left; }
.content-users ul { list-style:none; padding:40px 0 0 50px; display:inline-block; width:100%; }
.content-users ul li { width:33%; float:left; padding:0 0 30px 0; }
.content-users ul li span { display:block ; font-size:14px; }
.content-users ul li strong { display:block ; font-size:20px; }
.table-responsice { overflow-x:scroll; }
.alert-new { display:block; clear:both; margin:0; padding:8px; text-align:left }
.calender-icon { position:relative; float:left; }
.calender-icon:after { content: ""; position:absolute; height:20px; width:20px; right:15px; top:9px; background:url(../images/cala.png) no-repeat center center; z-index:10; display:block; }
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
@media (max-width:767px){
.table-responsice { overflow-x:scroll; }
.main-wapper { margin:75px 10px 10px 10px; padding:15px 0; }
.main-wapper1 { margin:10px; }
.home-inners { padding:15px; }
.main-wapper-inner { margin:75px 10px 10px 10px; padding:0px 0; }
.main-wapper-inner1 { margin:10px; padding:0; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { background:#fff; height:100vh; position:absolute; top:60px; width:100%; }
.navbar-default .navbar-nav>li>a { color:#333; }
.tob-h-btn li p{ color:#333; }
.navbar-default .navbar-toggle { border:0; background:#fff; position:absolute; left:12px; top:2px; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background:#fff;}
.navbar-toggle { margin-top:12px; }
.home-inners .container-fluid { padding:0; }
.form-group textarea { width:100% !important; }
.form-group { overflow:scroll; }
.top-menus { padding:15px 0; }
#home-img { display:none; }
.home-login .login-panel { width:100%; float:none; }
.panel-body { padding:0; }
.form-search select { margin:0 0 5px 0; }
.form-search-right { float:left; margin:0 !important; width:100%; }
.form-search input { width:70%; margin:5px 5px 5px 0; }
.form-search-right .button2 { }
.form-search-2 input { width:100%; margin:5px 0px 5px 0; }
.form-search select { width:100%; }
.form-search .button2 { margin:5px 0; }
.navbar-default .navbar-nav>li>a:hover { color:#333 !important; }
.tob-h-btn { float:none; width:100%; }
.tob-h-btn li { float:left; width:100%; }
.tob-h-btn li p { }
.tob-h-btn li { border-left:0; }
.tob-h-btn li {}
.navbar-nav>li>a { padding:12px 20px !important; }
.navbar-nav>li{ }
.navbar-nav>li>.dropdown-menu li { border-bottom:0; }
.navbar-header { float:left; }
.navbar-nav { margin:0; }
.navbar-nav>li { position:inherit; }
.navbar-nav .open .dropdown-menu { background:#fff; }
.nav-rights .nav-link p { color:#fff; font-size:12px; }
.nav-rights { padding:7px 0 0 0; }
.porfile-image { width:30px; height:30px; }
.porfile-image { margin:-4px 0 0 7px; }
.navbar-brand { margin:0px 0 0 70px; padding:10px 0 0 15px !important; border-left:1px solid #9A00F4; border-right:0; }
.view-result-list li { width:100%; margin:0 0 10px 0; }
.view-resalst .op { width:100%; }
.top-menus h3 { font-size:20px; padding:12px 0 10px 0; }
.top-menus-2 h3 { font-size:20px; padding:12px 0 10px 0; float:none; display:block; }
.top-menus-2 .button3 { font-size:14px; float:left; }
.top-menus-2 .button33 { font-size:14px; }
.e-content-bg { margin:0 0 20px 0; }
.sidebars { display:none; position:inherit; }
.sidebar-top {}
.sidr-ques {}
.quiz-container { padding:0px; }
.quiz-header { padding:10px; height:auto; }
.footer_buttons { padding:10px; }
.footer_buttons .col-md-4 { width:auto; float:left; padding:0 5px; }
.footer_buttons .btn { margin:0 0 0px 0; }
.outer-container { padding:100px 10px 65px 10px; height:100vh; overflow:scroll; }
.left-rc-quiz { width:100%; height:auto; float:none; padding:0 0px ; }
.quuestion-secs { padding:0px 0; }
.left-rc-quiz .question_container { height:180px; border:0; border-bottom:1px solid #dadada; width:100%; padding:0 0 10px 0; }
.right-rc-quiz { width:100%; float:none; }
.left-rc-quiz h4 small { display:block; float:none; text-align:left; }
.ex_options .op p { width:80%; }
#warning_div center { width:90%; padding:20px; }
.panel-forms select { width:100%; margin:0 0 10px 0; }
.panel-forms input[type=file]{ width:100% !important; margin:0 0 10px 0 !important; }
.after-button { font-size:12px; }
.practice-quiz li { width:100%; margin:0 0 10px 0; }
.footer_buttons .btn { padding:10px 15px; }
.map-charts { overflow-x:scroll; }
.top-menus ol { margin:10px 0 0 14px; padding:0; }
.top-menus ol li { margin:0 0 5px 0; }
.navbar-nav .open .dropdown-menu { position:absolute; }
.icon-mix .dropdown-menu { right:-160px; }
}
Kontol Shell Bypass