/*
Theme: Flower Portal
Developer: Surender Pratap Singh
File Name: style.css
*/

* {
	margin: 0;
	padding: 0;
	outline: 0 !important;
}
img {
	border: 0;
	max-width: 100%;
}
body {
	font: 100% Calibri, Helvetica, sans-serif;
	border: none;
	background: #EEEEEE;
	color: #333;
	overflow: hidden;
}
html {
	font: 100% Calibri, Helvetica, sans-serif;
	border: none;
}
ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
a, a:focus {
	text-decoration: none !important;
	color: inherit;
}
a:focus {
}
/*genral CSS*/
select option {
	padding: 2px 5px;
    font-size:13px;
}
select option:nth-child(even){
    background:#EEEEEE;
}
select option:hover{
    background-color:#0099ff;
    color:white;
}
.form-control{
	border-radius: 4px;
}
/*genral CSS end*/


/*Login CSS*/
.container {
	width: 95%;
}
.alert h4 {
	margin: 0;
	font: 17px Calibri;
}
.login {
    /*background: rgba(0, 0, 0, 0) url("images/Login_Background.jpg") no-repeat fixed center center / cover;*/
    background-color:#eee;
    position: fixed;
    width: 100%;
    height: 100%;
}
.loginIn{
	/*background: rgba(0, 0, 0, 0.3);*/
	position: fixed;
	width: 100%;
	height: 100%;
}
.loginLogo {

	position: absolute;
	left: 30px;
	top: 30px;
}
.lgnWrap {
	/*height: 195px;*/
    height:350px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	/*width: 300px;*/
    width:350px;
	margin: auto;
}
.lgnFrm {
	text-align: center;
	/*background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;*/
    background-color:white;
	padding: 15px;
	/*border: 1px solid #333;*/
	/*border-radius: 5px;*/
	margin: 0 0 15px;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.4);
    
}
.lgnFrm h3 {
	font: 22px Calibri;
	margin: 0 0 15px;
	color: #000;
}
.lgn-inpt {
	width: 100%;
	height: 30px;
	border: 1px solid #ccc;
	margin: 0 0 15px;
	padding: 2px 5px;
    border-radius:4px;
}
.lgn-sbt {
    margin:5px 0 0 0;
	width: 100px;
	height: 30px;
	border: none;
	background: #005399;
	color: #fff;
	border-radius: 3px;
	float: right;
}
/*Login CSS End*/

/*Header CSS*/

.header {
	/*background: #35394b;
	background-color: #43c1c2;
	background: linear-gradient(to right, #43c1c2 0%, #49d1b3 100%);
	background-repeat: repeat-x: */
	background: #333 ;
}
.logo {
	float: left;
}
.logo img {
	height: 42px;
	padding: 5px 10px;
	display: block;
	float: left;
}

.barMenu {
    color: #fff;
    display: block;
    float: left;
    font-size: 22px;
    line-height: 42px;
    padding: 0 10px;
    margin-left: 5px;
    min-width: 43px;
    font-weight: normal;
    cursor: pointer;
}
.menu-btn {
	display: inline-block;
	padding: 2px 5px 0;
	border: 1px solid #ccc;
	background: #eee;
	margin: 0 10px 0 0;
	cursor: pointer;
}
.menu-btn.expand {
	background: #00A65A;
	color: #fff;
	border: 1px solid #00A65A;
}
.user-acc {
	float: right;
	padding: 9px 15px 9px 0;
	position: relative;
	cursor: pointer;
}
.user-acc img.userImg {
	height: 22px;
	float: left;
	margin: 0 10px;
}
.logged-user {
	font: 16px/22px Calibri;
	float: left;
	display: block;
	position: relative;
	color: #fff;
}
.logged-user:after {
	content: "\f107";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	/*--adjust as necessary--*/
	color: #fff;
	font-size: 14px;
	margin: 0 0 0 5px;
}
span.welcome-box {
	background: #fff none repeat scroll 0 0;
	display: none;
	position: absolute;
	right: 10px;
	top: 42px;
	width: 150px;
	border: 1px solid #eee;
	border-top: none;
	box-shadow: 0 4px 5px #999;
	z-index: 9999;
}
span.welcome-box h5{
	font:bold 15px Calibri;
	padding:0 0 0 10px;
	color:#058bd3;
	display:none;
	margin:0;
}
span.welcome-box ul {
	display: block;
	padding: 0;
	margin: 0;
}
span.welcome-box ul li {
	display: block;
	margin: 0 0 1px;
}
span.welcome-box ul li a {
	font: 14px/30px Calibri;
	color: #545454;
	display: inline-block;
	padding: 0 10px;
}
span.welcome-box ul li a i {
	font-size: 16px;
	margin-right: 10px;
}
/*Header CSS End*/

