body {
       font-family: 'poppins',sans-serif;
   font-weight: 400;
}


h5 {
      font-size: 17px;
	   font-weight:300;
}


h3 {
      font-size: 16px;
	  font-weight:bold;
}	

.calendar-wrapper {
   height: auto;
   max-width: 650px;
   margin: 0 auto;
   -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.calendar-header {
       background: linear-gradient(90deg, #161265 0%, #1a64c5 100%);
   height: 100%;
   padding: 20px;
   color: #fff;
       font-family: 'poppins',sans-serif;
   font-weight: 300;
   position: relative;
	       text-align: center;
		   -webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}

.header-title {
  /*  padding-left: 15%; */
}

.header-background {
  /*  background-image: url("https://raw.githubusercontent.com/JustMonk/codepen-resource-project/master/img/compressed-header.jpg"); */
   height: 100px;
   background-position: center right;
   background-size: cover;
}

.calendar-content {
          background: linear-gradient(90deg, #161265 0%, #1a64c5 100%);
    padding: 0px;
    padding-bottom: -9px;
    padding-left: 5%;
    padding-right: 5%;
    overflow: hidden;
    color: #fff;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    font-size: 14px;
}

.event-mark {
   width: 5px;
   height: 5px;
   background-color: teal;
   border-radius: 100px;
   position: absolute;
   left: 46%;
   top: 70%;
}
.formtop{      -webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
 /* background: linear-gradient(180deg, #4c3590 17.48%, #221058 100%); */
     Background: #252b3a;
    color: #ffff;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 1px;
    margin-bottom: 20px;
	/* background: linear-gradient(180deg, #4c3590 17.48%, #221058 100%); */
    color: #ffff;}
.calendar-footer {
   height: 200px;
       font-family: 'poppins',sans-serif;
   font-weight: 300;
   text-align: center;
   background-color: #4b6289 !important;
   position: relative;
   overflow: hidden;
}

.addForm {
   position: absolute;
   top: 100%;
   width: 100%;
   height: 100%;
   background-color: #4b5889 !important;
   transition: top 0.5s cubic-bezier(1, 0, 0, 1);
   padding: 0 5px 0 5px;
}

.addForm input {
   color: #202020;
}

.addForm .row {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
   margin-bottom: 0;
}

.addForm h4 {
   color: #202020;
   margin-bottom: 1rem;
}

.addEventButtons {
   text-align: right;
   padding: 0 0.75rem 0 0.75rem;
}

.addEventButtons a {
   color: black;
   font-weight: 300;
}

.emptyForm {
   padding: 20px;
   padding-left: 15%;
   padding-right: 15%;
}

.emptyForm h4 {
   color: #202020;
   margin-bottom: 2rem;
}

.sidebar-wrapper {
   color: #202020;
   background-color: #5a649c !important;
   padding-top: 0;
   padding-bottom: 20px;
       font-family: 'poppins',sans-serif;
   font-weight: 300;
   padding-left: 0;
   padding-right: 0;
}

.sidebar-title {
   padding: 50px 6% 50px 12%;
}

.sidebar-title h4 {
   margin-top: 0;
}

.sidebar-events {
   overflow-x: hidden;
   overflow-y: hidden;
   margin-bottom: 70px;
}

.empty-message {
   font-size: 1.2rem;
   padding: 15px 6% 15px 12%;
}

.eventCard {
   background-color: #202020;
   color: black;
   padding: 12px 24px 12px 24px;
   border-bottom: 1px solid #E5E5E5;
   white-space: nowrap;
   position: relative;
   animation: slideInDown 0.5s;
}

.eventCard-header {
   font-weight: bold;
}

.eventCard-description {
   color: grey;
}

.eventCard-mark-wrapper {
   position: absolute;
   right: 0;
   top: 0;
   height: 100%;
   width: 60px;
   background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 100%);
}

.eventCard-mark {
   width: 8px;
   height: 8px;
   background-color: #b39ddb;
   border-radius: 100px;
   position: absolute;
   left: 50%;
   top: 45%;
}

.day-mark {
   width: 7px;
   height: 7px;
   background-color: #b39ddb;
   border-radius: 100px;
   position: absolute;
   left: 47%;
   top: 67%;
}

.content-wrapper {
   padding-top: 50px;
   padding-bottom: 30px;
}

#table-body .col:hover {
   cursor: pointer;
   /*border: 1px solid grey;*/
        background: #ffda30;
    box-shadow: 4px 4px 10px -2px #291762 !important;
    color: #000!important;
		border-radius:3px;
}
.blue.lighten-3 {
	color: #000 !important;
    /* background-color: #90CAF9 !important; */
      background: #ffda30 !important;
    box-shadow: 4px 4px 10px -2px #291762 !important;
    
	border-radius:3px;
}
.empty-day:hover {
	 color: #000 !important;
   cursor: default !important;
   background-color: #202020 !important;
}

#table-body .row .col {
          padding: 9px;
    margin-bottom: 3px;
    margin-top: -1px;
	   /*     font-weight: bold;
 margin: 4px; */
}

#table-body .col {
   border: 1px solid transparent;
   
}

