/**
*
*	Name:			IRAN Sans-Serif Font
*	Version:		5.0
*	Author:			Moslem Ebrahimi (moslemebrahimi.com)
*	Created on:		Dec 25, 2012
*	Updated on:		Sep 01, 2017
*	Website:		             http://fontiran.com
*	Copyright:		Commercial/Proprietary Software
--------------------------------------------------------------------------------------
فونت های ایران سن سریف یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید
--------------------------------------------------------------------------------------
IRAN Sans-serif fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com 
--------------------------------------------------------------------------------------
This set of fonts are used in this project under the license: (LYV9C)
--------------------------------------------------------------------------------------
*	
**/
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/eot/IRANSansWeb_Black.eot');
    src: url('../fonts/eot/IRANSansWeb_Black.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb_Black.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb_Black.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb_Black.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/eot/IRANSansWeb_Bold.eot');
    src: url('../fonts/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/eot/IRANSansWeb_Medium.eot');
    src: url('../fonts/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb_Medium.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/eot/IRANSansWeb_Light.eot');
    src: url('../fonts/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb_Light.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/eot/IRANSansWeb_UltraLight.eot');
    src: url('../fonts/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/eot/IRANSansWeb.eot');
    src: url('../fonts/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/woff2/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/IRANSansWeb.ttf') format('truetype');
}

body.wait *, body.wait {
    cursor: progress !important;
}

.sidepadding-off {
    padding-left: 0 !important; padding-right: 0 !important;
}
.sidemargin-off{
    margin-left:0 !important;
    margin-right:0 !important;
}

.allPadding-off {
    padding: 0 !important;
    padding: 0 !important;
}

.allMargin-off {
    margin: 0 !important;
    margin: 0 !important;
}

*.ajaxLoading {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -50px 0px 0px -50px;
}

*.SelectedRow {
    /*background-color: lightblue;*/
    font-weight: bolder;
    color:blue;
}

body {
    /*padding-top: 20px;
    padding-bottom: 40px;*/
    direction: rtl;
    font-family: IRANSans !important;
}

/* Custom container */
.container-narrow {
    margin: 0 auto;
    max-width: 900px;
}

    .container-narrow > hr {
        margin: 30px 0;
    }

/* Main marketing message and sign up button */
.jumbotron {
    margin: 60px 0;
    text-align: center;
}

    .jumbotron h1 {
        font-size: 72px;
        line-height: 1;
    }

    .jumbotron .btn {
        font-size: 21px;
        padding: 14px 24px;
    }

/* Supporting marketing content */
.marketing {
    margin: 60px 0;
}

    .marketing p + h4 {
        margin-top: 28px;
    }

.notiCount {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    font-weight: normal;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
    padding-top: 0px;
    padding-bottom: 0px;
    background: #e04c4c;
    font-size: 10px;
    position: absolute;
    left: 10px;
    top: 5px;
    text-indent: 0;
}

.Unread {
    font-weight: bolder;
}

.gridStyle {
    border: 1px solid rgb(212,212,212);
    width: 68rem; 
    height: 300px;
    direction:ltr;
}

.rightToLeft {
    direction:rtl !important;
}
.leftToRight {
    direction:ltr;
}

.actionBtn {
    opacity: 0;
    left:0;
    position:absolute;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.SelectedRow.actionContainer > td > div > .actionBtn{
    opacity:1;
    left:30px;
    margin:0px, 15px, 0px, 15px;
}

.actionContainer:hover > td > div > .actionBtn{
    opacity:1;
    left:30px;
    margin:0px, 15px, 0px, 15px;
}
.actionBtn1 {
    opacity: 0;
    left:0;
    position:absolute;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.SelectedRow.actionContainer > td > div > .actionBtn1{
    opacity:1;
    left:120px;
    margin:0px, 15px, 0px, 15px;
}

.actionContainer:hover > td > div > .actionBtn1{
    opacity:1;
    left:120px;
    margin:0px, 15px, 0px, 15px;
}

.actionBtn2 {
    opacity: 0;
    left:0;
    position:absolute;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.SelectedRow.actionContainer > td > div > .actionBtn2{
    opacity:1;
    left:220px;
    margin:0px, 15px, 0px, 15px;
}

.actionContainer:hover > td > div > .actionBtn2{
    opacity:1;
    left:220px;
    margin:0px, 15px, 0px, 15px;
}


img.lImg {
    -moz-transition: .8s ease-in-out;
    -o-transition: .8s ease-in-out;
    -webkit-transition: .8s ease-in-out;
    transition: .8s ease-in-out;
}

img.lImg:hover {
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.ele {
    position: absolute;
    left: 169px;
    top: 182px;
    z-index:10;
    /* Visual purposes only 
    width: 100px;
    height: 100px;
    background: #000;*/
}

.ele2 {
    position: absolute;
    left: 169px;
    top: 300px;
    z-index:10;
    /* Visual purposes only 
    width: 100px;
    height: 100px;
    background: #000;*/ 
}

.clear-padding-side {
    padding-left: 0  !important;
    padding-right: 0  !important;
}

.clear-padding-tb {
    padding-top: 0  !important;
    padding-bottom: 0  !important;
}

.clear-padding{
    padding: 0 !important;
}

.clear-margin-side {
    margin-left: 0  !important;
    margin-right: 0  !important;
}

.clear-margin-tb {
    margin-top: 0  !important;
    margin-bottom: 0  !important;
}

.clear-margin{
    margin: 0 !important;
}


.th-vertical {
    text-align:center;
    white-space:nowrap;
    transform-origin:50% 50%;
    transform: rotate(90deg);
}
.th-vertical:before {
    content:'';
    padding-top:110%;/* takes width as reference, + 10% for faking some extra padding */
    display:inline-block;
    vertical-align:middle;
}
.margin-sm-lr{
    margin-left:3px;
    margin-right:3px;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;        // Make inputs at least the height of their button counterpart
  .box-sizing(border-box); // Makes inputs behave like true block-level elements
}


/*Tooltip*/
.tooltipMe {
    position: relative;
    display: block;
    border-bottom: 1px dotted black !important;
}

.tooltipMe .tooltiptextMe {
    visibility: hidden;
    width: 220px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 99;
    top: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
}

.tooltipMe .tooltiptextMe::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.tooltipMe:hover .tooltiptextMe {
    visibility: visible;
    opacity: 1;
}

.indicator {
    font-size: 4vh !important;
}

.font_lg {
    font-size: 4vh !important;
}
.font_md {
    font-size: 3vh !important;
}
.font_sm {
    font-size: 2vh !important;
}