body {
	font-family: 'Poppins', sans-serif;
	background: #fafafa;
}


.footer-custom {
	position: fixed;
	height: 28px;
	bottom: 0;
	width: 100%;
}

.navbar-sitemap {
	padding-top: 59px;
}

.navbar-sitemap-path {
	color: gray;
	padding-left: 20px;
}

.sitemap-text {
	text-decoration: none;
	transition: all 0.3s;
	font-size: 0.9em;
	color: gray;
}

.sitemap-text:hover {
	text-decoration: none;
	transition: all 0.3s;
	font-size: 1em;
	color: #b3b3b3;
}

.sitemap-active-link {
	text-decoration: none;
	transition: all 0.3s;
	font-size: 0.9em;
	color: gray;
}

.sitemap-active-link:hover {
	text-decoration: none;
	transition: all 0.3s;
	font-size: 1em;
	color: #b3b3b3;
}

.nav-link {
    font-size: 1.1em;
    font-weight: 300;
}

/****************************************************
******                                         ******
******             Weather sensors             ******
******                                         ******
****************************************************/
.wg-sensor-outer {
	background: #fff;
	border-radius: 50%;
	height: 200px;
	width: 200px;
	position: relative;
	border:2px solid #455a64;
}

 
.wg-sensor-inner {
	position: absolute;
	background: #455a64;
	border-radius: 50%;
	height: 180px;
	width: 180px;
	margin: 10px 0px 0px 10px;
	text-align: center;
	font-family: Ubuntu,Helvetica Neue,Helvetica,Arial,sans-serif;

}

.wg-sensor-inner-top {
	position: absolute;
	background: #455a64;   
	height: 88px;
	width: 176px;
	border-top-left-radius:  340px;
	border-top-right-radius: 340px;   
	margin: 10px 0px 0px 10px;
}
 
.wg-sensor-inner-bottom {
	position: absolute;
	height: 88px;
	width: 176px;
	border-bottom-left-radius:  340px;
	border-bottom-right-radius: 340px;   
	margin: 98px 0px 0px 10px;
	text-align: center;
	border:3px solid #455a64;

 }

.wg-sensor-name {
	font-weight: 500;
	font-family: Ubuntu,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 18px;   
	position: absolute;
	height: 88px;
	width: 176px;
   	text-align: center;
	margin: 65px 0px 0px 0px;
	color: #fff;
}

.wg-sensor-active-on-old:before {
	position: absolute;
	font-family: FontAwesome;
	content: "\f00c";
	font-size: 24px;
	color: #4caf50;
	text-align: center;
	height: 90px;
	width: 180px;
	margin: 6px 0px 0px 0px;
}

.wg-sensor-active-off-old:before {
	position: absolute;
	font-family: FontAwesome;
	content: "\f00d";
	font-size: 24px;
	color: #e53935;
	text-align: center;
	height: 90px;
	width: 180px;
	margin: 6px 0px 0px 0px;
}

.wg-sensor-battery-on:before {
	position: absolute;
	font-family: FontAwesome;
	content: "\f241";
	font-size: 16px;
	color: #4caf50;
	text-align: right;
	height: 90px;
	width: 180px;
	margin: 46px 0px 0px -16px;
}


.wg-sensor-battery-off:before {
	position: absolute;
	font-family: FontAwesome;
	content: "\f243";
	font-size: 16px;
	color: #e53935;
	text-align: right;
	width: 180px;
	margin: 52px 0px 0px -16px;
}

.wg-sensor-active-on {
	position: absolute;
	text-align: center;
	height: 90px;
	width: 180px;
	font-size: 24px;
	color: #4caf50;
	text-align: center;
	margin: 6px 0px 0px 0px;
}

.wg-sensor-active-off {
	position: absolute;
	text-align: center;
	height: 90px;
	width: 180px;
	font-size: 24px;
	color: #e53935;
	text-align: center;
	margin: 6px 0px 0px 0px;
}

.wg-sensor-active-delay {
	position: absolute;
	text-align: center;
	height: 90px;
	width: 180px;
	font-size: 24px;
	color: #ffa31a;
	text-align: center;
	margin: 6px 0px 0px 0px;
}

.wg-sensor-update-time {
	position: absolute;
	color: #ffffff;
	text-align: left;
	margin: 46px 0px 0px 12px;
}


.wg-sensor-temperature {
	position: absolute;
	height: 88px;
	width: 176px;
   	text-align: center;
	margin: 20px 0px 0px 00px;
	color: #fff;
	font-weight: 700;
	font-size: 34px;   
}

