/* Reset CSS */
body,html {font-family:var(--skin-font); width:100%; height:100%; color:var(--skin-text); font-weight:var(--def-font-weight); 
 margin:0; padding:0; border:0; font-size:var(--def-font-size); -webkit-text-size-adjust:100%; box-sizing:border-box;
 -webkit-font-smoothing:antialiased !important; -webkit-overflow-scrolling:touch; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility;
}
div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,marquee,
small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,hr,textarea {
 font-family:var(--skin-font); margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; box-sizing:border-box;
}
html {background-color: var(--thema-bg);}
body {max-width: 1920px; background-size:cover !important;}
i {font-size:100%;}
/*iframe {background-color:var(--skin-bg);}*/
iframe,textarea {font-family:var(--skin-font); font-weight:var(--def-font-weight); display:block; box-sizing:border-box;}
select {font-family:var(--skin-font); font-weight:var(--def-font-weight); border-radius:0;-webkit-appearance:auto; -moz-appearance:auto; appearance:auto;}
select option {padding:0.2rem 0 0.2rem 0 !important;}

table {font-family:var(--skin-font); border-spacing:0; border-collapse:collapse; font-size:100%;}
input {font-weight:var(--def-font-weight);}
input[type=button] {width:auto; border-radius:0.2rem; -moz-border-radius:0.2rem; -webkit-border-radius:0.2rem; font-size:100%; border:var(--skin-border);}
input[type=checkbox] {width:1.25rem; height:1.25rem; margin:0.1rem; font-size:100%; vertical-align:middle;}
input[type=radio] {width:1.1rem; height:1.1rem; margin:0.225rem; font-size:100%;}
input[type=text],input[type=password],textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0.2rem; -moz-border-radius:0.2rem; -webkit-border-radius:0.2rem; box-sizing:border-box; font-size:100%;}
dt {display:inline-block;}
a {text-decoration:none;}
button i, button svg {vertical-align:middle; line-height:unset !important;}
/* Scroll Bars */
*:not(.BrwCovDiv)::-webkit-scrollbar {width:1em; height:1em;}
*:not(.BrwCovDiv)::-webkit-scrollbar-thumb {background-color:var(--scroll-color); border-radius:0.25em;}
*:not(.BrwCovDiv)::-webkit-scrollbar-track {background:var(--skin-bg);}

div:not(.BrwCovDiv)::-webkit-scrollbar {width:1em; height:1em;}
div:not(.BrwCovDiv)::-webkit-scrollbar-track {background:transparent;}
div:not(.BrwCovDiv)::-webkit-scrollbar-thumb {background:var(--scroll-color); border-radius:0.25em;}

input[type=file]::file-selector-button, ::-webkit-file-upload-button {border: var(--btn-border); min-width: 2rem; min-height: 2rem; line-height: 1; background-color: var(--bg-red);}
input[type=file]::file-selector-button:hover, ::-webkit-file-upload-button:hover {cursor:pointer;}
.UploadBtn{vertical-align:middle; border:0; background-color:transparent; font-size:100%; color:var(--fld-input-text); overflow:hidden;}

/* Global */
.PgAnimate {animation:fadein 2s; -moz-animation:fadein 2s; -webkit-animation:fadein 2s; -o-animation:fadein 2s;}
@keyframes fadein {from {opacity:0.6;} to {opacity:1;}}
@-moz-keyframes fadein {from {opacity:0.6;} to {opacity:1;}}
@-webkit-keyframes fadein {from {opacity:0.6;} to {opacity:1;}}
@-o-keyframes fadein {from {opacity:0.6;} to {opacity:1;}}

/* Chrome Border Settings Correction */
input, select, textarea, option, button, img {font-family:var(--skin-font); outline:none !important; vertical-align:middle;}
input:focus, select:focus, textarea:focus, option:focus {}

/* Menu Classes */
.TopNavBtnCover {position:relative; height:100%; display:inline-flex; justify-content:center; align-items:center; border:0px; width: var(--btn-bare-size); height: var(--btn-bare-size);}
.TopBtnMenus {display:none; overflow-y:auto; transition:height 0.5s ease-in-out;}
.TopNavBtn,.LeftNavBtn,.SkinNavBtn {background-color:transparent; border:0; width:var(--btn-bare-size); height:var(--btn-bare-size); display:inline-block; 
 vertical-align:middle !important; text-decoration:none; position:relative;}
.TopNavBtn {color:var(--shell-top-icon);}
.LeftNavBtn {color:var(--shell-left-icon); border-left:2px solid transparent;}
.TopNavBtn i, .LeftNavBtn i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: var(--btn-bare-font-size);}

.LNBActive {border-left:2px solid var(--shell-left-icon);}
.LeftNavBtn:hover {cursor:pointer; background:var(--shell-left-hover-bg); color:var(--shell-left-hover) !important; /*border-radius:50%;*/}

.NEBTop .TopNavBtn i {font-size: 1.45rem !important;}

.SkinNavBtn {color:var(--dark-skin-icon);}
.TopNavBtn span {vertical-align:middle !important; margin:-0.1428rem 0 0 0;}
.TopNavBtn:hover {cursor:pointer; background:var(--shell-top-hover-bg); color:var(--shell-top-hover) !important; border-radius:50%;}
.SkinNavBtn:hover {cursor:pointer; background:var(--ulight-skin-bg); color:var(--dark-skin-icon) !important; border-radius:50%;}
.TopNavBtn:hover svg {fill:var(--shell-top-hover) !important;}
.LeftNavBtn:hover svg {fill:var(--shell-left-hover) !important;}
.SkinNavBtn:hover svg {fill:var(--dark-skin-icon) !important;}

/* Top Classes */
#NxTopLeft {width:20%; vertical-align:middle}
#NxTopLeft .NTL-1 {white-space:nowrap; width:5%; padding-left:0.6rem; vertical-align:middle;}
#NxTopLeft .NTL-2 {white-space:nowrap; width:95%; text-align:left; padding:0 2vw 0 1vw;}
#NxTopMiddle {width:60%; vertical-align:middle; text-align:center;}
#NxTopRight {width:20%; vertical-align:middle;}

.SysLogoHeader {content:var(--Sys-Logo-Header);}
.SysLogo {content:var(--Sys-Logo);}
.NxTopTR1 {height:var(--top-height);}
.NxTopLogo {height:22px; vertical-align:middle; margin-left: 0.4rem;}
.NxCompanyLogo {max-width:9rem; max-height:2rem; vertical-align:middle;}
.NxTopTB {background:var(--shell-top-bg); color:var(--shell-top-text); height:var(--top-height);}
.NxTopTBWin {background:var(--dark-skin-bg); color:var(--dark-skin-text); height:var(--top-height);}
.NxTopTBDiv {display:inline-block}
.NxTopMenuBtn {vertical-align:middle;}
#NxTopMenuBtn td {padding:0 0.5vw 0 0.5vw;}
.CaretTop {position:absolute; color:var(--dark-skin-icon); bottom:-5px; left:50%; transform:translateX(-50%); font-size:70%;}
/* Old B2B */
.N2TopTR1 {height:var(--b2-top-height);}
.N2TopLogo {height:36px; vertical-align:middle;}
.N2TopTB {background-color:var(--shell-top-bg); color:var(--shell-top-text); height:var(--b2-top-height);}
.N2TopTB div {display:inline-block;}
/* Left Classes */
#NxLeft {background:var(--shell-left-bg);}
#NxLeftLogo {content:var(--Sys-Logo-Dark); vertical-align:middle;}
#LMItems .LeftBtnCont {border-bottom:1px solid var(--shell-left-line);}
.LeftBtnCont {text-align:left; vertical-align:middle; white-space:nowrap; /*padding:0.1rem 0 0.1rem calc((var(--left-width-min) - var(--btn-bare-size))/2);*/}

.NxLeftLg {width:var(--left-width-max);}
.NxLeftLg #NxLeftLogo {height:20px; margin:0.75rem 0 0.75rem 0;}
.NxLeftLg .LeftBtnCont span, .NxToolsTb .LeftBtnCont button span {
 display:inline-block; vertical-align:middle; color:var(--shell-left-text); white-space:nowrap; padding:0 var(--btn-obj-padding); font-size:1.06rem; transition:width 0.5s ease-in-out;
}
.NxLeftLg .LeftLgTr:hover {cursor:pointer; background:var(--shell-left-hover-bg); color:var(--shell-left-hover) !important;}
.NxLeftSm {width:var(--left-width-min);}
.NxLeftSm #NxLeftLogo {height:0.75rem; margin:0.75rem 0.075rem 0.75rem 0.075rem;}
.NxLeftSm .LeftBtnCont span {display:none;}

.SideNavBtn {background-color:var(--dark-skin-bg); border:none; color:var(--dark-skin-icon); vertical-align:middle; 
 text-align:center; margin:0; text-decoration:none; width:2.4rem; height:2.4rem; font-size:1.5rem;}
.SideNavBtn:hover {cursor:pointer; background-color:var(--light-skin-bg);}
.LightBorder {border-top:1px solid var(--shell-left-line);}
/* Right Classes */
#NxRight {width:var(--right-width);}
.NxRight {vertical-align:top;}
.NxRTabTd {padding:0.2rem; vertical-align:top;}
.NxRTable {width:100%; height:100%; border-top:1px solid var(--shell-left-line);}
.NxRTabTable {width:100%; border-spacing:0.36rem 0; border-collapse:separate;}
.NxRTabTable td {padding:0.75rem 0.98rem 0.75rem 0; font-size:103%; font-weight:500; letter-spacing:-0.018rem;}
.NxRTabOn {border-bottom:0.16rem solid var(--ulight-skin-icon); cursor:pointer; color:var(--ulight-skin-text);}
.NxRTabOff {border-bottom:0.16rem solid var(--ulight-skin-border); cursor:pointer;}
.NxRTabNone {border-bottom:0.16rem solid var(--ulight-skin-border);}
.NxRTabDiv {width:100%; height:100%; vertical-align:top; padding:0.4rem var(--btn-obj-padding) var(--btn-obj-padding) var(--btn-obj-padding);}
/* Main Classes */
#ScrTopHeader {display:none;}
.TopHeaderTxt {font-family:var(--skin-font-big); font-weight:600; font-size:1.4rem !important; color:var(--app-hdr-color); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; ____max-width:1px;}
.WinHeader {font-family:var(--skin-font-big); font-weight:600; font-size:1.36rem !important; color:var(--group-hdr-color);}
.AppScrHdr {font-family:var(--skin-font); font-weight:516; font-size:1.16rem !important; color:var(--group-hdr-color); background-color:var(--scr-hdr-bg); 
 text-align:center; padding:0.4rem 0.8rem 0.42rem 0.8rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.AuxScrHdr {font-family:var(--skin-font-big); font-weight:600; font-size:136% !important; width:100%; color:var(--group-hdr-color); background-color:var(--scr-hdr-bg); text-align:center; padding:var(--btn-obj-padding) 0 var(--btn-obj-padding) 0;}
/* Buttons */
.btn:not(:disabled),.btnbrw:not(:disabled),.btnico:not(:disabled),.btnbare:not(:disabled) {cursor:pointer;}
.btn,.btnbrw,.btnico,.btnbare {display:inline-block; font-weight:var(--def-font-weight); text-align:left; vertical-align:middle; touch-action:manipulation; background-image:none; white-space:nowrap;
 -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; font-size:100%; border-radius:0.2rem; -moz-border-radius:0.2rem; -webkit-border-radius:0.2rem;}
/* E-Business */
.NEBTopTB {background:var(--shell-top-bg); color:var(--shell-top-text); height:var(--b2-top-height);}
#NEBTop {height:0.1%;}
#NEBMain {height:99.9%;}
.NEBTopLogo {max-height:1.8rem; vertical-align:middle; margin:0 0.8rem 0 1rem;}
#NEB_MENU_COVER {position:fixed; left:0; height:90%; width:100%; background-color:transparent; z-index:1000;}
#NEB_MENU {position:absolute; max-width:420px; width:100%; top:0/*var(--b2-top-height)*/; bottom:0; right:0; left:0; overflow-y:auto; background-color:var(--ulight-skin-bg); 
 box-shadow:10px 0 10px -10px rgba(148, 148, 148, 0.5); z-index:1001;
}
.btn, .btnbrw, .btnico, .btnorj {min-width:2rem; min-height:2rem; line-height:1; -webkit-transition:box-shadow 300ms ease-in-out, color 300ms ease-in-out; transition:box-shadow 300ms ease-in-out, color 300ms ease-in-out;}
.btn, .btnbrw, .btnico {border:var(--btn-border); background-color:var(--btn-bg-color);}
.btnorj {border:var(--btn-border) !important; background-color:var(--btn-bg-color) !important;}
.btn, .btnico {color:var(--btn-color);}
.btnbare {border:0; height:2rem; min-width:2rem; background-color:transparent;}
.btnplain {border: 0; background-color: var(--skin-bg); color: var(--btn-color);}
.btnround {border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:inline-block; border:var(--btn-border); height:2.2rem; min-width:2.2rem; background-color:transparent;}
.btn-text-yes, .btn-text-ico {padding:0 var(--btn-obj-padding) 0 var(--btn-obj-padding);}
.btnLMrg {margin-left:var(--btn-obj-padding);}
.btnRMrg {margin-right:var(--btn-obj-padding);}
.btn-text-yes i {display:var(--btn-icon-display) !important;}
.btn-text-yes span {display:var(--btn-text-display) !important;}
.btn-text-no {text-align:center; position: relative;}
.btn-text-no i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.btnbrw {width:100%; color:var(--darkblue);}
.btnico {}
.btnlong {width:100%; min-width:300px; max-width:400px; ___margin-bottom:0.4rem;}
.btn i,.btnbrw i ,.btnico i {font-size:1.16rem;} /*color:var(--skin-icon); */
.btnbare i, .btnround i {color:var(--skin-icon); font-size:var(--btn-bare-font-size); vertical-align:middle;}
.btn span,.btnbrw span {max-width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap !important; display:inline-block !important; vertical-align:middle;}
.btn:not(.btn-important):hover,.btnbrw:hover,.btnico:hover {border:var(--btn-hover-border); color:var(--btn-hover-color) !important; background-color:var(--btn-hover-bg-color) !important;}
.btn-important:hover {border:var(--btn-hover-border);}

/* Button Menu */
.ButtonCover {
 position:relative;   
}
.ButtonCover:hover .btn { 
 border:var(--skin-border); 
 color:var(--btn-hover-color); 
 background-color:var(--btn-hover-bg-color);
}
.ButtonMenu {
 position:absolute; 
 border:var(--skin-border) !important; 
 background-color:var(--ulight-skin-bg) !important; 
 color:var(--ulight-skin-text) !important; 
 padding:0.76rem 1.13rem 0.62rem 0.86rem; 
 z-index:5;
 top:2.12rem; 
 left:0.2rem;
}   
.ButtonMenu ul li {
 line-height:1.84rem; 
 text-align:left; 
 white-space:nowrap;
 list-style-type: none;
}
.ButtonMenu ul li i {
 font-size: 1.2rem; 
 margin-right: 0.6rem;
}
.ButtonMenu ul li:hover {
 cursor:pointer; 
 color:var(--skin-text-hover);
}
/* End of Button Sub Menu */

