.hide {
    display: none!important;
}
/* Custom style rules */
.dzUploadBtn {
    display: inline-block;
    vertical-align: bottom;
    background: url('images/uploadpictures.png') no-repeat 10px 10px;
    width: 216px;
    height: 136px;
    border: solid 3px #ccc;
    cursor: pointer;
    margin-bottom: 5px;
}
.dzUploadBtn .dz-message {
    display: none;
}
.dzImgList {
    vertical-align: bottom;
}
.dz-preview {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 226px;
    height: 176px;
    padding: 10px;
    border: solid 3px #ccc;
    margin: 0 3px 5px;
}
.dz-preview .dz-thumbnail {
    float: left;
}
.dz-preview .dz-filename,
.dz-preview .dz-size,
.dz-preview .dz-delete {
    position: absolute;
    display: inline-block;
    left: 6px;
    top: 6px;
    z-index: 10;
    line-height: 15px;
    max-height: 38px;
    max-width: 196px;
    padding: 4px;
    border-radius: 3px;
    background: rgba(255,255,255,0.6);
    overflow: hidden;
}
.dz-preview .dz-size {
    top: 50px;
}
.dz-preview .dz-delete {
    background: #FFFFFF;
    top: auto; left: auto;
    right: 6px;
    bottom: 6px;
}
.dz-preview .dz-delete:hover {
    color: #FF0000;
}
.dz-preview.loading:before {
    content: "";
    display: block;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: #FFFFFF;
    z-index: 5;
    opacity: 0.5;
}
.dz-preview.loading .dz-delete {
    display: none;
}
.dz-preview .dz-progress {
    display: none;
    position: absolute;
    left: 9px;
    right: 9px;
    bottom: 3px;
    height: 3px;
    background: #444444;
    z-index: 11;
}
.dz-preview.loading .dz-progress {
    display: block;
}
.dz-preview .dz-progress .bar {
    background: #33FF33;
    width: 0;
    height: 3px;
    float: left;
}
/* select 2 */
.select2-container .select2-selection--single {
    height: 38px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}
/* custom check */
.customCheckbox {
    display: inline-block;
    font-size: 12px;
    color: #444;
}
.customCheckbox label {
    display: inline-block;
    border: solid 1px #555555;
    position: relative;
    border-radius: 3px;
    width: 22px;
    height: 20px;
}
.customCheckbox label input {
    padding-top: 40px;
    padding-left: 40px;
    opacity: 0;
}
.customCheckbox label input + span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.customCheckbox label input:checked + span:before {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 14px;
    left: 4px;
    border: solid 2px #000000;
    border-top-color: transparent;
    border-left-color: transparent;
    transform: rotate(50deg) skewX(40deg);
}
/* pagination */
.pagination {
    display: block;
    text-align: center;
}
.pagination li {
    display: inline-block;
    margin: 0 4px;
}
.pagination li a {
    display: block;
    width: 30px;
    line-height: 28px;
    border: solid 1px #68c0d8;
    color: #0275d8;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
}
.pagination li.active span {
    display: block;
    width: 30px;
    line-height: 28px;
    background: #0275d8;
    color: #FFFFFF;
    border: solid 1px #0275d8;
    -webkit-border-radius: 3px;
}
.pagination li:hover a {
    border-color: #0275d8;
}
/*sortable plugin */
body {
    counter-reset: multimedia;
}
body.dragging, body.dragging * {
    cursor: move !important;
}
.panel-body.float-container {
    overflow: hidden;
}
.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

ol.example li.placeholder {
    position: relative;
    /** More li styles **/
}
ol.example li.placeholder:before {
    position: absolute;
    /** Define arrowhead **/
}
/* generic styles */
body.login {
    background: #fff!important;
}
body.iframe {
    margin-top: 0;
}
body.iframe #wrapper {
    padding-left: 0;
}
#wrapper.login {
    padding-left: 0!important;
    padding-top: 30px;
    padding-bottom: 50px;
}
#wrapper.login .login {
    padding: 20px;
}
#wrapper.login .login .panel-default {
    padding: 20px;
    box-shadow: 0 0 6px rgba(100,100,100,0.7);
    border-radius: 5px;
}
#wrapper.login .login .panel-title {
    font-size: 20px;
    margin-bottom: 15px;
}
#wrapper.edit {
    padding-left: 0;
}
#wrapper.edit .editor-primary {
    padding-top: 70px;
}
#wrapper.edit .page-header {
    width: 100%;
    background: #ffffff;
    z-index: 2;
    position: fixed;
    top: 50px;
    left: 0;
    padding: 12px 45px 12px 26px;
    font-size: 22px;
    border-bottom: solid 1px #f0f0f0;
}
#wrapper.edit .page-header .btn-close-editor {
    float: right;
    font-size: 14px;
    line-height: 28px;
}
.form-group {
    overflow: hidden;
}
.modal-dialog {
    width: 760px;
}
#multimedia-object-list li:before {
    content: counter(multimedia) " - ";
    counter-increment: multimedia;  /* Add 1 to chapter */
}
#multimedia-object-list li.loading {
    background: url('images/ajax-loader.gif') no-repeat right center;
}
select.form-control {
    padding: .55rem .75rem;
}
.panel.error {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: solid 1px #ff2233;
    background: rgba(255,0,0,0.3);
    padding: 20px 20px 0;
    margin-bottom: 30px;
}
.checkbox-inline, .radio-inline {
    margin-bottom: 14px;
}
#ventas-vendedores div {
    margin-bottom: 10px;
}
table .cheque-debitado td,
table .cheque-cobrado td {
    color: #999999;
}