@font-face {
  font-family: 'icomoon';
  src: url('../fonts/107.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Camera:before {
  content: "\e951";
}
.icon-Edit_secondary:before {
  content: "\e950";
}
.icon-Self_Task:before {
  content: "\e96b";
}
.icon-Sub_Task:before {
  content: "\e96e";
}
.icon-Critical:before {
  content: "\e94f";
}
.icon-stop:before {
  content: "\e94e";
}
.icon-mic_off:before {
  content: "\e94c";
}
.icon-mic:before {
  content: "\e94d";
}
.icon-Print:before {
  content: "\e94b";
}
.icon-Plan_count:before {
  content: "\e926";
}
.icon-Reopened_count:before {
  content: "\e949";
}
.icon-Time_extension_count:before {
  content: "\e94a";
}
.icon-Attachment_1:before {
  content: "\e91f"; 
}
.icon-Dissaproved:before {
  content: "\e947"; 
}
.icon-Doc:before {
  content: "\e921"; 
}
.icon-Forwarded_by_1:before {
  content: "\e922"; 
}
.icon-Forwarded_to_1:before {
  content: "\e93d"; 
}
.icon-Image:before {
  content: "\e93e"; 
}
.icon-Link_1:before {
  content: "\e940"; 
}
.icon-Note_2:before {
  content: "\e948"; 
}
.icon-On_hold:before {
  content: "\e942"; 
}
.icon-Paused:before {
  content: "\e943"; 
}
.icon-Project_planned:before {
  content: "\e91b"; 
}
.icon-Resumed:before {
  content: "\e945"; 
}
.icon-Reversed:before {
  content: "\e920"; 
}
.icon-Shared_by_1:before {
  content: "\e941"; 
}
.icon-Shared_with_1:before {
  content: "\e944"; 
}
.icon-Time_extension:before {
  content: "\e946"; 
}
.icon-Yearly_project:before {
  content: "\e91a"; 
}
.icon-Accepted:before {
  content: "\e924"; 
}
.icon-Aprroval:before {
  content: "\e925"; 
}
.icon-Checklist_1:before {
  content: "\e929"; 
}
.icon-Deleted:before {
  content: "\e930"; 
}
.icon-Filter:before {
  content: "\e931"; 
}
.icon-Notes:before {
  content: "\e932"; 
}
.icon-Project_created:before {
  content: "\e933"; 
}
.icon-Reset:before {
  content: "\e934"; 
}
.icon-Testing:before {
  content: "\e935"; 
}
.icon-Verify:before {
  content: "\e936"; 
}
.icon-Work-in-progress:before {
  content: "\e937"; 
}
.icon-High_Priority:before {
  content: "\e938"; 
}
.icon-Low_Priority:before {
  content: "\e93a"; 
}
.icon-Medium_Priority:before {
  content: "\e93b"; 
}
.icon-Medium_project:before {
  content: "\e93c"; 
}
.icon-Forwarded_by:before {
  content: "\e917"; 
}
.icon-Forwarded_to:before {
  content: "\e918"; 
}
.icon-Shared_by:before {
  content: "\e912"; 
}
.icon-Shared_with:before {
  content: "\e916"; 
}
.icon-Like:before {
  content: "\e911"; 
}
.icon-edit-2:before {
  content: "\e910"; 
}
.icon-Assigned-_Project:before {
  content: "\e901"; 
}
.icon-Attachment:before {
  content: "\e902"; 
}
.icon-Checklist:before {
  content: "\e903"; 
}
.icon-Daily_Recurring:before {
  content: "\e905"; 
}
.icon-Dropdown_arrow:before {
  content: "\e907"; 
}
.icon-Link:before {
  content: "\e908"; 
}
.icon-Monthly_Recurring:before {
  content: "\e909"; 
}
.icon-New_Project:before {
  content: "\e90a"; 
}
.icon-Project_By_Calendar:before {
  content: "\e90b"; 
}
.icon-Project_By_Status:before {
  content: "\e90c"; 
}
.icon-Random_Recurring:before {
  content: "\e90d"; 
}
.icon-Unassigned-_Project:before {
  content: "\e90e"; 
}
.icon-Weekly_Recurring:before {
  content: "\e90f"; 
}
.icon-Account:before {
  content: "\e986"; 
}
.icon-Logout:before {
  content: "\e97e"; 
}
.icon-Calender:before {
  content: "\e939"; 
}
.icon-My-Accounts:before {
  content: "\e93f"; 
}
.icon-tiangle:before {
  content: "\e927";
}
.icon-tiangle-right:before {
  content: "\e92b";
}
.icon-delete:before {
  content: "\e913"; 
}
.icon-edit:before {
  content: "\e914"; 
}
.icon-helpcenter:before {
  content: "\e915"; 
}
.icon-menu:before {
  content: "\e919"; 
}
.icon-search:before {
  content: "\e91c"; 
}
.icon-back:before {
  content: "\e900"; 
}
.icon-dot:before {
  content: "\e904"; 
}
.icon-options:before {
  content: "\e906"; 
}
.icon-Edit:before {
  content: "\e962"; 
}
.icon-View:before {
  content: "\e96f"; 
}
.icon-perm_contact_calendar:before {
  content: "\e92a"; 
}
.icon-home:before {
  content: "\e928"; 
}
.icon-message:before {
  content: "\e0c9";
}
.icon-people:before {
  content: "\e7fb";
}
.icon-add:before {
  content: "\e923";
}
.icon-label:before {
  content: "\e892";
}
.icon-arrow_drop_up:before {
  content: "\e91d";
}
.icon-arrow_drop_down:before {
  content: "\e91e";
}
.icon-check:before {
  content: "\e5ca";
}
.icon-close:before {
  content: "\e5cd";
}
.icon-expand_less:before {
  content: "\e5ce";
}
.icon-expand_more:before {
  content: "\e5cf";
}
.icon-left-arrow:before {
  content: "\e959"; 
}
.icon-right-arrow:before {
  content: "\e957"; 
}
.icon-membership:before {
  content: "\e92c";
}
.icon-insurance:before {
  content: "\e92d";
}
.icon-database:before {
  content: "\e92e";
}
.icon-creditCard:before {
  content: "\e92f";
}
.icon-pause2:before {
  content: "\ea1d";
}
#main-page .swiper-slide ,
#Changepassword-page .swiper-slide ,
#purchase-page .swiper-slide {
  border-radius: 0px;
  background: #fff;
}
#main-page .headerBgColor,#order-page .headerBgColor,#language-page .headerBgColor,#device-page .headerBgColor,
#Changepassword-page .headerBgColor,#order-page .headerBgColor,
#purchase-page .headerBgColor,#order-page .headerBgColor, #userProfile-page .headerBgColor {
  background-color: #104887 !important;
}
#main-page .app_content_body ,#order-page .app_content_body,#language-page .app_content_body,#device-page .app_content_body,
#Changepassword-page .app_content_body ,#order-page .app_content_body,
#purchase-page .app_content_body ,#order-page .app_content_body,#userProfile-page .app_content_body{
  color: #fff !important;
}
#main-page .swiper-slide img ,
#Changepassword-page .swiper-slide img ,
#purchase-page .swiper-slide img {
  border-radius: 0px;
}
.menu-bars.active {
  display: block;
  width: 100vw;
  position: fixed;
  z-index: 999;
  background: #fff;
  height: calc(100vh - 80px);
}
div#order_wrapper input {
  border: 1px solid #ddd;
  width: 86%;
}


