@charset "UTF-8";

@import "http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video /*fieldset,form,label,legend,*/ {
border:0;
font-size:100%;
font:inherit;
margin:0;
padding:0;
vertical-align:baseline;
zoom:1
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block
}

ol,ul {
list-style:none
}

blockquote,q {
quotes:none
}

blockquote:before,blockquote:after,q:before,q:after {
content:'';
content:none
}

table {
border-collapse:collapse;
border-spacing:0
}

button,input,select,textarea {
font-size:100%;
overflow:visible;
margin:0;
vertical-align:baseline;
width:auto
}

textarea {
overflow:auto;
vertical-align:text-top
}

*,:after,:before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

html,body {
font-family:'Open Sans',sans-serif;
font-weight:300;
line-height:1.875em;
width:100%;
text-align:center
}

a {
color:#fff;
text-decoration:none
}

small {
font-size:75%
}

strong {
font-weight:700
}

.clearfix {
clear:both
}

.btn {
background:#696cff;
border-radius:0;
border:0;
font-weight:400;
text-shadow:none;
box-shadow:none;
text-transform:uppercase;
color:#fff;
cursor:pointer;
border-radius:3px
}

.btn:hover {
background-color:none
}

.btn:focus {
background-color:none
}

.btn-primary {
    color: #fff;
    background-color: #696cff;
    border-color: #696cff;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4);
}

    .btn-primary:hover {
        color: #fff !important;
        background-color: #5f61e6 !important;
        border-color: #5f61e6 !important;
        transform: translateY(-1px) !important;
    }

    .btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #5f61e6;
        border-color: #5f61e6;
        transform: translateY(0);
        box-shadow: none;
    }

    .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .btn-primary.show.dropdown-toggle, .show > .btn-primary.dropdown-toggle {
        color: #fff !important;
        background-color: #595cd9 !important;
        border-color: #595cd9 !important;
    }

        .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .btn-primary.show.dropdown-toggle:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff !important;
        background-color: #696cff !important;
        border-color: #696cff !important;
        box-shadow: none !important;
    }

 

.btn-success {
background:none;
background-color:#696cff
}
    .btn-success:hover, .btn-success:active {
        color: #fff !important;
        background-color: #5f61e6 !important;
        border-color: #5f61e6 !important;
        transform: translateY(-1px) !important;
    }

.btn-info {
background:none;
background-color:#00D3FF
}

.btn-warning {
background:none;
background-color:#F0A000
}

.btn-danger {
background:none;
background-color:#CC001E
}

.btn-link {
background:none;
color:#000
}

.btn-link:hover {
background:none
}

.btn-inverse {
background:none;
background-color:#000
}

fieldset .btn {
margin-top:10px
}

.fl-img {
float:left;
vertical-align:middle;
padding:3px 10px 7px 0
}

.fl-right {
    float: right;
    margin-left: 4px;
}

.fl-left {
float:left
}

.align-left {
text-align:left
}

.align-right {
text-align:right
}

.full-width {
width:100%
}

h1, h2, h3, h4, h5 {
    font-family: 'Open Sans',sans-serif;
    color: #213c47;
    text-transform: uppercase
}

h1 {
font-size:1.5em
}

p {
margin:.5em 0;
font-weight:400
}

.inner-wrapper {
width:100%;
margin:0 auto;
max-width:1600px;
padding:0
}

.soft {
opacity:.5
}

.noselect {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:default
}

textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {
min-height:30px
}

header {
	position:fixed;
	width:100%;
	background:white;
	padding:6px 10px 2px 10px;
    z-index:9999999;
    top:0;
}
	
    header.fixed-to-top {
        position: fixed;
        z-index: 9999;
        height: 40px;
        overflow: hidden;
    }

    header .client-logo {
		background:url(../img/logo_blanco.png) no-repeat left center;
		float:left;	
	}
	
    /*header .project-logo {
		background:url(../img/yta.png) no-repeat center center;
        display: inline-block;
	}*/

.headerContainer {
    width:100%;
    vertical-align:middle;
    /*margin-bottom:65px;*/
    height:80px;
}

.titulo {
    font-weight: bold;
    width: 100%;
    color: #213c47;
}
    
 header .project-logo {
 display:inline-block;
font-weight:bold;
width:33%;
}
    header .client-logo {
		width:20%;
		height:70px;
		margin:10px 10px;
		background-size:contain;
	}

     header .yta-logo {
        float:left;
        width:15%;
        vertical-align:top;
        text-align:left;
    }

body.signin header {
padding:0
}

body.signin header .client-logo,body.signin header .project-logo {
display:inline-block;
float:left;
width:35%;
color:#696cff;
margin-left: 7%;
}
 
