/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 18-oct-2018, 14:52:59
    Author     : austronanimo
*/

body{
    padding: 0px;
}

.bg-page {
    background: #8BC34A;
}

.imgMenu {
    max-height: 100px;
    width: 100%;
    border: 1px solid #5d7cf7;
}

.white{
    color: white;
}

.iconLogin{
    width: 13%;
    border-radius: 5px;
}
.iconOferta{
    width: 30%;
}
.card-header {
    background: #fff;
}

.alert-danger {
    color: #fff;
    background: #c10000 !important;
}

.alert-success {
    color: #155724;
    background: #8bc34a !important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #9ecc69 !important;
    border-color: #698c40 !important    ;
}

.btn-info:hover {
    color: #fff;
    background-color: #173fb8 !important;
    border-color: #173fb8 !important;
}

.input-group-addon {
    padding: 6px 22px !important;
}

@media only screen and (max-width: 700px) {
    .iconLogin{
        width: 100%;
    }

    .iconOferta{
        width: 100%;
    }
}

.modal-contract .modal-dialog {
    max-width: 90%;
}
.modal-contract .modal-content {
    width: 90%;
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 1500px;
    }
}


/* Para poder modificar el ancho de un input */
/* Contenedor que envuelve el input y el icono */
.resizable-wrapper {
    display: inline-block;
    position: relative;
    width: 200px; /* Ancho inicial */
  }
  /* Input con espacio a la derecha para el icono */
  .resizable-input {
    width: 100%;
    box-sizing: border-box;
    padding: 4px 30px 4px 4px; /* se deja espacio para el icono */
    border: 1px solid #ccc;
    transition: width 0.1s;
  }
  /* Icono posicionado en el lado derecho del input */
  .resize-icon {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    cursor: ew-resize;
    font-size: 16px;
    user-select: none;
    pointer-events: all;
  }
  /* Opcional: cambiar el cursor en el input mientras se redimensiona */
  .resizable-input.resizing {
    cursor: ew-resize;
  }

  /* SELECT 2 */
    .selection{
        width: 100%;
    }
    .select2-container--default .select2-selection--multiple {
        border: solid #e0e0e0 1px;
        height: 40px;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background: #3d83c0;
        color: white;
        border: 1px solid white !important;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: white;
    }