@charset "UTF-8";
@import url('./style_margin.css');
@import url('./style_padding.css');
@import url('./style_size.css');

/* color */
.color-1 {color:#111 !important}
.color-2 {color:#222 !important}
.color-3 {color:#333 !important}
.color-4 {color:#444 !important}
.color-5 {color:#555 !important}
.color-6 {color:#666 !important}
.color-7 {color:#777 !important}
.color-8 {color:#888 !important}
.color-9 {color:#999 !important}
.color-a {color:#aaa !important}
.color-b {color:#bbb !important}
.color-c {color:#ccc !important}
.color-d {color:#ddd !important}
.color-e {color:#eee !important}
.color-f {color:#fff !important}

.color-gray {color:#67747c !important}
.color-light-gray {color:#99a9b3 !important}
.color-dark-gray {color:#2c3643 !important}

.color-red {color:#fa5e5b !important}
.color-light-red {color:#ff7675 !important}
.color-dark-red {color:#c0392b !important}

.color-pink {color:#ff708e !important}

.color-blue {color:#288ad6 !important}
.color-light-blue {color:#74b9ff !important}
.color-midnight-blue {color:#2c3e50 !important}
.color-dark-blue {color:#142b44 !important}
.color-navy {color:#1d508d !important}

.color-yellow {color:#f1c40f !important}
.color-light-yellow {color:#feef6d !important}
.color-orange {color:#f39c12 !important}

.color-green {color:#27ae60 !important}
.color-light-green {color:#2ecc71 !important}
.color-dark-green {color:#16a085 !important}
.color-mint {color:#00b894 !important}

.color-pupple {color:#9b59b6 !important}
.color-light-pupple {color:#e056fd !important}
.color-dark-pupple {color:#8e44ad !important}

/* checkbox */