@font-face {
    font-family: "farsi";
    src: url(../font/vazir.ttf);
}

body, th, td, table, h2, h3, h4, h5, h6,
.Head, .SubHead, .SubSubHead, body
.Normal, .NormalBold, .NormalRed, .NormalTextBox, .NormalDisabled,
a:link, a:visited, a:hover, input, .CommandButton, .ListControl input[type=radio] + label, .SingleCheckbox input[type=checkbox] + label, .edNews_adminWrapper *{
    font-family: farsi;
    font-size: 14px;
}
img
{
    max-width:100% !important;
    height:auto !important;
}

/*-----------------------title-------------------------*/
.titleContainer {
    display: flex;
    align-items: center;
}

.titleLine {
    border-bottom: 2px solid #ff5c35;
    flex:auto;
}
.titleMore {
    margin-right: 10px;
}



.LoginPanel {
    width: 100%;
    display: flex;
    justify-content: center;
}
    .LoginPanel .borderlinegroup {
        padding:10px;
    }

.scrollup {
    width: 66px;
    height: 67px;
    opacity: 0.6;
    position: fixed;
    bottom: 70px;
    left: 3.5%;
    display: none;
    text-indent: -9999px;
    background: url('/portals/_default/skins/alighotbi/img/uparrow.png?id=1') no-repeat;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 1;
}

    .scrollup:hover {
        bottom: 55px;
        opacity: 1;
    }

#progress {
    position: fixed;
    z-index: 999999999;
    top: 0;
    left: 0;
    height: 3px;
    background: #ff5c35;
    width: 0px;
}




#main-menu-container {
    background-color: #ffffff;
    vertical-align: middle;
    box-shadow: 0 7px 8px -5px #e6e7e9;
    width: 100% !important;
    height: 80px;
    flex-wrap: wrap;
    display: flex;
    flex-direction: row-reverse;
}



