@import url('https://fonts.googleapis.com/css?family=Raleway');

.page__background {
    background-color: #fff;
}

body {
    background: #EEF2F9;
    /*background-image: url('https://i.ytimg.com/vi/4kfXjatgeEU/maxresdefault.jpg');*/
    /*background-image: url("http://www.genniux.com/wordpress/wp-content/uploads/2017/04/imgpsh_fullsize-compressor.jpg");
  background-repeat: no-repeat;
  background-size: cover;*/
    padding: 8px;
}

body * {
    font-family: 'Raleway', sans-serif;
    /*font-family: space;*/
    font-size: 15px;
}

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
    height: 32px;
    padding: 6px 10px;
    /* The 6px vertically centers text on FF, ignored by Webkit */
    background-color: #fff;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
}

:checked+.tabbar__button {
    color: rgba(33, 54, 67, .81);
    background-color: transparent;
    box-shadow: none;
    border-top: none;
}

.template-toolbar {
    /*background: #F9F8F9;*/
    /*
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) calc(100% - 8px), rgba(255,255,255,1) calc(100% - 4px), rgba(255,255,255,0.75) calc(100% - 2px), rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) calc(100% - 8px),rgba(255,255,255,1) calc(100% - 4px),rgba(255,255,255,0.75) calc(100% - 2px),rgba(255,255,255,0) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,1) calc(100% - 8px),rgba(255,255,255,1) calc(100% - 4px),rgba(255,255,255,0.75) calc(100% - 2px),rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
  */
    background: rgba(249, 248, 249, 1);
    display: block;
    position: relative;
    height: 40px;
    width: calc(100% - 0px);
    border-radius: 8px;
}

.template-frame-false {
    background: #F9F8F9;
    display: inline-block;
    position: relative;
    height: calc(100% - 52px);
    width: calc(100% - 0px);
    margin-top: 8px;
    border-radius: 8px;
    transition: .25s;
}

.template-frame-true {
    background: #F9F8F9;
    display: inline-block;
    position: relative;
    height: calc(100% - 52px);
    margin-top: 8px;
    border-radius: 8px;
    transition: .25s;
    width: calc(100% - 328px);
}

.template-frame {
    display: block;
    position: relative;
    height: calc(100% - 8px);
    width: calc(100% - 8px);
    left: 4px;
    top: 4px;
}

.panel-derecho-true {
    display: inline-block;
    position: relative;
    opacity: 1;
    height: calc(100% - 52px);
    width: 320px;
    margin-top: 8px;
    border-radius: 8px;
    transition: .25s;
}

.panel-derecho-false {
    display: none;
    opacity: 0;
    transition: .25s;
}

.panel-derecho-frame {
    display: block;
    position: relative;
    height: calc(100% - 8px);
    width: 312px;
    left: 4px;
    top: 4px;
}

.avatar {
    height: 24px;
    width: 24px;
    display: inline-block;
    border-radius: 50%;
}

.avatar-2 {
    height: 24px;
    width: 24px;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    margin-left: 8px;
    text-align: center;
    background-color: #7A7A7A;
    color: #EEF2F9;
    vertical-align: middle;
}

.avatar-3 {
    height: 24px;
    width: 24px;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    margin-left: 8px;
}

.titulo {
    display: inline-block;
    /*text-decoration: underline;*/
    cursor: pointer;
}

.titulo:active {
    color: #3CA4BB;
}

.titulo-selected::after {
    position: relative;
    display: block;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #213643;
    content: "";
    left: calc(50% - 4px);
    top: -2px;
}

.tappable {
    cursor: pointer;
}

.tappable:active {
    color: #BC9663;
}

.hoverable {
    max-height: 40px;
    overflow: hidden;
    transition: .23s;
}

.hoverable:hover {
    background: rgba(55, 167, 187, 0.15);
    border-radius: 8px;
    cursor: pointer;
}

.padding {
    padding: 8px;
}

.padding-m {
    padding: 3.5px;
}

.tall {
    font-size: 20px;
    font-weight: bolder;
}

.medium {
    font-size: 14px;
}

