@import url('https://fonts.googleapis.com/css?family=Hind');
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont3e6e.eot?v=4.7.0');src:url('../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont3e6e.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont3e6e.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont3e6e.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont3e6e.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}
.fa-star-o:before {content: "\f006";}.fa-tasks:before {content: "\f0ae";}.fa-user-md:before {content: "\f0f0";}.fa-lightbulb-o:before {content: "\f0eb";}.fa-users:before {content: "\f0c0";}.fa-bars:before{content:"\f0c9"}.fa-list:before{content:"\f03a"}.fa-trash-o:before{content:"\f014"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-envelope:before{content:"\f0e0"}.fa-calendar:before{content:"\f073"}.fa-history:before{content:"\f1da"}.fa-circle:before{content:"\f111"}.fa-power-off:before{content:"\f011"}.fa-window-close:before {content: "\f2d3";}.fa-window-close-o:before {content: "\f2d4";}.fa-check:before {content: "\f00c";}.fa-comments:before {content: "\f086";}.fa-first-order:before {content: "\f2b0";}.fa-shopping-cart:before {content: "\f07a";}
/* Global properties ======================================================== */
a[href^="tel:"] {color:inherit; text-decoration:none;}
::selection{background:#888888!important; color:#fff}
::-moz-selection{background:#888888!important; color:#fff}
a, a:link, a:active, a:visited, a:hover
{
    color: inherit;
    text-decoration: underline;
}
nav:not(.mm-menu)
{
    display: none;
}
a{color:#6793a8; text-decoration: underline; outline:none}
a:hover{color:#6793a8; text-decoration: none; outline:none}
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
body{margin:0; padding:0; background:#fff; border:0; font:13px 'Ubuntu', Arial, Helvetica, sans-serif; color:#756e6e; line-height:18px; min-width:320px;}
ul, ol{list-style:none; margin:0; padding:0;}
.clear{clear:both;}
.bg1{background:#ECD8BD; margin-bottom:40px; padding:10px 0;}
.bg2{background:#88AAFF; padding:0; background:url(../admin/images/dots-bg.jpg) repeat-x;}
#wrapper{float:left; width:100%;}
#header{margin:0 auto; width:1003px;}
#header .logo{float:left; width:100px;}
#header .logo img{width:100%;}
#header .right{float:right; width:185px;}

.navbar-header{float:right;background-color: #016bb5; padding:0 5px; margin-top:15px; margin-right: 2% !important;}
.navbar-header a{color: #fff; font-size: 20px; text-decoration: none;}
.navbar-toggle {padding: 4px 0 !important; margin: 0px !important; display: block; }
.navbar-toggle .fa-bars{font-size:25px; color: #fff; font-weight: normal;}
.nav-menu a {display: block; width: 28px; height: 18px; padding: 11px; position: absolute; top: 0; left: 0;}
.nav-menu a:before, .nav-menu a:after{content: ''; display: block; background: #fff; height: 2px;}
.nav-menu a span{background: #fff; display: block; height: 2px;	margin: 6px 0;}

.whatsapp{float:right; width:100%; text-align:right;}
.whatsapp img{width:15%; float:left; margin-right:10px;}
.whatsapp p{width:77%; float:left; color:#000;}

.menu-button{float:right; width:170px; margin-top:8px;}
.menu-button li{float:left; width:auto; margin:0 5px;}
.menu-button li a{background:#B4A48B; color:#000; font-size:16px; padding:5px 10px; text-decoration:none;}
.menu-button li a:hover, .menu-button li a.active{background:#3D3834; color:#fff;}
.margin-top30{margin-top:30px;}

.img1{margin:0 auto; width:70%; margin-bottom:20px;}
.img1 p{text-align:center; color:#000; padding:10px 0; font-weight:bold;}
.img1 img{width:100%; border:1px #000 solid; padding:5px;}
#container{margin:0 auto 30px; width:40%;}

textarea.form-control{height:100px !important;}
label{color:#000;}
.border1{border:1px solid #000; padding:20px 10px; margin-top:20px; margin-bottom:20px;}
.admin-cd-form{margin:20px auto; width: 70%; border:1px solid #000; padding:10px 10px; }
.admin-cd-form li{list-style: none; float: left; width: 49%; margin:0 0.5% 10px;}
.admin-cd-form li input[type="submit"]{margin-top: 8px;}
.border1 h4{color:#000;}
/*=========== login Page Start Code =================*/
#login{background:#FFF; padding:20px; margin:50px auto 0; width:50%; box-shadow: 0px 0px 20px #FFF; border: 2px solid #02CA23;}
.logo-top h2{margin-top:0;}
#login .right{float:right; width:100%;}
.admin-detail{}
.bgwhite{background:#fff; padding:15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; margin:20px auto 0; width:350px;}
.admin-detail h3{margin-top:0; margin-bottom:20px;}
.admin-detail ul{margin:0; padding:0;}
.admin-detail li{list-style:none;}	
.admin-detail li input{margin:5px 0;}
.admin-detail .btn{background:#337ab7 !important; border:none; color:#fff; float:left; width:120px; margin-top:10px;}
.admin-detail .btn:hover{background:#000;}
.logo-top{margin-bottom:20px; text-align:center;}

.logo_admin{float:left; width:10%;}
.logo_admin img{width:100%;}
.logo_admin h2{margin:0; padding:0;}
.admin_button{float:right; width:auto; margin-top:30px;}


.main-table{margin:10px 0;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{font-size:12px !important; color: #242424;}

.admin_footer{float:left; position:fixed; padding:8px 0; bottom:0; width:100%; background:#4a4a4a;/* display:none;*/}

.list-form ul{margin:0; padding:0;}
.list-form li{float:left; width:100px;}

.footer{float:left; width:100%; background:#63583F; padding:8px 0; margin:20px 0 0;}
.footer p, .admin_footer p{text-align:center; color:#fff; padding:0; margin:0;}

.filter {width:100%; padding: 0 0.5%; margin:10px 0; float: left;}
.filter1 {width:70%; padding: 0 0.5%; margin:20px auto;}
.filter a, .filter1 a{float:right; margin-left:15px; color: #fff; text-decoration: none;}
.filter select, .filter1 select{float:right; padding:8px;}
.filter h2, .filter1 h2{float:left; margin:0; padding:5px 15px; font-size:15px; background:#286090; color:#fff;}
.sub-inhead-left{float:left; width:30%;}
.sub-inhead-center{float:left; width:45%; margin-left:10%;}
.sub-inhead-right{float:left; width:30%;}
.filter h3{float: right; margin:0; padding:5px 15px; font-size:15px; background:#000; color:#fff;}
/*#form1{margin:0 auto 20px;}*/

.dashboard-left{float: left; width: 50%;}
.table-main{float: left; width: 94%;}
.table-main input[type="submit"]{text-transform: uppercase; background-color: #000; color: #fff; padding:8px 12px; position: fixed; top:20%; right: 0; border:0;}
.table-main input[type="submit"]:hover{background-color: #286090;}
#data{margin:20px auto 0;}
.mainrow{margin:10px; padding: 10px;}
.mainrow h2{text-align:center;}
.mainrow ul{margin:0; padding:0;}
.mainrow li{list-style:none; width:100%; float:left; border:1px solid #999; margin-bottom:8px; padding:5px 5px 15px;} 
.mainrow li label{float:left; width:300px;}
.mainrow li label+label{float:left; width:400px;}
.mainrow li p{float:left; width:100%;}
.mainrow li span{margin-bottom:20px;}
.mainrow li a{background:#F00; color:#fff; padding:5px; text-decoration:none;}
.date1{width:145px; float:left; font-weight:bold;}
.time1{width:120px; float:left; font-weight:bold;}
.view-details .fa-list, .view-details .fa-trash-o, .view-details .fa-shopping-cart, .view-details .fa-comments, .view-details .fa-pencil-square-o, .view-details .fa-edit, .view-details .fa-envelope, .view-details .fa-calendar, .view-details .fa-history, .fa-comments:before, .fa-shopping-cart:before, .fa-users:before, .fa-lightbulb-o:before, .fa-user-md:before, .fa-tasks:before, .fa-star-o:before{color:#000; font-size:20px;}

.main-table .fa-window-close:before, .main-table .fa-window-close-o:before{color:#f20; font-size:20px;}
.main-table .fa-check:before {color:#02CA23; font-size:20px;}


td.view-details{text-align:center;}
.fa-comments:hover, .fa-shopping-cart:hover, .view-details .fa-list:hover, .view-details .fa-trash-o:hover, .view-details .fa-edit:hover, .view-details .fa-envelope:hover{color:#00F;}
.login_status .fa-circle{color:#000; font-size:20px;}
.login_status .fa-power-off{color:#000; font-size:20px; margin-left:8px;}
.green{color:#02CA23 !important;}
.red{color:#f20 !important;}

.find-cust{margin:0 auto 20px; width:50%;}
.find-cust ul{margin:0; padding:0;}
.find-cust li:first-child{float:left; width:80%;}
.find-cust li:nth-child(2){float:left; width:19%; margin-left:1%;}

.new-visitor{margin:0 auto; width: 70%; background: #fff;}
.new-visitor ul{margin:0; padding: 0;}
.new-visitor li{list-style: none; float:left; width: 49%; border:1px solid #dadada; margin:0 0.5% 0;}
.new-visitor li p{float:left; width:25%; background: #f58635; padding: 5px 0 5px 10px; color: #fff; font-size:12px; font-weight: bold; margin-bottom: 0; min-height: 28px;}
.new-visitor li span{float:right; width:74%; color: #242424; padding: 5px 0 5px 10px; font-size:12px; font-weight: normal; line-height:18px; min-height: 28px;}


.myprofile{margin:0 auto; width: 70%; background: #fff;}
.myprofile .top{float: left; width: 100%;  margin-bottom: 15px; }
.myprofile .top ul, .myprofile .left1 ul, .myprofile .right1 ul{margin:0; padding: 0;}
.myprofile .top li{list-style: none; float:left; width: 49%; margin:0 0.5%; border:1px solid #dadada;}

.myprofile p{float:left; width:28%; background: #f58635; padding: 5px 0 5px 10px; color: #fff; font-size:12px; font-weight: bold; margin-bottom: 0; min-height: 28px;}
.myprofile span{float:right; width:72%; color: #242424; padding: 5px 0 5px 10px; font-size:12px; font-weight: normal; line-height:18px; min-height: 28px;}


.myprofile .left1, .myprofile .right1{float: left; width: 49%; margin:0 0.5% 15px;}
.myprofile .left1 li, .myprofile .right1 li{list-style: none; border:1px solid #dadada; float:left; width: 100%;/* padding:5px 10px 5px 10px;*/}
.myprofile .left1 li:first-child, .myprofile .right1 li:first-child{min-height: 50px;}

.chat-row{margin: 0 auto; width: 98%;}
.chat-row .chat-left{float:left; width:40%; border:1px solid #b1b1b1; padding: 10px;}
.chat-row .chat-left ul{margin: 0;}
.chat-row .chat-left li{float:left; width: 100%;}
.chat-row .chat-left li button{float:right; font-size: 14px; background: #f20; border: none; color: #fff; padding: 5px 10px; font-weight: bold;}
.chat-row .chat-left li button:hover{background: #000000;}
.chat-row .chat-left li:last-child{margin-top: 10px;}

.chat-row .chat-right{float:right; width: 58%; height: 480px; overflow-y: scroll; border:1px solid #b1b1b1; padding: 10px;}
.chat-row .chat-right .left{float:left; width:55%;}
.chat-row .chat-right .left p{ background: #E6E9ED; color: #242424; padding: 8px; border-radius:5px; float:left; width: auto;}
.chat-row .chat-right .left span, .chat-row .chat-right .right span{font-size: 12px; font-weight: bold; float: right;}

.chat-row .chat-right .right{float:right; width:55%;}
.chat-row .chat-right .right p{ background: #56A8E3; color: #fff; padding: 8px; border-radius:5px; float:right; width: auto;}

.admin-agent-location{float:left; width: 100%; padding: 0 5px 0 15px;}
.admin-agent-location .left-side{float:left; width: 25%; border-right: 2px solid #f20;}
.admin-agent-location .left-side h2{float:left; margin:0 0 15px; padding:5px 15px; font-size:20px; background:#286090; color:#fff;}
.admin-agent-location .left-side select{width: 80%; padding: 5px;}
.admin-agent-location .left-side ul{margin: 0; padding: 0;}
.admin-agent-location .left-side li{border-bottom: 1px dashed #242424; width: 90%; margin-bottom: 5px; padding-bottom: 3px;}
.admin-agent-location .left-side li a{text-decoration: none; color:#242424;}
.admin-agent-location .left-side li a:hover{color:#f20;}
.admin-agent-location .right-side{border:1px solid #016bb5; float:right; width: 74%;}
#map_canvas {height: 700px; width: 100%; margin: 0px; padding: 0px;}

.gm-style .gm-style-iw-d h3{font-size: 20px; margin-bottom: 15px; color: #0079c6 !important;}
.gm-style .gm-style-iw-d p{font-size:14px; color: #242424;}
.gm-style .gm-style-iw-d a{font-size:14px; color: #000000; font-weight: bold;}


/*-----------Notification Footer ----------------*/
.notification-bar {position: fixed; top: 45%; right:0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);	z-index: 999;}
.notification-bar a, .notification-bar button {cursor:pointer; display: block; text-align: center; padding:10px 8px; transition: all 0.3s ease; color: white; font-size:20px;}
.notification-bar a:hover, .notification-bar button:hover {background-color: #878787;}
.notification-bar .badge{background-color: #000; border-radius:0; padding: 5px 0; min-width: 30px;}
.notification-bar button .fa{width: 20px; text-align: center; color: #fff;}
.complaint-icon {background: #f2c200; color: #fff; border: 0;}
.requirment-icon{background: #d82d2d; color: #fff; border: 0;}
.feedback-icon{background: #689c1e; color: #fff; border: 0;}
.addition-icon{background: #1b85e8; color: #fff; border: 0;}
.order-icon{background: #0e705a; color: #fff; border: 0;}
.agent-icon{background: #c41be8; color: #fff; border: 0;}
/*.notification-bar button{background: #037bc7;  color: white;border: 0;}*/
.notification-bar button::before {content:'\f086' font-family: 'FontAwesome'; color: #fff !important;}

.chat-icon {background: #037bc7; color: white; border: 0;}
.open-button {background-color: #555; color: white; padding: 16px 20px; border: none; cursor: pointer; opacity: 0.8; position: fixed; bottom: 23px; right: 28px; width: 280px; z-index:9999 !important;}

.chat-popup {display: none; position: fixed; top: 28.9%; right:5.1%; border:1px solid #000; z-index: 9; background: #fff;}
.chat-popup1 {display: none; position: fixed; top: 34%; right:5.1%; border:1px solid #000; z-index: 9; background: #fff;}
.chat-popup2 {display: none; position: fixed; top: 39.6%; right:5.1%; border:1px solid #000; z-index: 9; background: #fff;}
.chat-popup3 {display: none; position: fixed; top: 45%; right:5.1%; border:1px solid #000; z-index: 9; background: #fff;}
.chat-popup4 {display: none; position: fixed; top: 50.5%; right:5.1%; border:1px solid #000; z-index: 9; background: #fff;}
.chat-popup5 {display: none; position: fixed; top: 55.9%; right:5.1%; border:1px solid #000; z-index: 9; background: #fff;}

.form-container {max-width: 300px; background-color: white;}
.form-container h2{text-align:center; background: #000; font-size: 14px; color: #fff; padding:10px 0; margin-top: 0}
.form-container li{list-style: none; padding:5px; float:left; width: 300px; border-bottom: 1px solid #242424; margin-bottom: 5px;}
.form-container li p{margin-bottom: 0; color: #000; font-size:12px;}
.form-container a {float: left; text-decoration: none; text-align: center; background-color: #4CAF50; color: white; padding: 10px; border: none; cursor: pointer; width: 45%; margin: 0 2.5% 10px; opacity: 0.8;}
.form-container .cancel {background-color: red;}
.form-container .btn:hover, .open-button:hover {opacity: 1;}

.bottom-page {float:left; width:100%; margin-top:0px; text-align:center;}
/*-------------Responsive Css----------------*/
@media only screen and (min-width:320px) and (max-width:479px){
	#header{width:300px;}
	#header .right{margin-top:20px;}
	.logo_admin{width:50%;}
	.admin_button{width:50%; margin-top:10px;}
	.navbar-default .navbar-nav > li > a{text-align:left !important;}
	.border1{padding:20px 15px; margin-bottom:20px;}
	.border1 .form-group input[type="file"]{margin-bottom:10px;}
	#container{width:90%;}
	#login{width:90%; margin:20px auto 20px;}
	.find-cust{width:100%; float:left; margin:20px 0;}
	.find-cust li:first-child{width:76%;}
	.find-cust li:nth-child(2){width:23%;}
	.filter1, .new-visitor, .new-visitor li{width: 99%;}
	.list-form li{width:49% !important;}
	.admin-agent .top{display: none;}

	.myprofile, .admin-cd-form{width: 98%;}
	.admin-cd-form li{width: 99%;}
	.myprofile .top li, .myprofile .left1, .myprofile .right1, .myprofile p, .myprofile span {width:100%;}
}
@media only screen and (min-width:480px) and (max-width:599px){
	#header{width:460px;}
	#header .logo{float:none; margin:0 auto;}
	#header .right{float:none; margin:20px auto 0;}
	.logo_admin{width:28%;}
	.admin_button{width:50%; margin-top:10px;}
	.border1{padding:20px 15px; margin-bottom:20px;}
	.border1 .form-group input[type="file"]{margin-bottom:10px;}
	#container{width:90%;}
	#login{width:90%; margin:20px auto 20px;}
	.find-cust{width:100%; float:left; margin:20px 0;}
	.filter1, .new-visitor, .new-visitor li{width: 99%;}
	.list-form li{width:49% !important;}

	.admin-cd-form, .myprofile{width: 90%;}
	.admin-cd-form li, .myprofile .top li, .myprofile .left1, .myprofile .right1{width: 99%;}
}
@media only screen and (min-width:600px) and (max-width:767px){
	#header{width:580px;}
	.logo_admin{width:25%;}
	.admin_button{width:30%; margin-top:30px;}
	.border1{padding:20px 15px; margin-bottom:20px;}
	.border1 .form-group input[type="file"]{margin-bottom:10px;}
	#container{width:60%;}
	#login{width:60%; margin:20px auto 20px;}
	.find-cust{width:70%;}
	.filter1, .new-visitor, .new-visitor li{width: 99%;}
	.list-form li{width:32% !important;}

	.admin-cd-form, .myprofile{width: 90%;}
	.admin-cd-form li, .myprofile .top li, .myprofile .left1, .myprofile .right1{width: 99%;}
}
@media only screen and (min-width:768px) and (max-width:991px){
	#header{width:748px;}
	.logo_admin{width:22%;}
	.admin_button{width:85%; float:none; margin:10px auto 0;}
	.border1{padding:20px 15px; margin-bottom:20px;}
	.border1 .form-group input[type="file"]{margin-bottom:10px;}#container{width:60%;}
	.list-form li{width:32% !important;}
	#login{width:60%; margin:20px auto 20px;}
	.find-cust{width:70%;}

	.filter1, .new-visitor{width: 99%;}
	.new-visitor li{width: 49%;} 
	.new-visitor li p{width: 30%;}
	.new-visitor li span{width: 70%;}

	.admin-cd-form{width: 90%;}
	.admin-cd-form li{width: 49%;}
	.myprofile{width: 98%;}
	.myprofile p{width: 38%;}
	.myprofile span{width: 62%;}
}

@media only screen and (min-width:992px) and (max-width:1024px){
	#header{width:972px;}
	.logo_admin{width:20%;}
	.admin_button{width:auto; float:right;}
	.border1{padding:20px 15px; margin-bottom:20px;}
	.border1 .form-group input[type="file"]{margin-bottom:10px;}#container{width:60%;}
	
	#login{width:60%; margin:20px auto 20px;}
	.find-cust{width:70%;}
	.filter1, .new-visitor{width: 99%;}
	.list-form li{width:33%;}

	.admin-cd-form{width: 80%;}
	.myprofile{width: 98%;}
}

@media only screen and (min-width:1025px) and (max-width:1240px){
	#header{width:1024px;}
	.logo_admin{width:20%;}
	.admin_button{width:auto; float:right;}
	.border1{padding:20px 15px; margin-bottom:20px;}
	.border1 .form-group input[type="file"]{margin-bottom:10px;}#container{width:60%;}
	#login{width:60%; margin:20px auto 20px;}
	.filter1, .new-visitor{width: 99%;}
	.list-form li{width:33%;}
	
	.admin-cd-form{width: 80%;}
	.myprofile{width: 98%;}
}