@charset "utf-8";
/* CSS Document */


a { color:#0793d5; }
a:visited { color:#0793d5; }
a:actived { color:#0793d5; }
a:hover { color:#0793d5; }

body,
html {
  position: relative;
  width: 100%;
  height: 100%;
	overflow: hidden;
}

/*::-webkit-scrollbar {
  width: 10px;
  -webkit-appearance: none;
}

::-webkit-scrollbar-thumb:vertical {
  margin: 10px;
  background-color: #ccc;

}
::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  height: 10px;
  display: block;
  background-color: #f1f1f1;
}*/

@media screen and (max-width : 1024px) {
	::-webkit-scrollbar {
		display: none;
	}
}

.search-button-top {
  color: #000;
}

#add-button {
  background-color: #ec1d25;
}

.material-checkbox-label [type=checkbox]:checked + label {
  border-right: 2px solid #199386;
  border-bottom: 2px solid #199386;
}
.material-checkbox-label [type=radio]:checked + label {
  background-color: #199386;
}

.mangole-general-textbox input[type="text"],
.mangole-general-textbox input[type="number"],
.mangole-general-textbox input[type="password"],
.mangole-general-textbox input[type="date"],
.mangole-general-textbox textarea,
.mangole-general-textbox select {
  border: 1px solid #b5b5b5;
}
.mangole-datagrid {
  border-top: 1px solid #b5b5b5;
  border-left: 1px solid #b5b5b5;
  border-right: 1px solid #b5b5b5;
  border-bottom: none;
}
.mangole-datagrid .mangole-datagrid-heading .mangole-datagrid-cell {
  border-bottom: 1px #b5b5b5 solid;
}
.mangole-datagrid .mangole-datagrid-cell {
  border-right: 1px #b5b5b5 solid;
  border-bottom: 1px #b5b5b5 solid;
}
.mangole-datagrid .mangole-datagrid-cell {
  border-right: 1px #b5b5b5 solid;
  border-bottom: 1px #b5b5b5 solid;
}

#acordeonmenu1 > li {
  line-height: normal;
  border-bottom: 1px #48494a solid;
}
#acordeonmenu1 > li.mangole-li-active {
  background: #8fd7d4;
}
#acordeonmenu1 > li.mangole-li-active > ul > li{
  border-top: 1px #48494a solid;
}

#acordeonmenu1 > li,
#acordeonmenu1 > li > a,
#acordeonmenu1 > li.mangole-li-active > ul > li,
#acordeonmenu1 > li.mangole-li-active > ul > li > a {
  min-height: 80px;
  font-size: 13px;
  color: #c1c1c1;
  transition: 0;
  -webkit-transition: 0;
}

#acordeonmenu1 > li,
#acordeonmenu1 > li a:hover:not(.mangole-acordeon-menu-title-link){
  background-color: #1d1e1f;
}
#acordeonmenu1 > li.mangole-li-active > ul > li{
  line-height: normal;
  background: #6A605F;
  border-top: 1px #584d4c solid;
}
#acordeonmenu1 > li > a > span.mangole-acordeon-menu-icon {
  display: inline-block;
  width: 100%;
  height: calc(100% - 28px);
  padding: 15px 0 0 0;
}
#acordeonmenu1 > li > a > span.mangole-acordeon-menu-label,
#acordeonmenu1 > li.mangole-li-active > ul > li > a > span.mangole-acordeon-menu-li-options-contextmenu,
#acordeonmenu1 > li.mangole-li-active > ul > li > a > span.mangole-acordeon-menu-label {
  width: 100%;
  height: auto;
  padding: 0px 5px;
  text-align: center;
  font-size: 13px;
  /*color: #004081;*/
}

/*#acordeonmenu1 > li.mangole-li-active > ul > li > a > span.mangole-acordeon-menu-label {*/

#leftmenu > div.mangole-dialog-workarea {
  position: relative;
  height: 100%;
  padding: 0 0 0 0;
  overflow-y: auto;
}
.leftmenu-options {
  width: 100%;
  height: 60px;
  float: left;
  padding: 0 15px;
  vertical-align: middle;
  line-height: 60px;
  border-bottom: 1px #e5e6e1 solid;
  cursor: pointer;
  font-size: 14px;
}
  .leftmenu-options:hover {
    background-color: #f1f1f1;
  }

