html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
aside, footer, header, nav {
display: block
}
a {
background-color: transparent
}
a:active, a:hover {
outline: 0
}
h1 {
font-size: 2em;
margin: 0.67em 0
}
img {
border: 0
}
button, input {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button {
text-transform: none
}
button {
-webkit-appearance: button;
cursor: pointer
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
@media print {
*, *:before, *:after {
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important
}
a, a:visited {
text-decoration: underline
}
a[href]:after {
content: "("attr(href) ")"
}
img {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
p, h2, h3 {
orphans: 3;
widows: 3
}
h2, h3 {
page-break-after: avoid
}
.navbar {
display: none
}
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
*:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff
}
input, button {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
a {
color: #000000;
text-decoration: none
}
a:hover, a:focus {
color: #23527c;
text-decoration: underline
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
img {
vertical-align: middle
}
.thumbnail a>img {
display: block;
max-width: 100%;
height: auto
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 30px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
object-fit: cover;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
h1, h2, h3 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit
}
h1, h2, h3 {
margin-top: 20px;
margin-bottom: 10px
}
h1 {
font-size: 36px
}
h2 {
font-size: 24px
}
h3 {
font-size: 24px
}
p {
margin: 0 0 10px
}
.text-center {
text-align: center
}
ul {
margin-top: 0;
margin-bottom: 10px
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px
}
.list-inline>li {
display: inline-block;
padding-right: 5px;
padding-left: 5px
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
@media (min-width:768px) {
.container {
width: 750px
}
}
@media (min-width:992px) {
.container {
width: 970px
}
}
@media (min-width:1200px) {
.container {
width: 1170px
}
}
.row {
margin-right: -15px;
margin-left: -15px
}
.col-sm-2, .col-lg-3, .col-sm-4, .col-lg-6, .col-sm-8, .col-xs-12, .col-sm-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px
}
.col-xs-12 {
float: left
}
.col-xs-12 {
width: 100%
}
@media (min-width:768px) {
.col-sm-2, .col-sm-4, .col-sm-8, .col-sm-12 {
float: left
}
.col-sm-12 {
width: 100%
}
.col-sm-8 {
width: 66.66666667%
}
.col-sm-4 {
width: 33.33333333%
}
.col-sm-2 {
width: 16.66666667%
}
}
@media (min-width:1200px) {
.col-lg-3, .col-lg-6, .col-lg-12 {
float: left
}
.col-lg-12 {
width: 100%
}
.col-lg-6 {
width: 50%
}
.col-lg-3 {
width: 25%
}
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6)
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1
}
.form-control:-ms-input-placeholder {
color: #999
}
.form-control::-webkit-input-placeholder {
color: #999
}
.form-control::-ms-expand {
background-color: transparent;
border: 0
}
.form-group {
margin-bottom: 15px
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px
}
.form-horizontal .form-group {
margin-right: -15px;
margin-left: -15px
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.btn:focus, .btn:active:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.btn:hover, .btn:focus {
color: #333;
text-decoration: none
}
.btn:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}
.btn-primary {
color: #fff;
background-color: #000000;
border-color: #2e6da4
}
.btn-primary:focus {
color: #fff;
background-color: #286090;
border-color: #122b40
}
.btn-primary:hover {
color: #fff;
background-color: #286090;
border-color: #204d74
}
.btn-primary:active {
color: #fff;
background-color: #286090;
background-image: none;
border-color: #204d74
}
.btn-primary:active:hover, .btn-primary:active:focus {
color: #fff;
background-color: #204d74;
border-color: #122b40
}
.collapse {
display: none
}
.dropdown {
position: relative
}
.input-group {
position: relative;
display: table;
border-collapse: separate
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0
}
.input-group .form-control:focus {
z-index: 3
}
.input-group-addon, .input-group .form-control {
display: table-cell
}
.input-group-addon {
width: 1%;
white-space: nowrap;
vertical-align: middle
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px
}
.input-group-addon.input-lg {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px
}
.input-group-addon:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group-addon:first-child {
border-right: 0
}
.input-group .form-control:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav>li {
position: relative;
display: block
}
.nav>li>a {
position: relative;
display: block;
padding: 10px 15px
}
.nav>li>a:hover, .nav>li>a:focus {
text-decoration: none;
background-color: #eee
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent
}
@media (min-width:768px) {
.navbar {
border-radius: 4px
}
}
@media (min-width:768px) {
.navbar-header {
float: left
}
}
.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch
}
@media (min-width:768px) {
.navbar-collapse {
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important
}
}
.container>.navbar-header, .container>.navbar-collapse {
margin-right: -15px;
margin-left: -15px
}
.navbar-collapse.in {
overflow-y: auto;
}
.collapse.in {
display: block;
}
@media (min-width:768px) {
.container>.navbar-header, .container>.navbar-collapse {
margin-right: 0;
margin-left: 0
}
}
.navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
font-size: 18px;
line-height: 20px
}
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none
}
.navbar-brand>img {
display: block
}
@media (min-width:768px) {
.navbar>.container .navbar-brand {
margin-left: -15px
}
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-right: 15px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px
}
.navbar-toggle:focus {
outline: 0
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px
}
@media (min-width:768px) {
.navbar-toggle {
display: none
}
}
.navbar-nav {
margin: 7.5px -15px
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px
}
@media (min-width:768px) {
.navbar-nav {
float: left;
margin: 0
}
.navbar-nav>li {
float: left
}
.navbar-nav>li>a {
padding-top: 15px;
padding-bottom: 15px
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7
}
.navbar-default .navbar-brand {
color: #777
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent
}
.navbar-default .navbar-nav>li>a {
color: #777
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
color: #fff;
background-color: transparent
}
.navbar-default .navbar-toggle {
border-color: #ddd
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #ddd
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888
}
.navbar-default .navbar-collapse {
border-color: #e7e7e7
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px
}
.breadcrumb>li {
display: inline-block
}
.breadcrumb>li+li:before {
padding: 0 5px;
color: #ccc;
content: "/\00a0"
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out
}
.thumbnail a>img {
margin-right: auto;
margin-left: auto
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
background-image: url(../img/fondo.webp);
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}
.container:before, .container:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after {
display: table;
content: ""
}
.container:after, .row:after, .form-horizontal .form-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after {
clear: both
}
.pull-left {
float: left !important
}
@-ms-viewport {
width: device-width
}
@media (max-width:767px) {
.hidden-xs {
display: none !important
}
}
body {
font-family: helvetica neue, Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.42857143;
color: #333;
}
.btn-primary, .btn-primary:focus, .btn-primary:active {
min-width: 150px;
padding: 10px;
color: #fff;
background-color: #23527c;
border-color: #23527c;
font-weight: bold;
font-size: 19px;
}
h1 {
font-size: 24px;
}
a:hover, a:focus {
color: #000000;
}
.navbar-brand {
padding: 0px;
}
.navbar-default {
background: #23527c;
}
.navbar-default .navbar-nav>li>a {
color: #F8F8FD;
font-weight: bold;
}
/* Default zebra-stripe styles (alternating gray and transparent backgrounds) */
.navbar-nav > li > a {
font-weight: bold;
}
.chatbox {
padding: 10px 40px 0px 40px;
}
.btn-chat {
min-width: 150px;
}
.footer {
margin-top: 40px;
background-color: #000000;
padding: 5px 10px;
color: #FFF;
}
.underline_min {
text-decoration: underline;
font-size: 0.9em;
}
.flag-show-channel {
float: left;
margin-right: 1em;
}
/* Styles to images type pinterest */
.submenu-related-channel {
color: #0000FF;
border-bottom: 1.8px solid #7bc409;
font-size: 1.35em;
}
.a-list-striped {
>a: nth-child(odd) {
background-color:#f9f9f9;
}
.list-group {
padding-left: 0;
margin-bottom: 20px
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd
}
.list-group-item:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px
}
.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus {
color: #777;
cursor: not-allowed;
background-color: #eee
}
.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading {
color: inherit
}
.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text {
color: #777
}
.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #337ab7
}
.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active: hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small {
color:inherit
}
.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text {
color: #c7ddef
}
a.list-group-item,button.list-group-item {
color: #555
}
a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading {
color: #333
}
a.list-group-item: hover,button.list-group-item:hover,a.list-group-item:focus,button.list-group-item:focus {
color:#555;
text-decoration: none;
background-color: #f5f5f5
}
button.list-group-item {
width: 100%;
text-align: left
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8
}
a.list-group-item-success,button.list-group-item-success {
color: #3c763d
}
a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading {
color: inherit
}
a.list-group-item-success: hover,button.list-group-item-success:hover,a.list-group-item-success:focus,button.list-group-item-success:focus {
color:#3c763d;
background-color: #d0e9c6
}
a.list-group-item-success.active,button.list-group-item-success.active,a.list-group-item-success.active: hover,button.list-group-item-success.active:hover,a.list-group-item-success.active:focus,button.list-group-item-success.active:focus {
color:#fff;
background-color: #3c763d;
border-color: #3c763d
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7
}
a.list-group-item-info,button.list-group-item-info {
color: #31708f
}
a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading {
color: inherit
}
a.list-group-item-info: hover,button.list-group-item-info:hover,a.list-group-item-info:focus,button.list-group-item-info:focus {
color:#31708f;
background-color: #c4e3f3
}
a.list-group-item-info.active,button.list-group-item-info.active,a.list-group-item-info.active: hover,button.list-group-item-info.active:hover,a.list-group-item-info.active:focus,button.list-group-item-info.active:focus {
color:#fff;
background-color: #31708f;
border-color: #31708f
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3
}
a.list-group-item-warning,button.list-group-item-warning {
color: #8a6d3b
}
a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading {
color: inherit
}
a.list-group-item-warning: hover,button.list-group-item-warning:hover,a.list-group-item-warning:focus,button.list-group-item-warning:focus {
color:#8a6d3b;
background-color: #faf2cc
}
a.list-group-item-warning.active,button.list-group-item-warning.active,a.list-group-item-warning.active: hover,button.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus,button.list-group-item-warning.active:focus {
color:#fff;
background-color: #8a6d3b;
border-color: #8a6d3b
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede
}
a.list-group-item-danger,button.list-group-item-danger {
color: #a94442
}
a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading {
color: inherit
}
a.list-group-item-danger: hover,button.list-group-item-danger:hover,a.list-group-item-danger:focus,button.list-group-item-danger:focus {
color:#a94442;
background-color: #ebcccc
}
a.list-group-item-danger.active,button.list-group-item-danger.active,a.list-group-item-danger.active: hover,button.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus,button.list-group-item-danger.active:focus {
color:#fff;
background-color: #a94442;
border-color: #a94442
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
box-shadow: 0 1px 1px rgba(0,0,0,0.05)
}
.panel-body {
padding: 15px
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.panel-heading>.dropdown .dropdown-toggle {
color: inherit
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit
}
.panel-title>a,.panel-title>small,.panel-title>.small,.panel-title>small>a,.panel-title>.small>a {
color: inherit
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel>.list-group,.panel>.panel-collapse>.list-group {
margin-bottom: 0
}
.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
border-width: 1px 0;
border-radius: 0
}
.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.panel-heading+.list-group .list-group-item:first-child {
border-top-width: 0
}
.list-group+.panel-footer {
border-top-width: 0
}