/**
 * Display
 */

.hidden { display: none; }
.overflow-hidden { overflow: hidden !important; }
.overflow-scroll { overflow: scroll !important; }
.overflow-x-scroll { overflow-x: scroll !important; }
.overflow-y-scroll { overflow-y: scroll !important; }

/**
 * Margins & Paddings
 */

.mg-0 { margin: 0px !important; }
.mg-1 { margin: 1px !important; }
.mg-2 { margin: 2px !important; }
.mg-3 { margin: 3px !important; }
.mg-4 { margin: 4px !important; }
.mg-5 { margin: 5px !important; }
.mg-6 { margin: 6px !important; }
.mg-7 { margin: 7px !important; }
.mg-8 { margin: 8px !important; }
.mg-9 { margin: 9px !important; }
.mg-10 { margin: 10px !important; }
.mg-15 { margin: 15px !important; }
.mg-20 { margin: 20px !important; }
.mg-25 { margin: 25px !important; }
.mg-30 { margin: 30px !important; }
.mg-35 { margin: 35px !important; }
.mg-40 { margin: 40px !important; }
.mg-45 { margin: 45px !important; }
.mg-50 { margin: 50px !important; }
.mg-t-0 { margin-top: 0px !important; }
.mg-t-1 { margin-top: 1px !important; }
.mg-t-2 { margin-top: 2px !important; }
.mg-t-3 { margin-top: 3px !important; }
.mg-t-4 { margin-top: 4px !important; }
.mg-t-5 { margin-top: 5px !important; }
.mg-t-6 { margin-top: 6px !important; }
.mg-t-7 { margin-top: 7px !important; }
.mg-t-8 { margin-top: 8px !important; }
.mg-t-9 { margin-top: 9px !important; }
.mg-t-10 { margin-top: 10px !important; }
.mg-t-15 { margin-top: 15px !important; }
.mg-t-20 { margin-top: 20px !important; }
.mg-t-25 { margin-top: 25px !important; }
.mg-t-30 { margin-top: 30px !important; }
.mg-t-35 { margin-top: 35px !important; }
.mg-t-40 { margin-top: 40px !important; }
.mg-t-45 { margin-top: 45px !important; }
.mg-t-50 { margin-top: 50px !important; }
.mg-r-0 { margin-right: 0px !important; }
.mg-r-1 { margin-right: 1px !important; }
.mg-r-2 { margin-right: 2px !important; }
.mg-r-3 { margin-right: 3px !important; }
.mg-r-4 { margin-right: 4px !important; }
.mg-r-5 { margin-right: 5px !important; }
.mg-r-6 { margin-right: 6px !important; }
.mg-r-7 { margin-right: 7px !important; }
.mg-r-8 { margin-right: 8px !important; }
.mg-r-9 { margin-right: 9px !important; }
.mg-r-10 { margin-right: 10px !important; }
.mg-r-15 { margin-right: 15px !important; }
.mg-r-20 { margin-right: 20px !important; }
.mg-r-25 { margin-right: 25px !important; }
.mg-r-30 { margin-right: 30px !important; }
.mg-r-35 { margin-right: 35px !important; }
.mg-r-40 { margin-right: 40px !important; }
.mg-r-45 { margin-right: 45px !important; }
.mg-r-50 { margin-right: 50px !important; }
.mg-b-0 { margin-bottom: 0px !important; }
.mg-b-1 { margin-bottom: 1px !important; }
.mg-b-2 { margin-bottom: 2px !important; }
.mg-b-3 { margin-bottom: 3px !important; }
.mg-b-4 { margin-bottom: 4px !important; }
.mg-b-5 { margin-bottom: 5px !important; }
.mg-b-6 { margin-bottom: 6px !important; }
.mg-b-7 { margin-bottom: 7px !important; }
.mg-b-8 { margin-bottom: 8px !important; }
.mg-b-9 { margin-bottom: 9px !important; }
.mg-b-10 { margin-bottom: 10px !important; }
.mg-b-15 { margin-bottom: 15px !important; }
.mg-b-20 { margin-bottom: 20px !important; }
.mg-b-25 { margin-bottom: 25px !important; }
.mg-b-30 { margin-bottom: 30px !important; }
.mg-b-35 { margin-bottom: 35px !important; }
.mg-b-40 { margin-bottom: 40px !important; }
.mg-b-45 { margin-bottom: 45px !important; }
.mg-b-50 { margin-bottom: 50px !important; }
.mg-l-0 { margin-left: 0px !important; }
.mg-l-1 { margin-left: 1px !important; }
.mg-l-2 { margin-left: 2px !important; }
.mg-l-3 { margin-left: 3px !important; }
.mg-l-4 { margin-left: 4px !important; }
.mg-l-5 { margin-left: 5px !important; }
.mg-l-6 { margin-left: 6px !important; }
.mg-l-7 { margin-left: 7px !important; }
.mg-l-8 { margin-left: 8px !important; }
.mg-l-9 { margin-left: 9px !important; }
.mg-l-10 { margin-left: 10px !important; }
.mg-l-15 { margin-left: 15px !important; }
.mg-l-20 { margin-left: 20px !important; }
.mg-l-25 { margin-left: 25px !important; }
.mg-l-30 { margin-left: 30px !important; }
.mg-l-35 { margin-left: 35px !important; }
.mg-l-40 { margin-left: 40px !important; }
.mg-l-45 { margin-left: 45px !important; }
.mg-l-50 { margin-left: 50px !important; }
.mg-x-0 { margin-right: 0px !important; margin-left: 0px !important; }
.mg-x-1 { margin-right: 1px !important; margin-left: 1px !important; }
.mg-x-2 { margin-right: 2px !important; margin-left: 2px !important; }
.mg-x-3 { margin-right: 3px !important; margin-left: 3px !important; }
.mg-x-4 { margin-right: 4px !important; margin-left: 4px !important; }
.mg-x-5 { margin-right: 5px !important; margin-left: 5px !important; }
.mg-x-6 { margin-right: 6px !important; margin-left: 6px !important; }
.mg-x-7 { margin-right: 7px !important; margin-left: 7px !important; }
.mg-x-8 { margin-right: 8px !important; margin-left: 8px !important; }
.mg-x-9 { margin-right: 9px !important; margin-left: 9px !important; }
.mg-x-10 { margin-right: 10px !important; margin-left: 10px !important; }
.mg-x-15 { margin-right: 15px !important; margin-left: 15px !important; }
.mg-x-20 { margin-right: 20px !important; margin-left: 20px !important; }
.mg-x-25 { margin-right: 25px !important; margin-left: 25px !important; }
.mg-x-30 { margin-right: 30px !important; margin-left: 30px !important; }
.mg-x-35 { margin-right: 35px !important; margin-left: 35px !important; }
.mg-x-40 { margin-right: 40px !important; margin-left: 40px !important; }
.mg-x-45 { margin-right: 45px !important; margin-left: 45px !important; }
.mg-x-50 { margin-right: 50px !important; margin-left: 50px !important; }
.mg-y-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
.mg-y-1 { margin-top: 1px !important; margin-bottom: 1px !important; }
.mg-y-2 { margin-top: 2px !important; margin-bottom: 2px !important; }
.mg-y-3 { margin-top: 3px !important; margin-bottom: 3px !important; }
.mg-y-4 { margin-top: 4px !important; margin-bottom: 4px !important; }
.mg-y-5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.mg-y-6 { margin-top: 6px !important; margin-bottom: 6px !important; }
.mg-y-7 { margin-top: 7px !important; margin-bottom: 7px !important; }
.mg-y-8 { margin-top: 8px !important; margin-bottom: 8px !important; }
.mg-y-9 { margin-top: 9px !important; margin-bottom: 9px !important; }
.mg-y-10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mg-y-15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.mg-y-20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mg-y-25 { margin-top: 25px !important; margin-bottom: 25px !important; }
.mg-y-30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.mg-y-35 { margin-top: 35px !important; margin-bottom: 35px !important; }
.mg-y-40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.mg-y-45 { margin-top: 45px !important; margin-bottom: 45px !important; }
.mg-y-50 { margin-top: 50px !important; margin-bottom: 50px !important; }

