body {
    /*padding-top: 50px;
    padding-bottom: 20px;*/
}

/* Set padding to keep content from hitting the edges */
.body-content {
    /*padding-left: 15px;
    padding-right: 15px;*/
    width: 80% !important;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 700px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

/*---Clientes---*/
.client-form-items {
    width: 195px;
    float: left;
    margin-left: 10px;
}

#client-form-dialog-content {
    width: 900px;
}
/*---Clientes---*/



/**---Menu---*/
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu .open > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu .open > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }


/* Freez column */
div.tableFreeze {
    width: 110%;
    overflow-x: scroll;
}

.headcol {
    position: sticky;
}

.searchIconFreeze {
    text-align: center;
    min-width: 50px;
    width: 50px;
    right: 85px;
    background-color: white;
}

.actionIconFreeze {
    width: 40px;
    min-width: 40px;
    text-align: center;
    right: 45px;
    background-color: white;
}

.listIconFreeze {
    width: 45px;
    min-width: 45px;
    text-align: center;
    right: 0px;
    background-color: white;
}
/*---------------------------------*/

.pac-container {
    z-index: 10000 !important;
}


div.saveUserPreferences {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    float: right;
    padding: 10px 12px;
}

    div.saveUserPreferences span {
        font-size: 25px;
    }

.glyphicon-one-fine-red-dot:before {
    content: "\25cf";
    font-size: 2em;
    color: red;
}

.glyphicon-one-fine-yellow-dot:before {
    content: "\25cf";
    font-size: 2em;
    color: yellow;
}

.glyphicon-one-fine-green-dot:before {
    content: "\25cf";
    font-size: 2em;
    color: green;
}

.glyphicon-one-fine-blue-dot:before {
    content: "\25cf";
    font-size: 2em;
    color: dodgerblue;
}

.glyphicon-one-fine-violet-dot:before {
    content: "\25cf";
    font-size: 2em;
    color: violet;
}

.glyphicon-one-fine-salmon-dot:before {
    content: "\25cf";
    font-size: 2em;
    color:  darksalmon;
}

.glyphicon-one-fine-gray-dot:before {
    content: "\25cf";
    font-size: 2em;
    color: gray;
}

.glyphicon-one-fine-orange-dot:before {
    content: "\25cf";
    font-size: 2em;
    color: orange;
}
.glyphicon-one-fine-pink-dot:before {
    content: "\25cf";
    font-size: 2em;
    color: hotpink;
}

.glyphicon-one-fine-darkBlue-dot:before {
    content: "\25cf";
    font-size: 2em;
    color: #1C3E64;
}

.comStatus {
    line-height: 0.3 !Important;
}

.ordenDiaStatus {
    line-height: 0.3 !Important;
}

.ordenDiaGenericStatus {
    max-width: 20px !important;
    width: 20px !important;
    min-width: 20px !important;
    text-align: center;
}

/* Custom Style Notification */
#ErroNotifications {
    position: absolute;
    margin: auto 0;
    width: 100%;
}

    #ErroNotifications div.notification.alert.container {
        width: 70%;
        text-align: center;
        margin: 0 auto;
        margin-top: 10px;
        padding: 1em;
    }

.tdComStatus {
    max-width: 10px;
    text-align: center;
}

.editMultipleOrdenDia {
    float: right;
    margin-top: -20px;
    outline: none;
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: #d6f1ff !important;
}
/*---------------------------------*/

td {
    line-height: 1 !Important;
    max-height: 35px;
    height: 35px !Important;
    overflow: hidden;
    vertical-align: middle !Important;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 5px !important;
    margin: 0;
}

/* Custom style for app.lock()*/
h3#block-message {
    text-align: center;
    margin-top: 10px;
}

    h3#block-message span.glyphicon {
        font-size: 19px;
        font-weight: bold;
    }

div.alert {
    margin-top: 60px;
}

/* for fix style in dataTables*/
html {
    overflow-y: scroll;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: 13px !Important;
    font-family: Montserrat !Important;
}

/* For Upload */

div.file-caption.form-control.kv-fileinput-caption {
    border-radius: 0 !important;
    padding: 7px !important;
    margin: 0 !important;
    color: black !important;
}

div.btn.btn-primary.btn-file {
    margin: 0 !important;
    padding: 8px !important;
}

button.btn.btn-default.btn-secondary.fileinput-remove.fileinput-remove-button {
    border-radius: 0 !important;
    padding: 8px !important;
    background-color: #d65b5b !important;
    background-image: none !important;
}

/* END For Upload */

/* Init Filtros ORden Dia Index */
div.notificationForModal > div.notification {
    width: 90%;
    text-align: center;
    margin: auto;
    margin-bottom: 10px;
}

.form-filter {
    border: 2px solid rgb(88, 143, 254);
    border-radius: 6px;
    outline: none;
    padding: 8px 12px;
    max-width: 440px;
}

.clearFilter {
    background-color: #4ae;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    padding: 12px;
}

.clearAllFilter {
    background-color: #ff0052;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    padding: 6px;
}

/* End Filtros ORden Dia Index */


td.details-control {
    background: url(images/details_open.png) no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url(images/details_close.png) no-repeat center center;
}

.expandButton {
    min-width: 30px !important;
    max-width: 30px !important;
    width: 30px !important;
}