/*Start Fonts*/
/* Open Sans */
@font-face {
    font-family: "WorkSans";
    src: url("../font/WorkSans-Thin.eot");
    src: url("../font/WorkSans-Thin.eot?#iefix") format('embedded-opentype'),
         url("../font/WorkSans-Thin.woff2") format('woff2'),
         url("../font/WorkSans-Thin.woff") format('woff'),
         url("../font/WorkSans-Thin.ttf") format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: "WorkSans";
    src: url("../font/WorkSans-Light.eot");
    src: url("../font/WorkSans-Light.eot?#iefix") format('embedded-opentype'),
         url("../font/WorkSans-Light.woff2") format('woff2'),
         url("../font/WorkSans-Light.woff") format('woff'),
         url("../font/WorkSans-Light.ttf") format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: "WorkSans";
    src: url("../font/WorkSans-Regular.eot");
    src: url("../font/WorkSans-Regular.eot?#iefix") format('embedded-opentype'),
         url("../font/WorkSans-Regular.woff2") format('woff2'),
         url("../font/WorkSans-Regular.woff") format('woff'),
         url("../font/WorkSans-Regular.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "WorkSans";
    src: url('../font/WorkSans-Medium.eot');
    src: url('../font/WorkSans-Medium.eot?#iefix') format('embedded-opentype'),
         url('../font/WorkSans-Medium.woff2') format('woff2'),
         url('../font/WorkSans-Medium.woff') format('woff'),
         url('../font/WorkSans-Medium.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "WorkSans";
    src: url('../font/WorkSans-SemiBold.eot');
    src: url('../font/WorkSans-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('../font/WorkSans-SemiBold.woff2') format('woff2'),
         url('../font/WorkSans-SemiBold.woff') format('woff'),
         url('../font/WorkSans-SemiBold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "WorkSans";
    src: url('../font/WorkSans-Bold.eot');
    src: url('../font/WorkSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('../font/WorkSans-Bold.woff2') format('woff2'),
         url('../font/WorkSans-Bold.woff') format('woff'),
         url('../font/WorkSans-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
/*End Fonts*/
*
{
	margin: 0;
	padding: 0;
}
html
{
	scroll-behavior: smooth;
}
body
{
	background: #fff;
}
html, body {
  height: 100%;
}
/* Start Scrollbar */
/* width */
::-webkit-scrollbar {
  width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f2f2f2; 
  -webkit-box-shadow: inset 0 0 .2rem #808080; 
          box-shadow: inset 0 0 .2rem #808080;
}
/* Track Active */
::-webkit-scrollbar-track:active {
  background: #d9d9d9; 
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #4d4d4d; 
  border-radius: 50px;
  -webkit-box-shadow: inset 0 0 .3rem #4d4d4d;
          box-shadow: inset 0 0 .3rem #4d4d4d;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #333333; 
}
/* End Scrollbar */
.container
{
	max-width: 1280px;
}
.window-overlay
{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.3);
	display: none;
	cursor: default;
}
.window-overlay.active
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
/*
.data-view-container 
{
	background: url('../img/wave.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
*/

.top-wave
{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 500px;
    width: 100%;
    background-color: #f8a218;
    -webkit-clip-path: ellipse(90% 100% at 54.8% 0%);
            clip-path: ellipse(90% 100% at 54.8% 0%);
    z-index: -1;
}
.bottom-wave
{
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 500px;
    background-color: #ec9414;
    -webkit-clip-path: ellipse(90% 100% at 51.2% 100%);
            clip-path: ellipse(90% 100% at 51.2% 100%);
}

.data-view-container .dropdown-toggle
{
	color: #fff;
    background-color: #dd8932;
    -webkit-box-shadow: 0 0 0.5em #5656565e;
            box-shadow: 0 0 0.5em #5656565e;
    border:  none;
}
.data-view-container .dropdown-toggle:hover
{
	color: #fff;
    background-color: #a9691a;
    -webkit-box-shadow: 0 0 0.5em #5656565e;
            box-shadow: 0 0 0.5em #5656565e;
}
.data-view-container .form-control
{
	-webkit-box-shadow: inset 0 0 .5em #9d9d9d;
	        box-shadow: inset 0 0 .5em #9d9d9d;
}
.data-view-container .pagination-div
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.data-view-container .dvc-table-container
.facility-table
{
	width: 100%;
}
.data-view-container .dvc-table-container
.facility-table thead
{
	background-color: #e9e9e9;
    background-image: -o-linear-gradient(254deg, #e9e9e9 0%, #ffffff 100%);
    background-image: linear-gradient(196deg, #e9e9e9 0%, #ffffff 100%);
}
.data-view-container .dvc-table-container
.facility-table tbody tr
{
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
/* .data-view-container .dvc-table-container
.facility-table tbody tr:hover
{
	-webkit-transform: translateY(10px);
	    -ms-transform: translateY(10px);
	        transform: translateY(10px);
} */
.data-view-container .table-keys-div
{
    background: #ffffff;
    border-radius: 5px;
    padding: 1em;
    -webkit-box-shadow: 0 0 .2em #cccccc;
            box-shadow: 0 0 .2em #cccccc;
    text-align: right;
}
.data-view-container .table-keys-div
.key-div .key-color
{
    height: 5px;
    display: inline-block;
    width: 43px;
    -webkit-box-shadow: 0 0 .3em #cccccc;
            box-shadow: 0 0 .3em #cccccc;
}
.data-view-container .table-keys-div
.key-div .key-name
{
    color: #4d4d4d;
}

.login-dialog-container
{
    background: #ffffff;
    padding: 2em;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 .5em #b3b3b3;
            box-shadow: 0 0 .5em #b3b3b3;
    width: 300px;
    display: none;
}
.login-dialog-container.active
{
    display: block;
}



.bgcolor-changer-div
{
    position: relative;
}
.bgcolor-changer-div img
{
    display: none;
}
.bgcolor-changer-div .color-input
{
    position: absolute;
    width: 100px;
    top: 5px;
    right: 5px;
}

.table-div
{
    overflow: auto;
    width: 100%;
}