*{box-sizing:  border-box; margin:  0; padding:  0; } .container  {max-width:  1200px; } @font-face  {font-family:  NexaBold; src:  url('../fonts/NexaBold.otf'); } @font-face  {font-family:  NexaBoldItalic; src:  url('../fonts/NexaBoldItalic.otf'); } @font-face  {font-family:  NexaBook; src:  url('../fonts/NexaBook.otf'); } @font-face  {font-family:  NexaBookItalic; src:  url('../fonts/NexaBookItalic.otf'); } @font-face  {font-family:  NexaHeavy; src:  url('../fonts/NexaHeavy.otf'); } @font-face  {font-family:  NexaHeavyItalic; src:  url('../fonts/NexaHeavyItalic.otf'); } @font-face  {font-family:  NexaLight; src:  url('../fonts/NexaLight.otf'); } @font-face  {font-family:  NexaLightItalic; src:  url('../fonts/NexaLightItalic.otf'); } @font-face  {font-family:  NexaBoldItalic; src:  url('../fonts/NexaBoldItalic.otf'); } @font-face  {font-family:  NexaThin; src:  url('../fonts/NexaThin.otf'); } @font-face  {font-family:  NexaThinItalic; src:  url('../fonts/NexaThinItalic.otf'); } @font-face  {font-family:  NexaXBold; src:  url('../fonts/NexaXBold.otf'); } @font-face  {font-family:  NexaXBoldItalic; src:  url('../fonts/NexaXBoldItalic.otf'); } @font-face  {font-family:  NexaBlack; src:  url('../fonts/NexaBlack.otf'); } @font-face  {font-family:  NexaBlackItalic; src:  url('../fonts/NexaBlackItalic.otf'); } body  {width:  100%; margin:  0; padding:  0; font-family:  NexaBook; } /*varun-css-start (30-11-2023)*/ /* div#right-menu.right-close1 {display: block !important; } div#right-menu.right-close {display: none !important; } */ .page-head-notify a.notification .btn-text {display: block !important; } .left-close .page-head-notify a.notification .btn-text {display: none !important; } /*varun-css-end*/ /*TAGS-INPUT*/ .custom-input-group.tags-dropdown {width: 100%; position: relative; } /*.filterDropInner.tag-dropdown.show .customModalClose {margin-top: 0px; display: none !important; }*/ .custom-input-group.tags-dropdown.tools .bootstrap-tagsinput {flex-wrap: wrap; height: auto; min-height: 46px; } .custom-input-group.tags-dropdown.tools .bootstrap-tagsinput input[type=text]:focus{outline: 0 !important; } .custom-input-group.tags-dropdown.tools .bootstrap-tagsinput:focus{border-color: #30d993 !important; } .custom-input-group.tags-dropdown.tools .bootstrap-tagsinput span{max-width: 100%; word-break: break-word; } .custom-input-group.tags-dropdown .bootstrap-tagsinput {border-radius: 5px !important; height: auto !important; background-color: #fff; border: 0.25px solid #dee2e6; color: #373a3d; padding: 5px; display: flex; align-items: center; justify-content: flex-start; gap: 10px; width: 100%; padding-left: 0.75rem; flex-wrap: wrap !important; min-height: 46px !important; padding-right: 1rem; } .filterDropInner.tag-dropdown {width: 100%; height: auto; box-shadow: 0 0 15px #a6a6a678; background-color: #fff; font-family: 'NexaLight'; font-size: 12px; padding: 10px; display: none; position: absolute; border: 1px solid rgba(0,0,0,.15); z-index: 1; border-radius: 8px; /* top: 0; */ } .filterDropInner.tag-dropdown.show {display: block; } .custom-input-group.tags-dropdown .bootstrap-tagsinput input {padding: 0; border-left: 0; border-right: 0; border-top: 0; border-bottom: 0; height: auto; width: auto; min-width: 250px; } .custom-input-group.tags-dropdown .bootstrap-tagsinput span {width: auto; height: auto; background: #2fe38c; padding: 4px; border-radius: 5px; color: #fff; display: flex; align-items: center; gap: 10px; word-break: break-all; padding-top: 7px; } .custom-input-group.tags-dropdown .bootstrap-tagsinput span[data-role] {position: relative; cursor: pointer; } .custom-input-group.tags-dropdown .bootstrap-tagsinput span[data-role]:before {content: '\2716'; font-size: 13px; position: absolute; top: -4px; right: 0; color: #ffffff; } .selected input[type="radio"] {width: 18px; height: 18px; background: #007bff; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 1px solid #007bff; border: 3px solid #007bff; /* Adjust border thickness as needed */ border-radius: 50%; } .filterDropInner.tag-dropdown label, .filterDropInner.tag-dropdown h6, .filterDropInner.tag-dropdown h5, .filterDropInner.tag-dropdown h4, .filterDropInner.tag-dropdown h3  {display: flex; align-items: center; gap: 10px; width: auto; flex-direction: row; font-family: 'NexaLight' !important; font-size: 12px !important; cursor: pointer; font-weight: normal; line-height: 1.2; margin-bottom: 10px; color: #4a4a4a; } .filterDropInner.tag-dropdown input{height: auto !important; display: none; } #zmmtg-root {width: 100%; height: 100%; display: none !important; top: 0; left: 0; /*background-color: #fff0 !important;*/ } span.custom-tags {width: 30px !important; height: 30px !important; display: flex; align-items: center; justify-content: center; position: absolute; top: 8px !important; right: 0; z-index: 1 !important; } #habit-list-tool.rightSidebarTabContent span.edit-option {display: none; } a  {text-decoration: none!important; } .custom-btn  {border-radius:  22.5px; background:  transparent; border:  1px solid #fff; display:  inline-block; padding:  9px 15px; text-align:  center; font-size:  16px; line-height:  23px; text-align:  left; color:  #fff; font-family:  'NexaLight'; } .custom-btn:hover  {color:  #fff!important; } .custom-btn img  {margin:  0 5px; } .custom-btn span  {position:  relative; top:  2px; } .custom-btn1  {display:  inline-block; border-radius:  25px; background:  #3a79e0!important; padding:  12px 20px 9px 20px; border: .1px solid #3a79e0!important; outline:  0; font-family:  NexaXBold; font-size:  14px; text-align:  center; color:  #fff!important; text-align: center; text-transform: capitalize; transition: 0.5s all; letter-spacing:  0.05em; } .custom-btn1:hover,  .custom-btn1:focus  {background:  #2fe38c!important; color: #fff!important; border: .1px solid #2fe38c!important; } .custom-btn2  {display:  inline-block; border-radius:  25px; background:  #f1f1f1; padding:  11px 40px 8px 40px; border: 1px solid #f1f1f1; outline:  0; font-family:  NexaXBold; font-size:  14px; text-align:  left; color:  #373a3d; text-align: center; text-transform: capitalize; transition: 0.5s all; } .login  {height:  100vh; position: relative; } .login-text  {height:  100%; display:  flex; flex-direction:  column; justify-content:  flex-end; background-repeat:  no-repeat; background-position:  center; background-size:  cover; position: relative; z-index: 1; } .login-text:after  {position:  absolute; content:  ''; top:  0; left:  0; height:  100%; width:  100%; background:  linear-gradient(to top, rgb(0 0 0 / 40%) 0%,  rgba(0,  0,  0,  0) 100%); } .login-text-inner  {position: relative; z-index: 1; max-width: 55%; margin:  0 auto; } .login-text h1  {font-family:  'NexaBold'; font-size:  32px; letter-spacing:  0.05em; line-height:  23px; text-align:  left; color:  #fff; } .login-text p  {font-size:  16px; letter-spacing:  0.05em; line-height:  24px; text-align:  left; color:  #fff; font-family:  'NexaLight'; } .login-form-outer  {display:  flex; align-items:  center; height:  100%; } .login-form-inner  {border-radius:  16px; background:  #fff; box-shadow:  0px 0px 25px rgba(0,  0,  0,  0.1); padding:  30px; text-align: center; } .logo-img  {display: block; margin: 0 auto; } .login-form-inner form  {text-align:  left; } .login-form-inner .nav  {justify-content:  center; display:  inline-flex; border-radius:  5px; background:  #fff; border:  1px solid #2fe38c; margin: 30px 0; padding:  2px; } .login-form-inner .nav li a.active  {font-size:  16px; font-family:  'NexaBold'; letter-spacing:  0.05em; line-height:  23px; text-align:  left; color:  #fff; border-radius:  5px; background:  #397bdc; } .login-form-inner .nav li a  {font-size:  16px; letter-spacing:  0.05em; line-height:  23px; text-align:  left; color:  #30d895; font-family:  'NexaBold'; } .login-form-inner form label  {font-family:  'NexaBold'; font-size:  14px; letter-spacing:  0.05em; line-height:  23px; text-align:  left!important; color:  #373a3d; } .forget-link  {text-align:  right; font-family:  'NexaBold'; font-size:  14px; letter-spacing:  0.05em; line-height:  23px; color:  #397bdc; margin-bottom:  20px; } .sign-link p  {font-size:  14px; letter-spacing:  0.05em; line-height:  23px; text-align:  center; color:  #373A3D; margin:  20px 0 0 0; font-family:  'NexaBold'; } .sign-link p a  {color:  #397BDC; } .login-form-inner .input-group-text  {position:  absolute; right:  0; height:  100%; background:  transparent; border:  0; } .login-form-inner form input  {border:  0!important; background:  transparent!important; border-radius:  5px!important; } .login-form-inner form .input-group  {border-radius:  5px; background:  #f1f1f1; height:  50px; line-height:  50px; position: relative; } .login-form-inner form input:focus  {border:  1px solid #30d993!important; box-shadow:  0 0 0 transparent!important; background:  transparent!important; } .side-navbar  {width:  240px; height:  100vh; position:  fixed; margin-left:  -300px; background:  linear-gradient(135deg, #3a79e0 0%,  #2866c0 46.88%,  #1b4d8a 100%); transition:  0.5s; padding:  50px 20px; padding-right:  0; -ms-overflow-style:  none; scrollbar-width:  none; overflow-y: scroll; z-index:  9; } .side-navbar::-webkit-scrollbar  {display:  none; } .nav-link:active,  .nav-link:focus,  .nav-link:hover  {background-color:  #ffffff26; } .my-container  {transition:  0.4s; } .active-nav  {margin-left:  0; } .active-cont  {margin-left:  240px; } .menu-btn  {transform:  rotate(180deg)!important; } #menu-btn  {background:  transparent; color:  #fff; padding: 0!important; display:  inline-block; text-align:  center; display:  flex; align-items:  center; justify-content:  center; display:  none; } #tool-btn-close  {background:  transparent; color:  #fff; margin-left:  -80px; margin-top:  10px; border:  unset; border-radius:  50%; width:  24px; height:  24px; line-height:  34px; text-align:  center; padding:  0; display:  flex; align-items:  center; justify-content:  center; margin-top:  -44px; opacity:  0; transition:  0.5s all; } .tool-btn-close  {margin-left:  0px!important; background:  #3a79e0 !important; /*transform:  rotate(180deg)!important;*/ } .wrapper .top-navbar  {position: absolute; } .page-head-title .top-navbar  {position:  relative; } .user-pic  {text-align:  center; margin-right:  20px; } .user-pic img  {border-radius:  50%; width:  77px; height:  77px; filter:  drop-shadow(0px 0px 16px rgba(0,  0,  0,  0.1)); object-fit:  cover; margin-bottom:  10px; } .user-pic a  {display:  block; } .user-pic h3  {font-size:  20px; letter-spacing:  0.05em; line-height:  23px; text-align:  center; color:  #fff; font-family:  'NexaBold'; text-transform:  capitalize; margin:  0; } .side-navbar .navbar-nav hr  {background-color:  #fff; margin-top:  20px; } .side-navbar .navbar-nav li a  {font-size:  18px; letter-spacing:  0.05em; line-height:  23px; text-align:  left; color:  #fff; border-radius:  10px 0px 0px 10px; padding-left: 30px; transition: 0.5s all; font-family:  'NexaBold'; } .side-navbar .navbar-nav li  {padding:  5px 0; } .side-navbar .navbar-nav li a:hover  {background:  transparent !important; } .side-navbar .navbar-nav li a span  {position:  relative; top:  2px; left:  5px; } .dropdown  {transition: 0.5s all; } .dropdown-menu.show  {display:  block; transform:  translate(0,  0)!important; position:  static!important; } .dropdown-toggle.show::after  {transform:  rotate(-90deg); transition:  0.5s all; } .dropdown-toggle::after  {border:  0!important; background-image:  url(../images/drop.svg); background-size:  auto; background-position:  center; background-repeat:  no-repeat; width:  10px; height:  10px; margin-left:  5px; vertical-align:  0; transform: rotate(180deg); right:  50px; top:  20px; position:  absolute; } ul.dropdown-menu  {background:  transparent; border:  0; padding-left:  25px; } .bottom-part  {text-align:  center; } .bottom-part a  {text-align:  left; display:  block; padding-left:  30px; margin:  20px 0; font-size:  18px; letter-spacing:  0.05em; line-height:  23px; text-align:  left; color:  #fff; font-family:  'NexaBold'; } .bottom-part a span  {position:  relative; top:  2px; left:  5px; } .bottom-img  {text-align:  center; margin-top:  20px; } .side-navbar .navbar-nav li a img  {width:  22px; height:  22px; object-fit:  contain; filter:  drop-shadow(0px 0px 0px #fff); } .wrapper  {height: 100vh; padding: 0 0px; overflow-x: hidden; } .my-container-main  {position:  relative; } .page-head  {border-radius:  12px; background:  #3a79e0; display:  flex; align-items:  center; justify-content:  space-between; padding:  25px; height: 100px; margin-top: 20px; margin-bottom:  20px; } .page-head-title  {display:  flex; align-items:  center; } .page-head-title h3  {position:  relative; top:  4px; margin:  0; margin-left:  30px; font-size:  28px; letter-spacing:  0.05em; line-height:  50px; text-align:  left; color:  #fff; font-family:  'NexaBold'; } .bell-inner {display: none; } .bell-link  {position:  relative; width:  45px; height: 45px; /*border:  1px solid #fff;*/ border-radius:  50%; line-height:  43px; display:  inline-block; text-align:  center; } .bell-link1  {border:  1px solid #fff; line-height:  0; display:  flex!important; align-items:  center; justify-content:  center; } .bell-link span#get-notification  {position:  absolute; width:  16px; height:  16px; background: #2fe38c; border-radius:  50%; line-height:  18px; display:  block; font-size:  7px; text-align:  center; color:  #fff; font-family:  'NexaXBold'; top:  4px; right:  4px; } .page-head-notify  {justify-content:  end; display:  flex; align-items:  center; } .page-head-title  {flex:  1 0 50%; } .page-head-notify a.notification,  .page-head-notify div.notification  {margin:  0 0 0 20px; display: flex; align-items: center; justify-content: center; } .filter-main  {display:  flex; justify-content:  space-between; align-items:  center; padding:  0px 0 20px; } .filter-dropdown  {} .filter-add-section  {text-align:  right; position: relative; } .filter-dropdown form  {display:  flex; align-items:  center; } .filter-dropdown form select,  .filter-dropdown form a,  .dropdownOuter button {margin-right:  20px; border-radius:  19.5px; border:  0.5px solid #373a3d; display:  initial; width:  110px; font-size:  12px; color:  #373a3d; font-family:  'NexaLight'; text-align:  left; padding:  13px 20px 7px; } .filter-dropdown form select:focus,  .filter-dropdown form a:focus,  .dropdownOuter button:focus  {box-shadow: 0 0 0 transparent; border:  0.5px solid #373a3d; } .session  {display:  flex; justify-content:  space-between; border-radius:  8px; background:  #fff; box-shadow:  0px 0px 18px rgba(0,  0,  0,  0.1); padding:  10px 10px; margin-bottom:  15px; align-items: center; } .session-info  {display:  flex; align-items: center; } .session-info.session-info1  {align-items:  flex-start; } .session-join  {text-align:  right; } .session-info.session-info1 .session-info-content h3  {font-size: 14px; } .session-info .session-info-content h3  {margin:  0; font-size:  20px; letter-spacing:  0.05em; line-height:  23px; text-align:  left; color:  #000; font-family:  'NexaBold'; } .session-info .session-info-content p  {margin:  0; font-size:  15px; letter-spacing:  0.05em; line-height:  23px; text-align:  left; color:  #545454; font-family:  'NexaLight'; } .session-info .session-info-content ul  {padding:  0; display:  flex; align-items:  center; margin:  0; } .session-info .session-info-content ul li  {list-style:  none; margin-right:  10px; font-size:  12px; letter-spacing:  0.1em; line-height:  23px; text-align:  left; color:  #373a3d; font-family:  'NexaLight'; white-space:  nowrap; } .session-info .session-info-content ul li span  {position:  relative; top:  2px; } .session-blue  {border-left:  8px solid #DBDDE3; } .session-yellow  {border-left:  8px solid #e7ba53; } .session-green  {border-left:  8px solid #1fa162; } .chat-box  {position:  fixed; right:  5%; bottom:  5%; display:  flex; z-index: 1; align-items:  center; } .chat-inner p  {margin:  0; font-size:  12px; letter-spacing:  0.05em; line-height:  20px; text-align:  center; color:  #1e1e1e; font-family:  'NexaBold'; max-width: 150px; } .chat-inner  {border-radius:  8px; background:  #f1f1f1; box-shadow:  0px 3px 6px rgba(0,  0,  0,  0.16); height:  60px; padding:  10px 10px; margin-right:  20px; } .chat-button  {width:  80px; height:  80px; background:  #2fe38c; filter:  drop-shadow(0px 3px 6px rgba(0,  0,  0,  0.16)); line-height:  80px; text-align:  center; border-radius:  50%; } .chat-button button  {background-color:  transparent; border:  0; } .chat-popup  {display:  none; position:  fixed; bottom:  15%; right:  5%; z-index:  9; border-radius:  12px; background:  #f1f1f1; border:  1px solid #cecece; box-shadow:  0px 3px 20px rgb(0 0 0 / 16%); transition: 0.5s all; max-width:  519px; } .chat-popup-inner  {display:  flex; padding:  20px 30px; } .chat-image  {flex:  1 0 20%; width:  54px; height:  54px; text-align:  center; border-radius:  50%; margin-right:  20px; } .chat-image img  {border-radius:  50%; } .chat-content p  {margin:  0; font-size:  12px; line-height:  17px; text-align:  left; color:  #fff; } .chat-popup-inner-client  {flex-direction:  row-reverse; } .chat-popup-inner-client .chat-image  {margin-right:  0; margin-left:  20px; } .chat-content  {background:  #3982d9; padding:  10px 20px; border-radius:  0 12px 12px; } .chat-popup-inner-client .chat-content  {border-radius:  16px 0px 16px 16px; background:  #fff; box-shadow:  0px 3px 13px rgba(0,  0,  0,  0.08); } .chat-popup-inner-client .chat-content p  {color:  #373a3d; } .chat-content span  {text-align:  right; display:  block; font-style:  italic; font-size:  8px; line-height:  17px; color:  #fff; } .chat-popup-inner.chat-popup-inner-client .chat-content span  {color:  #545454; } .chat-text textarea  {border-radius:  0px 0px 12px 12px; background:  #fff; border:  1px solid #cfcfcf; box-shadow:  0px 3px 20px rgba(0,  0,  0,  0.16); height:  57px; resize:  none; } .chat-text textarea:focus  {box-shadow: 0 0 0 transparent; border:  1px solid #cfcfcf; } .chat-text .input-group-text  {height:  100%; right:  10px; border:  0; z-index:  11; border-radius:  0px 0px 12px 12px; background:  #fff; border:  1px solid #cfcfcf; border-left:  0; height: 57px; padding: 0!important; } .chat-text .custom-btn1  {margin:  0!important; padding:  20px; height:  100%; line-height:  0; border-radius:  0 0 12px 0; margin-left:  10px!important; } .chat-text .input-group-text a  {margin:  0 5px; } .course  {border-radius:  8px; background:  #fff; box-shadow:  0px 0px 18px rgb(0 0 0 / 10%); margin-bottom:  20px; padding:  20px; border-left:  8px solid #30b1c3; } .course-slide {border-left:  8px solid #30b1c3; } .course-info  {display:  flex; max-width: 500px; } .course-info.course-des {display:  flex; max-width: 500px; text-align:  justify; word-spacing:  1px; } .course-info-content h3  {font-size:  20px; letter-spacing:  0.05em; line-height:  18px; text-align:  left; color:  #373a3d; margin:  0; font-family:  'NexaXBold'; font-weight:  bold; } .course-info-content p  {margin:  0; font-size:  16px; line-height:  23px; text-align:  left; color:  #373a3d; font-family:  'NexaLight'; margin-bottom:  5px; } .course-info-content .com-percentage  {margin:  0; font-size:  14px; text-align:  left; color:  #20a263; font-family:  'NexaBold'; text-transform: Capitalize; margin-bottom:  5px; } .course-info-content .course-info  {margin:  0; font-size:  14px; line-height:  17px; text-align:  left; color:  #545454; margin-bottom:  5px; } .course-info-content  {margin-left:  0px; text-align:  center; flex: 1 0 60%; } .course_hide .course-info-content {margin-left:  20px; } .course-info-image  {border-radius:  10px; } .course-info-image img  {border-radius:  10px; width:  100%; } .course-tabs ul li a img  {width:  30px; height:  30px; } .wrapper-inner  {position:  relative; } .right-part  {box-shadow:  0px 3px 20px rgb(0 0 0 / 16%); padding:  20px; width:  400px; position:  fixed; top:  0; z-index:  1; background:  #fff; right:  -0; overflow-y:  scroll; height:  100vh; } .left-part  {width: 100%; } .btnhide  {display: none!important; } .btn-text  {display:  inline-block; } .right-close  {right: -70%; } .left-close  {width: 60%; padding:  0 0 0 0; width:  calc(100% - 400px); } .course-tabs ul li  {flex:  1 0 15%; text-align:  center; } .course-tabs ul  {border-radius:  12px; background:  #3a79e0; padding:  20px 0 15px 0; height:  100px; align-items:  center; } .course-tabs ul li a  {font-size:  14px; letter-spacing:  0.05em; line-height:  23px; text-align:  center; color:  rgb(255 255 255 / 50%)!important; font-family:  'NexaXBold'; padding: 0; } .course-tabs ul li a img  {opacity:  0.5; } .course-tabs ul li a.active  {background:  transparent!important; color:  #fff!important; } .course-tabs ul li a.active img  {opacity: 1; } .course-tabs ul li a:hover  {background:  transparent!important; color:  #fff!important; transition:  0.5s all; } .course-tabs ul li a:hover img  {opacity: 1; transition:  0.5s all; } .course-tabs ul li a span  {display:  block; margin-top:  5px; } .course-tabs-inner  {border-radius:  13px; background:  #fdfdfd; border:  0.25px solid #e5e5e5; padding:  20px; margin-bottom: 20px; } h2.course-date  {font-size:  20px; letter-spacing:  0.05em; text-align:  left; color:  #373a3d; font-family:  'NexaXBold'; } .course-tabs-inner-head  {display:  flex; align-items:  center; justify-content:  space-between; } .course-tabs-inner-inner  {border-radius:  7px; background:  #fff; box-shadow:  0px 0px 4px rgba(0,  0,  0,  0.12); padding:  20px; margin-top:  15px; } .course-tabs-inner-inner-1  {max-width: 500px; } .course-tabs-inner-inner p  {font-size:  16px; text-align:  left; color:  #545454; font-family:  'NexaLight'; margin-top:  10px; max-width:  500px; font-weight:  500; } .chart-head  {display:  flex; justify-content:  space-between; align-items:  center; margin-bottom:  15px; flex-wrap:  wrap; position:  relative; } .chart-head h3  {margin:  0; font-size:  17px; letter-spacing:  0.01em; text-align:  left; color:  #131523; font-family:  'NexaXBold'; } .chart-head form {position:  absolute; right:  0; top:  0; } .chart-head form select  {border:  0; font-size:  10px; line-height:  20px; text-align:  right; color:  #5a607f; font-family:  'NexaLight'; padding:  0 30px; } .chart-head form select:focus  {box-shadow: 0 0 0 transparent; } .chart  {border-radius:  6px; background:  #fff; box-shadow:  0px 0px 18px rgba(21,  34,  50,  0.08); padding:  20px; } .assessmen-outer {column-gap:  16px; } .chart-data-inner  {border-radius:  10px; background:  #fff; box-shadow:  0px 0px 18px rgba(0,  0,  0,  0.1); padding:  20px; margin-bottom:  15px; width:  15.8%; position: relative; } .chart-data-inner-inner  {display:  flex; justify-content:  space-between; align-items:  center; } .chart-data-inner-left  {flex:  1 0 70%; } .chart-data-inner-right  {width:  62px; height:  62px; background:  #f1f1f1; border-radius:  50%; text-align:  center; line-height:  66px; font-size:  23px; color:  #000; font-family:  'NexaXBold'; margin-right: 5px; } .chart-data-inner-left h3  {margin:  0 0 5px 0; font-size:  17px; letter-spacing:  0.05em; line-height:  20px; text-align:  left; color:  #000; font-family:  'NexaXBold'; } .chart-data-inner-left p  {font-size:  12px; text-align:  left; color:  #707070; font-family:  'NexaBold'; margin:  0 0 5px 0; } .notification  {position:  relative; cursor: pointer; } .notification-inner  {position:  absolute; min-width:  400px; max-width:  400px; width:  100%; right:  144px; top:  65px; margin-top:  50px; border-radius:  13px; background:  #fff; border:  0.25px solid #545454; box-shadow:  0px 2px 20px rgba(0,  0,  0,  0.12); text-align: left; padding:  20px; z-index: 111; } .newentry-inner  {position:  absolute; min-width:  300px; width:  100%; right:  0; top:  0; margin-top:  50px; border-radius:  13px; background:  #fff; /*border:  0.25px solid #545454;*/ box-shadow:  0px 2px 20px rgba(0,  0,  0,  0.12); text-align: left; padding:  20px; display: none; z-index: 7; } .notification-inner ul li a  {font-size:  18px; text-align:  left!important; color:  #545454; font-family:  'NexaLight'; display:  block; padding:  10px; margin:  10px 0; border-radius:  7px; } .notification-inner ul li a:hover  {background:  #f7f7f7; transition:  0.5s all; } .notification-inner ul  {padding:  0; margin: 0; overflow: scroll; max-height: 450px; } .notification-inner ul li  {list-style:  none; line-height:  0; } .notification-inner ul li a span  {position:  relative; width:  auto; height:  auto; border-radius:  0; background:  transparent; font-size:  18px; text-align:  left!important; color:  #545454; font-family:  'NexaLight'; line-height:  18px; display: inline; right:  auto; top:  2px; } .notification-inner ul li a:hover span  {color:  #373a3d; transition:  0.5s all; } .notification-inner ul li a img  {opacity:  0.5; } .notification-inner ul li a:hover img  {opacity:  1; transition: 0.5s all; } .newentry-inner ul li a  {font-size:  18px; text-align:  left!important; color:  #a7a7a7; font-family:  NexaBook; display:  block; padding:  15px; margin:  10px 0; border-radius:  8px; } .newentry-inner ul li a:hover  {background:  #f7f7f7; transition:  0.5s all; } .newentry-inner.tool-inner1 ul li a:hover  {background:  #f1f1f1 !important; } .newentry-inner ul  {padding:  0; margin: 0; background-color: transparent; } .newentry-inner ul li  {list-style:  none; line-height:  0; } .newentry-inner ul li a span  {position:  relative; width:  auto; height:  auto; border-radius:  0; background:  transparent; font-size:  18px !important; text-align:  left !important; color:  #a7a7a7; font-family:  NexaBook; line-height:  18px; display:  inline; right:  auto; top:  1px; } .newentry-inner ul li a:hover span  {color:  #373a3d; transition:  0.5s all; } .newentry-inner ul li a img  {opacity:  0.5; } .newentry-inner ul li a:hover img  {opacity:  1; transition: 0.5s all; } .setting  {position:  relative; } .setting-upper  {border-radius:  12px 12px 0px 0px; background:  #1b4d8a; position:  relative; text-align:  center; } .setting-img  {position:  relative; top:  50px; height:  82px; width:  82px; margin:  0 auto; } .setting-img .pencil  {position:  absolute; bottom:  10px; right:  0px; background-color:  #2fe38c; border-radius:  50%; font-size:  10px; width:  20px; height:  20px; line-height:  20px; color:  #fff; text-align:  center; } .setting-lower  {border-radius:  10px; background:  #fff; box-shadow:  0px 0px 18px rgb(0 0 0 / 10%); padding:  20px; position:  relative; margin-bottom:  15px; } .setting-lower .input-group-text  {position:  absolute; right:  0; height:  100%; background:  transparent; border:  0; } .setting-lower form input  {border:  0!important; background:  transparent!important; border-radius:  5px!important; } .setting-lower form .input-group  {border-radius:  5px; background:  #f1f1f1; height:  50px; line-height:  50px; position: relative; } .setting-lower form input:focus  {border:  1px solid #30d993!important; box-shadow:  0 0 0 transparent!important; background:  transparent!important; } .setting-lower form input::placeholder  {font-size:  14px; letter-spacing:  0.05em; line-height:  23px; text-align:  left; color:  #545454; font-family:  'NexaBold'; } .setting-lower form .input-group:focus  {border:  1px solid #30d993!important; box-shadow:  0 0 0 transparent!important; background:  transparent!important; } .setting-lower form label  {font-family:  'NexaBold'; font-size:  14px; letter-spacing:  0.05em; line-height:  23px; text-align:  left!important; color:  #373a3d; } h6.user-name  {font-size:  20px; letter-spacing:  0.05em; line-height:  23px; color:  #373a3d; font-family:  'NexaBold'; text-align:  center; } .task-list  {border-radius:  8px; background:  #fff; box-shadow:  0px 0px 18px rgba(0,  0,  0,  0.1); padding:  20px; margin-bottom:  15px; padding-left:  55px; } .task-list ul li  {list-style:  none; } .task-list ul li input  {margin-right:  10px; } .task-list ul li label  {font-size:  16px; letter-spacing:  0.05em; line-height:  15px; text-align:  left; color:  #000; font-family:  'NexaBold'; } .task-list ul li ul li label  {font-size:  14px; letter-spacing:  0.05em; line-height:  18px; text-align:  left; color:  #000; font-family:  'NexaLight'; display:  flex; align-items:  center; margin-bottom:  10px; } .task-list ul li ul li label input  {position:  relative; top:  -3px; } .task-list ul {padding-left:  0; } .task-list .date-list  {display:  flex; align-items:  center; margin:  0; } .task-list .date-list li  {margin-right: 10px; white-space:  nowrap; } .task-list .date-list li {margin-top:  10px; } .goal-list li  {list-style:  none; margin-right:  10px; font-size:  12px; letter-spacing:  0.1em; line-height:  23px; text-align:  left; color:  #373a3d; font-family:  'NexaLight'; } .goal-list li span  {position:  relative; top:  2px; } .goal-list  {padding-left:  0; display:  flex; align-items:  center; margin:  0; } .goal-list li  {list-style:  none; margin-right:  10px; font-size:  12px; letter-spacing:  0.1em; line-height:  23px; text-align:  left; color:  #373a3d; font-family:  'NexaLight'; } .goal-list li span  {position:  relative; top:  2px; } .com-percentage span  {color:  #707070; } .course-goal .course-info  {max-width:  500px; } .feedback  {border-radius:  13px; background:  #fff; border:  0.25px solid #e5e5e5; box-shadow:  0px 2px 20px rgba(0,  0,  0,  0.12); margin-top:  30px; padding:  20px; } .feedback-inner  {border-radius:  12px; background:  #fff; box-shadow:  0px 0px 18px rgba(0,  0,  0,  0.1); padding:  20px; margin-bottom:  15px; } .feedback-inner-inner  {display:  flex; justify-content:  center; align-items:  start; margin-bottom: 15px; } .feedback-inner-outer  {max-width: 500px; } .feedback-middle  {flex:  1 0 50%; } .feedback-head  {flex:  1 0 30%; } .feedback-btn  {flex:  1 0 20%; text-align:  center; } .feedback-head h4  {font-size:  20px; letter-spacing:  0.05em; line-height:  23px; text-align:  left; color:  #000; font-family:  'NexaXBold'; margin: 0; } .feedback-head p  {margin:  0; font-size:  12px; letter-spacing:  0.05em; line-height:  23px; text-align:  left; color:  #545454; font-family:  'NexaBold'; } .feedback-middle p  {font-weight:  300; font-size:  14px; line-height:  20px; text-align:  left; color:  #545454; font-family:  'NexaLight'; margin:  0; } .feedback-btn a  {display:  inline-block; border-radius:  30px; background:  #194985; padding:  5px 20px 2px 20px; border:  1px solid #194985; outline:  0; font-family:  NexaXBold; font-size:  14px; text-align:  left; color:  #fff; text-align:  center; text-transform:  capitalize; transition:  0.5s all; } .feedback-form .input-group-text  {position:  absolute; right:  0; height:  100%; background:  transparent; border:  0; } .feedback-form form textarea  {border:  0!important; background:  transparent!important; border-radius:  5px!important; height: 100%; } .feedback-form form .input-group  {border-radius:  5px; background:  #f1f1f1; height:  100px; line-height:  50px; position: relative; border-radius:  12px; background:  #fff; border:  1px solid #cfcfcf; box-shadow:  0px 3px 20px rgba(0,  0,  0,  0.16); } .feedback-form form textarea:focus  {border:  1px solid #30d993!important; box-shadow:  0 0 0 transparent!important; background:  transparent!important; } .feedback-form form textarea::placeholder  {font-size:  14px; letter-spacing:  0.05em; line-height:  23px; text-align:  left; color:  #545454; font-family:  'NexaBold'; } .feedback-form form .input-group:focus  {border:  1px solid #30d993!important; box-shadow:  0 0 0 transparent!important; background:  transparent!important; } span.feedback-links a img  {margin:  0 5px; } .feedback-submit  {text-align:  right; } .login-form-outer  {display:  flex; align-items:  center; height:  100%; padding:  0; } .login-form-inner  {border-radius:  16px; background:  #fff; box-shadow:  0px 0px 25px rgb(0 0 0 / 10%); padding:  10px 30px; text-align:  center; } .logo-img  {display:  block; margin:  0 auto; width:  60px; } .login-form-inner .nav  {justify-content:  center; display:  inline-flex; border-radius:  5px; background:  #fff; border:  1px solid #2fe38c; margin:  15px 0; padding:  2px; } .bell-wrapper  {display: none; } .login-form-inner form label  {font-family:  'NexaBold'; font-size:  12px; letter-spacing:  0.05em; line-height:  21px; text-align:  left!important; color:  #373a3d; margin-bottom:  2px; } .login-form-inner form .input-group  {border-radius:  5px; background:  #f1f1f1; height:  40px; line-height:  40px; position:  relative; } .login-form-inner form input  {border:  0!important; background:  transparent!important; border-radius:  5px!important; height:  40px; font-size:  14px; } .forget-link  {text-align:  right; font-family:  'NexaBold'; font-size:  14px; letter-spacing:  0.05em; line-height:  20px; color:  #397bdc; margin-bottom:  15px; } a.bell-link1.notification.tool-btn.comman-btn.bell-link  {transform:  rotate(180deg); } .chart-dashboard  {border-radius:  12px; background:  #fdfdfd; border:  0.25px solid #e3e3e3; padding:  30px; margin-top:  30px; } .chart-dashboard.to-do {margin-left:  20px; } .chart-dashboard-head h2  {font-size:  24px; letter-spacing:  0.05em; line-height:  36px; text-align:  left; color:  #000; font-family:  'NexaBold'; } .session-info-check  {display:  block; position:  relative; cursor:  pointer; height:  100%; } .session-info-check input  {position:  absolute; opacity:  0; cursor:  pointer; height:  26px; width:  26px; top:  0; left:  0; z-index:  1; } .checkmark  {position:  absolute; top:  0%; left:  0%; height:  26px; width:  26px; background-color:  #eee; border-radius:  4px; background:  transparent; border:  1px solid #707070; } .session-info-check:hover input ~ .checkmark  {background-color:  #ccc; } .session-info-check input:checked ~ .checkmark  {background-color:  #1b4d8a; border:  unset; } .checkmark:after  {content:  ""; position:  absolute; display:  none; } .session-info-check input:checked ~ .checkmark:after  {display:  block; } .session-info-check .checkmark:after  {left:  7px; top:  3px; width:  5px; height:  10px; border:  solid white; border-width:  0px 2px 2px 0; -webkit-transform:  rotate(45deg); -ms-transform:  rotate(45deg); transform:  rotate(45deg); } .support-tkt ul  {padding:  0; display:  flex; align-items:  center; margin:  0; } .support-tkt ul li  {list-style:  none; margin-right:  10px; font-size:  12px; letter-spacing:  0.1em; line-height:  23px; text-align:  left; color:  #373a3d; font-family:  'NexaLight'; } .support-tkt ul li span  {position:  relative; top:  2px; } .support  {border-radius:  10px; background:  #fff; box-shadow:  0px 0px 18px rgba(0,  0,  0,  0.1); padding:  20px; margin-bottom:  15px; } .support-inner  {max-width:  500px; } .support-tkt  {display:  flex; justify-content:  space-between; align-items:  center; } .support-tkt p  {margin:  0; font-size:  12px; line-height:  17px; text-align:  left; color:  #373a3d; font-family:  'NexaLight'; } .support-content h3  {font-size:  20px; letter-spacing:  0.05em; line-height:  23px; text-align:  left; color:  #000; font-family:  'NexaXBold'; } .support-content  {margin:  5px 0; } .support-content p  {font-size:  16px; line-height:  17px; text-align:  left; color:  #545454; font-family:  'NexaLight'; max-width:  500px; } .support-footer  {display:  flex; justify-content:  space-between; align-items:  center; } .support-footer p  {margin:  0; font-size:  12px; line-height:  17px; text-align:  left; color:  #545454; } .support-footer p  {margin:  0; font-size:  14px; line-height:  17px; text-align:  left; color:  #545454; font-family:  'NexaLight'; } .support-footer-pending,  .support-footer-pending1  {display:  flex; align-items:  center; } .support-footer-pending img  {background:  #1b4d8a; width:  20px; height:  20px; border-radius:  50%; line-height:  20px; padding:  3px; margin-left:  20px; position:  relative; top:  -2px; } .support-footer-pending1 img  {background:  #A7A7A7; width:  30px; height:  30px; border-radius:  50%; line-height:  20px; padding:  5px; margin-left:  20px; } .habit-dashboard  {border-radius:  12px; background:  #fdfdfd; border:  0.25px solid #e3e3e3; padding:  20px; margin-top:  30px; } .habit-dashboard-head h2  {font-size:  24px; letter-spacing:  0.05em; line-height:  36px; text-align:  left; color:  #000; font-family:  'NexaBold'; } .habit-inner  {border-radius:  7px; background:  #fff; box-shadow:  0px 0px 4px rgb(0 0 0 / 12%); padding:  20px; } .habit-inner .chart-head form select  {border-radius:  19.5px; border:  0.5px solid #373a3d; } .habit-inner .chart-head .toggle-btn  {font-size:  12px; line-height:  20px; text-align:  right; color:  #5a607f; font-family:  'NexaLight'; border-radius:  19.5px; border:  0.5px solid #373a3d; padding:  6px 20px 1px 20px; } .open-month  {display: block; transition: 0.5s all; } .habit-inner .chart-head h3  {font-size:  18px; text-align:  left; color:  #373a3d; font-family:  'NexaBold'; } .quote  {background:  linear-gradient(to left, #3a79e0 0%,  #2866c0 46.88%,  #1b4d8a 100%); padding:  30px 20px; border-radius:  12px; margin-top:  15px; display:  flex; justify-content:  center; align-items:  center; position: relative; height: 113px; } .quote p,  .quote-inner  {margin:  0; font-size:  18px; text-align:  right; color:  #fff; max-width:  900px; font-family:  'NexaBold'; letter-spacing:  1px; line-height:  30px; } .quote-inner  {position:  relative; } .quote:after  {position:  absolute; content:  ''; width:  44px; height:  38px; background-image:  url(../images/quote-left.svg); top:  20px; left: 20px; background-position:  center; background-size:  cover; opacity: 19%; } .quote:before  {position:  absolute; content:  ''; width:  44px; height:  38px; background-image:  url(../images/quote-right.svg); bottom:  20px; right: 20px; background-position:  center; background-size:  cover; opacity: 19%; } .chart-data-inner-left p:last-child  {font-family:  'NexaLight'; } .habit-week .cl-custom-check  {display:  none; } .habit-week .cl-custom-check + .cl-custom-check-label  {font-size:  16px; color:  #000000; font-family:  'NexaLight'; cursor:  pointer; -webkit-user-select:  none; -moz-user-select:  none; -ms-user-select:  none; user-select:  none; border-radius:  50%; width:  55px; height:  55px; line-height: 55px; text-align: center; border:  0.5px solid #878484; display:  inline-block; margin:  8px; -webkit-backface-visibility:  hidden; backface-visibility:  hidden; transition:  all 0.6s ease; } .cl-custom-check:checked {background-color:  #f1f1f1; -webkit-backface-visibility:  hidden; backface-visibility:  hidden; font-family:  'NexaBold'; } .habit-week .ui-datepicker-prev span,  .habit-week .ui-datepicker-next span {display: none; } .habit-week .ui-datepicker-calendar th {padding: 10px; color: #2196f3; } .habit-week .ui-datepicker-calendar  {text-align: center; margin: 0 auto; padding: 8px; width: 100%; } .habit-week .ui-datepicker-title {text-transform: uppercase; } .habit-week .ui-datepicker-calendar th  {font-size:  16px; letter-spacing:  1px; line-height:  20px; color:  #373a3d; font-family:  NexaLight; text-align:  center; padding:  0; padding-bottom:  10px !important; } .habit-week .ui-datepicker-calendar td a,  .habit-week .ui-datepicker-calendar td.ui-state-disabled span  {font-size:  16px; color:  #000000; font-family:  'NexaLight'; cursor:  pointer; border-radius:  50%; width:  55px; height:  55px; border:  0.5px solid #878484; margin:  8px; transition:  all 0.6s ease; } .habit-week .ui-datepicker-calendar .ui-state-default  {text-decoration: none; color: black; } .habit-week  {position: relative; width: 525px; } .habit-week .ui-datepicker-clear-month  {position:  absolute; top:  22px; right:  60px; height:  100%; line-height:  100%; display:  inline; cursor:  pointer; color:  red!important; } .right-part::-webkit-scrollbar  {width:  8px; padding:  10px; margin: 10px; } .right-part::-webkit-scrollbar-track  {border-radius:  12px; border:  1px solid #707070; padding:  20px; } .right-part::-webkit-scrollbar-thumb  {background-color:  #707070; padding:  10px; border-radius:  12px; } .right-part::-webkit-scrollbar-thumb:after  {position:  absolute; content:  ''; width:  5px; height:  100%; background-color:  red; top:  0; left:  0; } .page-head-notify a.notification img,  .page-head-notify div.notification img  {position:  relative; left:  -0.9px; } .chat-cross  {position:  absolute; top:  0; right:  0; width:  30px; height:  30px; background:  #2fe38c; border-radius:  50%; line-height:  30px; text-align:  center; display:  none; } .chat-cross i  {color:  #fff; line-height:  30px; } .desktop_tool_close  {display:  none!important; } .side-navbar .top-navbar  {height: 0; position: absolute; top:  10px; right:  16px; } .sidemenutbn  {display:  block!important; } .close-btn  {transform:  rotate(180deg)!important; } #close-btn  {background:  transparent; color:  #fff; border:  1px solid #fff; border-radius:  50%; width:  35px; height:  35px; border-radius:  50%; line-height:  43px; display:  inline-block; text-align:  center; display:  flex; align-items:  center; justify-content:  center; } .page-logo-1  {display:  none; } .side-btn  {display:  flex!important; } .bell img  {width:  31px; height:  31px; } #menu-btn i  {font-size:  18px; } .session-join .custom-btn1  {display:  inline-block; } .session {align-items:  flex-start; } .session-join  {text-align:  center; } .chart-dashboard .session  {padding:  15px 20px 15px 20px; } .chart-dashboard.to-do .session  {display:  flex; } .chart-dashboard.to-do .session-join  {text-align:  right; } .month  {display:  none; } .newentry-inner ul  {height:  auto; align-items:  flex-start!important; } .newentry-inner ul li  {flex:  100%; align-items:  flex-start; justify-content:  flex-start; } ul.date-list > li > img  {position:  relative; top:  -2px; } .wrapper-1, .wrapper-2,  .wrapper-3  {position:  relative; overflow:  hidden; } .wrapper-1:after,  .wrapper-2:after  {position:  fixed; content:  ''; width:  100%; height:  100%; top:  0; bottom: 0; right: 0; left:  0; background:  rgba(0, 0, 0, 0.5); z-index:  1; } /*.wrapper-1:after  {z-index:  11; }*/ .wrapper-3:after  {position:  fixed; content:  ''; width:  100%; height:  100%; top:  0; left:  0; background:  rgba(0, 0, 0, 0.5); z-index: 1; } .course-info-btn  {text-align:  center; } .chart-slide .owl-dots  {margin-top:  20px!important; } .score-board  {margin-bottom: 20px; } .newentry-inner ul  {height:  100%!important; } .bell-link1  {border:  1px solid #fff } .bell-link  {position:  relative; width:  42.5px; height:  42.5px; } .page-head-title h3  {margin-left:  12px; } .page-logo  {width:  30px; height:  30px; object-fit:  contain; } .chart-dashboard-head h2  {font-family:  NexaxBold; } .course-tabs ul li a span  {margin-top:  3px; font-size:  10px; } .session-info .session-info-content h3  {font-family:  NexaxBold; } .session-info .session-info-content p  {font-family:  NexaBold; } .session-info .session-info-content h3  {margin:  0px; } .chart-dashboard  {padding:  20px; margin-bottom:  20px; margin-top:  0; } .quote  {padding:  20px 20px; margin:  0 0 20px; } #menu-btn i  {font-size:  18px; } #menu-btn  {margin-top:  3px; } .page-head-notify .comman-btn1  {} .task-list ul li label  {font-family:  NexaxBold; margin-bottom:  8px; } .task-list ul li ul li label  {margin-bottom:  3px; } dl,  ol,  ul  {margin-bottom:  8px; } .task-list .date-list  {font-size:  12px; } .course-info-content p  {margin-bottom:  0px; margin:  0; font-family:  Nexabold; } .course-info-content .course-info  {font-family:  NexaLight; } .h5,  h5  {font-size:  18px; } .bottom-img  {margin-top:  40px; } .side-navbar  {padding:  50px 10px; } ul.dropdown-menu  {padding-left:  40px; opacity:  .90; } .side-navbar .top-navbar  {top:  5px; right:  15px; } .user-pic h3  {font-family:  Nexabold; } .chat-inner p  {font-family: NexaLight; } .dropdown-menu  {} .chat-content  {padding:  15px; border-radius:  0 20px 20px; } .chart-data-inner-left p  {font-family:  Nexabold; } .cl-custom-check:checked {border:  0px; } .habit-week .ui-datepicker-calendar .ui-state-active  {border:  0px; } .fa,  .fa-brands,  .fa-duotone,  .fa-light,  .fa-regular,  .fa-solid,  .fa-thin,  .fab,  .fad,  .fal,  .far,  .fas,  .fat  {padding-right:  5px; } .habit-inner .chart-head h3  {font-family:  NexaBold; } .habit-dashboard-head h2  {font-size:  20px; } .feedback-head p  {font-family:  NexaLight; } .support-content p  {font-size:  14px; } .support-footer p  {font-size:  12px; } .habit-week .ui-datepicker-calendar td a,  .habit-week .ui-datepicker-calendar td.ui-state-disabled span  {line-height:  53px; } .habit-week .cl-custom-check + .cl-custom-check-label  {line-height:  58px; } .habit-dashboard  {margin-top:  0px; } .page-head-notify .comman-btn1  {} .page-head-notify a.notification,  .page-head-notify div.notification  {margin:  0 0 0 10px; } .page-logo  {} .course-tabs ul  {padding:  10px 0 15px 0; height:  70px; } .page-head  {height:  70px; } @media only screen and (max-width: 768px)  {.page-head-notify .comman-btn  {margin-left:  10px!important; } .h5,  h5  {font-family:  ‘NexaBold’; } .newentry-inner ul li a span  {font-size:  15px !important; margin-left:  5px; } } .h5,  h5  {font-size:  18px; font-family:  'NexaBold'; color:  #373a3d; } .session-info .session-info-content h3  {color:  #373a3d; } .task-list ul li label  {color:  #373a3d; } .chart-data-inner-left h3  {color:  #373a3d; } .support-content h3  {color:  #373a3d; } .feedback-head h4  {color:  #373a3d; } .session-info .session-info-content p  {color:  #373a3d; } .course-info-content .course-info  {color:  #373a3d; } .task-list ul li ul li label  {color:  #373a3d; } .chart-data-inner-left p  {color:  #373a3d; } .owl-carousel,  .owl-carousel .owl-item  {-webkit-tap-highlight-color:  transparent; position:  relative; background-color:  #fff; border-radius:  8px!important; } .owl-carousel .owl-item  {border-radius:  0; box-shadow:  0 0 0 transparent } .chart-dashboard .course  {box-shadow:  0px 0px 18px rgb(0 0 0 / 10%); } .chart-dashboard .course-info-content  {margin-left:  20px; } .course-info-content + .contact-course:nth-child(odd) {margin-left: 0; } .beliefs-title h2  {font-size:  24px; letter-spacing:  0.05em; line-height:  36px; text-align:  left; color:  #000; font-family:  'NexaBold'; } .beliefs-main  {border-radius:  10px; background:  #fff; box-shadow:  0px 0px 18px rgb(0 0 0 / 10%); margin-bottom:  15px; padding:  15px; } .beliefs-title h3  {font-size:  20px; letter-spacing:  0.05em; line-height:  23px; text-align:  left; color:  #373a3d; margin:  0; font-family:  'NexaXBold'; margin-bottom:  5px; } .beliefs-title p  {color:  #373a3d; font-family:  NexaLight; font-size:  14px; } .wellness-card-main  {border-radius:  10px; background:  #fff; box-shadow:  0px 0px 18px rgb(0 0 0 / 10%); margin-bottom:  15px; padding:  15px; } .wellness-title h2  {font-size:  20px; letter-spacing:  0.05em; line-height:  23px; text-align:  left; color:  #373a3d; margin:  0; font-family:  'NexaXBold'; margin-bottom:  5px; } .wellness-title span  {font-size:  14px; margin-left:  15px; } .form-group textarea  {width:  100%; padding:  15px; background:  #f1f1f1; border:  1px solid #f1f1f1; border-radius:  5px; font-size:  15px; height:  100px; } .form-group label  {font-family:  'NexaBold'; font-size:  15px; } .left-part .row {--bs-gutter-x : unset; --bs-gutter-y:  unset; } .back-btn {border:  1px solid #fff; border-radius:  50px; width:  45px; height:  45px; display:  inline-flex; align-items:  center; justify-content:  center; background: transparent !important; } .box-outer {padding:  20px; border-radius:  13px; background:  #fdfdfd; border:  0.25px solid #e5e5e5; margin:  20px 0; } .box-outer h3 {font-family:  NexaBook; font-weight:  bold; font-size:  20px; letter-spacing:  0.05em; color:  #000; margin-bottom:  20px; } .custom-input-group {margin-bottom:  15px; } .custom-input-group input,  .custom-input-group select,  .custom-input-group textarea {border-radius:  5px !important; height:  46px; background-color:  #fff; border:  0.25px solid #dee2e6; color:  #373a3d; } .custom-input-group textarea {height:  100px; } .custom-input-group input:focus,  .custom-input-group select:focus,  .custom-input-group textarea:focus {box-shadow:  unset; border-color:  #30d993; } .custom-input-group input::placeholder,  .custom-input-group input,  .custom-input-group select::placeholder,  .custom-input-group select,  .custom-input-group textarea::placeholder,  .custom-input-group textarea {font-family:  NexaBold; font-weight:  300; font-size:  16px; letter-spacing:  0.05em; line-height:  23px; } .custom-input-group input[type="file"],  .custom-input-group input:not([value])::placeholder,  .custom-input-group select:not([value])::placeholder,  .custom-input-group textarea:not([value])::placeholder  {color:  #cdcece; } .option-tabs  {width:  234px; height:  45px; border-radius:  50px; background:  #fff; border:  0.25px solid #70707066; margin:  0 auto; } .option-tabs .nav-item {width:  50%; margin-bottom: 0 !important; } .option-tabs .tabs-btn  {height:  100%; border:  unset; border-radius:  50px; width:  100%; background-color:  transparent; font-family:  NexaBook; font-weight:  bold; font-size:  14px; letter-spacing:  0.05em; line-height:  36px; text-align:  center; color:  #373a3d; padding:  5px 0 0; } .option-tabs .tabs-btn.active {background-color:  #2fe38c; color:  #fff } .custom-input-group.custom-input-label-group {margin-bottom:  10px; } .custom-input-group label {display:  inline-block; font-family:  NexaBook; font-weight:  bold; font-size:  14px; letter-spacing:  0.05em; line-height:  18px; text-align:  left; color:  #373a3d; width:  100%; margin:  5px 0 5px; } .custom-input-group label.table-ass-title {margin-bottom:  5px; font-family:  'NexaXBold'; font-size: 20px; line-height: 18px; } .custom-input-group label.title-descr {font-family:  'NexaLight'; font-size:  14px; } .custom-menu-modal {width:  504px; } .box-inner {background-color:  #fff; padding:  20px; box-shadow:  0px 0px 18px rgb(0 0 0 / 16%); border-radius:  12px; } .table-outer {overflow:  hidden; overflow:  auto; } .table-outer .table>:not(:first-child) {border-top:  unset !important; } .table-outer tbody tr td,  .table-outer thead tr th {vertical-align:  middle; } .table-outer thead tr th.text-center {width:  70px; } .table-outer thead  {background-color:  #f1f1f1; } .table-striped>tbody>tr:nth-of-type(odd)>* {--bs-table-accent-bg:  #fcfcfc; } .table-outer thead th {font-size:  16px; font-weight:  bold; font-family:  NexaBook; transform:  translate(0px,  1px); color:  #000; } .table-outer tbody tr td  {font-weight:  600; } .table-outer .form-check-input[type=radio] {border-color:  #000; margin:  auto auto !important; } .table-outer .form-check-input:checked {border:  unset; background-color:  #2fe38c; box-shadow:  unset !important; height:  18px; width:  18px; } .table-outer .mobile-view:checked {border:  unset; background-color:  #2fe38c; box-shadow:  unset !important; height:  18px; width:  18px; } .box-minmax  {margin-top:  30px; width:  608px; display:  flex; justify-content:  space-between; font-size:  20px; color:  #000; } .box-minmax span:first-child  {margin-left:  10px; } .rs-range  {margin-top:  29px; width:  568px; -webkit-appearance:  none; } .rs-range:focus  {outline:  none; } .rs-range::-webkit-slider-runnable-track  {width:  100%; height:  8px; cursor:  pointer; box-shadow:  none; background:  blue; border-radius:  50px; border:  0px solid #616161; } .range-value {margin-top:  10px; } .range-slider  {display:  inline-block; width:  568px; -webkit-box-sizing:  border-box; box-sizing:  border-box; position:  relative; } .range-slider > input  {opacity:  0; width:  103%; position:  relative; z-index:  5; margin-top:  40px; -webkit-appearance:  none; } .range-slider > input::-webkit-slider-thumb  {-webkit-appearance:  none; z-index:  100; position:  relative; width:  50px; height:  30px; -webkit-border-radius:  10px; } .range-slider > span.slider-container  {display:  inline-block; position:  absolute; top:  32px; left:  0; right:  0; } .range-slider > span.slider-container > span.bar  {background-color:  #f1f1f1; display:  inline-block; position:  absolute; z-index:  1; top:  12px; left:  0; right:  0; height:  8px; -webkit-border-radius:  10px; border-radius:  10px; } .range-slider > span.slider-container > span.bar > span  {background:  #2fe38c; display:  inline-block; float:  left; height:  8px; width:  0%; position:  relative; border-radius:  50px; } .range-slider > span.slider-container > span.bar-btn  {position:  absolute; font-weight:  bold; text-align:  center; left:  -25px; top:  -45px; border-radius:  4px; border:  #333 2px solid; background-color:  rgb(47,  227,  140); color:  rgb(255,  255,  255); border:  unset; box-shadow:  unset; width:  39px; height:  39px; display:  flex; align-items:  center; justify-content:  center; } .range-slider > span.slider-container > span.bar-btn:after  {content:  ""; border:  5px solid #2fe38c; background-color:  #fff; border-radius:  20px; width:  18px; height:  18px; display:  inline-block; position:  absolute; left:  0; top:  52.3px; z-index:  3; box-shadow:  0px 0px 4px rgb(0 0 0 / 51%); } .range-slider > span.slider-container > span.bar-btn > span:before  {content:  ""; display:  inline-block; width:  0; height:  0; border-width:  10px; border-style:  solid; border-color:  #2fe38c transparent transparent; position:  absolute; top:  36px; left:  9px; border-radius:  5px; } .bar-btn span {font-size:  16px; font-weight:  bold; font-family:  NexaBook; } .bar_name {position:  absolute; top:  15px; right:  -40px; font-family:  NexaBook; font-weight:  300; font-size:  8px; letter-spacing:  0.05em; line-height:  23px; text-align:  left; color:  #373a3d; } .range-orange .bar span,  .range-orange .bar-btn {background-color:  #e7ba53 !important; } .range-orange .bar-btn:after {border-color:  #e7ba53 !important; } .range-orange .bar-btn span:before {border-color:  #e7ba53 transparent transparent !important; } .range-blue .bar span,  .range-blue .bar-btn {background-color:  #3a79e0 !important; } .range-blue .bar-btn:after {border-color:  #3a79e0 !important; } .range-blue .bar-btn span:before {border-color:  #3a79e0 transparent transparent !important; } .range-red .bar span,  .range-red .bar-btn {background-color:  #e76c53 !important; } .range-red .bar-btn:after {border-color:  #e76c53 !important; } .range-red .bar-btn span:before {border-color:  #e76c53 transparent transparent !important; } .gols-col-outer {display:  flex; flex-wrap:  wrap; column-gap:  24px; } .gols-col-outer .box-inner {width:  32.3%; height:  auto; margin-bottom:  20px; } .goals-header {margin-bottom:  20px; } .goals-header h3,  .pageInnerSec-outer .box-inner h3 {font-weight:  bold; font-size:  20px; letter-spacing:  0.05em; color:  #000; margin-bottom:  8px; } .goals-header .goals-subtitle,  .goals-content h6 {font-size:  16px; color:  #373a3d; letter-spacing:  0.05em; font-weight:  300; margin:  0; margin-left:  10px; } .goals-content h3 {font-weight:  bold; font-size:  20px; letter-spacing:  0.05em; color:  #373a3d; margin-bottom:  0 } .goals-content h6 {font-weight:  bold; margin:  0; } .complete-color {margin-bottom:  10px; } .complete-color span {font-weight:  300; font-size:  14px; letter-spacing:  0.05em; color:  #2fe38c; } .goals-content p {font-weight:  300; font-size:  14px; letter-spacing:  0.05em; color:  #373a3d; margin-bottom:  10px; } .time-calnder {display:  flex; align-items:  center; } .time-calnder span {font-weight:  normal; font-size:  12px; letter-spacing:  0.1em; line-height:  23px; color:  #373a3d; margin-left:  7px; display:  inline-block; margin-top:  5px; } @media screen and (max-width: 1440px) {.gols-col-outer .box-inner {width:  32.1%; } .left-close .gols-col-outer .box-inner {width:  48.5%; } } .pageInnerSec-outer {margin-top:  20px; } .pageInnerSec-outer .box-inner h3 {margin-bottom:  20px; } .personality-title {margin-bottom:  20px; } .personality-title h2 {font-weight:  bold; font-size:  28px!important; letter-spacing:  0.05em; text-align:  center; color:  #2fe38c; margin:  0; font-family: NexaXBold; line-height: 28px!important;} .personality-title p {font-weight:  bold; font-size:  30px; letter-spacing:  0.05em; text-align:  center; color:  #373a3d; margin:  0 } .personality-title p.description {font-family:  'NexaLight'; font-size:  25px; } .personality-title h2, .personality-title p {font-size: 28px!important; line-height: 28px!important; } .personality-title p.description {font-size: 15px!important; line-height: 18px!important; } .personality-option-outer {display:  flex; column-gap:  21px; flex-wrap:  wrap; } .personality-col {width:  18.9%; height:  auto; border-radius:  12px; background:  #30b1c3; box-shadow:  0px 0px 18px rgb(0 0 0 / 16%); text-align:  center; color:  #fff; padding:  20px; margin-bottom:  20px; } .personality-col h4 {font-weight:  bold; font-size:  18px!important; letter-spacing:  0.05em; margin-bottom:  10px; /*font-family: NexaXBold;*/ text-transform: uppercase; } .personality-col .option-tabs {width:  135px; height:  36px; margin-bottom:  10px; border:  transparent; } .personality-col .option-tabs .tabs-btn {line-height:  20px; } .personality-col h5 {font-weight:  bold; font-size:  14px; letter-spacing:  0.05em; margin-bottom:  10px; color:  #fff; padding-top: 10px; font-family: NexaXBold; Line-height: 16px; } .personality-col p {font-weight:  300; font-size:  12px; letter-spacing:  0.05em; line-height:  15px; color:  #fff; } .pageInner-outer.pageInnerSec-outer.personality_uni {margin-top: 20px; } .pageInnerSec-outer .box-inner {margin-bottom:  20px; } .gols-col-outer ul {height:  auto; list-style:  none; padding-left:  20px; } .gols-col-outer ul li {position:  relative; margin-bottom:  20px; } .gols-col-outer ul li:before {content:  ''; background:  #2fe38c; height:  8px; width:  8px; border-radius:  50%; left:  -20px; position:  absolute; top:  7px; } .gols-col-outer ul li p {margin-bottom:  0; } .gols-col-outer ul li::marker  {color:  #2fe38c; font-size:  21px; } .add-note {position:  absolute; right:  15px; font-size:  30px; color:  #373a3d; top:  4px; cursor: pointer; } .additional-outer {display:  flex; justify-content:  space-between; flex-wrap:  wrap; margin:  0 100px; } .additional-col {text-align:  center; max-width: 200px; margin-top: 20px; } .additional-col img  {margin-bottom:  30px; width:  185px; height:  39px; min-height:  65px; } .values-col-outer .box-inner {width:  15.4%; height:  auto; text-align:  center; } .values-col-outer .box-inner .custom-input {position:  relative; } .values-col-outer .box-inner .custom-input input[type="file"]  {color:  #878787; opacity:  0; width:  105px; height:  70px; margin:  0 auto; position:  relative; cursor:  pointer; z-index:  9; } .values-col-outer .custom-input span  {background:  #fff; border:  0.5px solid #373a3d; border-radius:  12px; color:  #fff; cursor:  pointer; font-weight:  300; font-size:  10px; letter-spacing:  0.05em; line-height:  23px; text-align:  left; color:  #373a3d; transition:  all 1s ease; width:  105px; height:  70px; text-align:  center; display:  inline-flex; position:  absolute; top:  0; left:  0; right:  0; margin:  0 auto; justify-content:  center; align-items:  center; } .values-col-outer .box-inner h3 {font-weight:  bold; font-size:  20px; letter-spacing:  0.05em; color:  #373a3d; margin-bottom:  10px; } .values-col-outer .box-inner p,  .values-col-outer .custom-input-group textarea,  .values-col-outer .custom-input-group textarea::placeholder {margin:  10px 0; font-weight:  300; font-size:  10px; letter-spacing:  0.05em; line-height:  23px; color:  #373a3d; } .values-col-outer .custom-input-group {margin-bottom:  0; } .values-col-outer .custom-input-group textarea {height:  135px; margin:  0; } .values-col-outer .box-inner img {width:  108px; height:  72px; border-radius:  12px; } .pageInnerSec-outer .box-inner.persnolity-col h3 {margin-bottom:  10px; } .persnolity-col p {font-size:  14px; margin-bottom:  10px; } .page-head-notify div.notification {width:  45px; height:  45px; width: 44px!important; height: 44px!important; /*background-color: #fff;*/ padding: 8px 0px; border-radius: 60px; } .page-head-notify a.notification {width: 117px; height: 45px; padding: 0; display: flex !important; align-items: center; justify-content: center; border-radius: 30px; border: 1px solid #fff; } .left-close .page-head-notify a.notification {width:  45px !important; } .page-head-notify a.notification img {position:  unset; margin:  0; margin-left:  0px; } .page-head-notify a.notification .btn-text {display: block; } .page-head-notify a.notification .btn-text {margin: 0 10px !important; } .left-close .page-head-notify a.notification img {margin-left:  0; } .assessmen-outer .chart-data-inner-inner {position:  relative; } .edit-option  {position:  absolute; right:  -10px; top:  -5px; cursor:  pointer; font-size:  20px; } .course-goal,  .habit-dashboard,  .task-list,  .course-tabs-inner-inner {position:  relative; } .course-goal .edit-option,  .habit-dashboard .edit-option,  .task-list .edit-option,  .course-tabs-inner-inner .edit-option {position:  absolute; right:  15px; top:  20px; cursor:  pointer; font-size:  20px; } .owl-item .course {border-left:  unset; } .values-block-outer {display:  flex; flex-wrap:  wrap; justify-content:  center; column-gap:  20px; width:  960px; margin:  0 auto; } .values-col {width:  300px; height:  197px; box-shadow:  0px 0px 18px rgba(0,  0,  0,  0.16); border-radius:  12px; display:  flex; flex-wrap:  wrap; align-items:  center; justify-content:  center; margin-bottom:  20px; transition:  all 0.5s ease-in-out; text-align:  center; } .values-col:hover {background-color:  #30b1c3; box-shadow:  unset; } .activity-content h3 {font-weight:  bold; font-size:  20px; letter-spacing:  0.05em; text-align:  center; color:  #373a3d; width:  100%; text-transform:  uppercase; margin-bottom:  0; } .values-col.active {background-color:  #30b1c3; box-shadow:  unset; } .values-col.active .activity-content h3 {color:  #fff; font-size:  22px; line-height:  40px; } .activity-content p {font-size:  14px; letter-spacing:  0.05em; color:  #373a3d; margin-bottom:  0 } .values-col:hover .activity-content h3 {color:  #fff; } .left-close .values-block-outer {width:  900px; } .activity-content button {width:  125px; display:  inherit; padding:  13px 0px 8px; border-radius:  22px; border:  0.5px solid #373a3d; background-color:  #fff; margin:  0 auto 15px; color:  #373a3d; font-size:  14px; text-align:  center; } .activity-content button:hover {background-color:  #30b1c3; color:  #fff; } .activity-content button:nth-last-child(1) {margin-bottom:  0; } .values-finished .values-col:hover {background-color:  unset; } .values-finished .values-col:hover .activity-content h3 {color:  unset; } .custom-tab  {display:  none; } .custom-tab .gols-col-outer {width:  830px; margin:  0 auto; justify-content:  center; } .custom-tab .gols-col-outer .box-inner {width:  400px; } button  {background:  unset; padding:  0; font-family:  NexaBook; font-weight:  bold; font-size:  14px; letter-spacing:  0.05em; text-align:  left; color:  #373a3d; border:  unset; } .next-button-outer {display:  flex; align-items:  center; justify-content:  space-between; width:  830px; margin:  0 auto; } .list-field {display:  flex; align-items:  center; } .list-field .input-group {width:  35px; margin-bottom:  0; margin-left:  auto; justify-content:  center; } .list-field {margin-bottom:  8px !important; } .list-field .input-group input {height:  32px; padding:  0; text-align:  center; } .gols-col-outer ul li.list-field:before {top:  10px; } .gols-col-outer ul li.list-field.list-fieldSec:before {display:  none; } .custom-tab .gols-col-outer .check-ul {padding:  0; } .list-field .session-info-check {position:  unset; margin:  0; margin-right:  10px; } .list-field .session-info-check input {height:  21px; width:  21px; } .list-field .checkmark {height:  21px; width:  21px; border:  unset; top:  -1px; background-color:  #f1f1f1; } .list-field .session-info-check .checkmark:after {left:  8px; } .list-field .session-info-check input:checked ~ .checkmark {background-color:  #30B1C3; } .custom-tabFullwidth.custom-tab .gols-col-outer {width:  100%; justify-content:  flex-start; } .custom-tabFullwidth.custom-tab .gols-col-outer .box-inner {width:  23.8%; } .step-option-remove.active-custom ~ .step-option {display:  none; } .step-option-remove .inner-tab {display:  none; } .vision-outer {display:  flex; flex-wrap:  wrap; column-gap:  20px; } .vision-outer .box-inner {width:  24%; text-align:  center; margin-bottom:  20px; } .vision-outer .box-inner h3 {margin-bottom:  10px; } .vision-outer .box-inner p {font-weight:  300; font-size:  12px; letter-spacing:  0.05em; line-height:  23px; color:  #373a3d; margin:  0; text-transform:  capitalize; } .vision-img {width:  254px; height:  251px; margin:  20px 0; margin:  20px auto; } .vision-outer .custom-input-group textarea {height:  92px; } .vision-outer .custom-input {position:  relative; } .vision-outer .custom-input input[type="file"] {width:  100%; position:  absolute; opacity:  0; z-index:  9; left:  0; right:  0; top:  -17px; cursor:  pointer; } .vision-outer .custom-input span {position:  absolute; right:  6px; font-weight:  bold; font-size:  10px; letter-spacing:  0.05em; line-height:  23px; text-align:  left; color:  #373a3d; top:  -13px; } .mission-outer .box-inner {width:  32.3%; } .mission-outer .goals-subtitle span,  .description-show .goals-subtitle span {font-weight:  300; font-size:  12px; letter-spacing:  0.05em; text-align:  left; color:  #373a3d; display:  block; font-family:  'NexaLight'; text-transform:  capitalize; } .gols-col-outer ul li p {font-family:  'NexaBold'; } .mission-tab .gols-col-outer ul,  .mission-tab .gols-col-outer .box-inner {height:  auto; } .beliefs-outer .box-inner {margin-top:  20px; } .beliefs-outer.box-outer h3 {margin-bottom:  0; } .beliefs-outer.box-outer p {font-weight:  300; font-size:  16px; letter-spacing:  0.05em; text-align:  left; color:  #373a3d; margin:  10px 0; } .beliefs-outer.box-outer p.beliefs-sub-title {margin-bottom:  20px; margin-top:  0; } .beliefs-outer .custom-input-group textarea {height:  85px; } .plan-table tr th {font-size:  18px; color:  #373a3d; font-weight:  bold; padding:  0 10px; } .plan-table tr td {padding:  15px 10px; } .plan-table tr td span {background:  #2fe38c; width:  8px; height:  8px; display:  inline-block; border-radius:  50px; margin-right:  8px; } .plan-table .plan-title {width:  45%; } .plan-table .plan-type {width:  10%; } .plan-table .plan-frequency {width:  15%; } .add-edit-option  {top:  0; padding:  0; border:  unset; border-radius:  12px; display:  block; width:  auto; right:  15px; min-width:  200px; z-index:  1; margin-top:  30px; } #page-id-16 .newentry-inner.add-edit-option  {right:  -10px; margin-top:  10px; } .add-edit-option ul li a {padding:  10px; margin:  5px; } .open-edit-option  {display:  block; } .right-part .filter-dropdown form select,  .right-part .dropdownOuter button {margin-right:  10px; width:  82px; } .left-close .personality-col {width:  23.6% } .left-close .gols-col-outer {column-gap:  20px; } .left-close .gols-col-outer .box-inner {width:  32.1%; } .sidebarClose.left-close .personality-option-outer {column-gap:  20px; } .sidebarClose .personality-option-outer {column-gap: 15px !important; } .left-part .personality-option-outer {gap: 12px !important; } .sidebarClose .personality-option-outer {column-gap:  20px; } .sidebarClose.left-close .gols-col-outer {column-gap:  27px; } .sidebarClose .gols-col-outer {column-gap:  28px; } .sidebarClose.left-close .values-col-outer .box-inner {width:  18.5%; } .left-close .values-col-outer .box-inner {width:  23.7%; } .left-close .active-custom .gols-col-outer .box-inner {width:  48%; } .left-close .custom-tabFullwidth.custom-tab .gols-col-outer .box-inner {width:  23.6%; } .sidebarClose.left-close .custom-tabFullwidth.custom-tab .gols-col-outer .box-inner {width:  23.5%; } .sidebarClose .vision-outer {column-gap:  24px; } .left-close .vision-outer .box-inner {width:  32.1%; } .left-close.sidebarClose .vision-outer {column-gap:  26px; } .left-close .chart-data-inner {width:  24%; } .sidebarClose.left-close .chart-data-inner {width:  24.1%; } .sidebarClose .chart-data-inner {width:  24.3%; } .task-check-outer {position:  relative; } .task-check-outer .session-info-check  {position:  absolute; left:  -35px; top:  0px; } #goal .course-info-content {margin-left:  0; } #goal .goal-list {padding:  0; height:  unset; background:  unset; } #goal .goal-list li {text-align:  left; } .right-side-Tasklist {padding-left:  20px; } .right-side-Tasklist ul {background-color:  unset; padding:  0 !important; height:  auto; } .right-side-Tasklist .right-task-option {margin-left:  0px; } .right-side-Tasklist .session-info-check input,  .right-side-Tasklist .checkmark {width:  20px; height:  20px; } .right-side-Tasklist .task-check-outer .session-info-check {left:  -30px; top:  0; width:  20px; height:  20px; } .right-side-Tasklist .session-info-check .checkmark:after {left:  7px; top:  3px; } .right-sideCalender.habit-dashboard,  .rightSidebarTabContent .course-tabs-inner {padding:  10px; } .right-sideCalender .habit-inner {padding:  10px; } .right-sideCalender .habit-week .cl-custom-check + .cl-custom-check-label,  .right-sideCalender .habit-week .ui-datepicker-calendar td a,  .right-sideCalender .habit-week .ui-datepicker-calendar td.ui-state-disabled span {width:  40px; height:  40px; margin:  5px; font-size:  14px; line-height:  39px; background-color:  #fff; margin:  5px 0; } .right-sideCalender .habit-week .ui-datepicker-calendar td.ui-state-disabled span {background-color:  #f1f1f1; color:  #fff; border:  unset; } .right-sideCalender .habit-week .cl-custom-check + .cl-custom-check-label {margin:  0; width:  40px; height:  40px; display:  inline-flex; justify-content:  center; line-height:  44px; } .right-sideCalender .habit-week .ui-datepicker-calendar .ui-state-active,  .right-sideCalender .cl-custom-check:checked {color:  #fff; background-color:  #f1f1f1; background:  #fff; border:  0.5px solid #878484; } .right-sideCalender .habit-week {width:  100%; } .right-sideCalender .chart-head h3 {width:  100%; font-size:  15px; } .right-side-Tasklist ul {} .right-side-Tasklist label {width:  100%; } .right-side-Tasklist .session-info-check input,  .right-side-Tasklist .checkmark {left:  0px; } .right-side-Tasklist .date-list li {text-align:  left; } .new-entry-mobile-hide {display:  none; } .spinner  {background:  #000000b8; width:  100%; height:  100vh; position:  fixed; top:  0; bottom:  0; right:  0; left:  0; margin:  auto; text-align:  center; z-index:  9999999; display:  flex; align-items:  center; justify-content:  center; flex-direction:  column; } .spinner .ball  {width:  30px; height:  30px; background-color:  #fff; border-radius:  50%; display:  inline-block; -webkit-animation:  motion 3s cubic-bezier(0.77,  0,  0.175,  1) infinite; animation:  motion 3s cubic-bezier(0.77,  0,  0.175,  1) infinite; } .spinner p  {color:  #fff; margin:  15px 0; font-family:  sans-serif; letter-spacing:  3px; font-size:  10px; text-align:  center; font-size:  25px; } @-webkit-keyframes motion  {0%  {transform:  translateX(0) scale(1); } 25%  {transform:  translateX(-50px) scale(0.3); } 50%  {transform:  translateX(0) scale(1); } 75%  {transform:  translateX(50px) scale(0.3); } 100%  {transform:  translateX(0) scale(1); } } @keyframes motion  {0%  {transform:  translateX(0) scale(1); } 25%  {transform:  translateX(-50px) scale(0.3); } 50%  {transform:  translateX(0) scale(1); } 75%  {transform:  translateX(50px) scale(0.3); } 100%  {transform:  translateX(0) scale(1); } } .hide {display: none; } .response_error  {color: red; margin-bottom: 30px; } table .table-ass-title {font-family:  'NexaBold'; font-weight:  600; } table .title-descr {font-family:  'NexaLight'; } .tableListView {display:  none; } .tableListView .mlhead th {--bs-table-accent-bg:  #f1f1f1 !important; } .carousel-indicators.carousel-indicators-dots {bottom:  -10px; } .carousel-indicators [data-bs-target] {border:  unset; height:  10px; width:  10px; border-radius:  50px !important; background-color:  #cdcece; } #checkboxes {position:  absolute; z-index:  99999; background-color:  #fff; margin-top:  6px; padding:  0px; border-radius:  8px; border:  unset; box-shadow:  0 0 15px #a6a6a678; display:  none; } #checkboxes input {width:  11px; height:  11px; line-height:  unset; margin-right:  5px; margin-top:  2.4px; } #checkboxes label  {display:  flex !important; align-items:  flex-start; justify-content:  flex-start; font-size:  12px; cursor:  pointer; line-height:  20px; padding-left:  10px; font-family:  'NexaLight'; } #checkboxes label:hover  {background-color:  #65686a !important; color:  #ffff; } #siderbar_checkboxes {position:  absolute; z-index:  99999; background-color:  #fff; margin-top:  0px; padding:  0px; border-radius:  8px; border:  unset; box-shadow:  0 0 15px #a6a6a678; display: none; } #siderbar_checkboxes input {width:  11px; height:  11px; line-height:  unset; margin-right:  5px; margin-top:  2.4px; } #siderbar_checkboxes label  {display:  flex !important; align-items:  flex-start; justify-content:  flex-start; font-size:  12px; cursor:  pointer; line-height:  20px; padding-left:  10px; font-family:  'NexaLight'; } #siderbar_checkboxes label:hover  {background-color:  #65686a !important; color:  #ffff; } .selectBox  {position:  relative; } .selectBox select  {width:  100%; } .overSelect  {position:  absolute; left:  0; right:  0; top:  0; bottom:  0; } .mobile-range-value {margin-top:  10px; } .mobile-range-slider  {display:  inline-block; width:  568px; -webkit-box-sizing:  border-box; box-sizing:  border-box; position:  relative; } .mobile-range-slider > input  {opacity:  0; width:  103%; position:  relative; z-index:  5; margin-top:  40px; -webkit-appearance:  none; } .mobile-range-slider > input::-webkit-slider-thumb  {-webkit-appearance:  none; z-index:  100; position:  relative; width:  50px; height:  30px; -webkit-border-radius:  10px; } .mobile-range-slider > span.slider-container  {display:  inline-block; position:  absolute; top:  32px; left:  0; right:  0; } .mobile-range-slider > span.slider-container > span.bar  {background-color:  #f1f1f1; display:  inline-block; position:  absolute; z-index:  1; top:  12px; left:  0; right:  0; height:  8px; -webkit-border-radius:  10px; border-radius:  10px; } .mobile-range-slider > span.slider-container > span.bar > span  {background:  #2fe38c; display:  inline-block; float:  left; height:  8px; width:  0%; position:  relative; border-radius:  50px; } .mobile-range-slider > span.slider-container > span.bar-btn  {position:  absolute; font-weight:  bold; text-align:  center; left:  -25px; top:  -45px; border-radius:  4px; border:  #333 2px solid; background-color:  rgb(47,  227,  140); color:  rgb(255,  255,  255); border:  unset; box-shadow:  unset; width:  39px; height:  39px; display:  flex; align-items:  center; justify-content:  center; } .mobile-range-slider > span.slider-container > span.bar-btn:after  {content:  ""; border:  5px solid #2fe38c; background-color:  #fff; border-radius:  20px; width:  18px; height:  18px; display:  inline-block; position:  absolute; left:  0; top:  52.3px; z-index:  3; box-shadow:  0px 0px 4px rgb(0 0 0 / 51%); } .mobile-range-slider > span.slider-container > span.bar-btn > span:before  {content:  ""; display:  inline-block; width:  0; height:  0; border-width:  10px; border-style:  solid; border-color:  #2fe38c transparent transparent; position:  absolute; top:  36px; left:  9px; border-radius:  5px; } .bar-bar-btn span {font-size:  16px; font-weight:  bold; font-family:  NexaBook; } .bar_bar_name {position:  absolute; top:  9px; right:  -40px; font-family:  NexaBook; font-weight:  300; font-size:  8px; letter-spacing:  0.05em; line-height:  23px; text-align:  left; color:  #373a3d; } .range-range-orange .bar span,  .range-range-orange .bar-bar-btn {background-color:  #e7ba53 !important; } .range-range-orange .bar-bar-btn:after {border-color:  #e7ba53 !important; } .range-range-orange .bar-bar-btn span:before {border-color:  #e7ba53 transparent transparent !important; } .range-range-blue .bar span,  .range-range-blue .bar-bar-btn {background-color:  #3a79e0 !important; } .vrange-blue .bar-bar-btn:after {border-color:  #3a79e0 !important; } .range-range-blue .bar-bar-bar-btn span:before {border-color:  #3a79e0 transparent transparent !important; } .range-range-red .bar span,  .range-range-red .bar-bar-btn {background-color:  #e76c53 !important; } .range-range-red .bar-bar-btn:after {border-color:  #e76c53 !important; } .range-range-red .bar-bar-btn span:before {border-color:  #e76c53 transparent transparent !important; } .page-head-title h3  {font-size:  25px; line-height:  25px; } .right-part .page-head {margin-top:  0; } .right-part .range-slider {width:  90%; } #sort {position:  absolute; z-index:  99999; background-color:  #fff; margin-top:  0px; padding:  0px; border-radius:  8px; border:  unset; box-shadow:  0 0 15px #a6a6a678; display: none; } #sort input {width:  11px; height:  11px; line-height:  unset; margin-right:  5px; margin-top:  2.4px; } #sort label  {display:  flex !important; align-items:  flex-start; justify-content:  flex-start; font-size:  12px; cursor:  pointer; line-height:  20px; padding-left:  10px; font-family:  'NexaLight'; } #sort label:hover  {background-color:  #65686a !important; color:  #ffff; } .selectBox  {position:  relative; } .selectBox select  {width:  100%; } .overSelect  {position:  absolute; left:  0; right:  0; top:  0; bottom:  0; } .course-info.course-info-outer  {max-width:  100%; display:  grid; grid-template-columns:  repeat(2, 1fr); width:  900px; } .course-img {display:  flex; flex-wrap:  wrap; align-items:  center; flex-direction:  column; } .course-info-outer .course-info-image  {border-radius:  0px; width:  100%; height:  170px; margin-bottom:  15px; } .course-info-outer .course-info-image img {width:  100%; object-fit:  cover; height:  100%; border-radius:  10px; } .contact-course {text-align:  left; } .contact-course h4 {background-color:  #ebebeb; font-weight:  600; padding:  7px 15px 3px; font-size:  18px; letter-spacing:  0.05em; line-height:  23px; margin-bottom:  15px; border-radius:  4px; color:  #373a3d; } .contact-course ul {padding:  0; list-style:  none; margin:  0; } .contact-course ul li i {color:  #666666; font-size:  13px; margin-right:  3px; } .contact-course ul li {margin-top:  5px; } .course-info-content .contact-course ul li {font-family:  'NexaBold'; } #sortModal.modal.show {display:  flex !important; align-items:  center; justify-content:  center; } #sortModal .modal-dialog {width:  90%; } .sort_course label {display:  block; width:  100%; font-size:  18px; font-weight:  bold; padding:  8px 5px 5px; } .sort_course label input {margin-right:  8px; } #sortModal .modal-content {border-radius:  8px; } .course-info-outer .custom-btn1 {width:  40%; display:  flex; align-items:  center; justify-content:  center; padding:  12px 20px 9px 20px; } .resumeCompleteBtn {width:  50%; text-align:  center; } .resumeCompleteBtn .custom-btn1 {background-color:  #3a79e0; border-color:  #3a79e0; } .dropdownOuter {position:  relative; } .custom-dropdown.show  {position:  absolute !important; display:  flex; padding:  0; margin-top:  5px; border-radius:  8px; font-size:  12px; flex-direction:  column; box-shadow:  0 0 15px #a6a6a678; background-color:  #fff; font-family:  'NexaLight'; top:  unset !important; width:  max-content; height:  fit-content; overflow-y: scroll; z-index:  1; } .custom-dropdown label  {width:  100%; column-gap:  5px; cursor:  pointer; display:  flex; padding:  3px 10px 0px; justify-content:  flex-start; } .custom-dropdown label input {height:  100%; } /*.custom-dropdown label:hover {background-color:  #65686a; color:  #ffff; }*/ .custom-dropdown label input[type="radio"] {display:  none; } .dropdownOuter .dropdown-toggle::after {display:  none !important; } .contact-course li a  {color:  #666; } tr.mlhead th  {background-color:  #f1f1f1 !important; --bs-table-accent-bg:  unset !important; } .singleCourseOuter  {box-shadow:  0px 0px 18px rgb(0 0 0 / 15%); border-radius:  15px; margin:  20px 0; height:  85vh; display:  flex; overflow:  hidden; } .singleCourseSidebar  {width:  20%; height:  100%; background-color:  #fafafa; } .singleCourseContent  {width:  85%; overflow-y:  auto; box-shadow:  0 0 15px #00000033; } .single-course-img  {padding:  20px; background-repeat:  no-repeat; background-position:  center; background-size:  cover; height:  180px; display:  flex; flex-wrap:  wrap; align-items:  center; border-top-left-radius:  15px; } .single-course-img h2  {margin:  0; font-size:  25px; font-family:  'NexaBold'; color:  #fff; } .single-course-img p {width:  100%; margin-bottom:  0; color:  #fff; border-top:  1px solid #fff; padding-top:  10px; } .sidebar-course-link ul {padding:  0; list-style:  none; margin:  15px 0; } .sidebar-course-link ul li {} .sidebar-course-link ul li a  {display:  flex; flex-wrap:  wrap; align-items:  center; padding:  10px 15px; color:  #222; } .sidebar-course-link ul li a:hover,  .sidebar-course-link ul li a.active {border-left:  2px solid #2fe38c; background-color:  #f3f3f3; } .sidebar-course-link ul li a span {margin-top:  5px; font-weight:  600; font-size:  14px; margin-left:  10px; } .sidebar-course-link .percent  {position:  relative; } .sidebar-course-link svg  {position:  relative; width:  25px; height:  25px; transform:  rotate(-90deg); display:  flex; align-items:  center; justify-content:  center; margin-left:  auto; } .sidebar-course-link svg circle  {width:  100%; height:  100%; fill:  none; stroke:  #dfdfdf; stroke-width:  2px; stroke-linecap:  round; } .sidebar-course-link svg circle:last-of-type  {stroke-dasharray:  625px; stroke-dashoffset:  calc(625px - (625px * var(--percent)) / 100); stroke:  #2fe38c; } .singleCourse-heading  {background-color:  #303030; height:  180px; padding:  0px 25%; display:  flex; flex-wrap:  wrap; color:  #fff; align-items:  flex-start; flex-direction:  column; justify-content:  center; } .singleCourse-heading p  {margin-bottom:  0; font-style:  italic; font-size:  13px; color:  #f3f3f3; } .singleCourse-heading h4 {margin:  5px 0; font-size:  35px; font-family:  'NexaBold'; position:  relative; } .singleCourse-heading h4:before {content:  ''; position:  absolute; bottom:  -10px; left:  0; width:  40%; height:  3px; background-color:  #2fe38c; } .single-course-col {padding:  100px 25%; } .single-course-col h3 {font-weight:  600; font-family:  'NexaXBold'; font-size:  25px; color:  #282b2d; margin-bottom:  5px; } .single-course-col p {color:  #787878; font-size:  16px; line-height:  28px; } .single-course-colOuter {background-color:  #264c86; font-family:  'NexaXBold'; } .course-content span {display:  block; margin-bottom:  5px; color:  #fff; } .course-content a {color:  #dee2e6; font-size:  17px; } .pageSelect {color:  #787878; } .pageSelect b {color:  #404040; font-weight:  bold; } .single-courser-select {display:  flex; align-items:  center; } .single-courser-select label {width:  85%; margin-left:  auto; color:  #4c4c4c; } .single-courser-select input {width:  20px; height:  20px; border:  2px solid #c3c3c3; } .single-course-col.single-course-colBg  {background-color:  #52aec0; font-family:  'NexaLight'; } .single-course-col.single-course-colBg p {font-size:  20px; line-height:  35px; color:  #fff; } .single-course-col.single-course-colBg p b {font-weight:  bold; } .course-rowOuter {padding:  50px 25%; } .course-rowOuter .col-md-4 h5  {text-align:  center; background-color:  #fff; color:  #6a6a6a; font-family:  'NexaBook'; font-size:  19px; letter-spacing:  0.5px; box-shadow:  0 0 15px #c3c3c3; margin:  0 10px; padding:  80px 50px; border-top:  2px solid #2fe38c; } .single-course-col.single-course-colOuter  {display:  flex; align-items:  center; padding:  50px 15%; } .single-course-colOuter .course-img {width:  45%; height:  300px; margin-right:  30px; } .single-course-colOuter .course-img img {width:  100%; height:  100%; object-fit:  cover; } #zmmtg-root  {left:  0 !important; top:  90px !important; padding:  5px; transition:  all 0.8s ease 0s; margin:  20px 20px 0; right:  0; width:  auto !important; position:  absolute !important; height:  85vh !important; /*box-shadow:  0px 0px 18px rgb(0 0 0 / 10%);*/ border-radius:  12px; } #zmmtg-root .meeting-app {width:  100% !important; height:  100% !important; } #zmmtg-root #wc-loading {width:  100% !important; height:  100% !important; background-color:  #000000 !important; } #zmmtg-root #content {height:  100% !important; } #zmmtg-root .root-inner,  #zmmtg-root .container-preview,  #zmmtg-root .media-preview-container {width:  100% !important; height:  100% !important; margin:  0 !important; } #content_container {display:  unset !important; } #zmmtg-root .align-middle.av-preview-container {width:  100% !important; background:  transparent !important; } #zmmtg-root .mini-layout-body {width:  100% !important; text-align:  center !important; margin: 0 !important; } #zmmtg-root.open-zoom-left-sidebar  {left:  280px !important; box-shadow:  0px 0px 18px rgb(0 0 0 / 16%) ; border:  0.25px solid #e5e5e5; padding:  15px !important; } #zmmtg-root.open-zoom-right-sidebar {right:  400px; } #zmmtg-root.open-zoom-left-sidebar.open-zoom-right-sidebar  {right:  400px; } .custom-btn1.custom-complete  {background:  #ebebeb; border-color:  #ebebeb; color:  #222; padding:  12px 20px 9px 20px; } .custom-btn1.custom-resume  {background:  #fff; color:  #373a3d; border:  .1px solid rgba(0,0,0,.5); padding:  12px 20px 9px 20px; } .custom-btn1.dynamic {background:  #3a79e0; border-color:  #3a79e0; width:  auto; height:  45px; display:  flex; align-items:  center; justify-content:  center; margin:  0 auto; max-width:  70%; } .embed-responsive-item iframe {width:  100% !important; } .no-foundOuter.box-outer  {text-align:  left; line-height:  50px; padding-top:  25px; background-color:  #fff; } .no-foundOuter.box-outer h2 {margin:  0; font-weight:  600; font-size:  23px; color:  #373a3d; } .no-foundOuter.box-outer p {line-height:  30px; font-size:  15px; width:  25rem; margin:  15px auto; font-weight:  bold; } .no-foundOuter.box-outer .custom-btn1  {width:  auto; height:  45px; display:  flex; align-items:  center; justify-content:  center; margin:  15px 0 0; max-width:  fit-content; } ::-webkit-scrollbar  {width:  7px !important; display:  none !important; } ::-webkit-scrollbar-thumb  {border-radius:  0px !important; background:  rgba(0, 0, 0, .5) !important; } .error-msg  {color:  red; } #__vconsole {display:  none !important; } /*#zmmtg-root .meeting-client-inner,  #zmmtg-root .meeting-client {width:  100% !important; height:  100% !important; position:  unset !important; } #zmmtg-root .join-dialog {width:  100% !important; } #zmmtg-root #wc-container-left {width:  100% !important; } #zmmtg-root #wc-container-left.show-participants  {width:  70% !important; } #zmmtg-root #wc-container-right {width:  30% !important; } #zmmtg-root .single-main-container__video-frame,  #zmmtg-root .video-share-layout,  #zmmtg-root .single-main-container__main-view video {width:  100% !important; height:  100% !important; } #zmmtg-root #wc-content {display:  flex; flex-wrap:  wrap; } #zmmtg-root .wrapper,  .window-content .wrapper {height:  auto !important; overflow:  unset !important; } #zmmtg-root .meetingouterApp {height:  100%; width:  100%; } #zmmtg-root .open .dropdown-menu,  .open .dropdown-menu,  .chat-header__header .open .dropdown-menu,  .participants-header__header .open .dropdown-menu {display:  block !important; position:  absolute !important; bottom:  100% !important; background-color:  #000000c9; padding:  10px 0px !important; margin-bottom:  10px !important; } #zmmtg-root .chat-header__header .open .dropdown-menu,  #zmmtg-root .participants-header__header .open .dropdown-menu {bottom:  unset !important; margin-bottom:  0 !important; top:  100%; } #zmmtg-root .participants-header__header .open .dropdown-menu li a,  #zmmtg-root .chat-header__header .open .dropdown-menu li a {color:  #fff !important; display:  flex; align-items:  center; } #zmmtg-root .participants-header__header .open .dropdown-menu li a i,  #zmmtg-root .chat-header__header .open .dropdown-menu li a i {position:  unset !important; } #zmmtg-root .open .dropdown-menu.dropdown-menu-right,  #zmmtg-root .open.chat-receiver-list__menu .dropdown-menu,  .open .dropdown-menu.dropdown-menu-right,  .open.chat-receiver-list__menu .dropdown-menu {right:  0 !important; background-color:  unset; padding:  0 !important; }*/ .open.chat-receiver-list__menu .dropdown-menu {left:  0 !important; right:  unset !important; } /*#zmmtg-root .open .dropdown-menu.dropdown-menu-right div,  #zmmtg-root .open.chat-receiver-list__menu .dropdown-menu section,  .open .dropdown-menu.dropdown-menu-right div,  .open.chat-receiver-list__menu .dropdown-menu section  {background-color:  #ffffffc9; padding:  10px 0px !important; box-shadow:  0 0 15px #70707042; border-radius:  10px; } #zmmtg-root .footer-button-base__button,  #zmmtg-root .full-screen-widget  {text-align:  center; } #zmmtg-root .custom-dropdown-menu.dropdown-menu > li a {display:  block !important; } #zmmtg-root .sharee-container__viewport.react-draggable,  #zmmtg-root .sharee-container__canvas,  #zmmtg-root .sharee-container__viewport.react-draggable .sharee-container__canvas,  #zmmtg-root canvas,  #zmmtg-root #wc-leave,  #wc-leave,  .contract-trigger:before {width:  100% !important; height:  100% !important; } #zmmtg-root .chat-receiver-list__receiver {display:  flex !important; align-items:  center !important; padding:  2px 10px 0 !important; } #zmmtg-root .chat-receiver-list__receiver.dropdown-toggle::after,  #zmmtg-root .btn.btn.btn-xs.btn-primary.participants-item__margin-right.ax-outline-blue-important.dropdown-toggle::after {position:  unset !important; } c .btn.dropdown-toggle.btn.btn-xs.btn-primary.participants-item__margin-right.ax-outline-blue-important {display:  flex; align-items:  center; font-size:  13px; } #zmmtg-root #wc-footer  {z-index:  1 !important; } #zmmtg-root .meeting-info-container--right-side  {z-index:  8 !important; } #zmmtg-root .meeting-info-container--left-side  {z-index:  8 !important; } #zmmtg-root .join-dialog  {z-index:  1 !important; }*/ .carousel-inner {overflow:  unset; } .course-info.course-des.course-des-mobile {display:  none; } .embed-responsive {position:  relative; overflow:  hidden; height:  100vh!important; border-radius:  12px; /*box-shadow:  0px 0px 18px rgb(0 0 0 / 10%);*/ background-color:  #fff; } .embed-responsive .embed-responsive-item {/*scale:  .9;*/ position:  relative; /*top:  -63px;*/ /*left:  26px;*/ height: 100vh!important; border-radius: 12px; } #mainContainer  {position:  absolute; top:  30px; } .loginOuter  {background:  linear-gradient(135deg,  #2f75e8 0%,  #30e4a3 100%); background-repeat:  no-repeat; background-position:  center; background-size:  cover; height:  100vh; display:  flex; align-items:  center; justify-content:  center; } .loginOuter .login-form-outer {width:  100%; justify-content:  center; background-color:  #0000004f; } .loginOuter .login-form-inner {width:  25%; padding:  30px; } .loginOuter .login-form-inner h2 {font-size:  22px; font-weight:  600; text-transform:  uppercase; margin:  10px 0 0; font-family:  'NexaXBold'; } .loginOuter ~ .chat-box,  .loginOuter ~ .chat-popup,  .loginOuter ~ .footer-menu  {display:  none; } .user-pic {margin:  0px 0 0; } .user-pic a p {font-size:  16px; font-family:  'NexaLight'; margin:  0; font-weight:  500; } .user-pic a p:nth-child(2) {font-size:  20px; margin:  0px 0; font-weight:  bold; font-family:  'NexaXBold'; text-transform:  capitalize; margin-bottom:  15px; } .user-pic a p:nth-child(3) {font-size:  16px; display:  none; } .swal-text:first-child  {font-size:  16px; font-family:  'NexaLight'; color:  #373a3d; line-height:  20px; padding:  20px !important; margin:  0 !important; text-align:  center; } .swal-button  {background-color:  #3a79e0; color:  #fff; border:  none; box-shadow:  none; border-radius:  5px; font-weight:  600; font-size:  14px; padding:  12px 35px 8px; margin:  0; cursor:  pointer; border-radius:  50px; } .headerTopStatic {position:  sticky; top:  0; background-color:  #fff; z-index:  8; } .headerTopStatic.filter-main {top:  110px; padding:  0 20px 20px; } .innerPageFilter  {position:  sticky; top:  110px; margin-bottom:  10px; z-index:  8; background-color:  #fff; padding-top:  0; } .innerPageFilter .filter-main {padding-top:  0; } .right-part {padding:  0; } .rightSidebarTopHeader {padding:  20px ; background-color:  #fff; } .rightSidebarTabContent  {margin:  10px 20px; } #myDIV,  #emotionalsymptomDIV,  #emotionalWellnessDIV,  #dailyDIV {margin:  0; } #myDIV .row,  #emotionalsymptomDIV .row,  #emotionalWellnessDIV .row,  #dailyDIV .row {margin-left:  0; margin-right:  0; } #myDIV .row .headerTopStatic,  #emotionalsymptomDIV .row .headerTopStatic,  #emotionalWellnessDIV .row .headerTopStatic,  #dailyDIV .row .headerTopStatic {padding:  0; } #myDIV .box-outer,  #emotionalsymptomDIV .box-outer,  #emotionalWellnessDIV .box-outer,  #dailyDIV .box-outer {margin:  0 20px; } .footer-menu  {position:  fixed; left:  0; right:  0; bottom:  0; z-index:  8; background-color:  #3a79e0; padding:  0; display:  none; align-items:  center; justify-content:  center; height:  50px; } .footer-menu ul  {display:  flex; align-items:  center; list-style:  none; padding:  0; flex-wrap: nowrap; margin:  0; justify-content:  space-between; width:  100%; } .footer-menu ul li  {width:  20%; text-align:  center; } .footer-menu ul li a  {display:  flex; flex-wrap:  wrap; align-items:  center; justify-content:  center; color:  #373A3D!important; font-size:  10px; padding:  0; text-align:  center; border:  unset; opacity:  0.5; } .footer-menu ul li a:focus,  .footer-menu ul li a:hover,  .footer-menu ul li a.active {opacity:  1; } .footer-menu ul li a span  {display:  block; width:  100%; margin-top:  5px; position:  unset; height:  auto; border-radius:  unset; background:  unset; font-family:  'NexaBold'; font-size:  10px; color:  #373A3D; line-height:  normal; } .footer-menu ul li a.bell-link1.notification.tool-btn.comman-btn.bell-link {width:  auto; height:  auto; transform:  unset; border:  unset; border-radius:  unset; } .row {margin-left:  0 !important; margin-right:  0 !important; } .headerTopStatic.headerFixed {box-shadow:  0 0 20px #00000057; } .headerTopStatic {} .headerTopStatic .page-head {margin:  20px; } .dashboard-inner.dashboard-new {padding:  0 20px; margin-bottom:  20px; } .pageInner-outer.pageInnerSec-outer {padding:  0px 20px; margin:  0; } .box-outer {margin:  0; } .right-part {z-index:  9; } .rightSidebarTabContent {margin:  0px 20px; } .headerTopStatic.filter-main {position:  unset; border:  unset; margin:  0; } .side-navbar .top-navbar {top:  9px; } .side-navbar {padding:  0; padding-top:  15px; } .user-pic,  .side-navbar .navbar-nav {border-bottom:  1px solid #ffffff69; } .side-navbar .navbar-nav hr {display:  none; } .user-pic {margin-bottom:  15px; } .side-navbar .navbar-nav {padding-bottom:  15px; } .user-pic a {padding:  20px; } .user-pic a p:nth-child(2) {margin-bottom:  0; } .side-navbar .navbar-nav li a {padding:  0.5rem 20px; border-radius:  0; } .bottom-part {margin-top:  15px; } .bottom-part a {padding: 0.5rem 20px; margin: 5px 0; } .swal-footer {display:  none; } .session {margin-bottom:  20px; } .session:nth-last-child(1) {margin-bottom:  0; } .habit-dashboard-head h2 {text-transform:  capitalize; } .session-info .session-info-content ul li {line-height:  15px; } .session-info.session-info1,  .chart-dashboard .session {align-items:  center; } .session-info-check input,  .checkmark,  .session-info-check {height:  20px; width:  20px; margin-right:  10px; } .chart-dashboard .session {padding:  20px; } .course-info {max-width:  100%; } .course-info-content {text-align:  left; } .course-info .contact-course {margin-left: 20px; margin-top: 5px !important; } .course-info-content a.custom-btn1.mt-4 {margin-top:  10px !important; } .side-navbar .navbar-nav li a,  .bottom-part a,  .chart-dashboard-head h2,  .course-info-content h3,  .session-info .session-info-content h3,  h2.course-date,  .course-tabs-inner-head h5,  .habit-dashboard-head h2,  .right-sideCalender .chart-head h3,  .chart-data-inner-left h3,  .contact-course h4,  .contact-course li a,  .pageInnerSec-outer .box-inner h3,  .personality-title h2,  .personality-title p,  .personality-col h4,  .box-outer h3,  label.table-ass-title,  .tableListView .mlhead th {font-size:  16px; line-height:  18px; } .course-info-content p,  .session-info .session-info-content p,  .task-list ul li ul li label {font-size:  14px; line-height:  15px; margin:  6px 0 5px; } .session-info .session-info-content ul li,  #goal .goal-list li,  .task-list .date-list li,  .goal-list li {font-size:  12px; line-height:  15px; } .session-info .session-info-content ul li img,  #goal .goal-list li img,  .task-list .date-list li img,  .goal-list li img {width:  13px; } .chart-head h3 {font-size:  16px; } .course-tabs-inner-inner p,  .course-info-content .course-info,  .course-tabs-inner-inner ul li,  .course-tabs-inner-inner ol li {font-size:  12px; } #goal .course-info-content {margin-bottom:  0; } .chart-data-inner-left p {line-height:  15px; margin:  5px 0 0; } p.course-info.course-des.course-des-mobile  {display:  none; } .personality-title p.description {font-size:  12px; line-height:  15px; margin:  8px 0 0; } .gols-col-outer ul li,  .table-outer tbody tr td {font-size:  14px; line-height:  15px; } .gols-col-outer ul li:before {left:  -15px; top:  2px; } .additional-col img {margin-bottom:  20px; } .values-col-outer .box-inner p,  .values-col-outer .custom-input-group textarea,  .values-col-outer .custom-input-group textarea::placeholder,  .box-outer p,  .beliefs-outer.box-outer p {font-size:  10px; line-height:  14px; font-family: 'NexaBold'; } .course-goal .edit-option,  .habit-dashboard .edit-option,  .task-list .edit-option,  .course-tabs-inner-inner .edit-option {right:  5px; top:  5px; margin-left:  5px; } .habit-inner .chart-head h3 {font-size:  14px; line-height:  15px; } .habit-inner .chart-head .toggle-btn {margin-top:  5px; } .right-part.right-close1 .navbar.top-navbar {top:  unset !important; bottom:  10px; left:  10px; } .custom-menu-modal {width:  100%; } .newentry-inner {min-width:  max-content; padding:  10px; } .newentry-inner ul {padding:  0 !important; } .newentry-inner ul li a  {font-size:  unset; display:  flex; align-items:  center; padding:  8px 10px !important; margin:  0; } .newentry-inner ul li a img {margin-right:  12px; width:  25px !important; height:  25px !important; } .newentry-inner ul li a span {font-size:  18px !important; line-height:  18px; position:  unset; display:  block; } .no-foundOuter.box-outer h2 {font-size:  16px; line-height:  18px; } #kt_carousel_1_carouse2,  #kt_carousel_1_carousel {background-color:  #fff; box-shadow:  0px 0px 18px rgb(0 0 0 / 10%); padding:  20px; margin:  0; border-radius:  8px; margin-top:  0 !important; overflow: hidden; } #kt_carousel_1_carouse2 .carousel-indicators,  #kt_carousel_1_carousel .carousel-indicators {bottom:  10px; } #kt_carousel_1_carousel.home-coursesOuter {padding-bottom:  40px; } #kt_carousel_1_carousel.home-coursesOuter .carousel-indicators {bottom:  10px; } .rightSidebarTabContent .course-tabs-inner-inner p {margin:  0; } #kt_carousel_1_carousel.home-coursesOuter.home-course-not-available {padding:  0; box-shadow:  unset; } .jr-content p {margin-bottom:  0; } .option-tabs  {margin:  15px auto; } .wrapper-1:after  {z-index:  10; } .quote-inner b,  .quote-inner br {display:  none; } .quote-inner a {color:  #fff; display:  block; } .progress-selectBox p {padding:  0; padding-right:  30px; border:  unset; margin:  0; font-size:  12px; cursor:  pointer; } .progress-selectBox .dropdown-menu.custom-dropdown {left:  unset !important; right:  0; } .custom-input-select .custom-dropdown.show {top:  40px !important; width:  100%; } .color-option-outer  {display:  flex; flex-wrap:  wrap; padding:  0 10px; } .color-option  {text-align:  center; } .bg-color-span {width:  50px; height:  50px; display:  block; } .color-option span  {font-weight:  bold; margin:  5px 0; font-size:  11px; position:  relative; display:  flex; align-items:  center; justify-content:  center; } .color-option.active .bg-color-span:after  {content:  "\f00c"; font-family:  'Font Awesome 6 Free'; color:  #fff; font-size:  18px; } button.delete-message-hide  {display:  none; } .chat-outer  {height:  calc(80vh - 20px); background-color:  #fff; box-shadow:  0px 3px 20px rgb(155 155 155 / 11%); border-radius:  10px; display:  flex; flex-direction:  column; } .messages-outer  {height:  100%; overflow:  hidden; overflow-y:  auto; padding:  15px; background-color:  #c3c3c333; margin-bottom:  15px; } .messages-sendBox  {margin-top:  auto; margin:  auto 10px; padding-bottom:  10px; } .messages-outer #messages  {margin:  0; padding:  0; list-style:  none; } .messages-outer #messages li  {border-radius:  0px 10px 10px 10px; background:  #fff; color:  #373a3d; padding:  13px 15px 10px; margin:  15px 0; width:  50%; max-width:  fit-content; font-size:  13px; } .messages-outer #messages li.user-msg {background:  #30b1c3; margin-left:  auto; border-radius:  10px 0px 10px 10px; color:  #fff; } .messages-sendBox form {display:  flex; } .messages-sendBox form textarea  {outline:  unset !important; border:  1px solid #cfcfcf; border-radius:  unset; border-bottom-left-radius:  10px; border-top-left-radius:  10px; } .messages-sendBox form button  {background-color:  #2fe38c; color:  #fff; font-size:  13px; width:  50px; height:  50px; border-radius:  50px; display:  flex; align-items:  center; justify-content:  center; } .form-control.emojionearea .emojionearea-editor {min-height:  0px; max-height:  200px; font-size: 18px; } .form-control.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom {margin-top:  0; right:  0; top:  unset; bottom:  100%; } .form-control.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after  {height:  10px; background-position:  -2px -100px; bottom:  -10px; right:  6px; top:  unset; transform:  rotate(180deg); } .custom-input-group input::placeholder,  .custom-input-group input,  .custom-input-group select::placeholder,  .custom-input-group select,  .custom-input-group textarea::placeholder,  .custom-input-group textarea  {font-family:  NexaBook; } .emojionearea,  .emojionearea.form-control {border:  0.25px solid #2fe38c !important; outline:  unset !important; width:  95% !important; border-radius:  6px !important; } .emojionearea.focused {box-shadow:  unset !important; } .cl-custom-check:checked {color:  #fff; } #page-id-13 .habit-dashboard {margin-bottom:  15px; } #page-id-13 .ui-widget.ui-widget-content {width:  100%; border:  unset; } #page-id-13 .ui-datepicker .ui-datepicker-prev span,  #page-id-13 .ui-datepicker .ui-datepicker-next span {display:  none; } #page-id-13 .ui-state-default,  #page-id-13 .ui-widget-content .ui-state-default,  #page-id-13 .ui-widget-header .ui-state-default,  #page-id-13 .ui-button,  html #page-id-13 .ui-button.ui-state-disabled:hover,  html #page-id-13 .ui-button.ui-state-disabled:active {background:  #fff; border:  0.5px solid #878484; } #page-id-13 .ui-datepicker .ui-datepicker-header {border:  unset; height:  unset; } #page-id-01 .chart-dashboard .session {padding:  15px; } #page-id-03 .contact-course li a {color:  #373a3d; font-size:  14px; display:  inline-block; width:  100%; line-height:  20px; } #page-id-11 .course.course-goal {padding:  15px; margin-bottom:  15px; } #page-id-11 .course-info-content .course-info {margin:  0; } #habit .rightSidebarTabContent .ui-widget.ui-widget-content {border:  unset; width:  100%; } #habit .rightSidebarTabContent .ui-datepicker .ui-datepicker-prev span,  #habit .rightSidebarTabContent .ui-datepicker .ui-datepicker-next span {display:  none; } .ui-datepicker .ui-datepicker-header {height:  auto; padding:  0; border:  unset; } #page-id-01 input[type=text]:focus,  #page-id-01 input:focus,  #page-id-01 textarea:focus,  #page-id-01 select:focus,  input[type=text]:focus,  input:focus,  textarea:focus,  select:focus {outline:  unset !important; } #page-id-04 .page-logo {width:  30px; height:  30px; } .messages-sendBox form {justify-content:  space-between; align-items:  center; flex-wrap:  nowrap; gap: 15px; } .messages-sendBox form #error-message-numerical {display:  block; width:  100%; position: absolute; bottom: 0; } .customHabitDaysDropdown .form-select  {margin:  15px 10px; width:  -webkit-fill-available; padding:  10px 15px; background:  unset; } .customHabitDaysDropdown .habit-week .cl-custom-check + .cl-custom-check-label {line-height:  43px; font-size:  14px; width:  45px; height:  45px; margin:  0; } .customHabitDaysDropdown .habit-week {width:  100%; margin:  15px 10px 0; } #right-menu .customHabitDaysDropdown .col-lg-7 {flex:  unset; width:  100%; } #right-menu .customHabitDaysDropdown .habit-week {margin-left:  0; } #right-menu .customHabitDaysDropdown .habit-week .cl-custom-check + .cl-custom-check-label {line-height:  38px; width:  40px; height:  40px; } .customHabitDaysDropdown.choiseAppoinmentTime .habit-week {margin:  0px 10px 15px; display:  flex; gap:  5px; } .all-goal .course-info-content h2,  .rightSidebarTabContent .course-info-content h2,  .asc-goal .course-info-content h2,  .desc-goal .course-info-content h2 {font-family:  'NexaXBold'; font-size:  16px; line-height:  18px; color:  #000; text-transform:  capitalize; } .custom-input-group.text-center.mt-3  {margin:  15px !important; margin-bottom:  0 !important; } .emojionearea .emojionearea-button {right:  unset !important; left:  5px; top:  unset !important; bottom:  3px; position:  relative !important; } .emojionearea .emojionearea-picker.emojionearea-picker-position-top {right:  unset !important; } #frequency-calender {margin-bottom:  10px; } .blue a {background-color:  blue; background-image:  none; } .red a {background-color:  red; background-image:  none; } .green a {background-color:  green; background-image:  none; } #cke_entry {width:  100%; border-radius:  5px; } .jr-content .course-tabs-inner-head h5  {font-size:  16px; } .jr-content h5  {font-size:  14px; line-height:  15px; } .ms-tabs ul  {padding:  0; height:  auto; border-radius:  50px !important; background:  #fff; } .rightSidebarTabContent .right-side-Tasklist.task-list {padding-left:  15px !important; } .ck-editor__editable_inline  {min-height:  200px; } .task-list  {padding-bottom:  5px!important; } .course-info-content h3  {line-height:  18px!important; } .filterDropInner .form-check  {display:  inline-flex; width:  200px; padding:  0; align-items: center; } .filterDropInner .form-check input {margin-top: 0; } .form-check.form-switch.input_fields_wrap.note  {background:  #fff; box-shadow:  0px 0px 4px rgb(0 0 0 / 12%); margin-bottom:  20px; display:  flex; padding:  10px; border-radius:  7px; width:  250px; justify-content:  space-between; } .btn-check:focus+.btn, .btn:focus{outline: 0; box-shadow: none; } #deleteModal .modal-header{justify-content: center; } #deleteModal button.close{position: absolute; right: 15px; font-size: 25px; color: #000; } #deleteModal .modal-body p {padding: 20px; text-align: center; margin-bottom: 0; } #reasonDeletion .modal-body {text-align: center; } div#reasonDeletion .modal-header h5 {font-size: 18px; text-transform: capitalize; color: #000; } .color-option-outer {margin-top: 5px; margin-bottom: 5px; } .color-option-outer div{margin: 5px; cursor: pointer; } #mainTemplate {display: flex; flex-wrap: wrap; gap: 20px; } .call-page-content-loading {text-align: center; } .call-page-content-loading span {display: inline-block; background: rgba(58 ,121, 224 ,0.6); padding: 5px 20px; color: #fff; margin-top: 5px; } body #zmmtg-root.meetP{display: block !important; right: 400px } body #zmmtg-root.meetP.open-zoom-right-sidebar{right: 0px } @media screen and (max-width: 600px){body #zmmtg-root.meetP{right: 0px } } .quick-links .box h5 {font-family: 'NexaXBold'; } .wellnessMessageShowFixed {border-bottom: 0.1px solid #cdcece; } /* New Css Zoom meeting */ .speaker-active-container__video-frame {top: 0% !important; } div#kt_carousel_1_carousel1 .owl-dot span {display: none; } div#kt_carousel_1_carousel1 .owl-dots  {margin-top: 15px; } /*section#page-id-04 .page-head-title .top-navbar {display: none; }*/ .newentry-inner .customModalRemove {display: none; } .summerydetails {margin-top: 0px; position: relative; z-index: 4; } .summeryBtn {border-radius: 20px; border: 0.5px solid #373a3d; display: inline-block; font-size: 12px; color: #373a3d; font-family: 'NexaLight'; text-align: left; padding: 13px 20px 7px; margin-top: 0px; cursor: pointer; } .summerydetailsContent ul {padding: 0; background: #fff; text-align: left; height: auto; margin: 0; border-radius: 0; } .rightSidebarTabContent .summerydetailsContent ul li .summerydetailsText {flex: 1 0 100%; margin-bottom: 0; } .summerydetailsContent ul li {list-style-type: none; display: flex; font-weight: 400; color: #373a3d; font-family: 'NexaLight'; font-size: 14px; margin: 10px 0px; flex-wrap: wrap; text-align: left; } .rightSidebarTabContent .summerydetailsContent ul li{margin: 7px 0px; } .summerydetailsContent ul li .summeryTitle {flex: 1 0 90%; color: #373a3d; font-family: 'NexaXBold'; } .summerydetailsContent ul li .summeryNum {flex: 1 0 10%; font-family: 'NexaXBold'; text-align: right; } .summerydetailsContent ul li .summerydetailsText {flex: 1 0 100%; margin-bottom: 10px; } .summerydetailsContent span.summerydetailsText a {font-family: 'NexaBold'; color: #3a79e0 !important; padding: 0; } .summerydetailsContent span.summerydetailsText a:hover{color: #3a79e0 !important; } .summerydetailsContent {margin-top: 20px; display: none; } .rightSidebarTabContent .summerydetailsContent{margin-top: 15px; } div#main-total-card .chart-data-inner-inner {align-items: self-start; } .summeryBtn i {margin-right: 5px; } .summerydetailsContent.show {display: block; } .summeryBtn.active .fa-chevron-down:before {content: "\f077"; } div#exampleModal .modal-header .btn-close {display: none; } .entryModalCloseprnt {display: none; } /*=====  hover-effect =====*/ #close-btn:hover {background: #6b9be8; } .icon-list .icon-box {height: 55px; padding-top: 5px; border-radius: 12%; transition: all 0.2s; } .icon-list .icon-box:hover{background: #f7f7f7; } /*.icon-list .icon-box:hover img {filter: none; }*/ a.link-btn-sec {border-radius: 8px; font-size: 16px; font-family: 'NexaLight'; padding: 5px 5px 5px; margin-top: 2px; transition: all 0.2s; } a.link-btn-sec:hover {background: #f7f7f7; } .page-footer {display: none; } .preview-meeting-info .preview-agreement {display: none; } a#getText:hover {background: #6b9be8; } .custom-dropdown label:hover {background: #f7f7f7; border-radius: 5px; } .side-navbar .navbar-nav li a:hover{background: #6b9be8 !important; } body .course-info .contact-course ul li.get-url a{color: #373a3d; font-size: 14px; display: inline-block !important; width: auto !important; line-height: 14px !important; padding: 5px; padding-top: 4px; border-radius: 5px; padding-bottom: 2px; } .course-info .contact-course ul li.get-url a:hover{background: #f7f7f7; } .bottom-part a:hover {background: #6b9be8; } .bottom-part .call-page-content:hover {background: #6b9be8 !important; } .page-head-notify #showmenu:hover {background: #6b9be8; } .page-head-title a.btn.back-btn:hover {background: #6b9be8 !important; } #assessment .table-outer .form-check-input.checked{border: unset; background-color: #2fe38c; box-shadow: unset !important; height: 18px; width: 18px; } #assessment .form-check-input.checked {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 -4 8 8"><circle r="2" fill="%23fff"/></svg>'); } #assessment .box-outer{margin: 0 20px; } .box-outer .box-inner .input-group.custom-input-group.custom-input-label-group {margin-top: 50px !important; } .box-outer .box-inner .input-group.custom-input-group.custom-input-label-group:first-child {margin-top: 0 !important; } form#formId > input + div.input-group.custom-input-group{margin-top: 0 !important; } form#forMobileId > input + div.input-group.custom-input-group{margin-top: 0 !important; } #tool-btn-close .img-fluid{margin-left: -2px; } .personality_uni .box-inner ul li {display: flex; justify-content: space-between; margin-bottom: 15px; } .personality_uni .box-inner ul li span.delete-btn i {color: gray; cursor: pointer; transition: all 0.5s; padding: 5px; border-radius: 4px; } .personality_uni .box-inner ul li span.delete-btn i:hover{background: #f7f7f7; } .add-note {z-index: 5; } #menu-btn i {padding: 4px 6px !important; font-size: 20px; border-radius: 5px; } #menu-btn i:hover{background: #6b9be8 !important; } .bottom-part a.bottom-img.text-center.call-page-content:hover {background: transparent !important; } .optional-label p {text-transform: uppercase; font-size: 10px; margin-bottom: 0px; font-family: NexaBold; padding: 7px 0; color: #dee2e6; margin-left: 5px; } .dfjs-div {display: flex; justify-content: space-between; align-items: center; margin-top: -10px; } .dfjs-div h2 {margin: 0; } .dfjsbtn a{margin-top: 0px !important; margin-bottom: 2px; } .newassesment-modal {position: absolute; z-index: 10000; /* 1 */ top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; } .newassesment-modal.is-visible {visibility: visible; } .modal-overlay {position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: hsla(0, 0%, 0%, 0.5); visibility: hidden; opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s; } .newassesment-modal.is-visible .modal-overlay {opacity: 1; visibility: visible; transition-delay: 0s; } .newassesment-modal .modal-transition {transition: all 0.3s 0.12s; transform: translateY(-10%); opacity: 0; } .newassesment-modal .modal-wrapper {position: absolute; z-index: 9999; top: 6em; left: 50%; width: 32em; margin-left: -16em; background-color: #fff; box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35); border-radius: 13px; background: #fff; overflow: hidden; border: 0.25px solid #545454; } .newassesment-modal .modal-transition {transition: all 0.3s 0.12s; transform: translateY(-10%); opacity: 0; } .newassesment-modal.is-visible .modal-transition {transform: translateY(0); opacity: 1; } .newassesment-modal .modal-header {position: relative; background-color: #fff; box-shadow: none; border-bottom: 0; padding: 0!important; } .newassesment-modal .modal-close {position: absolute; top: 0; right: 0; padding: 1em; color: #aaa; background: none; border: 0; z-index: 9; } .newassesment-modal .modal-close:hover {color: #777; } .newassesment-modal .modal-heading {font-size: 1.125em; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .newassesment-modal .modal-content > *:first-child {margin-top: 0; } .newassesment-modal .modal-content > *:last-child {margin-bottom: 0; } .newassesment-modal .newentry-inner {position: unset !important; display: block; box-shadow: none; border: none; } .newassesment-modal .modal-content {border-radius: 0; border: none; } .newassesment-modal .modal-body {padding: 0 !important; } .modal-header {padding: 0; } /*==== adio-player-css ====*/ #myProgress {width: 100%; background-color: #F1F1F1; cursor: pointer; border-radius: 10px; margin-top: 20px; } #myBar {width: 0%; height: 10px; background-color: #4A75D4; border-radius: 10px; } .btn-ctn {display: flex; align-items: center; justify-content: space-around; width: 90%; margin: 0 auto; margin-top: 15px; } .infos-ctn{display: flex; align-items: center; justify-content: space-between; } .btn-ctn > div {padding: 5px; margin-top: 2px; margin-bottom: 0; text-align: center; cursor: pointer; } div#btn-faws-play-pause i {padding: 0 !important; } .infos-ctn > div {margin-bottom: 5px; color: #4C4C4C; font-size: 10px; font-weight: 500; margin-right: 5px; margin-left: 5px; } div#btn-faws-play-pause {background: linear-gradient(135deg, #3a79e0 0%, #2866c0 46.88%, #1b4d8a 100%); width: 50px; height: 50px; border-radius: 100%; color: #fff; display: flex; justify-content: center; align-items: center; cursor: pointer; } .duration{margin-left: 10px; } .playlist-track-ctn{display: flex; background-color: #464646; margin-top: 3px; border-radius: 5px; cursor: pointer; } .playlist-track-ctn:last-child{/*border: 1px solid #ffc266; */ } .playlist-track-ctn > div{margin:0px; } .playlist-info-track{width: 70%; margin-bottom: -5px!important; } .playlist-info-track,.playlist-duration{padding-top: 7px; padding-bottom: 7px; color: #e9cc95; font-size: 14px; pointer-events: none; } .playlist-ctn {padding-bottom: 0; visibility: hidden; opacity: 0; height: 0; } .active-track{background: #4d4d4d; color: #ffc266 !important; font-weight: bold; } .active-track > .playlist-info-track,.active-track >.playlist-duration,.active-track > .playlist-btn-play{color: #ffc266 !important; } .playlist-btn-play{pointer-events: none; padding-top: 5px; padding-bottom: 5px; } #btn-faws-play-pause .fas{color: #fff; font-size: 20px; } .infos-ctn > div.title {opacity: 0; } .podcast-wraper {width: 100%; height: auto; padding: 15px; position: relative; border-radius: 12px; background: #fdfdfd; border: 0.25px solid #e3e3e3; margin-bottom: 15px; padding-bottom: 5px; padding-top: 5px; } .podcaststatus h2 {font-family: NexaxBold; font-size: 16px; position: relative; margin-bottom: 0; color: #000; } .podcas-title {display: flex; justify-content: space-between; align-items: center; } .podcast-outer {background-color: #fff; box-shadow: 0px 0px 18px rgb(0 0 0 / 10%); padding: 12px; padding-bottom: 5px; margin: 0; border-radius: 8px; margin-top: 0 !important; overflow: hidden; /*padding-right: 35px;*/ } .podcast-outer h3 {color: #000; font-size: 14px; margin-bottom: 0; margin-top: 10px; margin-top: 5px; margin-left: 5px; } .podcastcalender label img {margin-right: 5px; position: relative; top: -2px; } .podcastcalender label {font-size: 14px; color: #000; margin-top: 10px; } .podcas-title.podcas-title-bottom {margin-top: 4px; margin-bottom: 0px; } #btn-faws-rewind img {width: 20px; } div#btn-faws-forward img {width: 20px; } span.backandForword {font-size: 14px; margin: 0px 6px; color: #4C4C4C; position: relative; top: 1px; } .podcast-outer-head {/*display: flex;*/ justify-content: space-between; } .podcast-outer-head .componentsBox .content {margin-bottom: 0; } .podcast-outer-head .switchSmall2 {display: inline-block; } .podcast-outer-head .switchSmall2 input {display: none; } .podcast-outer-head .switchSmall2 small {display: inline-block; width: 40px; height: 18px; background: #F1F1F1; border-radius: 30px; position: relative; cursor: pointer; } .podcast-outer-head .switchSmall2 small:before {content: ""; position: absolute; width: 14px; height: 14px; background: #4C4C4C; border-radius: 50%; top: 2px; left: 5px; transition: .3s; } .podcast-outer-head  .switchSmall2 input:checked ~ small {background: #3a79e0; transition: .3s; } .podcast-outer-head .switchSmall2 input:checked ~ small:before {transform: translate(20px, 0px); transition: .3s; background: #fff; } .session-show-message {margin-left: 15px; } .podcast-header {font-family: NexaXBold!important; } .podcast-subheader {font-family: NexaLight!important; } .owl-theme .owl-nav {display: none; } .playlist-track-ctn > div h5{margin-bottom: 0px; } .playlist-btn-play {margin-bottom: -5px!important; } /*========welcome-modal============*/ #WelcomeModal {background: rgba(0, 0, 0, 0.6); } .welcome-modal-wrapper {position: relative; background: #fff; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; } #WelcomeModal .modal-body {padding: 0; } .welcome-content {position: relative; padding: 45px; } .welcom-top-info {position: relative; text-align: center; padding: 0px; margin-bottom: 35px; } .welcom-top-info h4 {font-size: 30px; position: relative; margin-bottom: 0; color: #000; font-family: NexaxBold; } .welcom-top-info p {font-size: 16px; margin-bottom: 0; color: #000; padding: 8px 110px; font-family: 'NexaBook'; } .welcom-bottom-info {position: relative; text-align: center; } .welcome-content .custom-btn1 {width: 150px!important; font-size: 20px; } .welcom-bottom-info p {margin: 0; padding-bottom: 10px; } #WelcomeModal button.btn-close {position: absolute; top: 0; right: 0; background-color: #fff; z-index: 1; opacity: 1; border-radius: 100%; } #WelcomeModal .modal-header {border: 0; } @media screen and (max-width: 500px){.welcom-top-info p{padding: 8px 50px;} }