/* saas-styles.css 
These are styles that are ONLY required for the SaaS being build.
It keeps the "main-styles.css" clean so it can be used across multiple installs
*/










/* ICONS */
/* Because Icons are recoloured using Filters, we have to do them unique to each website */
/* SEE: https://codepen.io/sosuke/pen/Pjoqqp for the formula as to how to create the filter values */
/* works with HTML structured: <span class="icon iconsmall iconGrey"><img src="images/icons/fa/solid/question-circle.svg"></span> */
.svgicon img { width: var(--spacing-large); filter: invert(9%) sepia(96%) saturate(6425%) hue-rotate(6deg) brightness(98%) contrast(114%); }

.iconLargest img { width: var(--spacing-largest); }
.iconlarger img { width: var(--spacing-larger); }
.iconlarge img { width: var(--spacing-large); }
.iconmedium img { width: var(--spacing-medium); }
.iconsmall img { width: var(--spacing-small); }
.iconsmaller img { width: var(--spacing-smaller); }
.iconsmallest img { width: var(--spacing-smallest); }



.iconWhite img { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(104deg) brightness(103%) contrast(102%); }
.iconGrey img { filter: invert(49%) sepia(5%) saturate(763%) hue-rotate(167deg) brightness(89%) contrast(88%); }
.iconLightGrey img { filter: invert(88%) sepia(5%) saturate(619%) hue-rotate(192deg) brightness(111%) contrast(80%); }
.iconSecondaryColor img { filter: invert(66%) sepia(29%) saturate(7109%) hue-rotate(358deg) brightness(103%) contrast(100%);}
.iconSecondaryDarkerColor img { filter: invert(35%) sepia(80%) saturate(1480%) hue-rotate(10deg) brightness(96%) contrast(104%); }



/* Navigation Icons */
#appNavigation ul li.active a span.menuItemIcon img { filter: invert(9%) sepia(96%) saturate(6425%) hue-rotate(6deg) brightness(98%) contrast(114%);  }




/*
______          _     _                         _              _____          _        _ _                  _    _ _     _            _   
|  _  \        | |   | |                       | |            |_   _|        | |      | | |                | |  | (_)   | |          | |  
| | | |__ _ ___| |__ | |__   ___   __ _ _ __ __| |   ______     | | _ __  ___| |_ __ _| | | ___ _ __ ___   | |  | |_  __| | __ _  ___| |_ 
| | | / _` / __| '_ \| '_ \ / _ \ / _` | '__/ _` |  |______|    | || '_ \/ __| __/ _` | | |/ _ \ '__/ __|  | |/\| | |/ _` |/ _` |/ _ \ __|
| |/ / (_| \__ \ | | | |_) | (_) | (_| | | | (_| |             _| || | | \__ \ || (_| | | |  __/ |  \__ \  \  /\  / | (_| | (_| |  __/ |_ 
|___/ \__,_|___/_| |_|_.__/ \___/ \__,_|_|  \__,_|             \___/_| |_|___/\__\__,_|_|_|\___|_|  |___/   \/  \/|_|\__,_|\__, |\___|\__|
                                                                                                                            __/ |         
                                                                                                                           |___/          
*/


.dashboard-widget {
position: relative;
background-color: var(--primary-lighter);
border: 2px solid var(--primary-light);
border-radius: 16px;
-webkit-box-shadow: 1px 1px 3px 1px rgb(0 0 0 / 20%);
box-shadow: 1px 1px 4px 1px rgb(0 0 0 / 20%);
padding: 12px;
margin: 0 0 32px 0;
}

.dashboard-widget .widget-header { margin-bottom: 1rem; align-items: center; }
.dashboard-widget .widget-icon span.svgicon img { width: 34px; }
.dashboard-widget .widget-title h4 { margin: 0 0; font-size: 1.2rem; font-weight: 700; }


.dashboard-widget .widget-seeall a.button { -webkit-box-shadow: none; box-shadow: none; background-color: var(--primary-light); border: 1px solid var(--primary); height: 28px; line-height: 26px; text-transform: uppercase; padding: 0 16px; font-size: 1em; }


