/*

* Override Pages default styles or create your own styles here

*/

::selection {color: #fff; background: #898989;}
::-moz-selection {color:#fff; background: #898989;}


a.account-link {
    color: #10cfbd !important;
}

a:hover,
a.account-link:hover {
	color: #0da698 !important;
}

li.breadcrumb-item.active,
.breadcrumb > .breadcrumb-item.active {
    color: #10cfbd !important;
}

a.btn:hover {
    color: #fff !important;
}

.login-wrapper {
    /*background-color: transparent;*/
    background-color: #10cfbd !important;
}

.login-wrapper .bg-pic > img {
    opacity: 1;
}

.checkbox label.login,
.checkbox label.alert-var {
    margin-right: 0;
}

.checkbox.checked label.login:before,
.checkbox.checked label.alert-var:before {
    border-color: #3b4752 !important;
}

.alert-var-container {
    display: inline-block;
    width: 45%;
}

.progress {
	height: 10px;
}

.jumbotron-sidebar {
    margin-bottom: 0;
}

.horizontal-app-menu .secondary-sidebar {
    border-top: none;
}

.text-color-temp {
    color: #10cfbd;
}

.text-color-hum {
    color: #48b0f7;
}

.text-color-air {
    color: #6d5cae;
}

.text-color-danger {
    color: #f55753;
}

.menu-bar ul li a.active {
    color: #10cfbd;
}

.chart-loader-air,
.chart-loader-dew,
.chart-loader-hum,
.chart-loader-temp {
    position: absolute;
    margin-top: -32px;
    margin-left: -32px;
    left: 50%;
    top: 50%;
    width: 64px;
    height: 64px;
    z-index: 10;
}

.modal-content.modal-center {
    text-align: center !important;
    justify-content: center;
    align-items: center;
}

.input-group-addon.tempy {
	/*color: #fff;*/
	background-color: #fff !important;
	cursor: default !important;
}

.input-group-addon.add-new {
    color: #fff;
    background-color: #10cfbd !important;
    border-color: #10cfbd;
    cursor: pointer !important;
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

.input-group-addon.pad {
    background-color: #f8f8f8 !important;
    border-top: none !important;
    border-bottom: none !important;
    padding-left: 0;
}

.input-group-addon.device-dashboard {
    color: #fff;
    background-color: #10cfbd !important;
    border-color: #10cfbd;
    cursor: pointer !important;
    text-align: center;
    padding-left: 0.7em;
    padding-right: 1.3em;
}
.input-group-addon.gateway-dashboard {
    color: #fff;
    
    background-color: #000 !important;
    cursor: pointer !important;
    text-align: center;
    padding-left: 0.7em;
    padding-right: 1.3em;
}
/* Tooltip */
.tooltip {
    z-index: 1000 !important;
}

.tooltip > .tooltip-inner {
    padding-bottom: 5px;
    background-color: #2b303b;
}

.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
    border-top-color: #2b303b;
}

.tooltip.bs-tether-element-attached-top .tooltip-inner::before {
    border-bottom-color: #2b303b;
}

.tooltip.bs-tether-element-attached-left .tooltip-inner::before {
    border-right-color: #2b303b;
}

.tooltip.bs-tether-element-attached-right .tooltip-inner::before {
    border-left-color: #2b303b;
}

/* Card Control Tooltips & Pop-Overs */

.card-control-info {
    position: absolute !important;
    margin: -10px 0 0 -42px !important;
    padding: 10px 0 10px 15px !important;
    text-align: center !important;
    color: #adadad !important;
}

.card-control-info:hover {
    cursor: pointer;
}

.card-control-info i {
    padding-right: 15px !important;
    font-size: 14px !important;
}

.btn-group-card-controls {
    position: absolute;
    margin: -4px 0 0 -85px;
}

.btn-group-card-controls a.btn:hover {
    color: #000 !important;
}

/* Dashboard */
.card-first-device {
    padding-top: 15%;
    padding-bottom: 15%;
    text-align: center;
    background: #f0f0f0;
    border: 2px dashed #959595 !important;
    cursor: pointer;
}

.card-first-device .firstd-icon {
    color: #a8a8a8;
    text-align: center;
    font-size: 48px;
}

.card-first-device .firstd-txt {
    color: #a8a8a8;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
}

/* Unit of Measurement Buttons */

.btn-group-units {
    float: right;
    margin: 11px 0 0 0;
}

	.btn-group-units .btn,
	.btn-group-units button {
		padding: 5px 0;
		width: 40px;
		text-align: center;
		font-size: 12px;
		font-weight: bold;
		background: #f0f0f0 !important;
		color: #0da899 !important;
	}

.btn-group-units .btn.active {
	border-color: #10cfbd !important;
	background: #10cfbd !important;
	color: #fff !important;
}

/* Error Page */
body.error {
    background: #10cfbd !important;
}

.error-wrapper {
   height:100%;
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
}

.error-wrapper tr td {
   vertical-align: middle !important;
   text-align: center !important;
}

.error-img {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    max-width: 260px;
    max-height: 504px;
    height: auto;
}

.error-btn-border,
.error-btn-border:active,
.error-btn-border:visited {
    font-weight: 600;
    border: 2px solid #fff !important;
}

/*.error-btn-border:hover {

}*/

.profile-dropdown > a:last-child {
    margin-top: 5px;
}

.profile-dropdown > a:last-child:hover {
    background-color: #f0f0f0;;
}

.tempy-modal-well {
    margin: 25px auto 15px;
    padding: 5px 20px 20px;
    height: 350px;
    background: #fbfbfb;
    border: 1px solid #efefef;
    box-shadow: inset 0px 0px 5px rgba(0,0,0,0.05);
    overflow: auto;
}

.dropdown-menu > li:first-child,
.dropdown-menu > .dropdown-item:first-child {
    padding-top: 5px;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: transparent;
}

/* Select2 Dropdown w/ Input Group Popover */

.popover {
	z-index: 9999;
}

.label-tempy-select2-popover {
    padding-top: 0 !important;
}

.tempy-select2-popover {
    padding-left: 0 !important;
    height: 51px !important;
}

.form-group-default.required:after {
    right: 16px;
}

.form-group-default.input-group.required:after {
    right: 65px;
    z-index: 5;
}

.form-group-default.input-group .input-group-addon {
    min-width: calc(50px);
}

.form-group-default.input-group .input-group-addon:hover {
    cursor: pointer;
}

.has-error input {
	font-size: 14px;
}

.form-group-default.has-error {
	margin-bottom: 0;
}

.has-error .select2-selection {
    background-color: rgba(245, 87, 83, 0);
}

.txt-upper {
	text-transform: uppercase;
}

textarea.txt-area-device {
    height: 100px !important;
}

/*.txtarea-tempy-edit {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    min-height: 70px !important;
    overflow-y: hidden !important;
}*/

.form-group-tempy-txtarea {
    padding-bottom: 10px;
}

/* Alert Modal Checkbox Form Group */

.form-group-default.form-group-checkbox.focused,
.form-group-default.form-group-checkbox.focused label,
.form-group-default.form-group-checkbox.focused .checkbox {
    opacity: 1 !important;
    background-color: #ffffff !important;
}

.form-group-default.form-group-checkbox .fade {
    opacity: 1 !important;
}

.form-group-default.form-group-checkbox .checkbox {
    display: inline-block !important;
    margin-top: -15px;
    padding-right: 25px;
}

.form-group-default.form-group-checkbox .checkbox:last-child {
    padding-right: 0;
}

/* Header Bar */
.hdr-tempy-hamburger {
    margin-top: 15px;
}

.hdr-tempy-brand {
 	display: inline-block;
 	padding-top: 10px;
 	text-align: center;
}

.hdr-tempy-brand .page-title {
 	position: relative;
 	top: 4px;
}

.hdr-tempy-user {
	position: absolute;
	display: inline-block;
	margin-top: 10px;
	right: 0;
}

.page-title {
	margin-left: 10px !important;
	color: #ffffff !important;
}

/* Cards */

.card-tempy .card-header {
    padding-bottom: 10px !important;
    padding-top: 15px !important;
    background: #f8f8f8;
    border-bottom: 1px solid #ededed;
}

.card-tempy .dropdown-menu {
	z-index: 9999 !important;
}

.card-tempy .nav-tabs {
	z-index: 1;
}

.tempy-threshold-card {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	background: #f8f8f8;
}

.tempy-threshold-card .hdr-title,
.tempy-threshold-card .ftr-title {
	font-size: 10.5px;
	font-weight: bold;
	text-transform: uppercase;
}

.tempy-threshold-card .reading {
	font-size: 26px;
	line-height: 36px;
	font-weight: bold;
}

.container-tempy-chart {
	padding-top: 20px;
	padding-bottom: 20px;
}

.container-tempy-chart-hc {
    padding-top: 0px;
    padding-bottom: 24px;
}

.row.small-gutters > [class^="col-"],
.row.small-gutters > [class*='col-'] {
    padding-right: 7px;
    padding-left: 7px;
}

.progress-device-status {
	margin-bottom: 0;
}

/* Status Tab Table */


.tbl-device-status {
    /*margin-top: 10px;*/
    width: 100%;
    border: 1px solid #f2f2f2;
}

.tbl-device-status tbody tr td {
    padding: 2px 10px;
    border-bottom: 1px solid #f2f2f2;
}

.tbl-device-status tbody tr td:first-child {
    background: #f8f8f8;
    border-right: 1px solid #f2f2f2;
}

/* Device Image */

.sensor-bottom {
	margin-top: 10px;
	width: 100%;
	max-width: 360px !important;
}

/* Status Labels */

.lbl-status {
    display: inline-block;
    min-width: 150px;
    max-width: 500px;
    text-align: center;
}

/* Modals */

.modal.fade {
    background: rgba(0,0,0,0.6);
}

.modal-tempy-body {
	margin-top: 80px;
}

.modal .modal-content {
	border: none;
	box-shadow: -3px 0px 3px 1px rgba(0,0,0,0.10);
}

.modal .close-bar {
    position: absolute;
    padding: 20px;
    width: 100%;
    height: 60px;
    top: 0;
    right: 0;
    font-size: 14px;
    color: #fff;
    background: #2b303b;
    z-index: 5;
}

.modal .close-bar i {
	font-size: 12px;
}

.modal .close-bar .close {
	top: 22px !important;
	right: 10px !important;
	font-size: 18px !important;
	color: #fff;
	text-shadow: none;
	opacity: 1;
}

.modal-card-block-inner {
    padding: 20px 0 !important;
    padding-bottom: 10px !important;
}

/* Modal Form Elements */

.select2-dropdown {
    z-index: 1060;
}

.tempy-irs-wrapper {
	padding: 20px 12px;
}

.irs-wrapper .irs-line,
.irs-wrapper.success .irs-to,
.irs-wrapper.success .irs-from {
    cursor: pointer;
}

.irs-from,
.irs-to,
.irs-single {
	padding: 2px 7px;
    min-width: 40px;
    font-size: 12px;
    text-align: center;   
}

/* Select2 Multi */

#select2-contactMulti-results .select2-results__option[aria-selected=true],
#select2-deviceMulti-results .select2-results__option[aria-selected=true] {
    display: none;
}

.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    margin: 6px 5px 0 0 !important;
    padding: 4px 8px 6px 8px;
    max-width: 350px;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    text-overflow: ellipsis;
    background-color: #2b303b !important;
    background-image: none;
    border: none;
    border-radius: 4px;
    box-shadow: none;    
	overflow: hidden;
    white-space: nowrap;
}

