@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
body{ font-size: 14px; color: #4b4b4b; list-style: 26px;font-family: 'Roboto', sans-serif;background:#f9f9f9; }
h1,h2,h3,h4,h5,h6,a,p{font-family: 'Roboto', sans-serif;}
a:hover{ text-decoration: none; }
.text-black{color:#797f97;}
.f15-size{font-size: 15px;}
.f16-size{font-size:16px;}
.f20-size{font-size: 20px;font-weight: 600;}
.mr-center{margin: 0 auto;}
.f25-size{font-size:25px;font-weight:600;}
.f35-size{font-size:35px;font-weight:600;}
.bg-green{background:#0ec167;}
a{color:#7c829a;}
.bg-orange{background:#f47a62;}
.ptb_50{padding:50px 0px;}
.pl-md-6{padding-left:6em;}
.pr-md-6{padding-right:6em;}
.text-blue-dark{color: #110b56;}
.bg-skyblue{background: #02c7fc;}
.text-blue{color: #02c7fc;}
.bg-blue-dark{background-color: #02c7fc !important;}
button:focus {border: none;   outline: none;}
/** ======================  header ==============================**/
.header.header.header-main .sitebar { display: none;}
/*********************** sidebar ********************/
img.hover-show {  display: none;}
.top-data-bar .sidebar li a.active img.hover-show{display: block;padding-right: 5px;}
.top-data-bar .sidebar li a.active img.first-img{display: none;padding-right: 5px;}
.top-data-bar .sidebar li:hover img.hover-show {  display: block;padding-right: 5px;}
.top-data-bar .sidebar li:hover img.first-img{display:none;}
.top-data-bar .sidebar li a:hover img.hover-show {  display: block;padding-right: 5px;}
.top-data-bar .sidebar li a:hover img.first-img{display:none;}
.top-data-bar .sidebar li:first-child {margin: 0;}
.top-data-bar .sidebar li:first-child a{border:none;}
.top-data-bar .sidebar.fliph li a.active { border-radius: 5px;}
.top-data-bar .sidebar li:first-child:hover {background: transparent !important;}
.top-data-bar .sidebar.fliph li a, .top-data-bar .sidebar.fliph li a.active {padding: 6px 5px;text-decoration: none;}
.top-data-bar.position-relative {background: #f4f5fa;}
.top-data-bar .sidebar{ width:170px;  background-color:#f4f5fa;transition: all 0.5s  ease-in-out;min-height: 100vh; }
.top-data-bar .sidebar ul{ list-style:none; margin:0px; padding:0px; }
.top-data-bar .sidebar li a {border-right-color: transparent;border-left-color: transparent;color:#7c829a;}
.top-data-bar .sidebar li:last-child a {border-bottom: 1px solid #efefef;}
.top-data-bar .sidebar li a.active{border:none;}
.top-data-bar .sidebar li{ margin: 15px 10px;}
.top-data-bar .sidebar li a.active{color: #fff !important;display: flex;}
.top-data-bar .sidebar li:hover a{color:#fff !important;padding: 8px;display: flex;}
.top-data-bar .sidebar li a:hover{color:#fff !important;display: flex;}
.top-data-bar .sidebar li a,.top-data-bar .sidebar li a.active{ display:block; padding:8px 8px;text-decoration:none;}
.top-data-bar .sidebar li a.active{background-color:#0ec167; transition: all 0.5s  ease-in-out;border-radius: 20px;display: flex;}
.top-data-bar .sidebar li:hover {background-color: #0ec167 !important; color: #fff !important; border-radius: 20px;}
.top-data-bar .sidebar li a i{ padding-right:5px;}
.top-data-bar .sidebar li a .nav-label,.top-data-bar .sidebar li a .nav-label+span{ /*transition: all 0.5s  ease-in-out*/}
.top-data-bar .sidebar.fliph li a .nav-label,.top-data-bar .sidebar.fliph li a .nav-label+span{ display:none;/*transition: all 0.5s  ease-in-out*/}
.top-data-bar .sidebar.fliph {width: 42px;transition: all 0.5s  ease-in-out;}
.top-data-bar .sidebar.fliph li{ position:relative}
.top-data-bar .sidebar.fliph .sub-menu {position: absolute; left: 39px; top: 0;background-color: #222; width: 150px; z-index: 100;}	
.progress-bar {float: left;height: 100%;text-align: center;background-color: #337ab7;-webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);-webkit-transition: width .6s ease;    -o-transition: width .6s ease;transition: width .6s ease;}
.progressbar{height: 20px;overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%); box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);}
.bottom-box ul li {list-style: none;}
.bottom-box ul li img { max-width: 34px;}
.crose img {max-width: 30px;}
.crose { position: absolute; right: 25px;    top: 12px;}
.bg-color-pt{background-color: #c0c0c0;}
.botton-bar{background:#808080;}
.shadow-sm.rounded.active {box-shadow: 0px 0px 6px 0px rgba(146, 228, 80,0.70) !important;-webkit-box-shadow:0px 0px 6px 0px rgb(146 228 80 / 77%);}
span.circle-bottom { position: absolute;background: #f00; width: 12px; height: 12px; border-radius: 50px; font-size: 8px;
    text-align: center;  color: #fff;}
 i.fa.fa-bell-o { cursor: pointer;}
.mobile-view{display: none;}
header.header.header-main .text-left {  display: none;}
.top-data-bar .back-text { position: absolute; bottom: 0; text-align: center; left: 0;right: 0;}
.home-top i {  color: #110b56;}
.top-bar-time label { margin-bottom: 0;}


/***Dashboard page********/
.recent-data  h4 {   text-transform: capitalize;}
.top-data-bar .sidebar li:firts-child img{ padding-right: 5px;}
.top-data-bar .sidebar li img { padding-right: 5px;}
.top-bar-time p { color: #110b56;}
.search-btn-top input {border-radius: 25px; padding-left: 36px;}
.search-btn-top i { position: absolute; top: 28%; left: 5%;color: #110b56;}
.top-column-text .left-img img { width: 60px; border: 1px solid #110b56; margin-right: 12px;height:60px;}
.border-radius-corner { border-radius: 20px; padding: 20px 14px; text-align: center;}
.border-radius-corner img { width: 100px; height: 86px; object-fit: contain;}
.box-color-yellow{background:#fdf1e9; }
.box-color-skyplue { background: #ecf1fe;}
.box-color-lightblue { background: #ebf6fe;}
.box-color-myprogress { background-image: linear-gradient(#f5f3ee, #ebf1fa);}
div .recent-data .image-left img {width: 129px;  height: 100px; border-radius: 20px;}
.left-side img { width: 80px;  height: 80px;}
.left-side img { width: 100px; height: 100px;  border-radius: 20px;  object-fit: cover; }
.pic-upload {height: 80px; width: 80px;}
.pic-upload { background: #3d9dec30;   border-radius: 20px; height: 100px;  width: 100px; display: flex; align-items: center; justify-content: center;  position: relative;  box-shadow: 0px 0px 4px 0px #ddd;  top: -14px;}
.pic-upload i.fa.fa-plus { font-size: 23px;  padding: 12px;color:#31a8ff;}
.pic-upload i.fa.fa-plus {   top: 23%;border:none !important;}
.pic-upload input[type="file"] { opacity: 0;  z-index: 2;  width: 96px;  position: absolute;  left: 0;   right: 0;  height: 48px;}
section.left-side.d-flex div {  position: relative;}
section.left-side div .delet-btn { visibility: hidden; width: 15px; background-color: #f00; color: #fff; text-align: center;
    border-radius: 100%; padding: 0;  position: absolute;  z-index: 1;  right: 17px;  font-size: 15px;  line-height: 17px;}
/*section.left-side.slider div:hover .delet-btn { visibility: visible;}*/
.right-border-t.my-work-home:before { content: "";border: 1px solid #ddd;  height: 89%;  width: 0px;  position: absolute;  left: -15px;top: 15%;}
.right-border-t.ptb_50{padding:35px 0px;}
.right-border-t:before { content: "";border: 1px solid #ddd;  height: 95%;  width: 0px;  position: absolute;  left: -15px;top: 6%;}
.content-project p { font-size: 12px;  margin-bottom: 7px;}
.recent-data .project-list { padding: 15px 23px;}
.recent-data .icon-arrow i.fa.fa-angle-right { font-size: 30px; color: #110b56;}
.recent-show-data { height: 600px; overflow-y: scroll;scrollbar-color: #fff #fff; scrollbar-width: thin;padding-right: 14px;padding-right: 14px;}
.recent-show-data::-webkit-scrollbar { width: 5px; height: 20px;}
.recent-show-data::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.6); border-radius: 20px;}
.recent-show-data::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #fff; -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.6);
}
.border-bottom-text { border-top: 1px solid #ddd;  margin-top: 25px;  padding-top: 15px;}
/*******graph******/
.graph-column p { font-size: 11px;}
.w-text { width: 38%;  margin-bottom: 18px;}


/****Dashborad end*******/
.recent-show-data .position-absolute { right: 9px;  bottom: 0;  font-size: 11px;}
/*********first tab workplace*********/
.tabs-data-workshow .search-btn-top i { position: absolute;  top: 28%;  left: 2%;  color: #110b56;}
.tabs-data-workshow .search-btn-top input {  border: 1px solid #ddd;  padding: 5px 36px;}
.tabs-data-workshow .search-btn-top input:focus{outline: 0px;}
 .manual-text span {  border-radius: 8px;cursor: pointer;}
.tabs-data-workshow i.fa.fa-plus { border: 1px solid #fff;  padding: 2px 4px;}
.tabs-flex .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff; background-color: #02c7fc;border-radius: .80rem; }
.tabs-flex li.nav-item { margin-right: 10px;border-radius: .80rem;}
.tabs-flex .nav-pills .nav-link.active, .nav-pills .nav-link { padding: 14px 26px; text-align: center;}
.form-control-text { border: 1px solid #dee2e6; padding: 7px 20px;  border-radius: 5px;width: 35%;}
 
/********Tab list time list******third*******/
.inner-dash #nav-tabContent { border: 1px solid #eee;}
div#popup-view-second .box-shadow-data-text h1 {font-size: 18px;color: #110b56;
    font-weight: 900;}
.inner-dash .nav-item {border: 1px solid #dee2e6;border-top-left-radius: .80rem; border-top-right-radius: .80rem;}
.border-radius-inner{border-radius: 12px;}
.inner-dash .upload i { font-size: 50px;}
.upload input {position: absolute;  opacity: 0; left: 0;  width: 100%;z-index: 1;}
/*.menu-upload-data .form-group select:focus-visible {border: none;outline: 0;}*/
.inner-dash .form-group.upload { background: transparent; border: navajowhite;  width: 100%;  color: #fff;}
.inner-dash .upload { border: 1px solid #eee; text-align: center;background: #fff; border-radius: 18px; width: 80%; margin: 0 auto;height: 34px;
    line-height: 32px;}
.menu-upload-data .form-group select {padding: 0.3em 3.5em 0.3em 1em; word-wrap: normal; -moz-appearance: none; -webkit-appearance: none; appearance: none;}
/*.menu-upload-data .form-group select.classic {width: 160px;background-image: linear-gradient(45deg, white 50%, transparent 50%),linear-gradient(135deg, transparent 50%, white 50%),linear-gradient(to right, #02c7fc, #02c7fc); background-position: calc(100% - 5px) 1em,calc(100% - 11px) 1em, 100% 0;background-size: 6px 5px,  5px 5px,  1.5em 2.5em;  background-repeat: no-repeat; outline: 0;}*/
.menu-upload-data .form-group select.classic {  width: 160px;  background-image: linear-gradient(130deg, white 50%, transparent 50%),linear-gradient(45deg, transparent 50%, white 50%),linear-gradient(to right, #02c7fc, #02c7fc);
    background-position: calc(100% - 5px) 1em,calc(101% - 12px) 1em, 100% 0;
    background-size: 6px 5px,  6px 5px,  1.5em 2.5em;  background-repeat: no-repeat;utline: 0;}
    #popup-view .menu-upload-data .form-group select.classic {
     background-position: calc(100% - 4px) 1em,calc(101% - 14px) 1em, 100% 0;
    background-size: 6px 5px,  6px 5px,  1.5em 2.5em;
  
}
div .alert.alert-block {width: 28%;}
.search-data-boxn:before {    content: "";  border: 1px solid #ddd; height: 95%;  width: 0px;   position: absolute;   right: -10px;}
.search-data-boxn{position: relative;}
.search-data-boxn .top-data input { border-radius: 50px; border: 1px solid #eee; padding:8px 36px;}
/* .search-data-boxn .top-data input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0;} */
img#getCalender {  display: none;}
.search-top i.fa.fa-search { position: absolute;top: 12px; left: 10px;}
.search-data-boxn .search-top input {  border: 1px solid #ddd;  padding: 8px 36px;width: 100%;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #FFF; background-color: #02c7fc; border-color: #dee2e6 #dee2e6 #fff;}
.project-list {background: #f4f5fa; padding: 30px; border-radius: 15px; margin-bottom: 23px; box-shadow: 0px 0px 4px 0px #fff;}
.project-list .image-left img { width: 230px; height: 160px; object-fit: contain; border-radius: 30px;}
.project-list h4{color:#110b56;font-weight: 400;}
.project-list .icon-arrow{margin:0 auto;}
.icon-arrow i.fa.fa-angle-right {font-size: 32px; color:#110b56;}
.bottom-project-data { border-top: 1px solid #ddd; margin-top: 13px;}
i.fa.fa-star {  color: #ffc107;}
i.fa.fa-cloud-upload{  font-size: 23px;}
.inner-dash .upload button { border: navajowhite; background: transparent;text-transform: capitalize;}
.menu-upload-data li {  display: block !important;}
/*****third end************/

/*********Second tab progress******/
.progress-data-show .menu-upload-data .form-group select:focus-visible { border: 1px solid rgb(118, 118, 118); outline: 0;}
.progress-data-show .menu-upload-data .form-group select.classic{ border: 1px solid rgb(118, 118, 118);background-image: linear-gradient(45deg, white 50%, transparent 50%),linear-gradient(135deg, transparent 50%, white 50%),linear-gradient(to right, #02c7fc, #02c7fc);}
.progress-weekly .progress-bar { background: #b27aff; border-radius: 20px;}
.progress-weekly .progress { border-radius: 20px;height: 24px;}
.progress-data-show .menu-upload-data  li{list-style: none;}
.progress-weekly span.progress-text-top { position: absolute; right: 17%;  top: 10px;}
.table-bordered {  border: none;}
/*****Second tab end************/

/************notification**********/
.popup-notification .img-left { width: 70px;  height: 70px;margin-right: 20px;}
.popup-notification .img-left img { width: 70px; height: 70px;}
.popup-notification h5 {color: #110b56;font-size: 25px; font-weight: 700;}
.popup-notification .user_info span {font-size: 20px; font-weight: 700;  color: #110b56;}
.popup-notification  .time-show {  position: absolute; right: 20px;top:0;}
.popup-notification button.close {font-weight:400;position: absolute; right: 15px; color: #f47a62; opacity: 1 !important;top:1px; font-size: 50px;}
.popup-notification .modal-content { padding: 15px 0px 15px;  border-radius: 20px;}
.popup-notification .modal-content .modal-body{padding:0px;}
.popup-notification ul > li {list-style: none; padding: 20px 0px; border-top: 1px solid #c0c0c0;border-bottom: 1px solid #c0c0c0;}
.popup-notification .modal-footer-top button { width: 50%; margin: 0 auto;  color: #fff;}
.popup-notification ul > li:last-child {  border: none;}
.popup-notification .modal-content p{margin-bottom: 0px;}
.popup-notification .d-flex {  position: relative;}

/*********profile************/
.list-slider button.owl-prev { position: absolute; top: 0; left: -30px; bottom: 0;}
.list-slider button.owl-next { position: absolute; right:-25px;  top: 0; bottom: 0;}
.list-slider button span{font-size:35px;}
.list-slider .owl-theme .owl-nav [class*=owl-]:hover { background: transparent;  color: #000;  text-decoration: none;}
.box-shadow-profile { background: #fff;  border-radius: 23px; padding: 20px; box-shadow: 0px 0px 10px 0px #eee;height:100%;}
.common-div.d-flex {  width: 80%;  align-items: center;}
.data-text-center .img-left-data { width: 40%;}
.data-text-center .user_info_data {width: 60%;}
.data-text-center .start-data { width:20%; text-align: center;}
/*.data-text-center .img-left-data img { width: 180px; border: 4px solid #9692e6;height:180px;}*/
.data-text-center .img-left-data img { width: 180px; border: 4px solid #fff;height:180px;}
 .data-text-center .progress-bar.progress-bar-success {border-radius: 20px;background: #9692e6;}
.data-text-center .progress{border-radius: 20px;}
.data-text-center .user_info_data  h4 { font-size: 34px;  font-weight: 700;}
.data-text-center .user_info_data p{font-size: 10px;}
.data-text-center .user_info_data .edit-profile {  color: #9692e6;  font-size: 15px;}
.data-text-center .start { border-radius: 100%; background: linear-gradient(to bottom right, #febc00, #fd7e00); height: 100px;  width: 100px; display: flex;
    justify-content: center; align-items: center;  font-size: 29px; color: #fff; margin: 0 auto;}
.data-text-center  .start i.fa.fa-star { color: #ffedad; font-size: 44px;}
.add-list-inter .add-btn-right {  border-radius: 20px; font-size: 12px;  color: #fff;}
.add-list-inter .add-btn-right:hover{color:#fff;}
.add-list-inter .school-list ul > li { list-style: none;}
.add-list-inter .school-list{margin-top: 20px;}
.add-list-inter .school-list ul > li > button:hover { background: #f47a62; color: #fff;}
.add-list-inter .school-list ul > li > button {border: 1px solid #d0cfcf; margin-bottom: 12px;  border-radius: 7px; text-align: left;height:auto;}
.add-list-inter .school-list ul {  overflow-y: scroll; height: 200px;scrollbar-color: #9692e6 #9692e6; scrollbar-width: thin;padding-right: 14px;}
.add-list-inter .school-list ul::-webkit-scrollbar { width: 5px; height: 20px;}
.add-list-inter .school-list ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); border-radius: 20px;}
.add-list-inter .school-list ul::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #9692e6; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.owl-carousel .owl-item img { display: block; width: 100%;  height: 200px;  object-fit: contain;}
ul.drop-data { position: absolute; top: 70%;  right: 0;  background: #eee;  padding: 6px 20px;}
ul.drop-data li{list-style: none;}
.no--data--found { text-align: center;  margin-top: 49px;  color: #f47a62;  font-weight: 700;}
/**********Edit profile**********/
.img-edit-top { width: 100%; margin: 0 auto;  text-align: center;position: relative;}
.img-edit-top .img-top img {width: 117px; border: 4px solid #eee; border-radius: 100%; height: 111px;}
.img-edit-top .img-top img:focus-visible {border:none;outline: 0;}
/*.img-edit-top:before {content: "";background: #b27aff; left: 0;  height: 150px;  position: absolute;  z-index: -1;  right: 0;  border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;}*/
 .upload-profile input[type="file"] {position: absolute; opacity: 0;  width: 70%;  top: 4px;cursor: pointer;}
.top-img-text .upload-profile i { cursor: pointer; color: #b27aff;  position: absolute;  bottom: 0; background: #fff; border-radius: 100%; text-align: center;
    display: flex; justify-content: center;  padding: 6px;  box-shadow: 0px 0px 4px 0px;  right: 47%;}
.upload-profile i{cursor: pointer;color:#b27aff;}
 .upload-profile span{color:#b27aff;} 
 .edit-profile-form textarea.form-control { height: 52px; border-radius: 7px;}  
 .edit-profile-form input, .edit-profile-form select { height: 52px; border-radius: 7px;} 
 .edit-profile-form div#signbutton {height: 59px;border-radius: 7px; display: flex;}
 .pb-btn {  margin-bottom: 2.2em;}


/********Personal information*********/
.personal-information .sidebar { width: 250px;}
.personal-information {  background: #f4f5fa;  height: 100vh; border-top-right-radius: 50px; border-bottom-right-radius: 50px;}
.personal-information ul > li {list-style: none;}
.personal-information ul > li.active,.personal-information ul > li:hover { background: #0ec167;}
.personal-information ul > li { margin: 10px 12px 10px 0px; padding: 16px 15px; border-top-right-radius: 50px;  border-bottom-right-radius: 50px;  }
.personal-information ul > li a{color:#7c829a;}
.personal-information ul > li:hover a,
.personal-information ul > li.active a {  color: #fff;display: flex;align-items: center;}
 
.personal-information .sidebar li:first-child {padding-top:0px;margin: 0; border-radius: 0;background: transparent;height:auto;}
.personal-information .sidebar li:first-child a{border:none;}
.personal-information .sidebar li:first-child:hover {background: transparent !important;}
.personal-information .back-text { margin: 0 auto; text-align: left; margin-top: 30px; margin-left:20px;color: #7c829a;}
.personal-information .edit-profile-form  .box-shadow-profile { height: 500px;}
.btn-right-vir button {  border-radius: 20px; font-size: 12px;  color: #fff;box-shadow: 0px 0px 5px -2px #f47a62;}
 .personal-information .sidebar li.active a img.hover-show{display: block;padding-right: 5px;}
.personal-information  .sidebar li.active a img.first-img{display: none;padding-right: 5px;}
.personal-information  .sidebar li:hover img.hover-show {  display: block;padding-right: 5px;}
.personal-information .sidebar li:hover img.first-img{display:none;}
.personal-information .sidebar li a:hover img.hover-show {  display: block;padding-right: 5px;}
.personal-information .sidebar li a:hover img.first-img{display:none;}
/*.back-text:hover a { background: #0ec167;color:#fff;padding: 3px 10px;}*/
.box-shadow-data-text:first-child div ul {   width: 47%;}
/********load popup*********/
.slidecontainer input:focus { outline: none;border: none !important; box-shadow: unset;}
.slider-wrapper{margin: 40px auto 30px;}
.noUi-pips.noUi-pips-horizontal { opacity: 0;  display: none;}
.noUi-handle:after, .noUi-handle:before {display:none !important;}
.noUi-horizontal .noUi-handle {  border-radius: 50px;  background: #ae73ff; border:none !important;  box-shadow: unset !important;  width: 25px !important;}
.noUi-connect {background: #ae73ff!important;}
.noUi-target {border-radius: 20px !important;}
.noUi-connects {border-radius: 20px !important;}
.noUi-tooltip {border: none !important; padding: 0px !important;}
#onload .modal-footer-top button {  width: 70%; margin: 0 auto; font-size: 16px; color: #fff;}
#onload .modal-content {border-radius: 30px;}
#onload .modal-content h5 {font-weight: 500;  text-transform: uppercase;line-height:29px;}
.slider-wrapper p { font-size: 12px;}
.slider-wrapper { width: 70%;}
.noUi-touch-area { height: 100%; width: 100%; background: #fff; border: 1px solid #ae73ff;  border-radius: 50px;}
#onload .modal-body {  padding-top: 51px;}
#onload button.close {position: absolute; top: 5%; right: 4%;  color: #f47a62 !important;  font-size: 45px;  font-weight: 400;z-index: 1; opacity: 1 !important;}
/*********congrualtion********/
.view-more button.btn.bg-orange {width: 60%; margin: 0 auto; color: #fff;}
 #congress-popup button.btn.bg-orange {width: 60%; margin: 0 auto; color: #fff;}
#congress-popup input[type='radio']:checked:after {width: 16px;height: 16px;border-radius: 15px;top: 0px; left: 0px;position: relative;
    background-color: #110b56; content: ''; display: inline-block; visibility: visible; /*border: 2px solid white;*/}
.view-more input[type='radio']:checked:after {width: 16px;height: 16px;border-radius: 15px;top: 0px; left: 0px;position: relative;
    background-color: #110b56; content: ''; display: inline-block; visibility: visible; /*border: 2px solid white;*/}
.box-shadow-data-text {padding: 10px;box-shadow: 0px 0px 3px 2px #e8e6e694; border-radius: 5px;}
.f12-size{font-size:12px;}
.box-shadow-data-text ul {display: flex;padding-left: 0; margin-bottom: 0px;}
.box-shadow-data-text ul li {list-style: none; padding: 0px 8px;text-align: center;}
input:focus-visible{border:none;outline:0;}
.box-shadow-data-text .project-text { font-weight: 600;}
.box-shadow-data-text p { font-weight: 500;}
#congress-popup .now-text { font-weight: 600;}
#congress-popup .modal-content {border-radius: 25px; }
#congress-popup button.close {position: absolute; right: 3%; top: 1%; font-size: 52px;color: #f47a62;  opacity: 1;font-weight:400;z-index: 1;}
input[type=checkbox], input[type=radio] {box-sizing: border-box;padding: 0;position: relative;border: 1px solid #110b56;appearance: none;border-radius: 100%;
    line-height: 0; width: 16px; height: 16px; text-align: center; align-items: center; display: flex; justify-content: center;}
.view-more button.close { position: absolute;  right: 3%;  top: 1%;  font-size: 52px;  color: #f47a62;  opacity: 1; font-weight: 400;
    z-index: 1;}
 .view-more .modal-content { border-radius: 25px; padding-bottom: 35px;}
 #congress-popup { overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; left: 0; z-index: 1050;  width: 100%; height: 100%;
   background: rgba(0,0,0,0.5);  outline: 0;display: none;}
     #congress-popup{ overflow-y: scroll;scrollbar-color: #7c7c7c #7c7c7c; scrollbar-width: thin;padding-right: 14px;padding-right: 14px;}
#congress-popup::-webkit-scrollbar { width: 5px; height: 20px;}
#congress-popup::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #7c7c7c; border-radius: 20px;}

#congress-popup::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #fff; -webkit-box-shadow: inset 0 0 6px #7c7c7c;}
 
 /**********teacher*******/
 .data-show-text-view ul { display: flex; justify-content: center;margin-bottom: 0px;}  
 .data-show-text-view ul li {list-style: none; margin: 0px 0px 0px 5px;} 
 .data-show-text-view ul li:first-child{margin-left: 0px;}
 .data-show-text-view ul li .checked {color: #ffc107;}
 .view-more .content-text {width: 80%; margin: 0 auto;}

 /********notepad*******/
.notepad {position: relative;width: 80%; padding: 30px;margin: 80px auto;text-align: center; background-color: #F6F6F6; display: inline-block; position: relative; background: linear-gradient(175deg, #f4f5fa, #f4f5fa); box-shadow: 1px -1px 5px #555; border-top: 1px solid #f4f5fa;}

/*.notepad:before {content: '';height: 47px;width: 100%;position: absolute;top: -47px; left: 0; background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/2065/paper_1.jpg');
  box-shadow: 0 10px 4px rgba(black, 0.2); z-index: -1;}*/
.notepad:after {position: absolute; content: ''; bottom: -1px; left: 0px; height: 4px; width: 100%; background-size: 3px 1px;
 background-image:-webkit-radial-gradient(40% 100%, circle, transparent 20%, #f4f5fa 35%); background-image: -moz-radial-gradient(40% 100%, circle, transparent 20%, #f4f5fa 35%);
 background-image: -ms-radial-gradient(40% 100%, circle, transparent 20%, #f4f5fa 35%); background-image: -o-radial-gradient(40% 100%, circle, transparent 20%, #f4f5fa 35%);
 
 background-image: radial-gradient(40% 100%, circle, transparent 20%, #f4f5fa 35%);}
.notepad:before{position: absolute; content: ''; top: -5px; left: 0;height: 10px; width: 99%;background-size: 9px 12px;background-image: -webkit-radial-gradient(5% 40%, circle, transparent 70%, #555 20%);background-image: -moz-radial-gradient(5% 40%, circle, transparent 70%, #555 20%);background-image: -ms-radial-gradient(5% 40%, circle, transparent 70%, #555 20%);
    background-image: -o-radial-gradient(5% 40%, circle, transparent 70%, #555 20%); background-image: radial-gradient(circle at 5% 40%, transparent 70%, #555 20%);}
.notepad-show button#save { background: #f47a62; border: none; color: #fff; border-radius: 6px;  padding: 6px 18px;display: flex;
    margin-top: 13px;justify-content: flex-end;}
  .notepad-show  .text { padding: 10px 20px; background: #eee;}
.notepad-show textarea#notepad { width: 100%; background: #f4f5fa;  border: 1px solid #dedede;}
textarea:focus-visible{outline: none;border: 1px solid #dedede;}
.notepad-show { background: #fff; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);margin-top: 60px;padding:20px 30px 40px;}
.notepad-show .search-btn-top input { padding-left: 42px;  width: 100%;}
.notepad-show .list-show{ overflow-y: scroll; height:300px; overflow-x: hidden;    padding-right: 24px;}
.notepad-show .list-show::-webkit-scrollbar {width: 5px;  height:200px;}
.notepad-show .list-show::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(200,200,200,1); border-radius: 20px; }
.notepad-show .list-show::-webkit-scrollbar-thumb { border-radius: 10px;background-color:  #110b56;   -webkit-box-shadow: inset 0 0 6px rgba(90,90,90,0.7); }
.notepad-show ::-webkit-scrollbar-thumb { border-radius: 10px;background-color:  #110b56;   -webkit-box-shadow: inset 0 0 6px rgba(90,90,90,0.7);position: absolute;top: 0px;height: 20px; }
.data-delat .fa {color: #110b56;border-color: #110b56 !important; padding: 6px 13px;cursor: pointer;}
p.text-data.mb-0 {overflow: hidden; width: 220px; text-overflow: ellipsis; white-space: nowrap;}


/*******manufulness**********/
.box-shadow.box-data { background: #fff; padding: 10px; box-shadow: 0 0.165rem .65rem rgba(0,0,0,.090)!important;}
/*.ordered input[type='radio']:checked:after {width: 11px; height: 11px; border-radius: 15px;top: 0px;left: 0px; position: relative;
    background-color: #110b56; content: ''; display: inline-block; visibility: visible;}
  .ordered  input[type=checkbox], input[type=radio] {box-sizing: border-box;padding: 0; position: relative; border: 1px solid #110b56;appearance: none; border-radius: 100%; line-height: 0; width: 11px; height: 11px; text-align: center; align-items: center;display: flex; justify-content: center;}
 .form-data input#txt:focus { border: 1px solid #000;  padding: 2px;}*/
 ol.ordered li {  font-size: 15px;}
 ol.ordered .active {  background:#0ec167;color:#fff;}