/* File: ./e107_web/lib/animate.css/animate.min.css */
@charset "UTF-8";.animated{animation-duration:1s;animation-fill-mode:both} .animated.infinite{animation-iteration-count:infinite} .animated.hinge{animation-duration:2s} .animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s} @keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)} 40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)} 70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)} 90%{transform:translate3d(0,-4px,0)} } .bounce{animation-name:bounce;transform-origin:center bottom} @keyframes flash{0%,50%,to{opacity:1} 25%,75%{opacity:0} } .flash{animation-name:flash} @keyframes pulse{0%{transform:scaleX(1)} 50%{transform:scale3d(1.05,1.05,1.05)} to{transform:scaleX(1)} } .pulse{animation-name:pulse} @keyframes rubberBand{0%{transform:scaleX(1)} 30%{transform:scale3d(1.25,.75,1)} 40%{transform:scale3d(.75,1.25,1)} 50%{transform:scale3d(1.15,.85,1)} 65%{transform:scale3d(.95,1.05,1)} 75%{transform:scale3d(1.05,.95,1)} to{transform:scaleX(1)} } .rubberBand{animation-name:rubberBand} @keyframes shake{0%,to{transform:translateZ(0)} 10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)} 20%,40%,60%,80%{transform:translate3d(10px,0,0)} } .shake{animation-name:shake} @keyframes headShake{0%{transform:translateX(0)} 6.5%{transform:translateX(-6px) rotateY(-9deg)} 18.5%{transform:translateX(5px) rotateY(7deg)} 31.5%{transform:translateX(-3px) rotateY(-5deg)} 43.5%{transform:translateX(2px) rotateY(3deg)} 50%{transform:translateX(0)} } .headShake{animation-timing-function:ease-in-out;animation-name:headShake} @keyframes swing{20%{transform:rotate(15deg)} 40%{transform:rotate(-10deg)} 60%{transform:rotate(5deg)} 80%{transform:rotate(-5deg)} to{transform:rotate(0deg)} } .swing{transform-origin:top center;animation-name:swing} @keyframes tada{0%{transform:scaleX(1)} 10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)} 30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)} 40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)} to{transform:scaleX(1)} } .tada{animation-name:tada} @keyframes wobble{0%{transform:none} 15%{transform:translate3d(-25%,0,0) rotate(-5deg)} 30%{transform:translate3d(20%,0,0) rotate(3deg)} 45%{transform:translate3d(-15%,0,0) rotate(-3deg)} 60%{transform:translate3d(10%,0,0) rotate(2deg)} 75%{transform:translate3d(-5%,0,0) rotate(-1deg)} to{transform:none} } .wobble{animation-name:wobble} @keyframes jello{0%,11.1%,to{transform:none} 22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)} 33.3%{transform:skewX(6.25deg) skewY(6.25deg)} 44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)} 55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)} 66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)} 77.7%{transform:skewX(.390625deg) skewY(.390625deg)} 88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)} } .jello{animation-name:jello;transform-origin:center} @keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:scale3d(.3,.3,.3)} 20%{transform:scale3d(1.1,1.1,1.1)} 40%{transform:scale3d(.9,.9,.9)} 60%{opacity:1;transform:scale3d(1.03,1.03,1.03)} 80%{transform:scale3d(.97,.97,.97)} to{opacity:1;transform:scaleX(1)} } .bounceIn{animation-name:bounceIn} @keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:translate3d(0,-3000px,0)} 60%{opacity:1;transform:translate3d(0,25px,0)} 75%{transform:translate3d(0,-10px,0)} 90%{transform:translate3d(0,5px,0)} to{transform:none} } .bounceInDown{animation-name:bounceInDown} @keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:translate3d(-3000px,0,0)} 60%{opacity:1;transform:translate3d(25px,0,0)} 75%{transform:translate3d(-10px,0,0)} 90%{transform:translate3d(5px,0,0)} to{transform:none} } .bounceInLeft{animation-name:bounceInLeft} @keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:translate3d(3000px,0,0)} 60%{opacity:1;transform:translate3d(-25px,0,0)} 75%{transform:translate3d(10px,0,0)} 90%{transform:translate3d(-5px,0,0)} to{transform:none} } .bounceInRight{animation-name:bounceInRight} @keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:translate3d(0,3000px,0)} 60%{opacity:1;transform:translate3d(0,-20px,0)} 75%{transform:translate3d(0,10px,0)} 90%{transform:translate3d(0,-5px,0)} to{transform:translateZ(0)} } .bounceInUp{animation-name:bounceInUp} @keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)} 50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)} to{opacity:0;transform:scale3d(.3,.3,.3)} } .bounceOut{animation-name:bounceOut} @keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)} 40%,45%{opacity:1;transform:translate3d(0,-20px,0)} to{opacity:0;transform:translate3d(0,2000px,0)} } .bounceOutDown{animation-name:bounceOutDown} @keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)} to{opacity:0;transform:translate3d(-2000px,0,0)} } .bounceOutLeft{animation-name:bounceOutLeft} @keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)} to{opacity:0;transform:translate3d(2000px,0,0)} } .bounceOutRight{animation-name:bounceOutRight} @keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)} 40%,45%{opacity:1;transform:translate3d(0,20px,0)} to{opacity:0;transform:translate3d(0,-2000px,0)} } .bounceOutUp{animation-name:bounceOutUp} @keyframes fadeIn{0%{opacity:0} to{opacity:1} } .fadeIn{animation-name:fadeIn} @keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)} to{opacity:1;transform:none} } .fadeInDown{animation-name:fadeInDown} @keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)} to{opacity:1;transform:none} } .fadeInDownBig{animation-name:fadeInDownBig} @keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)} to{opacity:1;transform:none} } .fadeInLeft{animation-name:fadeInLeft} @keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)} to{opacity:1;transform:none} } .fadeInLeftBig{animation-name:fadeInLeftBig} @keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)} to{opacity:1;transform:none} } .fadeInRight{animation-name:fadeInRight} @keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)} to{opacity:1;transform:none} } .fadeInRightBig{animation-name:fadeInRightBig} @keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)} to{opacity:1;transform:none} } .fadeInUp{animation-name:fadeInUp} @keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)} to{opacity:1;transform:none} } .fadeInUpBig{animation-name:fadeInUpBig} @keyframes fadeOut{0%{opacity:1} to{opacity:0} } .fadeOut{animation-name:fadeOut} @keyframes fadeOutDown{0%{opacity:1} to{opacity:0;transform:translate3d(0,100%,0)} } .fadeOutDown{animation-name:fadeOutDown} @keyframes fadeOutDownBig{0%{opacity:1} to{opacity:0;transform:translate3d(0,2000px,0)} } .fadeOutDownBig{animation-name:fadeOutDownBig} @keyframes fadeOutLeft{0%{opacity:1} to{opacity:0;transform:translate3d(-100%,0,0)} } .fadeOutLeft{animation-name:fadeOutLeft} @keyframes fadeOutLeftBig{0%{opacity:1} to{opacity:0;transform:translate3d(-2000px,0,0)} } .fadeOutLeftBig{animation-name:fadeOutLeftBig} @keyframes fadeOutRight{0%{opacity:1} to{opacity:0;transform:translate3d(100%,0,0)} } .fadeOutRight{animation-name:fadeOutRight} @keyframes fadeOutRightBig{0%{opacity:1} to{opacity:0;transform:translate3d(2000px,0,0)} } .fadeOutRightBig{animation-name:fadeOutRightBig} @keyframes fadeOutUp{0%{opacity:1} to{opacity:0;transform:translate3d(0,-100%,0)} } .fadeOutUp{animation-name:fadeOutUp} @keyframes fadeOutUpBig{0%{opacity:1} to{opacity:0;transform:translate3d(0,-2000px,0)} } .fadeOutUpBig{animation-name:fadeOutUpBig} @keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out} 40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out} 50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in} 80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in} to{transform:perspective(400px);animation-timing-function:ease-in} } .animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip} @keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0} 40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in} 60%{transform:perspective(400px) rotateX(10deg);opacity:1} 80%{transform:perspective(400px) rotateX(-5deg)} to{transform:perspective(400px)} } .flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX} @keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0} 40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in} 60%{transform:perspective(400px) rotateY(10deg);opacity:1} 80%{transform:perspective(400px) rotateY(-5deg)} to{transform:perspective(400px)} } .flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY} @keyframes flipOutX{0%{transform:perspective(400px)} 30%{transform:perspective(400px) rotateX(-20deg);opacity:1} to{transform:perspective(400px) rotateX(90deg);opacity:0} } .flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} @keyframes flipOutY{0%{transform:perspective(400px)} 30%{transform:perspective(400px) rotateY(-15deg);opacity:1} to{transform:perspective(400px) rotateY(90deg);opacity:0} } .flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY} @keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0} 60%{transform:skewX(20deg);opacity:1} 80%{transform:skewX(-5deg);opacity:1} to{transform:none;opacity:1} } .lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out} @keyframes lightSpeedOut{0%{opacity:1} to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0} } .lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in} @keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0} to{transform-origin:center;transform:none;opacity:1} } .rotateIn{animation-name:rotateIn} @keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0} to{transform-origin:left bottom;transform:none;opacity:1} } .rotateInDownLeft{animation-name:rotateInDownLeft} @keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0} to{transform-origin:right bottom;transform:none;opacity:1} } .rotateInDownRight{animation-name:rotateInDownRight} @keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0} to{transform-origin:left bottom;transform:none;opacity:1} } .rotateInUpLeft{animation-name:rotateInUpLeft} @keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0} to{transform-origin:right bottom;transform:none;opacity:1} } .rotateInUpRight{animation-name:rotateInUpRight} @keyframes rotateOut{0%{transform-origin:center;opacity:1} to{transform-origin:center;transform:rotate(200deg);opacity:0} } .rotateOut{animation-name:rotateOut} @keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1} to{transform-origin:left bottom;transform:rotate(45deg);opacity:0} } .rotateOutDownLeft{animation-name:rotateOutDownLeft} @keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1} to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0} } .rotateOutDownRight{animation-name:rotateOutDownRight} @keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1} to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0} } .rotateOutUpLeft{animation-name:rotateOutUpLeft} @keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1} to{transform-origin:right bottom;transform:rotate(90deg);opacity:0} } .rotateOutUpRight{animation-name:rotateOutUpRight} @keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out} 20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out} 40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1} to{transform:translate3d(0,700px,0);opacity:0} } .hinge{animation-name:hinge} @keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom} 50%{transform:rotate(-10deg)} 70%{transform:rotate(3deg)} to{opacity:1;transform:scale(1)} } .jackInTheBox{animation-name:jackInTheBox} @keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)} to{opacity:1;transform:none} } .rollIn{animation-name:rollIn} @keyframes rollOut{0%{opacity:1} to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)} } .rollOut{animation-name:rollOut} @keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)} 50%{opacity:1} } .zoomIn{animation-name:zoomIn} @keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomInDown{animation-name:zoomInDown} @keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomInLeft{animation-name:zoomInLeft} @keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomInRight{animation-name:zoomInRight} @keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomInUp{animation-name:zoomInUp} @keyframes zoomOut{0%{opacity:1} 50%{opacity:0;transform:scale3d(.3,.3,.3)} to{opacity:0} } .zoomOut{animation-name:zoomOut} @keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomOutDown{animation-name:zoomOutDown} @keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)} to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center} } .zoomOutLeft{animation-name:zoomOutLeft} @keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)} to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center} } .zoomOutRight{animation-name:zoomOutRight} @keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomOutUp{animation-name:zoomOutUp} @keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible} to{transform:translateZ(0)} } .slideInDown{animation-name:slideInDown} @keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible} to{transform:translateZ(0)} } .slideInLeft{animation-name:slideInLeft} @keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible} to{transform:translateZ(0)} } .slideInRight{animation-name:slideInRight} @keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible} to{transform:translateZ(0)} } .slideInUp{animation-name:slideInUp} @keyframes slideOutDown{0%{transform:translateZ(0)} to{visibility:hidden;transform:translate3d(0,100%,0)} } .slideOutDown{animation-name:slideOutDown} @keyframes slideOutLeft{0%{transform:translateZ(0)} to{visibility:hidden;transform:translate3d(-100%,0,0)} } .slideOutLeft{animation-name:slideOutLeft} @keyframes slideOutRight{0%{transform:translateZ(0)} to{visibility:hidden;transform:translate3d(100%,0,0)} } .slideOutRight{animation-name:slideOutRight} @keyframes slideOutUp{0%{transform:translateZ(0)} to{visibility:hidden;transform:translate3d(0,-100%,0)} } .slideOutUp{animation-name:slideOutUp} 

