*{padding:0;margin:0}
body {line-height:14px;outline:none;font-size:16px;color:#A7A7A7;background-color:#FFF; font-family: 'PT Sans', sans-serif;}
a:hover{color:#7D2299;text-decoration:none!important}
a:focus{outline:none!important;outline:0; outline: medium none!imortant}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0}
a{outline:none;text-decoration:none}
ul li{list-style:none}
input::-moz-focus-inner { border: 0}
select::-ms-expand { display: none}
select {padding: 2px 30px 2px 2px;border: none}
option{padding:5px}
a{outline: 0}
select.box-select {
    -moz-appearance: none;
    background:url("../../images/arrow.png") no-repeat scroll 98% center;
}
*::before, *::after {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}

.form-control::-moz-placeholder {
    color: #000;
   
}
::-webkit-input-placeholder {color:#000;}
:-moz-placeholder { /* Firefox 18- */
color:#000;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #000; 
}
:-ms-input-placeholder {  
   color: #000;  
}

.my-dropdown .dropdown-menu{border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;box-shadow: 0 3px 9px rgba(0, 0, 0, 0.05);border:0px; background: #fff none repeat scroll 0 0 !important;left: auto;right: 0;top: 60px;border-top-left-radius: 6px!important;border-top-right-radius: 6px!important;min-width:130px}
.login-box .form-control:focus{ box-shadow:none;transition: none;}
.form-control{box-shadow:0px!important; box-shadow:none;transition: none;}
.navbar-nav > .open > a:hover{ color:#fff;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {background:none!important;color: #fff;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{color:#fff !important;}
/* default css starts here */
.padding-0{padding:0}
.padding-all{padding:20px}
.margin-0{margin:0}
.padding-left-0{padding-left:0px}
.padding-right-0{padding-right:0px}
.no-color{background:none!important}
.border-right{border-right:1px solid #EFEFEF}
.border-left{border-left:1px solid #efefef}
.border-bottom{border-bottom:1px solid #efefef}
.border-top{border-top:1px solid #efefef}
.border-right-0{border-right:0px}
.border-left-0{border-left:0px}
 /* ---------->>> default css starts here <<<-----------*/ 
.border-0{border:0px}
.padding-0{padding:0!important}
.border-0{border:0px!important}
.border-right{border-right:1px solid  #f0f0f0}
.border-top{border-top:1px solid  #f0f0f0}
.border-left{border-left:1px solid  #f0f0f0}
.border-bottom{border-bottom:1px solid #f0f0f0}
.border-top{border-top:1px solid  #f0f0f0}
.padding-bottom-0{padding-bottom:0!important}
.padding-top-0{padding-top:0}
.padding-left-0{padding-left:0!important}
.padding-right-0{padding-right:0!important}
.padding-all{padding:15px!important}
.padding-all-10{padding:10px!important}
.hr-line{margin-top:0;margin-bottom: 0px}
.margin-0{margin:0}
.margin-bottom-0{margin-bottom:0}
.margin-top-0{margin-top:0!important}
.margin-left-0{margin-left:0}
.margin-right-0{margin-right:0}
.margin-top-bottom-1{margin:10px 0}
.margin-top-bottom-2{margin: 20px 0}
.margin-top-bottom-3{margin: 30px 0}
.margin-top-bottom-4{margin: 40px 0}
.margin-top-bottom-5{margin: 50px 0}
.margin-top-bottom-6{margin: 60px 0}
.margin-top-bottom-7{margin: 70px 0}
.margin-top-bottom-8{margin: 80px 0}
.margin-top-1{margin-top:10px}
.margin-top-2{margin-top: 20px}
.margin-top-3{margin-top: 30px}
.margin-top-4{margin-top: 40px}
.margin-top-5{margin-top: 50px}
.margin-top-6{margin-top: 60px}
.margin-top-7{margin-top: 70px}
.margin-top-8{margin-top: 80px}
.margin-top-9{margin-top: 90px}
.margin-top-10{margin-top: 100px}
.margin-bottom-1{margin-bottom:10px}
.margin-bottom-2{margin-bottom: 20px}
.margin-bottom-3{margin-bottom: 30px}
.margin-bottom-4{margin-bottom: 40px}
.margin-bottom-5{margin-bottom: 50px}
.margin-bottom-6{margin-bottom: 60px}
.margin-bottom-7{margin-bottom: 70px}
.margin-bottom-8{margin-bottom: 80px}
.margin-bottom-9{margin-bottom:90px}
.margin-bottom-10{margin-bottom:100px}
.margin-left-right-1{margin:0px 10px}
.margin-left-right-2{ margin: 0 20px}
.margin-left-right-3{ margin: 0 30px}
.margin-left-right-4{ margin: 0 40px}
.margin-left-right-5{ margin: 0 50px}
.margin-left-right-6{ margin: 0 60px}
.margin-left-right-7{ margin: 0 70px}
.margin-left-right-8{ margin: 0 80px}
.margin-left-right-9{ margin: 0 90px}
.margin-left-right-10{ margin: 0 100px}
.margin-left-1{margin-left:10px}
.margin-left-2{margin-left: 20px}
.margin-left-3{margin-left: 30px}
.margin-left-4{margin-left: 40px}
.margin-left-5{margin-left: 50px}
.margin-left-6{margin-left: 60px}
.margin-left-7{margin-left: 70px}
.margin-left-8{margin-left: 80px}
.margin-right-1{margin-right:10px}
.margin-right-2{margin-right: 20px}
.margin-right-3{margin-right: 30px}
.margin-right-4{margin-right: 40px}
.margin-right-5{margin-right: 50px}
.margin-right-6{margin-right: 60px}
.margin-right-7{margin-right: 70px}
.margin-right-8{margin-right: 80px}
.margin-right-9{margin-right:90px}
.margin-right-10{margin-right:100px}
.padding-top-bottom-1{padding:10px 0}
.padding-top-bottom-2{padding: 20px 0}
.padding-top-bottom-3{padding: 30px 0}
.padding-top-bottom-4{padding: 40px 0}
.padding-top-bottom-5{padding: 50px 0}
.padding-top-bottom-6{padding: 60px 0}
.padding-top-bottom-7{padding: 70px 0}
.padding-top-bottom-8{padding: 80px 0}
.padding-top-1{padding-top:10px}
.padding-top-2{padding-top: 20px}
.padding-top-3{padding-top: 30px}
.padding-top-4{padding-top: 40px}
.padding-top-5{padding-top: 50px}
.padding-top-6{padding-top: 60px}
.padding-top-7{padding-top: 70px}
.padding-top-8{padding-top: 80px}
.padding-top-9{padding-top:90px}
.padding-top-10{padding-top:100px}
.padding-bottom-1{padding-bottom:10px}
.padding-bottom-2{padding-bottom: 20px}
.padding-bottom-3{padding-bottom: 30px}
.padding-bottom-4{padding-bottom: 40px}
.padding-bottom-5{padding-bottom: 50px}
.padding-bottom-6{padding-bottom: 60px}
.padding-bottom-7{padding-bottom: 70px}
.padding-bottom-8{padding-bottom: 80px}
.padding-bottom-9{padding-bottom: 90px}
.padding-left-right-0{padding-left:0;padding-right:0}
.padding-left-right-1{ padding:0 10px}
.padding-left-right-2{ padding: 0 20px}
.padding-left-right-3{ padding: 0 30px}
.padding-left-right-4{ padding: 0 40px}
.padding-left-right-5{ padding: 0 50px}
.padding-left-right-6{ padding: 0 60px}
.padding-left-right-7{ padding: 0 70px}
.padding-left-right-8{ padding: 0 80px}
.padding-left-right-9{ padding: 0 90px}
.padding-left-right-10{padding: 0 100px}
.padding-left-1{padding-left:15px}
.padding-left-2{padding-left: 20px}
.padding-left-3{padding-left: 30px}
.padding-left-4{padding-left: 40px!important}
.padding-left-5{padding-left: 50px}
.padding-left-6{padding-left: 60px}
.padding-left-7{padding-left: 70px}
.padding-left-8{padding-left: 80px}
.padding-right-1{padding-right:15px}
.padding-right-2{padding-left: 20px}
.padding-right-3{padding-left: 30px}
.padding-right-4{padding-left: 40px}
.padding-right-5{padding-left: 50px}
.padding-right-6{padding-left: 60px}
.padding-right-7{padding-left: 70px}
.padding-right-8{padding-left: 80px}
.padding-right-9{padding-left: 90px}
.padding-right-10{padding-left: 100px}

/* header css starts here */
.nav-top { margin-bottom: 0px; border:none; border-radius: 0px; background-repeat: repeat-x; min-height: 68px; border-bottom: 4px solid #ccc;}
.nav-top ul li a {position: relative; border-right: 1px solid #eee; color: #555 !important; font-weight: 700; padding: 22px 16px;}
.nav-top ul li a i{ margin-right: 13px;}
.navbar-brand{height: 62px;}
.nav-top .nav-my{margin-left: 0%;}
.nav-top ul li a:hover{background-color: #00275e !important; color: #fff !important;}
.nav-top ul li a:hover .admin-box span{color: #fff;}
.nav-top ul li a:focus .admin-box span{color: #fff;}
.nav-top ul li a:focus{background-color: #00275e !important; color: #fff !important;}
.nav-top ul li.active a{background-color: #00275e !important; color: #fff !important;}
.nav-top ul li.active a:hover{background-color: #00275e !important; color: #fff !important;}
.nav-top ul li.active a:focus{background-color: #00275e !important; color: #fff !important;}
.nav-top ul li.active a:focus:hover{background-color: #00275e !important; color: #fff !important;}
.nav-top ul li a::after{content: ""; width: 100%; position: absolute; height: 4px; bottom: -4px; background-color: #001431; left: 0px; display: none;}
.nav-top ul li a:hover:after{display: block;}
.admin-nav li a{padding: 16px 7px!important; font-size: 11px; border-right:none !important;}
.admin-nav li a span{ font-size: 12px; }
.admin-box { width: auto; float: left; text-align: left; margin-top: -5px;}
.user-name{color:#00275E;}
.client-icn :hover {
    color:#fff !important;
}
#data-set{ width:100%; float:left;text-align:center; }
#data-set .clean-data{
	
	font-size: 20px;
    color: #17ad0e;
    border: 2px solid #17ad0e;
    padding: 3px
}
 .loaderr{  color: rgb(0, 24, 58);
    font-size: 20px;
    font-weight: bold;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 62%;
    width: 100%;
    z-index: 99;
}
.nav-top ul li.active a::after{display: block;}

.bg-section{background-color:#fff; }
.login-box .form-control{color:#000;font-size:16px}
.btn.btn-success.btn-login { background: #82bb00 none repeat scroll 0 0;color: #fff;font-size: 18px;
font-weight: bold;padding: 10px 64px;border:1px solid  #82bb00}
.btn-login:hover{background:#006B00}
.forgot{color:#82bb00;font-size:18px;font-weight:800}
.client-info{color: #004e85;}

.alert-success{background:#003B72;color:#fff!important;}
.nav-top ul li a:hover .client-info{color:#fff;}
.my-dropdown .dropdown-menu li a{color:#808080;font-size:16px;padding:5px}
.my-dropdown img {max-width: 22%;width: 100%}
.my-dropdown .dropdown-menu .icn{color:#B3B3B3;font-size:16px;margin-right:10px;margin-left:10px}

/* middle section css starts here */
.middle-section{background:#fff;}
.title{color: #00285f; 
	background-image: url(../../images/title-bg.png);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0085BD), to(#00275E));
    background-image: -webkit-linear-gradient(top, #0085BD, #00275E);
    background-image: -moz-linear-gradient(top, #0085BD, #00275E);
    background-image: -ms-linear-gradient(top, #0085BD, #00275E);
    background-image: -o-linear-gradient(top, #0085BD, #00275E);
    font-size: 22px;
    background-color: #008bc4;
    color: #fff;
    /*text-transform: uppercase;*/
    border-radius: 5px 5px 0 0;
    margin-bottom: 15px !important;
	position:relative;
	text-align:center;
   }
#view_data{width: 100%; float: left; border-top:1px solid #e8e8e8;}
.inner-section h3{margin: 0px 0 14px 0; color: #333;}
/*.btn-success { color: #fff; background-color: #00275e; border-color: #00275e;}
.btn-success:hover {color: #fff; background-color: #00183a; border-color: #00183a;}*/
.inner-section{background: #fff; box-shadow: 0px 0px 10px 0px #e0e0e0; border-radius: 5px;}
.inner-section label{padding-top:12px;font-weight:normal;font-size:16px}
.select-form .form-control:focus{box-shadow:none;box-shadow:0}
.select-form .form-control{background:#F0F0F0;border:1px solid #E1E1E1;box-shadow:none!important;}
.select-form  .input-group-addon{border:1px solid #E1E1E1}
/*.btn.green-btn{ background: #00275e; color: #fff; font-size: 16px; border: 1px solid #00275e; font-weight: normal; padding: 7px 20px;}
*/.btn.green-btn span{color: #f4d03f;
    display: inline-block;
    font-size: 14px;
    margin-right: 5px; }
.btn.green-btn:hover{background:#00183a;}
.cal-icon{color:#0086bd;}
.profile-menu{top: 68px !important; padding: 0px !important; width: 100%;}
.dropdown-menu li a{ padding: 10px 0 !important; font-size: 15px; font-weight: normal !important; text-align: left !important;}
.table thead{background-color: #f7f7f7;}
.attached .fa{font-size:24px;margin-right:10px;font-weight:bold}
.attached p{font-size:20px;font-weight:bold;color:#82BB00;padding-left:15px}
.record-tb table th{color:#686868;vertical-align:top !important;font-weight:600!important}
.record-tb table td{color:#727375;/*border-bottom: 1px solid #9b9b9b!important*/}
.sidenav {  height: 100%; width: 0;  position: fixed; z-index: 1; top: 0; left: 0;  background-color: #fff; overflow-x: hidden; transition: 0.5s; padding:0px!important; z-index: 999;}
.sidenav a { padding: 11px 7px 16px 22px; text-decoration: none;font-size: 16px; color: #929396; display: block; transition: 0.3s; border-left:8px solid #fff;}
.sidenav a:hover, .offcanvas a:focus{ color:#82BB00; border-left:8px solid #82BB00;}
.sidenav .closebtn { font-size: 36px; margin-left:50px;  position: absolute; right: -2px; top: 1px;}
.profile{background:url(../../images/bamboo-bg.jpg)no-repeat scroll 0 0;background-size:100% 100%}
.profile  h4{color:#fff;font-size:24px;font-weight:bold}
.sidenav .icn { margin-right: 10px; color:#333; font-size: 18px;}
.sidenav a:hover .icn{color: #82BB00}
.data_tb .form-control{border:1px solid #ccc!important}
.data_tb.table thead tr th{vertical-align:top!important}
.modal-lg{ width:1170px !important;}
/*media quiries starts here */
.inner-section ul li{padding:5px 0px}
.back-arrow{font-size:22px}
.control-label { font-size: 15px !important; font-weight: 600 !important;}
.client-icn img{border-radius:100%;height:32px;width:32px; margin: 0 0 0px 15px;}
.profile img{border-radius:100%;height:55px;width:55px}
.small-img img{border-radius:100%;height:40px;width:40px}
.open-view{margin: 20px 0;}
.getGap {
	margin-top:20px;
}
.noti{ display: inline-block; float: left; padding: 26px 20px; margin-left: 15px;}
.notification-box{ position: absolute;
    border: 1px solid #ccc;
    right: 0;
    width: 25%;
    float: right;
    background-color: #fff;
    box-shadow: 0px 0px 5px 0px #dadada;
    padding: 15px;
    top: 107%; z-index: 9;
}
.survey{padding: 26px 10px !important; display: inline-block;}
.survey i{font-size: 22px; color: #032a60;}

.back-btn{ background-color: rgba(255, 144, 0, 1); position: absolute; top: 80px; left: 0;border-color:rgba(255, 144, 0, 1);}
.back-btn:hover{ background-color: rgba(255, 144, 0, 1);border-color:rgba(255, 144, 0, 1);}
.container-fluid{ position:relative;}
@media (max-width: 991px) {
  .jerry_margin {
	margin-bottom: 10px;
  }
}
@media only screen and (max-width: 1920px){
	.back-btn{ left: 0;}
}
@media only screen and (max-width: 1200px){
.top_bar .container{ width:100% !important;  }
.noti{ margin-left: 0px; }
.noti{ padding: 20px 10px; }
.to-date{margin-bottom:20px;}
}
@media only screen and (max-width: 1200px){
 .nav-top ul li a{ padding: 22px 10px; }  
 .nav-top ul li a i{margin-right: 3px;} 
}


@media only screen and (max-width: 1199px){
  .nav-top .nav-my {
    margin-left: 0%;
}
}
@media only screen and (max-width: 1024px){
.nav-top .nav-my{margin-left: 0px;}
.back-btn{ left: 2.6%;}

}
@media only screen and (max-width: 991px){
	.dropdown{ width:100%; float:left;}
	.select-form .search-bar{ padding:0px;}
.select-form .search-bar label{ display:none;}
.select-form .search-bar .green-btn{ display:block; width:100%;}
.my-dropdown .dropdown-menu li a{ display: block; }
.dropdown{ margin-bottom:15px;} 
.search-filter{width:100%;}
.dropdown .col-md-12{padding:0px; }
.dropdown .filter-box{ padding:0 15px;}
.select-form  .to{padding-left:0px;}
.comprehensiveEngagement{margin-top:50px;}
.mobile-table{ height:200px; overflow-x:scroll;}
.nav-top ul li a {
  font-size: 13px;
    font-weight: normal;
    padding: 22px 7px;
}
.navbar-brand {
    margin: 0 !important;
    padding: 14px 5px 0 0;
}
.client-icn img{display: none;}
.nav-top ul li a{display: inline-block;}
.nav-top ul li a p{margin-bottom: 0px;}
.loaderr {
    color: rgb(0, 24, 58);
    font-size: 20px;
    font-weight: bold;
    left: 0;
    position: fixed;
    top: 38%;
    z-index: 99;
	 width: 100%;
}
}

@media only screen and (max-width: 800px){
.comprehensiveEngagement{margin-top:50px;}
.container-fluid{ padding: 0px; }
.navbar-collapse{ padding-right: 0px; padding-left: 0px; }
.back-btn{ left: 3%;}
}
@media only screen and (max-width: 768px){
.navbar-brand {padding-left:15px;}
.dropdown{ width:100%; float:left;}
.comprehensiveEngagement{margin-top:50px;}
.select-form .search-bar{ padding:0px;}
.select-form .search-bar label{ display:none;}
.select-form .search-bar .green-btn{ display:block; width:100%;}
.container-fluid{ padding-right:0px; padding-left:0px;}
.nav-top ul li a i{ margin-right: 3px; }
.noti{ padding: 20px 6px; margin-left: 15px; }
.my-dropdown .dropdown-menu{ min-width: 152px; }
.nav-top ul li a{  }
.my-dropdown .dropdown-menu li a{ display: block; }
.dropdown{ margin-bottom:15px;} 
.search-filter{width:100%;}
.dropdown .col-md-12{padding:0px; }
.dropdown .filter-box{ padding:0 15px;}
.back-btn{left:12px; top:100px;}

}
@media only screen and (max-width: 767px){
.top_bar{ margin-bottom:40px;}
.back-btn{left:0%; top:80px;}
.comprehensiveEngagement{margin-top:50px;}
.search-bar{width:100%; float:left;}
.search-bar a{display:block; margin-bottom:0px !important;}
.search-bar button{width:100%; margin-bottom:0px !important;}	
.search-bar label{ display:none;}
.popup-text{ }
.popup-text span{ font-size:14px; overflow-wrap: break-word;}
.popup-text .col-md-6{ padding:0px;}
.modal-lg{width:99% !important;}
.generate-graph{
	text-align:center;
}
.generate-graph a{
	margin:5px 0;
	display:inline-block;
}
#loader
{
	text-align:center;
}
.res-btn
{
	width:100%;
	text-align:center;
}
.title
{
	text-align:left;
}
.modal-footer .cancel {
    display: inline-block;
    margin-bottom: 0px;
    float: left;
}
.modal-footer .btn + .btn {
    margin-bottom: 10px;
    margin-left: 5px;
    float: left;
}
.dark-green-btn{margin: 0 0 0px 0;}
#divLoading{margin: 0 auto;}
.inner-section {margin: 10px 0;}
.bottom-sec{margin: 10px 0; padding-top: 0px; float:left;}
.inner-section
.client-icn img{display: block;}
.search-bar{padding: 0px; float: left;}
.btn.green-btn{ margin:0 0 15px 0;}
.search-bar label{display: none;}
.to{padding:0px;}
.filter-box{width:100%; float: left;}
.inner-section form{}
#btn_filter{margin-bottom: 15px;}
.attached{ padding: 0 0px 0 15px;}
.nav-top ul{ width: 100%; float: left;  margin: 17px 0 0 0 !important; padding: 0;}
.nav-top ul li a{display: block; padding: 15px 0;}
.my-dropdown{position: relative;}
.admin-box { width: auto; float: left; text-align: left; margin-top: -5px; position: absolute; left: 10%;}
.client-icn img { border-radius: 100%; height: 32px; width: 32px; margin: 0 0 0px 0;}
.admin-nav li a{padding: 0 7px 13px 0!important;}
.profile-menu li a{padding: 15px 0 !important;}
.admin-nav li a .client-info:focus  {color:#fff !important;}
.admin-nav li a:hover .client-info {color:#fff !important}
 .navbar-toggle{margin-top: 15px;}
.text-para { 
margin-bottom: 15px !important;
display: block;
padding-right: 0px !important;
line-height: 25px;
}
.dark-green-btn {
    background: #006B00;
    color: #fff;
    padding: 8px 16px 7px 16px;
    margin-bottom: 15px;
}
.open-view{margin: 15px 0 !important;}
.navbar-collapse{padding-left: 0px; padding-right: 0px;}
.nav-top ul li a{padding: 15px;}
.client-icn img{display: block;}
.nav.navbar-nav.navbar-right.admin-nav {
margin: 0 !important;
}
.admin-nav li a {padding: 15px 7px 13px 15px !important;}
.admin-nav li a p{color: #000;}

.admin-nav li a:focus p{color: #000;}
.nav-top ul li a i{width: 13px;}
.calender-box{ width: 100%; }
.add-btns{margin: 10px 0;}
.select-form{ margin: 10px 0; }
.select-form label{width: 100%;}
.select-form .date{width: 100%;float:left;}
.start-form input{float:left;}
}


@media only screen and (max-width: 640px){
    .survey{padding: 20px 10px !important; }
	.comprehensiveEngagement{margin-top:50px;}
	.logo{padding-left:30%}
	.my-dropdown .dropdown-menu{width:120px;font-size:14px}
	.my-dropdown .dropdown-menu li a{padding-left:0;margin-left:0}
.attached {
    padding-left: 0;
    text-align: center;
    padding: 15px;
}
	.butons-section{margin-top:20px}
	.attached p{padding-left:0px}
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 5px!important}


	.my-dropdown img {max-width: 36%;}
    .admin-box{left:20%;}
	.navbar-nav.navbar-right.padding-top-bottom-1.client-right {left: 33px;max-width: 100%;position: absolute;top: -10px;width: 34%}
	                                                                        
.title {font-size: 22px;}
	.small-img{position:relative}
	.small-img img {max-width: 10%;position: absolute;width: 100%;top: -61px;}
	.fa-times.icn{color:#fff;font-size:22px}

}
@media only screen and (max-width: 580px){
	.comprehensiveEngagement{margin-top:50px;}
    .noti{ display: block; margin-left: 15px; }
    .notification-box{ width:100%; }
	
	.butons-section{text-align:center;}
	.green-btn{display:block;margin:10px}
	.navbar-nav.navbar-right.padding-top-bottom-1.client-right {left: 33px;max-width: 100%;
    position: absolute;top: -5px;width: 30%;}
	.small-img img {max-width: 12%;position: absolute;top: -55px;width: 100%;top: -66px;}
	.logo{padding-left:25%}
	#ui-datepicker-div{left:28px!important}
	.bottom-sec{ background: #F1F1F1; margin-top: 25px; float:left;}
	.attached.margin-top-bottom-8 {margin-top: 40%;}
	.small-img img {max-width: 10%;position: absolute;top: -61px;width: 100%;}
	
}
@media only screen and (max-width: 568px){
	.comprehensiveEngagement{margin-top:50px;}
	.admin-box {
    left: 12%;
}
	.loaderr {
    color: rgb(0, 24, 58);
    font-size: 20px;
    font-weight: bold;
    left: 0;
    position: fixed;
    top: 29%;
    z-index: 99;
}
}


@media screen and (max-width: 450px) {
	.back-btn{ left:0; top:80px;}
  .comprehensiveEngagement{margin-top:50px;}
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
  .title-box { margin: 38px 0;}
  .login-here a{display:inline-block; margin-top:15px;}
  .login-here span{ font-size:15px; color:#000; display:block; font-size:13px;}
  
  
}
@media screen and (max-width: 414px) {
	.comprehensiveEngagement{margin-top:50px;}
	.sidenav {padding-top: 15px;}
	.sidenav a {font-size: 18px;}
	.admin-box {left: 15%;}
  
}


@media only screen and (max-width: 360px){
.comprehensiveEngagement{margin-top:50px;}
.comprehensive{margin-top:15px;}
.navbar-nav.navbar-right.padding-top-bottom-1.client-right {left: 33px;max-width: 100%;position: absolute;top: 2px;width: 34%}
.small-img img {max-width: 14%;position: absolute;top: -55px;width: 100%}
.admin-box {left: 20%;}
.loaderr {color: rgb(0, 24, 58); font-size: 20px; font-weight: bold; left: 0; position: fixed; top: 20%; z-index: 99;}
.duplicate-body {padding-bottom:0px !important;}
.clean-data{border: 2px solid #009245;color: #009245; display: block; font-size: 25px; margin: 20px auto; padding: 10px 15px; width: 250px; font-weight: bold;}
.title-box{ margin:15px 0;}
.clean-data{margin:0 auto;}
}


#mysearch{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:250px; 
	background-color:red;
}
#mysearch li
{   
    padding: 10px;
    background: #ffffff;
	color: #7d7d7d;
    border-bottom: #cccccc 1px solid;
	white-space: normal;
}
#mysearch li:hover
{    
    background: #d2d2d2;
    color: #000;
    cursor: pointer;
}

 .filter-box{   

    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 2px;
    margin-top: 13px;
 }
.filter-box select{ height:36px; border:1px solid #ddd; margin-bottom:15px;}
.filter-box input{ height:36px; border:1px solid #ddd; margin-bottom:15px;}
.search-filter{border: 1px solid #ccc;}
.filter-label{font-weight:600;font-size:16px}
.title a{    color: #fff;
    /*font-size: 15px;*/
    position: absolute;
    right: 15px; 
	}
.message-space
{
	line-height:20px;
	word-wrap: break-word;
}

.model-list-content .fa-chevron-right{color:#00477F;font-size:11px;}
.model-list-content .list-group-item{line-height:20px;}
.section-labels{ width:100%; float:left;}
.my-nav{margin-bottom:0px;}
.login-heading{background-color: #008bc4; background-image: -moz-linear-gradient(center top , #0085bd, #00275e); /*color:#fff !important;*/}
.delete-photo{    
    background-color: red;
    border-radius: 70px;
    color: #fff;
    font-size: 12px !important;
    padding: 6px;
    left: -10px;
    top: -10px;
	position:absolute;
	}
.delete-photo1{  
    left: 93%;
}
.upload-group{position:relative;}
.btn-set-1{ background-color:#28b463; color:#fff; padding:8px 20px;}
.btn-set-1 span{    color:  #f4d03f ;
    display: inline-block;
    font-size: 14px;
    margin-right: 5px;}
	
.sheet-name
{
	position:inherit !important;
	text-align:center;
}
 
.form-group.required:after {
  content:"*";
  color:red;
  padding-left:8px;
  position: absolute;
     top: -6px;
    left: -9px;
}
.notification-box .form-group{ position: relative; }
.video-links li a{ font-size: 15px; margin: 0 0 5px 0; display: block;}
.text_color{color:black;}
.calender-box-start
{
	position: absolute;
	right: 10px;
	top: 30px;
}
.calender-box-end
{ 
	position: absolute;
	right: 10px;
	top: 30px;
}
.calender-box-data
{ 
	position: absolute;
	right: 24px;
    top: 62px;
}
.calender-box-data-loop
{ 
	position: absolute;
	right: 26px;
	top: 12px;
}
.start-form{ position:relative;}
.end-form{ position:relative;}
.color-bg
{
	font-size: 15px;
	color: #000;
	padding: 0px;
	margin-bottom: 5px;
}
.color-bg span
{ 
	display: inline-block;
	width: 20px;
	padding: 7px;
	margin-bottom: 5px;
	height: 20px;
	vertical-align: middle;
	border-radius: 2px;
}
.red span{background-color:#dd4b39;}
.yellow span{background-color:#ffc107;}
.blue span{background-color:#4d90fe;}
.threshold-header
{
	font-size: 20px;
	color: #000;
	margin: 10px 0 20px 0;
	float: left;
}

.login-here{width:100%; float:left; }
.login-here a{display:inline-block; vertical-align:middle;}
.login-here span{ font-size:15px; color:#000; vertical-align:middle;}
.link-box{padding: 0px; margin-bottom: 15px;margin-top: 15px;}
.link-box a{ display: block; margin-bottom: 5px; } 
.link-box a:last-child{margin-bottom:0; } 
.noti-form{float: left; width: 100%;}
.auth-login-box h2{font-size: 30px; text-align: left; font-weight: bold; color: #282b5b; margin: 0 0 40px 0; }
.auth-login-box .form-group{ margin-bottom: 20px; }
.auth-login-box label { font-size: 14px; font-weight: bold; color: #5a5a5a; text-transform: uppercase; letter-spacing: 0.5px;}
.auth-login-box .login-btn { padding: 10px; font-size: 14px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;}
.log-text { padding: 10px; display: inline-block; font-size: 16px; margin-top: 15px;}
.auth-login-box .btn-link{ display: block; text-align: center; font-size: 16px; }
.login-here span{ display: block; margin: 10px 0 15px 0; text-align: center; }
.col-centered{ margin: 0 auto; float: none; border: 1px solid #f9f9f9; border-radius: 2px; background-color: #fff; box-shadow: 0px 0px 30px 0px #f5f5f5; padding: 25px; overflow: hidden; }
.su-table{ vertical-align: middle; margin-bottom: 0px;}
.front-table{}
.front-table th{ border-bottom: none !important; vertical-align: middle !important; padding: 10px 10px !important; font-size: 15px; color: #353535; text-transform: capitalize; }
.front-table td{ vertical-align: top !important; padding: 12px !important; color: #7d7d7d; font-size: 15px;}
.custom-btn{width: 20px; height: 20px; display: inline-block; text-align: center; padding: 2px; color: #fff;}
.com-title{ margin-top: 15px; }
.com-title h1{font-weight: bold; font-size: 25px; color: #353535; margin-bottom: 15px; }
.report-modal{  }
.front-modal .modal-title{font-size: 18px; color: #353535; font-weight: bold;}
.front-modal label{ font-size: 15px; font-weight: normal; color: #353535;} 
.front-modal h4{ color: #000; } 
.sub-title{ font-size:15px;  }
.text-note{color: #333;
    padding: 0 15px;
    margin-bottom: 0px;
    line-height: initial;
    font-size: 13px;
    font-weight: normal;}