/*-----------------------Fix Nav Bar-------------------------*/
.f-nav { /* To fix main menu container */
    z-index: 99;
    position: fixed;
    left: 0;
    top: -50px;
    right: 0;
    height: 80px !important;
    box-shadow: 0 7px 8px -5px #e6e7e9;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}

.SiteLogo {
    text-align: right;
    padding-left: 15px;
    border-left: 1px solid #ccc;
    order: 0;
}
.myMenu {
    flex: auto;
}

@media all and (max-width: 800px) {
    .SiteLogo {
        width: 100%;
        margin-top: 0px;
        display: block;
        text-align: center;
        padding-left: 0;
        border-left: 0;
    }
}



body {
    background-color: #f6f9fc !important;
    height: 100%;
}
/*--------------------- tag h1,h2---------------------*/
h1 {
    font-size: 150% !important;
    direction: rtl;
    font-weight: bold;
}

h2 {
    font-size: 130% !important;
    direction: rtl;
    font-weight: bold;
}

h3 {
    font-size: 110% !important;
    direction: rtl;
}


/*--------------------- tag a ---------------------*/
.contentStyle {
    background-color: #ffffff;
    box-shadow: 0 0 5px #e6e7e9;
    padding: 5%;
    border-radius: 5px;
    margin-top:10px;
}

    .contentStyle a:not(.btnMaster):not(.btnSlave), .contentStyle a:active, a, a:active {
        color: #ff5c35;
        text-decoration: none !important;
        -webkit-transition: all .3s ease-in;
        -moz-transition: all .3s ease-in;
        -ms-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in;
    }

.parentDiv {
    margin-right: 3%;
    margin-left: 3%;
    direction: rtl;
}

.contentStyle p {
    direction: rtl;
}

.contentStyle a:hover:not(.btnMaster):not(.btnSlave), a:hover {
    color: #000000 !important;
}

.contentStyle {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-right: 3%;
    margin-left: 3%;
}


/*--------------------- tag p ---------------------*/
p, ul, ol, h1, h2, h3, a, a p, div,li,ul {
    font-family: farsi !important;
    font-size: 16px;
    line-height: 220%;
}

.contentStyle ul li, .contentStyle ol li {
    margin-right: 3%;
    margin-left: 3%;
}

.contentStyle p {
    margin: 0;
    text-align: justify;
}

/*-----------------------easydnn-------------------------*/
.edNews_inputGroup *, .textarea * {
    font-family: farsi !important;
    font-size: 16px !important;
}

.edNews_adminWrapper * {
    direction: ltr !important;
}

.edNews_adminWrapper input {
    direction: rtl !important;
}

.edn_numberOfVievs:before, .edn_numberComments:before, .edn_adminActions a:before, .edit:before {
    padding-left: 5px !important;
}

.dnnFormSectionHead {
    background-color: red;
    margin-right: 20px !important;
    display: none;
}

.articleSummary h2 {
    color: #5e5e5e !important;
    font-size:100% !important;
    margin-top:0px !important;
    line-height:140% !important;
}
a .articleTitle h1, .articleTitle h1{
    color: #000000 !important;
    font-size: 110% !important;
    font-weight: bold !important;
    line-height: 140% !important;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
a:hover .articleTitle h1,a:hover .edn_articleSubTitle h3{
    color: #ff5c35 !important;

}

.addthis_button span{
    display:none !important;
}
.edn_previusArticle:before, .edn_printButton:before, .current_rating {
    padding-left: 5px !important;
}
.edn_printButton
{
    text-align:right;
}
.add_article_box
{
    direction:ltr !important;
}
.add_article_box .right input ,.add_article_box .right textarea{
    direction: rtl !important;
}
.add_article_box .right {
    text-align: left !important;
}
.add_article_box .left {
    text-align: right !important;
}

.edn_nextArticle:after {
    padding-right: 5px !important;
}
.edn_article figcaption {
    border-bottom: 1px solid #ccc
}



/*-----------------------easydnn gallery-------------------------*/
.eds_galleryManageMenuTrigger * {
    background-color: #ff5c35 !important;
}
.actionsBoxTrigger
{
    right: 1px !important;
}
.optionsPanel input, .optionsPanel textarea {
    font-family: farsi !important;
    font-size: 100% !important;
    direction: rtl !important;
    text-align: right !important;
}


/*-----------------------Buttons-------------------------*/
.button {
    background: #3D4C53;
    margin: 20px auto;
    width: 200px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    text-align: center !important;
    transition: .2s;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0px 1px 2px rgba(0,0,0,.2);
}

    .button p, .button span {
        line-height: 50px;
        margin-bottom: 0;
        margin-top: 0;
    }

.btn_master, .btn_slave {
    position: relative;
    float: right;
    background: #ff5c35;
    top: 0;
    left: -100%;
    margin-top: -50px;
    transition: .3s;
    width: 30%;
    text-align: center !important;
}

.btn_slave {
    background: #636363;
}

.btnText {
    color: white;
    transition: .3s;
}

.btnText, .btnText2, .button p {
    text-align: center !important;
}

    .btnText2 .fa {
        font-size: 26px !important;
        line-height: 50px;
    }

.btnText2 {
    margin-right: 0px;
    color: #FFF;
}

.button:hover .btn_slave, .button:hover .btn_master { /*When hovering over .button change .btnTwo*/
    left: -70%;
}

.button:hover .btnText { /*When hovering over .button change .btnText*/
    margin-left: 27%;
}

.button:active { /*Clicked and held*/
    box-shadow: 0px 5px 6px rgba(0,0,0,0.3);
}

@media all and (max-width: 500px) {
    .button {
        width: 100%;
    }

    .btn_master, .btn_slave {
    }

    .lnkbutton {
        width: 100%;
    }
}




.btnMaster, .btnSlave {
    font-weight: bold;
    background-color: #ff5c35 !important;
    border: 1px solid #ff5c35;
    border-radius: 5px;
    min-width: 200px;
    text-align: center;
    float: none;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    cursor: pointer !important;
    padding:7px;
}

.btnSlave {
    background-color: #ffffff !important;
    border: 1px solid #ff5c35;
    min-width: 150px;
}

.btnMaster a, .btnMaster {
    color: #ffffff !important;
    text-decoration: none;
    display: inline-block !important;
}

.btnSlave a, .btnSlave {
    color: #ff5c35 !important;
    text-decoration: none;
    display: inline-block !important;
}

.btnMaster:hover {
    background-color: #e23f18 !important;
    color: #ffffff !important;
}

.btnSlave:hover {
    background-color: #fef4ea !important;
    color: #ff5c35 !important;
}
@media all and (max-width: 500px) {
    .btnMaster, .btnSlave {
        margin: 1%;
        width: 94%;
        padding: 2%;
        min-width: auto;
    }
}
.btn_del {
    color: #ffffff !important;
    font-weight: bold;
    text-decoration: none;
    font-family: Arial !important;
    background: #ff3030;
    background: -o-linear-gradient(90deg, #ff3030, #eb3d3d);
    background: -moz-linear-gradient( center top, #ff3030 5%, #eb3d3d 100% );
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff3030), color-stop(1, #eb3d3d) );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3030', endColorstr='#eb3d3d');
    background: -webkit-linear-gradient(#ff3030, #eb3d3d);
    background: -ms-linear-gradient(#ff3030, #eb3d3d);
    background: linear-gradient(#ff3030, #eb3d3d);
    text-indent: 0px;
    border-radius: 15px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    font-size: 15px !important;
    color: #ffffff;
    width: 25px !important;
    height: 25px !important;
    line-height: 25px !important;
    cursor: pointer;
    border-color: #ffffff;
    border-width: 2px;
    border-style: solid;
    opacity: 1;
}


    .btn_del:hover {
        opacity: .8;
    }







.searchBoxID
{
  cursor:pointer;
z-index:100;
}
.navbar-nav {
    margin: 0 !important;
}

.search-box {
    z-index: 1001;
    cursor: pointer;
    background: #E8E8E4;
    position: absolute;
    left: 30px;
    top: 80px;
    width: 25%;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border-top: 5px solid #ff5c35;
    display: none;
    padding:10px;
}

.search-box:before{
  content: "";
  position: absolute;
  top: -30px;
  left: 10px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 14px solid transparent;
  border-bottom: 14px solid #ff5c35;
}


.bgSearch
{
background-color: #000000;
opacity:.7;
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:1000;
display:none;
cursor:pointer;
}
.mobileSearch
{
display:none;
}
@media all and (max-width: 500px)
{
.mobileSearch
{
display:block;
position:fixed;
top:20px;right:20px;
z-index:1000000000;
}
.search-box{

width: 80%;
right:0;
position:absolute;
}
.search-box:before
{
display:none;
}

}
.eds_news_NewsMagazine {
    margin:0 !important;
}


/*--------------------- Bread Crumb ---------------------*/
.MyBreadcrumb
{
color: #71bf44 !important;
font-size:16pt;
}
.MyBreadcrumb span
{
color: #ff5c35 !important;
font-size:24pt;
font-family: "Times New Roman", Times, serif;
}
.MyBreadcrumb , .MyBreadcrumb span
{
font-weight: bold;
}


a.MyBreadcrumb:link, a.crumbs:visited{
text-decoration: none;
color: white;
}
a.MyBreadcrumb:hover{
text-decoration: underline;
}
a.MyBreadcrumb:active{
text-decoration: underline;
}



/*--------------------- contact Us ---------------------*/
.contactRight
{
width:70%;
display:table-cell;
background-color: #ffffff;
padding:10px;
border-radius:10px;
border: 1px solid #c1c1c1;

vertical-align:top;
}
.contactLeft
{
background-color: #ffffff;
display:table-cell;
width:30%;
border-radius:10px;
border: 1px solid #c1c1c1;
padding:15px;
vertical-align:top;
}

@media all and (max-width: 500px)
{
.contactRight,.contactLeft
{
display:block;
width:100%;
}
.contactLeft
{
margin-top:10px;
}

}
/*------------------------------------------*/




/*
.whitePane
{
background-color: #ffffff;
padding:10px;
direction: ltr;
}

.notify
{
background-color: #ffffff;
padding:10px;
border-bottom:4px solid #3ab54b;
padding-top:100px;
padding-bottom:10px;
}

.tab
{
margin-top:50px;
background-color: #ffffff;
padding:12px;
border-top-left-radius:10px;
border-top-right-radius:10px;
border: 1px solid #cececf;
border-bottom:1px solid white;
display:table;
color: #3ab54b;
font-weight:bold;
min-width:200px;
text-align:center;
margin-left:auto;
}*/


.copyrightBg {
    background-color: #ff5c35;
    text-align: center;
    color: white;
    height: 40px;
}

.copy1 , .copy2 , .copy3
{
padding:10px;
width:33%;
display: table-cell;
vertical-align: bottom;
}
.copyrightParent
{
display:table; 
width:100%;
min-height:300px;
vertical-align:center;
direction:rtl;
}
.copy1, .copy2, .copy3
{
vertical-align: middle;
}


@media all and (max-width: 500px)
{
.copy1 , .copy2 , .copy3
{
display:block;
width:100%;
}
}

.copy1,.copy2
{
text-align:center;
}

.copyTitle, .copyTitle a{
    color: #9cabb8;
    font-size: 100% !important;
    font-weight: bold;
    text-align: right;
}
.copyContent a {
    color: #5e6e7d;
    font-size: 90% !important;
    margin-right:10px;
}
.copyContent a:hover,.copyTitle a:hover {
    color: #ff5c35 !important;
}

.socialBg
{
text-align:center !important;
}

.socialLogin {
    text-align: center;
    color: #5e6e7d !important;
    text-align: left !important;
    margin: 2%;
    margin-bottom: 20px;
    text-decoration: underline !important;
}
    .socialLogin:hover {
        color: #ff5c35 !important
    }











/*--------------------- groupbox ---------------------*/

.borderlinegroup {
    position: relative;
    border: 2px solid #cccccc;
    border-radius: 10px;
    padding-bottom: 30px;
    background-color: #ffffff;
z-index:0 !important;

}

.headertitle {
    box-shadow: 0 5px 5px -5px #333;
    font-weight: 400;
    color: #616161;
    font-size: 20px;
    text-align: center;
    margin-left: 15px;
    margin-right: 15px;
}


.borderlinegroup i {
    font-style: normal;
    background: #fff;
    border: 2px solid #f4f4f4;
    border-radius: 15px;
    position: relative;
    padding: 8px;
    top: -20px;
}


/*--------------------- textbox|drp|checkbox ---------------------*/
.field {
    padding-bottom: 7px; /* space between textbox*/

    display: flex;
    flex-direction: column-reverse;
    direction: rtl;                          /*------------------------- Language */
}

    .field span {
        padding-left: 5px;
        transition: all 0.2s ease-in;
        pointer-events: none;
        font-size: 100%;
        font-weight:bold;
        padding-right: 10px;
transform: translate(5px,45px);
    }

.textover span {
    transform: translate(1px,42px); /* label over textbox position*/
    text-align:right;                          /*------------------------- Language */
}
.textupper span {
    padding-top: 32px;
    padding-bottom: 10px;
    transform: translate(1px,0px); /* label over dropdown position*/
    text-align:right;                          /*------------------------- Language */  
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width:0\0),\0screen\,screen\9, screen\9 {
    .textover span {
        transform: translate(-6px,4px); /* label position in IE always in top*/
        padding-top:15px;
    }
}

.field input:focus + span, .field textarea:focus + span {
    font-size: 100%;
    color: #ff5c35; /* label color when focus */
}






/* Placeholder color */
::-webkit-input-placeholder {  color:transparent !important;transition: inherit; }
:-moz-placeholder {  color:transparent !important;transition: inherit;}
::-moz-placeholder { color:transparent !important;transition: inherit;}
:-ms-input-placeholder { color:#cccccc !important;  transition: inherit; }
input:focus::-webkit-input-placeholder{  color: #cccccc !important;}
input:focus:-moz-placeholder { color: #cccccc !important;}
input:focus::-moz-placeholder { color: #cccccc !important;}
textarea::-webkit-input-placeholder {color:#cccccc !important;}
textarea:-moz-placeholder{color:#cccccc !important;}
textarea::-moz-placeholder{color:#cccccc !important;}
textarea:-ms-input-placeholder{color:#cccccc !important;}



/* Move up label when typing or when textbox has value*/
.field input:not(:placeholder-shown) + span,
.field input:focus + span {
    transform: translate(0px, 0px) scale(1);
    cursor: pointer;
}


.required::after {
    color: red;
    font-size:120%;
    font-weight: bold;
    content: ' *';
}

input[type='text'], input[type='password'], textarea {
    border: 0;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    padding: 10px;
    font-size: 100%;
    color: #000000;
    background-color: #f6f9fc;
    -webkit-transition: all .55s ease-in;
    -moz-transition: all .55s ease-in;
    -o-transition: all .55s ease-in;
    transition: all .55s ease-in;
    width: 100%;
    outline: none;
}

    input[type='text']:focus, input[type='password']:focus, textarea:focus {
        outline: none;
        border: 1px solid #fbb7a7;
        background-color: #ffffff;
    }

    textarea {
    border: 1px solid #f6f9fc;

    }


    .ddl {
        outline: none;
        border: 0;
        background-color: #f6f9fc;
        border-radius: 8px;
        padding: 10px;
        width: 100%;
color: #000000;
font-weight:bold;

    }



.ddl * {
    background-color: #f6f9fc;
    font-size: 120% !important;
}

input[type=radio]:not(.edNews_adminWrapper *), input[type=checkbox]:not(.edNews_adminWrapper *) {
    display: none;
}


input[type=radio] + label:before {
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        vertical-align: middle;
        background-color: #ffffff;
        border:1px solid #c3c3c3;
        border-radius: 50%;
        cursor: pointer;
        margin:5px;
    }

    input[type=checkbox] + label:before {
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        vertical-align: middle;
        background-color: #ffffff;
     	border:1px solid #c3c3c3;
        border-radius: 4px;
        cursor: pointer;
        margin:5px;
    }
    input[type=checkbox] + label, input[type=radio] + label {
        
white-space:nowrap;
    }

    input[type=radio]:checked + label:before {
        background-color: #ffc200;
        text-shadow: 0px 0px 3px #000000;
    }

    input[type=checkbox]:checked + label:before {
        content: "\2714"; /* Tick */
        color: #ffffff;
        background-color: #0076ff;
        text-align: center;
        font-size: 1em;
        line-height: 18px;

    }




/*--------------------- alignment ---------------------*/
.left {
    text-align: left;
    font-weight: bold;
}

.right {
    text-align: right;
}

.leftLTR {
    text-align: left;
    direction: ltr;
}

.rightRTL {
    text-align: right !important;
    direction: rtl !important;
}












.social-sidebar  a
{
 padding-top:10px;

}
.social-sidebar  a:hover
{
color: #ffffff !important;
 padding-top:0px;
}