@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, article { display: block; list-style: none; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: bottom; background: transparent;}
body { line-height: 1 }
ol, ul { list-style: none }
*{-moz-box-sizing: border-box; -wbkit-box-sizing: border-box; box-sizing: border-box; font-variant-numeric: lining-nums;}
sub, sup {font-size: 75% !important;}
a, a:hover, a:focus{outline: none;}
a:hover, a:focus{color: #C41230; }
:focus { outline: 0 }
::-moz-focus-inner {border:0;outline:0}
table { border-collapse: collapse; border-spacing: 0;}
.clear { clear: both }
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0 }
.cf { display: inline-block }
* html .cf { height: 1% }
.cf { display: block }
.al{float: left;}
.ar{float: right;}
.pr {position: relative;}
a,a:after, button {cursor: pointer!important;}
a:focus, a:hover, button, button:hover, button:focus, img{outline: none !important;}
img { border: 0; vertical-align: top;}
img, a, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .btn-sm.active.focus, .btn-sm.active:focus, .btn-sm.focus, .btn-sm:active.focus, .btn-sm:active:focus, .btn-sm:focus, select:focus, input.form-control:focus {outline: none !important;}
.imgW100p {width:100%;}
.pr{position: relative;}

body, h1, h2, h3, h4, .subheading, .subtitle, .caption-lg, .caption, .link, .form-control{font-family: 'Arimo', sans-serif; color: #000;}
body {line-height: 24px; background-color:#f5f5f5; font-weight: 400; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased}
h1{font-size: 42px; line-height: 125%; font-weight: 600;}
h2{font-size: 36px; line-height: 125%; font-weight: 600;}
h3{font-size: 30px; line-height: 125%; font-weight: 600;}
h4{font-size: 24px; line-height: 125%; font-weight: 600;}
.subheading{font-size: 20px; line-height: 26px; font-weight: 500; letter-spacing: -0.15px;}
.subtitle{font-size: 16px; line-height: 26px; font-weight: 400;}
.caption-lg{font-size: 12px; line-height: 16px; font-weight: 500;}
.caption{font-size: 8px; line-height: 10px; font-weight: 400;}
.bold{font-weight: 700;}
label{ font-weight: inherit;}

/* Start Margin  & Paddning */
.mb-0{margin-bottom: 0;}
.ml-8{margin-left: 8px;}
.mb-4{margin-bottom: 4px !important;}
.mb-8{margin-bottom: 8px;}
.mb-12{margin-bottom: 12px;}
.mb-16{margin-bottom: 16px;}
.mb-24{margin-bottom: 24px;}
.mb-32{margin-bottom: 32px;}
.mb-48{margin-bottom: 48px;}
.mb-64{margin-bottom: 64px;}
.mt-4{margin-top: 4px !important;}
.mt-8{margin-top: 8px;}
.mt-16{margin-top: 16px;}
.mt-24{margin-top: 24px;}
.mt-32{margin-top: 32px;}
.mt-48{margin-top: 48px;}
.mt-64{margin-top: 64px;}
.ml-16{margin-left: 16px;}
.mtb-16{margin-top: 16px; margin-bottom: 16px;}

.pt-8{padding-top: 8px;}
.pt-16{padding-top: 16px;}
.pt-24{padding-top: 24px;}
.pb-8{padding-bottom: 8px;}
.pb-16{padding-bottom: 16px;}
.pb-24{padding-bottom: 24px;}
.plr-16{padding-left: 16px; padding-right: 16px;}
.pl-24{padding-left: 24px;}
.pr-24{padding-right: 24px;}
.ptb-32{padding-top: 32px; padding-bottom: 32px;}
.ptb-40{padding-top: 40px; padding-bottom: 40px;}
/* End Margin  & Paddning */

/* Start Custom Scroll CSS */
.customScroll{ overflow-x: auto;}
.customScroll::-webkit-scrollbar{width: 4px !important; background: transparent !important;}
.customScroll::-webkit-scrollbar-track{background: transparent !important; border: none !important; }
.customScroll::-webkit-scrollbar-thumb{background: #333 !important; -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius: 4px !important; border: none !important;}
.customScroll::-webkit-scrollbar-thumb:hover{background: red; }
/* End Custom Scroll CSS */

.table td, .table th{line-height: normal;}
.card.text-white h2{color: #fff;}
.alert{margin: 1rem;}
.btn{padding: 10px 16px; font-size: 14px; font-weight: 600;}
.btn-sm{padding: 4px 8px;}
.form-control, select.form-control{-moz-border-radius: 0.1875rem; -webkit-border-radius: 0.1875rem; border-radius: 0.1875rem; padding: 0.75rem; height: auto;}
select.form-control{padding-right: 1rem;}
.form-check .form-check-label, .form-radio .form-check-label{cursor: pointer;}
.form-check,.form-radio{margin-top: 0px !important;}
.navbar-menu-wrapper .navbar-nav .nav-link.dropdown-toggle .rounded-circle{border: 1px solid #ccc;}
.card .card-body{padding: 1.2rem;}
.pagination-default{margin-top: 16px;}
.pagination-default svg{height: 20px;}
.pagination-default nav .flex.justify-between{display: none;}
.pagination-default nav .hidden{ display: flex; justify-content: space-between;}
.pagination-default nav .hidden span.px-4{padding: 0.5rem;}
.pagination-default nav .hidden .shadow-sm{-moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
.pagination-default nav .hidden a:hover{text-decoration: none;}
.pagination-default nav .hidden .shadow-sm span, .pagination-default nav .hidden .shadow-sm a{float: left;}
.pagination-default nav .hidden .shadow-sm .px-4{padding-left: 1rem !important; padding-right: 1rem !important;}
.btn-disabled {opacity: 0.5 !important; cursor: not-allowed !important;}
.invalid-feedback{line-height:125%;}
.td-token a{display: block; margin-bottom: 4px;}
.td-token a:last-child{display: block; margin-bottom: 0px;}
.toast { background-color: #030303; }
.toast-success { background-color: #51A351; }
.toast-error { background-color: #BD362F; }
.toast-info { background-color: #2F96B4; }
.toast-warning { background-color: #F89406; }
#tokenListModal .modal-dialog{max-width:600px; width: 100%;}
.table .contact-phone, .table .contact-name{white-space: normal; min-width: 220px !important;}
.form-check .form-check-label {padding-left: 4px;}
.filterForm div{width:100%;}
.filterForm{display: flex; justify-content: space-between; align-items: center;}
.copyHeaderApiKey:hover{text-decoration: none;}
.copyHeaderApiKey i{display: none;}
.copyHeaderApiKey:hover i{display: inline-block; margin-left: 4px; margin-right: 4px;}
@media (max-width: 992px) {
h1{font-size: 34px;}
h2{font-size: 28px;}
h3{font-size: 24px;}
h4{font-size: 20px;}
.page-header .page-header-toolbar .btn{margin-top: 16px;}
.table-responsive{overflow-x: auto;}
}

@media (max-width: 767px) {
.page-header .page-header-toolbar .btn{width: 100%;}
.pagination-default nav .flex.justify-between{ display: flex; justify-content: space-between; width: 100%;} 
.pagination-default .hidden{display: none !important;}
}
