html{height:100%;box-sizing:border-box}
body{position:relative;margin:0;padding-bottom:6rem;min-height:100%}
.tnavcont{height:55px}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-webkit-border-radius:10px;border-radius:10px}
::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:rgba(255,255,255,0.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)}
::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,255,255,0.4)}
#sidebar{min-width:250px;max-width:250px;background:#000;color:#fff;transition:all .3s;position:fixed;height:100%;z-index:9;top:0}
.sidebar-header img{max-width:100%}
.topnav{position:fixed!important;top:0;left:250px;width:calc(100% - 250px)!important;z-index:9;background:#f9f9f9;box-shadow:1px 1px 3px rgba(0,0,0,0.2);transition:all .3s}
#sidebar.active{min-width:80px;max-width:80px;text-align:center}
#sidebar.active .sidebar-header .mlogo,#sidebar.active .CTAs{display:none}
#sidebar.active .sidebar-header .smalllogo{display:block}
#sidebar ul li a{text-align:left;font-weight:700}
#sidebar.active ul li a{padding:20px 10px;text-align:center;font-size:.8em}
#sidebar.active ul li a i{margin-right:0;display:block;font-size:1.8em;margin-bottom:5px}
#sidebar.active ul ul a{padding:10px!important}
#sidebar.active .arrowm,#sidebar.active a::before{top:auto;bottom:5px;right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}
#sidebar .sidebar-header{padding:10px;background:#000}
#sidebar .sidebar-header .smalllogo{display:none;font-size:1.2em}
#sidebar ul.components{padding:20px 0;border-bottom:1px solid #000;overflow-y:auto;max-height:calc(100% - 87px);overflow-x:hidden}
#sidebar ul li a{padding:10px;font-size:.9em;display:block;font-weight:700;color:#CCC}
#sidebar ul li a:hover{color:#FFF;background:#000;text-decoration:none}
#sidebar ul li a i{margin-right:10px}
#sidebar ul li.active > a,a[aria-expanded="true"]{color:#fff;background:#007bff}
a[data-toggle="collapse"]{position:relative}
#sidebar ul ul a{font-size:.85em!important;padding-left:20px!important;background:#111;font-weight:400}
ul.CTAs{padding:20px}
ul.CTAs a{text-align:center;font-size:.9em!important;display:block;border-radius:5px;margin-bottom:5px}
a.download{background:#fff;color:#7386D5}
a.article,a.article:hover{background:#000!important;color:#fff!important}
.navbar-right{position:relative}
.topnav{padding:20px;transition:all .3s;background:#f9f9f9;padding:0;box-shadow:1px 1px 2px rgba(0,0,0,0.2)}
.copyright{position:absolute;font-size:8pt;bottom:0}
.topnav .navbar-collapse{position:absolute;right:50px;top:14px;display:block!important}
#WMTaccountDDR{left:unset;border-bottom-left-radius:8px;border-bottom-right-radius:0;right:-50px;top:31px}
.navbar-btn{color:#FFF;background:#333;border:0;font-size:20px;margin:5px;text-align:center;padding:0 1px 1px;line-height:27px;border-radius:5px;cursor:pointer}
.navbar{padding:.2rem 1rem!important;position:fixed}
.traccount,.trhelp,.tradmin{top:-5px}
#sidebar ~ .container{width:100%}
.arrowm{position:absolute;top:0;padding-top:10px;right:20px;font-size:14px}
.components li{position:relative}
#sidebar ~ .container,.container-fluid,.wrapper,.breadcrumb{width:100%!important}
.container-fluid,.wrapper{min-height:500px}
footer{text-align:center;height:auto;overflow:inherit;width:calc(100% - 250px)!important;margin-left:250px;position:relative;right:0;bottom:0;left:0;padding:0;background-color:#efefef;text-align:center;height:160px;position:relative}
header ~ footer{width:100%!important;margin-left:0}
#sidebar ul li.active > a::after{width:0;height:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #FFF transparent transparent;position:absolute;top:0;right:0;content:"";margin-top:8px}
#sidebar.active ul li a::after{margin:10px 0;border-width:20px 8px 20px 0}
#sidebar ul .active ul .activesub{font-weight:700;color:#FFF}
#sidebar ~ .container,#sidebar ~ .container-fluid,#sidebar ~ .wrapper{width:calc(100% - 260px)!important;margin-left:255px!important;max-width:100%!important;transition:all 0.5s;}
#sidebar ~ .container,.container-fluid,.wrapper{min-height:100%}
.copyright{background:#f9f9f9;color:#111;border:0;box-shadow:0 -2px 3px 0 rgba(0,0,0,0.3);height:26px;padding:6px}
.breadcrumb a,.qrdetails a{padding:0 10px}
.cpanel{text-align:center;background:#FFF;padding:20px;box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2);border-radius:5px}
.inlineDIV{margin:10px 5px}
.tdtitle,.acctcpimg{text-align:center;width:100%}
.ulist{list-style:none;margin:0;padding:0}
.ulist li a{color:#444;display:block;width:100%;height:40px;padding:10px}
.ulist li{padding:0;background:#f6f6f6;border:1px solid #DDD;border-top:0}
.ulist li:nth-child(even){background:#fAfAfA}
.ulist li:hover{background:#DDD}
.ulist li a:hover{text-decoration:none}
.acctdcontent,.wcont,.acctcpimg{background:#FFF;padding:10px;overflow-y:auto}
.wcont:last-child > a[title='Edit']{position:absolute;top:0;display:block;right:10px}
.amtdiv .col{padding-left:7px;padding-right:7px;margin-bottom:10px}
.form-group label:not(.mce-wordcount){color:#FFF!important;margin:0 auto;width:100%!important;padding:0!important}
#sidebar ~ .activen,.activen{margin-left:80px!important;width:calc(100% - 80px)!important;left:0!important;transition:all 0.5s;}
#sidebar ~ .wrapper.activen{margin-left:85px!important;width:calc(100% - 90px)!important;left:0!important;transition:all 0.5s;}
.activen .container{width:100%}
.hidden{display:none}
textarea,select,input:not(.widesearch,.searchBTN){width:100%!important;box-sizing:border-box}
.breadcrumb{border-radius:3px;margin:0 auto 10px}
.wrapper .container-fluid{margin-left:0!important;width:100%!important}
.nav-second-level{display:none}
.container{max-width:100%}
.container,.container-fluid .col-sm-9{padding:64px 15px 15px!important}
.leftHeader,.col-sm-9 h1,.mainHeader,.container h1{height:41px;position:absolute;    line-height: 36px !important;}
input[type="radio"],input[type="checkbox"]{width:25px!important}
.checkbox label{display:inline}
.wrapper{text-align:center}
.copyright{top:133px}
#sidebar.active ul ul a{padding: 10px 8px 10px 8px !important;text-align:left;text-overflow: ellipsis;overflow: hidden;}
#sidebar.active ul li a{padding: 20px 5px 20px 5px;text-align:left}
.leftFoot, .mainFoot{position: absolute;width: 100%;left: 0;bottom: 0;}
@media all and (max-width: 768px) {
#sidebar{min-width:80px;max-width:80px;text-align:center;margin-left:-80px!important}
#sidebarCollapse{display:inline-block;width:50px;float:right;cursor:pointer}
a[aria-expanded="false"]::before,a[aria-expanded="true"]::before{top:auto;bottom:5px;right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}
#sidebar.active{margin-left:0!important}
#sidebar .sidebar-header .mlogo,#sidebar .CTAs{display:none}
#sidebar .sidebar-header .smalllogo{display:block}
#sidebar ul li a{padding:20px 10px}
#sidebar ul li a span{font-size:.85em}
#sidebar ul li a i{margin-right:0;display:block}
#sidebar ul ul a{padding:10px!important}
#sidebar ul li a i{font-size:1.3em}
#sidebar{margin-left:0}
#sidebarCollapse span{display:none}
.topnav{width:100%!important;margin:0!important;left:0!important}
#sidebar ~ .container,.breadcrumb,.container-fluid,footer,#sidebar ~ .wrapper{width:100%!important;margin-left:0!important}
#sidebar ~ .activen,.activen{margin-left:80px!important;width:calc(100% - 80px)!important;left:0!important}
.copyright{position: relative;top: 0;}
footer{height:auto !important}
.calendardiv{max-width:100%}
}