:root {
    --cooltipz-bg-color: #11a9cc;
}

body {
    margin: 0;
    padding: 0;
    background-color: #e4edf3 !important;
    border: none;
}

#CityDTLayout {
    width: 850px;
    margin: 0;
    padding: 0;
    background-color: #fff;
    border: thin outset;
}

#CityDTSubFooter {
    height: 30px;
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #ccc;
    background-image: url("../../../../Images/Bar.jpg");
    background-repeat: repeat-x;
    background-position: left top;
    border: 0;
}

td.CityLabel {
    width: 100px;
    padding: 1px;
    text-align: center;
    color: #1a1a1a;
    background-color: #5dbed440;
    border: 1px solid;
    border-color: white;
    border-radius: 5px;
}

/* td.CityLabel {
	border-radius: 3px;
	width: 100px;
	text-align: center;
	padding: 1px;
	border: 1px solid;
	background-color: #5dbed440;
	border-color: white;
	color: #1a1a1a;
} */

td.CityLabelLarge {
    padding: 1px;
    text-align: center;
    color: #1a1a1a;
    background-color: #5dbed440;
    border: 1px solid;
    border-color: white;
    border-radius: 5px;
}

td.CityHidden {
    width: 100px;
    padding: 1px;
    text-align: center;
}

td.CityHiddenLarge {
    vertical-align: middle;
    padding: 1px;
    text-align: center;
}

.CityLabelHidden {
    height: 22px !important;
    vertical-align: middle;
    text-align: center;
    color: #1a1a1a;
    background-color: #5dbed440;
    border: 1px solid;
    border-color: white;
    border-radius: 3px;
}

.CityLabelHiddenLarge {
    height: 22px;
    text-align: center;
    color: #1a1a1a;
    background-color: #5dbed440;
    border: 1px solid;
    border-color: white;
    border-radius: 3px;
}

td.CityLabelRegistrationCode {
    width: 400px;
    padding: 1px;
}

/* .CityTextRegistrationCode { } */

.CityTextBox {
    background-color: #f9f2d6;
}

td.CityValidator {
    width: 20px;
    padding: 1px;
}

td.CityBlank {
    width: 2px;
    padding: 0;
}

a img {
    border: 0;
}

table.CityData {
    width: 600px;
    padding: 10px;
}

table.CityIssuance {
    width: 600px;
    background-color: #fff;
    border: black thin solid;
}

#CityToolTip {
    position: absolute;
    width: 120px;
    visibility: hidden;
    z-index: 100;
}

td.CityToolTip {
    padding: 3px;
    padding-bottom: 4px;
}

table.CityToolTip {
    margin: 0;
    color: black;
    background: #fff;
    border: thin outset;
}

input.CityButton {
    padding: 1px;
    padding-bottom: 2px;
    text-align: center;
    color: black;
    background: #dcdcdc;
    border: #ccc 2px outset;
}

.CityRegistrationCode {
    font-weight: bold;
    color: #f63;
    background-color: #ffc;
}

div.CityLoading {
    height: 30px;
    padding: 5px 10px;
}

div.CityPageTitle {
    width: 500px;
    height: 20px;
    margin: 10px;
    padding: 5px;
    text-align: right;
    font-weight: bold;
    color: black; /* background-color: #003366; */ /* border: 2px outset; */
    background-image: url("../../../../Source/Images/bg07.jpg");
    background-repeat: no-repeat;
    background-position: left;
    border-color: black;
    border-style: solid;
    border-width: 1px;
    clear: both;
}

div.CityFilePageTitle {
    width: 400px;
    width: 100%;
    height: 20px;
    margin: 10px;
    padding: 5px;
    text-align: right;
    font-weight: bold;
    color: #800000;
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#fff,endColorStr=#6699FF);
    border-width: 3px;
    clear: both;
}

div.CityFileNumber {
    margin: 5px;
    padding: 5px;
    text-align: center;
    color: #036;
    background-color: #fff;
    border: 2px outset;
    clear: both;
}

div.CityNotice {
    margin: 5px;
    padding: 2px;
    text-align: center;
    color: #000;
    background-color: #ccc;
    border: 1px outset;
    clear: both;
}

div.Citydata {
    margin: 5px;
    padding: 3px;
    color: navy;
    border: 2px outset;
}

div.Cityliteral {
    width: 10cm;
    height: 1.5cm;
    margin: 5px;
    padding: 3px;
    text-align: center;
    font-weight: bold;
    color: #903;
    background-color: #ccc;
    border: 2px outset;
    clip: rect(auto auto auto 6px);
}

.CitymodalPopup {
    width: 300px;
    height: 100px;
    padding-top: 30px;
    text-align: center;
    background-color: gray;
    border-style: solid;
    border-width: 1px;
}

.CityLinkButton {
    width: 70px;
    height: 20px;
    padding: 5px;
    color: #06c;
    background-color: #ccc;
    border: #000 thin solid;
}

.Citygrid {
    background-color: navy;
}
/************************* BH *****************************/

td.CityLabelLogin {
    width: 100px;
    padding: 1px;
    text-align: center;
    background-color: #c4deff;
    border: 1px outset;
}

div.CityClickableItem {
    color: blue;
    cursor: pointer;
}

.CityGridLabel {
    height: 19px;
    vertical-align: middle;
    margin-bottom: 5px;
    text-align: center;
    font-weight: bold;
    color: #000;
    background-color: #88c1c4;
    border-color: #11a9cc;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
}

div.CityValidationSummery {
    text-align: right;
}

div.CityGridTitle {
    position: absolute;
    text-align: right;
    border-color: #cce2ff;
    border-style: groove;
    border-width: 1px;
    z-index: 2001;
}

div.CityGridEditForm {
    text-align: right;
    background-color: #cce2ff;
    border-color: #cce2ff;
    border-style: groove;
    border-width: 1px;
}

.CityToolbar {
    text-align: left;
}

#divStatus {
    background-color: blue;
    border-style: outset;
    border-width: 1px;
}

.viewLink {
    text-decoration: none;
    color: #000;
}

.ReadOnlyGridCell {
    background-color: #d8e0e0;
}

div.GridClass {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    overflow: auto;
}

div.UFrame {
    width: 950px;
    height: 900px;
    padding: 5px;
    color: black;
    background-color: white;
    border: 1px solid black;
    overflow: auto;
}

div.UFrame1 {
    width: 950px;
    height: 900px;
    padding: 5px;
    color: white;
    background-color: white;
    border: 1px solid white;
    overflow: auto;
}

div.Image {
    position: relative;
    width: 650px;
    height: 700px;
    padding: 5px;
    color: black;
    background-color: white;
    border: 1px solid black;
    overflow: auto;
    cursor: pointer;
}

div.Image2 {
    position: relative;
    width: 550px;
    height: 530px;
    padding: 5px;
    color: black;
    background-color: white;
    background-color: #6c6c6c;
    border: 1px solid black;
    overflow: auto;
}

.ImageOr {
    top: 0;
    left: 0;
}

.Curs {
    cursor: pointer;
}

.ModalPanel {
    margin: 0;
    padding: 0;
    background-color: #fcfcfc;
    border-color: #7dabdd;
    border-style: groove;
    border-width: 2px;
    border-radius: 10px;
    box-shadow: rgb(161, 161, 161) 5px 5px 5px !important;
}

.DragHandle {
    text-align: center;
    color: white;
    background-color: ActiveCaption;
    border: solid 1px gray;
    cursor: move;
}

.PageUpaccordionContent {
    overflow: auto !important;
    scrollbar-width: none !important;
}

.MyPageUpaccordion,
.MyPageUpaccordion > div,
.MyPageUpaccordion .PageUpaccordionContent {
    overflow: auto !important;
}

.UpaccordionHeader {
    font-weight: bold;
    cursor: pointer;
}

.UpaccordionHeaderSelected {
    cursor: pointer;
}

.DefaultAccordionHeader {
    width: 730px;
    height: 25px;
    text-align: center;
    background-image: url("../../../../Source/Images/Header_BG.jpg");
    background-repeat: repeat-x;
}

.AccardeionTable {
    margin-bottom: -2px;
    padding: 0;
    border-collapse: collapse;
    border-color: silver;
    border-style: solid;
    border-width: 1px;
}

.imgBtn {
    width: 15px;
    height: 15px;
}

.ImgLogin {
    cursor: pointer;
}

.DockCommand {
    background-color: #c0c0c0;
    background-repeat: no-repeat;
}

.right-col {
    /* vertical-align: middle; */
    display: block;
    width: 30px;
    height: 130px;
    transform: rotate(-90deg);
    text-align: center;
    writing-mode: tb-rl;
}

.CityHyperLink {
    width: 110px;
    text-decoration: none;
    color: #0000fc;
}

.HyperLink {
    text-decoration: none;
    color: #900;
}

.CitizenHyperLink {
    text-decoration: none;
    color: darkslategray;
}

.CitizenOperationHyperLink {
    text-decoration: none;
    color: #060;
}

.CitizenOperationDisableHyperLink {
    text-decoration: none;
    color: #999;
}

td.Exit {
    width: 100px;
    text-decoration: none;
    background-repeat: no-repeat;
    cursor: "default";
}

td.OtherSystems {
    width: 110px;
    text-decoration: none;
    background-repeat: no-repeat;
    cursor: "default";
}

.TreeView {
    overflow: scroll;
}

.noPanel {
    line-height: normal;
}

.CityOptionBorder {
    height: 19px;
    vertical-align: middle;
    text-align: center;
    font-weight: normal;
    color: #3d3221;
    background-color: #c1e0ff;
    border: 2px;
    border-color: #6cf;
    border-style: outset;
    border-width: 1px;
    border-bottom-width: 0;
}

/* .rgCollapse {
}

.rgExpand {
}

.rgExpand {
} */

.PhysicalCircle {
    padding: 1px;
    text-align: center;
    color: red;
    background-color: #f9f0d0;
    border: 1px inset;
}
/* ----------------------Billboard display Settings----------------------- */

.PageTitleWide_Center {
    background-image: url("../../../../Source/Images/fpt02.png");
}

.Billboard_GridHeader {
    height: 35px;
    vertical-align: middle;
    text-align: center;
    color: #036;
    border-style: none;
}

.Billboard_GridItem {
    height: 40px;
    color: #036;
}

.Billboard_Grid {
    border-style: none;
}

.Billboard_GridImportantItem {
    height: 40px;
    color: #060;
}

.Billboard_clock {
    vertical-align: super;
    font-weight: bolder;
    color: #036;
}

.Billboard_Header {
    vertical-align: super;
    font-weight: bolder;
    color: #036;
}

.scroll {
    position: absolute;
    overflow: hidden;
}

.scrollingText {
    position: relative;
    white-space: nowrap;
}

.Billboard_TickerText {
    height: 35px;
    font-weight: bold;
    color: #060;
    background-color: #f4f4f4;
    border-right-color: black;
    border-left-color: #c1c1c1;
    border-style: none solid;
    border-right-width: 1px;
    border-left-width: 1px;
}

.BillingAlert {
    height: 35px;
    vertical-align: super;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
    font-weight: bolder;
    color: #a62b2f;
    background-color: #faf9eb;
    border-color: #a62b2f;
    border-style: solid;
    border-width: 1px;
}

.BillingNotConfirm {
    height: 35px;
    vertical-align: super;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
    font-weight: bolder;
    color: #a62b2f;
    background-color: #fcc2c0;
    border-color: #a62b2f;
    border-style: solid;
    border-width: 1px;
}

.BillingMsg {
    font-weight: bold;
    color: #0065ad;
}

.BillingDeadLine {
    height: 35px;
    vertical-align: super;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
    font-weight: bolder;
    color: #b90926;
    background-color: #fbc5a7;
    border-color: #b90926;
    border-style: solid;
    border-width: 1px;
}

.BillingDeadLineDay {
    height: 35px;
    vertical-align: super;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
    font-weight: bolder;
    color: #b90926;
    background-color: #ffdea8;
    border-color: #b90926;
    border-style: solid;
    border-width: 1px;
}

.BillingImage {
    background-color: #fbfee7;
    border-color: black;
    border-style: solid;
    border-width: 1px;
}

.BillingDeadLineMsg {
    font-weight: bolder;
    color: #b90926;
    border-color: #b90926;
    border-top-style: solid;
    border-right-style: solid;
    border-width: 1px;
}

.BillingHyperLink {
    font-weight: bolder;
    text-decoration: none;
    color: #0000fc;
}

.BillingDeadLineDayMsg {
    font-weight: bolder;
    border-color: #b90926;
    border-top-style: solid;
    border-right-style: solid;
    border-width: 1px;
}

.UserMessagesNotification {
    text-align: center;
    color: black;
    background-color: #fbfee7;
}

.UserMessagesHasNotification {
    text-align: center;
    font-weight: bolder;
    color: #b90926;
    background-color: #fcc2c0;
}

.ImageStyleCity {
    display: inline-block;
    width: 300px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-transform: capitalize;
    color: transparent;
    background-image: url("../../../../Source/Images/ecity_normal.jpg");
    background-position: center;
    border: none;
    outline: none;
}

    .ImageStyleCity:hover {
        display: inline-block;
        margin: 0;
        padding: 0;
        text-decoration: none;
        background-image: url("../../../../Source/Images/ecity_over.jpg");
        border: none;
        outline: none;
    }

.ImageStyleRevenue {
    display: block;
    width: 300px;
    height: 150px;
    text-transform: capitalize;
    color: transparent;
    background-image: url("../../../../Source/Images/revenue_normal.jpg");
    background-repeat: no-repeat;
    background-position: center;
    border: none;
}

    .ImageStyleRevenue:hover {
        background-image: url("../../../../Source/Images/revenue_over.jpg");
        border: none;
    }

.ImageStyleTrades {
    display: block;
    width: 300px;
    height: 150px;
    text-transform: capitalize;
    color: transparent;
    background-image: url("../../../../Source/Images/Trades_normal_.jpg");
    background-repeat: no-repeat;
    background-position: center;
    border: none;
}

    .ImageStyleTrades:hover {
        background-image: url("../../../../Source/Images/Trades_over_.jpg");
        border: none;
    }

