/* @charset "utf-8";
/* CSS Document */
body{ background:#ffffff; color:#0055bf; font-family:"Arial", Helvetica, sans-serif; font-size:12px;}
.wrapper{ width:100%; min-width:1097px;}
a{ text-decoration:none; }
a:hover{ text-decoration:underline;}
.fl{ float:left;}
.fr{ float:right;}
.cf{ clear:both; height:0px; float:none;}
.pkgHeadSpan{ color:#848484; font-weight:bold; padding:3px; display:block;}
.red-value {
	
	border:#F00 1px solid !important;
}
input[type="text"]{ border:#dddddd solid 1px;}

.texBold{font-weight:bold; }
.texBold a{text-decoration:none; color:#000000;}
.leftCol{ width:20%; min-width:205px; }
.rightCol{  margin-top: 0px;padding: 5px 0 5px 5px; width: 100%; } 
.headerTop{ background:#f6ecdf; height:12px;}
.logo{ width:172px; margin:0px 15px;}
.rightInnerLeftCol{ width:70%; float:left;}
.rightInnerRightCol{width:30%; float:right;}
.topnavigation{ margin-top:53px;}
.topnavigation ul li{ font-weight:bold; float:left; text-align:center;}
.topnavigation ul li a {color:#007aff; text-decoration:none; }
.topnavigation ul li a span{border-right:solid 1px #0195bb; padding:0px 10px;}
.topnavigation ul li a label{ padding:2px 10px;color:#ff0089;}

textarea {border:#dddddd solid 1px;}

.graph{}
.graph h4{ padding-bottom:5px; font-size:12px; font-weight:normal;}

.contactbox{ width:156px; height:51px; background:url(../images/contactPlot_06.gif); padding:8px 30px 8px 8px; font-weight:bold; line-height:22px;}
.contactbox span{ color:#f90388;}
/*.mainMenu{border:#ece1ce solid 1px;background:url(../images/menuBg.gif); min-height:21px;}*/
.mainMenu{border:#ececec solid 1px;background:url(../images/tab_header_bg.jpg); min-height:21px;}
.mainMenu ul li{ float:left; padding:10px 4px; font-size:11px; }
.mainMenu ul li a{ text-decoration:none; color:#04609a; border-right:1px solid #04609a; padding-right:3px}
.mainMenu ul li a:hover{ text-decoration:underline; }
.pageHead{ background:url(../images/Live-Tour_10.jpg) repeat-x;}
.pageHead h1{ background: url(../images/settingsIcon_16.png) no-repeat scroll left center transparent;color: #FFFFFF;font-size: 2em; height:11px;margin-left:8px;padding: 29px 0 25px 75px;}
.targetMeter{ width:32%; min-height:40px; }
.openpackeges{ width:20%;  padding:11px 20px;background:#f5f5f5; border:1px solid #ddd;}
.welcome{/* padding:16px 4px ;*/ padding:0px 4px ; width:40%;  min-height:8px;}
.welcome span {color:#0195bb; font-weight:bold; }
.welcome Label {color:#ff0089;font-weight:bold;}
.welcome h1 {color:#1477ac;font-weight:bold;/*margin-top: 26px;*/}

.navigation{ background:#f2f2f2; border:1px solid #ece1ce; padding:8px;  min-height:300px;}
.navigation h1{ color:#000000; padding:5px 5px 10px 25px; font-size:14px;}

.MainTabContainer{ border:solid 7px #f2f2f2; padding: 5px 5px; color:#000000}
.MainTabContainer .tabcontainer{ padding:5px 5px 5px 15px; background:url(../images/mainMenuTabBg_03.gif) no-repeat left; height:25px;}
.MainTabContainer .tabcontainer h1{color:#666666; font-size:18px; background:url(../images/TabBg_06.gif) left no-repeat; padding-left:15px;}
.MainTabContainer .fourCol{ width:23%; padding:3px;}
.MainTabContainer .fourCol h2{ font-size:12px; font-weight:bold; color:#000000; border-bottom:solid 1px #f2f2f2; padding:10px 3px;}
.MainTabContainer .fourCol ul li{ font-size:12px; padding:3px 5px;}
.MainTabContainer .fourCol ul li a{ color:#0055bf; text-decoration:none;}
.MainTabContainer .fourCol ul li a:hover{ color:#0055bf; text-decoration:underline;}
.MainTabContainer .fourCol ul li label{ color:#0055bf;}

/*addnew*/
a:hover .addNewHome{  background: url(../images/addNewBg.jpg) repeat-x scroll 0 0px  transparent;}

.addNewHome{ background: url(../images/addNewBg.jpg) repeat-x scroll 0 -82px transparent; height:82px;
    color: #FFFFFF;margin: 0 23px;width: 352px;
}
.halfcol{ width:50%;}
.MainTabContainer .halfcol{ width:50%;}
.MainTabContainer .halfcol h2{ padding:5px 0px;}
.MainTabContainer .halfcol dl { height:33px; clear:both;}
.MainTabContainer .halfcol dl dt{ float:left; width:135px; padding:5px; float:left;}
.MainTabContainer .halfcol dl dd{ float:left; width:240px; padding:5px; float:left;}
.MainTabContainer .halfcol dl dd select{ border:#dddddd solid 1px;  height:23px;}
.MainTabContainer .halfcol dl dd input[type="text"]{ border:#dddddd solid 1px; width:220px; height:19px;}
.required{ color:#cf217f; font-weight:bold;}
.requiredsmall{ color:#cf217f;}
.drpdn107{width:110px; padding:1px 0px 1px 5px;}
.drpdn90{width:90px; padding:1px 0px 1px 5px;}
.drpdn50{width:50px; padding:1px 0px 1px 5px;}
.drpdn230{width:222px; padding:1px 0px 1px 5px;}
.formBorder{ /*border:#eadec8 solid 1px; background:url("../images/formBG_03.gif") repeat scroll 0 0 transparent;*/}

.repeaterTop{ padding:18px 0px 0px 0px;}
.repeaterTop h2{color:#ee0c85;}
.repeaterTop h2 a{color:#ee0c85;text-decoration:none;}
.repeaterTop h2 a:hover{ text-decoration:underline;}
.threeCol{ width:30%;}
.repeaterTop h3{color:#000;}

.repeaterControls{ padding:1px; margin-top:20px;}
.repeaterControls h2{ color:#ee0c85;}
.repeaterControls ul {background: none repeat scroll 0 0 #F8F4ED;border-bottom: 1px solid #FFFFFF;height: 27px;}
.repeaterControls input[type="text"]{border:#dddddd solid 1px; width:87%; padding-left:5px; height:21px;}
.repeaterControls  select{ border:#dddddd solid 1px; width:93%; height:23px;}
.formText {width:11%; float:left; padding:5px; color:#000000;}
.formControls {width:12%; float:left;}

.formTextbig {width:11%; float:left; padding:4px; color:#000000;}
.formControlsbig {width:13%; float:left;}

.informationCol{}
.informationCol h3{color:#3e2b2b; padding:15px 5px;}
.brSpan{ color:#3e2b2b;}
.fourCols{  width:23%; padding:3px;}
.fourCols ul li{ font-size:12px; padding:3px 0px;}
.fourCols  ul li input[type="text"]{ border:#dddddd solid 1px; width:92%; height:17px; padding:2px 3px;}
.fourCols ul li select{ border:#dddddd solid 1px; width:92%; height:23px; }
.new{ width:30%; padding:20px 5px 5px 60px; height: 27px; background: url(../images/New_03.png) no-repeat left;}
.RequiredFields{ padding:20px 14px 14px 14px; width:16%;}
.topmainbutton { width:42%; padding-top:15px;}

.halfcolform{padding:8px ; width:45%;}
.halfcolform ul li{ padding:3px 5px;}
.halfcolform  ul li input[type="text"]{ border:#dddddd solid 1px; width:92%; height:17px; padding:2px 3px;}
.splrequirement{padding:5px;} 
.splrequirement h1 { padding:3px;}
.splrequirement textarea {border:#dddddd solid 1px; width:92%; height:96px}


/*accountinformation*/

.accountInformationTab{}
.infoTabBG{background:url(../images/account-information_h2BG.gif) repeat-x; padding:6px 4px 2px; border:1px solid #ccc; margin-top:18px; height:23px;}
.accountInformationTab h1 {  font-size:18px; color:#333333 }
.rootPath{ background:#f2f2f2; border-top:#fff solid 1px; padding:5px;}
.MainTabContainer .innerTab{ border:#f2f2f2 solid 1px;}
.MainTabContainer .innerTab h1{ background:#f3f4f4; color:#222; padding:4px 5px;}
.MainTabContainer .innerTab .halfcol dd h3{ font-size:12px; color:#2a79b8;}
.formFullcol { width:85%; margin:0px auto;}
.formFullcol  dl{ clear:both;}
.formFullcol  dl dt{ width:15%; padding:5px 10px; float:left;}
.formFullcol  dl dd{ width:70%; padding:5px 10px;float:left; }
.formFullcol  dl dd select{ border:#dddddd solid 1px; height:23px; width:92%;}
.formaction .button{ margin-right:8px;}


.nameformatCol{ background: none repeat scroll 0 0 #FBFEE4;
    border: 1px solid #cad966;
    margin: 1%;
    padding: 1%;
    width: 29%;}
.nameformatCol:hover{-moz-box-shadow: 0px 0px 2px #c9dd44;}

.signature{ background:#f5f5f5; border:1px solid #cccccc; padding:1%; margin-bottom:1px;}
.signaturecontrol{ height:25px; }
.signature ul li{ float:left ; width:25%;}
.signature ul { padding:5px;}
.signature ul li  input[type="text"]{ border:#dddddd solid 1px;  height:17px; padding:2px 3px;}
.signature ul li  select{ border:#dddddd solid 1px; height:23px; }

.signatureBox{ padding:8px;}
/*accountinformation*/

/*ManageSection*/

/*.addNewCol{ background:#f8f4ed; border:solid 1px #eadec8; padding:5px;}*/
.addNewCol{ background:#fff; border:solid 1px #e8e8e8; padding:5px;}
.addNewCol h1 {margin:0px auto; text-align: left;     
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    /*font-size: 17px;*/
    font-weight: bold;
    /*line-height: 28px;*/
	
    margin: 0;
    padding-bottom: 3px;
    text-shadow: 0 1px 0 #FFFFFF; }
.addNewCol dd { margin-top:-3px;}
.addnewContBdr{border: 1px solid #ededed; padding-top:5px;}
.addnewCont{ padding-bottom: 5px;}
.firstSelection{ position:absolute; float:left; width:15%; margin-left:12px;}
.firstSelection select{ border:#dddddd solid 1px; width:92%; height:23px; margin-top:3px; }
.addnewCont dl { clear:both;}
.addnewCont dl dt { width:21%; padding:4px 5px; float:left;}
.addnewCont dl dd { width:40%; padding:4px 5px; float:left;}
.addnewCont dl dd  input[type="text"]{ border:#dddddd solid 1px; width:90%; height:17px; padding:2px 3px;}
.addnewCont dl dd  input[type="password"]{ border:#dddddd solid 1px; width:90%; height:17px; padding:2px 3px;}
.addnewCont dl dd  select{ border:#dddddd solid 1px; height:23px;width:93%; }
.addnewCont dl dd  textarea{ border:#dddddd solid 1px; height:55px;width:93%; }

.addnewCont .addcostomer dl dt{ width:13%; padding-top:5px;}
.addnewCont .addcostomer dl dd{ width:22%;}


.grid{ background:url(../images/gridBg_03.jpg) repeat-x; border:solid 1px #eadec8;}
.grid .firstCol{ padding:5px 8px; width:15%; border-right:solid 1px #eadec8; color:#0055bf; height:22px;}
.grid .secondCol{padding:5px; width:8%; border-right:solid 1px #eadec8; color:#0055bf; height:22px;}
.grid .ThirdCOl{padding:5px; width:8%;  border-right:solid 1px #eadec8; color:#0055bf; height:22px;}
.grid .ThirdCOl a{ color:#0055bf; text-decoration:underline; }
.grid .firstCol a{color:#0055bf; text-decoration:underline;}
.grid .secondCol a{color:#0055bf; text-decoration:underline;}
.blkspan{ color:#000000;}

.permission{}
.permission input[type="checkbox"]{ padding-left:8px;}
.permission label{min-width:140px; display:inline-block; color:#0055BF;}

.permission-manager{}
.permission-manager input[type="checkbox"]{ padding-left:8px;}
.permission-manager label{min-width:250px; display:inline-block; color:#0055BF;}


.sales-table{ width:30%; float:left; margin:1%;}

.saletablecol{   border-right: 1px solid #EADEC8;
    color: #0055BF;
    float: left;
    height: 22px;
    padding: 5px 0;
    width: 49.7%;}
	
.saletablecol .blkspan { font-weight:bold;}

.saletabledetail{font-weight:bold; text-align:center; display:block; padding:8px; }

.targetpercentage{ float:left; width:21%; padding:15px; background:#0b6fce;}

.targetpercentage h2{ color:#FFF; font-size:15px; font-weight:bold;}
.targetpercentage h1{ color:#fff000; font-size:18px; font-weight:bold;}


/*ManageSection*/

/*.footer{ background:url(../images/footerBg_26.gif) repeat-x; padding:10px; border-top:solid 1px #ece1ce; text-align:center; color:#000000;}*/
.footer{ /*background:url(../images/table-header.png) repeat-x; border-top:solid 1px #ececec;*/ padding:15px;  text-align:center; color:#000000;position: static !important;}
.footer a{padding:2px 8px; color:#000000; font-size:11px;}
.footer a:hover{ text-decoration:underline;}
.redLink a{ color:#bf004c; text-decoration:underline;}
.button{  background: url("../images/butBg_07.gif") repeat-x scroll center bottom transparent;border: 1px solid #C3C3C3;height: 26px;min-width: 100px;padding: 0 5px; margin-top:-3px}
.button:hover{  background: url("../images/butBg_07.gif") repeat-x scroll center 8px transparent;border: 1px solid #C3C3C3;height: 26px;min-width: 100px;padding: 0 5px;}
.Smallbutton{background: url("../images/butBg_07.gif") repeat-x scroll center bottom transparent;border: 1px solid #C3C3C3;height: 26px;min-width: 50px;padding: 0 5px; margin-top:-3px}
.Smallbutton:hover{background: url("../images/butBg_07.gif") repeat-x scroll center 8px transparent;}


/* homeHotel*/
.propertylogo{ padding:5px; float:left; max-width:200px;}
.propertylogo img { border:2px solid #ccc;}

.hotelDetails{ width:63%; margin-top:14px;}
.hotelDetails .bluespan{color:#0055BF; padding:5px;}

.editProperty{ float:left; margin:19px 7px;}
.note{border:1px #ECE1CE solid; padding:8px 8px 8px 52px; margin:8px; color:#000; background:#fffcea url(../images/note.png) 8px center no-repeat;}
.note p{ color:#3c3c3c; padding-top:5px;}

.invoice-to-address{ width:49%; padding-left:5px; height:75px; border:#aaa 1px solid;}
.invoice-to-address p{ font-size:12px; line-height:18px; font-weight:bold;}
.invoice-to-address h3{ font-size:12px; line-height:18px;}

.nameofthepassengers{ width:49%; padding-left:5px;}
.nameofthepassengers p{ font-size:12px; line-height:18px; font-weight:bold;}
.nameofthepassengers h3{ font-size:12px; line-height:18px;}

.invoice-head{ border-top:#aaa solid 1px;}
.invoice-head h2{text-align:center; padding:3px; font-size:15px; }
.invoice-to-address span{ font-size:13px;}

.invoice-to-address dl dt{ font-weight:bold; width:75px; float:left;}
.invoice-to-address dl dd{width:150px;float:left; font-weight:bold; color:#ff0000;}

.invoicetable{ border:1px #aaa  solid;}
.invoicetable tr td{border:1px #aaa  solid; padding:5px; font-weight:bold;}
.perticulars{}

.total-turnover{ background:url(../images/total-turnover.png) no-repeat; padding:190px 70px 100px 70px ; width:240px; margin:0px auto;}
.total-turnover h1 {font-size:45px; text-align:center;}

.total-profit{ background:url(../images/total-profit.png) no-repeat; padding:190px 70px 100px 70px ; width:240px; margin:0px auto;}
.total-profit h1 {font-size:45px; text-align:center;}

.invoice-main{}
.invoice-logo{ text-align:center;}

.invoice-main .company-address{ padding:5px; line-height:20px;}
.invoice-main .branch-address{ padding:5px; line-height:20px;}


.report{ border:#1px #aaa solid;}
.report tr td{border:#E4CFAA solid 1px; padding:5px; font-weight:bold;}

.total-report{ text-align:right; color:#cc0000; font-size:14px;}
.total-amount{ color:#cc0000; padding-left:15px;font-size:14px;}
.inwords{ color:#cc0000; font-weight:bold; padding-left:15px;}

.invoice-border{ padding:5px; border:#ccc 1px solid; }


.today-followup{}
.today-followup  li { padding:7px 15px;}
.today-followup  li a{ text-decoration:none; color:#0055BF}
.today-followup  li a:hover{ text-decoration:underline; color:#0055BF}
.up-followup{}
.up-followup  li { padding:7px 15px;}
.up-followup   li a{ text-decoration:none; color:#0055BF}
.up-followup   li a:hover{ text-decoration:underline; color:#0055BF}

/*Pagination*/

.pagelinks {
	padding:2px;
	font-family:Helvetica,Arial,sans-serif;
	font-size:11px;
	margin:4px;
	float:right;
}

.pagelinks a {
	text-decoration:none;
	float:left;
	color:#000;
	text-shadow: 0 1px 0 #FFFFFF;
}

.pagelinks span {
	text-shadow: 0 1px 0 #FFFFFF;
}

.pagefirstdead {
	display:none;
}

.pageprevdead {
	display:none;
}

.pagefirstlink,.pageprevlink,.pagenextlink,.pagelastlink,.pagenumlink {
	/*padding:0 5px;
	border:1px solid #ccc;
	padding:0 2px;
	margin-left:2px;*/
	display: inline-block;
	float: left;
	padding: 0 14px;
	line-height: 28px;
	text-decoration: none;
	border: 1px solid #c4c4c4;
	border-left-width: 1px;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(243,243,243,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
	background: linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
	min-height: 28px;
	color: #717171;
	box-shadow:0 1px 0 #eaeaea ,0 1px 0 #fff inset;
	margin-right: 4px;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	font-weight: 700;
}

.pagefirstlink:hover,.pageprevlink:hover,.pagenextlink:hover,.pagelastlink:hover,.pagenumlink:hover {
	/*text-decoration: none !important;*/
	border: 1px solid #a3a3a3;
	background: #e8e6e6;
}
.pagefirstlink:active,.pageprevlink:active,.pagenextlink:active,.pagelastlink:active,.pagenumlink:active {
	outline: none;
}

/*.pageprevlink {
	padding:0 5px;
	border:1px solid #ccc;
	padding:0 2px;
	margin-left:2px;
}*/

.pagecurrent {
	/*padding:1px 4px;
	float:left;
	margin-left:3px;
	background-color:#666666;
	color:#FFFFFF;
	font-weight:bold;*/
	
		display: inline-block;
	float: left;
	padding: 0 14px;
	line-height: 28px;
	text-decoration: none;
	border: 1px solid #c4c4c4;
	border-left-width: 1px;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(243,243,243,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
	background: linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
	min-height: 28px;
	color: #717171;
	box-shadow:0 1px 0 #eaeaea ,0 1px 0 #fff inset;
	margin-right: 4px;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	font-weight: 700;
	
	color: #f2f2f2;
	box-shadow:0 1px 0 #eaeaea ,0 1px 0 #67c3da inset;
	border-color: #5098aa;
	background: #88BBC8;
	float: left;
	padding: 0 14px;
	line-height: 28px;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	font-weight: 700;
	cursor:default;
	text-decoration: none;
	color:#fff;
}

/*.pagenextlink {
	padding:0 5px;
	border:1px solid #ccc;
	padding:0 2px;
	margin-left:2px;
}

.pagelastlink {
	padding:0 5px;
	border:1px solid #ccc;
	padding:0 2px;
	margin-left:2px;
}*/

.pagenextdead {
	padding:0 5px;
	display:none;
}

.pagelastdead {
	padding:0 5px;
	display:none;
}



/*.pagenumlink {
	border:1px solid #ccc;
	padding:0 2px;
	margin-left:2px;
}*/

.more-left {
	padding:0 5px;
	border:1px solid #ccc;
	padding:0 2px;
	margin-left:2px;
	float:left;
}

.more-right {
	padding:0 5px;
	border:1px solid #ccc;
	padding:0 2px;
	margin-left:2px;
	float:left;
}

.more-left, .more-right {
  border-radius: 3px 3px 3px 3px;
  margin-right: 6px;
  padding: 9px 12px;
}




/*Tabbing*/
.clr {
	clear:both;
}

.tabctn {
    background: url(../images/tab_header_bg.jpg) repeat-x scroll left bottom #F9F9F9;
    padding: 0px 15px 0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}


.tabHeading {
    color: #AAAAAA;
    font-size: 20px;
    font-weight: normal;
    padding: 0 0 5px 14px;
    text-shadow: 0 1px 0 #FFFFFF;
}

.tabmenu {
	display: block;
}

.tabmenu td {
    background:url(../images/tabSep.gif) no-repeat scroll right bottom transparent;
    cursor: pointer;
    float: left;
    font-size: 13px;
    margin: 0;
    padding: 9px 15px 13px;
}

.tabmenu .sel {
	 color: #000000;
}

.tabmenu .sel a {
	color:inherit;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    text-shadow: 0 1px 0 #FFFFFF;
}

.tabmenu a {
	color: #848484;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    text-shadow: 0 1px 0 #FFFFFF;
}

.da {
    background:url(../images/downArrBg.gif) no-repeat scroll 0 0 transparent;
    display: block;
    height: 13px;
    position: absolute;
    width: 23px;
	z-index:-1;
}

.tabbed-mn-cnt {
	border-top:none;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.tabbed-div {
	margin-top:20px;
	/*padding:2px 50px;*/
    
    /* padding:2px 25px; */
}


.tabbed-div h2{
    border-bottom: 1px solid #eeeeeedd;
       color: #5d5d5d;
    /* font-family: Arial,Helvetica,sans-serif; */
        font-family: Inter, sans-serif;
       font-size: 14px;
    font-weight: 500;
     line-height: 35px;
    margin: 0;
    padding-bottom: 3px;
	text-shadow: 0 1px 0 #FFFFFF;
}

.tabbed-div table {
	width:100%;
	padding:0 40px 0 0;
}

/*.tabbed-div table tr td:nth-child(3),.tabbed-div table tr td:first-child {
	text-align:right;
	width:25%;
	color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding: 1px;
	max-width:25%;
}


.tabbed-div table tr td:nth-child(2),.tabbed-div table tr td:last-child {
	text-align:left;
	width:25%;
	padding:4px 5px;
	color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding: 1px;
	max-width:25%;
}*/

.td-lt {
	text-align:left;
	/* width:25%; */
    width:11%;
	color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding: 1px;
	max-width:25%;
        line-height: 35px;
}


.td-rt {
	text-align:left;
	width:25%;
	padding:4px 5px;
	color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding: 1px;
	max-width:25%;
}

.input {
	font-family: Arial,Helvetica,sans-serif;
    border: 1px solid #DDDDDD !important;
    height: auto;
    padding: 3px;
	outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
	width:96%;
	box-sizing:content-box;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
}

.select {
	font-family: Arial,Helvetica,sans-serif;
    border: 1px solid #DDDDDD;
    height: auto !important;
    padding: 3px;
	outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
	width:96% !important;
	box-sizing:content-box;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
}

.textarea {
	font-family: Arial,Helvetica,sans-serif;
    border: 1px solid #DDDDDD;
    height: auto;
    padding: 3px;
	outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
	width:96% !important;
	box-sizing:content-box;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
}

.select:focus {
    box-shadow: 0 0 1px rgba(0, 122, 188, 255);
    -webkit-box-shadow: 0 0 1px rgba(0, 122, 188, 255); 
    -moz-box-shadow: 0 0 1px rgba(0, 122, 188, 255); 
}

.req {
	color:#990000 !important;
}

.tab-btn-btm {
	float:right;
	margin:6px 0 ;
}

.tab-btn-btmc {
	float:left;
	/*margin:0 40% ;
	margin-top:20px;*/
}

/*.tab-btn {*/
	/*background:url(../images/acc-img.png) repeat-x scroll 0 -2549px transparent;*/
/*    outline: medium none;
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DDDDDD #DDDDDD #BBBBBB;
    border-image: none;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #444444;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 5px 15px;
    text-shadow: 0 2px 0 #FFFFFF;
	border: 1px solid #C3C3C3 !important;
    color: #222222 !important;
	cursor:pointer;
}*/

.tab-btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: baseline;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.tab-btn:hover,
.tab-btn:focus,
.tab-btn:active,
.tab-btn.active,
.tab-btn.disabled,
.tab-btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.tab-btn:active,
.tab-btn.active {
  background-color: #cccccc \9;
}
.tab-btn:hover,
.tab-btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
/*.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}*/
.tab-btn.active,
.tab-btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.ajx-td-width {
	width:16.5% !important;
}

.ajx-td-width input{
	/*width:auto;*/
}

#pcost td {
	font-weight:bold;
	color:#000000 !important;
}

.tabbed-div h3 {
	border-bottom: 1px dotted #DDDDDD;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 28px;
    margin: 0;
    padding-bottom: 3px;
    text-shadow: 0 1px 0 #FFFFFF;
}

/*  */

#close-tbuttons {
}

.tbutton {
	margin:2px;
	border:1px solid  #ccc;
	float:left;
	padding:3px 4px;
	background-color:#ececec;
}

.tbutton a {
	float:left;
	color:#333;
	font-family: segoe ui;
	font-size: 14px;
	font-weight: 500;
	text-shadow: 0 1px 0 #FFFFFF;
	letter-spacing:1.5px;
	margin-top: -2px;
}

.tbutton img {
	margin-left:4px;
	float:left;
	margin-top:1px;
	cursor:pointer;
}

.tlist {
	width:100% !important;
	padding:0 !important;
	border:1px solid #999999;
	border-collapse:collapse;
}

.tlist th {
	/*9background-color:#EFEFEF;*/
	/*background:url(../images/table-header.png) repeat-x left bottom whiteSmoke;*/
	background:#EFEFEF;
	height:30px;
	vertical-align:middle;
	color:#000000;
	text-shadow: 0 1px 0 #FFFFFF;
	border-left:1px solid #BEBEBE;
}

.tlist td {
	color:#000000;
	border-left-color: #BEBEBE !important;
	border-left:1px solid #FF0000;
	padding: 8px 16px;
	vertical-align:middle;
}

/* send mail datatable*/

.sendMailList .sm-tlist{
    width:100% !important;
	padding:0 !important;
}

.sendMailList .sm-tlist th{
   background:#EFEFEF;
	height:30px;
	vertical-align:middle;
	color:#000000;
	text-shadow: 0 1px 0 #FFFFFF;
	border-left:1px solid #BEBEBE;
}

.sendMailList .sm-tlist td{
   color:#000000;
	border-top-color: #BEBEBE !important;
	border-top:1px solid #FF0000;
	padding: 8px 9px;
	vertical-align:middle;
    font-size: 13px;
}


.sendMailList .sm-tlist tr.unread {
    background-color: #fff;
}

/* end */

.citisel {
	width:30% !important;
}

.tbutton-radio {
	float:left;
	vertical-align:top;
	float:left;
	padding:0;
	margin-top:-1px;
}

.table-read-only {
	width:100%;
}

.table-read-only tr {
	height:26px;
	padding:2px;
}

.table-read-only tr td { 
	vertical-align:middle;
}

.even {
 	/*background-color:#FAFAFA;*/
	background-color:#fff;
}

.odd {
	background-color:#F2F2F2;
}

.tr-view {
	height:26px;
	padding:2px;
}

.td-view-left {
	padding:2px 0 0 2px;
	font-weight:normal;
	width:24%;
}

.td-view-right {
	padding:2px 0 0 2px;
	font-weight:bold;
	text-align:left;
}
#quick-links ul {
	list-style-type: none;
	margin: 0;
    padding: 0;
}

#quick-links ul li {
	background: url(../images/listImage_22.gif) no-repeat scroll left top transparent;
	font-weight: bold;
	padding: 0 8px 10px 15px;
}

#quick-links ul li a {
	text-decoration:none;color:#156496
}

.error {
	border:1px solid #FF0000 !important;
}

.error-border{
    border: 1px solid #f00 !important;
}

.form-table {
	width:100%;
}

.fs {
	border:1px solid #ccc;
	padding:4px 8px;
}

.fs div {
	/*padding:10px 0 10px 20px;*/
	padding:0;
}

.fs legend {
	margin-left:6px;
	border:1px solid #ccc;
	background-color:#e8e8e8;
	padding:3px;
	font-weight:bold;
	color:#333;
	border-radius:3px;
}

.nb {
	border:none;
}

.nb-imp {
	border:none !important;
}

.form-table tr {
	height:28px;
}

.form-table tr td { 
	padding:2px 0;
}

.form-table tr th {
	text-align:right;
	padding-right:4px;
}

a.bbtn:after {
    border: 1px solid #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    content: "";
    height: 68px;
    left: 0;
    position: absolute;
    top: 0;
    width: 98px;
}
a.bbtn {
    background: -moz-linear-gradient(center top , #FFFFFF 1%, #F3F3F3 100%) repeat scroll 0 0 transparent;
    border: 1px solid #C4C4C4;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 0 #FFFFFF;
    display: inline-block;
    height: 60px;
    padding: 5px;
    position: relative;
    text-decoration: none;
    width: 90px;
}

.tamt {
	float:right;
	text-align:right;
	margin-right:6px;
	text-decoration:underline;
	padding-bottom:4px;
	border-bottom:1px solid #000;
	font-size:20px;
}

#qLoverlay {
	visibility: hidden;
	width: 100%;
    height: 100%;
    position: fixed;
    z-index: 666999;
    top: 0;
    left: 0;
    background: url(../images/1.png) repeat;
    opacity: 0.9;
	filter: alpha(opacity=90);
}

#qLbar {
	visibility: hidden;
	width: 80px;
	height: 80px;
    position: absolute;
    top:50%;
    left:50%;
    margin-top: -80px;
    margin-left: -40px;
    background:url(../images/loader.gif) no-repeat;
    z-index: 667999;
}

.action-link {
	color:#333;
	text-decoration:none!important;
}

.tlist th {
	background:#EFEFEF;
}

/*#outerf {
	position:fixed;
	width:98%;
	top:96%;
	left:0;
	bottom:0;
}*/

.btn-ios {
  border: 1px solid #007aff !important;
  color: #007aff !important;
  box-sizing: border-box;
  background:rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  box-shadow:none !important;
  transition:all 0.3s ease 0s !important;
  cursor:pointer;
  border-radius:4px;
  display:inline-block;
  padding:6px 12px;
  text-align:center;
  vertical-align:middle;
  margin-bottom:0;
}

.btn-ios:hover {
	border-color: #3395ff;
    color: #3395ff;
}

/*New updations*/

.select {
	border: 1px solid #dddddd;
	box-sizing: border-box;
	font-family: Arial,Helvetica,sans-serif;
	height: auto !important;
	outline: medium none;
	padding: 5px 3px;
	transition: all 0.25s ease-in-out 0s;
	width: 88% !important;
}

label {
	color: #9e9e9e;
	font-size: 0.8rem;
}

.input-field {
	margin-top: 1.0rem;
	position: relative;
	margin-bottom: 1.2rem;
}

.input-field .flabel {
	font-size: 14px;
	top: -22px;
	color:#666;
}

input {
	line-height: normal;
}

.input-field label.active {
	/*font-size: 0.8rem;*/
	transform: translateY(-140%);
}
.input-field label {
	color: #9e9e9e;
	cursor: text;
	font-size: 1rem;
	/*left: 0.65rem;*/
	left: 0rem;
	position: absolute;
	top: 0.8rem;
	transition: all 0.2s ease-out 0s;
}

.input-field input[type="datetime-local"], 
.input-field input[type="email"], 
.input-field input[type="number"], 
.input-field input[type="password"], 
.input-field input[type="search"], 
.input-field input[type="tel"], 
.input-field input[type="text"], 
.input-field input[type="time"], 
.input-field input[type="url"], 
.input-field textarea {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: transparent;
	border-color:#9e9e9e;
	border-image: none;
	border-radius: 0;
	/*border-style: none none solid;*/
	border-style: solid;
	border-width: 1px 1px 1px;
	box-shadow: none;
	box-sizing: content-box;
	font-size: 14px;
	font-family:Verdana, Geneva, sans-serif;
	height: 1.5rem;
	/*margin: 0 0 15px;*/
	margin:0;
	outline: 0 none;
	/*padding: 0;*/
	padding:2px 5px;
	transition: all 0.3s ease 0s;
	width: 85%;
}

.input-field input[type="date"]:focus:not([readonly]), 
.input-field input[type="datetime-local"]:focus:not([readonly]), 
.input-field input[type="email"]:focus:not([readonly]), 
.input-field input[type="number"]:focus:not([readonly]), 
.input-field input[type="password"]:focus:not([readonly]), 
.input-field input[type="search"]:focus:not([readonly]), 
.input-field input[type="tel"]:focus:not([readonly]), 
.input-field input[type="text"]:focus:not([readonly]), 
.input-field input[type="time"]:focus:not([readonly]), 
.input-field input[type="url"]:focus:not([readonly]), 
.input-field textarea.materialize-textarea:focus:not([readonly]) {
	/*border-bottom: 1px solid #42a5f5;
	box-shadow: 0 1px 0 0 #42a5f5;*/
}

.btn-ios-gap {
	margin-left:3px;
	margin-right:3px;
}

.btn-ios-gap-i {
	margin-left:3px!important;
	margin-right:3px!important;
}

btn-ios-gap-left {
	margin-left:3px;
	margin-right:0;
}

btn-ios-gap-right {
	margin-left:0;
	margin-right:3px;
}

/*Grid positions*/
.droptarget {
	
    width: 90%; 
    height: auto;
    padding: 5px;
	float:left;
	padding-bottom:50px;
}
.droptarget p {
	
	padding:5px 0px 5px 5px;
	border: #A5A5A5 1px solid;
	margin-top:10px;
	border-radius:4px;
	background-color:#FCFCFC;
	cursor:move;
}
.section-title {
	padding:10px;
	width:90%;
	text-transform:uppercase;
	border-bottom:#0084FF 1px solid;
}
.section-title-right {
	
	border-bottom: 1px solid #0084ff;
    margin-left: 8px;
    padding: 10px;
    text-transform: uppercase;
    width: 98%;
}
.left-col-holder {
	width:300px;
	min-height:500px;
	float:left;
}
.un-assign {
	
	min-height:500px;
}
.right-col-holder {
	display: inline;
    float: left;
    min-height: 500px;
    width: 79%;
	border-left:#F2F2F2 5px solid;
}
.acc-holder {
	
	display: inline-block;
    background: #fff;
    margin: 10px;
    width: 290px;
    /*box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 1px 2px 4px 1px #ccc;*/
	border:#D4D4D4 1px solid;
	border-radius:4px;
	min-height:180px;
	padding:10px 10px 50px 10px !important;
}
.grid-container {
	
	height:500px; 
	overflow-y:scroll;
	padding-left:3%;
	
}
/*My profile- new.*/

.profile-box-left {
	
    background-color: #FCFCFC;
    /*background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);*/
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    min-height: 38px;
}
.profile-box-end {
	
    background-color: #FFF;
    /*background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);*/
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    min-height: 328px;   
}
@media screen and (min-width:1140px) and (max-width:1550px) {
	
	.profile-box-left {
	
		background-color: #FCFCFC;
		/*background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);*/
		background-repeat: repeat-x;
		border: 1px solid #d4d4d4;
		border-radius: 4px;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
		min-height: 38px;
		padding-left: 20px;
		padding-right: 20px;
		width:100% !important;
		float:left;
		margin-right:15px;
	}
	.profile-box-end {
	
		background-color: #FFF;
		/*background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);*/
		background-repeat: repeat-x;
		border: 1px solid #d4d4d4;
		border-radius: 4px;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
		min-height: 328px;
		padding-left: 20px;
		padding-right: 20px;
		width: 100% !important;
		float:right;
	}
	
}


.prof-photo-hold {
	
	text-align:center;
	width:100%;
	margin:10px 0px 10px 0px;
}
.prof-img {
	
	width:110px;
	height:110px;
	border-radius:50%;
}
.personal-info {
	
	margin:10px 0px 10px 0px;
}
.personal-info p, .personal-info a {
	
    color: #007aff;
    font-size: 14px;
    margin-bottom: 20px;
    text-align: left;
    cursor:pointer;	
}
.personal-info a:hover {
    color: #007aff;
}
.personal-info a .bi::before {
     color: #007aff;
}
.personal-info  h1{
	
	font-size:16px;
	letter-spacing:1px;
	text-align:center;
	color:#555 !important;
}
.personal-info i {
	
	color:#007aff;
}
.tab-3 label {
	
	color: #777 !important;
	cursor:pointer;
	
}
.content-hold {
	color:#555 !important;
	margin-bottom:10px;
}
.content-hold h1{
	
	font-size:16px;
	padding:10px 0px;
	
}

.select-users{
    float: left;
    width: 97%;
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid gainsboro;
    background: #f7f7f7;
}

.select-users label{
    font-weight: 600;
    color: #333;
    margin: 0 20px 0 0;
}

.radio-toolbar.ad {
    text-align: right;
}

.radio-toolbar.ad input[type="radio"]{
    position: relative;
    top: 7px;
}

.radio-toolbar.ad label{
    position: relative;
    top: 5px;
    margin-right: 10px;
}

.radio-toolbar.ad label:last-child{
    margin-right: 0;
}


.dom-int{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.dom-int a{
    border: 1px solid #007aff;
    margin-right: 10px;
    padding: 5px 10px;
    border-radius: 50px;
    color: #007aff;
    text-decoration: none !important;
}

.dom-int a:focus,
.dom-int a:active{
    outline: none !important;
}

.dom-int a.active{
    background: #007aff;
    color: white;
}

.dom-int .dom{
    
}

.dom-int .int{}

/* SELECT COLOR CSS */

.select-color{
    width: 100px;
    height: 24px;
    position: relative;
    top: 7px;
    border: 1px solid gainsboro;
}

.select-color .selected-color{
    width: 100%;
    height: 24px;
    background: gainsboro;
}

.select-color .selected-color .pick-another{
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    background: white;
}

.select-color .color-box{
    position: absolute;
    top: 130%;
    left: 0;
    width: 200px;
    height: auto;
    padding: 10px;
    border: 1px solid gainsboro;
    background: #fff;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1);
    display: none;
}

.select-color .color-box .color-section{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.select-color .color-box .color-section .item{
    float: left;
    width: 10%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: white;
    border: 1px solid white;
    cursor: pointer;
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
}

.select-color .color-box .color-section .item .check-icon{
    opacity: 0;
    color: white;
}

.select-color .color-box .color-section .item.active .check-icon{
    opacity: 1;
}

.select-color .color-box .color-section .item.active {
    transform: scale(1.3);
    border: 1px solid transparent !important;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1);
}

.select-color .color-box .actions{
    float: left;
    width: 100%;
    text-align: center;
}

.select-color .color-box .actions .btn:focus{
    outline: none !important;
}

/* CSS FOR TABLE-STYLE1 */

.table-style1{
    width: 100%;
    border: 1px solid gainsboro;
    border-spacing: 0;
    padding: 0 !important;
}

.table-style1 th{
    padding: 10px;
    background: #5d5d5d;
    color: white;
}

.table-style1 tr:nth-child(even){
    background: #FCFCFC;
}

.table-style1 td{
    padding: 10px;
    border-bottom: 1px solid gainsboro;
}

.table-style1 tr.high td{
    background: #eeeeee;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.table-style1 tr.total td{
    font-weight: bold;
    background: #E5E5E5;
}

.table-style1 tr.input td{
    font-weight: bold;
    background: #ddf1ff;
    color: #2777b0;
}

.table-style1 tr.output td{
    font-weight: bold;
    background: #ffd;
    color: #96962b;
}

.table-style1 tr.closing td{
    font-weight: bold;
    background: #dfd;
    color: #539c53;
}

.priority-status{
    
}

.priority-status{
    float: right;
    margin-bottom: 10px;
    height: 27.5px;
}

.priority-status .item{
    float: left;
    margin-right: 25px;
    cursor: pointer;
}

.priority-status .item:last-child{
    margin-right: 0;
}

.priority-status .active .cap{
    color: #333;
}

.priority-status .cap{
    float: left;
    height: 15px;
    line-height: 15px;
    margin: 9px 5px 0 0;
    color: gray;
    font-family: Segoe UI, Arial;
    font-size: 16px;
    font-weight: 500;
}

.priority-status .color{
    float: left;
    width: 20px;
    height: 15px;
    line-height: 20px;
    text-align: center;
    background: #d1d1d1;
    margin: 10px 5px 0 0;
    border-radius: 3px;
    cursor: pointer;
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
}

.priority-status .color .ico{
    display: none;
    color: white;
    font-size: 11px;
}

.priority-status .color.active{
    background: #ff5151;
    width: 20px;
    height: 20px;
    margin: 7px 5px 0 0;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}

.priority-status .color.active .ico{
    display: block;
}

.priority-status .color:last-child{
    margin-right: 0;
}

.priority-status .color.blue{
    background: #3799DF;
}

.priority-status .color.red{
    background: #ff5151;
}

.priority-status .color.green{
    background: #67c667;
}

.priority-status .color.orange{
    background: #ffb836;
}

.lbjs-item{
    border-left: 3px solid transparent;
}

.lbjs-item.super-hot{
    border-left: 3px solid #67c667;
}

.lbjs-item.hot{
    border-left: 3px solid #ff5151;
}

.lbjs-item.warm{
    border-left: 3px solid #ffb836;
}

.lbjs-item.cold{
    border-left: 3px solid #3799DF;
}

.lbjs-item.normal{
    border-left: 3px solid transparent;
}

.hlabel {
    font-size: 14px;
    font-weight: bold;
    top: -22px;
    color: #666;
}

.propnotfmsg{
    color: white;
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: rgba(5, 159, 88, 0.85);
    width: 300px;
    padding: 20px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.31);
    border-radius: 2px;
    font-size: 15px;
    z-index:10;
    display: none;
    line-height: 20px;
}

.propnotfmsg.error {
    background: rgb(159, 5, 5, 0.85);
}

.propnotemsg{
    font-size: 14px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 28px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #090;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

input:checked + .round::after {
    color: #fff;
    content: "ON";
    font-size: 11px;
    line-height: 29px;
    padding-left: 8px;
}

.d-none {
    display:none !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 0.75rem !important;
}

.mt-4 {
    margin-top: 1rem !important;
}

.mt-5 {
    margin-top: 1.5rem !important;
}

.mt-6 {
    margin-top: 2rem !important;
}

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

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 0.75rem !important;
}

.mb-4 {
    margin-bottom: 1rem !important;
}

.mb-5 {
    margin-bottom: 1.5rem !important;
}

.mb-6 {
    margin-bottom: 2rem !important;
}

.dash-cont
{
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0;
    width: 100%;
    background-color: #fff;
    display: inline-block;
}
.dash-cont .smallBtnIcon li a .icon
{
    color: #000;
}
 .navbar-inner
{
    background-image: none !important;
    background-color: #fff !important;
}
.dash-cont .smallBtnIcon li a
{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
    border: none !important;
}
.dash-cont .smallBtnIcon li a
{
    margin-right: 5px;
    border-radius: 5px !important;
}
.dash-cont .smallBtnIcon li:last-child a
{
    margin-right: 0;
}
.topmainhead .headercorner-rt ul li a
{
    font-size: 0 !important;
    background-color: #f0f0f0 !important;
    padding: 10px !important;
    border-radius: 5px;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.topmainhead .headercorner-rt ul li a i
{
    font-size: 17px !important;
    color: #17387d;
    font-weight: 600;
}
.topmainhead .headercorner-rt ul li a span
{
    font-size: 8px !important;
    padding: 2px !important;
    right: -4px !important;
    top: -4px !important;
    border-radius: 20px;
}
.confirm-pack-alert
{
    min-width: 15px !important;
    min-height: 15px !important;
    line-height: 15px !important;
}
.vcount, .pcount
{
    font-size: 18px !important;
}

.mainheadernavbar .nav li
{
  border-right: 1px solid #5c5c5c;  
}
.mainheadernavbar .nav li:last-child
{
    border-right: none;
}
.topmainhead .headercorner-rt ul li:first-child
{
    padding-right: 15px !important;
}
.topmainhead .corner-user
{
    margin-top: 10px;
}
.topmainhead .corner-user img
{
    width: 38px;
    height: 38px;
    border-radius: 5px;
}
.loaction-selector
{
    display: inline-block;
    width: 100%;
}
.loaction-selector a
{
  width: 100%;
  color: #000 !important;
  font-weight: 600;
}
.loaction-selector a i
{
   color: #e64330 !important; 
   font-size: 15px;
}
.smallBtnIcon
{
    margin-top: 15px !important;
}
.inner-container
{
    margin-top: 30px;
    padding-top: 25px;
    border-radius: 10px;
}
.mainheadernavbar .navbar-inner
{
    border: none;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: #313949 !important;
    padding: 5px 5px !important;
}
.mainheadernavbar .navbar-inner ul li a
{
    color: #fff !important;
    font-size: 13px !important;
    text-shadow: none !important;
}
.mainheadernavbar .navbar-inner ul li a i
{
    font-size: 15px !important;
    color: #fff;
}
.mainheadernavbar .navbar-inner ul li a i::before
{
    color: #fff;
}
.confirm-pack-alert, .cancel-property-alert, .topmainhead .headercorner-rt ul li a span
{
    background: #ef1b27 none repeat scroll 0 0 !important;
}
.navbar-search .search-query
{
    background-color: #313949 !important;
}
#search_words::placeholder
{
    color: #ddd !important;
}

#search_words
{
  color: #ddd;
}
.navbar .nav li.dropdown > a:hover .caret, .navbar .nav li.dropdown > a:focus .caret
{
    border-top-color: #777777 !important;
    border-bottom-color: #777777 !important;
}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle
{
    background-color: unset !important;
}
.nav .dropdown .dropdown-menu
{
    background-color: #313949 !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a
{
    background-image: none !important;
    background-color: #ef1b27 !important;
}
.dropdown .dropdown-menu .nav-header
{
    border-bottom: 1px solid #616060;
    margin-bottom: 4px;
    padding-bottom: 4px;
}
.dropdown-menu > li > a
{
    padding: 5px 20px !important;
}
.topmainhead .user-account-info .gb_jb .inner-ac-dlts .com-act-btn
{
    background: rgb(239 27 39) none repeat scroll 0% 0% !important;
    border-color: rgb(239 27 39) !important;

}

.navbar .nav > li > .dropdown-menu:after
{
    border-bottom: 6px solid #777777 !important; 
}

.account-btns
{ 
    display: grid !important;
    grid-template-columns: repeat(2,1fr);
}

.account-btns a, .ac-user-btn-l
{
    text-align: center;
}
.account-btns a
{
    text-align: center;
    box-sizing: border-box;
}

table .dropdown .dropdown-menu
{
    background-color: #fff !important;
}




@media (min-width:300px) and (max-width:600px)
{
    body,html
    {
        margin: 0 !important;
        padding: 0 !important;
        width: 100%;
        overflow-x: hidden !important;
    }
    .dash-cont
    {
        width: 100% !important;
        margin-top: 0px !important;
        min-width: 100% !important;
        height: auto !important;
        position: fixed;
        background-color: #fff;
        z-index: 999;
        left: 0;
        top: 0;
        padding: 10px 0px;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        display: flex;
        align-items: center;
    }
    .topmainhead
    {
        padding-right: 15px;
        padding-top: 10px;
    }
    .logo-area
    {
        width: 40% !important;
    }
    .logo
    {
        margin: 0 !important;
        padding-left: 15px;
    }
    .logo, .logo-area .logo img {
        width: 100%;
        height: auto;
    }
    .wrapper
    {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
    .body-content 
    {
        padding: 0 15px;
    }
    .dash-cont .rightInnerLeftColhead 
    {
        width: 60% !important;
    }
    .topmainhead
    {
        margin: 0 !important;
    }
    .dash-cont .topmainhead .headercorner-rt ul li a
    {
        font-size: 0 !important;
        padding: 5px !important;
    }
    .topmainhead .headercorner-rt ul li a i
    {
        font-size: 15px !important;
    }
    .topmainhead .headercorner-rt ul li a span
    {
        right: -5px !important;
        top: -6px !important;
    }
    .topmainhead .corner-user {
        margin-top: 0;
    }
    .topmainhead .headercorner-rt ul li:last-child
    {
        margin-right: 5px;
    }
    .navbar.headercorner-rt
    {
        margin-right: 10px;
        margin-bottom: 5px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .loaction-selector a
    {
        font-size: 12px !important;
        margin-top: 5px;
        text-align: right;
    }
    .topmainhead .headercorner-rt ul
    {
        margin-top: 8px !important;
    }
    .mainheadernavbar
    {
        margin-top: 110px;
        margin-bottom: 25px;
    }
    .nav-collapse
    {
        height: auto !important;
        border-radius: 5px;
    }
    .nav-collapse .nav > li > a
    {
        padding: 8px 10px !important;
        font-weight: 500;
    }
    .nav-collapse .nav > li
    {
        width: 100%;
        text-align: center;  
        border-bottom: 1px solid #ddd;      
    }
    .nav-collapse .nav
    {
       margin-right: 0 !important;
    }
    .navbar-search
    {
        width: 100%;
        float: none !important;
        margin-top: 15px !important;
    }
    .mainheadernavbar .navbar-search .search-query
    {
        height: auto !important;
        width: 100% !important;
        padding: 5px 40px 5px 15px!important;
        line-height: 21px !important;
    }
    .mainheadernavbar .navbar-inner 
    {
        padding: 0 10px 10px !important;
        border: none !important;
        background-image: none !important;
        box-shadow: none !important;
    }
    
    .navbar-search .search-query
    {
        box-sizing: border-box;
        
    }
    .mainheadernavbar .navbar-inner .nav-collapse
    {
        background-color: #313949 !important;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    }
    .navbar-search span
    {
        top: 12px !important;
        right: 12px !important;
    }
    .loc-search-container .top
    {
        padding: 10px !important;
    }
    .loc-search-container .bottom {
        padding: 12px !important;
    }
    .loc-search-container
    {
        width: 300px !important;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
    }
    .slide-me-in
    {
        z-index: 9999 !important;
        width: 55% !important;
    }
    .notify-head
    {
        box-sizing: border-box;
    }
    .notify-head
    {
        padding: 10px 0 !important;
    }
    .notify-head .badge
    {
        right: 25px !important; 
    }
    .user-account-info .inner-ac-img-a img
    {
        width: 60px !important;
        height: 60px !important;
    }
    .topmainhead .user-account-info .gb_jb {
        margin: 15px !important;
    }
    .topmainhead .user-account-info .gb_jb .inner-ac-img-a
    {
        margin-right: 15px !important;
    }
    .topmainhead .user-account-info .gb_jb .inner-ac-dlts .com-act-btn
    {
        font-weight: 500 !important;
    }
    .mb-pad
    {
        padding: 12px !important;
    }
    .headBlocks2 .value p {
        font-size: 13px;
    }
    .headBlocks2 .value h1
    {
        margin-bottom: 12px;
    }
    /* .headBlocks2 .span12
    {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr); 
        gap: 10px;
    } */
    .headBlocks2 .span12 div:last-child
    {
        grid-column: span 2;
    }
    /* .headBlocks2 .panel
    {
        margin-bottom: 5px;
    } */
    .turnovr, .line-graph
    {
        padding: 20px 10px !important;
    }
    .line-graph
    {
        margin-bottom: 0 !important;
    }
    .circle-stat .chart
    {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
        padding: 0;
    }
    .circle-stat .ecCharts
    {
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    }
    .circle-stat div:last-child
    {
        border-bottom: none;
    }
    .timeline-centered
    {
        margin-bottom: 10px;
        margin-top: 35px;
    }
    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon
    {
        height: 35px;
        line-height: 35px;
        width: 35px;
    }
    .timeline-centered::before
    {
        left: 25px;
    }
    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label
    {
        margin-left: 65px;
    }
    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label .timeline-title
    {
        margin-bottom: 5px;
    }
    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child
    {
        font-size: 14px;
        margin-top: 5px;
    }
    .footer
    {
        padding: 10px;
        line-height: 20px;
    }
    .line-graph
    {
        float: none !important;
    }
    /* #chartContainer2
    {
        min-width: 100% !important;
    } */
    .highcharts-container
    {
        width: 100% !important;
    }
    .topmainhead .user-account-info .gb_jb .inner-ac-dlts .user-login-name {
        margin-bottom: 3px;
    }
    .topmainhead .user-account-info .gb_jb .inner-ac-dlts .user-login-type
    {
        margin-bottom: -6px;
    }
    .headBlocks2 .value h1
    {
        font-size: 20px;
    }
    .card-header .d-flex
    {
        display: block !important;
    }
    .card-header button, .btn
    {
        margin-top: 12px;
        padding: 6px 10px !important;
        font-size: 12px !important;
    }
    .tableContainer .table-responsive
    {
        overflow-x: scroll !important;
    }
  
    #filterForm .row, #filter-row, .m-list, #agent_form .custom-tabs, .agent-detail-card .custom-tabs
    { 
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    #agent_form .custom-tabs, .agent-detail-card .custom-tabs
    {
    border-top: 1px solid #ddd;
    gap: 0 10px;
    }
    #agent_form .nav-tabs .nav-item, .agent-detail-card .nav-tabs .nav-item
    {
        border-bottom: 1px solid #ddd;
    }
    .agent-detail-card .nav-tabs
    {
        margin-top: 25px;
        margin-bottom: 20px;
    }
    .m-list
    {
        padding: 0 !important;
    }
    #filterForm .row .col-md-3, #filter-row  .col-md-3, .m-list  .col-md-3
    {
        padding: 0 !important;
    }
    #filterForm .row  .gap-2, #filter-row  .gap-2, .m-list .gap-2
    {
        grid-column: span 2;
        display: flex !important;
    }
    .listitem .table th
    {
        font-size: 12px !important;
    }
    .listitem .table td {
        padding: 0.8rem 2rem  !important;
        font-size: 12px !important;
    }
    #marketReportForm .col-md-4 .d-inline-flex, #agent_form .d-inline-flex, #contactModal .d-inline-flex, #additionalAddressForm .d-flex
    {
        display: block !important;
    }

    #agent_form .row
    {
        padding: 0 !important;
    }
    #agent_form .row .col-md-4 div:first-child .form-check
    {
        margin-left: 0 !important;
    }
    .card-title, .title-container h5
    {
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
        margin-bottom: 10px !important;
    }
    .title-container h5
    {
        margin-bottom: 20px !important;
    }
    .pagination
    {
        margin-bottom: 0;
    }
    #pagination-items
    {
        margin-top: 0 !important;
    }
    .pagination li
    {
        line-height: 0;
    }
    .choices
    {
        margin-bottom: 0 !important;
    }
    .card-animate .avatar-sm
    {
        display: none;
    }
    .card-animate h4
    {
       font-size: 15px !important;
       margin-top: 8px !important;
    }
    .card-animate .p-3
    {
        padding: 8px !important;
    }
    .marketing-report .card
    {
        margin-bottom: 5px;
    }
    #marketingDashList #pagination-items
    {
        margin-bottom: 15px;
    }
    .choices__inner
    {
        padding-right: 8px !important;
    }
    #contact_details .contact-wrapper
    {
        overflow: scroll;
    }
    .close-detail-pane
    {
        margin-bottom: 20px;
        margin-top: 0;
    }
    .accordion-button
    {
        font-size: 13px !important;
        font-weight: 600 !important;
    }
    .popover {
        max-width: 500px;
        left: 50% !important;
        top: 80% !important;
        transform: translate(-50%, -50%) !important;
        width: 90%;
    }
   .popover-header, .modal-header {
        padding: 15px !important;
        font-size: 16px !important;
    }
    .modal-header 
    {
        border-bottom: 1px solid #ddd !important;
    }
    .accordion-block
    {
        position: relative;
    }
    .agent-detail-card .info-block
    {
        margin-bottom: 20px;
    }
    .company-title
    {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
    }
    #overview h5
    {
        font-size: 16px;
        margin-bottom: 13px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd;
    }
    .accordion-add-button
    {
        top: 11px;
    }
    .info-block .customer-logo
    {
        width: 100%;
        margin-bottom: 15px;
    }
    .info-block p
    {
        line-height: 22px;
    }
    .login-page 
    {
        width: 100% !important;
        height: auto !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-top: 0 !important;
    }
    #logo {
        width: 230px !important;
        box-sizing: border-box;
        padding: 0 !important;
        margin-bottom: 20px !important;
    }
    #logo img
    {
        width: 100%;
    }
    #login_main 
    {
        width: 100% !important;
        height: auto !important;
        background: none !important;
    }
    #login_area
    {
        width: 85% !important;
        height: auto !important;
        border: 1px solid #da0c70;
        padding: 0px 25px 25px 25px !important;
        box-sizing: border-box;
        box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    }
    .login-page .error_msg {
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box !important;
    }
    .login-page .input_bg {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    #login_btn_main {
        width: 100% !important;
        height: auto !important;
        margin-top: 14px !important;
        float: none !important;
        display: inline-block !important;
    }
    .login-page  #btn {
        width: 100%;
        height: auto;
        float: none;
    }
    .login-page .login_btn
    {
        width: 95px;
        background-size: contain;
        margin-top: 10px;
    }
    .login-page .remember_forgot {
        width: 100%;
        height: auto;
        padding-top: 0;
        float: none;
        display: inline-block;
    }
    .login-page .forgot_password, .login-page .forgot_password a
    {
        width: 100%;
        display: block;
    }
    .login-page .forgot_password a
    {
        text-align: center;
    }
    .login-page .sign_in
    {
        display: none;
    }
    .login-page .social
    {
        width: 100%;
        padding-top: 30px;
    }
    .login-page .login_btn:hover
    {
        background-size: contain;
    }
}

@media (min-width:1300px) and (max-width:1600px)
{
    #top-middle
    {
        width: 55% !important;
    }
    .rightInnerLeftColhead
    {
        width: 25% !important;
    }
    .navbar-inner .container
    {
        position: relative;
        display: inline-block;
        width: 100% !important;
    }
    .navbar-search
    {
        position: absolute !important;
        right: 0;
        bottom: -38px;
    }
    .mainheadernavbar .navbar-inner
    {
        margin-bottom: 25px;
    }    
}

.menu-marketplace {
    background: linear-gradient(45deg, #ef1b27, #ff5722);
    color: #fff !important;
    font-weight: bold;
    border-radius: 5px;
    margin-right: 10px;
    box-shadow: 0 0 10px rgb(239 27 39, 0.7);
}
.menu-marketplace-bookings {   
    background: linear-gradient(135deg, #007aff, #00d4ff);
    color: #fff !important;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(242, 139, 130, 0.3);
}
.borderless-input {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: transparent;
}