@charset "utf-8";

@import url('font-awesome.min.css');
/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}


/* CSS Reset and Generalization */
* 				{ padding:0; margin:0; outline:none;}
html, body		{ height:100%; }
body 			{ background:#eeefea; font:14px/18px Arial, Helvetica, sans-serif; color:#8c8c8c; font-weight:400; font-style:normal; padding:0; }
a 				{ text-decoration:none; color:#8c8c8c; outline:none;}
a:hover 		{ text-decoration:none; /*border-bottom:1px solid #8c8c8c; padding-bottom:1px*/}
img 			{ border:0; }
ul 				{ list-style:none;}
img             { max-width:100%; vertical-align: bottom;}
p				{ line-height:normal; margin-bottom:20px;}

fieldset		{ padding:20px; margin-bottom:10px }
fieldset legend	{ padding:0 10px 5px 10px}

/* common class */
.lastPm0 {
	margin-bottom:0
}
.tAc {
	text-align:center
}
.tAl {
	text-align:left
}
.tAr {
	text-align:right
}
.lightBlue {
	background:#ffffff;
	border:1px solid #cccccc;
}
.darkBlue {
	background:#bae0ff;
	border:1px solid #95cbf8
}
.mL5 {
	margin-left:5px
}
.mR5 {
	margin-right:5px
}
.white {
	background:#fff;
}
.asterik
{
	color: #F00;
	padding:0 3px;
	font-weight:600
}
.hidd	{ overflow:hidden; font-size:0; line-height:0; text-indent:-20000px; }
.clearfix:before, .clearfix:before { display:table; content:""; clear:both;}

button {
	overflow:visible
}
button, select, input, textarea {
	text-transform:none;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:normal;
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance:button;
	cursor:pointer;
	border-color:0;
	border-width:0;
	
	
}
button[disabled], html input[disabled] {
	cursor:default
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
input {
	line-height:normal
}
input[type=checkbox], input[type=radio] {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0;
	border:none;
	background:none;
	
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	height:auto
}
input[type=search] {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	-webkit-appearance:textfield
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}

label {
	font-size:14px;
	font-weight:500;
	display:block;
}
input, select {
	border:1px solid #cccccc;
	background:#fff;
}
input.normal, select.normal {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
.form-control {
	display:inline-block;
	width:auto;
	height:34px;
	padding:6px;
	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	border-radius: 10px;
}
.form-control:focus {
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}
.form-control::-moz-placeholder {
color:#777;
opacity:1
}
.form-control:-ms-input-placeholder {
color:#777
}
.form-control::-webkit-input-placeholder {
color:#777
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	cursor:not-allowed;
	background-color:#eee;
	opacity:1
}
.siteCalender{position:relative;}
.siteCalender img.ui-datepicker-trigger {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 37px;
}
.ui-dialog .siteCalender img.ui-datepicker-trigger {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 37px;
}

textarea.form-control {
	height:auto
}
input[type=search] {
	-webkit-appearance:none
}
input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
	line-height:34px;
	line-height:1.42857143 \0
}
input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm {
	line-height:30px
}
input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg {
	line-height:46px
}
.form-group {
	margin-bottom:15px
}
.radio, .checkbox {
	position:relative;
	display:block;
	min-height:20px;
	margin-top:10px;
	margin-bottom:10px
}
.radio label, .checkbox label {
	padding-left:20px;
	margin-bottom:0;
	font-weight:400;
	cursor:pointer
}
.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
	position:absolute;
	margin-top:4px \9;
	margin-left:-20px
}
.radio+.radio, .checkbox+.checkbox {
	margin-top:-5px
}
.radio-inline, .checkbox-inline {
	display:inline-block;
	padding-left:20px;
	margin-bottom:0;
	font-weight:400;
	vertical-align:middle;
	cursor:pointer
}
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
	margin-top:0;
	margin-left:10px
}
input[type=radio][disabled], input[type=checkbox][disabled], input[type=radio].disabled, input[type=checkbox].disabled, fieldset[disabled] input[type=radio], fieldset[disabled] input[type=checkbox] {
	cursor:not-allowed
}
.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {
	cursor:not-allowed
}
.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {
	cursor:not-allowed
}
.normal_size {
	width:auto !important;
}
.small_size {
	width:25% !important;
}
.x_small_size {
	width:15% !important;
}
.xx_small_size {
	width:5% !important;
}
.medium_size {
	width:50% !important;
}
.large_size {
	width:75% !important;
}
.large_size95 {
	width:95% !important;
}
.full_size {
	width:100% !important;
}
label.radio_cont {
	font-weight:normal;
	display:inline-block;
	margin:0 10px 10px 0;
}
label.radio_cont input[type="checkbox"],
label.radio_cont input[type="radio"] {
	margin:3px 10px 0 0;
	float:left;
	}
.btn {
	padding:0 26px;
	height:45px;
	line-height:45px;
	display:inline-block;
	text-align:center;
	font-size:14px;
	color:#fff;
	background:#35a6f1;
	border:none;
	margin:0 5px;
}
.btn2nd {
	padding:0 36px;
	height:35px;
	line-height:35px;
	display:inline-block;
	text-align:center;
	font-size:14px;
	color:#fff;
	background:#8c8c8c;
	border:none;
	border-radius: 7px;
}
.grn_btn{
	background-color:#a0d468;
}
.btnBuy {
	padding:0 10px;
	height:20px;
	line-height:20px;
	display:inline-block;
	text-align:center;
	font-size:10px;
	color:#fff;
	background:#039be5;
	border:none;
	font-weight:bold
}
.btn.red {
	background:#d9534f;
}
.button_wrap {
	padding:25px 0;
	text-align:center;
	clear:both;
}
.button_wrap button {
	margin:0 8px;
}
.textBox button {
	margin-right:16px;
}
.mB5px {
	margin-bottom:5px
}
/* preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:999999;
	background:rgba(255,255,255,0.9);
}

#status {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%; 
    top: 50%;
    margin: -15px 0 0 -15px;
    font-size: 32px;
}

#popupOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:1000;
    background:rgba(255,255,255,0.7);
}


/* Wrapper */
.wrapper {
	/*width:880px;*/
	/*width:940px;*/
	width:1024px;
	margin:0 auto;
	/*min-height:400px*/
	height:auto;
}
/* Header */
.header {
	/*background-image: url("../images/nav-container.png") !important;
    background-position: center bottom !important;
    background-repeat: repeat-x !important;*/
    margin-bottom: 0em !important;
    padding-bottom: 0px;
	overflow:hidden;
	border-bottom:0px solid #cbc9ca;
	background:#fff;
}
.logo {
	float:left;
	display:block;
	margin-right:15px;
}
.userPanel a{
	float:right;
	display:block;
	margin-right:0px;
	margin-top:0px;
	line-height:30px;
	padding: 0 10px 0 35px;
	text-transform:uppercase;
	color:#fff;
	background-color:#9bd864;
	border-radius:3px;
	font-size:12px;
	font-weight:bold
}
.header h1 {
	font-size:20px;
	line-height:58px;
	color:#252525;
	font-weight:600;
}
/* Content body */
.content_body {
	padding:0;
}
/* Container */
.container {
	overflow:hidden;
	padding:15px 0;
	min-height: 300px;
}
.row {
	margin-bottom:10px;
	overflow:hidden
}
.textLabel {
	width:40%;
	padding:5px;
	float:left;
}
.textLabel label {
	padding-top:8px;
}
.textBox {
	width:45%;
	padding:5px;
	float:left;
}
.subHead {
	font-weight:bold;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:30px;
	
}
.subSubHead {
	font-weight:bold;
	padding-left:5px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	
}
.fullText {
	padding-left:5px
}
input.error,
select.error{
	border: 1px solid #F00;
	color:#F00;	
	display:inline;
}
.error {
	color:#F00;	
	font-size:12px;
	display:block;
	clear:both;
	
}

/* sidebar */
.sidebar {
	float:right;
	width:auto;
	border-left:1px solid #dcdcdd;
	margin-left:15px;
}
.sidebar .add {
	margin:15px;
	margin-right:0;
}
/* Footer */
.footer {
	font-size:13px;
	padding:15px;
	text-align:center;
	clear:both;
	border-top:0px solid #dcdcdd;
}
.alltaghome {
    background: none repeat scroll 0 0 #0172BC;
    color: #EEEEEE;
}

.dn {
	display:none;
}
/* table */
table.table {
	border-collapse:collapse;
}
table.table th,
table.table td {
	border:1px solid #e6e7e8;
	padding:6px 12px;
	font-size:13px;
	color:#1d2939;
	background-color:#fff;
	text-align:left;
	vertical-align:top;
	line-height: 21px
}
table.table td {
	font-weight:400;
}
table.table th {
	font-weight:600;
}
table.table th a {
	color:#039be5;
	display:block;
	padding-right: 10px
}
table.table th a.up {
	background:url(../images/sorting-arrow.gif) 100% -10px no-repeat;
}
table.table th a.down {
	background:url(../images/sorting-arrow.gif) 100% -48px no-repeat;
}

table.table td a {
	color:#039be5;
	text-decoration:none;
	padding-bottom:1px;
}
table.table td a:hover {
	text-decoration:none;
	border-bottom:1px solid #039be5;
	padding-bottom:0;
}
table.table td a:focus {
	background:#039be5;
	color:#fff;
}
table.table th {
	background-color:#f1f1f1;
	color:#3f444c;
	font-weight:600;
}
table.table td.sorting_1 {
	background:#fcfcfc;
	color:#3f444c;
}
table.table td.line {
	background:#fcfcfc url(images/line.png) no-repeat 30px 50%;
}
table.table td.line-last {
	background:#fcfcfc url(images/line-last.png) no-repeat 30px 50%;
}


/* edit or delete */
.edit:hover {
	background-color: #8bc34a;
	border:1px solid #5fbeaa;
    color: #fff;
}
.delete:hover {
	background-color: #e51c23;
	border:1px solid #f05050;
    color: #fff;
}
.buy:hover {
	background-color: #039be5;
	border:1px solid #039be5;
    color: #fff;
}
.edit:hover a,
.delete:hover a,
.buy:hover a {
	color: #fff!important;
}

.buy:hover a {
	color: #545454;
}
.edit,
.delete,
.buy {
	
	/*border:1px solid #fff;*/
    /*color: #545454;*/
	float:left;
	border-radius: 4px;
	padding: 2px 6px;
	cursor: pointer;
    display: inline-block;
	text-align:center;
	margin-right:3px;
}
a.link-edit, .delete a{
	 color: #fff;
}
 .delete {
	background-color:#ee6b70;
	border:1px solid #f05050;
	 color: #fff;
}


 .edit {
	background-color:#b3d889;
	border:1px solid #8bc34a;
	 color: #fff;
}
 .buy {
	background-color:#5bc7f8;
	border:1px solid #039be5;
	 color: #fff;
}
.addAnoSec {
	background: #2196f3 none repeat scroll 0 0;
	border:1px solid #2196f3;
    color: #fff;
	padding: 0 15px;
	height: 36px;
    min-width: 64px;
	margin-bottom:5px;
	border-radius:4px;
	/*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)!important;*/
}
.addAnoSec:hover {
	background: #0c7cd5 none repeat scroll 0 0;
	border:1px solid #0b76cc;
	
}

.tabulateDataWrapper {
/*	border:1px solid #eaeaea; */
	/*padding:5px*/
}
.tabulateDataWrapperHeading {
	/*background:#eaeaea;*/
	background:#dadada;
	padding:10px;
	color:#000!important;
	height:100%;
	overflow:hidden;
}
.tabulateDataWrapperBottom {
	text-align:right
}
.tabulateDataWrapperHeading p.heading {
	font-size:16px;
	
}
.tabulateDataWrapperHeading p {
	margin-bottom:10px
}
.tabulateData li{
	float:left;
	width:25%;
	height:auto;
	min-height:67px;
}

.tabulateData{
	border-right:1px solid #e6e7e8;
	border-bottom:1px solid #e6e7e8;
	background:#fff;
	overflow:hidden
}
.tabulateData li{
	border-left:1px solid #e6e7e8;
	border-top:1px solid #e6e7e8;
	padding:20px 10px 
}

.tabularDataTabs .tabulateData li {
  float: left;
  height: 67px;
  width:20%;
  display:block;
  padding:0px;
}
.tabularDataTabs .tabulateData li a{display:block; width:100% !important; height:100% !important;}
.tabulateData li a{display:block; width:100% !important; height:100% !important; padding:20px 10px;  margin-top:0px !important;}
.tabulateData span a{padding:0px !important;}
.tabulateData p a{padding:0px !important;}
.tabularDataTabs .inactive{
		width:20% !important;
		font-weight: bold;
		border-right:1px solid #fff !important;
		border-left:1px solid #fff !important;
		border-top:1px solid #fff !important;
		border-bottom: 1px solid #fff !important;
		background:#002060;
		
	}

.tabularDataTabs .active{padding:20px 10px !important}
	
.tabularDataTabs .inactive a{
		width:100% !important;
		height:100% !important;
		color:#FFF!important;
		text-decoration:none;
	    display:inline-block;
		margin-top:0px !important;


}
.tabularDataTabs .inactive a:hover{text-decoration:none; border-bottom:0 none !important}

.width20 li{
	width:20% !important;
}
.width50 li{
	width:50% !important;
}
.width100 li{
	width:100% !important;
}
.font-bold li{
	font-weight: bold !important;
}


.search_main {
    float: right;
    width: 100%;
}
.userPanel {
	margin-left:10px;
	float:right
}
#logo {
    float: left;
    max-width: 100%;
}