.wg-sensor-humidity {
	position: absolute;
	height: 90px;
	width: 180px;
   	text-align: right;
	margin: 0px 0px 0px -20px;
	color: #fff;
	font-weight: 700;
	font-size: 18px;   
}

.wg-sensor-hot {
	background: #ff7043;   
}

.wg-sensor-good {
	background: #2e7d32;   
}

.wg-sensor-cold {
	background: #003c8f;   
}


.space-li {
	border-bottom: 1px solid #8e8e8e;
	vertical-align: middle;
	height: 28px;
	color: #004466;
	
}

.log-label {
	color: #004466;
}

/*Tree view images expand/collapse images*/

.k-treeview .k-i-collapse:before {
	font-family: FontAwesome;
	font-size: 14px;
	content: "\f078";
	color: #243946;
}

.k-treeview .k-i-expand:before {
	font-family: FontAwesome;
	font-size: 14px;
	content: "\f054";
	color: #243946;
}

#vPages .k-in {
    white-space: normal;
}

#vPages {
	color: #4d4d4d;
}

#vPages .k-state-selected {
	color: black;
	font-weight: bold;
	background-color: #f2f2f2;
}



#vCategories {
	color: #4d4d4d;
}

#vCategories .k-state-selected {
	color: white;
	font-weight: bold;
	background-color: #5E8189;
}

#content .btn-default {
	background: white;
    	border: 1px solid #808080;
}

#content .btn-default:hover {
	transition: all 0.3s;
	background: #d9d9d9;
}

/* KB Space styles */


.space-changes {
	font-size: 12px;
	color: #a6a6a6;
}


/* Styles for report table*/


.rpt_tbl_general {
    border-collapse: collapse;
    border-spacing: 0;
    border-color: red;
}

.rpt_tbl_general td {
    font-family: Arial, sans-serif;
    font-size: 14px;
    padding: 10px 5px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    border-color: red; /*#ccc*/
    color: #333;
    background-color: #fff;
}

.rpt_tbl_general th {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 5px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    border-color: red;
    color: #333;
    background-color: #f0f0f0;
}

.rpt_tbl_general .rpt_tbl_td {
    border-color: lightgray; /*inherit*/
    text-align: left;
    vertical-align: top
}

.rpt_tbl_general .rpt_tbl_th {
    border-color: lightgray;
    text-align: center;
    vertical-align: top
}

.rpt_tbl_general .rpt_tbl_td2 {
    background-color: #f9f9f9;
    border-color: inherit;
    text-align: left;
    vertical-align: top
}


/* table templates for Kendo Editor*/

/* GRAY TABLE*/

table.kb_tbl_gray {
    border: 1px solid #000000;    
    text-align: left;
    border-collapse: collapse;
}

table.kb_tbl_gray td, table.kb_tbl_gray th {
    border: 1px solid #000000;
    padding: 5px 4px;
}

table.kb_tbl_gray tbody td {
    font-size: 13px;
}

table.kb_tbl_gray thead {
    background: #CFCFCF;
}

table.kb_tbl_gray thead th {
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    text-align: center;
}

table.kb_tbl_gray tfoot td {
    font-size: 14px;
}

/* BLUE TABLE*/

.kb_tbl_blue {
    border: 1px solid #1C6EA4;
    background-color: #EEEEEE;
    text-align: left;
    border-collapse: collapse;
}

.kb_tbl_blue td, .kb_tbl_blue th {
    border: 1px solid #AAAAAA;
    padding: 3px 2px;
}

.kb_tbl_blue tbody td {
    font-size: 13px;
}

.kb_tbl_blue tr:nth-child(even) {
    background: #D0E4F5;
}

.kb_tbl_blue thead {
    background: #1C6EA4;
    background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    border-bottom: 2px solid #444444;
}

.kb_tbl_blue thead th {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    border-left: 2px solid #D0E4F5;
}

.kb_tbl_blue thead th:first-child {
    border-left: none;
}

/* RED TABLE*/
table.kb_tbl_red {
    border: 1px solid #A40808;
    background-color: #EEE7DB;
    text-align: center;
    border-collapse: collapse;
}

table.kb_tbl_red td, table.kb_tbl_red th {
    border: 1px solid #AAAAAA;
    padding: 3px 2px;
}

table.kb_tbl_red tbody td {
    font-size: 13px;
}

table.kb_tbl_red tr:nth-child(even) {
    background: #F5C8BF;
}

table.kb_tbl_red thead {
    background: #A40808;
}

table.kb_tbl_red thead th {
    font-size: 19px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    border-left: 2px solid #A40808;
}

