@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,300,600,700");
*{
outline: 0 !important;
text-decoration: none !important;
}
body {
font-family: 'Source Sans Pro', sans-serif;
}
/*--- Header ---*/
.encabezado{
background: #f7f7f7;
font-size:0.9em;
}
.encabezado p{
color: #555;
margin: 0;
text-align:right;
}
.encabezado .col-md-8{
padding:0.85%;
}
.encabezado .col-md-8 img {
width:95px;
}
.encabezado .col-md-4 {
padding:1% 0;
text-align:right;
}
.encabezado .col-md-4 a {
color:#004165;
}
.row{
padding: 0;
margin: 0;
}
#login {
background:#fff;
padding:0.5% 2%;
}
#login img {
width:150px;
}
.navbar-default {
background-color: transparent;
border-color: #ddd;
border: none;
}
.container-fluid {
padding-right: 0;
padding-left: 0;
margin-right: auto;
margin-left: auto;
}
.navbar-collapse {
padding-right: 0;
padding-left: 0;
}
.navbar {
position: relative;
margin-bottom: 0;
border:none;
}
.navbar-header{
background:#f9f9f9;
display: table;
}
.menu ul{
padding: 0;
margin: 0;
width: 100%;
background:#f9f9f9;
font-size:0.9em;
display:inline-block;
width:50%;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
}
.menu ul a:nth-child(1){
margin: 0;
border:0;
}
.menu ul a{
margin: 0;
color:#777;
}
.menu ul a li {
display: inline-block;
list-style: none;
border-left: 1px solid #ddd;
padding:1% 2%;
}
.menu ul a li:hover{
/*hover effect here*/
}
.menu > ul > a > .active{
background: #004165;
}
.m_right {
float:right;
text-align:right;
}
#uname {
color:#bbb;
}

/*--- Footer ---*/
footer{
padding:1% 3%;
border-top:1px solid #d7d7d7;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,ffffff+100 */
background: #f9f9f9; /* Old browsers */
background: -moz-linear-gradient(top,  #f9f9f9 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f9f9f9 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f9f9f9 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.footer_centro{
width: 40%;
float: left;
text-align: center;
}
.footer_centro img {
width:120px;
}
.footer_centro ul{
padding: 0;
margin-top: 20px;
color:#ccc;
}
.footer_centro ul li{
display: inline-block;
position: relative;
}
.footer_centro ul li a {
color:#004165;
}
.footer_centro p {
font-size:0.9em;
color:#999;
}
.footer_i, .footer_d{
width: 30%;
float: left;
text-align: center;
}

/*--- Login ---*/
.login {
padding:1% 15%;
border-top:1px solid #ddd;
}
.login .col-md-6 {
padding:3% 5% 4% 5%;
}
.login .col-md-6 img {
width:90%;
}
.login .col-md-6:nth-child(2){
background:#fff;
border-radius:5px;
box-shadow:0 0 10px rgba(0,0,0,0.1);
}
.login h3{
font-size:1.4em;
line-height:1.5em;
color:#004165;
margin-top:0;
}
.login p {
color:#777;
font-size:1.2em;
font-weight:200;
margin-bottom:2%;
}
.login a {
background:#004165;
padding:10px 20px;
border-radius:3px;
color:#fff;
}
.login label {
margin-top:3%;
color:#444;
font-weight:400;
font-size:1.1em;
}
.login button {
margin-top:5%;
background:#004165;
border:none;
border-radius:2px;
color:#fff;
padding:8px 15px;
}
.cta_login {
margin-top:20px;
}

/*--- Footer Login ---*/
.flogin {
background:#707070;
padding:1.5% 10%;
color:#fff;
border-top:1px solid #fff;
}
.flogin h2 {
font-size:1em;
padding-bottom:0px;
margin-top:0;
}
.flogin ul {
list-style-type: none;
padding:0;
}
.flogin ul li {
margin-top:1%;
}
.flogin ul a {
color:rgba(255,255,255,0.7);
transition: all 0.4s ease-out 0s;
}
.flogin ul a:hover {
color:#fff;
opacity:1;
transition: all 0.3s ease;
}
.flogin .col-md-3 {
width:20%;
border-right:1px solid #999;
height:120px;
margin-right:2%;
margin-left:2%;
}
.flogin .col-md-3:nth-child(2) ul li {
list-style-type: none;
}
.flogin .col-md-3:nth-child(3){
border-right:1px solid #999;
border-left:none;
}
.flogin .col-md-3:nth-child(3) p {
margin:0;
padding:0;
color:rgba(255,255,255,0.7);
font-weight:300;
padding-top:1%;
}
.flogin .col-md-3:nth-child(3) hr {
border-color:rgba(255,255,255,0);
}
.flogin .col-md-3:nth-child(4) {
text-align:right;
}
.flogin .col-md-3:nth-child(4) p {
padding-top:3%;
font-size:1.2em;
}
.flogin .col-md-3:nth-child(4) a {
color:rgba(255,255,255,0.7);
}

.nccc a {
background:#004165 !important; 
border-color:#004165 !important;
}
.nccc:hover a:hover{
background:#fff !important;
color:#004165 !important;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.livechat {
margin-bottom:10px;
}
.livechat a{
font-size:0.9em;
color:#fff !important;
border-radius:3px;
padding:3px 5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#71b541+1,2c7f26+100 */
background: #71b541; /* Old browsers */
background: -moz-linear-gradient(top,  #71b541 1%, #2c7f26 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #71b541 1%,#2c7f26 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #71b541 1%,#2c7f26 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71b541', endColorstr='#2c7f26',GradientType=0 ); /* IE6-9 */

}
.cta_footer {
margin-top:10px;
}
.cta_footer a {
font-size:1em;
color:#ddd !important;
}
.lower_footer {
background:#707070;
text-align:center;
padding:0 10%;
border-top:1px solid #808080;
}
.lower_footer p {
color:rgba(255,255,255,0.5);
font-size:0.9em;
padding:1.5%;
}
.lower_footer a {
color:rgba(255,255,255,0.75);
}

/*--- Welcome Landing ---*/
.welcome {
padding:1% 2%;
background:#fff;
}
.welcome .col-md-4 {
padding:0 0 5% 0;
border-right:2px solid #eee;
width:30%;
margin-left:17%;
margin-right:1%;
}
.welcome .col-md-4:nth-child(2) {
border:none;
margin-left:2%;
margin-right:16%;
}
.welcome .col-md-4 img {
width:50%;
}

#lsus_landing img{
    width: 70%;
    padding: 32px;
}

.welcome .col-md-4 h1{
font-size:1.5em;
margin-top:0;
}
.welcome .col-md-4 p {
font-size:0.95em;
color:#000;
}
.welcome .col-md-4 ul  {
list-style-type:square;
margin:auto;
padding-left:15px;
}
.welcome .col-md-4 ul li {
font-size:0.95em;
color:#000;
margin-top:2%;
}
.landing_cta {
margin-top:10%;
}
.welcome .col-md-4 a {
padding:5px 10px;
background:#fec14b;
border-radius:2px;
color:#fff;
transition: all 0.4s ease-out 0s;
border:1px solid #fec14b;
font-size:1.1em;
}
.welcome .col-md-4 a:hover {
background:#fff;
color:#fec14b;
transition: all 0.3s ease;
}
#blue {
color:#fec14b;
}
#nccc {
background:#004165;
border-color:#004165;
}
#nccc:hover {
background:#fff;
color:#004165;
}

