.btn{
    position: relative;
}
input:invalid{
    box-shadow: none;
}
.loading-icon {
    border-radius: inherit;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    background: #0f1051;
    content: '<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i>';
    display: flex;
    align-items: center;
    justify-content: center;
}

.t-name a{
    color: white;
}
.btn:disabled{
    opacity: 0.5;
    pointer-events: none;
}
.loading-icon:before {
    content: "\f110";
    font-family: FontAwesome;
    font-size: 16px;
    /* transform: translate(-50%, -50%); */
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    color: white;
}

/* HTML Nav Styles */
/* HTML Nav Styles */
/* HTML Nav Styles */
nav menuitem {
    position:relative;
    display:block;
    opacity:0;
    cursor:pointer;
}

nav menuitem > menu {
    position: absolute;
    pointer-events:none;
}
nav > menu { display:flex; }

nav > menu > menuitem { pointer-events: all; opacity:1; }
menu menuitem .nm_item { white-space:nowrap; display:block;color: white!important; cursor: pointer }

menuitem:hover > menu {
    pointer-events:initial;
}
menuitem:hover > menu > menuitem,
menu:hover > menuitem{
    opacity:1;
}
nav > menu > menuitem menuitem menu {
    transform:translateX(100%);
    top:0; right:0;
}
/* User Styles Below Not Required */
/* User Styles Below Not Required */
/* User Styles Below Not Required */

.swal2-popup {
    width: 27em;
}
.swal2-title {
    font-size: 1.3em;
}
.swal2-icon {
    font-size: 13px;
}
nav {
    margin: 20px auto;
    display: inline-block;
}

nav .nm_item {
    background: #ff3535;
    color: #FFF;
    min-width: 138px;
    transition: background 0.5s, color 0.5s, transform 0.5s;
    margin: 0px 6px 6px 0px;
    padding: 12px 20px;
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    position: relative;
    font-size: 14px!important;
    cursor: pointer;
}

nav .nm_item:hover:before {
    content: '';
    top:0;left:0;
    position:absolute;
    background:rgba(0, 0, 0, 0.2);
    width:100%;
    height:100%;
}

nav > menu > menuitem > .nm_item + menu:after {
    content: '';
    position: absolute;
    border: 6px solid transparent;
    border-top: 6px solid white;
    left: 17px;
    top: -30px;
}
nav menuitem > menu > menuitem > .nm_item + menu:after{
    content: '';
    position:absolute;
    border:10px solid transparent;
    border-left: 10px solid white;
    top: 20px;
    left:-180px;
    transition: opacity 0.3s, transform 0s;
}

nav > menu > menuitem > menu > menuitem{
    transition: transform 0.3s, opacity 0.3s;
    transform:translateY(50%);
    opacity:0;
}
nav > menu > menuitem:hover > menu > menuitem,
nav > menu > menuitem.hover > menu > menuitem{
    transform:translateY(0%);
    opacity: 1;
}

menuitem > menu > menuitem > menu > menuitem{
    transition: transform 0.6s, opacity 0.6s;
    transform:translateX(195px) translateY(0%);
    opacity: 0;
}
menuitem > menu > menuitem:hover > menu > menuitem,
menuitem > menu > menuitem.hover > menu > menuitem{
    transform:translateX(0) translateY(0%);
    opacity: 1;
}
.swal2-close, .swal2-close:focus{
    outline: none!important;
    box-shadow: none!important;
}
.swal2-popup.animated {
    animation-duration: 0.5s;
    animation-fill-mode: both;
}
.swal2-container{
    overflow-y: scroll!important;
}
.swal2-shown{
    overflow: hidden!important;
}
.swal2-shown header{
    right: 17px;
}
.swal2-styled.swal2-confirm:focus{
    box-shadow: none!important;
}
.container_ajax, .container_ajax *, .swal2-actions, .swal2-actions *{
    font-size: 14px!important;
}
body{
    min-height: 100vh;
}
.source_link a, .content a{
    color: #01a8e6;
    text-decoration: underline;
}
.source_link a:hover, .content a:hover{
    text-decoration: none;
}
.back i {
    color: #01a8e6;
    font-size: 0.8rem;
    margin-right: 0.3rem;
}
.table_scroll{
    overflow-x: auto;
}