@charset "utf-8";
/* CSS Document */
body{
font-family: 'Nunito';
}
#hedtop{
padding:7px 5px;
background:#000;
position:fixed;
top:0;
left:0;
width:100%;
color:#fff;
z-index:100;
}
#hedtop i{
color:#fff;
font-size:20px;	
}
#hedtop b{
color:#fff;
font-size:18px;
font-weight:300;	
}

.side_menu{
padding:5% 0;
background:#000;
position:fixed;
top:0;
bottom:0;
width:70px;
height:100%;
color:#fff;
z-index:99;
}
.side_menu div{
text-align:center;
border-bottom:2px solid #333;
//margin-bottom:5px;
}
.side_menu div:hover{
background:linear-gradient(to bottom right, #ca34fb 0%, #f66b4e 100%);
cursor:pointer;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
}
.side_menu div a{
text-align:center;
padding:6px 1px;
text-decoration:none;
display:block;
color:#fff;
}

#hedbtm{
background:#000;
width:100%;
padding:20px 2px;
color:#ccc;
font-size:14px;
margin-top:50px;
}

.scroll-top {
  width: 45px;
  height: 45px;
  line-height: 45px;
  position: fixed;
  bottom: 10%;
  font-size: 16px;
  z-index: 99999;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  background: #d642cd;
  border: 1px solid #d642cd;
  border-radius: 50%;
  -webkit-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  transition: 1s ease;
}
.scroll-top.open {
bottom:30px;
}
.scroll-top:hover{
  background:#3070fe;
  border:1px solid #3070fe;
}
.scroll-top span{
  color: #fff;
}
.scroll-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

/***********************************************/
.inputtext::placeholder{
color:#000;
}

#panalcontent  .toltip{
text-align:right;
font-size:18px;
color:#000;
margin:1px 0;
padding-right:7px;
}



#panalcontent .inpeng{
direction:ltr;
text-align:left;	
}

#panalcontent #sec_del{
top:0;width:40%;
left:30%;margin:0 auto;
position:fixed;
display:none;
background:#810bbd;border:1px solid #297ED3;border-radius:7px;
z-index:9999;
text-align:center;
color:#fff;
-moz-box-shadow: 0px 0px 2px 1px #fff inset;
-webkit-box-shadow: 0px 0px 2px 1px #fff inset;
-o-box-shadow: 0px 0px 2px 1px #fff inset;
box-shadow: 0px 0px 2px 1px #fff inset;
}



#backchangeperinfo{
position:fixed;
z-index:9999;
top:0;
left:0;
background:#000000e0;
width:100%;
height:100%;
display:none;
}

#pnlfst{
padding:0;	
}

#panalcontent #sec_addedt,#panalcontent #sec_del{
direction:rtl;
}

.container {
font-size:2rem;
}

.confsec1 .logo-box a{
text-decoration:none;	
}
.confsec1 .logo-box i{
font-size:30px;
color:#fff;
}
.confsec1 .logo-box{
box-shadow:5px 8px 10px 5px #0000005c;
box-shadow:0 0.15rem 1.75rem 0 rgb(58 59 69 / 15%) !important;
padding:0;
border-radius:40px;
border-bottom: 5px solid #000;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
background:#fff;
margin-bottom:25px !important;
}

.confsec1 .logo-box table{
width:100%;
border-collapse:separate;
border-spacing:0;	
}
.confsec1 .logo-box table th{
text-align:center;	
}
.confsec1 .logo-box table th:nth-child(1){
width:25%;	
}
.confsec1 .logo-box h3{
margin:0;
color:#000;
font-weight:400;
font-size:20px;
}
.confsec1 .logo-box .icons{
width:70px;
height:70px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background: linear-gradient(to bottom right, #fff1fe 0%, #0243d7 100%);
}


.confsec1 .logo-box:hover{
border-bottom: 5px solid #a27fff;
background:-webkit-linear-gradient(to right, #dbbbff, #b3d8ff);
background:linear-gradient(to right, #dbbbff, #b3d8ff);
}
.confsec1 .logo-box:hover h3{
color:#fff;
font-size:20px;
}
.confsec1 .logo-box:hover .icons{
background:#fff;
background:linear-gradient(to bottom right, #ca34fb 0%, #f66b4e 100%);
}


.confsec1:hover .logo-box{ 
animation:pulse 1s infinite;
animation-timing-function:linear;    
}

#hedtop .lnk_old_system_2022{ 
background:linear-gradient(to bottom right, #ca34fb 0%, #f66b4e 100%);
animation:pulse 1s infinite;
animation-timing-function:linear;    
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}


#panalcontent #sec_view #titlepg{
background:#fff;
border-radius:25px;padding:5px 2px;
font-weight:500;color:#000;
box-shadow: 2px 3px 10px 2px #fcffff;
}
#panalcontent #sec_view #formserch #consrch{
box-shadow:5px 8px 10px 5px #0000005c;
background:#fff;
padding-top:20px;
padding-bottom:20px;
border-radius:10px;	
}
#panalcontent .form-control{
border-radius:15px;
font-weight:bold;
color:#000;
padding:2px;
text-align:center;
height:30px;
}
#panalcontent .toltip{
font-weight:bold;
color:#000;
text-align:center;
font-size:16px;
}
#panalcontent #sec_view #view-tab #prmtbl{
width:100%;
border-collapse:separate;
border-spacing:2px;
min-width:1173px;	
}
#panalcontent #sec_view #view-tab #prmtbl th{
background:#4f6ac8;
color:#fff;
text-align:center;
font-size:15px;
padding:4px 1px;
}
#panalcontent #sec_view #view-tab #prmtbl td{
text-align:center;
font-size:14px;
padding:2px 1px;
}