.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    position: relative;
    display: inline-block;
	margin-top: -10px;
    margin-right: 5px;
    color: #fff;
}

.form-group-default.form-group-default-select2 .select2-container .select2-selection--multiple {
    height: auto;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    position: absolute;
    display: inline-block;
    float: none;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;   
    padding: 3px 5px 6px 5px;
    top: 22px;
    right: 0;
    color: #626262 !important;
    font-size: 14px;
    text-align: center;
    line-height: 12px;
    background-color: #f8f8f8;
    border-radius: 4px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear:hover {
    opacity: 0.8;
}

.select2-container .select2-search--inline .select2-search__field {
    width: 150px !important;
    font-size: 14px;
}

.select2-selection--multiple .select2-selection__rendered .select2-search--inline {
    margin-left: 0;
}

/* DataTables */

.dataTables_wrapper .dataTables_paginate {
    margin-top: 10px !important;
}

.dataTables_filter {display: none;}

table .label {
	padding: 4px 10px 6px;
}

#deviceTable > tbody > tr.alert-triggered > td {
    background: rgba(245,87,83,0.10) !important;
}

input:disabled + span.switchery {
    cursor: default !important;
}

td > .tbl-lbl-alert-type,
li > span > span.tbl-lbl-alert-type {
    display: inline-block;
    width: 100%;
    text-align: center;
}