#table-body {}

#table-body .row {
   margin-bottom: 0;
}

#table-body .col {
      padding: 10px;
}

#calendar-table {
   text-align: center;
}

.prev-button {
   position: absolute;
   cursor: pointer;
   left: 0%;
   top: 35%;
   color: #fff !important;
}
.grey {
    background-color: #ffda30 !important;
    color: #000 !important;
    border-radius: 3px;
}
.prev-button i {
   font-size: 2em;
}

.next-button {
   position: absolute;
   cursor: pointer;
   right: 0%;
   top: 35%;
   color: #fff !important;
}

.next-button i {
   font-size: 2em;
}

.addEvent {
   box-shadow: 0 5px 15px rgb(57, 168, 228);
   background-color: #39a8e4;
   padding: 10px;
   padding-left: 3em;
   padding-right: 3em;
   cursor: pointer;
   border-radius: 25px;
   color: #202020 !important;
   background-image: linear-gradient(135deg, #8d8dd4, #45ced4);
}

.addEvent:hover {
   transition: box-shadow 0.5s;
   box-shadow: 0 4px 25px rgb(57, 168, 228);
}

.mobile-header {
   padding: 0;
   display: none;
   padding-top: 20px;
   padding-bottom: 20px;
   position: fixed;
   z-index: 99;
   width: 100%;
   background-color: #5a649c !important;
}

.mobile-header a i {
   color: #202020;
   font-size: 38px;
}

.mobile-header h4 {
   color: #202020;
}

.mobile-header .row {
   margin-bottom: 0;
}

.mobile-header h4 {
   margin: 0;
       font-family: 'poppins',sans-serif;
   font-weight: 300;
}

@media (max-width:992px) {
   .content-wrapper {
      margin-left: 0;
   }
   .mobile-header {
      display: block;
   }
   .calendar-wrapper {
      margin-top: 10px;
   }
   .sidebar-wrapper {
      background-color: #EEEEEE !important;
   }
   .sidebar-title {
      background-color: #5A649C !important;
   }
   .empty-message {
      color: black;
   }
}

@media (max-width:767px) {
  
   .calendar-content {
      padding-left: 5%;
      padding-right: 5%;
   }
   body .row {
      margin-bottom: 0;
   }
}

@media (max-width:450px) {
   .content-wrapper {
      padding-left: 0;
      padding-right: 0;
   }
  
}

.el-radio-button__inner {
     border: 1px solid #e2e6ec;
    border-radius: 3px;
    background: transparent;
        color: #000 !important;
}

.el-radio-button__inner {
       border: 1px solid #fff;
    background: #202020;
    box-shadow: 0px 0px 10px -2px #fff;
    color: #fff !important;
    font-size: 12px;
    font-weight: 500;
    padding: 5px;
    width: 126px;
    cursor: pointer;
}

#lmsEnquiryForm{margin-bottom:20px;}
.el-radio-button__inner:hover {
    opacity: 1;
	 border: 1px solid #ffda30;
    background: #ffda30;
	    color: #000 !important;
}


span.el-radio-button__inner.is-active {
  background: #ffda30 !important;
    color: #000000 !important;
    border: #ffda30 solid 1px;
}
.contactmail{/* background: #eee; */
    font-size: 20px;}

label {
    padding: 5px;
}
.toplogo{     text-align: left;
    margin: auto;
    padding-top: 17px;
    padding-bottom: 19px;
    border-bottom: 1px solid #cccccc;}
	
	.headingtwo1{font-family: poppins,sans-serif!important;
    font-weight: 500;
    font-size: 38px;
    line-height: 42px;
    letter-spacing: 0px;
    color: #000000;
margin-top: 15px;
}
.datepra{        font-size: 18px;
    line-height: 22px;
    font-family: 'poppins',sans-serif;
    font-weight: 400 !important;
    color: #000000;
    letter-spacing: 0px;
    margin: 15px auto 30px auto;}
	.copy{    font-size: 15px;
   /*  padding-top: 20px;
    padding-bottom: 20px;  */   line-height: 25px;}
	
	.copyright{padding-top: 10px;
    padding-bottom: 10px; }
	.lms-form{    background: #fff;
    padding: 20px;
    /* border-left: #000 solid 8px; */
    margin-left: -15px;
    margin-right: -15px;
   -webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;}
	
	label {
    font-size: 12px;
    color: #202020;
    font-weight: 500;
}
input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
   background-color: transparent;
    border: none;
    border: 1px solid #e2e6ec;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 20px 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding-left: 4px;
    border-radius: 10px;
    padding-left: 10px;
}.lms-form1{   position: relative;
    background: rgba(42, 24, 97, 0.46);
    box-shadow: 0px 4px 15px 0px rgba(27, 134, 145, 0.16);
    padding: 30px;
    border: 1px solid #5539ab;
    overflow: hidden;
    border-radius: 25px 25px 25px 25px;}
	
	.lms-form1 input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
  background-color:#fff;
    border: none;
    border: 1px solid #e2e6ec;
    border-radius: 14px;
    outline: none;
    height: 40px;
    width: 100%;
    font-size: 12px;
    margin: 0 0 20px 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding-left: 4px;
    border-radius: 14px;
    padding-left: 10px;
}
}
	.lms-form1 label {
    font-size: 11px;
    color: #202020;
    font-weight: 500;
}


