.bootstrap-table .fixed-table-toolbar::after{content:"";display:block;clear:both}.bootstrap-table .fixed-table-toolbar .bs-bars,.bootstrap-table .fixed-table-toolbar .columns,.bootstrap-table .fixed-table-toolbar .search{position:relative;margin-top:10px;margin-bottom:10px}.bootstrap-table .fixed-table-toolbar .columns .btn-group>.btn-group{display:inline-block;margin-left:-1px!important}.bootstrap-table .fixed-table-toolbar .columns .btn-group>.btn-group>.btn{border-radius:0}.bootstrap-table .fixed-table-toolbar .columns .btn-group>.btn-group:first-child>.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.bootstrap-table .fixed-table-toolbar .columns .btn-group>.btn-group:last-child>.btn{border-top-right-radius:4px;border-bottom-right-radius:4px}.bootstrap-table .fixed-table-toolbar .columns .dropdown-menu{text-align:left;max-height:300px;overflow:auto;-ms-overflow-style:scrollbar;z-index:1001}.bootstrap-table .fixed-table-toolbar .columns label{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.428571429}.bootstrap-table .fixed-table-toolbar .columns-left{margin-right:5px}.bootstrap-table .fixed-table-toolbar .columns-right{margin-left:5px}.bootstrap-table .fixed-table-toolbar .pull-right .dropdown-menu{right:0;left:auto}.bootstrap-table .fixed-table-container{position:relative;clear:both}.bootstrap-table .fixed-table-container .table{width:100%;margin-bottom:0!important}.bootstrap-table .fixed-table-container .table td,.bootstrap-table .fixed-table-container .table th{vertical-align:middle;box-sizing:border-box}.bootstrap-table .fixed-table-container .table thead th{vertical-align:bottom;padding:0;margin:0}.bootstrap-table .fixed-table-container .table thead th:focus{outline:0 solid transparent}.bootstrap-table .fixed-table-container .table thead th.detail{width:30px}.bootstrap-table .fixed-table-container .table thead th .th-inner{padding:.75rem;vertical-align:bottom;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bootstrap-table .fixed-table-container .table thead th .sortable{cursor:pointer;background-position:right;background-repeat:no-repeat;padding-right:30px!important}.bootstrap-table .fixed-table-container .table thead th .both{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC")}.bootstrap-table .fixed-table-container .table thead th .asc{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==")}.bootstrap-table .fixed-table-container .table thead th .desc{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= ")}.bootstrap-table .fixed-table-container .table tbody tr.selected td{background-color:rgba(0,0,0,.075)}.bootstrap-table .fixed-table-container .table tbody tr.no-records-found td{text-align:center}.bootstrap-table .fixed-table-container .table tbody tr .card-view{display:flex}.bootstrap-table .fixed-table-container .table tbody tr .card-view .card-view-title{font-weight:700;display:inline-block;min-width:30%;width:auto!important;text-align:left!important}.bootstrap-table .fixed-table-container .table tbody tr .card-view .card-view-value{width:100%!important}.bootstrap-table .fixed-table-container .table .bs-checkbox{text-align:center}.bootstrap-table .fixed-table-container .table .bs-checkbox label{margin-bottom:0}.bootstrap-table .fixed-table-container .table .bs-checkbox label input[type=checkbox],.bootstrap-table .fixed-table-container .table .bs-checkbox label input[type=radio]{margin:0 auto!important}.bootstrap-table .fixed-table-container .table.table-sm .th-inner{padding:.3rem}.bootstrap-table .fixed-table-container.fixed-height:not(.has-footer){border-bottom:1px solid #dee2e6}.bootstrap-table .fixed-table-container.fixed-height.has-card-view{border-top:1px solid #dee2e6;border-bottom:1px solid #dee2e6}.bootstrap-table .fixed-table-container.fixed-height .fixed-table-border{border-left:1px solid #dee2e6;border-right:1px solid #dee2e6}.bootstrap-table .fixed-table-container.fixed-height .table thead th{border-bottom:1px solid #dee2e6}.bootstrap-table .fixed-table-container.fixed-height .table-dark thead th{border-bottom:1px solid #32383e}.bootstrap-table .fixed-table-container .fixed-table-header{overflow:hidden}.bootstrap-table .fixed-table-container .fixed-table-body{overflow-x:auto;overflow-y:auto;height:100%}.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading{align-items:center;background:#fff;display:flex;justify-content:center;position:absolute;bottom:0;width:100%;z-index:1000;transition:visibility 0s,opacity .15s ease-in-out;opacity:0;visibility:hidden}.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.open{visibility:visible;opacity:1}.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap{align-items:baseline;display:flex;justify-content:center}.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .loading-text{margin-right:6px}.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap{align-items:center;display:flex;justify-content:center}.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-dot,.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::after,.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::before{content:"";animation-duration:1.5s;animation-iteration-count:infinite;animation-name:LOADING;background:#212529;border-radius:50%;display:block;height:5px;margin:0 4px;opacity:0;width:5px}.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-dot{animation-delay:.3s}.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::after{animation-delay:.6s}.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark{background:#212529}.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-dot,.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-wrap::after,.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-wrap::before{background:#fff}.bootstrap-table .fixed-table-container .fixed-table-footer{overflow:hidden}.bootstrap-table .fixed-table-pagination::after{content:"";display:block;clear:both}.bootstrap-table .fixed-table-pagination>.pagination,.bootstrap-table .fixed-table-pagination>.pagination-detail{margin-top:10px;margin-bottom:10px}.bootstrap-table .fixed-table-pagination>.pagination-detail .pagination-info{line-height:34px;margin-right:5px}.bootstrap-table .fixed-table-pagination>.pagination-detail .page-list{display:inline-block}.bootstrap-table .fixed-table-pagination>.pagination-detail .page-list .btn-group{position:relative;display:inline-block;vertical-align:middle}.bootstrap-table .fixed-table-pagination>.pagination-detail .page-list .btn-group .dropdown-menu{margin-bottom:0}.bootstrap-table .fixed-table-pagination>.pagination ul.pagination{margin:0}.bootstrap-table .fixed-table-pagination>.pagination ul.pagination li.page-intermediate a{color:#c8c8c8}.bootstrap-table .fixed-table-pagination>.pagination ul.pagination li.page-intermediate a::before{content:'\2B05'}.bootstrap-table .fixed-table-pagination>.pagination ul.pagination li.page-intermediate a::after{content:'\27A1'}.bootstrap-table .fixed-table-pagination>.pagination ul.pagination li.disabled a{pointer-events:none;cursor:default}.bootstrap-table.fullscreen{position:fixed;top:0;left:0;z-index:1050;width:100%!important;background:#fff;height:calc(100vh);overflow-y:scroll}.bootstrap-table.bootstrap4 .pagination-lg .page-link,.bootstrap-table.bootstrap5 .pagination-lg .page-link{padding:.5rem 1rem}.bootstrap-table.bootstrap5 .float-left{float:left}.bootstrap-table.bootstrap5 .float-right{float:right}div.fixed-table-scroll-inner{width:100%;height:200px}div.fixed-table-scroll-outer{top:0;left:0;visibility:hidden;width:200px;height:150px;overflow:hidden}@keyframes LOADING{0%{opacity:0}50%{opacity:1}to{opacity:0}}.intl-tel-input { position: relative; } .intl-tel-input .hide { display: none; } .intl-tel-input .flag-dropdown { position: absolute; z-index: 1; cursor: pointer; } .intl-tel-input .flag-dropdown .selected-flag { margin: 1px; padding: 6px 16px 6px 6px; } .intl-tel-input .flag-dropdown .selected-flag:hover { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input .flag-dropdown .selected-flag .down-arrow { top: 6px; position: relative; left: 20px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid black; } .intl-tel-input .flag-dropdown .country-list { list-style: none; padding: 0; margin: 0; z-index: 1; overflow-y: scroll; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #cccccc; position: absolute; top: 29px; width: 330px; max-height: 200px; } .intl-tel-input .flag-dropdown .country-list .divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #cccccc; } .intl-tel-input .flag-dropdown .country-list .country { line-height: 16px; padding: 4px 10px; } .intl-tel-input .flag-dropdown .country-list .country .dial-code { color: #999999; } .intl-tel-input .flag-dropdown .country-list .country.highlight { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input .flag-dropdown .country-list .flag { display: inline-block; vertical-align: bottom; } .intl-tel-input .flag-dropdown .country-list .flag, .intl-tel-input .flag-dropdown .country-list .country-name { margin-right: 6px; } .intl-tel-input input { box-sizing: border-box; -moz-box-sizing: border-box; height: 30px; padding-left: 47px; position: relative; z-index: 0; } /* originally from https://github.com/lafeber/world-flags-sprite */ .f16 .flag { width: 16px; height: 16px; background: url("/wps/contenthandler/!ut/p/war/tadawul.portal.theme.static.v2/themes/Tadawul/assets/img/flags16.png?locale=en&locale=ltr") no-repeat; } .f16 ._African_Union { background-position: 0 -16px; } .f16 ._Arab_League { background-position: 0 -32px; } .f16 ._ASEAN { background-position: 0 -48px; } .f16 ._CARICOM { background-position: 0 -64px; } .f16 ._CIS { background-position: 0 -80px; } .f16 ._Commonwealth { background-position: 0 -96px; } .f16 ._England { background-position: 0 -112px; } .f16 ._European_Union { background-position: 0 -128px; } .f16 ._Islamic_Conference { background-position: 0 -144px; } .f16 ._Kosovo { background-position: 0 -160px; } .f16 ._NATO { background-position: 0 -176px; } .f16 ._Northern_Cyprus { background-position: 0 -192px; } .f16 ._Northern_Ireland { background-position: 0 -208px; } .f16 ._Olimpic_Movement { background-position: 0 -224px; } .f16 ._OPEC { background-position: 0 -240px; } .f16 ._Red_Cross { background-position: 0 -256px; } .f16 ._Scotland { background-position: 0 -272px; } .f16 ._Somaliland { background-position: 0 -288px; } .f16 ._Tibet { background-position: 0 -304px; } .f16 ._United_Nations { background-position: 0 -320px; } .f16 ._Wales { background-position: 0 -336px; } .f16 .ad { background-position: 0 -352px; } .f16 .ae { background-position: 0 -368px; } .f16 .af { background-position: 0 -384px; } .f16 .ag { background-position: 0 -400px; } .f16 .ai { background-position: 0 -416px; } .f16 .al { background-position: 0 -432px; } .f16 .am { background-position: 0 -448px; } .f16 .an { background-position: 0 -464px; } .f16 .ao { background-position: 0 -480px; } .f16 .aq { background-position: 0 -496px; } .f16 .ar { background-position: 0 -512px; } .f16 .as { background-position: 0 -528px; } .f16 .at { background-position: 0 -544px; } .f16 .au { background-position: 0 -560px; } .f16 .aw { background-position: 0 -576px; } .f16 .az { background-position: 0 -592px; } .f16 .ba { background-position: 0 -608px; } .f16 .bb { background-position: 0 -624px; } .f16 .bd { background-position: 0 -640px; } .f16 .be { background-position: 0 -656px; } .f16 .bf { background-position: 0 -672px; } .f16 .bg { background-position: 0 -688px; } .f16 .bh { background-position: 0 -704px; } .f16 .bi { background-position: 0 -720px; } .f16 .bj { background-position: 0 -736px; } .f16 .bm { background-position: 0 -752px; } .f16 .bn { background-position: 0 -768px; } .f16 .bo { background-position: 0 -784px; } .f16 .br { background-position: 0 -800px; } .f16 .bs { background-position: 0 -816px; } .f16 .bt { background-position: 0 -832px; } .f16 .bw { background-position: 0 -848px; } .f16 .by { background-position: 0 -864px; } .f16 .bz { background-position: 0 -880px; } .f16 .ca { background-position: 0 -896px; } .f16 .cg { background-position: 0 -912px; } .f16 .cf { background-position: 0 -928px; } .f16 .cd { background-position: 0 -944px; } .f16 .ch { background-position: 0 -960px; } .f16 .ci { background-position: 0 -976px; } .f16 .ck { background-position: 0 -992px; } .f16 .cl { background-position: 0 -1008px; } .f16 .cm { background-position: 0 -1024px; } .f16 .cn { background-position: 0 -1040px; } .f16 .co { background-position: 0 -1056px; } .f16 .cr { background-position: 0 -1072px; } .f16 .cu { background-position: 0 -1088px; } .f16 .cv { background-position: 0 -1104px; } .f16 .cy { background-position: 0 -1120px; } .f16 .cz { background-position: 0 -1136px; } .f16 .de { background-position: 0 -1152px; } .f16 .dj { background-position: 0 -1168px; } .f16 .dk { background-position: 0 -1184px; } .f16 .dm { background-position: 0 -1200px; } .f16 .do { background-position: 0 -1216px; } .f16 .dz { background-position: 0 -1232px; } .f16 .ec { background-position: 0 -1248px; } .f16 .ee { background-position: 0 -1264px; } .f16 .eg { background-position: 0 -1280px; } .f16 .eh { background-position: 0 -1296px; } .f16 .er { background-position: 0 -1312px; } .f16 .es { background-position: 0 -1328px; } .f16 .et { background-position: 0 -1344px; } .f16 .fi { background-position: 0 -1360px; } .f16 .fj { background-position: 0 -1376px; } .f16 .fm { background-position: 0 -1392px; } .f16 .fo { background-position: 0 -1408px; } .f16 .fr { background-position: 0 -1424px; } .f16 .ga { background-position: 0 -1440px; } .f16 .gb { background-position: 0 -1456px; } .f16 .gd { background-position: 0 -1472px; } .f16 .ge { background-position: 0 -1488px; } .f16 .gg { background-position: 0 -1504px; } .f16 .gh { background-position: 0 -1520px; } .f16 .gi { background-position: 0 -1536px; } .f16 .gl { background-position: 0 -1552px; } .f16 .gm { background-position: 0 -1568px; } .f16 .gn { background-position: 0 -1584px; } .f16 .gp { background-position: 0 -1600px; } .f16 .gq { background-position: 0 -1616px; } .f16 .gr { background-position: 0 -1632px; } .f16 .gt { background-position: 0 -1648px; } .f16 .gu { background-position: 0 -1664px; } .f16 .gw { background-position: 0 -1680px; } .f16 .gy { background-position: 0 -1696px; } .f16 .hk { background-position: 0 -1712px; } .f16 .hn { background-position: 0 -1728px; } .f16 .hr { background-position: 0 -1744px; } .f16 .ht { background-position: 0 -1760px; } .f16 .hu { background-position: 0 -1776px; } .f16 .id { background-position: 0 -1792px; } .f16 .mc { background-position: 0 -1792px; } .f16 .ie { background-position: 0 -1808px; } .f16 .il { background-position: 0 -1824px; } .f16 .im { background-position: 0 -1840px; } .f16 .in { background-position: 0 -1856px; } .f16 .iq { background-position: 0 -1872px; } .f16 .ir { background-position: 0 -1888px; } .f16 .is { background-position: 0 -1904px; } .f16 .it { background-position: 0 -1920px; } .f16 .je { background-position: 0 -1936px; } .f16 .jm { background-position: 0 -1952px; } .f16 .jo { background-position: 0 -1968px; } .f16 .jp { background-position: 0 -1984px; } .f16 .ke { background-position: 0 -2000px; } .f16 .kg { background-position: 0 -2016px; } .f16 .kh { background-position: 0 -2032px; } .f16 .ki { background-position: 0 -2048px; } .f16 .km { background-position: 0 -2064px; } .f16 .kn { background-position: 0 -2080px; } .f16 .kp { background-position: 0 -2096px; } .f16 .kr { background-position: 0 -2112px; } .f16 .kw { background-position: 0 -2128px; } .f16 .ky { background-position: 0 -2144px; } .f16 .kz { background-position: 0 -2160px; } .f16 .la { background-position: 0 -2176px; } .f16 .lb { background-position: 0 -2192px; } .f16 .lc { background-position: 0 -2208px; } .f16 .li { background-position: 0 -2224px; } .f16 .lk { background-position: 0 -2240px; } .f16 .lr { background-position: 0 -2256px; } .f16 .ls { background-position: 0 -2272px; } .f16 .lt { background-position: 0 -2288px; } .f16 .lu { background-position: 0 -2304px; } .f16 .lv { background-position: 0 -2320px; } .f16 .ly { background-position: 0 -2336px; } .f16 .ma { background-position: 0 -2352px; } .f16 .md { background-position: 0 -2368px; } .f16 .me { background-position: 0 -2384px; } .f16 .mg { background-position: 0 -2400px; } .f16 .mh { background-position: 0 -2416px; } .f16 .mk { background-position: 0 -2432px; } .f16 .ml { background-position: 0 -2448px; } .f16 .mm { background-position: 0 -2464px; } .f16 .mn { background-position: 0 -2480px; } .f16 .mo { background-position: 0 -2496px; } .f16 .mq { background-position: 0 -2512px; } .f16 .mr { background-position: 0 -2528px; } .f16 .ms { background-position: 0 -2544px; } .f16 .mt { background-position: 0 -2560px; } .f16 .mu { background-position: 0 -2576px; } .f16 .mv { background-position: 0 -2592px; } .f16 .mw { background-position: 0 -2608px; } .f16 .mx { background-position: 0 -2624px; } .f16 .my { background-position: 0 -2640px; } .f16 .mz { background-position: 0 -2656px; } .f16 .na { background-position: 0 -2672px; } .f16 .nc { background-position: 0 -2688px; } .f16 .ne { background-position: 0 -2704px; } .f16 .ng { background-position: 0 -2720px; } .f16 .ni { background-position: 0 -2736px; } .f16 .nl { background-position: 0 -2752px; } .f16 .no { background-position: 0 -2768px; } .f16 .np { background-position: 0 -2784px; } .f16 .nr { background-position: 0 -2800px; } .f16 .nz { background-position: 0 -2816px; } .f16 .om { background-position: 0 -2832px; } .f16 .pa { background-position: 0 -2848px; } .f16 .pe { background-position: 0 -2864px; } .f16 .pf { background-position: 0 -2880px; } .f16 .pg { background-position: 0 -2896px; } .f16 .ph { background-position: 0 -2912px; } .f16 .pk { background-position: 0 -2928px; } .f16 .pl { background-position: 0 -2944px; } .f16 .pr { background-position: 0 -2960px; } .f16 .ps { background-position: 0 -2976px; } .f16 .pt { background-position: 0 -2992px; } .f16 .pw { background-position: 0 -3008px; } .f16 .py { background-position: 0 -3024px; } .f16 .qa { background-position: 0 -3040px; } .f16 .re { background-position: 0 -3056px; } .f16 .ro { background-position: 0 -3072px; } .f16 .rs { background-position: 0 -3088px; } .f16 .ru { background-position: 0 -3104px; } .f16 .rw { background-position: 0 -3120px; } .f16 .sa { background-position: 0 -3136px; } .f16 .sb { background-position: 0 -3152px; } .f16 .sc { background-position: 0 -3168px; } .f16 .sd { background-position: 0 -3184px; } .f16 .se { background-position: 0 -3200px; } .f16 .sg { background-position: 0 -3216px; } .f16 .si { background-position: 0 -3232px; } .f16 .sk { background-position: 0 -3248px; } .f16 .sl { background-position: 0 -3264px; } .f16 .sm { background-position: 0 -3280px; } .f16 .sn { background-position: 0 -3296px; } .f16 .so { background-position: 0 -3312px; } .f16 .sr { background-position: 0 -3328px; } .f16 .st { background-position: 0 -3344px; } .f16 .sv { background-position: 0 -3360px; } .f16 .sy { background-position: 0 -3376px; } .f16 .sz { background-position: 0 -3392px; } .f16 .tc { background-position: 0 -3408px; } .f16 .td { background-position: 0 -3424px; } .f16 .tg { background-position: 0 -3440px; } .f16 .th { background-position: 0 -3456px; } .f16 .tj { background-position: 0 -3472px; } .f16 .tl { background-position: 0 -3488px; } .f16 .tm { background-position: 0 -3504px; } .f16 .tn { background-position: 0 -3520px; } .f16 .to { background-position: 0 -3536px; } .f16 .tr { background-position: 0 -3552px; } .f16 .tt { background-position: 0 -3568px; } .f16 .tv { background-position: 0 -3584px; } .f16 .tw { background-position: 0 -3600px; } .f16 .tz { background-position: 0 -3616px; } .f16 .ua { background-position: 0 -3632px; } .f16 .ug { background-position: 0 -3648px; } .f16 .us { background-position: 0 -3664px; } .f16 .uy { background-position: 0 -3680px; } .f16 .uz { background-position: 0 -3696px; } .f16 .va { background-position: 0 -3712px; } .f16 .vc { background-position: 0 -3728px; } .f16 .ve { background-position: 0 -3744px; } .f16 .vg { background-position: 0 -3760px; } .f16 .vi { background-position: 0 -3776px; } .f16 .vn { background-position: 0 -3792px; } .f16 .vu { background-position: 0 -3808px; } .f16 .ws { background-position: 0 -3824px; } .f16 .ye { background-position: 0 -3840px; } .f16 .za { background-position: 0 -3856px; } .f16 .zm { background-position: 0 -3872px; } .f16 .zw { background-position: 0 -3888px; } .intl-tel-input { margin: 10px; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; } .intl-tel-input input { width: 250px; border: 1px solid #CCC; font-family: inherit; font-size: 100%; color: inherit; } .choices{position:relative;margin-bottom:24px;font-size:16px}.choices:focus{outline:none}.choices:last-child{margin-bottom:0}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.5}.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #00bcd4}.choices[data-type*=select-one]:after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open:after{border-color:transparent transparent #333 transparent;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]:after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0 -4px 0 8px;padding-left:16px;border-left:1px solid #008fa1;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#00bcd4;border:1px solid #00a5bb;color:#fff;word-break:break-all}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#00a5bb;border:1px solid #008fa1}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown{display:none;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all}.choices__list--dropdown.is-active{display:block}.is-open .choices__list--dropdown{border-color:#b7b7b7}.is-flipped .choices__list--dropdown{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable{padding-right:100px}.choices__list--dropdown .choices__item--selectable:after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable:after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted:after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus{outline:none}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}.choices__input:focus{outline:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5}.choices[data-type*=select-multiple] .choices__input.is-hidden,.choices[data-type*=select-one] .choices__input.is-hidden,.choices__input.is-hidden{display:none}.price-range-block {margin:60px;}.sliderText{width:40%;margin-bottom:30px;border-bottom: 2px solid red;padding: 10px 0 10px 0px;font-weight:bold;}.ui-slider-horizontal {height: .6em;}.ui-slider-horizontal {margin-bottom: 15px;width:40%;}.ui-widget-header {background: #3FE331;}.price-range-search {width:40.5%;background-color: #f9f9f9;border: 1px solid #6e6666;min-width: 40%;display: inline-block;height: 32px;border-radius: 5px;margin-bottom:20px;font-size:16px;display: none;opacity: 0;visibility: hidden;display: none !important;}.price-range-field{width:20%;min-width: 16%;background-color:#f9f9f9;border: 1px solid #6e6666;color: black;font-family: myFont;font: normal 14px Arial, Helvetica, sans-serif;border-radius: 5px;height:26px;padding:5px;}.search-results-block{position: relative;display: block;clear: both;}@-webkit-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@-o-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}.bootstrap-select>select.bs-select-hidden,select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\0;vertical-align:middle}.bootstrap-select>.dropdown-toggle{position:relative;width:100%;text-align:right;white-space:nowrap;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.bootstrap-select>.dropdown-toggle:after{margin-top:-1px}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover{color:rgba(255,255,255,.5)}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none;z-index:0!important}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2!important}.bootstrap-select.is-invalid .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle,.was-validated .bootstrap-select select:invalid+.dropdown-toggle{border-color:#b94a48}.bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select select:valid+.dropdown-toggle{border-color:#28a745}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none;height:auto}:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{float:none;z-index:auto}.form-inline .bootstrap-select,.form-inline .bootstrap-select.form-control:not([class*=col-]){width:auto}.bootstrap-select:not(.input-group-btn),.bootstrap-select[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.dropdown-menu-right,.bootstrap-select[class*=col-].dropdown-menu-right,.row .bootstrap-select[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select,.form-horizontal .bootstrap-select,.form-inline .bootstrap-select{margin-bottom:0}.form-group-lg .bootstrap-select.form-control,.form-group-sm .bootstrap-select.form-control{padding:0}.form-group-lg .bootstrap-select.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-lg .dropdown-toggle,.bootstrap-select.form-control-sm .dropdown-toggle{font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-sm .dropdown-toggle{padding:.25rem .5rem}.bootstrap-select.form-control-lg .dropdown-toggle{padding:.5rem 1rem}.form-inline .bootstrap-select .form-control{width:100%}.bootstrap-select.disabled,.bootstrap-select>.disabled{cursor:not-allowed}.bootstrap-select.disabled:focus,.bootstrap-select>.disabled:focus{outline:0!important}.bootstrap-select.bs-container{position:absolute;top:0;left:0;height:0!important;padding:0!important}.bootstrap-select.bs-container .dropdown-menu{z-index:1060}.bootstrap-select .dropdown-toggle .filter-option{position:static;top:0;left:0;float:left;height:100%;width:100%;text-align:left;overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.bs3.bootstrap-select .dropdown-toggle .filter-option{padding-right:inherit}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option{position:absolute;padding-top:inherit;padding-bottom:inherit;padding-left:inherit;float:none}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner{padding-right:inherit}.bootstrap-select .dropdown-toggle .filter-option-inner-inner{overflow:hidden}.bootstrap-select .dropdown-toggle .filter-expand{width:0!important;float:left;opacity:0!important;overflow:hidden}.bootstrap-select .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.input-group .bootstrap-select.form-control .dropdown-toggle{border-radius:inherit}.bootstrap-select[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu>.inner:focus{outline:0!important}.bootstrap-select .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select .dropdown-menu li{position:relative}.bootstrap-select .dropdown-menu li.active small{color:rgba(255,255,255,.5)!important}.bootstrap-select .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select .dropdown-menu li a span.check-mark{display:none}.bootstrap-select .dropdown-menu li a span.text{display:inline-block}.bootstrap-select .dropdown-menu li small{padding-left:.5em}.bootstrap-select .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu .notify.fadeOut{-webkit-animation:.3s linear 750ms forwards bs-notify-fadeOut;-o-animation:.3s linear 750ms forwards bs-notify-fadeOut;animation:.3s linear 750ms forwards bs-notify-fadeOut}.bootstrap-select .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.fit-width .dropdown-toggle .filter-option{position:static;display:inline;padding:0}.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner{display:inline}.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before{content:'\00a0'}.bootstrap-select.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{position:absolute;display:inline-block;right:15px;top:5px}.bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select .bs-ok-default:after{content:'';display:block;width:.5em;height:1em;border-style:solid;border-width:0 .26em .26em 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before{bottom:auto;top:-4px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after{bottom:auto;top:-4px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}.bn-breaking-news {background: none !important; border:none !important;} .bn-breaking-news .bn-news ul{top: 0px !important;} .bn-breaking-news .bn-news ul li{ display: flex !important; align-items: center; justify-content: center; text-align: center !important; height: 40px; width: auto !important; line-height: 40px !important; color: #98b4f4 !important; font-weight: bold; font-family: "Avenir-heavy"; font-size: 20px!important; padding: 2px 0px 0px 0px !important; overflow: visible !important; direction: ltr !important; } .bn-breaking-news .bn-news ul li a{ padding: 0px !important;} .bn-news { position: absolute; left: 0; top: 0; bottom: 0; height: 100%; right: 0; overflow: hidden } .bn-news ul { display: block; height: 100%; list-style: none; padding: 0; margin: 0; left: 0; bottom: 0; width: 100%; position: absolute } .bn-news ul li { white-space: nowrap; overflow: hidden!important; text-overflow: ellipsis; text-decoration: none; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; position: absolute; width: 100%; display: none; color: #98b4f4; font-weight: bold; font-family: "Avenir-heavy"; font-size: 20px; } .bn-news ul li a { white-space: nowrap; text-overflow: ellipsis; text-decoration: none; padding: 0 10px; color: #333; position: relative; display: block; overflow: hidden } .bn-news ul li a:hover { color: #069 } .bn-loader-text { padding: 0 10px } .bn-seperator { display: inline-block; float: left; margin-right: 15px; width: 30px; height: 40px; background-position: center; background-size: contain; background-repeat: no-repeat; position: relative } .bn-seperator.bn-news-dot { margin-right: 0 } .bn-seperator.bn-news-dot:after { content: ''; position: absolute; width: 8px; height: 8px; background: #333; border-radius: 50%; top: 50%; margin-top: -4px; left: 50%; margin-left: -4px } .bn-prefix { color: #d65d7a; margin-right: 15px; padding-left: 10px } .bn-positive { color: #0b8457; font-weight: 700 } .bn-negative { color: #dc2f2f; font-weight: 700 } .bn-controls { width: auto; right: 0; top: 0; bottom: 0; height: 100%; position: absolute; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .bn-breaking-news { display: block; width: 100%; border: solid 1px #ce2525; /*background:#FFF;*/ height: 40px; box-sizing: border-box; position: relative; line-height: 40px; overflow: hidden; border-radius: 2px; text-align: auto; font-size: 14px } .bn-breaking-news * { box-sizing: border-box } .bn-breaking-news.bn-fixed-top { position: fixed; left: 0; right: 0; top: 0 } .bn-breaking-news.bn-fixed-bottom { position: fixed; left: 0; right: 0; bottom: 0 } .bn-breaking-loading { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(255, 255, 255, 1); z-index: 5; padding: 0 10px; color: rgba(0, 0, 0, 1) } .bn-news { position: absolute; left: 0; top: 0; bottom: 0; height: 100%; right: 0; overflow: hidden } .bn-news ul { display: block; height: 100%; list-style: none; padding: 0; margin: 0; left: 0; bottom: 0; width: 100%; position: absolute } .bn-news ul li { white-space: nowrap; overflow: hidden!important; text-overflow: ellipsis; text-decoration: none; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; position: absolute; width: 100%; display: none; color: #333 } .bn-news ul li a { white-space: nowrap; text-overflow: ellipsis; text-decoration: none; padding: 0 10px; color: #333; position: relative; display: block; overflow: hidden } .bn-news ul li a:hover { color: #069 } .bn-loader-text { padding: 0 10px } .bn-seperator { display: inline-block; float: left; margin-right: 15px; width: 30px; height: 40px; background-position: center; background-size: contain; background-repeat: no-repeat; position: relative } .bn-seperator.bn-news-dot { margin-right: 0 } .bn-seperator.bn-news-dot:after { content: ''; position: absolute; width: 8px; height: 8px; background: #333; border-radius: 50%; top: 50%; margin-top: -4px; left: 50%; margin-left: -4px } .bn-prefix { color: #d65d7a; margin-right: 15px; padding-left: 10px } .bn-positive { color: #0b8457; font-weight: 700 } .bn-negative { color: #dc2f2f; font-weight: 700 } .bn-controls { width: auto; right: 0; top: 0; bottom: 0; height: 100%; position: absolute; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .bn-controls button { width: 30px; float: left; height: 100%; cursor: pointer; border: none; border-left: solid 1px #EEE; text-align: center; background-color: #f6f6f6; outline: none } .bn-controls button:hover { background-color: #EEE } .bn-arrow { margin: 0; display: inline-block; height: 8px; position: relative; width: 8px; top: -2px } .bn-arrow::after { border-bottom-style: solid; border-bottom-width: 2px; bord er-right-style: solid; border-right-width: 2px; content: ''; display: inline-block; height: 8px; left: 0; position: absolute; top: 0; width: 8px } .bn-arrow.bn-next { -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); -webkit-transform: rotate(315deg); transform: rotate(315deg); left: -3px } .bn-arrow.bn-prev { -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); left: 3px } .bn-arrow::after { border-color: #999 } .bn-arrow::before { background-color: #999 } .bn-play { position: relative; background: #999; width: 0; height: 12px; display: inline-block; margin-left: -5px } .bn-play::after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: #999; border-width: 8px; margin-top: -8px } .bn-pause { position: relative; width: 0; height: 14px; display: inline-block; top: 1px; left: -1px } .bn-pause::before { position: absolute; content: ""; width: 2px; height: 100%; left: 3px; background-color: #999 } .bn-pause::after { position: absolute; content: ""; width: 2px; height: 100%; left: -3px; background-color: #999 } .bn-direction-rtl { direction: rtl } .bn-direction-rtl .bn-label { left: auto; right: 0 } .bn-direction-rtl .bn-controls { right: auto; left: 0 } .bn-direction-rtl .bn-seperator { margin-left: 15px; margin-right: 0; float: right } .bn-direction-rtl .bn-prefix { margin-left: 15px; margin-right: 0; padding-left: 0; padding-right: 10px } .bn-direction-rtl .bn-controls button { border-left: none; border-right: solid 1px #EEE } .bn-effect-scroll .bn-news ul { display: block; width: 100%; position: relative } .bn-effect-scroll .bn-news ul li { display: list-item; float: left; position: relative; width: auto } .bn-effect-scroll.bn-direction-rtl .bn-news ul li { float: right }/*------------------- Tadawul master css ---------------------*/ /* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent } body { line-height: 1 } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } nav ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: none } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent } ins { background-color: #ff9; color: #000; text-decoration: none } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold } del { text-decoration: line-through } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help } table { border-collapse: collapse; border-spacing: 0 } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0 } input, select { vertical-align: middle } body a, body a:hover, body a:focus, body a:active { outline: none; } table { display: table; } table strong { font-weight: bold; } html { /*text-rendering: optimizeLegibility;*/ } /* base styles */ body { /* font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; */ font-family: 'Avenir'; font-weight: 300; font-size: 62.5%; line-height: 1; background: #f8f8f8 url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/bg-body.png") repeat-x top left; } body { overflow-x: hidden; } @media only screen and (min-width:49.5em) { /*body { overflow-x: visible;}*/ } ul, ol { list-style-type: none; } strong, em { font-weight: normal; font-style: normal; } /* base styles */ /* temp */ /*img { width: 100%; height: auto; }*/ /* temp */ /* image replacement */ .ir { text-indent: 100%; white-space: nowrap; overflow: hidden; } /* bootstrap helpers */ /* header, .about_promo { display: none; } */ .head-links { display: none; } .row-no-padding { margin-left: 0; margin-right: 0; } .row-no-padding [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } .container {} /* bootstrap helpers */ /* buttons */ button, input[type="submit"], input[type="reset"], .cta { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; position: relative; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; border: none; } .cta:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .cta:hover:before, .cta:focus:before, .cta:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .cta:hover { text-decoration: none; } /* variation 1 button | light blue to blue */ .cta.var1 { background: #0045E3; color: #fff !important; padding: 8px 0; width: 46%; text-align: center; border-top: 1px solid #5AC3A5; } .cta.var1:before { background: #5AC3A5; } .cta.var1:hover, .cta.var1:focus, .cta.var1:active { color: white; } @media only screen and (min-width:49.5em) { .cta.var1 { margin-right: 14px; } #footer .side-border{ padding-right: 30px; } #footer .alignment{ float: right; } #footer .apps-padding{ float: right; padding-left: 20px !important; } #footer .socialMedia-padding{ padding-right: 20px !important; } #footer .apps-margin{ margin-right: 10px !important; } } /* variation 2 button | light green to green */ .cta.var2 { background: #64b938; color: #fff; padding: 12px 0; width: 210px; text-align: center; border-top: 1px solid #7cd150; } .cta.var2:before { background: #7cd150; } .cta.var2:hover, .cta.var2:focus, .cta.var2:active { color: white; } /* variation 3 button | opaque to white */ .cta.var3 { background: none; color: #fff; padding: 12px 0; width: 210px; text-align: center; border: 3px solid rgba(255, 255, 255, 0.5); } .cta.var3:before { background: #64b938; } .cta.var3:hover, .cta.var3:focus, .cta.var3:active { color: #fff; border-color: rgba(100, 185, 56, 0.5); } /* variation 4 box-bt | white to blue */ .cta.var4 { background: none; color: #fff; } .cta.var4:before { background: #0045E3; } .cta.var4:hover, .cta.var4:focus, .cta.var4:active { background: #0045E3; } /* variation 2 button | light green to green */ .cta.var5 { background: #ebf4f8; color: #89aabb; padding: 12px 0; width: 210px; text-align: center; border-top: 1px solid #d8e7ee; } .cta.var5:before { background: #d8e7ee; } .cta.var5:hover, .cta.var5:focus, .cta.var5:active { color: #89aabb; } /* variation 2 button | light green to green */ .cta.var6 { background: transparent; color: #0045E3; padding: 12px 0; float: right; width: 210px; text-align: center; border: 1px solid #0045E3; } .cta.var6:before { background: #d8e7ee; } .cta.var6:hover, .cta.var6:focus, .cta.var6:active { color: #0045E3; } /* Sweep To Top */ .hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #0045E3; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: white; } .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .hvr-sweep-to-top.var1:before { background-color: #fff; } /* sweep to right effect */ .hvr-sweep-to-right { //line-height: 1; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #5AC3A5; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: white; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* shutter out vertical effect */ .hvr-shutter-out-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active { color: white; } .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* Underline From Center */ .hvr-underline-from-center { display: inline-block; vertical-align: middle; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-center:before { content: ""; position: absolute; z-index: -1; bottom: 0; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } li.current_main > .hvr-underline-from-center:before, li.current > .hvr-underline-from-center:before, .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before { left: 0; right: 0; } .hvr-underline-from-center.under1:before { background: #cbcdce; background: -moz-linear-gradient(top, #cbcdce 0%, #b3b7b8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cbcdce), color-stop(100%, #b3b7b8)); background: -webkit-linear-gradient(top, #cbcdce 0%, #b3b7b8 100%); background: -o-linear-gradient(top, #cbcdce 0%, #b3b7b8 100%); background: -ms-linear-gradient(top, #cbcdce 0%, #b3b7b8 100%); background: linear-gradient(to bottom, #cbcdce 0%, #b3b7b8 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cbcdce', endColorstr='#b3b7b8', GradientType=0); height: 2px; } .hvr-underline-from-center.under2:before { background: #fff; height: 1px; } .hvr-underline-from-center.under3:before { background: #0045E3; height: 1px; } .hvr-underline-from-center.under4:before { background: #f9f9f9; height: 6px; } .hvr-underline-from-center.under5:before { background: #0045E3; height: 3px; } @supports (-ms-accelerator:true) { .hvr-underline-from-center.under5:before { display: none; } } .hvr-underline-from-center.under6:before { background: #192d34; height: 4px; } /* buttons */ /* site tools */ #logo { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/branding/Tadawul_normal.png") no-repeat 0 0; width: 89px; height: 28px; display: inline-block; position: absolute; left: 50%; top: 50%; margin: -14px 0 0 -44px; margin-top: -6px; color:#001F33 !important; } @media only screen and (min-width:49.5em) { #logo { position: auto; top: auto; left: auto; margin: 0; width: 150px; height: 68px; margin-top: -6px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/branding/Tadawul_slim.png") no-repeat 0 0; } } @media only screen and (min-width:65em) { #logo { width: 154px; height: 80px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/branding/Tadawul_slim.png") no-repeat 0 0; } } #site_tools a#rwd_menu { display: block; width: 61px; height: 61px; position: absolute; top: -30px; left: 7px; overflow: visible; text-indent: -9999em; } #site_tools a#rwd_menu:before { content: ""; display: block; width: 25px; height: 20px; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -13px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/branding/hamburger-icon.png") no-repeat 0 -20px; } #site_tools a#rwd_menu.toggle_menu_opened:before { background-position: 0 0; } #site_tools a#rwd_menu:after { content: attr(title); display: block; width: auto; height: 100%; position: absolute; top: 0; left: 100%; margin: 0; font-size: 11px; line-height: 63px; color: #fff; text-indent: 0; text-transform: uppercase; text-align: left; } #site_tools a#rwd_menu.toggle_menu_opened:after { color: rgba(0, 146, 219, .5); } #site_tools a#rwd_srch { display: block; width: 61px; height: 61px; position: absolute; top: -30px; right: 7px; overflow: visible; text-indent: -9999em; } #site_tools a#rwd_srch:before { content: ""; display: block; width: 22px; height: 22px; position: absolute; top: 50%; left: 50%; margin: -11px 0 0 -11px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/branding/search-ico-mobile.png") no-repeat 0 0; } #site_tools a#rwd_srch.toggle_menu_opened:before { background-position: 0 0; } @media only screen and (min-width:49.5em) { #site_tools a#rwd_menu, #site_tools a#rwd_srch { display: none; } } #site_tools { position: relative; z-index: 11; padding: 30px 0; background-color: #001F33; } @media only screen and (min-width:49.5em) { #site_tools { padding: 0; } #site_tools .col { padding: 20px 0; height: 100px; } } @media only screen and (min-width:81.25em) { #site_tools { background: #001F33; } } @media only screen and (max-width:49.4375em) { #site_tools .logo { width: 100%; } } #site_tools .market_status, #site_tools .date { text-align: center; } #site_tools .market_status { margin-top: 17px; } @media only screen and (min-width:68.75em) { #site_tools .market_status, #site_tools .date { margin-top: 5px; } #site_tools .date_cont { } #site_tools .market_status { } } #site_tools .date dt { font-size: 30px; font-size: 3em; margin-bottom: 2px; } #site_tools .date dd { font-size: 14px; font-size: 1.4em; text-transform: uppercase; font-weight: bold; } #site_tools .market_status dt { font-size: 11px; font-size: 1.1em; margin-bottom: 3px; text-align: left; } #site_tools .market_status dd { font-size: 11px; font-size: 1.1em; line-height: 17px; font-weight: bold; text-align: left; position: relative; } @media only screen and (min-width:68.5em) { #site_tools .market_status dd { font-size: 14px; font-size: 1.4em; } } #site_tools .market_status dd.market_maintenance:before, #site_tools .market_status dd.market_pre_close:before, #site_tools .market_status dd.market_close:before, #site_tools .market_status dd.market_pre_open:before, #site_tools .market_status dd.market_open:before { content: "\2022"; color: #64b938; font-size: 12px; font-size: 1.6em !important; position: absolute; /* left: -12px; */ left: 4px; top: 0px; } #site_tools .market_status dd.market_maintenance:before { color: #e6860a; } #site_tools .market_status dd.market_pre_close:before { color: #e6860a; } #site_tools .market_status dd.market_close:before { color: #bc2d2d; } #site_tools .market_status dd.market_pre_open:before { color: #e6860a; } #site_tools .market_status dd.market_closed {} #site_tools .index_name, #site_tools .index_value, #site_tools .index_change { display: inline-block; margin-right: 14px; margin-top: 11px; } #site_tools .tasiHomeIndexName { padding-bottom: 13px; text-align: center; } @media only screen and (max-width:68.5em) { #site_tools .tasiHomeIndexName { padding-bottom: 10px } #site_tools .index_name { font-size: 1em !important; } #site_tools .market_status_name { font-size: 0.96em !important; } } @media only screen and (max-width:49.5em) { #site_tools .tasiHomeIndexName { padding-bottom: 6px } #site_tools .index_name { font-size: 1em !important; } #site_tools .market_status_name { font-size: 0.96em !important; } #footer #foot_brand { display: none; } #footer #foot_brand_2030 { display: none; } #footer #foot_brand_G20 { display: none; } .copyright { display: none; } #footer .mb-copyright{ display: block !important; margin: 15px; font-size: 12px; color: #999; text-align: center; } } @media only screen and (max-width:81.25em) { #site_tools .tasiHomeIndexName { padding-bottom: 13px } #site_tools .index_name { font-size: 1.2em !important; } #site_tools .market_status_name { font-size: 0.96em !important; } } #site_tools .mt30HomeIndexName { padding-bottom: 13px; text-align: center; } #site_tools .smeHomeIndexName { padding-bottom: 0px; overflow:-webkit-paged-x; text-align: center; margin-bottom: -1px; } #site_tools .smeIndexValue { font-size: 17px !important; font-size: 1.7em !important; padding-top:6px; text-align: center; color:#FFF; } @media only screen and (min-width:81.25em) { #site_tools .smeIndexValue { font-size: 22px !important; font-size: 1.9em !important; padding-top:6px; } } #site_tools .index_percentage_change{ display: inline-block; margin-right: 5px; margin-top: 11px; } @media only screen and (min-width:81.25em) { #site_tools .index_name, #site_tools .index_value, #site_tools .index_change, #site_tools .index_percentage_change { /*margin-top: 4px; */ margin-bottom: 3px; margin-top: 6px; margin-right: 40px; } } #site_tools .index_name { font-size: 14px; font-size: 1.4em; font-weight: bold; padding-left: 10px; } #site_tools .market_status_name { font-size: 14px; font-size: 0.96em; font-weight: bold; padding-left:14px; position:absolute; white-space: nowrap; } @media only screen and (max-width:1280px) { #site_tools .market_status_name { white-space: unset; } } @media only screen and (max-width:81.25em) { #site_tools .index_name, #site_tools .index_value, #site_tools .index_change { margin-right: 5px; } } #site_tools .index_change dt, #site_tools .index_value dt, #site_tools .index_percentage_change dt, #site_tools .index_label_index { font-size: 11px; font-size: 1.1em; margin-bottom: 5px; text-transform: uppercase; } #site_tools .index_change dd, #site_tools .index_value dd , #site_tools .index_percentage_change dd{ font-size: 21px; font-size: 2.1em; padding-bottom: 3px; margin-left:8px; } @media only screen and (min-width:81.25em) { #site_tools .index_change dd, #site_tools .index_value dd, #site_tools .index_percentage_change dd { font-size: 30px; font-size: 3em; } } #site_tools dd.index_change_up { color: #64b938; } #site_tools dd.index_change_down { color: #dc2a4c; } #site_tools .lang_select { position: absolute; top: 55px; right: 0; font-size: 14px; font-size: 1.3em; line-height: 20px; color: #999999; right: 20px; } @media only screen and (min-width:81.25em) { #site_tools .lang_select { top: 60px; } } @media only screen and (max-width:791px) { #site_tools .col-sm-6 { margin-top: 30px; } } #site_tools .lang_select a { font-weight: bold; font-size: 17px; color:white !important; text-decoration:none; } #site_tools .col-sm-1, #site_tools .col-sm-2, #site_tools .col-sm-3, #site_tools .col-sm-7 { display: none; } @media only screen and (min-width:49.5em) { #site_tools .col-sm-2, #site_tools .col-sm-3, #site_tools .col-sm-7 { display: inline-block; } } /* main navigation */ #nav_desktop { display: none !important; } #nav_mobile { display: block !important; } @media only screen and (min-width:49.5em) { #nav_desktop { display: block !important; } #nav_mobile { display: none !important; } header { z-index: 10; position: relative; padding-bottom: 40px; width: 100vw; -webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ } header.fixed_nav { padding-bottom: 60px; } #nav_main_wrap { left: 0; right: 0; /*top: 100px;*/ display: block; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } header.fixed_nav #nav_main_wrap { top: 0; z-index: 50; bottom: auto; position: fixed; -webkit-backface-visibility: hidden; -webkit-transform: translateY(-200px); -mox-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ } header.fixed_nav #nav_main_wrap.slide_d { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #nav_main_wrap:after { position: absolute; background: #fff; content: " "; z-index: 10; left: 0; top: -100px; right: 0; bottom: 100%; } } #nav_main { font-size: 16px; font-size: 1.6em; font-weight: normal; width: 100%; visibility: hidden; position: absolute; z-index: 10; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; /*-webkit-perspective: 1000; */ -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translateY(0) translateZ(0); -moz-transform: translateY(0) translateZ(0); -ms-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); -webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ } #nav_main:before { width: 100%; height: 100%; position: absolute; left: 50%; top: 0; z-index: 1; content: " "; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ } @media only screen and (min-width:49.5em) { #nav_main { visibility: visible; position: relative; background: #CCD2D6; } } #nav_main.toggle_srch, #nav_main.toggle_menu { visibility: visible; } #nav_main #parent_nav_mobile { -webkit-transform: translateY(-100%) translateZ(0); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ } #nav_main.toggle_menu #parent_nav_mobile { -webkit-transform: translateY(0) translateZ(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } @media only screen and (min-width:40.5em) { #nav_main { font-size: 13px; padding: 0 0 0 0; } } @media only screen and (min-width:65.5em) { #nav_main { font-size: 16px; font-size: 1.6em; } } @media only screen and (min-width:49.5em) { #nav_main { font-weight: normal; } } #nav_main.menu_slide_up { -webkit-transform: translateY(-65px) translateZ(0); -moz-transform: translateY(-65px); -ms-transform: translateY(-65px); transform: translateY(-65px); } #nav_main.menu_slide_down { -webkit-transform: translateY(0) translateZ(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #nav_main li { font-weight: bold; display: inline-block; float: left; } #nav_main li li { font-weight: normal; } #nav_main a { /*color: #fff;*/ color: #000 !important; display: block; -webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ position: relative; z-index: 10; text-decoration: none; } #nav_main a:hover { color:#001F33 text-decoration: none; } #nav_main .root > a { font-size: 12px; line-height: 40px; padding: 0 6px 0 16px; } header.fixed_nav #nav_main .root > a { line-height: 60px; } @media only screen and (min-width:62.5em) { #nav_main .root > a { padding: 0 10px 0 16px; font-size: 14px; } } #nav_main a.sub {} #nav_main a.sub span:before { content: ""; position: absolute; left: 5px; top: 50%; margin-top: -2px; width: 7px; height: 5px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/branding/sub-nav-ind.png") no-repeat 0 0; -webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ } #nav_main li.hover a.sub span:before { background-position: 0 -5px; } #nav_main a.home { color: #000 !important; padding: 0 10px 0 0; } .home:active { color: #000 !important; } .home:visited { color: 000!important; } #nav_main li.rel { position: relative; } @media only screen and (min-width:49.5em) { #nav_main a { display: inline-block; text-decoration: none; } } @media only screen and (min-width:768px) { #nav_main .user_nav { padding-right: 5px; } } #nav_main .user_nav { float: right; position: relative; padding-right: 56px; } #nav_main .user_nav a { vertical-align: top; background: #163745; font-size: 14px; font-size: 0.875em; line-height: 40px; font-weight: normal; padding: 0 4px; border-right: 1px solid #112127; -webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ } header.fixed_nav #nav_main .user_nav a { line-height: 60px; } #nav_main .user_nav a.portfolio span { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/suitcase-ico.png") no-repeat center center; padding: 0; width: 50px; } #nav_main .user_nav a.watchlist span { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/eye-ico.png") no-repeat center center; padding: 0; width: 50px; } #nav_main .user_nav a.portfolio span, #nav_main .user_nav a.watchlist span { text-indent: 200%; white-space: nowrap; overflow: hidden; float: left; } #nav_main .user_nav a.portfolio span, #nav_main .user_nav a.watchlist span { width: 40px; } @media only screen and (min-width:62.5em) { #nav_main .user_nav a.portfolio span, #nav_main .user_nav a.watchlist span { width: 45px; /*display:none;*/ } } @media only screen and (min-width:75.5em) { #nav_main .user_nav a { border-right: none; padding: 0 15px 0 10px; } #nav_main .user_nav a.portfolio { padding: 0 10px 0 15px; } #nav_main .user_nav a.portfolio span { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/suitcase-ico.png") no-repeat 0 center; padding-left: 25px; width: auto; height: auto; } #nav_main .user_nav a.watchlist span { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/eye-ico.png") no-repeat 0 center; padding-left: 25px; width: auto; height: auto; } #nav_main .user_nav a.portfolio span, #nav_main .user_nav a.watchlist span { text-indent: 0; white-space: normal; overflow: inherit; } .foot_brand_align { padding-top: 13px; } } #nav_main #login_cmpt form { padding: 0 15px; } #nav_main #login_cmpt form p { margin: 5px 0 15px 0; } .login_error { border: 1px solid #db001a !important; background-color: #feeeee !important; } .error_prompt { background: #d04040; border-bottom: 2px solid #b13535; padding: 10px; color: #fff; margin-bottom: 10px; font-size: 14px; line-height: 18px; } #nav_main #login_cmpt { position: absolute; top: 0; left: 0; right: 0; background: #fff; padding: 10px 0 0 0; font-weight: normal; visibility: hidden; box-shadow: 0 5px 27px rgba(0, 0, 0, 0.15); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; /*-webkit-perspective: 1000; */ -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translateY(-100%) translateZ(0); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ } #nav_main .user_nav.hover #login_cmpt { -webkit-transform: translateY(80px) translateZ(0); -moz-transform: translateY(80px); -ms-transform: translateY(80px); transform: translateY(80px); visibility: visible; } header.fixed_nav #nav_main .user_nav.hover #login_cmpt { -webkit-transform: translateY(60px) translateZ(0); -moz-transform: translateY(60px); -ms-transform: translateY(60px); transform: translateY(60px); } #nav_main #login_cmpt p { font-size: 14px; line-height: 20px; } #nav_main #login_cmpt input.text_input { width: 100%; border: 1px solid #c0dae7; background: #f8f8f8; padding: 15px 10px; font-size: 18px; font-weight: normal; color: #999999; } #nav_main #login_cmpt .cta { margin: 15px 0; width: 100%; } #nav_main #login_cmpt p.forgot_pass, #nav_main #login_cmpt p.signup { padding: 15px 0; border-top: 1px solid #e5e5e5; text-align: center; background: #f5f8fa; } #nav_main #login_cmpt p.forgot_pass a, #nav_main #login_cmpt p.signup a { padding: 0; background: none; color: #0045E3; text-decoration: none; font-size: 14px; clear: both; display: block; line-height: 1; font-weight: bold; margin: 5px 0 0 0; text-decoration: underline; border-right: none; } #nav_main #login_cmpt p.signup a:hover { text-decoration: none; } #nav_desktop #chart_nav { height: 270px; position: absolute; width: 200px; top: 15px; left: 10px; z-index: 0; } #nav_desktop #chart_nav_sme { height: 270px; position: absolute; width: 200px; top: 15px; left: 10px; z-index: 0; } /* navigation search */ #nav_main .nav_search { float: left; position: relative; display: inline-block; } #nav_main .nav_search_inside { float: right; display: inline-block; margin-top: 11px; } #nav_main #phantom_search { position: absolute; right: 0; bottom: 300px; padding: 10px 0px 10px 37px; background: #fff; width: 310px; height: 80px; z-index: -10; -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translateY(0) translateZ(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .fixed #nav_main #phantom_search { top: 60px; } #nav_main .nav_search_inside #phantom_search { background: none; } #nav_main nav.nav_open #phantom_search, #nav_main #phantom_search.toggle_search { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translateY(380px) translateZ(0); -moz-transform: translateY(380px); -ms-transform: translateY(380px); transform: translateY(380px); z-index: auto; } #nav_main #search_trigger { width: 56px; height: 100%; text-indent: -9999em; display: inline-block; background: #001F33 url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/branding/search-ico.png") no-repeat center center; } #nav_main #search_trigger.open { background: #001F33 url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/branding/search-close-ico.png") no-repeat center center; } header.fixed_nav #nav_main_wrap #nav_main #search_trigger { padding: 30px 28px; } #nav_main #nav_search { top: 0; right: 0; bottom: 0; position: absolute; } #nav_main #nav_search .nav_search { height: 100%; } #nav_main .nav_search_inside { position: absolute; right: 0; top: 0; } #nav_main .nav_search_text { padding: 10px; font-weight: normal; border: none; border-bottom: 2px solid #0045E3; width: 217px; height: 58px; background: #f8f8f8; color: #cccccc; float: left; } #nav_main .nav_search_text:focus { border-bottom: 2px solid #5AC3A5; color: #333; } #nav_main .nav_search_bt { background: #0045E3; width: 56px; height: 58px; float: right; } #nav_main .nav_search_bt:hover { background-color: #5AC3A5; } #nav_main .nav_search_bt img { width: 26px; height: 26px; } #nav_main .live_result { background: #EDEFF1; width: 274px; position: absolute; top: 75px; right: 35px; } #nav_main .live_result li { font-size: 12px; line-height: 16px; width: 100%; padding: 10px 10px; border-bottom: 1px solid #001F33; } #nav_main .live_result_item { background: #EDEFF1; width: 273px; position: relative; top: 0; left: 0; color: #fff; padding: 8px 10px; font-size: 12px; line-height: 16px; border-bottom: 1px solid #001F33; } .live_result_item { background: #EDEFF1; width: 273px; position: relative; top: 0; left: 0; color: #fff; padding: 8px 10px; font-size: 12px; line-height: 16px; border-bottom: 1px solid #001F33; } .live_result_item a, .live_result_item a:hover { color: #fff; } .live_result_item a:hover { color: #fff; background:#40C1AC; } #nav_main .live_result li a:hover { color: #fff; background:#40C1AC; } .watchlist_add_item .live_result_item { width: 575px; top: 19px; } .watchlist_add_item #newStock-error { background: #163745; position: absolute; top: 36px; left: 0; color: #fff; padding: 8px 10px; font-size: 12px; line-height: 16px; width: 575px; } #nav_main span.home_nav { -webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ } header.fixed_nav #nav_main_wrap #nav_main span.home_nav { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translateY(80px) translateZ(0); -moz-transform: translateY(80px); -ms-transform: translateY(80px); transform: translateY(80px); opacity: 0; visibility: hidden; } #nav_main span.slim_home_nav { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/branding/brand-nav.png") no-repeat 0 0; width: 35px; height: 35px; float: left; opacity: 0; visibility: hidden; -webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translateY(-20px) translateZ(0); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } header.fixed_nav #nav_main_wrap #nav_main span.slim_home_nav { -webkit-transform: translateY(0) translateZ(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } #nav_main nav { position: relative; float: left; width: 100%; -webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ } #nav_main ul { display: inline-block; float: left; } #nav_main ul.nav_sub_1 { width: 100%; padding: 0; position: relative; } #nav_main ul.nav_sub_1:after, #nav_main ul.nav_sub_1:before { content: ""; display: block; width: 83px; height: 100%; background-color: #fff; border-bottom: #e3e3e3 1px solid; position: absolute; top: 0; } #nav_main ul.nav_sub_1:after { right: 100%; } #nav_main ul.nav_sub_1:before { left: 100%; width: 84px; } #nav_main .menu_lvl1 { background: #fff; position: absolute; left: 0; z-index: -1; visibility: hidden; font-size: 14px; font-size: 0.875em; box-shadow: 0 0 0 rgba(0, 0, 0, 0.15), 0 -1px 0 #e3e3e3 inset; -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translateY(-100%) translateZ(0); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } #nav_main .menu_lvl1.highlight { border-color: #192d34; } #nav_main .menu_lvl2 { background: #fff; position: absolute; left: 0; top: 0; z-index: -10; font-size: 14px; font-size: 0.875em; /*height: 235px;*/ display: none; overflow: hidden; box-shadow: none; -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #nav_main .menu_lvl2.doubleT { height: 420px; } #nav_main .menu_lvl2.fund { left: -7px; width: max-content; padding-left: 20px; } #nav_main .nav_desktop .menu_lvl1 a { color: #666666 !important; font-weight: normal; position: relative; } #nav_main .menu_lvl1 a.subsub_ind { padding-left: 10px; } #nav_main .menu_lvl1 a.subsub_ind:before { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/branding/subsub-nav-ind.png") no-repeat 0 0; width: 7px; height: 5px; position: absolute; left: 0; top: 50%; content: ""; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #nav_main .menu_lvl1 a.subsub_ind:hover, #nav_main .menu_lvl1 .current a.subsub_ind { box-shadow: 0 -4px 0 #40C1AC inset; color: #fff !important; background: #A6B1B8; } #nav_main .menu_lvl1 a.subsub_ind:hover:before, #nav_main .menu_lvl1 .current a.subsub_ind:before { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/branding/subsub-nav-ind.png") no-repeat 0 -5px; } #nav_main .menu_lvl1.custom_width65 li, #nav_main .menu_lvl2.custom_width65 li, #nav_main .menu_lvl2.full_width li { padding: 5px 0px 4px 0px; } #nav_main .menu_lvl1.custom_width1 { padding: 15px 0; } #nav_main .menu_lvl1.custom_width1 a { padding: 0 0 2px 0; margin: 10px 30px; color: #0045E3 !important; } #nav_main .menu_lvl2.custom_width1 { padding: 0; } #nav_main .menu_lvl2.custom_width1 li { padding: 5px 28px 4px 28px; } #nav_main .menu_lvl2.custom_width1 a { padding: 0 !important; margin: 0 !important; color: #0045E3 !important; /*color: #40C1AC !important;*/ white-space: nowrap; } @media only screen and (min-width:49.5em) { #nav_main .menu_lvl1 {} } #nav_main li.hover .menu_lvl1 li {} #nav_main li.hover .menu_lvl1 { visibility: visible; box-shadow: 0 5px 27px rgba(0, 0, 0, 0.15), 0 -1px 0 #e3e3e3 inset; -webkit-transform: translateY(0) translateZ(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #nav_main .nav_sub_1.curent, #nav_main li.hover .menu_lvl2.hover { visibility: visible; border-top: 1px solid #40C1AC; box-shadow: 0 5px 27px rgba(0, 0, 0, 0.15); display: block; -webkit-transform: translateY(45px) translateZ(0); -moz-transform: translateY(45px) translateZ(0); -ms-transform: translateY(48px) translateZ(0); transform: translateY(45px) translateZ(0); } #nav_main li .menu_lvl1 a { padding: 20px 13px 12px 8px; color: #666666; } #nav_main li .menu_lvl2 a { padding: 28px 20px; float: none; } #nav_main li .menu_lvl2 a:hover { text-decoration: underline; } #nav_main li .menu_lvl2 li { float: none; display: block; } #nav_main li.hover .menu_lvl1 a { } #nav_main .full_width { width: 100%; } #nav_main .custom_width1 { width: inherit; } #nav_main .custom_width65 { width: 65%; left: auto; } #nav_main .menu_lvl1 .col a.down, #nav_main .menu_lvl2 .col a.down { position: relative; margin-left: 22px; overflow: visible; } #nav_main .menu_lvl1 .col a.down:after, #nav_main .menu_lvl2 .col a.down:after { content: ""; display: block; width: 16px; height: 14px; position: absolute; left: -22px; top: 50%; margin-top: -9px; background: url('/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/down-ico.png') no-repeat center center; } #nav_main .col { float: left; /*width: 25%;*/ font-size: 14px; /* font-size: 1em; */ line-height: 1.642em; padding-top: 20px; padding-bottom: 20px; font-size: 13px; } #nav_main ul.col li, #nav_main .col a { display: block; width: 100%; float: none; } #nav_main .col a { padding: 0; display: inline-block; color: #0045E3 !important; width: auto; } #nav_main li .menu_lvl1 .col a, #nav_main li .menu_lvl2 .col a { padding: 0; } #nav_main .col a:hover { color: #0092db; } #nav_main .col li strong { font-weight: bold; text-transform: uppercase; color: #333; margin-bottom: 8px; display: block; } #nav_main .doubleT .col li strong { min-height: 41px; } #nav_main .menu_lvl2 .eq { padding-top: 0; padding-bottom: 10px; width: 235px; } #nav_main .menu_lvl2 .eq .wrap { height: 380px; float: left; width: 100%; background-color: #001F33; padding: 10px 0 0 0; margin-left: -7px; } #nav_main .menu_lvl2 .eq .graf { background: url('/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/helpers/graf-nv.png') no-repeat left bottom / 100% 100%; height: 79px; width: 100%; float: left; margin-top: 8px; } #nav_main .menu_lvl2 .eq .wrap_cta { padding: 0px 24px 0px 10px; width: 100%; position: absolute; left: 0; bottom: 10px; } #nav_main .menu_lvl2 .eq a.cta_bt { /* background: #0092db; */ background: #0045E3; width: 100%; height: 38px; line-height: 38px; color: #fff !important; text-align: center; font-weight: bold; margin: 10px 0; } #nav_main .menu_lvl2 .eq a.cta_bt:hover { /*background: #1ca5e8;*/ background: #5AC3A5; text-decoration: none; } #nav_main .menu_lvl2 .eq p { font-size: 18px; font-size: 1.285em; line-height: 1.642em; color: #fff; float: left; width: 100%; padding: 0 8px; position: relative; z-index: 10; } #nav_main .menu_lvl2 .eq p a { font-size: 14px; font-size: 0.777em; line-height: 2.142em; display: inline; } #nav_main .menu_lvl2 .eq p strong { color: #fff; min-height: 0; float: left; } #nav_main .menu_lvl2 .eq p.green strong { color: #64b938; } #nav_main .menu_lvl2 .eq p.red strong { color: #bc2d2d; } #nav_main .menu_lvl2 .eq p.white strong { color: #fff; } #nav_main .menu_lvl2 .eq p .r { float: right; } #nav_main .menu_lvl2 .block { font-size: 14px; padding: 20px 10px; } #nav_main .menu_lvl2 .block li { padding: 5px 10px; } #nav_main .menu_lvl2 .block a { padding: 0 0 3px 0; display: inline-block; color: #0045E3 !important; width: auto; } #nav_main .menu_lvl2 .alp { background-color: #192d34; padding-top: 20px; padding-bottom: 20px; padding-left: 18px; } #nav_main .menu_lvl2 .alp dt { float: left; width: 100%; color: #ccc; padding: 6px 8px 5px; } #nav_main .menu_lvl2 .alp dd { float: left; padding: 6px 0px 5px; } #nav_main .menu_lvl2 .alp a { padding: 0 8px !important; } #nav_main .serv { background: url('/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/nav/services-bg.png') no-repeat center center /cover; height: 278px; padding: 48px 0 0 0; text-align: center; } #nav_main .serv .t { color: #64b938; text-transform: uppercase; font-weight: bold; margin: 0 0 10px; } #nav_main .serv .st { color: #fff; font-size: 24px; font-size: 1.714em; line-height: 1.25em; margin: 0 0 25px; } #nav_main .serv .cta { width: 211px; height: 45px; border: rgba(255, 255, 255, .5) 3px solid; line-height: 2.785em; color: #fff !important; font-weight: bold; position: relative; } #nav_main .serv .cta:before { content: ""; width: 6px; height: 8px; display: inline-block; background: url('/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/arrow-cta-white.png') no-repeat center center; transform: none; -webkit-transform: none; -ms-transform: none; position: relative; left: -7px; } /* only mobile */ @media only screen and (max-width:49.4375em) { #nav_main #parent_nav_mobile { background-color: #fff; } #nav_main::before { display: none; } #nav_main #parent_nav_mobile, #nav_main #parent_nav_mobile ul, #nav_main #parent_nav_mobile li { width: 100%; } #nav_main #parent_nav_mobile li { overflow: hidden; } #nav_main #parent_nav_mobile .menu { /*display: none;*/ display: block; height: 0; overflow: hidden; position: relative; left: 0px; z-index: 1; visibility: visible; box-shadow: none; background-color: transparent; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 0ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 0ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition: all 0ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0ms cubic-bezier(0.645, 0.045, 0.355, 1.000); } #nav_main #parent_nav_mobile .menu.opened { /* -webkit-transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000); */ } #nav_main #parent_nav_mobile li { position: relative; /*border-top: #ffcc00 1px solid;*/ box-shadow: 0 1px 0 #e3e3e3 inset; /* top */ -webkit-transition: all 100ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 100ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition: all 100ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 100ms cubic-bezier(0.645, 0.045, 0.355, 1.000); } #nav_main #parent_nav_mobile > li:first-child { box-shadow: 0 0 0 #ffcc00 inset; } #nav_main #parent_nav_mobile > li:last-child { box-shadow: 0 1px 0 #e3e3e3 inset, 0 -1px 0 #e3e3e3 inset; } #nav_main #parent_nav_mobile a { display: block; font-weight: bold; color: #333; } #nav_main #parent_nav_mobile a { padding: 0 14px 0 14px; font-size: 14px; font-size: 0.875em; line-height: 40px; } #nav_main #parent_nav_mobile .menu_lvl1 a { padding: 0 14px 0 24px; font-size: 14px; font-size: 1em; line-height: 40px; } #nav_main #parent_nav_mobile .menu_lvl2 a { padding: 0 14px 0 34px; font-size: 14px; font-size: 1.142em; line-height: 40px; } #nav_main #parent_nav_mobile .drop > a { margin-right: 46px; position: relative; } #nav_main #parent_nav_mobile .drop .more { display: block; width: 46px; height: 39px; position: absolute; right: 0; top: 1px; background-color: #0045E3; text-indent: -9999em; } #nav_main #parent_nav_mobile .drop > .more:after { content: ""; display: block; width: 6px; height: 8px; position: absolute; left: 50%; top: 50%; margin: -4px 0 0 -3px; background: url('/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/arrow-cta-white.png') no-repeat 0 0; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1.000); } #nav_main #parent_nav_mobile .droped > .more:after { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } /*otvoreni sub meni */ #nav_main #parent_nav_mobile .droped { /*background-color: #163745;*/ background-color: #5AC3A5; } #nav_main #parent_nav_mobile .droped > a { color: #000; } #nav_main #parent_nav_mobile .droped > .more { /*background-color: rgba(0, 146, 219, .5);*/ } #nav_main #parent_nav_mobile .droped li { box-shadow: 0 1px 0 #2d4851 inset; /*border-top: #2d4851 1px solid;*/ } #nav_main #parent_nav_mobile .droped li a { color: #fff; } #nav_main #parent_nav_mobile .droped.focused { background-color: #f2f2f2; } #nav_main #parent_nav_mobile .droped.focused li { box-shadow: 0 1px 0 #fff inset; /*border-top: #fff 1px solid;*/ } #nav_main #parent_nav_mobile .droped.focused li a { color: #333; } #nav_main #parent_nav_mobile .focused > a { color: #333; } #nav_main #parent_nav_mobile .droped .drop { box-shadow: 0 1px 0 #2d4851 inset; /*border-top: #2d4851 1px solid;*/ } #nav_main #parent_nav_mobile .droped .drop a { color: #000; } #nav_main #parent_nav_mobile .droped.focused .drop li { box-shadow: 0 1px 0 #fff inset; /*border-top: #fff 1px solid;*/ } #nav_main #parent_nav_mobile .droped.focused .drop a { color: #333; } #nav_main #parent_nav_mobile .droped.focused .drop.droped li { box-shadow: 0 1px 0 #2d4851 inset; /*border-top: #2d4851 1px solid;*/ } #nav_main #parent_nav_mobile .droped.focused .drop.droped a { color: #000; } #nav_main #parent_nav_mobile > li.user_bar { /*background-color: #163745;*/ background-color: #5AC3A5; } #nav_main #parent_nav_mobile > li.user_bar a { display: inline-block; float: left; color: #fff !important; padding: 0; line-height: 50px; margin: 0 6px 0 14px; padding: 0 14px; } #nav_main #parent_nav_mobile > li.user_bar a:before { content: ""; display: block; position: absolute; left: 0; top: 50%; } #nav_main #parent_nav_mobile > li.user_bar a.portfolio { padding-left: 24px; } #nav_main #parent_nav_mobile > li.user_bar a.portfolio:before { width: 16px; height: 14px; margin: -7px 0 0 0; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/suitcase-ico.png") no-repeat 0px 0px; } #nav_main #parent_nav_mobile > li.user_bar a.watchlist { padding-left: 29px; } #nav_main #parent_nav_mobile > li.user_bar a.watchlist:before { width: 18px; height: 12px; margin: -6px 0 0 0; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/eye-ico.png") no-repeat 0px 0px; } #nav_main #parent_nav_mobile > li.user_bar a.swichlang { /*background-color: #112127;*/ float: right; margin: 0 0 0 14px; padding-left: 38px; } #nav_main #parent_nav_mobile > li.user_bar a.swichlang:before { width: 16px; height: 16px; margin: -8px 0 0 12px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/lang-ico.png") no-repeat 0px 0px; } #nav_main #nav_search_mobile { position: absolute; right: 0; top: 0; padding: 14px 70px 14px 14px; background: #fff; width: 100%; /* height: 80px; */ height: 60px; z-index: -10; -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translateY(-300px) translateZ(0); -moz-transform: translateY(-300px); -ms-transform: translateY(-300px); transform: translateY(-300px); } #nav_main.toggle_srch #nav_search_mobile { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translateY(0) translateZ(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); z-index: auto; } #nav_main #nav_search_mobile .nav_search_text { width: 100%; } #nav_main #nav_search_mobile .nav_search_bt { position: absolute; right: 14px; top: 14px; float: none; } #market_info_rwd { display: none !important; } } #market_info_rwd { display: none; } @media only screen and (min-device-width : 320px) and (max-device-width : 568px) { #nav_main #parent_nav_mobile > li.user_bar a { margin: 0px ; } } @media only screen and (max-width:49.4375em) { #market_info_rwd { font-size: 14px; line-height: 20px; text-align: left; color: #333333; /* text-transform: uppercase;*/ display: block; border-bottom: 1px solid #d9e2e5; padding: 2px 0; background: #f8f8f8; } #market_info_rwd span { display: inline-block; } #market_info_rwd .status { font-size: 10px; margin-right: 10px; position: relative; } #market_info_rwd .status.open:after, #market_info_rwd .status.closed:after, #market_info_rwd .status.orange:after, #market_info_rwd .status.yellow:after { content: ""; width: 6px; height: 6px; border-radius: 50em; position: absolute; left: -10px; top: 50%; margin-top: -3px; } #market_info_rwd .status.open:after { background: #64b938; } #market_info_rwd .status.closed:after { background: #bc2d2d; } #market_info_rwd .status.orange:after { background: #e6860a; } #market_info_rwd .status.yellow:after { background: #ffd11b; } #market_info_rwd .index { font-size: 10px; color: #999999; } #market_info_rwd .up { color: #64b938; } #market_info_rwd .down { color: #bc2d2d; } #market_info_rwd .orange_s { color: #e6860a; } #market_info_rwd .yellow_s { color: #ffd11b; } #market_info_rwd .marketStatusColumn { float: left; width: 35%; padding: 15px; } #market_info_rwd .indexColumn { float: left; width: 15%; padding: 8px; } #market_info_rwd .indexValueColumn { float: left; width: 50%; padding: 10px; } #market_info_rwd .indexColumnalign { text-align: right; } #market_info_rwd .indexValueColumnalign { text-align: left; } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } } @media only screen and (max-width:480px) { #market_info_rwd .headerfont { font-size: 10px; } #market_info_rwd .nomucindexname { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } } @media only screen and (max-width:568px) { #market_info_rwd .headerfont{ font-size: 10px; } #market_info_rwd .nomucindexname { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } } /* --------------- registration page ------------------*/ #content .form_msg { background: #192d34; color: #fff; font-weight: normal; margin: 20px; padding: 15px; /*width: 410px;*/ display: none; } #content .form_msg.hide { display: none; } #content .form_msg label { clear: both; width: 100%; display: block; } #content .form_msg ul { width: 100%; text-align: left; } #content .form_msg li { display: inline-block; text-align: left; margin: 10px 0 0 5px; padding: 0 !important; } #content .form_msg li label { text-align: left; } #content .form_msg li:before { content: none !important; } #content .form_msg .cta { width: auto !important; padding: 5px 20px; text-transform: uppercase; font-size: 12px; font-size: 0.75em; margin: 0; } #content .reg_head { border-bottom: 5px solid #0045E3; margin-bottom: 30px; padding: 20px 20px 10px 20px; } #content .reg_head.login { padding: 30px 20px 10px 20px; } #content .reg_head.alt { border-bottom: 5px solid #0045E3; margin: 10px 0 30px 0; padding: 20px 20px 10px 20px; background: none; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.03); } #content .reg_head.foot { border-bottom: none; border-top: 5px solid #0045E3; margin-bottom: 30px; padding: 20px 20px 10px 20px; } @media only screen and (min-width:49.5em) { #content .reg_head.login { padding: 30px 50px 10px 165px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/reg-gfx.png") no-repeat 45px 20px; } #content .reg_head { border-bottom: 5px solid #0045E3; margin-bottom: 30px; padding: 20px 50px 10px 165px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/reg-gfx.png") no-repeat 45px 50px; } #content .reg_head.foot { border-bottom: none; border-top: 5px solid #0045E3; margin-bottom: 30px; padding: 20px 50px 10px 165px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/reg-gfx-2.png") no-repeat 45px 50px; } } #content .reg_head p { font-size: 18px; font-size: 1.125em; line-height: 25px; font-weight: bold; } #content .reg_head ul { font-size: 16px; font-size: 1em; margin: 15px 0; } #content .reg_head li { margin-bottom: 10px; } #content .reg_head li em { text-transform: uppercase; font-weight: bold; color: #64b938; } #content .reg_head li strong { font-weight: bold; color: #0045E3; } #content .registration { background-color: #fff; border-left: 1px solid #e5edf2; box-shadow: 0 0 10px rgba(0, 0, 0, 0.03); } #content .registration form { padding: 0; } #content .registration form .text_input { width: 100%; } #content .registration form .cta { width: 210px; } #content .registration h2 { text-transform: uppercase; font-weight: bold; font-size: 18px; font-size: 1.125em; border-left: 4px solid #0045E3; padding-left: 12px; margin-bottom: 25px; margin-left: 20px; } #content .registration h2.sep { margin-top: 10px; display: inline-block; } #content .registration h2.sepalt { margin-top: 30px; display: inline-block; } #content .registration hr { content: " "; border-top: 1px solid #f0f0f0; width: 100%; height: 1px; display: inline-block; box-shadow: 0 0 10px rgba(0, 0, 0, 0.03); } #content .registration dl { margin-bottom: 30px; padding: 0 20px; } #content .registration dt, #content .registration dd { display: block; } #content .registration dt { font-size: 12px; font-size: 0.75em; font-weight: bold; text-transform: uppercase; width: 100%; text-align: left; margin-right: 30px; margin-bottom: 10px; vertical-align: middle; } #content .registration .align dt { vertical-align: top; } #content .registration dl.submit { border-top: 1px solid #ccc; padding: 25px 0 25px 20px; } #content .registration dl.submit.alt { padding: 25px 0 0 20px; } #content .registration dl label { display: block; clear: both; font-size: 14px; font-size: 0.875em; margin-bottom: 5px; } #content .registration li { position: relative; padding-left: 35px; } #content .registration li:before { content: "\2022"; position: absolute; left: 0; top: 0; color: #0045E3; } #content .reg_head.alt li { position: relative; padding-left: 25px; } #content .reg_head.alt li:before { content: "\2022"; position: absolute; left: 0; top: 0; color: #0045E3; } @media only screen and (min-width:49.5em) { #content .registration dl { padding: 0 0 0 20px; } #content .registration form .text_input { width: 410px; } #content .registration dd { display: inline-block; } #content .registration dt { width: 100px; text-align: right; margin-bottom: 0; display: inline-block; } } form dd { position: relative; display: inline-block; z-index: auto; } .row form dd { z-index: auto; } form dd .form_tip, form dd label.error { position: absolute; right: 0; z-index: 9; font-size: 12px !important; background: #fff; color: #333; font-weight: normal !important; width: 200px; padding: 10px; border-bottom: 2px solid #0045E3; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } form dd .form_tip.hide { display: none; } @media only screen and (min-width:49.5em) { form dd .form_tip, form dd label.error { right: -210px; top: 0; } #footer hr{ display:none; } } /* --------------- content ------------------*/ #content { font-size: 14px; font-size: 1.4em; line-height: 1.500; position: relative; padding-bottom: 15px; } #content .offset { display: block; } @media only screen and (min-width:49.5em) { #content { font-size: 16px; font-size: 1.6em; padding-bottom: 45px; } #content .offset { padding: 20px 0 0 0; /* padding: 0 0 0 0; */ } } #content picture img { width: 100%; height: auto; } /* custom titles */ #content h2.sub_sec_title { display: inline-block; font-size: 24px; font-size: 1.5em; text-transform: uppercase; font-weight: bold; margin: 15px 14px; } #content h2.sub_sec_title_marketsymmary { text-transform: none; } #content h2.sub_sec_title span { font-size: 18px; font-size: 0.75em; font-weight: normal; color: #cccccc; } #content h2.sub_sec_title.news_arch { border-left: 4px solid #0045E3; margin-left: 0; padding-left: 10px; } #content h2.sub_sec_title.site_map { border-left: 4px solid #0045E3; margin-left: 0; padding-left: 10px; text-transform: none; } #content h2.sub_sec_title.reset { margin-bottom: 0; color: #005f7d; } #content p.sub_sec_undertitle { font-size: 16px; font-size: 1em; text-transform: uppercase; margin: 0 14px 15px 14px; } /* breaking news */ #site_msg { padding: 28px 14px; background: #fdffd1; } @media only screen and (min-width: 56.25em) { #site_msg { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } } #site_msg h2.sub_sec_title { padding: 0; margin: 0 0 -5px 0; position: relative; top: -7px; } #site_msg p.time { font-size: 14px; font-size: 0.875em; } #site_msg .msg_content { font-size: 18px; font-size: 1.125em; } #site_msg .msg_content a.more { font-size: 14px; font-size: 0.7777777777777777em; text-decoration: underline; margin-left: 10px; } #site_msg a.close_bn { position: absolute; width: 8px; height: 8px; right: 19px; top: 0; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/x-icon.png") no-repeat 0 0; } #site_msg .share_bn { position: relative; } #site_msg .share_bn:before { content: ""; background: #5b5c53; height: 1px; width: 32px; position: absolute; top: 16px; right: 0; } #site_msg a.share_bn_tog { position: absolute; width: 32px; height: 32px; right: 0; top: 14px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/share-tog.png") no-repeat center center; transition: none; } #site_msg a.share_bn_tog.open { background-color: #163745; } #site_msg .reveal { display: none; background: #163745; position: absolute; right: 0; top: 42px; padding: 10px 7px; width: 98px; } #site_msg .reveal.toggle { display: block; } #site_msg .reveal a { float: left; width: 24px; height: 24px; margin: 0 2px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/social-bn-ico.png") no-repeat 0 0; } #site_msg .reveal a.facebook { background-position: 0 0; } #site_msg .reveal a.twitter { background-position: -24px 0; } #site_msg .reveal a.linkedin { background-position: -48px 0; } #content .banner { padding: 20px 15px; } #content .banner img { width: 100%; height: auto; } /* home stock news feed */ #content .news_wrap { box-shadow: 0 0 10px rgba(0, 0, 0, 0.03); border-top: 1px solid #f1f1f1; } #content .news_wrap a.cta { margin: 20px 0; width: 100%; font-size: 14px; font-size: 0.875em; } #content .news_wrap.clean { box-shadow: none; border-top: none; } #content.portfolio .news_wrap { margin-bottom: 0; } @media only screen and (min-width:47.5em) { #content.portfolio .news_wrap { margin-bottom: 45px; } } #content .news_box { padding: 14px; position: relative; z-index: 0; display: block; border-left: 1px solid #e5edf2; border-bottom: 1px solid #f1f1f1; background: #fff url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/news-box-bg.gif") repeat-x top left; } #content .news_wrap.clean .news_box { background: none; border-left: none; border-bottom: none; } #content .news_box:before { content: " "; width: 2px; height: 100%; position: absolute; left: 0; top: 0; /*background: #0092db;*/ background: #5AC3A5; } #content .news_box:hover .news_content a { color: #999999; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #content .company_info .company_head { float: left; width: 100%; margin-bottom: 15px; } #content .company_info .company_head img { width: 38px; height: 38px; float: left; } #content .company_info .company_head h2 { float: left; margin-left: 10px; width: 70%; font-size: 18px; line-height: 18px; } #content .company_info { padding: 0 15px; font-size: 14px; font-size: 0.875em; } #content .company_info p { margin-bottom: 1em; } #content .company_info strong { font-weight: bold; } #content .company_info .cta { width: 100%; } #index_head.seperator { padding-bottom: 7px; border-bottom: 1px solid #ccc; } #index_head .watch_list_settings { display: block; position: relative; top: 7px; } #index_head .watch_list_settings li { position: relative; padding: 0 10px; /*z-index: 1;*/ display: block; width: 100%; } @media only screen and (min-width:47.5em) { #index_head .watch_list_settings li { float: left; width: auto; } } /* d150709 * - causes item to "dissapear" in templates: My Portfolio, My Portfolio edit, My Portfolio transactions, My Portfolio trades, My Portfolio dividends */ /* #index_head .watch_list_settings li:first-child:hover, #index_head .watch_list_settings li.select:hover { background-color: transparent;} */ /* d150709 * watchlist specific css for select dropdown */ /*#content.watchlist #index_head .watch_list_settings li:first-child:hover { background-color: transparent;}*/ #content.watchlist #index_head .watch_list_settings li:first-child select { cursor: pointer; } #index_head .watch_list_settings li.select .current { background: none; } #index_head .watch_list_settings li .customSelect.compact { height: 33px; } #index_head .watch_list_settings li.select .current a { color: #333 !important; font-weight: bold !important; position: relative; padding-left: 15px; } #index_head .watch_list_settings li.select .current a:before { content: "\2022"; font-size: 20px; position: absolute; left: 0; top: 5px; line-height: 1; color: #333 !important; } #index_head .watch_list_settings li.select li:hover { background-color: #e8eeef; } #index_head .watch_list_settings li.select li:hover a { color: #666666 !important; } #index_head .watch_list_settings li.current, #index_head .watch_list_settings li:hover { background-color: #0045E3; } #index_head .watch_list_settings li.current a, #index_head .watch_list_settings li:hover a { color: #fff !important; } #index_head .watch_list_settings a { display: inline-block; padding: 6px 15px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; } @media only screen and (min-width:47.5em) { #index_head .watch_list_settings a { display: inline-block; float: left; } } #index_head .watch_list_settings a:hover { text-decoration: none; } #index_head .watch_list_settings a.change_port { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/change-portfolio-ico.png") no-repeat 0 7px; padding-left: 20px; } @media only screen and (min-width:47.5em) { #index_head .watch_list_settings a.change_port { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/change-portfolio-ico.png") no-repeat 10px 9px; padding-left: 30px; } } #index_head .watch_list_settings li.current a.change_port, #index_head .watch_list_settings li:hover a.change_port { background-position: 0 -37px; } @media only screen and (min-width:47.5em) { #index_head .watch_list_settings li.current a.change_port, #index_head .watch_list_settings li:hover a.change_port { background-position: 10px -35px; } } #index_head .watch_list_settings a.new_watchlist { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/add-ico.png") no-repeat 0 10px; } #index_head .watch_list_settings li.current a.new_watchlist, #index_head .watch_list_settings li:hover a.new_watchlist { background-position: 0 -20px; } #index_head .watch_list_settings a.edit_watchlist { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/edit-ico.png") no-repeat 0 9px; padding-left: 18px; } #index_head .watch_list_settings li.current a.edit_watchlist, #index_head .watch_list_settings li:hover a.edit_watchlist { background-position: 0 -39px; } #index_head .watch_list_settings a.settings_watchlist { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/cog-ico.png") no-repeat 0 8px; padding-left: 20px; } #index_head .watch_list_settings li.current a.settings_watchlist, #index_head .watch_list_settings li:hover a.settings_watchlist { background-position: 0 -36px; } #index_head .watch_list_settings ul { display: none; position: absolute; top: 32px; left: 0; width: 220px; z-index: 1; background: #fff; border: 1px solid #dfdfdf; border-top: 2px solid #0045E3; -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } #index_head .watch_list_settings li li { display: block; width: 100%; border-bottom: 1px solid #e8eeef; padding: 10px 10px; } #index_head .watch_list_settings li li.title { color: #333 !important; text-transform: uppercase; font-weight: bold; font-size: 12px; } #index_head .watch_list_settings li:hover ul { display: block; } #index_head .watch_list_settings li:hover li { background: none; color: #0045E3; } #index_head .watch_list_settings li:hover li a { background: none; color: #0045E3 !important; } #content.portfolio #index_head.watchlist { margin-bottom: 0 !important; } #index_head .watch_list_settings li label { font-size: 14px; color: #333; cursor: pointer; background: none; padding: 0; border: none; } #index_head .watch_list_settings li label input { margin-right: 7px; } #index_head .watch_list_settings ul.form { width: 458px; padding-bottom: 10px; } #index_head .watch_list_settings ul.form.alt { width: auto; padding-bottom: 10px; } #index_head .watch_list_settings ul.form li { border-bottom: none; } #index_head .watch_list_settings ul.form legend { text-transform: uppercase; font-weight: bold; color: #333; margin: 5px 0; font-size: 12px; font-size: 0.75em; } #index_head .watch_list_settings ul.form .cta { width: 158px; margin-right: 0; padding: 9px 0; } #index_head .watch_list_settings ul.form.alt .cta { margin-top: 20px; } #index_head .watch_list_settings ul.form .text_input { width: 260px; margin-right: 14px; } #content.portfolio #index_head.watchlist h2 { line-height: 1; margin: 15px 0; } #content.portfolio #index_head.watchlist h2 a.default { font-size: 12px; font-size: 0.4em; text-decoration: underline; } #content.portfolio #index_head.watchlist h2 a.delete { font-size: 12px; font-size: 0.4em; text-decoration: underline; color: #e57777; } #content.portfolio #index_head.watchlist h2 a.default:hover, #content.portfolio #index_head.watchlist h2 a.delete:hover { text-decoration: none; } @media only screen and (min-width:49.5em) { #content.portfolio #index_head.watchlist h2 { margin: 5px 0; } } #content .watchlist_item { position: relative; border-top: 1px solid #dfdfdf; margin: 0 0; z-index: 0; top: -1px; min-height: 280px; } #content .watchlist_item:last-child { border-bottom: 1px solid #dfdfdf; } #content .watchlist_item .watchlist_content { position: absolute; left: 0; right: 0; top: 0; z-index: 10; } @media only screen and (min-width:49.5em) { #content .watchlist_item .watchlist_content { position: absolute; left: 0; right: 0; top: 0; z-index: 10; } #content .watchlist_item { margin: 0; min-height: inherit; } } #content .watchlist_item.open { padding-bottom: 270px; } #content .watchlist_item .chart_exp { transform: translateY(78px); } @media only screen and (min-width:49.5em) { #content .watchlist_item .chart_exp { transform: translateY(0); } } #content .watchlist_item.open .chart_exp { transform: translateY(270px); } @media only screen and (min-width:49.5em) { #content .watchlist_item.open .chart_exp { transform: translateY(150px); } #content .watchlist_item.open { padding-bottom: 150px; } } .watchlist_content .chart_detail_control { position: absolute; right: 0; top: 0; z-index: 10; } @media only screen and (min-width:49.5em) { .watchlist_content .chart_detail_control { right: 7%; } } .watchlist_content .chart_detail_control li { display: inline-block; padding: 10px 7px 5px 5px; border-right: 1px solid #dfdfdf; background: #fff; float: left; } .watchlist_content .chart_detail_control li:last-child { border-right: none; } .watchlist_content .chart_detail_control a.hide_chart_detail { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/chart-detail-close.gif") no-repeat 0 0; width: 16px; height: 16px; float: left; } .watchlist_content .chart_detail_control a.hide_chart_detail.open { background-position: 0 -16px; } .watchlist_content .chart_detail_control a.show_chart_detail { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/chart-detail-open.gif") no-repeat 0 0; width: 16px; height: 16px; float: left; } .watchlist_content .chart_detail_control a.show_chart_detail.open { background-position: 0 -16px; } #content .watchlist_item .stock_info { position: absolute; top: 50%; left: 0; width: 100%; z-index: 10; padding: 0 90px; } #content .watchlist_item .stock_info_wrap { width: auto; margin-left: 0; } @media only screen and (min-width:49.5em) { #content .watchlist_item .stock_info_wrap { width: 82px; margin-left: -6px; } } #content .watchlist_item .stock_num.up { background: #64b938; } #content .watchlist_item .stock_num.down { background: #bc2d2d; } #content .watchlist_item .stock_num { color: #fff; font-size: 24px; font-size: 1.5em; font-weight: bold; text-align: center; padding-top: 0; } @media only screen and (min-width:49.5em) { #content .watchlist_item .stock_num { padding-top: 35px; } } #content .watchlist_item .stock_name_cp { color: #666666; font-size: 11px; font-size: 0.6875em; background: #fff; text-align: right; padding: 10px; border-bottom: 2px solid #0045E3; } #content .watchlist_item .stock_name_lg { color: #333; font-size: 24px; font-size: 1.5em; line-height: 1em; margin: 10px 0 0 10px; } @media only screen and (min-width:49.5em) { #content .watchlist_item .stock_name_lg { margin: 15px 0 0 10px; line-height: 1.4em; } } @media only screen and (min-width:63.5em) { #content .watchlist_item .stock_name_lg { margin: 35px 0 0 30px; line-height: 1.4em; } } #content .watchlist_item .stock_follow { color: #333; text-align: right; font-size: 14px; font-size: 0.875em; margin: 5px 0 0 0; } #content .watchlist_item .stock_follow a { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/check-ico.png") no-repeat left center; padding-left: 15px; } #content .watchlist_item table.wish_table_lg { display: table; width: 100%; margin-top: 30px; } #content .watchlist_item table.wish_table_sm { display: table; width: 100%; } #content .watchlist_item table.wish_table_lg th, #content .watchlist_item table.wish_table_sm th { text-transform: uppercase; font-size: 11px; color: #666666; text-align: left; letter-spacing: 1px; padding: 0 10px; } #content .watchlist_item table.wish_table_lg span.up { color: #64b938; } #content .watchlist_item table.wish_table_lg span.down { color: #bc2d2d; } #content .watchlist_item table.wish_table_lg td { font-size: 14px; padding: 0 10px; font-weight: bold; } @media only screen and (min-width:62.5em) { #content .watchlist_item table.wish_table_lg th { padding: 0 20px; } #content .watchlist_item table.wish_table_lg td { font-size: 36px; font-weight: normal; padding: 0 20px; } } #content .watchlist_item table.wish_table_sm td { padding: 0 10px; font-weight: bold; } @media only screen and (min-width:62.5em) { #content .watchlist_item table.wish_table_sm td { padding: 0 20px; font-weight: bold; } } #content .watchlist_add { margin: 2px 7px !important; } #content .watchlist_add a.cta { width: 100% !important; padding: 20px 0; } #content .watchlist_item .chart_exp { margin-bottom: 0 !important; padding: 0 !important; } #content p#no_watchlist { margin: 15px 15px; font-size: 16px; display: none; } #content p#no_watchlist.show { display: block; } /* watchlist edit */ #content .watchlist_add_item { padding: 25px 0; border-top: 1px solid #dfdfdf; } #content .watchlist_add_item ul { margin: 25px 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border: 1px solid #e8eeef; } #content .watchlist_add_item li { padding: 10px 15px; background-color: #fff; border-bottom: 1px solid #e8eeef; } #content .watchlist_add_item li:last-child { border-bottom: none; } #content .watchlist_add_item a.fol { position: relative; float: right; overflow: hidden; width: 130px; height: 28px; } #content .watchlist_add_item a.fol span.base { position: absolute; right: 0; top: 0; text-align: center; width: 130px; padding: 5px 0 5px 13px; color: #fff; font-weight: bold; font-size: 12px; font-size: 0.75em; background: #0045E3 url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/check-ico-list.png") no-repeat 12px 50%; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #content .watchlist_add_item a.fol span.cover { position: absolute; right: 0; top: 0; text-align: center; width: 130px; padding: 5px 0 5px 13px; color: #fff; font-weight: bold; font-size: 12px; font-size: 0.75em; background: #bc2d2d url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/check-ico-del.png") no-repeat 12px 50%; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; transform: translateX(130px); } #content .watchlist_add_item a.fol:hover span.cover { transform: translateX(0); } #content .watchlist_add_item form { display: inline-block; margin-bottom: 10px; } #content .watchlist_add_item form p { color: #333; font-weight: bold; text-transform: uppercase; font-size: 12px; font-size: 0.75em; margin-bottom: 5px; } #content .watchlist_add_item form input.text_input { height: 56px; line-height: 56px; } #content .watchlist_add_item form .plus_bt { background-color: #0045E3; width: 56px; height: 56px; position: relative; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } #content .watchlist_add_item form .plus_bt:hover { background-color: #5AC3A5; } #content .watchlist_add_item form .plus_bt img { width: 24px; height: 24px; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; } #content dl.blck { width: 100%; display: inline-block; border-top: 1px solid #dfdfdf; } #content dl.blck.reset { width: 100%; display: inline-block; border-top: none; margin-top: 15px; } #content dl.blck.reset_alt { width: 100%; display: inline-block; border-top: none; margin-top: 0; margin-bottom: 15px; } #content dl.blck.reset input.text_input { height: 56px; line-height: 56px; width: 80%; } #content dl.blck .cta { width: 40%; } #content dl.blck dd { display: block; } #content dl.inl { width: 100%; float: left; margin: 15px 0; } #content dl.blck dt, #content dl.inl dt { text-transform: uppercase; font-weight: bold; font-size: 12px; font-size: 0.75em; margin-bottom: 5px; } #content dl.inl dd select { width: 220px; } #content dl.inl dd input.text_input { width: 325px; } #content dl.blck dd textarea.text_input { width: 100%; } #content form .blck .plus_bt { background-color: #0045E3; width: 56px; height: 56px; position: relative; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } #content form .blck .plus_bt:hover { background-color: #64b938; } #content form .blck .plus_bt img { width: 24px; height: 24px; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; } @media only screen and (min-width:41.5em) { #content dl.inl { width: 50%; } #content dl.blck .cta { width: 222px; } #content dl.blck dd { display: inline-block; } #content dl.blck dd textarea.text_input { width: 464px; } #content dl.blck.reset input.text_input { width: 403px; } } #content .clear { display: block; clear: both; } #content dl.inl input.small { width: 220px !important; } #content dl.inl dd label { font-size: 14px; font-size: 0.875em; font-weight: bold; margin-right: 10px; } .custom-label { padding: 10px 25px 10px 5px; background-color: #fff; border: 1px solid #d1dfe7; } .custom-label.on { padding: 10px 25px 9px 5px; border-bottom: 2px solid #0045E3; } #content .comp_overview { padding: 20px 10px; } @media only screen and (min-width:41.5em) { #content .comp_overview { padding: 0 20px; } } #content .comp_overview h2 { font-weight: bold; text-transform: uppercase; font-size: 14px; font-size: 0.875em; } #content .comp_overview p { font-size: 14px; font-size: 0.875em; margin-top: 1em; } #content .comp_overview .company_intro { margin: 10px 0 25px 0; } #content .comp_overview .company_intro p { font-weight: bold; font-size: 16px; font-size: 1em; } #content .comp_overview .company_intro img { width: 60px; height: 60px; float: left; margin-top: 5px; margin-right: 15px; } #content .comp_tables { padding-top: 20px; border-top: 1px solid #d9e2e5; } #content .comp_tables dl dd { /*word-break:break-all;*/ } #content .comp_tables.mrg { margin: 25px 0 0 0; } #content .comp_tables.col_wrap { display: block; float: none; width: 100%; padding-top: 0; background: none; } #content .comp_tables h2 { margin-left: 20px; margin-bottom: 5px; font-weight: bold; text-transform: uppercase; font-size: 14px; font-size: 0.875em; } #content .comp_tables table.compact { display: inline-block; } #content .comp_tables .col { width: 100%; float: none; padding: 15px 20px; } @media only screen and (min-width:41.5em) { #content .comp_tables.col_wrap { float: left; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/col-faux.gif") repeat-y top center; } #content .comp_tables .col { width: 33%; float: left; } } #content .comp_tables .col span.tooltip { position: absolute; background: #fff; top: -4px; left: -26px; z-index: 2; width: 380px; border: 1px solid #d9e2e5; border-top: none; border-bottom: none; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); display: none; opacity:1; } #content .comp_tables .col .hover .tooltip { display: block; } #content .comp_tables .tooltip span { display: block; background: #192d34; color: #c4c4c4; padding: 5px 10px 5px 35px; } #content .comp_tables .col .tooltip table { color: #333; width: 100%; display: table; text-align: left; margin: 10px; } #content .comp_tables .col .tooltip table th { text-transform: uppercase; font-size: 11px; width: 50%; } #content .comp_tables .col h2 { margin: 0; } #content .comp_tables .col dl { margin-top: 10px; margin-bottom: 10px; display: block; } @media only screen and (min-width:41.5em) { #content .comp_tables .col dl { display: inline-block; width: 100%; } } #content .comp_tables .col dl dt { text-transform: uppercase; font-size: 11px; font-size: 0.6875em; margin-bottom: 10px; } #content .comp_tables .col dl span.title { font-size: 11px; color: #999999; clear: both; width: 100%; display: block; } #content .comp_tables .col dl dd { font-size: 14px; font-size: 0.875em; position: relative; margin-bottom: 8px; } #content .comp_tables .col dl dd.tip_trig { padding-left: 10px; } #content .comp_tables .tooltip span:before { content: ''; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/tooltip-ind-up.png") no-repeat 0 -5px; width: 7px; height: 5px; position: absolute; left: 25px; top: 13px; } #content .comp_tables .col dl dd.tip_trig:before { content: ''; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/tooltip-ind-up.png") no-repeat 0 0; width: 7px; height: 5px; position: absolute; left: 0; top: 9px; } #content .comp_tables .col dl dd.large { font-size: 20px; font-size: 1.25em; position: relative; top: -10px; } #content .comp_tables a:hover { text-decoration: none; } #content .comp_tables .col p { margin-bottom: 10px; font-size: 14px; font-size: 0.875em; } #content .extra { overflow: hidden; display: block; } #content .extra .stock_tag { display: inline-block; /*background: #005f7d;*/ /*background: #0045E3;*/ background: #40C1AC; color: #fff; font-size: 14px; font-size: 0.85em; /*font-weight: bold;*/ padding: 4px 6px 2px 6px; margin-right: 5px; } #content .extra .srp_tag { display: inline-block; /*background: #005f7d;*/ background-color: #5AC3A5; color: #fff; font-size: 10px; font-size: 0.625em; font-weight: bold; padding: 1px 4px 1px 4px; position: relative; top: -2px; } #content .extra .srp_title { font-weight: bold; font-size: 18px; } #content .extra .stock_info, #content .extra .stock_up, #content .extra .stock_down { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; } #content .extra .stock_info { display: inline-block; /*color: #0092db;*/ color: #000000; font-size: 14px; font-size: 0.85em; padding-right: 10px; } #content .extra .stock_up { /*color: #64b938;*/ color: #64b938 !important; padding-left: 15px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/arrow-up-green.png") no-repeat 0 0; } #content .extra .stock_down { /*color: #bc2d2d;*/ color: #dc4141 !important; padding-left: 15px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/arrow-down-red.png") no-repeat 0 center; } #content .extra .time_stamp { font-size: 12px; font-size: 0.75em; float: right; padding: 5px 0 0 0; display: inline-block; color: #666666; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition-duration: 0.6s; transition-duration: 0.6s; } #content .news_box:hover .extra .time_stamp { opacity: 1; } #content .news_content { margin-top: 11px; clear: both; } #content #srp .news_content { color: #333; clear: both; display: inline-block; font-size: 14px; font-size: 0.85em; } #content #srp a:hover .news_content { color: #0045E3; clear: both; display: inline-block; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; } #content .news_content a { display: block; color: #000; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; } #content .extra a:hover, #content .extra a:hover em.stock_up, #content .extra a:hover em.stock_down, #content .extra a:hover span.stock_info { /*color: #fff; */ color: #fff; text-decoration: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #content #srp a.news_box:hover { color: #0045E3; text-decoration: none; } #content #srp_form { background: #fff; } #search_block { position: relative; } #search_block .main_search { position: relative; top: -20px; padding: 20px; background: #fff; margin: 0; box-shadow: 0 5px 27px rgba(0, 0, 0, 0.15); } #search_block .main_search input.text_input { margin-right: 5px; border: 1px solid #d3d3d3; background: #f8f8f8; width: 80%; font-size: 18px; padding: 15px 10px 14px 10px; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1); } #search_block .news_search { box-shadow: 0 5px 27px rgba(0, 0, 0, 0.15); margin: 0 0 20px; padding: 20px; } #search_block .news_search dl { padding-top: 20px; } #search_block .news_search dl:first-child { padding-top: 0; } #search_block .news_search dl select.type { width: 100%; } #search_block .news_search dt { font-size: 12px; font-weight: bold; padding-bottom: 3px; text-transform: uppercase; } @media only screen and (min-width:49.5em) { #search_block { margin: 0; } #search_block .main_search input.text_input { width: 650px; } #search_block .symbol_cont { float: left; margin-right: 20px; } } #search_block .search_bt { background-color: #0045E3; background-repeat: no-repeat; background-position: center center; background-image: url(/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/branding/search-ico.png); position: absolute; top: 0; right: 0; width: 56px; height: 100%; } #search_block .search_bt:hover { background-color: #64b938; } /* custom select */ form.dash_form { /*padding: 15px;*/ } form.dash_form fieldset.body { border-top: 2px solid #cfdde4; border-bottom: 3px solid #cfdde4; text-align: center; margin: 10px 0 0 0; } form.dash_form dl { background: #f0f5f8; width: 100%; clear: both; } form.dash_form dl dt { text-transform: uppercase; font-size: 12px; font-weight: bold; color: #000; width: 30%; text-align: right; padding-right: 30px; display: inline-block; background: #e4edf2; padding: 25px 20px 25px 0; float: left; } form.dash_form dl dd { display: inline-block; width: 69%; text-align: left; padding: 14px 0 13px 14px; } form.dash_form dl.date dd { padding: 14px 0 0 14px; } form.dash_form dl:nth-child(even) { background: #fff; } form.dash_form dl:nth-child(even) dt { background: #f2f7f8; } .customSelect.large { width: 100%; } .text_input.large { width: 660px; } .text_input.medium, .customSelect.medium { width: 575px; } .text_input.small_alt { width: 403px; } .customSelect.m-small { width: 200px; } .customSelect.x-small { width: 100px; } .customSelect.small { width: 249px; } textarea.text_input { height: 130px; } textarea.text_input, input.text_input { text-align: left; color: #333; padding: 9px 10px; font-size: 14px; font-family: 'Avenir'; background: #f8f8f8; border-bottom: 2px solid #0045E3; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-top: none; -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15); -ms-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15); box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15); } textarea.area_input.error, textarea.text_input.error, input.text_input.error { background-color: #feeeee !important; border-bottom-color: #db001a !important; } .customSelect { text-align: left; color: #333; height: 40px; padding: 9px 10px; font-size: 14px; font-family: 'Avenir'; background: #f8f8f8 url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/select-arrow.png") right center no-repeat; border-bottom: 2px solid #336AE9; } .customSelect .customSelectInner { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .customSelect.small .customSelectInner { max-width: 180px; } .customSelect.alt { text-align: left; color: #333; padding: 5px 10px; font-size: 18px; font-family: 'Avenir'; background: #fff url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/select-arrow-alt.png") right center no-repeat; border-bottom: 2px solid #0045E3; } .customSelect.compact { text-align: left; color: #000000; padding: 5px 10px 5px 25px; font-size: 14px; font-family: 'Avenir'; background: #fff url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/select-arrow-compact.gif") 5px center no-repeat; border: 1px solid #fff; } .customSelectOpen.compact { border: 1px solid #0045E3; } .customSelect.error { background-color: #feeeee; border-bottom-color: #db001a; } .customSelect.customSelectHover { /* Styles for when the select box is hovered */ } .customSelect.customSelectOpen { /* Styles for when the select box is open */ } .customSelect.customSelectFocus { /* Styles for when the select box is in focus */ } .customSelect.customSelectDisabledOption { /* Styles for when the selected item is a disabled one */ } .customSelect.customSelectDisabled { /* Styles for when the select box itself is disabled */ } /* bootstrap overide */ .input-group { width: 240px; text-align: left; color: #333; border: none; font-size: 14px; font-family: 'Avenir'; } .input-group .form-control { border-radius: 0; padding: 0 14px; background: #f8f8f8; border-bottom: 2px solid #0045E3; border-left: 1px solid #ebebeb; border-right: none; border-top: none; padding: 9px 10px 9px 10px; -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15); -ms-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15); box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15); } .input-group.date .input-group-addon { border-radius: 0; border: none; border-bottom: 2px solid #0045E3; border-left: none; border-right: none; border-top: none; padding: 20px 20px 19px 20px; -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15); -ms-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15); box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15); background: #5AC3A5 url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/calendar-ico.png") no-repeat center center; } .input-group .form-control:focus { box-shadow: none; } #content #chart_mod #chart_mod_sme .input-group { position: absolute; right: 10px; bottom: -60px; display: none; } #content .touch_wrap { visibility: visible; width: 100%; clear: both; padding: 15px 20px 0 20px; } #content .touch_wrap input { text-align: left; color: #333; height: 40px; padding: 9px 10px; font-size: 14px; font-family: 'Avenir'; background: #f8f8f8; border-bottom: 2px solid #0045E3; } #content .input-group.date { visibility: hidden; display: none; } @media only screen and (min-width:49.5em) { #content .touch_wrap { visibility: hidden; display: none; } #content .input-group.date { visibility: visible; display: table; } } #content .touch_wrap .highStock_drp_start { width: 48%; border: none; border-bottom: 2px solid #0045E3; background: #f8f8f8; padding: 5px 10px; margin-right: 4%; } #content .touch_wrap .highStock_drp_end { width: 48%; border: none; border-bottom: 2px solid #0045E3; background: #f8f8f8; padding: 5px 10px; } #content .touch_wrap .dataTables_drp_start { width: auto; border: none; border-bottom: 2px solid #0045E3; background: #f8f8f8; padding: 5px 10px; margin-right: 10px; } #content .touch_wrap .dataTables_drp_end { width: auto; border: none; border-bottom: 2px solid #0045E3; background: #f8f8f8; padding: 5px 10px; } @media only screen and (min-width:41.5em) { #content .touch_wrap .highStock_drp_start, #content .touch_wrap .highStock_drp_end, #content .touch_wrap .dataTables_drp_start. #content .touch_wrap .dataTables_drp_end { width: 45%; float: left; } #content .touch_wrap .highStock_drp_end, #content .touch_wrap .dataTables_drp_end { float: right; } #content #chart_mod #chart_mod_sme .touch_wrap { /* display: none; */ } #content #chart_mod #chart_mod_sme .input-group { display: table; } } #content .table_wrap .input-group { float: left; display: none; } #content .table_wrap .touch_wrap { display: block; } #content .table_wrap { /*position: relative;*/ } @media only screen and (min-width:41.5em) { #content .table_wrap .touch_wrap { display: none; } #content .table_wrap .input-group { display: table; } } /* jquery tabs */ #content ul.tabs { width: 100% !important; /*display:inline-block;*/ font-size: 12px; font-size: 0.75em; font-weight: bold; text-transform: uppercase; padding: 0 14px; /*border-bottom: 2px solid #192d34;*/ display: table; table-layout: fixed; width: 100%; } #content ul.tabs.news_tabs, #content.portfolio ul.tabs { /*border-bottom: 2px solid #0092db;*/ } #content ul.tabs li { display: block; color: #192d34; background: #fff; /*border: 2px solid #192d34;*/ border-bottom: none; border-left: none; text-align: center; box-sizing: border-box; } @media only screen and (min-width:47.5em) { #content ul.tabs li { display: table-cell; vertical-align: middle; } } #content ul.tabs li a { display: block; } #content ul.tabs.news_tabs li, #content.portfolio ul.tabs li { /*border: 2px solid #0092db; border-left: 2px solid #0092db; border-right: 2px solid #0092db; border-bottom: none;*/ } #content ul.tabs.news_tabs li.active, #content.portfolio ul.tabs li.active { /*background: #0092db;*/ border-bottom: 3px solid #0045E3; } #content ul.tabs.stock_tabs { width: 100% !important; /*display:inline-block;*/ font-size: 14px; font-size: 0.875em; font-weight: bold; text-transform: uppercase; padding: 0 14px; display: table; border-bottom: none; } #content ul.tabs.stock_tabs li { /*border: 2px solid #192d34; border-left: 1px solid #192d34; border-right: 1px solid #192d34; border-bottom: none;*/ border: 2px solid #99A5AD ; border-left: 1px solid #99A5AD; border-right: 1px solid #99A5AD; border-bottom: none !important; display: table-cell; } #content ul.tabs.stock_tabs li.active { /* background: #192d34; */ } @media only screen and (min-width:35.5em) { #content ul.tabs li { display: inline-block; } #content ul.tabs.news_tabs li, #content.portfolio ul.tabs li { /*border-left: 1px solid #0092db; border-right: 1px solid #0092db;*/ } #content ul.tabs.stock_tabs li { /*border: 2px solid #192d34; border-left: 1px solid #192d34; border-right: 1px solid #192d34; border-bottom: none;*/ border: 2px solid #99A5AD ; border-left: 1px solid #99A5AD; border-right: 1px solid #99A5AD; border-bottom: none !important; display: table-cell; } } @media only screen and (min-width:41.5em) { #content ul.tabs { padding: 0; font-size: 12px; font-size: 0.75em; } #content ul.tabs li { display: table-cell; } } #content ul.tabs a { width: 100%; border: none !important; padding: 7px 7px; /* color: #192d34; background: #fff; border: 2px solid #192d34; border-bottom: none; border-left: none; padding: 10px 20px; display: inline-block; */ } @media only screen and (min-width:65.5em) { #content ul.tabs a { padding: 10px 15px; } } #content ul.tabs li:first-child { /*border: 2px solid #192d34;*/ border-bottom: none; } #content ul.tabs.news_tabs li:first-child, #content.portfolio ul.tabs li:first-child { /*border: 2px solid #0092db; border-right: 2px solid #0092db; border-bottom: none;*/ } @media only screen and (min-width:49.5em) { #content ul.tabs.news_tabs li:first-child, #content.portfolio ul.tabs li:first-child { /*border-right: 1px solid #0092db;*/ } } #content ul.tabs.stock_tabs li:first-child { /*border: 2px solid #192d34;*/ border: 2px solid #99A5AD ; border-bottom: none; } #content ul.tabs.news_tabs li:last-child, #content.portfolio ul.tabs li:last-child { /*border-right: 2px solid #0092db;*/ } #content ul.tabs.sub_tabs li:last-child, #content ul.tabs.stock_tabs li:last-child { /*border-left: 2px solid #192d34;*/ border-left: 2px solid #99A5AD; } #content ul.tabs.sub_tabs { width: 100% !important; /*display:inline-block;*/ font-size: 14px; font-size: 0.875em; font-weight: bold; text-transform: uppercase; padding: 0; border-bottom: none; } #content ul.tabs.sub_tabs li { display: table-cell; color: #192d34; background: #fff; border: 2px solid #192d34; border-bottom: none; border-left: none; text-align: center; box-sizing: border-box; } #content ul.tabs.sub_tabs li:first-child { border: 2px solid #192d34; border-bottom: none; } #content ul.tabs.sub_tabs a { color: #192d34; } #content ul.tabs.slim { font-size: 11px; /*font-size: 0.75em;*/ padding: 0; width: 100% !important; display: table; font-weight: normal; } #content ul.sub_tabs.slim li { display: table-cell; } #content ul.sub_tabs.slim li.active { color: #fff; background: #192d34; } #content ul.tabs.subsub_tabs { width: 100% !important; display: table; font-size: 11px; /*font-size: 0.75em;*/ font-weight: normal; text-transform: uppercase; padding: 0; border-bottom: 2px solid #223a42; } #content ul.tabs.subsub_tabs li { display: table-cell; color: #192d34; /* background: #fff; */ background:#CCD2D6; border: 2px solid #223a42; border-bottom: none; border-left: none; text-align: center; /* background: #192d34; */ box-sizing: border-box; } #content ul.tabs.subsub_tabs li.active { background:#99A5AD; } #content ul.tabs.subsub_tabs li:first-child { /* border: 2px solid #192d34; border-bottom: none; */ border: none; } #content ul.tabs.subsub_tabs li:last-child { /*border-right: 2px solid #223a42;*/ border: none; /*background: #CCD2D6;*? } #content ul.tabs.subsub_tabs a { /*color: #fff;*/ color: #000; } #content ul.tabs a.active { color: #fff; /*background: #192d34;*/ background: #99A5AD; } #content ul.subsub_tabs li.active { color: #fff; /* background: #223a42 !important; */ } #content ul.subsub_tabs a.active { color: #fff; /* background: #223a42; */ background: #99A5AD; } #content ul.tabs span {} #content ul.tabs a.active span { border-bottom: none; } #content ul.tabs a:focus, #content ul.tabs a:active, #content ul.tabs a:hover { text-decoration: none; } #content ul.tabs.news_tabs { /*padding: 0 0 25px 0;*/ /*margin: 0 14px;*/ position: relative; /*width: 300px;*/ /* white-space: nowrap; overflow-y: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; */ } #content.portfolio ul.tabs.news_tabs { margin: 0; padding: 0; float: left; } @media only screen and (min-width:29.5em) { #content ul.tabs.news_tabs { width: auto; margin: 0; padding: 0; /*white-space: nowrap;*/ overflow-y: auto; overflow-x: auto; -webkit-overflow-scrolling: touch; } } #content ul.tabs.news_tabs a { color: #000; border: 2px solid #0045E3; border-left: none; } #content ul.tabs.news_tabs a.active { background: transparent; color: #000; } #content ul.tabs.news_tabs li:first-child a { border: 2px solid #0045E3; } #content ul.tabs.clean_tabs { margin: 0 0 10px 0; position: relative; } #content ul.tabs.clean_tabs a { padding: 10px 10px 10px 0; text-decoration: underline; } #content ul.tabs.clean_tabs a:hover { text-decoration: none; } #content ul.tabs.clean_tabs a.active, #content ul.tabs.clean_tabs, #content ul.tabs.clean_tabs li { border: none !important; display: inline-block; background: none !important; } #content ul.tabs.clean_tabs li:last-child {} #content ul.tabs.clean_tabs a.active { color: #333; text-decoration: none; } /* stock table */ #content ul.tabs.stock_tabs { padding: 0 0 0 0; margin: 0; text-align: center; position: relative; width: 100%; } @media only screen and (min-width:49.5em) { #content ul.tabs.stock_tabs { text-align: left; } } #content .alt_table { margin: 20px 10px; text-align: left; } #content .alt_table th, #content .alt_table td { padding: 10px; font-weight: normal; display: table-cell; } #content .alt_table th { text-transform: uppercase; font-size: 11px; color: #fff; background: #192d34; } #content .alt_table td { font-size: 13px; } #content .gen_table_wrap { border-top: 1px solid #d9e2e5; border-bottom: 1px solid #d9e2e5; padding: 0; background: #fff; width: 100%; float: left; } #content .gen_table_wrap.no_brd { border-top: none; border-bottom: none; } #content .gen_table_wrap.margin { margin-bottom: 20px; } #content .gen_table_wrap .col { border-right: 1px solid #d9e2e5; } #content .gen_table_wrap p.table_title { padding-left: 10px; margin: 10px 0 5px 0; } @media only screen and (min-width:41.5em) { #content .gen_table_wrap p.table_title { padding-left: 20px; } } #content dl.table_mimic { font-size: 14px; margin: 0 0 0 20px; width: 30%; float: left; } #content dl.table_mimic dt { text-transform: uppercase; font-size: 11px; line-height: 21px; width: 130px; padding-right: 15px; text-align: left; } #content dl.table_mimic dt, #content dl.table_mimic dd { float: left; padding: 5px 0; border-bottom: 1px solid #d9e2e5; } #content dl.table_mimic dt.last, #content dl.table_mimic dd.last { border-bottom: none; } #content dl.table_mimic dd { width: 80px; font-weight: bold; } #content table.gen_table { width: 100%; color: #333; text-align: left; display: table; margin-bottom: 20px; } #content table.gen_table.alt { margin-bottom: 0; } #content table.gen_table th { text-transform: uppercase; font-size: 11px; font-weight: normal; padding: 0 10px; } #content table.gen_table td { font-size: 14px; font-weight: normal; padding: 0 10px 5px 10px; } @media only screen and (min-width:49.5em) { #content table.gen_table th { padding: 0 20px; } #content table.gen_table td { font-size: 18px; padding: 0 20px 5px 20px; } } #content table.gen_table.alt th, #content table.gen_table.alt td { border-right: 1px solid #d9e2e5; } #content table.gen_table.alt th:last-child, #content table.gen_table.alt td:last-child { border-right: none; } #content .index_tables { margin: 0 0 25px 0; } #content table.stock_table { border-collapse: collapse; /* font-size: 14px; font-size: 0.875em; line-height: 1.4; */ width: 100%; text-align: right; } #content table.stock_table.normal { text-align: left; } #content table.stock_table .align { text-align: left; padding-left: 10px; } table a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #content table.stock_table thead { text-transform: uppercase; font-weight: lighter; color: #cccccc; font-size: 10px; font-size: 0.7857142857142857em; } #content table.stock_table thead th { /*background: #192d34;*/ background-color: #001F33; color: #FFFFFF; padding: 15px 5px; text-align: right; font-weight: normal; } #content table.stock_table tr th:first-child { padding: 15px 5px 15px 20px; text-align: left; } #content table.stock_table thead th:last-child, #content table.stock_table thead td:last-child { text-align: center; } #content table.stock_table.align thead th:last-child, #content table.stock_table.align thead td:last-child { text-align: left; } #content table.stock_table tr td:first-child { padding: 4px 5px 5px 20px; border-left: 1px solid #e5edf2; text-align: left; } #content table.stock_table tr td { background: #fff; padding: 4px 15px 5px 5px; /*border-bottom: 1px solid #e5edf2;*/ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #content table.stock_table tr:nth-child(even) td { background: #f0f5f8; /*border-bottom: 1px solid #fff;*/ } /* portfolio overrides */ .tablesaw-sortable.normal .tablesaw-sortable-head button, #content table.stock_table.normal, #content table.stock_table.normal thead th { text-align: left !important; } #content .table_wrap { padding: 0; /*display: table;*/ width: 100%; margin: 0 0 20px 0; } @media only screen and (min-width:47.5em) { #content.portfolio .table_wrap { padding: 0; margin: 0 0 20px 0; } } #content.portfolio table.stock_table a { font-size: 12px; font-size: 0.75em; line-height: 1.4; position: relative; width: 100%; display: block; } #content table.stock_table a.ico { display: inline; margin: 0 5px; } #content table span.ico_info { font-size: 12px; font-size: 0.75em; display: block; } #content.portfolio table.stock_table a.alert_yellow:before, #content.portfolio table.stock_table a.alert_red:before, #content.portfolio table.stock_table a.alert_green:before { content: "\2022"; font-size: 20px; position: absolute; right: 0; top: -2px; line-height: 1; } #content.portfolio table.stock_table a.alert_yellow:before { color: #ffd11b; } #content.portfolio table.stock_table a.alert_red:before { color: #bc2d2d; } #content.portfolio table.stock_table a.alert_green:before { color: #64b938; } #content.portfolio table.stock_table tr:nth-child(even) td { background: none; } #content.portfolio table.stock_table tr td { border-bottom: 1px solid #e5edf2; } /*#content.portfolio table.stock_table tr td:nth-child(2) { background:#f7fafb; }*/ #content.portfolio table.stock_table td:last-child { border-right: none; /*border-right: 1px solid #e5edf2;*/ } /* portfolio overrides */ #content table.stock_table th:last-child { padding-right: 20px; } #content table.stock_table td:last-child { padding-right: 20px; } #content table.stock_table tbody tr:hover td, #content.portfolio table.stock_table tbody tr:hover td { background: #fdffd1; } #content table.stock_table tr:hover td a {} #content table.stock_table tfoot td { padding-top: 15px; padding-bottom: 15px; } #content table.stock_table .rwd_toggle { display: none; width: 0; height: 0; opacity: 0; visibility: collapse; } #content .table_options { background: #fff; width: 100%; padding: 20px; text-align: center; border-left: 1px solid #e5edf2; } #content .table_options.chart_cta { background: #fff; width: 100%; padding: 0 20px; text-align: right; border-left: none; margin: 15px 0; } #content .table_options a { display: inline-block; margin-right: 4%; } #content .table_options a:last-child { margin-right: 0; } @media only screen and (min-width:68.75em) { #content .table_options a { margin-right: 14px; } } #content table span.st_up { color: #53a528; } #content table span.st_down { color: #dc2a4c; } #content table span.st_arrow_up, #content table span.st_arrow_down { position: relative; padding-right: 15px; display: block; } #content table span.st_arrow_up:after, #content table span.st_arrow_down:after { content: " "; width: 10px; height: 12px; position: absolute; right: 0; top: 50%; margin-top: -6px; } #content table span.st_arrow_up:after { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/arrow-up-green.png") no-repeat 0 0; } #content table span.st_arrow_down:after { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/arrow-down-red.png") no-repeat 0 0; } #content .table_head { padding: 20px 20px 20px 20px; /*background: #192d34; color: #0092db;*/ background: #99A5AD; color: #000; text-transform: uppercase; /*border-left: 1px solid #e5edf2;*/ width: 100%; /*position: relative;*/ } @media only screen and (min-width:1200px) { #content .table_head:after { content: ""; width: 1px; height: 100%; position: absolute; right: 0; top: 0; z-index: 5; /* background: #fff; */ } } #content .table_head p.table_name { font-size: 11px; font-size: 0.6875em; } #content .table_head p.table_title { text-transform: uppercase; /*color: #cccccc;*/ color: #FFFFFF; font-size: 14px; font-size: 0.875em; } #content .table_head p.table_title strong { color: #fff; font-weight: bold; } #content .table_head p.table_status { font-size: 14px; font-size: 0.875em; /*color: #cccccc;*/ color: #000; } #content .table_head p.table_status strong { font-weight: bold; /*color: #fff;*/ color: #000; } #content .table_head p.table_status.up strong { padding-right: 12px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/arrow-up-green-xs.png") no-repeat right 2px; } #content .table_head p.table_status.down strong { padding-right: 12px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/arrow-down-red-xs.png") no-repeat right 2px; } .table_head .pre_table { color: #fff; text-align: left; width: 100%; margin: 10px 0 0 0; } .table_head .pre_table th { color: #ccc; text-transform: uppercase; font-size: 11px; font-weight: normal; } .table_head .pre_table td { font-size: 12px; word-break: break-word; } @media only screen and (min-width:47.5em) { .table_head .pre_table th { font-weight: bold; } .table_head .pre_table td { font-size: 16px; } } .pre_table p.lst_update { color: #a5a5a5; float: right; font-size: 11px; margin: 5px 15px 0 0; } table.table_alt { width: 100%; background: #192d34; color: #fff; } table.table_alt th { text-transform: uppercase; color: #ccc; font-size: 11px; text-align: left; padding: 20px 15px 0 15px; } table.table_alt td { font-size: 30px; text-align: left; padding: 0 15px 10px 15px; font-weight: bold; } table.table_alt tfoot td { font-size: 14px; font-weight: normal; } table.table_alt tfoot td em { color: #999999; } table.table_alt td span.up { color: #64b938; padding-left: 25px; background: url(/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/arrow-up-green-xlg.png) no-repeat left center; } table.table_alt td span.down { color: #bc2d2d; padding-left: 25px; background: url(/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/arrow-down-red-xlg.png) no-repeat left center; } table.table_alt td span em { font-size: 24px; } .chart_wrap .pre_table { margin-bottom: 55px; } .chart_wrap p.note { font-size: 12px; font-size: 0.75em; } table.sub_table { width: 100%; background: #fff; } table.sub_table th { text-transform: uppercase; color: #333; font-size: 11px; text-align: left; padding: 20px 15px 0 15px; } table.sub_table td { font-size: 20px; text-align: left; padding: 0 15px 10px 15px; } /* charts */ .prime_letter, .yellow_dot, .orange_dot, .green_dot, .red_dot { position: relative; } #content.portfolio #index_head h2.prime_letter:after { position: absolute; top: -3px; right: -25px; font-size: 24px; line-height: 1; color: #FF9800; content: '\0050'; } #content.portfolio #index_head h2.yellow_dot:after { position: absolute; top: -8px; right: -25px; font-size: 48px; line-height: 1; color: #ffd11b; content: '\2022'; } #content.portfolio #index_head h2.red_dot:after { position: absolute; top: -8px; right: -25px; font-size: 48px; line-height: 1; color: #bc2d2d; content: '\2022'; } #content.portfolio #index_head h2.green_dot:after { position: absolute; top: -8px; right: -25px; font-size: 48px; line-height: 1; color: #64b938; content: '\2022'; } #content.portfolio #index_head h2.orange_dot:after { position: absolute; top: -8px; right: -25px; font-size: 48px; line-height: 1; color: #e6860a; content: '\2022'; } /* .tooltip:hover:after { content: attr(title); position: absolute; top: 20px; left:20px; background: #192d34; padding: 10px; z-index: 10; width: 200px; font-size: 11px; color:#; } */ @media only screen and (min-width:47.5em) { #content.portfolio #index_head h2.prime_letter:after, #content.portfolio #index_head h2.orange_dot:after, #content.portfolio #index_head h2.green_dot:after, #content.portfolio #index_head h2.red_dot:after, #content.portfolio #index_head h2.yellow_dot:after { /*top: 7px;*/ } } #content.portfolio .chart_wrap { /*padding: 0 14px 25px 14px;*/ padding: 0 0 25px 0; margin-bottom: 40px; display: block; position: relative; } #content.portfolio #index_head { margin-bottom: 15px; position: relative; z-index: 5; } #content.portfolio #index_head img.logo_sm { width: 135px; height: 78px; float: left; } #content.portfolio #index_head h2 { font-size: 24px; font-size: 1.5em; line-height: 1; font-weight: normal; margin-bottom: 10px; } #content.portfolio #index_head .customSelect.compact { padding: 8px 10px 5px 25px; margin: 10px 0 0 0; } @media only screen and (min-width:47.5em) { #content.portfolio #index_head h2 { font-size: 30px; font-size: 1.875em; margin-bottom: 0; } } #content.portfolio #index_head h2 span { color: #ccc; } #content.portfolio #index_head a { font-size: 14px; font-size: 0.875em; font-weight: normal; } #content.portfolio #index_head.detail { margin-bottom: 15px; display: inline-block; width: 100%; } #content.portfolio #index_head .ref_num { /*background: #005f7d;*/ background: #5AC3A5; color: #fff; /* font-size: 32px; font-size: 2em; */ font-size: 24px; font-size: 1.6em; float: left; padding: 10px 15px; font-weight: bold; } #content.portfolio #index_head .clear_lft { float: left; margin: 10px 0 0 10px; max-width: 100%; width: 100%; } @media only screen and (min-width:40.5em) { #content.portfolio #index_head .clear_lft { max-width: 80%; width: auto; } } @media only screen and (min-width:60.5em) { #content.portfolio #index_head .clear_lft { margin: 0 0 0 14px; } } #content.portfolio #index_head .clear_lft.reset { margin: 0; } #content.portfolio #index_head .trade_name { font-size: 14px; font-size: 0.875em; } #content.portfolio #index_head .trade_name a, #content.portfolio #index_head .trade_name strong { font-weight: bold; font-size: 14px; } #content.portfolio #index_head ul.port_links { position: relative; bottom: 0; right: 0; top: 0; } #content.portfolio #index_head ul.port_links li { display: inline; margin: 0 20px 0 0; } #content.portfolio #index_head ul.port_links a.add_to_port { font-weight: bold; padding-left: 20px; background: url(/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/add-port-ico.png) no-repeat left center; } #content.portfolio #index_head ul.port_links a.follow_stock { font-weight: bold; padding-left: 20px; background: url(/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/eye-ico.png) no-repeat left center; } @media only screen and (min-width:30.5em) { #content.portfolio #index_head ul.port_links { position: absolute; } #content.portfolio #index_head ul.port_links li { margin: 0 0 0 20px; } } #content .chart_tab .clear { padding: 0 15px; } #content.portfolio .chart_tab { /*border-left: 1px solid #e5edf2;*/ background: #fff; display: block; padding: 0; float: left; width: 100%; margin-bottom: 20px; } @media only screen and (min-width:47.5em) { #content.portfolio .chart_tab { padding: 20px 0; } } #content.portfolio .chart_tab.pad_reset { padding: 0; } #content.portfolio .chart_exp { padding: 0; background: #fff; margin-bottom: 20px; width: 100%; display: inline-block; } @media only screen and (min-width:47.5em) { #content.portfolio .chart_exp { padding: 0 14px; } } #content.portfolio .chart_tab .abstract { padding: 0 14px; } #content.portfolio .chart_tab .abstract h2:before { display: none; } #content.portfolio .abstract .table_sep { margin: 1em 0; border-top: 1px solid #d9e2e5; display: table; } #content.portfolio .abstract .table_sep .in_tbl { display: table-cell; } #content .abstract ol { padding: 1em 15px; list-style: inside decimal; } #content .chart_tab h3 { padding: 10px 14px 10px 14px; display: block; font-size: 14px; font-size: 0.875em; text-transform: uppercase; font-weight: bold; border-bottom: 2px solid #192d34; } #content .chart_tab h3 a { float: right; text-transform: none; padding-left: 20px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/pdf-ico.png") no-repeat left center; } #content .chart_tab dl.tbl { padding: 10px 14px; border-bottom: 1px solid #d9e2e5; } #content .chart_tab dl.tbl dt, #content .chart_tab dl.tbl dd { display: inline-block; } #content .chart_tab dl.tbl dt { font-size: 11px; font-size: 0.6875em; text-transform: uppercase; text-align: right; width: 30%; padding-right: 14px; margin-top: 5px; vertical-align: top; } #content .chart_tab dl.tbl dd { width: 65%; } /* content refine */ .chart_control { clear: both; } .refine, #refine { background: #fff; margin: 0 0 20px 0; padding: 20px 0 0 0; display: inherit; width: 100%; border-top: 1px solid #d9e2e5; border-bottom: 1px solid #d9e2e5; } #refine.no_brd { border-top: none; border-bottom: 1px solid #d9e2e5; } @media only screen and (min-width:41.5em) { .refine, #refine { display: inline-block; } } .refine dl.refine_box, #refine dl.refine_box { clear: both; /* width: 100%; */ display: inline-block; margin: 0 0 15px 0; position: relative; z-index: 0; } .refine dl.refine_box dt, .refine dl.refine_box dd, #refine dl.refine_box dt, #refine dl.refine_box dd { float: left; position: relative; } .refine dl.refine_box dt, #refine dl.refine_box dt { color: #999999; font-size: 12px; text-align: right; width: 85px; padding-top: 11px; margin-right: 10px; } #refine.no_brd dl.refine_box dt { width: 120px; } .refine dl.refine_box .cta, #refine dl.refine_box .cta { /*width: 249px;*/ width: 239px; } #content dl.refine_box .touch_wrap { display: none; } .refine dl.refine_box input, #refine dl.refine_box input { position: relative; height: auto; } .refine p { font-size: 14px; margin: 0 10px 20px 10px; } dl.refine_box_table { clear: both; width: 100%; display: inline-block; margin-bottom: 15px; position: relative; } dl.refine_box_table dt, dl.refine_box_table dd { float: left; position: relative; } dl.refine_box_table dt { color: #999999; font-size: 14px; font-size: 0.875em; text-align: right; width: 92px; padding-top: 9px; margin-right: 15px; } dl.refine_box_table .cta { width: 249px; } dl.refine_box_table .touch_wrap { display: none; } dl.refine_box_table input { position: relative; } /* content refine */ #content .table_tabs { margin: 0 10px; } @media only screen and (min-width:47.5em) { #content .table_tabs { margin: 0; } } /* chart box head */ #chart_box { background: #fff; padding-bottom: 20px; margin: 0 10px 25px 10px; } @media only screen and (min-width:47.5em) { #chart_box { margin: 0 0 0 0; } } #chart_box .box_head { /*background: #192d34; color: #fff;*/ background: #99A5AD; color: #000; font-size: 14px; font-size: 0.875em; padding: 16px 20px 13px 20px; } #chart_box .box_head h2, #chart_box .box_head p { display: inline-block; } #chart_box .box_head h2 { text-transform: uppercase; font-weight: bold; vertical-align: top; } #chart_box .box_head p.date { /*color: #999999;*/ color: #667985; font-size: 11px; line-height: 22px; } @media only screen and (min-width:47.5em) { #chart_box .box_head p.date { float: right; } } #chart_box .box_head p.market_open, #chart_box .box_head p.market_maintenance, #chart_box .box_head p.market_pre_close, #chart_box .box_head p.market_close, #chart_box .box_head p.market_pre_open { position: relative; margin-left: 30px; } #chart_box .box_head p.market_open:before, #chart_box .box_head p.market_maintenance:before, #chart_box .box_head p.market_pre_close:before, #chart_box .box_head p.market_close:before, #chart_box .box_head p.market_pre_open:before { position: absolute; left: -20px; top: 2px; content: ""; width: 16px; height: 16px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/stop-light-ico.png") no-repeat 0 0; } #chart_box .box_head p.market_maintenance:before, #chart_box .box_head p.market_pre_open:before, #chart_box .box_head p.market_pre_close:before { background-position: 0 -30px; } #chart_box .box_head p.market_close:before /*#chart_box .box_head p.market_pre_close:before*/ { background-position: 0 -60px; } #chart_box .box_head p.market_open span, #chart_box .box_head p.market_maintenance span, #chart_box .box_head p.market_close span, #chart_box .box_head p.market_pre_close span, #chart_box .box_head p.market_pre_open span { font-size: 11px; /*display: block;*/ } #chart_box h2.index { background: #005f7d; color: #fff; font-size: 14px; font-size: 0.875em; padding: 15px 20px 13px 20px; } #chart_box h2.index a { color: #fff; } #chart_box h2.index a:hover { text-decoration: none; } #chart_box .box_table { margin: 0 20px; } @media only screen and (min-width:47.5em) { #chart_box .box_table { margin: 0 20px; } } /* above chart table */ #chart_box .chart_table { width: 100%; text-align: left; border-bottom: 1px solid #d9e2e5; } #chart_box .chart_table th { font-size: 12px; font-size: 0.75em; text-transform: uppercase; font-weight: normal; padding: 13px 10px 0 10px; text-align: left; } #chart_box .chart_table td { font-size: 18px; font-size: 1.125em; font-weight: normal; padding: 6px 10px 6px 10px; font-weight: bold; } #chart_box .chart_table span.up { color: #64b938; padding-right: 18px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/arrow-up-green-lg.png") no-repeat right top; } #chart_box .chart_table span.down { color: #bc2d2d; padding-right: 18px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/arrow-down-red-lg.png") no-repeat right top; } #chart_box .chart_table span.symbols_up { padding-left: 15px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/arrow-up-green.png") no-repeat left top; } #chart_box .chart_table span.symbols_down { padding-left: 15px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/arrow-down-red.png") no-repeat left top; } #chart_box .chart_table th, #chart_box .chart_table td { width: 50%; } .chart_tab p.note { margin: 20px 20px 0 20px; display: inline-block; font-size: 14px; background: #f8f8f8; padding: 10px; } .chart_tab p.note .cta { margin: 10px 0 0 0; width: auto; padding: 15px 30px; } #chart_box .chart_exp { /*margin: 20px;*/ } .box_generic #chart_box .chart_exp { margin: 0; } .box_generic #chart_box .box_table { margin: 0; } .box_generic #chart_box .chart_table th { font-size: 11px; font-size: 0.6875em; padding: 13px 15px 0 15px; } .box_generic #chart_box .chart_table td { font-weight: normal; font-size: 14px; font-size: 0.875em; padding: 0 15px 10px 15px; } .box_generic #chart_box .cta.var1 { width: 100%; margin: 10px 0 0 0; } .box_generic #chart_box h3 { padding: 10px 10px 5px 15px; border-bottom: 1px solid #d9e2e5; font-size: 18px; font-size: 1.125em; font-weight: bold; } #content.portfolio .table_sep { background-color: #fff; display: block; float: left; width: 100%; padding: 10px 10px 11px 10px; border-bottom: 1px solid #d9e2e5; } #content.portfolio .in_tbl { display: inline-block; color: #333333; } #content.portfolio .in_tbl img { width: auto; height: auto; } #content.portfolio .in_tbl .st_down { color: #bc2d2d; } #content.portfolio .in_tbl .st_up { color: #64b938; } #content.portfolio .in_tbl.push { margin-right: 24px; } #content.portfolio .in_tbl dt { text-transform: uppercase; letter-spacing: 1px; font-size: 11px; font-size: 0.6875em; } #content.portfolio .in_tbl dd { font-size: 18px; font-size: 1.125em; line-height: 2em; } #content.portfolio .in_tbl.large dd { font-size: 30px; font-size: 1.875em; line-height: 1.3em; margin-bottom: 10px; } #content.portfolio .in_tbl.compact dd { font-size: 14px; font-size: 0.875em; } #content.portfolio .in_tbl.compact dd span { color: #999999; } #content.portfolio .in_tbl.up dd { color: #64b938; } #content.portfolio .in_tbl.up dd:before { content: ""; width: 18px; height: 22px; display: inline-block; margin-right: 10px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/arrow-up-green-xlg.png") no-repeat 0 0; } #content.portfolio .in_tbl.down dd { color: #bc2d2d; } #content.portfolio .in_tbl.down dd:before { content: ""; width: 18px; height: 22px; display: inline-block; margin-right: 10px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/arrow-down-red-xlg.png") no-repeat 0 0; } @media only screen and (min-width:47.5em) { #content.portfolio .chart_wrap { padding: 0 0 25px 0; } } #content.portfolio .in_tbl_sel { display: inline-block; color: #333333; margin: 20px 10px; } #content.portfolio .in_tbl_sel dt { display: inline; font-size: 14px; font-size: 0.875em; color: #999999; } #content.portfolio .in_tbl_sel dd { display: inline; } #content.portfolio .in_tbl_sel dd select.customSelect { width: 300px; color: #333; } /* newsletter signup banner */ #content .news_sign_up { padding: 20px; margin-bottom: 25px; display: block; border-left: 1px solid #e5edf2; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/newsletter-bg.jpg") no-repeat center center; background-size: cover; font-size: 18px; font-size: 1.125em; } #content .news_sign_up p { margin: 0 125px 0 0; } #content .news_sign_up .cta { margin: 25px 0 0 0; font-size: 16px; font-size: 0.8888888888888888em; } /* news control */ .news_control { padding: 14px; } .news_control dl { font-size: 14px; font-size: 0.875em; margin: 5px 0 20px 0; } .news_control dt { text-transform: uppercase; color: #999999; font-size: 11px; margin-bottom: 9px; font-size: 0.7857142857142857em; } .news_control dd { color: #666666; display: inline-block; margin-right: 10px; } .news_control dd span { /* background: #999999; */ background: #40C1AC; display: inline-block; color: #fff; font-weight: bold; padding: 3px 6px; line-height: 1; } /* about promo */ .about_promo {} .about_promo h2 { font-size: 24px; font-size: 1.5em; color: #192d34; } .about_promo h2.tadawulaty_ir { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/tadawulaty-brand.png") no-repeat 0 0; width: 161px; height: 51px; margin-bottom: 17px; } .about_promo .row { padding: 21px 0 20px 0; border-bottom: 1px solid #eee; } .about_promo .box { padding: 0 28px 0 28px; } .about_promo .box_bg { background: #fff; } /*.about_promo .box:nth-child(2) { padding: 0 10px 0 0;}*/ .about_promo .row:nth-child(2) .box { padding: 0 0 0 11px; } .about_promo .row:nth-child(2) .box:nth-child(2) { padding: 0 28px 0 28px; } .about_promo .cta { margin: 15px 0 0 0; width: 100%; font-size: 16px; font-size: 1.1428571428571428em; } .about_promo h2 { margin: 0 0 14px 0; font-size: 24px; font-size: 1.7142857142857142em; line-height: 28px; line-height: 1.3333333333333333em; } .about_promo .news_img_a, .about_promo .news_img_b, .about_promo .box { background: #fff; padding: 20px 28px; } @media only screen and (min-width:47.5em) { .about_promo .news_img_a, .about_promo .news_img_b, .about_promo .box { min-height: 305px; padding: 0 28px; } } .about_promo .box p { font-size: 14px; font-size: 1em; } @media only screen and (min-width:47.5em) { .about_promo .cta { width: 210px; font-size: 11px; font-size: 1em; } .about_promo .row:nth-child(2) .box:nth-child(2) { padding: 0 40px 0 28px; } .about_promo .box p { font-size: 12px; font-size: 0.8571428571428571em; } .about_promo h2 { margin: 28px 0 14px 0; } .about_promo .row { margin: 0 0 0 0; } .about_promo .news_img_a { padding: 35px 14px 0 0; } .about_promo .news_img_b { padding: 35px 0 0 14px; } } @media only screen and (min-width:62em) { .about_promo h2 { margin: 28px 0 33px 0; } .about_promo .row { margin: 0 0 20px 0; border-bottom: none; padding: 0; } .about_promo .box { padding: 0 28px 0 48px; } .about_promo .news_img_a, .about_promo .news_img_b { padding: 0; } .about_promo .news_img_a, .about_promo .news_img_b, .about_promo .box { height: 308px; } .about_promo .box p { font-size: 14px; font-size: 1em; } } /* video intro */ .post .content_video { width: 100%; margin: 25px 0 0 0; } .video_wrap { position: relative; margin-bottom: 20px; } .video_wrap .video_intro { position: absolute; width: 100%; height: auto; top: 10%; bottom: 0; text-align: center; color: #fff; padding: 0 0.5rem; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .video_wrap .video_intro.toggle { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0; visibility: hidden; } .video_wrap #video_pic { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .video_wrap #video_pic.toggle { opacity: 0; visibility: hidden; } .video_wrap #index_video { position: absolute; top: 0; left: 0; z-index: -10; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .video_wrap #index_video.focus { z-index: 10; } .video_wrap #close_video { position: absolute; right: 20px; top: 20px; z-index: 100; visibility: hidden; opacity: 0; z-index: -10; font-weight: bold; font-size: 14px; font-size: 0.875em; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .video_wrap #close_video.toggle { visibility: visible; z-index: 10; opacity: 1; } @media only screen and (min-width:65em) { .video_wrap .video_intro { position: absolute; top: 50%; left: 50%; margin-left: -320px; margin-top: -100px; width: 640px; height: 200px; text-align: center; color: #fff; } } .video_wrap .video_intro p { font-size: 18px; font-size: 1.125em; color: #cccccc; margin: 14px 0 24px 0; } .video_wrap .video_intro h2 { font-size: 30px; font-size: 1.875em; color: #fff; } #content .video_wrap .video_intro .cta { width: 211px; font-size: 14px; font-size: 0.875em; font-weight: bold; padding: 10px 0; } /* single article */ #content .post { padding: 0 14px; } @media only screen and (min-width:49.5em) { #content .post { padding: 0; } } #content .post table { display: table; width: 100%; margin: 15px 0; } #content table.res_table.collapsed td { padding-left: 25px; } #content table.res_table.collapsed td.child, #content table.res_table.collapsed td.child ul { padding: 0 !important; list-style: none; } #content table.res_table.collapsed tr.parent td { /* color: #fff; */ color: #000; } #content table tr.parent td { /* color: #fff; */ color: #000; } #content .post table td.group { font-size: 14px; font-size: 0.875em; color: #fff; padding-left: 30px; background: #40C1AC url("../images/primary/table-tile.gif") repeat-y top left !important; /* border-bottom: 1px solid #057eba; */ text-transform: uppercase; } #content table th.group { font-size: 14px; font-size: 0.875em; color: #fff; /*padding-left: 30px; */ /* background: #0092db url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/table-tile.gif") repeat-y top left !important; */ background: #40C1AC url("../images/primary/table-tile.gif") repeat-y top left !important; /* border-bottom: 1px solid #057eba; */ text-transform: uppercase; } #content .post table tr.emp td { /*background: #223a42 !important; color: #cccccc !important*/ background: #CCD2D6 !important; color: #000 !important; } #content .post table th { text-transform: uppercase; font-size: 13px; font-size: 0.8125em; color: white; background: #001F33; font-weight: normal; padding: 10px; text-align: left; } #content .post table td { font-size: 14px; font-size: 0.875em; color: #333; font-weight: normal; padding: 10px; text-align: left; border-bottom: 1px solid #e5edf2; } #content .post table tr:nth-child(even) td { background: #f0f5f8; border-bottom: none; } #content .post table td:first-child { background: #f0f5f8; border-bottom: 1px solid #e5edf2; } #content .post table tr:nth-child(even) td:first-child { border-bottom: 1px solid #e5edf2; } #content .post table tfoot td { font-size: 12px; font-size: 0.75em; font-style: italic; background: #e5eff2; border-top: 2px solid #fff !important; } #content .post table .down { color: #bc2d2d; } #content .post table .up { color: #64b938; } #content .post .stock_detail { margin: 10px 0; font-size: 14px; font-size: 0.875em; } #content .post .stock_detail .stock_tag { display: inline-block; background: #005f7d; color: #fff; font-weight: bold; font-size: 20px; font-size: 1.4285714285714284em; float: left; padding: 10px 13px; margin-right: 10px; } #content .post .stock_detail .stock_info { margin: 5px 0 3px 0; display: inline-block; } #content .post .stock_detail .stock_up { color: #64b938; padding-left: 15px; padding-right: 15px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/arrow-up-green.png") no-repeat 0 0; } #content .post .stock_detail .stock_down { color: #bc2d2d; padding-right: 15px; padding-left: 15px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/arrow-down-red.png") no-repeat 0 center; } #content .post .stock_detail .time_stamp { clear: left; color: #c0c0c0; } #content .post .stock_detail:hover .time_stamp { text-decoration: none; border: none; color: #fff; } #content .post .share_post { font-size: 14px; font-size: 0.875em; color: #999999; margin: 10px 0 0 0; } #content .post .share_post.align { text-align: right; border-top: 1px solid #c5c5c5; padding: 7px 0 0 0; margin-top: 25px; } #content .post .share_post a.facebook, #content .post .share_post a.twitter, #content .post .share_post a.linkedin { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/social-post-ico.png") no-repeat 0 0; width: 16px; height: 16px; display: inline-block; position: relative; top: 3px; margin-right: 5px; } #content .post .share_post a.twitter { background-position: -21px 0; } #content .post .share_post a.linkedin { background-position: -42px 0; } #content .post .share_post a.facebook:hover { background-position: 0 -16px; } #content .post .share_post a.twitter:hover { background-position: -21px -16px; } #content .post .share_post a.linkedin:hover { background-position: -42px -16px; } #content .post { margin-bottom: 35px; margin-top: 25px; } #content .post.info { margin-bottom: 35px; margin-top: 0; } #content .post h1 { font-size: 36px; font-size: 2.25em; line-height: 1.1944444444444444em; font-weight: bold; } #content .post .article_body p { font-size: 18px; font-size: 1.125em; line-height: 1.3888888888888888em; margin: 20px 0; } #content .article_body ul { padding: 0 15px; list-style: inside disc; } #content .article_body ol { padding: 0 15px; list-style: inside decimal; } #content .article_body dl { padding: 0 15px; } #content .article_body dl dt { text-transform: uppercase; font-size: 14px; font-weight: bold; } #content .article_body img { width: 100%; height: auto; } #content .article_body .img_wrap img { display: inline-block; width: 100%; height: auto; } @media only screen and (min-width:640px) { #content .article_body .img_wrap img { display: inline-block; width: 30%; height: auto; margin: 10px; } } #content .post .article_body .video_wrap img { height: 480px; } #content .post .download_attached { margin-bottom: 25px; } #content .post .download_attached h2 { margin: 0 0 10px 0; } #content .post .download_attached ul { background: #ffffff; border-left: 1px solid #e5edf2; padding: 10px 20px; } #content .post .download_attached a { color: #999999; text-decoration: underline; } #content .post .download_attached a:hover { text-decoration: none; color: #0045E3; } #content .post .download_attached li { padding: 10px 0; display: inline-block; vertical-align: middle; } #content .post .download_attached li.pdf { padding-left: 35px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/down-pdf-ico.png") no-repeat left center; } #content .post .download_attached a.pdfDoc { position: relative; display: inline-block; width: 22px; height: 28px; margin-right: 15px; } #content .post .download_attached a.pdfDoc:after { position: absolute; left: 0; top: 0; content: ""; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/down-pdf-ico.png") no-repeat left center; width: 22px; height: 28px; } #content #back_to { display: block; margin: 0 0 50px 20px; } @media only screen and (min-width:49.5em) { #content #back_to { margin: 0 0 50px 0; } } #content #back_to a:hover { text-decoration: none; } #content .article_body h1.gen_title { margin: 0; padding: 0; font-size: 30px; font-weight: normal; } #content ul.content_nav { margin: 25px 0; padding: 10px 0; display: block; background: #fff; list-style: none; } #content .content_nav li { text-transform: uppercase; font-size: 14px; font-size: 0.875em; font-weight: bold; } #content .content_nav li a { text-transform: none; font-weight: normal; border-bottom: 1px solid transparent; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #content .content_nav li a, #content .content_nav li span.title { display: block; padding: 4px 40px 3px 38px; } #content .content_nav li a:hover { /*background: #ededed;*/ text-decoration: underline; } #content .content_nav li.current { list-style: none; } #content .content_nav li.current a { background: #0045E3; border-bottom: 1px solid #057eba; color: #fff; position: relative; } #content .content_nav li.current a:before { content: "\2022"; position: absolute; left: 20px; top: -3px; font-size: 23px; } #nav_main li.current_main a.sub { /*color: #999;*/ color: #0045E3 !important; } /* abstract */ #content .abstract { margin: 1em 0 2em 0; } #content .abstract h2 { margin: 0 0 0.5em 0; font-size: 18px; font-size: 1.125em; text-transform: uppercase; font-weight: normal; position: relative; display: inline-block; } #content .abstract h2:before { content: " "; width: 1px; height: 32px; background: #0045E3; position: absolute; left: -14px; top: -2px; } #content .abstract ul { margin: 1em 0; padding: 0 15px; list-style: inside disc; } /* main contact */ #content .contact_main { background: #fff; margin: 10px 0; padding: 10px 20px; border-left: 1px solid #e5edf2; box-shadow: 0 0 10px rgba(0, 0, 0, 0.03); } #content .contact_main .cta { width: 100%; } @media only screen and (min-width:49.5em) { #content .contact_main .cta { width: 210px; } #content .contact_main { padding: 30px 20px 0 20px; } } #content .contact_main dl { width: 100%; clear: both; margin-bottom: 23px; display: inline-block; } #content .contact_main dl.submit { border-top: 1px solid #e5edf2; padding: 0; } #content .contact_main dt, #content .contact_main dd { display: block; } #content .contact_main dt { text-align: left; margin-right: 30px; font-size: 12px; font-size: 0.75em; text-transform: uppercase; font-weight: bold; padding: 11px 0 5px 0; } #content .contact_main input.text_input { width: 100%; } #content .contact_main input.text_input.medium { width: 100%; } #content .contact_main textarea.area_input { width: 100%; height: 200px; text-align: left; color: #333; padding: 9px 10px; font-size: 14px; font-family: 'Avenir'; background: #f8f8f8; border-bottom: 2px solid #0045E3; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-top: none; -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15); -ms-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15); box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15); } #content .contact_main span.verify { color: #0045E3; border: 2px solid #0045E3; font-weight: bold; margin: 0 0 10px 0; display: inline-block; padding: 6px 15px 7px 15px; } #content .contact_main dd .space { margin: 0 10px; font-size: 14px; font-weight: bold; text-transform: uppercase; } #content .contact_main dd .box_cl { clear: both; } #content .contact_main dd .box_cl { margin: 0 0 10px 0; } #content .contact_main dd .box_cl span.label { display: inline-block; width: 105px; font-size: 12px; padding: 0 15px; text-align: right; } @media only screen and (min-width:49.5em) { #content .contact_main span.verify { margin: 0 10px 0 0; } #content .contact_main dt { width: 120px; text-align: right; padding-bottom: 0; } #content .contact_main dt, #content .contact_main dd { display: inline; float: left; } #content .contact_main input.text_input.medium { width: 313px; } #content .contact_main textarea.area_input, #content .contact_main input.text_input { width: 410px; } #content .contact_main input.text_input.small { width: 210px; } #content .contact_main dl.submit { padding: 30px 0 0 0; } } /* about article specific */ #content .post.about .article_body.align { margin-left: 14px; } #content .post.about .article_body p { font-size: 16px; font-size: 1em; } #content .post.about .article_body ul, #content .post.about .article_body ol, #content .post.about .article_body dl { margin-bottom: 20px; } #content .post.about .article_body ul li, #content .post.about .article_body ol li { margin: 10px 0; } #content .post.about .article_body h2 { font-size: 18px; font-size: 1.125em; text-transform: uppercase; font-weight: normal; position: relative; padding-top: 50px; margin: 0 0 0.8em 0; display: inline-block; /* required for webkit browsers */ } #content .post.about .article_body h2:before { content: " "; width: 2px; height: 32px; background: #40C1AC; position: absolute; left: -14px; top: 48px; } #content .post .article_body .img_item { clear: both; display: block; border-bottom: 1px solid #eaeaea; margin: 0; padding: 20px; min-height: 195px; background: #fff; box-shadow: inset 0 1px 10px rgba(229, 237, 242, 0.5); } #content .post .article_body .img_item h2 { color: #0045E3; font-size: 18px; font-size: 1.125em; font-weight: bold; text-transform: none; border: none; margin: 0 0 15px 0; padding-top: 0; } #content .post .article_body .img_item h2:before { display: none; } #content .post .article_body .img_item img { float: left; width: 145px; height: 146px; border-left: 1px solid #e3ebf0; margin: 0 30px 20px 0; box-shadow: 5px 0 10px rgba(0, 0, 0, 0.1); } /*#content .post.about .article_body p:first-of-type,*/ #content .post .article_body .img_item p { font-size: 14px; font-size: 0.875em; line-height: 24px; margin: 0; } #content .post .article_body .img_item p { padding-bottom: 20px; } #content .post .article_body .img_item { color: #333; } #content .post .article_body .img_item:hover { text-decoration: none; } #content .post .article_body.align .hvr-shutter-out-vertical:before { left: 0; width: 3px; z-index: 100; } @media only screen and (min-width:40.5em) { #content .post .article_body .img_item { padding: 0 20px 0 0; } #content .post .article_body .img_item p { width: 65%; margin-left: 175px !important; padding-bottom: 20px; } #content .post .article_body .img_item h2 { margin: 21px 0 3px 0; width: 70%; } } /* about article specific */ /* social follow */ #content .generic_sidebar .social_follow h3 { text-transform: uppercase; font-size: 18px; font-size: 1.125em; font-weight: bold; margin-top: 10px; display: inline-block; position: relative; top: -10px; } #content .generic_sidebar .social_follow ul { margin: 0 0 0 10px; display: inline-block; } #content .generic_sidebar .social_follow li { display: inline-block; } #content .generic_sidebar .social_follow a { display: inline-block; padding: 35px 0 0 0; width: 35px; background-color: transparent; margin-right: 3px; position: relative; } #content .generic_sidebar .social_follow a:hover { background: transparent; } #content .generic_sidebar .social_follow a span { display: none; padding: 0; width: 100%; background-color: #0045E3; font-size: 10px; font-size: 0.625em; text-transform: uppercase; color: #fff; width: 68px; margin-right: 3px; text-align: center; padding: 4px 0 2px 0; position: absolute; } #content .generic_sidebar .social_follow a.facebook_follow { background-image: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/follow-facebook.png"); background-repeat: no-repeat; background-position: center center; } #content .generic_sidebar .social_follow a.twitter_follow { background-image: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/follow-twitter.png"); background-repeat: no-repeat; background-position: center center; } #content .generic_sidebar .social_follow a.youtube_follow { background-image: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/follow-youtube.png"); background-repeat: no-repeat; background-position: center center; } @media only screen and (min-width:49.5em) { #content .generic_sidebar .social_follow h3 { display: block; top: 0; } #content .generic_sidebar .social_follow ul { display: block; margin: 17px 0 0 0; } #content .generic_sidebar .social_follow a span { display: inline-block; } #content .generic_sidebar .social_follow a { padding: 62px 0 0 0; width: 68px; background-color: #fff; } #content .generic_sidebar .social_follow a:hover { background-color: #d7f0fd; } } /* social follow */ /* category boxes */ #content .box_cat { display: block; border-bottom: 5px solid #0045E3; background: #fff; margin: 0; padding: 10px 20px; color: #333333; font-size: 14px; font-size: 0.875em; } @media only screen and (min-width:49.5em) { #content .box_cat { margin: 10px 0 20px 0; min-height: 185px; } } #content .box_cat h2 { font-size: 24px; font-size: 1.7142857142857142em; font-weight: bold; color: #0045E3; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } #content .box_cat:hover { color: #fff; text-decoration: none; } #content .box_cat:hover h2 { color: #fff; } /* portfolio sidebar */ #content .generic_sidebar { width: 100%; display: inline-block; margin-bottom: 0; } @media only screen and (min-width:49.5em) { #content .generic_sidebar { padding: 0; margin-bottom: 25px; } } #content .generic_sidebar.watchlist_offset { margin-bottom: 0; position: relative; z-index: 1; width: 100%; } @media only screen and (min-width:75.25em) { #content .generic_sidebar { width: 218px; } } #content .generic_sidebar.offset_top { position: relative; top: 0; width: 100%; } @media only screen and (min-width:49.5em) { #content .generic_sidebar.offset_top { top: 20px; } } @media only screen and (min-width:75.25em) { #content .generic_sidebar.offset_top { top: -80px; margin-bottom: -80px; } } #content .generic_sidebar .sidebar { width: 100%; display: inline-block; margin-bottom: 25px; background: #fff; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-left: 1px solid #e5edf2; } #content .generic_sidebar p.title { font-size: 14px; font-size: 0.875em; position: relative; padding: 4px 20px 3px 20px; margin: 10px 0 20px 0; text-transform: uppercase; font-weight: bold; } #content .generic_sidebar p.cat { color: #0045E3; font-size: 14px; font-size: 0.875em; position: relative; padding: 4px 20px 3px 20px; margin: 10px 0 20px 0; } #content .generic_sidebar p.highlight { background: #0045E3; border-top: 1px solid #057eba; color: #fff; } #content .generic_sidebar p.highlight:before { content: "\2022"; position: absolute; /*left:6px;*/ top: 20px; font-size: 23px; } #content .generic_sidebar p.highlight a { color: #fff; } #content .generic_sidebar h2 { /*background: #192d34; color: #fff;*/ background: #99A5AD; color: #000; font-size: 24px; font-size: 1.5em; font-weight: normal; padding: 22px 13px; } #content .generic_sidebar ul { margin: 0 0 22px 0; display: block; } #content .generic_sidebar ul:first-child { margin-top: 15px; } #content .generic_sidebar li { text-transform: uppercase; font-size: 14px; font-size: 0.875em; font-weight: bold; } #content .generic_sidebar li a { text-transform: none; font-weight: normal; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #content .generic_sidebar li a, #content .generic_sidebar li span.title { display: block; padding: 4px 20px 3px 20px; } #content .generic_sidebar li a:hover { background: #ededed; text-decoration: none; } #content .generic_sidebar li.current a { background: #001F33; border-bottom: 1px solid #057eba; color: #fff; position: relative; box-shadow: -1px 0 0 #001F33; } #content .generic_sidebar li.current a:before { content: "\2022"; position: absolute; left: 6px; top: -2px; font-size: 23px; } #content .generic_sidebar .about_nav li a { border-bottom: 1px solid #e5edf2; padding: 9px 20px 8px 20px; } #content .generic_sidebar .about_nav li:last-child a { border-bottom: none; } #content .generic_sidebar .about_nav li.current a { border-bottom: 1px solid #001F33; } #content .generic_sidebar .about_nav li.current a:before { top: 2px; } /*letter select*/ #let_select { background-color: #001F33; color: #FFFFFF; display: block; margin-top: 20px; padding: 14px; } #let_select p { font-size: 14px; font-size: 0.875em; } #let_select li { display: inline; font-weight: bold; font-size: 14px; padding: 2px 7px; font-size: 0.875em; } #let_select li a { border-bottom: 1px solid #FFFFFF; color: #FFFFFF; } #let_select li a:hover { text-decoration: none; border-bottom: none; color: #2e5b6b; } #company_list {} #company_list h2 { font-weight: bold; text-transform: uppercase; color: #333; border-left: 4px solid #0045E3; margin: 18px 0; padding-left: 14px; font-size: 24px; font-size: 1.5em; position: relative; } #company_list h2 a.b2t { position: absolute; right: 10px; top: 13px; font-size: 12px; text-decoration: none; font-weight: normal; padding-left: 13px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/b2t-ico.png") no-repeat 0 4px; color: #999999; } #company_list h2 a.b2t:hover { color: #000; } #company_list .company_box { padding: 14px; border-left: 1px solid #e5edf2; background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.03); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.03); box-shadow: 0 0 10px rgba(0, 0, 0, 0.03); } #company_list .company_box .logo { display: inline-block; vertical-align: top; width: 165px; position: relative; top: -25px; } #company_list .company_box .logo img { width: 135px; height: 78px; } #company_list .company_box h3 { font-weight: bold; font-size: 18px; font-size: 1.125em; display: block; margin-left: 177px; margin-bottom: 5px; } #company_list .company_box li, #company_list .company_box dd { font-size: 14px; font-size: 0.875em; word-break: break-all; } #company_list .company_box ul, #company_list .company_box dl { display: inline-block; vertical-align: top; margin: 0 10px; } #company_list .company_box dl { width: 280px; } #company_list .company_box ul { width: 200px; } #down_list {} #down_list h2 { font-weight: bold; text-transform: uppercase; color: #333; border-left: 4px solid #0045E3; margin: 18px 0; padding-left: 14px; font-size: 24px; font-size: 1.5em; } #down_list .down_box { padding: 14px; border-left: 1px solid #e5edf2; background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.03); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.03); box-shadow: 0 0 10px rgba(0, 0, 0, 0.03); } #down_list .down_box h3 { font-weight: bold; font-size: 14px; display: block; color: #333; margin-bottom: 15px; margin-top: 6px; width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media only screen and (min-width:480px) { #down_list .down_box h3 { width: auto; white-space: inherit; overflow: inherit; text-overflow: inherit; } } #down_list .down_box a { color: #999999; padding: 8px 0 8px 35px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/down-pdf-ico.png") no-repeat left center; } #down_list .down_box a.pdf, #down_list .down_box a.xls { position: relative; background: none; padding: 8px 0 8px 20px; font-size: 12px; display: inline-block; width: 100%; } #down_list .down_box a.pdf:before, #down_list .down_box a.xls:before { content: ""; position: absolute; left: 0; top: 10px; width: 14px; height: 16px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/xls-pdf-ico.png") no-repeat -21px 0; } #down_list .down_box a.pdf:before { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/xls-pdf-ico.png") no-repeat 0 0; } @media only screen and (min-width:49.5em) { #down_list .down_box { background: #fff url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/down-pdf-img.png") no-repeat 0 0; height: 64px; } #down_list .down_box a { float: right; } #down_list .down_box h3 { font-size: 18px; font-size: 1.125em; margin-left: 70px; margin-top: 6px; float: left; margin-bottom: 0; } #down_list .down_box a.pdf, #down_list .down_box a.xls { margin-left: 25px; font-size: 14px; width: auto; } } /* about article */ .about_intro { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/intro-about.jpg") no-repeat center center; background-size: cover; background-attachment: fixed; padding: 20px 0; color: #fff; } .about_intro.news_archive { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/intro-news.jpg") no-repeat center center; background-size: cover; background-attachment: fixed; padding: 60px 0; color: #fff; } .about_intro h1 { font-size: 40px; font-size: 2.5em; line-height: 1; font-weight: bold; margin-bottom: 25px; margin-left: 30px; } .about_intro p { font-size: 18px; font-size: 1.125em; } #video_intro { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/primary/intro-video.jpg") no-repeat center center; background-size: cover; background-attachment: fixed; color: #fff; } @media only screen and (min-width:49.5em) { .about_intro { padding: 50px 0; } #video_intro { padding: 50px 0; } .about_intro h1 { font-size: 60px; font-size: 3.75em; font-weight: bold; margin-bottom: 0; line-height: auto; margin-left: 30px; } .about_intro p { font-size: 22px; font-size: 1.375em; } } #video_intro h1 { font-size: 60px; font-size: 3.75em; font-weight: bold; } #video_intro p { font-size: 22px; font-size: 1.375em; } /* Prevent video jerky resize on load, reset defaults */ video { width: 100%; height: 100%; display: inline-block; vertical-align: baseline; } #video_wrap { height: 300px; width: 100%; position: relative; } #video_wrap a#trigger_video { position: absolute; background: #099ee8 url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/ico-play-video.png") no-repeat 39px 36px; width: 90px; height: 90px; top: 50%; left: 50%; margin-left: -45px; margin-top: -45px; border-radius: 50em; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -ms-transition: all 0.25s ease-in; transition: all 0.25s ease-in; opacity: 1; visibility: visible; } #video_wrap a#trigger_video.toggle { opacity: 0; visibility: hidden; } #video_wrap a#trigger_video:hover { background-color: #64b938; } #video_wrap a#close_media { position: absolute; bottom: 0; right: 0; padding: 5px 10px; font-size: 12px; font-size: 0.75em; background: #099ee8; color: #fff; opacity: 0; visibility: hidden; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -ms-transition: all 0.25s ease-in; transition: all 0.25s ease-in; } #video_wrap a#close_media.show { opacity: 1; visibility: visible; -webkit-transform: translateY(35px); -moz-transform: translateY(35px); -ms-transform: translateY(35px); transform: translateY(35px); } #video_wrap a#close_media:hover { text-decoration: none; background: #64b938; } #video_wrap { position: relative; padding-bottom: 46.25%; /* 16:9 */ padding-top: 25px; height: 0; } @media only screen and (min-width:49.5em) { #video_wrap { padding-bottom: 46.25%; /* 16:9 */ } } #video_wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 0; opacity: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } #video_wrap.toggle iframe { height: 100%; opacity: 1; } /* site map */ .site_map {} .site_map .section { background-color: #fff; border-left: 1px solid #e5edf2; } .site_map .section h3 { text-transform: uppercase; font-size: 20px; font-size: 1.25em; font-weight: bold; padding: 10px 20px; border-bottom: 1px solid #d9e2e5; } .site_map .section dl { display: inline-block; padding: 20px 10px 20px 20px !important; width: 100%; vertical-align: top; } .site_map .section dl:last-child { padding: 20px 0 20px 20px; } .site_map .section dl dt { vertical-align: top; height: 3em; } .site_map .section dl dd { font-size: 14px; font-size: 0.875em; margin-bottom: 10px; line-height: 1.4; } .site_map .section dl dd a { padding-left: 10px; display: inline-block; position: relative; } .site_map .section dl dd a:after { content: "\2022"; color: #333; position: absolute; left: 0; top: 0; } @media only screen and (min-width:49.5em) { .site_map .section dl { width: 23%; } .site_map .section dl dt { height: 5em; } } /* sidebar boxes */ #content .box_generic { margin: 0; display: inline-block; background: #fff; width: 100%; } @media only screen and (min-width:49.5em) { #content .box_generic { margin: 30px 0 0 0; } } @media only screen and (min-width:65.75em) { #content .sidebar_offset { position: relative; top: -390px; margin-bottom: -250px; } #content .box_generic { margin: 30px 0 0 0; } } #content .box_generic h2 { text-transform: uppercase; color: #cccccc; font-size: 14px; font-size: 0.875em; background: #192d34; padding: 15px 20px 14px 20px; font-weight: normal; } #content .box_generic h2 span { color: #fff; font-weight: bold; } #content .box_generic li { font-size: 14px; font-size: 0.875em; } #content .box_generic li a { display: block; padding: 10px 20px; border-right: 1px solid #e5edf2; border-left: 1px solid #e5edf2; border-bottom: 1px solid #f0f0f0; color: #333; text-decoration: none; } #content .box_generic li a span { border-bottom: 1px solid #d8d8d8; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in; } #content .box_generic li a:hover { background: #f5f5f5; text-decoration: none; } #content .box_generic li a:hover span { border-color: #333; } /* --------------- Fatal error 404 ------------------*/ .error404 { position: relative; margin: 22px 0 40px 0; padding: 0 0 0 230px; } .error404:before { content: "404"; display: block; width: 164px; height: 164px; font-size: 60px; line-height: 164px; color: #fff; background-color: #bc2d2d; text-align: center; position: absolute; left: 0; top: 20px; font-weight: bold; } .error404 .title { font-size: 60px; line-height: 60px; font-weight: bold; color: #333; padding: 13px 0; letter-spacing: -1px; } .error404 .subtitle { font-size: 24px; line-height: 34px; font-weight: bold; color: #0045E3; text-transform: uppercase; padding: 8px 0; margin: -5px 0 34px; } .error404 ul { margin-bottom: 40px; } .error404 li, .error404 p { font-size: 18px; line-height: 25px; font-weight: normal; color: #333; padding: 5px 0; } .error404 li { position: relative; padding-left: 16px; } .error404 li:before { content: ""; display: block; width: 4px; height: 4px; position: absolute; left: 0px; top: 16px; background-color: #0045E3; border-radius: 50%; } .error404 a.back { font-size: 16px; line-height: 45px; display: inline-block; height: 45px; padding: 0 22px 0 49px; background-color: #0045E3; color: #fff; position: relative; box-shadow: 0 1px 0 #1ca5e8 inset; } .error404 a.back:hover { background-color: #1ca5e8; box-shadow: 0 1px 0 #0045E3 inset; text-decoration: none; } .error404 a.back:before { content: ""; display: inline-block; width: 11px; height: 8px; position: absolute; left: 25px; top: 19px; background: url('/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/arrow-cta-white-2.png') no-repeat 0 0; } @media only screen and (max-width: 47.9375em) { .error404 { padding: 0; } .error404:before { width: 100%; height: 100px; font-size: 60px; line-height: 100px; position: relative; left: 0; top: 0; margin-bottom: 20px; } .error404 .title { font-size: 40px; line-height: 40px; } .error404 .subtitle { font-size: 20px; line-height: 30px; } } /* --------------- footer ------------------*/ #footer { font-size: 14px; background: #192d34; } #footer .container { background: #001F33; width: 100%; } #footer .reset { padding: 0; } #footer .icon-properties{ background-color: #5AC3A5; height: 32px; width: 32px; border-radius: 7px; outline: 0; border: none; margin-left: 16px; margin-top: 0px; } #footer .icon-properties:hover{ background-color: #001F33; } #footer .mb-copyright{ display:none; } #footer .copyright{ font-size: 14px; color: #FFFFFF; margin-top: 13px; text-align: right; } @media only screen and (min-width: 75.5em) { #footer { background: none; } #footer .container { padding: 0; } } #footer ul { display: block; padding: 0; padding-top: 1px; font-size: 18px; font-size: 1.2857142857142856em; } #footer li { display: block; color: #999999; } #footer li.copy { display: none; padding: 25px 9px; } #footer li a { display: block; border-bottom: 1px solid #14262c; margin: 0 6px; padding: 10px 0; } #footer a { color: #fff; padding: 0 0 3px 0; display: inline-block; } #footer a:hover { text-decoration: underline; } #footer #foot_brand { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/branding/brand-tadawul-foot.png") no-repeat 0 0; width: 80px; height: 32px; padding: 0; margin-top: 10px; margin-right: 10px; margin-bottom: 15px; position: relative; left: 50%; margin-left: -40px; } #footer #foot_brand_2030 { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/branding/2030.png") no-repeat 0 0; width: 57px; height: 50px; margin: 0; margin-top: 8px; position: relative; } #footer #foot_brand_G20 { background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/branding/G20.png") no-repeat 0 0; width: 55px; height: 52px; margin: 0; margin-top: 8px; position: relative; } .foot_brand_align { text-align: right; height: 0px; /*top: 20px;*/ } #footer .link-adjustment{ width: 100%; height: 100%; margin-left: 1px; } #footer .twitter-icon{ height: 100%; width: 100%; background-image: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/twitter.png"); } #footer .linkedIn-icon{ height: 100%; width: 100%; background-image: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/linkedIn.png"); } #footer .facebook-icon{ height: 100%; width: 100%; background-image: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/facebook.png"); } #footer .youtube-icon{ height: 100%; width: 100%; background-image: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/youtube.png"); } #footer .instgram-icon{ height: 100%; width: 100%; background-image: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/instgram.png"); } #footer .android-icon{ height: 100%; width: 100%; background-image: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/android.png"); } #footer .apple-icon{ height: 100%; width: 100%; background-image: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/apple.png"); } #footer a#b2t { text-align: center; width: 100%; padding: 15px 0; border-bottom: 1px solid #163745; text-transform: uppercase; font-size: 12px; color: #999999; background: #eeeeee; } #footer a#b2t:hover { color: #000; } #footer a#b2t span { padding-left: 15px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/b2t-ico.png") no-repeat 0 2px; } #footer .social_foot { text-align: center; width: 100%; font-size: 14px; position: relative; top: 0; } #footer .social_foot li { display: inline-block; margin: 0 20px; vertical-align: middle; } #footer .social_foot li.copy { display: block; padding: 15px 0 25px 0; } #footer .social_foot a { border-bottom: none; } #footer .social_foot li:first-child { /*display: none; */ } #footer a span { padding-bottom: 3px; } #footer a.ir { width: 32px; height: 40px; margin: 0 0 0 10px; } #footer .facebook, #footer .twitter, #footer .linkedin, #footer .youtube, #footer .instagram { position: relative; padding: 0; margin: 0; } #footer .twitter:after { content: " "; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/social-foot-ico.png") no-repeat 0 0; width: 32px; height: 32px; position: absolute; left: 0; top: 50%; margin-top: -16px; } #footer .facebook:after, #footer .linkedin:after, #footer .twitter:after, #footer .youtube:after, #footer .instagram:after { content: " "; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/social-foot-ico.png") no-repeat 0 0; width: 32px; height: 32px; position: absolute; left: 0; top: 50%; margin-top: -19px; } #footer .facebook:after { background-position: 0 -107px; } #footer .youtube:after { background-position: 0 -36px; } #footer .linkedin:after { background-position: 0 -71px; } #footer .twitter:hover:after { background-position: -32px 0; } #footer .instagram:after { background-position: 0 -142px; } #footer .youtube:hover:after { background-position: -32px -36px; } #footer .linkedin:hover:after { background-position: -32px -71px; } #footer .facebook:hover:after { background-position: -32px -107px; } #footer .instagram:hover:after { background-position: -32px -142px; } @media only screen and (min-width:49.5em) { #footer #foot_brand { display: block; width: 81px; margin-bottom: 0; } #footer ul { padding: 8px 0; display: inline-block; float: left; font-size: 14px; font-size: 1em; } #footer li { display: inline-block; } #footer li.copy { display: inline-block; } #footer li a { display: inline-block; margin: 0 5px; padding: 5px 0; border-bottom: none; } #footer .social_foot { width: auto; } #footer .social_foot li { margin: 0; } #footer .social_foot li:first-child { display: inline-block; } #footer .social_foot li.copy { display: none; padding: 0; } #footer #foot_brand { margin-left: 0; left: 0; float: left; } } /*dialog overwrites */ .jconfirm .jconfirm-box { border-radius: 0 !important; } .jconfirm .jconfirm-box div.title { font-size: 14px !important; text-transform: uppercase !important; font-weight: normal !important; padding: 20px !important; background: #192d34 !important; color: #0a9ee8 !important; } .jconfirm .jconfirm-box div.content { font-size: 14px !important; padding: 20px !important; } .jconfirm.white .jconfirm-box .buttons button { font-weight: normal !important; padding: 10px 25px !important; color: #fff !important; background: #0a9ee8 !important; } .jconfirm.white .jconfirm-box .buttons button:hover { background: #1da6eb !important; color: #fff !important; } .watchlist_add_item .twitter-typeahead { display: inline !important; } /* .touch_wrap { display: none; } */ ul.bond_list { margin: 20px 10px; } ul.bond_list li { list-style: disc inside; } /* demo helper*/ .template_list { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .template_list li { padding: 10px 25px; position: relative; } .template_list li.title { background: #192d34; color: #fff; font-size: 24px; } .template_list li.title span { float: right; color: #cccccc; font-size: 14px; margin: 11px 0 0 0; text-transform: uppercase; } .template_list li b { position: absolute; display: block; top: 50%; left: 7px; margin-top: -10px; line-height: 20px; } .template_list li b:before { content: 'âś“'; color: #64b938; } .template_list a:focus, .template_list a:active, .template_list a:hover { text-decoration: none; } ul.ui-autocomplete { max-height: 300px; overflow-y: scroll; } p.no_data { display: block; width: 100%; text-align: center; margin: 10px 0 30px 0; text-transform: uppercase; font-weight: bold; } .news_pager { width: 100%; display: inline-block; margin: 20px 0; padding: 10px 0; border-top: 1px solid #e1e1e1; } .news_pager li, .news_pager span, .news_pager a { float: left; } .news_pager span, .news_pager a { margin: 0 2px 0 0; background: #0045E3; color: #fff; width: 35px; padding: 10px 0 8px 0; line-height: 1; text-align: center; } .news_pager span.dot { background: #fff; color: #333; } .news_pager a:hover { text-decoration: none; /* background: #163745;*/ } .news_pager a.on, .news_pager a.off { width: auto; padding: 10px 20px 8px 20px; } .highcharts-container { width: 100% !important; height: 100% !important; } /* ajax spinner */ .loading { background: transparent; position: relative; width: 100%; height: 100px; } .loading:after { content: ""; position: absolute; z-index: 100; top: 50%; left: 50%; width: 32px; height: 32px; margin: -16px 0 0 -16px; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/loading.gif") no-repeat 0 0; } #content .stacktable { width: 100%; } .st-head-row { padding-top: 1em; } .st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; } .table_head .pre_table .st-key { width: 49%; text-align: right; padding-right: 10px; font-size: 12px; padding-top: 7px; padding-bottom: 7px; border-bottom: 1px solid #31474f; border-right: 1px solid #31474f; } .table_head .pre_table .st-val { width: 49%; padding-left: 10px; font-size: 12px; padding-top: 7px; padding-bottom: 7px; border-bottom: 1px solid #31474f; } .table_head table.small-only { border-top: 1px solid #31474f; margin-top: 15px; } /* RESPONSIVE EXAMPLE */ #content .stacktable.large-only { display: table; } #content .stacktable.small-only { display: none; } @media (max-width: 520px) { #content .stacktable.large-only { display: none; } #content .stacktable.small-only { display: table; } } .nav_search_mobile .twitter-typeahead { width: 100%; } .custom-tab .active { color:#000 !important; background-color:#fff !important; font-weight: bold; } .custom-tab li { background-color:#CCD2D6 !important; color:#000 !important; font-weight: bold; } #content ul.tabs.subsub_tabs.custom-tab { border-bottom: 2px solid #ffffff !important; } .tt-suggestions {z-index:9999999 !important; } .tt-dropdown-menu {z-index:9999999 !important;} .sukuk_header_index { float : left; } .sukuk_header_marketstatus { float : right; } #maintabs-marketIndices ul.tabs.subsub_tabs li:nth-child(2) { border: 0; } #maintabs-marketIndices ul.tabs.subsub_tabs li:nth-child(3) { border: 0; } #maintabs-marketIndices ul.subsub_tabs li.active { background-color:white !important; } @media (min-width: 1281px) { .google-prev-page-width { width:100px !important; } .google-middle-page-width { width:200px !important; } .google-centerMargin { margin-left:180px !important; } } /* ##Device = Laptops, Desktops ##Screen = B/w 1025px to 1280px */ @media (min-width: 1025px) and (max-width: 1280px) { //CSS .google-prev-page-width { width:100px !important; } .google-middle-page-width { width:200px !important; } .google-centerMargin { margin-left:180px !important; } } /* ##Device = Tablets, Ipads (portrait) ##Screen = B/w 768px to 1024px */ @media (min-width: 768px) and (max-width: 1024px) { .google-prev-page-width { width:100px !important; } .google-middle-page-width { width:200px !important; } .google-centerMargin { margin-left:150px !important; } } /* ##Device = Tablets, Ipads (landscape) ##Screen = B/w 768px to 1024px */ @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { .google-prev-page-width { width:100px !important; } .google-middle-page-width { width:100px !important; } .google-centerMargin { margin-left:150px !important; } } /* ##Device = Low Resolution Tablets, Mobiles (Landscape) ##Screen = B/w 481px to 767px */ @media (min-width: 481px) and (max-width: 767px) { .google-prev-page-width { width:75px !important; } .google-middle-page-width { width:100px !important; } .google-centerMargin { margin-left:100px !important; } } /* ##Device = Most of the Smartphones Mobiles (Portrait) ##Screen = B/w 320px to 479px */ @media (min-width: 320px) and (max-width: 480px) { .google-prev-page-width { width:50px !important; } .google-middle-page-width { width:75px !important; } .google-centerMargin { margin-left:75px !important; } } .market-status-allmarket { background: transparent !important; font-size: 100% !important; color: #333 !important; } #site_tools .market_status a:hover { text-decoration: none !important; } .news-tag { margin-left: 4px; padding-top: 3px; padding-left: 5px; padding-right: 5px; font-size: 11px; color: #5AC3A5; border-left: 2px solid; } #site_tools .index_name a:hover {text-decoration:none;} /* The below are added for Home page - Top header Market status changes */ .market-stauts-list { margin-top: 20px; max-height: 500px; transition: max-height 0.8s ease-out; overflow: hidden; display: flex; flex-direction: column; background: white; width: 100%; } .market-stauts-container:hover .market-stauts-list { max-height: 800px; transition: max-height 0.5s ease-in-out; } .market-main-block { display: block; margin-top: 10px; margin-bottom: 10px; height: 90%; width: 100%; color: #FFFFFF; } .market-block { display: block; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; } .market-name { font-size: 1.1em; margin-bottom: 4px; font-weight: 600; } .status-text { font-size: 0.9em !important; font-weight: normal; } .market-stauts-list-mobile { transition: max-height 0.2s ease-out; overflow: hidden; max-height: 0; display: flex; flex-direction: column; width: 38%; background: #f8f8f8; margin-top: -12px; margin-bottom: 20px; position: absolute; z-index: 8; } .market-stauts-container-mobile:hover .market-stauts-list-mobile, .market-stauts-container-mobile:active .market-stauts-list-mobile { max-height: 800px; transition: max-height 0.2s ease-in-out; } .market-card { position: absolute; top: 0px; background: #fff; z-index: 2; width: 100%; border: 1px solid #001F33; border-top: 0; border-bottom: 0; box-shadow: 0 10px 20px rgba(0,0,0,0.2); display: none; color: #000; } .market-link::after { content: ''; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/tooltip-ind-up.png") no-repeat 0 0; width: 7px; height: 5px; position: relative; top: -2px; display: inline-block; } .market-card-header::after { content: ''; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/tooltip-ind-up.png") no-repeat 0 -5px; width: 7px; height: 5px; position: relative; top: -2px; left: 10px; display: inline-block; } .market-card-header { display: block; background: #001F33; color: white; padding: 5px 10px 5px 10px; font-weight: normal; } .market-link{ text-decoration: none; color: #0045E3; } .market-link:hover{ text-decoration: none; } .market-link:hover .market-card{ display: block; } .market-main-block .hover .market-card { display: block; } #siteTime { margin-left:15px; } .market_status { padding-left: 0px !important; } #marketStatusBlock .market_maintenance:before, #marketStatusBlock .market_pre_close:before, #marketStatusBlock .market_close:before, #marketStatusBlock .market_pre_open:before, #marketStatusBlock .market_open:before { content: "\2022"; color: #64b938; font-size: 15px; font-size: 2em; position: relative; left: 1.5px; top: 4px; right: 2px; padding-right:3px; } #marketStatusBlock .market_maintenance:before { color: #e6860a; } #marketStatusBlock .market_pre_close:before { color: #e6860a; } #marketStatusBlock .market_close:before { color: #bc2d2d; } #marketStatusBlock .market_pre_open:before { color: #e6860a; } #marketStatusBlock .market_closed {} /* Top header Market status changes - Ends */ /* Top Header for Mobile Starts */ .market-card-mobile{ position: absolute; top: 80px; background: #fff; z-index: 2; width: 30%; border: 1px solid #d9e2e5; border-top: 0; border-bottom: 0; box-shadow: 0 10px 20px rgba(0,0,0,0.2); display: none; } .market-card-mobile-header { display: block; background: #192d34; color: #c4c4c4; width: 100%; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; } .market-card-mobile-header::after { content: ''; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/tooltip-ind-up.png") no-repeat 0 -5px; width: 7px; height: 5px; position: absolute; top: 18px; right: 22px; } .market-link-mobile::after { content: ''; background: url("/wps/contenthandler/!ut/p/digest!ydvYMOYCbbSytmDIYfTrrg/war/tadawul.portal.theme.static.v2/themes/Tadawul/images/ico/tooltip-ind-up.png") no-repeat 0 0; width: 7px; height: 5px; position: absolute; right: -14px; top: 7px; } .market-link-mobile{ text-decoration: none; color: #0045E3; } /* Top Header for Mobile Ends */ @media only screen and (max-width: 80em) { #site_tools .col-sm-3 { width:10%; } #site_tools .col-sm-2 { width:9%; } #site_tools .lang_select { top:40px; } } /* Top Header for Mobile Ends */ /* For Carousel Design Begins */ .carousel .carousel-item { height: 370px; } .carousel-control.right { background: transparent !important; } .carousel-control.left { background: transparent !important; } .carousel-inner>.carousel-item>a>img,.carousel-inner>.carousel-item>img,.img-responsive,.thumbnail a>img,.thumbnail>img { /* max-width: 50%; */ max-width: 100%; } .carousel-control { color: #b1b1b1; width: 0%; } .carousel-caption { text-align: left; left: 33px; top: -34px; text-shadow: none; } .carousel-caption h2 { color: #014f6e; font-size: 40px; } .carousel-caption p { color: #00366b; font-size: 17px; width: 50%; } .carousel-caption ul li { display: inline; font-size: 15px; } .carousel-caption ul { padding: 0px; margin-bottom: 36px; } @media ( max-width : 768px) { .carousel-caption h2 { color: #014f6e; font-size: 20px; } .carousel-caption ul { padding: 0px; margin-bottom: 10px; } .carousel-caption { width: 90%; } } .carousel-indicators .active { background-color: #bdbdbd; } .carousel-indicators li { background-color: rgba(0, 0, 0, 0.47); margin-bottom: 15px; } .carousel-image { display: block; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 992px) { .carousel { margin-top: 10px; } } /* For Carousel Design Ends */ /* Added for QFI Project for menu left navigation*/ .qfi-navigation-padding{ padding-left: 50px; } .advertisementContent { margin-top:-10px; } @media ( max-width : 1200px) { .carousel .carousel-item { height:auto; } .advertisementContent { margin-bottom:10px; margin-top:0px; } } @media only screen and (max-width: 49.4375em) { #market_info_rwd .marketStatusColumn { padding: 15px 0px 0px 30px; } } #CarouselImageSize img { height: 360px; width: 100%; } @media ( max-width : 768px) { #CarouselImageSize img { height: 200px; width: 100%; } } #nav_main .nav_top_chromefix { top auto; } #layoutContainers .row { display:block; margin-left: 0; margin-right: 0; } .dl.refine_box { display:inline-block !important; } @media only screen and (min-width : 768px) and (max-width : 992px) { #chart_box .box_head { font-size: 0.675em; } #siteIconStatus { display:none; } } @media screen and (min-width:49.5em), screen and (max-width:75.4em) { #nav_main .menu_lvl2.fund { width: 400px; padding-left:20px; } } @media only screen and (min-width:75.5em) { #nav_main .menu_lvl2.fund { width: 600px; padding-left:20px; } } .wpToolbarActionBar { display:none !important; } .wpToolbarCommon { display:none !important; } @media only screen and (max-width: 1200px) { #nav_main .user_nav { display:none; } } #Table_mutualFund_screener th { text-overflow: ellipsis; } #Table_mutualFund_screener td { text-overflow: ellipsis; } table.dataTable.display tbody tr.odd, .dataTables_wrapper .bottom{ background-color:#EDEFF1 !important; } #site_tools .date{ color: #FFF; } #site_tools .index_value{ color: #FFF; } #site_tools a{ color: #FFF !important; } #nav_main .row{ background-color: #CCD2D6; } #nav_desktop .user_nav .usernav_tradingsimultor > a{ background-color: #5AC3A5; color: #FFF; } #nav_desktop .user_nav .usernav_watchlist > a{ background-color: #0045E3; color: #FFF !important; } #content .generic_sidebar li.current a:visited{ color:#FFF !important; } #content .generic_sidebar li > a { color: #001F33 } .container-fluid {padding-left: 0px;} tr.parent td { background: #CCD2D6 !important; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #0045E3 !important; border-color: #0045E3 !important; color: #fff; } .daterangepicker .calendar th{backgroud:#001F33 !important;} .tokenfield {border-bottom: 2px solid #0045E3 !important; padding: 4px 10px !important;} #putThroughTradesTable_wrapper > #putThroughTradesTable tbody .even{ color: #000000 !important; background: #FFFFFF !important; } #putThroughTradesTable_wrapper > #putThroughTradesTable tbody .odd{ color: #000000 !important; } .tadawul_footer2{ background-color: #5AC3A5; } @media only screen and (min-width: 1600px) { .tadawul_footer1{ padding: 0px 345px; } #footer .last-social_icon{ margin-right: 50px !important; } .tadawul_footer2{ padding: 0px 345px; } } @media (min-width: 1200px) and (max-width: 1600px){ .tadawul_footer1{ padding: 0px 140px; } .tadawul_footer2{ padding: 0px 140px; } #footer .last-social_icon{ margin-right: 50px !important; } } @media (min-width: 576px) and (max-width: 791px){ /*This area for small devices only*/ } @media (min-width: 767px) and (max-width: 791px){ #site_tools .col-sm-6{ width: 101.857143%; } } #newsArchiveForm > dl dd{ color: #000000; } #srp .extra :hover{ background-color: #5AC3A5; color: #FFFFFF; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #srp .extra { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .dataTables_daterangepicker{ height: auto; } #timt30changePercentage{ color: #FFFFFF; } #timt30change{ color: #FFFFFF; } .tokenfield .token{ background-color: #0045E3 !important; } #tasiIndexName > a:visited{ color: #FFFFFF !important; } #tiMT30IndexName > a:visited{ color: #FFFFFF !important; } #smeIndexName > a:visited{ color: #FFFFFF !important; } #nav_main a:visited{ color: #FFFFFF; } .header a:visited{ color: #FFFFFF; } #portfolioLink > span{ color: #FFF; } form#addCompanyToWatchlistForm a { color: #000; } #site_tools .smeIndexValue {color:#FFF;} #site_tools .lang_select {font-family:Arial;} #content ul.content_nav {font-weight: bold; font-size: 1.125em;} #chart_box .box_head p.date {color:#000;} /**** For Ticker in TOP *************/ .TopHead { background: #fff; min-height: 40px; width: 100%; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; font-size: 14px; line-height: 40px; color: #0045E3; } .TopHead span{ color: #00A4E4; padding-right: 10px; font-weight: bold;} .TopHead i{ font-style: normal; padding: 0px 15px;} .TopHead2 { background: #CCD2D6; min-height: 40px; width: 100%; font-size: 14px !important; line-height: 40px; color: #001F33 !important; position: relative; } .TopHead2 p {position: absolute; left: 0px; border: 0px solid red; margin: 0px; padding: 0px 30px 0px 0px; top: 0px; background: #CCD2D6; z-index: 50; font-size: 14px; display: inline-block; line-height: 44px; height: 40px; font-weight: normal !important;} .TopHead2 .scrollTicker { display: inline-block; width: 100% !important; max-width: 100% !important;} .TopHead2 span{ color: #001F33 ; padding-right: 0px; display: inline-block; font-weight: bold; } .TopHead2 span{ display: inline-block;} .TopHead2 i{ font-style: normal; padding: 0px 8px;} .TopHead2 dl{ padding-right: 20px;} .bn-breaking-news {background: none !important; border:none !important;} .bn-breaking-news .bn-news ul{top: 0px !important;} .bn-breaking-news .bn-news ul li{ display: flex !important; align-items: center; justify-content: center; text-align: center !important; height: 40px; width: auto !important; line-height: 40px !important; color: #98b4f4 !important; font-weight: bold; font-family: "Avenir-heavy"; font-size: 20px!important; padding: 2px 0px 0px 0px !important; overflow: visible !important; direction: ltr !important; } .bn-breaking-news .bn-news ul li a{ padding: 0px !important;} /*.sname { padding-right: 5px !important; } .stock { color: #001F33 !important; padding-left: 5px !important; font-weight: normal !important;} .stockup { color: #64b938 !important; padding-left: 5px !important; font-weight: normal !important;} .stockdown { color: #dc2a4c !important; padding-left: 5px !important; font-weight: normal !important;} */ .bn-news { position: absolute; left: 0; top: 0; bottom: 0; height: 100%; right: 0; overflow: hidden } .bn-news ul { display: block; height: 100%; list-style: none; padding: 0; margin: 0; left: 0; bottom: 0; width: 100%; position: absolute } .bn-news ul li { white-space: nowrap; overflow: hidden!important; text-overflow: ellipsis; text-decoration: none; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; position: absolute; width: 100%; display: none; color: #98b4f4; font-weight: bold; font-family: "Avenir-heavy"; font-size: 20px; } .bn-news ul li a { white-space: nowrap; text-overflow: ellipsis; text-decoration: none; padding: 0 10px; color: #333; position: relative; display: block; overflow: hidden } .bn-news ul li a:hover { color: #069 } .bn-loader-text { padding: 0 10px } .bn-seperator { display: inline-block; float: left; margin-right: 15px; width: 30px; height: 40px; background-position: center; background-size: contain; background-repeat: no-repeat; position: relative } .bn-seperator.bn-news-dot { margin-right: 0 } .bn-seperator.bn-news-dot:after { content: ''; position: absolute; width: 8px; height: 8px; background: #333; border-radius: 50%; top: 50%; margin-top: -4px; left: 50%; margin-left: -4px } .bn-prefix { color: #d65d7a; margin-right: 15px; padding-left: 10px } .bn-positive { color: #0b8457; font-weight: 700 } .bn-negative { color: #dc2f2f; font-weight: 700 } .bn-controls { width: auto; right: 0; top: 0; bottom: 0; height: 100%; position: absolute; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } /*.container { max-width:1440px !important; width: 100%; position: relative; } */ .repaleri {padding: 0px;} .text-center {text-align:center !important;} .remaleride {margin: 0px;} .adspleri {padding-left: 11%; padding-right: 3.5%;} .adspleri2 {padding-left: 2%; padding-right: 2%;} .adspleri3 {padding-left: 115px; padding-right: 115px;} .bn-breaking-news { display: block; width: 100%; border: solid 1px #ce2525; /*background:#FFF;*/ height: 40px; box-sizing: border-box; position: relative; line-height: 40px; overflow: hidden; border-radius: 2px; text-align: auto; font-size: 14px } .bn-breaking-news * { box-sizing: border-box } .bn-breaking-news.bn-fixed-top { position: fixed; left: 0; right: 0; top: 0 } .bn-breaking-news.bn-fixed-bottom { position: fixed; left: 0; right: 0; bottom: 0 } .bn-breaking-loading { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(255, 255, 255, 1); z-index: 5; padding: 0 10px; color: rgba(0, 0, 0, 1) } .bn-news { position: absolute; left: 0; top: 0; bottom: 0; height: 100%; right: 0; overflow: hidden } .bn-news ul { display: block; height: 100%; list-style: none; padding: 0; margin: 0; left: 0; bottom: 0; width: 100%; position: absolute } .bn-news ul li { white-space: nowrap; overflow: hidden!important; text-overflow: ellipsis; text-decoration: none; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; position: absolute; width: 100%; display: none; color: #333 } .bn-news ul li a { white-space: nowrap; text-overflow: ellipsis; text-decoration: none; padding: 0 10px; color: #333; position: relative; display: block; overflow: hidden } .bn-news ul li a:hover { color: #069 } .bn-loader-text { padding: 0 10px } .bn-seperator { display: inline-block; float: left; margin-right: 15px; width: 30px; height: 40px; background-position: center; background-size: contain; background-repeat: no-repeat; position: relative } .bn-seperator.bn-news-dot { margin-right: 0 } .bn-seperator.bn-news-dot:after { content: ''; position: absolute; width: 8px; height: 8px; background: #333; border-radius: 50%; top: 50%; margin-top: -4px; left: 50%; margin-left: -4px } .bn-prefix { color: #d65d7a; margin-right: 15px; padding-left: 10px } .bn-positive { color: #0b8457; font-weight: 700 } .bn-negative { color: #dc2f2f; font-weight: 700 } .bn-controls { width: auto; right: 0; top: 0; bottom: 0; height: 100%; position: absolute; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .bn-controls button { width: 30px; float: left; height: 100%; cursor: pointer; border: none; border-left: solid 1px #EEE; text-align: center; background-color: #f6f6f6; outline: none } .bn-controls button:hover { background-color: #EEE } .bn-arrow { margin: 0; display: inline-block; height: 8px; position: relative; width: 8px; top: -2px } .bn-arrow::after { border-bottom-style: solid; border-bottom-width: 2px; bord er-right-style: solid; border-right-width: 2px; content: ''; display: inline-block; height: 8px; left: 0; position: absolute; top: 0; width: 8px } .bn-arrow.bn-next { -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); -webkit-transform: rotate(315deg); transform: rotate(315deg); left: -3px } .bn-arrow.bn-prev { -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); left: 3px } .bn-arrow::after { border-color: #999 } .bn-arrow::before { background-color: #999 } .bn-play { position: relative; background: #999; width: 0; height: 12px; display: inline-block; margin-left: -5px } .bn-play::after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: #999; border-width: 8px; margin-top: -8px } .bn-pause { position: relative; width: 0; height: 14px; display: inline-block; top: 1px; left: -1px } .bn-pause::before { position: absolute; content: ""; width: 2px; height: 100%; left: 3px; background-color: #999 } .bn-pause::after { position: absolute; content: ""; width: 2px; height: 100%; left: -3px; background-color: #999 } .bn-direction-rtl { direction: rtl } .bn-direction-rtl .bn-label { left: auto; right: 0 } .bn-direction-rtl .bn-controls { right: auto; left: 0 } .bn-direction-rtl .bn-seperator { margin-left: 15px; margin-right: 0; float: right } .bn-direction-rtl .bn-prefix { margin-left: 15px; margin-right: 0; padding-left: 0; padding-right: 10px } .bn-direction-rtl .bn-controls button { border-left: none; border-right: solid 1px #EEE } .bn-effect-scroll .bn-news ul { display: block; width: 100%; position: relative } .bn-effect-scroll .bn-news ul li { display: list-item; float: left; position: relative; width: auto } .bn-effect-scroll.bn-direction-rtl .bn-news ul li { float: right } .bn-news ul.navset02 { padding-left: 0px; padding-right: 0px; } .bn-news ul li { margin-left: 0px; list-style: none; color: #fff; font-size: 11px; position: relative; font-family: 'Avenir'; border: 0px solid red;} .bn-news ul.navset01 li { margin-left: 0px; list-style: none; color: #fff; font-size: 14px; position: relative; font-family: 'Avenir'; border: 0px solid red;} .bn-news ul.navset02 li i.search {padding: 0px; margin:-3px 25px 0px 0px; display: inline-block; width: 20px; height: 20px; position: relative; transition: all 1s; cursor: pointer;} .bn-news ul.navset02 li i.search::after {width: 20px; height: 20px; background: url("/wps/contenthandler/!ut/p/war/tadawul.portal.theme.static.v2/themes/img/search-ico.svg?locale=en&locale=ltr") no-repeat; background-size: 100%; position: absolute; content: ''; top: 3px; left: 0px; transition: all 1s;} .bn-news ul.navset02 li i.search:hover::after {width: 20px; height: 20px; background: url("/wps/contenthandler/!ut/p/war/tadawul.portal.theme.static.v2/themes/img/search-ico-hover.svg?locale=en&locale=ltr") no-repeat; background-size: 100%; position: absolute; content: ''; top: 3px; left: 0px; } .bn-news ul.navset02 li a{ display: inline-block; color: #fff; text-decoration: none; padding: 45px 15px 0; -webkit-transition: all 0.3s; transition: all 0.3s;} .bn-news ul.navset02 li a:hover{ display: inline-block; color: #00A4E4; text-decoration: none; padding: 45px 15px 0; -webkit-transition: all 0.3s; transition: all 0.3s;} .bn-news ul.navset02 li a.active{ color: #00A4E4; } /*nav#nav li:last-child { margin-left: 40px; font-size: 12px;} nav#nav li:last-child a{ padding: 45px 0px 0px 8px; color: #00a4e4;}*/ .bn-news li a { display: inline-block; color: #fff; text-decoration: none; padding: 50px 13px 0; -webkit-transition: all 0.3s; transition: all 0.3s;} .bn-news li a:hover { color: #00a4e4; -webkit-transition: all 0.3s; transition: all 0.3s;} .bn-news li.active a{ color: #fff !important; font-family: 'Avenir';} .bn-news li.active::before { position: absolute; top: 0px; border-top: 0px solid #00a4e4; content: ''; width: 100%; left: 0px; } .bn-news #brand, .bn-news #menu, .bn-news ul { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center;} .bn-news #brand img {padding-top: 36px;} .bn-news #brand2 {text-align: right !important; display: inline-block; float: right; } .bn-news #brand2 img{margin-top: 10px; } .bn-news #word-mark { width: 120px; height: 20px; background: #fff; border-radius: 90px; margin-left: 20px; opacity: 1; -webkit-transition: all 0.3s; transition: all 0.3s;} .bn-news #menu { display: flex; align-items: left; flex-wrap: wrap; justify-content: left; } .bn-news ul.navset01 { padding-left: 0px; width: 100%; border: 0px solid red;} .bn-news ul.navset01 .mobPos01 li{ display: inline-block;} .bn-news ul.navset01 .mobPos02 li{ display: inline-block; } .bn-news ul.navset01 .mobPos02 { padding-left: 20px; } .mainNavBg {position: relative !important; border: 0px solid red;} .mobPos01 {position: absolute; left: 0px; top: -2px; width: 80%;} .mobPos02 {position: absolute; right: 0px; top: 0px;} .bn-news ul.navset02 { padding-left: 0px; padding-right: 0px; } .bn-news ul li { margin-left: 0px; list-style: none; color: #fff; font-size: 11px; position: relative; font-family: 'Avenir'; border: 0px solid red;} .bn-news ul.navset01 li { margin-left: 0px; list-style: none; color: #fff; font-size: 14px; position: relative; font-family: 'Avenir'; border: 0px solid red;} .bn-news ul.navset02 li i.search {padding: 0px; margin:-3px 25px 0px 0px; display: inline-block; width: 20px; height: 20px; position: relative; transition: all 1s; cursor: pointer;} .bn-news ul.navset02 li i.search::after {width: 20px; height: 20px; background: url("/wps/contenthandler/!ut/p/war/tadawul.portal.theme.static.v2/themes/img/search-ico.svg?locale=en&locale=ltr") no-repeat; background-size: 100%; position: absolute; content: ''; top: 3px; left: 0px; transition: all 1s;} .bn-news ul.navset02 li i.search:hover::after {width: 20px; height: 20px; background: url("/wps/contenthandler/!ut/p/war/tadawul.portal.theme.static.v2/themes/img/search-ico-hover.svg?locale=en&locale=ltr") no-repeat; background-size: 100%; position: absolute; content: ''; top: 3px; left: 0px; } .bn-news ul.navset02 li a{ display: inline-block; color: #fff; text-decoration: none; padding: 45px 15px 0; -webkit-transition: all 0.3s; transition: all 0.3s;} .bn-news ul.navset02 li a:hover{ display: inline-block; color: #00A4E4; text-decoration: none; padding: 45px 15px 0; -webkit-transition: all 0.3s; transition: all 0.3s;} .bn-news ul.navset02 li a.active{ color: #00A4E4; } .bn-news li a { display: inline-block; color: #fff; text-decoration: none; padding: 50px 13px 0; -webkit-transition: all 0.3s; transition: all 0.3s;} .bn-news li a:hover { color: #00a4e4; -webkit-transition: all 0.3s; transition: all 0.3s;} .bn-news li.active a{ color: #fff !important; font-family: 'Avenir';} .bn-news li.active::before { position: absolute; top: 0px; border-top: 0px solid #00a4e4; content: ''; width: 100%; left: 0px; } .bn-direction-rtl .bn-controls button { border-left: none; border-right: solid 1px #EEE } .bn-effect-scroll .bn-news ul { /*display: block; */ width: 100%; position: relative } .bn-effect-scroll .bn-news ul li { display: list-item; float: left; position: relative; width: auto } .bn-effect-scroll.bn-direction-rtl .bn-news ul li { float: right } .ticker-div { padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; } .container-fluid { padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; } #ticker_div {position:relative; z-index:10}