/* CSS Resests */


/* Common CSS styles */

.fleft{
	float: left;
}
.fright{
	float: right;
}
.clearfix{
	cear:both;
}
.top-header{
	height: 50px;
    /*padding: 15px 10px;*/
    background-color: #f2f2f2;
    color: #676767;
    font-weight: 400;
}
.top-header p{
	width: 20%;
	font-size: 20px;
	min-width: 200px;
	padding: 10px;
}
.top-header li{
	padding: 15px;
    cursor: pointer;
}
.current-page{
	background-color: #DEDFE0;
    color: #969696;
}
.sensairy-actions{
	margin: 0px auto;
	background: #f2f2f2;
	height: 40px;
	font-weight: 500;
	color: #878787;
}

.sensairy-actions div{
	float: left;
	padding: 10px;
	cursor: pointer;
	width: 150px;
    margin-left: 20px;
    text-align: center;
}
.selected-menu{
	background-color: #e1e1e1;
	color: #BEBEBE;
}
/*
.sensairy-actions{
}*/
.sensairy-data-form{
	margin: 20px;
}
.sensairy-data-form div{
	margin: 10px 0px;

}
.sensairy-data-form input{
	width: 90px;
	text-align: center;
    color: #A3A3A3;
}
.sensairy-data-form label{
	font-weight: 400;
	color: #8B8B8B;
}
.temp-data .small-labels{
	margin-left: 150px;
}
.small-labels label{
	margin-left: 20px;
	width: 60px;	
}

.board-search-result{
	padding: 10px;
}
/*.board-search-result .single-board-dat
*/

.board-search-result div:nth-child(odd){
	background-color: #f2f2f2;
}

.single-board-data{
	margin: 10px;
	height: 50px;
}
.single-board-data span{
	padding: 15px;
    display: inline-block;
    margin-left: 40px;
}

.sensairy-data-form button{
	margin: 25px 0px 0px 175px;
    min-width: 80px;
}
.edit-sensairy-sec{
	margin: 20px;
}

fieldset{
    padding: 6px;

}
.addfields{
    margin: 10px 20px;
}

#choicesDisplay {
    padding: 10px;
    background: rgb(227, 250, 227);
    border: 1px solid rgb(171, 239, 171);
    color: rgb(9, 56, 9);
}
.remove{
    background: #C76868;
    color: #FFF;
    font-weight: bold;
    font-size: 16px;
    border: 0;
    cursor: pointer;
    margin-top: 29px;
    display: inline-block;
    padding: 5px 10px;
    vertical-align: middle;
    line-height: 100%;   
}
input[type="text"],
select{
    padding:5px;
}
.modal-body{
	/*background: #FBFBFB;*/
    font-size: 20px;
    font-weight: 500;
}

/*.modal-body .alert-error*/
.modal-body.alert-error{
	color: #E71010;
	text-align: center;
}
.modal-body.alert-success{
    color: #41A743;
    text-align: center;
}
input.ng-invalid-pattern {
	color: #a94442;
	border:1px solid #a94442;
}
textarea:focus, input:focus{
    outline: none;
}
/*.loading {
  position: relative;
  width: 20px;
  height: 20px; 
  margin:50px auto;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.loading:before {
  content: "\f110";
  font-family: FontAwesome;
  font-size:20px;
  position: absolute;
  top: 0; 
}

*/

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 9999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(51,51,51,0.8);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #5bc0de;
    width: 50px;
    height: 50px;
    content: '';
    display: block;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    /*-webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;*/
}

/* Animation */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}