li > span > span.tbl-lbl-alert-type {
    width: 100%;
    max-width: 150px;
}

.tbl-lbl-contact,
.tbl-lbl-device {
	display: inline-block;
	margin: 5px 2px 0 0;
	text-align: center;
}

.contact-main > td {
    background-color: #e2f6f4 !important;
}

.label.label-type {
    color: #fff;
    background-color: #2b303b;
}

.label.label-complete {
	color: #fff;
	background-color: #48b0f7;
}

.label.label-primary {
	color: #fff;
	background-color: #6d5cae;
}

th.sorting_disabled {
    color: rgba(44, 44, 44, 0.35) !important;
}

a.lbl-btn-edit {
    padding: 4px 10px 6px;
    color: #fff !important;
    font-size: 11px;
    background-color: rgba(43,48,59,1);
    border-radius: .25em;
    cursor: pointer;
}

a.lbl-btn-edit:hover {
    color: #fff !important;
    background-color: rgba(43,48,59,0.7);
}


/* Responsive Button  */

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
    padding-left: 40px !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    font-family: FontAwesome;
    margin-top: -10px;
    top: 50%;
    left: 10px; 
    width: 21px;
    height: 21px;
    color: white;
    text-align: center;
    font-size: 10px;
    line-height: 21px;
    border: none;
    border-radius: 16px;
    box-shadow: none;
    content: "\f067";
    background-color: #10cfbd;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    content: "\f068";
    background-color: #f55753;
}