.ImageStyleGis {
    display: block;
    width: 300px;
    height: 150px;
    text-transform: capitalize;
    color: transparent;
    background-image: url("../../../../Source/Images/gis_normal.jpg");
    background-repeat: no-repeat;
    background-position: center;
    border: none;
}

    .ImageStyleGis:hover {
        background-image: url("../../../../Source/Images/gis_over.jpg");
        border: none;
    }

.ImageStyleRenov {
    display: block;
    width: 300px;
    height: 150px;
    text-transform: capitalize;
    color: transparent;
    background-image: url("../../../../Source/Images/Renov_normal_.jpg");
    background-repeat: no-repeat;
    background-position: center;
    border: none;
}

    .ImageStyleRenov:hover {
        background-image: url("../../../../Source/Images/Renov_over_.jpg");
        border: none;
    }

.divNosaziPrice {
    width: 97%;
    padding: 8px;
    border: 1px solid black;
}
/* MultiView Start Here... Mina Jafari - 93/06/18 */

.tabs {
    position: relative;
    top: 1px;
    z-index: 2;
}

.tab {
    width: 300px;
    height: 25px;
    padding: 2px 10px;
    text-align: center;
    font-weight: bold;
    color: black;
    background: none;
    border: 1px solid black;
}

.selectedtab {
    color: white;
    background-color: #93a9bf;
    background-repeat: repeat-x;
}

.tabcontents {
    width: 600px;
    height: 500px;
    padding: 10px;
    background-color: black;
    border: 1px solid black;
}

.appHyperLink {
    text-decoration: none;
    empty-cells: show;
}

.TokenPayment {
    visibility: hidden;
}

.EngineeringOperationHyperLink {
    text-decoration: none;
    color: #060;
}

td.Billboard_Header_Post {
    width: 942px;
    text-align: center;
    background-color: lightgray;
}

td.ProgressHeader {
    text-align: center;
    color: black;
    background-color: #ffe26f;
}

.Billboard_GridHeader_Post {
    height: 35px;
    vertical-align: middle;
    text-align: center;
    line-height: 1.5;
    color: #036;
    border-style: none;
}

.Billboard_GridItem_post {
    height: 40px;
    color: #036;
}

/* MultiView Ends Here.. */

/* citizen */

.wrapper {
    width: 896px;
    margin-inline: auto;
}

.navigation {
    width: 135px;
    height: 350px;
    float: right;
    background-color: #eaeff2;
    border-right: 1px solid #8ba5b6;
}

.content {
    width: 745px;
    float: left;
    padding: 20px 10px 0 0;
    background-color: #eaeff2;
    border-right: 1px solid #8ba5b6;
}

.navigation ul {
    margin-top: 30px;
    padding: 0;
    list-style-type: none;
}

    .navigation ul li {
        padding-bottom: 20px;
    }

.divSend {
    width: 650px;
    margin-inline: auto;
}

.CRbtnSendandSign {
    background-color: #d9e2ec;
    background-image: url("../../../../CitySystem/Source/Images/CRbtnSendandSign.jpg");
    background-repeat: no-repeat;
    background-position: left center;
    border-style: solid;
    border-radius: 10px;
    cursor: pointer;
}

.CRbtnRegister {
    background-color: #d9e2ec;
    background-image: url("../../../../CitySystem/Source/Images/CRbtnRegister.png");
    background-repeat: no-repeat;
    background-position: left center;
    border-style: solid;
    border-radius: 10px;
    cursor: pointer;
}

.CRbtnReplyRegister {
    background-color: #d9e2ec;
    background-image: url("../../../../CitySystem/Source/Images/CRbtnReplyRegister.png");
    background-repeat: no-repeat;
    background-position: left center;
    border-style: solid;
    border-radius: 10px;
    cursor: pointer;
}

.CRbtnCreateFollowCR {
    background-color: #d9e2ec;
    background-image: url("../../../../CitySystem/Source/Images/CRbtnCreateFollower.png");
    background-repeat: no-repeat;
    background-position: left center;
    border-style: solid;
    border-radius: 10px;
    cursor: pointer;
}

.CRbtnEdit {
    background-color: #d9e2ec;
    background-repeat: no-repeat;
    background-position: left center;
    border-style: solid;
    border-radius: 10px;
    cursor: pointer;
}

.EnHyperLink {
    width: 100%;
    text-decoration: underline;
    color: #0000fc;
    text-underline-position: below;
}

.EnDetailsInfo {
    width: 100%;
    color: red;
}

/* Setting of Telerik 2016 */

.RadComboBoxItem {
    height: auto !important;
}

.RadTabStrip .rtsLink {
    padding-left: 0 !important;
    text-align: center !important;
}

.RadTabStrip_rtl .rtsIn {
    text-align: center !important;
}

.RadToolBarDropDown_rtl .rtbWrap {
    padding-left: 0 !important;
}

/* .RadToolBarDropDown .rtbWrap {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
	padding: 0 10px 0 35px !important;
} */

/* .RadToolBarDropDown_rtl .rtbText {
	padding: 0 10px 0 10px !important;
} */

.RadMenu .rmGroup .rmLeftImage {
    top: 30% !important;
    left: 4px !important;
}
/* Setting of Telerik 2016 */

/* Bootstrap Skin */

.RadPanelBar_Bootstrap {
    background: none !important;
}

.RadPanelBar_Office2010Silver {
    background: none !important;
}

.RadWizard_Bootstrap {
    background-color: #f4f5f7 !important;
}

.RadWizard_Office2010Silver {
    background-color: #f4f5f7 !important;
}

.RadGrid_Bootstrap .rgRow a,
.RadGrid_Bootstrap .rgAltRow a,
.RadGrid_Bootstrap .rgEditRow a,
.RadGrid_Bootstrap .rgFooter a,
.RadGrid_Bootstrap .rgEditForm a {
    color: #6a737c !important;
}

.RadWizard_Bootstrap {
    background-color: #f4f5f7 !important;
}

.RadGrid .rgRow > td {
    padding-top: 4px !important;
}

.RadGrid .rgAltRow > td {
    padding-top: 3px !important;
}

.rtsLink {
    margin-left: -1px;
    margin-right: -2px;
    background-color: white !important;
    border-left: 2px solid white;
}

/* Bootstrap Skin */

.NazerWizardInfo {
    padding: 1px;
    text-align: center;
    color: navy;
    background-color: #d4ebf9;
    border: 1px solid;
    border-color: #a0d7f7;
    border-radius: 5px;
}

.WizardInfo {
    background-color: #ceffef;
    padding: 5px;
    color: red;
    text-align: center;
    border-radius: 5px;
    border: 1px solid;
    border-color: #a0d7f7;
    font-weight:600;
}

div.RadToolBar .rtbUL {
    width: 100%;
}

div.RadToolBar .toolbarLeftButton {
    float: left;
}

.rwzHorizontal .rwzBreadCrumb,
.rwzHorizontal .rwzProgressBar {
    margin-bottom: 0 !important;
}

.RadWizard .rwzBreadCrumb,
.RadWizard .rwzNav {
    margin: 0 !important;
}

.rwzHorizontal .rwzBreadCrumb,
.rwzHorizontal .rwzProgressBar {
    margin-bottom: 0 !important;
}

.RadWizard .rwzNav {
    margin-bottom: 0 !important;
}

.RadWizard {
    padding: 0 !important;
}

.rwzNext {
    background-image: url("/EngineersSystem/Source/Images/next.png") !important;
    background-repeat: no-repeat !important;
    background-position: left !important;
}

.rwzPrevious {
    background-image: url("/EngineersSystem/Source/Images/previous.png") !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
}

.rwzFinish {
    display: none !important;
}

.RadButton.rbButton {
    padding-block: 1px !important;
}

span.Required::before {
    content: "* ";
    color: red;
}

.LegalDiv {
    padding: 5px;
    border: 1px solid #acb1b9;
}

.SeperatorFieldSet {
    padding: 0;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
}

/* .introjs-tooltiptext,
.introjs-bullets,
.introjs-progress,
.introjs-progressbar {
} */

.intro {
    width: 300px;
    background-color: #fff !important;
}

/* .introText {
}

.introBigText {
}

.introWelcomeText {
} */

.introHighLightText {
    color: darkred;
}

#myToolTip {
    position: absolute;
    top: 0;
    left: 0;
    width: 220px;
    height: 35px;
    margin: 0;
    padding: 4px;
    color: brown;
    background-color: #ffffd5;
    border-color: #ccc #808080 #808080 #ccc;
    border-style: none;
    border-width: 2px;
}

td.hogooghleft {
    width: 66px;
    background-repeat: repeat-x;
}

td.hogooghright {
    width: 66px;
}

td.hogoogh {
    width: 232px;
    background-repeat: no-repeat;
}

td.hogooghText {
    width: 232px;
    height: 100px;
    line-height: 20px;
    background-color: white;
    border: 0;
    border-style: groove;
}

div.CityPageMessageInformation-new {
    margin: 5px;
    padding: 8px;
    text-align: justify;
    color: #1d5987;
    background-color: #deedf8;
    border: 2px outset;
    border: 1px solid #79b7e7;
    border-radius: 5px;
    clear: both;
}

div.CityPageMessageWarning {
    margin: 5px;
    padding: 8px;
    text-align: justify;
    color: #eb8f00;
    background-color: #fffbe4;
    border: 1px solid #fed22f;
    border-radius: 5px;
    clear: both;
    /* text-align: right; */
}

div.CityPageMessageError {
    margin: 5px;
    padding: 8px;
    text-align: justify;
    color: #cd1f2d;
    background-color: #f8e7e7;
    background-repeat: no-repeat;
    background-position: left;
    border: 1px solid #cd0a0a;
    border-radius: 5px;
    clear: both;
}

td.CityData,
td.CityImage,
td.CityCaptchaImage,
td.CityValidationSummary,
div.CityData,
div.CityImage,
div.CityLoading {
    text-align: justify;
}

td.CityRequiredLabel {
    width: 150px;
    margin: 2px;
    padding: 2px 2px 3px;
    text-align: center;
    color: black;
    background: url("../../../../Source/Images/RequiredRTL.jpg") #5dbed440 no-repeat right top;
    border: 1px outset;
    border-radius: 3px;
}

td.CityRequiredLabelLogin {
    width: 150px;
    padding: 1px;
    font-weight: bold;
    background-color: #fff;
}

div.Status {
    height: 16px;
    text-align: right;
    background-color: #ffff93;
    background-position: left;
    border-style: outset;
    border-width: 2px;
}

/* .rddtInner {
	position: inherit !important;
} */

.RadDropDownTree .rddtInner {
    padding: 2px 2px 2px 20px !important;
}

.rcbSlide {
    z-index: 1000 !important;
}

div.CustomCssClass .rcbInputCell input.rcbInput {
    height: 20px !important;
}

.RadComboBox_Default .rcbReadOnly .rcbInput {
    height: 20px !important;
}

.ButtonAlign {
    text-align: right;
}

.divIGMenu {
    /* background: url('../../../../Source/Images/MenuBg.jpg'); */
    width: 100%;
    float: right;
    /* height: 30px; */
    margin-right: 0;
    border: 1;
}

.divIGMenu2 {
    width: 100%;
    /* height: 30px; */
    margin: auto;
    background: url("../../../../Source/Images/MenuBg.jpg");
    border: 1;
}

.divIGListBox {
    position: absolute;
    /* margin-top: 24px; */
    margin-right: 0;
    visibility: hidden;
    text-align: center;
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    z-index: 59;
}

.divIGListBox2 {
    position: absolute;
    /* margin-top: 24px; */
    margin-right: 205px;
    visibility: hidden;
    text-align: center;
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    z-index: 59;
}

.btnMenu {
    height: 24px;
    background-color: transparent;
    border-style: none;
}

.btnMenuCopy {
    height: 24px;
    color: #fff !important;
    /* border: 1px solid #d6eff4 !important; */
    background-color: #428bca !important;
    border-style: none;
    border-radius: 5px !important;
}

    .btnMenuCopy:hover {
        padding: 3px !important;
        text-align: center !important;
        color: #fff !important;
        background: #1bc922 !important;
        /* border: 1px solid #e39887 !important; */
        border-radius: 5px !important;
        cursor: pointer !important;
        /* transition: background-color 0.15s ease-in-out !important; */
    }

.btnMenuLbl {
    height: 20px;
    margin-top: -5px;
    background-color: transparent;
    border-style: none;
}

.btnMenuOver {
    height: 20px;
    margin-top: -5px;
    color: blue;
    background-color: transparent;
    border-style: none;
}

.tbPadding {
    padding-left: 10px;
}

div.Billboard_Header_Post {
    width: 942px;
    text-align: center;
    background-color: lightgray;
}

#navigationMenu {
    margin: 0;
    padding: 0;
}

    #navigationMenu li {
        width: 50px;
        padding: 0;
        list-style: none;
    }

    #navigationMenu span {
        position: absolute;
        top: 0;
        width: 0;
        /* right: 40px; */
        padding: 0;
        white-space: nowrap;
        font-weight: bold;
        line-height: 40px;
        letter-spacing: 0.6px;
        color: #fff;
        background-color: #11a9cc;
        overflow: hidden;
        transition: 0.25s;
        z-index: 99;
    }

    #navigationMenu a {
        position: relative;
        display: block;
        width: 40px;
        height: 40px;
        /* background-color: #f5f5f5; */
        text-align: center;
        text-decoration: none;
        color: #11a9cc;
    }

        #navigationMenu a:hover span {
            width: auto;
            padding: 0 20px;
            overflow: visible;
        }

        #navigationMenu a:hover {
            text-decoration: none;
        }

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
}

.pull-right {
    float: right !important;
}

.glyphicon-envelope::before {
    content: "\2709";
}

.glyphicon-check::before {
    content: "\e067";
}

.glyphicon-edit::before {
    content: "\e065";
}

.glyphicon-list::before {
    content: "\e056";
}

.glyphicon-trash::before {
    content: "\e020";
}

.glyphicon-pencil::before {
    content: "\270f";
}