.pd-0 { padding: 0px !important; }
.pd-1 { padding: 1px !important; }
.pd-2 { padding: 2px !important; }
.pd-3 { padding: 3px !important; }
.pd-4 { padding: 4px !important; }
.pd-5 { padding: 5px !important; }
.pd-6 { padding: 6px !important; }
.pd-7 { padding: 7px !important; }
.pd-8 { padding: 8px !important; }
.pd-9 { padding: 9px !important; }
.pd-10 { padding: 10px !important; }
.pd-15 { padding: 15px !important; }
.pd-20 { padding: 20px !important; }
.pd-25 { padding: 25px !important; }
.pd-30 { padding: 30px !important; }
.pd-35 { padding: 35px !important; }
.pd-40 { padding: 40px !important; }
.pd-45 { padding: 45px !important; }
.pd-50 { padding: 50px !important; }
.pd-t-0 { padding-top: 0px !important; }
.pd-t-1 { padding-top: 1px !important; }
.pd-t-2 { padding-top: 2px !important; }
.pd-t-3 { padding-top: 3px !important; }
.pd-t-4 { padding-top: 4px !important; }
.pd-t-5 { padding-top: 5px !important; }
.pd-t-6 { padding-top: 6px !important; }
.pd-t-7 { padding-top: 7px !important; }
.pd-t-8 { padding-top: 8px !important; }
.pd-t-9 { padding-top: 9px !important; }
.pd-t-10 { padding-top: 10px !important; }
.pd-t-15 { padding-top: 15px !important; }
.pd-t-20 { padding-top: 20px !important; }
.pd-t-25 { padding-top: 25px !important; }
.pd-t-30 { padding-top: 30px !important; }
.pd-t-35 { padding-top: 35px !important; }
.pd-t-40 { padding-top: 40px !important; }
.pd-t-45 { padding-top: 45px !important; }
.pd-t-50 { padding-top: 50px !important; }
.pd-r-0 { padding-right: 0px !important; }
.pd-r-1 { padding-right: 1px !important; }
.pd-r-2 { padding-right: 2px !important; }
.pd-r-3 { padding-right: 3px !important; }
.pd-r-4 { padding-right: 4px !important; }
.pd-r-5 { padding-right: 5px !important; }
.pd-r-6 { padding-right: 6px !important; }
.pd-r-7 { padding-right: 7px !important; }
.pd-r-8 { padding-right: 8px !important; }
.pd-r-9 { padding-right: 9px !important; }
.pd-r-10 { padding-right: 10px !important; }
.pd-r-15 { padding-right: 15px !important; }
.pd-r-20 { padding-right: 20px !important; }
.pd-r-25 { padding-right: 25px !important; }
.pd-r-30 { padding-right: 30px !important; }
.pd-r-35 { padding-right: 35px !important; }
.pd-r-40 { padding-right: 40px !important; }
.pd-r-45 { padding-right: 45px !important; }
.pd-r-50 { padding-right: 50px !important; }
.pd-b-0 { padding-bottom: 0px !important; }
.pd-b-1 { padding-bottom: 1px !important; }
.pd-b-2 { padding-bottom: 2px !important; }
.pd-b-3 { padding-bottom: 3px !important; }
.pd-b-4 { padding-bottom: 4px !important; }
.pd-b-5 { padding-bottom: 5px !important; }
.pd-b-6 { padding-bottom: 6px !important; }
.pd-b-7 { padding-bottom: 7px !important; }
.pd-b-8 { padding-bottom: 8px !important; }
.pd-b-9 { padding-bottom: 9px !important; }
.pd-b-10 { padding-bottom: 10px !important; }
.pd-b-15 { padding-bottom: 15px !important; }
.pd-b-20 { padding-bottom: 20px !important; }
.pd-b-25 { padding-bottom: 25px !important; }
.pd-b-30 { padding-bottom: 30px !important; }
.pd-b-35 { padding-bottom: 35px !important; }
.pd-b-40 { padding-bottom: 40px !important; }
.pd-b-45 { padding-bottom: 45px !important; }
.pd-b-50 { padding-bottom: 50px !important; }
.pd-l-0 { padding-left: 0px !important; }
.pd-l-1 { padding-left: 1px !important; }
.pd-l-2 { padding-left: 2px !important; }
.pd-l-3 { padding-left: 3px !important; }
.pd-l-4 { padding-left: 4px !important; }
.pd-l-5 { padding-left: 5px !important; }
.pd-l-6 { padding-left: 6px !important; }
.pd-l-7 { padding-left: 7px !important; }
.pd-l-8 { padding-left: 8px !important; }
.pd-l-9 { padding-left: 9px !important; }
.pd-l-10 { padding-left: 10px !important; }
.pd-l-15 { padding-left: 15px !important; }
.pd-l-20 { padding-left: 20px !important; }
.pd-l-25 { padding-left: 25px !important; }
.pd-l-30 { padding-left: 30px !important; }
.pd-l-35 { padding-left: 35px !important; }
.pd-l-40 { padding-left: 40px !important; }
.pd-l-45 { padding-left: 45px !important; }
.pd-l-50 { padding-left: 50px !important; }
.pd-x-0 { padding-right: 0px !important; padding-left: 0px !important; }
.pd-x-1 { padding-right: 1px !important; padding-left: 1px !important; }
.pd-x-2 { padding-right: 2px !important; padding-left: 2px !important; }
.pd-x-3 { padding-right: 3px !important; padding-left: 3px !important; }
.pd-x-4 { padding-right: 4px !important; padding-left: 4px !important; }
.pd-x-5 { padding-right: 5px !important; padding-left: 5px !important; }
.pd-x-6 { padding-right: 6px !important; padding-left: 6px !important; }
.pd-x-7 { padding-right: 7px !important; padding-left: 7px !important; }
.pd-x-8 { padding-right: 8px !important; padding-left: 8px !important; }
.pd-x-9 { padding-right: 9px !important; padding-left: 9px !important; }
.pd-x-10 { padding-right: 10px !important; padding-left: 10px !important; }
.pd-x-15 { padding-right: 15px !important; padding-left: 15px !important; }
.pd-x-20 { padding-right: 20px !important; padding-left: 20px !important; }
.pd-x-25 { padding-right: 25px !important; padding-left: 25px !important; }
.pd-x-30 { padding-right: 30px !important; padding-left: 30px !important; }
.pd-x-35 { padding-right: 35px !important; padding-left: 35px !important; }
.pd-x-40 { padding-right: 40px !important; padding-left: 40px !important; }
.pd-x-45 { padding-right: 45px !important; padding-left: 45px !important; }
.pd-x-50 { padding-right: 50px !important; padding-left: 50px !important; }
.pd-y-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
.pd-y-1 { padding-top: 1px !important; padding-bottom: 1px !important; }
.pd-y-2 { padding-top: 2px !important; padding-bottom: 2px !important; }
.pd-y-3 { padding-top: 3px !important; padding-bottom: 3px !important; }
.pd-y-4 { padding-top: 4px !important; padding-bottom: 4px !important; }
.pd-y-5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.pd-y-6 { padding-top: 6px !important; padding-bottom: 6px !important; }
.pd-y-7 { padding-top: 7px !important; padding-bottom: 7px !important; }
.pd-y-8 { padding-top: 8px !important; padding-bottom: 8px !important; }
.pd-y-9 { padding-top: 9px !important; padding-bottom: 9px !important; }
.pd-y-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.pd-y-15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.pd-y-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.pd-y-25 { padding-top: 25px !important; padding-bottom: 25px !important; }
.pd-y-30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.pd-y-35 { padding-top: 35px !important; padding-bottom: 35px !important; }
.pd-y-40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.pd-y-45 { padding-top: 45px !important; padding-bottom: 45px !important; }
.pd-y-50 { padding-top: 50px !important; padding-bottom: 50px !important; }