.medium-s {
    font-size: 13px;
}

.small {
    font-size: 11px;
    line-height: 14px;
}

.right-al {
    text-align: right;
}

.left-al {
    text-align: left;
}

.center-al {
    text-align: center;
}

/*  SPINNER */
.span-load {
    position: absolute;
    top: calc(50% - 75px);
    text-align: center;
    width: 100%;
}

.single4 {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 6px solid #EEEEEE;
    border-top-color: #BFBFBF;
    border-bottom-color: #BFBFBF;
    -webkit-animation: single4 1.5s infinite ease-in-out;
    animation: single4 1.5s infinite ease-in-out;
}

@-webkit-keyframes single4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg);
    }
}

@keyframes single4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg);
    }
}

@font-face {
    font-family: space;
    font-size: 16px;
    font-weight: 800;
    src: url(../lib/font/open-sans/OpenSans-Light.ttf);
}

.mis-tickets {
    position: relative;
    width: 240px;
    max-width: 100%;
    height: calc(100% - 8px);
    display: inline-block;
    overflow-y: scroll;
    border-radius: 8px;
}

.punchlist {
    position: relative;
    margin-left: 0px;
    width: calc(100% - 250px);
    height: calc(100% - 8px);
    border-radius: 8px;
    display: inline-block;
    overflow-y: scroll;
}

.ss-undefined-a {
    display: none;
}

.ss-false-a {
    display: none;
}

.ss--a {
    display: none;
}

.ss-true-a {
    display: block;
}

.round {
    border-radius: 8px;
}

.punchlist-controls-true {
    width: calc(100% - 368px);
    position: fixed;
    z-index: 99;
    transition: .25s;
}

.punchlist-controls-false {
    width: calc(100% - 38px);
    position: fixed;
    z-index: 99;
    transition: .25s;
}

.estatus-Heading {
    background: transparent;
}

.estatus-Autorizacion {
    background: transparent;
    color: #5d5d5d;
    border: 1px solid rgba(0, 0, 0, 0.2);

}

.estatus-ToStart {
    background: #eceff1;
    color: #303030;
}

.estatus-StandBy {
    background: #eceff1;
    color: #303030;
}

.estatus-Cotizacion {
    background: #eceff1;
    color: #303030;
}

.estatus-Pending {
    background: #b39ddb;
    color: white;
}

.estatus-InProcess {
    background: #b39ddb;
    color: white;
}

.estatus-Presupuesto {
    background: #b39ddb;
    color: white;
}

.estatus-WOI {
    background: #ffd600;
    color: #303030;
}

.estatus-Facturación {
    background: #ffd600;
    color: #303030;
}

.estatus-Review {
    background: #4fc3f7;
}

.estatus-Pago {
    background: #4fc3f7;
}

.estatus-Testing {
    background: #64b5f6;
}

.estatus-Entrega {
    background: #64b5f6;
}

.estatus-Decision {
    background: #ffb74d;
}

.estatus-Logistica {
    background: #ffb74d;
}

.estatus-Almacen {
    background: #ffb74d;
}

.estatus-Done {
    background: #81c784;
}

.estatus-Entrega {
    background: #81c784;
}



.estatus-Stucked {
    /*background: #e57373;*/
    background: #e03043;
    color: white;
}

.estatus-Archived {
    background: #7A7A7A;
    color: white;
}

.estatus-Operation {
    background: #ffb74d;
    color: white;
}

.prior-Low {
    background: #81c784;
    color: white;
}

.prior-High {
    background: #ffd600;
    color: #303030;
}

.prior-Medium {
    background: #4fc3f7;
}

.prior-Urgent {
    background: #ffb74d;
}

.prior-Critical {
    background: #d72a25;
    color: white;
}

.label-round {
    border-radius: 4px;
    text-align: center;
    width: 90%;
    display: block;
}

.generic-modal {
    width: 30%;
    height: auto;
    position: relative;
    vertical-align: middle;
    margin: 0 auto;
}

.full-width {
    width: calc(100% - 18px);
    height: calc(50% - 8px);
    display: block;
    position: relative;
}