.mangole-datagridv2 .mangole-datagrid-row:last-child {
  border-bottom: 1px #e5e6e1 solid;
}


#resume-ventas-por-formas-pago > div:last-child {
  border-bottom: none!important;
}

.mangole-label {
  color: #ec1d25;
}

@media screen and (max-width : 800px) {
  .left-menu-wrapper {
    width: 60px!important;
  }
    .left-menu-wrapper > .mangole-acordeon-menu > li,
    .left-menu-wrapper > .mangole-acordeon-menu > li > a {
      min-height: 60px!important;
    }

      .left-menu-wrapper > .mangole-acordeon-menu > li > a > .mangole-acordeon-menu-icon {
        padding: 10px 0 0 0!important;
        font-size: 25px!important;
      }
      .left-menu-wrapper > .mangole-acordeon-menu > li > a > .mangole-acordeon-menu-label {
        padding: 0 0!important;
        text-align: center!important;
        font-size: 10px!important;
      }
      .left-menu-wrapper > .mangole-acordeon-menu > li:nth-child(7) > a > .mangole-acordeon-menu-label {
        font-size: 9px!important;
      }

  #window-workspace .workspace {
    width: calc(100% - 60px)!important;
  }

  .mangole-form > .mangole-form-body {
    padding: 0;
  }
    .mangole-panel > .mangole-panel-heading {
      /*display: none!important;*/
    }
    .mangole-panel > .mangole-panel-body > .mangole-split-container > .mangole-split-container-row > .mangole-split-container-cell {
      display: inline-block!important;
      width: 100%!important;
      padding: 10px!important;
    }
}



#wrapper-header {
  /*background-color: #241E20!important;*/
}
/*#acordeonmenu1 > li,
#acordeonmenu1 > li a:hover:not(.mangole-acordeon-menu-title-link),
#splitcontainer1 > div.mangole-split-container-row.row1 > div.mangole-split-container-cell.cell0 {
  background-color: #1b1b1b!important;
}
#acordeonmenu1 > li {
  border-bottom: 1px #424242 solid!important;
}
#splitcontainer1 > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell0,
#splitcontainer1 > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1 {
  background-color: #1EBAA4!important;
}
#display-user-data > span:nth-child(3),
#resumen-venta-contado,
#resumen-venta-credito,
#resumen-balance {
  text-shadow: 1px 1px 1px rgba(41, 41, 41, 0.55)!important;
}
#acordeonmenu1 {
  background-color: #1b1b1b!important;
}
#add-button,
#guide-add-button,
.add-button,
.add-mini-button,
.scan-button {
  background-color: #1EBAA4!important;
}*/



