@font-face {
    font-family: 'Vazir';
    src: url(../font/Vazir.eot);
    src: url('../font/Vazir.eot?#iefix') format('embedded-opentype'), url(../font/Vazir.woff) format('woff'), url(../font/Vazir.ttf) format('truetype')
}

html, body, center {height: 100%;overflow-x: hidden;}
img {-webkit-user-drag: none;-khtml-user-drag: none;-moz-user-drag: none;-o-user-drag: none;user-drag: none}
body {direction: rtl;margin: 0;padding: 0; background-color:#ffffff !important}
#main {min-width: 980px;opacity: 0}

.WFL {min-width:calc(100% - 250px)}
.WFL2 {max-width:250px; background: url(../Image/Design/Pattern3.jpg); float:right !important}

.overlay {height: 0%;position: absolute;z-index: 1;left: 0;right: 0%;background-color: #2cb4aa;overflow: hidden;transition: 0.5s;box-shadow: 0 4px 10px -2px rgba(58, 99, 124, .7);top:80px; width: calc(100% - 20px) !important; margin-left : 10px; margin-right: 10px ; border-radius:5px }
.overlay a {padding: 8px;text-decoration: none !important;font-size: 13px;color: #455A64;display: block;transition: 0.5s;text-align: right;border-bottom: 1px dotted #455A64;border-radius: 5px;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;}
.overlay a:hover {background: #455A64;color: #ffffff;box-shadow: 0 4px 10px -2px rgba(58, 99, 124, .7);}
.ProfileAnchor i {width: 30px;text-align: center;font-size: 20px;color: #dddddd;position:relative;top:3px}
#contentholder {padding: 0}

#content {margin-right: 0;overflow: hidden;min-height: 500px;background: #ffffff;float: left;overflow: visible;width: 100%;border-radius: 5px;text-align: right}

.jquery-modal {z-index:998 !important}
.modal {z-index:999 !important}

a {color: #25a0db;text-decoration: none !important}
a:hover, a:active, a:focus {color: #455A64;text-decoration: none}

dl, fieldset, ol, p, table, ul, td, div, input, a, span:not(.newsMessages), option, select, body {font: 11px Vazir}
th {font-weight: 400}
img:hover {-webkit-filter: contrast(120%);filter: contrast(1.2)}

.Title {font-size: 15px !important}
.TitleSmall {font-size: 12px !important}
.BlueText {color: #16649C}

.GreenText, td.GreenText input {color: #28af28}
.GreenBack, td.GreenBack input {background-color: #28af28 !important}
.Required {color: #c00000}
.FadedText {color: #aaa;font-size: 10px !important}
.Noted {color: #65727A;font-size: 10px !important;font-weight: 700}

#header {z-index: 0;background: #FFFFFF;height: 58px;text-align: right;padding: 2px; border-radius:5px; margin:10px; width: calc(100% - 20px); border:1px solid #e1e1e1}
.SystemMainContent {overflow-y:scroll ; overflow-x:hidden; height:calc(100vh - 80px) ; display:block !important; background-color:#FFFFFF; padding-left:10px; padding-right:10px}

#customerLogo, #ctl00_customerLogo {background: #fff url(../Image/Design/pattern.png);height: 45px;width: 45px;border-radius: 20px;padding: 5px;transition: 0.3s;z-index: 1;position: relative;top: -13px;}
#customerLogo:hover, #ctl00_customerLogo:hover {box-shadow: 0 0px 3px lightslategrey;-webkit-transform: scale(1.4);transform: scale(1.4)}
#brand {font-size: 20px;color: #2cb4aa;font-weight: 700;text-shadow: 0 1px 0 rgba(58, 99, 124, .8);cursor: pointer;display: inline-block;margin-right: 10px;}
#brand span {display: block;font-weight: 400;margin-top: -1px}
[id*="profileLink"] {top: 7px;left: 15px;background: #2cb4aa;padding: 3px;position: absolute;width: 250px;border-radius: 5px;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;cursor: pointer}
#profileLink:hover {background: #455A64;box-shadow: 0 4px 10px -2px rgba(58, 99, 124, .7)}
.profileUser {color: white;font-size: 13px;display: block}
.profileUser span{display:inline-block}
.DateTime {color: #fff;direction: rtl;font-size: 10px;left: 15px;text-align: left}
.ContentBox {text-align: center}
.ContentBoxHeader {background: white;float: right;height: 25px;margin-right: 10px;padding: 5px;padding-right: 10px;text-align: right}
.DivHeader {background: url(../Image/Design/Pattern3.jpg);text-shadow: 0 1px 0 rgba(58, 99, 124, .6);color: #3a637c;padding: 10px 20px;font-size: 14px;font-weight: 700;margin: 10px 0 !important; border-radius:5px}
.LinkDiv {color: #0085cc;cursor: pointer;cursor: pointer}
.itm0 {background: url(../Image/Design/Pattern1.png) repeat-x;padding: 7px}
.itm1 {border: 1px dashed #afafaf;margin: 0 8px 5px 5px;padding: 5px;text-align: center}
.itm2 {background-color:#EFEFEF;display: block;padding: 8px;text-align: justify !important;width: 98%}
.itm3 {background: url(../Image/Design/Pattern2.jpg);color: #626262;padding: 5px}
.itm4 {background: url(../Image/Design/Pattern3.jpg);padding: 5px;margin: 0 5px}
.itm5 {border-radius: 5px;background: #ddd url(../Image/Design/Pattern2.jpg);color: #555;padding: 7px 25px}
.itm6 {background: url(../Image/Design/meter-bg.png) repeat-x;text-align: left}
.itm7 {background: white;border-radius: 5px;color: #93a8ae;display: block;margin-bottom: 1px}
.itmNotify1 {border:1px solid #fada42;border-radius: 5px; padding:5px; position:relative;cursor:pointer}
.itmNotify2 {border:1px solid #ffffff;border-radius: 5px; padding:5px; position:relative;cursor:pointer;transition: .3s;}
.itmNotify2:hover{background:#f6f6f6}
.GreenBar {background: #bbe040 url(../Image/Design/BackG.gif) repeat-x top;border: 1px solid #a7cd2c;border-top: 0;padding: 4px 30px 0 30px}
.YellowBar {background: #2cb4aa;border: 1px solid #2cb4aa;border-top: 0;height: 40px;padding: 1px;padding-left: 5px;padding-right: 5px; color:#FFFFFF}
.YellowBar div {margin-top: 1vh}
.SilverBar {background: #c7d0d2 url(../Image/Design/BackS.gif) repeat-x top;border: 1px solid #72878a;border-top: 0;padding: 5px}
.VanillaBar {background: url(../Image/Design/Vanilla.gif);margin-top: 2px;padding: 2px}
.bluecell {background: #ebebeb url(../Image/Design/Pattern4.gif);border: 1px solid #25a0db;color: #2d2d2d;padding-left: .5vw}
.SelectedTab {background: #50b4e6;color: white}
.Warning {background: #fff6e3;border-top: 1px dashed #ebbe69;color: #bc7c12;padding: 3px 10px 3px;text-align: right}
.Item1 {background: #ebebeb;border: 1px solid #077cb9;border-bottom: 0;border-left: 10px solid #077cb9;display: block;padding: 8px;text-align: right}
.Item2 {border-bottom: 10px solid #077cb9;border-top: 10px solid #077cb9;display: block;padding: 8px 5px 8px 15px;text-align: right}
.Item3 {border-bottom: 1px dotted #6b8989;color: #6b8989;padding: 20px 10px 5px 10px}
.Item3 span {font-size: 13px;font-weight: 700}
.Item4 {background: #d9ecf7;color: #0f619a;border-radius: 5px;}
.Item5 {background: #25a0db;border-radius: 3px 3px 3px 3px;color: white;cursor: pointer;font-size: 10px;margin: 5px;padding: 5px;text-decoration: none}
.Item6 {background: #dee6eb;color: #3e8590}
.Item7 {font-weight:bold !important}
.MessageItem {background: white;border: 1px dotted #ccc;border-bottom: 0;cursor: pointer;padding: 15px;text-align: justify}
.Apps span {cursor: pointer;display: block;padding: 5px;font-weight: bold;font-size: 12px;border-radius: 5px;text-align: center;-webkit-transition: 0.3s;transition: 0.3s;}
.Apps span:hover {background: rgb(203,213,218,0.3);box-shadow: 0 4px 10px -2px rgba(0, 0, 0, .5);color: rgb(255,255,255,0.9);}
.AppsRadio span {cursor: pointer;display: block;padding: 5px;font-weight: bold;font-size: 12px;border-radius: 5px;text-align: center;-webkit-transition: 0.3s;transition: 0.3s;}
.AppsRadio span:hover {background: rgb(203,213,218,0.3);box-shadow: 0 4px 10px -2px rgba(0, 0, 0, .5);color: rgb(255,255,255,0.9);}
.ItemLMS span {color: #e78d00}
.ItemRadio span {color: #fccb04}
.mnuRadio {background-image:url(../Image/Icon/RadioWhite.png); background-repeat:no-repeat; background-position: 96% center ; background-size:24px}
.ItemRMS span {color: gold}
.ItemPEA span {color: greenyellow}
.LoadingFloat {background: white;bottom: 30px;display: none;position: fixed;left: 30px;border-radius: 10px;text-align: center;padding: 10px;z-index: 100}

/* Specific Element */
[id*="lbtnScope"] {border-radius: 5px;float: right;margin: 10px;padding: 20px;font-size: 14px;text-align: center;border: 2px solid #2cb4aa;width: 250px;min-height: 200px;margin-top: 2vh; background-color: #FFFFFF; color: #2cb4aa}
[id*="lbtnScope"]:hover {color: #2cb4aa; font-weight:bold}
[id*="lbtnWorkFlowView"] {border-radius: 5px;float: right;margin: 10px;padding: 20px;font-size: 14px;text-align: center;border: 2px solid tomato;width: 250px;min-height: 200px;margin-top: 2vh;background-color: #FFFFFF; color: #2cb4aa}
[id*="lbtnWorkFlowView"]:hover {color: tomato; font-weight:bold}
span.HeaderTitle {font-size: 16px}
div.HeaderTitle {font-size: 12px;}
div.inlineBlock {display: inline-block;margin-top: 1vh}
.inlineBlock input {width: 100% !important;margin-right: 0}
.inlineBlock select {min-width: 200px;/*margin-right: 2.3vw*/}
.fullHeight {height: 100vh !important;}
.fullWidth {width: 100% !important}
.noMP {overflow-x: hidden;margin: 0 !important;padding: 0 !important}
.mt-1v {margin-top: 1vh !important;}
.mb-1v {margin-bottom: 1vh}
.tlborder {background-color:#FFFFFF; border-radius:5px; padding:10px; border:1px solid #e1e1e1}
.row.match-my-cols {overflow: hidden}
.row.match-my-cols [class*="col-"] {margin-bottom: -99999px;padding-bottom: 99999px}
input[type=radio], input[type=checkbox] {margin-left: 0.2vw !important;margin-right: 0.7vw !important}
input[type="radio"] + label, input[type="checkbox"] + label {font-weight: 300}
.pagerNumber td table tr td a {margin: 0 2px;background: #c2e8fb;padding: 5px;border-radius: 3px;}
.pagerNumber td table tr td span {margin: 0 2px;background: #455a64;color: white;padding: 5px;border-radius: 3px;}
input[disabled] {cursor: not-allowed;border: 0;box-shadow: none;cursor: not-allowed}
.StepWizard {position: fixed;bottom: 10px;left: 9px;padding-left: 20px;background: url(../../App_Themes/Idea/Image/Icon/Left.png) no-repeat left}
.RadComboBox_Metro .rcbFocused .rcbReadOnly .rcbInput {color: #0c0c0c}
.SepratorHeader {text-align: center;width: 99%;padding: 8px;font-size: 13px;margin: 10px 0;background-color: cornflowerblue;color: #FFF;}
.ContentPrev {padding-right: 25px}
.TitleStyle {color: gray;padding-right: 3px}

.evlDashboard tr td {min-height: 80px;min-width: 140px;padding: 10px 15px;border-bottom: 8px solid #fff;font-size: 13px;color: #607D8B}
.evlDashboard tr td div {margin-bottom: 10px;color: #90A4AE}
.evlDashboard tr td span {margin-top: 10px;display: block;font-size: 13px}
.evlDashboard div.me {width: 22%;margin: 1%;height: 25vh;padding-top: 5vh;position:relative}

.Unread {padding-top: 5px;color: tomato;font-size: 10px}
#divFailed .IdeaGrid th a {color: tomato}
#divFailed .IdeaGrid th {border-bottom-color: tomato}
.radioClass {width: 100%;align-items: center}
.radioClass td {border: 0;width: 48px}
.expand {-webkit-transition: 0.3s;transition: 0.3s;border-radius: 3px}
.expand:hover {-webkit-transform: scale(2);transform: scale(2)}
.imgAvatar {width: 30px;border-radius: 5px}
.imgAvatar:hover {cursor: none;transform: scale(2.5);transition: 1s all}
.StepTitle {font-weight: 100;float: right;width: 19%;margin: 1%;padding: 15px;font-size: 14px;text-align: center;border-color: green;border-width: 5px;line-height: 28px;min-height:150px;}
.Highlight {background: #D9E6EF;margin-bottom: 5px;border-bottom-right-radius: 5px;border-top-right-radius: 5px}
.StepBox {width: 90%;text-align: center;margin: 20px 5%;padding: 20px 0 10px 0;border-radius: 10px}
.Highlight input[type=image] {display: none}
.current ~ li:after {background-color: #555}
#ctl00_MainContent_li1:before {background-color: red}
#ctl00_MainContent_li2:before {background-color: orange}
#ctl00_MainContent_li3:before {background-color: green}
#ctl00_MainContent_li4:before {background-color: deepskyblue}
#ctl00_MainContent_li5:before {background-color: dodgerblue}
.rcbList li:first-child {padding-bottom: 5px}
#ctl00_MainContent_ucRequestTraining_rcFilter_DropDown .rcbList li:first-child label .rcbCheckBox {display: none}
#tblConsider {width: 100%}
#tblConsider th {border-bottom: 1px dashed #607D8B;line-height: 19px}
#tblConsider tr td {color: #607D8B;border-bottom: 1px dotted #B8E2FB;padding: 7px 0}
.Present {padding: 3px;margin: 1px;background: #EAF7D9;border: 1px solid #BBDF8D;border-radius: 3px;display: inline-block !important;color: #318c0e}
.Absent {padding: 3px;margin: 1px;background: #FFF5CC;border: 1px solid #F2DD8C;border-radius: 3px;display: inline-block !important;color: #db7f1a}
.blue {border: 2px solid #0097e0;color: #0097e0; background-color: #0097e013; width:100%; height:10vh; line-height: 8vh; margin-bottom: 2vh}
.blue:hover {background: #0097e0; color:#FFFFFF !important}
.red {border: 2px solid #d53b3b;color: #d53b3b; background-color: #d53b3b13; width:100%; height:10vh; line-height: 8vh; margin-bottom: 2vh}
.red:hover {background: #d53b3b; color:#FFFFFF !important}
.green {border: 2px solid #0ea74d;color: #0ea74d; background-color: #0ea74d13; width:100%; height:10vh; line-height: 8vh; margin-bottom: 2vh}
.green:hover {background: #0ea74d; color:#FFFFFF !important}
.purple {border: 2px solid #9e56d6;color: #9e56d6; background-color: #9e56d613; width:100%; height:10vh;line-height: 8vh; margin-bottom: 2vh}
.purple:hover {background: #9e56d6; color:#FFFFFF !important}
.silver {border: 2px solid #6e8690;color: #6e8690; background-color: #6e869013; width:100%; height:10vh;line-height: 8vh; margin-bottom: 2vh}
.silver:hover {background: #6e8690; color:#FFFFFF !important}
.gray {border: 2px solid #3b4c5c;color: #3b4c5c; background-color: #3b4c5c13; width:100%; height:10vh;line-height: 8vh; margin-bottom: 2vh}
.gray:hover {background: #3b4c5c; color:#FFFFFF !important}
.orange {border: 2px solid #dd9d12;color: #dd9d12; background-color: #dd9d1213; width:100%; height:10vh;line-height: 8vh; margin-bottom: 2vh}
.orange:hover {background: #dd9d12; color:#FFFFFF !important}
.sadblue {border: 2px solid #508C9B;color: #508C9B; background-color: #508C9B13; width:100%; height:10vh;line-height: 8vh; margin-bottom: 2vh}
.sadblue:hover {background: #508C9B; color:#FFFFFF !important}
.PlumWine {border: 2px solid #53252F;color: #53252F; background-color: #53252F13; width:100%; height:10vh;line-height: 8vh; margin-bottom: 2vh}
.PlumWine:hover {background: #53252F; color:#FFFFFF !important}
.Orange {border: 2px solid #53252F ; background-color: #FFFFFF;color: #53252F; width:100%; min-height:10vh;line-height: 8vh; margin-bottom: 2vh; border-radius:3px}

.icbSubstituteB1 {width: 32% !important}
.icbSubstituteB2 {width: 32% !important}
.icbSubstituteB3 {width: 32% !important}
table#tblData {width: 100%;display: block;margin-right: 0.4% !important;}
#tblData thead, #tblData tbody {width: 100%;display: inline-block;}
#tblData tbody{height:400px;overflow-y: scroll;}
.easyTran {-webkit-transition: background-color 2s ease-out;-moz-transition: background-color 2s ease-out;-o-transition: background-color 2s ease-out;transition: background-color 2s ease-out;}
.desktopHidden {display: none;}
.PersonalLinks {width: 93%;margin-right: 3%;}
.SeparateTr {border-collapse: separate;border-spacing: 0 10px;}
.SeparateTr input, .SeparateTr select, .SeparateTr textarea, .SeparateTr div{margin-right: 3%;margin-left: 0.5%}

/* Bootstrap OverWrite */
.lead {margin-bottom: 0 !important}
.btn, .pagination > li > a, .pagination > li > span {font-weight: normal !important}

fieldset {border-radius: 5px}
legend {padding: 0 10px !important;border: 0 !important;margin-bottom: 0 !important;width: inherit !important}

.MessageCounter {margin:0 10px;background-color:#FFFFFF;color:#455A64;padding: 3px;border-radius: 40px;font-weight:bold;width: 24px;display: inline-block;text-align: center;}
.blink_me {animation: blinker 1s linear infinite;}
@keyframes blinker {50% {opacity: 0}}

.ClassBox {border:1px solid #dddddd; border-radius:5px; padding:2px ; text-align:center ; margin-bottom:10px; -webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s}
.ClassBox:hover {cursor:pointer; background-color:rgba(128,128,128,0.1)}
.ClassBox img {width:25%; border-radius:5px; margin:5px; aspect-ratio: 1 / 1; object-fit: cover;}

.cPlan {border-color:#dddddd; box-shadow: 0px 0px 2px #6e8690} 
.classPlan label{border-color:#6e8690 !important; color:#6e8690 !important}
.cStart {border-color:#dddddd; box-shadow: 0px 0px 2px #3b4c5c} 
.classStart label{border-color:#3b4c5c !important; color:#3b4c5c !important}
.cEnd {border-color:#dddddd; box-shadow: 0px 0px 2px #9e56d6}
.classEnd label{border-color:#9e56d6 !important; color:#9e56d6 !important}

.boxView {height: calc(100vh - 450px) ; overflow-y:scroll; overflow-x:hidden; margin-bottom:10px; margin-top: 20px; padding: 0 10px}
.profileImage {border-radius: 45px; height: 30px; width: 30px; margin:auto}
.imgUser{border: 3px solid #455A64; border-radius: 60px; height: 100px; width: 100px; margin-bottom: 5px}
.backImage {background: url(../Image/Design/Pattern3.jpg)}
.changeStyle {position:absolute; left: 5px ; margin-top: -65px}
.changeStyle i {cursor:pointer; color:#2cb4aa; padding:5px ; border-radius:5px; -webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s}
.changeStyle i:hover {background-color:#2cb4aa ; color:#FFFFFF}

::-webkit-scrollbar {width: 0px !important;}    
::-webkit-scrollbar-track {background-color: #FFFFFF !important}
::-webkit-scrollbar-thumb {background-color: #2cb4aa !important;}
::-webkit-scrollbar-thumb:hover {background-color: #e78d00 !important;}

.boxView::-webkit-scrollbar {width: 2px !important}
.pagination {display:table-row !important; margin:unset !important}
.pagination table {margin:auto}

.faqRtl * {text-align:right;direction: rtl}
.faqRtl .row {direction: ltr;}
.faqRtl .subTitle {direction: rtl;}
.faqRtl .IdeaGrid {direction: rtl}

.cr a {color:#2cb4aa !important}
#rblFilterStatus tr td{text-align:right}
.badge { border-radius:5px !important }

.NewsBody img{max-width:100% !important}
.loginNewsButton {display:none}

@keyframes blink {0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; }}
.blink {animation: blink 2s infinite;}