body {
    color: #000;
    font-family: 'Open Sans', sans-serif
}

body,
body.md-default-theme,
html,
html.md-default-theme {
    background-color: #fff !important
}
.close-x-white{
    color: white !important;
}
a {
    text-decoration: none
}

.height-300 {
    height: 300px !important
}

.pos-a-top-5-w-100 {
    position: absolute;
    top: 5px;
    width: 100%
}

.bottom-0 {
    bottom: 0 !important
}

.padding-login {
    padding-bottom: 45px !important
}

.wrong-p {
    margin-block-end: 0 !important
}

.constrast-text-link-login{
    color: #2196f3 !important;
    text-decoration: underline;
}

.alert-style {
    display: none;
    cursor: pointer !important
}

.boxlogin {
    margin-block-end: 10px !important
}

.btn-facebook {
    background-color: #3c579d !important;
    text-transform: capitalize !important;
    font-weight: 700 !important;
    height: 40px !important
}

.btn-google {
    background-color: #e1e1e1 !important;
    text-transform: capitalize !important;
    font-weight: 700 !important;
    height: 40px !important
}

.signup-login {
    padding-bottom: 20px !important
}

.height-login {
    height: 100% !important
}

.mb-10 {
    margin-block-end: 10px !important
}

.m-10-left {
    margin-left: 10px !important
}

.terms-new {
    border-top: 1px solid #333;
    padding: 0 !important
}

#freshworks-frame-wrapper>#widget-frame {
    margin-top: 25px
}

.cke_dialog_tabs>a {
    color: #232323 !important
}

.cke_dialog_ui_hbox_first>a>span {
    color: #232323 !important
}

:focus {
    outline: -webkit-focus-ring-color auto 0 !important
}

hr {
    color: #ccc
}

#signuptittle {
    overflow: inherit !important;
    padding-bottom: 70px;
}

#signup>md-whiteframe{
    position: fixed;
}

.btn-closequest {
    z-index: 999
}

.marginz {
    margin-right: 0 !important
}

.a-induction {
    color: #fff !important;
    padding: 8px !important;
    text-align: center !important;
    margin-left: 10px !important;
    width: 91% !important;
    border-radius: 3px !important
}
.tinyunderline{
    text-decoration: underline;
}
.tinystrike{
    text-decoration: line-through;
}
.tinyleft{
    text-align: left;
}
.tinycenter{
    text-align: center;
}
.tinyright{
    text-align: right;
}
.tinyfull{
    text-align: justify;
}

.text-finished {
    color: #fff !important;
    font-size: 14px !important
}

.m-top-0 {
    margin-top: 0 !important
}

.m-l-20 {
    margin-left: 20px !important
}

.p-l-5 {
    padding-left: 5px !important
}

.p-l-0 {
    padding-left: 0 !important
}

.m-clear {
    margin: 0 !important
}

.zEWidget-launcher {
    right: 50px !important;
    bottom: 19px !important;
    width: 170px !important
}

.newmenubtn {
    margin-left: -5px !important;
    min-width: 55px !important
}

.newmenubtn:hover {
    background-color: rgba(158, 158, 158, .05) !important
}

.my-custom-stars .button .material-icons {
    font-size: 50px !important
}

.my-little-stars .button .material-icons {
    font-size: 16px !important
}

.my-custom-stars .star-button.star-on .material-icons {
    color: #039
}

.my-custom-stars .star-button.star-off .material-icons {
    color: #9cf
}

.md-disable-block {
    opacity: .1;
    pointer-events: none
}

.md-backdrop {
    background: rgba(33, 33, 33, .33);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 60
}

.md-load {
    background: #fafafa;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999
}

.md-hide,
.md-stop {
    display: none !important
}

.md-opacity {
    opacity: 0 !important
}

.md-opacity-btn {
    opacity: 0 !important;
    pointer-events: none
}

.md-opacity-lock {
    opacity: .2 !important
}

.md-pointer {
    cursor: pointer !important
}

.md-divider-vertical {
    border-right: 1px solid #ccc;
    height: 40px;
    width: 1px;
    margin-right: 5px
}

.md-transition {
    transition: .5s linear all
}

md-dialog {
    max-width: 100% !important
}

.md-overflow-hiden {
    overflow: hidden !important
}

.md-overflow-auto {
    overflow: auto !important
}

.md-error-warn {
    background: #f8d7da ;
    padding: 1px;
    color: #721c24  !important;
    margin-bottom: 24px
}

.md-error-warn p{
    color: #721c24  !important;
    font-size: 14px;
}

.md-bg-primary {
    background-color: #2196f3 !important;
    color: #fff !important
}

.md-bg-success {
    background-color: #43a047 !important;
    color: #fff !important
}

.md-bg-info {
    background-color: #00bcd4 !important;
    color: #00181c !important
}

.md-bg-warning {
    background-color: #ffc107 !important;
    color: #00181c !important
}

.md-bg-danger {
    background-color: #f44336 !important;
    color: #fff !important
}

.md-bg-default {
    background-color: #424242 !important;
    color: #fff !important
}

.md-bg-muted {
    background-color: #777 !important;
    color: #424242 !important
}

.md-bg-mutedlight {
    background-color: #eee !important;
    color: #424242 !important
}

.md-bg-dark {
    background-color: #27292f !important;
    color: #fff !important
}

.md-bg-clean {
    background-color: #f7f7f7 !important;
    color: #424242 !important
}

.md-bg-teal {
    background-color: #2b9684 !important;
    color: #fff !important
}

.md-bg-gray {
    background-color: #aaa !important;
    color: #fff !important
}

.md-bg-gray-dark {
    background-color: #475965 !important;
    color: #fff !important
}

.md-bg-gray-lite {
    background-color: #546f7a !important;
    color: #fff !important
}

.md-bg-green-dark {
    background-color: #459f47 !important;
    color: #fff !important
}

.md-bg-green-lite {
    background-color: #56b03e !important;
    color: #fff !important
}

.md-bg-green2-dark {
    background-color: #00796a !important;
    color: #fff !important
}

.md-bg-green2-lite {
    background-color: #2e9786 !important;
    color: #fff !important
}

.md-bg-gray2-dark {
    background-color: #767676 !important;
    color: #fff !important
}

.md-bg-gray2-lite {
    background-color: #9e9e9e !important;
    color: #fff !important
}

.md-bg-black {
    background-color: #000 !important;
    color: #fff !important
}

.md-bg-blue-dark {
    background-color: #1851a3 !important;
    color: #fff !important
}

.md-bg-purple-dark {
    background-color: #3e0098 !important;
    color: #fff !important
}

.md-bg-graylight {
    background-color: #eee !important;
    color: #000 !important
}

.md-bg-graylight2 {
    background-color: #f4f4f4 !important;
    color: #000 !important
}

.md-bg-gray-default {
    background-color: #555 !important;
    color: #000 !important
}

.md-bg-transparent {
    background: 0 0 !important
}

.md-bg-360 {
    background-color: #001d98 !important;
    color: #fff !important
}

.md-bg-greenknw {
    background-color: #2edd7c !important;
    color: #fff !important
}

.md-bgcolor-white {
    background: #fff !important
}

.md-bgcolor-graylight2 {
    background: #f4f4f4 !important
}

f7faf6 .md-text-contentstatus {
    white-space: normal !important;
    width: 123px
}

.md-text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.md-text-center {
    text-align: center !important
}

.md-text-left {
    text-align: left !important
}

.md-text-right {
    text-align: right !important
}

.md-text-justify {
    text-align: justify !important
}

.md-text-italic {
    font-style: italic !important
}

.md-text-bold {
    font-weight: 700 !important
}

.md-lineheight-15 {
    line-height: 15px !important
}

.md-lineheight-18 {
    line-height: 18px !important
}

.md-text-notdecoration {
    text-decoration: none !important
}

.md-text-muted {
    color: #f5f5f5 !important
}

.md-text-gray {
    color: #8b8b8b !important
}

.md-text-darkgray {
    color: #6c6c6c !important
}

.md-text-primary {
    color: #2196f3 !important
}

.md-text-success {
    color: #4caf50 !important
}

.md-text-favorite {
    color: #ffa908 !important
}

.md-text-info {
    color: #00b8d4 !important
}

.md-text-warning {
    color: #ffab00 !important
}

.md-text-danger {
    color: #d50000 !important
}

.md-text-light {
    color: white
}

.md-text-black {
    color: #0000
}

.box-text2 {
    color: #00796b !important;
    font-size: 0.7rem !important;
}

.md-text-mutedlight {
    color: #ccc !important
}

.md-text-dark {
    color: #333 !important
}

.md-text-teal {
    color: #00796b;

}

.md-text-content {
    color: #757575 !important
}

.md-text-purple-dark {
    color: #3e0098 !important
}

.md-text-360 {
    color: #001d98;
}

.md-text-grayknw {
    color: #616161 !important
}

.md-text-purpleknw {
    color: #4a148c !important
}

.hr-christus {
    border: none;
    border-left: 1px solid #731b7f;
    height: 50%;
    width: 1px;
    margin: auto
}

.md-font-9 {
    font-size: 9px !important
}

.md-font-11 {
    font-size: 11px !important
}

.md-font-12 {
    font-size: 0.8rem !important
}

.md-font-13 {
    font-size: 13px !important
}

.md-font-14 {
    font-size: 14px !important
}

.md-font-15 {
    font-size: 15px !important
}

.md-font-16 {
    font-size: 1rem !important
}

.md-font-17 {
    font-size: 17px !important
}

.md-font-18 {
    font-size: 18px !important
}

.md-font-20 {
    font-size: 20px !important
}

.md-font-22 {
    font-size: 22px !important
}

.md-font-24 {
    font-size: 24px !important
}

.md-font-28 {
    font-size: 28px !important
}

.md-font-36 {
    font-size: 2.2rem !important
}

.md-font-48 {
    font-size: 48px !important
}

.md-font-50 {
    font-size: 50px !important
}

.md-font-70 {
    font-size: 70px !important
}

.md-lowercase {
    text-transform: lowercase !important
}

.md-capitalize {
    text-transform: capitalize !important
}

.md-ellipsis {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.icon-modal-closequest {
    width: auto !important;
    height: auto !important
}

.md-bg-op1quest {
    background-color: #001d98;
    color: #fff;
    text-transform: initial;
    font-weight: 800
}

.md-text-op1quest {
    color: #001d98
}

.md-bg-op2quest {
    background-color: #2edd7c;
    color: #fff;
    text-transform: initial;
    font-weight: 800
}

.md-text-op2quest {
    color: #2edd7c
}

.md-bg-op3quest {
    background-color: #24a6eb;
    color: #fff;
    text-transform: initial;
    font-weight: 800
}

.md-text-op3quest {
    color: #24a6eb
}

.md-bg-op4quest {
    background-color: #c2c2c2;
    color: #fff;
    text-transform: initial;
    font-weight: 800
}

.md-text-op4quest {
    color: #c2c2c2
}

.close-questop {
    margin-top: -30px
}

.title-modal {
    margin-block-start: 0 !important
}

.margin-block-zero {
    margin-block-start: 0 !important
}

.md-alert {
    padding: 15px;
    margin: 20px 0;
    border: 1px solid transparent;
    border-radius: 4px
}

.md-alert-success {
    color: #1b5e20;
    background-color: #81c784;
    border-color: #43a047
}

.md-alert-info {
    color: #546e7a;
    background-color: #eceff1;
    border-color: #b0bec5
}

.md-alert-warning {
    color: #333;
    background-color: #fff176;
    border-color: #fbc02d
}

.md-alert-danger {
    color: #000;
    background-color: #ef9a9a;
    border-color: #c62828
}

.toast-success .md-toast-content {
    color: #1b5e20;
    background-color: #81c784;
    border-color: #43a047;
    border: 1px solid
}

.toast-warn .md-toast-content {
    color: #9a3a27;
    background-color: #f5b7ab;
    border-color: #ee836e;
    border: 1px solid
}

.md-label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    vertical-align: baseline;
    border-radius: .25em
}

.md-label.label-primary {
    background-color: #2196f3 !important
}

.md-label.label-success {
    background-color: #43a047 !important
}

.md-label.label-info {
    background-color: #00bcd4 !important
}

.md-label.label-warning {
    background-color: #ffc107 !important
}

.md-label.label-danger {
    background-color: #f44336 !important
}

.md-label.label-default {
    background-color: #424242 !important
}

.md-label.label-muted {
    background-color: #777 !important
}

.md-label.label-mutedlight {
    background-color: #eee !important;
    color: #424242 !important
}

.md-label.label-light {
    background-color: #fff !important;
    color: #424242 !important
}

.md-label.label-dark {
    background-color: #27292f !important
}

.classTutor {
    font-weight: 700 !important
}

.back-btn {
    background-color: #075598 !important;
    color: #fff !important
}

.white-icon {
    color: #fff !important
}

.white-text {
    color: #fff !important
}

.ms-responsive-table-wrapper {
    overflow-x: auto;
    overflow-y: hidden
}

table.simple {
    width: 100%;
    border: none;
    border-spacing: 0;
    text-align: left
}

table.simple tbody tr td:first-child {
    padding-left: 24px
}

table.simple tbody tr td:last-child {
    padding-right: 24px
}

table.simple thead tr th:first-child {
    padding-left: 24px
}

table.simple thead tr th:last-child {
    padding-right: 24px
}

table.simple tbody tr td {
    padding: 16px 8px;
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

table.simple thead tr th {
    padding: 16px 8px;
    font-weight: 500;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    white-space: nowrap;
    min-width: 120px
}

table.simple tbody tr:last-child td {
    border-bottom: none
}

.md-border {
    border: 1px solid #ccc
}

.md-border3 {
    border: 3px solid #ccc
}

.md-border-rigth {
    border-right: 1px solid #ccc
}

.md-border-left {
    border-left: 1px solid #ccc
}

.md-border-bottom {
    border-bottom: 1px solid #ccc
}

.md-border-top {
    border-top: 1px solid #ccc
}

.md-border-none {
    border-spacing: 0
}

.md-outline-gray {
    outline: 1px solid;
    outline-color: #f1f0f0 !important
}

.md-outline-light {
    outline: 1px solid;
    outline-color: #fff !important
}

.md-bgBorder-light {
    border-color: #fff !important
}

.paddingTableHead {
    padding: 0 4px
}

.bg-content-simplemdl {
    margin-bottom: 20px !important;
    border: 1px solid #ccc
}

@media screen and (max-width:599px) {
    .bg-content-simplemdl {
        margin-bottom: 30px !important;
        border: 1px solid #ccc
    }
}

.md-unstyled-list {
    padding-left: 0;
    list-style: none
}

ul.md-inline-list {
    padding: 0;
    margin: 3px 0
}

ul.md-inline-list li {
    list-style: none;
    display: inline-block;
    padding: 0 5px
}

.md-breadcrumb {
    position: absolute;
    padding-top: 8px
}

.mdl-chip {
    height: 23px;
    line-height: 22px;
    padding: 0 12px;
    border: 0;
    border-radius: 16px;
    background-color: #dedede;
    display: inline-block;
    color: rgba(0, 0, 0, .87);
    margin: 2px;
    white-space: nowrap
}

.container-html p {
    margin-top: 0 !important
}

.mt-30 {
    margin-top: 30px !important
}

.m0 {
    margin: 0 !important
}

.p0 {
    padding: 0 !important
}

.md-content_button_info {
    background: #f44336 !important;
    color: #fff !important;
    padding: 0 5px !important;
    position: absolute;
    right: 15px
}

.md-btn-block {
    display: block;
    width: 100%
}

.md-menu {
    text-decoration: none !important;
    border: none;
    outline: 0;
    padding: 10px 5px;
    border-radius: 3px;
    color: #fff
}

.md-cursor {
    cursor: pointer
}

.md-input-button {
    background: #f7f7f7;
    border-radius: 5px;
    text-align: center;
    position: relative !important;
    padding-bottom: 10px;
    border: 0;
    padding: 16px;
    display: block;
    width: 100%;
    margin-bottom: 24px
}

.md-button-link a {
    display: block
}

.md-button:not([disabled]):hover {
    transition: .3s
}

.md-disable {
    opacity: .6;
    pointer-events: none
}

.md-btn-nothover {
    background-color: transparent !important
}

.md-btn-unstyled {
    text-decoration: none !important
}

.md-pointer {
    cursor: pointer
}

.groupX {
    font-size: 16px;
    margin: 20px 0;
    padding: 3px 15px 3px 15px;
    color: #312e2e;
    background-color: rgba(224, 224, 224, .96);
    text-transform: none;
    font-weight: 400;
    min-width: 100px
}

.md-button.left {
    border-radius: 10px 0 0 10px
}

.md-button.middle {
    border-radius: 0;
    border-left: 1px solid rgba(230, 230, 230, .96);
    border-right: 1px solid rgba(230, 230, 230, .96)
}

.md-button.right {
    border-radius: 0 10px 10px 0
}

@media screen and (max-width:599px) {
    md-content .layout-column>.flex, .layout-xs-column>.flex {
        /*min-width: 100% !important;*/
    }
    .md-margin-clear-xs {
        margin: 0 !important
    }

    .NoCoursesText {
        font-size: 25px !important
    }
}

.t-upper {
    text-transform: uppercase !important
}

.t-d-none {
    text-decoration: none
}

.p-b-100 {
    padding-bottom: 100px !important
}

.m-l-90 {
    margin-left: 90% !important
}

.a-no-courses {
    color: #cf1343 !important;
    font-weight: 700 !important
}

.h-no-courses {
    color: #363636 !important
}

.m-card-height {
    height: 248px !important
}

.md-padding-clear {
    padding: 0 !important
}

.margin-block-start0{
    margin-block-start: 0;
}

.margin-block-end0{
    margin-block-end: 0;
}


.md-margin-clear {
    margin: 0 !important
}

.md-margin-auto {
    margin: auto !important
}

.md-margin-bottomall {
    margin-bottom: 45px !important
}

.md-padding-30-top {
    padding-top: 30px !important
}

.md-padding-8-all {
    padding: 8px !important
}

.md-padding-8-t {
    padding-top: 8px !important
}

.md-padding-8-ub {
    padding-bottom: 8px !important;
    padding-top: 8px !important
}

.md-padding-8-u {
    padding-top: 8px !important
}

.md-padding-8-lr {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.md-padding-8-r {
    padding-right: 8px !important
}

.md-padding-10-all {
    padding: 10px
}

.md-padding-10-l {
    padding-left: 10px
}

.md-padding-15-lr {
    padding: 0 15px
}

.md-padding-15-l {
    padding-left: 15px
}

.md-padding-15-ub {
    padding-bottom: 15px !important;
    padding-top: 15px !important
}

.md-padding-16-all {
    padding: 16px !important
}

.md-padding-16-lr {
    padding: 0 16px !important
}

.md-padding-16-ub {
    padding-bottom: 16px !important;
    padding-top: 16px !important
}

.md-padding-24-l {
    padding-left: 24px !important;
}

.md-padding-24-lr {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.md-padding-24-all {
    padding: 24px !important
}

.md-padding-24-ub {
    padding-bottom: 24px !important;
    padding-top: 24px !important
}

.md-padding-30-all {
    padding: 30px
}

.md-padding-40-btm {
    padding-bottom: 40px !important
}

.md-padding-40-ub {
    padding-bottom: 40px !important;
    padding-top: 40px !important
}

.md-padding-40-all {
    padding: 40px !important
}

.md-padding-40-lr {
    padding-right: 40px !important;
    padding-left: 40px !important
}

.md-padding-55-up {
    padding-top: 55px !important
}

.md-padding-80-up {
    padding-top: 80px !important
}

.md-padding-80-lr {
    padding-right: 80px !important;
    padding-left: 80px !important
}

.md-margin-5-lr {
    margin: 0 5px !important
}

.md-margin-5-ub {
    margin: 5px 0 !important
}

.md-margin-5-u {
    margin-top: 5px !important
}

.md-margin-5-all {
    margin: 5px !important
}

.md-margin-8-all {
    margin: 8px !important
}

.md-margin-8-lr {
    margin: 0 8px !important
}

.md-margin-8-r {
    margin-right: 8px !important
}

.md-margin-8-ub {
    margin: 8px 0 !important
}

.md-margin-10-lr {
    margin: 0 10px !important
}

.md-margin-10-r {
    margin-right: 10px !important
}

.md-margin-10-u {
    margin-top: 10px !important
}

.md-margin-10-b {
    margin-top: 10px !important
}

.md-margin-20-u {
    margin-top: 20px !important
}

.md-margin-16-all {
    margin: 16px !important
}

.md-margin-16-lr {
    margin-right: 16px !important;
    margin-left: 16px !important
}

.md-margin-16-ub {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.md-margin-15-lr {
    margin: 0 15px !important
}

.md-margin-15-l {
    margin-left: 15px !important
}

.md-margin-15-ub {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.md-margin-24-lr {
    margin: 0 24px !important
}

.md-margin-24-up {
    margin-top: 24px !important
}

.md-margin-24-btm {
    margin-bottom: 24px !important
}

.md-margin-24-ub {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

.md-margin-40-lr {
    margin-right: 40px !important;
    margin-left: 40px !important
}

.md-margin-40-top {
    margin-top: 40px !important
}

.md-margin-60-r {
    margin-right: 60px !important
}

.md-margin-80-btm {
    margin-bottom: 80px !important
}


.md-margin-3-ub {
    margin: 3px 0 !important
}

.md-overflow-hidden {
    overflow: hidden
}

.md-overflow-visible {
    overflow: visible
}

.md-pull-right {
    float: right !important
}

.md-pull-left {
    float: left !important
}

.md-block {
    display: block !important
}

.md-flex {
    display: flex !important;
}

.md-inline-block {
    display: inline-block !important
}

.md-inline {
    display: inline !important
}

.md-clear {
    clear: both
}

.md-relative {
    position: relative !important
}

.md-absolute {
    position: absolute !important
}

.md-fixed {
    position: fixed !important
}

.md-flex-block {
    width: 100% !important
}

.md-height-fill {
    height: 100% !important
}

.md-vertical-center {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.md-radio {
    display: inline-block;
    padding-right: 20px;
    font-size: 18px;
    line-height: 49px;
    cursor: pointer
}

.md-radio:hover .inner {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    opacity: .5
}

.md-radio input {
    width: 1px;
    height: 1px;
    opacity: 0
}

.md-radio input:checked+.outer .inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.md-radio input:checked+.outer {
    border: 3px solid #00b8d4
}

.md-radio input:focus+.outer .inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    background-color: #00b8d4
}

.md-radio .outer {
    display: block;
    float: left;
    margin: 10px 9px 10px 10px;
    border: 3px solid #00b8d4;
    border-radius: 50%;
    background-color: #fff
}

.md-radio .inner {
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    width: 16px;
    height: 16px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    display: block;
    margin: 2px;
    border-radius: 50%;
    background-color: #00b8d4;
    opacity: 0
}

md-input-container.hide-error-msg .md-errors-spacer:empty {
    display: none !important
}

.md-img-badge{
    max-width: 150px !important;
}

.md-img-gray {
    filter: grayscale(100%);
}

.md-img-responsive {
    max-width: 100% !important;
    height: auto !important;
    min-width: 100% !important
}

.md-img-album {
    width: 100%;
    height: auto !important
}

.md-img-rounded {
    border-radius: 6px !important
}

.md-img-circle {
    border-radius: 50% !important
}

.md-img-thumbnail {
    display: inline-block;
    max-width: 100% !important;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px
}

.md-img-center {
    margin: 0 auto !important
}

.verticalImg {
    overflow: hidden;
    height: 205px;
    background-position: center center !important;
    background-size: cover !important
}

.md-reset-icon {
    width: 100%;
    vertical-align: baseline
}

.md-icon-circle {
    border-radius: 50% !important;
    background: #fff
}

.box-stadistics-icons{
    margin-top: 20px;
}

.material-icons.md-12 {
    font-size: 12px
}

.material-icons.md-18 {
    font-size: 18px
}

.material-icons.md-24 {
    font-size: 24px
}

.material-icons.md-36 {
    font-size: 36px
}

.material-icons.md-48 {
    font-size: 48px
}

.material-icons.md-70 {
    font-size: 70px
}

.material-icons.md-150 {
    font-size: 150px
}

.material-icons.md-dark {
    color: rgba(0, 0, 0, .54)
}

.material-icons.md-dark.md-inactive {
    color: rgba(0, 0, 0, .26)
}

.material-icons.md-light {
    color: #fff
}

.material-icons.md-light.md-inactive {
    color: rgba(255, 255, 255, .3)
}

.progress-linear-profile ._md-bar,
.progress-linear-profile ._md-container,
.progress-linear-profile ._md-mode-determinate {
    height: 5px !important
}

md-progress-linear.md-bg-primary ._md-container {
    background-color: #e0e0e0
}

md-progress-linear.md-bg-primary ._md-bar {
    background-color: #2196f3
}

md-progress-linear.md-bg-info ._md-container {
    background-color: #e0e0e0
}

md-progress-linear.md-bg-info ._md-bar {
    background-color: #00bcd4
}

md-progress-linear.md-bg-warning ._md-container {
    background-color: #e0e0e0
}

md-progress-linear.md-bg-warning ._md-bar {
    background-color: #ffc107
}

md-progress-linear.md-bg-danger ._md-container {
    background-color: #e0e0e0
}

md-progress-linear.md-bg-danger ._md-bar {
    background-color: #f44336
}

md-progress-linear.md-bg-default ._md-container {
    background-color: #e0e0e0
}

md-progress-linear.md-bg-default ._md-bar {
    background-color: #424242
}

md-progress-linear.md-bg-success ._md-container {
    background-color: #e0e0e0
}

md-progress-linear.md-bg-success ._md-bar {
    background-color: #4caf50
}

.activeBtn {
    background: #2c9685;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    margin-top: 2%;
    margin-right: 14px;
    margin-left: 8px;
    border: 2px solid #fff;
    display: inline-block;
    position: relative;
    right: 0;
    float: right
}

.iconTrace {
    padding-top: 40px;
    color: #fff
}

.iconTrace>i {
    font-size: 40px !important
}

.progress-linear-profile {
    margin-right: 8px;
    margin-top: 8px
}

.paddingContent {
    padding: 0 5%
}

.paddingContentI {
    padding: 0 5%
}

.disablePointer {
    cursor: default !important
}

.loaderItems {
    width: 300px;
    margin: 5% auto;
    height: 400px;
    background: rgba(0, 0, 0, 0) !important;
    box-shadow: none
}

.positionCircle {
    top: -14px !important;
    left: 16px !important
}

.positionCircle span {
    padding: 5px 11px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .38)
}

#svg[AttributesStyle] {
    color: #fafafa !important
}

#Cursosdisponibles {
    padding-bottom: 24px
}

.containerFull {
    width: 960px;
    margin: auto;
    margin-bottom: 24px !important
}

.layoutBoxProfile>div:first-child .layoutBoxChild:first-child {
    /*margin-left: 0 !important */
}

.containerBig {
    padding-top: 65px;
}

.overlayImage {
    top: 0;
    height: 118px;
    width: 100%;
    background-color: rgba(0, 0, 0, .51);
    position: absolute
}

.bigOverlayImage {
    top: 0;
    height: 180px;
    width: 100%;
    background-color: rgba(0, 0, 0, .51);
    position: absolute
}

.widthContent {
    width: 20% !important
}

.menuFlap {
    position: fixed !important;
    top: 70px !important;
    height: 100%;
    width: 20% !important
}

.backdrop {
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1
}

.emptyBox {
    background: 0 0;
    box-shadow: none;
    display: none
}

#coursesInteraction>div>.emptyBox {
    margin-left: 0 !important
}

.contentCover {
    height: 115px;
    margin: 0 -8px;
    position: relative
}

.md-no-opacity {
    opacity: 0
}

.opened {
    background: #4caf50
}

.noopened {
    background: #00bcd4
}

.bigContentCover {
    height: 180px;
    margin: 0 -8px;
    position: relative
}

#image_bank md-tabs-wrapper {
    background: #eee
}

#image_bank md-tab-item.md-active {
    background: #aaa;
    color: #fff
}

#login md-content {
    background: rgba(255, 255, 255, .38)
}

#login md-tabs .md-tab.md-active {
    background: #656565;
    color: #fff
}

#login md-tabs .md-tab {
    background: #eee
}

#login label {
    color: #333
}

.btnLogin {
    position: relative
}

.btnLogin>div {
    position: absolute;
    top: -45px;
    width: 100%
}

.layoutSocialAuth {
    border-top: 1px solid #333;
    padding: 0 !important
}

.bgLogin {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0
}

#footer {
    background-color: #212121;
    color: #fff;
    height: 48px;
    padding: 16px 0;
    z-index: 999
}

.logoMain>img {
    max-height: 60px !important
}

#navbar-main {
    position: fixed;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2), 0 4px 7px 0 rgba(0, 0, 0, .19)
}

#navbar-main{
    height: 75px;
}

.mainmenu-second{
    top: 75px;
}

.toolbarkme {
    height: initial !important
}

.gray {
    filter: url(#grayscale);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: Gray()
}

.nameOrg h1 {
    font-size: .8em
}

.logoEditIcon {
    right: 5px;
    top: 0;
    font-size: 0;
    border-radius: 50%;
    padding: 3px;
    cursor: pointer
}

#verticalMenu {
    background: #414141;
    transition: left .2s, width .2s;
    width: 20%;
    position: relative;
    left: 0
}

#bodyContent {
    transition: width .2s;
    width: 83%;
    background: 0 0
}
.margin-l-35{
    margin-left: 35px !important;
}
.margin-top-60{
    margin-top: 60%;
}
.no-height{
    height: auto !important;
}
.index-2{
    z-index: 2 !important;
}

md-list-item._md-no-proxy .no-height{
     height: auto !important;
}
#verticalMenu.fullMenu {
    position: absolute;
    z-index: 2;
    left: -100%;
    width: 0;
    box-shadow: 2px 2px 2px #3c3c3c;
    top: 0;
    overflow: auto
}
md-input-container {
    z-index: 0 !important;
}
#bodyContent.full {
    width: 100% !important
}

.menuItems li {
    padding: 8px 0;
    background: rgba(255, 255, 255, .45)
}

.menuItems li:hover {
    background: rgba(255, 255, 255, .5)
}

.menuItems li a {
    padding-left: 8%;
    display: inline-block
}

.activeCollapse {
    background: rgba(255, 255, 255, .19)
}

#bannerProfile>div {
    position: absolute;
    bottom: 0;
    width: 100%
}

.avatarProfile {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #fff
}

.boxdataDashboard {
    height: 124px
}

.layoutBoxProfile {
    margin-bottom: 0
}

.layoutBoxProfile:last-child {
    padding-bottom: 24px
}

.layoutBoxProfile>div {
    margin: 0;
    margin-left: 0;
    margin-left: 0
}

.layoutBoxProfile>div:first-child {
    margin-left: 0
}

.layoutBoxProfile>div:last-child {
    margin-right: 0
}

.layoutBoxChild {
    margin: 0;
    padding: 0 8px
}

.layoutBoxChild {
    margin: 0;
    padding: 0 8px
}

.layoutBoxChild-1 {
    margin: 0;
    padding: 0 15px
}

.layoutBoxChild>.toolbar {
    margin: 0 -8px
}

#myCoursesInteraction .layoutBoxChild:first-child {
    margin-left: 0
}

#myCoursesInteraction .layoutBoxChild:last-child {
    margin-right: 0
}

.layoutBoxChild>img {
    height: 125px !important;
    background: #fff;
    border-bottom: 1px solid #ccc;
    cursor: pointer
}

.creatorOrgAvatar {
    position: absolute;
    bottom: -9px;
    left: 16px
}

.creatorOrgAvatar>img {
    width: 24px;
    height: 24px !important
}

.infoProfileMobile {
    margin-top: -33px;
    position: relative
}

#myOrg>div:first-child {
    margin-right: 0
}

#myOrg>div {
    margin-top: 10px;
    margin-left: 20px
}

.boxTraceProfile>div:first-child {
    margin-right: 24px
}

.infoProfileDesktop {
    padding: 24px 0;
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .46));
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .46))
}

.infoProfileDesktop button {
    margin-top: 16px
}

.btnUploadImageProfile {
    position: absolute !important;
    right: 35px;
    margin-bottom: 24px !important;
    cursor: pointer;
    padding: 8px;
    margin-top: -15px
}

.btnUploadImageProfile input {
    display: none
}

.btnLandingDetails {
    position: absolute !important;
    right: 35px;
    margin-bottom: 24px !important;
    cursor: pointer;
    padding: 8px;
    margin-top: -15px
}

.btnAlbumDetails {
    right: 35px;
    margin-bottom: 24px !important;
    cursor: pointer;
    padding: 8px;
    margin-top: -15px
}

.btnChangePass {
    position: absolute !important;
    right: 35px;
    margin-bottom: 24px !important;
    cursor: pointer;
    padding: 8px;
    margin-top: 35px;
    background-color: #aaa;
    border-radius: 50%
}

.btnUploadImageAvatar {
    position: absolute !important;
    left: 35px;
    top: 35px;
    cursor: pointer;
    padding: 8px
}

.btnUploadImageAvatar input {
    display: none
}

user-profile .creatorOrgAvatar {
    top: 105px
}

.pointstate {
    width: 15px;
    height: 15px;
    border-radius: 50%
}

.add-skill-toprofile>div {
    width: 100%
}

@media (max-width:767px) {
    #viewer {
        margin-bottom: 0px !important;
    }

    .paddingContent {
        padding: 0
    }

    #myOrg>div {
        margin: 0 !important
    }

    .layoutBoxProfile>div {
        margin: 0 !important
    }

    .layoutBoxChild {
        margin-left: 8px;
        margin-right: 8px;
        margin-bottom: 8px;
        width: 100% !important;
        margin: auto;
    }

    .boxTraceProfile>div:first-child {
        margin-right: 8px
    }

    .boxTraceProfile>div {
        margin-bottom: 8px
    }

    .btnUploadImageProfile {
        top: -25px
    }

    .btnChangePass {
        top: -25px
    }

    .btnUploadImageAvatar {
        position: absolute !important;
        left: 45%;
        top: 15px;
        padding: 9px;
        background-color: transparent !important
    }

    user-profile .creatorOrgAvatar {
        top: 160px
    }

    .zEWidget-launcher {
        right: -9px !important;
        bottom: 77px !important;
        width: 60px !important
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .paddingContent {
        padding: 0 1%
    }

    #myOrg>div {
        margin: 0 !important
    }

    .layoutBoxProfile>div {
        margin: 0 !important
    }

    .layoutBoxChild {
        margin-left: 8px;
        margin-bottom: 8px
    }

    .layoutBoxChild>img {
        height: 144px !important
    }

    .boxTraceProfile>div:first-child {
        margin-right: 8px
    }

    .boxTraceProfile>div {
        margin-bottom: 8px
    }

    .creatorOrgAvatar {
        bottom: -19px
    }
}

#bodyContent>.paddingContent>kme-drafts>div>.showall {
    display: none
}

#bodyContent>.paddingContent>kme-my-courses>div>.showall {
    display: none
}

#bodyContent>.paddingContent>kme-inactive-courses>div>.showall {
    display: none
}

#bodyContent>.paddingContent>kme-list-categories>div>.showall {
    display: none
}

#bodyContent>.paddingContent>kme-available-courses>div>.showall {
    display: none
}

#bodyContent>.paddingContent>kme-moderated-courses>div>.showall {
    display: none
}

#bodyContent>.paddingContent>kme-drafts>div>.showall {
    display: none
}

.boxResetPassword {
    background: rgba(255, 255, 255, .7)
}

.headResetPassword {
    text-align: center;
    padding: 8px 0;
    font-size: 30px;
    background: #868686;
    color: #fff
}

.errorPassword ul {
    list-style: none;
    display: inline
}

#bannerProfileGroup {
    background: url(/static/images/big_cover_default.jpg);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 320px;
    position: relative
}

#bannerProfileGroup>div {
    position: absolute;
    bottom: 0;
    width: 100%
}

.pensumImg {
    background-size: cover !important;
    height: 500px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    position: relative
}

.bgDetailsCourse {
    background: #414141;
    height: 450px
}

.coursenewdetails{
    max-width: 1080px;
    width: 95%;
    margin: auto;
}
.newnav{
    max-width: 1280px;
    margin:auto;
    width: 100%;
}
.separatorcontainer{
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 4% !important;
    padding-bottom: 4%;
}

@media (max-width: 599px) {
    .coursenewdetails {
        max-width: unset;
    }
}

.containercoursedata{
    color: gray;
    display: flex;
    flex-direction: row;
    align-items:center;
    margin:auto;
    justify-content: space-between;
    background-color: #f7f6f6;
    border: 1px solid gray;
    border-radius: 3px;
    padding: 0 2%;
    margin-top: 3%;
    max-width: 100%;
}
.containerdates{
    border: 1px solid gray;
    border-radius: 3px;
    color: gray;
    background-color: #f7f6f6;
    width: fit-content;
    max-width: 100%;
    padding:0 2%;
}
.containerdates h4{
    white-space:nowrap;
    margin-right:11px;
}
@media(max-width: 599px){
    .containerdates { margin: 0.75rem auto; }
    
    .containerdates h4, .containerdates p{
        margin:unset;
    }
    .containerdates h4{
        margin-left: 11px;
    }
}
.cccicon{
    margin-left: 15px;
}
.containerinfocourse{
    width:fit-content;
    margin-top: 3%;
    padding: 1% 0;
}
.borderleft{
    border-left: 1px solid gray;
    width: 100%;
}
.adjustinfodesc{
    line-height: 0;
    margin-left: 10px;
    display: flex;
    align-items:center;
    justify-content:center;
}
.boxcomments{
    display:flex;
    flex-direction:row;
    margin-top:3%;
}
.commentdate{
    margin-top: 4px;
    margin-left: 15px;
}
.helpfulcomment{
    display: flex;
    width: fit-content;
}
.heartfavorite{
    margin-top: -0.5%;
    margin-left: 1%;
}
.hidecommentsC{
    width: 100%;
}
.hidecommentsC div{
    max-width: fit-content;
    margin-left: auto;
}
.detailscomments{
    display: flex;
    flex-direction:column;
}
.imgcomments {
    object-fit: contain;
    width: 60px;
    margin-top: 1%;
    object-position: top;
    border-radius: 50%;
    height: fit-content;
    margin-right: 1%;
}
.textcomment{
    margin: unset;
    color: black!important;
}
.viewmorecomments {
    margin: auto;
    display: flex;
    align-items: center;
    width: fit-content;
    cursor: pointer;
    white-space: nowrap;
}
.arrowmorecomments{
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.starscomments .star-on{
    color:gold;
    cursor: pointer;
}
.starscomments .star-on:hover{
    color:gold;
}
.starscomments .star-off {
    color:gray;
    cursor: pointer;
}
.starscomments .star-off:hover{
    color:gray;
}
.starscommentscontainer{
    width: fit-content;
    margin: auto;
}
.starscommentscontainer div{
    display: flex;
    justify-content:space-between;
}
.checkcirclecommets{
    font-size: 50px !important;
    min-width: 50px;
    margin: auto;
    min-height: 50px;
    display: flex !important;
}
.titletankcomment{
    margin: 10px auto;
    display: flex;
    width: fit-content;
}
.textconfirmcomment{
    max-width: 85%;
    text-align: center;
    margin: 5% auto;
}
.closeconfirmcomment{
    margin: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.Starsaverage {
    font-size: 50px;
    color: black !important;
    margin: unset;
    margin-bottom: 1%;
}
.generalrating{
    display: flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width: fit-content;
    margin-right:50px;
}
.ratingcourse {
    display: grid;
    grid-template-columns: auto 1fr;
    width: 90%;
    margin: auto;
    margin-top: 4%;
}
.averagescore{
    align-items:center;
    justify-content:center;
}
.scorebar{
    margin-right: 5%
}
.normalizebars{
    margin: unset;
    width: 50px;
}
.generalstars{
    margin-right: 1%;
}
.imgtutorslist{
    height:80px;
    border-radius: 50%;
    margin: 4% 4% 4% 0;
}

#view-list-tutors {
    margin: 10px;
}

.tutorsListContainer{
    margin: 40px !important;
}
.containerListTutor{
    display: flex;
}
.paddingr1{
    padding-right: 1%;
}
.containercoursedata p,.containercoursedata div{
    display: flex;
    flex-direction:row;
    align-items:center;
}

.containercoursedata md-icon{
    height: unset;
}
.containercoursedata div p p{
    margin-right: 2%;
}
.coursedatadetails{
    margin-right: 32px;
}
.sendcomment{
    color:white;
    margin:auto!important;
}
.sendcomment md-icon{
    color:white !important;
}
.formcommentc{
    margin:auto;
    max-width: 90%
}
.inputcomments #id_comment{
    border:1px solid grey;
    border-radius: 50px;
}

.h2stat{
    margin-bottom: unset !important;
}
.iconTrace2{
    padding-top: 27px;
}
@media(max-width: 599px){
    .containercoursedata p,
    .containercoursedata div {
        max-width: 100%;
    }
    .containercoursedata{
        margin-bottom: 3%;
    }

    .coursedatadetails {
        margin-right: 16px;
    }
    .borderleft {
        border-left: unset;
    }
    .generalrating{
        margin:auto;
    }
}
.aligncenterbtn{
    display: flex !important;
    align-items:center;
    justify-content:center;
    width:65% !important;
}
.coursetags {
    border: 1px solid gray;
    border-radius: 50px;
    padding: 1% 2%;
    margin: 0.7%;
}
.detailscolor p{
    color:black !important;
    white-space: nowrap;
}
.btnInfoCourse{
    background-color: #e2dedf !important;
    min-width: 59% !important;
    border-radius: 9px !important;
}
.width100{
    width:100%!important;
}
.aligncenterdiv{
    align-items:center;
    justify-content:center;
}
.largericons{
    font-size: 35px !important;
}

.featureDetails {
    background: #646464;
    padding: 40px
}

.descriptionDetails,
.titleDetails {
    width: 100%
}

.aboutCourse {
    padding: 24px 40px
}

.aboutInfo {
    padding-right: 24px
}

.sessionDetails>div>div {
    height: 80px;
    line-height: 80px
}

.btnEnroll {
    padding: 8px 24px !important
}

.tags ul li {
    background: #545454;
    padding: 8px;
    padding: 8px;
    border-radius: 13px;
    margin: 0 5px;
    color: #fff
}

.avatarCreatorDetails {
    height: 70px;
    width: 70px;
    border: 2px solid #aaa
}

.box-day {
    background: rgba(255, 255, 255, .14)
}

.box-month,
.box-year {
    background: rgba(255, 255, 255, .2)
}

.box-month .month-day {
    font-size: 4em
}

.box-year h2 {
    font-weight: 100
}

.featureDetailsBox {
    padding: 40px 0 !important
}

.aboutInfo p *,
.moreInfoDetails p * {
    color: #888 !important;
    font-size: 1em !important;
    font-family: inherit !important;
    line-height: inherit !important
}

.titleItemsDetails {
    color: #666;
    font-weight: 100
}

#imageBackOrg {
    background-size:cover !important;
    height: 380px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    position: relative
}

.btnActionCourse {
    width: 25%;
    border-radius: 10px !important;
    font-size: .8em !important;
    padding: 6px 0 !important;
    color: #fff !important;
}

.btnActionCoursenew{
    width: unset;
    padding:1% 3% !important;
}
.pricecourse{
    margin:unset;
}
.btnActionCourse2 {
    width: 25%;
    border-radius: 10px !important;
    font-size: .8em !important;
    padding: 6px 0 !important;
    background: #fff;
}

.boxTraceDetails {
    width: 100%;
}

.boxTraceDetails:first-child {
    padding-bottom: 0 !important
}

.boxTraceDetails>div:first-child {
    padding-right: 8px
}

.sessionDetails {
    min-height: 100%
}

.md-card-heigh100 {
    min-height: 100%;
    height: 100%
}

.loadingBanner {
    top: 50%;
    height: 40px;
    width: 30%;
    margin: auto
}

.btnCourse {
    background: rgba(255, 255, 255, .3);
    border: 2px solid #fff;
    color: #fff
}

.img-max-width120 {
    max-width: 120px
}

.banner-btns-main {
    z-index: 0;
    position: absolute;
    width: 100%;
    top: 65px
}

.box-data1-colora {
    background: #78909c
}

.box-data1-colorb {
    background: #91a3ad;
    padding-top: 8px
}

.box-data2-colora {
    background: #0199a6
}

.box-data2-colorb {
    background: #02adc1;
    padding-top: 8px
}

.box-data3-colora {
    background: #00796a
}

.box-data3-colorb {
    background: #2e9786;
    padding-top: 8px
}

.box-data4-colora {
    background: #449e47
}

.box-data4-colorb {
    background: #56b03e;
    padding-top: 8px
}

.filterImg {
    background: rgba(0, 0, 0, .5);
    height: 445px;
    width: 100%;
    display: inline-flex;
    position: relative;
    margin-top: -404px
}

.filterImgOrg {
    background: rgba(0, 0, 0, .5);
    height: 383px;
    width: 100%;
    display: inline-flex;
    position: relative
}

#contentMenuAdmin modal-iframe:focus {
    outline: #fff !important
}

modal-iframe>a>translate {
    color: rgba(0, 0, 0, .87)
}

.imgSessions {
    height: 150px !important
}

.modEvent,
.subEvent {
    background: #607d8b;
    color: #fff
}

.submod {
    background: #eee;
    color: #353433
}

.btn-lock-details {
    background: #bdbdbd !important;
    pointer-events: none !important;
    color: #757271 !important
}

.round-progress-wrapper {
    width: 83% !important
}

.progressbar-text {
    font-size: 1.3rem !important
}

.progress-wrapper>.progress {
    left: 44% !important;
    height: 55px
}

.round-progress-wrapper>svg {
    max-width: 100% !important;
    height: auto !important;
    min-width: 100% !important
}

.descriptionModule {
    padding: 16px;
    padding-top: 0;
    background: #f5f5f5;
    margin: 0;
    overflow: hidden
}

.descriptionModule p {
    padding: 0
}

.percentageModule {
    margin-bottom: 14px
}

.progress-wrapper {
    position: relative;
    font-size: 1.3em
}

.progress {
    position: absolute;
    line-height: 1
}

.progress span {
    font-size: .7em
}

.img-module {
    height: auto;
    width: 100%
}

.positionModule {
    position: absolute;
    top: -10px;
    left: 16px
}

.positionModule span {
    padding: 5px 11px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .38)
}

.sectionModules {
    margin-top: 5px
}

.sectionContents {
    margin-top: 5px !important
}

.label-status {
    color: #fff;
    padding: 5px 10px;
    border-radius: 10px;
    display: block;
    width: 100%;
    margin: 3px 0
}

.label-status.completed {
    background: #43a047
}

.text-color-completed {
    color: #43a047 !important
}

.label-status.inProgress {
    background: #f44336
}

.text-color-inProgress {
    color: #f44336 !important
}

.label-status.next {
    background: #ccc
}

.text-color-next {
    color: #ccc !important
}

.label-status.info {
    background: #00bcd4
}

.text-color-info {
    color: #00bcd4 !important
}

.label-status.warning {
    background: #ffc107;
    color: #2d2b2b
}

.text-color-warning {
    color: #ffc107 !important
}

.text-color-danger {
    color: ##980800 !important
}

.listContents {
    padding: 8px 0 0;
    border-bottom: 1px solid #ccc
}

.listContents:last-child {
    border: 0
}

.boxCollapse {
    background: #f1f3f5;
    padding: 0 16px;
    height: 100px;
    overflow: hidden;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s
}

.boxCollapse.ng-hide-remove {
    height: 100px;
    overflow: hidden
}

.boxCollapse.ng-hide {
    height: 0
}

.boxCollapse p.ng-hide {
    display: block !important
}

.bg_bookmark {
    background: #8bc34a;
    color: #fff !important
}

.bg_lti_content {
    background: gray;
    color: #fff !important
}

.bg_topic,
.bg_tribe {
    background: #f44336;
    color: #fff !important
}

.bg_blog {
    background: #ff5722;
    color: #fff !important
}

.bg_videoconference {
    background: #9c27b0;
    color: #fff !important
}
.overflowhidden{
    overflow: hidden;
}

.bg_task {
    background-color: #009688 !important;
    color: #fff !important
}

.bg_test {
    background-color: #ff9800 !important
}

.contentImage {
    overflow: hidden;
    height: 150px
}

.bgevents{
    background-color: #0091FF;
}

.linkImageContent {
    line-height: 0 !important;
    display: block !important
}

.text_short_title {
    max-height: 55px;
    overflow: hidden;
    font-weight: bolder
}

.btnUploadImageCategory {
    position: absolute !important;
    right: 35px;
    margin-bottom: 24px !important;
    cursor: pointer;
    padding: 8px
}

.btnUploadImageCategory input {
    display: none
}

.imgCreateOrg,
.imgLoginOrg img {
    width: 100%
}

.imgLoginOrg {
    margin-right: -8px;
    margin-left: -8px
}

.btnUploadImage {
    position: absolute !important;
    bottom: 0;
    right: 24px;
    margin-bottom: 24px !important;
    cursor: pointer;
    padding: 8px
}

.btnUploadImage input {
    display: none
}

.btnUploadImage-in {
    padding: 8px 50px;
    border-radius: 5px;
    cursor: pointer
}

.switchOrgs {
    margin: 0;
    display: inline-block;
    padding-left: 24px
}

.switchForms {
    margin: 0;
    display: inline-block;
    padding-left: 65px
}

.numberStep {
    padding: 4px 10px !important;
    margin-left: -24px
}

.fakeLogin {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 25%;
    display: inline-block;
    box-shadow: 0 0 6px 1px rgba(20, 16, 16, .54);
    position: absolute;
    height: 180px;
    margin-top: 24px;
    left: 50%;
    top: 38%;
    background: rgba(255, 255, 255, .61)
}

.barOrgfake {
    height: 34px
}

#itemListFake li {
    padding: 8px
}

#itemListFake li.active {
    background: #979797
}

.areaLogo {
    height: 80px;
    width: 90px;
    background: #eee;
    outline: 2px solid #ccc;
    outline-style: dashed;
    cursor: pointer !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important
}

.areaLogo .iconLogo {
    position: relative;
    top: 30px
}

.menuDashboardOrg {
    position: absolute;
    right: 0;
    background: #fff;
    padding: 5px 0 !important;
    margin: 10px;
    border-radius: 50%
}

.alert-landing .md-toast-content {
    background: #4caf50
}

.viewerPoll{
    background: #3a3a3a;
}

#questbarOptions {
    height: 100%;
    right: 0;
    background: rgba(22, 21, 21, .73);
    z-index: 990;
    position: fixed !important;
    top: 0
}
.md-dialog-container{
    z-index:991 !important;
}

._md-select-menu-container{
    z-index:992 !important;
}
.questSlides-xs {
    position: fixed;
    z-index: 999;
    height: 100%;
    overflow: auto;
    background: rgba(0, 0, 0, .56);
    top: 0;
    left: 0
}

.questSlides-md {
    background: rgba(0, 0, 0, .56)
}

.progressQuest {
    bottom: 3px;
    width: 100%;
    transition: .5s linear all;
    opacity: 1
}

.progressQuest.ng-hide {
    opacity: 0
}

.progressQuestStyle md-progress-linear ._md-container,
.progressQuestStyle md-progress-linear ._md-container ._md-bar {
    height: 9px
}

.progressQuestStyle md-progress-linear ._md-container {
    background-color: rgba(16, 16, 16, .48) !important
}

.progressQuestStyle md-progress-linear ._md-bar {
    background-color: #00b8d4 !important
}

.timeQuest {
    bottom: 24px;
    left: 24px;
    background: rgba(0, 0, 0, .74);
    color: #fff;
    padding: 5px;
    border-radius: 7px;
    transition: .5s linear all;
    opacity: 1
}

.timeQuest.ng-hide {
    opacity: 0
}

.transitionsBar {
    transition: .5s;
    width: 0;
    padding: 0 !important
}

.onAnimationSlides {
    width: 120px
}

.onAnimationBar {
    width: 9%
}

.contentInfo {
    top: 0;
    width: 0;
    background: rgba(0, 0, 0, .74);
    position: fixed;
    z-index: 9999;
    height: auto;
    right: -17px;
    min-height: 100%;
    padding: 0;
    margin: 0;
    transition: .5s linear all
}

.contentInfo.ng-hide {
    width: 40%;
    display: block !important
}

.zoneSwipe {
    padding: 0 20px !important;
    position: absolute;
    width: 4em;
    top: 0;
    height: 100%;
    z-index: 100
}

.zoneLeft {
    right: 0;
    background: 0 0;
    background: -webkit-linear-gradient(to right, rgba(13, 13, 12, 0), rgba(4, 4, 4, .15));
    background: -o-linear-gradient(to right, rgba(13, 13, 12, 0), rgba(4, 4, 4, .15));
    background: -moz-linear-gradient(to right, rgba(13, 13, 12, 0), rgba(4, 4, 4, .15));
    background: linear-gradient(to right, rgba(13, 13, 12, 0), rgba(4, 4, 4, .15))
}

.zoneRight {
    left: 0;
    background: 0 0;
    background: -webkit-linear-gradient(to right, rgba(4, 4, 4, .15), rgba(13, 13, 12, 0));
    background: -o-linear-gradient(to right, rgba(4, 4, 4, .15), rgba(13, 13, 12, 0));
    background: -moz-linear-gradient(to right, rgba(4, 4, 4, .15), rgba(13, 13, 12, 0));
    background: linear-gradient(to right, rgba(4, 4, 4, .15), rgba(13, 13, 12, 0))
}

.letter {
    padding: 4px 8px
}

.contentQuest {
    overflow: auto;
    background-color: #f6f6f6 !important
}

.editTabColor {
    position: absolute !important;
    bottom: -39px;
    left: 0
}

.round-progress-wrapper {
    margin: auto
}

.text-task-desc>div>p {
    padding: 8px
}

@media only screen and (min-width:1025px) {
    .btnBackModule {
        left: -47px;
        padding-left: 47px !important;
        z-index: 999
    }

    #tabsObjectsDetails md-tabs-wrapper {
        padding-left: 55px
    }

    .progressQuest {
        bottom: 68px !important
    }

    .contentInfo.ng-hide {
        width: 30%;
        display: block !important
    }

    .letter {
        padding: 10px 8px
    }
}

@media screen and (max-width:820px) {
    .timeQuest {
        top: 7% !important;
        background: #001950 !important;
        position: absolute
    }

    .bg-statements>p {
        margin-block-start: 0;
        margin-block-end: 0
    }
}

#gallerysm {
    padding-bottom: 50px
}

.btnUploadTask {
    cursor: pointer
}

.btnUploadTask #uploadTask {
    display: none
}

.text-task-desc>div>p {
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.miniSlideDesktop {
    height: 80px;
    background-size: cover !important;
    background-color: #fff
}

.bg-statements {
    background:rgb(250,250,250);
    /*background: #aaa;*/
    /*color: #fff !important*/
}

#barOptionLg {
    background: rgba(22, 21, 21, .73);
    height: 50px;
    bottom: 0;
    width: 100%;
    transition: .5s linear all
}

#barOptionLg.ng-hide {
    height: 0;
    opacity: 0
}

.transitionsBar-lg {
    transition: .5s linear all;
    height: 0;
    opacity: 0;
    overflow: hidden
}

.onAnimationSlides-lg {
    height: 96px;
    opacity: 1
}

.opacity05 {
    opacity: .3
}

.instruction {
    display: none !important
}

.selectAnswer {
    background: #7dd0da !important
}

.positionArrow {
    position: relative;
    top: 35%
}

.showImages {
    top: 30%;
    left: 35%;
    background: rgba(39, 41, 47, .45) !important
}

button.md-kme-theme {
    background: #009688;
    color: #fff !important
}

.area {
    height: 100%;
    width: 100%;
    background: 0 0;
    position: absolute;
    top: 0
}

.buttonNav {
    position: fixed;
    bottom: 16px;
    right: 10%
}

#progressContainer md-progress-linear {
    height: 0
}

#diapositiveTextDesktop>ol>li {
    text-align: left !important
}

.border_blink {
    border: 5px solid #000;
    border-radius: 50%;
    margin: 5px
}

.effect_blink {
    animation: blinker 1s linear infinite
}

@keyframes blinker {
    50% {
        border-color: #fff
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    md-toolbar {
        height: 70px;
    }
    .btnActionCourse {
        width: -webkit-fill-available;
        border-radius: 10px !important;
        font-size: .8em !important;
        padding: 6px 0 !important;
        color: #fff !important;
    }

    .btnActionCourse2 {
        width: -webkit-fill-available;
        border-radius: 10px !important;
        font-size: .8em !important;
        padding: 6px 0 !important;
        background: #fff;
    }

    .instruction {
        background: #dbdada;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 999;
        display: flex !important;
        display: -webkit-flex
    }

    #toastParent {
        bottom: 0 !important;
        right: 0 !important;
        display: inline !important;
        top: 90% !important;
        z-index: 100000 !important;
        min-width: 200px !important
    }
}

@media only screen and (max-width:959px) and (min-width:300px) {
    #barOptionLg {
        height: 100%;
        right: 0;
        width: 56px
    }

    #barOptionLg>div {
        margin-bottom: 10px !important
    }

    .questionLayoutclass>div>span {
        max-width: 100% !important
    }
}

#headerEvent {
    height: 150px
}

.backHeaderEvent {
    background: url(/static/images/imagesEvent/nameEvent.jpg);
    background-position: right;
    background-repeat: no-repeat;
    background-color: #6c6d72
}

.contentPaddingEvent {
    padding: 2% 8% !important
}

#navtabsCourse {
    background: #eee
}

#navtabsCourse>a {
    padding: 14px;
    color: #666;
    text-decoration: none
}

#navtabsCourse.back {
    padding: 5px 0
}

#navtabsCourse>button>md-icon {
    color: #3e0098
}

#navtabsCourse>a:hover {
    border-bottom: 3px solid #3e0098;
    padding-bottom: 10px
}

#navtabsCourse>a.active {
    border-bottom: 3px solid #3e0098;
    padding-bottom: 11px
}
.center-icon-cover{
    display: flex !important;
    margin-top: 15% !important;
    justify-content: center !important;
}
.tab-content>.tab-pane {
    display: none
}
.md-text-white{
    color: white !important;
}
.tab-content>.active {
    display: block
}

.actionEditCourse {
    margin-bottom: 0 !important
}
.max-width100{
    max-width: 100% !important;
}
.labelEditCourse {
    font-size: 1em;
    color: #000;
    font-weight: 500
}

.boxSecondary {
    background: #eee;
    border: 2px #ccc;
    border-style: dashed
}

.boxSecondaryLight {
    background: #fff;
    border: 2px #ccc;
    border-style: solid
}

.btnNewItem {
    width: 88%
}

.marginBottomClear {
    margin-bottom: 0 !important
}

.marginTopClear {
    margin-top: 0 !important
}

#infoCourse md-input-container.md-input-focused .md-input,
md-select:not([disabled]) {
    border-color: #00b8d4 !important
}

#infoCourse md-input-container .md-input {
    color: rgba(0, 0, 0, .5)
}

#infoCourse md-input-container:not(.md-input-has-value) input:not(:focus) {
    font-style: italic
}

#infoCourse md-input-container label:not(._md-container-ignore),
#infoCourse md-input-container:not(.md-input-invalid).md-input-has-value label {
    color: #000;
    font-weight: 500
}

#infoCourse ._md-select-value>span:not(._md-select-icon) {
    color: rgba(0, 0, 0, .54)
}

#sessionCourse ._day ._md-select-value ._md-text {
    font-size: 48px
}

#sessionCourse ._month ._md-select-value ._md-text {
    font-size: 24px
}

.disable_block_date {
    opacity: .4;
    pointer-events: none
}

.imgAvatarTutor {
    width: 34px !important;
    height: 34px !important
}

.imgAvatarStudent {
    width: 34px !important;
    height: 34px !important
}

.boxShadowContent {
    -webkit-box-shadow: 1px 0 7px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 1px 0 7px 0 rgba(0, 0, 0, .5);
    box-shadow: 1px 0 7px 0 rgba(0, 0, 0, .5)
}

.boxPosMod md-select-value {
    min-width: 0
}

.sizeBadges {
    height: 80px;
    max-width: 80px
}

.badgeTitle {
    color: #21a2de;
    text-decoration: underline
}

.text-tittle {
    color: #05377d;
    font-weight: 700
}

.text-title-type {
    color: #fff
}

.alertManageModule .md-toast-content {
    background-color: #43a047 !important;
    color: #fff !important
}

.boxOptionQuest {
    background: #fafafa !important;
    color: #555;
    padding: 10px 25px !important
}

.boxOptionQuest md-icon {
    padding-top: 10px !important
}

.btnDeleteSlide {
    background: #fafafa !important
}

.boxBgSlide {
    background: #fafafa !important;
    border: 1px solid #ccc;
    border-top: 0
}

.boxminiSlide {
    padding: 25px 35px !important
}

.newBoxSlide {
    background: rgba(0, 0, 0, 0) !important;
    border: 3px dashed #fff !important;
    padding: 22px 35px !important
}

.labelQuest {
    font-weight: 700;
    color: #9b9b9b
}

.tabsSlidesQuest {
    background: #eee
}

.tabsSlidesQuest md-ink-bar {
    background-color: #3e0098 !important
}

.questSwitch.md-checked ._md-thumb {
    background-color: #00bcd4
}

.questSwitch.md-checked ._md-bar {
    background-color: rgba(0, 188, 212, .47)
}

.radioQuest ._md-on {
    background-color: #00bcd4
}

.radioQuest.md-checked ._md-off {
    border-color: #00bcd4
}

.gradingNote {
    background: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    text-align: center
}

.listTemplate.danger ._md-select-placeholder {
    color: #d50000 !important
}

.fixedBtn {
    position: fixed !important;
    top: 10px;
    left: 15px;
    z-index: 999;
    width: 18%
}

.btn_editCatalogue.textgray {
    color: #8b8b8b !important
}

.inputUploadTask {
    background: #272626;
    padding: 15px;
    color: #fff;
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.labelUploadTask {
    background: #343434;
    color: #fff;
    padding: 14px 40px 16px 40px;
    border-radius: 5px 0 0 5px;
    cursor: pointer
}

.boxUploadTask {
    border-radius: 5px
}

.itemOpened {
    background: #00bcd4
}

@media only screen and (max-width:959px) and (min-width:320px) {
    .iframe-video-contentplayer {
        height: 330px !important
    }
}

@media only screen and (max-width:959px) and (min-width:320px) {
    .iframe-video-contentplayer {
        height: 330px !important
    }
}

@media only screen and (max-width:1366px) and (min-width:960px) {
    .video-contentplayer {
        overflow: hidden
    }

    .iframe-video-contentplayer {
        height: 570px !important
    }
}

@media only screen and (max-width:1400px) and (min-width:1367px) {
    .video-contentplayer {
        margin: auto;
        overflow: hidden
    }

    .iframe-video-contentplayer {
        height: 610px !important
    }
}

@media only screen and (max-width:1680px) and (min-width:1401px) {
    .video-contentplayer {
        margin: auto;
        overflow: hidden
    }

    .iframe-video-contentplayer {
        height: 700px !important
    }
}

@media only screen and (max-width:1820px) and (min-width:1681px) {
    .video-contentplayer {
        margin: auto;
        overflow: hidden
    }

    .iframe-video-contentplayer {
        height: 800px !important
    }
}

@media only screen and (max-width:1920px) and (min-width:11820px) {
    .video-contentplayer {
        margin: auto;
        overflow: hidden
    }

    .iframe-video-contentplayer {
        height: 870px !important
    }
}

@media only screen and (min-width:1921px) {
    .video-contentplayer {
        margin: auto;
        overflow: hidden
    }

    .iframe-video-contentplayer {
        height: 610px !important
    }
}

#navtabs {
    background: #3a9785;
    padding-left: 10%;
    padding-right: 10%
}

#navtabs>a {
    padding: 8px;
    color: #fff;
    text-decoration: none
}

#navtabs>a:hover {
    border-bottom: 3px solid #464445;
    padding-bottom: 5px
}

#sidebar--description {
    font-size: 14px
}

.container-advanceround {
    width: 83%;
    position: relative
}

#itemsSideBar {
    min-height: 300px;
    margin-top: 0
}

#itemsSideBar>li>a.selected {
    color: #575757;
    background: #c4c4c4;
    border-radius: 0
}

#itemsSideBar li a {
    color: #575757;
    color: #fff !important;
    text-shadow: 1px 1px 3px #000 !important
}

.icon-gray {
    color: #575757
}

#content-kme>.flex-30 {
    position: relative
}

#content-kme>.sidebar-content-kme {
    width: 25%
}

.item--module {
    padding: 8px;
    padding-left: 20%;
    width: 100%;
    text-decoration: none;
    color: #4a4a4a
}

.item--content {
    padding: 8px;
    padding-left: 10%;
    width: 100%;
    text-decoration: none;
    color: #4a4a4a;
    text-shadow: 1px 1px 3px #000 !important
}

.item--content:hover {
    background-color: #c4c4c4;
    color: #414141 !important
}

#view--grades {
    background-color: #49a493 !important;
    color: #fff !important
}

#view--exit {
    background-color: #eee !important;
    color: #868686 !important;
    font-weight: bolder
}

kme-big-box>md-card>md-card-header>md-card-header-text {
    min-height: 40px;
    max-height: 60px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    max-width: 100%
}

kme-big-box>md-card>md-card-header>md-card-header-text>span {
    font-size: 18px !important
}

.descriptionModule {
    height: 85px
}

.dp48 {
    font-size: 48px !important
}

.dp36 {
    font-size: 36px !important
}

.dp24 {
    font-size: 24px !important
}

.dp14 {
    font-size: 14px !important
}

.dp12 {
    font-size: 12px !important
}

.no-bs>.md-chips {
    box-shadow: none;
    height: 40px
}

.no-bs>.md-chips>md-chip {
    font-size: 10px;
    width: 30%
}

.no-bs>.md-chips>md-chip>._md-chip-content {
    text-align: center;
    width: 100%
}

#courseTags {
    height: 60px;
    padding-bottom: 8px;
    width: 100%
}

#courseTags>span {
    width: 24% !important;
    display: inline-block;
    border-radius: 16px;
    background: #bcbcbc;
    padding: 5px;
    margin: 1%;
    color: #3c3c3c;
    text-align: center;
    max-height: 25px
}

.breadcrumps {
    font-size: 0.8rem;
    color: #283593 !important;
    margin: 15px 0px 0px 0px;
}

.breadcrumps>a {
    text-decoration: none
}

.catalog_filter {
    padding-bottom: 0;
    padding-top: 0
}

.itemParent {
    padding-left: 4%
}

#itemsSideBar li a md-icon {
    text-align: center
}

.courseTitleLeft {
    margin-bottom: 15px !important
}

#verticalMenu>ul>li>a {
    padding: 8px !important
}

.Powered-by>a {
    text-decoration: none;
    color: #fff !important
}

.Powered-by>a:hover {
    color: #fff !important
}

#headAvatar img {
    margin: 10px auto;
    width: 50% !important
}

.bodyData li {
    margin: auto 10px;
    text-align: center;
    max-width: 250px
}

.pagination-div {
    font-size: 13px;
    font-weight: 600;
    color: #444;
    margin-left: 20px
}

.pagination-div button {
    width: 50px !important;
    min-width: 0 !important
}

#table_ranking{
    overflow: hidden;
}

@media only screen and (max-width:700px) {
    #verticalMenu {
        position: fixed !important;
        transition: left .2s;
        z-index: 98;
        height: 100%;
        top: 20px !important;
        padding-top: 50px
    }
}

@media only screen and (max-width:599px) {
    .md-margin-clear-xs {
        margin: 0 !important
    }

    #login {
        padding: 0
    }

    #verticalMenu>ul {
        height: 560px !important;
        overflow: auto;
        margin-top: 30px
    }

    .activeBtn {
        position: relative;
        left: 7px
    }

    .menuFlap {
        position: fixed !important;
        top: 0 !important;
        height: 100%;
        width: 20% !important
    }

    #bodyContent {
        left: 0;
        position: inherit;
        width: 100%
    }

    kme-big-box>md-card>md-card-header>md-card-header-text {
        max-height: 100%
    }

    .titleDetails {
        width: 100%
    }

    .bgDetailsCourse {
        height: 100%
    }

    #courseMainInfo,
    #itemsSideBar,
    .breadcrumps {
        height: 100% !important;
        min-height: 100%
    }

    #courseMainInfo .enrollAction a,
    #courseMainInfo .enrollAction button {
        width: 100%;
        margin: 0
    }

    .pensumImg {
        height: 210px
    }

    .boxTraceProfile {
        padding-right: 8px !important;
        padding-left: 8px !important
    }

    #profile .layoutBoxProfile {
        margin-top: 16px !important
    }

    #profile .layoutBoxProfile .layoutBoxChild,
    .myCoursesInteraction .layoutBoxProfile {
        margin: 15px 0 !important
    }

    #profile .layoutBoxProfile .layoutBoxChild>img,
    .myCoursesInteraction .layoutBoxChild>img {
        height: 224px !important
    }

    .btnChangePass {
        top: -56px
    }

    .btnUploadImageProfile {
        top: -60px
    }

    #courseTags {
        height: 100% !important
    }

    .container {
        padding-left: 2% !important;
        padding-right: 2% !important
    }

    #verticalMenu {
        width: 70% !important
    }

    .layoutBoxChild>img {
        height: 225px !important
    }

    .paddingCont {
        padding-left: 2%;
        padding-right: 2%
    }

    .md-padding-40-lr {
        margin-left: -40px !important;
        margin-right: -40px !important
    }

    #myCoursesInteraction {
        padding-left: 2%;
        padding-right: 2%
    }

    #myOrg {
        padding-left: 2%;
        padding-right: 2%;
        display: flex;
        align-content: center;
    }

    .closeifbtn {
        top: 20px !important;
        right: 4% !important
    }

    .fullScreenifbtn {
        top: 20px !important;
        right: 16% !important
    }

    p>iframe {
        width: 90%
    }

    .containerBig {
        overflow: scroll
    }

    #verticalMenu.fullMenu {
        position: fixed !important
    }

    .containerFull {
        width: initial !important;
        padding: 5px
    }

    .contentImage {
        min-height: 175px !important;
        height: 150px
    }

    .styleTagStatus {
        padding-top: 0 !important;
        border-top: 0;
        border-right: 0
    }

    .logoMain {
        margin-left: 0 !important;
        margin: 0 !important;
        padding: 0 !important
    }

    .nameOrg h1 {
        font-size: .7em !important
    }

    .catalogueImageBox {
        height: 230px !important
    }

    .overlayImage {
        height: 100%
    }

    .overlayImage.overlayEvents {
        height: 100% !important
    }

    .btnActionCourse {
        width: 80% !important
    }

    #tutorDetails {
        margin-top: 16px
    }

    .imgSessions {
        height: 250px !important
    }

    #imageBackCategory {
        background-size: cover !important
    }

    #headerEvent {
        height: 100%
    }

    .backHeaderEvent {
        padding: 20px 0
    }

    .coverEvent {
        height: 176px
    }

    .contentCover {
        height: auto;
        position: relative
    }

    .comment-masonry {
        columns: 100%;
        column-gap: 0
    }
}

@supports(overflow:-webkit-marquee) and (justify-content:inherit) {
    .layout-column {
        display: block !important
    }
}

@media only screen and (max-width:600px) and (min-width:300px) {
    #courseMainInfo {
        display: contents;
    }

    #courseMainInfo>.itemsbarcourse {
        width: 100%;
    }

    .profilebox {
        margin: 16px
    }

    .paddingContent>h3 {
        margin-left: 19px
    }
}

@media only screen and (min-width:600px) and (max-width:959px) {
    .md-margin-clear-sm {
        margin: 0 !important
    }

    #navbar-main {
        z-index: 10
    }

    #verticalMenu {
        width: 35%
    }

    #bodyContent {
        width: 65%
    }

    .activeBtn {
        position: relative;
        left: 7px
    }

    #courseMainInfo,
    #courseMainInfo>img,
    .img-module {
        max-height: 100%;
        height: 100%
    }

    .pensumImg {
        height: 270px
    }

    #quest {
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 120 !important
    }

    #_closePLAYER {
        right: 0 !important;
        top: 0 !important
    }

    #barOptionLg {
        height: 100%;
        right: 0;
        width: 56px
    }

    #barOptionLg.ng-hide {
        right: -10px;
        opacity: 0;
        height: 100%
    }

    #infofinish {
        width: 100% !important;
        height: 100% !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 124 !important
    }

    #finishClose {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 124 !important;
        padding: 8px
    }

    .choice {
        margin-left: 0 !important
    }

    .containerFull {
        width: 480px !important
    }

    .layoutBoxChild {
        margin-left: 0
    }

    .btnActionCourse {
        width: 50% !important
    }

    #tutorDetails {
        margin-top: 16px
    }

    #toastParent {
        bottom: 0 !important;
        right: 0 !important;
        display: inline !important;
        top: 90% !important;
        z-index: 100000 !important;
        min-width: 200px !important
    }

    #imageBackCategory {
        background-size: cover !important
    }

    .descriptionModule {
        padding: 0 4px
    }

    .descriptionModule p {
        padding: 0 16px
    }

    .overlayImage {
        height: 127px
    }

    .overlayImage.overlayEvents {
        height: 100% !important
    }

    .jwplayer {
        height: 77vh !important;
        width: 80% !important
    }
    .jwplayer .jw-media video{
        object-fit: contain !important;
    }
    .jwplayer.jw-stretch-uniform .jw-media video {
        object-fit: contain !important;
    }
    #profile .layoutBoxProfile {
        margin-top: 16px !important
    }

    #profile .layoutBoxProfile>div:first-child {
        padding-right: 0 !important
    }

    #profile .layoutBoxProfile>div:last-child {
        padding-left: 0 !important
    }

    .btnChangePass {
        top: -56px
    }

    .btnUploadImageProfile {
        top: -60px
    }

    #myCoursesInteraction {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:1320px) and (min-width:960px) {
    #tutorDetails {
        padding-left: 8px
    }

    #datesDetails {
        padding-right: 8px
    }

    #verticalMenu>ul {
        height: 85% !important;
        overflow: auto;
        position: fixed !important;
        width: 20% !important
    }
}

@media only screen and (max-width:1520px) and (min-width:1321px) {
    #tutorDetails {
        padding-left: 8px
    }

    #datesDetails {
        padding-right: 8px
    }

    #verticalMenu>ul {
        height: 85% !important;
        overflow: auto;
        position: fixed !important;
        width: 20% !important
    }

    .img-module {
        width: 100%;
        height: 330%
    }

    .verticalImg {
        height: 270px !important
    }
}

@media only screen and (max-width:1919px) and (min-width:1521px) {
    .img-module {
        width: 100%;
        height: 370px
    }

    .verticalImg {
        height: 320px !important
    }

    #verticalMenu>ul {
        position: fixed !important;
        height: 90% !important;
        width: 20% !important;
        overflow: auto
    }
}

@media only screen and (min-width:1920px) {
    .img-module {
        width: 100%;
        height: 370px
    }

    .verticalImg {
        height: 350px !important
    }

    #verticalMenu>ul {
        position: fixed !important;
        height: 90% !important;
        width: 20% !important;
        overflow: auto
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .layoutBoxChild {
        margin-right: 8px
    }

    .containerFull {
        width: 500px !important;
        margin: auto
    }

    .verticalImg {
        height: 400px
    }

    .widthContent {
        width: 45% !important
    }

    .overlayImage {
        height: 127px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {
    .layoutBoxChild {
        margin-right: 8px
    }

    .containerFull {
        width: 768px !important;
        margin: auto
    }

    .creatorOrgAvatar {
        bottom: 9px
    }

    .overlayImage {
        height: 95px
    }
}

@media only screen and (min-device-width:560px) and (max-device-width:736px) {
    .addbtns {
        margin-top: -4px !important;
        padding-top: 0 !important
    }

    .addbtns>ul>li>button {
        padding-top: 1px !important;
        padding-bottom: 1px !important
    }

    #toastParent {
        right: 35% !important
    }

    #_closePLAYER {
        visibility: hidden
    }
}

p>#questionImage {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

p>#questionFile {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    text-align: center
}

.md-padding-8-all.md-img-rounded.layout-margin.ng-scope.md-whiteframe-1dp.md-bg-light.layout-align-center-center.layout-row.flex {
    width: 100%;
}

.md-padding-8-all.md-img-rounded.layout-margin.ng-scope.md-whiteframe-1dp.layout-align-center-center.layout-row.flex.selectAnswer {
    width: 100%;
}

md-tooltip {
    z-index: 200 !important
}

#openLabel {
    color: #3c3c3c !important
}

#openAnswer {
    background: #eee;
    color: #000 !important
}


#itemsSideBar {
    min-height: 150px !important
}

.title_big_box {
    height: 80px
}

@media only screen and (max-width:750px) and (min-width:450px) {
    .widthContent {
        width: 45% !important
    }
}

#navtabs>a>.md-button:not([disabled]):hover {
    background-color: transparent !important
}

.btntabs {
    width: 100%;
    margin-left: -1px;
    color: #fff;
    padding: 0;
    margin: 0 !important;
    border-radius: 0 !important
}

@media only screen and (max-width:760px) {
    .layout-xs-column2 {
        flex-direction: column !important;
        flex: 1 0 auto !important
    }

    #navtabs {
        padding-left: 0 !important;
        padding-right: 0 !important;
        justify-content: initial
    }

    .logoMain>img {
        max-width: 100%;
        padding-left: 6px
    }

    #rankingResourcesTop {
        margin-top: 130px !important
    }

    .my-custom-stars {
        padding: 0 !important
    }

    .md-modal-movilw {
        width: 95% !important
    }

    .iframeSpeedtest {
        left: 2% !important;
        right: 2% !important;
        width: 96% !important
    }

    #mainContentFrame {
        width: 100% !important
    }
}

@media only screen and (min-width:769px) {
    #showhidetabs {
        visibility: hidden
    }
}

@media only screen and (max-width:1025px) and (min-width:761px) {
    #navtabs {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.nameOrg>.md-divider-vertical {
    visibility: hidden;
    position: absolute
}

#holder {
    border: 3px dashed #ccc;
    width: 100%;
    min-height: 250px
}

#holder.hover {
    border: 3px dashed #0c0
}

#holder img {
    display: block;
    margin: 10px auto;
}

#holder p {
    margin: 10px;
    font-size: 14px
}

#holder2 {
    border: 3px dashed #ccc;
    width: 100%;
    min-height: 250px
}

#holder2.hover {
    border: 3px dashed #0c0
}

#holder2 img {
    display: block;
    margin: 10px auto
}

#holder2 p {
    margin: 10px;
    font-size: 14px
}

#holdervid {
    border: 3px dashed #ccc;
    width: 100%;
    min-height: 190px
}

#holdervid.hover {
    border: 3px dashed #0c0
}

#holdervid img {
    display: block;
    margin: 10px auto
}

#holdervid p {
    margin: 10px;
    font-size: 14px
}

#holderfile {
    border: 3px dashed #ccc;
    width: 100%;
    min-height: 260px;
    padding-top: 20px
}

#holderfile.hover {
    border: 3px dashed #0c0
}

#holderfile img {
    display: block;
    margin: 10px auto
}

#holderfile p {
    margin: 10px;
    font-size: 14px
}

progress {
    width: 100%
}

progress:after {
    content: '%'
}

.fail {
    background: #c00;
    padding: 2px;
    color: #fff
}

.hidden {
    display: none !important
}

.vertical-divider {
    margin-left: 27px !important
}

safe-html>div>iframe {
    max-height: 280px
}

#videoemb {
    height: 240px !important
}

.fill-div {
    height: 100%;
    width: 100%
}

.md-ac-header {
    background-color: #eee;
    color: #666
}

.vis {
    display: none
}

.spacebetw {
    margin-right: 5px;
    margin-left: 5px
}

[draggable] {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -khtml-user-drag: element;
    -webkit-user-drag: element
}

.dragmod.over {
    border: 2px dashed #000
}

#crearContforms>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-ink-bar {
    background: #3e0098 !important
}

.existContentSelected {
    background: #eee !important;
    border: 1px solid #2196f3
}

.holder {
    border: 3px dashed #ccc;
    width: 100%;
    min-height: 250px
}

.holder.hover {
    border: 3px dashed #0c0
}
.min-w-m{
    min-width: max-content !important;
}
.holder img {
    display: block;
    margin: 10px auto;
    max-width: -webkit-fill-available;
}

.holder p {
    margin: 10px;
    font-size: 14px
}

.holder2 {
    border: 3px dashed #ccc;
    width: 100%;
    min-height: 250px
}

.holder2.hover {
    border: 3px dashed #0c0
}

.holder2 img {
    display: block;
    margin: 10px auto
}

.holder2 p {
    margin: 10px;
    font-size: 14px
}

.holdervid {
    border: 3px dashed #ccc;
    width: 100%;
    min-height: 190px
}

.holdervid.hover {
    border: 3px dashed #0c0
}

.holdervid img {
    display: block;
    margin: 10px auto
}

.holdervid p {
    margin: 10px;
    font-size: 14px
}

.holderfile {
    border: 3px dashed #ccc;
    width: 100%;
    min-height: 260px;
    padding-top: 20px
}

.holderfile.hover {
    border: 3px dashed #0c0
}

.holderfile img {
    display: block;
    margin: 10px auto
}

.holderfile p {
    margin: 10px;
    font-size: 14px
}

.boxSecondary>md-select {
    font-size: 40px
}

.same-password {
    color: #d50000;
    font-size: 12px;
    line-height: 14px
}

.invert>._md-label {
    left: 0;
    position: relative;
    margin-right: 10px;
    margin-left: 0;
    padding-left: 0
}

.invert>._md-container {
    position: relative;
    left: 200px
}

.margin-top-10 {
    margin-top: 11px !important
}

section.layoutBoxProfile {
    margin-bottom: 15px
}

.contentQuest {
    margin-top: 16px
}

.back_tab {
    background: #eee
}

.back_tab>a {
    padding: 14px;
    color: #666;
    text-decoration: none
}

.back_tab.back {
    padding: 5px 0
}

.back_tab>button>md-icon {
    color: #3e0098
}

.back_tab>a:hover {
    border-bottom: 3px solid #3e0098;
    padding-bottom: 10px
}

.back_tab>a.active {
    border-bottom: 3px solid #3e0098;
    padding-bottom: 11px
}

module-resources>.resource_container {
    width: 70%;
    margin: 0 auto
}

.dialog-md {
    min-width: 750px;
    margin: 0 auto;
    padding: 16px
}


.box-info-container>div {
    margin: 2.5%
}

.box-info-container>div>div {
    height: 124px
}

.container-md {
    width: 60%;
    margin: 0 auto
}

md-pagination-wrapper.md-center-tabs {
    width: 100% !important
}

#contentMenuAdmin>md-menu-item>.md-button:hover {
    background-color: #fff !important
}

md-menu-item>a {
    font-size: 16px !important;
    text-decoration: none !important;
    color: rgba(0, 0, 0, .87) !important;
    background-color: #fff !important
}

#tableInteraction tr:nth-child(even) {
    background-color: #f2f2f2
}

#tableInteraction tr:hover {
    background-color: #ddd
}

#tableInteraction {
    border-collapse: collapse;
    width: 100%
}

.infoalbum {
    height: 100%;
    background: #fff
}

#tableInteraction td,
#tableInteraction th {
    border: 1px solid #ddd;
    padding: 8px
}

.profile-album {
    width: 50px;
    position: absolute;
    top: -27px;
    left: 15px
}

.profile-wall {
    width: 50px !important;
    height: auto !important
}

#tableInteraction tr:nth-child(even) {
    background-color: #f2f2f2
}

#tableInteraction tr:hover {
    background-color: #ddd
}

#tableInteraction th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    color: #fff
}

.profileIndicators>div {
    padding: 8px
}

.profileIndicators>div>div>div {
    padding: 8px
}

.md-velocity-theme {
    position: fixed;
    bottom: 100px;
    left: 100px
}

#datesDetails {
    width: 100%;
}

#tutorDetails {
    width: 100%;
}

.box-stadistics {
    border-style: solid;
    border-color: #e7e7e7;
    border-width: 1px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
    height: 99px;
    background: #fff
}

.box-stadistics2>h2 {
    margin-block-start: auto !important
}

.sectionbtnsmovile {
    background: #c6c6c6
}

.md-rating>div>a>i.material-icons {
    font-size: 20px !important
}

.socialIconsResource>a>md-icon {
    width: 50px !important;
    height: auto !important
}

.know-tabs-trans>md-tabs-content-wrapper {
    background-color: #fff !important
}

.tabslogin>md-tabs-wrapper>md-prev-button {
    visibility: hidden !important
}

.tabslogin>md-tabs-wrapper>md-next-button {
    visibility: hidden !important
}

.slideShowHdv,
.slideShowHdv img {
    width: 100%
}

.btnSlide {
    background-color: transparent;
    border: 2px solid transparent;
    display: inline-block;
    outline: 0;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    font-size: 40px
}

.btnSlide-left {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    margin-left: -8%
}

.btnSlide-right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    margin-right: -8%
}

.btnSlidem-left {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    margin-left: -12%
}

.btnSlidem-right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    margin-right: -12%
}

.animate-fading {
    animation: fading 10s infinite
}

.slideLink {
    background: #000;
    color: #fff !important;
    padding: 10px 30px;
    position: absolute;
    bottom: 0;
    right: 0
}

.controls-slide{
    display: flex;
    color: black !important;
    font-weight: bold;
    align-items : center;
    justify-content: flex-end;
    width: 90%;
    margin: auto;
}
.controls-slide p{
    color: #565656 !important;
    font-size: 20px;
    line-height: 1;
    margin: 0 10px;
}
.controls-slide a{
    color: #00a58f !important;
    font-size: 23px;
    border: 1px solid gray;
    border-radius: 100%;
    line-height: 1;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    background-color: #5656561a;
    padding: 0 2px 0px 0px;
    margin: 0 4px;
    cursor: pointer;
    justify-content: center;
}
.slider-title{
    font-weight: 100;
    width: 92%;
    margin: auto;
    margin-top: 2%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.recommendedcourses {
    display: grid;
    align-items: stretch;
    align-content: center;
    justify-content: center;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.recommendedcourses kme-boxnew { max-width: 100%; }

@media (max-width: 1000px){
    .recommendedcourses {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px){
    .recommendedcourses {
        display: grid;
        grid-template-columns: 1fr;
    }
}

.slider-title a{
    font-size: 18px;
}
@media (max-width: 960px){
 .slider-title{
    margin-top: 90px;
}
}

.introjs-helperLayer {
    background-color: #c4c4c4
}

#formLogin{
    display: none;
}

#formPassword{
    display: none;
}

.paragraphFormCCB {
    margin: 5px -5px;
    padding: 0px 20px;
}

.introjs-formLogin {
    background-color: #c4c4c4;
    margin: 0 auto !important;
    width: 600px !important;
    height: 740px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999998;
    background-color: #FFF;
    border: 1px solid #777;
    border: 1px solid rgba(0,0,0,.5);
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0,0,0,.4);
        -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
              transition: all 0.3s ease-out;
}

.introjs-showCheck {
    background-color: #c4c4c4;
    margin: 0 auto !important;
    width: 320px !important;
    height:126px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999998;
    background-color: #FFF;
    background-color: rgba(255,255,255,.9);
    border: 1px solid #777;
    border: 1px solid rgba(0,0,0,.5);
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0,0,0,.4);
        -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
              transition: all 0.3s ease-out;
}
/*CSS of popup menu to complete note*/
.complete_note {
    height: unset !important;
    width: unset !important;
    position: fixed;
}

.upload_fileicon {
    height: unset;
    width: unset;
    font-size: 30px !important;
}
.dashed_border{
    border: 2px dashed gray;
    display: inline-block;
    padding: 10px 20px;
}
.align-end{
    display: flex;
    flex-direction: row-reverse;
}
.content_complete_note{
    padding: 1em;
}
.close_note{
    color: white !important;
    margin: unset;
    cursor: pointer;
}
.spacing-tolbar{
    justify-content: space-between;
}
.flexdirection{
    flex-direction: column;
}
.size50{
    font-size: 50px !important;
}
.center-text{
    text-align: center;
}
.responsive-title{
    font-size: calc(0.65em + 1vw) !important;
}
@media (max-width: 996px) {
 .complete_note{
     width: 95% !important;
 }
}
.introjs-overlay-check {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    position: fixed !important;
    opacity: 0.8 !important;
    z-index: 999999;
    background-color: #000;
    opacity: 0;
    background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));
    background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    background: -o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    background: -ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    background: radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.md-btn-radius15 {
    border-radius: 15px
}

.buttonProfiles {
    background: #2edd7c !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    min-width: 110px !important;
    min-height: 27px !important;
    line-height: 27px !important;
    padding: 7px
}

.profile-tabs>md-tabs-wrapper {
    background: #fff
}

.editProfileForm>form>div>md-input-container>.md-input {
    border-color: rgba(0, 0, 0, .12)
}

.profiles>kme-profiles>div {
    max-width: 1240px;
    margin: auto;
    width: auto !important
}

.top-news {
    overflow-y: auto;
    max-height: 350px
}

.m10 {
    margin: 10px
}

.html-news {
    overflow-y: auto;
    max-height: 600px;
    max-width: 100%
}

.knowledge-comment-wall {
    overflow-x: hidden
}

@media only screen and (max-width:414px) {
    .dialog-welcome-vid {
        width: 100% !important
    }
}

@media only screen and (max-width:860px) and (min-width:415px) {
    .dialog-welcome-vid {
        width: 53% !important
    }
}

@media only screen and (min-width:900px) {
    .dialog-welcome-vid {
        width: 65% !important
    }
}

@media only screen and (max-width:500px) {
    .toolbar2 {
        height: 56px;
        width: 100%;
        background-color: #fff;
        position: fixed;
        margin-top: 56px;
        z-index: 1
    }

    .notifica_mobile {
        display: block !important;
        right: 41.5%;
        top: 57px;
        position: absolute;
        color: #00c8ff !important;
        z-index: 12
    }

    .icono-color {
        background: #78909c;
        border-radius: 50px;
        padding: 10px;
        font-size: 40px
    }

    .icono-color-blue {
        background: #0199a6;
        border-radius: 50px;
        padding: 10px;
        font-size: 40px
    }

    #imageBackCourseAct {
        margin-top: 55px !important
    }

    .newsletter-filter-container {
        height: 340px
    }

    #picker-getupdate {
        margin-bottom: 35px !important
    }
    #getupdate-edition-filter{
        padding-right: 18px;
    }
}

.btnAddSlider {
    /*position: absolute !important;*/
    right: 6%;
    cursor: pointer;
    padding: 8px;
    background: #00528e !important;
    /*line-height: 36px !important;*/
    text-transform: capitalize;
    font-size: 14px !important;
    /*height: 32px !important;*/
    border-radius: 0;
    font-weight: 400 !important
}

.picker-getupdate>.md-datepicker-button {
    display: none
}

.picker-getupdate>.md-datepicker-input-container {
    margin-left: 0 !important;
    width: 100%
}

.new-backarrow-container{
    padding-top: 0px !important;
}

.newsLetterTopContainer {
    max-height: 523px !important;
    width: 320px;
    overflow-x: hidden;
    box-shadow: 0 0 3px #ccc;
    min-height: 523px
}

.btn-tribe-back {
    min-width: 40px !important;
    max-width: 40px !important;
    margin-right: 5px !important;
    margin-top: -8px !important
}

.new_profile_form_template_update_acctions_container {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center
}

.new-profile-form-template_hint-text {
    font-style: italic;
    font-size: 12px
}

.content_player_next_loader_container {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.content_player_next_loader_container .text_loader {
    color: #2196f3;
    font-weight: 600;
    font-size: .875em
}

.content_player_next_loader_container path {
    stroke: #2196f3 !important
}

.md-calendar-scroll-container {
    width: 100% !important
}

.md-datepicker-input-mask {
    height: auto !important;
    width: auto !important
}

.jw-icon-fullscreen {
    display: none !important
}

.new_profile_form-help-text-mandatory {
    color: #e51672;
    font-style: italic;
    font-size: 12px
}

.kme_available_courses_button_container {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 2em
}

kme-contents {
    /*width: 100%*/
}

.kme_box_resource_container {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%
}

.kme_box_resource_container>kme-box-resource {
    padding:8px;
}

.kme_box_resource {
    display: block;
    max-width: 100%;
    width: 95%;
    box-sizing: border-box;
    padding-right: 0;
    margin-bottom: .5em
}

@media screen and (min-width:1200px) {
    .kme_box_resource_old>.kme_box_resource {
        max-width: 220px !important
    }
}

.kme_box_resource_old>kme-box-resource {
    padding: 8px;
}

.text-name-marker {
    height: 40px;
    display: inline-grid;
    align-items: center
}

.kmeFormTitleBackground {
    background-color:#455a64
}

.kmeFormTitleBackground>h2>p>translate {
    color: #fff !important
}

.kmeFormTitle {
    color: #fff
}

kme-box-news>md-card {
    height: 300px !important
}

.contentCoverT {
    margin-top: -56px !important;
    margin: 0 0;
    height: 154px !important
}

.contentCoverT img {
    top: 0 !important
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 180px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -90px;
    opacity: 0;
    transition: opacity .3s
}

kme-box-newsact {
    margin-bottom: 20px !important
}

.tagsRef {
    background: #565656;
    padding: 1px;
    font-size: 12px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 5px;
    color: #fff;
    height: 16px;
    margin-block-start: .5em;
    margin-block-end: 0;
    max-width: max-content !important;
    align-items: center
}

.tagsRef span {
    display: grid;
    align-items: center;
    margin: 0 auto;
    height: 16px !important;
    max-width: max-content !important;
    padding-bottom: 2px !important;
    padding-top: 2px !important
}

.tagsTags {
    background: #001950;
    padding: 1px;
    font-size: 12px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 5px;
    color: #fff;
    height: 16px;
    margin-block-start: .5em;
    margin-block-end: 0;
    max-width: max-content !important;
    align-items: center
}

.tagsTags span {
    display: grid;
    align-items: center;
    margin: 0 auto;
    height: 16px !important;
    padding-bottom: 2px !important
}

.md-clear-margin-inline {
    margin-block-end: 0 !important;
    margin-block-start: 0 !important
}

.news-filter-select>md-select-value {
    border-bottom-color: #fff !important;
    color: #fff !important
}

.news-filter-select>md-select-value>._md-select-icon {
    color: #fff !important
}

news-list>div>#coursesInteraction{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.newsletter-filter-container>div>#picker-getupdate>md-datepicker>.md-datepicker-input-container>.md-datepicker-input {
    color: #fff
}

.picker-getupdate>.md-datepicker-input-container {
    border-color: #fff !important;
    color: #fff !important;
    margin-left: 0 !important;
    width: 100%
}

md-input-container>.filterAct {
    border-color: #fff !important;
    border-width: 0 0 1px !important;
    color: #fff !important;
}

.picker-getupdate>.md-datepicker-input-container>.md-datepicker-triangle-button>.md-datepicker-expand-triangle {
    border-top-color: #fff !important
}

md-input-container>.filterAct {
    border-color: #fff !important;
    border-width: 0 0 1px !important
}

input:-internal-autofill-selected {
    appearance: menulist-button;
    background-color: transparent;
    color: #fff !important
}

.tagsNov {
    background: #00377d;
    padding: 1px;
    font-size: 12px;
    border-radius: 10px;
    padding-left: 7px;
    padding-right: 7px;
    color: #fff;
    margin-right: 5px;
    margin-left: 5px;
    height: 16px;
    margin-block-start: .5em;
    margin-block-end: 0;
    max-width: max-content !important;
    align-items: center
}

.tagsNov span {
    display: grid;
    align-items: center;
    margin: 0 auto;
    height: 16px !important;
    max-width: max-content !important;
    padding-bottom: 2px !important
}

kme-box-newsletter>md-card {
    height: 300px !important
}

.btnAct2 {
    cursor: pointer;
    text-decoration: none
}

section{
    margin-bottom: 20px;
}

.imgActContainer {
    overflow: hidden;
    transition: all .5s ease-in-out;
    position: relative;
    display: inline-block;
    text-align: center
}

.imageContainerAct {
    height: auto !important
}

.imgActContainer:hover .imageContainerAct {
    transition: all .5s ease-in-out
}

.imageContainerAct:hover {
    transition: all .5s ease-in-out;
    filter: opacity(.5)
}

.textActImgCont {
    position: absolute;
    top: 85%;
    right: -5%;
    transform: translate(-50%, -50%)
}

.news-filter-select>md-select-value {
    border-bottom-color: #fff !important
}

.news-filter-select>md-select-value>span>div {
    color: #fff !important
}

.selector {
    border: 0;
    display: block;
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #444;
    line-height: 1.3;
    padding: .4em 1.4em .3em .8em;
    width: 400px;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border-bottom: 1px solid #ccc;
    border-radius: 0 !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(../images/arrowselector.svg), linear-gradient(to bottom, #fff 0, #fff 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%
}

.audiences-search>div>div {
    border-style: inherit !important;
    background-color: #fff !important
}

.input-ac-select {
    border-color: #ccc !important
}
.md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
    background: #757575 !important;
    color: white;
    border-color: transparent;
}
.flex-70,
.layout-row>.flex-70 {
    max-width: 899px;
    flex: 1 1 100%
}

.audiences-search>div {
    padding: 0 !important
}

.audiences-search>div>div>p {
    color: #ccc !important;
    text-align: end !important
}

.audiences-search>div>div>p>md-icon {
    color: #ccc !important;
    text-align: end !important
}

.audiences-search>div>div>md-input-container {
    max-width: 100% !important
}

.searchtext {
    display: none
}

.buttonBox {
    line-height: 36px !important;
    text-transform: uppercase;
    font-size: 12px !important;
    min-height: 32px !important;
    font-weight: 700 !important;
    color: #fff !important;
    background-color: #2196f3
}

.containerWall {
    max-width: 1240px !important;
    margin: auto
}

.box3and4>md-card>div.contentCover {
    height: 300px !important
}

.box3and4>md-card {
    height: auto !important
}

md-select.md-default-theme:not([disabled]):focus ._md-select-value,
md-select:not([disabled]):focus ._md-select-value {
    color: #000 !important
}

.box-session {
    /*width: 100% !important;*/
}

.content-box-session {
    margin: 8px !important;
    max-width: 23%;
}

md-card>:not(md-card-content) img,
md-card>img {
    height: auto !important;
}

.w-95 {
    width: 95%
}

.w-100 {
    width: 100%
}

._md-select-value._md-select-placeholder{
    z-index: 0 !important;
}

.md-datepicker-expand-triangle {
    border-left: 7px solid transparent !important;
    border-right: 7px solid transparent !important;
    border-top: 7px solid !important;
}

.bannerAct>#imageBackCourseAct {
    position: relative !important;
    width: 90% !important;
    margin-top: -30px;
}

@media (max-width: 599px) {
    .md-datepicker-expand-triangle{
        display: none;
    }

    #coursesInteraction {
        display: initial;
    }

    kme-box-newsletter {
        width: 95%;
    }

    .layoutBoxProfile>div:first-child .layoutBoxChild:first-child {
        /*margin-left: 8px !important;*/
    }
}

@media (max-width: 599px) {
    .newsletter-filter-container>div>div>div {
        width: 100%;
    }

    .containerFilterNews>div {
        width: 100%;
    }

    .picker-getupdate {
        padding-right: 18px !important;
    }

    .contentCoverT {
        height: 180px !important;
    }

    kme-box-news>md-card {
        height: 350px !important
    }

    .box3and4>md-card>div.contentCover {
        height: 180px !important;
    }

    kme-box-news {
        width: 96%;
    }
    #infoCourse md-input-container.md-input-focused .md-input, md-select:not([disabled]):focus ._md-select-value{
        max-width: 75px !important;
    }

}

mega-course-details-new #courseDetails #imageBackCourse {
    margin-top: 20px !important;
}

#imageBackCourse>div {
    z-index: 0.5 !important;
}
div#milledock {
    right: 100px !important;
}
#videoSlide {
    margin-bottom: 40px;
    min-width: 600px;
    min-height: 500px;
    display: block;
    margin: 0px auto;
}

#coursesInteraction{
    margin-top: 30px;
}

.layout-column>.flex, .layout-sm-column>.flex{
    min-height: auto !important;
}

.chart {
  width: 100%;
  min-height: 450px;
}

@media only screen and (max-width: 500px) {
    .newsletter-filter-container {
        height: 370px;
    }

    kme-box-news>md-card {
        height: 364px !important;
    }

    kme-box-news>.contentCoverT {
        height: 200px !important;

    }
}


/* MATRIX and POLL QUEST */

.mentor-img-quest {
    width: 60px;
    padding: 8px;
}

.mentor-name-container {
    margin-top: auto;
    margin-bottom: auto;
}
.poll-question-container{
    padding:3% 3% 6% 3%;
    border-radius: 10px;
}
.poll-text{
    font-size: 17px;
}
.radiobutton-value{
    font-size: 17px;
}
.poll-title-type{
    text-align: center;
    font-size: 17px;
}
.contentQuestPoll{
    overflow: auto;
    background:#3a3a3a;
}
.poll-radiobutton{
    margin-left: 33% !important;
    margin-right: 33% !important;
}
md-radio-button ._md-on, md-radio-button ._md-off{
    width: 30px;
    height: 30px;
    border-width: 1px;
}
.matrix-question-min-height{
    min-height: 40px;
}
@media (max-width:800px) {
    .poll-text{
    font-size: 15px;
    }
    .radiobutton-value{
        font-size: 17px;
    }
    .poll-title-type{
        text-align: center;
        font-size: 15px;
    }
    .poll-radiobutton{
    margin-left: 34% !important;
    margin-right: 34% !important;
    }
    md-radio-button ._md-on, md-radio-button ._md-off{
        width: 20px;
        height: 20px;
        border-width: 1px;
    }
}


/* END MATRIX and POLL QUEST */

/* Mentinos css */
.suggestions-box {
    background: #fafafa;
    height: auto;
    max-height: 150px;
    width: 100%;
    overflow-y: scroll;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    scroll-behavior: smooth;
}
.suggestions-box .result-item-container {
    overflow: hidden;
    cursor: pointer;
}
.suggestions-box .result-item-container.selected .result-item {
    background-color: rgba(221, 16, 16, 0.1);
}
.suggestions-box .result-item-container .result-item {
    margin: 8px;
    padding: 5px 8px;
    border-radius: 4px;
    color: black;
}
.suggestions-box .result-item-container:not(:last-child) .result-item {
    margin-bottom: 0;
}

.suggestions-box .result-item-container:hover {
    background-color: rgba(71, 71, 71, 0.1);
}
/* Fin mentions css  */


@media only screen and (max-width: 960px){
    .limit-profile-data {
        width: 70vw;
    }
}

.limit-profile-data {
    display: flex;
    overflow: hidden;
    white-space: initial;
}

.limit-boxs-profile {
    display: block;
    width: 90%;
    max-width: 133px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: Ellipsis;
}

/* Estilos nuevo input date */
.new_input_date{
    width: 170px;
    -webkit-order: 2;
   -ms-flex-order: 2;
   order: 2;
   display: block;
   margin-top: 0;
   background: 0 0;
   padding: 2px 2px 1px;
   border-width: 0 0 1px;
   line-height: 26px;
   height: 30px;
   -ms-flex-preferred-size: 26px;
   border-radius: 0;
   border-style: solid;
   width: 100%;
   box-sizing: border-box;
   float: left;
   border-bottom-color: rgb(224,224,224);
   color: rgb(224,224,224);
}
input.new_input_date[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    color: transparent;
    cursor: pointer;
    position: absolute;
    width: 170px;
    left: 48%;
    height: 30px;
    opacity: 0.6;
    filter: invert(0.0);
}

input.new_input_date[type="date"]::placeholder{
    color: rgb(224,224,224);
    font-size: 1.2em;
    font-style: italic;
}

input.new_input_date[type="date"]::-webkit-calendar-picker-indicator:hover {
    opacity: 1
}

.mb-16{
    margin-bottom: 16px !important;
}

/* New Box Resources - HB */

.box-catalogue-resources { margin-bottom: 25px; padding-left: 20px;  }
.box-catalogue-resources:nth-child(4n + 1) { padding-left:0; }
.box-catalogue-resources .catalogueImageBox { display: flex; }
.box-catalogue-resources .catalogueImageBox .material-icons { min-height: 70px; min-width: 70px; }

@media (max-width: 767.98px) {
    .box-catalogue-resources {width: 100%; margin:0 0 30px 0;}
    .box-catalogue-resources:nth-child(2n + 1) { padding-left:0; }
}
/* End -------------------------------------*/

/* Box Cataloge Format List - HB */
.boxkmeNew { margin-bottom: 20px;}
.boxkmeNewTitle { padding: 0 10px;}
#coursesInteractionList {margin-top: 25px;}
.boxkmeList {margin-bottom: 25px;border-radius: 5px;}
.cover-box-list {background-repeat: no-repeat; background-position: center; background-size: 100% 100%;min-height: 180px;cursor: pointer;border-radius: 5px 0 0 5px;}
.wrapper-content-box-list {padding: 15px 30px;}
.title-box-list {color: #0d1e80;font-size: 16px;}
.md-center-element { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.wrapper-action-box-list {padding: 20px 20px 0 0;}
.action-box-list {min-height: 55px;}
.link-box-list {padding-top: 10%;}
.link-box-list .icon-open-box-list {background-color: #CCC; padding: 8px; border-radius: 50%;}
.wrapper-indicators-box-list {margin-top: 10px;}
.btn-format-list {margin-right: 12px;}
/* End -------------------------------------*/


.organization-box{
    width: 100% !important
}

@media (min-width: 560px){
    .organization-box{
        width: 46% !important
    }
}

@media (min-width: 992px){
    .organization-box{
        width: 31% !important
    }
}

@media (min-width: 1024px){
    .organization-box{
        width: 23% !important
    }
}

/* Courses - Categories - HB */

.wrapper-section-category .catalog_filter {margin: 30px 0;}
.wrapper-indicator-category {color: #4b4b4b;}

@media (min-width: 992px) {
    .wrapper-category-subcategories .item-subcategories { margin-bottom: 25px; padding-left: 20px; }
    .wrapper-category-subcategories .item-subcategories:nth-child(4n + 1) { padding-left:0; }
    .wrapper-category-courses .item-courses {margin-bottom: 25px;}
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .wrapper-section-category .contentCover, .wrapper-section-category .catalogueImageBox {height: auto !important;}
    .wrapper-category-subcategories .item-subcategories, .catalog_filter {padding:0 15px;margin-bottom: 25px;}
    .wrapper-category-courses .item-courses {margin-bottom: 25px;}
    .wrapper-category-courses .item-courses:nth-child(3n + 1) {padding-left:8px;}
    .wrapper-category-courses .item-courses:nth-child(3n + 3) {padding-right:8px;}
}

@media (max-width: 575.98px) {
    .wrapper-section-category .contentCover, .wrapper-section-category .catalogueImageBox {height: auto !important;}
    .wrapper-category-subcategories .item-subcategories, .wrapper-category-courses .item-courses, .catalog_filter {padding:0 15px;}
    .wrapper-category-subcategories .item-subcategories {margin-bottom: 25px;}
}
/* End -------------------------------------*/
/* Course Price - HB */
.wrapper-price-course {margin-top: 10px;}
.price-course {text-align: center; padding: 8px; background-color: #40118b; border: 2px solid #0d1e80; border-radius: 5px; font-size: 1.1rem; font-weight: 600;color: #FFF !important;display: block;}
.price-course.free {background-color: #0FA314; border-color: #0d7811;}
/* End -------------------------------------*/

/* Community page - HB */
/* */
.wrapper-module-group-contents, .wrapper-content-group, .wrapper-search-content-group {background-color: #fafafa; border: 1px solid #dedede;}
/* End -------------------------------------*/

/* External signup - HB */
.wrapper-external-signup .errorlist {list-style: none; margin: 0; padding: 10px 0; font-size: 12px; font-style: italic; color: #ff3a3a; font-weight: 600;}

.input-date-j .md-datepicker-input-container {
  width: 83% !important;
  margin-left: 0px;
}

.input-date-j .md-datepicker-input {
    min-width: 180px;
}

/* Login - HB */
#login .content-register-form {background-color: transparent;margin-bottom: 20px;}
#login .signup-login-link {border-radius: 8px; border: 2px solid #c4c4c4;padding: 10px;}

/* page register divided - HB */
.wrapper-action-login, .wrapper-action-register {overflow: hidden; border-radius: 5px; padding: 20px 15px; text-align: center; border: 1px solid #c4c4c4; margin-bottom: 20px;}
.wrapper-action-register, .wrapper-action-register .kmeFormAll {padding: 0;}
.wrapper-action-register .kmeFormAll {text-align: left; padding-bottom: 15px;}
.wrapper-action-register .new_register_form-help-text-mandatory {margin: 0 30px;}
.wrapper-action-register .btn-terms {margin-left: 30px;}

/* Comments 360 - HB */
.wrapper-items-comments .item-comment {padding-bottom: 25px;}
.wrapper-items-comments .item-comment .img-circle {width: 100%; height: auto;border-radius: 50%;}
.wrapper-items-comments .box-info-comments {padding-left: 15px; margin-left: 25px; border-left: 1px solid #8a8a8a;}

/* Lesson Learned page - HB */
.wrapper-attachments-lesson-learned .title-attachments-lesson, .wrapper-attachments-lesson-learned .title-item-attachment-lesson {color: #FFF; background-color: #0d1e80;}
.wrapper-attachments-lesson-learned .title-item-attachment-lesson a, .wrapper-attachments-lesson-learned .title-item-attachment-lesson a:hover  {color: #FFF;}
.wrapper-attachments-lesson-learned .wrapper-files-attachments-lesson {background-color: #eee ;}
.wrapper-attachments-lesson-learned .view_attachment {min-width: 140px;}
.wrapper-form-comment-lessons-learned textarea#id_comment {border:0; border-bottom: 1px solid #8a8a8a;}
.wrapper-form-comment-lessons-learned .btn-send-comment[disabled] {color: #5a5959 !important;}
.wrapper-form-comment-lessons-learned .btn-send-comment, .wrapper-form-comment-lessons-learned .btn-send-comment:hover {background-color: #00DD88;color: #FFF;}
.wrapper-comments-lessons-learned .title-for-comments-lessons {display: none;}
#ranking-lesson-learned .jk-rating-stars-container {display: flex; align-items: center;}
#ranking-lesson-learned .star-button i {font-size: 50px !important;}
.wrapper-lesson-box { margin: 20px 0;}
.wrapper-lesson-box p {padding: 20px;font-weight: normal !important;}

.wrapper-form-lesson-campus {width:70%; margin: 35px auto;}
.wrapper-form-lesson-campus .form-lesson-campus br {display: none;}
.wrapper-form-lesson-campus .form-lesson-campus label {margin-bottom: 30px;}
.wrapper-form-lesson-campus .form-lesson-campus .md-input-focused label {top:-10px; position: relative;}
.wrapper-form-lesson-campus .form-lesson-campus .hint, .form-lesson-campus .hint  {font-style: italic; font-size: 15px;margin-bottom: 8px;}

#videolesson {margin: auto;}

@media (max-width: 767.98px) {
    .wrapper-form-comment-lessons-learned {padding: 0 15px;}
}

/* Wall HB*/
.card-comment-wall {max-width: 400px;margin: auto;}
.content-comment-wall .content-comment-wall-description {line-height: 1.4;}
.btn-close-preview-commet {float:right;background:#fff;cursor:pointer;border-style:solid;border-radius:15px;font-size:12px;border-color:#e7e7e7;border-width:1px;box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);position: absolute;right: 0;}
#activity_html {padding: 30px 0;}
.text-comment-wall {word-break: break-all; padding: 10px 30px;}

/* Report Newsletter HB*/
.chart-newsletter-report {width: 900px; height: 500px; margin: 0 auto !important;overflow:hidden;}
@media (max-width: 767.98px) {
  .chart-newsletter-report {width: 100%; height: 300px;transform: scale(1.4);}
}

@media (max-width:480px){
    .toolbar-head>p{
        font-size: 22px !important;
    }
    .pd-t{
        margin-top: 35px !important;
        font-size: 32px !important;
    }
}

/* Layout Tutors and coordinator - Course Details HB*/
#tutorDetails .wrapper-tutors .wrapper-content-tutors {flex-direction: column;}
#tutorDetails .wrapper-tutors .tutor-content-desktop .item-tutor {margin-bottom:60px;}
#tutorDetails .wrapper-tutors .item-tutor.q-tutors-2:first-child {padding-right: 15px;}
#tutorDetails .wrapper-tutors .item-tutor.q-tutors-2:last-child {padding-left: 15px;}
#tutorDetails .wrapper-tutors .item-tutor.q-tutors-3:nth-child(3n+2) {padding: 0 25px;}
#tutorDetails .wrapper-tutors .item-tutor.q-tutors-4:nth-child(4n+1) {padding: 0 1.5% 0 0;}
#tutorDetails .wrapper-tutors .item-tutor.q-tutors-4:nth-child(4n+2) {padding: 0 1.5% 0 1.5%;}
#tutorDetails .wrapper-tutors .item-tutor.q-tutors-4:nth-child(4n+3) {padding: 0 1.5% 0 1.5%;}
#tutorDetails .wrapper-tutors .item-tutor.q-tutors-4:nth-child(4n+4) {padding: 0 0 0 1.5%;}
#tutorDetails .wrapper-tutors .name-tutor {text-transform: capitalize;}
#tutorDetails .wrapper-tutors .about-tutor {line-height: 1.2; font-size: 0.8rem;}
#tutorDetails .tutor-content-mobile .tutor-mobile-arrow {transform: scale(3);}

#coordinatorDetails .wrapper-coordinator .wrapper-content-coordinator {flex-direction: column;}
#coordinatorDetails .wrapper-coordinator .name-tutor {text-transform: capitalize;}
#coordinatorDetails .wrapper-coordinator .about-tutor {line-height: 1.2; font-size: 0.8rem;}

/* Style for Organization HB*/
.effect-overlay-banner-organization {background-color: rgb(0 0 0 / 25%); width: 100%; height: 100%;}

/* Miga de Pan || Breadcrumb-Trail */

.crumb-bread {
    font-size: 0.8rem;
    color: #7e7e7e !important;
    margin: 15px 0px 0px 0px;
}

.actual-position {
    font-weight: bold;
}

.style-a-crumb-bread {
    color: #7e7e7e !important
}
/*End Style for New Update Profile Form*/

body {
    color: #000;
    font-family: 'Open Sans', sans-serif
}

body,
body.md-default-theme,
html,
html.md-default-theme {
    background-color: #fff !important
}
.close-x-white{
    color: white !important;
}
a {
    text-decoration: none
}

.height-300 {
    height: 300px !important
}

.pos-a-top-5-w-100 {
    position: absolute;
    top: 5px;
    width: 100%
}

.bottom-0 {
    bottom: 0 !important
}

.padding-login {
    padding-bottom: 45px !important
}

.wrong-p {
    margin-block-end: 0 !important
}

.constrast-text-link-login{
    color: #2196f3 !important;
    text-decoration: underline;
}

.alert-style {
    display: none;
    cursor: pointer !important
}

.boxlogin {
    margin-block-end: 10px !important
}

.btn-facebook {
    background-color: #3c579d !important;
    text-transform: capitalize !important;
    font-weight: 700 !important;
    height: 40px !important
}

.btn-google {
    background-color: #e1e1e1 !important;
    text-transform: capitalize !important;
    font-weight: 700 !important;
    height: 40px !important
}

.signup-login {
    padding-bottom: 20px !important
}

.height-login {
    height: 100% !important
}

.mb-10 {
    margin-block-end: 10px !important
}

.m-10-left {
    margin-left: 10px !important
}

.terms-new {
    border-top: 1px solid #333;
    padding: 0 !important
}

#freshworks-frame-wrapper>#widget-frame {
    margin-top: 25px
}

.cke_dialog_tabs>a {
    color: #232323 !important
}

.cke_dialog_ui_hbox_first>a>span {
    color: #232323 !important
}

:focus {
    outline: -webkit-focus-ring-color auto 0 !important
}

hr {
    color: #ccc
}

#signuptittle {
    overflow: inherit !important;
    padding-bottom: 70px;
}

#signup>md-whiteframe{
    position: fixed;
}

.btn-closequest {
    z-index: 999
}

.marginz {
    margin-right: 0 !important
}

.a-induction {
    color: #fff !important;
    padding: 8px !important;
    text-align: center !important;
    margin-left: 10px !important;
    width: 91% !important;
    border-radius: 3px !important
}
.tinyunderline{
    text-decoration: underline;
}
.tinystrike{
    text-decoration: line-through;
}
.tinyleft{
    text-align: left;
}
.tinycenter{
    text-align: center;
}
.tinyright{
    text-align: right;
}
.tinyfull{
    text-align: justify;
}

.text-finished {
    color: #fff !important;
    font-size: 14px !important
}

.m-top-0 {
    margin-top: 0 !important
}

.m-l-20 {
    margin-left: 20px !important
}

.p-l-5 {
    padding-left: 5px !important
}

.p-l-0 {
    padding-left: 0 !important
}

.m-clear {
    margin: 0 !important
}

.zEWidget-launcher {
    right: 50px !important;
    bottom: 19px !important;
    width: 170px !important
}

.newmenubtn {
    margin-left: -5px !important;
    min-width: 55px !important
}

.newmenubtn:hover {
    background-color: rgba(158, 158, 158, .05) !important
}

.my-custom-stars .button .material-icons {
    font-size: 50px !important
}

.my-little-stars .button .material-icons {
    font-size: 16px !important
}

.my-custom-stars .star-button.star-on .material-icons {
    color: #039
}

.my-custom-stars .star-button.star-off .material-icons {
    color: #9cf
}

.md-disable-block {
    opacity: .1;
    pointer-events: none
}

.md-backdrop {
    background: rgba(33, 33, 33, .33);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 60
}

.md-load {
    background: #fafafa;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999
}

.md-hide,
.md-stop {
    display: none !important
}

.md-opacity {
    opacity: 0 !important
}

.md-opacity-btn {
    opacity: 0 !important;
    pointer-events: none
}

.md-opacity-lock {
    opacity: .2 !important
}

.md-pointer {
    cursor: pointer !important
}

.md-divider-vertical {
    border-right: 1px solid #ccc;
    height: 40px;
    width: 1px;
    margin-right: 5px
}

.md-transition {
    transition: .5s linear all
}

md-dialog {
    max-width: 100% !important
}

.md-overflow-hiden {
    overflow: hidden !important
}

.md-overflow-auto {
    overflow: auto !important
}

.md-error-warn {
    background: #f8d7da ;
    padding: 1px;
    color: #721c24  !important;
    margin-bottom: 24px
}

.md-error-warn p{
    color: #721c24  !important;
    font-size: 14px;
}

.md-bg-primary {
    background-color: #2196f3 !important;
    color: #fff !important
}

.md-bg-success {
    background-color: #43a047 !important;
    color: #fff !important
}

.md-bg-info {
    background-color: #00bcd4 !important;
    color: #00181c !important
}

.md-bg-warning {
    background-color: #ffc107 !important;
    color: #00181c !important
}

.md-bg-danger {
    background-color: #f44336 !important;
    color: #fff !important
}

.md-bg-default {
    background-color: #424242 !important;
    color: #fff !important
}

.md-bg-muted {
    background-color: #777 !important;
    color: #424242 !important
}

.md-bg-mutedlight {
    background-color: #eee !important;
    color: #424242 !important
}

.md-bg-dark {
    background-color: #27292f !important;
    color: #fff !important
}

.md-bg-clean {
    background-color: #f7f7f7 !important;
    color: #424242 !important
}

.md-bg-teal {
    background-color: #2b9684 !important;
    color: #fff !important
}

.md-bg-gray {
    background-color: #aaa !important;
    color: #fff !important
}

.md-bg-gray-dark {
    background-color: #475965 !important;
    color: #fff !important
}

.md-bg-gray-lite {
    background-color: #546f7a !important;
    color: #fff !important
}

.md-bg-green-dark {
    background-color: #459f47 !important;
    color: #fff !important
}

.md-bg-green-lite {
    background-color: #56b03e !important;
    color: #fff !important
}

.md-bg-green2-dark {
    background-color: #00796a !important;
    color: #fff !important
}

.md-bg-green2-lite {
    background-color: #2e9786 !important;
    color: #fff !important
}

.md-bg-gray2-dark {
    background-color: #767676 !important;
    color: #fff !important
}

.md-bg-gray2-lite {
    background-color: #9e9e9e !important;
    color: #fff !important
}

.md-bg-black {
    background-color: #000 !important;
    color: #fff !important
}

.md-bg-blue-dark {
    background-color: #1851a3 !important;
    color: #fff !important
}

.md-bg-purple-dark {
    background-color: #3e0098 !important;
    color: #fff !important
}

.md-bg-graylight {
    background-color: #eee !important;
    color: #000 !important
}

.md-bg-graylight2 {
    background-color: #f4f4f4 !important;
    color: #000 !important
}

.md-bg-gray-default {
    background-color: #555 !important;
    color: #000 !important
}

.md-bg-transparent {
    background: 0 0 !important
}

.md-bg-360 {
    background-color: #001d98 !important;
    color: #fff !important
}

.md-bg-greenknw {
    background-color: #2edd7c !important;
    color: #fff !important
}

.md-bgcolor-white {
    background: #fff !important
}

.md-bgcolor-graylight2 {
    background: #f4f4f4 !important
}

f7faf6 .md-text-contentstatus {
    white-space: normal !important;
    width: 123px
}

.md-text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.md-text-center {
    text-align: center !important
}

.md-text-left {
    text-align: left !important
}

.md-text-right {
    text-align: right !important
}

.md-text-justify {
    text-align: justify !important
}

.md-text-italic {
    font-style: italic !important
}

.md-text-bold {
    font-weight: 700 !important
}

.md-lineheight-15 {
    line-height: 15px !important
}

.md-lineheight-18 {
    line-height: 18px !important
}

.md-text-notdecoration {
    text-decoration: none !important
}

.md-text-muted {
    color: #f5f5f5 !important
}

.md-text-gray {
    color: #8b8b8b !important
}

.md-text-darkgray {
    color: #6c6c6c !important
}

.md-text-primary {
    color: #2196f3 !important
}

.md-text-success {
    color: #4caf50 !important
}

.md-text-favorite {
    color: #ffa908 !important
}

.md-text-info {
    color: #00b8d4 !important
}

.md-text-warning {
    color: #ffab00 !important
}

.md-text-danger {
    color: #d50000 !important
}

.md-text-black {
    color: #0000
}

.box-text2 {
    color: #00796b !important;
    font-size: 0.7rem !important;
}

.md-text-mutedlight {
    color: #ccc !important
}

.md-text-dark {
    color: #333 !important
}

.md-text-content {
    color: #757575 !important
}

.md-text-purple-dark {
    color: #3e0098 !important
}

.md-text-grayknw {
    color: #616161 !important
}

.md-text-purpleknw {
    color: #4a148c !important
}

.hr-christus {
    border: none;
    border-left: 1px solid #731b7f;
    height: 50%;
    width: 1px;
    margin: auto
}

.md-font-9 {
    font-size: 9px !important
}

.md-font-11 {
    font-size: 11px !important
}

.md-font-12 {
    font-size: 0.8rem !important
}

.md-font-13 {
    font-size: 13px !important
}

.md-font-14 {
    font-size: 14px !important
}

.md-font-15 {
    font-size: 15px !important
}

.md-font-16 {
    font-size: 1rem !important
}

.md-font-17 {
    font-size: 17px !important
}

.md-font-18 {
    font-size: 18px !important
}

.md-font-20 {
    font-size: 20px !important
}

.md-font-22 {
    font-size: 22px !important
}

.md-font-24 {
    font-size: 24px !important
}

.md-font-28 {
    font-size: 28px !important
}

.md-font-36 {
    font-size: 2.2rem !important
}

.md-font-48 {
    font-size: 48px !important
}

.md-font-50 {
    font-size: 50px !important
}

.md-font-70 {
    font-size: 70px !important
}

.md-lowercase {
    text-transform: lowercase !important
}

.md-capitalize {
    text-transform: capitalize !important
}

.md-ellipsis {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.icon-modal-closequest {
    width: auto !important;
    height: auto !important
}

.md-bg-op1quest {
    background-color: #001d98;
    color: #fff;
    text-transform: initial;
    font-weight: 800
}

.md-text-op1quest {
    color: #001d98
}

.md-bg-op2quest {
    background-color: #2edd7c;
    color: #fff;
    text-transform: initial;
    font-weight: 800
}

.md-text-op2quest {
    color: #2edd7c
}

.md-bg-op3quest {
    background-color: #24a6eb;
    color: #fff;
    text-transform: initial;
    font-weight: 800
}

.md-text-op3quest {
    color: #24a6eb
}

.md-bg-op4quest {
    background-color: #c2c2c2;
    color: #fff;
    text-transform: initial;
    font-weight: 800
}

.md-text-op4quest {
    color: #c2c2c2
}

.close-questop {
    margin-top: -30px
}

.title-modal {
    margin-block-start: 0 !important
}

.margin-block-zero {
    margin-block-start: 0 !important
}

.md-alert {
    padding: 15px;
    margin: 20px 0;
    border: 1px solid transparent;
    border-radius: 4px
}

.md-alert-success {
    color: #1b5e20;
    background-color: #81c784;
    border-color: #43a047
}

.md-alert-info {
    color: #546e7a;
    background-color: #eceff1;
    border-color: #b0bec5
}

.md-alert-warning {
    color: #333;
    background-color: #fff176;
    border-color: #fbc02d
}

.md-alert-danger {
    color: #000;
    background-color: #ef9a9a;
    border-color: #c62828
}

.toast-success .md-toast-content {
    color: #1b5e20;
    background-color: #81c784;
    border-color: #43a047;
    border: 1px solid
}

.toast-warn .md-toast-content {
    color: #9a3a27;
    background-color: #f5b7ab;
    border-color: #ee836e;
    border: 1px solid
}

.md-label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    vertical-align: baseline;
    border-radius: .25em
}

.md-label.label-primary {
    background-color: #2196f3 !important
}

.md-label.label-success {
    background-color: #43a047 !important
}

.md-label.label-info {
    background-color: #00bcd4 !important
}

.md-label.label-warning {
    background-color: #ffc107 !important
}

.md-label.label-danger {
    background-color: #f44336 !important
}

.md-label.label-default {
    background-color: #424242 !important
}

.md-label.label-muted {
    background-color: #777 !important
}

.md-label.label-mutedlight {
    background-color: #eee !important;
    color: #424242 !important
}

.md-label.label-light {
    background-color: #fff !important;
    color: #424242 !important
}

.md-label.label-dark {
    background-color: #27292f !important
}

.classTutor {
    font-weight: 700 !important
}

.back-btn {
    background-color: #075598 !important;
    color: #fff !important
}

.white-icon {
    color: #fff !important
}

.white-text {
    color: #fff !important
}

.ms-responsive-table-wrapper {
    overflow-x: auto;
    overflow-y: hidden
}

table.simple {
    width: 100%;
    border: none;
    border-spacing: 0;
    text-align: left
}

table.simple tbody tr td:first-child {
    padding-left: 24px
}

table.simple tbody tr td:last-child {
    padding-right: 24px
}

table.simple thead tr th:first-child {
    padding-left: 24px
}

table.simple thead tr th:last-child {
    padding-right: 24px
}

table.simple tbody tr td {
    padding: 16px 8px;
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

table.simple thead tr th {
    padding: 16px 8px;
    font-weight: 500;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    white-space: nowrap;
    min-width: 120px
}

table.simple tbody tr:last-child td {
    border-bottom: none
}

.md-border {
    border: 1px solid #ccc
}

.md-border3 {
    border: 3px solid #ccc
}

.md-border-rigth {
    border-right: 1px solid #ccc
}

.md-border-left {
    border-left: 1px solid #ccc
}

.md-border-bottom {
    border-bottom: 1px solid #ccc
}

.md-border-top {
    border-top: 1px solid #ccc
}

.md-border-none {
    border-spacing: 0
}

.md-outline-gray {
    outline: 1px solid;
    outline-color: #f1f0f0 !important
}

.md-outline-light {
    outline: 1px solid;
    outline-color: #fff !important
}

.md-bgBorder-light {
    border-color: #fff !important
}

.paddingTableHead {
    padding: 0 4px
}

.bg-content-simplemdl {
    margin-bottom: 20px !important;
    border: 1px solid #ccc
}

@media screen and (max-width:599px) {
    .bg-content-simplemdl {
        margin-bottom: 30px !important;
        border: 1px solid #ccc
    }
}

.md-unstyled-list {
    padding-left: 0;
    list-style: none
}

ul.md-inline-list {
    padding: 0;
    margin: 3px 0
}

ul.md-inline-list li {
    list-style: none;
    display: inline-block;
    padding: 0 5px
}

.md-breadcrumb {
    position: absolute;
    padding-top: 8px
}

.mdl-chip {
    height: 23px;
    line-height: 22px;
    padding: 0 12px;
    border: 0;
    border-radius: 16px;
    background-color: #dedede;
    display: inline-block;
    color: rgba(0, 0, 0, .87);
    margin: 2px;
    white-space: nowrap
}

.container-html p {
    margin-top: 0 !important
}

.mt-30 {
    margin-top: 30px !important
}

.m0 {
    margin: 0 !important
}

.p0 {
    padding: 0 !important
}

.md-content_button_info {
    background: #f44336 !important;
    color: #fff !important;
    padding: 0 5px !important;
    position: absolute;
    right: 15px
}

.md-btn-block {
    display: block;
    width: 100%
}

.md-menu {
    text-decoration: none !important;
    border: none;
    outline: 0;
    padding: 10px 5px;
    border-radius: 3px;
    color: #fff
}

.md-cursor {
    cursor: pointer
}

.md-input-button {
    background: #f7f7f7;
    border-radius: 5px;
    text-align: center;
    position: relative !important;
    padding-bottom: 10px;
    border: 0;
    padding: 16px;
    display: block;
    width: 100%;
    margin-bottom: 24px
}

.md-button-link a {
    display: block
}

.md-button:not([disabled]):hover {
    transition: .3s
}

.md-disable {
    opacity: .6;
    pointer-events: none
}

.md-btn-nothover {
    background-color: transparent !important
}

.md-btn-unstyled {
    text-decoration: none !important
}

.md-pointer {
    cursor: pointer
}

.groupX {
    font-size: 16px;
    margin: 20px 0;
    padding: 3px 15px 3px 15px;
    color: #312e2e;
    background-color: rgba(224, 224, 224, .96);
    text-transform: none;
    font-weight: 400;
    min-width: 100px
}

.md-button.left {
    border-radius: 10px 0 0 10px
}

.md-button.middle {
    border-radius: 0;
    border-left: 1px solid rgba(230, 230, 230, .96);
    border-right: 1px solid rgba(230, 230, 230, .96)
}

.md-button.right {
    border-radius: 0 10px 10px 0
}

@media screen and (max-width:599px) {
    md-content .layout-column>.flex, .layout-xs-column>.flex {
        /*min-width: 100% !important;*/
    }
    .md-margin-clear-xs {
        margin: 0 !important
    }

    .NoCoursesText {
        font-size: 25px !important
    }
}

.t-upper {
    text-transform: uppercase !important
}

.t-d-none {
    text-decoration: none
}

.p-b-100 {
    padding-bottom: 100px !important
}

.m-l-90 {
    margin-left: 90% !important
}

.a-no-courses {
    color: #cf1343 !important;
    font-weight: 700 !important
}

.h-no-courses {
    color: #363636 !important
}

.m-card-height {
    height: 248px !important
}

.md-padding-clear {
    padding: 0 !important
}

.margin-block-start0{
    margin-block-start: 0;
}

.margin-block-end0{
    margin-block-end: 0;
}


.md-margin-clear {
    margin: 0 !important
}

.md-margin-auto {
    margin: auto !important
}

.md-margin-bottomall {
    margin-bottom: 45px !important
}

.md-padding-30-top {
    padding-top: 30px !important
}

.md-padding-8-all {
    padding: 8px !important
}

.md-padding-8-t {
    padding-top: 8px !important
}

.md-padding-8-ub {
    padding-bottom: 8px !important;
    padding-top: 8px !important
}

.md-padding-8-u {
    padding-top: 8px !important
}

.md-padding-8-lr {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.md-padding-8-r {
    padding-right: 8px !important
}

.md-padding-10-all {
    padding: 10px
}

.md-padding-10-l {
    padding-left: 10px
}

.md-padding-15-lr {
    padding: 0 15px
}

.md-padding-15-l {
    padding-left: 15px
}

.md-padding-15-ub {
    padding-bottom: 15px !important;
    padding-top: 15px !important
}

.md-padding-16-all {
    padding: 16px !important
}

.md-padding-16-lr {
    padding: 0 16px !important
}

.md-padding-16-ub {
    padding-bottom: 16px !important;
    padding-top: 16px !important
}

.md-padding-24-l {
    padding-left: 24px !important;
}

.md-padding-24-lr {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.md-padding-24-all {
    padding: 24px !important
}

.md-padding-24-ub {
    padding-bottom: 24px !important;
    padding-top: 24px !important
}

.md-padding-30-all {
    padding: 30px
}

.md-padding-40-btm {
    padding-bottom: 40px !important
}

.md-padding-40-ub {
    padding-bottom: 40px !important;
    padding-top: 40px !important
}

.md-padding-40-all {
    padding: 40px !important
}

.md-padding-40-lr {
    padding-right: 40px !important;
    padding-left: 40px !important
}

.md-padding-55-up {
    padding-top: 55px !important
}

.md-padding-80-up {
    padding-top: 80px !important
}

.md-padding-80-lr {
    padding-right: 80px !important;
    padding-left: 80px !important
}

.md-margin-5-lr {
    margin: 0 5px !important
}

.md-margin-5-ub {
    margin: 5px 0 !important
}

.md-margin-5-u {
    margin-top: 5px !important
}

.md-margin-5-all {
    margin: 5px !important
}

.md-margin-8-all {
    margin: 8px !important
}

.md-margin-8-lr {
    margin: 0 8px !important
}

.md-margin-8-r {
    margin-right: 8px !important
}

.md-margin-8-ub {
    margin: 8px 0 !important
}

.md-margin-10-lr {
    margin: 0 10px !important
}

.md-margin-10-r {
    margin-right: 10px !important
}

.md-margin-10-u {
    margin-top: 10px !important
}

.md-margin-10-b {
    margin-top: 10px !important
}

.md-margin-20-u {
    margin-top: 20px !important
}

.md-margin-16-all {
    margin: 16px !important
}

.md-margin-16-lr {
    margin-right: 16px !important;
    margin-left: 16px !important
}

.md-margin-16-ub {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.md-margin-15-lr {
    margin: 0 15px !important
}

.md-margin-15-l {
    margin-left: 15px !important
}

.md-margin-15-ub {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.md-margin-24-lr {
    margin: 0 24px !important
}

.md-margin-24-up {
    margin-top: 24px !important
}

.md-margin-24-btm {
    margin-bottom: 24px !important
}

.md-margin-24-ub {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

.md-margin-40-lr {
    margin-right: 40px !important;
    margin-left: 40px !important
}

.md-margin-40-top {
    margin-top: 40px !important
}

.md-margin-60-r {
    margin-right: 60px !important
}

.md-margin-80-btm {
    margin-bottom: 80px !important
}


.md-margin-3-ub {
    margin: 3px 0 !important
}

.md-overflow-hidden {
    overflow: hidden
}

.md-overflow-visible {
    overflow: visible
}

.md-pull-right {
    float: right !important
}

.md-pull-left {
    float: left !important
}

.md-block {
    display: block !important
}

.md-flex {
    display: flex !important;
}

.md-inline-block {
    display: inline-block !important
}

.md-inline {
    display: inline !important
}

.md-clear {
    clear: both
}

.md-relative {
    position: relative !important
}

.md-absolute {
    position: absolute !important
}

.md-fixed {
    position: fixed !important
}

.md-flex-block {
    width: 100% !important
}

.md-height-fill {
    height: 100% !important
}

.md-vertical-center {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.md-radio {
    display: inline-block;
    padding-right: 20px;
    font-size: 18px;
    line-height: 49px;
    cursor: pointer
}

.md-radio:hover .inner {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    opacity: .5
}

.md-radio input {
    width: 1px;
    height: 1px;
    opacity: 0
}

.md-radio input:checked+.outer .inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.md-radio input:checked+.outer {
    border: 3px solid #00b8d4
}

.md-radio input:focus+.outer .inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    background-color: #00b8d4
}

.md-radio .outer {
    display: block;
    float: left;
    margin: 10px 9px 10px 10px;
    border: 3px solid #00b8d4;
    border-radius: 50%;
    background-color: #fff
}

.md-radio .inner {
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    width: 16px;
    height: 16px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    display: block;
    margin: 2px;
    border-radius: 50%;
    background-color: #00b8d4;
    opacity: 0
}

md-input-container.hide-error-msg .md-errors-spacer:empty {
    display: none !important
}

.md-img-badge{
    max-width: 150px !important;
}

.md-img-gray {
    filter: grayscale(100%);
}

.md-img-responsive {
    max-width: 100% !important;
    height: auto !important;
    min-width: 100% !important
}

.md-img-album {
    width: 100%;
    height: auto !important
}

.md-img-rounded {
    border-radius: 6px !important
}

.md-img-circle {
    border-radius: 50% !important
}

.md-img-thumbnail {
    display: inline-block;
    max-width: 100% !important;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px
}

.md-img-center {
    margin: 0 auto !important
}

.verticalImg {
    overflow: hidden;
    height: 205px;
    background-position: center center !important;
    background-size: cover !important
}

.md-reset-icon {
    width: 100%;
    vertical-align: baseline
}

.md-icon-circle {
    border-radius: 50% !important;
    background: #fff
}

.box-stadistics-icons{
    margin-top: 20px;
}

.material-icons.md-12 {
    font-size: 12px
}

.material-icons.md-18 {
    font-size: 18px
}

.material-icons.md-24 {
    font-size: 24px
}

.material-icons.md-36 {
    font-size: 36px
}

.material-icons.md-48 {
    font-size: 48px
}

.material-icons.md-70 {
    font-size: 70px
}

.material-icons.md-150 {
    font-size: 150px
}

.material-icons.md-dark {
    color: rgba(0, 0, 0, .54)
}

.material-icons.md-dark.md-inactive {
    color: rgba(0, 0, 0, .26)
}

.material-icons.md-light {
    color: #fff
}

.material-icons.md-light.md-inactive {
    color: rgba(255, 255, 255, .3)
}

.progress-linear-profile ._md-bar,
.progress-linear-profile ._md-container,
.progress-linear-profile ._md-mode-determinate {
    height: 5px !important
}

md-progress-linear.md-bg-primary ._md-container {
    background-color: #e0e0e0
}

md-progress-linear.md-bg-primary ._md-bar {
    background-color: #2196f3
}

md-progress-linear.md-bg-info ._md-container {
    background-color: #e0e0e0
}

md-progress-linear.md-bg-info ._md-bar {
    background-color: #00bcd4
}

md-progress-linear.md-bg-warning ._md-container {
    background-color: #e0e0e0
}

md-progress-linear.md-bg-warning ._md-bar {
    background-color: #ffc107
}

md-progress-linear.md-bg-danger ._md-container {
    background-color: #e0e0e0
}

md-progress-linear.md-bg-danger ._md-bar {
    background-color: #f44336
}

md-progress-linear.md-bg-default ._md-container {
    background-color: #e0e0e0
}

md-progress-linear.md-bg-default ._md-bar {
    background-color: #424242
}

md-progress-linear.md-bg-success ._md-container {
    background-color: #e0e0e0
}

md-progress-linear.md-bg-success ._md-bar {
    background-color: #4caf50
}

.activeBtn {
    background: #2c9685;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    margin-top: 2%;
    margin-right: 14px;
    margin-left: 8px;
    border: 2px solid #fff;
    display: inline-block;
    position: relative;
    right: 0;
    float: right
}

.iconTrace {
    padding-top: 40px;
    color: #fff
}

.iconTrace>i {
    font-size: 40px !important
}

.progress-linear-profile {
    margin-right: 8px;
    margin-top: 8px
}

.paddingContent {
    padding: 0 5%
}

.paddingContentI {
    padding: 0 5%
}

.disablePointer {
    cursor: default !important
}

.loaderItems {
    width: 300px;
    margin: 5% auto;
    height: 400px;
    background: rgba(0, 0, 0, 0) !important;
    box-shadow: none
}

.positionCircle {
    top: -14px !important;
    left: 16px !important
}

.positionCircle span {
    padding: 5px 11px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .38)
}

#svg[AttributesStyle] {
    color: #fafafa !important
}

#Cursosdisponibles {
    padding-bottom: 24px
}

.containerFull {
    width: 960px;
    margin: auto;
    margin-bottom: 24px !important
}

.layoutBoxProfile>div:first-child .layoutBoxChild:first-child {
    /*margin-left: 0 !important */
}

.containerBig {
    padding-top: 65px;
}

.overlayImage {
    top: 0;
    height: 118px;
    width: 100%;
    background-color: rgba(0, 0, 0, .51);
    position: absolute
}

.bigOverlayImage {
    top: 0;
    height: 180px;
    width: 100%;
    background-color: rgba(0, 0, 0, .51);
    position: absolute
}

.widthContent {
    width: 20% !important
}

.menuFlap {
    position: fixed !important;
    top: 70px !important;
    height: 100%;
    width: 20% !important
}

.backdrop {
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1
}

.emptyBox {
    background: 0 0;
    box-shadow: none;
    display: none
}

#coursesInteraction>div>.emptyBox {
    margin-left: 0 !important
}

.contentCover {
    height: 115px;
    margin: 0 -8px;
    position: relative
}

.md-no-opacity {
    opacity: 0
}

.opened {
    background: #4caf50
}

.noopened {
    background: #00bcd4
}

.bigContentCover {
    height: 180px;
    margin: 0 -8px;
    position: relative
}

#image_bank md-tabs-wrapper {
    background: #eee
}

#image_bank md-tab-item.md-active {
    background: #aaa;
    color: #fff
}

#login md-content {
    background: rgba(255, 255, 255, .38)
}

#login md-tabs .md-tab.md-active {
    background: #656565;
    color: #fff
}

#login md-tabs .md-tab {
    background: #eee
}

#login label {
    color: #333
}

.btnLogin {
    position: relative
}

.btnLogin>div {
    position: absolute;
    top: -45px;
    width: 100%
}

.layoutSocialAuth {
    border-top: 1px solid #333;
    padding: 0 !important
}

.bgLogin {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0
}

#footer {
    background-color: #212121;
    color: #fff;
    height: 48px;
    padding: 16px 0;
    z-index: 999
}

.logoMain>img {
    max-height: 60px !important
}

#navbar-main {
    position: fixed;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2), 0 4px 7px 0 rgba(0, 0, 0, .19)
}

#navbar-main{
    height: 75px;
}

.mainmenu-second{
    top: 75px;
}

.toolbarkme {
    height: initial !important
}

.gray {
    filter: url(#grayscale);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: Gray()
}

.nameOrg h1 {
    font-size: .8em
}

.logoEditIcon {
    right: 5px;
    top: 0;
    font-size: 0;
    border-radius: 50%;
    padding: 3px;
    cursor: pointer
}

#verticalMenu {
    background: #414141;
    transition: left .2s, width .2s;
    width: 20%;
    position: relative;
    left: 0
}

#bodyContent {
    transition: width .2s;
    width: 83%;
    background: 0 0
}
.margin-l-35{
    margin-left: 35px !important;
}
.margin-top-60{
    margin-top: 60%;
}
.no-height{
    height: auto !important;
}
.index-2{
    z-index: 2 !important;
}

md-list-item._md-no-proxy .no-height{
     height: auto !important;
}
#verticalMenu.fullMenu {
    position: absolute;
    z-index: 2;
    left: -100%;
    width: 0;
    box-shadow: 2px 2px 2px #3c3c3c;
    top: 0;
    overflow: auto
}
md-input-container {
    z-index: 0 !important;
}
#bodyContent.full {
    width: 100% !important
}

.menuItems li {
    padding: 8px 0;
    background: rgba(255, 255, 255, .45)
}

.menuItems li:hover {
    background: rgba(255, 255, 255, .5)
}

.menuItems li a {
    padding-left: 8%;
    display: inline-block
}

.activeCollapse {
    background: rgba(255, 255, 255, .19)
}

#bannerProfile>div {
    position: absolute;
    bottom: 0;
    width: 100%
}

.avatarProfile {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #fff
}

.boxdataDashboard {
    height: 124px
}

.layoutBoxProfile {
    margin-bottom: 0
}

.layoutBoxProfile:last-child {
    padding-bottom: 24px
}

.layoutBoxProfile>div {
    margin: 0;
    margin-left: 0;
    margin-left: 0
}

.layoutBoxProfile>div:first-child {
    margin-left: 0
}

.layoutBoxProfile>div:last-child {
    margin-right: 0
}

.layoutBoxChild {
    margin: 0;
    padding: 0 8px
}

.layoutBoxChild {
    margin: 0;
    padding: 0 8px
}

.layoutBoxChild-1 {
    margin: 0;
    padding: 0 15px
}

.layoutBoxChild>.toolbar {
    margin: 0 -8px
}

#myCoursesInteraction .layoutBoxChild:first-child {
    margin-left: 0
}

#myCoursesInteraction .layoutBoxChild:last-child {
    margin-right: 0
}

.layoutBoxChild>img {
    height: 125px !important;
    background: #fff;
    border-bottom: 1px solid #ccc;
    cursor: pointer
}

.creatorOrgAvatar {
    position: absolute;
    bottom: -9px;
    left: 16px
}

.creatorOrgAvatar>img {
    width: 24px;
    height: 24px !important
}

.infoProfileMobile {
    margin-top: -33px;
    position: relative
}

#myOrg>div:first-child {
    margin-right: 0
}

#myOrg>div {
    margin-top: 10px;
    margin-left: 20px
}

.boxTraceProfile>div:first-child {
    margin-right: 24px
}

.infoProfileDesktop {
    padding: 24px 0;
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .46));
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .46))
}

.infoProfileDesktop button {
    margin-top: 16px
}

.btnUploadImageProfile {
    position: absolute !important;
    right: 35px;
    margin-bottom: 24px !important;
    cursor: pointer;
    padding: 8px;
    margin-top: -15px
}

.btnUploadImageProfile input {
    display: none
}

.btnLandingDetails {
    position: absolute !important;
    right: 35px;
    margin-bottom: 24px !important;
    cursor: pointer;
    padding: 8px;
    margin-top: -15px
}

.btnAlbumDetails {
    right: 35px;
    margin-bottom: 24px !important;
    cursor: pointer;
    padding: 8px;
    margin-top: -15px
}

.btnChangePass {
    position: absolute !important;
    right: 35px;
    margin-bottom: 24px !important;
    cursor: pointer;
    padding: 8px;
    margin-top: 35px;
    background-color: #aaa;
    border-radius: 50%
}

.btnUploadImageAvatar {
    position: absolute !important;
    left: 35px;
    top: 35px;
    cursor: pointer;
    padding: 8px
}

.btnUploadImageAvatar input {
    display: none
}

user-profile .creatorOrgAvatar {
    top: 105px
}

.pointstate {
    width: 15px;
    height: 15px;
    border-radius: 50%
}

.add-skill-toprofile>div {
    width: 100%
}

@media (max-width:767px) {
    #viewer {
        margin-bottom: 0px !important;
    }

    .paddingContent {
        padding: 0
    }

    #myOrg>div {
        margin: 0 !important
    }

    .layoutBoxProfile>div {
        margin: 0 !important
    }

    .layoutBoxChild {
        margin-left: 8px;
        margin-right: 8px;
        margin-bottom: 8px;
        width: 100% !important;
        margin: auto;
    }

    .boxTraceProfile>div:first-child {
        margin-right: 8px
    }

    .boxTraceProfile>div {
        margin-bottom: 8px
    }

    .btnUploadImageProfile {
        top: -25px
    }

    .btnChangePass {
        top: -25px
    }

    .btnUploadImageAvatar {
        position: absolute !important;
        left: 45%;
        top: 15px;
        padding: 9px;
        background-color: transparent !important
    }

    user-profile .creatorOrgAvatar {
        top: 160px
    }

    .zEWidget-launcher {
        right: -9px !important;
        bottom: 77px !important;
        width: 60px !important
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .paddingContent {
        padding: 0 1%
    }

    #myOrg>div {
        margin: 0 !important
    }

    .layoutBoxProfile>div {
        margin: 0 !important
    }

    .layoutBoxChild {
        margin-left: 8px;
        margin-bottom: 8px
    }

    .layoutBoxChild>img {
        height: 144px !important
    }

    .boxTraceProfile>div:first-child {
        margin-right: 8px
    }

    .boxTraceProfile>div {
        margin-bottom: 8px
    }

    .creatorOrgAvatar {
        bottom: -19px
    }
}

#bodyContent>.paddingContent>kme-drafts>div>.showall {
    display: none
}

#bodyContent>.paddingContent>kme-my-courses>div>.showall {
    display: none
}

#bodyContent>.paddingContent>kme-inactive-courses>div>.showall {
    display: none
}

#bodyContent>.paddingContent>kme-list-categories>div>.showall {
    display: none
}

#bodyContent>.paddingContent>kme-available-courses>div>.showall {
    display: none
}

#bodyContent>.paddingContent>kme-moderated-courses>div>.showall {
    display: none
}

#bodyContent>.paddingContent>kme-drafts>div>.showall {
    display: none
}

.boxResetPassword {
    background: rgba(255, 255, 255, .7)
}

.headResetPassword {
    text-align: center;
    padding: 8px 0;
    font-size: 30px;
    background: #868686;
    color: #fff
}

.errorPassword ul {
    list-style: none;
    display: inline
}

#bannerProfileGroup {
    background: url(/static/images/big_cover_default.jpg);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 320px;
    position: relative
}

#bannerProfileGroup>div {
    position: absolute;
    bottom: 0;
    width: 100%
}

.pensumImg {
    background-size: cover !important;
    height: 500px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    position: relative
}

.bgDetailsCourse {
    background: #414141;
    height: 450px
}

.featureDetails {
    background: #646464;
    padding: 40px
}

.descriptionDetails,
.titleDetails {
    width: 100%
}

.aboutCourse {
    padding: 24px 40px
}

.aboutInfo {
    padding-right: 24px
}

.sessionDetails>div>div {
    height: 80px;
    line-height: 80px
}

.btnEnroll {
    padding: 8px 24px !important
}

.tags ul li {
    background: #545454;
    padding: 8px;
    padding: 8px;
    border-radius: 13px;
    margin: 0 5px;
    color: #fff
}

.avatarCreatorDetails {
    height: 70px;
    width: 70px;
    border: 2px solid #aaa
}

.box-day {
    background: rgba(255, 255, 255, .14)
}

.box-month,
.box-year {
    background: rgba(255, 255, 255, .2)
}

.box-month .month-day {
    font-size: 4em
}

.box-year h2 {
    font-weight: 100
}

.featureDetailsBox {
    padding: 40px 0 !important
}

.aboutInfo p *,
.moreInfoDetails p * {
    color: #888 !important;
    font-size: 1em !important;
    font-family: inherit !important;
    line-height: inherit !important
}

.titleItemsDetails {
    color: #666;
    font-weight: 100
}

#imageBackOrg {
    background-size:cover !important;
    height: 380px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    position: relative
}

.btnActionCourse {
    width: 25%;
    border-radius: 10px !important;
    font-size: .8em !important;
    padding: 6px 0 !important;
    color: #fff !important;
}

.btnActionCourse2 {
    width: 25%;
    border-radius: 10px !important;
    font-size: .8em !important;
    padding: 6px 0 !important;
    background: #fff;
}

.boxTraceDetails {
    width: 100%;
}

.boxTraceDetails:first-child {
    padding-bottom: 0 !important
}

.boxTraceDetails>div:first-child {
    padding-right: 8px
}

.sessionDetails {
    min-height: 100%
}

.md-card-heigh100 {
    min-height: 100%;
    height: 100%
}

.loadingBanner {
    top: 50%;
    height: 40px;
    width: 30%;
    margin: auto
}

.btnCourse {
    background: rgba(255, 255, 255, .3);
    border: 2px solid #fff;
    color: #fff
}

.img-max-width120 {
    max-width: 120px
}

.banner-btns-main {
    z-index: 0;
    position: absolute;
    width: 100%;
    top: 65px
}

.box-data1-colora {
    background: #78909c
}

.box-data1-colorb {
    background: #91a3ad;
    padding-top: 8px
}

.box-data2-colora {
    background: #0199a6
}

.box-data2-colorb {
    background: #02adc1;
    padding-top: 8px
}

.box-data3-colora {
    background: #00796a
}

.box-data3-colorb {
    background: #2e9786;
    padding-top: 8px
}

.box-data4-colora {
    background: #449e47
}

.box-data4-colorb {
    background: #56b03e;
    padding-top: 8px
}

.filterImg {
    background: rgba(0, 0, 0, .5);
    height: 445px;
    width: 100%;
    display: inline-flex;
    position: relative;
    margin-top: -404px
}

.filterImgOrg {
    background: rgba(0, 0, 0, .5);
    height: 383px;
    width: 100%;
    display: inline-flex;
    position: relative
}

#contentMenuAdmin modal-iframe:focus {
    outline: #fff !important
}

modal-iframe>a>translate {
    color: rgba(0, 0, 0, .87)
}

.imgSessions {
    height: 150px !important
}

.modEvent,
.subEvent {
    background: #607d8b;
    color: #fff
}

.submod {
    background: #eee;
    color: #353433
}

.btn-lock-details {
    background: #bdbdbd !important;
    pointer-events: none !important;
    color: #757271 !important
}

.round-progress-wrapper {
    width: 83% !important
}

.progressbar-text {
    font-size: 1.3rem !important
}

.progress-wrapper>.progress {
    left: 44% !important;
    height: 55px
}

.round-progress-wrapper>svg {
    max-width: 100% !important;
    height: auto !important;
    min-width: 100% !important
}

.descriptionModule {
    padding: 16px;
    padding-top: 0;
    background: #f5f5f5;
    margin: 0;
    overflow: hidden
}

.descriptionModule p {
    padding: 0
}

.percentageModule {
    margin-bottom: 14px
}

.progress-wrapper {
    position: relative;
    font-size: 1.3em
}

.progress {
    position: absolute;
    line-height: 1
}

.progress span {
    font-size: .7em
}

.img-module {
    height: auto;
    width: 100%
}

.positionModule {
    position: absolute;
    top: -10px;
    left: 16px
}

.positionModule span {
    padding: 5px 11px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .38)
}

.sectionModules {
    margin-top: 5px
}

.sectionContents {
    margin-top: 5px !important
}

.label-status {
    color: #fff;
    padding: 5px 10px;
    border-radius: 10px;
    display: block;
    width: 100%;
    margin: 3px 0
}

.label-status.completed {
    background: #43a047
}

.text-color-completed {
    color: #43a047 !important
}

.label-status.inProgress {
    background: #f44336
}

.text-color-inProgress {
    color: #f44336 !important
}

.label-status.next {
    background: #ccc
}

.text-color-next {
    color: #ccc !important
}

.label-status.info {
    background: #00bcd4
}

.text-color-info {
    color: #00bcd4 !important
}

.label-status.warning {
    background: #ffc107;
    color: #2d2b2b
}

.text-color-warning {
    color: #ffc107 !important
}

.text-color-danger {
    color: ##980800 !important
}

.listContents {
    padding: 8px 0 0;
    border-bottom: 1px solid #ccc
}

.listContents:last-child {
    border: 0
}

.boxCollapse {
    background: #f1f3f5;
    padding: 0 16px;
    height: 100px;
    overflow: hidden;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s
}

.boxCollapse.ng-hide-remove {
    height: 100px;
    overflow: hidden
}

.boxCollapse.ng-hide {
    height: 0
}

.boxCollapse p.ng-hide {
    display: block !important
}

.bg_bookmark {
    background: #8bc34a;
    color: #fff !important
}

.bg_lti_content {
    background: gray;
    color: #fff !important
}

.bg_topic,
.bg_tribe {
    background: #f44336;
    color: #fff !important
}

.bg_blog {
    background: #ff5722;
    color: #fff !important
}

.bg_videoconference {
    background: #9c27b0;
    color: #fff !important
}
.overflowhidden{
    overflow: hidden;
}

.bg_task {
    background-color: #009688 !important;
    color: #fff !important
}

.bg_test {
    background-color: #ff9800 !important
}

.contentImage {
    overflow: hidden;
    height: 150px
}

.bgevents{
    background-color: #0091FF;
}

.linkImageContent {
    line-height: 0 !important;
    display: block !important
}

.text_short_title {
    max-height: 55px;
    overflow: hidden;
    font-weight: bolder
}

.btnUploadImageCategory {
    position: absolute !important;
    right: 35px;
    margin-bottom: 24px !important;
    cursor: pointer;
    padding: 8px
}

.btnUploadImageCategory input {
    display: none
}

.imgCreateOrg,
.imgLoginOrg img {
    width: 100%
}

.imgLoginOrg {
    margin-right: -8px;
    margin-left: -8px
}

.btnUploadImage {
    position: absolute !important;
    bottom: 0;
    right: 24px;
    margin-bottom: 24px !important;
    cursor: pointer;
    padding: 8px
}

.btnUploadImage input {
    display: none
}

.btnUploadImage-in {
    padding: 8px 50px;
    border-radius: 5px;
    cursor: pointer
}

.switchOrgs {
    margin: 0;
    display: inline-block;
    padding-left: 24px
}

.switchForms {
    margin: 0;
    display: inline-block;
    padding-left: 65px
}

.numberStep {
    padding: 4px 10px !important;
    margin-left: -24px
}

.fakeLogin {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 25%;
    display: inline-block;
    box-shadow: 0 0 6px 1px rgba(20, 16, 16, .54);
    position: absolute;
    height: 180px;
    margin-top: 24px;
    left: 50%;
    top: 38%;
    background: rgba(255, 255, 255, .61)
}

.barOrgfake {
    height: 34px
}

#itemListFake li {
    padding: 8px
}

#itemListFake li.active {
    background: #979797
}

.areaLogo {
    height: 80px;
    width: 90px;
    background: #eee;
    outline: 2px solid #ccc;
    outline-style: dashed;
    cursor: pointer !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important
}

.areaLogo .iconLogo {
    position: relative;
    top: 30px
}

.menuDashboardOrg {
    position: absolute;
    right: 0;
    background: #fff;
    padding: 5px 0 !important;
    margin: 10px;
    border-radius: 50%
}

.alert-landing .md-toast-content {
    background: #4caf50
}

.viewerPoll{
    background: #3a3a3a;
}

#questbarOptions {
    height: 100%;
    right: 0;
    background: rgba(22, 21, 21, .73);
    z-index: 990;
    position: fixed !important;
    top: 0
}

.questSlides-xs {
    position: fixed;
    z-index: 999;
    height: 100%;
    overflow: auto;
    background: rgba(0, 0, 0, .56);
    top: 0;
    left: 0
}

.questSlides-md {
    background: rgba(0, 0, 0, .56)
}

.progressQuest {
    bottom: 3px;
    width: 100%;
    transition: .5s linear all;
    opacity: 1
}

.progressQuest.ng-hide {
    opacity: 0
}

.progressQuestStyle md-progress-linear ._md-container,
.progressQuestStyle md-progress-linear ._md-container ._md-bar {
    height: 9px
}

.progressQuestStyle md-progress-linear ._md-container {
    background-color: rgba(16, 16, 16, .48) !important
}

.progressQuestStyle md-progress-linear ._md-bar {
    background-color: #00b8d4 !important
}

.timeQuest {
    bottom: 24px;
    left: 24px;
    background: rgba(0, 0, 0, .74);
    color: #fff;
    padding: 5px;
    border-radius: 7px;
    transition: .5s linear all;
    opacity: 1
}

.timeQuest.ng-hide {
    opacity: 0
}

.transitionsBar {
    transition: .5s;
    width: 0;
    padding: 0 !important
}

.onAnimationSlides {
    width: 120px
}

.onAnimationBar {
    width: 9%
}

.contentInfo {
    top: 0;
    width: 0;
    background: rgba(0, 0, 0, .74);
    position: fixed;
    z-index: 9999;
    height: auto;
    right: -17px;
    min-height: 100%;
    padding: 0;
    margin: 0;
    transition: .5s linear all
}

.contentInfo.ng-hide {
    width: 40%;
    display: block !important
}

.zoneSwipe {
    padding: 0 20px !important;
    position: absolute;
    width: 4em;
    top: 0;
    height: 100%;
    z-index: 100
}

.zoneLeft {
    right: 0;
    background: 0 0;
    background: -webkit-linear-gradient(to right, rgba(13, 13, 12, 0), rgba(4, 4, 4, .15));
    background: -o-linear-gradient(to right, rgba(13, 13, 12, 0), rgba(4, 4, 4, .15));
    background: -moz-linear-gradient(to right, rgba(13, 13, 12, 0), rgba(4, 4, 4, .15));
    background: linear-gradient(to right, rgba(13, 13, 12, 0), rgba(4, 4, 4, .15))
}

.zoneRight {
    left: 0;
    background: 0 0;
    background: -webkit-linear-gradient(to right, rgba(4, 4, 4, .15), rgba(13, 13, 12, 0));
    background: -o-linear-gradient(to right, rgba(4, 4, 4, .15), rgba(13, 13, 12, 0));
    background: -moz-linear-gradient(to right, rgba(4, 4, 4, .15), rgba(13, 13, 12, 0));
    background: linear-gradient(to right, rgba(4, 4, 4, .15), rgba(13, 13, 12, 0))
}

.letter {
    padding: 4px 8px
}

.contentQuest {
    overflow: auto;
    background-color: #f6f6f6 !important
}

.editTabColor {
    position: absolute !important;
    bottom: -39px;
    left: 0
}

.round-progress-wrapper {
    margin: auto
}

.text-task-desc>div>p {
    padding: 8px
}

@media only screen and (min-width:1025px) {
    .btnBackModule {
        left: -47px;
        padding-left: 47px !important;
        z-index: 999
    }

    #tabsObjectsDetails md-tabs-wrapper {
        padding-left: 55px
    }

    .progressQuest {
        bottom: 68px !important
    }

    .contentInfo.ng-hide {
        width: 30%;
        display: block !important
    }

    .letter {
        padding: 10px 8px
    }
}

@media screen and (max-width:820px) {
    .timeQuest {
        top: 7% !important;
        background: #001950 !important;
        position: absolute
    }

    .bg-statements>p {
        margin-block-start: 0;
        margin-block-end: 0
    }
}

#gallerysm {
    padding-bottom: 50px
}

.btnUploadTask {
    cursor: pointer
}

.btnUploadTask #uploadTask {
    display: none
}

.text-task-desc>div>p {
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.miniSlideDesktop {
    height: 80px;
    background-size: cover !important;
    background-color: #fff
}

.bg-statements {
    background:rgb(250,250,250);
    /*background: #aaa;*/
    /*color: #fff !important*/
}

#barOptionLg {
    background: rgba(22, 21, 21, .73);
    height: 50px;
    bottom: 0;
    width: 100%;
    transition: .5s linear all
}

#barOptionLg.ng-hide {
    height: 0;
    opacity: 0
}

.transitionsBar-lg {
    transition: .5s linear all;
    height: 0;
    opacity: 0;
    overflow: hidden
}

.onAnimationSlides-lg {
    height: 96px;
    opacity: 1
}

.opacity05 {
    opacity: .3
}

.instruction {
    display: none !important
}

.selectAnswer {
    background: #7dd0da !important
}

.positionArrow {
    position: relative;
    top: 35%
}

.showImages {
    top: 30%;
    left: 35%;
    background: rgba(39, 41, 47, .45) !important
}

button.md-kme-theme {
    background: #009688;
    color: #fff !important
}

.area {
    height: 100%;
    width: 100%;
    background: 0 0;
    position: absolute;
    top: 0
}

.buttonNav {
    position: fixed;
    bottom: 16px;
    right: 10%
}

#progressContainer md-progress-linear {
    height: 0
}

#diapositiveTextDesktop>ol>li {
    text-align: left !important
}

.border_blink {
    border: 5px solid #000;
    border-radius: 50%;
    margin: 5px
}

.effect_blink {
    animation: blinker 1s linear infinite
}

@keyframes blinker {
    50% {
        border-color: #fff
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    md-toolbar {
        height: 70px;
    }
    .btnActionCourse {
        width: -webkit-fill-available;
        border-radius: 10px !important;
        font-size: .8em !important;
        padding: 6px 0 !important;
        color: #fff !important;
    }

    .btnActionCourse2 {
        width: -webkit-fill-available;
        border-radius: 10px !important;
        font-size: .8em !important;
        padding: 6px 0 !important;
        background: #fff;
    }

    .instruction {
        background: #dbdada;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 999;
        display: flex !important;
        display: -webkit-flex
    }

    #toastParent {
        bottom: 0 !important;
        right: 0 !important;
        display: inline !important;
        top: 90% !important;
        z-index: 100000 !important;
        min-width: 200px !important
    }
}

@media only screen and (max-width:959px) and (min-width:300px) {
    #barOptionLg {
        height: 100%;
        right: 0;
        width: 56px
    }

    #barOptionLg>div {
        margin-bottom: 10px !important
    }

    .questionLayoutclass>div>span {
        max-width: 100% !important
    }
}

#headerEvent {
    height: 150px
}

.backHeaderEvent {
    background: url(/static/images/imagesEvent/nameEvent.jpg);
    background-position: right;
    background-repeat: no-repeat;
    background-color: #6c6d72
}

.contentPaddingEvent {
    padding: 2% 8% !important
}

#navtabsCourse {
    background: #eee
}

#navtabsCourse>a {
    padding: 14px;
    color: #666;
    text-decoration: none
}

#navtabsCourse.back {
    padding: 5px 0
}

#navtabsCourse>button>md-icon {
    color: #3e0098
}

#navtabsCourse>a:hover {
    border-bottom: 3px solid #3e0098;
    padding-bottom: 10px
}

#navtabsCourse>a.active {
    border-bottom: 3px solid #3e0098;
    padding-bottom: 11px
}
.center-icon-cover{
    display: flex !important;
    margin-top: 15% !important;
    justify-content: center !important;
}
.tab-content>.tab-pane {
    display: none
}
.md-text-white{
    color: white !important;
}
.tab-content>.active {
    display: block
}

.actionEditCourse {
    margin-bottom: 0 !important
}
.max-width100{
    max-width: 100% !important;
}
.labelEditCourse {
    font-size: 1em;
    color: #000;
    font-weight: 500
}

.boxSecondary {
    background: #eee;
    border: 2px #ccc;
    border-style: dashed
}

.boxSecondaryLight {
    background: #fff;
    border: 2px #ccc;
    border-style: solid
}

.btnNewItem {
    width: 88%
}

.marginBottomClear {
    margin-bottom: 0 !important
}

.marginTopClear {
    margin-top: 0 !important
}

#infoCourse md-input-container.md-input-focused .md-input,
md-select:not([disabled]) {
    border-color: #00b8d4 !important
}

#infoCourse md-input-container .md-input {
    color: rgba(0, 0, 0, .5)
}

#infoCourse md-input-container:not(.md-input-has-value) input:not(:focus) {
    font-style: italic
}

#infoCourse md-input-container label:not(._md-container-ignore),
#infoCourse md-input-container:not(.md-input-invalid).md-input-has-value label {
    color: #000;
    font-weight: 500
}

#infoCourse ._md-select-value>span:not(._md-select-icon) {
    color: rgba(0, 0, 0, .54)
}

#sessionCourse ._day ._md-select-value ._md-text {
    font-size: 48px
}

#sessionCourse ._month ._md-select-value ._md-text {
    font-size: 24px
}

.disable_block_date {
    opacity: .4;
    pointer-events: none
}

.imgAvatarTutor {
    width: 34px !important;
    height: 34px !important
}

.imgAvatarStudent {
    width: 34px !important;
    height: 34px !important
}

.boxShadowContent {
    -webkit-box-shadow: 1px 0 7px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 1px 0 7px 0 rgba(0, 0, 0, .5);
    box-shadow: 1px 0 7px 0 rgba(0, 0, 0, .5)
}

.boxPosMod md-select-value {
    min-width: 0
}

.sizeBadges {
    height: 80px;
    max-width: 80px
}

.badgeTitle {
    color: #21a2de;
    text-decoration: underline
}

.text-tittle {
    color: #05377d;
    font-weight: 700
}

.text-title-type {
    color: #fff
}

.alertManageModule .md-toast-content {
    background-color: #43a047 !important;
    color: #fff !important
}

.boxOptionQuest {
    background: #fafafa !important;
    color: #555;
    padding: 10px 25px !important
}

.boxOptionQuest md-icon {
    padding-top: 10px !important
}

.btnDeleteSlide {
    background: #fafafa !important
}

.boxBgSlide {
    background: #fafafa !important;
    border: 1px solid #ccc;
    border-top: 0
}

.boxminiSlide {
    padding: 25px 35px !important
}

.newBoxSlide {
    background: rgba(0, 0, 0, 0) !important;
    border: 3px dashed #fff !important;
    padding: 22px 35px !important
}

.labelQuest {
    font-weight: 700;
    color: #9b9b9b
}

.tabsSlidesQuest {
    background: #eee
}

.tabsSlidesQuest md-ink-bar {
    background-color: #3e0098 !important
}

.questSwitch.md-checked ._md-thumb {
    background-color: #00bcd4
}

.questSwitch.md-checked ._md-bar {
    background-color: rgba(0, 188, 212, .47)
}

.radioQuest ._md-on {
    background-color: #00bcd4
}

.radioQuest.md-checked ._md-off {
    border-color: #00bcd4
}

.gradingNote {
    background: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    text-align: center
}

.listTemplate.danger ._md-select-placeholder {
    color: #d50000 !important
}

.fixedBtn {
    position: fixed !important;
    top: 10px;
    left: 15px;
    z-index: 999;
    width: 18%
}

.btn_editCatalogue.textgray {
    color: #8b8b8b !important
}

.inputUploadTask {
    background: #272626;
    padding: 15px;
    color: #fff;
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.labelUploadTask {
    background: #343434;
    color: #fff;
    padding: 14px 40px 16px 40px;
    border-radius: 5px 0 0 5px;
    cursor: pointer
}

.boxUploadTask {
    border-radius: 5px
}

.itemOpened {
    background: #00bcd4
}

@media only screen and (max-width:959px) and (min-width:320px) {
    .iframe-video-contentplayer {
        height: 330px !important
    }
}

@media only screen and (max-width:959px) and (min-width:320px) {
    .iframe-video-contentplayer {
        height: 330px !important
    }
}

@media only screen and (max-width:1366px) and (min-width:960px) {
    .video-contentplayer {
        overflow: hidden
    }

    .iframe-video-contentplayer {
        height: 570px !important
    }
}

@media only screen and (max-width:1400px) and (min-width:1367px) {
    .video-contentplayer {
        margin: auto;
        overflow: hidden
    }

    .iframe-video-contentplayer {
        height: 610px !important
    }
}

@media only screen and (max-width:1680px) and (min-width:1401px) {
    .video-contentplayer {
        margin: auto;
        overflow: hidden
    }

    .iframe-video-contentplayer {
        height: 700px !important
    }
}

@media only screen and (max-width:1820px) and (min-width:1681px) {
    .video-contentplayer {
        margin: auto;
        overflow: hidden
    }

    .iframe-video-contentplayer {
        height: 800px !important
    }
}

@media only screen and (max-width:1920px) and (min-width:11820px) {
    .video-contentplayer {
        margin: auto;
        overflow: hidden
    }

    .iframe-video-contentplayer {
        height: 870px !important
    }
}

@media only screen and (min-width:1921px) {
    .video-contentplayer {
        margin: auto;
        overflow: hidden
    }

    .iframe-video-contentplayer {
        height: 610px !important
    }
}

#navtabs {
    background: #3a9785;
    padding-left: 10%;
    padding-right: 10%
}

#navtabs>a {
    padding: 8px;
    color: #fff;
    text-decoration: none
}

#navtabs>a:hover {
    border-bottom: 3px solid #464445;
    padding-bottom: 5px
}

#sidebar--description {
    font-size: 14px
}

.container-advanceround {
    width: 83%;
    position: relative
}

#itemsSideBar {
    min-height: 300px;
    margin-top: 0
}

#itemsSideBar>li>a.selected {
    color: #575757;
    background: #c4c4c4;
    border-radius: 0
}

#itemsSideBar li a {
    color: #575757;
    color: #fff !important;
    text-shadow: 1px 1px 3px #000 !important
}

.icon-gray {
    color: #575757
}

#content-kme>.flex-30 {
    position: relative
}

#content-kme>.sidebar-content-kme {
    width: 25%
}

.item--module {
    padding: 8px;
    padding-left: 20%;
    width: 100%;
    text-decoration: none;
    color: #4a4a4a
}

.item--content {
    padding: 8px;
    padding-left: 10%;
    width: 100%;
    text-decoration: none;
    color: #4a4a4a;
    text-shadow: 1px 1px 3px #000 !important
}

.item--content:hover {
    background-color: #c4c4c4;
    color: #414141 !important
}

#view--grades {
    background-color: #49a493 !important;
    color: #fff !important
}

#view--exit {
    background-color: #eee !important;
    color: #868686 !important;
    font-weight: bolder
}

kme-big-box>md-card>md-card-header>md-card-header-text {
    min-height: 40px;
    max-height: 60px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    max-width: 100%
}

kme-big-box>md-card>md-card-header>md-card-header-text>span {
    font-size: 18px !important
}

.descriptionModule {
    height: 85px
}

.dp48 {
    font-size: 48px !important
}

.dp36 {
    font-size: 36px !important
}

.dp24 {
    font-size: 24px !important
}

.dp14 {
    font-size: 14px !important
}

.dp12 {
    font-size: 12px !important
}

.no-bs>.md-chips {
    box-shadow: none;
    height: 40px
}

.no-bs>.md-chips>md-chip {
    font-size: 10px;
    width: 30%
}

.no-bs>.md-chips>md-chip>._md-chip-content {
    text-align: center;
    width: 100%
}

#courseTags {
    height: 60px;
    padding-bottom: 8px;
    width: 100%
}

#courseTags>span {
    width: 24% !important;
    display: inline-block;
    border-radius: 16px;
    background: #bcbcbc;
    padding: 5px;
    margin: 1%;
    color: #3c3c3c;
    text-align: center;
    max-height: 25px
}

.breadcrumps {
    font-size: 0.8rem;
    color: #283593 !important;
    margin: 15px 0px 0px 0px;
}

.breadcrumps>a {
    text-decoration: none
}

.catalog_filter {
    padding-bottom: 0;
    padding-top: 0
}

.itemParent {
    padding-left: 4%
}

#itemsSideBar li a md-icon {
    text-align: center
}

.courseTitleLeft {
    margin-bottom: 15px !important
}

#verticalMenu>ul>li>a {
    padding: 8px !important
}

.Powered-by>a {
    text-decoration: none;
    color: #fff !important
}

.Powered-by>a:hover {
    color: #fff !important
}

#headAvatar img {
    margin: 10px auto;
    width: 50% !important
}

.bodyData li {
    margin: auto 10px;
    text-align: center;
    max-width: 250px
}

.pagination-div {
    font-size: 13px;
    font-weight: 600;
    color: #444;
    margin-left: 20px
}

.pagination-div button {
    width: 50px !important;
    min-width: 0 !important
}

#table_ranking{
    overflow: hidden;
}

@media only screen and (max-width:700px) {
    #verticalMenu {
        position: fixed !important;
        transition: left .2s;
        z-index: 98;
        height: 100%;
        top: 20px !important;
        padding-top: 50px
    }
}

@media only screen and (max-width:599px) {
    .md-margin-clear-xs {
        margin: 0 !important
    }

    #login {
        padding: 0
    }

    #verticalMenu>ul {
        height: 560px !important;
        overflow: auto;
        margin-top: 30px
    }

    .activeBtn {
        position: relative;
        left: 7px
    }

    .menuFlap {
        position: fixed !important;
        top: 0 !important;
        height: 100%;
        width: 20% !important
    }

    #bodyContent {
        left: 0;
        position: inherit;
        width: 100%
    }

    kme-big-box>md-card>md-card-header>md-card-header-text {
        max-height: 100%
    }

    .titleDetails {
        width: 100%
    }

    .bgDetailsCourse {
        height: 100%
    }

    #courseMainInfo,
    #itemsSideBar,
    .breadcrumps {
        height: 100% !important;
        min-height: 100%
    }

    #courseMainInfo .enrollAction a,
    #courseMainInfo .enrollAction button {
        width: 100%;
        margin: 0
    }

    .pensumImg {
        height: 210px
    }

    .boxTraceProfile {
        padding-right: 8px !important;
        padding-left: 8px !important
    }

    #profile .layoutBoxProfile {
        margin-top: 16px !important
    }

    #profile .layoutBoxProfile .layoutBoxChild,
    .myCoursesInteraction .layoutBoxProfile {
        margin: 15px 0 !important
    }

    #profile .layoutBoxProfile .layoutBoxChild>img,
    .myCoursesInteraction .layoutBoxChild>img {
        height: 224px !important
    }

    .btnChangePass {
        top: -56px
    }

    .btnUploadImageProfile {
        top: -60px
    }

    #courseTags {
        height: 100% !important
    }

    .container {
        padding-left: 2% !important;
        padding-right: 2% !important
    }

    #verticalMenu {
        width: 70% !important
    }

    .layoutBoxChild>img {
        height: 225px !important
    }

    .paddingCont {
        padding-left: 2%;
        padding-right: 2%
    }

    .md-padding-40-lr {
        margin-left: -40px !important;
        margin-right: -40px !important
    }

    #myCoursesInteraction {
        padding-left: 2%;
        padding-right: 2%
    }

    #myOrg {
        padding-left: 2%;
        padding-right: 2%;
        display: flex;
        align-content: center;
    }

    .closeifbtn {
        top: 20px !important;
        right: 4% !important
    }

    .fullScreenifbtn {
        top: 20px !important;
        right: 16% !important
    }

    p>iframe {
        width: 90%
    }

    .containerBig {
        overflow: scroll
    }

    #verticalMenu.fullMenu {
        position: fixed !important
    }

    .containerFull {
        width: initial !important;
        padding: 5px
    }

    .contentImage {
        min-height: 175px !important;
        height: 150px
    }

    .styleTagStatus {
        padding-top: 0 !important;
        border-top: 0;
        border-right: 0
    }

    .logoMain {
        margin-left: 0 !important;
        margin: 0 !important;
        padding: 0 !important
    }

    .nameOrg h1 {
        font-size: .7em !important
    }

    .catalogueImageBox {
        height: 230px !important
    }

    .overlayImage {
        height: 100%
    }

    .overlayImage.overlayEvents {
        height: 100% !important
    }

    .btnActionCourse {
        width: 80% !important
    }

    #tutorDetails {
        margin-top: 16px
    }

    .imgSessions {
        height: 250px !important
    }

    #imageBackCategory {
        background-size: cover !important
    }

    #headerEvent {
        height: 100%
    }

    .backHeaderEvent {
        padding: 20px 0
    }

    .coverEvent {
        height: 176px
    }

    .contentCover {
        height: auto;
        position: relative
    }

    .comment-masonry {
        columns: 100%;
        column-gap: 0
    }
}

@supports(overflow:-webkit-marquee) and (justify-content:inherit) {
    .layout-column {
        display: block !important
    }
}

@media only screen and (max-width:600px) and (min-width:300px) {
    #courseMainInfo {
        display: contents;
    }

    #courseMainInfo>.itemsbarcourse {
        width: 100%;
    }

    .profilebox {
        margin: 16px
    }

    .paddingContent>h3 {
        margin-left: 19px
    }
}

@media only screen and (min-width:600px) and (max-width:959px) {
    .md-margin-clear-sm {
        margin: 0 !important
    }

    #navbar-main {
        z-index: 10
    }

    #verticalMenu {
        width: 35%
    }

    #bodyContent {
        width: 65%
    }

    .activeBtn {
        position: relative;
        left: 7px
    }

    #courseMainInfo,
    #courseMainInfo>img,
    .img-module {
        max-height: 100%;
        height: 100%
    }

    .pensumImg {
        height: 270px
    }

    #quest {
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 120 !important
    }

    #_closePLAYER {
        right: 0 !important;
        top: 0 !important
    }

    #barOptionLg {
        height: 100%;
        right: 0;
        width: 56px
    }

    #barOptionLg.ng-hide {
        right: -10px;
        opacity: 0;
        height: 100%
    }

    #infofinish {
        width: 100% !important;
        height: 100% !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 124 !important
    }

    #finishClose {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 124 !important;
        padding: 8px
    }

    .choice {
        margin-left: 0 !important
    }

    .containerFull {
        width: 480px !important
    }

    .layoutBoxChild {
        margin-left: 0
    }

    .btnActionCourse {
        width: 50% !important
    }

    #tutorDetails {
        margin-top: 16px
    }

    #toastParent {
        bottom: 0 !important;
        right: 0 !important;
        display: none !important;
        top: 90% !important;
        z-index: 100000 !important;
        min-width: 200px !important
    }

    #imageBackCategory {
        background-size: cover !important
    }

    .descriptionModule {
        padding: 0 4px
    }

    .descriptionModule p {
        padding: 0 16px
    }

    .overlayImage {
        height: 127px
    }

    .overlayImage.overlayEvents {
        height: 100% !important
    }

    .jwplayer {
        height: 77vh !important;
        width: 80% !important
    }
    .jwplayer .jw-media video{
        object-fit: contain !important;
    }
    .jwplayer.jw-stretch-uniform .jw-media video {
        object-fit: contain !important;
    }
    #profile .layoutBoxProfile {
        margin-top: 16px !important
    }

    #profile .layoutBoxProfile>div:first-child {
        padding-right: 0 !important
    }

    #profile .layoutBoxProfile>div:last-child {
        padding-left: 0 !important
    }

    .btnChangePass {
        top: -56px
    }

    .btnUploadImageProfile {
        top: -60px
    }

    #myCoursesInteraction {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:1320px) and (min-width:960px) {
    #tutorDetails {
        padding-left: 8px
    }

    #datesDetails {
        padding-right: 8px
    }

    #verticalMenu>ul {
        height: 85% !important;
        overflow: auto;
        position: fixed !important;
        width: 20% !important
    }
}

@media only screen and (max-width:1520px) and (min-width:1321px) {
    #tutorDetails {
        padding-left: 8px
    }

    #datesDetails {
        padding-right: 8px
    }

    #verticalMenu>ul {
        height: 85% !important;
        overflow: auto;
        position: fixed !important;
        width: 20% !important
    }

    .img-module {
        width: 100%;
        height: 330%
    }

    .verticalImg {
        height: 270px !important
    }
}

@media only screen and (max-width:1919px) and (min-width:1521px) {
    .img-module {
        width: 100%;
        height: 370px
    }

    .verticalImg {
        height: 320px !important
    }

    #verticalMenu>ul {
        position: fixed !important;
        height: 90% !important;
        width: 20% !important;
        overflow: auto
    }
}

@media only screen and (min-width:1920px) {
    .img-module {
        width: 100%;
        height: 370px
    }

    .verticalImg {
        height: 350px !important
    }

    #verticalMenu>ul {
        position: fixed !important;
        height: 90% !important;
        width: 20% !important;
        overflow: auto
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .layoutBoxChild {
        margin-right: 8px
    }

    .containerFull {
        width: 500px !important;
        margin: auto
    }

    .verticalImg {
        height: 400px
    }

    .widthContent {
        width: 45% !important
    }

    .overlayImage {
        height: 127px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {
    .layoutBoxChild {
        margin-right: 8px
    }

    .containerFull {
        width: 768px !important;
        margin: auto
    }

    .creatorOrgAvatar {
        bottom: 9px
    }

    .overlayImage {
        height: 95px
    }
}

@media only screen and (min-device-width:560px) and (max-device-width:736px) {
    .addbtns {
        margin-top: -4px !important;
        padding-top: 0 !important
    }

    .addbtns>ul>li>button {
        padding-top: 1px !important;
        padding-bottom: 1px !important
    }

    #toastParent {
        right: 35% !important
    }

    #_closePLAYER {
        visibility: hidden
    }
}

p>#questionImage {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

p>#questionFile {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    text-align: center
}

.md-padding-8-all.md-img-rounded.layout-margin.ng-scope.md-whiteframe-1dp.md-bg-light.layout-align-center-center.layout-row.flex {
    width: 100%;
}

.md-padding-8-all.md-img-rounded.layout-margin.ng-scope.md-whiteframe-1dp.layout-align-center-center.layout-row.flex.selectAnswer {
    width: 100%;
}

md-tooltip {
    z-index: 200 !important
}

#openLabel {
    color: #3c3c3c !important
}

#openAnswer {
    background: #eee;
    color: #000 !important
}


#itemsSideBar {
    min-height: 150px !important
}

.title_big_box {
    height: 80px
}

@media only screen and (max-width:750px) and (min-width:450px) {
    .widthContent {
        width: 45% !important
    }
}

#navtabs>a>.md-button:not([disabled]):hover {
    background-color: transparent !important
}

.btntabs {
    width: 100%;
    margin-left: -1px;
    color: #fff;
    padding: 0;
    margin: 0 !important;
    border-radius: 0 !important
}

@media only screen and (max-width:760px) {
    .layout-xs-column2 {
        flex-direction: column !important;
        flex: 1 0 auto !important
    }

    #navtabs {
        padding-left: 0 !important;
        padding-right: 0 !important;
        justify-content: initial
    }

    .logoMain>img {
        max-width: 100%;
        padding-left: 6px
    }

    #rankingResourcesTop {
        margin-top: 130px !important
    }

    .my-custom-stars {
        padding: 0 !important
    }

    .md-modal-movilw {
        width: 95% !important
    }

    .iframeSpeedtest {
        left: 2% !important;
        right: 2% !important;
        width: 96% !important
    }

    #mainContentFrame {
        width: 100% !important
    }
}

@media only screen and (min-width:769px) {
    #showhidetabs {
        visibility: hidden
    }
}

@media only screen and (max-width:1025px) and (min-width:761px) {
    #navtabs {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.nameOrg>.md-divider-vertical {
    visibility: hidden;
    position: absolute
}

#holder {
    border: 3px dashed #ccc;
    width: 100%;
    min-height: 250px
}

#holder.hover {
    border: 3px dashed #0c0
}

#holder img {
    display: block;
    margin: 10px auto;
}

#holder p {
    margin: 10px;
    font-size: 14px
}

#holder2 {
    border: 3px dashed #ccc;
    width: 100%;
    min-height: 250px
}

#holder2.hover {
    border: 3px dashed #0c0
}

#holder2 img {
    display: block;
    margin: 10px auto
}

#holder2 p {
    margin: 10px;
    font-size: 14px
}

#holdervid {
    border: 3px dashed #ccc;
    width: 100%;
    min-height: 190px
}

#holdervid.hover {
    border: 3px dashed #0c0
}

#holdervid img {
    display: block;
    margin: 10px auto
}

#holdervid p {
    margin: 10px;
    font-size: 14px
}

#holderfile {
    border: 3px dashed #ccc;
    width: 100%;
    min-height: 260px;
    padding-top: 20px
}

#holderfile.hover {
    border: 3px dashed #0c0
}

#holderfile img {
    display: block;
    margin: 10px auto
}

#holderfile p {
    margin: 10px;
    font-size: 14px
}

progress {
    width: 100%
}

progress:after {
    content: '%'
}

.fail {
    background: #c00;
    padding: 2px;
    color: #fff
}

.hidden {
    display: none !important
}

.vertical-divider {
    margin-left: 27px !important
}

safe-html>div>iframe {
    max-height: 280px
}

#videoemb {
    height: 240px !important
}

.fill-div {
    height: 100%;
    width: 100%
}

.md-ac-header {
    background-color: #eee;
    color: #666
}

.vis {
    display: none
}

.spacebetw {
    margin-right: 5px;
    margin-left: 5px
}

[draggable] {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -khtml-user-drag: element;
    -webkit-user-drag: element
}

.dragmod.over {
    border: 2px dashed #000
}

#crearContforms>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-ink-bar {
    background: #3e0098 !important
}

.existContentSelected {
    background: #eee !important;
    border: 1px solid #2196f3
}

.holder {
    border: 3px dashed #ccc;
    width: 100%;
    min-height: 250px
}

.holder.hover {
    border: 3px dashed #0c0
}
.min-w-m{
    min-width: max-content !important;
}
.holder img {
    display: block;
    margin: 10px auto;
    max-width: -webkit-fill-available;
}

.holder p {
    margin: 10px;
    font-size: 14px
}

.holder2 {
    border: 3px dashed #ccc;
    width: 100%;
    min-height: 250px
}

.holder2.hover {
    border: 3px dashed #0c0
}

.holder2 img {
    display: block;
    margin: 10px auto
}

.holder2 p {
    margin: 10px;
    font-size: 14px
}

.holdervid {
    border: 3px dashed #ccc;
    width: 100%;
    min-height: 190px
}

.holdervid.hover {
    border: 3px dashed #0c0
}

.holdervid img {
    display: block;
    margin: 10px auto
}

.holdervid p {
    margin: 10px;
    font-size: 14px
}

.holderfile {
    border: 3px dashed #ccc;
    width: 100%;
    min-height: 260px;
    padding-top: 20px
}

.holderfile.hover {
    border: 3px dashed #0c0
}

.holderfile img {
    display: block;
    margin: 10px auto
}

.holderfile p {
    margin: 10px;
    font-size: 14px
}

.boxSecondary>md-select {
    font-size: 40px
}

.same-password {
    color: #d50000;
    font-size: 12px;
    line-height: 14px
}

.invert>._md-label {
    left: 0;
    position: relative;
    margin-right: 10px;
    margin-left: 0;
    padding-left: 0
}

.invert>._md-container {
    position: relative;
    left: 200px
}

.margin-top-10 {
    margin-top: 11px !important
}

section.layoutBoxProfile {
    margin-bottom: 15px
}

.contentQuest {
    margin-top: 16px
}

.back_tab {
    background: #eee
}

.back_tab>a {
    padding: 14px;
    color: #666;
    text-decoration: none
}

.back_tab.back {
    padding: 5px 0
}

.back_tab>button>md-icon {
    color: #3e0098
}

.back_tab>a:hover {
    border-bottom: 3px solid #3e0098;
    padding-bottom: 10px
}

.back_tab>a.active {
    border-bottom: 3px solid #3e0098;
    padding-bottom: 11px
}

module-resources>.resource_container {
    width: 70%;
    margin: 0 auto
}

.dialog-md {
    min-width: 750px;
    margin: 0 auto;
    padding: 16px
}


.box-info-container>div {
    margin: 2.5%
}

.box-info-container>div>div {
    height: 124px
}

.container-md {
    width: 60%;
    margin: 0 auto
}

md-pagination-wrapper.md-center-tabs {
    width: 100% !important
}

#contentMenuAdmin>md-menu-item>.md-button:hover {
    background-color: #fff !important
}

md-menu-item>a {
    font-size: 16px !important;
    text-decoration: none !important;
    color: rgba(0, 0, 0, .87) !important;
    background-color: #fff !important
}

#tableInteraction tr:nth-child(even) {
    background-color: #f2f2f2
}

#tableInteraction tr:hover {
    background-color: #ddd
}

#tableInteraction {
    border-collapse: collapse;
    width: 100%
}

.infoalbum {
    height: 100%;
    background: #fff
}

#tableInteraction td,
#tableInteraction th {
    border: 1px solid #ddd;
    padding: 8px
}

.profile-album {
    width: 50px;
    position: absolute;
    top: -27px;
    left: 15px
}

.profile-wall {
    width: 50px !important;
    height: auto !important
}

#tableInteraction tr:nth-child(even) {
    background-color: #f2f2f2
}

#tableInteraction tr:hover {
    background-color: #ddd
}

#tableInteraction th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    color: #fff
}

.profileIndicators>div {
    padding: 8px
}

.profileIndicators>div>div>div {
    padding: 8px
}

.md-velocity-theme {
    position: fixed;
    bottom: 100px;
    left: 100px
}

#datesDetails {
    width: 100%;
}

#tutorDetails {
    width: 100%;
}

.box-stadistics {
    border-style: solid;
    border-color: #e7e7e7;
    border-width: 1px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
    height: 99px;
    background: #fff
}

.box-stadistics2>h2 {
    margin-block-start: auto !important
}

.sectionbtnsmovile {
    background: #c6c6c6
}

.md-rating>div>a>i.material-icons {
    font-size: 20px !important
}

.socialIconsResource>a>md-icon {
    width: 50px !important;
    height: auto !important
}

.know-tabs-trans>md-tabs-content-wrapper {
    background-color: #fff !important
}

.tabslogin>md-tabs-wrapper>md-prev-button {
    visibility: hidden !important
}

.tabslogin>md-tabs-wrapper>md-next-button {
    visibility: hidden !important
}

.slideShowHdv,
.slideShowHdv img {
    width: 100%
}

.btnSlide {
    background-color: transparent;
    border: 2px solid transparent;
    display: inline-block;
    outline: 0;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    font-size: 40px
}

.btnSlide-left {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    margin-left: -8%
}

.btnSlide-right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    margin-right: -8%
}

.btnSlidem-left {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    margin-left: -12%
}

.btnSlidem-right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    margin-right: -12%
}

.animate-fading {
    animation: fading 10s infinite
}

.slideLink {
    background: #000;
    color: #fff !important;
    padding: 10px 30px;
    position: absolute;
    bottom: 0;
    right: 0
}

.controls-slide{
    display: flex;
    color: black !important;
    font-weight: bold;
    align-items : center;
    justify-content: flex-end;
    width: 90%;
    margin: auto;
}
.controls-slide p{
    color: #565656 !important;
    font-size: 20px;
    line-height: 1;
    margin: 0 10px;
}
.controls-slide a{
    color: #00a58f !important;
    font-size: 23px;
    border: 1px solid gray;
    border-radius: 100%;
    line-height: 1;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    background-color: #5656561a;
    padding: 0 2px 0px 0px;
    margin: 0 4px;
    cursor: pointer;
    justify-content: center;
}
.slider-title{
    font-weight: 100;
    width: 92%;
    margin: auto;
    margin-top: 2%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.slider-title a{
    font-size: 18px;
}

.introjs-helperLayer {
    background-color: #c4c4c4
}

#formLogin{
    display: none;
}

#formPassword{
    display: none;
}

.paragraphFormCCB {
    margin: 5px -5px;
    padding: 0px 20px;
}

.introjs-formLogin {
    background-color: #c4c4c4;
    margin: 0 auto !important;
    width: 600px !important;
    height: 740px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999998;
    background-color: #FFF;
    border: 1px solid #777;
    border: 1px solid rgba(0,0,0,.5);
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0,0,0,.4);
        -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
              transition: all 0.3s ease-out;
}

.introjs-showCheck {
    background-color: #c4c4c4;
    margin: 0 auto !important;
    width: 320px !important;
    height:126px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999998;
    background-color: #FFF;
    background-color: rgba(255,255,255,.9);
    border: 1px solid #777;
    border: 1px solid rgba(0,0,0,.5);
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0,0,0,.4);
        -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
              transition: all 0.3s ease-out;
}
/*CSS of popup menu to complete note*/
.complete_note {
    height: unset !important;
    width: unset !important;
    position: fixed;
}

.upload_fileicon {
    height: unset;
    width: unset;
    font-size: 30px !important;
}
.dashed_border{
    border: 2px dashed gray;
    display: inline-block;
    padding: 10px 20px;
}
.align-end{
    display: flex;
    flex-direction: row-reverse;
}
.content_complete_note{
    padding: 1em;
}
.close_note{
    color: white !important;
    margin: unset;
    cursor: pointer;
}
.spacing-tolbar{
    justify-content: space-between;
}
.flexdirection{
    flex-direction: column;
}
.size50{
    font-size: 50px !important;
}
.center-text{
    text-align: center;
}
.responsive-title{
    font-size: calc(0.65em + 1vw) !important;
}
@media (max-width: 996px) {
 .complete_note{
     width: 95% !important;
 }
}
.introjs-overlay-check {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    position: fixed !important;
    opacity: 0.8 !important;
    z-index: 999999;
    background-color: #000;
    opacity: 0;
    background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));
    background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    background: -o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    background: -ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    background: radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.md-btn-radius15 {
    border-radius: 15px
}

.buttonProfiles {
    background: #2edd7c !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    min-width: 110px !important;
    min-height: 27px !important;
    line-height: 27px !important;
    padding: 7px
}

.profile-tabs>md-tabs-wrapper {
    background: #fff
}

.editProfileForm>form>div>md-input-container>.md-input {
    border-color: rgba(0, 0, 0, .12)
}

.profiles>kme-profiles>div {
    max-width: 1240px;
    margin: auto;
    width: auto !important
}

.top-news {
    overflow-y: auto;
    max-height: 350px
}

.m10 {
    margin: 10px
}

.html-news {
    overflow-y: auto;
    max-height: 600px;
    max-width: 100%
}

.knowledge-comment-wall {
    overflow-x: hidden
}

@media only screen and (max-width:414px) {
    .dialog-welcome-vid {
        width: 100% !important
    }
}

@media only screen and (max-width:860px) and (min-width:415px) {
    .dialog-welcome-vid {
        width: 53% !important
    }
}

@media only screen and (min-width:900px) {
    .dialog-welcome-vid {
        width: 65% !important
    }
}

@media only screen and (max-width:500px) {
    .toolbar2 {
        height: 56px;
        width: 100%;
        background-color: #fff;
        position: fixed;
        margin-top: 56px;
        z-index: 1
    }

    .notifica_mobile {
        display: block !important;
        right: 41.5%;
        top: 57px;
        position: absolute;
        color: #00c8ff !important;
        z-index: 12
    }

    .icono-color {
        background: #78909c;
        border-radius: 50px;
        padding: 10px;
        font-size: 40px
    }

    .icono-color-blue {
        background: #0199a6;
        border-radius: 50px;
        padding: 10px;
        font-size: 40px
    }

    #imageBackCourseAct {
        margin-top: 55px !important
    }

    .newsletter-filter-container {
        height: 340px
    }

    #picker-getupdate {
        margin-bottom: 35px !important
    }
    #getupdate-edition-filter{
        padding-right: 18px;
    }
}

.btnAddSlider {
    /*position: absolute !important;*/
    right: 6%;
    cursor: pointer;
    padding: 8px;
    background: #00528e !important;
    /*line-height: 36px !important;*/
    text-transform: capitalize;
    font-size: 14px !important;
    /*height: 32px !important;*/
    border-radius: 0;
    font-weight: 400 !important
}

.picker-getupdate>.md-datepicker-button {
    display: none
}

.picker-getupdate>.md-datepicker-input-container {
    margin-left: 0 !important;
    width: 100%
}

.new-backarrow-container{
    padding-top: 0px !important;
}

.newsLetterTopContainer {
    max-height: 523px !important;
    width: 320px;
    overflow-x: hidden;
    box-shadow: 0 0 3px #ccc;
    min-height: 523px
}

.btn-tribe-back {
    min-width: 40px !important;
    max-width: 40px !important;
    margin-right: 5px !important;
    margin-top: -8px !important
}

.new_profile_form_template_update_acctions_container {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center
}

.new-profile-form-template_hint-text {
    font-style: italic;
    font-size: 12px
}

.content_player_next_loader_container {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.content_player_next_loader_container .text_loader {
    color: #2196f3;
    font-weight: 600;
    font-size: .875em
}

.content_player_next_loader_container path {
    stroke: #2196f3 !important
}

.md-calendar-scroll-container {
    width: 100% !important
}

.md-datepicker-input-mask {
    height: auto !important;
    width: auto !important
}

.jw-icon-fullscreen {
    display: none !important
}

.new_profile_form-help-text-mandatory {
    color: #e51672;
    font-style: italic;
    font-size: 12px
}

.kme_available_courses_button_container {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 2em
}

kme-contents {
    /*width: 100%*/
}

.kme_box_resource_container {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%
}

.kme_box_resource_container>kme-box-resource {
    padding:8px;
}

.kme_box_resource {
    display: block;
    max-width: 100%;
    width: 95%;
    box-sizing: border-box;
    padding-right: 0;
    margin-bottom: .5em
}

@media screen and (min-width:1200px) {
    .kme_box_resource_old>.kme_box_resource {
        max-width: 220px !important
    }
}

.kme_box_resource_old>kme-box-resource {
    padding: 8px;
}

.text-name-marker {
    height: 40px;
    display: inline-grid;
    align-items: center
}

.kmeFormTitleBackground {
    background-color:#455a64
}

.kmeFormTitleBackground>h2>p>translate {
    color: #fff !important
}

.kmeFormTitle {
    color: #fff
}

kme-box-news>md-card {
    height: 300px !important
}

.contentCoverT {
    margin-top: -56px !important;
    margin: 0 0;
    height: 154px !important
}

.contentCoverT img {
    top: 0 !important
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 180px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -90px;
    opacity: 0;
    transition: opacity .3s
}

kme-box-newsact {
    margin-bottom: 20px !important
}

.tagsRef {
    background: #565656;
    padding: 1px;
    font-size: 12px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 5px;
    color: #fff;
    height: 16px;
    margin-block-start: .5em;
    margin-block-end: 0;
    max-width: max-content !important;
    align-items: center
}

.tagsRef span {
    display: grid;
    align-items: center;
    margin: 0 auto;
    height: 16px !important;
    max-width: max-content !important;
    padding-bottom: 2px !important;
    padding-top: 2px !important
}

.tagsTags {
    background: #001950;
    padding: 1px;
    font-size: 12px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 5px;
    color: #fff;
    height: 16px;
    margin-block-start: .5em;
    margin-block-end: 0;
    max-width: max-content !important;
    align-items: center
}

.tagsTags span {
    display: grid;
    align-items: center;
    margin: 0 auto;
    height: 16px !important;
    padding-bottom: 2px !important
}

.md-clear-margin-inline {
    margin-block-end: 0 !important;
    margin-block-start: 0 !important
}

.news-filter-select>md-select-value {
    border-bottom-color: #fff !important;
    color: #fff !important
}

.news-filter-select>md-select-value>._md-select-icon {
    color: #fff !important
}

news-list>div>#coursesInteraction{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.newsletter-filter-container>div>#picker-getupdate>md-datepicker>.md-datepicker-input-container>.md-datepicker-input {
    color: #fff
}

.picker-getupdate>.md-datepicker-input-container {
    border-color: #fff !important;
    color: #fff !important;
    margin-left: 0 !important;
    width: 100%
}

md-input-container>.filterAct {
    border-color: #fff !important;
    border-width: 0 0 1px !important;
    color: #fff !important;
}

.picker-getupdate>.md-datepicker-input-container>.md-datepicker-triangle-button>.md-datepicker-expand-triangle {
    border-top-color: #fff !important
}

md-input-container>.filterAct {
    border-color: #fff !important;
    border-width: 0 0 1px !important
}

input:-internal-autofill-selected {
    appearance: menulist-button;
    background-color: transparent;
    color: #fff !important
}

.tagsNov {
    background: #00377d;
    padding: 1px;
    font-size: 12px;
    border-radius: 10px;
    padding-left: 7px;
    padding-right: 7px;
    color: #fff;
    margin-right: 5px;
    margin-left: 5px;
    height: 16px;
    margin-block-start: .5em;
    margin-block-end: 0;
    max-width: max-content !important;
    align-items: center
}

.tagsNov span {
    display: grid;
    align-items: center;
    margin: 0 auto;
    height: 16px !important;
    max-width: max-content !important;
    padding-bottom: 2px !important
}

kme-box-newsletter>md-card {
    height: 300px !important
}

.btnAct2 {
    cursor: pointer;
    text-decoration: none
}

section{
    margin-bottom: 20px;
}

.imgActContainer {
    overflow: hidden;
    transition: all .5s ease-in-out;
    position: relative;
    display: inline-block;
    text-align: center
}

.imageContainerAct {
    height: auto !important
}

.imgActContainer:hover .imageContainerAct {
    transition: all .5s ease-in-out
}

.imageContainerAct:hover {
    transition: all .5s ease-in-out;
    filter: opacity(.5)
}

.textActImgCont {
    position: absolute;
    top: 85%;
    right: -5%;
    transform: translate(-50%, -50%)
}

.news-filter-select>md-select-value {
    border-bottom-color: #fff !important
}

.news-filter-select>md-select-value>span>div {
    color: #fff !important
}

.selector {
    border: 0;
    display: block;
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #444;
    line-height: 1.3;
    padding: .4em 1.4em .3em .8em;
    width: 400px;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border-bottom: 1px solid #ccc;
    border-radius: 0 !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(../images/arrowselector.svg), linear-gradient(to bottom, #fff 0, #fff 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%
}

.audiences-search>div>div {
    border-style: inherit !important;
    background-color: #fff !important
}

.input-ac-select {
    border-color: #ccc !important
}
.md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
    background: #757575 !important;
    color: white;
    border-color: transparent;
}
.flex-70,
.layout-row>.flex-70 {
    max-width: 899px;
    flex: 1 1 100%
}

.audiences-search>div {
    padding: 0 !important
}

.audiences-search>div>div>p {
    color: #ccc !important;
    text-align: end !important
}

.audiences-search>div>div>p>md-icon {
    color: #ccc !important;
    text-align: end !important
}

.audiences-search>div>div>md-input-container {
    max-width: 100% !important
}

.searchtext {
    display: none
}

.buttonBox {
    line-height: 36px !important;
    text-transform: uppercase;
    font-size: 12px !important;
    min-height: 32px !important;
    font-weight: 700 !important;
    color: #fff !important;
    background-color: #2196f3
}

.containerWall {
    max-width: 1240px !important;
    margin: auto
}

.box3and4>md-card>div.contentCover {
    height: 300px !important
}

.box3and4>md-card {
    height: auto !important
}

md-select.md-default-theme:not([disabled]):focus ._md-select-value,
md-select:not([disabled]):focus ._md-select-value {
    color: #000 !important
}

.box-session {
    /*width: 100% !important;*/
}

.content-box-session {
    margin: 8px !important;
    max-width: 23%;
}

md-card>:not(md-card-content) img,
md-card>img {
    height: auto !important;
}

.w-95 {
    width: 95%
}

.w-100 {
    width: 100%
}

._md-select-value._md-select-placeholder{
    z-index: 0 !important;
}

.md-datepicker-expand-triangle {
    border-left: 7px solid transparent !important;
    border-right: 7px solid transparent !important;
    border-top: 7px solid !important;
}

.bannerAct>#imageBackCourseAct {
    position: relative !important;
    width: 90% !important;
    margin-top: -30px;
}

@media (max-width: 599px) {
    .md-datepicker-expand-triangle{
        display: none;
    }

    #coursesInteraction {
        display: initial;
    }

    kme-box-newsletter {
        width: 95%;
    }

    .layoutBoxProfile>div:first-child .layoutBoxChild:first-child {
        /*margin-left: 8px !important;*/
    }
}

@media (max-width: 599px) {
    .newsletter-filter-container>div>div>div {
        width: 100%;
    }

    .containerFilterNews>div {
        width: 100%;
    }

    .picker-getupdate {
        padding-right: 18px !important;
    }

    .contentCoverT {
        height: 180px !important;
    }

    kme-box-news>md-card {
        height: 350px !important
    }

    .box3and4>md-card>div.contentCover {
        height: 180px !important;
    }

    kme-box-news {
        width: 96%;
    }
    #infoCourse md-input-container.md-input-focused .md-input, md-select:not([disabled]):focus ._md-select-value{
        max-width: 75px !important;
    }

}

#imageBackCourse>div {
    z-index: 0.5 !important;
}
div#milledock {
    right: 100px !important;
}
#videoSlide {
    margin-bottom: 40px;
    min-width: 600px;
    min-height: 500px;
    display: block;
    margin: 0px auto;
}

#coursesInteraction{
    margin-top: 30px;
}

.layout-column>.flex, .layout-sm-column>.flex{
    min-height: auto !important;
}

.chart {
  width: 100%;
  min-height: 450px;
}

@media only screen and (max-width: 500px) {
    .newsletter-filter-container {
        height: 370px;
    }

    kme-box-news>md-card {
        height: 364px !important;
    }

    kme-box-news>.contentCoverT {
        height: 200px !important;

    }
}


/* MATRIX and POLL QUEST */

.mentor-img-quest {
    width: 60px;
    padding: 8px;
}

.mentor-name-container {
    margin-top: auto;
    margin-bottom: auto;
}
.poll-question-container{
    padding:3% 3% 6% 3%;
    border-radius: 10px;
}
.poll-text{
    font-size: 17px;
}
.radiobutton-value{
    font-size: 17px;
}
.poll-title-type{
    text-align: center;
    font-size: 17px;
}
.contentQuestPoll{
    overflow: auto;
    background:#3a3a3a;
}
.poll-radiobutton{
    margin-left: 33% !important;
    margin-right: 33% !important;
}
md-radio-button ._md-on, md-radio-button ._md-off{
    width: 30px;
    height: 30px;
    border-width: 1px;
}
.matrix-question-min-height{
    min-height: 40px;
}
@media (max-width:800px) {
    .poll-text{
    font-size: 15px;
    }
    .radiobutton-value{
        font-size: 17px;
    }
    .poll-title-type{
        text-align: center;
        font-size: 15px;
    }
    .poll-radiobutton{
    margin-left: 34% !important;
    margin-right: 34% !important;
    }
    md-radio-button ._md-on, md-radio-button ._md-off{
        width: 20px;
        height: 20px;
        border-width: 1px;
    }
}


/* END MATRIX and POLL QUEST */

/* Mentinos css */
.suggestions-box {
    background: #fafafa;
    height: auto;
    max-height: 150px;
    width: 100%;
    overflow-y: scroll;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    scroll-behavior: smooth;
}
.suggestions-box .result-item-container {
    overflow: hidden;
    cursor: pointer;
}
.suggestions-box .result-item-container.selected .result-item {
    background-color: rgba(221, 16, 16, 0.1);
}
.suggestions-box .result-item-container .result-item {
    margin: 8px;
    padding: 5px 8px;
    border-radius: 4px;
    color: black;
}
.suggestions-box .result-item-container:not(:last-child) .result-item {
    margin-bottom: 0;
}

.suggestions-box .result-item-container:hover {
    background-color: rgba(71, 71, 71, 0.1);
}
/* Fin mentions css  */


@media only screen and (max-width: 960px){
    .limit-profile-data {
        width: 70vw;
    }
}

.limit-profile-data {
    display: flex;
    overflow: hidden;
    white-space: initial;
}

.limit-boxs-profile {
    display: block;
    width: 90%;
    max-width: 133px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: Ellipsis;
}

/* Estilos nuevo input date */
.new_input_date{
    width: 170px;
    -webkit-order: 2;
   -ms-flex-order: 2;
   order: 2;
   display: block;
   margin-top: 0;
   background: 0 0;
   padding: 2px 2px 1px;
   border-width: 0 0 1px;
   line-height: 26px;
   height: 30px;
   -ms-flex-preferred-size: 26px;
   border-radius: 0;
   border-style: solid;
   width: 100%;
   box-sizing: border-box;
   float: left;
   border-bottom-color: rgb(224,224,224);
   color: rgb(224,224,224);
}
input.new_input_date[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    color: transparent;
    cursor: pointer;
    position: absolute;
    width: 170px;
    left: 48%;
    height: 30px;
    opacity: 0.6;
    filter: invert(0.0);
}

input.new_input_date[type="date"]::placeholder{
    color: rgb(224,224,224);
    font-size: 1.2em;
    font-style: italic;
}

input.new_input_date[type="date"]::-webkit-calendar-picker-indicator:hover {
    opacity: 1
}

.mb-16{
    margin-bottom: 16px !important;
}

/* New Box Resources - HB */

.box-catalogue-resources { margin-bottom: 25px; padding-left: 20px;  }
.box-catalogue-resources:nth-child(4n + 1) { padding-left:0; }
.box-catalogue-resources .catalogueImageBox { display: flex; }
.box-catalogue-resources .catalogueImageBox .material-icons { min-height: 70px; min-width: 70px; }

@media (max-width: 767.98px) {
    .box-catalogue-resources {width: 100%; margin:0 0 30px 0;}
    .box-catalogue-resources:nth-child(2n + 1) { padding-left:0; }
}
/* End -------------------------------------*/

/* Box Cataloge Format List - HB */
.boxkmeNew { margin-bottom: 20px;}
.boxkmeNewTitle { padding: 0 10px;}
#coursesInteractionList {margin-top: 25px;}
.boxkmeList {margin-bottom: 25px;border-radius: 5px;}
.cover-box-list {background-repeat: no-repeat; background-position: center; background-size: 100% 100%;min-height: 180px;cursor: pointer;border-radius: 5px 0 0 5px;}
.wrapper-content-box-list {padding: 15px 30px;}
.title-box-list {color: #0d1e80;font-size: 16px;}
.md-center-element { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.wrapper-action-box-list {padding: 20px 20px 0 0;}
.action-box-list {min-height: 55px;}
.link-box-list {padding-top: 10%;}
.link-box-list .icon-open-box-list {background-color: #CCC; padding: 8px; border-radius: 50%;}
.wrapper-indicators-box-list {margin-top: 10px;}
.btn-format-list {margin-right: 12px;}
/* End -------------------------------------*/


.organization-box{
    width: 100% !important
}

@media (min-width: 560px){
    .organization-box{
        width: 46% !important
    }
}

@media (min-width: 992px){
    .organization-box{
        width: 31% !important
    }
}

@media (min-width: 1024px){
    .organization-box{
        width: 23% !important
    }
}

/* Courses - Categories - HB */

.wrapper-section-category .catalog_filter {margin: 30px 0;}
.wrapper-indicator-category {color: #4b4b4b;}

@media (min-width: 992px) {
    .wrapper-category-subcategories .item-subcategories { margin-bottom: 25px; padding-left: 20px; }
    .wrapper-category-subcategories .item-subcategories:nth-child(4n + 1) { padding-left:0; }
    .wrapper-category-courses .item-courses {margin-bottom: 25px;}
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .wrapper-section-category .contentCover, .wrapper-section-category .catalogueImageBox {height: auto !important;}
    .wrapper-category-subcategories .item-subcategories, .catalog_filter {padding:0 15px;margin-bottom: 25px;}
    .wrapper-category-courses .item-courses {margin-bottom: 25px;}
    .wrapper-category-courses .item-courses:nth-child(3n + 1) {padding-left:8px;}
    .wrapper-category-courses .item-courses:nth-child(3n + 3) {padding-right:8px;}
}

@media (max-width: 575.98px) {
    .wrapper-section-category .contentCover, .wrapper-section-category .catalogueImageBox {height: auto !important;}
    .wrapper-category-subcategories .item-subcategories, .wrapper-category-courses .item-courses, .catalog_filter {padding:0 15px;}
    .wrapper-category-subcategories .item-subcategories {margin-bottom: 25px;}
}
/* End -------------------------------------*/
/* Course Price - HB */
.wrapper-price-course {margin-top: 10px;}
.price-course {text-align: center; padding: 8px; background-color: #40118b; border: 2px solid #0d1e80; border-radius: 5px; font-size: 1.1rem; font-weight: 600;color: #FFF !important;display: block;}
.price-course.free {background-color: #0FA314; border-color: #0d7811;}
/* End -------------------------------------*/

/* Community page - HB */
/* */
.wrapper-module-group-contents, .wrapper-content-group, .wrapper-search-content-group {background-color: #fafafa; border: 1px solid #dedede;}
/* End -------------------------------------*/

/* External signup - HB */
.wrapper-external-signup .errorlist {list-style: none; margin: 0; padding: 10px 0; font-size: 12px; font-style: italic; color: #ff3a3a; font-weight: 600;}

.input-date-j .md-datepicker-input-container {
  width: 83% !important;
  margin-left: 0px;
}

.input-date-j .md-datepicker-input {
    min-width: 180px;
}

/* Login - HB */
#login .content-register-form {background-color: transparent;margin-bottom: 20px;}
#login .signup-login-link {border-radius: 8px; border: 2px solid #c4c4c4;padding: 10px;}

/* page register divided - HB */
.wrapper-action-login, .wrapper-action-register {overflow: hidden; border-radius: 5px; padding: 20px 15px; text-align: center; border: 1px solid #c4c4c4; margin-bottom: 20px;}
.wrapper-action-register, .wrapper-action-register .kmeFormAll {padding: 0;}
.wrapper-action-register .kmeFormAll {text-align: left; padding-bottom: 15px;}
.wrapper-action-register .new_register_form-help-text-mandatory {margin: 0 30px;}
.wrapper-action-register .btn-terms {margin-left: 30px;}

/* Comments 360 - HB */
.wrapper-items-comments .item-comment {padding-bottom: 25px;}
.wrapper-items-comments .item-comment .img-circle {width: 100%; height: auto;border-radius: 50%;}
.wrapper-items-comments .box-info-comments {padding-left: 15px; margin-left: 25px; border-left: 1px solid #8a8a8a;}

/* Lesson Learned page - HB */
.wrapper-attachments-lesson-learned .title-attachments-lesson, .wrapper-attachments-lesson-learned .title-item-attachment-lesson {color: #FFF; background-color: #0d1e80;}
.wrapper-attachments-lesson-learned .title-item-attachment-lesson a, .wrapper-attachments-lesson-learned .title-item-attachment-lesson a:hover  {color: #FFF;}
.wrapper-attachments-lesson-learned .wrapper-files-attachments-lesson {background-color: #eee ;}
.wrapper-attachments-lesson-learned .view_attachment {min-width: 140px;}
.wrapper-form-comment-lessons-learned textarea#id_comment {border:0; border-bottom: 1px solid #8a8a8a;}
.wrapper-form-comment-lessons-learned .btn-send-comment[disabled] {color: #5a5959 !important;}
.wrapper-form-comment-lessons-learned .btn-send-comment, .wrapper-form-comment-lessons-learned .btn-send-comment:hover {background-color: #00DD88;color: #FFF;}
.wrapper-comments-lessons-learned .title-for-comments-lessons {display: none;}
#ranking-lesson-learned .jk-rating-stars-container {display: flex; align-items: center;}
#ranking-lesson-learned .star-button i {font-size: 50px !important;}
.wrapper-lesson-box { margin: 20px 0;}
.wrapper-lesson-box p {padding: 20px;font-weight: normal !important;}

.wrapper-form-lesson-campus {width:70%; margin: 35px auto;}
.wrapper-form-lesson-campus .form-lesson-campus br {display: none;}
.wrapper-form-lesson-campus .form-lesson-campus label {margin-bottom: 30px;}
.wrapper-form-lesson-campus .form-lesson-campus .md-input-focused label {top:-10px; position: relative;}
.wrapper-form-lesson-campus .form-lesson-campus .hint, .form-lesson-campus .hint  {font-style: italic; font-size: 15px;margin-bottom: 8px;}

#videolesson {margin: auto;}

@media (max-width: 767.98px) {
    .wrapper-form-comment-lessons-learned {padding: 0 15px;}
}

/* Wall HB*/
.card-comment-wall {max-width: 400px;margin: auto;}
.content-comment-wall .content-comment-wall-description {line-height: 1.4;}
.btn-close-preview-commet {float:right;background:#fff;cursor:pointer;border-style:solid;border-radius:15px;font-size:12px;border-color:#e7e7e7;border-width:1px;box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);position: absolute;right: 0;}
#activity_html {padding: 30px 0;}
.text-comment-wall {word-break: break-all; padding: 10px 30px;}

/* Report Newsletter HB*/
.chart-newsletter-report {width: 900px; height: 500px; margin: 0 auto !important;overflow:hidden;}
@media (max-width: 767.98px) {
  .chart-newsletter-report {width: 100%; height: 300px;transform: scale(1.4);}
}

@media (max-width:480px){
    .toolbar-head>p{
        font-size: 22px !important;
    }
    .pd-t{
        margin-top: 35px !important;
        font-size: 32px !important;
    }
}

/* Layout Tutors and coordinator - Course Details HB*/
#tutorDetails .wrapper-tutors .wrapper-content-tutors {flex-direction: column;}
#tutorDetails .wrapper-tutors .tutor-content-desktop .item-tutor {margin-bottom:60px;}
#tutorDetails .wrapper-tutors .item-tutor.q-tutors-2:first-child {padding-right: 15px;}
#tutorDetails .wrapper-tutors .item-tutor.q-tutors-2:last-child {padding-left: 15px;}
#tutorDetails .wrapper-tutors .item-tutor.q-tutors-3:nth-child(3n+2) {padding: 0 25px;}
#tutorDetails .wrapper-tutors .item-tutor.q-tutors-4:nth-child(4n+1) {padding: 0 1.5% 0 0;}
#tutorDetails .wrapper-tutors .item-tutor.q-tutors-4:nth-child(4n+2) {padding: 0 1.5% 0 1.5%;}
#tutorDetails .wrapper-tutors .item-tutor.q-tutors-4:nth-child(4n+3) {padding: 0 1.5% 0 1.5%;}
#tutorDetails .wrapper-tutors .item-tutor.q-tutors-4:nth-child(4n+4) {padding: 0 0 0 1.5%;}
#tutorDetails .wrapper-tutors .name-tutor {text-transform: capitalize;}
#tutorDetails .wrapper-tutors .about-tutor {line-height: 1.2; font-size: 0.8rem;}
#tutorDetails .tutor-content-mobile .tutor-mobile-arrow {transform: scale(3);}

#coordinatorDetails .wrapper-coordinator .wrapper-content-coordinator {flex-direction: column;}
#coordinatorDetails .wrapper-coordinator .name-tutor {text-transform: capitalize;}
#coordinatorDetails .wrapper-coordinator .about-tutor {line-height: 1.2; font-size: 0.8rem;}

/* Style for Organization HB*/
.effect-overlay-banner-organization {background-color: rgb(0 0 0 / 25%); width: 100%; height: 100%;}

/* Miga de Pan || Breadcrumb-Trail */

.actual-position {
    font-weight: bold;
}

#navbarRight .editFontV1 {
    width: 50px;
}

@media (max-width: 960px) {
    .mainmenu-second .styleEditFontMobile {
        margin: 0 0px 45px 25px;
    }

    #navbarRight .editFontV1 {
        margin: 0 0 50px 0;
    }
}

md-fab-trigger .md-button.md-default-theme:not([disabled]).md-focused, .md-button:not([disabled]).md-focused {
    background-color: #283593 !important;
}

md-fab-trigger button:focus {
    filter: opacity(1) !important;
}

/* Miga de Pan || Breadcrumb-Trail */

.datepickerform{
    border:none;
    border-bottom:1px solid #283593;
}

.datepickerform:hover{
    border:none;
    border-bottom:2px solid #283593;
}

.headerUpdateProfile {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: stretch;
    margin: 0px  77px;
    align-items: center;
}

.actual-position {
    font-weight: bold;
}
/*End Style for New Update Profile Form*/

body {
    color: #000;
    font-family: 'Open Sans', sans-serif
}

body,
body.md-default-theme,
html,
html.md-default-theme {
    background-color: #fff !important
}
.close-x-white{
    color: white !important;
}
a {
    text-decoration: none
}

/* -------------  WCAG  ------------- */
/* - Navigation with TABS and Enter - */

.logoMain:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

kme-suite a:focus {
    background-color: rgba(158,158,158,0.5) !important;
}

speed-test:focus{
    background-color: rgba(158,158,158,0.2) !important;
}

.kmesuite a:focus{
    background-color: rgba(158,158,158,0.2) !important;
}

#course_suggestion section:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

.layoutBoxProfile .profileIndicators div:focus  {
    background-color: rgba(158,158,158,0.2) !important;
}

.md-button .md-accent:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

/* Profile */

button md-icon:focus {
    background-color: rgba(158,158,158, 1) !important;
}

content-iframe div a:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

div md-list:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

/* Learned Lessons */

div kme-box layoutBoxChild:focus {
    background-color: rgba(158,158,158,0.4) !important;
}

kme-box layoutBoxChild:focus {
    background-color: rgba(158,158,158,0.4) !important;
}

/* Resources */
.layoutBoxChild:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

.backbtnmdl:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

h5:focus {
  background-color: rgba(158,158,158,0.2) !important;
}

a:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

.price-course.free:focus {
    background-color: #13c519 !important;
}

.price-course:focus {
    background-color: #6d2dd5 !important;
}

kme-boxnew:focus {
   background-color: rgba(158,158,158,0.2) !important;
}

kme-boxnew .boxkmeNew:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

kme-boxnew md-card .boxkmeNew:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

md-card-title:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

img:focus {
    filter: opacity(0.7) drop-shadow(0 0 0 #ececec) !important;
}

md-card-title-text:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

button:focus {
    filter: opacity(0.7) drop-shadow(0 0 0 #9e9e9e80) !important;
}



/* Report Communities */
.btnsreport .buttonNewsBox:focus {
    background-color: #4158ff !important;
}

.btnsreport .buttonNewsBoxRed:focus {
    background-color: #dd1001 !important;
}

.kmeFormTitleBackground  button:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

.buttonNewsBox:focus {
    background-color: rgba(158,158,158,0.2) !important;
}
/* End Report Communities */

.md-text-teal:focus, .md-btn-unstyled:focus, .buttonsLogin:focus, .btn-login.active-btn:focus {
    background-color: rgba(158,158,158,0.2) !important;
}


.height-300 {
    height: 300px !important
}

.pos-a-top-5-w-100 {
    position: absolute;
    top: 5px;
    width: 100%
}

.bottom-0 {
    bottom: 0 !important
}

.padding-login {
    padding-bottom: 45px !important
}

.wrong-p {
    margin-block-end: 0 !important
}

.constrast-text-link-login{
    color: #2196f3 !important;
    text-decoration: underline;
}

.alert-style {
    display: none;
    cursor: pointer !important
}

.boxlogin {
    margin-block-end: 10px !important
}

.btn-facebook {
    background-color: #3c579d !important;
    text-transform: capitalize !important;
    font-weight: 700 !important;
    height: 40px !important;
    color: #FFFFFF !important;
}

.btn-google {
    background-color: #e1e1e1 !important;
    text-transform: capitalize !important;
    font-weight: 700 !important;
    height: 40px !important
}

.signup-login {
    padding-bottom: 20px !important
}

.height-login {
    height: 100% !important
}

.mb-10 {
    margin-block-end: 10px !important
}

.m-10-left {
    margin-left: 10px !important
}

.terms-new {
    border-top: 1px solid #333;
    padding: 0 !important
}

#freshworks-frame-wrapper>#widget-frame {
    margin-top: 25px
}

.cke_dialog_tabs>a {
    color: #232323 !important
}

.cke_dialog_ui_hbox_first>a>span {
    color: #232323 !important
}

:focus {
    outline: -webkit-focus-ring-color auto 0 !important
}

hr {
    color: #ccc
}

#signuptittle {
    overflow: inherit !important;
    padding-bottom: 70px;
}

#signup>md-whiteframe{
    position: fixed;
}

.btn-closequest {
    z-index: 999
}

.marginz {
    margin-right: 0 !important
}

.a-induction {
    color: #fff !important;
    padding: 8px !important;
    text-align: center !important;
    margin-left: 10px !important;
    width: 91% !important;
    border-radius: 3px !important
}
.tinyunderline{
    text-decoration: underline;
}
.tinystrike{
    text-decoration: line-through;
}
.tinyleft{
    text-align: left;
}
.tinycenter{
    text-align: center;
}
.tinyright{
    text-align: right;
}
.tinyfull{
    text-align: justify;
}

.text-finished {
    color: #fff !important;
    font-size: 14px !important
}

.m-top-0 {
    margin-top: 0 !important
}

.m-l-20 {
    margin-left: 20px !important
}

.p-l-5 {
    padding-left: 5px !important
}

.p-l-0 {
    padding-left: 0 !important
}

.m-clear {
    margin: 0 !important
}

.zEWidget-launcher {
    right: 50px !important;
    bottom: 19px !important;
    width: 170px !important
}

.newmenubtn {
    margin-left: -5px !important;
    min-width: 55px !important
}

.newmenubtn:hover {
    background-color: rgba(158, 158, 158, .05) !important
}

.helpbn_right {
    z-index: 1;
    position: fixed;
    bottom: 1rem;
    right: 1rem;
}

.my-custom-stars .button .material-icons {
    font-size: 50px !important
}

.my-little-stars .button .material-icons {
    font-size: 16px !important
}

.my-custom-stars .star-button.star-on .material-icons {
    color: #039
}

.my-custom-stars .star-button.star-off .material-icons {
    color: #9cf
}

.md-disable-block {
    opacity: .1;
    pointer-events: none
}

.md-backdrop {
    background: rgba(33, 33, 33, .33);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 60
}

.md-load {
    background: #fafafa;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999
}

.md-hide,
.md-stop {
    display: none !important
}

.md-opacity {
    opacity: 0 !important
}

.md-opacity-btn {
    opacity: 0 !important;
    pointer-events: none
}

.md-opacity-lock {
    opacity: .2 !important
}

.md-pointer {
    cursor: pointer !important
}

.md-divider-vertical {
    border-right: 1px solid #ccc;
    height: 40px;
    width: 1px;
    margin-right: 5px
}

.md-transition {
    transition: .5s linear all
}

md-dialog {
    max-width: 100% !important
}

.md-overflow-hiden {
    overflow: hidden !important
}

.md-overflow-auto {
    overflow: auto !important
}

.md-error-warn {
    background: #f8d7da ;
    padding: 1px;
    color: #721c24  !important;
    margin-bottom: 24px
}

.md-error-warn p{
    color: #721c24  !important;
    font-size: 14px;
}

.md-bg-primary {
    background-color: #2196f3 !important;
    color: #fff !important
}

.md-bg-success {
    background-color: #43a047 !important;
    color: #fff !important
}

.md-bg-info {
    background-color: #00bcd4 !important;
    color: #00181c !important
}

.md-bg-warning {
    background-color: #ffc107 !important;
    color: #00181c !important
}

.md-bg-danger {
    background-color: #f44336 !important;
    color: #fff !important
}

.md-bg-default {
    background-color: #424242 !important;
    color: #fff !important
}

.md-bg-muted {
    background-color: #777 !important;
    color: #424242 !important
}

.md-bg-mutedlight {
    background-color: #eee !important;
    color: #424242 !important
}

.md-bg-light {
    background-color: #fff;
    color: #424242
}

.md-bg-dark {
    background-color: #27292f !important;
    color: #fff !important
}

.md-bg-clean {
    background-color: #f7f7f7 !important;
    color: #424242 !important
}

.md-bg-teal {
    background-color: #2b9684 !important;
    color: #fff !important
}

.contenticons{
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}
.contenticons img{
    padding:16%;
}
.md-bg-gray {
    background-color: #aaa !important;
    color: #fff !important
}

.md-bg-gray-dark {
    background-color: #475965 !important;
    color: #fff !important
}

.md-bg-gray-lite {
    background-color: #546f7a !important;
    color: #fff !important
}

.md-bg-green-dark {
    background-color: #459f47 !important;
    color: #fff !important
}

.md-bg-green-lite {
    background-color: #56b03e !important;
    color: #fff !important
}

.md-bg-green2-dark {
    background-color: #00796a !important;
    color: #fff !important
}

.md-bg-green2-lite {
    background-color: #2e9786 !important;
    color: #fff !important
}

.md-bg-gray2-dark {
    background-color: #767676 !important;
    color: #fff !important
}

.md-bg-gray2-lite {
    background-color: #9e9e9e !important;
    color: #fff !important
}

.md-bg-black {
    background-color: #000 !important;
    color: #fff !important
}

.md-bg-blue-dark {
    background-color: #1851a3 !important;
    color: #fff !important
}

.md-bg-purple-dark {
    background-color: #3e0098 !important;
    color: #fff !important
}

.md-bg-graylight {
    background-color: #eee !important;
    color: #000 !important
}

.md-bg-graylight2 {
    background-color: #f4f4f4 !important;
    color: #000 !important
}

.md-bg-gray-default {
    background-color: #555 !important;
    color: #000 !important
}

.md-bg-transparent {
    background: 0 0 !important
}

.md-bg-360 {
    background-color: #001d98 !important;
    color: #fff !important
}

.md-bg-greenknw {
    background-color: #2edd7c !important;
    color: #fff !important
}

.md-bgcolor-white {
    background: #fff !important
}

.md-bgcolor-graylight2 {
    background: #f4f4f4 !important
}

f7faf6 .md-text-contentstatus {
    white-space: normal !important;
    width: 123px
}

.md-text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.md-text-center {
    text-align: center !important
}

.md-text-left {
    text-align: left !important
}

.md-text-right {
    text-align: right !important
}

.md-text-justify {
    text-align: justify !important
}

.md-text-italic {
    font-style: italic !important
}

.md-text-bold {
    font-weight: 700 !important
}

.md-lineheight-15 {
    line-height: 15px !important
}

.md-lineheight-18 {
    line-height: 18px !important
}

.md-text-notdecoration {
    text-decoration: none !important
}

.md-text-muted {
    color: #f5f5f5 !important
}

.md-text-gray {
    color: #8b8b8b !important
}

.md-text-darkgray {
    color: #6c6c6c !important
}

.md-text-primary {
    color: #2196f3 !important
}

.md-text-success {
    color: #4caf50 !important
}

.md-text-favorite {
    color: #ffa908 !important
}

.md-text-info {
    color: #00b8d4 !important
}

.md-text-warning {
    color: #ffab00 !important
}

.md-text-danger {
    color: #d50000 !important
}

.md-text-black {
    color: #0000
}

.box-text2 {
    color: #00796b !important;
    font-size: 0.7rem !important;
}

.md-text-mutedlight {
    color: #ccc !important
}

.md-text-dark {
    color: #333 !important
}

.md-text-content {
    color: #757575 !important
}

.md-text-purple-dark {
    color: #3e0098 !important
}

.md-text-grayknw {
    color: #616161 !important
}

.md-text-purpleknw {
    color: #4a148c !important
}

.md-text-greenknw {
    color: #2edd7c;
}

.hr-christus {
    border: none;
    border-left: 1px solid #731b7f;
    height: 50%;
    width: 1px;
    margin: auto
}

.md-font-9 {
    font-size: 9px !important
}

.md-font-11 {
    font-size: 11px !important
}

.md-font-12 {
    font-size: 0.8rem !important
}

.md-font-13 {
    font-size: 13px !important
}

.md-font-14 {
    font-size: 14px !important
}

.md-font-15 {
    font-size: 15px !important
}

.md-font-16 {
    font-size: 1rem !important
}

.md-font-17 {
    font-size: 17px !important
}

.md-font-18 {
    font-size: 18px !important
}

.md-font-20 {
    font-size: 20px !important
}

.md-font-22 {
    font-size: 22px !important
}

.md-font-24 {
    font-size: 24px !important
}

.md-font-28 {
    font-size: 28px !important
}

.md-font-36 {
    font-size: 2.2rem !important
}

.md-font-48 {
    font-size: 48px !important
}

.md-font-50 {
    font-size: 50px !important
}

.md-font-70 {
    font-size: 70px !important
}

.md-lowercase {
    text-transform: lowercase !important
}

.md-capitalize {
    text-transform: capitalize !important
}

.md-ellipsis {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.icon-modal-closequest {
    width: auto !important;
    height: auto !important
}

.md-bg-op1quest {
    background-color: #001d98;
    color: #fff;
    text-transform: initial;
    font-weight: 800
}

.md-text-op1quest {
    color: #001d98
}

.md-bg-op2quest {
    background-color: #2edd7c;
    color: #fff;
    text-transform: initial;
    font-weight: 800
}

.md-text-op2quest {
    color: #2edd7c
}

.md-bg-op3quest {
    background-color: #24a6eb;
    color: #fff;
    text-transform: initial;
    font-weight: 800
}

.md-text-op3quest {
    color: #24a6eb
}

.md-bg-op4quest {
    background-color: #c2c2c2;
    color: #fff;
    text-transform: initial;
    font-weight: 800
}

.md-text-op4quest {
    color: #c2c2c2
}

.close-questop {
    margin-top: -30px
}

.title-modal {
    margin-block-start: 0 !important
}

.margin-block-zero {
    margin-block-start: 0 !important
}

.md-alert {
    padding: 15px;
    margin: 20px 0;
    border: 1px solid transparent;
    border-radius: 4px
}

.md-alert-success {
    color: #1b5e20;
    background-color: #81c784;
    border-color: #43a047
}

.md-alert-info {
    color: #546e7a;
    background-color: #eceff1;
    border-color: #b0bec5
}

.md-alert-warning {
    color: #333;
    background-color: #fff176;
    border-color: #fbc02d
}

.md-alert-danger {
    color: #000;
    background-color: #ef9a9a;
    border-color: #c62828
}

.toast-success .md-toast-content {
    color: #1b5e20;
    background-color: #81c784;
    border-color: #43a047;
    border: 1px solid
}

.toast-warn .md-toast-content {
    color: #9a3a27;
    background-color: #f5b7ab;
    border-color: #ee836e;
    border: 1px solid
}

.md-label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    vertical-align: baseline;
    border-radius: .25em
}

.md-label.label-primary {
    background-color: #2196f3 !important
}

.md-label.label-success {
    background-color: #43a047 !important
}

.md-label.label-info {
    background-color: #00bcd4 !important
}

.md-label.label-warning {
    background-color: #ffc107 !important
}

.md-label.label-danger {
    background-color: #f44336 !important
}

.md-label.label-default {
    background-color: #424242 !important
}

.md-label.label-muted {
    background-color: #777 !important
}

.md-label.label-mutedlight {
    background-color: #eee !important;
    color: #424242 !important
}

.md-label.label-light {
    background-color: #fff !important;
    color: #424242 !important
}

.md-label.label-dark {
    background-color: #27292f !important
}

.classTutor {
    font-weight: 700 !important
}

.back-btn {
    background-color: #075598 !important;
    color: #fff !important
}

.white-icon {
    color: #fff !important
}

.white-text {
    color: #fff !important
}

.ms-responsive-table-wrapper {
    overflow-x: auto;
    overflow-y: hidden
}

table.simple {
    width: 100%;
    border: none;
    border-spacing: 0;
    text-align: left
}

table.simple tbody tr td:first-child {
    padding-left: 24px
}

table.simple tbody tr td:last-child {
    padding-right: 24px
}

table.simple thead tr th:first-child {
    padding-left: 24px
}

table.simple thead tr th:last-child {
    padding-right: 24px
}

table.simple tbody tr td {
    padding: 16px 8px;
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

table.simple thead tr th {
    padding: 16px 8px;
    font-weight: 500;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    white-space: nowrap;
    min-width: 120px
}

table.simple tbody tr:last-child td {
    border-bottom: none
}

.md-border {
    border: 1px solid #ccc
}

.md-border3 {
    border: 3px solid #ccc
}

.md-border-rigth {
    border-right: 1px solid #ccc
}

.md-border-left {
    border-left: 1px solid #ccc
}

.md-border-bottom {
    border-bottom: 1px solid #ccc
}

.md-border-top {
    border-top: 1px solid #ccc
}

.md-border-none {
    border-spacing: 0
}

.md-outline-gray {
    outline: 1px solid;
    outline-color: #f1f0f0 !important
}

.md-outline-light {
    outline: 1px solid;
    outline-color: #fff !important
}

.md-bgBorder-light {
    border-color: #fff !important
}

.paddingTableHead {
    padding: 0 4px
}

.bg-content-simplemdl {
    margin-bottom: 20px !important;
    border: 1px solid #ccc
}

@media screen and (max-width:599px) {
    .bg-content-simplemdl {
        margin-bottom: 30px !important;
        border: 1px solid #ccc
    }
}

.md-unstyled-list {
    padding-left: 0;
    list-style: none
}

ul.md-inline-list {
    padding: 0;
    margin: 3px 0
}

ul.md-inline-list li {
    list-style: none;
    display: inline-block;
    padding: 0 5px
}

.md-breadcrumb {
    position: absolute;
    padding-top: 8px
}

.mdl-chip {
    height: 23px;
    line-height: 22px;
    padding: 0 12px;
    border: 0;
    border-radius: 16px;
    background-color: #dedede;
    display: inline-block;
    color: rgba(0, 0, 0, .87);
    margin: 2px;
    white-space: nowrap
}

.container-html p {
    margin-top: 0 !important
}

.mt-30 {
    margin-top: 30px !important
}

.m0 {
    margin: 0 !important
}

.p0 {
    padding: 0 !important
}

.md-content_button_info {
    background: #f44336 !important;
    color: #fff !important;
    padding: 0 5px !important;
    position: absolute;
    right: 15px
}

.md-btn-block {
    display: block;
    width: 100%
}

.md-btn-lock {
    background: gray;
    pointer-events: none !important
}

.md-menu {
    text-decoration: none !important;
    border: none;
    outline: 0;
    padding: 10px 5px;
    border-radius: 3px;
    color: #fff
}

.md-cursor {
    cursor: pointer
}

.md-input-button {
    background: #f7f7f7;
    border-radius: 5px;
    text-align: center;
    position: relative !important;
    padding-bottom: 10px;
    border: 0;
    padding: 16px;
    display: block;
    width: 100%;
    margin-bottom: 24px
}

.md-button-link a {
    display: block
}

.md-button:not([disabled]):hover {
    transition: .3s
}

.md-disable {
    opacity: .6;
    pointer-events: none
}

.md-btn-nothover {
    background-color: transparent !important
}

.md-btn-unstyled {
    text-decoration: none !important
}

.md-pointer {
    cursor: pointer
}

.groupX {
    font-size: 16px;
    margin: 20px 0;
    padding: 3px 15px 3px 15px;
    color: #312e2e;
    background-color: rgba(224, 224, 224, .96);
    text-transform: none;
    font-weight: 400;
    min-width: 100px
}

.md-button.left {
    border-radius: 10px 0 0 10px
}

.md-button.middle {
    border-radius: 0;
    border-left: 1px solid rgba(230, 230, 230, .96);
    border-right: 1px solid rgba(230, 230, 230, .96)
}

.md-button.right {
    border-radius: 0 10px 10px 0
}

@media screen and (max-width:599px) {
    md-content .layout-column>.flex, .layout-xs-column>.flex {
        /*min-width: 100% !important;*/
    }
    .md-margin-clear-xs {
        margin: 0 !important
    }

    .NoCoursesText {
        font-size: 25px !important
    }
}

.t-upper {
    text-transform: uppercase !important
}

.t-d-none {
    text-decoration: none
}

.p-b-100 {
    padding-bottom: 100px !important
}

.m-l-90 {
    margin-left: 90% !important
}

.a-no-courses {
    color: #cf1343 !important;
    font-weight: 700 !important
}

.h-no-courses {
    color: #363636 !important
}

.m-card-height {
    height: 248px !important
}

.md-padding-clear {
    padding: 0 !important
}

.margin-block-start0{
    margin-block-start: 0;
}

.margin-block-end0{
    margin-block-end: 0;
}


.md-margin-clear {
    margin: 0 !important
}

.md-margin-auto {
    margin: auto !important
}

.md-margin-bottomall {
    margin-bottom: 45px !important
}

.md-padding-30-top {
    padding-top: 30px !important
}

.md-padding-8-all {
    padding: 8px !important
}

.md-padding-8-t {
    padding-top: 8px !important
}

.md-padding-8-ub {
    padding-bottom: 8px !important;
    padding-top: 8px !important
}

.md-padding-8-u {
    padding-top: 8px !important
}

.md-padding-8-lr {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.md-padding-8-r {
    padding-right: 8px !important
}

.md-padding-10-all {
    padding: 10px
}

.md-padding-10-l {
    padding-left: 10px
}

.md-padding-15-lr {
    padding: 0 15px
}

.md-padding-15-l {
    padding-left: 15px
}

.md-padding-15-ub {
    padding-bottom: 15px !important;
    padding-top: 15px !important
}

.md-padding-16-all {
    padding: 16px !important
}

.md-padding-16-lr {
    padding: 0 16px !important
}

.md-padding-16-ub {
    padding-bottom: 16px !important;
    padding-top: 16px !important
}

.md-padding-24-l {
    padding-left: 24px !important;
}

.md-padding-24-lr {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.md-padding-24-all {
    padding: 24px !important
}

.md-padding-24-ub {
    padding-bottom: 24px !important;
    padding-top: 24px !important
}

.md-padding-30-all {
    padding: 30px
}

.md-padding-40-btm {
    padding-bottom: 40px !important
}

.md-padding-40-ub {
    padding-bottom: 40px !important;
    padding-top: 40px !important
}

.md-padding-40-all {
    padding: 40px !important
}

.md-padding-40-lr {
    padding-right: 40px !important;
    padding-left: 40px !important
}

.md-padding-55-up {
    padding-top: 55px !important
}

.md-padding-80-up {
    padding-top: 80px !important
}

.md-padding-80-lr {
    padding-right: 80px !important;
    padding-left: 80px !important
}

.md-margin-5-lr {
    margin: 0 5px !important
}

.md-margin-5-ub {
    margin: 5px 0 !important
}

.md-margin-5-u {
    margin-top: 5px !important
}

.md-margin-5-all {
    margin: 5px !important
}

.md-margin-8-all {
    margin: 8px !important
}

.md-margin-8-lr {
    margin: 0 8px !important
}

.md-margin-8-r {
    margin-right: 8px !important
}

.md-margin-8-ub {
    margin: 8px 0 !important
}

.md-margin-10-lr {
    margin: 0 10px !important
}

.md-margin-10-r {
    margin-right: 10px !important
}

.md-margin-10-u {
    margin-top: 10px !important
}

.md-margin-10-b {
    margin-top: 10px !important
}

.md-margin-20-u {
    margin-top: 20px !important
}

.md-margin-16-all {
    margin: 16px !important
}

.md-margin-16-lr {
    margin-right: 16px !important;
    margin-left: 16px !important
}

.md-margin-16-ub {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.md-margin-15-lr {
    margin: 0 15px !important
}

.md-margin-15-l {
    margin-left: 15px !important
}

.md-margin-15-ub {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.md-margin-24-lr {
    margin: 0 24px !important
}

.md-margin-24-up {
    margin-top: 24px !important
}

.md-margin-24-btm {
    margin-bottom: 24px !important
}

.md-margin-24-ub {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

.md-margin-40-lr {
    margin-right: 40px !important;
    margin-left: 40px !important
}

.md-margin-40-top {
    margin-top: 40px !important
}

.md-margin-60-r {
    margin-right: 60px !important
}

.md-margin-80-btm {
    margin-bottom: 80px !important
}


.md-margin-3-ub {
    margin: 3px 0 !important
}

.md-overflow-hidden {
    overflow: hidden
}

.md-overflow-visible {
    overflow: visible
}

.md-pull-right {
    float: right !important
}

.md-pull-left {
    float: left !important
}

.md-block {
    display: block !important
}

.md-flex {
    display: flex !important;
}

.md-inline-block {
    display: inline-block !important
}

.md-inline {
    display: inline !important
}

.md-clear {
    clear: both
}

.md-relative {
    position: relative !important
}

.md-absolute {
    position: absolute !important
}

.md-fixed {
    position: fixed !important
}

.md-flex-block {
    width: 100% !important
}

.md-height-fill {
    height: 100% !important
}

.md-vertical-center {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.md-radio {
    display: inline-block;
    padding-right: 20px;
    font-size: 18px;
    line-height: 49px;
    cursor: pointer
}

.md-radio:hover .inner {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    opacity: .5
}

.md-radio input {
    width: 1px;
    height: 1px;
    opacity: 0
}

.md-radio input:checked+.outer .inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.md-radio input:checked+.outer {
    border: 3px solid #00b8d4
}

.md-radio input:focus+.outer .inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    background-color: #00b8d4
}

.md-radio .outer {
    display: block;
    float: left;
    margin: 10px 9px 10px 10px;
    border: 3px solid #00b8d4;
    border-radius: 50%;
    background-color: #fff
}

.md-radio .inner {
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    width: 16px;
    height: 16px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    display: block;
    margin: 2px;
    border-radius: 50%;
    background-color: #00b8d4;
    opacity: 0
}

md-input-container.hide-error-msg .md-errors-spacer:empty {
    display: none !important
}

.md-img-badge{
    max-width: 150px !important;
}

.md-img-gray {
    filter: grayscale(100%);
}

.md-img-responsive {
    max-width: 100% !important;
    height: auto !important;
    min-width: 100% !important
}

.md-img-album {
    width: 100%;
    height: auto !important
}

.md-img-rounded {
    border-radius: 6px !important
}

#id_available_to_groups{
    height: 45%;
}

.md-img-circle {
    border-radius: 50% !important
}

.md-img-thumbnail {
    display: inline-block;
    max-width: 100% !important;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px
}

.md-img-center {
    margin: 0 auto !important
}

.verticalImg {
    overflow: hidden;
    height: 205px;
    background-position: center center !important;
    background-size: cover !important
}

.md-reset-icon {
    width: 100%;
    vertical-align: baseline
}

.md-icon-circle {
    border-radius: 50% !important;
    background: #fff
}

.box-stadistics-icons{
    margin-top: 20px;
}

.material-icons.md-12 {
    font-size: 12px
}

.material-icons.md-18 {
    font-size: 18px
}

.material-icons.md-24 {
    font-size: 24px
}

.material-icons.md-36 {
    font-size: 36px
}

.material-icons.md-48 {
    font-size: 48px
}

.material-icons.md-70 {
    font-size: 70px
}

.material-icons.md-150 {
    font-size: 150px
}

.material-icons.md-dark {
    color: rgba(0, 0, 0, .54)
}

.material-icons.md-dark.md-inactive {
    color: rgba(0, 0, 0, .26)
}

.material-icons.md-light {
    color: #fff
}

.material-icons.md-light.md-inactive {
    color: rgba(255, 255, 255, .3)
}

.progress-linear-profile ._md-bar,
.progress-linear-profile ._md-container,
.progress-linear-profile ._md-mode-determinate {
    height: 5px !important
}

md-progress-linear.md-bg-primary ._md-container {
    background-color: #e0e0e0
}

md-progress-linear.md-bg-primary ._md-bar {
    background-color: #2196f3
}

md-progress-linear.md-bg-info ._md-container {
    background-color: #e0e0e0
}

md-progress-linear.md-bg-info ._md-bar {
    background-color: #00bcd4
}

md-progress-linear.md-bg-warning ._md-container {
    background-color: #e0e0e0
}

md-progress-linear.md-bg-warning ._md-bar {
    background-color: #ffc107
}

md-progress-linear.md-bg-danger ._md-container {
    background-color: #e0e0e0
}

md-progress-linear.md-bg-danger ._md-bar {
    background-color: #f44336
}

md-progress-linear.md-bg-default ._md-container {
    background-color: #e0e0e0
}

md-progress-linear.md-bg-default ._md-bar {
    background-color: #424242
}

md-progress-linear.md-bg-success ._md-container {
    background-color: #e0e0e0
}

md-progress-linear.md-bg-success ._md-bar {
    background-color: #4caf50
}

.activeBtn {
    background: #2c9685;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    margin-top: 2%;
    margin-right: 14px;
    margin-left: 8px;
    border: 2px solid #fff;
    display: inline-block;
    position: relative;
    right: 0;
    float: right
}

.iconTrace {
    padding-top: 40px;
    color: #fff
}

.iconTrace>i {
    font-size: 40px !important
}

.progress-linear-profile {
    margin-right: 8px;
    margin-top: 8px
}

.paddingContent {
    padding: 0 5%
}

.paddingContentI {
    padding: 0 5%
}

.disablePointer {
    cursor: default !important
}

.loaderItems {
    width: 300px;
    margin: 5% auto;
    height: 400px;
    background: rgba(0, 0, 0, 0) !important;
    box-shadow: none
}

.positionCircle {
    top: -14px !important;
    left: 16px !important
}

.positionCircle span {
    padding: 5px 11px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .38)
}

#svg[AttributesStyle] {
    color: #fafafa !important
}

#Cursosdisponibles {
    padding-bottom: 24px
}

.containerFull {
    width: 960px;
    margin: auto;
    margin-bottom: 24px !important
}

.layoutBoxProfile>div:first-child .layoutBoxChild:first-child {
    /*margin-left: 0 !important */
}

.containerBig {
    padding-top: 65px;
}

.overlayImage {
    top: 0;
    height: 118px;
    width: 100%;
    background-color: rgba(0, 0, 0, .51);
    position: absolute
}

.bigOverlayImage {
    top: 0;
    height: 180px;
    width: 100%;
    background-color: rgba(0, 0, 0, .51);
    position: absolute
}

.widthContent {
    width: 20% !important
}

.menuFlap {
    position: fixed !important;
    top: 70px !important;
    height: 100%;
    width: 20% !important
}

.backdrop {
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1
}

.emptyBox {
    background: 0 0;
    box-shadow: none;
    display: none
}

#coursesInteraction>div>.emptyBox {
    margin-left: 0 !important
}

.contentCover {
    height: 115px;
    margin: 0 -8px;
    position: relative;
    width:100%;
    margin:auto;
}

.md-no-opacity {
    opacity: 0
}

.opened {
    background: #4caf50
}

.noopened {
    background: #00bcd4
}

.bigContentCover {
    height: 180px;
    margin: 0 -8px;
    position: relative
}

#image_bank md-tabs-wrapper {
    background: #eee
}

#image_bank md-tab-item.md-active {
    background: #aaa;
    color: #fff
}

#login md-content {
    background: rgba(255, 255, 255, .38)
}

#login md-tabs .md-tab.md-active {
    background: #656565;
    color: #fff
}

#login md-tabs .md-tab {
    background: #eee
}

#login label {
    color: #333
}

.btnLogin {
    position: relative
}

.btnLogin>div {
    position: absolute;
    top: -45px;
    width: 100%
}

.buttonsLogin {
    background: #fff;
    padding: 11px 0;
    width: 100%;
    border-radius: 7px;
    color: #009688;
    border-width: 1px;
    border-style: solid;
}

.buttonsLoginForms {
    padding: 11px 150px; !important;}
}

.layoutSocialAuth {
    border-top: 1px solid #333;
    padding: 0 !important
}

.bgLogin {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0
}

#footer {
    background-color: #212121;
    color: #fff;
    height: 48px;
    padding: 16px 0;
    z-index: 999
}

.logoMain>img {
    max-height: 60px !important
}

#navbar-main {
    position: fixed;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2), 0 4px 7px 0 rgba(0, 0, 0, .19)
}

#navbar-main{
    height: 75px;
}

.mainmenu-second{
    top: 75px;
}

.toolbarkme {
    height: initial !important
}

.gray {
    filter: url(#grayscale);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: Gray()
}

#navbarCenter {
    background-color: transparent
}

.nameOrg h1 {
    font-size: .8em
}

.logoEditIcon {
    right: 5px;
    top: 0;
    font-size: 0;
    border-radius: 50%;
    padding: 3px;
    cursor: pointer
}

#verticalMenu {
    background: #414141;
    transition: left .2s, width .2s;
    width: 20%;
    position: relative;
    left: 0
}

#bodyContent {
    transition: width .2s;
    width: 83%;
    background: 0 0
}
.margin-l-35{
    margin-left: 35px !important;
}
.margin-top-60{
    margin-top: 60%;
}
.no-height{
    height: auto !important;
}
.index-2{
    z-index: 2 !important;
}

md-list-item._md-no-proxy .no-height{
     height: auto !important;
}
#verticalMenu.fullMenu {
    position: absolute;
    z-index: 2;
    left: -100%;
    width: 0;
    box-shadow: 2px 2px 2px #3c3c3c;
    top: 0;
    overflow: auto
}
md-input-container {
    z-index: 0 !important;
}
#bodyContent.full {
    width: 100% !important
}

.menuItems li {
    padding: 8px 0;
    background: rgba(255, 255, 255, .45)
}

.menuItems li:hover {
    background: rgba(255, 255, 255, .5)
}

.menuItems li a {
    padding-left: 8%;
    display: inline-block
}

.activeCollapse {
    background: rgba(255, 255, 255, .19)
}

#bannerProfile>div {
    position: absolute;
    bottom: 0;
    width: 100%
}

.avatarProfile {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #fff
}

.boxdataDashboard {
    height: 124px
}

.layoutBoxProfile {
    margin-bottom: 0
}

.layoutBoxProfile:last-child {
    padding-bottom: 24px
}

.layoutBoxProfile>div {
    margin: 0;
    margin-left: 0;
    margin-left: 0
}

.layoutBoxProfile>div:first-child {
    margin-left: 0
}

.layoutBoxProfile>div:last-child {
    margin-right: 0
}

.layoutBoxChild {
    margin: 0;
    padding: 0 8px
}

.layoutBoxChild {
    margin: 0;
    padding: 0 8px
}

.layoutBoxChild-1 {
    margin: 0;
    padding: 0 15px
}

.layoutBoxChild>.toolbar {
    margin: 0 -8px
}

#myCoursesInteraction .layoutBoxChild:first-child {
    margin-left: 0
}

#myCoursesInteraction .layoutBoxChild:last-child {
    margin-right: 0
}

.layoutBoxChild>img {
    height: 125px !important;
    background: #fff;
    border-bottom: 1px solid #ccc;
    cursor: pointer
}

.creatorOrgAvatar {
    position: absolute;
    bottom: -9px;
    left: 16px
}

.creatorOrgAvatar>img {
    width: 24px;
    height: 24px !important
}

.infoProfileMobile {
    margin-top: -33px;
    position: relative
}

#myOrg>div:first-child {
    margin-right: 0
}

#myOrg>div {
    margin-top: 10px;
    margin-left: 20px
}

.boxTraceProfile>div:first-child {
    margin-right: 24px
}

.infoProfileDesktop {
    padding: 24px 0;
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .46));
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .46))
}

.infoProfileDesktop button {
    margin-top: 16px
}

.btnUploadImageProfile {
    position: absolute !important;
    right: 35px;
    margin-bottom: 24px !important;
    cursor: pointer;
    padding: 8px;
    margin-top: -15px
}

.btnUploadImageProfile input {
    display: none
}

.btnUploadImageDetails {
    position: absolute;
    right: 35px;
    margin-bottom: 24px;
    cursor: pointer;
    padding: 8px;
    margin-top: -15px;
    bottom: 0
}

#imageBackCourse .container-banner {
    z-index: 1;
    display: flex;
    flex-direction: column;
}

#imageBackCourse .container-button-banner {
    margin: 2rem;
    height: 100%;
    display: flex;
    justify-content: flex-end;
}

#imageBackCourse .container-banner .container-button-banner {
    margin: 2rem;
    display: flex;
    justify-content: flex-end;
}

#imageBackCourse .container-banner .container-button-banner .btnUploadImageDetails,
#imageBackCourse .container-button-banner .btnUploadImageDetails{
    display: flex;
    cursor: pointer;
    margin-top: auto;
    position: inherit;
    margin-bottom: unset;
    align-items: flex-end;
}

.btnLandingDetails {
    position: absolute !important;
    right: 35px;
    margin-bottom: 24px !important;
    cursor: pointer;
    padding: 8px;
    margin-top: -15px
}

.btnAlbumDetails {
    right: 35px;
    margin-bottom: 24px !important;
    cursor: pointer;
    padding: 8px;
    margin-top: -15px
}

.btnUploadImageDetails input {
    display: none
}

.btnChangePass {
    position: absolute !important;
    right: 35px;
    margin-bottom: 24px !important;
    cursor: pointer;
    padding: 8px;
    margin-top: 35px;
    background-color: #aaa;
    border-radius: 50%
}

.btnUploadImageAvatar {
    position: absolute !important;
    left: 35px;
    top: 35px;
    cursor: pointer;
    padding: 8px
}

.btnUploadImageAvatar input {
    display: none
}

user-profile .creatorOrgAvatar {
    top: 105px
}

.pointstate {
    width: 15px;
    height: 15px;
    border-radius: 50%
}

.add-skill-toprofile>div {
    width: 100%
}

@media (max-width:767px) {
    #viewer {
        margin-bottom: 0px !important;
    }

    .paddingContent {
        padding: 0
    }

    #myOrg>div {
        margin: 0 !important
    }

    .layoutBoxProfile>div {
        margin: 0 !important
    }

    .layoutBoxChild {
        margin-left: 8px;
        margin-right: 8px;
        margin-bottom: 8px;
        width: 100% !important;
        margin: auto;
    }

    .boxTraceProfile>div:first-child {
        margin-right: 8px
    }

    .boxTraceProfile>div {
        margin-bottom: 8px
    }

    .btnUploadImageProfile {
        top: -25px
    }

    .btnChangePass {
        top: -25px
    }

    .btnUploadImageAvatar {
        position: absolute !important;
        left: 45%;
        top: 15px;
        padding: 9px;
        background-color: transparent !important
    }

    user-profile .creatorOrgAvatar {
        top: 160px
    }

    .zEWidget-launcher {
        right: -9px !important;
        bottom: 77px !important;
        width: 60px !important
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .paddingContent {
        padding: 0 1%
    }

    #myOrg>div {
        margin: 0 !important
    }

    .layoutBoxProfile>div {
        margin: 0 !important
    }

    .layoutBoxChild {
        margin-left: 8px;
        margin-bottom: 8px
    }

    .layoutBoxChild>img {
        height: 144px !important
    }

    .boxTraceProfile>div:first-child {
        margin-right: 8px
    }

    .boxTraceProfile>div {
        margin-bottom: 8px
    }

    .creatorOrgAvatar {
        bottom: -19px
    }
}

#bodyContent>.paddingContent>kme-drafts>div>.showall {
    display: none
}

#bodyContent>.paddingContent>kme-my-courses>div>.showall {
    display: none
}

#bodyContent>.paddingContent>kme-inactive-courses>div>.showall {
    display: none
}

#bodyContent>.paddingContent>kme-list-categories>div>.showall {
    display: none
}

#bodyContent>.paddingContent>kme-available-courses>div>.showall {
    display: none
}

#bodyContent>.paddingContent>kme-moderated-courses>div>.showall {
    display: none
}

#bodyContent>.paddingContent>kme-drafts>div>.showall {
    display: none
}

.boxResetPassword {
    background: rgba(255, 255, 255, .7)
}

.headResetPassword {
    text-align: center;
    padding: 8px 0;
    font-size: 30px;
    background: #868686;
    color: #fff
}

.errorPassword ul {
    list-style: none;
    display: inline
}

#bannerProfileGroup {
    background: url(/static/images/big_cover_default.jpg);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 320px;
    position: relative
}

#bannerProfileGroup>div {
    position: absolute;
    bottom: 0;
    width: 100%
}

.pensumImg {
    background-size: cover !important;
    height: 500px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    position: relative
}

.bgDetailsCourse {
    background: #414141;
    height: 450px
}

.featureDetails {
    background: #646464;
    padding: 40px
}

.descriptionDetails,
.titleDetails {
    width: 100%
}

.aboutCourse {
    padding: 24px 40px
}

.aboutInfo {
    padding-right: 24px
}

.sessionDetails>div>div {
    height: 80px;
    line-height: 80px
}

.btnEnroll {
    padding: 8px 24px !important
}

.tags ul li {
    background: #545454;
    padding: 8px;
    padding: 8px;
    border-radius: 13px;
    margin: 0 5px;
    color: #fff
}

.avatarCreatorDetails {
    height: 70px;
    width: 70px;
    border: 2px solid #aaa
}

.box-day {
    background: rgba(255, 255, 255, .14)
}

.box-month,
.box-year {
    background: rgba(255, 255, 255, .2)
}

.box-month .month-day {
    font-size: 4em
}

.box-year h2 {
    font-weight: 100
}

.featureDetailsBox {
    padding: 40px 0 !important
}

.aboutInfo p *,
.moreInfoDetails p * {
    color: #888 !important;
    font-size: 1em !important;
    font-family: inherit !important;
    line-height: inherit !important
}

.titleItemsDetails {
    color: #666;
    font-weight: 100
}

#imageBackOrg {
    background-size:cover !important;
    height: 380px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    position: relative
}

.btnActionCourse {
    width: 25%;
    border-radius: 10px !important;
    font-size: .8em !important;
    padding: 6px 0 !important;
    color: #fff !important;
}

.btnActionCourse2 {
    width: unset;
    min-width: 25% !important;
    border-radius: 10px !important;
    font-size: .8em !important;
    padding: 6px 4% !important;
    background: #fff;
}
.btnloguedout {
    width: unset;
    padding: 1% 3% !important;
}
.boxTraceDetails {
    width: 100%;
}

.boxTraceDetails:first-child {
    padding-bottom: 0 !important
}

.boxTraceDetails>div:first-child {
    padding-right: 0px
}

.sessionDetails {
    min-height: 100%
}

.md-card-heigh100 {
    min-height: 100%;
    height: 100%
}

.loadingBanner {
    top: 50%;
    height: 40px;
    width: 30%;
    margin: auto
}

.btnCourse {
    background: rgba(255, 255, 255, .3);
    border: 2px solid #fff;
    color: #fff
}

.img-max-width120 {
    max-width: 120px
}

.banner-btns-main {
    z-index: 0;
    position: absolute;
    width: 100%;
    top: 65px
}

course-details #imageBackCourse .banner-btns-main {
    position: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.box-data1-colora {
    background: #78909c
}

.box-data1-colorb {
    background: #91a3ad;
    padding-top: 8px
}

.box-data2-colora {
    background: #0199a6
}

.box-data2-colorb {
    background: #02adc1;
    padding-top: 8px
}

.box-data3-colora {
    background: #00796a
}

.box-data3-colorb {
    background: #2e9786;
    padding-top: 8px
}

.box-data4-colora {
    background: #449e47
}

.box-data4-colorb {
    background: #56b03e;
    padding-top: 8px
}

.filterImg {
    background: rgba(0, 0, 0, .5);
    height: 445px;
    width: 100%;
    display: inline-flex;
    position: relative;
    margin-top: -404px
}

.filterImgOrg {
    background: rgba(0, 0, 0, .5);
    height: 383px;
    width: 100%;
    display: inline-flex;
    position: relative
}

#contentMenuAdmin modal-iframe:focus {
    outline: #fff !important
}

modal-iframe>a>translate {
    color: rgba(0, 0, 0, .87)
}

.imgSessions {
    height: 150px !important
}

.modEvent,
.subEvent {
    background: #607d8b;
    color: #fff
}

.submod {
    background: #eee;
    color: #353433
}

.btn-lock-details {
    background: #bdbdbd !important;
    pointer-events: none !important;
    color: #757271 !important
}

.round-progress-wrapper {
    width: 83% !important
}

.progressbar-text {
    font-size: 1.3rem !important
}

.progress-wrapper>.progress {
    left: 44% !important;
    height: 55px
}

.round-progress-wrapper>svg {
    max-width: 100% !important;
    height: auto !important;
    min-width: 100% !important
}

.descriptionModule {
    padding: 16px;
    padding-top: 0;
    background: #f5f5f5;
    margin: 0;
    overflow: hidden
}

.descriptionModule p {
    padding: 0
}

.percentageModule {
    margin-bottom: 14px
}

.progress-wrapper {
    position: relative;
    font-size: 1.3em
}

.progress {
    position: absolute;
    line-height: 1
}

.progress span {
    font-size: .7em
}

.img-module {
    height: auto;
    width: 100%
}

.positionModule {
    position: absolute;
    top: -10px;
    left: 16px
}

.positionModule span {
    padding: 5px 11px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .38)
}

.sectionModules {
    margin-top: 5px
}

.sectionContents {
    margin-top: 5px !important
}

.label-status {
    color: #fff;
    padding: 5px 10px;
    border-radius: 10px;
    display: block;
    width: 100%;
    margin: 3px 0
}

.label-status.completed {
    background: #43a047
}

.text-color-completed {
    color: #43a047 !important
}

.label-status.inProgress {
    background: #f44336
}

.text-color-inProgress {
    color: #f44336 !important
}

.label-status.next {
    background: #ccc
}

.text-color-next {
    color: #ccc !important
}

.label-status.info {
    background: #00bcd4
}

.text-color-info {
    color: #00bcd4 !important
}

.label-status.warning {
    background: #ffc107;
    color: #2d2b2b
}

.text-color-warning {
    color: #ffc107 !important
}

.text-color-danger {
    color: ##980800 !important
}

.listContents {
    padding: 8px 0 0;
    border-bottom: 1px solid #ccc
}

.listContents:last-child {
    border: 0
}

.boxCollapse {
    background: #f1f3f5;
    padding: 0 16px;
    height: 100px;
    overflow: hidden;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s
}

.boxCollapse.ng-hide-remove {
    height: 100px;
    overflow: hidden
}

.boxCollapse.ng-hide {
    height: 0
}

.boxCollapse p.ng-hide {
    display: block !important
}

.bg_bookmark {
    background: #8bc34a;
    color: #fff !important
}

.bg_lti_content {
    background: gray;
    color: #fff !important
}

.bg_topic,
.bg_tribe {
    background: #f44336;
    color: #fff !important
}

.bg_blog {
    background: #ff5722;
    color: #fff !important
}

.bg_videoconference {
    background: #9c27b0;
    color: #fff !important
}
.overflowhidden{
    overflow: hidden;
}

.bg_task {
    background-color: #009688 !important;
    color: #fff !important
}

.bg_test {
    background-color: #ff9800 !important
}

.contentImage {
    overflow: hidden;
    height: 150px
}

.contentMedia {
    height: 150px;
}
.bgevents{
    background-color: #0091FF;
}

.linkImageContent {
    line-height: 0 !important;
    display: block !important
}

.text_short_title {
    max-height: 55px;
    overflow: hidden;
    font-weight: bolder;
    padding-top: 5px;
}

.btnUploadImageCategory {
    position: absolute !important;
    right: 35px;
    margin-bottom: 24px !important;
    cursor: pointer;
    padding: 8px
}

.btnUploadImageCategory input {
    display: none
}

#bannerProfile {
    position: relative;
    margin-top: 10px;
}

#imageBackCategory,
#imageBackType,
#imageBackCourse,
#bannerProfile {
    height: 400px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}

mega-course-details-new #imageBackCourse {
    margin-top: 40px;
}

resource-detail #imageBackCourse,
group-profile #content-kme #imageBackCourse,
course-details #content-kme #imageBackCourse,
lesson-learned-details-new .wrapper-lesson-learned-details #imageBackCourse {
    margin-top: 10px;
}

course-details #content-kme #imageBackCourse .container-options-header {
    display: flex;
    justify-content: flex-end;
    align-items:center;
}

course-details #content-kme #imageBackCourse .title-date-init {
    -webkit-flex: initial !important;
}

course-details #content-kme #imageBackCourse .container-options-header .btnUploadImageDetails {
    margin: 0 10px !important;
    position: inherit !important;
    display: flex;
    align-items:center;
    justify-content:center;
}

group-profile #content-kme #imageBackCourse .container-information {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.imgCreateOrg,
.imgLoginOrg img {
    width: 100%
}

.imgLoginOrg {
    margin-right: -8px;
    margin-left: -8px
}

.btnUploadImage {
    position: absolute !important;
    bottom: 0;
    right: 24px;
    margin-bottom: 24px !important;
    cursor: pointer;
    padding: 8px
}

.btnUploadImage input {
    display: none
}

.btnUploadImage-in {
    padding: 8px 50px;
    border-radius: 5px;
    cursor: pointer
}

.switchOrgs {
    margin: 0;
    display: inline-block;
    padding-left: 24px
}

.switchForms {
    margin: 0;
    display: inline-block;
    padding-left: 65px
}

.numberStep {
    padding: 4px 10px !important;
    margin-left: -24px
}

.fakeLogin {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 25%;
    display: inline-block;
    box-shadow: 0 0 6px 1px rgba(20, 16, 16, .54);
    position: absolute;
    height: 180px;
    margin-top: 24px;
    left: 50%;
    top: 38%;
    background: rgba(255, 255, 255, .61)
}

.barOrgfake {
    height: 34px
}

#itemListFake li {
    padding: 8px
}

#itemListFake li.active {
    background: #979797
}

.areaLogo {
    height: 80px;
    width: 90px;
    background: #eee;
    outline: 2px solid #ccc;
    outline-style: dashed;
    cursor: pointer !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important
}

.areaLogo .iconLogo {
    position: relative;
    top: 30px
}

.menuDashboardOrg {
    position: absolute;
    right: 0;
    background: #fff;
    padding: 5px 0 !important;
    margin: 10px;
    border-radius: 50%
}

.alert-landing .md-toast-content {
    background: #4caf50
}

.viewerPoll{
    background: #3a3a3a;
}

#questbarOptions {
    height: 100%;
    right: 0;
    background: rgba(22, 21, 21, .73);
    z-index: 990;
    position: fixed !important;
    top: 0
}

.questSlides-xs {
    position: fixed;
    z-index: 999;
    height: 100%;
    overflow: auto;
    background: rgba(0, 0, 0, .56);
    top: 0;
    left: 0
}

.questSlides-md {
    background: rgba(0, 0, 0, .56)
}

.progressQuest {
    bottom: 3px;
    width: 100%;
    transition: .5s linear all;
    opacity: 1
}

.progressQuest.ng-hide {
    opacity: 0
}

.progressQuestStyle md-progress-linear ._md-container,
.progressQuestStyle md-progress-linear ._md-container ._md-bar {
    height: 9px
}

.progressQuestStyle md-progress-linear ._md-container {
    background-color: rgba(16, 16, 16, .48) !important
}

.progressQuestStyle md-progress-linear ._md-bar {
    background-color: #00b8d4 !important
}

.timeQuest {
    bottom: 24px;
    left: 24px;
    background: rgba(0, 0, 0, .74);
    color: #fff;
    padding: 5px;
    border-radius: 7px;
    transition: .5s linear all;
    opacity: 1
}

.timeQuest.ng-hide {
    opacity: 0
}

.transitionsBar {
    transition: .5s;
    width: 0;
    padding: 0 !important
}

.onAnimationSlides {
    width: 120px
}

.onAnimationBar {
    width: 9%
}

.contentInfo {
    top: 0;
    width: 0;
    background: rgba(0, 0, 0, .74);
    position: fixed;
    z-index: 9999;
    height: auto;
    right: -17px;
    min-height: 100%;
    padding: 0;
    margin: 0;
    transition: .5s linear all
}

.contentInfo.ng-hide {
    width: 40%;
    display: block !important
}

.zoneSwipe {
    padding: 0 20px !important;
    position: absolute;
    width: 4em;
    top: 0;
    height: 100%;
    z-index: 100
}

.zoneLeft {
    right: 0;
    background: 0 0;
    background: -webkit-linear-gradient(to right, rgba(13, 13, 12, 0), rgba(4, 4, 4, .15));
    background: -o-linear-gradient(to right, rgba(13, 13, 12, 0), rgba(4, 4, 4, .15));
    background: -moz-linear-gradient(to right, rgba(13, 13, 12, 0), rgba(4, 4, 4, .15));
    background: linear-gradient(to right, rgba(13, 13, 12, 0), rgba(4, 4, 4, .15))
}

.zoneRight {
    left: 0;
    background: 0 0;
    background: -webkit-linear-gradient(to right, rgba(4, 4, 4, .15), rgba(13, 13, 12, 0));
    background: -o-linear-gradient(to right, rgba(4, 4, 4, .15), rgba(13, 13, 12, 0));
    background: -moz-linear-gradient(to right, rgba(4, 4, 4, .15), rgba(13, 13, 12, 0));
    background: linear-gradient(to right, rgba(4, 4, 4, .15), rgba(13, 13, 12, 0))
}

.letter {
    padding: 4px 8px
}

.contentQuest {
    overflow: auto;
    background-color: #f6f6f6 !important
}

.editTabColor {
    position: absolute !important;
    bottom: -39px;
    left: 0
}

.round-progress-wrapper {
    margin: auto
}

.text-task-desc>div>p {
    padding: 8px
}

@media only screen and (min-width:1025px) {
    .btnBackModule {
        left: -47px;
        padding-left: 47px !important;
        z-index: 999
    }

    #tabsObjectsDetails md-tabs-wrapper {
        padding-left: 55px
    }

    .progressQuest {
        bottom: 68px !important
    }

    .contentInfo.ng-hide {
        width: 30%;
        display: block !important
    }

    .letter {
        padding: 10px 8px
    }
}

@media screen and (max-width:820px) {
    .timeQuest {
        top: 7% !important;
        background: #001950 !important;
        position: absolute
    }

    .contentMedia {
        height: auto
    }

    .bg-statements>p {
        margin-block-start: 0;
        margin-block-end: 0
    }
}

#gallerysm {
    padding-bottom: 50px
}

.btnUploadTask {
    cursor: pointer
}

.btnUploadTask #uploadTask {
    display: none
}

.text-task-desc>div>p {
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.miniSlideDesktop {
    height: 80px;
    background-size: cover !important;
    background-color: #fff
}

.bg-statements {
    background:rgb(250,250,250);
    /*background: #aaa;*/
    /*color: #fff !important*/
}

#barOptionLg {
    background: rgba(22, 21, 21, .73);
    height: 50px;
    bottom: 0;
    width: 100%;
    transition: .5s linear all
}

#barOptionLg.ng-hide {
    height: 0;
    opacity: 0
}

.transitionsBar-lg {
    transition: .5s linear all;
    height: 0;
    opacity: 0;
    overflow: hidden
}

.onAnimationSlides-lg {
    height: 96px;
    opacity: 1
}

.opacity05 {
    opacity: .3
}

.instruction {
    display: none !important
}

.selectAnswer {
    background: #7dd0da !important
}

.positionArrow {
    position: relative;
    top: 35%
}

.showImages {
    top: 30%;
    left: 35%;
    background: rgba(39, 41, 47, .45) !important
}

button.md-kme-theme {
    background: #009688;
    color: #fff !important
}

.area {
    height: 100%;
    width: 100%;
    background: 0 0;
    position: absolute;
    top: 0
}

.buttonNav {
    position: fixed;
    bottom: 16px;
    right: 10%
}

#progressContainer md-progress-linear {
    height: 0
}

#diapositiveTextDesktop>ol>li {
    text-align: left !important
}

.border_blink {
    border: 5px solid #000;
    border-radius: 50%;
    margin: 5px
}

.effect_blink {
    animation: blinker 1s linear infinite
}

@keyframes blinker {
    50% {
        border-color: #fff
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    md-toolbar {
        height: 70px;
    }
    .btnActionCourse {
        width: -webkit-fill-available;
        border-radius: 10px !important;
        font-size: .8em !important;
        padding: 6px 0 !important;
        color: #fff !important;
    }

    .btnActionCourse2 {
        width: -webkit-fill-available;
        border-radius: 10px !important;
        font-size: .8em !important;
        padding: 6px 0 !important;
        background: #fff;
    }

    .instruction {
        background: #dbdada;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 999;
        display: flex !important;
        display: -webkit-flex
    }

    #toastParent {
        bottom: 0 !important;
        right: 0 !important;
        display: none !important;
        top: 90% !important;
        z-index: 100000 !important;
        min-width: 200px !important
    }
}

@media only screen and (max-width:959px) and (min-width:300px) {
    #barOptionLg {
        height: 100%;
        right: 0;
        width: 56px
    }

    #barOptionLg>div {
        margin-bottom: 10px !important
    }

    .questionLayoutclass>div>span {
        max-width: 100% !important
    }
}

#headerEvent {
    height: 150px
}

.backHeaderEvent {
    background: url(/static/images/imagesEvent/nameEvent.jpg);
    background-position: right;
    background-repeat: no-repeat;
    background-color: #6c6d72
}

.contentPaddingEvent {
    padding: 2% 8% !important
}

#navtabsCourse {
    background: #eee
}

#navtabsCourse>a {
    padding: 14px;
    color: #666;
    text-decoration: none
}

#navtabsCourse.back {
    padding: 5px 0
}

#navtabsCourse>button>md-icon {
    color: #3e0098
}

#navtabsCourse>a:hover {
    border-bottom: 3px solid #3e0098;
    padding-bottom: 10px
}

#navtabsCourse>a.active {
    border-bottom: 3px solid #3e0098;
    padding-bottom: 11px
}
.center-icon-cover{
    display: flex !important;
    margin-top: 15% !important;
    justify-content: center !important;
}
.tab-content>.tab-pane {
    display: none
}
.md-text-white{
    color: white !important;
}
.tab-content>.active {
    display: block
}

.actionEditCourse {
    margin-bottom: 0 !important
}
.max-width100{
    max-width: 100% !important;
}
.labelEditCourse {
    font-size: 1em;
    color: #000;
    font-weight: 500
}

.boxSecondary {
    background: #eee;
    border: 2px #ccc;
    border-style: dashed
}

.boxSecondaryLight {
    background: #fff;
    border: 2px #ccc;
    border-style: solid
}

.btnNewItem {
    width: 88%
}

.marginBottomClear {
    margin-bottom: 0 !important
}

.marginTopClear {
    margin-top: 0 !important
}

#infoCourse md-input-container.md-input-focused .md-input,
md-select:not([disabled]) {
    border-color: #00b8d4 !important
}

#infoCourse md-input-container .md-input {
    color: rgba(0, 0, 0, .5)
}

#infoCourse md-input-container:not(.md-input-has-value) input:not(:focus) {
    font-style: italic
}

#infoCourse md-input-container label:not(._md-container-ignore),
#infoCourse md-input-container:not(.md-input-invalid).md-input-has-value label {
    color: #000;
    font-weight: 500
}

#infoCourse ._md-select-value>span:not(._md-select-icon) {
    color: rgba(0, 0, 0, .54)
}

#sessionCourse ._day ._md-select-value ._md-text {
    font-size: 48px
}

#sessionCourse ._month ._md-select-value ._md-text {
    font-size: 24px
}

.disable_block_date {
    opacity: .4;
    pointer-events: none
}

.imgAvatarTutor {
    width: 34px !important;
    height: 34px !important
}

.imgAvatarStudent {
    width: 34px !important;
    height: 34px !important
}

.boxShadowContent {
    -webkit-box-shadow: 1px 0 7px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 1px 0 7px 0 rgba(0, 0, 0, .5);
    box-shadow: 1px 0 7px 0 rgba(0, 0, 0, .5)
}

.boxPosMod md-select-value {
    min-width: 0
}

.sizeBadges {
    height: 80px;
    max-width: 80px
}

.badgeTitle {
    color: #21a2de;
    text-decoration: underline
}

.text-tittle {
    color: #05377d;
    font-weight: 700
}

.text-title-type {
    color: #fff
}

.alertManageModule .md-toast-content {
    background-color: #43a047 !important;
    color: #fff !important
}

.boxOptionQuest {
    background: #fafafa !important;
    color: #555;
    padding: 10px 25px !important
}

.boxOptionQuest md-icon {
    padding-top: 10px !important
}

.btnDeleteSlide {
    background: #fafafa !important
}

.boxBgSlide {
    background: #fafafa !important;
    border: 1px solid #ccc;
    border-top: 0
}

.boxminiSlide {
    padding: 25px 35px !important
}

.newBoxSlide {
    background: rgba(0, 0, 0, 0) !important;
    border: 3px dashed #fff !important;
    padding: 22px 35px !important
}

.labelQuest {
    font-weight: 700;
    color: #9b9b9b
}

.tabsSlidesQuest {
    background: #eee
}

.tabsSlidesQuest md-ink-bar {
    background-color: #3e0098 !important
}

.questSwitch.md-checked ._md-thumb {
    background-color: #00bcd4
}

.questSwitch.md-checked ._md-bar {
    background-color: rgba(0, 188, 212, .47)
}

.radioQuest ._md-on {
    background-color: #00bcd4
}

.radioQuest.md-checked ._md-off {
    border-color: #00bcd4
}

.gradingNote {
    background: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    text-align: center
}

.listTemplate.danger ._md-select-placeholder {
    color: #d50000 !important
}

.fixedBtn {
    position: fixed !important;
    top: 10px;
    left: 15px;
    z-index: 999;
    width: 18%
}

.btn_editCatalogue.textgray {
    color: #8b8b8b !important
}

.inputUploadTask {
    background: #272626;
    padding: 15px;
    color: #fff;
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.labelUploadTask {
    background: #343434;
    color: #fff;
    padding: 14px 40px 16px 40px;
    border-radius: 5px 0 0 5px;
    cursor: pointer
}

.boxUploadTask {
    border-radius: 5px
}

.itemOpened {
    background: #00bcd4
}

@media only screen and (max-width:959px) and (min-width:320px) {
    .iframe-video-contentplayer {
        height: 330px !important
    }
}

@media only screen and (max-width:959px) and (min-width:320px) {
    .iframe-video-contentplayer {
        height: 330px !important
    }
}

@media only screen and (max-width:1366px) and (min-width:960px) {
    .video-contentplayer {
        overflow: hidden
    }

    .iframe-video-contentplayer {
        height: 570px !important
    }
}

@media only screen and (max-width:1400px) and (min-width:1367px) {
    .video-contentplayer {
        margin: auto;
        overflow: hidden
    }

    .iframe-video-contentplayer {
        height: 610px !important
    }
}

@media only screen and (max-width:1680px) and (min-width:1401px) {
    .video-contentplayer {
        margin: auto;
        overflow: hidden
    }

    .iframe-video-contentplayer {
        height: 700px !important
    }
}

@media only screen and (max-width:1820px) and (min-width:1681px) {
    .video-contentplayer {
        margin: auto;
        overflow: hidden
    }

    .iframe-video-contentplayer {
        height: 800px !important
    }
}

@media only screen and (max-width:1920px) and (min-width:11820px) {
    .video-contentplayer {
        margin: auto;
        overflow: hidden
    }

    .iframe-video-contentplayer {
        height: 870px !important
    }
}

@media only screen and (min-width:1921px) {
    .video-contentplayer {
        margin: auto;
        overflow: hidden
    }

    .iframe-video-contentplayer {
        height: 610px !important
    }
}

#navtabs {
    background: #3a9785;
    padding-left: 10%;
    padding-right: 10%
}

#navtabs>a {
    padding: 8px;
    color: #fff;
    text-decoration: none
}

#navtabs>a:hover {
    border-bottom: 3px solid #464445;
    padding-bottom: 5px
}

#sidebar--description {
    font-size: 14px
}

.container-advanceround {
    width: 83%;
    position: relative
}

#itemsSideBar {
    min-height: 300px;
    margin-top: 0
}

#itemsSideBar>li>a.selected {
    color: #575757;
    background: #c4c4c4;
    border-radius: 0
}

#itemsSideBar li a {
    color: #575757;
    color: #fff !important;
    text-shadow: 1px 1px 3px #000 !important
}

.icon-gray {
    color: #575757
}

#content-kme>.flex-30 {
    position: relative
}

#content-kme>.sidebar-content-kme {
    width: 25%
}

.item--module {
    padding: 8px;
    padding-left: 20%;
    width: 100%;
    text-decoration: none;
    color: #4a4a4a
}

.item--content {
    padding: 8px;
    padding-left: 10%;
    width: 100%;
    text-decoration: none;
    color: #4a4a4a;
    text-shadow: 1px 1px 3px #000 !important
}

.item--content:hover {
    background-color: #c4c4c4;
    color: #414141 !important
}

#view--grades {
    background-color: #49a493 !important;
    color: #fff !important
}

#view--exit {
    background-color: #eee !important;
    color: #868686 !important;
    font-weight: bolder
}

kme-big-box>md-card>md-card-header>md-card-header-text {
    min-height: 40px;
    max-height: 60px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    max-width: 100%
}

kme-big-box>md-card>md-card-header>md-card-header-text>span {
    font-size: 18px !important
}

.descriptionModule {
    height: 85px
}

.dp48 {
    font-size: 48px !important
}

.dp36 {
    font-size: 36px !important
}

.dp24 {
    font-size: 24px !important
}

.dp14 {
    font-size: 14px !important
}

.dp12 {
    font-size: 12px !important
}

.no-bs>.md-chips {
    box-shadow: none;
    height: 40px
}

.no-bs>.md-chips>md-chip {
    font-size: 10px;
    width: 30%
}

.no-bs>.md-chips>md-chip>._md-chip-content {
    text-align: center;
    width: 100%
}

#courseTags {
    height: 60px;
    padding-bottom: 8px;
    width: 100%
}

#courseTags>span {
    width: 24% !important;
    display: inline-block;
    border-radius: 16px;
    background: #bcbcbc;
    padding: 5px;
    margin: 1%;
    color: #3c3c3c;
    text-align: center;
    max-height: 25px
}

.breadcrumps {
    font-size: 0.8rem;
    color: #283593 !important;
    margin: 15px 0px 0px 0px;
}

.breadcrumps>a {
    text-decoration: none
}

.catalog_filter {
    padding-bottom: 0;
    padding-top: 0
}

.itemParent {
    padding-left: 4%
}

#itemsSideBar li a md-icon {
    text-align: center
}

.courseTitleLeft {
    margin-bottom: 15px !important
}

#verticalMenu>ul>li>a {
    padding: 8px !important
}

.Powered-by>a {
    text-decoration: none;
    color: #fff !important
}

.Powered-by>a:hover {
    color: #fff !important
}

#headAvatar img {
    margin: 10px auto;
    width: 50% !important;
    aspect-ratio:1;
    object-fit:cover;
}

.bodyData li {
    margin: auto 10px;
    text-align: center;
    max-width: 250px
}

.pagination-div {
    font-size: 13px;
    font-weight: 600;
    color: #444;
    margin-left: 20px
}

.pagination-div button {
    width: 50px !important;
    min-width: 0 !important
}

#table_ranking{
    overflow: hidden;
}

@media only screen and (max-width:700px) {
    #verticalMenu {
        position: fixed !important;
        transition: left .2s;
        z-index: 98;
        height: 100%;
        top: 20px !important;
        padding-top: 50px
    }
}

@media only screen and (max-width:599px) {
    .md-margin-clear-xs {
        margin: 0 !important
    }

    #login {
        padding: 0
    }

    #verticalMenu>ul {
        height: 560px !important;
        overflow: auto;
        margin-top: 30px
    }

    .activeBtn {
        position: relative;
        left: 7px
    }

    .menuFlap {
        position: fixed !important;
        top: 0 !important;
        height: 100%;
        width: 20% !important
    }

    #bodyContent {
        left: 0;
        position: inherit;
        width: 100%
    }

    kme-big-box>md-card>md-card-header>md-card-header-text {
        max-height: 100%
    }

    .titleDetails {
        width: 100%
    }

    .bgDetailsCourse {
        height: 100%
    }

    #courseMainInfo,
    #itemsSideBar,
    .breadcrumps {
        height: 100% !important;
        min-height: 100%
    }

    #courseMainInfo .enrollAction a,
    #courseMainInfo .enrollAction button {
        width: 100%;
        margin: 0
    }

    .pensumImg {
        height: 210px
    }

    .boxTraceProfile {
        padding-right: 8px !important;
        padding-left: 8px !important
    }

    #profile .layoutBoxProfile {
        margin-top: 16px !important
    }

    #profile .layoutBoxProfile .layoutBoxChild,
    .myCoursesInteraction .layoutBoxProfile {
        margin: 15px 0 !important
    }

    #profile .layoutBoxProfile .layoutBoxChild>img,
    .myCoursesInteraction .layoutBoxChild>img {
        height: 224px !important
    }

    .btnChangePass {
        top: -56px
    }

    .btnUploadImageProfile {
        top: -60px
    }

    #courseTags {
        height: 100% !important
    }

    .container {
        padding-left: 2% !important;
        padding-right: 2% !important
    }

    #verticalMenu {
        width: 70% !important
    }

    .layoutBoxChild>img {
        height: 225px !important
    }

    .paddingCont {
        padding-left: 2%;
        padding-right: 2%
    }

    .md-padding-40-lr {
        margin-left: -40px !important;
        margin-right: -40px !important
    }

    #myCoursesInteraction {
        padding-left: 2%;
        padding-right: 2%
    }

    #myOrg {
        padding-left: 2%;
        padding-right: 2%;
        display: flex;
        align-content: center;
    }

    .closeifbtn {
        top: 20px !important;
        right: 4% !important
    }

    .fullScreenifbtn {
        top: 20px !important;
        right: 16% !important
    }

    p>iframe {
        width: 90%
    }

    .containerBig {
        overflow: scroll
    }

    #verticalMenu.fullMenu {
        position: fixed !important
    }

    .containerFull {
        width: initial !important;
        padding: 5px
    }

    .contentImage {
        min-height: 175px !important;
        height: 150px
    }

    .styleTagStatus {
        padding-top: 0 !important;
        border-top: 0;
        border-right: 0
    }

    .contentMedia {
        display: contents !important
    }

    .logoMain {
        margin-left: 0 !important;
        margin: 0 !important;
        padding: 0 !important
    }

    .nameOrg h1 {
        font-size: .7em !important
    }

    .catalogueImageBox {
        height: 230px !important
    }

    .overlayImage {
        height: 100%
    }

    .overlayImage.overlayEvents {
        height: 100% !important
    }

    .btnActionCourse {
        width: 80% !important
    }

    #tutorDetails {
        margin-top: 16px
    }

    .imgSessions {
        height: 250px !important
    }

    #imageBackCategory {
        background-size: cover !important
    }

    #headerEvent {
        height: 100%
    }

    .backHeaderEvent {
        padding: 20px 0
    }

    .coverEvent {
        height: 176px
    }

    .contentCover {
        height: auto;
        position: relative;
        display: inline-table;
    }

    .comment-masonry {
        columns: 100%;
        column-gap: 0
    }
}

@supports(overflow:-webkit-marquee) and (justify-content:inherit) {
    .layout-column {
        display: block !important
    }
}

@media only screen and (max-width:600px) and (min-width:300px) {
    #courseMainInfo {
        display: contents;
    }

    #courseMainInfo>.itemsbarcourse {
        width: 100%;
    }

    .profilebox {
        margin: 16px
    }

    .paddingContent>h3 {
        margin-left: 19px
    }
}

@media only screen and (min-width:600px) and (max-width:959px) {
    .md-margin-clear-sm {
        margin: 0 !important
    }

    #navbar-main {
        z-index: 10
    }

    #verticalMenu {
        width: 35%
    }

    #bodyContent {
        width: 65%
    }

    .activeBtn {
        position: relative;
        left: 7px
    }

    #courseMainInfo,
    #courseMainInfo>img,
    .img-module {
        max-height: 100%;
        height: 100%
    }

    .pensumImg {
        height: 270px
    }

    #quest {
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 120 !important
    }

    #_closePLAYER {
        right: 0 !important;
        top: 0 !important
    }

    #barOptionLg {
        height: 100%;
        right: 0;
        width: 56px
    }

    #barOptionLg.ng-hide {
        right: -10px;
        opacity: 0;
        height: 100%
    }

    #infofinish {
        width: 100% !important;
        height: 100% !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 124 !important
    }

    #finishClose {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 124 !important;
        padding: 8px
    }

    .choice {
        margin-left: 0 !important
    }

    .containerFull {
        width: 480px !important
    }

    .layoutBoxChild {
        margin-left: 0
    }

    .btnActionCourse {
        width: 50% !important
    }

    #tutorDetails {
        margin-top: 16px
    }

    #toastParent {
        bottom: 0 !important;
        right: 0 !important;
        display: none !important;
        top: 90% !important;
        z-index: 100000 !important;
        min-width: 200px !important
    }

    #imageBackCategory {
        background-size: cover !important
    }

    .descriptionModule {
        padding: 0 4px
    }

    .descriptionModule p {
        padding: 0 16px
    }

    .overlayImage {
        height: 127px
    }

    .overlayImage.overlayEvents {
        height: 100% !important
    }

    .jwplayer {
        height: 77vh !important;
        width: 80% !important
    }
    .jwplayer .jw-media video{
        object-fit: contain !important;
    }
    .jwplayer.jw-stretch-uniform .jw-media video {
        object-fit: contain !important;
    }
    #profile .layoutBoxProfile {
        margin-top: 16px !important
    }

    #profile .layoutBoxProfile>div:first-child {
        padding-right: 0 !important
    }

    #profile .layoutBoxProfile>div:last-child {
        padding-left: 0 !important
    }

    .btnChangePass {
        top: -56px
    }

    .btnUploadImageProfile {
        top: -60px
    }

    #myCoursesInteraction {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:1320px) and (min-width:960px) {
    #tutorDetails {
        padding-left: 8px
    }

    #datesDetails {
        padding-right: 8px
    }

    #verticalMenu>ul {
        height: 85% !important;
        overflow: auto;
        position: fixed !important;
        width: 20% !important
    }
}

@media only screen and (max-width:1520px) and (min-width:1321px) {
    #tutorDetails {
        padding-left: 8px
    }

    #datesDetails {
        padding-right: 8px
    }

    #verticalMenu>ul {
        height: 85% !important;
        overflow: auto;
        position: fixed !important;
        width: 20% !important
    }

    .img-module {
        width: 100%;
        height: 330%
    }

    .verticalImg {
        height: 270px !important
    }
}

@media only screen and (max-width:1919px) and (min-width:1521px) {
    .img-module {
        width: 100%;
        height: 370px
    }

    .verticalImg {
        height: 320px !important
    }

    #verticalMenu>ul {
        position: fixed !important;
        height: 90% !important;
        width: 20% !important;
        overflow: auto
    }
}

@media only screen and (min-width:1920px) {
    .img-module {
        width: 100%;
        height: 370px
    }

    .verticalImg {
        height: 350px !important
    }

    #verticalMenu>ul {
        position: fixed !important;
        height: 90% !important;
        width: 20% !important;
        overflow: auto
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .layoutBoxChild {
        margin-right: 8px
    }

    .containerFull {
        width: 500px !important;
        margin: auto
    }

    .verticalImg {
        height: 400px
    }

    .widthContent {
        width: 45% !important
    }

    .overlayImage {
        height: 127px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {
    .layoutBoxChild {
        margin-right: 8px
    }

    .containerFull {
        width: 768px !important;
        margin: auto
    }

    .creatorOrgAvatar {
        bottom: 9px
    }

    .overlayImage {
        height: 95px
    }
}

@media only screen and (min-device-width:560px) and (max-device-width:736px) {
    .addbtns {
        margin-top: -4px !important;
        padding-top: 0 !important
    }

    .addbtns>ul>li>button {
        padding-top: 1px !important;
        padding-bottom: 1px !important
    }

    #toastParent {
        right: 35% !important
    }

    #_closePLAYER {
        visibility: hidden
    }
}

p>#questionImage {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

p>#questionFile {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    text-align: center
}

.md-padding-8-all.md-img-rounded.layout-margin.ng-scope.md-whiteframe-1dp.md-bg-light.layout-align-center-center.layout-row.flex {
    width: 100%;
}

.md-padding-8-all.md-img-rounded.layout-margin.ng-scope.md-whiteframe-1dp.layout-align-center-center.layout-row.flex.selectAnswer {
    width: 100%;
}

md-tooltip {
    z-index: 200 !important
}

#openLabel {
    color: #3c3c3c !important
}

#openAnswer {
    background: #eee;
    color: #000 !important
}


#itemsSideBar {
    min-height: 150px !important
}

.title_big_box {
    height: 80px
}

@media only screen and (max-width:750px) and (min-width:450px) {
    .widthContent {
        width: 45% !important
    }
}

#navtabs>a>.md-button:not([disabled]):hover {
    background-color: transparent !important
}

.btntabs {
    width: 100%;
    margin-left: -1px;
    color: #fff;
    padding: 0;
    margin: 0 !important;
    border-radius: 0 !important
}

@media only screen and (max-width:760px) {
    .layout-xs-column2 {
        flex-direction: column !important;
        flex: 1 0 auto !important
    }

    #navtabs {
        padding-left: 0 !important;
        padding-right: 0 !important;
        justify-content: initial
    }

    .logoMain>img {
        max-width: 100%;
        padding-left: 6px;
        max-height: 50px !important;
    }

    #rankingResourcesTop {
        margin-top: 130px !important
    }

    .my-custom-stars {
        padding: 0 !important
    }

    .md-modal-movilw {
        width: 95% !important
    }

    .iframeSpeedtest {
        left: 2% !important;
        right: 2% !important;
        width: 96% !important
    }

    #mainContentFrame {
        width: 100% !important
    }
}

@media only screen and (min-width:769px) {
    #showhidetabs {
        visibility: hidden
    }
}

@media only screen and (max-width:1025px) and (min-width:761px) {
    #navtabs {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.nameOrg>.md-divider-vertical {
    visibility: hidden;
    position: absolute
}

#holder {
    border: 3px dashed #ccc;
    width: 100%;
    min-height: 250px
}

#holder.hover {
    border: 3px dashed #0c0
}

#holder img {
    display: block;
    margin: 10px auto;
}

#holder p {
    margin: 10px;
    font-size: 14px
}

#holder2 {
    border: 3px dashed #ccc;
    width: 100%;
    min-height: 250px
}

#holder2.hover {
    border: 3px dashed #0c0
}

#holder2 img {
    display: block;
    margin: 10px auto
}

#holder2 p {
    margin: 10px;
    font-size: 14px
}

#holdervid {
    border: 3px dashed #ccc;
    width: 100%;
    min-height: 190px
}

#holdervid.hover {
    border: 3px dashed #0c0
}

#holdervid img {
    display: block;
    margin: 10px auto
}

#holdervid p {
    margin: 10px;
    font-size: 14px
}

#holderfile {
    border: 3px dashed #ccc;
    width: 100%;
    min-height: 260px;
    padding-top: 20px
}

#holderfile.hover {
    border: 3px dashed #0c0
}

#holderfile img {
    display: block;
    margin: 10px auto
}

#holderfile p {
    margin: 10px;
    font-size: 14px
}

progress {
    width: 100%
}

progress:after {
    content: '%'
}

.fail {
    background: #c00;
    padding: 2px;
    color: #fff
}

.hidden {
    display: none !important
}

.vertical-divider {
    margin-left: 27px !important
}

safe-html>div>iframe {
    max-height: 280px
}

#videoemb {
    height: 240px !important
}

.videocoursedetails video{
    width: 600px;
    height: 400px;
}

.fill-div {
    height: 100%;
    width: 100%
}

.md-ac-header {
    background-color: #eee;
    color: #666
}

.vis {
    display: none
}

.spacebetw {
    margin-right: 5px;
    margin-left: 5px
}

[draggable] {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -khtml-user-drag: element;
    -webkit-user-drag: element
}

.dragmod.over {
    border: 2px dashed #000
}

#crearContforms>md-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-ink-bar {
    background: #3e0098 !important
}

.existContentSelected {
    background: #eee !important;
    border: 1px solid #2196f3
}

.holder {
    border: 3px dashed #ccc;
    width: 100%;
    min-height: 250px
}

.holder.hover {
    border: 3px dashed #0c0
}
.min-w-m{
    min-width: max-content !important;
}
.holder img {
    display: block;
    margin: 10px auto;
    max-width: -webkit-fill-available;
}

.holder p {
    margin: 10px;
    font-size: 14px
}

.holder2 {
    border: 3px dashed #ccc;
    width: 100%;
    min-height: 250px
}

.holder2.hover {
    border: 3px dashed #0c0
}

.holder2 img {
    display: block;
    margin: 10px auto
}

.holder2 p {
    margin: 10px;
    font-size: 14px
}

.holdervid {
    border: 3px dashed #ccc;
    width: 100%;
    min-height: 190px
}

.holdervid.hover {
    border: 3px dashed #0c0
}

.holdervid img {
    display: block;
    margin: 10px auto
}

.holdervid p {
    margin: 10px;
    font-size: 14px
}

.holderfile {
    border: 3px dashed #ccc;
    width: 100%;
    min-height: 260px;
    padding-top: 20px
}

.holderfile.hover {
    border: 3px dashed #0c0
}

.holderfile img {
    display: block;
    margin: 10px auto
}

.holderfile p {
    margin: 10px;
    font-size: 14px
}

.boxSecondary>md-select {
    font-size: 40px
}

.same-password {
    color: #d50000;
    font-size: 12px;
    line-height: 14px
}

.invert>._md-label {
    left: 0;
    position: relative;
    margin-right: 10px;
    margin-left: 0;
    padding-left: 0
}

.invert>._md-container {
    position: relative;
    left: 200px
}

.margin-top-10 {
    margin-top: 11px !important
}

section.layoutBoxProfile {
    margin-bottom: 15px
}

.contentQuest {
    margin-top: 16px
}

.back_tab {
    background: #eee
}

.back_tab>a {
    padding: 14px;
    color: #666;
    text-decoration: none
}

.back_tab.back {
    padding: 5px 0
}

.back_tab>button>md-icon {
    color: #3e0098
}

.back_tab>a:hover {
    border-bottom: 3px solid #3e0098;
    padding-bottom: 10px
}

.back_tab>a.active {
    border-bottom: 3px solid #3e0098;
    padding-bottom: 11px
}

module-resources>.resource_container {
    width: 70%;
    margin: 0 auto
}

.dialog-md {
    min-width: 750px;
    margin: 0 auto;
    padding: 16px
}


.box-info-container>div {
    margin: 2.5%
}

.box-info-container>div>div {
    height: 124px
}

.container-md {
    width: 60%;
    margin: 0 auto
}

md-pagination-wrapper.md-center-tabs {
    width: 100% !important
}

#contentMenuAdmin>md-menu-item>.md-button:hover {
    background-color: #fff !important
}

md-menu-item>a {
    font-size: 16px !important;
    text-decoration: none !important;
    color: rgba(0, 0, 0, .87) !important;
    background-color: #fff !important
}

#tableInteraction tr:nth-child(even) {
    background-color: #f2f2f2
}

#tableInteraction tr:hover {
    background-color: #ddd
}

#tableInteraction {
    border-collapse: collapse;
    width: 100%
}

.infoalbum {
    height: 100%;
    background: #fff
}

#tableInteraction td,
#tableInteraction th {
    border: 1px solid #ddd;
    padding: 8px
}

.profile-album {
    width: 50px;
    position: absolute;
    top: -27px;
    left: 15px
}

.profile-wall {
    width: 50px !important;
    height: auto !important
}

#tableInteraction tr:nth-child(even) {
    background-color: #f2f2f2
}

#tableInteraction tr:hover {
    background-color: #ddd
}

#tableInteraction th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    color: #fff
}

.profileIndicators>div {
    padding: 8px
}

.profileIndicators>div>div>div {
    padding: 8px
}

.md-velocity-theme {
    position: fixed;
    bottom: 100px;
    left: 100px
}

#datesDetails {
    width: 100%;
}

#tutorDetails {
    width: 100%;
}

.box-stadistics {
    border-style: solid;
    border-color: #e7e7e7;
    border-width: 1px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
    height: 99px;
    background: #fff
}

.box-stadistics2>h2 {
    margin-block-start: auto !important
}

.sectionbtnsmovile {
    background: #c6c6c6
}

.md-rating>div>a>i.material-icons {
    font-size: 20px !important
}

.socialIconsResource>a>md-icon {
    width: 50px !important;
    height: auto !important
}

.know-tabs-trans>md-tabs-content-wrapper {
    background-color: #fff !important
}

.tabslogin>md-tabs-wrapper>md-prev-button {
    visibility: hidden !important
}

.tabslogin>md-tabs-wrapper>md-next-button {
    visibility: hidden !important
}

.slideShowHdv,
.slideShowHdv img {
    width: 100%
}

.btnSlide {
    background-color: transparent;
    border: 2px solid transparent;
    display: inline-block;
    outline: 0;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    font-size: 40px
}

.btnSlide-left {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    margin-left: -8%
}

.btnSlide-right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    margin-right: -8%
}

.btnSlidem-left {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    margin-left: -12%
}

.btnSlidem-right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    margin-right: -12%
}

.animate-fading {
    animation: fading 10s infinite
}

.slideLink {
    background: #000;
    color: #fff !important;
    padding: 10px 30px;
    position: absolute;
    bottom: 0;
    right: 0
}

.controls-slide{
    display: flex;
    color: black !important;
    font-weight: bold;
    align-items : center;
    justify-content: flex-end;
    width: 98%;
    margin-top: 20px !important;
    margin: auto;
}
.controls-slide p{
    color: #565656 !important;
    font-size: 20px;
    line-height: 1;
    margin: 0 10px;
}
.controls-slide a{
    color: #00a58f !important;
    font-size: 23px;
    border: 1px solid gray;
    border-radius: 100%;
    line-height: 1;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    background-color: #5656561a;
    padding: 0 2px 0px 0px;
    margin: 0 4px;
    cursor: pointer;
    justify-content: center;
}
.slider-title{
    font-weight: 100;
    width: 97%;
    margin: auto;
    margin-top: 2%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.slider-title a{
    font-size: 18px;
}

@media (max-width: 960px){
    .slider-title{
        margin-top: 90px;
    }

    #imageBackCategory,
    #imageBackType,
    #imageBackCourse
    #bannerProfile,
    resource-detail #imageBackCourse {
        margin-top: 80px !important;
    }

    lesson-learned-details-new .wrapper-lesson-learned-details #imageBackCourse {
        margin-top: -5px !important;
    }

    mega-course-details-new #courseDetails #imageBackCourse {
        margin-top: 5px !important;
    }

    group-profile #content-kme #imageBackCourse,
    course-details #content-kme #imageBackCourse {
        margin-top: 10px !important;
    }

    course-details #content-kme #imageBackCourse .container-options-header {
        justify-content: center;
    }
}

@media (max-width: 480px){
    lesson-learned-details-new .wrapper-lesson-learned-details #imageBackCourse {
        margin-top: 5px !important;
    }
}

.introjs-helperLayer {
    background-color: #c4c4c4
}

#formLogin{
    display: none;
}

#formPassword{
    display: none;
}

.paragraphFormCCB {
    margin: 5px -5px;
    padding: 0px 20px;
}

.introjs-formLogin {
    background-color: #c4c4c4;
    margin: 0 auto !important;
    width: 600px !important;
    height: 740px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999998;
    background-color: #FFF;
    border: 1px solid #777;
    border: 1px solid rgba(0,0,0,.5);
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0,0,0,.4);
        -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
              transition: all 0.3s ease-out;
}

.introjs-showCheck {
    background-color: #c4c4c4;
    margin: 0 auto !important;
    width: 320px !important;
    height:126px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999998;
    background-color: #FFF;
    background-color: rgba(255,255,255,.9);
    border: 1px solid #777;
    border: 1px solid rgba(0,0,0,.5);
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0,0,0,.4);
        -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
              transition: all 0.3s ease-out;
}
/*CSS of popup menu to complete note*/
.complete_note {
    height: unset !important;
    width: unset !important;
    position: fixed;
}

.upload_fileicon {
    height: unset;
    width: unset;
    font-size: 30px !important;
}
.dashed_border{
    border: 2px dashed gray;
    display: inline-block;
    padding: 10px 20px;
}
.align-end{
    display: flex;
    flex-direction: row-reverse;
}
.content_complete_note{
    padding: 1em;
}
.close_note{
    color: white !important;
    margin: unset;
    cursor: pointer;
}
.spacing-tolbar{
    justify-content: space-between;
}
.flexdirection{
    flex-direction: column;
}
.size50{
    font-size: 50px !important;
}
.center-text{
    text-align: center;
}
.responsive-title{
    font-size: calc(0.65em + 1vw) !important;
}
@media (max-width: 996px) {
 .complete_note{
     width: 95% !important;
 }
}
.introjs-overlay-check {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    position: fixed !important;
    opacity: 0.8 !important;
    z-index: 999999;
    background-color: #000;
    opacity: 0;
    background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));
    background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    background: -o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    background: -ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    background: radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.md-btn-radius15 {
    border-radius: 15px
}

.buttonProfiles {
    background: #2edd7c !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    min-width: 110px !important;
    min-height: 27px !important;
    line-height: 27px !important;
    padding: 7px
}

.profile-tabs>md-tabs-wrapper {
    background: #fff
}

.profile-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item>span {
    color: #001d98;
    font-size: 17px
}

.profile-tabs>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-ink-bar {
    color: #001d98;
    background: #001d98;
}

.editProfileForm>form>div>md-input-container>.md-input {
    border-color: rgba(0, 0, 0, .12)
}

.profiles>kme-profiles>div {
    max-width: 1240px;
    margin: auto;
    width: auto !important
}

.top-news {
    overflow-y: auto;
    max-height: 350px
}

.m10 {
    margin: 10px
}

.html-news {
    overflow-y: auto;
    max-height: 600px;
    max-width: 100%
}

.knowledge-comment-wall {
    overflow-x: hidden
}

@media only screen and (max-width:414px) {
    .dialog-welcome-vid {
        width: 100% !important
    }
}

@media only screen and (max-width:860px) and (min-width:415px) {
    .dialog-welcome-vid {
        width: 53% !important
    }
}

@media only screen and (min-width:900px) {
    .dialog-welcome-vid {
        width: 65% !important
    }
}

@media only screen and (max-width:500px) {
    .toolbar2 {
        height: 56px;
        width: 100%;
        background-color: #fff;
        position: fixed;
        margin-top: 56px;
        z-index: 1
    }

    .notifica_mobile {
        display: block !important;
        right: 41.5%;
        top: 57px;
        position: absolute;
        color: #00c8ff !important;
        z-index: 12
    }

    .icono-color {
        background: #78909c;
        border-radius: 50px;
        padding: 10px;
        font-size: 40px
    }

    .icono-color-blue {
        background: #0199a6;
        border-radius: 50px;
        padding: 10px;
        font-size: 40px
    }

    #imageBackCourseAct {
        margin-top: 55px !important
    }

    .newsletter-filter-container {
        height: 340px
    }

    #picker-getupdate {
        margin-bottom: 35px !important
    }
    #getupdate-edition-filter{
        padding-right: 18px;
    }
}

.btnAddSlider {
    /*position: absolute !important;*/
    right: 6%;
    cursor: pointer;
    padding: 8px;
    background: #00528e !important;
    /*line-height: 36px !important;*/
    text-transform: capitalize;
    font-size: 14px !important;
    /*height: 32px !important;*/
    border-radius: 0;
    font-weight: 400 !important
}

.picker-getupdate>.md-datepicker-button {
    display: none
}

.picker-getupdate>.md-datepicker-input-container {
    margin-left: 0 !important;
    width: 100%
}

.new-backarrow-container{
    padding-top: 0px !important;
}

.newsLetterTopContainer {
    max-height: 523px !important;
    width: 320px;
    overflow-x: hidden;
    box-shadow: 0 0 3px #ccc;
    min-height: 523px
}

.btn-tribe-back {
    min-width: 40px !important;
    max-width: 40px !important;
    margin-right: 5px !important;
    margin-top: -8px !important
}

.new_profile_form_template_update_acctions_container {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center
}

.new-profile-form-template_hint-text {
    font-style: italic;
    font-size: 12px
}

.content_player_next_loader_container {
    width: 100%;
    height: 100%;
    position: fixed;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.content_player_next_loader_container .text_loader {
    color: #2196f3;
    font-weight: 600;
    font-size: .875em
}

.content_player_next_loader_container path {
    stroke: #2196f3 !important
}

.md-calendar-scroll-container {
    width: 100% !important
}

.md-datepicker-input-mask {
    height: auto !important;
    width: auto !important
}

.jw-icon-fullscreen {
    display: none !important
}

.new_profile_form-help-text-mandatory {
    color: #e51672;
    font-style: italic;
    font-size: 12px
}

.kme_available_courses_button_container {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 2em
}

kme-contents {
    /*width: 100%*/
}

.kme_box_resource_container {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%
}

.kme_box_resource_container>kme-box-resource {
    padding:8px;
}

.kme_box_resource {
    display: block;
    max-width: 100%;
    width: 95%;
    box-sizing: border-box;
    padding-right: 0;
    margin-bottom: .5em
}

@media screen and (min-width:1200px) {
    .kme_box_resource_old>.kme_box_resource {
        max-width: 220px !important
    }
}

.kme_box_resource_old>kme-box-resource {
    padding: 8px;
}

.text-name-marker {
    height: 40px;
    display: inline-grid;
    align-items: center
}

.kmeFormTitleBackground {
    background-color:#455a64
}

.kmeFormTitleBackground>h2>p>translate {
    color: #fff !important
}

.kmeFormTitle {
    color: #fff
}

kme-box-news>md-card {
    height: 300px !important
}

.contentCoverT {
    margin-top: -56px !important;
    margin: 0 0;
    height: 154px !important
}

.contentCoverT img {
    top: 0 !important
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 180px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -90px;
    opacity: 0;
    transition: opacity .3s
}

kme-box-newsact {
    margin-bottom: 20px !important
}

.tagsRef {
    background: #565656;
    padding: 1px;
    font-size: 12px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 5px;
    color: #fff;
    height: 16px;
    margin-block-start: .5em;
    margin-block-end: 0;
    max-width: max-content !important;
    align-items: center
}

.tagsRef span {
    display: grid;
    align-items: center;
    margin: 0 auto;
    height: 16px !important;
    max-width: max-content !important;
    padding-bottom: 2px !important;
    padding-top: 2px !important
}

.tagsTags {
    background: #001950;
    padding: 1px;
    font-size: 12px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 5px;
    color: #fff;
    height: 16px;
    margin-block-start: .5em;
    margin-block-end: 0;
    max-width: max-content !important;
    align-items: center
}

.tagsTags span {
    display: grid;
    align-items: center;
    margin: 0 auto;
    height: 16px !important;
    padding-bottom: 2px !important
}

.md-clear-margin-inline {
    margin-block-end: 0 !important;
    margin-block-start: 0 !important
}

.news-filter-select>md-select-value {
    border-bottom-color: #fff !important;
    color: #fff !important
}

.news-filter-select>md-select-value>._md-select-icon {
    color: #fff !important
}

news-list>div>#coursesInteraction{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.newsletter-filter-container>div>#picker-getupdate>md-datepicker>.md-datepicker-input-container>.md-datepicker-input {
    color: #fff
}

.picker-getupdate>.md-datepicker-input-container {
    border-color: #fff !important;
    color: #fff !important;
    margin-left: 0 !important;
    width: 100%
}

md-input-container>.filterAct {
    border-color: #fff !important;
    border-width: 0 0 1px !important;
    color: #fff !important;
}

.picker-getupdate>.md-datepicker-input-container>.md-datepicker-triangle-button>.md-datepicker-expand-triangle {
    border-top-color: #fff !important
}

md-input-container>.filterAct {
    border-color: #fff !important;
    border-width: 0 0 1px !important
}

input:-internal-autofill-selected {
    appearance: menulist-button;
    background-color: transparent;
    color: #fff !important
}

.tagsNov {
    background: #00377d;
    padding: 1px;
    font-size: 12px;
    border-radius: 10px;
    padding-left: 7px;
    padding-right: 7px;
    color: #fff;
    margin-right: 5px;
    margin-left: 5px;
    height: 16px;
    margin-block-start: .5em;
    margin-block-end: 0;
    max-width: max-content !important;
    align-items: center
}

.tagsNov span {
    display: grid;
    align-items: center;
    margin: 0 auto;
    height: 16px !important;
    max-width: max-content !important;
    padding-bottom: 2px !important
}

kme-box-newsletter>md-card {
    height: 300px !important
}

.btnAct2 {
    cursor: pointer;
    text-decoration: none
}

.normalize {
    max-width: 1240px;
    margin: auto;
}

.badges-container{
    max-width:94%;
    margin:auto;
}

section{
    margin-bottom: 20px;
}

.imgActContainer {
    overflow: hidden;
    transition: all .5s ease-in-out;
    position: relative;
    display: inline-block;
    text-align: center
}

.imageContainerAct {
    height: auto !important
}

.imgActContainer:hover .imageContainerAct {
    transition: all .5s ease-in-out
}

.imageContainerAct:hover {
    transition: all .5s ease-in-out;
    filter: opacity(.5)
}

.textActImgCont {
    position: absolute;
    top: 85%;
    right: -5%;
    transform: translate(-50%, -50%)
}

.news-filter-select>md-select-value {
    border-bottom-color: #fff !important
}

.news-filter-select>md-select-value>span>div {
    color: #fff !important
}

.selector {
    border: 0;
    display: block;
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #444;
    line-height: 1.3;
    padding: .4em 1.4em .3em .8em;
    width: 400px;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border-bottom: 1px solid #ccc;
    border-radius: 0 !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(../images/arrowselector.svg), linear-gradient(to bottom, #fff 0, #fff 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%
}

.audiences-search>div>div {
    border-style: inherit !important;
    background-color: #fff !important
}

.input-ac-select {
    border-color: #ccc !important
}
.md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
    background: #757575 !important;
    color: white;
    border-color: transparent;
}
.flex-70,
.layout-row>.flex-70 {
    max-width: 899px;
    flex: 1 1 100%
}

.audiences-search>div {
    padding: 0 !important
}

.audiences-search>div>div>p {
    color: #ccc !important;
    text-align: end !important
}

.audiences-search>div>div>p>md-icon {
    color: #ccc !important;
    text-align: end !important
}

.audiences-search>div>div>md-input-container {
    max-width: 100% !important
}

.searchtext {
    display: none
}

.buttonBox {
    line-height: 36px !important;
    text-transform: uppercase;
    font-size: 12px !important;
    min-height: 32px !important;
    font-weight: 700 !important;
    color: #fff !important;
    background-color: #2196f3
}

.containerWall {
    max-width: 1240px !important;
    margin: auto
}

.box3and4>md-card>div.contentCover {
    height: 300px !important
}

.box3and4>md-card {
    height: auto !important
}

md-select.md-default-theme:not([disabled]):focus ._md-select-value,
md-select:not([disabled]):focus ._md-select-value {
    color: #000 !important
}

.box-session {
    /*width: 100% !important;*/
}

.content-box-session {
    margin: 8px !important;
    max-width: 23%;
}

md-card>:not(md-card-content) img,
md-card>img {
    height: auto !important;
}

.w-95 {
    width: 95%
}

.w-100 {
    width: 100%
}

._md-select-value._md-select-placeholder{
    z-index: 0 !important;
}

.md-datepicker-expand-triangle {
    border-left: 7px solid transparent !important;
    border-right: 7px solid transparent !important;
    border-top: 7px solid !important;
}

.bannerAct>#imageBackCourseAct {
    position: relative !important;
    width: 90% !important;
    margin-top: -30px;
}

@media (max-width: 599px) {
    .md-datepicker-expand-triangle{
        display: none;
    }

    #coursesInteraction {
        display: initial;
    }

    kme-box-newsletter {
        width: 95%;
    }

    .layoutBoxProfile>div:first-child .layoutBoxChild:first-child {
        /*margin-left: 8px !important;*/
    }
}

@media (max-width: 599px) {
    .newsletter-filter-container>div>div>div {
        width: 100%;
    }

    .containerFilterNews>div {
        width: 100%;
    }

    .picker-getupdate {
        padding-right: 18px !important;
    }

    .contentCoverT {
        height: 180px !important;
    }

    kme-box-news>md-card {
        height: 350px !important
    }

    .box3and4>md-card>div.contentCover {
        height: 180px !important;
    }

    kme-box-news {
        width: 96%;
    }
    #infoCourse md-input-container.md-input-focused .md-input, md-select:not([disabled]):focus ._md-select-value{
        max-width: 75px !important;
    }

}

#imageBackCourse>div {
    z-index: 0.5 !important;
    position: relative;
    height: 100%;
}
div#milledock {
    right: 100px !important;
}
#videoSlide {
    margin-bottom: 40px;
    min-width: 600px;
    min-height: 500px;
    display: block;
    margin: 0px auto;
}

#coursesInteraction{
    margin-top: 30px;
}

.layout-column>.flex, .layout-sm-column>.flex{
    min-height: auto !important;
}

.chart {
  width: 100%;
  min-height: 450px;
}

@media only screen and (max-width: 500px) {
    .newsletter-filter-container {
        height: 370px;
    }

    kme-box-news>md-card {
        height: 364px !important;
    }

    kme-box-news>.contentCoverT {
        height: 200px !important;

    }
}


/* MATRIX and POLL QUEST */

.mentor-img-quest {
    width: 60px;
    padding: 8px;
}

.mentor-name-container {
    margin-top: auto;
    margin-bottom: auto;
}
.poll-question-container{
    padding:3% 3% 6% 3%;
    border-radius: 10px;
}
.poll-text{
    font-size: 17px;
}
.radiobutton-value{
    font-size: 17px;
}
.poll-title-type{
    text-align: center;
    font-size: 17px;
}
.contentQuestPoll{
    overflow: auto;
    background:#3a3a3a;
}
.poll-radiobutton{
    margin-left: 33% !important;
    margin-right: 33% !important;
}
md-radio-button ._md-on, md-radio-button ._md-off{
    width: 30px;
    height: 30px;
    border-width: 1px;
}
.matrix-question-min-height{
    min-height: 40px;
}
@media (max-width:800px) {
    .poll-text{
    font-size: 15px;
    }
    .radiobutton-value{
        font-size: 17px;
    }
    .poll-title-type{
        text-align: center;
        font-size: 15px;
    }
    .poll-radiobutton{
    margin-left: 34% !important;
    margin-right: 34% !important;
    }
    md-radio-button ._md-on, md-radio-button ._md-off{
        width: 20px;
        height: 20px;
        border-width: 1px;
    }
}


/* END MATRIX and POLL QUEST */

/* Mentinos css */
.suggestions-box {
    background: #fafafa;
    height: auto;
    max-height: 150px;
    width: 100%;
    overflow-y: scroll;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    scroll-behavior: smooth;
}
.suggestions-box .result-item-container {
    overflow: hidden;
    cursor: pointer;
}
.suggestions-box .result-item-container.selected .result-item {
    background-color: rgba(221, 16, 16, 0.1);
}
.suggestions-box .result-item-container .result-item {
    margin: 8px;
    padding: 5px 8px;
    border-radius: 4px;
    color: black;
}
.suggestions-box .result-item-container:not(:last-child) .result-item {
    margin-bottom: 0;
}

.suggestions-box .result-item-container:hover {
    background-color: rgba(71, 71, 71, 0.1);
}
/* Fin mentions css  */


@media only screen and (max-width: 960px){
    .limit-profile-data {
        width: 70vw;
    }
}

.limit-profile-data {
    display: flex;
    overflow: hidden;
    white-space: initial;
}

.limit-boxs-profile {
    display: block;
    width: 90%;
    max-width: 133px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: Ellipsis;
}

/* Estilos nuevo input date */
.new_input_date{
    width: 170px;
    -webkit-order: 2;
   -ms-flex-order: 2;
   order: 2;
   display: block;
   margin-top: 0;
   background: 0 0;
   padding: 2px 2px 1px;
   border-width: 0 0 1px;
   line-height: 26px;
   height: 30px;
   -ms-flex-preferred-size: 26px;
   border-radius: 0;
   border-style: solid;
   width: 100%;
   box-sizing: border-box;
   float: left;
   border-bottom-color: rgb(224,224,224);
   color: rgb(224,224,224);
}
input.new_input_date[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    color: transparent;
    cursor: pointer;
    position: absolute;
    width: 170px;
    left: 48%;
    height: 30px;
    opacity: 0.6;
    filter: invert(0.0);
}

input.new_input_date[type="date"]::placeholder{
    color: rgb(224,224,224);
    font-size: 1.2em;
    font-style: italic;
}

input.new_input_date[type="date"]::-webkit-calendar-picker-indicator:hover {
    opacity: 1
}

.mb-16{
    margin-bottom: 16px !important;
}

/* New Box Resources - HB */

.box-catalogue-resources { margin-bottom: 25px; padding-left: 20px;  }
.box-catalogue-resources:nth-child(4n + 1) { padding-left:0; }
.box-catalogue-resources .catalogueImageBox { display: flex; }
.box-catalogue-resources .catalogueImageBox .material-icons { min-height: 70px; min-width: 70px; }

@media (max-width: 767.98px) {
    .box-catalogue-resources {width: 100%; margin:0 0 30px 0;}
    .box-catalogue-resources:nth-child(2n + 1) { padding-left:0; }
}
/* End -------------------------------------*/

/* Box Cataloge Format List - HB */
.boxkmeNew {
    margin-bottom: 20px;
    max-height:100%;
    min-height: 100%;
    height: auto;
}
.boxkmeNewContent { 
    padding: 0 10px 10px 10px;
    word-wrap: break-word;
}
.boxkmeNewTitle {
    padding: 0 10px;
    min-height: 65px;
}

.boxkmeNewTitle .md-subhead {
    padding-top: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#coursesInteractionList {margin-top: 25px;}
.boxkmeList {margin-bottom: 25px;border-radius: 5px;}
.cover-box-list {background-repeat: no-repeat; background-position: center; background-size: 100% 100%;min-height: 180px;cursor: pointer;border-radius: 5px 0 0 5px;}
.wrapper-content-box-list {padding: 15px 30px;}
.title-box-list {color: #0d1e80;font-size: 16px;}
.md-center-element { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.wrapper-action-box-list {padding: 20px 20px 0 0;}
.action-box-list {min-height: 55px;}
.link-box-list {padding-top: 10%;}
.link-box-list .icon-open-box-list {background-color: #CCC; padding: 8px; border-radius: 50%;}
.wrapper-indicators-box-list {margin-top: 10px;}
.btn-format-list {margin-right: 12px;}
/* End -------------------------------------*/


.organization-box{
    width: 100% !important
}

@media (min-width: 560px){
    .organization-box{
        width: 46% !important
    }
}

@media (min-width: 992px){
    .organization-box{
        width: 31% !important
    }
}

@media (min-width: 1024px){
    .organization-box{
        width: 23% !important
    }
}

/* Courses - Categories - HB */

.wrapper-section-category .catalog_filter {margin: 30px 0;}
.wrapper-indicator-category {color: #4b4b4b;}

@media (min-width: 992px) {
    .wrapper-category-subcategories .item-subcategories { margin-bottom: 25px; padding-left: 20px; }
    .wrapper-category-subcategories .item-subcategories:nth-child(4n + 1) { padding-left:0; }
    .wrapper-category-courses .item-courses {margin-bottom: 25px;}
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .wrapper-section-category .contentCover, .wrapper-section-category .catalogueImageBox {height: auto !important;}
    .wrapper-category-subcategories .item-subcategories, .catalog_filter {padding:0 15px;margin-bottom: 25px;}
    .wrapper-category-courses .item-courses {margin-bottom: 25px;}
    .wrapper-category-courses .item-courses:nth-child(3n + 1) {padding-left:8px;}
    .wrapper-category-courses .item-courses:nth-child(3n + 3) {padding-right:8px;}
}

@media (max-width: 575.98px) {
    .wrapper-section-category .contentCover, .wrapper-section-category .catalogueImageBox {height: auto !important;}
    .wrapper-category-subcategories .item-subcategories, .wrapper-category-courses .item-courses, .catalog_filter {padding:0 15px;}
    .wrapper-category-subcategories .item-subcategories {margin-bottom: 25px;}
}
/* End -------------------------------------*/
/* Course Price - HB */
.wrapper-price-course {margin-top: 10px;}
.price-course {text-align: center; padding: 8px; background-color: #40118b; border: 2px solid #0d1e80; border-radius: 5px; font-size: 1.1rem; font-weight: 600;color: #FFF !important;display: block;}
.price-course.free {background-color: #0FA314; border-color: #0d7811;}
/* End -------------------------------------*/

/* Community page - HB */
/* */
.wrapper-module-group-contents, .wrapper-content-group, .wrapper-search-content-group {background-color: #fafafa; border: 1px solid #dedede;}
/* End -------------------------------------*/

/* External signup - HB */
.wrapper-external-signup .errorlist {list-style: none; margin: 0; padding: 10px 0; font-size: 12px; font-style: italic; color: #ff3a3a; font-weight: 600;}

.input-date-j .md-datepicker-input-container {
  width: 83% !important;
  margin-left: 0px;
}

.input-date-j .md-datepicker-input {
    min-width: 180px;
}

/* Login - HB */
.btn-login {background-color: #d4d4d4; padding: 11px 0; width: 100%; border-radius: 7px; color: #666; border-width: 1px; border-style: solid;}
.btn-login.active-btn {background-color: #0d1e80; color: #FFF;}
#login .content-register-form {background-color: transparent;margin-bottom: 20px;}
#login .signup-login-link {border-radius: 8px; border: 2px solid #c4c4c4;padding: 10px;}

/* page register divided - HB */
.wrapper-action-login, .wrapper-action-register {overflow: hidden; border-radius: 5px; padding: 20px 15px; text-align: center; border: 1px solid #c4c4c4; margin-bottom: 20px;}
.wrapper-action-register, .wrapper-action-register .kmeFormAll {padding: 0;}
.wrapper-action-register .kmeFormAll {text-align: left; padding-bottom: 15px;}
.wrapper-action-register .new_register_form-help-text-mandatory {margin: 0 30px;}
.wrapper-action-register .btn-terms {margin-left: 30px;}

/* Comments 360 - HB */
.wrapper-items-comments .item-comment {padding-bottom: 25px;}
.wrapper-items-comments .item-comment .img-circle {width: 100%; height: auto;border-radius: 50%;}
.wrapper-items-comments .box-info-comments {padding-left: 15px; margin-left: 25px; border-left: 1px solid #8a8a8a;}

/* Lesson Learned page - HB */
.wrapper-attachments-lesson-learned .title-attachments-lesson, .wrapper-attachments-lesson-learned .title-item-attachment-lesson {color: #FFF; background-color: #0d1e80;}
.wrapper-attachments-lesson-learned .title-item-attachment-lesson a, .wrapper-attachments-lesson-learned .title-item-attachment-lesson a:hover  {color: #FFF;}
.wrapper-attachments-lesson-learned .wrapper-files-attachments-lesson {background-color: #eee ;}
.wrapper-attachments-lesson-learned .view_attachment {min-width: 140px;}
.wrapper-form-comment-lessons-learned textarea#id_comment {border:0; border-bottom: 1px solid #8a8a8a;}
.wrapper-form-comment-lessons-learned .btn-send-comment[disabled] {color: #5a5959 !important;}
.wrapper-form-comment-lessons-learned .btn-send-comment, .wrapper-form-comment-lessons-learned .btn-send-comment:hover {background-color: #00DD88;color: #FFF;}
.wrapper-comments-lessons-learned .title-for-comments-lessons {display: none;}
#ranking-lesson-learned .jk-rating-stars-container {display: flex; align-items: center;}
#ranking-lesson-learned .star-button i {font-size: 50px !important;}
.wrapper-lesson-box { margin: 20px 0;}
.wrapper-lesson-box p {padding: 20px;font-weight: normal !important;}

.wrapper-form-lesson-campus {width:70%; margin: 35px auto;}
.wrapper-form-lesson-campus .form-lesson-campus br {display: none;}
.wrapper-form-lesson-campus .form-lesson-campus label {margin-bottom: 30px;}
.wrapper-form-lesson-campus .form-lesson-campus .md-input-focused label {top:-10px; position: relative;}
.wrapper-form-lesson-campus .form-lesson-campus .hint, .form-lesson-campus .hint  {font-style: italic; font-size: 15px;margin-bottom: 8px;}

#videolesson {margin: auto;}

@media (max-width: 767.98px) {
    .wrapper-form-comment-lessons-learned {padding: 0 15px;}
}

/* Wall HB*/
.card-comment-wall {max-width: 400px;margin: auto;}
.content-comment-wall .content-comment-wall-description {line-height: 1.4;}
.btn-close-preview-commet {float:right;background:#fff;cursor:pointer;border-style:solid;border-radius:15px;font-size:12px;border-color:#e7e7e7;border-width:1px;box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);position: absolute;right: 0;}
#activity_html {padding: 30px 0;}
.text-comment-wall {word-break: break-all; padding: 10px 30px;}

/* Report Newsletter HB*/
.chart-newsletter-report {width: 900px; height: 500px; margin: 0 auto !important;overflow:hidden;}
@media (max-width: 767.98px) {
  .chart-newsletter-report {width: 100%; height: 300px;transform: scale(1.4);}
}

@media (max-width:480px){
    .toolbar-head>p{
        font-size: 22px !important;
    }
    .pd-t{
        margin-top: 35px !important;
        font-size: 32px !important;
    }
}

/* Layout Tutors and coordinator - Course Details HB*/
#tutorDetails .wrapper-tutors .wrapper-content-tutors {flex-direction: column;}
#tutorDetails .wrapper-tutors .tutor-content-desktop .item-tutor {margin-bottom:60px;}
#tutorDetails .wrapper-tutors .item-tutor.q-tutors-2:first-child {padding-right: 15px;}
#tutorDetails .wrapper-tutors .item-tutor.q-tutors-2:last-child {padding-left: 15px;}
#tutorDetails .wrapper-tutors .item-tutor.q-tutors-3:nth-child(3n+2) {padding: 0 25px;}
#tutorDetails .wrapper-tutors .item-tutor.q-tutors-4:nth-child(4n+1) {padding: 0 1.5% 0 0;}
#tutorDetails .wrapper-tutors .item-tutor.q-tutors-4:nth-child(4n+2) {padding: 0 1.5% 0 1.5%;}
#tutorDetails .wrapper-tutors .item-tutor.q-tutors-4:nth-child(4n+3) {padding: 0 1.5% 0 1.5%;}
#tutorDetails .wrapper-tutors .item-tutor.q-tutors-4:nth-child(4n+4) {padding: 0 0 0 1.5%;}
#tutorDetails .wrapper-tutors .name-tutor {text-transform: capitalize;}
#tutorDetails .wrapper-tutors .about-tutor {line-height: 1.2; font-size: 0.8rem;}
#tutorDetails .tutor-content-mobile .tutor-mobile-arrow {transform: scale(3);}

#coordinatorDetails .wrapper-coordinator .wrapper-content-coordinator {flex-direction: column;}
#coordinatorDetails .wrapper-coordinator .name-tutor {text-transform: capitalize;}
#coordinatorDetails .wrapper-coordinator .about-tutor {line-height: 1.2; font-size: 0.8rem;}

/* Style for Organization HB*/
.effect-overlay-banner-organization {background-color: rgb(0 0 0 / 25%); width: 100%; height: 100%;}

/* Miga de Pan || Breadcrumb-Trail */

.datepickerform{
    border:none;
    border-bottom:1px solid #283593;
}

.datepickerform:hover{
    border:none;
    border-bottom:2px solid #283593;
}

.headerUpdateProfile {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: stretch;
    margin: 0px  77px;
    align-items: center;
}

.actual-position {
    font-weight: bold;
}

/*End Style for New Update Profile Form*/
/* Styles slideshow Banner */

#welcomeSlider {
    text-align: center;
}

#welcomeSlider .containerWelcome {
    max-width: 1400px;
    margin: auto;
}

#HelloUser {
    text-align: center;
    max-width: 1400px;
    margin: auto;
}

#HelloUser .positionWelcome {
    margin: 40px 0 0 10px;
    text-align: initial;
    font-size: 30px;
}

#HelloUser .textWelcomeUser {
    font-size: 30px;
    font-weight: bolder;
    color: #bababa;
}

#welcomeSlider .positionWelcomeDescription {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    flex-direction: row;
    margin: 0 0 0 10px;
}

#welcomeSlider .textContinue {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    color: #bababa;
}

#welcomeSlider .buttonWelcomeSlide {
    font-size: 17px;
    padding: 12px 25px;
    background-color: #bababa;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    margin: 0;
}

#bannerSlideShow .containerSliderShow {
    max-width: 98%;
    padding: 0 0 0 0;
    margin: auto;
    overflow: hidden;
    background-position: center center;
}

.positionBannerSlideShowPrincipal {
    display: flex;
}

#bannerSlideShow .positionBannerSlideShow {
    display: flex;
    flex-direction: row;
    background-size: cover;
    background-position: center center;
}

#bannerSlideShow .bannerSlideShow {
    background-size: cover;
    background-position: center center;
    height: 300px;
    display: flex;
    margin: 0 5px;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: stretch;
}

#bannerSlideShow .StyleBannerSlideShow {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: stretch;
    background-size: cover;
    background-position: center center;
    height: 300px;
    margin: 0 11px;
}


#bannerSlideShow .slideWall{
    transform: translate3d(0, 0, 0);
    transition: all 600ms;
    animation-duration: 60s;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: inherit;
}

#bannerSlideShow .item-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0px 171px 0px 80px;
    width: 1160px;
    background: linear-gradient(to right, #bababac7, #bababae9);
}

#bannerSlideShow .StyleBannerSlideShow .tittleText {
    color: white !important;
    font-weight: bolder;
    margin: 0;
    font-size: 25px;
}

#bannerSlideShow .StyleBannerSlideShow .containerTextSlide {
    width: 1200px;
}

#bannerSlideShow .StyleBannerSlideShow .descriptionText{
    color: white !important;
    font-weight: bolder;
    font-size: 17px;
}

#bannerSlideShow .styleButton {
    text-decoration: none;
    margin: 0px 0 0 10px;
}

#bannerSlideShow .buttonSlideShow {
    font-size: 15px;
    font-weight: bold;
    padding: 10px 20px;
    background-color: #bababa;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    margin: 0 20px;
}

#bannerSlideShow .pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    bottom: 20px;
    width: 100%;
    left: 0;
    margin: 20px 0 0 0;
}


#bannerSlideShow .pagination .pagination-item {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    border: 2px solid #bababa;
    border-radius: 100px;
    transition: all 300ms;
    cursor: pointer;
    overflow: hidden;
    align-items: center;
}

#bannerSlideShow .pagination .pagination-item:hover {
    background-color: #bababa;
}

#bannerSlideShow .pagination .pagination-item img {
    display: inline-block;
    max-width: none;
    height: 100%;
    transform: scale(1);
    opacity: 0;
    transition: all 300ms;
}

#bannerSlideShow .pagination .pagination-item:hover img{
    transform: scale(1);
    opacity: 1;
}

#bannerSlideShow .pagination .paginationArrows {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    font-size: 25px;
    color: #bababa;
    cursor: pointer;
}

#bannerSlideShow .indicatorsSlide {
    display: flex;
}

#bannerSlideShow .indicator {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    cursor: pointer;
    margin: 0 8px;
    border: 2px solid black;
}

#bannerSlideShow .indicator:hover {
    background-color: #bababa;
}

#bannerSlideShow .indicator-active {
    background-color: #bababa;
}

.sliderTittleFirst {
    margin: 0px 0px 30px 0px;
    color: #bababa;
    font-size: 30px;
}

.sliderTraining {
    max-width: 1400px;
    height: 300px;
    margin: auto;
    display: flex;
}

.containerBox {
    width: 95%;
    margin: auto;
    display: flex;
}
.containerBox img{
    object-fit:cover;
}

.boxSize {
    max-width: 300px !important;
}

.containerBoxButton {
    width: 95%;
    margin: auto;
    display: flex;
    align-items: flex-start;
}

.boxSizeButton {
    max-width: 300px !important;
}

.containerSeeMore {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin: 0;
    color: #bababa;
    font-weight: bold;
}

.textSeeMore {
    margin: 0 20px;
    color: #bababa;
    font-size: 20px;
    font-weight: bold;
}

.textSeeMore:hover {
    color: #bababa;
}

.displaySliderCards {
    display: flex !important;
}

@media (max-width:620px){
    .containerSeeMore {
        margin: 0 0px 0 0;
    }

    .containerBox {
        flex-wrap: wrap;
    }

    .position-slide-training {
        margin: 0 0 650px 0;
    }

    .containerBoxButton {
        flex-wrap: wrap;
    }

    .mySlides7 .boxSizeButton {
        max-width: 300px !important;
    }

    .boxSize {
        margin: 0 0 25px 0;
    }
}

#navbarSlider {
    margin: 30px 0 0 0;
}

#navbarSlider .containerNavBarSlider {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin: auto;
    max-width: 1400px;
}

#navbarSlider .nav-links{
    display: flex;
    flex-direction: row;
    align-items: center;
    list-style: none;
    padding-inline-start: 0 !important;
}

#navbarSlider .textNavSlider {
    margin: 30px 15px;
    padding: 0 10px;
    font-size: 20px;
    font-weight: bold;
    transition: 0.5s;
    color: #bababa;
}

#navbarSlider .Textdistance{
    cursor: pointer;
}

#navbarSlider .nav-links label:hover {
    transition: 0.5s;
    color:#bababa;
}

#navbarSlider .nav-links .textNavSlider:hover {
    transition: 0.5s;
    transform: scale(1.1);
    color: #bababa;
    border-bottom: 4px solid #bababa;
}

.contentNavSlider {
    position: relative;
}

.contentNavSlider .tab1 {
    display: none;
}

.contentNavSlider .tab2 {
    display: none;
}

#radio1, #radio2 {
    display: none;
}

#radio1:checked ~ .tab1,
#radio2:checked ~ .tab2,
#radio1:checked ~ #radio1 .contentNavSlider div,
#radio2:checked ~ #radio2 .contentNavSlider div{
    display: block;
}

#radio1:checked ~ #navbarSlider .textNavSlider,
#radio2:checked ~ #navbarSlider .textNavSlider{
    text-decoration: underline;
    color: #bababa;
}

#radio1:checked ~ #navbarSlider .nav-links label,
#radio2:checked ~ #navbarSlider .nav-links label{
    text-decoration: underline;
    color: #bababa;
}

#navbarSlider label {
    cursor: pointer;
}

.containerNavBarSlider ul .buttonTabActive {
    color: #bababa;
    text-decoration: underline;
    text-underline-offset: 15px;
}

.containerNavBarSlider ul .buttonTabActive:hover {
    text-decoration: auto;
}


#sliderBannerId {
    display: flex;
    justify-content: flex-start;
}

@media (max-width:620px) {

    #navbarSlider .nav-links {
        display: flex;
        flex-wrap: nowrap;
        padding: 0;
        justify-content: center;
    }

    #navbarSlider .Textdistance {
        margin: 0px 0px 0px 0px;
    }

    #sliderBannerId {
        justify-content: center;
    }

    #navbarSlider .containerNavBarSlider {
        justify-content: center;
    }

    #navbarSlider .textNavSlider {
        margin: 30px 15px;
        font-size: 18px;
    }
}


/* End Styles slideshow Banner */

.browsersSectionPlatform {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0px 40px;
}

#browsersSectionPlatform .tittleSectionPlatform {
    color: black;
    margin-top: 10px;
    text-align: center;
    font-weight: bold;
}


/* -------------  WCAG  ------------- */
/* - Navigation with TABS and Enter - */

.logoMain:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

kme-suite a:focus {
    background-color: rgba(158,158,158,0.5) !important;
}

speed-test:focus{
    background-color: rgba(158,158,158,0.2) !important;
}

.kmesuite a:focus{
    background-color: rgba(158,158,158,0.2) !important;
}

#course_suggestion section:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

.layoutBoxProfile .profileIndicators div:focus  {
    background-color: rgba(158,158,158,0.2) !important;
}

.md-button .md-accent:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

/* Profile */

button md-icon:focus {
    background-color: rgba(158,158,158, 1) !important;
}

content-iframe div a:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

div md-list:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

/* Learned Lessons */

div kme-box layoutBoxChild:focus {
    background-color: rgba(158,158,158,0.4) !important;
}

kme-box layoutBoxChild:focus {
    background-color: rgba(158,158,158,0.4) !important;
}

/* Resources */
.layoutBoxChild:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

.backbtnmdl:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

h5:focus {
  background-color: rgba(158,158,158,0.2) !important;
}

a:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

.price-course.free:focus {
    background-color: #13c519 !important;
}

.price-course:focus {
    background-color: #6d2dd5 !important;
}

kme-boxnew:focus {
   background-color: rgba(158,158,158,0.2) !important;
}

kme-boxnew .boxkmeNew:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

kme-boxnew md-card .boxkmeNew:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

md-card-title:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

img:focus {
    filter: opacity(0.7) drop-shadow(0 0 0 #ececec) !important;
}

md-card-title-text:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

button:focus {
    filter: opacity(0.7) drop-shadow(0 0 0 #9e9e9e80) !important;
}



/* Report Communities */
.btnsreport .buttonNewsBox:focus {
    background-color: #4158ff !important;
}

.btnsreport .buttonNewsBoxRed:focus {
    background-color: #dd1001 !important;
}

.kmeFormTitleBackground  button:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

.buttonNewsBox:focus {
    background-color: rgba(158,158,158,0.2) !important;
}
/* End Report Communities */

.md-text-teal:focus, .md-btn-unstyled:focus, .buttonsLogin:focus, .btn-login.active-btn:focus {
    background-color: rgba(158,158,158,0.2) !important;
}

/* - End Navigation with TABS and Enter - */

.course-is-favorite {
    color: red;
}

#alertFavoriteCourse .containerAlertFavoriteCourse {
    display: flex;
    align-items: center;
    text-align: center;
    flex-direction: column;
}

#alertFavoriteCourse .iconAlertFavorite {
    color: #0d1e80;
    font-size: 50px;
    margin: 25px 0 0 0;
}

#alertFavoriteCourse .tittleAlertFavoriteCourse {
    font-weight: bolder;
    font-size: 25px;
    margin: 50px 0 0px 0;
}

#alertFavoriteCourse .tittleAlertFavoriteCourse .textTittleAlert {
    margin: 0;
    padding: 25px 0 0px 0;
    color: #0d1e80 !important;
}

#alertFavoriteCourse .textAlertFavoriteCourse {
    font-size: 18px;
    margin: auto;
}

#alertFavoriteCourse .textAlertFavoriteCourse .textParagraphAlert {
    padding: 15px 0 10px 0;
    color: #303641 !important;
}

#alertFavoriteCourse .buttonAlertFavorite {
    margin: 0px 0 30px 0;
    padding: 1px 45px;
    font-size: 18px !important;
    font-weight: unset !important;
}

#alertFavoriteCourse .positionIcon {
    display: flex;
    justify-content: center;
}

#kmeMyFavoriteCourses .positionTextIcon {
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

#kmeMyFavoriteCourses .positionTextIcon .colorText {
    color: #565654 !important;
}

#kmeMyFavoriteCourses .tittleText {
    font-size: 25px;
}

#kmeMyFavoriteCourses .descriptionText {
    font-size: 18px;
}

#basicFilters .container-basic-filters {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    contain: content;
    padding: 5px 25px;
    border: 1px solid #8b8b8b;
}

#basicFilters .container-basic-filters .option-filter {
    width: 30%;
    margin: 20px 10px;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    justify-content: center;
}

#basicFilters .container-basic-filters .container-buttons {
    width: 30%;
    margin: 20px 10px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
}

#basicFilters .container-basic-filters .container-buttons .containerFilterFavorite {
    display: flex;
    align-items: center;
    align-content: center;
    cursor: pointer;
}

#basicFilters .container-basic-filters .container-buttons .containerFilterFavorite .textFilterFavorite {
    margin: 0 15px;
    font-size: 18px;
    color: rgb(117, 117, 117);
}

#basicFilters .container-basic-filters .container-buttons .button-more-filter {
    color: white;
    font-size: 17px;
    padding: 0px 20px;
    margin: 12px 10px;
    text-transform: inherit;
    background-color: #9b9b9b;
}

#filtersCourses .container-filters-courses {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #9b9b9b;
    padding: 10px 25px;
    contain: content;
}

#filtersCourses .container-filters-courses .container-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

#filtersCourses .container-filters-courses .container-header .title-filter {
    font-size: 25px;
    font-weight: 600;
    color: #9b9b9b;
}

#filtersCourses .container-filters-courses .container-header .button-close {
    display: flex;
    align-items: center;
    justify-content: center;
}

#filtersCourses .container-filters-courses .container-header .icon-close {
    font-size: 30px;
    color: #9b9b9b;
    font-weight: 600;
}

#filtersCourses .container-filters-courses .container-filters {
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
}

#filtersCourses .container-filters-courses .container-filters .positionCatalog_filter {
    padding: 0px;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
}

#filterButtons .container-filter-buttons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#filterButtons .container-filter-buttons .button-clear {
    text-transform: capitalize;
    font-size: 18px;
    color: #9b9b9b;
    padding: 0px 35px;
}

#filterButtons .container-filter-buttons .button-filter {
    font-size: 17px;
    color: white;
    background-color: #9b9b9b;
    text-transform: capitalize;
    padding: 0px 35px;
}

#filterButtons .container-filter-buttons .button-filter[disabled] {
    background-color: #9b9b9b;
}

#filtersCourses .container-filters-courses .container-filters .option-filter {
    width: 31%;
    margin: 1.625rem 0.375rem;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: column;
}

#filtersCourses .container-filters-courses .container-filters .option-filter .date-field {
    /*width: 100%;*/
    margin: auto;
    padding: inherit;
}

#filtersCourses .container-filters-courses .container-filters .option-filter .date-field .md-datepicker-input-container {
    /*width: 80%;*/
    padding: inherit;
    margin: auto;
}

#filtersCourses .container-filters-courses .container-filters .option-filter .date-field .md-datepicker-input {
    width: auto;
    min-width: 6rem;
}

#filtersCourses .container-filters-courses .container-filters .option-filter .date-field .md-datepicker-button {
    margin: auto;
    padding: inherit;
}

#filtersCourses .container-filters-courses .container-filters .option-filter-text .md-errors-spacer {
    display: none;
}

#filtersCourses .container-filters-courses .container-filters .option-date {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-bottom: 0.375rem;
}

#filtersCourses .container-filters-courses .container-filters .option-price {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#filtersCourses .container-filters-courses .container-filters .option-price .container-message-error,
#filtersCourses .container-filters-courses .container-filters .option-price .container-text {
    width: 95%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding-top: 0.625rem;
    
}

#filtersCourses .container-filters-courses .container-filters .option-price .container-message-error,
#filtersCourses .container-filters-courses .container-filters .option-price .container-indicators,
#filtersCourses .container-filters-courses .container-filters .option-price .container-text,
#filtersCourses .container-filters-courses .container-filters .option-filter-text label,
#filtersCourses .container-filters-courses .container-filters .option-data-field {
    color: #00000061;
}

#filtersCourses .container-filters-courses .container-filters .option-price .container-message-error {
    position: absolute;
    padding-top: 8rem;
    width: 93%;
}

#filtersCourses .container-filters-courses .container-filters .option-filter md-select-value span,
#basicFilters .container-basic-filters .option-filter md-select-value span {
    display: flex; 
    flex-direction: row;
}

#filtersCourses .container-filters-courses .container-filters .option-price .container-text .value-price {
    margin: 0 0.625rem;
    color: #000000de;
}

#filtersCourses .container-filters-courses .container-filters .option-price .container-message-error .text-error {
    color: #ff0000;
    font-size: 0.75rem;
}

#filtersCourses .container-filters-courses .container-filters .option-price .container-slides {
    display: flex;
    justify-content: center;
}

#filtersCourses .container-filters-courses .container-filters .option-price .container-slides .slide-price {
    min-width: 90%;
    position: absolute;
}

#filtersCourses .container-filters-courses .container-filters .option-price .container-slides md-slider ._md-thumb-container {
    z-index: 1;
}

#filtersCourses .container-filters-courses md-slider.md-default-theme ._md-thumb:after, md-slider ._md-thumb:after,
#filtersCourses .container-filters-courses md-slider ._md-thumb:after{
    background-color: #9b9b9b;
    border-color: #9b9b9b;
}

#filtersCourses .container-filters-courses md-slider ._md-track._md-track-fill,
#filtersCourses .container-filters-courses md-slider ._md-track{
    background-color: #9b9b9b;
}

#filtersCourses .container-filters-courses .container-filters .option-price .container-indicators {
    display: flex;
    justify-content: space-between;
    margin-top: 2.25rem;
    font-size: 0.75rem;
    width: 75%;
}

@media (max-width: 1050px) {
    #filtersCourses .container-filters-courses .container-filters .option-filter,
    #basicFilters .container-basic-filters .option-filter {
        width: 40%;
    }
    
    #basicFilters .container-basic-filters .container-buttons {
        justify-content: space-evenly;
        width: 90%;
    }
    
    #filtersCourses .container-filters-courses .container-filters .option-filter .date-field .md-datepicker-input {
        min-width: 4rem;
    }
    
    #filtersCourses .container-filters-courses .container-filters .option-price .container-message-error,
    #filtersCourses .container-filters-courses .container-filters .option-price .container-text {
        flex-direction: column;
        align-items: center;
    }
    
    #filtersCourses .container-filters-courses .container-filters {
        justify-content: space-evenly;
    }
}

@media (max-width: 640px) {
    #filtersCourses .container-filters-courses .container-filters {
        flex-direction: column;
        align-items: center;
    }
    
    #filtersCourses .container-filters-courses .container-filters .option-filter,
    #basicFilters .container-basic-filters .container-buttons,
    #basicFilters .container-basic-filters .option-filter {
        width: 90%;
    }
    
    #basicFilters .container-basic-filters .container-buttons {
        margin: 0px 10px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    #filtersCourses .container-filters-courses .container-filters .option-date {
        flex-direction: column;
    }
    
    #filtersCourses .container-filters-courses .container-filters .option-filter .date-field .md-datepicker-input {
        min-width: 8rem;
    }
    
    #filtersCourses .container-filters-courses .container-filters .option-filter .date-field .md-datepicker-expand-triangle {
        display: flex;
    }
}

.positionInputCatalog {
    max-width: 10% !important;
}

.sizeInputCatalog {
    max-width: 30% !important;
    text-align: center;
}

.containerTittleIcon {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    align-content: center !important;
}

.iconFilterFavorite {
    color: #8b8b8b;
}

@media (max-width: 959px) {
    #coursesfilter {
        margin-top: 0px !important;
    }

    .breadcrumps {
        margin-top: 80px;
    }
}

.alertFileUpdated {
    background-color: #43a047;
    color: white;
}

.positionInputCatalog {
    max-width: 10% !important;
}

.sizeInputCatalog {
    max-width: 30% !important;
    text-align: center;
}

.containerTittleIcon {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    align-content: center !important;
}

.iconFilterFavorite {
    color: #8b8b8b;
}

@media (max-width: 959px) {
    #coursesfilter {
        margin-top: 0px !important;
    }

    .breadcrumps {
        margin-top: 80px;
    }
}

.alertFileUpdated {
    background-color: #43a047;
    color: white;
}

.alertFileUpdated .textAlertFileUpdate {
    text-align: center;
    padding: 10px 5px;
}

.alertFileUpdated .buttonAlerFileUpdate {
    background-color: rgb(158,158,158) !important;
    color: white !important;
}

.alertFileUpdated .buttonAlerFileUpdate:hover {
    background-color: rgb(118 118 118) !important;
}

#textSignUp2022 .containerTextSignup2022 {
    text-align: inherit;
    font-size: 17px;
    margin: 0px 10px 0 17px;
}

#textSignUp2022 .containerTextSignup2022 .textPrincipal {
    font-weight: bolder;
    margin: 0;
    text-align: justify;
}

#textSignUp2022 .containerTextSignup2022 .textSecondary {
    margin: 2px 0 0 0;
    font-size: 14px;
}

#formRegisterUser2022 md-input-container {
    margin: 0px 0 !important;
}

#formRegisterUser2022 .buttonsLogin {
    background: #fff;
    padding: 10px 0px;
    width: 80%;
    border-radius: 7px;
    color: white;
    background-color: #282f5f !important;
    border-width: 0;
}

#formRegisterUser2022 .LoginSignUp2022 {
    margin: 10px 0 5px 0px;
}

#formRegisterUser2022 .LoginSignUp2022 .textLogin2022 {
    color: #60656e;
}

#formRegisterUser2022 .containerButtonLoginSignUp2022 {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

#formRegisterUser2022 .containerButtonLoginSignUp2022 .buttonLoginSignUp2022 {
    border: solid 2px #282f5f;
    padding: 8px 120px;
    border-radius: 8px;
    font-weight: bold;
    color: #282f5f;
    text-align: center;
}

#formRegisterUser2022 .buttonLoginGoogle {
    width: 80%;
    margin: 8px 39px;
    background-color: #e0e0e0 !important;
    border: solid 2px #282f5f;
    border-radius: 8px;
    color: #282f5f;
}

#form-firstQuestionSignUp2022 {
    display: contents;
}

#form-firstQuestionSignUp2022 .formFirstQuestion {
    background-color: #FFF;
    margin: 0 auto !important;
    width: 100% !important;
    height: 270px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999998;
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0,0,0,.4);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

#form-firstQuestionSignUp2022 .formFirstQuestion .textFormFirstQuestion {
    font-size: 22px;
    font-weight: bolder;
    color: #282f5f;
    margin: 10px 0 0 0;
}

#form-firstQuestionSignUp2022 .formFirstQuestion .textFormInformationQuestion {
    font-size: 15px;
    margin: 15px 0 0 0;
    max-width: 400px;
    text-align: -webkit-center;
}

#form-firstQuestionSignUp2022 .formFirstQuestion .containerButtons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    margin: 30px 0 0 0;
}

#form-firstQuestionSignUp2022 .formFirstQuestion .buttonFormFirstQuestion {
    border: solid 2px #282f5f;
    color: #282f5f;
    padding: 2px 55px;
    border-radius: 20px;
    width: 100px;
    text-align: center;
    margin: 0 15px;
    cursor: pointer;
}

#form-firstQuestionSignUp2022 .formFirstQuestion .buttonFormFirstQuestion:hover {
    border: solid 2px white;
    color: white !important;
    background-color: #e51672;
}


#form-firstQuestionSignUp2022 .formFirstQuestion .textButtonFirstQuestion {
    margin: 0;
    font-size: 18px;
    display: flex;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    align-content: center;
    color: #282f5f;
}

#form-firstQuestionSignUp2022 .formFirstQuestion .textButtonFirstQuestion:hover {
    color: white;
}

.overlay-formFirstQuestion {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    position: fixed !important;
    opacity: 0.8 !important;
    z-index: 999999;
    background-color: #000;
    opacity: 0;
    background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));
    background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    background: -o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    background: -ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    background: radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#form-PeopleSignUp2022 {
    display: contents;
}

#form-PeopleSignUp2022 .wrapper-image-login-2022 {
    margin: 100px 0 0 0;
}

#form-PeopleSignUp2022 .containerPeopleSignUp {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

#register-form-by-type {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.newRegisterFormContainer .containerText {
    max-width: 95%;
}

.newRegisterFormContainer .containerText .textPrincipal {
    font-weight: bold;
    font-size: 18px;
    margin: 30px 0 0 0;
}

.newRegisterFormContainer .containerText .textSecondary {
    font-style: italic;
}

#form-PeopleSignUp2022 .containerTextInformation {
    display: flex;
    justify-content: space-between;
    width: 95%;
    color: #e51672;
    font-size: 17px;
    font-weight: bold;
    margin: 15px 0 5px 0;
}

#form-PeopleSignUp2022 .containerInputs {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 95%;
    margin: 10px 0 0 0;
}

#form-PeopleSignUp2022 .containerInputs .inputSignUp {
    width: 340px;
}

#form-PeopleSignUp2022 .containerInputs .inputSignUp md-input-container {
    width: 340px;
    margin: 0;
    padding: 0;
}

#form-PeopleSignUp2022 .containerInputs .inputSignUp .marginSelect {
    margin: 0 0 20px 0;
}

#form-PeopleSignUp2022 .containerTerms {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
}

#form-PeopleSignUp2022 .containerTerms .termsAndConditions {
    text-decoration: underline;
    cursor: pointer;
    color: #006ce5;
}

#form-PeopleSignUp2022 .containerTerms .termsAndConditions a {
    text-decoration: none;
    cursor: pointer;
    color: #006ce5;
}

#form-PeopleSignUp2022 .containerTerms .textTermsLinkTerms {
    font-size: 14px;
    color: gray;
    margin: auto;
}

#form-PeopleSignUp2022 .containerTerms .buttonYesOrNo {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#form-PeopleSignUp2022 .containerTerms .buttonYesOrNo .styleSwitch {
    margin: 0;
}

#form-PeopleSignUp2022 .containerTerms .buttonYesOrNo .textButton {
    margin: 0 10px;
}

#form-PeopleSignUp2022 .containerTerms .buttonYesOrNo .text-error {
    font-weight: bold;
    font-size: 16px !important;
}

#form-PeopleSignUp2022 .containerButtonSave {
    display: flex;
    align-items: center;
    justify-content: center;
}

#form-PeopleSignUp2022 .containerButtonSave .buttonSave {
    background-color: #283593;
    padding: 2px 130px;
    cursor: pointer;
    border-radius: 5px;
}

#form-PeopleSignUp2022 .containerButtonSave .buttonSave:hover {
    background-color: #e51672;
}

#form-PeopleSignUp2022 .containerButtonSave .buttonSave .textButtonSave {
    margin: 0;
    font-size: 17px;
    color: white;
    text-transform: initial;
}

#form-PeopleSignUp2022 md-switch ._md-container {
    margin-bottom: 0
}

.newRegisterFormContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    max-width: 720px
}

.newRegisterFormContainer .wrapper-image-login-2022 {
    max-width: 200px;
    margin: 30px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.newRegisterFormContainer .wrapper-image-login-2022 img {
    max-width: 140%;
    height: auto;
}

.wrapper-content-signup {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin-top: 0;
}

.wrapper-content-signup .wrapper-image-login-2022 {
    max-width: 200px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.wrapper-content-signup .wrapper-image-login-2022 img {
    max-width: 140%;
    height: auto;
}

.mdInputNewForm {
    margin: 5px 0;
}

.mdInputNewForm .textError {
    color: rgb(213,0,0) !important;
    font-size: 12px;
    margin: 0 0 15px 0;
}

.mdInputNewFormPageTwow {
    margin: 35px 0;
    width: 330px;
    height: 11px;
}

.mdInputNewFormPageTwow .textError {
    color: rgb(213,0,0) !important;
    font-size: 12px;
    margin: 0 0 15px 0;
}

.firstInputs {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    max-width: 720px;
}

#tabs-profile #optionEditProfile .firstInputs { max-width: 100%; }

select-new-form-slave {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin: 20px 0 0 0;
}

#newKmeForm {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: -25px 0 0 0;
}

@media (max-width: 959px) {
    #coursesfilter {
        margin-top: 0px !important;
    }

    .breadcrumps {
        margin-top: 80px;
    }
}

.alertFileUpdated {
    background-color: #43a047;
    color: white;
}

.alertFileUpdated .textAlertFileUpdate {
    text-align: center;
    padding: 10px 5px;
}

.alertFileUpdated .buttonAlerFileUpdate {
    background-color: rgb(158,158,158) !important;
    color: white !important;
}

.alertFileUpdated .buttonAlerFileUpdate:hover {
    background-color: rgb(118 118 118) !important;
}

md-input-container .md-input, ._md-select-value {
    border-color: #283593;
}


#formRegisterUser2022 .containerPersonalData {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

#formRegisterUser2022 .containerPersonalData md-checkbox {
    margin: 0;
}

#formRegisterUser2022 .containerPersonalData md-checkbox ._md-icon {
    border-color: #e51672;
}

#formRegisterUser2022 .containerPersonalData .textPersonalData {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    text-align: center;
    margin: 0;
    font-size: 15px;
    color: #e51672;
}

#formRegisterUser2022 .containerTextData {
    height: 100px;
}

#formRegisterUser2022 .containerTextData .textData {
    text-align: center;
    font-size: 12px;
}

#formRegisterUser2022 .containerTextData .textData span {
    color: #147cf8;
    text-decoration: underline;
    cursor: pointer;
}

#formRegisterUser2022 .containerTextData .textData span a {
    color: #147cf8;
    text-decoration: none;
    cursor: pointer;
}

#formRegisterUser2022 .containerTextPolicy .textData {
    text-align: center;
    font-size: 12px !important;
}

#form-PeopleSignUp2022 .containerTextEnd {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#form-PeopleSignUp2022 .containerTextEnd .oneMessage {
    font-size: 12px;
}

#form-PeopleSignUp2022 .containerTextEnd .oneMessage span {
    color: #006ce5;
    text-decoration: underline;
    cursor: pointer;
}

#form-PeopleSignUp2022 .containerTextEnd .oneMessage span a {
    color: #147cf8;
    text-decoration: none;
    cursor: pointer;
}

#form-PeopleSignUp2022 .containerTextEnd .twoMessage {
    font-size: 14px;
    color: gray;
}

#form-PeopleSignUp2022 .containerTextEnd .changeUser {
    color: #006ce5;
    text-decoration: underline;
    cursor: pointer;
}

#form-PeopleSignUp2022 md-switch ._md-thumb:before {
    background-color: #283593;
}

#newKmeForm .containerInputsNewKmeForm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

#newKmeForm .containerInputsNewKmeForm .mdInputContainerNewForm {
    margin: 25px 0 0 0;
    width: 330px;
}

#alertRegisterUser2022 {
    max-width: 900px !important;
    width: 100%;
    margin: 0 10px;
}

#alertRegisterUser2022 .containerAlertRegisterUser2022 {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

#alertRegisterUser2022 .containerAlertRegisterUser2022 .iconRegisterUser2022 {
    width: auto;
    color: #e51672;
    font-size: 55px;
}

#alertRegisterUser2022 .containerAlertRegisterUser2022 .textTitleRegisterUser {
    color: #e51672;
    font-weight: bold;
    font-size: 24px;
    width: 500px;
    margin: 35px 0 0 0;
    padding: 1rem 0;
}

#alertRegisterUser2022 .containerAlertRegisterUser2022 .textInformationRegisterUser {
    font-size: 16px;
    width: 540px;
    margin: 0 0 20px 0;
    display: flex;
    flex-direction: column;
}

#alertRegisterUser2022 .containerAlertRegisterUser2022 .textInformationRegisterUser .strongAlert {
    font-weight: bolder;
}

#alertRegisterUser2022 .containerAlertRegisterUser2022 .buttonRegisterUser2022 {
    color: white !important;
    background-color: #242b5c !important;
    font-weight: 500;
    font-size: 18px;
    padding: 0px 45px;
}

@media (max-width: 700px) {
    .newRegisterFormContainer .containerText {
        width: 90%;
        text-align: center;
    }

    #form-PeopleSignUp2022 .containerPeopleSignUp {
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-direction: column;
        width: auto;
    }

    .firstInputs {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        width: 90%;

    }

    .select-new-form-slave {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        margin: 20px 0 0 0;
    }

    #form-PeopleSignUp2022 .containerTextEnd {
        height: auto;
        width: auto;
        text-align: center;
    }

    #form-PeopleSignUp2022 .containerButtonSave {
        margin: 0 0 25px 0;
        width: auto;
    }

    select-new-form-slave {
        justify-content: center;
    }

    #form-PeopleSignUp2022 .containerButtonSave .buttonSave {
        padding: 2px 100px;
    }

    .wrapper-content-signup .box-content-form {
        padding: 200px 15px 15px 15px !important;
        border-radius: 8px;
        margin: -180px 0 0 0 !important;
        background-color: rgba(255, 255, 255, .7);
    }

    #formRegisterUser2022 .buttonLoginGoogle {
        width: 100%;
        margin: 10px 0px;
    }

    #textSignUp2022 {
        z-index: 1;
    }

    .wrapper-content-signup .wrapper-image-login-2022 {
        z-index: 1;
    }

    #form-PeopleSignUp2022 .containerInputs {
        width: 90%;
    }

    #newKmeForm .containerInputsNewKmeForm {
        width: auto;
        justify-content: center;
    }

    #form-PeopleSignUp2022 .containerTextInformation {
        width: 90%;
    }

    #form-PeopleSignUp2022 .containerTerms {
        width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        align-content: center;
        text-align: center;
    }
}

#myInductionsOrTrainings .containerBeginning {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
}

#myInductionsOrTrainings .containerSeeMore {
    margin: 0;
}

.containerBoxRegister {
    background-color: #ebebeb;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding: 20px 129px 30px;
    /*padding: 20px 129px 30px;*/
    /*margin: 10px 0 0 0;*/
}

.containerBoxRegister .textRegister {
    font-weight: 600;
    text-align: center;
    font-size: 16px;
    margin: 10px 0 30px 0;
    margin: 30px 0 30px 0;
    color: #565656;
}

.containerBoxRegister .buttonRegister {
    background-color: white;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 0 30px 0;
    border-style: solid;
    border-width: 1px;
}

.containerBoxRegister .buttonRegister .textButtonRegister {
    margin: 10px 140px;
    font-weight: 600;
    color: #e51672;
    font-size: 16px;
}

.containerTextProblemLogin {
    display: flex;
    align-items: center;
    justify-content: center;
}

.containerTextProblemLogin .textProblemLogin {
    font-weight: bold;
    margin: 0;
}

.containerTextProblemLogin .textProblemLogin:hover {
    text-decoration: underline;
}

.containerBoxRegister .buttonYammer {
    margin: 30px 0 0 0;
}

.containerBoxRegister .buttonYammer .imgYammer {
    width: 72px;
    border-radius: 10px;
    box-shadow: 0px 5px 7px 0px #565656;
}

#imagebannerlanding {
    width: 98%;
    position: relative;
}

#imagebannerlanding #sliderBannerId {
    display: flex;
    justify-content: space-around;
    align-items: stretch;
}

#updateDataInHome .containerUpdateData .containerClose {
    cursor: pointer;
    margin: -50px -10px 0px 0;
}

@media (max-width: 1300px) {
    #HelloUser {
        max-width: 95%;
    }
    #welcomeSlider .containerWelcome{
        max-width: 95%;
    }

    #bannerSlideShow .containerSliderShow {
        max-width: 95%;
    }

    #bannerSlideShow .item-slide {
        max-width: 100%;
    }

    #imagebannerlanding {
        max-width: 95%;
    }

    #navbarSlider .containerNavBarSlider {
        max-width: 95%;
    }

    #bannerSlideShow .StyleBannerSlideShow .containerTextSlide {
        width: 95%;
    }
}

#updateDataInHome {
    max-width: 1400px;
    margin: auto;
}

#updateDataInHome .containerUpdateData {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    background-color: #ebebeb;
    margin-top: 35px;
    padding: 20px;
}

#updateDataInHome .containerUpdateData .containerText .titleText {
    font-size: 25px;
    font-weight: bolder;
    margin: 5px 0;
}

#updateDataInHome .containerUpdateData .containerText .messageText {
    margin: 5px 0;
}

#updateDataInHome .containerUpdateData .containerText .messageText .textBold {
    font-weight: bolder;
}

#updateDataInHome .containerUpdateData .containerButtonUpdate {
    background-color: #565656;
    padding: 6px 10px;
    border-radius: 3px;
    cursor: pointer;
}

#updateDataInHome .containerUpdateData .containerButtonUpdate .buttonUpdate {
    color: white;
}

#updateDataInHome .containerUpdateData .containerButtonUpdate .buttonUpdate .textButton {
    font-weight: 600;
    font-size: 15px;
    color: white;
    margin: 0;
}

#updateDataInHome .containerUpdateData .containerClose {
    cursor: pointer;
    margin: -50px -10px 0px 0;
}

@media (max-width: 960px) {

    #updateDataInHome {
        max-width: 360px;
    }

    #updateDataInHome .containerUpdateData {
        margin-top: 90px;
    }

    #updateDataInHome .containerUpdateData .containerClose {
        margin: -140px -10px 0px 0;
    }
}

.containerWall .titleTextWall {
    font-size: 30px;
    margin-left: 3%;
}

.container .titleEditPlan {
    font-weight: bold;
}

.container .containerText {
    font-size: 20px;
    font-weight: bold;
}

.container .containerText .titleText {
    color: #606060;
}

.container .containerText .secondaryText {
    color: #606060;
}

#sendFormationNotices {
    margin: auto;
}

#sendFormationNotices .containerFormation {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 90%;
    margin: auto;
}

#sendFormationNotices .containerFormation .containerText .textInformation {
    margin: 20px 10px;
}

#sendFormationNotices .containerFormation .containerSwitch {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: 0 0px 0 50px;
}

#sendFormationNotices .containerFormation .containerSwitch .textSwitch {
    margin: 0px 0 0 -8px;
}

#sendFormationNotices .containerFormation .containerSwitch .switchAutomatic {
    padding: 0px;
    height: auto;
    margin: 0px 10px;
}

#completeTopics {
    margin: 20px 10px;
}

#completeTopics .containerCompleteTopics {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 90%;
    margin: auto;
}

#completeTopics .containerCompleteTopics .textInformation {
    margin: auto;
}

#completeTopics .containerCompleteTopics .containerSwitch {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: 0 0px 0 50px;
}

#completeTopics .containerCompleteTopics .containerSwitch .textSwitch {
    margin: 0px 0 0 -8px;
}

#completeTopics .containerCompleteTopics .containerSwitch .switchCompleteTopics {
    padding: 0px;
    height: auto;
    margin: 0px 10px;
}

#sendFormationNotices md-switch ._md-thumb:before, #completeTopics md-switch ._md-thumb:before {
    background-color: #606060 !important;
}

#sendFormationNotices md-switch.md-default-theme ._md-bar, md-switch ._md-bar, #completeTopics md-switch.md-default-theme ._md-bar, md-switch ._md-bar {
    background-color: white;
    border: 1px solid #a5a5a5;
}

#sendFormationNotices md-switch.md-default-theme.md-checked ._md-bar, md-switch.md-checked ._md-bar , #completeTopics md-switch.md-default-theme.md-checked ._md-bar, md-switch.md-checked ._md-bar {
    background-color: white;
    border: 1px solid #a5a5a5;
}

.containerWall .containerInformationThemes {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 10px 0;
}

.containerWall .containerInformationThemes .containerButtonThemes {
    margin: 0 10px 0 0;
}

.containerWall .containerInformationThemes .containerButtonThemes .buttonThemes {
    background: #a5a5a5;
    color: white;
}

.containerWall .containerInformationThemes .containerButtonThemes .buttonThemes .textButtonThemes {
    text-transform: none;
    font-weight: bold;
    padding: 5px 10px;
}

.normaliz .containerInformationThemes {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 10px 0;
}

.normaliz .containerInformationThemes .containerButtonThemes {
    margin: 0 10px 0 0;
}

.normaliz .containerInformationThemes .containerButtonThemes .buttonThemes {
    background: #a5a5a5;
    color: white;
}

.normaliz .containerInformationThemes .containerButtonThemes .buttonThemes .textButtonThemes {
    text-transform: none;
    font-weight: bold;
    padding: 5px 10px;
}

#showPlanCourse .containerText {
    margin: 20px 0 40px 0;
}

#showPlanCourse .containerText .titleText {
    font-weight: bold;
    font-size: 24px;
}

.containerReceivedInformation {
    margin: 50px 0 0 0 !important;
}

.containerReceivedInformation .containerTextTraining {
    margin: 0 100px 0 0;
}

.containerReceivedInformation .containerTextTraining .textCheck {
    margin: auto;
    font-size: 16px;
    color: #565656;
}

.containerReceivedInformation .containerChecks {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.containerReceivedInformation .containerCheck {
    margin: 0 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.containerReceivedInformation .containerChecks .styleCheck {
    margin: 0 10px;
}

.containerReceivedInformation .containerChecks .textCheck {
    font-size: 16px;
    font-weight: bolder;
}

.containerSectionComment .containerInputComment .inputComment {
    height: 100px;
    padding: 10px;
    border-radius: 20px;
    border: 1.5px solid #565656;
    color: #565656 !important;
}

.containerSectionComment .containerInputComment .textLower {
    margin: 0 0 0 15px;
    margin: 15px 0 5px 20px;
    font-weight: 600;
}

#newMenu {
    margin: auto;
}

#newMenu .containerNewMenu .containerContent {
    padding: 0;
}

#newMenu .containerNewMenu .multilevelMenu {
    background-color: white;
}

#newMenu .containerNewMenu .containerContent .containerButton {
    padding: 0;
}

#newMenu .containerNewMenu .containerContent .containerButton .buttonNewMenu {
    margin: auto;
    border-radius: inherit;
}

#newMenu .containerNewMenu .containerSlideNav .buttonIconClose {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    position: absolute;
}

#newMenu .containerNewMenu .containerSlideNav .buttonIconClose .iconClose {
    margin: 0 0 0 0px;
    font-size: 35px;
    font-weight: bold;
    text-shadow: 0px 2px 3px black;
    cursor: pointer;
}

#newMenu .containerNewMenu .containerSlideNav .containerLogo {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

#newMenu .containerNewMenu .containerSlideNav .containerLogo .logoMenu {
    margin: 40px 0 0 0;
    max-width: 250px;
}

#newMenu .containerNewMenu .containerSlideNav .containerSections {
    display: flex;
    flex-direction: column;
}

#newMenu .containerNewMenu .containerSlideNav .containerSections hr {
    width: 100%;
    margin: 30px 0 0 0;
    display: block !important;
}

#newMenu .containerNewMenu .containerSlideNav .containerSections .titleSection {
    font-size: 16px;
    font-weight: bold;
    padding: 0px 20px;
    margin: 15px 0 5px 0;
    color: #606060;
}

#newMenu .containerNewMenu .containerSlideNav .containerApps {
    display: flex;
    flex-direction: column;
}

#newMenu .containerNewMenu .containerSlideNav .containerApps .containerApp {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    color: #606060;
    font-size: 17px;
    padding: 10px 15px 10px 17px;
    /*margin: 10px 0;*/
    cursor: pointer;
}

#newMenu .containerNewMenu .containerSlideNav .containerApps .containerApp:hover {
    background-color: #60606029;
}

#newMenu .containerNewMenu .containerSlideNav .containerApps .containerApp .iconApp {
    color: #606060;
    font-size: 23px;
    margin: 0 10px 0px 0;
}

#newMenu .containerNewMenu .containerSlideNav .containerApps .containerApp .iconUrlApp {
    width: 23px;
    margin: 0 10px 0px 0;
}

#newMenu .containerNewMenu .containerSlideNav .containerApps .containerApp #starts {
    margin: 0 -37px 0 0;
}

#newMenu .containerNewMenu .containerSlideNav .containerApps .containerApp #persons {
    margin: 0 -14px 0 0;
}

#newMenu .containerNewMenu .containerSlideNav .containerApps .containerApp #notes {
    margin: 0 -14px 0 0;
}

#newMenu .containerNewMenu .containerSlideNav .containerApps .containerApp .iconArrow {
    color: #606060;
    font-size: 23px;
    margin: 0;
}

#newMenu .containerNewMenu .containerSlideNav .containerApps .containerApp .containerInformationApp {
    display: flex;
    align-content: center;
    align-items: center;
}

#newMenu .containerNewMenu .containerSlideNav .containerSection {
    display: none;
    flex-direction: column;
}

#newMenu .containerNewMenu .containerSlideNav .containerSection .containerBackMenu {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    font-size: 16px;
    font-weight: bold;
    padding: 0px 20px;
    margin: 15px 0 0 0;
    cursor: pointer;
    color: #606060;
}

#newMenu .containerNewMenu .containerSlideNav .containerSection .containerBackMenu .textTitleMenu {
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    line-height: 18px;
    color: #606060;
}

#newMenu .containerNewMenu .containerSlideNav .containerSection .containerBackMenu .iconArrow {
    font-size: 23px;
    font-weight: bold;
    color: #606060;
    margin: 0 10px 0px 0;
}

#newMenu .containerNewMenu .containerSlideNav .containerSection hr {
    width: 100%;
    margin: 0;
    display: block !important;
}

#newMenu .containerNewMenu .containerSlideNav .containerSection .containerOptions .containerOption {
    display: flex;
    flex-direction: column;
    margin: auto;
}

#newMenu .containerNewMenu .containerSlideNav .containerSection .containerOptions .containerOption .boxOption {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    margin: 15px 20px 5px;
}

.containerReceivedInformation .containerTextTraining {
    margin: 0 100px 0 0;
}

.containerReceivedInformation .containerTextTraining .textCheck {
    margin: auto;
    font-size: 16px;
    color: #565656;
}

.containerReceivedInformation .containerChecks {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.containerReceivedInformation .containerCheck {
    margin: 0 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.containerReceivedInformation .containerChecks .styleCheck {
    margin: 0 10px;
}

.containerReceivedInformation .containerChecks .textCheck {
    font-size: 16px;
    font-weight: bolder;
}

.containerSectionComment .containerInputComment .inputComment {
    height: 100px;
    padding: 10px;
    border-radius: 20px;
    border: 1.5px solid #565656;
    color: #565656;
}

.containerSectionComment .containerInputComment .textLower {
    margin: 0 0 0 15px;
    margin: 15px 0 5px 20px;
    font-weight: 600;
}

#newMenu .containerNewMenu .containerSlideNav .containerSection .containerOptions .containerOption .boxOption .iconOption {
    color: #606060;
    font-size: 23px;
    margin: 0 10px 0px 0;
}

#newMenu .containerNewMenu .containerSlideNav .containerSection .containerOptions .containerOption .boxOption .iconUrlOption {
    width: 23px;
    margin: 0 10px 0px 0;
}

#newMenu .containerNewMenu .containerSlideNav .containerSection .containerOptions .containerOption .boxOption #starts {
    margin: 0 -37px 0px 0;
}

#newMenu .containerNewMenu .containerSlideNav .containerSection .containerOptions .containerOption .boxOption #notes {
    margin: 0 -14px 0px 0;
}

#newMenu .containerNewMenu .containerSlideNav .containerSection .containerOptions .containerOption .boxOption #persons {
    margin: 0 -14px 0px 0;
}

#newMenu .containerNewMenu .containerSlideNav .containerSection .containerOptions .containerOption .boxOption .textOption {
    font-size: 17px;
    margin: 0;
    font-weight: 600 !important;
    line-height: 18px;
    color: #606060;
}

#newMenu .containerNewMenu .containerSlideNav .containerSection .containerOptions .containerOption .containerApp {
    display: flex;
    justify-content: flex-start;
}

#newMenu .containerNewMenu .containerSlideNav .containerSection .containerOptions .containerOption .containerApp:hover {
    background-color: #60606029;
}

#newMenu .containerNewMenu .containerSlideNav .containerSection .containerOptions .containerOption .containerApp:active {
    background-color: #a3a3a3;
}

#newMenu .containerNewMenu .containerSlideNav .containerSection .containerOptions .containerOption .containerApp .appActive {
  background-color: #666;
  color: white;
}

#newMenu .containerNewMenu .containerSlideNav .containerSection .containerOptions .containerOption .containerApp .targetApp {
    padding: 0 0 0 50px;
    width: 100%;
}

#newMenu .containerNewMenu .containerSlideNav .containerSection .containerOptions .containerOption .containerApp .targetApp .titleApp {
    margin: 10px 0;
    font-size: 16px;
    line-height: 18px;
    color: #606060;
}

#newMenu .containerContent .containerButton .buttonNewMenu .textButton {
    margin-top: 0px;
    margin-bottom: 15px;
    line-height: 0px;
    font-weight: 600;
    font-size: 13px !important;
}

.buttonCommunicationChannelOptions {
    background-color: #eee !important;
    color: #868686 !important;
    font-weight: bolder !important;
}

#communicationChannelOptions {
    background-color: #cfcfcffa;
}

#communicationChannelOptions .containerChannelOptions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

#communicationChannelOptions .containerChannelOptions .containerButtonOption {
    max-width: 300px;
}

#communicationChannelOptions .containerChannelOptions .containerButtonOption .buttonOption {
    margin: 5px 0;
    padding: 0 10px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    width: 100%;
    background-color: #ffffff !important;
}

#communicationChannelOptions .containerChannelOptions .containerButtonOption .buttonOption .emailContact {
    width: 100%;
}

#communicationChannelOptions .containerChannelOptions .containerButtonOption .buttonOption .emailContact a {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#communicationChannelOptions .containerChannelOptions .containerButtonOption .buttonOption:hover {
    background-color: #aaaaaa !important;
}

#communicationChannelOptions .containerChannelOptions .containerButtonOption .textButtonOption {
    font-size: 13px;
    text-transform: none;
    font-weight: 900;
    color: #606060;
}

#communicationChannelOptions .containerChannelOptions .containerButtonOption .iconButtonOption {
    font-size: 20px;
    font-weight: 900;
    color: #606060;
}

#communicationChannelOptions .containerChannelOptions .containerText .descriptionChannelOptions {
    font-size: 12px;
    text-align: center;
    width: 300px;
    margin: 10px 0;
}

#dialogTutorMessage {
    width: 800px !important;
}

#dialogTutorMessage .buttonCloseAlert {
    font-weight: bold !important;
    font-size: 17px !important;
    margin: auto !important;
}

#dialogTutorMessage .titleText {
    font-weight: bold;
    font-size: 17px;
    padding: 10px 0 15px 0;
    margin: 25px 0 0 0;
}

#dialogTutorMessage .titleDescription {
    font-size: 13px;
    margin: 5px 0 30px 0;
}

.containerWall .box-content-color {
    margin: 5px;
}

.containerWall .box-content-color .box-container .catalogueImageBox img {
    width: 120px;
    height: 80px !important;
}

.containerWall .box-content-color .box-container .catalogueImageBox {
    margin: 0 10px 0 0 !important;
    border-radius: 8px;
}

#tabs-course .normaliz .box-progess-number2 {
    margin-right: 2.5rem;
}

#tabs-course .box-container-advance .box-name-container .box-content-name,
#tabs-course .box-container-noadvance .box-name-container .box-content-name {
    margin-left: 0.5rem;
}

@media(max-width: 599px) {
    .containerWall .box-content-color .box-container .catalogueImageBox {
        margin: 10px 0 !important;
        height: auto !important;
    }

    .containerWall .box-content-color .box-container .catalogueImageBox img {
        margin: 10px 0;
    }
    
    #tabs-course .normaliz .box-progess-number2 {
        margin: 0.5rem;
    }
}

.contentNavSlider .containerHeader,
.containerWall .containerHeader {
    display: flex;
    justify-content: space-between;
    margin: 0px;
}

#coursesInteractionCard {
    display: flex !important;
    align-items: center !important;
}

.containerWall .boxkmeNewTitle {
    padding: 0 10px;
    height: auto !important;
}

.containerWall #course_suggestion .boxkmeNewTitle {
    padding: 0 10px;
    height: auto !important;
}

#dialogContent_dialogTypeUser {
    height: 240px;
    width: 490px;
}

@media (max-width: 700px) {
    #form-firstQuestionSignUp2022 .formFirstQuestion {
        width: 340px !important;
        height: 331px !important;
    }

    #form-firstQuestionSignUp2022 .formFirstQuestion .textFormInformationQuestion {
        width: auto;
        padding: 10px 5px;
    }

    #form-firstQuestionSignUp2022 .formFirstQuestion .containerButtons {
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
        margin: 10px 0 0 0;
    }

    #form-firstQuestionSignUp2022 .formFirstQuestion .buttonFormFirstQuestion {
        margin: 10px 0;
    }

    #dialogContent_dialogTypeUser {
        height: 300px;
        width: 310px;
    }

    .mdInputNewForm {
        margin: 15px 0 8px;
    }

    .mdInputNewFormPageTwow {
        width: 320px;
    }

    #newKmeForm .containerInputsNewKmeForm .mdInputContainerNewForm {
        width: 320px;
    }

    #alertRegisterUser2022 {
        width: 350px;
    }

    #alertRegisterUser2022 .containerAlertRegisterUser2022 .textTitleRegisterUser {
        width: auto;
    }

    #alertRegisterUser2022 .containerAlertRegisterUser2022 .textInformationRegisterUser {
        width: auto;
    }

    #alertRegisterUser2022 .containerAlertRegisterUser2022 .buttonRegisterUser2022 {
        margin: auto;
    }

    .containerBoxRegister {
        padding: 0 5px;
    }

    .containerWall .boxkmeNewTitle {
        display: block;
    }
    
    md-input-container:not(.md-input-has-value) input:not(:focus) {
        margin: 0 !important;
    }
}

.boxkmeList .wrapper-indicators-box-list .indicators-box-list .colorIconGrades {
    color: #565656 !important;
}

#formRegisterUser2022 #register_btn {
    margin: 15px 0 0 0;
}

@media(max-width: 1300px) {
    .boxSizeButton {
        margin: 10px 0;
    }

    #imagebannerlanding #sliderBannerId {
        display: flex;
        flex-wrap: wrap;
    }
}

.textDescriptionReport {
    color: #8b8b8b !important;
    margin: 15px 8px 0 !important;
    font-size: 18px;
}

/* Style for New Update Profile Form*/
.fieldFormProfile {
    margin: -6px 40px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    /* align-items: inherit; */
    width: 40%;
}

#banner h4 {
    font-size: 16px;
    justify-content: flex-start !important;
    margin: 0px 0px 50px 0px;
    font-weight: revert;
    color: #283593;
}

#banner .information {
    margin: 10px 0 0px 0px;
}

#banner .information h3 {
    font-size: 18px;
    font-weight: bold;
}

#banner .information h5 {
    font-size: 15px;
}

#banner .information h5 font{
    font-style: italic;
}

#newUpdateProfileForm {
    position: relative;
    max-width: 100%;
    padding: 0px;
    display: flex;
    align-items: flex-start;
    /* background: antiquewhite; */
    margin: -25px 0 0 0;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: space-between;
}

.inputsUpdateProfileForm {
    margin: -6px 0px 0px 0px !important;
}


.questionTextUpdateProfile {
    font-size: 14px;
    text-align: center;
    margin: 0px 0px 0px 0px;
}

.termsConditionsTextUpdateProfile {
    color: #005aff !important;
    text-decoration: underline;
}

.containerSectionTermsAndConditionsNewForm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

.buttoncheckUpdateProfile {
    display: flex;
    align-items: center;
    margin: 0px 5px;
}

md-switch.md-default-theme.md-checked ._md-bar, md-switch.md-checked ._md-bar {
    background-color: #6e6e6ec9 !important;
}

md-switch.md-default-theme.md-checked ._md-thumb, md-switch.md-checked ._md-thumb,
md-switch.md-default-theme ._md-thumb, md-switch ._md-thumb{
    background-color: #283593 !important;
}

.headerUpdateProfile {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: stretch;
    margin: 0px  77px;
    align-items: center;
}

.separatorUpdateProfile {
    font-size: 40px;
    margin: 0 15px;
}

.titleUpdateProfile {
    font-size: 15px;
    margin: 10px 0 0 0;
    font-weight: bolder;
    color: #283593;
}

/*End Style for New Update Profile Form*/
.headertextsend{
    padding:1%;
    width: 95%;
}
.headerquick{
    display: flex;
    align-items:center;
    justify-content:center;
}
.headerquick md-icon{
    cursor: pointer;
}
.form-top-msg{
    display: grid;
    grid-template-columns:1fr 1fr;
    gap:3%;
    max-width: 90%;
    margin:auto;
    margin-top: 20px;
}
md-input-container > textarea.text-flashmsg{
    border-radius: 10px !important;
    border: 1px solid!important;
    border-color: gray !important;
    min-height: 110px !important;
    padding: 1%;
}
.text-flashmsg-container{
    max-width:90%;
    margin:auto;
    margin-top:40px;
}
.send-quickmsg{
    display: flex;
    align-items:center;
    justify-content:end;
    max-width: 90%;
    margin: auto;
}

.searchreceiverinput md-autocomplete-wrap{
    box-shadow: unset;
}
.reciverstags {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: fit-content;
    padding: 1%;
    border-radius: 6px;
    margin:1%;
}

.containerFullIndicators {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: 20px 0 -15px 0;
}

.containerFullIndicators .containerIndicator {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: 0 15px;
}

.containerFullIndicators .containerIndicator .containerIcon {
    margin: 0 10px 0 0;
}

.containerFullIndicators .containerIndicator .containerIcon .iconIndicator {
    font-size: 20px;
}

.containerFullIndicators .containerIndicator .textIndicator {
    color: #565656;
    font-size: 13px;
    margin: 5px 0 0 0;
    display: flex;
    align-items: center;
}

.boxkmeList .wrapper-indicators-box-list .indicators-box-list .menuShareList {
    margin: 0 -5px 0 5px;
    padding: 0;
}

.boxkmeList .wrapper-indicators-box-list .indicators-box-list .containerCertificatedList {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.containerWallLibrary {
    max-width: 95% !important;
    margin: auto;
}

.containerWallLibrary .containerContentBox {
    display: flex;
    align-items: center;
    justify-content: space-around;
    align-content: center;
    box-shadow: 0px 3px 6px 1px #cdcdcd;
    margin: auto;
}

.containerWallLibrary .containerContentBox .containerCoverIcon {
    height: 140px;
    width: 900px;
    display: flex;
}

.containerWallLibrary .containerContentBox .containerCoverIcon .iconCover {
    height: auto;
    width: auto;
    font-size: 100px;
}

.containerWallLibrary .containerContentBox .containerCover {
    display: flex;
}

.containerWallLibrary .containerContentBox .containerCover .coverContent {
    max-width: 100% !important;
    height: 140px !important;
    min-width: 100% !important;
    margin: auto;
    width: 900px;
}

.containerWallLibrary .containerContentBox .containerTextContent {
    margin: 10px;
    width: 100%;
}

.containerWallLibrary .containerContentBox .containerTextContent .textTitleContent {
    font-size: 19px;
    font-weight: 600;
    color: #7a7a7a;
}

.containerWallLibrary .containerContentBox .containerTextContent .textTitleDescription {
    font-size: 14px;
    font-weight: 600;
    color: #7a7a7a;
}

.containerWallLibrary .containerContentBox .containerIconsContent {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-end;
}

.containerWallLibrary .containerContentBox .containerIconsContent .containerIconsInformation {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.containerWallLibrary .containerContentBox .containerIconsContent .containerIconsInformation .containerInformation {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.containerWallLibrary .containerContentBox .containerIconsContent .containerIconsInformation .containerInformation .contentInformation {
    margin: auto;
    min-width: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.containerWallLibrary .containerContentBox .containerIconsContent .containerIconsInformation .containerInformation .iconInformation {
    color: #7a7a7a;
    font-size: 30px;
    width: auto;
    height: auto;
}

.containerWallLibrary .containerContentBox .containerIconsContent .containerIconsInformation .containerIconUser {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.containerWallLibrary .containerContentBox .containerIconsContent .containerIconsInformation .containerIconUser .contentUser {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.containerWallLibrary .containerContentBox .containerIconsContent .containerIconsInformation .containerIconUser .contentUser .iconUser {
    margin-right: 5px;
    color: #7a7a7a;
    font-size: 30px;
    width: auto;
    height: auto;
}

.containerWallLibrary .containerContentBox .containerIconsContent .containerIconsInformation .containerIconUser .contentUser .textUser {
    color: #7a7a7a;
    font-size: 16px;
}

.containerWallLibrary .containerContentBox .containerIconsContent .containerIconsInformation .containerDate {
    margin: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.containerWallLibrary .containerContentBox .containerIconsContent .containerIconsInformation .containerDate .textDateTitle {
    color: #7a7a7a;
    font-size: 16px;
    font-weight: 600;
    margin: 0 10px 0 0;
}

.containerWallLibrary .containerContentBox .containerIconsContent .containerIconsInformation .containerDate .textDate {
    color: #7a7a7a;
    font-size: 16px;
    width: 90px;
}

.containerWallLibrary .containerContentBox .containerIconsContent .containerIconsInformation .containerShare {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.containerWallLibrary .containerContentBox .containerIconsContent .containerIconsInformation .containerShare .iconShare {
    color: #7a7a7a;
    font-size: 27px;
}

.containerWallLibrary .containerContentBox .containerIconsContent .containerIconsInformation .containerShare .buttonShare {
    line-height: initial;
    min-width: auto;
}

.containerWallLibrary .containerContentBox .containerIconsContent .containerIconsInformation .containerFavorite {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.containerWallLibrary .containerContentBox .containerIconsContent .containerIconsInformation .containerFavorite .buttonFavorite {
    margin: auto;
    height: auto;
    width: auto;
    padding: 0;
}

.containerWallLibrary .containerContentBox .containerIconsContent .containerIconsInformation .containerOptions {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

@media(max-width: 850px){

    .containerWallLibrary .containerContentBox .containerIconsContent {
        justify-content: center;
    }

    .containerWallLibrary .containerContentBox .containerIconsContent .containerIconsInformation {
        flex-wrap: wrap;
        justify-content: center;
    }

    .containerWallLibrary .containerContentBox .containerIconsContent .containerIconsInformation .containerIconUser {
        margin: 0 20px;
    }

    .containerWallLibrary .containerContentBox .containerIconsContent .containerIconsInformation .containerDate {
        margin: 0 20px;
    }

    .containerWallLibrary .containerContentBox .containerIconsContent .containerIconsInformation .containerFavorite {
        margin: 0 15px;
    }

    .containerWallLibrary .containerContentBox .containerIconsContent .containerIconsInformation .containerShare {
        margin: 0 15px;
    }

    .containerWallLibrary .containerContentBox .containerIconsContent .containerIconsInformation .containerOptions {
        margin: 0 15px;
    }

    .containerWallLibrary .containerContentBox .containerTextContent {
        text-align: center;
    }

    .containerWallLibrary .containerContentBox .containerIconsContent .containerIconsInformation .containerInformation {
        margin: 0 20px;
    }
}

@media(max-width: 650px) {
    .containerWallLibrary .containerContentBox {
        flex-direction: column;
    }

    #coursesInteraction .kme_box_resource_container .containerBoxLibrary  {
        min-width: 250px !important;
    }

    #imageBackCourse .ng-binding {
        /*margin-top: -50px !important;*/
    }
}

.containerFullIndicators .containerIndicator {
        margin: 0 8px;
    }

.containerBoxLibrary {
   height: 390px;
}

.containerBoxLibrary .contentCover .iconCover {
    z-index: 1;
    position: sticky;
    margin: auto;
}

.containerBoxLibrary .containerIconsInformation {
    display: flex;
    align-items: center;
    justify-content: space-around;
    align-content: center;
}

.containerBoxLibrary .containerIconsInformation .containerIconUsers {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.containerBoxLibrary .containerIconsInformation .containerIconUsers .iconUser {
    margin: 0;
}

.containerBoxLibrary .containerIconsInformation .containerIconUsers .textUser {
    margin: 0 5px;
    color: #929292;
}

.containerBoxLibrary .containerIconsInformation .iconDetails {
    color: #929292;
}

.containerBoxLibrary .containerIconsInformation .iconPerson {
    color: #929292;
}

.containerBoxLibrary .containerTitle {
    padding: 0;
    margin: 0 25px;
}

.containerBoxLibrary .containerContent .containerTextDate {
    display: flex;
    flex-direction: row;
    margin: 0 0 0 10px;
    font-size: 14px;
}

.containerBoxLibrary .containerContent .buttonWallbox {
    width: 100%;
    font-weight: 600 !important;
    padding: 3px 0;
    margin: auto;
}

#backgroundNewMenu {
    width: 100%;
    height: 100vh;
    background: rgb(0, 0, 0);
    position: absolute;
    z-index: 10;
    top: 0px;
    left: 0px;
    opacity: 0.80;
}

#printselecta .profileIndicators .box-stadistics {
    background-color: #808080;
}

#printselecta .profileIndicators .box-stadistics .iconTrace {
    color: #ffffff;
}

#printselecta .profileIndicators .box-stadistics .iconTrace .box-staticsicons {
    color: #ffffff;
}

#printselecta .profileIndicators .box-stadistics .md-text-grayknw span {
    color: #ffffff;
}

#printselecta .profileIndicators .box-stadistics .md-text-grayknw h2 {
    color: #ffffff;
}

md-card-content>div>.buttonWallbox {
    margin: 10px 0 !important;
    height: auto;
    width: 100%;
}

#navbarRight #buttonIconLandingPage {
    height: auto;
    margin: 10px 8px 0;
    min-width: 40px;
    border-radius: inherit;
}

#navbarRight #buttonIconLandingPage .icon-landing-page {
    width: auto;
    margin-top: 1px;
}

#navbarRight #buttonIconLandingPage .text-landing-page {
    font-size: 12px;
    margin-top: 0px;
    text-transform: capitalize;
    line-height: 25px;
}

#speed-test .containerSpeed {
    background: transparent;
}

#speed-test .containerSpeed .diagnostic-tab {
    background: #fff;
}

#speed-test .containerSpeed .textSpeed {
    color: black;
    margin-top:20px;
}

#alertSharedComment .containerSharedComment {
    display: flex;
    align-items: center;
    text-align: center;
    flex-direction: column;
}

#alertSharedComment .containerSharedComment .positionIcon {
    display: flex;
    justify-content: center;
}

#alertSharedComment .containerSharedComment .positionIcon .iconSharedComment {
    color: #666;
    font-size: 50px;
    margin: 25px 0 0 0;
}

#alertSharedComment .containerSharedComment .title {
    font-weight: bolder;
    font-size: 22px;
    margin: 50px 0 0px 0;
}

#alertSharedComment .containerSharedComment .title .textTittleAlert {
    margin: 0;
    padding: 15px 0 0px 0;
    color: #666;
}

#alertSharedComment .containerSharedComment .description {
    font-size: 16px;
    margin: auto;
    width: 60%;
}

#alertSharedComment .containerSharedComment .description .textParagraphAlert {
    padding: 10px 0 20px 0;
    color: black;
}

#alertSharedComment .containerSharedComment .buttonSharedComment {
    display: flex;
    height: 30px;
    margin: 0px 0 30px 0;
    padding: 0px 40px;
    min-height: auto;
    font-size: 17px !important;
    font-weight: unset !important;
    background-color: #666;
    color: #fff;
}
.containertickets{
    max-width: 90%;
    margin:auto;
    margin-top: 50px;
}
.addticketsbutton a{
    color:white !important;
}
.addticketsbutton {
    display: flex;
    max-width: fit-content;
    padding: 9px;
    border-radius: 7px;
    margin-left: auto;
    box-shadow: 7px 4px 31px 0px rgba(0,0,0,0.28);
}

.tabletickets {
  border-collapse: collapse;
  width: 100%;
}

.tabletickets td,.tabletickets th {
  border-bottom: 1px solid black;
  text-align: left;
  padding: 8px;
}

.tabletickets tr:nth-child(odd) {
  background-color: #ebebeb;
}
.tabletickets thead tr{
    background-color: unset !important;
}

#container_sessioncourse{
    max-width:87vw;
}
#container_sessioncourse select{
    max-width:100%;
}
.containertickets fieldset{
    border:unset;
}
.creteTicketsTitle{
    width: 99%;
    padding: 2% 0 2% 1%;
    border-radius: 2px;
    font-weight: bold;
    font-size: 22px;
}
.labeltickets{
    color:#565656;
    font-weight:bold;
}
.inputtickets input ,.inputtickets select{
    border: unset;
    border-bottom: 1px solid gray;
    width: 100%;
    margin-bottom: 2%;
    color:grey;
}
.savetickets{
    color:white;
    border:1px solid gray;
    padding:1% 4%;
}
.backtickets{
    font-weight: bold;
    color: #565656;
    margin: 1%;
    cursor: pointer;
}

.containerIndicators {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    align-content: center;
}

.containerIndicators .containerText .textIndicator {
    font-size: 18px;
    font-weight: 600;
    margin: 0 10px;
    color: #bababa;
}

.containerIndicators .containerButtons {
    display: flex;
    align-items: center;
    align-content: center;
}

.containerIndicators .containerButtons .buttonIndicator {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid gray;
    border-radius: 100%;
    background-color: #5656561a;
    padding: 0;
    margin: 0 5px;
    height: auto;
    min-width: 50px;
    min-height: 50px;
}

.containerIndicators .containerButtons .buttonIndicator .iconIndicator {
    color: #bababa;
    font-size: 35px;
    font-weight: 600;
}

#imagebannerlanding .boxkmeNew {
    max-height: 100%;
    min-height: 100%;
    height: 440px;
    width: 300px;
    margin: auto;
}

#imagebannerlanding .card-profile-j {
    width: 300px;
    margin: auto;
    margin-top: 10px !important;
    margin-block: 20px;
}

#imagebannerlanding .boxSizeButton .containerBoxLibrary {
    height: auto;
}

#imagebannerlanding .boxTypes .boxkmeNew {
    height: auto;
}

@media(max-width: 740px) {
    #imagebannerlanding .card-profile-j {
        min-width: auto;
        height: 380px !important;
    }
}

.kmeFormAll .containerSwitchYerOrNo,
.boxkmeList .indicators-box-list .containerIndicator {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.kmeFormAll .containerSwitchYerOrNo .textYerOrNo{
    font-size: 15px;
    font-weight: bold;
    color: #757575;
}

.kmeFormAll .containerSwitchYerOrNo .switchFormsYerOrNo {
    margin: 0px;
    padding: 0px 0px 0px 10px;
    display: flex;
}

.trainingTextAndNotCompleted {
    margin: auto !important;
    font-weight: bold;
    font-size: 15px;
    color: #757575;
}

.md-datepicker-calendar-pane.md-pane-open {
    z-index: 999;
}

md-input-container:not(.md-input-has-value) input:not(:focus), md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field {
    color: #808080 !important;
    margin: 0 5px;
}

.boxkmeList .indicators-box-list .containerIndicator .containerIcon {
    margin: 0 5px 0 0;
}

.boxkmeList .indicators-box-list .containerIndicator .containerIcon .iconIndicator {
    font-size: 20px;
}

.boxkmeList .indicators-box-list .containerIndicator .textIndicator {
    color: #565656;
    font-size: 13px;
    margin: 5px 0 0 0;
    display: flex;
    align-items: center;
}

@media(max-width: 960px) {
    .boxkmeList .wrapper-indicators-box-list .optionCourseGrade {
        min-width: fit-content;
    }

    .boxkmeList .wrapper-indicators-box-list .optionCertificated {
        min-width: fit-content;
    }

    .boxkmeList .wrapper-indicators-box-list .optionCreator {
        margin: 0 10px 0 0;
    }
    
    #HelloUser .positionWelcome {
        margin-top: 6rem;
    }
    
    .boxkmeList .indicators-box-list .containerIndicator .containerIcon {
        margin: 5px 0;
    }
}

@media(max-width: 768px) {
    .btn-changeview-catalogue {
        display: none !important;
    }

    #navtabs {
        margin-top: 85px;
    }
}

#kmeCoursesRecommended #coursesInteraction {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
}

#kmeCoursesRecommended #coursesInteraction .courseRecommended {
    margin: 30px 0 0 0;
}

#kmeCoursesRecommended #sectionHeader {
    margin-top: 80px;
}

#kmeCoursesRecommended .containerHeader {
    display: flex;
    justify-content: space-between;
    margin: auto;
}

#kmeCoursesRecommended .containerHeader .containerTextHeader {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

#kmeCoursesRecommended .containerHeader .containerTextHeader .iconBack {
    font-size: 35px;
    font-weight: bold;
    margin: 0 15px 0 0;
}

#kmeCoursesRecommended .containerHeader .containerTextHeader .textHeader {
    font-size: 30px;
    margin: auto;
    font-weight: 500;
}

#kmeCoursesForType #coursesInteraction {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
}

#kmeCoursesForType #coursesInteraction .courseForType {
    margin: 30px 0 0 0;
}

#kmeCoursesForType #sectionHeader {
    margin-top: 80px;
}

#kmeCoursesForType .containerHeader {
    display: flex;
    justify-content: space-between;
    margin: auto;
}

#kmeCoursesForType .containerHeader .containerTextHeader {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

#kmeCoursesForType .containerHeader .containerTextHeader .iconBack {
    font-size: 35px;
    font-weight: bold;
    margin: 0 15px 0 0;
}

#kmeCoursesForType .containerHeader .containerTextHeader .textHeader {
    font-size: 30px;
    margin: auto;
    font-weight: 500;
}
.course-isactive {
    text-align: center;
    padding: 8px;
    background-color: #a0a0a0;
    border: 2px solid #a0a0a0;
    border-radius: 5px;
    font-size: 1.1rem;
    font-weight: 600;
    color: #FFF !important;
    display: block;
}

.course-isactive .text-isactive {
    margin: 0;
    color: white;
}

#editButtonsCommunities {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: auto;
}

.boxdataDashboard .box-stadistics2 {
    /* padding-top: 8px; */
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.boxdataDashboard .box-stadistics2 .textTitle {
    height: auto;
    padding: 0 5px;
}

#report-looker .container-iframe-looker {
    margin: 4% auto;  
}

@media(max-width: 1050px) {
    #report-looker .container-iframe-looker iframe {
        width: 95%;
    }
}

@media(max-width: 959px) {
    dashboard-report-tigo .containerFull {
        margin-top: 60px;
    }

    #editButtonsCommunities {
        flex-wrap: wrap;
        justify-content: center;
    }

    .boxTraceDetails .boxdataDashboard {
        margin: 10px !important;
    }

    organization-report .crumb-bread {
        margin-top: 85px;
    }
    
    #report-looker .container-iframe-looker { margin-top: 15%; }
    
    #report-looker .container-iframe-looker iframe {
        height: 670px;
    }
}
@media(max-width: 660px) {
    #imagebannerlanding .containerIndicators {
        display: none;
    }

    #indicators .boxTraceDetails .containerBoxIndicator {
        width: 100%;
    }

    review-course #content-kme {
        margin-top: 80px !important;
    }
    
    #imagebannerlanding .boxSizeButton .containerBoxLibrary,
    #imagebannerlanding .boxkmeNew {
        width: auto;
        margin: 10px;
    }
    
    #bannerSlideShow .item-slide {
        max-width: 100%;
        padding: 0px 10px 0px 10px !important;
    }

    #imagebannerlanding .slick-slider {
        max-width: 350px !important;
        margin: auto;
    }
    
    #report-looker {
        margin-top: 100px;
    }
    
    #report-looker .container-iframe-looker iframe {
        height: 500px;
    }
    
    #imageBackCourse .container-header-top .container-three-point-option {
        margin-top: 70px;
    }
    
    .sliderTittleFirst {
        margin: 0 0 30px 0;
        padding: 0 !important;
        font-size: 16px;
    }
    
    #bannerSlideShow .StyleBannerSlideShow {
        height: 500px;
    }

    #bannerSlideShow .item-slide {
        padding: 0px 5px 0px 5px;
        width: 328px;
    }

    #HelloUser .positionWelcome {
        margin: 90px 0 0 10px;
        text-align: center;
    }
}

#dashboard-student .containerTable {
    width:100%;
    white-space: inherit;
    border: 1px solid rgba(0,0,0,.12);
    border-collapse: collapse;
    font-size: 13px;
}

#dashboard-student .containerTable .titleTable {
    padding: 10px 5px;
    text-align: center;
    height: 30px;
    font-weight: 700;
    background-color: #455a64
}

#dashboard-student .containerTable .textTable {
    border-bottom: 1px solid rgba(0,0,0,.12);
    padding: 10px 5px;
}

/* Style for FORM person-or-entrepreneur HB*/
.form-person-or-entrepreneur-page-two {gap: 0 10px;}
.form-person-or-entrepreneur-page-two .wrapper-person-or-entrepreneur { width: calc(50% - 10px); position: relative;}
.form-person-or-entrepreneur-page-two .btn-filter-autocomplete,
#optionEditProfile .grid-form-slave .btn-filter-autocomplete, 
.child-form-slave .btn-filter-autocomplete {background-color: #e51672; margin: 18px 0; border: 0; padding: 5px; border-radius: 5px;}
#newKmeForm.active-list-rues, .child-form-slave #wrapper-form-slave.active-list-rues,
#optionEditProfile .active-list-rues {filter: blur(1px); pointer-events: none; opacity: 0.5;}
#list-rues .list-autocomplete {position: fixed; top: 50%; left: 50%; background: #FFF; padding: 10px; border: 1px solid #afafaf; border-radius: 5px; z-index: 1; width: 50%; transform: translate(-50%, -50%); box-shadow: 0px 0px 20px -3px #CCC;}
#list-rues .list-autocomplete li.header-list {width: 100%; background: #dfdfdf; padding: 5px; margin-bottom: 8px;}
#list-rues .list-autocomplete li.header-list .item-left, #list-rues .list-autocomplete li.body-list .item-left {width: 20%; padding-left: 15px;}
#list-rues .list-autocomplete li.header-list .item-left {border-right: 1px solid #000;}
#list-rues .list-autocomplete li.header-list .item-center {padding-left: 15px;}
#list-rues .list-autocomplete li.header-list .item-right, #list-rues .list-autocomplete li.body-list .item-right {width: 80%;padding-left: 15px; }
#list-rues .list-autocomplete li.body-list {font-size: 12px;cursor: pointer;border-bottom: 1px solid #dadada; padding: 2px 0;}
#list-rues .list-autocomplete li.body-list:hover {background-color: #CCC;}
#list-rues .list-autocomplete button {border:0;}
#list-rues .list-autocomplete .text-no-result {margin-bottom:10px;}
#list-rues .list-autocomplete .close-list-autocomplete {position: absolute; right: 15px; top: 13px;}
#list-rues .list-autocomplete .close-list-autocomplete .icon-close {color: red; font-weight: bold;}
#list-rues .list-autocomplete .container-btn-manually { display: flex; justify-content: center; }
#list-rues .list-autocomplete .container-btn-manually .btn-add-manually { padding: 0.75rem 4rem; color: #FFF; background-color: #8b8b8b; border-radius: 0.375rem; font-weight: 600; display: flex; justify-content: center; align-items: center; }
#list-rues .list-autocomplete .container-btn-manually .btn-add-manually .icon-add { color: #FFF; margin-right: 0.375rem; font-size: 22px; display: flex; align-items: center; justify-content: center; }
#list-rues .list-autocomplete .container-btn-manually .btn-add-manually .call-action-text { font-size: 15px; }
.form-person-or-entrepreneur-page-two .input-form-template input:not(:focus) {margin:0;}
.form-person-or-entrepreneur-page-two .textError {color: rgb(213,0,0) !important; font-size: 12px;}
.form-person-or-entrepreneur-page-two .field-instruction button,
#optionEditProfile .field-instruction button,
.child-form-slave .field-instruction button {overflow: hidden; border-radius: 100%; padding: 0; position: absolute; top: 53px; left:0; transform: scale(0.8);}
.dialog-instructions-rues {width: 40%;}
.dialog-instructions-rues li {margin-bottom: 15px;}
.instruction-btn-search {overflow: hidden;padding: 0; position: absolute; top: 56px; left:20px; transform: scale(0.9); color:#e51672;font-weight: bold;}

.child-form-slave .grid-form-slave {gap:0 10px;}
#wrapper-form-slave .child-form-slave .grid-form-slave { margin-top: 10px; }
.child-form-slave #wrapper-form-slave {display: flex; flex-wrap: wrap;}
#optionEditProfile #wrapper-form-slave .items-form-slave,
.child-form-slave #wrapper-form-slave .items-form-slave { width: 48.5%; position: relative;}
#optionEditProfile #wrapper-form-slave .items-form-slave .input-form-template,
.child-form-slave #wrapper-form-slave .items-form-slave .mdInputNewForm {width: 100% !important;}
.field-custom-autocomplete label {font-size: 11.5px !important;}
.field-custom-autocomplete.md-input-focused label {overflow: initial !important; font-size: 15px !important;}

#wrapper-form-slave, #wrapper-form-slave .items-form-slave {
    width: 100%;
}

@media (max-width: 767.98px) {
    #list-rues .list-autocomplete, .dialog-instructions-rues {width: 95%;}
    #list-rues .list-autocomplete li.header-list .item-left,
    #list-rues .list-autocomplete li.body-list .item-left {width: 40%;}
    #list-rues .list-autocomplete .close-list-autocomplete {position: relative; right: 0; top: 0; text-align: right;}
    #optionEditProfile #wrapper-form-slave .items-form-slave, 
    .child-form-slave #wrapper-form-slave .items-form-slave {
        width: 100%;
    }
}

#content-kme .resource-banner {
    width: 90%;
    margin: auto;
}

#content-kme .resource-banner .container-bread-crumbs {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

#content-kme .resource-banner #rankingResourcesTop .star-button i {
    color: #e2dedf;
}

#content-kme .resource-banner .btnActionCourse {
    width: 30%;
}

#content-kme .containerFull .md-text-gray {
    font-weight: bold;
    color: gray;
}

#content-kme .boxTraceDetails .box-stadistics h2 {
    color: gray;
    text-shadow: none;
    font-size: 23px;
    margin: 0;
    margin-top: 0;
    font-weight: 100;
}

#DateAndCreatorDetails {
    margin: 40px 0;
}

#DateAndCreatorDetails .containerDateAndCreator {
    display: flex;
    justify-content: space-around;
}

#DateAndCreatorDetails #dateDetails {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 40px;
    margin: auto 20px;
    border-radius: 10px;
    background-color: #f7f6f6;
    border: 1px solid #c7c7c7;
}

#DateAndCreatorDetails #dateDetails .containerText {
    display: flex;
    align-items: flex-end;
}

#DateAndCreatorDetails #dateDetails .iconDate {
    font-size: 50px;
    color: #676767;
}

#DateAndCreatorDetails #dateDetails .titleDate {
    color: #676767;
    font-weight: bold;
    font-size: 20px;
    margin: 0 5px;
    display: flex;
}

#DateAndCreatorDetails #dateDetails .descriptionDate {
    font-size: 18px;
    margin: 0 0 0 5px;
    font-weight: 500;
    color: #676767;
}

#DateAndCreatorDetails #creatorDetails {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: auto;
}

#DateAndCreatorDetails #creatorDetails .avatarCreator {
    height: 70px;
    width: 70px;
    border-radius: 50%;
}

#DateAndCreatorDetails #creatorDetails .containerText {
    margin: 0 20px;
}

#DateAndCreatorDetails #creatorDetails .containerText .nameCreator {
    font-size: 20px;
    margin: 0 0 5px;
    font-weight: bold;
    color: #676767;
}

#DateAndCreatorDetails #creatorDetails .containerText .textDescription {
    margin: auto;
    font-size: 18px;
    color: #676767;
}

#characteristicsResource {
    margin: 20px 0;
}

#characteristicsResource .containerCharacteristicsResource {
    display: flex;
    flex-direction: column;
}

#characteristicsResource .containerCharacteristics {
    display: flex;
    flex-direction: column;
}

#characteristicsResource .containerCharacteristics .containerCharacteristic {
    display: flex;
    margin: 10px 0;
}

#characteristicsResource .containerCharacteristics .containerCharacteristic .titleCharacteristic {
    font-weight: bolder;
}

#characteristicsResource .containerCharacteristics .containerCharacteristic .valueCharacteristic {
    margin: 0 15px;
}

#imageResource {
    margin: 40px 0;
}

#imageResource .container-image {
    display: flex;
    flex-direction: column;
}

#imageResource .container-image .style-image {
    width: 100%;
}

#imageResource .container-image .title-image,
#characteristicsResource .titleCharacteristics {
    font-size: 23px;
    font-weight: bold;
    color: #676767;
}

#ratingResources {
    margin: 40px 0;
}

#ratingResources .container-rating .container-title {
    background-color: #676767;
    border-radius: 5px;
}

#ratingResources .container-rating .container-title .title-rating {
    color: gray;
    font-size: 22px;
    font-weight: bold;
    padding: 20px 15px;
}

#ratingResources .container-rating .container-badges-share {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}

#ratingResources .container-rating .container-badges-share .container-stars {
    display: flex;
    justify-content: center;
}

#ratingResources .container-rating .container-badges-share .container-share {
    display: flex;
    align-items: center;
    justify-content: center;
}

#ratingResources .container-rating .container-badges-share .container-share a {
    display: flex;
    align-items: center;
}

#ratingResources .container-rating .container-badges-share .container-share .icon-share {
    font-size: 50px;
}

#ratingResources .container-rating .container-badges-share .container-share .title-share {
    font-size: 25px;
    font-weight: bold;
}

#content-kme .container-resource-detail {
    width: 90% !important;
    margin: auto;
}

@media(max-width: 760px) {
    #DateAndCreatorDetails .containerDateAndCreator {
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        align-items: center;
    }

    #DateAndCreatorDetails #dateDetails {
        margin: 20px;
    }

    #DateAndCreatorDetails #creatorDetails {
        margin: 20px;
    }

    #ratingResources .container-rating .container-badges-share {
        flex-direction: column;
    }

    #indicators .boxTraceDetails {
        display: flex;
        align-items: stretch;
    }

    #content-kme .my-custom-stars .button .material-icons {
        font-size: 40px !important;
    }
    #DateAndCreatorDetails #dateDetails .containerText {
        align-items: center;
        text-align: center;
    }

    .resource-banner .md-menu .md-icon-button {
        height: auto !important;
    }
}

#content-kme .resource-banner,
#content-kme .container-resource-detail {
    max-width: 1400px;
}

#content-kme .resource-banner {
    display: flex;
    justify-content: space-around;
}

mega-course-details #courseDetails2 #imageBackCourse {
    margin-top: 8px;
}

mega-course-details #courseDetails2 #imageBackCourse .banner-btns-main {
    position: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}

mega-course-details #courseDetails2 #imageBackCourse .banner-btns-main .btnActionCourse {
    padding: 10px 100px !important;
    width: 100% !important;
}

.modal-share {
    width: 90%;
    overflow: hidden;
    max-width: 1200px !important;
}

.modal-share .container-button-close {
    display: flex;
    justify-content: flex-end;
}

.modal-share .container-modal-share {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modal-share .container-modal-share .container-header {
    display: flex;
    align-items: center;
    padding: 10px;
    justify-content: center;
}

.modal-share .container-modal-share .container-header .text-search {
    text-align: center;
}

.modal-share .container-modal-share .container-header .marginBottomClear {
    margin: 0 20px;
    display: flex;
    align-items: center;
    width: 60%;
}

.modal-share .container-modal-share .container-header .container-button {
    width: 20%;
    margin: 20px 0;
}

.modal-share .container-modal-share .container-footer {
    display: flex;
    justify-content: flex-end;
    margin: 30px 0 10px;
}

.container-success-share {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.container-success-share .icon-share {
    width: auto;
    margin: 0 0 15px 0;
}

.container-success-share .icon-share {
    width: auto;
    margin: 0 0 15px 0;
}

.container-success-share .text-share-success {
    padding: 10px 0 !important;
}

@media(max-width: 600px) {
    #imagebannerlanding .containerIndicators {
        display: none;
    }

    #indicators .boxTraceDetails .containerBoxIndicator {
        width: 100%;
    }

    mega-course-details #courseDetails2 #imageBackCourse {
        margin-top: 5px;
    }

    mega-course-details #courseDetails2 #imageBackCourse .banner-btns-main .container-buttons-course {
        display: none;
    }

    mega-course-details #courseDetails2 #imageBackCourse .banner-btns-main .btnActionCourse {
        padding: 10px 50px !important;
    }

    .modal-share .container-modal-share .container-header {
        flex-direction: column;
    }

    .modal-share .container-modal-share .container-header .container-button {
        width: auto;
    }
}

#navbar-course #navbarCenter .navCoursename {
    margin-left: 25px !important;
}

#content-kme #imageBackCourse .container-information-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wrapper-items-comments .md-whiteframe-3dp .img-avatar-container {
    display: flex;
    align-items: center;
}

kme-moderated-courses #coursesInteraction .container-courses {
    display: flex;
    align-items: stretch;
}

kme-moderated-courses #coursesInteraction .boxkmeNewTitle,
kme-drafts #coursesInteraction .boxkmeNewTitle {
    height: auto !important;
}

review-course .contentMedia,
review-course .contentImage {
    height: auto;
}

review-course .content-view-actions {
    padding: 10px 15px;
}

review-course .containerFull {
    width: auto !important;
}

@media (max-width: 767.98px) {
    review-course .contentMedia .heightContent {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    review-course .contentMedia .heightContent content-iframe,
    review-course .contentMedia .heightContent content-player-beta {
        display: flex;
        align-items: center;
    }
}

.boxkmeList .wrapper-indicators-box-list .indicators-box-list .count-students {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 0 0 0 30px;
}

user-profilenew .bodyBackground .containerWall .button-report-colaborators {
    color: #aaaaaa;
}

#profile .containerWall .box-icon-quality {
    cursor: pointer;
}
#imageBackCourse .container-header-top {
    z-index: 1;
}

#optionEditProfile .container-header {
    background-color: #AAAAAA;
    margin-top: 2rem;
    padding: 2rem;
}

#optionEditProfile .container-header .title-header {
    font-size: 1.25rem;
    font-weight: 700;
    color: #FFFFFF;
}

#optionEditProfile .container-information {
    width: 90%;
    margin: 3.5rem auto 2rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

 #optionEditProfile .container-information .container-inputs {
    width: 45%;
    margin: 0.625rem;
}

#optionEditProfile .container-input .mdInputNewForm {
    width: 100%;
}

#optionEditProfile .grid-form-slave {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin: 20px 0 0 0;
}

#optionEditProfile .items-form-slave {
    width: 45% !important;
    margin: 0.625rem;
}

#optionEditProfile .container-information .firstInputs #wrapper-form-slave .md-flex-block .md-input-invalid
#optionEditProfile .items-form-slave .mdInputNewForm {
    width: 100% !important;
}

#optionEditProfile select-new-form-slave {
    margin: auto;
}

#optionEditProfile .container-terms {
    margin: auto;
    max-width: 90%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

#optionEditProfile .container-terms .container-check {
    display: flex;
    align-items: center;
}

#optionEditProfile .container-terms .container-check .check-term {
    margin: 0;
}

#optionEditProfile .container-terms .container-check .container-text .text-terms {
    text-decoration: underline;
}

#optionEditProfile .container-terms .text-required {
    font-style: italic;
    margin: 0.625rem 0;
    font-size: 0.875rem;
    color: #AAAAAA;
}

#optionEditProfile .container-save {
    display: flex;
    justify-content: center;
}

#optionEditProfile .container-save .button-save {
    background-color: #AAAAAA;
    border-radius: 0.375rem;
    padding: 0.2rem 8rem;
    border-style: none;
    cursor: pointer;
    text-transform: initial;
    display: flex;
    justify-content: center;
}

#optionEditProfile .container-save .button-save .text-save {
    font-size: 17px;
    color: #ffffff;
}

#optionEditProfile .container-information .firstInputs #wrapper-form-slave,
.grid-form-slave .child-form-slave #wrapper-form-slave {
    width: 100%;
}

#optionEditProfile .container-information md-input-container {
    margin: 0.375rem 0;
}

#optionEditProfile .container-information .firstInputs #wrapper-form-slave .md-flex-block .mdInputNewForm {
    margin: 0 0.625rem;
    width: 45%;
}

#optionEditProfile .container-information .items-form-slave md-input-container {
    margin: auto !important;
    width: 100% !important;
}

#optionEditProfile .container-information .container-inputs .container-input .input-to-change {
    width: 75% !important;
}

#optionEditProfile .container-information .container-inputs .container-input .button-change-input {
    background-color: #AAAAAA;
    border-radius: 0.375rem;
    padding: 14px;
    cursor: pointer;
    border-style: none;
    margin: 0 0.625rem;
    min-width: 0;
    min-height: 0;
    line-height: 0;
    display: flex;
    justify-content: center;
}

#optionEditProfile .container-information .container-inputs .container-input .button-change-input .text-button-input {
    text-transform: initial;
    font-size: 0.875rem;
    color: #FFFFFF;
}

#optionEditProfile .container-information .container-inputs .container-input-change {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100% !important;
}

#dialog-change-data-edit-profile {
    margin: auto 0.625rem;
}

#dialog-change-data-edit-profile .container-header {
    margin: auto;
    display: flex;
    padding: 2.5rem 0;
}

#dialog-change-data-edit-profile .container-header .icon-info {
    font-size: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    color: #AAAAAA;
}

#dialog-change-data-edit-profile .container-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#dialog-change-data-edit-profile .container-body .text-title {
    color: #AAAAAA;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1.25rem;
    text-align: center;
    width: 80%;
}

#dialog-change-data-edit-profile .container-body .text-desc {
    font-size: 1rem;
    color: #000;
    width: 80%;
    text-align: center;
}

#dialog-change-data-edit-profile .container-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2rem 0;
}

#dialog-change-data-edit-profile .container-footer .button-change-data,
#dialog-change-data-edit-profile .container-footer .button-close {
    background-color: #AAAAAA;
    color: #ffffff;
    text-transform: initial;
    font-size: 1.125rem;
    margin: 0 1.5rem;
    width: 7rem;
}

#optionEditProfile #list-rues .list-autocomplete {
    top: 20%;
}

#optionEditProfile .field-instruction button {
    top: 40px !important;
}

#optionEditProfile .instruction-btn-search {
    top: 45px !important;
}

.wall-action-buttons1 {
    background-color: #0d1e80 !important;
    color: #fff !important;
}

.wall-action-buttons1>p{
    color: #fff !important;
}

.wall-action-buttons1>md-icon{
    color: #fff !important;
}

.buttonsWall {
    background: #0d1e80 !important;
}

.buttonsWall:hover {
    background: #0d1e80 !important;
}

.buttonWallbox {
    background: #0d1e80 !important;
}

.buttonWallbox:hover {
    background: #00e5a9 !important;
}

.buttonWallboxInvert{
    background: #0d1e80 !important;
    color: #fff !important;
    font-weight: 700!important;
    font-size: 10px!important;
    min-width: 65px!important;
    min-height: 27px !important;
    line-height: 26px !important;
}

.buttonWallboxInvert:hover{
    background: #102a97 !important;
    color: #fff !important;
    font-weight: 700!important;
    font-size: 10px!important;
    min-width: 65px!important;
    min-height: 27px !important;
    line-height: 26px !important;
}
@media(max-width: 640px) {
    #optionEditProfile .container-information .firstInputs #wrapper-form-slave .md-flex-block .mdInputNewForm, 
    #optionEditProfile .container-information .container-inputs {
        width: 95%;
    }
    
    #optionEditProfile .items-form-slave { width: 100% !important; }
    #optionEditProfile .field-instruction button, #optionEditProfile .instruction-btn-search { top: 50px !important; }
    #optionEditProfile .load-autocomplete-pagination { margin: 30px 0 0 0 !important; }
}

#list-recommended-browsers .container-list .container-browser {
    height: auto;
    min-height: auto;
    margin: 0.375rem 0;
}

#list-recommended-browsers .container-list .container-browser .text-version { margin: 0 0.625rem; }

#list-recommended-browsers .container-description {
    width: auto;
    margin: auto;
    text-align: center;
    margin: 2rem 0 5rem;
}

.border-text-login {
    border-style: solid;
    border-width: 1px;
}

#knowkee-recognition-modal {
    position: fixed;
    z-index: 1000;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: rgb(0 0 0 / 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

#knowkee-recognition-modal .container-knowkee-recognition-modal {
    position: relative;
    width: 100%;
    max-width: 55rem;
    min-height: 22rem;
    background-color: white;
    border-radius: 0.5rem;
    margin: 0 0.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#knowkee-recognition-modal .container-knowkee-recognition-modal .container-information {
    width: 80%;
    height: 80%;
    margin: 1rem;
}

#knowkee-recognition-modal .container-knowkee-recognition-modal .container-information .recognition-modal-header {
    display: flex;
    align-items: center;
}

#knowkee-recognition-modal .container-knowkee-recognition-modal .container-information .recognition-modal-header .icon-recognition {
    font-size: 4rem;
    margin-right: 1rem;
}

#knowkee-recognition-modal .container-knowkee-recognition-modal .container-information .recognition-modal-header .container-text-header {
    display: flex;
    flex-direction: column;
    font-weight: 600;
}

#knowkee-recognition-modal .container-knowkee-recognition-modal .container-information .recognition-modal-header .container-text-header .title {
    font-size: 1.4rem;
    margin-bottom: 0.25rem;
}

#knowkee-recognition-modal .container-knowkee-recognition-modal .container-information .recognition-modal-header .container-text-header .text-recognition .recognition {
    font-weight: initial;
    color: #8b8b8b;
}

#knowkee-recognition-modal .container-knowkee-recognition-modal .container-information .recognition-modal-header .container-text-header .second-text-recognition {
    font-weight: initial;
    color: #8b8b8b;
    margin-top: 0.25rem;
}

#knowkee-recognition-modal .container-knowkee-recognition-modal .container-information .recognition-modal-body {
    display: flex;
    flex-direction: column;
    margin: 2rem 0;
}

#knowkee-recognition-modal .container-knowkee-recognition-modal .container-information .recognition-modal-body .firt-text {
    font-weight: 600;
    margin-bottom: 1rem;
}

#knowkee-recognition-modal .container-knowkee-recognition-modal .container-information .recognition-modal-footer {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
}

#knowkee-recognition-modal .container-knowkee-recognition-modal .container-information .recognition-modal-footer .modal-button {
    padding: 8px 40px;
    border-radius: 0.5rem;
    border-width: 1px;
    font-size: 16px;
    font-weight: 600;
    margin: 0.25rem;
    width: 18rem;
}

@media (min-width: 640px) {
    #knowkee-recognition-modal .container-knowkee-recognition-modal .container-information .recognition-modal-footer {
        flex-direction: row;
    }
}

#knowkee-button .container-button {
    display: flex;
    flex-direction: column;
    margin: auto;
}

#knowkee-button .container-button .icon-knowkee {
    width: 1.5rem; 
    margin-top: 0.375rem;
    border-radius: 100%;
}

#knowkee-button .container-button .text-button {
    font-size: 0.75rem; 
    margin-top: 0px; 
    text-transform: capitalize;
    line-height: 1.5rem;
}

#pay-button {
    background: #686868;
    padding: 0;
    margin: 0;
}

#pay-button .pay-button-text {
    text-transform: capitalize;
    padding: 0.25rem 1.25rem;
    border-radius: 6px;
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
    color: #fff;
}

#informative-content-modal {
    position: fixed;
    z-index: 1000;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: rgb(0 0 0 / 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

#informative-content-modal .container-informative-content-modal {
    position: relative;
    width: 100%;
    max-width: 55rem;
    min-height: 22rem;
    background-color: white;
    border-radius: 0.5rem;
    margin: 0 0.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#informative-content-modal .container-informative-content-modal .container-information {
    width: 80%;
    min-height: inherit;
    margin: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

#informative-content-modal .container-informative-content-modal .container-information .modal-header {
    height: 20%;
}

#informative-content-modal .container-informative-content-modal .container-information .modal-body {
    width: 100%;
    height: 60%;
    text-align: start;
}

#informative-content-modal .container-informative-content-modal .container-information .modal-body .container-item {
    margin: 15px 0;
    display: flex;
    flex-direction: row;
}

#informative-content-modal .container-informative-content-modal .container-information .modal-body .information-title {
    font-weight: 600;
}

#informative-content-modal .container-informative-content-modal .container-information .modal-body .information-value {
    overflow: hidden;
    margin-left: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

#informative-content-modal .container-informative-content-modal .container-information .modal-footer {
    height: 20%;
}
#informative-content-modal .container-informative-content-modal .container-information .modal-footer .modal-button {
    padding: 10px 30px;
    font-weight: 600;
    border-radius: 6px;
    border-width: 1px;
    background-color: #959595;
    color: #fff;
    border-color: #fff;
}

#box-informative-content {
    width: 100%;
    height: 10rem;
    padding: 20px;
    display: flex;
    margin: 10px 0;
    cursor: pointer;
    align-items: center;
    background-color: #f6f6f6;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}

#box-informative-content .container-box-informative {
    display: flex;
    align-items: center;
    padding-left: 10px;
}

#box-informative-content .container-box-informative .icon-box {
    border-radius: 100%;
    font-size: 35px;
    padding: 10px;
    background-color: #959595;
    color: #fff;
}

#box-informative-content .container-box-informative .title-box {
    font-size: 16px;
    font-weight: 800;
    margin-left: 10px;
}

.mainmenu-second .container-second-navbar {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

#backToTop {
    position: fixed; 
    right:0px;
    top: 50%;
    transform: translateY(-50%);
}

#input-search-contents ._md-chip-input-container { width: 100%; }
#input-search-contents ._md-chip-input-container md-input-container { margin: 15px 0 0; }
#input-search-contents ._md-chip-input-container md-input-container input { border-bottom-width: 1px; border-style: solid; }

.contentQuest #viewer .container-video-quest { width: 100%; height: 70vh; }
.contentQuest #viewer .container-video-quest .video-quest { width: 100%; height: 100%; }

.sectionContents .contentMedia .title-module { cursor: pointer; }

.breadcumpsdetail {
    font-size: 14px !important;
}

.btn-help-trigger {
    font-size: 0.75rem;
    margin-top: 0px;
    text-transform: capitalize;
    line-height: 1.5rem;
    text-align: center;
}

.circulo-icons {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0px auto;
    padding: 3%;
    border-width: 1px;
    border-style: solid;
    border-color: #8b8b8b;
}

.box-stadistics1 md-icon .cccicon {
    background: #8b8b8b;
    color: #FFFFFF;
    border-radius: 50px;
    padding: 5px;
}

.box-stadistics2 h2, .box-stadistics2 span {
    color: #8b8b8b;
}

.icons-box-detail {
    margin-top: -20px;
}

.box-container, .box-container-noadvance {
    background-color: #f6f6f6;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}

.box-padding {
    padding: 20px;
}

.icon-indicator-curriculum {
    background: #8b8b8b;
    display: inline-block;
    border-radius: 50%;
    padding: 10px;
    height: auto !important;
    width: auto !important;
}

.icon-indicator {
    color: #FFFFFF;
}

.icon-completed {
    background: #8b8b8b;
    border-radius: 50%;
}

.icon-indicator-completed {
    color: #FFFFFF;
    display: inline-block;
    border-radius: 50%;
    padding: 10px;
    height: 30px;
    width: 30px;
    font-size: 30px;
}

.box-name {
    font-weight: 700;
    font-size: 17px;
    cursor: pointer;
    color: #FFFFFF;
}

.underlined {
    text-decoration: underline !important;
}

.box-name-container {
    margin-bottom: 20px;
    margin-top: 20px;
}

.icon-content {
    font-size: 50px !important;
    width: 100%;
    height: 40px;
    color: #8b8b8b;
}

.box-progressup {
    width: 90%;
}

.box-progess-number {
    margin: 20px;
    color: #8b8b8b;
}

.icon-indicator-content {
    width: 50px;
}

.knowdet-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item span {
    font-size: 17px;
}

.buttonNewsBox {
    background-color: #8b8b8b;
    color: #FFFFF;
}

.mainmenu-second {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}

#view-grades .grading-table-header {
    background-color: #8b8b8b !important;
    color: #FFFFFF !important;
}

#view-grades .icon-view-grade, #view-grades .total-score, #view-grades .title-view-grades {
    color: #8b8b8b !important;
}

.text-btn-badge {
    color: #8b8b8b;
}

.box-stadistics1>md-icon>.box-staticsicons {
    background: #8b8b8b;
    color: #FFFFFF;
    border-radius: 50px;
    padding: 5px;
}

.container-checkbox-signup {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 1rem;
}

.container-checkbox-signup md-checkbox {
    margin: 0;
}

.container-checkbox-signup md-checkbox.md-default-theme.md-checked ._md-icon:after, 
.container-checkbox-signup md-checkbox.md-checked ._md-icon:after {
    border-color: #565656 !important;
}

.container-checkbox-signup .text-checkbox-signup {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0;
    font-size: 13px;
    line-height: 1rem;
    color: #565656;
}

.container-habeas-data {
    margin: auto;
}

.container-habeas-data .redirect-text {
    text-align: center;
}

.container-habeas-data .redirect-text .text-habeas-data,
.container-external-signup-options .text-signup-google {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    color: #565656;
    margin: 0.625rem 0;
}

.container-external-signup-options {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.container-external-signup-options .btn-google {
    width: 80%;
    margin: 8px 39px;
    background-color: #e0e0e0;
    border-color: #676767;
    border-style: solid;
    border-width: 2px;
    border-radius: 8px;
}

.md-button.md-default-theme[disabled], .md-button[disabled], .md-button.md-default-theme.md-raised[disabled], .md-button.md-raised[disabled], .md-button.md-default-theme.md-fab[disabled], .md-button.md-fab[disabled], .md-button.md-default-theme.md-accent[disabled], .md-button.md-accent[disabled], .md-button.md-default-theme.md-warn[disabled], .md-button.md-warn[disabled]{
    background: #8b8b8b !important;
    color: #fff !important;
}

.position_distance { margin-top: 1.25rem; }