body,html{font-family:Arial,sans-serif,Montserrat,sans-serif;font-size:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#eef1f3}
a{color:#3566b3;text-decoration:none!important}
.bg-primary{background-image:linear-gradient(to bottom,#3566b3,#3566b3)}
.nav-link{padding:0}
.navbar-light .navbar-nav .nav-link{color:#3566b3;font-weight:500;padding:.3rem .7rem}
.dropdown-item{padding:.2rem 1rem;font-size:14px}
.navbar-brand{padding-top:.1rem;padding-bottom:.1rem;font-size:1rem}
.dropdown-menu-right{right:0}
.dropdown-menu{margin-top:8px;transition:.128s background,color;border-radius:0 0 3px 3px;border:1px solid #d5d5d5;box-shadow:0 2px 6px rgba(0,0,0,0.2)}
.main-body{min-height:70vh;margin:0 auto;padding:20px;background-color:#fff;margin-top:15px;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,0.1);margin-bottom:25px}
.mainbody-head{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,0.1)}
.mainbody-head h4{font-size:1.3rem;color:#3566b3}
.btn-primary{background-color:#3566b3}
.icoact{display:inline-block;background-color:#fff;width:15px;height:15px;border-radius:50%;border:5px solid #00BB27;font-size:6px!important;margin-bottom:-2px;margin-left:10%;cursor:pointer}
.icoinact{display:inline-block;background-color:#fff;width:15px;height:15px;border-radius:50%;border:5px solid #DB0000;font-size:6px!important;margin-bottom:-2px;margin-left:10%;cursor:pointer}
.btn-file{position:relative;overflow:hidden}
.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;outline:none;background:#fff;cursor:inherit;display:block}
#img-upload{width:100%}
label span{color:red}
.error{color:red}
.span-error{color:red}
.card-body-icon{position:absolute;z-index:0;top:-25px;right:-25px;font-size:5rem;-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}
button.dt-button{display:inline-block!important;font-weight:600!important;text-align:center!important;vertical-align:middle!important;border:1px solid transparent!important;padding:.25rem .5rem!important;font-size:.875rem!important;line-height:1.5!important;border-radius:.2rem!important;background-color:#3566b3!important;color:#fff!important;background-image:linear-gradient(to bottom,#3566b3 0%,#3566b3 100%)!important;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out!important}
.dt-button:nth-child(1){background-image:linear-gradient(to bottom,#3566b3 0%,#3566b3 100%)!important;padding:.25rem .5rem!important;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;border:1px solid #3566b3!important;font-weight:600!important;text-align:center!important;vertical-align:middle!important;font-size:.875rem!important;color:#fff!important;line-height:1.5!important;border-radius:.2rem!important}
.dt-button:nth-child(2){background-image:linear-gradient(to bottom,#FF5733 0%,#FF5733 100%)!important;padding:.25rem .5rem!important;border:1px solid #FF5733!important;font-weight:600!important;color:#fff!important;text-align:center!important;vertical-align:middle!important;font-size:.875rem!important;line-height:1.5!important;border-radius:.2rem!important}
.dt-button:nth-child(3){background-image:linear-gradient(to bottom,#3933FF 0%,#3933FF 100%)!important;border:1px solid #3933FF!important;padding:.25rem .5rem!important;font-weight:600!important;text-align:center!important;color:#fff!important;vertical-align:middle!important;font-size:.875rem!important;line-height:1.5!important;border-radius:.2rem!important}
.dt-button:nth-child(4){background-image:linear-gradient(to bottom,#DB0000 0%,#DB0000 100%)!important;border:1px solid #DB0000!important;padding:.25rem .5rem!important;font-weight:600!important;color:#fff!important;text-align:center!important;vertical-align:middle!important;font-size:.875rem!important;line-height:1.5!important;border-radius:.2rem!important}
.dt-button:nth-child(5){background-image:linear-gradient(to bottom,#00BB27 0%,#00BB27 100%)!important;border:1px solid #00BB27!important;padding:.25rem .5rem!important;font-weight:600!important;color:#fff!important;text-align:center!important;vertical-align:middle!important;font-size:.875rem!important;line-height:1.5!important;border-radius:.2rem!important}
.menu-section-div{width: 100%; margin: 20px;}
.main-body .menu-section{ width: 150px; height: 110px; padding:0; display: inline-block; margin-right: 20px; list-style:none;}
.main-body .menu-section{ box-shadow: 0px 0px 5px rgba(0,0,0,0.2); border-radius: 7px;}
.iconmenu-sec{ cursor: pointer;color: #3566b3 !important;}
.iconmenu-sec > h3{font-size: 17px; padding-bottom: 7px;}
.icon-sec{ padding-top: 15px; padding-bottom: 15px; font-weight: 600;}
.icon-sec i{ font-size: 3rem; }
.main-body .menu-section:hover{ opacity: 0.5; box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
/*payment gateway css*/
.form-control:disabled, .form-control[readonly]{ background-color: rgba(250, 170, 44,0.1); opacity: 0.8; cursor: not-allowed;}
.nav-link-cus{padding: 5px 54px; border-radius: 0 !important;}
.nav-pills .nav-link-cus.active, .box-border .nav-pills .show>.nav-link-cus{background-color: #3566b3 !important;}
.box-border{border: 1px solid rgba(0,0,0,.125); min-height: 285px;}
.box-border .nav-pills{ margin-bottom: 15px;border-bottom: 1px solid rgba(0,0,0,.125);}
.box-border .tab-content{padding-left: 20px;padding-right: 20px;}
.card-cus .card-title{ margin-bottom: 0;font-size: 17px; font-weight: bold;}
.card-cus .card-title p{margin-bottom: 0;}
.checkout-btn{margin-top: 20px;margin-bottom: 20px;}
.btn-time{padding: 3px 32px;font-weight: 600;}
.main-body .menu-section-new{width: 260px;}
.tablescroll{overflow-x:auto;}
/*loading spinner*/
.loader-model{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); position: fixed; margin: 0; z-index: 2; top: 0;}
.loader-model-2{ margin: 0; z-index: 2; }
  .spin_loader { position: absolute; left: 50%; top: 50%;z-index: 1; border: 7px solid #f3f3f3;border-radius: 50%; border-top: 6px solid #3498db; width: 50px; height: 50px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;}
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}
/*powered by footer*/
.powered-css img{height: 40px;padding-right: 10px;}
.powered-css p{display: inline; color: #555;font-style: italic; font-weight: 600;}
.powered-css{margin-top: 15px;}
.download-app img{width: 195px;height: 60px;margin: 5px;}
.my-fot{border-top: 1px solid #eef1f3;padding: 20px 15px;}
.cu-heading h4{ color: #1a73e8;font-size: 18px;}
.cu-heading i{ color:#1a73e8; font-size: 16px;}
.cu-heading a{ color:#1a73e8;}
/*Privacy Policy and Footer*/
.heading-pp{ width: 88%; text-align: center; font-size: 20px;}
.heading-pp h3{ color: #333; font-weight: 600;}
.bg-pp{ background-color: cornsilk; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);}
.content-pp{text-align: justify;}
.copyrights p{ margin-top: -11px; font-style: italic;color: #333;}
.copyrights-login p{ margin-top: -11px;color: #333;display: inline;}
.copyrights-login{ position: fixed; z-index: 2; bottom: 0; margin-bottom: 10px; width: 100%;}
/*  Events display */
.content { padding: 0px 0;height: 500px; position: relative; margin: 20px auto; background: #52A0FD; background: -moz-linear-gradient(right,  #52A0FD 0%, #00C9FB 80%, #00C9FB 100%);background: -webkit-linear-gradient(right,  #52A0FD 0%, #00C9FB 80%, #00C9FB 100%);background: linear-gradient(to left,  #52A0FD 0%, #00C9FB 80%, #00C9FB 100%); border-radius: 3px;box-shadow: 3px 8px 16px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);-moz-box-shadow: 3px 8px 16px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);-webkit-box-shadow: 3px 8px 16px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.events-container {width: 50%; overflow-y: auto;height: 100%;float: right;margin: 0px auto; display: inline-block;padding: 0 10px;border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
.events-container:after{ clear:both;}
.event-card {position: relative;padding: 20px 0;width: 350px; margin: 20px auto; display: block;background: #fff;border-left: 10px solid #52A0FD;border-radius: 3px;box-shadow: 3px 8px 16px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);-moz-box-shadow: 3px 8px 16px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);-webkit-box-shadow: 3px 8px 16px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.event-count, .event-name, .event-cancelled {display: inline;padding: 0 10px;font-size: 1rem;}
.event-count {color: #52A0FD;text-align: right;}
.event-name {padding-right:0;text-align: left;}
.event-cancelled {color: #FF1744; text-align: right;}
.calendar-container{float:left; width: 50%;position: relative; height: 100%;background: #fff;display: inline-block; border-bottom-left-radius: 3px;border-top-left-radius: 3px;}
.calendar-container:after{ clear:both;}
.year-header { background: #52A0FD;background: -moz-linear-gradient(left,  #52A0FD 0%, #00C9FB 80%, #00C9FB 100%);background: -webkit-linear-gradient(left,  #52A0FD 0%, #00C9FB 80%, #00C9FB 100%); background: linear-gradient(to right,  #52A0FD 0%, #00C9FB 80%, #00C9FB 100%);box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);height: 50px; text-align: center;position: relative; color:#fff; border-top-left-radius: 3px;} 
.year-header span { display:inline-block; font-size: 25px; line-height:50px; }
.left-button, .right-button { cursor: pointer; width:45px; text-align:center; position:absolute; } 
.left-button { left:0; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px;  border-top-left-radius: 5px; } 
.right-button { right:0; top:0; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; } 
.left-button:hover {background: #3FADFF;}
.right-button:hover { background: #00C1FF;}
.button{cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;font-size: 1rem;border-radius: 25px;padding: 0.65rem 1.9rem;transition: .2s ease all;color: white;border: none;box-shadow: -1px 5px 10px #9BC6FD;background: #52A0FD;background: -moz-linear-gradient(left,  #52A0FD 0%, #00C9FB 80%, #00C9FB 100%);background: -webkit-linear-gradient(left,  #52A0FD 0%, #00C9FB 80%, #00C9FB 100%);background: linear-gradient(to right,  #52A0FD 0%, #00C9FB 80%, #00C9FB 100%);}
#cancel-button {box-shadow: -1px 5px 10px #FF7DAE;background: #FF1744;background: -moz-linear-gradient(left,  #FF1744 0%, #FF5D95 80%, #FF5D95 100%);    background: -webkit-linear-gradient(left,  #FF1744 0%, #FF5D95 80%, #FF5D95 100%);background: linear-gradient(to right,  #FF1744 0%, #FF5D95 80%, #FF5D95 100%);}
#add-button {display: block; position: absolute;right:20px;bottom: 20px;}
#add-button:hover, #ok-button:hover, #cancel-button:hover {transform: scale(1.03);}
#add-button:active, #ok-button:active, #cancel-button:active {transform: translateY(3px) scale(.97);}
.days-table, .dates-table, .months-table { border-collapse:separate; text-align: center;width: 96%;margin-left: 2%;} 
.day { height: 26px;width: 26px;padding: 0 10px;line-height: 26px; border: 2px solid transparent;text-transform:uppercase; font-size:90%; color:#9e9e9e; } 
.month {cursor: default; height: 26px;width: 26px;padding: 0 2px;padding-top:10px;line-height: 26px;  text-transform:uppercase;  font-size: 11px; color:#9e9e9e; transition: all 250ms;}
.active-month {font-weight: bold;font-size: 14px;color: #FF1744;text-shadow: 0 1px 4px RGBA(255, 50, 120, .8);}
.month:hover {color: #FF1744;text-shadow: 0 1px 4px RGBA(255, 50, 120, .8);}
.table-date { cursor: default;color:#2b2b2b;  height:26px;width: 26px;font-size: 15px;padding: 10px;line-height:26px; text-align:center;border-radius: 50%;border: 2px solid transparent;transition: all 250ms;}
.table-date:not(.nil):hover { border-color: #FF1744;box-shadow: 0 2px 6px RGBA(255, 50, 120, .9);}
.event-date { border-color:#52A0FD;box-shadow: 0 2px 8px RGBA(130, 180, 255, .9);}
.active-date{ background: #FF1744;box-shadow: 0 2px 8px RGBA(255, 50, 120, .9);color: #fff;}
.event-date.active-date {background: #52A0FD;box-shadow: 0 2px 8px RGBA(130, 180, 255, .9);}
.dialog{ border-radius: 10px;z-index: 5;background: #fff;position:absolute;width:48%;left:51%;border-top-right-radius:3px;border-bottom-right-radius: 3px; display:none;box-shadow: 3px 8px 16px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);-moz-box-shadow: 3px 8px 16px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);-webkit-box-shadow: 3px 8px 16px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.form-container {margin-top:25%;}
.form-label { color:#333;}
.input {border:none;background: none;border-bottom: 1px #aaa solid;display:block;margin-bottom:50px;width: 200px;height: 20px;text-align: center;transition: border-color 250ms;}
.input:focus {outline:none;border-color: #00C9FB;}
.error-input {border-color: #FF1744;}
.event-form{padding-left: 20px; padding-right: 20px; margin-top: 15px;margin-bottom: 15px;}
.event-form .button{margin-left: 20px;}
.event-form .btn-sec{float: right;}
.event-form .form-group{margin-bottom: 10px;}
.event-close{position: absolute;right: 6px;top: 5px;}
.delete-icon{ color: #fff;padding: 5px 10px;border-radius: 50%;box-shadow: -1px 5px 10px #FF7DAE;background: #FF1744;background: -moz-linear-gradient(left, #FF1744 0%, #FF5D95 80%, #FF5D95 100%); background: -webkit-linear-gradient(left, #FF1744 0%, #FF5D95 80%, #FF5D95 100%);background: linear-gradient(to right, #FF1744 0%, #FF5D95 80%, #FF5D95 100%);}
.edit-icon{ margin-top: 7px;color: #fff;padding: 5px 10px;border-radius: 50%;box-shadow: -1px 5px 10px #52A0FD;background: #52A0FD;background: -moz-linear-gradient(left,  #52A0FD 0%, #00C9FB 80%, #00C9FB 100%); background: -webkit-linear-gradient(left,  #52A0FD 0%, #00C9FB 80%, #00C9FB 100%);background: linear-gradient(to right,  #52A0FD 0%, #00C9FB 80%, #00C9FB 100%);}
::-webkit-scrollbar{width:5px;height:7px}
::-webkit-scrollbar-button{width:0;height:0}
::-webkit-scrollbar-thumb{background:#525965;border:0 none #fff;border-radius:0}
::-webkit-scrollbar-thumb:hover{background:#525965}
::-webkit-scrollbar-thumb:active{background:#525965}
::-webkit-scrollbar-track{background:transparent;border:0 none #fff;border-radius:50px}
::-webkit-scrollbar-track:hover{background:transparent}
::-webkit-scrollbar-track:active{background:transparent}
::-webkit-scrollbar-corner{background:transparent}
.event-dec{padding: 5px 12px 5px 12px;text-align: justify; height: 90px;overflow-y: scroll;}
/* Tablets and smaller */
@media only screen and (max-width: 780px) {
.content { overflow: visible;position:relative;width: 100%;height: 100%; background: #52A0FD;background: -moz-linear-gradient(left,  #52A0FD 0%, #00C9FB 80%, #00C9FB 100%);background: -webkit-linear-gradient(left,  #52A0FD 0%, #00C9FB 80%, #00C9FB 100%);background: linear-gradient(to right,  #52A0FD 0%, #00C9FB 80%, #00C9FB 100%);}
.dialog {width:100%;height: 450px; border-radius: 3px;top:0;left:0;}
.events-container { float:none;overflow: visible;margin: 0 auto;padding: 0;display: block;left: 0;border-radius: 3px;}
.calendar-container {float: none;padding: 0; margin: 0 auto;margin-right: 0;display: block; left: 0; border-radius: 3px; box-shadow: 3px 8px 16px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);-moz-box-shadow: 3px 8px 16px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);-webkit-box-shadow: 3px 8px 16px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
}
/* Small phone screens */
@media only screen and (max-width: 400px) {
.content, .events-container, .year-header, .calendar-container { width: 320px; }
.dialog {width: 320px;}
.months-table { display: block;margin: 0 auto;width: 320px;}
.event-card {width: 300px;}
.day {padding: 0 7px;}
.month { display: inline-block; padding: 10px 10px; font-size: .8rem;}
.table-date { width: 20px; height: 20px; line-height: 20px; }
.event-name, .event-count, .event-cancelled { font-size: .8rem;}
.add-button{ bottom: 10px; right: 10px; padding: 0.5rem 1.5rem;}
} 
/*Mobile Screen*/
@media only screen and (max-width: 700px){
  .heading-pp{width: unset;}
  .heading-pp h3{font-size: 15px; margin-top: 10px;}
  .powered-css p{display: block;}
  .copyrights-login{position: unset;}
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

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

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

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

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

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

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

#drop_file_zone {
    background-color: #EEE;
    border: #999 5px dashed;
    width: 290px;
    height: 200px;
    padding: 8px;
    font-size: 18px;
}
#drag_upload_file {
  width:50%;
  margin:0 auto;
}
#drag_upload_file p {
  text-align: center;
}
#drag_upload_file #SelectFile {
  display: none;
}