header .navbar {
margin:0;
border-top:1px solid transparent;
-webkit-transition:background .5s ease-in-out,padding .5s ease-in-out;
-moz-transition:background .5s ease-in-out,padding .5s ease-in-out;
transition:background .5s ease-in-out,padding .5s ease-in-out
}

header .navbar-inner,header .navbar-fixed-top .navbar-inner,header .navbar-static-top .navbar-inner {
background:none;
min-height:40px;
margin:0 auto 1px;
border:0;
padding:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-transition:margin .3s ease-in-out;
-15px-moz-transition:margin .3s ease-in-out;
transition:margin .3s ease-in-out;
filter:none
}

header .navbar-inner {
border-radius:0
}

header .navbar .brand {
width:auto;
padding:0 10px;
margin-left:0;
font-size:19px
}

header .navbar .brand h2 {
display:inline
}

header .navbar .nav > h3 a,.navbar .nav > li > a {
text-shadow:none;
color:#fff;/*#C5C5C5*/
border:1px solid transparent;
margin:0;
padding:2px 4px;
min-height:40px
}

header .navbar .btn-navbar {
background:none;
filter:none;
width:40px;
height:40px;
margin:0;
padding:12px 8px
}

.navbar .btn-navbar:hover {
background:rgba(0,0,0,.6)
}

.navbar .btn-navbar:focus {
outline:none;
background:rgba(0,0,0,.6)
}

.navbar .btn-navbar .icon-bar {
width:20px;
color:#063
}

.navbar .nav .dropdown-toggle .caret {
margin-top:15px
}


.navbar-inverse .navbar-inner {
    background-color: #213c47 !important;
    background-repeat: repeat-x;
    border-color: #213c47 !important;
    background-image: none !important;
}


header .widgets-wrapper {
width:40%; /*50%*/
height:48px;
position:relative;
float:right;
padding:0;
clear:right
}

header .widgets-wrapper img {
float:right;
width:48px;
height:auto
}

    header .widgets-wrapper .btn-user {
        margin: 8px 5px;
        float: right;
        text-shadow: none;
        color: #696cff
    }

header .widgets-wrapper label {
display:inline-block
}

.hero-unit {
background:#E0D5BF;
border-radius:2px;
outline:solid 1px #FFF;
outline-offset:-10px;
padding:40px
}

ul.collect {
position:absolute;
right:0;
top:0;
overflow:visible
}

ul.collect ul.dropdown-menu {
right:0;
left:auto
}

body.signin {
    background: #f5f5f9;
}

    body.signin h1, body.signin h2 {
        color: #566a7f
    }

body.signin .login-wrapper {
margin:10px 0;
margin-top:11%
}

    body.signin .login-wrapper .module-signin {
        background-color: #FFF;
        color: #566a7f;
        border: 1px solid rgba(255,255,255,.65);
        outline: solid 2px #566a7f;
        padding: 40px
    }

body.signin .login-wrapper .module-signin hr {
border:none
}

.module-signin .input-block-level {
min-height:40px;
font-size:1.2em;
font-family:'Open Sans',sans;
font-weight:100
}

#loadingModal .modal-wrapper {
border:1px solid #ccc;
margin:10px;
padding:10px
}

#loadingModal h2 {
color:#00303A;
margin:10px 0
}

#loadingModal p {
color:#AABABD
}

.content-wrapper {
text-align:left;
padding-top:130px
}

.content-wrapper-login {
text-align:left;
margin-bottom:60px
}

.top-spaced {
padding-top:40px
}

.breadcrumb {
text-align:left;
background:none
}

.page-header {
padding-bottom:10px;
margin:0 20px 0 0;
border-bottom:1px solid #eee
}

.module-wrapper {
position:relative;
padding:0 0 1px;
margin:0 20px 20px 0;
border-radius:2px;
-webkit-box-shadow:2px 10px 35px 0 rgba(0,0,0,0.45);
-moz-box-shadow:2px 10px 35px 0 rgba(0,0,0,0.45);
box-shadow:2px 10px 35px 0 rgba(0,0,0,0.45);
background:#F0F0F0
}

    .module-wrapper h1, .module-wrapper h2, .module-wrapper h3, .module-wrapper h4, .table th, .table thead td, .table tbody tr.thead-fix td {
        padding: 5px;
        color: #fff;
        background-color: #213c47;
        border: 1px solid #8AB2AB
    }

.module-wrapper a.module-collapse-header:hover {
text-decoration:none;
cursor:pointer
}

.tabs-left > .nav-tabs {
background:url(../img/side-nav-bg.png) no-repeat left top;
background-size:100% 100%;
margin:0
}

