body{
    font-family: 'Tajawal', Nunito;
    background: linear-gradient(#002a52, #134c81);
}
.secondary-box .static-top-widget .media-body h3{
    font-family: 'Tajawal', Nunito;
}
* a {
    color: #4494bc;
}
.card .card-header {
    font-size: 20px;
    background: #f3f3f3;
}
.switch-sm .switch {
    width: auto;
    height: auto;
    margin: 10px;
    font-size: 18px;
}
.switch-sm .switch svg {
    width: 20px !important;
    height: 20px !important ;
    padding-top: 5px;
}
.switch-sm .switch a {
    color: #002a52;
}
.page-wrapper .page-body-wrapper .sidebar {
    background-color: #002a52;
}
body.rtl .page-main-header .main-header-right .nav-right>ul>li {
    text-align: end;
}
.fs-18{
    font-size: 18px;
}
.form-control {
    padding-top: 13px;
}
.btn-primary {
    background-color: #134c81 !important;
    border-color: #134c81 !important;
}
.btn-primary:hover {
    background-color: #4494bc !important;
    border-color: #4494bc !important;
}
.authentication-box .btn-primary {
    border-radius: 0;
    padding: 14px 45px 11px 45px;
}
.tab2-card .nav-tabs .nav-link.active, .tab2-card .nav-tabs .nav-link:focus, .tab2-card .nav-tabs .nav-link:hover {
    color: #134c81;
    border-bottom: 2px solid #134c81;
}
.page-wrapper .page-body-wrapper .page-sidebar .main-header-left{
    background-color: #002a52;
}
.ml-auto, .mx-auto {
    margin-left: auto!important;
}
.mr-auto, .mx-auto {
    margin-right: auto!important;
}
.loginCu .nav-item{
    width: 100%;
    text-align: center;
    font-size: 20px;;
}
.loginCu .nav-item a{
    font-size: 30px !important;
    font-weight: bold;
}
.custom-theme{
    display: none !important;
}
.page-main-header .main-header-right svg {
    color: #134c81;
}
.page-wrapper .page-body-wrapper .page-header .row h3 {
    color: #9cc0d3;
}
.breadcrumb-item.active {
    color: lavender;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: lavender;
}
.breadcrumb-item+.breadcrumb-item {
    color: #ccc;
}
.page-header{
    background: black;
    border-radius: 10px;
    padding: 20px 30px;
    margin-bottom: 30px;
}
.page-header h2{
    color: #9cc0d3;
    margin: 0;
}
.page-wrapper .page-body-wrapper .page-body {
    margin-top: 30px;
}
.page-wrapper .page-body-wrapper .page-header .breadcrumb .breadcrumb-item a svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

select {
    appearance: auto !important;
    padding-bottom: 13px !important;
    height: 53px;
}

.btn {
    border-radius: 0;
    padding-top: 13px;
}
.alert-danger-in {
    border-radius: 0;
    padding: 10px;
    border-color: red;
    border-top: 0;
}
.delete_db{
    background: red !important;
    border-color: red !important;
}
.done_db{
    background: green !important;
    border-color: green !important;
}
.all-package tbody tr td a {
    padding: 0 5px;
    width: 30px;
    height: 30px;
    line-height: 32px;
    text-align: center;
}
.input-group-addon {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #495057;
    text-align: center;
    background-color: #e9ecef;
    border: 1px solid rgba(0,0,0,.15);
    border-right: 0;
    border-radius: 0;
    margin-left: 0 !important;
}
.input-group-addon i{
    margin-top: 9px;
}
.page-wrapper .page-main-header{
    position: unset !important;
}

a:hover{
    color:#333
}
.page-wrapper .page-body-wrapper .page-header .row h3 {
    font-family: 'Tajawal', Nunito;
}
.page-wrapper .page-body-wrapper .page-header .breadcrumb .breadcrumb-item {
    font-family: 'Tajawal', Nunito;
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-user h6 {
    font-size: 12px !important;
    letter-spacing: 1.5px;
}
.admin-name-side{
    margin: 0 15px;
}
.font-lg {
    font-size: 1.25rem;
    font-weight: bold;
}
.font-color{
    color: #4494bc !important;
}
.img-220 {
    width: 220px !important;
    height: 220px;
}
.img-150 {
    width: 150px !important;
    height: 150px;
}
.mt-50 {
    margin-top: 50px;
}
.rtl .onhover-dropdown .onhover-show-div {
    direction: rtl;
}
body.rtl .page-main-header .main-header-right .nav-right .profile-dropdown li a svg {
    margin-right: unset;
    margin-left: 10px;
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li>a i:before {
    font-family: 'IcoFont' !important;
    content: "\eb76" !important;
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-user p {
    font-size: 16px;
}
.my-btn{
    padding: 5px 15px;
    color: #ffffff !important;
    font-size: 14px;
}
.my-btn .fa{
    color: #ffffff !important;
    font-size: 14px;
}
.my-btn-edit{
    background: green !important;
    border-color: green !important;
}
.my-btn-not-active{
    background: orange !important;
    border-color: orange !important;
}
.my-btn-the-active{
    background: lightblue !important;
    border-color: lightblue !important;
}
.tab2-card ul {
    margin-bottom: 0;
    border-bottom: 0px solid #dee2e6;
}
.nav-tabs{
    margin-bottom: 30px !important;
    border-bottom: 1px solid #dee2e6 !important;
}
.my-btn-suspension{
    background: rebeccapurple !important;
    border-color: rebeccapurple !important;
}
.my-btn-active{
    background: #e8ccb9 !important;
    border-color: #e8ccb9 !important;
}
.my-btn-disactive{
    background: #cccccc !important;
    border-color: #cccccc !important;
}
.my-btn-waiting{
    background: orange !important;
    border-color: orange !important;
}
.my-btn-done{
    background: gray !important;
    border-color: gray !important;
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li>a.active2 {
    color: #fff;
    background: #fff;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0.2)), color-stop(80%, rgba(255,255,255,0)));
    background: linear-gradient(90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 80%);
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative;
    font-weight: 600;
}
.sidebar-menu>li>a.active2 {
    background: #fff;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255,255,255,0.2)), color-stop(80%, rgba(255,255,255,0)));
    background: linear-gradient(-90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 80%);
}
body.rtl .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li>a.active2 {
    background: #fff;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255,255,255,0.2)), color-stop(80%, rgba(255,255,255,0)));
    background: linear-gradient(-90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 80%);
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu>li>a.active2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background-color: #fff;
}
body.rtl .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu li a.active2::before {
    left: unset;
    right: 0;
}

.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu li.active2>.sidebar-submenu {
    display: block;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: 10% 10%;
    transform-origin: 10% 10%;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,-webkit-transform .3s;
    transition: transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s,-webkit-transform .3s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    margin-left: 15px;
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu>li.active2>a {
    color: #fff;
}
body.rtl .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu li.active2>.sidebar-submenu {
    margin-right: 15px;
    margin-left: unset;
}

.all-package tbody tr {
    font-size: 18px;
}
.all-package thead tr th {
    text-align: center;
}
.hide{
    display: none;
}
.add_more_btn{
    background: transparent;
    height: 53px;
    border: 1px solid seagreen;
    color: seagreen;
}
.add_more_btn a{
    color: seagreen;
}
.add_more_btn a:hover{
    color: #000000;
}
.increment{
    margin-top: 30px;
}
.remove_more_btn{
    background: transparent;
    height: 53px;
    border: 1px solid red;
    color: red;
}
.remove_more_btn a{
    color: red;
}
.remove_more_btn a:hover{
    color: #000000;
}

.other_img img{
    border: 1px solid #ccc;
}
.other_block {
    display: inline-block;
}
.other_block a{
    position: absolute;
    z-index: 999;
    border-radius: 0;
    height: 30px;
    width: 30px;
    padding: 6px 0;
}
.other_block a:hover{
    background: #000000 !important;
    border-color: #000000 !important;
}

.page-wrapper .page-body-wrapper .page-sidebar .main-header-left{
    height: auto;
}
.page-wrapper .page-body-wrapper .page-body {
    background-color: transparent;
}
.page-wrapper .page-main-header {
    background-color: transparent;
}
.page-wrapper .page-body-wrapper .page-sidebar .sidebar-user h6 {
    color: #e8ccb9;
}
.page-main-header .main-header-right svg line, .page-main-header .main-header-right svg polyline {
    color: #4494bc;
}
.all-package tbody tr td img {
    height: 50px;
}
.sub-cat-row{
    background: #f3f3f3;
    padding-top: 11px;
    padding-left: 9px;
    border-radius: 10px;
    margin-bottom: 10px;
}
.btn-block{
    width: 100%;
}
.btn-circular {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 23px;
    text-align: center;
    padding: 5px 0;
}
.statusD{
    background: green;
    padding: 5px 10px;
    border-radius: 5px;
    color: #ffffff;
}
.order-info ul li {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
}
.order-info ul li b {
    color: darkgray;
}
.prop p {
    letter-spacing: 0;
    margin: 0;
    font-size: 18px;
}
.h-main {
    border: 1px solid #ddd;
    height: 300px;
    overflow: scroll;
    *background: #ddd;
    border-radius: 5px;
    margin-bottom: 30px;
}
.h-box  {
    background: #f3f3f3;
    margin: 7px;
    padding: 10px;
    border-radius: 5px;
}
.card_one_height{
    height: 300px;
}

.card_one_height img{
    max-height: 150px;
    width: 100%;
}
.other_block2 {
    background: #f3f3f3;
    display: inline-block;
    margin-left: 10px;
    padding: 5px 10px;
    border-radius: 5px;
}
.other_block2 .delete_db {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 0;
    padding-top: 5px;
    line-height: 23px;
}
.other_block2 a {
    color: gray;
}
.card-height-home .card-body{
    height: 460px;
    overflow: scroll;
}

.order-graph h6 {
    margin-bottom: 0px;
    font-family: 'Tajawal', Nunito;
}

.media2 .media-body {
    margin-right: 0px !important;
    margin-left: unset !important;
}

.products-table table tr td:first-child, .products-table table tr th:first-child {
    min-width: auto !important;
}
.form-switch label{
    margin: 2px 5px 0 5px;
}
hr:not([size]) {
    background-color: lightsteelblue;
}
.page-main-header .main-header-right .nav-right .profile-dropdown li {
    text-align: right;
}
.btn2 {
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 5px;
    letter-spacing: 1px;
    margin-top: 5px;
    color:#ffffff;
}
.tickets .main .card-header{
    background: #f3f3f3;
}
.tickets .main .card-footer{
    background: #2F2F2D;
}
.mt-20{
    margin-top: 20px;
}
.mt-50{
    margin-top: 50px;
}
.img-80 {
    width: 80px !important;
}