body{
 /* background:url(../images/bg.jpg);
  text-shadow: 1px 1px 0px white;
  margin: 0;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  
  font-size: 13px;
  line-height: 18px;
  color: #333; */
/*  color: rgba(255, 255, 255, 0.75); */

font-family: "Roboto", Helvetica, sans-serif;

font-size: 15pt;

font-weight: 100;

/* line-height: 1.75em; */
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: inherit;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1 {
  font-size: 30px;
  line-height: 36px;
  padding: 50px 0 20px;
}
#websiteContainer{
  background:url(../images/bg2.png) top left no-repeat;
  height: 529px;
}
.containerRelease{
  width:780px;
  margin-left:230px;
}
#navuser{
position: absolute;
top: 50%;
right: 150px;
transform: translateY(-50%);
color: #8f8f8f;
}
#sitesframe{
	width:100%;
}
.frames{
		width:100%;
}
#companyiframe{
		width:100%;
}
#mapframe{
	
	width: 75%;
	border:0;
}
#chart1,#chart2{
	cursor:pointer;
}
#donuttext{
	   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
thead tr{
	width:100%;
}
#company-table tr th{
	font-size:16px;
}
#company-table tbody tr{
	background-color: #fff;
	width:100%;
	display:table;

}
.fulluser td{
	
}
.needvalidate td,.noemail td{
	color: #c3c3c3!important;
}
#itsyou{
	color:red;
}
#itsyou td{
	color:inherit;
	font-weight:700;
}
.table-responsive{
	position:relative;
	overflow-x:hidden;
}
.new-drop-down__button {

    color: #a4adbe;
    background-color: white;
	border: 1px solid #dadada80;
}
.drop-down-icon{
	float:right;
}
#site-table{
	display:inline;
}
#site-table thead,tbody{
	display:contents;
}
.siderow-parent{
	top:0;
	left: 100%;

position: absolute;

background-color: black;
width: 75%;
}
.siderow-header{
	height:41px;
}
.siderow {

    padding: .75rem 0 0.75rem 0;
	position:relative;
	height:90px;
	display:flex;
	background-color:white;
	width: calc(100% - 2px);
	    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slide 0.5s forwards;
    animation-delay: 2s;
	/*
  transition: all 5s ease-in-out;
  -webkit-transition: all 5s ease-in-out;
  -moz-transition: all 5s ease-in-out;
  -o-transition: all 5s ease-in-out;
  -ms-transition: all 5s ease-in-out;
  */

}
.siderow-inner{
	padding: 0 .75rem 0 .75rem;
	display:inline-block;
	height:100%;
	flex:1;
	position:relative;
}
.options i{
	font-size:3vw;
}
.siderow-inner i{
	font-size:1.8vw;
	color: #a4adbe;
	text-align:center;
	width: 100%;

float: left;
cursor: pointer;
}
.header-rows{
	display:block;
}
.header-rows th{
	display:block;
}
.main-rows{
	margin:0.1vw;
	background-color:white;
	display:block;
}
.siderow-inner span{
	float:left;
	text-align:center;
	width:100%;
	position: absolute;
	left: 0;
	color: #727478;
	bottom:0;
}
.texttds{
	text-align:left!important;
}
.siteid{
	display:none;
}
.notds{
	text-align:right!important;
}
.companyrole{
	padding-left: 0!important;

padding-right: 0!important;
}
.companyrole button{
	width:100%;
}
.companyname{
	width:25%!important;
	border-right: 1px solid #c8c8c84a;
}
.companyemail{
	width:25%!important;
}
.companyuser{
	width:20%!important;
}
.companyrole{
	width:15%!important;
}
.companynumb{
	width:15%!important;
}
.sitetraps , .sitecapture{
	width:10%!important;
	text-align:right;
}
.dropdowned{
	width:100%;
	display:none;
	color: #a4adbe;

background-color: white;

border: 1px solid #dadada80;
}
.droppers{
	padding-right: 0.5rem;

padding-left: 0.5rem;
}
.droppers:hover{
	padding-right: 0.5rem;

padding-left: 0.5rem;
background-color: #38b5ed !important;
color:black;
}
.add-user-form{
	display:none;
}
/* Tickets CSS */
#support-overlay{
position: fixed;

background-color: #111c;

width: 100vw;

height: 100vh;

z-index: 999;
display:none;
left: 0;