/*res Menu CSS*/
.resMenu {
    color: #fff;
    display: none;
    float: left;
    font-size: 22px;
    line-height: 50px;
    padding: 0 10px;
    margin-right: 10px;
    background: #333;
    min-width: 43px;
    font-weight: normal;
    cursor: pointer;
}
.resMenu.active {
    color: #058bd3;
}

.resMenu span.bar{
    display: block;
}
.resMenu span.remove{
    display: none;
}
.resMenu.active span.bar{
    display: none;
}
.resMenu.active span.remove{
    display: block;
}
/*res Menu CSS End*/

/*sideMenu CSS*/
.sidemenu {
	background: #23282D;
	width: 175px;
	float: left;
	height: 610px;
	overflow: hidden;
	z-index: 999;
	box-shadow: 0 0 5px #999;
}
.sidemenu h3 {
	font: bold 16px Calibri;
	color: #fff;
	margin: 15px 0 0;
	text-align: center;
}
.sidemenu ul {
	display: block;
	margin: 0;
	padding: 0 0 20px;
}
.sidemenu ul li {
	display: block;
}
.sidemenu ul li a {
	font: bold 15px/35px Calibri;
	color: #72777c;
	display: block;
	padding: 0 10px;
	position: relative;
	max-height: 35px;
	overflow: hidden;
}
.sidemenu ul li.hasSubMenu > a:after {
	content: "\f107";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	/*--adjust as necessary--*/
	color: #72777c;
	font-size: 14px;
	margin: 0 10px 0 0;
	float: right;
	line-height: 35px;
}
.sidemenu ul li a i {
	margin: 0 5px 0 0;
	min-width: 15px;
	text-align: center;
}
.sidemenu ul li ul {
	background: #32373C;
	display: none;
}
.sidemenu ul li.active > ul {
	display: block;
	padding: 0 0 0 10px;
}
.sidemenu ul li ul.subMenu li a {
	background: none;
	font: 14px/35px Calibri;
	color: #72777c;
}

.sidemenu ul li a:hover {
	/*background: #78D469;*/
	background:#191E23;
}
.sidemenu ul li.activePage > a, .sidemenu ul li ul.subMenu li.activePage a {
	color: #fff;
	font-weight: bold;
}
.sidemenu ul li.activePage > a i, .sidemenu ul li ul.subMenu li.activePage a i{
	color: #fff;
}
.sidemenu ul li.active a {
	background: #058bd3;
	/*background: #0073AA;*/
	display: block;
	color:#fff;
}
.sidemenu ul li.hasSubMenu.active > a::after{
	color:#fff;
}
.sidemenu ul li.hasSubMenu.active > a{
	font-weight: bold;
}
/*---Mini--*/

.sidemenu.mini{
	width: 50px;
	overflow: visible;
}
.sidemenu.mini ul li{
	position: relative;
}
.sidemenu.mini ul li a span{
	display: none;
}
.sidemenu.mini ul li a i {
    font-size: 16px;
    margin: 0;
    width: 100%;
}
.sidemenu.mini ul li.hasSubMenu > a::after {
    display: none;
}
.sidemenu.mini ul li a {
    line-height: 35px;
}
.sidemenu.mini ul li.hasSubMenu ul.subMenu {
    display: none;
    left: 50px;
    padding: 0;
    position: fixed;
	margin:-35px 0 0;
    width: 175px;
    z-index: 999;
}
.sidemenu.mini ul li.hasSubMenu ul.subMenu ul.subMenu{
	left: 175px;
}
.sidemenu.mini ul li {
    position: relative;
}
.sidemenu.mini ul ul.subMenu li a span {
    display: inline-block;
}
.sidemenu.mini ul ul.subMenu li a i {
    width: auto;
    font-size: 14px; 
}
.sidemenu.mini ul li ul.subMenu a {
    line-height: 40px;
}
.sidemenu.mini ul li.hasSubMenu:hover > ul.subMenu {
    display: block;
}

.sidemenu.mini ul li.activePage > a i, .sidemenu.mini ul li ul.subMenu li.activePage a i, .sidemenu.mini ul li.active > a i{
	color: #fff;
}
.sidemenu.mini ul li.hasSubMenu ul.subMenu ul.subMenu {
    left: 175px;
}

