.dangertxt { color:red; }
/* custom scrollbar */
.chrome-scrollbar {
    max-height: 200px;
    overflow: auto;
}
.chrome-scrollbar::-webkit-scrollbar {
	  width: 5px;
}
.chrome-scrollbar::-webkit-scrollbar-track {
	  background: #f1f1f1; 
}
.chrome-scrollbar::-webkit-scrollbar-thumb {
	  background: #aaa; 
}
.chrome-scrollbar::-webkit-scrollbar-thumb:hover {
	  background: #777; 
}

#headerbox .btn-info {
    color: #607D8B!important;
    background-color: #ECEFF1;
    border-color: white;
}
#user-menu-btn {
    /*opacity: 0.8;*/
}
.dark{ background-color:White; filter: invert(100%) hue-rotate(180deg) brightness(180%) contrast(100%); }
.darkgray {
    background-color: White;
    filter: invert(90%) hue-rotate(180deg) brightness(180%) contrast(90%);
}
.dark img, .darkgray img{ filter: invert(80%) hue-rotate(180deg) brightness(160%) contrast(60%); }
.dark #user-menu-btn { background-color:#CCC; }
.dark #user-menu-btn:hover {
    background-color: #DDD;
}
.dark .userinfo { color:#03a9f4; } 
.dark .navbar-brandtitle { color:#333; }
.dark .btn {
    color: #000!important;
}
textarea { tab-size: 4; }
/*portal div.relative*/
.relative { position:relative; }
.absolute { position:absolute; }
.fixed { position:fixed; }
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.selectable {
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
input, textarea, keygen, select, button, tspan {/*tspan for jschart*/
    font-family:微軟正黑體;}
/*input, select { margin:1px }
select { padding: 1px 0px; }*/
input[type="file"] { padding:0; }
input[type="file"].form-control {
    padding: 3px 6px;
}
input[type="text"], select, textarea {
    /*margin: 1px 0 0 0;*/
    padding: 2px;
    border: solid 1px rgba(0,0,0,0.12);
}
.setparms select { min-width:80px; }
.disselect
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.jscmaxspace {
    position: fixed!important;
    z-index: 99999;
    /*background-color: white; color:initial;*/
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0px!important;
    width:100%!important;
}
.maxspace
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%!important;
    height: 100%!important;
    z-index: 9999;
    background-color: white;
    margin: 0!important;
    padding: 50px 10px 0px!important;
}
.easyui .maxspace {
    padding-top: 16px!important;
}
.fss { font-size:small; }
.fsm { font-size:medium; }
.w2c { min-width:36px; }
.w4c { min-width:56px; }
.dotdotdot, .ddd {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width:100%;
}
.wddd, .ellipsis { /*...*/
    white-space: nowrap;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
}
.lineupbox {
    overflow: hidden;
    text-overflow: ellipsis;
}
.lineup { white-space: nowrap;}
.lineupbox .lineup {
    overflow: hidden;
    text-overflow: ellipsis;
}
.mlines
{
    white-space: normal;
}
.subcol
{
    color:#AAA;
}
.logout_lb
{
  padding-right: 8px; 
  /*background-image: url('msp/pic/logout.png');*/
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: right;
}
.bg3dtd
{
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.32) 100%);
    background-image: -ms-linear-gradient(top,rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.32) 100%);
}
.bg3dlr
{
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.36) 0%, rgba(0,0,0,0.05) 100%);
    background-image: -ms-linear-gradient(left,rgba(0,0,0,0.36) 0%, rgba(0,0,0,0.05) 100%);
}
.postback { cursor: pointer; }
body {
    margin: 0px;
    font-family:微軟正黑體;
}
#footer_funs { clear:both;margin-top: 2px;  }
#footer_funs input { float:right; margin-right:6px;}

#footer_funs input:hover
{
	color: #FF9933;
}
#footer_funs { display:none; }
#footer_button_closewindow
{
	position:absolute; right:12px; 
}
.attachfiles_list
{
  list-style-type: circle;
  color: lightgray;/*#FF9900;*/
  font-size: 14px; /*margin-top:5px;*/
}
.attachfiles_list ul {
    margin: 4px; margin-bottom:8px;
    line-height: 1.18em; list-style-type: circle;
}
.showdocs .attachfiles_list .fileslist
{
    border-left: solid 1px lightgray;
}
.attachfiles_list .fileslist
{
    border: solid 1px lightgray;
    border-left: solid 16px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 8px 30px;
    border-radius: 4px;
    background-color:White;
}