/* Messages */
.messages {
	padding:13px;
	font-weight:normal;
	font-size:13px;
	line-height:normal;
	margin-bottom:20px;
	position:relative;
}
.warning-msg {
	background:#FFEEC6;
	color:#624B0F;
}
.wrong-msg {
	background:#FFC6C6;
	color:#620F0F;
}
.success-msg {
	background:#D3FFC6;
	color:#1E620F;
}
.notification-msg {
	background:#C6E8FF;
	color:#0F2C62;
}
.alert-icon {
	float: left;
    height: 25px;
    line-height: 25px;
    margin: 0 10px 0 0;
    text-align: center;
    width: 25px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.alert-icon i {
	display:inline-block;
	line-height:25px;
	font-size:12px;
	color:#fff;
	font-weight:400;
	vertical-align:top;
}
.alert-content {
	overflow:hidden;
	margin-top:3px;
}
.success-msg .alert-icon {
	background:#9CD159;
}
.wrong-msg .alert-icon {
	background:#FF5757;
}
.warning-msg .alert-icon {
	background:#FA7753;
}
.notification-msg .alert-icon {
	background:#5BCCF6;
}

.alert-cross {
	float: right;
    height: auto;
    line-height: 25px;
    margin: 0 0 0 10px;
    text-align: center;
    width: auto;
}
.alert-cross i {
	display:inline-block;
	line-height:25px;
	font-size:12px;
	color:#fff;
	font-weight:400;
	vertical-align:top;
}
.success-msg .alert-cross i {
	color:#a7d29a;
}
.success-msg .alert-cross:hover i {
	color:#96a886;
}
.wrong-msg .alert-cross i {
	color:#d7a4a4;
}
.wrong-msg .alert-cross:hover i {
	color:#b68d8d;
}
.warning-msg .alert-cross i {
	color:#e5dcc0;
}
.warning-msg .alert-cross:hover i {
	color:#c2b99f;
}
.notification-msg .alert-cross i {
	color:#abd5de;
}
.notification-msg .alert-cross:hover i {
	color:#9cc1c9;
}




.input-addon-date {
    background-color: #7030a0;
    border: 1px solid #7030a0;
    cursor: pointer;
    height: 33px;
    margin-left: -36px;
    margin-top: 0;
}
/*.input-addon {
    background-color: #eeeeee;
    border: 1px solid #cdcdcd;
    display: block;
    float: left;
    height: 31px;
    line-height: 23px;
    margin-left: -37px;
    margin-top: 1px;
    padding: 4px;
    text-align: center;
    width: 36px;
	float:left
}*/
.input-addon {
    background-color: #eeeeee;
    border: 1px solid #cdcdcd;
    display: block;
    float: left;
    height: 34px;
    line-height: 23px;
    margin-left: -36px;
    margin-top: 0px;
    padding: 4px;
    text-align: center;
    width: 36px;
	float:left
}
.input-date {
	float: left;
    padding-right: 40px;
}




#footer-container {
	background-color: #0088cf;
    color: #ffffff;
	background:#cbc9ca
}
/*---- start:: JQ DIALOG CSS ----------*/