/*sideMenu CSS End*/

/*contentWrap CSS*/
.contentWrap {
	height: 610px;
	width: 1190px;
	float: left;
	background: #f9f9f9;
	overflow-x: hidden;
	overflow-y: scroll;
}
.content {
	padding: 25px;
}
.content-full {
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	background: #fff;
	margin: 0 0 20px;
}
.content-left {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    float: left;
    margin: 0 0 20px;
    padding: 10px;
    width: 55%;
}
.content-right {
	background: #fff none repeat scroll 0 0;
	border-radius: 5px;
	border-top: 5px solid #34a853;
	float: left;
	padding: 10px;
	width: 375px;
	margin: 0 0 20px 30px;
}

.loaderAjax {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(images/loading.gif) center no-repeat rgba(0,0,0,0.4);
}
/*contentWrap CSS End*/

/*tabs*/
ul.tabList{
  display:block;
  margin:0;
  padding:0;
}
ul.tabList li{
  display:block;
  float:left;
  border:1px solid #ccc;
  border-bottom:none;
  padding:0 15px;
  font:bold 14px/30px Calibri;
  /*background:#0073AA;*/
  background:#058bd3;
  color:#fff;
  min-width:100px;
  text-align:center;
  cursor:pointer;
  position:relative;
  z-index:9;
  margin-right:2px;
}
ul.tabList li.active{
  background:#fff;
  color:#333;
}
ul.tabList li span{
  display:block;
}
.tabBoxWrap{
  background:#fff;
  width:100%;
  border:1px solid #ccc;
  margin-top:-1px;
  padding:10px;
}
.tabBoxWrap > .tabBox{
  display:none;
  width: 100%;
}
.tabBoxWrap > .tabBox.active{
  display:block;
}
.clsBtn{
  position:absolute;
  z-index:99;
  top:1px;
  right:3px;
  line-height:0;
  color:#F00;
}
.tabBox > iframe{
  width:100%;
  height:500px;
}

ul.tabList.dynmc li{
	background: #bfbfbf;
	color: #333;
}
ul.tabList.dynmc li.active{
  background:#fff;
  color:#333;
}
.subMenu:after {
    content: ".";    
    display: block;    
    height: 0;    
    overflow: hidden; 
}
/*tabs end*/

/*Add Form CSS*/

/*Add Form CSS End*/

/*ListTable CSS*/
table.listTable {
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	background: #f6f6f6;
}
table.listTable tr th, table.listTable tr td {
	border: 1px solid #ccc;
	padding: 5px;
	font: 14px Calibri;
	color: #545454;
}
table.listTable tbody tr:nth-child(odd){
	background: #fff;
}
table.listTable tr th {
	font-weight: bold;
	background: #EEEEEE;
	color: #303030;
}
table.listTable tr td a.disabled {
	pointer-events: auto;
}
table.listTable tr td a.viewBtn {
	color: #286090;
}

/*ListTable CSS End*/

/*Form Start*/
.formBox{
	background: #fff;
	border:1px solid #ccc;
}
.formBox h3{
	background: #efefef;
	padding: 0 10px;
	font:bold 18px/35px Calibri;
	margin: 0;
	color: #545454;
}
.formBoxIn{
	padding: 10px 0;
}
.formBoxIn:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.formBoxIn .form-group {
    margin: 0 0 10px;
}
.formBoxIn .form-group label {
    font: bold 13px Calibri;
}
.formBoxIn .form-group label span{
	color: #DC4739;
}
.formBoxIn .form-group input.form-control, .formBoxIn .form-group select {
    border-radius: 2px;
    height: 26px;
    padding: 0 5px;
	width:99%;
}
.formBoxIn .form-group .btn{
	height: 26px;
	padding: 0 10px;
	margin-left: 5px;
}
.formBoxIn .form-group a.btn{
	line-height: 24px;
}


.form-inline .formBoxIn .form-group label {
    min-width: 90px;
    max-width: 90px;
	text-align:right;
}
.form-inline .formBoxIn .form-group input.form-control, .form-inline .formBoxIn .form-group select {
    width: 140px;
}



.addActive #addBtn{
	display: inline-block;
}
.addActive #editBtn{
	display: none;
}
.editActive #editBtn{
	display: inline-block;
}
.editActive #addBtn, .editActive #rstBtn{
	display: none;
}
/*Form End*/