/**
 * Typo
 */

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-justify { text-align: justify; }

.text-black { color: #000 !important; }
.text-muted, .tx-muted { color: #ccc !important; }
.text-info, .tx-info { color: #56b0ee !important; }
.text-warning, .tx-warning { color: #fcb53f !important; }
.text-danger, .tx-danger { color: #ff7877 !important; }
.text-success, .tx-success { color: #1bbc9b !important; }

.text-bold, .bold, .tx-bold { font-weight: bold; }

/**
 * Heights and widths.
 */

.h-50 { height: 50px; }
.h-100 { height: 100px; }
.h-150 { height: 150px; }
.h-200 { height: 200px; }
.h-250 { height: 250px; }
.h-300 { height: 300px; }

.mh-50 { max-height: 50px; }
.mh-100 { max-height: 100px; }
.mh-150 { max-height: 150px; }
.mh-200 { max-height: 200px; }
.mh-250 { max-height: 250px; }
.mh-300 { max-height: 300px; }

/**
 * Backgrounds
 */

.bg-info { background-color: #dff2fe !important; }
.bg-warning { background-color: #fff4e2 !important; }
.bg-danger { background-color: #fdeaea !important; }
.bg-success { background-color: #e6fdf8 !important; }

.bg-light-grey { background-color: #f9f9f9 !important; }