/* menu css */

/*27-06-16*/

.menuContainer ul{float:right;}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  font-family: 'Open Sans', sans-serif;
  line-height: 1;
  background: #b3b3b3;
}
#menu-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  background: #009ae1;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: left;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: left;
}
#cssmenu.align-right ul ul {
  text-align: left;
}
#cssmenu > ul > li > a {
  padding: 10px;
  font-size: 12px;
  text-decoration: none;
  text-transform: capitalize;
  color: #fff;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #000;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 25px;
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 15px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {
  border-color: #fff;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li {
  height: 32px;
 
}
#cssmenu ul ul li a {
  padding: 10px 20px;
  width: 200px;
  font-size: 12px;
 border-bottom:1px solid #fff;
  background: #333333;
  text-decoration: none;
  color: #dddddd;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  text-align:left;
  z-index:999999 !important

}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}

.policy-active{background:#0088ce; color:#fff;}
/*.policy-active a{text-decoration:none; color:#fff !important;}
.policy-active:hover{background:#757575; color:#fff !important;}
.policy-active > ul > li:hover {color:#fff !important;}*/

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
  }
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 20px 20px 20px 30px;
    font-size: 12px;
    color: #000000;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color: #000000;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 20px;
    color: #000000;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 19px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #000000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 14px;
    right: 20px;
    display: block;
    width: 15px;
    height: 12px;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
}