@media only screen and (min-width: 50px) and (max-width: 700px) {
  .navbar-list li:last-child a {
      padding-bottom: 300px;
      padding-top: 10px;
  }
  div#myAccount-modal .flex-shrink-0 {
    display: none;
  }
  #myAccount-modal .modal-content.border-radius-25 {
    width: 300px !important;
  }
  .menubars{
    display: block !important;
  }
  .menubaritem{
    display: none !important;
  }
  .menu-icon-image {
    width: calc(100vw - 50px) !important;
  }
  *[data-role='page'] .menu-icon-image img {
    left: -20px !important;
    width: 150px !important;
  }
  .material-loader-box1.padding-tb-15.background-fff.all-shadow.border-radius-3 {
    width: 80vw;
  }
  #order-page .col-xs-2.whiteround.menubaritem{
    display: flex !important;
    width: 210px !important;
  }
  .menu-bars{
    display: none;
  }
  
}
@media only screen and (min-width: 800px) and (max-width: 15000px) {
  #order-page .col-xs-2.whiteround.menubaritem{
    width: 210px !important;
  }
}
@media only screen and (min-width: 500px) and (max-width: 15000px) {
  #main-page .swiper-slide, #magazine-sections-page .swiper-slide ,
  #Changepassword-page .swiper-slide, #magazine-sections-page .swiper-slide ,
  #purchase-page .swiper-slide, #magazine-sections-page .swiper-slide {
    width: 150px !important;
  }
  .hede-name-parent1{
    width: 10%;
  }
  .hede-name-parent{
    width: 60%;
  }
  .hede-name-parent2{
    width: 30%;
  }
  .col-xs-12.image-pr-mod {
    display: flex;
    justify-content: center;
  }

  .col-xs-12.image-pr-mod img {
      width: 500px !important;
      height: 250px !important;
  }
}
.showpass input {
  width: 40px !important;
}