/*--- LSUS Appointments ---*/
.LSUS_cover {
background:#fff;
padding: 11px;
border-top:3px solid #004165; /*--- LSUS purple---*/
border-bottom:1px solid #eee;

}
.LSUS_cover img {
width:120px;
}
.LSUS .row{
background:#f9f9f9;
}
.LSUS .col-md-6:nth-child(1) {
width:30%;
padding:0 1%;
}
.LSUS .col-md-6:nth-child(2) {
width:70%;
border-radius:10px;
}
.sideunit {
width:100%;
background:#fff;
border:1px solid #ddd;
padding:10px;
margin:10px 0;
border-radius:5px;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
padding-left:15px;
}
.sideunit .row{
background:#fff;
padding:0;
}
.sideunit .col-md-6 {
padding:0;
margin:0;
width:70% !important;
}
.sideunit .col-md-6:nth-child(2) {
text-align:right;
width:30% !important;
border-radius:0;
padding:0;
margin:0;
}
.cta_side {
width:100%;
padding:0;
margin:0;
height:90px;
padding:10px;
}
.cta_side a {
background:#004165;
padding:5px 10px;
border-radius:2px;
color:#fff;
cursor:pointer;
transition: all 0.4s ease-out 0s;
border:1px solid #004165;
}
.cta_side a:hover {
background:#fff;
color:#004165;
border:1px solid #004165;
transition: all 0.3s ease;
}
.sideunit h2 {
font-size:1.3em;
margin:0;
padding:0;
margin-top:5px;
}
.sideunit p {
color:#000;
padding:5px 0;
font-weight:300;
}
#app1 {
display: inline-block;
overflow: hidden;
white-space: nowrap;
vertical-align: top;
width: 0;
height:0;
opacity:0;
margin:0;
padding:0;
}
#app1.in {
width:100%;
height:650px;
transition: all 0.3s ease;
margin:0;
opacity:1;
border:1px solid #ddd;
background:#fff;
margin-top:1%;
}
#app2 {
transition: width 0.5s ease;
display: inline-block;
overflow: hidden;
white-space: nowrap;
vertical-align: top;
width:100%;
height:0;
opacity:0;
}
#app2.in {
width:100%;
height:220px;
transition: all 0.3s ease;
opacity:1;
}
.steps h2 {
margin:0;
padding:0;
font-size:1.5em;
}
.steps p {
color:#777;
font-size:1em;
padding:0;
margin:0;
}
.steps ul{
list-style-type: none;
padding:0;
margin-top:6%;
}
.steps ul li {
line-height:1em;
margin-top:3%;
border-bottom:1px solid #eee;
padding:0 0 5px 0;
color:#bbb;
font-size:0.9em;
}
.steps .active {
color:#333;
font-weight:600;
}
.steps ul li span {
color:#004165;
}
.connect {
background:#ffffd2;
border:1px solid #ddd;
width:50%;
padding:2%;
border-radius:4px;
}
.connect h3 {
font-size:1.3em;
margin:0;
padding:0;
font-weight:600;
color:#222;
}
.connect p {
margin-top:5px;
}
.connect select {
margin-top:10px;
}
.gethelp {
margin:7% 0 3% 0;
}
.gethelp a {
padding:10px 15px;
color:#fff;
border:none;
text-shadow:1px 2px 1px rgba(0,0,0,0.2);
font-size:1.1em;
border-radius:2px;
background: #71b541; /* Old browsers */
background: -moz-linear-gradient(top,  #71b541 1%, #2c7f26 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #71b541 1%,#2c7f26 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #71b541 1%,#2c7f26 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71b541', endColorstr='#2c7f26',GradientType=0 ); /* IE6-9 */
}
.gethelp a:hover{
background: -moz-linear-gradient(top,  #2c7f26 1%, #71b541 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2c7f26 1%,#71b541 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2c7f26 1%,#71b541 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c7f26', endColorstr='#71b541',GradientType=0 ); /* IE6-9 */
}
.progress {
height:6px;
margin-bottom:0;
margin-top:0;
padding-top:0;
}

/*--- Waiting ---*/
.cta_active {
background:green !important;
border:1px solid green !important;
}
.cta_active:hover {
color:rgba(255,255,255,0.5) !important;
background:green !important;
border:1px solid green;
}
.connecting {
margin-top:2.5%;
}
.waiting {
width:75%;
background:#fff;
padding:3%;
border-radius:3px;
box-shadow:0 0 5px rgba(0,0,0,0.1);
border:1px solid #ddd;
}
.waiting h3 {
margin-top:0;
font-size:1.4em;
color:#004165;
}
.waiting p {
font-size:0.9em;
color:#999;
font-weight:300;
}
.winfo {
margin:3% 0;
}
.winfo p {
color:#333;
font-size:1.1em;
font-weight:400;
}
.winfo span {
color:#004165;
font-weight:400;
}
.ctaw {
margin-top:5%;
}
.ctaw a {
background:#aaa;
padding:5px 10px;
color:#fff;
border-radius:3px;
transition: all 0.4s ease-out 0s;
}
.ctaw a:hover {
background:#ddd;
color:#fff;
transition: all 0.3s ease;
}


/*--- Your Turn ---*/
.yturn {
width:75%;
background:#004165;
padding:3%;
border-radius:3px;
box-shadow:0 0 5px rgba(0,0,0,0.1);
border:1px solid #004165;
}
.yturn h3 {
margin-top:0;
font-size:1.4em;
color:#fff;
}
.yturn p {
font-size:0.9em;
color:#fff;
font-weight:300;
}
.ctay {
margin-top:5%;
}
.ctay a {
padding:5px 10px;
color:#fff;
text-shadow:1px 1px 1px rgba(0,0,0,0.4);
border-radius:3px;
transition: all 0.2s ease-out 0s;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd932+0,ff9900+100 */
background: #ffd932; /* Old browsers */
background: -moz-linear-gradient(top,  #ffd932 0%, #ff9900 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffd932 0%,#ff9900 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffd932 0%,#ff9900 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd932', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */
box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.ctay a:hover {
color:#222;
text-shadow:1px 1px 0 rgba(255,255,255,0.4);
transition: all 0.2s ease;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9900+0,ffd932+100 */
background: #ff9900; /* Old browsers */
background: -moz-linear-gradient(top,  #ff9900 0%, #ffd932 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff9900 0%,#ffd932 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff9900 0%,#ffd932 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ffd932',GradientType=0 ); /* IE6-9 */
}
.yconditions {
margin-top:5%;
}
.yconditions p {
color:rgba(255,255,255,0.7);
border-bottom:1px solid rgba(255,255,255,0.2);
margin-top:8px;
}


/*--- TS Appointments ---*/
.ts a {
background:#004165 !important;
color:#fff !important;
border:1px solid #004165 !important;
}
.ts a:hover {
background:#fff !important;
color:#004165 !important;
}