.dashboard-widget .widget-result { background-color: var(--bs-white); border-bottom: 5px solid var(--primary-light); padding: 16px 16px; }
.dashboard-widget .widget-result .widget-result-accountinfo {}
.dashboard-widget .widget-result .widget-result-accountinfo h5 { margin: 0px 0; line-height: 1em; font-size: 1rem; }
.dashboard-widget .widget-result .widget-result-accountinfo p { margin: 0px 0; line-height: 1.2em; }
/* .dashboard-widget .widget-result .info-ball { width: 32px; height: 32px; line-height: 28px; font-size: 12px; } */

.widget-result .widget-result-customers, .widget-result .widget-result-installations, .widget-result .widget-result-units { flex-direction: row; justify-content: center; }
.widget-result-text { font-size: 8pt; text-align: center; color: var(--bs-gray-600); font-family: 'Cairo', sans-serif; font-weight: 700; line-height: 1em; }
.widget-result-number { font-size: 18pt; text-align: center; margin: 0; padding: 0; color: var(--bs-gray-600); font-family: 'Cairo', sans-serif; font-weight: 700; line-height: 1em; }


/*
.dashboard-widget-installers { }
.dashboard-widget.dashboard-widget-installers .widget-results { max-height: 500px; overflow-y: scroll; }

.dashboard-widget-customers { }
.dashboard-widget.dashboard-widget-customers .widget-results { max-height: 500px; overflow-y: scroll; }


.dashboard-widget.dashboard-widget-eventlogs {}
.dashboard-widget.dashboard-widget-eventlogs .ooba-tabulator-table-holdingbox { overflow-x: hidden; overflow-y: hidden; }
.dashboard-widget.dashboard-widget-eventlogs .ooba-tabulator-table { display: inline; }
.dashboard-widget.dashboard-widget-eventlogs .ooba-tabulator-table .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title { font-size: 0.8em; }
.dashboard-widget.dashboard-widget-eventlogs .ooba-tabulator-table .tabulator-row .tabulator-cell { font-size: 0.8em; padding: 2px 4px 2px 4px; }
*/




.dashboard-widget.dashboard-widget-installations {}
.dashboard-widget.dashboard-widget-installations .widget-results { max-height: 500px; overflow-y: scroll; }







#widget-search-main { }
#widget-search-main .form-control { display: inline; width: 80%; background-color: var(--bs-gray-100); border: 1px solid var(--bs-gray-200); font-size: 13px; }
#widget-search-main button { display: inline; padding: 17px; background-color: var(--bs-gray-600); color: var(--bs-gray-200); text-transform: uppercase; font-weight: 700; }

.toolbar.widget-installations-filter { background-color: var(--bs-gray-100); border-radius: 16px; display: block; }
#widget-installations-filter { }
#widget-installations-filter form { display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; align-content: center; }


#widget-installations-filter input, #widget-installations-filter button, #widget-installations-filter select, #widget-installations-filter optgroup, #widget-installations-filter textarea {
background-color: var(--bs-gray-200);
color: var(--bs-gray-600);
height: 32px;
border: 1px solid var(--bs-gray-800);
padding: 4px 8px;
font-size: 9pt;
width: 110px !important;
margin: 0 4px 0 0;
border-radius: 2px;
}

#widget-installations-filter input[type="checkbox"] {
height: auto;
width: auto !important;
margin: 0 8px 0 0 !important;
}


#widget-installations-filter .filter-dropdowns { display: flex; }


#widget-installations-filter .datepickers { display: flex; align-items: center; }

#widget-installations-filter button[type="submit"], #widget-installations-filter button[type="reset"] { width: auto !important; text-transform: uppercase; font-size: 10px; }
#widget-installations-filter button[type="submit"] { background-color: var(--primary-light); border: 1px solid var(--primary); color: var(--primary); }
#widget-installations-filter button[type="reset"] { background-color: var(--bs-gray-200); border: 1px solid var(--bs-gray-300); }



#widget-installations-filter .orderby { display: flex; }
#widget-installations-filter #filter-ascdesc { width: 60px !important; }

