body {
   /* background-color: skyblue;*/
}

select[id$="_phone_number_country"] {
    width: auto;
    display: inline-block;
}
input[id$="_phone_number_number"] {
    width: 200px;
    display: inline-block;
}

.tree li > ul {
    margin-bottom: 0.5em;
}

.tree a {
    color: #071437;
}

.tree a:hover {
   color: #9e1f62;
}

.data-table th button, .datatable-pagination-list button {
    color: inherit;
    border: 0;
    background-color: inherit;
    cursor: pointer;
    text-align: inherit;
    font-weight: inherit;
    font-size: inherit;
}
.datatable-sorter, .datatable-filter {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%;
}

.data-table > thead > tr > th {
    vertical-align: bottom;
    text-align: left;
    border-bottom: 1px solid #d9d9d9;
}

.datatable-sorter, .datatable-filter {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%;
}

.datatable-sorter::before,
.datatable-sorter::after {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    right: 4px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    opacity: 0.2;
}


.datatable-sorter::before {
    border-top: 4px solid #000;
    bottom: 0;
}

.datatable-sorter::after {
    border-bottom: 4px solid #000;
    border-top: 4px solid transparent;
    top: 0px;
}

.datatable-ascending .datatable-sorter::after,
.datatable-descending .datatable-sorter::before,
.datatable-ascending .datatable-filter::after,
.datatable-descending .datatable-filter::before {
    opacity: 0.6;
}

.symbol img {
    object-fit: cover;
}

.panel-title{
    padding: 0 30px;
}
.control-toggle {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 20px;
    margin-bottom: 0px;
    float: right;
}
.control-toggle input {
    display:none;
}
.toggle-button {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 35px;
}
.toggle-button:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 0px;
    bottom: 0px;
    background-color: #ffffff;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}
input:checked + .toggle-button {
    background-color: #36b1e5;
}
input:focus + .toggle-button {
    box-shadow: 0 0 1px #36b1e5;
}
input:checked + .toggle-button:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}
.control-toggle-label{
    position: relative;
    top: -10px;
    padding: 0 10px;
}

@media (max-width: 481px) {
    .card .card-header {
        padding: 0 1.25rem;
    }
    .card .card-body {
        padding: 1rem 1.25rem;
    }

    #user_phone_number_country{
        max-width: 200px;
    }
}