/* menu css end */

/* responsive header */
.topHeaderLI {
	float:left; 
	width:30%
}
.topHeaderLIR{
	float:right; 
	width:70%
}
.myBasket {
	background:url(../images/Shopping_cart.png) no-repeat 0 0
}

.table_scroll2 {
    border: 1px solid #e6e7e8;
    max-height: 220px;
    overflow: auto;
}

.jQueryDialogBox{
    margin: 0 auto;
    left: 0 !important;
    right: 0 !important;
}




/* Font-Awesome */
.fa-2 {
    font-size: 1.5em;
}
/*-----------------------------------------------------------------------------------*/
/*Tipsy Tooltip style
/*-----------------------------------------------------------------------------------*/  

  .tipsy { padding: 5px; font-size: 11px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 6px 8px 6px 8px; background-color: black; color: white; max-width: 300px; text-align: center; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background:url(../images/tipsy.gif) no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
  .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
  .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
  .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
  .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }	
  

/*-----------------------------------------------------------------------------------*/




/* 24-02-16 */

.btn-black {
    background-color: #686868;
    border-color: #757575;
    color: #ffffff;
	padding: 0 16px;
}
.btn-blue {
    background-color: #03a9f4 ;
    border-color: #03a9f4 ;
    color: #ffffff!important;
	padding: 0 16px;
}
.btn-orange {
    background-color: #eea236	;
    border-color: #eea236;
    color: #ffffff;
	padding: 0 16px;
}
.btn-black:hover, .btn-black:focus, .btn-black.focus, .btn-black:active, .btn-black.active, .open > .dropdown-toggle.btn-inverse {
    background-color: #757575 !important;
    border-color: #686868 !important;
    color: #ffffff;
}

