*{
 box-sizing:border-box;
 margin:0;
 padding:0;
 outline:none;
 -webkit-tap-highlight-color:transparent;
 position:relative;
 font-size:14px;
 font-family:'Amiri', serif;
 font-family:'Harmattan', sans-serif;
 font-family:'Quicksand', sans-serif;
 font-family:'Arial', Helvetica, sans-serif; 
 font-family:'Almarai', sans-serif;
 font-family:'Noto Kufi Arabic', sans-serif;
 font-family:'Noto Sans Arabic', sans-serif;
 font-family:'Cairo', sans-serif;
 font-family:'Tajawal', sans-serif;
 font-family:'Segoe UI', sans-serif;
 font-family:'IBM Plex Sans Arabic', sans-serif;
 }
body{
 position:relative;
 color:#000;
 background:#eee;
 padding:0;
 margin:0;
 }
/****************************/
[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}

button, a, i, span{
 border:0;
 background:inherit;
 color:inherit;
 font-size:inherit; 
 font-weight:inherit; 
 font-family:inherit;
 }
.linear_effect, button:active, i:active{
 opacity:0.4; 
 }
button:active{
 outline:2px solid #999;
 }
.linear_effect{
 animation-duration:2s;
 animation-fill-mode:forwards;
 animation-iteration-count:infinite;
 animation-name:linear_effect;
 animation-timing-function:linear;
 background:linear-gradient(to right, #aaa 25%, #eee 50%, #aaa 75%, #aaa 60%);
 background-size:1000px 104px;
 overflow:hidden;
 }
 @keyframes linear_effect{
 0%{background-position:468px 0}
 100%{background-position:-468px 0}
 }
a.t-white:hover{color:#fff; } 
a:hover{ color:inherit; cursor:pointer;}
.bg-hover:hover, .wrap-quv:hover{ background:#ddd; }
.btn_active{background:dodgerblue; color:white; }
.tab_active{background:dodgerblue; color:white; }

 input, textarea{ background:#fff; border:1px; }
::placeholder{ color:#555; opacity:1; }
::-ms-input-placeholder{ color:#555; }

.cursor-grab *{
 cursor:grab; 
 -webkit-touch-callout:none; /* iOS Safari */
 -webkit-user-select:none; /* Safari */
 -khtml-user-select:none; /* Konqueror HTML */
 -moz-user-select:none; /* Old versions of Firefox */
 -ms-user-select:none; /* Internet Explorer/Edge */
 user-select:none; /* Non-prefixed version, currently
}
.no_select{
 -webkit-touch-callout:none; /* iOS Safari */
 -webkit-user-select:none; /* Safari */
 -khtml-user-select:none; /* Konqueror HTML */
 -moz-user-select:none; /* Old versions of Firefox */
 -ms-user-select:none; /* Internet Explorer/Edge */
 user-select:none; /* Non-prefixed version, currently
 supported by Chrome, Edge, Opera and Firefox */
} 


[pkx]:hoqqqver{
 background:linear-gradient(265.27deg, 
 #0000 20.55%, #ddd 66%)!important;
}
[onclick]{cursor:pointer;}
[href]{cursor:pointer;}
[href] *{pointer-events:none;}
[pkx]{cursor:pointer;}
[pkx] *{pointer-events:none;}
[pkx] .pe-auto, .all-pe-auto,
.pe-clk{cursor:pointer;}
.pe-clk *{pointer-events:none;}
.all-pe-auto *{pointer-events:auto!important;}
.titledz{cursor:arrow;}

.db-block{display:block!important; }
.db-flex{display:flex!important; }
.db_none_1 .nav_wrap{display:block!important; }
.db_none_2 .nav_wrap2{display:block!important; }
.db_none_1 > .Fctrl{background:#dce4e8; } 
.db_none_1 .bi-chevron-right{display:none!important; } 
.db_none_1 .bi-chevron-left{display:none!important; } 
.db_none_1 .bi-chevron-down{display:block!important; } 
.hov_up:hover{transform:translateY(-4px); }
.hidden-desktop{display:none } 
.hidden-all{display:none } 
.d-d-none{display:none; }
option{ direction:rtl; } 
input:focus{ outline:none; } 
ul, li, i{ list-style-type:none; } 
img, i{ cursor:pointer; } 
.t-justify{ text-align:justify; } 

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
 -webkit-appearance:none;
 margin:0;
}
input[type=number]{/* Firefox */ 
 -moz-appearance:textfield;
}

input.input-noarrow::-webkit-outer-spin-button,
input.input-noarrow::-webkit-inner-spin-button{
 -webkit-appearance:none;
 margin:0;
}
.input-noarrow{
 height:30px;
}
/* Firefox */
input.input-noarrow[type=number]{
 -moz-appearance:textfield;
}
.bi{ margin:0; font-size:inherit; }

.centering{
 text-align:center;
 align-items:center;
 justify-content:center;
 }
.p-center{
 top:45%;
 left:50%;
 transform:translate(-50%, -50%);
}
.px-center{
 left:50%;
 transform:translateX(-50%);
}
.py-center{
 top:50%;
 transform:translateY(-50%);
}
.vertical_middle{
 top:50%;
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
}

.transformx_x{ transform:translate(-50%, 0);}
.transformx_y{ transform:translate(0, -50%);}
 
 .vertical{
 padding:9px 3px!important;
 margin:2px!important;
 writing-mode:vertical-rl;
 transform:rotate(180deg);
 white-space:nowrap;
 position:relative;
 overflow:visible;
 }
.pk_btn{
 padding:3px 9px;
 margin:auto 2px;
 white-space:nowrap;
 background:#0d6efd;
 color:#fff;
 font-weight:500;
 border-radius:3px;
}
.child_hide{ display:none; }
.child_hide:hover{ display:block; }
.child_hide:active{ display:block; }
.next_hover:hover + .child_hide{ display:block; }
.next_active:active + .child_hide{ display:block; }
.sbiling_hover:hover ~ .child_hide{ display:block; }
.sbiling_active:active ~ .child_hide{ display:block; }
.parent_hover:hover > .child_hide{ display:block; }
.parent_active:active > .child_hide{ display:block; }



.triangle-left,
.triangle-right,
.triangle-top,
.triangle-bottom{
 width:0;
 height:0;
 margin:30px auto;
}
.triangle-left,
.triangle-right{
 border-top:18px solid transparent;
 border-bottom:18px solid transparent;
 }
.triangle-top,
.triangle-bottom{
 border-left:18px solid transparent;
 border-right:18px solid transparent;
 }

.triangle-right{
 border-left:30px solid black;
 }
.triangle-left{
 border-right:30px solid black;
 }
.triangle-top{
 border-bottom:30px solid black;
}
.triangle-bottom{
 border-top:30px solid black;
}
.precent:after{ 
 content:"%";
 }



/**************** Pre Load ****************/
.pre_load{
 opacity:1;
 position:fixed;
 width:100vw;
 height:100vh;
 margin:0;
 left:0;
 top:0;
 padding:0;
 z-index:9;
 align-items:center;
 text-align:center;
 background:linear-gradient(to top, #eee, #555868);
 color:rgb(255 255 255);
 }
.initial_div{
 margin:auto;
 padding:5px;
 position:absolute;
 width:100vw;
 top:35%;
 left:50%;
 -ms-transform:translate(-50%, -50%);
 transform:translate(-50%, -50%);
 }
.initial_div img{
 width:85px;
 height:70px;
 margin:auto auto auto -30px;
 text-align:center;
 } 
.initial_slow_div{
 font-size:32px;
 opacity:0;
 }
.pre_load_logo{
 font-size:22px;
 margin-top:-5px;
 font-weight:600;
 opacity:0;
 animation:fadeIn 1000ms ease 500ms 1;
 animation-fill-mode:forwards;
 }
 .pre_load_slogan_ar{
 font-size:18px;
 margin-top:0;
 opacity:0;
 animation:fadeIn 1000ms ease 700ms 1;
 animation-fill-mode:forwards;
 }
 .pre_load_slogan_ar{
 font-size:16px;
 margin-top:0;
 opacity:0;
 animation:fadeIn 1500ms ease 1000ms 1;
 animation-fill-mode:forwards;
 }
.pre_load_fadeout{
 /* scale will start after 1s and opacity after 2s (1s after the scale)*/
 animation:fadeOut 750ms ease 1000ms 1, HeightZero 0ms ease 2500ms 1;
 animation-fill-mode:forwards;
 }
 @keyframes fadeIn{
 0%{ opacity:0; } 100%{ opacity:1; }
 }
 @keyframes fadeOut{
 0%{ opacity:1; } 100%{ opacity:0; }
 }
 @keyframes HeightZero{
 0%{ width:100vh; } 100%{ width:0; }
 0%{ height:100vh; } 100%{ height:0; }
 0%{ top:0; } 100%{ top:-50%; }
 }
 
/************* Header & Footer ***********/ 
.cat_container{ 
 position:relative;
 white-space:nowrap;
 font-size:12px;
}
.cat_container .sub_container{ 
 position:absolute;
 padding:25px 9px 29px 9px;
 right:0;
 width:100%;
 margin-top:0px;
 z-index:7;
 background:#ffffff;
 border-bottom:1px solid #eee;
 }
 
.sub_container,
.pk_sidenav .product_wrap,
.row_inner .product_wrap{ display:none}
.sub_wrap button{ display:inline-block;}
.product_wrap a{ display:flex;}

 
/* ~ All Siblings */
.sub_container:active ,
.sub_container:focus ,
.sub_container:focus-within,
.cat_title:active ~ .sub_container,
.cat_title:focus ~ .sub_container{
 display:block;
 }
.cat_container .sub_container:hover ,
.cat_container .sub_container:focus ,
.cat_container .sub_container:focus-within,
.cat_container .cat_title:hover ~ .sub_container,
.cat_container .cat_title:focus ~ .sub_container{
 display:inline-flex;
 }

/* + First Sibling */
.product_wrap:active ,
.product_wrap:focus ,
.product_wrap:focus-within,
.sub_cat_title:active + .product_wrap,
.sub_cat_title:focus + .product_wrap{
 display:block;
 }
.cat_title, .sub_cat_title{ 
 position:relative;
 font-size:14px;
 padding:0 5px;
 margin:auto;
 white-space:nowrap;
}
.sub_cat_title{ 
 border-bottom:1px solid #aaa;
}
.product_wrap .sub_cat_title{ 
 margin:auto 1px; 
 border-bottom:0 solid #aaa;
}
.cat_container button,.cat_container a{ 
 margin:auto 5px;
 }
.cat_container .bi-caret-down-fill{ 
 position:absolute;
 left:0px;
 margin:1px auto auto -9px;
}
.pk_left_sidenav .cat_title,
.pk_sidenav .cat_title{
 display:flex;
 margin:5px 0;
 padding:9px 8px;
 border:1px solid #ddd;
 border-radius:5px;
 width:100%;
 white-space:nowrap;
}
.pk_sidenav .sub_cat_title{
 margin:5px;
 padding:5px 5px;
 }
.pk_left_sidenav .bi-caret-down-fill, 
.pk_sidenav .bi-caret-down-fill{ margin:1px auto auto 0; }
.pk_left_sidenav .bi-caret-down-fill{ margin:1px 0 auto auto; }
/************* POPUPS ***********/ 
.popupx{
 z-index:8;
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 margin:auto;
 padding:5px;
 overflow:hidden;
 transition:all 100ms 0s ease;
 background:#fff;
}
@media only screen and (min-width:950px){
.popup_btn:before{
 content:'X';
 position:absolute!important;
 top:9px;
 left:5px;
 color:#777;
 font-family:Arial, Helvetica!important;
}
}
.popupx .popup_block{
 display:block!important;
}
.popupx .popup_flex{
 display:flex!important;
}
.popupx .popup_none{
 display:none!important;
}
.popup_body{
 width:100%;
 height:100%;
 padding:0;
 overflow:hidden;
 }

.popup_middle .popup_body{
 height:calc(100% - 40px);
 border:1px solid #bbb; 
 border-radius:5px; 
 padding:5px;
}
.popup_middle{
 display:none;
 top:50%;
 left:50%;
 width:500px; 
 height:60%;
 transition:top 500ms ease-in-out;
 -webkit-transition:top 500ms ease-in-out;
 transform:translate(-50%, -50%);
 border-radius:5px;
}
.popup_top{
 top:-222px;
 height:90px;
 transition:top 500ms ease-in-out;
 -webkit-transition:top 500ms ease-in-out;
}
.popup_bottom{
 top:auto;
 bottom:-222px;
 height:90px;
 transition:top 500ms ease-in-out;
 -webkit-transition:top 500ms ease-in-out;
}
.popup_right{
 left:auto;
 right:-444px;
 width:300px;
 max-width:60vw;
 transition:right 500ms ease-in-out;
 -webkit-transition:right 500ms ease-in-out;
}
.popup_left{
 left:-444px;
 width:300px;
 transition:right 500ms ease-in-out;
 -webkit-transition:right 500ms ease-in-out;
 }

.pk_mainnav_40{ width:40%; height:60%; }
.pk_mainnav_50{ width:50%; height:70%; }
.pk_mainnav_60{ width:60%; height:80%; }


/*************** Fonts *************/ 
.fs-x8{ font-size:8px!important; }
.fs-x9{ font-size:9px!important; }
.fs-x10{ font-size:10px!important; }
.fs-x11{ font-size:11px!important; }
.fs-x12{ font-size:12px!important; }
.fs-x13{ font-size:13px!important; }
.fs-x14{ font-size:14px!important; }
.fs-x16{ font-size:16px!important; }
.fs-x18{ font-size:18px!important; }
.fs-x20{ font-size:20px!important; }
.fs-x22{ font-size:22px!important; }
.fs-x24{ font-size:24px!important; }
.fs-x26{ font-size:26px!important; }
.fs-x28{ font-size:28px!important; }
.fs-x30{ font-size:30px!important; }
.fs-x32{ font-size:32px!important; }
.fs-x34{ font-size:34px!important; }
.fs-x36{ font-size:36px!important; }
.fs-x38{ font-size:38px!important; }
.fs-x40{ font-size:40px!important; }
.fs-x50{ font-size:50px!important; }
.fs-x90{ font-size:90px!important; }
/**************** Z-Index ****************/ 
.zindex-1{
 z-index:-1!important; 
 } 
.zindex0{
 z-index:0!important; 
 } 
.zindex1{
 z-index:1!important; 
 } 
.zindex2
.pk_dropdown, .pk_dropdown_btn{
 z-index:2!important; 
 } 
.zindex3,
.titltips, .valitips,
.validatory{
 z-index:3!important; 
 }
.zindex4,
.search_result,
.donepr, .lds_relods,.loadwy,
.dspnn .ring, .lds_loading, .lds_div{
 z-index:4!important; 
 } 
.zindex5,
.pk_dropdown_wrap{
 z-index:5!important; 
}
.zindex6,
.pk_share_nav,.pk_dashboard_nav,
.bottom_ticker{
 z-index:6!important; 
 } 
.zindex7,.lds_ovrly{
 z-index:7!important; 
}
.zindex8,
.lds_wrap,.pk_mainnav,
.pk_bottomnav,.pk_topnav,.pk_sidenav{
 z-index:8!important; 
 } 
.zindex9{
 z-index:9!important; 
 } 
/************* Scrollbar *************/
*::-webkit-scrollbar,
.fixed_table::-webkit-scrollbar,
.fitting-wrap::-webkit-scrollbar,
.pk_dropdown_wrap::-webkit-scrollbar,
.scrollbartags::-webkit-scrollbar{
 width:3px;
 height:3px;
} 
.pk_dropdown_wrap::-webkit-scrollbar-thumb,
.fixed_table::-webkit-scrollbar-thumb,
.scrollbartags::-webkit-scrollbar-thumb{
 border-radius:1px;
 background:#aaa;
 } 
.hc-stools-toolbar::-webkit-scrollbar,
.scrollbar0::-webkit-scrollbar,
.scrollbar_0::-webkit-scrollbar,
.scroll-0::-webkit-scrollbar{
 width:0; height:0;
 } 
.scroll-0,.scroll_0,.scrollbar_0{
 scrollbar-width:none !important;
 } 
.scroll-h-0::-webkit-scrollbar:horizontal,
.scroll-h-0::-webkit-scrollbar-thumb:horizontal{
 height:0; 
 }

/************* PK-Tooltip ***********/ 
.titltips, .valitips{
 transition:visibility 1000ms, opacity 1000ms, 
 height 1000ms, width 1000ms, background 1000ms;
 } 

.tipinput:invalid ~ .valitips,
.tipinput:not(:placeholder-shown) ~ .titltips{
 opacity:1; } 
.tipinput:placeholder-shown ~ .valitips,
.tipinput:placeholder-shown ~ .titltips,
.tipinput:valid ~ .valitips{
 opacity:0; } 
.tip_con{
 position:relative; 
 margin:0 auto;
 padding:2px;
 width:120px; 
 } 
 
.tip_con.w-25 .tipinput,
.tip_con.w-50 .tipinput,
.tip_con.w-75 .tipinput,
.tip_con.w-100 .tipinput{
 width:100%; 
 display:flex;
 } 
.tip_con.required:after{
 content:'*';
 position:absolute;
 font-size:22px;
 color:red;
 top:0px;
 right:5px;
 z-index:3;
} 
.tipinput{ 
 width:90px; 
 text-align:left; 
 padding:5px 9px;
 margin:1px auto;
 border-radius:3px;
 border:1px solid #aaa;
 background:inherit
 } 
 .tipinput:focus{
 box-shadow:
 0 0 3px #1266f1, 0 0 2px #1266f1;
 border:1px solid #172f54;
 outline:none;
 } 
.titltips{
 position:absolute;
 border-radius:2px;
 text-align:left;
 white-space:nowrap;
 bottom:100%; 
 left:9px; 
 padding:1px 5px;
 margin-bottom:-5px;
 max-width:85%; 
 font-size:11px;
 } 

.valitips{ 
 position:absolute;
 border-radius:3px;
 text-align:left;
 white-space:nowrap;
 height:20px;
 right:9px; 
 padding:0 5px;
 margin-top:-12px;
 max-width:85%; 
 font-size:10px; 
 } 
.validatory{
 font-size:12px;
 border-radius:3px;
 white-space:nowrap;
 margin:8px auto 15px auto ;
 text-align:center;
 align-items:center;
 justify-content:center;
 } 
 
/********* PK-Drop-Down *********/
.pk_dropdown{
 position:relative;
 width:fit-content;
 }
.pk_dropdown_btn{
 position:relative;
 display:flex;
 width:100%;
 margin:auto;
 cursor:pointer;
 white-space:nowrap;
 overflow:hidden;
}
.pk_dropdown_btn *{pointer-events:none;}
.pk_dropdown_btn:after{
 position:absolute;
 right:0;
 content:'\F229';
 font-family:"bootstrap-icons";
 padding:0 9px 0 0;
 margin:3px auto auto 5px;
 color:#888;
 }
.search_icon:after{
 content:'\F52A';
 font-family:"bootstrap-icons";
 position:absolute;
 font-size:22px;
 right:6px;
 top:5px;
 z-index:4;
} 
.search_icon.full_icon:after{
 right:15px;
 top:12px;
} 
.pk_dropdown_wrap{
 background:#fff;
 position:absolute;
 display:none;
 top:35px;
 width:120px;
 min-height:75px;
 overflow-x:hidden;
 padding:5px 5px 5px 5px;
 margin:auto auto auto auto;
 border:1px solid #ccc;
 border-radius:4px;
 } 
.pk_dropdown_right *{ margin:auto 0 auto auto; }
.pk_dropdown_right .pk_dropdown_wrap{ right:0!important; }
.pk_dropdown-block{display:block; }
.pk_dropdown_item{
 margin:auto auto;
 padding:5px 5px 8px 5px;
 text-align:left;
 justify-content:left;
 white-space:nowrap;
 cursor:pointer; 
 display:flex;
 border:0;
 border-bottom:0.1px solid #bbb;
 width:100%;
 background:none;
 } 
 .pk_dropdown_item:last-child{
 border:0;
 }
/**************** Switch Btn ****************/
.switch{
 position:relative;
 display:inline-block;
 width:32px;
 height:17px;
}
.switch input{ 
 opacity:0;
 width:0;
 height:0;
}
.switcher{
 position:absolute;
 cursor:pointer;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background:#ccc;
 -webkit-transition:400ms;
 transition:400ms;
}
.switcher:before{
 position:absolute;
 content:"";
 height:13px;
 width:13px;
 left:4px;
 bottom:2px;
 background:white;
 -webkit-transition:400ms;
 transition:400ms;
}
.checked .switcher{
 background:#2196F3;
}
.checked .switcher:before{
 -webkit-transform:translateX(15px);
 -ms-transform:translateX(15px);
 transform:translateX(15px);
 left:1px;
}

.bigx1.switcher:before{height:15px; width:15px;}
.bigx1.switch{width:40px; height:20px; }
.bigx1.checked .switcher:before{
 -webkit-transform:translateX(20px);
 -ms-transform:translateX(20px);
 transform:translateX(20px);
}
/* Rounded switchers */
.switcher.round{border-radius:25px; }
.switcher.round:before{border-radius:50%; }

.switch_follow .switcher:before{
 width:25px;
 height:25px;
}
.switch_follow.checked .switcher:before{
 -webkit-transform:translateX(30px);
 -ms-transform:translateX(30px);
 transform:translateX(30px);
}
.switch_follow.switch{
 width:60px;
 height:30px;
}

.switch_follow.checked .switcher{
 background:#3b8d09;
}
.switch_follow .switcher{
 background:#ec3232;
}
.switch_follow .longx{
 color:#fff;
 font-size:10px;
 font-weight:700;
 top:2px;
 margin:3px 32px auto auto ;
}
.switch_follow .shortx{
 color:#fff;
 font-size:10px;
 font-weight:700;
 top:2px;
 margin:3px 3px auto auto;
}
.long_tr .bi-circle-fill{
 color:#3b8d09;
}
.short_tr .bi-circle-fill{
 color:#ec3232;
}
.longjk  .short_tr,
.shortjk .long_tr,
.longjk  .shortx,
.shortjk .longx{
 display:none!important;
}

 /************** Sliders & Tabs **************/
.slide_arrows{
 position:absolute;
 top:40%;
 width:100%;
 z-index:2;
 }
.slide_arrows > *{
 position:absolute;
 font-size:28px;
 line-height:0;
 padding:15px 5px;
 border-radius:5px;
 color:#fff;
 background:#90adbf57;
 }
.slide_arrows > *:hover{
 background:#8e8e8e;
 }

.slide_arrows:nth-child(1){ right:5px; }
.slide_arrows:nth-child(2){ left:20px; }


.swpwrp::-webkit-scrollbar{width:0; height:0;} 

.swpwrp{
 position:relative;
 overflow:hidden;
 display:flex;
 width:100%;
 height:100%;
 padding:0;
 }
.d-rtl{direction:rtl!important;}
.d-ltr{direction:ltr!important;}
.swpwrp_rtl{direction:rtl!important;}
.swpwrp_rtl .slider_div{direction:ltr!important;}
.dir-rtl .swpwrp_rtl .slider_div{direction:rtl!important;}

.tabswp .swpwrp{cursor:grab;}
.slider_div{
 flex-shrink:0;
 width:100%;
 height:100%;
 }
.slide_img{
 position:relative;
 width:100%;
 height:100%;
 } 
.slide_img img{
 width:100%;
 height:100%;
 } 
.slide_content{
 position:absolute;
 padding:5px 9px;
 border-radius:3px;
 width:70%;
 top:40%;
 left:15%;
 background:#716b6b99;
 } 

 
.swpbtns{
 height:fit-content;
 width:100%; 
 display:flex;
 padding:5px 0;
 margin:5px;
 white-space:nowrap
 }
.swpbtns::-webkit-scrollbar{ width:0; height:0; } 

.swpbtnh{
 background:none;
 border-bottom:2px solid transparent;
 margin:auto 3px 0 3px;
 padding:5px;
 }
.swpbtns .swpbtnh:nth-child(1){
 font-weight:700;
 color:#0549b5;
 border-bottom:2px solid #1c42d3;
 }
.swpbtns .slider_nth:nth-child(1){
 font-weight:inherit;
 color:inherit;
 border-bottom:2px solid transparent;
 }
.swpbtnh.btn_active:nth-child(1),
.swpbtnh.btn_active{
 font-weight:700;
 color:#0c53c5;
 border-bottom:2px solid #1c42d3;
 }
.dash_btn:hover{background:#ccc;}

.slider_hub img{ height:100%!important; } 
.slider_hub .swpbtns{
 position:absolute;
 margin:auto;
 bottom:15px;
 justify-content:center;
 z-index:2;
 }
.slider_hub .swpbtnh{
 display:flex;
 background:#154ba9;
 color:#fff;
 border-bottom:0;
 }

.swpwrp_grid{
 display:grid;
 grid-template-columns:[col] 65% [col] 35%;
 grid-template-rows:[row] 60% [row];
}
.swpwrp_grid_2{
 display:grid;
 grid-template-columns:50% 1fr;
 grid-template-rows:50% 50%;
 gap:9px;
}
.dash_ini .swpwrp_grid_2 {
  display: grid;
  grid-template-columns: 35% 35% 1fr;
  grid-template-rows: 50% 50%;
}
.dash_ini .swpwrp_grid_2 .slider_div:last-child{
  grid-row: 1 / span 2; 
  grid-column: 3; 
  grid-row: 1 / span 3!important;
}
/**************** Invest Css ****************/
 [class*=tw-colored3] .tw-change,
 [class*=tw-colored3] .tw-percent{
 color:black; 
 white-space:nowrap; 
 display:flex;
} 
 [class*=tw-colored1] .percent:after,
 [class*=tw-colored1] .tw-change,
 [class*=tw-colored1] .tw-percent{
 color:#199210;
 white-space:nowrap; 
 display:flex;
} 
 [class*=tw-colored2] .percent:after,
 [class*=tw-colored2] .tw-change,
 [class*=tw-colored2] .tw-percent,
.validatory{
 color:#ff5555; 
 white-space:nowrap; 
 display:flex;
} 

.tw-percent:after{
 content:'%)';
} 
.tw-percent:before{
 content:'(';
 } 
 

.wrap-quv{
 position:relative;
 display:flex;
 white-space:nowrap;
 margin:auto;
 padding:5px;
 cursor:pointer;
 border-bottom:1px solid #ddd;
}
.wrap-quv span,.wrap-quv a{
 text-overflow:ellipsis;
 overflow:hidden;
 padding-bottom:2px;
 }
.right-quv{
 position:relative;
 display:block;
 width:100%;
 } 
.right-top{
 display:flex;
 font-size:18;
 font-weight:700;
 } 
.right-bot{
 display:flex;
 opacity:0.6;
 }
 
.left-quv{
 position:relative;
 display:block;
 text-align:left;
 margin:auto auto auto 5px;

 } 
.left-top{
 display:flex;
 font-size:18;
 font-weight:700;
 align-items:flex-end;
 justify-content:flex-end;
} 
.left-bot{
 display:flex;
 align-items:flex-end;
 justify-content:flex-end;
 }
 
/**************** News Css ****************/
.item_wrap{
 position:relative;
 border:1px solid #eee;
 overflow:hidden;
 background:#fff;
 border-radius:9px;
 margin:5px;
}

.item_media{
 position:relative;
 width:100%;
 margin:0;
 padding:5px;
}
.item_image{
 width:100%;
 height:100%;
}
 

.items_grid .item_content{
 position:relative;
 padding:0 9px;
 width:100%;
 height:40%;
 margin:0;
 }

.items_grid .item_image img{
 width:100%;
 height:100%;
 max-height:200px;
 margin:0;
 padding:0;
 overflow:hidden;
}
 
.bottom_content{
 bottom:5px; 
 width:100%; 
 }
.items_grid .item_wrap{
 display:flex;
 height:90px; 
 }
.items_grid .item_image{ width:35%; height:auto; }
.items_grid .item_content{width:65%; }
.items_grid .item_title{font-size:14px; }

.news_body .item_wrap{ 
 display:grid;
 grid-template-columns:40% 1fr;
 grid-template-rows:auto 1fr;
 margin:auto;
 padding:5px;
 gap:0;
 direction:ltr;
}
.news_body .item_content{
 grid-column-start:1; grid-column-end:3;
 grid-row-start:1; grid-row-end:2;
} 
.news_body .item_image{
 grid-column-start:1; grid-column-end:2;
 grid-row-start:2; grid-row-end:3;
}
.news_body .content_item{
 display:block!important; 
 grid-column-start:2; grid-column-end:3;
 grid-row-start:2; grid-row-end:3;
}

.news_body .item_image img{
 width:100%;
 border-radius:5px;
 border:1px solid #bbb;
 margin:55px auto auto auto;
 }
.news_body .item_title{
 margin:5px 5px!important; 
 font-size:17px;
 }
.news_body .item_details{
 padding:5px!important; 
 }
.news_body .item_details *{
 font-size:14px!important; 
 }

.news_body .content_item{
 height:73vh; 
 overflow:auto
 }
.rsiz, .mbiz, .cmoz, .rocz, .wmrz, .stxz, .cciz, .rsix{
 display:none;
}

.roc_z .rocz, 
.rsi_z .rsiz, .cmo_z .cmoz,
.mbi_z .mbiz, .wmr_z .wmrz,
.stx_z .stxz, .cci_z .cciz{
 display:block;
}
.roc_x .rocz, 
.rsi_x .rsiz, .cmo_x .cmoz,
.mbi_x .mbiz, .wmr_x .wmrz,
.stx_x .stxz, .cci_x .cciz{
 display:block;
}
/*********** Table CSS *************/ 
table{
 width:100%;
 /*height:100%;*/
}

table th{
 font-size:12px;
 font-weight:600;
 padding:5px 9px 5px 9px;
 text-align:center;
 white-space:nowrap;
 position:relative;
 }
table td{
 font-size:14px;
 font-weight:600;
 padding:3px 5px;
 text-align:center;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 cursor:default;
}
table td *{
 text-align:center;
 align-items:center;
 justify-content:center;
}
table th:first-child,
table td:first-child{
 position:sticky;
 left:0;
 z-index:1;
 cursor:pointer;
 max-width:199px;
 touch-action:pan-y; 
 -ms-touch-action:pan-y;
}

table td:first-child *, 
table td:first-child{ 
 text-align:left; 
 }
table thead:after{
 content:"";
 position:absolute;
 right:0;
 bottom:0;
 width:100%;
 }
table thead{
 position:sticky;
 top:0;
 z-index:2;
 }

.fixed_table{
 position:relative;
 padding:0px;
 overflow:auto;
 border:1px solid #aaa;
 border-radius:0px 0px 0 0;
}
.row_active .rounded-9{
 pointer-events:auto!important;
}
.foldns.folups .row_xz{
 display:block;
}
.stoped_pn .stoped_1,
.stoped_pf .stoped_2,
.stoped_pp .stoped_3,
.stoped_ps .stoped_4,
.wcx_gh .wcx_1,
.close_tmv .close_tld,
.gap_gh .gap,
.folups .type_dn,
.foldns .type_up{
 display:none;
}
table th{
 background:#ddd;
 border-radius:0 0 15px 15px;
 border:2px solid #fff ;
 border-top:0 solid #fff ;
 border-left:0;
}
table td:first-child{
 background:#eee ;
 border-radius:9px 9px 9px 9px;
 border-left:0;
 color:#555 ;
}
table td{
 background:#eee ;
 border-radius:15px;
 border:2px solid #fff;
}
.row_x{box-shadow:0px 0px 5px 1px #286186!important;}
table tr:nth-child(even) td{ background:#dedede;}
table tr:hover td,.row_m td{background:#caccda!important;} 
.row_xz:hover{box-shadow:0px 0px 3px 0px #ea5303;} 
table .row_x{box-shadow:0px 0px 3px 0px #2268f8!important;} 
.stock_details, .port_data{
 font-weight:700;
 } 

 /*******************/ 
.srtbx th{
 position:sticky;
 top:0;
 cursor:pointer; 
 } 
.percent:after{
 content:'%';
 left:0;
 margin:0;
 padding:0;
 } 
.uparrow:after{
 content:' \25B2';
 left:5px;
 } 
.dnarrow:after{
 content:' \25bc';
 left:5px;
 } 

.unsorted th:before{
 content:'\21F3'; 
 position:absolute;
 top:3px;
 margin-left:-10px;
 font-size:14px;
 } 
.dnsorted:before{
 content:' \21E7'; /* 2191 */
 position:absolute;
 top:3px;
 margin-left:-10px;
 font-size:14px;
 } 
.upsorted:before{
 content:' \21E9'; /* 2193 */
 position:absolute;
 top:3px;
 margin-left:-10px;
 font-size:14px;
} 
/*************************************/
.two-dots:after{
 content:":";
 padding:0 2px;
 }

.double-left:after{
 content:"\00AB";
 padding:0 0;
 }
.double-right:after{
 content:"\00BB";
 padding:0 0;
 }
.arrawx:after{
 content:'\F138';
 font-family:"bootstrap-icons";
 position:absolute;
 text-align:center!important;
 left:-19px!important;
 font-size:12px;
 top:5px;
 z-index:4;
} 
 
.no_after:after{
 content:''!important; 
 padding:0!important; 
 margin:0!important;
 width:0!important;
 height:0!important;
 border:0!important;
 }
.no_before:before{
 content:''!important; 
 padding:0!important; 
 margin:0!important;
 width:0!important;
 height:0!important;
 border:0!important;
 }
 
/************** HighChart **************/
.highcharts-area{
 stroke:#dbd8fa !important;
 stroke-width:1px!important;
 }

.highcharts-graph{
 stroke-width:1px!important;
 }
.highcharts-yaxis-grid 
.highcharts-grid-line{
 stroke:#ccc !important;
 stroke-width:0.0px!important;
 } 
.highcharts-yaxis-grid 
.highcharts-grid-line:last-child{
 stroke-width:0!important;
 } 
.highcharts-yaxis *{
 stroske:#000 !important;
 stroke-width:0.5px!important;
 } 
[class*=chart_] .highcharts-xaxis *{
 stroke:#ccc !important;
 stroke-width:0.01px!important;
 } 
.highcharts-crosshair-label text{
 fill:#fff !important;
 }
.highcharts-crosshair-label *{
 fill:#104ceb !important;
 }
[class*=chadrt_] .highcharts-point{
 stroke-width:0.0px!important;
 fill:none!important;
 }
[class*=chdart_] .highcharts-root{
 border:1px solid #ccc!important;
}
 
[class*=chart_3] .hc_tooltip .hc_1,
[class*=chart_3] .highcharts-yaxis *,
[class*=chart_3] .highcharts-xaxis *{
 stroke-width:0!important;
 display:none;
 } 
/************ Stock Tools **************/
.highcharts-button{ 
 outline:1px solid #aaa;
 border-radius:3px;
 fill:#f6f6f6!important;
 stroke:#000000;
 stroke-width:0.5px;
 }
.highcharts-bindings-wrapper{
 margin:0px 0 0 -7px;
}
.tradbx .highcharts-bindings-wrapper{
 margin:40px 0 0 -7px;
}
.tradbx .chart_back_btn{
 display:block!important;
}
.highcharts-bindings-wrapper 
.highcharts-arrow-left{ 
 height:40px;
 margin:0 0 0 1px;
 border-radius:2px;
 background:#fff;
 background-repeat:no-repeat;
 background-position:left center;
 }
/**************************/
.highcharts-grid-line{
 fill:none;
 stroke:#aaa;
 stroke-width:0.3px;
 }
[class*=much] .highcharts-grid-line{
 stroke:none;
 }
.highcharts-xaxis-grid .highcharts-grid-line{
 stroke-width:0;
 } 
.highcharts-candlestick-series .highcharts-point{
 fill:#eb6989;
 stroke:#eb6989;
 stroke-width:0.7px;
 }
.highcharts-candlestick-series .highcharts-point-up{
 fill:#089981;
 stroke:#089981;
}
.hc_tooltip{
 margin:7px auto auto 0;
 display:flex
 }
.crkdline{ fill:#3e4dad1f; }
.intra_axis *{ fill:#2290bf; }
.hc_tooltip .hc_1{
 color:#bd3603;
 margin:2px 2px;
 font-size:12px;
}
.hc_tooltip .hc_2{
 color:#000;
 margin:2px 2px;
 font-size:12px;
 font-weight:700;
 }
.highcharts-container{
 }
.highcharts-title{
 z-index:2; 
 background:#ffffff;
 padding:0 3px;
 }
.highcharts-tooltip{z-index:1;}
 

.hc_tooltip *{
 font-size:12px;
 font-weight:700;
 }
/****************** ******************/
@media all and (orientation:portrait){
.portrait-none{display:none; }
.portrait-block{display:block; }
}

@media all and (orientation:landscape){
.landscape-none{display:none; }
.landscape-block{display:block; }
}
/****************** Main Nav ******************/
.lds_wrap{ width:85vw; } 
.initial_img{ width:40vw; }
.pre_load_slogan{
 font-size:5vw;
 margin-top:-5vw;
 }
.app_images img{
 width:120px; 
 height:50px; 
 margin:5px;
 border-radius:15px;
}
.v_sticky{ 
 position:relative; 
 height:inherit!important; 
 top:inherit!important;
 margin:initial!important;
 padding-bottom:initial!important;
}
.sd-pe-none{pointer-events:none!important;}
.sd-pe-auto{pointer-events:auto!important;}
/**************** TEMP Css ****************/
.slide_image{ height:35vh; }
.slider_hub .slide_img img{ height:35vh; } 

.search_icon button{
 width:95%;
 border-top:1px solid #eee;
 text-align:right;
 white-space:normal;
 padding:5px 0 0 0;
 font-weight:bold;
}
 /*
 .print_it .print_details{
 height:50vh!important;
 margin:auto auto 60px auto!important;
 }
 .structr_swpwrp{
 height:300px!important;
 margin:auto auto auto auto!important;
 }
 .structr_swpwrp *{
 padding:0 0 0 15px!important;
 }
.print_it .tb_sl{
 display:none!important;
} 
.print_it .print_statment{
 height:80vh!important;
 }
.print_it .print_statment::-webkit-scrollbar{
 width:0; height:0;
 } 
 */
 
 

.blinker{ animation:blink 1111ms infinite; -moz-animation:blink 1111ms infinite; -webkit-animation:blink 1111ms infinite; }
@keyframes blink{0%{background:auto;color:#000;}99%{background:none; color:#000;} }
@-moz-keyframes blink{0%{background:auto;color:#000;}99%{background:none; color:#000;} }
@-webkit-keyframes blink{0%{background:auto;color:#000;}99%{background:none; color:#000;} }

 
[class*=tw-colored1]:not(.tw-colored10) .tw-percent{ animation:chg_up 2222ms; -moz-animation:chg_up 2222ms; -webkit-animation:chg_up 2222ms; }
@keyframes chg_up{0%{background:#0b4c044d;}99%{background:none;} }
@-moz-keyframes chg_up{0%{background:#0b4c044d;}99%{background:none;} }
@-webkit-keyframes chg_up{0%{background:#0b4c044d;}99%{background:none;} }
 
[class*=tw-colored2]:not(.tw-colored20) .tw-percent{ animation:chg_dn 2222ms; -moz-animation:chg_dn 2222ms; -webkit-animation:chg_dn 2222ms; }
@keyframes chg_dn{0%{background:#ff00004d;}99%{background:none;} }
@-moz-keyframes chg_dn{0%{background:#ff00004d;}99%{background:none;} }
@-webkit-keyframes chg_dn{0%{background:#ff00004d;}99%{background:none;} }

.stock_info_none .stock_info{
 height:0px;
} 
.stock_info_none .stock_info .bi-chevron-down,
.stock_info_none .stock_info .d-inline-flex,
.stock_info_none .stock_info .stock_datax{
 display:none!important;
} 
.stock_info_none .stock_info .bi-chevron-up{
 display:block!important;
}

/************** Dashboard card **************/
.port_section{
 height:35vh;
 } 
.port_statx .port_details{
display:none!important;
 } 
.port_statx .port_statement{
display:block!important;
 } 



.compact-card{
 width:calc(50% - 12px);
 padding:5px 9px; 
 border:1px solid var(--border-color);
 display:inline-flex;
 flex-direction:column;
 box-shadow:0 0 3px 2px #c3c3c5;
 border-radius:5px;
 margin:5px;
 }
.compact-card *{
 font-family:'Cairo', sans-serif;
 white-space:nowrap; 
}
.row-top{
 display:flex;
 justify-content:space-between;
 align-items:center;
 }

.symbol{ 
 font-size:15px; 
 font-weight:800; 
}
.name{ 
 font-size:12px; 
 text-overflow:ellipsis;
 overflow:hidden;
}
.symbol-box{ 
 text-overflow:ellipsis;
 overflow:hidden;
}
.row-data{
 background:#f6fcfa;
 border-top:1px solid #f1f3f5;
 padding:5px 5px 1px 5px;
 }
.stat-item{ 
display:flex; 
flex-direction:column;
text-align:center;
}
.label{ 
 font-size:12px; 
 margin:auto auto auto 0;
 }
.val{
 font-size:14px; 
 font-weight:700; 
 margin:auto auto auto 0;
 }
.footer-tiny{
 font-size:10px; 
 display:flex;
 justify-content:space-between;
 margin-top:4px;
 }
.row-data .tw-change{ 
 font-size:14px; 
 margin:auto 5px; 
 }
.row-data .tw-change:before{ 
 content:"(";
 }
.row-data .tw-change:after{ 
 content:")%";
 }
.row-data .stat-item .val:after{ 
 content:" % ";
 }


/************** Dashboard Wrap **************/
.basic_wrap, .basic_header{
 width:80vw;
 max-width:1500px;
 margin:auto;
} 
.dash_header{
 position:sticky;
 top:0;
 z-index:8;
 display:flex;
 width:100vw;
 max-width:1800px;
 margin:auto;
 height:40px;
}
.dash_bottom,
.dash_header{
 background:#e1e4ee; 
 }
.dash_wrap{
 display:flex;
 width:100%;
 max-width:1800px;
 margin:auto;
 height:calc(100vh - 70px);
} 
.dash_admin.dash_wrap{
 height:calc(100vh - 40px);
}
.dash_btn_wrap{
 width:60px;
 height:calc(100vh - 70px);
 background:#e1e4ee; 
 z-index:7;
}
.dash_btn_left{ 
 position:fixed;
 left:60px;
 display:flex;
 width:400px; 
 height:60px; 
 z-index:7;
 background:#e1e4ee; 
 border:1px solid #9e9e9e;
 border-width:1px 0;
}
.dash_btn_left .dash_btn{ 
 width:70px; 
 height:60px; 
 display:block;
 margin:auto 10px auto 0px; 
}
.dash_ini .dash_btn_left{ 
 display:none!important;
}
.dash_btn_toggle{ 
 position:fixed;
 left:455px;
 display:flex;
 width:20px; 
 height:40px; 
 padding:9px 0 0 0; 
 font-size:25px; 
 z-index:6;
 color:#fff;
 background:#aaa; 
}
.dash_ini .dash_btn_toggle{ 
 left:55px;
}
.dash_ini .ini-w-25{width:24%!important}
.dash_ini .ini-w-33{width:33%!important}
.dash_ini .ini-w-50{width:50%!important}
.dash_ini .ini-w-100{width:100%!important}
.dash_ini .ini-w-auto{width:auto!important}
.dash_ini .ini-w-inh{width:inherit!important}
.dash_ini .ini-w-ini{width:initial!important}


.dash_ini .ini-h-25{height:24%!important}
.dash_ini .ini-h-33{height:33%!important}
.dash_ini .ini-h-50{height:50%!important}
.dash_ini .ini-h-100{height:100%!important}
.dash_ini .ini-h-auto{height:auto!important}
.dash_ini .ini-h-inh{height:inherit!important}
.dash_ini .ini-h-ini{height:initial!important}

.dir-rtl .dash_btn_left{left:auto;right:60px;}
.dir-rtl .dash_btn_toggle{left:auto;right:455px;}
.dir-rtl.dash_ini .dash_btn_toggle{right:55px;}

.dash_left{ 
 margin-top:60px; 
 width:400px; display:none;
 background:#eee; 
}
.dash_right{
 width:calc(100% - 400px);
 display:none; 
 background:#fff; 
}
.right_actv{display:block;} 
.left_actv{display:block; }
.ztest_actv{
 position:absolute;
 left:0;
 display:block;
 width:calc(100% ); 
 height:100%;
 z-index:5;
 } 
.popup_actv{
 position:absolute;
 right:0;
 display:block;
 width:calc(100% - 400px); 
 height:100%;
 z-index:5;
 } 
.floatz{z-index:1!important;} 
.dash_ini .dash_right{ width:100%;}
.dash_ini .dash_left{ width:0;}
.popup_right .dash_btn{
 display:flex!important;
 text-align:right!important;
 padding:5px 5px 5px 5px;
}
.popup_right button{
 margin:auto auto auto 25px!important;
}
.popup_right span{
font-size:14px!important;
 margin:auto 25px auto auto!important;
}
.popup_right hr{
 display:none;
}
.popup_right .dash_btn:after{
 content:'';
 position:absolute;
 width:80%; 
 right:10%;
 bottom:0;
 border-bottom:1px solid #9e9e9e;
}
.dash_btn{ 
 color:#555;
 cursor:pointer;
 margin:auto auto 9px 0;
 padding:4px;
 line-height:1.6;
 font-family:'Harmattan', sans-serif;
 font-family:'Amiri', serif;
 font-family:'Cairo', sans-serif;
}
.right_actvbtn, .left_actvbtn{
 color:#000;
 font-weight:600;
 background:#cfd3e0;
 } 
.chart_101 *{border-radius:9px;} 
.chart_101 .highcharts-background{fill:#dde5fc;} 
.dash_btn.pe-none:after{
 font-family:"bootstrap-icons";
 font-size:16px;
 content:"\F47A";
 position:absolute;
 top:-5px;
 color:#c59531;
}






/************** Language **************/
.dir-rtl .mr-1{ margin-right:auto!important; margin-left:1px!important; }
.dir-rtl .ml-1{ margin-left:auto!important; margin-right:1px!important; }
.dir-rtl .unsorted th:before,
.dir-rtl .dnsorted:before,
.dir-rtl .upsorted:before{
 margin-right:-10px;
 } 
.dir-rtl *, .dir-rtl input{ text-align:right }
.dir-rtl .t-left,
.dir-rtl .t-left *{ 
 text-align:right!important;
}
.dir-rtl .t-right,
.dir-rtl .t-right *{ 
 text-align:left!important;
}
.dir-ltr .t-left,
.dir-ltr .t-left *{ 
 text-align:left!important;
}
.dir-ltr .t-right,
.dir-ltr .t-right *{ 
 text-align:right!important;
}
.dir-rtl .cat_container .bi-caret-down-fill{ 
 left:initial;
 right:0px;
 margin:1px -9px auto auto;
}
.dir-rtl table th:first-child,
.dir-rtl table td:first-child{
 right:0;
 border-bottom:0px solid;
 border-right:0;
 border-left:a;
}
.dir-rtl table td:first-child *,
.dir-rtl table td:first-child{
 text-align:right;
 }
.dir-rtl table td:nth-child(1):before{
 content:"";
 position:absolute;
 left:0;
 top:0;
 height:100%;
 border:0.1px solid #bbb;
 }
.dir-rtl .tipinput{ text-align:right; }
.dir-rtl .pk_dropdown_right *{ margin:auto auto auto 0; }
.dir-rtl .pk_dropdown_right .pk_dropdown_wrap{
 right:initial!important;
}
.dir-rtl .search_icon.full_icon:after{
 right:initial;
 left:15px;
} 
.dir-rtl .search_icon:after{
 right:initial;
 left:9px;
} 
.dir-rtl .valitips{ 
 text-align:right; 
 left:9px;
 right:initial;
}
 .dir-rtl .titltips{ 
 text-align:right; 
 left:initial;
 right:5px; 
 }
 .dir-rtl .pk_dropdown_btn:after{
 right:initial;
 left:0;
 }
.dir-rtl .pk_dropdown_item{
 text-align:right;
 justify-content:right;
}
.dir-rtl .popup_actv{ left:0; right:initial;} 
.dir-rtl .popup_actv{ left:0; right:initial;} 
.dir-rtl table td{ text-align:center!important; }
.dir-rtl table th{ text-align:center!important; }
         table td:first-child{ text-align:left!important; }
.dir-rtl table td:first-child{ text-align:right!important; }
.dir-rtl .arrawx:after{content:'\F12F';} 

/*.dir-rtl .typexb{*/
/* border-left:0!important;*/
/* border-right:40px solid transparent!important;*/
/* right:auto;*/
/* left:0px;*/
/*}*/
/*.dir-rtl .typexb span{*/
/* right:auto;*/
/* left:1px;*/
/* transform:rotate(-45deg);*/
/*}*/
 
.mirror{ -webkit-transform:scaleX(-1); transform:scaleX(-1); }



/************** THEMS **************/
 
 
 
.ol-site{box-shadow:0px 0px 3px 0px #808080!important; }
.t-sub{color:#777;} 
.highcharts-grid-line,
.highcharts-background ,
.titltips, .valitips,
.striped >:nth-child(even),
input, textarea{
 background:#fafafa; 
 border:0; 
}

::-ms-input-placeholder,
::placeholder{ 
 color:#222; opacity:1; }
 
.highcharts-axis-labels *{
 fill:#222!important;
} 

.grid-wrap{
 color:#222;
 fill:#fff;
 stroke-width:0.1px!important;
 }
.typexb{
 position:absolute;
 width:0; 
 height:0; 
 border-top:40px solid ;
 border-left:40px solid transparent!important;
 border-radius:5px;
 top:0px;
 right:0px;
 margin-right:auto;
}

.typexb span{
 position:absolute;
 top:-35px;
 right:1px;
 white-space:nowrap;
 transform:rotate(45deg);
 font-size:12px;
 font-weight:700;
 color:white
}



/*****************Theme Dark****************/
.theme_dark .dark-d-none{display:none!important;} 
.theme_dark .dark-d-block{display:block!important;} 

:root{
 --market-card-bg:#eee;
 --asset-bg:#d3dbeb;
 --text-white:#222;
 --text-dim:#222;
 --low-risk:#10b981;
 --med-risk:#f59e0b;
 --high-risk:#ef4444;
 } 
:root .theme_dark{
 --bg-0:#7d8591;
 --bg-1:#737b87;
 --bg-2:#667488;
 --bg-3:#4b596f;
 --bg-4:#536683;
 --bg-5:#293850;
 --bg-hover:#2f466c;
 --t-1:#fff;
 --bg-chart:#5e6269;
 --candle-up:#00ff88;
 --candle-down:#ff8989;

 --bg-color:#080b12;
 --market-card-bg:#111827;
 --asset-bg:#1f2937;
 --text-white:#f3f4f6;
 --text-dim:#9ca3af;
 --low-risk:#10b981;
 --med-risk:#f59e0b;
 --high-risk:#ef4444;
 }
 .dir-rtl .pk_dropdown_btn:after,
.theme_dark *{
 color:var(--t-1); 
 }
.theme_dark .dash_btn_wrap,
.theme_dark .dash_bottom,
.theme_dark .dash_header{
 background:var(--bg-3); 
 }
.theme_dark .row-data,
.theme_dark .dash_left{
 background:var(--bg-5); 
 }
.theme_dark .item_wrap,
.theme_dark .dash_right,
.theme_dark .right_actvbtn, 
.theme_dark .left_actvbtn{
 background:var(--bg-2); 
 } 
.theme_dark .pk_dropdown_btn{
 border:1px solid #fff;
} 
.theme_dark .dash_header .pk_dropdown_btn{
 border:0 solid #fff;
} 
.theme_dark table{
 background:var(--bg-1); 
}
.theme_dark table th{
 background:var(--bg-5); 
 border:2px solid #88909b ;
 border-top:0;
}
.theme_dark table td{
 background:var(--bg-3); 
 border:2px solid #868e9d;
}
.theme_dark table tr:nth-child(even) td{ 
 background:var(--bg-4); 
}
.theme_dark .dash_btn_left,
.theme_dark table th:first-child,
.theme_dark table td:first-child{
 background:var(--bg-5)!important;
 color:var(--t-3)!important;
}
.theme_dark .fixed_table,
.theme_dark .pk_btn{
 background:var(--bg-2)!important;
 border:1px solid #aaa!important;
} 
.theme_dark .crooked-line,
.theme_dark .highcharts-annotation path{
 stroke:#eee; 
 stroke-width:1px;
 stroke-dasharray:5,5;
}
.theme_dark .highcharts-grid-line,
.theme_dark .highcharts-background{
 background:var(--bg-chart); 
 fill:var(--bg-1); 
 stroke-width:0.1px!important;
 border-radius:9px!important;
} 
.theme_dark .popupx{
 background:var(--bg-chart); 
 fill:var(--bg-chart); 
}
.theme_dark  .swpwrp_grid_2 .bg-white,
.theme_dark  table .row_m td,
.theme_dark .wrap-quv:hover,
.theme_dark .highcharts-arrow-left,
.theme_dark .highcharts-title,
.theme_dark .pk_dropdown_wrap,
.theme_dark .striped >:nth-child(even),
.theme_dark input, .theme_dark textarea{
 color:#fff!important;
 background:var(--bg-hover)!important;
 fill:var(--bg-chart); 
}
.theme_dark .pk_dropdown_wrap,
.theme_dark .striped >:nth-child(even),
.theme_dark input, .theme_dark textarea{
 fill:var(--bg-chart); 
 border:0; 
}

.theme_dark .highcharts-background{fill:#3e4c68;} 
.theme_dark::placeholder{ color:var(--t-1);}
.theme_dark .highcharts-axis-labels *{
 stroke:var(--t-1)!important;
} 
.theme_dark .highcharts-stocktools-toolbar span{
 background:#c6d1e2;
} 
.theme_dark .labelsx,
.theme_dark .randlx{
 background:var(--bg-1); 
 padding:14px 23px; 
 border-radius:4px; 
}
.theme_dark .swpbtns .swpbtnh:nth-child(1){
 font-weight:700;
 color:#fff;
 border-bottom:2px solid #fff!important;
 }
.theme_dark .swpbtns .slider_nth:nth-child(1){
 font-weight:initial;
 border-bottom:2px solid #777 !important;
 }
.theme_dark .t-blue,
.theme_dark .t-navy{
 color:#fff!important;
 }
.theme_dark .swpbtnh.btn_active:nth-child(1),
.theme_dark .swpbtnh.btn_active{
 font-weight:700;
 border-bottom:2px solid #fff!important;
 color:#fff!important;
 }
.theme_dark .dash_btn:hover{
 background:var(--bg-hover)!important;
 }

.theme_dark .ring{ --uib-color:#eee; }
.theme_dark .titltips,.theme_dark .valitips,
.theme_dark .striped >:nth-child(even){
 background:var(--bg-chart); 
 border:0; 
}
.theme_dark .highcharts-point-up{
 fill:var(--candle-up); stroke:var(--candle-up);
}
.theme_dark .highcharts-point-down{
 fill:var(--candle-down); stroke:var(--candle-down);
}

.theme_dark .t-green, .theme_dark .t-green *, 
.theme_dark [class*=tw-colored1] .percent:after,
.theme_dark [class*=tw-colored1] .tw-change,
.theme_dark [class*=tw-colored1] .tw-percent{
 color:var(--candle-up)!important; 
} 
.theme_dark .t-red, .theme_dark .t-red *,
.theme_dark [class*=tw-colored2] .percent:after,
.theme_dark [class*=tw-colored2] .tw-change,
.theme_dark [class*=tw-colored2] .tw-percent{
 color:var(--candle-down)!important; 
} 







/*****************Mobile Settings****************/
  

.wh-100{width:100%!important; height:100%!important; }
.wh-99{width:99%!important; height:99%!important; }
.ht-cu{height:45px!important}
.vh-cu{height:calc(100vh - 70px)!important}
.vh-c1{height:calc(100vh - 72px)!important}
.vh-c2{height:calc(100vh - 70px)!important}
.vh-c3{height:calc(100% - 99px)!important}
.vh-c4{height:calc(100vh - 140px)!important}
.vh-c5{height:calc(100vh - 150px)!important}
.vh-c6{height:calc(100vh - 160px)!important}
.vh-c7{height:calc(100vh - 170px)!important}
.vh-c8{height:calc(100vh - 175px)!important}
.wh-br{width:calc(100% - 2px)!important; height:calc(100% - 2px)!important;}
.w-br{width:calc(100% - 2px)!important;}

/**************** Medium Screen ****************/
@media only screen and (max-width:1250px){
.md-rtl{direction:rtl!important;}
.md-ltr{direction:ltr!important;}
.md-h-auto{height:auto!important; }
.hidden-desktop{display:block } 
.md-none{display:none!important; }
.md-block{display:block!important; }
.md-flex{display:flex!important; }

.md-p-relative{position:relative!important; }
.md-p-absolute{position:absolute!important; }
 
.dash_wrap .md-w-25{width:24%!important}
.dash_wrap .md-w-33{width:33%!important}
.dash_wrap .md-w-50{width:50%!important}
.dash_wrap .md-w-100{width:100%!important}
.dash_wrap .md-w-auto{width:auto!important}
.dash_wrap .md-w-inh{width:inherit!important}
.dash_wrap .md-w-ini{width:initial!important}


.dash_wrap .md-h-25{height:25%!important}
.dash_wrap .md-h-33{height:33%!important}
.dash_wrap .md-h-50{height:50%!important}
.dash_wrap .md-h-100{height:100%!important}
.dash_wrap .md-h-auto{height:auto!important}
.dash_wrap .md-h-inh{height:inherit!important}
.dash_wrap .md-h-ini{height:initial!important}

.md-left-0{left:0!important}
.md-right-0{right:0!important}
.md-top-0{top:0!important}
.md-bottom-0{bottom:0!important}
.md-border-0{border:0!important}

.md-m-0{margin:auto!important; }
.md-p-0{padding:0!important; }
.md-left-0{left:0!important;}

.md-m-0{ margin:0px!important;} 
.md-m-1{ margin:5px!important;} 
.md-p-0{ padding:0px!important;} 
.md-p-1{ padding:5px!important;} 
.md-pb-100{padding-bottom:99px!important;} 
 
.md-vh-40{height:40vh!important; }
.md-vh-80{height:80vh!important; }
.md-vh-90{height:90vh!important; }
.md-vh-100{height:100vh!important; }
/*************** Fonts *************/ 
.md-fs-x8{ font-size:8px!important; }
.md-fs-x9{ font-size:9px!important; }
.md-fs-x10{ font-size:10px!important; }
.md-fs-x11{ font-size:11px!important; }
.md-fs-x12{ font-size:12px!important; }
.md-fs-x14{ font-size:14px!important; }
.md-fs-x16{ font-size:16px!important; }
.md-fs-x18{ font-size:18px!important; }
.md-fs-x20{ font-size:20px!important; }
.md-fs-x22{ font-size:22px!important; }
.md-fs-x24{ font-size:24px!important; }
.md-fs-x26{ font-size:26px!important; }
.md-fs-x28{ font-size:28px!important; }
.md-fs-x30{ font-size:30px!important; }
.md-fs-x32{ font-size:32px!important; }
.md-fs-x34{ font-size:34px!important; }
.md-fs-x36{ font-size:36px!important; }
.md-fs-x38{ font-size:38px!important; }
.md-fs-x40{ font-size:40px!important; }
.md-fs-x50{ font-size:50px!important; }
.md-fs-x90{ font-size:90px!important; }

.compact-card *{font-size:11px!important;}
.compact-card .symbol :first-child{font-size:14px!important;}
.swpwrp_grid_2{padding:0!important;} 
.md-overflow-auto{overflow:auto!important}
.dash_ini .swpwrp_grid_2,
.swpwrp_grid_2,
.swpwrp_grid{
 gap:0;
 display:flex;
 direction:rtl!important;
}
.dash_ini .swpwrp_grid_2 .slider_div,
.swpwrp_grid_2 .slider_div,
.swpwrp_grid .slider_div{direction:ltr!important;}
.dir-rtl.dash_ini .swpwrp_grid_2 .slider_div,
.dir-rtl .swpwrp_grid_2 .slider_div,
.dir-rtl .swpwrp_grid .slider_div{
 direction:rtl!important;
}
.port_section{
 height:30vh;
 } 
table th:first-child,
table td:first-child{
 max-width:40vw;
}

.resp_table thead{ display:none; }

.resp_table tr{
 display:flex;
 flex-wrap:wrap;
 margin-bottom:9px;
 border:1px solid #777;
 border-radius:8px;
 background:#fff;
 }
.resp_table table td:first-child{
 width:100%;
 max-width:100%;
 border-radius:9px 9px 0 0!important;
}
.resp_table table td:first-child div{
 width:100%;
 display:flex;
}

.resp_table table td:nth-child(7),
.resp_table table td:nth-child(2){
 display:none!important;
}

.resp_table td{
 display:flex;
 justify-content:space-between;
 align-items:center;
 width:50%;
 border-radius:5px;
 border-bottom:1px solid #eee;
 padding:9px;
 }
.resp_table td.extra-c{
 display:none;
 width:50%;
 background-color:#f9f9f9;
 }
.resp_table td::before{
 content:attr(data-label);
 font-weight:bold;
 color:#007bff;
 }
.more-info-btn{ display:block; } 


}

/**************** Small Screen ****************/
@media only screen and (max-width:750px){
.sd-rtl{direction:rtl!important;}
.sd-ltr{direction:ltr!important;}
body,html{height:100%;} 
*{ font-size:12px; }
.dash_wrap{height:calc(100% - 85px);} 
.dash_left,.dash_right{ width:100%;}
.dash_btns .dash_btn_wrap{
 position:fixed;
 bottom:0;
 height:45px;
 z-index:5;
 border-width:1px 0 0 0;
 width:100%;
 display:flex;
}
.dash_btn{
 margin:auto!important;
 display:block!important;
 padding:0 5px 5px 5px!important;
 width:100%;
 margin:0 2px!important;
 border-radius:3px;
 }
.dash_btn *{pointer-events:none;}
.dash_btns .dash_btn_wrap hr{
 display:none!important;
 }
.dash_btn button{
 color:#999;
 font-size:22px!important;
 } 
 .dash_btn span{
 margin:6px 0 0 0!important;
 line-height:0!important;
 } 
.right_actvbtn, .left_actvbtn{
 color:initial;
 background:initial;
 }
.theme_dark .right_actvbtn, 
.theme_dark .left_actvbtn{
 color:#fff;
 background:initial;
 font-weight:initial;
} 
 .theme_dark .dash_actvbtn
 .dash_actvbtn{
 color:#000;
 font-weight:initial;
 background:#ddd!important;
 } 
 .dash_actvbtn button{
 color:#000;
 -webkit-text-stroke:0.1px;
 } 
.theme_dark .dash_actvbtn button{
 color:#fff;
 } 
.theme_dark .dash_actvbtn{
 color:#fff;
 background:#5d6776!important;
 font-weight:700;
 } 

.dash_btn_toggle,
.dash_btn_left{display:none!important;}
.dash_left{margin-top:auto; }
.dash_btn{background:transparent;}
.dash_actvbtn{background:#ccc!important;}
.dash_ini .dash_left{width:100%;}

.sd-h-auto{height:auto!important; }
.hidden-desktop{display:block } 
.sd-none{display:none!important; }
.sd-block{display:block!important; }
.sd-flex{display:flex!important; }

.sd-p-relative{position:relative!important; }
.sd-p-absolute{position:absolute!important; }

.sd-w-100{width:100%!important}
.sd-w-auto{width:auto!important}

.sd-h-100{height:100%!important}
.sd-h-auto{height:auto!important}

.p-center-auto{transform:initial!important}

.sd-left-auto{left:auto!important}
.sd-right-auto{right:auto!important}
.sd-top-auto{top:auto!important}
.sd-bottom-auto{bottom:auto!important}

.sd-left-0{left:0!important}
.sd-right-0{right:0!important}
.sd-top-0{top:0!important}
.sd-bottom-0{bottom:0!important}
.sd-border-0{border:0!important}

.sd-m-0{margin:auto!important; }
.sd-p-0{padding:0!important; }
.sd-left-0{left:0!important;}

.sd-m-0{ margin:0px!important;} 
.sd-m-1{ margin:5px!important;} 
.sd-p-0{ padding:0px!important;} 
.sd-p-1{ padding:5px!important;} 
 
.sd-vh-40{height:40vh!important; }
/*************** Fonts *************/ 
.sd-fs-x8{ font-size:8px!important; }
.sd-fs-x9{ font-size:9px!important; }
.sd-fs-x10{ font-size:10px!important; }
.sd-fs-x11{ font-size:11px!important; }
.sd-fs-x12{ font-size:12px!important; }
.sd-fs-x14{ font-size:14px!important; }
.sd-fs-x16{ font-size:16px!important; }
.sd-fs-x18{ font-size:18px!important; }
.sd-fs-x20{ font-size:20px!important; }
.sd-fs-x22{ font-size:22px!important; }
.sd-fs-x24{ font-size:24px!important; }
.sd-fs-x26{ font-size:26px!important; }
.sd-fs-x28{ font-size:28px!important; }
.sd-fs-x30{ font-size:30px!important; }
.sd-fs-x32{ font-size:32px!important; }
.sd-fs-x34{ font-size:34px!important; }
.sd-fs-x36{ font-size:36px!important; }
.sd-fs-x38{ font-size:38px!important; }
.sd-fs-x40{ font-size:40px!important; }
.sd-fs-x50{ font-size:50px!important; }
.sd-fs-x90{ font-size:90px!important; }



.dash_wrap .sd-w-25{width:24%!important}
.dash_wrap .sd-w-33{width:33%!important}
.dash_wrap .sd-w-50{width:50%!important}
.dash_wrap .sd-w-100{width:100%!important}
.dash_wrap .sd-w-auto{width:auto!important}
.dash_wrap .sd-w-inh{width:inherit!important}
.dash_wrap .sd-w-ini{width:initial!important}


.dash_wrap .sd-h-25{height:25%!important}
.dash_wrap .sd-h-33{height:33%!important}
.dash_wrap .sd-h-50{height:50%!important}
.dash_wrap .sd-h-100{height:100%!important}
.dash_wrap .sd-h-auto{height:auto!important}
.dash_wrap .sd-h-inh{height:inherit!important}
.dash_wrap .sd-h-ini{height:initial!important}
 
.popup_middle{ width:100%; height:100%; }

.hc_tooltip{
 margin-top:25px;
 }
 
.sd-overflow-auto{overflow:auto!important}
.vh-cu{height:calc(100vh - 85px)!important}
.vh-c1{height:calc(100vh - 85px)!important}
.vh-c2{height:calc(100vh - 115px)!important}
.vh-c3{height:calc(100% - 99px)!important}
.vh-c4{height:calc(100vh - 145px)!important}
.vh-c5{height:calc(100vh - 155px)!important}
.vh-c6{height:calc(100vh - 165px)!important}
.vh-c7{height:calc(100vh - 175px)!important}
.vh-c8{height:calc(100vh - 185px)!important}
.news_body{
 height:calc(100vh - 120px);
 overflow:auto!important 
 }
.news_body .item_wrap{
 display:block; 
 }
.news_body .item_title{
 margin:5px auto; 
 font-size:17px;
 }
.news_body .item_image{
 height:fit-content; 
 width:100%;
 padding:2px;
 }
.news_body .item_image img{
 width:100%;
 margin:auto auto auto auto;
 }
.news_body .item_content{
 width:100%; 
 }
.news_body .content_item{
 height:100%; 
 }




}


.resp_table table th,
.resp_table table td{ 
 padding:9px; 
}

.more-info-btn{
 display:none;
 width:100%;
 padding:8px;
 background:#eee;
 border:1px dashed #2c3e50;
 cursor:pointer;
 font-weight:bold;
 color:#2c3e50;
 border-radius:0 0 8px 8px;
 }
 







.loading_icon{
 background-image:url('https://chartroot.com/bin/loading.jpg?asdf'); 
 background-repeat:no-repeat;
 background-attachment:fixed;
 background-position:center;
 background-size:cover;
 background-size:90px 90px;
 }


.gauge {
  background:linear-gradient(to right,#2ecc71,#27ae60,#f1c40f,#f39c12,#e67e22,#e74c3c);
  box-shadow: 0 -3px 6px 2px rgba(0, 0, 0, 0.50);
  width: 300px;
  height: 100px;
  border-radius: 300px 300px 0 0!important;
  position: relative;
  overflow: hidden;
}
.gauge_center {
  content: '';
  color: #fff;
  width: 60%;
  height: 60%;
  background: #15222E;
  border-radius: 100px 100px 0 0!important;
  position: absolute;
  box-shadow: 0 -13px 15px -10px rgba(0, 0, 0, 0.28);
  right: 21%;
  bottom: 0;
  color: #fff;
  z-index:10;
}

.gauge_label, .gauge_number {display:block; width: 100%; text-align: center; border:0!important;}
.gauge_label {font-size:0.75em; opacity:0.6; margin:1.1em 0 0.3em 0;}
.gauge_number {font-size:1.2em;}

.needle {
  width: 80px;
  height: 5px;
  left: 5%;
  background: #15222E;
  border-bottom-left-radius: 100%!important;
  border-bottom-right-radius: 5px!important;
  border-top-left-radius: 100%!important;
  border-top-right-radius: 5px!important;
  position: absolute;
  bottom:5px;
  
  transform-origin: 100% 4px;
  transform: rotate(0deg);
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.38);
  display:none;
  z-index:9;
}
.rischio1 .needle {left: 5%;  animation:fourspeed1 1s 1 both; animation-delay:1s; display:block;}
.rischio2 .needle {left: 5%;  animation:fourspeed2 1s 1 both; animation-delay:1s; display:block;}
.rischio3 .needle {left: 5%;  animation:fourspeed3 1s 1 both; animation-delay:1s; display:block;}
.rischio4 .needle {left: 5%;  animation:fourspeed4 1s 1 both; animation-delay:1s; display:block;}
.rischio5 .needle {left: 10%; animation:fourspeed5 1s 1 both; animation-delay:1s; display:block;}
.rischio6 .needle {left: 15%; animation:fourspeed6 1s 1 both; animation-delay:1s; display:block;}
.rischio7 .needle {left: 15%; animation:fourspeed7 1s 1 both; animation-delay:1s; display:block;}
.rischio8 .needle {left: 15%; animation:fourspeed8 1s 1 both; animation-delay:1s; display:block;}
  
@-webkit-keyframes fourspeed1 {0% {transform: rotate(0);} 100% {transform: rotate(16deg);}}
@-webkit-keyframes fourspeed2 {0% {transform: rotate(0);} 100% {transform: rotate(35deg);}}
@-webkit-keyframes fourspeed3 {0% {transform: rotate(0);} 100% {transform: rotate(55deg);}}
@-webkit-keyframes fourspeed4 {0% {transform: rotate(0);} 100% {transform: rotate(75deg);}}
@-webkit-keyframes fourspeed5 {0% {transform: rotate(0);} 100% {transform: rotate(100deg);}}
@-webkit-keyframes fourspeed6 {0% {transform: rotate(0);} 100% {transform: rotate(115deg);}}
@-webkit-keyframes fourspeed7 {0% {transform: rotate(0);} 100% {transform: rotate(150deg);}}
@-webkit-keyframes fourspeed8 {0% {transform: rotate(0);} 100% {transform: rotate(175deg);}}
 
 



.risk_label{
 padding:5px;
 display:flex;
}
.risk_bar{
 width:100%;
 height:30px;
 background:#2c3e50;
 border-radius:5px;
 overflow:hidden;
}
.risk_fill{
 height:100%;
 width:0%;
 border-radius:5px;
 transition:width 0.6s ease;
}
.risk_low{ background:linear-gradient(to right,#2ecc71,#27ae60); }
.risk_medium{ background:linear-gradient(to right,#f1c40f,#f39c12); }
.risk_high{ background:linear-gradient(to right,#e67e22,#e74c3c); }
.risk_value{
 font-size:14px;
 margin:auto 0 auto auto;
}