* {
  padding: 0px;
  margin: 0px;
  color: #515151;
  font-size: 14px;
}

body {
  font-family: "Roboto", sans-serif;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

.top {
  height: 55px;
  width: 100%;
  top: 0px;
  left: 0px;
  position: absolute;
  background-color: #f5f5f5;
  border-bottom: 1px solid #d3d3d3;
  -webkit-box-shadow: 0px 1px 2px 1px rgba(171, 171, 171, 0.7);
  -moz-box-shadow: 0px 1px 2px 1px rgba(171, 171, 171, 0.7);
  box-shadow: 0px 1px 2px 1px rgba(171, 171, 171, 0.7);
  z-index: 1500;
}

.acciones {
  display: none;
  position: absolute;
  background-color: rgba(20, 20, 20, 0.7);
  left: 0px;
  right: 0px;
  top: 55px;
  bottom: 0px;
  z-index: 1900;
  border-top: 1px solid #a3a3a3;
}
.acciones h1 {
  color: #e3e3e3;
  font-size: 32px;
  font-weight: normal;
  width: 100%;
  height: auto;
  float: left;
  margin-top: 15%;
  text-align: center;
}

.acciones-area {
  display: none;
  position: absolute;
  left: 210px;
  top: 2px;
  right: 210px;
  bottom: 50px;
  background-color: #f5f5f5;
}
@media screen and (max-width: 1367px) {
  .acciones-area {
    left: 50px;
    right: 50px;
  }
}
.acciones-area h1 {
  width: 99%;
  background-color: #bd2222;
  color: #e3e3e3;
  float: left;
  padding-left: 1%;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  margin-top: 4px;
  -webkit-box-shadow: 0px 1px 2px 1px rgba(171, 171, 171, 0.9);
  -moz-box-shadow: 0px 1px 2px 1px rgba(171, 171, 171, 0.9);
  box-shadow: 0px 1px 2px 1px rgba(171, 171, 171, 0.9);
}
.acciones-area h1 span {
  float: right;
}
.acciones-area h1 span i {
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  font-size: 20.8px;
  margin-right: 5px;
}

.acciones-wrk {
  position: absolute;
  top: 42px;
  left: 2px;
  right: 5px;
  bottom: 2px;
  overflow-y: auto;
}

.globalleftoptions {
  position: absolute;
  height: 36.6666666667px;
  left: 0px;
  width: 220px;
  top: 9.1666666667px;
  bottom: 0px;
}
@media screen and (max-width: 1367px) {
  .globalleftoptions {
    width: 60px;
  }
}
.globalleftoptions img {
  position: absolute;
  top: 0px;
  left: 5px;
  height: 41.25px;
  width: auto;
}
@media screen and (max-width: 1367px) {
  .globalleftoptions img {
    left: 12px;
  }
}

.enGrande {
  display: block;
}
@media screen and (max-width: 1367px) {
  .enGrande {
    display: none;
  }
}

.enPequeno {
  display: none;
}
@media screen and (max-width: 1367px) {
  .enPequeno {
    display: block;
  }
}

.globaloptions {
  position: absolute;
  height: 36.6666666667px;
  left: 220px;
  top: 9.1666666667px;
  right: 0px;
  bottom: 0px;
}
@media screen and (max-width: 1367px) {
  .globaloptions {
    left: 60px;
  }
}

.top-menu {
  display: inline-block;
  width: auto;
  float: left;
}
.top-menu li {
  list-style-type: none;
  display: inline-block;
  float: left;
  height: 36.6666666667px;
}
.top-menu li:first-child {
  margin-left: 5px;
}
.top-menu li:last-child {
  margin-right: 5px;
}
.top-menu li small {
  font-size: 11px;
  display: inline-block;
  min-width: 70px;
  text-align: center;
  padding-left: 4px;
  padding-right: 4px;
}
.top-menu li small b {
  font-weight: 600;
  float: left;
}
.top-menu li a {
  display: inline-block;
  height: 36.6666666667px;
  line-height: 36.6666666667px;
  float: left;
  cursor: pointer;
  border-radius: 4px;
  margin-left: 3px;
}
.top-menu li a:hover {
  background-color: #32363d;
}
.top-menu li a:hover i {
  color: #e3e3e3;
}
.top-menu li a i {
  padding-left: 8px;
  padding-right: 8px;
  height: 36.6666666667px;
  line-height: 36.6666666667px;
  font-size: 18.3333333333px;
}

.tm-selected {
  background-color: #32363d;
}
.tm-selected i {
  color: #e3e3e3;
}

.right-black {
  border-right: 1px solid #a3a3a3;
}

.right-light {
  border-right: 1px solid #d3d3d3;
}

.left-black {
  border-left: 1px solid #a3a3a3;
}

.left-fs {
  width: 15%;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  background-color: #32363d;
}
.left-fs img {
  float: left;
  width: 100%;
  margin-left: 0px;
  margin-top: 0px;
  height: auto;
}

.left {
  width: 220px;
  position: absolute;
  top: 55px;
  left: 0px;
  bottom: 0px;
  background-color: #32363d;
  z-index: 1500;
}
@media screen and (max-width: 1367px) {
  .left {
    width: 60px;
  }
}

.info {
  position: absolute;
  left: 220px;
  top: 55px;
  right: 0px;
  bottom: 0px;
  background-color: #e5e5e5;
  overflow-y: auto;
}
@media screen and (max-width: 1367px) {
  .info {
    left: 60px;
  }
}

.right-fs {
  position: absolute;
  left: 15%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #e5e5e5;
  overflow-y: auto;
}


.internal {
  display: none;
  width: 98%;
  float: left;
  margin-left: 1%;
}
.internal h1 {
  float: left;
  display: inline-block;
  font-weight: 400;
  font-size: 22px;
  padding-top: 7.3333333333px;
  padding-bottom: 11px;
}
.internal h1 img {
  float: left;
  height: 30px;
  width: auto;
  padding-right: 0.3rem;
}

.pop-h2 {
  width: 99%;
  text-align: left;
  background-color: #32363d;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #e3e3e3;
  height: 30.4px;
  line-height: 30.4px;
  font-size: 14.4px;
  margin-bottom: 10px;
  padding-left: 1%;
}
.pop-h2 span {
  float: right;
}
.pop-h2 span i {
  font-size: 14.4px;
  height: 30.4px;
  line-height: 30.4px;
  margin-right: 4.8px;
  cursor: pointer;
}
.pop-h2 span i mili {
  font-size: 9.6px;
  color: #e3e3e3;
}

.element, .element-50, .elmail {
  background-color: #f5f5f5;
  width: 100%;
  float: left;
  border-radius: 4px;
  margin-bottom: 20px;
}
.element h1, .element-50 h1, .elmail h1 {
  width: 99%;
  background-color: #32363d;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #e3e3e3;
  float: left;
  padding-left: 1%;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  margin-bottom: 10px;
}
.element h1 span, .element-50 h1 span, .elmail h1 span {
  float: right;
}
.element h1 span i, .element-50 h1 span i, .elmail h1 span i {
  font-size: 17.6px;
  height: 32px;
  line-height: 32px;
  margin-right: 10.6666666667px;
  cursor: pointer;
}
.element table, .element-50 table, .elmail table {
  width: 98%;
  margin-left: 1%;
  float: left;
  margin-bottom: 10px;
  font-size: 14px;
  color: #919191;
}
.element table thead tr, .element-50 table thead tr, .elmail table thead tr {
  line-height: 28px;
  border-bottom: 1px solid #a3a3a3;
}
.element table thead tr th, .element-50 table thead tr th, .elmail table thead tr th {
  text-align: left;
  font-weight: 400;
  color: #515151;
}
.element table tbody tr, .element-50 table tbody tr, .elmail table tbody tr {
  line-height: 28px;
}
.element table tbody tr td, .element-50 table tbody tr td, .elmail table tbody tr td {
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #d3d3d3;
}
.element table tbody tr td img, .element-50 table tbody tr td img, .elmail table tbody tr td img {
  height: 28px;
  width: auto;
}
.element table tbody tr td span, .element-50 table tbody tr td span, .elmail table tbody tr td span {
  float: right;
  margin-right: 5px;
}

.table-hover tbody tr:hover {
  background-color: #e2e2e2;
}

.table-hand tbody tr {
  cursor: pointer;
}

.element-50 {
  margin-left: 25%;
  width: 50%;
}
@media screen and (max-width: 1367px) {
  .element-50 {
    margin: 0px;
    width: 100%;
  }
}

input, select {
  display: inline-block;
  width: 90%;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  height: 23.8px;
  padding-left: 4.6666666667px;
  margin-left: 4.6666666667px;
  background-color: white;
}
input:focus, select:focus {
  outline: none !important;
  border-color: #a3a3a3;
  background-color: white;
}

textarea {
  width: 90%;
  resize: none;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  padding-left: 4.6666666667px;
  margin-left: 4.6666666667px;
}
textarea:focus {
  outline: none !important;
  border-color: #a3a3a3;
}

button {
  display: inline-block;
  width: auto;
  border-radius: 4px;
  border: none;
  height: 23.8px;
  padding-left: 14px;
  padding-right: 14px;
  margin-left: 4.6666666667px;
  margin-top: 2px;
  cursor: pointer;
}

.btn-circle {
  border-radius: 14px;
  padding-left: 8.2352941176px;
  padding-right: 8.2352941176px;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(171, 171, 171, 0.9);
  -moz-box-shadow: 0px 2px 2px 0px rgba(171, 171, 171, 0.9);
  box-shadow: 0px 2px 2px 0px rgba(171, 171, 171, 0.9);
}

.headoff {
  color: #212121;
}
.headoff mili {
  color: #212121 !important;
}

.headon {
  color: #e3e3e3;
}
.headon mili {
  color: #e3e3e3 !important;
}

.tbl-vertical tr td:not(:first-child) {
  border-bottom: none;
}
.tbl-vertical tr td:first-child {
  text-align: right;
}

.tbl-borderless tr td {
  border: none !important;
}

.menu {
  margin-top: 30px;
}
.menu li {
  list-style-type: none;
}
.menu li a {
  font-size: 12px;
  display: inline-block;
  width: 180px;
  height: 35px;
  line-height: 35px;
  padding-left: 20px;
  padding-right: 20px;
  color: #e3e3e3;
}
@media screen and (max-width: 1367px) {
  .menu li a {
    width: 20px;
  }
}
.menu li a i {
  margin-right: 10px;
  height: 35px;
  line-height: 35px;
  color: #e3e3e3;
}
.menu li a span {
  color: #e3e3e3;
  display: inline-block;
}
@media screen and (max-width: 1367px) {
  .menu li a span {
    display: none;
  }
}
.menu li a:hover {
  background-color: #26282d;
  cursor: pointer;
}

.marcadores {
  position: absolute;
  bottom: 10px;
  left: 0px;
  height: auto;
}
.marcadores li {
  list-style-type: none;
  margin-top: 3px;
}
.marcadores li a {
  font-size: 12px;
  display: inline-block;
  width: 180px;
  height: 25px;
  line-height: 25px;
  padding-left: 20px;
  padding-right: 20px;
  color: #fcd89d;
}
@media screen and (max-width: 1367px) {
  .marcadores li a {
    width: 20px;
  }
}
.marcadores li a i {
  margin-right: 10px;
  height: 25px;
  line-height: 25px;
  color: #fcd89d;
  font-size: 8.4px;
}
.marcadores li a span {
  color: #e3e3e3;
  font-size: 8.4px;
  display: inline-block;
}
@media screen and (max-width: 1367px) {
  .marcadores li a span {
    display: none;
  }
}
.marcadores li a:hover {
  background-color: #26282d;
  cursor: pointer;
}

.alertmsg {
  position: absolute;
  left: 223px;
  right: 3px;
  top: 55px;
  height: 30px;
  z-index: 1000;
  background-color: rgba(19, 19, 19, 0.9);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: white;
  display: none;
}
@media screen and (max-width: 1367px) {
  .alertmsg {
    left: 63px;
  }
}
.alertmsg span {
  position: absolute;
  left: 8px;
  right: 8px;
  top: 8px;
  bottom: 8px;
  color: white;
}

.chatmsg {
  position: absolute;
  display: none;
  bottom: 0px;
  left: 223px;
  right: 3px;
  height: 50px;
  background-color: rgba(19, 19, 19, 0.9);
  z-index: 1000;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
@media screen and (max-width: 1367px) {
  .chatmsg {
    left: 63px;
  }
}
.chatmsg i {
  position: absolute;
  top: 3px;
  right: 3px;
  color: white;
}
.chatmsg textarea {
  position: absolute;
  left: 50.5%;
  width: 46%;
  top: 5px;
  bottom: 5px;
  z-index: 1001;
}
.chatmsg table {
  position: absolute;
  left: 5px;
  bottom: 5px;
  top: 5px;
  width: 50%;
  background-color: black;
  z-index: 1001;
  border-top-left-radius: 4px;
}
.chatmsg table tr td {
  color: white !important;
  font-size: 10.8px;
}
.chatmsg table tr td img {
  width: 20px;
  height: auto;
}

.emoji-bar {
  border-top: 1px solid #d3d3d3;
  position: absolute;
  bottom: 0px;
  height: 70px;
  width: 100%;
}
.emoji-bar img {
  float: left;
  width: 25px;
  height: auto;
  margin-left: 5px;
  margin-top: 5px;
  cursor: pointer;
}

.emoji-text {
  border-top: 1px solid #d3d3d3;
  position: absolute;
  bottom: 70px;
  height: 35px;
  width: 100%;
}
.emoji-text input {
  margin-top: 5px;
  width: 80%;
  margin-left: 5px;
}
.emoji-text select {
  margin-top: 5px;
  width: 12%;
  margin-left: 5px;
}

.emoji-chat {
  position: absolute;
  bottom: 110px;
  top: 40px;
  left: 0px;
  width: 100%;
  overflow-y: auto;
}

.menu-internal {
  margin-top: 0px;
}
.menu-internal li {
  list-style-type: none;
}
.menu-internal li a {
  font-size: 12px;
  display: inline-block;
  width: 90%;
  height: 2rem;
  line-height: 2rem;
  padding: 0px;
  padding-left: 10%;
  color: #e3e3e3;
}
.menu-internal li a:hover {
  background-color: #26282d;
  cursor: pointer;
}

.opcion-internal {
  position: absolute;
  width: 80%;
  bottom: 0px;
  left: 20%;
  top: 33px;
  display: none;
}

.menu-selected {
  background-color: #ff0000;
}
.menu-selected:hover {
  background-color: #ff0000 !important;
}

.mybox {
  width: 90%;
  margin-left: 5%;
  border-radius: 4px;
  margin-bottom: 5px;
  min-height: 70px;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(171, 171, 171, 0.9);
  -moz-box-shadow: 0px 2px 2px 0px rgba(171, 171, 171, 0.9);
  box-shadow: 0px 2px 2px 0px rgba(171, 171, 171, 0.9);
}
.mybox p {
  font-size: 12px;
  display: inline-block;
  margin: 5px;
}
.mybox h2 {
  font-weight: 400;
  padding-left: 5px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  border-bottom: 1px solid #f5f5f5;
}
.mybox h2 span {
  float: right;
}
.mybox h2 span i {
  margin-right: 5px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  cursor: pointer;
}

.text1 {
  color: #ff4723 !important;
}

.text2 {
  color: #568c4f !important;
}

.text3 {
  color: gray !important;
}

.text4 {
  color: #32363d !important;
}

.text5 {
  color: #fcd89d !important;
}

.text6 {
  color: #ffda82 !important;
}

.text7 {
  color: #cacaca !important;
}

.color1 {
  background-color: #ff4723;
  color: white;
}
.color1 h2, .color1 i, .color1 p {
  color: white;
}

.color2 {
  background-color: #568c4f;
  color: white;
}
.color2 h2, .color2 i, .color2 p {
  color: white;
}

.color3 {
  background-color: gray;
  color: #e3e3e3;
}
.color3 h2, .color3 i, .color3 p {
  color: #e3e3e3;
}

.color4 {
  background-color: #32363d;
  color: #e3e3e3;
}
.color4 h2, .color4 i, .color4 p {
  color: #e3e3e3;
}

.color5 {
  background-color: #fcd89d;
  color: #515151;
}
.color5 h2, .color5 i, .color5 p {
  color: #515151;
}

.color6 {
  background-color: #ffda82;
  color: #515151;
}
.color6 h2, .color6 i, .color6 p {
  color: #515151;
}

.color1-tr {
  background-color: #ff4723;
  color: white !important;
}
.color1-tr td {
  background-color: #ff4723;
  color: white !important;
}

.color2-tr {
  background-color: #568c4f;
  color: white !important;
}
.color2-tr td {
  background-color: #568c4f;
  color: white !important;
}

.color3-tr {
  background-color: gray;
  color: #e3e3e3 !important;
}
.color3-tr td {
  background-color: gray;
  color: #e3e3e3 !important;
}

.color4-tr {
  background-color: #32363d;
  color: #e3e3e3 !important;
}
.color4-tr td {
  background-color: #32363d;
  color: #e3e3e3 !important;
}

.color5-tr {
  background-color: #fcd89d;
  color: #515151 !important;
}
.color5-tr td {
  background-color: #fcd89d;
  color: #515151 !important;
}

.color6-tr {
  background-color: #ffda82;
  color: #515151 !important;
}
.color6-tr td {
  background-color: #ffda82;
  color: #515151 !important;
}

.disableBtn {
  background-color: gray !important;
  color: #e3e3e3 !important;
}
.disableBtn h2, .disableBtn i, .disableBtn p {
  color: #e3e3e3 !important;
}

.blocker, .popups {
  background-color: rgba(80, 80, 80, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 3000;
  display: none;
}

.popups {
  z-index: 2000;
  display: none;
}

.popup-window {
  position: absolute;
  display: none;
  width: 50%;
  margin-left: 25%;
  top: 160px;
  height: auto;
  background-color: #e5e5e5;
  border-radius: 4px;
  -webkit-box-shadow: 5px 5px 3px 3px rgba(21, 21, 21, 0.5);
  -moz-box-shadow: 5px 5px 3px 3px rgba(21, 21, 21, 0.5);
  box-shadow: 5px 5px 3px 3px rgba(21, 21, 21, 0.5);
}
@media screen and (max-width: 1367px) {
  .popup-window {
    width: 80%;
    margin-left: 10%;
  }
}
.popup-window h1 {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  width: 99%;
  background-color: #bd2222;
  color: #e3e3e3;
  float: left;
  padding-left: 1%;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  margin-top: 0px;
}
.popup-window h1 span {
  float: right;
}
.popup-window h1 span i {
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  margin-right: 8px;
}

.nook {
  background-color: #d3d3d3;
}

qty {
  color: #e3e3e3;
  font-size: 11.6666666667px;
}

qty2 {
  font-size: 11px;
}

dax {
  font-size: 10px;
  margin: 0;
  padding: 0;
  float: left;
  line-height: 10px;
}

/*# sourceMappingURL=main.css.map */