.btn-blue:hover, .btn-blue:focus, .btn-blue.focus, .btn-blue:active, .btn-blue.active, .open > .dropdown-toggle.btn-inverse {
    background-color: #007399 !important;
    border-color: #007399 !important;
    color: #ffffff;
}

.btn-orange:hover, .btn-orange:focus, .btn-orange.focus, .btn-orange:active, .btn-orange.active, .open > .dropdown-toggle.btn-inverse {
    background-color: #f2b865 !important;
    border-color: #f2b865 !important;
    color: #ffffff;
}

.btn {
    border-radius: 2px;
    text-transform: none;
    transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border-color 0.2s ease 0s;
}


.viewport_left {
    float: left;
    width: 50%;
}
.viewport_right {
    float: right;
    width: 50%;
}
.buttonHead {
	text-align:center;
	margin-bottom:10px;
}
.buttonSubLeft {
	text-align:right; 
	margin:10px 0 0 0px
}
.buttonSubRight {
	text-align:left; 
	margin:10px 0 0 0px;
	padding-left:10px
}
.inActive {
    opacity: 0.4;
}
.buttonHead {
	margin-top:10px
}
.buttonHeadRight {
	margin-top:10px
}

.headding {
	margin-bottom:40px;
	clear:both
}




/***** 3. COLUMN STYLE *****/
/***************************/


.one_half{ width:48.5%; }
.one_third{ width:31.16%; }
.two_third{ width:65.83%; }
.one_fourth{ width:22.5%; }
.three_fourth{ width:74.5%; }
.one_fifth{ width:17.3%; }
.two_fifth{ width:38.1%; }
.three_fifth{ width:58.9%; }
.four_fifth{ width:67.7%; }
.one_sixth{ width:13.83%; }
.five_sixth{ width:83.17%; }

.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,
.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:3%; float:left; }


.last{ margin-right:0 !important; clear:right; }

/***************************/



