@font-face {

    font-family: Montserrat;

    src: url(/Themes/conexstudios/fuentes/Montserrat-Regular.ttf)

}



.act-datos-wrapper .act-datos .tab-content .tab-pane .col-md-12,

.act-datos-wrapper .act-datos .tab-content .tab-pane .form-group .col-sm-8,

.act-datos-wrapper .act-datos ul,

.baner-image,

.flexElementWrapper,

.header nav,

.header nav .img-conex,

.header nav .img-conex div,

.pagination-section,

.primary,

.table-large-container .row,

.tickets .col-md-12,

.tickets .form-group .col-sm-8,

section.registrapago .form-registrar-pagos-wrapper form .col-md-12,

section.registrapago .form-registrar-pagos-wrapper form .form-group .col-sm-8 {

    -webkit-display: flex !important;

    -moz-display: flex !important;

    -ms-display: flex !important;

    -o-display: flex !important;

    display: flex !important

}

.banner-content{
   text-align: center;
    background-color: rgba(0,0,0,0.2);
    padding: 1em;
    line-height: 2.1;
    border-radius: 1em;
}

.act-datos-wrapper .act-datos,

.flexElementWrapper,

.tickets,

section.registrapago .form-registrar-pagos-wrapper {

    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2)

}



.activities .table,

.messages .table,

.table-large-container .table {

    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .3)

}



.header {

    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .3)

}



.dropright>.dropdown-toggle::after {

    float: right;

    position: relative;

    top: 10px

}



.dropdown-submenu {

    position: relative;

    width: 100%

}



.dropdown-menu {

    border-radius: 0

}



.dropdown-submenu>.dropdown-menu {

    top: 0;

    left: 100%;

    margin-top: 0;

    margin-left: 0

}



.dropdown-item {

    display: block;

    padding: 10px

}



.dropdown-item:focus,

.dropdown-item:hover {

    background-color: #eee;

    color: #444

}



.header {

    background-color: #fff !important;

    width: 100%

}



.header nav {

    width: inherit;

    height: 70px;

    justify-content: space-between;

    align-items: center

}



.header nav .img-conex {

    justify-content: space-between;

    align-items: center;

    height: 70px;

    overflow: hidden;

    width: inherit

}



.header nav .img-conex img {

    width: 200px;

    height: 70px;

    object-fit: contain;

}



.header nav .img-conex div {

    height: 70px;

    margin: 0;

    justify-content: center;

    align-items: center;

    background-color: #1b589e;

    padding: 0 20px

}



.header nav .img-conex div img {

    width: 50px;

    height: 50px;

    border-radius: 50%

}



.header nav .img-conex div p {

    padding-left: 10px;

    margin: 0;

    display: inline-block;

    line-height: 70px;

    color: #fff;

    transition: background-color ease .2s

}



.header nav .img-conex a {

    color: #fff;

    padding: 10px 20px;

    margin-left: 15px;

    border: thin solid #fff;

    border-radius: 5px;

    transition: background-color ease .2s

}



.header nav .img-conex a:hover {

    transition: background-color ease .2s;

    text-decoration: none;

    color: #fff;

    background-color: #144378

}



.header nav .img-conex a i {

    margin-left: 5px

}



.header .admin-menu {

    display: block;

    width: 100%;

    background-color: #333

}



.header .admin-menu .am-link {

    display: inline-block

}



.header .admin-menu .am-link a {

    display: block;

    padding: 10px;

    color: #fff

}



.header .admin-menu .am-link a:hover {

    background-color: #555;

    text-decoration: none

}



.header .navbar {

    background-color: #144378;

    height: 60px

}



.header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {

    font-size: .9em;

    color: #fff;

    padding: 0 10px;

    text-decoration: none;

    line-height: 60px

}



.header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:focus,

.header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {

    color: #fff;

    background-color: #1f66b8

}



.header li.active {

    background-color: #1f66b8

}