.docrefs ul { margin:0; }
.docrefs li a, .attachfiles_list li a {
    text-decoration: none;
    font-size: 0.96em;
    line-height: 1.42em;
}
.docrefs .panel-body { padding: 5px 10px 5px 0; }
.attachfiles .fbar a:hover { /*text-decoration: underline;*/ }
.attachfiles .fbar a {
    /*margin-left: 24px;
    margin-right: 8px;*/
    text-decoration: none;
}
.attachfiles_list td {/*delete mode*/
    padding: 2px 10px;
    font-size: 0.92em;
}
.attachfiles .linkcaption {
    background-color: rgba(0,0,0,0.12);
}
.attachfiles .linkbody {
    padding: 4px 8px;
}
.linkbody textarea {
    margin-bottom: -1px;
}
.rtagsbox {
    margin: 5px 1px;
}
/*= systems menu ==========================*/
div#sysmenubar {height:30px; padding:0; margin:0; width:100%; background:#F2F2F2 url('pic/sysmenu_bg.png') repeat-x 0 0; 
                border-bottom:1px solid #FFCC66 ; }

div#sysmenubar ul{ margin:0; padding:0 0 0 4px;}
div#sysmenubar ul li { list-style:none;padding:0; margin:0;

}
div#sysmenubar .menusnode
{
    font-size: 15px;
    display: block;
    float: left;
    min-width: 40px;
    height: 29px;
    border-top: #e6e6e6 1px solid;
    border-right: #e6e6e6 1px solid;
    padding: 0 5px;
    margin: 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    background: #dff3fb url('pic/sysmenu_bg.png') repeat-x 0 0;
    text-align: center;
    line-height: 29px;
    text-decoration: none;
    color: #1a5ecd;
}
div#sysmenubar .menusnode:hover{ text-decoration:none; background:#FFCC66; color:#fff;}
div#sysmenubar .menusnode.current{ text-decoration:none; background:#1d61d4; color:#fff;}

