@charset "utf-8";
@font-face{
    font-family: 'IranSansWeb';
    src:url('../fonts/IRANSansWeb.ttf')format('truetype'),
        url('../fonts/IRANSansWeb.woff')format('woff');

}
@font-face{
    font-family: 'IranSansWebBold';
    src:url('../fonts/IRANSansWeb_Bold.ttf')format('truetype'),
        url('../fonts/IRANSansWeb_Bold.woff')format('woff');

}
@font-face {
    font-family: 'B Titr';
    src: url('../fonts/titrbold.eot');
    src: url('../fonts/titrbold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/titrbold.woff') format('woff'),
    url('../fonts/titrbold.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'mitra';
    src: url('../fonts/BMitra.eot');
    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
}
@font-face {
    font-family: 'mitra';
    src: url('../fonts/BMitraBold.eot');
    src: url('../fonts/BMitraBold.eot?#iefix') format("embedded-opentype"), url('../fonts/BMitraBold.woff') format("woff"), url('../fonts/BMitraBold.ttf') format("truetype");
    font-weight: bold;
    font-style: normal
}

body{
	font-family: IranSansWeb !important;
	background: url(dist/img/background.jpg)!important;
	color: white !important;
}

.logo{
padding-right: 10%;	
	padding-top: 10%;
	padding-bottom: 10%;
}
div.content-wrapper{
	background: url(../img/background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.center{
	text-align: center;
}
.font-btn{
	font-family: IranSansWebBold;
	font-size: 30px!important;
	border-radius: 7px !important;
	margin-top:  25px;
	text-align: center !important;
	
}

table{
	border-left: none !important;
	border-right: none!important;
}
th{
		border-right: none!important;
 		border-left: none !important;
	text-align: center!important;

}
td{
	border-top:none!important;
	border-left: none !important;
	border-right: none!important;
}
td:hover{
	
}
tbody tr{
		transition: all 0.5s; 

}
tbody tr:hover{
	background-color: rgba(92,85,85,0.5)!important;
	transition: all 0.3s;
}
.box-body{
	color: #2c3e50;
	
}
.sp-left{
	margin-left: 4%;
}
.content-wrapper{
	min-height:   800px !important;
}
.tooltip{
	font-family: IranSansWeb !important;
}
div .modal-content{
	color: black!important;
}

	.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
			z-index: -1;}
			
			
	.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

	.inputfile + label {
    max-width: 80%;
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


/* style 1 */

.inputfile-1 + label {
    color: #f1e5e6;
    background-color: #f39c12;
    border-radius: 5px;
    transition: all 0.6s!important;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    transition: all 0.6s!important;
    background-color: #f38b08;
}


/* style 2 */

.inputfile-2 + label {
    color: #f3af1c;
    border: 2px solid currentColor;
    border-radius: 5px;
    transition: all 0.6s!important;
}

.inputfile-2:focus + label,
.inputfile-2.has-focus + label,
.inputfile-2 + label:hover {
    color: #722040;
}


/* style 3 */

.inputfile-3 + label {
    color: #d3394c;
}

.inputfile-3:focus + label,
.inputfile-3.has-focus + label,
.inputfile-3 + label:hover {
    color: #722040;
}


/* style 4 */

.inputfile-4 + label {
    color: #d3394c;
}

.inputfile-4:focus + label,
.inputfile-4.has-focus + label,
.inputfile-4 + label:hover {
    color: #722040;
}

.inputfile-4 + label figure {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #d3394c;
    display: block;
    padding: 20px;
    margin: 0 auto 10px;
}

.inputfile-4:focus + label figure,
.inputfile-4.has-focus + label figure,
.inputfile-4 + label:hover figure {
    background-color: #722040;
}

.inputfile-4 + label svg {
    width: 100%;
    height: 100%;
    fill: #f1e5e6;
}


/* style 5 */

.inputfile-5 + label {
    color: #d3394c;
}

.inputfile-5:focus + label,
.inputfile-5.has-focus + label,
.inputfile-5 + label:hover {
    color: #722040;
}

.inputfile-5 + label figure {
    width: 100px;
    height: 135px;
    background-color: #d3394c;
    display: block;
    position: relative;
    padding: 30px;
    margin: 0 auto 10px;
}

.inputfile-5:focus + label figure,
.inputfile-5.has-focus + label figure,
.inputfile-5 + label:hover figure {
    background-color: #722040;
}

.inputfile-5 + label figure::before,
.inputfile-5 + label figure::after {
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
}

.inputfile-5 + label figure::before {
    border-top: 20px solid #dfc8ca;
    border-left: 20px solid transparent;
}

.inputfile-5 + label figure::after {
    border-bottom: 20px solid #722040;
    border-right: 20px solid transparent;
}

.inputfile-5:focus + label figure::after,
.inputfile-5.has-focus + label figure::after,
.inputfile-5 + label:hover figure::after {
    border-bottom-color: #d3394c;
}

.inputfile-5 + label svg {
    width: 100%;
    height: 100%;
    fill: #f1e5e6;
}


/* style 6 */

.inputfile-6 + label {
    color: #d3394c;
}

.inputfile-6 + label {
    border: 1px solid #d3394c;
    background-color: #f1e5e6;
    padding: 0;
}

.inputfile-6:focus + label,
.inputfile-6.has-focus + label,
.inputfile-6 + label:hover {
    border-color: #722040;
}

.inputfile-6 + label span,
.inputfile-6 + label strong {
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.inputfile-6 + label span {
    width: 200px;
    min-height: 2em;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.inputfile-6 + label strong {
    height: 100%;
    color: #f1e5e6;
    background-color: #d3394c;
    display: inline-block;
}

.inputfile-6:focus + label strong,
.inputfile-6.has-focus + label strong,
.inputfile-6 + label:hover strong {
    background-color: #722040;
}

@media screen and (max-width: 50em) {
	.inputfile-6 + label strong {
		display: block;
	}
}
form .form-group label{
    padding-top: 10px;

}
.form-group input{
    border-radius: 5px;
}
form .form-group .input-group-addon {
    border-bottom-right-radius: 5px!important;
    border-top-right-radius: 5px!important;
}
table td a {
    color: white!important;
    transition: all 0.3s!important;

}
table td a:hover{
    color:#f39c12!important;
    transition: all 0.3s!important;

}


.pagination>li>a, .pagination>li>span {
    float: right;
    margin-right: -1px;
    margin-left: 0;
    background-color: transparent;

    color: #181105;
}
.pagination > li > a {
    background: #fbfffd !important;
    border-radius: 100px!important;
    border:transparent!important;
    margin-left: 10px!important;
    margin-bottom: 10px;
    font-size: 13px;
    font-family: Vazir;
}
.pagination > li > a:hover {
    background: #a6a8a8 !important;
    color: white!important;

}
.invoice .page-header{
    border-radius: 10px!important;
    border: 2px solid #000000!important;
    padding: 10px!important;

}
.invoice{
    color: #0a0a0a;
    font-family:  "mitra";
}

@media print {


}

.bord{
    border: dashed 3px black;
   border-radius: 0px;
    padding: 10px!important;
    font-size: 18px;
    background:url("../img/logo_2.png") no-repeat center;


}
.invoice hr{
    border-color:black !important;
    border: dashed 2px;


}
.invoice h5{

    font-family:  "B Titr" !important;

}

.bord tbody tr:hover{
    background-color: rgba(92,85,85,0.0)!important;
    transition: all 0.3s;
}
.datepicker-plot-area{
    z-index: 9004 !important;
    position: absolute!important;
}