/*

	Login screen

*/


.login-top-header {
    z-index: 200;
    background-color: FFF;
}


.login-header {
	margin-left: auto;
	margin-right: auto;
	max-width: 400px !important;
	padding-left: 20px;
	padding-top: 100px;
}


.login-card {
	width: 400px !important;
	margin-left: auto;
	margin-right: auto;
	border-radius: 0 !important;
	background-color: whitesmoke;
	color: #ffffff;
	border: none;
}

.login-card-header {
	background-color: #3A4C5C;
	color: #d0d0d0;
	margin: 3px;
	font-size: 1.4rem;
}


.login-card-body {
	color: #404040;
	margin: 20px;
}

.navbar-brand-color {
  color: #fff;
}

.navbar-brand-color:hover, .navbar-brand-color:focus {
  color: rgba(255, 255, 255, 0.5);
}


.navbar-color {
  color: #fff;
}

.navbar-color .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-color .navbar-nav .nav-link:hover, .navbar-color .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-color .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-color .navbar-nav .show > .nav-link,
.navbar-color .navbar-nav .active > .nav-link,
.navbar-color .navbar-nav .nav-link.show,
.navbar-color .navbar-nav .nav-link.active {
  color: rgba(255, 255, 255, 1);
}

.navbar-color .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}


.navbar-color .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-color .navbar-text a {
  color: #fff;
}

.navbar-color .navbar-text a:hover, .navbar-color .navbar-text a:focus {
  color: #fff;
}


.bg-color-dark {
  background-color: #3A4C5C !important;
}

a.bg-color-dark:hover, a.bg-color-dark:focus,
button.bg-color-dark:hover,
button.bg-color-dark:focus {
  background-color: #27343f !important;
}

.bg-color-lighter {
  background-color: #455b6e !important;
}

a.bg-color-lighter:hover, a.bg-color-lighter:focus,
button.bg-color-lighter:hover,
button.bg-color-lighter:focus {
  background-color: #31414e !important;
}


.bg-color-light {
  background-color: #829bb0 !important;
}

a.bg-color-light:hover, a.bg-color-light:focus,
button.bg-color-light:hover,
button.bg-color-light:focus {
  background-color: #58758d !important;
}


.bg-color-lightest {
  background-color: #e0e6eb !important;
}

a.bg-color-lightest:hover, a.bg-color-lightest:focus,
button.bg-color-light:hover,
button.bg-color-light:focus {
  background-color: #c0cdd8 !important;
}



.btn-color-dark {
  color: rgba(255, 255, 255, 0.5);
  background-color: #27343f;
  border-color: #1d272f;
}

.btn-color-dark:hover {
  color: #fff;
  background-color: #31414e;
  border-color: #1d272f;
}

.btn-color-dark:focus, .btn-color-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-color-dark.disabled, .btn-color-dark:disabled {
  color: rgba(255, 255, 255, 0.3);
  background-color: #27343f;
  border-color: #1d272f;
}

.btn-color-dark:not(:disabled):not(.disabled):active, .btn-color-dark:not(:disabled):not(.disabled).active,
.show > .btn-color-dark.dropdown-toggle {
  color: rgba(255, 255, 255, 0.5);
  background-color: #27343f;
  border-color: #1d272f;
}

.btn-color-dark:not(:disabled):not(.disabled):active:focus, .btn-color-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-color-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

/*
	Sidebar buttons
*/

a.sidebar-btn {
	background: #FFFFFF !important;
	color: #262626 !important;
	border:1px solid #bfbfbf;
}


a.sidebar-btn:hover {
	background: #d5d9dd !important;
	border:1px solid #a6a6a6;
}

.bg-whitesmoke {
	background: whitesmoke;
}

/*
	Kendo grid styling
*/

/*
.k-grid .k-state-selected  {
  background-color: #829bb0 !important;
  color: #000000;
}

.k-grid .k-alt.k-state-selected {
  background-color: #829bb0 !important;
  color: #000000;
}


.k-grid-header, .k-grid-header .k-header, .ocog-tbl-header {
	font-size: 16px;
	background-color: #3A4C5C;
	color: white;
}

.k-grid-header .k-header .k-link {
	color: white;
}





*/

/* Kendo Grid color */

.k-grid-header, .k-grid-header .k-header, .ocog-tbl-header {
	font-size: 16px;
	background-color: #3A4C5C;;
	color: white;
}


.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td {
	background-color: #4f687d !important;
}

tr.k-state-selected {
	background-color: #829bb0 !important;
	color: black;
}

.k-grid tr td {
	border-top: none !important;
	border-bottom: none !important;
}

.k-grid-header .k-header .k-link {
	color: white;
}

.k-grid .k-header .k-icon {
	color: white;
}


.tst-snow-type {
	background: green;   
}