/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

* {
	margin: 0;
	padding: 0;
}

html,body {
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	background-color: #fefefe;
	min-height: 100%;
	height: 100%;
}

a {
    text-decoration: none;
}
#page_container {
	position:relative;
	padding-top: 1%;
	min-height: 65vh;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

header {
	min-height: 10%;
}
/** footer start **/
.footer {
	width: 100%;
	border: 0;
	padding: 10px 0;
	text-align: center;
	background-color: aliceblue;;
	border-top: 1px solid #ccc;
	border-bottom: 0;
	max-height: 100%;
	min-height: 25%;
}

.footer a {
	cursor: pointer;
	text-decoration: none;
	color: #000;
}

/** footer end **/

.container {

}
/*

.tootip {
	cursor:pointer;
}
.tooltip.show {
	opacity: 1;
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #000;
    text-align: center;
    background-color: #fff;
    border-radius: .25rem;
    border: 1px solid #aaa;
    font-size: 14px;
    opacity: 1;
}


[data-placement="top"] + .tooltip > .tooltip-arrow { border-top-color: #8447cf;}

[data-placement="right"] + .tooltip > .tooltip-arrow { border-right-color: #8447cf;}

[data-placement="bottom"] + .tooltip > .tooltip-arrow {border-bottom-color: #8447cf;}

[data-placement="left"] + .tooltip > .tooltip-arrow {border-left-color: #8447cf; }
*/


/** navigation start */
#app-menu-offcanvas li.list-group-item {
    border: 0;
    background-color: transparent;
}
#app-menu-offcanvas li.list-group-item a {
    color: #000;
}
nav.dep {

	text-align: center;
	min-height: 40px;
	border-bottom: 1px solid #6c6;
	background-color: #cfc;


}
nav.dep ul {
list-style: none;
margin: 0;
}
nav.dep li {
display: inline-block;
margin: 0;
}

nav.dep a{
	display:block;
	color:#555555;
	font-weight:bold;
	min-height:25px;
	margin: 0 0 -1px 0;
	text-decoration:none;
	min-width:50px;
	text-align: center;
	font-size: 12px;
	padding: 40px 10px 0px 10px;
	background-repeat: no-repeat;
	background-position: center 5px;
	border: 1px solid #cfc;
	border-bottom: 1px solid #6c6;
	background-color: #cfc;
  text-shadow: 2px 2px 2px #ccc;



}
nav.dep a.current {
	background-color:#efe;
	color:#0066CC;
	border: 1px solid #6c6;

}
nav.dep a:hover {
	background-color:#afa;
	color:#0066CC;
	border: 1px solid #cfc;
	border-bottom: 1px solid #6c6;

}

.contacts_button {
	background-image:url(../images/icons/32x32/vcard.png);

}

.contacts_add_button {
	background-image:url(../images/icons/32x32/vcard_add.png);
}

.contacts_customers_button {
	background-image:url(../images/icons/32x32/money_dollar.png);
}

.contacts_vendors_button {
	background-image:url(../images/icons/32x32/money_bag.png);
}

.contacts_flagged_button {
	background-image:url(../images/icons/32x32/database_red.png);
}

.contacts_employees_button {
	background-image:url(../images/icons/32x32/cash_stack.png);
}

.contacts_pending_button {
	background-image:url(../images/icons/32x32/bell.png);
}


.home_button {
	background-image:url(../images/icons/32x32/house.png);
}

.service_button {
	background-image:url(../images/icons/32x32/gear_in.png);
}

.inventory_button {
	background-image:url(../images/icons/32x32/street_stall.png);
}
.areas_button {
	background-image:url(../images/icons/32x32/barcode.png);
}

.locate_button {
	background-image:url(../images/icons/32x32/baggage_cart_box.png);
}



.dispatch_button {
	background-image:url(../images/icons/32x32/session_idle_time.png);
}

.items_button {
	background-image:url(../images/icons/32x32/investment_menu_quality.png);
}

.maintenance_button {
	background-image:url(../images/icons/32x32/setting_tools.png);
}