#widget-installations-filter #filter-orderby { }



#widget-installations-filter .filter-buttons { display: flex; }

.ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all { width: 305px !important;} 
ul.ui-multiselect-checkboxes { width: 300px; background-color: #fff;
    border: 1px solid var(--primary);
    border-top: none; }
ul.ui-multiselect-checkboxes li label span { font-size: 0.8rem !important; margin: 4px 0 0 24px; }
ul.ui-multiselect-checkboxes li label input { width: 18px;}







/*
  ___         _        _ _      _   _             _    _    _   _              ___ _             
 |_ _|_ _  __| |_ __ _| | |__ _| |_(_)___ _ _    | |  (_)__| |_(_)_ _  __ _   |_ _| |_ ___ _ __  
  | || ' \(_-<  _/ _` | | / _` |  _| / _ \ ' \   | |__| (_-<  _| | ' \/ _` |   | ||  _/ -_) '  \ 
 |___|_||_/__/\__\__,_|_|_\__,_|\__|_\___/_||_|  |____|_/__/\__|_|_||_\__, |  |___|\__\___|_|_|_|
                                                                      |___/                      
*/

#installations-data { width: 100%; max-width: 100% !important; }

.widget-installations-listing-item {
margin: 16px -16px 16px -16px;
background-color: var(--primary-lighter);
border: 2px solid var(--bs-gray-500);
border-radius: 12px;
/*
-webkit-box-shadow: 1px 1px 3px 1px rgb(0 0 0 / 20%);
box-shadow: 1px 1px 4px 1px rgb(0 0 0 / 20%);
*/
padding: 12px 8px 8px 8px;
font-size: 0.8em;
}


.widget-installations-listing-item a { color: var(--bs-gray-600); }
.widget-installations-listing-item h1 { font-size: 18px; margin: 4px 0 0 4px; color: var(--primary); }
.widget-installations-listing-item-info-main { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; }
.widget-installations-listing-item h2 { font-size: 14px; margin: 0; }

