.container-fluid iframe {
  width:100%;
  height:100%;
  border:0;
}


body {
  width: 100%;
  height: 100%;
}

#menu {
  background-color:#f7f7f7;
}

#menu ul {
  padding-left:0;
}

#menu ul li {
  padding:10px;
  list-style: none;
}

.slideout-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 256px;
  min-height: 100vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 0;
  display: none;
}

.slideout-menu-left {
  left: 0;
}

.slideout-menu-right {
  right: 0;
}

.slideout-panel {
  position: relative;
  z-index: 1;

  background-color: #FFF; /* A background-color is required */
  min-height: 100vh;
  
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);	
}

input, input:focus, textarea, textarea:focus {
       
       outline-color:#dadada !important;
        outline:0; /* I have also tried outline:none */
        -webkit-appearance:none !important;
        box-shadow: none !important;
          -moz-box-shadow: 0px 0px #dadada !important;
                -webkit-box-shadow: 0px 0px #dadada !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        outline-color:transparent !important;
        box-shadow: 0 0 0px #dadada !important;
                -moz-box-shadow: 0 0 0px #dadada !important;
                        -webkit-box-shadow: 0 0 0px #dadada !important;
}

button {
      outline: 0 !important;
        -webkit-tap-highlight-color: transparent;
}

textarea, select, input, button { outline-style: none } 

textarea:focus, input:focus {
outline: none  !important;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}


html {
  font-size: 10px;
}

body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #999999;
  font-size: 1.5rem;
  background: #fff;
}

.fs-default {
  font-size: 1.5rem;
}

a, a:hover, a:focus, .trans3ms, .btnSuccess, .btnTheme {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}

.clrTheme {
  color: green;
}

.clrBlack {
  color: #000;
}

.clrLight {
  color: #7b7b7b;
}

.borderClr {
  border-color: #d4d4d4;
}

.bold, .myAccountTabs .nav-link.active, strong, b {
  font-weight: 900;
}

.btnTheme {
  background: green;
  color: #fff;
  font-size: 2.6rem;
  border-radius: 1rem;
  outline: none; outline-style: none;
  border: none;
}
.btnTheme:hover {
  background: green;
}

.btnSuccess {
  background: #2eb000;
  color: #fff;
  font-size: 2.6rem;
  border-radius: 1rem;
  outline: none; outline-style: none; 
  border: none;
}
.btnSuccess:hover {
  background: #2eb000;
}

header {
  background: #ffffff;
  color: green;
  height: 44px;
  z-index: 100;
  width:100%;
  position:fixed;
-webkit-box-shadow: 0px 1px 11px 1px rgba(0,0,0,0.13); 
box-shadow: 0px 1px 11px 1px rgba(0,0,0,0.13);
}

.navbars {
  background: none;
  padding: 0;
  outline: none; outline-style: none;
  border: none;
  color: #fff;
  font-size: 2rem;
  line-height: 1;
}
.navbars:focus {
  outline: none; outline-style: none;
}

.mainMenu {
  background: green;
  border-top: 1px solid #fff;
  padding: 10px 0;
  position: absolute;
  left: 0;
  width: 100%;
  top: 100%;
  display: none;
}
.mainMenu ul li {
  padding: 5px 0;
}
.mainMenu ul li a {
  color: #fff;
  font-size: 1.5rem;
  display: block;
}



.contentMain .contentMainInner {
  padding: 1rem 0;
max-width:600px; 

}

.welcomeTitle {
  font-size: 2rem;
}

.mainTitle {
  font-size: 3.3rem;
}

.welcomeTxt {
  max-width: 32rem;
  border-radius: 1rem;
}

.contentBtns button {
  height: 4.8rem;
  min-width: 12rem;
  padding: 3px 15px;
}
.contentBtns button:focus {
  border: none;
  outline: none; outline-style: none;
}
.contentBtns .btnLight {
  background: #999999;
}
.contentBtns .btnLight:hover {
  background: #999999;
}
.contentBtns button + button {
  margin-left: auto;
}