.showpass {
  float: inline-end;
}

.showpass1 {
  height: 50px;
}
.profile-sec {
  position: absolute;
  top: 50px;
  width: 230px;
  height: 150px;
  background: #fff;
  right: 25%;
  z-index: 999;
  border-radius: 5px;
  color: #000;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.prifle-bars {
  display: flex;
  justify-content: space-evenly;
  padding: 0px 20px;
}
.hover_underline:hover{
  text-decoration: underline;
}

/* New css */
#order-page .col-xs-2.whiteround.menubaritem {
  width: 160px;
}
#main-page .headerBgColor ,#order-page .headerBgColor ,#language-page .headerBgColor,#device-page .headerBgColor,
#Changepassword-page .headerBgColor ,#order-page .headerBgColor ,#IframePage .headerBgColor,
#purchase-page .headerBgColor ,#order-page .headerBgColor,#userProfile-page .headerBgColor {
  height: 80px !important;
}

#main-page .app_content_body ,#order-page .app_content_body ,#language-page .app_content_body,#device-page .app_content_body,
#Changepassword-page .app_content_body ,#order-page .app_content_body ,
#purchase-page .app_content_body ,#order-page .app_content_body, #userProfile-page .app_content_body {
  margin-top: 0px !important;
}

#main-page .app_content_body h5.bold.padding-LR-10.font-20 ,#order-page .app_content_body h5.bold.padding-LR-10.font-20 ,
#Changepassword-page .app_content_body h5.bold.padding-LR-10.font-20 ,#order-page .app_content_body h5.bold.padding-LR-10.font-20 ,
#purchase-page .app_content_body h5.bold.padding-LR-10.font-20 ,#order-page .app_content_body h5.bold.padding-LR-10.font-20 {
  color: #000;
  height: 30px;
  padding-top: 5px;
}
.whiteround {
  display: flex;
  row-gap: 10px;
  align-items: center;
  background: #fff !important;
  color: #162a4f;
  margin-right: 20px;
  padding: 6px !important;
  width: 270px !important;
  border-radius: 5px;
  padding-left: 20px !important;
  justify-content: space-between;
}

.whiteround span.whitebtn {
  background: #fff;
  color: #162a4f;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 5px;
}

.whiteround i {
  font-size: 24px;
}
.col-xs-4.whiteround.menubars.text-center.pull-left.pointer {
  background: transparent !important;
  color: #fff !important;
  width: 50px !important;
}

span.whitebtn:empty {
  display: none;
}
#order td , #order th {
  border: 1px solid #ddd;
  color: #000;
}

.tableview {
  padding: 20px;
}

.navbar-list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 20px;
  overflow: auto;
  height: calc(100vh - 100px);
}

.navbar-list .tutor-dashboard-menu-item {
  height: 40px;
  font-size: 17px;
  margin-bottom: 12px;
  font-size: 17px;
  font-weight: 600;
}

.navbar-list .tutor-dashboard-menu-item a {
  color: #104887;
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 10px;
}
.navbar-list .tutor-dashboard-menu-item a .tutor-dashboard-menu-item-icon {
  font-size: 23px;
  padding: 6px;
  color: #162a4f;
  width: 45px;
  text-align: center;
}

.navbar-list .tutor-dashboard-menu-item a .tutor-dashboard-menu-item-text {
  padding-left: 8px;
}

.navbar-list .tutor-dashboard-menu-item.active {
  border-radius: 5px 0px 0px 5px;
  height: 50px;
}

.navbar-list .tutor-dashboard-menu-item.active a .tutor-dashboard-menu-item-text {
  color: #104887;
}

