@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.error_box.name-submit {
    background: #d9534f;
    padding: 0px;
    color: #fff;
}
.error_box.name-submit h4 {
    color: #fff;
    padding: 10px;
    font-size: unset;
    font-weight: 300;
    font-family: sans-serif;
}
.col-6 {
    width: 50%;
    margin: 10px;
}
.col-4{
    width: 33.3333%;
    margin: 10px;
}
.col-8 {
    margin: 10px;
    width: 75%;
}
.cutomrow {
    display: flex;
}
.form-group input {
    border: 1px solid #1d89c0 !important;
    border-radius: 0px !important;
}
.form-group input:focus {
    border: 1px solid #475bb2 !important;
    border-radius: 0px !important;
}
button#nameSubmitForm {
    border: 1px solid #1d89c0;
    background: #1d89c0;
    color: #fff;
    padding: 14px 60px;
    font-size: large;
    border-radius: 0px;
}
button#nameSubmitForm:hover {
    border: 1px solid #1d89c0;
    background: #fff;
    color: #1d89c0;
}
.container.submit-name-form-container {
    max-width: 80%;
}
textarea#nameDescription {
    border: 1px solid #1d89c0;
    border-radius: 0px;
    height: 110px;
}
select#nameDirect {
    height: 40px;
    border: 1px solid #1d89c0;
}
select#nameDirect {
    text-transform: capitalize;
}

span#FormError {
    margin: 10px;
    padding: 6px;
    font-size: large;
    font-family: sans-serif;
}
input#nameSearch {
    background: #1d89c0;
}
input#nameSearch:hover {
    background: #fff;
    color: #1d89c0;
}
.search-name-table h3 {
    font-size: larger;
    font-weight: 300;
    margin: 20px 0px;
}
table#nameResults thead {
    display: none;
}
table#nameResults tr {
    display: inline-flex;
}
a.nameResults.names-tables-result {
    background: #1d89c0;
    color: #fff;
    margin: 4px;
    padding: 0px 8px;
    border-radius: 4px;
    cursor: pointer;
}
a.nameResults.names-tables-result:hover {
    background: #fff;
    color: #1d89c0;
}
table#nameResults td {
    padding: 2px !important;
}
div#nameResults_wrapper {
    padding: 15px 0px;
}
table#nameResults {
    border: none;
}
div#SearchNameDetails {
    padding: 10px 0px;
    text-align: left;
}
table.single-name {
    margin: 0px !important;
}
.nameLOader {
    height: 198px;
    display: flex;
    align-items: center;
}
.nameLOader i {
    margin: 0px auto;
}
.nameLOader i {
    margin: 0px auto;
    color: #1d89c0;
    font-size: xx-large;
    animation: rotation 2s infinite linear;
    visibility: hidden;
    transition: 0.2s;
}
table.single-name th, table.single-nametd{
    padding:4px !important;
}

h3.name-main-header {
    padding: 20px 0px;
}
.table .thead-dark th {
    color: #fff;
    background-color: #1d89c0 !important;
    border-color: #1d89c0 !important;
}
td.td-name-action a {
    cursor: pointer;
    color: #fff;
    background: #1d89c0;
    padding: 4px;
    margin: 4px;
}
td.td-name-action a:hover {
    color: #fff;
    background: #68b7ff;
}
.table-name_req-cont {
    text-transform: capitalize;
}
body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
    top: 30px !important;
    z-index: 99999 !important;
}
a.add_new_name {
    background: #1d89c0;
    color: #fff;
    padding: 2px 6px;
}
h3.name-main-header {
    margin: 0px;
}