.formWrap .stepWrap {
  display: none;
}
.formWrap .stepWrap.active {
  display: block;
}
.formWrap input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]) {
  height: 4rem;
  border-radius: 0.5rem;
  font-size: 1.5rem;
  color: #000;
}
.formWrap input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]).error {
  background: url("includes/images/error.png") no-repeat !important;
  background-size: 23px !important;
  background-position: 97% 50% !important;
}
.formWrap textarea {
  font-size: 1.6rem;
  border-radius: 1rem;
  min-height: 120px;
  max-width: 100%;
}
.formWrap select {
  height: 4rem;
}
.formWrap .errorTxt {
  display: none;
}
.formWrap .optLabel {
  height: 6.5rem;
  border-radius: 1rem;
  border: 1px solid #d2d2d2;
  font-size: 2rem;
  color: #888888;
  width: 100%;
  line-height: 6.3rem;
  cursor: pointer;
  padding: 0 1.5rem;
  margin: 0;
}
.formWrap .optLabel img {
  display: none;
}
.formWrap .optWrap input[type=radio] {
  display: none;
}
.formWrap .optWrap input[type=radio]:checked + label {
  background: #0fa400;
  color: #fff;
}
.formWrap .optWrap input[type=radio]:checked + label img {
  display: block;
}

.forgotPasswordLink {
  color: #535353;
}

.stepsDots {
  font-size: 0;
}
.stepsDots li {
  width: 1.6rem;
  height: 1.6rem;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  position: relative;
  background: green;
}
.stepsDots li + li {
  margin-left: 1.6rem;
}
.stepsDots li + li:before {
  content: "";
  position: absolute;
  height: 1px;
  left: 0;
  width: 100%;
  background: #bbb9bd;
  top: 50%;
  -webkit-transform: translate(-100%, -50%);
  -moz-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  -o-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}
.stepsDots li + li:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #bbb9bd;
  z-index: 10;
}
.stepsDots li.active ~ li {
  background: transparent;
}

.dayListSel li + li {
  margin-top: 7px;
}
.dayListSel label {
  border-bottom: 3px solid transparent;
  text-transform: uppercase;
  cursor: pointer;
  line-height: 1;
}
.dayListSel input[type=radio] {
  display: none;
}
.dayListSel input[type=radio]:checked + label {
  border-bottom-color: green;
}

.timeSelAM, .timeSelPM {
  background: #999999;
  border: 1px solid #d2d2d2;
}
.timeSelAM input, .timeSelPM input {
  display: none;
}
.timeSelAM li label, .timeSelPM li label {
  width: 100%;
  margin: 0;
  line-height: 24px;
  cursor: pointer;
}
.timeSelAM li + li, .timeSelPM li + li {
  border-top: 1px solid #d2d2d2;
}

.hamburger-icon-container {
  position: relative;
  cursor: pointer;
  width: 30px;
  height: 30px;
}

