.form-signin, .form-register {
max-width: 400px;
padding: 15px;
margin: 0 auto;
}

.form-signin .form-signin-heading, .form-signin, .form-register, .form-control{
	margin-bottom:10px;
}
.sidebar-scroll{
    max-height: 600px;
    overflow-y:scroll; 
}
hr {
margin-top: 10px;
margin-bottom: 10px;
border: 0;
border-top: 3px solid #ccc;
}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

.error-input{
	border: 1px solid red;
}
.error-msg{
	display: table;
}
.title{
	font-size: 16px;
	font-weight: bold;
	margin-top: 30px;
	text-align: center;
}
.center{
	text-align: center;
}
.highlight td{
	background-color: #DFF1F6 !important;
}
.footer{
	margin-top: 10px;
}
.google-visualization-table-table td {
	text-align: center;
}
.entity{
	border: 1px solid #4fbcdb;
	padding: 3px;
	margin-bottom: 10px;
}
.boxed{
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 10px;
	clear:both;
}
.boxed:last-child { 
	margin-bottom: 0 !important;
}
.selector{
	background-color: #39b3d7;
}
.hasDatepicker{
	padding: 1px 1px 1px 5px;
}
.dashboard-btn.active{
	background-color: #428bca;
	color: white;
} 
 .bs-example {
 	padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: none;
  }
  
  .optional{
  	background-color: #DEE;
  }
  
  .bold-spec{
	font-size:12px;
	font-weight: bold;
}
.google-visualization-table-sortind {
display: none;
}
.google-visualization-table-tr-sel, .google-visualization-table-tr-sel td, .google-visualization-table-tr-sel-nonstrict{
	background-color: #fe9f9d !important;
}
.placeholder_error::-webkit-input-placeholder {
    color: red;
}

