﻿/*CV ESTILOS__________________________________________________________________________________________*/
/*ESTILO DE PAGINA EDITAR DATOS DE CUENTA*/
.hoja-cvv{  width: 97%; }

.hoja-cvv
{  
    margin: 0px auto; 
    padding: 3%;
    display: block;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(194,194,194,1);
    -moz-box-shadow: 0px 0px 8px 2px rgba(194,194,194,1);
    box-shadow: 0px 0px 8px 2px rgba(194,194,194,1);
    background: #FFF;
    overflow: hidden;
}

.titl-gris-cvv 
{ 
    color: #BBBBBB; 
    font-size: 180%; 
    display: block;
	text-align: center !important;
	font-family: Century Gothic, Helvetica, Sans-Serif;
	font-weight: normal;
}

.col-md-3.ico-tipcon label input { border: none; }

.container.acciones-cvv 
{  
    position:fixed; 
    bottom: 0;  
    left: 0px;  
    z-index: 4000;	
    width: 30px !important;
    padding-bottom: 50px;
}

.anchors-cvv { margin-left: 5px; }

.anchors-cvv, .btns-acc-cvv { float: left; }

.anchors-cvv a
{
    height: 12px;
    width: 12px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
	background: #CCC;
	text-indent: -9999999px;
	display: block;
	margin-right: 8px;
	margin-bottom: 10px;
}

.anchors-cvv a:hover 
{
	background: #009ddc;
}

.btns-acc-cvv a 
{
	display: block;
	text-indent: -99999px;
	cursor: pointer;
}

.btns-acc-cvv a:hover 
{ 
    opacity: 0.7; /*browsers modernos*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*Opacidad para IE 8,9*/
    filter: alpha(opacity=70); /*Opacidad para IE 5,6,7,8,9*/
    -moz-opacity:0.7; /*Firefox 0.9*/
    -khtml-opacity: 0.7; /*Safari pre-webkit*/   
}

.btns-acc-cvv a.imprimir-ico-cvv 
{ 
    background:	url("/Content/Responsivo/img/sprite-home-icons.png") -120px -60px no-repeat; 
    height: 28px;
	width: 28px;
}

.btns-acc-cvv a.vistapre-ico-cvv 
{ 
    background:	url("/Content/Responsivo/img/sprite-home-icons.png") -100px -60px no-repeat;	 
    height: 30px;
	width: 20px;
	margin-left: 3px;
}

.varios-dat-cvv, .datos-cuenta-cvv h1 { width: 100%; }