/* İncelenecek - temizlenecek */
.btnoptCover, .optCover {position:relative;}
.btnoptMenu, .optMenu {position:absolute; display:none !important; border:var(--skin-border) !important; background-color:var(--ulight-skin-bg) !important; color:var(--ulight-skin-text) !important; padding:0.52rem 1.13rem 0.62rem 0.86rem; z-index:5;}
.btnoptMenu {top:2.12rem; left:0.2rem;}
.MainBrw .btnoptMenu {top:2.05rem; left:0rem;}
.optMenu {top:2.8rem; right:-0.7rem; border-radius:0.2rem; -moz-border-radius:0.2rem; -webkit-border-radius:0.2rem; z-index:201;}
.btnoptMenu ul li,.optMenu ul li {margin-left:1rem; line-height:1.65rem; text-align:left; white-space:nowrap;}
.btnoptMenu ul li:hover, .optMenu ul li:hover, .srcoptMenu tr:hover, .mymoptMenu tr:hover {cursor:pointer; color:var(--darkblue);}
.btnoptCover:hover .btnoptMenu, .btnoptCover:hover .srcoptMenu, .btnoptCover:hover .mymoptMenu, .optCover:hover .optMenu {display:block !important;}
.btnoptCover:hover .btn { border:var(--skin-border); color:var(--btn-hover-color); background-color:var(--btn-hover-bg-color);}

#TOP_BTN_OPT {display:none;}
.btnbare:hover, .btnround:hover {cursor:pointer; background:var(--shell-top-hover-bg); color:var(--shell-top-hover) !important; border-radius:50%;}
.btn-text-yes:hover span {display:inline-block !important;}
.BtnSideCover {display:inline-block; vertical-align:top; padding:0 0.3rem 0.3rem 0.3rem; white-space:normal;}
.BtnSideCover .btn {display:block;}
.BtnSideCover button:not(:first-child) {margin-top:0.225rem !important;}
.wsbtn0 {width: 100% !important;}
.wsbtn1 {width: calc(100% - 2.4rem) !important;}
.wsbtn2 {width: calc(100% - 4.8em) !important;}
.wsbtn3 {width: calc(100% - 7.2rem) !important;}
.wsbtn4 {width: calc(100% - 9.6rem) !important;}

/* Search */
#NxSearchDiv {width:100%; padding-bottom:var(--btn-obj-padding); background:var(--shell-top-bg); color:var(--shell-top-text);}
.NxSrcCover {width:100%; max-width:600px; margin:0 auto;}
.NxSrcBox {width:100%; display:table;}
.NxSrcBoxCell {display:table-cell; vertical-align:top;}
.srcoptMenu, .mymoptMenu {position:absolute; display:none !important; border:var(--skin-border) !important; border-spacing:0.6rem; border-collapse:separate; z-index:5; text-align:left;}
#APP_MENU {left:-2.75rem;}
#MY_MENU {left:0.2rem;}
#APP_MENU, #MY_MENU {position:absolute; top:2.9rem; padding:var(--btn-obj-padding) 1.2rem 5rem 0.84rem; color:var(--skin-text); border:var(--skin-border); min-height:100px;
 background-color:var(--skin-bg); z-index:12; max-height:1200px; overflow-y:auto; min-width:300px; text-align:left; overscroll-behavior:contain;
}
#APP_MENU:hover #PWBODY, #MY_MENU:hover #PWBODY {overflow:hidden;}
.ShMnHdr {font-family:var(--skin-font-big); font-weight:600; font-size:1.3rem !important; padding:0.2rem 0 0.35rem 0; color:var(--group-hdr-color); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; width:100%}
.ShMnGroup {display:block; line-height:2rem; font-size:1.08rem; font-weight:500; color:var(--group-hdr-color);}
.ShMnItem {display:block; line-height:1.65rem; white-space:nowrap;}
.ShMnItem:hover {cursor:pointer; color:var(--aux-hdr-color);}
.ShMnItem span {width:2.18rem; display:inline-block;}
.ShMnItem span i {color:var(--menu-tile-icon);}
.ShMnItem p {font-size:100%; margin:0; display:inline-block;}

/* Side Button olarak kullanımda geçerli for chrome */
.symbol-brw {font-size:1.24rem; vertical-align:middle;}
.symbol-ico {font-size:1.5rem; vertical-align:middle;}
.warn-msg-ico {font-size:1.5rem; vertical-align:middle; margin-right:0.5rem;}
.c-red {color:var(--red) !important;}
.c-green {color:var(--green) !important;}
.c-blue {color:var(--blue) !important;}
.c-darkblue {color:var(--darkblue) !important;}
.c-yellow {color:var(--yellow) !important;}
.c-gray {color:var(--gray) !important;}
.c-orange {color:var(--orange) !important;}

