/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

@font-face{
	font-family: 'IranNastaliq';
	src: url('../fonts/IranNastaliq.eot?#') format('eot'),
	url('../fonts/IranNastaliq.woff') format('woff'),
	url('../fonts/IranNastaliq.ttf') format('truetype');
}
@font-face{
        font-family: 'Sans';
        src: url('../fonts/Sans.eot?#') format('eot'),
        url('../fonts/Sans.woff') format('woff'),
        url('../fonts/IRANSans_FaNum.ttf') format('truetype');
}

section#main-body{
	height:auto;
	min-height:88%;
        background-image: url('../img/mfabackground.png');
	background-size: 100% 100%;
}
.persian{
	font-family:IranNastaliq, tahoma;
	font-size:35px;
	text-align:center;
}
#footer{
	height:12%;
	position: fixed;
	bottom: 0px;
	left:0px;
	width:100%;
	text-align:center;
}
#main-body .container .row{
	margin-left:0px;
}
.container .top-nav a:hover {
	color: #5fc618;
}
.header-lined .breadcrumb {
	display:none;
}
.container .row .col-md-9  .header-lined{
	background-color:lightsteelblue;
	padding:30px;
	border-radius:30px 30px 30px 30px;
	opacity:0.8;
	text-align:center;	
	margin:10px;
}
.container .row .col-md-9.pull-md-left.main-content{
	background-color:lightsteelblue;
        padding:30px;
        border-radius:30px 30px 30px 30px;
        opacity:0.93;
}
.container .row .col-md-9.pull-md-left.main-content h2{
        font-size:20px;
}
.container .row .col-md-9.pull-md-left.main-content .row.kbcategories .col-sm-4 a{
	color:#058;
	font-weight:bold;
}
.container .row .col-md-9.pull-md-left.main-content .kbarticles a{
	color:#058;
}
.container .row .col-md-9.pull-md-left.main-content .kbarticles a .glyphicon.glyphicon-file{
        color:#058;
}
#inputKnowledgebaseSearch.form-control{
	background-color:#8ab1d3 ;
	border:1px solid #2f749e;

}
#inputKnowledgebaseSearch.form-control::placeholder{
	color:#2f749e;
}
.announcement-single .title{
	background-color:#8ab1d3;
        border:1px solid #2f749e;
	background:linear-gradient(-87deg,#2f749e 0,#8ab1d3 100%);
}
.ticketlanguagenotification{
	color:blue;
}

@media only screen and (max-width: 800px) {
	ul.top-nav{
		 font-size: 5px;
	}
	.logincontainer .header-lined .persian{
		font-size:20px;
	}
	.header-lined h1{
		font-size:20px;
	}
        section#header .logo img{
                width: 60px;
                height: 50px;
        }
        section#main-body .mfa-modal-text{
                padding: 20px 10px 8px 10px;
                font-size: 8px;
        }
        section#main-body .mfa-modal-inline-text{
                font-size: 8px;
        }

        section#main-body .mfa-modal-title{
                font-size: 10px;
        }
        section#main-body .mfa-modal-bullet-text{
                font-size: 8px;
        }
	section#main-body .mfa-modal-content{
		width: 90%;
	}
}





.mfa-modal {
  font-family: Arial, Helvetica, sans-serif;
  display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
/*  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
/*  color: lightsteelblue;*/
  max-height: 100%;
  overflow-y: auto;
  transition: all 0.5s linear;
}


.mfa-modal-content {
/*  margin-right:280px;*/
  background-color: lightsteelblue;/*fefefe;*/
  position: center;
  margin: auto;
  border: 1px solid #888;
  width: 75%;

}
.mfa-modal-text-box {
        font-family: Sans;
        text-align: justify;
        text-justify: inter-word;
        padding: 30px 30px 30px 50px;
        line-height: 1.8;
}
.mfa-modal-bullet-box {
        font-family: Sans;
        text-align: justify;
        text-justify: inter-word;
        padding: 10px 50px 0px 0px;
        line-height: 1.8;
}
.mfa-modal-text {
        font-family: Sans;
        text-align: justify;
        text-justify: inter-word;
        padding: 30px 30px 30px 0px;
        font-size: 15px;
        justify-content: center;
        line-height: 1.8;
}
.mfa-modal-inline-text {
        font-family: Sans;
        text-align: justify;
        text-justify: inter-word;
        font-size: 15px;
        justify-content: center;
        line-height: 1.8;
}
.mfa-modal-bullet-text {
        font-family: Sans;
        text-align: justify;
        text-justify: inter-word;
        font-size: 15px;
        justify-content: center;
}
.mfa-modal-header {
        color: #006599;
        font-family:Sans, tahoma;
        text-align: center;
        font-weight: bold;
        font-size: 30px;
}
.mfa-modal-title {
        color: #006599;
        font-family:Sans, tahoma;
        text-align: center;
        font-weight: bold;
        font-size: 18px;
}
.mfa-close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  padding-right: 15px;
}

.mfa-close:hover,
.mfa-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.hidden {
  display: none;
}
.transition.hidden {
        display: block;
        opacity: 0;
}

.transition {
        transition: opacity 1s ease;
}