.margin_monitor_50{
	margin-top:50px;
	margin-bottom:0px;
}
.row-circle-text{
	color:#fff;
	border-radius: 25px;
	height: 25px;
	width: 25px;
	text-align: center;
	line-height: 23px;
	font-size:1.2em;
}
.mrl5{
	margin-right:5px;
	margin-left:5px;
}
.color_round_W,.color_round_X,.color_round_Y,.color_round_Z,.color_round_J{
	background-color:#000;
	color:#fff;
}
.color_round_G,.color_round_H,.color_round_I,.color_round_L,.color_round_M,.color_round_N{
	background-color:green;
	color:#fff;
}
.color_round_B,.color_round_O,.color_round_Q,.color_round_R{
	background-color:#4747da;
	color:#fff;
}
.color_round_Y{
	background-color:red;
	color:#fff;
}
.color_round_A,.color_round_C,.color_round_D,.color_round_E,.color_round_F{
	background-color:#feab1b;
	color:#000;
}
.color_round_P,.color_round_S,.color_round_T,.color_round_U,.color_round_V{
	background-color:purple;
	color:#fff;
}
.increment_txt{
	font-size:11px !important;
	right:3px !important;
}
.mail_header{
	color: #336cc2 !important;
}
.text_mail_home{
	font-size:14px !important;
	margin-top:-5px !important;
	line-height:0.6;
}
.mleft10{
	margin-left:10px;
}
.gray{
	color: #909090;
}
.visible_1{
	opacity: 0.5;
	cursor:pointer;
}
.visible_0{
	cursor:pointer;
}
.mail-modal .modal {
	position: relative;
	top: auto;
	bottom: auto;
	right: auto;
	left: auto;
	display: block;
	z-index: 1;
}

.mail-modal .modal {
	background: transparent !important;
}
.modal_data_hour{
	font-size:0.7em;
	float:right;
	margin-right:10px;
}
.modal_mail_from_to{
	margin-left:15px;
}
.modal_mail_body{
	width:100%;
	min-height:300px;
}
.spinner{
	background-color:#000;
	opacity:0.5;
	width:100%;
	height:100%;
}
.lds-roller {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
	margin-top:20%;
}
.lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 32px 32px;
}
.lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
	top: 50px;
	left: 50px;
}
.lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
	top: 54px;
	left: 45px;
}
.lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
	top: 57px;
	left: 39px;
}
.lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
	top: 58px;
	left: 32px;
}
.lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
	top: 57px;
	left: 25px;
}
.lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
	top: 54px;
	left: 19px;
}
.lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
	top: 50px;
	left: 14px;
}
.lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
	top: 45px;
	left: 10px;
}
@keyframes lds-roller {
	0% {
	transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple{
	border-radius:0px !important;
	height:33px !important;
	border:1px solid #d2d6de !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height:27px !important;
	
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
	background-color: #d2d6de !important;
	border: 1px solid #d2d6de !important;
}
.orange_txt{
	color:orange;	
}
.bold{
	font-weight:bold;
}
@media (max-width: 767px) {
	.hide_mobile {
		display:none !important;
	}
	.margin_monitor_50{
		margin-top:0px;
		margin-bottom:10px;
	}
}
.alert_red{
	color:#982424;
	font-weight:bold;
}
.green{
	color:green;
}
.opacity_row{
	opacity:0.5;
}
.notice_insert_update{
	background-color: green;
	width: auto;
	max-width: 300px;
	padding: 10px;
	color: #fff;
	position: fixed;
	right: 0px;
	border-radius: 0px;
	z-index:100;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
#profileDisplay { 
	display: block; 
	height: 130px; 
	width: 130px; 
	margin: 0px auto; 

}
.img-placeholder {
	width: 130px;
	color: white;
	background: black;
	opacity: .7;
	height: 130px;
	z-index: 2;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: none;
}
.img-placeholder h4 {
	margin-top: 40%;
	color: white;
}
.img-div:hover .img-placeholder {
	display: block;
	cursor: pointer;
}
.margin_bottom_0{
	margin-bottom:0px !important;
}
.customer_row:hover{
	background-color: #dbe7f2;
}


.table_calculator  {
	margin: auto;
	background-color: #222;
	width: 295px;
	max-width: 295px;
	height: 325px;
	text-align: center;
	border-radius: 4px;
	padding-right: 10px;
}

.input_calculator {
	outline: 0;
	position: relative;
	left: 5px;
	top: 5px;
	border: 0;
	color: #495069;
	background-color: #fff;
	border-radius: 4px;
	width: 60px;
	height: 50px;
	float: left;
	margin: 5px;
	font-size: 20px;
	box-shadow: 0 4px rgba(0,0,0,0.2);
	margin-bottom: 15px;
}

.input_calculator:active {
	top: 4px;
	border: 0 solid #000;
	color: #495069;
	background-color: #fff;
	border-radius: 4px;
	width: 60px;
	height: 50px;
	float: left;
	margin: 5px;
	font-size: 20px;
	box-shadow: none;
}

#display_calculator {
	width: 205px;
	max-width: 205px;
	font-size: 26px;
	text-align: right;
	background-color: #fff;
	color:#000;
	float: left;
	border:0px;
	margin-left:3px;
	margin-top:3px;
}


.operator {
	background-color: #cee9ea;
	position: relative;
}

.operator:hover {
	background-color: #cee9ea;
	box-shadow: 0 4px #b0d2cf;
}

.operator:active {
	top: 4px;
	box-shadow: none;
}

#clear_calculator {
	float: left;
	position: relative;
	display: block;
	background-color: #ff9fa8;
}

.input_clear{
	width: 120px;
}
.input_clear:active{
	width: 120px;
	top: 5px;
	margin-bottom: 15px;
}
.mail_box_page{
	margin-top:10px;
}
.mail_box_page:hover{
	background-color:#3c8dbc !important;
}

.mail_read{
	background-color:#eeecec !important;
}
.mail_unread{
}
.pointer{
	cursor:pointer;
}