/*= uTV_iframe=============================*/
#div_popup_uTV_iframe
{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background:rgba(0,0,0,0.5);z-index:9999;
}
div#div_popup_uTV_iframe .close {
    opacity: 1;
}
#div_popup_uTV_iframe .iframetitle
{
    border-bottom:solid 1px #F0F0F0; height:30px;
    background:rgb(64,64,64) url('search/pic/title_blk.bmp') repeat-x;
    background:rgba(0,0,0,0.3);
}
#div_popup_uTV_iframe .iframetitle .close { border:solid 2px red;border-right-width:3px; border-radius:2px; margin:8px 6px; }
#div_popup_uTV_iframe .iframebody
{
    border-left:5px solid white;
    border-right:5px solid white;
    border-bottom:10px solid #F0F0F0;
    background-color:White;
}
#deskcover
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0,0,0,0.6);
    color: White;
}
a.ijref
{
    padding: 0 2px;
    cursor: pointer;
    background-color: #F6F6F6;
    background-color: rgba(0,0,0,0.04);
    border: 1px solid #eeeeee;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 2px;
    font-size: small;
    text-decoration: none;
}
div.ijref
{
    padding: 1px 4px;
    background-color: rgba(0,0,0,0.04);
    border: 1px solid rgba(0, 0, 0, 0.016);
    border-radius: 4px;
}
div.ijref a
{
    cursor: pointer;
    font-size: small;
    text-decoration: none;
}
a.ijref:hover, div.ijref a:hover
{
    color: orange;
}
.ilb
{
    text-decoration: none;
}
.ilb:hover { color:Orange; text-decoration:underline; }
.iref, .button {
    margin: 0 1px 0 1px;
    padding: 2px 4px;
    cursor: pointer;
    /*background-color: #99CCFF;
    background-color: rgba(152,203,255, 0.4);*/
    border: 1px solid rgba(0,0,0,0.02);
    border-radius: 3px;
    text-decoration: none;
    background-image: -webkit-linear-gradient(top,#F6F6F6 0%,#DCDCDC 100%);
    background-image: -ms-linear-gradient(top,#F6F6F6 0%,#DCDCDC 100%);
}
input[type="submit"] {
    border: solid 1px #bbbbbb;
    border-radius: 3px;
}
.iref:hover
{
    /*color: coral;*/ text-decoration: none;
}
.jsc /*outbox*/
{
    margin:0 1px;
    padding-bottom:15px;
}
.iframe .jsc {
    padding-bottom: 0!important;
}
.jschart .jscaption, .jsc .jscaption
{
    cursor:default;
    padding:2px 10px 1px 6px; min-height:22px; 
    background-color: #F0F0F0; border-bottom:solid 1px rgba(0,0,0,0.01); color: #333; 
}
.jschart .jsbody
{
    padding:8px 1px; position:relative;
}
.jsc .jsbody
{
    padding:2px 1px; position:relative;
}
.legenddiv { top:0; right:0; width:28%; position:absolute; }
.jschart .jsbody .ui-grid { border:none; }
.jsc .close, .jsc .setting img, .jsc img.dashboard { /*padding:3px;*/ cursor:pointer; width:16px;}
.jsc .dashboard { float:right; }

.updprogress
{z-index:99990;font-size:15px; position: relative;}
.updprogress .update-msg
{
    position: fixed;
    width: 150px;
    margin: 32px calc(50% - 75px);
    z-index: 9999;
    font-size: 16px;
    border: solid 1px rgba(0,0,0,0.2);font-weight:700;
    border-radius: 4px;
    text-align: center;
    padding: 8px 4px;
    background-color: white;
    color:#333333;
    box-shadow: 0px 0px 6px 2px lightgray;
}
.updprogress .box
{
}
.updprogress .ajax-loading { width:18px; height:18px; }
.updprogress .box .text
{
    color: rgb(245, 112, 116);background-color: #FFFFFF;position: fixed; margin:50px calc(50% - 86px); 
    padding: 6px 16px; border-radius: 4px;box-shadow: 0px 0px 3px #000;
}
/*drag drop*/
#eisdroparea { padding:4px; margin:1px; }
.ui-droppable
{
    background-color: antiquewhite;
}
.ui-grid .ui-draggable, .funmenus .ui-draggable
{
    background-size: 12px;
    background-image:url('/pic/startdrag.png'); background-repeat:no-repeat;
    background-position: right; 
     padding-right: 12px; }
.ui-grid .captionmenu .ui-draggable {
    padding-right: 0;
}
.funmenus .ui-draggable
{
    background-position: left;
    background-position-x: -12px;
    border-left: solid 18px transparent; padding-right: 0px;
}
.ui-grid .ui-draggable.itemdropped, .ui-grid .ui-draggable-disabled { padding-right:0; background-image:none; }
.funmenus .ui-draggable.itemdropped, .funmenus .ui-draggable-disabled { border-left:0; background-image:none; padding-right:0; }

.ui-objmoving { background-image:none; padding-right:0; }
.dragdropbox { margin-top:4px;}
.dragdropbox .droparea { padding:4px; margin:4px; color:#333; border-radius: 3px;}

.dragdropbox .dropfooter
{
    clear:both;height:16px; 
}
.funmenus .dragdropbox .dropfooter .ijref {color:Orange; text-decoration:underline}
.itemdropped { background-color: antiquewhite; background-image:none; border-left:none;}
.funmenus .itemdropped { margin-left:18px; }
.droppeditem { margin-left:6px; background-color:#F0F0F0; color:#3232D7; border:solid 1px white; padding:0 6px;}
.funmenus .popupmenu .itemdropped .ijref {
    color: rgba(0,0,0,0.6);
}
#layouteditor_panel div { border: dashed 1px #DDDDDD; margin-bottom:1px }
#layouteditor_panel td { border: dotted 2px #DDDDDD; min-width:60px }
.todonewbox {position: absolute; box-shadow:1px 1px 5px rgba(0,0,0,0.2);background-color: white;
    border-top-width: 24px; border-radius:4px; padding:8px 0 8px 20px; vertical-align:top; width:430px; 
    z-index:9999; right: 5px; }
.eis_ofuns .todonewbox {
    right: 5px;
}
.todonewbox .moveobj 
{
    position: absolute;
    top: -20px;
    left: 4px;
}
.todomsg .todonewbox {position: fixed; margin-left:120px;}
.jsctpgmenu
{
    padding:3px 1px;
    background-color:rgba(0,0,0,0.05);
}
.hbar
{
    border-radius: 0; 
}
.jscvbox .jsctpgmenu.vbar
{
    border: solid 1px rgba(0,0,0,0.1);
    border-radius: 1px;
    background-color: rgba(0,0,0,0.04);
}
.jsctpgmenu .vitembox
{
    margin: 4px 0;white-space: nowrap;
}
.jsctpgmenu .jscitemselectable
{
    padding: 3px 8px;margin:-2px -1px -1px;
    cursor: pointer;
    background-color: rgba(0,0,0,0.5);
    display: inline; border-radius:2px;
}
.jsctpgmenu.vbar .jscitemselectable {
    background-color: white;  padding: 2px 8px; border:solid 1px rgba(0,0,0,0.16); border-radius: 4px;
}
.jsctpgmenu.hbar .jscitemselectable { display:inline-block; }
.jsctpgmenu .jscitemselectable:hover { color:brown; }
.jsctpgmenu.hbar .jscitemselectable:hover { color:lightyellow; }
.jsctpgmenu .vitembox .jscitemselectable
{
    display: -webkit-box;/*=width:100%*/
    display: run-in;
}
.jsctpgmenu .itemselected
{
    color: coral;
}
.jsctpgmenu .hbar .itemselected
{
    border-bottom: solid 1px coral;
}
.datamxbox .newds { opacity: 0.5;margin: 2px 4px 0 -14px; }
.datamxbox .sqlew { opacity: 0.36;margin-top:2px; margin-right:4px; }
.datamxbox .newds:hover, .datamxbox .sqlew:hover { opacity: 0.68; }
.datamxbox .mxdata
{
    margin: 0 2px; 
}
.datamxbox .mxcaption  
{
    text-align: left;
    padding: 1px 10px 1px 20px;
    margin-bottom: 1px;
    cursor: pointer;
    background-color: darksalmon;
    color: whitesmoke;
    border-radius: 12px;
    display:inline-block; 
    min-width:112px;
}

.jscshowall { margin-left:6px; font-size: small; padding:1px 0;}
.jscshowall .all, .jscshowall .float {
    padding: 0 0 0 10px;
    color: #666666;
    cursor: pointer;
}
.jscshowall .mdby { padding-left:12px }
.mdxcfuns .label { color: #666666; }
.mdxcfuns .ijref {
    padding: 2px 8px;
    border-radius: 15px;
    white-space: nowrap;
    color: #333333;
}
.mdxcfuns .nsel { border-style: dashed; border-color: lightgray; }
.jscshowall .mdxcfuns {
    display: inline-block;
    line-height: 22px;
}
.mdxcfuns { display:block; margin-bottom:6px; }
.mdxcfuns img { margin-right:4px; }

/*tabpage
.mtabpage { float:left; margin-right:2px; }
.mtabpage .mibox {  height:30px; background-image:url(pic/tabpage_n.bmp); background-repeat:repeat-x; border: none}
.mtabpage .selected { background-image:url(pic/tabpage_s.bmp); }
.mtabpage .mitem { padding:6px 8px 0 8px; cursor:pointer; }*/
/* new tabpage */
.tab-page {
    clear: left;
    margin-top: 5px;    border-bottom: solid 1px rgba(0,0,0,0.1); margin-bottom:2px;
}
.tab-page * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tab-page + div.table-header,
.tab-page + style + div.table-header {
    border-top-left-radius: 0;
}
.mtabpage {
    float: left;
    margin-bottom: -1px;
}
.mtabpage a {
    background-color: #F9F9F9\9;
    background-image: linear-gradient(to bottom, #f0f0f0 0%, #eee 100%);
	background-repeat: repeat-x;
    border: 1px solid rgba(250,250,250,0.8);
    color: #666;
    display: block;
    height: 28px;
    line-height: 26px;
    text-shadow: 0 1px 0 #f2f2f2;
    margin-right: -1px;
    padding: 0 8px;
    position: relative;
    z-index: 1;
    border-bottom: 3px solid rgba(0,0,0,0.1);
    cursor:pointer;
}
.mtabpage:first-child a {
    border-top-left-radius: 6px;
}
.mtabpage:last-child a {
    border-top-right-radius: 6px;
}
.mtabpage:hover a,
.mtabpage .selected a {
    background-image: linear-gradient(to bottom, #f2f2f2 0%, #e0e0e0 100%);	background-repeat: repeat-x;
    color: #333;
    z-index: 5;
}
.mtabpage .selected a {
    border-bottom: 3px solid #ff9800;
}

.iframerunning { border:solid 1px rgba(0,0,0,0.1); border-radius:12px; text-align:center; padding:10px 16px 0;}
/*click on filter item*/
.xyc .cfi, .xyc .cxyi, .xyc .cgi {/*IE dragdrop*/
  text-decoration: none;
  color: inherit;
  cursor: default;
}
.cfi.fis {background-color: brown!important; border-radius:2px; color:white!important; /*margin: 0 -4px; padding: 1px 4px;*/ }
.cxyi.xyis { background-color:navy; border-radius:2px; padding: 0 4px; color:white; }
.cgi.gis { background-color:whitesmoke; border-radius:2px; padding: 0 4px; }
.jscicon { border-right:none; }
.jscicon.fis {
    border-right: solid 1px brown;
}
.newdelpanel { border: 1px solid #CCCCCC; background-color: #FFECD9; margin-top:1px; margin-bottom: 1px; padding-left: 8px; }

.page-header-image { width:26px; }
.page-header-title { font-size:26px; }

.tags a  { 
  padding: 3px 8px 0px 20px;
  color: white!important;
  height: 23px;
  display: inline-block;
  background-image: url('pic/tag.png');
  border-right: solid 1px rgb(234, 188, 96);
  border-radius: 0 2px 2px 0;
  font-size: 12.6484375px!important; text-shadow: 1px 1px rgba(0,0,0,0.6);
}
.ui-form .tags.rtags {
    float: right;
    margin-top: -25px;
}
.rtags, .tags {
    padding: 1px 6px;
}
.ui-grid .tags.rtags { white-space: normal; max-width: 158px; margin-top:0; }
.tags.rtags a, .tags a
{ white-space:nowrap; min-width:54px;
    margin-left:-6px; opacity: 0.68; text-shadow:none; color:Black!important;
}
.tags a.showasppt {
    font-weight: 700;
    color: blue!important;
    background-color: cornflowerblue;
    border-radius: 4px 0 0 4px;
}
.tags.rtags a span
{
    background-color: rgba(250,250,250,0.96);
    border-radius: 4px;
    padding: 1px 4px;
    margin: 0 -6px 0 -4px; font-weight:normal;
}
.tags.rtags a span:hover
{
    background-color: rgba(250,250,250,0.86);
}
.tags a .stag, span.stag { color:firebrick; text-shadow:none; }
.tags a:hover, .tags a .stag:hover, .sfile .tags a.href:hover { text-decoration:none!important; color:rgb(51, 122, 183)!important; }
.comsql {
    color: blue;
}
.btn-group-v .comsql, .btn-group-v .applysql {
    width: calc(100% - 2px);
}
.applysql 
{
    color:brown;
}

@media (min-width: 768px)
{
    #sidebar.col-md-3 {
        width: 316px!important; /*rightbar margin-left problem*/
    }
    #main.col-md-offset-3 {
        margin-left: 316px!important;
    }
    #main.col-md-9 {
        width: calc(100% - 316px)!important;
    }
}

/* function-bar */
.function-bar {
	margin: 0;
	padding: 0;
	list-style: none;
}
.function-bar > li {
	display: block;
	float: left;
	position: relative;
}
.function-bar > li > a {
	display: block;
	color: #777;
	line-height: 20px;
	text-decoration: none;
}
.function-bar > li > a:hover,
.function-bar > li > a:focus {
	background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
    box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
    background-image: linear-gradient(to bottom,#dbdbdb 0,#e2e2e2 100%);
}
.nav .function-bar,
#tv_list_header .function-bar {
	float: right;
}
.nav .function-bar > li > a,
#tv_list_header .function-bar > li > a {
	padding: 15px 8px;
	padding: 15px 5px\9;
}
footer .function-bar > li > a {
	padding: 5px 8px;
}
footer .function-bar .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-bottom: 1px;
}
footer .function-bar .caret {
	content: "";
	border-top: 0;
	border-bottom: 4px solid;
}
.searchrtags {
    margin: 4px;
}
.rtagsrow {
    padding: 4px 6px 0;
}
.sidebar-box.table {
    opacity: 0.6;
}
.barbk-llg {
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.0) 20%,rgba(0,0,0,0.05) 100%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.0) 20%,rgba(0,0,0,0.08) 100%);
    color: #555555;
}
/*===*/
ul.footer-function {
 display: block;
 margin: 0;
 padding: 0 0 0 4px;
 /*overflow: hidden;*/
}
ul.footer-function > li {
 float: left;
 display: block;
 padding-left: 6px;
 padding-right: 6px;
}
ul.footer-function > li:hover {
 background-color: #eeeeee;    border-bottom: solid 1px orange;
}
ul.footer-function > li > a {
    height: 30px;
    line-height: 30px;
    /*font-size: 15px;*/
    color: #777777;
}
ul.footer-function > li > a:hover {
 color: #333;
 text-decoration: none;
}
.tvlist-head ul.footer-function {
    margin-top: 8px;
}
.ctrlkey
{
    margin-left: 16px;
    border: solid 1px rgba(0,0,0,0.1);
    border-radius: 4px;
    padding: 0 4px;
    background-color: rgba(0,0,0,0.05);
    color:#333;
}
.must { font-weight:700; }
.autoheight { overflow:hidden; }
.text-right { text-align: right; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.linetext {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
@media (max-width: 768px) {
	.xdsoft_datetimepicker {
		box-shadow: 0 0 100vh 100vh rgba(0,0,0,.35) !important;
		top: 50% !important;
	    left: 50% !important;
	    position: fixed !important;
	    transform: translate(-50%, -50%);
	    min-width: 308px;
	}
}
.dssort { cursor:pointer; }
.switchbox
{
    margin:0!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    width: calc(3em + 2px);
    height: calc(1.32em + 2px);
    border: 1px solid #DFDFDF;
    outline: 0;
    border-radius: 1em;
    box-sizing: border-box;
    background: #DFDFDF;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
    display: inline-block;
    text-align: start;
}
.switchbox:before {
    content: " ";
    position: absolute;
    /*top: 1px;
    left: 1px;*/
    width: 3em;
    height: 1.32em;
    border-radius: 0.66em;
    background-color: #FDFDFD;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
        border: none!important;
}
.switchbox:after {
    content: " ";
    position: absolute;
    top: 1px;
    /*left: 1px;*/
    width: 1.8em;
    height: 1.28em;
    border-radius: 0.66em;
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
}
.switchbox:checked {
    border-color: #04BE02!important;
    background-color: #04BE02!important;
}
.switchbox:checked:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}
.switchbox:checked:after {
    -webkit-transform: translateX(1.2em);
    transform: translateX(1.2em);
}
.notebox {
    padding: 10px;
    background-color: #fbf8e3;
    color: #333333;
}
.uscrollbar,.sct {
    overflow-y: auto;cursor:default;
}
.uscrollbar::-webkit-scrollbar, .sct::-webkit-scrollbar {
    width: 9px;
    height: 8px;
    background-color: rgba(0,0,0,0.02);
    border-radius: 5px;
}
.uscrollbar.mini::-webkit-scrollbar, .uscrollbar.smini::-webkit-scrollbar {
    width: 6px;
    height: 5px;
}
.uscrollbar::-webkit-scrollbar-thumb, .sct::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color:  rgba(0,0,0,0.12)!important;
    border-radius: 5px;
}
.uscrollbar::-webkit-scrollbar-thumb:hover {
    background-color: darkgray!important;
}

@media (max-width: 400px) {
    .hide-sm { display:none!important; }
}