.info-balls { display: flex; flex-direction: row; flex-wrap: nowrap;  align-items: center; }
.info-ball { width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 32px; font-size: 14px; margin: 0 8px 0 0; font-family: 'Poppins', sans-serif; }
.info-ball-gray { background-color: var(--bs-gray-400) !important; color: var(--bs-white) !important; }
.info-ball-green { background-color: var(--bs-success) !important; color: var(--bs-white) !important; }
.info-ball-yellow { background-color: var(--bs-warning) !important; color: var(--bs-white) !important; }
.info-ball-info { background-color: var(--bs-info) !important; color: var(--bs-white) !important; }
.info-ball-black { background-color: var(--bs-gray-900) !important; color: var(--bs-white) !important; }
.info-ball-red { background-color: var(--bs-danger) !important; color: var(--bs-white) !important; }
.info-ball-danger { background-color: var(--bs-danger) !important; color: var(--bs-white) !important; }
.info-ball-red-firstaid { background-color: #33bd33 !important; color: var(--bs-white) !important; border: 5px solid var(--bs-danger); line-height: 30px; }
.info-ball-red-tamper { background-color: #bd33b1 !important; color: var(--bs-white) !important; border: 5px solid #359edc; line-height: 30px; }
.info-ball-customer { background-color: var(--bs-white) !important; border: 2px solid var(--bs-gray-600); width: 30px; height: 30px; line-height: 24px; }
.info-ball-installer { background-color: var(--bs-white) !important; border: 2px solid var(--bs-gray-600); width: 30px; height: 30px; line-height: 24px; }

.widget-installations-listing-item-info-customer { display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; }
.widget-installations-listing-item-info-installer { display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; }

.info-pill { border: 2px solid var(--primary); text-align: center; height: 26px; line-height: 24px; border-radius: 8px; text-transform: uppercase; font-size: 8pt; }
.info-pill-green { border: 2px solid var(--bs-success); color: var(--bs-white); background-color: var(--bs-success); }
.info-pill-yellow { border: 2px solid var(--bs-warning); color: var(--bs-warning); background-color: var(--bs-warning-lighter); }
.info-pill-red { border: 2px solid var(--bs-danger); color: var(--bs-white); background-color: var(--bs-danger); }

.widget-installations-listing-item-info-sub { color: var(--bs-gray-500); } 

.widget-installations-listing-item-info-sub .item-info-sub-header { font-weight: 500; color: var(--bs-gray-500); } 




/*
  ___         _        _ _      _   _             _    _    _   _              ___ _                       _    _ _       
 |_ _|_ _  __| |_ __ _| | |__ _| |_(_)___ _ _    | |  (_)__| |_(_)_ _  __ _   |_ _| |_ ___ _ __     ___   | |  (_) |_ ___ 
  | || ' \(_-<  _/ _` | | / _` |  _| / _ \ ' \   | |__| (_-<  _| | ' \/ _` |   | ||  _/ -_) '  \   |___|  | |__| |  _/ -_)
 |___|_||_/__/\__\__,_|_|_\__,_|\__|_\___/_||_|  |____|_/__/\__|_|_||_\__, |  |___|\__\___|_|_|_|         |____|_|\__\___|
                                                                      |___/                                               
*/

.widget-installations-listing-item-lite { padding: 0px 8px 12px 8px; border-top: 1px dashed var(--bs-gray-400); }
.widget-installations-listing-item-lite a { color: var(--bs-gray-500); }
.widget-installations-listing-item-lite h1 { font-size: 16px; margin: 4px 0 0 0px; color: var(--primary); }																  
.widget-installations-listing-item-lite .widget-installations-listing-item-info-main  {     justify-content: space-between; margin: -6px 0 0 -2px; }																  
.widget-installations-listing-item-lite .widget-installations-listing-item-info-main h2 { font-size: 12px; margin: 0px; }																  

.widget-installations-listing-item-lite .info-ball { width: 26px; height: 26px; border-radius: 50%; text-align: center; line-height: 26px; font-size: 11px; margin: 0 6px 0 0; font-family: 'Poppins', sans-serif; }

















/*
  ___         _        _ _      _   _          
 |_ _|_ _  __| |_ __ _| | |__ _| |_(_)___ _ _  
  | || ' \(_-<  _/ _` | | / _` |  _| / _ \ ' \ 
 |___|_||_/__/\__\__,_|_|_\__,_|\__|_\___/_||_|
                                               
*/

/* INFO -------------------------------------------------------------- */
#installation-info .installation-information h3 { display: flex; align-items: center; justify-content: space-between; font-size: 1rem; }
.installation-overview { font-size: 140%; }
.installation-overview p { line-height: 1em; padding: 0; margin: 8px 0; font-size: 1rem;  }
.installation-headers { color: var(--primary); font-weight: 700; font-family: 'Poppins', sans-serif; font-size: 1rem; }



/* CONFIG -------------------------------------------------------------- */
#installation-config .installation-information button { }
#installation-config .installation-information button.archive-archive {  }
#installation-config .installation-information button.archive-reactivate { background-color: #009900; }








/* EVENTS */
#installation-events-data .tabulator-table .tabulator-row .tabulator-cell:nth-of-type(3) { text-align: center; }





/* UNITS -------------------------------------------------------------- */

table, th, td { border: none; border-collapse: collapse; }
#installation-units-data table { font-size: 110%; width: 100%; }
#installation-units-data table tr { padding: 0px; border-bottom: 1px solid var(--bs-gray-300); border: none; }
#installation-units-data table th { background-color: var(--secondary); color: var(--bs-white); padding: 8px 0px 8px 6px; border: none; font-size: 9pt; font-family: 'Poppins'; font-weight: normal; line-height: 1.2em; }
#installation-units-data table td { padding: 2px 6px; text-align: center; border: none;  border-bottom: 1px solid var(--bs-gray-100); font-size: 0.8em; }

#installation-units-data th.table-unum { max-width: 70px; }
#installation-units-data th.table-status { min-width: 160px; }
#installation-units-data th.table-minsago {}
#installation-units-data th.table-hop {}
#installation-units-data th.table-signal {}
#installation-units-data th.table-location { min-width: 220px; }




#installation-units-data td.table-unum { }
#installation-units-data td.table-unum .info-ball { font-size: 9pt; font-weight: 600; margin: 0; }
#installation-units-data td.table-signal img { max-width: 26px; height: auto; }
#installation-units-data td.table-battery {}
#installation-units-data td.table-battery img { max-width: 28px; height: auto; }
#installation-units-data td.table-location { }
#installation-units-data td.table-location .oobaEditable { width: 100%;     text-align: left; }
#installation-units-data td.table-location .form-control { font-size: 0.8rem; padding: .5rem .5rem; line-height: 1em; min-height: 1em; } 
#installation-units-data td.table-monitorOnOff .oobaEditableDropdown { width: 100%; font-size: 0.8rem; padding: .2rem .5rem; line-height: 2; min-width: 70px; max-width: 100px; } 

#installation-units-data td.table-heartbeat .btn.btn-secondary { padding: 4px 8px; }

#installation-units-data td.table-rawdata i { font-size: 17pt; color: var(--bs-info); }
#installation-units-data td.table-deleteData i { font-size: 17pt; color: var(--bs-danger); }











/* CONTACTS -------------------------------------------------------------- */
#installation-contacts {}


/* - Fire */
#installation-contacts-data-fire table { font-size: 110%; width: 100%; }
#installation-contacts-data-fire table tr { padding: 0px; border-bottom: 1px solid var(--bs-gray-300); border: none; }
#installation-contacts-data-fire table th { background-color: var(--secondary); color: var(--bs-white); padding: 8px 8px; border: none; font-size: 11pt; font-family: 'Poppins'; font-weight: normal; line-height: 1.2em; }
#installation-contacts-data-fire table td { padding: 2px 2px; text-align: center; border: none;  border-bottom: 1px solid var(--bs-gray-100);  }
#installation-contacts-data-fire table td .oobaEditable { width: 100%; text-align: left; font-size: 10pt; padding: 8px 8px 6px 8px; }
#installation-contacts-data-fire td.table-mobile { min-width: 190px; }
#installation-contacts-data-fire td.table-mobile input { padding: 4px 8px; height: 40px; width: 140px; display: inline; font-size: 10pt; }
#installation-contacts-data-fire td.table-mobile button { padding: 0px 10px; height: 34px; border-radius: 4px; display: inline; }

/* - First aid */
#installation-contacts-data-firstaid table { font-size: 110%; width: 100%; }
#installation-contacts-data-firstaid table tr { padding: 0px; border-bottom: 1px solid var(--bs-gray-300); border: none; }
#installation-contacts-data-firstaid table th { background-color: var(--tertiary); color: var(--bs-white); padding: 8px 8px; border: none; font-size: 11pt; font-family: 'Poppins'; font-weight: normal; line-height: 1.2em; }
#installation-contacts-data-firstaid table td { padding: 2px 2px; text-align: center; border: none;  border-bottom: 1px solid var(--bs-gray-100);  }
#installation-contacts-data-firstaid table td .oobaEditable { width: 100%; text-align: left; font-size: 10pt; padding: 8px 8px 6px 8px; }
#installation-contacts-data-firstaid td.table-mobile { min-width: 190px; }
#installation-contacts-data-firstaid td.table-mobile input { padding: 4px 8px; height: 40px; width: 140px; display: inline; font-size: 10pt; }
#installation-contacts-data-firstaid td.table-mobile button { padding: 0px 10px; height: 34px; border-radius: 4px; display: inline; }




/* GENERIC PHONE */	
@media only screen and (min-width: 20px) and (max-width: 767px) {

	.dashboard-widget { padding: 16px; }


	


	#widget-installations-filter form { flex-direction: column; }
	#widget-installations-filter form button.ui-multiselect { width: 300px !important; }
	#widget-installations-filter .filter-dropdowns { flex-direction: column; }
	#widget-installations-filter .filter-dropdowns select { width: 100%; }
	#widget-installations-filter input.datepicker { width: 140px !important; }
	.ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all { width: 300px !important; align-items: flex-start; }


	.widget-installations-listing-item { margin: 16px 8px; }
	.widget-installations-listing-item h1 { text-align: center; }
	.widget-installations-listing-item-info-main h2 { font-size: 24px; }
	.widget-installations-listing-item-info-main .info-pill { padding: 16px 32px; line-height: 2px; }
	.widget-installations-listing-item-info-customer { flex-direction: column; }
	.widget-installations-listing-item-info-installer { flex-direction: column; }
	.widget-installations-listing-item-info-main { flex-direction: column; }
	.widget-installations-listing-item-info-sub { flex-direction: column; }
	.widget-installations-listing-item-info-sub div { margin: 4px 0px ; } 

	.toolbar.installation-overview { font-size: 110%; }
	#installation-contacts-data-fire {}

	#installation-proceed input[type=submit] {}

	.installation-units-data-unit { border-top: 2px solid var(--bs-gray-300); margin: 32px auto;    padding: 32px 0; }
	.installation-units-data-unit .table-unum { text-align: center; }
	.installation-units-data-unit .table-unum .info-ball { margin: auto; width: 80px; height: 80px; line-height: 80px; font-size: 28px; }
	.installation-units-data-unit-header { font-weight: 700; font-family: 'Poppins', sans-serif; font-size: 12pt; }
	.installation-units-data-unit .table-signals { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-evenly; }
	.installation-units-data-unit .table-signals img { max-width: 100px; }
	.installation-units-data-unit h3 { text-align: center; }
	.installation-units-data-unit .table-unitignore { text-align: center; }
	.installation-units-data-unit .table-rawdata { text-align: center; }
	.installation-units-data-unit .table-rawdata a { font-size: 28pt; color: var(--bs-info); } 


	.installation-contacts-contact { border-top: 2px solid var(--bs-gray-300); margin: 32px auto;    padding: 32px 0; }
	.installation-contacts-contact-header { font-weight: 700; font-family: 'Poppins', sans-serif; font-size: 12pt; }
	.installation-contacts-contact .info-ball { margin: auto; width: 80px;  height: 80px;  line-height: 80px;  font-size: 28px; }
	.installation-contacts-contact .table-mobile { margin: 0 0 16px 0; }
	.installation-contacts-contact .table-mobile form { display: flex; justify-content: space-around;  align-items: center; flex-direction: row; flex-wrap: nowrap; }
	.installation-contacts-contact .table-mobile button { padding: 0px 8px; height: 36px;  border-radius: 4px; display: inline; }
	.installation-contacts-contact .table-mobile input { padding: 16px 16px; height: 34px; width: 98%; display: inline;    font-size: 10pt; }
	.installation-contacts-contact .table-sendSMS { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; flex-direction: row; padding: 4px 0; }

	footer p { text-align: center; }


}






/* iPAD */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.installation-overview { font-size: 110%; }
	.toolbar.installation-overview { margin: 20px 0 10px 0; } 

	#installation-units-data table th { font-size: 10pt; padding: 4px 4px; }
	#installation-units-data table td { font-size: 10pt; padding: 4px 4px; }
	#installation-units-data th.table-status { min-width: 130px; width: 130px; }
	#installation-units-data th.table-location { width: 260px; min-width: 130px; } 
	#installation-units-data td.table-location .oobaEditable { padding: 7px 8px 3px 8px; }
	#installation-units-data td.table-signal img { max-width: 32px; }
	#installation-units-data td.table-battery img { max-width: 32px; }


	#installation-contacts-data-fire table th { font-size: 9pt; padding: 6px 2px; }
	#installation-contacts-data-fire  table td { font-size: 10pt; padding: 2px 2px; }
	#installation-contacts-data-fire table td .oobaEditable { width: 100%;  text-align: left; padding: 8px 12px 6px 12px; font-size: 9pt; }
	#installation-contacts-data-fire td.table-mobile { width: 220px;}
	#installation-contacts-data-fire td.table-mobile input { padding: 0px 6px; height: 34px; width: 120px; display: inline; font-size: 9pt; }
	#installation-contacts-data-fire td.table-mobile button { padding: 0px 8px; height: 36px; border-radius: 4px; display: inline; }
	#installation-contacts-data-fire td.table-sendSMS { font-size: 8pt; }

	#installation-contacts-data-firstaid table th { font-size: 9pt; padding: 6px 2px; }
	#installation-contacts-data-firstaid  table td { font-size: 10pt; padding: 2px 2px; }
	#installation-contacts-data-firstaid table td .oobaEditable { width: 100%;  text-align: left; padding: 8px 12px 6px 12px; font-size: 9pt; }
	#installation-contacts-data-firstaid td.table-mobile { width: 220px;}
	#installation-contacts-data-firstaid td.table-mobile input { padding: 0px 6px; height: 34px; width: 120px; display: inline; font-size: 9pt; }
	#installation-contacts-data-firstaid td.table-mobile button { padding: 0px 8px; height: 36px; border-radius: 4px; display: inline; }
	#installation-contacts-data-firstaid td.table-sendSMS { font-size: 8pt; }

}





























/*
   ____   ____    ____              __   _             ___                      _                              __  _______                                                   _                 
 .' __ \ |_   \  /   _|            |  ] (_)          .'   `.                   (_)                            / / |_   __ \                                                 (_)                
/ .'  \ |  |   \/   |  .---.   .--.| |  __   ,--.   /  .-.  \  __   _   .---.  __   _ .--.  .---.  .--.      / /    | |__) |  .---.  .--.  _ .--.    .--.   _ .--.   .--.   __  _   __  .---.  
| | (_/ |  | |\  /| | / /__\\/ /'`\' | [  | `'_\ :  | |   | | [  | | | / /__\\[  | [ `/'`\]/ /__\\( (`\]    / /     |  __ /  / /__\\( (`\][ '/'`\ \/ .'`\ \[ `.-. | ( (`\] [  |[ \ [  ]/ /__\\ 
\ `.__.'\ _| |_\/_| |_| \__.,| \__/  |  | | // | |, \  `-'  \_ | \_/ |,| \__., | |  | |    | \__., `'.'.   / /     _| |  \ \_| \__., `'.'. | \__/ || \__. | | | | |  `'.'.  | | \ \/ / | \__., 
 `.___ .'|_____||_____|'.__.' '.__.;__][___]\'-;__/  `.___.\__|'.__.'_/ '.__.'[___][___]    '.__.'[\__) ) /_/     |____| |___|'.__.'[\__) )| ;.__/  '.__.' [___||__][\__) )[___] \__/   '.__.' 
																																		   [__|                                                 
*/


/* Small devices (landscape phones, 576px and up) */
@media only screen and (min-width: 20px) and (max-width: 576px) {
}




/* GENERIC PHONE */	
@media only screen and (min-width: 20px) and (max-width: 767px) {

.dashboard-widget .widget-results { margin: 0; }

.dashboard-widget .flex-content {}
.flex-item.flex-25.widget-result-customers, .flex-item.flex-25.widget-result-installations, .flex-item.flex-25.widget-result-installations { flex-basis: 32% !important; }
..flex-item.flex-33.widget-result-installations  { flex-basis: 49% !important; }
 
}


/* GENERIC devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	
}







/* Custom, iPhone Retina */ 
@media only screen and (min-width: 20px) and (max-width: 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width: 321px) and (max-width: 480px) {

}


/* Small devices (landscape phones) */
@media only screen and (min-width: 481px) and (max-width: 576px) {

}


/* Small Devices, Tablets */
@media only screen and (min-width: 577px) and (max-width: 767px) {
}


/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

}


@media only screen and (min-width: 992px) and (max-width: 1023px) {

}



/* "Medium" devices (desktops, 992px and up) */
@media only screen and (min-width: 1024px) and (max-width: 1199px) {

}



/* DESKTOPS "Laptop with MDPI Screen" */
@media only screen and (min-width: 1200px) and (max-width: 1439px) {

}




/* EXTRA LARGE "Laptops with HiDPI Screen" */
@media only screen and (min-width: 1440px) and (max-width: 1799px) {

}