.main_head_strips{
border: 2px solid #d60000;
padding: 2px;
margin-left: 2px;
}
.main_head_strips .main_head_strip{
background: #d60000;
text-align: center;
font-weight: bold;
font-size: 20px;
color: white;
text-shadow: 1px 1px black;
}
.tab-buttons-bg{
background: #282c2a0d;
border: 2px solid #0000;
padding: 2px;    
}
.tab-buttons{
display: flex;
justify-content: start;
gap: 5px;
}
.tab-buttons>button{
color: #000;
    text-align: center;
    white-space: nowrap;
    background: #fff;
    border-radius: 0;
    padding: 3px 15px;
    font-size: 14px;
    font-weight: 600;
    transition: background-color .2s, color .2s;
    display: block;
    box-shadow: 0 2px 8px #00000026;
    border: 0px;
}
.tab-buttons>.active ,.tab-buttons>button:hover{
background: #fc9928;
color: white;
}
.thirtyshorts{
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
padding: 8px;
border-radius: 10px 10px 0px 0px;
border-bottom: 2px solid #fc9928;
}
.online-course-analytics{
display: flex;
place-items: center;
flex-wrap: wrap-reverse;
}
.thirtyh3{
color: black;
font-weight: 600;
letter-spacing: 0.6px;
font-size: 15px;
}
.online-course-analytics-btan{
padding: 2px 10px;
margin-left: 10px;
margin-top: -10px;
color: #ffffff;
}
.double-line-bottom-theme-colored-2{
margin-bottom: 20px;
margin-top: 8px;
padding-bottom: 0px;
position: relative;
}
.double-line-bottom-theme-colored-2::before{
bottom: -1px;
content: "";
height: 6px;
left: 10px;
position: absolute;
width: 24px;
border-radius: 8px;
background: #FC9928;
}
.double-line-bottom-theme-colored-2::after{
bottom: 1px;
content: "";
height: 2px;
left: 0px;
position: absolute;
width: 64px;
border-radius: 8px;
background: #FC9928;
}
.thirtyshortsond{
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.thirtyshortsond p{
margin-right: 10px;
}
.oandd{
color: black;
font-weight: 600;
font-size: 13px;
}
.ondspan{
color: gray;
font-weight: 500;
font-size: 12px;
}
.total-online-classes{
background-color: #eab17f;
color: white !important;
border-radius: 50%;
padding: 2px 6px;
}
.thirtyh3>span{
float: right;
}
.mock-test-result-div{
border: none;
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
border-radius: 10px;
margin-bottom: 20px;
}
.mock-test-result-head{
background-color: #f7f6f2 !important;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.ribbon-wrapper-green{
width: 85px;
height: 37px;
overflow: hidden;
position: absolute;
top: 0px;
left: -4px;
}
.ribbon-green {
font: bold 9px Sans-Serif;
color: #fff;
text-align: center;
text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
position: relative;
padding: 1px 0;
left: -29px;
top: 14px;
width: 120px;
background-color: #ea181e;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ea181e), to(#b90005));
background-image: -webkit-linear-gradient(top, #ea181e, #b90005);
background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45);
background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45);
background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45);
color: #fff;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}
.ribbon-red{
background-color: #8dc735;
background-image: -webkit-gradient(linear, left top, left bottom, from(#8dc735), to(#649a12));
background-image: -webkit-linear-gradient(top, #8dc735, #649a12);
background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45);
background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45);
background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45);
}
.ribbon-red:before, .ribbon-red:after{
content: "";
border-top: 3px solid #b90005;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position: absolute;
bottom: -3px;
}
.ribbon-green:before{
right: 0;
}
.ribbon-green:after, .ribbon-green:after {
content: "";
border-top: 3px solid #6e8900;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position: absolute;
bottom: -3px;
}
.ribbon-green:after{
left: 0;
}
#mock_test_result{
list-style-type: none; 
padding: 5px; 
}
.mock-test-result-head{
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-color: #ddd;
position: relative;
color: #333;
background-color: #f7f6f2 !important;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
position: relative;
}
.mock-test-result-head h1{
color: #404040;
font-size: 12px;
margin-top: 0px !important;
margin-bottom: 0px !important;
margin-left: 20px;
text-align: center;
font-weight: 900;
}
#mock_test_result>li{
padding: 5px; 
font-size: 12px;
}
#mock_test_result li:nth-child(odd){
background-color: #fff9f9;
}
#mock_test_result li:nth-child(even){
background-color: #fcffff;
}
#mock_test_result li{
border-bottom: 1px solid #c3c3c34a;
}
.mock-test-score-content{
margin-bottom: 0px;
line-height: 1.7;
color: #777777;
font-size: 12px;
font-family: "Roboto", sans-serif;
align-items: center;
list-style: none;
}
.mock-test-score-content img{
width: 15px;
margin-bottom: 3px;
margin-right: 5px;
}
.darkblack{
color: #000000;
}
.darkred{
color: red;
}
.darkblue{
color: darkblue;
}
.mock-test-score-analysis-btan{
display: flex;
gap: 3px;
}
.mock-test-score-analysis-btan>a{
width: 50%;
}
.info-analysis-btan{
color: #ffffff;    
}
.info-analysis-btan:hover{
color: #ffffff;    
}
.analysis-img{
box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
border-radius: 5px;
padding: 2px 5px;
margin-left: 5px;
white-space: normal;
display: inline-block;
background-color: white;
color: #5bc0de;
border: 1px solid #5bc0de;
position: relative;
}
.users-count{
position: absolute;
top: -12px;
border-radius: 50%;
padding: 1px 5px;
font-size: 9px !important;
background: #61cae9;
color: #fff;
}
.analysis-img>img{
width: 25px;
margin-left: 8px;
right: 6%;
position: absolute;
}
.analysis-img:hover{
color: #fff;
background-color: #5bc0de;
}
.analysis-img:hover .users-count{
color: #111;
background-color: #fff;
}
.swiper-btn-close{
position: absolute;
z-index: 9;
top: -10px;
right: -10px;
background: #d60000;
color: #ffffff;
border: none;
border-radius: 100%;
padding: 2px 9px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.ReactModal__Overlay.ReactModal__Overlay--after-open{
display: flex !important;
justify-content: center !important;
background-color: rgb(161 161 161 / 75%) !important;
}
.ReactModal__Content.ReactModal__Content--after-open{
position: relative !important;
max-width: 600px;
border: 0px !important;
background-color: #fcfcfc !important;
inset: 0px 0px 40px !important;
overflow: visible !important;
}
.question-box-analysis{
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
padding: 0px; 
margin-bottom: 15px;
border-radius: 5px;   
}
.analysis-section{
white-space: nowrap;
scrollbar-width: thin;
overflow-x: auto;
overflow-y: hidden; 
padding-top: 2px; 
padding-left: 2px;
padding-right: 2px; 
border-bottom: 1px solid #e5e5e5;
gap: 10px;
margin-bottom: 10px;
}
.analysis-details{
box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; 
background-color: #fff; 
border: 1px solid #e7e7e7;
padding: 1px 5px;
border-radius: 5px;
font-size: 13px;
}
.analysis-questions{
height: 480px;
scrollbar-width: thin;
overflow-y: auto;
overflow-x: hidden;
}
.mock-test-analysis-panel-heading{
background-color: #d90000 !important;
border-color: #ddd;
color: #fff !important;   
}
.main-analysis-div{
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.roman-number-style{
list-style-type: lower-roman;   
}
.subscribe-benefits{
margin: 30px auto;
background: #16213E;
width: 140px;
height: 140px;
color: #fff;
position: relative;
text-align: center;
}
.subscribe-benefits:before, .subscribe-benefits:after{
content: "";
position: absolute;
top: 0;
left: 0;
height: 140px;
width: 140px;
background: #16213E;
}
.subscribe-benefits:before{
-webkit-transform: rotate(30deg);
}
.subscribe-benefits:after{
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
}
.subscribe-benefits > span{
color: #fff;
z-index: 999;
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
text-align: center;
height: 100%;
padding: 20px 5px 0 0;
font-size: 18px;
text-transform: uppercase;
font-weight: 500;
line-height: 1.5;
}
.subscribe-benefits > span .subs{
color: #fc9928;
}
.point-side{
width: 0;
height: 0;
border-bottom: 15px solid #bdbdbd;
border-left: 0px solid transparent;
border-right: 15px solid transparent;
margin: 0px 0 0 0;
}
.widget-2{
display: block;
padding: 5px;
background: #ffffff;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
border: 1px solid #bdbdbd;
font-size: 14px;
}
.mock-analysis-scroll, .mock-modal-test-rightdiv{
max-height: 450px;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: thin;
}
.mock-modal-test-rightdiv{
padding: 0px 2px;
}
.rank-table-border{
border: none !important;   
}
.analysis-thead>tr>th{
color: white;
background: #E25111;
border: none;
font-size: 14px;
}
.analysis-tr{
border-bottom: 1px solid #ccc;
color: black;
font-weight: bold;
}
.analysis-td{
line-height: 28px !important;
border: none;
font-size: 12px;
}
.summ-fa3{
background-color: #e91e63;
color: white;
width: 15px;
height: 15px;
text-align: center;
border-radius: 100%;
line-height: 28px;
padding: 5px;
}