/* 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,section {
 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:2048px; background-size:cover !important;}
i {font-size:100%;}
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:0rem; 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;}
.fselmulti::-webkit-scrollbar {width:0.4em; height:0.4em;}
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 {background-color:var(--bg-lightred); border:1px solid var(--red) !important;}
button:focus {border:0.2rem solid var(--red) !important;} 
/* 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-text); 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%; scale:1.1;}
.SkinNavBtn:hover {cursor:pointer; background:var(--ulight-skin-bg); color:var(--dark-skin-icon) !important; border-radius:50%;}
/* 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:55%; vertical-align:middle; text-align:center;}
#NxTopRight {width:25%; 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;}
.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;}
.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; 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 0.4rem 0 0.4rem;}
.btnLMrg {margin-left:0.4rem;}
.btnRMrg {margin-right:0.4rem;}
.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;}
.btn i,.btnbrw i ,.btnico i {font-size:1.16rem;}
.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);}
.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);}
/* İ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 !important; vertical-align:top !important; padding:0 0.3rem 0.3rem 0.3rem !important; 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; border-radius:5px;
}
#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-darkred {color:#780000 !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;}
.c-purple {color:var(--purple) !important;}

.btn-side {}
.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-lightred {background-color:var(--bg-lightred) !important;}
.bg-lightgreen {background-color:var(--bg-lightgreen) !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-purple {background-color: var(--bg-purple) !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(--bg-lightgreen);}
.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(--bg-lightgreen);}
.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(--bg-lightgreen);}
.flong {width:100%}
.fmax {max-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; transition:opacity 500ms;}
.IWinDivStd {padding:0;}
.IfrmLang {width:100%; min-height:30px; overflow:hidden;}
.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 {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); font-size:1.2rem;}
.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;}
.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; 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-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);}
.elbl, .elblz, .elblb, .elblg {font-size:100%; margin:0; padding:0.375rem 0.1rem 0.375rem 0; min-height:2rem; max-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lbl, .lblz, .lblb, .lblg {font-size:100%; margin:0; padding:0.375rem 0.375rem 0.375rem 0; min-height:2rem;}
.lbl, .elbl {color:var(--skin-text);}
.lblz, .elblz, .FldTopLbl {color:var(--red);}
.lblb, .elblb, .FldTopLbl {color:var(--darkblue);}
.lblg, .elblg, .FldTopLbl {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; white-space:nowrap;
}
.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; 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; opacity: 0.4;
}
#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,.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);}
.btnY {color:var(--blue); background-color:var(--btn-bg-color);}
.btnRed {color:#FFFFFF; background-color:#FF0000;}

.b_aktar,.b_new,.b_save,.b_close,.b_print,.b_glvch,.b_filter,.b_send, .b_calendar,
.b_del,.b_find,.b_go,.b_opr,.b_commit,.b_edit,.b_show,.b_open,.b_magnify,
.r_report {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);}
.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_magnify,.s_magnify {background-image:url(/Minerva/IMG/ICO/magnifier.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_print {background-image:url(/Minerva/IMG/ICO/16/print.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);}
.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;}
.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.36rem 0.2rem 0.36rem 0.2rem !important;}
.h-left-2 {padding:0.36rem 0.2rem 0.36rem calc((1.3rem * 1) + 0.2rem) !important;}
.h-left-3 {padding:0.36rem 0.2rem 0.36rem calc((1.3rem * 2) + 0.2rem) !important;}
.h-left-4 {padding:0.36rem 0.2rem 0.36rem calc((1.3rem * 3) + 0.2rem) !important;}
.h-left-5 {padding:0.36rem 0.2rem 0.36rem calc((1.3rem * 4) + 0.2rem) !important;}
.h-left-6 {padding:0.36rem 0.2rem 0.36rem calc((1.3rem * 5) + 0.2rem) !important;}
.h-left-7 {padding:0.36rem 0.2rem 0.36rem calc((1.3rem * 6) + 0.2rem) !important;}
.h-left-8 {padding:0.36rem 0.2rem 0.36rem calc((1.3rem * 7) + 0.2rem) !important;}
.h-left-9 {padding:0.36rem 0.2rem 0.36rem calc((1.3rem * 8) + 0.2rem) !important;}
.h-left-10 {padding:0.36rem 0.2rem 0.36rem calc((1.3rem * 9) + 0.2rem) !important;}
.h-left-11 {padding:0.36rem 0.2rem 0.36rem calc((1.3rem * 10) + 0.2rem) !important;}
.h-left-12 {padding:0.36rem 0.2rem 0.36rem calc((1.3rem * 11) + 0.2rem) !important;}
.h-left-13 {padding:0.36rem 0.2rem 0.36rem calc((1.3rem * 12) + 0.2rem) !important;}
.h-left-14 {padding:0.36rem 0.2rem 0.36rem calc((1.3rem * 13) + 0.2rem) !important;}
.h-left-15 {padding:0.36rem 0.2rem 0.36rem calc((1.3rem * 14) + 0.2rem) !important;}
.h-left-16 {padding:0.36rem 0.2rem 0.36rem calc((1.3rem * 15) + 0.2rem) !important;}
.h-left-17 {padding:0.36rem 0.2rem 0.36rem calc((1.3rem * 16) + 0.2rem) !important;}
.h-left-18 {padding:0.36rem 0.2rem 0.36rem calc((1.3rem * 17) + 0.2rem) !important;}
.h-left-19 {padding:0.36rem 0.2rem 0.36rem calc((1.3rem * 18) + 0.2rem) !important;}
.h-left-20 {padding:0.36rem 0.2rem 0.36rem 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 7 Pro"; content:"\f068"; font-weight:300;} /* \f146 */
.hyr-plus::before {font-family:"Font Awesome 7 Pro"; content:"\2b"; font-weight:300;} /* \f0fe f067*/
.hyr-arrow::before {font-family:"Font Awesome 7 Pro"; content:"\f054"; font-weight:300;} /* \f32b */
.hyr-right::before {font-family:"Font Awesome 7 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;}
.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);}
.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;} 
.ScrMstImg {border:1px solid var(--light-skin-border);} 
.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(--gadget-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); vertical-align:top;}
.TblFOContent .DeTb {border-spacing:0 var(--btn-obj-padding);}
.TblFiltOpr .AppTopButtons {background-color:transparent !important;}
.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; vertical-align:top;}
.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; white-space:normal;}
.ToolTip .TTHelp {padding:0.3rem 0 var(--btn-obj-padding) 0; color:var(--blue); display:block !important; white-space:normal;}
.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;}
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; 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;}
.BrwFiltTab .Line2 {margin-top: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, .ScrTblHdr {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.5rem 0.3rem; text-align:left; vertical-align:bottom; font-weight:500;
}
.MainBrw th input[type=checkbox] {}
.MainBrw th span {vertical-align:bottom; margin-right:0.5rem;}
.MainBrw .thL2 th {border-top:0;}
.MainBrw .thL1 th {border-bottom:0;}
.MainBrw .WResizer {position:absolute; right:0; top:0; width:5px; height:100%; cursor:col-resize; user-select:none;}
.MainBrw th, .MainBrw td {position: relative;}
.ThInf {margin-left:0.3rem; color:var(--blue); vertical-align:middle; font-size:100%;}
.BrwFiltHdr {display:block; 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(--gadget-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.1rem; 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 .TRNone:hover {background-color:var(--hover-bg) !important;}
.MainBrw .TREdit:hover {cursor:pointer; background-color:var(--hover-bg) !important;}
.MainBrw .TRNode:hover {background-color:var(--hover-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); background-color:var(--col-sum-bg);}
.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;}
.MainBrw colgroup { display:table-column-group; }

.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;}
.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);}
.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; padding:0;}
.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;}
.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:#e10000; 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;}}
.PassEye {position:relative; right:30px; top:3px; line-height:inherit; color:var(--dark-skin-icon); font-size:1.5em; -webkit-text-stroke:0.1px;}
.BrwLnMenu {position:relative; white-space:nowrap; vertical-align:middle; display:inline-block;}
.LnBtnMenu {position:absolute; background-color:var(--ulight-skin-bg); z-index:18;
 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;
}
.LnBtnMenu ul li {margin:0 2.3rem 0 1.6rem; line-height:1.7rem; white-space:nowrap;}
.LnBtnMenu ul li:hover, .LnBtnMenu span:hover {cursor:pointer; color:var(--red);}
.LnBtnMenu span {position:absolute; right:0.7rem; top:0.7rem;}
.LnBtnMenu 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 {padding:0.36rem 0.2rem; vertical-align:middle; border-bottom: 0.1rem solid var(--scr-border-color);}
.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); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 500px; }
.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;}
td .RptTdV, td .RptTdC {mso-number-format: "\\@";} /* Force Excel to treat as text */

