/*@import url(https://fonts.googleapis.com/css2?family=Poppins);*/
/*@import url('https://fonts.googleapis.com/css2?family=Anton&family=Faculty+Glyphic&family=Outfit:wght@100..900&family=Pacifico&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');*/
/**{*/
/*    font-family: outfit;*/
/*}*/
/*i{*/
/*    font-family:auto;*/
/*}*/
/*.mybody, .main-sidebar{*/
/*    background: #1c1c1c !important;*/
/*}*/

/*.registration-form{*/
/*	padding: 50px 0;*/
/*}*/
/*.btn{*/
/*    font-family:poppins !important;*/
/*}*/
/*.registration-form form{*/
/*    background-color: #fff;*/
/*    max-width: 600px;*/
/*    margin: auto;*/
    /* padding: 50px 70px; */
/*    border-top-left-radius: 30px;*/
/*    border-top-right-radius: 30px;*/
/*    border-bottom-left-radius: 30px;*/
/*    border-bottom-right-radius: 30px;*/
/*    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);*/
/*}*/

/*.divi{*/
/*    background-color: #fff;*/
    /*max-width: 600px;*/
    /*margin: auto;*/
/*    border-top-left-radius: 30px;*/
/*    border-top-right-radius: 30px;*/
/*    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);*/
/*}*/

/*.registration-form .form-icon{*/
/*	text-align: center;*/
/*    background-color: #ff9800;*/
/*    border-radius: 50%;*/
/*    font-size: 40px;*/
/*    color: white;*/
/*    width: 100px;*/
/*    height: 100px;*/
/*    margin: auto;*/
/*    margin-bottom: 50px;*/
/*    line-height: 100px;*/
/*}*/

/*.registration-form .item{*/
/*	border-radius: 20px;*/
/*    margin-bottom: 25px;*/
/*    padding: 10px 20px;*/
/*}*/

/*.registration-form .create-account{*/
/*    border-radius: 30px;*/
/*    padding: 10px 20px;*/
/*    font-size: 18px;*/
/*    font-weight: bold;*/
/*    background-color: #ff9800;*/
/*    border: none;*/
/*    color: white;*/
/*    margin-top: 2px;*/
/*}*/

/*.registration-form .social-media{*/
/*    max-width: 600px;*/
/*    background-color: #fff;*/
/*    margin: auto;*/
/*    padding: 35px 0;*/
/*    text-align: center;*/
/*    border-bottom-left-radius: 30px;*/
/*    border-bottom-right-radius: 30px;*/
/*    color: rgba(4,155,52,0.5);*/
/*    border-top: 1px solid #dee9ff;*/
/*    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);*/
/*}*/

/*.registration-form .social-icons{*/
/*    margin-top: 30px;*/
/*    margin-bottom: 16px;*/
/*}*/

/*.registration-form .social-icons a{*/
/*    font-size: 23px;*/
/*    margin: 0 3px;*/
/*    color: #ff9800;*/
/*    border: 1px solid;*/
/*    border-radius: 50%;*/
/*    width: 45px;*/
/*    display: inline-block;*/
/*    height: 45px;*/
/*    text-align: center;*/
/*    background-color: #fff;*/
/*    line-height: 45px;*/
/*}*/

/*.registration-form .social-icons a:hover{*/
/*    text-decoration: none;*/
/*    opacity: 0.6;*/
/*}*/

/*@media (max-width: 576px) {*/
/*    .registration-form form{*/
/*        padding: 50px 20px;*/
/*    }*/

/*    .registration-form .form-icon{*/
/*        width: 70px;*/
/*        height: 70px;*/
/*        font-size: 30px;*/
/*        line-height: 70px;*/
/*    }*/
/*}*/

/*.nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {*/
/*    background-color: #ff9800 !important;*/
/*    color: #fff;*/
/*}*/
/*.nav-link{*/
/*    text-transform: uppercase;*/
/*    font-size:12px;*/
/*}*/
/*.active > .nav-icon{*/
/*    color:black !important;*/
/*}*/
/*.nav-icon{*/
/*    color: #ff9800;*/
/*    font-size:12px !important;*/
/*}*/
/*.nav-item{*/
/*    margin-bottom:10px !important;*/
/*}*/
/*.brand-link{*/
/*    text-align:center;*/
/*    color:#ff9800 !important;*/
/*    font-weight:bold;*/
/*}*/
/*.form-control-sidebar{*/
/*    background-color:#1c1c1c !important;*/
/*    color:#ff9800 !important;*/
/*}*/
/*.btn-sidebar{*/
/*    background-color:#1c1c1c !important;*/
/*    color:#ff9800 !important;*/
/*}*/
/*.text-accent {*/
/*    font-size: 2.5rem;*/
/*    font-weight: 500;*/
/*    text-transform: uppercase;*/
/*    margin-bottom: 0;*/
    /* color: #00A1AB; */