.btn-side {}   /*margin-top:-0.225rem !important; border:var(--skin-border);}*/
.btn-white {color:var(--skin-text); background-color:var(--bg-white) !important;}
.btn-gray {color:#222222; background-color:var(--bg-gray) !important;}
.btn-green {color:var(--green);}
.btn-blue {color:var(--darkblue);}
.btn-go {color:var(--btn-hover-color) !important; background-color:var(--btn-hover-bg-color) !important; border:1px solid var(--btn-hover-bg-color) !important;}
.btn-turquoise {color:#222222; background-color:var(--bg-turquoise) !important;}
.btn-red {color:var(--red);}
.btn-purple {color:var(--purple) !important;}
.btn-yellow {color:var(--yellow);}
.btn-important {color:#FFFFFF !important; background-color:var(--bg-important) !important; border-color:var(--bg-important);}
.btn-disabled {opacity: 0.65 !important;}
.btn-transparent {background-color:transparent !important; border:1px solid transparent !important;}
.btn-transparent i {font-size:1.3rem !important;}
.bg-yellow {background-color:var(--bg-yellow) !important;}
.bg-yellow-opak {background-color:#ffd855 !important;}
.bg-green {background-color:var(--bg-green) !important;}
.bg-green-opak {background-color:#24b000 !important; color:#ffffff !important;}
.bg-orange {background-color:#ffcea7 !important;}
.bg-orange-opak {background-color:#ff9800 !important; color:#ffffff !important;}
.bg-black-opak {background-color:#5E5E5E !important; color:#ffffff !important;}
.bg-red {background-color:var(--bg-red) !important;}
.bg-red-opak {background-color:#ff5555 !important; color:#ffffff !important;}
.bg-blue {background-color:var(--bg-blue) !important;}
.bg-blue-opak {background-color:#5496cd !important; color:#ffffff !important;}
.bg-lightgray {background-color:#e0e0e0 !important;}
.bg-lightyellow {background-color:#fffbf5 !important;}
.bg-lightblue {background-color:#f7fbff !important;}
.bg-white {background-color:#ffffff !important;}
.bg-inc {background-color:#d4edfa !important;}
.bg-exp {background-color:#ffd4d4 !important;}
.ico-delete {color:var(--red);}

.btnwide:not(:disabled),.btnwide-active:not(:disabled) {cursor:pointer;}
.btnwide,.btnwide-active {display:block; font-weight:var(--def-font-weight); text-align:left; vertical-align:middle; touch-action:manipulation; background-image:none; border:var(--btn-border); white-space:nowrap; 
 border-radius:2px 2px 2px 2px; padding:0 0.45rem 0 0; font-size:100%; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; color:var(--btn-color); min-height:2rem;}
.btnwide i, .btnwide-active i {color:var(--skin-icon); font-size:1.1rem; vertical-align:middle; background-color:var(--skin-text-highlight); width:2rem; min-height:2rem; line-height: 2rem !important;}
.btnwide span, .btnwide-active span {vertical-align:middle; display:inline-block; overflow:hidden; text-overflow:ellipsis; width:calc(100% - 2rem); white-space:nowrap;}
.btnwide:hover,.btnwide-active:hover {color:var(--btn-color); background-color:var(--hover-bg);}
.btnwide {background-color:transparent;}
.btnwide-active {color:var(--btn-color); background-color:var(--hover-bg);}

/* Browse Filters */
.FiltFrame {width:300px; height:100%;}
.FFTabsDiv {width:100%; background:var(--ulight-skin-bg); padding:0.52rem .9rem 0 .9rem;}
.FFTabTable {width:100%; border-spacing:0.25rem 0; border-collapse:separate;}
.FFTabTable td {padding:0.75rem 0.98rem 0.75rem 0; font-size:100%;}
.FFTabTDOn {border-bottom:var(--dark-skin-border) 0.16rem solid; cursor:pointer; color:var(--black);}
.FFTabTDOff {border-bottom:var(--skin-border-2); cursor:pointer;}
.FFTabTDNone {border-bottom:var(--skin-border-2);}
.FFTab {padding:0.4rem 1rem 1rem 1rem;}

.btndivd {display:block; font-size:110%; text-align:left; vertical-align:middle; touch-action:manipulation; color:#333333; width:100%; background-color:transparent; padding:var(--btn-obj-padding) 0; border:0; border-bottom:var(--skin-border);}
.btndivd i {float:right;}
.btndivd:hover {color:#000000; cursor:pointer;}
.DivdDiv {margin:0.7rem 0; max-height:350px; overflow:hidden; overflow-y:auto;}
.DivdTable {border-spacing:0 0.25rem; border-collapse:separate;}
.DivdTable td:nth-child(1) {padding-right:var(--btn-obj-padding);}
.DivdRb tr:hover {color:#000000; cursor:pointer;} 

.BSImgShow, .TumbImg {text-align:center; vertical-align:middle; background-position:center; background-repeat:no-repeat; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover;}
.TumbImg {width:3rem; height:3rem; display:inline-block; border:1px solid transparent;} 
.TumbImg:hover {border-color:var(--red); cursor:pointer;} 
/* Fields */
.ftxtNoFmt {height:100%; width:100%; vertical-align:middle; border:0; background-color:transparent; padding:0 0.225rem; font-size:100%; color:var(--fld-input-text); overflow:hidden;}
.ftxt,.ftxtz,.ftxtb,.ftxtA,.fnum,.fnumz,.fnumb,.ftxtg,.fnumg {
 font-size:100%; color:var(--fld-input-text); overflow:hidden; border:var(--skin-border); padding:0 0.225rem; border-radius:0px; height:2rem; background-color:var(--fld-input-bg); border-radius:0.2rem; -moz-border-radius:0.2rem; -webkit-border-radius:0.2rem;
}
.sftxt {font-size:90% !important; color:var(--fld-input-text); background-color:var(--fld-input-bg); overflow:hidden; border:var(--skin-border); padding:0 0.425rem; border-radius:0px; height:1.76rem;}
.ftxtz {border-left:1px solid var(--red);}
.ftxtb {border-left:1px solid var(--darkblue);}
.ftxtg {border-left:1px solid var(--green); background-color: var(--cGreenLight);}
.ftxtA {background-color:var(--fld-input-bg);}
.fnum {background-color:var(--fld-input-bg); text-align:right;}
.fnumz {text-align:right; border-left:1px solid var(--red);}
.fnumb {text-align:right; border-left:1px solid var(--darkblue);}
.fnumg {text-align:right; border-left:1px solid var(--green); background-color: var(--cGreenLight);}
.SearchSelect option, .fsel option, .fselz option, .fselb option, .fselg option {padding:0.2rem 0 0.2rem 0 !important;}
.fsel, .fselz, .fselb, .fselg {
 font-size:100%; color:var(--fld-input-text); padding:0 0.1rem; border:var(--skin-border); border-radius:0px; height:2rem; background-color:var(--fld-input-bg); border-radius:0.2rem; -moz-border-radius:0.2rem; -webkit-border-radius:0.2rem;
}
.sfsel {font-size:90%; color:var(--fld-input-text); padding:0 0.1rem; border:var(--skin-border); border-radius:0px; height:1.76rem; background-color:var(--fld-input-bg);}
.fselmulti {font-size:100%; color:var(--fld-input-text); padding:0.225rem; border:var(--skin-border); border-radius:3px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:var(--fld-input-bg);}
.fselmulti option {padding:0.2rem 0 0.2rem 0 !important;}
.fselz {border-left:1px solid var(--red);}
.fselb {border-left:1px solid var(--darkblue);}
.fselg {border-left:1px solid var(--green); background-color: var(--cGreenLight);}
.flong {width:100%}
.Sfnum {font-size:85% !important; color:var(--fld-input-text); overflow:hidden; border:var(--skin-border); padding:0.05rem 0.2rem; border-radius:0.2rem !important; background-color:var(--fld-input-bg); text-align:right;}
.fsel-btn {border-top-right-radius:0 !important; border-bottom-right-radius:0 !important; border-right:0; margin-right:0 !important; background-color:var(--btn-bg-color);} 
.AppTopButtons {width:100%; padding:0.4rem 0.4rem 0.35rem 0.4rem !important; background:var(--ulight-skin-bg);}
.AppTopButtons input,.AppTopButtons select {margin:0.2rem; vertical-align:middle;}
.AppTopButtons span {white-space:nowrap;}
.AppTopButtons p {font-size:100%; display:inline-block; margin-right:5%;}
.AppTopButtons label {white-space:nowrap; margin:0.2rem; vertical-align:middle;}
.AppTopButtons button {margin:0.2rem;}
.AppTopButtons div {display:inline-block; vertical-align:middle; white-space:nowrap;}
.AppTopButtons div span {vertical-align:middle;}
.AppTopButtons div dt {display:inline-block; vertical-align:middle; white-space:nowrap;}
.AppTopSection {display:contents;}
.AppMidBtnAdj {padding:var(--btn-obj-padding) 0.25rem 0 0.25rem; background:var(--skin-bg) !important;}
.AppBtnTd {width:100%;}
#BTN_OCFTOP, #BTN_OCBTNS {display:none;}
#ScrTopSection {display:inline-block;}
.ButtonBlock {margin:0 0.35rem 0 0.35rem;}
/* The Modal (background) */
.IWinDivModal {display:none; width:100%; height:100%; background:var(--modal-bg); position:fixed; top:0; left:0; opacity:1.0; z-index:3;}
.IWinDivStd {padding:0;}
.IfrmLang {width:100%; min-height:30px; overflow:hidden;}
/*old z-index:200*/
.modal {display:none; position:fixed; z-index:auto; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:var(--modal-bg); transition:opacity 500ms;}
.fa-gradient {background:-webkit-gradient(linear, left top, left bottom, from(#e50000), to(#0042e5));	-webkit-background-clip:text; -webkit-text-fill-color:transparent;}
/* Modal Content */
.IWinModal {position:relative; opacity:1.0; overscroll-behavior:contain;}  
.IWinStd {background-color:var(--skin-bg); min-width:100px;}
.IWinTrans {background-color: transparent; min-width:100px;}
.modal-content {position:relative; background-color:var(--skin-bg); opacity:1.0; margin:auto; padding:0px; border:1px solid var(--light-skin-border);}
.anim-right {transition:all 5s ease-in-out; -webkit-animation-name:animateRight; -webkit-animation-duration:0.4s; animation-name:animateRight; animation-duration:0.4s}
.anim-left {transition:all 5s ease-in-out; -webkit-animation-name:animateLeft; -webkit-animation-duration:0.4s; animation-name:animateLeft; animation-duration:0.4s}
.anim-top {transition:all 5s ease-in-out; -webkit-animation-name:animateTop; -webkit-animation-duration:0.4s; animation-name:animateTop; animation-duration:0.4s}
/* Add Animation */
@-webkit-keyframes animateTop {from {top:-300px; opacity:0} to {top:0; opacity:1}}
@keyframes animateTop {from {top:-300px; opacity:0} to {top:0; opacity:1}}
@-webkit-keyframes animateRight {from {right:-500px; opacity:0} to {right:0; opacity:1}}
@keyframes animateRight {from {right:-500px; opacity:0} to {right:0; opacity:1}}
@-webkit-keyframes animateLeft {from {right:-500px; opacity:0} to {left:0; opacity:1}}
@keyframes animateLeft {from {left:-500px; opacity:0} to {left:0; opacity:1}}
/* New TAB classes */
.LeftPad {padding-left:var(--btn-obj-padding) !important;}
.DivTab {padding: var(--btn-obj-padding) var(--btn-obj-padding) 5rem  var(--btn-obj-padding); width:100%; vertical-align:top;}
.NDivTAB {width:100%; height:100%; padding: var(--btn-obj-padding) 0 5rem 0; vertical-align:top; min-height:500px; overflow-y:auto; overflow-x:auto;}
.NTableTAB {width:100%; height:100%; border-spacing:var(--btn-obj-padding); border-collapse:separate;}
.NTabTable {width:100%; border-spacing:0.2rem; border-collapse:separate; background:var(--ulight-skin-bg); margin:0 0 0 0; min-height: 2.7rem;}
.NTabTable > tbody > tr > td {padding:0.3rem 0.9rem var(--btn-obj-padding) 0;}
.NTabL2 {display:none;}
.NTabL1 {display:table-row;}

.NTabText {____display:inline-block; font-size:103%; font-weight:500; letter-spacing:-0.018rem;}
.NTabImgCircle {width:2.2rem; height:2.2rem; border:1px solid var(--ulight-skin-stroke); border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; 
 margin-right:0.46rem; display:inline-flex; justify-content:center; align-items:center;}
.NTabImgCover {margin-right:var(--btn-obj-padding); __display:inline-flex; __justify-content:center; ___align-items:center; font-size:1.2rem;}
/* .NTabImg {filter:grayscale(100%) sepia(100%) hue-rotate(180deg);}*/
.NTabImg {width: 1.6rem; border-radius: 50%;}

.NTabTDOn {border-bottom:0.16rem solid var(--ulight-skin-icon); cursor:pointer;}
.NTabTDOn .NTabText {color:var(--ulight-skin-text); opacity:1; font-weight:600;}
.NTabTDOn .NTabImgCircle {background-color:var(--ulight-skin-icon); color:var(--skin-bg); font-size:1rem;}
.NTabTDOn .NTabImgCover {color:var(--ulight-skin-icon);}

.NTabTDOff {border-bottom:var(--skin-border-2); cursor:pointer;}
.NTabTDOff .NTabText {color:var(--skin-text); opacity:0.75;}
.NTabTDOff:hover {border-bottom:0.16rem solid var(--ulight-skin-border);}
.NTabTDOff .NTabImgCircle {background-color:transparent; color:var(--skin-icon); font-size:1rem;}

.NTabTDEmpty {border-bottom:var(--skin-border-2);}
.NTabSel {font-size:100%; border:0; background-color:var(--skin-bg); color:var(--skin-text); height:2rem; font-weight:500; border:1px solid var(--ulight-skin-border);}
.TabFrame {border-spacing:0; border-collapse:collapse; width:100%; height:100%;}
.TabFrame1 {border-spacing:0; border-collapse:collapse; width:100%; height:1%;}
.TabText {}

/* Progress Bar */
.NPrgTable {width:100%;}
.NPrgTdCover {position:relative; width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.NPrgTdHLine {background-color:#bfbfbf; position:absolute; width:100%; height:0.0625rem; top:50%;}
.NPrgTdStartEnd {background-color:#bfbfbf; width:2px; height:1.56rem;}
.NPrgCircle {position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border:1px solid #c0c0c0; background-color:#ffffff; 
 width:3rem; height:3rem; padding:0.3rem; ___margin:0.3rem;}
.NPrgRoundOn, .NPrgRoundOff {position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; font-size:1.5rem; width:100%; height:100%;
 color:var(--dark-skin-text); display:flex; justify-content:center; align-items:center;}
.NPrgRoundOn {background-color:var(--dark-skin-bg);}
.NPrgRoundOff {background-color:var(--light-skin-bg);}
.NPrgText {position:relative; font-size:1.08rem; vertical-align:top; __min-width:15rem; text-align:center; padding:0.5rem 1rem var(--btn-obj-padding) 1rem; line-height:1.5rem;}
.NTxtOn {font-weight:600; border-bottom:2px solid var(--ulight-skin-icon);}
.NTxtOff {font-weight:600; border-bottom:2px solid var(--ulight-skin-border);}
.NPrgArrow {position:absolute; font-size:1.3rem; color:var(--ulight-skin-icon); bottom:-0.94rem; left:50%; transform:translateX(-50%);}
.NPrgChevron {font-size:2rem; color:#666666; padding:0 0.3rem;}
.NPrgTdCover:hover, .NPrgText:hover {cursor:pointer;} 

.AppGridHdr {font-size:115%; color:var(--light-skin-text); margin:1.2rem 0.375rem 1.2rem 0.375rem;}
/* Menu Listing */
.MMdlHdr {font-size:118%; color:var(--light-skin-text); margin:0; padding:1.05rem 0 1rem 0.4rem; white-space:nowrap;}
.MMdlHdr img {vertical-align:middle; margin:0 0.9rem 0 0.15rem; height:26px;}
.MItem {border-spacing:0.4rem; border-collapse:separate;}
.MItem td:hover {cursor:pointer; color:var(--light-skin-text);}
.MItem td i {border:none; color:var(--dark-skin-icon); display:inline-block; vertical-align:middle; padding:0 0.1rem 0 0.35rem; 
 text-decoration:none; font-size:var(--btn-bare-font-size);}
.MItemTxt {font-size:100%; color:var(--dark-skin-icon);}
.MItemTxt span {font-weight:300;}
.MItemTxtB {font-size:105%; color:var(--dark-skin-icon);}
.M1 {margin:0 0 1px 0px;}
.M2 {margin:0 0 1px 1.425003rem;}
.M3 {margin:0 0 1px 2.85rem;}
.M4 {margin:0 0 1px 4.275rem;}
.M5 {margin:0 0 1px 5.7rem;}
.ScrHdr {___font-family:var(--skin-font-big); font-weight:500; font-size:116%; color:var(--aux-hdr-color); vertical-align:middle; display:inline-block; width:100%; background:var(--ulight-skin-bg); 
 overflow:hidden; text-overflow:ellipsis; padding:0.9rem 0.65rem 0.3rem 0.67rem;
}
.TbodyEmp {box-shadow:0 0 0 1px #c70000;}
.TbodyEmp:before {content:""; display:block;}
.TbodyEmpAfter:before {content:""; display:block;}
.TableEmp {border:1px solid #c70000;}
.tr-lbl {font-size:100%; margin:0; padding:0.475rem 0 0 0; color:var(--skin-text);}
.lbl,.lblz,.lblb,.lblg {font-size:100%; margin:0; padding:0.375rem 0.375rem 0.375rem 0; min-height:2rem;}
.lbl {color:var(--skin-text);}
.lblz {color:var(--red);}
.lblb {color:var(--darkblue);}
.lblg {color:var(--green);}
.LblInfo {position:absolute; border:var(--skin-border); border-radius:0.2rem; -moz-border-radius:0.2rem; -webkit-border-radius:0.2rem; background-color:var(--skin-bg); 
 padding:var(--btn-obj-padding); font-size:12px; max-width:220px; z-index:100; white-space:normal;
}
.LblHelp {position:absolute; border:var(--skin-border); border-radius:0.2rem; -moz-border-radius:0.2rem; -webkit-border-radius:0.2rem; background-color:var(--skin-bg); max-width:330px; height:435px; z-index:100;}
.ftxtfix,.ftxtfixz {font-family:var(--mono-font); font-size:var(--mono-font-size); font-weight:var(--mono-font-weight); font-style:normal; color:var(--fld-input-text); padding:0.225rem; overflow:hidden; border:var(--skin-border);}
.ftxtfix {background-color:var(--fld-input-bg);}
.ftxtfixz {background-color:var(--fld-input-bg); border-left:1px solid var(--red);}
.cmb01 {font-family:var(--mono-font); font-size:var(--mono-font-size); font-weight:var(--mono-font-weight); font-style:normal; height:1.725rem;}
.cmb01z {font-family:var(--mono-font); font-size:var(--mono-font-size); font-weight:var(--mono-font-weight); font-style:normal; background-color:#fff3f3; height:1.725rem;}
.ftar,.ftarz,.ftarb,.ftarg,.ftarflex {font-family:var(--skin-font); font-size:100%; color:var(--fld-input-text); background-color:var(--fld-input-bg); border:var(--skin-border); padding:0.225rem 0.225rem 0.3rem 0.225rem; 
 min-height:2rem; height:auto; overscroll-behavior:contain;}
.ftar {background-color:var(--fld-input-bg);}
.ftarz {border-left:1px solid var(--red);}
.ftarb {border-left:1px solid var(--darkblue);}
.ftarg {border-left:1px solid var(--green);}
.ftarflex {min-height:1.8rem; resize:none; height:auto;}
.ftarfix,.fsource,.ftarfixz {font-family:var(--mono-font); font-size:var(--mono-font-size); font-weight:var(--mono-font-weight); font-style:normal; color:var(--fld-input-text); border:var(--skin-border); 
 padding:0.225rem; margin:0; background-color:var(--fld-input-bg); overscroll-behavior:contain;
}
.ftarfixz {border-left:1px solid var(--red);}
.txtfix {font-family:var(--mono-font); font-size:var(--mono-font-size); font-weight:var(--mono-font-weight); font-style:normal; margin:0;}

#HeadBarBtn {display:none; position:fixed; border:0; z-index:99999; background-color:var(--dark-skin-bg); color:var(--light-skin-icon); cursor:pointer; 
 border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px;
 width:3rem; padding:0; left: 50%; transform: translateX(-50%); opacity: 0.8;
}
#HeadBarBtn i {margin-top:-0.5rem;}
#GoToTopBtn,#GoToBottomBtn,#GoSource {position:fixed; padding:3px 6px; border:0; z-index:99; background-color:var(--light-skin-bg); 
 color:var(--light-skin-icon); cursor:pointer; border-radius:5px; -webkit-border-radius:5px; font-size:18px;
}
#GoToTopBtn {display:none; bottom:4px; right:50px;} /* 36px 20px*/
#GoToBottomBtn {display:none; bottom:4px; right:20px;}
#GoSource{bottom:4px; left:4px;}
#GoToTopBtn:hover, #GoToBottomBtn:hover, #GoSource:hover, #HeadBarBtn:hover {background-color:var(--dark-skin-bg); color:var(--dark-skin-icon);}
.btn_bare {background-repeat:no-repeat; background-position:0.225rem 50%; border-width:0; padding:0.225rem 0.225rem 0.225rem 1.425003rem; overflow:visible; cursor:pointer; vertical-align:middle; background-color:transparent;}
.btn_bare:hover {background-color:#e5e5e5;}
.btn_side,.btnR_side,.btn_small {
 background-repeat:no-repeat; background-position:0.41rem 50%; border-width:1px; border-style:solid; padding:0.225rem 0.225rem 0.225rem 1.425003rem; overflow:visible; cursor:pointer; vertical-align:middle;
}
.btn_side {background-color:var(--btn-bg-color); border:var(--skin-border); height:2rem; min-width:2rem;}
.btnR_side {background-color:#F8BEBE; border:var(--skin-border); height:2rem; min-width:2rem;}
.btn_side:hover,.btnR_side:hover,.btn_small:hover {border:1px solid #e78a29;}

.btn0,.btn1,.btnG,.btnB,.btnR,.btnP,.btnY,.btnRed {font-size:100%; cursor:pointer; padding:0.3rem var(--btn-obj-padding); overflow:visible; border:var(--skin-border); line-height:1; height:2rem;}
.btn0 {color:var(--skin-text); background-color:#FFFFFF;}
.btn1 {color:var(--btn-color); background-color:var(--btn-bg-color);}
.btnG {color:var(--green); background-color:var(--btn-bg-color);}
.btnB {color:var(--darkblue); background-color:var(--btn-bg-color);}
.btnR {color:var(--red); background-color:var(--btn-bg-color);}
.btnP {color:#FFFFFF; background-color:#C65ABD;}
.btnY {color:var(--blue); background-color:var(--btn-bg-color);}
.btnRed {color:#FFFFFF; background-color:#FF0000;}

.b_noimg,.b_calc,.b_home,.b_week,.b_month,.b_alloc,.b_aktar,.b_new,.b_eml,.b_newline,.b_newline2,.b_save,.b_close,.b_doc,.b_help,
.b_print,.b_glvch,.b_tahsilat,.b_openvch,.b_catalogue,.b_filter,.b_filtercls,.b_send,.b_favorite, .b_calendar,
.b_del,.b_brw,.b_find,.b_sendemail,.b_replyemail,.b_replyallemail,.b_forwardemail,.b_toexcell,.b_clear,.b_go,.b_opr,.b_lang,.b_menu,.b_commit,.b_uncommit,.b_pdf,.b_edit,.b_show,.b_open,.b_magnify,
.r_report,.r_reportbatch,.r_toexcell,.r_design,.r_newreport {background-repeat:no-repeat; background-position:0.3rem 50%; text-indent:1.5rem;}
.b_none {background-repeat:no-repeat; background-position:0.3rem 50%; min-width:1.875rem;}
.b_calendar,.s_calendar {background-image:url(/Minerva/IMG/ICO/calendar-month.png);}
.b_aktar {background-image:url(/Minerva/IMG/ICO/arrow-transition.png);}
.b_alloc {background-image:url(/Minerva/IMG/ICO/node-select-child.png);}
.b_brw {background-image:url(/Minerva/IMG/ICO/blogs-stack.png);}
.b_calc {background-image:url(/Minerva/IMG/ICO/calculator-scientific.png);}
.b_catalogue {background-image:url(/Minerva/IMG/ICO/address-book-open.png);}
.b_clear,.s_clear {background-image:url(/Minerva/IMG/ICO/broom.png);}
.b_close {background-image:url(/Minerva/IMG/ICO/16/close.png);}
.b_commit {background-image:url(/Minerva/IMG/ICO/tick.png);}
.b_del {background-image:url(/Minerva/IMG/ICO/16/remove.png);}
.b_edit,.s_edit {background-image:url(/Minerva/IMG/ICO/redit.png);}
.b_find {background-image:url(/Minerva/IMG/ICO/a_binocular_16.png);}
.b_glvch {background-image:url(/Minerva/IMG/ICO/16/proforma-banknote.png);}
.b_go {background-image:url(/Minerva/IMG/ICO/16/zoom.png);}
.b_lang {background-image:url(/Minerva/IMG/ICO/language.png);}
.b_magnify,.s_magnify {background-image:url(/Minerva/IMG/ICO/magnifier.png);}
.b_menu {background-image:url(/Minerva/IMG/ICO/16/appmenu.png);}
.b_new {background-image:url(/Minerva/IMG/ICO/16/button_rounded_blue_add.png);}
.b_open {background-image:url(/Minerva/IMG/ICO/document--arrow.png);}
.b_opr {background-image:url(/Minerva/IMG/ICO/gear--pencil.png);}
.b_openvch {background-image:url(/Minerva/IMG/ICO/blue-document-convert.png);}
.b_print {background-image:url(/Minerva/IMG/ICO/16/print.png);}
.b_pdf {background-image:url(/Minerva/IMG/ICO/document-pdf.png);}
.b_save {background-image:url(/Minerva/IMG/ICO/16/ok_button.png);}
.b_send {background-image:url(/Minerva/IMG/ICO/arrow-transition-180.png);}
.b_show {background-image:url(/Minerva/IMG/ICO/slide.png);}
.b_uncommit {background-image:url(/Minerva/IMG/ICO/arrow-circle-225-left.png);}
.r_report {background-image:url(/Minerva/IMG/ICO/report--arrow.png);}
.btn0:hover,.btn1:hover,.btnG:hover,.btnB:hover,.btnR:hover,.btnP:hover,.btnY:hover,.btnRed:hover {border:1px solid #e78a29;}

#TBBRW input[type="button"] {border-color:transparent;}
#TBBRW input[type="button"]:hover {border-color:var(--skin-border);}
.btnline,.btnlineact {font-size:100%; color:var(--skin-text); margin:0px; cursor:pointer; text-align:left; padding:0.225rem 0 0.225rem 1.875rem; border:1px solid transparent; border-bottom:1px solid #DDDDDD; background-repeat:no-repeat; background-position:left center;}
.btnline,.nanLine {background-color:transparent;}
.btnlineact,.selLine {background-color:#FFE8C1;}
.btnline:hover,.btnlineact:hover {border-bottom:1px solid #e78a29;}

/* Body Important */
.BodyIFR {}
.BodyMFR {}
.BodyWFP {}
.BodyWIN {}
.BodyGen {background-color:var(--skin-bg); overscroll-behavior:contain;}
.BodyLangs {margin:-7px 0 0 -4px;}
.BodyModalScr {background:var(--modal-bg); padding:0.2%;}

.TbModalScr {background-color:var(--skin-bg);}
.Body90Transparent {background-image:url(/Minerva/IMG/SYS/bgw90.png);}
.BodyTransparent {background-color:transparent;}
@keyframes fadein {from {opacity:0.6;} to {opacity:1;}}
@-moz-keyframes fadein {from {opacity:0.6;} to {opacity:1;}}
@-webkit-keyframes fadein {from {opacity:0.6;} to {opacity:1;}}
@-o-keyframes fadein {from {opacity:0.6;} to {opacity:1;}}
.MFRMENU {background-color:var(--skin-bg); color:var(--skin-text); min-height:99%; min-height:-webkit-calc(99% - 1px); min-height:-moz-calc(99% - 1px); min-height:calc(99% - 1px); padding:0;}
.WINHD {font-size:130%; color:var(--light-skin-text);}
.db_colhead {font-size:100%; padding:0.15rem; box-sizing:border-box; line-height:1.875rem; color:var(--light-skin-text); 
 font-weight:600; background-color:var(--light-skin-bg); border-bottom:1px solid var(--light-skin-border); padding:0 0.4rem 0 0.4rem;
}
.p_inf {font-size:100%; color:#003399; margin:0.1rem 0 var(--btn-obj-padding) 0;}
.Inf {font-size:0.95%; padding:0 0 5px 2px;}
.PRGF {font-size:100%; color:var(--skin-text); margin:0 0.225rem 0.225rem 0.225rem;}

.KLwr {font-variant:normal; font-size:100%; color:var(--skin-text); margin:0px; border:1px solid #999999; height:1.875rem; padding-left:0.15rem; padding-right:0.15rem; word-wrap:break-word; overflow:hidden ; text-overflow:clip;}

/* Kontrol et Temizle"
.brwtable {font-size:100%; margin-top:0.15rem; color:var(--skin-text); margin-left:0.15rem; margin-right:0.15rem; height:1%; -moz-box-sizing:border-box; box-sizing:border-box;}
*/

.txtg,.txtb,.txtr,.txtw,.txtm,.txty ,pre {font-variant:normal; font-size:100%; margin:0; font-weight:500;}
.txtg {color:#666666;}
.txtb {color:var(--skin-text);}
.txtr {color:var(--red);}
.txtw {color:#ffffff;}
.txtm {color:var(--darkblue);}
.txty {color:var(--green);}

/* Circle Number */
.NumCircle {position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border:1px solid #c0c0c0; background-color:#ffffff; width:2.3rem; height:2.3rem; padding:0.14rem; margin:0.14rem;}
.NumRound {position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; font-size:1.12rem; width:100%; height:100%;
 color:var(--dark-skin-text); display:flex; justify-content:center; align-items:center; background-color:var(--bg-gray);}

/* Sorting */
.SUp,.SDown,.SUpA,.SDownA {width:0px; height:0px; border-left:0.46rem solid transparent; border-right:0.46rem solid transparent; display:inline-block;}
.SUp {border-bottom:0.9rem solid #bdbdbd; margin-left:0.325rem;}
.SUpA {border-bottom:0.9rem solid #3d77b2; margin-left:0.325rem;}
.SDown {border-top:0.9rem solid #bdbdbd; margin-right:0.15rem;}
.SDownA {border-top:0.9rem solid #3d77b2; margin-right:0.15rem;}
.SUp:hover,.SDown:hover,.SUpA:hover,.SDownA:hover {cursor:pointer;}
/* Calendar */
.caldayhdr, .calactive, .calWFL, .calWHD, .calHWK, .calHFS, .calHCP, .calpasive, .calpasWFL, .calpasWHD, .calpasHWK, .calpasHFS, .calpasHCP, .calactivedef {font-size:100%; text-align:center; padding:0.4rem 0 0.4rem 0;}
.caldayhdr {width:14.28%; background-color: var(--col-hdr-bg); font-weight:600;}
.calactive , .calWFL {color:var(--fld-input-text); background-color:var(--fld-input-bg) !important;}
.calWHD {color: var(--skin-text); background-color:#FFAC84 !important;}
.calHWK {color: var(--skin-text); background-color: var(--active2-bg) !important;}
.calHFS {color: var(--skin-text); background-color:#EF92EF !important;}
.calHCP {color: var(--skin-text); background-color:#009900 !important;}
.calpasive, .calpasWFL {color:var(--gray); background-color:var(--skin-bg) !important;}
.calpasWHD {color:#888888; background-color:#FFAC84 !important;}
.calpasHWK {color:#888888; background-color: var(--active2-bg) !important;}
.calpasHFS {color:#888888; background-color:#EF92EF !important;}
.calpasHCP {color:#888888; background-color:#009900 !important;}
.calactivedef {color:#FFFFFF; background-color:#c43030;}
.calactivedef p a:link {color:#FFFFFF;}
.calactivedef p a:hover {color: var(--skin-text);}
.calactivedef:hover {color: var(--skin-text);}
.calactivedef:hover p a {color: var(--skin-text);}
/* Browse List */
.tr-group {color:var(--ulight-skin-text) !important; padding:0.6rem var(--btn-obj-padding) 0.6rem 0.6rem !important; font-size:108% !important; font-weight:500 !important; background-color:var(--col-sub-bg) !important;}
.th {color:#555555; font-size:100%; font-weight:600; padding:0.375rem 0.225rem 0.375rem 0.225rem; margin:0; border-top:var(--skin-border);}
.tbln1,.tbln0,.tblnsum,.tblnB,.tblnR,.tbln {color:var(--skin-text); font-size:100%; height:1.875rem; padding-left:0.15rem; padding-right:0.15rem; overflow:hidden;}
.tbln1 {background-color:var(--skin-bg);}
.tbln0 {background-color:var(--skin-bg);}
.tblnB {background-color:var(--bg-blue);}
.tblnR {background-color:var(--bg-red);}
.tblnsum {background-color:var(--col-sum-bg); font-weight:500;}

.tblnIt0,.tblnIt1,.tbln0R,.tbln1R,.tbln0M,.tbln1M,.tblnSEL {font-size:100%; height:1.875rem; padding-left:0.15rem; padding-right:0.15rem; overflow:hidden;}
.tblnIt0 {color:var(--skin-text); background-color:var(--skin-bg); font-style:italic;}
.tblnIt1 {color:var(--skin-text); background-color:var(--skin-bg); font-style:italic;}
.tbln0R {color:var(--red); background-color:var(--skin-bg);}
.tbln1R {color:var(--red); background-color:var(--skin-bg);}
.tbln0M {color:var(--blue); background-color:var(--skin-bg);}
.tbln1M {color:var(--blue); background-color:var(--skin-bg);}
.tblnSEL {color:#FFFFFF; background-color:#F07676;}
.tblnSELN {color:#000000; font-size:100%; background-color:#FFD1A4;}
.LEFTFRM {border-right:var(--skin-border)}
/* Star Rating */
.star-rating {display:inline-block; align-items:center; justify-content:center;}
.star-rating:hover {cursor:context-menu;}
.back-stars {color:#cccccc; position:relative; text-shadow:1px 1px 1px #888888;}
.front-stars {color:#FFBC0B; overflow:hidden; position:absolute; top:0; display:-webkit-flex; -webkit-align-items:center; display:flex; align-items:center;}

/* Çok Önemli - Folder ve Grupların Hiyerarşisi */
.d-hyr {display:block; width:100%;}
.h-left-1 {padding:0.24rem 0.2rem 0.24rem 0.2rem !important;}
.h-left-2 {padding:0.24rem 0.2rem 0.24rem calc((1.3rem * 1) + 0.2rem) !important;}
.h-left-3 {padding:0.24rem 0.2rem 0.24rem calc((1.3rem * 2) + 0.2rem) !important;}
.h-left-4 {padding:0.24rem 0.2rem 0.24rem calc((1.3rem * 3) + 0.2rem) !important;}
.h-left-5 {padding:0.24rem 0.2rem 0.24rem calc((1.3rem * 4) + 0.2rem) !important;}
.h-left-6 {padding:0.24rem 0.2rem 0.24rem calc((1.3rem * 5) + 0.2rem) !important;}
.h-left-7 {padding:0.24rem 0.2rem 0.24rem calc((1.3rem * 6) + 0.2rem) !important;}
.h-left-8 {padding:0.24rem 0.2rem 0.24rem calc((1.3rem * 7) + 0.2rem) !important;}
.h-left-9 {padding:0.24rem 0.2rem 0.24rem calc((1.3rem * 8) + 0.2rem) !important;}
.h-left-10 {padding:0.24rem 0.2rem 0.24rem calc((1.3rem * 9) + 0.2rem) !important;}
.h-left-11 {padding:0.24rem 0.2rem 0.24rem calc((1.3rem * 10) + 0.2rem) !important;}
.h-left-12 {padding:0.24rem 0.2rem 0.24rem calc((1.3rem * 11) + 0.2rem) !important;}
.h-left-13 {padding:0.24rem 0.2rem 0.24rem calc((1.3rem * 12) + 0.2rem) !important;}
.h-left-14 {padding:0.24rem 0.2rem 0.24rem calc((1.3rem * 13) + 0.2rem) !important;}
.h-left-15 {padding:0.24rem 0.2rem 0.24rem calc((1.3rem * 14) + 0.2rem) !important;}
.h-left-16 {padding:0.24rem 0.2rem 0.24rem calc((1.3rem * 15) + 0.2rem) !important;}
.h-left-17 {padding:0.24rem 0.2rem 0.24rem calc((1.3rem * 16) + 0.2rem) !important;}
.h-left-18 {padding:0.24rem 0.2rem 0.24rem calc((1.3rem * 17) + 0.2rem) !important;}
.h-left-19 {padding:0.24rem 0.2rem 0.24rem calc((1.3rem * 18) + 0.2rem) !important;}
.h-left-20 {padding:0.24rem 0.2rem 0.24rem calc((1.3rem * 19) + 0.2rem) !important;}
.d-hyr-ic {display:inline-block; min-width:1.6rem; text-align:left; vertical-align:middle; padding-right:0.4rem;}
.d-hyr-cb {display:inline-block; vertical-align:middle; padding-right:0.3rem;}
.d-hyr-tx {display:inline-block; padding:0.4rem 0 0.4rem 0; vertical-align:middle;}
.hyr-minus, .hyr-plus, .hyr-arrow, .hyr-right {font-style:normal; font-size:1.1rem; color:var(--skin-icon); vertical-align:middle;}
.hyr-minus::before {font-family:"Font Awesome 6 Pro"; content:"\f068"; font-weight:300;} /* \f146 */
.hyr-plus::before {font-family:"Font Awesome 6 Pro"; content:"\2b"; font-weight:300;} /* \f0fe f067*/
.hyr-arrow::before {font-family:"Font Awesome 6 Pro"; content:"\f054"; font-weight:300;} /* \f32b */
.hyr-right::before {font-family:"Font Awesome 6 Pro"; content:"\f054"; font-weight:300;} /* \f32b */

.FGHyr {padding:var(--btn-obj-padding) var(--btn-obj-padding) var(--btn-obj-padding) var(--btn-obj-padding); vertical-align:top; background-color:var(--skin-bg);}
.FGHyr div {}
.FGHyr p {white-space:nowrap; vertical-align:middle; padding-top:0.4rem; padding-bottom:0.4rem;}
.FGHyr i {font-size:1.1rem; color:var(--skin-icon); display:table-cell;}
.FGHyr span {padding-left:0.4rem; color:var(--skin-text-light); display:table-cell; white-space:normal;}
.FGHyr .FGHov:hover {color:var(--skin-text-hover); cursor:pointer;}
.FGHyr .BgFon {background-color:var(--skin-text-highlight);}
.TbGroupHdr {border-spacing:0.375rem; border-collapse:separate; width:100%;}
.TbGroupOpr {font-size:1.8rem; color:var(--light-skin-text);}
.TbGroupOpr i {margin:0 0 0 0.3rem;}
.TbGroupOpr i:hover {cursor:pointer;}
.MenuGroupHdr {font-size:130%; color:var(--light-skin-text); padding:0.525rem 0.375rem 0.525rem 0.375rem;}
.MenuBlock1x1, .MenuBlock2x1 {height:12rem; margin:0.225rem; display:inline-block; background-color:#ffffff; position:relative; float:left; vertical-align:baseline;
 border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-repeat:no-repeat; background-position:right 15px bottom 15px;
}
.MenuBlock1x1 {width:13.875rem;}
.MenuBlock2x1 {width:28.2rem;}
.MenuBlock1x1:hover, .MenuBlock2x1:hover {background-color:var(--hover-bg); cursor:pointer;}
.MenuBlockHdr {font-size:110%; color:var(--skin-text); margin:0.675rem;}
.MenuBlockDesc {font-size:100%; color:var(--skin-text); margin:0 0.675rem 0.675rem 0.675rem;}
.MenuBlockBtn {float:left; position:absolute; bottom:0.525rem; left:0.525rem; clear:left}
.MenuBlockOpr {float:left; position:absolute; bottom:0.2rem; left:2.475rem; clear:left; font-size:1.8rem; color:var(--light-skin-text); background-color:#dddddd;}
.MenuBlockOpr i {margin:0 0.3rem 0 0;}
.Cols3 {-webkit-column-count:auto; -moz-column-count:auto; column-count:auto; -webkit-column-width:33.75rem; -moz-column-width:33.75rem; column-width:33.75rem;}
.Cols2 {-webkit-column-count:auto; -moz-column-count:auto; column-count:auto; -webkit-column-width:22.5rem; -moz-column-width:22.5rem; column-width:22.5rem;}
.MenuBlock1x1:hover, .MenuBlock2x1:hover, .AppGridMenu div div:hover, .TopIcon:hover, .NTabTDOff:hover, .TREdit:hover, .TREditB:hover, .TREditR:hover, .TRNone:hover, .TRNode:hover
 {-webkit-transition:background .5s ease-in-out; -moz-transition:background .5s ease-in-out; -ms-transition:background .5s ease-in-out; -o-transition:background .5s ease-in-out; transition:background .5s ease-in-out;}
/* Apperance Standards linear-gradient(to bottom,#a9c4df,#e7ecf0); */
.ThemaImgBg {background:var(--thema-bg) no-repeat center center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.DarkSkinBg {background-color:var(--dark-skin-bg);}
.LightSkinBg {
 background:var(--light-skin-bg);   
 /*  
 background:var(--dark-skin-bg); 
 background:-moz-linear-gradient(-90deg, var(--dark-skin-bg) 0%, var(--light-skin-bg) 100%);
 background:linear-gradient(180deg, var(--dark-skin-bg) 0%, var(--light-skin-bg) 100%);
 background:-webkit-linear-gradient(-90deg, var(--dark-skin-bg) 0%, var(--light-skin-bg) 100%);
 background-attachment:fixed;
 */
}
.ULightSkinBg {background:var(--ulight-skin-bg);}
.TransparentBg {background:transparent;}
.SkinBg {background:var(--skin-bg);}
.UserSkinBg {background:var(--user-skin-bg);}
.DarkSkinText {color:var(--dark-skin-text);}
.LightSkinText {color:var(--light-skin-text);}
.ULightSkinText {color:var(--ulight-skin-text);}

.HdrLine {width:100%; border-top:var(--light-skin-border) 1px solid; background-color:var(--light-skin-bg); vertical-align:middle; text-align:center; padding:0.525rem 0.375rem 0.525rem 0.375rem; 
 font-size:120%; color:var(--light-skin-text); white-space:nowrap;}
.BLMAIN {font-size:115%; color:var(--light-skin-text); background-color:var(--light-skin-bg); text-align:center; padding:0.45rem 0 0.45rem 0; font-weight:600;}
.BLMAINHD {font-size:120%; color:var(--light-skin-text); text-align:center; padding:0.525rem 0.375rem 0.525rem 0.375rem; background-color:var(--light-skin-bg); border-top:1px solid var(--light-skin-border); font-weight:600;}
.FRMBORDER {border:1px solid var(--light-skin-border);}
.ScrMstImg:hover {cursor:pointer;} 
.ScrBlockHdr, .ScrBlockHdrNoL, .ScrBlockHdrNoP {font-size:115%; color:var(--light-skin-text); font-weight:500;}
.ScrBlockHdr {margin-bottom:var(--btn-obj-padding); padding:0.55rem 0 0.7rem 0; border-bottom:0.15rem solid transparent; border-image:linear-gradient(to right, var(--skin-border-color), transparent); border-image-slice:1;}
.ScrBlockHdrNoL {padding:0.55rem 0 0.7rem 0; display: inline-block;}
.ScrBlockHdrNoP {display: inline-block;}
.ScrGroupDiv {font-family: var(--skin-font-big); font-weight: 500; font-size: 1.4rem; color: var(--group-hdr-color); padding: 1.5rem 0 1.4rem 0; vertical-align: middle;}
.BodyBorder {background-color:#FFFFFF; border-left-style:solid; border-left-width:0.15rem; border-left-color:var(--dark-skin-border); border-right-style:solid; border-right-width:0.15rem; border-right-color:var(--dark-skin-border); border-bottom-style:solid; border-bottom-width:0.15rem; border-bottom-color:var(--dark-skin-border);}
.th1 {background-color:var(--light-skin-bg); border-top:1px solid var(--light-skin-border);}
.th2 {background-color:var(--light-skin-bg); border-top:1px solid var(--light-skin-border); min-height:1.875rem;}
.b-top-0 {border-top:0 !important;}
.b-bottom-0 {border-bottom:0 !important;}
.TblModalOpr {background:var(--ulight-skin-bg); width:100%; border:1px solid var(--light-skin-border); position:absolute; top:15%;}
.TblFiltOpr {background:var(--ulight-skin-bg); width: calc(100% - 1.2rem); position:absolute; top:2.8rem; left:var(--btn-obj-padding); border:1px solid var(--light-skin-border); z-index:3;}
.TblFOContent {padding:0 var(--btn-obj-padding) var(--btn-obj-padding) var(--btn-obj-padding); background-color:var(--ulight-skin-bg); vertical-align: top;}
.TblFOContent .DeTb {border-spacing:0 var(--btn-obj-padding);}
.TblFOTab {padding:0 var(--btn-obj-padding) 0 var(--btn-obj-padding); vertical-align:top; background-color:var(--ulight-skin-bg);}
.TblFOBtn {padding:0.3rem 0 0.1rem 0;}
.TblFOBtn button {margin-right:0.42rem;}
.TNavSvg {-webkit-filter:hue-rotate(0deg); -moz-filter:hue-rotate(0deg); -o-filter:hue-rotate(0deg); -ms-filter:hue-rotate(0deg); filter:hue-rotate(0deg);}
/* End of Apperance */
a:visited {color:var(--blue);}
a:active {color:var(--skin-text);}
a:link {color:var(--skin-text);}
a:hover {color:var(--skin-text-hover);}

/* ToolTip */
.ToolTipCover {
 position: relative; 
 white-space: nowrap; 
 vertical-align: middle;
}
.ToolTipSec {
 display:inline-block;
}

/*
.ToolTipSec:hover .ToolTip {
 display:block !important; 
 color:red;
}
*/

.ToolTip {
 position: absolute; 
 top: 2.2rem; left: 0; 
 background-color: var(--skin-bg); 
 z-index: 18; 
 max-width: 100%; 
 padding: 5px 1px; 
 width: 100%; 
 min-width: 300px;
 border: var(--skin-border); 
 border-radius: 0.2rem; 
 -moz-border-radius: 0.2rem; 
 -webkit-border-radius: 0.2rem;
}
.ToolTipIn {
 padding: var(--btn-obj-padding); 
 white-space: normal; 
 background-color: var(--skin-bg); 
 color: var(--skin-text);
}
.ToolTip .TTHdr {
 padding: 0.3rem 0 0.3rem 0; 
 font-size: 110%; 
 color: var(--light-skin-text); 
 font-weight: 500; 
 display:block !important;
}
.ToolTip .TTGrp {
 padding: 0.3rem 0 0.3rem 0; 
 font-size: 105%; 
 color: var(--light-skin-text); 
 font-weight: 500; 
 display: block !important;
}
.ToolTip .TTDesc {
 padding:0.3rem 0 0.3rem 0; 
 display:block !important;
}
.ToolTip .TTHelp {
 padding: 0.3rem 0 var(--btn-obj-padding) 0; 
 color: var(--blue); 
 display: block !important;
}
.ToolTip .TTCls {
 float:right;
}
.ToolTipIco2 {
 position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);   
}   
/* On Screen Help*/
.OnScrHelp {margin:var(--btn-obj-padding) var(--btn-obj-padding) var(--btn-obj-padding) 0; width:100%;}
.OnScrHelp .OSHIco {vertical-align:top; padding:0 var(--btn-obj-padding) 0 0; font-size:1.7rem; width:0.1%}
.OnScrHelp .OSHCover {vertical-align:top; padding-top:0.15rem; width:99.9%}
.OnScrHelp .OSHHdr {padding:0 0 0.3rem 0; font-size:105%; color:var(--light-skin-text); font-weight:500;}
.OnScrHelp .OSHDesc {padding:0 0 0.4rem 0;}
.OnScrHelp .OSHHelp {padding:0 0 0.4rem 0; color:var(--light-skin-text);}
/* SCR Screen Tables */
.TabSecHdr {display:block; width:100%; padding:0.85rem 0.85rem 0.2rem 0.85rem; text-align:left;}
.TabSecHdr span {font-weight:500; font-size:130%; color:var(--light-skin-text); border-bottom:var(--skin-border-2); width:100%; display:block; padding:0 0 0.7rem 0;}
.scrdivleft {display:inline-block; width:49.8%; vertical-align:top; padding-left:0.35rem; text-align:left;}
.scrdivright {display:inline-block; width:49.8%; vertical-align:top; padding-left:0.35rem; text-align:left;}

.DeTb, .DeTbNowrap, .ProSteps {font-variant:normal; font-size:100%; color:var(--skin-text); border-spacing:var(--btn-obj-padding); border-collapse:separate; width:100%; position:relative;}
table.DeTb tbody > tr > td {display:table-cell;}
/* Procedure Rules */
table .ProSteps {max-width:800px;}
table .ProSteps tbody > tr > td:nth-child(1) {width:1%; vertical-align:top;}
table .ProSteps tbody > tr > td:nth-child(1) > span {border:1px solid #666666; border-radius:50%; margin-right:0.24rem; height:2.16rem; width:2.16rem; display:flex; justify-content:center; align-items:center;}
table .ProSteps tbody > tr > td:nth-child(2) {width:99%; vertical-align:top; padding:0.4rem 0 var(--btn-obj-padding) 0;}

.BtnTb {margin:0; font-variant:normal; font-size:100%; color:var(--skin-text); width:100%;}
.BtnTb td {padding-bottom:0.475rem;}
.BtnTb input[type=checkbox] {margin-right:var(--btn-obj-padding); margin-bottom:-0.2rem;} 
.BtnTb input[type=radio] {margin-right:var(--btn-obj-padding);}

.rptdivleft {display:inline-block; min-width:29.8%; vertical-align:top; padding-left:0.35rem;}
.rptdivright {display:inline-block; min-width:69.8%; vertical-align:top; padding-left:0.35rem;}
.TDMainBrw {vertical-align:top; background-color:var(--skin-bg); display:flex; width:100%; height:100%; align-items:flex-start;}
#TBDMainBrw {background-color:var(--skin-bg);}
#BrwCovDiv {height:100%;}
.BrwCovDiv {width:100%; min-height:300px; overflow-y:auto; overflow-x:auto; padding:0 var(--btn-obj-padding) 5rem var(--btn-obj-padding);}

#BrwFiltDiv {height:auto; width:100%; overflow-y:auto; overflow-x:auto;}
.BrwFiltTbl {width:100%; min-width:20.6rem; border-spacing:1px 0px; border-collapse:separate;}
.BrwFiltTab {width:100%;}
.BrwFiltTbl .BrwFiltTab div {max-width:20rem;}
.BrwFiltTab div {width:100%; display:inline-block; vertical-align:top;}
.BrwFiltTab label, .FldTopLbl {display:block; font-size:100%; padding:0.65rem 0 0.35rem 0.135rem; color:var(--skin-text);}
.BrwFiltTab select {width:99%;}
.BrwFiltTab div dt {padding:0.36rem 0 0.36rem 0;}
.BrwFiltTab div span {display:block; padding:0.36rem 0 0.36rem 0;}
.BrwFiltTab div dt input {margin-right:0.36rem;}

/*Toggle Switch*/
.ToggSwitch {position:relative; display:block; width:56px; height:26px;}
.ToggSwitch input {opacity:0;}
.ToggSwitchSlider {position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color: #ccc; -webkit-transition:.4s; transition:.4s;}
.ToggSwitchSlider:before {position:absolute; content:""; height:20px; width:20px; left:4px; bottom:3px; background-color:white; -webkit-transition:.4s; transition:.4s;}
.ToggSwitch input:checked + .ToggSwitchSlider {background-color:var(--light-skin-icon);}
.ToggSwitch input:focus + .ToggSwitchSlider {}
.ToggSwitch input:checked + .ToggSwitchSlider:before {-webkit-transform:translateX(28px); -ms-transform:translateX(28px); transform:translateX(28px);}
.ToggSwitchSlider.ToggSwitchRound {border-radius:25px;}
.ToggSwitchSlider.ToggSwitchRound:before {border-radius:50%;}

/*Browse Listing */
.BrwGroupHdr {font-size:115%; color:var(--light-skin-text); font-weight:500; padding:1rem 0.5rem 1rem 0.14rem; display: block;}
.MainBrw {border-spacing:0.1rem 0; border-collapse:separate; height: fit-content;}
.MainBrw thead {position:sticky; top:0; background-color:var(--skin-bg); z-index:1;}
.MainBrw th, .BrwFiltHdr {color:var(--light-skin-text); background-color:var(--col-hdr-bg); border-top:var(--skin-border); border-bottom:var(--skin-border);
 font-size:1.06rem; padding:0.5rem 0.3rem 0.6rem 0.3rem; text-align:left; __height:2.7rem; vertical-align:bottom; font-weight:500;
}
.MainBrw th input[type=checkbox] {margin-bottom: 0.6rem;}
.MainBrw .thL2 th {border-top:0;}
.MainBrw .thL1 th {border-bottom:0;}
.ThInf {margin-left:0.3rem; color:var(--blue); vertical-align:middle; font-size:100%;}
.BrwFiltHdr {display:block; __line-height:2rem; background-color:var(--col-hdr-bg); margin-bottom:0.16rem; position:relative;}
#BrwFiltHdr td {padding:0 0 0 0.6rem; background-color:var(--ulight-skin-bg);}
.WClsBtn {position: absolute; display: table; vertical-align: middle; height: 2rem; width: 2rem; text-align: center; font-size: 1.3rem; line-height:2.12rem; right: -0.6rem; top: 50%; bottom: 50%; transform: translate(-50%, -50%);}
.WClsBtn:hover {cursor:pointer; color:var(--btn-hover-color);  background-color:var(--btn-hover-bg-color);}

.FOWidget {background:var(--ulight-skin-bg); width: 100%; max-width:400px; position:absolute; top:3.13rem; left:var(--btn-obj-padding); border:1px solid var(--light-skin-border); z-index:3;}
.FOWidgetTbl { width:100%;}
.FOWidgetHead { background-color: var(--light-skin-bg); }
.FOWidgetHead td {position: relative;}
.FOWidgetHdr { display: inline-block; font-size: 1.2rem; color: var(--light-skin-text); background-color: var(--light-skin-bg); padding: 0.5rem 0 0.5rem 0.86rem; font-weight: 500;}

.MainBrw tbody td {padding:0.4rem; height:2.4rem; border-bottom:var(--skin-border);}
.MainBrw tbody td .btnR:hover {border:0; background-color:#FFC0CB; color:#ffffff;}
.MainBrw .TREdit:nth-child(2n), .MainBrw .TRNone:nth-child(2n) { background-color: var(--brw-even-bg);}
.MainBrw .TREdit:hover {cursor:pointer; background-color:var(--ulight-skin-bg) !important;}
.MainBrw .TRNode:hover {background-color:var(--ulight-skin-bg) !important;}
.MainBrw .TREditR:hover {cursor:pointer; background-color:var(--ulight-skin-bg) !important; color:#c00000 !important;}
.MainBrw .TREditB:hover {cursor:pointer; background-color:var(--ulight-skin-bg) !important; color:#003399 !important;}
.MainBrw tfoot td, .MainGridBrw tfoot td {padding:0.4rem; height:2.4rem; font-size:102%; font-weight:500; border-bottom:var(--skin-border);}
.MainBrw .TREditR {background-color:#FFD0D0;}
.MainBrw .TREditB {background-color:#D0E5FF;}
.MainBrw .TRNode td {border-bottom:1px solid #d5d5d5; white-space:nowrap;}
.MainBrw .foot td {font-size:102%; background-color:var(--col-sum-bg); font-weight:500;}
.MainBrw .TRSum { background-color:var(--col-sum-bg) !important; font-weight:500; font-size: 105%;}
.MainBrw .TRNoPad td {padding:0 1px 0 1px;}
.MainBrw button {border-color:var(--skin-bg); background-color:var(--skin-bg);}
.MainBrw .TRactive {background-color:var(--bg-yellow)}
.MainBrw .MBCont div {padding:0.36rem; display:inline-block;}

.DivInTd {height: 100%; width: 100%; padding: 0 0.3rem; display: inline-flex; align-items: center;}
.UsrColCB {margin: 0.1rem 0.6rem 0.1rem 0.1rem !important;}   /* User Column Selection !important */
.UsrColHdr {display:none;}   /* User Browse Column ID !important */

.top-light-border td {border-top:1px solid var(--light-skin-border);}
.TDNoPad {padding:0 !important;}
.BrwPopCell {position:relative;}
.BrwPopCell:hover .BrwPopup {display:block;}
.BrwPopup {display:none; width:24rem; height:auto; position:absolute; z-index:10; left:-25rem; top:0; box-shadow:2px 2px 8px rgba(125, 125, 125, 0.5); border-radius:3px;}
.BrwPopup:after {content:""; width:10px; height:10px; transform:rotate(-45deg); background:var(--bg-yellow); position:absolute; box-shadow:2px 2px 8px rgba(125, 125, 125, 0.5); z-index:-1; top:1rem; right:-5px;}
.BrwPopupInner {padding:0.7rem; white-space:break-spaces; width:100%; height:auto; background:var(--bg-yellow); border-radius:3px; overflow:scroll;}

#THDTopBrw {}
#THDTopScr {background-color:var(--ulight-skin-bg); position:sticky; top:0; position:-webkit-sticky; z-index:2;}
#TBDMainScr {z-index:1;}

.TDMainScr {vertical-align:top; height:100%; background-color:var(--skin-bg); overflow:auto;}     /*overflow:scroll;*/
.TABDiv {padding-bottom:8rem; width:100%;}
.TDScrollCover {overflow:scroll; display:block; height:100%; max-height:100%; position:relative; margin:0 auto;}
.TDMidBtnScr {padding:0 0.45rem 0.45rem 0.45rem; vertical-align:top; background-color:var(--skin-bg);}
.TDMidScr {vertical-align:top; background-color:var(--skin-bg);}
.TDTabScr {padding:0.3rem var(--btn-obj-padding) var(--btn-obj-padding) var(--btn-obj-padding); vertical-align:top; background-color:var(--skin-bg);}
.TDMainTab {padding:0 0 0 0.7rem; vertical-align:top; background:var(--ulight-skin-bg);}     /*padding:0 var(--btn-obj-padding) 0 0.7rem;*/
.TDMainPrg {padding:0 0.7rem; vertical-align:top; background:var(--ulight-skin-bg);}
.BottomNav {margin:0.75rem 0.3rem 0.75rem 0.3rem; display:block;}
.TDExtPadScr {padding:0 0.1rem 0 0.95rem; vertical-align:top; background-color:var(--skin-bg);}
.TDPadScr {padding:var(--btn-obj-padding); vertical-align:top;}
.BareBlockHdr {padding:var(--btn-obj-padding) 0 0.4rem var(--btn-obj-padding);}

.MainGridBrw {width:100% !important; font-size:100% !important; height: fit-content;}
.BrwTileCover{display:-webkit-flex; display:flex; min-height:30px; flex-wrap:wrap; padding:0.02rem 0.15rem 0.02rem 0.52rem;}

/* Browse Frame */
.SFSideOn {display:table-cell; width:1%; vertical-align:top; height:100%;}
.SFSideOff {display:none; width:0; vertical-align:top;}
.SFMainNrw {width:99%; vertical-align:top;}
.SFMainWid {width:100%; vertical-align:top;}
.SFSLeftDiv {overflow-y:auto;}

/* Browse Listing */
.BrwGRDCover, .BrwLVWCover{display:-webkit-flex; display:flex; min-height:30px; flex-wrap:wrap;}
.BrwGRDCover {padding:0.9rem 0 0 0.4rem;}
.BrwGRD {display:inline-block; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; width:100%; min-width:250px; max-width:360px; border:var(--skin-border); 
 margin:0 0.7rem 0.7rem 0; vertical-align:top; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.BrwLVW {display:block; border-top:var(--skin-border); width:100%; margin:0 0.7rem 0 0; vertical-align:top;}
.BrwBox {width:100%; height:auto; vertical-align:top; display:flex; flex-wrap:wrap; flex-direction:row;}
.BBEdit:hover {cursor:pointer; background-color:var(--ulight-skin-bg) !important; -webkit-transition:background .5s ease-in-out; -moz-transition:background .5s ease-in-out; -ms-transition:background .5s ease-in-out; -o-transition:background .5s ease-in-out; transition:background .5s ease-in-out;}
.BBEdit:hover:not(.BBBtnBlk) {cursor:pointer;}

.BrwBox .BBCntWrap {display:flex; flex-wrap:wrap; flex-direction:row;}
.BrwBox .BBImg {width:100%; height:100%; background-repeat:no-repeat; background-size:contain; -moz-background-size:contain; -webkit-background-size:contain;}
.BrwBox .BBCntCov {display:inline-block; vertical-align:top; padding:var(--btn-obj-padding);}
.BrwBox .BBHdr {display:block; font-size:1.1rem; font-weight:500; padding:0.1rem 0 1.2rem 0; overflow:hidden;}
.BrwBox .BBTopHdr {display:block; font-size:1.18rem; font-weight:500; padding:0.5rem  0 0.2rem 0.5rem; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2;
 display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.4;
}
.BrwLVW .BBImgCov {padding:1rem 1rem 1rem 0; display:inline-block; vertical-align:top; flex:1; min-width:145px;}
.BrwLVW .BBImg {width:145px; height:145px; background-position:left;}
.BrwLVW .BBCntCov {flex:9;}
.BrwGRD .BBImgCov {width:100%; padding:1rem 1rem 0 1rem; display:inline-block; vertical-align:top;}
.BrwGRD .BBImg {width:100%; height:165px; background-position:left;}
.BrwGRD .BBCntCov {width:100%;}
.BrwLVW .BrwBox .BBCntBlk {display:inline-block; min-width:250px; max-width:25%; width:100%; vertical-align:top; padding:var(--btn-obj-padding);}
.BrwGRD .BrwBox .BBCntBlk {display:inline-block; min-width:250px; max-width:100%; width:100%; vertical-align:top; padding:var(--btn-obj-padding);}
.BrwGRD .BBBtnBlk {width:100%;}

.BBFldCov {display:block; width:100%; vertical-align:middle; margin-bottom:0.52rem; white-space:normal;}
.BBFldCov label {display:inline-block; padding-right:var(--btn-obj-padding); vertical-align:top; white-space:nowrap;}
.BBFldCov p {display:inline-block; vertical-align:top;}
.BBFldCov span {display:inline-block; white-space:normal; vertical-align:middle;}
.BBFldCov .BBFldMhdr {font-size:115%; margin-bottom:0.9rem; display:block;}

.BrwBox .BBBtnBlk {display:inline-block; min-width:250px; vertical-align:top; padding:var(--btn-obj-padding);}
.BrwBox .BBBtnBlk button {width:100%;}
.BrwLVWCover > div:nth-child(even) {background-color:var(--brw-even-bg);}

.BrwTileBox {display:inline-block; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; width:100%; min-width:290px; max-width:350px; border:var(--skin-border); 
 padding:0; margin:0 0.7rem 0.7rem 0; vertical-align:top; box-shadow:0 0 7px rgba(125,125,125,.35); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.BrwTileBox .BTBImgCover {position:relative; width:100%; padding-top:75%; text-align:center; margin-bottom:0.7rem;}
.BrwTileBox .BTBInner {padding:0.4rem; vertical-align:top;}
.BrwTileBox .BTBImg {position:absolute; max-width:100%; max-height:100%; top:0; left:0; bottom:0; right:0; text-align:center;}
.BrwTileBox .BTBHdr {font-size:110%; font-weight:600; padding:0.4rem; background-color:var(--light-skin-bg);}
.BrwTileBox .BTBBold {font-size:110%; font-weight:600; padding:0 0 var(--btn-obj-padding) 0;}
.BrwTileBox .BTBText {padding:0 0 var(--btn-obj-padding) 0;}
.BrwTileBox .BTBButtons button {margin:0 0.3rem 0.3rem 0;}

.BTBEdit:hover {cursor:pointer; background-color:var(--ulight-skin-bg) !important; -webkit-transition:background .5s ease-in-out; -moz-transition:background .5s ease-in-out; -ms-transition:background .5s ease-in-out; -o-transition:background .5s ease-in-out; transition:background .5s ease-in-out;}
.btn-ulli {margin:0.75rem 0 0.75rem 0 !important;}
.btn-ulli li {list-style-type:none; line-height:190%;}
.btn-ulli li:hover {cursor:pointer; background-color:var(--light-skin-bg); color:#c00000;}
.btn-ulli li img {vertical-align:middle; margin:0 0.75rem 0.225rem 0px;}
.btn-ulli li i {vertical-align:middle; margin:0 0.75rem 0.225rem 0px; color:var(--dark-skin-icon);}
#IButtons i:hover {cursor:pointer;}
/* Not:TD ler inline-block olduğu için boder-spacing çalışmıyor bu yüzden padding/margin yapıldı */
.TopButtons {border-collapse:collapse; border-spacing:0; margin:0.15rem; max-width:100%; width:auto;}
.TopButtons td {padding:0.15rem; display:-moz-inline-stack; display:inline-block; *display:inline;}
/* Browse List Navigation */
.PgNavBtnAct ,.PgNavBtnPas {outline:none; cursor:pointer; font-size:100%; padding:0.3rem 0.45rem 0.3rem 0.45rem; min-width:2.625rem; margin:0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.PgNavBtnAct, .PgNavBtnAct:hover, .PgNavBtnPas:hover {background-color:var(--btn-hover-bg-color); color:var(--btn-hover-color); border:var(--btn-hover-border);}
.PgNavBtnPas {background-color:var(--btn-bg-color); color:var(--btn-color); border:var(--btn-border);}
/* Brw Scr Top Buttons Table */
.PgHdrBtn {border-spacing:0; border-collapse:collapse; width:100%; text-align:left; color:var(--skin-text); padding:0;}
.PgHdrBtn table {border-spacing:1px; border-collapse:separate; padding:0; float:left;}
.TblNoTBSpace {border-spacing:0; border-collapse:collapse; padding:0;}
.TblNoTBSpace td {padding:0 0.225rem 0 0; vertical-align:top;}
.OMFrame {overflow-y:auto; vertical-align:top; height:100%; padding:0 1rem 20rem 1.5rem;}
.OMSection {display:inline-block; min-width:30rem; vertical-align:top; -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid;}
.OMCover{-webkit-column-count:auto; -moz-column-count:auto; column-count:auto; -webkit-column-width:30rem; -moz-column-width:30rem; column-width:30rem;}
.OMSectionHdr {font-size:115%; color:var(--group-hdr-color); margin:0; padding:1.3rem 0 var(--btn-obj-padding) 0.4rem; white-space:nowrap; font-weight:500; margin-bottom:0.4rem;
 border-bottom:0.15rem solid transparent; border-image:linear-gradient(to right, var(--skin-border-color), transparent); border-image-slice:1;
}
.OMItemTbl {border-spacing:0.35rem; border-collapse:separate;}
.OMItemTbl td:hover {cursor:pointer; color:var(--light-skin-text);}
.OMItemTbl td i {border:none; color:var(--dark-skin-icon); display:inline-block; vertical-align:middle; padding:0 0.3rem 0 0; margin:0; text-decoration:none; font-size:1.16rem;}
.OMItemTxt {font-size:100%; color:var(--skin-text); padding-top:0.3rem;}
.OMGridBox {display:inline-block; vertical-align:top; margin:0.225rem; position:relative; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -webkit-filter:grayscale(30%); filter:grayscale(30%);
 width:13rem; height:4.7rem; font-size:100%; padding:var(--btn-obj-padding); background-color:var(--light-skin-bg); background-repeat:no-repeat; background-position:right 8px bottom 8px; 
 background-size:32px 32px; color:var(--light-skin-icon);}
.OMGridBox i {position:absolute; bottom:0.7rem; right:0.7rem; color:var(--dark-skin-icon); font-size:1.7rem;}
.OMGridBox:hover {cursor:pointer; background-color:var(--hover-bg); -webkit-filter:grayscale(0%) !important; filter:grayscale(0%) !important;}
/* End of NEW STYLES */

.BellBadge {font-size:0.7rem; display:block; position:absolute; top:-0.17rem; right:-0.6rem; width:1.3rem; height:1.3rem; border-radius:50%; line-height:1.9; color:#fff;
 font-family:var(--skin-font); background:rgb(255,59,48); text-align:center;
}
.countdown {position:relative; height:40px; width:40px; text-align:center;}
.countdown-number {color:#000000; display:inline-block; line-height:40px; font-size:0.8em;}
.countdown-svg {position:absolute; top:0; right:0; width:40px; height:40px; transform:rotateY(-180deg) rotateZ(-90deg);}
.countdown-svg circle {stroke-dasharray:100px; stroke-dashoffset:0px; stroke-linecap:round; stroke-width:1px; stroke:#000000; fill:none;}
@keyframes countdown {from {stroke-dashoffset:0px;} to {stroke-dashoffset:100px;}}
/* Password Show */
.PassEye {position:relative; right:30px; top:3px; line-height:inherit; color:var(--dark-skin-icon); font-size:1.5em; -webkit-text-stroke:0.1px;}


/* Rapor ve Browse Line Menu */

.BrwLnMenu {position:relative; white-space:nowrap; vertical-align:middle; display:inline-block;}
.BrwLnMenu .BtnMenu {position:absolute; top:2.4rem; left:0; background-color:var(--ulight-skin-bg); z-index:18; display:none;
 box-shadow: 0 0 7px rgb(125 125 125 / 50%); padding:var(--btn-obj-padding); white-space:normal; color:var(--skin-text);
 border: var(--skin-border); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: left;
}
.BrwLnMenu .MenuOff {display:none !important;}
.BrwLnMenu .MenuOn {display:block !important;}
.BrwLnMenu .BtnMenu ul li { margin: 0 2.3rem 0 1.6rem; line-height: 1.6rem; white-space: nowrap; }
.BrwLnMenu .BtnMenu ul li:hover, .BrwLnMenu .BtnMenu span:hover { cursor:pointer; color: var(--red);}
.BrwLnMenu .BtnMenu span { position: absolute; right:0.7rem; top: 0.7rem;}
.BrwLnMenu .BtnMenu span i { font-size:140%; opacity:0.6;}


/* New Style Report */
.RptCover {width: fit-content; padding:0.3rem 0.3rem 5rem 0.3rem !important;}
.RptInfo .RptHDR {font-size:135%; padding:0.4rem; font-weight:500; text-align:center; border:0; }
.RptInfo .RptINF td {font-size:90%; padding:0.2rem 0.4rem; border:0;}
.RptInfo .RptHDLft {width:33%; text-align:left;}
.RptInfo .RptHDMid {width:34%; text-align:center;}
.RptInfo .RptHDRgt {width:33%; text-align:right;}
.RptBodyS {background-color:var(--skin-bg);}
.RptBodyP {background-color:var(--skin-bg);}
.RptTableS {border-spacing:0.2rem 0.2rem; border-collapse:separate;}
.RptTableP {border-spacing:0.2rem 0.2rem; border-collapse:separate;}
.RptTableS tr, .RptTableP tr {page-break-inside:avoid;}
.RptTableS thead tr {background-color:var(--skin-bg);}
.RptTableS thead tr th {color:var(--light-skin-text); background-color:var(--col-hdr-bg); border-top:var(--skin-border); border-bottom:var(--skin-border);
 font-size:108%; padding:0.4rem 0.2rem; text-align:left; vertical-align:bottom; font-weight:500;
 } 
.RptTableP thead tr th {font-size:109%; padding:0.4rem 0.2rem; border-bottom:2px solid var(--prn-border-color); text-align:left; font-weight:500; vertical-align:bottom;}
.RptTableS tbody tr:nth-child(even) {background-color:var(--brw-even-bg);}
.RptTableS tbody tr td, .RptTableS thead tr td {padding:0.46rem 0.2rem; vertical-align:middle;}
.RptTableS tbody tr:hover {background-color:var(--hover-bg) !important; -webkit-transition:background .5s ease-in-out; -moz-transition:background .5s ease-in-out; 
 -ms-transition:background .5s ease-in-out; -o-transition:background .5s ease-in-out; transition:background .5s ease-in-out;
 }
.RptTableP tbody tr td {padding:0.3rem 0.14rem; vertical-align:top; border-bottom:1px solid var(--prn-border-color);}
.RptTableP thead tr td {padding:0.4rem 0.2rem; vertical-align:top; border-bottom:1px solid var(--prn-border-color); border-top:1px solid var(--prn-border-color);} 
.RptTableS tfoot tr td {color:var(--light-skin-text); background-color:var(--ulight-skin-bg); font-weight:600; padding:0.45rem 0.25rem;}
.RptTableP tfoot tr td {font-size:108%; padding:0.4rem 0; border-bottom:1px solid var(--prn-border-color);}
.RptTableS button,.RptTableP button {border-color:var(--skin-bg); background-color:transparent;}
.RptTdN, .RptTdNA, .RptTdNQ {text-align:right !important;}
.RptTableP .RptTrSum {font-size:105%; font-weight:500;} 
.RptTableS .RptTrSum {font-size:105%; font-weight:500; background-color:var(--col-sum-bg) !important;} 
.RptTableP .RptTrGSum {font-size:108%; font-weight:500;} 
.RptTableS .RptTrGSum {font-size:108%; font-weight:500; background-color:var(--col-sum-bg) !important;} 
.RptTableP .RptTrGroup {font-size:110%; font-weight:500;} 
.RptTableS .RptTrGroup {font-size:110%; font-weight:500; color: var(--ulight-skin-text); background-color: var(--col-sub-bg) !important;}

.MainBrw .RptTrGroup {font-size:110%; font-weight:500; color: var(--ulight-skin-text); background-color: var(--col-sub-bg) !important; padding: 0.6rem var(--btn-obj-padding) 0.6rem 0.6rem !important;}
 
.RptTableP .RptTrGroupHdr {font-size:105%; font-weight:500;} 
.RptTableS .RptTrGroupHdr {font-size:105%; font-weight:500;} 
.RptThead  .DGTd {width:100%; text-align:center; border-top:0; padding-top:0;}
@media screen {
 .RptThead {position:sticky; top:0; background-color:var(--skin-bg); z-index:10;}
}
@media print {
 .RptThead {position:running(RptThead); page-break-inside: avoid;}
 .PgBreakBf {page-break-before:always !important;} 
 .PgBreakAf {page-break-after:always !important;}
}

/* Old Reports - Must Clean*/
.ReportBody {background-color:var(--skin-bg);}
.RRight {text-align:right;}
.RBlue {color:#000066;}
.RRed {color:#C00101;}
.pb {page-break-after:always; margin:0;}
.S_TBL {color:var(--scr-color); margin:var(--btn-obj-padding); border-spacing:1px 0; border-collapse:separate;}
.P_TBL {color:var(--prn-color); margin:var(--btn-obj-padding); border-spacing:3px 0; border-collapse:separate;}
.S_TBL button, .P_TBL button {background-color:transparent; border-color:var(--skin-bg);}
.S_RHd1, .P_RHd1 {color:var(--skin-text); font-size:1.4rem; font-weight:500; padding:0.2rem 0 1rem 0 !important;}
.pspace {margin:0; height:2mm;}
.EditCell {border-bottom:1px solid #FF9900 !important;}
.EditCell:hover {background-color:#FFD894 !important; cursor:pointer; color:black;}
.S_TBL tbody tr:nth-child(even) {background-color:var(--brw-even-bg);}
.S_TBL tbody tr:hover, .P_TBL tbody tr:hover {background-color:var(--hover-bg) !important; -webkit-transition:background .5s ease-in-out; -moz-transition:background .5s ease-in-out; 
 -ms-transition:background .5s ease-in-out; -o-transition:background .5s ease-in-out; transition:background .5s ease-in-out;
}
.S_TBL tbody td, .S_TBL tfoot td {padding:var(--scr-td-padding);} 
.P_TBL tbody td, .P_TBL tfoot td {padding:var(--prn-td-padding);} 
/* Report Column Header */
.R_PG_H {position:running(R_PG_H);}
.S_TR_H { font-weight:600; font-size:100%; position: sticky; top: 0;}
.S_TR_H td {background-color:var(--light-skin-bg); border-top:1px solid var(--light-skin-border); padding:var(--btn-obj-padding) 0.3rem var(--btn-obj-padding) 0.3rem;}
.P_TR_H {color:var(--prn-color); font-weight:600; font-size:100%;}
.P_TR_H td {border-bottom:1px solid var(--prn-border-color); padding:var(--btn-obj-padding) 0.3rem var(--btn-obj-padding) 0.3rem;}
/* Report Group Header */
.S_TR_A {color:#555555; font-weight:600; font-size:100%;} 
.S_TR_A td {background-color:#f3e4e6; border-top:1px solid #f7c3c3; padding:var(--btn-obj-padding) 0.3rem var(--btn-obj-padding) 0.3rem;}
.P_TR_A {color:var(--prn-color); font-weight:600; font-size:100%;}
.P_TR_A td {border-bottom:1px solid var(--prn-border-color); padding:var(--btn-obj-padding) 0.3rem var(--btn-obj-padding) 0.3rem;}
/* Report Line */
.P_TR_P {color:var(--prn-color);}
.P_TR_P td {border-bottom:1px solid var(--prn-border-color);}
/* Report Sum */
.S_TR_S, .P_TR_S {font-weight:600;} 
.S_TR_S td {background-color:#FFECCE; padding:var(--btn-obj-padding) 0.3rem var(--btn-obj-padding) 0.3rem !important; border-top:1px solid #ffd491;}
.P_TR_S td {border-bottom:1px solid var(--prn-border-color); padding:var(--btn-obj-padding) 0.3rem var(--btn-obj-padding) 0.3rem !important;}


/* miscellaneous */
.flagImg {height: 1.3rem; margin-right: 0.5rem;}
.pe-none {pointer-events: none;}
.pbold {font-weight:500 !important;}
.fbold {font-weight:500 !important; font-size:103% !important;}
.TSpace {padding-top:calc(var(--btn-obj-padding) * 0.7);}
.LSpace {padding-left:var(--btn-obj-padding);}
.RSpace {padding-right:var(--btn-obj-padding);}
.LMargin {margin-left:var(--btn-obj-padding);}
.onElement:hover {cursor:pointer !important;}
.onOverBg:hover {background-color:var(--hover-bg) !important;}
.onOverColor:hover {background-color:var(--hover-bg) !important;}
.idbld {font-weight:600 !important;}
.cui {font-size:8pt; color:var(--skin-text); padding:0; margin:0.15rem 0 0.15rem 0; white-space:nowrap;}
.UnClickable {pointer-events:none;}
.Clickable {pointer-events:auto;}
.RInfo {font-size:105%; color:#c70000; padding:0.75rem 0.525rem 0.75rem 0.525rem; vertical-align:middle; display:inline-block;}
.TxtDecLnT {text-decoration:line-through;}
.TxtDisabled{color:var(--skin-text-light);}
.vchk {vertical-align:middle; margin:0;}
.Cr {color:var(--blue) !important;}
.Db {color:var(--red) !important;}
.MinNum {min-width:6rem;}
.warn {font-variant:normal; font-size:100%; color:var(--blue); margin:0 0.375rem 0.225rem 0.375rem;}
.td-button {text-align:center; padding:0.2rem !important;}
.td-topborder {border-top: var(--skin-border) !important;}
.td-img {padding:0px !important; _____border-bottom:1px solid transparent !important;}
.td-input {padding:1px !important;}
.td-elipsis, .td-elipsisL, .td-elipsisM {overflow:hidden; text-overflow:ellipsis; white-space: nowrap !important;}
.td-elipsis {max-width:400px;}
.td-elipsisL {max-width:500px;}
.td-elipsisM {max-width:-webkit-fill-available;}
.td-faint {color:#c0c0c0 !important;}
.td-left {text-align:left !important;}
.td-right {text-align:right !important;}
.td-center {text-align:center !important;}
.td-wleft {width:24%;}
.td-wright {width:76%;}
.td-numhdr {width:9rem;}
.td-single {display: block !important; width: 100% !important;}
.td-valign {vertical-align: bottom;}
.ws-normal {white-space:normal;}
.ws-nowrap {white-space:nowrap;}
.td-bg-red {background-color:var(--bg-red); color:var(--skin-text);}
.float-right {float: right;}
.cpointer {cursor:pointer;}
.TabCoverDiv {width:100%; height:100%; vertical-align:top; text-align:center; margin:auto; padding:0 0 0 var(--btn-obj-padding);}
.TabCoverIfr {width:100%; height:100%; text-align:center; border:0; min-height:450px; background-color:var(--skin-bg);}
.BodyIFR .MainBrw {margin-left:0 !important; height: fit-content; }
.RunFrame {display:none; width:100px; height:100px; position:relative;}
.FormFull {width:100%;height:100%;}
.NoRecs {font-family:var(--skin-font); font-size:102%; padding:var(--btn-obj-padding) 1rem;}
.CircleImg {display:inline-block; vertical-align:middle; width:2rem; height:2rem; border-radius:50%; background-repeat:no-repeat; background-position:center;
 -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover !important; -moz-border-radius:50%; -webkit-border-radius:50%;
}
hr {display:block; height:1px; border:0; border-top:var(--skin-border); margin:1em 0; padding:0;}

.SearchSelect {font-size:100%; color:var(--fld-input-text); overflow:hidden; border:var(--skin-border); background-color:var(--fld-input-bg); height:2rem;
 border-top-left-radius:0; border-bottom-left-radius:0; padding:0 0.225rem; margin-right:0 !important;}
.SearchInput, .MidSearchInput {font-size:100%; color:var(--fld-input-text); overflow:hidden; border-top:var(--skin-border); border-bottom:var(--skin-border); background-color:var(--fld-input-bg);
 border-top-right-radius:0px !important; border-bottom-right-radius:0px !important; padding:0 0.45rem; margin:0 !important; height:2rem; border-right:0;}
.MidSearchInput {border-top-left-radius:0 !important; border-bottom-left-radius:0 !important; border-left:0;}
.SearchInput {border-top-left-radius:0 !important; border-bottom-left-radius:0 !important; border-left:var(--skin-border);}
.SearchGo {height:2rem; border-color:var(--skin-border-color); margin-left:0 !important; border-top-right-radius:0 !important; border-bottom-right-radius:0 !important; border-top-left-radius:0 !important; border-bottom-left-radius:0 !important;}

/* Messages */
.AppModal, .ScrModal {
 display:flex; position:fixed; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:var(--modal-bg); 
 transition:opacity 500ms; justify-content:center; flex-direction:row; flex-wrap:wrap; align-items:center; overscroll-behavior:contain;
}
.ScrModal {z-index:auto;}
.ScrContent {position:relative; display:block; background-color:var(--skin-bg); opacity:1.0; margin:auto; width:100%;}
.AppModal {z-index:99998;}
.AppMsgContent {position:relative; display:block; background-color:var(--skin-bg); opacity:1.0; margin:auto; max-width:700px; width:100%;}
.AppMsgTable {width:100%; border-spacing:0; border-collapse:collapse; background-color:var(--skin-bg); color:var(--skin-text); font-size:100%; border:var(--skin-border);}
.AppMsgTable tr:nth-of-type(1) {background-color:var(--light-skin-bg);}
.AppMsgTable .TopNavBtn {float:right; color:var(--light-skin-icon) !important;}
.AppMsgTable td {padding:0.1rem;}
.AppMsgHeader {color:var(--light-skin-text); font-size:1.3rem; font-weight:500; text-align:center; height:2.6rem;}
.AppMsgText {padding:2rem 1rem 1.5rem 1rem !important; text-align:center;}
.AppMsgLogo {height:1.3rem; margin-left:0.8rem;}
.AppMsgButton {text-align:center; padding-bottom:2rem !important; white-space:nowrap;}
.AppMsgButton .AMSTGo {min-width:15rem; text-align:center;}
.AppMsgButton .AMSTYsNo {min-width:9rem; text-align:center; display:inline-block;}
.AppWaitContent {position:relative; display:block; opacity:1.0; margin:auto; max-width:700px; width:100%; text-align:center;}
.AppWaitContent i {font-size:550%;}
.AppWaitMsg {font-size:160%; display:block; color:var(--skin-text); margin-top:3rem; font-weight:500;}

/* Mobile */ 
.MblTabTb {width:100%; border-spacing:0.36rem 0; border-collapse:separate; font-size:1.4rem; color:var(--light-skin-text); font-weight:500; background:var(--ulight-skin-bg);}
.MblTabTdNone {border-bottom:0.16rem solid var(--skin-border-color);}
.MblTabTdOff {border-bottom:0.16rem solid var(--skin-border-color); padding:0.8rem 1.4rem;}
.MblTabTdOn {border-bottom:0.16rem solid var(--ulight-skin-icon); padding:0.8rem 1.4rem; background:var(--skin-bg);}
.MblTabTdOn:hover, .MblTabTdOff:hover {cursor:pointer; border-bottom-color:var(--ulight-skin-icon); background:var(--skin-bg);}
.MblTabTb i {font-size:1.6rem; vertical-align:middle;}
 
/* Navigational Anchor Bar */

/* Carousel Grid */
.AnchorBar {width:auto; overflow:hidden;} 
.AnchorBar ul {display:block; list-style: none outside none; height:3rem; margin: 0 auto;}   /*margin-left:2rem;*/
.AnchorBar ul li {display:inline-block; height:3rem;}
.AnchorBar ul li  a {text-decoration: none; color: inherit;}
.AnchorBar ul li  a:hover { color: var(--ulight-skin-text) !important;} 
.AnchorItem {font-size:103%; border-bottom: 0.16rem solid transparent; height:3rem; line-height:3rem; vertical-align:middle; padding-bottom:0.5rem;}
.AIActive {border-bottom: 0.16rem solid var(--ulight-skin-icon); color: var(--ulight-skin-text) !important;}

/* Table TD to broke */
.TDBroke {display:inline-block; width:100%;}
.noMargin {margin:0 !important;}

/* Seperation Bar */
.DivSepBar {display:block; width:100%; margin:1rem 0 1rem 0; vertical-align: middle; position: relative; min-height:1.6rem;}
.DivSepBar span {width:100%; display:flex; align-items:center; justify-content:center; position:absolute; background-image:linear-gradient(to right, transparent, var(--skin-border-color), var(--skin-border-color), transparent); height:1px; top:49.9%; left:0;}
.DivSepBar i {color:var(--skin-border-color); background-color:var(--skin-bg); height:1.6rem; width:1.6rem; font-size:1rem;
 position:relative; border:1px solid var(--skin-border-color); border-radius:0.2rem; -moz-border-radius:0.2rem; -webkit-border-radius:0.2rem; display:flex; align-items:center; justify-content:center;
}
/* Left - Right Service Screen */
.SLPanelTD {width:1%; vertical-align:top; min-width:340px;}
.SRScreenTD {width:99%; vertical-align:top;}

/* Img Screen Header */
.ScrImgHdrCover {padding: 0.6rem 0.6rem 0.4rem 0.6rem;}
.ScrImgHdrImg {display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 6rem; width: 6rem; margin-right: 1rem;}
.ScrImgHdrSide { display:inline-block; vertical-align:top; } 
.ScrImgHdrHdr {font-family:var(--skin-font-big); font-weight:500; display:block; font-size:1.34rem; margin-bottom:1.3rem; color:var(--group-hdr-color);}
.ScrImgHdrInf { display:block; }


/* New Bootsrap Browse - Report */
.TileHdr {display: none;}

.BrwGrid {
 padding:0.3rem 0.3rem 5rem 0.3rem !important;
}
.BrwGrid  .TileHdr {
 display: table-cell;  
 color: var(--light-skin-text);
 background-color: var(--col-hdr-bg);
 font-size: 1.1rem;
 font-weight: 500;
 padding: 0.46rem 0.72rem 0.46rem 0.72rem !important;
}
.BrwGrid  .TileHdr:before {
 margin: 0 !important;  
}
.BrwGrid .MainGrid tr td button {
 border: var(--btn-border); 
 background-color: var(--btn-bg-color);
}
.BrwGrid .MainGrid .btnbrw {
 margin-left: -0.22rem;
}
.BrwGrid .MainGrid .RptTrGroup, .BrwGrid .MainGrid .tr-group, .BrwGrid .MainGrid tfoot  tr {
 display: block;
 width: 99%;
 min-width: -webkit-fill-available;
}
.BrwGrid .MainGrid tr td button i { 
 position: relative; top: unset; left: unset; transform: none;      
}
.BrwGrid .MainGrid tr td button span { 
 display: inline-block !important; 
 vertical-align: middle;
}
.BrwGrid .MainGrid thead { 
 display: none; 
}
.BrwGrid .MainGrid tr { 
 display: inline-block; 
 margin: 5px; 
 border: var(--skin-border); 
 border-bottom: 0.3rem solid var(--light-skin-border);   
 width: 100%;
 min-width:305px;
 max-width:305px;
 flex: 1 1 auto;
 vertical-align: top;      
 padding-bottom: 0.4rem; 
}
.BrwGrid .MainGrid tr td {
 display: block;
 text-align: left !important;
 white-space: normal;
 height: fit-content;
 border: 0;
 padding: 0.26rem 0.72rem 0.26rem 0.72rem;
 line-height: 1.4;
}
.BrwGrid .MainGrid .td-input, .BrwGrid .MainGrid .td-button, .BrwGrid .MainGrid .h-left-1, .BrwGrid .MainGrid .td-img {
 padding: 0.26rem 0.72rem 0.26rem 0.72rem !important;
}   
.BrwGrid .MainGrid tr td .DivInTd {
 width: fit-content;   
}
.BrwGrid .MainGrid tr td .TdInTxt {
 white-space: normal;
}
.BrwGrid .MainGrid tr td:before {
 content: attr(aria-label);
 margin-right: 0.2rem;
 color: var(--darkblue);
 font-size:0.92rem;
}
.BrwGrid .MainGrid tfoot {
 font-weight:500;
 font-size: 105%;
}   
.BrwGrid  .MainGrid tfoot tr td, .BrwGrid  .MainGrid .tr-group td{
 display: inline-block;
}   

/* New Bootsrap Browse - Report Media */
@media screen and (max-width: 1280px) {
 .BrwCovDiv {
  padding:0.3rem 0.3rem 5rem 0.3rem !important;
 }
 .MainGrid .RptTrGroup, .MainGrid .tr-group, .MainGrid tfoot  tr {
  display: block;
  width: 99%;
  min-width: 99%;
 }
 .MainGrid .td-input, .MainGrid .td-button, .MainGrid .h-left-1, .MainGrid .td-img {
  padding: 0.26rem 0.72rem 0.26rem 0.72rem !important;
 }   
 .MainGrid tr td button {
  border:var(--btn-border); 
  background-color:var(--btn-bg-color);   
  margin-top: -0.4rem;
 }   
 .MainGrid tr td .btnbrw {
  margin-left: -0.22rem;
 }
 .MainGrid tr td .DivInTd {
  width: fit-content;   
 }
 .MainGrid tr td .TdInTxt {
  white-space: normal;
 }
 .MainGrid tr td button i { 
  position: relative; top: unset; left: unset; transform: none;      
 }
 .MainGrid tr td button span { 
  display: inline-block !important; 
  vertical-align: middle;
 }
 .MainGrid thead { 
  display: none; 
 }
 .MainGrid tr { 
  display: inline-block; 
  margin: 5px; 
  border: var(--skin-border); 
  border-bottom: 0.3rem solid var(--light-skin-border);   
  width: calc((100vw - 3.6rem) / 4);
  min-width:300px;
  flex: 1 1 auto;
  vertical-align: top;      
  padding-bottom: 0.4rem; 
 }
 .MainGrid tr td {
  display: block;
  text-align: left !important;
  white-space: normal;
  height: fit-content;
  border: 0;
  ___padding: 0.3rem 0 0.3rem 0 !important;
  padding: 0.26rem 0.72rem 0.26rem 0.72rem;
  line-height: 1.4;
 }
 .MainGrid tr td:before {
  content: attr(aria-label);
  margin-right: var(--btn-obj-padding);
  color: var(--skin-text-light);
 }
 .MainGrid tfoot {
  font-weight:500;
  font-size: 105%;
 }   
 .MainGrid tfoot tr td, .MainGrid .tr-group td {
  display: inline-block;
 }   
} 
   
@media screen and (max-width: 639px) {   
 .MainGrid tr { 
  width: 96vw !important;
  max-width: none !important;
 }
}

@media screen and (min-width: 640px) and (max-width: 959px) {   
 .MainGrid tr { 
  width: calc((100vw - 2.8rem) / 2) !important;
  max-width: none !important;
 }
}
   
@media screen and (min-width: 960px) and (max-width: 1279px) {   
 .MainGrid tr { 
  width: calc((100vw - 3.6rem) / 3) !important;
  max-width: none !important;
 }
}

/* Bootstrap */ 
@media screen and (max-device-width:640px) {
 body,html {font-size:var(--mbl-font-size);}
 i {font-size:102%;}
 .ScrBlockHdr {margin-bottom:-6px; padding:0 0 0.375rem 0;} 
 .TopHeaderTxt {font-size:128% !important;}
 .AppGridHdr {font-size:113%;}
 .AppScrHdr {font-size:115% !important;}
 .btn-transparent i {font-size:1.5rem !important;}
 .NTabL2 {display:table-row;}
 .NTabL1 {display:none;}
 .AppBtnTd {position:inherit; z-index:3;}
 #TOP_BTN_HOME + i {font-size:130%;}
 .TDExtPadScr {padding:0 0.3rem 0.3rem 0.3rem;}
}
@media screen and (max-width:640px) {
 .AppGridBox {width:10.8rem; font-size:100%;}
 .RespSpanDiv {display:none;}
 #TOP_BTN_NOTIFY, #TOP_BTN_HELP, #TOP_BTN_SEARCH, #________NxTopLogoTD, #N2TopLogo, #NxCompanyLogo {display:none;}
 #TD_CMP_LOGO {display:none;}
 .Responsive {display:none !important;}
 .TopIcon {padding:0 0.375rem 0 0.375rem;}
 .scrdivleft,.rptdivleft {width:100%; display:block; padding:0 !important;}
 .scrdivright,.rptdivright {width:100%; display:block; padding:0;}
 .SRScreenTD, .SLPanelTD {display:inline-block; width:100%;}
 table.DeTb > tbody > tr > td {display:inline-block; width:100%;}
 table.DeTb > tbody > tr > td:first-child:empty {padding:0;}
 table.DeTb > tbody > tr.TrEmptyTd {line-height:0;}
 .btn {max-width:300px;}
 .btn-text-command {display:none;}
 table.DeTb > tbody > tr > td:first-child {padding:0.45rem 0 0.35rem 1px; text-align:left;}
 .TopNavBtn span {display:none;}
 #THDTopScr {display:content; position:relative; top:0; background-color:var(--skin-bg);}
 #TRMainScrHdr {display:none;}
 #AppTopButtons > #BTN_CLOSE {display:inline-block;}
 #AppTopButtons #P_SRCTIP {width:6rem;}
 #AppTopButtons #P_SRCTXT {width:7rem;}
 #AppTopButtons div dt {display:block;}
 #AppTopSection {display:none;}
 #BTN_OCFTOP {display:inline-block;}
 #BTN_OCBTNS {display:inline-block;}
 .AppTopSection .ButtonBlock {margin:0 !important;}
 #ScrTopSection {display:none;}
 .NxlMobile {display:none !important;}
 .AppGridHdr {margin:0.55rem 0.375rem 0.65rem 0.375rem;}
 #TABSTR .NTabText {margin-left:0;}
 .TopNavBtn span {display:none;}
 .BrwGRD {max-width:360px;} 
 .SearchSelect {border-radius:3px;}
 .SearchInput {border:var(--skin-border); border-radius:3px !important; margin:0 0.15rem !important;}
 .SearchGo {border-radius:3px !important;} 
 .NTabImgCircle {display:none;}
 #TOP_BTN_OPT {display:inline-block;}
 #BTN_HELP,#BTN_HELP1,#BTN_HELP2 {display:none;}
 .BodyLangs {margin:-7px 0 0 -8px;}
 #TR_IMG_NAV input[type=text] {width:150px;}
 .TabCoverDiv {padding:0;}
 *::-webkit-scrollbar {width:0.2em !important; height:0.2em !important;}
 .TDExtPadScr {padding:0 0.2rem 1rem 0.2rem !important;}
 #NxTopMiddleHdr {display:none;}
 #ScrTopHeader {display:table-row;} 
 #NxSearchDiv {padding: 0 0.5rem 0.4rem 0.5rem;}
 .NEBTopLogo {max-width:7rem;}
}
@media screen and (min-device-width:641px) and (max-device-width:1024px) {
 .WinHeader {font-size:110%;}
 .AppScrHdr {font-size:110%;}
 .NTabL2 {display:table-row;}
 .NTabL1 {display:none;}
 .AppBtnTd {position:relative; z-index:3;}
}
@media screen and (min-width:641px) and (max-width:1024px) {
 .RespSpanDiv {display:none !important;}
 .PgNavBtnAct ,.PgNavBtnPas {padding:0.45rem 0.45rem 0.45rem 0.45rem;}
 .DeTb, .DeTbNowrap {min-width:600px;}
 .Responsive {display:none;}
 .TopIcon {padding:0 0.375rem 0 0.375rem;}
 #TD_CMP_LOGO {display:none;}
 .btn-text-command {display:none;}
 #AppTopButtons > #BTN_CLOSE {display:inline-block;}
 .TopNavBtn span {display:none;}
 .NTabImgCircle {display:none;}
 #BTN_HELP,#BTN_HELP1,#BTN_HELP2 {display:none;}
 .scrdivleft,.rptdivleft {width:100%; display:block;}
 .scrdivright,.rptdivright {width:100%; display:block;}
 *::-webkit-scrollbar {width:0.4em !important; height:0.4em !important;}
 #NxTopMiddleHdr {display:none;}
 #ScrTopHeader {display:table-row;} 
}
@media screen and (min-width:1025px) and (max-width:1180px) {
 .scrdivleft,.rptdivleft {width:100%; display:block;}
 .scrdivright,.rptdivright {width:100%; display:block;}
 #NxTopMiddleHdr {display:none;}
 #ScrTopHeader {display:table-row;} 
} 
@media screen and (min-width:1025px) and (max-width:1279px) {
 .PgNavBtnAct ,.PgNavBtnPas {padding:0.45rem 0.45rem 0.45rem 0.45rem;}
 .RespSpanDiv {display:none;}
 .Responsive {display:none;}
 #TD_CMP_LOGO {display:none;}
 .NTabImgCircle {display:none;}
 .NTabL2 {display:none;}
 .NTabL1 {display:table-row;}
 #NxTopMiddleHdr {display:block;}
 #ScrTopHeader {display:none;} 
}
@media screen and (min-width:1280px) and (max-width:1599px) {
 .RespSpanDiv {display:inline-block;}
 .Responsive {display:;}
 #TD_CMP_LOGO {display:none;}
 .NTabL2 {display:none;}
 .NTabL1 {display:table-row;}
 #NxTopMiddleHdr {display:block;}
 #ScrTopHeader {display:none;} 
}
@media screen and (min-width:1600px) {
 .RespSpanDiv {display:inline-block;}
 .Responsive {display:;}
 .NTabL2 {display:none;}
 .NTabL1 {display:table-row;}
 #NxTopMiddleHdr {display:block;}
 #ScrTopHeader {display:none;} 
}
@media print {
 #GoToTopBtn, #GoToBottomBtn, #GoSource {display:none !important}
}