.glyphicon-floppy-saved::before {
    content: "\e173";
}

.glyphicon-ok-sign::before {
    content: "\e084";
}

.glyphicon-remove-sign::before {
    content: "\e083";
}

.glyphicon-ok-circle::before {
    content: "\e089";
}

.glyphicon-retweet::before {
    content: "\e115";
}

.glyphicon-repeat::before {
    content: "\e030";
}

.glyphicon-floppy-disk::before {
    content: "\e172";
    font-size: 25px;
}

.glyphicon-remove::before {
    content: "\e014";
    font-size: 25px;
}

.glyphicon-download::before {
    content: "\e026";
}

.glyphicon-download-alt::before {
    content: "\e025";
}

.glyphicon-random::before {
    content: "\e110";
}

.glyphicon-home::before {
    content: "\e021";
}

.glyphicon-open-file::before {
    content: "\e203";
}

.glyphicon-file::before {
    content: "\e022";
}

.glyphicon-collapse-down::before {
    content: "\e159";
}

.glyphicon-picture::before {
    content: "\e060";
}

.glyphicon-tree-conifer::before {
    content: "\e199";
}

.glyphicon-collapse-up::before {
    content: "\e160";
}

.glyphicon-off::before {
    content: "\e017";
}

.glyphicon-forward::before {
    content: "\e075";
}

.glyphicon-backward::before {
    content: "\e071";
}

.glyphicon-search::before {
    content: "\e003";
}

.glyphicon-save::before {
    content: "\e166";
}

.glyphicon-comment::before {
    content: "\e111";
}

.glyphicon-plus::before {
    content: "\002b";
}

.glyphicon-certificate::before {
    content: "\e124";
}

.glyphicon-zoom-in::before {
    content: "\e015";
}

.glyphicon-flag::before {
    content: "\e034";
}

.glyphicon-ban-circle::before {
    content: "\e090";
}

.glyphicon-eye-open::before {
    content: "\e105";
}

.glyphicon-eye-close::before {
    content: "\e106";
}

.glyphicon-info-sign::before {
    content: "\e086";
}

.glyphicon-new-window::before {
    content: "\e164";
}

.glyphicon-folder-open::before {
    content: "\e118";
}

.glyphicon-time::before {
    content: "\e023";
}

.glyphicon-user::before {
    content: "\e008";
}

.fa::before {
    display: inline-block;
    transform: translate(0, 0);
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
}

.fa-treeNodes::before {
    margin-left: 6px;
    text-align: right;
    color: #11a9cc;
}

.LinkBtnContent {
    text-decoration: none;
    color: #428bca;
}

.typcn-treeNodes::before {
    margin-left: 6px;
    color: #11a9cc;
}

.typcn::before {
    /* speak: none; */
    display: inline-block;
    height: 1em;
    -webkit-font-smoothing: antialiased;
    text-decoration: inherit;
    text-rendering: optimizelegibility;
}

.typcn-document::before {
    content: "";
}

.typcn-document-text::before {
    content: "";
}

.typcn-tabs-outline::before {
    content: "";
}

#basic-modal-content {
    display: none;
}

#simplemodal-overlay {
    background-color: #000;
}

#simplemodal-container {
    width: 80%;
    height: 90%;
    padding: 12px;
    color: #bbb;
    background-color: #333;
    border: 4px solid #444;
}

    #simplemodal-container .simplemodal-data {
        padding: 8px;
    }

    #simplemodal-container code {
        display: block;
        margin-bottom: 12px;
        padding: 4px 6px 6px;
        color: #bbb;
        background: #141414;
        border-left: 3px solid #65b43d;
    }

    #simplemodal-container a {
        color: #ddd;
    }

        #simplemodal-container a.modalCloseImg {
            position: absolute;
            top: -15px;
            right: -16px;
            display: inline;
            width: 25px;
            height: 29px;
            background: url("../../../../Source/Images/x.png") no-repeat;
            z-index: 3200;
            cursor: pointer;
        }

div.Title_SH0000_Select {
    /* width: 98%; */
    text-align: center;
    text-shadow: 1px 1px 0 white;
    color: #11a9cc;
    background-color: #f5f5f5;
    border: 1px solid #11a9cc;
    border-radius: 6px !important;
}

.SearchPanelCR0100 {
    border: none;
}

td.RequiredLabelLogin {
    width: 150px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
}

.autocomplete_completionListElement {
    position: absolute !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: windowtext;
    background-color: inherit;
    border: buttonshadow;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    z-index: 2 !important;
    cursor: default;
    list-style-type: none;
}

.autocomplete_highlightedListItem {
    padding: 1px;
    color: black;
    background-color: #ff9;
}

.autocomplete_listItem {
    padding: 1px;
    color: windowtext;
    background-color: window;
}

.MenuItem a {
    display: block;
    width: 100%;
}

.MenuItemStyle a {
    display: block;
    width: 100%;
}

td.Data,
td.Image,
td.CaptchaImage,
td.ValidationSummary,
div.Data,
div.Image,
div.Loading {
    text-align: justify;
}

td.Label {
    width: 100px;
    padding: 1px;
    text-align: center;
    background-color: #c4deff;
    border: 1px outset;
}

td.Validator {
    width: 50px;
    padding: 1px;
}

table.Data {
    width: 600px;
    padding: 10px;
}

table.Issuance {
    width: 600px;
    background-color: #fff;
    border: black thin solid;
}

#ToolTip {
    position: absolute;
    width: 120px;
    visibility: hidden;
    z-index: 100;
}

td.ToolTip {
    padding: 3px;
    padding-bottom: 4px;
}

table.ToolTip {
    margin: 0;
    color: black;
    background: #fff;
    border: thin outset;
}

input.Button {
    padding: 3px;
    text-align: center;
    color: #18161c;
    background: #ffbfb0;
    border: 1px solid #fff;
    border-radius: 5px;
    transition: background-color 0.1s ease-in-out;
}

    input.Button:hover {
        padding: 3px;
        text-align: center;
        color: #18161c;
        background: #ffae9c;
        border: 1px solid #e39887;
        border-radius: 5px;
        transition: background-color 0.15s ease-in-out;
        cursor: pointer;
    }

    input.Button:disabled {
        padding: 3px;
        text-align: center;
        color: #605672;
        background: #e3dbdb;
        border: 1px solid #fff;
        border-radius: 5px;
        transition: background-color 0.1s ease-in-out;
    }

        input.Button:disabled:hover {
            padding: 3px;
            text-align: center;
            color: #605672;
            background: #e3dbdb;
            border: 1px solid #fff;
            border-radius: 5px;
            transition: background-color 0.1s ease-in-out;
        }

/* .RadGrid input[type=button] {
	border: 1px solid #fff;
	border-radius: 5px;
	text-align: center;
	padding: 3px;
	background: #ffbfb0;
	color: #18161c;
	transition: background-color 0.10s ease-in-out;
}

.RadGrid input[type=button]:hover {
	border: 1px solid #e39887;
	border-radius: 5px;
	text-align: center;
	padding: 3px;
	background: #ffae9c;
	color: #18161c;
	cursor: pointer;
	transition: background-color 0.15s ease-in-out;
} */

.TextBoxRtl {
    resize: vertical;
    height: 20px;
    color: #00c;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 3px;
    transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .TextBoxRtl:focus {
        text-align: justify;
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.25);
    }

.TextBoxReadOnlyRtl {
    /* color: #0000cc;
	background: #11a9cc0f;
	border: 1px solid #d9d9d9;
	text-align: justify;
	height: 18px; */
    height: 22px;
    color: #00c;
    background-color: #f8f8f8;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 3px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.1s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .TextBoxReadOnlyRtl:focus {
        /* color: #0000ff;
	background: #11a9cc0f;
	border: 1px solid #4d90fe;
	text-align: justify;
	height: 18px; */
        text-align: justify;
        color: #00f;
        background-color: #f8f8f8;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.1rem rgba(138, 138, 138, 0.25);
    }

.TextBoxLtr {
    resize: vertical;
    /* color: #0000cc;
	background: white;
	border: 1px solid #d9d9d9; */
    /* text-align: justify; */
    /* height: 18px; */
    height: 22px;
    color: #00c;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 3px;
    transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .TextBoxLtr:focus {
        /* color: #0000ff;
	background: white;
	border: 1px solid #4d90fe;
	text-align: justify;
	height: 18px; */
        text-align: justify;
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.25);
    }

.TextBoxReadOnlyLtr {
    /* color: #0000cc;
	background: #11a9cc0f;
	border: 1px solid #d9d9d9;
	text-align: justify;
	height: 18px; */
    height: 22px;
    color: #00c;
    background-color: #f8f8f8;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 3px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.1s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .TextBoxReadOnlyLtr:focus {
        /* color: #0000ff;
	background: #11a9cc0f;
	border: 1px solid #4d90fe;
	text-align: justify;
	height: 18px; */
        text-align: justify;
        color: #00f;
        background-color: #f8f8f8;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.1rem rgba(138, 138, 138, 0.25);
    }

select.DropDownList {
    /* border-top: #000 1px solid;
	border-left: #000 1px solid;
	border-right: #000 0px solid;	  these are simac previous codes-- after these are mohammad code
	border-bottom: #000 0px solid;
	color: #00f;
	background: #ffc;
	text-align: justify; */
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem 0.375rem 2.25rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.3rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

div.Loading {
    height: 30px;
    padding: 5px 10px;
}

div.PageTitle {
    width: 500px;
    height: 20px;
    margin: 10px;
    padding: 5px;
    text-align: right;
    color: black;
    background-image: url("../../../../Source/Images/bg07.jpg");
    background-repeat: no-repeat;
    background-position: left;
    border-color: black;
    border-style: solid;
    border-width: 1px;
    clear: both;
}

div.FileNumber {
    margin: 5px;
    padding: 5px;
    text-align: center;
    color: #036;
    background-color: #fff;
    border: 2px outset;
    clear: both;
}

div.Notice {
    margin: 5px;
    padding: 2px;
    text-align: center;
    color: #000;
    background-color: #ccc;
    border: 1px outset;
    clear: both;
}

div.data {
    margin: 5px;
    padding: 3px;
    color: navy;
    border: 2px outset;
}

div.literal {
    width: 10cm;
    height: 1.5cm;
    margin: 5px;
    padding: 3px;
    text-align: center;
    font-weight: bold;
    color: #903;
    background-color: #ccc;
    border: 2px outset;
    clip: rect(auto auto auto 6px);
}

.LinkButton {
    width: 70px;
    height: 20px;
    padding: 5px;
    color: #06c;
    background-color: #ccc;
    border: #000 thin solid;
}

.grid {
    background-color: navy;
}

.ModalPopup {
    width: 300px;
    height: 100px;
    padding-top: 30px;
    opacity: 0.7;
    text-align: center;
    background-color: gray;
    filter: alpha(opacity=70);
    border-style: solid;
    border-width: 1px;
}

a.calendar {
    position: relative;
    display: inline-block;
    width: 10px;
    margin-bottom: 40px;
    transform: rotate(-90deg);
    text-decoration: none;
    color: black;
    background: none;
    border: none;
}

.calendar a:hover {
    color: #c44;
    cursor: auto;
}

.CopyrightHypeLink {
    text-decoration: none;
    color: gray;
}

.PrintLabel {
    text-align: center;
}

div.ReportTitle {
    text-align: center;
    background-color: lightgray;
}

.InsideDiv {
    float: right;
}

div.CityLabel {
    width: 100px;
    height: 22px;
    padding: 1px;
    text-align: center;
    color: #1a1a1a;
    background-color: #5dbed440;
    border: 1px solid;
    border-color: white;
    border-radius: 3px;
}

.CitizenImage:hover {
    width: 45px;
    height: 45px;
}

.CitizenListItem:hover {
    font-weight: bold;
}

.NestedGridStyle {
    width: 100%;
    background-color: #e8f0fe;
    border: 1px solid black;
}

    .NestedGridStyle .Title {
        width: 100px;
        font-weight: bold;
    }

    .NestedGridStyle .Content {
        width: 100px;
    }

    .NestedGridStyle .LargeContent {
        width: 300px;
    }

    .NestedGridStyle .ExtraLargeContent {
        width: 580px;
    }

.TopAlign {
    vertical-align: top !important;
}

fieldset {
    margin-bottom: 5px;
    border-color: #11a9cc !important;
    border-width: 2px;
    border-radius: 5px !important;
}

legend {
    margin: auto;
    text-align: center;
    color: #282e6c;
}

.RadGrid {
    margin-bottom: 10px;
    border-radius: 5px !important;
    overflow: hidden;
}

    .RadGrid .rgPager > td {
        border-radius: 0 0 5px 5px !important;
    }

.crStatus {
    height: auto;
    color: red;
    background-color: #ffff93;
    border-color: black;
    border-style: outset;
    border-width: 1.2px;
}

input[type="text"]:disabled:not(.RadComboBoxItem),
textarea[disabled="disabled"]:not(.RadComboBoxItem) {
    text-align: justify;
    color: #00c;
    background: #f4f3f3;
    border: #d9d9d9 1px solid;
}

/* [Start]Delete AFTER CODE CORRECTION */

input[type="text"]:read-only:not(.RadComboBoxItem),
textarea:read-only {
    text-align: justify;
    color: #00c;
    background: #f4f3f3;
    border: #d9d9d9 1px solid;
}

input[type="text"]:read-only:not(.RadComboBoxItem),
textarea:read-only {
    height: auto;
    text-align: justify;
    color: #00c;
    background: #ffe4ce4a;
    border: #d9d9d9 1px solid;
    border-radius: 3px;
}
/* Delete AFTER CODE CORRECTION[END] */

/* Used in database Procedure */

.ChainLink {
    width: 200px !important; /* Set a specific width */
    white-space: normal !important; /* Allow text to wrap */
    text-decoration: none;
    overflow-wrap: break-word !important; /* Ensures wrapping for long words */
}

.CartableCorrespondence {
    width: 98.5%;
    margin: 0;
    padding: 0;
    text-align: center;
    border: 1px solid #11a9cc;
    border-radius: 6px !important;
}

.NoFrame {
    border: none !important;
}

.LeftAlign {
    text-align: left;
}

.RightAlign {
    text-align: right;
}

.CenterAlign {
    text-align: center !important;
}

.TitlesWidth {
    width: 98%;
}

.FullWidth {
    width: 99.5% !important;
}

.ContentCorrespondenceWidth {
    width: 74%;
}

.CorrespondenceTreeFrame {
    height: 100%;
    overflow: hidden;
    /* border: 1px solid #11a9cc; */
    border-block: 1px solid #11a9cc;
}

.InlineDisplayMode {
    display: inline-block;
}

.FullHeight {
    height: 100%;
}

.HiddenDisplay {
    display: none;
}

.TopVerticalAlign {
    vertical-align: top;
}

.hyperLinksColor {
    color: #00ff0c;
}

.DisableColor {
    color: #adadad;
}

.CenterTable {
    margin-inline: auto;
}

.disableclick {
    cursor: default;
}

.enableclick {
    cursor: pointer;
}

.tblEmailContent {
    padding: 0;
    background: #eaeff2;
    border-color: #8ba5b6;
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
}

.EmailBox {
    width: 100px;
    vertical-align: top;
    text-align: right;
    border-left: 1px solid #8ba5b6;
}

.tblHyperLabels {
    background-color: #d8dbbf;
    /* border-style: solid; */
}

.EmailLinks {
    width: 100px;
    height: 50px;
    vertical-align: central;
    text-decoration: none;
    color: #435c6b;
}

.EmailImageButton {
    width: 15px;
    height: 15px;
}

.EmailBox td {
    height: 40px;
}

.confirmicon {
    font-size: 25px;
    color: #2eb82e;
}

.Closeicon {
    font-size: 20px;
    color: #992600;
}

.glyphicon-remove::before {
    content: "\e014";
}

.glyphicon-ok::before {
    content: "\e013";
}

.glyphicon-expand::before {
    content: "\e158";
}

.glyphicon-pencil::before {
    content: "\270f";
}

.glyphicon-plus::before {
    content: "\002b";
}

.glyphicon-chevron-down::before {
    content: "\e113";
}

.glyphicon-map-marker::before {
    content: "\e062";
}

.glyphicon-user::before {
    content: "\e008";
}

.glyphicon-chevron-up::before {
    content: "\e114";
}

#CloseLink {
    text-decoration: none;
    color: black;
}