/*}*/
/*.pretable{*/
/*    margin-top:0px !important;*/
/*}*/
/*#tablesize{*/
/*    margin-top:0px !important;*/
/*}*/
/*.pretable{*/
/*    border: 0 solid rgba(0, 0, 0, .125);*/
/*    border-radius: .25rem;*/
/*}*/
/*thead{*/
/*    background-color:#ff9800;*/
/*    color:white;*/
/*}*/
/*.btn-danger i{*/
/*    color:black;*/
/*}*/
/*.btn-success i{*/
/*    color:black;*/
/*}*/
/*.card-text{*/
/*    font-size:15px !important;*/
/*}*/


@import url(https://fonts.googleapis.com/css2?family=Poppins);
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Faculty+Glyphic&family=Outfit:wght@100..900&family=Pacifico&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*{
    font-family: outfit;
}
body{

    background: linear-gradient(to right, #d4f0e2, #f8e3cc);
}
i{
    font-family:auto;
}
.mybody, .main-sidebar{
    background: #1c1c1c !important;
}
.main-sidebar{
    position: fixed !important;
}

.registration-form{
	padding: 50px 0;
}
.btn{
    font-family:poppins !important;
}
.registration-form form{
    background-color: #fff;
    max-width: 600px;
    margin: auto;
    /* padding: 50px 70px; */
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
}

.divi{
    background-color: #fff;
    /*max-width: 600px;*/
    /*margin: auto;*/
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
}

.registration-form .form-icon{
	text-align: center;
    background-color: #ff9800;
    border-radius: 50%;
    font-size: 40px;
    color: white;
    width: 100px;
    height: 100px;
    margin: auto;
    margin-bottom: 50px;
    line-height: 100px;
}

.registration-form .item{
	border-radius: 20px;
    margin-bottom: 25px;
    padding: 10px 20px;
}

.registration-form .create-account{
    border-radius: 30px;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: bold;
    background-color: #ff9800;
    border: none;
    color: white;
    margin-top: 2px;
}

.registration-form .social-media{
    max-width: 600px;
    background-color: #fff;
    margin: auto;
    padding: 35px 0;
    text-align: center;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    color: rgba(4,155,52,0.5);
    border-top: 1px solid #dee9ff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
}

.registration-form .social-icons{
    margin-top: 30px;
    margin-bottom: 16px;
}

.registration-form .social-icons a{
    font-size: 23px;
    margin: 0 3px;
    color: #ff9800;
    border: 1px solid;
    border-radius: 50%;
    width: 45px;
    display: inline-block;
    height: 45px;
    text-align: center;
    background-color: #fff;
    line-height: 45px;
}

.registration-form .social-icons a:hover{
    text-decoration: none;
    opacity: 0.6;
}

@media (max-width: 576px) {
    .registration-form form{
        padding: 50px 20px;
    }

    .registration-form .form-icon{
        width: 70px;
        height: 70px;
        font-size: 30px;
        line-height: 70px;
    }
}

.nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #ff9800 !important;
    color: #fff;
}
.nav-link{
    text-transform: uppercase;
    font-size:12px;
}
.active > .nav-icon{
    color:black !important;
}
.nav-icon{
    color: #ff9800;
    font-size:12px !important;
}
.nav-item{
    margin-bottom:10px !important;
}
.brand-link{
    text-align:center;
    color:#ff9800 !important;
    font-weight:bold;
}
.form-control-sidebar{
    background-color:#1c1c1c !important;
    color:#ff9800 !important;
}
.btn-sidebar{
    background-color:#1c1c1c !important;
    color:#ff9800 !important;
}
.text-accent, .content-header h1 {
    font-size: 1.5rem !important;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0;
     color: #000; 
}
.pretable{
    margin-top:0px !important;
    background-color: white !important;
}
#tablesize{
    margin-top:0px !important;
}
.pretable{
    border: 0 solid rgba(0, 0, 0, .125);
    border-radius: 0.75rem;
}
.btn-danger i{
    color:black;
}
.btn-success i{
    color:black;
}
.card-text{
    font-size:15px !important;
}

.next:hover > .next i, .next:focus > .next i{
    margin-left:10px;
}
.content-wrapper{
    background-color: transparent !important;
    color: white;
    min-height: 647.2px;
}
#employee_data tr{
    background-color: #fff;
    color:black;
}
thead tr{
    background-color:#f9f9f9 !important;
    color:gray;
}
td, th{
    text-align: start !important;
}

.pretable label, .pretable input, .pretable select, .dataTables_info, .dataTables_paginate {
     color: black;
}

        @media (min-width: 768px) {
            body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
                transition: margin-left .3s ease-in-out;
                margin-left: 280px;
            }
        }
        
.main-sidebar{    
background: #ffffff; width: 270px; min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 4px 0 20px rgba(0,0,0,0.08); transition: transform 0.4s ease-in-out; overflow: hidden;        
}

.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar .nav-link{
   width:2rem;
   padding-right:4px !important;
   padding-left:4px !important;
   padding-top:7px !important;
   padding-bottom:7px !important;
}


.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-item .nav-link .nav-icon {
    margin-left:0px !important;
}
.nav-link.active {
    background-color: #FF9800 !important;
    color: #000000 !important;
    box-shadow: 0 6px 12px rgba(255, 152, 0, 0.4);
    padding: 16px 24px !important;
}