.datos-cuenta-cvv h1 { font-size: 135%; color: #BBB; margin: 15px 0px 10px 0px; }

.datos-cuenta-cvv h1,.varios-dat-cvv, .col-cvv, .datos-cuenta-cvv img, 
.datos-cuenta-cvv .msj-valid-photo { float: left !important; }

button[type="submit"] { margin-top: 0px !important; }

.datos-cuenta-cvv { border-bottom: 1px solid #BBB; padding: 0% 0% 3% 0%; width: 100%; overflow: hidden; }

span.textspan-activ-cv { display: block; margin-bottom: 10px; }

span.textspan-activ-cv a { color: #000DFF; }

.row.titulo-cvv .normal-state p.txt-azul-occ 
{ 
    font-size: 120%; 
    font-weight: bold; 
    word-wrap: break-word; 
    color: #009DDC !important; 
}

.row.titulo-cvv .edit-state textarea { min-height: 90px; }

.row.objetivo-cvv .edit-state textarea { min-height: 150px; }

.row.intereseslaborales textarea.form-control { min-height: 150px !important; }

.row.experiencia-profesional textarea.form-control { min-height: 120px; }

.modal-edit-expp .div-activ-texta textarea { min-height: 112px; }

.modal-other-studies .div-coment-otherst textarea { min-height: 190px; }

.modal-edit-expint .div-coment-expi textarea { min-height: 190px; }

.normal-state p { word-wrap: break-word; }
.titulo-cvv, .row.objetivo-cvv .edit-state { text-align: center; }
.col-cvv { width: 43%; padding-right: 2%; }
.col-cvv.txt-gris-a p { word-wrap: break-word; }

.titl-h2-cvv 
{ 
    width: 100%; 
    overflow: hidden; 
    border-top: 1px solid #BBBBBB !important; 
    border-bottom: 1px solid #BBBBBB !important;
    margin: 3% 0% 0% 0%;
}

.hoja-cvv .ico-action-all 
{ 
    width: auto; 
    float: right;
    margin-top: 10px;
}

.alert-cv-ok, .alert-default-occ
{
    background: #009ddc;
    border: 1px solid #009ddc;	   
    margin: 0 auto;
}

.alert-cv-ok { width: 97%; }

.alert.alert-warning.alert-dismissible.alert-cv-ok, .alert.alert-warning.alert-dismissible.alert-default-occ { margin-bottom: 8px; }

.alert-cv-ok H1, .alert-cv-ok p, .alert-default-occ H1, .alert-default-occ p { color: #FFF; margin: 10px auto 0px auto; text-align: center; }

.alert-cv-ok H1, .alert-default-occ H1 { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } 

.alert-cv-ok p, .alert-default-occ p { font-size: 125%; }

.btns-alert 
{
    overflow: hidden;
    padding: 10px 0px;
    width: 100%;
	margin: 0px auto;
}

.btns-alert a 
{
	float: left;
}

.alert-cv-ok .btns-alert a.btn-occ, .alert-default-occ .btns-alert a.btn-occ
{
    border: 1px solid #FFF;
    margin: 0px 6px 0px 0px;
    float: left;
    width: auto;
    min-width: 32.555%;
}

.datos-cuenta-cvv .btn-edit-datos-cvv, .experiencia-p-cvv .ico-action-all {float: right;}

.experiencia-p-cvv .titl-h2-cvv h2, .areas-interes-cvv .titl-h2-cvv h2, .habilidades-cvv .titl-h2-cvv h2, 
.educacion-cvv .titl-h2-cvv h2, .idiomas-cvv .titl-h2-cvv h2, 
.otrosest-lleno-cvv .titl-h2-cvv h2, .areas-exp-cvv .titl-h2-cvv h2,
.row.exp-int-cvv h2.titl-expi-a
{ width: 97%; float: left;}

.row.exp-int-cvv .cont-box-preguexint { width: 100%; }

.hoja-cvv .ico-action-all { margin-top: 0px; }

.tabs-btn-cvv li a { font-weight: normal; }

.titl-h2-cvv .ico-action-all { width: 3%; }

.media-body { width: 90%; }

.media-expp-cvv { line-height: 1.5em; }

.media-expp-cvv h3,.media-expp-cvv h4, .media-expp-cvv h5 { margin-bottom: 7px; }

.row.titulo-cvv, .container.hoja-cvv .bg_gris, .titl-h2-cvv, .cont-cvv, .media-expp-cvv, 
.thead-cvv, .exprof_editar_hello, .cont-box-preguexint { padding: 2%; overflow: hidden; }

.row.titulo-cvv .valid-msg-obj, .row.objetivo-cvv .valid-msg-obj { text-align: right; color: #FF0000; }

.media-otrosest-cvv h3, .media-expint h3 { font-size: 90%; }

.container.hoja-cvv .col-sm-2, .container.hoja-cvv .col-sm-3, .container.hoja-cvv .col-sm-4, 
.container.hoja-cvv .col-sm-5, .container.hoja-cvv .col-sm-6, .container.hoja-cvv .col-md-2, 
.container.hoja-cvv .col-md-4, .container.hoja-cvv .col-md-8, .container.hoja-cvv .col-md-10,
.container.hoja-cvv .col-md-12, .hoja-cvv .media-body
{ padding: 0px 2% 0px 0px; overflow:hidden; word-wrap: break-word; display: block; }

.container.hoja-cvv .ico-action-all.col-md-2 {padding: 0px; }

.cont-areaexp-cvv, .cont-areasint-cvv, .cont-habilid-cvv, .cont-edu-cvv, .cont-idiom-cvv, 
.cont-idiomeng-cvv, .media-otrosest-cvv, .media-expp-cvv, .cont-cvv.cont-idiom-cvv, .media-expint,
.exprof_editar_hello
{ border-bottom: 1px solid #D8D8D8; background: #F8F8F8; }

.cont-intlab-cvv, .cont-areaexp-cvv, .cont-areasint-cvv, .cont-habilid-cvv, .cont-edu-cvv, 
.col-md-3.ico-tipcon, .cont-idiom-cvv, .cont-idiomeng-cvv, .media-otrosest-cvv, .cont-expint-cvv, 
.media-expint, .thead-cvv, .exprof_editar_hello, .cont-box-preguexint { overflow: hidden; }

.media.media-expp-cvv { word-wrap: break-word; }

.thead-cvv { background: #DDD;}

.cont-cvv.cont-expint-cvv .col-md-5 { margin: 0px 30%; }

#englishcertifications { display: block; }

.hoja-cvv .cont-areaexp-cvv .ico-action-all { margin-top: 0px; }

p.aviso-cvv{ text-align: center; font-size: 110%; }

.box-cvv 
{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: 1px solid #D8D8D8;
    border-bottom-width: 10px;
    display: block;
    float: left;
    padding: 3% 3% 3% 3%;
}

.col-md-5.box-intlab-cvv { width: 49% }

.col-md-5.box-intlab-cvv { margin-right: 1%; }

.context-box-cvv { float: left; width:89%; }

.col-md-5.box-intlab-cvv .ico-action-all { float: right; }

.qu-intlab-cvv { float: left; width: 100%; margin-bottom: 4%; }

.qu-intlab-cvv span { margin-right: 3%; }

.box-intlab-cvv p.txt-azul-occ { font-size: 140%; }

.ico-edv-cvv, .ico-dav-cvv, .ico-eop-cvv,.ico-tee-cvv  { text-indent: -9999999px; display:block; float: left; }

.ico-edv-cvv 
{ 
    background: url("/Content/Responsivo/img/sprite-home-icons.png") -100px -117px no-repeat;
    width: 24px;
    height: 24px; 
}

.ico-dav-cvv 
{ 
    background: url("/Content/Responsivo/img/sprite-home-icons.png") -74px -117px no-repeat; 
    width: 24px;
    height: 26px;
}

.ico-eop-cvv 
{
	background: url("/Content/Responsivo/img/sprite-home-icons.png") -49px -144px no-repeat; 
    width: 24px;
    height: 28px;
}

.ico-tee-cvv 
{
	background: url("/Content/Responsivo/img/sprite-home-icons.png") -49px -117px no-repeat; 
    width: 24px;
    height: 26px;
}

.ico-contrat-tipo { width: 25px; height: 25px; display: block; margin-right: 3%; }

.ico-honorarios { background: url("/Content/Responsivo/img/sprite-home-icons.png") -101px -7px no-repeat; }
.ico-mediotiempo { background: url("/Content/Responsivo/img/sprite-home-icons.png") -129px -7px no-repeat; }
.ico-tiempo-compl { background: url("/Content/Responsivo/img/sprite-home-icons.png") -129px -34px no-repeat; } 
.ico-permanente { background: url("/Content/Responsivo/img/sprite-home-icons.png") -101px -34px no-repeat; }
.ico-tipcon p, .ico-tipcon label { width:100%; }
.ico-tipcon label input { margin-left: 25%; height: auto !important; }
.ico-tipcon p span.ico-contrat-tipo { float: left; }
.edit-state { display: none; }
.scroll.selected {background:#009ddc;} /*ESTILO PARA EL DDSCROLL SPY*/


/*INICIO SELECCIONA CV__________________________________________________*/
.content-panels-selcv { overflow: hidden; }

.panel-selecciona-cv.first-child-pscv { margin-right: 2%; }

.panel-selecciona-cv 
{
     width: 48.777%;
     float: left;	
}

.alert-default-occ H1 
{
    border-bottom: 1px solid #FFF;
    padding-bottom: 10px;
}

.panel-selecciona-cv .panel.panel-primary 
{ 
    border: 1px solid #C9C9C9; 
    border-radius: 5px; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;  
}

.panel-selecciona-cv .panel-body a.btn-occ
{
	width: 100%;
	display: block;
	margin-bottom: 10px;
}

.panel-selecciona-cv .panel-heading 
{ 
    background: #FFF; 
    color: #6D6D6D; 
    border-radius: 5px 5px 0px 0px; 
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-color: #C9C9C9;
    text-align: center;
}

.panel-wrap-selcv { margin-bottom: 15px; }

.panel-selecciona-cv .row.titulo-cvv, 
.panel-selecciona-cv .row.objetivo-cvv.bg_gris,
.panel-selecciona-cv .panel-wrap-selcv .media-expp-cvv,
.panel-selecciona-cv .text-consinexp
{ padding: 10px 0px; }

.panel-selecciona-cv .text-consinexp { width: 100%; display: block; }

.panel-selecciona-cv .panel-wrap-selcv .ico-action-all { display: none; }

.panel-selecciona-cv .row.titulo-cvv .normal-state p.txt-azul-occ 
{ 
    font-size: 100%; 
    font-weight: normal; 
    text-align: left;
}

.panel-selecciona-cv .row.objetivo-cvv.bg_gris { background: none; }

.panel-selecciona-cv .media.media-expp-cvv h3.media-heading { font-size: 130%; }

.panel-selecciona-cv .media.media-expp-cvv h4 { font-size: 120%; }

/*FIN SELECCIONA CV______________________________________________________________________________*/


/*CV SIN JS ________________________________________________________________________________________*/
.row.cv-sinjs a.list-group-item 
{ 
    color: #959595; 
    background: #FFF url("/Content/Responsivo/img/ico-flecha-gris.png") 98% 50% no-repeat; 
}

.row.cv-sinjs a.list-group-item:hover, a.list-group-item:focus 
{
    background-color: #f5f5f5;
}

a.list-group-item h4, a.list-group-item p { width: 83%; }

/*EDITAR DATOS SIN JS____________________________________________________________________________*/
.colum-edit-persdata .btn-mostrar-edos input { width: 100%; margin-right: 0px;}

/*FORMAS EDITABLES PARA CV__________________________________________________________________________*/
.col-md-5.box-cvv.box-intlab-cvv.row span.txt-azul-occ.txtdav.control-label.col-sm-2
{
    width: 100%;
    padding: 0px;
    text-align: left;
}

.col-md-5.box-cvv.box-intlab-cvv.row .e-d-viajar
{
    margin-top: 0px;
}

.col-md-5.box-cvv.box-intlab-cvv.row .e-d-viajar,
.col-md-5.box-cvv.box-intlab-cvv.row .e-d-reubicarte,
.col-md-5.box-cvv.box-intlab-cvv.row .div-il-paymeth,
.col-md-5.box-cvv.box-intlab-cvv.row .div-li-curren
{
	margin-bottom: 10px;
}

.col-md-5.box-cvv.box-intlab-cvv.row .de_salary,
.col-md-5.box-cvv.box-intlab-cvv.row .div-il-paymeth
{
   	margin-right: 1%;
}

.col-md-5.box-cvv.box-intlab-cvv.row .de_salary, 
.col-md-5.box-cvv.box-intlab-cvv.row .hasta_salary,
.col-md-5.box-cvv.box-intlab-cvv.row .div-il-paymeth,
.col-md-5.box-cvv.box-intlab-cvv.row .div-li-curren
{
	width: 100%;
	margin-bottom: 10px;
}

.col-md-5.box-cvv.box-intlab-cvv.row .de_salary select, 
.col-md-5.box-cvv.box-intlab-cvv.row .hasta_salary select,
.col-md-5.box-cvv.box-intlab-cvv.row .div-il-paymeth select,
.col-md-5.box-cvv.box-intlab-cvv.row .div-li-curren select
{
    width: 99%;
}

.edit-state #ResumeSalaryForm .txt-blanco.moneda-il, 
.edit-state #ResumeSalaryForm .txt-blanco.modo-pago-il { display: none; }

.e-d-reubicarte > .btn-occ-radio, .e-d-viajar > .btn-occ-radio
{
    width: 30%;
    cursor: pointer;
}

.form-resum-abrxpeu { margin: 0px 0px 20px 0px; }

#id-radio-expint .btn-radio-2 { border-radius: 0px 5px 5px 0px; }

#id-radio-expint span.txt-azul-occ.txtdav.control-label.col-sm-2 { width: 100% !important; padding-right: 0px !important;}

.modal-edit-hab .form-group label {width: 100%; text-align: left;}

.modal-edit-hab .form-level, .modal-edit-hab .form-aniexp { width: 30%; }

.modal-edit-hab .form-level, .modal-edit-hab .form-aniexp, .modal-edit-hab .form-usdpmv { float: left; }

.modal-edit-hab .form-usdpmv { width: 35%; }

.modal-edit-hab .form-level, .modal-edit-hab .form-usdpmv { margin-right: 2%; }

#editexperienceareamodal .control-label { padding: 0px; width: 100%; text-align: left; }


/*EDITAR DATOS DE CUENTA, CORREO, CONTRASEÑA_________________________________________________________________________*/

.wrap-editar-datc label.control-label.col-sm-2 { padding: 0px; width: 100%; }

.colum-edit-persdata, .colum-editar-correo, .colum-editar-contr 
{ 
    float: left; 
    width: 44%; 
    margin-bottom: 30px; 
    padding: 3%; 
    border: 1px solid #009DDC;
}

.colum-edit-persdata { margin-right: 10%; }

.form-group.div-cumpl-edat select#day, .form-group.div-cumpl-edat select#year, 
.form-group.div-cumpl-edat select#month { width: 100%; }

.pageed-div-day, .pageed-div-month, .pageed-div-year { overflow: hidden; margin-bottom: 10px; width: 100%; }

.div-btn-regcv { float: right; }

.pageed-div-day, .pageed-div-month, .pageed-div-year  { float: left; }

.div-btn-regcv a { display: block; margin: 0px auto; }

/*TABS Y BOTON DESACTIVAR _______________________________________________________________________*/

.tabs-btn-cvv
{
    width: 97%;
    margin: 0px auto;
    overflow: hidden;
}

.tabs-btn-cvv ul.nav.nav-tabs a
{
   	color: #CCC;
}

.tabs-btn-cvv ul.nav.nav-tabs > li.active > a 
{
	color: #009DDC;

}

a.btn-desac
{  
    background: #DDD;
    color: #999;
    font-weight: normal;	
}

.row.datos-cuenta-cvv a.btn-desac, .row.datos-cuenta-cvv a.btn-activ
{
    float: right; 
    padding-right: 12px; 
    padding-left: 12px;
}

/*FOTO____________________________________________________________________________________________*/

.cropit-image-preview 
{
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 7px;
    width: 100px;
    height: 112px;
    cursor: move;
}

/* Translucent background image */
.cropit-image-background 
{
    opacity: .2;
}

.image-size-label 
{
    margin-top: 10px;
}

input 
{
    display: block;
}

button[type="submit"] 
{
    margin-top: 10px;
}

#result-data 
{
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

input.cropit-image-zoom-input 
{
    position: relative;
}

#image-cropper 
{
    overflow: hidden;
}

.modal-photo-occ .modal-content { width: 500px; margin: 0 auto;}

.modal-photo-occ .cropit-image-preview { margin: 7px auto; }

.modal-photo-occ .image-editor input { margin: 7px auto; border-color: #CCC; }

.modal-photo-occ .image-editor .btn-occ { width: 100%; }

.msj-valid-photo .alert
{ 
    width: auto !important; 
    margin-top: 10px; 
    margin-bottom: 0px; 
    padding: 5px 10px; 
    text-transform: uppercase;
	font-size: 90%;
	overflow: hidden;
}

.list-group-item { overflow: hidden; }

.msj-valid-photo { margin: 0px 0px 0px 15px; }

.modal-photo-occ input[type="range"] { width: 50%; }

#uploadPhoto { float: left; }

.cropit-image-preview-container { position: relative; }

#fotoJS, #fotoInvalida { display: none; }

.ico-alert-warn 
{ 
    background: url("/Content/Responsivo/img/sprite-home-icons.png") -75px -141px no-repeat;
}

.ico-alert-success 
{ 
    background: url("/Content/Responsivo/img/sprite-home-icons.png") -102px -141px no-repeat;
}

.ico-alert-info 
{ 
    background: url("/Content/Responsivo/img/sprite-home-icons.png") -129px -141px no-repeat;
}

.ico-alert-warn, .ico-alert-success, .ico-alert-info 
{
    width: 28px;
    height: 28px;
    display: block;
    float: left;
    margin-right: 10px;
}

span.texto-status { margin-top: 6px; display: block; float: left; }

.row.datos-cuenta-cvv .box 
{
    cursor: pointer;
    float: left;
    height: 112px;
    overflow: hidden;
    position: relative;
    width: 100px;
}

.row.datos-cuenta-cvv .box img 
{
    left: 0;
    position: absolute;
    transition: all 300ms ease-out 0s;
    cursor: pointer;
	margin-bottom: 10px;
}

.row.datos-cuenta-cvv .box .fade-caption
 {
    height: 112px;
    opacity: 0;
    padding: 15px;
    text-align: left;
    width: 100px;
}

.row.datos-cuenta-cvv .box .caption 
{
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    left: 0;
    position: absolute;
    transition: all 300ms ease-out 0s;
    z-index: 100;
    text-align: center;
}

.row.datos-cuenta-cvv .box:hover .fade-caption
{
    opacity: 1;
}

.row.datos-cuenta-cvv .box .caption p
{
    font-size: 70%;
    color: #31c5ff;
}

.ico-campic-cvv 
{
	background: url("/Content/Responsivo/img/sprite-home-icons.png") -128px -210px no-repeat;
	width: 34px;
	height: 34px;
	display: block;
	margin: 10px auto 15px auto;
}

input.cropit-image-zoom-input { border: none; } 

.row.cv-sinjs .list-group-item:first-child { background: #EEE; border-bottom: 7px solid #DDD; }

.modal-photo-occ button.btn-naranja { width: 50%; }

/*FOTO SIN JS____________________________________________________________________________________*/
.class-fotoNOJS { width: 100%; float: left; margin: 10px 0px 10px 0px; }
.class-fotoNOJS input.input-upload-foto { background: #FFF !important; }
p.p-foto-cont { width: 100px !important; float: left; }
p.p-foto-cont img { border: 1px solid #CCC; }
.class-fotoNOJS form input, .list-group-item .msj-valid-photo { float: left; }
.class-fotoNOJS form input.btn-naranja { margin-left: 10px; }
#fotoInvalida { background: #FFEBEB; color: #FF0000; padding: 6px; margin-bottom: -7px; }
#photoValidationMessageNOJS { color: #FF0000; width: 100%; margin-top: 5px; float: left; }

/*-----------------------------Punteros texto mencionalo-----------------------------*/
#addexperiencelink, #addexperiencearealink, #addotherstudylink, #addinternationalexperiencelink
{
    cursor: pointer;    
}

/*--------------------Se ocultan botones sin función con javascript-----------------------------*/
#btn_crearagentes, #btn_irmyocc
{
    display: none    
}

/*HELLO CENGAGE__________________________________________________________________________________*/
.exprof_editar_hello img, p#HelloEvaluation_CV
{
  float: left;
}

.exprof_editar_hello img { margin-top: 6px; }

p#HelloEvaluation_CV { margin: 5px 10px 0px 0px; }

@media (min-width:991px) 
{
    .cont-box-preguexint .box-cvv.col-md-5 
    {
        width: 44%;
        margin: 0 28%;
	}
	
}

@media (max-width:991px) /*maximo de ancho 991px*/
{
      .alert-cv-ok .btns-alert a.btn-occ 
      {
          margin-bottom: 10px;
          width: 99%;
      }
            
      .btns-alert 
      {
	      width: 100%;
      }
      
      .ico-tipcon p 
      {
          width: 30%;
      }
      
      .ico-tipcon label
      {
	      width: auto;
      }
      
      .ico-tipcon p, .ico-tipcon label 
      {
	      float: left;
      }
      
      .col-md-3.ico-tipcon 
      {
          margin-top: 14px;
          padding: 0px;
      }
      
      .ico-tipcon label {padding: 1% 0 0 0;}
      
      .ico-tipcon label input {margin: 0px;}
      
      .cont-areaexp-cvv .col-md-10, .cont-habilid-cvv .col-md-10,
      .cont-edu-cvv .col-md-10, .cont-idiom-cvv .col-md-10, 
      .cont-idiomeng-cvv .col-md-10, .hoja-cvv .media-body,
      .cont-areasint-cvv .titulo-aint-subar.col-md-10, .thead-cvv .col-md-10
      { width: 86%; float: left; }
           
      .cont-areaexp-cvv .ico-action-all.col-md-2, .cont-habilid-cvv .ico-action-all.col-md-2,
      .cont-edu-cvv .col-md-2, .cont-idiom-cvv .col-md-2
      { float: right; }
      
      .cont-cvv.cont-expint-cvv .col-md-5 { margin: 0px; }        
      
}

@media (min-width:767px) /*MEDIA QUERIE*/
{   
      #HelloEvaluation_CV select { margin-right: 10px; }
      
      .cont-cvv.cont-intlab-cvv .col-md-5.box-intlab-cvv { min-height: 150px; }
      
      .tabs-btn-cvv ul.nav.nav-tabs > li.active { margin: 0px 5px 0px 5px; }
      
      .cont-box-preguexint .box-cvv .edit-state .e-d-reubicarte > .btn-occ-radio, 
      .cont-box-preguexint .box-cvv .edit-state .e-d-viajar > .btn-occ-radio { width: 50%; }
      
      .btns-activ-desact 
      {
         float: right;
         width: 220px;
	
      }
      
      .btns-activ-desact a.btn-desac, .btns-activ-desact .btn-activ 
      { margin-bottom: 10px; 
        width: 220px; 
        display: block;
      }
      
      
      /*Editar datos cuenta_____________________________________________________________*/
      .div-btn-regcv { margin-right: 20px; }
      
      .div-btn-regcv a.btn-occ { width: 260px; }
      
      .colum-edit-persdata input, .colum-edit-persdata select { width: 95% !important; }
      
      .colum-edit-persdata select { margin-right: 0px !important; }
      
      .colum-edit-persdata .form-group .circ_rojo { bottom: 19px; }
      
       .colum-edit-persdata .form-group.div-cumpl-edat .circ_rojo { top: 15px; }
      
}

@media (max-width:767px) /*CELULARES Y ALGUNAS TABLETS*/
{
      .hoja-cvv { padding-bottom: 6%; }
      
      .titl-gris-cvv 
      {
          font-size: 120%;
      }
      
      .titl-h2-cvv .titl-gris-cvv
      {
          width: 76% !important;
          text-align: left !important;
      }
           
      .titulo-cvv, .titl-h2-cvv  { padding: 4% 3%; }
      
      .alert-cv-ok p, .btns-alert, .anchors-cvv 
      {          
          display: none;
      }
      
      .btns-alert 
      {
	      width: 100%;
      }
      
      .alert-cv-ok .btns-alert a.btn-occ 
      {
          width: 97%;
          font-size: 85%;
          margin-bottom: 6px;
      }
      
      .alert-cv-ok p 
      {
          font-size: 105%;
      }
      
      .alert.alert-warning.alert-dismissible.alert-cv-ok .close,
      .alert.alert-warning.alert-dismissible.alert-default-occ .close 
      {
          right: -49.22222%;
          font-size: 250% !important;
      }         
      
      .alert-default-occ p { font-size: 96%; }  
           
      .col-cvv { width: 100%; }
      
      .container.hoja-cvv .ico-action-all { width: auto; }
      
      .cont-areaexp-cvv .col-md-10, .cont-habilid-cvv .txt-hab.col-sm-4, 
      .cont-habilid-cvv .txt-hab.col-sm-2{width: 70%; float: left;}
      
      .col-md-5.box-intlab-cvv { width: 100%; margin-bottom: 10px; }      
      
      .ico-tipcon p { width: 75%; margin-right: 4%;}
      
      .ico-tipcon label { padding-top: 7px; }
      
      .container.hoja-cvv{ font-size: 90%; }
      
      h3.media-heading, .media-expp-cvv H4 {font-size: 110%;}
      
      .box-intlab-cvv p.txt-azul-occ strong { font-size: 80%; }
      
      .wrap-editar-datc input.btn-naranja{ width: 100%;}
      
      .container.acciones-cvv  
      {
          position: fixed; 
          bottom: 0px; 
          left: 0px; 
          right:0px;
          top: auto;
          background: rgba(230, 230, 230, 0.9);
          width: 100% !important;
          padding: 10px 10px 5px 10px;
      }
      
      .btns-acc-cvv a {float: left; margin-left:10px !important;}
      
      .tooltip {display:none !important;}
      
      .btns-acc-cvv {float:right;}
      
      .cont-areaexp-cvv .col-md-10, .cont-habilid-cvv .col-md-10,
      .cont-edu-cvv .col-md-10, .cont-idiom-cvv .col-md-10, 
      .cont-idiomeng-cvv .col-md-10, .hoja-cvv .media-body, .cont-areasint-cvv .titulo-aint-subar.col-md-10,
      .context-box-cvv
      { width: 72%; }
      
      .modal-edit-hab .form-level, .modal-edit-hab .form-aniexp, .modal-edit-hab .form-usdpmv { width: 100%; }
      
      .ico-tipcon label { height: 35px; }      
      
      .row.cv-sinjs a.list-group-item 
      { 
          color: #959595; 
          background: #FFF url("/Content/Responsivo/img/ico-flecha-gris.png") 96% 50% no-repeat; 
      }
      
      .msj-valid-photo { position: relative; top: 0px; right: 0px; float: right; }
      
      .modal-photo-occ .modal-content { width: 95%; }
      
      .modal-photo-occ input[type="range"], .modal-photo-occ .image-editor input { width: 100%; height: 32px !important;}
      
      .modal-photo-occ .image-editor input.cropit-image-input { padding: 0px; }
      
      .modal-photo-occ button.btn-gris, .modal-photo-occ button.btn-naranja { width: 100%; }
      
      .msj-valid-photo { width: 100%; margin: 0px 0px 0px 0px; }
      
      .msj-valid-photo .alert { margin-bottom: 20px; }
      
      .container.hoja-cvv .edit-state .btns-mt { margin-top: 5px; } 
      
      .thead-cvv { display: none; }
      
      .exprof_editar_hello select, .exprof_editar_hello input { width: 100%; float: left; }
      
      .exprof_editar_hello select, .exprof_editar_hello p { margin-bottom: 10px;  }
      
      .panel-selecciona-cv.first-child-pscv { margin-right: 0%; }

      .panel-selecciona-cv 
      {
          width: 100%;
      }
                
      .tabs-btn-cvv ul.nav.nav-tabs a { border: 1px solid #DDD; }
      
      .tabs-btn-cvv ul.nav.nav-tabs li { width: 100%; margin-bottom: 5px;}
      
      .tabs-btn-cvv ul.nav.nav-tabs a, .tabs-btn-cvv ul.nav.nav-tabs > li.active > a 
      {
	      border-radius: 5px;
	      -moz-border-radius: 5px;
	      -webkit-border-radius: 5px;
	      text-align: center;
      }
      
      .tabs-btn-cvv ul.nav.nav-tabs > li.active > a 
      { 
          background: #237EC9; 
          color: #FFF; 
      }
      
      .cont-cvv.cont-intlab-cvv .col-md-5.box-intlab-cvv { min-height: 100px; }
      
      .cont-cvv.cont-intlab-cvv .edit-state input.btn-occ.btn-naranja, 
      .cont-cvv.cont-intlab-cvv .edit-state input.btn-occ.btn-gris, 
      .row.exp-int-cvv .edit-state input.btn-occ.btn-gris, 
      .row.exp-int-cvv .edit-state input.btn-occ.btn-naranja { width: 100%; }
      
      .cont-cvv.cont-intlab-cvv .edit-state input.btn-occ.btn-naranja, 
      .row.exp-int-cvv .edit-state input.btn-occ.btn-naranja { margin-bottom: 10px; }
      
      .msj-valid-photo a.btn.btn-default:first-child { margin-bottom: 10px; }
      
      .row.exp-int-cvv .edit-state .e-d-viajar > .btn-occ-radio { width: 50%; }
      
      .cont-cvv.cont-intlab-cvv .edit-state .e-d-viajar > .btn-occ-radio, 
      .cont-cvv.cont-intlab-cvv .edit-state .e-d-reubicarte > .btn-occ-radio { width: 33.3333%; }
      
      .cont-box-preguexint .box-cvv.col-md-5 
	  {
	      width: 100%;
	  }
      
      .media-expp-cvv h3 { font-size: 130%; }
      
      /*FOTO SIN JS____________________________________________________________________________________*/
      
      input.input-upload-foto { margin: 0 auto; padding: 0px; }
      input.input-upload-foto, .class-fotoNOJS input.btn-naranja, .msj-valid-photo a { width: 100%; }
      .class-fotoNOJS input.btn-naranja { margin: 6px 0px 0px 0px !important; }
      .row.datos-cuenta-cvv .box { margin: 10px auto; }
      .row.cv-sinjs p.p-foto-cont { margin: 10px 0px ; }
      .row.cv-sinjs .msj-valid-photo { margin-top: 10px; }
      
      .btns-activ-desact a.btn-desac, .btns-activ-desact .btn-activ { width: 100%; display: block;}
      
      .btns-activ-desact a:first-child { margin-bottom: 10px;}
      
      /*Editar datos cuenta____________________________________________________________________________*/
      .colum-edit-persdata, .colum-editar-correo, .colum-editar-contr 
      { 
          width: 100%; 
          padding: 0% 0% 25px 0%; 
          border: none; 
          border-bottom: 1px solid #009ddc;
      }
      
      .colum-edit-persdata .form-group.div-cumpl-edat select { margin-bottom: 10px; }
      
      .div-btn-regcv { width: 100%; }     
      
      .colum-edit-persdata .form-group .circ_rojo { bottom: 23px; right: 8px; } 
      
      .colum-edit-persdata .form-group.div-cumpl-edat .circ_rojo { bottom: 32px; right: 8px; }
      
}


@media (min-width: 768px) and (max-width: 991px)
{
    .col-md-3.ico-tipcon /*TIPOS DE CONTRATACIÓN*/
    {
        float: left;
        width: 49%;
	}
	
	.ico-tipcon p /*TIPOS DE CONTRATACIÓN*/
	{
	    width: 60%;
	}
	
	.cont-box-preguexint .box-cvv.col-md-5 
	{
	    width: 60%;
	    margin: 0 20%;
	}
}

/*MEDIA QUERIE PARA EL MENU FIJO DE LA IZQUIERDA*/
@media (min-width: 768px) and (max-width: 804px)
{
    .acciones-cvv { left: -9px; }
}

/*botones de la foto para celulares muy pequeños*/
@media (max-width: 296px)
{
    .msj-valid-photo a { width: 100%; }
}


@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
    ::i-block-chrome,.control-foto-sinjs input { float: left; margin-left: 6px; }
}

@media (max-width: 300px)
{
    .tabs-btn-cvv ul.nav.nav-tabs li a 
    {
	font-size: 80%;
    }
}