table.dataTable > tbody > tr.child ul {
    width: 100%;
}

.table.table-hover tbody tr:hover td {
    background: #f7f7f7 !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.child > td.child {
    padding: 10px 20px 5px !important;
    background-color: #fafafa;
}


/* Tabs */
.nav-tabs-simple > li > a.active:after,
.nav-tabs-simple > li > a:hover:after {
    height: 3px !important;
}

.nav-tabs-tempy > li > a:after {
    background-color: #2a2f3a !important;
    z-index: 200 !important;
}

/* Buttons */

.btn-tempy-modal {
	position: fixed;
    height: 50px;
    width: 50px;
    bottom: 35px;
    right: 55px;
    color: #fff;
    font-size: 18px;
    line-height: 15px;
    background: #10cfbd;
    border-radius: 50% !important;
    border: none;
    outline: none;
    -moz-transition: .1s ease-in-out;
    -webkit-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    -ms-transition: .1s ease-in-out; 
    z-index: 1000;
}

.btn-tempy-modal:hover,
.btn-tempy-modal:active,
.btn-tempy-modal:visited {
	cursor: pointer;
    color: #fff;
    background: #309a90;
}

/* User Menu */

.user-menu .title {
    font-family: 'Montserrat';
    font-size: 10.5px;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.4);
    letter-spacing: 0.03em;
}

