/* ======== 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 */
}

/* ====HTML - styles==== */
body, div, p, h1, h2, h3, h4, table {border: none;margin: 0;padding: 0;}
body {background: #eaeaea url('Image/Design/pattern.png');background-attachment: fixed;color: #303030;direction: rtl;}

/* ====Text==== */
body,dl, fieldset, ol, p, table, td, div, input, a, span, option, select,textarea {color: #2d2d2d;font-family: Vazir;font-size:11px;}
span span{font-size:inherit;}
fieldset { border-radius: 5px;border:1px solid #339ece }
img:hover {-webkit-filter: contrast(120%);filter: contrast(1.2);}
th { font-weight: normal }
a {color: #0085cc;text-decoration: none;cursor: pointer}
a:hover, a:active, a:focus {color: #1faaf4;text-decoration: none}
a img{border:0}

img {-webkit-user-drag: none;-khtml-user-drag: none;-moz-user-drag: none;-o-user-drag: none;user-drag: none}

.BigText {font-family: Vazir;font-size: 14px;font-weight: bold;}
.BoldText{font-family: Vazir;font-size: 12px;font-weight: bold;}
.BlueText { color: #16649C; }
.GreenText { color: Green }
.GrayText { color: Gray }

/* ====Header==== */
#header {background: #00a8ff;height:65px;padding:4px 5px 5px 5px;text-align: right;}
#customerLogo {background: #ffffff url('Image/Design/pattern.png');height: 30px;width: 30px;border-radius: 20px;padding: 5px;margin-top:2px;margin-right: 10px;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition: 0.3s;float: right;position: absolute;z-index: 100}
#customerLogo:hover{-webkit-transform: scale(1.7);transform: scale(1.7);margin-top: 2px;margin-right: 10px;border-radius: 5px}
#brand ,#brand h1{float: right;margin:1px 60px 0 0;font-size: 18px;color: white !important;font-weight: bold;text-shadow:0 1px 0 rgba(58, 99, 124, .8);}
#brand span{ display: block;font-family: Vazir;font-weight: normal;font-size: 11px;margin-top: -1px;color:white}

#loginStyle #header {background: #25a0db;height:77px;}
#loginStyle #customerLogo {height:60px;width:60px;right: 30px;}
#loginStyle #customerLogo:hover{-webkit-transform: scale(1.1);transform: scale(1.1);top: 6px;right: 30px}
#loginStyle #brand{text-align: right;margin:14px 70px 0 0;}
#loginStyle #brand span{font-size: 16px;font-weight: bold;color: #FBC93D}

#logOut{background:#4ab0e4;padding:5px;width:310px;border-radius:10px;float:left;margin:6px 0 0 8px}
#logOut a{color: white !important;font-weight: bold;padding: 2px 5px !important;-moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
#logOut a:hover, .spNews:hover, .ChangeLanguage:hover{background-color:#e74c3c !important}
.logOutUser{color: white;font-weight: bold}

/* ====Content==== */
#cols {margin: 15px 0 15px 0;padding-left: 15px;padding-right: 10px}
#content {background: #fff;border: 1px solid #FBC93D;float: left;overflow: visible;padding: 10px;width: 98%;border-radius: 5px; margin-bottom:5px}

#content h1 {background: url("Image/Design/bgwhite.png");margin: 0;padding: 5px 15px;border-radius: 5px}
#content h1, #content h1 span{font-size: 14px;font-weight: bold}
#content h2 { color: #0085cc; }
#content table.width100 { width: 100%; }
#content fieldset {background: url("Image/Design/pattern.png") bottom repeat-x;margin-top: 10px;}
#content legend {color: #0085cc;padding: 5px;}
#content .rightMargin {float: right;height: 34px;margin-left: 10px;}

/* ====Loading Panel==== */
.LoadingFloat {background: white;bottom:20px;display: none;position: fixed;right:20px;border-radius:10px;text-align: center;padding: 10px;z-index: 100}

.dashIcon{color: #607D8B;font-size: 12px;font-weight: bold;padding-right: 20px}
.dashIcon img{ background: #FFD740;padding: 5px;border-radius: 15px;margin-left: 5px}

.Item1{background:#fff;border-radius:3px;color:#192e2f!important;margin:1px;padding:1px 4px}
.Item2{background:#e7f9ff;border:1px solid #a4cfe6;border-radius:5px;color:#00a8ff;cursor:pointer;margin:1px;padding:2px}
.item4 { background: #8ad2e1;border: 1px solid #49a4b8}

#main { min-width: 980px; }
.Latin { direction: ltr; }

/* ====MESSAGE==== */
.messagebox {background: #e9f3f8 url('Image/Design/Message/MessageBG.gif') bottom repeat-x;border: 10px white solid;padding: 40px 30px 40px 30px;}
.messagebox_2 {background: #e9f3f8 url('Image/Design/Message/MessageBG.gif') bottom repeat-x;border: 10px white solid;padding: 10px 30px 10px 30px;}

.commandbar {margin: 10px 0px -10px 0px;text-align: center;}
.modalBackground {background-color: Gray;filter: alpha(opacity=70);opacity: 0.7;}
.modalcloseimage {cursor: pointer;float: left;left: -5px;position: relative;top: -3px;}
.FullWidth { width: 100%; }
.FloatL { float: left; }
.FloatR { float: right; }
.rightTD {color: #339ece;text-align: left;}

/* ====collapsePanel==== */
.collapsePanel {background-color: white;border: 1px solid #c3c8cc;border-top: 0;height: 0px;margin-bottom: 5px;overflow: hidden; float:left; width:100%}
.collapsePanelWithoutMargin {background-color: white;border: 1px solid #6bc020;border-top: 0;height: 0px;margin-bottom: 0px;overflow: hidden;}
.collapsePanelHeader {border: 1px solid #c3c8cc;border-bottom: 0;color: #6ba0c0;cursor: pointer;display: block;padding: 5px;text-decoration: none; background-color:#eaeaea}
.EditForm {border: 1px solid #c3c8cc;border-top: 0;margin-bottom: 10px;width: 100%;}

/* ====Components==== */

.TitleBar ,.TitleBar span{background: #ffffff;border-bottom: 1px solid #339ece;color: #2c3e50;font-size: 16px;font-weight: bold;padding: 5px 20px 5px 5px;text-align: right;}
.WhiteFurnish { background: url('Image/Design/bgwhite.png') }
.GreyFurnish { background: url('Image/Design/bgwhite.png')}
.CrystalBar { background: url(Image/Design/ReportToolbarBG.png) repeat-x; }
.counter {padding: 2px 4px;color: #91b3bf;background: #ecf5f9;border-radius: 5px;font-size: 10px;font-weight: normal;}

.ItemCommand {background: #ffffff;border: 1px solid #77a2b9;color: #0f619a;cursor: pointer;display: block;float: left;margin-left: 2px;margin-right: 2px;padding: 3px 5px 3px 10px;border-radius: 8px}
.CystalBar {background: url(Image/Design/CrystalBar.png) repeat-x;text-align: left;}
.CrystalBarButton {border-right: 1px dashed #dadada;color: #0085cc;cursor: pointer;cursor: pointer;display: inline-block;float: left;margin-top: 2px;padding: 5px 8px 3px 8px;width: 70px;}
.TContent {background: url(Image/Design/PaperBorder.gif) repeat-x bottom;border: 1px solid #e3e3e3;border-bottom: 0;border-right: 0;padding-bottom: 15px;}
.TMS {background: #B3E5FC;border-radius: 5px;padding: 2px;margin: 2px}
.Mooc {background: #fff0a1;border-radius: 5px;padding: 2px;margin: 2px}

/* Sorting Styles */
.SortedColumn_ASC { background: #c1def0 url(Image/Icon/ico-Down.png) no-repeat; }
.SortedColumn_DESC { background: #d5ebf9 url(Image/Icon/ico-Up.png) no-repeat; }

/* AutoCompeleteExtender */

.AutoExtender {background-color: White;border: solid 1px #006699;border-top: 0;cursor: pointer;font-family: Vazir;font-size: 10px;font-weight: normal;margin: 0px 0px 0px 0px;padding: 10px;padding: 0px 0px 0px 0px;text-align: right;}
.AutoExtenderList {border-bottom: dotted 1px #006699;cursor: pointer;padding: 3px;}
.AutoExtenderHighlight {background-color: #e8f6ff;color: Black;cursor: pointer;padding: 3px;}

/* Export Panels */
.ExportPanel {background: #ebebeb;border-bottom: 1px solid #cccccc;color: gray;padding: 5px;text-align: left;}
.ExportPanel span {float:unset !important}
.PrintButton {cursor: pointer}

/* Group Fields */
.FadedBackColor { background-color: #f2f6fe; }

/* Container Tab */
.ajax__tab_idea-theme .ajax__tab_header {background: url(Image/Design/tab-line.png) repeat-x bottom;cursor: pointer;display: block}
.ajax__tab_idea-theme .ajax__tab_header .ajax__tab_outer {background: url(Image/Design/tab.png) no-repeat left top;border-color: #222;color: #222;margin-right: 3px;padding-left: 10px;}
.ajax__tab_idea-theme .ajax__tab_header .ajax__tab_inner {background: url(Image/Design/tab.png) no-repeat right top;border-color: #666;color: #666;padding: 3px 10px 2px 0px;}
.ajax__tab_idea-theme .ajax__tab_hover .ajax__tab_inner { color: #000000; }
.ajax__tab_idea-theme .ajax__tab_active .ajax__tab_outer {background: url(Image/Design/tab.png) no-repeat 0pt -40px;border-bottom-color: #ffffff;}
.ajax__tab_idea-theme .ajax__tab_active .ajax__tab_inner {background: url(Image/Design/tab.png) no-repeat right -40px;border-color: #333;color: #000000;}
.ajax__tab_idea-theme .ajax__tab_body {background-color: #ffffff;border: solid 1px #d7d7d7;border-top-width: 0;padding: 8px;}

/* Loading */
.Loading {left: 15px;position: absolute;top: 45px;}

/* Reports */
.tbl {border-bottom: 5px double #4682b4;border-spacing: 0;border-top: 5px double #4682b4;margin: 1em auto;text-align: center;width: 100%;}
.tbltd {border: none ; font-family: Vazir, Arial, sans-serif;font-size: 10px;padding: 0.5em 0.5em 0.5em 0.8em;}
.noborder { border: 0; }
.IconBox {padding: 10px;border-radius: 5px;margin: 5px;border-bottom: 1px dashed white;display: block;font-size: 10px;color: white} 
.IconBox img{ margin-bottom: 5px;width: 32px;height: 32px}
.IconBox span{font-size: 10px;font-weight: bold;background: white;border-radius: 99em;padding: 0 3px;margin-right: 0;color:#27b8d3}

/* -Note- */
.NoteTab {background: #ededed;border: 1px solid #dadada;padding: 4px;width:49%;}
.SelectedNoteTab {background: #e8e8e8;border: 1px solid #cfcfcf;border-bottom: 0;padding: 4px;}

/* ------ */
.ItemHeader {background: url(Image/Design/pattern.png) repeat-x 25px;text-align: right;}

/* ====Loading Panel==== */
.loadPanelModal {background-color: White;border: double 4px #ffc000;border-top: 0;color: #0b5c96;display: none;left: 10px;position: fixed;top: 0px;width: 250px;}
.messagePanel {bottom: -5px;left: -5px;position: fixed;text-align: right;width: 250px;z-index: 100}

.clearboth { clear: both; }

.spacer {float: left;width: 3%;}
.container {float: left;padding: 3px;width: 100%;}
.modalContainer {background: #fff;width: 98%;}

.lst {border-bottom: 1px dashed #dfdfdf;border-left: 1px solid #c3c8cc;border-right: 1px solid #c3c8cc;float: left;padding:4px 0;vertical-align: top;width: 100%;}

.GreenBar { background: url(Image/Design/chg.gif) repeat 0 100%; }
.BlueBar { background: url(Image/Design/chb.gif) repeat 0 100%; }
.RedBar { background: url(Image/Design/chr.gif) repeat 0 100%; }
.OrangeBar { background: url(Image/Design/cho.gif) repeat 0 100%; }

.RepeaterHeader {border: 1px solid #c3c8cc;color: #000000;float: left;font-weight: normal;height: 30px;text-align: center;width: 100%; background-color: #f8f8f8}
.RepeaterHeader a {color: #000000;font-weight: normal;text-decoration: none;}
.RepeaterHeader a:hover { color: #1faaf4; }
.RepeaterHeader a:visited { color: #464646; }
.RepeaterPager {background: #f8f8f8;border: 1px solid #c3c8cc;color: #333;float: left;width: 100%}
.RPTListItem {float: right;margin-top: 8px;text-align: center;vertical-align: middle;}
.H_R {border-style: dashed !important;border-width: 1px 0 0 0 !important;color: #154f80 !important;text-align: right !important;}

/* Telerik:Window */
.rwStatusbar input {color: #BFD3EB;font: normal 0px "Segoe UI", Arial !important;}

/* Telerik:Uploader */
.RadUpload_Office2007 .ruButton, .RadUploadProgressArea_Office2007 .ruButton { font: normal normal normal 8pt Vazir !important; }
.RadUploadProgressArea_Office2007 .ruProgress {background-color: white;background-image: none !important;border-color: #9EBFDB;}
.RadUploadProgressArea .ruProgress {background-position: 0 -112px;background-repeat: repeat-x;border-style: solid;border-width: 1px;padding: 10px 0 0 !important;zoom: 1;}

/* Telerik:Color Picker */
.rcpColorBox {height: 12px !important;width: 12px !important;}

/* === Master === */
.GreenHeader {background: #a7cd2c url(Image/Design/chg.gif) repeat 0 100%;font-size: 10px;font-weight: normal;height: 19px;text-align: center;}
.BlueHeader {background: #69bae9 url(Image/Design/chb.gif) repeat-x 0 100%;background-color: #cccccc;font-size: 10px;font-weight: normal;font-weight: normal;height: 19px;text-align: center;}
.OrangeHeader {background: #fdd853 url(Image/Design/cho.gif) repeat-x;background-color: #cccccc;font-size: 10px;font-weight: normal;height: 19px;text-align: center;}

.itempnl_lnk {border-radius: 5px;color: #EB9F07;background-color: #F3F3F3;height:50px;height:45px;cursor: pointer;display: block;padding:10px 2px;margin:5px;text-align: right;width: 97%;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s}
.itempnl_lnk:hover {background-color: #FFF4CC;cursor: pointer;}
.itempnl_lnk img{ margin: 10px 20px;float: right}

/* <-- dashboard */
.navItem {display: block;height: 45px;text-align: center;width:65px;padding: 5px;}
.navItem span {color: #25A0DB;text-decoration: none;font-weight: bold;font-size:11px}
.navItem img{margin-bottom: 5px}
.navItem:hover {background-color: #ffffff;border-left: 1px solid  transparent;border-right: 1px solid  transparent;bottom: -1px;display: block;height:49px;position: relative;text-align: center;border-bottom:1px solid #FFFFFF; width: 63px; padding-top:7px; padding-bottom: 3px}

.navItemSelected {padding-top: 10px;background-color: #ffffff;border-left: solid #FBC93D 1px;border-right: solid #FBC93D 1px;bottom: -1px;display: block;height:49px;position: relative;text-align: center;width:80px;border-bottom:1px solid #FFFFFF}
.navItemSelected img{margin-bottom: 5px}
.navItemSelected span {color: #ffa300;text-decoration: none;font-weight: bold;font-size:11px}

.RadMenu_Telerik .rmRootGroup, .RadMenu_Telerik .rmLink, .RadMenu_Telerik .rmText, .RadMenu_Telerik .rmLeftArrow, .RadMenu_Telerik .rmRightArrow, .RadMenu_Telerik .rmTopArrow, .RadMenu_Telerik .rmBottomArrow { background-image: url('Image/Design/menu_bak.png') !important; }
.RadMenu_Telerik_rtl .rmGroup .rmLink:hover .rmExpandLeft, .RadMenu_Telerik_rtl .rmGroup .rmFocused .rmExpandLeft, .RadMenu_Telerik_rtl .rmGroup .rmSelected .rmExpandLeft, .RadMenu_Telerik_rtl .rmGroup .rmExpanded .rmExpandLeft { font-family: Vazir !important; }
.RadMenu .rmVertical .rmText, .RadMenu .rmHorizontal .rmVertical .rmText { font-family: Vazir !important;font-weight: normal !important;font-size: 13px !important }

.activeChat { background-color: #ccf1ff;color: #4c798a;border: 1px solid #99dcf5;border-radius: 15px;margin: 5px;padding: 15px;text-align: center; }
.deActiveChat { background-color: #ebebeb;color: indianred;border: 1px solid #dfdfdf;border-radius:15px;margin: 5px;padding: 15px;text-align: center;}
.notificatin { color: red; }

#dimScreen,#dimScreen2 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";background-color: #FFFFFF;display: none;filter: alpha(opacity=80);height: 100%;margin: 0;opacity: 0.8;padding: 0;position: fixed;width: 100%;z-index: 11;}

.loadEarlierPublicMessages {-moz-border-radius: 15px;-webkit-border-radius: 15px;background-color: #25A0DA;border-radius: 15px;color: white;cursor: pointer;font-size: 12px;padding: 5px 20px;}
.loadEarlierPrivateMessages {-moz-border-radius: 15px;-webkit-border-radius: 15px;background-color: #ffa300;border-radius: 15px;color: white;cursor: pointer;font-size: 12px;margin: 5px 0px;padding: 5px 20px;}
#newPublicMessage {color: white;cursor: pointer;display: none;left: 40px;position: fixed;text-align: center;top: 25px;z-index: 9;}
#newPrivateMessage {color: white;cursor: pointer;display: none;left: 40px;position: fixed;text-align: center;top: 25px;z-index: 13;}
.newMessageText {-moz-border-radius: 10px;-webkit-border-radius: 10px;background-color: #8a2be2;border-radius: 10px;font-size: 11px;height: 17px;padding: 5px 5px 5px 10px;width: 80px;}

/*Start tooltip*/
.tooltips { cursor: pointer; }
a.tooltips, div.tooltips {display: inline;padding-bottom: 2px;position: relative;text-underline: transparent;}
a.tooltips span, div.tooltips span {background: #ffffff;border: 1px solid #00add5;border-radius: 10px;box-shadow: 0 0 10px #00add5;color: #3f5e73;line-height: 15px;padding: 8px;position: absolute;text-align: justify;visibility: hidden;width: 240px !important; font-size:10px !important}
a.tooltips span:after, div.tooltips span:after {border-bottom: 12px solid transparent;border-top: 12px solid transparent;border-right: 12px solid #00add5;content: '';height: 0;right: 103%;margin-right: -7px;position: absolute;top: 50%;width: 0;}
a:hover.tooltips span, div:hover.tooltips span {bottom: 0;right: 0 !important ;visibility: visible;z-index: 2000;}
/*End tooltip*/

.ItemAccess {background: none repeat scroll 0 0 white;border-bottom: 1px solid #3995d7;border-top: 1px solid #3995d7;color: #0f619a;margin-top: 2px;padding: 3px;text-align: center;}
.PermissionsTable {border: 1px solid #0085cc;overflow-x: hidden;overflow-y: auto; /*height: 340px;*/width: 100%;}

#lblOtherDetails{font-size:11px;line-height:22px}
/* RatingStar */
.ratingStar {height: 14px;margin: 1em;white-space: nowrap;}
.ratingStar .ratingItem {background-repeat: no-repeat;cursor: pointer;display: block;font-size: 0pt;height: 12px;margin: 0px;padding: 0px;width: 13px;}
.ratingStar .Filled { background-image: url(Image/Design/Rating/ratingStarFilled.png); }
.ratingStar .Empty { background-image: url(Image/Design/Rating/ratingStarEmpty.png); }
.ratingStar .Saved { background-image: url(Image/Design/Rating/ratingStarSaved.png); }
/* Disabled Rating Control */
.ratingStar_Disabled {height: 14px;margin: 1em;white-space: nowrap;}
.ratingStar_Disabled .ratingItem {background-repeat: no-repeat;cursor: default;display: block;font-size: 0pt;height: 12px;margin: 0px;padding: 0px;width: 13px;}
.ratingStar_Disabled .Filled { background-image: url(Image/Design/Rating/ratingStarFilled.png); }
.ratingStar_Disabled .Empty { background-image: url(Image/Design/Rating/ratingStarEmpty.png); }
.ratingStar_Disabled .Saved { background-image: url(Image/Design/Rating/ratingStarSaved.png); }

.rwControlButtons {display: inline-flex !important}

.DownloadPanel{text-align:right; padding-right:5px; padding-top: 10px}
.DownloadPanel a{margin-left:10px ; background-color:#DDDDDD; border:1px solid #CCCCCC; padding:2px 10px; border-radius:3px; text-decoration:none; color:#000000}
.DownloadPanel a:hover {color: blue}

.btn {background-image:none !important; background-color: #FFFFFF !important; color: #000000 !important; border:1px solid #e4e4e4 !important; border-radius: 4px !important; font-size:12px !important; font-weight: normal !important; width:fit-content !important; padding:5px 20px !important}
.btn:hover {background-color: #e4e4e4 !important;}
.btn-primary {background-image:none !important; background-color: #0085cc !important; color: #FFFFFF !important; border:1px solid #0075b4 !important; border-radius: 4px !important; font-size:12px !important; font-weight: normal !important; width:fit-content !important; padding:5px 20px !important}
.btn-primary:hover{background-color: #0075b4 !important; color: #FFFFFF !important;}
.btn-info {background-image:none !important; background-color: #25a0db !important; color: #FFFFFF !important; border:1px solid #1892cc !important; border-radius: 4px !important; font-size:12px !important; font-weight: normal !important; width:fit-content !important; padding:5px 20px !important}
.btn-info:hover {background-color: #1892cc !important; color: #FFFFFF !important;}

@media (min-width: 1080px) {
    #chkBoxParent {float: right;}
    #btnSearchParent{margin-top:5px;}
}

/*class greetings    مجبوری*/
@media(max-width : 640px){
    #lblHeader,#lblOtherDetails>li,#lblOtherDetails>li>span{font-size:16px!important;margin-top:1vh;margin-bottom:1vh}
    #btnCancel,#btnStart{height:5vh;width:40vw;font-size:16PX}
    #tblContent{height:100vh}
}
.persianDate {color: unset !important}