#divPreviewThumbnail img {
    width: 150px;
    height: 100px;
    margin: 2px;
    object-fit:contain;
}

#divPreviewThumbnail {
    white-space: nowrap;
    border: 1px lightgray solid;
    overflow: auto;
}

    #divPreviewThumbnail .anchor {
        display: inline-block;
        cursor: pointer;
    }

    #divPreviewThumbnail .desc {
        direction: ltr;
        color: #c00;
    }

.tdTitle {
    background-color: #5dbed440;
}

.PreviewImageRealSize {
    width: 98%;
    border: 1px gray solid;
}

input.ConfirmButton {
    width: 100px;
    height: 30px;
    background: url("../../../../CitySystem/Source/Images/tick-Medium.png");
    background-color: lightgray;
    background-repeat: no-repeat;
    background-position: left;
    border: 1px solid #a4abb2;
    cursor: pointer;
}

input:hover.ConfirmButton {
    background: url("../../../../CitySystem/Source/Images/Confirm-Medium.png");
    background-repeat: no-repeat;
    background-position: left;
}

input.CancleButton {
    width: 100px;
    height: 30px;
    background: url("../../../../CitySystem/Source/Images/No-Medium.png");
    background-color: lightgray;
    background-repeat: no-repeat;
    background-position: left;
    border: 1px solid #a4abb2;
    cursor: pointer;
}

input:hover.CancleButton {
    background: url("../../../../CitySystem/Source/Images/ConfirmNo-Medium.png");
    background-repeat: no-repeat;
    background-position: left;
}

input.UploadButton {
    width: 150px;
    height: 30px;
    background-image: url("../../../../CitySystem/Source/Images/Upload15.png");
    background-repeat: no-repeat;
    background-position: left;
    border: 1px solid #a4abb2;
    cursor: pointer;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    padding-top: 100px;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
    overflow: auto;
    z-index: 9999;
}

.modal-content {
    width: 30%;
    margin: auto;
    padding: 20px;
    background-color: #fefefe;
    border: 1px solid black;
    border-radius: 5px;
}

    .modal-content .innerdiv {
        width: 80%;
        height: auto;
        border: none;
    }

.inlinediv {
    display: inline-block;
}

.Progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    text-align: center;
    background-color: #000;
    background-image: url("../../../../CitySystem/Source/Images/Loading2.gif");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 9999999;
}

.inlineFlexDisplay {
    display: inline-flex;
}

.pointerCursor {
    cursor: pointer;
}

.rightTinyMargin {
    margin-right: 10px;
}

.leftTinyMargin {
    margin-left: 10px;
}

.CityLabel {
    width: 100px;
    height: 22px;
    padding: 1px;
    text-align: center;
    color: #1a1a1a;
    background-color: #5dbed440;
    border: 1px solid;
    border-color: white;
    border-radius: 3px;
}

.DiVAction {
    display: inline-flex;
    height: 35px;
    float: left;
}

.ActionDescription {
    font-weight: bold;
    color: red;
}

.LastSigner {
    font-weight: bold;
    color: red;
}

td.DayCaption {
    width: 50px;
    text-align: right;
}

textarea.DayCaption {
    width: 100px;
    text-align: right;
}

td.lblWaitDay {
    width: 180px;
}

.SystemInvoiceRow {
    background-color: #ffe8e8;
}

.inlinedisplayDiv {
    display: inline-block;
}

.CityLabelLarge {
    height: 22px;
    padding: 1px;
    text-align: center;
    color: #1a1a1a;
    background-color: #5dbed440;
    border: 1px solid;
    border-color: white;
    border-radius: 3px;
}

.LtrDirection {
    direction: ltr;
}

.Transparent {
    position: absolute;
    opacity: 1;
}

.PanelBarPlaceHolder {
    position: relative;
    width: 98%;
}

.DefaultCursor {
    cursor: default;
}

/* Faltening Toolbar & menu Bar [Begin] */

.RadToolBar_Bootstrap_Horizontal .rtbOuter {
    background-color: #f5f5f5 !important;
    background-image: none !important;
    border-radius: 6px !important;
}

.RadToolBar_Bootstrap {
    background-color: transparent !important;
}

/* Faltening Toolbar & menu Bar [End] */

.PadRight2Px {
    padding-right: 2px !important;
}

.HalfWidth {
    width: 50%;
}

.NestedViewTemplate {
    text-align: center;
    background-color: #afc8e7;
    border-radius: 4px;
}

.GreenField {
    color: darkgreen;
    background-color: #f9ffed;
    border: none;
}

.BlueField {
    color: navy;
    background-color: aliceblue;
    border: none;
}

.DarkRedField {
    color: brown;
    background-color: beige;
    border: none;
}

.NoUnderlie {
    text-decoration: none;
}

.SimpleLinkButton {
    color: #11a9cc;
    background-color: #eaeaea;
    border: #ccc thin solid;
}

    .SimpleLinkButton:hover {
        color: #11a9cc;
        background-color: #fcdc3c;
    }

.SimacOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    overflow-y: hidden;
    transition: 0.5s;
    z-index: 1;
}

.RevenuePopUp {
    width: 100%;
    text-align: center;
    color: navy;
    background-color: white;
    border: 0;
}

.toast:has(.RevenuePopUp) {
    width: 700px !important;
}

.OneThirtyWidth {
    width: 33%;
}

.GreenPrinter {
    width: 42px;
    height: 42px;
    background-image: url("../../../../Source/Images/Print-Green.png");
    background-repeat: no-repeat;
    background-position: center;
}

.GreenBack {
    width: 42px;
    height: 42px;
    background-image: url("../../../../Source/Images/Back-Green.png");
    background-repeat: no-repeat;
    background-position: center;
}

    .GreenBack:hover {
        width: 42px;
        height: 42px;
        background-image: url("../../../../Source/Images/Back-Yellow.png");
        background-repeat: no-repeat;
        background-position: center;
    }

.GreenPrinter:hover {
    width: 42px;
    height: 42px;
    background-image: url("../../../../Source/Images/Print-Orange.png");
    background-repeat: no-repeat;
    background-position: center;
}

.SimpleText {
    text-decoration: none;
    color: darkgray;
}

    .SimpleText:hover {
        text-decoration: none;
        color: darkorange;
    }

.NoOpacity {
    opacity: 1 !important;
}

.Underline {
    text-decoration: underline !important;
}

.ArithmeticExpression {
    /* float: left; */
    direction: ltr;
    text-align: left;
    line-height: 20px;
}

.DescriptiveExpression {
    line-height: 20px;
}

.MostHeight {
    height: 70%;
}

.NavyText {
    color: navy;
}

.HelpButton {
    float: left;
    padding: 3px;
}

.LeftSideSection {
    float: left;
}

.LeftSideButton {
    float: left;
    padding: 3px;
}

.GeneralHelpDescription {
    background-color: aliceblue;
}

.HandPointer {
    cursor: pointer;
}

.GreenForward {
    width: 42px;
    height: 42px;
    background-image: url("../../../../Source/Images/Forward-Green.png");
    background-repeat: no-repeat;
    background-position: center;
}

    .GreenForward:hover {
        width: 42px;
        height: 42px;
        background-image: url("../../../../Source/Images/Forward-yellow.png");
        background-repeat: no-repeat;
        background-position: center;
    }

.ForwardDisabled {
    width: 42px;
    height: 42px;
    background-image: url("../../../../Source/Images/Forward-Disabled.png");
    background-repeat: no-repeat;
    background-position: center;
}

.OneForthyWidth {
    width: 25%;
}

.DisabledSimpleText {
    text-decoration: none;
    color: darkgray;
}

.DarkRed {
    color: #cd1f2d;
}

.LightRed {
    color: #f2a6ad;
}

.DarkBlue {
    color: #1d5987;
}

.LightBlue {
    color: blue;
}

.fa-Nodes::before {
    margin-right: 6px;
    text-align: center;
}

.Justify {
    text-align: justify;
}

.DynamicLabel {
    line-height: 20px;
}

.simacTooltip-MultiLine::after {
    width: 600px !important;
}

#toast-container > .NoBackGroundImage {
    background-image: none !important;
}

.displayNone {
    visibility: hidden;
}

.BreakWord {
    word-wrap: break-word;
    word-break: break-all;
}

/* textarea {
	resize: none;
} */

.Box {
    width: 98% !important;
    margin: 0 auto 2px;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #000;
    border-radius: 10px;
}

.Notification {
    color: navy;
    background-color: #fff484;
    border-color: #dcc600;
}

.BlankBorder {
    padding: 1px;
}

.introTitleText {
    color: navy;
}

.VerticalHeight {
    height: 15px;
}

.DimensionIcon {
    background: url("../../../../Source/Images/Dimension.png") no-repeat;
}

.ArcIcon {
    background: url("../../../../Source/Images/Arc.png") no-repeat;
}

.PlaqueIcon {
    background: url("../../../../Source/Images/Plaque.png") no-repeat;
}

/* .PagePanelBarItem {
} */

.PagePanelBarFooter {
    height: 0;
}

