/*MARGENES*/

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-50 {
    margin-top: 50px;
}

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

.margin-top-70 {
    margin-top: 70px;
}

.margin-top-80 {
    margin-top: 80px;
}

.margin-top-90 {
    margin-top: 90px;
}

.margin-top-100 {
    margin-top: 100px;
}

.margin-top-200 {
    margin-top: 200px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}

.margin-bottom-80 {
    margin-bottom: 80px;
}

.margin-bottom-100 {
    margin-bottom: 100px;
}

.margin-l-5 {
    margin-left: 5px;
}

.margin-l-10 {
    margin-left: 10px;
}

.margin-l-15 {
    margin-left: 15px;
}

.margin-l-20 {
    margin-left: 20px;
}

.margin-l-25 {
    margin-left: 25px;
}

.margin-l-30 {
    margin-left: 30px;
}

/*ANCHOS*/

.width-5 {
    width: 5%;
}

.width-10 {
    width: 10%;
}

.width-20 {
    width: 20%;
}

.width-25 {
    width: 25%;
}

.width-30 {
    width: 30%;
}

.width-33 {
    width: 33%;
}

.width-40 {
    width: 40%;
}

.width-50 {
    width: 50%;
}

.width-60 {
    width: 60%;
}

.width-65 {
    width: 65%;
}

.width-70 {
    width: 70%;
}

.width-75 {
    width: 75%;
}

.width-80 {
    width: 80%;
}

.width-90 {
    width: 90%;
}

.width-95 {
    width: 95%;
}

.width-100 {
    width: 100%;
}

.width-10-px {
    width: 10px;
}

.width-20-px {
    width: 20px;
}

.width-30-px {
    width: 30px;
}

.width-40-px {
    width: 40px;
}

.width-50-px {
    width: 50px;
}

.width-60-px {
    width: 60px;
}

.width-70-px {
    width: 70px;
}

.width-75-px {
    width: 75px;
}

.width-80-px {
    width: 80px;
}

.width-90-px {
    width: 90px;
}

/*ALTOS*/

.height-10 {
    height: 10px;
}

.height-20 {
    height: 20px;
}

.height-30 {
    height: 30px;
}

.height-40 {
    height: 40px;
}

.height-50 {
    height: 50px;
}

.height-60 {
    height: 60px;
}

.height-70 {
    height: 70px;
}

.height-80 {
    height: 80px;
}

.height-90 {
    height: 90px;
}

.height-100 {
    height: 100px;
}

.height-200 {
    height: 200px;
}

.height-300 {
    height: 300px;
}

.height-400 {
    height: 400px;
}

/*TEXTOS*/

.font-10-px {
    font-size: 10px;
}

.font-12-px {
    font-size: 12px;
}

.font-13-px {
    font-size: 13px;
}

.font-14-px {
    font-size: 14px;
}

.font-16-px {
    font-size: 16px;
}

.font-18-px {
    font-size: 18px;
}

.font-20-px {
    font-size: 20px;
}

.font-22-px {
    font-size: 22px;
}

.font-24-px {
    font-size: 24px;
}

.font-26-px {
    font-size: 26px;
}

.font-28-px {
    font-size: 28px;
}

.font-40-px {
    font-size: 40px;
}

.font-50-px {
    font-size: 50px;
}

.whiteFont {
    color: white;
}

.blackFont {
    color: black;
}

.boldFont {
    font-weight: bold;
}

/*INDEX*/

.z-index-1 {
    z-index: 1;
}

.z-index-2 {
    z-index: 2;
}

.z-index-3 {
    z-index: 3 !important;
}

.z-index-4 {
    z-index: 4;
}

/*FONDOS*/

.bkg-white {
    background-color: white;
}

.bkg-green {
    background-color: #00AD9A;
}

.bkg-olive {
    background-color: darkolivegreen;
}

.bkg-aqua {
    background-color: #57c09f;
}

.bkg-blue {
    background-color: #1B2A39;
}

.bkg-blue-hermogas {
    background-color: #27357a;
}

.bkg-orange {
    background-color: orangered;
}

.bkg-warning {
    background-color: #d9534f;
}

.bkg-error {
    background-color: #f65753;
}

.bkg-red {
    background-color: #b70000;
}

.bkg-purple {
    background-color: #800080;
}

.bkg-gray-light {
    background-color: #ccc;
}

.bkg-blue-light {
    background-color: #337ab7;
}

.bkg-black-light {
    background-color: #373737;
}

/*HELPERS*/

.notVisible {
    display: none !important;
}

.noresize {
    resize: none !important;
}

.pointerHover {
    cursor: pointer !important;
}

.capitalize {
    text-transform: capitalize !important;
}

.table-padding-7-5 tr td {
    padding: 7px 5px !important;
}

.table-padding-10-5 tr td {
    padding: 10px 5px !important;
}

.table-padding-15-5 tr td {
    padding: 15px 5px !important;
}

.overflow-x-auto {
    overflow-x: auto !important;
}

/*MODALS*/

.modal-width-30 {
    width: 30% !important;
}

.modal-width-40 {
    width: 40% !important;
}

.modal-width-50 {
    width: 50% !important;
}

/* BORDER RADIUS */

.border-radius-2 {
    border-radius: 2px;
}

.border-radius-3 {
    border-radius: 3px;
}

.border-radius-5 {
    border-radius: 5px;
}

.border-radius-10 {
    border-radius: 10px;
}

/**Botones**/
.btn-black {
    background-color: #222222;
    color: white;
}

/**Botones**/