#alertBx{
	display: none;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 5px;
    padding-right: 35px;
}
#alertBx i{
	display: none;
}
#alertBx h4{
	margin: 0;
	font: 15px Calibri;
}
#alertBx button{
 	color: inherit;
    position: relative;
    right: -21px;
    top: -2px;
}
#alertBx.info i.fa-info{
	display: inline-block;
}
#alertBx.warning i.fa-warning{
	display: inline-block;
}
#alertBx.error i.fa-ban{
	display: inline-block;
}
#alertBx.success i.fa-check{
	display: inline-block;
}
#alertBx.info{
	display: block;
	background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}
#alertBx.warning{
	display: block;
	background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}
#alertBx.error{
	display: block;
	background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
#alertBx.success{
	display: block;
	background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}
.loaderAjax {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(images/loading.gif) center no-repeat rgba(0,0,0,0.4);
}
.srchBox{
	background: #f6f6f6;
	border:1px solid #ccc;
	margin: 0 0 10px;
	border-radius: 3px;
	padding: 10px 0 0;
	font:12px Calibri;
}
.srchBox h3{
	margin:0 0 5px; 
	font:bold 16px Calibri; 
	color:#019AE4;
}
.srchBox .form-group{
	padding:0 5px;
}
.srchBox .form-group label{
	font:bold 13px Calibri;
	color: #333;
	display: block;
}
.srchBox .form-group input.form-control, .srchBox .form-group select.form-control{
	font:14px Calibri;
	color: #000;
	border-radius: 2px;
    height: 26px;
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    padding: 0 5px;
}
.srchBox .form-group .btn{
	height: 25px;
}
.locationParent{
	display:none;
}
.changePwdFrm{
	background:#fff;
	padding:10px;
	border-radius:2px;
}
.changePwdFrm h3{
	font:bold 20px Calibri;
	color:#545454;
	margin:0 0 10px;
}
.changePwdFrm label{
	color:#777;
	font:bold 16px Calibri;
}

.btn-group.bootstrap-select{
	height:auto;
}
.btn-group.bootstrap-select .btn.dropdown-toggle {
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    margin: 0;
	height:auto;
	padding:2px 5px;
}
.btn-group.bootstrap-select .btn.dropdown-toggle.disabled {
    background: #ddd none repeat scroll 0 0;
}
.progress.spProg
{
  display:none; 
  position:relative; 
  width:400px; 
  border: 1px solid #ddd; 
  padding: 1px; 
  border-radius: 3px; 
}
.progress.spProg .bar 
{ 
  background-color: #B4F5B4; 
  width:0%; 
  height:20px; 
  border-radius: 3px; 
}
.progress.spProg .percent 
{ 
  position:absolute; 
  display:inline-block; 
  top:3px; 
  left:48%; 
}
.progress.spProg p.success{
	color:#5CB85C;
	font:bold 14px Calibri;
}
.progress.spProg p.error{
	color:#D9534F;
	font:bold 14px Calibri;
}

.textRight{
	text-align:right;
}


.welcome-widget{
	margin: 10px 0 50px;
}
.welcome-widget:after{
	content: '';
	display: block;
	clear: both;
}
.dash-box{
	background: #ccc;
	border-radius: 5px;
	display: block;
	padding: 0;
	position: relative;
	color: #fff;
	margin-right:1%;
	width:24%;
}
span.count-box{
	display: block;
	padding: 0 0 15px 25px;
}
span.count{
	display: block;
	font:bold 30px/50px Calibri;
}
span.title{
	display: block;
}
span.more-info{
	display: block;
	text-align: center;
	padding: 5px 0;
	background: rgba(0,0,0,0.3);
	margin:10px 0 0;
	border-radius: 0 0 5px 5px;
	font-size: 12px; 
	display:none;
}

span.more-info a:hover{
	color: #fff;
}
.dash-box:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: rgba(0,0,0,0.3);
    font-size: 36px;
    padding: 15px;
    position: absolute;
    right: 0;
}
.dash-box.first{
background: #00C0EF;
}
.dash-box.second{
	background: #00A65A;
}
.dash-box.third{
	background: #673688
}
.dash-box.fourth{
	background: #F39C12;
}
.dash-box.first:before{
	content: '\f1c0';
}
.dash-box.second:before{
	content: '\f118';
}
.dash-box.third:before{
	content: '\f005';
}
.dash-box.fourth:before{
	content: '\f007';
}
.has-error.bootstrap-select button.btn.dropdown-toggle {
    border: 1px solid #a94442;
}

