* {margin: 0;padding: 0;font-family: 'Tajawal', sans-serif;direction: rtl;}

/*

generale color

rgb(119, 178, 236)

focus rgb(100, 151, 202)

text rgb(46, 48, 75) 

*/

body {background-color: rgba(149, 142, 253, 0.32);}

.tab::-webkit-scrollbar , .btab::-webkit-scrollbar {width: 4px;height: 0px; direction:ltr !important}




.material-symbols-outlined {font-size: 16px;display: inline-flex;align-items: center;justify-content: center;}

.main  {padding: 50px 10px; margin-right: 100px;}

input:focus , textarea:focus{outline: none;border:1px solid rgb(119, 178, 236) !important;}

input[type=text] , input[type=number] , input[type=password] , input[type=email] {

  width: 100%;  border: 1px solid silver;border-radius: 10px;

    padding: 15px 10px !important;font-size: 16px;margin:0;transition-duration: 0.4s;

   

} 

.cntrabs {position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);}

textarea {

    width: 100%;height: 130px;border: 1px solid silver ;padding: 15px 20px;resize: none;border-radius: 10px;

    margin: 10px 0;

}

.success-check {position: fixed;bottom: 20px;left: 50%;transform: translateX(-50%);display: none;
padding: 30px 100px; background-color: rgb(68, 199, 90);color: white;font-size: 17px;border-radius: 15px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;display: none;align-items: center;justify-content: center;
}
.success-check span {margin: 0 3px;}

input[type=button] , input[type=submit] , button {

    background-color: royalblue;color: white;border: 0;transition-duration: 0.4s;

    cursor: pointer;border-radius: 4px;

}

input[type=button]:hover , input[type=submit]:hover, button:hover {

    background-color: rgb(18, 38, 100);

}

.text-danger {color: rgb(221, 39, 39);font-size: 14px;float: right;}

/*menu*/

.menu {position: fixed;height: 100%;top: 0;bottom: 0;

    background-color:white;padding: 5px 0;
   
    z-index: 99;
   
}
.menu img {width: 80%;max-width: 50px;margin-left: auto;margin-right: auto;display: inline-block;margin: 10px 0;}

 

 



.menu  a {text-decoration: none;}

.menu::-webkit-scrollbar , .b-menu::-webkit-scrollbar {width: 0 !important;height: 0 !important;}



.section {display: table;  width: 80px;height: 80px;
transition-duration: 0.4s;color: rgb(72, 73, 82) !important;
border-right: 4.5px solid transparent;
}


.section:hover  {background-color: rgba(216, 216, 216, 0.35);}

.section-act {background-color : rgba(189, 189, 189, 0.15) !important; border-radius: 0;
    border-right: 4.5px solid royalblue ;color: royalblue !important; } 



.section span {position: relative;float: left;top: 50%;left: 50%;
transform: translate(-50%, -50%);font-size: 20px;margin: 0 !important;}











.accept { padding: 3px 6px; background-color: rgb(25, 228, 109);

        color: white !important;font-size: 14px;text-decoration: none;border-radius: 5px;}

.denied {padding: 3px 6px ;background-color: rgb(223, 55, 55);

        color: white !important;font-size: 14px;text-decoration: none;border-radius: 5px;}

.edit {padding: 5px 6px ;background-color: rgb(55, 100, 223);

            color: white !important;font-size: 14px;text-decoration: none;border-radius: 5px;}









.company {padding: 3px 6px; background-color: rgba(248, 227, 32, 0.5);

    color: black !important;font-size: 14px;border-radius: 5px;}

.interst , .sector , .workers {padding: 3px 6px; background-color: rgba(42, 248, 42,0.5);

    color: black !important;font-size: 14px;border-radius: 5px;}

.phone , .country , .address , .old {padding: 3px 6px; background-color: rgba(135, 248, 42, 0.5);

        color: black !important;font-size: 14px;border-radius: 5px;}


.pagination > li > a,
.pagination > li > a,
.pagination > li > span

{
    border-radius:10px !important;
    margin:0 2px !important;
}





.tab , .btab {border-radius:10px !important;position: relative;}



@media only screen and (max-width: 800px) { 

    .menu {position: fixed;height: auto;top: 0;bottom: auto;padding: 10px 0 !important;width:100%;left:0;right:0;overflow-x:scroll;z-index: 9999;
        display:inline-flex;align-items:center ; justify-content:flex-center;
        
    }
    .b-menu {width:990px;z-index: 9998;}

    .section {display: inline-table;margin:0 5px ;width: 60px;height: 60px;border-bottom: 3px solid transparent;}
    .section-act {border: 0;border-bottom: 3px solid royalblue;}

    .tab , .btab {width:95% !important;display: block !important;margin:20px 0 !important;}
    .btabt {display: none;}
    .main {margin: 0;padding:100px 0;padding-right:10px;}
    .menu img  {margin: auto 5px !important;max-height:80px;}

}