.accounting_button {
	background-image:url(../images/icons/32x32/money.png);
}

.logout_button {
	background-image:url(../images/icons/32x32/status_offline.png);
}

.login_button {
	background-image:url(../images/icons/32x32/group_key.png);
}

.register_button {
	background-image:url(../images/icons/32x32/book_key.png);
}

.forgot_password_button {
	background-image:url(../images/icons/32x32/question.png);
}

.profile_button {
	background-image:url(../images/icons/32x32/user.png);
}

.clear_cache_button {
	background-image:url(../images/icons/32x32/hourglass_delete.png);
}

.deleted_contacts_button {
	background-image:url(../images/icons/32x32/vcard_delete.png);
}
.users_button {
	background-image:url(../images/icons/32x32/user.png);
}

.drop_off_form_button {
	background-image:url(../images/icons/32x32/clipboard_invoice.png);
}

.ledger_button {
	background-image:url(../images/icons/32x32/table.png);
}

.accounts_button {
	background-image:url(../images/icons/32x32/table_edit.png);
}

.account_types_button {
	background-image:url(../images/icons/32x32/table_key.png);
}

.gl_import_button {
	background-image:url(../images/icons/32x32/table_row_insert.png);
}
/* Navigation end */

.data_table {
	border-collapse: collapse;
	border: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 11px;
	border: 0;

}
.data_table th {
	padding: 5px;
}


.no_border {
    border: 0;
}
.top_border {
    border-top: 1px solid #000;
}
.bottom_border {
    border-bottom: 1px solid #000;
}
.no_margin {
    margin: 0;
}

.invoice_history_thead th {
    text-align: left;
}

.invoice_history_tr td {
    text-align: center;
}


.data_table tr.error,.data_table tr.success,.data_table tr.warning {
	background-image: none;
	color: #000;
	font-weight: normal;

	border: inherit;
	margin: inherit;
	padding: inherit;
	font: inherit;
	-moz-box-shadow:  inherit;
	-webkit-box-shadow:  inherit;
	box-shadow: inherit;

}
.data_table tr.error {
	background: #fbf1f1;
}
.data_table tr.success {
	background: #f4fff4;
}
.data_table tr.warning {
	background: #Fffff3;
}
.data_table tr td {
	padding:  10px;
  font-size: 16px;
  font-size: 1.1vw;
  vertical-align: top;
  line-height: 20px;
}

.center_table {
	margin: auto;
}