top: 0;
}
#support-form{
width: 60%;

margin: auto;

position: absolute;

left: 50%;

top: 50%;

transform: translate(-50%,-50%);

background-color: white;

padding: 3vw;
}
.imgup{
max-width: 100px;

background-color: gray;

width: 20%;

display: inline-block;

max-height: 100%;

height: 100px;

width: 100px;

margin: 5px;
	
}
.imgup:before{
	  content: "";
  display: block;
	padding-top:100%;
}
#imgInp-2,#imgInp-3,#imgInp-4,#imgInp-5{
	display:none;
}
#subjectdrop{
	color: #a4adbe;

background-color: white;

border: 1px solid #dadada80;

width: 60%;

float: right;
}
.user-input{
	border-color: #eff2f7;

background: #fafafa;

color: #767676;
border-bottom: 1px solid transparent;

    border-bottom-color: transparent;

border-top-left-radius: 3px;

border-top-right-radius: 3px;

margin: 1vh;

padding: 1vh;
}
.other-input{
/*	background-color: #37d4e799; */
background-color: #dff0d8;
border-color: #d6e9c6;
border-bottom: 1px solid transparent;

    border-bottom-color: transparent;

border-top-left-radius: 3px;

border-top-right-radius: 3px;
margin: 1vh;

padding: 1vh;
}
.support-imgs{
	width:20%;
	height:auto;
}
.form-group.row {

    width: 100%;

}
.submit{
	-webkit-box-shadow: 0 6px 0 #2e86c1;

-moz-box-shadow: 0 6px 0 #2e86c1;

box-shadow: 0 6px 0 #2e86c1;

color: #fff;

background-color: #3598DB;

border: none;

font-size: 15px;

font-weight: 400;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-ms-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

padding: 8px 14px;

margin-bottom: 5px;

-webkit-font-smoothing: subpixel-antialiased;

-webkit-transition: border .25s linear,color .25s linear,background-color .25s linear;

transition: border .25s linear,color .25s linear,background-color .25s linear;

overflow: hidden;
}






/* Some of the sites and areas tables */
.hide-frame{
		display:none;
}
.hide-frame td{
	padding:5px;
}
.row-iframes{
	width:100%;
	border:0;
}
.row-iframes iframe{
	height:100%;
	width:100%;
	border:0;
}
.inner-table{
	background-color: #1c2730;
	text-shadow: 0 0 0;
	width:100%;
}
.inner-area{

color: white !important;
background: #34495E!important;

box-shadow: 0;

box-shadow: 0px 0px #fff !important;
font-family: Montserrat, sans-serif;
}
.inner-area td{
	text-shadow: none;

}
.inner-header{
	border-top-left-radius: .4em;
border-top-right-radius: .4em;
font-weight:700;
}
.inner-header::after {

    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;

}
.table-header-div {

    color: #dd5 !important;

}
.tds-div{
	color:white!important;
}
.inner-area{
	display:none;
}

.row-room-no,.row-notraps{
	width:10%;
}
.row-notes{
	width:50%;
}
.row-response{
	width:30%;
}
.tds-div.row-notraps,.tds-div.row-room-no {

    text-align: right;

}




/* Date Picker Stuff */
.main-date{
	background-color: #273642;

border-radius: 8px;

overflow: hidden;

box-shadow: 0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12) !important;

max-width: calc(100vw - 20px);

z-index: 1301;
font-family: 'Montserrat', sans-serif;
}
.date-range-filter{
	display:inline-flex;
}
.date-range-filter__type{
	align-items: flex-start;

background-color: #334450;

letter-spacing: .4px;
display: flex;

flex-direction: column;

padding: 15px;
float:left;
}
.date-range-filter__values{
padding-bottom: 1.5vh;
}

.date-range-filter__dates{
	float:left;
	display: flex;

flex-direction: column;

padding: 15px;
}
.date-range-filter__buttons{
margin-bottom: 1vh;
}

