/************************************************
                    BASIC CSS
-------------------------------------------------
default unit percent
.bs-width-10 = width:10%
.bs-padding10 = padding:10px;
*************************************************/

.bs-padding10 {
    padding: 10px;
}

.bs-padding20 {
    padding: 20px;
}

.bs-padding30 {
    padding: 30px;
}

.bs-margin10 {
	margin: 10px;
}
.bs-margin20 {
	margin: 20px;
}
.bs-margin30 {
	margin: 30px;
}
.bs-mb10 {
	margin-bottom: 10px;
}
.bs-mt10 {
	margin-top: 10px;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.bs-width-1 {
    width: 1%
}

.bs-width-2 {
    width: 2%
}

.bs-width-3 {
    width: 3%
}

.bs-width-4 {
    width: 4%
}

.bs-width-5 {
    width: 5%
}

.bs-width-6 {
    width: 6%
}

.bs-width-7 {
    width: 7%
}

.bs-width-8 {
    width: 8%
}

.bs-width-9 {
    width: 9%
}

.bs-width-10 {
    width: 10%
}

.bs-width-11 {
    width: 11%
}

.bs-width-12 {
    width: 12%
}

.bs-width-13 {
    width: 13%
}

.bs-width-14 {
    width: 14%
}

.bs-width-15 {
    width: 15%
}

.bs-width-16 {
    width: 16%
}

.bs-width-17 {
    width: 17%
}

.bs-width-18 {
    width: 18%
}

.bs-width-19 {
    width: 19%
}

.bs-width-20 {
    width: 20%
}

.bs-width-21 {
    width: 21%
}

.bs-width-22 {
    width: 22%
}

.bs-width-23 {
    width: 23%
}

.bs-width-24 {
    width: 24%
}

.bs-width-25 {
    width: 25%
}

.bs-width-26 {
    width: 26%
}

.bs-width-27 {
    width: 27%
}

.bs-width-28 {
    width: 28%
}

.bs-width-29 {
    width: 29%
}

.bs-width-30 {
    width: 30%
}

.bs-width-31 {
    width: 31%
}

.bs-width-32 {
    width: 32%
}

.bs-width-33 {
    width: 33%
}

.bs-width-34 {
    width: 34%
}

.bs-width-35 {
    width: 35%
}

.bs-width-36 {
    width: 36%
}

.bs-width-37 {
    width: 37%
}

.bs-width-38 {
    width: 38%
}

.bs-width-39 {
    width: 39%
}

.bs-width-40 {
    width: 40%
}

.bs-width-41 {
    width: 41%
}

.bs-width-42 {
    width: 42%
}

.bs-width-43 {
    width: 43%
}

.bs-width-44 {
    width: 44%
}

.bs-width-45 {
    width: 45%
}

.bs-width-46 {
    width: 46%
}

.bs-width-47 {
    width: 47%
}

.bs-width-48 {
    width: 48%
}

.bs-width-49 {
    width: 49%
}

.bs-width-50 {
    width: 50%
}

.bs-width-51 {
    width: 51%
}

.bs-width-52 {
    width: 52%
}

.bs-width-53 {
    width: 53%
}

.bs-width-54 {
    width: 54%
}

.bs-width-55 {
    width: 55%
}

.bs-width-56 {
    width: 56%
}

.bs-width-57 {
    width: 57%
}

.bs-width-58 {
    width: 58%
}

.bs-width-59 {
    width: 59%
}

.bs-width-60 {
    width: 60%
}

.bs-width-61 {
    width: 61%
}

.bs-width-62 {
    width: 62%
}

.bs-width-63 {
    width: 63%
}

.bs-width-64 {
    width: 64%
}

.bs-width-65 {
    width: 65%
}

.bs-width-66 {
    width: 66%
}

.bs-width-67 {
    width: 67%
}

.bs-width-68 {
    width: 68%
}

.bs-width-69 {
    width: 69%
}

.bs-width-70 {
    width: 70%
}

.bs-width-71 {
    width: 71%
}

.bs-width-72 {
    width: 72%
}

.bs-width-73 {
    width: 73%
}

.bs-width-74 {
    width: 74%
}

.bs-width-75 {
    width: 75%
}

.bs-width-76 {
    width: 76%
}

.bs-width-77 {
    width: 77%
}

.bs-width-78 {
    width: 78%
}

.bs-width-79 {
    width: 79%
}

.bs-width-80 {
    width: 80%
}

.bs-width-81 {
    width: 81%
}

.bs-width-82 {
    width: 82%
}

.bs-width-83 {
    width: 83%
}

.bs-width-84 {
    width: 84%
}

.bs-width-85 {
    width: 85%
}

.bs-width-86 {
    width: 86%
}

.bs-width-87 {
    width: 87%
}

.bs-width-88 {
    width: 88%
}

.bs-width-89 {
    width: 89%
}

.bs-width-90 {
    width: 90%
}

.bs-width-91 {
    width: 91%
}

.bs-width-92 {
    width: 92%
}

.bs-width-93 {
    width: 93%
}

.bs-width-94 {
    width: 94%
}

.bs-width-95 {
    width: 95%
}

.bs-width-96 {
    width: 96%
}

.bs-width-97 {
    width: 97%
}

.bs-width-98 {
    width: 98%
}

.bs-width-99 {
    width: 99%
}

.bs-width-100 {
    width: 100%
}

.strong {
  font-weight: bold;
}


@media (max-width: 767px) {

    /* table basic */
    table.bs-xs-table {
        display: block;
        border-left-width: 0px;
        border-right-width: 0px;
        border-top-width: 2px;
        border-bottom-width: 2px;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /* thead, tbody, tfoot basic */
    table.bs-xs-table>thead,
    table.bs-xs-table>tbody,
    table.bs-xs-table>tfoot {
        display: block;
        width: 100%;
    }

    /* tr, th, td */
    table.bs-xs-table>thead>tr,
    table.bs-xs-table>thead>tr>th,
    table.bs-xs-table>thead>tr>td {
        display: block;
        width: 100%;
    }

    /* tr, th, td */
    table.bs-xs-table>tbody>tr,
    table.bs-xs-table>tbody>tr>th,
    table.bs-xs-table>tbody>tr>td {
        display: block;
        width: 100%;
        text-align: left;
    }

    /* tr, th, td */
    table.bs-xs-table>tfoot>tr,
    table.bs-xs-table>tfoot>tr>th,
    table.bs-xs-table>tfoot>tr>td {
        display: block;
        width: 100%;
     }

    /* tr bootom padding */
    .table.bs-xs-table>tbody>tr:not(:last-child) {
        margin-bottom: 10px;
    }

    table.bs-xs-table>tbody>tr>*:not(:last-child) {
        border-bottom-width: 0px;
    }

}