@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
html, body{height:100%;background-color: #f5f6fa;}
body{margin:0; padding:0;font-family: 'Roboto', sans-serif; font-weight:400; font-size:16px; color:#333333; background-image: radial-gradient(rgba(41,174,92,0), #29ae5c); }
a {text-decoration:none; color:#333333; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
a:hover { color:#29ae5c; text-decoration:none;}
a:focus{outline:none; text-decoration:none; color:inherit; }
:focus{outline:none;}
.btn:focus, .btn.focus { box-shadow: none; }
h1,h2,h3,h4,h5,h6{margin:0 0 15px 0; padding:0; font-family: 'Roboto', sans-serif;}
h1{font-size:36px;font-weight:700;color:#283d9a;}
h2{font-size:30px;font-weight:400;color:#262362;}
h3{font-size:26px;font-weight:700;color:#283d9a;}
h4{font-size:22px;font-weight:400;color:#283d9a;}
h5{font-size:20px;font-weight:500;color:#29ae5c;}
h6{font-size:16px;font-weight:400;color:#11263c;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit; text-decoration:none; font-size:inherit;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:none;}
p, ul, ol { margin:0 0 20px 0;color:#77809b; line-height:24px;font-family: 'Lato', sans-serif;}
p:last-child { margin-bottom:0; }
ul, ol{margin:0; }
strong, b{ font-weight:700;}

.fl { float:left; }
.fr { float:right; }
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
img { max-width: 100%; vertical-align: middle }
.cf:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.cf { display: block; }

.row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; }
.align-center { align-items:center; -webkit-align-items:center; }
.space-between { -webkit-justify-content: space-between; justify-content: space-between; }
.col-1 { width: 8.333333%; }
.col-2 { width: 16.666667%; }
.col-3 { width: 25%; }
.col-4 { width: 33.333333%; }
.col-5 { width: 41.666667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.333333%; }
.col-8 { width: 66.666667%; }
.col-9 { width: 75%; }
.col-10 { width: 83.333333%; }
.col-11 { width: 91.666667%; }
.col-12 { width: 100%; }
/* row css */

.main-bg { background:#2daf5f url(../images/homepage-bg.jpg) 50% 50% no-repeat; min-height:1070px; }
.header { position:relative; }
.logo { width:140px; margin:0 auto; background:#fff; text-align:center; border-bottom:5px solid #262362; }
.logo a { display:block; padding:35px 22px 14px 22px; }
.logo.inner { width:150px; display:block; margin:0 auto; }
.logo.inner { margin-bottom:-35px; }
.logo.inner a { padding:0px; }

.login-btn { position:absolute; right:0; top:125px; font-size:16px; text-transform:uppercase; font-weight:700; }
.login-btn a { color:#262361; display:block; background:#fff; line-height:60px; padding:0 60px; -o-border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; }
.login-btn a:hover { background:#262362; color:#fff; }

.sub-login-btn { position:absolute; right:0; top:5px; font-size:16px; text-transform:uppercase; font-weight:700; }
.sub-login-btn a { color:#262361; display:block; background:#fff; line-height:45px; padding:0 30px; -o-border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; }
.sub-login-btn a:hover { background:#262362; color:#fff; }

.user-menu { position:absolute; right:0; top:30px; max-width: 60px; }
.user-menu img { border:2px solid #262362; -o-border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }
.user-dropdown {
    list-style: none;
    background: #fff;
    padding: 0;
    position: absolute;
    top: 60px;
    right: 0;
    width: 150px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.user-dropdown:before {
    content: "";
    height: 10px;
    width: 10px;
    background-color: #ffffff;
    position: absolute;
    top: -6px;
    right: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: 1px solid #EEF1F3;
    border-top: 1px solid #EEF1F3;
    pointer-events: none;
}
.user-dropdown.open {
    top: 74px;
    opacity: 1;
    visibility: visible;
    pointer-events: inherit;
    z-index: 9;
}
.user-dropdown li {
    border-bottom: 1px solid #EEF1F3;
}
.user-dropdown li a {
    display: block;
    padding: 5px 15px;
    font-size: 14px;
}

.container { width:1100px; margin:0 auto; }

.data-contaner { background:#f3f3f3; padding:80px 0 30px 0; border-bottom:1px solid #87b99a; box-shadow: 5px 0 10px rgb(0 0 0 / 30%); /*-webkit-box-shadow: 0 5px 5px rgb(0 0 0 / 30%);    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);*/ }

.plan-calendar { background:#ffffff; }
.plan-calendar .owl-dots { display:none; }
.plan-calendar .owl-carousel .owl-nav button.owl-prev,
.plan-calendar .owl-carousel .owl-nav button.owl-next { font-size:36px; color:#339966; margin:-20px 0 0 0; height:40px; line-height: 40px; }
.plan-calendar .owl-theme .owl-nav{ margin:0; }
.plan-calendar .owl-carousel .owl-nav button.owl-prev { position:absolute; left:0; top:50%; outline: none; }
.plan-calendar .owl-carousel .owl-nav button.owl-next { position:absolute; right:0; top:50%; outline: none; }
.plan-calendar .owl-carousel .owl-nav button:hover { background:none; color:#339966; }
.plan-calendar .owl-stage-outer { /*padding:0 20px;*/ }
.plan-calendar .item { text-align:center; padding:20px; color:#9a9a9a; cursor:pointer; }
.plan-calendar .month { font-size:12px; text-transform:uppercase; color:#c6c6c6; }
.plan-calendar .date { font-size:26px; font-weight:700; }
.plan-calendar .day { font-size:16px; }
.plan-calendar .item.active { background:#339966; color:#fff; } 
.plan-calendar .item.active .month { color:#fff; }

.s-plan h3,
.s-plan .ui-accordion h3 { font-size:22px; line-height:30px; text-align:left; padding:25px 90px 25px 20px; margin:0; border:0; border-bottom:1px solid #d8d8d8; background:none; color:#333333;
 -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.s-plan .ui-accordion h3 .time { position:absolute; right:60px; color:#666666; }
.s-plan .ui-icon { position:absolute; right:20px; top:25px; }
.s-plan .ui-accordion h3 .time { top: 25px; }
.s-plan .ui-accordion .ui-accordion-header { font-size:22px; line-height:30px; text-align:left; padding:25px 90px 25px 20px; border:0; border-bottom:1px solid #d8d8d8; background:none; color:#333333; position:relative; cursor:pointer;
 -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.s-plan .ui-accordion .ui-accordion-header.ui-accordion-header-active { color:#339966; background:#ffffff; border-bottom:1px solid #d6ebe0; }
.s-plan .ui-accordion .ui-accordion-header.ui-state-hover,
.s-plan .ui-accordion .ui-accordion-header.ui-accordion-header-active .ui-icon:before,
.s-plan .ui-accordion .ui-accordion-header.ui-state-hover .ui-icon:before,
.s-plan .ui-accordion .ui-accordion-header.ui-accordion-header-active .time,
.s-plan .ui-accordion .ui-accordion-header.ui-state-hover .time { color:#339966; }
.s-plan .ui-widget-content { border:0;}
.s-plan .ui-accordion .ui-accordion-content { padding:20px; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0; }
.s-plan .ui-widget {  }
.s-plan .ui-helper-reset { line-height:24px; }
.s-plan .ui-icon, 
.s-plan .ui-widget-content .ui-icon { background:none; text-indent:0; width:30px; height:30px; line-height:30px; }
.s-plan .ui-icon:before, 
.s-plan .ui-widget-content .ui-icon:before { font-weight:700; content:"\f105"; font-family: 'Font Awesome 5 Free'; position: absolute; top: 0; left: 0; font-size:30px; text-align: center; width: 100%; height: 100%; color:#666666; }
.s-plan .ui-state-active .ui-icon, 
.s-plan .ui-button:active .ui-icon,
.s-plan .ui-state-hover .ui-icon, 
.s-plan .ui-button:hover .ui-icon,
.s-plan .ui-state-focus .ui-icon, 
.s-plan .ui-button:focus .ui-icon { background:none; }
.s-plan .ui-state-active .ui-icon:before, 
.s-plan .ui-button:active .ui-icon:before { content:"\f107"; }

.s-plan .b-btns { text-align:right; padding-top:30px; }
.s-plan .b-btns a { margin-left:20px; }
.s-plan .b-btns a i { margin-right:5px; }


.u_login { max-width:660px; }


/* tab menu css start */
.mobile-tabs { display:none; padding-bottom:20px; }
.mobile-tabs h1 { text-align:center; }
.tabs-left { float:left; width:100%; }
.tabs-right { float:right; width:100%; }
.tabs-right h1{ text-align:left; }
#u_login .tabs-left ul { margin:0; font-size:0; padding:0; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-direction: row; }
#u_login .tabs-left ul li { display:inline-block; margin:0; width:50%; position:relative; }
#u_login .tabs-left ul li a { height:100%; display:block; text-align:center; color:#999999; font-size:20px; font-weight:700; text-transform:uppercase; display:block; padding:22px 0; background:#f6f6f6; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;  
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;
-webkit-transition:500ms ease; -moz-transition:500ms ease; -o-transition:500ms ease; transition: 500ms ease; }
#u_login .tabs-left ul li:last-child a { border-right:none; }
#u_login .tabs-left ul li.t01 a { -webkit-border-radius:20px 0 0 0; -moz-border-radius:20px 0 0 0; -o-border-radius:20px 0 0 0; border-radius:20px 0 0 0; }
#u_login .tabs-left ul li.t02 a {  -webkit-border-radius:0 20px 0 0; -moz-border-radius:0 20px 0 0; -o-border-radius:0 20px 0 0; border-radius:0 20px 0 0; }
#u_login .tabs-left ul li a:hover { color:#fff; background:#29ae5c; }
#u_login .tabs-left ul li.ui-tabs-active a { color:#29ae5c; background:#fff; border-bottom:1px solid #fff; }
.ui-corner-bottom, .mobile-tabs { background:#ffffff; padding:30px 50px; font-size:14px; text-align:left; -webkit-border-radius:0 0 20px 20px; -moz-border-radius:0 0 20px 20px; -o-border-radius:0 0 20px 20px; border-radius:0 0 20px 20px; }
/* tab menu css end */


.loginarea { }
.form .input { font-family: 'Roboto', sans-serif; font-size:16px; font-weight:400; border:1px solid #e1e1e1; background:#f6f6f6; width:100%; margin-bottom:30px; font-size:14px; color:#aaaaaa; font-weight:400; padding:0 50px 0 15px; line-height:48px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; }
.form textarea.input { line-height:24px; padding-top:10px; padding-bottom:10px; }
.form ul { padding:0; margin:0; }
.form li { list-style:none; position:relative; }
.form .input:focus { border-color:#339966; color:#339966; }
.form .input:focus + i { color:#339966; }
.form .input + i { position:absolute; right:20px; line-height:50px; font-size:16px; color:rgba(0,0,0,0.3); pointer-events:none; }
::-webkit-input-placeholder { color:#aaaaaa; }
::-moz-placeholder { color:#aaaaaa; }
::-o-placeholder { color:#aaaaaa; }
::placeholder { color:#aaaaaa; }
::-ms-input-placeholder { color:#aaaaaa; }
.form .btn { border:none; background:#29ae5c; padding:0 25px; margin-top:30px; display:inline-block; font-family: 'Roboto', sans-serif; font-size:16px; color:#ffffff; font-weight:500; text-transform:uppercase; line-height:50px; width:100%; -webkit-border-radius:25px; -moz-border-radius:25px; -o-border-radius:25px; border-radius:25px; cursor:pointer; }
.form .btn:hover { background:#262362; color:#fff; }
.loginarea .register { font-size:16px; float:left; margin-top:30px; }
.loginarea .register a { color:#339966; }
.loginarea .register a:hover { text-decoration:underline; }
.loginarea .forgetpw { font-size:16px; float:right; margin-top:30px; }
.loginarea .forgetpw a { color:#999999; text-decoration:underline; }
.loginarea .forgetpw a:hover { color:#339966; text-decoration:none; }
.register { /*padding:25px;*/ }

.register .input { font-family: 'Roboto', sans-serif; font-size:16px; font-weight:400; border:1px solid #e1e1e1; background:#f2f2f2; width:100%; margin-bottom:30px; font-size:14px; color:#aaaaaa; font-weight:400; padding:0 15px; line-height:48px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; }
.register ul { padding:0; margin:0; }
.register li { list-style:none; position:relative; }
.register input:focus { border-color:#339966; color:#339966; }
.register input:focus + i { color:#339966; }
.register input + i { position:absolute; right:20px; line-height:50px; font-size:16px; color:rgba(0,0,0,0.3); pointer-events:none; }
.register .btn { border:none; background:#29ae5c; padding:0 25px; margin-top:0; display:inline-block; font-family: 'Roboto', sans-serif; font-size:16px; color:#ffffff; font-weight:500; text-transform:uppercase; line-height:50px; width:100%; -webkit-border-radius:25px; -moz-border-radius:25px; -o-border-radius:25px; border-radius:25px; cursor:pointer; }
.register .btn:hover { background:#262362; color:#fff; }
.register .register { font-size:16px; float:left; margin-top:30px; }
.register .register a { color:#339966; }
.register .register a:hover { text-decoration:underline; }
.register .forgetpw { font-size:16px; float:right; margin-top:30px; }
.register .forgetpw a { color:#999999; text-decoration:underline; }
.register .forgetpw a:hover { color:#339966; text-decoration:none; }
.register form label { font-weight:500; color:#999999; margin-bottom:5px; }
.register form li { margin-bottom:20px; }
.register form label small { font-size:12px; font-weight:400; }
.register .mb-0 { margin-bottom:0; }
.register .mb-10 { margin-bottom:10px; }
.register .two-col { font-size:0; }
.register .two-col > div { display:inline-block; width:48%; }
.register .two-col > div:first-child { margin-right:2%; }
.register .two-col > div:last-child { margin-left:2%; }
.register form label.sub { color:#afafaf; font-weight:400; margin-top:5px; }

.register .box-01 { padding:20px; text-align:left; background:#fafafa; border:1px solid #e1e1e1; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; }
.register .box-01 .s01 { padding:20px 0 0 40px; }

.loginarea form label { display:inline-block; text-align:left; }
.loginarea form .check-box { text-align:left; }

form label { display:inline-block; }
form .txt-box { color:#666666; background:#eff3f4; border:1px solid #dbe4e6; padding:8px 10px; width:100%; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; }
form .txt-box2 { color:#666666; background:#fff; border:1px solid #dbe4e6; padding:0 10px; line-height:42px; width:100%; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; }
form .txt-box:hover,
form .txt-box:focus,
form .txt-box2:hover,
form .txt-box2:focus { border-color: #339966; }
form .button { font-family: 'Roboto', sans-serif; font-size:16px; font-weight:bold; text-transform:uppercase; padding:0 25px; border:0; line-height:44px; background:#262362; color: #fff; cursor:pointer; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px; border-radius:30px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
form .button:hover { background:#29ae5c; }
form textarea  { resize:none; height:100px; }
form label { font-size:16px; color:#666; line-height:20px; text-align:left; display:block; margin-bottom: 5px; }
form .combo select { font-family: 'Roboto', sans-serif; font-size:14px; position:relative; z-index:2; padding:15px 20px; color:#999999; width:100%; height:100%; background:#f2f2f2; border:1px solid #e1e1e1; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-appearance: none; -moz-appearance: none; -moz-appearance: none; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;  }
form .combo select:hover,
form .combo select:focus { border-color:#339966; }
form .combo { /*border:1px solid #dbe4e6;*/ background:#eff3f4; color:#666666; position:relative; width:100%; display:inline-block; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; }
form .combo:after{ content:""; position:absolute; z-index:1; right:10px; top:50%; margin-top:-4px; width:11px; height:7px; background:url(../images/dropdown-arrow.png) 0 0 repeat; }
form .combo select + i { position:absolute; right:20px; line-height:50px; font-size:16px; color:#999999; z-index:2; pointer-events:none; }
form .combo select:hover + i,
form .combo select:focus + i { color:#29ae5c; }
form .calendar { position:relative; }

form span.check { position:relative; float:left; }
form .check-box label { line-height:30px; }
form span.check input[type="checkbox"]{ margin:0 0 0 0; }
form span.check input[type="checkbox"].simplecheckbox{ position:absolute; margin:0; opacity:0; left:0; width:30px; height:30px; }
form span.check a.simplecheckbox-cover{ background:url(../images/check.png) no-repeat; width:30px; height:30px; margin:0 7px 0 0; float:left; }
form span.check a.simplecheckbox-cover.cover-tick{ background:url(../images/checked.png) no-repeat; }
form .checkbox, form .radio { width:19px; height:25px; padding:0 5px 0 0; background:url(../images/checkbox.png) no-repeat; display:block; clear:left; float:left; }
form .radio { background:url(../images/radio.png) no-repeat; margin:-2px 7px 0 0; }

form .select { position:absolute; width:158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */ height:21px; padding:0 24px 0 8px; color:#fff; font:12px/21px arial,sans-serif; background:url(../images/select.png) no-repeat; overflow:hidden; }


form li.check-box { margin:15px 0; }

.changepwd { width:400px; max-width: 100%; }
.form-list li { margin-bottom: 15px; }
.form-list li lable { font-size:16px; color:#666; line-height:20px; text-align:left; display:block; margin-bottom: 5px; }
.form-list .two-col { font-size:0; }
.form-list .two-col > div { display:inline-block; width:calc(50% - 8px); }
.form-list .two-col > div:first-child { margin-right:8px; }
.form-list .two-col > div:last-child { margin-left:8px; }
.form-list .combo select { padding:0 10px; background: #fff;  }
.form-list .combo select + i { line-height: 44px; }

.invitetbl .txt-box { background:#fff; }

.copyright { background:#fff; line-height:30px; padding:23px 0; font-size:14px; color:#777777; }
.copyright .lpart { float:left; width:50%; }
.copyright .rpart { float:right; width:50%; text-align:right; }
.copyright .rpart a { color:#777777; padding:0 5px; }
.copyright .rpart a:hover { color:#29ae5c; }


.popup-bg { position:fixed; content:""; background:rgba(38,35,98,0.9); left:0; top:0; width:100%; height:100%; z-index:998; opacity:0; visibility:hidden; }
.popup-bg.active { opacity:1; visibility:visible;}
.popup-wrapper {
    min-height: calc(100vh);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    flex-direction: column;
    position:fixed;
    z-index:999;
    width:100%;
    opacity:0; visibility:hidden;
    transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;
    top:0;
}
.popup-wrapper.active { position:absolute; }
.popup-wrapper .form.login { padding:0; }
.popup-wrapper.active { opacity:1; visibility:visible; }


.popup-wrapper .popup-content {
    min-width:660px;
    max-width: 100%;
    padding:15px;
    box-shadow: 0px 0px 10px 0px rgba(30, 30, 30, 0.05);
    border-radius: 10px;
    background-color: #ffffff;
    position:relative; z-index:1;
}
.popupclose-btn { cursor:pointer; font-size:16px; font-weight:700; color:#848484; width:29px; height:29px; line-height:29px; text-align:center; border:0; position:absolute; right:-9px; top:-9px; background:#f3f3f3; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%;
box-shadow: 1px 0px 10px 0px rgba(1,1,1,0.3);
-webkit-box-shadow: 1px 0px 10px 0px rgba(1,1,1,0.3);
-moz-box-shadow: 1px 0px 10px 0px rgba(1,1,1,0.3); }
.popup-wrapper .popup-content.login { -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px; }
.s-review { text-align:left; padding:10px 20px; }
.s-review h5 { text-transform:uppercase; padding-bottom:0px; }
.s-review .btn { margin-top:0; }
.s-review textarea.input { height:220px; font-size:16px; line-height:30px; color:#333333; }
.s-review textarea.input:hover,
.s-review textarea.input:focus { color:#333333; }

/**** Viral css ****/

.action-wrapper .btn {
    margin-right: 20px;
}
.action-wrapper .btn:last-child {
    margin-right: 0;
}

.btn {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color:#262361;
    display:inline-block;
    background:#fff;
    line-height:normal;
    padding:15px 20px;
    -o-border-radius:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
}
.btn:hover {
    background:#262362;
    color:#fff;
 }
 .btn.small { padding:0 20px; line-height:36px; font-size:14px; }
 .btn.green-btn {
    background: #339966;
    color: #fff;
 }
 .btn.green-btn:hover {
    background:#262362;
    color:#fff;
 }

 .session-section {
    padding:40px 0 0 0;
 }
 .session-section .action-wrapper {
    margin-bottom: 30px;
 }
 .action-wrapper .date {
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    background: #339966;
    padding: 22px 20px;
    display: inline-block;
    min-width: 242px;
 }

 .activity-list {
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -15px;
    margin-right: -15px;
    max-width: 100%;
 }
 .activity-list li {
    width: 33.333333%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
 }
 .activity-list li h6 {
    font-weight: 700;
    color: #262362;
    margin-bottom: 15px;
 }
 .activity-list li .image {
    overflow: hidden;
    background: #000;
    margin-bottom: 10px;
 }
 .activity-list li .image img {
    width: 100%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
 }
 .activity-list li:hover .image img {
    opacity: .8;
 }
 .activity-list li table,
 .activity-list li td,
 .activity-list li th {
    padding: 0;
    border: 0;
    border-collapse: collapse;
    color: #999;
 }
 .activity-list li table {
    margin-bottom: 20px;
 }
 .activity-list li td {
    padding: 5px 0;
 }
 .activity-list li td.label {
    width: 60px;
 }
 .activity-list li td.colon {
    width: 30px;
 }
 .activity-list li .equipment-needed {
    font-weight: 500;
    color: #339966;
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #339966;
}
.activity-list li .equipment-needed.disabled {
    color: #e4e4e4;
}

.customize-section {
    padding:0;
}

.customize-section-edit-list .left-block {
    width: 70%;
}
.white-box {
    background: #fff;
    margin-bottom: 20px;
}
.white-box:last-child {
    margin-bottom: 0;
}
.white-box .head {
    padding: 30px 20px;
    border-bottom: 1px solid #d6ebe0;
}
.white-box .head h4 {
    margin-bottom: 0;
    font-weight: bold;
    color: #339966;
}
.white-box .head .number {
    font-size: 20px;
    font-weight: bold;
    color: #339966;
    display: inline-block;
    margin-right: 20px;
}
.white-box .head .edit,
.white-box .head .remove {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
}
.white-box .head .edit {
    color: #666;
    margin-right: 20px;
}
.white-box .head .remove {
    color: #cc3333;
}
.white-box .body {
    padding: 20px;
}

.customize-section-edit-list .activity-list {
    margin-left: -10px;
    margin-right: -10px;
    min-height: 150px;
}
.customize-section-edit-list .activity-list li {
    padding-left: 10px;
    padding-right: 10px;
}
.customize-section-edit-list .activity-list li {
    margin-bottom: 20px;
}
.customize-section-edit-list .activity-list li h6 {
    font-size: 14px;
    position: relative;
    padding-right: 20px;
    padding-left: 20px;
}
.customize-section-edit-list .activity-list li.sortable_clone .sess-act-box { width:50% !important; }
.customize-section-edit-list .activity-list li h6 .handle {
    position: absolute;
    width: calc(100% - 20px);
    height: 100%;
    left: 0;
    top: 0;
    cursor: move;
}
.customize-section-edit-list .activity-list li h6 .remove-activity {
    font-size: 18px;
    color: #cc3333;
    position: absolute;
    right: 0;
}
.customize-section-edit-list .activity-list li table {
    font-size: 12px;
}
.customize-section-edit-list .activity-list li td.label {
    width: 40px;
}
.customize-section-edit-list .activity-list li td.colon {
    width: 20px;
}
.customize-section-edit-list .activity-list li .equipment-needed {
    font-size: 12px;
}

.customize-section-edit-list .right-block {
    width: 28%;
}
.search-box {
    position: relative;
}
.search-box .input {
    width: 100%;
    background: #fff;
    padding: 18px 60px 18px 20px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #339966;
    border: 1px solid #fff;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.search-box .input:focus {
    border-color: #339966;
}
.search-box button {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    background: transparent;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    color: #339966;
    cursor: pointer;
}
.search-box .search-result {
    background: #fff;
    position: relative;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    max-height: 650px;
    overflow: auto;
}
.search-box .search-result {
    list-style: none;
    padding: 0;
    padding: 10px 0;
}
.search-box .search-result li {
    font-size: 14px;
    font-weight: 700;
    color: #666;
    position: relative;
    padding: 10px 20px 10px 50px;
    /*cursor: move;*/
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    width: 100%;
}
.search-box .search-result li .handle {
    position: absolute;
    left: 0;
    top: 0;
    color: #339966;
    cursor: move;
    display: block;
    height: 100%;
    width: 50px;
    text-align: center;
}
.search-box .search-result li .handle i { margin-top: 15px; }
/*
.search-box .search-result li:after {
    position: absolute;
    content: "\f0b2";
    font-family:"Font Awesome 5 Free";
    font-weight: 900;
    color: #339966;
    left: 20px;
    top: 10px;
}*/
.search-box .search-result li:hover {
    color: #339966;
    background: #eaf5ef;
}


/* Popup */
.lity{
    background: rgba(38, 35, 98, .9);
}
.lity-content:after{
    -webkit-box-shadow: none;
    box-shadow: none;
}
.lity-content ~ .lity-close{
    display: none;
}
.video-popup{
    width: 660px; /*max-width:96%; margin:0 auto;**/
    background: #fff;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    /*overflow-y:scroll;*/
}
.video-popup .lity-close{
    position: absolute;
    width: 30px;
    height: 30px;
    background: #efefef;
    font-family: 'Roboto', sans-serif;
    border-radius: 30px;
    font-size: 20px;
    color: #848484;
    line-height: 30px;
    text-shadow: none;
    top: -10px;
    right: -10px;
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.15);
    box-shadow: 0 5px 5px rgba(0,0,0,.15);
    transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none;
}

.video { padding:20px; }
.video iframe { width:100%; height:300px; }

.modal { background: rgba(38, 35, 98, .9); }
.modal button { outline:none; }
.videopopup { padding-right:0 !important; }
.videopopup .modal-dialog { max-width:96% !important; }
.videopopup .close { position:absolute; right:0; width:40px; height:40px; z-index:1; }

.pvide { padding:15px; }
.pvide .video { padding:0; }
.pvide .data { text-align:left; padding:0 0 0 30px; }
.pvide .data .eq-list { padding:0 0 20px 0; }
.pvide .data .eq-list li { list-style:disc; padding:0; margin:0; width:calc(50% - 15px); float:left; margin-left:15px; }
.pvide .data .tf-list  { padding:0 0 20px 0; }
.pvide .data .tf-list li { list-style:none; padding:0; margin:0 0 10px 0; width:100%; }
.pvide .data .tf-list li a { position:relative; padding-left:30px; display:block; line-height:20px; }
.pvide .data .tf-list li a:hover * { color:#333; } 
.pvide .data .tf-list li a:before { content:"\f144"; font-family: 'Font Awesome 5 Free'; position: absolute; top:5px; left: 0; font-size:22px; color:#666666; }
.pvide .data .tf-list li .time { color:#999; font-weight:400; }
.pvide .data .tf-list li .title { font-weight:700; color:#29ae5c; }
.pvide .data .tf-list li .desc { color:#999; }
.equipment-needed { cursor: pointer; margin-bottom:10px; }
.equipment-needed-div .eq-list { padding:0; }
.equipment-needed-div .eq-list li { list-style:disc; padding:0; margin:0; width:calc(100% - 15px); float:left; margin-left:15px; }

.alert { position: relative; border: 1px solid transparent; border-radius: .25rem; padding:8px 10px; margin-bottom:15px; }
.alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; }
.alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; }
.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }
.alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; }
.alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; }
.alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; }

.mb-0 { margin-bottom:0 !important; }
.mb-10 { margin-bottom:10px !important; }
.mb-20 { margin-bottom:20px !important; }


.table{ width:100%; border-collapse:collapse; border:0; }
.table td {}
.table tr { transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; }
.table tr:hover{ background-color:#f1f1f1; }
.table tbody tr:nth-child(2n):hover{ background-color:#f1f1f1; }
.table .highlight { color:#795cf4; }
.table a { display:inline-block; text-decoration:none; color:#262361; }
.table a:hover { color: #29ae5c; }
.table .link2 a { color: #666666 }
.table .link2 a:hover { color: #795cf4 }
.table .link2 b { letter-spacing: 0.1px; color: #795cf4; }
.table tr.table-head { background-color:#29ae5c; padding:15px 10px; font-weight:bold; font-size:16px; color:#ffffff; text-align:left; }
.table tr.table-head td { color:#ffffff; }
.table tr td { padding:12px 10px; font-size:14px; color:#666666; font-weight:bold;}
.table tbody tr { background-color:#ffffff; border-bottom:1px solid #dedede; }
.table tbody tr:nth-child(even) { background-color:#fbfbfb; }

.ptitle { line-height:36px; }
.ptitle .btn { float:right; }
.addmorelink { text-align:right; margin:10px 0; }

.search-result li .sess-act-box { display:none; }
.white-box-outer .white-box ul.activity-list .act-name { display:none; }

.customize-section .white-box .head { margin: 0; }
.customize-section .search-box   { position: sticky; top: 0; }
.customize-section .search-box .search-result { margin: 0; max-height: 350px; }
.customize-section .search-box .search-result li { margin-bottom: 0; }

.team_selector { float: right; display: block; font-size: 16px; max-width: 230px; }
.team_selector form .combo select { background: #fff; padding: 0 30px 0 10px; line-height: 34px; }
.team_selector form .combo select + i { right: 10px; line-height: 36px; }

.broadcast-msg { background: rgba(255,233,135,0.8); padding: 20px; margin-bottom: 20px; border: 1px solid #ffd000; }
.upgdealert { line-height: 50px; }
.upgdealert .btn { float: right; }

.edit_hdr_title,
.edit_hdr_time { border: 0; color: #333; border-bottom: 1px solid #dedede; padding: 5px 0; }
.edit_hdr_time { height: 33px; }

.customize-section-edit-list .activity-list li .handle { display: none; }
.customize-section-edit-list .activity-list li h6 .handle,
.search-box .search-result li .handle,
.search-result li .sess-act-box { display: block; }
.search-result li .sess-act-box h6,
.search-result li .handle,
.search-result li .act-name { display: none; }
.search-result li .handle { display: none !important; }
.search-result li .sess-act-box .image { position: absolute; width: 40px; left: 10px; right: 0; }
.search-result li .sess-act-box .handle { display: block !important; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; }
.search-box .search-result li { padding: 10px 20px 10px 60px; }

.upgradeacc .info { padding-left: 0; }
.upgradeacc .month { display: inline-block; width: 80px; margin-right: 10px; }
.upgradeacc .year { display: inline-block; width: 80px; margin-right: 10px; }
.upgradeacc .cvv-box { display: inline-block; width: 100px; margin-right: 10px; }

.popupmultiselectmenu .sel-dates-list { height: 100px; overflow-x: auto; background:#f2f2f2; border: 1px solid #e1e1e1; padding: 10px; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.popupmultiselectmenu .sel-dates-list label { font-size: 14px; line-height: 22px; }
.popupmultiselectmenu .sel-dates-list input[type="checkbox"] { position: relative; top: 2px; margin-right: 5px; }
.popupmultiselectmenu .sel-dates-list span.check a.simplecheckbox-cover.cover-tick,
.popupmultiselectmenu .sel-dates-list span.check a.simplecheckbox-cover { background-size: contain; }
.popupmultiselectmenu .sel-dates-list span.check a.simplecheckbox-cover { width: 22px; height: 22px; }
.popupmultiselectmenu .sel-dates-list li.check-box { margin: 0 0 10px 0; }

.white-box .head .move-up-hdr { color:#29ae5c; font-size: 16px; margin-left:10px }
.white-box .head .move-down-hdr { color:#ff0000; font-size: 16px; }
.white-box .head .add-hdr-before {border:none;background:#29ae5c;width:30px;height:30px;line-height:30px; margin-left:10px; text-align:center;display:inline-block;font-size:16px;color:#ffffff;font-weight:500;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;vertical-align: top;}
.white-box .head .add-hdr-before i { line-height:30px; }
.white-box .head .add-hdr-before:hover { background:#262362; color:#fff; }

select.disabledd { background-color:#e4e4e4 !important; }
.upgradeacc #error-message { width: 100%; }
.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like { font-family: 'Roboto', sans-serif !important; font-weight: 400; line-height: 24px !important; }
.sess-dates .item.date-disabled { opacity:0.35; }

.notificatio-menu { position: absolute; right: 80px; top: 50px; }
.notificatio-menu .new_notify_indicator { position: absolute; content: ""; width: 8px; height: 8px; right: 7px; top: 6px; background: #ff0000; border-radius: 50%; border: 2px solid #fff; }
.notificatio-menu .user-notify-link { width:30px; height:30px; display:block; background:rgba(255,255,255,0.7); border-radius:50%; text-align:center; }
.notificatio-menu .user-notify-link:hover { background:#fff; }
.notificatio-menu .user-notify-link i { line-height:30px; }
.notificatio-menu .user-dropdown { top:30px; right:-10px; width:200px; }
.notificatio-menu .user-dropdown.open { top:40px; }
.notificatio-menu .nmsg { padding:10px 10px 10px 35px; position:relative; font-size: 14px; line-height:18px; }
.notificatio-menu .nmsg:before { font-family:"Font Awesome 5 Free"; content:"\f075"; font-size: 16px; /*font-weight: 900;*/ position:absolute; left:15px; top:12px; }

.broadcast-msg-outer .broadcast-msg { position:relative; border:2px dashed #ffd000; font-size: 16px; line-height: 24px; padding:15px 15px 15px 45px; border-radius:5px; }
.broadcast-msg-outer .broadcast-msg:before { font-family:"Font Awesome 5 Free"; content:"\f075"; font-size: 20px; /*font-weight: 900;*/ position:absolute; left:20px; top:15px; }

#comm_outer_main { padding-top:20px; position:relative; }
#comm_outer_main .btn_open_msg { text-transform:uppercase; margin-bottom:15px; }
#comm_outer_main .recent-message-outer h6 { font-size:16px; font-weight:bold; margin-bottom:15px; }
#comm_outer_main .recent-message-outer .message-outer { font-size:14px; line-height: 20px; color:#333333; margin-bottom:10px; }
#comm_outer_main .recent-message-outer .msg-reply-outer { font-size: 13px; line-height: 18px; color: #666666; background:#f9f9f9; border: 1px solid #dedede; padding:10px; width:97%; margin:12px auto; border-radius:5px; position:relative; }
#comm_outer_main .recent-message-outer .msg-reply-outer:before { content: ""; height: 10px; width: 10px; background-color: #f9f9f9; position: absolute; top: -6px; left: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-left: 1px solid #dedede; border-top: 1px solid #dedede; pointer-events: none; }
#comm_outer_main .recent-message-outer .message-outer .rbtn { text-align:right; }
#comm_outer_main .recent-message-outer .message-outer .rbtn .msg_reply_btn { border:1px solid #252361; background:#fff; font-size:12px; font-weight:bold; line-height:26px; padding: 0 15px; border-radius:5px; cursor: pointer; }
#comm_outer_main .recent-message-outer .message-outer .rbtn .msg_reply_btn:hover { background:#252361; color:#fff; }

#comm_outer_main .recent-message-outer .new-reply-outer { background:#fff; border: 1px solid #dedede; padding:10px; width:100%; margin:12px auto; border-radius:5px; position:relative; }
#comm_outer_main .recent-message-outer .new-reply-outer:before { content: ""; height: 10px; width: 10px; background-color: #fff; position: absolute; top: -6px; right: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-left: 1px solid #dedede; border-top: 1px solid #dedede; pointer-events: none; }
#comm_outer_main .recent-message-outer .new-reply-text { width:100%; font-size: 14px; color: #999999; height: 70px; border:0; margin-bottom: 10px; resize:none; }
#comm_outer_main .recent-message-outer .new-reply-outer .rbtn { text-align:right; }
#comm_outer_main .recent-message-outer .new-reply-outer .rbtn .msg_reply_btn { border:1px solid #252361; background:#252361; color: #fff; font-size:12px; font-weight:bold; line-height:31px; text-transform: uppercase; padding: 0 20px; border-radius:30px; cursor: pointer; }
#comm_outer_main .recent-message-outer .new-reply-outer .rbtn .msg_reply_btn:hover { border: 1px solid #339966; background:#339966; color:#fff; }

#comm_outer_main .send-message-outer { font-size: 0; background:#f9f9f9; border: 1px solid #dedede; padding:15px; width:100%; border-radius:5px; position:absolute; left: 0; top: 70px; z-index:99; }
#comm_outer_main .send-message-outer:before { content: ""; height: 10px; width: 10px; background-color: #f9f9f9; position: absolute; top: -6px; left: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-left: 1px solid #dedede; border-top: 1px solid #dedede; pointer-events: none; }
#comm_outer_main .send-message-input,
#comm_outer_main .select-member-list { width:50%; display:inline-block; vertical-align:top; font-size:initial; margin-bottom: 10px; }
#comm_outer_main .send-message-input .new-message-text { width:100%; font-size: 14px; color: #999999; padding: 10px; height: 200px; border:1px solid #dedede; border-radius:5px; resize:none; }
#comm_outer_main .send-message-input { padding-right:15px; }
#comm_outer_main .select-member-list ul { padding:0; margin:0; max-height:200px; overflow:auto; }
#comm_outer_main .select-member-list li { list-style:none; font-size:14px; line-height:24px; color:#666666; position:relative; padding:0 0 0 20px; }
#comm_outer_main .select-member-list li input { position:absolute; left:0; top:6px; } 
#comm_outer_main .sbtn { text-align:right; font-size:initial; }
#comm_outer_main .sbtn button { border:1px solid #252361; background:#252361; color: #fff; font-size:14px; font-weight:bold; line-height:31px; text-transform: uppercase; padding: 0 15px; border-radius:30px; cursor: pointer; }
#comm_outer_main .sbtn button:hover { border: 1px solid #339966; background:#339966; color:#fff; }

.msg-goto-vid { cursor:pointer; }
.send-message-outer .send-message-input2 { width:100% !important; }