.date-input-1{
	color: #5c636a;

font-size: 16px;

font-weight: 400;

line-height: 1.38;

letter-spacing: .2px;

border: 0;

margin: 0;

padding: 2px 0 7px;

display: block;

min-width: 0;

flex-grow: 1;

box-sizing: content-box;

background: 0 0;

-webkit-tap-highlight-color: transparent;

position:relative;
}
.date-input-1 input{
	background: 0 0;
	border:0;
}
.date-input-1::after, .date-input-1::before {

    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    border-bottom: 1px solid #8d9397;
    pointer-events: none;

}
.main-date {
	display:none;
}
.date-picker-titles{
	color: rgba(160, 169, 174, 0.9);
	display: inline-flex;

align-items: center;

justify-content: center;

white-space: nowrap;

border: 0;

outline: none;

padding: 1em 3em;

transition: .25s cubic-bezier(.4,0,.2,1) 0ms;

    transition-property: all;

transition-property: background-color,box-shadow,color;


background-color: transparent;
}
.date-range-filter__title{
	color: #8d9397;

font-weight: 600;

letter-spacing: .4px;

padding: 5px;
	
}
.gv-text-field__label {


    color: #6b747b;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .4px;
    padding: 0;
	margin:0;

}
.gv-text-field__wrapper.date-range-filter__date-input {

    margin-top: 0.5vh;

}
.date-picker-selected, .date-picker-cancel{
	color: #fff;
	background: 0 0;

border: 0;
}
.date-picker-apply{
	color: rgba(2,139,129,.9);
background: 0 0;

border: 0;


font-size: 14px;

letter-spacing: .4px;
}
.display-unlocked{
	color:white;
}
input[type="reset"]::-webkit-clear-button {
    display: none;
}
.filter{
	display:inline-flex;
	width: 40%;
}
.filter i{
	margin-left: 5px;
}
#indicator-button{

text-align: right;
border:0;
background-color:#fff0;
}
#display-1:enabled,#display-2:enabled{
	color:white;
}
input[type="time"]::-webkit-clear-button {
    display: none;
}
input[type="date"]::-webkit-clear-button {
    display: none;
}
input[type="date"]::-webkit-inner-spin-button,    
input[type="date"]::-webkit-clear-button { display: none; }


.action.right-align{
width:auto;	
}
.dropdown-toggle::after {

    display: none;

}



.inner-table tbody .redfilter{
	background-color: #f03f3f;
}
.inner-table tbody .amberfilter{
	background-color: #ffcc00;
}
.inner-table tbody .nofilter{
	background-color: #66ff33;
}
.redfilter .marker .pin{
	background-color: #f03f3f;
	border: 0;
	
}
.redfilter{
	background-color: #f03f3f;
	
}
.redfilter td{
	color:white;
	text-shadow: 0 0 0 white;
}
.redfilter div i,.redfilter div span{
	color:white;
	text-shadow: 0 0 0 white;
}
.amberfilter{
	background-color: #ffcc00;
}
.amberfilter td{
	color:white;
	text-shadow: 0 0 0 white;
}
.amberfilter div i,.amberfilter div span{
	color:white;
	text-shadow: 0 0 0 white;
}
.temp-left{
	width:50%;
	float:left;
	text-align:center;
}
.hum-right{
	width:50%;
	text-align:center;
	float:left;
}
.no-sites{
	color:
#747b86;

vertical-align: bottom;

border-bottom: 1px solid #f2f2f2;

border-top: none;

text-align: center;

font-size: 16px;

font-weight: 500;
}




/* Contact Page */
.span4{
	width:40%;
	float:left;
}
#mainside{
	width:40%;
	float:right;
}
.contacters{
	display:flex;
	padding-bottom: 0.5vh;
}
.contacters strong{
	padding-right: 0.5vw;
}
.contacters input,.contacters textarea{
	flex-grow: 100;
}



/* Statistics */

.chart-parent{
	width:100%;
}
.chart-iframe-parent{
	width:100%;
}
.chart-iframe-parent iframe{
	width:100%;
	border:0;
	overflow:hidden;
}
.thecharts{
	position: absolute;

left: 50%;

transform: translateX(-50%);
}


/* ----------------------------------------------- login page ---------------------------------------- */

.email_reset_message {
	position: relative;
	top: 30px;
	left: 30%;
	padding-top: 100em;
	font-size: 60%;
	font-weight: bold;
	color: red;
}

.forget_password_close_button{
	position: absolute;
	top: 74%;
	left: 46%;
	font-size: small;
	color: black;
	z-index: 2;
	
	background:none;
    border:none;
    margin:0;
    padding:0;
    cursor: pointer;
}

.forget_password_close_button:hover{
	color: grey;
	text-decoration: underline;
}