/*******************************************************************************
                                  GAPS
*******************************************************************************/
/* gaps */
.gap {
    clear: both;
    display: block;
    height: 15px;
    width: 100%;
}
.gap20 {
    clear: both;
    display: block;
    height: 20px;
    width: 100%;
}
.gap30 {
    clear: both;
    display: block;
    height: 30px;
    width: 100%;
}
.gap40 {
    clear: both;
    display: block;
    height: 40px;
    width: 100%;
}

/*******************************************************************************
                                  TABLE
*******************************************************************************/
.borderless,
.borderless td,
.borderless th{
   border: 0px !important;
   border-top:0px !important;
}

.padded-lg{
  padding:20px;
}

.no-padding{
  padding:0px !important;
}

@media (min-width: 768px) {
  .row.equal {
    display: flex;
    flex-wrap: wrap;
  }
}

/*******************************************************************************
                              MODALS
*******************************************************************************/
/*                                   DELETE MODAL                             */
/*******************************************************************************
                                  MODALS
*******************************************************************************/
.delete-modal .modal-header{
  background: #c9302c;
  color: #fff;
}
.modal-content{
  border-radius: 0;
}
/*                            FLAT DESIGN                                     */
.flat{
  border-radius:0 !important;
}



/* flat color alerts */
.alert-danger {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #fff;
}
.alert-warning {
    background-color: #e67e22;
    border-color: #e67e22;
    color: #fff;
}
.alert-info {
    background-color: #3498db;
    border-color: #3498db;
    color: #fff;
}
.alert-success {
    background-color: #1abc9c;
    border-color: #1abc9c;
    color: #fff;
}

.alert-gray {
    background-color: #ddd;
    border-color: #ddd;
    color: #777;
}
.alert-white {
    background-color: #fff;
    border-color: #fff;
    color: #777;
}
.alert-thin-gray {
    background-color: transparent;
    border-color: #ccc;
    color: #777;
}

/* text colors */
.text-danger {
    color: #e74c3c;
}
.text-warning {
    color: #e67e22;
}
.text-info {
    color: #3498db;
}
.text-success {
    color: #1abc9c;
}