.user-menu ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

.user-menu ul li a,
.user-menu ul li a:visited {
    font-size: 14px;
    color: #626262;
    line-height: 25px;
}

.user-menu ul li.active a,
.user-menu ul li a:hover {
    color: #3bc1b4;
}

/* Razor MVC Checkbox Hack */

.checkbox.checked label::after {
    font-family: 'FontAwesome';
    content: "\F00C";
    color: #fff;
}

.checkbox.checked label:before {
    border-width: 8px;
}

/* PLUGIN OVERWRITES */

/* Sweet Alerts */
.swal-text,
.swal-footer {
    text-align: center !important;
}

/* Notify JS */

.notifyjs-bootstrap-base {
    padding: 10px 20px !important;
    border-radius: 2px !important;
}

.notifyjs-bootstrap-base .image {
    display: none !important;
}

.notifyjs-bootstrap-success {
    text-shadow: none !important;
    color: #0b7c71 !important;
    background-color: #cff5f2 !important;
    border-color: #cff5f2 !important;
    background-image: none !important;
}

.notifyjs-bootstrap-error {
    text-shadow: none !important;
    color: #933533 !important;
    background-color: #fddddd !important;
    border-color: #fddddd !important;
    background-image: none !important;
}

.notifyjs-bootstrap-warn {
    text-shadow: none !important;
    color: #957d33 !important;
    background-color: #fef6dd !important;
    border-color: #fef6dd !important;
    background-image: none !important;
}

.notifyjs-bootstrap-info {
    text-shadow: none !important;
    color: #2c6b94 !important;
    background-color: #daeffd !important;
    border-color: #daeffd !important;
    background-image: none !important;
}

/*********** NOTIFICATION CENTER ***********/

a.message-link,
a.message-link:active,
a.message-link:focus,
a.message-link:visited {
	font-weight: 600;
	color: #3b4752 !important;
}

a.message-link:hover {
	color: #525a72 !important;
}

a.noti-link-temp,
a.noti-link-temp:active,
a.noti-link-temp:focus,
a.noti-link-temp:visited {
	font-weight: 600;
	color: #10cfbd !important;
}

a.noti-link-temp:hover {
	color: #0fb6a6 !important;
}

a.noti-link-hum,
a.noti-link-hum:active,
a.noti-link-hum:focus,
a.noti-link-hum:visited {
	font-weight: 600;
	color: #48b0f7 !important;
}

a.noti-link-hum:hover {
	color: #3a96d4 !important;
}

a.noti-link-dew,
a.noti-link-dew:active,
a.noti-link-dew:focus,
a.noti-link-dew:visited {
	font-weight: 600;
	color: #f8d053 !important;
}

a.noti-link-dew:hover {
	color: #c4a442 !important;
}

a.noti-link-air,
a.noti-link-air:active,
a.noti-link-air:focus,
a.noti-link-air:visited {
	font-weight: 600;
	color: #6d5cae !important;
}

a.noti-link-air:hover {
	color: #544788 !important;
}

a.noti-link-conn,
a.noti-link-conn:active,
a.noti-link-conn:focus,
a.noti-link-conn:visited {
	font-weight: 600;
	color: #f55753 !important;
}

a.noti-link-conn:hover {
	color: #cb4b48 !important;
}

a.read-link,
a.trash-link {
	color: #626262;
}

a.trash-link:hover {
	color: #f55753 !important;
}

.tempy-menu-username {
	margin: -2px 12px 0 0;
}

