@import url("bootstrap.min.css");
@import url("owl.carousel.min.css");
@import url("default.css");
@import url("swipebox.css");
@import url("animate.css");
@import url("font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Montserrat|Poppins:100,300,400,500,700,800,900");
@import url("dataTables.bootstrap.min.css");
@import url("pretty-checkbox.min.css");

body {
background-color: rgba(234, 234, 234, 0.49);
color: #3C4858;
font-weight: 300;
background-image: url(../images/bg.png);
overflow-x: hidden;
}


*{ padding:0px; margin:0px;}

header {
    padding: 10px 20px;
    text-align: right;
    background: rgb(85, 40, 255);
    background: linear-gradient(229deg, #4d62ff 0%, #ff5651 100%);
}

.mydropdown1{ display:inline-block; margin-right:5px;}

.mydropdown1 .dropdown-menu {
border-radius: 0px;
border: none;
margin: 0px;
padding: 0px;
top: 46px;
overflow: hidden;
min-width: 185px;
position: absolute;
right: 0px;
left: auto;
z-index: 99999;
}
.mydropdown1 .dropdown-menu li a {
display: block;
padding: 15px;
transition: 0.3s; white-space: normal;
}

.dropdown-menu li i{ margin-right:5px;}


.mydropdown1 .dropdown-menu li a:hover{
box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(156,39,176,.4);
 background: rgb(85, 40, 255);
    background: linear-gradient(229deg, #4d62ff 0%, #ff5651 100%);
color: #FFF;transition: 0.3s;
} 

.mydropdown1 b {
border: none;
background: transparent;
display: inline-block;
background-color: #fff;
border-radius: 20px;
padding: 8px 19px; cursor:pointer;
color: #5f5f5f;
}


.datatabe_outer {

padding: 30px 15px; 

position: relative;
background-color: #fff;
min-height:100vh;
box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
}







.optons_list {
  counter-reset: section;
}

.optons_list p::before {
    counter-increment: section;
    content: "( " counter(section, lower-alpha) ") ";
    display: table-cell;
    width: 30px;
    text-transform: uppercase;
    margin-right: 10px;
}

.copyrights.text-center {
    padding: 10px;
    background: rgb(85, 40, 255);
    background: linear-gradient(229deg, #4d62ff 0%, #ff5651 100%);
    color: #fff;
    text-transform: capitalize;
}

.main {
padding: 20px;
display: block;
width: calc(99% - 270px);
float: right;
min-height: 100vh;
}
.heading i {
padding: 20px;
 background: rgb(85, 40, 255);
    background: linear-gradient(229deg, #4d62ff 0%, #ff5651 100%);
color: #fff;
font-size: 22px;
position: absolute;
top: 12px;
left: 14px;
border-radius: 5px;
box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgb(108, 122, 224);
}
.heading {
text-align: left;
height: 43px;
font-size: 23px;
text-transform: capitalize;
padding-left: 60px;
margin-bottom: 30px;
float: left;
}


.top_btn {
    border: none;
    background: rgb(85, 40, 255);
    background: linear-gradient(229deg, #4d62ff 0%, #ff5651 100%);
    box-shadow: 0px 0px 2px #ccc;
    padding: 12px 20px;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
}
.right_btns {
text-align: right;
}


.top_btn .mycheckbox1 {
margin-left: 0px;
margin-right: 0px;
}

/* table*/

.mystyle1>thead>tr>th {
vertical-align: bottom;
border-bottom: none;
}

.mystyle1>tbody>tr>td {
padding: 15px 10px;
vertical-align: middle;
}

/* pagination*/

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {

 background: rgb(85, 40, 255);
    background: linear-gradient(229deg, #4d62ff 0%, #ff5651 100%);
border-color: #6c7ae0;
}

.pagination>li>a, .pagination>li>span {

color: #6c7ae0;

border: 1px solid #ececec;
}


/*btns*/

.info {
color: #fff;
background-color: #00bcd4;
border-color: #00bcd4;
box-shadow: 0 2px 2px 0 rgba(0,188,212,.14), 0 3px 1px -2px rgba(0,188,212,.2), 0 1px 5px 0 rgba(0,188,212,.12);
padding: 8px 15px;
border: none; margin-right:5px;
border-radius: 20px;
font-size: 12px;
}

.danger{ color: #fff; border: none;
border-radius: 20px;   padding: 7px 15px;
font-size: 12px;
background-color: #f33527;
border-color: #e11b0c;
box-shadow: 0 14px 26px -12px rgba(244,67,54,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(244,67,54,.2);
}



.warning{color: #fff; border: none;
border-radius: 20px;   padding: 10px 15px;
font-size: 12px;
background-color: #f08f00;
border-color: #f08f00;
box-shadow: 0 14px 26px -12px rgba(255,152,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(255,152,0,.2);
}

.warning{color: #fff; border: none;
border-radius: 20px;   padding: 10px 15px;
font-size: 12px;
background-color: #f08f00;
border-color: #f08f00;
box-shadow: 0 14px 26px -12px rgba(255,152,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(255,152,0,.2);
}

.success
{
color: #fff; border: none;
border-radius: 20px;   padding: 10px 15px;
background-color: #3fda91;
border-color: #34bd7d;
box-shadow: 0 2px 2px 0 rgba(76,175,80,.14), 0 3px 1px -2px rgba(76,175,80,.2), 0 1px 5px 0 rgba(76,175,80,.12);
}


button i{ margin-right:5px;}

.mybtn {
transition: 0.3s;
outline: none!important;
text-transform: capitalize;
}
.mybtn a{ text-decoration:none; display:block; color:#fff;}

.mybtn:hover, .mybtn:active, .mybtn:visited {
transition: 0.3s;
opacity: 0.8;
color: #fff!important;
text-decoration: none!important;
}

a.view_question.mybtn.success.open-popup-link{ text-decoration:none!important;  color: #fff!important;}

aside.sidebar {
    width: 270px;
  
    color: #fff;
    min-height: 100vh;
    display: block; 
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10px 6px;
    position: fixed;
    z-index: 99;
    top: 0px;
    left: -100%;
    background: rgb(85, 40, 255);
    background: linear-gradient(229deg, #5065ff 0%, #ff5651 100%);
}

.mycheckbox1 {
margin-left: 20px;
}


.pretty .state label {
margin-left: 3px;
}




.fix_bar {
position: absolute;
top: 0px;
width: 100%;
 background: rgb(85, 40, 255);
    background: linear-gradient(229deg, #4d62ff 0%, #ff5651 100%);
left: 0px;
padding: 10px;
text-align: center;
z-index: 999;
border-radius: 10px 10px 0px 0px;
}

.back, .next {
background-color: #fff;
border: none;
width: 30px;
height: 30px;
text-align: center;
border-radius: 100%;
margin-right: 5px;
display: inline-block;
line-height: 31px;
}


button.myclose {
position: absolute;
right: 14px;
background-color: #4a56a7;
color: #fff;
text-align: center;
opacity: 1;
}
button.myclose i{ margin-right:0px;}



span.marks {
display: inline-block;
color: #2d2929;
background-color: white;
padding: 10px 18px;
border-radius: 23px;
margin-right: 6px;
}

.questions_popup .modal-body {
overflow: hidden;
clear: both;
padding: 0px;
padding-top: 50px;
}


.questions_popup .modal-dialog {
width: 90%;
}

.question {
overflow-x: auto;
padding: 20px;
padding-top: 70px;
}



.white-popup {
position: relative;
background: #FFF;
width: auto;
max-width: 610px;
margin: 0 auto;
border-radius: 10px;
}

.mfp-close-btn-in .mfp-close {
color: #fff;
opacity: 1;
}


.student_details {
padding: 10px;
border-bottom: 1px solid rgba(253, 253, 253, 0.34901960784313724);
margin-bottom: 15px;
}

.student_details > img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    margin: 0 auto;
    display: block;
    margin-bottom: 11px;
    position: relative;
    border: 3px solid rgb(255, 255, 255);
    box-shadow: 0px 0px 28px 2px rgb(255, 255, 255);
}


.student_details p span {
display: inline-block;
margin-right: 10px;
min-width: 100px;
}

.student_details p i{margin-right: 4px;}


.side_menu li{ display:block;}
.side_menu li a {
display: block;
}

.side_menu li a {
display: block;
color: #fff;
padding: 10px 10px;
margin-bottom: 0px;
text-transform: capitalize;
text-decoration: none;
transition: 0.3s;
font-size: 13px;
cursor: pointer;
}
.side_menu li a:hover {transition: 0.3s;
 background: rgb(85, 40, 255);
    background: linear-gradient(229deg, #4d62ff 0%, #ff5651 100%);
box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(91, 109, 245, 0.19);
border-radius: 4px;
}


.student_details p {
padding: 5px 0px;
text-transform: capitalize;
margin-bottom: 0px;
}
.side_menu li a img {
width: 20px;
margin-right: 7px;
}

.student_details p  img {
width: 20px;
height: auto;
display: inline-block;
margin: 0px;
border-radius: 0px;
margin-right: 12px;
}

span.menu_Btn img {
width: 28px;
}

span.menu_Btn {
position: absolute;
left: 3px;
top: 3px;
cursor: pointer;
padding: 10px;
}

.mynav {
float: left;
}

.mfp-content {
position: absolute;
left: 0;
right: 0;
top: 100px;
}



.fix_bar .mycheckbox1.pretty.p-svg.p-curve.p-pulse {
float: right;
color: #fff;
margin-right: 35px;
margin-top: 5px;
}

.fix_bar strong {
text-transform: capitalize;
color: #fff!important;
position: relative;
top: 5px;
}




aside.sidebar {   
transition: 0.3s; visibility:visible; opacity:1;}

aside.sidebar.openit {
    transition: 0.3s;
    visibility: visible;
    opacity: 1;
    left: 0px;
}
.main {    
transition: 0.3s;
}
.main.full {
float: none;
width: 100%;
transition: 0.3s;
min-height: 88vh; 
}






.dashboard_parts figure img {
width: 50px;
}

.dashboard_parts figure {
padding: 10px;
box-shadow: 0px 0px 2px #ccc;
position: relative;
}

.img_box {
padding: 13px;
 background: rgb(85, 40, 255);
    background: linear-gradient(229deg, #4d62ff 0%, #ff5651 100%);
float: right;
border-radius: 5px;
position: absolute;
top: -34px;
right: 14px;

}

.dashboard_parts figure h2 {
    margin: 0px;
    font-size: 40px;
    
}

b.logo {
color: #fff;
text-align: left;
float: left;
margin-left: 36px;
position: relative;
top: 7px;
text-transform: uppercase;
}


.dashboard_parts figure strong {
    text-transform: capitalize;
    color: #fff;
    margin-top: 5px;
    display: inline-block;
    font-weight: bold;
}

.dashboard_parts figure {
    padding: 25px 12px;
    box-shadow: 0px 0px 10px 2px rgba(204, 204, 204, 0.48);
    position: relative;
    border-radius: 6px;
    margin-top: 45px;
    color: #fff;
    background: rgb(85, 40, 255);
    background: linear-gradient(-150deg, #4d62ff 0%, #ff5651 100%);
}


.mypopup2 .modal-header {
    padding: 21px 18px;
    border: none;
    background: rgb(85, 40, 255);
    background: linear-gradient(229deg, #4d62ff 0%, #ff5651 100%);
    color: #fff;
    width: auto;
    position: absolute;
    z-index: 9;
    right: 25px;
    top: -25px;
    border-radius: 4px;
    height: 60px;
    text-transform: capitalize;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgb(108, 122, 224);
}

.mypopup2 .close {
opacity: 1;
color: #fff!important;
position: relative;
top: -17px;
right: -8px;
}

.mypopup2 {
top: 100px;
}




.btn1 {
    background-color: #00BCD4;
    color: #fff!important;
    border: none;
    padding: 12px 23px; text-decoration:none!important; cursor:pointer;
    border-radius: 45px;
    box-shadow: 0px 0px 4px 3px rgba(0, 188, 212, 0.21);
}


.form_paper {
padding-top: 50px;
}

option, select, label{ text-transform:capitalize;}




span.dtr-data {
white-space: normal;
}


.dashboard_parts .col-sm-3:nth-child(2) figure .img_box{ background-color:#00BCD4!important;}
.dashboard_parts .col-sm-3:nth-child(3) figure .img_box{ background-color:#00d4ad!important;}
.dashboard_parts .col-sm-3:nth-child(4) figure .img_box{ background-color:#607D8B!important;}

.wrapper {

clear: both;

}


.right_btns {
position: fixed;
right: 34px;
z-index: 99;
padding: 10px;
background-color: #fff;
box-shadow: 0px 0px 2px #cccccc61;
border-radius: 8px;
top: 99px;
}


aside.sidebar.darkHeader {
position: fixed;
top: 56px;
left: 0px;
width: 272px; z-index:9;
}

.modal{ top: 0px!important; }

.modal-dialog {

padding-top: 90px;
}

header {

transition: 0.3s;
}

header.fix {
position: fixed;
z-index: 999;
width: 100%;
transition: 0.3s;
}




.right_btns.createpopup {
position: unset;
box-shadow: none;
background: transparent;
}





.panel-title > a:before {
float: right !important;
font-family: FontAwesome;
content: "\f068";
padding-right: 5px;
}
.panel-title > a.collapsed:before {
float: right !important;
content: "\f067";
}
.panel-title > a:hover,
.panel-title > a:active,
.panel-title > a:focus {
text-decoration: none;
}

.panel-default>.panel-heading {
color: #fff;
 background: rgb(85, 40, 255);
    background: linear-gradient(229deg, #4d62ff 0%, #ff5651 100%);
border-color: #fff;
padding: 15px;
border: none;
}

.modeal_paper .mystyle1  th, .modeal_paper .mystyle1  td {
min-width: 100px!important;
}


aside.sidebar {
height: 100px;
overflow: auto;
}




/* print page */



.top_heading {
text-align: center;
text-transform: uppercase;
margin-bottom: 0px;
overflow: hidden;
clear: both;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
margin-bottom: 30px;
}

.print {
    width: 595px;
    margin: 0 auto;
    padding: 10px;
    box-shadow: 0px 0px 2px #ccc;
    background-color: #fff;
    position: relative;
}

.questions_list {
border-bottom: 1px solid #efefef;
margin-bottom: 20px;
overflow: hidden;
clear: both;
}

.questions_list:last-child{ margin-bottom:0px;}

span.duration {
float: right;
text-transform: capitalize;
}
b.date {
float: left;
}
b.marks {
display: block;
float: right;
overflow: hidden;
clear: both;
text-transform: capitalize;
margin-top: 3px;
}
.top_heading p {
margin: 0px;
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
}

span.duration {
float: right;
text-transform: capitalize;
font-weight: bold;
}


div.dataTables_wrapper div.dataTables_length select {
width: 65px!important;
display: inline-block;
}



img.watermark1 {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
    opacity: 0.1;
}




.print{   background-image: url(../images/watermark2.png);  position: relative; overflow: hidden; }

    
span.close_btn {
    position: absolute;
    right: 8px;
    top: 7px;
    padding: 4px 9px;
    cursor: pointer;
    border: 2px solid #fff;
    border-radius: 100%;
    opacity: 0.9;
}




ul.sujects {
    padding: 0px;
    margin: 0px;
}


ul.sujects li {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    margin-right: 10px;
    width: calc( 50% - 10px);
    color: #fff;    
  
    background: rgb(85, 40, 255);
    background: linear-gradient(132deg, #4d62ff 0%, #ff5651 100%);
    border-radius: 7px;
    box-shadow: 0px 2px 8px 2px rgba(204, 204, 204, 0.85);
    transition: 0.3s;
    float: left;
}
.sujects li:hover{   transition: 0.3s; transform: scale(0.98);}


.chapter li {
    display: block;
    width: calc( 33% - 10px);
    margin-bottom: 10px;
    color: #fff;
    background: rgb(85, 40, 255);
    background: linear-gradient(69deg, #4d62ff -85%, #ff5651 100%);
    border-radius: 7px;
    box-shadow: 0px 1px 10px 0px rgba(204, 204, 204, 0.85);
    color: #fefeff;
    float: left;
    margin-right: 10px;
    min-height: 126px;
    font-size: 12px;
    transition: 0.3s;
   
}

.chapter li:hover{   transition: 0.3s; transform: scale(0.95);}

.myquestions_list li {
    display: inline-block;
    width: 50px; 
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #805fce;
    border-radius: 100%;
    color: #fff;
    margin-right: 10px;
}

ul.myquestions_list {
    overflow: hidden;
    clear: both;
    margin-bottom: 25px;
}

.qty {
    display: block;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.optons_list p {
    display: flex;
    background-color: #805fce;
    padding: 10px;
    margin-bottom: 10px;
    color: #fff;
    text-transform: capitalize;
    cursor: pointer;
}
.chapter_body p {
    margin: 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    padding: 10px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 16px;
}

.optons_list p strong {
    font-weight: 400;
}

.qty h4 {
    margin: 20px 0px;
    text-transform: capitalize;
}

.chapter_heading {
    padding: 10px;
    text-align: center;
    text-transform: capitalize;
    border-bottom: 1px solid rgba(255, 255, 255, 0.28);
    overflow: hidden;
    clear: both;
}
.chapter_footer {
    padding: 10px;
    text-align: center;
    text-transform: capitalize; border-top: 1px solid rgba(255, 255, 255, 0.28);
}


.chapter_body {
    text-align: center;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    border-left: none;
    border-right: none;
}

ul.sujects li a, .chapter a{ text-decoration:none; color:inherit;}


.inner {
    display: inline-flex;
    min-height: 50px;
    text-align: center;
    text-transform: capitalize;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #fff;
    vertical-align: middle;
    padding: 8px;
}

.sujects li .inner:nth-child(1), ul.sujects li .inner:nth-child(3){ width:15%;}

.sujects li .inner:nth-child(2){ width:70%;}
.sujects li .inner:nth-child(3){  border-right:none;}

.chapter_heading .colms {
    display: block;
    float: left;
    width: 50%;
    text-align: left;
}

.chapter_footer .colms {
    display: inline-block;

    margin-right: 10px;
}

.chapter_heading .colms:last-child{ text-align:right;}

.top_bar {
    padding: 10px;
    text-align: center;
    text-transform: capitalize;
    overflow: hidden;
    clear: both;
}

.top_bar ul {
    display: block;
    overflow: hidden;
    clear: both;
    margin: 20px 0px;
    background-color: #e5586a;
    padding: 15px 0px;
    color: #fff;
}
.top_bar h3 {
    margin: 0px;
}

.top_bar ul li {
    width: 25%;
    float: left;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 29px;
    border-right: 1px dashed #fff;
}



.top_bar ul li:last-child{ border-right:none;}

button.mybtn1.top_btn {
    padding: 6px 20px;
    box-shadow: none;
    border: 1px solid #fff;
}


p.active_option {
    background-color: #555;
}




.clicked_item li {
    background-color: #e0586f;
}


.previous_attempted_papers figure {
    background-color: #fff;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0px 6px 10px #ccc;
    transition: 0.3s;
}








.previous_attempted_papers figure:hover {
    transition: 0.3s;
    transform: scale(0.95);
}


.previous_attempted_papers figure  a{ text-decoration:none; color:inherit;}


.result_top, .middle, .bottom {
    padding: 10px;
    text-transform: capitalize;
    overflow: hidden;
    clear: both;
}
.middle h4 {
    margin: 0px;
}

.result_top {
    background-color: #935dbb;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.middle span {
    display: inline-block;
    margin-top: 5px;
}
.middle {
    padding-bottom: 0px;
}

.bottom span, .result_top span {
    display: block;
    float: left;
    width: 50%;
    text-align: center;
}

.middle {
    padding: 20px; min-height: 80px;
}
.bottom {
    background-color: #f05760;
    color: #fff;
}




.result .optons_list p.correct {
    background-color: #5cb85c; 
}

.result .optons_list p {
    background-color: #484848; 
}

.result p.myanswer {
    background-color: #e85868;
}

.user_img {
    margin: 0 auto;
    display: block;
    text-align: center;
    width: 100px;
    height: 100px;
    overflow: hidden;
    clear: both; margin-bottom:30px;
}

.user_img img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    display: block;
}




.owl-nav {
    text-align: center;
}

.owl-nav button{ outline:none;}
.owl-nav span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #777777;
    color: #fff;
    line-height: 30px;
    margin-right: 10px;
    border-radius: 100%;
    text-align: center;
}
.owl-nav {
    text-align: center;
    padding-top: 15px;
}



.nav-tabs {
    border-bottom: none;
    padding-bottom: 10px;
}



.create_paper {
    margin-top: 15px;
    margin-bottom: 15px;
}


.table_section{ margin-top:20px;}



body.login_page:after {
    position: fixed;
    z-index: 999;
    content: "";
    width: 100%;
    top: 0px;
    left: 0px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    display: block;
}

.login {
    padding: 20px;
    max-width: 700px;
    margin: 0 auto;
    margin-top: 130px;
    border-radius: 5px;
    position: relative;
    background-color: rgba(0, 0, 0, 0.58);
    z-index: 9999;
    color: #fff;
}

.login_page {
    background-image: url(../images/bg3.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.login label {
    text-transform: uppercase;
}

.login .form-group {
    margin-bottom: 28px;
}

.login .mybtn1 {
    display: block;
    width: 100%;
    padding: 14px;
    border: none;
  background: rgb(85, 40, 255);
    background: linear-gradient(229deg, #4d62ff 0%, #ff5651 100%);
    color: #fff;
    text-transform: uppercase;
    margin-top: 10px;
    border-radius: 45px;
    transition: 0.3s;
 
    outline: none!important;
}

.myfrom {
    border: none;
    box-shadow: none!important;
    border-bottom: 1px solid #b7b7b7;
    border-radius: 0px;
    padding-left: 2px;
}


/* editor option*/


button[data-cmd~=bold], button[data-cmd~=underline], button[data-cmd~=strikeThrough],button[data-cmd~=superscript],button[data-cmd~=paragraphStyle],
button[data-cmd~=quote], button[data-cmd~=indent], button[data-cmd~=outdent]
{ display:none;}


.accordion2 .heading:nth-last-child(2){border-bottom:0}

.accordion2 .heading:first-child:hover{border-radius:3px 3px 0 0}
.accordion2 .heading:nth-last-child(2):hover{border-radius:0 0 3px 3px}
.accordion2 .heading::before{content:'';vertical-align:middle;display:inline-block;border-top:7px solid #f5f5f5;border-left:7px solid transparent;border-right:7px solid transparent;float:right;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;margin-top:5px}
.accordion2 .active.heading::before{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}
.accordion2 .not-active.heading::before{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
.accordion2 .contents {
    display: none;
    padding: 10px 15px;
    color: #3e3f40;
    font-size: 13px;
    line-height: 1.5;
    text-align: justify;
}

.accordion2 {
    overflow: hidden;
    clear: both;
    padding: 20px;
}
.accordion2 .heading {
    display: block; cursor:pointer;
    width: 100%;
    background-color: #d4597b;
    color: #fff;
    height: auto; font-size:12px;
    line-height: initial;margin-bottom:10px;
    float: none;
    padding: 10px;
}

.accordion2 {
    overflow: hidden;
    clear: both; 
}

span.mybtn.top_btn.edit_btn {
    display: inline-block;
}


.remove {
    background-color: #e74c3c;
    color: #fff!important;
    padding: 4px 8px;
    border-radius: 45px;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none!important;
    display: inline-block;
    transition: 0.3s;
    box-shadow: 0px 2px 2px rgba(231, 76, 60, 0.54);
}

.mybtn{ cursor:pointer;}


@media print {

* {
    -webkit-print-color-adjust: exact;   /* Chrome, Safari */
    color-adjust: exact;                 /*Firefox*/
}

.print {
width: 595px;
margin: 0 auto;
padding: 10px;
box-shadow: 0px 0px 2px #ccc;
background-color: #fff;
}

.topbtn.text-right {
display: none;
}




}











@media screen and ( max-width:1919px){


marquee {

width: calc(78% - 244px)!important;

}

}

@media screen and ( max-width:1599px){

marquee {
width: calc(80% - 244px)!important;
}

}

@media screen and ( max-width:1365px){



}

@media screen and ( max-width:1179px){

marquee {
width: calc(72% - 244px)!important;
}

.mydropdown1 {
display: inline-block;
margin-right: 5px;

}


table.dataTable>tbody>tr.child ul.dtr-details>li {
border-bottom: 1px solid #efefef;
padding: 20px 0px!important;
}

.mystyle1  .mycheckbox1 {
margin-left: 7px;
position: relative;
top: -7px;
}

.main{ padding:9px;}

}



.side_menu li {
display: block;
position: relative;
}



marquee {
color: #fff;
position: absolute;
width: calc(82% - 244px);
left: 176px;

top: 18px;
}

marquee a{ color: #fff!important; text-decoration: none!important; }


.submenu1 {
position: absolute;
padding: 9px;
z-index: 999;
left: 0px;
top: 38px;
background-color: #151514;
width: 100%;
display: none;
}





@media screen and ( max-width:1025px){

marquee {
width: calc(67% - 244px)!important;
}

}


@media screen and ( max-width:979px){

marquee {
display: none;
}

aside.sidebar {
display: none;
}
.main {
width: 100%;
}

aside.sidebar.openit {

transform: translateX(0%);
z-index: 9999;
opacity: 1;
visibility: visible;
display: block;
width: 300px;

 height: 100%;
    position: fixed;
    overflow-x: auto;


}

.main {
padding: 20px 15px;
}

div#DataTables_Table_0_length {
text-align: left;
}


.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 94%;
cursor: auto;
}


}







.myinput {
border: 0;
background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2);
background-size: 0 2px, 100% 1px;
background-repeat: no-repeat;
background-position: center bottom, center calc(100% - 1px);
background-color: transparent;
transition: background 0s ease-out;
float: none;
box-shadow: none;
border-radius: 0;
font-weight: 400; box-shadow: none!important;
height: 60px;
padding-left: 6px;
}

.focus_div_show {
position: absolute;
width: 443px;
top: 40px;
z-index: 111;
transition: 0.3s;
transform: translateY(17px);
opacity: 0;
visibility: hidden;
max-height: 190px;
overflow-x: auto;
}

.focus_div_show.show {
display: block;
visibility: visible;
opacity: 1;
transform: translateY(0);
transition: 0.3s;
}

.focus_div_show li {
display: block;
padding: 10px;
cursor: pointer;
color: #fff;
background-color: #443d3d;
margin-bottom: 0px;
transition: 0.3s;
}

.heading span {
margin-left: 10px;
text-transform: capitalize;
font-size: 20px;
}


.focus_div_show li:hover{     background-color: #00bcd4;  transition: 0.3s; }


.mygroup.form-group {
margin-bottom: 25px;
}



.editprofile button {
border: none;
 background: rgb(85, 40, 255);
    background: linear-gradient(229deg, #4d62ff 0%, #ff5651 100%);
color: #fff;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
text-align: center;
border-radius: 100%;
position: absolute;
right: -10px;
top: 21px;
z-index: 1;
}

.editprofile {
width: 100px;
height: 100px;
border-radius: 100%;
margin: 0 auto; margin-bottom: 40px; position: relative;
}

.editprofile img{ width: 100px;
height: 100px;
border-radius: 100%;}

b.marks_ {
float: right;
}

.print_question {
padding: 0px;
overflow: hidden;
width: 88%;
float: left;
}

.myquestion {
float: left;
width: 94%;
}

b.question_number {
float: left;
margin-right: 5px;
}


.options {
margin-top: 10px;
}

.options p {
display: inline-block;
margin-right: 10px;
}


.options.full_list p {
display: block;
}




.select_paper .nav-tabs>li>a {
    text-transform: capitalize;
    background-color: #dc5872;
    color: #fff;
}


.select_paper .nav-tabs li.active a {
    text-transform: capitalize;
    background-color: #272727;
    color: #fff;
}

.select_paper .tab-content {
    padding: 15px 0px;
}
.submit_btn {
    text-align: center;
    margin-top: 30px; text-transform:capitalize;
}



@media screen and ( max-width:767px){


ul.submenu1.showus {
display: block!important;
left: 34px;
width: 100%;
background-color: #333333;
}


ul.submenu1.showus {
    display: block!important;
    visibility: visible!important;
    opacity: 1!important;
}


marquee{ display: none; }

.print {
width: 100%;}

.topbtn.text-right .top_btn {

margin-top: 0px;
margin-bottom: 20px;
}

.print_question {

width: 82%;

}



}

@media screen and ( max-width:639px){

.dashboard_parts .col-xs-6.col-md-6.col-lg-3 {
width: 100%;
}

.mydropdown1 .dropdown-menu {
border-radius: 0px;
border: none;
margin: 0px;
padding: 0px;
top: 46px;
overflow: hidden;
width: 264px;
position: absolute;
right: 0px;
left: auto;
z-index: 99999;
min-width: auto;
}

aside.sidebar.openit{ z-index: 9!important; }

.login {
   
    max-width: 342px;
  
    margin-top: 90px;
    
}


div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
    text-align: left;
    
}


}



@media screen and ( max-width:639px){

.dropdown.mydropdown1.drop3 {
display: none;
}

div#DataTables_Table_0_filter {
float: right;
position: relative;
top: -35px;
}

input.form-control.input-sm {
width: 50px!important;
}
span.marks {
display: inline-block;
color: #fff;
background-color: transparent;
padding: 0px;
border-radius: 23px;
margin-right: 11px;
}
.mydropdown1 button {
border: none;

background-color: transparent;
border-radius: 20px;
padding: 8px;
color: #fff;
}
.right_btns {
position: unset;}


.heading i {
padding: 17px;

font-size: 12px;
position: absolute;}

.heading {
padding-left: 47px;


}


.datatabe_outer {

padding: 9px 15px;

}



.top_btn {

padding: 10px 20px;

margin-top: 15px;
}

.main {
width: 100%;
display: block;
float: none!important;
overflow-x: auto;
clear: both;
}


aside.sidebar.openit {
    width: 260px;
    height: 100%;
    position: fixed;
    overflow-x: auto;
}


.mydropdown1 .dropdown-menu li a {

padding: 8px;

}

.right_btns.createpopup button.mybtn.top_btn {
margin-top: -61px;
padding: 11px 16px;
font-size: 11px;
}


.login {
    max-width: 322px;
    margin-top: 90px;
}
.heading {
    width: 100%;
}

.copyrights.text-center{ font-size:12px;}


}



@media screen and ( max-width:359px){

.print_question {
width: 81%;
}


.login {
    max-width: 290px;
    margin-top: 50px;
}

}