/* File: ./e107_web/css/e107.css */
 .left { text-align: left } .right { text-align: right } .center { text-align: center } .justify { text-align: justify } .f-left { float: left } .f-right { float: right } .top { vertical-align: top } .middle { vertical-align: middle } .bottom { vertical-align: bottom } .clear { clear: both } .clear-l { clear: right } .clear-r { clear: left } i.icon-download{ font-size:200%;} .e-footer-info{ margin-top:10px; padding:20px; text-align: center } td.text-center{ text-align:center; } .icon { border: 0px; display: inline-block; margin-right: .3em;} .icon.action { vertical-align: middle } .S16 { width: 16px; height: 16px } .S32 { width: 32px; height: 32px } .S64 { width: 64px; height: 64px } .S128 { width: 128px; height: 128px } .icon-svg { width: 1em; } .icon-svg-2x{ width: 2em; } .icon-svg-3x{ width: 3em; } .icon-svg-4x{ width: 4em; } .icon-svg-5x{ width: 5em; } .odd {} .even { background-color: #F5F5F5 } .first, .last {} .e-list {} ul.e-tabs { list-style-type: none; } ul.e-tabs li { display: inline; margin: 0px; border: 0 none; background-color: transparent; } ul.e-tabs li a { text-decoration: none; padding: 5px; } ul.e-tabs li a:link,ul.e-tabs li a:visited { border: 1px solid #C0C0C0; } ul.e-tabs li a:hover,ul.e-tabs li.active a:link,ul.e-tabs li.active a:visited{ background-color: #EEEEEE; border: 1px solid #808080; } #loading-mask { color: #556B2F; font-size: 1.2em; font-weight:bold; position:absolute; text-align: center; padding: 0; margin: 0; background-color: transparent; } #loading-mask .loader { position: fixed; top: 40%; left: 50%; width: 200px;text-align: center; background: #F0F9E3 none repeat scroll 0 0; border: 2px solid #556B2F; font-weight: bold; padding: 10px 5px; margin-left: -100px; margin-top: 0; } #loading-mask img { margin: 10px auto; } .element-loading-mask { background-repeat: no-repeat; background-position: 50% 50%; background-color: #f5f5f5; } #e-debug-console-cont { position: fixed; top: 0px; left: 5px; margin: 0px; padding: 0px; width: 600px; border: 1px solid #c0c0c0; background-color: white; color: black; } #e-debug-console { padding: 10px; margin: 0px; height: 100px; overflow: auto; text-align: left; } #e-debug-console div div { padding: 5px; } #e-debug-console-controls { text-align: left; padding: 5px; border-top: 1px solid #c0c0c0; background-color: #fff; line-height: 0; } #e-debug-console-controls a { text-decoration: none; color: #000; background-color: #f5f5f5; border: 1px solid #f0f0f0; padding: 5px; margin: 2px 5px; } #e-debug-console-input { width: 480px; border: 1px solid #f5f5f5; } #e-debug-console .console-output { border-bottom: 1px solid #f5f5f5; padding: 5px } .cpage-nav { padding: 5px; margin: 0px 5px 10px 10px; } a.cpage-np { font-size: 14px; } a.cpage-np.current { text-decoration: none; } .s-message { } .validate-result {} .e-info {} .image-preview {} div.bbarea.large, .tbox.large, .helpbox.large { width: 95% } div.bbarea.medium, .tbox.medium, .helpbox.medium { width: 60% !important; } div.bbarea.small, .tbox.small, .helpbox.small { width: 250px !important; } img.bbcode-img { max-width:100%} img.bbcode-img-left { float:left !important;margin: 0 10px 5px 0; } img.bbcode-img-right { float:right !important; margin: 0 0 5px 10px; } .bbcode-panel { width: 100% } .input-block-level { width: 100% !important } p {} p.bbcode { margin: 10px 0px; text-indent: 15px; }  p:first-letter {} h1.bbcode, h2.bbcode, h3.bbcode, h4.bbcode, h5.bbcode, h6.bbcode {} div.bbcode { margin: 15px 0px; clear: both; }  .comments-container { list-style: none outside none; margin:0px } .comments-container > li { padding: 5px 0px } .comment-text { padding: 8px 0 } .e-email:before {content: attr(data-user);} .e-email:after {content: attr(data-dom)} .panel-profile .user-avatar {max-width: 150px;max-height: 150px;margin-top: -90px;margin-bottom: 15px;border: 5px solid #fff;border-radius: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);margin-left:auto;margin-right:auto;} .panel-profile .panel-heading h5.user-id {color:#ffffff;} .panel-profile .panel-body span.padding-left {display:block;} .panel-profile .panel-body p {clear: both;float: none;display: block;} .panel-profile .profile-header { max-width:300px;margin-left: auto;margin-right: auto;} .panel-profile .profile-header h4 {padding-bottom: 30px;} .panel-profile .panel-body p.row {border-top: 1px solid rgba(170,170,170,0.35);padding-top: 10px;} .panel-profile .panel-body div.row {border-top: 1px solid rgba(170,170,170,0.35);padding: 10px 0;} .e-instant-edit { font-size: 10pt; position: absolute; right: 10px; text-align: right; display: inline-block; z-index:1000; margin-right:10px;} ul.checkboxes { display: inline-block; list-style: none; margin: 0; padding: 0;} div.e-comment-edit-save{ margin-top:8px; padding: 5px } .e-comment-edit-active{ -webkit-box-shadow:#CCCCCC 0px 0px 10px; -moz-box-shadow:#CCCCCC0px 0px 10px; box-shadow:#CCCCCC 0px 0px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .e-comment-edit-success{ padding:8px; text-align:center; } .e-comment-edit-error{ padding:8px; text-align:center; } .e-rate-up img{ opacity: 0.4 } .e-rate-down img{ opacity: 0.4 }  .signup-divider{ border-bottom: 1px solid silver;font-size: 18px;margin-bottom: 30px;position: relative;text-align: center; } .signup-divider span { padding: 0 15px; position: relative; top: 10px; } .video-responsive {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;margin-bottom:20px;} .video-responsive iframe,.video-responsive object,.video-responsive embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} div.bbcode-panel {background-color: rgb(245, 245, 245);background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(230, 230, 230));background-repeat: repeat-x;border-width: 1px;border-style: solid;-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgb(179, 179, 179);border-radius: 4px;box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);} #search-results li { margin-top:5px; padding: 10px 0; } #search-results li h4 { margin-bottom:0 !important } optgroup.level-1 { padding-left:0.1em } optgroup.level-2 { padding-left:0.7em } optgroup.level-3 { padding-left:2em } optgroup.level-4 { padding-left:3em } optgroup.level-5 { padding-left:4em } .online-menu-extended li, .online-menu li ul li { min-height: 40px; padding-top:8px} .online-menu-extended ul { padding-bottom:20px} .online-menu-extended span.online-menu-user { display:block; font-size:1.1em;margin-top:4px; line-height:1} .online-menu-extended-label { font-size:1.2em; } img.e-emoticon { vertical-align:middle; border:0; width:24px } .e-editable-front { position:relative } .e-editable-front:hover,.e-editable-front a:hover { outline: 1px dashed red; } .e-editable-front.active {-moz-box-shadow: inset 0 0 5px 2px #888;-webkit-box-shadow: inset 0 0 5px 2px#888;box-shadow: inset 0 0 5px 2px #888; } #e-editable-front-controls { position: absolute;top: 0px;font-size: 20px;right: -35px;background-color: #424242;border-radius:4px;padding:5px;cursor: pointer;width:35px;color:white;} #e-editable-front-controls .fa-check { color: lawngreen } .e-editable-front-save { color: lawngreen; width:35px; display:block;} .e-editable-front-cancel {display:block;margin-top:5px; color: red;width:35px;} #uiAlert{ z-index: 10001 } #uiAlert .alert { z-index:10000; box-shadow:1px 4px 5px rgba(0,0,0,0.4) } #uiAlert.notifications { top: 48%; left: 0; width: 100%; } #contactInfo .row { display: flex } #contactInfo iframe.sc-contact-map { width:100%; height:100%; } #login-template { max-width: 330px;margin-right: auto;margin-left: auto; } #login-template h2.caption { text-align:center; font-size:120%; opacity:0.8 } #login-template .logo { padding-top:50px; margin-left:auto; margin-right: auto } #login-template .login-page-footer { margin-bottom:100px; margin-right:auto;margin-left:auto } div.login-page-signup-link, div.login-page-fpw-link { text-align:center } .nav-side.listgroup { padding-left:0; } .nav-side li.list-group-item.active { padding:0} div.search-menu { text-align: center } div.e-debug { margin-top:50px; padding:5px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: rgb(39, 43, 48) !important; color: rgb(200, 200, 200) !important } div.e-debug .table{ background-color: rgb(46, 51, 56) !important; border-collapse: collapse; border-spacing: 0; box-sizing: border-box;color: rgb(200, 200, 200); font-size: 14px; line-height: 20px; margin-bottom: 20px; width: 100%;} div.e-debug .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #353a41 !important; } div.e-debug td, div.e-debug th{ padding: 5px;color: rgb(200, 200, 200) !important; } div.e-debug td{ font-size: 14px; line-height: 20px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #1c1e22; } div.e-debug h4{ text-shadow: -1px -1px 0 rgba(0,0,0,0.3); font-size: 18px; } div.e-debug .label{ display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1;color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } div.e-debug .label-danger { background-color: #ee5f5b; } div.e-debug .btn{ display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle;cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap;padding: 8px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; user-select: none; } .pagination { display: flex !important; } .justify-content-between{ justify-content: space-between !important; } .page-link.disabled { pointer-events: none; opacity: 0.5; color: #959595; } .news-view-pagination > li{ padding-left: 0; padding-right: 0; } .news-view-pagination > li > a{ float:none; display:inline-block } .svg-inline--fa.fa-w-16 { width:1em } .mx-0 { margin-right:0!important; margin-left:0!important} .mx-1 { margin-right:.25rem!important; margin-left:.25rem!important} .mx-2 { margin-right:.5rem!important; margin-left:.5rem!important} .mx-3 { margin-right:1rem!important; margin-left:1rem!important} .mx-4 { margin-right:1.5rem!important; margin-left:1.5rem!important} .mx-5 { margin-right:3rem!important; margin-left:3rem!important} .mx-auto { margin-right:auto!important; margin-left:auto!important} .my-0 { margin-top:0!important; margin-bottom:0!important} .my-1 { margin-top:.25rem!important; margin-bottom:.25rem!important} .my-2 { margin-top:.5rem!important; margin-bottom:.5rem!important} .my-3 { margin-top:1rem!important; margin-bottom:1rem!important} .my-4 { margin-top:1.5rem!important; margin-bottom:1.5rem!important} .my-5 { margin-top:3rem!important; margin-bottom:3rem!important} 

/* File: ./e107_web/js/bootstrap-notify/css/bootstrap-notify.css */
.notifications{position:fixed;} .notifications.top-right{right:10px;top:25px;} .notifications.top-left{left:10px;top:25px;} .notifications.bottom-left{left:10px;bottom:25px;} .notifications.bottom-right{right:10px;bottom:25px;} .notifications>div{position:relative;z-index:9999;margin:5px 0px;} .notifications.center{top:48%;left:0;width:100%;} .notifications.center>div{margin:5px auto;width:20%;text-align:center;} 

/* File: ./e107_web/js/core/all.jquery.css */
a.e-nav { padding:3px; } div.e-rate{ width:100px; display:inline-block} img.e-rate{} .e-rate-status{ vertical-align:middle; padding-right:4px; display:inline-block; text-align:right} .e-rate-status-download { text-align:left; } .e-rate-votes{ vertical-align:middle; display:inline-block; width:100px } select.e-bb{ margin-top:0px; width:100px } .bbcode_buttons{} .bbcode_buttons:hover{} body.e-iframe{ padding:15px; margin:0px; } 

/* File: ./e107_plugins/social/css/fontello.css */
@font-face {font-family: 'fontello';src: url(/e107_plugins/social/font/fontello.eot?21917124);src: url(/e107_plugins/social/font/fontello.eot?21917124#iefix) format('embedded-opentype'), url(/e107_plugins/social/font/fontello.woff2?21917124) format('woff2'), url(/e107_plugins/social/font/fontello.woff?21917124) format('woff'), url(/e107_plugins/social/font/fontello.ttf?21917124) format('truetype'), url(/e107_plugins/social/font/fontello.svg?21917124#fontello) format('svg');font-weight: normal;font-style: normal;} [class^="e-social-"]:before, [class*=" e-social-"]:before {font-family: "fontello";font-style: normal;font-weight: normal;speak: none; display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center; font-variant: normal;text-transform: none; line-height: 1em; margin-left: .2em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }  .e-social-gplus:before { content: '\e800'; }  .e-social-stumbleupon:before { content: '\e801'; }  .e-social-pinterest:before { content: '\e802'; }  .e-social-digg:before { content: '\e803'; }  .e-social-reddit:before { content: '\e804'; }  .e-social-blogger:before { content: '\e805'; }  .e-social-dribbble:before { content: '\e806'; }  .e-social-linkedin:before { content: '\e807'; }  .e-social-skype:before { content: '\e808'; }  .e-social-twitter:before { content: '\e809'; }  .e-social-youtube:before { content: '\e80a'; }  .e-social-vimeo:before { content: '\e80b'; }  .e-social-yahoo:before { content: '\e80c'; }  .e-social-email:before { content: '\e80d'; }  .e-social-dropbox:before { content: '\e80e'; }  .e-social-facebook:before { content: '\e80f'; }  .e-social-tumblr:before { content: '\e811'; }  .e-social-yelp:before { content: '\e812'; }  .e-social-delicious:before { content: '\e813'; }  .e-social-acrobat:before { content: '\e814'; }  .e-social-linkedin-rect:before { content: '\e815'; }  .e-social-blogger-rect:before { content: '\e816'; }  .e-social-instagram-1:before { content: '\e817'; }  .e-social-instagram-filled:before { content: '\e818'; }  .e-social-google:before { content: '\e819'; }  .e-social-rss:before { content: '\e81a'; }  .e-social-spread:before { content: '\e81b'; }  .e-social-flattr:before { content: '\e81c'; }  .e-social-flickr:before { content: '\e81d'; }  .e-social-instapaper:before { content: '\e81e'; }  .e-social-thumbs-up:before { content: '\e81f'; }  .e-social-mail:before { content: '\e820'; }  .e-social-mail-alt:before { content: '\e821'; }  .e-social-foursquare:before { content: '\e822'; }  .e-social-share:before { content: '\e823'; }  .e-social-export:before { content: '\e824'; }  .e-social-pocket:before { content: '\e825'; }  .e-social-wordpress:before { content: '\e826'; }  .e-social-pinboard:before { content: '\e827'; }  .e-social-instagram:before { content: '\e828'; }  .e-social-vk:before { content: '\e829'; }  .e-social-vine:before { content: '\e82a'; }  .e-social-meetup:before { content: '\e82b'; }  .e-social-youtube-play:before { content: '\e82c'; }  .e-social-github:before { content: '\f09b'; }  .e-social-steam:before { content: '\f1b6'; }  .e-social-twitch:before { content: '\f1e8'; } 

/* File: ./e107_plugins/social/css/social.css */
.social-share .dropdown-menu { min-width: 225px } .social-share .dropdown-menu li div { padding-left:5px;} .social-share .dropdown-menu li div .btn { border-radius:0; margin:0 } 

/* File: ./e107_plugins/midwest_mole/tabulator_v6.3/dist/css/tabulator.min.css */
.tabulator{background-color:#888;border:1px solid #999;font-size:14px;overflow:hidden;position:relative;text-align:left;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)} .tabulator[tabulator-layout=fitDataFill] .tabulator-tableholder .tabulator-table{min-width:100%} .tabulator[tabulator-layout=fitDataTable]{display:inline-block} .tabulator.tabulator-block-select,.tabulator.tabulator-ranges .tabulator-cell:not(.tabulator-editing){user-select:none} .tabulator .tabulator-header{background-color:#e6e6e6;border-bottom:1px solid #999;box-sizing:border-box;color:#555;font-weight:700;outline:none;overflow:hidden;position:relative;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;white-space:nowrap;width:100%} .tabulator .tabulator-header.tabulator-header-hidden{display:none} .tabulator .tabulator-header .tabulator-header-contents{overflow:hidden;position:relative} .tabulator .tabulator-header .tabulator-header-contents .tabulator-headers{display:inline-block} .tabulator .tabulator-header .tabulator-col{background:#e6e6e6;border-right:1px solid #aaa;box-sizing:border-box;display:inline-flex;flex-direction:column;justify-content:flex-start;overflow:hidden;position:relative;text-align:left;vertical-align:bottom} .tabulator .tabulator-header .tabulator-col.tabulator-moving{background:#cdcdcd;border:1px solid #999;pointer-events:none;position:absolute} .tabulator .tabulator-header .tabulator-col.tabulator-range-highlight{background-color:#d6d6d6;color:#000} .tabulator .tabulator-header .tabulator-col.tabulator-range-selected{background-color:#3876ca;color:#fff} .tabulator .tabulator-header .tabulator-col .tabulator-col-content{box-sizing:border-box;padding:4px;position:relative} .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button{padding:0 8px} .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button:hover{cursor:pointer;opacity:.6} .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder{position:relative} .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;width:100%} .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title.tabulator-col-title-wrap{text-overflow:clip;white-space:normal} .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor{background:#fff;border:1px solid #999;box-sizing:border-box;padding:1px;width:100%} .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-popup-button+.tabulator-title-editor{width:calc(100% - 22px)} .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter{align-items:center;bottom:0;display:flex;position:absolute;right:4px;top:0} .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:6px solid #bbb;border-left:6px solid transparent;border-right:6px solid transparent;height:0;width:0} .tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols{border-top:1px solid #aaa;display:flex;margin-right:-1px;overflow:hidden;position:relative} .tabulator .tabulator-header .tabulator-col .tabulator-header-filter{box-sizing:border-box;margin-top:2px;position:relative;text-align:center;width:100%} .tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea{height:auto!important} .tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg{margin-top:3px} .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear{height:0;width:0} .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{padding-right:25px} @media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover{background-color:#cdcdcd;cursor:pointer} } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter{color:#bbb} @media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{border-bottom:6px solid #555;cursor:pointer} } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:6px solid #bbb;border-top:none} .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter{color:#666} @media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{border-bottom:6px solid #555;cursor:pointer} } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:6px solid #666;border-top:none} .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter{color:#666} @media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{border-top:6px solid #555;cursor:pointer} } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:none;border-top:6px solid #666;color:#666} .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title{align-items:center;display:flex;justify-content:center;text-orientation:mixed;writing-mode:vertical-rl} .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title{transform:rotate(180deg)} .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title{padding-right:0;padding-top:20px} .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title{padding-bottom:20px;padding-right:0} .tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-sorter{bottom:auto;justify-content:center;left:0;right:0;top:4px} .tabulator .tabulator-header .tabulator-frozen{left:0;position:sticky;z-index:11} .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left{border-right:2px solid #aaa} .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right{border-left:2px solid #aaa} .tabulator .tabulator-header .tabulator-calcs-holder{background:#f3f3f3!important;border-bottom:1px solid #aaa;border-top:1px solid #aaa;box-sizing:border-box;display:inline-block} .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row{background:#f3f3f3!important} .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle{display:none} .tabulator .tabulator-header .tabulator-frozen-rows-holder{display:inline-block} .tabulator .tabulator-header .tabulator-frozen-rows-holder:empty{display:none} .tabulator .tabulator-tableholder{-webkit-overflow-scrolling:touch;overflow:auto;position:relative;white-space:nowrap;width:100%} .tabulator .tabulator-tableholder:focus{outline:none} .tabulator .tabulator-tableholder .tabulator-placeholder{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-width:100%;width:100%} .tabulator .tabulator-tableholder .tabulator-placeholder[tabulator-render-mode=virtual]{min-height:100%} .tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents{color:#ccc;display:inline-block;font-size:20px;font-weight:700;padding:10px;text-align:center;white-space:normal} .tabulator .tabulator-tableholder .tabulator-table{background-color:#fff;color:#333;display:inline-block;overflow:visible;position:relative;white-space:nowrap} .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs{background:#e2e2e2!important;font-weight:700} .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top{border-bottom:2px solid #aaa} .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom{border-top:2px solid #aaa} .tabulator .tabulator-tableholder .tabulator-range-overlay{inset:0;pointer-events:none;position:absolute;z-index:10} .tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range{border:1px solid #2975dd;box-sizing:border-box;position:absolute} .tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active:after{background-color:#2975dd;border-radius:999px;bottom:-3px;content:"";height:6px;position:absolute;right:-3px;width:6px} .tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range-cell-active{border:2px solid #2975dd;box-sizing:border-box;position:absolute} .tabulator .tabulator-footer{background-color:#e6e6e6;border-top:1px solid #999;color:#555;font-weight:700;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;white-space:nowrap} .tabulator .tabulator-footer .tabulator-footer-contents{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:5px 10px} .tabulator .tabulator-footer .tabulator-footer-contents:empty{display:none} .tabulator .tabulator-footer .tabulator-spreadsheet-tabs{margin-top:-5px;overflow-x:auto} .tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab{border:1px solid #999;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top:none;display:inline-block;font-size:.9em;padding:5px} .tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab:hover{cursor:pointer;opacity:.7} .tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab.tabulator-spreadsheet-tab-active{background:#fff} .tabulator .tabulator-footer .tabulator-calcs-holder{background:#f3f3f3!important;border-bottom:1px solid #aaa;border-top:1px solid #aaa;box-sizing:border-box;overflow:hidden;text-align:left;width:100%} .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row{background:#f3f3f3!important;display:inline-block} .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle{display:none} .tabulator .tabulator-footer .tabulator-calcs-holder:only-child{border-bottom:none;margin-bottom:-5px} .tabulator .tabulator-footer>*+.tabulator-page-counter{margin-left:10px} .tabulator .tabulator-footer .tabulator-page-counter{font-weight:400} .tabulator .tabulator-footer .tabulator-paginator{color:#555;flex:1;font-family:inherit;font-size:inherit;font-weight:inherit;text-align:right} .tabulator .tabulator-footer .tabulator-page-size{border:1px solid #aaa;border-radius:3px;display:inline-block;margin:0 5px;padding:2px 5px} .tabulator .tabulator-footer .tabulator-pages{margin:0 7px} .tabulator .tabulator-footer .tabulator-page{background:hsla(0,0%,100%,.2);border:1px solid #aaa;border-radius:3px;display:inline-block;margin:0 2px;padding:2px 5px} .tabulator .tabulator-footer .tabulator-page.active{color:#d00} .tabulator .tabulator-footer .tabulator-page:disabled{opacity:.5} @media (hover:hover) and (pointer:fine){.tabulator .tabulator-footer .tabulator-page:not(disabled):hover{background:rgba(0,0,0,.2);color:#fff;cursor:pointer} } .tabulator .tabulator-col-resize-handle{display:inline-block;margin-left:-3px;margin-right:-3px;position:relative;vertical-align:middle;width:6px;z-index:11} @media (hover:hover) and (pointer:fine){.tabulator .tabulator-col-resize-handle:hover{cursor:ew-resize} } .tabulator .tabulator-col-resize-handle:last-of-type{margin-right:0;width:3px} .tabulator .tabulator-col-resize-guide{background-color:#999;height:100%;margin-left:-.5px;opacity:.5;position:absolute;top:0;width:4px} .tabulator .tabulator-row-resize-guide{background-color:#999;height:4px;left:0;margin-top:-.5px;opacity:.5;position:absolute;width:100%} .tabulator .tabulator-alert{align-items:center;background:rgba(0,0,0,.4);display:flex;height:100%;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:100} .tabulator .tabulator-alert .tabulator-alert-msg{background:#fff;border-radius:10px;display:inline-block;font-size:16px;font-weight:700;margin:0 auto;padding:10px 20px} .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg{border:4px solid #333;color:#000} .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error{border:4px solid #d00;color:#590000} .tabulator-row{background-color:#fff;box-sizing:border-box;min-height:22px;position:relative} .tabulator-row.tabulator-row-even{background-color:#efefef} @media (hover:hover) and (pointer:fine){.tabulator-row.tabulator-selectable:hover{background-color:#bbb;cursor:pointer} } .tabulator-row.tabulator-selected{background-color:#9abcea} @media (hover:hover) and (pointer:fine){.tabulator-row.tabulator-selected:hover{background-color:#769bcc;cursor:pointer} } .tabulator-row.tabulator-row-moving{background:#fff;border:1px solid #000} .tabulator-row.tabulator-moving{border-bottom:1px solid #aaa;border-top:1px solid #aaa;pointer-events:none;position:absolute;z-index:15} .tabulator-row.tabulator-range-highlight .tabulator-cell.tabulator-range-row-header{background-color:#d6d6d6;color:#000} .tabulator-row.tabulator-range-highlight.tabulator-range-selected .tabulator-cell.tabulator-range-row-header,.tabulator-row.tabulator-range-selected .tabulator-cell.tabulator-range-row-header{background-color:#3876ca;color:#fff} .tabulator-row .tabulator-row-resize-handle{bottom:0;height:5px;left:0;position:absolute;right:0} .tabulator-row .tabulator-row-resize-handle.prev{bottom:auto;top:0} @media (hover:hover) and (pointer:fine){.tabulator-row .tabulator-row-resize-handle:hover{cursor:ns-resize} } .tabulator-row .tabulator-responsive-collapse{border-bottom:1px solid #aaa;border-top:1px solid #aaa;box-sizing:border-box;padding:5px} .tabulator-row .tabulator-responsive-collapse:empty{display:none} .tabulator-row .tabulator-responsive-collapse table{font-size:14px} .tabulator-row .tabulator-responsive-collapse table tr td{position:relative} .tabulator-row .tabulator-responsive-collapse table tr td:first-of-type{padding-right:10px} .tabulator-row .tabulator-cell{border-right:1px solid #aaa;box-sizing:border-box;display:inline-block;outline:none;overflow:hidden;padding:4px;position:relative;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap} .tabulator-row .tabulator-cell.tabulator-row-header{background:#e6e6e6;border-bottom:1px solid #aaa;border-right:1px solid #999} .tabulator-row .tabulator-cell.tabulator-frozen{background-color:inherit;display:inline-block;left:0;position:sticky;z-index:11} .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left{border-right:2px solid #aaa} .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right{border-left:2px solid #aaa} .tabulator-row .tabulator-cell.tabulator-editing{border:1px solid #1d68cd;outline:none;padding:0} .tabulator-row .tabulator-cell.tabulator-editing input,.tabulator-row .tabulator-cell.tabulator-editing select{background:transparent;border:1px;outline:none} .tabulator-row .tabulator-cell.tabulator-validation-fail{border:1px solid #d00} .tabulator-row .tabulator-cell.tabulator-validation-fail input,.tabulator-row .tabulator-cell.tabulator-validation-fail select{background:transparent;border:1px;color:#d00} .tabulator-row .tabulator-cell.tabulator-row-handle{align-items:center;display:inline-flex;justify-content:center;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none} .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box{width:80%} .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar{background:#666;height:3px;margin-top:2px;width:100%} .tabulator-row .tabulator-cell.tabulator-range-selected:not(.tabulator-range-only-cell-selected):not(.tabulator-range-row-header){background-color:#9abcea} .tabulator-row .tabulator-cell .tabulator-data-tree-branch-empty{display:inline-block;width:7px} .tabulator-row .tabulator-cell .tabulator-data-tree-branch{border-bottom:2px solid #aaa;border-bottom-left-radius:1px;border-left:2px solid #aaa;display:inline-block;height:9px;margin-right:5px;margin-top:-9px;vertical-align:middle;width:7px} .tabulator-row .tabulator-cell .tabulator-data-tree-control{align-items:center;background:rgba(0,0,0,.1);border:1px solid #333;border-radius:2px;display:inline-flex;height:11px;justify-content:center;margin-right:5px;overflow:hidden;vertical-align:middle;width:11px} @media (hover:hover) and (pointer:fine){.tabulator-row .tabulator-cell .tabulator-data-tree-control:hover{background:rgba(0,0,0,.2);cursor:pointer} } .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse{background:transparent;display:inline-block;height:7px;position:relative;width:1px} .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after{background:#333;content:"";height:1px;left:-3px;position:absolute;top:3px;width:7px} .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand{background:#333;display:inline-block;height:7px;position:relative;width:1px} .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after{background:#333;content:"";height:1px;left:-3px;position:absolute;top:3px;width:7px} .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle{align-items:center;background:#666;border-radius:20px;color:#fff;display:inline-flex;font-size:1.1em;font-weight:700;height:15px;justify-content:center;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;width:15px} @media (hover:hover) and (pointer:fine){.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover{cursor:pointer;opacity:.7} } .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close{display:initial} .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open{display:none} .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle svg{stroke:#fff} .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close{display:none} .tabulator-row .tabulator-cell .tabulator-traffic-light{border-radius:14px;display:inline-block;height:14px;width:14px} .tabulator-row.tabulator-group{background:#ccc;border-bottom:1px solid #999;border-right:1px solid #aaa;border-top:1px solid #999;box-sizing:border-box;font-weight:700;min-width:100%;padding:5px 5px 5px 10px} @media (hover:hover) and (pointer:fine){.tabulator-row.tabulator-group:hover{background-color:rgba(0,0,0,.1);cursor:pointer} } .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow{border-bottom:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #666;margin-right:10px} .tabulator-row.tabulator-group.tabulator-group-level-1{padding-left:30px} .tabulator-row.tabulator-group.tabulator-group-level-2{padding-left:50px} .tabulator-row.tabulator-group.tabulator-group-level-3{padding-left:70px} .tabulator-row.tabulator-group.tabulator-group-level-4{padding-left:90px} .tabulator-row.tabulator-group.tabulator-group-level-5{padding-left:110px} .tabulator-row.tabulator-group .tabulator-group-toggle{display:inline-block} .tabulator-row.tabulator-group .tabulator-arrow{border-bottom:6px solid transparent;border-left:6px solid #666;border-right:0;border-top:6px solid transparent;display:inline-block;height:0;margin-right:16px;vertical-align:middle;width:0} .tabulator-row.tabulator-group span{color:#d00;margin-left:10px} .tabulator-toggle{background:#dcdcdc;border:1px solid #ccc;box-sizing:border-box;display:flex;flex-direction:row} .tabulator-toggle.tabulator-toggle-on{background:#1c6cc2} .tabulator-toggle .tabulator-toggle-switch{background:#fff;border:1px solid #ccc;box-sizing:border-box} .tabulator-popup-container{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #aaa;box-shadow:0 0 5px 0 rgba(0,0,0,.2);box-sizing:border-box;display:inline-block;font-size:14px;overflow-y:auto;position:absolute;z-index:10000} .tabulator-popup{border-radius:3px;padding:5px} .tabulator-tooltip{border-radius:2px;box-shadow:none;font-size:12px;max-width:Min(500px,100%);padding:3px 5px;pointer-events:none} .tabulator-menu .tabulator-menu-item{box-sizing:border-box;padding:5px 10px;position:relative;user-select:none} .tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled{opacity:.5} @media (hover:hover) and (pointer:fine){.tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover{background:#efefef;cursor:pointer} } .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu{padding-right:25px} .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu:after{border-color:#aaa;border-style:solid;border-width:1px 1px 0 0;content:"";display:inline-block;height:7px;position:absolute;right:10px;top:calc(5px + .4em);transform:rotate(45deg);vertical-align:top;width:7px} .tabulator-menu .tabulator-menu-separator{border-top:1px solid #aaa} .tabulator-edit-list{-webkit-overflow-scrolling:touch;font-size:14px;max-height:200px;overflow-y:auto} .tabulator-edit-list .tabulator-edit-list-item{color:#333;outline:none;padding:4px} .tabulator-edit-list .tabulator-edit-list-item.active{background:#1d68cd;color:#fff} .tabulator-edit-list .tabulator-edit-list-item.active.focused{outline:1px solid hsla(0,0%,100%,.5)} .tabulator-edit-list .tabulator-edit-list-item.focused{outline:1px solid #1d68cd} @media (hover:hover) and (pointer:fine){.tabulator-edit-list .tabulator-edit-list-item:hover{background:#1d68cd;color:#fff;cursor:pointer} } .tabulator-edit-list .tabulator-edit-list-placeholder{color:#333;padding:4px;text-align:center} .tabulator-edit-list .tabulator-edit-list-group{border-bottom:1px solid #aaa;color:#333;font-weight:700;padding:6px 4px 4px} .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-2,.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-2{padding-left:12px} .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-3,.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-3{padding-left:20px} .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-4,.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-4{padding-left:28px} .tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-5,.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-5{padding-left:36px} .tabulator.tabulator-ltr{direction:ltr} .tabulator.tabulator-rtl{direction:rtl;text-align:initial} .tabulator.tabulator-rtl .tabulator-header .tabulator-col{border-left:1px solid #aaa;border-right:initial;text-align:initial} .tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols{margin-left:-1px;margin-right:0} .tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{padding-left:25px;padding-right:0} .tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter{left:8px;right:auto} .tabulator.tabulator-rtl .tabulator-tableholder .tabulator-range-overlay .tabulator-range.tabulator-range-active:after{background-color:#2975dd;border-radius:999px;bottom:-3px;content:"";height:6px;left:-3px;position:absolute;right:auto;width:6px} .tabulator.tabulator-rtl .tabulator-row .tabulator-cell{border-left:1px solid #aaa;border-right:initial} .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch{border-bottom-left-radius:0;border-bottom-right-radius:1px;border-left:initial;border-right:2px solid #aaa;margin-left:5px;margin-right:0} .tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control{margin-left:5px;margin-right:0} .tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left{border-left:2px solid #aaa} .tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right{border-right:2px solid #aaa} .tabulator.tabulator-rtl .tabulator-row .tabulator-col-resize-handle:last-of-type{margin-left:0;margin-right:-3px;width:3px} .tabulator.tabulator-rtl .tabulator-footer .tabulator-calcs-holder{text-align:initial} .tabulator-print-fullscreen{bottom:0;left:0;position:absolute;right:0;top:0;z-index:10000} body.tabulator-print-fullscreen-hide>:not(.tabulator-print-fullscreen){display:none!important} .tabulator-print-table{border-collapse:collapse} .tabulator-print-table .tabulator-data-tree-branch{border-bottom:2px solid #aaa;border-bottom-left-radius:1px;border-left:2px solid #aaa;display:inline-block;height:9px;margin-right:5px;margin-top:-9px;vertical-align:middle;width:7px} .tabulator-print-table .tabulator-print-table-group{background:#ccc;border-bottom:1px solid #999;border-right:1px solid #aaa;border-top:1px solid #999;box-sizing:border-box;font-weight:700;min-width:100%;padding:5px 5px 5px 10px} @media (hover:hover) and (pointer:fine){.tabulator-print-table .tabulator-print-table-group:hover{background-color:rgba(0,0,0,.1);cursor:pointer} } .tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow{border-bottom:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #666;margin-right:10px} .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td{padding-left:30px!important} .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td{padding-left:50px!important} .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td{padding-left:70px!important} .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td{padding-left:90px!important} .tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td{padding-left:110px!important} .tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle{display:inline-block} .tabulator-print-table .tabulator-print-table-group .tabulator-arrow{border-bottom:6px solid transparent;border-left:6px solid #666;border-right:0;border-top:6px solid transparent;display:inline-block;height:0;margin-right:16px;vertical-align:middle;width:0} .tabulator-print-table .tabulator-print-table-group span{color:#d00;margin-left:10px} .tabulator-print-table .tabulator-data-tree-control{align-items:center;background:rgba(0,0,0,.1);border:1px solid #333;border-radius:2px;display:inline-flex;height:11px;justify-content:center;margin-right:5px;overflow:hidden;vertical-align:middle;width:11px} @media (hover:hover) and (pointer:fine){.tabulator-print-table .tabulator-data-tree-control:hover{background:rgba(0,0,0,.2);cursor:pointer} } .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse{background:transparent;display:inline-block;height:7px;position:relative;width:1px} .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after{background:#333;content:"";height:1px;left:-3px;position:absolute;top:3px;width:7px} .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand{background:#333;display:inline-block;height:7px;position:relative;width:1px} .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after{background:#333;content:"";height:1px;left:-3px;position:absolute;top:3px;width:7px} 

/* File: ./e107_plugins/midwest_mole/users/css/users.css */
#users {overflow: visible!important;min-height: 85vh;padding: 15px 5px;} #users .grid {position: relative;} #users .grid:after {content: '';display: table;clear: both;} #users .grid-item {float: left;margin-bottom: 30px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;} #users .groups .grid-item {min-height:210px;} #users .queue .grid-item {min-height:300px;} #users .panel-heading {padding-top: 15px;} #users .panel-heading img.avatar {width: 70px;display: table;margin: 0 auto;margin-bottom: -40px;background: #fff;border: 3px solid #FFF;-webkit-border-radius: 50%;border-radius: 50%;} .panel-heading h2.letter {position: absolute;top: 17%;left: 49.5%;margin: 0;padding: 0;transform: translate(-50%, -50%);font-size: 50px;font-weight: bold;} #users .panel-body {text-align: center;padding-bottom: 0!important;} #users .user-name {color: #333;font-weight: bold;text-align: center;padding-top: 15px;} #users .message {text-align: left;padding: 10px 15px;background: #eee;margin-left: -15px;margin-right: -15px;} #users .message .truck{text-align:center;} #users .message .truck{text-align:center;} #users .panel-body .reply {height: 60px!important;margin-top: 5px;margin-bottom: 0;} input[type="date"].form-control{line-height: 1.42857143;} .user_card {margin:0 auto;padding-left:15px;padding-right:15px;background-color:#eee;max-width: 800px;border: 3px solid #385871;border-radius: 10px;-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.5);-moz-box-shadow:4px 4px 5px 0px rgba(50, 50, 50, 0.5);box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.5);} .panel{margin-bottom:22px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);} .panel-title,.panel>.list-group,.panel>.panel-collapse>.list-group,.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0} .panel-body{padding:15px} .panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px} .panel-group .panel-heading,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0} .panel-title{margin-top:0;font-size:18px} .panel-footer{padding:10px 15px;background-color:#ecf0f1;border-top:1px solid #ecf0f1;border-bottom-right-radius:3px;border-bottom-left-radius:3px} .panel-default{border-color:#ecf0f1} .panel-default>.panel-heading{color:#555;background-color:#ecf0f1;border-color:#ecf0f1} .panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ecf0f1} .panel-default>.panel-heading .badge{color:#ecf0f1;background-color:#555} .panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ecf0f1} .panel-primary{border-color:#0E2F50} .panel-primary>.panel-heading{color:#fff;background-color:#0E2F50;border-color:#0E2F50} .panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#0E2F50} .panel-primary>.panel-heading .badge{color:#0E2F50;background-color:#fff} .panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#0E2F50} .panel-success{border-color:#18bc9c} .panel-success>.panel-heading{color:#fff;background-color:#18bc9c;border-color:#18bc9c} .panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#18bc9c} .panel-success>.panel-heading .badge{color:#18bc9c;background-color:#fff} .panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#18bc9c} .panel-info{border-color:#3498db} .panel-info>.panel-heading{color:#fff;background-color:#3498db;border-color:#3498db} .panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#3498db} .panel-info>.panel-heading .badge{color:#3498db;background-color:#fff} .panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#3498db} .panel-warning{border-color:#f39c12} .panel-warning>.panel-heading{color:#fff;background-color:#f39c12;border-color:#f39c12} .panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#f39c12} .panel-warning>.panel-heading .badge{color:#f39c12;background-color:#fff} .panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#f39c12} .panel-danger{border-color:#e74c3c} .panel-danger>.panel-heading{color:#fff;background-color:#e74c3c;border-color:#e74c3c} .panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#e74c3c} .panel-danger>.panel-heading .badge{color:#e74c3c;background-color:#fff} .panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#e74c3c} 

/* File: ./e107_plugins/midwest_mole/bootstrap-select/v3/css/bootstrap-select.min.css */
@-webkit-keyframes bs-notify-fadeOut{0%{opacity:.9} 100%{opacity:0} } @-o-keyframes bs-notify-fadeOut{0%{opacity:.9} 100%{opacity:0} } @keyframes bs-notify-fadeOut{0%{opacity:.9} 100%{opacity:0} } .bootstrap-select>select.bs-select-hidden,select.bs-select-hidden,select.selectpicker{display:none!important} .bootstrap-select{width:220px;vertical-align:middle} .bootstrap-select>.dropdown-toggle{position:relative;width:100%;text-align:right;white-space:nowrap;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between} .bootstrap-select>.dropdown-toggle:after{margin-top:-1px} .bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999} .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover{color:rgba(255,255,255,.5)} .bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none;z-index:0!important} .bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2!important} .bootstrap-select.is-invalid .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle,.was-validated .bootstrap-select select:invalid+.dropdown-toggle{border-color:#b94a48} .bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select select:valid+.dropdown-toggle{border-color:#28a745} .bootstrap-select.fit-width{width:auto!important} .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px} .bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px} .bootstrap-select.form-control{margin-bottom:0;padding:0;border:none;height:auto} :not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){width:100%} .bootstrap-select.form-control.input-group-btn{float:none;z-index:auto} .form-inline .bootstrap-select,.form-inline .bootstrap-select.form-control:not([class*=col-]){width:auto} .bootstrap-select:not(.input-group-btn),.bootstrap-select[class*=col-]{float:none;display:inline-block;margin-left:0} .bootstrap-select.dropdown-menu-right,.bootstrap-select[class*=col-].dropdown-menu-right,.row .bootstrap-select[class*=col-].dropdown-menu-right{float:right} .form-group .bootstrap-select,.form-horizontal .bootstrap-select,.form-inline .bootstrap-select{margin-bottom:0} .form-group-lg .bootstrap-select.form-control,.form-group-sm .bootstrap-select.form-control{padding:0} .form-group-lg .bootstrap-select.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit} .bootstrap-select.form-control-lg .dropdown-toggle,.bootstrap-select.form-control-sm .dropdown-toggle{font-size:inherit;line-height:inherit;border-radius:inherit} .bootstrap-select.form-control-sm .dropdown-toggle{padding:.25rem .5rem} .bootstrap-select.form-control-lg .dropdown-toggle{padding:.5rem 1rem} .form-inline .bootstrap-select .form-control{width:100%} .bootstrap-select.disabled,.bootstrap-select>.disabled{cursor:not-allowed} .bootstrap-select.disabled:focus,.bootstrap-select>.disabled:focus{outline:0!important} .bootstrap-select.bs-container{position:absolute;top:0;left:0;height:0!important;padding:0!important} .bootstrap-select.bs-container .dropdown-menu{z-index:1060} .bootstrap-select .dropdown-toggle .filter-option{position:static;top:0;left:0;float:left;height:100%;width:100%;text-align:left;overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto} .bs3.bootstrap-select .dropdown-toggle .filter-option{padding-right:inherit} .input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option{position:absolute;padding-top:inherit;padding-bottom:inherit;padding-left:inherit;float:none} .input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner{padding-right:inherit} .bootstrap-select .dropdown-toggle .filter-option-inner-inner{overflow:hidden} .bootstrap-select .dropdown-toggle .filter-expand{width:0!important;float:left;opacity:0!important;overflow:hidden} .bootstrap-select .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle} .bootstrap-select .dropdown-toggle .bs-select-clear-selected{position:relative;display:block;margin-right:5px;text-align:center} .bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected{padding-right:inherit} .bootstrap-select .dropdown-toggle .bs-select-clear-selected span{position:relative;top:-webkit-calc(((-1em / 1.5) + 1ex)/ 2);top:calc(((-1em / 1.5) + 1ex)/ 2);pointer-events:none} .bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected span{top:auto} .bootstrap-select .dropdown-toggle.bs-placeholder .bs-select-clear-selected{display:none} .input-group .bootstrap-select.form-control .dropdown-toggle{border-radius:inherit} .bootstrap-select[class*=col-] .dropdown-toggle{width:100%} .bootstrap-select .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .bootstrap-select .dropdown-menu>.inner:focus{outline:0!important} .bootstrap-select .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none} .bootstrap-select .dropdown-menu li{position:relative} .bootstrap-select .dropdown-menu li.active small{color:rgba(255,255,255,.5)!important} .bootstrap-select .dropdown-menu li.disabled a{cursor:not-allowed} .bootstrap-select .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .bootstrap-select .dropdown-menu li a.opt{position:relative;padding-left:2.25em} .bootstrap-select .dropdown-menu li a span.check-mark{display:none} .bootstrap-select .dropdown-menu li a span.text{display:inline-block} .bootstrap-select .dropdown-menu li small{padding-left:.5em} .bootstrap-select .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .bootstrap-select .dropdown-menu .notify.fadeOut{-webkit-animation:.3s linear 750ms forwards bs-notify-fadeOut;-o-animation:.3s linear 750ms forwards bs-notify-fadeOut;animation:.3s linear 750ms forwards bs-notify-fadeOut} .bootstrap-select .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap} .bootstrap-select.fit-width .dropdown-toggle .filter-option{position:static;display:inline;padding:0} .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner{display:inline} .bootstrap-select.fit-width .dropdown-toggle .bs-caret:before{content:'\00a0'} .bootstrap-select.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px} .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{position:absolute;display:inline-block;right:15px;top:5px} .bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:34px} .bootstrap-select .bs-ok-default:after{content:'';display:block;width:.5em;height:1em;border-style:solid;border-width:0 .26em .26em 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} .bootstrap-select.show-menu-arrow.open>.dropdown-toggle,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle{z-index:1061} .bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none} .bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none} .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before{bottom:auto;top:-4px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0} .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after{bottom:auto;top:-4px;border-top:6px solid #fff;border-bottom:0} .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before{right:12px;left:auto} .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after{right:13px;left:auto} .bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before{display:block} .bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px} .bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .bs-actionsbox .btn-group{display:block} .bs-actionsbox .btn-group button{width:50%} .bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .bs-donebutton .btn-group{display:block} .bs-donebutton .btn-group button{width:100%} .bs-searchbox+.bs-actionsbox{padding:0 8px 4px} .bs-searchbox .form-control{margin-bottom:0;width:100%;float:none} 

/* File: ./e107_plugins/tagcloud/tagcloud.css */
.size9 {font-size: 130%;opacity: 1;} .size8 {font-size: 120%;opacity: 0.9} .size7 {font-size: 110%;opacity: 0.8} .size6 {font-size: 100%;} .size5 {font-size: 95%;} .size4 {font-size: 90%;} .size3 {font-size: 85%;} .size2 {font-size: 80%;} .size1 {font-size: 75%;} .size0 {font-size: 70%;} .tagcloud-menu a { } .tagcloud-menu > a.tag {margin-bottom:1px;display:inline-block;padding-right:5px;} div.tagcloud-menu {text-align:justify;font-size:90%;opacity:0.7;} 

/* File: ./e107_themes/midwest_mole/style.css */
:root {--primary-red: #df1617;--primary-dark: #b01214;--accent-red: #E31837;--secondary-black: #1a1a1a;--dark-bg: #222222;--white: #ffffff;--off-white: #F2F2F2;--light-gray: #F5F5F5;--medium-gray: #E0E0E0;--border-gray: #D0D0D0;--text-dark: #222222;--text-muted: #666666;--sidebar-bg: #2A2A2A;--nav-hover: #DF1617;--notice-orange: #FF8C00;--notice-orange-hover: #B26200;} body {font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 15px;line-height: 1.5;color: var(--text-dark);background-color: var(--off-white);margin: 0;padding: 0;padding-top: 60px;padding-bottom: 40px;} a { color: var(--primary-red); text-decoration: none; } a:hover { color: var(--primary-dark); text-decoration: none; } .text-notice { color: var(--notice-orange); } a.link-notice { color: var(--notice-orange); text-decoration: none; } a.link-notice:hover { color: var(--notice-orange-hover); text-decoration: none; } .left { text-align: left }  .right { text-align: right }  .center { text-align: center } .f-left { float: left }  .f-right { float: right } .clear { clear: both } .header-area .navbar {background: linear-gradient(135deg, var(--secondary-black) 0%, #333 100%);border: none;border-bottom: 3px solid var(--primary-red);padding: 0;min-height: 56px;z-index: 1040;} .header-area .navbar .container-fluid {display: flex;align-items: center;flex-wrap: nowrap;padding: 0 15px;} .brand-area {display: flex;align-items: center;gap: 12px;flex-shrink: 0;} .toggle {display: inline-flex;flex-direction: column;justify-content: center;align-items: center;width: 36px;height: 36px;cursor: pointer;padding: 6px;border-radius: 4px;transition: background 0.2s;} .toggle:hover { background: rgba(255,255,255,0.1); } .toggle span,.toggle span::before,.toggle span::after {display: block;width: 22px;height: 2px;background: var(--white);border-radius: 2px;position: relative;transition: all 0.3s;} .toggle span::before,.toggle span::after {content: '';position: absolute;left: 0;width: 22px;} .toggle span::before { top: -7px; } .toggle span::after { top: 7px; } .navbar-brand {font-family: 'Roboto Condensed', sans-serif;font-weight: 700;font-size: 20px;color: var(--white) !important;padding: 0;margin: 0;white-space: nowrap;text-transform: uppercase;letter-spacing: 1px;} .navbar-brand:hover { color: var(--primary-red) !important; } .navbar-brand-logo {height: 38px;width: auto;margin-right: 8px;vertical-align: middle;} #main-navbar {flex: 1;overflow: visible;} #main-navbar > ul.nav {display: flex;flex-wrap: nowrap;list-style: none;margin: 0;padding: 0;} #main-navbar > ul.nav > li {position: relative;} #main-navbar > ul.nav > li > a {display: block;padding: 16px 14px;color: rgba(255,255,255,0.85);font-size: 14px;font-weight: 600;transition: color 0.2s, background 0.2s;white-space: nowrap;} #main-navbar > ul.nav > li > a:hover,#main-navbar > ul.nav > li.active > a {color: var(--white);background: var(--primary-red);} #main-navbar > ul.nav > li > a i {margin-right: 4px;} .hide-custom {} #main-navbar .dropdown-menu {display: none;position: absolute;top: 100%;left: 0;z-index: 1050;min-width: 220px;background: var(--secondary-black);border: 1px solid #444;border-top: 3px solid var(--primary-red);border-radius: 0 0 4px 4px;padding: 4px 0;box-shadow: 0 6px 20px rgba(0,0,0,0.4);list-style: none;margin: 0;} #main-navbar li:hover > .dropdown-menu {display: block;} #main-navbar .dropdown-menu li a {display: block;padding: 8px 18px;color: rgba(255,255,255,0.8);font-size: 13px;transition: all 0.15s;white-space: nowrap;} #main-navbar .dropdown-menu li a:hover {background: var(--primary-red);color: var(--white);} #main-navbar .dropdown-menu li a i {width: 20px;text-align: center;margin-right: 8px;color: var(--primary-red);} #main-navbar .dropdown-menu li a:hover i {color: var(--white);} #main-navbar .dropdown-menu .dropdown-menu {top: 0;left: 100%;border-top: none;border-left: 3px solid var(--primary-red);} .caret {display: inline-block;width: 0;height: 0;margin-left: 4px;vertical-align: middle;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;} .navbar-right-icons {display: flex;align-items: center;gap: 4px;margin-left: auto;flex-shrink: 0;} .navbar-right-icons a {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;color: rgba(255,255,255,0.8);font-size: 18px;border-radius: 50%;transition: all 0.2s;position: relative;} .navbar-right-icons a:hover {color: var(--white);background: var(--primary-red);} .total_unread_notifications:not(:empty) {position: absolute;top: 2px;right: 2px;background: var(--primary-red);color: var(--white);font-size: 10px;padding: 1px 5px;border-radius: 10px;font-weight: 700;} .content-area {padding: 20px;transition: margin-left 0.3s;} .content-area .content {margin-bottom: 20px;} .menus {background: var(--white);border-radius: 6px;margin-bottom: 20px;box-shadow: 0 2px 8px rgba(0,0,0,0.08);border: 1px solid var(--medium-gray);overflow: hidden;} .menus-caption {font-family: 'Roboto Condensed', sans-serif;font-size: 16px;font-weight: 700;color: var(--white);background: linear-gradient(135deg, var(--secondary-black), #333);padding: 12px 18px;margin: 0;border-bottom: 3px solid var(--primary-red);text-transform: uppercase;letter-spacing: 0.5px;} .menus-text {padding: 15px;} .menus.ss_alerts {border-color: var(--primary-red);} .menus.ss_alerts .menus-caption {background: var(--primary-red);} .menus.ss_alerts .menus-text {background: #fff5f5;color: #8b0000;font-size: 13px;} .alert-item {padding: 6px 0;border-bottom: 1px solid rgba(223,22,23,0.15);} .alert-item:last-child { border-bottom: none; } .alert-item a { color: var(--primary-red); font-weight: 600; } .alert-item a:hover { color: var(--primary-dark); text-decoration: underline; } .menus.txt_msgr .btn-primary,.menus.txt_msgr .btn-large {background: var(--primary-red) !important;border-color: var(--primary-dark) !important;color: var(--white) !important;font-weight: 600;font-size: 13px;border-radius: 6px;transition: all 0.2s;padding: 10px 8px;} .menus.txt_msgr .btn-primary:hover {background: var(--primary-dark) !important;transform: translateY(-1px);box-shadow: 0 3px 10px rgba(223,22,23,0.3);} .onoffcanvas {position: fixed;top: 59px;bottom: 0;right: -340px;width: 320px;max-width: 90vw;background: var(--sidebar-bg);color: var(--white);z-index: 1035;overflow-y: auto;transition: right 0.3s ease;box-shadow: -4px 0 20px rgba(0,0,0,0.3);border-left: 3px solid var(--primary-red);} .onoffcanvas.is-open {right: 0;} .sidebar-inner {padding: 15px;} .sidebar-inner .menus {background: #333;border-color: #444;} .sidebar-inner .menus-text {padding: 10px;} .sidebar-inner .row {margin-bottom: 10px;} .sidebar-inner .btn {width: 100%;margin-bottom: 6px;font-weight: 600;font-size: 14px;padding: 10px 15px;border-radius: 4px;text-align: center;display: block;} .sidebar-inner .btn-primary {background: var(--primary-red);border-color: var(--primary-dark);color: var(--white);} .sidebar-inner .btn-primary:hover {background: var(--primary-dark);} .sidebar-inner .btn-warning {background: #e67e22;border-color: #d35400;color: var(--white);} .sidebar-inner .btn-warning:hover {background: #d35400;} .sidebar-inner .btn-danger {background: #c0392b;border-color: #a93226;color: var(--white);} .sidebar-inner .btn-danger:hover {background: #a93226;} .sidebar-inner .btn-success {background: #27ae60;border-color: #229954;color: var(--white);} .schedule-heading {color: var(--white);font-family: 'Roboto Condensed', sans-serif;font-size: 18px;font-weight: 700;margin: 0;border-bottom: 2px solid var(--primary-red);padding-bottom: 6px;} .schedule .form-control {background: #444;border-color: #555;color: var(--white);margin-bottom: 10px;font-size: 13px;} .schedule .form-control::placeholder { color: #999; } .driver_schedule-stop {background: #3a3a3a;border-radius: 4px;margin-bottom: 6px;border-left: 3px solid var(--primary-red);} .driver_schedule-stop a {display: block;padding: 10px 12px;color: rgba(255,255,255,0.9);transition: background 0.15s;} .driver_schedule-stop a:hover {background: rgba(223,22,23,0.15);} .driver_schedule-stop p { margin: 0; } .sidebar-footer {padding: 10px 15px;border-top: 1px solid #444;} #cfrChat iframe {width: 100%;border: none;border-radius: 4px;background: #333;} .wrapper {position: fixed;top: 59px;left: -280px;bottom: 0;width: 270px;background: var(--secondary-black);z-index: 1035;overflow-y: auto;transition: left 0.3s ease;box-shadow: 4px 0 20px rgba(0,0,0,0.3);border-right: 3px solid var(--primary-red);} .wrapper.active {left: 0;} #vertical-nav {padding: 10px 0;} #vertical-nav ul {list-style: none;margin: 0;padding: 0;} #vertical-nav > ul.first-nav > li > a {display: flex;align-items: center;padding: 12px 20px;color: rgba(255,255,255,0.85);font-size: 14px;font-weight: 600;transition: all 0.2s;border-left: 3px solid transparent;} #vertical-nav > ul.first-nav > li > a:hover,#vertical-nav > ul.first-nav > li.active > a {background: rgba(223,22,23,0.12);color: var(--white);border-left-color: var(--primary-red);} #vertical-nav > ul.first-nav > li > a i {width: 24px;text-align: center;margin-right: 10px;color: var(--primary-red);} #vertical-nav .ulsub {display: none;background: rgba(0,0,0,0.2);} #vertical-nav li:hover > .ulsub,#vertical-nav li.active > .ulsub {display: block;} #vertical-nav .ulsub li a {display: flex;align-items: center;padding: 9px 20px 9px 42px;color: rgba(255,255,255,0.7);font-size: 13px;transition: all 0.15s;} #vertical-nav .ulsub li a:hover {color: var(--white);background: rgba(223,22,23,0.1);} #vertical-nav .ulsub li a i {width: 20px;text-align: center;margin-right: 8px;color: var(--primary-red);font-size: 12px;} #vertical-nav .ulsub .ulsub li a {padding-left: 58px;} .has-arrow::after {content: '\f105';font-family: 'Font Awesome 5 Free';font-weight: 900;float: right;margin-left: auto;padding-left: 10px;transition: transform 0.2s;} li:hover > .has-arrow::after {transform: rotate(90deg);} .modal-content {border-radius: 8px;overflow: hidden;border: none;} .modal-header {background: var(--secondary-black);color: var(--white);border-bottom: 3px solid var(--primary-red);padding: 14px 20px;} .modal-header .modal-title {font-family: 'Roboto Condensed', sans-serif;font-weight: 700;text-transform: uppercase;} .modal-header .btn-close {filter: invert(1);opacity: 0.8;} .modal-header .btn-close:hover { opacity: 1; } .modal-body { padding: 20px; } .modal-footer {background: var(--light-gray);border-top: 1px solid var(--border-gray);} .modal-footer .btn-primary {background: var(--primary-red);border-color: var(--primary-dark);} .modal-footer .btn-primary:hover {background: var(--primary-dark);} footer.footer {background: linear-gradient(135deg, var(--secondary-black), #333);color: rgba(255,255,255,0.7);padding: 12px 20px;font-size: 13px;border-top: 3px solid var(--primary-red);position: fixed;bottom: 0;left: 0;right: 0;z-index: 1030;} footer.footer i.fa-copyright { color: var(--primary-red); } .notifications { position: fixed; z-index: 10001; } .notifications.center { top: 48%; left: 0; width: 100%; } #uiAlert { z-index: 10001; } #uiAlert .alert { z-index: 10000; box-shadow: 1px 4px 5px rgba(0,0,0,0.4); } .btn-primary {background-color: var(--primary-red);border-color: var(--primary-dark);} .btn-primary:hover {background-color: var(--primary-dark);border-color: #8c0e10;} .btn-outline-primary {color: var(--primary-red);border-color: var(--primary-red);} .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {color: var(--white);background-color: var(--primary-red);border-color: var(--primary-red);} .btn-check + .btn:hover {color: var(--primary-red);background-color: var(--white);border-color: var(--primary-red);} .form-control:focus {border-color: var(--primary-red);box-shadow: 0 0 0 0.2rem rgba(223, 22, 23, 0.25);} @media (max-width: 991px) {#main-navbar { display: none !important; } .wrapper.hidden { display: block !important; visibility: visible !important; } .brand-area .navbar-brand { font-size: 16px; } } @media (min-width: 992px) {.wrapper { display: none !important; } #main-navbar { display: block !important; } } a.e-wysiwyg-toggle { margin-top: 5px; } .mce-tinymce.mce-fullscreen { z-index: 1050 !important; } noscript .alert { margin: 20px; } .menus.ss_silolevels_menu h4,.menus.ss_todays_upcoming_fills h4,.menus.ss_todays_completed_fills h4 {font-family: 'Roboto Condensed', sans-serif;font-weight: 700;color: var(--secondary-black);border-bottom: 2px solid var(--primary-red);padding-bottom: 8px;} .menus.ss_mgr_driver_status h4 a {color: var(--primary-red);font-weight: 700;} .e-tip { cursor: help; } .badge { vertical-align: middle; } @media print {.header-area, footer.footer, .onoffcanvas, .wrapper { display: none !important; } body { padding: 0; } .content-area { margin: 0; padding: 0; } } #login-template {max-width: 1000px;margin-right: auto;margin-left: auto;} .card-signin#login-template {width: 95%;margin-right: auto;margin-left: auto;} .mm-form-container {max-width: 1100px;margin: 0 auto 30px;background: var(--white);border-radius: 8px;box-shadow: 0 2px 12px rgba(0,0,0,0.1);border: 1px solid var(--medium-gray);overflow: hidden;} .mm-form-header {display: flex;align-items: center;justify-content: space-between;padding: 18px 24px;background: linear-gradient(135deg, var(--secondary-black) 0%, #333 100%);border-bottom: 3px solid var(--primary-red);} .mm-form-header .mm-logo-section { flex-shrink: 0; } .mm-form-header .mm-logo-section svg,.mm-form-header .mm-logo-section img { height: 55px; width: auto; } .mm-form-header .mm-header-title {text-align: right;color: var(--white);font-family: 'Roboto Condensed', sans-serif;} .mm-form-header .mm-header-title h2 {margin: 0;font-size: 22px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;} .mm-form-header .mm-header-title small {display: block;font-size: 12px;color: rgba(255,255,255,0.65);font-family: 'Open Sans', sans-serif;margin-top: 2px;} .mm-form-body { padding: 24px; } .mm-section-title {font-family: 'Roboto Condensed', sans-serif;font-size: 16px;font-weight: 700;color: var(--white);background: linear-gradient(135deg, var(--secondary-black), #444);padding: 10px 16px;border-radius: 4px;margin: 24px 0 16px;border-left: 4px solid var(--primary-red);text-transform: uppercase;letter-spacing: 0.5px;} .mm-section-title:first-child { margin-top: 0; } .mm-section-title i { margin-right: 8px; color: var(--primary-red); } .mm-info-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));gap: 14px;} .mm-form-body .form-label {font-weight: 600;font-size: 13px;color: var(--text-dark);margin-bottom: 4px;} .mm-form-body .form-label.required::after {content: ' *';color: var(--primary-red);font-weight: 700;} .mm-form-body .form-control,.mm-form-body .form-select {font-size: 14px;border-color: var(--border-gray);border-radius: 4px;padding: 6px 10px;} .mm-form-body .form-control:focus,.mm-form-body .form-select:focus {border-color: var(--primary-red);box-shadow: 0 0 0 0.2rem rgba(223,22,23,0.15);} .mm-other-field { display: none; margin-top: 6px; } .mm-other-field.active { display: block; } .mm-two-col {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;} .mm-two-col > div {min-width: 0;} @media (max-width: 768px) {.mm-two-col { grid-template-columns: 1fr; } } .mm-dynamic-table-wrap {overflow-x: auto;border: 1px solid var(--border-gray);border-radius: 4px;margin-bottom: 8px;} .mm-dynamic-table {width: 100%;border-collapse: collapse;margin: 0;font-size: 13px;} .mm-dynamic-table thead th {background: var(--secondary-black);color: var(--white);font-family: 'Roboto Condensed', sans-serif;font-weight: 700;font-size: 12px;text-transform: uppercase;padding: 8px 10px;letter-spacing: 0.5px;white-space: nowrap;} .mm-dynamic-table tbody td {padding: 4px 6px;border-bottom: 1px solid var(--medium-gray);vertical-align: middle;} .mm-dynamic-table tbody td .form-control,.mm-dynamic-table tbody td .form-select {font-size: 13px;padding: 4px 8px;border-radius: 3px;} .mm-dynamic-table tbody tr:last-child td { border-bottom: none; } .mm-btn-add-row {display: inline-flex;align-items: center;gap: 5px;background: var(--secondary-black);color: var(--white);border: none;padding: 6px 14px;border-radius: 4px;font-size: 12px;font-weight: 600;cursor: pointer;transition: background 0.2s;margin-top: 6px;} .mm-btn-add-row:hover { background: #444; } .mm-btn-remove-row {background: none;border: none;color: var(--primary-red);font-size: 16px;cursor: pointer;padding: 2px 6px;border-radius: 3px;transition: background 0.2s;} .mm-btn-remove-row:hover { background: rgba(223,22,23,0.1); } .mm-log-box {background: var(--light-gray);border: 1px solid var(--border-gray);border-radius: 4px;padding: 12px;margin-bottom: 12px;} .mm-log-box h4 {font-family: 'Roboto Condensed', sans-serif;font-size: 14px;font-weight: 700;color: var(--secondary-black);margin: 0 0 10px;padding-bottom: 6px;border-bottom: 2px solid var(--primary-red);} .mm-log-box h4 i { margin-right: 6px; color: var(--primary-red); } .mm-log-row {display: flex;align-items: center;gap: 10px;margin-bottom: 8px;} .mm-log-row label {flex: 0 0 170px;font-size: 13px;font-weight: 600;color: var(--text-dark);} .mm-log-row .form-control,.mm-log-row .form-select { flex: 1; font-size: 13px; padding: 4px 8px; } @media (max-width: 576px) {.mm-log-row { flex-direction: column; align-items: stretch; gap: 3px; } .mm-log-row label { flex: none; } } .mm-materials-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;} @media (max-width: 768px) {.mm-materials-grid { grid-template-columns: 1fr; } } .mm-material-table {width: 100%;border-collapse: collapse;font-size: 13px;border: 1px solid var(--border-gray);border-radius: 4px;overflow: hidden;} .mm-material-table thead th {background: var(--secondary-black);color: var(--white);font-family: 'Roboto Condensed', sans-serif;font-size: 12px;font-weight: 700;padding: 8px 10px;text-transform: uppercase;letter-spacing: 0.5px;} .mm-material-table tbody td {padding: 6px 10px;border-bottom: 1px solid var(--medium-gray);vertical-align: middle;} .mm-material-table .mm-item-name {font-weight: 600;font-size: 13px;color: var(--text-dark);white-space: nowrap;} .mm-material-table .mm-unit-label {font-size: 12px;color: var(--text-muted);font-style: italic;text-align: center;} .mm-signature-section { margin-top: 10px; } .mm-signature-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 16px;} .mm-signature-box {text-align: center;padding: 12px;background: var(--light-gray);border-radius: 6px;border: 1px solid var(--border-gray);} .mm-signature-box label {display: block;font-size: 13px;font-weight: 700;color: var(--text-dark);margin-bottom: 8px;} .mm-signature-box label i { margin-right: 4px; color: var(--primary-red); } .mm-signature-box .form-control { margin-bottom: 8px; text-align: center; font-size: 13px; } .mm-btn-signature {display: inline-flex;align-items: center;gap: 6px;padding: 8px 18px;background: var(--secondary-black);color: var(--white);border: 2px dashed #666;border-radius: 6px;font-size: 13px;cursor: pointer;transition: all 0.2s;width: 100%;justify-content: center;} .mm-btn-signature:hover { border-color: var(--primary-red); background: #333; } .mm-btn-signature.signed {background: #1a5c2a;border-color: #27ae60;border-style: solid;} .mm-btn-signature.signed span { content: 'Signed'; } .mm-sig-canvas-container {border: 2px solid var(--border-gray);border-radius: 6px;background: var(--white);position: relative;width: 100%;height: 200px;} .mm-sig-canvas-container canvas {width: 100%;height: 100%;border-radius: 4px;cursor: crosshair;} .mm-sig-instructions {font-size: 13px;color: var(--text-muted);margin-bottom: 10px;} .mm-sig-instructions i { color: var(--primary-red); margin-right: 4px; } .mm-btn-clear-sig {background: #666;color: var(--white);border: none;padding: 8px 18px;border-radius: 4px;cursor: pointer;font-size: 13px;} .mm-btn-clear-sig:hover { background: #555; } .mm-btn-save-sig {background: #27ae60;color: var(--white);border: none;padding: 8px 18px;border-radius: 4px;cursor: pointer;font-size: 13px;font-weight: 600;} .mm-btn-save-sig:hover { background: #229954; } .mm-submit-section {display: flex;gap: 12px;justify-content: center;margin-top: 24px;padding-top: 20px;border-top: 2px solid var(--medium-gray);} .mm-btn-submit {background: linear-gradient(135deg, #27ae60, #229954);color: var(--white);border: none;padding: 12px 36px;border-radius: 6px;font-size: 15px;font-weight: 700;cursor: pointer;text-transform: uppercase;letter-spacing: 1px;transition: all 0.2s;} .mm-btn-submit:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(39,174,96,0.3); } .mm-btn-reset {background: var(--secondary-black);color: var(--white);border: none;padding: 12px 28px;border-radius: 6px;font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.2s;} .mm-btn-reset:hover { background: #444; } .mm-btn-revision {background: linear-gradient(135deg, var(--primary-red), var(--accent-red));color: var(--white);border: none;padding: 10px 12px;border-radius: 6px;font-size: 15px;font-weight: 700;cursor: pointer;text-transform: uppercase;letter-spacing: 1px;transition: all 0.2s;} .mm-btn-revision:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(223,22,23,0.3); } .mm-alert-success {background: linear-gradient(135deg, #d4edda, #c3e6cb);color: #155724;padding: 14px 18px;border-radius: 6px;border-left: 4px solid #27ae60;margin-bottom: 16px;font-weight: 600;font-size: 14px;} .mm-alert-success i { margin-right: 8px; } .mm-alert-error {background: linear-gradient(135deg, #f8d7da, #f5c6cb);color: #721c24;padding: 14px 18px;border-radius: 6px;border-left: 4px solid var(--primary-red);margin-bottom: 16px;font-weight: 600;font-size: 14px;} .mm-alert-error i { margin-right: 8px; } .mm-form-footer {background: var(--light-gray);border-top: 1px solid var(--border-gray);padding: 10px 24px;text-align: center;font-size: 11px;color: var(--text-muted);} .mm-form-footer strong { color: var(--text-dark); } .mm-form-body .bootstrap-select .dropdown-toggle {font-size: 14px;border-color: var(--border-gray);border-radius: 4px;padding: 6px 10px;background: var(--white);color: var(--text-dark);} .mm-form-body .bootstrap-select .dropdown-toggle:focus {border-color: var(--primary-red);box-shadow: 0 0 0 0.2rem rgba(223,22,23,0.15);outline: none;} .mm-form-body .bootstrap-select .dropdown-menu {border-color: var(--border-gray);box-shadow: 0 4px 12px rgba(0,0,0,0.15);} .mm-form-body .bootstrap-select .dropdown-menu .active {background: var(--primary-red);} .mm-form-body .bootstrap-select .bs-searchbox .form-control {font-size: 13px;} .mm-toggle-wrap {display: flex;align-items: center;gap: 10px;} .mm-toggle {position: relative;width: 50px;height: 26px;flex-shrink: 0;} .mm-toggle input { opacity: 0; width: 0; height: 0; } .mm-toggle-slider {position: absolute;cursor: pointer;top: 0; left: 0; right: 0; bottom: 0;background: #ccc;border-radius: 26px;transition: 0.3s;} .mm-toggle-slider::before {content: '';position: absolute;height: 20px; width: 20px;left: 3px; bottom: 3px;background: var(--white);border-radius: 50%;transition: 0.3s;} .mm-toggle input:checked + .mm-toggle-slider { background: var(--primary-red); } .mm-toggle input:checked + .mm-toggle-slider::before { transform: translateX(24px); } .mm-toggle-label { font-size: 13px; font-weight: 600; color: var(--text-dark); } .mm-checklist-item {display: flex;align-items: flex-start;gap: 10px;padding: 8px 0;border-bottom: 1px solid var(--medium-gray);font-size: 13px;line-height: 1.5;} .mm-checklist-item:last-child { border-bottom: none; } .mm-checklist-item input[type="checkbox"] {flex-shrink: 0;margin-top: 3px;width: 18px;height: 18px;accent-color: var(--primary-red);} .mm-ppe-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));gap: 16px;} .mm-ppe-group {background: var(--light-gray);border: 1px solid var(--border-gray);border-radius: 4px;padding: 12px;} .mm-ppe-group h5 {font-family: 'Roboto Condensed', sans-serif;font-size: 13px;font-weight: 700;text-transform: uppercase;color: var(--secondary-black);margin: 0 0 8px;padding-bottom: 4px;border-bottom: 2px solid var(--primary-red);} .mm-ppe-group .form-check {padding-left: 24px;margin-bottom: 4px;font-size: 13px;} .mm-ppe-group .form-check-input { accent-color: var(--primary-red); } .mm-crew-time-grid {display: grid;grid-template-columns: auto 1fr 1fr;gap: 8px;align-items: center;max-width: 400px;} .mm-crew-time-grid .mm-time-label {font-weight: 600;font-size: 13px;text-align: right;padding-right: 8px;} .mm-crew-time-grid .form-control { font-size: 13px; padding: 4px 8px; } .mm-inspect-grid {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 16px;} @media (max-width: 768px) {.mm-inspect-grid { grid-template-columns: 1fr; } } .mm-inspect-group {background: var(--light-gray);border: 1px solid var(--border-gray);border-radius: 4px;padding: 12px;} .mm-inspect-group h5 {font-family: 'Roboto Condensed', sans-serif;font-size: 13px;font-weight: 700;text-transform: uppercase;color: var(--secondary-black);margin: 0 0 8px;padding-bottom: 4px;border-bottom: 2px solid var(--primary-red);} .mm-yn-row {display: flex;align-items: center;justify-content: space-between;padding: 4px 0;border-bottom: 1px solid var(--medium-gray);font-size: 12px;} .mm-yn-row:last-child { border-bottom: none; } .mm-yn-row .mm-yn-btns { display: flex; gap: 4px; } .mm-yn-btn {padding: 2px 8px;border: 1px solid var(--border-gray);border-radius: 3px;font-size: 11px;font-weight: 600;cursor: pointer;background: var(--white);transition: all 0.15s;} .mm-yn-btn.yes.active { background: #27ae60; color: var(--white); border-color: #27ae60; } .mm-yn-btn.no.active { background: var(--primary-red); color: var(--white); border-color: var(--primary-red); } .mm-crossing-row {background: var(--light-gray);border: 1px solid var(--border-gray);border-radius: 6px;padding: 14px;margin-bottom: 12px;} .mm-crossing-row .mm-crossing-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;} .mm-crossing-row .mm-crossing-header h5 {font-family: 'Roboto Condensed', sans-serif;font-size: 14px;font-weight: 700;color: var(--secondary-black);margin: 0;} .mm-crossing-fields {display: grid;grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));gap: 10px;} .mm-emp-row {display: grid;grid-template-columns: 40px 1fr auto;gap: 10px;align-items: center;padding: 8px;border-bottom: 1px solid var(--medium-gray);} .mm-emp-row:last-child { border-bottom: none; } .mm-emp-num {font-weight: 700;font-size: 14px;color: var(--primary-red);text-align: center;} .mm-emp-sig-btn {padding: 4px 12px;background: var(--secondary-black);color: var(--white);border: 1px dashed #666;border-radius: 4px;font-size: 12px;cursor: pointer;transition: all 0.2s;white-space: nowrap;} .mm-emp-sig-btn:hover { border-color: var(--primary-red); } .mm-emp-sig-btn.signed { background: #1a5c2a; border-color: #27ae60; border-style: solid; } .mm-hazard-row {display: grid;grid-template-columns: 40px 1fr 1fr 1fr 40px;gap: 8px;align-items: start;padding: 6px 0;border-bottom: 1px solid var(--medium-gray);} .mm-hazard-row:last-child { border-bottom: none; } .mm-hazard-num {font-weight: 700;color: var(--primary-red);text-align: center;padding-top: 6px;} @media print {.mm-form-container {box-shadow: none;border: none;max-width: 100%;} .mm-btn-add-row,.mm-btn-remove-row,.mm-submit-section,.mm-btn-signature { display: none !important; } .mm-section-title { break-after: avoid; } } .nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color: var(--primary-red);} .nav-pills .nav-link {color: var(--primary-red);}