table.kb_tbl_red thead th:first-child {
    border-left: none;
}

table.kb_tbl_red tfoot td {
    font-size: 13px;
}

table.kb_tbl_red tfoot .links {
    text-align: right;
}

table.kb_tbl_red tfoot .links a {
    display: inline-block;
    background: #FFFFFF;
    color: #A40808;
    padding: 2px 8px;
    border-radius: 5px;
}

/* RED TABLE*/

table.kb_tbl_green {
    font-family: Georgia, serif;
    border: 1px solid #24943A;
    background-color: #D4EED1;
    text-align: center;
}

table.kb_tbl_green td, table.kb_tbl_green th {
    border: 1px solid #24943A;
    padding: 3px 2px;
}

table.kb_tbl_green tbody td {
    font-size: 13px;
}

table.kb_tbl_green thead {
    background: #24943A;
    background: -moz-linear-gradient(top, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);
    background: -webkit-linear-gradient(top, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);
    background: linear-gradient(to bottom, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);
    border-bottom: 0px solid #444444;
}

table.kb_tbl_green thead th {
    font-size: 19px;
    font-weight: bold;
    color: #F0F0F0;
    text-align: left;
    border-left: 2px solid #24943A;
}

table.kb_tbl_green thead th:first-child {
    border-left: none;
}

table.kb_tbl_green tfoot td {
    font-size: 13px;
}

table.kb_tbl_green tfoot .links {
    text-align: right;
}

table.kb_tbl_green tfoot .links a {
    display: inline-block;
    background: #FFFFFF;
    color: #24943A;
    padding: 2px 8px;
    border-radius: 5px;
}

/* BROWN TABLE*/

table.kb_tbl_brown {
    border: 0px solid #948473;
    background-color: #FFE3C6;
    text-align: center;
}

table.kb_tbl_brown td, table.kb_tbl_brown th {
    border: 1px solid #948473;
    padding: 4px 4px;
}

table.kb_tbl_brown tbody td {
    font-size: 13px;
}

