﻿.grid-left  {
	float:left;
	max-width:525px;
}

/* Reach form Global data and Reach data to appear like table*/
.reach-title
{
	border-bottom-color: #F7AF3A;
	border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-top: 10px;
	margin:0 auto 10px; /* top right+left bottom */
	width:100%;
	text-transform:uppercase;
	font-weight:bold;
	/*text-align:center;*/
	color:#ec7619;
	clear: left;
}

/* Table like styling */
.reach-row {
	diplay:flex;
	float:left;
	clear:left;
	width:100%
}

.reach-cell-label
{
	word-wrap: break-word;
	font-size:12px;
	float:left;
	padding-left:10px;
	padding-right:5px;
}

.reach-cell-label-global
{
	width:100px
}

.reach-cell-label-reach
{
	width:170px
}

.reach-cell-field
{
	font-size:12px;
	float:left;
	padding-bottom: 5px;
}

.reach-cell-field-global
{
	width:150px;
}

.reach-cell-field-reach
{
	width:80px;
}

.reach-cell-colspan2
{
	width:260px;
	padding-bottom: 2px;
}

/*if the colspan is beginning at the 1st cell*/
.reach-cell1-colspan3
{
	padding-left:10px;
	width:360px;
	padding-bottom: 2px;
}

/*if the colspan is beginning at the 2nd cell*/
.reach-cell2-colspan3
{
	width:460px;
	padding-bottom: 2px;
}

.reach-cell-colspan4
{
	padding-left:10px;
	width:520px;
	padding-bottom: 2px;
}

#gridLocalSources
{
	float:left;
}

.num
{
	width:75px;
	margin-right:50px;
}

input.num
{
	text-align:right;
}

select.num>option
{
	text-align:left;
}

.smallText
{
	width:75px;
}

.Text
{
	width:150px;
}

.ThinTextArea, input[type=text].ThinTextArea, textarea.ThinTextArea
{
	width:100%;
	height:50px;
}

/*Reach form local sources Table */
.reach-local-container
{
	max-height:285px;
	overflow:auto;
	overflow-x:hidden;
}

.reach-local, .reach-local-title {
	width:100%;
	margin: 0px 2px;
	display:flex;
	display:flexbox;
}

.reach-local {
	font-size : 12px;
}

.reach-local-title>div
{
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	border-bottom: 1px solid #ddd;
	color:#ec7619;
}

.reach-local>div
{
	padding-left:5px;
    padding-top: 5px;
}

.reach-local:nth-child(odd) {
	background-color:#f9f9f9;
	color:#1e90ff;
}

.reach-local.inactive>div {
	background-color:lightgrey !important;
	color:grey !important;
}


.reach-local-sel
{
	width:20px;
}

.reach-local-sel input
{
	margin:0;
}

.reach-local-kmentity
{
	width:100px;
}

.reach-local-id
{
	width:125px;
	text-align: center;
}

.reach-local-name
{
	width:325px;
	cursor:help;
}

.reach-local-name:hover
{
	background-color: #f8f4b5;
}


.reach-local-country
{
	width:50px;
	text-align: center;
}

.reach-local-Status
{
	width:50px;
	text-align: center;
}

reach-local.reach-local-status-inactive > td
{
	background-color:gray;
}

.reach-local-status-img
{
	width:18px;
	height:20px;
	margin: auto;
	background-repeat: no-repeat;
	cursor:pointer;
}

.reach-local-status-img.enabled
{
	background-image:url(../../../content/img/x16_active.png);
}

.reach-local-status-img.disabled
{
	background-image:url(../../../content/img/x16_inactive.png);
}

.reach-left-border
{
	border-left: 1px solid #ddd;
}

.reach-separator
{
	border-bottom-color: #F7AF3A;
	border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 15px auto;
	width:50%;
}

.reach-v-right-separator
{
	border-right-color: #F7AF3A;
	border-right-style: solid;
    border-right-width: 1px;
    padding-right: 10px;
	margin-right:10px;
}

/* Autocomplete to reaffect to an other source */
.reach-label
{
	padding-top:10px;
}

.reach-link
{
	font-size:12px;
}

.reach-link > input[type="checkbox"]
{
	margin-left:10px;
}
.localUrl {
    padding: 3px 5px;
    background: #eae9e7 !important;
    color: #0a0909;
}
.reach-local-name a {
    margin-left: 5px !important;
}