/***** 3. Step *****/
/***************************/
.step {
	font-size:13px;
	margin:20px 0;
	text-align:right
}
.step .select {
	text-transform:uppercase;
	/*border-bottom:1px solid #666;*/
	margin-bottom:3px;
}
.yes {
	display: inline;
	margin-right: 10px
	}
.no {
	display: inline;
	}
input[type=radio] {
	margin-right: 2px
	}
.step{
	width:61%;
	float:right;
}
.step ul {
	 display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
}
.step ul:after{
	content:"";
	background-color:#e4e4e4;
	height:8px;
	position:absolute;
	left:38px;
	right:47px;
	top:8px;
	z-index:-1;
}
.step ul li{
	/*float:left;*/
	 border-bottom: medium none;
    display: inline-block;
    width: 100px;
}
.step ul li i{
	font-style:normal;
	border-radius:50%;
	background-color:#e3e3e3;
	height: 25px;
	width: 25px;
    text-align: center;
    -webkit-border-radius:50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display:block;
	line-height:25px;
	margin:0 auto 5px;
	font-weight:bold;
}
.step ul li.active i{
	background-color:#8c8c8c;
	color:#fff;
	
}
.step ul li span{
	text-align:center;
	}

.paralaldiv	.heading{
	width:39%;
	float:left;
	margin-top:20px;
}
.paralaldiv	.heading h1 span{
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing: 5px;
	display:block;
	line-height:35px;
	
}
.clearfix .textLabel label{
	padding-top:0px;
}
.jQueryDialogBox .btn2nd{
	margin-top:10px;
}
.textBox input.extraFeatureRequired{
	margin:0 10px 10px 0;
}

ul.tabulateData li h2 {
	color:#2196f3;
}
ul.tabulateData li h3 {
	color:#2196f3;
}
.container hr{
	margin:10px 0;
	display:block;
}
.new_lft_table{
	vertical-align:top;
	float:left;
	

}
.new_rght_table{
	/*width:25%;*/
	width:45%;
	float:right;
	margin-top:10px;
	
}

.red_btn{
	background-color:#ee6b70;
}
.blue_btn{
	background-color:#2196f3;
}
.blue_btn2{
	background-color:#01a8f8;
	text-transform:uppercase;
	padding: 0 16px
}

/*
input.form-control[type="checkbox"]{
	background:none;
	border:none;
	box-shadow:none;
	-moz-appearance:none;
-webkit-appearance:none;
-o-appearance:none;
height:auto;
}*/

 input.form-control[type="checkbox"]{
	background:none;
	border:none;
	box-shadow:none;
	height:auto;
}


.tip{
	/*margin-top:9px;*/
}










/* ----- slide menu ----- */
    .theme-options {
        z-index: 98;
        top: 145px;
        /*right: -800px;
        width: 800px;*/
	   right: -50%;
        width: 50%;
        padding: 10px;
        background: #fff;

        /*-moz-opacity: 0.30;
        -khtml-opacity: 3.50;
        opacity: 0.30;*/
        
        -webkit-transition: opacity 0.3s ease, right 0.3s ease;
        -moz-transition: opacity 0.3s ease, right 0.3s ease;
        -ms-transition: opacity 0.3s ease, right 0.3s ease;
        -o-transition: opacity 0.3s ease, right 0.3s ease;
        transition: opacity 0.3s ease, right 0.3s ease;
    }
    
    .toggle-theme-options .theme-options {
        right: 0;
        
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        
        -webkit-box-shadow: -3px 0px 10px 0px rgba(50, 50, 50, 0.5);
        -moz-box-shadow:    -3px 0px 10px 0px rgba(50, 50, 50, 0.5);
        box-shadow:         -3px 0px 10px 0px rgba(50, 50, 50, 0.5);
    }
    
    .theme-options h5 {
        margin: 0 0 0 ; 
        padding: 5px;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 14px;
        text-align: center;
    }
    
    .theme-options .divider {
        height: 1px;
        margin: 15px 0 5px;
        background-color: #f6f6f6;
    }


/* ----- THEME OPTIONS SWITCH ----- */
    .button-switch.style {
        cursor: pointer;
        position: absolute;
        top: 0;
        left: -40px;
        width: 40px;
        height: 120px;
        line-height: 150px;
        text-align: center;
        color: #fff;
		background:url(../images/need-help.png) no-repeat 0 0
    }
    
