/* Front bundle: active site styles merged into md.css */
/* ===== theme/amd-font.css ===== */
@charset "UTF-8";
/* AMD Font Pack (scoped as global font-family only; does NOT reset layout) */
@font-face{
  font-family: HelveticaNeue;
  font-display: swap;
  src:url("/assets/font/HelveticaNeueW23forSKY-Reg_T02.eot");
  src:url("/assets/font/HelveticaNeueW23forSKY-Reg_T02.eot?#iefix") format("embedded-opentype"),
      url("/assets/font/HelveticaNeueMEforSKYW21-Rg_web.woff2") format("woff2"),
      url("/assets/font/HelveticaNeueMEforSKYW21-Rg_web.woff") format("woff"),
      url("/assets/font/HelveticaNeueMEforSKYW21-Rg_web.ttf") format("truetype"),
      url("/assets/font/HelveticaNeueW23forSKY-Reg_T02.svg#HelveticaNeueW23forSKY-Reg_T02") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face{
  font-family: HelveticaNeue;
  font-display: swap;
  src:url("/assets/font/HelveticaNeueW23forSKY-Bd_T02.eot");
  src:url("/assets/font/HelveticaNeueW23forSKY-Bd_T02.eot?#iefix") format("embedded-opentype"),
      url("/assets/font/HelveticaNeueMEforSKYW21-Bd_web.woff2") format("woff2"),
      url("/assets/font/HelveticaNeueMEforSKYW21-Bd_web.woff") format("woff"),
      url("/assets/font/HelveticaNeueMEforSKYW21-Bd_web.ttf") format("truetype"),
      url("/assets/font/HelveticaNeueW23forSKY-Bd_T02.svg#HelveticaNeueW23forSKY-Bd_T02") format("svg");
  font-weight: 800;
  font-style: normal;
}
:root{ --amd-font: HelveticaNeue, Arial, sans-serif; }
body, button, input, select, textarea, a{ font-family: var(--amd-font) !important; }
h1,h2,h3,h4,h5,h6,.site-menu a,.dl-md-post-title{ font-family: var(--amd-font) !important; font-weight: 800; }


/* ===== theme/font icons/typicons.min.css ===== */
@charset 'UTF-8';@font-face{font-family:'typicons';font-weight:normal;font-style:normal;src:url('font icons/typicons.eot');src:url('font icons/typicons.eot?#iefix') format('embedded-opentype'),url('font icons/typicons.woff') format('woff'),url('font icons/typicons.ttf') format('truetype'),url('font icons/typicons.svg#typicons') format('svg')}.typcn:before{font-family:'typicons';font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;height:1em;font-size:1em;text-align:center;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}.typcn-adjust-brightness:before{content:'\e000'}.typcn-adjust-contrast:before{content:'\e001'}.typcn-anchor-outline:before{content:'\e002'}.typcn-anchor:before{content:'\e003'}.typcn-archive:before{content:'\e004'}.typcn-arrow-back-outline:before{content:'\e005'}.typcn-arrow-back:before{content:'\e006'}.typcn-arrow-down-outline:before{content:'\e007'}.typcn-arrow-down-thick:before{content:'\e008'}.typcn-arrow-down:before{content:'\e009'}.typcn-arrow-forward-outline:before{content:'\e00a'}.typcn-arrow-forward:before{content:'\e00b'}.typcn-arrow-left-outline:before{content:'\e00c'}.typcn-arrow-left-thick:before{content:'\e00d'}.typcn-arrow-left:before{content:'\e00e'}.typcn-arrow-loop-outline:before{content:'\e00f'}.typcn-arrow-loop:before{content:'\e010'}.typcn-arrow-maximise-outline:before{content:'\e011'}.typcn-arrow-maximise:before{content:'\e012'}.typcn-arrow-minimise-outline:before{content:'\e013'}.typcn-arrow-minimise:before{content:'\e014'}.typcn-arrow-move-outline:before{content:'\e015'}.typcn-arrow-move:before{content:'\e016'}.typcn-arrow-repeat-outline:before{content:'\e017'}.typcn-arrow-repeat:before{content:'\e018'}.typcn-arrow-right-outline:before{content:'\e019'}.typcn-arrow-right-thick:before{content:'\e01a'}.typcn-arrow-right:before{content:'\e01b'}.typcn-arrow-shuffle:before{content:'\e01c'}.typcn-arrow-sorted-down:before{content:'\e01d'}.typcn-arrow-sorted-up:before{content:'\e01e'}.typcn-arrow-sync-outline:before{content:'\e01f'}.typcn-arrow-sync:before{content:'\e020'}.typcn-arrow-unsorted:before{content:'\e021'}.typcn-arrow-up-outline:before{content:'\e022'}.typcn-arrow-up-thick:before{content:'\e023'}.typcn-arrow-up:before{content:'\e024'}.typcn-at:before{content:'\e025'}.typcn-attachment-outline:before{content:'\e026'}.typcn-attachment:before{content:'\e027'}.typcn-backspace-outline:before{content:'\e028'}.typcn-backspace:before{content:'\e029'}.typcn-battery-charge:before{content:'\e02a'}.typcn-battery-full:before{content:'\e02b'}.typcn-battery-high:before{content:'\e02c'}.typcn-battery-low:before{content:'\e02d'}.typcn-battery-mid:before{content:'\e02e'}.typcn-beaker:before{content:'\e02f'}.typcn-beer:before{content:'\e030'}.typcn-bell:before{content:'\e031'}.typcn-book:before{content:'\e032'}.typcn-bookmark:before{content:'\e033'}.typcn-briefcase:before{content:'\e034'}.typcn-brush:before{content:'\e035'}.typcn-business-card:before{content:'\e036'}.typcn-calculator:before{content:'\e037'}.typcn-calender-outline:before{content:'\e038'}.typcn-calender:before{content:'\e039'}.typcn-camera-outline:before{content:'\e03a'}.typcn-camera:before{content:'\e03b'}.typcn-cancel-outline:before{content:'\e03c'}.typcn-cancel:before{content:'\e03d'}.typcn-chart-area-outline:before{content:'\e03e'}.typcn-chart-area:before{content:'\e03f'}.typcn-chart-bar-outline:before{content:'\e040'}.typcn-chart-bar:before{content:'\e041'}.typcn-chart-line-outline:before{content:'\e042'}.typcn-chart-line:before{content:'\e043'}.typcn-chart-pie-outline:before{content:'\e044'}.typcn-chart-pie:before{content:'\e045'}.typcn-chevron-left-outline:before{content:'\e046'}.typcn-chevron-left:before{content:'\e047'}.typcn-chevron-right-outline:before{content:'\e048'}.typcn-chevron-right:before{content:'\e049'}.typcn-clipboard:before{content:'\e04a'}.typcn-cloud-storage:before{content:'\e04b'}.typcn-code-outline:before{content:'\e04c'}.typcn-code:before{content:'\e04d'}.typcn-coffee:before{content:'\e04e'}.typcn-cog-outline:before{content:'\e04f'}.typcn-cog:before{content:'\e050'}.typcn-compass:before{content:'\e051'}.typcn-contacts:before{content:'\e052'}.typcn-credit-card:before{content:'\e053'}.typcn-cross:before{content:'\e054'}.typcn-css3:before{content:'\e055'}.typcn-database:before{content:'\e056'}.typcn-delete-outline:before{content:'\e057'}.typcn-delete:before{content:'\e058'}.typcn-device-desktop:before{content:'\e059'}.typcn-device-laptop:before{content:'\e05a'}.typcn-device-phone:before{content:'\e05b'}.typcn-device-tablet:before{content:'\e05c'}.typcn-directions:before{content:'\e05d'}.typcn-divide-outline:before{content:'\e05e'}.typcn-divide:before{content:'\e05f'}.typcn-document-add:before{content:'\e060'}.typcn-document-delete:before{content:'\e061'}.typcn-document-text:before{content:'\e062'}.typcn-document:before{content:'\e063'}.typcn-download-outline:before{content:'\e064'}.typcn-download:before{content:'\e065'}.typcn-dropbox:before{content:'\e066'}.typcn-edit:before{content:'\e067'}.typcn-eject-outline:before{content:'\e068'}.typcn-eject:before{content:'\e069'}.typcn-equals-outline:before{content:'\e06a'}.typcn-equals:before{content:'\e06b'}.typcn-export-outline:before{content:'\e06c'}.typcn-export:before{content:'\e06d'}.typcn-eye-outline:before{content:'\e06e'}.typcn-eye:before{content:'\e06f'}.typcn-feather:before{content:'\e070'}.typcn-film:before{content:'\e071'}.typcn-filter:before{content:'\e072'}.typcn-flag-outline:before{content:'\e073'}.typcn-flag:before{content:'\e074'}.typcn-flash-outline:before{content:'\e075'}.typcn-flash:before{content:'\e076'}.typcn-flow-children:before{content:'\e077'}.typcn-flow-merge:before{content:'\e078'}.typcn-flow-parallel:before{content:'\e079'}.typcn-flow-switch:before{content:'\e07a'}.typcn-folder-add:before{content:'\e07b'}.typcn-folder-delete:before{content:'\e07c'}.typcn-folder-open:before{content:'\e07d'}.typcn-folder:before{content:'\e07e'}.typcn-gift:before{content:'\e07f'}.typcn-globe-outline:before{content:'\e080'}.typcn-globe:before{content:'\e081'}.typcn-group-outline:before{content:'\e082'}.typcn-group:before{content:'\e083'}.typcn-headphones:before{content:'\e084'}.typcn-heart-full-outline:before{content:'\e085'}.typcn-heart-half-outline:before{content:'\e086'}.typcn-heart-outline:before{content:'\e087'}.typcn-heart:before{content:'\e088'}.typcn-home-outline:before{content:'\e089'}.typcn-home:before{content:'\e08a'}.typcn-html5:before{content:'\e08b'}.typcn-image-outline:before{content:'\e08c'}.typcn-image:before{content:'\e08d'}.typcn-infinity-outline:before{content:'\e08e'}.typcn-infinity:before{content:'\e08f'}.typcn-info-large-outline:before{content:'\e090'}.typcn-info-large:before{content:'\e091'}.typcn-info-outline:before{content:'\e092'}.typcn-info:before{content:'\e093'}.typcn-input-checked-outline:before{content:'\e094'}.typcn-input-checked:before{content:'\e095'}.typcn-key-outline:before{content:'\e096'}.typcn-key:before{content:'\e097'}.typcn-keyboard:before{content:'\e098'}.typcn-leaf:before{content:'\e099'}.typcn-lightbulb:before{content:'\e09a'}.typcn-link-outline:before{content:'\e09b'}.typcn-link:before{content:'\e09c'}.typcn-location-arrow-outline:before{content:'\e09d'}.typcn-location-arrow:before{content:'\e09e'}.typcn-location-outline:before{content:'\e09f'}.typcn-location:before{content:'\e0a0'}.typcn-lock-closed-outline:before{content:'\e0a1'}.typcn-lock-closed:before{content:'\e0a2'}.typcn-lock-open-outline:before{content:'\e0a3'}.typcn-lock-open:before{content:'\e0a4'}.typcn-mail:before{content:'\e0a5'}.typcn-map:before{content:'\e0a6'}.typcn-media-eject-outline:before{content:'\e0a7'}.typcn-media-eject:before{content:'\e0a8'}.typcn-media-fast-forward-outline:before{content:'\e0a9'}.typcn-media-fast-forward:before{content:'\e0aa'}.typcn-media-pause-outline:before{content:'\e0ab'}.typcn-media-pause:before{content:'\e0ac'}.typcn-media-play-outline:before{content:'\e0ad'}.typcn-media-play-reverse-outline:before{content:'\e0ae'}.typcn-media-play-reverse:before{content:'\e0af'}.typcn-media-play:before{content:'\e0b0'}.typcn-media-record-outline:before{content:'\e0b1'}.typcn-media-record:before{content:'\e0b2'}.typcn-media-rewind-outline:before{content:'\e0b3'}.typcn-media-rewind:before{content:'\e0b4'}.typcn-media-stop-outline:before{content:'\e0b5'}.typcn-media-stop:before{content:'\e0b6'}.typcn-message-typing:before{content:'\e0b7'}.typcn-message:before{content:'\e0b8'}.typcn-messages:before{content:'\e0b9'}.typcn-microphone-outline:before{content:'\e0ba'}.typcn-microphone:before{content:'\e0bb'}.typcn-minus-outline:before{content:'\e0bc'}.typcn-minus:before{content:'\e0bd'}.typcn-mortar-board:before{content:'\e0be'}.typcn-news:before{content:'\e0bf'}.typcn-notes-outline:before{content:'\e0c0'}.typcn-notes:before{content:'\e0c1'}.typcn-pen:before{content:'\e0c2'}.typcn-pencil:before{content:'\e0c3'}.typcn-phone-outline:before{content:'\e0c4'}.typcn-phone:before{content:'\e0c5'}.typcn-pi-outline:before{content:'\e0c6'}.typcn-pi:before{content:'\e0c7'}.typcn-pin-outline:before{content:'\e0c8'}.typcn-pin:before{content:'\e0c9'}.typcn-pipette:before{content:'\e0ca'}.typcn-plane-outline:before{content:'\e0cb'}.typcn-plane:before{content:'\e0cc'}.typcn-plug:before{content:'\e0cd'}.typcn-plus-outline:before{content:'\e0ce'}.typcn-plus:before{content:'\e0cf'}.typcn-point-of-interest-outline:before{content:'\e0d0'}.typcn-point-of-interest:before{content:'\e0d1'}.typcn-power-outline:before{content:'\e0d2'}.typcn-power:before{content:'\e0d3'}.typcn-printer:before{content:'\e0d4'}.typcn-puzzle-outline:before{content:'\e0d5'}.typcn-puzzle:before{content:'\e0d6'}.typcn-radar-outline:before{content:'\e0d7'}.typcn-radar:before{content:'\e0d8'}.typcn-refresh-outline:before{content:'\e0d9'}.typcn-refresh:before{content:'\e0da'}.typcn-rss-outline:before{content:'\e0db'}.typcn-rss:before{content:'\e0dc'}.typcn-scissors-outline:before{content:'\e0dd'}.typcn-scissors:before{content:'\e0de'}.typcn-shopping-bag:before{content:'\e0df'}.typcn-shopping-cart:before{content:'\e0e0'}.typcn-social-at-circular:before{content:'\e0e1'}.typcn-social-dribbble-circular:before{content:'\e0e2'}.typcn-social-dribbble:before{content:'\e0e3'}.typcn-social-facebook-circular:before{content:'\e0e4'}.typcn-social-facebook:before{content:'\e0e5'}.typcn-social-flickr-circular:before{content:'\e0e6'}.typcn-social-flickr:before{content:'\e0e7'}.typcn-social-github-circular:before{content:'\e0e8'}.typcn-social-github:before{content:'\e0e9'}.typcn-social-google-plus-circular:before{content:'\e0ea'}.typcn-social-google-plus:before{content:'\e0eb'}.typcn-social-instagram-circular:before{content:'\e0ec'}.typcn-social-instagram:before{content:'\e0ed'}.typcn-social-last-fm-circular:before{content:'\e0ee'}.typcn-social-last-fm:before{content:'\e0ef'}.typcn-social-linkedin-circular:before{content:'\e0f0'}.typcn-social-linkedin:before{content:'\e0f1'}.typcn-social-pinterest-circular:before{content:'\e0f2'}.typcn-social-pinterest:before{content:'\e0f3'}.typcn-social-skype-outline:before{content:'\e0f4'}.typcn-social-skype:before{content:'\e0f5'}.typcn-social-tumbler-circular:before{content:'\e0f6'}.typcn-social-tumbler:before{content:'\e0f7'}.typcn-social-twitter-circular:before{content:'\e0f8'}.typcn-social-twitter:before{content:'\e0f9'}.typcn-social-vimeo-circular:before{content:'\e0fa'}.typcn-social-vimeo:before{content:'\e0fb'}.typcn-social-youtube-circular:before{content:'\e0fc'}.typcn-social-youtube:before{content:'\e0fd'}.typcn-sort-alphabetically-outline:before{content:'\e0fe'}.typcn-sort-alphabetically:before{content:'\e0ff'}.typcn-sort-numerically-outline:before{content:'\e100'}.typcn-sort-numerically:before{content:'\e101'}.typcn-spanner-outline:before{content:'\e102'}.typcn-spanner:before{content:'\e103'}.typcn-spiral:before{content:'\e104'}.typcn-star-full-outline:before{content:'\e105'}.typcn-star-half-outline:before{content:'\e106'}.typcn-star-half:before{content:'\e107'}.typcn-star-outline:before{content:'\e108'}.typcn-star:before{content:'\e109'}.typcn-starburst-outline:before{content:'\e10a'}.typcn-starburst:before{content:'\e10b'}.typcn-stopwatch:before{content:'\e10c'}.typcn-support:before{content:'\e10d'}.typcn-tabs-outline:before{content:'\e10e'}.typcn-tag:before{content:'\e10f'}.typcn-tags:before{content:'\e110'}.typcn-th-large-outline:before{content:'\e111'}.typcn-th-large:before{content:'\e112'}.typcn-th-list-outline:before{content:'\e113'}.typcn-th-list:before{content:'\e114'}.typcn-th-menu-outline:before{content:'\e115'}.typcn-th-menu:before{content:'\e116'}.typcn-th-small-outline:before{content:'\e117'}.typcn-th-small:before{content:'\e118'}.typcn-thermometer:before{content:'\e119'}.typcn-thumbs-down:before{content:'\e11a'}.typcn-thumbs-ok:before{content:'\e11b'}.typcn-thumbs-up:before{content:'\e11c'}.typcn-tick-outline:before{content:'\e11d'}.typcn-tick:before{content:'\e11e'}.typcn-ticket:before{content:'\e11f'}.typcn-time:before{content:'\e120'}.typcn-times-outline:before{content:'\e121'}.typcn-times:before{content:'\e122'}.typcn-trash:before{content:'\e123'}.typcn-tree:before{content:'\e124'}.typcn-upload-outline:before{content:'\e125'}.typcn-upload:before{content:'\e126'}.typcn-user-add-outline:before{content:'\e127'}.typcn-user-add:before{content:'\e128'}.typcn-user-delete-outline:before{content:'\e129'}.typcn-user-delete:before{content:'\e12a'}.typcn-user-outline:before{content:'\e12b'}.typcn-user:before{content:'\e12c'}.typcn-vendor-android:before{content:'\e12d'}.typcn-vendor-apple:before{content:'\e12e'}.typcn-vendor-microsoft:before{content:'\e12f'}.typcn-video-outline:before{content:'\e130'}.typcn-video:before{content:'\e131'}.typcn-volume-down:before{content:'\e132'}.typcn-volume-mute:before{content:'\e133'}.typcn-volume-up:before{content:'\e134'}.typcn-volume:before{content:'\e135'}.typcn-warning-outline:before{content:'\e136'}.typcn-warning:before{content:'\e137'}.typcn-watch:before{content:'\e138'}.typcn-waves-outline:before{content:'\e139'}.typcn-waves:before{content:'\e13a'}.typcn-weather-cloudy:before{content:'\e13b'}.typcn-weather-downpour:before{content:'\e13c'}.typcn-weather-night:before{content:'\e13d'}.typcn-weather-partly-sunny:before{content:'\e13e'}.typcn-weather-shower:before{content:'\e13f'}.typcn-weather-snow:before{content:'\e140'}.typcn-weather-stormy:before{content:'\e141'}.typcn-weather-sunny:before{content:'\e142'}.typcn-weather-windy-cloudy:before{content:'\e143'}.typcn-weather-windy:before{content:'\e144'}.typcn-wi-fi-outline:before{content:'\e145'}.typcn-wi-fi:before{content:'\e146'}.typcn-wine:before{content:'\e147'}.typcn-world-outline:before{content:'\e148'}.typcn-world:before{content:'\e149'}.typcn-zoom-in-outline:before{content:'\e14a'}.typcn-zoom-in:before{content:'\e14b'}.typcn-zoom-out-outline:before{content:'\e14c'}.typcn-zoom-out:before{content:'\e14d'}.typcn-zoom-outline:before{content:'\e14e'}.typcn-zoom:before{content:'\e14f'}

/* ===== theme/md.css ===== */
/* ===== Base styles (merged from site.css) ===== */
body{direction:rtl;}.system-direction{direction:rtl;}/* for main menu */.site-menu ul ul ul{right:100%;}.site-menu ul li a{border-left:solid 1px #3a5269;}.site-menu-float ul ul{width:95%;padding-right:5%;}html{box-sizing:border-box;}*{box-sizing:inherit;}body{background:#f0f0f0;font-weight:bold;margin:0;position:relative;font-family:HelveticaNeue, Arial, sans-serif;}.flex-row,.site,.form-unit,.app_option,.pages ul,.content-caption,.site-menu ul{display:-webkit-flex;-webkit-flex-direction:row;-webkit-flex-wrap:wrap;display:flex;flex-direction:row;flex-wrap:wrap;}.flex-row-reverse{display:-webkit-flex;/* Safari */ -webkit-flex-direction:row-reverse;/* Safari 6.1+ */ -webkit-flex-wrap:wrap;/* Safari 6.1+ */ display:flex;flex-direction:row-reverse;flex-wrap:wrap;}.flex-row-center{-webkit-justify-content:center;justify-content:center;}body a{color:#c0392b;text-decoration:none;}body a:hover{color:#d03e2f;}#center{max-width:1180px;margin:10px auto;}.header-wrapper-background{background:#2c3e4f;border-top:6px solid #c0392b;}.header{max-width:1180px;margin:auto;}.header-logo{background:#2c3e4f;padding:6px;text-align:center;position:relative;height:60px;}.header-logo #image-lc{max-width:96%;max-height:80px;position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;-webkit-box-sizing:border-box;/* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box;/* Firefox, other Gecko */ box-sizing:border-box;}.header-logo #image-sc{max-width:100%;max-height:80px;}.toolbar-option{background:#fff;padding:8px 10px;box-sizing:border-box;box-shadow:0px 0px 2px #b5b5b5;}.toolbar-option-wrapper{max-width:1180px;margin:auto;}.toolbar-option-separator{height:10px;}.
footer-wrapper{background:#2c3e4f;padding:10px 0;}footer{display:block;text-align:center;max-width:1180px;margin:auto;color:#ffffff;padding:10px;line-height:1.5;background:#3a5269;}footer a{color:#ffffff;}footer a:hover{color:#ffffff;opacity:.8;}.site-content img{max-width:100%;}.
right{float:right;}.left{float:left;}
.text-right{text-align:right;}.text-left{text-align:left;}
.text-center{text-align:center;}.text-justify{text-align:justify;}.text-rtl{direction:rtl;}
.text-ltr{direction:ltr;}.text-color-a{color:#2c3e4f;}.text-color-b{color:#c0392b;}.text-color-c{color:#b5b5b5;}
.text-color-warm{color:#c0392b;}.text-color-success{color:#0f5a2e;}.typcn-small{font-size:12px !important;}
.typcn-medium{font-size:18px !important;}.typcn-large{font-size:24px !important;}
.form-caption{padding:12px;background:#2c3e4f;color:#ffffff;}.form-unit{clear:both;background:#fafafa;padding:10px;overflow:hidden;border-bottom:4px solid #f0f0f0;}
.form-unit .content{display:block;width:100%;}
.form-wysiwyg-option{padding-top:6px;min-height:26px;}
.form-wysiwyg-option a{cursor:default;}
.form-wysiwyg-color-picker{width:17px;height:17px;border-radius:10px;background:#d03e2f;border:3px solid #2c3e4f;display:inline-block;margin-bottom:-4px;}
.form-wysiwyg-color-picker-collection{position:absolute;display:none;width:100%;height:100%;}.form-wysiwyg-color-picker-collection span{display:block;height:18px;width:60px;}.form-unit img{max-width:100%;}.form-unit-title{width:30%;min-height:40px;padding:10px;background:#f0f0f0;}
.form-unit-textarea-title{width:30%;height:100px;padding:10px;background:#f0f0f0;}.form-unit-field{float:right;width:70%;}
.form-unit-field input{padding:5px 10px;min-height:40px;width:100%;font-weight:bold;border:0;box-shadow:inset 0 0 2px 1px #2c3e4f;}
.form-unit-field input[type="file"]{box-shadow:inset 0 0 0 ;}.form-unit-field input[type="url"]{direction:ltr;}
.form-unit-field input[type="checkbox"],.form-unit-field input[type="checkbox"]:focus{width:20px;min-height:15px;margin-top:10px;box-shadow:inset 0 0 0;display:inline-block;}
.form-unit-field textarea{padding:10px;width:100%;height:100px;font-weight:bold;border:0;box-shadow:inset 0 0 2px 1px #2c3e4f;}
.form-unit-field input:focus,.form-unit-field textarea:focus{outline:none;box-shadow:inset 0 0 2px 1px #156437;}
.form-unit-field select{font-weight:bold;border:0;box-shadow:inset 0 0 2px 1px #2c3e4f;width:260px;height:40px;text-indent:10px;font-size:16px;}.button{border:0;font-weight:bold;}
.button-small{padding:5px 10px 3px 10px ;height:30px;}.button-medium{padding:10px 20px 6px 20px ;height:40px;}
.button-large{padding:15px 20px 9px 20px ;height:50px;}
.button-style-a{background-color:#2c3e4f;color:#ffffff;border-bottom:4px solid #2c3e4f;}
.button-style-a:hover{border-bottom:4px solid #3a5269;cursor:pointer;color:#ffffff;}
.button-style-b{background-color:#c0392b;color:#ffffff;border-bottom:4px solid #c0392b;}
.button-style-b:hover{border-bottom:4px solid #d03e2f;cursor:pointer;color:#ffffff;}
.button-style-c{background-color:#b5b5b5;color:#000000;border-bottom:4px solid #b5b5b5;}
.button-style-c:hover{border-bottom:4px solid #f0f0f0;cursor:pointer;color:#000000;}
.button-style-warm-dark{background-color:#c0392b;color:#ffffff;border-bottom:4px solid #c0392b;}
.button-style-warm-dark:hover{border-bottom:4px solid #d03e2f;cursor:pointer;}
.button-style-success-dark{background-color:#0f5a2e;color:#ffffff;border-bottom:4px solid #0f5a2e;}
.button-style-success-dark:hover{border-bottom:4px solid #156437;cursor:pointer;}.table_a{width:100%;}
.table_a td{padding:12px 8px;}.table_a tr:nth-child(even){background-color:#fafafa;}
.table_a tr:nth-child(odd){background-color:#f0f0f0;}.table_a tr.warm{background-color:#ffc3b1;}
.table_a tr.success{background-color:#cdf4dd;}.table_a tr th{background-color:#2c3e4f;color:#fff;padding:8px 4px;}
.table_a .thumb-imgae{margin-left:4px;width:40px;height:30px;float:right;}
.app_option{width:100%;list-style:none;overflow:hidden;clear:both;padding:10px;margin:0 0 10px 0;background-color:#f0f0f0;}
.app_option li a{display:block;margin:4px;padding:5px 20px 1px 20px;background-color:#2c3e4f;color:#fff;border-bottom:4px solid #2c3e4f;}
.app_option li a:hover{border-bottom:4px solid #3a5269;}.mainBlock{background-color:#fafafa;padding:10px;}
.panel{width:100%;margin-bottom:10px;background:#fff;}
.panel .panel-title{color:#fff;border-top:6px solid #2c3e4f;background-color:#3a5269;overflow:hidden;clear:both;padding:10px;}
.panel .panel-title h1,.panel .panel-title h2,.panel .panel-title h2{font-size:inherit;padding:0;margin:0;}.panel .panel-title a{color:#fff;}.panel .panel-title a:hover{opacity:.8;}.panel .panel-title button{height:28px;padding:6px 10px;margin:-4px 0 -4px -4px;}.panel .panel-content{width:100%;overflow:hidden;clear:both;padding:10px;box-shadow:inset 0 0 1px 1px #2c3e4f;}.pages ul{list-style:none;padding:0;margin:0;clear:both;}.pages ul li a{display:inline-block;padding:5px;margin:2px;background-color:#fff;border:1px solid #b5b5b5;}.pages ul li a:hover{opacity:.8;border:1px solid #3a5269;}.pages ul li .active-page{border:1px solid #b5b5b5;background-color:#3a5269;color:#fff;}.note-success{margin:10px 0;padding:10px;text-align:center;background:#cdf4dd;display:none;box-shadow:0px 0px 2px #b5b5b5;}.note-warm{margin:10px 0;padding:10px;text-align:center;background:#ffc3b1;display:none;box-shadow:0px 0px 2px #b5b5b5;}.note-info{margin:10px 0;padding:10px;text-align:center;background:#fafafa;box-shadow:0px 0px 2px #b5b5b5;}.dl-cms-box{padding:10px;margin-bottom:10px;background:#fff;box-shadow:0px 0px 2px #b5b5b5;}.breadcrumb{padding:10px;background:#fff;box-shadow:0px 0px 2px #b5b5b5;clear:both;margin-bottom:10px;}.breadcrumb a{display:inline;}.breadcrumb a + a:before{content:" \00a0 / \00a0 ";color:#b5b5b5;}.breadcrumb .active{color:black;opacity:.7;}.socialicon{background:url('img/socialicon_xx.png');height:32px;width:32px;margin:0 5px;transition:transform 0.6s ease-in-out;display:block;}.socialicon:hover{transform:rotate(360deg);}.socialicon-fb-messenger{background-position:0 -320px;}.socialicon-website{background-position:0 -288px;}.socialicon-telegram{background-position:0 -256px;}.socialicon-facebook{background-position:0 -224px;}.socialicon-google-plus{background-position:0 -192px;}.socialicon-whatsapp{background-position:0 -160px;}.socialicon-youtube{background-position:0 -128px;}.socialicon-twitter{background-position:0 -96px;}.socialicon-soundcloud{background-position:0 -64px;}.socialicon-linkedin{background-position:0 -32px;}.socialicon-instagram{background-position:0 0;}.content-caption{flex-wrap:nowrap;-webkit-flex-wrap:nowrap;background-color:#3a5269;padding:10px;margin:0 0 10px 0;border-top:6px solid #2c3e4f;}.content-caption-text{padding:5px;color:#ffffff;}.content-caption-text a{color:#ffffff;}/* loading-box */.loading-box{margin:20px auto ;width:70px;text-align:center;clear:both;}.loading-box > div{width:18px;height:18px;background-color:#3a5269;border-radius:100%;display:inline-block;animation:sk-bouncedelay 1.4s infinite ease-in-out both;}.loading-box .loading-box-bounce1{animation-delay:-0.32s;}.loading-box .loading-box-bounce2{animation-delay:-0.16s;}@keyframes sk-bouncedelay{0%, 80%, 100%{transform:scale(0);} 40%{transform:scale(1);}}/* nav menu */.site-menu{background-color:#2c3e4f;margin-top:10px;}.site-menu-prevent-overflow-onload{max-height:43px;overflow:hidden;}.site-menu .nav-home-icon{display:block;margin-top:-6px;margin-bottom:-2px;}.site-menu-has-sub:after{content:'\00a0 \2807';display:inline-block;margin-top:-6px;}.site-menu ul{margin:0;padding:0;list-style:none;position:relative;transition:visibility 0s, opacity .8s;}.site-menu ul:after{content:"";clear:both;display:block;}.site-menu ul ul{display:block;visibility:hidden;z-index:6;opacity:0;}.site-menu ul li:hover > ul{visibility:visible;opacity:1;}.site-menu ul li.hidden{display:none;}.site-menu ul li.hidden a[rel="more-button"]{border:0;text-align:center;}.site-menu ul li:hover{opacity:0.8;}.site-menu ul li:hover a{color:#ffffff;box-shadow:0px 0px 2px #2c3e4f;}.site-menu ul li a{display:block;padding:12px 10px 12px 10px;color:#ffffff;border-left:solid 1px #3a5269;}.site-menu ul ul{position:absolute;background:#2c3e4f;}.site-menu ul ul li{float:none;position:relative;}.site-menu ul ul li a{min-width:130px;}.site-menu ul ul li a:hover{background:#3a5269;box-shadow:0px 0px 2px #2c3e4f;}.site-menu ul ul ul{position:absolute;top:0;}/* * site menu for mobile */.site-menu-float{position:fixed;inset:0;height:100dvh;color:#fafafa;background-color:rgba(8, 18, 33, 0.76);padding:18px 14px 24px;z-index:10001;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;backdrop-filter:blur(6px);}body.dl-mobile-menu-open{overflow:hidden !important;}.site-menu-float-button{cursor:pointer;color:#000000;padding:4px 2px 4px 2px ;margin:auto;}.site-menu-float-close-icon{margin:0 0 14px 0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:sticky;top:0;z-index:2;width:42px;height:42px;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(4px);}.site-menu-float ul{margin:56px auto 0;max-width:560px;padding:0;list-style:none;position:relative;transition:visibility 0s, opacity .8s ;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 24px 50px rgba(15,23,42,.24);}.site-menu-float ul:after{content:"";clear:both;display:block;}.site-menu-float ul li:hover{background:#3a5269;}.site-menu-float ul li:hover a{color:#ffffff;}.site-menu-float ul li a{display:block;padding:12px 6px;color:#ffffff;border-bottom:solid 1px #3a5269;}.site-menu-float ul ul{background:#2c3e4f;width:100%;}.site-menu-float ul ul li{float:none;position:relative;}.site-menu-float ul ul li a{min-width:100px;}/* back to top */a.back-to-top{display:none;width:30px;height:30px;position:fixed;z-index:3;left:20px;bottom:40px;background:#3a5269;border-radius:15px;color:#ffffff;text-align:center;box-shadow:0px 0px 0px 1px #ffffff;transition:transform 0.4s ease-in-out;}a.back-to-top:hover{color:#ffffff;opacity:.9;transform:scale(1.1);}/* for 404 and closed message */.website-status-closed,.website-status-404{background:#fafafa;overflow:hidden;max-width:600px;margin:20px auto;padding:10px;box-shadow:0px 0px 2px #b5b5b5;line-height:1.5;text-align:center;}/* responsive system *//* Custom, iPhone Retina */@media only screen and (min-width:1px) and (max-width:479px){.sc-show{display:block;} .sc-hide{display:none;} /* .generate-sc(@n, @i:1) when (@i =< @n){.sc-@{i}{width:(@i * 100% / @n);} .generate-sc(@n, (@i + 1));} .generate-sc(120);*/ .sc-1{width:0.83333333%;} .sc-2{width:1.66666667%;} .sc-3{width:2.5%;} .sc-4{width:3.33333333%;} .sc-5{width:4.16666667%;} .sc-6{width:5%;} .sc-7{width:5.83333333%;} .sc-8{width:6.66666667%;} .sc-9{width:7.5%;} .sc-10{width:8.33333333%;} .sc-11{width:9.16666667%;} .sc-12{width:10%;} .sc-13{width:10.83333333%;} .sc-14{width:11.66666667%;} .sc-15{width:12.5%;} .sc-16{width:13.33333333%;} .sc-17{width:14.16666667%;} .sc-18{width:15%;} .sc-19{width:15.83333333%;} .sc-20{width:16.66666667%;} .sc-21{width:17.5%;} .sc-22{width:18.33333333%;} .sc-23{width:19.16666667%;} .sc-24{width:20%;} .sc-25{width:20.83333333%;} .sc-26{width:21.66666667%;} .sc-27{width:22.5%;} .sc-28{width:23.33333333%;} .sc-29{width:24.16666667%;} .sc-30{width:25%;} .sc-31{width:25.83333333%;} .sc-32{width:26.66666667%;} .sc-33{width:27.5%;} .sc-34{width:28.33333333%;} .sc-35{width:29.16666667%;} .sc-36{width:30%;} .sc-37{width:30.83333333%;} .sc-38{width:31.66666667%;} .sc-39{width:32.5%;} .sc-40{width:33.33333333%;} .sc-41{width:34.16666667%;} .sc-42{width:35%;} .sc-43{width:35.83333333%;} .sc-44{width:36.66666667%;} .sc-45{width:37.5%;} .sc-46{width:38.33333333%;} .sc-47{width:39.16666667%;} .sc-48{width:40%;} .sc-49{width:40.83333333%;} .sc-50{width:41.66666667%;} .sc-51{width:42.5%;} .sc-52{width:43.33333333%;} .sc-53{width:44.16666667%;} .sc-54{width:45%;} .sc-55{width:45.83333333%;} .sc-56{width:46.66666667%;} .sc-57{width:47.5%;} .sc-58{width:48.33333333%;} .sc-59{width:49.16666667%;} .sc-60{width:50%;} .sc-61{width:50.83333333%;} .sc-62{width:51.66666667%;} .sc-63{width:52.5%;} .sc-64{width:53.33333333%;} .sc-65{width:54.16666667%;} .sc-66{width:55%;} .sc-67{width:55.83333333%;} .sc-68{width:56.66666667%;} .sc-69{width:57.5%;} .sc-70{width:58.33333333%;} .sc-71{width:59.16666667%;} .sc-72{width:60%;} .sc-73{width:60.83333333%;} .sc-74{width:61.66666667%;} .sc-75{width:62.5%;} .sc-76{width:63.33333333%;} .sc-77{width:64.16666667%;} .sc-78{width:65%;} .sc-79{width:65.83333333%;} .sc-80{width:66.66666667%;} .sc-81{width:67.5%;} .sc-82{width:68.33333333%;} .sc-83{width:69.16666667%;} .sc-84{width:70%;} .sc-85{width:70.83333333%;} .sc-86{width:71.66666667%;} .sc-87{width:72.5%;} .sc-88{width:73.33333333%;} .sc-89{width:74.16666667%;} .sc-90{width:75%;} .sc-91{width:75.83333333%;} .sc-92{width:76.66666667%;} .sc-93{width:77.5%;} .sc-94{width:78.33333333%;} .sc-95{width:79.16666667%;} .sc-96{width:80%;} .sc-97{width:80.83333333%;} .sc-98{width:81.66666667%;} .sc-99{width:82.5%;} .sc-100{width:83.33333333%;} .sc-101{width:84.16666667%;} .sc-102{width:85%;} .sc-103{width:85.83333333%;} .sc-104{width:86.66666667%;} .sc-105{width:87.5%;} .sc-106{width:88.33333333%;} .sc-107{width:89.16666667%;} .sc-108{width:90%;} .sc-109{width:90.83333333%;} .sc-110{width:91.66666667%;} .sc-111{width:92.5%;} .sc-112{width:93.33333333%;} .sc-113{width:94.16666667%;} .sc-114{width:95%;} .sc-115{width:95.83333333%;} .sc-116{width:96.66666667%;} .sc-117{width:97.5%;} .sc-118{width:98.33333333%;} .sc-119{width:99.16666667%;} .sc-120{width:100%;} #center{margin:10px 5px;}}/* Extra Small Devices, Phones */@media only screen and (min-width:480px) and (max-width:1023px){.mc-show{display:block;} .mc-hide{display:none;} /* .generate-mc(@n, @i:1) when (@i =< @n){.mc-@{i}{width:(@i * 100% / @n);} .generate-mc(@n, (@i + 1));} .generate-mc(120);*/ .mc-1{width:0.83333333%;} .mc-2{width:1.66666667%;} .mc-3{width:2.5%;} .mc-4{width:3.33333333%;} .mc-5{width:4.16666667%;} .mc-6{width:5%;} .mc-7{width:5.83333333%;} .mc-8{width:6.66666667%;} .mc-9{width:7.5%;} .mc-10{width:8.33333333%;} .mc-11{width:9.16666667%;} .mc-12{width:10%;} .mc-13{width:10.83333333%;} .mc-14{width:11.66666667%;} .mc-15{width:12.5%;} .mc-16{width:13.33333333%;} .mc-17{width:14.16666667%;} .mc-18{width:15%;} .mc-19{width:15.83333333%;} .mc-20{width:16.66666667%;} .mc-21{width:17.5%;} .mc-22{width:18.33333333%;} .mc-23{width:19.16666667%;} .mc-24{width:20%;} .mc-25{width:20.83333333%;} .mc-26{width:21.66666667%;} .mc-27{width:22.5%;} .
mc-28{width:23.33333333%;} .mc-29{width:24.16666667%;} .mc-30{width:25%;} .mc-31{width:25.83333333%;} .mc-32{width:26.66666667%;} .mc-33{width:27.5%;} .mc-34{width:28.33333333%;} .mc-35{width:29.16666667%;} .mc-36{width:30%;} .mc-37{width:30.83333333%;} .mc-38{width:31.66666667%;} .mc-39{width:32.5%;} .mc-40{width:33.33333333%;} .mc-41{width:34.16666667%;} .mc-42{width:35%;} .mc-43{width:35.83333333%;} .mc-44{width:36.66666667%;} .mc-45{width:37.5%;} .mc-46{width:38.33333333%;} .mc-47{width:39.16666667%;} .mc-48{width:40%;} .mc-49{width:40.83333333%;} .mc-50{width:41.66666667%;} .mc-51{width:42.5%;} .mc-52{width:43.33333333%;} .mc-53{width:44.16666667%;} .mc-54{width:45%;} .mc-55{width:45.83333333%;} .mc-56{width:46.66666667%;} .mc-57{width:47.5%;} .mc-58{width:48.33333333%;} .mc-59{width:49.16666667%;} .mc-60{width:50%;} .mc-61{width:50.83333333%;} .mc-62{width:51.66666667%;} .mc-63{width:52.5%;} .mc-64{width:53.33333333%;} .mc-65{width:54.16666667%;} .mc-66{width:55%;} .mc-67{width:55.83333333%;} .mc-68{width:56.66666667%;} .mc-69{width:57.5%;} .mc-70{width:58.33333333%;} .mc-71{width:59.16666667%;} .mc-72{width:60%;} .mc-73{width:60.83333333%;} .mc-74{width:61.66666667%;} .mc-75{width:62.5%;} .mc-76{width:63.33333333%;} .mc-77{width:64.16666667%;} .mc-78{width:65%;} .mc-79{width:65.83333333%;} .mc-80{width:66.66666667%;} .mc-81{width:67.5%;} .mc-82{width:68.33333333%;} .mc-83{width:69.16666667%;} .mc-84{width:70%;} .mc-85{width:70.83333333%;} .mc-86{width:71.66666667%;} .mc-87{width:72.5%;} .mc-88{width:73.33333333%;} .mc-89{width:74.16666667%;} .mc-90{width:75%;} .mc-91{width:75.83333333%;} .mc-92{width:76.66666667%;} .mc-93{width:77.5%;} .mc-94{width:78.33333333%;} .mc-95{width:79.16666667%;} .mc-96{width:80%;} .mc-97{width:80.83333333%;} .mc-98{width:81.66666667%;} .mc-99{width:82.5%;} .mc-100{width:83.33333333%;} .mc-101{width:84.16666667%;} .mc-102{width:85%;} .mc-103{width:85.83333333%;} .mc-104{width:86.66666667%;} .mc-105{width:87.5%;} .mc-106{width:88.33333333%;} .mc-107{width:89.16666667%;} .mc-108{width:90%;} .mc-109{width:90.83333333%;} .mc-110{width:91.66666667%;} .mc-111{width:92.5%;} .mc-112{width:93.33333333%;} .mc-113{width:94.16666667%;} .mc-114{width:95%;} .mc-115{width:95.83333333%;} .mc-116{width:96.66666667%;} .mc-117{width:97.5%;} .mc-118{width:98.33333333%;} .mc-119{width:99.16666667%;} .mc-120{width:100%;} #center{margin:10px 5px;}}/* Small Devices, Tablets */@media only screen and (min-width:1024px){.lc-show{display:block;} .lc-hide{display:none;} /* .generate-lc(@n, @i:1) when (@i =< @n){.lc-@{i}{width:(@i * 100% / @n);} .generate-lc(@n, (@i + 1));} .generate-lc(120);*/ .lc-1{width:0.83333333%;} .lc-2{width:1.66666667%;} .lc-3{width:2.5%;} .lc-4{width:3.33333333%;} .lc-5{width:4.16666667%;} .lc-6{width:5%;} .lc-7{width:5.83333333%;} .lc-8{width:6.66666667%;} .lc-9{width:7.5%;} .lc-10{width:8.33333333%;} .lc-11{width:9.16666667%;} .lc-12{width:10%;} .lc-13{width:10.83333333%;} .lc-14{width:11.66666667%;} .lc-15{width:12.5%;} .lc-16{width:13.33333333%;} .lc-17{width:14.16666667%;} .lc-18{width:15%;} .lc-19{width:15.83333333%;} .lc-20{width:16.66666667%;} .lc-21{width:17.5%;} .lc-22{width:18.33333333%;} .lc-23{width:19.16666667%;} .lc-24{width:20%;} .lc-25{width:20.83333333%;} .lc-26{width:21.66666667%;} .lc-27{width:22.5%;} .lc-28{width:23.33333333%;} .lc-29{width:24.16666667%;} .lc-30{width:25%;} .lc-31{width:25.83333333%;} .lc-32{width:26.66666667%;} .lc-33{width:27.5%;} .lc-34{width:28.33333333%;} .lc-35{width:29.16666667%;} .lc-36{width:30%;} .lc-37{width:30.83333333%;} .lc-38{width:31.66666667%;} .lc-39{width:32.5%;} .lc-40{width:33.33333333%;} .lc-41{width:34.16666667%;} .lc-42{width:35%;} .lc-43{width:35.83333333%;} .lc-44{width:36.66666667%;} .lc-45{width:37.5%;} .lc-46{width:38.33333333%;} .lc-47{width:39.16666667%;} .lc-48{width:40%;} .lc-49{width:40.83333333%;} .lc-50{width:41.66666667%;} .lc-51{width:42.5%;} .lc-52{width:43.33333333%;} .lc-53{width:44.16666667%;} .lc-54{width:45%;} .lc-55{width:45.83333333%;} .lc-56{width:46.66666667%;} .lc-57{width:47.5%;} .lc-58{width:48.33333333%;} .lc-59{width:49.16666667%;} .lc-60{width:50%;} .lc-61{width:50.83333333%;} .lc-62{width:51.66666667%;} .lc-63{width:52.5%;} .lc-64{width:53.33333333%;} .lc-65{width:54.16666667%;} .lc-66{width:55%;} .lc-67{width:55.83333333%;} .lc-68{width:56.66666667%;} .lc-69{width:57.5%;} .lc-70{width:58.33333333%;} .lc-71{width:59.16666667%;} .lc-72{width:60%;} .lc-73{width:60.83333333%;} .lc-74{width:61.66666667%;} .lc-75{width:62.5%;} .lc-76{width:63.33333333%;} .lc-77{width:64.16666667%;} .lc-78{width:65%;} .lc-79{width:65.83333333%;} .lc-80{width:66.66666667%;} .lc-81{width:67.5%;} .lc-82{width:68.33333333%;} .lc-83{width:69.16666667%;} .lc-84{width:70%;} .lc-85{width:70.83333333%;} .lc-86{width:71.66666667%;} .lc-87{width:72.5%;} .lc-88{width:73.33333333%;} .lc-89{width:74.16666667%;} .lc-90{width:75%;} .lc-91{width:75.83333333%;} .lc-92{width:76.66666667%;} .lc-93{width:77.5%;} .lc-94{width:78.33333333%;} .lc-95{width:79.16666667%;} .lc-96{width:80%;} .lc-97{width:80.83333333%;} .lc-98{width:81.66666667%;} .lc-99{width:82.5%;} .lc-100{width:83.33333333%;} .lc-101{width:84.16666667%;} .lc-102{width:85%;} .lc-103{width:85.83333333%;} .lc-104{width:86.66666667%;} .lc-105{width:87.5%;} .lc-106{width:88.33333333%;} .lc-107{width:89.16666667%;} .lc-108{width:90%;} .lc-109{width:90.83333333%;} .lc-110{width:91.66666667%;} .lc-111{width:92.5%;} .lc-112{width:93.33333333%;} .lc-113{width:94.16666667%;} .lc-114{width:95%;} .lc-115{width:95.83333333%;} .lc-116{width:96.66666667%;} .lc-117{width:97.5%;} .lc-118{width:98.33333333%;} .lc-119{width:99.16666667%;} .lc-120{width:100%;}}@media print{body{background:#fff;margin:0;padding:0;overflow:auto;} #center{margin:0;padding:0;box-shadow:0;}}.responsive-content video,.responsive-content audio{width:100% !important;}.article-title{border-top:6px solid #2c3e4f;border-right:1px solid #b5b5b5;border-left:1px solid #b5b5b5;background-color:#f0f0f0;padding:0 10px;overflow:hidden;color:#2c3e4f;}.article-content{line-height:1.5;clear:both;padding:10px;box-shadow:inset 0 0 1px 1px #b5b5b5;overflow:hidden;background:#fff;}.article-content blockquote{background-color:#f0f0f0;padding:1%;margin:2%;color:#2c3e4f;border-right:8px solid #c0392b;}.article-content .article-image{margin-bottom:10px;}.article-body iframe,.article-body embed,.article-body img{margin:10px auto;}.article-statistic{color:#b5b5b5;direction:ltr;}.article-index-block-title{border-top:4px solid #2c3e4f;padding:16px;overflow:hidden;background:#fff;box-shadow:0px 0px 2px #b5b5b5;margin-bottom:10px;color:#2c3e4f;font-size:26px;background-size:100% 200%;background-image:linear-gradient(to bottom, #ffffff 50%, #3a5269 50%);transition:background-position 0.5s, color 0.5s;}.article-index-block-title:hover{color:#ffffff;background-position:0 -100%;}.article-index-block-title-wrapper:hover > .article-index-block-title,.article-index-block-title-wrapper:hover > a .article-index-block-title{color:#ffffff;background-position:0 -100%;}.article-brief-content{width:98%;margin:0 0 3% 0;height:97%;background:#fff;box-shadow:0px 0px 2px #b5b5b5;line-height:1.4;transition:box-shadow 0.5s;}.article-brief-content:hover{cursor:pointer;box-shadow:0px 0px 2px #2c3e4f;}.article-brief-content .cat-title{padding:10px 1.5% 10px 1.5%;height:40px;z-index:3;position:relative;color:#fff;margin-top:-40px;background:rgba(0, 0, 0, 0.5);}.article-brief-content .cat-title span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%;}.article-brief-content .brief-text{padding:6px;border-top:1px solid #b5b5b5;text-align:justify;opacity:0.65;transition:opacity .5s;}.article-brief-content .brief-text:empty{display:none;}.article-brief-content .title{color:#2c3e4f;padding:6px;text-align:justify;}.article-brief-content .title h2{padding:0;margin:0;font-size:inherit;}.article-brief-content .image-wrapper{position:relative;overflow:hidden;}.article-brief-content .image-wrapper img{width:100%;height:200px;vertical-align:bottom;transition:transform .5s ;object-fit:cover;}.article-brief-content:hover > .image-wrapper img{transform:scale(1.1);}.article-brief-content:hover > .brief-text{opacity:1;}/* * social share */.article-brief-social-share{padding:0 5px;opacity:.9;position:relative;z-index:5;text-align:center;height:40px;margin-top:-40px;}.article-brief-social-share .socialicon{margin:4px;}.article-brief-social-share .dropdown-content{visibility:hidden;opacity:0;background-color:#f0f0f0;border:1px #b5b5b5 solid;border-radius:6px;transition:opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;}.article-brief-social-share .typcn{cursor:pointer;margin:0;color:#fff;text-shadow:1px 1px #000;}.article-brief-social-share .typcn:hover + .dropdown-content,.article-brief-social-share .dropdown-content:hover{visibility:visible;opacity:1;}.article-cat{width:98%;margin:0 0 3% 0;height:97%;line-height:1.4;box-shadow:0px 0px 2px #2c3e4f;background-color:#2c3e4f;}.article-cat .brief-text{padding:6px;border-top:1px solid #b5b5b5;text-align:justify;color:#fafafa;opacity:0.6;}.article-cat .brief-text:empty{display:none;}.article-cat .title{color:#fafafa;padding:6px;text-align:justify;background-color:#2c3e4f;}.article-cat .title h2{padding:0;margin:0;font-size:inherit;}.article-cat .image-wrapper{overflow:hidden;}.article-cat .image-wrapper img{width:100%;height:200px;vertical-align:bottom;transition:transform .5s ;object-fit:cover;}.article-cat:hover > .image-wrapper img{transform:scale(1.1);}.article-author-info{line-height:1.5;}.article-author-socialButton .socialicon{margin-top:6px;}.article-show-layout{margin-bottom:10px;}@media only screen and (min-width:1px) and (max-width:479px){.article-brief-content, .article-cat{width:100%;}}@media only screen and (min-width:480px) and (max-width:1023px){.flex-row div:nth-child(2n+2) .article-brief-content, .
flex-row div:nth-child(2n+2) .article-cat{width:100%;}}@media only screen and (min-width:1024px){.flex-row div:nth-child(3n+3) .article-brief-content, .flex-row div:nth-child(3n+3) .article-cat{width:100%;}}.article-show-layout-related .article-brief-content{width:100% !important;}.teoria-wrap{max-width:980px;margin:0 auto;padding:15px;}.teoria-h{margin:10px 0 15px 0;}.teoria-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:14px;}.teoria-card{display:block;background:#fff;border-radius:16px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.06);overflow:hidden;text-decoration:none;}.teoria-card-img{height:140px;background:#f6f6f6;display:flex;align-items:center;justify-content:center;}.teoria-card-img img{max-width:100%;max-height:100%;object-fit:cover;}.teoria-card-title{padding:12px 12px 6px 12px;color:#222;font-weight:700;}.teoria-card-btn{margin:0 12px 12px 12px;padding:10px;border-radius:12px;text-align:center;background:#2d7be5;color:#fff;font-weight:700;}.teoria-empty{padding:20px;background:#fff;border-radius:16px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.06);text-align:center;}.teoria-hero{display:flex;gap:14px;background:#fff;border-radius:16px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.06);overflow:hidden;}.teoria-hero-img{width:260px;max-width:45vw;background:#f6f6f6;display:flex;align-items:center;justify-content:center;}.teoria-hero-img img{max-width:100%;max-height:100%;object-fit:cover;}.teoria-hero-body{padding:16px;flex:1;}.teoria-meta{margin:8px 0 14px 0;color:#444;}.teoria-actions{display:flex;gap:10px;flex-wrap:wrap;}.teoria-primary{display:inline-block;padding:10px 14px;border-radius:12px;background:#2d7be5;color:#fff;text-decoration:none;font-weight:700;}.teoria-secondary{display:inline-block;padding:10px 14px;border-radius:12px;background:#f1f3f5;color:#333;text-decoration:none;font-weight:700;}.teoria-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}.teoria-title{font-weight:800;}.teoria-counter{color:#555;}.teoria-progress{height:10px;background:#eee;border-radius:999px;overflow:hidden;margin-bottom:12px;}.teoria-progress-bar{height:10px;background:#2d7be5;}.teoria-q{background:#fff;border-radius:16px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.06);padding:14px;margin-bottom:12px;}.teoria-qtext{font-size:18px;line-height:1.7;font-weight:700;color:#222;}.teoria-qimg{margin-top:10px;text-align:center;}.teoria-qimg img{max-width:100%;border-radius:12px;}.teoria-form{background:#fff;border-radius:16px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.06);padding:14px;}.teoria-opts{display:flex;flex-direction:column;gap:10px;}.teoria-opt{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #eee;border-radius:14px;cursor:pointer;}.teoria-opt input{margin-top:4px;}.teoria-opt-body{display:flex;gap:10px;align-items:center;}.teoria-opt-img img{max-height:70px;border-radius:10px;}.teoria-opt-text{font-weight:700;color:#222;}.teoria-score{background:#fff;border-radius:16px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.06);padding:14px;display:flex;justify-content:space-between;align-items:center;margin:10px 0 15px 0;}.teoria-score-num{font-size:22px;font-weight:900;}.teoria-score-per{font-size:22px;font-weight:900;color:#2d7be5;}.teoria-res-list{display:flex;flex-direction:column;gap:8px;}.teoria-res-item{background:#fff;border-radius:14px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.05);padding:12px;display:flex;justify-content:space-between;align-items:center;}.teoria-res-item.ok{border-right:6px solid #17a673;}.teoria-res-item.bad{border-right:6px solid #e74a3b;}.teoria-res-q{font-weight:700;color:#222;max-width:80%;}.teoria-res-s{font-weight:900;}@media (max-width:720px){.teoria-hero{flex-direction:column;} .teoria-hero-img{width:100%;height:200px;} .teoria-res-q{max-width:70%;}}.teoria-disabled{opacity:.55;pointer-events:none;}.teoria-muted{color:#777;font-size:12px;}.teoria-ok{display:inline-block;padding:2px 8px;border-radius:999px;background:#e6f6ea;color:#167a2f;font-size:12px;margin-left:6px;}.teoria-bad{display:inline-block;padding:2px 8px;border-radius:999px;background:#fde8e8;color:#b42318;font-size:12px;margin-left:6px;}/* ===== Result summary alerts ===== */.teoria-alert{background:#fff;border-radius:14px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.06);padding:12px 14px;margin:12px 0;font-weight:800;}.teoria-alert-ok{border-right:6px solid #17a673;}.teoria-alert-bad{border-right:6px solid #e74a3b;}.teoria-score-big .teoria-score-num{font-size:26px;}.teoria-score-big .teoria-score-per{font-size:30px;}/* ===== My tests list ===== */.teoria-mytests{display:flex;flex-direction:column;gap:10px;}.teoria-mytest{background:#fff;border-radius:16px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.06);padding:14px;}.teoria-mytest-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap;}.teoria-mytest-score{margin-top:8px;font-weight:800;color:#222;}/* ===== Paper (full exam sheet) ===== */.teoria-paper{display:flex;flex-direction:column;gap:14px;}.teoria-paper-item{background:#fff;border-radius:16px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.06);padding:14px;}.teoria-paper-qnum{font-weight:900;color:#2d7be5;margin-bottom:8px;}.teoria-paper-opts{margin-top:12px;display:flex;flex-direction:column;gap:10px;}.teoria-opt-row{display:flex;align-items:flex-start;gap:10px;}.teoria-opt-bullet{width:10px;height:10px;border-radius:50%;background:#d0d5dd;margin-top:7px;flex:0 0 auto;}.teoria-mark{margin-right:auto;font-weight:900;}.teoria-mark-ok{color:#167a2f;}.teoria-mark-bad{color:#b42318;}.teoria-opt-mine-ok{border:1px solid #b7ebc6;background:#e6f6ea;}.teoria-opt-rightmark{border:1px solid #e3f2e8;background:transparent;}.teoria-opt-wrong{border:1px solid #fecaca;background:#fde8e8;}/* ===== Patch 2026-01-10:do not highlight correct option when user is wrong (legacy class) ===== */.teoria-opt-rightmark{border:1px solid #eee !important;background:transparent !important;}.file-title{border-top:6px solid #2c3e4f;border-right:1px solid #b5b5b5;border-left:1px solid #b5b5b5;background-color:#f0f0f0;padding:0 10px;overflow:hidden;color:#2c3e4f;}.file-content{line-height:1.5;clear:both;padding:10px;box-shadow:inset 0 0 1px 1px #b5b5b5;overflow:hidden;background:#fff;}.file-content blockquote{background-color:#f0f0f0;padding:1%;margin:2%;color:#2c3e4f;border-right:8px solid #c0392b;}.file-content .file-image{margin-bottom:10px;}.file-content .file-downloads{margin:10px 0 16px 0;text-align:center;}.file-content .file-downloads a.button{margin:4px;display:inline-block;}.file-body iframe,.file-body embed,.file-body img{margin:10px auto;}.file-statistic{color:#b5b5b5;direction:ltr;}.file-index-block-title{border-top:4px solid #2c3e4f;padding:16px;overflow:hidden;background:#fff;box-shadow:0px 0px 2px #b5b5b5;margin-bottom:10px;color:#2c3e4f;font-size:26px;background-size:100% 200%;background-image:linear-gradient(to bottom, #ffffff 50%, #3a5269 50%);transition:background-position 0.5s, color 0.5s;}.file-index-block-title:hover{color:#ffffff;background-position:0 -100%;}.file-index-block-title-wrapper:hover > .file-index-block-title,.file-index-block-title-wrapper:hover > a .file-index-block-title{color:#ffffff;background-position:0 -100%;}.file-brief-content{width:98%;margin:0 0 3% 0;height:97%;background:#fff;box-shadow:0px 0px 2px #b5b5b5;line-height:1.4;transition:box-shadow 0.5s;}.file-brief-content:hover{cursor:pointer;box-shadow:0px 0px 2px #2c3e4f;}.file-brief-content .cat-title{padding:10px 1.5% 10px 1.5%;height:40px;z-index:3;position:relative;color:#fff;margin-top:-40px;background:rgba(0, 0, 0, 0.5);}.file-brief-content .cat-title span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%;}.file-brief-content .
brief-text{padding:6px;border-top:1px solid #b5b5b5;text-align:justify;opacity:0.65;transition:opacity .5s;}.file-brief-content 
.brief-text:empty{display:none;}.file-brief-content .title{color:#2c3e4f;padding:6px;text-align:justify;}.file-brief-content .title h2{padding:0;margin:0;font-size:inherit;}.file-brief-content .image-wrapper{position:relative;overflow:hidden;}.file-brief-content .image-wrapper img{width:100%;height:200px;vertical-align:bottom;transition:transform .5s ;object-fit:cover;}.file-brief-content:hover > .image-wrapper img{transform:scale(1.1);}.file-brief-content:hover > .brief-text{opacity:1;}/* * social share */.file-brief-social-share{padding:0 5px;opacity:.9;position:relative;z-index:5;text-align:center;height:40px;margin-top:-40px;}.file-brief-social-share .socialicon{margin:4px;}.file-brief-social-share .dropdown-content{visibility:hidden;opacity:0;background-color:#f0f0f0;border:1px #b5b5b5 solid;border-radius:6px;transition:opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;}.file-brief-social-share .typcn{cursor:pointer;margin:0;color:#fff;text-shadow:1px 1px #000;}.file-brief-social-share .typcn:hover + .dropdown-content,.file-brief-social-share .dropdown-content:hover{visibility:visible;opacity:1;}.file-cat{width:98%;margin:0 0 3% 0;height:97%;line-height:1.4;box-shadow:0px 0px 2px #2c3e4f;background-color:#2c3e4f;}.file-cat .brief-text{padding:6px;border-top:1px solid #b5b5b5;text-align:justify;color:#fafafa;opacity:0.6;}.file-cat .brief-text:empty{display:none;}.file-cat .title{color:#fafafa;padding:6px;text-align:justify;background-color:#2c3e4f;}.file-cat .title h2{padding:0;margin:0;font-size:inherit;}.file-cat .image-wrapper{overflow:hidden;}.file-cat .image-wrapper img{width:100%;height:200px;vertical-align:bottom;transition:transform .5s ;object-fit:cover;}.file-cat:hover > .image-wrapper img{transform:scale(1.1);}.file-author-info{line-height:1.5;}.file-author-socialButton .socialicon{margin-top:6px;}.file-show-layout{margin-bottom:10px;}@media only screen and (min-width:1px) and (max-width:479px){.file-brief-content, .file-cat{width:100%;}}@media only screen and (min-width:480px) and (max-width:1023px){.flex-row div:nth-child(2n+2) .file-brief-content, .flex-row div:nth-child(2n+2) .file-cat{width:100%;}}@media only screen and (min-width:1024px){.flex-row div:nth-child(3n+3) .file-brief-content, .flex-row div:nth-child(3n+3) .file-cat{width:100%;}}.file-show-layout-related .file-brief-content{width:100% !important;}.owl-carousel{direction:ltr;margin-bottom:10px;background:#fff;box-shadow:0px 0px 2px #b5b5b5;display:none;}.carousel-caption{z-index:1;position:absolute;background-color:rgba(0, 0, 0, 0.65);color:#fff;bottom:0;padding:10px;margin:0px;text-align:center;font-size:26px;}.carousel-caption:empty{display:none;}.owl-carousel .item[onclick]{cursor:pointer;}.breakingnews{margin-bottom:10px;background:#fff;box-shadow:0px 0px 2px #b5b5b5;}.breakingnews-title{background-color:#c0392b;color:#ffffff;padding:10px 0;}.breakingnews-title span{padding:0 8px;display:block;}.breakingnews-text{color:#c0392b;padding:10px 0;}.breakingnews-text span{padding:0 8px;display:block;}.ticker-wrapper{position:fixed;left:0;bottom:0;right:0;background-color:#2c3e4f;z-index:100;padding:6px;}.ticker{background-color:#f0f0f0;max-width:1180px;margin:auto;}.ticker-title{background-color:#c0392b;color:#ffffff;padding:4px 0;cursor:pointer;}.ticker-title span{transition:transform 0.6s ease-in-out;display:inline-block;}.ticker-title:hover{color:#ffffff;background-color:#d03e2f;}.ticker-title:hover > span{transform:rotate(360deg);}.ticker-text{background-color:#fafafa;direction:ltr;color:#c0392b;}.ticker-text a{color:#c0392b;}.ticker-text a:hover{color:#d03e2f;}.ticker-textmarquee{direction:ltr;overflow:hidden;}.ticker-text span .typcn{opacity:.7;}.ticker-text .marquee-inner-container{padding:7px 5px 0 5px;max-height:30px;}.footer-wrapper{margin-bottom:42px;}.search-content{padding:10px;margin-bottom:10px;overflow:hidden;background:#fff;box-shadow:0px 0px 2px #b5b5b5;}.search-content img{width:80px;float:right;margin-left:8px;}.search-content h1{padding:0;margin:2px;font-size:18px;}.search-content p{padding:0;margin:2px;}.search-form{width:100%;background:#f0f0f0;padding:7px;box-shadow:inset 0 0 0 0;border:1px solid transparent;min-height:auto;font-weight:bold;}.search-form:focus{box-shadow:inset 0 0 0 0;border:1px solid #b5b5b5;}.autocomplete-suggestions{cursor:default;border:1px solid #ccc;border-top:0;background:#fff;box-shadow:-1px 1px 3px rgba(0, 0, 0, 0.1);/* core styles should not be changed */ position:absolute;display:none;z-index:9999;max-height:254px;overflow:hidden;overflow-y:auto;box-sizing:border-box;}.autocomplete-suggestion{position:relative;padding:0 .6em;line-height:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.02em;color:#333;}
.autocomplete-suggestion b{color:#0f5a2e;}.autocomplete-suggestion.selected{background:#f0f0f0;}.ad-Alert{display:none;position:fixed;top:0;right:0;width:100%;height:100%;background:rgba(192, 57, 43, 0.95);color:#ffffff;overflow:hidden;text-align:center;z-index:5;line-height:1.5;}.ad-Alert .close-ad-Alert{cursor:pointer;}.ads-show{padding:5px;margin-bottom:10px;background:#fff;box-shadow:0px 0px 2px #b5b5b5;overflow:hidden;}.ads-show .image-ad img{display:block;margin:auto;}.ads-show-within-text{margin-top:10px;margin-bottom:16px;}.floating_ad{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;text-align:center;margin:auto;width:100%;}.floating_ad > .floating_ad_content{display:inline-block;position:relative;margin:15% auto auto auto;padding:20px;border-radius:10px;background:rgba(0, 0, 0, 0.5);}.floating_ad_close{background:#606061;color:#FFFFFF;line-height:25px;position:absolute;right:0px;text-align:center;top:-10px;width:24px;text-decoration:none;font-weight:bold;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-moz-box-shadow:1px 1px 3px #000;-webkit-box-shadow:1px 1px 3px #000;box-shadow:1px 1px 3px #000;cursor:pointer;}.floating_ad_close:hover{background:#c0392b;}@media only screen and (min-width:1px) and (max-width:479px){.floating_ad > .floating_ad_content{min-width:320px;}}@media only screen and (min-width:480px) and (max-width:1023px){.floating_ad > .floating_ad_content{min-width:480px;}}@media only screen and (min-width:1024px){.floating_ad > .floating_ad_content{min-width:720px;}}.page-content blockquote{background-color:#f0f0f0;padding:1%;margin:2%;color:#2c3e4f;border-right:8px solid #c0392b;}

/* ===== Theme overrides (md.css) ===== */
/*
  MD Theme for WEPAL.NET  MD V 0.1 (applied to bbb)
  الهدف: جعل bbb مطابقاً لستايل md (هيدر فاتح، قائمة رمادية، أكسنت أحمر، كروت نظيفة)
  Generated: 2026-01-11
*/

/* === Local Arabic font (shipped with theme) === */
@font-face{
  font-family: HelveticaNeue;
  font-display: swap;
  src: url("/assets/font/HelveticaNeueW23forSKY-Reg_T02.eot");
  src:
    url("/assets/font/HelveticaNeueW23forSKY-Reg_T02.eot?#iefix") format("embedded-opentype"),
    url("/assets/font/HelveticaNeueMEforSKYW21-Rg_web.woff2") format("woff2"),
    url("/assets/font/HelveticaNeueMEforSKYW21-Rg_web.woff") format("woff"),
    url("/assets/font/HelveticaNeueMEforSKYW21-Rg_web.ttf") format("truetype"),
    url("/assets/font/HelveticaNeueW23forSKY-Reg_T02.svg#HelveticaNeueW23forSKY-Reg_T02") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face{
  font-family: HelveticaNeue;
  font-display: swap;
  src: url("/assets/font/HelveticaNeueW23forSKY-Bd_T02.eot");
  src:
    url("/assets/font/HelveticaNeueW23forSKY-Bd_T02.eot?#iefix") format("embedded-opentype"),
    url("/assets/font/HelveticaNeueMEforSKYW21-Bd_web.woff2") format("woff2"),
    url("/assets/font/HelveticaNeueMEforSKYW21-Bd_web.woff") format("woff"),
    url("/assets/font/HelveticaNeueMEforSKYW21-Bd_web.ttf") format("truetype"),
    url("/assets/font/HelveticaNeueW23forSKY-Bd_T02.svg#HelveticaNeueW23forSKY-Bd_T02") format("svg");
  font-weight: 700;
  font-style: normal;
}

/* === MD tokens === */
:root{
  --md-red:var(--dl-front-accent,#20966b);
  --md-red-hover:var(--dl-front-accent-hover,#176744);
  --md-text:#111827;
  --md-muted:#6b7280;
  --md-bg:#f3f3f3;
  --md-surface:#ffffff;
  --md-border:#e5e5e5;

  /* بدون حواف ملتوية + ظل أنعم وحدود أقل بروزاً */
  --md-radius:0px;
  --md-shadow:0 8px 26px rgba(0,0,0,.06);
  --md-shadow-hover:0 12px 34px rgba(0,0,0,.08);
}

/* === Base === */
html{scroll-behavior:smooth;}
body, .system-direction{
  font-family: HelveticaNeue, Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  background: #ffffff !important; /* general background */
  color: var(--md-text) !important;
  line-height: 1.7 !important;
}
body{font-size:16px !important;}
b,strong{font-weight:700 !important;}
::selection{ background: var(--dl-front-selection-bg,rgba(32,150,107,.18)); }

/* Links (مثل md: أسود افتراضي + أحمر عند المرور) */
a{
  color: var(--md-text) !important;
  text-decoration: none !important;
  transition: color .15s ease;
}
a:hover{ color: var(--md-red) !important; }

/* Layout width */
#center{max-width:1207px !important; margin:10px auto !important;}
/* === Main content "raised slide" === */
.site{
  background: transparent !important;
}
.site-content{
  background: var(--md-surface) !important;
  /* الشريحة الرئيسية: بيضاء + ظل (بدون حدود بارزة/بدون تدوير) */
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: var(--md-shadow) !important;
  padding: 22px 22px 14px !important;
  margin: 18px auto 36px !important;
  max-width: 1207px !important;
  width: calc(100% - 24px) !important;
}
@media (max-width: 640px){
  .site-content{
    padding: 16px 12px 10px !important;
    border-radius: 0 !important;
    width: calc(100% - 16px) !important;
  }
}

/* === Header === */
.header-wrapper-background{
  background: var(--md-surface) !important;
  border-top: 4px solid var(--md-red) !important;
  border-bottom: 1px solid var(--md-border) !important;
}
.header-logo{
  background: transparent !important;
  padding: 8px 6px !important;
  height: 72px !important;
}

/* Logo right + Search left (same row) */
.header-logo-split{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
  gap:12px !important;
}
.header-logo-link{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important; /* RTL: start == right */
  flex:1 1 auto !important;
  min-width:0 !important;
}

/* إلغاء تموضع اللوجو المطلق القادم من criticalCss */
.header-logo #image-lc{
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  max-width: 100% !important;
  max-height: 72px !important;
}
.header-logo #image-sc{
  max-height: 80px !important;
}

/* Search button */
.dlcms-search-btn,
.dlcms-search-btn-mobile{
  background: var(--md-red) !important;
  border-bottom-color: var(--md-red) !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  color:#fff !important;
  position: static !important; /* override any injected absolute rules */
  min-width: 92px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.dlcms-search-btn:hover,
.dlcms-search-btn-mobile:hover{
  background: var(--md-red-hover) !important;
  border-bottom-color: var(--md-red-hover) !important;
  color:#fff !important;
}

@media (max-width: 479px){
  .dlcms-search-btn-mobile{
    min-width: 82px !important;
    height: 32px !important;
  }
}

@media (max-width: 479px){
  .dlcms-search-btn-mobile{
    min-width: 82px !important;
    height: 32px !important;
  }
}

/* Mobile menu icon */
.site-menu-float-button{color: var(--md-red) !important;}

/* === Main navigation (مطابق md) === */
.site-menu{
  background: #f1f1f1 !important;
  margin-top: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--md-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.site-menu ul{
  justify-content: center !important;
}
.site-menu ul li a{
  color: var(--md-text) !important;
  border: 0 !important;
  padding: 15px 18px !important;
  background: transparent !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}
.site-menu ul li:hover{opacity:1 !important;}
.site-menu ul li:hover > a,
.site-menu ul li a:hover{
  color: var(--md-red) !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Dropdown */
.site-menu ul ul{
  background: #fff !important;
  border: 1px solid var(--md-border) !important;
  box-shadow: var(--md-shadow) !important;
}
.site-menu ul ul li a{
  border-left: 0 !important;
  color: #111 !important;
  padding: 10px 12px !important;
}
.site-menu ul ul li a:hover{
  background: #f6f6f6 !important;
  color: var(--md-red) !important;
}

/* === Breadcrumb + boxes ===
   المطلوب: حدود أخف + بدون تدوير + بدون ظلال قوية داخلية
*/
.breadcrumb, .dl-cms-box, .panel, .mainBlock, .search-content, .breakingnews, .owl-carousel{
  background: var(--md-surface) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 1px solid #f6f6f6 !important;
}
.breadcrumb{border:1px solid #f6f6f6 !important;}

/* Panels title */
.panel .panel-title,
.content-caption{
  background: #fff !important;
  color: #111 !important;
  border-top: 0 !important;
  border-right: 4px solid var(--md-red) !important;
  box-shadow: none !important;
}
.panel .panel-title a,
.content-caption-text a{ color:#111 !important; }
.panel .panel-title a:hover,
.content-caption-text a:hover{ color: var(--md-red) !important; }

/* إزالة الإطار الداخلي الغامق في محتوى البانل */
.panel .panel-content{
  box-shadow: none !important;
  border: 0 !important;
}

/* === Typography === */
h1{font-size:30px !important; line-height:1.35 !important; font-weight:700 !important;}
h2{font-size:22px !important; line-height:1.4 !important; font-weight:700 !important;}
h3{font-size:18px !important; line-height:1.5 !important; font-weight:700 !important;}
h4{font-size:16px !important; line-height:1.6 !important; font-weight:700 !important;}
h5,h6{font-size:15px !important; font-weight:700 !important;}

.file-content, .page-content, .article-content{
  font-size:18px !important;
  line-height:1.95 !important;
  color: var(--md-text) !important;
  /* إزالة الحدود/الظلال الداخلية الافتراضية من site.css */
  background: #fff !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.file-content p, .page-content p, .article-content p{ margin: 0 0 14px 0 !important; }

/* إزالة الحواف/الأشرطة الغامقة الافتراضية أعلى الصفحات */
.file-title,
.page-title,
.article-title{
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}

.file-content blockquote,
.page-content blockquote{
  background: #f6f6f6 !important;
  border-right: 6px solid var(--md-red) !important;
  padding: 14px 16px !important;
  margin: 16px 0 !important;
  color: #222 !important;
}

/* === Cards (listing) === */
.file-brief-content{
  border-radius: 0 !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.04) !important;
  border: 1px solid #f5f5f5 !important;
  background: #fff !important;
  transition: box-shadow .18s ease, transform .18s ease !important;
}
.file-brief-content:hover{
  box-shadow: 0 10px 26px rgba(0,0,0,.06) !important;
  transform: translateY(-1px);
  cursor: pointer;
}

/* Remove heavy overlay elements */
.file-brief-social-share{opacity:0 !important; height:0 !important; overflow:hidden !important;}
.file-brief-content .cat-title{display:none !important;}

.file-brief-content .image-wrapper img{
  height: 220px !important;
  object-fit: cover !important;
  transform: none !important;
  transition: none !important;
}
.file-brief-content:hover > .image-wrapper img{transform:none !important;}

.file-brief-content .title{
  padding: 12px 12px 8px 12px !important;
  color:#111 !important;
}
.file-brief-content .title h2{
  font-size: 14px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  color:#111 !important;
}
.file-brief-content .title a{color:#111 !important;}
.file-brief-content .title a:hover{color: var(--md-red) !important;}

.file-brief-content .brief-text{
  padding: 4px 14px 18px 14px !important;
  border-top: 0 !important;
  opacity: 1 !important;
  color: #6b6b6b !important;
  font-weight: 400 !important;
  line-height: 2.05 !important;
  font-size: 15px !important;
  text-align: justify !important;
}

/* === Buttons === */
.button, button, input[type="submit"], input[type="button"]{
  border-radius: 3px !important;
}
.button-style-a{
  background-color: var(--md-red) !important;
  color:#fff !important;
  border-bottom-color: var(--md-red) !important;
}
.button-style-a:hover{
  background-color: var(--md-red-hover) !important;
  border-bottom-color: var(--md-red-hover) !important;
}
.button-style-b, .button-style-warm-dark{
  background-color: var(--md-red) !important;
  border-bottom-color: var(--md-red) !important;
}
.button-style-b:hover, .button-style-warm-dark:hover{
  background-color: var(--md-red-hover) !important;
  border-bottom-color: var(--md-red-hover) !important;
}

/* Forms */
input, textarea, select{ font-family: inherit !important; font-weight: 400 !important; }
.form-unit-field input, .form-unit-field textarea, .search-form{
  border-radius: 3px !important;
  border: 1px solid #dcdcdc !important;
  box-shadow: none !important;
  background: #fff !important;
}
.form-unit-field input:focus, .form-unit-field textarea:focus, .search-form:focus{
  outline: none !important;
  border-color: var(--md-red) !important;
  box-shadow: 0 0 0 3px rgba(199,33,39,.12) !important;
}

/* === Footer === */
.footer-wrapper{
  background: transparent !important;
  padding: 10px 0 !important;
  border-top: 0px solid var(--md-border) !important;
}
footer{
  background: #fff !important;
  color: #444 !important;
  border:0px solid var(--md-border) !important;
  border-radius: var(--md-radius) !important;
}
footer a{color: var(--md-red) !important;}
footer a:hover{color: var(--md-red-hover) !important;}

/* Bottom ticker */
.ticker-wrapper{ background: #111 !important; }
.ticker-title{ background: var(--md-red) !important; }
.ticker-text{ color: var(--md-red) !important; }


/* =========================================================
   MD Theme Overrides v4 (cache-bust + stronger specificity)
   ========================================================= */
html, body{
  font-family: "Tajawal","Cairo","Noto Kufi Arabic","Noto Sans Arabic","Segoe UI","Tahoma","Arial",sans-serif !important;
  font-size: 16px !important;
  line-height: 1.85 !important;
}

/* ===== Main Navigation: remove blue capsule, make md-like ===== */
nav.site-menu,
.site-menu,
.header-wrapper-background nav.site-menu,
body nav.site-menu{
  background: #f1f1f1 !important;
  background-color: #f1f1f1 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--md-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-top: 0 !important;
  padding: 0 !important;
}
nav.site-menu > ul,
.site-menu > ul,
#site-menu-area{
  background: transparent !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 10px 6px !important;
  margin: 0 !important;
}
nav.site-menu ul li,
.site-menu ul li{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
nav.site-menu ul li a,
.site-menu ul li a,
#site-menu-area li a{
  color: #111 !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  background: transparent !important;
  border: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  padding: 8px 10px !important;
  text-decoration: none !important;
}
nav.site-menu ul li a:hover,
nav.site-menu ul li:hover > a,
.site-menu ul li a:hover,
.site-menu ul li:hover > a,
#site-menu-area li a:hover{
  color: var(--md-red) !important;
  background: transparent !important;
}
nav.site-menu ul li.active > a,
nav.site-menu ul li.selected > a,
.site-menu ul li.active > a,
.site-menu ul li.selected > a{
  color: var(--md-red) !important;
}

/* Dropdown */
nav.site-menu ul ul,
.site-menu ul ul{
  background: #fff !important;
  border: 1px solid var(--md-border) !important;
  box-shadow: var(--md-shadow) !important;
  border-radius: 0 !important;
}

/* ===== Portal/section title bar: remove dark navy, match md ===== */
.content-caption,
.panel .panel-title,
.portal-under-header,
.portal-under-header .content-caption,
.portal-under-header .portal_title,
.portal-under-header h1,
.portal-under-header h2{
  background: #fff !important;
  color: #111 !important;
  border: 0 !important;
  border-bottom: 2px solid var(--md-red) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.portal-under-header h1,
.portal-under-header h2,
.content-caption{
  font-size: 28px !important;
  font-weight: 700 !important;
  padding: 14px 10px !important;
}

/* ===== Cards: hover red on title only, rest unchanged ===== */
.brief-content a,
.article-brief-content,
.file-brief-content,
.plane-brief-content{
  color: inherit !important;
  text-decoration: none !important;
}
.brief-content .title,
.article-brief-content .title,
.file-brief-content .title,
.plane-brief-content .title{
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}
.brief-text,
.article-brief-text,
.file-brief-text{
  color: #6b7280 !important;
  font-size: 15px !important;
  line-height: 2.15 !important;
  margin-top: 6px !important;
}
.brief-content a:hover .title,
.article-brief-content:hover .title,
.file-brief-content:hover .title,
.plane-brief-content:hover .title{
  color: var(--md-red) !important;
}

/* ===== v9: smaller titles in cards + no separator line between title and excerpt ===== */
.article-brief-content .title h2,
.file-brief-content .title h2,
.plane-brief-content .title h2,
.brief-content .title h2{
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
}

/* remove any divider/border between title and excerpt in cards */
.article-brief-content .brief-text,
.file-brief-content .brief-text,
.plane-brief-content .brief-text,
.brief-content .brief-text{
  border-top: 0 !important;
  margin-top: 6px !important;
  padding-top: 0 !important;
}

.brief-content a:hover .brief-text,
.article-brief-content:hover .brief-text,
.file-brief-content:hover .brief-text,
.plane-brief-content:hover .brief-text{
  color: #6b7280 !important;
}

/* ===== Ensure 4 items per row on common desktop widths ===== */
@media (min-width: 992px){
  .lc-30{ width: 25% !important; }
  .mc-40{ width: 25% !important; }
}

/* ===== Spacing: متوازن بدون كسر 4 بالصف وبدون إنزال العمود الجانبي ===== */

/* اجعل البطاقات تملأ عرض عمودها بدون (98%) وبدون ارتفاعات ثابتة */
.article-brief-content,
.file-brief-content,
.plane-brief-content,
.brief-content{
  width: 100% !important;
  margin: 0 !important;
  height: auto !important;
}

/* مسافات الأعمدة داخل شبكة البطاقات (padding داخلي لا يغيّر عرض العمود بسبب border-box) */
.site-content .flex-row > div.lc-30,
.site-content .flex-row > div.lc-40,
.site-content .flex-row > div.mc-40,
.site-content .flex-row > div.mc-50,
.site-content .flex-row > div.sc-100{
  padding: 0 8px 18px !important;
}

/* تقليل تباعد المقتطفات حتى يبقى 4 بالصف */
.brief-text,
.article-brief-content .brief-text,
.file-brief-content .brief-text,
.plane-brief-content .brief-text{
  line-height: 1.9 !important;
  margin-top: 6px !important;
}

/* ===== Remove rounded corners globally for frames/containers ===== */
.site-content,
.breadcrumb,
.dl-cms-box,
.panel,
.mainBlock,
.search-content,
footer,
.file-brief-content,
.article-brief-content,
.plane-brief-content,
.brief-content,
.pages ul li a,
.note-success,
.note-warm,
.note-info{
  border-radius: 0 !important;
}

/* ===== Article show page: keep sidebar beside content on desktop ===== */
@media (min-width: 1024px){
  .article-show-layout{
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
  }
}

/* ===== Article show page: title sizes ===== */
.dl-md-post-title{
  font-size: 34px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  margin: 0 0 10px 0 !important;
}
@media (max-width:479px){
  .dl-md-post-title{ font-size: 26px !important; line-height: 1.4 !important; }
}

/* Increase default font size inside content blocks */
.article-content, .file-content, .page-content{
  font-size: 18px !important;
  line-height: 1.95 !important;
  font-weight: 400 !important;
  color: #222 !important;
}

/* ===== Article show page: title sizes ===== */
.dl-md-post-title{font-size:34px !important;line-height:1.35 !important;font-weight:800 !important;margin:0 0 10px 0 !important;}
@media (max-width:479px){.dl-md-post-title{font-size:26px !important;line-height:1.4 !important;}}

/* Increase default font size inside content blocks */
.article-content,.file-content,.page-content{font-size:18px !important;line-height:1.95 !important;font-weight:400 !important;color:#222 !important;}

/* ===== Article show page: title sizes ===== */
.dl-md-post-title{font-size:34px !important;line-height:1.35 !important;font-weight:800 !important;margin:0 0 10px 0 !important;}
@media (max-width:479px){.dl-md-post-title{font-size:26px !important;line-height:1.4 !important;}}

/* Increase default font size inside content blocks */
.article-content,.file-content,.page-content{font-size:18px !important;line-height:1.95 !important;font-weight:400 !important;}

/* ===== Article show page: remove huge blank between image and text ===== */
.dl-md-post-media{
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
}
.dl-md-post-media:empty{ display: none !important; }
.dl-md-post-media img{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* Improve reading size inside the post */
.dl-md-post-text{
  font-size: 19px !important;
  line-height: 1.95 !important;
  font-weight: 400 !important;
}
.dl-md-post-text p{ margin: 0 0 14px 0 !important; }

/* ===== v8 tweaks: titles + content font ===== */
.dl-md-post-title{font-size:34px !important;line-height:1.35 !important;font-weight:800 !important;margin:0 0 10px 0 !important;}
@media (max-width:479px){.dl-md-post-title{font-size:26px !important;line-height:1.4 !important;}}

.article-content,.file-content,.page-content{font-size:18px !important;line-height:1.95 !important;font-weight:400 !important;color:#222 !important;}


/* ===== Header layout: logo right, search left (v12) ===== */
.header-logo {
  height: auto !important;
  padding: 10px 8px !important;
  text-align: initial !important;
  position: relative !important;
}
/* stop "critical css" centering */
.header-logo #image-lc,
.header-logo #image-sc {
  position: static !important;
  inset: auto !important;
  margin: 0 !important;
  max-height: 56px !important;
  width: auto !important;
  display: block !important;
}
.header-logo-split,
.header-logo-split-mobile {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
  /* put logo on the right */
  flex-direction: row-reverse !important;
}
.header-logo-link,
.header-logo-link-mobile {
  display: inline-flex !important;
  align-items: center !important;
}
/* search button: inline (NOT absolute) */
.dlcms-search-btn,
.dlcms-search-btn-mobile {
  position: static !important;
  left: auto !important;
  top: auto !important;
  z-index: auto !important;
  min-width: 92px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width:1px) and (max-width:479px){
  .dlcms-search-btn,
  .dlcms-search-btn-mobile {
    min-width: 82px;
    height: 32px;
  }
}
/* menu should be under header row */
.header .site-menu {
  width: 100% !important;
  margin-top: 8px !important;
}

/* Ensure we don't carry any rounded corners from legacy */
.header, .header-wrapper-background, .site-menu, .breadcrumb, .dl-cms-box, .panel, .panel-content {
  border-radius: 0 !important;
}

/* =============================
   MD Sections (Categories) Grid
   ============================= */
.dl-md-sections-wrap{padding:10px 0;}
.dl-md-sections-title{margin:0 0 12px 0;font-size:22px;font-weight:800;color:#222;}
.dl-md-sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;}
.dl-md-section-card{display:block;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06);text-decoration:none;overflow:hidden;}
.dl-md-section-img{height:140px;background:#f6f6f6;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.dl-md-section-img img{width:100%;height:100%;object-fit:cover;}
.dl-md-section-name{padding:12px 12px 6px 12px;color:#222;font-weight:800;font-size:16px;}
.dl-md-section-info{padding:0 12px 12px 12px;color:#555;line-height:1.6;font-weight:700;font-size:13px;opacity:.9;}
.dl-md-section-card:hover .dl-md-section-name{color:#c72127;}

/* =========================
   Pinned articles layout
   ========================= */
.dl-pinned-wrap{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:stretch;
  margin:0 0 14px 0;
}
.dl-pinned-big{
  flex:1 1 62%;
  min-width:320px;
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:12px;
  background:#fff;
  box-shadow:0px 0px 2px #b5b5b5;
}
.dl-pinned-big img{
  width:100%;
  height:340px;
  object-fit:cover;
  display:block;
}
.dl-pinned-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.72), rgba(0,0,0,0));
}
.dl-pinned-title{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:12px 14px;
  color:#fff;
  font-weight:800;
  font-size:22px;
  line-height:1.35;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
}
.dl-pinned-side{
  flex:1 1 35%;
  min-width:260px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.dl-pinned-item{
  display:flex;
  gap:10px;
  align-items:stretch;
  background:#fff;
  border:1px solid #e5e5e5;
  border-radius:12px;
  overflow:hidden;
  text-decoration:none;
  box-shadow:0px 0px 2px #b5b5b5;
}
.dl-pinned-item:hover{opacity:.95;}
.dl-pinned-item-media{
  width:120px;
  flex:0 0 120px;
}
.dl-pinned-item-media img{
  width:100%;
  height:92px;
  object-fit:cover;
  display:block;
}
.dl-pinned-item-body{
  padding:10px 10px 10px 8px;
  display:flex;
  align-items:center;
}
.dl-pinned-item-title{
  color:#2c3e4f;
  font-weight:800;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
@media only screen and (max-width:1023px){
  .dl-pinned-big img{height:260px;}
}
@media only screen and (max-width:600px){
  .dl-pinned-wrap{gap:10px;}
  .dl-pinned-big{min-width:100%;}
  .dl-pinned-side{min-width:100%;}
  .dl-pinned-item-media{width:110px;flex-basis:110px;}
}

/* =====================================================
   Pinned articles (Unified v3) - fallback/override
   - يعالج انقلاب اتجاه صورة العناصر الجانبية
   - يعالج تغير أبعاد السلايدر (الرئيسي/الجانبي)
   - يبقي نفس المظهر حتى لو تعطل تحميل amd-pinned.css لأي سبب
   ===================================================== */

:root{
  --dlCardBorder: rgba(0,0,0,.10);
  --dlCardShadow: 0 2px 10px rgba(0,0,0,.06);
  --dlCardShadowHover: 0 10px 24px rgba(0,0,0,.10);
  --dlCardRadius: 0px; /* مربع */
  --dlPinnedGap: 10px;
  --dlPinnedSideItemH: 128px;
  --dlPinnedMainH: calc((var(--dlPinnedSideItemH) * 3) + (var(--dlPinnedGap) * 2));
}

.dl-pinned-wrap{
  display:grid !important;
  grid-template-columns: 360px 1fr !important;
  gap: var(--dlPinnedGap) !important;
  align-items:start !important;
  margin: 0 0 14px 0 !important;
}

@media (max-width: 980px){
  .dl-pinned-wrap{ grid-template-columns: 1fr !important; }
  :root{ --dlPinnedMainH: 280px; --dlPinnedSideItemH: 92px; }
}

.dl-pinned-big{
  position:relative !important;
  display:block !important;
  height: var(--dlPinnedMainH) !important;
  background:#fff !important;
  border: 1px solid var(--dlCardBorder) !important;
  border-radius: var(--dlCardRadius) !important;
  box-shadow: var(--dlCardShadow) !important;
  overflow:hidden !important;
  text-decoration:none !important;
}

.dl-pinned-big img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
}

.dl-pinned-overlay{
  position:absolute !important;
  inset:0 !important;
  background: linear-gradient(to top, rgba(0,0,0,.22), rgba(0,0,0,0) 55%) !important;
  pointer-events:none !important;
}

.dl-pinned-title{
  position:absolute !important;
  left:12px !important;
  right:12px !important;
  bottom:12px !important;
  padding:10px 12px !important;
  background: rgba(0,0,0,.14) !important;
  color:#fff !important;
  font-weight:900 !important;
  font-size:20px !important;
  line-height:1.35 !important;
  border-radius: var(--dlCardRadius) !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.35) !important;
}

.dl-pinned-controls{ position:absolute !important; top:10px !important; right:10px !important; display:flex !important; gap:8px !important; z-index:6 !important; }
.dl-pinned-nav{
  width:34px !important; height:34px !important;
  border:1px solid rgba(255,255,255,.75) !important;
  background: rgba(0,0,0,.16) !important;
  color:#fff !important;
  font-size:22px !important;
  line-height:30px !important;
  text-align:center !important;
  cursor:pointer !important;
  border-radius: var(--dlCardRadius) !important;
}
.dl-pinned-nav:hover{ background: rgba(0,0,0,.26) !important; }

.dl-pinned-dots{
  position:absolute !important;
  bottom:10px !important;
  left:10px !important;
  display:flex !important;
  gap:6px !important;
  z-index:6 !important;
}
.dl-pinned-dot{
  width:8px !important; height:8px !important;
  border:1px solid rgba(255,255,255,.9) !important;
  background: rgba(255,255,255,.25) !important;
  border-radius: var(--dlCardRadius) !important;
  cursor:pointer !important;
}
.dl-pinned-dot.active{ background: rgba(255,255,255,.9) !important; }

.dl-pinned-side{
  display:flex !important;
  flex-direction:column !important;
  gap: var(--dlPinnedGap) !important;
}

.dl-pinned-item{
  display:flex !important;
  flex-direction: row-reverse !important; /* الصورة يمين */
  gap:10px !important;
  align-items:center !important;
  background:#fff !important;
  border: 1px solid var(--dlCardBorder) !important;
  border-radius: var(--dlCardRadius) !important;
  box-shadow: var(--dlCardShadow) !important;
  height: var(--dlPinnedSideItemH) !important;
  overflow:hidden !important;
  text-decoration:none !important;
  color: inherit !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.dl-pinned-item:hover{
  transform: translateY(-2px) !important;
  box-shadow: var(--dlCardShadowHover) !important;
  background: rgba(0,0,0,.02) !important;
}

.dl-pinned-item.active{
  outline: 2px solid rgba(44,62,79,.20) !important;
  outline-offset: -2px !important;
}

.dl-pinned-item-media{
  width: 120px !important;
  height: 100% !important;
  flex: 0 0 auto !important;
  border-left: 1px solid rgba(0,0,0,.06) !important;
  overflow:hidden !important;
}
.dl-pinned-item-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

.dl-pinned-item-body{
  padding: 10px 12px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  display:block !important;
}
.dl-pinned-item-title{
  font-weight:900 !important;
  color:#2c3e4f !important;
  font-size:16px !important;
  line-height:1.35 !important;
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient: vertical !important;
}


/* ===== Patch v14: Article share layout (dl-md-post) ===== */
.dl-md-post-tools{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin:0 0 18px 0 !important; /* more space under the row */
}
.dl-md-post-share{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:wrap !important;
  gap:6px !important; /* less space between icons */
}
.dl-md-post-share a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:0 !important;
}
.dl-md-post-share .socialicon{
  display:inline-block !important;
  margin:0 2px !important; /* remove big margins */
}
/* keep font buttons aligned */
.dl-md-post-font{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
}

.dl-md-post-font{display:inline-flex !important;align-items:center !important;gap:8px !important;}


/* =========================
   Patch 2026-01-15: Article text justify (RTL)
   ========================= */
.dl-md-post-text,
.dl-md-post-text > div,
.dl-md-post-text p,
.dl-md-post-text li{
  text-align: justify !important;
  text-justify: inter-word;
  direction: rtl;
  unicode-bidi: plaintext;
  text-align-last: right;
}

.dl-safa-post-text,
.dl-safa-post-text > div,
.dl-safa-post-text p,
.dl-safa-post-text li{
  text-align: justify !important;
  text-justify: inter-word;
  direction: rtl;
  unicode-bidi: plaintext;
  text-align-last: right;
}

/* ===== Patch 2026-01-15: article text padding so lines don't touch box edges ===== */
.dl-md-post-wrap, .dl-safa-post-wrap{
  padding-left:14px !important;
  padding-right:14px !important;
  box-sizing:border-box;
}
.dl-md-post-text, .dl-safa-post-text{
  padding-left:6px !important;
  padding-right:6px !important;
  box-sizing:border-box;
}
/* keep last line on the right in Arabic */
.dl-md-post-text, .dl-safa-post-text{
  text-align:justify !important;
  direction:rtl !important;
  text-align-last:right !important;
  -moz-text-align-last:right !important;
}

/* ===== Patch 2026-01-16: Mobile main menu readability & interaction ===== */
@media only screen and (max-width:1023px){
  /* Floating (burger) menu */
  .site-menu-float a,
  .site-menu-float a:visited{color:#fff !important;}

  .site-menu-float ul{
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.25);
  }

  .site-menu-float ul li a{
    color:#fff !important;
    background:rgba(255,255,255,.04);
    border-bottom:1px solid rgba(255,255,255,.12);
    transition:background .15s ease, transform .12s ease, box-shadow .15s ease;
  }

  .site-menu-float ul li:hover > a,
  .site-menu-float ul li:active > a{
    background:rgba(255,255,255,.10);
  }

  .site-menu-float ul li:active > a{transform:scale(.99);}

  .site-menu-float ul li a:focus{outline:none;}
  .site-menu-float ul li a:focus-visible{
    box-shadow:0 0 0 2px rgba(255,255,255,.45) inset;
  }

  /* Nested items: a little indent */
  .site-menu-float ul ul{margin-top:6px;border-radius:12px;overflow:hidden;}
  .site-menu-float ul ul li a{padding-right:18px;}

  /* Top nav (in case it appears on some widths) */
  .site-menu a,
  .site-menu a:visited{color:#fff !important;}
  .site-menu ul li a{transition:background .15s ease, transform .12s ease;}
  .site-menu ul li:hover > a{background:#3a5269;}
  .site-menu ul li a:active{transform:scale(.99);}
}

/* ===== Patch 2026-01-17: tables header color -> green (fix dark backgrounds / inline styles) ===== */
:root{
  --theme-green:var(--dl-front-accent,#20966b);
  --theme-green-hover:var(--dl-front-accent-hover,#176744);
  --theme-green-soft:var(--dl-front-accent-soft,rgba(32,150,107,.12));
}

/* table headers */
.table_a tr th,
.table_a thead th,
table.table_a th,
.table_a tr th[style]{
  background-color:var(--theme-green) !important;
  color:#ffffff !important;
  border-bottom:4px solid var(--theme-green) !important;
}

/* subtle hover on header row (optional) */
.table_a thead:hover th{background-color:var(--theme-green-hover) !important;}

/* optional: unify borders + spacing */
.table_a{border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:14px;box-shadow:0 1px 2px rgba(0,0,0,.06);} 
.table_a td,.table_a th{border-left:1px solid rgba(0,0,0,.06);} 
.table_a tr > *:first-child{border-left:0;}

/* ===== Patch 2026-01-17: restore GREEN main navigation (overrides old gray nav rules) ===== */
:root{
  --topnav-bg:var(--dl-front-menu-bg,#ffffff);
  --topnav-bg2:var(--dl-front-menu-bg2,#ffffff);
  --topnav-link:var(--dl-front-menu-link,var(--dl-front-menu-link,#145c34));
  --topnav-hover:var(--dl-front-menu-hover-bg,rgba(32,150,107,.08));
  --topnav-active:var(--dl-front-menu-active-bg,rgba(32,150,107,.12));
  --topnav-border:var(--dl-front-menu-border,rgba(32,150,107,.18));
}

nav.site-menu,
.site-menu,
.header-wrapper-background nav.site-menu,
body nav.site-menu{
  background: var(--topnav-bg) !important;
  background-color: var(--topnav-bg) !important;
  border-bottom: 1px solid var(--topnav-border) !important;
}

nav.site-menu > ul,
.site-menu > ul,
#site-menu-area{
  background: #ffffff !important;
}

nav.site-menu ul li a,
.site-menu ul li a,
#site-menu-area li a{
  color: #000 !important;
  font-weight: 700 !important;
  background: transparent !important;
  border-radius: 0px !important;
  transition: transform .12s ease, background-color .12s ease, opacity .12s ease !important;
}

/* Hover/active tint for top menu links */
nav.site-menu ul li:hover > a,
nav.site-menu ul li a:hover,
.site-menu ul li:hover > a,
.site-menu ul li a:hover,
#site-menu-area li:hover > a,
#site-menu-area li a:hover{
  background: var(--dl-front-menu-hover-bg,rgba(32,150,107,.08)) !important;
  color: var(--dl-front-menu-link,#145c34) !important;
  opacity: 1 !important;
}

#site-menu-area a.active,
#site-menu-area .active-page,
#site-menu-area li.active > a{
  background: var(--dl-front-menu-active-bg,rgba(32,150,107,.10)) !important;
  color: var(--dl-front-menu-link,#145c34) !important;
}

nav.site-menu ul li a:hover,
nav.site-menu ul li:hover > a,
.site-menu ul li a:hover,
.site-menu ul li:hover > a,
#site-menu-area li a:hover{
  color: var(--topnav-link) !important;
  background: var(--topnav-hover) !important;
  transform: translateY(-1px) !important;
}

nav.site-menu ul li a:active,
.site-menu ul li a:active,
#site-menu-area li a:active{
  background: var(--topnav-active) !important;
  transform: scale(.98) !important;
}

nav.site-menu ul li.active > a,
nav.site-menu ul li.selected > a,
.site-menu ul li.active > a,
.site-menu ul li.selected > a{
  color: var(--topnav-link) !important;
  background: rgba(255,255,255,.22) !important;
}

/* Dropdown menu colors */
nav.site-menu ul ul,
.site-menu ul ul{
  background: var(--topnav-bg2) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
}
nav.site-menu ul ul li a,
.site-menu ul ul li a{
  color: #fff !important;
}
nav.site-menu ul ul li a:hover,
.site-menu ul ul li a:hover{
  background: rgba(255,255,255,.16) !important;
}

/* ===== Patch 2026-01-17: unified thumbnail frames (articles / courses / files) with soft GREEN ===== */
:root{
  --thumb-green: var(--theme-green, #0f5a2e);
  --thumb-border: rgba(35,158,87,.22);
  --thumb-border-hover: rgba(35,158,87,.48);
  --thumb-shadow: 0 6px 18px rgba(0,0,0,.04);
  --thumb-shadow-hover: 0 10px 26px rgba(35,158,87,.10);
}

/* Cards / thumbnails (most common) */
.file-brief-content,
.article-brief-content,
.plane-brief-content,
.brief-content,
.course-card,
.course-hero,
.dl-course-card{
  border: 1px solid var(--thumb-border) !important;
}

.file-brief-content,
.article-brief-content,
.plane-brief-content,
.brief-content{
  box-shadow: var(--thumb-shadow) !important;
}

.file-brief-content:hover,
.article-brief-content:hover,
.plane-brief-content:hover,
.brief-content:hover,
.course-card:hover,
.course-hero:hover,
.dl-course-card:hover{
  border-color: var(--thumb-border-hover) !important;
}

.file-brief-content:hover,
.article-brief-content:hover,
.plane-brief-content:hover,
.brief-content:hover{
  box-shadow: var(--thumb-shadow-hover) !important;
}

/* Ensure media frames also match */
.file-brief-content .image-wrapper,
.article-brief-content .image-wrapper,
.plane-brief-content .image-wrapper,
.brief-content .image-wrapper,
.course-card__media,
.course-hero__media{
  border-bottom: 1px solid rgba(35,158,87,.14) !important;
}

/* Small green accent on titles/links inside cards */
.file-brief-content .title a:hover,
.article-brief-content .title a:hover,
.plane-brief-content .title a:hover,
.brief-content .title a:hover{
  color: var(--thumb-green) !important;
}

/* ===== Patch 2026-01-17: GREEN theme consistency (mobile menu + pagination + search + global accents) ===== */

/* Global accent: make default links green (keep alerts/buttons with their own colors) */
.site-content a,
.page-content a,
.file-content a,
.dl-cms-box a,
.breadcrumb a{color:var(--theme-green) !important;}
.site-content a:hover,
.page-content a:hover,
.file-content a:hover,
.dl-cms-box a:hover,
.breadcrumb a:hover{color:var(--theme-green-hover) !important;}

/* Keep links on dark bars white */
footer a,
.header-wrapper-background a,
.header-logo a{color:#000 !important;}
footer a:hover{opacity:.85;}

/* Exceptions: links on dark title bars should stay white */
.content-caption-text a,
.breakingnews-title a,
.ticker-title a{color:#fff !important;}

/* Header top border (was red) -> green */
.header-wrapper-background{border-top-color:var(--theme-green) !important;}

/* Mobile floating menu should match the main green nav */
.site-menu-float{
  background: linear-gradient(180deg, var(--topnav-bg) 0%, var(--topnav-bg2) 100%) !important;
}
.site-menu-float ul{
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}
.site-menu-float-close-icon,
.site-menu-float-button{
  color:#fff !important;
}
.site-menu-float ul li a{
  color:#fff !important;
  border-bottom:1px solid rgba(255,255,255,.18) !important;
  background: transparent !important;
  transition: background .15s ease, transform .12s ease;
}
.site-menu-float ul li:hover > a,
.site-menu-float ul li a:hover{
  background: rgba(255,255,255,.14) !important;
}
.site-menu-float ul li a:active{
  background: rgba(0,0,0,.14) !important;
  transform: scale(.99);
}

/* Pagination (pages list at bottom) -> green */
.pages ul li a{
  border:1px solid rgba(35,158,87,.25) !important;
  background:#fff !important;
  color: var(--theme-green) !important;
  border-radius: 10px !important;
}
.pages ul li a:hover{
  border-color: rgba(35,158,87,.55) !important;
  background: var(--theme-green-soft) !important;
}
.pages ul li .active-page{
  border:1px solid rgba(35,158,87,.55) !important;
  background: var(--theme-green) !important;
  color:#fff !important;
}

/* Search page boxes + input focus -> green */
.search-content{
  border: 1px solid rgba(35,158,87,.18) !important;
  border-top: 6px solid var(--theme-green) !important;
  border-radius: 14px !important;
}
.search-content h1,
.search-content h2{
  color: #1b5e20 !important;
}
.search-form:focus{
  border:1px solid rgba(35,158,87,.55) !important;
  box-shadow: 0 0 0 3px rgba(35,158,87,.14) !important;
}
.autocomplete-suggestion b{color:var(--theme-green) !important;}

/* ===== Patch 2026-01-17: revert a few colors the user asked to keep BLACK ===== */

/* 1) Thumbnail/card titles back to black */
.file-brief-content .title,
.file-brief-content .title a,
.article-brief-content .title,
.article-brief-content .title a,
.plane-brief-content .title,
.plane-brief-content .title a,
.brief-content .title,
.brief-content .title a{
  color:#000 !important;
}
.file-brief-content .title a:hover,
.article-brief-content .title a:hover,
.plane-brief-content .title a:hover,
.brief-content .title a:hover{
  color:#000 !important;
}

/* 2) Login name + Logout word back to black (header user menu) */
.header-mainbar-user a{
  background:#fff !important;
  color:#000 !important;
  border:1px solid rgba(0,0,0,.18) !important;
}
.header-mainbar-user a:hover{background:#f6f6f6 !important;}

/* 3) Mobile menu (burger) icon back to black */
.site-menu-float-button{color:#000 !important;}

/* ===== Patch 2026-01-17: pagination active page + square corners ===== */

/* Pagination: active page background green + number white (force override) */
.pages ul li a.active-page,
.pages ul li .active-page{
  background-color:var(--theme-green) !important;
  background:var(--theme-green) !important;
  color:#fff !important;
  border-color:rgba(35,158,87,.75) !important;
}
.pages ul li a.active-page:visited{color:#fff !important;}

/* Square corners (no rounded/chamfered corners) */
.pages ul li a,
.search-content,
.search-form,
.form-unit-field input,
.form-unit-field textarea,
.form-unit-field select,
.button,
.toolbar-option,
.panel,
.panel .panel-content,
.dl-cms-box,
.breadcrumb,
.file-brief-content,
.file-cat,
.file-index-block-title,
.file-brief-social-share .dropdown-content,
.floating_ad > .floating_ad_content,
.floating_ad_close,
.site-menu-float ul ul,
.teoria-mytest,
.teoria-paper-item{
  border-radius:0 !important;
}

/* ===== Patch 2026-01-17: Custom pager (cat.php + article index) ===== */
.md-pager{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  direction:ltr;
}
.md-pager .md-page{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  height:44px;
  padding:0 12px;
  border:1px solid rgba(35,158,87,.25);
  background:#fff;
  color:var(--theme-green) !important;
  font-weight:700;
  text-decoration:none;
  border-radius:0 !important;
  box-sizing:border-box;
}
.md-pager .md-page:hover{
  background:var(--theme-green-soft);
  border-color:rgba(35,158,87,.55);
}
.md-pager .md-page-active{
  background:var(--theme-green) !important;
  border-color:rgba(35,158,87,.75) !important;
  color:#fff !important;
  font-weight:900;
}
.md-pager .md-page-active:hover{
  background:var(--theme-green-hover) !important;
}
.md-pager .md-page-disabled{
  opacity:.35;
  color:#666 !important;
  border-color:rgba(0,0,0,.12) !important;
  background:#fff !important;
}

/* =========================================================
   Sidebar Toggle (home + topics)
   - Controlled by adding/removing: body.dl-sidebar-off
   - Removes sidebar without leaving empty space
   ========================================================= */

/* Button look (header) */
.dl-sidebar-toggle{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  cursor:pointer !important;
}
.dl-sidebar-toggle .typcn{line-height:1 !important;}

/* Hide side columns + gaps */
body.dl-sidebar-off .dl-sidebar,
body.dl-sidebar-off .article-show-layout-related,
body.dl-sidebar-off .file-show-layout-related,
body.dl-sidebar-off .plane-show-layout-related,
body.dl-sidebar-off .store-show-layout-related{
  display:none !important;
}
body.dl-sidebar-off .dl-sidebar-gap{display:none !important;}

/* Expand main column to full width */
body.dl-sidebar-off .dl-maincol{width:100% !important;}

/* Home pinned block: hide right list + expand big card */
body.dl-sidebar-off #dlPinnedWrap{
  grid-template-columns:1fr !important;
}
body.dl-sidebar-off #dlPinnedWrap > .dl-pinned-side{display:none !important;}
body.dl-sidebar-off #dlPinnedWrap > .dl-pinned-big{grid-column:1 !important;}

/* Mobile: keep toggle text short if needed */
@media (max-width:479px){
  .dl-sidebar-toggle .dl-sidebar-toggle-text{font-size:12px !important;}
}

/* ===== Brief thumbnails grid: guarantee fit + spacing (>=16px) ===== */
.dl-brief-grid{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:16px !important;
}
/* prevent inherited column padding from other flex grids */
.dl-brief-grid > div{ padding:0 !important; min-width:0 !important; }

/* Mobile: 1 per row */
@media (max-width:479px){
  .dl-brief-grid > div.sc-120{ flex:0 0 100% !important; max-width:100% !important; }
}

/* Tablet: 2 per row */
@media (min-width:480px) and (max-width:1023px){
  .dl-brief-grid > div.mc-60{ flex:0 0 calc((100% - 16px)/2) !important; max-width:calc((100% - 16px)/2) !important; }
  .dl-brief-grid > div.sc-120{ flex:0 0 calc((100% - 16px)/2) !important; max-width:calc((100% - 16px)/2) !important; }
}

/* Desktop: follow system.thumbsPerRow mapping (2..6) */
@media (min-width:1024px){
  /* 2 per row */
  .dl-brief-grid > div.lc-60{ flex:0 0 calc((100% - 16px)/2) !important; max-width:calc((100% - 16px)/2) !important; }
  /* 3 per row */
  .dl-brief-grid > div.lc-40{ flex:0 0 calc((100% - 32px)/3) !important; max-width:calc((100% - 32px)/3) !important; }
  /* 4 per row */
  .dl-brief-grid > div.lc-30{ flex:0 0 calc((100% - 48px)/4) !important; max-width:calc((100% - 48px)/4) !important; }
  /* 5 per row */
  .dl-brief-grid > div.lc-24{ flex:0 0 calc((100% - 64px)/5) !important; max-width:calc((100% - 64px)/5) !important; }
  /* 6 per row */
  .dl-brief-grid > div.lc-20{ flex:0 0 calc((100% - 80px)/6) !important; max-width:calc((100% - 80px)/6) !important; }
}

/* Cards inside grid: remove legacy widths/margins + make them look uniform */
.dl-brief-cell .article-brief-content,
.dl-brief-cell .file-brief-content,
.dl-brief-cell .article-cat,
.dl-brief-cell .file-cat{
  width:100% !important;
  margin:0 !important;
  height:100% !important;
  display:flex;
  flex-direction:column;
}

.dl-brief-cell .image-wrapper img{
  width:100% !important;
  height:clamp(130px, 18vw, 200px) !important;
  object-fit:cover !important;
  display:block;
}

.dl-brief-cell .title h2{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.dl-brief-cell .brief-text{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* ===============================
   Square corners for thumbnails
   (Article/File/Store brief cards + pinned + sections)
   =============================== */
.article-brief-content,
.file-brief-content,
.store-brief-content,
.article-cat,
.file-cat,
.store-cat,
.dl-md-section-card,
.dl-course-card,
#dlPinnedWrap .dl-pinned-big,
#dlPinnedWrap .dl-pinned-item,
#dlPinnedWrap,
.dl-pinned-wrap{
  border-radius: 0 !important;
}

/* Ensure inner media does not round/clip */
.article-brief-content .image-wrapper,
.article-brief-content .image-wrapper img,
.file-brief-content .image-wrapper,
.file-brief-content .image-wrapper img,
.store-brief-content .image-wrapper,
.store-brief-content .image-wrapper img,
.article-cat .image-wrapper,
.article-cat .image-wrapper img,
.file-cat .image-wrapper,
.file-cat .image-wrapper img,
.store-cat .image-wrapper,
.store-cat .image-wrapper img,
#dlPinnedWrap .dl-pinned-big img,
#dlPinnedWrap .dl-pinned-item-media,
#dlPinnedWrap .dl-pinned-item-media img,
.dl-md-section-card .dl-md-section-img,
.dl-md-section-card .dl-md-section-img img,
.dl-course-card .dl-course-media,
.dl-course-card .dl-course-media img{
  border-radius: 0 !important;
}

/* Titles overlays that sometimes inherit rounding */
.article-brief-content .cat-title,
.file-brief-content .cat-title,
.store-brief-content .cat-title,
.article-brief-social-share .dropdown-content,
.file-brief-social-share .dropdown-content,
.store-brief-social-share .dropdown-content{
  border-radius: 0 !important;
}


/* ===== theme/amd-pinned.v4.css ===== */
/* AMD unified cards + pinned slider + course teasers
   v3 - unified borders/shadows, hover overlay "التفاصيل من هنا", square corners
*/

:root{
  /* Use the site's green accent (defined in md.css patches) when available */
  --dlAccent: var(--theme-green, #0f5a2e);
  --dlCardBorder: rgba(35,158,87,.22);
  --dlCardBorderHover: rgba(35,158,87,.48);
  --dlCardShadow: 0 2px 10px rgba(0,0,0,.06);
  --dlCardShadowHover: 0 10px 24px rgba(35,158,87,.12);
  --dlCardRadius: 0px; /* square */
  --dlCardGap: 10px;

  /* Pinned layout sizing (main height auto-matches 3 side items) */
  --dlPinnedGap: 10px;
  --dlPinnedSideItemH: 128px; /* tweak here */
  --dlPinnedMainH: calc((var(--dlPinnedSideItemH) * 3) + (var(--dlPinnedGap) * 2));
}

/* =========================
   PINNED ARTICLES SLIDER
   ========================= */
.dl-pinned-wrap{
  display:grid;
  direction:ltr;
  grid-template-columns: 360px 1fr; /* main (right) + side (left) */
  gap: var(--dlPinnedGap);
  align-items:start;
  margin: 0 0 14px 0;
}

@media (max-width: 980px){
  .dl-pinned-wrap{ grid-template-columns: 1fr; }
  .dl-pinned-big{grid-column:auto;}
  .dl-pinned-side{grid-column:auto;}
  :root{ --dlPinnedMainH: 280px; --dlPinnedSideItemH: 92px; }
}

.dl-pinned-big{
  grid-column: 2;

  position:relative;
  display:block;
  height: var(--dlPinnedMainH);
  background:#fff;
  border: 1px solid var(--dlCardBorder);
  border-radius: var(--dlCardRadius);
  box-shadow: var(--dlCardShadow);
  overflow:hidden;
  text-decoration:none;
}

.dl-pinned-big:hover{
  border-color: var(--dlCardBorderHover);
}

.dl-pinned-big img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.dl-pinned-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(to top, rgba(0,0,0,.22), rgba(0,0,0,0) 55%);
  pointer-events:none;
}

.dl-pinned-title{
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  padding:10px 12px;
  background: rgba(0,0,0,.14); /* very transparent */
  color:#fff;
  font-weight:900;
  font-size:20px;
  line-height:1.35;
  border-radius: var(--dlCardRadius);
  text-shadow: 0 2px 10px rgba(0,0,0,.35);
}

.dl-pinned-controls{ position:absolute; top:10px; right:10px; display:flex; gap:8px; z-index:6; }
.dl-pinned-nav{
  width:34px; height:34px;
  border:1px solid rgba(255,255,255,.75);
  background: rgba(0,0,0,.16);
  color:#fff;
  font-size:22px;
  line-height:30px;
  text-align:center;
  cursor:pointer;
  border-radius: var(--dlCardRadius);
}
.dl-pinned-nav:hover{ background: rgba(0,0,0,.26); }

.dl-pinned-dots{
  position:absolute;
  bottom:10px;
  left:10px;
  display:flex;
  gap:6px;
  z-index:6;
}
.dl-pinned-dot{
  width:8px; height:8px;
  border:1px solid rgba(255,255,255,.9);
  background: rgba(255,255,255,.25);
  border-radius: var(--dlCardRadius);
  cursor:pointer;
}
.dl-pinned-dot.active{ background: rgba(255,255,255,.9); }

.dl-pinned-side{
  grid-column: 1;

  display:flex;
  flex-direction:column;
  gap: var(--dlPinnedGap);
}

.dl-pinned-item{
  display:flex;
  direction:rtl;
  flex-direction:row; /* image on right within card (RTL) */
  gap:10px;
  align-items:center;
  background:#fff;
  border: 1px solid var(--dlCardBorder);
  border-radius: var(--dlCardRadius);
  box-shadow: var(--dlCardShadow);
  height: var(--dlPinnedSideItemH);
  overflow:hidden;
  text-decoration:none;
  color: inherit;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.dl-pinned-item:hover{
  transform: translateY(-2px);
  box-shadow: var(--dlCardShadowHover);
  background: rgba(0,0,0,.02);
  border-color: var(--dlCardBorderHover);
}

.dl-pinned-item.active{
  outline: 2px solid rgba(35,158,87,.32);
  outline-offset: -2px;
}

.dl-pinned-item-media{
  width: 120px;
  height: 100%;
  flex: 0 0 auto;
  border-left: 1px solid rgba(35,158,87,.16);
  overflow:hidden;
}
.dl-pinned-item-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.dl-pinned-item-body{
  padding: 10px 12px;
  min-width: 0;
  flex: 1 1 auto;
}
.dl-pinned-item-title{
  font-weight:900;
  color:#2c3e4f;
  font-size:16px;
  line-height:1.35;
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;
}

/* =========================
   COURSE TEASERS (2 cards)
   ========================= */
.dl-course-teasers{
  display:grid;
  grid-template-columns: repeat(2, minmax(280px, 1fr));
  gap: 14px;
  margin: 6px 0 16px 0;
}
@media (max-width: 900px){
  .dl-course-teasers{ grid-template-columns: 1fr; }
}

.dl-course-card{
  position:relative;
  display:flex;
  flex-direction: row-reverse; /* image on right */
  gap:12px;
  align-items:center;
  background:#fff;
  border: 1px solid var(--dlCardBorder);
  border-radius: var(--dlCardRadius);
  box-shadow: var(--dlCardShadow);
  padding: 12px;
  text-decoration:none;
  color: inherit;
  overflow:hidden;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

/* subtle shade + lively hover */
.dl-course-card:hover{
  transform: translateY(-3px);
  box-shadow: var(--dlCardShadowHover);
  background: rgba(0,0,0,.02);
  border-color: var(--dlCardBorderHover);
}

/* light overlay and hover link "التفاصيل من هنا" */
.dl-course-card::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(44,62,79,.06);
  opacity:0;
  transition: opacity .18s ease;
  pointer-events:none;
  z-index:1;
}

.dl-course-card > *{ position:relative; z-index:2; }

.dl-course-hoverlink{
  position:absolute;
  left:12px;
  bottom:12px;
  z-index:3;
  padding:6px 10px;
  background: rgba(44,62,79,.78);
  color:#fff;
  font-weight:900;
  font-size:13px;
  letter-spacing:.2px;
  border-radius: var(--dlCardRadius);
  opacity:0;
  transform: translateY(6px);
  transition: opacity .18s ease, transform .18s ease;
  text-decoration:none;
}

.dl-course-card:hover::before{ opacity:1; }
.dl-course-card:hover .dl-course-hoverlink{ opacity:1; transform: translateY(0); }

.dl-course-media{
  width: 160px;
  height: 96px;
  flex: 0 0 auto;
  border: 1px solid rgba(35,158,87,.18);
  border-radius: var(--dlCardRadius);
  overflow:hidden;
  background:#f4f6f8;
}
.dl-course-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.dl-course-body{ min-width:0; flex:1 1 auto; }
.dl-course-title{
  font-weight:900;
  color:#2c3e4f;
  font-size:20px;
  line-height:1.25;
  margin: 0 0 6px 0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.dl-course-brief{
  color:#555;
  font-weight:700;
  line-height:1.6;
  max-height: 3.2em;
  overflow:hidden;
  opacity:.9;
}

/* Unify spacing for article cards a bit (optional safe tweaks) */
.article-brief-content,
.store-brief-content,
.file-brief-content{
  border-radius: var(--dlCardRadius);
  box-shadow: var(--dlCardShadow);
}

/* ============================================================
   Hotfix 2026-01-15 (strong override)
   Fix pinned layout: big on the right, 3 side items on the left (RTL),
   and force side item media to be on the right (row-reverse).
   ============================================================ */

#center .site-content .dl-pinned-wrap{
  display:grid !important;
  grid-template-columns: 360px minmax(0, 1fr) !important; /* side | big */
  grid-template-areas: "side big" !important;
  gap: 12px !important;
  align-items:center !important;
}

#center .site-content .dl-pinned-big{
  grid-column: 2;

  grid-area: big !important;
  display:block !important;
  position:relative !important;
  overflow:hidden !important;
  height: var(--dlPinnedBigH, 360px) !important;
  border-radius: var(--dlCardRadius, 16px) !important;
}

#center .site-content .dl-pinned-big > img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

#center .site-content .dl-pinned-side{
  grid-column: 1;

  grid-area: side !important;
  display:grid !important;
  grid-template-rows: repeat(3, 1fr) !important;
  gap: 12px !important;
  height: var(--dlPinnedBigH, 360px) !important;
  align-content:stretch !important;
}

#center .site-content .dl-pinned-item{
  display:flex !important;
  flex-direction: row !important; /* image forced via order in hotfix */
  align-items:center !important;
  gap: 10px !important;
  overflow:hidden !important;
  height: auto !important; /* grid controls height */
  border-radius: var(--dlCardRadius, 16px) !important;
}

#center .site-content .dl-pinned-item-media{
  flex: 0 0 120px !important;
  width:120px !important;
  overflow:hidden !important;
}

#center .site-content .dl-pinned-item-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

#center .site-content .dl-pinned-item-body{
  flex:1 1 auto !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
}

#center .site-content .dl-pinned-item-title{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:normal !important;
  line-height:1.35 !important;
  max-height: 2.7em !important;
}

/* Responsive: stack on small screens */
@media (max-width: 920px){
  #center .site-content .dl-pinned-wrap{
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "big"
      "side" !important;
  }
  #center .site-content .dl-pinned-side{
  grid-column: 1;

    height:auto !important;
    grid-template-rows: none !important;
  }
  #center .site-content .dl-pinned-item{
    min-height: 92px !important;
  }
}

/* ============================================================
   Teoria UI compact v2 (2026-02-02)
   Reduce question & options sizes and tighten spacing.
   Loaded after site.css, so it can safely override.
   ============================================================ */

.teoria-wrap{
  max-width: 920px !important;
  padding: 10px !important;
}

.teoria-h{ margin: 8px 0 10px 0 !important; }

.teoria-progress{
  height: 8px !important;
  margin-bottom: 10px !important;
}
.teoria-progress-bar{ height: 8px !important; }

.teoria-q{
  padding: 10px !important;
  margin-bottom: 10px !important;
  border-radius: 14px !important;
}
.teoria-qtext{
  font-size: 15px !important;
  line-height: 1.55 !important;
}
.teoria-qimg{ margin-top: 8px !important; }
.teoria-qimg img{ border-radius: 10px !important; }

.teoria-form{
  padding: 10px !important;
  border-radius: 14px !important;
}

.teoria-opts{ gap: 8px !important; }

.teoria-opt{
  padding: 9px 10px !important;
  gap: 8px !important;
  border-radius: 12px !important;
}
.teoria-opt-body{ gap: 8px !important; align-items:center !important; }
.teoria-opt input{ margin-top: 3px !important; }

.teoria-opt-img img{
  max-height: 52px !important;
  border-radius: 8px !important;
}

.teoria-opt-text{
  font-size: 14px !important;
  line-height: 1.4 !important;
}

.teoria-score{
  padding: 10px !important;
  margin: 8px 0 12px 0 !important;
  border-radius: 14px !important;
}
.teoria-score-num,
.teoria-score-per{
  font-size: 18px !important;
}

.teoria-res-item{
  padding: 10px !important;
  border-radius: 12px !important;
}

.teoria-paper{ gap: 10px !important; }
.teoria-paper-item{
  padding: 10px !important;
  border-radius: 14px !important;
}
.teoria-paper-qnum{ margin-bottom: 6px !important; }
.teoria-paper-opts{ margin-top: 10px !important; gap: 8px !important; }
.teoria-opt-row{ gap: 8px !important; }
.teoria-opt-bullet{ margin-top: 6px !important; }

@media (max-width: 720px){
  .teoria-wrap{ padding: 8px !important; }
  .teoria-q{ padding: 9px !important; }
  .teoria-qtext{ font-size: 14px !important; }
  .teoria-form{ padding: 9px !important; }
  .teoria-opt{ padding: 8px 9px !important; }
  .teoria-opt-img img{ max-height: 46px !important; }
  .teoria-opt-text{ font-size: 13px !important; }
  .teoria-score-num,
  .teoria-score-per{ font-size: 16px !important; }
}



/* ===== theme/dd_like.css ===== */
/* dd-like overrides for amd2001 (full width + top header/menu + remove frames)
   Loaded after critical CSS and md.css
*/

/* === 1) Full width / remove outer frame === */
html, body{ background:#fff !important; }
body{ margin:0 !important; }

:root{
  /* Approximate fixed header height (compact logo row + menu). */
  --dlHeaderH: 92px;
}
@media (max-width:479px){ :root{ --dlHeaderH: 106px; } }
@media (min-width:480px) and (max-width:1023px){ :root{ --dlHeaderH: 100px; } }

#center{
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  /* With fixed header, push content down */
  padding:calc(var(--dlHeaderH) + 12px) 12px 0 12px !important;
}
@media (max-width:1023px){
  #center{ padding:calc(var(--dlHeaderH) + 10px) 8px 0 8px !important; }
}

/* Make common wrappers full width */
.header,
.toolbar-option-wrapper,
footer,
.ticker{ max-width:none !important; width:100% !important; }
.header{ margin:0 auto !important; }

/* === 2) Header + main menu stays at the top (always visible) === */
.header-wrapper-background{
  position:fixed !important;
  top:0; left:0; right:0;
  z-index:9999;
  box-shadow:0 2px 10px rgba(0,0,0,.12);
}
.site-menu{ margin-top:0 !important; }

/* Compact header (reduce height of logo/user/search row) */
.header-logo{ height:auto !important; padding:4px 0 !important; }
.header-mainbar{ padding:6px 0 !important; gap:10px !important; }

/* Logo size */
.header-logo #image-lc,
.header-logo-lc-mc #image-lc{ max-height:38px !important; width:auto !important; }
.header-logo #image-sc{ max-height:38px !important; width:auto !important; }

/* User links + search button tighter */
.header-mainbar-user a{
  padding:4px 8px !important;
  border-radius:12px !important;
  font-size:13px !important;
}
.header-mainbar-right .button,
.header-mainbar-right a.button{
  height:30px !important;
  padding:6px 12px 4px 12px !important;
  font-size:13px !important;
}

/* Compact main menu height */
.site-menu ul li a{ padding:10px 10px !important; }

@media (max-width:479px){
  .header-mainbar{ padding:5px 0 !important; }
  .header-logo #image-sc{ max-height:34px !important; }
  .header-mainbar-user a{ padding:4px 7px !important; font-size:12.5px !important; }
  .header-mainbar-right .button,
  .header-mainbar-right a.button{ height:28px !important; padding:5px 10px 3px 10px !important; font-size:12.5px !important; }
  .site-menu ul li a{ padding:10px 8px !important; }
}

@media print{
  .header-wrapper-background{ position:static !important; box-shadow:none !important; }
  #center{ padding-top:0 !important; }
}

/* === 3) Remove borders / frames / shadows across the page === */
.toolbar-option,
.breadcrumb,
.dl-cms-box,
.panel,
.panel .panel-content,
.breakingnews,
.owl-carousel,
.dl-owl-wrap,
.search-content,
.ads-show,
.note-info,
.note-warm,
.note-success,
.website-status-closed,
.website-status-404,
.article-content,
.store-content,
.file-content{
  box-shadow:none !important;
  border:0 !important;
}
.panel{ background:transparent !important; }

/* Titles: remove side borders so they don't look boxed */
.article-title,
.store-title,
.file-title{
  border:0 !important;
  background:#f6f6f6 !important;
}

/* === 4) Cards / thumbnails: remove frames around thumbnails === */
.article-brief-content,
.file-brief-content,
.store-brief-content,
.article-cat,
.file-cat,
.store-cat{
  box-shadow:none !important;
  border:0 !important;
  border-radius:0px !important;
  overflow:hidden !important;
}
.article-brief-content,
.file-brief-content,
.store-brief-content{
  background:#fff !important;
}

.article-brief-content:hover,
.file-brief-content:hover,
.store-brief-content:hover,
.article-cat:hover,
.file-cat:hover,
.store-cat:hover{
  box-shadow:none !important;
}

.article-brief-content .brief-text,
.file-brief-content .brief-text,
.store-brief-content .brief-text,
.article-cat .brief-text,
.file-cat .brief-text,
.store-cat .brief-text{
  border-top:0 !important;
}

/* === 5) Bigger titles on thumbnail cards (home/category grids) === */
.article-brief-content .title,
.file-brief-content .title,
.store-brief-content .title,
.article-cat .title,
.file-cat .title,
.store-cat .title{
  font-size:20px !important;
  line-height:1.35 !important;
}
.article-brief-content .title h2,
.file-brief-content .title h2,
.store-brief-content .title h2{
  font-size:inherit !important;
}
@media (max-width:1023px){
  .article-brief-content .title,
  .file-brief-content .title,
  .store-brief-content .title,
  .article-cat .title,
  .file-cat .title,
  .store-cat .title{ font-size:18px !important; }
}

/* Section cards titles (مثل: ملفات/الأقسام) */
.dl-md-section-name{ font-size:18px !important; line-height:1.3 !important; }

/* Footer: remove boxed look */
footer{ border-radius:0 !important; }

/* Pager buttons: softer without borders */
.pages ul li a{
  border:0 !important;
  background:#f6f6f6 !important;
  border-radius:12px !important;
}

/* Safety: prevent any future max-width reappearing */
.header-wrapper,
.footer-wrapper,
.toolbar-option-separator{ max-width:none !important; }

/* === 6) Requested colors (green top bar, white main menu) === */
:root{ --dlTopGreen:var(--dl-front-header-strip-bg,#0f5a2e); }

/* Remove the thin top line (border) if any */
.header-wrapper-background{ border-top:0 !important; background:var(--dlTopGreen) !important; }

/* Top row (logo + user + search) background green */
.header-logo,
.header-logo-lc-mc,
.header-logo.sc-120,
.header-mainbar{
  background:var(--dlTopGreen) !important;
}

/* Keep logo area compact and aligned */
.header-logo{ background:var(--dlTopGreen) !important; }

/* Optional: remove any inner separators that look like lines */
.header-mainbar-user a{ border-color:rgba(255,255,255,.35) !important; background:rgba(255,255,255,.12) !important; color:#fff !important; }
.header-mainbar-user a:hover{ opacity:.95 !important; }

/* Search button (if present) blend with green */
.header-mainbar-right .button,
.header-mainbar-right a.button{
  background:rgba(255,255,255,.14) !important;
  border-bottom:0 !important;
  color:#fff !important;
}
.header-mainbar-right .button:hover,
.header-mainbar-right a.button:hover{ background:rgba(255,255,255,.22) !important; }

/* Main menu row: white background + black links (strong overrides) */
nav.site-menu,
.site-menu{
  background:#fff !important;
  background-color:#fff !important;
  box-shadow:none !important;
}
/* Base links */
.site-menu ul li a,
.site-menu ul li a:link,
.site-menu ul li a:visited{
  color:#000 !important;
  border-left:0 !important;
}

/* Ensure UL doesn't inherit dark backgrounds in any theme layer */
.site-menu ul{ background:transparent !important; }
/* Prevent base theme from forcing white on hover */
.site-menu ul li:hover{ opacity:1 !important; }
.site-menu ul li:hover > a,
.site-menu ul li:hover a{
  color:#000 !important;
  box-shadow:none !important;
  background:#f6f6f6 !important;
}

/* Submenus also white */
.site-menu ul ul{ background:#fff !important; box-shadow:none !important; border:1px solid #eee !important; }
.site-menu ul ul li a{ color:#000 !important; }
.site-menu ul ul li a:hover{ background:#f6f6f6 !important; box-shadow:none !important; }

/* Mobile menu list (inside the overlay): make it white + black too */
.site-menu-float ul{ background:#fff !important; }
.site-menu-float ul li a,
.site-menu-float ul li a:link,
.site-menu-float ul li a:visited{
  color:#000 !important;
  border-bottom:1px solid #eee !important;
}
.site-menu-float ul li:hover{ background:#f6f6f6 !important; }
.site-menu-float ul li:hover a{ color:#000 !important; }


/* =========================================================
 * File sub-categories (file.cat) card style
 * - Remove dark/transparent look
 * - Show image + title + short brief (10 words via md.js)
 * ========================================================= */
.file-cat{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.08) !important;
  border-radius:16px !important;
  overflow:hidden !important;
  box-shadow:0 2px 10px rgba(0,0,0,.06) !important;
  height:auto !important;
  line-height:1.55 !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
.file-cat:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.10) !important;
  border-color:rgba(44,62,79,.22) !important;
}

/* =========================================================
   File: sub-categories cards (file.cat) - clean like home
   - No dark overlay
   - Title shown directly
   - Brief text trimmed by md.js (DLCMS_BRIEF_WORDS)
========================================================= */
.file-cat{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.08) !important;
  border-radius:16px !important;
  box-shadow:0 2px 10px rgba(0,0,0,.06) !important;
  overflow:hidden !important;
  height:auto !important;
  line-height:1.55 !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
.file-cat:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.10) !important;
  border-color:rgba(44,62,79,.22) !important;
}

.file-cat .image-wrapper{
  background:#fff !important;
  padding:10px !important;
  overflow:hidden !important;
}
.file-cat .image-wrapper img{
  display:block !important;
  width:100% !important;
  height:150px !important;
  object-fit:contain !important;
  background:#f6f6f6 !important;
  border-radius:12px !important;
  transition:transform .45s ease !important;
}
.file-cat:hover .image-wrapper img{ transform:scale(1.06) !important; }

.file-cat .title{
  margin-top:0 !important;
  background:transparent !important;
  color:#222 !important;
  padding:12px 12px 6px 12px !important;
  text-align:right !important;
  font-size:18px !important;
  font-weight:800 !important;
}
.file-cat .title h2{ margin:0 !important; font-size:inherit !important; line-height:1.35 !important; color:#222 !important; }

.file-cat .brief-text{
  padding:0 12px 12px 12px !important;
  color:#555 !important;
  opacity:1 !important;
  border-top:0 !important;
  text-align:justify !important;
  line-height:1.7 !important;
}
/* keep cards neat if brief becomes longer for any reason */
.file-cat .brief-text{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* =========================================================
 * 2026-02-02: Unify category cards (main + sub) + keep full image bounds
 * - Applies to: /file (dl-md-section-card) and /file.cat.* (file-cat)
 * - Show full image (contain) without cropping
 * - Add subtle hover interaction (lift + gentle zoom)
 * ========================================================= */

/* Main categories cards (/file) */
.dl-md-section-card{
  border-radius:16px !important;
  border:1px solid rgba(0,0,0,.08) !important;
  box-shadow:0 2px 10px rgba(0,0,0,.06) !important;
  overflow:hidden !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
.dl-md-section-card:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.10) !important;
  border-color:rgba(44,62,79,.22) !important;
}

/* Unified image area: main + sub */
.dl-md-section-img,
.file-cat .image-wrapper{
  height:160px !important;
  padding:10px !important;
  background:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}

.dl-md-section-img img,
.file-cat .image-wrapper img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  background:#f6f6f6 !important;
  border-radius:12px !important;
  box-shadow:0 0 0 1px rgba(0,0,0,.06) inset !important;
  transition:transform .45s ease, filter .45s ease !important;
  will-change:transform;
}

/* Subtle interaction */
.dl-md-section-card:hover .dl-md-section-img img,
.file-cat:hover .image-wrapper img{
  transform:scale(1.08) !important;
  filter:saturate(1.05) contrast(1.03);
}

@media (max-width:479px){
  .dl-md-section-img,
  .file-cat .image-wrapper{ height:140px !important; padding:8px !important; }
}

/* =========================================================
 * 2026-02-02: Make category image area PURE WHITE
 * - Category icons are mostly white; any non-white container shows
 *   as gray bars around the image.
 * - Applies to main categories (/file) + sub categories (file.cat)
 * ========================================================= */
.dl-md-section-card .dl-md-section-img,
.file-cat .image-wrapper,
.dl-md-section-card .dl-md-section-img::before,
.dl-md-section-card .dl-md-section-img::after,
.file-cat .image-wrapper::before,
.file-cat .image-wrapper::after{
  background:#fff !important;
  background-color:#fff !important;
}

.dl-md-section-card .dl-md-section-img img,
.file-cat .image-wrapper img{
  background:#fff !important;
  background-color:#fff !important;
}



/* ===== theme/support-widget.css ===== */
/* Floating Support Buttons (WhatsApp / Messenger)
   Controlled from Support settings:
   - WhatsApp: support.wa_enabled / support.wa_phone / support.wa_message / support.wa_off_mode
   - Messenger: support.ms_enabled / support.ms_page / support.ms_ref / support.ms_off_mode
*/

:root{
  --support-fab-size: 56px;
  --support-fab-gap: 18px;
}

.support-fab{
  position: relative;
  width: var(--support-fab-size);
  height: var(--support-fab-size);
  border-radius: 999px;
  border: 0;
  cursor: pointer;
  background: transparent;
  color: #fff;
  box-shadow: 0 10px 25px rgba(0,0,0,.22);
  display: none; /* JS will decide show/hide */
  align-items: center;
  justify-content: center;
  z-index: 1;
  padding: 0;
  overflow: hidden;
}

.support-dock{
  position: fixed;
  /* Keep away from iOS safe-area */
  bottom: calc(var(--support-fab-gap) + env(safe-area-inset-bottom));
  right:  calc(var(--support-fab-gap) + env(safe-area-inset-right));
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
  z-index: 9999;
}

/* Channels */
.support-fab--wa{ background: #25D366; }
.support-fab--ms{ background: #0084ff; }
.support-fab--chat{ background: #2c3e4f; }

.support-fab:hover{opacity:.92;}
.support-fab:active{transform: translateY(1px);}

.support-fab-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  width: 100%;
  height: 100%;
}

.support-fab-img{
  width: 100%;
  height: 100%;
  border-radius: 999px;
  object-fit: cover;
  display: block;
}

/* Internal live chat panel (Messenger-like) */
.support-chatbox{
  position: fixed;
  bottom: calc(var(--support-fab-gap) + 84px + env(safe-area-inset-bottom));
  right:  calc(var(--support-fab-gap) + env(safe-area-inset-right));
  width: 320px;
  max-width: calc(100vw - 24px);
  height: 420px;
  max-height: calc(100vh - 120px);
  background: #fff;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 16px;
  box-shadow: 0 18px 45px rgba(0,0,0,.24);
  display: none;
  flex-direction: column;
  overflow: hidden;
  z-index: 9999;
}
.support-chatbox.is-open{display:flex;}
.support-chatbox-header{
  background: #2c3e4f;
  color: #fff;
  padding: 10px 12px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap:10px;
}
.support-chatbox-title{font-weight:900;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.support-chatbox-close{border:0;background:transparent;color:#fff;cursor:pointer;font-size:20px;line-height:1;padding:4px 8px;}
.support-chatbox-body{flex:1;overflow:auto;padding:10px;background:#f6f7f9;}
.support-chatbox-form{
  display:flex;
  gap:8px;
  padding:10px;
  background:#fff;
  border-top:1px solid rgba(0,0,0,.08);
}
.support-chatbox-form textarea{
  flex:1;
  resize:none;
  min-height:42px;
  max-height:96px;
  padding:10px;
  border:1px solid rgba(0,0,0,.18);
  border-radius: 12px;
  font-weight:700;
}
.support-chatbox-form button{
  border:0;
  background:#2c3e4f;
  color:#fff;
  font-weight:900;
  border-radius: 12px;
  padding: 10px 12px;
  cursor:pointer;
}
.support-chatbox-form button:hover{opacity:.92;}

@media only screen and (max-width: 479px){
  .support-chatbox{
    width: calc(100vw - 20px);
    right: 10px;
    bottom: calc(10px + 62px + env(safe-area-inset-bottom));
    height: 62vh;
  }
}

/* Disabled/off state */
.support-fab.is-off{
  display: flex;
  background: #9aa4ad;
  opacity: .85;
  cursor: default;
}

.support-fab.is-off .support-fab-img{
  filter: grayscale(1) brightness(.92);
  opacity: .95;
}
.support-fab.is-off:hover{opacity:.85;}

.support-fab.is-off::after{
  content: '';
  position: absolute;
  width: 22px;
  height: 2px;
  background: rgba(255,255,255,.95);
  transform: rotate(-40deg);
  border-radius: 2px;
}

/* Mobile */
@media only screen and (max-width: 479px){
  :root{
    --support-fab-gap: 10px;
    --support-fab-size: 46px;
  }

  /* On small screens: make buttons smaller and place them side-by-side.
     Also lift them a bit so they don't sit on top of "back to top" or bottom bars. */
  .support-dock{
    flex-direction: row;
    gap: 8px;
    align-items: center;
    bottom: calc(var(--support-fab-gap) + 56px + env(safe-area-inset-bottom));
  }

  .support-fab.is-off::after{
    width: 18px;
  }
}

@media only screen and (max-width: 360px){
  :root{ --support-fab-size: 42px; }
}



/* ===== Patch 2026-02-26: inherit current UI font into article/page/file body text ===== */
:root{
  --md-ui-font-current: "Tajawal","Cairo","Noto Kufi Arabic","Noto Sans Arabic","Segoe UI","Tahoma","Arial",sans-serif;
}

/* Apply the same active interface font to article/page/file text containers */
.dl-md-post-text,
.dl-safa-post-text,
.article-content,
.page-content,
.file-content{
  font-family: var(--md-ui-font-current) !important;
}

/* Force inheritance on textual descendants only, without altering sizing/layout */
.dl-md-post-text p,
.dl-md-post-text div,
.dl-md-post-text span,
.dl-md-post-text li,
.dl-md-post-text ul,
.dl-md-post-text ol,
.dl-md-post-text blockquote,
.dl-md-post-text a,
.dl-md-post-text strong,
.dl-md-post-text b,
.dl-md-post-text em,
.dl-md-post-text small,
.dl-md-post-text table,
.dl-md-post-text thead,
.dl-md-post-text tbody,
.dl-md-post-text tr,
.dl-md-post-text td,
.dl-md-post-text th,
.dl-md-post-text h1,
.dl-md-post-text h2,
.dl-md-post-text h3,
.dl-md-post-text h4,
.dl-md-post-text h5,
.dl-md-post-text h6,
.dl-safa-post-text p,
.dl-safa-post-text div,
.dl-safa-post-text span,
.dl-safa-post-text li,
.dl-safa-post-text ul,
.dl-safa-post-text ol,
.dl-safa-post-text blockquote,
.dl-safa-post-text a,
.dl-safa-post-text strong,
.dl-safa-post-text b,
.dl-safa-post-text em,
.dl-safa-post-text small,
.dl-safa-post-text table,
.dl-safa-post-text thead,
.dl-safa-post-text tbody,
.dl-safa-post-text tr,
.dl-safa-post-text td,
.dl-safa-post-text th,
.dl-safa-post-text h1,
.dl-safa-post-text h2,
.dl-safa-post-text h3,
.dl-safa-post-text h4,
.dl-safa-post-text h5,
.dl-safa-post-text h6,
.article-content p,
.article-content div,
.article-content span,
.article-content li,
.article-content ul,
.article-content ol,
.article-content blockquote,
.article-content a,
.article-content strong,
.article-content b,
.article-content em,
.article-content small,
.article-content table,
.article-content thead,
.article-content tbody,
.article-content tr,
.article-content td,
.article-content th,
.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6,
.page-content p,
.page-content div,
.page-content span,
.page-content li,
.page-content ul,
.page-content ol,
.page-content blockquote,
.page-content a,
.page-content strong,
.page-content b,
.page-content em,
.page-content small,
.page-content table,
.page-content thead,
.page-content tbody,
.page-content tr,
.page-content td,
.page-content th,
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6,
.file-content p,
.file-content div,
.file-content span,
.file-content li,
.file-content ul,
.file-content ol,
.file-content blockquote,
.file-content a,
.file-content strong,
.file-content b,
.file-content em,
.file-content small,
.file-content table,
.file-content thead,
.file-content tbody,
.file-content tr,
.file-content td,
.file-content th,
.file-content h1,
.file-content h2,
.file-content h3,
.file-content h4,
.file-content h5,
.file-content h6{
  font-family: inherit !important;
}

/* Keep icon fonts and code blocks untouched */
.dl-md-post-text pre,
.dl-md-post-text code,
.dl-safa-post-text pre,
.dl-safa-post-text code,
.article-content pre,
.article-content code,
.page-content pre,
.page-content code,
.file-content pre,
.file-content code{
  font-family: monospace !important;
}


/* === overlay update: fixed two-line amd1 header + centered 59% content === */
@media (min-width:1280px){
  #center > .breadcrumb,
  #center .site-content{
    width:min(59vw, 1380px) !important;
    max-width:min(59vw, 1380px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  #center > .site{
    width:100% !important;
    max-width:100% !important;
  }
}
.header-wrapper-background{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:9999 !important;
}
body #center{
  padding-top:calc(var(--dlHeaderH, 102px) + 12px) !important;
}


/* Header hotfix 2026-03-25: keep full-width green strip while centering only inner content */
.header-wrapper-background{width:100% !important;max-width:none !important;}
.header{width:100% !important;max-width:none !important;}
.header-mainbar,
nav.site-menu > ul{
  width:min(calc(100% - 24px), 1207px) !important;
  max-width:1207px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
nav.site-menu{
  width:100% !important;
  max-width:none !important;
}
@media only screen and (max-width:767px){
  .header-mainbar,
  nav.site-menu > ul{
    width:calc(100% - 16px) !important;
  }
}


/* Header row stacking hotfix 2026-03-25b */
.header.flex-row-reverse{
  display:block !important;
  width:100% !important;
  max-width:none !important;
}
.header > .header-logo,
.header > nav.site-menu,
.header > .site-menu{
  display:block !important;
  float:none !important;
  clear:both !important;
  width:100% !important;
  max-width:none !important;
  flex:0 0 100% !important;
}
.header > nav.site-menu,
.header > .site-menu{
  margin-top:0 !important;
  background:#fff !important;
}
.header > nav.site-menu > ul,
.header > .site-menu > ul{
  width:min(calc(100% - 24px), 1207px) !important;
  max-width:1207px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
@media only screen and (max-width:767px){
  .header > nav.site-menu > ul,
  .header > .site-menu > ul{
    width:calc(100% - 16px) !important;
  }
}

/* Header duplicate-row fix 2026-03-25c
   السبب: hotfix سابق فرض display:block على كل .header-logo داخل .header
   فصار بلوك الجوال وبلوك الديسكتوب يظهران معا.
   هذا الإصلاح يعيد منطق الظهور الصحيح حسب المقاس، مع إبقاء صفين الهيدر الكاملين. */

/* لا تفرض عرض جميع كتل الشعار معا */
.header > .header-logo,
.header > nav.site-menu,
.header > .site-menu{
  float:none !important;
  clear:both !important;
  width:100% !important;
  max-width:none !important;
  flex:0 0 100% !important;
}

/* desktop + tablet: show desktop header row only */
@media only screen and (min-width:480px){
  .header > .header-logo.header-logo-lc-mc.mc-120.lc-120.sc-hide.mc-show.lc-show{
    display:block !important;
  }
  .header > .header-logo.sc-120.sc-show.mc-hide.lc-hide{
    display:none !important;
  }
  .header > nav.site-menu.sc-120.mc-120.lc-120.sc-hide.mc-show.lc-show,
  .header > .site-menu.sc-120.mc-120.lc-120.sc-hide.mc-show.lc-show{
    display:block !important;
  }
}

/* mobile: show mobile header row only and hide desktop white nav row */
@media only screen and (max-width:479px){
  .header > .header-logo.header-logo-lc-mc.mc-120.lc-120.sc-hide.mc-show.lc-show,
  .header > nav.site-menu.sc-120.mc-120.lc-120.sc-hide.mc-show.lc-show,
  .header > .site-menu.sc-120.mc-120.lc-120.sc-hide.mc-show.lc-show{
    display:none !important;
  }
  .header > .header-logo.sc-120.sc-show.mc-hide.lc-hide{
    display:block !important;
  }
}

/* Center width hotfix 2026-03-25d: make middle content span 95% of viewport like amd reference */
:root{
  --dlCenterW:95vw !important;
}
@media only screen and (min-width:1280px){
  #center,
  .toolbar-option-wrapper{
    width:95vw !important;
    max-width:95vw !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  #center > .breadcrumb,
  #center .site-content{
    width:95vw !important;
    max-width:95vw !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  #center > .site{
    width:100% !important;
    max-width:100% !important;
  }
}

/* =========================================================
 * 2026-03-29: Match topic/article side-slider hover to pager hover
 * - Top topic cards: use soft green hover instead of fading into page bg
 * - Side pinned article cards: same hover/active treatment as pager numbers
 * ========================================================= */
.site-content .dl-md-sections-wrap .dl-md-section-card,
#dlPinnedWrap .dl-pinned-item{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease !important;
}

.site-content .dl-md-sections-wrap .dl-md-section-card:hover,
.site-content .dl-md-sections-wrap .dl-md-section-card:focus-visible{
  background:var(--theme-green-soft) !important;
  border-color:rgba(35,158,87,.55) !important;
  box-shadow:0 10px 26px rgba(15,90,46,.10) !important;
}

.site-content .dl-md-sections-wrap .dl-md-section-card:hover .dl-md-section-name,
.site-content .dl-md-sections-wrap .dl-md-section-card:focus-visible .dl-md-section-name,
#dlPinnedWrap .dl-pinned-item:hover .dl-pinned-item-title,
#dlPinnedWrap .dl-pinned-item:focus-visible .dl-pinned-item-title,
#dlPinnedWrap .dl-pinned-item.active .dl-pinned-item-title{
  color:var(--theme-green) !important;
}

#dlPinnedWrap .dl-pinned-item:hover,
#dlPinnedWrap .dl-pinned-item:focus-visible,
#dlPinnedWrap .dl-pinned-item.active,
#center .site-content .dl-pinned-item:hover,
#center .site-content .dl-pinned-item:focus-visible,
#center .site-content .dl-pinned-item.active{
  background:var(--theme-green-soft) !important;
  border-color:rgba(35,158,87,.55) !important;
  box-shadow:0 10px 26px rgba(15,90,46,.10) !important;
}

#dlPinnedWrap .dl-pinned-item.active,
#center .site-content .dl-pinned-item.active{
  outline:2px solid rgba(35,158,87,.32) !important;
  outline-offset:-2px !important;
}


/* =========================================================
 * Article quote block: editor + front display
 * ========================================================= */
.dl-quote-block{
  position:relative;
  margin:24px 0 !important;
  padding:20px 22px 16px !important;
  background:rgba(35,158,87,.06) !important;
  border:1px solid rgba(35,158,87,.20) !important;
  border-right:5px solid var(--theme-green, #239e57) !important;
  border-radius:14px !important;
  color:#203b32 !important;
  box-shadow:0 8px 20px rgba(15,90,46,.06) !important;
}
.dl-quote-block::before{
  content:"“";
  position:absolute;
  top:-2px;
  right:14px;
  font-size:54px;
  line-height:1;
  color:rgba(35,158,87,.22);
  font-family:Georgia, "Times New Roman", serif;
  pointer-events:none;
}
.dl-quote-block .dl-quote-text{
  position:relative;
  z-index:1;
}
.dl-quote-block .dl-quote-text > *:first-child{ margin-top:0 !important; }
.dl-quote-block .dl-quote-text > *:last-child{ margin-bottom:0 !important; }
.dl-quote-block .dl-quote-source{
  margin-top:12px;
  padding-top:10px;
  border-top:1px dashed rgba(35,158,87,.22);
  font-size:14px;
  font-weight:800;
  color:#2c3e4f;
}
.dl-quote-block .dl-quote-source a{
  color:var(--theme-green, #239e57) !important;
  text-decoration:none !important;
}
.dl-quote-block .dl-quote-source a:hover{
  text-decoration:underline !important;
}
.dl-quote-block .dl-quote-source span{
  color:#2c3e4f;
}


/* ===== Micro action icon buttons: compact, elegant tools across POS/LMS/Article ===== */
.md-miniicon-group{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:flex-start !important;
  gap:10px !important;
}
.md-miniicon-group > .md-miniicon-action{
  margin:0 !important;
}
.md-miniicon-action,
.md-miniicon-action.button,
button.md-miniicon-action,
a.md-miniicon-action{
  display:inline-flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  min-width:76px !important;
  min-height:74px !important;
  height:auto !important;
  padding:10px 8px !important;
  margin:2px !important;
  border:1px solid rgba(44,62,79,.12) !important;
  border-bottom:1px solid rgba(44,62,79,.12) !important;
  border-radius:14px !important;
  background:#ffffff !important;
  color:#2c3e4f !important;
  box-shadow:0 8px 20px rgba(44,62,79,.08) !important;
  text-align:center !important;
  text-decoration:none !important;
  line-height:1.2 !important;
  white-space:normal !important;
  vertical-align:top !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease !important;
  cursor:pointer;
}
.md-miniicon-action:hover,
.md-miniicon-action:focus{
  transform:translateY(-2px);
  border-color:rgba(44,62,79,.22) !important;
  box-shadow:0 12px 26px rgba(44,62,79,.14) !important;
  color:#1f2e3b !important;
  outline:none !important;
}
.md-miniicon-action .md-miniicon-glyph{
  width:36px;
  height:36px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#f3f6fb;
  color:#2c3e4f;
  box-shadow:inset 0 0 0 1px rgba(44,62,79,.06);
}
.md-miniicon-action .md-miniicon-glyph .typcn{
  font-size:22px !important;
  line-height:1 !important;
}
.md-miniicon-action .md-miniicon-text{
  display:block;
  width:100%;
  max-width:100%;
  font-size:11.5px;
  font-weight:800;
  line-height:1.25;
  color:inherit;
  white-space:normal;
  overflow:hidden;
  text-overflow:ellipsis;
}
.md-miniicon-action.md-miniicon-size-sm{
  min-width:70px !important;
  min-height:68px !important;
  padding:8px 7px !important;
}
.md-miniicon-action.md-miniicon-size-md{
  min-width:82px !important;
  min-height:78px !important;
}
.md-miniicon-action.md-miniicon-tone-primary .md-miniicon-glyph{
  background:#f2f6fb;
  color:#2c3e4f;
}
.md-miniicon-action.md-miniicon-tone-success .md-miniicon-glyph{
  background:#eefaf3;
  color:#239e57;
}
.md-miniicon-action.md-miniicon-tone-warm .md-miniicon-glyph{
  background:#fff4ee;
  color:#c0392b;
}
.md-miniicon-action.md-miniicon-tone-danger .md-miniicon-glyph{
  background:#fff1f1;
  color:#c0392b;
}
.md-miniicon-action.md-miniicon-tone-muted .md-miniicon-glyph{
  background:#f5f5f7;
  color:#637083;
}
.md-miniicon-action.is-disabled,
.md-miniicon-action:disabled,
.md-miniicon-action[aria-disabled="true"]{
  opacity:.52 !important;
  transform:none !important;
  box-shadow:none !important;
  cursor:not-allowed !important;
}
.table_a td .md-miniicon-action,
.table_a th .md-miniicon-action,
td .md-miniicon-action,
th .md-miniicon-action{
  min-width:66px !important;
  min-height:64px !important;
}
@media (max-width:700px){
  .md-miniicon-group{
    gap:8px !important;
  }
  .md-miniicon-action,
  .md-miniicon-action.button,
  button.md-miniicon-action,
  a.md-miniicon-action{
    min-width:64px !important;
    min-height:62px !important;
    padding:7px 6px !important;
    border-radius:12px !important;
  }
  .md-miniicon-action .md-miniicon-glyph{
    width:32px;
    height:32px;
    border-radius:10px;
  }
  .md-miniicon-action .md-miniicon-glyph .typcn{
    font-size:20px !important;
  }
  .md-miniicon-action .md-miniicon-text{
    font-size:10.75px;
  }
}


/* =========================================================
   Frontend color style authority bridge for md.css
   This section intentionally stays inside md.css because many
   legacy frontend rules are still defined here. All visible color
   decisions below resolve from ui.frontend.color.active.css.php.
   ========================================================= */
:root{
  --md-red:var(--dl-front-accent,#20966b);
  --md-red-hover:var(--dl-front-accent-hover,#176744);
  --md-text:var(--dl-front-content-text,#243040);
  --md-muted:var(--dl-front-content-brief,#566474);
  --theme-green:var(--dl-front-accent,#20966b);
  --theme-green-hover:var(--dl-front-accent-hover,#176744);
  --theme-green-soft:var(--dl-front-accent-soft,rgba(32,150,107,.12));
  --topnav-bg:var(--dl-front-menu-bg,#ffffff);
  --topnav-bg2:var(--dl-front-menu-bg2,#ffffff);
  --topnav-link:var(--dl-front-menu-link,#145c34);
  --topnav-hover:var(--dl-front-menu-hover-bg,rgba(32,150,107,.08));
  --topnav-active:var(--dl-front-menu-active-bg,rgba(32,150,107,.12));
  --topnav-border:var(--dl-front-menu-border,rgba(32,150,107,.18));
  --thumb-green:var(--dl-front-thumb-accent,var(--dl-front-accent,#20966b));
  --thumb-border:var(--dl-front-thumb-border,rgba(32,150,107,.22));
  --thumb-border-hover:var(--dl-front-thumb-border-hover,rgba(32,150,107,.48));
  --thumb-shadow:var(--dl-front-thumb-shadow,0 6px 18px rgba(0,0,0,.04));
  --thumb-shadow-hover:var(--dl-front-thumb-shadow-hover,0 10px 26px rgba(32,150,107,.10));
  --dlAccent:var(--dl-front-accent,#20966b);
  --dlTopGreen:var(--dl-front-header-strip-bg,#0f5a2e);
  --dlHeaderTopStripBase:var(--dl-front-header-strip-bg,#0f5a2e);
}
html body .header-wrapper-background,
html body .header-logo,
html body .header-logo-lc-mc,
html body .header-logo.sc-120,
html body .header-mainbar{
  background:var(--dl-front-header-strip-bg,#0f5a2e) !important;
  background-color:var(--dl-front-header-strip-bg,#0f5a2e) !important;
  border-top:0 !important;
}
html body .header-mainbar-user a,
html body .header-mainbar-user a:link,
html body .header-mainbar-user a:visited,
html body .header-mainbar-user .nav-user-notify,
html body .header-mainbar-right .button,
html body .header-mainbar-right a.button{
  background:var(--dl-front-header-control-bg,rgba(255,255,255,.12)) !important;
  border-color:var(--dl-front-header-control-border,rgba(255,255,255,.28)) !important;
  color:var(--dl-front-header-control-text,#fff) !important;
  border-bottom:0 !important;
}
html body .header-mainbar-user a:hover,
html body .header-mainbar-user a:focus,
html body .header-mainbar-user .nav-user-notify:hover,
html body .header-mainbar-right .button:hover,
html body .header-mainbar-right a.button:hover{
  background:var(--dl-front-header-control-bg-hover,rgba(255,255,255,.22)) !important;
  border-color:var(--dl-front-header-control-border-hover,var(--dl-front-header-control-border,rgba(255,255,255,.32))) !important;
  color:var(--dl-front-header-control-text,#fff) !important;
  opacity:1 !important;
}
html body .header-mainbar-user a *,
html body .header-mainbar-user .typcn,
html body .header-mainbar-user .menu-link-label,
html body .header-mainbar-user .menu-link-icon{color:var(--dl-front-header-control-text,#fff) !important;}
html body .header-mainbar-user .pos-quick-toggle,
html body .header-mainbar-user .pos-quick-toggle:link,
html body .header-mainbar-user .pos-quick-toggle:visited{
  background:var(--dl-front-header-quick-bg,#fff) !important;
  color:var(--dl-front-header-quick-text,#111827) !important;
  border-color:var(--dl-front-header-quick-border,rgba(0,0,0,.18)) !important;
}
html body .header-mainbar-user .pos-quick-toggle:hover,
html body .header-mainbar-user .pos-quick-toggle:focus,
html body .header-mainbar-user .pos-quick-toggle[aria-expanded='true']{
  background:var(--dl-front-header-quick-bg-hover,var(--dl-front-header-quick-bg,#fff)) !important;
  color:var(--dl-front-header-quick-text-hover,var(--dl-front-header-quick-text,#111827)) !important;
  border-color:var(--dl-front-header-quick-border-hover,var(--dl-front-header-quick-border,rgba(0,0,0,.18))) !important;
}
html body .header-mainbar-user .pos-quick-toggle *,
html body .header-mainbar-user .pos-quick-toggle .menu-link-label,
html body .header-mainbar-user .pos-quick-toggle .menu-link-icon{color:var(--dl-front-header-quick-text,#111827) !important;}
html body .pos-quick-dropdown{background:var(--dl-front-dropdown-bg,#fff) !important;border-color:var(--dl-front-dropdown-border,rgba(15,23,42,.12)) !important;box-shadow:var(--dl-front-dropdown-shadow,0 18px 44px rgba(15,23,42,.18)) !important;}
html body .pos-quick-menu-link{color:var(--dl-front-dropdown-link,#172033) !important;background:transparent !important;}
html body .pos-quick-menu-link:hover,
html body .pos-quick-menu-link:focus{background:var(--dl-front-dropdown-hover-bg,var(--dl-front-menu-hover-bg,rgba(32,150,107,.08))) !important;color:var(--dl-front-dropdown-link-hover,var(--dl-front-menu-link-hover,#176744)) !important;}
html body nav.site-menu,
html body .site-menu,
html body .header-wrapper-background nav.site-menu,
html body body nav.site-menu{background:var(--dl-front-menu-bg,#fff) !important;background-color:var(--dl-front-menu-bg,#fff) !important;border-bottom:1px solid var(--dl-front-menu-border,rgba(32,150,107,.18)) !important;}
html body nav.site-menu > ul,
html body .site-menu > ul,
html body #site-menu-area{background:var(--dl-front-menu-bg,#fff) !important;}
html body nav.site-menu a,
html body nav.site-menu a:link,
html body nav.site-menu a:visited,
html body .site-menu a,
html body .site-menu a:link,
html body .site-menu a:visited,
html body #site-menu-area li a{color:var(--dl-front-menu-link,#172033) !important;background:transparent !important;box-shadow:none !important;}
html body nav.site-menu li:hover > a,
html body nav.site-menu a:hover,
html body nav.site-menu a:focus,
html body .site-menu li:hover > a,
html body .site-menu a:hover,
html body .site-menu a:focus,
html body #site-menu-area li:hover > a,
html body #site-menu-area li a:hover{background:var(--dl-front-menu-hover-bg,rgba(32,150,107,.08)) !important;color:var(--dl-front-menu-link-hover,#176744) !important;opacity:1 !important;}
html body #site-menu-area a.active,
html body #site-menu-area .active-page,
html body #site-menu-area li.active > a{background:var(--dl-front-menu-active-bg,rgba(32,150,107,.12)) !important;color:var(--dl-front-menu-link-hover,#176744) !important;}
html body .article-brief-content,
html body .file-brief-content,
html body .shop-brief-content,
html body .store-brief-content,
html body .dl-pinned-item,
html body .dl-pinned-big,
html body .dl-md-section-card,
html body .lms-front-card,
html body .lms-front-row,
html body .lms-front-subject-icon,
html body .lms-front-level-card{border-color:var(--dl-front-card-border,rgba(32,150,107,.22)) !important;box-shadow:var(--dl-front-card-shadow,0 2px 10px rgba(0,0,0,.06)) !important;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease,color .16s ease !important;}
html body .article-brief-content:hover,
html body .file-brief-content:hover,
html body .shop-brief-content:hover,
html body .store-brief-content:hover,
html body .dl-pinned-item:hover,
html body .dl-md-section-card:hover,
html body .lms-front-card:hover,
html body .lms-front-row:hover,
html body .lms-front-subject-icon:hover,
html body .lms-front-level-card:hover{background:var(--dl-front-card-hover-bg,var(--dl-front-accent-soft,rgba(32,150,107,.12))) !important;border-color:var(--dl-front-card-border-hover,rgba(32,150,107,.48)) !important;box-shadow:var(--dl-front-card-shadow-hover,0 10px 24px rgba(32,150,107,.12)) !important;}
html body .article-brief-content:hover .title,
html body .article-brief-content:hover .title a,
html body .article-brief-content:hover h2,
html body .article-brief-content:hover h2 a,
html body .file-brief-content:hover .title,
html body .file-brief-content:hover .title a,
html body .file-brief-content:hover h2,
html body .file-brief-content:hover h2 a,
html body .dl-md-section-card:hover .dl-md-section-name,
html body .dl-pinned-item:hover .dl-pinned-item-title,
html body .dl-pinned-item:hover .dl-pinned-item-title a{color:var(--dl-front-content-title-hover,var(--dl-front-accent-hover,#176744)) !important;}
html body .pages ul li a,
html body .md-pager .md-page,
html body .md-pager a.md-page,
html body .pagination a,
html body .pagination span,
html body .pager a,
html body .pager span{background:var(--dl-front-pager-bg,#fff) !important;color:var(--dl-front-pager-text,var(--dl-front-accent-deep,#0f5a2e)) !important;border:1px solid var(--dl-front-pager-border,var(--dl-front-accent-border,rgba(32,150,107,.25))) !important;border-radius:10px !important;opacity:1 !important;}
html body .pages ul li a:hover,
html body .md-pager .md-page:hover,
html body .pagination a:hover,
html body .pager a:hover{background:var(--dl-front-pager-hover-bg,var(--dl-front-accent-soft,rgba(32,150,107,.12))) !important;color:var(--dl-front-pager-hover-text,var(--dl-front-accent-hover,#176744)) !important;border-color:var(--dl-front-pager-hover-border,var(--dl-front-accent-border-hover,rgba(32,150,107,.55))) !important;}
html body .pages ul li .active-page,
html body .md-pager .md-page-active,
html body .pagination .active,
html body .pager .active{background:var(--dl-front-pager-active-bg,var(--dl-front-accent-deep,#0f5a2e)) !important;color:var(--dl-front-pager-active-text,#fff) !important;border-color:var(--dl-front-pager-active-bg,var(--dl-front-accent-deep,#0f5a2e)) !important;}
html body .footer-wrapper,
html body footer,
html body .site-footer-nav,
html body .footer-meta{background:var(--dl-front-footer-bg,#f8fbff) !important;color:var(--dl-front-footer-text,#3f4b57) !important;text-align:var(--dl-front-footer-align,center) !important;}
html body .footer-copy,
html body .footer-license,
html body .licensed-footer,
html body .licensed-branding{display:block !important;width:100% !important;margin-left:auto !important;margin-right:auto !important;text-align:var(--dl-front-footer-align,center) !important;color:var(--dl-front-footer-text,#3f4b57) !important;}
html body footer a,
html body footer a:link,
html body footer a:visited,
html body .footer-wrapper a,
html body .footer-wrapper a:link,
html body .footer-wrapper a:visited{color:var(--dl-front-footer-link,var(--dl-front-accent,#20966b)) !important;}
html body footer a:hover,
html body .footer-wrapper a:hover{color:var(--dl-front-footer-link-hover,var(--dl-front-accent-hover,#176744)) !important;}