@media (min-width: 768px) {
    .form-inline .form-control {
        display: block;
        width: 100%;
        vertical-align: middle;
    }

    .form-inline .input-group {
        position: relative;
        display: table;
    }

    .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
        display: table-cell;
    }
    .form-inline .input-group .input-group-btn { width: 1% }
    .form-inline .input-group .form-control { width: 100% }
}

/*.table-responsive {*/
    /*overflow-y: visible !important;*/
/*}*/

.b-l { border-left: 1px solid #e7eaec; }
.b-t { border-top: 1px solid #e7eaec; }
.b-b { border-bottom: 1px solid #e7eaec; }
.p-5 { padding: 5px !important; }
.p-10 { padding: 10px !important; }
.p-20 { padding: 20px !important; }
.p-l-0 { padding-left: 0 !important; }
.p-l-5 { padding-left: 5px !important; }
.p-l-10 { padding-left: 10px !important; }
.p-l-20 { padding-left: 20px !important; }
.p-r-0 { padding-right: 0 !important; }
.p-t-0 { padding-top: 0 !important; }
.p-t-5 { padding-top: 5px !important; }
.p-t-10 { padding-top: 10px !important; }
.p-t-15 { padding-top: 15px !important; }
.p-t-20 { padding-top: 20px !important; }
.p-t-25 { padding-top: 25px !important; }
.p-t-30 { padding-top: 30px !important; }
.p-t-100 { padding-top: 100px !important; }
.p-t-50 { padding-top: 50px !important; }
.p-b-0 { padding-bottom: 0 !important; }
.p-b-5 { padding-bottom: 5px !important; }
.p-b-10 { padding-bottom: 10px !important; }
.p-b-15 { padding-bottom: 15px !important; }
.p-b-100 { padding-bottom: 100px !important; }
.p-b-50 { padding-bottom: 50px !important; }
.m-t-0 { margin-top: 0 !important; }
.m-t-5 { margin-top: 5px !important; }
.m-t-10 { margin-top: 10px !important; }
.m-t-15 { margin-top: 15px !important; }
.m-t-100 { margin-top: 100px !important; }
.m-t-125 { margin-top: 125px !important; }
.m-t-40 { margin-top: 40px !important; }
.m-t-50 { margin-top: 50px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-t-25 { margin-top: 25px !important; }
.m-b-0 { margin-bottom: 0 !important; }
.m-b-5 { margin-bottom: 5px !important; }
.m-b-15 { margin-bottom: 15px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.m-b-50 { margin-bottom: 50px !important; }
.m-b-100 { margin-bottom: 100px !important; }
.m-l-0 { margin-left: 0 !important; }
.m-l-5 { margin-left: 5px !important; }
.m-l-15 { margin-left: 15px !important; }
.m-l-100 { margin-left: 100px !important; }
.m-l-50 { margin-left: 50px !important; }
.m-l-20 { margin-left: 20px !important; }
.m-r-0 { margin-right: 0 !important; }
.m-r-5 { margin-right: 5px !important; }
.m-r-10 { margin-right: 10px !important; }
.m-r-15 { margin-right: 15px !important; }
.m-r-100 { margin-right: 100px !important; }
.m-r-50 { margin-right: 50px !important; }
.m-r-20 { margin-right: 20px !important; }
.block { display: block }
.display-none { display: none }
.label-completed { background: #1ab394; color: #ffffff; }
.text-black { color: #000000 }
.form-control.disabled { background-color: #eee; opacity: 1; cursor: not-allowed; }
.form-control.readonly { background-color: #fff; opacity: 1; }
.border-success { border-color: #1c84c6 }
.border-danger { border-color: #ed5565 }
.border-warning { border-color: #f8ac59 }

.inmodal .modal-body {
    max-height: 600px;
    overflow: auto;
}

.loginscreen .logo-name { font-size: 48px; letter-spacing: -5px; }
.pad-20 { padding:20px }
.pad-10 { padding:10px }
.header-logo-wrapper { padding:10px }
.mini-navbar .header-logo-wrapper img { max-height: 41px }

.select2-dropdown,
.select2-container { min-width: 150px; }
.select2-container .select2-selection--single { height: 34px }

.select2-container.select-img .select2-selection--single {
    height:45px;
}
.modal .modal-footer { position:relative }
.modal .modal-footer img.modal-footer-loading { position:absolute; top:13px; left:20px }
.modal .modal-title { margin-right: 40px }
.inmodal .modal-header { padding-top:15px; padding-bottom: 15px}

div.generated-code-field { padding:0; line-height: 30px; width:auto; overflow: hidden;}
div.generated-code-field input[type="text"],
ul.collection-form-rows .collection-form-row-fields div.generated-code-field input[type="text"] { float: left; width:85%  }
div.generated-code-field.generated-code-field-short input[type="text"],
ul.collection-form-rows .collection-form-row-fields div.generated-code-field.generated-code-field-short input[type="text"] { width:110px;   }
div.generated-code-field button { float: left; padding: 1px 3px; }
div.generated-code-field label { float: left; }




div.generated-code-field{
    position: relative;
}
div.generated-code-field img.code-ajax-loader { margin-left: 5px }
div.generated-code-field label{
    display: block;
    width: 100%;
}
div.generated-code-field .btn-code-ajax-refresh{
    width: 40px;
    height: 40px;

    border: none;
    background-color: #3498DB;
}

.margin-t-5 { margin-top: 5px; }
.margin-b-5 { margin-bottom: 5px; }
.margin-t { margin-top: 15px; }
.margin-b { margin-bottom: 15px; }
.margin-r { margin-right: 15px; }
.form-horizontal .control-label { text-align:left }
.checkbox label { padding-left: 0 }
.checkbox label div { margin-right: 5px }
.help-field span { margin-top: 5px; display:block }

form.articulo-form #tab-imagenes .articulo-img-add-more {
    border-top: 1px solid #3498db;
    margin-top: 10px;
}
form.articulo-form #tab-imagenes .articulo-img-add-more h4 {
    font-size: 1.2em; margin: 5px;
}

form.articulo-form #tab-imagenes .articulo-img-gallery-main { float: left; height: 350px; margin-right: 10px; width: 470px; overflow: hidden }
form.articulo-form #tab-imagenes .articulo-img-gallery-main img { max-width:450px; max-height: 350px; border:1px solid #444444 }
form.articulo-form #tab-imagenes .articulo-img-gallery-others { height:280px; overflow: auto }
form.articulo-form #tab-imagenes .articulo-img-colright { float: right; width:220px;  }
form.articulo-form #tab-imagenes .articulo-img-gallery-others div { float: left; margin-left: 5px; margin-bottom:5px; position:relative }
form.articulo-form #tab-imagenes .articulo-img-gallery-others div button { position:absolute; top:5px; left: 5px; height: 26px; width: 26px; padding:0 }
form.articulo-form #tab-imagenes .articulo-img-gallery-others div img { width:100px; border:1px solid #444444 }
form.articulo-form #tab-imagenes .articulo-img-gallery-default { height:60px; margin-top:0px; float:right; width: 220px; }
form.articulo-form #tab-imagenes #articulo_imagenes { margin-top: 10px; margin-left:0; padding-left: 0; list-style-type: none }
form.articulo-form #tab-imagenes #articulo_imagenes li { list-style-type: none; height: 120px; min-width: 100px; float: left; padding-right: 10px; border-right: 1px solid #eee; margin-right: 10px; }
form.articulo-form #tab-imagenes #articulo_imagenes li:last-child { border-right: none; }
form.articulo-form #tab-imagenes #articulo_imagenes .e-btn { float:left; margin-right: 5px; }
form.articulo-form #tab-imagenes div.clearer,
form.articulo-form #tab-imagenes .articulo-img-add-more { margin-bottom:0 }
form.articulo-form #tab-imagenes .articulo-imagenes-new-wrapper { border: 1px solid #e7eaec }
form.articulo-form #tab-imagenes .upload-img-actions { position: relative; display: inline-block }
form.articulo-form #tab-imagenes .upload-img-actions a { margin-right: 8px; }

.upload-progress-bar-wrapper {
    padding:1px;
    border:1px solid #3498db;
    margin-bottom:8px;
    height: 7px;
}
.upload-img-wrapper { margin-bottom: 5px }
.upload-progress-bar-wrapper,
.upload-img-wrapper {
    /*margin-top:10px;*/
    display: none;
}
.upload-img-wrapper img {
    max-width:100px;
    max-height: 100px;
    padding:5px;
    border:1px solid #cccccc;
}
.upload-progress-bar {
    background: #3498db;
    margin-bottom: 0;
    height:3px;
}

.fileUpload {
 display: inline-block;
    float: left;

}

.fileUpload, .fileupload_field_wrapper {
    position: relative;
    overflow: hidden;
    margin: 0px;
}
.fileUpload input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.fileupload_field_wrapper .upload-img-actions a {
    margin-right: 8px;
}
.esocial-fileupload-image {
    padding: 5px;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom:5px;
    max-width:100%;
    max-height:300px;
}
.esocial-fileupload-image img{
    max-width:100%;
    max-height: 275px;
}
.esocial-fileupload .esocial-fileupload-btnBrowse {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.esocial-fileupload .esocial-fileupload-btnBrowse input[type="file"] {
    cursor: inherit;
    display: block;
    font-size: 100px;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

.col-50 { width:65px }
.col-100 { width:115px }
.col-20 { width:45px }
.margin-b-20 { margin-bottom: 20px }
.margin-b-10 { margin-bottom: 10px }
.margin-r-25 { margin-right: 25px }
.margin-r-10 { margin-right: 10px }

.bankaccount_field div.row { position:relative}
.bankaccount_field div.row div { margin-right:30px; }
.bankaccount_field div.row a { margin-top: 30px; display:inline-block }

fieldset { margin-top:20px }
fieldset legend { font-size: 18px; font-weight: normal; text-transform: uppercase;  }
fieldset fieldset { margin-top:0 }
fieldset fieldset legend { margin-bottom: 10px; font-size: 13px; }

.select-input-group.select-input-group-selected,
.select-input-group.select-input-group-selected .form-control { display: block }
label { display:inline-block }
.select2-container--default .select2-search--inline .select2-search__field {
    width: auto !important;
}
.form-group .row { margin-left:0; margin-right: 0 }


.dataTable .expanded-group {
    background: transparent url("/bundles/app/img/datatable-collapse.png") no-repeat 10px center;
    padding-left: 40px !important;
}
.dataTable .collapsed-group {
    background: transparent url("/bundles/app/img/datatable-expand.png") no-repeat 10px center;
    padding-left: 40px !important;
}
.datatable-chk-cell { width:40px; }

.doc-subtotal-wrapper { font-weight: bold }
.doc-subtotal-wrapper div { margin-right: 40px; }
.doc-total-wrapper { font-weight: bold;  }
.doc-total-wrapper div {font-size: 30px; font-weight: normal }

.input-group-multiline .form-control { height: auto; }
.input-group-multiline .input-group-addon,
.input-group-multiline .input-group-btn { vertical-align: top; padding-top:10px }

.doc-info-dialog ul {
    list-style-type: none;
    margin:0;
    padding:0
}
.doc-info-dialog ul li { width:auto; overflow:hidden; margin-bottom:2px; list-style-type: none; }
.doc-info-dialog ul li span { float: right; width:110px; font-weight: bold; font-size: small }
.doc-info-dialog ul li span:first-child { float: left; width:120px; font-weight: normal }
.doc-info-dialog ul li.info-total-row { border-top:1px solid #ccc; padding-top:5px; margin-top:5px;  }
/*.tab-content { padding-top: 25px }*/
.dataTables_processing { margin-left: 15px }


.back-to-top,
.back-to-top:link,
.back-to-top:active{
    position: fixed;
    bottom: 70px;
    right: 30px;
    text-decoration: none;
    color: #ffffff;
    background-color: rgba(51, 51, 51, 0.50);
    font-size: 13px;
    padding: 1em;
    width: 40px;
    height: 40px;
    display: none;
    text-align: center;
    border-radius:5px;
}

.back-to-top:hover {
    color:#ffffff;
}

div.esocial-ajax-preloading-bg { position:absolute; top:0; left:0; background:#fff; width:100%; height:100%; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
div.esocial-ajax-preloading img { position: absolute; z-index:2; top:40%; left:50%; margin-left:-110px; }
div.esocial-ajax-preloading-spinner img { position: absolute; z-index:2; top:40%; left:50%; margin-left:-16px; }

table.dataTable td .btn { margin-bottom: 1px }
.help-field { display: block }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding-top: 5px; padding-bottom: 5px }
.btn-xs, .btn-group-xs>.btn { padding-top:0px; padding-bottom: 0px; font-size:11px }
.has-error .form-control { border: 1px dotted #cc5965; }
.has-error ul.form-errors, .has-error ul.form-errors li { list-style-type: none; margin: 0; padding: 0;  }
.has-error ul.form-errors li { color: #cc5965; display: inline-block; margin-left: 5px; font-weight: 700 }
.has-error .control-label { color: inherit }

.top-navigation .navbar-brand { padding-top: 5px; padding-bottom: 5px }
.top-navigation .navbar-brand,
.navbar-fixed-top, .navbar-static-top { background: #ffffff }
.top-navigation .wrapper.wrapper-content { padding:20px 10px }

.pos-relative { position: relative }
.btn-clipboard {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    display: block;
    padding: 4px 8px;
    font-size: 11px;
    color: #767676;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #e1e1e8;
    border-radius: 0 4px 0 4px;
}

.form-search label { display:block }
.form-search div.form-group { float: left; margin-right: 20px; margin-bottom: 10px;  }
.form-search div.form-group .form-control,
.form-search div.form-group .select2-dropdown,
.form-search div.form-group .select2-container { min-width: 300px; max-width: 350px }
.form-search div.form-group .calendar { min-width: 0 }
.form-search div.form-group .input-group { max-width: 435px; }

.esocial-numberFilter-type { float: left;  }
.esocial-dateFilter-type { float: left;  }
.esocial-dateFilter-type .input-group { max-width: 150px; }
.esocial-dateFilter-type label { padding: 0 10px; display: table-cell; vertical-align: middle;}
.esocial-dateFilter-type div.form-group { margin-right: 0; min-width: 0; display: table; margin-bottom: 0 }

.esocial-numberFilter-type div.form-group { margin: 0; min-width: 0; display: table; }
.esocial-numberFilter-type div.form-group .form-control { max-width: 120px; min-width: 0; }
.esocial-numberFilter-type label {  padding: 0 10px; display: table-cell; vertical-align: middle; }

/* div.form-group .esocial-dateFilter-datetime-type { display: table } */
div.form-group .input-group.date { width: 150px }
div.form-group .esocial-dateFilter-date-type { max-width: 155px; padding-right: 3px; }
div.form-group .esocial-dateFilter-time-type select { min-width: auto !important; max-width:65px !important; display:inline-block }
div.form-group .esocial-dateFilter-time-type-wrapper { display: table-cell; }

.form-control.esocial-option-choice-multiple { padding-left:6px; padding-right:6px; padding-top:3px; padding-bottom: 3px; min-height: 34px; height: auto}
.form-control.esocial-option-choice-multiple ul,
.form-control.esocial-option-choice-multiple ul li { margin:0; padding:0; list-style-type: none }
.form-control.esocial-option-choice-multiple ul {
    background-color: #FFFFFF;
    cursor: text;
    height: auto !important;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.form-control.esocial-option-choice-multiple ul li.option-choice {
    font-size: small;
    background: #f1f1f1;
    border: 1px solid #ededed;
    border-radius: 2px;
    box-shadow: none;
    color: #333333;
    cursor: default;
    line-height: 13px;
    margin: 2px 4px 2px 0;
    padding: 3px;
    position: relative;
    float:left;
}

fieldset fieldset legend {
    margin-bottom: 10px;
    font-size: 85%;
}

.dataTable .expanded-group {
    background: transparent url(/bundles/esocialadmin/img/datatable-collapse.png) no-repeat 10px center;
    padding-left: 40px !important;
}
.dataTable .collapsed-group {
    background: transparent url(/bundles/esocialadmin/img/datatable-expand.png) no-repeat 10px center;
    padding-left: 40px !important;
}