.RptTdN, .RptTdNA, .RptTdNQ {text-align:right !important;}
td .RptTdN, td .RptTdNA, td .RptTdNQ {mso-number-format: "General"; white-space:nowrap;}
td .RptTdD {white-space:nowrap;}

.RptTableP .RptTrSum {font-size:105%; font-weight:500;} 
.RptTableS .RptTrSum {font-size:105%; font-weight:500; background-color:var(--col-sum-grp-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:108%; font-weight:500;} 
.RptTableS .RptTrGroup {font-size:108%; font-weight:500; color:var(--ulight-skin-text); background-color:var(--col-sub-bg) !important;}
.MainBrw .RptTrGroup {font-size:108%; 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;}
.EditObj {text-decoration: underline;}
.EditObj:hover {cursor:pointer;}

/* 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);} 
.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;}
.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;}
.P_TR_P {color:var(--prn-color);}
.P_TR_P td {border-bottom:1px solid var(--prn-border-color);}
.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;}
.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;}
.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(--darkblue) !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;}
.td-input {padding:0.2rem 0.1rem 0.2rem 0.1rem !important;}
.td-nopad {padding:0.1rem !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;}
.AppWaitTimer {font-size:140%; display:block; color:var(--skin-text); margin-top:2rem; 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;}
/* Carousel Grid */
.AnchorBar {width:auto; overflow:hidden;} 
.AnchorBar ul {display:block; list-style:none outside none; height:3rem; margin:0 auto;}
.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;}
/* Drag & Drop Column Width */
table.resizable { ___border-collapse: collapse; width: auto; table-layout: auto; }
table.resizable td { white-space: nowrap; overflow: hidden; text-overflow:clip; }
table.resizable col { white-space: nowrap; }
table.resizable thead th { border-left: 2px solid var(--light-skin-border); padding-left: 0.36rem !important; padding-right: 0.36rem !important; }
table.resizable th .col-resize-handle { position: absolute; top: 0; right: -4px; width: 10px; height: 100%; cursor: col-resize; user-select: none; touch-action: none; }
table.resizable th:hover .col-resize-handle { background: rgba(0, 0, 0, 0.09); }
table.resizable th .col-resize-handle::after { content: ""; position: absolute; top: 0; right: 4px; width: 1px; height: 100%; opacity: 0; transition: opacity 120ms linear; }
table.resizable th:hover .col-resize-handle::after { opacity: 1; }
/* 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 tr td input[type=text], .BrwGrid .MainGrid tr td select {max-width:21.2rem;}
.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 colgroup {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 !important; 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.26rem 0.72rem 0.26rem 0.72rem !important; 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;} 
 .MainGrid .TileHdr { 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; }
} 
@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;}
 .OMFrame {padding:0 1rem 20rem 0rem;}
 #NxTopMiddle {width: 25%;}
}
@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, #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;}
 .OMFrame {padding:0 1rem 20rem 0rem;}
}
@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;} 
 .OMFrame {padding:0 1rem 20rem 1rem;}
}
@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 screen {
 .RptThead {position:sticky; top:0; background-color:var(--skin-bg); z-index:10;}
 .BrwCovDiv {overflow-y:auto; overflow-x:auto;}
}
@media print {
 :root { --skin-bg: #ffffff; --skin-text: #000000; color-scheme: light only; }   
 .PgBreakBf {page-break-before:always !important;} 
 .PgBreakAf {page-break-after:always !important;}
 .BrwCovDiv {overflow-y:none !important; overflow-x:none !important; height:auto !important;} 
 #GoToTopBtn, #GoToBottomBtn, #GoSource {display:none !important}
 input[type=checkbox] {display:none;}
 body { background-color: #ffffff !important; color: #000000 !important; }
 * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
 .BrwCovDiv, .MainBrw, .RptThead, .MainBrw th { 
  background-color: #ffffff !important; color: #000000 !important; 
 }
 .RptCover, .RptTableS, .RptTableP, .RptTableS thead, .RptTableP thead, .RptTableS tbody, .RptTableP tbody, 
 .RptTableS tfoot, .RptTableP tfoot, .RptThead, .RptThead th, .RptTableS .RptTrGroup, .RptTableT .RptTrGroup, .RptTdC, .RptTdN, .RptTdNA, .RptTdNQ, .RptTdD {
  background-color: #ffffff !important; color: #000000 !important; 
 }
 .EditObj {text-decoration: none;}
}