/*DARK STYLE*/
/*#acordeonmenu1 > li, 
#acordeonmenu1 > li > a, 
#acordeonmenu1 > li.mangole-li-active > ul > li, 
#acordeonmenu1 > li.mangole-li-active > ul > li > a,
#acordeonmenu1 > li > a > span.mangole-acordeon-menu-label, 
#acordeonmenu1 > li.mangole-li-active > ul > li > a > span.mangole-acordeon-menu-li-options-contextmenu, 
#acordeonmenu1 > li.mangole-li-active > ul > li > a > span.mangole-acordeon-menu-label {
    color: #b5b5b5;
}


.mangole-datagrid .mangole-datagrid-heading .mangole-datagrid-cell,
.mangole-datagridv2 .mangole-datagrid-heading .mangole-datagrid-cell {
  color: #cacaca;
}
.mangole-datagrid .mangole-datagrid-heading .mangole-datagrid-cell {
  border-bottom: 1px #5d5d5d solid;
}
.mangole-datagrid,
.mangole-datagridv2 {
  background-color: #444;
}
.mangole-datagrid {
    border-top: 1px solid #5d5d5d;
    border-left: 1px solid #5d5d5d;
    border-right: 1px solid #5d5d5d;
}
.mangole-panel-heading {
  background-color: #444;
  color: #cacaca;
  border-bottom: 1px #5d5d5d solid;
}
.mangole-datagrid .mangole-datagrid-cell,
.mangole-datagridv2 .mangole-datagrid-cell {
  border-right: 1px #5d5d5d solid;
}
.mangole-datagrid .mangole-datagrid-cell {
  border-right: 1px #5d5d5d solid;
  border-bottom: 1px #5d5d5d solid;
}
.mangole-datagrid .mangole-datagrid-content,
.mangole-datagridv2 .mangole-datagrid-content {
  border-top: 1px #5d5d5d solid;
}
.mangole-datagrid .mangole-datagrid-row,
.mangole-datagridv2 .mangole-datagrid-row {
  border-bottom: 1px #5d5d5d solid;
  color: #c3c3c3;
}
.mangole-datagrid .mangole-datagrid-row:nth-child(even),
.mangole-datagridv2 .mangole-datagrid-row:nth-child(even) {
  background-color: #383838;
}
.mangole-datagrid .mangole-datagrid-row:hover,
.mangole-datagridv2 .mangole-datagrid-row:hover {
  background-color: #2d2d2d;
}
.mangole-datagrid .mangole-datagrid-cell,
.mangole-datagridv2 .mangole-datagrid-cell {
  border-right: 1px #5d5d5d solid;
}
.mangole-datagrid .mangole-datagrid-cell.select-type > select,
.mangole-datagrid .mangole-datagrid-cell.textbox-type > input[type="text"],
.mangole-datagridv2 .mangole-datagrid-cell.select-type > select,
.mangole-datagridv2 .mangole-datagrid-cell.textbox-type > input[type="text"] {
  color: #848484;
}
.mangole-datagrid .mangole-datagrid-footer,
.mangole-datagridv2 .mangole-datagrid-footer {
  border-top: 1px #5d5d5d solid;
  color: #ccc;
}
.mangole-btn {
  color: #b1b1b1;
  background-color: #545454;
  border: none;
}
.mangole-btn.blue {
  color: #b1b1b1;
  background-color: #313131;
  border: none;
}




.mangole-panel {
  background-color: #383838;
  box-shadow: 0 1px 7px #000000b5!important;
}



.mangole-label {
  color: #848484;;
}


.mangole-general-textbox label {
  color: #848484;
}
.mangole-general-textbox input[type="text"]:hover, 
.mangole-general-textbox input[type="number"]:hover, 
.mangole-general-textbox input[type="password"]:hover, 
.mangole-general-textbox input[type="date"]:hover, 
.mangole-general-textbox select:hover,
.mangole-general-textbox textarea:hover,
.mangole-general-textbox input[type="text"], 
.mangole-general-textbox input[type="number"], 
.mangole-general-textbox input[type="password"], 
.mangole-general-textbox input[type="date"], 
.mangole-general-textbox select,
.mangole-general-textbox textarea {
  color: #848484;
  border: 1px solid #3c3c3c;
  background-color: #2f2f2f;
}

::-webkit-input-placeholder { color: #848484!important; }

.mangole-form-body {
  background-color: #2d2d2d;
}

#invoices-page0-panel0 {
  border-bottom: none;
}

#invoices-page0-wrapper6,
#invoices-page1-wrapper6,
#invoices-page2-wrapper6,
#invoices-page3-wrapper6,
#invoices-page4-wrapper6,
#invoices-page5-wrapper6,
#invoices-page6-wrapper6,

#invoices-page0-wrapper9,
#invoices-page1-wrapper9,
#invoices-page2-wrapper9,
#invoices-page3-wrapper9,
#invoices-page4-wrapper9,
#invoices-page5-wrapper9,
#invoices-page6-wrapper9 {
  background-color: #545354!important;
  border-top: 1px #5d5d5d solid!important;
  color: #ccc!important;
}

#invoices-page1-lblgrandtotal {
  background-color: #2f3130!important;
}*/
/*END DARK STYLE*/