/* Hoja de estílo Operador Telefónico */

/* Header Operador Telefónico */

/*-----------------------------------------------------------
	LOGO FALABELLA CHILE
-----------------------------------------------------------*/

#logo {
	background-position: -0px 0px;
	height: 51px;
	width: 200px;
	float:left;
}

#logo a {
	display: block;
	text-indent: -5000px;
	height: 51px;
	width: 200px;
}
#banderaPaisOT {
	background-image:url(../site/common/banderaColombia.png);
	margin-top:21px;
	margin-left:8px;
	height: 27px;
	width: 40px;
	float:left;
}
#headerOperador {
width:920px;
margin-top:16px;
}

#headerLogoOT {
	width:920px;
	height:51px;
	margin-bottom:16px;
}

#sesionOperador{
	float:left;
	width:672px;
	height:51px;
	text-align:right;
}
#sesionOperador .selector{
	float:left;
	height:20px;
	line-height:20px;
	width:592px;
	text-align:right;
	margin-bottom:14px;
}
#sesionOperador .sesion{
	float:left;
	height:20px;
	line-height:20px;
	width:80px;
	text-align:right;
	margin-bottom:14px;
}

#headerCrearNcOpera {
	float:left;
	height:61px;
	margin-bottom:10px;
	width:920px;
}

#headerRegistroOperador{
	float:left;
	width:920px;
	margin-top:16px;
	margin-bottom:16px;
}

#headerRegistroFormOperador{
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	border:1px solid #EBEBEB;
	float:left;
	width:886px;
	position: relative;
	padding:16px;
}

#mensajeCerrarSesionOperador{
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	border:1px solid #EBEBEB;
	position: relative;
    top: 50%;
    left: 50%;
	width:320px;
	height:60px;
	margin-top:-30px;
	margin-left:-160px;
}

#mensajeCerrarSesionOperador p{
	font-size:16px;
	color:#333;
	font-weight:bold;
	text-align:center;
	padding-top:22px;
}

#headerRegistroOpera .selector{
	float:left;
	height:36px;
	line-height:36px;
	width:100px;
}

#tituloOperador{
	width:920px;
	float:left;
}

#tituloHeaderOperador {
	float:left;
	font-size:24px;
	font-weight:bold;
	height:36px;
	line-height:36px;
}

a.linksubrayadooperador, a.linksubrayadooperador:link, a.linksubrayadooperador:visited, a.linksubrayadooperador:active {color: #333; text-decoration: underline;}
a.linksubrayadooperador:hover {color: #99cc00; text-decoration: underline;}

#destacadoOpera {
	font-weight:bold;
}

/* Estílos Login */

body {
	background-color:#EFEFEF;
}

#cotenedorOpera {
	position: absolute;
    left: 50%;
	margin-top:10px;
	margin-left:-170px;
}

#contenedorOperaLogin {
	background-color:#FFFFFF;
	border:1px solid;
	border-color:#CCCCCC;
	float:left;
	height:auto;
	padding:10px 4px 2px 14px;
	width:340px;
}

#headerOperaLogin {
	border-bottom:1px solid #CCCCCC;
	height:60px;
	padding-bottom:8px;
	width:330px;
}

#tituloOperaLogin {
	display:inline;
	float:left;
	height:80px;
	line-height:30px;
	padding-left:20px;
	width:310px;
}

#tituloOperaLogin h1 {
	color:#999999;
	padding-top:20px;
	font-size:16px;
	font-weight:bold;
	line-height:20px;
}

#iconoOperaLogin {
	background-image:url(../../../operadorTelefonicoFCL/static/site/common/logo-chile2.gif);
	background-position:left 0;
	background-repeat:no-repeat;
	display:inline;
	float:left;
	height:50px;
	margin-right:0px;
	width:200px;
}

#usuarioOperaLogin {
	display:inline;
	float:left;
	height:25px;
	padding-left:25px;
	width:310px;
}

.txtOperaLogin {
	color:#999999;
	float:left;
	font-weight:bold;
	height:18px;
	line-height:20px;
	padding-left:20px;
	margin-right:5px;
	width:100px;
}

#usuarioOperaLogin input {
	width:130px;
}