/**** 
***** sprite *****
****/
.google-icon{
	margin: 3px 9px;
	width: 60px;
    height: 55px;
    background: url(/assets/images/icons.png) 5px 0 !important;
	-webkit-print-color-adjust:exact;
}
.ff-icon{
	margin: 0 9px;
	width: 60px;
    height: 55px;
    background: url(/assets/images/icons.png) -65px 0 !important;
	-webkit-print-color-adjust:exact;
}
.safari-icon{
	margin: 0 9px;
	width: 60px;
    height: 55px;
    background: url(/assets/images/icons.png) -130px 0 !important;
	-webkit-print-color-adjust:exact;
}
.ie-icon{
	margin: 0 9px;
	width: 60px;
    height: 55px;
    background: url(/assets/images/icons.png) -190px 0 !important;
	-webkit-print-color-adjust:exact;
}
.other-icon{
	margin: 0 9px;
	width: 55px;
    height: 55px;
    background: url(/assets/images/icons.png) -255px 0 !important;
	-webkit-print-color-adjust:exact;
}
.android_os{
	margin: 2px 9px;
	width: 70px;
    height: 30px;
    background: url(/assets/images/os_type.png) 0 0 !important;
	-webkit-print-color-adjust:exact;
}
.win_os{
	margin: 2px 9px;
	width: 70px;
    height: 30px;
    background: url(/assets/images/os_type.png) 0 -33px !important;
	-webkit-print-color-adjust:exact;
}
.apple_os{
	margin: 2px 9px;
	width: 70px;
    height: 30px;
    background: url(/assets/images/os_type.png) 0 -66px !important;
	-webkit-print-color-adjust:exact;
}
.other_os{
	margin: 2px 9px;
	width: 70px;
    height: 30px;
    background: url(/assets/images/os_type.png) 0 -99px !important;
	-webkit-print-color-adjust:exact;
}
.ml45{
	margin-left: -45px;
}
.ml30{
	margin-left: 30px;
}
.white{
	color:white !important;
	-webkit-print-color-adjust:exact;
}
.grey{
	color:grey !important;
	-webkit-print-color-adjust:exact;
}
.phone{
	margin-left: -462px;
	font-weight: bold;
	font-size: 21px;
	position: absolute;
	margin-top: 91px;
}
.pc{
	margin-left: -312px;
	font-weight: bold;
	font-size: 50px;
	position: absolute;
	margin-top: 22px;
}
.tablet{
	margin-left: -101px;
	font-weight: bold;
	font-size: 35px;
	position: absolute;
	margin-top: 54px;
}
.roboto16{
	font-family: roboto;
	font-variant: small-caps;
	font-size: 16px;
	width: 55%;
	position: relative;
	margin: 0 auto 20px;
	text-align: justify;
}
.bold{
	font-weight:bold;
}
.w80{
	width: 80%;
}
.dis_flex{
	display: inline-flex;
}
.roboto14{
	font-family: roboto;
	font-variant: small-caps;
	font-size: 14px;
	text-align: justify;
}
.p15{
	padding-left: 15px;
}
.arc path {
  stroke: #fff;
}
.donut{
	float: left;
}
.numb{
	float: left;
	margin-top: 5px;
	padding-left: 5px;
}
.left{
	float:left;
	clear:both;
}
.green{
	height: 12px;
	width: 24px;
	background-color: #00FF00 !important;
	-webkit-print-color-adjust:exact;
	display: inline-block;
	margin-right: 5px;
}
.blue{
	height: 12px;
	width: 24px;
	background-color: #0000FF !important;
	-webkit-print-color-adjust:exact;
	display: inline-block;
	margin-right: 5px;
}
.btn-right{
	float: right;
	/*margin: -7px;*/
}
.btn-edit{
	float: right;
}
#hiddenForm{
	position:absolute;
	background-color: aliceblue;
	padding: 15px 15px 0px;
	width: 400px; 
	display:none;
	z-index: 999;
}
.btn-close{
	float: right;
	margin: -25px -29px 0 0;
	border-radius: 3px;
	color: red;
	background-color: white;
	line-height: 10px;
	font-size: 13px;
	border: 1px solid black;
	padding: 1px;
	font-weight: bold;
	cursor:pointer;
}
#hiddenFormEdit{
	position:absolute;
	background-color: aliceblue;
	padding: 15px 15px 0px;
	width: 400px; 
	display:none;
	z-index: 999;
}
.btn-edit-close{
	float: right;
	margin: -25px -29px 0 0;
	border-radius: 3px;
	color: red;
	background-color: white;
	line-height: 10px;
	font-size: 13px;
	border: 1px solid black;
	padding: 1px;
	font-weight: bold;
	cursor:pointer;
}
#hiddenFormTehEdit{
	position:absolute;
	background-color: aliceblue;
	padding: 15px 15px 0px;
	width: 400px; 
	display:none;
	z-index: 999;
}
.btn-close-edit-teh{
	float: right;
	margin: -25px -29px 0 0;
	border-radius: 3px;
	color: red;
	background-color: white;
	line-height: 10px;
	font-size: 13px;
	border: 1px solid black;
	padding: 1px;
	font-weight: bold;
	cursor:pointer;
}
.cancel_right{
	float: right;
	margin: -7px;
}
.underline{
	text-decoration: underline;
}

.tooltips{
 		display: inline;
  		position: relative;
}

.tooltips:hover:after{
  		background: #333;
  		background: rgba(0,0,0,.8);
  		border-radius: 5px;
  		bottom: 26px;
  		color: #fff;
  		content: attr(title);
  		left: 20%;
  		padding: 5px 15px;
  		position: absolute;
  		z-index: 98;
  		width: 220px;
}