.switchBtnBox {
}
.switchBtnBox label {
    display: inline-block;
    float: left;
    font: bold 13px/18px Calibri;
    margin: 0 15px 0 0;
}
.switchBtn {
    background: #ffcccb none repeat scroll 0 0;
    border: 1px solid #ff0000;
    border-radius: 50px;
    cursor: pointer;
    float: left;
    height: 18px;
    text-align: right;
    width: 30px;
}
.switchBtn span {
    background: #e24939 none repeat scroll 0 0;
    border-radius: 50%;
    display: inline-block;
    height: 16px;
    width: 16px;
}
.switchBtn.on {
    background: #ccffd1 none repeat scroll 0 0;
    border: 1px solid #3a801d;
    text-align: left;
}
.switchBtn.on span {
    background: #00bb27 none repeat scroll 0 0;
}



.statusBtnBox {
	background:#eee;
	border-radius:2px;
	padding:3px 5px;
	margin-right:15px;
}
.statusBtnBox label {
    display: inline-block;
    float: left;
    font: bold 13px/18px Calibri;
    margin: 0 10px;
}
.statusBtn {
    background: #ffcccb none repeat scroll 0 0;
    border: 1px solid #ff0000;
    border-radius: 50px;
    cursor: pointer;
    float: left;
    height: 16px;
	margin:1px 0;
    text-align: right;
    width: 30px;
}
.statusBtn span {
    background: #e24939 none repeat scroll 0 0;
    border-radius: 50%;
    display: inline-block;
    height: 14px;
    width: 14px;
}
.statusBtn.on {
    background: #ccffd1 none repeat scroll 0 0;
    border: 1px solid #3a801d;
    text-align: left;
}
.statusBtn.on span {
    background: #00bb27 none repeat scroll 0 0;
}


.filterBtnBox {
	background:#eee;
	border-radius:2px;
	padding:3px 5px;
}
.filterBtnBox label {
    display: inline-block;
    float: left;
    font: bold 13px/18px Calibri;
    margin: 0 10px;
}
.filterBtn {
    background: #fff8d6 none repeat scroll 0 0;
    border: 1px solid #fcd528;
    border-radius: 50px;
    cursor: pointer;
    float: left;
    height: 16px;
	margin:1px 0;
    text-align: right;
    width: 30px;
}
.filterBtn span {
    background: #f7cd11 none repeat scroll 0 0;
    border-radius: 50%;
    display: inline-block;
    height: 14px;
    width: 14px;
}
.filterBtn.on {
    background: #c1f3ff none repeat scroll 0 0;
    border: 1px solid #28d5fc;
    text-align: left;
}
.filterBtn.on span {
    background: #11d1fc none repeat scroll 0 0;
}

table.listTable .progress{
	border-radius:2px;
	margin:0;
}
table.listTable .progress-bar{
	color:#333;
	font-size:11px;
	max-width:100%;
}



.renewPlanBox{
	background: #eaf9ff;
	border:1px solid #b0f0fc;
	margin: 0 0 10px;
	border-radius: 3px;
	padding: 10px 0 0;
	font:12px Calibri;
	float:left;
	width:49.5%;
}
.renewPlanBox h3{
	margin:0 0 5px; 
	font:bold 16px Calibri; 
	color:#31B0D5;
	padding:0 5px;
}
.renewPlanBox .form-group{
	padding:0 5px;
}
.renewPlanBox .form-group label{
	font:bold 13px Calibri;
	color: #333;
	display: block;
}
.renewPlanBox .form-group input.form-control, .renewPlanBox .form-group select.form-control{
	font:14px Calibri;
	color: #000;
	border-radius: 2px;
    height: 26px;
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    padding: 0 5px;
}
.renewPlanBox .form-group .btn{
	height: 25px;
}





.changePlanBox{
	background: #fff3ea;
	border:1px solid #fcdbb0;
	margin: 0 0 10px;
	border-radius: 3px;
	padding: 10px 0 0;
	font:12px Calibri;
	float:right;
	width:49.5%;
}
.changePlanBox h3{
	margin:0 0 5px; 
	font:bold 16px Calibri; 
	color:#EC971F;
	padding:0 5px;
}
.changePlanBox .form-group{
	padding:0 5px;
}
.changePlanBox .form-group label{
	font:bold 13px Calibri;
	color: #333;
	display: block;
}
.changePlanBox .form-group input.form-control, .changePlanBox .form-group select.form-control{
	font:14px Calibri;
	color: #000;
	border-radius: 2px;
    height: 26px;
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    padding: 0 5px;
}
.changePlanBox .form-group .btn{
	height: 25px;
}