.PagePanelBarItemHolder {
    margin-bottom: 5px;
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

/* .PagePanelBarItemTable {
} */

.PagePanelBarHeaderTitle:active {
    background-color: #11a9cc;
}

.PagePanelBarHeaderTitle:hover {
    background-color: #dbdbdb;
}

/* .PagePanelBarItem:hover {
} */

.PagePanelBarTable {
    top: 0;
    left: 0;
    margin: 0;
    border: solid 1px #ddd;
}

.PagePanelBarHeader {
    height: 2px;
    margin-top: 5px;
    margin-bottom: 0;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-bottom: 0;
    border-top-right-radius: 4px !important;
    border-top-left-radius: 4px !important;
}

.PagePanelBarHeaderTitle {
    position: relative;
    top: 0;
    height: 29px;
    vertical-align: baseline;
    margin-right: 0;
    padding-top: 5px;
    border-bottom: solid lightgray 1px;
    cursor: pointer;
}

.PageAccordion {
    overflow: auto !important;
    scrollbar-width: none !important;
}

.PagePanelBarHeaderIcon {
    padding-top: 3px;
    padding-right: 10px !important;
    color: #565656;
}

.simpleFrameTopRoundCorner {
    border: 1px solid #ddd;
    border-top-right-radius: 4px !important;
    border-top-left-radius: 4px !important;
}

.simpleFrameRoundCorner {
    border: 1px solid #ddd;
    border-radius: 4px !important;
}

.slimHorizontalSpace {
    height: 5px;
}

.smallGlyphButton {
    vertical-align: bottom;
}

.floatLeft {
    float: left;
    margin-left: 14px;
}

.marginHorizontal {
    margin-left: 20px;
    margin-right: 20px;
}

.rightNanoMargin {
    margin-right: 5px;
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alert {
    position: relative;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-warning {
    color: #8a6d3b !important;
    background-color: #fcf8e3 !important;
    border-color: #faebcc !important;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-Remove {
    color: #a94442;
    background-color: #f2dede;
    /* border-color: #d6e9c6; */
}

.smallGlyphButton {
    vertical-align: top;
    margin-bottom: 5px;
}

.LinkBtnContentWarning {
    text-decoration: none;
    color: #8a6d3b;
}

.LinkBtnContentInfo {
    text-decoration: none;
    color: #31708f;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    text-align: right;
    color: darkgray;
}

::placeholder {
    /* Firefox 19+ */
    color: darkgray;
}

:input-placeholder {
    /* IE 10+ */
    color: darkgray;
}

:placeholder {
    /* Firefox 18- */
    color: darkgray;
}

.SimpleFloatLeft {
    float: left;
}

.SimpleFloatRight {
    float: right;
}

.DarkGray {
    color: #565656;
}

.PrintFooter {
    margin-right: 10px;
    border: 1px solid #ddd;
    border-radius: 4px !important;
}

/* .AreaTree .RadDropDownTree_Default .rddtIcon {
	background-image: none !important;
} */

.rgRowNumberColumn {
    background: #dfe3e8 !important;
}

.rgCommandColumn {
    background: #dfe3e8 !important;
}

.cbDisabledItem {
    background-color: #ebebeb;
}

.HelpIntroTable {
    width: 70%;
    vertical-align: middle;
    padding: 2px;
    background-color: #eee;
    border: 1px solid lightgray;
    border-collapse: collapse;
}

    .HelpIntroTable td {
        border: 1px solid lightgray;
        border-right-width: 0;
        border-left-width: 0;
    }

.HelpIntroTableHeader {
    text-align: center;
    font-weight: bold;
    background-color: lightgray;
    border-bottom: 1px solid darkgray !important;
}

.HelpIntroHighLightTableRow {
    vertical-align: middle;
    padding: 0;
    background-color: beige;
    border-bottom: 1px solid #ebd083 !important;
}

.ImageTooltip {
    /* display: inline-block; */
    position: relative;
    text-align: left;
    border-bottom: 1px dotted #666;
}

    .ImageTooltip .LocationPane {
        position: absolute;
        top: 50%;
        min-width: 500px;
        max-width: 500px;
        margin-left: 20px;
        padding: 10px 20px;
        visibility: hidden;
        opacity: 0;
        transform: translate(0, -50%);
        font-size: 13px;
        font-weight: normal;
        color: #444;
        background-color: #eee;
        border-radius: 8px;
        box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
        transition: opacity 0.8s;
        z-index: 99999999;
        box-sizing: border-box;
    }

    .ImageTooltip:hover .LocationPane {
        visibility: visible;
        opacity: 1;
    }

    .ImageTooltip .LocationPane i {
        position: absolute;
        top: 50%;
        width: 12px;
        height: 22px;
        margin-top: -12px;
    }

        .ImageTooltip .LocationPane i::after {
            content: "";
            position: absolute;
            top: 50%;
            width: 12px;
            height: 12px;
            background-color: #eee;
        }

.AccordionImage {
    overflow: visible !important;
}

    .AccordionImage div {
        border-radius: 4px;
        overflow: visible !important;
    }

    .AccordionImage .UpaccordionContent {
        overflow: visible !important;
    }

td.CityControl {
    padding: 1px;
}
/*******************  */

.PersianDateInput {
    direction: ltr;
    width: 100px;
    height: 22px;
    text-align: justify;
    font-size: 12px;
    font-family: IRANSans !important;
    color: #00c;
    background: white;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 3px;
    transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
}

    .PersianDateInput:focus {
        direction: ltr;
        height: 22px;
        text-align: justify;
        font-size: 12px;
        color: #00f;
        background: white;
        border: 1px solid #4d90fe;
        outline: 0;
        box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.25);
    }

.PersianDateInputReadOnly {
    direction: ltr;
    height: 22px;
    text-align: justify;
    font-size: 12px;
    font-family: IRANSans !important;
    color: #00c;
    background-color: #f8f8f8;
    background-clip: padding-box;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
}

    .PersianDateInputReadOnly:focus {
        direction: ltr;
        height: 22px;
        text-align: justify;
        font-size: 12px;
        color: #00f;
        background-color: #f8f8f8;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.1rem rgba(138, 138, 138, 0.25);
    }

.ZoningCodeSection {
    width: 100% !important;
    min-width: 20px !important;
    text-align: center !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    cursor: pointer;
}

.ZoningCodeSearchSection {
    min-width: 250px !important;
    max-width: 500px !important;
    height: 22px;
    padding: 1px;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
}

.ZoningCode {
    padding: 1px;
    /* width: 100% !important; */
}

.EditingZoningCode {
    width: 100% !important;
    min-width: 100px;
    padding: 1px;
    background-color: #11a9cc0f !important;
    border: 1px solid #ddd !important;
    border-color: white;
    border-radius: 4px;
}

.ZoningCodeLabel {
    border-color: #efefef !important;
    border-radius: 4px;
}

.Back {
    width: 27px;
    height: 23px;
}

span.Information {
    display: inline-block;
    padding: 2px;
    text-align: justify;
    text-align: center;
    color: #1d5987;
    background-color: #deedf8;
    border: 1px solid #79b7e7;
    border-radius: 3px;
    clear: both;
}

span.Success {
    display: inline-block;
    padding: 2px;
    text-align: justify;
    text-align: center;
    color: #3c763d;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    border-radius: 3px;
    clear: both;
}

span.Error {
    display: inline-block;
    padding: 2px;
    text-align: justify;
    text-align: center;
    color: #cd1f2d;
    background-color: #f8e7e7;
    background-repeat: no-repeat;
    border: 1px solid #cd0a0a;
    border-radius: 3px;
    clear: both;
}

.PacificBlueColor {
    color: #11a9cc;
}

.Dashboard {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    border: 1px solid #11a9cc;
    border-radius: 6px !important;
}

.LightGray {
    color: lightgray;
}

.ImportantMargineRight {
    margin-right: 55px !important;
}

.UserControlContainer {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #11a9cc;
    border: 1px solid #11a9cc;
    border-radius: 6px !important;
}

.UserControlTitle {
    text-shadow: 1px 1px 0 white;
    color: #11a9cc;
    background-color: #f5f5f5;
}

.TinyPadding {
    padding: 2px;
}

.NestedView {
    background: whitesmoke;
}

.InnerNestedView {
    background: #e9e9e9;
}

.NestedRadGrid {
    border-style: none !important;
    border-width: 0 !important;
    border-radius: 0 !important;
}

    .NestedRadGrid .rgPager > td {
        border-radius: 0 !important;
    }

.NestedGridPager {
    padding: 0;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
}

.accordionContainer {
    position: relative !important;
    width: 100%;
    scrollbar-width: none !important;
}

button.accordion {
    width: 100%;
    padding: 5px;
    text-align: left;
    background-color: whitesmoke;
    border: none;
    outline: none;
    transition: background-color 0.2s linear;
    cursor: pointer;
}

    button.accordion::after {
        content: "\10f055";
        float: right;
        opacity: var(--fa-secondary-opacity, 1);
        font-size: 16px;
        font-family: "Font Awesome 5 Duotone";
        color: #11a9cc;
    }

    button.accordion.is-open::after {
        content: "\10f056";
        font-family: "Font Awesome 5 Duotone";
        color: #11a9cc;
    }

    button.accordion:hover,
    button.accordion.is-open {
        background-color: #ddd;
    }

.accordion-content {
    position: relative !important;
    width: 100%;
    max-height: 0;
    padding: 0;
    background-color: white;
    border-right: 1px solid whitesmoke;
    border-left: 1px solid whitesmoke;
    overflow: hidden !important;
    transition: max-height 0.2s ease-in-out;
    scrollbar-width: none !important;
}

.ActiveStatus {
    color: #4caf50 !important;
}

.FileMovedRows {
    background-color: beige;
}

.RadAjaxPanel {
    display: inline !important;
}

.rgHeader {
    text-align: center !important;
}

.rgDataDiv {
    height: auto !important;
    /* max-height: 525px; */
}

.rgEditRow {
    white-space: nowrap !important;
    text-align: center;
}

.RadGrid_Office2010Silver .rgEditRow {
    background: #fff7f1a6 !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ModalPanel {
        width: 100% !important;
    }
}

/* Chrome 29+ */
/* @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
	.ModalPanel:not(#ctl00_ctl00_ctl00_cphMasterPage_cphNestedToolBar_cphSHP0137Master_PopupRegister) {
		width: -webkit-min-content;
		width: -moz-min-content;
		width: min-content !important;
		width: 850px !important;
	}
} */

/* Chrome 22-28 */
/* @media screen and(-webkit-min-device-pixel-ratio:0) {
	.ModalPanel:not(#ctl00_ctl00_ctl00_cphMasterPage_cphNestedToolBar_cphSHP0137Master_PopupRegister) {
		-chrome-: only(;
		width: 850px !important;
		);
	}
} */

/* @media screen and (-webkit-min-device-pixel-ratio:0) {
	.rgHeaderDiv table {
		width: auto !important;
		min-width: 0 !important;
	}
} */

/* only for ImageViewTest.aspx */

#ctl00_cphMasterPage_GRDMadarek_GridData {
    max-height: 525px !important;
}

#ctl00_cphMasterPage_GRDMadarek_ctl00 {
    table-layout: auto !important;
}

td[data-status="1"] {
    background-color: gainsboro;
}

.rgHeaderDiv {
    margin: 0;
}

.ToolbarButton {
    font-size: 2rem;
    font-style: normal;
}

    .ToolbarButton.BackButton {
        color: #00a4ef !important;
    }

    .ToolbarButton.SaveButton {
        color: #7fba00 !important;
    }

.TableCSS {
    width: 100%;
    border: none;
    border-collapse: collapse;
    table-layout: fixed;
}

    .TableCSS td {
        padding: 0;
        table-layout: fixed;
    }

/* .GridEditCommandColumnCss {
	max-width: auto !important;
	max-width: min-content !important;
	max-width: -moz-fit-content !important;
} */

.TelerikCommandColumnWidth {
    min-width: 3%;
    max-width: 7%;
}

div.RadListView {
    border: 0 none;
}

.mainFieldset {
    max-width: 946px;
}

    .commandTable > table,
    .mainFieldset > table {
        width: 100%;
        border-spacing: 0;
    }

    .commandTable td,
    .mainFieldset td {
        padding: 0;
    }

.clearFix {
    clear: both;
}

.image {
    width: 30%;
    padding-left: 0;
    padding-right: 0;
}

.inline {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    border: 0 solid;
}

.Link {
    text-decoration: none;
    color: black;
}

/* .rgEditRow td input[type="text"] {
	width: 100% !important;
} */

.topleft {
    position: absolute;
    top: 0;
    /* left: 16px; */
    font-size: 18px;
}

.image {
    display: block;
    width: 100%;
    height: auto;
    opacity: 1;
    backface-visibility: hidden;
    transition: 0.5s ease;
}

.column {
    /* margin: 15px 15px 0; */
    padding: 0;
}

    .column div span {
        position: absolute;
        bottom: -20px;
        left: 0;
        display: block;
        width: 300px;
        margin: 0;
        padding: 0;
        opacity: 0;
        text-align: center;
        font-size: 18px;
        text-decoration: none;
        color: #444;
        transition: 0.3s ease-in-out;
        z-index: -1;
    }

    .column div {
        position: relative;
        /* float: left;
	width: 300px;
	height: 200px; */
        /* margin: 0 0 0 25px; */
        padding: 0;
    }

figure {
    width: 300px;
    height: 200px;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
}

    figure:hover + span {
        bottom: -36px;
        opacity: 1;
    }

.hover09 figure img {
    filter: sepia(100%);
    transition: 0.3s ease-in-out;
}

.hover09 figure:hover img {
    filter: sepia(0);
}

#wrapper1 .text {
    position: relative;
    bottom: 30px;
    left: 0;
    visibility: hidden;
}

#wrapper1:hover .text {
    visibility: visible;
}

.autocomplete_completionListElement {
    max-height: 150px;
    padding: 0;
    color: windowtext;
    background-color: white;
    border-style: solid;
    border-width: 1px;
    overflow: auto;
    list-style-type: none;
}

.greenColorClass::before {
    color: green;
}

.RedColorClass::before {
    color: red;
}

/******* Login theme ********/

.virtual-keyboard {
    position: relative;
}

    .virtual-keyboard passwordnew {
        width: 100%;
        background-color: #fff;
        border: none;
    }

    .virtual-keyboard img {
        position: absolute;
        top: 10px;
    }

.input-icons i {
    position: absolute;
}

.input-icons {
    width: 100%;
    margin-bottom: 2px;
}

.fa-icon {
    min-width: 10px;
    padding: 10px;
    color: #11a9cc;
}

.fa-user-tie {
    font-size: 15px;
}

.fa-home {
    min-width: 10px;
    padding: 6px 6px 2px 10px;
}

.fa-internalicon {
    padding: 0 !important;
    font-size: 18px;
    color: #11a9cc;
}

.fa-mastericon {
    color: #11a9cc;
}

.input.usernamenew {
    width: 100%;
    padding: 2px;
    text-align: center;
}

.input.passwordnew {
    width: 100%;
    padding: 2px;
    text-align: center;
}

.padleft30px {
    padding-left: 30px !important;
}

.captcha {
    position: relative !important;
    display: flex !important;
}

    .captcha.input-icons i {
        position: relative !important;
        color: #11a9cc;
    }

.captchaImageButton {
    color: green;
    background: none;
    border: none;
    cursor: pointer;
}

.captchaImage {
    display: inline !important;
    width: 80px !important;
    height: 40px !important;
    text-align: center;
    overflow: hidden;
}

.captchaText {
    width: 86.5% !important;
    height: 100% !important;
    margin: 2px 0 0 2px;
    padding: 1em 0.5em 0.5em;
    border: 0 solid transparent;
    border-bottom-color: #11a9cc;
    border-radius: 4px;
    outline: none;
    box-shadow: 0 0 5px rgba(0, 80, 80, 0.4);
    transition: all 0.5s ease;
}

.LogoImage {
    display: inline-grid !important;
}

.row {
    display: inline-flex !important;
}

@media screen and (width >= 0\0) and (resolution >= 72dpi) {
    /* IE9 + CSS */

    .LogoImage {
        margin-top: 100% !important;
        margin-bottom: 100% !important;
    }

    .captchaText {
        text-align: unset !important;
    }

    .fa-user-check {
        margin: 70% 30%;
    }
}

@supports (-ms-ime-align: auto) {
    .LogoImage {
        margin-top: 100% !important;
        margin-bottom: 100% !important;
    }

    .captchaText {
        text-align: unset !important;
    }
}

:-ms-lang(x),
.LogoImage {
    margin-top: 115%;
    margin-bottom: 100%;
}

:-ms-lang(x),
.captchaText {
    text-align: unset !important;
}

.main-content {
    display: flex;
    width: 68% !important;
    margin: 0 auto;
    border-radius: 20px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
}

