#pageContent{
  width:auto;
  max-width:none;
  margin:0px 30px;
}

.box-select{
  min-height:85px;
}

.box-select strong{
  display:block;
  color:#666;
  font-size:15px;
}

.box-select > div:nth-of-type(1) > span{
  font-size:25px;
}


.mark-right-img{
    display: inline-block;
    font: normal normal normal 24px/1 MaterialDesignIcons;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.mark-right-img img{
  display:none;
}

.mark-right-img:before {
  content: "\f4f0";
}

 
.k-primary, .k-overflow-container .k-primary {
    background-color: #df5900;
    border-color: #df5900;
    color: #fff !important;
}

.k-primary:hover, .k-overflow-container .k-primary:hover {
    background-color: #4582BD;
    border-color: #236EB7;
    color: #E4E4E4 !important;
}


.mark-right-img
{
  color:#76828E;
  float:right;
  font-size:22px;
  margin:0px 0px 0px 20px;
}

.k-grid{
 border:none;
}

.k-grid-header .k-header .k-link, .k-grid-header .k-link, .k-grid-header .k-link:link, .k-pager-info, .k-scheduler-header, .k-scheduler-agendaview .k-scheduler-datecolumn{
  color:#76828E;
  font-weight:700;
  font-size:14px;
  padding: 10px 18px !important;
}

.k-grid-header-wrap, div.k-grid-header, div.k-grid-footer {
  border:none;
}


table .k-header .k-link .k-icon{
  position:absolute !important;
  opacity:1;
  right:0px;
  display:block;
  margin:-20px -1px 0px 0px!important;
  padding:0px;
  background-color:#f6f6f6;
  width:20px;
  height:20px;
}

table .k-header .k-link {
  text-decoration:none !important;
}

table .k-header[data-dir="asc"] ,
table .k-header[data-dir="desc"]{
  background-color:#E9E9E9 !important;
}


table .k-header .k-link .k-i-arrow-s{
  background:#E9E9E9 url("./DataTables/media/images/sort_desc.png"); 
  background-position: 0 0;
}

table .k-header .k-link .k-i-arrow-n{
  background:#E9E9E9 url("./DataTables/media/images/sort_asc.png"); 
  background-position: 0 0;
}
table .k-header .k-link:hover .k-icon {
  display:none;
}

 table .k-header .k-link{
  position:relative;
  background-image: url("./DataTables/media/images/sort_both.png");
  background-position: right 8px;
  background-repeat: no-repeat;
  }

.k-grid-header, .k-grid-header .k-header, .k-pager-wrap, .k-pager-numbers .k-state-selected, .k-grid-footer, .k-grid-footer td, .k-scheduler-header, .km-pane-wrapper .k-grid-header .k-header {
  background-color:#f6f6f6;
 }

.k-scheduler-layout .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-grid tr.k-state-selected, .k-marquee-color,
.k-gantt .k-treelist .k-state-selected, .k-gantt .k-treelist .k-state-selected td, .k-gantt .k-treelist .k-alt.k-state-selected, .k-gantt
.k-treelist .k-alt.k-state-selected>td, .k-listview>.k-state-selected {
    background-color:#dff0d8;
    color:#666;
}


.k-grid td {
    padding: 8px 10px;
    color:#76828E;
}

.k-grid-header th.k-header, .k-filter-row th {
  border:none;
}

.k-grid .k-alt {
  background-color:#f6f6f6;
}

.gridFilter {
    display:none;
    position: absolute;
    right: 15px;
    top:45px;
    z-index: 9999;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.gridFilter ul {
  display:block !important;
  padding:0px 0px 0px 0px;
}


.gridFilter ul li{
  display:block !important;

}

.gridFilter ul li a{
  background-color:white;
  text-decoration:none;
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.gridFilter ul li a:hover{
  color:#666;
  background-color:#eee;
  text-decoration:none;
}

.k-loading-image {
    background-image: url('ripple.svg');
    background-color: rgba(255, 255, 255, 0.16);
}



#productSelected {
  margin-bottom:30px;
}

/* FORMULARIOS */

.form-control.material {
  background-color:white;
}

.k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default{
  border:none;
}

.k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default:hover{
  border:none;
  box-shadow:none;
}

/*
form .glyphicon-question-sign{
  float:right;
  position:absolute;
}

form .row {
  margin:10px 0px;
}



input.form-control:hover,
.k-autocomplete input.k-input:hover,
.k-textbox:hover{
   
    box-shadow: none !important;
  }

input.form-control:focus,
.k-autocomplete input.k-input:focus,
.k-textbox:focus{
    outline: none !important;
    animation: input-highlight .5s forwards !important;
    box-shadow: none !important;
  }

@keyframes(input-highlight){
  0% {
    background-size: 0 2px, 100% 1px;
  }
  100% {
    background-size: 100% 2px, 100% 1px;
  }
}
*/
input.mark-input-search {
  float: right;
  display:block;
  max-width:255px;
  background-image: none !important;
  border-radius:3px !important;
  border:1px solid #ccc !important;
}

.mark-screen-title{
  font-size:25px;
  margin:30px 0px 0px 0px;
}

#dashTitle{
  margin:20px 0px;
}

.k-autocomplete {
  width:100%;
  background:none !important;
  border: none;
}

h4{
  font-weight: 700;
  margin:10px 0px 20px 0px;
}

.nav-tabs > li a small{
  display:none;
  font-size:12px;
  
  color:#df5900;
}

/* MODAL */

@media screen and (min-width: 1000px){
  .modal-dialog {
      width: 1000px;
  }  
}

@media screen and (max-width: 999px){
  .modal-dialog {
      width: 100%;
  }  
}

.modal-dialog input.mark-input-search {
  float:none;
  width:100% !important; 
  max-width:none;
}

.modal-dialog .k-listview {
  height:200px;
  font-size:13px;
  margin:10px 0px;
}

.modal-dialog #finalPrice {
  width: 100%;
}

.modal-dialog .k-numerictextbox {
  width: 100%;
  border:1px solid #ccc;
}

.modal-dialog #btnUpdateDiscount{
  width:100%;
  height:37px;
}

.modal-footer .k-button {
  min-width:100px;
}

.modal-dialog .k-combobox input{
  background-color:#eee;

}

.modal-dialog .k-combobox{
  width:100%; 
}