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


.page__background {
    /* background: #EEF2F9; */
    background: #FFF;
  }

  .page__content{
    top:30px !important;
  }

  .page[status-bar-fill] > .toolbar{
    padding-top: 10px !important;
  }
input[type="search"].buscar{
  width: 150px;
  font-size: 18px;
  font-weight: bold;
  font-stretch: ultra-expanded;
  font-family: sans-serif;
  height: 32px;
  background: #EEF2F9;
  color: #213643;
  border-radius: 12px;
}

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

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

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

.small{
  font-size: 10px;
}

.padding {
    padding: 8px;
}

.padding-small {
    padding: 4px;
}

.padding-left {
    padding-left: 4px;
}

.round {
    border-radius: 4px;
}

.tappable {
    cursor: pointer;
    transition: .15s;
}

.tappable:active {
    background: #F4F7FA;
    color: #93ADEA;
}

.tappable2 {
    cursor: pointer;
    transition: .15s;
}

.tappable2:active {
    background: #93ADEA;
    color: #F4F7FA;
}

.tappable-simple {
    cursor: pointer;
    transition: .15s;
}

.tappable-simple:active {
    color: #93ADEA;
}

.link{
  color: #58463E;
  text-decoration: underline;
}

.toolbar-add-btn {
    z-index: 10000;
}

/*  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);
	   }
	}

  .avatar{
    height: 24px;
    width: 24px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    margin-left: 8px;
  }
  .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: red;
    color: white;
  }
  .estatus-Archived {
    background: #7A7A7A;
    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;
  }
  .prior-Low{
    background: #81c784;
    color: white;
  }
  .High {
    color: #ffd600;
  }
  .Medium {
    color: #4fc3f7;
  }
  .Urgent {
    color: #ffb74d;
  }
  .Critical {
    color: #d72a25;
  }
.status-label{
  width: 75px;
  padding: 2px;
  display: inline-block;
  text-align: center;
  border-radius: 4px;
}
.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+ */
}

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

.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;
}
#share-buttons img {
width: 70px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
}
.generic-modal{
  width: 70%;
  height: auto;
  position: relative;
  vertical-align: middle;
  margin: 0 auto;
}




.specDesc{
  font-size: 18px;
}

.specCheck{
  width: 25px;
  height: 25px;
}

.specCol{

}

.specTitle{
  height: 30px;
  overflow-y: auto;
}



.messageText{
font-size: 15px;
}



.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: #d0ecf2;
  background: rgba(60, 164, 187, 0.1);
  border: 1px solid rgba(0,0,0,0.2);
}
/* .chat:after {
    content:'';
    position: absolute;
    top: calc(100% - 16px);
    right: -30px;
    width: 0;
    height: 0;
    border-top: solid 16px transparent;
    border-left: solid 16px #d0ecf2;
    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: #3CA4BB; */
  background: #fff;
  border: 1px solid rgba(0,0,0,0.2);
}
/* .chatl:after {
    content:'';
    position: absolute;
    bottom: calc(100% - 16px);
    left: -30px;
    width: 0;
    height: 0;
    border-bottom: solid 16px transparent;
    border-right: solid 16px #3CA4BB;
    border-left: solid 16px transparent;
} */
.hora-chat{
  position: absolute;
  bottom: 4px;
  right: 4px;
  /*color: #a08a7b;*/
  font-size: 12px;
}
.r{
  float: right;
}
.l{
  float: left;
}


.infoMin{
  font-size: 14px !important;
}


.iconMin{
  font-size: 24px;
  float: right;
}


/* CALENDARIO */

.calendar{
	width:95%;
	margin:auto;
}

.mainCalendar{
	margin:auto;
}

.calendar-popover{
	width:350px!important;
}

.pickadate-prev{
	float:left;
	margin:5px;
	color:#fff!important;
}

.pickadate-next{
	margin:5px;
	color:#fff!important;
}

.pickadate-cell .pickadate-active{
	background:#3CA4BB;
}
/*
.pickadate-cell .pickadate-today{
  background: #5d5d5d;
  color:white;
}*/

.pickadate-centered-heading{
	color:#fff;
	background:#3CA4BB;
	padding:5px;

}







/*================= 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-15 {
  margin-top: 15px;
}

.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-15 {
  margin-right: 15px;
}

.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: 18px;
}

.strong{
  font-weight: bold;
  font-family: sans-serif;
}


.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: 18px;
  letter-spacing: 0.7px;
}

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

.conversationTitle-big {
  font-size: 20px;
  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;

}

.chat-menu-min{
  background: white;
  position: fixed;
  bottom: 70px;
  width: 100%;
  padding:10px;
  box-sizing: border-box;
  text-align: center
  
}

.selectedComment{
  background: rgba(60, 164, 187, 0.2) !important;
}

/*================== 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: 100px;
  right: 8px;
  width: 30px;
  height: 30px;
  background: darkgray;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
}

.chat-header {
  background: #eeeeee;
}


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



.messageCounter{
  position: absolute;
  bottom: 0px;
  right: 40px;
  font-size: 12px;
  background: rgba(255,255,255,0.5);
  padding: 0;
  margin: 0;
  line-height: 12px;
  bottom: -15px;
  right: 0;
}

.messageCounterBig{
  position: absolute;
  bottom: 0px;
  right: 40px;
  font-size: 12px;
  background: rgba(255,255,255,0.7);
  padding: 0;
  margin: 0;
  line-height: 12px;
  bottom: 5px;
  right: 90px;
}

.messageCounterPanel{
  position: absolute;
  bottom: 0px;
  right: 40px;
  font-size: 12px;
  background: rgba(255,255,255,0.9);
  padding: 0;
  margin: 0;
  line-height: 12px;
  bottom: 0px;
  right: 45px;
}



.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: 100%;
  position: absolute;
  bottom: 70px;
  padding: 15px;
  font-size: 13px;
  background: #f9f9f9;
  border: 1px solid #5d5d5d;
  border-radius: 5px;
  box-sizing: border-box;
}



.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;
}



.avatar-Big{
  height: 32px;
  width: 32px;
  border-radius: 50%;
  margin-top: 8px;
}


.modal__content{
  color: black;
}

.bigIcon {
  font-size: 24px;
}


.input{
  border: 1px solid #D1D1D1;
}
@media screen and (min-width:683px ) {
  .webClass {
    display:inline;
  }
  .movilClass {
    display:none;
  }
}

@media screen and (max-width:683px ) {
  .webClass {
    display:none;
  }
  .movilClass {
    display:inline;
  }
}

.priorC-Low{
  color: #81c784;
}
.priorC-High {
  color: #ffd600;
}
.priorC-Medium {
  color: #4fc3f7;
}
.priorC-Urgent {
  color: #ffb74d;
}
.priorC-Critical {
  color: #d72a25;
}

.input-send{
  width: 100%;
  height: 32px;
  border-radius: 8px;
  margin-top: 4px;
  font-size: 16px;
  border: solid 1px #808080;
}
.filters-area {
  position: fixed;
  display: block;
  height: 40px;
  max-height: 40px;
  width: 100%;
  overflow-y: scroll;
  transition: all .75s ease;
  top: 56px;
  z-index: 6;
}
.select {
  height: 40px;
  background-color: white;
  font-size: 16px;
  width: 100%;
}
.tabbar--material__button{
  color: #b2b2b2;
}
:checked + .tabbar--material__button{
  color: black;
}