#contenedorBotonOperalogin {
	float:left;
	height:44px;
	padding-left:198px;
	padding-top:7px;
	width:132px;
}

/* Estílos Buscador Cliente */

#headerOperaBusca {
	border-bottom:1px solid #CCCCCC;
	height:60px;
	padding-bottom:8px;
	width:330px;
}

#tituloOperaBusca {
	display:inline;
	float:left;
	height:50px;
	line-height:45px;
	padding-left:25px;
	width:305px;
}

#parrafoBusqueda {
	padding:20px 25px;
	width:305px;
	line-height:14px;
}

#headerOperaBusca h1 {
	color:#999999;
	padding-top:20px;
	font-size:16px;
	font-weight:bold;
	line-height:20px;
}

#contenedorBotonOperabusca {
	float:left;
	height:31px;
	margin-top:10px;
	padding-left:654px;
	width:234px;
}

#usuarioOperaBusca1 {
	display:inline;
	float:left;
	height:25px;
	width:304px;
	padding-left:115px;
}

#usuarioOperaBusca1 input {
	width:130px;
}

#usuarioOperaBusca2 {
	display:inline;
	float:left;
	height:25px;
	padding-left:76px;
	width:304px;
}

#usuarioOperaBusca2 input {
	width:130px;
}

.txtOperaBusca {
	color:#999999;
	float:left;
	font-weight:bold;
	height:18px;
	line-height:20px;
	margin-right:5px;
	width:130px;
}

input {
	font-size:11px;
	height:16px;
}

#iconoBuscadorOpera {
	background-image:url(../site/common/sprite-iconosMedium.png);
	background-position:left 0;
	background-repeat:no-repeat;
	display:inline;
	float:left;
	height:60px;
	margin-right:8px;
	width:60px;
}

/* Estílos Crear Nuevo Cliente */

#contenedorPrincipalOperador {
	margin-left:auto;
	margin-right:auto;
	width:960px;
}

#contenedorBaseOperador {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	float:left;
	padding:0px 18px 10px 18px;
	width:922px;
	height:550px;
}

#contenedorBaseOperadorHeader {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	float:left;
	margin-top:10px;
	padding:0px 18px 10px 18px;
	width:922px;
	height:72px;
}

#headerCrearNcOpera h1 {
	color:#999999;
	font-size:16px;
	font-weight:bold;
	line-height:20px;
}

#contenedorNcOpera {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	border:1px solid #EBEBEB;
	float:left;
	margin-bottom:8px;
	padding:10px;
	width:900px;
}

#contenedorNcOpera h2 {
	color:#333333;
	font-size:24px;
	font-weight:bold;
	line-height:30px;
}

#headerDireccionNc2Opera {
	float:left;
	width:900px;
}

#tablaClaveNcOpera {
	margin:auto;
	width:430px;
}

#tablaClaveNcOpera table {
	border-collapse:separate;
}

#tablaClaveNcOpera td {
	text-align:right;
	padding:1px;
}

#tablaClaveNc2Opera {
	margin:auto;
	width:800px;
}

.inputA {
height:19px;
}

#tablaClaveNc2Opera table {
	border-collapse:separate;
}

#tablaClaveNc2Opera td {
	text-align:right;
	padding:1px;
}

#tablaClaveNc2Opera th {
	text-align:left;
	padding:1px;
}

.listasNcOpera {
	border:1px solid #E5E5E5;
	color:#666666;
	font-size:11px;
	padding:2px;
}

#headerDireccionNcOpera {
	border:1px solid #EBEBEB;
	float:left;
	margin-bottom:8px;
	padding:10px;
	width:900px;
}

#headerDireccionNcOpera h2 {
	color:#333333;
	font-size:12px;
	font-weight:bold;
	line-height:30px;
}

#tablaDirecNcOpera {
	margin:auto;
	width:800px;
	padding-bottom:2px;
}

#tablaDirecNcOpera td {
	text-align:left;
}

#tablaDirecNcOpera1 {
	padding-bottom:2px;
}

#tablaDirecNcOpera1 td {
	padding-right:4px;
}

#tablaDirecNcOpera1 th {
	padding-right:16px;
}