.heading-bar{

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

}



.heading-bar .heading-bar__image{

    display: inline-block;

    max-width: 250px;

}



.heading-bar .heading-bar__title{

   display: inline-block;

   font-family: sans-serif;

   font-weight: 800;

   font-size:1.75em;

}



body,

html {

    font-size: 14px;

    font-family: Montserrat, sans-serif;

    background-color: #eee;

}


body{
      overflow-x: hidden;	
 
}



* {

    outline: 0

}



.fa-bars {

    color: #fff

}



.primary {

    justify-content: space-between;

    align-items: center;

    width: 100%;

    padding: 0 20px

}



.activities,

.messages {

    height: 100%

}



.activities h5,

.messages h5 {

    letter-spacing: 1px;

    color: #555;

    font-weight: 700;

    text-align: center;

    padding: 40px 0 20px

}



.activities .table,

.messages .table {

    text-transform: capitalize;

    border-radius: 5px;

    overflow: hidden;

    background-color: #fff

}



.activities td,

.messages td {

    border-top: none;

    color: #777

}



.table-large-container {

    padding: 0 40px

}



.table-large-container h5 {

    letter-spacing: 1px;

    text-align: center;

    font-weight: 700;

    padding: 40px 0 20px;

    color: #555

}



.table-large-container .table {

    text-transform: capitalize;

    border-radius: 5px;

    overflow: hidden;

    background-color: #fff

}



.table-large-container td {

    border-top: none;

    color: #777

}



.schedule th {

    text-align: center

}



.schedule tbody tr:hover {

    background-color: #fff !important

}



.schedule td {

    max-width: 100px;

    border: thin solid #ddd;

    background-color: #fff

}



.schedule td:hover {

    cursor: pointer

}



.schedule td .subject {

    display: block;

    width: 100%;

    margin: 0 auto

}



.schedule td .subject p {

    text-align: center;

    color: #1f66b8

}



.schedule td .subject span {

    display: block;

    text-align: center

}



.tdHorario{

    border:1px solid #b8b8b8 !important;

}



.table-large-container {

    padding: 0 40px;

    padding-bottom: 40px

}



.table-large-container .row {

    justify-content: space-around;

    align-items: center

}



.table-large-container .row .col-md-12 form {

    padding: 20px

}



.table-large-container .row .form-group.row {

    margin-bottom: 0

}



.table-large-container .row .col-sm-12 {

    padding-top: 20px

}



.table-large-container .table {

    text-transform: capitalize;

    border-radius: 5px;

    overflow: hidden;

    background-color: #fff;

    margin-bottom: 0 !important

}



.table{

    max-width:1200px;

    margin: 2rem auto;

    background-color: #fff;

    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .24);

    border-radius:5px;

}





.table td{

    border:none;

}



.table th{

    white-space: nowrap;

}



.table .wrap{

    white-space:pre-wrap;

}



.table .pre-wrap{

    white-space:pre-wrap;

}



caption{

    font-size: 1.25em;

    margin: 1em;

    font-weight: 600;

    text-align: center;

    caption-side: top;

}



.table-large-container .table tbody td {

    font-size: 14px

}



.table-large-container .col-md-12 h5 {

    letter-spacing: 1px;

    color: #555;

    font-weight: 700;

    text-align: center;

    padding: 40px 0 20px;

    margin-bottom: 0

}



.libre {

    background-color: #f5f5f5 !important

}



.libre:hover {

    cursor: default !important

}



.libre .subject p {

    display: none

}



thead.bg-primary, .table-primary {

    background-color: #144378 !important;

    color: #fff;

    overflow: hidden;

    font-size: 16px

}



thead.bg-primary th {

    border-top: none

}



.baner-image {

    position: relative;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    flex-direction: column;

    width: 100%;

    height: 30vh;

    background-image: url(../images/fondo2.jpg);

    background-size: cover;

    background-position: center;

    box-shadow: 100vw 20vh rgba(0, 0, 0, .1) inset;

    color:#fff;

}



