/*------------------------------------
- COLOR darkgrey
------------------------------------*/
.alert-darkgrey { color: #111; background-color: #cfcfcf; border-color: #c5c5c5; }
.alert-darkgrey hr { background-color: #444; }
.alert-darkgrey .alert-link { color: #000000; }
.badge-darkgrey { color: #fff; background-color: #444; }
.badge-darkgrey[href]:hover, .badge-darkgrey[href]:focus { color: #fff; background-color: #3b3b3b; }
.bg-darkgrey { background-color: #444 !important; }
a.bg-darkgrey:hover, a.bg-darkgrey:focus, button.bg-darkgrey:hover, button.bg-darkgrey:focus { background-color: #3b3b3b !important; }
.border-darkgrey { border-color: #444 !important; }
.btn-darkgrey { color: #fff; background-color: #444; border-color: #444; }
.btn-darkgrey:hover { color: #fff; background-color: #303030; border-color: #282828; }
.btn-darkgrey:focus, .btn-darkgrey.focus { box-shadow: 0 0 0 0.2rem rgba(85, 85, 85, 0.5); }
.btn-darkgrey.disabled, .btn-darkgrey:disabled { color: #fff; background-color: #444; border-color: #444; }
.btn-darkgrey:not(:disabled):not(.disabled):active, .btn-darkgrey:not(:disabled):not(.disabled).active, .show > .btn-darkgrey.dropdown-toggle { color: #fff; background-color: #333333; border-color: #282828; }
.btn-darkgrey:not(:disabled):not(.disabled):active:focus, .btn-darkgrey:not(:disabled):not(.disabled).active:focus, .show > .btn-darkgrey.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(85, 85, 85, 0.5); }
.btn-outline-darkgrey { color: #444; background-color: transparent; border-color: #444; }
.btn-outline-darkgrey:hover { color: #fff; background-color: #444; border-color: #444; }
.btn-outline-darkgrey:focus, .btn-outline-darkgrey.focus { box-shadow: 0 0 0 0.2rem rgba(85, 85, 85, 0.5); }
.btn-outline-darkgrey.disabled, .btn-outline-darkgrey:disabled { color: #444; background-color: transparent; }
.btn-outline-darkgrey:not(:disabled):not(.disabled):active, .btn-outline-darkgrey:not(:disabled):not(.disabled).active, .show > .btn-outline-darkgrey.dropdown-toggle { color: #fff; background-color: #444; border-color: #444; }
.btn-outline-darkgrey:not(:disabled):not(.disabled):active:focus, .btn-outline-darkgrey:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-darkgrey.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(85, 85, 85, 0.5); }
.btn-hollow-darkgrey { color: #444; background-color: #fff; border-color: #444; }
.btn-hollow-darkgrey:hover { color: #444; background-color: #b0b0b0; border-color: #444; }
.btn-hollow-darkgrey:focus, .btn-hollow-darkgrey.focus { box-shadow: 0 0 0 0.2rem rgba(85, 85, 85, 0.5); }
.btn-hollow-darkgrey.disabled, .btn-hollow-darkgrey:disabled { color: #444; background-color: #fff; }
.btn-hollow-darkgrey:not(:disabled):not(.disabled):active, .btn-hollow-darkgrey:not(:disabled):not(.disabled).active, .show > .btn-hollow-darkgrey.dropdown-toggle { color: #444; background-color: #b0b0b0; border-color: #444; }
.btn-hollow-darkgrey:not(:disabled):not(.disabled):active:focus, .btn-hollow-darkgrey:not(:disabled):not(.disabled).active:focus, .show > .btn-hollow-darkgrey.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(85, 85, 85, 0.5); }
.list-group-item-darkgrey { color: #111; background-color: #b0b0b0; }
.list-group-item-darkgrey.list-group-item-action:hover, .list-group-item-darkgrey.list-group-item-action:focus { color: #111; background-color: #a4a4a4; }
.list-group-item-darkgrey.list-group-item-action.active { color: #fff; background-color: #222; border-color: #222; }
.table-darkgrey, .table-darkgrey > th, .table-darkgrey > td { background-color: #b0b0b0; }
.table-hover .table-darkgrey:hover { background-color: #a4a4a4; }
.table-hover .table-darkgrey:hover > td, .table-hover .table-darkgrey:hover > th { background-color: #a4a4a4; }
.text-darkgrey { color: #444 !important; }
.text-darkgrey a { color: #111 !important; }
a.text-darkgrey:hover, a.text-darkgrey:focus { color: #666 !important; }
.text-darkgrey a:hover, .text-darkgrey a:focus { color: #666 !important; }
.text-hover-darkgrey:hover, .text-hover-darkgrey:focus { color: #111 !important; }
.bg-hover-darkgrey:hover, .bg-hover-darkgrey:focus { color: #fff; background-color: #444; }
.btn-hover-darkgrey { background-color: transparent !important; color: #444 !important; }
.btn-hover-darkgrey:hover, .btn-hover-darkgrey:focus { color: #fff !important; background-color: #303030 !important; }
.pagination-darkgrey .page-link { font-size: 15px; color: #777777; }
.pagination-darkgrey .page-link i { position: relative; top: -2px; }
.pagination-darkgrey .page-link:hover { color: #fff; background-color: #444444; border-color: #333333; text-decoration: none; }
.pagination-darkgrey .page-item.active .page-link { color: #fff; background-color: #444444; border-color: #333333; }
table.table-darkgrey-hover tbody tr:hover { background-color: rgba(85, 85, 85, 0.15); }

/*------------------------------------
- COLOR grey
------------------------------------*/
.alert-grey { color: #4a4a4a; background-color: #E6E6E6; border-color: #E0E0E0; }
.alert-grey hr { background-color: #888888; }
.alert-grey .alert-link { color: #313131; }
.badge-grey { color: #fff; background-color: #888888; }
.badge-grey[href]:hover, .badge-grey[href]:focus { color: #fff; background-color: #777; }
.bg-grey { background-color: #888888 !important; }
a.bg-grey:hover, a.bg-grey:focus, button.bg-grey:hover, button.bg-grey:focus { background-color: #777 !important; }
.border-grey { border-color: #888888 !important; }
.btn-grey { color: #fff; background-color: #888888; border-color: #777; }
.btn-grey:hover { color: #fff; background-color: #767676; border-color: #777; }
.btn-grey:focus, .btn-grey.focus { box-shadow: 0 0 0 0.2rem rgba(136, 136, 136, 0.5); }
.btn-grey.disabled, .btn-grey:disabled { color: #fff; background-color: #a3a3a3; border-color: #888888; }
.btn-grey:not(:disabled):not(.disabled):active, .btn-grey:not(:disabled):not(.disabled).active, .show > .btn-grey.dropdown-toggle { color: #fff; background-color: #737373; border-color: #666666; }
.btn-grey:not(:disabled):not(.disabled):active:focus, .btn-grey:not(:disabled):not(.disabled).active:focus, .show > .btn-grey.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(136, 136, 136, 0.5); }
.btn-outline-grey { color: #888888; background-color: transparent; border-color: #888888; }
.btn-outline-grey:hover { color: #fff; background-color: #888888; border-color: #888888; }
.btn-outline-grey:focus, .btn-outline-grey.focus { box-shadow: 0 0 0 0.2rem rgba(136, 136, 136, 0.5); }
.btn-outline-grey.disabled, .btn-outline-grey:disabled { color: #888888; background-color: transparent; }
.btn-outline-grey:not(:disabled):not(.disabled):active, .btn-outline-grey:not(:disabled):not(.disabled).active, .show > .btn-outline-grey.dropdown-toggle { color: #fff; background-color: #888888; border-color: #888888; }
.btn-outline-grey:not(:disabled):not(.disabled):active:focus, .btn-outline-grey:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-grey.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(136, 136, 136, 0.5); }
.btn-hollow-grey { color: #333; background-color: #fff; border-color: #888888; }
.btn-hollow-grey:hover { color: #333; background-color: #e3e3e3; border-color: #888888; }
.btn-hollow-grey:focus, .btn-hollow-grey.focus { box-shadow: 0 0 0 0.2rem rgba(136, 136, 136, 0.5); }
.btn-hollow-grey.disabled, .btn-hollow-grey:disabled { color: #333; background-color:  #fff; }
.btn-hollow-grey:not(:disabled):not(.disabled):active, .btn-hollow-grey:not(:disabled):not(.disabled).active, .show > .btn-hollow-grey.dropdown-toggle { color: #333; background-color: #e3e3e3; border-color: #888888; }
.btn-hollow-grey:not(:disabled):not(.disabled):active:focus, .btn-hollow-grey:not(:disabled):not(.disabled).active:focus, .show > .btn-hollow-grey.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(136, 136, 136, 0.5); }
.list-group-item-grey { color: #4a4a4a; background-color: #e3e3e3; }
.list-group-item-grey.list-group-item-action:hover, .list-group-item-grey.list-group-item-action:focus { color: #4a4a4a; background-color: #d7d7d7; }
.list-group-item-grey.list-group-item-action.active { color: #fff; background-color: #4a4a4a; border-color: #4a4a4a; }
.table-grey, .table-grey > th, .table-grey > td { background-color: #e3e3e3; }
.table-hover .table-grey:hover { background-color: #d7d7d7; }
.table-hover .table-grey:hover > td, .table-hover .table-grey:hover > th { background-color: #d7d7d7; }
.text-grey { color: #888888 !important; }
.text-grey a { color: #888888 !important; }
a.text-grey:hover, a.text-grey:focus { color: #777 !important; }
.text-grey a:hover, .text-grey a:focus { color: #777 !important; }
.text-hover-grey:hover, .text-hover-grey:focus { color: #888888 !important; }
.bg-hover-grey:hover, .bg-hover-grey:focus { color: #fff; background-color: #888888; }
.btn-hover-grey { background-color: transparent !important; color: #888888 !important; }
.btn-hover-grey:hover, .btn-hover-grey:focus { color: #fff !important; background-color: #888888 !important; }
.pagination-grey .page-link { font-size: 15px; color: #777777; }
.pagination-grey .page-link i { position: relative; top: -2px; }
.pagination-grey .page-link:hover { color: #fff; background-color: #888888; border-color: #777; text-decoration: none; }
.pagination-grey .page-item.active .page-link { color: #fff; background-color: #888888; border-color: #777; }
table.table-grey-hover tbody tr:hover { background-color: rgba(136, 136, 136, 0.01); }

/*------------------------------------
- COLOR lightgrey
------------------------------------*/
.alert-lightgrey { color: #9f9f9f; background-color: #f1f1f1; border-color: #e7e7e7; }
.alert-lightgrey hr { background-color: #dddddd; }
.alert-lightgrey .alert-link { color: #868686; }
.badge-lightgrey { color: #333; background-color: #dddddd; }
.badge-lightgrey[href]:hover, .badge-lightgrey[href]:focus { color: #333; background-color: #c3c3c3; }
.bg-lightgrey { background-color: #dddddd !important; }
a.bg-lightgrey:hover, a.bg-lightgrey:focus, button.bg-lightgrey:hover, button.bg-lightgrey:focus { background-color: #c3c3c3 !important; }
.border-lightgrey { border-color: #dddddd !important; }
.btn-lightgrey { color: #333; background-color: #dddddd; border-color: #DDDDDD; }
.btn-lightgrey:hover { color: #333; background-color: #cbcbcb; border-color: #cbcbcb; }
.btn-lightgrey:focus, .btn-lightgrey.focus { box-shadow: 0 0 0 0.2rem rgba(221, 221, 221, 0.5); }
.btn-lightgrey.disabled, .btn-lightgrey:disabled { color: #333; background-color: #dddddd; border-color: #dddddd; }
.btn-lightgrey:not(:disabled):not(.disabled):active, .btn-lightgrey:not(:disabled):not(.disabled).active, .show > .btn-lightgrey.dropdown-toggle { color: #333; background-color: #c3c3c3; border-color: #c3c3c3; }
.btn-lightgrey:not(:disabled):not(.disabled):active:focus, .btn-lightgrey:not(:disabled):not(.disabled).active:focus, .show > .btn-lightgrey.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(221, 221, 221, 0.5); }
.btn-outline-lightgrey { color: #9f9f9f; background-color: transparent; border-color: #c3c3c3; }
.btn-outline-lightgrey:hover { color: #333; background-color: #dddddd; border-color: #c3c3c3; }
.btn-outline-lightgrey:focus, .btn-outline-lightgrey.focus { box-shadow: 0 0 0 0.2rem rgba(221, 221, 221, 0.5); }
.btn-outline-lightgrey.disabled, .btn-outline-lightgrey:disabled { color: #9f9f9f; background-color: transparent; }
.btn-outline-lightgrey:not(:disabled):not(.disabled):active, .btn-outline-lightgrey:not(:disabled):not(.disabled).active, .show > .btn-outline-lightgrey.dropdown-toggle { color: #333; background-color: #dddddd; border-color: #c3c3c3; }
.btn-outline-lightgrey:not(:disabled):not(.disabled):active:focus, .btn-outline-lightgrey:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-lightgrey.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(221, 221, 221, 0.5); }
.btn-hollow-lightgrey { color: #333; background-color: transparent; border-color: #c3c3c3; }
.btn-hollow-lightgrey:hover { color: #333; background-color: #e7e7e7; border-color: #c3c3c3; }
.btn-hollow-lightgrey:focus, .btn-hollow-lightgrey.focus { box-shadow: 0 0 0 0.2rem rgba(221, 221, 221, 0.5); }
.btn-hollow-lightgrey.disabled, .btn-hollow-lightgrey:disabled { color: #333; background-color: transparent; }
.btn-hollow-lightgrey:not(:disabled):not(.disabled):active, .btn-hollow-lightgrey:not(:disabled):not(.disabled).active, .show > .btn-hollow-lightgrey.dropdown-toggle { color: #333; background-color: #e7e7e7; border-color: #c3c3c3; }
.btn-hollow-lightgrey:not(:disabled):not(.disabled):active:focus, .btn-hollow-lightgrey:not(:disabled):not(.disabled).active:focus, .show > .btn-hollow-lightgrey.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(221, 221, 221, 0.5); }
.list-group-item-lightgrey { color: #9f9f9f; background-color: #e7e7e7; }
.list-group-item-lightgrey.list-group-item-action:hover, .list-group-item-lightgrey.list-group-item-action:focus { color: #9f9f9f; background-color: #dddddd; }
.list-group-item-lightgrey.list-group-item-action.active { color: #333; background-color: #9f9f9f; border-color: #9f9f9f; }
.table-lightgrey, .table-lightgrey > th, .table-lightgrey > td { background-color: #e7e7e7; }
.table-hover .table-lightgrey:hover { background-color: #dddddd; }
.table-hover .table-lightgrey:hover > td, .table-hover .table-lightgrey:hover > th { background-color: #dddddd; }
.text-lightgrey { color: #9f9f9f !important; }
.text-lightgrey a { color: #9f9f9f !important; }
a.text-lightgrey:hover, a.text-lightgrey:focus { color: #dddddd !important; }
.text-lightgrey a:hover, .text-lightgrey a:focus { color: #8b8b8b !important; }
.text-hover-lightgrey:hover, .text-hover-lightgrey:focus { color: #c3c3c3 !important; }
.bg-hover-lightgrey:hover, .bg-hover-lightgrey:focus { color: #fff; background-color: #DDDDDD; }
.btn-hover-lightgrey { background-color: transparent !important; }
.btn-hover-lightgrey:hover, .btn-hover-lightgrey:focus { color: #fff !important; background-color: #DDDDDD !important; }
.pagination-lightgrey .page-link { font-size: 15px; color: #868686; }
.pagination-lightgrey .page-link i { position: relative; top: -2px; }
.pagination-lightgrey .page-link:hover { color: #fff; background-color: #cbcbcb; border-color: #bbbbbb; text-decoration: none; }
.pagination-lightgrey .page-item.active .page-link { color: #fff; background-color: #cbcbcb; border-color: #bbbbbb; }
table.table-lightgrey-hover tbody tr:hover { background-color: rgba(221, 221, 221, 0.01); }

/*------------------------------------
- COLOR preset
------------------------------------*/
.alert-preset { color: #a2aebb; background-color: #f4f6f7; border-color: #ced4da; }
.alert-preset hr { background-color: #dee2e7; }
.alert-preset .alert-link { color: #8495a5; }
.badge-preset { color: #333; background-color: #e9ecef; }
.badge-preset[href]:hover, .badge-preset[href]:focus { color: #333; background-color: #cbd2d9; }
.bg-preset { background-color: #e9ecef !important; }
a.bg-preset:hover, a.bg-preset:focus, button.bg-preset:hover, button.bg-preset:focus { background-color: #cbd2d9 !important; }
.border-preset { border-color: #e9ecef !important; }
.btn-preset { color: #333; background-color: #e9ecef; border-color: #e9ecef; }
.btn-preset:hover { color: #333; background-color: #d4dadf; border-color: #cbd2d9; }
.btn-preset:focus, .btn-preset.focus { box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); }
.btn-preset.disabled, .btn-preset:disabled { color: #333; background-color: #e9ecef; border-color: #e9ecef; }
.btn-preset:not(:disabled):not(.disabled):active, .btn-preset:not(:disabled):not(.disabled).active, .show > .btn-preset.dropdown-toggle { color: #333; background-color: #cbd2d9; border-color: #c2cad3; }
.btn-preset:not(:disabled):not(.disabled):active:focus, .btn-preset:not(:disabled):not(.disabled).active:focus, .show > .btn-preset.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); }
.btn-outline-preset { color: #a2aebb; background-color: transparent; border-color: #ced4da; }
.btn-outline-preset:hover { color: #333; background-color: #e9ecef; border-color: #ced4da; }
.btn-outline-preset:focus, .btn-outline-preset.focus { box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); }
.btn-outline-preset.disabled, .btn-outline-preset:disabled { color: #afb2bb; background-color: transparent; }
.btn-outline-preset:not(:disabled):not(.disabled):active, .btn-outline-preset:not(:disabled):not(.disabled).active, .show > .btn-outline-preset.dropdown-toggle { color: #333; background-color: #e9ecef; border-color: #ced4da; }
.btn-outline-preset:not(:disabled):not(.disabled):active:focus, .btn-outline-preset:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-preset.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); }
.btn-hollow-preset { color: #333; background-color: transparent; border-color: #cbd2d9; }
.btn-hollow-preset:hover { color: #333; background-color: #e9ecef; border-color: #cbd2d9; }
.btn-hollow-preset:focus, .btn-hollow-preset.focus { box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); }
.btn-hollow-preset.disabled, .btn-hollow-preset:disabled { color: #333; background-color: transparent; }
.btn-hollow-preset:not(:disabled):not(.disabled):active, .btn-hollow-preset:not(:disabled):not(.disabled).active, .show > .btn-hollow-preset.dropdown-toggle { color: #333; background-color: #e9ecef; border-color: #cbd2d9; }
.btn-hollow-preset:not(:disabled):not(.disabled):active:focus, .btn-hollow-preset:not(:disabled):not(.disabled).active:focus, .show > .btn-hollow-preset.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); }
.list-group-item-preset { color: #a2aebb; background-color: #dee2e7; }
.list-group-item-preset.list-group-item-action:hover, .list-group-item-preset.list-group-item-action:focus { color: #a2aebb; background-color: #cbd2d9; }
.list-group-item-preset.list-group-item-action.active { color: #333; background-color: #a2aebb; border-color: #a2aebb; }
.table-preset, .table-preset > th, .table-preset > td { background-color: #dee2e7; }
.table-hover .table-preset:hover { background-color: #cbd2d9; }
.table-hover .table-preset:hover > td, .table-hover .table-preset:hover > th { background-color: #cbd2d9; }
.text-preset { color: #a2aebb !important; }
.text-preset a { color: #a2aebb !important; }
a.text-preset:hover, a.text-preset:focus { color: #8495a5 !important; }
.text-preset a:hover, .text-preset a:focus { color: #8495a5 !important; }
.text-hover-preset:hover, .text-hover-preset:focus { color: #E9ECEF !important; }
.bg-hover-preset:hover, .bg-hover-preset:focus { color: #fff; background-color: #E9ECEF; }
.btn-hover-preset { background-color: transparent !important; }
.btn-hover-preset:hover, .btn-hover-preset:focus { color: #fff !important; background-color: #E9ECEF !important; }
.pagination-preset .page-link { font-size: 15px; color: #8495a5; }
.pagination-preset .page-link i { position: relative; top: -2px; }
.pagination-preset .page-link:hover { color: #8495a5; background-color: #e9ecef; border-color: #cbd2d9; text-decoration: none; }
.pagination-preset .page-item.active .page-link { color: #8495a5; background-color: #e9ecef; border-color: #cbd2d9; }
table.table-preset-hover tbody tr:hover { background-color: rgba(233, 236, 239, 0.15); }

/*------------------------------------
- COLOR white
------------------------------------*/
.alert-white { color: #c0c0c0; background-color: #f7f7f7; border-color: #f2f2f2; }
.alert-white hr { background-color: #c5c5c5; }
.alert-white .alert-link { color: #a7a7a7; }
.badge-white { color: #222; background-color: #fff; }
.badge-white[href]:hover, .badge-white[href]:focus { color: #222; background-color: #e4e4e4; }
.bg-white { background-color: #fff !important; }
a.bg-white:hover, a.bg-white:focus, button.bg-white:hover, button.bg-white:focus { background-color: #e4e4e4 !important; }
.border-white { border-color: #fff !important; }
.btn-white { color: #222; background-color: #fff; border-color: #fff; }
.btn-white:hover { color: #555; background-color: #ececec; border-color: #e4e4e4; }
.btn-white:focus, .btn-white.focus { box-shadow: 0 0 0 0.2rem rgba(254, 254, 254, 0.5); }
.btn-white.disabled, .btn-white:disabled { color: #555; background-color: #fff; border-color: #fff; }
.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { color: #555; background-color: #e4e4e4; border-color: #dcdcdc; }
.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(254, 254, 254, 0.5); }
.btn-outline-white { color: #555; background-color: #fff; border-color: #dddddd; }
.btn-outline-white:hover { color: #222; background-color: #fff; border-color: #bfbfbf; }
.btn-outline-white:focus, .btn-outline-white.focus { box-shadow: 0 0 0 0.2rem rgba(254, 254, 254, 0.5); }
.btn-outline-white.disabled, .btn-outline-white:disabled { color: #555; background-color: #fff; border-color: #fff; }
.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { color: #555; background-color: #fff; border-color: #fff; }
.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(254, 254, 254, 0.5); }
.btn-hollow-white { color: #fff; background-color: transparent; border-color: #dddddd; }
.btn-hollow-white:hover { color: #555; background-color: #f7f7f7; border-color: #dddddd; }
.btn-hollow-white:focus, .btn-hollow-white.focus { box-shadow: 0 0 0 0.2rem rgba(254, 254, 254, 0.5); }
.btn-hollow-white.disabled, .btn-hollow-white:disabled { color: #fff; background-color: transparent; }
.btn-hollow-white:not(:disabled):not(.disabled):active, .btn-hollow-white:not(:disabled):not(.disabled).active, .show > .btn-hollow-white.dropdown-toggle { color: #555; background-color: #f7f7f7; border-color: #dddddd; }
.btn-hollow-white:not(:disabled):not(.disabled):active:focus, .btn-hollow-white:not(:disabled):not(.disabled).active:focus, .show > .btn-hollow-white.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(254, 254, 254, 0.5); }
.list-group-item-white { color: #c0c0c0; background-color: #f7f7f7; }
.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { color: #c0c0c0; background-color: #f2f2f2; }
.list-group-item-white.list-group-item-action.active { color: #555; background-color: #c0c0c0; border-color: #c0c0c0; }
.table-white, .table-white > th, .table-white > td { background-color: #f7f7f7; }
.table-hover .table-white:hover { background-color: #f2f2f2; }
.table-hover .table-white:hover > td, .table-hover .table-white:hover > th { background-color: #f2f2f2; }
.text-white { color: #fff !important; }
.text-white a { color: #fff !important; }
.text-white a:hover, .text-white a:focus { color: #fff !important; }
.text-hover-white:hover, .text-hover-white:focus { color: #fff !important; }
.bg-hover-white:hover, .bg-hover-white:focus { color: #555; background-color: #fff; }
.btn-hover-white { background-color: transparent !important; }
.btn-hover-white:hover, .btn-hover-white:focus { color: #555 !important; background-color: #fff !important; }
.pagination-white .page-link { font-size: 15px; color: #777777; /* 不改 */ }
.pagination-white .page-link i { position: relative; top: -2px; }
.pagination-white .page-link:hover { color: #fff; background-color: #e4e4e4; border-color: #c0c0c0; text-decoration: none; }
.pagination-white .page-item.active .page-link { color: #fff; background-color: #e4e4e4; border-color: #c0c0c0; }
table.table-white-hover tbody tr:hover { background-color: rgba(254, 254, 254, 0.4); }

/*------------------------------------
- COLOR lagoon
------------------------------------*/
.alert-lagoon { color: #222; background-color: #eef5f5; border-color: #CADEE1; }
.alert-lagoon hr { background-color: #004147; }
.alert-lagoon .alert-link { color: #222; }
.badge-lagoon { color: #fff; background-color: #00636b; }
.badge-lagoon[href]:hover, .badge-lagoon[href]:focus { color: #fff; background-color: #004147; }
.bg-lagoon { background-color: #00636b !important; }
a.bg-lagoon:hover, a.bg-lagoon:focus, button.bg-lagoon:hover, button.bg-lagoon:focus { background-color: ##00636b !important; }
.border-lagoon { border-color: #00636b !important; }
.btn-lagoon { color: #fff; background-color: #00636b; border-color: #00636b; }
.btn-lagoon:hover { color: #fff; background-color: #004147; border-color: #003338; }
.btn-lagoon:focus, .btn-lagoon.focus { box-shadow: 0 0 0 0.2rem rgba(0, 99, 107, 0.5); }
.btn-lagoon.disabled, .btn-lagoon:disabled { color: #fff; background-color: #00636b; border-color: #00636b; }
.btn-lagoon:not(:disabled):not(.disabled):active, .btn-lagoon:not(:disabled):not(.disabled).active, .show > .btn-lagoon.dropdown-toggle { color: #fff; background-color: #00636b !important; border-color: #005157; }
.btn-lagoon:not(:disabled):not(.disabled):active:focus, .btn-lagoon:not(:disabled):not(.disabled).active:focus, .show > .btn-lagoon.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 99, 107, 0.5); }
.btn-outline-lagoon { color: #00636b; background-color: #e5eff0; border-color: #00636b; }
.btn-outline-lagoon:hover { color: #fff; background-color: #00636b; border-color: #00636b; }
.btn-outline-lagoon:focus, .btn-outline-lagoon.focus { box-shadow: 0 0 0 0.2rem rgba(0, 99, 107, 0.5); }
.btn-outline-lagoon.disabled, .btn-outline-lagoon:disabled { color: #00636b; background-color: #e5eff0; }
.btn-outline-lagoon:not(:disabled):not(.disabled):active, .btn-outline-lagoon:not(:disabled):not(.disabled).active, .show > .btn-outline-lagoon.dropdown-toggle { color: #fff; background-color: #00636b; border-color: #00636b; }
.btn-outline-lagoon:not(:disabled):not(.disabled):active:focus, .btn-outline-lagoon:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-lagoon.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 99, 107, 0.5); }
.btn-hollow-lagoon { color: #00636b; background-color: transparent; border-color: #00636b; }
.btn-hollow-lagoon:hover { color: #00636b; background-color: #e5eff0; border-color: #00636b; }
.btn-hollow-lagoon:focus, .btn-hollow-lagoon.focus { box-shadow: 0 0 0 0.2rem rgba(0, 99, 107, 0.5); }
.btn-hollow-lagoon.disabled, .btn-hollow-lagoon:disabled { color: #00636b; background-color: transparent; }
.btn-hollow-lagoon:not(:disabled):not(.disabled):active, .btn-hollow-lagoon:not(:disabled):not(.disabled).active, .show > .btn-hollow-lagoon.dropdown-toggle { color: #00636b; background-color: #e5eff0; border-color: #00636b; }
.btn-hollow-lagoon:not(:disabled):not(.disabled):active:focus, .btn-hollow-lagoon:not(:disabled):not(.disabled).active:focus, .show > .btn-hollow-lagoon.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 99, 107, 0.5); }
.list-group-item-lagoon { color: #001a1d; background-color: #CADEE1; }
.list-group-item-lagoon.list-group-item-action:hover, .list-group-item-lagoon.list-group-item-action:focus { color: #001a1d; background-color: #003f44; }
.list-group-item-lagoon.list-group-item-action.active { color: #fff; background-color: #003f44; border-color: #001a1d; }
.table-lagoon, .table-lagoon > th, .table-lagoon > td { background-color: #CADEE1; }
.table-hover .table-lagoon:hover { background-color: #003f44; }
.table-hover .table-lagoon:hover > td, .table-hover .table-lagoon:hover > th { background-color: #003f44; }
.text-lagoon { color: #00636b !important; }
.text-lagoon a { color: #00636b !important; }
a.text-lagoon:hover, a.text-lagoon:focus { color: #003338 !important; }
.text-lagoon a:hover, .text-lagoon a:focus { color: #003338 !important; }
.text-hover-lagoon:hover, .text-hover-lagoon:focus { color: #00636b !important; }
.bg-hover-lagoon:hover, .bg-hover-lagoon:focus { color: #fff; background-color: #00636b; }
.btn-hover-lagoon { background-color: transparent !important; color: #00636b !important; }
.btn-hover-lagoon:hover, .btn-hover-lagoon:focus { color: #fff !important; background-color: #00636b !important; }
.pagination-lagoon .page-link { font-size: 15px; color: #003338; }
.pagination-lagoon .page-link i { position: relative; top: -2px; }
.pagination-lagoon .page-link:hover { color: #fff; background-color: #008792; border-color: #00757f; text-decoration: none; }
.pagination-lagoon .page-item.active .page-link { color: #fff; background-color: #008792; border-color: #00757f; }
table.table-lagoon-hover tbody tr:hover { background-color: rgba(233, 236, 239, 0.4); }

/*------------------------------------
- COLOR trinidad
------------------------------------*/
.alert-trinidad { color: #61291a; background-color: #f9edea; border-color: #edcac0; }
.alert-trinidad hr { background-color: #c25335; }
.alert-trinidad .alert-link { color: #39180f; }
.badge-trinidad { color: #fff; background-color: #c25335; }
.badge-trinidad[href]:hover, .badge-trinidad[href]:focus { color: #fff; background-color: #99412a; }
.bg-trinidad { background-color: #c25335 !important; }
a.bg-trinidad:hover, a.bg-trinidad:focus, button.bg-trinidad:hover, button.bg-trinidad:focus { background-color: #99412a !important; }
.border-trinidad { border-color: #c25335 !important; }
.btn-trinidad { color: #fff; background-color: #c25335; border-color: #c25335; }
.btn-trinidad:hover { color: #fff; background-color: #a5472d; border-color: #99412a; }
.btn-trinidad:focus, .btn-trinidad.focus { box-shadow: 0 0 0 0.2rem rgba(194, 83, 53, 0.5); }
.btn-trinidad.disabled, .btn-trinidad:disabled { color: #fff; background-color: #c25335; border-color: #c25335; }
.btn-trinidad:not(:disabled):not(.disabled):active, .btn-trinidad:not(:disabled):not(.disabled).active, .show > .btn-trinidad.dropdown-toggle { color: #fff; background-color: #99412a; border-color: #8d3c26; }
.btn-trinidad:not(:disabled):not(.disabled):active:focus, .btn-trinidad:not(:disabled):not(.disabled).active:focus, .show > .btn-trinidad.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(194, 83, 53, 0.5); }
.btn-outline-trinidad { color: #c25335; background-color: #f9edea; border-color: #c25335; }
.btn-outline-trinidad:hover { color: #fff; background-color: #c25335; border-color: #c25335; }
.btn-outline-trinidad:focus, .btn-outline-trinidad.focus { box-shadow: 0 0 0 0.2rem rgba(194, 83, 53, 0.5); }
.btn-outline-trinidad.disabled, .btn-outline-trinidad:disabled { color: #c25335; background-color: #f9edea; }
.btn-outline-trinidad:not(:disabled):not(.disabled):active, .btn-outline-trinidad:not(:disabled):not(.disabled).active, .show > .btn-outline-trinidad.dropdown-toggle { color: #fff; background-color: #c25335; border-color: #c25335; }
.btn-outline-trinidad:not(:disabled):not(.disabled):active:focus, .btn-outline-trinidad:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-trinidad.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(194, 83, 53, 0.5); }
.btn-hollow-trinidad { color: #c25335; background-color: transparent; border-color: #c25335; }
.btn-hollow-trinidad:hover { color: #c25335; background-color: #f9edea; border-color: #c25335; }
.btn-hollow-trinidad:focus, .btn-hollow-trinidad.focus { box-shadow: 0 0 0 0.2rem rgba(194, 83, 53, 0.5); }
.btn-hollow-trinidad.disabled, .btn-hollow-trinidad:disabled { color: #c25335; background-color: transparent; }
.btn-hollow-trinidad:not(:disabled):not(.disabled):active, .btn-hollow-trinidad:not(:disabled):not(.disabled).active, .show > .btn-hollow-trinidad.dropdown-toggle { color: #c25335; background-color: #f9edea; border-color: #c25335; }
.btn-hollow-trinidad:not(:disabled):not(.disabled):active:focus, .btn-hollow-trinidad:not(:disabled):not(.disabled).active:focus, .show > .btn-hollow-trinidad.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(194, 83, 53, 0.5); }
.list-group-item-trinidad { color: #61291a; background-color: #edcac0; }
.list-group-item-trinidad.list-group-item-action:hover, .list-group-item-trinidad.list-group-item-action:focus { color: #61291a; background-color: #e8b9ac; }
.list-group-item-trinidad.list-group-item-action.active { color: #fff; background-color: #61291a; border-color: #61291a; }
.table-trinidad, .table-trinidad > th, .table-trinidad > td { background-color: #edcac0; }
.table-hover .table-trinidad:hover { background-color: #e8b9ac; }
.table-hover .table-trinidad:hover > td, .table-hover .table-trinidad:hover > th { background-color: #e8b9ac; }
.text-trinidad { color: #c25335 !important; }
a.text-trinidad:hover, a.text-trinidad:focus { color: #99412a !important; }
.text-trinidad { color: #c25335 !important; }
.text-trinidad a { color: #c25335 !important; }
a.text-trinidad:hover, a.text-trinidad:focus { color: #99412a !important; }
.text-trinidad a:hover, .text-trinidad a:focus { color: #99412a !important; }
.text-hover-trinidad:hover, .text-hover-trinidad:focus { color: #c25335 !important; }
.bg-hover-trinidad:hover, .bg-hover-trinidad:focus { color: #fff; background-color: #c25335; }
.btn-hover-trinidad { background-color: transparent !important; color: #c25335 !important; }
.btn-hover-trinidad:hover, .btn-hover-trinidad:focus { color: #fff !important; background-color: #c25335 !important; }
.pagination-trinidad .page-link { font-size: 15px; color: #777777; /* 不改 */ }
.pagination-trinidad .page-link i { position: relative; top: -2px; }
.pagination-trinidad .page-link:hover { color: #fff; background-color: #c25335; border-color: #99412a; text-decoration: none; }
.pagination-trinidad .page-item.active .page-link { color: #fff; background-color: #c25335; border-color: #99412a; }
table.table-trinidad-hover tbody tr:hover { background-color: rgba(194, 83, 53, 0.15); }

/*------------------------------------
- COLOR goldtan
------------------------------------*/
.alert-goldtan { color: #342400; background-color: #f5eedd; border-color: #e3d3b0; }
.alert-goldtan hr { background-color: #ffc33c; }
.alert-goldtan .alert-link { color: #342400; }
.badge-goldtan { color: #fff; background-color: #9d6d00; }
.badge-goldtan[href]:hover, .badge-goldtan[href]:focus { color: #fff; background-color: #513800; }
.bg-goldtan { background-color: #9d6d00 !important; }
a.bg-goldtan:hover, a.bg-goldtan:focus, button.bg-goldtan:hover, button.bg-goldtan:focus { background-color: #513800 !important; }
.border-goldtan { border-color: #9d6d00 !important; }
.btn-goldtan { color: #fff; background-color: #9d6d00; border-color: #9d6d00; }
.btn-goldtan:hover { color: #fff; background-color: #795400; border-color: #513800; }
.btn-goldtan:focus, .btn-goldtan.focus { box-shadow: 0 0 0 0.2rem rgba(157, 109, 0, 0.5); }
.btn-goldtan.disabled, .btn-goldtan:disabled { color: #fff; background-color: #9d6d00; border-color: #9d6d00; }
.btn-goldtan:not(:disabled):not(.disabled):active, .btn-goldtan:not(:disabled):not(.disabled).active, .show > .btn-goldtan.dropdown-toggle { color: #fff; background-color: #513800; border-color: #5a3e00; }
.btn-goldtan:not(:disabled):not(.disabled):active:focus, .btn-goldtan:not(:disabled):not(.disabled).active:focus, .show > .btn-goldtan.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(157, 109, 0, 0.5); }
.btn-outline-goldtan { color: #9d6d00; background-color: transparent; border-color: #9d6d00; }
.btn-outline-goldtan:hover { color: #fff; background-color: #9d6d00; border-color: #9d6d00; }
.btn-outline-goldtan:focus, .btn-outline-goldtan.focus { box-shadow: 0 0 0 0.2rem rgba(157, 109, 0, 0.5); }
.btn-outline-goldtan.disabled, .btn-outline-goldtan:disabled { color: #9d6d00; background-color: #f5eedd; }
.btn-outline-goldtan:not(:disabled):not(.disabled):active, .btn-outline-goldtan:not(:disabled):not(.disabled).active, .show > .btn-outline-goldtan.dropdown-toggle { color: #fff; background-color: #9d6d00; border-color: #9d6d00; }
.btn-outline-goldtan:not(:disabled):not(.disabled):active:focus, .btn-outline-goldtan:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-goldtan.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(157, 109, 0, 0.5); }
.btn-hollow-goldtan { color: #9d6d00; background-color: transparent; border-color: #9d6d00; }
.btn-hollow-goldtan:hover { color: #9d6d00; background-color: #f5eedd; border-color: #9d6d00; }
.btn-hollow-goldtan:focus, .btn-hollow-goldtan.focus { box-shadow: 0 0 0 0.2rem rgba(157, 109, 0, 0.5); }
.btn-hollow-goldtan.disabled, .btn-hollow-goldtan:disabled { color: #9d6d00; background-color: transparent; }
.btn-hollow-goldtan:not(:disabled):not(.disabled):active, .btn-hollow-goldtan:not(:disabled):not(.disabled).active, .show > .btn-hollow-goldtan.dropdown-toggle { color: #9d6d00; background-color: #f5eedd; border-color: #9d6d00; }
.btn-hollow-goldtan:not(:disabled):not(.disabled):active:focus, .btn-hollow-goldtan:not(:disabled):not(.disabled).active:focus, .show > .btn-hollow-goldtan.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(157, 109, 0, 0.5); }
.list-group-item-goldtan { color: #342400; background-color: #ffcb55; }
.list-group-item-goldtan.list-group-item-action:hover, .list-group-item-goldtan.list-group-item-action:focus { color: #342400; background-color: #ffc33c; }
.list-group-item-goldtan.list-group-item-action.active { color: #fff; background-color: #342400; border-color: #342400; }
.table-goldtan, .table-goldtan > th, .table-goldtan > td { background-color: #ffcb55; }
.table-hover .table-goldtan:hover { background-color: #ffc33c; }
.table-hover .table-goldtan:hover > td, .table-hover .table-goldtan:hover > th { background-color: #ffc33c; }
.text-goldtan { color: #9d6d00 !important; }
a.text-goldtan:hover, a.text-goldtan:focus { color: #513800 !important; }
.text-goldtan { color: #9d6d00 !important; }
.text-goldtan a { color: #9d6d00 !important; }
a.text-goldtan:hover, a.text-goldtan:focus { color: #513800 !important; }
.text-goldtan a:hover, .text-goldtan a:focus { color: #513800 !important; }
.text-hover-goldtan:hover, .text-hover-goldtan:focus { color: #9d6d00 !important; }
.bg-hover-goldtan:hover, .bg-hover-goldtan:focus { color: #fff; background-color: #9d6d00; }
.btn-hover-goldtan { background-color: transparent !important; color: #9d6d00 !important; }
.btn-hover-goldtan:hover, .btn-hover-goldtan:focus { color: #fff !important; background-color: #9d6d00 !important; }
.pagination-goldtan .page-link { font-size: 15px; color: #777777; /* 不改 */ }
.pagination-goldtan .page-link i { position: relative; top: -2px; }
.pagination-goldtan .page-link:hover { color: #fff; background-color: #9d6d00; border-color: #513800; text-decoration: none; }
.pagination-goldtan .page-item.active .page-link { color: #fff; background-color: #9d6d00; border-color: #513800; }
table.table-goldtan-hover tbody tr:hover { background-color: rgba(157, 109, 0, 0.15); }