.tab-content {
padding-left:20px;
padding-bottom:10px
}

.tabs-left > .nav-tabs > li.nav-environment,.tabs-up > .nav-tabs > li.nav-environment,.nav-environment {
background:#696cff;
padding:0 5px 1px;
-webkit-border-bottom-left-radius:2px;
-moz-border-radius-bottomleft:2px;
border-bottom-left-radius:2px;
margin-bottom:16px
}

.tabs-up > .nav-tabs > li.nav-environment,.nav-environment {
-webkit-border-bottom-right-radius:0;
-moz-border-radius-bottomright:0;
border-bottom-right-radius:0;
width:20%;
margin-bottom:0
}

.tabs-up > .nav-tabs > li.nav-environment h2,.nav-environment h2 {
font-size:.85em;
line-height:2.5em;
white-space:nowrap;
margin-bottom:1px
}

.tabs-left > .nav-tabs > li.nav-environment > a.nav-button,.tabs-up > .nav-tabs > li.nav-environment > a.nav-button,.nav-environment > a.nav-button {
min-width:32px;
width:32px;
height:32px;
border-radius:0;
border:none;
margin-right:5px;
padding:9px
}

.tabs-left > .nav-tabs > li.nav-environment > a.nav-button:hover,.tabs-up > .nav-tabs > li.nav-environment > a.nav-button:hover,.nav-environment > a.nav-button:hover {
background:#696cff
}

.nav > li > a:hover, .nav > li > a:focus, .navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover, .navbar-inverse .brand:focus, .navbar-inverse .nav > li > a:focus, .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
    background: #696cff;
    color: #fff
}





.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav > li.dropdown.open.active > a:hover,.nav > li.dropdown.open.active > a:focus {
background:#696cff;
width:100%
}

.dropdown:hover,.dropdown .dropdown-toggle:hover,.dropdown.open:hover,.dropdown.open {
background:#696cff
}

.nav li h2 {
font-size:1.2em;
line-height:1.8em;
color:#fff
}

.table th,.table thead td,.table tbody tr.thead-fix td {
font-weight:100
}

.table th a,.table thead td a,.table tbody tr.thead-fix td a {
color:#fff
}

.table th a:hover,.table thead td a:hover,.table tbody tr.thead-fix td a:hover {
text-decoration:none;
cursor:pointer
}

div.dd-actions {
position:absolute;
right:10px;
top:10px
}

.ABMLaction-bar {
text-align:right
}

.add-wrapper,.filter-wrapper {
padding:10px 20px 0;
margin-bottom:15px
}

.row-action-col {
width:1%;
min-width:160px;
max-width:220px
}

/*.pagination {
margin:0 20px
}

.pagination ul > li.active a {
background-color:#696cff;
color:#fff;
cursor:pointer
}

.pagination ul > li a:hover {
background-color:#7c1010
}

.pagination .info {
min-width:50%;
text-align:right;
float:right;
font-size:.825em;
margin-right:10px
}*/



.pagination {
    margin: 0 20px
}

    .pagination ul > li.active a {
        background-color: #696cff; /*#696cff*/
        color: #fff!important;
        cursor: pointer
    }

    .pagination ul > li a:hover {
        background-color: #5f61e6;
        color: #FFF !important; /*#7c1010*/
    }

    .pagination .info {
        /*min-width:50%;*/
        text-align: right;
        float: left;
        font-size: .825em;
        margin-right: 10px
    }










.alert {
border-radius:2px
}

.alert-success {
color:#009983;
background:rgba(0,153,131,.15)
}

.alert,.alert-block {
color:#F0A000;
background:rgba(240,160,0,.15)
}

.alert-info {
color:#55757C;
background:rgba(255,15,15,.15)
}

.alert-error,.alert-danger {
background:rgba(204,0,30,.15);
border-radius:2px;
outline:solid 1px #FFF;
outline-offset:-10px;
padding:40px;
color:#CC001E
}

.alert-error h1 {
color:#CC001E;
font-weight:400;
line-height:2em
}

.alert-error ul {
list-style:disc outside
}

.alert-error hr {
border-bottom:1px solid #CC001E;
margin:20px 0 10px
}

.module-wrapper .alert-error {
outline:none;
outline-offset:0;
padding:8px 35px 8px 14px
}

.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus,.dropdown-submenu:hover > a,.dropdown-submenu:focus > a {
background:none;
background-color:#272727
}

select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {
border-radius:0;
border-color:#AABABD
}

footer {
position:fixed;
bottom:0;
width:100%;
height:25px;
font-size:.715em;
line-height:.815em;
z-index:9999999;
background:#fff;
color:#fff;
padding:0 20px
}