.technology-default {
   border-radius: 4px !important;
background: #ffda30;
box-shadow: 0px 0px 10px -2px #ffda30;
 color: #202020 !important;
    border-radius: 30px;
	    font-weight: 400;
    padding-left: 25px !important;
    padding-right: 25px !important;
	text-transform:none !important;
}
.neonblue{    color: #0dbdd9;}

.technology-default:hover,
.technology-default:focus,
.technology-default:active:hover,
.technology-default:active:focus,
.technology-default.active:focus,
.open>.dropdown-toggle.technology-default {
   border-radius: 4px;
background: linear-gradient(180deg, #252b3a 0%, #252b3a 100%);
box-shadow: 4px 4px 10px -2px #252b3a !important;
     color: #fff !important;
    box-shadow: none;
}

.technology-default:active,
.technology-default.active {
    background: #ffda30;
    box-shadow: none;
     color: #202020 !important;
}

.technology-default2 {
   border-radius: 4px !important;
background: #ffda30;
box-shadow: 0px 0px 10px -2px #ffda30;
 color: #202020 !important;
    border-radius: 30px;
	    font-weight: 400;
    padding-left: 25px !important;
    padding-right: 25px !important;
	text-transform:none !important;
}
.neonblue{    color: #0dbdd9;}

.technology-default2:hover,
.technology-default2:focus,
.technology-default2:active:hover,
.technology-default2:active:focus,
.technology-default2.active:focus,
.open>.dropdown-toggle.technology-default2 {
   border-radius: 4px;
background: linear-gradient(180deg, #252b3a 0%, #252b3a 100%);
box-shadow: 4px 4px 10px -2px #252b3a !important;
     color: #fff !important;
    box-shadow: none;
}

.technology-default2:active,
.technology-default2.active {
    background: #ffda30;
    box-shadow: none;
     color: #202020 !important;
}


.namediv{padding-top: 18px;}
.namepra{padding-top: 18px; font-size: 14px;}.nameprab{font-weight:bold; font-size:22px;}
	
	
	.form-control::-webkit-input-placeholder {
    color: #a5a5a5;
}

.form-control:-moz-placeholder {
    color: #a5a5a5;
}

.form-control::-moz-placeholder {
    color: #a5a5a5;
}

.form-control:-ms-input-placeholder {
    color: #a5a5a5;
}

.form-control:focus {
    border-color: #87ba45;
    -moz-box-shadow: inset 0 1px 1px rgba(135, 186, 69, 0.075), 0 0 8px rgba(135, 186, 69, 0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(135, 186, 69, 0.075), 0 0 8px rgba(135, 186, 69, 0.6);
    box-shadow: inset 0 1px 1px rgba(135, 186, 69, 0.075), 0 0 8px rgba(135, 186, 69, 0.6);
}
.timeslot{    margin-top: 5px;}


.homecalender{    background: var(--cta, linear-gradient(258deg, #5BBFE3 10.92%, #5ABDE2 10.92%, #005F83 97.9%)) !important;}
.loadingicon{    padding-top: 150px;
    padding-bottom: 150px;}
	
	
	
/* common */
.loading {
  font-size: 24px;
 font-family: 'poppins',sans-serif;
  font-weight: 800;
  color: #1a6cff;
  text-align: center;
  span {
    display: inline-block;
    margin: 0 -.05em;
  }
}

/* code #1 */
.loading01 {
  span {
    animation: loading01 1.4s infinite alternate;
    @for $i from 0 through 6 {
      &:nth-child(#{$i+1}) {
        animation-delay: #{$i*.1}s;
      }
    }
  }
}
@keyframes loading01 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* code #2 */
.loading02 {
  span {
    animation: loading02 1.2s infinite alternate;
    @for $i from 1 through 6 {
      &:nth-child(#{$i+1}) {
        animation-delay: #{$i*.2}s;
      }
    }
  }
}
@keyframes loading02 {
  0% {
    filter: blur(0);
    opacity: 1;
  }
  100% {
    filter: blur(5px);
    opacity: .2;
  }
}

/* code #3 */
.loading03 {
  span {
	margin: 0 -.075em;
    animation: loading03 .7s infinite alternate;
    @for $i from 1 through 6 {
      &:nth-child(#{$i+1}) {
        animation-delay: #{$i*.1}s;
      }
    }
  }
}
@keyframes loading03 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(.8);
  }
}

/* code #4 */
.loading04 {
  span {
    animation: loading04 .7s infinite;
    @for $i from 1 through 6 {
      &:nth-child(#{$i+1}) {
        animation-delay: #{$i*.1}s;
      }
    }
  }
}
@keyframes loading04 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(15px);
  }
}

/* code #5 */
.loading05 {
  perspective: 1000px;
  span {
    transform-origin: 50% 50% -25px;
    transform-style: preserve-3d;
    animation: loading05 1.6s infinite;
    @for $i from 1 through 6 {
      &:nth-child(#{$i+1}) {
        animation-delay: #{$i*.1}s;
      }
    }
  }
}
@keyframes loading05 {
  0% {
    transform: rotateX(-360deg);
  }
  70% {
    transform: rotateX(0);
  }
}

/* code #6 */
.loading06 {
  span {
    position: relative;
    color: rgba(#000, .2);
    &::after {
      position: absolute;
      top: 0;
      left: 0;
      content: attr(data-text);
      color: #202020;
      opacity: 0;
      transform: rotateY(-90deg);
      animation: loading06 4s infinite;
    }
    @for $i from 1 through 6 {
      &:nth-child(#{$i+1})::after {
        animation-delay: #{$i*.2}s;
      }
    }
  }
}
@keyframes loading06 {
  0%, 75%, 100% {
    transform: rotateY(-90deg);
    opacity: 0;
  }
  25%, 50% {
    transform: rotateY(0);
    opacity: 1;
  }
}

/* code #7 */
.loading07 {
  span {
    position: relative;
    color: rgba(#000, .2);
    &::after {
      position: absolute;
      top: 0;
      left: 0;
      content: attr(data-text);
      color: #202020;
      opacity: 0;
      transform: scale(1.5);
      animation: loading07 3s infinite;
    }
    @for $i from 1 through 6 {
      &:nth-child(#{$i+1})::after {
        animation-delay: #{$i*.1}s;
      }
    }
  }
}
@keyframes loading07 {
  0%, 75%, 100% {
    transform: scale(1.5);
    opacity: 0;
  }
  25%, 50% {
    transform: scale(1);
    opacity: 1;
  }
}

/* code #8 */
.loading08 {
  span {
    position: relative;
    color: rgba(#000, .2);
    animation: loading08-parent 5s infinite;
    &::after {
      position: absolute;
      top: 0;
      left: 0;
      content: attr(data-text);
      color: #202020;
      opacity: 0;
      animation: loading08-child 5s infinite;
    }
    @for $i from 1 through 6 {
      &:nth-child(#{$i+1})::after {
        animation-delay: #{$i*.2}s;
      }
    }
  }
}
@keyframes loading08-parent {
  0%, 35%, 100% {
    color: rgba(#000, .2);
  }
  60%, 80% {
    color: #202020;
  }
}
@keyframes loading08-child {
  0% {
    opacity: 1;
  }
  25%, 100% {
    opacity: 0;
  }
}
.thankyoubanner{padding:0px;}

.thankyoubanner img{width:100%; padding-top:20px;}
.congratstext{    font-size: 42px;
    color: #202020; font-family: 'Style Script', cursive;
    font-weight: bold;}.congratstext2{    font-size: 20px;
    color: #202020; font-family: 'poppins',sans-serif;
    font-weight: 300;}
	textarea.form-control {
    height: auto;
    font-size: 12px;
}
	.bluebg{background: #fff;}