body {
font-family: 'Montserrat',Helvetica,Arial,sans-serif !important;
/*font-family: 'Montserrat',Helvetica,Arial,sans-serif !important;*/
}
.w_10{width: 10% !important;}
.w_15{width: 15% !important;}
.w_25{width: 25% !important;}
.w_20{width: 20% !important;}
.w_30{width: 30% !important;}
.w_40{width: 40% !important;}
.w_50{width: 50% !important;}
.w_60{width: 60% !important;}
.w_70{width: 70% !important;}
.w_80{width: 80% !important;}
.w_90{width: 90% !important;}
.w_100{width: 100% !important;}
/* Keyword values */
-webkit-print-color-adjust: economy;
-webkit-print-color-adjust: exact;
/* Global values */
-webkit-print-color-adjust: inherit;
-webkit-print-color-adjust: initial;
-webkit-print-color-adjust: unset;
[data-key="sitesettings"] {
display: none !important;
}
a[data-key="sitesettings"] {
display: none !important;
}
div#page-content{
width:100%;
}
div#page-content div#region-main-box{
padding: 0;
}
.display_none{display: none !important;}
.display_block{display: block !important;}
.error{
color: red !important;
}
.success{
color: green;
}
.bg_gray{
background: #e7e7e7 !important;
}
.copy_content{cursor: copy;}
.nav-item#time_menu{
margin-right: 30px;
line-height: 2;
font-weight: 700;
}
#region-main-box{
/*padding: 0;*/
}
#region-main{
min-height: 500px !important;
padding: 0!important;
margin: 0 !important;
/*border: none!important;*/
border: 1px solid #d1d1d1!important;
border-radius: 6px;
}
.print_button{float: right;
width: auto;
cursor: pointer;
padding: 2px 10px;
border: 1px solid lightgrey;
border-radius: 5px;}
.print_button .print_icon{
margin-right: 10px;
}
.print_button .print_text{
font-size: 14px;
}
.no_record{
width: 100%;
padding: 50px;
background: #f1f1f1;
text-align: center;
margin-top: 10%;
}
.no_record span{
font-size: 22px;
font-weight: 700;
color: #9f9f9f;
}
.disable_btn{
/*opacity: 0.2;*/
cursor: not-allowed !important;
pointer-events: none;
}
.disabled_btn{
opacity: 0.2;
cursor: not-allowed !important;
pointer-events: none;
}
.disable_area {
opacity: .2;
cursor: not-allowed!important;
pointer-events: none;
background: #a5a5a5;
}
.alert-danger, #page-admin-index .adminerror{
background-color: #ffafab !important;
border-color: #ffafab !important;
}
.alert-success, .que .comment{
background-color: #83e483 !important;
border-color: #83e483 !important;
}
table .table_upload_head{
font-size: 18px;font-weight: 600;margin-bottom: 20px;float: left;width: 100%;
}
.table_upload_head .type_item{
float: left;
width: 13%;
padding: 3px 10px;
font-size: 14px;
margin-right: 20px;
text-align: center;
}
.table_upload_head .type_item.uploaded{
color: #ffffff;
background: green;
}
.table_upload_head .type_item.not_uploaded{
color: #ffffff;
background: red;
}
.custom_table .odd_row{
background: #f4f4f4 !important;
}
.custom_table .even_row{
background: #ffffff !important;
}
.advanced_setting_section .input_area{
padding-left: 0;
/*display: inline-flex;*/
display: -webkit-box
}
.advanced_setting_section .input_area input{
margin-left: 5px;
}
#upload_sectiondata_form{
background: #c7c7c7;
padding: 25px 0 50px 0;
}
#upload_sectiondata_form .title_head{
padding: 10px;
font-size: 18px;
font-weight: 700;
padding-bottom: 30px;
float: left;
}
.upload_section h3.upload_heading{
font-size: 23px;
font-weight: 600;
background: #8c8c8c;
line-height: 2;
color: #ffffff;
}
.upload_section .get_question_btn{
float: right;
background: #fff;
color: #000;
font-size: 16px;
padding: 7px;
cursor: pointer;
}
/*table thead th{color: blue; cursor:pointer;}*/
input.formInvalid::-webkit-input-placeholder{color:red}input.formInvalid:-moz-placeholder{color:red}input.formInvalid::-moz-placeholder{color:red}input.formInvalid:-ms-input-placeholder{color:red}
.active{background: #ff8201;color: #fff;box-shadow: none !important;}
.active:hover{color:#fff;}
.btn:focus{box-shadow: none !important;}
#page-course-editcategory #region-main-box #region-main h2, #region-main .view-mode-selector, a[data-key='calendar'], a[data-key='home'], a[data-key='privatefiles'], #page-footer .usertour, ol.breadcrumb{display:none !important;}
#page-wrapper nav.navbar{background:#137FC8!important;}
.action-menu .dropdown-toggle {color: #ffffff;}
#page-wrapper nav.navbar .site-name, #page-wrapper nav.navba .usertext {color:#fff !important;}
.list-group-item.active{background-color: #ff8201 !important;border-color: #ff8201 !important;}
.asf_form{float:left;width:20% !important;margin-left: 0 !important;}
.asf_form.d-inline, .asf_form .col-md-3{display:none !important;}
.homework_data_parent{padding: 50px 40px;margin:0;}
.homework_data_parent .panel-heading{padding: 10px 15px;color: #333;background-color: #f5f5f5;border-color: #ddd;}
.homework_data_parent .item_list{margin-bottom:15px;}
.homework_data_parent .panel-title a{font-weight:600; color:#000000 !important;}
.wd_25{width:25% !important;}
.wd_25 button, .wd_25 select{width:100% !important;}
#page-header .card { height: 48px;margin-top: 6px;}
#page-header .page-header-headings h1{font-size: 21px;font-weight: 600;margin: 0;padding-left: 0;}
#page-header .card-body {padding:10px;}
.gray_btn {
background-color: #e7e7e7;
color: #000;
border: none;
padding: 5px 15px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin-right: 5.4%;
}
.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;
}
.card-body{padding-left:0 !important;}
.card-body{padding-left: 20px !important;}
#id_cancel{display:none !important;}
#fitem_id_test_date{float:left;width:35%;}
.asf_form_file{width:30% !important;}
.list-group.mt-1{margin-top: 0 !important;}
/*---- form css----------------*/
.fitemtitle{display: none;}
form.mform{float: left;width: 100%;}
#page-admin-search form.mform{float: inherit;}
#page-books-add #region-main .no-overflow, #page-topics-add #region-main .no-overflow,
#page-batch-add #region-main .no-overflow, #page-class-add #region-main .no-overflow,
#page-tests-add .no-overflow, #page-questionPaper .no-overflow,
#page-questionResponse .no-overflow, #page-subjects-add .no-overflow,
#page-topic-add .no-overflow, #user_list_area .no-overflow{float:left;width:100%;}
div.asf_form_textarea {
float: left;
width: 100%;
}
#page-questionPaper #fgroup_id_buttonar{float: left;}
.upload_area{
float: left;
width: 100%;
padding: 15px;
margin-bottom: 10px;
}
.upload_area span{
background: var(--secondary);
padding: 10px;
cursor: pointer;
}
.asf_form.full_width{width: 100% !important;}
.full_width .form-inline .form-control{width: 100% !important;}
/*---- formcss end --------*//*
/*--------------- user filter form -------------*/
#student_filter_form .field_area{display: inline-block;}
.filter_bg {
width: 100%;
background: #ffffff;
/*box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2);*/
padding: 0px 0 8px;
/*border-bottom: 1px solid #ccc;*/
/*margin-top: 15px;
border-top: 4px solid #007fc8;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
*/
}
.filter_bg .top_header {
height: 50px;
padding: 8px 15px 15px;
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
}
.filter_bg .top_header h4 {
display: flex;
align-items: center;
justify-content: space-between;
}
.top_ic_arrow {
font-size: 13px;
color: #000 !important;
background: #f5f5f5;
padding: 6px 10px;
border: 1px solid #d7d7d7;
cursor: pointer;
}
span.top_ic_arrow.toggle_panel.collapsed:after {
font-family: FontAwesome;
content: "\f107";
cursor: pointer;
}
span.top_ic_arrow.toggle_panel:after {
font-family: FontAwesome;
content: "\f106";
cursor: pointer;
margin-left: 4px;
font-size: 14px;
}
/*--------------- user filter form end -------------*/
/*------------------ time table html ----------------*/
/*
.t_table_container *{
margin: 0;
padding: 0;
}
.t_table_container {
width: 100%;
max-width: 700px;
margin: auto;
padding: 20px;
border: 2px solid #007fc8;
border-radius: 15px;
background: #f2f2f2;
}
.t_table_head {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.t_table_log_box {
width: 200px;
}
.t_table_log_box img{
width: 100px;
}
.t_table_header h2 {
font-size: 20px;
margin-bottom: 4px;
}
.t_table_header p {
font-size: 12px;
text-align: center;
}
span.t_table_logo_text {
color: #007fc8;
font-size: 28px;
}
.t_table_header span.xl_text {
color: #ff8201;
}
.t_table_box{
margin-bottom: 20px;
}
.t_table_box table th {
font-size: 12px;
font-weight: 500;
border: 2px solid #dedede;
border-top: none;
padding: 8px 12px;
}
.t_table_box table th:first-child{
border-left: none;
}
.t_table_box table td {
font-size: 12px;
color: #ffffff;
border: 2px solid #dedede;
padding: 4px 12px;
}
.t_table_box table td:first-child{
border-left: none;
}
.t_table_box table td:last-child{
border-right: none;
}*/
/*------------------ time table html end -----------*/
/*----------collapse menu submenu */
.sub_list_area{float: left;width: 100%;}
.sub_list_area .c_grid_heading{
float: left;
width: 100%;
padding: 10px 0;
background: gray;
color: #fff;
font-weight: 600;
}
.data_row .sr_no{
padding-left: 15px !important;
}
ul.ls_none{list-style: none;}
.sub_list_area .menu_list a {
display:block;
padding:5px;
color:#000;
background: none;
}
li li {
display:none;
}
.sub_list_area .sub_list_menu{
display: block;
float: left;
width: 100%;
padding: 0;
/*padding-left: 15px;*/
}
.sub_list_area .menu_list{
float: left;
width: 100%;
padding: 15px;
padding-bottom: 0;
padding-left: 0;
}
.sub_list_menu .data_row{
float: left;
width: 100%;
border-bottom: 1px solid var(--secondary);
}
/*.sub_list_area .parent_li.nav-open{
background: var(--secondary);
}*/
.sub_list_area .data_row.has_opened{
background: var(--secondary);
}
.has-submenu > a:after {
content:' [+] ';
}
.has-submenu.nav-open > a:after {
content:' [-] ';
}
li li a {
padding-left:40px;
background:#888;
}
li li li a {
padding-left:80px;
background:#333;
}
/*------------ collapse menu end ---------*/
/* Custom popup */
#customPopupParent{
background: rgba(0 0 0, 81%) !important;
}
.customPopup {
width: 40%;
background-color: white;
border-radius: 10px;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
overflow: hidden;
text-align: center;
margin: 70px auto;
}
.customPopup .popup-header {
background-color: #bce4ff;
padding: 20px;
font-size: 24px;
font-weight: bold;
display: flex;
justify-content: space-between;
}
.customPopup .popup-header h2, .customPopup .popup-header span{
font-size: 18px;
font-weight: 600;
}
.customPopup .popup-body {
padding: 20px;
max-height: 65vh;
overflow: auto;
}
.customPopup .popup-body h2 {
font-size: 22px;
margin: 0;
margin-bottom: 10px;
}
.customPopup .popup-body p {
font-size: 14px;
color: #555;
margin-bottom: 20px;
}
.customPopup .popup-info {
display: flex;
justify-content: space-around;
border-top: 1px solid #e5e5e5;
padding-top: 20px;
padding-bottom: 20px;
}
.customPopup .popup-info div {
text-align: center;
}
.customPopup .popup-info div h3 {
font-size: 16px;
margin: 0;
margin-bottom: 5px;
font-weight: bold;
}
.customPopup .popup-info div p {
margin: 0;
font-size: 14px;
color: #555;
}
.customPopup .popup-footer {
background-color: #f9f9f9;
padding: 20px;
text-align: center;
}
.customPopup .popup-footer a {
text-decoration: none;
background-color: #137fc8;
color: white;
padding: 10px 20px;
border-radius: 5px;
font-weight: bold;
}
/* Custom popup end */
.modal_overlay {
position: fixed;
left: 0;
top: 0;
background: rgba(0,0,0,81%);
width: 100%;
height: 100%;
z-index: 999;
transition: 0.5s ease;
display: none;
}
.modal_container {
background: #ffff;
width: 90%;
margin: auto;
padding: 30px;
/*margin-top: 5%;*/
/*margin-top: 20px;*/
margin-top: 4% !important;
position: relative;
height: 90vh !important;
overflow: auto;
}
/*#test_que_popup .modal_container{
width: 55%;
}*/
span.close_modal, span.close_test_que_popup {
/*font-size: 35px;
color: #000000;
position: absolute;
top: 15px;
right: 15px;
line-height: 1;
cursor: pointer;*/
font-size: 35px;
color: #000;
position: absolute;
top: 61px;
right: 37px;
line-height: 1;
cursor: pointer;
z-index: 99999;
width: 40px;
height: 40px;
background: #ffffff;
text-align: center;
}
#test_que_popup .section_head .ans_col,
.test_que_popup .section_head .ans_col{width: 20%;}
#test_que_popup .section_head .ans_key_col,
.test_que_popup .section_head .ans_key_col{float: left;width: 40%;}
#test_que_popup .ans_key_col img,
.test_que_popup .ans_key_col img{width: 40px;height: 40px;object-fit: contain;}
.modal_header {
margin-bottom: 25px;
}
.modal_header h2 {
font: Bold 19px/23px Montserrat;
letter-spacing: 0px;
color: #000000;
margin-bottom: 8px;
}
.modal_content h5 {
font: Bold 15px/22px Montserrat;
letter-spacing: 0px;
color: #FD8223;
margin-bottom: 15px;
}
#test_que_popup .modal_head, #test_que_popup .section_head,
.test_que_popup .modal_head, .test_que_popup .section_head{
background: #f3f3f3;
color: #000000;
padding: 5px 10px;
width: 99%;
float: left;
text-align: center;
position: relative;
}
#test_que_popup .modal_head h2, #test_que_popup .section_head h2,
.test_que_popup .modal_head h2, .test_que_popup .section_head h2{
font-size: 17px;
font-weight: 700;
line-height: 1.3;
padding: 0;
padding-top: 10px;
margin: 0;
float: left;
/*width: auto;*/
width: 100%;
text-align: center;
color: #1c1c1c;
}
#test_que_popup .section_head h2,
.test_que_popup .section_head h2{
text-align: left;
width: auto;
margin-right: 20px;
font-size: 16px;
}
/*-----new format css--------*/
#test_que_popup .question_summary,
.test_que_popup .question_summary{
float: left;width: 100%;margin-top:10px;margin-bottom: 30px;
}
#test_que_popup .question_summary .question_summary_row,
.test_que_popup .question_summary .question_summary_row{
float: left;width: 100%;padding: 10px;padding-top: 0;
}
#test_que_popup .question_summary .question_summary_title,
.test_que_popup .question_summary .question_summary_title{
float: left;width: 20%;
}
#test_que_popup .question_summary_title .question_info_title,
.test_que_popup .question_summary_title .question_info_title{
font-size: 15px;font-weight: 700;
}
#test_que_popup .question_summary_title .separator,
.test_que_popup .question_summary_title .separator{
float: right;
}
#test_que_popup .question_summary .question_summary_info,
.test_que_popup .question_summary .question_summary_info{
float: left;width: 75%;margin-left: 20px;
}
#test_que_popup .que_section,
.test_que_popup .que_section{
float: left;
width: 100%;
padding: 10px 30px;
}
#test_que_popup .que_section .que_area_parent,
.test_que_popup .que_section .que_area_parent{
float: left;
width: 70%;
padding: 0 30px;
}
#test_que_popup .que_section .que_area_parent .que_no,
.test_que_popup .que_section .que_area_parent .que_no{
float: left;
width: 2%;
font-weight: 700;
margin-right: 10px;
}
#test_que_popup .que_section .que_area_parent .que_area,
#test_que_popup .que_section .que_area_parent .option_area,
.test_que_popup .que_section .que_area_parent .que_area,
.test_que_popup .que_section .que_area_parent .option_area{
float: left;
width: 95%;
}
#test_que_popup .que_section .ans_area_parent,
.test_que_popup .que_section .ans_area_parent{
float: left;
width: 30%;
padding: 10px;
margin-top: 20px;
}
#test_que_popup .que_section .ans_area_parent .ans_column,
.test_que_popup .que_section .ans_area_parent .ans_column{
float: left;width: 50%;padding: 10px;margin-top:20px;text-align: center;height: 42px;font-size: 14px;
}
/*#test_que_popup .que_section .ans_area_parent .ans_column.admin{
float: right !important;
}*/
/*----- popup css---------*/
/*.box {
width: 40%;
margin: 0 auto;
background: rgba(255,255,255,0.2);
padding: 35px;
border: 2px solid #fff;
border-radius: 20px/50px;
background-clip: padding-box;
text-align: center;
}
*/
/*.button {
font-size: 1em;
padding: 10px;
color: #fff;
border: 2px solid #06D85F;
border-radius: 20px/50px;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease-out;
}
.button:hover {
background: #06D85F;
}
*/
.cp_overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
z-index: 999;
}
.cp_overlay:target {
visibility: visible;
opacity: 1;
}
#custom_popup .list_not_available{
float: left;
width: 100%;
padding: 50px;
border: 1px solid #e7e7e7;
border-radius: 5px;
margin-top: 50px;
}
#custom_popup .list_not_available .inner_text{
text-align: center;
font-size: 22px;
color: #bab7b7;
}
#custom_popup .list_not_available .inner_button_area{
width: 100%;
float: left;
display: flex;
margin-top: 40px;
}
#custom_popup .list_not_available .inner_button{
margin: auto;
padding: 5px 10px;
background: #137fc8;
color: #ffffff;
border-radius: 5px;
}
#custom_popup .list_not_available .inner_button_area a{
color: #ffffff;
margin: auto;
}
.assign_gl_popup .assign_btn{
cursor: pointer;
background: #dddddd;
padding: 5px 15px;
font-weight: 600;
line-height: 1.6;
width: auto;
}
#custom_popup .body {
margin: 70px auto;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 45%;
position: relative;
transition: all 5s ease-in-out;
}
.body .custom_popup_heading{
font-size: 20px;
font-weight: 600;
}
#custom_popup .body h2 {
margin-top: 0;
color: #333;
font-family: Tahoma, Arial, sans-serif;
}
#custom_popup .body .close {
position: absolute;
top: 10px;
right: 18px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #333;
}
#custom_popup .body .close:hover {
color: #06D85F;
}
#custom_popup .body .content {
max-height: 30%;
overflow: auto;
}
#custom_popup .list_area .list_row {
padding: 5px 10px;
background: #f6f6f6;
border-bottom: 1px solid #cecece;
}
#custom_popup .sub_form_area{
float: left;
width: 100%;
padding: 20px;
padding-bottom: 30px;
border-bottom: 1px solid var(--secondary);
background: #e7e7e7;
}
.sub_form_area .head{
font-size: 20px;
font-weight: 700;
/*margin-bottom: 30px;*/
margin-bottom: 10px;
margin-top: 10px;
float: left;
/*text-decoration: underline;*/
}
.que_wise_table_summary td.ans_key{
background: #e7e7e7;
}
#update_subject_form .form-group, #add_topic_form .form-group{
margin-right: 20px;
}
.edit_subject_popup ._sub_topic_list{
float: left;
width: 100%;
text-align: left;
/*margin-top: 20px;*/
}
._sub_topic_list ._list_item{
float: left;
width: auto;
padding: 4px 15px;
font-size: 14px;
border-radius: 50px;
border: 1px solid var(--gray);
margin-right: 10px;
margin-top: 10px;
}
._sub_topic_list ._list_item ._item_text{
margin-right: 10px;
}
._sub_item_remove{cursor: pointer;}
.line_head {
float: left;
width: 100%;
font-size: 15px;
color: var(--gray-dark);
margin-top: 10px;
margin-bottom: 15px;
letter-spacing: 1.2px;
font-weight: 600;
text-align: center;
margin-top: 30px;
}
.line_head:before, .line_head:after {
background-color: var(--gray-dark);
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 15%;
}
.line_head:before {
right: 0.5em;
/*margin-left: -50%;*/
}
.line_head:after {
left: 0.5em;
/*margin-right: -50%;*/
}
/*--------------- issue detail page css----------*/
.grl_issue_container label {
font: normal normal normal 12px/18px Montserrat;
text-transform: uppercase;
letter-spacing: 0px;
color: #000000;
opacity: 0.57;
}
.grl_issue_date_box {
margin-bottom: 20px;
}
.grl_issue_detail_box {
margin-bottom: 40px;
}
.grl_issue_detail_box ul {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0;
}
.grl_issue_detail_box ul li {
margin-right: 30px;
}
.grl_issue_detail_box ul li h3{
font-size: 16px;
font-weight: 600;
}
.grl_issue_conver_box ul{
padding: 0;
}
.grl_issue_conver_box ul li {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 15px;
}
p.grl_issue_text {
width: calc(100% - 350px);
margin-right: 15px;
white-space: pre-wrap;
}
span.grl_issue_user {
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #d9d9d9;
border-radius: 50%;
margin-right: 15px;
}
span.grl_convr_date {
font-size: 14px;
width: 180px;
color: #d9d9d9;
}
.grl_issue_conver_box {
/*height: auto;
max-height: 250px;
overflow: auto;*/
margin-bottom: 40px;
}
.grl_issue_conver_box::-webkit-scrollbar {
width: 6px;
}
.grl_issue_conver_box::-webkit-scrollbar-thumb {
background: #d9d9d9;
}
.grl_issue_query_box textarea {
min-height: 300px;
resize: none;
padding: 25px;
margin-bottom: 15px;
}
/*------------------------ end -------------------*/
/*----------------------- weekly focussed session report css---------------*/
.assist_middle_section {
/*width: calc(100% - 236px);*/
/*max-width: 1280px;*/
padding: 0 25px;
}
.assit_student_summery_box {
background: #FFFFFF;
/*box-shadow: 0px 0px 6px rgba(0,0,0,0.14);*/
border-radius: 9px;
padding: 30px 30px 50px 30px;
}
.assit_student_header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 25px;
}
.assit_student_header h2 {
font: normal normal 600 25px/30px Montserrat;
letter-spacing: 0px;
color: #137FC8;
}
.assit_student_action {
display: flex;
align-items: center;
justify-content: space-between;
}
.assit_student_action span.fa.fa-print {
font-size: 25px;
color: #fd8223;
display: inline-flex;
margin-right: 30px;
cursor: pointer;
}
.assit_std_common_info_box ul li {
font: normal normal normal 16px/19px Montserrat;
color: #000000;
display: inline-flex;
margin-right: 15px;
margin-bottom: 12px;
}
.assit_std_common_info_box ul li span.assit_std_common_title {
display: inline-flex;
font: normal normal normal 14px/18px Montserrat;
color: #000000;
opacity: 0.57;
margin-right: 8px;
}
.assit_std_summr_box {
margin-top: 25px;
}
/*.assit_target_hwrk_header {
margin-bottom: 25px;
}*/
.assit_weekly_test_score_head {
/*padding: 10px 30px;*/
/*margin-bottom: 25px;*/
}
.assit_weekly_test_score_head h2{
display: flex;
align-items: center;
font: normal normal 600 18px/22px Montserrat;
color: #000000;
}
.assit_weekly_test_score_head h2 span.assit_weekly_test_score{
display: inline-flex;
margin-left: 15px;
font: normal normal 600 29px/35px Montserrat;
}
.assit_target_hwrk_header h2 {
font: normal normal 600 18px/22px Montserrat;
letter-spacing: 0px;
color: #137FC8;
}
.assit_target_hwrk_header h2 span {
font-size: 15px;
display: inline-flex;
margin-right: 8px;
color: #696969;
}
.assist_table_resposive_box .table th, .assist_table_resposive_box .table td{padding: 5px;}
.assit_target_hwrk_content_head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 15px;
}
.assit_target_hwrk_content {
width: 100%;
/*overflow: auto;*/
}
.assit_target_hwrk_content_head div {
min-width: 200px;
}
.assit_target_hwrk_head.complete, .assit_target_hwrk_head.marked {
display: flex;
min-width: 150px;
align-items: center;
justify-content: center;
}
.assit_target_hwrk_item {
display: flex;
border-bottom: 1px solid #d9d9d9;
padding: 8px 0;
}
.assit_target_hwrk_item div {
min-width: 200px;
max-width: 200px;
}
.assit_target_hwrk_detail {
display: flex;
flex-direction: column;
}
.assit_target_hwrk_detail_item {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
}
.assit_target_hwrk.is_compl_box, .assit_target_hwrk.is_marked_box {
display: flex;
min-width: 150px;
align-items: center;
justify-content: center;
}
.assit_aob_content {
margin-bottom: 30px;
}
.assit_assit_aob_header {
margin-bottom: 15px;
}
.assit_assit_aob_header h2 {
font: normal normal normal 18px/22px Montserrat;
letter-spacing: 0px;
color: #1F1F1F;
}
.assit_assit_aob_header h2 span.aob_test_related_comment {
font: normal normal normal 16px/19px Montserrat;
letter-spacing: 0px;
color: #FF0000;
display: inline-flex;
margin-left: 50px;
}
.assit_comment_sec_box textarea{
min-height: 110px;
resize: none;
border: none;
border-radius: 9px;
box-shadow: 0px 0px 6px rgba(0,0,0,0.14);
}
.assit_signt_content {
display: flex;
align-items: center;
justify-content: flex-start;
}
.assit_signt_box {
font: normal normal 600 16px/19px Montserrat;
color: #137FC8;
margin-right: 30px;
display: flex;
align-items: center;
}
.assit_signt_box input[type="checkbox"] {
margin: 0;
margin-right: 8px;
}
.assist_filter_box {
display: flex;
align-items: center;
justify-content: space-between;
}
.assist_filter_box .assist_week_filter {
margin-right: 15px;
}
/*-----------------------------end --------------------------*/
/**********CSS ************/
#page-my-index, body{
background: #f2f2f2!important;
}
.import_books_area {
float: left;
width: 100%;
padding: 0 15px;
margin-top: 15px;
}
.import_books_area .import_books_popup{
margin-bottom: 0!important
}
.edit_course_container {
padding: 15px 30px;
}
.edit_course_container .card {
border: none;
}
.diary_form.homework_diary.create_lessonplan_container{
position: relative;
float: left;
width: 100%;
padding: 25px;
}
.add_more_lp_container {
display: inline-flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0px;
right: 25px;
}
.add_more_lp_container span.add_more_task_row {
background: #ffffff;
border: 1px solid #137fc8;
color: #137fc8;
margin: 0;
padding: 8px 20px;
font: normal normal 600 12px/15px Montserrat;
cursor: pointer;
}
.create_lessonplan_container .lesson_plan_submit {
float: left;
padding: 0;
margin-top: 15px;
}
.section_heading {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #d1d1d1;
margin-bottom: 15px;
padding: 15px;
}
.section_heading h3 {
display: inline-block;
width: auto;
font-size: 21px;
font-weight: 600;
}
.add_user_area {
float: none!important;
width: auto!important;
}
.add_user_area a{
text-decoration: none;
}
.add_button_area {
display: inline-flex;
margin-bottom: 0!important;
border: 1px solid #707070;
color: #707070;
padding: 5px 15px;
font-size: 14px;
}
.filter_area {
padding: 0 15px;
}
.homework_diary .first_day{
margin-bottom: 40px;
}
.homework_diary .calender {
width: 7%!important;
}
.homework_diary .input_fields{
width: 93%!important;
}
.homework_diary .calender label{
font: normal normal normal 20px/24px Montserrat;
}
.homework_diary .first_day .calender label, .homework_diary .first_day span {
font: normal normal bold 20px/24px Montserrat;
}
.lesson_plan_submit {
padding: 0 15px;
}
.lesson_plan_submit span.create_lsnplan_btn {
background: #137FC8;
color: #ffffff;
padding: 8px 20px;
font: normal normal 600 12px/15px Montserrat;
cursor: pointer;
}
.panel-body .custom_form {
position: relative;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid #d1d1d1;
padding: 20px 0;
}
.panel-body .custom_form button.btn-info {
border-radius: 4px;
}
.diary_form.homework_diary {
padding: 15px;
}
.import_subject_area {
padding: 0 15px;
width: 100%;
}
.form_submit_area {
/*margin-bottom: 20px;*/
}
.add_more_container {
float: left;
width: auto;
margin-top: 15px;
margin-left: 15%;
}
.add_more_container .add_more {
display: inline-flex;
font: normal normal 600 12px/15px Montserrat;
height: 40px;
align-items: center;
justify-content: center;
}
.add_more_container .add_more span{
padding: 8px 20px;
cursor: pointer;
}
span.add_more_task_row {
background: #137FC8;
border: 1px solid #137FC8;
color: #ffffff;
margin-right: 15px;
}
span.add_additional_homework_row {
border: 1px solid #137FC8;
color: #137FC8;
}
.delete_add_hw_row, .delete_row{
height: 36px;
margin-left: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.delete_row_button, .delete_add_hw_row_button, i.fa.fa-trash{
color: #DEDEDE!important;
}
.delete_row_button:hover, .delete_add_hw_row_button:hover, i.fa.fa-trash:hover{
color: #808080!important;
}
.table-striped tbody tr:nth-of-type(odd), table.collection tbody tr:nth-of-type(odd), table#explaincaps tbody tr:nth-of-type(odd), table#defineroletable tbody tr:nth-of-type(odd), table.grading-report tbody tr:nth-of-type(odd), table#listdirectories tbody tr:nth-of-type(odd), table.rolecaps tbody tr:nth-of-type(odd), table.userenrolment tbody tr:nth-of-type(odd), form#movecourses table tbody tr:nth-of-type(odd), #page-admin-course-index .editcourse tbody tr:nth-of-type(odd), .forumheaderlist tbody tr:nth-of-type(odd), table.flexible tbody tr:nth-of-type(odd), .generaltable tbody tr:nth-of-type(odd){
background-color: #F7F7F7!important;
}
.table th, table.collection th, table.flexible th, .generaltable th, .table td, table.collection td, table.flexible td, .generaltable td {
padding: .75rem;
vertical-align: top;
border-top: 1px solid #F7F7F7;
}
.table thead th, table.collection thead th, table.flexible thead th, .generaltable thead th {
vertical-align: bottom;
border-bottom: none!important;
}
#nav-drawer .list-group li {
margin-bottom: 0!important;
}
.add_book_container {
/*border: 1px solid #d1d1d1;*/
/*border-radius: 14px 14px 0 0;*/
/*border-bottom: 1px solid #d1d1d1;*/
/*margin-bottom: 15px;*/
}
.add_book_container form#add_book_form {
display: flex;
align-items: center;
justify-content: center;
padding-top: 20px;
}
[data-region="drawer"] {
position: fixed;
padding: 20px 20px;
width: auto;
top: 50px;
height: calc(100% - 50px);
-webkit-overflow-scrolling: touch;
z-index: 999;
background-color: #f2f2f2;
-webkit-transition: right .5s ease,left .5s ease;
-moz-transition: right .5s ease,left .5s ease;
-o-transition: right .5s ease,left .5s ease;
transition: right .5s ease,left .5s ease;
}
.left_nav_menu {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #137FC8;
border-radius: 19px;
width: 240px;
height: 100%;
}
.menu_item_container {
height: 450px;
overflow-y: auto;
}
.menu_item_container::-webkit-scrollbar {
width: 10px;
}
.menu_item_container::-webkit-scrollbar-track {
background: #3279a9;
}
.menu_item_container::-webkit-scrollbar-thumb {
background: #145b8c;
}
.list-group-item-action {
width: 100%;
color: #ffffff;
text-align: inherit;
/*font: normal normal normal 14px/18px Montserrat;*/
font-size: 14px;
line-height: 18px;
}
.list-group-item-action:hover, .list-group-item-action:focus {
z-index: 1;
color: #ffffff;
text-decoration: none;
background-color: #137fc8;
}
.list-group-item {
position: relative;
display: block;
padding: .75rem 2.25rem;
margin-bottom: 1px!important;
background-color: rgba(255,255,255,0.14);
border: none!important;
}
.list-group-item.active {
background-color: rgba(255,255,255,0.14)!important;
border-color: rgb(0, 0, 0 ,0.21)!important;
color: #FFFE00;
}
.list-group-item.active:after {
content: '';
width: 5px;
height: 100%;
background: #ff8201;
position: absolute;
left: -1px;
top: 0;
}
/*-------------- side menu css---------*/
.side_menu ul {
margin: 0px;
padding: 0px;
}
.side_menu ul li {
list-style: none;
width: 100%;
display: block;
clear: both;
position: relative;
}
.side_menu ul li a.parent_menu svg.fa-angle-down {
transition: 0.5s ease;
}
.side_menu ul li a.parent_menu.open .fa-angle-down {
transform: rotate(
180deg
);
}
.side_menu ul li a.parent_menu {
font-weight: 600;
color: #fff;
}
.side_menu ul li a {
color: #4a4949;
padding: 13px 10px;
display: block;
font-size: 12px;
text-transform: uppercase;
border-bottom: #dadada 1px solid;
transition: 0.5s ease;
}
.side_menu ul li a svg {
margin-right: 5px !important;
color: #8f0303;
width: 18px !important;
}
.side_menu ul li ul.child_menu {
display: none;
}
.side_menu ul.child_menu li a {
font-size: 13px;
text-transform: capitalize;
padding: 10px;
padding-left: 30px;
background: #137fc8!important;
color: #ffffff;
}
.side_menu ul li a.parent_menu:hover{
color: #ffffff !important;
text-decoration: underline !important;
cursor: pointer !important;
}
.side_menu ul li.active{
background-color: rgba(255,255,255,.14)!important;
color: #fffe00;
}
.side_menu ul li.active:after {
content: "";
width: 5px;
height: 100%;
background: #ff8201;
position: absolute;
left: -1px;
top: 0;
}
/*------end --------------*/
table thead th {color: #FD8223;cursor: pointer;}
.table th, table.collection th, table.flexible th, .generaltable th {
padding: .75rem;
vertical-align: top;
border-top: none;
}
.btn-primary, .btn-info {
color: #ffffff!important;
background-color: #137FC8!important;
border-color: #137FC8!important;
}
.form-control, textarea{
border: 1px solid #EAEAEA;
border-radius: 4px;
font-size: .9375rem;
font-weight: 400;
line-height: 18px;
color: #000000;
}
.col-form-label{
text-align: left;
letter-spacing: 0px;
color: #747474;
padding-top: calc(.375rem + 1px);
padding-bottom: calc(.375rem + 1px);
margin-bottom: 0;
font-size: 12px;
font-weight: normal;
line-height: 15px;
}
form#update_course_form {
width: 100%;
max-width: 440px;
}
form#update_course_form .col-form-label{
width: 100%;
}
form#update_course_form textarea#form_course_summary {
border: 1px solid #EAEAEA;
border-radius: 4px;
width: 100%;
min-height: 150px;
padding: .375rem .75rem;
resize: none;
}
form#update_course_form .btn-primary {
padding: 4px 30px;
font-size: 12px;
}
form#update_course_form .btn-secondary, form#update_course_form .btn-default {
color: #000000;
background-color: transparent;
border-color: #707070;
padding: 4px 30px;
font-size: 12px;
}
form#update_course_form .col-lg-12{
padding: 0;
}
/*---------------- update prfoiel form css---------------*/
.update_profile_container{
display: flex;
flex-direction: column;
padding: 45px;
background: #ffffff;
}
.update_profile_header{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 50px;
}
.update_profile_container h3{
/*font: normal normal 600 18px/22px Montserrat;*/
font-size: 18px;
line-height: 22px;
font-weight: 600;
letter-spacing: 0px;
color: #323232;
}
.update_profile_sec h3{
margin-bottom: 10px;
}
.update_profile_sec label{
font: normal normal normal 12px/15px Montserrat;
letter-spacing: 0px;
color: #747474;
margin-bottom: 5px;
}
.theme_btn_color{
min-width: 180px;
display: inline-flex;
align-items: center;
justify-content: center;
height: 40px;
padding: 3px 30px;
background: #137FC8;
border: 1px solid #137FC8;
color: #ffffff;
font: normal normal bold 12px/15px Montserrat;
cursor: pointer;
}
.theme_btn_cancel{
min-width: 180px;
display: inline-flex;
align-items: center;
justify-content: center;
height: 40px;
padding: 3px 30px;
border: 1px solid #707070;
color: #000000;
font: normal normal bold 12px/15px Montserrat;
}
@media(max-width: 767px){
.update_profile_container {
padding: 25px;
}
span.login_from_update {
min-width: initial;
font-size: 10px;
padding: 3px 12px;
}
.theme_btn_color, .theme_btn_cancel {
padding: 3px 25px;
min-width: initial;
}
#test_que_popup .que_section .ans_area_parent{
width: auto !important;
float: right !important;
}
}
/*--------------------- update profile form css end-----------*/
@media screen and (max-width: 700px){
#custom_popup{
width: 70%;
}
}
/*--------------- popup css end -----------*/
.bulk_upload_area form.mform{
float: right;
width: 50%;
}
.bulk_upload_area form.mform fieldset{
float: left;
width: 40%;
border: none !important;
}
.bulk_upload_area .sample_area{
float: left;
width: 25%;
padding: 10px 10px;
background: #ff8201;
color: #ffffff;
text-align: center;
}
.bulk_upload_area .sample_area a{
color:#fff;
}
.full_width_upload_area form.mform{
float: left;
width: 50%;
margin-left: 10%;
}
.full_width_upload_area .sample_area{
width: 20%;
}
/*------ report popup css*/
.report_popup .ans_summ_row{float: left;width: 100%;}
.ans_summ_row span{float: left;width: auto; padding: 5px 10px;margin:1px;}
.ans_summ_row span.que_no_box {width: 36px;}
.right_ans{background: green;color: #fff !important;}
/*.wrong_ans{background: #f24664; color: #fff !important;}*/
.wrong_ans{background: #f91534; color: #fff !important;}
.no_ans{background: #ff9900; color: #fff !important;}
.partial_ans{background: #FFBF00; color: #fff !important;}
/*---------------------- chart css-------------------*/
.paper_summary_chart{float: left;width: 100%;}
/*.paper_summary_chart #paper_summary_chart{height: 250px !important; width: 100% !important;}*/
.summ_rep{float: left;width: 100%;position: relative;
/*padding-bottom: 100px;*/
}
/*.paper_wise_chart{float: right;width: 60%;}*/
.paper_wise_chart{float: right;width: 100%; margin-top: 20px;}
.paper_wise_chart .chart-area{float: left;width: 50% !important;}
/*.paper_wise_chart canvas.chartjs-render-monitor{width: 100% !important;}
*//*.paper_wise_table{float: left;width: 40%;}
*/
.paper_wise_chart canvas.chartjs-render-monitor{
height: 150px !important;
}
.paper_wise_chart canvas.paper_wise_percent_chart{
height: 200px !important;
}
.paper_wise_chart canvas.paper_wise_score_graph{
margin-top: 20px;
}
.paper_wise_table{float: left;width: 100%;}
.topic_wise_summ{ height: 250px;
float: left;
margin-top: 50px; width: 100%;}
.topic_wise_summ canvas.chartjs-render-monitor{height: 350px !important;
width: 100% !important;
}
.paper_wise_percent_chart canvas.chartjs-render-monitor, .subject_wise_analysis canvas.chartjs-render-monitor{height: 300px !important;}
.paper_wise_percent_chart_sg canvas.score_distribution_chart_canvas{height: 300px !important;}
.chart_holder .subject_wise_analysis canvas.chartjs-render-monitor{
height: 300px !important;
}
.chart_holder .subject_wise_analysis .subject_data_row canvas.chartjs-render-monitor,
.chart_holder .subject_wise_analysis .performane_distribution_area canvas.distribution_doughnut{
height: 200px !important;
}
.chart_holder .subject_wise_analysis .performane_distribution_area canvas.distribution_doughnut{
width: 180px !important;
}
.performane_distribution_area .dist_text_area{
padding-right: 10px;
float: left;
width: 100%;
min-height: 120px;
height: 120px;
}
.performane_distribution_area .dist_text_area .dist_text_title{
float: left;
width: 100%;
font-size: 16px;
font-weight: 700;
}
.performane_distribution_area .dist_text_area .dist_text_info{
float: left;
width: 100%;
font-size: 14px;
color: #575656;
margin-top: 10px;
}
.chart_holder .subject_wise_analysis .subject_data_row.sub_performance canvas.chartjs-render-monitor{
height: 150px !important;
width: 270px !important;
}
.performance_overall_score #p_overall_score_chart{
height: 325px !important;
/*width: 94% !important;*/
margin: auto;
}
.p_chart_area .performance_subject_score #p_subject_score_chart{
margin-top: 0px;
height: 325px !important;
}
.subject_data_row.sub_performance .box_title{
float: left;
width: 100%;
text-align: center;
margin-top: 20px;
}
.download_btn{
position: absolute;
top: -57px;
right: 37px;
background: orange;
color: #fff;
padding: 5px 10px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
}
.paper_topic_summary_chart{margin-top: 50px;}
.paper_topic_summary_chart canvas{height: 300px !important;}
.subject_wise_analysis .data_sum_row canvas, .subject_wise_analysis .sub_chart canvas{height: 220px !important;}
.subject_wise_analysis .sub_performance canvas{height: 160px !important;}
.homework_diary .task_list_input{float: left;width: 100%;padding: 5px;margin-bottom: 5px;background: #f1f1f1;}
.homework_diary .task_list_input .input_section, .other_homework_area .add_hw_row .input_section{float: left;margin-right: 3px;}
.homework_diary .task_list_input input{width: 100%;padding: 5px;}
.homework_diary .task_list_input .optional_page_no{
border: none;
outline: none;
}
/*.topic_wise_group_average #topic_wise_group_average{height: 300px !important;}*/
.other_homework_area{float: left;width: 84%;margin-top: 30px;box-shadow: 0 0 8px -1px #a1a1a1;}
.other_homework_area .add_hw_title{float: left;
width: 100%;
padding: 10px 20px;
font-size: 18px;
font-weight: 700;
color: #5a5a5a;}
.other_homework_area .add_hw_row{float: left;width: 100%;margin-bottom: 5px;padding: 20px;padding-bottom: 0;}
.other_homework_area .add_hw_row input{width: 100%;padding: 5px;}
.other_homework_area .add_hw_row:last-child { padding-bottom: 20px; }
.custom_form .moc_test_detail_area{
float: left;
width: 100%;
padding: 15px;
background: #efefef;
margin-top: 10px;
border-radius: 5px;
}
/*--------------- form css---------------*/
.custom_form{margin-bottom: 20px;}
.custom_form .form-group input{width: 100%;border: 1px solid #eaeaea;}
.custom_select .form-inline{width: 100%; max-width: 100%;flex: auto;}
.custom_select select{
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 14px;
}
.current i.fa, .past i.fa, .future i.fa{font-size: 25px;}
.current i.fa{color: green;}
.past i.fa{color: red;}
.future i.fa{color: gray;}
/*-custom dropdown*/
.ms-dd-button {
display: inline-block;
border: 1px solid gray;
border-radius: 4px;
padding: 10px 30px 10px 20px;
background-color: #ffffff;
cursor: pointer;
white-space: nowrap;
width: 100%;
}
.ms-dd-button:after {
content: '';
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid black;
}
.ms-dd-button:hover {
background-color: #eeeeee;
}
.custom_multiselect .multiselect_check{
width: auto !important;
margin-right: 10px;
pointer-events: none;
}
.dd-button {
display: inline-block;
/*border: 1px solid gray;*/
border: 1px solid #eaeaea;
border-radius: 4px;
/*padding: 10px 30px 10px 20px;*/
padding: 8px 30px 8px 12px;
background-color: #ffffff;
cursor: pointer;
white-space: nowrap;
width: 100%;
}
.dd-button:after {
content: '';
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid black;
}
.dd-button:hover {
background-color: #eeeeee;
}
.dd-menu {
position: absolute;
top: 100%;
border: 1px solid #ccc;
border-radius: 4px;
padding: 0;
margin: 2px 0 0 0;
box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
background-color: #ffffff;
list-style-type: none;
width: 100%;
z-index: 9;
height: auto;
max-height: 400px;
overflow: auto;
}
.dd-menu {
display: none;
}
.dd-menu li {
padding: 10px 20px;
cursor: pointer;
white-space: nowrap;
width: 100%;
}
.dd-menu li:hover {
background-color: #f6f6f6;
}
.dd-menu li a {
display: block;
margin: -10px -20px;
padding: 10px 20px;
}
.dd-menu li.divider{
padding: 0;
border-bottom: 1px solid #cccccc;
}
/*---end ------*/
.input_container .tox-tinymce{
height: 400px !important;
width: 100%;
}
/*-------------------- test form ---------------*/
.tabbable-panel {
border:1px solid #eee;
padding: 10px;
}
.tabbable-line > .nav-tabs {
border: none;
margin: 0px;
}
.tabbable-line > .nav-tabs > li {
margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
border: 0;
margin-right: 0;
color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
border-bottom: 4px solid rgb(80,144,247);
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
border: 0;
background: none !important;
color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
border-bottom: 4px solid #32465B;
position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
border: 0;
color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
color: #404040;
}
.tabbable-line > .tab-content {
margin-top: -3px;
background-color: #fff;
border: 0;
border-top: 1px solid #eee;
padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
padding-bottom: 0;
}
.list_container .item_list{
padding: 10px;
cursor: pointer;
position: relative;
}
.list_container .item_list:hover, .list_container .item_list.selected{
background: #b7b7b7;
color: #fff;
}
/*------------------- switch---------------*/
.list_container .radio_action {
width: 60px;
display: flex;
align-items: center;
justify-content: space-between;
/*background: #f9f9f9;*/
/*border: 1px solid #cccc;*/
border-radius: 5px;
overflow: hidden;
position: absolute;
right: 0;
top: 31%;
display: none;
}
.list_container.students_list .radio_action{
display: block;
}
.list_container .radio_action label {
background: #ffffff;
padding: 8px;
width: 15px;
height: 15px;
border-radius: 50%;
background: #c5c5c5;
float: left;
margin-right: 13px;
}
.list_container .radio_action label.plus{
background: green;
color: #fff;
}
.list_container .radio_action label.minus{
background: red;
color: #fff;
}
.list_container .radio_action [type=radio] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
.list_container .radio_action [type=radio] + i {
cursor: pointer;
font-size: 12px;
color: #fff;
}
.list_container .radio_action input.plus_radio:checked + i {
color: green;
}
.list_container .radio_action input.minus_radio:checked + i {
color: red;
}
/*-------------- test form end ---------------------*/
.send_notificaiton_form textarea{
width: 100%;
resize: none;
}
/*----------------- custom checkbox ------------*/
.custom_checkbox {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
background-color: #2196F3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.container .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#tests_list span.file_uploaded{
margin-left: 10px;
font-size: 18px;
color: green;
}
/*------------------ contenteditable div-------------------*/
[contenteditable=true]:empty:before{
content: attr(placeholder);
pointer-events: none;
display: block; /* For Firefox */
}
/* */
div[contenteditable=true] {
border: 1px solid #aaa;
padding: 5px;
width: 100%;
height: 200px;
overflow: auto;
border-radius: 5px;
}
.other_homework_area div[contenteditable=true] {
height: 80px;
}
/*----------------- time table css ------------*/
/*heading*/
.timeTable_heading{
width: 100%;padding: 10px;display: flex;
}
.timeTable_heading .head_text_area{
width: 90%;
}
.timeTable_heading .time_table_name{
float: left;width: 40%;
}
.timeTable_heading .time_table_name .input_area{
float: left;width: auto;min-width: 100px;margin-right: 20px;font-size: 18px;font-weight: 600;height: 35px;overflow: hidden;
}
.time_table_name .action_btns .action_btn{
float: left;width: 30px;text-align: center;cursor: pointer;height: 25px;padding: 7px;
}
.timeTable_heading .time_table_day{
float: left;width: auto;margin-right: 20px;font-size: 18px;font-weight: 600;
}
/*----------heading end----------*/
.t_table_container *{
margin: 0;
padding: 0;
}
body{
font-family: arial;
}
.t_table_container {
width: 100%;
max-width: 1172px;
margin: auto;
padding: 20px;
}
.t_table_head {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.t_table_header {
display: flex;
background: #ffffff;
}
.t_table_header > div{
width: 10%;
}
.t_year_header h3 {
font-size: 14px;
font-weight: 500;
text-align: center;
height: 30px;
margin-bottom: 5px;
display: inline-table;
}
.t_table_header > div {
width: 10%;
border-right: 1px dotted #000000;
}
.t_time_header .t_time_title {
/*height: 60px;*/
height: 120px;
position: relative;
}
.t_time_header .t_time_title span {
position: absolute;
left: 0;
/*top: -10px;*/
top: 28px;
font-size: 12px;
}
.t_time_header .t_time_title:first-child {
/*height: 30px;*/
height: 36px;
}
.t_time_header .t_time_title:after {
/*content: '';
width: 1056px;
height: 1px;
border-bottom: 1px solid #000000;
position: absolute;
top: 3px;*/
/*left: 116px;*/
/*left: 113px;*/
}
.border_bottom_black{border-bottom: 1px solid #000000 !important;}
/*.line_red{border-bottom: 1px solid red !important;z-index: 9;}*/
.t_time_header .t_time_title:first-child:after{
content: none;
}
p.time_laps {
position: relative;
/*height: 9px;*/
height: 1px;
margin-bottom: 9px;
/*padding-bottom: 9px;*/
/*border-bottom: 1px solid rgba(0,0,0,0.3);*/
}
p.time_laps.active{
background: #00E3E5;
}
.time_start {
position: relative;
}
.time_start .tt_action{
display: none;
position: absolute;
width: 100%;
z-index: 9;
}
.time_start .tt_action a{
color: #ffffff;
}
.time_start .tt_action .action_btn{
width: auto;
padding: 5px 7px;
background: #000000b0;
border-radius: 50%;
cursor: pointer;
}
.time_start:hover .tt_action {
display: block;
}
.time_start.no_gap{margin-top: -10px;}
.time_start.course_1{
background: #00E3E5 !important;
color: #000000 !important;
}
.time_start.course_2{
background: #fe8b3b !important;
color: #000000 !important;
}
.time_start.course_3{
background: #00f300 !important;
color: #000000 !important;
}
.time_start.course_4{
background: #ca3600 !important;
color: #ffffff !important;
}
.time_start p.time_laps{
/*border: none !important;*/
}
.time_laps.class_t_end, .time_laps.class_t_strt{
border-top: 1px solid red!important;
/*z-index: 9;*/
}
.t_sub_name {
/*position: absolute;*/
/*background: #00E3E5;*/
/*left: 0;
width: 100%;
height: 40px;
overflow: visible;
z-index: 1;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 10px;*/
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 100%;
height: 40px;
overflow: visible;
z-index: 1;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 14px;
text-align: center;
}
/*.t_sub_name.year_5 {
background: #00E3E5;
}
.t_sub_name.year_4{
background: #fe8b3b;
}*/
.t_sub_name span {
display: inline-flex;
margin-bottom: 3px;
}
.t_sub_name span:nth-of-type(1){
text-transform: uppercase;
font-weight: 700;
}
span.t_time_tag {
font-size: 8px;
font-weight: 600;
background: #000000;
color: #ffffff;
/*padding: 2px 3px;*/
padding: 0 3px;
z-index: 9;
}
span.t_time_tag span.t_time_type {
font-size: 8px;
font-weight: normal;
}
span.t_time_tag.strt_time {
position: absolute;
left: -20px;
/*top: -8px;*/
top: -6px;
}
span.t_time_tag.end_time {
position: absolute;
left: -20px;
bottom: -5px;
/*bottom: 3px;*/
}
span.t_time_tag:before {
content: '';
border-top: 6px solid transparent;
border-right: 10px solid #000000;
border-bottom: 6px solid transparent;
border-left: 6px solid transparent;
position: absolute;
top: 0px;
left: -16px;
}
span.t_time_tag:after {
content: '';
border-top: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 10px solid #000000;
position: absolute;
top: 0px;
right: -16px;
}
.t_sub_name.year_3{
background: #ca3600;
color: #ffffff;
}
/*----------------------- end -----------------*/
#test_filter_form .autoSearch_area{
margin-right: 10px;width:100%;position:relative;
}
#test_filter_form .autoSearch_area .search_result{
position: absolute;top: 40px;border: 1px solid #e8e8e8;width: 100%;padding: 10px;display:none;
background: #ffffff; z-index: 1;height: 300px; overflow: auto;
}
#test_filter_form .autoSearch_area .search_result .item{
float: left;width: 100%;border-bottom: 1px solid #e8e8e8;cursor: pointer;padding: 7px;
}
#test_filter_form .autoSearch_area .search_result .item:hover{
color: #ffffff;
background: #1177d1;
}
@media print
{
body{background-color: #ffffff !important;}
body * {
visibility: hidden;
}
* { overflow: visible !important; }
.print_area, .print_area * {
visibility: visible;
}
.print_area {
background-color: #ffffff;
height: 100%;
width: 100%;
position: absolute;
top: -150px;
left: 0;
bottom: 100px;
margin: 0;
padding: 20px;
font-size: 14px;
line-height: 18px;
padding-bottom: 150px;
}
.print_area .custom_table{border: none !important;}
.no-print, .no-print *
{
display: none !important;
}
html, body {
height:100vh;
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
}
#test_que_popup .modal_container{
padding-top: 100px;
}
#test_que_popup .modal_head, #test_que_popup .section_head{
-webkit-print-color-adjust: exact;
background: #f3f3f3;
}
/*@page {
size: auto;
margin: 0;
}*/
}
select.select_option{
padding: 5px;
border-radius: 5px;
border: 1px solid #cccccc;
}
.holiday_color{
background: red;
color: #ffffff;
}
.session_color{
background: green;
color: #ffffff;
}
.holiday_color option, .session_color option{
background: #ffffff;
color: #000000;
}
table tr.green td{background: green;color: #ffffff;}
table tr.red td{background: red;color: #ffffff;}
table tr.amber td{background: #FFBF00;color: #ffffff;}
.amberBg{background: #FFBF00;color: #ffffff;}
.amberText{color: #FFBF00;}
.closing_label{font-style: italic;font-size: 12px;}
#tablesearch{
overflow: visible;
border: 1px solid #eaeaea;
outline: #eaeaea;
padding: 3px 10px;
}
select.academicList, select.academicMonthList{
width: 100% !important;
}
.monthly_installment_detail_area table#StudentInstallmentDetail_list tr, .fee_installment_detail_area table#StudentInstallmentDetail_list tr,
.closing_statement_area table#closing_detail_list tr{
white-space: nowrap;
}
.statemnt_sub_heading{
padding: 10px;
display: inline-block;
margin: 20px 0;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
width: 100%;
background: #f8f8f8;
}
form#fee_calculator_form .form-group label{
color: #b8b8b8;
margin-bottom: 5px;
}
/***************Fee dashboard*****************/
.summary_details .card-counter{
box-shadow: 2px 2px 10px #DADADA;
margin: 5px;
padding: 20px 10px;
background-color: #fff;
height: 100px;
border-radius: 5px;
transition: .3s linear all;
}
.summary_details .card-counter:hover{
box-shadow: 4px 4px 20px #DADADA;
transition: .3s linear all;
}
.summary_details .card-counter.primary{
background-color: #007bff;
color: #FFF;
}
.summary_details .card-counter.danger{
background-color: #ef5350;
color: #FFF;
}
.summary_details .card-counter.success{
background-color: #66bb6a !important;
color: #FFF;
}
.summary_details .card-counter.info{
background-color: #26c6da;
color: #FFF;
}
.summary_details .card-counter i{
font-size: 5em;
opacity: 0.2;
}
.summary_details .card-counter .count-numbers{
position: absolute;
right: 35px;
top: 20px;
font-size: 32px;
display: block;
}
.summary_details .card-counter .count-name{
position: absolute;
right: 35px;
top: 65px;
font-style: italic;
text-transform: capitalize;
opacity: 0.9;
display: block;
font-size: 18px;
}
.point_desc_box11{
margin-top: -22px;
font-size: 14px;
}
table.flexible, .detailgeneraltable{
width: 110%;
margin-bottom: 1rem;
color: #373a3c;
}
table.flexible, .addontable{
width: 100%;
margin-bottom: 0rem;
color: #373a3c;
}
#booking_history_parent{
height: 350px;
}
/**********************************Support search******************************/
#support_search_form .support_search_area{
margin-right: 10px;width:100%;position:relative;
}
#support_search_form .support_search_area .search_result{
position: absolute;top: 40px;border: 1px solid #e8e8e8;width: 100%;padding: 10px;display:none;
background: #ffffff; z-index: 1;height: 300px; overflow: auto;
}
#support_search_form .support_search_area .support_search_result .item{
float: left;width: 100%;border-bottom: 1px solid #e8e8e8;cursor: pointer;padding: 7px;
}
#support_search_form .support_search_area .support_search_result .item:hover{
color: #ffffff;
background: #1177d1;
}
/**********************************Individual Student Detail Report******************************/
#overall_search_form .overall_search_area,
#student_search_form .student_search_area, .student_search_area{
margin-right: 10px;width:100%;position:relative;
}
#overall_search_form .overall_search_area .overall_search_result,
#student_search_form .student_search_area .overall_search_result,
.student_search_area .overall_search_result, .overall_search_result{
position: absolute;top: 40px;border: 1px solid #e8e8e8;width: 100%;padding: 10px;display:none;
background: #ffffff; z-index: 1;height: 300px; overflow: auto;
}
#overall_search_form .overall_search_area .overall_search_result .item,
#student_search_form .student_search_area .overall_search_result .item,
.student_search_area .overall_search_result .item, .overall_search_result .item
{
float: left;width: 100%;border-bottom: 1px solid #e8e8e8;cursor: pointer;padding: 7px;
}
#overall_search_form .overall_search_area .overall_search_result .item:hover,
#student_search_form .student_search_area .overall_search_result .item:hover,
.student_search_area .overall_search_result .item:hover, .overall_search_result .item:hover{
color: #ffffff;
background: #1177d1;
}
/****************************Test Analysis Summary*************************/
#test_analysis_search_form .test_analysis_search_area{
margin-right: 10px;width:100%;position:relative;
}
#test_analysis_search_form .test_analysis_search_area .test_analysis_search_result{
position: absolute;top: 40px;border: 1px solid #e8e8e8;width: 100%;padding: 10px;display:none;
background: #ffffff; z-index: 1;height: 300px; overflow: auto;
}
#test_analysis_search_form .test_analysis_search_area .test_analysis_search_result .item{
float: left;width: 100%;border-bottom: 1px solid #e8e8e8;cursor: pointer;padding: 7px;
}
#test_analysis_search_form .test_analysis_search_area .test_analysis_search_result .item:hover{
color: #ffffff;
background: #1177d1;
}
.test_analysis_search_result #test_analysis_search_result{
position: absolute;
top: 40px;
border: 1px solid rgb(232, 232, 232);
width: 100%;
padding: 10px;
background: rgb(255, 255, 255);
z-index: 1;
height: 300px;
overflow: auto;
display: block;
}
#page-wrapper{
width: 100%;
}
.test_diag_table{
font-size: 15px;
/*padding: 8px;*/
}
#test_diag_table td{
padding: 8px;
}
table#teacher_lessonplan_list td{
padding: 15px;
border-bottom: 1px solid #e9e9e9;
}
table#teacher_lessonplan_list th{
padding: 15px;
}
.upload_sub_heading{
text-align: left;
padding-left: 50px;
font-weight: 600;
font-size: 20px;
text-decoration: underline;
}
.hw_scans_upload_container{
padding: 20px;
background: #f3f3f3;
border: 5px;
margin-bottom: 70px;
}
#users_list tbody td{
font-size: 14px !important;
}
tbody td{
vertical-align: inherit !important;
}
#users_list tbody tr{
white-space: nowrap;
}
#users_list tbody .cell.c3, #users_list tbody .cell.c3{
white-space: break-spaces;
}
#users_list tbody .cell.c5{
padding: 0;
text-align: center;
}
.swal-modal.sess_change_msg .swal-text{
text-align: left !important;
padding: 0 30px;
}
/*#page-content{display:none;}*/
.event-calendar *,
.event-calendar div
{
/* -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;*/
}
.event-calendar {
border:1px solid #ddd;
width:100%;
margin: 20px;
min-width:100%;
/*background:#ddd;*/
margin-left: 0;
padding-left: 0px;
padding-right: 0px;
}
.event-calendar a {
text-decoration:none;
color:#181718;
}
.event-calendar a:hover {
opacity:.7;
color:#f00;
}
.event-calendar .query_body a:hover {
opacity:.9;
color:#2d2dd7;
}
.event-calendar a:hover .title-event {
transform:translate(5%,0);
-webkit-transform:translate(5%,0);
-moz-transform:translate(5%,0);
}
.event-calendar ul,
.event-calendar ul li,
.event-calendar h1,
.event-calendar h2
{
margin:0;
padding:0;
list-style:none;
}
.event-calendar .events-body ul li {
position:relative;
border-bottom:1px solid #777474;
/*padding: 20px 0;*/
padding: 0;
}
.event-calendar .events-body ul li:last-child {
border:0;
}
.event-calendar .heading-title {
padding:10px 20px;
border-bottom:4px solid #000;
font-size:.9em;
position:relative;
}
.event-calendar .icon-box {
position:absolute;
right:20px;
top:0;
bottom:0;
margin:auto;
height:30px;
font-size:1.8em;
}
/* EVENTS LEFT CONTES */
.event-calendar .event-left-content {
padding:10px 20px;
}
.event-calendar .event-left-content .title-event {
width:87%;
margin-left: 13%;
}
.event-calendar .event-left-content .title-event .event_title {
font-size: 16px;
}
.event-calendar .event-left-content .event-date {
font-size:.8em;
}
.event-calendar .event-left-content .event-location {
text-transform:uppercase;
font-weight:bold;
font-size:.8em;
}
/* EVENT ICON HOLDER */
.event-calendar .event-icon{
position:absolute;
width:40;
height:35px;
display:block;
background:#137fc8;
left:20px;
top:0;
bottom:0;
margin:auto;
text-align:center;
color:#fff;
-webkit-border-radius: 8px;
border-radius: 8px;
padding:2px 10px;
}
.event-calendar .event-icon .month,
.event-calendar .event-icon .date {
display:block;
}
.event-calendar .event-icon .month {
text-transform:uppercase;
font-weight:bold;
font-size:17px;
margin-top:3px
}
.event-calendar .event-icon .date {
font-size:1.1em;
font-weight:bold;
}
.new_section{
padding: 20px;background: #ffffff;border-radius: 5px;
}
.flex-wrap{
flex-wrap: wrap !important;
}
/*Calender css*/
/*!
* FullCalendar v1.6.4 Stylesheet
* Docs & License: http://arshaw.com/fullcalendar/
* (c) 2013 Adam Shaw
*/
.fc {
direction: ltr;
text-align: left;
}
.fc table {
border-collapse: collapse;
border-spacing: 0;
}
html .fc,
.fc table {
font-size: 1em;
/* font-family: "Helvetica Neue",Helvetica; */
}
.fc td,
.fc th {
padding: 0;
vertical-align: top;
}
/* Header
------------------------------------------------------------------------*/
.fc-header td {
white-space: nowrap;
padding: 15px 10px 0px;
}
.fc-header-left {
width: 25%;
text-align: left;
}
.fc-header-center {
text-align: center;
}
.fc-header-right {
width: 25%;
text-align: right;
}
.fc-header-title {
display: inline-block;
vertical-align: top;
margin-top: -5px;
}
.fc-header-title h2 {
margin-top: 5px;
white-space: nowrap;
font-size: 22px;
font-weight: 600;
margin-bottom: 0px !important;
}
.fc .fc-header-space {
padding-left: 10px;
}
.fc-header .fc-button {
margin-bottom: 1em;
vertical-align: top;
}
/* buttons edges butting together */
.fc-header .fc-button {
margin-right: -1px;
}
.fc-header .fc-corner-right, /* non-theme */
.fc-header .ui-corner-right { /* theme */
margin-right: 0; /* back to normal */
}
/* button layering (for border precedence) */
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
z-index: 2;
}
.fc-header .fc-state-down {
z-index: 3;
}
.fc-header .fc-state-active,
.fc-header .ui-state-active {
z-index: 4;
}
/* Content
------------------------------------------------------------------------*/
.fc-content {
clear: both;
zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
}
.fc-view {
width: 100%;
overflow: hidden;
}
/* Cell Styles
------------------------------------------------------------------------*/
/* | , usually */
.fc-widget-content { /* | , usually */
border: 1px solid #e5e5e5;
}
.fc-widget-header{
border-bottom: 1px solid #EEE;
}
.fc-state-highlight { /* | today cell */ /* TODO: add .fc-today to | */
/* background: #fcf8e3; */
}
.fc-state-highlight > div > div.fc-day-number{
background-color: #ff3b30;
color: #FFFFFF;
border-radius: 50%;
margin: 4px;
}
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
background: #bce8f1;
opacity: .3;
filter: alpha(opacity=30); /* for IE */
}
/* Buttons
------------------------------------------------------------------------*/
.fc-button {
position: relative;
display: inline-block;
padding: 0 .6em;
overflow: hidden;
height: 1.9em;
line-height: 1.9em;
white-space: nowrap;
cursor: pointer;
}
.fc-state-default { /* non-theme */
border: 1px solid;
}
.fc-state-default.fc-corner-left { /* non-theme */
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.fc-state-default.fc-corner-right { /* non-theme */
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
/*
Our default prev/next buttons use HTML entities like ‹ › « »
and we'll try to make them look good cross-browser.
*/
.fc-text-arrow {
margin: 0 .4em;
font-size: 2em;
line-height: 23px;
vertical-align: baseline; /* for IE7 */
}
.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow { /* for ‹ › */
font-weight: bold;
}
/* icon (for jquery ui) */
.fc-button .fc-icon-wrap {
position: relative;
float: left;
top: 50%;
}
.fc-button .ui-icon {
position: relative;
float: left;
margin-top: -50%;
*margin-top: 0;
*top: -50%;
}
.fc-state-default {
border-color: #ff3b30;
color: #ff3b30;
}
.fc-button-month.fc-state-default, .fc-button-agendaWeek.fc-state-default, .fc-button-agendaDay.fc-state-default{
min-width: 50px;
text-align: center;
transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
color: #333333;
background-color: #FFE3E3;
}
.fc-state-hover {
color: #ff3b30;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.fc-state-down,
.fc-state-active {
background-color: #ff3b30;
background-image: none;
outline: 0;
color: #FFFFFF;
}
.fc-state-disabled {
cursor: default;
background-image: none;
background-color: #FFE3E3;
filter: alpha(opacity=65);
box-shadow: none;
border:1px solid #FFE3E3;
color: #ff3b30;
}
/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event-container > * {
z-index: 8;
}
.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
z-index: 9;
}
.fc-event {
border: 1px solid #FFF; /* default BORDER color */
background-color: #FFF; /* default BACKGROUND color */
color: #919191; /* default TEXT color */
font-size: 12px;
cursor: default;
}
.fc-event.chill{
background-color: #f3dcf8;
}
.fc-event.info{
background-color: #c6ebfe;
}
.fc-event.important{
background-color: #FFBEBE;
}
.fc-event.success{
background-color: #BEFFBF !important;
}
.fc-event:hover{
opacity: 0.7;
}
a.fc-event {
text-decoration: none;
}
a.fc-event,
.fc-event-draggable {
cursor: pointer;
}
.fc-rtl .fc-event {
text-align: right;
}
.fc-event-inner {
width: 100%;
height: 100%;
overflow: hidden;
line-height: 15px;
}
.fc-event-time,
.fc-event-title {
padding: 0 1px;
}
.fc .ui-resizable-handle {
display: block;
position: absolute;
z-index: 99999;
overflow: hidden; /* hacky spaces (IE6/7) */
font-size: 300%; /* */
line-height: 50%; /* */
}
/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {
border-width: 1px 0;
margin-bottom: 1px;
}
.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
border-left-width: 1px;
/*
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
*/
}
.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
border-right-width: 1px;
/*
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
*/
}
/* resizable */
.fc-event-hori .ui-resizable-e {
top: 0 !important; /* importants override pre jquery ui 1.7 styles */
right: -3px !important;
width: 7px !important;
height: 100% !important;
cursor: e-resize;
}
.fc-event-hori .ui-resizable-w {
top: 0 !important;
left: -3px !important;
width: 7px !important;
height: 100% !important;
cursor: w-resize;
}
.fc-event-hori .ui-resizable-handle {
_padding-bottom: 14px; /* IE6 had 0 height */
}
/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {
border-collapse: separate;
}
.fc-border-separate th,
.fc-border-separate td {
border-width: 1px 0 0 1px;
}
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
border-right-width: 1px;
}
.fc-border-separate tr.fc-last td {
}
.fc-border-separate .fc-week .fc-first{
border-left: 0;
}
.fc-border-separate .fc-week .fc-last{
border-right: 0;
}
.fc-border-separate tr.fc-last th{
border-bottom-width: 1px;
border-color: #cdcdcd;
font-size: 16px;
font-weight: 300;
line-height: 30px;
}
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
border-top-width: 0;
}
/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {
text-align: center;
}
.fc .fc-week-number {
width: 22px;
text-align: center;
}
.fc .fc-week-number div {
padding: 0 2px;
}
.fc-grid .fc-day-number {
float: right;
padding: 0 2px;
}
.fc-grid .fc-other-month .fc-day-number {
opacity: 0.3;
filter: alpha(opacity=30); /* for IE */
/* opacity with small font can sometimes look too faded
might want to set the 'color' property instead
making day-numbers bold also fixes the problem */
}
.fc-grid .fc-day-content {
clear: both;
padding: 2px 2px 1px; /* distance between events and day edges */
}
/* event styles */
.fc-grid .fc-event-time {
font-weight: bold;
}
/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {
float: left;
}
.fc-rtl .fc-grid .fc-event-time {
float: right;
}
/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {
border-collapse: separate;
}
.fc-agenda-days th {
text-align: center;
}
.fc-agenda .fc-agenda-axis {
width: 50px;
padding: 0 4px;
vertical-align: middle;
text-align: right;
white-space: nowrap;
font-weight: normal;
}
.fc-agenda .fc-week-number {
font-weight: bold;
}
.fc-agenda .fc-day-content {
padding: 2px 2px 1px;
}
/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {
border-right-width: 1px;
}
.fc-agenda-days .fc-col0 {
border-left-width: 0;
}
/* all-day area */
.fc-agenda-allday th {
border-width: 0 1px;
}
.fc-agenda-allday .fc-day-content {
min-height: 34px; /* TODO: doesnt work well in quirksmode */
_height: 34px;
}
/* divider (between all-day and slots) */
.fc-agenda-divider-inner {
height: 2px;
overflow: hidden;
}
.fc-widget-header .fc-agenda-divider-inner {
background: #eee;
}
/* slot rows */
.fc-agenda-slots th {
border-width: 1px 1px 0;
}
.fc-agenda-slots td {
border-width: 1px 0 0;
background: none;
}
.fc-agenda-slots td div {
height: 20px;
}
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
border-top-width: 0;
}
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
*border-top-style: solid; /* doesn't work with background in IE6/7 */
}
/* Vertical Events
------------------------------------------------------------------------*/
.fc-event-vert {
border-width: 0 1px;
}
.fc-event-vert.fc-event-start {
border-top-width: 1px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.fc-event-vert.fc-event-end {
border-bottom-width: 1px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.fc-event-vert .fc-event-time {
white-space: nowrap;
font-size: 10px;
}
.fc-event-vert .fc-event-inner {
position: relative;
z-index: 2;
}
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: .25;
filter: alpha(opacity=25);
}
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
}
/* resizable */
.fc-event-vert .ui-resizable-s {
bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
width: 100% !important;
height: 8px !important;
overflow: hidden !important;
line-height: 8px !important;
font-size: 11px !important;
font-family: monospace;
text-align: center;
cursor: s-resize;
}
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
_overflow: hidden;
}
thead tr.fc-first{
background-color: #f7f7f7;
}
table.fc-header{
background-color: #FFFFFF;
border-radius: 6px 6px 0 0;
}
.fc-week .fc-day > div .fc-day-number{
font-size: 15px;
margin: 2px;
min-width: 35px;
padding: 6px;
text-align: center;
}
.fc-sun, .fc-sat{
color: #b8b8b8;
}
.fc-week .fc-day:hover .fc-day-number{
background-color: #B8B8B8;
border-radius: 50%;
color: #FFFFFF;
transition: background-color 0.2s;
}
.fc-week .fc-day.fc-state-highlight:hover .fc-day-number{
background-color: #ff3b30;
}
.fc-button-today{
border: 1px solid rgba(255,255,255,.0);
}
.fc-view-agendaDay thead tr.fc-first .fc-widget-header{
text-align: right;
padding-right: 10px;
}
/*estilossss */
#wrap {
width: 100%;
margin: 0 auto;
}
#external-events {
float: left;
width: 150px;
padding: 0 10px;
text-align: left;
}
#external-events h4 {
font-size: 16px;
margin-top: 0;
padding-top: 1em;
}
.external-event { /* try to mimick the look of a real event */
margin: 10px 0;
padding: 2px 4px;
background: #3366CC;
color: #fff;
font-size: .85em;
cursor: pointer;
}
#external-events p {
margin: 1.5em 0;
font-size: 11px;
color: #666;
}
#external-events p input {
margin: 0;
vertical-align: middle;
}
#calendar {
/* float: right; */
margin: 0;
width: 100%;
background-color: #FFFFFF;
border-radius: 6px;
box-shadow: 0 1px 2px #C3C3C3;
}
/*calender css end*/
.welcome_header {
padding: 0 15px;
/*padding-right: 150px;*/
padding-right: 15px;
}
.welcome_header {
display: flex;
align-items: center;
padding: 0 50px;
width: 100%;
/*height: 115px;*/
height: 75px;
background: transparent linear-gradient(90deg, #FD8223 0%, #FFA35D 100%) 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 4px #00000012;
border-radius: 11px;
position: relative;
}
.welcome_header img {
width: 95px;
position: absolute;
right: 90px;
bottom: -4px;
}
.welcome_header h2 {
text-align: left;
font-size: 25px;
font-weight: 600;
letter-spacing: 0px;
color: #FFFFFF;
margin: 0;
}
.upc_test_header h2 {
font: Bold 19px/23px Montserrat;
letter-spacing: 0;
color: #000;
margin-bottom: 8px;
}
.Completed{
background-color: green;
color: white;
}
.Scheduled{
background-color: red;
color: white;
}
i.openSubmenu{
padding: 5px;
}
.que_area p:empty{
display: none;
}
.multiselect-container.dropdown-menu.show {
transform: none !important;
top: 35px !important;
left: auto !important;
will-change: initial !important;
max-height: 300px;
overflow: auto;
}
.multiselect-container>li>a>label{
padding: 3px 10px 3px 10px !important;
}
.attendance_mark {
padding: 3px 5px;
border-radius: 5px;
color: #ffffff;
}
.attendance_mark.absent {
background: red;
}
.attendance_mark.present {
background: green;
}
.fileUploadWrap {
position: relative;
cursor: pointer;
width:100%;
}
.fileUploadWrap img.upload-icon {
position: absolute;
cursor: pointer;
/* below means you can click through the image onto the invisible input */
pointer-events: none;
width:40px;
top: 50%;
transform: translatey(-50%);
}
.fileUploadWrap .fileName {
position: absolute;
left: 50px;
top: 15%;
pointer-events: none;
cursor: pointer;
}
.fileUploadWrap input[type=file] {
margin-left: -25px;
opacity: 0;
cursor: pointer;
}
ul.multiselect-container li.active a{
color: #ffffff !important;
}
.status-btn:hover{
background: #137fc8 !important;
}
/* Custom styles for the dropdown */
.custom-select-with-checkbox {
position: relative;
float: left;
}
.custom-dropdown-toggle {
background-color: #ffffff;
border: none;
padding: 7px 15px;
font-size: 15px;
cursor: pointer;
border-radius: 4px;
}
.custom-dropdown-toggle:focus {
outline: none;
}
.custom-dropdown-menu {
display: none;
position: absolute;
background-color: #fff;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
margin-top: 5px;
z-index: 1000;
padding: 10px;
border-radius: 4px;
}
.custom-dropdown-item {
display: flex;
align-items: center;
padding: 5px 10px;
font-size: 14px;
cursor: pointer;
}
.custom-dropdown-item input {
margin-right: 10px;
width: 20px !important;
}
.custom-select-with-checkbox .custom-dropdown-menu.custom-show {
display: block;
}
/* Style for the collapsible headers */
.custom-accordian .collapsible-header {
background-color: #cacaca;
color: #000000;
cursor: pointer;
padding: 10px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 18px;
margin-top: 10px;
}
/* Style for the collapsible content */
.custom-accordian .content {
padding: 15px;
display: none;
overflow: hidden;
background-color: #f1f1f1;
transition: max-height 0.2s ease-out;
}
.custom-accordian .content.show {
display:block;
}
/* Card Container */
.test-card {
position: relative;
background-color: #e5f5ff; /* Light green background */
border: 1px solid #e0e0e0; /* Light border */
padding: 15px 35px;
margin: 10px 0 20px 0; /* Margin for spacing between cards */
border-radius: 10px;
display: flex;
justify-content: space-between;
align-items: center;
border-left: 6px solid var(--theme-secondary-color);
}
.test-card .test-type{
left: -40px;
position: absolute;
top: 43px;
background: var(--theme-primary-color);
color: #ffffff;
padding: 2px 10px;
border-radius: 50px;
rotate: 90deg;
font-size: 14px;
}
/* Header Section */
.test-header {
display: flex;
flex-direction: column;
gap: 5px;
}
/* Header Title */
.test-header h3 {
font-weight: 600;
font-size: 17px;
margin: 0;
margin-bottom: 10px;
color: #000000;
}
/* Header Subtitle */
.test-header p {
margin: 0;
font-size:15px;
color: #666;
}
/* Buttons Section */
.test-buttons {
display: flex;
justify-content: end;
gap: 10px;
}
.test-card .test-time{
font-size: 14px;
}
/* .test-card .test_page span.start_test_btn{
width: 100px !important;
} */
.test-card .test-buttons span.start_test_btn{
width: auto !important;
font-size: 14px;
}
.test-card span.start_test_btn{
background: var(--theme-secondary-color);
}
/* Button Styles */
.btn {
padding: 10px 15px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 0.9rem;
/* color: #fff; */
}
/* New card style css end */
.reviewed-tag{
font-weight: normal;
font-size: 12px;
padding: 3px 10px;
background: #0fac0f;
border-radius: 50px;
color: #ffffff;
margin-right: 10px;
vertical-align: middle;
}
tr.resolved{
background: #d7ecff;
}
tr.closed{
background: #c9fac9;
}
tr.urgent{
background: #f96965;
}
tr.tocheck{
background: #fad299;
}
.toggle-password{
cursor: pointer;
color: gray;
}
input[name="new_password"], input[name="confirm_password"], input[type="password"]{
border: none !important;
border-bottom: 1px solid #707070 !important;
} |