.panel__info {
    display: inline-grid !important;
    width: 30% !important;
    justify-content: center !important;
    flex-direction: column !important;
    color: #fff2fc !important;
    background-color: #11a9cc !important;
}

.login_form {
    width: 70% !important;
    text-align: center !important;
    background-color: #fff !important;
    border-top: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
}

.title > h2 {
    font-size: 1.5em !important;
    line-height: 2.2 !important;
    color: #11a9cc;
}

form {
    padding: 0 2em;
}

.inputnew {
    width: 62.5% !important;
    height: 100% !important;
    margin: 2px 0 0 2px;
    padding: 1em 0.5em 0.5em;
    border: 0 solid transparent;
    border-bottom-color: #11a9cc;
    border-radius: 4px;
    outline: none;
    box-shadow: 0 0 5px rgba(0, 80, 80, 0.4);
    transition: all 0.5s ease;
}

    .inputnew:focus {
        border-bottom-color: #11a9cc;
        border-radius: 4px;
        box-shadow: 0 0 5px rgba(0, 80, 80, 0.4);
    }

.largebtn {
    width: 95%;
    height: 40px;
    margin-top: 1.5em;
    margin-bottom: 1em;
    font-weight: 600;
    color: #11a9cc;
    background-color: #fff;
    border: 1px solid #11a9cc;
    border-radius: 30px;
    transition: all 0.5s ease;
}

    .largebtn:hover,
    .largebtn:focus {
        color: #fff !important;
        background-color: #11a9cc !important;
        cursor: pointer;
    }

.smallbtn {
    width: 35%;
    height: 40px;
    margin-top: 1.5em;
    margin-bottom: 1em;
    font-weight: 600;
    color: #11a9cc;
    background-color: #fff;
    border: 1px solid #11a9cc;
    border-radius: 30px;
    transition: all 0.5s ease;
}

    .smallbtn:hover,
    .smallbtn:focus {
        color: #fff !important;
        background-color: #11a9cc !important;
    }

.linkbtn {
    color: #044b7f;
}

.h2,
h2 {
    font-size: 2em !important;
}

.ui-widget-content-passwordnew {
    border: 0 solid transparent !important;
    border-bottom: 1px solid #aaa !important;
}

.ui-keyboard {
    direction: ltr !important;
}

.imageButton {
    width: 20px;
    height: 22px;
    margin: 1.5% 1.5px 0 0;
}

.hyperText {
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color: black;
}

.topHeader {
    width: 1000px;
    background-color: #e4edf3;
}

.siteHeader {
    background-repeat: no-repeat;
    background-origin: border-box;
}

.imgHeader {
    width: 1000px;
    border-radius: 10px 10px 0 0;
}

.contentSection {
    width: 1000px;
    padding: 5px;
    background-color: white;
    border-radius: 0 0 10px 10px;
    box-sizing: border-box;
}

.departedToolbar {
    width: 100%;
}

.middleSection {
    display: none;
    width: 1000px;
    background-color: white;
}

.topFooter {
    width: 1000px;
    height: 40px;
    padding-top: 10px;
    background-color: #e4edf3;
}

.footer {
    width: 1000px;
    height: 80px;
    background-color: #e4edf3;
}

.centerText {
    text-align: center;
}

.displayTable {
    display: table;
}

.displayTableCell {
    display: table-cell;
}

.fullSize {
    width: 100%;
}

.topAlign {
    vertical-align: top;
}

.AllSystemIconCss::before {
    color: #11a9cc;
}

displayuserimg {
    position: relative;
}

.displayUserImg::before {
    content: "\f508";
    position: absolute;
    top: 0;
    display: block;
    font-family: FontAwesome, sans-serif;
}

div.show-icon i.fa {
    display: inline-block;
}

div.show-icon img {
    display: none;
}

div.show-icon input[type="image" i] {
    display: none;
}

.middlevertalign {
    vertical-align: middle;
}

.mastercalendaricon {
    padding: 6px 6px 2px 10px;
}

.icontitle {
    font-size: 13px;
}

.fa-green-icon {
    font-size: 1.5em;
    color: #7cb500;
}

.fa-orange-icon {
    font-size: 1.5em;
    color: #eb4e21;
}

.fa-darkblue-icon {
    font-size: 1.5em;
    color: #083d77;
}

.fa-lightblue-icon {
    font-size: 1.5em;
    color: #01a0e8;
}

.fa-darkred-icon {
    font-size: 1.5em;
    color: #800020;
}

.fa-black-icon {
    font-size: 1.5em;
    color: #000;
}

.fa-lightgreen-icon {
    font-size: 1.5em;
    color: #64da67;
}

.fa-violet-icon {
    font-size: 1.5em;
    color: #8e00ff;
}

.fa-yellow-icon {
    font-size: 1.5em;
    color: #f8b401;
}

.fontbold {
    font-weight: 900;
}
/******* Login theme ********/

.GridIconButtonColumn {
    color: green !important;
    background: none !important;
    border: none !important;
}

.rbLinkButton {
    padding: 0 !important;
}

.tdfontIcon {
    text-align: center;
}

.hyperLinkMargin {
    display: inline-block;
    margin: 0 10px;
    color: #0017ee !important;
    transition: 200ms;
}

    .hyperLinkMargin:hover {
        padding-inline: 1px 5px;
        background: #fff;
        border-radius: 3px;
    }

.RadToolBarDropDown_Bootstrap {
    background-image: none !important;
}

/* [data-tooltip] {
	position: absolute !important;
} */

/* .simptip-position-right:after, .simptip-position-left:after {
	margin-bottom: 0;
} */

.GridDisplay {
    display: inline-flex;
}

.MessagesNotifylable {
    text-align: center;
    font-size: -0.25rem;
    font-weight: bolder;
    font-weight: bold;
    color: #b90926;
}
/* all the following codes have been added by Mohammad SHakouri */
/* all the following codes have been added by Mohammad SHakouri */
/* all the following codes have been added by Mohammad SHakouri */
/* all the following codes have been added by Mohammad SHakouri */
/* all the following codes have been added by Mohammad SHakouri */

/* .RadComboBox_Bootstrap .rcbArrowCell a {
	width: 20px !important;
	height: 20px !important;
	background-image: url('WebResource.axd?d=L2H6bDjOLkphHD8Ijr1ccvQWSmaHqix1nprl8BYPlemRCqILo5f2uj8JonwCVz9Kxy9yDr_I1bikpV7fn0bHVzcC2xNAGyvCkCIV1j8N1wgVAZYl1NG5FxnGzM_bX2U8KxHTXJf6vaSDqmW_64FboD8ECObSHbp3hzIA5SaButH7iT0A0&t=636933404940000000');
	background-position: -14px -60px !important;
}

.RadComboBox_Bootstrap .rcbInputCell, .RadComboBox_Bootstrap .rcbArrowCell {
	height: 22px !important;
	border-width: 1px !important;
	border-style: solid !important;
}

.RadComboBox_Bootstrap .rcbInput {
	font-size: 12px !important;
	line-height: 22px !important;
}

.RadComboBoxDropDown_Bootstrap {
	border-color: #dedede;
	color: #333;
	background-color: #fff;
	font-size: 12px !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 1.4 !important;
	border-radius: 3px !important;
	margin-top: 2px;
	box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	overflow: hidden;
}

.RadMenu_Bootstrap {
	color: #dd3131;
	font-size: 12px !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 1.5 !important;
	float: none;
}

.RadMenu_Bootstrap .rmRootGroup.rmHorizontal, .RadMenu_Bootstrap .rmRootGroup.rmVertical, .RadMenu_Bootstrap ul.rmRootScrollGroup {
	float: none;
	background-color: #fff !important;
	border-radius: 0px 0px 10px 10px !important;
	box-shadow: 0 .1rem 0.3rem rgba(0,0,0,.15) !important;
	margin: -13px -3px 5px -3px;
}

.RadMenu_Bootstrap .rmRootLink:hover {
	color: #333;
	background-color: #e2e6e6 !important;
}

.RadMenu_Bootstrap_rtl .rmHorizontal .rmRootLink .rmExpandDown:after, .RadMenu_Bootstrap_rtl .rmHorizontal .rmRootLink .rmExpandTop:after, .RadMenu_Bootstrap_rtl .rmHorizontal .rmRootLink .rmExpandLeft:after, .RadMenu_Bootstrap_rtl .rmHorizontal .rmRootLink .rmExpandRight:after {
	margin: 0 4px 0 -4px;
	display: none !important;
}

.RadGrid_Bootstrap .rgMasterTable, .RadGrid_Bootstrap .rgDetailTable, .RadGrid_Bootstrap .rgGroupPanel table, .RadGrid_Bootstrap .rgCommandRow table, .RadGrid_Bootstrap .rgEditForm table, .RadGrid_Bootstrap .rgPager table {
	font: 12px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif !important;
} */

.RadMenu .rmVertical .rmLink,
.RadMenu .rmHorizontal .rmVertical .rmLink {
    float: none;
    border-radius: 5px !important;
}

/* .RadGrid_Bootstrap .rgMasterTable .rgSelectedCell, .RadGrid_Bootstrap .rgSelectedRow > td, .RadGrid_Bootstrap td.rgEditRow .rgSelectedRow, .RadGrid_Bootstrap .rgSelectedRow td.rgSorted {
	color: #fff;
	background: #56b3c9 !important;
	border-color: #fff;
}

.RadPanelBar_Bootstrap {
	line-height: 1.8 !important;
	font-size: 12px !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.RadToolBar_Bootstrap {
	color: #333;
	background-color: whitesmoke;
	font-size: 12px !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 2 !important;
}

.RadToolBar_Bootstrap .rtbWrap {
	padding: 3px 6px !important;
	border: none !important;
	border-radius: 5px !important;
	color: #333 !important;
	background-color: #fff0;
}


.RadToolBar_Bootstrap .rtbOuter {
	padding: 3px !important;
	border-color: #fff !important;
	background-color: #fff !important;
}

.RadToolBarDropDown_Bootstrap {
	margin: 2px 0;
	padding: 5px 0px;
	border-color: #dedede;
	border-radius: 5px;
	color: #333;
	background-color: #fff;
	font-size: 12px !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 1.42857143;
}

.RadToolBar_Bootstrap_rtl .rtbChoiceArrow {
	margin: -6px -6px -6px -10px !important;
}

.RadMenu_Bootstrap .rmRootLink {
	padding: 5px !important;
	color: #333;
	border-radius: 3px !important;
	padding-left: 15px !important;
	padding-Right: 13px !important;
}

.RadPanelBar_Bootstrap .rpLink, .RadPanelBar_Bootstrap .rpHeaderTemplate {
	color: #333;
	background: #deeef9 !important;
	border-width: 1px;
	border-style: solid;
	border-color: white !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px !important;
	line-height: 1.8 !important;
	border-radius: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-image: url("/Source/Images/DownDirection.svg") !important;
	background-repeat: no-repeat !important;
	background-size: 16px 12px !important;
	background-position: left 0.15rem center !important;
}

.RadPanelBar_Bootstrap .rpLink.rpSelected, .RadPanelBar_Bootstrap .rpHeaderTemplate.rpSelected {
	box-shadow: none !important;
}

.RadPanelBar_Bootstrap .rpLink.rpHovered, .RadPanelBar_Bootstrap .rpHeaderTemplate.rpHovered {
	background-color: #e2f3fb !important;
}

.RadPanelBar_Bootstrap .rpRootGroup {
	border-color: transparent !important;
	background: transparent !important;
}

.RadPanelBar_Bootstrap .rpExpandable .rpExpandHandle, .RadPanelBar_Bootstrap .rpExpandable.rpDisabled:hover .rpExpandHandle {
	display: none !important;
}

.RadPanelBar_Bootstrap .rpRootGroup {
	color: #333;
	border-color: #e4e4e4;
	background: #fff;
	border-radius: 5px;
} */

.RadGrid input[type="image"] {
    border-radius: 3px;
    cursor: pointer;
}

tr#ctl00_ctl00_cphMasterPage_cphNestedToolBar_trOldNosaziCode {
    display: none;
}

.RadToolBar .rtbIcon {
    padding: 0 !important;
    border: 0;
}

/* .RadToolBar_Bootstrap .rtbChoiceArrow {
	padding: 8px 10px !important;
	width: 6px !important;
	height: 20px;
	background-image: url('WebResource.axd?d=L2H6bDjOLkphHD8Ijr1ccvQWSmaHqix1nprl8BYPlemRCqILo5f2uj8JonwCVz9Kxy9yDr_I1bikpV7fn0bHVzcC2xNAGyvCkCIV1j8N1wgVAZYl1NG5FxnGzM_bX2U8KxHTXJf6vaSDqmW_64FboD8ECObSHbp3hzIA5SaButH7iT0A0&t=637913687940000000');
	background-position: -9px -59px;
	border-radius: 5px !important;
}
*/

div#ctl00_ctl00_ctl00_cphMasterPage_cphNestedToolBar_cphNestedPanelBar_PopupMessageView {
    border-radius: 8px;
}

/* .RadTabStripTop_Bootstrap .rtsLevel1 .rtsLI {
	margin-bottom: 1px;
	border: 1px solid white;
	border-radius: 5px;
	width: 185px !important;
}

.RadTabStripBottom_Bootstrap .rtsLevel1 .rtsLI {
	margin-bottom: 1px;
	border: 1px solid white;
	border-radius: 5px;
	width: 200px !important;
}

.RadTabStrip_Bootstrap .rtsLevel1 .rtsSelected {
	background-color: #5dbed4 !important;
	color: white;
	font-weight: 500;
}

.RadTabStrip_Bootstrap .rtsLevel1 .rtsSelected:hover {
	background-color: #42b7d1 !important;
	color: white;
	font-weight: 500;
}

.RadTabStrip_Bootstrap .rtsLevel1 .rtsUL {
	border: 1px solid #5dbed4 !important;
	overflow: hidden !important;
	border-radius: 4px;
}
*/

