@font-face {
   font-family: "Prompt"; 
   src: local("../fonts/Prompt-Bold.ttf")format('truetype'); 
  }
.length-break {
    word-break: break-all !important;
    width: 70% !important;
}

table td {
    font-family:'Roboto Mono' !important;
}

/*Fit default macbook screen*/
.small-box .icon {
    font-size: 70px !important;
}

.btn {
    padding: 5px 4px !important;
}

/* Pretty JSON */
.json-pre {
   background-color: ghostwhite;
   border: 1px solid silver;
   padding: 10px 20px;
   margin: 20px;
}
.json-key {
   color: brown;
}
.json-value {
   color: navy;
}
.json-string {
   color: olive;
}

.user-footer {
    background-color: #222d32 !important;
}

.ms-container {
    background-size: 20px 20px;
    background-position: center;
}

.search-input {
    width: 100%;
}

.sidebar .image { padding-top: 0.7em; }
.sidebar .info { color: #fff; }
.sidebar .info p { margin: 0; }
.sidebar .info a { font-size: 0.8em; }
.main-sidebar { background-color: #06307E;}
.login-page .brand-text { visibility: hidden; position: relative; color: #D8F602;}
.login-page .brand-text:after{visibility: visible; position: absolute; top:0; left:0; content: "PCnet DNS Manager"; font-weight: bold;}
.login-card-body { background-color: #077EFA; color: white;}
.login-page .card-outline { background-color: #001845;}
.login-page .card-primary.card-outline { border-top: 0px; border-radius: 1.0rem;}
.login-page .card-header { visibility: hidden; position: relative;}
.login-page .card-header:after{visibility: visible; background: url("Login_Header3D.png"); background-position: center; background-color: transparent; padding: 1.15rem; color: #D8F602; margin-top: -30px; margin-left: -3px; width: 335px; height: 30px; background-repeat: no-repeat;}
.login-page .card .row {background-color:#077EFA;}
.login-page .text-center { color: white;}
.login-page .btn { color: #D8F602;}
.login-page .fa-windows {color: #077EFA;}  
.login-page .card-primary.card-outline {border: 2px solid white;}
.login-page { background: url("PCnet_background.jpg")}
.login-page .card .row .btn-primary {background-color: #06307E; color:white;}
.login-page .card .row .btn.disabled {background-color: #06307e00;}  
.login-page .btn.btn-flat {border-width: 2px;  background-color: #06307E;}
.login-card-body {border-bottom-left-radius: 1.0rem; border-bottom-right-radius: 1.0rem;}
.main-footer {background-color: #000000;}
.main-header {background-color: #000000;}
.card-header {background-color: #077EFA; color: #FFFFFF;}
.nav-tabs .nav-link.active {background-color:#06307E; color: #FFFFFF}
.nav-tabs .nav-link {background-color: #077EFA; border-color: #FFFFFF; color:#FFFFFF}
.nav-tabs .nav-link a {color: #000000;}
.navbar-light .navbar-nav .nav-link {color: #FFFFFF;}
.navbar-light .navbar-nav .nav-link:hover {color: #FFFFFF;}
.navbar-light .navbar-nav .nav-link no-prompt {color: #FFFFFF;}
.content-header {background-color: #06307E;}
.content-header .text-dark {color:#FFFFFF!important;}
.content-header a {color: #FFFF;}
.content-wrapper {background-color:#06307E;}
.card .row:first-of-type {background-color: #077EFA; border: 0px}
.card .row:last-of-type {background-color: #077EFA; border: 0px}
.card-body {background-color: #077EFA;}
.card a {color:#FFFFFF;}
.sorting {background-color: #0353A4; }
.sorting_disabled {background-color: #0353A4;}
table.dataTable thead>tr>th.sorting:before {opacity: 1.125; color: #077EFA;}
table.dataTable thead>tr>th.sorting:after {opacity: 1.125; color: #077EFA;}
table.dataTable thead>tr>th.sorting_desc:after {opacity: 1.125; color: #D8F602}
table.dataTable thead>tr>th.sorting_asc:after {opacity: 1.125; color: #077EFA}
table.dataTable thead>tr>th.sorting_desc:before {opacity: 1.125; color: #077EFA}
table.dataTable thead>tr>th.sorting_asc:before {opacity: 1.125; color: #D8F602}
.icheckbox_square-blue {background-color: #077EFA; border: 4px solid #FFFFFF; width:25px; height:25px; border-radius: .3rem; background:#077EFA;}
.icheckbox_square-blue.checked {border: 4px solid #D8F602; background: #000000; opacity: 1;} 
.card-primary.card-outline {border-top: 3px solid #D8F602;}
.card-primary.card-outline.shadow {box-shadow:0 0.5rem 1rem rgb(216 246 2 / 58%) !important;}
.card-footer {background-color: #077EFA;}
.card-footer .btn-primary {background-color: #06307E; border-color: #06307E;} 
/*.card .table {color:#FFFFFF;}*/
.card .row .btn-primary {background-color: #CCCCCC; color:#000000;}
.card .row  {background-color: #06307E; color: #FFFFFF}
.card .row .even {background-color: #077EFA;}
.card .row .odd:hover {background-color: #555555; color: #FFFFFF}
.card .row .even:hover {background-color: #555555; color: #FFFFFF}
/*.card .row .odd {background-color: #FFFFFF;}*/
/*.card .page-link {background-color: #06307E;}*/
.page-item.active .page-link {background-color: #D8F602; color:#06307E;}
.page-item .page-link {background-color:#06307E; color:#FFFFFF;}
.page-item .page-link:hover {background-color:#CCCCCC; color:#FFFFFF;}
.page-item.disabled .page-link {background-color:#06307E; color:#CCCCCC;}
.paginate_button .page-item.active {background-color: #000000;}


/* Global Styles */
table.records thead th, table.records tbody td { text-align: center; vertical-align: middle; }
table.records thead th:last-of-type { width: 50px; }
div.records > div.dataTables_wrapper > div.row:first-of-type { margin: 0 0.5em 0 0.5em; }
div.records > div.dataTables_wrapper > div.row:last-of-type { margin: 0.4em 0.5em 0.4em 0.5em; }
div.records > div.dataTables_wrapper table.dataTable { margin: 0 !important; }

.diff {
    font-family: monospace;
    padding: 0 0.2em;
}
.diff::before {
    content: "\00a0";
    padding-right: 0.1em;
}

.diff-deletion {
    background-color: lightcoral;
}
.diff-deletion::before {
    content: "-";
}

.diff-addition {
    background-color: lightgreen;
}
.diff-addition::before {
    content: "+";
}