#menusDatosOpera {
	margin:auto;
	width:800px;
}

#tablaDirecNcOpera2 {
	width:400px;
	margin-left:227px;
}

/* Estílos Resultado Busqueda */

#contenedorResultBusqBoton {
	width:137px;
	padding:10px 0 0 748px;
}

#fichaPP {
	border:1px solid #CCCCCC;
	min-height:316px;
}

#tablaFichaT {
	height:auto;
	width:900px;
}

table {
	border-collapse:separate;
}

.contFT {
	border-bottom:1px solid #CCCCCC;
	color:#666666;
	font-size:10px;
	padding:6px 0 5px 8px;
}

.contFT2 {
	border-bottom:1px solid #CCCCCC;
	color:#666666;
	font-size:10px;
	padding:6px 0 5px 8px;
	overflow: hidden;
}

caption, th, td {
	font-weight:normal;
	text-align:left;
}

.tituloFT {
	border-bottom:1px solid #CCCCCC;
	color:#666666;
	font-size:11px;
	font-weight:bold;
	padding:6px 0 6px 8px;
}

/* Estílos cerrar Sesión */

#contendorPrincipalCerrarSesionOT {
	border-top:1px solid;
	border-color:#ececec;
	width:920px;
	height:30px;
}

#cerrarSesionOperador1 {
	padding-top:10px;
	float:left;
	width:460px;
	text-align:left;
}

#cerrarSesionOperador2 {
	padding-top:10px;
	float:left;
	width:460px;
	text-align:right;
}
/* CSS FOR CLIENT SEARCH */
.agent-header {
    background-color: #D3D0CB;
}
.agent-header .agent-header__section {
    width: 33%;
}
.agent-header__label {
    font-weight: bold;
}
.agent-header__label::after {
    content: ': ';
}
.agent-header .agent-header__section:last-child {
    text-align: right;
}
.agent-header__section {
    box-sizing: border-box;
    display: inline-block;
    padding: 1em;
    vertical-align: top;
}
.agent-header__action-link {
    color: #333;
}
.agent-header__logout::after {
    content: ')';
}
.agent-header__logout::before {
    content: '(';
}
.agent-header-description{
	background-color:#ffffff;
	padding:1%;
}
.client-form {
    border: 1px solid #eaeaea;
}
.client-form__label {
    color: gray;
    display: block;
    margin: auto;
    padding: 1em;
    width: 70%;
}
.client-form__input {
    border: 1px solid #eaeaea;
    display: block;
    margin: auto;
    padding: 1em;
		height: 3em;
    width: 70%;
}
.client-form__submit {
    background-color: #6b6b6b;
    border: 1px solid #eaeaea;
    border-radius: 0.5em;
    color: #fff;
    display: block;
    margin: 1em auto;
    padding: 1em;
    height:40px
}
@media screen and (min-width: 768px) {
    .client-form__wrapper {
        display: inline-block;
        vertical-align: top;
        width: 49%;
    }
}
/* CSS FOR CLIENT RESULTS */
.fb-table {
    border: 2px solid #d8d7d6;
    margin: auto;
    padding: 1em;
    width: 90%;
}
.fb-table__head__column,
.fb-table__body__column {
    text-align: center;
    border-collapse: collapse;
}
.fb-table__head__column {
    color: #7f8284;
    border-bottom: 1px solid #eaeaea;
}
.fb-table__body__row:nth-child(odd) {
    background-color: #fafafa;
}
.fb-table__body__column {
    border-bottom: 1px solid #eaeaea;
    font-size: 10px;
    padding: 0.5em;
}
.fb-table__input {
  border: 1px solid #eaeaea;
}
.fb-table__action-link {
    color: #333;
}
.search-button {
    color: white;
    border-radius: 6px;
    background-color: #86847f;
    border: 1px solid #dddad8;
    width: 114px;
    height: 32px;
}
.wrapper {
    margin: auto;
    padding: 1em;
    text-align: right;
    width: 90%;
}
.search-result-description{
padding:1%;
}
.white-body-background{
background-color:#ffffff;
height:100%;
}
#logoutBtn4Vendor{
	display:none;
}