select {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem 0.375rem 2.25rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: #212529;
    background-color: #fff;
    background-image: url("/Source/Images/DownDirection.svg") !important;
    background-repeat: no-repeat;
    background-position: left 0.25rem center;
    background-size: 12px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.3rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    select:focus {
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }

/* span.RadButton_Bootstrap .rbSplitLeft {
	border-right: none !important;
	border-radius: 5px !important;
	background-image: url('WebResource.axd?d=L2H6bDjOLkphHD8Ijr1ccvQWSmaHqix1nprl8BYPlemRCqILo5f2uj8JonwCVz9Kxy9yDr_I1bikpV7fn0bHVzcC2xNAGyvCkCIV1j8N1wgVAZYl1NG5FxnGzM_bX2U8KxHTXJf6vaSDqmW_64FboD8ECObSHbp3hzIA5SaButH7iT0A0&t=637913651940000000');
	background-position: -10px -60px !important;
}

span.RadButton_Bootstrap .rbSplitLeft:hover, span.RadButton_Bootstrap .rbSplitLeft:focus, span.RadButton_Bootstrap .rbSplitLeft:active {
	background-position: -10px -60px !important;
	border: none !important;
}

span.RadButton_Bootstrap .rbDecorated {
	height: 20px !important;
	line-height: 20px !important;
	padding: 0;
	font-family: 'IRANSans' !important;
	font-size: 12px !important;
	color: #333;
}

span.RadButton_Bootstrap.rbSkinnedButton, span.RadButton_Bootstrap.rbLinkButton, span.RadButton_Bootstrap.rbVerticalButton, span.RadButton_Bootstrap.RadButton.rbDisabled, span.RadButton_Bootstrap.RadButton.rbDisabled:hover, span.RadButton_Bootstrap.RadButton.rbDisabled:active, span.RadButton_Bootstrap.RadButton.rbDisabled:focus {
	border-color: #ccc;
	color: #333;
	background-color: #fff;
	height: 28px !important;
	padding: 6px 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	background-position: 0 0;
	border-radius: 4px;
}

span.RadButton_Bootstrap.rbSkinnedButton:hover, span.RadButton_Bootstrap.rbLinkButton:hover, span.RadButton_Bootstrap.rbVerticalButton:hover, span.RadButton_Bootstrap.rbSkinnedButton:focus, span.RadButton_Bootstrap.rbLinkButton:focus, span.RadButton_Bootstrap.rbVerticalButton:focus {
	border-color: #adadad;
	color: #333;
	background-color: white !important;
	box-shadow: inset 0 0 1px #fff;
} */

.RadInput .riTextBox,
.RadInputMgr {
    vertical-align: middle;
    padding: 2px 2px 1px;
    border: 1px solid #cdc6c6;
    border-radius: 5px;
}

/* .RadComboBox_Bootstrap .rcbArrowCell {
	display: none;
}

.RadComboBox_Bootstrap .rcbInputCell {
	border-color: #ccc;
	color: #333;
	background-color: #fff;
	border-radius: 3px !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
} */

.RadComboBox .rcbInput {
    width: 100%;
    height: auto;
    vertical-align: top;
    margin: 0;
    opacity: 1;
    font: inherit;
    color: inherit;
    background-color: #bf676700;
    background-image: url("/Source/Images/DownDirection.svg") !important;
    background-repeat: no-repeat !important;
    background-size: 12px 12px !important;
    border-width: 0;
    outline: 0;
    cursor: default;
}

.RadComboBox table td.rcbArrowCell {
    display: none;
    padding: 0;
    border-width: 0;
}

.RadComboBox_Default .rcbInputCell,
.RadComboBox_Default .rcbArrowCell {
    background-image: none !important;
}

/* .RadGrid_Bootstrap .rgGroupPanel, .RadGrid_Bootstrap .rgHeader, .RadGrid_Bootstrap .rgCommandRow {
	background: white !important;
} */

.RadDropDownTree .rddtFakeInput {
    display: block;
    width: 100%;
    min-height: 18px !important;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: left 0.1rem center;
    background-size: 10px 10px;
    overflow: hidden;
}

.RadDropDownTree_Default .rddtInner {
    color: #333;
    background-color: white !important;
    background-image: none !important;
    border-color: #7fcbff !important;
    border-radius: 3px;
}

.RadTreeView_Default .rtSelected .rtIn {
    color: #343d46 !important;
    background-color: #ebf7ff !important;
    background-image: none !important;
    border-color: #af9090 !important;
    border-radius: 3px;
}

.RadDropDownTree_Default .rddtFocused {
    border-color: #34c3e7 !important;
}

.RadDropDownTree_Default .rddtHovered {
    border-color: #34c3e7 !important;
}

.RadTreeView_Default .rtHover .rtIn {
    background: #e7f3ff !important;
    border-color: #5dbed440 !important;
    border-radius: 5px;
}

.RadTreeView_Default .rtPlus,
.RadTreeView_Default .rtMinus {
    border-radius: 50%;
}

.RadDropDownTree_Default .rddtIcon {
    background-image: url("/Source/Images/DownDirection.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 2px 5px !important;
    background-size: 12px 12px !important;
}

tr#ctl00_ctl00_cphMasterPage_cphNestedToolBar_ShapeArchive {
    display: none;
}

.RadGrid .rgFilterRow > td {
    padding-block: 2px !important;
}

.RadComboBox table td.rcbInputCell {
    border-radius: 3px;
}

/* m.shakouri changes on office2010silver skin */

.RadMenu_Office2010Silver .rmRootGroup,
.RadMenu_Office2010Silver a.rmLink,
.RadMenu_Office2010Silver .rmText,
.RadMenu_Office2010Silver .rmLeftArrow,
.RadMenu_Office2010Silver .rmRightArrow,
.RadMenu_Office2010Silver .rmTopArrow,
.RadMenu_Office2010Silver .rmBottomArrow {
    background-image: none !important;
}

.RadMenu_Office2010Silver .rmRootGroup {
    background-color: #fff !important;
    border: 1px solid #81befd !important;
    border-radius: 4px !important;
}

.RadComboBoxDropDown_Office2010Silver .rcbHovered {
    color: #3b3b3b;
    background-color: #ebf6ff !important;
}

.RadMenu_Office2010Silver a.rmLink:hover,
.RadMenu_Office2010Silver a.rmFocused,
.RadMenu_Office2010Silver a.rmSelected {
    color: #000;
    /* background-color: #5dbed440 !important; */
    background-color: #f9e9de !important;
    background-position: 0 -72px;
    border-radius: 4px !important;
}

.RadComboBox_Office2010Silver .rcbInputCell,
.RadComboBox_Office2010Silver .rcbArrowCell {
    background-image: none !important;
}

.RadComboBox_Office2010Silver {
    height: 24px !important;
    font-size: 12px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    color: #333;
    border: 1px solid #d5d5d5 !important;
    border-radius: 3px !important;
}

.RadComboBoxDropDown_Office2010Silver {
    font-size: 12px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    color: #333;
    background-color: #fff;
    border-color: #a4c9ef !important;
    border-radius: 4px !important;
}

.RadMenu_Office2010Silver .rmGroup,
.RadMenu_Office2010Silver .rmMultiColumn,
.RadMenu_Office2010Silver .rmGroup .rmVertical {
    background: #fff !important;
    border-radius: 4px !important;
}

.RadMenu .rmRootGroup .rmItem .rmGroup {
    padding-bottom: 1px;
    border-color: #a6eaff !important;
}

.RadPanelBar_Office2010Silver div.rpHeaderTemplate,
.RadPanelBar_Office2010Silver a.rpLink {
    margin-top: 2px;
    margin-bottom: 1px;
    padding-top: 2px;
    padding-bottom: 3px;
    background-color: #deeef9 !important;
    background-image: none !important;
    border: none;
    border-radius: 5px !important;
}

    .RadPanelBar_Office2010Silver div.rpHeaderTemplate,
    .RadPanelBar_Office2010Silver a.rpLink.rpHovered {
        margin-top: 2px;
        margin-bottom: 1px;
        padding-top: 2px;
        padding-bottom: 2px;
        background-color: #e2f3fb !important;
        background-image: none !important;
        border: none;
        border-radius: 5px !important;
    }

.RadPanelBar_Office2010Silver .rpOut {
    border: none !important;
}

.RadPanelBar_Office2010Silver .rpRootGroup {
    border-color: #fff !important;
}

.RadPanelBar_Office2010Silver .rpExpandable span.rpExpandHandle,
.RadPanelBar_Office2010Silver .rpExpanded span.rpExpandHandle {
    background-color: transparent;
    background-image: url("/Source/Images/DownDirection.svg") !important;
    background-repeat: no-repeat;
    background-position: 0 3px !important;
    background-size: 12px !important;
}

.RadToolBar_Office2010Silver .rtbOuter {
    background-color: #fff !important;
    background-image: none !important;
    border-color: #fff !important;
}

.RadToolBarDropDown_Office2010Silver .rtbItemHovered .rtbWrap,
.RadToolBarDropDown_Office2010Silver .rtbItemFocused .rtbWrap {
    color: cornflowerblue;
    background-color: #d0ebfa !important;
    background-image: none !important;
    border-color: #56bdf9 !important;
}

.RadTabStrip_Office2010Silver .rtsLevel1 .rtsOut {
    background-image: none !important;
}

.RadTabStrip_Office2010Silver .rtsLevel1 {
    background-image: none !important;
}

    .RadTabStrip_Office2010Silver .rtsLevel1 .rtsLink {
        background-image: none !important;
    }

.RadTabStripTop_Office2010Silver .rtsLevel1 .rtsSelected {
    color: white !important;
    background: #5dbed4 !important;
    border-radius: 5px !important;
}

.RadTabStripTop_Office2010Silver .rtsLevel1 .rtsLink:not(.rtsSelected):hover {
    color: black;
    background: #d6eff466 !important;
    border-radius: 5px;
}

/* .RadTabStrip .rtsCenter .rtsUL {
	display: inline-block;
	*display: inline;
	float: none;
	vertical-align: bottom;
	border-bottom: 1.5px solid #5dbed4 !important;
} */

.RadTabStrip .rtsCenter .rtsUL {
    border-bottom: 1.5px solid #30a0bb !important;
    border-radius: 5px !important;
}

.RadTabStripBottom_Office2010Silver .rtsLevel1 .rtsSelected .rtsOut {
    color: white !important;
    background: #5dbed4 !important;
    border-radius: 5px;
}

.RadTabStripBottom_Office2010Silver .rtsLevel1 .rtsLink:not(.rtsSelected):hover {
    color: black;
    background: #e9edf1 !important;
    border-radius: 5px;
}

.RadToolBar .rtbWrap,
.RadToolBar .rtbOut,
.RadToolBar .rtbMid,
.RadToolBar .rtbIn {
    background-image: none !important;
    border-radius: 4px;
}

.RadToolBar_Horizontal .rtbItem:hover {
    margin: 0 0 0 2px;
    background: #e4f1ff;
    border-radius: 5px;
}

.RadToolBar_Horizontal .rtbItemFocused .rtbItemClicked {
    margin: 0 0 0 2px;
    background: red !important;
    border-radius: 5px;
}

.RadGrid_Office2010Silver .rgSelectedRow > td {
    background-color: #fff9e8 !important;
    background-image: none !important;
    background-repeat: repeat-x;
    background-position: 0 100%;
}

.RadGrid_Office2010Silver .rgSelectedRow > td {
    border-bottom-color: #11a9cc !important;
}

.RadGrid_Office2010Silver .rgRow > td,
.RadGrid_Office2010Silver .rgAltRow > td {
    border-color: #48d2f5 !important;
}

.RadToolBarDropDown_Office2010Silver {
    font-size: 12px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    color: #333;
    background-color: #fff;
    background-image: none !important;
    border-color: #84b2df !important;
    border-radius: 4px;
}

.RadGrid_Office2010Silver .rgPager {
    background: #fff !important;
}

.RadGrid_Office2010Silver .rgHeader,
.RadGrid_Office2010Silver th.rgResizeCol,
.RadGrid_Office2010Silver .rgHeaderWrapper {
    background: #fff !important;
    border: solid #11a9cc !important;
    border-width: 0 0 1px 1px !important;
}

.RadGrid_Office2010Silver .rgCommandRow {
    background: #fff !important;
}

input[type="checkbox" i] {
    width: 1.2em;
    height: 1.2em;
}

.RadMenu_Office2010Silver .rmRootGroup,
.RadMenu_Office2010Silver a.rmLink,
.RadMenu_Office2010Silver .rmText,
.RadMenu_Office2010Silver .rmLeftArrow,
.RadMenu_Office2010Silver .rmRightArrow,
.RadMenu_Office2010Silver .rmTopArrow,
.RadMenu_Office2010Silver .rmBottomArrow {
    background-image: none !important;
}

.RadGrid_Office2010Silver {
    font: 12px / 16px "segoe ui", arial, sans-serif;
    color: #333;
    background-color: #fff;
    border-color: #11a9cc !important;
}

.RadGrid .rgMasterTable,
.RadGrid .rgDetailTable,
.RadGrid .rgEditForm table {
    border-collapse: separate;
    border-color: white !important;
    border-spacing: 0;
    border-width: 0;
}

.RadGrid_Office2010Silver .rgHeaderDiv {
    background: none !important;
}

.RadAjax_Default .raDiv {
    background-image: url("/Source/Images/Preloader.gif") !important;
}

.rgNoRecords td div {
    text-align: start !important;
}

.rddtPopup_Default .rddtFilterInput {
    color: #333;
    background-color: #fff;
    border-color: #38b3ae;
    border-radius: 4px;
}

.rddtPopup_Default .rddtFilter {
    background-color: #fff !important;
}

.rddtPopup .rddtFilter {
    padding: 1px !important;
}

.RadComboBoxDropDown_Default .rcbHovered {
    color: #000;
    background-color: #d6eff4 !important;
}

.RadGrid_Office2010Silver .rgRow a,
.RadGrid_Office2010Silver .rgAltRow a,
.RadGrid_Office2010Silver .rgEditRow a,
.RadGrid_Office2010Silver .rgFooter a,
.RadGrid_Office2010Silver .rgEditForm a {
    color: #2b7098 !important;
}

.FilePageTitle {
    vertical-align: middle;
    text-align: center;
    text-shadow: 1px 1px 0 white;
    color: #11a9cc;
    background-color: #cc34110a;
    border: 1px solid #11a9cc;
    border-radius: 8px !important;
}

.FilePageTitleLable {
    font-size: 18px !important;
}

.RadComboBoxDropDown_Default {
    font-size: 12px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    color: #333;
    background-color: #fff;
    border-color: #7f93e1 !important;
    border-radius: 3px !important;
}

.RadGrid_Office2010Silver td.rgGroupCol,
.RadGrid_Office2010Silver td.rgExpandCol {
    background: #fff !important;
}

.RadGrid_Office2010Silver .rgFooterDiv,
.RadGrid_Office2010Silver .rgFooter,
.RadGrid_Office2010Silver .rgFooterWrapper {
    /* background: #e8ecf1 0 -6500px repeat-x url(WebResource.axd?d=QXgzIG5xgI0X4juYpdAiy1btj5BHv_qNJU8lN8guQSr4KGYrQoiz83500355a8XZJkV6XTnfb4bSIWTBW4ULLTk019Ea_Mrph3LSLFIVY9NY4KQ-38rx85gBUQt-A3PDCQLuwQahgaCGXpsZv11imsqO0zg1&t=637913651940000000); */
    background: #88c1c41a !important;
}

.RadGrid_Office2010Silver .rgFilterRow {
    background: #eef6ff !important;
}

.RadGrid_Office2010Silver .rgFilter {
    background-image: url("/Source/Images/GridFilter.png") !important;
}

.RadGrid_Office2010Silver .rgFilter {
    background-position: 0 0 !important;
}

.RadGrid .rgFilter {
    width: 20px !important;
    height: 18px !important;
    margin: 0 0 0 2px;
}

.RadButton_Office2010Silver.rbSkinnedButton,
.RadButton_Office2010Silver.rbVerticalButton,
.RadButton_Office2010Silver .rbDecorated,
.RadButton_Office2010Silver .rbSplitRight,
.RadButton_Office2010Silver .rbSplitLeft {
    font-size: 1.1em;
    font-family: IRANSans, sans-serif;
    background-color: #b6e8eb;
    background-image: url("/Source/Images/DownDirection.svg") !important;
    background-repeat: no-repeat;
    background-position: 6px 6px;
    background-size: 12px 12px;
    border-radius: 4px;
}

    .RadButton_Office2010Silver.rbSkinnedButton:hover,
    .RadButton_Office2010Silver.rbVerticalButton:hover,
    .RadButton_Office2010Silver .rbDecorated:hover,
    .RadButton_Office2010Silver .rbSplitRight:hover,
    .RadButton_Office2010Silver .rbSplitLeft:hover {
        background-position: 6px 6px;
    }

.RadComboBox_Office2010Silver {
    background-color: white;
}

.Authenticity {
    background-color: gold;
}

.ShamanImage {
    width: 100%;
    height: 100%;
}

.MiddleAlign {
    vertical-align: middle;
}

.InputTxtInGrid {
    width: 100%;
}

.GRDTxtBoxBorder {
    border-left-width: 1px !important;
}

.divCulture {
    display: flex !important;
    width: 71.3% !important;
    height: 35px !important;
    border-radius: 5px !important;
    outline: none;
    box-shadow: 0 0 5px rgba(0, 80, 80, 0.4);
    transition: all 0.5s ease;
}

.InputCulture {
    width: 90% !important;
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.dropDownCulture {
    height: 90px !important;
}

.divCultureMaster {
    display: flex !important;
    width: 40px !important;
    height: 20px !important;
    text-align: center !important;
    background-color: #e4edf3 !important;
    border: 1px solid aliceblue;
    border-radius: 5px !important;
    outline: none;
    transition: all 0.5s ease;
}

.dropDownCultureMaster {
    top: 0;
    display: block;
    width: 40px;
    height: 95px !important;
    visibility: visible;
    text-align: center !important;
    background-color: #e4edf3 !important;
    border: 1px solid aliceblue;
    border-radius: 5px !important;
    transition: none 0s ease 0s;
}

.RadComboBoxDropDown_Office2010Silver .rcbHovered {
    color: white !important;
    background-color: #11a9cc !important;
}

.noWrap {
    padding: 5px;
    white-space: nowrap;
}

.RadMenu_Office2010Silver .rmVertical .rmExpandRight,
.RadMenu_Office2010Silver_Context .rmGroup .rmExpandRight,
.RadMenu_Office2010Silver .rmGroup .rmExpandDown {
    background-image: url("/Source/Images/RightDirection.svg") !important;
    background-position: 10px 6px !important;
    background-size: 10px !important;
}

.RadMenu_Office2010Silver_Context_rtl .rmVertical .rmExpandLeft,
.RadMenu_Office2010Silver_rtl .rmRootGroup .rmExpandLeft,
.RadMenu_Office2010Silver_rtl .rmGroup .rmExpandDown {
    background-image: url("/Source/Images/LeftDirection.svg") !important;
    background-position: 20px 6px !important;
    background-size: 10px !important;
}

.ml-1 {
    margin-left: 1rem;
}

.pre-Wrape {
    white-space: pre-wrap !important;
}

input[type="button"] {
    background-color: #e4ffff;
    border-color: #8adafb;
    border-radius: 5px;
}

.DisplayInline {
    display: contents !important;
}

.CircleRed {
    display: inline-table !important;
    width: 40px !important;
    height: 40px !important;
    padding: 3px !important;
    font-size: 12px !important;
    font-weight: bolder !important;
    color: white !important;
    background-color: red !important;
    border-radius: 50% !important;
}

[data-columntype="GridTextBoxColumn"] > * {
    max-width: 100%;
}

.BtnHooda {
    padding: 0 !important;
    font-size: 12px;
    color: #0017ee !important;
    background-color: transparent !important;
    border: none !important;
    cursor: pointer !important;
}

.home_container {
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: row;
    padding: 20px;
}

.RadPanelBar {
    width: auto !important;
}

.UnSuccessColor {
    /* text-shadow: 2px 2px #f51015 !important; */
    color: firebrick;
}

/* change button */
/*
.RadButton_Office2010Silver.rbButton, .RadButton_Office2010Silver.rbButton.rbDisabled, .RadButton_Office2010Silver .rbSplitPart {
	border-color: #5974a2 !important;
	border-width: 2px !important;
	color: #534778 !important;
	background-color: #f1f6ff !important;
	background-image: none !important;
	border-radius: 10px !important;
}

.RadButton_Office2010Silver.rbButton:hover, .RadButton_Office2010Silver.rbButton.rbHovered .rbSplitPart {
	border-color: #5974a2 !important;
	border-width: 2px !important;
	color: #000 !important;
	background-color: #e1e9f8 !important;
	background-image: none !important;
	border-radius: 10px !important;
} */

#nestedToolsContent {
    width: 100%;
    height: fit-content;
    display: grid;
    grid-template-columns: 30% 70%;
}

.divContainerContent {
    display: flex;
    height: 440px !important;
    gap: 20px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 5px;
    background-color: #fff;
    border: 3px solid transparent;
    border-radius: 15px;
    box-sizing: border-box;
}

#hodaAuthResultBox {
    width: 95%;
    text-align: center;
    box-shadow: 1px 1px 5px 1px #e4edf3;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
}