.tempy-menu-noti-icon,
.tempy-menu-help-icon {
	margin: -8px 8px 0 0;
}

.tempy-menu-noti-icon a.header-icon,
.tempy-menu-help-icon a.header-icon {
	color: #788195;
}

.tempy-menu-noti-icon i.header-icon,
.tempy-menu-help-icon i.header-icon {
    color: #788195;
}


.tempy-menu-help-icon a.header-icon {
	font-size: 19px;
}

.header .bubble {
	margin-top: 1px;
	margin-right: 2px;
}

.tempy-noti-dd-menu {
	left: auto !important;
	right: -20px !important;
	top: 38px;
	width: 400px;
}

.time-wrap,
.time-wrap-modal{
	float: right !important;
}

.heading-box-tempy,
.heading-box-tempy-modal {
	display: inline-block;
	float: left;
	width: 230px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.heading-box-tempy-modal {
	width: 315px;
}

.heading.open .heading-box-tempy,
.heading.open .heading-box-tempy-modal {
	margin-top: 12px;
	margin-bottom: 10px;
	white-space: normal;
	line-height: 20px;
}

.noti-more-details {
	margin-top: -15px;
}

.noti-message {
	line-height: 20px !important;
}

.noti-more-details.noti-more-details-dd {
	max-width: 340px !important;
}

.noti-footer,
.noti-header {
	background-color: #f5f5f5;
}

.noti-header {
	color: #2b303b;
	border-top: none !important;
	border-bottom: 1px solid #e6e6e6;
}

.noti-header p {
	margin: 0 0 0 15px;
	font-weight: 600;
}

.noti-footer-modal {
	position: absolute;
	display: block;
	padding: 12px 10px 10px;
	width: 100%;
	height: 45px;
	font-size: 13px;
	bottom: 0;
	text-align: center;
	background: #f5f5f5;
	border-top: 1px solid #e6e6e6;
	z-index: 20;
}

.noti-footer-modal a {
	color: #626262;
}

.cursor-none {
	cursor: default !important;
}

.notification-item.read a,
.notification-item.read a:active,
.notification-item.read a:focus,
.notification-item.read a:visited {
	color: #626262 !important;
}

.notification-item.read a:hover {
	color: #161616 !important;
}

ul.noti-list {
	padding-left: 20px;
	list-style: none;
}

ul.noti-list li {
	margin-bottom: 8px;
	padding-left: 0;
	line-height: 14px;
	color: #848484;
}

ul.noti-list li.bell:before,
ul.noti-list li.datetime:before,
ul.noti-list li.info:before {
	font-family: FontAwesome;
	font-size: 12px;
	margin: 0 8px 0 -20px;
	color: #f55753;
}

.notification-item.read ul.noti-list li.bell:before,
.notification-item.read ul.noti-list li.datetime:before,
.notification-item.read ul.noti-list li.info:before {
	color: #626262 !important;
}

ul.noti-list li.bell:before {
	content: "\f0f3";
}

ul.noti-list li.datetime:before {
	content: "\f073";
}

ul.noti-list li.info:before {
	content: "\f071";
}

.visible-tablet-down {
	display: none !important;
}


/* MEDIA QUERIES */
@media (max-width: 991px) {
	.hdr-tempy-brand .brand.inline {
        display: none !important;
    }

    .hdr-tempy-brand .page-title {
        margin-left: -15px !important;
    }

	.hdr-tempy-brand {
	 	margin: auto;
	}

	.horizontal-app-menu .menu-bar .toggle-sidebar {
	    margin: 0 0 10px;
	    padding: 22px 20px;
	    width: 100%;
	    /*text-align: left;*/
	    color: #ffffff;
	    background: #3bc1b4;
	}

	.visible-tablet-down {
		display: block !important;
	}

}

@media (max-width: 767px) {

    .btn-tempy-modal {
        bottom: 20px;
        right: 20px;
    }

    .error-img {
        max-width: 186px;
        max-height: 360px;
    }

    /* Alert Modal Checkbox Form Group */

    .form-group-default.form-group-checkbox .checkbox {
        padding-right: 15px;
    }

    .form-group-default.form-group-checkbox .checkbox:last-child {
        padding-right: 0;
    }

	.tempy-search-row {
		padding-left: 20px;
		padding-right: 20px;
	}

}

@media (max-width: 575px) {

    /* Unit of Measurement Buttons */

    ol.breadcrumb {
        padding-bottom: 10px;
        text-align: center;
    }

    .breadcrumb .breadcrumb-item {
        float: none;
        display: inline;
    }

    .btn-group-units-col {
        text-align: center;
    }

    .btn-group-units {
        float: none;
        margin: 0 auto 20px;
		left: 8px;
        width: 80px;
    }

    .btn-group-units .btn,
    .btn-group-units button {
        padding: 5px 0;
        width: 40px;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
    }

	.card-header.dashboard {
		min-height: 80px;
	}

	.card-header.dashboard .card-title {
		display: block;
		text-align: center;
	}

	.card-header.dashboard .card-controls {
		display: block;
	}

	.card-header.dashboard .card-controls,
	.card-header.dashboard .btn-group-card-controls {
		position: relative;
		float: none;
		margin: 5px 0 0;
	}

	.card-header.dashboard .card-controls, .card-header.dashboard .btn-group-card-controls {
		text-align: center;
	}

}

@media (max-width: 550px) {

    .card-first-device {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 480px) {

	.tempy-noti-dd-menu {
		width: 300px;
		right: -55px !important;
	}

	.time-wrap {
		float: left !important;
		margin-top: -20px;
		margin-bottom: 0px;
	}

}


@media (max-width: 420px) {
    .btn-tempy-modal {
        bottom: 10px;
        right: 10px;
    }

    .alert-var-container {
        width: 100%;
    }

	.time-wrap-modal {
		float: left !important;
		margin-top: -20px;
		margin-bottom: 0px;
	}

	.heading-box-tempy-modal {
		width: 315px;
	}

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

	.card-controls {
		float: none !important;
		margin-top: 10px !important;
	}

    .btn-tempy-modal {
        bottom: 10px;
        right: 10px;
    }

    .alert-var-container {
        width: 100%;
    }

	.time-wrap-modal {
		float: left !important;
		margin-top: -20px;
		margin-bottom: 0px;
	}

	.heading-box-tempy-modal {
		width: 315px;
	}

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

	.card-controls {
		float: none !important;
		margin-top: 10px !important;
	}

	.popover.bs-tether-element-attached-right {
		margin-left: 15px !important;
	}

	.card-control-info {
		display: none;
	}
}

@media (max-width: 360px) {

	.tempy-noti-dd-menu {
		width: 300px;
		right: -55px !important;
	}
}

txtarea-mc {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    min-height: 115px !important;
}

.option{
    cursor:pointer;
}

.modal-tempy-notification {
    margin-top: 60px !important;
    padding: 0px !important;
}

.card-notification {
    margin-top: 0px !important;
}

#notificationList {
    max-height: none !important;
}

/*Dashboard Tab*/
.nav-tabs > li > a.active {
    color: #10cfbd !important;
    font-weight: bold;
}

/*Dashboard Nav*/
#tempy-top-nav {
    width: 90%;
    float: left;
}

#tempy-unit-toggle {
    width: 10%;
    float: left;
}

.horizontal-app-menu .menu-bar > ul > li {
    flex: 0 0 auto !important;
}

/*Help Menu*/
#help-menu {
    background-color: white !important;
}

/*Grey Out Image(device singal)*/
.image-grey {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

/*Device Bat Icon*/
.bat-level{
    font-size:16px;
    color: #000;
    padding-top: 5px;
}