@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700,600);
*{ font-family:"Open Sans", Arial, Helvetica, sans-serif;}
body{ background:#fff; font-size:12px;}

	a{
		cursor: pointer;
		color: #4169E1;
	}

.action .fa{ margin:0px 2px;}
.m-t-0{ margin-top:0px !important}
.m-b-0{ margin-bottom:0px !important}
.m-b-5{ margin-bottom:5px !important}
.m-b-10{ margin-bottom:10px !important}
.m-b-15{ margin-bottom:15px !important}
.m-r-0{ margin-right:0px !important;}
.p-r-0{ padding-right:0px !important;}

/* login Panel */
body.loginPage{ /*background:url(../images/bg.jpg) no-repeat;*/ background: #33adf3; }
.clearfix{ clear:both; float:none;}
.login-box{ background:#f1f2f4; border:1px solid #c5c5c8; box-shadow:2px 2px 2px #777; padding:30px; margin:0px auto; float:none; border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; margin-top:100px;}
.login-box input[name=username], .login-box input[name=password]
{ height:80px !important; font-size:24px !important;text-align:center; background:#e5e7e9; color:#333; font-weight:300; border:1px solid #ddd;}
.logo {display: block; margin: 0 auto 10px; text-align: center;}
.logo h2{ font-size:30px; color:#fff; margin:30px;}
.logo{margin: 0 auto 10px; display: block; text-align:center;}
.login-box .form-group { margin-bottom:0px;}
.login-box .form-group.email{ border-bottom:1px solid #ccc;}
.login-box input:focus{ box-shadow:none; border-color:#66afe9 !important;}
.login-box .login{ font-size:30px; line-height:45px; background-color:#33adf3; color:#fff; border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; margin-top:20px;}
.login-box .email input{ border-radius:4px 4px 0px 0px;}
.login-box .password input{ border-radius:0px 0px 4px 4px; border-top:1px solid #fff; }
.remember-wrap label { font-weight: normal; font-size: 15px; }
.req{ color:#FF0000;}
.nopadding{ padding:0px !important}
.nmargin{ margin-left:-8px;}
.icon-link{ font-size:25px}
.top-buffer { margin-top:20px !important; }
.left-buffer { margin-left:20px !important; }
.right-buffer { margin-right:20px !important; }
.form-control{ height:30px; border-radius:2px;}

/* Navbar */
.navbar{ min-height:68px; background:url(../images/header-bg.png) #fff200 left bottom repeat-x; border:0px; }
.navbar-brand{color:#fff !important; font-size:24px; font-weight:700; width:136px; text-align:center; line-height:24px; height:auto; margin-bottom:-1px; padding:10px 30px;}
.navbar .navbar-toggle{ float:left; margin-left:10px;}
.navbar-brand:hover, .navbar-brand:focus{ background:none !important;}
.navbar .navbar-right{ background:none;}
.navbar .navbar-right li{ padding:20px 10px;}
.navbar .navbar-right li a{ padding:0px; text-align:center; color:#fff; font-size:13px;}
.navbar .navbar-right li a:hover{ color:#33adf3;}
.navbar .navbar-right .fa{ color:#221e1f; font-size:26px;}
.navbar .fa-stack{ margin-right:10px;}
.navbar .fa-stack .badge{ background-color: #f63b3b; border: 2px solid #fff200; border-radius: 100%; display: block; height: 24px; line-height: 20px; padding: 0 !important;position: absolute; right: -10px; top:-10px; width: 24px; font-size:10px;}
.navbar .page-title{ float:left; color:#333; font-size:22px; padding:20px; font-weight: bold; }
.navbar-fixed-top .container-fluid{ padding:0px;}
.navbar-default .navbar-toggle{ padding:0; border:none; font-size:24px; margin-top: 20px;}


/* Dashboard Panel */
.bg-blue{ background-color:#25aae1 !important;}
.bg-green{ background-color:#2cce88 !important;}
.bg-red{ background-color:#f66455 !important;}
.panel{ border-radius:2px; border:0px;}
.bg-dark{ background-color:#4a516a !important;}
.panel-default .panel-heading{ padding:7px; font-size:13px; border:0px;}
.panel-default .panel-title{ float:left; color:#fff; text-transform:uppercase; font-weight:600; font-size:13px;}
.panel-default .panel-title .fa{ margin-right:10px;}
.panel-default .panel-heading a{ float:right; color:#fff; text-decoration:underline;}
.panel-default ul{ padding:0px; margin:0px;}
.panel-default ul li{ list-style:none; font-size:15px; border-bottom:1px solid #eee;}
.panel-default ul li:last-child{ border:0px;}
.panel-default ul li .date{ font-size:13px; color:#c1c1c1;}
.panel-default ul li .fa-angle-right{ color:#b2b8bc; border:1px solid #b2b8bc; border-radius:100% 100% 100% 100%; width:24px; height:24px; margin-top:15px; left:auto; right:10px;}
.panel .panel-body{ border:1px solid #ccc; border-radius:0px ;}
.panel .panel-body h4{ font-size:13px; margin:4px 0px;}
.panel .panel-body p{ margin-bottom:5px;}
.panel .panel-body table{ border:0px; margin-bottom:0px;}
.panel .panel-body table tr td{ padding:7px 15px; font-size:12px; line-height:12px;vertical-align: middle; border-width:1px 0px 0px 0px;}
.panel .panel-body table tr td:last-child{ border-bottom:0px;}
.panel h3{ margin:0px;}
table h4{ margin:0px; font-size:12px; font-weight:700; padding:2px 0px;}

/* hScroll */
.hScroll{text-align:center;}
.hScroll .fa-angle-right, .hScroll .fa-angle-left{ font-size:40px; color:#60c3ef; vertical-align:2px; margin:8px 0px;}
.hScroll .pane{ border-radius:4px; border:3px solid #49b3e6; display:inline-block; width:65%; height:30px; position:relative }
.hScroll .bar{ position:absolute; left:10%; top:-6px; background-color:#488fcc; width:20px; height:35px; display:inline-block; border-radius:5px;}

.vScroll{ text-align:center;}
.vScroll .fa-angle-up, .vScroll .fa-angle-down{ font-size:46px; color:#60c3ef; margin:0px; line-height:0.3em;}
.vScroll .arrow{ display:block; height:20px;}
.vScroll .pane{ border-radius:4px; border:3px solid #49b3e6; display:inline-block; width:30px; height:80px; position:relative }
.vScroll .bar{ position:absolute; left:-6px; top:20px; background-color:#488fcc; width:35px; height:20px; display:inline-block; border-radius:5px;}

/* icons */
.note{}

/* icons */
.icons { text-align:center;}
.icons .fa{ font-size:40px; text-align:center; width:60px; height:60px; display: inline-block; color:#59595c; text-shadow:2px 2px rgba(255,255,255,0.7);
  margin: 10px;
  padding: 8px 8px;
  background: #dbedfb;
  border: 2px solid rgba(169,188,206,1);
  border-radius: 8px;
  transition: all 0.3s ease-out;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    0 2px 2px rgba(0,0,0,0.3),
    0 0 4px 1px rgba(0,0,0,0.2);
	box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    0 2px 2px rgba(0,0,0,0.3),
    0 0 4px 1px rgba(0,0,0,0.2),
    inset 0 3px 2px rgba(255,255,255,.22),
    inset 0 -3px 2px rgba(0,0,0,.15),
    inset 0 20px 10px rgba(255,255,255,.12),
    0 0 4px 1px rgba(0,0,0,.1),
    0 3px 2px rgba(0,0,0,.2);}
.icons .small{ font-size:16px; width:24px; height:24px;border-radius: 3px; padding:2px; font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight:800; margin:5px 10px;}

.icons a{-webkit-background-size: cover; -moz-background-size: cover !important; background-size: cover !important; -o-background-size: cover !important;}
.icons a{ height:40px;width:40px; display:inline-block; margin:0px 0px 10px 9px;}
.icons a.address-book{ background:url(../images/icons/address_book.png) no-repeat;}
.icons a.print{ background:url(../images/icons/print.png) no-repeat;}
.icons a.add{ background:url(../images/icons/add.png) no-repeat;}
.icons a.copy{ background:url(../images/icons/copy.png) no-repeat;}
.icons a.fax{ background:url(../images/icons/fax.png) no-repeat;}
.icons a.search{ background:url(../images/icons/search.png) no-repeat;}
.icons a.trash{ background:url(../images/icons/trash.png) no-repeat;}
.icons a.view{ background:url(../images/icons/view.png) no-repeat;}
.icons a.turninto{ background:url(../images/icons/turninto.png) no-repeat;}

/* Breadcrumb */
.breadcrumb{ background:#fff; border-bottom:1px solid #e7e7e7; border-radius:0px 0px 0px 0px; -webkit-border-radius:0px 0px 0px 0px; padding:0px 10px 10px; margin: 0px 0px 10px}
.breadcrumb li{ font-size:13px; letter-spacing:0.06em;}
.breadcrumb li.active{ color:#333333;}
.breadcrumb li a{ color:#777777;}

/* Mailing List */
.add-new, .btn-trash, .btn-import{ font-size:15px; color:#fff; text-transform:uppercase; border:0px; border-radius:3px; padding:6px 10px; margin:auto}
.add-new{
	background-color:#2cc78f;
}
.add-new:hover{ background-color:#14a873; color:#fff;}
.table-striped > tbody > tr:nth-of-type(2n+1){ background-color:#fff;}
.table-responsive .search .input-group-addon{background-color:#f4f4f4; padding:8px;}
.pagination{ margin:0;}
.search .form-control{ height:35px;}
.search .dropdown-menu > li > a{ line-height:28px; color:#aaa;}
.search .btn{background-color:#f4f4f4; padding:6px 16px;}
.search .btn-group.open a.dropdown-toggle{ box-shadow:none; -webkit-box-shadow:none; color:#aaa !important;}
.search .btn-group a.dropdown-toggle{ color:#aaa !important; text-decoration:none; cursor:pointer;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ /*padding:5px 10px;*/ padding: 0px; }


/* Add Prospect */

form{ background:#fff; padding:0px; }
.title{ margin:10px 0px 0px 0px;}
.title span{ display:inline-block; margin:0px auto; border-bottom:3px solid #f4d83c; padding-bottom:5px; }

.add-prospect form input{ box-shadow:none; height:35px; color:#ddd}
.add-prospect form label{ font-weight:300; font-size:16px;}
.btn-default{ color:#777; text-transform:uppercase; border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; font-size:15px;}
.btn-success, .btn-info, .btn-danger, .btn-primary{ text-transform:uppercase; border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; font-size:15px;}

/* Panel */
.panel-body{ padding:0px;}

/* Table */
.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f4f1f1;
}
.no-h-border th, .no-h-border td{ border-color:#919194; border-width:0px 1px 0px 1px !important;}
table.text-right th{ text-align:right !important;}
table { font-weight:500;}
th{ padding:10px 15px; background-color:#25aae1; color:#fff; font-weight:bold;}

/* .col-centered */

.col-centered{float: none; margin: 0 auto;}
.col-centered .title{ margin-bottom:30px;text-align:center;}
.col-centered .title span{ display:inline-block; margin:0px auto; border-bottom:3px solid #f4d83c; padding-bottom:5px; }
.col-centered form{ background:#fff; padding:0px; border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border:0px solid #dadada;}
.col-centered form input{ box-shadow:none; height:35px; color:#ddd}
.col-centered form label{ font-weight:300; font-size:14px; letter-spacing:0.03em; font-weight:500;}
.col-centered .sub-title{ border-bottom:3px solid #555; margin:0px 0px 15px 0px; padding-bottom:5px;}
.col-centered .at{ font-size:25px;}
.add-quote form input{ color:#000000;}
/* .col-centered */
.adv-search{ margin-left:10px;}

/* .invoices */
.invoices{ background-color:#FFFFFF; padding:40px; border:1px #ccc solid;}
.invoices h3{ margin:0px;}
.invoices .panel-default address{ margin-bottom: 0px;}
.invoices .items-table th{ background-color:#33adf3; color:#FFFFFF;}
.invoices .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.invoices .width-auto{ width:auto;}
.width-150{ width:150px;}

@media (max-width: 1199px) {
.nmargin{ margin-left:0px;}
.icons{ margin-top:0px; }
.icons a{ margin-left:20px;}
}
@media (min-width: 768px){
.navbar-right {
    margin-right: 0px;
	}
}
@media (max-width: 768px) {
  .navbar .navbar-toggle{ margin-top:20px;}
  .navbar .container-fluid{ padding:0px;}
  .navbar .navbar-header{ float:left;}
  .navbar .navbar-right{ float:right; margin:0px;}
  .navbar .navbar-right li{ float:left; padding:24px 5px;}
  .navbar .page-title{ float:none; clear:both; width:100%; background:#f4f4f4; }
  #wrapper{ margin-top:120px;}
  .navbar .page-title{ font-size:18px; padding:10px;}
  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background:none;}
  .navbar-default .navbar-toggle .icon-bar{color:#221e1f; background-color:#221e1f;}
  .icons a{ margin-left:4px; width:40px; height:40px;}
  }

@media (max-width: 414px) {
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ width:100% !important; padding:0px !important;}
.row{margin:0px !important;}
.container-fluid{ padding:0px !important;}
.note{width: 80% !important;}
.vScroll{width: 16% !important; text-align:right;}
.hScroll{margin-bottom:15px;}
.icons { text-align:left; width:80% !important;}
.icons a{width:50px; height:50px; margin-left:20px;}
.table{ /*margin-bottom:15px !important;*/ margin-bottom: 0px; }
}

/* .ipad */
.ipad .icons a{ margin-left:14px; width:50px; height:50px;}
.ipad #wrapper{ padding-left:0px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:none;}

/* .table  */

.vHead th, .vHead td{ border-bottom-width:1px !important; }
.table > tbody > tr > td{ /*padding:3px 10px !important;*/ padding: 0px; }
.h3, h3 {font-size:18px;}

/*Added by ronak for safari isssue for inputbox*/
#frmUs input{-moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important;outline: none !important;font-size: 10px;line-height: 15px;-webkit-padding-start:0px;}
.addanote {cursor: pointer;color: blue;}

.thheader1, .thheader2, .thheader3, .thheader4, .thheader5, .thheader6, .thheader7, .thheader8, .thheader9,
.trrow1, .trrow2, .trrow3, .trrow4, .trrow5, .trrow6, .trrow7, .trrow8, .trrow9
{
	float: left;
	padding-left: 1%;
	padding-right: 1%;
}
.thheader1, 
.trrow1
{
	width: 10%;
}
.thheader2, 
.trrow2
{
	width: 17%;
}
.thheader3,
.trrow3
{
	width: 19%;
}
.thheader6, .thheader8, .thheader9,
.trrow6, .trrow8, .trrow9
{
	width: 8%;
}
.thheader10{width: 5%; float: left;padding-left: 1%;padding-right: 1%;}
.thheader4, .thheader7, 
.trrow4, .trrow7
{
	width: 10%;
}
.thheader5,  
.trrow5
{
	width: 8.66%;
}

/*FOR PROSPECT LIST*/
.p-thheader1, .p-thheader2, .p-thheader3, .p-thheader4, .p-thheader5, .p-thheader6, .p-thheader7, .p-thheader8,
.p-trrow1, .p-trrow2, .p-trrow3, .p-trrow4, .p-trrow5, .p-trrow6, .p-trrow7, .p-trrow8
{
  float: left;
  padding: 8px;
}
.p-trrow1, .p-trrow2, .p-trrow3, .p-trrow4, .p-trrow5, .p-trrow6, .p-trrow7, .p-trrow8, .p-trrow9{
	height: 70px;
}
.p-thheader1, 
.p-trrow1
{
  width: 15%;
}
.p-thheader2,
.p-trrow2
{
        width: 20%;
}
.p-thheader3,
.p-trrow3
{
        width: 20%;
}
.p-thheader6, 
.p-trrow6
{
        width: 15%;
}
.p-thheader7, 
.p-trrow7
{
        width: 4%;
}
.p-thheader4, .p-thheader8,
.p-trrow4, .p-trrow8
{
        width: 7%;
}
.p-thheader9{width: 5%;}
.p-thheader9{float: left; padding-left: 1%; padding-right: 1%;}
.p-thheader5, 
.p-trrow5
{
        width: 5%;
}

/*FOR QUOTES LIST*/
.q-thheader1, .q-thheader2, .q-thheader3, .q-thheader4, .q-thheader5, .q-thheader6, 
.q-trrow1, .q-trrow2, .q-trrow3, .q-trrow4, .q-trrow5, .q-trrow6 
{
        float: left;
	padding-left: 1%;
	padding-right: 1%;
}
.q-thheader1, 
.q-trrow1
{
        width: 10%;
}
.q-thheader2, 
.q-trrow2
{
        width: 30%;
}
.q-thheader3,
.q-trrow3
{
        width: 10%;
}
.q-thheader4,
.q-trrow4
{
        width: 30%;
}
.q-thheader5,
.q-trrow5
{
        width: 10%;
}
.q-trrow5
{
		text-align: right;
}
.q-thheader6, 
.q-trrow6
{
        width: 10%;
}

/*FOR PROSPECT LIST*/

@media only screen and (max-width: 1000px) {
	.thheader1, .thheader2, .thheader3, .thheader4,
	.trrow1, .trrow2, .trrow3, .trrow4,
        .p-thheader1, .p-thheader2, .p-thheader3, .p-thheader4,
        .p-trrow1, .p-trrow2, .p-trrow3, .p-trrow4,
        .q-thheader1, .q-thheader2, .q-thheader3, .q-thheader4,
        .q-trrow1, .q-trrow2, .q-trrow3, .q-trrow4
	{
		width: 25%;
	}

	.thheader5, .thheader6, .thheader7, .thheader8, .thheader9,
	.trrow5, .trrow6, .trrow7, .trrow8, .trrow9,
        .p-thheader5, .p-thheader6, .p-thheader7, 
        .p-trrow5, .p-trrow6, .p-trrow7, 
        .q-thheader5, .q-thheader6,  
        .q-trrow5, .q-trrow6 
	{
		display: none;
	}

}


@media only screen and (max-width: 800px) {
	.thheader1, .thheader2, .thheader4,
	.trrow1, .trrow2, .trrow4,
        .p-thheader1, .p-thheader2, .p-thheader4,
        .p-trrow1, .p-trrow2, .p-trrow4,
        .q-thheader2, .q-thheader3, .q-thheader4,
        .q-trrow2, .q-trrow3, .q-trrow4
	{
		width: 33%;
	}

	.thheader3, .thheader5, .thheader6, .thheader7, .thheader8, .thheader9,
	.trrow3, .trrow5, .trrow6, .trrow7, .trrow8, .trrow9,
        .p-thheader3, .p-thheader5, .p-thheadepr6, .p-thheader7, 
        .p-trrow3, .p-trrow5, .p-trrow6, .p-trrow7 ,
        .q-thheader1, .q-thheader5, .q-thheader6,  
        .q-trrow1, .q-trrow5, .q-trrow6 
	{
		display: none;
	}

}

@media only screen and (max-width: 480px) {
/* 	.thheader1, 
	.trrow1,
        .p-thheader1,
        .p-trrow1,
        .q-thheader2,
        .q-trrow2
	{
		width: 100%;
	} */

	.thheader2, .thheader3, .thheader4, .thheader5, .thheader6, .thheader7, .thheader8, .thheader9,
	.trrow2, .trrow3, .trrow4, .trrow5, .trrow6, .trrow7, .trrow8, .trrow9,
        .p-thheader2, .p-thheader3, .p-thheader4, .p-thheader5, .p-thheader6, .p-thheader7, 
        .p-trrow2, .p-trrow3, .p-trrow4, .p-trrow5, .p-trrow6, .p-trrow7 ,
        .q-thheader1, .q-thheader3, .q-thheader4, .q-thheader5, .q-thheader6, 
        .q-trrow1, .q-trrow3, .q-trrow4, .q-trrow5, .q-trrow6
	{
		display: none;
	}
}


.thheader{
	background: #25AAE1;
	color: #fff;
	font-weight: bold;
	border: 1px solid #fff;
	/* position: absolute; */
	z-index: 1;
}
.thheader1, .thheader2, .thheader3, .thheader4, .thheader5, .thheader6, .thheader7, .thheader8,
.p-thheader1, .p-thheader2, .p-thheader3, .p-thheader4, .p-thheader5, .p-thheader6, .p-thheader7,
.q-thheader1, .q-thheader2, .q-thheader3, .q-thheader4, .q-thheader5, .thheader9
{
	border-right: 1px solid #fff;
}
.trrow{
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.trrow1, .trrow2, .trrow3, .trrow4, .trrow5, .trrow6, .trrow7, .trrow8,
.p-trrow1, .p-trrow2, .p-trrow3, .p-trrow4, .p-trrow5, .p-trrow6, .p-trrow7,
.q-trrow1, .q-trrow2, .q-trrow3, .q-trrow4, .q-trrow5, .trrow9
{
	border-right: 1px solid #ccc;
}
.trrowbak{
}
.containthis{
	overflow-y: auto;
	border-bottom: 1px solid #ccc;
	font-family: arial;
}
.trrow9 a,
.p-trrow7 a,
.q-trrow6 a
{
	margin-left: 3px;
}


.trrow div
{
	word-wrap: break-word;
}
.trrow10{float: left; padding-left: 1%; padding-right: 1%;}
.trrow:nth-child(odd){
	background: #fff;
}
.trrow:nth-child(even){
	background: #ffffcc;
}

@media print {
	#printthisonly, #printthisonly * {
		visibility: visible;
	}
	#thescrollthing, #thescrollthing *, #notesdiv, #notesdiv *, #actioniconsdiv, #actioniconsdiv * {
		visibility: hidden;
	}
	#printthisonly {
		position: absolute;
		left: 0;
		top: 0;
	}
  a[href]:after {
      content: none !important;
  }
}

#customermapcontainer {
	width: 520px;
	padding: 10px;
	z-index: 100;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -260px;
	margin-left: -260px;
	border-radius: 8px;
	background: #fff;
	text-align: center;
}

#greyedbg {
	width: 100%;
	top: 0px;
	left: 0px;
	background: rgba(255, 255, 255, 0.75);
	z-index: 99;
	position: absolute;
}

#customermap {
	height: 500px; 
	width: 500px; 
	border-radius: 8px;
}

.white-back {
	width: 100%;
	left: 0px;
	top: 0px;
	background: #fff;
	opacity: 0.5;
	z-index: 100;
	position: absolute;
	display: none;
}
.white-back-forword {
	width: 100%;
	left: 0px;
	top: 0px;
	background: #fff;
	opacity: 0.5;
	z-index: 100;
	position: absolute;
	display: none;
}
.white-back-reply {
	width: 100%;
	left: 0px;
	top: 0px;
	background: #fff;
	opacity: 0.5;
	z-index: 100;
	position: absolute;
	display: none;
}

.email-box, 
.fax-box, 
.recent-orders-and-quotes,
.docs-box,
.turninto-box,
.print-box,
.batchprint-box,
.orderShipDate-box
{
	width: 350px;
	margin-left: -175px;
	margin-top: 0px;
	left: 50%;
	top: 20%;
	z-index: 101;
	position: fixed;
	background: #25AAE1;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 8px;
	display: none;
	color: #fff;
}

.chat-box{
	width: 650px;
	height:350px;
	margin-left: -175px;
	margin-top: 0px;
	left: 30%;
	top: 0;
	z-index: 101;
	position: absolute;
	background: #25AAE1;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 8px;
	display: none;
	color: #fff;
}

.view-message{
	width: 650px;
	height:380px;
	margin-left: -175px;
	margin-top: 0px;
	left: 30%;
	top: 0;
	z-index: 101;
	position: absolute;
	background: #25AAE1;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 8px;
	display: none;
	color: #fff;
}

.forword-view{
	width: 650px;
	height:380px;
	margin-left: -175px;
	margin-top: 0px;
	left: 30%;
	top: 0;
	z-index: 101;
	position: absolute;
	background: #25AAE1;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 8px;
	display: none;
	color: #fff;
}

.reply-view {
	width: 650px;
	height:380px;
	margin-left: -175px;
	margin-top: 0px;
	left: 30%;
	top: 0;
	z-index: 101;
	position: absolute;
	background: #25AAE1;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 8px;
	display: none;
	color: #fff;
}


.batchprint-box
{
	width: 200px;
	margin-left: -100px;
}
	.email-box form, 
	.print-box form, 
	.fax-box form,
	.orderShipDate-box form,
	.chat-box form
	.view-message form
	.forword-view form
	.reply-message form
	{
		background: #25AAE1;
	}

	.recent-orders-and-quotes .options-buttons {
		text-align: center;
		width: 95%;
		margin: 0 auto;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		background: #25AAE1;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.recent-orders-and-quotes .options-buttons-bottom {
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		width: 95%;
		margin: 0 auto;
	}
	.recent-orders-and-quotes .options-buttons input{
		color: #fff;
		width: 32%;
		background: #25AAE1;
		border: 1px solid #fff;
		border-radius: 5px;
		font-weight: bold;
	}
	.recent-orders-and-quotes .recent-orders,
	.recent-orders-and-quotes .recent-quotes
	{
		display: none;
		width: 95%;
		margin: 0 auto;
		background: #fff;
	}
	.recent-orders-and-quotes .recent-orders div,
	.recent-orders-and-quotes .recent-quotes div
	{
		cursor: pointer;
		text-indent: 10px;
		color: #000;
		padding-top: 5px;
		padding-bottom: 5px;
		margin: 0 auto;
		margin-top: 7px;
		margin-bottom: 7px;
		border-radius: 8px;
		border: 1px solid #25AAE1;
		width: 95%;
	}
	.recent-orders-and-quotes .recent-orders div:nth-child(odd),
	.recent-orders-and-quotes .recent-quotes div:nth-child(odd)
	{
		background: #ffffcc;
	}
	.recent-orders-and-quotes .recent-orders div:nth-child(even),
	.recent-orders-and-quotes .recent-quotes div:nth-child(even)
	{
		background: #fff;
	}

	.recent-orders-and-quotes .recent-orders,
	.recent-orders-and-quotes .recent-quotes
	{
		overflow-y: auto;
		height: 300px;
	}

.email-box-x {
	text-align: center;
}
	.email-box-x div {
		width: 95%;
		text-align: right;
		color: #fff;
		font-weight: bold;
		font-size: 15pt;
	}
		.email-box-x div span {
			cursor: pointer;
		}
.email-box-address {
	width: 95%;
	margin: 0 auto;
	margin-top: 10px;
}
.email-box-address input {
		color: #000;
		width: 100%;
}
.email-box-subject {
	width: 95%;
	margin: 0 auto;
	margin-top: 10px;
}
	.email-box-subject input {
		color: #000;
		width: 100%;
	}
.email-box-message {
	width: 95%;
	margin: 0 auto;
	margin-top: 10px;
}
	.email-box-message textarea {
		color: #000;
		width: 100%;
		height: 300px;
	}
.email-box-button {
	width: 95%;
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
}
	.email-box-button input[type=submit] {
		color: #000;
		width: 45%;
	}
.email-box-button-2 {
	width: 95%;
	margin: 0 auto;
	margin-top: 10px;
}
	.email-box-button-2 .buttdiv {
		width: 50%; 
		float: left;
	}
		.buttdiv input[type=submit] {
			width: 70%; 
			color: #25AAE1; 
			border-bottom-right-radius: 8px; 
			font-size: 15pt; 
			font-weight: bold;
		}

td span input.input_value {
	width: 90%;
}

.table-responsive table tbody tr:nth-child(odd) td{
	background: #fff;
	color:#000;
}
.table-responsive table tbody tr:nth-child(even) td{
	background: #ccc;
}

.recent-quote{
	width: 500px;
	margin-left: -250px;
	margin-top: -250px;
	left: 50%;
	top: 50%;
	z-index: 102;
	position: absolute;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 8px;
	display: none;
	border: 1px solid #25AAE1;
	background: #fff;
}
.priceqtychoices{
	text-align: center;
	border-bottom: 1px solid #25AAE1;
	padding-bottom: 10px;
}
.quotespecs{
	padding-top: 10px;
	width: 100%;
	margin: 0 auto;
	text-indent: 0px;
}

.input_value_new,
.input_value_notouch,
.input_notes_new
{
	width: 100%;
	/*border-radius: 5px;*/
	border: 0px;
	/*padding: 5px;*/
	background: transparent;
}

.input_value_new:focus, 
.input_value_notouch:focus,
.input_notes_new:focus
{
	background: rgba(37,170,225,0.35);
}

.input_value_new.has_error {
  background: #fff68a;
}

input[name=billToCity], input[name=shipToCity], input[name=city], input[name=shipcity]
{
	width: 40%;
}

input[name=billToState], input[name=shipToState], select[name=state], select[name=shipstate]
{
	width: 15%;
}

input[name=billToZip], input[name=shipToZip], input[name=zip], input[name=shipzip]
{
	width: 30%;
}

select.input_value_new,
select.input_value_notouch
{
	-webkit-appearance: none;
	-moz-appearance: none;
	text-overflow: '';
}

#company, 
#contact, 
#billToCompany, 
#shipToCompany 
{
	font-weight: bold;
}

.table thead tr th, 
.table tbody tr th, 
.table tbody tr td, 
.table .vHead tr th, 
.table .vHead tr td 
{
	vertical-align: middle;
	/*padding: 2px 5px;*/
	padding: 0px 5px;
}

#quantity1, #quantity2, #quantity3,
#price, #price1, #price2
{
	width: 90%;
}

#baseQuantity
{
	padding: 0px;
	-webkit-appearance: listitem;
	-moz-appearance: listitem;
}

input[name=plateCharge], 
input[name=atWork],
input[name=copyChange],
input[name=colorChange],
input[name=colorMatch]
{
	width: 90%;
}

input[name=plateChargeRate], 
input[name=atWorkRate],
input[name=copyChangeRate],
input[name=colorChangeRate],
input[name=colorMatchRate]
{
	width: 90%;
}

	.customer-div-1, 
	.quote-div-1
	{
		width: 660px;
	}

	.quote-table-1 {
		margin-bottom: 0px; 
		width: 660px;
	}
		.quote-table-1 thead tr th:nth-child(1) {
			width: 350px;
		}
		.quote-table-1 thead tr th:nth-child(2), 
		.quote-table-1 thead tr th:nth-child(3) 
		{
			width: 200px;
		}

	.quote-table-2, 
	.customer-table-2, 
	.invoice-table-2
	{
		width: 125px;
	}

	.quote-div-2, 
	.customer-div-2, 
	.invoice-div-2
	{
		width: 125px; 
		padding: 0px; 
		margin-left: 15px;
	}
	.icons2 {
		width: 125px; 
		padding: 0px; 
		margin: 0px; 
		font-size: 12pt;
	}
	.icons3 {
		width: 100%;
		padding: 0px; 
		margin: 0px; 
		font-size: 12pt;
	}
		.icons2 a, 
		.icons3 a
		{
			margin: 0px; 
			padding: 0px; 
			float: left; 
			text-align: center;
			text-decoration: none;
			line-height: 1.2;
		}
		.icons2 a br, 
		.icons3 a br
		{
			margin: 0px; 
			padding: 0px; 
		}
		.icons2 a:nth-child(1) 
		{
			margin-left: 7px;
		}
		.icons3 a:nth-child(1)
		{
			margin-left: 12px;
		}
		.icons2 a b.b1, 
		.icons2 a b.b2, 
		.icons3 a b.b1, 
		.icons3 a b.b2 
		{
			padding: 0px 5px; 
			margin: 0px 5px; 
			border-radius: 3px;
		}
			.icons2 a b.b1, 
			.icons3 a b.b1 
			{
				background: #25AAE1; 
				color: #fff; 
				border: double #23527c; 
			}
			.icons2 a b.b2, 
			.icons3 a b.b2 
			{
				background: #ccc; 
				color: #25AAE1; 
				border: double #888; 
			}
	.hscroll2 {
		width: 125px; 
		margin: 0px;
	}
	.hscroll3 {
		width: 100%; 
		margin: 0px;
		padding: 0px;
	}
		.hscroll2 i 
		{
			font-size: 25px;
		}
		.hscroll3 i
		{
			font-size: 15px;
		}
	#myslide {
		width: 60px;
	}
	.customer-table-3 {
		width: 250px;
	}
		.rowleft {
			width: 50%;
			float: left;
			margin-left: 0px;
			margin-right: 0px;
			padding: 0px;
		}
	.quote-table-3, 
	.customer-div-3
	{
		width: 800px;
	}

		.quote-table-3 thead tr td {
			text-align: right;
		}
		/*.quote-table-3 thead tr th:nth-child(1) {
			width: 100px;
		}
		.quote-table-3 thead tr th:nth-child(2) {
			width: 100px;
		}
		.quote-table-3 thead tr td:nth-child(1) {
			width: 300px;
		}
		.quote-table-3 thead tr td:nth-child(2), 
		.quote-table-3 thead tr td:nth-child(3), 
		.quote-table-3 thead tr td:nth-child(4) {
			width: 100px;
		}*/
	.quote-form-desktop,
	.customer-form-desktop,
	.invoice-form-desktop,
	.order-form-desktop
	{
		width: 800px;
	}

	#notesdiv {
	}
	#actioniconsdiv {
		padding: 0px;
		float: right;
	}

.docs-box-list{
	margin: 0 10px;
	background: #fff;
	border-radius: 5px;
	padding: 10px 10px;
	color: #000;
}
	.docs-box-list ul{
		color: #25AAE1;
	}

.table{
	margin-bottom: 5px; 
}

#pdftopng{
	width: 200px;
	border-radius: 5px;
	padding: 5px;
	background: #25AAE1;
}
	#pdftopng img{
		width: 100%;
		border-radius: 5px;
	}
	#pdftopng:after { 
		content: ''; 
		position: absolute; 
		right: 0; 
		top: 45px; 
		width: 0; 
		height: 0; 
		border: 10px solid transparent; 
		border-left-color: #25AAE1; 
		border-right: 0; 
		margin-top: -20px; 
		margin-right: -10px; 
	}

#overlay-black {
  background: rgba(0, 0, 0, 0.6);
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1100;
}

#pdfDialog {
  background: #25AAE1;
  display: none;
  padding: 3px;
  position: absolute;
  top: 130px;
  left: 365px;
  width: 300px;
  height: auto;
  z-index: 1110;
}

  #pdfDialog img {
    width: 100%;
    height: 100%;
  }

  #pdfDialog .popup-title {
    background: #25AAE1;
    position: relative;
  }

  #pdfDialog .popup-title h6 {
    color: #fff;
    font-size: 13px;
    margin: 5px 10px 9px;
  }

  #pdfDialog .close-dialog {
    background: #fff;
    border-radius: 20px;
    opacity: 0.8;
    position: absolute;
    top: -1px;
    right: 6px;
    text-align: center;
    width: 18px;
    height: 18px;
  }

  #pdfDialog .close-dialog:hover {
    opacity: 1;
  }

  #pdfDialog .close-dialog i {
    color: #25AAE1;
  }
#pdfDialog .download {
    text-align: center;
  }
  #pdfDialog .download a {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 5px 0;
  }
  #pdfDialog .download a:hover {
    text-decoration: underline;
  }
.overlay-loading {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.overlay-loading img {
  margin-top: 45vh;
}
.navbar .navbar-header {
  position: relative;
  z-index: 9;
}
.search.main-search {
  max-width: 100%;
  width: 500px;
}
.progressbar-wrap {
  background: #ddd;
  border-radius: 5px;
  position: absolute;
  top: 55%;
  left: 10%;
  width: 80%;
  height: 30px;
}
.progressbar-wrap #mybar {
  background: #4CAF50;
  border-radius: 5px;
  height: 30px;
  width: 0;
}
.center14percent { 

	text-align: right; 

	width:14%;
}
/*********************** by meander designer*********************************/
.chat-hd{
background: #269abc !important;
}

.table-responsive #user_details {
    height: 350px;
    width: 100%;
    margin-left: 6px;
    padding: 5px 0px 5px;    
    overflow-y: scroll;
	z-index:-1;
}

#online-user-curent {
	margin-left: 19px;
}
h4.current-usr-name-current {
    display: -webkit-inline-box;
}
.ui-dialog .ui-dialog-content{z-index:999 !important;}
.ui-front.ui-draggable{top:12% !important;}
.chat-box .table-responsive{overflow-x:hidden;}
.chat-box{ min-height: 460px;z-index:10 !important;}
.view-message{ max-height: 380px;z-index:10 !important;}
.forword-view{ max-height: 380px;z-index:10 !important;}
.reply-view{ max-height: 380px;z-index:10 !important;}

.emojionearea .emojionearea-editor {
	
	min-height:6em !important;
}

.emojionearea .emojionearea-button {
	display:none;
}

#showMessageSuccess {
	font-size:16px;
	color:#ff0000;
	padding:20px;
}

.messageisuread {
	font-weight:bold;
	color:gray;
	height:36px;
}
.view-message-body {margin-left:10%;}
.forword-view-message-body {margin-left:10%;}
.view-message-body-reply {margin-left:10%;}

.open-order {
	position: relative;
}

.open-order span {
	position: absolute;
	top: -20px;
	left: 20px;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	padding: 10px 0;
	font-size: 12px;
	font-weight: normal;
	background: #f63b3b;
}

.open-order-amount {
	width: 300px;
	font-size: 14px;
	line-height: 20px;
	color: #f63b3b;
	margin-top: 10px;
}

.open-order-amount span {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}

.tableorder {
	margin-bottom: 10px;
}
.tableorder tr .description {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 150px;
}

.tableorder tfoot tr td {
	padding-bottom: 10px;
}
.pagination {
	margin-top: 10px;
}

.invoices tr th a {
	color: #ffffff;
	text-decoration: none;
}
.invoices tr th a:hover {
	color: #ffffff;
	text-decoration: none;
}
#shipToState option { color:#333; }
.empty { color: gray; }
.panel-default ul li.clearfix {
	padding: 5px 10px 0px 10px;
}

.tableorder tbody  tr  td .tooltip,
.tableinvoice tbody  tr  td .tooltip,
.tableinvoice tbody > tr > td > a, 
.tableorder tbody > tr > td > a {
	display: inline-block;
}
a.button.btn {
	width: 200px;
	background: #000;
	color: #fff;
	margin: auto;

}
@media (max-width: 768px) {
.reply-view,	
.forword-view,	
.view-message {
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	left: 0%;
	top: 16%;

}
.trrow .p-trrow8 {
	word-wrap: break-word;
	float: right;
	width: 38.2%;
}
}