.grey_gradient {
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(211,211,211,1) 14%, rgba(255,255,255,1) 67%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(14%,rgba(211,211,211,1)), color-stop(67%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(211,211,211,1) 14%,rgba(255,255,255,1) 67%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(211,211,211,1) 14%,rgba(255,255,255,1) 67%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(211,211,211,1) 14%,rgba(255,255,255,1) 67%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(211,211,211,1) 14%,rgba(255,255,255,1) 67%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	font-size: 12px;
	height: 25px;
	border-bottom: 1px solid #000;
}

.green_gradient {
	background: rgb(239,229,160); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZTVhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZlZmNlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmU1YTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(239,229,160,1) 0%, rgba(254,252,234,1) 50%, rgba(239,229,160,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,229,160,1)), color-stop(50%,rgba(254,252,234,1)), color-stop(100%,rgba(239,229,160,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(239,229,160,1) 0%,rgba(254,252,234,1) 50%,rgba(239,229,160,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(239,229,160,1) 0%,rgba(254,252,234,1) 50%,rgba(239,229,160,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(239,229,160,1) 0%,rgba(254,252,234,1) 50%,rgba(239,229,160,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(239,229,160,1) 0%,rgba(254,252,234,1) 50%,rgba(239,229,160,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efe5a0', endColorstr='#efe5a0',GradientType=0 ); /* IE6-8 */

	font-size: 12px;
	height: 25px;
	border-bottom: 1px solid #000;
}

.blue_gradient {
	background: #9fd8ef; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlmZDhlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZmQ4ZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #9fd8ef 0%, #ffffff 50%, #9fd8ef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9fd8ef), color-stop(50%,#ffffff), color-stop(100%,#9fd8ef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #9fd8ef 0%,#ffffff 50%,#9fd8ef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #9fd8ef 0%,#ffffff 50%,#9fd8ef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #9fd8ef 0%,#ffffff 50%,#9fd8ef 100%); /* IE10+ */
	background: linear-gradient(to bottom, #9fd8ef 0%,#ffffff 50%,#9fd8ef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fd8ef', endColorstr='#9fd8ef',GradientType=0 ); /* IE6-8 */
	font-size: 12px;
	height: 25px;
	border-bottom: 1px solid #000;
}

.data_table tbody tr:hover {
	 /* background-color: #eff;*/
	 opacity: 1;

}
.data_table tbody tr:hover td.address-col {

}
.data_table thead tr th img {
	cursor: pointer;
	vertical-align: bottom;
}

.data_table thead tr {
	font-size: 12px;
	height: 25px;
	background: rgba(254,252,234,1);
}

.data_table table thead tr {
	/* background: rgba(230,230,230,.4);*/
	background-color: transparent;
}


.data_table tr  {
	bordeR: 0;
}

.data_table tr td a {
	text-decoration: none;
}

.data_table tr td a:hover {
	text-decoration: underline;
}

.data_table tr td.address-col  {
	line-height: 28px;
    overflow:hidden;
    text-overflow:ellipsis;
}
.data_table tr td.address-col a i {
	font-size: 24px;
	opacity: 0.5;
}
.data_table tr td.address-col a:hover  i {
	opacity: 1;
}
.data_table tr td.address-col a:hover  {
	text-decoration: none;
}
.data_table tr td.address-col a {
	color: #002;
}
.data_table tr td.address-col img {
	width: auto;
	height: auto;
	vertical-align: middle;
}

.data_table tr.service_tr > td {
	border: 5px solid #eee;
	padding: 0;
}

.service_history_table {
	margin: 0;
}

.service_history_table tbody td{
}

.access_table th, .access_table tbody tr td {
	padding: 10px;
}

.green_bg {
	background-color: #cfc;
}

.blue_bg {
	background-color: #def;
}

.light_bg {
	background-color: #fbfcfd;
}

.white_bg {
	background-color: #fff;
}

.data_row img {
	cursor: pointer;
	vertical-align: middle;
}

.border_columns {
	border: 1px solid #000;
}

.border_columns td {
	border: 1px solid #000;
}


/**
CONTACTS PAGE START
**/
.data_row_activate  {
	display: none;
}
/**
CONTACTS PAGE END
**/


/** Message box start **/
.info, .success, .warning, .error {

    border: 1px solid;
    margin: 15px auto;
    padding:15px 20px 15px 55px;
    font: bold 12px verdana;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    /*
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    */
}
.info {
    color: #00529B;
    background: #BDE5F8 url('../images/icon-info.png') no-repeat 10px center;
}
.success {
    color: #4F8A10;
    background: #eeffee url('../images/icon-tick.png') no-repeat 10px center;
}
.warning {
    color: #9F6000;
    background: #FEEFB3 url('../images/icon-warning.png') no-repeat 10px center;
}
.error {
    color: #D8000C;
    background: #FFBABA url('../images/icon-cross.png') no-repeat 10px center;
}

.text-yellow {
	color: #f1f1a5;
}
.text-muted {
	color: #aaa;
}
/** Message box end **/

.delete_css {
  text-shadow: 2px 2px 2px #ccc;
  color: #D8000C;
  background: #FFBABA !important;
}
.text_shadow {
  text-shadow: 2px 2px 2px #ccc;
}

.contact_error {
    font: bold 12px verdana;
    text-shadow: 2px 2px 2px #ccc;
    color: #D8000C;
}

.contact_pending {
    font: bold 12px verdana;
    text-shadow: 2px 2px 2px #ccc;
    color: #008800;
}

.contact_employee {
    font: bold 12px verdana;
    text-shadow: 2px 2px 2px #ccc;
    color: #0000dd;
}

.contact_vendor {
    font: bold 12px verdana;
    text-shadow: 2px 2px 2px #ccc;
}

.service_history_table {
	border-collapse: collapse;
}
.service_history_table td {
	text-align: left;
}

.inventory_table {
	border-collapse: collapse;
}

.inventory_table tr td {
	padding-right: 10px;
}

.inventory_table tr th {
	padding-right: 10px;
  text-shadow: 2px 2px 2px #ccc;

}


.machine_container {
    display: block;
    width: 150px;
    float: left;
}

.machine_label {
    display: block;
    width: 50px;
    float: left;
}

.machine_text {
    display: block;
    width: 60px;
    float: left;
}

.icon_td a {
	text-decoration: none;
}

.icon_td img {
	margin-right: 10px;
	cursor: pointer;
}
.border_1 {
	border: 1px solid #ddd;
}
.border_bottom_1 {
	border-bottom: 1px solid #ddd;
}
.border_top_1 {
	border-top: 1px solid #ddd;
}

.padding_top_10px {
	padding-top: 10px;
}

.green-bkgd {
	background-color: #cfc !important;
}
.dkgrey-bkgd {
	background-color: #ddd;
}

.customer_edit_container {
	margin: auto;
	border: 1px solid #ddd;
	padding: 5px;
}

.customer_info_address_container {
	background-color: #eee;
}

.div_customer_type {
	margin: auto;
	text-align: left;
	padding: 10px 0;
}

.div_customer_info {
	width: 50%;
	margin: auto;
	padding: 10px 0;
	float: left;
	min-height: 280px;
}
.div_customer_info:nth-of-type(1) {
	background-color: #fff;
}

.div_customer_info:nth-of-type(2) {
	background-color: #fff;
}


.div_customer_info_left {
	width: 49%;
	float: left;
	padding-left: 5px;
	margin: auto;
}

.div_customer_info_right {
	width: 49%;
	float: left;
	padding-left: 5px;
	margin: auto;
}


.clear {
	clear: both;
	float: none;
}

/** tiles start **/
.block_container {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #cfc;
	padding: 5px;
}

.block_tile {
	cursor:pointer;
	vertical-align: middle;
	min-height: 200px;
	line-height: 30px;
	border: 1px solid #ddd;
	margin-bottom: 10px;
}
.block_tile_header {
	margin: 5px;
	text-align: center;
	font-weight: bold;
}

.block_tile_content {
	text-align: left;
	margin: 5px;
	padding: 5px;
}

.block_tile:hover {
	background-color: #cfc;
}
/** tiles end **/

.text-align-center {
	text-align: center !important;
}

.data-list-header {
    background: rgba(254, 252, 234, 1);
    font-size: 18px;
    font-weight: normal;
    font-style: italic;
    line-height: 35px;
    vertical-align: middle;
}

.bootbox-close-button {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    background-color: transparent !important;
    border: 0 !important;
}

/** workorder/forms styles start **/
.workorder-container input,
.workorder-container select {
    margin-bottom: 0;
}
.workorder_section_container h2 {
	border-bottom: 1px solid #aaa;
	margin-bottom: 3px;
	cursor: pointer;
}

.service_input_container label {
	display: block;
	float: left;
	width: 300px;
}

.border-light-2 {
    border-color: #ced4da;
}
.border-top {
	border-top: 1px dotted #aaa;
}

.workorder_section_content li {
	margin-left: 10px;
}

.workorder_section_content ul {
	margin-left: 10px;
}
.workorder_section_container {
	border: 1px solid #aaa;
	margin-bottom: 10px;
	padding: 10px;
}
.services-row {
    color: #000;
    font-size: 16px;
}
.services-row a {
    color: #000;
}
.services_edit_table tr:nth-child(even) {
	background: #ddd;
}

td {
	padding: 3px 5px;
}

.services_edit_table{
	border-collapse: collapse;
}


.mobile_show_block {
	display: none;
}
.mobile_show_inline {
	display: none;
}
.city_state_zip_table th {
	font-weight: normal;
	text-align: left;
	padding-left: 5px;
}

.contact_type_checkbox {
	display: block;
	width: 130px;
	float: left;
	line-height: 27px;
}
.div_customer_type button {
	margin-left: 30px;
	margin-bottom: 15px;
	min-width: 100px;
}
.contact_type_left {
	display: block;
	width: 49%;
	float: left;
}
.contact_type_right {
	display: block;
	width: 49%;
	float: left;
	text-align: center;
}

.inline_block {
	display: inline-block;
}

.margin_bottom_20px {
	margin-bottom: 20px;
}
.margin_top_20px {
	margin-top: 20px;
}
/** workorder/forms styles end **/

.nobr {
	white-space:nowrap;
}


.padding_10px_20px {
	padding: 10px 20px;
}
.max_width_150px {
	max-width: 150px;
}
.padding_left_30px {
	padding-left: 30px;
}

.messagebox_yes_no {
	padding-left: 30px;
}

.contacts_table_container table tr td {
	max-width: 150px;
}

.error_input {
	border: 1px solid #a00;
	background-color: #fcc;
}

/** auth css start **/
.auth_box_container {
	float: right;
	right: 50%;
	position: relative;
}

.auth_box {
	float: right;
	right: -50%;
	position: relative;
	border: 1px solid #ddd;
	padding: 20px;
	margin-bottom: 20px;
}

/** auth css end **/



/** profile update form start **/


/** profile update form end **/

.col_header {
	text-align: center;
	font-weight: bold;
}

.grid_column {
	margin: 5px;
	border: 1px solid #ddd;
	padding: 3px 5px;
	width: 250px;
	float: left;
}

.user_list_label {
	width: 80px;
	font-weight: bold;
	display: block;
	float: left;
}
.padding-right-20px {
	padding-right: 20px;
}

.border_bottom {
	border-bottom: 1px solid #ddd;
}

/** printable forms start **/
.print_heading {
	border: 1px solid #000000;
	font-weight: bold;
	padding: 5px 8px;
}
.print_heading_red {
	border: 1px solid red;
	color: red;
	font-weight: bold;
	padding: 5px 8px;
}
.print_larger_font {
	font-size: 16px;
}
.screen_hide {
	display: none;
}
.form_customer_info label {
	display: block;
	float: left;
	width: 60px;
}
.print_container td {
	padding: 0;
	margin: 0;
	font-size: 11px;
}

.invoice_table {
	border-collapse: collapse;
}

.invoice_table td{
	border: 1px solid #000000;
}

.invoice_table th {
	border: 1px solid #000000;
}

/** printable forms end **/

/** dispatch **/
.select_one_address {
	cursor: pointer;
	background: transparent url(../images/icons/16x16/draw_star.png) no-repeat top right;
}
.select_one_address:hover {
	background: #f2fdf5 url(../images/icons/16x16/star.png) no-repeat top right;
    background-color: #f2fdf5;
}
.address_selected {
	background: #f2fdf5 url(../images/icons/16x16/star.png) no-repeat top right;
}
 .dispatch-type-of-work-table td {
     border-bottom: 0;
     border-top: 1px solid #dee2e6;
 }
/** dispatch end **/

.display_none {
    display: none;
}
.service_history_icon_td  img {
    max-height: 32px;
    max-width: 32px;
}
.service_history_icon_td {
	text-align: left;
	min-width: 250px;

}
.data_table.service_history_table tr td.service_history_icon_td a,
.data_table.service_history_table tr td.service_history_icon_td a:hover
{
    text-decoration:none !important;
}

/** Accounting Start **/
.ledger_table {
	border: 1px solid #000000;
	border-collapse: collapse;
	font-size: 11px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.ledger_table td {
	padding: 2px 8px;
	border: 1px solid #000;
}
.ledger_table tr:nth-child(even) {
    background-color: #def;
}
.ledger_table tr td:last-child {
    text-align: center;
}
.ledger_table thead tr {
    background: #88dd88; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzJSIgc3RvcC1jb2xvcj0iIzg4ZGQ4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZlZmNlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZlZmNlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OGRkODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #88dd88 3%, #fefcea 50%, #fefcea 51%, #88dd88 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#88dd88), color-stop(50%,#fefcea), color-stop(51%,#fefcea), color-stop(100%,#88dd88)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #88dd88 3%,#fefcea 50%,#fefcea 51%,#88dd88 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #88dd88 3%,#fefcea 50%,#fefcea 51%,#88dd88 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #88dd88 3%,#fefcea 50%,#fefcea 51%,#88dd88 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #88dd88 3%,#fefcea 50%,#fefcea 51%,#88dd88 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88dd88', endColorstr='#88dd88',GradientType=0 ); /* IE6-8 */
    border-bottom: 1px solid #000000;
    font-size: 12px;
    height: 25px;
}

.gl_entry_row_container .row {
	background-color: #def;
	padding-top: 10px;
	padding-bottom: 10px;
}

/** Accounting End **/

.text-align-right {
    text-align: right;
}

.money {
    text-align: right;
}

.highlight:hover {
	background-color: #cfc;
}


.hover-button {
	text-decoration: none;
	opacity: 0.8;
}
.hover-button img {
	padding: 3px;
}

.hover-button:hover {
	opacity: 1;

}
.hover-button:hover img {

}

.pointer {
	cursor: pointer;
}

#services-for-dashboard, #services-for-dashboard *, .text-blur,
.text-blur input,
.text-blur td,
.text-blur span,
.text-blur option,
.text-blur select,
.text-blur a,
.text-blur .data_table tr td.address-col a
{
	color: transparent;
	text-shadow: 0 0 8px #000;
}

#services-for-dashboard:hover, #services-for-dashboard:hover * {
	color: #000;
	text-shadow: unset;
}

.photo-container .photo {
	width: 300px;
	padding: 10px;
	float: left;
	margin: 10px;
	height: 200px;
	border: 1px solid #ccc;
	border-radius: 3px;
	text-align: center;
  display: inline-block;
  position: relative;
}

.photo-container .photo img {
	width: auto;
	height: auto;
	max-width: 95%;
	min-width: 10px;
	max-height: 90%;
}

.table-header-left {
    font-size: 18px;
    font-weight: normal;
    font-style:italic;
}

.table-header-center {
	font-size: 18px;
	font-weight: normal;
	font-style:italic;
    text-align: center;
}

.closed-opacity img {
	opacity: 0.3;
}
.closed-opacity img:hover {
	opacity: 1;
}


.font-24 {
	font-size: 24px;
	font-size: 1.75vw;
	font-weight: normal;
}

.font-20 {
	font-size: 20px;
	font-size: 1.4vw;
}
.bold {
	font-weight: bold
}

a:visited .active-anchor, a .active-anchor, .active-anchor {
		color: #00e;
}

.navbar-light .navbar-brand {
	color: #204a6b;
}


.nav-link {
	padding .5rem 1.5rem;
}
.padder {
	padding: 2%;
}

@media (max-width: 768px) {
	/*
	.data_table tr td { font-size: 1.1em;}
	.font-24 {font-weight: normal;font-size: 1.3em; }
	.font-20 {font-size: 1.2em; }
	*/
}

@media (min-width: 768px){
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
        font-size: 0.9rem;
    }
    .data_table tr td img { max-width: 32px; height: auto; width: 32px; }
}

@media (min-width: 820px){
	.navbar-expand-md .navbar-nav .nav-link {
	    font-size: 1rem;
	}
}

@media (min-width: 992px) {
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: 1.1rem;
}
}


@media (max-width: 1100px){
	.service_history_icon_td {
		text-align: left;
		min-width: 100px;

	}
	.data_table tr td { font-size: 1.1em;}
	.data_table tr td img { max-width: 25px; height: auto; width: 25px; }

	.font-24 {font-weight: normal;font-size: 1.3em; }
	.font-20 {font-size: 1.2em; }


}

@media (max-width: 650px){
	.data_table tr td img { max-width: 32px; height: auto; width: 32px; }


}

@media (min-width: 1099px){
	.data_table tr td img { max-width: 32px; height: auto; width: 32px; }


}

.navbar {
	background-color: #cfc;
}
.navbar-light .navbar-nav .nav-link {
	color: #333;
	text-decoration: none;
	text-shadow: 2px 2px 2px #eee;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.navbar .dropdown-menu-end {
    right: 0;
    left: auto;
}
.navbar-light .navbar-nav .nav-link.active {
	color: #00d;
}

@media (max-width: 576px) {
    #weather-dd .dropdown-menu {
        right: 0;
        left: 0;
        position: fixed;
    }
    #weather-dd .dropdown-menu table {
        width: 99%;
        margin: auto;
    }
}



.muted {
	opacity: 0.4;
}

.hot {
	color: orange;
	text-shadow: 0px 0px 1px #000, 0px -2px 4px #fff, 0px -2px 10px #FFE, 0px -20px 40px #F90, 0px -20px 40px #fff;
	opacity: 1;
}
.hot a {
    color: orange;
    text-decoration: none;
    background-color: transparent;
}

.hot a:hover {
    color: orange;
    text-decoration: none;
    background-color: transparent;
}

.h2 {
	text-align: center;
	font-style:italic;
	font-size: 32px;
}
.strike {
    text-decoration: line-through;
}

.display-5 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-6 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.alert-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}

iframe {
    border:0;
    padding:0;
    margin:0;
    width: 100%;
    margin: auto;
    height: 100%;
}

.ui-front {
    z-index: 9999999 !important;
}

/* ====== Base Alert Styling ====== */
.alert {
    border: none;
    border-radius: 0.6rem;
    padding: 1rem 1.25rem;
    font-size: 0.95rem;
    font-weight: 500;
    margin-bottom: 1rem;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.25s ease-in-out;
    position: relative;
    letter-spacing: 0.2px;
}

/* Subtle lift on hover */
.alert:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);
}