.navbar-list .tutor-dashboard-menu-item.active a .tutor-dashboard-menu-item-icon {
  color: #104887;
}

.navbar-list .tutor-dashboard-menu-item a:hover {
  text-decoration: none;
  
}
.navbar-list .tutor-dashboard-menu-item:not(.active):hover{
}

.menu_plus_body {
  display: flex;
}

.menu-bars {
  padding: 0px 0px 0px 0px;
  width: 350px;
  border-right: 1px solid #d1d1d1;
}
body {
	font-family: 'Varela Round', sans-serif;
}
.modal-confirm {		
	color: #434e65;
	width: 525px;
}
.modal-confirm .modal-content {
	padding: 20px;
	font-size: 16px;
	border-radius: 5px;
	border: none;
}
.modal-confirm .modal-header {
	background: #47c9a2;
	border-bottom: none;   
	position: relative;
	text-align: center;
	margin: -20px -20px 0;
	border-radius: 5px 5px 0 0;
	padding: 35px;
}
.modal-confirm h4 {
	text-align: center;
	font-size: 36px;
	margin: 10px 0;
}
.modal-confirm .form-control, .modal-confirm .btn {
	min-height: 40px;
	border-radius: 3px; 
}
.modal-confirm .close {
	position: absolute;
	top: 15px;
	right: 15px;
	color: #fff;
	text-shadow: none;
	opacity: 0.5;
}
.modal-confirm .close:hover {
	opacity: 0.8;
}
.modal-confirm .icon-box {
	color: #fff;		
	width: 95px;
	height: 95px;
	display: inline-block;
	border-radius: 50%;
	z-index: 9;
	border: 5px solid #fff;
	padding: 15px;
	text-align: center;
}
.modal-confirm .icon-box i {
	font-size: 64px;
	margin: -4px 0 0 -4px;
}
.modal-confirm.modal-dialog {
	margin-top: 80px;
}
.modal-confirm .btn, .modal-confirm .btn:active {
	color: #fff;
	border-radius: 4px;
	background: #eeb711 !important;
	text-decoration: none;
	transition: all 0.4s;
	line-height: normal;
	border-radius: 30px;
	margin-top: 10px;
	padding: 6px 20px;
	border: none;
}
.modal-confirm .btn:hover, .modal-confirm .btn:focus {
	background: #eda645 !important;
	outline: none;
}
.modal-confirm .btn span {
	margin: 1px 3px 0;
	float: left;
}
.modal-confirm .btn i {
	margin-left: 1px;
	font-size: 20px;
	float: right;
}
.trigger-btn {
	display: inline-block;
	margin: 100px auto;
}
button.btn.btn-primary:hover,
button.btn.btn-success:hover {
  background: none !important;
  text-decoration: underline;
}
.share-foot {
  display: flex;
  justify-content: space-between;
  color: #2196f3;
  align-items: center;
}
div#share-content {
  padding: 10px;
  display: flex;
  flex-direction: column;
}

.course-title {
  font-weight: 600;
  padding: 10px;
}
div#share-content {
  padding: 20px;
  margin: 0 auto;
  position: relative;
  top: 20%;
}

div#share-content p {
  font-size: 16px;
  font-weight: 600;
}

div#share-content .field {
  border: 1px solid #ddd;
  padding: 5px;
}

div#share-content .field input {
  border: none;
  width: 80%;
}

div#share-content .field button {
  background: darkviolet;
  color: #fff;
  border: none;
  padding: 6px;
  border-radius: 5px;
}
div#share-content .field input:focus-visible {
  outline: navajowhite;
  user-select: text;
}
.swiper-slide {
  margin-right: 30px !important;
}

h5.hmain-title {
    color: #104887 !important;
    padding: 20px 0px 50px 10px !important;
    font-size: 25px;
}
img.side-icon {
  height: 45px;
}
.menudown .menudown-title {
  color: #104887;
  font-size: 14px;
  font-weight: 100;
  padding: 5px 15px;
}

div#IframePage .mobile-container {
  width: 100%;
  height: calc(100% - 0px);
  padding: 0;
}
div#IframePage .app_content_body {
    height: calc(100vh - 80px) !important;
}

.navbar-list .tutor-dashboard-menu-item:last-child {
    padding-bottom: 20px;
}