.RadButton_Office2010Silver.rbLinkButton,
.RadButton_Office2010Silver.rbLinkButton.rbDisabled,
.RadButton_Office2010Silver.rbLinkButton.rbDisabled:hover,
.RadButton_Office2010Silver.rbLinkButton.rbDisabled:active,
.RadButton_Office2010Silver.rbLinkButton.rbDisabled:focus {
    color: #333;
    background-color: transparent !important;
    background-image: linear-gradient(transparent, transparent) !important;
    background-position: 0 0;
    border-color: transparent !important;
}

    .RadButton_Office2010Silver.rbLinkButton:hover {
        margin: auto;
        color: #000 !important;
        background-color: #fcf5d9 !important;
        background-image: linear-gradient(#fceaab, #fae185, #fcf5d9) !important;
        border-color: #fcf5d9 !important;
        border-radius: 5px;
    }

.CampModalBtn {
    width: 60px;
    margin-top: 10px;
    background-color: #e4ffff;
    border-color: #8adafb;
    border-radius: 5px;
}

.loaderBig {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(249, 249, 249, 0.5);
    background-image: url("../../../../Source/Images/preloader.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 7%;
    z-index: 99999;
}

#FileVitrineBox {
    display: grid;
    grid-template: "a1 a2" auto
        "a3 a2" auto
        "a4 a2" auto
        / auto auto;
    gap: 10px;
}

    #FileVitrineBox > fieldset:nth-child(3) {
        grid-area: a2;
    }

.RadToolBar_rtl {
    float: unset !important;
}

/* Added by Shahab */
#toast-container {
    bottom: 10px;
    inset-inline-end: 10px;
}

.rgPager a {
    padding: 4px;
    line-height: 0;
    text-decoration: none;
    color: #1b254b;
    border-radius: 50px;
    background: #d6eff4;
    min-width: 15px;
    height: 15px;
    display: inline-flex;
    place-content: center;
    place-items: center;
    margin-block: 3px;
    font-size: 12px;
    transition: 200ms;
}

    .rgPager a:hover {
        background: #bae1e9;
    }


@media only screen and (max-width: 500px) {
    body {
        font-size: 14px !important;
    }

    .topHeader {
        width: auto;
        display: grid;
        flex-direction: column;
        place-content: start;
        place-items: start;
        grid-template: "a b c" auto
            "d d d" auto
            "e f g" auto
            / auto auto auto;
        text-align: start !important;
        column-gap: 30px;
    }

        .topHeader .displayTableCell {
            margin-block-end: 5px;
        }

            .topHeader .displayTableCell:nth-child(4) {
                grid-area: d;
            }

            .topHeader .displayTableCell:nth-child(5) {
                display: none;
            }

            .topHeader .displayTableCell:nth-child(6) {
                grid-area: f;
            }

            .topHeader .displayTableCell:nth-child(7) {
                grid-area: g;
            }

    .imgHeader {
        width: 100%;
    }

    .contentSection {
        width: auto;
    }

    .middleSection {
        width: auto;
    }

    .topFooter {
        width: auto;
    }

    .footer {
        width: auto;
    }

    #nestedToolsContent {
        grid-template-columns: unset;
        grid-template-rows: auto;
    }

    .hyperLinkMargin {
        font-size: 14px;
        margin-block: 6px;
    }

    .main-content {
        display: flex;
        width: 100% !important;
        flex-direction: column;
    }

    .panel__info {
        width: 100% !important;
        border-radius: 0 !important;
    }

    .login_form {
        width: auto !important;
    }

    .inputnew {
        width: 80% !important;
        width: -webkit-fill-available !important;
    }

    .divCulture {
        width: 100% !important;
    }

    .tooltipnew.tooltipnew:after {
        width: auto !important;
    }

    .SelectSystemGlobeImageTd {
        display: none;
    }

    .margin30px {
        margin-inline: 30px;
    }

    .tooltipnew.tooltipnew.tooltipnew:before {
        content: unset !important;
    }

    .tooltipnew.tooltipnew.tooltipnew:after {
        content: unset !important;
    }

    .captchaText {
        width: auto !important;
    }

    .virtual-keyboard img {
        left: unset !important;
    }

    #hodaAuthResultBox {
        grid-template-columns: repeat(2, 1fr);
    }

    #FileVitrineBox {
        display: flex;
        flex-direction: column;
    }
}

/*  NEW Design  */

#mainDiv {
    max-width: 500px;
    margin: 40px auto;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    padding: 30px 40px;
    box-sizing: border-box;
}

.labelInputGroupBox {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 20px 0;
}

.LabelControl {
    background-color: #5dbed440;
    font-weight: 600;
    font-size: 14px;
    color: #333;
    text-align: right;
    padding: 8px 12px;
    border-radius: 5px;
}

.TextBoxControl input[type="text"],
.TextBoxControl input[type="text"]:focus {
    padding: 8px 12px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 5px;
    transition: 0.3s ease;
}

    .TextBoxControl input[type="text"]:focus {
        border-color: #4a90e2;
        box-shadow: 0 0 6px rgba(74, 144, 226, 0.4);
        outline: none;
    }

.SimpleLabel {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #2c3e50;
    padding: 6px 12px;
    transition: background-color 0.3s ease, color 0.3s ease;
    cursor: default;
}

.PaperousButtons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 10px;
    flex-wrap: wrap;
}

    .PaperousButtons > div {
        transition: transform 0.3s ease;
    }

        .PaperousButtons > div:hover {
            transform: scale(1.1);
        }

.igc-ButtonIcon {
    cursor: pointer;
    border: none;
    background: none;
}

    .igc-ButtonIcon i {
        transition: color 0.3s ease;
    }

.labelComboBox {
    display: inline-flex;
    gap: 6px;
    margin: 20px 0;
    max-width: 320px;
}

    .labelComboBox .LabelControl {
        font-weight: 600;
        font-size: 14px;
        color: #2c3e50;
    }

    .labelComboBox .ComboBoxControl {
        position: relative;
    }

    .labelComboBox .cboStyled,
    .labelComboBox select,
    .labelComboBox .igc-ComboBox {
        font-size: 14px;
        color: #333;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 5px;
        box-sizing: border-box;
        appearance: none;
        transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

        .labelComboBox .cboStyled:focus {
            border-color: #4a90e2;
            box-shadow: 0 0 6px rgba(74, 144, 226, 0.3);
            outline: none;
        }


.RadioBtnBox {
    display: inline-flex;
}

.SearchBtn {
    margin: 0px 20px 0px 20px;
}

.link-button {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #007BFF; /* Bootstrap's default link color */
    text-decoration: none;
    cursor: pointer;
    font: inherit; /* keeps the font consistent with surrounding text */
}

    .link-button:hover {
        color: #0056b3;
        text-decoration: none;
    }
.RadTabPlaneHover{
    cursor:default !important;
}