footer #session-timer {
float:left;
height:100%;
padding:0 10px;
line-height:25px
}

footer .widgets-wrapper {
float:right;
height:100%;
padding:0 10px;
line-height:25px;
background-color:#272727
}

@media (max-width: 979px) {
header {
position:absolute
}
}

@media (max-width: 979px) and (max-width: 979px) {
.navbar-inverse .nav-collapse .nav > li > a,.navbar-inverse .nav-collapse .dropdown-menu a {
color:#fff
}

.nav-collapse .nav > li > a,.nav-collapse .dropdown-menu a {
font-weight:400
}
}

@media (max-width: 767px) {
html,body {
font-size:90%
}

header .widgets-wrapper {
width:100%;
float:none
}

header .widgets-wrapper .span6 {
width:50%;
float:left
}

header .client-logo,header .project-logo {
height:48px;
width:40%
}

.breadcrumb {
margin-top:160px
}

body.signin header .client-logo,body.signin header .project-logo {
height:64px;
width:40%
}

header .widgets-wrapper img {
float:right;
width:32px;
height:auto
}

header .navbar .brand {
position:absolute;
left:10px
}

.content-wrapper {
padding-left:20px
}

.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left:0
}

.table th,.table td {
line-height:23px
}

.breadcrumb {
display:none
}

.content-wrapper {
padding-top:160px
}
}

@media (max-width: 480px) {
header .widgets-wrapper label {
font-size:11px
}

header .navbar .brand {
font-size:16px;
height:40px
}

header .navbar .brand h2 {
line-height:40px
}
}

.popup-filter {
padding:5px 10px 5px 15px;
margin-top:35px
}

.popup-label {
font-size:12px
}

.popup-modal {
position:relative;
max-height:400px;
padding:0
}

.popup-table {
width:100%;
margin-bottom:20px
}

.popup-table td {
line-height:20px;
text-align:left;
vertical-align:top;
border-top:1px solid #ddd;
padding:1px;
font-size:12px;
text-decoration:none
}

.popup-table tbody tr.thead-fix td a:hover {
text-decoration:none
}

.popup-table tbody tr.thead-fix td {
color:#fff;
background-color:#000;
border:1px solid #8AB2AB
}

.popup-text {
font-size:12px;
border-radius:2px;
border-color:#AABABD;
border:1px solid #ccc;
height:20px
}

.popup-module-wrapper {
position:relative;
padding:0 0 1px;
margin:0 20px 20px 0;
border-radius:2px;
-webkit-box-shadow:2px 10px 35px 0 rgba(0,0,0,0.45);
-moz-box-shadow:2px 10px 35px 0 rgba(0,0,0,0.45);
box-shadow:2px 10px 35px 0 rgba(0,0,0,0.45);
background:#F0F0F0;
width:80%
}

.popup-btn {
background:none;
background-color:#696cff;
background:#696cff;
border-radius:0;
border:0;
text-shadow:none;
box-shadow:none;
text-transform:uppercase;
color:#fff;
cursor:pointer;
border-radius:3px;
font-size:12px;
padding:4px
}

.icon-x2 {
-webkit-transform:scale(1.4);
-moz-transform:scale(1.4);
-o-transform:scale(1.4)
}

.table tbody tr.thead-2fix td {
padding:5px;
color:#fff;
background-color:grey;
border:1px solid #8AB2AB
}
/*DIV*/
  
.overlay 
{
    display:none;
    opacity: 0.7;
    background-color: black; 
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999999;
}
 
.modal 
{
    display: none;
    background: #FFFFFF;
    overflow: auto;
    z-index: 9999999999999;
    position: fixed;
    -webkit-box-shadow: 0 3px 5px black;
    -moz-box-shadow: 0 3px 5px black;
    box-shadow: 0 3px 5px black;
    min-height: 30px;
    min-width: 200px;
    max-height:480px;
}


/*****************************************/

.spanSmall {
    vertical-align:top;
    width:100px;
}

.preguntaLink {
    color:#000;
    font-weight:bold;
    text-decoration: none;
    font-size:14px;
}

a.preguntaLink:hover, a.preguntaLink:focus, a.preguntaLink:active, a.preguntaLink:link {
     text-decoration: none;
      color:#000;
}

/* CheckBoxList */
.RDI-CheckBoxList input {
    margin-left: 29px;/*20px*/
}
.RDI-CheckBoxList label {
    display: inline-block;
    margin-left: 0px;
    vertical-align:middle;
}


video {
    width: 100%;
    max-height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.img-responsive 
{
  display: block;
  max-width: 100%;
  height: auto;
}