
.input-group-text { width: 40px; justify-content: center !important; }
.input-group-text span { margin: 0 auto; }


.btn-custom-primary, .btn-custom-primary button { background-color: #55d1da; }
.btn-custom-primary:active, .btn-custom-primary.active, .btn-custom-primary:focus, .btn-custom-primary.focus, .btn-custom-primary:hover, .btn-custom-primary a:hover { background-color: #19a8b2; }

.bg-custom-primary { background-color: #55d1da; }
.bg-custom-dark { background-color: #444d58; }

.text-custom-primary { color: #55d1da; }
.text-custom-dark { color: #444d58; }

a.text-custom-primary:active, a.text-custom-primary.active, a.text-custom-primary:focus, a.text-custom-primary.focus, a.text-custom-primary:hover, a.text-custom-primary a:hover { color: #19a8b2; }

.sidebar { background-color: #444d58; }
.sidebar-current { background-color: #19a8b2 !important; }

.sidebar-nav .nav-link:hover { background-color: #19a8b2 !important; }

.color-invert { filter: invert(100%); }

textarea { resize: none; }

.text-blue { color: #20a8d8; }
.text-indigo { color: #6610f2; }
.text-purple { color: #6f42c1; }
.text-pink { color: #e83e8c; }
.text-red { color: #f86c6b; }
.text-orange { color: #f8cb00; }
.text-yellow { color: #ffc107; }
.text-green { color: #4dbd74; }
.text-teal { color: #20c997; }
.text-cyan { color: #17a2b8; }
.text-white { color: #fff; }
.text-gray { color: #73818f; }
.text-gray-dark { color: #2f353a; }
.text-light-blue { color: #63c2de; }
/*
a.text-blue:hover, a.text-blue:focus { color: #2ba6ca; }
a.text-indigo:hover, a.text-indigo:focus { color: #2ba6ca; }
a.text-purple:hover, a.text-purple:focus { color: #2ba6ca; }
a.text-pink:hover, a.text-pink:focus { color: #2ba6ca; }
a.text-red:hover, a.text-red:focus { color: #2ba6ca; }
a.text-orange:hover, a.text-orange:focus { color: #2ba6ca; }
a.text-yellow:hover, a.text-yellow:focus { color: #2ba6ca; }
a.text-green:hover, a.text-green:focus { color: #2ba6ca; }
a.text-teal:hover, a.text-teal:focus { color: #2ba6ca; }
a.text-cyan:hover, a.text-cyan:focus { color: #2ba6ca; }
a.text-white:hover, a.text-white:focus { color: #2ba6ca; }
a.text-gray:hover, a.text-gray:focus { color: #2ba6ca; }
a.text-gray:hover, a.text-gray:focus { color: #2ba6ca; }
a.text-light:hover, a.text-light:focus { color: #2ba6ca; }
*/


.text-gray-100 { color: #f0f3f5 !important; }
.text-gray-200 { color: #e4e7ea !important; }
.text-gray-300 { color: #c8ced3 !important; }
.text-gray-400 { color: #acb4bc !important; }
.text-gray-500 { color: #8f9ba6 !important; }
.text-gray-600 { color: #73818f !important; }
.text-gray-700 { color: #5c6873 !important; }
.text-gray-800 { color: #2f353a !important; }
.text-gray-900 { color: #23282c !important; }

a.text-gray-100:hover, a.text-gray-100:focus, button.text-gray-100:hover, button.text-gray-100:focus { color: #d1dbe1 !important; }
a.text-gray-200:hover, a.text-gray-200:focus, button.text-gray-200:hover, button.text-gray-200:focus { color: #c7ced4 !important; }
a.text-gray-300:hover, a.text-gray-300:focus, button.text-gray-300:hover, button.text-gray-300:focus { color: #acb5bc !important; }
a.text-gray-400:hover, a.text-gray-400:focus, button.text-gray-400:hover, button.text-gray-400:focus { color: #909ba5 !important; }
a.text-gray-500:hover, a.text-gray-500:focus, button.text-gray-500:hover, button.text-gray-500:focus { color: #73828f !important; }
a.text-gray-600:hover, a.text-gray-600:focus, button.text-gray-600:hover, button.text-gray-600:focus { color: #5c6873 !important; }
a.text-gray-700:hover, a.text-gray-700:focus, button.text-gray-700:hover, button.text-gray-700:focus { color: #454e57 !important; }
a.text-gray-800:hover, a.text-gray-800:focus, button.text-gray-800:hover, button.text-gray-800:focus { color: #181b1e !important; }
a.text-gray-900:hover, a.text-gray-900:focus, button.text-gray-900:hover, button.text-gray-900:focus { color: #0c0e10 !important; }


.text-theme-red { color: #d7513f !important; }
a.text-theme-red:hover, a.text-theme-red:focus, button.text-theme-red:hover, button.text-theme-red:focus { color: #a2281e !important; }
