.navbar-nav .di1 {
    width: 70%;
    height: 10px;
}

.navbar-nav .n {
    text-align: right;
}

.navbar-nav .n .collapsed {
    text-align: revert;
    background: #4E73F8;
    padding: 10px 0 !important;
    /* direction: rtl !important; */
    border-bottom: 1px solid rgb(105, 32, 240);
}

.navbar-nav .a {
    text-align: right !important;
    background: #4E73F8;
    /* direction: rtl !important; */
    border-bottom: 1px solid #fff;
}

.navbar-nav .n .rounded {
    background-color: 1px solid rgb(105, 32, 240) !important;
}

.navbar-nav .n .collapse-item {
    color: #ddd !important;
    text-align: right;
    border-bottom: 1px solid #ddd;
}

.navbar-nav .n .collapse-item:hover {
    background: rgb(105, 32, 240) !important;
}


/* tables */

.t .card-body .table-responsive table tbody tr {
    height: 30px;
}

input[type="text"],
input[type="password"],
input[type="datetime"],
select,
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"] {
    font-weight: bold !important;
    color: blue !important;
}

label {
    font-weight: bold !important;
    color: black;
}

::-webkit-input-placeholder {
    /* Edge */
    color: #999;
    font-weight: 200 !important;
}

 :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #999;
    font-weight: 200 !important;
}

 ::placeholder {
    color: #999;
    font-weight: 200 !important;
}

.a .b table>tr>th {
    font-size: 12px !important;
}

th,
.table-bordered thead th,
.table-responsive .table-bordered tbody tr td {
    font-size: 12px !important;
}


/*-------foooter------*/


/* Strat Footer */

footer {
    background: #333;
    text-align: center;
    padding: 25px;
}

footer span {
    color: #fff;
    font-size: 18px;
}

footer ul li {
    list-style: none;
    display: inline-block;
    margin: 7px;
}

footer ul li img {
    width: 32px;
    height: 32px;
    transition: 1s;
}

footer ul li img:hover {
    transform: rotate(360deg);
}