table.kb_tbl_brown thead {
    background: #948473;
    background: -moz-linear-gradient(top, #afa396 0%, #9e9081 66%, #948473 100%);
    background: -webkit-linear-gradient(top, #afa396 0%, #9e9081 66%, #948473 100%);
    background: linear-gradient(to bottom, #afa396 0%, #9e9081 66%, #948473 100%);
}

table.kb_tbl_brown thead th {
    font-size: 17px;
    font-weight: bold;
    color: #F0F0F0;
    text-align: center;
    border-left: 2px solid #948473;
}

table.kb_tbl_brown thead th:first-child {
    border-left: none;
}

table.kb_tbl_brown tfoot td {
    font-size: 16px;
}

/* GRAY 2 TABLE*/

table.kb_tbl_gray2 {
    border: 1px solid #666666;
    text-align: left;
    border-collapse: collapse;
}

table.kb_tbl_gray2 td, table.kb_tbl_gray2 th {
    border: 1px solid #000000;
    padding: 5px 4px;
}

table.kb_tbl_gray2 tbody td {
    font-size: 13px;
}

table.kb_tbl_gray2 tr:nth-child(even) {
    background: #F5F5F5;
}

table.kb_tbl_gray2 thead {
    background: #CFCFCF;
    background: -moz-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
    background: -webkit-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
    background: linear-gradient(to bottom, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
    border-bottom: 0px solid #666666;
}

table.kb_tbl_gray2 thead th {
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    border-left: 0px solid #666666;
}

table.kb_tbl_gray2 thead th:first-child {
    border-left: none;
}

table.kb_tbl_gray2 tfoot td {
    font-size: 14px;
}


/* WHITESMOKE TABLE*/

table.kb_tbl_whitesmoke {
    border: 1px solid #dddddd;
    text-align: left;
    border-collapse: collapse;
}

table.kb_tbl_whitesmoke td, table.kb_tbl_whitesmoke th {
    border: 1px solid #dddddd;
    padding:5px 7px;
}

    table.kb_tbl_whitesmoke tbody td {
        font-size: 13px;
        color: #333333;
    }

    table.kb_tbl_whitesmoke thead {
        background-color: #f0f0f0;
    }

        table.kb_tbl_whitesmoke thead th {
            font-size: 13px;
            color: #000000;
            text-align: center;
        }

    table.kb_tbl_whitesmoke tfoot td {
        font-size: 13px;
    }



/*Editor custom toolbar buttons*/

.k-editor .k-i-tt-edit-picture:before {
	font-family: FontAwesome;
	content: "\f016";
	font-size: 16px;
}



.k-editor .k-i-tt-edit-picget:before {
    font-family: FontAwesome;
    content: "\f1d9";
    font-size: 16px;
}

.k-editor .k-i-tt-edit-table:before {
    font-family: FontAwesome;
    content: "\f00a";
    font-size: 16px;
}


.form-control {
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
}

.modal-btn {
	display: block;
	border: 1px solid #27343f;
	border-radius: 5px;
	color: white;
	background: #3A4C5C;
	height: 32px;	
	cursor: pointer;
	vertical-align: middle;
}

.modal-btn:hover {
	transition: all 0.3s;
	background: #27343f;
}


.modal-input {
    display: inline-block;
}

.modal-input-20 {
    display: inline-block;
    margin-left: 1%;
    width: 98%;
}

.modal-label, .modal-label-bold, .modal-label-200, .modal-label-150, .modal-label-100, .modal-label-offset {
    padding: 8px;
    float: left;
    display: inline-block;
    text-align: left;
    white-space: normal;
}

.modal-label-200 {
    width: 200px;
}

.modal-label-150 {
    width: 150px;
}

.modal-label-100 {
    width: 100px;
}

.modal-label-offset {
    margin-left: 16px;
}

.modal-label-bold {
    font-weight:bold;   
}

.modal-form-section {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding: 0;
    position: relative;
    zoom: 1;
    clear: both;
}

.modal-form-line {
    margin: 6px 0;
    width: 100%;
    clear: both;
    position: relative;
}

.modal-toolbar {
	min-height: 20px;
	padding: 5px;
}

.modal-toolbar .btn.btn-primary {
    background: #3A4C5C;
}

.modal-toolbar .btn.btn-primary:hover {
    background: #00464E;
}

.modal-form-line .btn.btn-primary {
    background: #3A4C5C;
}

.modal-form-line .btn.btn-primary:hover {
    background: #00464E;
}

.notify-box {
	cursor: pointer;
	padding: 10px 20px 10px 20px;
	box-sizing: border-box;
	width: 100%;
}


.acct-underline {
	border-bottom: 1px solid #8e8e8e;
}

.acct-header {
	vertical-align: middle;
	height: 28px;    
	font-size: 1.1rem !important;
}


.acct-tbl-text {
	color: #003366;
}

.site-hyperlink {
	color: #003366;
	font-size: 1rem !important;
}


.small-sidebar-btn {
	font-size: 1.4em !important;
	display: block;
	border: 1px solid lightgrey;
	border-radius: 5px;
	color: grey;
	background-color: white;
	height: 36px;	
	cursor: pointer;
	vertical-align: middle;
}

.small-sidebar-btn:hover {
	transition: all 0.3s;
	background: #d9d9d9;
}


.sidebar-label {
    font-size: 1em !important;
    color: #262626;
    height: 16px;
    vertical-align: middle;    
}

.sidebar-h {
    font-size: 1.2em !important;
    color: black;
    height: 20px;
    vertical-align: middle;
}

.sidebar-padding {
    padding-left: 8px;
}

.dropZoneElement {
    position: relative;
    display: inline-block;
    background-color: #f8f8f8;
    border: 1px solid #c7c7c7;
    width: 99%;
    height: 120px;
    text-align: center;
    margin-left: 10px;
}

.textWrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    font-size: 24px;
    line-height: 1.2em;
    font-family: Arial,Helvetica,sans-serif;
    color: #000;
}

.dropImageHereText {
    color: #c7c7c7;
    text-transform: uppercase;
    font-size: 12px;
}

.sr-panel {
    padding-left: 20px;
    padding-top: 20px;
}


.sr-space {
    padding-bottom: 6px;
}

.sr-space-document {
    padding-left: 20px;
    padding-bottom: 6px;
}

.sr-footer {
    font-size: 12px;
    color: #808080;
}

.sr-document {
    position: relative;
    color: #003366;
    font-size: 14px !important;
}

.sr-panel-document {
    padding-top: 20px;
}

/*Special styles to use in knowledgebase pages*/


.fa_snowflake_style {
        position:relative;
}

.fa_snowflake_style:after {
	font-family: FontAwesome;
	top:0;
	left:4px;
	padding-left:4px;
	content: "\f2dc";
	color: #3377ff;
	font-size: 1.2em;
}

.fa_delete_style {
        position:relative;
}

.fa_delete_style:after {
	font-family: FontAwesome;
	top:0;
	left:4px;
	content: "\f1f8";
	color: #CC3300;
	font-size: 1.2em;
}