@media only screen and (max-width: 767px)  {.newassesment-modal .modal-wrapper {position: absolute; z-index: 9999; top: unset; left: 0; width: 100%; margin-left: 0; 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; bottom: -7px; } .newassesment-modal .newentry-inner {transform: translate(0%, 0%) !important; } .newassesment-modal .newentry-inner ul li a {padding: 5px 5px !important; } .newassesment-modal .newentry-inner ul li a span {color: #373a3d; line-height: 20px; font-size: 16px !important; } .add-note{z-index: 5; } #exampleModal .modal-content {border-radius: 8px; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border: none; } #exampleModal .modal-dialog {height: 100%; display: flex; align-items: end !important; margin: 0 !important; } #exampleModal.modal.fade .modal-dialog {transform: translate(0px, 50px) !important; } div#exampleModal .modal-header .btn-close {position: absolute; right: 15px; top: 15px; display: block; } div#exampleModal .btn-close:focus {outline: 0; box-shadow: none; } .customModalRemove {position: absolute; top: 13px; right: 5px; font-size: 20px; color: #212529 !important; cursor: pointer; z-index: 999; width: 30px; height: 30px; text-align: center; display: block !important; } .right-part {transition: all .8s ease 0s; } .right-part.right-close2  {width:  100%; right:  0; } a#tool-btn-close {left: 142%; position: fixed; bottom: 7px; z-index: 6; transition: all .9s ease 0s; } .right-close2 a#tool-btn-close {left: 15px; } .tool-icon-show li#toolspix > a img {width: 26px!important; height: 26px!important; display: block !important; margin-top: -6px!important; } div#kt_carousel_1_carousel1 .owl-dots {margin-top: 0; } .tags-dropdown.tools .filterDropInner.tag-dropdown {padding-top: 0px; } .filterDropInner.tag-dropdown label,  .filterDropInner.tag-dropdown p, .filterDropInner.tag-dropdown h6, .filterDropInner.tag-dropdown h5, .filterDropInner.tag-dropdown h4, .filterDropInner.tag-dropdown h3{font-size: 18px !important; padding: 8px 5px 5px; width: 100%; justify-content: space-between; font-weight: normal !important; } .course-info-image {overflow: hidden; } section#page-id-04 .page-head-title .top-navbar {display: block; } } @media only screen and (min-width: 992px) {.customModalClose{display: none!important } } @media only screen and (max-width: 1606px)  {.right-part  {} } @media only screen and (max-width:  1366px)  {.course-tabs ul li a  {padding: 0 5px; } .page-head-title h3  {font-size:  25px; line-height:  25px; } .right-part  {} .bell-link1  {right:  0; } } @media only screen and (max-width: 1230px)  {} @media only screen and (max-width: 1237px)  {.page-head-title  {flex:  1; } .page-head-notify  {flex:  1; } } @media screen and (min-width: 1600px) {/*.personality-col {flex: 0 0 19.1% !important; width: 100% !important; }*/ } @media only screen and (max-width: 1060px)  {.right-part {} .custom-btn.comman-btn1.notification.tool-btn.comman-btn.bell-link.bell-link1  {display:  block!important; line-height:  35px; } .left-part.left-phone:after  {display:  none; } .my-container.wrapper  {margin-left:  250px; } .page-head-notify .comman-btn1  {border:  1px solid #fff; line-height:  0; align-items:  center; justify-content:  center; position:  relative; width:  35px; height:  35px; border-radius:  22.5px; line-height:  43px; display:  inline-block; text-align:  center; padding: 0; } .btn-text  {display:  none; } .bell-link  {width:  35px; height:  35px; } /* Removing bell positioning on mobile .bell-link span  {top:  0; right:  0; } */ .bell img  {width:  31px; height:  31px; } } @media only screen and (max-width: 1145px)  {.habit-week .cl-custom-check + .cl-custom-check-label  {width:  44px; height:  44px; line-height:  47px; font-size:  13px; } .habit-week .ui-datepicker-calendar td a,  .habit-week .ui-datepicker-calendar td.ui-state-disabled span  {width:  44px; height:  44px; line-height:  44px; font-size:  13px; margin:  7px auto; } .habit-week  {position:  relative; width:  472px; } } @media only screen and (max-width: 1090px)  {.chart-head  {flex-direction:  column; align-items:  flex-start; } .habit-inner .chart-head h3  {margin-bottom:  5px; } } @media only screen and (max-width: 1070px)  {.habit-week .cl-custom-check + .cl-custom-check-label,  .habit-week .ui-datepicker-calendar td a  {margin:  2px; } } @media only screen and (max-width: 1024px)  {.quote p,  .quote-inner  {font-size:  13px; max-width:  500px; } .course-tabs ul li a  {padding:  0 2px; } .filter-add-section .custom-btn1  {} .wrapper-inner  {padding:  0 10px; } .wrapper  {padding:  0; } .btn-text  {display:  none; } .page-head-title  {flex:  1; } .page-head-notify  {flex:  1; margin-top:  10px; } .filter-add-section .custom-btn1  {padding:  10px 20px 10px 20px; font-size:  12px; } .course-tabs ul li a  {padding:  0; } .page-head  {padding:  11px 20px 19px 20px; } .course-tabs-inner  {padding:  10px; } .course-tabs-inner-inner  {padding:  10px; } .course-tabs-inner-head h5  {font-size:  19px; } .course-tabs-inner-inner p  {font-size:  16px; } .side-navbar.active-nav  {width:  250px!important; margin-left:  -300px; z-index:  1; } .my-container.wrapper.active-cont  {margin:  0; } .page-logo  {display:  none; } #menu-btn  {display:  block; } .page-logo-1  {display:  block; } .menu-btn.side-btn  {display:  none!important; } .side-navbar  {margin-left:  0; z-index:  1; } .wrapper  {position:  relative; } .my-container.wrapper  {margin-left:  250px; } } @media only screen and (max-width: 910px)  {.filter-add-section .custom-btn1  {padding:  12px 20px 11px 20px; font-size:  10px; } } @media only screen and (max-width: 888px)  {.filter-add-section .custom-btn1  {padding:  14px 20px 10px 20px; font-size:  9px; } .habit-week .cl-custom-check + .cl-custom-check-label  {width:  40px; height:  40px; line-height:  40px; } .habit-week .ui-datepicker-calendar td a  {width:  40px; height:  40px; line-height:  40px; } } @media only screen and (max-width: 820px)  {} @media only screen and (max-width: 768px)  {/*Tags Dropdwn Css*/ .custom-input-group.tags-dropdown .bootstrap-tagsinput{flex-wrap: wrap; } .filterDropInner.tag-dropdown label:nth-child(1), .filterDropInner.tag-dropdown h6:nth-child(1) {display: flex; margin-top: 20px; } .filterDropInner.tag-dropdown.show{width: 90%; position: fixed !important; height: fit-content; overflow-x: hidden; z-index: 8; } .filterDropInner.tag-dropdown.show .customModalClose {display: block !important; } .customModalClose {display: block !important; } .filterDropInner.tag-dropdown label, .filterDropInner.tag-dropdown h6{justify-content: space-between; flex-direction: unset; } .filterDropInner.tag-dropdown label, .filterDropInner.tag-dropdown h6{font-size: 18px !important; padding: 8px 5px 5px; font-weight: bold; } .filterDropInner.tag-dropdown input {height: 18px !important; display: block; width: 18px; } .login-text  {padding:  100px 0 0 0; } .login-form-outer  {margin-top:  50px; } .quote p,  .quote-inner  {font-size:  15px; max-width:  100%; } .quote:before,  .quote:after  {display:  none; } .bell-link  {margin:  0!important; } .page-head-notify a.notification img,  .page-head-notify div.notification img  {position:  relative; left:  -1px; top:  -1px; } .page-head-notify .comman-btn img  {position:  relative; left:  1px!important; } .page-head-notify .comman-btn1 img  {top:  0px!important; left:  -1px!important; } .page-head-title  {flex:  auto; } .page-head-notify  {flex:  auto; } .quote  {height:  auto; } .left-close  {width:  50%; } .right-part  {width:  50%; } .right-part  {width:  100%; right:  -142%; } .right-close-phone  {right:  0px; } .right-close-phone1  {right: -20px!important; width:  0!important; } .wrapper-inner  {padding:  0 20px; } .wrapper  {padding:  0; } .left-close  {width:  100%; } .habit-week  {width:  100%; } .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all  {overflow-x:  auto; } .habit-week .ui-datepicker-calendar  {display:  table; transform: translateX(0px) !important; } .habit-week .ui-datepicker-header  {height:  auto; } .chart-head  {flex-direction:  column; text-align:  left; align-items:  self-start; } .habit-inner .chart-head .toggle-btn  {margin-top:  20px; } .session-join  {margin-top:  20px; } .support-footer  {flex-direction:  column; align-items:  flex-start; } .support-footer-pending  {margin-top:  20px; } .support-tkt  {flex-direction:  column; align-items:  flex-start; } .support-tkt ul  {margin:  10px 0; } .notification-inner  {min-width:  max-content; max-width:  max-content; right:  80px; top:  65px; } .session-info  {flex:  auto; } .filter-dropdown  {flex:  auto; } .filter-add-section  {flex:  auto; } .newentry-inner  {min-width:  max-content; } .side-navbar.active-nav  {width:  250px!important; margin-left:  -300px; z-index:  1; } .side-navbar  {width:  100%!important; margin: 0; } .side-navbar.active-nav .top-navbar  {display:  none; } .side-navbar .top-navbar  {display:  block; right:  10px; left:  auto; } .chat-box-close  {display:  none; } .chat-inner  {display:  none; } .chat-button  {width:  50px; height:  50px; line-height:  50px; } .chat-button img  {width:  30px; } .my-container.wrapper.active-cont  {margin:  0; } .page-logo  {display:  none; } a#menu-btn  {display:  block; } .bottom-part a  {padding-left:  30px; } .left-close  {width:  50%; } .right-part  {width:  100%; } #tool-btn-close  {opacity:  1; } /*.right-part  {display: none; }*/ .left-part  {width:  100%; } .right-close-phone  {right:  0px; } .wrapper-inner  {padding:  0 10px; } .wrapper  {padding:  0; } .page-head-notify .comman-btn1  {border:  1px solid #fff; line-height:  0; display:  flex!important; align-items:  center; justify-content:  center; position:  relative; width:  35px; height:  35px; border-radius:  22.5px; line-height:  43px; display:  inline-block; text-align:  center; padding: 0; } .btn-text  {display:  none; } .page-head-title  {flex:  1; } .page-head-notify  {flex:  1; margin-top:  10px; } .filter-add-section .custom-btn1  {padding:  8px 40px 8px 40px; font-size:  14px; } .course-tabs ul li a  {padding:  0; } .page-head  {padding:  11px 20px 19px 20px; } .bell-link  {margin:  0!important; } .course-tabs-inner  {padding:  10px; } .course-tabs-inner-inner  {padding:  10px; } .course-tabs-inner-head h5  {font-size:  19px; } .course-tabs-inner-inner p  {font-size:  16px; } .my-container.wrapper.active-cont .left-part.lefthide  {display:  block!important; } .left-phone  {width:  100%; } .left-phone:after  {display:  none; } .left-phone-open  {display:  none!important; } .right-open-phone  {width:  100%; right:  0; } .left-phone-open1  {display:  block!important; } .right-open-phone1  {width:  0%; right:  -20px; } .rightMside  {width:  100%; right:  0; } .left-part:after  {display:  none; } /*.right-part.right-close1  {width:  100%; right:  0; }*/ .right-part.right-close2  {width:  100%; right:  0; } .bell-link  {width:  35px; height:  35px; } .bell img  {width:  31px; height:  31px; } /* Removing bell positioning .bell-link span  {top:  0; right:  0; } */ .right-part-first-reload {display: none; } } @media screen and (min-device-width: 748px) and (max-device-width: 755px){.my-container.wrapper.active-cont{hegiht: calc(100vh - 150px) !important; } .customModalClose {display: block !important; } .filterDropInner.tag-dropdown.show .customModalClose {display: block; } } @media only screen and (max-width: 767px)  {iframe.google-viewer {height: 66vh !important; } .embed-responsive {position: relative; overflow: visible; max-height: max-content !important; background-color: #fff; min-height: calc(100vh - 105px) !important; } .embed-responsive .embed-responsive-item {position: relative; /*top: -63px;*/ height: 100% !important; border-radius: 12px; width: 100%; margin: 0 auto; } .embed-responsive  div.readability {width: auto; padding: 10px; height:  height:  calc(100vh - 300px) !important; overflow-y: scroll; } iframe#frame_id::-webkit-scrollbar {display: none; } .dashboard-inner.dashboard-new {margin: 0; padding: 0 14px; } .course-info .contact-course {margin-left: 0; margin-top: 1rem !important; } .embed-responsive::-webkit-scrollbar {display: none; } .footer-menu.pdb-15{padding-bottom: 20px !important; height: 60px !important; } .course-info-content .contact-course ul li a i {display: inline-block; } .habit-week.days,  .habit-week.right-days  {display:  flex; justify-content:  space-around; } .filterDropInner.tag-dropdown.show .customModalClose {margin-top: 0px; display: block !important; } .customModalClose {display: block !important; } .filterDropInner.tag-dropdown.show .customModalClose {display: block; } .chat-popup .chat-cross i  {padding-right:  0; } .chart-dashboard .session  {padding:  15px 15px 15px 15px; } .session-join  {margin-top:  20px; } .session-info .session-info-content ul  {flex-direction:  column; align-items:  flex-start; } .session-info.session-info1  {flex-direction:  row; } .session-info.session-info1 .session-info-content  {margin-left:  10px; margin-top:  0; } .course-tabs ul li  {width:  100%; flex:  1 0 20%; margin-bottom:  10px; } .chart-head  {flex-direction:  column; text-align:  left; align-items:  self-start; } .habit-inner .chart-head .toggle-btn  {margin-top:  20px; } .habit-week  {width:  100%; } .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all  {overflow-x:  auto; transform: translateX(0px); } .habit-week .ui-datepicker-calendar  {display:  table; border-spacing: 3px !important; border-collapse: separate; width: auto; } .habit-week .ui-datepicker-calendar  {margin: 0 auto; padding: 8px 0; width: max-content; border-spacing: 3px; border-collapse: separate; transform: translateX(-3px); } .habit-week .ui-datepicker-header  {height:  auto; } .task-list ul li label  {font-size:  16px; } .chart-dashboard  {padding:  15px; } .habit-dashboard  {padding:  20px; } .task-list ul:first-child  {padding:  0; } .course-tabs-inner  {padding:  20px; } .chat-popup  {bottom:  0; height:  100%; right:  0; top:  0; } .chat-text  {position:  absolute; width:  100%; bottom:  0; } .chat-cross  {display:  block; } .btn-text  {display:  none; } .side-navbar.active-nav  {width:  100%; } .my-container.wrapper.active-cont  {margin:  0; } .session-join  {flex:  auto; width:  100%; text-align:  left; } .session-join .custom-btn1  {display:  block; width:  100%; } .my-container.wrapper.active-cont .update-tool #menu-btn  {margin-left:  50px; background:  transparent!important; margin-top:  -8px; } .course-tabs ul li  {width:  100%; flex:  1 0 13%; margin-bottom:  10px; } .dropdown-toggle::after  {right:  100px; } .side-navbar.active-nav .top-navbar {left:  auto; right:  20px; } .page-logo  {display:  none; } a#menu-btn  {display:  block; } .habit-week .cl-custom-check + .cl-custom-check-label  {width:  40px; height:  40px; line-height:  40px; } .habit-week .ui-datepicker-calendar td a  {width:  40px; height:  40px; line-height:  40px; } .filter-main  {flex-direction:  row; align-items:  center; } .filter-add-section  {margin: 0 auto; margin-top: 15px; } .task-list .date-list  {padding-left: 0; } .newentry-inner ul  {height:  auto; align-items:  flex-start!important; } .newentry-inner ul li  {flex:  100%; align-items:  flex-start; justify-content:  flex-start; } .session  {display:  block; } } @media only screen and (max-width: 450px) {.habit-week .cl-custom-check + .cl-custom-check-label,  .habit-week .ui-datepicker-calendar td a  {width:  40px; height:  40px; line-height:  40px; font-size:  14px; } .customModalClose {display: block !important; } .filterDropInner.tag-dropdown.show .customModalClose {display: block; } .habit-inner,  .habit-dashboard  {padding:  10px; } .habit-week .ui-datepicker-calendar th  {padding:  0; } .filter-add-section .custom-btn1  {padding:  8px 28px 5px 28px; font-size:  14px; } } @media only screen and (max-width: 375px) {.habit-week .cl-custom-check + .cl-custom-check-label,  .habit-week .ui-datepicker-calendar td a  {width:  30px; height:  30px; line-height:  30px; font-size:  10px; margin:  1px; } .customModalClose {display: block !important; } .filterDropInner.tag-dropdown.show .customModalClose {display: block; } } @media only screen and (max-width: 340px) {.filter-add-section .custom-btn1  {padding:  8px 14px 8px 14px; font-size:  14px; } .customModalClose {display: block !important; } .filterDropInner.tag-dropdown.show .customModalClose {display: block; } } @media (min-width: 769px) and (max-width: 1070px)  {.habit-dashboard  {padding:  10px; } .habit-inner  {padding:  10px; } .habit-week .cl-custom-check + .cl-custom-check-label,  .habit-week .ui-datepicker-calendar td a  {margin:  1px; } } @media (min-width: 1199px) and (max-width: 1201px)  {.col-xl-6  {flex:  0 0 auto; width:  100%; } .dashboard-new .row .col-xl-6  {width:  100%; flex:  1 0 100%; } .chart-dashboard {padding:  15px; } } @media (min-width: 320px) and (max-width: 767px)  {.wrapper-inner {position:  relative; padding:  0px 5px; } .main-habit-desc .right-sideCalender .habit-week .ui-datepicker-calendar td.ui-state-disabled span{width: 40px !important; height: 40px !important;} .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {overflow-x: auto; transform: translateX(0px); } .ui-datepicker .ui-datepicker-header{width: 100% !important; display: block !important; } .left-part.left-close .habit-week {width: 100% !important; transform: translateX(0px); } .ui-datepicker .ui-datepicker-prev {left: 0px !important; order: 1; } .ui-datepicker .ui-datepicker-next {left: unset; right: 0; order: 3; } .ui-datepicker-title {margin-top: 9px; /* width: 90%; */ order: 2; } .main-habit-desc .right-sideCalender .habit-week .ui-datepicker-calendar td.ui-state-disabled span, .right-sideCalender .habit-week .cl-custom-check + .cl-custom-check-label, .right-sideCalender .habit-week .ui-datepicker-calendar td a, .habit-week .ui-datepicker-calendar td.ui-state-disabled span, .right-sideCalender .habit-week .ui-datepicker-calendar td.ui-state-disabled span {width: 10.8vw !important; height: 10.8vw !important; } .main-habit-desc .open-month {width: 100% !important; } #page-id-13 .ui-widget.ui-widget-content {width: 100% !important; border: unset; } .ui-datepicker .ui-datepicker-header {width: 100%; display: flex !important; align-items: center; justify-content: space-between; } .habit-week .ui-datepicker-calendar {margin: auto !important; padding: 0px; width: max-content !important; border-spacing: 2px !important; border-collapse: separate; transform: translateX(0px) !important; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{position: relative; } .main-habit-desc .right-sideCalender .habit-week .cl-custom-check + .cl-custom-check-label, .main-habit-desc .right-sideCalender .habit-week .ui-datepicker-calendar td a, .main-habit-desc .right-sideCalender .habit-week .ui-datepicker-calendar td.ui-state-disabled span{width: 10.8vw !important; height: 10.8vw !important; } .habit-week .ui-datepicker-calendar {margin: auto !important; padding: 0px; width: max-content !important; border-spacing: 2px !important; border-collapse: separate; transform: translateX(0px) !important; } .entryModalCloseprnt {position: absolute; top: 5px; right: 0px; font-size: 20px; color: #212529 !important; cursor: pointer; z-index: 999; width: 30px; height: 30px; text-align: center; display: block; } div#exampleModal button.btn-close span {opacity: 0; } } @media (min-width: 376px) and (max-width: 385px)  {/*   .habit-week .cl-custom-check + .cl-custom-check-label,  .habit-week .ui-datepicker-calendar td a  {width:  39px; height:  39px; line-height:  39px; font-size:  14px; margin:  1px; }*/ } @media (min-width: 1300px) and (max-width: 1575px)  {.chart-dashboard {padding:  10px; } .chart-dashboard.to-do .session  {padding:  7px 7px; } .chart-dashboard.to-do .session-info .session-info-content  {margin-left:  8px; } .chart-dashboard.to-do .session-info-check input  {height:  20px; width:  20px } .chart-dashboard.to-do .checkmark  {position:  absolute; top:  0%; left:  0%; height:  20px; width:  20px; background-color:  #eee; border-radius:  4px; background:  transparent; border:  1px solid #707070; } .chart-dashboard.to-do .session-info-check .checkmark:after  {left:  7px; top:  4px; } .wrapper  {padding:  0; } .chart-dashboard.to-do .session-info-check  {display:  block; position:  relative; padding-left:  18px; } .dashboard-new .row .col-xl-6:first-child  {padding-right:  7px; } .dashboard-new .row .col-xl-6:last-child  {padding-left:  7px; } .chart-dashboard.to-do .session-info .session-info-content ul li > img  {width:  15px; } .chart-dashboard.to-do .session-info .session-info-content ul li {font-size:  11px; letter-spacing:  0; } .chart-dashboard.to-do .session-info .session-info-content ul li span  {font-size:  11px; letter-spacing:  0.2px; } .chart-dashboard.to-do .session-join img {} .dashboard-inner.dashboard-new .session-info-image  {} .dashboard-inner.dashboard-new .session-info-content  {} .dashboard-inner.dashboard-new .session-info-image img  {display:  inherit; } .dashboard-inner.dashboard-new .session-info .session-info-content  {} .dashboard-inner.dashboard-new .session-info .session-info-content ul li span  {position:  relative; top:  2px; letter-spacing:  .2px; } .dashboard-inner.dashboard-new .session  {padding:  10px 10px; } .dashboard-inner.dashboard-new .session-info .session-info-content ul li:last-child  {margin:  0; } .habit-week .cl-custom-check + .cl-custom-check-label  {margin-left:  0; } .habit-dashboard  {padding:  20px; } .dashboard-inner.dashboard-new .session-blue  {border-left:  8px solid #30b1c3; } .session-info-check input,  .checkmark,  .session-info-check {margin-right:  0; } } @media (min-width: 767px) and (max-width: 1300px)  {.notification-inner  {right:  430px; top:  60px; } } @media screen and (max-width: 1870px) {.personality-col {width:  23.7%; } .sidebarClose .personality-col {width:  18.7%; } .left-close.sidebarClose .personality-col  {width:  23.3%; } .left-close .personality-col  {width:  48.8%; } .gols-col-outer .box-inner {width:  32.1%; } .left-close .gols-col-outer .box-inner  {width:  48.9%; } .left-close.sidebarClose .gols-col-outer .box-inner  {width:  48.8%; } .additional-col img {width:  170px; } .left-close .additional-outer {margin:  0 10px; } .values-col-outer .box-inner {width:  23.6%; } .left-close .values-col-outer .box-inner {width:  31.9%; } .sidebarClose.left-close .values-col-outer .box-inner {width:  23.3%; } .left-close.sidebarClose .active-custom .gols-col-outer .box-inner {width:  48%; } .custom-tabFullwidth.custom-tab .gols-col-outer .box-inner  {width:  23.6%; } .left-close .custom-tabFullwidth.custom-tab .gols-col-outer .box-inner  {width:  31.8%; } .sidebarClose.left-close .custom-tabFullwidth.custom-tab .gols-col-outer .box-inner  {width:  23.2%; } .vision-outer .box-inner {width:  23.8%; } .left-close .vision-outer .box-inner {width:  31.8%; } .chart-data-inner {width:  19%; } .left-close .chart-data-inner  {width:  32.2%; } .sidebarClose.left-close .chart-data-inner  {width:  24%; } .sidebarClose .chart-data-inner  {width:  19.2%; } } @media screen and (max-width: 1800px) {.emojionearea,  .emojionearea.form-control  {width:  90% !important; } } @media screen and (max-width: 1620px) {.left-close .personality-col  {width:  48.7%; } .sidebarClose .personality-col {width:  18.6%; } .gols-col-outer .box-inner  {width:  32%; } .left-close .gols-col-outer .box-inner  {width:  48.8%; } .left-close.sidebarClose .personality-col  {width:  23.2%; } .values-col-outer .box-inner {width:  23.5%; } .left-close .values-col-outer .box-inner {width:  31.7%; } .sidebarClose.left-close .values-col-outer .box-inner {width:  23.2%; } .custom-tabFullwidth.custom-tab .gols-col-outer .box-inner {width:  32%; } .left-close .custom-tabFullwidth.custom-tab .gols-col-outer .box-inner {width:  48.7%; } .sidebarClose.left-close .custom-tabFullwidth.custom-tab .gols-col-outer .box-inner  {width:  31.6%; } .vision-outer .box-inner  {width:  32.2%; } .left-close .vision-outer .box-inner {width:  48.7%; } .left-close.sidebarClose .vision-outer .box-inner {width:  31.7%; } .sidebarClose .chart-data-inner  {width:  19.1%; } .left-close .chart-data-inner  {width:  32.1%; } .course-info.course-info-outer {width:  800px; } .classic .nav-sidebar-header__inner  {padding:  3rem!important; } } @media screen and (max-width: 1570px) {.left-close .dashboard-inner.dashboard-new .col-xl-6 {width:  100%; padding:  0; } .left-close .chart-dashboard.to-do {margin-left:  0; } .personality-col {width:  23.5%; } .gols-col-outer {column-gap:  20px; } .gols-col-outer .box-inner {width:  32.1%; } .left-close .personality-col {width:  48.4%; } .left-close .gols-col-outer .box-inner {width:  48.5%; } .left-close .additional-col img {width:  110px; } .left-close.sidebarClose .personality-col  {width:  48.6%; } .left-close.sidebarClose .gols-col-outer .box-inner {width:  48.6%; } .sidebarClose .personality-col {width:  23.6%; } .sidebarClose .gols-col-outer .box-inner {width:  31.9%; } .values-col-outer .box-inner {width:  23.6%; } .sidebarClose .gols-col-outer .box-inner  {width:  23.4%; } .left-close .values-block-outer {width:  100%; } .left-close .custom-tab .gols-col-outer,  .left-close .next-button-outer {width:  100%; } .left-close .custom-tabFullwidth.custom-tab .gols-col-outer .box-inner {width:  48.4%; } .sidebarClose.left-close .custom-tabFullwidth.custom-tab .gols-col-outer .box-inner {width:  31.4%; } .sidebarClose .custom-tabFullwidth.custom-tab .gols-col-outer .box-inner {width:  31.9%; } .sidebarClose .custom-tab .gols-col-outer .box-inner {width:  48%; } .vision-outer .box-inner {width:  32%; } .left-close .vision-outer .box-inner {width:  48.4%; } .left-close.sidebarClose .vision-outer .box-inner {width:  31.4%; } .chart-data-inner {width:  23.9%; } .left-close .chart-data-inner  {width:  48.8%; } .sidebarClose.left-close .chart-data-inner {width:  32.2%; } .sidebarClose .chart-data-inner {width:  19%; } /*.course-info.course-info-outer {width:  600px; }*/ .no-foundOuter.box-outer p {width:  25rem; } .sidebarClose .summerydetails {margin-top: -6px; } .left-part.left-close .summerydetails {margin-top: -5px; } /*#zmmtg-root {*/ /*    height:  80vh !important;*/ /*    overflow-y:  scroll;*/ /*}*/ } @media screen and (max-width: 1430px) {.personality-col {width:  48.6%; } .left-close .personality-col {width:  48.2%; } .left-close.sidebarClose .personality-col {width:  48.1%; } .sidebarClose .personality-col {width:  23.5%; } .gols-col-outer .box-inner  {width:  100%; } .left-close .gols-col-outer .box-inner  {width:  100%; } .left-close.sidebarClose .gols-col-outer .box-inner {width:  48.5%; } .sidebarClose .gols-col-outer .box-inner {width:  31.9%; } .additional-outer {margin:  0 20px; } .left-close .values-col-outer .box-inner {width:  48.4%; } .values-block-outer {width:  100%; } .values-block-outer .values-col {width:  200px; height:  130px; } .activity-content button {padding:  5px; font-size:  11px; width:  auto; } .custom-tabFullwidth.custom-tab .gols-col-outer .box-inner {width:  31.9%; } .left-close .custom-tabFullwidth.custom-tab .gols-col-outer .box-inner {width:  48.2%; } .sidebarClose.left-close .custom-tabFullwidth.custom-tab .gols-col-outer .box-inner {width:  31.2%; } .sidebarClose .custom-tabFullwidth.custom-tab .gols-col-outer .box-inner {width:  31.8%; } .vision-outer .box-inner {width:  31.9%; } .left-close .vision-outer .box-inner {width:  48.2%; } .left-close.sidebarClose .vision-outer .box-inner {width:  48.5%; } .vision-img {width:  250px; height:  250px; } .vision-img img {width:  100%; } .chart-data-inner  {width:  32.2%; } .left-close .chart-data-inner {width:  100%; } .sidebarClose.left-close .chart-data-inner  {width:  49.1%; } .loginOuter .login-form-inner {width:  30%; } .emojionearea,  .emojionearea.form-control {width:  90% !important; } #settingId .checkboxSec-col.checkbox-col label {width:  100% !important; } } @media screen and (max-width: 1230px) {.course-info.course-info-outer  {width:  100%; } .no-foundOuter.box-outer p {width:  auto; } .loginOuter .login-form-inner {width:  40%; } .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; margin:  2px 0; } .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:  12px; text-align:  left !important; } .course-tabs-inner-inner p,  .course-info-content .course-info {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:  12px; line-height:  15px; } .course-goal .edit-option,  .habit-dashboard .edit-option,  .task-list .edit-option,  .course-tabs-inner-inner .edit-option {right:  10px; top:  5px; } .habit-inner .chart-head h3 {font-size:  14px; line-height:  15px; } .habit-inner .chart-head .toggle-btn {margin-top:  5px; } .bottom-img {padding-bottom:  100px; } .left-part.left-close .habit-week {width: max-content !important; } .habit-week .ui-datepicker-calendar td a,  .habit-week .ui-datepicker-calendar td.ui-state-disabled span {width:  45px; height:  45px; margin:  5px auto; } .course-info-image {width:  100%; height:  150px; } .course-info-image img {height:  100%; } .course-info-content a.custom-btn1.mt-4 {width:  100%; } } @media screen and (max-width: 1060px) {.page-head  {padding:  20px 20px !important; } .left-part.left-close .summerydetails {margin-top: -10px; } .page-head-notify {margin-top:  0 !important; } .wrapper .top-navbar {padding:  0; } .wrapper .top-navbar a#menu-btn {margin:  0; display:  flex; } .side-navbar.active-nav {box-shadow:  unset; } .side-navbar {position:  absolute; z-index:  99; box-shadow:  unset; } .my-container.wrapper {margin-left:  0; } .left-close {width:  100%; } .wrapper .top-navbar {position:  unset; } #tool-btn-close {opacity:  1; margin:  0; } .right-part {padding:  0 15px 15px 15px; } .back-btn {margin-top:  0px; } /*.page-head-notify .notification.tool-btn {*/ /*    width:  45px !important;*/ /*    display:  flex;*/ /*    padding:  0;*/ /*    align-items:  center;*/ /*    justify-content:  center;*/ /*}*/ .page-head-notify a.notification img {margin:  0; } .chart-dashboard.to-do {margin-left:  0; } .personality-col,  .sidebarClose .personality-col,  .left-close.sidebarClose .personality-col,  .left-close .personality-col {width:  48.5%; } .personality-option-outer,  .sidebarClose .personality-option-outer,  .left-close .personality-option-outer,  .left-close.sidebarClose .personality-option-outer {column-gap:  21px; } .gols-col-outer .box-inner,  .sidebarClose .gols-col-outer .box-inner,  .left-close .gols-col-outer .box-inner,  .left-close.sidebarClose .gols-col-outer .box-inner {width:  100%; } .gols-col-outer,  .sidebarClose .gols-col-outer,  .left-close .gols-col-outer,  .left-close.sidebarClose .gols-col-outer {column-gap:  21px; } .custom-tab .gols-col-outer {width:  100% !important; } .custom-tab .gols-col-outer .box-inner {width:  48%; } .custom-tabFullwidth.custom-tab .gols-col-outer .box-inner  {width:  31.8% !important; } .values-col-outer .box-inner,  .vision-outer .box-inner {width:  31.9% !important; } .vision-outer {column-gap:  20px !important; } .chart-data-inner  {width:  32.2% !important; } .new-entry-mobile-hide {display:  none; } .right-part.right-close1 .chart-data-inner  {width:  100% !important; } /*#zmmtg-root.open-zoom-left-sidebar  {left:  0 !important; } #zmmtg-root.open-zoom-right-sidebar {right:  0; } #zmmtg-root.open-zoom-left-sidebar.open-zoom-right-sidebar  {right:  0; }*/ .loginOuter .login-form-inner {width:  35%; } .right-part {z-index:  9; } .left-part.left-close .habit-week {/*    width:  472px;*/ } } @media screen and (max-width: 1060px) {.wrapper-inner {padding:  0; } #zmmtg-root {margin:  20px 20px; }*/ .rightSidebarTopHeader {padding:  20px; } .headerTopStatic.filter-main {padding:  0px 20px 20px; } .right-part {padding:  0; } #tool-btn-close {width:  35px; height:  35px; } .right-part.right-close1 .navbar.top-navbar,  .right-part.right-close .navbar.top-navbar {top:  unset; bottom:  10px; position:  fixed; left:  unset; z-index:  9; } .right-part.right-close .navbar.top-navbar {display:  none; opacity:  0; right:  -10%; transition:  all .8s ease 0s; } .right-part.right-close1 .navbar.top-navbar  {display:  block; opacity:  1; right:  calc(400px - 55px); } .headerTopStatic.filter-main {top:  110px; } .headerTopStatic {margin-bottom:  0px; } #zmmtg-root .align-middle.av-preview-container {height:  330px !important; } #zmmtg-root #media-preview-avatar  {top:  0 !important; margin-top:  0 !important; } #zmmtg-root .media-preview-container {display:  flex; align-items:  center; justify-content:  center; flex-wrap:  wrap; } .left-part.left-close .main-habit .habit-inner .col-lg-7 .habit-week,  .left-part .main-habit .habit-inner .col-lg-7 .habit-week {width:  400px; } } @media screen and (max-width: 800px) {.table-outer {overflow-x: scroll !important; } .side-navbar {width:  40% !important; box-shadow:  unset; } .right-part.right-close1 {width:  60%; } .chart-dashboard {padding:  15px; } .personality-option-outer,  .gols-col-outer {column-gap:  unset !important; justify-content:  space-between !important; } .personality-col,  .gols-col-outer .box-inner {width:  100% !important; } .additional-col img  {width:  120px; } .next-button-outer {width:  100%; } .custom-tabFullwidth.custom-tab .gols-col-outer .box-inner  {width:  49% !important; padding:  15px; } .custom-tabFullwidth.custom-tab .gols-col-outer .box-inner.w-100.text-start {width:  100% !important; } .values-col-outer .box-inner,  .vision-outer .box-inner {width:  48% !important; } .beliefs-outer .gols-col-outer .box-inner {width:  100% !important; overflow:  auto; } .beliefs-outer .gols-col-outer .box-inner table {width:  1000px !important; } .assessmen-outer {column-gap:  unset; justify-content:  space-between; } .chart-data-inner {width:  48% !important; } .page-head-title {width:  100%; flex:  unset !important; } .box-outer {padding:  10px; } #menu-btn {margin-top:  7px; } .page-head  {padding:  11px 20px 25px 20px; } .right-part.right-close1 .chart-data-inner  {width:  100% !important; } #zmmtg-root {margin:  20px 20px; padding:  10px; border-radius:  10px; } ::-webkit-scrollbar  {width:  0px; } .loginOuter .login-form-inner  {width:  50%; } .loginOuter .login-form-outer {margin:  0; } .embed-responsive .embed-responsive-item  {/*left:  -8px;*/ } .right-part.right-close1 .navbar.top-navbar {right:  calc(60% - 55px); } } @media screen and (max-width: 600px) {.my-container.wrapper.active-cont  {margin:  0; height: calc(100vh - 50px); } .headerTopStatic {margin-bottom:  10px; } .additional-col {max-width: 100%; } .side-navbar {width:  100% !important; } .right-part.right-close1 {width:  100%; z-index:  9; padding-bottom:  0px; } .left-part.left-close .summerydetails {margin-top: -20px; } .bottom-part {padding-bottom:  50px; } .page-head {padding:  0px 10px 12px 10px; } .page-head-title h3  {font-size:  23px; top:  9px; line-height:  unset; } #menu-btn i {font-size:  20px; } .page-head-notify div.notification {width:  35px; height:  35px; } .bell img {width:  auto; height:  31px; } .page-head-notify .notification.tool-btn {width:  35px !important; height:  35px !important; } .chart-dashboard {padding:  10px; margin-bottom:  15px; } .owl-item .course {padding:  15px; margin-bottom:  0; } .chart-dashboard .course-info-content {margin-left:  0; } .chart-dashboard .session,  .quote {padding:  10px; } .quote-inner p {text-align:  center; } .filter-dropdown {width:  50%; } .filter-main,  .filter-dropdown form {flex-wrap:  nowrap; justify-content:  space-between; width:  100%; } .filter-dropdown {margin-bottom:  0px; margin-right:  15px; } .filter-dropdown form select,  .filter-dropdown form a,  .dropdownOuter {width:  100%; margin-right:  5px; } .multiselect {width:  47%; } .multiselect .selectBox select,  .dropdownOuter button {width:  100%; } .filter-add-section .custom-btn1 {width:  100% !important; padding:  12px 5px 10px 5px; font-size:  14px; margin:  0 !important ; } .course-info-content {margin-left:  0; } .course {padding:  15px; } .box-inner {padding:  10px; } .pageInnerSec-outer .box-inner h3,  .personality-title,  .box-outer h3 {margin-bottom:  15px; } .personality-title h2,  .personality-title p {font-size:  25px; line-height: 22px; } .personality-title p.description {font-size:  15px; } .personality-col,  .gols-col-outer .box-inner {width:  100% !important; height:  auto; } .gols-col-outer ul {height:  auto; } .custom-input-group textarea {height:  100px; } .back-btn {width:  35px; height:  35px; } .values-block-outer .values-col  {width:  47%; height:  110px; } .values-col.active .activity-content h3  {color:  #fff; font-size:  20px; margin:  0; } .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-size:  14px; } .activity-content {display:  flex; flex-wrap:  wrap; } .custom-tabFullwidth.custom-tab .gols-col-outer .box-inner,  .values-col-outer .box-inner,  .vision-outer .box-inner {width:  100% !important; } .habit-dashboard-head h2 {font-size:  18px; } .task-list {padding:  15px 15px 15px 45px; } .task-check-outer .session-info-check input {width:  20px; height:  20px; } .task-check-outer .checkmark {width:  20px; height:  20px; } .task-check-outer .session-info-check  {position:  absolute; left:  -25px; top:  0px; width:  20px; height:  20px; } .course-tabs-inner-head {flex-wrap:  wrap; } .course-tabs-inner-head h5 {width:  100%; } .course-tabs-inner {padding:  15px; } .custom-input-group label {font-size:  12px; line-height:  18px; margin-bottom:  0; } .chart-data-inner  {width:  100% !important; padding:  15px; } .right-part .filter-dropdown form select,  .right-part .dropdownOuter {margin-right:  0; width:  49%; } .custom-menu-modal  {width:  100%; left:  0; padding:  15px; right:  0; min-width:  unset; } .newentry-inner ul li a {margin:  5px 0; padding:  10px; font-size: 18px; } .right-part .newentry-inner {padding:  15px 0; } .right-part .newentry-inner ul li a {padding:  0 10px; } .left-part {position:  unset; height:  auto; overflow:  unset !important; padding:  0; } .activity-content {justify-content:  center; } .range-slider {width:  90%; } .rightMside .task-list {padding:  15px 15px 15px 20px; } .notification-inner.bell-wrapper {position:  fixed; /*position:  absolute;*/ max-width:  100%!important; width: 100%!important; bottom:  0px!important; margin:  0 auto !important; left:  0; right:  0 !important; border-radius:  8px; padding:  15px; z-index:  999999999; box-shadow: none!important; border: none; font-family:  'NexaLight'!important; top: inherit !important; bottom: 0 !important; border-bottom-right-radius: 0; border-bottom-left-radius: 0; box-shadow: 0 0 15px #a6a6a678!important; } .wrapper-1:after{opacity: 0; } .filter-add-section {position:  unset; /*width:  33%;*/ margin-top:  0px; } .no-foundOuter.box-outer.box-hide.show-add-courses h2 {margin-bottom: 15px; } .newentry-inner {margin:  175px auto; min-width:  auto; width:  90%; left:  0; right:  0; width: 100%!important; /* box-shadow: rgb(0 0 0 / 61%) 0px 0px 20px 700px; */ box-shadow: 0 0 15px #a6a6a678!important; padding: 15px; position: fixed !important; left: 0 !important; right: 0; margin: 0 auto; /* top: 33vh !important; */ inset: 50% 50% !important; transform: translate(-50%, 0%) !important; bottom: 0; height: 450px; overflow-y: scroll; border: none; } .add-edit-option {margin:  0; top:  30px; right:  15px; width:  fit-content; left:  unset; z-index:  9999999; } .chart-data-inner-inner .add-edit-option {top:  15px; } label.table-ass-title {line-height:  normal; font-size:  18px; margin:  8px 0 !important; } label.title-descr  {font-size:  13px !important; } .table.table-striped.table-bordered {width:  auto; } .tableDesktopView {display:  none; } .tableListView.table.table-striped.table-bordered  {display:  block; width:  unset !important; } .table-outer .tableListView .form-check-input {margin-top:  1px; margin-right:  10px; } /*.left-part.left-close {z-index:  1; }*/ .right-part .multiselect-right-sidebar {width:  49% ; } .right-part .multiselect-right-sidebar select {width:  100% !important; } .right-part .multiselect-right-sidebar .selectBox-right-sidebar {position:  relative; } .right-part .left-part {padding:  0; } .new-entry-desktop-hide {display:  show; } #checkboxes,  #siderbar_checkboxes,  .custom-dropdown.show,  .custom-input-select .custom-dropdown.show, .filterDropInner.tag-dropdown.show {width:  100%!important; /*box-shadow:  rgb(0 0 0 / 61%) 0px 0px 20px 700px;*/ box-shadow: 0 0 15px #a6a6a678!important; padding:  15px; position:  fixed !important; left:  0 !important; right:  0; margin:  0 auto; /*top:  33vh !important;*/ inset:  50% 50% !important; transform:  translate(-50%,  0%) !important; bottom: 0; height: 450px; overflow-y: scroll; border:  none; padding-bottom: 50px; } #checkboxes label,  #siderbar_checkboxes label,  .custom-dropdown label, .filterDropInner.tag-dropdown label, .filterDropInner.tag-dropdown h6 {font-size:  18px; margin-bottom:  10px; padding:  8px 5px 5px; width:  100%; } #checkboxes input,  #siderbar_checkboxes input,  .custom-dropdown label input {width:  18px; height:  18px; margin:  0; margin-right:  9px; margin-top:  3px; } .custom-dropdown label input[type="radio"], .filterDropInner.tag-dropdown label input[type="radio"], .filterDropInner.tag-dropdown h6 input[type="radio"] {display:  block; margin-left:  auto; } .course-info.course-info-outer  {grid-template-columns:  repeat(1,  1fr); } .course-info {flex-wrap:  wrap; row-gap:  15px; } .course-info-content {margin-bottom:  20px; } .chart-dashboard.to-do .session {flex-wrap:  wrap; } .course-info.course-des.course-des-desktop {display:  none; } .course-info.course-des.course-des-mobile {display:  block; color:  #4a4a4a; font-size:  16px; text-align:  justify; margin:  20px 0; font-family:  'NexaBook'; line-height:  25px; } .loginOuter .login-form-inner  {width:  90%; padding:  20px 15px; } .page-head-notify .notification.tool-btn.topHeaderIcon,  .page-head-notify .topHeaderIcon,  .comman-btn1.notification.tool-btn.comman-btn.topHeaderIcon.custom-btn.bell-link.bell-link1 {display:  none !important; } .footer-menu {display:  flex; z-index: 8; } html,  body {overflow:  hidden !important; } .wrapper {overflow-y:  auto !important; display:  flex; flex-wrap:  wrap; padding-bottom:  50px !important; } div#left_part,  .wrapper-inner {padding:  0; } .page-head {margin:  0 0 20px; border-radius:  0; } .headerTopStatic .page-head {margin:  0; display:  flex; align-items:  center; padding:  15px; } .innerPageFilter {top:  90px; padding:  0 10px; } .footer-menu {position:  fixed; width:  100%; margin-top:  auto; box-shadow:  0px 0px 18px rgb(0 0 0 / 10%); background-color:  #fff; padding:  8px 0px; } .dashboard-inner.dashboard-new {margin:  0; padding:  0 14px; } .pageInner-outer.pageInnerSec-outer {padding:  0 14px; } .user-pic a {padding:  20px 30px; } .side-navbar .navbar-nav li a {padding:  .5rem 30px; } .left-part .row {padding:  0; } .right-part.right-close1 .navbar.top-navbar,  .right-part.right-close .navbar.top-navbar {top:  unset; bottom:  10px; left:  10px; display:  block; position:  fixed; right:  unset; } .right-part.right-close .navbar.top-navbar {transition:  all .8s ease 0s; left:  100%; } .right-part.right-close1 .navbar.top-navbar {/* transition:  all .8s ease 0s;*/ left:  15px; } .rightSidebarTopHeader {padding:  0; } .course-tabs ul {border-radius:  0; } .rightSidebarTabContent {margin:  0 15px; background:  #fff; position:  relative; padding:  0px 0px; } #zmmtg-root {margin:  0px 0px; border-radius: 0px; top:  70px !important; } .window-content-bottom .wrapper {display:  block; padding-bottom:  0 !important; } #checkboxes,  #siderbar_checkboxes,  .custom-dropdown.show {z-index:  9999 !important; } .course {margin-bottom:  30px; } .carousel-indicators.carousel-indicators-dots  {bottom:  0px; } .right-side-Tasklist  {padding-left:  15px !important; } .task-list .date-list li {margin-right:  10px; } .filter-add-section .newentry-inner {position:  fixed; top:  50%; box-shadow:  rgb(0 0 0 / 61%) 0px 0px 20px 700px; z-index:  9; transform:  translate(-50%,  -50%); margin:  0; left:  50%; } .filter-add-section .newentry-inner ul li a span {font-size:  15px !important; line-height:  22px; color:  #212529; } .filter-add-section .newentry-inner ul li a img {opacity:  1; width:  35px !important; height:  35px !important; } .ReactModal__Content {width:  95% !important; margin:  0 auto !important; } .common-window {width:  100% !important; } .no-foundOuter.box-outer .custom-btn1 {height:  auto; width:  100%; max-width:  unset; line-height:  normal; } .settings-dialog {width:  100% !important; height:  100% !important; } .settings-dialog .settings-tabs {flex-wrap:  wrap !important; } .settings-dialog .settings-tabs>.zmu-tabs__tab-container {width:  100% !important; border:  unset !important; } #zmmtg-root .open .dropdown-menu,  .open .dropdown-menu,  .chat-header__header .open .dropdown-menu,  .participants-header__header .open .dropdown-menu {left:  unset !important; right:  unset !important; } .habit-inner .chart-head h3 {width:  100%; } .course_hide .course-info-content {margin-left:  0; } .activity-content button {width:  80%; justify-content:  center; margin:  2px; } #kt_carousel_1_carousel.home-coursesOuter  {padding-bottom:  20px; } .course-info-content a.custom-btn1.mt-4 {max-width:  100%; } .rightSidebarTabContent .course.course-goal {margin-bottom:  15px; } .reaction-picker {left:  -10px !important; } .settings-dialog .settings-tabs>.zmu-tabs__tabpanel--active {padding:  10px !important; width:  100%; } .mask-area,  .mask-area__error {width:  auto !important; } .meeting-info-icon__meeting-paper {padding:  10px !important; width:  auto !important; } .meeting-info-icon__info-row {flex-wrap:  wrap !important; } .meeting-info-icon__row-title,  .zm-modal {width:  100% !important; } .third-part-app-info__panel {width:  auto !important; padding:  15px !important; } .meeting-info-icon__meeting-topic-text {font-size:  14px !important; margin:  0 !important; margin-bottom:  5px !important; } .meeting-info-icon__info-row {min-height:  auto !important; line-height:  18px !important; margin:  0 !important; } .meeting-info-icon__meeting-paper,  .disclaimer__body-part {font-size:  12px !important; } .zm-modal .zm-modal-body-title {font-size:  16px !important; } .option-tabs {margin:  15px auto; } .settings-dialog .zm-checkbox-message  {font-size:  10px !important; line-height:  20px !important; } .mask-area {height:  180px !important; } .settings-dialog .settings-tabs>.zmu-tabs__tab-container .zmu-tabs__tabs-list {flex-direction:  row !important; flex-wrap:  wrap !important; } .settings-dialog .settings-tabs>.zmu-tabs__tab-container .zmu-tabs__tab-bar {width:  50% !important; } .pop-panel__panel {left:  calc(100% - 65px) !important; } .report-participants,  .common-window-2,  .css-sv3j21-control {width:  auto !important; } #kt_carousel_1_carouse2,  #kt_carousel_1_carousel {padding:  10px; } #kt_carousel_1_carouse2{padding-bottom: 32px; } #kt_carousel_1_carouse2 .carousel-indicators{bottom: 12px; } .progress-selectBox .dropdown-menu.custom-dropdown {left:  50% !important; } .dropdownOuter.progress-selectBox {width:  auto; } .course-info-content a.custom-btn1.mt-4,  .custom-btn1  {width:  50% !important; margin:  15px auto 0 !important; display:  block; max-width:  unset !important; line-height:  normal; padding:  12px 5px 10px 5px; } .messages-outer {padding:  10px; } .messages-sendBox form button {padding:  5px 20px; } .messages-sendBox form textarea {height:  60px; } .messages-outer #messages li {margin:  0px 0 10px; width:  100%; } .session  {margin-bottom:  15px; } .goalCustomDrop {height:  500px !important; overflow-y:  scroll !important; } .session-info-check {margin-right:  0; } .chart-dashboard .session,  .quote {padding:  10px 12px; } .course.course-goal {margin-bottom:  15px; } .course.course-goal .course-info-content {margin-bottom:  0px; } .entry-form-outer .dropdownOuter.custom-input-select {width:  100%; } #kt_carousel_1_carousel .carousel-indicators {bottom:  12px; } .table.table-striped.table-bordered .form-check-input {margin-top:  -1px !important; } .table-outer tbody tr td  {font-weight:  600; padding:  0.8rem .5rem 0.7rem; line-height:  17px; } #menu-btn i {padding:  0; } a#menu-btn {width:  auto; line-height:  normal; position:  unset; display:  flex; align-items:  center; justify-content:  center; margin:  0; } .wrapper .top-navbar {position:  unset; padding:  0; align-items:  stretch; justify-content:  unset; } .page-head-notify div.notification {margin:  0; } .page-head-notify {margin:  0; } .page-head-title {align-items:  baseline; } .page-head-title h3 {position:  unset; line-height:  15px; } #page-id-14 .task-list ul li label {margin-bottom:  10px; } #page-id-14 .task-check-outer .session-info-check {left:  -30px; } #page-id-03 .course-info-outer .course-info-image {margin-bottom:  0; } #page-id-03 .contact-course li a {color:  #373a3d; } #page-id-01 #kt_carousel_1_carouse2 .carousel-indicators {bottom:  12px; } .habit-week .cl-custom-check + .cl-custom-check-label,  .habit-week .ui-datepicker-calendar td a {width:  40px !important; height:  40px !important; line-height:  42px; } .right-sideCalender .habit-week .cl-custom-check + .cl-custom-check-label,  .right-sideCalender .habit-week .ui-datepicker-calendar td a,  .habit-week .ui-datepicker-calendar td.ui-state-disabled span,  .right-sideCalender .habit-week .ui-datepicker-calendar td.ui-state-disabled span {width: 10.8vw; height: 10.8vw; line-height:  42px; } .habit-week .ui-datepicker-calendar td a,  .right-sideCalender .habit-week .ui-datepicker-calendar td a,  .habit-week .ui-datepicker-calendar td.ui-state-disabled span,  .right-sideCalender .habit-week .ui-datepicker-calendar td.ui-state-disabled span {line-height:  35px; } .right-part .filter-dropdown form select,  .right-part .dropdownOuter button {width:  100%; } .habit_filter.custom-dropdown,  .habit_tool_filter.custom-dropdown,  .goal_tool_filter.custom-dropdown,  .goal_filter.custom-dropdown,  .custom-dropdown.customScrollDropDown {/*height:  70vh;*/ overflow-y:  scroll; } .customHabitDaysDropdown .habit-week .cl-custom-check + .cl-custom-check-label {line-height:  33px; } .customHabitDaysDropdown .habit-week,  .customHabitDaysDropdown.choiseAppoinmentTime .habit-week {margin:  0; } .emojionearea,  .emojionearea.form-control {width:  84% !important; margin-bottom:  5px; } .messages-sendBox form button {width:  40px; height:  40px; padding:  0; } #exampleModal .modal-dialog {height:  100%; display:  flex; align-items:  center; } .habit_filter.custom-dropdown label,  .habit_tool_filter.custom-dropdown label,  .goal_tool_filter.custom-dropdown label,  .goal_filter.custom-dropdown label,  .custom-dropdown label {margin-bottom:  0; } #frequency-calender .habit-week.days label,  .choiseAppoinmentTime .habit-week.days label {width:  40px !important; height:  40px !important; line-height:  28px !important; } .messages-sendBox form {justify-content:  space-between; } .tool-icon-show .footer-menu {width:  44px!important; border-radius:  60px; height:  44px; margin:  -66px 15px 15px auto; } .tool-icon-show .footer-menu ul li {display:  none; } .tool-icon-show .footer-menu ul li:nth-last-child(1) {display:  block; width:  100%; } /*.wrapper-1:after,  .wrapper-2:after {position:  absolute; z-index: 1; }*/ .left-part.left-close .main-habit .habit-inner .col-lg-7 .habit-week ,  .left-part .main-habit .habit-inner .col-lg-7 .habit-week {width:  100%; } .habit-week .ui-datepicker-calendar td a,  .habit-week .ui-datepicker-calendar td.ui-state-disabled span {margin:  5px 0; } .checkbox-main-outer {gap:  5px !important; flex-wrap:  wrap !important; } .checkbox-outer {gap:  5px !important; } .side-navbar .close-btn img {transform: rotate(0deg)!important; } } @media only screen and (max-width: 767px)  {div#kt_carousel_1_carousel {padding-bottom: 32px; } .summerydetailsContent ul li .summeryTitle {flex: 1 0 70% } .summerydetailsContent ul li .summeryNum {flex: 1 0 30% } .summerydetailsContent ul li .summerydetailsText {flex: 1 0 100%; } .filter-add-section .newentry-inner {inset: unset !important; transform: unset !important; left: 0 !important; top: unset !important; bottom: 0 !important; height: 395px !important; } .entryModalCloseprnt {position: fixed; top: unset; right: 0px; font-size: 20px; color: #212529 !important; cursor: pointer; z-index: 999; width: 30px; height: 30px; text-align: center; display: block; bottom: 354px; } div#task-tool .tags-dropdown.tools .filterDropInner.tag-dropdown {padding-top: 25px; } div#right-menu .course-tabs .dropdown-menu.filter_drop {inset: unset !important; transform: unset !important; bottom: 0 !important; top: unset !important; left: 0 !important; height: 395px !important; } } @media screen and (min-width: 601px) {.new-entry-desktop-hide {display:  none; } } @media screen and (max-width: 380px) {.messages-sendBox form button {margin-left:  auto; } } @media (min-width: 320px) and (max-width: 450px)  {.chart-data-inner-left {flex: 0 0 70%; } .summerydetails {margin-top: 10px !important; } div#right-menu .chart-data-inner-right {position: unset; } } @media only screen and (max-width: 1024px)  {.add-note{z-index: 5; } } @media (min-width: 1200px)  {.col-xl-12 {flex: 0 0 auto; width: 60%; } } @media (min-width: 1200px)  {.col-xl-13 {flex: 0 0 auto; width: 100%; } } @media screen and (max-width: 1570px)  {.left-close .dashboard-inner.dashboard-new .col-xl-12 {width: 100%; padding: 0; } } @media only screen and (max-width: 600px)  {.embed-responsive {margin: 0 -14px; } } @media (max-width: 1200px)  {.session-show-message {margin-left: 0px; } }