input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}
#loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../img/ajax-loader1.gif') 50% 50% no-repeat rgb(249,249,249);
}

.radiolabel {
    padding-left: 5px;
    padding-right: 50px;
}
.error-message{
color:red;
}
.external-event{
margin-bottom:4px;
padding:5px;
}
.profile-pic{
	width:150px;
	height:150px;
	border:solid 3px #ccc;
}
.margin-box{
height:30px;
width:60px;
}
label,.label{
font-weight:normal !important;
}

/* For Chat Box */ 

.shout_box {
	background: #627BAE;
	width: 260px;
	overflow: hidden;
	position: fixed;
	bottom: 0;
	right: 0%;
	z-index:9;
}
.shout_box .headerChat .close_btn {
	background: url(../img/close_btn.png) no-repeat 0px 0px;
	float: right;
	width: 15px;
	height: 15px;
}
.shout_box .headerChat .close_btn:hover {
	background: url(../img/close_btn.png) no-repeat 0px -16px;
}

.shout_box .headerChat .open_btn {
	background: url(../img/close_btn.png) no-repeat 0px -32px;
	float: right;
	width: 15px;
	height: 15px;
}
.shout_box .headerChat .open_btn:hover {
	background: url(../img/close_btn.png) no-repeat 0px -48px;
}
.shout_box .headerChat{
	padding: 5px 3px 5px 5px;
	font: 11px 'Droid Serif', serif;
	font-weight: normal;
	color:#fff;
	border: 1px solid rgba(0, 39, 121, .76);
	border-bottom:none;
	cursor: pointer;
}
.shout_box .headerChat:hover{
	background-color: #627BAE;
}
.shout_box .message_box {
	background: #FFFFFF;
	height: 200px;
	overflow:auto;
	border: 1px solid #CCC;
}
.shout_msg{
	margin-bottom: 10px;
	display: block;
	border-bottom: 1px solid #F3F3F3;
	padding: 0px 5px 5px 5px;
	font: 11px 'Droid Serif', serif;
	color:#7C7C7C;
}
.message_box:last-child {
	border-bottom:none;
}
time{
	font: 11px 'Droid Serif', serif;
	font-weight: normal;
	float:right;
	color: #D5D5D5;
}
.shout_msg .username{
	margin-bottom: 10px;
	margin-top: 10px;
}
.user_info input {
	width: 98%;
	height: 25px;
	border: 1px solid #CCC;
	border-top: none;
	padding: 3px 0px 0px 3px;
	font: 11px 'Droid Serif', serif;
}
.shout_msg .username{
	font-weight: bold;
	display: block;
}

/* chat bubble */

.datestamp {
  display: block;
  text-align: center;
  font-weight: normal;
  margin-bottom: 8px;
  color: #8b91a0;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
}


/** page structure **/
.container {
  padding: 0px 0px;
  margin: 0 auto;
  max-width: 200px;
}


