@font-face { font-family: IRANSans; font-style: normal; font-weight: bold; src: url('../../fonts/eot/IRANSansWeb(FaNum)_Bold.eot?'); src: url('../../fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), url('../../fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), url('../../fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'), url('../../fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype'); }
@font-face { font-family: IRANSans; font-style: normal; font-weight: 500; src: url('../../fonts/eot/IRANSansWeb(FaNum)_Medium.eot?'); src: url('../../fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'), url('../../fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),url('../../fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'), url('../../fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype'); }
@font-face { font-family: IRANSans; font-style: normal; font-weight: 300; src: url('../../fonts/eot/IRANSansWeb(FaNum)_Light.eot?'); src: url('../../fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), url('../../fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), url('../../fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'), url('../../fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype'); }
@font-face { font-family: IRANSans; font-style: normal; font-weight: 200; src: url('../../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?'); src: url('../../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'), url('../../fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'), url('../../fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'), url('../../fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype'); }
@font-face { font-family: IRANSans; font-style: normal; font-weight: normal; src: url('../../fonts/eot/IRANSansWeb(FaNum).eot?'); src: url('../../fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), url('../../fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),url('../../fonts/woff/IRANSansWeb(FaNum).woff') format('woff'), url('../../fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype'); }
a { text-decoration: none; }
.header-RegisterTitle { width: 68px; color: #ffffff; font-size: 15px; text-shadow: 2px 0px 1px #000000; }
.header-RegisterNo { color: #ffffff; text-shadow: 2px 0px 1px #000000; }
.header-RegisterNo sub { color: #acd1ff; width: 100%; }
.CustomInputSpan { display: block; line-height: 20px; text-align: right; height: 30px; margin-top: 6px; }
.checkbox, .radio { width: 19px; height: 25px; padding: 0 5px 0 0; background: url('../../images/checkbox.gif') no-repeat; display: block; clear: left; float: right; }
.radio { background: url(radio.gif) no-repeat; }
.select { position: absolute; width: 158px; height: 21px; padding: 0 24px 0 8px; color: #fff; font: 12px/21px IRANSans,tahome,arial,sans-serif; background: url(select.gif) no-repeat; overflow: hidden; }
.negative { color: red; }
.top-cards { position: sticky; top: 52px; z-index: 8; box-shadow: 0 10px 20px 10px rgba(241, 241, 241, 0.9), 0 0 0px 37px #f1f1f1 inset; }
.top-cards > div { background-color: #fff; border-radius: 5px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); }
.menu-row { background-color: #e2f3f9; border-bottom: solid 1px #17a2b8; box-shadow: 0 0 7px #a2a2a2; position: fixed; width: 100%; z-index: 10; top: 0; margin: 0; right: 0 }
.logo-row { box-shadow: 0 0px 14px 0px #737373; border-bottom: solid 1px #fff; background: url('../../Images/mainBg-default.jpg') no-repeat center center; background-size: cover }
.header { box-shadow: 0 0 15px; border-bottom: solid 1px #fff; background: #373e4a; background: -webkit-gradient(linear, left top, left bottom, from(rgb(28, 78, 86)), to(rgba(29, 89, 113, 0.9))); background: -moz-linear-gradient(top, rgb(28, 78, 86), rgba(29, 89, 113, 0.9)); }
.header .fund-title-box { align-items: stretch; flex-direction: column; justify-content: center; display: flex; background: #373e4a; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(14, 59, 76, 0.9))); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(14, 59, 76, 0.9)); }
.fund-title-box .title { font-size: 21px; color: bisque; font-weight: bold; }
.page-title { background-color: #fff; border-bottom: solid 1px #fff; color: #275b69; }
h6.page-title { font-size: 14px; }
h6.page-title:before { content: "»"; margin: 0 5px; color: #000; font-size: 18px; font-weight: bold; }
body { text-align: right; margin: 0px; padding: 0px; font-family: IRANSans,tahome,Geneva,sans-serif; font-size: .75rem; background-repeat: repeat; }
body > .container-fluid { background-color: #f1f1f1 }
.rtl { direction: rtl; }
.ltr { direction: ltr; }
input { font-family: IRANSans,tahome,Geneva,sans-serif; font-size: 12px; }
.logo { border-radius: 10px; }
#content #divCharts { margin-right: 0px; direction: ltr; }
#content #divCharts > div > div { margin: auto; text-align: center !important }
#content #highChartContainerA, #content #highChartContainerA > div { background-color: #fff; height: 400px; width: 100% !important; display: block; }
#content #highChartContainerB, #content #highChartContainerB > div { background-color: #fff; height: 400px; width: 100% !important; display: block; }
#content #highChartContainerC, #content #highChartContainerC > div { background-color: #fff; height: 400px; width: 100% !important; display: block; }
#content #highChartContainerD, #content #highChartContainerD > div { background-color: #fff; height: 400px; width: 100% !important; display: block; }
#content #highChartContainerE, #content #highChartContainerE > div { background-color: #fff; height: 400px; width: 100% !important; display: block; }
#content #highChartContainerF, #content #highChartContainerE > div { background-color: #fff; height: 400px; width: 100% !important; display: block; }
.chart-box { border: solid 1px #8bbeef; border-radius: 4px; overflow: hidden; }
#rightMenu { border-left: solid 1px #8bbeef; background-color: #e2f3f9; padding: 0px; margin: 0px; min-width: 165px; }
#rightMenu .items { list-style: none; padding: 0px; padding-bottom: 40px; margin: 0px; }
#rightMenu a { display: block; height: 40px; background-repeat: no-repeat; border-bottom: solid 1px #8bbeef; }
#rightMenu a:hover { background-color: #c7e4ef; }
#rightMenu a.selected { background-color: #086682; }
#rightMenu .title_item { display: block; height: 20px; top: 12px; float: right; margin: 0 5px 0 0; position: relative; background-image: url('../../images/nav_sprite_10.png'); background-repeat: no-repeat; }
#rightMenu .menu_item { display: list-item; list-style: square; color: #086682; list-style-position: outside; height: 20px; top: 12px; float: right; font-size: 16px; line-height: 14px; margin: 0 5px 0 0; position: relative; margin-right: 25px; background-image: url('../../images/nav_sprite_10.png'); background-repeat: no-repeat; }
#rightMenu #chartsNav .subTable { width: 165px; height: 40px; background-color: #dedede; }
#rightMenu #multiChart { border-bottom: solid 1px #086682; }
#rightMenu #chartsNav .subTable th { background-image: url('../../images/all_sprite_10.png'); background-repeat: no-repeat; height: 15px; }
#rightMenu #chartsNav .subTable th#title3 { background-position: 0px -80px; border-left: solid 1px #b8b8b8; }
#rightMenu #chartsNav .subTable th#title2 { background-position: 0px -95px; }
#rightMenu #chartsNav .subTable th#title1 { background-position: 0px -110px; border-left: solid 1px #b8b8b8; }
    #rightMenu #chartsNav .subTable th#title6 {
        width: 64px;
        font-size: 9px;
        background: #dedede;
        color: #878787;
        border-left: solid 1px #b8b8b8;
    }

    #rightMenu #chartsNav .subTable th#title5 {
        background-position: 0px -95px;
    }

    #rightMenu #chartsNav .subTable th#title4 {
        background-position: 0px -110px;
        border-left: solid 1px #b8b8b8;
    }
    #rightMenu #chartsNav .subTable th#BaseTitle{
        background-repeat: unset;
        background: #dedede;
        border-bottom: 1px solid #bdbdbd;
        text-align: center;
    }
    #rightMenu #chartsNav .subTable th#SuperTitle {
        background-repeat: unset;
        background: #dedede;
        border-top: 1px solid #bdbdbd;
        border-bottom: 1px solid #bdbdbd;
        text-align: center;
    }
#rightMenu #chartsNav .subTable td { text-align: center; background-image: url('../../images/all_sprite_10.png'); background-repeat: no-repeat; background-position: -100px -80px; height: 25px; cursor: pointer; }
#rightMenu #chartsNav .subTable td#chart3 { border-left: solid 1px #b8b8b8; }
#rightMenu #chartsNav .subTable td#chart3.selected { background-position: -150px -105px; }
#rightMenu #chartsNav .subTable td#chart3:hover { background-position: -150px -105px; }
#rightMenu #chartsNav .subTable td#chart5 { border-left: solid 1px #b8b8b8; }
#rightMenu #chartsNav .subTable td#chart5.selected { background-position: -150px -105px; }
#rightMenu #chartsNav .subTable td#chart5:hover { background-position: -150px -105px; }
#rightMenu #chartsNav .subTable td#chart2 { border-left: solid 1px transparent; }
#rightMenu #chartsNav .subTable td#chart2.selected { background-position: -100px -105px; }
#rightMenu #chartsNav .subTable td#chart2:hover { background-position: -100px -105px; }
#rightMenu #chartsNav .subTable td#chart6 { border-left: solid 1px transparent; }
#rightMenu #chartsNav .subTable td#chart6.selected { background-position: -100px -105px; }
#rightMenu #chartsNav .subTable td#chart6:hover { background-position: -100px -105px; }
#rightMenu #chartsNav .subTable td#chart1.selected { background-position: -150px -80px; }
#rightMenu #chartsNav .subTable td#chart1:hover { background-position: -150px -80px; }
#rightMenu #chartsNav .subTable td#chart4.selected { background-position: -150px -80px; }
#rightMenu #chartsNav .subTable td#chart4:hover { background-position: -150px -80px; }
#rightMenu #chartsNav .subTable td#chart2 { border-left: solid 1px #b8b8b8; }
#rightMenu #chartsNav .subTable td#chart6 { border-left: solid 1px #b8b8b8; }
#rightMenu #chartsNav .subTable td#chart1 { border-left: solid 1px transparent; }
#rightMenu #chartsNav .subTable td#chart4 { border-left: solid 1px transparent; }
#rightMenu .menu-item-1 { background-position: 0px -120px; width: 121px; }
#rightMenu .menu-item-1.selected { background-position: -161px -120px; }
#rightMenu .menu-item-2 { background-position: 8px -140px; width: 134px; }
#rightMenu .menu-item-2.selected { background-position: -152px -140px; }
#rightMenu .menu-item-3 { background-position: 4px -160px; width: 134px; }
#rightMenu .menu-item-3.selected { background-position: -156px -160px; }
#rightMenu .menu-item-4 { background-position: 0px -180px; width: 106px; }
#rightMenu .menu-item-4.selected { background-position: -161px -180px; }
#rightMenu .menu-item-5 { background-position: 12px -200px; width: 136px; }
#rightMenu .menu-item-5.selected { background-position: -148px -200px; }
#chartsNav li a.selected span {
    color: #FFFFFF !important;
}

#exportIcons { border-right: solid 1px #8bbeef; background-color: #e2f3f9; padding: 10px 0; }
#exportIcons .icons { list-style: none; margin-top: 10px; padding: 0px; margin: 0px; }
#exportIcons .icon { height: 60px; width: 60px; display: block; margin: 5px 5px; background-image: url('../../images/all_sprite_10.png'); background-repeat: no-repeat; }
#exportIcons .excel { background-position: 0px -280px; }
#exportIcons .excel:hover { background-position: 0px -340px; }
#exportIcons .image { background-position: -60px -280px; }
#exportIcons .image:hover { background-position: -60px -340px; }
#exportIcons .text { background-position: -120px -280px; }
#exportIcons .text:hover { background-position: -120px -340px; }
#exportIcons .pdf { background-position: -180px -280px; }
#exportIcons .pdf:hover { background-position: -180px -340px; }
#exportIcons .table { background-position: -240px -280px; }
#exportIcons .table:hover { background-position: -240px -340px; }
#exportIcons .file { background-position: -300px -280px; }
#exportIcons .file:hover { background-position: -300px -340px; }
#exportIcons .link { background-position: -360px -280px; }
#exportIcons .link:hover { background-position: -360px -340px; }
#grid { display: none; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; -moz-appearance: none; appearance: none; }
input[type=number] { -moz-appearance: textfield; /* Firefox */ }
.border-main { border: solid 1px #096994 }
.dynamic-content * { font-family: inherit !important }
.table-wrapper, .dynamic-content table { background-color: #fff !important; border: solid 1px #096994 !important; border-radius: 4px; margin-bottom: 15px; }
.dynamic-content table { width: unset !important }
.dynamic-content table th, .dynamic-content table td, .table th, .table td { padding: 0.6rem; }
.dynamic-content table th, .table th { border: none; background-color: #096994 !important; color: #ffffff; border-bottom: solid 2px #1c79a2 !important; text-align: center; }
.table th:not(:last-child), .dynamic-content table th:not(:last-child) { border-left: solid 2px #1c79a2 !important; }
.table tbody td, .dynamic-content table tbody td { border: none; background-color: transparent !important }
.table tbody td:not(:last-child), .dynamic-content table tbody td:not(:last-child) { border-left: 2px solid #fff !important; }
.table tbody tr:nth-child(even), .dynamic-content table tbody tr:nth-child(even) { background-color: #e6f4f7 !important; }
.table tbody tr:hover, .dynamic-content table tbody tr:hover { background-color: #c4dade; }
.table tfoot td, .dynamic-content table tfoot td { border: none; background-color: #ddd; font-weight: bold }
.table tfoot td:not(:last-child), .dynamic-content table tfoot td:not(:last-child) { border-left: 2px solid #eee !important; }
.table.table-small th, .table.table-small tbody td { font-size: .7rem; font-weight: normal; padding: .4rem; }
.table.table-small tfoot td { font-size: .7rem; font-weight: bold; padding: .4rem; }
#pagination { list-style: none; margin: 0px; margin-right: 10px; padding: 10px 5px 10px 5px; min-width: 80px; }
#pagination li { float: left; margin: 0px; }
#pagination li a { float: left; width: 14px; height: 20px; display: block; background-image: url('../../images/all_sprite_10.png'); background-repeat: no-repeat; background-position: -268px -60px; cursor: pointer; }
#pagination li a:hover { background-position: -282px -60px; }
#pagination li a.activeSlide { background-position: -254px -60px; }
#pagination #leftArrow { background-position: -240px -60px; }
#pagination #leftArrow:hover { background-position: -310px -60px; }
#pagination #rightArrow { background-position: -296px -60px; }
#pagination #rightArrow:hover { background-position: -324px -60px; }
.news { border-radius: 3px; overflow: hidden; display: flex; flex: 1; height: 40px; background-color: #fff; border: solid 1px #8bbeef; }
.drp-basket .drp-basket-header { color: #666; display: flex; align-items: center; min-width: 165px; justify-content: center; font-size: 15px; font-weight: bold; background-color: #e2f3f9;  border: solid 1px #8bbeef; border-left: none; padding: 0 10px; border-radius: 0 3px 3px 0 }
.drp-basket select { height: 40px; border-color: #8bbeef !important; margin: 0 !important }

.news .news-header { color: #666; display: flex; align-items: center; min-width: 165px; justify-content: center; font-size: 15px; font-weight: bold; background-color: #e2f3f9; border-left: solid 1px #8bbeef; margin-left: 10px; }
.news #newsTitle { position: relative; overflow: hidden; flex: 1; color: #2c73cd; font-weight: bold; height: 100%; }
.news #newsTitle span { display: block; width: 100%; line-height: 40px; vertical-align: middle; }
.news #newsTitle a { color: #727271; text-decoration: none; margin: auto 10px; padding-bottom: 3px; nowrap: absolute; }
.news #newsTitle a:hover { color: #2c73cd; border-bottom: dashed 1px #2c73cd; }
.news-span { background-color: transparent !important }
#messagewrapper { z-index: 1; margin: 10px auto; padding: 0px; }
#messagewrapper .messagebox { padding: 12px 10px 10px 30px; border-radius: 5px; }
#messagewrapper .success { color: #060; border: 1px solid #9e9; background: #cfc; font-family: IRANSans,tahome; font-size: 18px; margin: 20px auto; max-height: 300px; max-width: 350px; text-align: center; width: 309px; overflow: hidden; border-radius: 5px; }
#messagewrapper .warning { color: #c60; background: #ffc url(../../Images/warn.gif) no-repeat 8px 12px; border-radius: 5px; }
#messagewrapper .error { background: #FFDADA; border: 1px solid #FF7D7D; color: #CC0000; font-family: IRANSans,tahome; font-size: 16px; margin: 0 auto; max-height: 300px; /*max-width: 350px;*/ text-align: center; /*width: 309px;*/ overflow: hidden; border-radius: 5px; }
.form-control { font-size: 0.85rem }
input:focus:not([type=submit]):not([type=button]), .form-control:not([type=submit]):not([type=button]):focus { box-shadow: none; outline: none !important; background-color: #f3fcff }
.captcha-wrapper ul { list-style-type: none; padding: 0; }
#captchImg img { max-height: 36px; }
.full-width { width: 100% }
.validation-summary-errors { color: #721c24; background-color: #f8d7da; margin-bottom: 10px; padding: 5px 0; border: 1px solid #f5c6cb; border-radius: 0.25rem; }
.validation-summary-errors ul { margin-bottom: 0; }
/*.validation-summary-errors ul li:last-child { display: none }*/
#divMessage { display: none; }
.errors ul { list-style: none; margin: 0; padding: 0 }
.errors ul li:before { content: "»"; margin: 0 5px; font-size: 1.2rem; vertical-align: middle }
.portal_page .content { padding: 15px; }
.PortalTitle { padding: 10px; font-size: 14px; font-weight: bold; }
.titleLink { margin-left: 2px; float: left; }
.pager { margin: 8px 3px; padding: 3px; direction: ltr; }
.pager .disabled { border: 1px solid #ddd; color: #999; margin-top: 4px; padding: 3px; text-align: center; }
.pager .current { background-color: #6ea9bf; border: 1px solid #6e99aa; color: #fff; font-weight: bold; margin-top: 4px; padding: 3px 6px; text-align: center; border-radius: 4px; }
.pager span, .pager a { margin: 4px 3px; }
.pager a { border: 1px solid #aaa; padding: 3px 6px; text-align: center; text-decoration: none; background-color: #fff; border-radius: 4px; }
.required-feild:after { content: "*"; color: red; font-size: 20px; margin: 0 5px 0 0; line-height: 20px; height: 10px; }
.file-upload-wrapper input[type=file] { position: absolute; top: 0; right: 0; font-size: 100px; cursor: pointer; opacity: 0; }
.register fieldset { border: solid 1px #008080; padding: 10px; margin-bottom: 20px; background-color: #e2f3f9; border-radius: 4px; }
.register fieldset legend { display: inline; font-weight: bold; font-size: 14px; width: auto; text-align: right; background-color: #fff; border-radius: 4px; padding: 3px 20px; border: solid 1px #008080; }
.register fieldset input[type=text] { display: block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.sendVerification { background-image: url("../../../ComponentResource/Images/sendSMS.png"); background-repeat: no-repeat; position: absolute; left: 30px; top: 6px; background-size: 24px; cursor: pointer; width: 24px; height: 24px; }
.footer { background: #222222; color: #fff; min-height: 150px }
.card-header { font-size: 15px; font-weight: bold; color: #666; }
.data-box .data-row { display: flex; }
.data-box .data-row:hover > div { background-color: rgba(148, 213, 239, 0.5); }
.data-box .data-row .data-label { color: #555; background-color: #e2f3f9; padding: 7px; display: flex; align-items: center; min-width: 190px; border-bottom: dashed 1px #b2d4e0; }
.data-box .data-row .data-label:not(.empty):before { content: "»"; color: #2ab7ec; margin-left: 5px; font-weight: bold }
.data-box .data-row .data-value { color: #2C73CD; font-weight: bold; display: flex; align-items: center; padding: 7px; border-bottom: dashed 1px #ddd; flex: 1; }
.data-box .data-row .data-value a { color: #2C73CD; }
.data-box .row:last-child .data-row .data-label,
.data-box .row:last-child .data-row .data-value,
.data-box .data-row:last-child:not(:nth-child(2)) .data-value { border-bottom: none }
.datatype-date { direction: ltr; display: block !important; }
.investorInformation .data-box .data-row .data-value, .investorInformation .data-box .data-row .data-value a, .investorCardex .data-box .data-row .data-value, .investorCardex .data-box .data-row .data-value a { color: #333; }
.investorInformation .data-box .data-row .data-label { min-width: 120px; }
.investorCardex .data-box .data-row .data-label { min-width: 190px; }
.highcharts-data-label text { direction: rtl; display: block; stroke: none; stroke-width: 0 !important; }
.highcharts-data-label tspan { font-weight: normal; stroke: none; stroke-width: 0 !important; font-family: iransans; direction: ltr; display: block; }
.highcharts-data-label tspan:first-child { display: none; }
.nav-link { font-weight: bold }
.navbar-dark .navbar-nav .nav-link { color: #888; }
li.nav-item { position: relative; }
.nav li { border-bottom: none; line-height: 30px; display: inline-block; padding: 0px 10px 0 0; border-radius: 0px; }
.nav li:hover { background-color: #70a4dc; color: #000000 !important; }
.dropdown:hover > .dropdown-menu { display: block; }
.dropdown-menu { left: unset; right: 0; top: calc(100% - 3px); }
.dropdown-item { color: #555; padding: 5px 8px 5px 18px; font-size: .75rem; }
.dropdown-item:hover, .dropdown-item:focus { background-color: #ececec; }
.dropdown-item:before { content: "»"; color: #2ab7ec; margin-left: 5px; font-weight: bold }
.card-header i { margin-left: 10px; color: #2c73cd; font-size: 21px; vertical-align: middle; border: solid 3px; width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 26px; }
.top-cards .card { border-width: 2px; min-height: 100%; }
.top-cards .card-footer { z-index: 1; border-radius: 0; }
.top-cards a { display: block; text-decoration: none; }
.top-cards a h6 { position: relative }
.top-cards a img { position: absolute; right: 0; transform: rotate(-45deg); bottom: -13px; opacity: 0.4; width: 40px; }
.top-cards a span { z-index: 1; background-color: #ffffffbd; padding: 5px; text-shadow: 0 0 6px #fff; box-shadow: 0 0 7px 2px #ffffff }
.top-cards a.text-info:hover { background-color: #dcf1f4 }
.top-cards a.text-info:hover span { background-color: #dcf1f4; box-shadow: 0 0 7px 2px #dcf1f4 }
.top-cards a.text-primary:hover { background-color: #d9ebff; }
.top-cards a.text-primary:hover span { background-color: #d9ebff; box-shadow: 0 0 7px 2px #d9ebff }
.top-cards a.text-secondary:hover { background-color: #eee; }
.top-cards a.text-secondary:hover span { background-color: #eee; box-shadow: 0 0 7px 2px #eee }
.top-cards a.text-warning:hover { background-color: #fff2d7; }
.top-cards a.text-warning span { color: #c88b19 }
.top-cards a.text-warning:hover span { color: #94650c; background-color: #fff2d7; box-shadow: 0 0 7px 2px #fff2d7 }
.top-cards a.text-success:hover { background-color: #d9ffdc }
.top-cards a.text-success:hover span { background-color: #d9ffdc; box-shadow: 0 0 7px 2px #d9ffdc }
.top-cards a.text-danger:hover { background-color: #ffd9d9 }
.top-cards a.text-danger:hover span { background-color: #ffd9d9; box-shadow: 0 0 7px 2px #ffd9d9 }
.footer-box { color: #2ab7ec; font-size: .7rem; }
.footer-box a { text-decoration: none; color: #2ab7ec; }
.footer-box a:hover { color: #0da0d7; }
.footer-box ul { padding: 0px; margin: 0; list-style: none }
.footer-box ul li a { text-decoration: none; font-weight: normal; color: #aaa; }
.footer-box ul li a:before { content: "»"; color: #2ab7ec; margin-left: 5px; font-weight: bold }
.footer-box ul li a:hover { color: #2ab7ec; }
.footer img { max-width: 100px; height: auto; }
.copyright { color: #b8b8b8; overflow:hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 20px 0; }
.copyright .tadbirLogo { width: 145px; height: 40px; border: none; background-color: transparent; background-image: url('../../images/all_sprite_10.png'); background-repeat: no-repeat; background-position: -760px -120px; display: block; }
.ErrorLogo { width: 145px; height: 40px; border: none; background-color: transparent; background-image: url('../../images/error.png'); background-repeat: no-repeat; background-position: -760px -120px; display: block; }
.copyright .text { font-size: 10px; font-weight: normal; text-align: center; margin-top: 5px; }
.footer-group { margin: 20px 0; }
.footer-group-title { margin-bottom: 7px; display: block; border-bottom: solid 1px #777; padding-bottom: 4px; }
.card { box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); }
.top-cards .card { overflow: hidden }
.dropdown-item.active, .dropdown-item:active { color: unset; background-color: unset }
.input-group-text { font-size: unset }
.bg-main { background-color: #8fd0da !important; }
.bg-card-header { background-color: #096994 !important; }
.btn-main { color: #fff; background-color: #17a2b8; border-color: #17a2b8; }
h6, .h6 { font-size: .9rem; }
.login__title,
.register__title {
    color: #17a2b8;
    border-bottom: 2px solid #17a2b8;
}

/* orange */
.orange .bg-main { background-color: #ecc95a !important; }
.orange .border-main { border: solid 1px #f18500 }
.orange .bg-card-header { background-color: #f18500 !important; }
.orange .btn-main { background-color: #e6a42a; border-color: #e6a42a; }
.orange .btn-main:hover { background-color: #c88b19; border-color: #c88b19; }
.orange .btn-secondary { color: #fff; background-color: #6c757d; }
.orange .btn:focus:not(.btn-link), .orange .btn.focus:not(.btn-link) { box-shadow: 0 0 0 0.2rem rgba(255, 165, 0, 0.25) !important; }
.orange a:not(.dropdown-item), .orange .btn-link { color: #d26200; }
.orange a:not(.dropdown-item):hover, .orange .btn-link:hover { color: #963900; }
.orange .logo-row { background-image: url('../../Images/mainBg-orange.jpg') }
.orange .menu-row { background-color: #e7c250; border-bottom: solid 1px #d85b1f; }
.orange .logo-row { box-shadow: 0 0px 20px 0px #737373; border-bottom: solid 1px #fff; }
.orange .row.header { background: #373e4a; background: -webkit-gradient(linear, left top, left bottom, from(rgb(66, 12, 0)), to(rgba(119, 48, 5, 0.9))); background: -moz-linear-gradient(top, rgb(66, 12, 0), rgba(119, 48, 5, 0.9)); }
.orange .header .fund-title-box { background: #373e4a; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(66, 28, 5, 0.9))); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(66, 28, 5, 0.9)); }
.orange .page-title { color: #963900; }
.orange .fund-title-box { background: #373e4a; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(58, 9, 9, 0.9))); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(58, 9, 9, 0.9)); }
.orange #rightMenu a { border-bottom: solid 1px #eab769; }
.orange #rightMenu a:hover { background-color: #eaca98; }
.orange #rightMenu a.selected { background-color: #f18500; }
.orange #rightMenu #multiChart, .orange .chart-box, .orange #exportIcons,
.orange #rightMenu #chartsNav .subTable th#title3, .orange #rightMenu #chartsNav .subTable th#title2,
.orange #rightMenu #chartsNav .subTable th#title1, .orange #rightMenu a, .orange .data-box .data-row .data-label,
.orange #rightMenu #chartsNav .subTable td#chart3, .orange .news, .orange .news .news-header,
.orange #rightMenu #chartsNav .subTable td#chart2, .orange #rightMenu { border-color: #eab769; }
.orange .table-wrapper, .orange .dynamic-content table { border: solid 1px #f18500 !important; }
.orange .table th, .orange .dynamic-content table th { background-color: #f18500 !important; border-color: #f7a35c !important; }
.orange .table tbody tr:nth-child(even), .orange .dynamic-content table tbody tr:nth-child(even) { background-color: #f9eee2 !important; }
.orange .table tbody tr:hover, .orange .dynamic-content table tbody tr:hover { background-color: #f1e0ce !important; }
.orange .data-box .data-row .data-label, .orange .news .news-header, .orange #rightMenu, .orange #exportIcons, .orange .drp-basket .drp-basket-header { background-color: #f9eee2 !important; }
.orange .news #newsTitle a { color: #727271; }
.orange .news-span { background-color: transparent !important }
.orange input:focus:not([type=submit]):not([type=button]),
.orange .form-control:not([type=submit]):not([type=button]):focus { background-color: #f3fcff }
.orange .pager .current { background-color: #d26200; border: 1px solid #d26200; color: #fff; }
.orange .register fieldset { border: solid 1px #f18500; background-color: #f9eee2; }
.orange .register fieldset legend { border: solid 1px #f18500; }
.orange .register fieldset input[type=text] { border: 1px solid #ced4da; }
.orange .data-box .data-row:hover > div { background-color: rgba(255, 212, 158, 0.3); }
.orange .data-box .data-row .data-label { color: #555; border-bottom: dashed 1px #d4b18d; }
.orange .dropdown-item:before, .orange .news #newsTitle, .orange .news #newsTitle a:hover, .orange .data-box .data-row .data-value, .orange .data-box .data-row .data-label:before, .orange .card-header i, .orange .data-box .data-row .data-value a { color: #de7415; }
.orange .nav li:hover { background-color: #da8133; color: #000000 !important; }
.orange .footer-box, .orange .footer-box a, .orange .footer-box ul li a:before, .orange .footer-box ul li a:hover { color: #ecb22a; }
.orange .footer-box a:hover { color: red; }
.orange .footer-box ul li a { color: #aaa; }
.orange .drp-basket .drp-basket-header, .orange .drp-basket select { border-color: #eab769 !important; }
.orange .login__title,
.orange .register__title {
    color: #e6a42a;
    border-bottom: 2px solid #e6a42a;
}

/* orange */
/* green */
.green .bg-main { background-color: #F3FAF7 !important; }
.green .border-main { border: solid 1px #008080 }
.green .bg-card-header { background-color: #008080 !important; }
.green .btn-main { background-color: #28a745; border-color: #28a745; }
.green .btn-main:hover { background-color: #1d8434; border-color: #1d8434; }
.green .btn-secondary { color: #fff; background-color: #6c757d; }
.green .btn:focus:not(.btn-link), .green .btn.focus:not(.btn-link) { box-shadow: 0 0 0 0.2rem rgba(40, 165, 60, 0.25) !important; }
.green a:not(.dropdown-item), .green .btn-link { color: #28a745; }
.green a:not(.dropdown-item):hover, .green .btn-link:hover { color: #1d8434; }
.green .logo-row { background-image: url('../../Images/mainBg-green.jpg') }
.green .menu-row { background-color: #e2f9e3; border-bottom: solid 1px #008080; }
.green .logo-row { box-shadow: 0 0px 20px 0px #737373; border-bottom: solid 1px #fff; }
.green .row.header { background: #373e4a; background: -webkit-gradient(linear, left top, left bottom, from(rgb(30, 20, 0)), to(rgba(5, 119, 114, 0.9))); background: -moz-linear-gradient(top, rgb(30, 20, 0), rgba(5, 119, 114, 0.9)); }
.green .header .fund-title-box { background: #373e4a; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(5, 66, 21, 0.9))); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(5, 66, 21, 0.9)); }
.green .page-title { color: #008080; }
/*.green .fund-title-box { background: #373e4a; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.9))); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.9)); }*/
.green #rightMenu a:hover { background-color: #abe8ae; }
.green #rightMenu a.selected { background-color: #509468; }
.green #rightMenu #multiChart, .green .chart-box, .green #exportIcons,
.green #rightMenu #chartsNav .subTable th#title3, .green #rightMenu #chartsNav .subTable th#title2,
.green #rightMenu #chartsNav .subTable th#title1, .green #rightMenu a, .green .data-box .data-row .data-label,
.green #rightMenu #chartsNav .subTable td#chart3, .green .news, .green .news .news-header,
.green #rightMenu #chartsNav .subTable td#chart2, .green #rightMenu,
.green .drp-basket .drp-basket-header, .green .drp-basket select { border-color: #78bfa9 !important; }

.green .table-wrapper, .green .dynamic-content table { border: solid 1px #008080 !important; }
.green .table th, .green .dynamic-content table th { background-color: #008080 !important; border-color: #008b8b !important; }
.green .table tbody tr:nth-child(even), .green .dynamic-content table tr:nth-child(even) { background-color: #e6f4f7 !important; }
.green .table tbody tr:hover, .green .dynamic-content table tbody tr:hover { background-color: #c4dade !important; }
.green .data-box .data-row .data-label, .green .news .news-header, .green #rightMenu, .green #exportIcons, .green .drp-basket .drp-basket-header { background-color: #e2f9e3; }
.green .news #newsTitle a { color: #727271; }
.green .news-span { background-color: transparent !important }
.green input:focus:not([type=submit]):not([type=button]),
.green .form-control:not([type=submit]):not([type=button]):focus { background-color: #f3fcff }
.green .pager .current { background-color: #008080; border: 1px solid #008080; color: #fff; }
.green .register fieldset { border: solid 1px #008080; background-color: #f2fbf4; }
.green .register fieldset legend { border: solid 1px #008080; }
.green .register fieldset input[type=text] { border: 1px solid #ced4da; }
.green .data-box .data-row:hover > div { background-color: rgba(183, 239, 213, 0.3); }
.green .dropdown-item:before, .green .news #newsTitle, .green .news #newsTitle a:hover, .green .data-box .data-row .data-value, .green .data-box .data-row .data-label:before, .green .card-header i, .green .data-box .data-row .data-value a { color: #008080; }
.green .nav li:hover { background-color: #28a745; color: #000000 !important; }
.green .footer-box, .green .footer-box a, .green .footer-box ul li a:before, .green .footer-box ul li a:hover { color: #28a745; }
.green .footer-box a:hover { color: #1d8434; }
.green .footer-box ul li a { color: #aaa; }
.green .login__title,
.green .register__title {
    color: #28a745;
    border-bottom: 2px solid #28a745;
}

/* green */

/* WhiteOrange */
.WhiteOrange .bg-main { background-color: #eee1b9 !important; }
.WhiteOrange .border-main { border: solid 1px #e9a95b }
.WhiteOrange .bg-card-header { background-color: #f18500 !important; }
.WhiteOrange .btn-main { background-color: #e6a42a; border-color: #e6a42a; }
.WhiteOrange .btn-main:hover { background-color: #c88b19; border-color: #c88b19; }
.WhiteOrange .btn-secondary { color: #fff; background-color: #6c757d; }
.WhiteOrange .btn:focus:not(.btn-link), .WhiteOrange .btn.focus:not(.btn-link) { box-shadow: 0 0 0 0.2rem rgba(255, 165, 0, 0.25) !important; }
.WhiteOrange a:not(.dropdown-item), .WhiteOrange .btn-link { color: #d26200; }
.WhiteOrange a:not(.dropdown-item):hover, .WhiteOrange .btn-link:hover { color: #963900; }
.WhiteOrange .menu-row { background-color: #f0e2b5; border-bottom: solid 1px #9b7664; }
.WhiteOrange .logo-row { box-shadow: 0 0px 20px 0px #737373; border-bottom: solid 1px #fff; }
.WhiteOrange .header .fund-title-box { background: #f3cd93; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgb(215 167 139 / 1))); background: -moz-linear-gradient(top, rgb(249, 249, 249), rgb(210, 210, 210)); }
.WhiteOrange .page-title { color: #963900; }
.WhiteOrange .fund-title-box { background: #373e4a; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(58, 9, 9, 0.9))); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(58, 9, 9, 0.9)); }
.WhiteOrange .fund-title-box .title { color: #dd6a03; }
.WhiteOrange .footer { background: #979696; }
.WhiteOrange .copyright { color: #333; }
.WhiteOrange .header-RegisterNo { color: #404040; text-shadow: 1px 0px 1px #fff; }
.WhiteOrange #rightMenu a { border-bottom: solid 1px #eab769; }
.WhiteOrange #rightMenu a:hover { background-color: #eaca98; }
.WhiteOrange #rightMenu a.selected { background-color: #f18500; }
.WhiteOrange #rightMenu #multiChart, .WhiteOrange .chart-box, .WhiteOrange #exportIcons,
.WhiteOrange #rightMenu #chartsNav .subTable th#title3, .WhiteOrange #rightMenu #chartsNav .subTable th#title2,
.WhiteOrange #rightMenu #chartsNav .subTable th#title1, .WhiteOrange #rightMenu a, .WhiteOrange .data-box .data-row .data-label,
.WhiteOrange #rightMenu #chartsNav .subTable td#chart3, .WhiteOrange .news, .WhiteOrange .news .news-header,
.WhiteOrange #rightMenu #chartsNav .subTable td#chart2, .WhiteOrange #rightMenu { border-color: #eab769; }
.WhiteOrange .table-wrapper, .WhiteOrange .dynamic-content table { border: solid 1px #f18500 !important; }
.WhiteOrange .table th, .WhiteOrange .dynamic-content table th { background-color: #f18500 !important; border-color: #f7a35c !important; }
.WhiteOrange .table tbody tr:nth-child(even), .WhiteOrange .dynamic-content table tbody tr:nth-child(even) { background-color: #f9eee2 !important; }
.WhiteOrange .table tbody tr:hover, .WhiteOrange .dynamic-content table tbody tr:hover { background-color: #f1e0ce !important; }
.WhiteOrange .data-box .data-row .data-label, .WhiteOrange .news .news-header, .WhiteOrange #rightMenu, .WhiteOrange #exportIcons, .WhiteOrange .drp-basket .drp-basket-header { background-color: #f9eee2 !important; }
.WhiteOrange .news #newsTitle a { color: #727271; }
.WhiteOrange .news-span { background-color: transparent !important }
.WhiteOrange input:focus:not([type=submit]):not([type=button]),
.WhiteOrange .form-control:not([type=submit]):not([type=button]):focus { background-color: #f3fcff }
.WhiteOrange .pager .current { background-color: #d26200; border: 1px solid #d26200; color: #fff; }
.WhiteOrange .register fieldset { border: solid 1px #f18500; background-color: #f9eee2; }
.WhiteOrange .register fieldset legend { border: solid 1px #f18500; }
.WhiteOrange .register fieldset input[type=text] { border: 1px solid #ced4da; }
.WhiteOrange .data-box .data-row:hover > div { background-color: rgba(255, 212, 158, 0.3); }
.WhiteOrange .data-box .data-row .data-label { color: #555; border-bottom: dashed 1px #d4b18d; }
.WhiteOrange .dropdown-item:before, .WhiteOrange .news #newsTitle, .WhiteOrange .news #newsTitle a:hover, .WhiteOrange .data-box .data-row .data-value, .WhiteOrange .data-box .data-row .data-label:before, .WhiteOrange .card-header i, .WhiteOrange .data-box .data-row .data-value a { color: #de7415; }
.WhiteOrange .nav li:hover { background-color: #da8133; color: #000000 !important; }
.WhiteOrange .footer-box, .WhiteOrange .footer-box a, .WhiteOrange .footer-box ul li a:before, .WhiteOrange .footer-box ul li a:hover { color: #ffc376; }
.WhiteOrange .footer-box a:hover { color: #8a3e07; }
.WhiteOrange .footer-box ul li a { color: #e8e8e8; }
.WhiteOrange .drp-basket .drp-basket-header, .WhiteOrange .drp-basket select { border-color: #eab769 !important; }
.WhiteOrange .login__title,
.WhiteOrange .register__title {
    color: #e6a42a;
    border-bottom: 2px solid #e6a42a;
}

/* WhiteOrange */


/* WhiteBlue */

.WhiteBlue .menu-row { background-color: #e2f3f9; border-bottom: solid 1px #17a2b8; }
.WhiteBlue .header .fund-title-box { background: #f3cd93; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgb(215 167 139 / 1))); background: -moz-linear-gradient(top, rgb(249, 249, 249), rgb(210, 210, 210)); }
.WhiteBlue .fund-title-box .title { color: #4d5d8e; }
.WhiteBlue .footer { background: #222222; }
.WhiteBlue .copyright { color: #b8b8b8; }
.WhiteBlue .header-RegisterNo { color: #404040; text-shadow: 1px 0px 1px #fff; }
.WhiteBlue .footer-box, .WhiteBlue .footer-box a, .WhiteBlue .footer-box ul li a:before, .WhiteBlue .footer-box ul li a:hover { color: #2ab7ec; }
.WhiteBlue .footer-box a:hover { color: #0da0d7; }
.WhiteBlue .footer-box ul li a { color: #e8e8e8; }
.WhiteBlue .login__title,
.WhiteBlue .register__title {
    color: #0da0d7;
    border-bottom: 2px solid #0da0d7;
}



/* WhiteBlue */

.loginLogo { max-width: 150px; height: auto; border-radius: 5px; margin: 5px auto; }


@keyframes loadingAnimation {
  0% { transform: rotate(0); }
  100% { transform: rotate(360deg); }
}

@media (min-width: 1100px) {
}

/*@media (max-width: 1100px) {
    .navbar-expand-lg .navbar-collapse { display: none !important; }
    .navbar-expand-lg .navbar-toggler { display: block !important; }
}*/

@media (max-width: 990px) {
  .dropdown:hover > .dropdown-menu { display: none !important; }
  .dropdown.open > .dropdown-menu { display: block !important; }
  .nav-item.mr-auto { margin-right: unset !important }
  .container { max-width: 100%; }
  .fund-title-box > div > div { flex-direction: column !important; margin: auto }
  .fund-title-box > div > div > div:first-child { margin: 10px auto !important }
  .chart-box { flex-direction: column }
  #exportIcons .icons { display: flex; justify-content: center; }
  .card-group { flex-flow: column wrap; }
  .card-group > .card:first-child { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0 !important; border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0 !important; margin-bottom: 0 }
  .card-group > .card:last-child { border-top-right-radius: 0 !important; border-bottom-right-radius: 0.25rem !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0.25rem !important; margin-bottom: 5px; }
}

@media (max-width: 768px) {
  .table th, .table td { border-left-width: 0 !important; text-align: right !important }
}

#frmsubcancel .input-group .input-group-prepend label { width: 215px }
#frmsubscription .input-group .input-group-prepend label { width: 180px }
#frmsubcancel .input-group, #frmsubscription .input-group { align-items: stretch; }

@media(max-width: 576px) {
  #frmsubcancel .input-group .input-group-prepend label,
  #frmsubscription .input-group .input-group-prepend label { width: 100px; white-space: normal; }
  #frmsubcancel .input-group .form-control, #frmsubscription .input-group .form-control { height: auto; }
  .top-cards, .top-menu { position: relative !important; top: unset !important }
  .data-box .data-row .data-label { max-width: 120px; min-width: 120px; }
}

.blink_me { color: red !important; animation: blinker 6s ease-in; }
.last-login { position: absolute; top: 30px; left: -6px; white-space: nowrap; font-size: 80%; }

.modal-body img {
    max-width: 100%;
}

@keyframes blinker {
  10% { opacity: 0; }
  20% { opacity: 1; }
  30% { opacity: 0; }
  40% { opacity: 1; }
  50% { opacity: 0; }
  60% { opacity: 1; }
  70% { opacity: 0; }
  80% { opacity: 1; }
  90% { opacity: 0; }
}