/* ======== embeded fonts ======== */
@font-face {
    font-family: 'Vazir';
    src: url('font/Vazir.eot'); /* IE9 Compat Modes */
    src: url('font/Vazir.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/Vazir.woff') format('woff'), /* Modern Browsers */
    url('font/Vazir.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* ======== public html elements ======== */
HTML {margin:0;padding:0;HEIGHT: 100%;}
Body{direction:rtl;margin:0;padding:0;background:url(Images/bg/patternx.png);background-attachment:fixed;padding-bottom: 30px}
* HTML BODY {HEIGHT: 100%}

dl, fieldset, ol, p, table, ul, td, div, input, a, span, option, select, textarea {font: 11px Vazir}th{ font-weight: normal;background: #f2f2f2;color: #464646;text-align: center}
img:hover {-webkit-filter: contrast(120%);filter: contrast(1.2);}
a{text-decoration:none;color:#1a75ba;}a:hover {color: #607D8B;text-decoration: underline;}a:visited{color:#007fd7;} a img{border:0}
fieldset {border: 1px outset #607D8B;border-radius: 5px;margin: 5px 0;background: white}

/*******/
/* Styled Text */
.LargeText,.LargeText span{font-weight:bold;font-size:14px;font-family:Vazir;}.colorText{color:#df4017;}.BlueText{color:#4682b4}.GrayText{ color: Gray;font-size:10px}.RedText,.Required{color: #c00000;background: #FEEBEB;padding: 1px 5px 3px 5px;border-radius: 5px;font-size: 11px;}.FadeText{color:#dddcd2;}.Farsi{ font-size: 12px;font-family: Vazir}
.Title {font-weight: bold;font-size: 13px;font-family: Vazir;}

/*==========================Info Message Panels============================*/
.msgbg{background-color:#ebebeb;}
#topbar {POSITION:fixed;WIDTH:50%;left: 25%;bottom:0;padding:0;border-radius: 5px 5px 5px 5px;z-index: 99}
.ToolBar{border:1px solid #a1bfcb;text-align:right;margin-top:5px;margin-bottom:5px;padding:2px;background:#a1bfcb url(Images/bg/ToolBar.gif) repeat-x;}

/*============================CustomerLogo================================*/
.CustomerLogoBox {position: absolute;position: fixed;top: 7px;left: 10px;background: #ebebeb;padding: 3px;border-radius: 10px 10px 0 0;background: linear-gradient(0deg, rgba(230,230,230,1) 0%, rgba(247,247,247,1) 50%, rgba(255,255,255,1) 100%);}
.CustomerLogo {width:94px;height: 95px;border-radius: 5px 5px 5px 5px;}

/*=============================Loading Panel===============================*/
.LoadingFloat {background: #0d77c9;bottom: 0;color: #ffffff;font-size: 13px;font-family: Vazir;font-weight: bold;display: none;position: fixed;right: 50px;width:200px;border-radius: 5px 5px 0px 0px;text-align: center;z-index: 101}
/*=============================Message Panels==============================*/
@media screen 
{
.shell {
	PADDING-RIGHT: 0; PADDING-LEFT: 0; PADDING-BOTTOM: 0.5em;  PADDING-TOP: 0.5em;POSITION: absolute; BOTTOM: 0;
	HEIGHT: 100%; WIDTH: 100%; filter:alpha(opacity=70);opacity:0.7;Z-INDEX: 100;text-align:center;background: #000000 ;
}
.msg{text-align:center;width:87%;margin-left:2%;margin-right:1%;POSITION: fixed; BOTTOM:2%;padding: 15px 10% 15px 5px;border:solid 3px #db2027;Z-INDEX: 100;background: white url(Images/icons/questionred.png) no-repeat  right center;filter:alpha(opacity=100);opacity:1.0;}
.messagetable{border:0px solid #e71d25;width:350px;text-align:justify;padding:20px}
.messagetext{text-align: justify;padding:10px;font-size:11px}
.helpPanel{text-align:justify;POSITION: absolute; TOP: 70px; right:30%;border:solid 3px black;filter:alpha(opacity=100);opacity:1.0;padding:0;vertical-align:top;width:500px;}
.helpPnlClose{border-bottom:solid 1px black;border-right:solid 1px black;border-left:solid 1px #ebebeb;border-top:solid 1px #ebebeb;cursor:pointer;}
/* ================================ITEMS===================================== */
.CrystalBar{background: url(Images/bg/ReportToolbarBG.png) repeat-x !important;color: #1a75ba}
.CrystalBarFooter{background: url(Images/bg/ReportToolbarBG.png) bottom repeat-x;padding:8px;text-align:left;color:#4682b4}
.FurnishBar{background: url(Images/bg/bggrey.png)}
.Item1{background: url(Images/bg/divbg.png)}
.Item2{padding:2px 4px; margin:1px; background: #d9ecf7; border: 1px solid #a4cfe6;color: #0f619a;border-radius: 5px;}
.Item3{padding:1px 4px; margin:1px; background: url(Images/bg/ReportToolbarBG.png) repeat-x; border: 1px solid #a4cfe6;color: #2d2d2d; border-radius:4px}
.Item4{background: url(Images/bg/bgwhite.png);border-radius: 5px;padding: 5px}
.Item5{padding:2px;margin:1px;background:#006687;border:1px solid #2280b3;color:#ffffff}
.Item6{background:#f0f0f0 url(Images/bg/bgtall.gif) repeat-x;border:1px solid #bebebe;border-left-color:#e5e6e5;border-top-color:#e5e6e5}
.Item7{padding:2px; margin:1px; background: #cfeecf; border: 1px solid #89c089;color:#398130;border-radius: 5px;display: inline-block}
.Item8{padding:2px 4px; margin:1px; background: #cfeecf; border: 1px solid #89c089;color: #398130;border-radius: 5px;}
.MessageItem{padding:10px;text-align: justify;border:1px dotted #cccccc;border-bottom-color: white;cursor: pointer}
.MessageItemHover{padding:10px;text-align: justify;border:1px solid #01a9d8;cursor: pointer;border-right-style: dashed;border-left-style: dashed}
.ProgressMeter{background:url(Images/bg/meter-bg.png) repeat-x;border:1px solid #3e90bb;text-align:left;}
.TopTab{text-align:center; padding-top: 5px; height:20px; background:#ececec; border:1px solid #5991bb; border-bottom:0;color: #5991bb;border-radius: 5px 5px 0px 0px;}
.left{text-align: left}
}
@media print{.msgbox {display:none;}.msg {display:none;}.helpPanel {display:none;}.helpPnlClose{display:none;}}

/*-----------------------------------------------------------*/
/*===========================================================*/
.HomeBox{-webkit-transition:0.3s;transition:0.3s;}
.HomeBox:hover{box-shadow: 0 2px 8px #334;-webkit-transform: scale(1.1);transform: scale(1.1);opacity:1;}

.divContent{padding-left:10px;padding-right: 10px;padding-bottom: 50px}
.DarkBlueBG{background: #607D8B;padding: 8px;border-radius:5px} .DarkBlueBG td { text-align: center;border-radius: 2px }
.SmokeBG{background-color:#f3f3f3}
.ColorBG{background-color:#e7e6dc}
.ColorBG2{background-color:#f3fbfd;color:#3babdf}
.FadeBlueBG{background-color:#e1eef7}
.PaperEdgeTab1{width:220px;height:16px;color:#0f619a;background:url(Images/bg/PaperEdgeTab1.png) no-repeat;padding:9px 10px 0 10px}
.PaperEdgeTab2{width:220px;height:16px;color:#878787;background:url(Images/bg/PaperEdgeTab2.png) no-repeat;padding:9px 10px 0 10px}
.PaperEdgeDiv{padding:12px 6px 6px 6px;border-left:1px solid #e3e3e3;border-right:1px solid #dddddd;background:white url(Images/bg/PageEdge.gif) top repeat-x;}
.CustomReport{background:#fff9cc url(Images/icons/Favorite.png) left 2px no-repeat;padding: 5px 6px 4px 20px;color: #a17100}
.Warning{padding:3px 10px 3px;background:#fff6e3;border-top:1px dashed #ebbe69;text-align:right;color:#bc7c12}

.SubMenu{text-align:center;padding:5px;border-right: 1px solid #c9cfd2;background-image:url(Images/bg/bgwhite.png);}.SubMenu a{display: block}
.blue ,.blue:visited{border: 2px solid #0097e0;color: #0097e0;padding: 5px}.blue:hover{ background: #0097e0;color: white}
.red ,.red:visited{border: 2px solid #d53b3b;color: #d53b3b;padding: 5px}.red:hover{background: #d53b3b;color: white}
.purple ,.purple:visited{border: 2px solid #9e56d6;color: #9e56d6;padding: 5px}.purple:hover{background: #9e56d6;color: white} 
.silver ,.silver:visited{border: 2px solid #6e8690;color: #6e8690;padding: 5px}.silver:hover{background: #6e8690;color: white}
.gray ,.gray:visited{border: 2px solid #3b4c5c;color: #3b4c5c;padding: 5px}.gray:hover{background: #3b4c5c;color: white}
.ActiveSubMenu{text-align:center;padding:5px;background: white;border-radius: 5px;font-weight:bold}
.ControlBar{width:100%;background-position:bottom;background-repeat:repeat-x;background-image: url(Images/bg/pattern.png);}

.blink-bg {border-radius: 10px;text-align: center;padding: 10px;margin: 10px;animation: blinkingBackground 5s infinite}
@keyframes blinkingBackground {
    0% {background-color: #ffffff;color: #318c0e}
    25% {background-color: #d9ecf7;color: #0085cc}
    50% {background-color: #ffffff;color: #318c0e}
    75% {background-color: #d9ecf7;color: #0085cc}
    100% {background-color: #ffffff;color: #318c0e}
}
/*-----------------------------------------------------------*/
.ProfileImage{box-shadow: 0 0 2px lightslategrey;;height:34px;width:32px;background: white;position: absolute; right: 5px; top: 22px;border-radius: 20px;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;}.ProfileImage:hover{box-shadow: 0 1px 2px lightslategrey;-webkit-transform: scale(2);transform: scale(2);right:20px}
.FarayandColor{background:#0867a6;}
.FarayandBar{background:#a1bfcb url(Images/bg/FarayandBar.gif) repeat-x;height:29px;text-align:center;padding-right:5px;padding-left:5px;border-left:1px solid #829ba4;border-right:1px solid #d7e0e3;}
.FarayandBar a:link , .FarayandBar a:visited{color:#005094;text-decoration:underline;}
.FarayandBar a:hover{color:#0a73cd;}
.Farayand{background:#303840 url(Images/bg/DarkBack.png) bottom;color:White;font-size:14px;font-weight:bold;}.Farayand span{font-size:14px;font-weight:bold;}
.Farayand a:link , .Farayand a:visited{color:White;text-decoration:underline;font-size:14px;font-weight:bold;}
.Farayand a:hover{color:#ca4a0b;}
.FarayandControlBar{width:100%;background:#ebebeb url(Images/bg/pattern.png) repeat-x;background-position:bottom;}
/*===========================================================*/
#Returner{position:absolute;top:20px;left:0}
#Returner a:hover{background:#ffffff}

.PrintButton{cursor:pointer;border:0}.LinkDiv{cursor:pointer;color:#3b8acc;}
.ExportPanel{padding: 1px; display: inline;}
.PanelSeperator{background:#50b4e6;color:White;text-align:center;}
.ribb {font-size:10px;background:url("Images/btns/ribb_bar_bg.png") repeat-x;width:100%;display:none;text-align:right;}
/*-----------------------------------------------------------*/
.tbltd2{background: #eeeeee;color: #203276;border-top: 1px solid #fff;border-right: 1px solid #c6cdd8;border-bottom: 1px solid #c6cdd8;border-left: 1px solid #fff;padding: 0.5em 0.5em 0.5em 0.8em;text-align:right;}
.tbltd3{background: #ffda64 url(Images/Background/BackY.gif) repeat-x top;height:25px;font-size:x-small;border-top: 1px solid #fff;border-right: 1px solid #c6cdd8;border-bottom: 1px solid #c6cdd8;border-left: 1px solid #fff;padding: 0.5em 0.5em 0.5em 0.8em;text-align: center;}
.tbltd4 {background: #dddddd url(Images/Command/buttonsContainerBg.gif);color: #555555;border-top: 1px solid #fff;border-right: 1px solid #c6cdd8;border-bottom: 1px solid #c6cdd8;border-left: 1px solid #fff;padding: 0.5em 0.5em 0.5em 0.8em;text-align:right;}

/*-----------------------------------------------------------*/
/* style for integrated apps */
.LMS{background:#f9e9af;border:1px solid #e89b08;color:#e78d00;display: block;border-radius: 3px ; padding-left:5px ; padding-right:5px}
.Portal, .Portal a{background: #a07cb4; border:1px solid #7e4a9b;color: #ffffff !important;border-radius:3px ; padding-left:5px ; padding-right:5px}
.PE{color: #263238 !important;background: #CDDC39 !important;border-radius: 5px !important}
.peSelf{background: #c9ecff}.peSupervisor {background: #d2ff99} .peUndersupervision{background: #e5dff3} .peCoworker{background: #fff37c}