.tooltips:hover:before{
  		border: solid;
  		border-color: #333 transparent;
  		border-width: 6px 6px 0 6px;
  		bottom: 20px;
  		content: "";
  		left: 50%;
  		position: absolute;
  		z-index: 99;
}
.bypassed{
text-transform: uppercase;
}
#table_data tr td ,th, #table_data_interference tr td, #active_devices_table tr td {
	text-align: left;
}
.user_no {
	padding-left: 5px;
	padding-right: 5px;
}
.phone_new{
	margin-left: -462px;
	font-weight: bold;
	font-size: 21px;
	position: absolute;
	margin-top: 91px;
}
.pc_new{
	margin-left: -315px;
	font-weight: bold;
	font-size: 50px;
	position: absolute;
	margin-top: 22px;
}
.tablet_new{
	margin-left: -100px;
	font-weight: bold;
	font-size: 35px;
	position: absolute;
	margin-top: 54px;
}
#apTable, #apTableOs, #apTableOsTA, #apTableOsTB, #apTableOsTC {
	width:100%;
	table-layout: fixed; /* optional, for equal spacing */
    border-collapse: collapse;
}
#apTable, #apTableOs, #apTableOsTA, #apTableOsTB, #apTableOsTC, th, td {
	font-weight: 700;
}

#w_apTable, #w_apTableOs, #w_apTableOsTA, #w_apTableOsTB, #w_apTableOsTC {
	width:100%;
	table-layout: fixed; /* optional, for equal spacing */
    border-collapse: collapse;
}
#w_apTable, #w_apTableOs, #w_apTableOsTA, #w_apTableOsTB, #w_apTableOsTC, th, td {
	font-weight: 700;
}
.Torange{
	background-color: orange;
}
.Tyellow{
	background-color: yellow;
}
.Tgreen{
	background-color: green;
}
.Twhite_green{
	background-color: greenyellow;
}
.Twhite{
	background-color: white;
}
.Tred{
	background-color: red;
}
.Ttest{
	background-color: white;
}
.missBold{
	  font-weight: 900;
}
#apTable td, #apTableOs td, #apTableOsTA td, #apTableOsTB td, #apTableOsTC td{
	border: 1px solid #000;
}
#apTable td.noBorder, #apTableOs td.noBorder, #apTableOsTA td.noBorder, #apTableOsTB td.noBorder, #apTableOsTC td.noBorder{
    border:none !important;
}
#apTable td, #apTableOs td, #apTableOsTA td, #apTableOsTB td, #apTableOsTC td {
    text-align: center;
      padding: 8px 0px;
}
#apTable td.grayBG, #apTableOs td.grayBG, #apTableOsTA td.grayBG, #apTableOsTB td.grayBG, #apTableOsTC td.grayBG{
	background-color: gray;
}
#legend{
	margin-top: 60px;
  	float: right;
  	margin-bottom: -182px;
}
#legend1{
	margin-top: 60px;
  	float: right;
  	margin-bottom: -182px;
}

#w_apTable td, #w_apTableOs td, #w_apTableOsTA td, #w_apTableOsTB td, #w_apTableOsTC td{
	border: 1px solid #000;
}
#w_apTable td.noBorder, #w_apTableOs td.noBorder, #w_apTableOsTA td.noBorder, #w_apTableOsTB td.noBorder, #w_apTableOsTC td.noBorder{
    border:none !important;
}
#w_apTable td, #w_apTableOs td, #w_apTableOsTA td, #w_apTableOsTB td, #w_apTableOsTC td {
    text-align: center;
      padding: 8px 0px;
}
#w_apTable td.grayBG, #w_apTableOs td.grayBG, #w_apTableOsTA td.grayBG, #w_apTableOsTB td.grayBG, #w_apTableOsTC td.grayBG{
	background-color: gray;
}
#w_legend{
	margin-top: 60px;
  	float: right;
  	margin-bottom: -182px;
}
#w_legend1{
	margin-top: 60px;
  	float: right;
  	margin-bottom: -182px;
}

.blueborder{
    -webkit-box-shadow:inset 0px 0px 0px 3px blue;
    -moz-box-shadow:inset 0px 0px 0px 3px blue;
    box-shadow:inset 0px 0px 0px 3px blue;
}
.greenStripes{
  background-image: url('/assets/images/green-white.jpg');
  background-size: cover;
 }
.yellowStripes{
  background-image: url('/assets/images/yellow-white.jpg');
  background-size: cover;
 }