.reset-password{

    position:absolute;

    top: 57.5%;

    transform: translateY(-57.5%);

    right:20px;

}



.reset-link, .reset-link:hover{

    color:#fff;

    text-decoration: none;

}



.reset-link:hover, .reset-icon:hover{

    color:#ddd;

    fill: #ddd;

    cursor:pointer

}



.baner-image h4 {

    display: block;

    width: 100%;

    text-align: center;

    color: #fff

}



nav.col-md-12 {

    padding: 0

}



.breadcrumb {

    border-radius: 0;

    background-color: #0a1f38;

    padding: 5px 20px

}



.breadcrumb li {

    color: #b8b8b8 !important

}



.breadcrumb li a {

    color: #fff !important

}



.breadcrumb li::after,

.breadcrumb li::before {

    color: #fff !important

}



section.registrapago {

    padding: 20px 40px;

    padding-bottom: 40px

}



section.registrapago h5 {

    letter-spacing: 2px

}



section.registrapago .form-registrar-pagos-wrapper {

    background-color: #fff;

    padding: 20px;

    border-radius: 5px

}



section.registrapago .form-registrar-pagos-wrapper form h5 {

    color: #555;

    text-align: center

}



section.registrapago .form-registrar-pagos-wrapper form .form-group .col-sm-4 {

    text-align: right

}



section.registrapago .form-registrar-pagos-wrapper form .form-group .col-sm-8 {

    justify-content: center;

    align-items: center;

    flex-direction: column

}



section.registrapago .form-registrar-pagos-wrapper form .form-group .col-sm-8 input,

section.registrapago .form-registrar-pagos-wrapper form .form-group .col-sm-8 select,

section.registrapago .form-registrar-pagos-wrapper form .form-group .col-sm-8 textarea {

    width: 50%

}



section.registrapago .form-registrar-pagos-wrapper form .form-group .col-sm-8 textarea {

    resize: none

}



section.registrapago .form-registrar-pagos-wrapper form .form-group .col-sm-8 .custom-control {

    text-align: left

}



section.registrapago .form-registrar-pagos-wrapper form .col-md-12 {

    justify-content: center;

    align-items: center

}



section.registrapago .form-registrar-pagos-wrapper form .col-md-12 button {

    margin: 10px

}



.act-datos-wrapper {

    padding: 20px 40px;

    padding-bottom: 40px

}



.act-datos-wrapper .act-datos {

    background-color: #fff;

    padding: 20px;

    border-radius: 5px

}



.act-datos-wrapper .act-datos ul {

    justify-content: center;

    align-items: center

}



.act-datos-wrapper .act-datos ul li.nav-item a {

    border-radius: 0;

    background-color: #f3f3f3;

    border-bottom: 1px solid #ddd

}



.act-datos-wrapper .act-datos ul li.nav-item a i {

    margin-left: 10px

}



.act-datos-wrapper .act-datos ul li.nav-item a.active {

    border-bottom: none;

    background-color: #1f66b8;

    border-radius: 5px 5px 0 0

}



.act-datos-wrapper .act-datos .tab-content {

    border-radius: 5px;

    padding: 20px

}



.act-datos-wrapper .act-datos .tab-content .tab-pane .form-group .col-sm-4 {

    text-align: right

}



.act-datos-wrapper .act-datos .tab-content .tab-pane .form-group .col-sm-8 {

    justify-content: center;

    align-items: center;

    flex-direction: column

}



.act-datos-wrapper .act-datos .tab-content .tab-pane .form-group .col-sm-8 input,

.act-datos-wrapper .act-datos .tab-content .tab-pane .form-group .col-sm-8 select,

.act-datos-wrapper .act-datos .tab-content .tab-pane .form-group .col-sm-8 textarea {

    width: 50%

}



