/* =========================================================
   GESTOR DE HUESOS
   ========================================================= */

.bone-entry-content {

    width: 100%;

    box-sizing: border-box;

    padding: 14px 16px;

}


/* =========================================================
   CAMPOS
   ========================================================= */

.bone-entry-field {

    width: 100%;

    margin-bottom: 12px;

}


.bone-entry-field label {

    display: block;

    margin-bottom: 5px;

    color: #fff;

    font-size: 14px;

}


.bone-entry-field select {

    width: 100%;

    height: 34px;

    box-sizing: border-box;

    padding: 4px 8px;

    border: 1px solid #555;

    border-radius: 4px;

    background: #222;

    color: #fff;

    font-size: 14px;

}


.bone-entry-field select:disabled {

    opacity: 0.45;

    cursor: default;

}


/* =========================================================
   BOTÓN ASOCIAR
   ========================================================= */

.bone-entry-associate-container {

    display: flex;

    justify-content: center;

    margin-top: 20px;

}


.bone-entry-associate-button {

    min-width: 110px;

    height: 36px;

    padding: 0 18px;

    border: 1px solid #555;

    border-radius: 5px;

    background: #222;

    color: #fff;

    cursor: pointer;

}


.bone-entry-associate-button:disabled {

    opacity: 0.4;

    cursor: default;

}


.bone-entry-associate-button:not(:disabled):hover {

    background: #333;

}