body{padding-top:0px;
     font-family: 'Noto Sans JP', sans-serif; 
}
.preload{
    width:100%;
    height:100%;
    position:fixed;
    left:0px;
    top:0px;
    z-index:10000;
    display:block;
    background-color:#fff;
    /*background-color:aliceblue;
    background-image:url('/Content/preloader.gif');
    background-position:50%;
    background-repeat:no-repeat;*/
}
.preload img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -32px;
    margin-left: -32px;
}
#wrapper{padding-left:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
#wrapper.toggled{padding-left:250px;}
#sidebar-wrapper{z-index:1000;position:fixed;left:250px;width:0 !important;height:100%;margin-left:-250px;overflow-y:auto;background:#1B1E24;overflow-x:hidden;}
/*#page-content-wrapper{position:absolute;width:100%;margin-top:60px;}*/
.sidebar-nav{position:absolute;top:0;width:250px;margin:0;padding:0;list-style:none;}
.sidebar-nav li{display:block;margin:0;padding:0;border:0px;line-height:20px;}
.sidebar-nav li a{color:#8b91a0;display:block;position:relative;margin:0;border:0px;padding:11.5px 31px 11.5px 31px;text-decoration:none;font-size:14px;font-weight:normal;}
.sidebar-nav li a:hover{text-decoration:none;color:#fff;}
.sidebar-nav li a:active,
.sidebar-nav li a:focus{text-decoration:none;}
.sidebar-nav li ul.sub-menu{display:none;list-style:none;clear:both;margin:0px;background-color:#22262e;padding:8px 0px 10px 0px;}
.sidebar-nav li ul.sub-menu li{background:none;margin:0px;padding:0px;margin-top:1px !important;}
.sidebar-nav > .sidebar-brand{height:60px;font-size:18px;line-height:60px;background-color:#22262E;}
.sidebar-nav > .sidebar-brand a{color:#999999;}
.sidebar-nav > .sidebar-brand a:hover{color:#fff;background:none;}
.sidebar-nav > .sidebar-brand img{width:180px;}
.arrow{width:12px;height:12px;display:inline-block;background-image:url("../Content/sprite.png");background-position-x:115px;background-position-y:80px;background-size:236px;}
.arrow-open{background-position-y:90px;}
.s-tophead{text-align:center;width:100%;z-index:500;}
.s-notify-area{float:right;display:inline-block;}
.s-toggle{padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px;border-color:#ddd;}
.s-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px;background-color:#888;margin-top:4px;}
.s-toggle span:nth-child(2){margin-top:0px;}
div[role='tooltip']{z-index:10000;width:200px;left:50px !important;}
.s-toggler-go{margin-left:5px !important;}
#wrapper.toggled #sidebar-wrapper{width:50px;}
#wrapper.toggled #sidebar-wrapper .sidebar-nav > li > a{color:white;}
#wrapper.toggled #sidebar-wrapper .sidebar-nav > li > a:hover{background-color:#2A2E36;}
#wrapper.toggled #sidebar-wrapper .sidebar-nav > li:first-child > a:hover{background-color:transparent;}
#wrapper.toggled #sidebar-wrapper .sidebar-nav > li > .sub-menu li a:hover{background-color:#2A2E36;}
.s-client-logo{display:inline-block;padding-top:7px;}
.s-toggle{float:left;margin:9px 0px 0px 11px;margin-left:260px;}
.chat-toggler{position:relative;/*top:10px;*/margin-right:20px;display:inline-block;float:left;}
.chat-toggler a{color:#1b1e24;font-size:15px;display:inline-block;float:left; background-color:transparent !important;}
.chat-toggler .user-details{display:flex;/*float:left;line-height:35px;*/margin-bottom:8px}
.username{margin: 20px 0px 0px 4px;}
.badge{text-shadow:none;font-family:'Open Sans';font-weight:600;background-color:#d1dade;font-size:11px;color:#5E5E5E;min-width:26px;min-height:26px;text-align:center;padding-top:7px;border-radius:100px;}
.badge-red{background-color:red !important;color:#ffffff !important;}
.badge-orange{background-color:orange !important;color:#ffffff !important;}
.badge-yellow{background-color:yellow !important;color:#ffffff !important;}
.quick-section{margin-left:5px;margin-top:9px;margin-right:10px;display:inline-block;float:left;direction:ltr;}
.nav > li{margin:0px;padding:0px;text-align:center;display:inline-block;float:left; font-size:initial;}
.nav > li.quicklinks > a{padding:0px 2px !important;background-color:transparent;}
.nav > li.quicklinks > a:hover{background-color:transparent;}
.nav .dropdown-menu{margin-top:3px;}
.sty-username{display:inline-block;float:left;margin-top:8px;margin-right:8px;color:white;}
.sty-profile-pic{border-radius:100px 100px 100px 100px;display:inline-block;height:35px;overflow:hidden;width:35px;float:left;}
.bold{font-weight:bold;}
.sty-username .iconset{display:inline-block;padding:4px 2px;}
.iconset.top-down-arrow{background-position:-238px -12px;width:7px;height:5px;}
.iconset{background:url("/Content/top-tray.png") no-repeat;position:relative;top:1px;}
.sch-close{width:16px;height:16px;display:inline-block;background-image:url('/Content/sprite.png');background-position-x:-32px;background-position-y:-16px;position:absolute;right:0px;top:0px;cursor:pointer;}
.sch-close:hover{opacity:0.8;}
@media(min-width:769px){#wrapper{}
#wrapper.toggled{padding-left:0;}
#wrapper.toggled .s-tophead{z-index:1001;}
#sidebar-wrapper{width:250px;}
#wrapper.toggled #sidebar-wrapper{width:50px;left:0px;margin-left:0px;overflow:visible !important;}
#wrapper.toggled #sidebar-wrapper ul.sidebar-nav{width:50px;}
#wrapper.toggled #sidebar-wrapper ul.sidebar-nav > li > a > span{display:none;position:absolute;min-width:150px;background-color:#1B1E24;border:solid 1px black;padding:2px;font-size:12px;left:51px;top:10px;}
#wrapper.toggled #sidebar-wrapper ul.sidebar-nav > li > a:hover > span.title{display:block;}
#wrapper.toggled #sidebar-wrapper ul.sidebar-nav > li > a{padding:13px;}
#wrapper.toggled #sidebar-wrapper ul.sidebar-nav > li > a i{width:20px;text-align:center;display:inline-block;}
#page-content-wrapper{}
#wrapper.toggled #page-content-wrapper{}
#wrapper.toggled #sidebar-wrapper .sidebar-nav > li > .sub-menu{position:absolute;margin-top:-46px;margin-left:50px;width:auto;z-index:110;min-width:250px;}
}
@media(max-width:768px){.s-toggle{margin-left:10px;}
#wrapper.toggled #sidebar-wrapper{width:250px;}
#wrapper #page-content-wrapper .container-fluid{padding-left:0px;}
.s-client-logo img{width:150px;margin:10px 0px;}
#wrapper #page-content-wrapper{left:0px;}
#wrapper.toggled #page-content-wrapper{left:0px;}
}
@media(max-width:468px){.s-client-logo img{display:none;}
}
@media(min-width:320px){.sty-profile-pic{display:none;}
}