.act-datos-wrapper .act-datos .tab-content .tab-pane .form-group .col-sm-8 textarea {

    resize: none

}



.act-datos-wrapper .act-datos .tab-content .tab-pane .form-group .col-sm-8 .custom-control {

    text-align: left

}



.act-datos-wrapper .act-datos .tab-content .tab-pane .col-md-12 {

    justify-content: center;

    align-items: center

}



.act-datos-wrapper .act-datos .tab-content .tab-pane .col-md-12 button,

input[type=button],

input[type=submit] {

    margin: 10px

}



.flexElementWrapper {

    justify-content: center;

    align-items: center;

    flex-direction: row;

    background-color: #fff;

    padding: 20px;

    border-radius: 5px

}



.flexElementWrapper div {

    text-align: center;

    width: 20%

}



.pagination-section {

    justify-content: center;

    align-items: center;

    padding-bottom: 40px

}



.pagination-section nav {

    margin-right: 20px

}



.pagination-section nav ul {

    margin-bottom: 0

}



.pagination-section button {

    margin: 0 20px

}



.modal-body {

    text-align: center

}



.modal-body i {

    font-size: 4em;

    color: #1f66b8

}



.tickets {

    background-color: #fff;

    padding: 20px;

    border-radius: 5px

}



.tickets .form-group .col-sm-4 {

    text-align: right

}



.tickets .form-group .col-sm-8 {

    justify-content: center;

    align-items: center;

    flex-direction: column

}



.tickets .form-group .col-sm-8 input,

.tickets .form-group .col-sm-8 select,

.tickets .form-group .col-sm-8 textarea {

    width: 50%

}



.tickets .form-group .col-sm-8 textarea {

    resize: none

}



.tickets .form-group .col-sm-8 .custom-control {

    text-align: left

}



.tickets .col-md-12 {

    justify-content: center;

    align-items: center

}



.tickets .col-md-12 button {

    margin: 10px

}



.cerrar-sesion-movil {

    display: none

}



.cerrar-sesion-movil:focus {

    color: #fff

}



.cerrar-sesion-movil:hover {

    color: #fff

}



@media (min-width:768px) and (max-width:1024px) {

    .header nav {

        height: 50px

    }



    .header nav .img-conex {

        height: 50px

    }



    .header nav .img-conex img {

        height: inherit;

        width: 150px

    }



    .header nav .img-conex div {

        height: inherit

    }



    .header nav .img-conex div img {

        height: 30px;

        width: 30px

    }



    .header nav a {

        padding: 5px 10px

    }



    .header .navbar {

        height: 40px

    }



    .header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {

        line-height: 40px;

        padding: 0 10px

    }



    .baner-image {

        height: 20vh

    }



    .primary .table thead th {

        text-overflow: ellipsis;

        white-space: nowrap;

        overflow: hidden;

        padding: 5px;

        font-weight: 400

    }



    .primary .table tbody tr td {

        padding: 5px;

        vertical-align: middle

    }



    .primary .table tbody tr td strong {

        font-weight: 400

    }



    .act-datos-wrapper .act-datos {

        padding: 0;

        padding-top: 20px

    }



    .act-datos-wrapper .act-datos ul li.nav-item a {

        padding: 10px

    }

}



@media (max-width:768px) {

    .navbar .navbar-collapse {

        transition: right ease .5s;

        -webkit-display: flex;

        -moz-display: flex;

        -ms-display: flex;

        -o-display: flex;

        display: flex;

        justify-content: center;

        align-items: center;

        background-color: #000;

        position: absolute;

        right: -100%;

        height: 100vh;

        position: fixed;

        z-index: 10000;

        top: 0;

        overflow-y: auto

    }



    .navbar .navbar-collapse ul {

        width: 250px

    }



    .cerrar-sesion-movil {

        display: inline-block

    }

}