#panalcontent #sec_view #view-tab #prmtbl tbody tr {
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
color:#000;
}

#panalcontent #sec_view #view-tab #prmtbl tbody tr:nth-of-type(odd) {
background:#edebec;
}

#panalcontent #sec_view #view-tab #prmtbl tbody tr:nth-of-type(even) {
background:#fff;
}

#panalcontent #sec_view #view-tab #prmtbl tbody tr:hover {
background:#ff9613;
color:#fff;
}

#panalcontent #sec_view #view-tab .mltypag00{
width:100%;
border-collapse:collapse;
border-spacing:0px;
min-width:1173px;		
}
#panalcontent #sec_view #view-tab .mltypag00 #frcontr{
background:#4da2c3;
color:#fff;
}
#panalcontent #sec_view #view-tab .mltypag00 #frcontr{
background:#4f6ac8;
color:#fff;
}

#panalcontent #sec_view #view-tab .mltypag00 #mltpag table{
border-collapse:separate;
border-spacing:3px 0;
margin:4px 2px;		
}

#panalcontent #sec_view #view-tab .mltypag00 #frcontr .pnum{
padding:7px 15px;
border:1px solid #fff;
background: #fff;
border-radius:3px;
color:#000;
cursor:pointer;
font-weight:bold;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
}

#panalcontent #sec_view #view-tab .mltypag00 #frcontr .pnum:hover{
border:1px solid #caa7f8;
background: #caa7f8;
color:#fff;
}

#panalcontent #sec_view #view-tab .mltypag00 #frcontr .pnumno,#panalcontent #sec_view #view-tab .mltypag00 #frcontr .pnumno:hover{
border:1px solid #000;
background: #000;
color:#fff;
}

.vertical-alignment-helper {
display:table;
height: 100%;
width: 100%;
pointer-events:none;
}

.vertical-align-center {
display: table-cell;
vertical-align: middle;
pointer-events:none;
}

.modal-content {
width:inherit;
max-width:inherit;
height:inherit;
margin: 0 auto;
pointer-events:all;
z-index:102;
}
.modal .modal-header{
background:linear-gradient(to bottom right, #ca34fb 0%, #f66b4e 100%);
color:#fff;
padding:10px 15px;
text-align:center;
}
.modal .close{
color:#fff;
opacity:1;	
}
.modal .modal-footer{
background:linear-gradient(to bottom right, #ca34fb 0%, #f66b4e 100%);
//padding:10px 15px;
text-align:center;
}

.modal .form-control{
height:30px;
text-align:center;
}


.modal .mltypag00{
width:100%;
border-collapse:collapse;
border-spacing:0px;
//min-width:1173px;		
}
.modal .mltypag00 #frcontr{
background:linear-gradient(to bottom right, #ca34fb 0%, #f66b4e 100%);
color:#fff;
}
.modal .mltypag00 #frcontr{
background:linear-gradient(to bottom right, #ca34fb 0%, #f66b4e 100%);
color:#fff;
}

.modal .mltypag00 #mltpag table{
border-collapse:separate;
border-spacing:3px 0;
margin:4px 2px;		
}

.modal .mltypag00 #frcontr .pnum{
padding:7px 15px;
border:1px solid #fff;
background: #fff;
border-radius:3px;
color:#000;
cursor:pointer;
font-weight:bold;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
}

.modal .mltypag00 #frcontr .pnum:hover{
border:1px solid #caa7f8;
background: #caa7f8;
color:#fff;
}

.modal .mltypag00 #frcontr .pnumno,.modal .mltypag00 #frcontr .pnumno:hover{
border:1px solid #000;
background: #000;
color:#fff;
}

/****** start media *********************/
/********* 0 to mobile ***********/
@media(max-width:767px){


}
/********* mobile to small ***********/
@media (min-width: 768px) and (max-width: 991px){

}
/********* small to mediuam ***********/
@media (min-width: 992px) and (max-width: 1199px){

}
/********* meduiam to larg ***********/
@media(min-width: 1200px){

}

/********* small to larg ***********/
@media(min-width:768px){
	
}
/****** end media ********/

/****** end over ridding bootstrap ********/