.hamburger-icon {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hamburger-icon,
.hamburger-icon:before,
.hamburger-icon:after {
  content: "";
  position: absolute;
  height: 4px;
  width: 100%;
  background: #fff;
  transition: all 0.2s ease;
}

.hamburger-icon {
  top: 50%;
}

.hamburger-icon:before {
  top: -200%;
}

.hamburger-icon:after {
  top: 200%;
}

.hamburger-active .hamburger-icon {
  -webkit-transform: rotate(45deg) translate(-3px, -3px);
  -moz-transform: rotate(45deg) translate(-3px, -3px);
  -ms-transform: rotate(45deg) translate(-3px, -3px);
  -o-transform: rotate(45deg) translate(-3px, -3px);
  transform: rotate(45deg) translate(-3px, -3px);
}

.hamburger-active .hamburger-icon:before,
.hamburger-active .hamburger-icon:after {
  top: 0;
}

.hamburger-active .hamburger-icon:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.loaderWrap {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 200;
  background: white;
}

.dot-loader {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: green;
  position: relative;
  -webkit-animation: 1.2s grow ease-in-out infinite;
  animation: 1.2s grow ease-in-out infinite;
}

.dot-loader--2 {
  -webkit-animation: 1.2s grow ease-in-out infinite 0.15555s;
  animation: 1.2s grow ease-in-out infinite 0.15555s;
  margin: 0 20px;
}

.dot-loader--3 {
  -webkit-animation: 1.2s grow ease-in-out infinite 0.3s;
  animation: 1.2s grow ease-in-out infinite 0.3s;
}

@-webkit-keyframes grow {
  0%, 40%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes grow {
  0%, 40%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.timeTabs .nav-link, .timeTabs .nav-link.active {
  padding: 0;
  background: none;
  text-align: right;
  color: inherit;
}
.timeTabs .nav-link > span {
  border-bottom: 3px solid transparent;
  display: inline-block;
}
.timeTabs .nav-link.active > span {
  border-color: green;
}
.timeTabs .nav-link + .nav-link {
  margin-top: 7px;
}
.timeTabs .nav-link > input[type=radio]:checked {
  display: none;
}

.timeSelectPopupWrapper, .daySelectPopupWrapper, .clSelectPopupWrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  overflow: auto;
  background: rgba(0, 0, 0, 0.75);
  display: none;
}
.timeSelectPopupWrapper .timeSelectPopupHelper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.timeSelectPopupWrapper .timeSelPopupInner {
  max-width: 380px;
  padding: 5rem 15px;
  width: 100%;
  min-height: 100%;
  pointer-events: none;
}
.timeSelectPopupWrapper .timeSelPopupContent {
  padding: 30px 50px;
  background: #fff;
  max-width: 320px;
  width: 100%;
  pointer-events: all;
}
.timeSelectPopupWrapper .timeSelPopupLi {
  background: green;
  padding: 5px 0;
  color: #fff;
  font-size: 2rem;
}
.timeSelectPopupWrapper .timeSelPopupLi li {
  padding: 0.8rem 0;
  cursor: pointer;
  background: #999999;
}
.timeSelectPopupWrapper .timeSelPopupLi li.active {
  background: green;
  color: #fff;
}
.daySelectPopupWrapper .daySelectPopupHelper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.daySelectPopupWrapper .daySelPopupInner {
  max-width: 380px;
  padding: 5rem 15px;
  width: 100%;
  min-height: 100%;
  pointer-events: none;
}
.daySelectPopupWrapper .daySelPopupContent {
  padding: 30px 50px;
  background: #fff;
  max-width: 320px;
  width: 100%;
  pointer-events: all;
}
.daySelectPopupWrapper .daySelPopupLi {
  background: green;
  padding: 5px 0;
  color: #fff;
  font-size: 2rem;
}
.daySelectPopupWrapper .daySelPopupLi li {
  padding: 0.8rem 0;
  cursor: pointer;
  background: #999999;
}
.daySelectPopupWrapper .daySelPopupLi li.active {
  background: green;
  color: #fff;
}
.tooltipPopupWrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  overflow: auto;
  background: rgba(0, 0, 0, 0.75);
  display: none;
}
.tooltipPopupWrapper .tooltipPopupHelper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tooltipPopupWrapper .tooltipPopupInner {
  max-width: 380px;
  padding: 5rem 0;
  width: 100%;
  min-height: 100%;
  pointer-events: none;
}
.tooltipPopupWrapper .tooltipPopupContent {
  padding: 30px 15px;
  background: #fff;
  /*max-width: 320px;*/
  width: 100%;
  pointer-events: all;
}



.tagPopupWrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  overflow: auto;
  background: rgba(0, 0, 0, 0.75);
  display: none;
}
.tagPopupWrapper .tagPopupHelper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tagPopupWrapper .tagPopupInner {
  max-width: 380px;
  padding: 5rem 0;
  width: 100%;
  min-height: 100%;
  pointer-events: none;
}
.tagPopupWrapper .tagPopupContent {
  padding: 30px 15px;
  background: #fff;
  /*max-width: 320px;*/
  width: 100%;
  pointer-events: all;
}





.messagePopupWrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  overflow: auto;
  background: rgba(0, 0, 0, 0.75);
  display: none;
}
.messagePopupWrapper .messagePopupHelper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.messagePopupWrapper .messagePopupInner {
  max-width: 380px;
  padding: 5rem 0;
  width: 100%;
  min-height: 100%;
  pointer-events: none;
}
.messagePopupWrapper .messagePopupContent {
  padding: 30px 15px;
  background: #fff;
  max-width: 320px;
  width: 100%;
  pointer-events: all;
}





.switch {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 34px;
  cursor: pointer;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #999999;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 1rem;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 0;
  bottom: 0;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 1rem;
  height: 100%;
  width: 50%;
  background: green;
}

.form-control {
  border-radius: 1rem;
  font-size: 1.5rem;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.popupIconImg {
  min-width: 24px;
  max-width: 24px;
  max-height: 24px;
  max-height: 24px;
  margin-left: 3px;
  cursor: pointer;
}

.dateInputWrap .input-group-text {
  border-radius: 1rem 0 0 1rem !important;
}
.dateInputWrap .form-control {
  border-radius: 0 1rem 1rem 0 !important;
}

.dateInputWrap2 .input-group-text {
  border-radius: 1rem 0 0 1rem !important;
}
.dateInputWrap2 .form-control {
  border-radius: 0 1rem 1rem 0 !important;
}

.calendarPopupBgLayer {
  background: rgba(0, 0, 0, 0.75);
  position: fixed;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  z-index: 200;
  display: none;
}

.calendarPopupHelper {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  z-index: 10;
}

.flatpickr-calendar:not(.hasTime) {
  display: none !important;
  position: fixed !important;
  left: 50%;
  top: 50% !important;
  transform: translate(-50%, -50%);
  z-index: 201;
}

.datePickerCalendar.active + .flatpickr-calendar {
  display: block !important;
}

.timeTabList li {
  position: relative;
}
.timeTabList li:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: green;
}
.timeTabList li label span:not(.labelBg) {
  position: relative;
  z-index: 2;
}
.timeTabList li label .labelBg {
  position: absolute;
  left: 0;
  width: 100%;
  height: 25%;
  z-index: 1;
  top: 0;
}
.timeTabList li label .labelBg:nth-child(2) {
  top: 25%;
}
.timeTabList li label .labelBg:nth-child(3) {
  top: 50%;
}
.timeTabList li label .labelBg:nth-child(4) {
  top: 75%;
}
.timeTabList li label .labelBg.selected {
  background: green;
}
.timeTabList li.selected {
  color: #fff;
}

.dashboardSearch {
  background: #e4e4e4;
  display: none;
}

.dashboardSearchInput {
  max-width: 260px;
  position: relative;
}
.dashboardSearchInput input[type=search] {
  height: 3.6rem;
  padding-right: 3rem;
  font-size: 1.5rem;
}
.dashboardSearchInput button {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  background: none;
  outline: none; outline-style: none;
  box-shadow: none;
  border: none;
  padding: 0 0.8rem;
}
.dashboardSearchInput button img {
  width: 1.4rem;
}

.contentMain .dashboardMainInner {
  padding: .5rem 0;
  width: 100%;
}