/* ----- SIDEBAR SWITCHER ----- */
    .theme-option-toggle-sidebar {
        cursor: pointer;
        display: block;
        margin: 0 auto;
        width: 100px;
        height: 75px;
        text-indent: -999999px;
    }
    
    .theme-option-toggle-sidebar {
        background-image: url('../img/core/sidebar-switcher-icon.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100px;
    }
    
    .right-sidebar .theme-option-toggle-sidebar {
        background-position: center bottom;
    }
	.object {
		position: absolute;
		right: 8px;
		top: 5px;
	}
.affix{position:fixed}@-ms-viewport{width:device-width}
/* ----- SIDEBAR SWITCHER End----- */

.contentHelp{
	background: #f4faee none repeat scroll 0 0;
	border: 2px solid #d0d9c8;
	color: #9bac8c;
	padding: 10px;
}
.helpContent{
	min-height: 61px;
}








.txt-bold {
	font-weight:bold
}
.txt-upp {
	text-transform:uppercase
}
.txt-cen {
	text-align:center
}
.button-case {
	margin:30px 0
}












.headerPannel {
	max-width: 1024px;
	margin:20px auto;
	overflow:hidden;
	/*padding:0 27px 0 0*/
	padding:0
}
.topMenuText {
	text-align:right;
	margin-bottom:10px
}
/*.heading2 {
	font-size: 28px;
    font-weight: 300;
    line-height: 32px;
    padding-bottom: 10px;
}*/
.heading2 {
  font-family: Arial, Helvetica, sans-serif;
  /*font-size: 28px;
  font-size: 16px;*/
   font-size: auto;
  font-weight: lighter;
  line-height: 32px;
  padding-bottom: 10px;
}
.blueText {
	color:#0088ce
}


.menuContainer {
	width:1024px;
	margin: 0 auto;
}

.coll2 {
	float:left;
	width:50%;
	margin-bottom:10px
}

/*.coll3{ width:31.16%; }*/
.coll3{ width:32.49%; margin-bottom:10px}
.coll3{ position:relative; margin-right:1%; float:left; }


.greenBox {
	background:#9dd764
}
.blueBox {
	background:#006fbf
}
.twoBoxInsure {
	margin:10px 0px;
	overflow:hidden
}
.twoBoxInsure li{
	height:298px;
	padding:20px;
	color:#FFF;
}

/*-----add as on 17-05-2016-------*/
.three_panel_div{
	width:100%;
}
.pesonal_insurance, .business_insurance, .motor_insurance{
	width:30%;
	height:auto;
	margin-right:3%;
	float:left;
}
.pesonal_insurance h3, .business_insurance h3, .motor_insurance h3{
	font-size: 22px;
    font-weight: 300;
    line-height: 32px;
    padding-bottom: 10px;
	}
.pesonal_insurance h3{
	color:#8eae3e;
	
}
.business_insurance h3{
	color: #0088ce;
	}
.motor_insurance h3{
	color:#7c367b;
	}
.pesonal_insurance ul li, .business_insurance ul li, .motor_insurance ul li{
	/*padding-bottom:10px;*/
	margin-bottom:10px;
	position:relative
}
.pesonal_insurance ul li a , .business_insurance ul li a, .motor_insurance ul li a{
	background-color:#666666;
	display:block;
	padding:10px;
	color:#fff;
	font-size:12px;
	line-height:25px;
	}
.pesonal_insurance ul li a.disbled, .business_insurance ul li a.disbled, .motor_insurance ul li a.disbled{
	background-color:#a9a9a6;
}
.pesonal_insurance ul li a.disbled:hover, .business_insurance ul li a.disbled:hover, .motor_insurance ul li a.disbled:hover{
	background-color:#a9a9a6;
	cursor:not-allowed;
}
.pesonal_insurance ul li a img , .business_insurance ul li a img, .motor_insurance ul li a img{
	width:auto;
	display:inline-block;
	vertical-align:middle;
}
.pesonal_insurance ul li a span , .business_insurance ul li a span, .motor_insurance ul li a span{
	padding-left:12px;
	width:80%;
	display:inline-block;
	vertical-align:top;
}
.pesonal_insurance ul li a:hover{
	background-color:#8eae3e;
}
.business_insurance ul li a:hover{
	background-color:#3588ce;
}
.motor_insurance ul li a:hover{
	background-color:#7c367b;
}
.popMenu {
	width:60%; 
	margin:0 auto; 
	float: none
}
.lossItemListing {
	padding: 15px; 
	position: relative; 
	margin-bottom: 20px
}
.remove {
	position:absolute; 
	right:10px;
	top:10px
}

.info {
	position: absolute; 
	right:0; 
	top:0; 
	width:16%; 
	height:100%; 
	background:url(../images/info.png) 50% 50% no-repeat #393939; 
	cursor:pointer;
	display:none
}


.greenText {
	color: #8eae3e;
}
.blueText {
	color: #0088ce;
}
.purpleText {
	color: #7c367b;
}



.greenBg {
	background-color: #8eae3e!important;
}
.blueBg {
	background-color: #0088ce!important;
}
.purpleBg {
	background-color: #7c367b!important;
}
.purpleBgDark {
	background-color: #1c0a5e!important;
}


.greenBgLight {
	background-color: #f0f6df!important;
}
.blueBgLight {
	background-color: #bae0ff!important;
	border: 1px solid #95cbf8!important;
}
.purpleBgLight {
	background-color: #eae6ff!important;
	border: 1px solid #7c367b!important;
}


#formCustomerLogin {
	margin-top:60px
}
#formCustomerLogin .textLabel{
	text-align: right; 
	line-height: 30px;
}

