*{
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;	
 box-sizing: border-box;
 margin: 0;
 padding: 0;
 outline: 0;
 border: none;
 list-style-type: none;
 text-decoration: none;
 vertical-align: baseline;
 direction: rtl;
}

.login button,
.login input,
.btn,
table tbody tr{
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 -ms-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-thumb{background-color:#EBEBEB;}
::-webkit-scrollbar-track{background-color:#fff;}
::-moz-scrollbar{width:6px;}
::-moz-scrollbar-thumb{background-color:#EBEBEB;}
::-moz-scrollbar-track{background-color:#fff;}

@font-face{
 font-family: 'dubai';
 src: url('../font/dubai/Dubai-Bold.woff')format('woff');
font-weight:normal;
font-style:normal;
}

@font-face{
 font-family: 'sans';
 src: url('../font/IranSans/IRANSansWeb.woff')format('woff');
font-weight:normal;
font-style:normal;
}

@font-face{
 font-family: 'naz';
 src: url('../font/nazanin/IRNazanin.woff2')format('woff');
font-weight:normal;
font-style:normal;
}

.wrap{
 width: 100%;
 height: 100vh;
 background: #fafafa;
 position: relative;	
}

.container{
 padding: 50px;
 float: right;	
}

.wrap:before{
 content: '';
 width:0px;
 border-top: 100vh solid #11527B;
 border-right: 100vw solid transparent;
 position: absolute;	
}

.page-container{
 width: 100%;
 height: 100vh;
 position: relative;
 z-index: 9999;
 padding: 70px;	
}

header{
 width: 100%;
 height: 50px;
 background: #fff;
 margin-bottom: 10px;
 display: grid;
 grid-template-columns: 70% 10% 10% 10%;
 justify-content: center;
 align-content: center;
 align-items: center;
 font-family: sans;
}

header div span{
 padding: 3px 10px;
 border-radius: 4px;
 font-size: 14px;
 background: #f8fafb;
 color: #0c6ba7;
 margin-right: 5px;	
}

header div:first-child{
 font-family: dubai;
 padding-right: 40px;
 color: #007F8F;
 font-size: 18px;	
}

table{
 width: 100%;
 text-align: center;
 table-layout: fixed;
 position: relative;
 z-index: 9999;	
}

.table-content{
 height: 63vh;
 overflow-x: hidden;
 overflow-y: scroll;
 background: #fff;
}

table thead tr th{
 height: 45px;
 font-family: dubai;
 font-size: 14px;
 background: #fff;
 color: #407292;
 font-weight: normal;
 vertical-align: middle;	
}

table tbody tr td{
 height: 35px;
 font-family: sans;
 font-size: 14px;
 vertical-align: middle;
 color: #5f7171;
}

.btn{
 padding: 1px 15px;
 color: #FFFFFF;
 border-radius: 4px;
 font-size: 12px;
}

.print{ background: #a3b3b3; }
.verify{ background: #00cd2c; }
.dis{ background:  #cd1c00;}

tr:nth-child(odd){ background: #f8fafb; } 	
tr:nth-child(even){ background: #fff; }

table tbody tr:hover{
 background: #FFFBED;	
}

/** print page style **/
.container{
 height: 100vh;
 width: 100%;
 background: #fff;
 padding: 20px;	
}

.part{
 display: grid;	
}

.part-1{
 grid-template-columns: repeat(2, 50%);
 grid-template-areas: "duall1 duall2";	
}

.part div:first-child{ grid-area: duall1; }
.part div:last-child{ grid-area: duall2; }

.part-1 div > img{
 width: 60%;
 height: 80%;	
}

.part-1 > div:last-child{
 display: flex;
 justify-content: flex-end;	
}

.part-2{
 grid-template-areas: "n1 n2 n3";
 grid-template-columns: repeat(3, 33.3333333%);	
}

.part-2 > div:first-child{ grid-area: n1; }
.part-2 > div:nth-child(2){ grid-area: n2; }
.part-2 > div:last-child{ grid-area: n3;}

.part-3{
 grid-template-areas: "email address";
 grid-template-columns: 33.3333333% 66.6666667%;	
}

.part-3 div:first-child{ grid-area: email; }
.part-3 div:last-child{ grid-area: address; }

.title{
 text-align: center;
 border: 1px solid #D0D0D0;
 font-family: naz;
 font-size: 18px;
 color: #2E2E2E;
 padding: 5px;
 font-weight: bold;
 background: #fafafa;
 border-radius: 4px;	
}

.part-1 > div > p{
 font-family: naz;
 font-size: 20px;
 font-weight: bold;
 color: #4A4A4A;	
}

.part-4{
 grid-template-columns: 5% 20% 13% 13% 20% 16% 13%;
 grid-template-areas:
 "q w e r t y u"	
}

.part-4 div:first-child{ grid-area: q; }
.part-4 div:nth-child(2){ grid-area: w; }
.part-4 div:nth-child(3){ grid-area: e; }
.part-4 div:nth-child(4){ grid-area: r; }
.part-4 div:nth-child(5){ grid-area: t; }
.part-4 div:nth-child(6){ grid-area: y; }
.part-4 div:last-child{ grid-area: u; }

.part-5{
 grid-template-areas:
 "fav fav"
 "skill en"
 "skill comp";
 grid-template-columns: repeat(2, 50%);	
}

.part-5 div:first-child{ grid-area: fav; }
.part-5 div:nth-child(2){ grid-area: skill; }
.part-5 div:nth-child(3){ grid-area: en; }
.part-5 div:last-child{ grid-area: comp; }

.part div{
 font-family: sans;
 color: #565656;
 padding: 5px 10px;
 font-size: 12px;	
}

.part div > span{
 color: #000;
 padding-left: 10px;
}

.part-5{
 border-bottom: 1px solid #C7C7C7;
 padding-bottom: 50px;	
}

.footer{
 font-family: tahoma;
 font-size: 14px;
 color: #909090;
 padding: 40px 0 0 0;
 direction: ltr;
}

.center{
 display: flex;
 justify-content: center;
 align-content: center;
 align-items: center;	
}

.login{
 width: 30%;
 padding: 20px;
 background: #fff;
 border-radius: 8px;
 display: flex;
 justify-content: center;
 align-content: center;
 align-items: center;
 flex-direction: column;
 position: relative;	
}

.login h4{
 padding-bottom: 20px;
 font-family: dubai;
 color: #00b1cd;
 font-weight: normal;
 font-size: 24px;
}

.login input{
 width: 100%;
 height: 35px;
 font-family: sans;
 font-size: 14px;
 color: #737373;
 border-right: 4px solid #ECECEC;
 padding: 10px;
 text-align: right;
 margin: 5px;
}

.login input:focus{
 border-right: 4px solid #00039C;
}

.login button{
 padding: 5px 40px;
 background: #009ADB;
 color: #fff;
 font-family: sans;
 border-radius: 4px;
 font-size: 14px;	
}

.login button:hover,
.btn:hover{
 opacity: 0.5;
 cursor: pointer;	
}

.center>p{
 font-family: tahoma;
 font-size: 10px;
 color: #9E9E9E;
 padding-top: 30px;
 direction: ltr;
}

.message-error{
 color: #E50003 !important;
 font-family: sans;
 font-size: 12px;
 padding: 20px 0 0 0;
}