[ng-drop].drag-enter {
    background: rgba(56, 167, 187, .25);
}

[ng-drag] {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[ng-drag].dragging {
    z-index: 999999;
    background: rgba(255, 255, 255, .95);
    position: absolute;
    width: 350px;
    font-size: 8px;
}

.tab-bar__button {
    color: #d1edf2;
}

:checked+.tab-bar__button {
    color: #fff;
    border-bottom: solid 6px #938BE0;
}

.tab-bar__item,
.tab-bar,
.ons-tab-bar__footer,
.ons-tabbar-inner {
    background: #48b6ca;
    /*background: #4DB6A5;*/
    color: #808080;
}

.input-min {
    height: 22px;
    font-size: 14px;
}

.agenda-panel {
    max-height: calc(100% - 46px);
    height: calc(100% - 46px);
    display: block;
    position: relative;
    overflow-y: scroll;
}

.margin-top {
    margin-top: 4px;
}

.list-item__center {
    padding: 4px;
}

.loader {
    border: 10px solid #f3f3f3; /* Light grey */
    border-top: 10px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
    margin: auto;
}

.chat {
    min-height: 14px;
    width: 74%;
    font-size: 18px;
    color: #213643;
    display: block;
    margin: 4px 16px 4px 4px;
    margin-right: 12px;
    padding: 8px;
    position: relative;
    border-radius: 6px 6px 0px 6px;
    background: #fbfbfb;
}

/* .chat:after {
    content: '';
    position: absolute;
    top: calc(100% - 16px);
    right: -30px;
    width: 0;
    height: 0;
    border-top: solid 16px transparent;
    border-left: solid 16px #fbfbfb;
    border-right: solid 16px transparent;
} */

.chatl {
    min-height: 14px;
    width: 74%;
    font-size: 18px;
    /* color: #F9F8F9; */
    display: block;
    margin: 4px 16px 4px 4px;
    margin-left: 12px;
    padding: 8px;
    position: relative;
    border-radius: 0px 6px 6px 6px;
    background: #fff;
}

/* .chatl:after {
    content: '';
    position: absolute;
    bottom: calc(100% - 16px);
    left: -30px;
    width: 0;
    height: 0;
    border-bottom: solid 16px transparent;
    border-right: solid 16px #fff;
    border-left: solid 16px transparent;
} */

.hora-chat {
    position: absolute;
    bottom: 4px;
    right: 4px;
    /*color: #a08a7b;*/
    font-size: 12px;
}

.r {
    float: right;
}

.l {
    float: left;
}

.links {
    white-space: pre-wrap;
    /* css-3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
}

.notification {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font: inherit;
    border: none;
    box-sizing: border-box;
    background-clip: padding-box;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    background: transparent;
    border: none;
    line-height: normal;
    font-family: -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    margin: 0;
    padding: 0 4px;
    width: auto;
    height: 19px;
    border-radius: 19px;
    /*background-color: #3CA4BB;*/
    color: #213643;
    text-align: center;
    font-size: 16px;
    min-width: 19px;
    line-height: 19px;
    font-weight: 400;
}

.list-header {
    margin: 0;
    list-style: none;
    text-align: left;
    display: block;
    box-sizing: border-box;
    padding: 0 0 0 15px;
    font-size: 12px;
    font-weight: 500;
    color: #1f1f21;
    min-height: 24px;
    line-height: 25px;
    text-transform: capitalize;
    position: relative;
    background-color: #eee;
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: top;
    background-image: -webkit-linear-gradient(bottom, #ccc, #ccc 100%);
    background-image: linear-gradient(0deg, #ccc, #ccc 100%);
}

.panel-studio {
    display: inline-block;
    width: calc(25% - 20px);
    height: calc(100% - 64px);
    overflow-y: scroll;
    background: #EEF2F9;
}

.panel-studio-header {
    position: fixed;
    background: #EEF2F9;
    z-index: 20;
    width: calc(25% - 40px);
    margin-left: -16px;
    margin-top: -16px;
    min-height: 40px;
    max-height: 40px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar {
    background: #EEF2F9;
}

::-webkit-scrollbar-thumb {
    background: rgba(56, 167, 187, 0.25);
    border-radius: 16px;
}


.smallIcon {
    font-size: 20px;
}


.bigIcon {
    font-size: 24px;
}

.minInfo {
    font-size: 10px;
}


.smallInfo {
    font-size: 12px;
}

.bigInfo {
    font-size: 14px;
}


input,
textarea,
select,
fieldset {
    margin-bottom: 1rem !important;
}


.pointer {
    cursor: pointer;
}

.normal {
    font-style: normal;
}

.gantt-task-group {
    display: none;
}

::-webkit-scrollbar {
    background: #EEF2F9;
    width: 8px;
}

::-webkit-scrollbar-thumb {
    background: rgba(56, 167, 187, 0.25);
    border-radius: 16px;
}

/* The animation code */
@keyframes example {
    from {
        opacity: 0;
        transform: scale(1.5);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.example {
    animation-name: example;
    animation-duration: .35s;
}

.posts-header-on {
    position: fixed;
    width: calc(100% - 24px);
    background-color: #F9F8F9;
    z-index: 9;
}

.posts-header-off {
    position: fixed;
    width: calc(100% - 342px);
    background-color: #F9F8F9;
    z-index: 9;
}

.link {
    text-decoration: underline;
}

.link:hover {
    cursor: pointer;
}

.link:active {
    color: #ffb74d;
}





/*================= CHAT ============================= */

.small-border {
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.small-radius {
    border-radius: 10px;
}

.min-radius {
    border-radius: 5px;
}


.padding-5 {
    padding: 5px;
}

.padding-10 {
    padding: 10px;
}

.padding-20 {
    padding: 20px;
}

.padding-30 {
    padding: 30px;
}

.paddingL-5 {
    padding-left: 5px;
}

.paddingL-10 {
    padding-left: 10px;
}

.paddingL-40 {
    padding-left: 40px;
}

.paddingR-40 {
    padding-right: 40px;
}

.marginB-10 {
    margin-bottom: 10px;
}

.marginB-20 {
    margin-bottom: 20px;
}

.marginB-30 {
    margin-bottom: 30px;
}


.marginT-10 {
    margin-top: 10px;
}

.marginT-20 {
    margin-top: 20px;
}

.marginT-30 {
    margin-top: 30px;
}

.marginL-5 {
    margin-left: 5px;
}

.marginL-10 {
    margin-left: 10px;
}

.marginL-20 {
    margin-left: 20px;
}

.marginL-30 {
    margin-left: 30px;
}

.marginR-5 {
    margin-right: 5px;
}

.marginR-10 {
    margin-right: 10px;
}

.marginR-20 {
    margin-right: 20px;
}

.marginR-30 {
    margin-right: 30px;
}

.margin-at {
    margin: auto;
}

.left-fl {
    float: left;
}

.right-fl {
    float: right;
}


.lineH-10 {
    line-height: 10px;
}

.lineH-20 {
    line-height: 20px;
}

.lineH-30 {
    line-height: 30px;
}

.lineH-40 {
    line-height: 40px;
}

.lineH-45 {
    line-height: 45px;
}

.lineH-50 {
    line-height: 50px;
}

.lineH-60 {
    line-height: 60px;
}


.tag {
    border-radius: 5px;
    font-size: 14px;
    width: auto;
    padding: 5px;
}

.inputBox {
    width: 100%;
    border-radius: 6px;
}


.avatarBig {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}


.messageDateContent {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.5);
}

.avatarBubble {
    width: 56px;
    height: 56px;
    border-radius: 50%;
}


.pointer {
    cursor: pointer;
}


.bubbleTitle {
    font-size: 14px;
}


.bubbleButton {
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    position: fixed;
    margin-top: 4px;
    margin-left: 45px
}

.nomarginL {
    margin-left: 0;
}

.positionR {
    position: relative;
}

.conversationTitle {
    font-size: 14px;
    letter-spacing: 0.7px;
}

.conversationTitle-min {
    font-size: 12px;
    letter-spacing: 0.7px;
}

.bigMessage {
    font-size: 15px;
}

.messagePreview {
    font-size: 12px;
}


.autocomplete {
    z-index: 99999;
}


.tags-input .tags .tag-item {
    background: #3CA4BB;
    color: white;
}

.tags {
    border-radius: 8px;
    max-height: 60px;
    overflow: auto !important;
}

ons-list {
    border-radius: 8px;
}

.host {
    margin: 0;
}

.dialog-container {
    border-radius: 10px;
}


.search-Bar {
    height: 30px;
    padding: 5px;
}

.search-Input {
    height: 20px !important;
    width: 100%;
}

.separator-title {
    width: 145px;
}

.separator-icon {
    width: 60px;
    margin-right: 5px;
}


.static-Chat-Button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.chat-Button {
    position: fixed;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-top: 190px;
    margin-left: 181px;
}

.big-Chat-Button {
    position: fixed;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    bottom: 20px;
    left: 290px;
}

.chat-Badge {
    width: 20px;
    height: 15px;
    line-height: 15px;
    border-radius: 40%;
    display: inline-block;
    border: 1px solid #fff;
}

.bubble-Icon {
    font-size: 20px;
}

.chat-Notification {
    border: 2px solid #213643;
}


.glowing-border {
    box-shadow: 0 0 10px 5px #9ecaed;

}

/*================== FIN CHAT =========================*/


.border-0 {
    border: none;
}

a {
    word-wrap: break-word;
}





pre {
    margin: 0;
}




span .pre {
    word-wrap: normal;
    white-space: pre-line;
    font-family: monospace;
    border-radius: 0 !important;
}


pre {
    white-space: pre-wrap;
    /* css-3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
}

form {
    margin-bottom: 0;
}

.floattingChat {
    display: none;
}


.topMenuBar {
    display: none;
}

.leftMenuBar {
    display: block;
}

.logHoraMobile {
    display: none;
}

.logHora {
    display: block;
}

.chatBottom {
    position: absolute;
    bottom: 60px;
    right: 8px;
    width: 30px;
    height: 30px;
    background: darkgray;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
}

.chat-header {
    background: #eeeeee;
}


/* ================= RESPUESTA ======================== */


.border-top {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.border-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.border-left {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
}


.border-right {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.border-light {
    border: 1px solid rgba(0, 0, 0, 0.2);
}


.respuesta {
    padding: 3px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-bottom: 10px;
    background: #f9f9f9;

}

.respuesta-comment {
    width: 90%;
    position: absolute;
    bottom: 50px;
    padding: 10px;
    font-size: 14px;
    background: #f9f9f9;
    border: 1px solid #5d5d5d;
    border-radius: 5px;
}


.respuesta-comment-med {
    max-width: 600px;
    position: absolute;
    bottom: 45px;
    padding: 5px;
    font-size: 13px;
    background: #f9f9f9;
    border: 1px solid #5d5d5d;
    border-radius: 5px;
}

.respuesta-comment-min {
    width: 210px;
    position: absolute;
    bottom: 45px;
    padding: 5px;
    font-size: 13px;
    background: #f9f9f9;
    border: 1px solid #5d5d5d;
    border-radius: 5px;
}



.circle-button {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 60px;
}

.circle-button-min {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 30px;
}

.circle-button-min-x {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 20px;
}

.circle-button-med {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 45px;
}

#messageTextArea {
    width: 100%;
    height: 45px;
    margin-bottom: 0;
    font-size: 13px;
    resize: none;

}


.left-bar-button {
    max-height: 40px;
}


@media only screen and (min-device-width : 320px) and (max-device-width : 640px) {

    ons-toolbar:not([inline]){
        position: initial !important;
        border: 1px solid rgba(0, 0, 0, 0.2); 
    }

    ::-webkit-scrollbar {
        background: initial !important;
    }
    
    ::-webkit-scrollbar-thumb {
        background: initial !important;
        border-radius: initial !important;
    }

    .chat-bottom-f{
        bottom: 100px;
    }



    #mainBubblePanel {
        width: calc(100vw - 20px) !important;
        height: calc(100% - 10px) !important;
        margin-left: 0 !important;
    }

    #secondaryBubblePanel {
        width: calc(100vw - 20px) !important;
        height: calc(100% - 25px) !important;
        margin-left: 0 !important;
    }

    #mainContainer {
        position: fixed;
        left: 10px !important;
        line-height: 56px;
        z-index: 99999;
        height: calc(100% - 80px);
        bottom: 70px !important;
    }

    .bubble-icon-container{
        bottom: 60px !important;
    }

    #contentMessageBox {
        height: calc(100% - 110px) !important;
    }

    #messageTextArea {
        width: 100% !important;
        height: 60px !important;
    }

    #headerChat {
        height: 30px;
    }

    #maximizeChat {
        display: none !important;
    }

    #chatButtonBar {
        display: none !important;
    }

    #messageRow {
/*         height: 60px !important;
 */        background: #fff;
    }

    #conversationContainer {
        height: calc(100% - 96px) !important;

    }

    #searchPunchlist {
        width: 120px !important;
    }


    #logBar {
        text-align: left !important;
    }

    #userList {
        width: 100% !important;
    }

    #userHeader {
        width: calc(100% - 30px) !important;
        display: none;
    }

    .mainBoardPanel {
        /* margin-top: 38px !important;
    height: calc(100% - 80px); */
    }

    /* .template-frame-false{
    margin-top: 38px !important;
  } */

    .floattingChat {
        display: block;
    }

    .chatIcons {
        font-size: 20px !important;
        margin-left: 10px;
    }

    .messageButton {
        height: 60px !important;
        width: 35px;
        margin-top: 8px;
        line-height: 33px;
        background: white;
        display: flex !important;
        align-items: center !important;
        margin-top: 10px !important;
    }

    .topMenuBar {
        display: block;
    }

    .leftMenuBar {
        display: none;
    }

    .bubble {
        position: fixed !important;
        bottom: 16px !important;
        left: 17px;
        line-height: 56px;
    }

    .rightBubble {
        position: fixed !important;
        bottom: 16px !important;
        right: 17px !important;
    }

    .fab--bottom__right {
        position: fixed !important;
        bottom: 16px !important;
        right: 17px !important;
    }

    .chat-Button {
        position: fixed;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        right: 27px;
        bottom: 100px;

    }

    .homeSection {
        margin-top: 8px;
        width: 100% !important;
        height: calc(100% - 60px) !important;
        margin-left: 0 !important;
    }

    .punchlistButton {
        height: 40px;
    }

    .log-input {
        width: 100px !important;
    }

    .logHoraMobile {
        display: block;
    }

    .logHora {
        display: none;
    }

    .logText {
        width: calc(100% - 100px) !important;
    }

    .userOrigen {
        display: none;
    }
}



.priorC-Low {
    color: #81c784;
}

.priorC-High {
    color: #ffd600;
}

.priorC-Medium {
    color: #4fc3f7;
}

.priorC-Urgent {
    color: #ffb74d;
}

.priorC-Critical {
    color: #d72a25;
}



.panel-agenda-true {
    display: inline-block;
    position: relative;
    opacity: 1;
    height: calc(100% - 52px);
    width: 312px;
    margin-top: 8px;
    border-radius: 8px;
    transition: .25s;
}

.panel-agenda-false {
    display: none;
    opacity: 0;
    transition: .25s;
}

.panel-agenda-frame {
    display: block;
    position: relative;
    height: calc(100% - 8px);
    width: 312px;
    left: 4px;
    top: 4px;
}

:checked+.switch__toggle {
    box-shadow: inset 0 0 0 2px #41a6bd;
    background-color: #41a6bd;
}

 
.parallax2 { 
  background-image: url("../img/fondo2.jpg");
 
  min-height: 500px; 
 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
 


.parallax {
  perspective: 1px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  color: black;
}
.parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.parallax__layer--base {
  transform: translateZ(0);
}
.parallax__layer--back {
  transform: translateZ(0px);
}