.ui.toggle.checkbox{
    width: 100%;
}
.ui.toggle.checkbox input:checked ~ .box:before, .ui.toggle.checkbox input:checked ~ label:before, .ui.toggle.checkbox input:focus:checked ~ .box:before, .ui.toggle.checkbox input:focus:checked ~ label:before {
		background-color: #5d8e9a  !important;
}
.ui.toggle.checkbox label {
    padding-left: 0;
    padding-right: 4em;
}
.ui.checkbox input,
.ui.toggle.checkbox label:before {
    left: auto;
    right: 0;
}
.ui.toggle.checkbox label:after {
    left: auto;
    right: 2.3em;
    transition: background 0.3s ease 0s, right 0.3s ease 0s;
}
.ui.toggle.checkbox input~.box:after, .ui.toggle.checkbox input~label:after{
    left: auto;
}
.ui.toggle.checkbox input:checked + label:after {
    left: auto;
    right: 0;
    transition: background 0.3s ease 0s, right 0.3s ease 0s;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
    color: #00C3A5;
    padding-top: 1px;
    content: "˅"!important;
    background: unset;
    border-radius: unset;
    box-shadow: unset;
    font-weight: bold;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{
    padding-top: 1px;
    color: #d33333;
    content: "˄"!important;
}