/* Dismiss button styling */
.alert .btn-close {
    opacity: 0.6;
    transition: opacity 0.2s ease;
}
.alert .btn-close:hover {
    opacity: 1;
}

/* ====== Color Variants ====== */

/* Info */
.alert-info {
    background-color: #e7f3fe;
    color: #055160;
    border-left: 4px solid #0dcaf0;
}

/* Primary */
.alert-primary {
    background-color: #e9f0ff;
    color: #0a58ca;
    border-left: 4px solid #0d6efd;
}

/* Secondary */
.alert-secondary {
    background-color: #f2f2f3;
    color: #41464b;
    border-left: 4px solid #6c757d;
}

/* Success */
.alert-success {
    background-color: #e8f6ef;
    color: #146c43;
    border-left: 4px solid #198754;
}

/* Danger */
.alert-danger {
    background-color: #fbeaea;
    color: #b02a37;
    border-left: 4px solid #dc3545;
}

/* Warning */
.alert-warning {
    background-color: #fff8e1;
    color: #997404;
    border-left: 4px solid #ffc107;
}

/* Light */
.alert-light {
    background-color: #fdfdfd;
    color: #555;
    border-left: 4px solid #dee2e6;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

/* Dark */
.alert-dark {
    background-color: #2b3035;
    color: #f8f9fa;
    border-left: 4px solid #212529;
}

/* Error (custom alias for danger) */
.alert-error {
    background-color: #fdeaea;
    color: #842029;
    border-left: 4px solid #dc3545;
}

/* ====== Optional extras ====== */

/* Smooth fade when closing */
.alert.fade.show {
    opacity: 1;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.alert.fade {
    opacity: 0;
}

/* Make alerts stack nicely */
.col .alert:last-child {
    /*margin-bottom: 0;*/
}