body{font-family: 'Rajdhani', sans-serif; font-size: 14px; height: 100%;position: relative;}
html{height: 100%;}
:focus{outline: none !important;}
button:focus{outline: none !important}
.bgcontainer{background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; min-height: 100%; /*padding-bottom: 8rem;*/ position: relative;}
.videocontainer{background-image: url(../images/video-bg.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; min-height: 100%; padding-bottom: 8rem; position: relative;}


.maincontainer{padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 1560px;}
.maincontainer:after{display: table; content: " ";}
.maincontainer:before{display: table; content: " ";}
.maincontainer:after{clear: both;}
.headcontainer{background: transparent; padding: 15px 0px; background: linear-gradient(#2c3234, rgba(44, 50, 52, 0)); background: -webkit-linear-gradient(#2c3234, rgba(44, 50, 52, 0)); background: -moz-linear-gradient(#2c3234, rgba(44, 50, 52, 0)); background: -ms-linear-gradient(#2c3234, rgba(44, 50, 52, 0)); background: -o-linear-gradient(#2c3234, rgba(44, 50, 52, 0));}
.headcontainer .logocontainer{float: left; padding-right: 80px; position: relative;}
.headcontainer .logocontainer img{max-width: 100%; max-height: 100%;}
.headcontainer .navicon{position: absolute; right: 0px; top: 27px; width: 40px;}
.headcontainer .navicon a{float: left;}
.headcontainer .navicon a img{max-width: 100%; max-height: 100%;}
.headcontainer .rightlogin{float: right; margin-top: 36px;}
.headcontainer .rightlogin .loginpanel{font-family: 'Rajdhani', sans-serif; float: left; text-decoration: none; color: #fff; font-size: 16px; font-weight: 500; text-align: left; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.headcontainer .rightlogin .loginpanel:hover{color: #3359ff;}
.headcontainer .rightlogin .loginpanel{padding-right: 20px;}
.headcontainer .rightlogin .loginpanel .loginicon{display: table-cell; vertical-align: top;}
.headcontainer .rightlogin .loginpanel .loginicon img{max-height: 26px;}
.headcontainer .rightlogin .loginpanel .logincontent{display: table-cell; vertical-align: middle; padding-left: 10px; padding-top: 6px;}
.headcontainer .rightlogin .signup{float: left; text-decoration: none; color: #000000; font-weight: 500; border-radius: 30px; padding: 3px; font-family: 'Rajdhani', sans-serif; font-size: 17px; font-weight: 600; 
background: -moz-linear-gradient(270deg, #63e6f9 0%, #1d9dfa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #63e6f9), color-stop(100%, #1d9dfa)); 
background: -webkit-linear-gradient(270deg, #63e6f9 0%, #1d9dfa 100%);
background: -o-linear-gradient(270deg, #63e6f9 0%, #1d9dfa 100%);
background: -ms-linear-gradient(270deg, #63e6f9 0%, #1d9dfa 100%);
background: linear-gradient(180deg, #63e6f9 0%, #1d9dfa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63e6f9', endColorstr='#1d9dfa',GradientType=0 );}
.headcontainer .rightlogin .signup span{padding: 4px 20px 2px 20px; float: left;}
.headcontainer .rightlogin .signup i{float: right; background: #101010; width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; color: #fff;}
.bottomcontainer .footernav{background: rgba(51, 89, 255, 0.38); background: linear-gradient(to right, rgba(51, 89, 255, 0.38) , rgba(11, 216, 246, 0.4)); background: -webkit-linear-gradient(to right, rgba(51, 89, 255, 0.38) , rgba(11, 216, 246, 0.4)); background: -moz-linear-gradient(to right, rgba(51, 89, 255, 0.38) , rgba(11, 216, 246, 0.4)); background: -ms-linear-gradient(to right, rgba(51, 89, 255, 0.38) , rgba(11, 216, 246, 0.4)); background: -o-linear-gradient(to right, rgba(51, 89, 255, 0.38) , rgba(11, 216, 246, 0.4)); background: linear-gradient(to right, rgba(51, 89, 255, 0.38) , rgba(11, 216, 246, 0.4));}
/*.bottomcontainer{position: absolute; right: 0; bottom: 0; left: 0; padding: 0;}*/
.bottomcontainer {
	position: sticky;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0;
	z-index: 99;
}
.middlecontainer{padding: 0px;}
.bottomcontent{padding: 320px 0px 0px 0px;}
.bottomcontent p{text-align: center; color: #fff; font-weight: 500; font-family: 'Source Sans Pro', sans-serif; line-height: 24px; font-size: 16px;}
.footernav .footernavigation{float: left;}
.footernav .footernavigation ul{float: left; width: 100%; padding: 20px 0px 15px 0px; margin: 0px; text-align: center;}
.footernav .footernavigation ul li {list-style: none; padding: 0px 13px; display: inline-table;}
.footernav .footernavigation ul li:first-child {padding-left: 0px;}
.footernav .footernavigation ul li a{position: relative;}
.footernav .footernavigation ul li a{padding: 0px; z-index: 1; position: relative; color: #fff;font-size: 12px;font-weight: 500;font-family: 'Rajdhani', sans-serif;text-transform: capitalize;  text-decoration: none;-webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.footernav .footernavigation ul li a:hover{color: #1d9dfa;}
.footernav .footernavigation ul li + li a:before{font-family: 'FontAwesome'; content: "-"; float: left; margin-left:-17px;margin-top: -3px;font-size: 16px;color: #fff;-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}
.footernav p{padding: 20px 0px 15px 0px; float: right; color: #fff; font-size: 12px;font-weight: 500;font-family: 'Rajdhani', sans-serif;text-transform: capitalize;  text-decoration: none;-webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; margin: 0px;}
.footernav p a{color: #fff; text-decoration: none;-webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.footernav p a:hover{color: #1d9dfa;}

.signuppopup .modal-dialog .modal-content{border: none; border-radius: 0px; background: rgba(11, 216, 246, 0.75); position: relative;}
.signuppopup .modal-dialog .modal-content button.close{position: absolute; right: -15px; top: -15px; width: 40px; height: 40px; opacity: 1; background: #fff; border-radius: 50%; text-shadow: 0px 0px 0px #fff; text-align: center; font-size: 30px; line-height: 43px;}
.signuppopup .modal-dialog{width: auto; max-width: 460px; margin-top: 60px;}
.signuppopup .modal-dialog h3{color: #1e1d1d; font-family: 'Rajdhani', sans-serif; font-weight: 700; font-size: 23px; margin: 10px 0px 7px 0px; }
.signuppopup .modal-dialog h5{color: #3e3d3d; font-family: 'Rajdhani', sans-serif; font-weight: 500; font-size: 18px; margin: 3px 0px 10px 0px; }
.signuppopup .modal-dialog p{color: #5e5e5e; font-family: 'Rajdhani', sans-serif; font-weight: 500; font-size: 15px; margin: 0px 0px 10px 0px; }

.signuppopup .modal-dialog .modal-body{padding: 13px;}
.signupinner{padding: 0px; display: table; width: 100%; background: #fff; padding: 25px;}
.signupinner .form-group{margin-bottom: 23px;}
.signupinner .form-group .inputgroup{position: relative; border-bottom: 1px solid #000000;}
.signupinner .form-group .inputgroup:after{content: ""; border-right: 1px solid #000000; height: 11px; position: absolute; right: 0px; bottom: 0px;}
.signupinner .form-group .form-control{border: none; outline: none; border-radius: 0px; height: 40px; background: 0 0; box-shadow: 0px 0px 0px #fff; padding-left: 0px; color: #131313; font-size: 15px; font-weight: 400; font-family: 'Source Sans Pro', sans-serif;}
.signupinner .form-group .form-control::-moz-placeholder{color:#000000;opacity:1}
.signupinner .form-group .form-control:-ms-input-placeholder{color:#000000;}
.signupinner .form-group .form-control::-webkit-input-placeholder{color:#000000;}
.signupinner .form-group .form-control::-ms-expand{background-color:transparent;border:0}
.signupinner .subutton{display: table; float: left; border: none; outline: none; text-decoration: none; color: #000000; font-weight: 500; border-radius: 30px; padding: 3px; letter-spacing: 1px; font-family: 'Rajdhani', sans-serif; font-size: 17px; font-weight: 700; background: -moz-linear-gradient(270deg, #63e6f9 0%, #1d9dfa 100%);}
.signup_submit_btn{ position: relative; }
.signup_submit_btn::after{ position: absolute; content: '\f178'; background: #101010; width: 30px; height: 30px; border-radius: 50%; text-align: center; font-family: fontawesome; font-size: 18px; line-height: 30px; color: #fff; left: 90px; top: 4px; }
.signup_submit_btn input[type=submit]{display: table; float: left; border: none; outline: none; text-decoration: none; color: #000000; border-radius: 30px; letter-spacing: 1px; font-family: 'Rajdhani', sans-serif; font-size: 17px; font-weight: 600; text-transform: capitalize; padding: 7px 50px 7px 18px; background: -moz-linear-gradient(270deg, #63e6f9 0%, #1d9dfa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #63e6f9), color-stop(100%, #1d9dfa)); 
background: -webkit-linear-gradient(270deg, #63e6f9 0%, #1d9dfa 100%);
background: -o-linear-gradient(270deg, #63e6f9 0%, #1d9dfa 100%);
background: -ms-linear-gradient(270deg, #63e6f9 0%, #1d9dfa 100%);
background: linear-gradient(180deg, #63e6f9 0%, #1d9dfa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63e6f9', endColorstr='#1d9dfa',GradientType=0 );}
/*.signup_submit_btn input[type=submit]{}*/
.signupinner .subutton span{padding: 4px 20px 2px 20px; float: left;}
.signupinner .subutton i{float: right; background: #101010; width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; color: #fff;}

.modal-backdrop.in {filter: alpha(opacity=70); opacity: .7;}

.videoheadcontainer{background: 0 0; padding: 20px 0px; position: relative; z-index: 12;}
.videoheadcontainer .videologocontainer{float: left; width: 100%; text-align: center;}
.videoheadcontainer .videologocontainer img{max-width: 200px; max-height: 100%;}
.videopanelcontainer{padding: 40px 0px; position: relative; z-index: 12;}
.videopanelcontainer .videopanel{float: left; width: 100%; padding: 50px 120px;}
.videopanelcontainer .videopanel .embed-responsive{box-shadow: 14px 23px 65px 0px rgba(0, 0, 0, 0.57); border: 5px solid rgba(255, 255, 255, 0.58);}
.videopanelcontainer .videopanelsignup{float: left; width: 100%; text-align: center; padding-top: 22px;}
.videopanelcontainer .videopanelsignup .signup{display: inline-block; margin: 8px 6px; text-decoration: none; color: #000000; font-weight: 500; border-radius: 30px; padding: 3px; font-family: 'Rajdhani', sans-serif; font-size: 17px; font-weight: 600; 
background: -moz-linear-gradient(270deg, #63e6f9 0%, #1d9dfa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #63e6f9), color-stop(100%, #1d9dfa)); 
background: -webkit-linear-gradient(270deg, #63e6f9 0%, #1d9dfa 100%);
background: -o-linear-gradient(270deg, #63e6f9 0%, #1d9dfa 100%);
background: -ms-linear-gradient(270deg, #63e6f9 0%, #1d9dfa 100%);
background: linear-gradient(180deg, #63e6f9 0%, #1d9dfa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63e6f9', endColorstr='#1d9dfa',GradientType=0 );}
.videopanelcontainer .videopanelsignup .signup span{padding: 4px 20px 2px 20px; float: left;}
.videopanelcontainer .videopanelsignup .signup i{float: right; background: #101010; width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; color: #fff;}

.videocontainer .graphicon{position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; z-index: 0;}
.videocontainer .graphicon img{width: 100%; height: 100%;}


.loginpage{background-image: url(../images/login-registration-bg.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; min-height: 100%; position: relative;}
.loginpage .headcontainer{background: transparent; padding: 15px 0px; background: linear-gradient(#fff, #fff); background: -webkit-linear-gradient(#fff, #fff); background: -moz-linear-gradient(#fff, #fff); background: -ms-linear-gradient(#fff, #fff); background: -o-linear-gradient(#fff, #fff);}

.loginpage .headcontainer .rightlogin .loginpanel{color: #0a0a0a;}
.loginpage .bottomcontainer .footernav{background: #3359ff; background: linear-gradient(to right, #3359ff , #3359ff); background: -webkit-linear-gradient(to right, #3359ff , #3359ff); background: -moz-linear-gradient(to right, #3359ff , #3359ff); background: -ms-linear-gradient(to right, #3359ff , #3359ff); background: -o-linear-gradient(to right, #3359ff , #3359ff); background: linear-gradient(to right, #3359ff , #3359ff);}
.loginpage .graphicon{position: fixed; left: 0px; right: 0px; bottom: -38px; max-width: 667px; z-index: 0;}
.loginpage .graphicon img{width: 100%; height: 100%;}

.loginregistercontainer{padding: 50px 50px 20px 50px; background: 0 0; position: relative; z-index: 12;}
.loginregistercontainer .loginregisterouter{float: left; width: 100%; background: rgba(51, 89, 255, 0.75); padding: 20px;}
.loginregistercontainer .loginregisterinner{float: left; width: 100%; background: #fff; padding: 35px;}

.loginregistercontainer .loginregisterinner h3{color: #1e1d1d; font-family: 'Rajdhani', sans-serif; font-weight: 700; font-size: 32px; margin: 0px 0px 20px 0px; }
.loginregistercontainer .loginregisterinner .form-group{margin-bottom: 23px;}
.loginregistercontainer .loginregisterinner .inputgroup{position: relative; border-bottom: 1px solid #000000;}
.loginregistercontainer .loginregisterinner .inputgroup:after{content: ""; border-right: 1px solid #000000; height: 11px; position: absolute; right: 0px; bottom: 0px;}
.loginregistercontainer .loginregisterinner .form-control{border: none; outline: none; border-radius: 0px; height: 40px; background: 0 0; box-shadow: 0px 0px 0px #fff; padding-left: 0px; color: #131313; font-size: 15px; font-weight: 400; font-family: 'Roboto', sans-serif;}
.loginregistercontainer .loginregisterinner .form-control::-moz-placeholder{color:#131313;opacity:1}
.loginregistercontainer .loginregisterinner .form-control:-ms-input-placeholder{color:#131313;}
.loginregistercontainer .loginregisterinner .form-control::-webkit-input-placeholder{color:#131313;}
.loginregistercontainer .loginregisterinner .form-control::-ms-expand{background-color:transparent;border:0}
.loginregistercontainer .loginregisterinner .subutton{display: table; float: left; border: none; outline: none; text-decoration: none; color: #000000; font-weight: 500; border-radius: 30px; padding: 3px; letter-spacing: 1px; font-family: 'Rajdhani', sans-serif; font-size: 17px; font-weight: 700; background: -moz-linear-gradient(270deg, #63e6f9 0%, #1d9dfa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #63e6f9), color-stop(100%, #1d9dfa)); 
background: -webkit-linear-gradient(270deg, #63e6f9 0%, #1d9dfa 100%);
background: -o-linear-gradient(270deg, #63e6f9 0%, #1d9dfa 100%);
background: -ms-linear-gradient(270deg, #63e6f9 0%, #1d9dfa 100%);
background: linear-gradient(180deg, #63e6f9 0%, #1d9dfa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63e6f9', endColorstr='#1d9dfa',GradientType=0 );
}
.loginregistercontainer .loginregisterinner span{padding: 4px 20px 2px 20px; float: left;}
.loginregistercontainer .loginregisterinner i{float: right; background: #101010; width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; color: #fff;}
.loginregistercontainer .loginregisterinner .loginpanelleft{float: left; width: 40%; padding-right: 70px; position: relative;}
.loginregistercontainer .loginregisterinner .loginpanelleft:before{content: ""; border-right: 1px solid #cccccc; position: absolute; top: 0px; bottom: 0px; right: 0px;}
.loginregistercontainer .loginregisterinner .loginpanelleft:after{content: "Or"; position: absolute; top: 50%; right: -19px; background: #cccccc; color: #fff; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 18px; margin-top: -20px;}
.loginregistercontainer .loginregisterinner p{margin-bottom: 20px;}
.loginregistercontainer .loginregisterinner p a{color: #131313; font-size: 15px; font-weight: 400; font-family: 'Roboto', sans-serif; text-decoration: none; border-bottom: 1px solid #131313; }
.loginregistercontainer .loginregisterinner .registerpanelright{float: left; width: 60%; padding-left: 70px;}

/*css add by arunava*/
.signuppopup .modal-dialog p.success-cw{ color: #3c763d; font-size: 18px; font-weight:  bold;
text-align: center; line-height: 100%; margin: 0; }
.signuppopup .modal-dialog p.success-cw:before{ content: "\f058";font-family: 'FontAwesome';font-size: 70px;display: block;line-height: 100%;margin-bottom: 6px;}

.dashboard{background: #fff;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background: 0 0;}
.dashboard .navigation{float: left; padding:23px 0px;}
.dashboard .navigation .navbar-default {background: none; border: none; margin-bottom: 0px; float: left; min-height: 0px;}
.dashboard .navigation .navbar-default .navbar-collapse { padding: 0px; }
.dashboard .navigation .navbar-default .navbar-nav>li{padding: 0px 14px; margin: 0px 0px;}
.dashboard .navigation .navbar-default .navbar-nav>li>a{position: relative; padding: 14px 0px; line-height: 24px; font-family: 'Rajdhani', sans-serif; font-size: 18px; color: #343434; text-transform: capitalize; font-weight: 600; -webkit-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.dashboard .navigation .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background: none; color: #0872ba; }
.dashboard .navigation .navbar-default .navbar-nav>li>a:hover { color: #0872ba; background: 0 0; }
.dashboard .navigation .navbar-default .navbar-toggle { margin: 11px 0px; border-color: #424242; border-radius: 0px; }
.dashboard .navigation .navbar-default .navbar-collapse{box-shadow: 0px 0px 0px #fff; border: none;}
.dashboard .navigation .navbar-default .navbar-toggle .icon-bar { background: #424242; }
.dashboard .navigation .navbar-default .navbar-toggle {padding: 6px 5px;}
.dashboard .navigation .navbar-default .navbar-nav li:first-child{padding-left: 0px;}
.dashboard .navigation .navbar-default .ic-nav li a i{width: 35px; height: 35px; border-radius: 50%; border: 1px solid #ebebeb; background: #ebebeb; color: #343434; margin-right: 10px; text-align: center; line-height: 32px; -webkit-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.dashboard .navigation .navbar-default .ic-nav>li>a{padding: 9px 0px;}
.dashboard .navigation .navbar-default .ic-nav>li>a:hover i{color: #51b9ff; border-color: #0872ba; background: #0872ba;}
.dashboard .navigation .navbar-default .ic-nav>.active>a i{color: #51b9ff; border-color: #0872ba; background: #0872ba;}
.dashboard .navigation .navbar-default .ic-nav>.open a i{color: #51b9ff; border-color: #0872ba; background: #0872ba;}
.dashboard .navigation .navbar-default .navbar-nav>li.open>a{color: #0872ba; background: 0 0; }
.dashboard .navigation .navbar-default .navbar-nav>li>a .caret{margin-left: 5px;}
.dashboard .navigation .navbar-default .dropdown-menu{border-radius: 0px; border: none; -webkit-box-shadow: 0 0px 12px rgba(0,0,0,.175); box-shadow: 0 0px 12px rgba(0,0,0,.175); }
.dashboard .navigation .navbar-default .dropdown-menu li a{font-size: 16px; padding: 5px 20px; -webkit-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.dashboard .navigation .navbar-default .dropdown-menu li a:hover{background: #0872ba; color: #51b9ff; }
.dashboard .logoutright{position: relative; float: right; padding: 29px 0px;line-height: 24px; font-family: 'Rajdhani', sans-serif; color: #343434; text-transform: capitalize; font-weight: 600; font-size: 18px; text-decoration: none;}
.dashboard .logoutright i{width: 35px;height: 35px;border-radius: 50%; border: 1px solid #ebebeb; background: #ebebeb; color: #343434; margin-right: 10px;  text-align: center; line-height: 32px; -webkit-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}

.dashboard .countcontainer{background: #3359ff; padding: 20px 0px;}
.dashboard .countcontainer .counterpanel{float: left; width: 100%;}
.dashboard .countcontainer .counterpanel h4{font-family: 'Rajdhani', sans-serif; color: #ffffff; font-size: 18px; text-transform: capitalize; font-weight: 500; text-align: center; margin: 20px 0px 0px 0px;}
.dashboard .countcontainer .counterpanel h2{font-family: 'Rajdhani', sans-serif; color: #ffffff; font-size: 72px; text-transform: capitalize; font-weight: 500; text-align: center; margin: 0px 0px; display: block;}
.dashboard .countcontainer .counterpanel h5{font-family: 'Rajdhani', sans-serif; color: #ffffff; font-size: 16px; text-transform: capitalize; font-weight: 500; text-align: center; margin: 0px 0px 0px 0px;}
.dashboard .countcontainer .counterpanelouter:first-child .counterpanel h4{text-align: left;}
.dashboard .countcontainer .counterpanelouter:first-child .counterpanel h2{text-align: left;}
.dashboard .countcontainer .counterpanelouter:first-child .counterpanel h5{text-align: left;}
.dashboard .countcontainer .counterpanelouter:last-child .counterpanel h4{text-align: right;}
.dashboard .countcontainer .counterpanelouter:last-child .counterpanel h2{text-align: right;}
.dashboard .countcontainer .counterpanelouter:last-child .counterpanel h5{text-align: right;}
.dashboard .countcontainer .counterpanelouter + .counterpanelouter{border-left: 1px solid #198bd8;}
.dashboard .profilecolumn{background: #f1f1f1; padding: 25px 0px;}
.dashboard .profilecolumn .profileuserpanel{float: left; width: 100%;}
.dashboard .profilecolumn .profileuserpanel h4{color: #202020; font-family: 'Rajdhani', sans-serif; font-size: 21px; font-weight: 500; text-transform: capitalize; margin: 0px 0px 5px 0px;}
.dashboard .profilecolumn .profileuserpanel p{color: #323232; font-family: 'Rajdhani', sans-serif; font-size: 13px; font-weight: 500; text-transform: capitalize; margin: 0px 0px 0px 0px;}
.dashboard .profilecolumn .goalcolumn{float: left; width: 100%; text-align: center; font-family: 'Rajdhani', sans-serif; font-size: 24px; font-weight: 600; color: #2c2c2c; padding: 6px 0px;}
.dashboard .profilecolumn .goalcolumn span{color: #0872ba; padding-right: 7px;}
.dashboard .backprofile{float: right; color: #3359ff; font-size: 18px; font-weight: 600; text-decoration: underline; font-family: 'Rajdhani', sans-serif; margin: 
10px 0px;}
.dashboard .progresscontainer{padding: 30px 0px;}
.dashboard .progresscontainer .rowbe{margin: 0px -7px;}
.dashboard .progresscontainer .rowbe .colbe{padding: 0px 7px;}
.dashboard .progresscontainer .frontbackimg{float: left; width: 100%; position: relative; overflow: hidden; margin-bottom: 35px;}
.dashboard .progresscontainer .frontbackimg .tagicon{position: absolute; left: -10px; background: #1b1b1b; padding: 3px 10px; color: #fff; font-size: 20px; min-width: 90px; text-align: center; font-weight: 600; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); top: 28px;}
.dashboard .progresscontainer .frontbackimg img{width: 100%; max-height: 100%;}
.dashboard .progresscontainer .progressbarpanel{float: left; width: 100%;}
.dashboard .progresscontainer .progressbarpanel h3{font-family: 'Source Sans Pro', sans-serif; color: #3991f5; font-weight: 600; margin: 0px 0px 15px 0px; font-size: 21px;}
.dashboard .progresscontainer .progressbarpanel h4{font-family: 'Source Sans Pro', sans-serif; color: #454545; font-weight: 600; margin: 0px 0px 15px 0px; font-size: 20px;}
.dashboard .progresscontainer .progressbarpanel h4 span{color: #888888; font-size: 14px; font-weight: 400;}
.dashboard .progresscontainer .progressbarpanel h3 span{color: #888888; font-size: 14px; font-weight: 400;}
.dashboard .progresscontainer .progressbarpanel .progressouter{display: table; width: 100%; margin-bottom: 10px;}
.dashboard .progresscontainer .progressbarpanel .progressouter .progressbarheading{color: #1e1d1d; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 500; float: left; width: 20%;}
.dashboard .progresscontainer .progressbarpanel .progressouter .progress{overflow: initial; position: relative; float: left; width: 80%; -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.1);box-shadow: inset 0 0px 0px rgba(0,0,0,.1); height: 6px; border-radius: 0px; -webkit-border-radius: 0px; background: #e7e7e7; margin: 11px 0px 0px 0px;}
.dashboard .progresscontainer .progressbarpanel .progressouter .progress .progress-bar{position: relative; -webkit-transition-duration: 3s; transition-duration: 3s;}
.dashboard .progresscontainer .progressbarpanel .progressouter .progress .progress-bar .skill{position: absolute;left: 0; top: -20px; color: #1e1d1d; font-size: 13px; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-style: normal;}
.dashboard .progresscontainer .progressbarpanel .progressouter .progress .progress-bar .skill i{font-style: normal;}
.dashboard .progresscontainer .progressbarpanel .progressouter .progress .this-week{background: #3991f5; -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.1);box-shadow: inset 0 0px 0px rgba(0,0,0,.1); max-width: 100%;}
.dashboard .progresscontainer .progressbarpanel .progressouter .progress .last-week{background: #3991f5; -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.1);box-shadow: inset 0 0px 0px rgba(0,0,0,.1);}
.dashboard .progresscontainer .progressbarpanel .progressbarpanelinner + .progressbarpanelinner{margin-top: 26px;}
.dashboard .bottomcontainer .footernav{background: #3359ff; background: linear-gradient(to right, #3359ff , #3359ff); background: -webkit-linear-gradient(to right, #3359ff , #3359ff); background: -moz-linear-gradient(to right, #3359ff , #3359ff); background: -ms-linear-gradient(to right, #3359ff , #3359ff); background: -o-linear-gradient(to right, #3359ff , #3359ff); background: linear-gradient(to right, #3359ff , #3359ff);}



.dashboard .progresscontainer .cwprcolumn{position: relative; display: table; border-collapse: separate; margin-bottom: 20px;}
.dashboard .progresscontainer .cwprcolumn .cwcontent{display: table-cell; vertical-align: middle; width: 100%; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; color: #303030; font-weight: 500; padding-right: 10px;}
.dashboard .progresscontainer .cwprcolumn .cwpercentage{width: 1%; white-space: nowrap; vertical-align: middle; display: table-cell;}
.dashboard .progresscontainer .cwprcolumn .cwpercentage .cwpercentageinner{background: #3359ff; width: 100%; border-radius: 0px 30px 30px 0px; color: #ffffff; font-size: 13px; font-weight: 500; font-family: 'Source Sans Pro', sans-serif; text-align: left; padding: 4px 10px; min-width: 110px; display: block; font-style: normal;}

.reportcontainer{padding: 50px 0px; position: relative; z-index: 66;}
.reportcontainer .weeklyreportpanel{background: rgba(51, 89, 255, 0.75); padding: 30px 20px; float: left; width: 100%;}
.reportcontainer .weeklyreportpanel .weeklyreportpanelinner{background: #f9f8f8; padding: 10px 15px 0px 0px; float: left; width: 100%;}
.reportcontainer .leftpanelbar{float: left; width: 100%; background: #fff; padding: 0px; border-radius: 0px 5px 0px 0px; margin-bottom: 0px; min-height: 987px;}
.reportcontainer .leftpanelbar .userimgcolumn{float: left; width: 100%; text-align: center; padding: 30px 30px 0px 30px;}
.reportcontainer .leftpanelbar .userimgcolumn .userimg{position: relative; display: table; margin: auto;}
.reportcontainer .leftpanelbar .userimgcolumn .userimg img{width: 220px; height: 156px;  border-radius: 4px;}
.reportcontainer .leftpanelbar .userimgcolumn .userimg .bootstrap-filestyle{position: absolute; width: 40px; left: 50%; bottom: -20px; display: block; margin-left: -20px; -webkit-transition: 0.4s ease-in-out;  -o-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.reportcontainer .leftpanelbar .userimgcolumn .userimg .bootstrap-filestyle .group-span-filestyle {width: 100%; float: left;}
.reportcontainer .leftpanelbar .userimgcolumn .userimg .btn .badge{position: absolute; color: #524e98; right: -9px;}
.reportcontainer .leftpanelbar .userimgcolumn .userimg .bootstrap-filestyle .group-span-filestyle .btn{width: 40px; height: 40px; text-align: center; font-size: 1.2em; background: #15b9f8; border: none; outline: none; border-radius: 0px; padding: 0; line-height: 42px; border-radius: 50%;}
.reportcontainer .profileposition .media .media-left input{position: absolute; bottom: 0px;}
.reportcontainer .leftpanelbar .leftnavigation{float: left; width: 100%; padding: 30px 0px 15px 0px; padding-top: 30px;}
.reportcontainer .leftpanelbar .leftnavigation ul{margin: 0px; padding: 0px; width: 100%; float: left; width: 100%;}
.reportcontainer .leftpanelbar .leftnavigation ul li{float: left; width: 100%; text-align: left; list-style: none;}
.reportcontainer .leftpanelbar .leftnavigation ul li a{float: left; width: 100%; position: relative; padding: 12px 10px 12px 70px; font-size: 17px; color: #525252; font-family: 'Source Sans Pro', sans-serif; font-weight: 500; text-decoration: none; -webkit-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.reportcontainer .leftpanelbar .leftnavigation ul li a i{position: absolute; left: 20px; top: 16px; text-align: center; width: 30px; color: #2d63bf;-webkit-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.reportcontainer .leftpanelbar .leftnavigation ul li + li{border-top: 1px solid #ededed;}
.reportcontainer .leftpanelbar .leftnavigation ul li a:hover{color: #15b9f8;}
.reportcontainer .leftpanelbar .leftnavigation ul li a:hover i{color: #15b9f8;}
.reportcontainer .leftpanelbar .leftnavigation ul li a:hover:after{font-family: 'FontAwesome'; content: "\f178"; color: #15b9f8; position: absolute; right: 20px; top: 14px;}
.reportcontainer .leftpanelbar .leftnavigation ul li.active a{color: #15b9f8;}
.reportcontainer .leftpanelbar .leftnavigation ul li.active a i{color: #15b9f8;}
.reportcontainer .leftpanelbar .leftnavigation ul li.active a:after{font-family: 'FontAwesome'; content: "\f178"; color: #15b9f8; position: absolute; right: 20px; top: 14px;}
.reportcontainer .leftcol{width: 30%;}
.reportcontainer .rightcol{width: 70%;}
.reportcontainer .weeklydetailspanel{float: left; width: 100%;}
.reportcontainer .weeklydetailspanel .weeklytopheading{float: left; color: #6682ff; font-family: 'Rajdhani', sans-serif; font-size: 29px; font-weight: 600; -webkit-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 4px 0;}
.reportcontainer .weeklydetailspanel .weeklydetailspanelinner{float: left; width: 100%; padding-top: 20px;}
.reportcontainer .weeklydetailspanel .reportpanel{position: relative; display: block; border-collapse: separate; margin-bottom: 10px;}
.reportcontainer .weeklydetailspanel .reportpanel .formpanel{display: block; width: 100%; position: relative;}
.reportcontainer .weeklydetailspanel .reportpanel .form-control{width: 100%; position: relative; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; color: #303030; font-weight: 500; padding-right: 10px; border: 1px solid #e6e6e6; -webkit-border-radius: 0px; -ms-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; height: 56px; -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);  box-shadow: inset 0 0px 0px rgba(0,0,0,.075);}
.reportcontainer .weeklydetailspanel .reportpanel .formpanel label{position: absolute; z-index: 1; right: 10px; left: 12px; top: 50%; margin: 0px 0px 0px 0px; color: #303030; font-size: 16px; font-weight: 500; font-family: 'Source Sans Pro', sans-serif; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.reportcontainer .weeklydetailspanel .reportpanel .formpanel label span{color: #888888; font-size: 13px; font-weight: 400;}
.reportcontainer .weeklydetailspanel .reportpanel .reportpanelpercentage{width: 1%; white-space: nowrap; vertical-align: middle; display: table-cell; padding-left: 15px;}
.reportcontainer .weeklydetailspanel .reportpanel .reportpanelpercentage .reportper{background: #3359ff; width: 100%; border-radius: 0px 30px 30px 0px; color: #ffffff; font-size: 13px; font-weight: 500; font-family: 'Source Sans Pro', sans-serif; text-align: left; padding: 4px 10px; min-width: 152px; display: block; font-style: normal;}
.reportcontainer .weeklydetailspanel .reportpanel .form-control + label{pointer-events: none;}
.reportcontainer .weeklydetailspanel h3{font-family: 'Source Sans Pro', sans-serif; color: #3991f5; font-weight: 500; margin: 15px 0px 15px 0px; font-size: 23px;}
.reportcontainer .weeklydetailspanel h3 span{color: #1a1a1a; font-size: 14px; font-weight: 400;}
.reportcontainer .weeklydetailspanel .reportpanel .formpanel.uploadpanel{background: #fff; border: 1px solid #e6e6e6; padding: 10px 12px;}
.reportcontainer .weeklydetailspanel .reportpanel .formpanel.uploadpanel h3{margin: 0px 0px 5px 0px;}
.reportcontainer .weeklydetailspanel .reportpanel .formpanel.uploadpanel p{color: #363636; font-size: 15px; font-weight: 500; font-family: 'Source Sans Pro', sans-serif; text-align: left; margin: 0px;}
.reportcontainer .weeklydetailspanel .reportpanel .reportimage{background: #fff; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; position: relative; overflow: hidden; padding-left: 0px; padding: 10px 20px;}
.reportcontainer .weeklydetailspanel .reportpanel .reportimgupload{width: 100%; text-align: center; overflow: hidden;}
.reportcontainer .weeklydetailspanel .reportpanel .reportimgupload input[type=file]{position: absolute; left: 0px; right: 0px; z-index: 9999; opacity: 0; clip: auto !important; bottom: 0px; top: 0px; text-align: center;}
.reportcontainer .weeklydetailspanel .reportpanel .reportimgupload p{color: #0c0c0c; font-size: 16px; font-weight: 500; font-family: 'Source Sans Pro', sans-serif; text-align: left; margin: 0px;}
.reportcontainer .weeklydetailspanel .reportpanel .reportimgupload .bootstrap-filestyle{width: 100%;}
.reportcontainer .weeklydetailspanel .reportpanel .reportimgupload .bootstrap-filestyle .btn{color: #2f9ddd; font-size: 4em; padding: 0px;}
.reportcontainer .weeklydetailspanel .reportpanel .reportimgupload .uploaddirection{color: #0c0c0c; font-family: 'Source Sans Pro', sans-serif; font-size: 12px; border: 1px solid #cacaca; padding: 3px 10px; display: table; margin: 10px auto;}
.reportcontainer .weeklydetailspanel .reportpanel .reportsubmit{background: #0bd8f6; color: #181818; font-size: 18px; font-weight: 500; padding: 6px 40px; border: none; outline: none; text-align: center; font-family: 'Source Sans Pro', sans-serif; border-radius: 30px; margin-top: 15px; -webkit-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.reportcontainer .weeklydetailspanel .reportpanel .reportsubmit:hover{background: #3359ff; color: #fff;}




/*css add by arunava on 25-6-2018*/
.c-payment-container .loginregisterinner .registerpanelright{ padding-left: 0; float: none; width: 100%; }
.loginregistercontainer .loginregisterinner select.form-control{color:#131313;-webkit-appearance: none;-moz-appearance: none;appearance: none;
background:  url("../images/caret-down.png") no-repeat;background-position: 94% 60%;}

.c-alert-wr{ font-size: 18px; }
.c-alert-wr .close, .alert-dismissible .close{ font-size: 30px; }


.c-inner-page{padding: 50px 50px 20px 50px; background: 0 0; position: relative; z-index: 12;}
.c-inner-box{width: 100%; background: rgba(51, 89, 255, 0.75); padding: 20px;}
.c-inner-box-in{ width: 100%; background: #fff; padding: 35px;}
.c-package-h{ position: relative; }
.c-package-h h2{background: rgba(50,91,255,1);
background: -moz-linear-gradient(left, rgba(50,91,255,1) 0%, rgba(24,174,249,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(50,91,255,1)), color-stop(100%, rgba(24,174,249,1)));
background: -webkit-linear-gradient(left, rgba(50,91,255,1) 0%, rgba(24,174,249,1) 100%);
background: -o-linear-gradient(left, rgba(50,91,255,1) 0%, rgba(24,174,249,1) 100%);
background: -ms-linear-gradient(left, rgba(50,91,255,1) 0%, rgba(24,174,249,1) 100%);
background: linear-gradient(to right, rgba(50,91,255,1) 0%, rgba(24,174,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#325bff', endColorstr='#18aef9', GradientType=1 );
color: #fff; font-size: 30px; font-weight: bold; line-height: 100%; text-align: right; margin: 0; padding: 15px;
}
.c-package-box{ background:#f6f6f6; position: relative; }
.c-package-h span{ background: url("../images/price-icon.png"); width: 116px; height: 68px; display: block; position: absolute; left: -2px; top: 0; 
padding: 14px 19px; }
.c-package-h span i{ font-size: 36px; color: #fff; }
.c-package-box h3{ text-align: center; margin: 0; font-weight: bold; font-size: 50px; line-height: 100%; margin: 0;
padding: 50px 0 20px; line-height: 100%; }
.c-package-box h3 span{ font-size: 30px; }
.c-package-con{ padding: 0 30px; }
.c-package-box ul{ display: block;padding: 0; margin: 0; list-style-type:  none; padding-bottom: 100px; }
.c-package-box li{  padding: 6px 0; line-height: 20px; text-align: center; font-size: 16px; font-family: 'Source Sans Pro', sans-serif; }

.c-package-box a{ display: inline-block; padding: 5px 40px;
background: -moz-linear-gradient(left, rgba(50,91,255,1) 0%, rgba(24,174,249,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(50,91,255,1)), color-stop(100%, rgba(24,174,249,1)));
background: -webkit-linear-gradient(left, rgba(50,91,255,1) 0%, rgba(24,174,249,1) 100%);
background: -o-linear-gradient(left, rgba(50,91,255,1) 0%, rgba(24,174,249,1) 100%);
background: -ms-linear-gradient(left, rgba(50,91,255,1) 0%, rgba(24,174,249,1) 100%);
background: linear-gradient(to right, rgba(50,91,255,1) 0%, rgba(24,174,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#325bff', endColorstr='#18aef9', GradientType=1 );
text-transform: uppercase; color: #fff; font-weight: bold; font-size: 18px;
position: absolute; right: 0; bottom: 20px;
}

.c-package-box:after{ position: absolute; bottom: 0; left: 0; width: 106px; height: 63px; background:  url("../images/price-icon2.png") no-repeat; 
content: "";}

.help-block{display: block;padding: 0 !important;margin:15px 0 0 0 !important;color: #960512; }
.reportcontainer .weeklydetailspanel .reportpanel .form-control{padding-left: 12px;}
.reportcontainer .weeklydetailspanel .reportpanel.editformgroup{display: block;}
.reportcontainer .weeklydetailspanel .reportpanel.editformgroup .formpanel{display: block; padding: 10px 0;}

/** 3.10.2018 - Payal **/
.dashboard .progresscontainer .progressbarpanel .progressbarpanelinner .skill-bar .last-week{max-width: 100% !important;}

/* 10.11.2018 - Payal */
.reportcontainer .weeklydetailspanel .reportpanel.editformgroup .form-edit label{position: initial; padding: 0; font-family: 'Rajdhani', sans-serif; transform: initial;margin: 0;font-weight: 600;font-size: 16px;color: #525252;}
.reportcontainer .weeklydetailspanel .reportpanel.editformgroup .form-edit .input-data{font-size: 14px; word-break:break-all; color: #000; font-weight: 500;}
.reportcontainer .weeklydetailspanel .full-profile{float: left;width: 100%;background: #6682ff;padding: 5px 15px;}
.reportcontainer .weeklydetailspanel .edit-btn{float: right; padding: 15px 0;}
.reportcontainer .weeklydetailspanel .edit-btn .btn-editprofile{height: auto;padding:8px 23px;font-size: 15px;text-transform: uppercase;font-weight: 600;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #63e6f9), color-stop(100%, #fff));background: -webkit-linear-gradient(270deg, #fff 0%, #c1c1c1 100%);background: -o-linear-gradient(270deg, #fff 0%, #c1c1c1 100%);background: -ms-linear-gradient(270deg, #fff 0%, #c1c1c1 100%);background: linear-gradient(180deg, #fff 0%, #c1c1c1 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63e6f9', endColorstr='#1d9dfa',GradientType=0 );color: #000000;border-color: #1d9dfa;line-height: 100%;font-weight: bold;}
.reportcontainer .weeklydetailspanel .edit-btn .btn-editprofile:hover{text-decoration: none;}
.reportcontainer .weeklydetailspanel .weeklydetailspanelinner .marquee{white-space:no-wrap;overflow:hidden; padding: 8px 0; background-color: rgba(51, 89, 255, 0.75);}
.reportcontainer .weeklydetailspanel .weeklydetailspanelinner .marquee .marquee-text {white-space:nowrap;display:inline;width:auto;color: #fff; font-size: 24px; font-weight: 600;text-shadow: 0px 2px 0px rgba(0,0,0,0.37); -moz-text-shadow: 0px 2px 0px rgba(0,0,0,0.37);-webkit-text-shadow: 0px 2px 0px rgba(0,0,0,0.37);-ms-text-shadow: 0px 2px 0px rgba(0,0,0,0.37);-o-text-shadow: 0px 2px 0px rgba(0,0,0,0.37);-}

/* 14.11.2018 */
.dashboard .profilecolumn .goalcolumn .text-top-head{color: #3359ff;}

/* 2.5.2019 */
.report-section{padding: 30px 0px;}
.report-section .heading{padding:15px 0;display:block; width:100%;}
.report-section .heading p{color: #6682ff; font-family: 'Rajdhani', sans-serif;font-size: 29px;font-weight: 600; -webkit-border-radius: 3px;  -ms-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;  border-radius: 3px; padding: 4px 0;}
.report-section .report-table tbody tr td{border: 1px solid #3359ff;color: #000;font-size: 19px;padding: 14px;  font-weight: 600;}
.report-section .report-table tbody tr td.weekcell{background-color:#3359ff;color:#fff;}
.report-section .report-table tbody tr td span{color:#3359ff;}

/* 14.5.2019 */
.submit-bbtn{padding:0px 0px 40px 0;}

.reportcontainer .weeklydetailspanelinner .weeklyinnercontent{margin: 0px -10px;}
.reportcontainer .weeklydetailspanelinner .weeklyinnercontent{margin: 0px -10px;}
.reportcontainer .weeklydetailspanelinner .weeklyinnercontent:before, 
.reportcontainer .weeklydetailspanelinner .weeklyinnercontent:after{clear: both; display: table; content: "";}
.reportcontainer .weeklydetailspanelinner .weeklyinnercontent .weeklyleftcontent{float: left; width: 65%; position: relative; padding: 0px 10px;}
.reportcontainer .weeklydetailspanelinner .weeklyinnercontent .weeklyprofileright{float: left; width: 35%; position: relative; padding: 0px 10px;}
.reportcontainer .weeklydetailspanelinner .weeklyinnercontent .weeklyprofileright img{max-width: 100%; max-height: 100%; padding: 6px; border: 1px solid #ddd; float: right;}

/* 29-08-2019 */

.alert_sec .alert {margin-bottom: 0px;}
.alert-dismissible .close {/*top: -39px;*/top: -5px; right: -11px; opacity: 1;}
.reportcontainer .weeklydetailspanel .reportpanel.editformgroup .formpanel {
    display: inline-block;}
.swal2-shown .swal2-popup{font-size: 1.4rem; width: 42em; padding: 2.5em 1.25em;}

/*13082021*/
.cwprrow{
	box-shadow: rgba(0, 0, 0, 0.04) 0px 8px 23px, rgba(0, 0, 0, 0.2) 0px 7px 13px -3px, rgba(0, 0, 0, 0.10) 0px -3px 0px inset;
	padding:25px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border-top: 3px solid #3359ff;
	/*background: #fefefe;*/
	background: #3359ff;
	/*background: #0872BA;*/
	position: relative;
	margin-top:30px;
}
.cwprrow:after{
	position: absolute;
	left:5px; top:5px; right:5px; bottom:8px; /*border: 1px dashed #33AAFB;*/ border: 2px solid #fefefe; content: ""; border-radius: 6px;
}
.dashboard .progresscontainer .cwprrow .cwprcolumn:last-child{margin-bottom: 0;}
.dashboard .progresscontainer .cwprrow .cwprcolumn ul{padding:0; margin:0; list-style: none;}
.dashboard .progresscontainer .cwprrow .cwprcolumn ul li{/*padding: 0 0 0 15px;*/ padding: 0 0 0 23px; margin: 0 0 7px; position: relative;}
.dashboard .progresscontainer .cwprrow .cwprcolumn ul li:last-child{margin-bottom:0;}
.dashboard .progresscontainer .cwprrow .cwprcolumn ul li:before{
  /*content:"\f101";*/
  content:"\f0a4";
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  top:3px;
  /*color:#000;*/
  color:#fefefe;
}



.reportcontainer .weeklydetailspanel .editformgroupprt .reportpanel.editformgroup .formpanel label{margin-bottom:3px; position: static; -webkit-transform: translateY(0%); -moz-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%); transform: translateY(0%);}
.reportcontainer .weeklydetailspanel .editformgroupprt .reportpanel.editformgroup .formpanel{padding: 0px;}
.dashboard .profilecolumn .goalcolumn{font-size: 30px;}

.labelup label{
        position: relative !important;
    top: 0 !important;
    transform: inherit !important;
    right: 0 !important;
    left: 0 !important;
    margin-bottom: 15px !important;
}
/* 19012022 */
.dashboard.staticpage{background: #f9f9f9;}
.staticpagecontainer{padding: 30px 0px;}
.staticpagecontainer img{float: right; margin: 0px 0px 10px 20px; padding: 10px; max-width: 400px; max-height: 100%; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);}
.staticpagecontainer h1{font-family: 'Rajdhani', sans-serif; text-align: left; color: #1E1E1E; font-size: 35px; font-weight: 800; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; position: relative;}
.staticpagecontainer h2{font-family: 'Rajdhani', sans-serif; text-align: left; color: #1E1E1E; font-size: 30px; font-weight: 800; margin: 0px 0px 10px 0px; padding: 15px 0px 0px 0px; position: relative;}
.staticpagecontainer h3{font-family: 'Rajdhani', sans-serif; text-align: left; color: #1E1E1E; font-size: 26px; font-weight: 600; margin: 0px 0px 10px 0px; padding: 15px 0px 0px 0px; position: relative;}
.staticpagecontainer h4{font-family: 'Rajdhani', sans-serif; text-align: left; color: #1E1E1E; font-size: 24px; font-weight: 600; margin: 0px 0px 10px 0px; padding: 15px 0px 0px 0px; position: relative;}
.staticpagecontainer h5{font-family: 'Rajdhani', sans-serif; text-align: left; color: #1E1E1E; font-size: 22px; font-weight: 600; margin: 0px 0px 10px 0px; padding: 15px 0px 0px 0px; position: relative;}
.staticpagecontainer h6{font-family: 'Rajdhani', sans-serif; text-align: left; color: #1E1E1E; font-size: 20px; font-weight: 600; margin: 0px 0px 10px 0px; padding: 15px 0px 0px 0px; position: relative;}
.staticpagecontainer p{text-align: left; color: #272f35; font-size: 15px; font-weight: 400; line-height: 24px; margin-bottom: 15px;}
.staticpagecontainer p a{color: #272f35; text-decoration: underline;}
.staticpagecontainer p a:hover{text-decoration: underline;}
.staticpagecontainer ul{display: block; margin: 0px 0px 20px 0px !important; padding: 0px 0px 0px 0px;}
.staticpagecontainer ul li{padding: 0px 0px 0px 22px; position: relative; list-style: none; margin: 0px 0px 10px 0px; font-weight: 400; color: #272f35; font-size: 15px; list-style-position: outside;}
.staticpagecontainer ul li:before{font-family: 'FontAwesome'; content: "\f058"; color: #12B0FA; position: absolute; left: 0px; top: 2px; line-height: 100%;}
.staticpagecontainer ul li a{color: #272f35; text-decoration: none;}
.staticpagecontainer ul li a:hover{color: #272f35; text-decoration: underline !important;}
.staticpagecontainer p strong{font-family: 'din-medium';}

/* 06072023 */
.dashboard .progresscontainer .cwprrow .cwprcolumn .cwcontent{color: #fefefe;}

.cwprrow h4 {
    font-size: 24px;
}

.cwprrow h4, .cwprrow .cwprcolumn {
    z-index: 1;
}


.navbar-nav li:last-child{display: none;}

/* 27072023 */
#submenu {padding-left:10px; display:none;}
.reportcontainer .leftpanelbar .leftnavigation #grandchildmenu{height:400px;overflow:auto;}


.foter-link{
	width: 100%;
}
.foter-link ul {
	width: 100%;
	display: flex;
	gap: 50px;
	justify-content: center;
	padding: 0;
	list-style: none;
	padding-top:30px;
}
.foter-link ul li {
	font-size: 14px;
	color: #fff;
	max-width: 100px;
	text-align: center;
}
.foter-link ul li a {
	text-align: center;
	color: #fff;
	text-decoration: none;
}
.foter-link ul li a i {
	width: 40px;
	height: 40px;
	margin: 0 auto 10px;
	background: #1a37b9;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	font-size:18px;
}

.group-span-filestyle {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
}
.group-span-filestyle .btn {
    margin:0 !important;
}




.menu-content {
	display: none;
	background-color: #ffffff;
	box-shadow: 0 0px 10px rgba(74, 74, 74, 0.3);
	padding: 20px 0;
	position: absolute;
	bottom: 100%;
	width: 100%;
	left: 0;
	max-height: 350px;
	overflow-y: scroll;
	max-width: 90%;
	right: 0;
	margin: 0 auto;
	border-radius: 10px 10px 0 0;
}
.menu-content #submenu {
	display: block;
	list-style: none;
	overflow: hidden;
	padding-left: 0;
}
.menu-content #submenu li{
    margin:0 0;
}
.menu-content #submenu li a {
	float: left;
	width: 100%;
	position: relative;
	padding: 12px 10px 12px 36px;
	font-size: 15px;
	color: #525252;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 500;
	text-decoration: none;
	-webkit-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.menu-content #submenu li a i {
	position: absolute;
	left: 0;
	top: 16px;
	text-align: center;
	width: 30px;
	color: #2d63bf;
	-webkit-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.menu-content #submenu li a:hover {
	color: #15b9f8;
}
.menu-content #submenu li a:hover i {
	color: #15b9f8;
}

.menu-header {
  padding: 10px 20px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
  font-size: 18px;
}

.menu-item {
  padding: 10px 20px;
}

.menu-option {
  display: block;
  background: none;
  border: none;
  text-align: left;
  padding: 10px 0;
  width: 100%;
  font-size: 16px;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
}

.menu-option:last-child {
  border-bottom: none