@media (min-width:481px) and (max-width:767px) {

    .primary {

        padding: 10px;

        flex-direction: column

    }



    .activities,

    .messages {

        padding: 0

    }



    .act-datos-wrapper,

    .table-large-container,

    section.registrapago {

        padding: 10px

    }



    .header nav .img-conex div p {

        display: none

    }



    .header nav .img-conex div a {

        display: none

    }



    .header nav a {

        display: none

    }



    .cerrar-sesion-movil {

        display: inline-block

    }

}



@media (min-width:320px) and (max-width:480px) {

    .header nav .img-conex {

        width: 100%;

        display: block

    }



    .header nav .img-conex div p {

        display: none

    }



    .header nav .img-conex div a {

        display: none

    }



    .header nav a {

        display: none

    }



    .cerrar-sesion-movil {

        display: inline-block

    }



    .primary {

        padding: 10px;

        flex-direction: column

    }



    .activities,

    .messages {

        padding: 0

    }



    .act-datos-wrapper,

    .table-large-container,

    section.registrapago {

        padding: 10px

    }

}



.table-link {

    color: #fff !important;

    text-decoration: none !important

}



.help-link{

    position: absolute;

    top: 78px;

    right: 20px;

    color: #fff;

}



.help-link:hover{

    text-decoration: none;

    color: #ccc;

}



.help-link:hover .help-icon{

    fill: #ccc;

}



.help-icon{

    fill: #fafafa;

    border: 2px solid #ccc;

    margin-left: 10px;

    border-radius: 50%;

    cursor: pointer;

}





/* Notifications */



.notifications-messages{

    position: fixed;

    bottom: 10px;

    right: 10px;

    background-color: #333;

    padding: 1em;

    border-radius: 50%;

    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);

    border:4px solid rgba(255, 255, 255, 0.95);

    cursor: pointer;

    transition: 250ms ease-in;

}



.notifications-messages:hover{

    transform: translateY(-5px);

    background-color: rgba(0, 0, 0, .75);

}



.latest-notifications{

    position: absolute;

    top: 4px;

    right: 5px;

    width: 20px;

    height: 20px;

    background-color: tomato;

    color: #fff;

    text-align: center;

    line-height: 2.1;

    font-size: 10px;

    font-weight: 800;

    border-radius: 50%;

}



.alert, .error {

    text-align: center

}



.cerrar-sesion-movil {

    color: #fff

}

.settings-icon{
    margin-left: 1rem;
    fill: #fff; 
    cursor:pointer;
}



/* Preloader */



.spinner-wrapper {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(255, 255, 255, .68);

    -webkit-display: flex;

    -moz-display: flex;

    -ms-display: flex;

    -o-display: flex;

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: -1;

    pointer-events: none;

    overflow: hidden

}



.spinner-wrapper.is-active {

    z-index: 1000;

    pointer-events: auto

}



.spinner {

    width: 100px;

    height: 100px;

    background-color: #1f66b8;

    border-radius: 100%

}



.spinner-animate {

    -webkit-animation: sk-scaleout 1s infinite ease-in-out;

    animation: sk-scaleout 1s infinite ease-in-out

}



/* Nav Tabs */



.tabs-container{

    padding-top: 20px;

    margin-bottom: -20px;

}



.nav .nav-link.active{

    background-color: #333;

    color:#fff;

    border-radius: 10px;

}



@-webkit-keyframes sk-scaleout {

    0% {

        -webkit-transform: scale(0)

    }



    100% {

        -webkit-transform: scale(1);

        opacity: 0

    }

}



@keyframes sk-scaleout {

    0% {

        -webkit-transform: scale(0);

        transform: scale(0)

    }



    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 0

    }

}



@media (min-width:765px){

    .reset-password{

        top: 50%;

        transform: translateY(-50%);

    }

}



@media(min-width:1024px){

    .reset-password{

        top: 45%;

        transform: translateY(-45%);

    }

}