/** ios1-ios6 bubbles **/
.bubble {
  box-sizing: border-box;
  float: left;
  width: auto;
  max-width: 95%;
  position: relative;
  clear: both;
  
  background: #95c2fd;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #bee2ff), color-stop(1, #95c2fd));
  background-image: -webkit-linear-gradient(bottom, #bee2ff 15%, #95c2fd 100%);
  background-image: -moz-linear-gradient(bottom, #bee2ff 15%, #95c2fd 100%);
  background-image: -ms-linear-gradient(bottom, #bee2ff 15%, #95c2fd 100%);
  background-image: -o-linear-gradient(bottom, #bee2ff 15%, #95c2fd 100%);
  background-image: linear-gradient(bottom, #bee2ff 15%, #95c2fd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#95c2fd', endColorstr='#bee2ff');
 
  border: solid 1px rgba(0,0,0,0.5);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;

  -webkit-box-shadow: inset 0 8px 5px rgba(255,255,255,0.65), 0 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 8px 5px rgba(255,255,255,0.65), 0 1px 2px rgba(0,0,0,0.2);
  box-shadow: inset 0 8px 5px rgba(255,255,255,0.65), 0 1px 2px rgba(0,0,0,0.2);
  
  margin-bottom: 20px;
  padding: 3px 13px;
  color: #000;
  text-shadow: 0 1px 1px rgba(255,255,255,0.8);
  word-wrap: break-word;
}

.bubble:before, .bubble:after {
  border-radius: 20px / 5px;
  content: '';
  display: block;
  position: absolute;
}
.bubble:before {
  border: 10px solid transparent;
  border-bottom-color: rgba(0,0,0,0.5);
  bottom: 0px;
  left: -7px;
  z-index: -2;
}
.bubble:after {
  border: 8px solid transparent;
  border-bottom-color: #bee2ff; /* arrow color */
  bottom: 1px;
  left: -5px;
}


.bubble-alt {
  float: right;
}
.bubble-alt:before {
  left: auto;
  right: -7px;
}
.bubble-alt:after {
  left: auto;
  right: -5px;
}

.bubble p {
  font-size: 12px;
}



/* yellow bubble */
.yellow {
  background: #7acd47;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.15, #fcf3c3),color-stop(1, #f4e371));
  background-image: -webkit-linear-gradient(bottom, #fcf3c3 15%, #f4e371 100%);
  background-image: -moz-linear-gradient(bottom, #fcf3c3 15%, #f4e371 100%);
  background-image: -ms-linear-gradient(bottom, #fcf3c3 15%, #f4e371 100%);
  background-image: -o-linear-gradient(bottom, #fcf3c3 15%, #f4e371 100%);
  background-image: linear-gradient(bottom, #fcf3c3 15%, #f4e371 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f4e371', endColorstr='#fcf3c3');
}
.yellow:after {
  border-bottom-color: #fcf3c3;
}



/* End Chat */


/* Column Chart */
.contenitore{
position: relative;
text-align:center;
padding:10px;
font: 14px 'Trebuchet MS', sans serif;
margin-left:50px;
}
.left{
float:left;
width:100%;
}
.grafico{
position:relative;
height:300px;
border-left:1px solid #000000;
border-bottom: 1px solid #000000;
width:100%;
margin-top:20px;
}

.riga{
position:absolute;
left:0;
height: 1px;
background-color:gray;
width: 100%;
}
.riga div{
float:left;
margin: -8px 0 0 -40px;
}
.canc{
clear:both;
}

.column{
position:absolute;
width: 7%;
bottom: 0;
background-color: #003366;
margin-left:1%;
}
div.button {
    margin: 0 auto;
    text-align: center;
    width: 100px;
    background-color:#003366;
    border: 1px solid #003366;
    border-radius: 5px;
    padding: 8px;
    color: #E1E2CF;
    cursor: pointer;
}
.column div{
margin-top:-20px;
height:20px;
}

@media screen and (max-width: 320px) {
.contenitore {
    padding: 0px !important;
    margin-left:0px !important;
}
h1{
font-size:20px !important;
}
h3{
font-size:15px !important;
}
.profile_pic{
width:100px !important; 
height:90px !important;
}
}

@media screen and (max-width: 480px) {
.contenitore {
    padding: 0px !important;
    margin-left:0px !important;
}
h1{
font-size:20px !important;
}
h3{
font-size:15px !important;
}
.profile_pic{
width:100px !important; 
height:90px !important;
}
}
.profile_pic{
width:150px; 
height:150px;
}
.summary{
background:#428BCA;
padding:10px;
color:#FFFFFF;
}

.app_alert{
    margin-right:-15px;
    margin-left:-15px;
    margin-top:-18px;
    margin-bottom:0px;
    padding-top:3px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:5px;
    background:#31b0d5;
    color:#FFFFFF;
}
.report_success {
    color: dodgerblue;
    font-weight: bold;
}
.report_failed {
    color: red;
    font-weight: bold;
}
.report_pending {
    color: #FF9233;
    font-weight: bold;
}

.row_success {
    color: #000;
    background-color: #ccffcc !Important;
}
.row_failed {
    color: #FFFFFF;
    background-color: #dd4b39 !Important;
    border-bottom-color: #ffffff;
}
.row_failed a {
    color: #FFFFFF;
    text-decoration: none;
}
.row_warning {
    color: #FFFFFF;
    background-color: #FF9233 !Important;
}
.row_warning a {
    color: #FFFFFF;
}
.row_info {
    color: #000;
    background-color: #95c2fd !Important;
}

/* End Chart */