.dashboardTitle {
  padding: 0 40px;
}
.dashboardTitle > img {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
}
.dashboardTitle > img.active {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.dashboardList {
  position: relative;
  /*height:70vh;*/
  padding:3px;
  overflow-y:scroll;
  padding-bottom:50px;
}
.dashboardList > li {
  border-radius: 1rem;
  border: 1px solid #d9d9d9;
  padding: 1rem 0.5rem;
  font-size: 1.2rem;
  margin-top: 7px;
  overflow: hidden;
  position: relative;
  background: #fff;
}
.dashboardList > li.done {
  background: #ebebeb;
}
.dashboardList > li.ui-sortable-helper {
  z-index: 10;
}
.dashboardList .dashboardListdesc .dashboardListTxt {
  font-size: 1.3rem;
}
.dashboardList .dashboardListdesc .lateDate {
  font-size: 1.1rem;
}
.dashboardList .dotsBtn {
  cursor: pointer;
}
.dashboardList .chartGraphWrap {
  width: 60px;
  height: 60px;
  position: relative;
}
.dashboardList .chartGraphWrap > span {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 60px;
  font-size: 1.1rem;
}
.dashboardList .chartGraph {
  width: 60px !important;
  height: 60px !important;
}
.dashboardList .dashboardActionBtns {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0 linear;
}
.dashboardList .dashboardActionBtns button {
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none; outline-style: none;
  max-width: 38px;
}
.dashboardList .dashboardActionBtns button.closeBtn {
  max-width: 30px;
}
.dashboardList li.ActionBtnsActive .dashboardActionBtns {
  visibility: visible;
  opacity: 1;
}



.taskitem .dashboardActionBtns {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0 linear;
}
.taskitem .dashboardActionBtns button {
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none; outline-style: none;
  max-width: 38px;
}
.taskitem .dashboardActionBtns button.closeBtn {
  max-width: 30px;
}
.taskitem li.ActionBtnsActive .dashboardActionBtns {
  visibility: visible;
  opacity: 1;
}



.myAccountTabs .nav-link {
  padding: 0;
  color: #000;
  font-size: 1.2rem;
}
.myAccountTabs .nav-link.active {
  padding: 0;
  background: none;
  color: #000;
}

.formInput {
  font-size: 1.5rem;
  padding: 0;
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid #a3a3a3 !important;
  outline: none; outline-style: none;
  box-shadow: none !important;
  line-height: 1;
  height: auto;
}

.smBtnTheme {
  background: green;
  color: #fff;
  border-radius: 1rem;
  border: none;
  outline: none; outline-style: none;
  padding: 0.2rem 0.8rem;
  font-size: 1.2rem;
}

.switch_sm {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 20px;
  border-radius: 34px;
  overflow: hidden;
}

.switch_sm input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider_sm {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider_sm:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 2px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + .slider_sm {
  background-color: #19ae14;
}

input:focus + .slider_sm {
  box-shadow: 0 0 1px #19ae14;
}

input:checked + .slider_sm:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}

.addBtnWrap {
 
  position: fixed;
  bottom: 20px;
  left: 0;
  right: 20px;
  margin: 0 auto;
  pointer-events: none;
}
.addBtnWrap button {
  width: 50px;
  height: 50px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-style: none;
  pointer-events: all;
  background: none;
  padding: 0;
  width: 50px;
  margin-left: auto;
  display: block;
}

.notifIcons {
  min-width: 32px;
  max-width: 32px;
}

.notifTxt {
  background: #dcdcdc;
  border-radius: 1rem;
  padding: 12px 15px;
  font-size: 1.2rem;
  color: #000000;
}
.notifTxt .smBtnTheme {
  font-size: 1.1rem;
}

.checkedFlag {
  display: none;
}

.bookmarkCheckbox {
  cursor: pointer;
}
.bookmarkCheckbox input[type=checkbox] {
  display: none;
}
.bookmarkCheckbox input[type=checkbox]:checked ~ .unchededFlag {
  display: none !important;
}
.bookmarkCheckbox input[type=checkbox]:checked ~ .checkedFlag {
  display: block;
}

.notifDateTime {
  color: #818181;
  font-size: 1rem;
}

.streakDaysCount {
  width: 70px;
  height: 70px;
  border: 1px solid #d5d5d5;
  border-radius: 50%;
  line-height: .5;
    margin-top:5px;
}
.streakDaysCount small {

  font-size: 1rem;
}

.streakLogo {
  position: absolute;
  left: 0;
  top: 50%;
  max-width: 120px;
  margin: 0 auto;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.dateContentWrapper {
  display: none;
}

.agendaList {
  border-top: 1px solid #c0c0c0;
  
}
.agendaList li {
  border-bottom: 1px solid #c0c0c0;
  padding-bottom:10px !important;
  background-color:white;
}

.agendaDesc h3 {
  font-size: 1.5rem;
}

.agendaImg {
  position:absolute;
  max-width: 50px;
  min-width: 50px;
  max-height: 50px;
  min-height: 50px;
  right:10px;

}

.agendabox {
    top:10px;
}

.copy {
  position:absolute;
  margin-top:5px;
  text-decoration: underline;
  right:5px;
}

.timeTabList  label {
  color:white;
  background-color:#999;
}

.flatpickr-day.selected {
   background: green !important;
}



.swal-button--confirm {
  background-color:#a5dc86;
}

.swal-button--danger {
    background-color:red;

}

.container-fluid {
  padding-left:5px !important;
  padding-right:5px !important;
  margin-top:50px;
}

.logo {
  width:80%;

  margin-top:30px;
}

.activetime2 {
  background-color:#ffffe6 !important;
}

.sortbutton {
  background: green;
  color: #fff;
  border-radius: 1rem;
  border: none;
  outline-style: none;
  padding: 0.2rem 0.8rem;
  font-size: 1.2rem;
  margin-left:10px;
}

.viewnotes {
  background: green;
  color: #fff;
  border-radius: 1rem;
  border: none;
  outline-style: none;
  padding: 0.2rem 0.8rem;
  font-size: 1.2rem;
  position:absolute;
  right:10px;
}

.complete {
  background: green;
  color: #fff;
  border-radius: 1rem;
  border: none;
  outline-style: none;
  padding: 0.2rem 0.8rem;
  font-size: 1.5rem;
  margin-bottom:30px;
}

.mtline {
  color:white;
  background-color:red !important;
  font-size:8px;
  padding:2px !important;
  text-align:center;
  
}

.checkbuttons li button {
  border:0;
  background-color:white;
  padding-top:6px;
  outline-style: none
}

.checkbuttons li  {
  border:0;

}

.checkbuttons li button img{
  height:40px;
  border:0;
}

.reasons {
  margin-top:5px;
}

.reasons p, .tagbox p {
  display:inline-block;
  padding:3px;
  border-radius:10px;
  border:1px solid #dadada;
  margin:3px;
}

.dashboardLi {
-webkit-box-shadow: 6px 11px 11px -12px rgba(0,0,0,0.2); 
box-shadow: 6px 11px 11px -12px rgba(0,0,0,0.2);
}

.calendarIcon {
  width:20px;
}

.lateDate img {
  width:15px;
}

.agendaDesc img {
  width:13px;
  margin-top: -3px;
}

.unchededFlag,.checkedFlag {
  width:20px;
}

.swiper-wrapper {
  height:auto !important;
  padding-bottom:30px;
}

.poptop, .completewrapper {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:30px;
	background-color:white;
	z-index:999999;
	padding-top:100px;
}

.badgepic {
	display:block;
	min-width:200px;
	min-height:200px;
	background-image:url('includes/images/rocket.gif');
	background-position:center;
	
}

.addtags {
  position:relative;
  padding-top:30px;
  width:100%;
}

.tagbutton {
  font-size:14px !important;
  padding:3px;
  border-radius:5px !important;
  vertical-align: middle;
}

.tagtitle {
  margin-left:5px;
  font-size:12px;
  position:absolute;
  top:0;
  left:0;
}