.spallText {
	font-size: 11px
}
.toggleImg{
	margin-bottom: 10px;
}
.mapFontValidated{
	color: red;
	text-align: center;
}


/*009-06-16 By Amit*/
.welcomebg{width:100%; height:auto; padding:80px 0; margin:0 auto; background:#00a7f6; text-align:center; }
.header-whitebg{width:100%; height:auto; background:#fff; padding:25px;}
.header-whitebg h2{text-align:center; color:#00a7f6 ; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:lighter;}

.welcomesection{margin-top:30px; margin-bottom:30px;}

.welcometag{width:100%; height:auto; margin:0 auto; text-align:center; margin-bottom:20px}
.welcometag h1{font-weight:lighter; font-family:'Open Sans', Arial, Helvetica, sans-serif;}

.float-left{
  float:left;
}
.fM{
  float:left;
  margin-left:10px;
 }
 .topRelative{
  position:relative;
  top: -3px;
 }
 
 
 /*06-09-16*/
 .locateaddress-wrapper{width:auto; max-width:480px; height:auto; padding:20px;}
 
 /*12-09-16*/
 .mapsearchdesplay{width:auto; min-height:500px;}
 
 #locateaddressbtn{width:100% !important; height:auto !important; min-height:40px !important; background:#333 !important; color:#fff !important; line-height:40px !important; font-weight:bold !important; padding:0 0 0 10px !important; margin-bottom:10px !important; cursor:pointer !important;}
 #locateaddressbtn .fa{text-align:right; float:right; padding:10px 20px;} 
 #locateaddressbtn{display:none;}
 
 #locateaddressbtn2{width:100% !important; height:auto !important; min-height:40px !important; background:#333 !important; color:#fff !important; line-height:40px !important; font-weight:bold !important; padding:0 0 0 10px !important; margin-bottom:10px !important; cursor:pointer !important;}
 #locateaddressbtn2 .fa{text-align:right; float:right; padding:10px 20px;} 
 #locateaddressbtn2{display:none;}
.searchCriteriaColumn1{
width: 200px;
float:left;
}
.searchCriteriaColumn1 p{
margin-bottom:5px;
}

.searchCriteriaColumn2{
margin-left:5px;
width: 200px;
float:left;
}
.searchCriteriaColumn2 p{
margin-bottom:5px;
}
 
 /*12-07-16*/
 .starwrapper{position:absolute; right:8%; background: url(../images/star.png) no-repeat; width:271px; height:271px; text-align:center; color:#fff; padding: 80px 30px; font-size:16px; }
  .starwrapper p{ line-height:22px;margin-bottom: 5px;}
  
 @media only screen and (max-width : 480px){
	.starwrapper {
  background: rgba(0, 0, 0, 0) url("../images/star.png") no-repeat scroll 0 0;
  color: #fff;
  height: 271px;
  padding: 80px 30px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 23%;
  width: 271px; font-size:16px;
}
 }
	
 @media only screen and (max-width : 479px){
	.starwrapper{position:relative; margin:0 auto; margin-bottom:15px;}
 }
 .pendingRow{
 	background-color:#efbcbc !important;
	border: 0 !important;
 }
 .completedRow{
 	background-color:#bcfed5 !important;
	border: 0 !important;
 }