@import url("css/Panes.css");
@import url("css/menu.css");
@import url("css/jqClock.css");


@font-face {
    font-family: 'mitrabold';
    src: url('fonts/Setak-MitraBold.eot');
    src: url('fonts/Setak-MitraBold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Setak-MitraBold.ttf') format('truetype');
         
    -src: url('fonts/Setak-MitraBold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Setak-MitraBold.woff') format('woff'),
         url('fonts/Setak-MitraBold.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mitra';
    src: url('fonts/BMitra.eot');
    src: url('fonts/BMitra.eot?#iefix') format('embedded-opentype'),
         url('fonts/BMitra.ttf') format('truetype');
         
    -src: url('fonts/BMitra.eot?#iefix') format('embedded-opentype'),
         url('fonts/BMitra.woff') format('woff'),
         url('fonts/BMitra.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
}



Body{margin:0;padding:0;direction:rtl;background:#dedad3;border-top:6px solid #d6cfc1;}

#VE{background-color:#cec5b4}

#Date{float:left;margin-left:10px;margin-top:6px;}

#Date span{color:#cc0102;font-size:16px}

#ClockHolder{float:left;width:50px;height:20px;margin-top:6px}

#MenuHldr{margin-left:auto;margin-right:auto;background:transparent url('Images/Pics.gif') repeat-x scroll center 0px;height:45px;padding-top:3px}

#Menu{text-align:right;height:52px;padding-right:10px;}

#MainDiv{margin-left:auto;margin-right:auto;background-color:white;display:table;}

#HeaderHolder{width:100%;height:167px;position:relative}

#Tabriz{width:273px;height:124px;background:white url('Images/Tabriz1.gif') no-repeat scroll left bottom;position:absolute;left:31px;top:38px}

#Header{margin:none;height:119px;margin-left:auto;margin-right:auto}

#WidgetsWidth{height:113px;position:relative;top:0px;left:0px;}

#WidgetsHolder{width:600px;position:absolute;top:0px;left:30px;z-index:1000}

#WdgtBtns{width:260px;float:left;}

#WdgtMiddle{height:33px;float:left;}

#Search{float:left;height:35px;background:#cec5b4 url('Images/Pics.gif') repeat-x scroll center -52px}

#SrchLeft{width:5px;height:35px;float:left;background:transparent url('Images/Pics.gif') no-repeat scroll left -130px;}

#SrchRight{width:5px;height:35px;float:left;background:transparent url('Images/Pics.gif') no-repeat scroll right -91px;}

#Login{float:left;margin-top: 7px;margin-left:10px}

#User{float:left;margin-top:7px;}

#CDate{margin-top:9px;float:right;width:120px;}

#dnn_dnnCURRENTDATE1_lblDate{color:White;}

.PagingTable
{
    width: 100%;
    background-color: #e2e2e2;
    border: #5b5b5b 1px solid;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(js/PIE/PIE.htc);
    }
textarea{width:100%}
#dnn_dnnCURRENTDATE1_lblDate{color:White;}

#HelaleAhmarLogo{width:330px;margin-top:18px;margin-right:30px;height:90px;float:right;background:transparent url('Images/HelaleAhmarLogo.jpg') no-repeat scroll right bottom;}

#HeaderLeft{float:left;height:80%;width:650px}

#SeachBln{left:21px;width:250px;height:150px;text-align:right;padding-right:10px;padding-top:5px;}

#UserBln{left:171px;height:auto;width:auto;min-width:250px;padding-right:10px;}

#SettingBln{left:119px;width:175px;padding:4px 4px 0 0;height:29px;}

.Baloon{position:absolute;height:33px;z-index:10000;top:38px;border:1px solid #40e0d0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:transparent url('Images/White.png') repeat scroll center center;behavior:url(js/PIE/PIE.htc);}

.Arrow{width:23px;height:14px;background:transparent url('Images/Arrowtop.png') no-repeat scroll center center;_background:transparent url('Images/Arrowtop.gif') no-repeat scroll center center;position:absolute;top:-14px;left:10px;}

#MenuArea{}

#menuHolder{float:right;text-align:center;display:table;}

#TopMnu{background:transparent url('Images/TopMenu.gif') no-repeat scroll right top;height:22px;border-left:1px solid #ecebeb;}

#TopMnuR{background:transparent url('Images/TRCrn.gif') no-repeat scroll right top;height:22px;width:30px;float:right;}

#MnuBg{background:#F6F6F6 url('Images/Pix.gif') repeat-y scroll left center;width:100%;}

#Mnu{width:95%;float:left;}

#FooterHolder{width:100%;background:transparent url('Images/Pics.gif') repeat-x scroll 0px -165px;}

#Footer1{padding-top:4px;height:30px;padding-top:14px;text-align:center;margin-left:auto;margin-right:auto;}

#Footer3{height: 47px;text-align: right;}

#PGP{width: 16px;height: 15px;margin-top: 4px;float: left;cursor: pointer;display: flex;}

#CpyRgh{height: 20px;margin-right: 20px;font-size: 15px;}

#TermsPirvcy{margin-top: 5px;width: 400px;height: 20px;margin-right: 20px;font-size: 15px;}

.DNNEmptyPane{display: none;}

body,th,td,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.SubHead,a:link,a:visited,a:hover,input,.CommandButton{font-weight:normal;text-decoration:none;}

body,th,td,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead,a:link,a:visited,a:hover{font-family:'mitra';font-weight:normal;font-size:15px;}

h1,h2,h3,h4,h5,h6,h2 input{color:#b8944f;font-weight:normal;font-family:'mitrabold';font-size:16px;}

h1{font-size:17px;margin:10px 0;}

h2,h2 input{font-size:15px;}

h3{font-size:14px;}

p{line-height:19px;}

h4{font-size:13px;}

h5{font-size:12px;}

h6{font-size:11px;}

.Normal{color:#292929;}

.NormalDisabled{color:silver;}

.Head{color:#b8944f;font-size:15px;font-weight:bold;}

.SubHead{color:#b8944f;font-size:14px;font-weight:bold;}

.SubSubHead{color:#b8944f;font-size:13px;}

a:link{color:#292929;}

a:visited{color:#EF0563;}

a:hover{color:#383838;text-decoration:none;}

a.CommandButton:link{color:#292929;text-decoration:none;}

a.CommandButton:visited{color:#EF0563;}

a.CommandButton:hover{color:#979696;text-decoration:underline;}

.SkinObject{font-weight:normal;font-size:15px;color:#cc0102;font-family:'mitrabold';text-decoration:none;text-align:center;}

A.SkinObject:link{text-decoration:none;color:#cc0102;}

A.SkinObject:visited{text-decoration:none;color:#cc0102;}

A.SkinObject:hover{text-decoration:none;color:#2d2d2d;}

A.SkinObject:active{text-decoration:none;color:#2d2d2d;}

.user,a.user:link,a.user:active,a.user:visited{color:#cc0102;}

a.user:hover{color:#2d2d2d;}

.footer,a.footer:link,a.footer:active,a.footer:visited{color:#383838;}

a.footer:hover{color:#2d2d2d;}

.EmptyPane{width:0;padding:0;margin:0;display:none;}

.DNNEmptyPane{width:0;padding:0;margin:0;display:none;}

.logout{margin-left:5px;margin-right:5px;line-height:31px;}

.separator{float:left;color:#453d3d;padding:0px 5px 0px 5px;margin-top: 10px;font-size:16px}

.DisplayTable{display:table;border:1px solid red;}

.subinks{padding:3px 3px 3px 3px;}

span .subinks{color:white;}

.subinks{font-weight:normal;color:#FFFFFF;font-family:'mitrabold';text-decoration:none;text-align:center;}

A.subinks:link{text-decoration:none;color:#FFFFFF;}

A.subinks:visited{text-decoration:none;color:#FFFFFF;}

A.subinks:hover{text-decoration:none;color:#EF0563;}

A.SkinObject:active{text-decoration:none;color:#EF0563;}

.StyledTable .TblRow{background-color:#f1efef;height:25px;}
.StyledTable .AltTblRow{height:25px;}
.StyledTable .AltTblRow.suspend .tdOne, 
.StyledTable .TblRow.suspend .tdOne{border-right: 5px solid #cacaca;font-size: 15px !important;font-family:'mitra'}

.StyledTable .AltTblRow.done .tdOne, 
.StyledTable .TblRow.done .tdOne{border-right: 5px solid #0ab121;font-size: 15px !important;font-family:'mitra'}

.StyledTable .AltTblRow.undone .tdOne, 
.StyledTable .TblRow.undone .tdOne{border-right: 5px solid #b70002;font-size: 15px !important;font-family:'mitra'}

.StyledTable .AltTblRow.suspend .tdTwo a, 
.StyledTable .TblRow.suspend .tdTwo a{font-size: 15px !important;font-family:'mitra'}

.StyledTable .AltTblRow.done .tdTwo a, 
.StyledTable .TblRow.done .tdTwo a{font-size: 15px !important;font-family:'mitra'}

.StyledTable .AltTblRow.undone .tdTwo a, 
.StyledTable .TblRow.undone .tdTwo a{font-size: 15px !important;font-family:'mitra'}

.outerscroll{height: 330px;width: 100%;}
.scroll-pane{width: 100%;}

.clocktime{background:transparent !Important}

/*-------------- Search SkinObject Styles --------------*/
/*classic*/
div.SearchContainer{display:inline-block;margin-top:1px;;width:271px;height:27px}
	div.SearchtxtBoxDiv{float:right;}
		input.SearchTextBox{color:white;border: 0;width:242px;height:25px;color: #43494D;margin-top:0px;background:transparent url('Images/SearchBox.gif') no-repeat scroll center center;}
	div.SearchBtnDiv{float:right;width: 29px;height: 29px;}
		.SearchButton{width: 29px;height: 29px;margin-left:3px;}
	div.SearchOpts{float:right;}
/*classic*/
.DNNEmptyPane{
	display:none;
}

.slides{width:95% !Important}
.slidesitem{width:100% !Important}




.link-div-Order {
    z-index: 9999;
    position: absolute;
    left: 0px;
}


/*-----------------telegram icons------------*/



.link-div-Order-holder {
    z-index: 9999;
    position: fixed;
    left: 0px;
    top: 40%;
}

.Theme_HoverFancy.left-icons {
    z-index:  99999999;
    margin-left: 0px;
}

.Theme_HoverFancy.left-icons a img {
    width: 50px;
    transition:  all 1s;
}



.Theme_HoverFancy.left-icons2 {
    margin-left:  10px;
}

.Theme_HoverFancy.left-icons2 a img {
    width: 50px;
    transition:  all 1s;
}

.Theme_HoverFancy.left-icons a img:hover {

    color: white;
    -webkit-animation: mymove 3s infinite; /* Chrome, Safari, Opera */
    animation: mymove 3s infinite;
}

.Theme_HoverFancy.left-icons2 a img:hover {

    color: white;
    -webkit-animation: mymove 3s infinite; /* Chrome, Safari, Opera */
    animation: mymove 3s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    50% {-webkit-transform: rotate(360deg);}
}

/* Standard syntax */
@keyframes mymove {
    50% {transform: rotate(360deg);}
}


/*-----------------telegram icons------------*/
#stkLogo {
    width: 16px;
    height: 9px;
    cursor: pointer;
    display: flex;
    margin-top: 6px;
  }
  .pgp-holder{
  display: flex;
  justify-content: end;
  margin-left: 38px;
  margin-top: 10px;
  }
  .harim-holder{
  display: flex;
  margin-top: -21px;
  }
  @media (max-width: 992px){
    #stkLogo {
        text-align: center;
        display: flex;
    }
    .pgp-holder{
        display: flex !important;
        margin-top: 15px;
    }
    .pgp-logo-holder{
        display: block;
    }
    .setak{
        white-space: nowrap;
    }
  
  .harim-holder{
    text-align: center;
    display: block;
  }
  #TermsPirvcy{
    text-align: center;
    float: unset;
  }
  #CpyRgh{
    text-align: center;
  }
  }
  .PGPTxts a:hover{
    color: #fff !important;
  }
  .pgptxt{
    margin-left: 5px;
    margin-right: 4px;
  }