html, body {min-width: 290px; -ms-overflow-style: scrollbar}
body {background-color:#F7FAFC;font-family: 'Helvetica Neue','Microsoft YaHei', '微软雅黑',Helvetica, Arial;font-size: 13px; font-weight: normal; font-variant: normal; color: #2b425b; /*-moz-osx-font-smoothing: grayscale;*/ /*-webkit-font-smoothing: antialiased !important*/ }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {/*font-weight: 600;*/color: #2b425b;}
p{margin: 0;}
::selection {background-color: #D63A2C;color: #fff}
::-moz-selection {background-color: #D63A2C;color: #fff}
#container {min-height: 100vh;height: auto;position: relative;min-width: 290px;overflow: hidden;}
#container.boxed-layout {background-color: #dfe5ee}
#content-container {position: relative;padding-top: 80px;padding-bottom: 80px;/*background-color: #ecf0f5*/}
.fixed-fluid:after {content: ''; display: block; clear: both}
.fixed-fluid > .pull-xs-left {float: left;margin-right: 15px}
.fixed-fluid > .pull-xs-right {float: right;margin-left: 15px}
.fixed-fluid > .fixed-xs-160 {width: 160px}
.fixed-fluid > .fixed-xs-200 {width: 200px}
.fixed-fluid > .fixed-xs-250 {width: 250px}
.fixed-fluid > .fixed-xs-300 {width: 300px}
.fixed-fluid > .fixed-xs-350 {width: 350px}
.fixed-fluid > .fluid {overflow: hidden}
button.btn i{margin-right: 4px;}
.must {color: #ff2400;}
a.btnOn {width: 37px; height: 19px; display: inline-block; position: relative; top: 4px; background: url("/images/btn-on.png") no-repeat center;}
a.btnOff {width: 37px;height: 19px;display: inline-block;position: relative;top: 4px;background: url("/images/btn-off.png") no-repeat center;}
.no-date{height: 200px;background: url("/images/no_Data.png") center no-repeat;}
.no-pic{height: 200px;background: url("/images/nopic.png") #f1f1f2 center no-repeat;}
td.no-date{height: 300px;}
@media (min-width: 768px) {
.fixed-fluid > .pull-sm-left {float: left;margin-right: 15px}
.fixed-fluid > .pull-sm-right {float: right;margin-left: 15px}
.fixed-fluid > .fixed-sm-160 {width: 160px}
.fixed-fluid > .fixed-sm-200 {width: 200px}
.fixed-fluid > .fixed-sm-250 {width: 250px}
.fixed-fluid > .fixed-sm-300 {width: 300px}
.fixed-fluid > .fixed-sm-350 {width: 350px}
}
@media (min-width: 992px) {
.fixed-fluid > .pull-md-left {float: left;margin-right: 15px}
.fixed-fluid > .pull-md-right {float: right;margin-left: 15px}
.fixed-fluid > .fixed-md-160 {width: 160px}
.fixed-fluid > .fixed-md-200 {width: 200px}
.fixed-fluid > .fixed-md-250 {width: 250px}
.fixed-fluid > .fixed-md-300 {width: 300px}
.fixed-fluid > .fixed-md-350 {width: 350px}
}
@media (min-width: 1200px) {
.fixed-fluid > .pull-lg-left{float: left;margin-right: 15px}
.fixed-fluid > .pull-lg-right{float: right;margin-left: 15px}
.fixed-fluid > .fixed-lg-160{width: 160px}
.fixed-fluid > .fixed-lg-200{width: 200px}
.fixed-fluid > .fixed-lg-250{width: 250px}
.fixed-fluid > .fixed-lg-300{width: 300px}
.fixed-fluid > .fixed-lg-350{width: 350px}
}
#page-title{padding: 10px 15px;width: 100%;color: #2b425b;}
.page-header{border: 0 none;font-size: 1.7em;font-weight: normal;margin: 0;padding: 10px 0}
.page-header .label{margin-right: .5em}
#page-content {padding: 15px 15px 0;min-height: 400px;}
#page-content:not(:first-class) {padding: 5px 15px 0}
.searchbox{margin-right: -20px}
.searchbox button{border: 0;background: 0;padding: 2px 5px;margin-top: 2px;position: relative;left: -28px;font-size: 14px;z-index: 2}
.searchbox .custom-search-form {margin-right: -5px}
.searchbox .custom-search-form .input-group-btn {position: static}
.searchbox .custom-search-form .input-group-btn:before {content: "";display: block;height: 2px;position: absolute;bottom: -1px;background-color: #D63A2C;z-index: 99;left: 50%;right: 50%;transition: left .3s, right .3s}
.searchbox .custom-search-form input{background-color: transparent;border-color: transparent;padding-right: 30px}
.searchbox > .input-group.custom-search-form input{border-radius: 0;border-bottom: 1px solid rgba(0, 0, 0, 0.05)}
.searchbox > .input-group input:focus ~ .input-group-btn:before{content: "";left: 0;right: 25px;transition: left .3s, right .3s}
@media (min-width: 768px) {
#content-container {padding-top:50px}
#page-title {display: table;table-layout: fixed;padding-bottom: 0}
.page-header, .searchbox{display: table-cell;vertical-align: middle}
.searchbox {width: 300px}
.searchbox .form-control {background-color: transparent}
}
@media (min-width: 992px) {
.searchbox {margin-right: -25px}
.searchbox .custom-search-form {margin-right: 0}
}
.cls-container{text-align: center}
.bg-img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: .8;background-position: center center;background-repeat: no-repeat;background-attachment: fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover}
.bg-img ~ .cls-content .panel{background-color: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.15) }
.cls-header {position: relative;background-color: rgba(0, 0, 0, 0.03)}
.cls-header.cls-header-lg .cls-brand .brand-icon {width: 60px;height: 60px}
#container.cls-container .cls-header .cls-header.cls-header-lg .cls-brand .brand-title {font-size: 27px}
.cls-brand {display: inline-block;padding: 5px 0}
.cls-brand .brand-icon {padding: 0}
.cls-header-lg .cls-brand {line-height: 60px}
.cls-header-sm .cls-brand {line-height: 1.42857}
#container.cls-container .cls-brand .brand-icon, #container.cls-container .cls-brand .brand-title {background-color: transparent;color: inherit;float: none;display: inline-block;line-height: 22px; font-size: 20px;font-weight: 600;padding: 5px;vertical-align: middle;width: auto}
.cls-content {padding: 50px 15px 15px;padding-top: 10vh;position: relative}
.cls-content .error-code{font-size: 120px;font-weight: 400;margin-bottom: 50px}
.cls-content .error-search {max-width: 512px;margin: 0 auto}
.cls-content .cls-content-sm, .cls-content .cls-content-lg {width: 70%;min-width: 270px;margin: 0 auto;position: relative;background-color: transparent;border: 0;box-shadow: none}
@media (min-width: 768px) {
.cls-content .cls-content-sm {width: 350px}
.cls-content .cls-content-lg {width: 550px}
}
@media (min-width: 1200px) {
#container.boxed-layout, #container.boxed-layout.navbar-fixed #navbar {background-color: #637a8b}
#container.boxed-layout .boxed, #container.boxed-layout #footer{max-width: 1128px}
#container.boxed-layout .boxed{margin: 45px auto 0}
#container.boxed-layout #footer{margin: 0 auto;bottom: 0}
#container.boxed-layout > .boxed{position: relative;overflow: hidden}
#container.boxed-layout.reveal #content-container, #container.boxed-layout #content-container {min-height: 94vh}
#container.boxed-layout #aside-container {min-height: 100%}
#container.boxed-layout.mainnav-in:not(.slide) > #footer {left: 0 !important;padding-left: 220px}
#container.boxed-layout.mainnav-fixed:not(.navbar-fixed) #mainnav-container.affix-top {left: 0 !important}
#container.boxed-layout.mainnav-fixed.mainnav-in #mainnav-container {width: 220px;overflow: hidden}
#container.boxed-layout.mainnav-fixed.mainnav-out:not(.reveal) #mainnav-container {width: 0}
#container.boxed-layout.mainnav-fixed #mainnav-container.affix, #container.boxed-layout.mainnav-fixed #mainnav-container.affix-top {-webkit-transition-property: width; transition-property: width }
#container.boxed-layout.mainnav-fixed .boxed{margin-bottom: 0 }
#container.boxed-layout.aside-fixed #aside-container {width: 0;overflow: hidden}
#container.boxed-layout.aside-fixed.aside-in #aside-container {width: 255px;overflow: hidden}
#container.boxed-layout.aside-fixed.aside-left.mainnav-lg #aside-container.affix-top {left: 220px}
#container.boxed-layout.aside-fixed.aside-left.mainnav-sm #aside-container.affix-top {left: 50px}
#container.boxed-layout.aside-fixed.mainnav-lg #aside-container.affix-top, #container.boxed-layout.aside-fixed.mainnav-sm #aside-container.affix-top {-ms-transform: translateX(0) !important;-webkit-transform: translateX(0) !important; transform: translateX(0) !important }
#container.boxed-layout.footer-fixed .boxed {margin-bottom: 0}
}
@media (min-width: 1900px) {
#container.boxed-layout .boxed, #container.boxed-layout #footer {max-width: 1280px}
}
.nano {position: relative;width: 100%;height: 100%;overflow: hidden}
.nano > .nano-content {position: absolute;overflow: auto;overflow-x: hidden;top: 0;right: 0;bottom: 0;left: 0}
.nano > .nano-content::-webkit-scrollbar {display: none}
.nano > .nano-content:focus {outline: 0 !important}
.nano > .nano-pane {background-color: rgba(128, 128, 128, 0.5);position: absolute;width: 4px;right: 0;top: 0;bottom: 0;opacity: 0;transition: opacity .2s}
.nano > .nano-pane > .nano-slider {background-color: rgba(0, 116, 255, 0.5);position: relative;margin: 0;border-radius: 0}
.nano-hide.nano > .nano-pane{display: none !important}
.has-scrollbar > .nano-content::-webkit-scrollbar{display: block}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed{opacity: .99}
.pace .pace-progress, .nano > .nano-pane > .nano-slider {background-color: #EE2A3B}
.pace .pace-progress-inner{box-shadow: 0 0 10px #D63A2C, 0 0 5px #D63A2C}
.pace .pace-activity{background-color: #D63A2C}
.nano > .nano-pane > .nano-slider{opacity: .85}
nav .tgl-menu-btn{position: absolute;right: -30px;bottom: 0;width: 30px;height: 30px;text-align: center;line-height: 30px;background: #263238;}
nav .tgl-menu-btn .mainnav-toggle{display: block;color: #fff;}
nav .tgl-menu-btn:hover{background:#2b425b; }
#container.mainnav-sm #mainnav-menu ul{display: none!important;}
#navbar {position: absolute;width: 100%;z-index: 10;background-color: #ecf0f5;left: 0;top: 0}
#navbar-container {box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2)}
.navbar-header {left: 0;position: relative;float: none;background-color: #263238 }
.navbar-content {position: relative; left: 0; background-color: #fff}
.navbar-aside-icon > *:before {background-color: #2b425b !important;box-shadow: 0 .45em 0 #2b425b, 0 .9em 0 #2b425b !important}
.navbar-brand {background-color: transparent;color: #fff;padding: 0;height: 50px;position: relative;z-index: 2;overflow: hidden;width: 220px}
.navbar-brand:hover, .navbar-brand:focus{color: #fff}
.brand-title, .brand-icon {display: block;line-height: 40px}
.brand-icon {width: 40px;height: 40px;float: left;margin: 0 5px}
.brand-text {display: block;font-size: 18px;font-weight: 600}
.navbar-icon-color, .navbar-top-links > li > a:focus:not(.mainnav-toggle) > i, .navbar-top-links > li > a:hover:not(.mainnav-toggle) > i{color: #6d7e90;transition: color .4s}
.navbar-top-links > li{float: left}
.navbar-top-links > li > a{display: table-cell;padding: 0 12px;vertical-align: middle; height:50px; color: #2b425b; transition: all .4s}
.navbar-top-links > li > a:not(.mainnav-toggle) > i {color: #2b425b;transition: color .4s}
.navbar-top-links > li > a:focus {background-color: transparent}
.navbar-top-links > li > a:hover {background-color: #f2f2f2;color: #6f8193;transition: all .4s}
.navbar-top-links > li > a > i {font-size: 1.2em;line-height: .75em}
.navbar-top-links:first-child > li {border-right: 1px solid rgba(0, 0, 0, 0.05)}
.navbar-top-links:last-child > li {border-left: 1px solid rgba(0, 0, 0, 0.05)}
.navbar-top-links > .open > a, .navbar-top-links > .open > a:focus {background-color: #f2f2f2;color: #2b425b}
.navbar-top-links .dropdown-menu .panel-body {padding: 0}
.navbar-top-links .dropdown-menu .nano:not(.scrollable) {max-height: 180px}
.navbar-top-links .dropdown-menu .nano:not(.scrollable) .nano-content {position: static}
.navbar-top-links .tgl-menu-btn {position: absolute;top: -100%;right: 0}
.navbar-top-links .tgl-menu-btn > a, .navbar-top-links .tgl-menu-btn > a:hover, .navbar-top-links .tgl-menu-btn > a:focus {color: #fff}
.navbar-top-links .tgl-menu-btn > a:hover, .navbar-top-links .tgl-menu-btn a:focus {background-color: transparent}
.navbar-top-links .head-list {list-style: none;padding: 0;margin: 0}
.navbar-top-links .head-list li a{display: block;padding: 10px 15px;background: transparent}
.navbar-top-links .head-list li a:hover {background: rgba(0, 0, 0, 0.05);color: #2b425b}
.badge-header{position: absolute;font-size: .85em;font-weight: normal;top: 50%;margin-top: -1.5em;min-width: 1.85em;padding: 3px 5px;right: 3px}
.badge-header:empty{display: inline;border-radius: 50%;min-width: 0;padding: 5px;right: .55em;top: 2.2em;animation-iteration-count: 5}
.navbar-top-links .dropdown-menu .nano{max-height: 265px}
.img-user{width: 32px;height: 32px;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1)}
#dropdown-user .ic-user{font-size: 1.5em;line-height: 40px}
.username{float: right;white-space: nowrap;line-height: 40px;margin: 0 10px}
@media (min-width: 768px) {
#dropdown-user > .dropdown-toggle img {-webkit-transform: translateY(4px);-ms-transform: translateY(4px);transform: translateY(4px)}
#navbar{background-color: transparent}
.navbar-header {float: left;background-color: transparent}
.navbar-header:before {content: '';position: absolute;display: block;width: 100%;height:50px;background-color: #263238 }
#container.mainnav-out .navbar-header:before{width: 0}
#container.mainnav-in .navbar-header:before {width: 100%}
#navbar-container {background-color: #fff}
.navbar-content {margin-left: 220px;background-color: transparent}
#navbar .brand-title {padding: 0 1.5em 0 40px}
#container.mainnav-in .navbar-brand, #container.mainnav-lg .navbar-brand, #container.mainnav-in .brand-title, #container.mainnav-lg .brand-title {width: 220px}
#container.mainnav-in .brand-icon, #container.mainnav-sm .brand-icon, #container.mainnav-lg .brand-icon {background-color: transparent}
#container.mainnav-in .brand-title, #container.mainnav-sm .brand-title, #container.mainnav-lg .brand-title {color: #fff}
#container.effect .brand-title, #container.effect.mainnav-in .brand-title, #container.effect.mainnav-sm .brand-title, #container.effect.mainnav-lg .brand-title {transition: color .35s}
.navbar-middle {position: static}
.navbar-top-links .tgl-menu-btn {position: static}
.navbar-top-links .tgl-menu-btn > a, .navbar-top-links .tgl-menu-btn > a:hover {color: #2b425b}
.navbar-top-links .tgl-menu-btn > a:focus {background-color: transparent;color: #2b425b}
}
#container.navbar-fixed > #navbar {position: fixed}
#container.navbar-fixed > #navbar .shadow {box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1)}
#container.navbar-fixed .navbar-top-links .dropdown-menu .nano > .nano-content {position: absolute}
@media (max-width: 760px) {
#container.navbar-fixed .navbar-top-links .dropdown-menu .nano {
max-height: 110px
}
}
#mainnav-container {position: fixed;width: 220px;left: -220px;/*padding-top:50px;*/top: 0;bottom: 0;z-index:15;min-height: 100%}
#mainnav {height: 100%;background-color: #263238}
#mainnav .list-header {font-weight: 600;color: #747e88}
#mainnav .list-divider {border-color: rgba(0, 0, 0, 0.1);margin: 10px 0}
#mainnav-menu-wrap{height: 100%}
#mainnav-shortcut{overflow: hidden}
#container:not(.mainnav-sm) #mainnav-shortcut {margin-top: 10px;margin-bottom: 10px}
#container:not(.mainnav-sm) #mainnav-menu-wrap > .nano > .nano-content {padding-top: 20px}
#container:not(.mainnav-sm) #mainnav-menu {margin-top: 10px}
#container:not(.mainnav-sm) .mainnav-profile {margin-top: 10px}
.mainnav-sm .mainnav-profile {visibility: hidden;max-height: 0;overflow: hidden;opacity: 0;margin: 0}
.mainnav-profile {color: #fff;opacity: 1;margin-bottom: 7px;max-height: 350px}
.mainnav-profile .mnp-name {color: #fff;margin: 0;font-size: 1.1em;font-weight: 600}
.mainnav-profile .dropdown-caret, .mainnav-profile .mnp-desc {color: #fff}
.mainnav-profile .profile-wrap {padding:0 20px 12px;text-align: center;}
#mainnav .mainnav-profile .list-group {border-top: 1px solid rgba(0, 0, 0, 0.1);border-bottom: 1px solid rgba(0, 0, 0, 0.1);background-color: #202a2f;margin: 0}
#mainnav .mainnav-profile .list-group-item {color: #abb1b7;padding: 12px 20px}
#mainnav .mainnav-profile .list-group-item:hover {color: #fff;background-color: transparent}
#mainnav-menu ul, .mainnav-widget ul, .menu-popover ul {list-style: none;padding-left: 0}
#mainnav li .arrow {float: right;line-height: 1.42857}
#mainnav li .arrow:before {content: '';border-style: solid;border-width: .1em .1em 0 0;display: inline-block;height: .4em;left: 0;position: relative;top: 0;width: .4em;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)}
#mainnav li.active > a > .arrow:before {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg)
}
#mainnav-menu a {
display: block;
color: #abb1b7;
padding: 12px 20px
}
#mainnav-menu a strong {
font-weight: normal;
font-size: 14px;}
#mainnav-menu > li > a:hover, #mainnav-menu > li > a:active {
color: #fff
}
#mainnav-menu > li > a.hover {
color: #fff;
background-color: #2c3a41;
box-shadow: inset 2px 0 0 0 #EE2A3B
}
#mainnav-menu > .active-link > a, #mainnav-menu > .active-link > a:hover {
color: #fff;
padding-left: 20px;
font-weight: 600;
box-shadow: inset 2px 0 0 0 #EE2A3B
}
#mainnav-menu > .active-sub > a, #mainnav-menu > .active-sub > a:hover {
color: #fff;
font-weight: 600
}
#mainnav-menu > .active {
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
background-color: #202a2f
}
#mainnav-menu > .active .active {
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
background-color: #1c2429
}
#mainnav-menu ul .list-header {
padding: 10px 20px 12px 55px
}
#mainnav-menu ul ul a {
padding: 10px 20px 12px 65px
}
#mainnav-menu i {
padding: 0 10px 0 0;
font-size: 1.15em
}
#mainnav-menu .hide-lg {
display: none
}
#mainnav-menu ul a, .menu-popover .sub-menu ul a {
padding: 6px 20px 6px 53px;
}
#mainnav-menu ul a:hover, .menu-popover .sub-menu ul a:hover {
color: #fff
}
#mainnav-menu ul ul a:hover, .menu-popover .sub-menu ul ul a:hover {
color: #fff
}
#mainnav-menu ul .active-link a, .menu-popover .sub-menu ul .active-link a {font-weight: 600;color: #fff;box-shadow: inset 2px 0 0 0 #EE2A3B; background: #EE2A3B; padding: 10px 20px 12px 53px;transition: padding 0.2s;}
#container.mainnav-sm #mainnav-menu > .active-link > a, #container.mainnav-sm #mainnav-menu > .active-sub > a, #container.mainnav-sm #mainnav-menu > .active-link a:hover, #container.mainnav-sm #mainnav-menu > .active-sub a:hover { background-color: #EE2A3B;box-shadow: none}
#mainnav-shortcut {max-height: 1.7em;overflow: hidden}
#mainnav-shortcut ul {width: 100%;margin: 0;padding: 0}
#mainnav-shortcut li {padding: 0;vertical-align: middle;text-align: center}
#mainnav-shortcut .shortcut-grid {display: table;border: 0;width: 100%;height: 1.7em;color: #fff}
#mainnav-shortcut .shortcut-grid > i {display: table-cell;vertical-align: middle;font-size: 15px}
#mainnav-shortcut .shortcut-grid > span {display: table-cell;vertical-align: middle}
#container.mainnav-sm #mainnav-shortcut {max-height: 250px}
#container.mainnav-sm #mainnav-shortcut > ul > li {width: 100%;text-align: left}
#container.mainnav-sm #mainnav-shortcut > ul > li .shortcut-grid {height: auto;display: block;padding: 12px 18.5px}
#container.mainnav-sm #mainnav-shortcut > ul > li i {font-size: 13px;line-height: 1.42857}
#container.mainnav-sm #mainnav-shortcut .shortcut-grid > .hide-sm {display: none}
.mainnav-widget {background-color: rgba(0, 0, 0, 0.05);color: #abb1b7}
.mainnav-widget-content {padding: 10px 15px}
.mainnav-widget .show-small a {display: none}
#container.mainnav-fixed #mainnav-container {position: fixed}
#container.mainnav-fixed #mainnav {height: 100%;height: 100vh}
#container.mainnav-fixed #mainnav .nano-content {position: absolute}
@media (min-width: 768px) {
#container.mainnav-fixed #mainnav-menu-wrap {height: 100%}
#container.mainnav-sm #mainnav .menu-popover .nano > .nano-content {top: auto;max-height: 100%;position: absolute}
#container.mainnav-sm #mainnav .menu-popover .nano-content {position: static}
}
<<<<<<< HEAD
#container.mainnav-fixed:not(.navbar-fixed) #mainnav-container.affix {top: -40px;position: fixed}
#container.mainnav-fixed:not(.navbar-fixed) #mainnav-container.affix-top {top: 0;position: absolute}
#container.mainnav-fixed:not(.navbar-fixed) #mainnav-container.affix-top #mainnav-menu-wrap > .nano > .nano-content {bottom: 40px}
@media (min-width: 992px) {
#container.mainnav-lg #mainnav-container {left: 0}
#container.mainnav-lg #footer, #container.mainnav-lg #content-container {padding-left: 220px}
=======
#container.mainnav-lg #mainnav-container {
left: 0
}
@media (min-width: 992px) {
#container.mainnav-lg #footer, #container.mainnav-lg #content-container {
padding-left: 220px
}
}
@media (min-width: 768px) and (max-width: 991px) {
#container.mainnav-lg #content-container, #container.mainnav-lg #footer {left: 220px}
#container.mainnav-lg .tgl-menu-btn {right: 220px}
#container.mainnav-lg #mainnav-container {left: 0}
#container.mainnav-lg #mainnav-menu-wrap {height: 100%}
}
/*@media (min-width: 768px) {*/
#mainnav-menu .list-header, #mainnav-menu .list-divider, #mainnav-menu .menu-title, #mainnav-menu .arrow, #mainnav-menu .menu-title > .label, #mainnav-menu .menu-title > .badge {
opacity: 1
}
.mainnav-sm #mainnav-menu .list-header, .mainnav-sm #mainnav-menu .list-divider, .mainnav-sm #mainnav-menu .menu-title, .mainnav-sm #mainnav-menu .arrow, .mainnav-sm #mainnav-menu .menu-title > .label, .mainnav-sm #mainnav-menu .menu-title > .badge {
padding-top: 0;
padding-bottom: 0;
margin: 0;
height: 0;
opacity: 0
}
#container.mainnav-sm .brand-icon {
width: 40px;
height: 40px;
margin: 0 5px;
transform: translateY(0)
}
#container.mainnav-sm .shortcut-grid:hover {
box-shadow: inset 2px 0 0 0 #EE2A3B
}
#container.mainnav-sm .shortcut-grid:hover, #container.mainnav-sm .popover.mainnav-shortcut {
background-color: #2c3a41;
color: #fff
}
#container.mainnav-sm #mainnav-menu a {
white-space: nowrap;
position: relative;
padding: 12px 0 12px 18.5px
}
#container.mainnav-sm #mainnav-menu a:hover {
box-shadow: inset 2px 0 0 0 #EE2A3B
}
#container.mainnav-sm #mainnav-menu a .badge {
margin-top: -1.5em
}
#container.mainnav-sm #mainnav-menu a .badge {
position: absolute;
padding: 3px 7px;
right: 2px;
top: 25%
}
#container.mainnav-sm #mainnav-menu a i {
display: inline
}
#container.mainnav-sm #mainnav-menu .active-link > a, #container.mainnav-sm #mainnav-menu .active-sub > a {
color: #fff
}
#container.mainnav-sm #mainnav-menu .collapse {
display: none;
height: 0 !important
}
#container.mainnav-sm #mainnav-container, #container.mainnav-sm #navbar .navbar-brand {
width: 50px;
left: 0
}
#container.mainnav-sm #navbar .navbar-content {
margin-left: 50px
}
#container.mainnav-sm #content-container, #container.mainnav-sm #footer {
padding-left: 50px;
left: 0
}
#container.mainnav-sm #mainnav {
position: relative
}
#container.mainnav-sm #mainnav .mainnav-widget > .show-small a {
display: block;
color: #abb1b7;
padding: 12px 0 12px 18.5px
}
#container.mainnav-sm #mainnav .mainnav-widget > .show-small a:hover {
color: #fff;
box-shadow: inset 2px 0 0 0 #EE2A3B;
transition: background-color .2s, padding-left .3s, box-shadow .4s
}
#container.mainnav-sm #mainnav .mainnav-widget > .hide-small {
display: none
}
#container.mainnav-sm #mainnav .mainnav-widget .hover {
color: #fff;
background-color: #2c3a41
}
.top-auto {
top: auto !important
}
#mainnav .menu-popover .nano > .nano-content {
position: absolute
}
#mainnav-menu ul ul a:hover, .menu-popover .sub-menu ul ul a:hover {
background-color: rgba(0, 0, 0, 0.0005)
}
.menu-popover {
left: 50px !important
}
.menu-popover .sub-menu {
overflow: hidden
}
.menu-popover .sub-menu .pop-in {
display: block;
visibility: visible
}
.menu-popover .sub-menu ul {
background-color: #202a2f
}
.menu-popover .sub-menu ul ul {
background-color: #1c2429
}
.menu-popover .sub-menu ul ul > li > a {
padding-left: 27px
}
.menu-popover .sub-menu ul ul > li > a:hover {
color: #fff
}
.menu-popover .sub-menu ul a:hover {
color: #fff
}
.menu-popover .sub-menu ul li > a {
display: block;
color: #abb1b7;
padding: 12px 17px
}
.menu-popover .single-content {
color: #fff;
background-color: #2c3a41
}
.menu-popover.popover {
width: 220px;
padding: 0;
border: 0;
border-radius: 0;
background-color: #222d32;
color: #fff;
position: absolute;
box-shadow: none;
margin-left: 0
}
.menu-popover.popover.in {
-webkit-animation: fadeIn .3s;
animation: fadeIn .3s
}
.menu-popover > .popover-title {
border: 0;
border-radius: 0;
padding: 14px 20px;
background-color: #2c3a41;
font-size: 1.05em;
font-weight: 600;
position: relative;
z-index: 5;
color: #fff
}
.menu-popover > .popover-title strong {
font-weight: 300
}
.menu-popover > .popover-content {
padding: 0;
width: 100%;
position: absolute;
border-radius: 0
}
.menu-popover > .popover-content > .single-content {
padding: 12px 14px;
display: block;
white-space: nowrap
}
.menu-popover > .popover-content > .single-content strong {
font-weight: 300
}
.menu-popover > .popover-content > .single-content .label, .menu-popover > .popover-content > .single-content .badge {
margin-left: 10px;
float: none !important
}
.menu-popover ul {
width: 220px;
margin-bottom: 0
}
.menu-popover .mainnav-widget-content {
background-color: #2c3a41
}
.menu-popover .mainnav-widget-content > .list-group {
display: block;
width: auto
}
/*}*/
.popover.mainnav-shortcut {
white-space: nowrap
}
.popover.mainnav-shortcut .popover-content {
padding: 12px 15px
}
.mainnav-sm .popover.mainnav-shortcut {
display: block !important;
border: 0;
margin-top: -42.57141px;
margin-left: -1px;
padding: 0;
box-shadow: none;
overflow: hidden;
width: auto;
max-width: 300px;
border-radius: 0;
background-color: #222d32;
color: #fff;
left: 50px !important
}
.mainnav-sm .popover.mainnav-shortcut.in {-webkit-animation: fadeIn .3s;animation: fadeIn .3s}
.mainnav-sm .popover.mainnav-shortcut.in .popover-content {height: 100%;margin: 0}
.mainnav-sm .popover.mainnav-shortcut > .arrow {display: none}
@-webkit-keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
#container.mainnav-in.footer-fixed #footer, #container.mainnav-in #navbar, #container.mainnav-in #content-container, #container.mainnav-in #footer {
left: 220px
}
#container.mainnav-out #content-container, #container.mainnav-in #mainnav-container {
left: 0
}
#container.mainnav-in .navbar-header {
left: -220px
}
#container.mainnav-in .tgl-menu-btn {
right: 220px
}
#container.mainnav-in #mainnav-menu-wrap {
height: 100%
}
@media (min-width: 768px) {
#container.mainnav-in.easeInBack:not(.boxed-layout) #mainnav-container {
box-shadow: -20px 0 0 0 #263238
}
#container.mainnav-in #navbar, #container.mainnav-in .navbar-header {
left: 0
}
#container.mainnav-in .tgl-menu-btn {
right: 0
}
#container.mainnav-in.aside-in #aside-container {
right: -220px
}
#container.mainnav-out .brand-title {
background-color: transparent;
color: #2b425b
}
}
@media (min-width: 768px) {
#container.reveal #content-container {
min-height: 100vh
}
#container.mainnav-out.reveal #content-container, #container.mainnav-in.reveal #content-container {
z-index: 7
}
#container.mainnav-in.reveal.aside-in #aside-container {
right: -220px
}
#container.mainnav-in.reveal.aside-in #footer {
left: 220px
}
#container.mainnav-out.reveal #aside-container, #container.mainnav-in.reveal #aside-container {
z-index: 9
}
#container.mainnav-out.reveal.aside-left:not(.aside-in) #aside-container, #container.mainnav-in.reveal.aside-left:not(.aside-in) #aside-container {
left: -220px
}
#container.mainnav-out.reveal #footer, #container.mainnav-in.reveal #footer {
z-index: 8
}
#container.mainnav-out.reveal #mainnav-container {
left: -220px
}
#container.mainnav-in.reveal.slide .navbar-header:before, #container.mainnav-out.reveal.slide .navbar-header:before, #container.mainnav-out.reveal:not(.slide) #mainnav-container, #container.mainnav-in.reveal:not(.slide) #mainnav-container {
left: 0;
-webkit-transition-duration: 0;
transition-duration: 0
}
}
@media (min-width: 768px) {
#container.mainnav-in.slide #navbar, #container.mainnav-in.slide #content-container, #container.mainnav-in.slide #footer {
left: 0
}
#container.mainnav-in.slide.aside-in.aside-left #aside-container {
left: 0
}
#container.mainnav-in.slide.aside-in #aside-container {
right: 0
}
}
#container #aside-container {
padding: 0 20px;
position: relative;
top: 0;
z-index: 3
}
#container #aside-container .nano-content {
position: static;
outline: 0
}
#container #aside .list-link li a:not(.btn) {
color: #d1d1d1
}
#container #aside .list-link li a:not(.btn):hover {
color: #fff
}
#container #aside .badge-stat {
color: #32424a
}
#container #aside .text-main {
color: #fff
}
#container.aside-float.aside-in #aside-container {
box-shadow: 0 0 5px 6px rgba(0, 0, 0, 0.15)
}
#aside {
background-color: #32424a;
color: #fff;
overflow: hidden;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-transform: translateZ(0)
}
#aside a:not(.btn):not(.btn-link) {
color: inherit
}
#aside.aside-xs-in {
max-height: none;
overflow: hidden;
margin-bottom: 70px
}
#aside .bord-all, #aside .bord-top, #aside .bord-btm, #aside .bord-left, #aside .bord-rgt, #aside .bord-hor, #aside .bord-ver, #aside .list-divider {
border-color: #394a53
}
#aside .btn-link {
color: #fff
}
#aside .text-muted {
color: #849eab
}
#aside hr {
border-color: rgba(0, 0, 0, 0.15)
}
#aside-container #aside .nav-tabs.nav-justified > li {
display: table-cell;
width: 1%
}
#aside-container #aside .nav-tabs li {
border-bottom: 1px solid #28353b
}
#aside-container #aside .nav-tabs li > a {
border-radius: 0;
border: 0;
background-color: #32424a;
padding: .9em 0;
margin: 0
}
#aside-container #aside .nav-tabs li > a > i {
font-size: 1.35em;
vertical-align: sub
}
#aside-container #aside .nav-tabs li > a:before {
content: '';
display: block;
background: #D63A2C;
height: 2px;
position: absolute;
bottom: -1px;
left: 50%;
right: 50%;
transition: left .05s, right .05s
}
#aside-container #aside .nav-tabs li:first-child > a {
border-left: 0
}
#aside-container #aside .nav-tabs li:last-child > a {
border-right: 0
}
#aside-container #aside .nav-tabs li:not(.active) a {
opacity: .5
}
#aside-container #aside .nav-tabs .active a:before {
content: '';
display: block;
background: #D63A2C;
height: 2px;
position: absolute;
bottom: -1px;
left: 0;
right: 0;
transition: left .15s, right .15s
}
#aside-container #aside .tab-content {
padding: 5px 0
}
#container.aside-bright #aside .nav-tabs li {
border-bottom: 1px solid #f2f2f2
}
#container.aside-bright #aside .nav-tabs li > a {
background-color: #fff
}
@media (max-width: 760px) {
#container > div > #aside-container {
top: 40px
}
#container.aside-left.aside-in #aside-container {
left: 0;
right: auto
}
#container.aside-left #aside-container {
left: -255px;
right: auto
}
#container.aside-left.mainnav-sm #content-container, #container.aside-left.mainnav-sm #footer {
padding-left: 0
}
}
@media (min-width: 768px) {
#container.mainnav-sm.aside-left.aside-in #aside-container {
left: 50px;
right: auto
}
#container.mainnav-sm.aside-left.aside-in #content-container, #container.mainnav-sm.aside-left.aside-in #footer {
padding-left: 220px
}
div#container.mainnav-lg.aside-left.aside-in #content-container, div#container.mainnav-lg.aside-left.aside-in #footer {
padding-left: 220px;
text-align: left
}
}
#aside {
padding-top: 40px;
visibility: visible;
background-color: #32424a;
height: 100%
}
#container #aside-container {
padding: 0;
position: absolute;
width: 255px;
height: auto;
left: auto;
right: -255px;
top: 0;
bottom: 0;
min-height: 100vh;
overflow: hidden;
z-index: 3
}
#container #aside-container .nano-content {
position: absolute
}
#container #content-container, #container #footer {
padding-right: 0
}
#container.mainnav-in:not(.slide) #footer, #container.mainnav-in #content-container {
padding-right: 0
}
@media (min-width: 1024px) {
#container.aside-in #aside {
padding-top: 40px
}
#container.aside-in:not(.aside-float) #content-container {
padding-right: 255px
}
#container.aside-in.aside-left:not(.aside-float) #content-container, #container.aside-in.aside-left:not(.aside-float) #footer {
padding-left: 255px;
padding-right: 0
}
#container.aside-in:not(.aside-float) #content-container, #container.aside-in:not(.aside-float) #footer {
padding-right: 255px
}
#container.aside-in.aside-left:not(.aside-float) #content-container, #container.aside-in.aside-left:not(.aside-float) #footer {
padding-left: 255px;
padding-right: 0
}
#container.aside-in.aside-left.mainnav-lg:not(.aside-float) #content-container, #container.aside-in.aside-left.mainnav-lg:not(.aside-float) #footer {
padding-left: 475px;
padding-right: 0
}
#container.aside-in.aside-left.mainnav-lg #aside-container {
left: 220px;
right: auto
}
#container.aside-in.aside-left.mainnav-sm:not(.aside-float) #content-container, #container.aside-in.aside-left.mainnav-sm:not(.aside-float) #footer {
padding-left: 305px;
padding-right: 0
}
#container.aside-in.aside-left.mainnav-sm #aside-container {
left: 50px;
right: auto
}
#container.aside-in.aside-left.mainnav-in #aside-container {
left: 220px;
right: auto
}
}
#container.aside-in #aside-container {
left: auto;
right: 0
}
#container.aside-in.aside-left.mainnav-in #aside-container {
left: 220px;
right: auto
}
@media (min-width: 768px) {
#container.aside-left #aside-container, #container.aside-in.aside-left #aside-container {
left: 0;
right: auto
}
#container.aside-left.mainnav-sm #aside-container {
left: -205px
}
#container.aside-left.mainnav-sm:not(.aside-float) #content-container, #container.aside-left.mainnav-sm:not(.aside-float) #footer {
padding-left: 50px
}
#container.aside-left.mainnav-out:not(.aside-in) #aside-container {
left: -220px
}
}
#container.aside-fixed #aside-container {
position: fixed
}
#container.aside-fixed #aside {
height: 100%
}
#container.aside-fixed #aside .nano-content {
position: absolute
}
#container.aside-fixed:not(.navbar-fixed) #aside-container.affix {
top: -40px;
position: fixed
}
#container.aside-fixed:not(.navbar-fixed) #aside-container.affix-top {
top: 0;
position: absolute
}
#container.aside-bright #aside {
background-color: #fff;
border: 1px solid #dbe3ec;
color: #2b425b
}
#container.aside-bright #aside .badge-stat {
color: #fff
}
#container.aside-bright #aside .text-main {
color: #2b425b
}
#container.aside-bright #aside .text-light {
color: #2b425b
}
#container.aside-bright #aside hr {
border-color: #e9e9e9
}
#container.aside-bright #aside .bord-all, #container.aside-bright #aside .bord-top, #container.aside-bright #aside .bord-btm, #container.aside-bright #aside .bord-lft, #container.aside-bright #aside .bord-rgt, #container.aside-bright #aside .bord-hor, #container.aside-bright #aside .bord-ver, #container.aside-bright #aside .list-divider {
border-color: #d3dce8
}
#container.aside-bright #aside .text-muted {
color: #afb9c3
}
#container.aside-bright #aside .progress {
background-color: #e6e6e6
}
#container.aside-bright #aside .list-link li a:not(.btn) {
color: #8493a2
}
#container.aside-bright #aside .list-link li a:not(.btn):hover {
color: #2b425b
}
#container.aside-bright #aside a:not(.btn) {
color: #2b425b
}
#container.aside-bright #aside a:not(.btn):hover, #container.aside-bright #aside a:not(.btn):focus {
color: #5d6d7c
}
#container.aside-bright #aside .btn-link {
color: #2b425b
}
#footer {
border-top: 1px solid rgba(0, 0, 0, 0.07);
background-color: #f3f5f9;
color: #2b425b;
position: absolute;
padding-top: 10px;
bottom: 0;
z-index: 2;
left: 0;
right: 0;
height: 35px
}
#footer p {
margin-bottom: 5px
}
.footer-list {
margin-bottom: 0
}
.footer-list > li {
vertical-align: top
}
#container.footer-fixed #footer {
left: 0;
position: fixed;
bottom: 0;
margin-top: -35px;
z-index: 1
}
#footer .show-fixed {
display: none
}
#footer .hide-fixed {
display: block;
height: 100%
}
#container.footer-fixed #footer .show-fixed {
display: block;
height: 100%
}
#container.footer-fixed #footer .hide-fixed {
display: none
}
.collapsing {
transition-duration: 10ms
}
@media (min-width: 1200px) {
.effect #navbar, .effect #content-container, .effect #mainnav-container, .effect #aside-container, .effect #footer, .effect .navbar-brand, .effect .navbar-content, .effect .navbar-header:before {
transition-property: width, padding, left, right;
transition-duration: .35s
}
.effect .navbar-content {
transition-property: margin-left
}
.effect .mainnav-profile {
transition: opacity .85s, max-height .35s
}
.effect #mainnav-shortcut {
transition: max-height .7s
}
.effect #mainnav-shortcut li {
transition: all .7s ease .1s
}
.effect#container.mainnav-sm #mainnav-shortcut {
transition: max-height .7s linear .2s
}
.effect#container.mainnav-sm #mainnav-shortcut > ul > li {
transition: all .5s ease
}
.mainnav-sm .effect #mainnav-menu .list-header, .mainnav-sm .effect #mainnav-menu .list-divider, .mainnav-sm .effect #mainnav-menu .menu-title, .mainnav-sm .effect #mainnav-menu .arrow, .mainnav-sm .effect #mainnav-menu .menu-title > .label {
transition: opacity .5s, padding .5s linear .5s, color .1s, margin .5s linear .5s;
transition-timing-function: cubic-bezier(0.28, 1.02, 0.36, 1.145)
}
.effect .collapsing {
transition-duration: .4s
}
.easeInQuart #navbar, .easeInQuart #content-container, .easeInQuart #mainnav-container, .easeInQuart #aside-container, .easeInQuart #footer, .easeInQuart .collapsing, .easeInQuart .navbar-brand, .easeInQuart .navbar-content, .easeInQuart .navbar-header:before {
transition-duration: .35s;
transition-timing-function: cubic-bezier(0.755, 0.045, 0.915, 0.135)
}
.easeOutQuart #navbar, .easeOutQuart #content-container, .easeOutQuart #mainnav-container, .easeOutQuart #aside-container, .easeOutQuart #footer, .easeOutQuart .collapsing, .easeOutQuart .navbar-brand, .easeOutQuart .navbar-content, .easeOutQuart .navbar-header:before {
transition-duration: .5s;
transition-timing-function: cubic-bezier(0.015, 0.77, 0.04, 0.985)
}
.easeInBack #navbar, .easeInBack #content-container, .easeInBack #mainnav-container, .easeInBack #aside-container, .easeInBack #footer, .easeInBack .collapsing, .easeInBack .navbar-brand, .easeInBack .navbar-content, .easeInBack .navbar-header:before {
transition-duration: .35s;
transition-timing-function: cubic-bezier(0.705, -0.155, 0.735, 0.045)
}
.easeOutBack #navbar, .easeOutBack #content-container, .easeOutBack #mainnav-container, .easeOutBack #aside-container, .easeOutBack #footer, .easeOutBack .collapsing, .easeOutBack .navbar-brand, .easeOutBack .navbar-content, .easeOutBack .navbar-header:before {
transition-duration: .35s;
transition-timing-function: cubic-bezier(0.28, 1.02, 0.36, 1.145)
}
.easeInOutBack #navbar, .easeInOutBack #content-container, .easeInOutBack #mainnav-container, .easeInOutBack #aside-container, .easeInOutBack #footer, .easeInOutBack .collapsing, .easeInOutBack .navbar-brand, .easeInOutBack .navbar-content, .easeInOutBack .navbar-header:before {
transition-duration: .5s;
transition-timing-function: cubic-bezier(1, -0.28, 0, 1.275)
}
.steps #navbar, .steps #content-container, .steps #mainnav-container, .steps #aside-container, .steps #footer, .steps .collapsing, .steps .navbar-brand, .steps .navbar-content, .steps .navbar-header:before {
transition-duration: .5s;
transition-timing-function: cubic-bezier(0, 0.955, 1, 0.045)
}
.jumping #navbar, .jumping #content-container, .jumping #mainnav-container, .jumping #aside-container, .jumping #footer, .jumping .collapsing, .jumping .navbar-brand, .jumping .navbar-content, .jumping .navbar-header:before {
transition-duration: .7s;
transition-timing-function: cubic-bezier(0.135, 1.525, 0, 0.9)
}
.rubber #navbar, .rubber #content-container, .rubber #mainnav-container, .rubber #aside-container, .rubber #footer, .rubber .collapsing, .rubber .navbar-brand, .rubber .navbar-content, .rubber .navbar-header:before {
transition-duration: .5s;
transition-timing-function: cubic-bezier(0, 1.65, 1, -0.6)
}
}
.open.mega-dropdown {
position: static
}
.open.mega-dropdown > .mega-dropdown-toggle:before, .open.mega-dropdown > .mega-dropdown-toggle:after {
content: "";
border-left: 7px solid transparent;
border-right: 7px solid transparent;
display: block;
height: 0;
position: absolute;
width: 0
}
.open.mega-dropdown > .mega-dropdown-toggle:before {
border-bottom: 7px solid #d0d0d0;
margin: -8px 0 0 0;
bottom: -10px
}
.open.mega-dropdown > .mega-dropdown-toggle:after {
border-bottom: 7px solid #fff;
margin: -7px 0 0 0;
bottom: -11px;
z-index: 10000
}
.navbar-top-links > .mega-dropdown > .dropdown-menu.mega-dropdown-menu {
left: 5px;
right: 5px;
max-width: 1250px
}
.dropdown-menu.mega-dropdown-menu {
padding: 15px
}
.dropdown-menu.mega-dropdown-menu:after {
content: '';
display: table;
clear: both
}
.dropdown-menu.mega-dropdown-menu .list-unstyled .dropdown-header {
font-size: 1.2em;
font-weight: 600;
padding: 10px 4px
}
.dropdown-menu.mega-dropdown-menu .list-unstyled li a {
display: block;
padding: 4px;
background-color: transparent
}
.dropdown-menu.mega-dropdown-menu .list-unstyled li a:not(.disabled-link):hover {
background-color: rgba(0, 0, 0, 0.05)
}
.widget-header {
padding: 15px 15px 50px 15px;
min-height: 125px;
position: relative;
overflow: hidden
}
.widget-bg {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%
}
.widget-title {
position: relative
}
.widget-body {
padding: 50px 15px 15px;
position: relative
}
.widget-img {
position: absolute;
width: 64px;
height: 64px;
left: 50%;
margin-left: -32px;
top: -32px
}
.speech {
position: relative;
background: #b7dcfe;
color: #317787;
display: inline-block;
border-radius: 0;
padding: 12px 20px
}
.speech .media-heading {
color: #317787;
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 10px;
padding-bottom: 5px;
font-weight: 600
}
.speech .media-heading:hover {
text-decoration: underline
}
.speech-time {
margin-top: 20px;
margin-bottom: 0;
font-size: .8em
}
.speech-right {
text-align: right
}
.speech-right > .speech {
background: #ffda87;
color: #a07617;
text-align: right
}
.speech-right > .speech .media-heading {
color: #a07617
}
.speech-right > .speech:before {
left: auto;
right: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 7px solid #ffdc91;
border-right: 0;
margin: 15px -6px 0 0
}
.speech:before {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
left: 0;
top: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-right: 7px solid #b7dcfe;
margin: 15px 0 0 -6px
}
.timeline {
position: relative;
padding-bottom: 40px;
background-color: #ecf0f5;
color: #2b425b
}
.timeline:before, .timeline:after {
background-color: #bec6ce;
bottom: 20px;
content: "";
display: block;
position: absolute
}
.timeline:before {
left: 49px;
top: 20px;
width: 1px
}
.timeline:after {
left: 46px;
width: 7px;
height: 7px;
border-radius: 50%;
border: 1px solid #bec6ce;
background-color: #ecf0f5
}
.timeline-header {
border-radius: 0;
clear: both;
margin-bottom: 50px;
margin-top: 50px;
position: relative
}
.timeline-header .timeline-header-title {
display: inline-block;
text-align: center;
padding: 7px 15px;
min-width: 100px
}
.timeline .timeline-header:first-child {
margin-bottom: 30px;
margin-top: 15px
}
.timeline-stat {
width: 100px;
float: left;
text-align: center;
padding-bottom: 15px
}
.timeline-entry {
margin-bottom: 25px;
margin-top: 5px;
position: relative;
clear: both
}
.timeline-entry-inner {
position: relative
}
.timeline-time {
display: inline-block;
padding: 2px 3px;
background-color: #ecf0f5;
color: #2b425b;
font-size: .85em;
max-width: 70px
}
.timeline-icon {
border-radius: 50%;
display: block;
margin: 0 auto;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
margin-top: 5px;
background-color: #ecf0f5
}
.timeline-icon > i {
line-height: 40px;
vertical-align: .1em
}
.timeline-icon img {
width: 40px;
height: 40px;
border-radius: 50%;
vertical-align: top
}
.timeline-icon:empty {
height: 12px;
width: 12px;
margin-top: 20px;
border: 2px solid #bec6ce
}
.timeline-label {
background-color: #fff;
border-radius: 0;
margin-left: 85px;
padding: 15px;
position: relative;
min-height: 50px;
border: 1px solid #e7ecf3;
border-bottom: 1px solid rgba(0, 0, 0, 0.17)
}
.timeline-label:before, .timeline-label:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
left: 0;
top: 0
}
.timeline-label:before {
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #e6e6e6;
margin: 15px 0 0 -10px
}
.timeline-label:after {
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
border-right: 9px solid #fff;
margin: 15px 0 0 -8px
}
.panel .timeline, .panel .timeline:after, .panel .timeline-time, .panel .timeline-label, .panel .timeline-icon:not([class^="bg-"]):not([class*=" bg-"]) {
background-color: #fff
}
.panel .timeline-label {
box-shadow: none;
border: 0;
background-color: #f3f5f9;
margin-left: 100px
}
.panel .timeline-label:before {
display: none;
border-right-color: #e3e3e3
}
.panel .timeline-label:after {
border-right-color: #f3f5f9
}
@media (min-width: 768px) {
.two-column.timeline {
text-align: center
}
.two-column.timeline:before {
left: 50%
}
.two-column.timeline:after {
left: 50%;
margin-left: -2px
}
.two-column.timeline .timeline-entry {
width: 50%;
text-align: left
}
.two-column.timeline .timeline-stat {
margin-left: -50px
}
.two-column.timeline .timeline-entry:nth-child(odd) {
float: right
}
.two-column.timeline .timeline-entry:nth-child(odd) .timeline-label {
margin-left: 40px
}
.two-column.timeline .timeline-header {
text-align: center
}
.two-column.timeline .timeline-entry:nth-child(even) {
float: left
}
.two-column.timeline .timeline-entry:nth-child(even) .timeline-stat {
left: 100%;
position: relative;
margin-left: -50px
}
.two-column.timeline .timeline-entry:nth-child(even) .timeline-label {
left: -90px;
margin-right: -40px
}
.two-column.timeline .timeline-entry:nth-child(even) .timeline-label:before, .two-column.timeline .timeline-entry:nth-child(even) .timeline-label:after {
left: auto;
right: 0;
border-right: 0 solid transparent
}
.two-column.timeline .timeline-entry:nth-child(even) .timeline-label:before {
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #e6e6e6;
margin: 15px -10px 0 0
}
.two-column.timeline .timeline-entry:nth-child(even) .timeline-label:after {
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
border-left: 9px solid #fff;
margin: 15px -8px 0 0
}
}
.tag:not(.label) {
background-color: #fff;
font-size: .9em;
padding: 5px 10px;
border-radius: 0;
border: 1px solid #d1d9de;
line-height: 1.42857;
vertical-align: middle;
-webkit-transition: all .15s;
transition: all .15s;
margin-bottom: 4px
}
.tag:not(.label) i {
vertical-align: middle
}
.tag.tag-lg, .btn-group-lg > .tag {
padding: 10px 16px
}
.tag.tag-sm, .btn-group-sm > .tag {
padding: 4px 7px
}
.tag.tag-xs, .btn-group-xs > .tag {
padding: 1px 5px
}
.mail-nav > li > a {
border-radius: 0
}
.mail-nav > li > a:hover, .mail-nav > li > a:focus {
background-color: transparent
}
.mail-nav > li.active > a, .mail-nav > li.active > a:hover, .mail-nav > li.active > a:focus {
background-color: rgba(0, 0, 0, 0.07);
color: inherit;
font-weight: 600
}
.mail-list {
list-style: none;
padding: 0
}
.mail-list > li {
position: relative;
padding: 12px;
border-radius: 1px
}
.mail-list > li:after {
content: '';
display: table;
clear: both
}
.mail-list-unread a {
font-weight: 700
}
.mail-control {
float: left;
width: 40px
}
.mail-star {
position: absolute;
top: 47px;
margin-left: 1px
}
.mail-from {
float: left;
width: 105px
}
.mail-subject {
margin: 2.3em 0 0 40px
}
.mail-subject .label {
margin-right: .5em;
vertical-align: middle;
line-height: 2
}
.mail-list .mail-from a, .mail-list .mail-subject a {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.mail-attach-icon {
width: 35px;
float: right;
text-align: center
}
.mail-time {
float: right;
color: #afb9c3;
font-size: 85%;
text-align: right
}
.mail-toggle.navbar-toggle {
display: block
}
@media (min-width: 992px) {
.mail-nav {
width: 255px
}
.mail-menu {
display: block !important
}
.mail-control, .mail-star {
float: left;
width: 40px
}
.mail-from {
width: 175px
}
.mail-attach-icon {
width: 35px;
float: right;
text-align: right
}
.mail-time {
width: 75px
}
.mail-subject {
overflow: hidden;
margin: 0 20px 0 0
}
}
@media (min-width: 470px) {
.mail-star {
position: static;
float: left;
width: 35px
}
.mail-from {
width: 175px;
margin-right: 20px
}
.mail-subject {
display: block;
padding-right: 50px
}
}
.mail-list > li:nth-child(odd) {
background-color: rgba(0, 0, 0, 0.04)
}
.mail-list > li:hover {
background-color: rgba(0, 0, 0, 0.075)
}
.mail-list > li.highlight {
background-color: #f2f0c2
}
.mail-list a, .mail-list a:focus {
display: inline-block;
color: #2b425b
}
.mail-star i {
font-size: 1em;
line-height: .4
}
.mail-star > a, .mail-star > a:focus {
color: #d3d7da
}
.mail-starred .mail-star > a {
color: #ffa100
}
.mail-list .mail-star > a:hover {
color: #ffbd4d
}
.mail-attach-list {
list-style: none;
padding: 0
}
.mail-attach-list > li {
display: inline-block;
width: 195px
}
.mail-attach-list > li .mail-file-img, .mail-attach-list > li .mail-file-icon {
height: 120px;
overflow: hidden;
text-align: center;
background-color: #f5f6f8
}
.mail-attach-list > li i {
font-size: 75px;
line-height: 120px;
opacity: .4
}
.mail-attach-list > li img {
max-width: 210px;
height: auto
}
.mail-attach-label {
min-width: 5em
}
.mail-attach-file {
overflow: hidden
}
.mail-attach-btn {
float: right
}
@media (min-width: 1200px) {
.mail-attach-label {
float: left
}
}
.mail-message-reply {
min-height: 150px;
border: 1px solid #e9e9e9;
border-radius: 0;
padding: 10px 15px;
cursor: pointer
}
.wz-nav-off > li a {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
cursor: default !important
}
.wz-icon-inline li > a .icon-wrap {
display: inline-block;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: inherit
}
.wz-icon-bw li > a .icon-wrap, .wz-icon-bw li > a p {
transition: all .5s
}
.wz-icon-bw li.active ~ li > a .icon-wrap {
color: #2b425b;
background-color: rgba(0, 0, 0, 0.17);
transition: all .5s
}
.wz-icon-bw li:not(.active) > a p {
color: #2b425b !important;
transition: all .5s
}
.wz-classic {
margin: 0;
padding: 0;
list-style: none;
display: block;
position: relative
}
.wz-classic li, .wz-steps li {
transition: all .5s
}
.wz-classic li > a {
color: inherit;
display: block;
text-align: center;
padding: 20px 0
}
.wz-classic li > a .icon-wrap {
display: inline-block;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: inherit
}
.wz-classic:after, .wz-steps:after {
content: '';
display: table;
clear: both
}
.wz-classic .active ~ li {
color: inherit;
background-color: inherit
}
.wz-classic .active ~ li a {
opacity: .5
}
.wz-heading {
position: relative
}
.wz-heading .progress {
position: absolute;
left: 0;
right: 0;
top: 50%;
background-color: transparent
}
.wz-heading.wz-w-label .progress {
margin-top: -0.5em
}
.wz-steps {
margin: 0;
padding: 10px 0;
list-style: none;
display: block;
position: relative
}
.wz-steps li > a {
color: inherit;
display: block;
text-align: center;
padding: 0
}
.wz-steps li > a .icon-wrap {
display: inline-block;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: middle
}
.wz-steps li .wz-desc {
opacity: 0;
transition: opacity .5s
}
.wz-steps li:not(.active) .wz-icon {
display: none
}
.wz-steps .active ~ li {
color: inherit
}
.wz-steps .active ~ li a {
opacity: .5
}
.wz-steps .active ~ li .wz-icon {
display: inline-block
}
.wz-steps .active .wz-icon-done, .wz-steps .active ~ li .wz-icon-done {display: none}
.wz-steps .active .wz-desc {opacity: 1;transition: opacity .5s}
.scroll-top {display: none}
.scroll-top.in {
display: block;
background-color: #2b425b;
color: #fff;
cursor: pointer;
position: fixed;
bottom: 45px;
right: 15px;
z-index: 999;
opacity: 1;
padding: 10px;
font-size: 1.5em;
border-radius: 100%;
box-shadow: none;
transition: all .15s
}
.scroll-top.in:hover {
opacity: 1;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
transform: scale(1.1);
transition: all .15s
}
.scroll-top.in:active {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
transform: scale(1.05);
transition: all .15s
}
.scroll-top.in > i {display: block;width: 1em;height: 1em;line-height: 1.1em;margin-right: 0;}
.panel-overlay-wrap {position: relative}
.panel-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.75);
text-align: center;
z-index: 795
}
.panel-overlay:before {
content: "";
display: inline-block;
height: 100%;
width: 1px;
vertical-align: middle;
margin-left: -5px
}
.panel-overlay-title {margin: 10px 0 5px}
.panel-overlay-icon {display: inline-block;vertical-align: middle}
.panel-overlay-content {display: inline-block;vertical-align: middle}
.lang-flag {display: inline-block;padding: 3px 5px 3px 0}
.lang-selected > .lang-flag {padding: 0}
.lang-id {font-weight: 600}
.lang-id, .lang-name {display: none;vertical-align: middle}
.lang-selector .lang-id {display: inline-block}
.lang-selector + .dropdown-menu .lang-name {display: inline-block}
.lang-selector + .dropdown-menu a {padding: 10px !important}
.lang-selector + .dropdown-menu .active {display: none}
@media (min-width: 992px) {
.lang-id, .lang-selector .lang-id {
display: none
}
}
.alert-wrap {
margin: 0;
max-height: 0;
overflow: hidden;
padding: 0;
transition: max-height .7s linear
}
.alert-wrap > .alert {
margin: 0;
box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
border-radius: 0;
text-align: left
}
.alert-wrap > .alert > .media {
margin: 0
}
.alert-wrap > .alert > .media > .media-body {
min-width: 150px;
width: auto;
vertical-align: middle
}
#page-alert > .alert-wrap > .alert {
box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.04)
}
.alert-wrap.in {
max-height: 500px;
transition: max-height 1s linear
}
.floating-container .animated.alert-wrap {
overflow: visible
}
.floating-container .animated.alert-wrap > .alert {
border-radius: 0
}
.alert-message, .alert-title {
margin-bottom: 1px;
padding-right: 2ex
}
.alert-title {
font-size: 1.12em
}
.alert-title:empty {
display: none
}
.alert-primary .alert-icon {
color: #fff
}
.alert-info .alert-icon {
color: #fff
}
.alert-success .alert-icon {
color: #fff
}
.alert-warning .alert-icon {
color: #fff
}
.alert-danger .alert-icon {
color: #fff
}
.alert-mint .alert-icon {
color: #fff
}
.alert-purple .alert-icon {
color: #fff
}
.alert-pink .alert-icon {
color: #fff
}
.alert-dark .alert-icon {
color: #fff
}
#floating-top-right {
position: fixed;
text-align: right;
top: 7px;
right: 7px;
left: 7px;
z-index: 15
}
#floating-top-right .alert-wrap {
display: inline-block;
clear: right;
float: right;
margin-bottom: 5px;
position: relative;
opacity: 1;
z-index: 990
}
@media (min-width: 768px) {
#floating-top-right {
left: auto;
max-width: 727px
}
}
@media (min-width: 992px) {
#floating-top-right {
left: auto;
max-width: 50%
}
}
@media (min-width: 1200px) {
#floating-top-right {
left: auto;
max-width: 35%
}
}
/*! Animate.css - http://daneden.me/animate - Licensed under the MIT license - http://opensource.org/licenses/MIT - Copyright (c) 2014 Daniel Eden */
@-webkit-keyframes fadeOut {
0
{
opacity: 1
}
100
%
{
opacity: 0
}
}
@keyframes fadeOut {
0
{
opacity: 1
}
100
%
{
opacity: 0
}
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
.jellyIn {
-webkit-animation: jellyIn .7s linear both;
animation: jellyIn .7s linear both
}
/*! Generated with Bounce.js. Edit at http://goo.gl/whUyiv */
@-webkit-keyframes jellyIn {
0
{
-webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
4.761905
%
{
-webkit-transform: matrix3d(0.82739, 0, 0, 0, 0, 0.86975, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(0.82739, 0, 0, 0, 0, 0.86975, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
9.52381
%
{
-webkit-transform: matrix3d(0.94685, 0, 0, 0, 0, 1.03237, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(0.94685, 0, 0, 0, 0, 1.03237, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
14.285714
%
{
-webkit-transform: matrix3d(1.02254, 0, 0, 0, 0, 1.09127, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(1.02254, 0, 0, 0, 0, 1.09127, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
19.047619
%
{
-webkit-transform: matrix3d(1.05171, 0, 0, 0, 0, 1.06355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(1.05171, 0, 0, 0, 0, 1.06355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
23.809524
%
{
-webkit-transform: matrix3d(1.04857, 0, 0, 0, 0, 1.01093, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(1.04857, 0, 0, 0, 0, 1.01093, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
28.571429
%
{
-webkit-transform: matrix3d(1.03082, 0, 0, 0, 0, 0.97867, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(1.03082, 0, 0, 0, 0, 0.97867, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
33.333333
%
{
-webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
38.095238
%
{
-webkit-transform: matrix3d(0.99876, 0, 0, 0, 0, 0.98966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(0.99876, 0, 0, 0, 0, 0.98966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
42.857143
%
{
-webkit-transform: matrix3d(0.9928, 0, 0, 0, 0, 1.00257, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(0.9928, 0, 0, 0, 0, 1.00257, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
47.619048
%
{
-webkit-transform: matrix3d(0.99231, 0, 0, 0, 0, 1.00725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(0.99231, 0, 0, 0, 0, 1.00725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
52.380952
%
{
-webkit-transform: matrix3d(0.99465, 0, 0, 0, 0, 1.00505, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(0.99465, 0, 0, 0, 0, 1.00505, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
57.142857
%
{
-webkit-transform: matrix3d(0.99757, 0, 0, 0, 0, 1.00087, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(0.99757, 0, 0, 0, 0, 1.00087, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
61.904762
%
{
-webkit-transform: matrix3d(0.9998, 0, 0, 0, 0, 0.99831, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(0.9998, 0, 0, 0, 0, 0.99831, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
66.666667
%
{
-webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
71.428571
%
{
-webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99918, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99918, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
76.190476
%
{
-webkit-transform: matrix3d(1.00091, 0, 0, 0, 0, 1.0002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(1.00091, 0, 0, 0, 0, 1.0002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
80.952381
%
{
-webkit-transform: matrix3d(1.00047, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(1.00047, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
85.714286
%
{
-webkit-transform: matrix3d(1.0001, 0, 0, 0, 0, 1.0004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(1.0001, 0, 0, 0, 0, 1.0004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
90.47619
%
{
-webkit-transform: matrix3d(0.99989, 0, 0, 0, 0, 1.00007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(0.99989, 0, 0, 0, 0, 1.00007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
95.238095
%
{
-webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
100
%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
}
@keyframes jellyIn {
0
{
-webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
4.761905
%
{
-webkit-transform: matrix3d(0.82739, 0, 0, 0, 0, 0.86975, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(0.82739, 0, 0, 0, 0, 0.86975, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
9.52381
%
{
-webkit-transform: matrix3d(0.94685, 0, 0, 0, 0, 1.03237, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(0.94685, 0, 0, 0, 0, 1.03237, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
14.285714
%
{
-webkit-transform: matrix3d(1.02254, 0, 0, 0, 0, 1.09127, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(1.02254, 0, 0, 0, 0, 1.09127, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
19.047619
%
{
-webkit-transform: matrix3d(1.05171, 0, 0, 0, 0, 1.06355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(1.05171, 0, 0, 0, 0, 1.06355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
23.809524
%
{
-webkit-transform: matrix3d(1.04857, 0, 0, 0, 0, 1.01093, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(1.04857, 0, 0, 0, 0, 1.01093, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
28.571429
%
{
-webkit-transform: matrix3d(1.03082, 0, 0, 0, 0, 0.97867, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(1.03082, 0, 0, 0, 0, 0.97867, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
33.333333
%
{
-webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
38.095238
%
{
-webkit-transform: matrix3d(0.99876, 0, 0, 0, 0, 0.98966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(0.99876, 0, 0, 0, 0, 0.98966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
42.857143
%
{
-webkit-transform: matrix3d(0.9928, 0, 0, 0, 0, 1.00257, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(0.9928, 0, 0, 0, 0, 1.00257, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
47.619048
%
{
-webkit-transform: matrix3d(0.99231, 0, 0, 0, 0, 1.00725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(0.99231, 0, 0, 0, 0, 1.00725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
52.380952
%
{
-webkit-transform: matrix3d(0.99465, 0, 0, 0, 0, 1.00505, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(0.99465, 0, 0, 0, 0, 1.00505, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
57.142857
%
{
-webkit-transform: matrix3d(0.99757, 0, 0, 0, 0, 1.00087, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(0.99757, 0, 0, 0, 0, 1.00087, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
61.904762
%
{
-webkit-transform: matrix3d(0.9998, 0, 0, 0, 0, 0.99831, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(0.9998, 0, 0, 0, 0, 0.99831, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
66.666667
%
{
-webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
71.428571
%
{
-webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99918, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99918, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
76.190476
%
{
-webkit-transform: matrix3d(1.00091, 0, 0, 0, 0, 1.0002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(1.00091, 0, 0, 0, 0, 1.0002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
80.952381
%
{
-webkit-transform: matrix3d(1.00047, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(1.00047, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
85.714286
%
{
-webkit-transform: matrix3d(1.0001, 0, 0, 0, 0, 1.0004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(1.0001, 0, 0, 0, 0, 1.0004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
90.47619
%
{
-webkit-transform: matrix3d(0.99989, 0, 0, 0, 0, 1.00007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(0.99989, 0, 0, 0, 0, 1.00007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
95.238095
%
{
-webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
100
%
{
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
}
.form-checkbox:not(.btn), .form-radio:not(.btn) {
display: inline-block;
background-color: transparent;
border: 0;
position: relative;
padding: 3px;
line-height: 1em;
min-width: 19px;
margin: 0
}
.input-group-addon > .form-checkbox, .input-group-addon > .form-radio {
margin-bottom: 5px
}
.form-text.form-checkbox:not(.btn), .form-text.form-radio:not(.btn) {
padding-left: 25.5px
}
.form-checkbox > input[type="checkbox"], .form-radio > input[type="radio"] {
margin-left: -50px;
opacity: 0;
position: absolute !important;
z-index: -1
}
#container.show-form .form-checkbox > input[type="checkbox"], #container.show-form .form-radio > input[type="radio"] {
margin-top: -0.1em;
opacity: 1;
visibility: visible;
z-index: 1
}
.form-checkbox:hover, .form-radio:hover {
cursor: pointer
}
fieldset[disabled] .form-checkbox:hover, fieldset[disabled] .form-radio:hover {
cursor: no-drop
}
fieldset[disabled] .form-checkbox, fieldset[disabled] .form-radio, .form-checkbox.disabled, .form-radio.disabled {
opacity: .5;
cursor: default;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none
}
.form-checkbox.disabled::selection, .form-radio.disabled::selection {
background: transparent
}
.form-checkbox.disabled::-moz-selection, .form-radio.disabled::-moz-selection {
background: transparent
}
.form-checkbox.form-normal:before, .form-radio.form-normal:before {
content: '';
display: block;
position: absolute;
width: 16px;
height: 16px;
background-color: transparent;
border: 1px solid #c8d1d8;
border-radius: 0;
left: 0;
top: 50%;
margin-top: -9px
}
.form-radio.form-normal:before {
background-color: transparent
}
.has-success .form-checkbox {
color: #24692f
}
.has-success .form-checkbox.form-normal:before, .has-success .form-checkbox.form-normal:not(.disabled):hover:before, .has-success .form-radio.form-normal:before, .has-success .form-radio.form-normal:not(.disabled):hover:before {
background-color: transparent;
border-color: #71a436
}
#container .has-success .form-radio.form-normal.active:before {
background-color: #71a436;
border-color: #71a436
}
.has-warning .form-checkbox {
color: #f29000
}
.has-warning .form-checkbox.form-normal:before, .has-warning .form-checkbox.form-normal:not(.disabled):hover:before, .has-warning .form-radio.form-normal:before, .has-warning .form-radio.form-normal:not(.disabled):hover:before {
background-color: transparent;
border-color: #f29000
}
#container .has-warning .form-radio.form-normal:before {
background-color: #f29000;
border-color: #f29000
}
.has-error .form-checkbox {
color: #eb2521
}
.has-error .form-checkbox.form-normal:before, .has-error .form-checkbox.form-normal:not(.disabled):hover:before, .has-error .form-radio.form-normal:before, .has-error .form-radio.form-normal:not(.disabled):hover:before {
background-color: transparent;
border-color: #eb2521
}
#container .has-error .form-radio.form-normal.active:before {
background-color: #eb2521;
border-color: #eb2521
}
.form-radio.form-normal:before {
border-radius: 50%
}
fieldset:not([disabled]) .form-checkbox.form-normal:not(.disabled):hover:after, fieldset:not([disabled]) .form-checkbox.form-normal.active:after, .form-checkbox.form-normal:not(.disabled):hover:after, .form-checkbox.form-normal.active:after {
content: '';
position: absolute;
height: 6px;
width: 11px;
left: 3px;
top: 50%;
margin-top: -5px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
border-bottom: 2.5px solid #515151;
border-left: 2.5px solid #515151
}
fieldset:not([disabled]) .has-success .form-checkbox.form-normal:not(.disabled):hover:after, fieldset:not([disabled]) .has-success .form-checkbox.form-normal.active:after, .has-success .form-checkbox.form-normal:not(.disabled):hover:after, .has-success .form-checkbox.form-normal.active:after {
border-color: #24692f
}
fieldset:not([disabled]) .has-warning .form-checkbox.form-normal:not(.disabled):hover:after, fieldset:not([disabled]) .has-warning .form-checkbox.form-normal.active:after, .has-warning .form-checkbox.form-normal:not(.disabled):hover:after, .has-warning .form-checkbox.form-normal.active:after {
border-color: #f0a238
}
fieldset:not([disabled]) .has-error .form-checkbox.form-normal:not(.disabled):hover:after, fieldset:not([disabled]) .has-error .form-checkbox.form-normal.active:after, .has-error .form-checkbox.form-normal:not(.disabled):hover:after, .has-error .form-checkbox.form-normal.active:after {
border-color: #e33a4b
}
fieldset:not([disabled]) .form-radio.form-normal:not(.disabled):hover:after, fieldset:not([disabled]) .form-radio.form-normal.active:after, .form-radio.form-normal:not(.disabled):hover:after, .form-radio.form-normal.active:after {
content: '';
display: block;
position: absolute;
width: 8px;
height: 8px;
background-color: #515151;
border-radius: 50%;
left: 4px;
bottom: 50%;
margin-bottom: -3px
}
fieldset:not([disabled]) .has-success .form-radio.form-normal:not(.disabled):not(.active):hover:after, fieldset:not([disabled]) .has-success .form-radio.form-normal.active:after, .has-success .form-radio.form-normal:not(.disabled):not(.active):hover:after, .has-success .form-radio.form-normal.active:after {
background-color: #71a436
}
fieldset:not([disabled]) .has-warning .form-radio.form-normal:not(.disabled):not(.active):hover:after, fieldset:not([disabled]) .has-warning .form-radio.form-normal.active:after, .has-warning .form-radio.form-normal:not(.disabled):not(.active):hover:after, .has-warning .form-radio.form-normal.active:after {
background-color: #f29000
}
fieldset:not([disabled]) .has-error .form-radio.form-normal:not(.disabled):not(.active):hover:after, fieldset:not([disabled]) .has-error .form-radio.form-normal.active:after, .has-error .form-radio.form-normal:not(.disabled):not(.active):hover:after, .has-error .form-radio.form-normal.active:after {
background-color: #eb2521
}
.form-checkbox.form-normal:not(.active):hover:after, .form-radio.form-normal:not(.active):hover:after {
opacity: .3
}
.form-checkbox.form-normal.form-primary.active:after, .form-checkbox.form-normal.form-info.active:after, .form-checkbox.form-normal.form-success.active:after, .form-checkbox.form-normal.form-warning.active:after, .form-checkbox.form-normal.form-danger.active:after, .form-checkbox.form-normal.form-mint.active:after, .form-checkbox.form-normal.form-purple.active:after, .form-checkbox.form-normal.form-pink.active:after, .form-checkbox.form-normal.form-dark.active:after {
border-color: #fff
}
.form-checkbox.form-normal:not(.disabled):hover:before, .form-radio.form-normal:not(.disabled):hover:before {
border-color: #D63A2C
}
.form-checkbox.form-normal.active:after {
border-color: #404449
}
.form-checkbox.form-normal.form-primary:hover:before, .form-radio.form-normal.form-primary.active:before, .form-checkbox.form-normal.form-primary:not(.active):hover:after {
border-color: #489eed
}
.form-checkbox.form-normal.form-primary.active:before, .form-radio.form-normal.form-primary.active:after {
background-color: #D63A2C;
border-color: #D63A2C
}
.form-checkbox.form-normal.form-info:hover:before, .form-radio.form-normal.form-info.active:before, .form-checkbox.form-normal.form-info:not(.active):hover:after {
border-color: #00bcd4
}
.form-checkbox.form-normal.form-info.active:before, .form-radio.form-normal.form-info.active:after {
background-color: #00bcd4;
border-color: #00bcd4
}
.form-checkbox.form-normal.form-success:hover:before, .form-radio.form-normal.form-success.active:before, .form-checkbox.form-normal.form-success:not(.active):hover:after {
border-color: #8bc34a
}
.form-checkbox.form-normal.form-success.active:before, .form-radio.form-normal.form-success.active:after {
background-color: #8bc34a;
border-color: #8bc34a
}
.form-checkbox.form-normal.form-warning:hover:before, .form-radio.form-normal.form-warning.active:before, .form-checkbox.form-normal.form-warning:not(.active):hover:after {
border-color: #ffa726
}
.form-checkbox.form-normal.form-warning.active:before, .form-radio.form-normal.form-warning.active:after {
background-color: #ffa726;
border-color: #ffa726
}
.form-checkbox.form-normal.form-danger:hover:before, .form-radio.form-normal.form-danger.active:before, .form-checkbox.form-normal.form-danger:not(.active):hover:after {
border-color: #ef5350
}
.form-checkbox.form-normal.form-danger.active:before, .form-radio.form-normal.form-danger.active:after {
background-color: #ef5350;
border-color: #ef5350
}
.form-checkbox.form-normal.form-mint:hover:before, .form-radio.form-normal.form-mint.active:before, .form-checkbox.form-normal.form-mint:not(.active):hover:after {
border-color: #26a69a
}
.form-checkbox.form-normal.form-mint.active:before, .form-radio.form-normal.form-mint.active:after {
background-color: #26a69a;
border-color: #26a69a
}
.form-checkbox.form-normal.form-purple:hover:before, .form-radio.form-normal.form-purple.active:before, .form-checkbox.form-normal.form-purple:not(.active):hover:after {
border-color: #ba68c8
}
.form-checkbox.form-normal.form-purple.active:before, .form-radio.form-normal.form-purple.active:after {
background-color: #ba68c8;
border-color: #ba68c8
}
.form-checkbox.form-normal.form-pink:hover:before, .form-radio.form-normal.form-pink.active:before, .form-checkbox.form-normal.form-pink:not(.active):hover:after {
border-color: #ec407a
}
.form-checkbox.form-normal.form-pink.active:before, .form-radio.form-normal.form-pink.active:after {
background-color: #ec407a;
border-color: #ec407a
}
.form-checkbox.form-normal.form-dark:hover:before, .form-radio.form-normal.form-dark.active:before, .form-checkbox.form-normal.form-dark:not(.active):hover:after {
border-color: #263238
}
.form-checkbox.form-normal.form-dark.active:before, .form-radio.form-normal.form-dark.active:after {
background-color: #263238;
border-color: #263238
}
.form-inline .form-checkbox, .form-inline .form-radio {
padding-right: 15px
}
.form-checkbox.form-icon:after, .form-radio.form-icon:after {
content: "\f096";
color: inherit;
font-size: 19px;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
position: absolute;
left: .1em;
top: 50%;
margin-top: -0.44em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.input-group .form-checkbox:after, .input-group .form-radio:after {
left: 1px
}
.input-group .form-checkbox, .input-group .form-radio {
padding: 0
}
.form-checkbox.active.form-icon:after {
content: "\f046"
}
.form-radio.form-icon:after {
content: "\f10c"
}
.form-radio.form-icon.active:after {
content: "\f192"
}
.form-checkbox.form-icon.form-primary:after, .form-radio.form-icon.form-primary:after {
color: #D63A2C
}
.form-checkbox.form-icon.form-info:after, .form-radio.form-icon.form-info:after {
color: #00bcd4
}
.form-checkbox.form-icon.form-success:after, .form-radio.form-icon.form-success:after {
color: #8bc34a
}
.form-checkbox.form-icon.form-warning:after, .form-radio.form-icon.form-warning:after {
color: #ffa726
}
.form-checkbox.form-icon.form-danger:after, .form-radio.form-icon.form-danger:after {
color: #ef5350
}
.form-checkbox.form-icon.form-mint:after, .form-radio.form-icon.form-mint:after {
color: #26a69a
}
.form-checkbox.form-icon.form-purple:after, .form-radio.form-icon.form-purple:after {
color: #ba68c8
}
.form-checkbox.form-icon.form-pink:after, .form-radio.form-icon.form-pink:after {
color: #ec407a
}
.form-checkbox.form-icon.form-dark:after, .form-radio.form-icon.form-dark:after {
color: #263238
}
.form-checkbox.form-icon.btn, .form-radio.form-icon.btn {
position: relative;
padding-left: 2.7em;
margin-bottom: 12px
}
.form-checkbox.form-icon.btn:active, .form-radio.form-icon.btn:active {
margin-bottom: 12px
}
.form-checkbox.form-icon.btn.form-no-label, .form-radio.form-icon.btn.form-no-label {
padding-left: 0;
padding-right: 0;
min-height: 2.5em;
min-width: 2.85em
}
.form-checkbox.form-icon.btn:after, .form-radio.form-icon.btn:after {
margin-top: -0.46em;
left: .45em
}
.form-icon.btn.btn-primary:after, .form-icon.btn.btn-info:after, .form-icon.btn.btn-success:after, .form-icon.btn.btn-warning:after, .form-icon.btn.btn-danger:after, .form-icon.btn.btn-mint:after, .form-icon.btn.btn-purple:after, .form-icon.btn.btn-pink:after, .form-icon.btn.btn-dark:after {
color: #fff
}
.form-checkbox.form-icon.btn.btn-labeled, .form-radio.form-icon.btn.btn-labeled {
padding-left: 3em
}
.form-checkbox.form-icon.btn.btn-labeled:before, .form-radio.form-icon.btn.btn-labeled:before {
content: '';
position: absolute;
display: inline-block;
margin-left: 0;
width: 2.7em;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.15)
}
.checkbox.form-block {
padding-top: 4px
}
.form-radio.form-block, .form-radio.form-block:active, .form-checkbox.form-block, .form-checkbox.form-block:active, .form-block > .form-radio, .form-block > .form-radio:active, .form-block > .form-checkbox, .form-block .form-checkbox:active {
width: 100%;
margin: 5px 0
}
.form-checkbox > input[type="checkbox"], .form-radio > input[type="radio"] {
visibility: visible !important
}
/*! ========================================================================*//*! Toggle Switch - v1.0 *//*! A trowel component to display a switch *//*! https://github.com/Trowel/switch/*! *//*! designed by Clément Menant (https://www.behance.net/clementmenant) and Loïc Goyet (https://twitter.com/earvinpepper) for AppVentus (http://appventus.com/) *//*! Under MIT License *//*! ========================================================================*//*! IMPROVEMENT BY THEMEON.NET */
.toggle-switch {
display: none
}
.toggle-switch + label {
display: inline-block;
position: relative;
height: 16px;
max-height: 1em;
cursor: pointer;
-webkit-touch-callout: none;
margin-right: 0;
margin-bottom: 0;
padding-left: 40px;
line-height: 16px
}
.toggle-switch + label:empty {
padding-left: 30px
}
.toggle-switch + label:before {
position: absolute;
display: inline-block;
left: 0;
content: '';
border-style: solid;
width: 30px;
height: 16px;
border-width: 0;
border-color: transparent;
background-color: #afafaf;
box-shadow: 0;
border-radius: 8px;
transition: all .3s
}
.toggle-switch + label:after {
position: absolute;
content: '';
width: 14px;
height: 14px;
top: 1px;
left: 1px;
background-color: white;
box-shadow: 0 2px 5px 0 rgba(51, 51, 51, 0.25);
border-radius: 16px;
transition: left .3s, right .3s
}
.toggle-switch:checked + label:before {
background-color: #4db446;
transition: all .3s
}
.toggle-switch:checked + label:after {
left: 15px;
transition: left .3s, right .3s
}
.toggle-switch:disabled + label {
cursor: no-drop
}
.toggle-switch:disabled + label:before {
opacity: .3
}
.preload .toggle-switch + *, .preload .toggle-switch + *:before, .preload .toggle-switch + *:after {
transition: 0 !important
}
.select {
position: relative;
display: inline-block
}
.select:before {
content: '';
border-style: solid;
border-width: 7px 5px 0 5px;
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-top-color: #afb9c3;
display: inline-block;
height: 0;
margin: 0 3px;
vertical-align: middle;
width: 0;
position: absolute;
right: .7em;
top: 1em;
z-index: 1
}
.select select {
padding: 5px 2.5em 5px 10px;
border: 1px solid #e9e9e9;
border-radius: 0;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
outline: 0;
background-color: #fff;
color: inherit;
font-size: 13px;
line-height: 1.42857;
vertical-align: middle;
transition: border-color .5s
}
.select select:disabled {
cursor: not-allowed;
opacity: .65
}
.select select:focus {
border-color: #D63A2C;
transition: border-color .5s
}
.select select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #444
}
.select select::-ms-expand {
display: none
}
.select select:disabled {
opacity: .5;
cursor: not-allowed
}
.pci-hor-dots, .pci-ver-dots {
height: 1.2em;
width: .85em;
display: block;
position: relative
}
.pci-hor-dots:before, .pci-ver-dots:before {
content: '';
height: .27em;
width: .27em;
background-color: #2b425b;
display: block;
position: absolute;
top: 0;
left: .25em;
box-shadow: 0 .45em 0 #2b425b, 0 .9em 0 #2b425b
}
.pci-hor-dots {
transform: rotate(90deg)
}
.pci-cross:after, .pci-cross:before {
content: '';
box-shadow: inset 0 0 0 1px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.pci-cross:after {
height: .8em;
width: 2px
}
.pci-cross:before {
width: .78em;
height: 2px
}
.pci-cross {
display: block;
border: 1px solid;
width: 1.3em;
height: 1.3em;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.pci-circle {
border-radius: 50%
}
.pci-chevron:before {
border-style: solid;
border-width: 2px 2px 0 0;
content: '';
display: inline-block;
height: .75em;
position: relative;
top: 0;
left: 0;
vertical-align: middle;
width: .75em
}
.pci-chevron.chevron-up:before {
transform: rotate(-45deg)
}
.pci-chevron.chevron-right:before {
transform: rotate(45deg)
}
.pci-chevron.chevron-down:before {
top: -0.5em;
transform: rotate(135deg)
}
.pci-chevron.chevron-left:before {
transform: rotate(-135deg)
}
.plan {
text-align: center
}
.plan .plan-title {
font-size: 2em;
font-weight: 100
}
.plan .plan-icon {
font-size: 7em;
color: rgba(0, 0, 0, 0.1)
}
.list-todo .form-checkbox input:checked ~ span {
text-decoration: line-through;
opacity: .7
}
.list-todo input:checked ~ label > span {
text-decoration: line-through;
opacity: .7
}
.flot-full-content {
min-height: 120px;
margin: -8px;
bottom: -8px
}
.pie-title-center {
display: inline-block;
position: relative;
text-align: center
}
.pie-value {
display: block;
position: absolute;
font-size: 14px;
height: 40px;
top: 50%;
left: 0;
right: 0;
margin-top: -20px;
line-height: 40px
}
.range-vertical {
height: 135px
}
.collapse {
display: none;
}
.jumbotron {
padding: 30px;
background-color: #e2e8f0
}
.navbar-toggle .icon-bar {
background-color: #aaa
}
.canvas-responsive {
max-width: 100%
}
a {
text-decoration: none;
color: #2b425b;
outline: 0
}
a:hover, a:focus {
text-decoration: none;
color: #68798a;
outline: 0 !important; cursor: pointer;
}
button, button:focus {
outline: 0 !important
}
code {
background-color: #e7e3f2;
color: red;
padding: 2px 7px;
border-radius: 2px;
font-size: 97%
}
kbd {
border-radius: 2px;
box-shadow: none
}
label {
font-weight: normal
}
legend {
padding: 10px;
font-size: 18px;
font-weight: 600;
border-color: #eee
}
mark, .mark {
background-color: #ffe3a2;
color: #563c00;
padding: .1em
}
.close {
font-size: 15px
}
hr {
border-color: #e9e9e9
}
.hr-wide {
margin-left: -7.5px;
margin-right: -7.5px
}
.hr-xs {
margin: 5px 0
}
.hr-sm {
margin: 10px 0
}
.new-section-xs {
margin: 12px 0;
min-height: 1px
}
.new-section-sm {
margin: 25px 0;
min-height: 1px
}
.new-section-md {
margin: 50px 0;
min-height: 1px
}
.new-section-lg {
margin: 100px 0;
min-height: 1px
}
.new-section-xl {
margin: 150px 0;
min-height: 1px
}
.row {
margin: 0 -7.5px
}
[class^="col-"]:not(.pad-no) {
padding-left: 7.5px;
padding-right: 7.5px
}
.media-block .media-left {
display: block;
float: left
}
.media-block .media-right {
float: right
}
.media-block .media-body {
display: block;
overflow: hidden;
width: auto
}
.middle .media-left, .middle .media-right, .middle .media-body {
vertical-align: middle
}
.thumbnail {
padding: 5px;
border-radius: 0;
border-color: #e9e9e9
}
.thumbnail .caption {
padding: 10px 0 5px;
color: #2b425b
}
.thumbnail.selected {
box-shadow: inset 0 0 0 3px #D63A2C
}
#container .table th {
font-size: 1.05em;
font-weight: 600;
border-bottom: 1px solid #e9e9e9;
color: #2b425b;text-align: center;
}
#container .table th th{border-bottom: none;}
#container .table td { vertical-align: middle;
border-top: 1px solid #e9e9e9; max-width: 200px;
}
#container .table.table-vcenter th, #container .table.table-vcenter td {
vertical-align: middle
}
#container .table .min-width {
width: 1%;
white-space: nowrap;
padding-left: 15px !important;
padding-right: 15px !important
}
#container .table-bordered, #container .table-bordered td, #container .table-bordered th {
border-color: #e9e9e9
}
#container .table-striped > tbody > tr:nth-child(2n+1) {
background-color: #f8f9fa
}
#container .table-hover > tbody > tr:hover {
background-color: #f2f4f6
}
.form-control {
font-size: 13px;
height: 100%;
border-radius: 0;
box-shadow: none;
border: 1px solid #e9e9e9;
transition-duration: .5s
}
.form-control:focus {
border-color: #e1e1e1;
box-shadow: none;
transition-duration: .5s
}
.form-control:focus-feedback {
z-index: 10
}
.has-error .form-control, .has-warning .form-control, .has-success .form-control {
box-shadow: none !important
}
i.form-control-feedback {
line-height: 25px
}
.input-group-addon {
border: 1px solid #e1e5ea;
background-color: #e9e9e9; border-radius: 0;
min-width: 45px
}
.nav-pills > li > a {
border-radius: 0
}
.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
background-color: #D63A2C
}
.nav-tabs > li > a {
border-radius: 0
}
.list-group.bg-trans .list-group-item:not(.active):not(.disabled) {
background-color: transparent;
border-color: transparent;
color: inherit
}
.list-group.bg-trans .list-group-item .disabled {
opacity: .5
}
.list-group.bg-trans a.list-group-item:hover:not(.active) {
background-color: rgba(0, 0, 0, 0.05)
}
.list-group.bord-no .list-group-item {
border-color: transparent
}
.list-group .list-divider {
display: block
}
.list-group-item {
border-color: #e9e9e9
}
.list-group-item, a.list-group-item, button.list-group-item, a.list-group-item:hover, a.list-group-item:focus, button.list-group-item:hover, button.list-group-item:focus {
color: #2b425b
}
.list-group-item .list-group-item-heading, a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
color: #2b425b
}
.list-group-item-heading {
margin-top: 5px
}
.list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.list-group-item:last-child {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.list-group-item .list-group-item.disabled, .list-group-item .list-group-item.disabled:hover, .list-group-item .list-group-item.disabled:focus {
background-color: rgba(0, 0, 0, 0.07);
border-color: transparent
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
background-color: #D63A2C;
border-color: #D63A2C;
color: #fff
}
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
color: #fff
}
a.list-group-item:hover, a.list-group-item:focus {
background-color: rgba(0, 0, 0, 0.05)
}
a.list-group-item-primary, .list-group-item-primary {
background-color: #64b5f7;
border-color: transparent;
color: #fff
}
a.list-group-item-primary:hover, a.list-group-item-primary:focus {
background-color: #72bcf8;
color: #fff
}
a.list-group-item-info, .list-group-item-info {
background-color: #00dcf8;
border-color: transparent;
color: #fff
}
a.list-group-item-info:hover, a.list-group-item-info:focus {
background-color: #08e3ff;
color: #fff
}
a.list-group-item-success, .list-group-item-success {
background-color: #9ccc65;
border-color: transparent;
color: #fff
}
a.list-group-item-success:hover, a.list-group-item-success:focus {
background-color: #a4d070;
color: #fff
}
a.list-group-item-warning, .list-group-item-warning {
background-color: #ffb54a;
border-color: transparent;
color: #fff
}
a.list-group-item-warning:hover, a.list-group-item-warning:focus {
background-color: #ffbc59;
color: #fff
}
a.list-group-item-danger, .list-group-item-danger {
background-color: #f27371;
border-color: transparent;
color: #fff
}
a.list-group-item-danger:hover, a.list-group-item-danger:focus {
background-color: #f3817f;
color: #fff
}
a.list-group-item-mint, .list-group-item-mint {
background-color: #2dc3b5;
border-color: transparent;
color: #fff
}
a.list-group-item-mint:hover, a.list-group-item-mint:focus {
background-color: #30d0c1;
color: #fff
}
a.list-group-item-purple, .list-group-item-purple {
background-color: #c682d2;
border-color: transparent;
color: #fff
}
a.list-group-item-purple:hover, a.list-group-item-purple:focus {
background-color: #cb8dd6;
color: #fff
}
a.list-group-item-pink, .list-group-item-pink {
background-color: #ef6091;
border-color: transparent;
color: #fff
}
a.list-group-item-pink:hover, a.list-group-item-pink:focus {
background-color: #f16e9a;
color: #fff
}
a.list-group-item-dark, .list-group-item-dark {
background-color: #34454d;
border-color: transparent;
color: #fff
}
a.list-group-item-dark:hover, a.list-group-item-dark:focus {
background-color: #3b4d56;
color: #fff
}
.label {
border-radius: 0;
font-weight: 600
}
.label:empty {
display: inline-block;
width: 1em;
height: 1em;
padding: 0;
vertical-align: sub
}
.label.label-fw {
margin-right: .5em
}
.labels .label {
display: inline-block;
margin-right: 3px;
margin-bottom: 3px
}
.label-md {
font-size: 100%
}
.label-table {
display: inline-block;
width: 80%;
min-width: 8ex;
font-size: 1em;
max-width: 100px;
padding: 5px;
text-overflow: ellipsis;
overflow: hidden;
vertical-align: top
}
.label-default {
background-color: #e3e8ee;
color: #333
}
.label-primary {
background-color: #D63A2C
}
.label-info {
background-color: #00bcd4
}
.label-success {
background-color: #8bc34a
}
.label-warning {
background-color: #ffa726
}
.label-danger {
background-color: #ef5350
}
.label-mint {
background-color: #26a69a
}
.label-purple {
background-color: #ba68c8
}
.label-pink {
background-color: #ec407a
}
.label-dark {
background-color: #263238
}
.breadcrumb {
border-radius: 0;
background-color: transparent;
margin-bottom: 10px;
padding: 0 15px
}
.breadcrumb li, .breadcrumb li a {
color: #afb9c3
}
.breadcrumb > li + li:before {
display: inline-block;
font-style: normal;
font-weight: normal;
line-height: 1
}
.breadcrumb .active {
font-weight: normal
}
.alert {
border-radius: 0;
border: 0;
padding: 15px 2em 15px 15px;
position: relative
}
.alert .alert-link {
text-decoration: underline;
font-weight: 600
}
.alert .alert-link:hover {
text-decoration: underline
}
.alert .close {
font-size: 12.5px;
text-shadow: none;
opacity: .7;
position: absolute;
left: auto;
right: 10px;
top: 10px
}
.alert button.close {
padding: 1px;
border-radius: 20px;
transition: all, 0.3s
}
.alert button.close > span:not(.sr-only) {
display: block;
width: 1em;
height: 1em;
line-height: .8em
}
.alert button.close:hover {
opacity: .55
}
.alert button.close:active {
opacity: .3
}
.alert-primary {
background-color: #6ab5f1;
border-color: transparent;
border-left: 3px solid #0f80db;
color: #fff
}
.alert-primary .close, .alert-primary .alert-link {
color: #fff
}
.alert-info {
background-color: #1bc7dc;
border-color: transparent;
border-left: 3px solid #0c6f7b;
color: #fff
}
.alert-info .close, .alert-info .alert-link {
color: #fff
}
.alert-success {
background-color: #9cc56c;
border-color: transparent;
border-left: 3px solid #648e33;
color: #fff
}
.alert-success .close, .alert-success .alert-link {
color: #fff
}
.alert-warning {
background-color: #f9b450;
border-color: transparent;
border-left: 3px solid #d58003;
color: #fff
}
.alert-warning .close, .alert-warning .alert-link {
color: #fff
}
.alert-danger {
background-color: #ed7876;
border-color: transparent;
border-left: 3px solid #db1c18;
color: #fff
}
.alert-danger .close, .alert-danger .alert-link {
color: #fff
}
.alert-mint {
background-color: #35bbae;
border-color: transparent;
border-left: 3px solid #1a665f;
color: #fff
}
.alert-mint .close, .alert-mint .alert-link {
color: #fff
}
.alert-purple {
background-color: #c288cc;
border-color: transparent;
border-left: 3px solid #9540a3;
color: #fff
}
.alert-purple .close, .alert-purple .alert-link {
color: #fff
}
.alert-pink {
background-color: #e96793;
border-color: transparent;
border-left: 3px solid #c81853;
color: #fff
}
.alert-pink .close, .alert-pink .alert-link {
color: #fff
}
.alert-dark {
background-color: #4f5e65;
border-color: transparent;
border-left: 3px solid #1d2428;
color: #fff
}
.alert-dark .close, .alert-dark .alert-link {
color: #fff
}
.modal {
text-align: center
}
.modal:before {
content: '';
display: inline-block;
height: 100%;
width: 0;
margin-left: -1em;
vertical-align: middle
}
.modal.fade:not(.animated) .modal-dialog {
opacity: 0;
-webkit-transform: translateY(-150%);
-ms-transform: translateY(-150%);
transform: translateY(-150%);
-webkit-transition: all .5s linear .5s;
transition: all .5s linear .5s
}
.modal.fade.in:not(.animated) .modal-dialog {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all .5s;
transition: all .5s
}
.bootbox.modal.in:not(.fade) {
opacity: 1;
transition: opacity, 0.5s
}
.bootbox.modal:not(.fade) {
opacity: 0;
-webkit-transition: opacity .5s linear .5s;
transition: opacity .5s linear .5s
}
.modal-dialog {
display: inline-block;
vertical-align: middle;
text-align: left;
margin-top: -1%;
min-width: 90%
}
.modal-dialog.animated {
-webkit-animation-duration: .7s;
animation-duration: .7s
}
.modal-header {
padding: 15px;
position: relative;
border: 0
}
.modal-header:after {
content: '';
position: absolute;
display: block;
bottom: 0;
left: 0;
right: 0;
height: 1px;
border-bottom: 1px solid rgba(0, 0, 0, 0.07)
}
.modal-footer {
background-color: transparent;
color: #2b425b;
border-color: rgba(0, 0, 0, 0.07);
border-top-left-radius: 0;
border-top-right-radius: 0
}
.modal-title {
font-size: 1.2em;
color: #2b425b
}
.modal-body {
min-height: 90px
}
.modal-body > .close, .modal-header > .close {
top: 50%;
margin-top: -0.5em;
right: 10px;
left: auto;
position: absolute;
background-color: transparent !important
}
.modal-body > .close {
top: 10px;
margin-top: 0 !important
}
.modal-content {
box-shadow: none;
border-radius: 0
}
.modal-footer {
padding: 10px 15px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.modal-backdrop.in {
opacity: .75
}
@media (min-width: 768px) {
.modal-dialog {
min-width: 0
}
}
.tooltip {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px;
z-index: 999999
}
.tooltip-inner {
font-size: 13px;
border-radius: 0;
padding: 5px 10px;
background-color: #263238
}
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
border-top-color: #263238
}
.tooltip.right .tooltip-arrow {
border-right-color: #263238
}
.tooltip.left .tooltip-arrow {
border-left-color: #263238
}
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
border-bottom-color: #263238
}
.tooltip.in {
opacity: 1
}
.tooltip h1, .tooltip h2, .tooltip h3, .tooltip h4, .tooltip h5, .tooltip h6, .tooltip .h1, .tooltip .h2, .tooltip .h3, .tooltip .h4, .tooltip .h5, .tooltip .h6 {
color: inherit
}
.popover {
font-family: inherit;
font-size: 13px;
border-radius: 0;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15)
}
.popover-title {
background-color: transparent;
color: #2b425b;
font-size: 1.2em;
font-weight: 600;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
border-radius: 0
}
.popover > .arrow {
border-width: 9px
}
.popover > .arrow:after {
border-width: 9px
}
.popover.left > .arrow {
right: -9px;
margin-top: -9px
}
.popover.left > .arrow:after {
bottom: -9px
}
.popover.right > .arrow {
left: -9px;
margin-top: -9px
}
.popover.right > .arrow:after {
bottom: -9px
}
.popover.top > .arrow {
bottom: -9px
}
.popover.top > .arrow:after {
margin-left: -9px
}
.popover.bottom > .arrow {
top: -9px
}
.popover.bottom > .arrow:after {
margin-left: -9px
}
.popover-content {
padding: 10px 15px 20px
}
#container .badge {
color: #fff;
font-size: .9em;
font-weight: 600
}
.badge:empty.badge-icon {
display: inline-block;
width: .85em;
height: .85em;
padding: 0;
min-width: 5px;
margin: .5em;
border-radius: 50%
}
.badge.badge-fw, .badge:empty.badge-fw {
margin-right: 1em
}
.badge-stat {
position: absolute;
right: 0;
top: 0;
margin: 0 7px 0 0 !important;
box-shadow: 0 0 0 2px
}
.badge-default {
background-color: #e3e8ee;
color: #333
}
.badge-primary {
background-color: #D63A2C
}
.badge-info {
background-color: #00bcd4
}
.badge-success {
background-color: #8bc34a
}
.badge-warning {
background-color: #ffa726
}
.badge-danger {
background-color: #ef5350
}
.badge-mint {
background-color: #26a69a
}
.badge-purple {
background-color: #ba68c8
}
.badge-pink {
background-color: #ec407a
}
.badge-dark {
background-color: #263238
}
.dropdown-header {
font-weight: 600;
font-size: 1.11em;
color: #2b425b;
padding: 5px 20px 5px 10px
}
.dropdown-toggle > .dropdown-caret {
display: inline-block;
width: 0;
height: 0;
margin: 0 3px;
border-style: solid;
border-width: 6px 4px 0 4px;
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
vertical-align: baseline
}
.dropdown-toggle > .dropdown-caret.caret-up {
border-width: 0 4px 6px 4px;
border-bottom-color: initial;
border-top-color: transparent
}
.dropdown-menu {
font-size: 13px;
border-radius: 0;
box-shadow: 0 5px 12px 2px rgba(0, 0, 0, 0.25);
margin: 0;
padding: 0;
border: 0
}
.dropdown-menu > li > a {
color: #2b425b
}
.dropdown-menu-right {
left: auto;
right: 0
}
.dropup .dropdown-menu {
box-shadow: 0 -5px 12px 2px rgba(0, 0, 0, 0.25)
}
.dropdown-menu:not(.head-list) > li > a {
padding: 5px 10px
}
.dropdown-menu:not(.head-list) > li > a:hover {
background-color: #D63A2C;
color: #fff
}
.dropdown-menu.with-arrow:before, .dropdown-menu.with-arrow:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
left: 0;
top: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent
}
.dropdown-menu.with-arrow:before {
border-bottom: 7px solid #d0d0d0;
margin: -7px 0 0 15px
}
.dropdown-menu.with-arrow:after {
border-bottom: 7px solid #fff;
margin: -6px 0 0 15px
}
.dropdown-menu-right.dropdown-menu.with-arrow:before {
left: auto;
right: 0;
margin: -7px 25px 0 0
}
.dropdown-menu-right.dropdown-menu.with-arrow:after {
left: auto;
right: 0;
margin: -6px 25px 0 0
}
.dropdown-menu-sm {
min-width: 220px
}
.dropdown-menu-md {
min-width: 110px;}
.dropdown-menu-lg {
min-width: 300px
}
.dropdown.open > .btn, .btn-group.open .dropdown-toggle {
box-shadow: inset 0 3px 1px rgba(0, 0, 0, 0.3)
}
.well {
background-color: #e5ebf1;
border-color: #dbe3ec;
border-radius: 0;
box-shadow: none
}
.well-xs {
padding: 5px
}
.progress {
height: 12px;
margin-bottom: 15px;
border-radius: 0;
box-shadow: none;
background-color: rgba(0, 0, 0, 0.1)
}
.progress-bar {
font-size: 10px;
background-color: #D63A2C;
line-height: 1.05em;
box-shadow: none
}
.progress-light-base {
background-color: #fff
}
.progress-dark-base {
background-color: rgba(255, 255, 255, 0.2)
}
.progress-xl {
height: 30px;
margin-bottom: 20px
}
.progress-xl .progress-bar {
font-size: 13px;
line-height: 30px
}
.progress-lg {
height: 20px;
margin-bottom: 20px
}
.progress-lg .progress-bar {
font-size: 13px;
line-height: 20px
}
.progress-md {
height: 8px;
margin-bottom: 5px
}
.progress-md .progress-bar {
font-size: 5px;
line-height: 8px
}
.progress-sm {
height: 4px;
margin-bottom: 5px
}
.progress-sm .progress-bar {
font-size: 0;
line-height: 4px
}
.progress-xs {
height: 2px;
margin-bottom: 10px
}
.progress-xs .progress-bar {
font-size: 0;
line-height: 2px
}
.progress-bar-light {
background-color: #fff
}
.progress-bar-primary {
background-color: #D63A2C
}
.progress-bar-info {
background-color: #00bcd4
}
.progress-bar-success {
background-color: #8bc34a
}
.progress-bar-warning {
background-color: #ffa726
}
.progress-bar-danger {
background-color: #ef5350
}
.progress-bar-mint {
background-color: #26a69a
}
.progress-bar-purple {
background-color: #ba68c8
}
.progress-bar-pink {
background-color: #ec407a
}
.progress-bar-dark {
background-color: #263238
}
.pager li > a:active, .pagination > li a:active {
box-shadow: inset 0 3px 1px rgba(0, 0, 0, 0.2)
}
.pager li > a:hover, .pager li > a:focus, .pagination > li a:hover, .pagination > li a:focus {
background-color: #fff;
color: #EE2A3B;
z-index: 2;
transition: border-color, 0.2s
}
.pager li > a, .pager li > span {
border-radius: 0;
border-color: #dcdcdc
}
.pager.pager-rounded li > a, .pager.pager-rounded li > span {
border-radius: 15px
}
.pager .disabled > a, .pager .disabled > span, .pager .disabled > a:hover, .pager .disabled > span:hover, .pager .disabled > a:focus, .pager .disabled > span:focus, .pagination .disabled > a, .pagination .disabled > span, .pagination .disabled > a:hover, .pagination .disabled > span:hover, .pagination .disabled > a:focus, .pagination .disabled > span:focus {
opacity: .7;
border-color: #dcdcdc;
box-shadow: none
}
.pagination > li > a, .pagination > li > span {
color: inherit;
border-color: #dcdcdc;
/*transition: border-color, 0.3s*/
}
.pagination > li > span {
cursor: default
}
.pagination > li > span:hover {
background-color: #fff
}
.pagination > li > a.active{color: #EE2A3B;}
.pagination > li:first-child > a, .pagination > li:first-child span {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.pagination > li:last-child > a, .pagination > li:last-child span {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
background-color: #EE2A3B;
border-color: #EE2A3B
}
.carousel-inner > .item {
padding-top: 15px
}
.carousel-control.left, .carousel-control.right {
background-image: none;
background-repeat: no-repeat;
color: #999
}
.carousel-control, .carousel-control:focus {
font-size: 1em;
text-shadow: none;
width: auto;
padding: 10px;
top: 0;
bottom: 0;
opacity: .5;
transition: opacity .5s
}
.carousel-control.auto-hide {
opacity: 0
}
.carousel-control:before {
content: '';
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle
}
.carousel-control i {
position: relative;
top: .25em
}
.carousel:hover .carousel-control {
opacity: 1;
transition: opacity .5s
}
.carousel-indicators.out {
bottom: 0
}
.carousel-indicators.out + .carousel-inner {
padding-bottom: 30px
}
.carousel-indicators.square li {
border-radius: 0
}
.carousel-indicators > .active {
background-color: transparent;
box-shadow: inset 0 0 0 50px;
border-color: transparent
}
.carousel-indicators > li {
border-color: inherit
}
blockquote {
border-left: 3px solid #cbd6e3
}
.bq-sm {
font-size: 13px
}
.bq-open:before, .bq-close:after {
color: #cbd6e3;
content: '\201C';
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 5em;
line-height: 0;
margin: 0 .15em 0 0;
vertical-align: -0.5em
}
.bq-close:after {
content: '\201D';
margin: 0 0 0 .15em
}
.form-horizontal .control-label {
margin-bottom: 5px
}
.form-horizontal .control-label.text-left {
text-align: left
}
.panel > .panel-heading + .panel-collapse > .panel-body {
border-top: 0
}
.panel-group {
margin-bottom: 35px
}
.panel-group.accordion .panel {
margin-bottom: 0
}
.panel-group.accordion .panel-heading {
border-radius: 0;
height: auto
}
.panel-group.accordion .panel-heading:after {
border: 0 !important
}
.panel-group.accordion .panel-heading, .panel-group.accordion .panel-title {
padding: 0
}
.panel-group.accordion .panel-title {
line-height: 40px
}
.panel-group.accordion .panel-title a {
display: block;
color: inherit;
text-transform: none;
font-size: 13px;
padding: 0 15px
}
.panel-group.accordion .panel-title a:hover, .panel-group.accordion .panel-title a:focus {
color: inherit
}
.panel-group.accordion .panel:first-child, .panel-group.accordion .panel:first-child .panel-heading {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.panel-group.accordion .panel:last-child {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
overflow: hidden
}
.tab-base {
margin-bottom: 35px
}
.tab-base .tab-content {
background-color: #fff;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
padding: 15px
}
.tab-base .tab-content .tab-footer {
background-color: #f6f8fa;
color: #2b425b;
border-color: #eff3f7;
position: relative;
margin: 0 -15px -15px -15px;
padding: 10px 15px
}
.tab-base .nav-tabs {
border: 0
}
.tab-base .nav-tabs > li {
margin-bottom: -2px
}
.tab-base .nav-tabs > li:not(.active) > a {
background-color: rgba(0, 0, 0, 0.05);
opacity: .7;
transition: opacity, 0.3s
}
.tab-base .nav-tabs > li:not(.active) > a:hover {
opacity: 1;
background-color: rgba(255, 255, 255, 0.55);
border-bottom-color: transparent;
transition: opacity, 0.3s
}
.tab-base .nav-tabs > .active > a, .tab-base .nav-tabs > .active a:hover, .tab-base .nav-tabs > .active > a:focus {
border-color: transparent
}
.tab-base .nav-tabs.tabs-right {
text-align: right
}
.tab-base .nav-tabs.tabs-right > li {
float: none;
display: inline-block;
margin-right: -2px
}
.tab-footer:after {
content: '';
display: table;
clear: both
}
.nav-tabs li a {
border-radius: 0
}
.nav-tabs.tab-right {
text-align: right
}
.nav-tabs.tab-right > li {
display: inline-block;
text-align: left;
float: none
}
.nav-tabs.tab-right > li > a {
margin-right: 0
}
.nav-tabs .label, .nav-tabs .badge {
margin-left: 4px
}
.tab-stacked-left, .tab-stacked-right {
display: table;
height: 100%;
width: 100%
}
.tab-stacked-left .nav-tabs > li, .tab-stacked-right .nav-tabs > li {
float: none;
margin: 0
}
.tab-stacked-left .nav-tabs > li > a, .tab-stacked-right .nav-tabs > li > a {
margin: 0 0 2px
}
.tab-stacked-left .nav-tabs > li:last-child > a, .tab-stacked-right .nav-tabs > li:last-child > a {
margin-bottom: 0
}
.tab-stacked-left .nav-tabs, .tab-stacked-right .nav-tabs, .tab-stacked-left .tab-content, .tab-stacked-right .tab-content {
display: table-cell;
vertical-align: top
}
.tab-stacked-left .tab-content, .tab-stacked-right .tab-content {
overflow: hidden
}
.tab-stacked-left .nav-tabs {
width: 1%;
border: 0
}
.tab-stacked-left .nav-tabs > li a {
border-right-color: transparent;
border-radius: 0
}
.tab-stacked-left .nav-tabs > .active > a:hover, .tab-stacked-left .nav-tabs > .active > a:focus {
border-right-color: transparent
}
.tab-stacked-left.tab-base .nav-tabs > li:not(.active) a:hover {
border-right-color: transparent
}
.tab-stacked-left .tab-content {
border-left-color: transparent;
border-radius: 0
}
.tab-stacked-right .nav-tabs {
width: 1%;
border: 0
}
.tab-stacked-right .nav-tabs > li a {
border-left-color: transparent;
border-radius: 0
}
.tab-stacked-right .nav-tabs > .active > a:hover, .tab-stacked-right .nav-tabs > .active > a:focus {
border-left-color: transparent
}
.tab-stacked-right.tab-base .nav-tabs > li:not(.active) a:hover {
border-left-color: transparent
}
.tab-stacked-right .tab-content {
border-right-color: transparent;
border-radius: 0
}
.bg-trans {
background-color: transparent
}
.bg-light {
background-color: #fff
}
.bg-light, .bg-light a {
color: #2b425b
}
.bg-gray-light {
background-color: #f5f6f8
}
.bg-gray-light, .bg-gray-light a {
color: #2b425b
}
.bg-gray {
background-color: #e6eaed
}
.bg-gray, .bg-gray a {
color: #2b425b
}
.bg-gray-dark {
background-color: #c8d1d8
}
.bg-gray-dark, .bg-gray-dark a {
color: #2b425b
}
.bg-trans-light {
background-color: rgba(255, 255, 255, 0.1)
}
.bg-trans-light, .bg-trans-light a {
color: inherit
}
.bg-trans-dark {
background-color: rgba(0, 0, 0, 0.05)
}
.bg-trans-dark, .bg-trans-dark a {
color: inherit
}
.bg-primary {
background-color: #D63A2C
}
.bg-primary, .bg-primary a {
color: #fff
}
.bg-info {
background-color: #00bcd4
}
.bg-info, .bg-info a {
color: #fff
}
.bg-success {
background-color: #8bc34a
}
.bg-success, .bg-success a {
color: #fff
}
.bg-warning {
background-color: #ffa726
}
.bg-warning, .bg-warning a {
color: #fff
}
.bg-danger {
background-color: #ef5350
}
.bg-danger, .bg-danger a {
color: #fff
}
.bg-mint {
background-color: #26a69a
}
.bg-mint, .bg-mint a {
color: #fff
}
.bg-purple {
background-color: #ba68c8
}
.bg-purple, .bg-purple a {
color: #fff
}
.bg-pink {
background-color: #ec407a
}
.bg-pink, .bg-pink a {
color: #fff
}
.bg-dark {
background-color: #263238
}
.bg-dark, .bg-dark a {
color: #fff
}
.text-light, a.text-light:hover, a.text-light:focus {
color: #fff
}
.text-muted, a.text-muted:hover, a.text-muted:focus {
color: #afb9c3
}
.text-primary, a.text-primary:hover, a.text-primary:focus {
color: #128ef2
}
.text-info, a.text-info:hover, a.text-info:focus {
color: #008fa1
}
.text-success, a.text-success:hover, a.text-success:focus {
color: #71a436
}
.text-warning, a.text-warning:hover, a.text-warning:focus {
color: #f29000
}
.text-danger, a.text-danger:hover, a.text-danger:focus {
color: #eb2521
}
.text-main, a.text-main:hover, a.text-main:focus {
color: #2b425b
}
.text-mint, a.text-mint:hover, a.text-mint:focus {
color: #1c7d74
}
.text-purple, a.text-purple:hover, a.text-purple:focus {
color: #a844b9
}
.text-pink, a.text-pink:hover, a.text-pink:focus {
color: #e2175b
}
.text-dark, a.text-dark:hover, a.text-dark:focus {
color: #11171a
}
.btn {
cursor: pointer;
background-color: transparent;
color: inherit;
padding: 6px 12px;
border-radius: 0;
border: 1px solid transparent;
font-size: 13px;
line-height: 1.42857;
vertical-align: middle;
transition: all .25s
}
.btn:not(.disabled):not(:disabled):active, .btn:not(.disabled):not(:disabled).active {
box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2)
}
.btn-lg, .btn-icon.btn-lg {
font-size: 17px;
line-height: 1.33
}
.btn-sm, .btn-icon.btn-sm {
font-size: 11px;
line-height: 1.5
}
.btn-xs, .btn-icon.btn-xs {
font-size: 11px;
line-height: 1.5
}
.btn-icon {
padding-left: 9px;
padding-right: 9px
}
.btn-icon > i, .btn-icon:before {
display: inline-block;
min-width: 1.05em
}
.btn-file {
position: relative;
overflow: hidden
}
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: 0;
background: white;
cursor: inherit;
display: block
}
.btn-link {
border-color: transparent
}
.btn.btn-link:focus, .btn.btn-link:active {
box-shadow: none
}
.btn-link.disabled:hover, .btn-link.disabled:focus {
text-decoration: none
}
.btn-trans {
background-color: transparent;
border-color: transparent;
color: #afb9c3
}
.btn-trans:focus, .btn-trans:active {
box-shadow: none !important
}
.btn-default-basic, .btn-default, .btn-default:focus, .btn-default.disabled:hover, .btn-default:disabled:hover, .btn-hover-default:hover, .btn-hover-default:active, .btn-hover-default.active, .btn.btn-active-default:active, .btn.btn-active-default.active, .dropdown.open > .btn.btn-active-default, .btn-group.open .dropdown-toggle.btn.btn-active-default {
background-color: #fafafa;
border-color: #d1d9de;
color: #2b425b
}
.btn-default:hover, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
background-color: #e8e8e8;
border-color: #d1d9de;
color: #2b425b
}
.btn-primary-basic, .btn-primary, .btn-primary:focus, .btn-primary.disabled:hover, .btn-primary:disabled:hover, .btn-hover-primary:hover, .btn-hover-primary:active, .btn-hover-primary.active, .btn.btn-active-primary:active, .btn.btn-active-primary.active, .dropdown.open > .btn.btn-active-primary, .btn-group.open .dropdown-toggle.btn.btn-active-primary {
background-color: #EE2A3B;
border-color: #EE2A3B;
color: #fff
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
background-color: #990405;
border-color: #990405;
color: #fff
}
.btn-info-basic, .btn-info, .btn-info:focus, .btn-info.disabled:hover, .btn-info:disabled:hover, .btn-hover-info:hover, .btn-hover-info:active, .btn-hover-info.active, .btn.btn-active-info:active, .btn.btn-active-info.active, .dropdown.open > .btn.btn-active-info, .btn-group.open .dropdown-toggle.btn.btn-active-info {
background-color: #525E86;
border-color: #525E86;
color: #fff
}
.btn-info:hover, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
background-color: #525E86;
border-color: #525E86;
color: #fff
}
.btn-success-basic, .btn-success, .btn-success:focus, .btn-success.disabled:hover, .btn-success:disabled:hover, .btn-hover-success:hover, .btn-hover-success:active, .btn-hover-success.active, .btn.btn-active-success:active, .btn.btn-active-success.active, .dropdown.open > .btn.btn-active-success, .btn-group.open .dropdown-toggle.btn.btn-active-success {
background-color: #EE2A3B;
border-color: #EE2A3B;
color: #fff
}
.btn-success:hover, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
background-color: #990405;
border-color: #990405;
color: #fff
}
.btn-warning-basic, .btn-warning, .btn-warning:focus, .btn-warning.disabled:hover, .btn-warning:disabled:hover, .btn-hover-warning:hover, .btn-hover-warning:active, .btn-hover-warning.active, .btn.btn-active-warning:active, .btn.btn-active-warning.active, .dropdown.open > .btn.btn-active-warning, .btn-group.open .dropdown-toggle.btn.btn-active-warning {
background-color: #EE2A3B;
border-color: #EE2A3B;
color: #fff
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
background-color: #990405;
border-color: #990405;
color: #fff
}
.btn-danger-basic, .btn-danger, .btn-danger:focus, .btn-danger.disabled:hover, .btn-danger:disabled:hover, .btn-hover-danger:hover, .btn-hover-danger:active, .btn-hover-danger.active, .btn.btn-active-danger:active, .btn.btn-active-danger.active, .dropdown.open > .btn.btn-active-danger, .btn-group.open .dropdown-toggle.btn.btn-active-danger {
background-color: #EE2A3B;
border-color: #EE2A3B;
color: #fff
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
background-color: #990405;
border-color: #990405;
color: #fff
}
.btn-mint-basic, .btn-mint, .btn-mint:focus, .btn-mint.disabled:hover, .btn-mint:disabled:hover, .btn-hover-mint:hover, .btn-hover-mint:active, .btn-hover-mint.active, .btn.btn-active-mint:active, .btn.btn-active-mint.active, .dropdown.open > .btn.btn-active-mint, .btn-group.open .dropdown-toggle.btn.btn-active-mint {
background-color: #EE2A3B;
border-color: #EE2A3B;
color: #fff
}
.btn-mint:hover, .btn-mint:active, .btn-mint.active, .open > .dropdown-toggle.btn-mint {
background-color: #990405;
border-color: #990405;
color: #fff
}
.btn-purple-basic, .btn-purple, .btn-purple:focus, .btn-purple.disabled:hover, .btn-purple:disabled:hover, .btn-hover-purple:hover, .btn-hover-purple:active, .btn-hover-purple.active, .btn.btn-active-purple:active, .btn.btn-active-purple.active, .dropdown.open > .btn.btn-active-purple, .btn-group.open .dropdown-toggle.btn.btn-active-purple {
background-color: #b761c5;
border-color: #ba68c8;
color: #fff
}
.btn-purple:hover, .btn-purple:active, .btn-purple.active, .open > .dropdown-toggle.btn-purple {
background-color: #ab46bc;
border-color: #ae4ebe;
color: #fff
}
.btn-pink-basic, .btn-pink, .btn-pink:focus, .btn-pink.disabled:hover, .btn-pink:disabled:hover, .btn-hover-pink:hover, .btn-hover-pink:active, .btn-hover-pink.active, .btn.btn-active-pink:active, .btn.btn-active-pink.active, .dropdown.open > .btn.btn-active-pink, .btn-group.open .dropdown-toggle.btn.btn-active-pink {
background-color: #eb3774;
border-color: #ec407a;
color: #fff
}
.btn-pink:hover, .btn-pink:active, .btn-pink.active, .open > .dropdown-toggle.btn-pink {
background-color: #e7175d;
border-color: #e92063;
color: #fff
}
.btn-dark-basic, .btn-dark, .btn-dark:focus, .btn-dark.disabled:hover, .btn-dark:disabled:hover, .btn-hover-dark:hover, .btn-hover-dark:active, .btn-hover-dark.active, .btn.btn-active-dark:active, .btn.btn-active-dark.active, .dropdown.open > .btn.btn-active-dark, .btn-group.open .dropdown-toggle.btn.btn-active-dark {
background-color: #222d32;
border-color: #263238;
color: #fff
}
.btn-dark:hover, .btn-dark:active, .btn-dark.active, .open > .dropdown-toggle.btn-dark {
background-color: #131a1d;
border-color: #181f23;
color: #fff
}
.btn-group-vertical .btn:not(.btn-default), .btn-group .btn:not(.btn-default) {
border-color: rgba(0, 0, 0, 0.09)
}
.btn-lg, .btn-group-lg > .btn, .btn-icon.btn-lg {
padding: 10px 16px
}
.btn-sm, .btn-group-sm > .btn, .btn-icon.btn-sm {
padding: 5px 10px
}
.btn-xs, .btn-group-xs > .btn, .btn-icon.btn-xs {
padding: 1px 5px
}
.btn-lg, .btn-group-lg > .btn, .btn-icon.btn-lg {
border-radius: 0
}
.btn-lg, .btn-group-sm > .btn, .btn-lg, .btn-group-xs > .btn, .btn-icon.btn-lg, .btn-icon.btn-lg {
border-radius: 0
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.btn-circle {
padding: 7px;
border-radius: 50%
}
.btn-lg.btn-circle {
padding: 17px
}
.btn-sm.btn-circle {
padding: 7px
}
.btn-xs.btn-circle {
padding: 4px
}
.btn-icon.btn-circle:before, .btn-icon.btn-circle > i {
display: block;
width: 1.4em;
height: 1.4em;
line-height: 1.4
}
.btn-rounded {
border-radius: 17px;
overflow: hidden
}
.btn-lg.btn-rounded {
border-radius: 30px
}
.btn-sm.btn-rounded {
border-radius: 15px
}
.btn-xs.btn-rounded {
border-radius: 10px
}
.btn-group.btn-rounded {
overflow: hidden
}
.btn-labeled, .btn-labeled.fa {
overflow: hidden
}
.btn-labeled:not(.btn-block):not(.form-icon) {
font-family: inherit;
font-size: 13px;
line-height: 1.42857;
padding-bottom: 0;
padding-top: 0
}
.btn-block.btn-labeled:not(.form-icon) {
font-family: inherit;
font-size: 13px;
line-height: 1.42857
}
.btn-block.btn-labeled:not(.form-icon):before {
float: left;
margin-top: -7px;
margin-bottom: -7px
}
.btn-labeled .btn-label {
background-color: rgba(0, 0, 0, 0.05);
display: inline-block;
margin-left: -12px;
margin-right: 6px;
padding: 6px 12px;
line-height: 1.42857
}
.btn-labeled:before {
background-color: rgba(0, 0, 0, 0.1);
display: inline-block;
margin-left: -12px;
margin-right: 6px;
padding: 6px 12px;
line-height: 1.42857
}
.btn-labeled.fa:before, .btn-labeled .fa:before {
font-family: fontAwesome
}
.btn-default.btn-labeled:before, .btn-default .btn-label {
background-color: rgba(0, 0, 0, 0.05);
color: inherit
}
.btn-lg.btn-labeled {
font-size: 18px;
line-height: 1.33
}
.btn-sm.btn-labeled {
font-size: 12px;
line-height: 1.5
}
.btn-xs.btn-labeled {
font-size: 12px;
line-height: 1.5
}
.btn-lg.btn-labeled:before, .btn-lg .btn-label {
margin-left: -16px;
margin-right: 10px;
padding: 10px 16px
}
.btn-lg.btn-block.btn-labeled:not(.form-icon):before {
margin-top: -10px;
margin-bottom: -10px
}
.btn-sm.btn-labeled:before, .btn-sm .btn-label {
margin-left: -10px;
margin-right: 5px;
padding: 5px 10px
}
.btn-sm.btn-block.btn-labeled:not(.form-icon):before {
margin-top: -5px;
margin-bottom: -5px
}
.btn-xs.btn-labeled:before, .btn-xs .btn-label {
margin-left: -5px;
margin-right: 1px;
padding: 1px 5px
}
.btn-xs.btn-block.btn-labeled:not(.form-icon):before {
margin-top: -1px;
margin-bottom: -1px
}
.btn-labeled.icon-2x:before, .btn-labeled .btn-label.icon-2x:before {
vertical-align: -0.15em
}
.btn-labeled.icon-3x:before, .btn-labeled .btn-label.icon-3x:before {
vertical-align: -0.18em
}
.btn-labeled.icon-4x:before, .btn-labeled .btn-label.icon-4x:before {
vertical-align: -0.2em
}
.btn-labeled.icon-5x:before, .btn-labeled .btn-label.icon-5x:before {
vertical-align: -0.25em
}
.panel {
border-radius: 0;
border: 1px solid #e7ecf3;
border-bottom: 1px solid rgba(0, 0, 0, 0.17);
margin-bottom: 15px
}
.panel hr {
border-color: rgba(0, 0, 0, 0.1)
}
.panel .panel-bg-cover {
max-height: 180px;
overflow: hidden
}
.panel .panel-bg-cover img {
min-width: 100%;
min-height: 100%;
background-size: cover
}
.panel.remove {
opacity: 0;
transition: opacity, 0.5s
}
.panel .alert {
border-radius: 0
}
.panel.panel-bg-img {
position: relative
}
.panel .panel-bg-wrap {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0
}
.panel .panel-bg-wrap > img {
position: absolute;
top: 0;
left: 0
}
.panel .panel-bg-wrap + .panel-body {
position: relative
}
.panel-media {
box-shadow: 0 -50px 20px -10px rgba(0, 0, 0, 0.2);
padding: 10px 15px 15px 140px;
position: relative
}
.panel-media-img {
position: absolute;
width: 96px;
height: 96px;
left: 20px;
top: -48px
}
.panel-media-heading {
color: #fff;
position: absolute;
top: -2.7em
}
.panel .panel-heading, .panel > :first-child {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.panel .panel-footer, .panel > :last-child {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.panel-body-full {
margin-left: -20px;
margin-right: -20px
}
.panel-body {
padding: 15px 20px 25px
}
.panel-body > .row, .panel-body > [class^="form-"] > .row {
margin: 0
}
.panel-body > .row > [class^="col-"]:first-child, .panel-body > [class^="form-"] > .row > [class^="col-"]:first-child {
padding-left: 0 !important
}
.panel-body > .row > [class^="col-"]:last-child, .panel-body > [class^="form-"] > .row > [class^="col-"]:last-child {
padding-right: 0 !important
}
.panel-body > .row > .col-xs-12, .panel-body > .row > .col-sm-12, .panel-body > .row > .col-md-12, .panel-body > .row > .col-lg-12 {
padding-right: 0
}
@media (min-width: 768px) {
.panel-body > .row > .col-sm-12 + .col-sm-12 {
padding-left: 0
}
.panel-body > .row > [class*="col-sm-"]:not(.col-sm-12) {
padding-left: 7.5px;
padding-right: 7.5px
}
}
@media (min-width: 992px) {
.panel-body > .row > .col-md-12 + .col-md-12 {
padding-left: 0
}
.panel-body > .row > [class*="col-md-"]:not(.col-md-12) {
padding-left: 7.5px;
padding-right: 7.5px
}
}
@media (max-width: 991px) {
.panel-body > .row > .col-sm-12 + [class*="col-"] {
padding-left: 0 !important
}
.panel-body > .row > [class*="col-md"], .panel-body > .row > [class*="col-lg"] {
padding-left: 0;
padding-right: 0
}
}
@media (max-width: 1199px) {
.panel-body > .row > .col-md-12 + [class*="col-"] {
padding-left: 0 !important
}
.panel-body > .row > [class*="col-lg"] {
padding-left: 0;
padding-right: 0
}
}
@media (min-width: 1200px) {
.panel-body > .row > .col-lg-12 + [class*="col-"] {
padding-left: 0
}
.panel-body > .row > [class*="col-lg-"]:not(.col-lg-12) {
padding-left: 7.5px;
padding-right: 7.5px
}
}
.panel-trans {
border-color: transparent;
box-shadow: none;
background-color: transparent
}
.panel-heading {
position: relative;
height: 50px;
padding: 0;
color: #2b425b;
}
.panel-title {
font-weight: 600;
padding: 0 20px 0 20px;
font-size: 1.2em;
line-height: 50px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.panel-default.panel-colorful {
background-color: #e3e8eb;
color: #2b425b
}
.panel-default .panel-heading {
background-color: #e3e8eb;
border-color: #f2f4f6
}
.panel-footer {
background-color: #f6f8fa;
color: #2b425b;
border-color: rgba(0, 0, 0, 0.07);
position: relative
}
.panel-primary .panel-heading, .panel-primary .panel-footer, .panel-primary.panel-colorful {
background-color: #D63A2C;
border-color: #D63A2C;
color: #fff
}
.panel-info .panel-heading, .panel-info .panel-footer, .panel-info.panel-colorful {
background-color: #00bcd4;
border-color: #00bcd4;
color: #fff
}
.panel-success .panel-heading, .panel-success .panel-footer, .panel-success.panel-colorful {
background-color: #8bc34a;
border-color: #8bc34a;
color: #fff
}
.panel-warning .panel-heading, .panel-warning .panel-footer, .panel-warning.panel-colorful {
background-color: #ffa726;
border-color: #ffa726;
color: #fff
}
.panel-danger .panel-heading, .panel-danger .panel-footer, .panel-danger.panel-colorful {
background-color: #ef5350;
border-color: #ef5350;
color: #fff
}
.panel-mint .panel-heading, .panel-mint .panel-footer, .panel-mint.panel-colorful {
background-color: #26a69a;
border-color: #26a69a;
color: #fff
}
.panel-purple .panel-heading, .panel-purple .panel-footer, .panel-purple.panel-colorful {
background-color: #ba68c8;
border-color: #ba68c8;
color: #fff
}
.panel-pink .panel-heading, .panel-pink .panel-footer, .panel-pink.panel-colorful {
background-color: #ec407a;
border-color: #ec407a;
color: #fff
}
.panel-dark .panel-heading, .panel-dark .panel-footer, .panel-dark.panel-colorful {
background-color: #263238;
border-color: #263238;
color: #fff
}
.panel > .panel-heading:after, .panel.panel-colorful > .panel-heading:after {
content: '';
display: block;
position: absolute;
height: 0;
left: 0;
right: 0;
/*border-bottom: 1px solid rgba(0, 0, 0, 0.07)*/
}
.panel-colorful > .panel-heading {
border: 0
}
.panel-default > .panel-heading:after, .panel-primary > .panel-heading:after, .panel-info > .panel-heading:after, .panel-success > .panel-heading:after, .panel-warning > .panel-heading:after, .panel-danger > .panel-heading:after, .panel-purple > .panel-heading:after, .panel-pink > .panel-heading:after, .panel-dark > .panel-heading:after {
display: none
}
.panel-bordered-default, .panel-default.panel-bordered {
border: 1px solid #bac5cd
}
.panel-bordered-primary, .panel-primary.panel-bordered {
border: 1px solid #D63A2C
}
.panel-bordered-info, .panel-info.panel-bordered {
border: 1px solid #00bcd4
}
.panel-bordered-success, .panel-success.panel-bordered {
border: 1px solid #8bc34a
}
.panel-bordered-warning, .panel-warning.panel-bordered {
border: 1px solid #ffa726
}
.panel-bordered-danger, .panel-danger.panel-bordered {
border: 1px solid #ef5350
}
.panel-bordered-mint, .panel-mint.panel-bordered {
border: 1px solid #26a69a
}
.panel-bordered-purple, .panel-purple.panel-bordered {
border: 1px solid #ba68c8
}
.panel-bordered-pink, .panel-pink.panel-bordered {
border: 1px solid #ec407a
}
.panel-bordered-dark, .panel-dark.panel-bordered {
border: 1px solid #263238
}
.panel-group .panel {
border-radius: 0;
margin-bottom: 20px
}
.panel-group > div {
padding-left: 0;
padding-right: 0
}
.panel-group > div:first-child > .panel {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px
}
.panel-group > div:last-child > .panel {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px
}
.panel-group > div + div > .panel {
margin-left: -1px
}
.panel-control {
height: 100%;
position: relative;
float: right;
padding: 0 15px
}
.panel-control:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
left: -1em;
position: relative
}
.panel-control .btn {
padding-left: 7px;
padding-right: 7px
}
.panel-control > i, .panel-control > .badge, .panel-control > label {
vertical-align: middle
}
.panel-control > .toggle-switch + label {
vertical-align: baseline
}
.panel-control .nav-tabs {
display: inline-block;
height: 40px;
margin-top: 10px;
vertical-align: bottom;
border: 0;
z-index: 1;
position: relative;
background: #fff; border-bottom: 1px solid #e1e1e1;
}
.panel-control .nav-tabs > li {
margin-top: 1px;
margin-right: 5px;
height: 100%
}
.panel-control .nav-tabs > li > a {
border-radius: 0;
margin-right: 0;
height: 100%;
line-height: 40px;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 0 15px
}
.panel-control .nav-tabs > li:not(.active) {
background-color: transparent;
opacity: .6
}
.panel-control .nav-tabs > li:not(.active) a {
border-bottom: 0 !important;
color: inherit
}
.panel-control .nav-tabs > li:not(.active) a:hover {
background-color: rgba(0, 0, 0, 0.15);
border-color: transparent
}
.panel-control .nav-tabs > .active > a {
z-index: 1; color: #EE2A3B;
border-top: 2px solid #EE2A3B;
}
.panel-control .progress {
min-width: 150px;
margin: 0;
display: inline-block;
vertical-align: middle
}
.panel-control .switchery {
margin-left: 15px;
vertical-align: middle
}
.panel-control .pager {
margin: 0;
display: inline-block;
vertical-align: middle;
border-radius: 0
}
.panel-control .pagination {
margin: 0;
border-radius: 0;
vertical-align: middle
}
.panel-control .pagination > li > a, .panel-control .pagination > li > span {
padding: 0 10px;
border: 0;
border-color: rgba(0, 0, 0, 0.09);
box-shadow: none;
height: 100%;
line-height: 30px
}
.panel-control .pagination > li:not(.active):not(.disabled) > a:hover {
background-color: rgba(0, 0, 0, 0.05);
border-color: rgba(0, 0, 0, 0.09)
}
.panel-control .pagination > .disabled > a, .panel-control .pagination > .disabled > a:hover, .panel-control .pagination > .disabled > a:active {
border-color: rgba(0, 0, 0, 0.09)
}
.panel-control .pagination > li:not(.active) > a, .pagination > li > a {
background-color: #fff;
color: inherit
}
.panel-control .pagination > li > a:hover, .pagination > li > a:focus {
box-shadow: none
}
.panel-control .btn, .panel-control .dropdown-toggle.btn {
border: 0
}
.panel-control .open > .btn, .panel-control .btn.active, .panel-control .btn:active {
box-shadow: none !important
}
.panel-control .btn-default {
background-color: transparent;
color: inherit
}
.panel-control > .btn:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.panel-control > .btn:last-child, .panel-control > .btn-group:last-child > .btn:first-child {
border-bottom-right-radius: 0
}
.table-toolbar-left, .table-toolbar-right {
text-align: center;
padding-bottom: 10px
}
.table-toolbar-right > .form-group {
display: inline-block;
vertical-align: top;
margin: 0
}
@media (min-width: 760px) {
.table-toolbar-left {
float: left;
text-align: left
}
.table-toolbar-right {
text-align: right
}
}
.pos-rel {
position: relative
}
.pos-abs {
position: absolute
}
.pos-fix {
position: fixed
}
.pos-sta {
position: static
}
.list-group-striped > li:nth-child(odd), .list-group-striped > a:nth-child(odd):not(.active):not(.disabled) {
background-color: rgba(0, 0, 0, 0.06)
}
.list-divider {
border-top: 1px solid rgba(0, 0, 0, 0.1);
margin: 15px 0;
height: 1px
}
.list-header {
font-weight: 300;
padding: 10px 15px;
position: relative
}
.list-item-sm {
padding: 5px 15px
}
.list-item-lg {
padding: 15px
}
.list-item-xl {
padding: 20px 15px
}
.box-block {
display: block
}
.box-inline {
display: inline-block
}
.box-vmiddle {
display: inline-block;
max-width: 500px;
vertical-align: middle;
margin-bottom: 15px
}
.box-vmiddle-wrap:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-left: -15px
}
.bord-no {
border: 0 !important
}
.bord-all {
border: 1px solid #e9e9e9
}
.bord-top {
border-top: 1px solid #e9e9e9
}
.bord-btm {
border-bottom: 1px solid #e9e9e9
}
.bord-lft {
border-left: 1px solid #e9e9e9
}
.bord-rgt {
border-right: 1px solid #e9e9e9
}
.bord-ver {
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9
}
.bord-hor {
border-right: 1px solid #e9e9e9;
border-left: 1px solid #e9e9e9
}
.text-thin {
font-weight: 300
}
.text-normal {
font-weight: normal
}
.text-semibold {
font-weight: 600
}
.text-bold {
font-weight: 700
}
.text-5x, .text-4x, .text-5x, .text-2x, .text-lg, .text-sm, .text-xs {
line-height: 1.25;
font-size: 4em
}
.text-4x {
font-size: 4em
}
.text-3x {
font-size: 3em
}
.text-2x {
font-size: 2em
}
.text-lg {
font-size: 1.2em
}
.text-sm {
font-size: .9em
}
.text-xs {
font-size: .8em
}
.text-overflow {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.text-unit {
font-size: 15px;
vertical-align: top;
line-height: 1.5em
}
.unselectable {
cursor: default;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none
}
.unselectable ::selection {
background-color: transparent;
color: inherit
}
.unselectable ::-moz-selection {
background-color: transparent;
color: inherit
}
.text-justify {
text-align: justify
}
.text-justify:after {
content: '';
display: inline-block;
width: 100%
}
@media (min-width: 1200px) {
.text-lg-right {
text-align: right
}
.text-lg-center {
text-align: center
}
.text-lg-left {
text-align: left
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.text-md-right {
text-align: right
}
.text-md-center {
text-align: center
}
.text-md-left {
text-align: left
}
}
@media (min-width: 768px) and (max-width: 992px) {
.text-sm-right {
text-align: right
}
.text-sm-center {
text-align: center
}
.text-sm-left {
text-align: left
}
}
@media (max-width: 760px) {
.text-xs-right {
text-align: right
}
.text-xs-center {
text-align: center
}
.text-xs-left {
text-align: left
}
}
.icon-wrap {
display: inline-block;
padding: 10px;
border-radius: 2px
}
.icon-wrap i {
display: block;
line-height: 1em;
text-align: center;
position: relative;
width: 1em;
padding-top: 1em;
vertical-align: middle
}
.icon-wrap i:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.icon-wrap .icon-txt {
display: block;
line-height: 1em;
text-align: center;
position: relative;
width: 1em;
vertical-align: top
}
.icon-wrap-lg {
padding: 20px
}
.icon-wrap-md {
padding: 17px
}
.icon-wrap-sm {
padding: 12px
}
.icon-wrap-xs {
padding: 7px
}
.icon-circle {
border-radius: 50%
}
.icon-fw {
width: 1.33em;
margin-right: 4px;
text-align: center
}
.icon-hg{text-align: center;width: 100%; display: block;
font-size: 50px;}
.icon-lg {
font-size: 1.333em;
line-height: 1.095em;
vertical-align: middle
}
.icon-2x {
font-size: 2em;
line-height: 1em
}
.icon-3x {
font-size: 3em;
line-height: 1em
}
.icon-4x {
font-size: 4em;
line-height: 1em
}
.icon-5x {
font-size: 5em;
line-height: 1em
}
.img-mar {
margin: 5px
}
.img-border {
box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1)
}
.img-border-light {
box-shadow: 0 0 0 4px #fff
}
.img-xs {
width: 32px;
height: 32px
}
.img-md {
width: 64px;
height: 64px
}
.img-sm {
width: 46px;
height: 46px
}
.img-lg {
width: 96px;
height: 96px
}
.img-holder img {
max-width: 100%;
border-radius: 0
}
.mar-no {
margin: 0 !important
}
.mar-all {
margin: 15px
}
.mar-top {
margin-top: 15px
}
.mar-btm {
margin-bottom: 15px
}
.mar-lft {
margin-left: 15px
}
.mar-rgt {
margin-right: 15px
}
.mar-hor {
margin-left: 15px;
margin-right: 15px
}
.mar-ver {
margin-top: 15px;
margin-bottom: 15px
}
.pad-no {
padding: 0 !important
}
.pad-all {
padding: 15px
}
.pad-top {
padding-top: 15px
}
.pad-btm {
padding-bottom: 15px
}
.pad-lft {
padding-left: 15px
}
.pad-rgt {
padding-right: 15px
}
.pad-hor {
padding-left: 15px;
padding-right: 15px
}
.pad-ver {
padding-top: 15px;
padding-bottom: 15px
}
a.disabled-link, a.disabled-link:visited, a.disabled-link:active, a.disabled-link:hover {
color: #aaa !important;
cursor: default
}
.eq-height, .eq-height.eq-auto {
display: table;
table-layout: fixed;
height: 100%;
margin-bottom: 0;
width: 100%
}
.eq-height.eq-auto {
table-layout: auto
}
.eq-height .eq-box-xs {
display: table-cell;
height: 100%;
vertical-align: top;
float: none
}
.eq-height > * > .panel {
display: table;
table-layout: fixed;
height: 100%;
width: 100%
}
.eq-height [class*="eq-box"].eq-no-panel {
padding-bottom: 0
}
.eq-min-width {
width: 1%
}
.eq-no-panel:after {
content: '';
display: table;
width: 100%;
table-layout: fixed
}
@media (min-width: 1200px) {
.eq-height .eq-box-lg {
display: table-cell;
height: 100%;
vertical-align: top;
float: none;
padding-bottom: 15px
}
.eq-height .eq-box-lg .panel {
margin-bottom: 0
}
}
@media (min-width: 992px) {
.eq-height .eq-box-md {
display: table-cell;
height: 100%;
vertical-align: top;
float: none;
padding-bottom: 15px
}
.eq-height .eq-box-md .panel {
margin-bottom: 0
}
}
@media (min-width: 768px) {
.eq-height .eq-box-sm {
display: table-cell;
height: 100%;
vertical-align: top;
float: none;
padding-bottom: 15px
}
.eq-height .eq-box-sm .panel {
margin-bottom: 0
}
}
#container .table td.table_operation{text-align: center;}
td.table_operation a{text-decoration: none;color:#24609e; white-space: nowrap;}
.tree-h4{ margin: 0;
line-height: 35px;
font-size: 16px;
color: #fff;
background-color: #64757d;
text-align: center;}
.clear{clear: both;}
/*密码强弱提示*/
.pw-check .one,.pw-check .three,.pw-check .two{color:#666;width:52px;display:inline-block;text-align:center}
.pw-xian{display:inline-block;width:52px;height:8px;background:#eee}
.pw-check-enough .one .pw-xian,.pw-check-medium .one .pw-xian{background:#E33006}
.pw-check-medium .two .pw-xian{background:#69C4D1}
.pw-check-strong .one .pw-xian{background:#E33006}
.pw-check-strong .two .pw-xian{background:#69C4D1}
.pw-check-strong .three .pw-xian{background:#58BB50}
/*ware*/
.edui-default .edui-editor-iframeholder{width: auto!important;}
.edit-ware-main .tipbox{padding: 20px; border: 1px solid #e1e1e1;}
.edit-ware-main .tipbox .fl{float: left;}
.edit-ware-main .tipbox .fr{float: right; margin-right: 20px;}
.sortableClass { cursor: all-scroll;
border: 1px solid #fff;
padding: 1px;
margin: 1px; list-style: none;position: relative;}
ul.sortableClass{padding-left: 0;}
.sortableClass .sortableClass .sortableClass{margin-left: 20px;}
.h-200{height: 200px;}
.wareitem{ margin: 20px 0 0;
border: 1px solid #dcdcdc;padding: 20px;}
.wareitem a{margin-right: 20px;padding: .2em .6em .3em;}
.wareitem a i{margin-right: 6px;}
.wareitem .glyphicon{margin-right: 6px;}
.wareitem input[type="checkbox"]{}
.wareitem .cs-info{margin-top: 10px;overflow: hidden;}
.wareitem .cs-info .input-group{ width: 30%;
float: left;
margin-right: 2%}
.wareitem img.phone-icon{width: 18px;
position: relative;
top: -8px;}
.addbtns{margin: 20px 0;}
.addbtns .btn{margin-right: 20px;}
.add-btns-min{background: #fff;}
.edit-ware-main .section h1 .fr a{margin-left: 0;padding: 3px 8px;}
.edit-ware-main .section h1 .fr a:hover{color: #fff;}
.add-btns-min a{margin-left: 0;padding: 3px 20px;}
.edit-ware-main .btn i{margin-right: 6px;}
.edit-ware-main{margin-top: 20px;}
.edit-ware-main .section{padding:20px 0 0;}
.edit-ware-main .section h1{ font-size: 14px;
padding: 20px;
margin: 0;
background: rgba(79, 95, 111, 0.2);}
.edit-ware-main .section .section-t{background: #e5e5e5;color: #333;}
.edit-ware-main .section h1 span.tname{margin-right: 10px;}
.edit-ware-main .section h1 input{font-size: 14px;
padding: 10px; width: 50%; color: #333;
border: 1px solid #e1e1e1;}
.edit-ware-main .section h1 input::-webkit-input-placeholder{color: #9DA0A4;}
.edit-ware-main .section h1 input::-moz-placeholder{color: #9DA0A4;}
.edit-ware-main .section h1 input:-moz-placeholder{color: #9DA0A4;}
.edit-ware-main .section h1 input:-ms-input-placeholder{color: #9DA0A4;}
.edit-ware-main .section h1 .fr{font-size: 14px;float: right;}
.edit-ware-main .section h1 .fr a[type="button"]{ margin-left: 1em;
padding: .2em .6em .3em;
}
.edit-ware-main .section h1 .fr a i{margin-right: 6px;}
.good_item{position: relative;
border: 1px solid #e1e1e1;
padding: 30px 10px 10px 30px; margin-bottom: 20px;}
.good_item a{position: absolute;right:0;top:0;display: block; width: 20px;
height: 20px;
line-height: 20px;text-align: center;color: #fff;background: #ff2400; font-size: 16px;}
.good_item div{line-height: 26px;display: inline-block;margin-right: 1em;}
.good_item span{position: absolute;left: 0;top: 0;padding: 1px 6px;}
.good_item span.c-down{background: #eee;color: #aaa;}
.good_item span.c-green{background: #57c6ae;color: #fff;}
.sortable-placeholder{border: 1px dashed #e1e1e1;padding:15px;}
.fl{float: left;}
.fr{float: right;}
.po-del{position: absolute;top: 0;right:0;}
.decorate-span{ padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: #555; border: 1px solid #e1e5ea;
background-color: #e9e9e9;
border-radius: 0;
min-width: 45px;
text-align: center; display: table-cell;}
/**/
.edui-default .edui-editor{width:auto!important;}
/*题型*/
.question_type_00,.question_type_01,.question_type_02,.question_type_03,.question_type_04,.question_type_05,.question_type_06{
border-radius: 4px; height: 24px;
margin-top: 8px;
margin-right: 8px;
display: inline-block;
color: #fff;
padding: 3px 6px;
float: left;
font-size: 12px;}
.question_type_00{background:rgba(248,181,81,0.1);color: #F8B551;}
.question_type_01{background:rgba(35,166,234,0.1);color: #0079E9;}
.question_type_02{background:rgba(244, 210, 20, 0.1);color: #f4d214;}
.question_type_03{background:rgba(227, 126, 148, 0.1);color: #e37e94;}
.question_type_04{background: rgba(74, 227, 165, 0.1);color: #4ae3a5;}
.question_type_05{background:rgba(234, 128, 16, 0.1);color: #ea8010;}
.question_type_06{background:rgba(234, 67, 78, 0.1);color: #ea434e;}
.question_item_manage{ border: 1px solid #e1e1e1; margin-top: 7px;cursor: all-scroll;
margin-bottom: 10px;background: #fff; position: relative;}
.question_item_manage h2{
margin: 0;
font-size: 14px;
line-height: 26px;
padding-left: 8px;}
.question_main{padding: 8px;clear: both; margin-left: 36px;}
.question_item_manage .question_t{ font-size: 14px;
color: #000;
line-height: 24px;
float: left;
margin-left: 8px;
max-width: 62%;
margin-top: 8px;
}
.question_item_manage .question_t pre{white-space: pre-wrap;
word-wrap: break-word; max-width: 99%;}
.question_item_manage .question_t p{margin: 0;word-wrap: break-word;}
.question_main ul{list-style: none; padding: 0;}
.limit_pic{overflow: hidden;}
.limit_pic span{width: 100px;cursor: pointer;display: block;position: relative; float: left;
margin-right: 20px;}
.limit_pic span img{width: 100%;height: auto; cursor: -webkit-zoom-in; cursor:zoom-in;}
.limit_pic span a{position: absolute;right: 0;top:0;line-height: 20px;
display: block;width: 20px;height: 20px;color:#fff;background: #ff2400;text-align: center;}
.limit_pic span a:hover{background: #c62300; }
.question_num{margin-left: 10px;
line-height: 24px;
height: 24px;
padding: 9px 0;
float: left;}
.question_main .picbox{ margin-bottom: 20px; overflow: hidden;}
.add-choice-question-item .shift_td .ques_pic{width: 44px;height: 32px;overflow: hidden;position: absolute;top:42px;opacity: 0;}
.add-choice-question-item .ques-pic-show{width: 80%;}
.add-choice-question-item table.table td{border-top: none!important;}
.item-upres-video{padding-bottom: 20px; position: relative;}
.item-upres-video div[video-player]{height:300px;}
.item-upres-video span.file{line-height: 30px;margin-bottom: 20px;}
.item-upres-video a.btn-icon{position: absolute;right: 0;top: 0;}
.judge_result label{margin-left: 4px;margin-right: 12px;}
.choose_line pre{ white-space: pre-wrap;
word-wrap: break-word;
display: inline-block;
margin: 0;
max-width: 90%;}
.choose_line{margin-top: 5px; margin-bottom: 5px; color: #666;list-style: none;border: none;}
.question_main .choose_line{padding-bottom: 0;}
.question_main .choose_line::after{display: none;}
.choose_line div{ display: inline-block;}
.choose_line p{ display: inline-block;}
.l_h_34{line-height: 34px;}
.s-score{position: absolute; right: 10px; top: 10px;}
/*弹出大图预览*/
.bigpicmain{position: fixed;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.6);
z-index: 99999;}
.bigpicmain a.left,.bigpicmain a.right{position: absolute;display: block;width: 60px;height: 60px; top: 0; bottom: 0;
margin: auto;border-radius: 50%;color: #fff; line-height: 60px;
text-align: center;font-size: 20px;}
.bigpicmain a.left{background:#40505f;left: 30px; }
.bigpicmain a.right{background:#40505f;right: 30px; }
.bigpicmain a.left:hover,.bigpicmain a.right:hover{background-color:#4f5f6f;}
.bigpicmain-box{ position: absolute; display: table;
text-align: center;
width: 600px;
height: 600px;
top: 0;
bottom: 0;
margin: auto!important;
left: 0;
right: 0;}
.bigpicmain-box a{position: absolute;width: 30px;height: 30px;color:#fff;background: #ff2400;text-align: center; right: 0;
line-height: 30px;
border-radius: 50%;
font-size: 16px;
font-weight: bold; opacity: 1;}
.bigpicmain-box a:hover{color:#fff;background: #eb2400;opacity: 1;}
.bigpicmain-box .box{display: table-cell;
vertical-align: middle;}
.bigpicmain-box .box img{ max-width: 100%;}
.bigpicmain-box div{display: table-cell;
vertical-align: middle;}
.bigpicmain-box div img{ max-width: 100%;cursor: zoom-out;}
.choose-tag .tag{margin-right: 10px;}
/**/
.imgbox{overflow: hidden;position: relative;}
.imgbox img{width: 100%;min-height: 100%;}
.ztb-info{overflow: hidden;padding: 20px;position: relative;}
.ztb-info .po-info{position: absolute; right: 40px; top:88px;}
.ztb-info .po-info h6{font-size: 12px;margin-left: 20px;color: #7d8790;}
.ztb-info .po-info p{float: left;font-size: 16px;margin: 0 20px;line-height: 26px;}
.ztb-info .imgbox{width: 310px;height: 200px;float: left;}
.ztb-info .item-info{float: left;padding: 10px 10px 20px 20px;}
.ztb-info .item-info h1{font-size: 18px;}
.ztb-info .item-info p.tags{margin: 16px 0;}
.ztb-info .btn-box{position: absolute; right: 40px;
bottom: 110px;}
.ztb-info .btn-box button{border-radius: 50px;height: 35px; border: 1px solid;
background: transparent;
padding: 0 30px;}
.ztb-filter{text-align: center;}
.ztb-filter a.active{background: #EE2A3B;color: #fff;}
.choose-course-list{padding: 10px 10px 20px;}
.choose-course-list .course-item{float: none; background: rgba(245, 247, 248, 0.4);padding: 20px;width: auto;
overflow: hidden;}
.choose-course-list .course-item:hover{top:0;}
.choose-course-list .course-item .imgbox{float: left;}
.choose-course-list .course-item .imgbox span.label{position: absolute;font-size:12px;color: #fff;padding:6px 8px;right: 12px;bottom: 10px;
background: rgba(0,0,0,0.5);border-radius: 2px;}
.choose-course-list .course-item .item-info{border: none;float: left;margin-left: 10px; padding-bottom: 0;}
.choose-course-list .course-item button{ margin: 10px auto 0;}
.choose-course-list .course-item p.tags{margin-top: 15px;}
.course-item .imgbox{width: 280px;height: 150px; border-radius: 4px;}
.course-item .imgbox span.label{position: absolute;font-size:12px;color: #fff;padding:6px 8px;right: 12px;bottom: 10px;
background: rgba(0,0,0,0.5);border-radius: 2px;}
.course-item .item-info{}
.course-item button{
/*background: transparent;border: 1px solid;*/
padding: 0 30px;text-align: center;
height:36px;line-height:36px;border-radius:18px; margin: 10px auto 0;font-size: 14px;}
.item-info{padding: 10px 10px 20px 10px;}
.item-info p{ color: #9a9a9a;font-size: 12px; margin: 0 0 5px;}
.item-info i{color: #c81d23;font-style: normal;margin-right: 4px;}
.item-info p span{margin-right: 10px;}
.item-info h1{color: #333744; margin: 0 0 10px 0;font-size: 16px;}
.score-info{position: relative;color: #9a9a9a;overflow: hidden; margin: 20px 0 0;}
.score-info span{float: left;}
.score-info div.star-show{float: left;margin-right: 10px; position: relative; top: -2px;}
.pop-tree .tree-list{height: 230px;}
.stb-info { padding: 20px; }
.stb-info .stb-item { float: none; overflow: hidden; margin: 0; width: 100%; cursor: default; min-width: 850px;}
.stb-item { float: left; width: 550px; margin: 10px; cursor: pointer; position: relative; }
.stb-item .imgbox { width: 265px; height: 170px; float: left; }
.imgbox { overflow: hidden; position: relative; background: url("/img/ico.png") no-repeat center rgba(247,250,252,1);}
.imgbox img { min-height: 100%; width: 100%; }
.stb-info .stb-item .item-info { width: auto; max-width: 850px; padding: 0 10px 20px 20px; }
.stb-item .item-info { float: left; height: 170px; width: 280px; }
.item-info {padding: 10px 0 10px 0;}
.stb-info .stb-item .item-info h1 { margin: 0 0 12px 0; }
.stb-item .item-info h1 { margin: 10px 0 10px 0; }
.course-table { padding: 20px; }
.max_w_80{max-width: 80%;}
.popbg{height: 100%;width: 100%;position: fixed;background: rgba(0,0,0,0.7);top:0;left: 0; z-index: 99;}
.fix-minh{min-height: 587px;}
.tag [data-role="remove"]:after {
content: "x";
font-size: 12px;
font-weight: bold;
padding: 0 2px;
}
.tag{margin: 0 2px 0 0;}
.dl-horizontal dt{width: 240px;line-height: 26px; font-size: 14px;}
.dl-horizontal dd{margin-left: 260px;line-height: 26px; font-size: 14px;}
#mainnav-menu li.f-menu .first-a{color: #fff;}
.tk-item{border: 1px solid #d7d7d7;padding: 10px;position: relative;margin-bottom: 20px;}
.tk-item ul{list-style: none;padding: 0; margin-top: 20px;}
.tk-item ul li{ margin-bottom: 10px;}
.tk-item ul li select{display: inline-block;width:auto;}
.tk-item ul li input.form-control{width:125px;display: inline-block;}
.tk-item .showdtl{ position: absolute;
right: 3em;
top: 1.5em;}
.tk-item .form-group .col-sm-6{padding-left: 0;}
.tk-item .form-group{margin-top: 10px;}
.tk-item .form-group input.form-control{ width: 150px;
display: inline-block;}
.tk-item .p-del-btn{ position: absolute;
top: 0;
right: 0;
background: red;
border: none;
color: #fff;
/* border-radius: 50%; */
padding: 0;
display: block;
width: 20px;
height: 20px;
line-height: 22px;}
.config_left{position:absolute;left:0;top:0;width:160px;border: 1px solid #eee; list-style: none;padding-left: 0;}
.tags span {
padding: 2px 10px; margin-left: 10px; font-size: 12px;
color: #fff;margin-right: 0!important;
}
.tags span:nth-child(n+1) {
background-color: #ca191a;
}
.tags span:nth-child(n+2) {
background-color: #f19b2a;
}
.tags span:nth-child(n+3) {
background-color: #535f87;
}
.tags span:nth-child(n+4) {
background-color: #35aa61;
}
.tags span:nth-child(n+5) {
background-color: #aa3da5;
}
.courseinfo {
position: relative;
background: #fff;
padding: 20px;
overflow: hidden;
width: 100%; margin: 30px 0;
}
.courseinfo .fl h1 {font-size: 22px;margin: 0;color: #333;}
.courseinfo .fl .mations{padding: 0;}
.courseinfo .fl .mations span {
color: #A8AFB5;
margin-right:30px;
height: 50px;
line-height: 50px;
float: left; font-size: 14px; padding-right:30px;position: relative;
}
.courseinfo .fl .mations span::after{content: "";width: 1px;height: 20px;background: #eee;position: absolute;right: 0; top: 16px;}
.courseinfo .fl .mations span:last-child::after{display: none;}
.courseinfo .fl .mations span span{padding: 0;}
.courseinfo .fl .mations span span::after{display: none;}
.courseinfo .c_progress {
position: absolute;
right: 35px;zoom: 0.8;
width: 110px;
}
.courseinfo .c_progress p {text-align: center;margin-top: 8px;color: #A8AFB5;}
.coursemain .w850{position: relative;}
.coursemain section.warelist {padding: 0 20px 15px 20px;}
.coursemain section.card{ margin-top: 52px; padding-top: 1px; background: #fff;}
.coursemain section.card h3{margin: 0;font-size: 16px;line-height: 50px;height: 50px;}
.coursemain {margin-top: 20px;}
.coursemain section.intbox{ margin-top: 0; padding: 65px 20px 15px 20px;}
.box {width: 1200px;}
.fixnav {
list-style: none;
overflow: hidden;
padding: 0; position: absolute;
background: #fff;
width: 848px;
z-index: 1000;
}
.fixnav li.active a {
cursor: default;
}
.s_title {
height: 50px;
line-height: 50px;
border-bottom: 1px solid #eaebed;
}
.s_title h1 {
display: inline-block;
font-size: 16px;
padding-left: 20px;
margin: 0;color: #2a343e;
}
.teacherinfo {
padding: 20px;
}
.teacherinfo dl {
position: relative;
}
.teacherinfo dl dt {
width: 90px;
height: 90px;
border-radius: 50px;
border: 1px solid #f3f3f3;
margin: auto;}
.teacherinfo dl dd {
margin-bottom: 10px;
color: #999;text-align: justify;
}
.teacherinfo dl dd.name {
font-size: 20px;
color: #333; text-align: center;
}
.teacherinfo p:last-child {
color: #999;
}
.btn-main{ background: #EE2A3B;
color: #fff;
}
.btn-main:hover{ background:#990405
color: #fff;
}
.warelist .wareline {
position: relative;
padding: 15px 25px;
overflow: hidden;background: #f5f7f8;margin-bottom: 15px;
}
.warelist .wareline p i.icon-play{background: url("/images/ztb/play.png") no-repeat left;}
.warelist .wareline p i.icon-edit{background: url("/images/ztb/test.png") no-repeat left;}
.warelist .wareline:hover p i.icon-play{background: url("/images/ztb/play_dwn.png") no-repeat left;}
.warelist .wareline:hover p i.icon-edit{background: url("/images/ztb/test_dwn.png") no-repeat left;}
.warelist .chapter {
list-style: none;
padding: 0;
}
.warelist .chapter li{}
.warelist .chapter li li{margin-bottom: 0;border-bottom: none;}
.warelist .chapter li h1 {
margin: 0;
/* background: #f3f3f3; */
padding: 10px 10px;
font-size: 14px;
font-weight: bold;height: 50px;
line-height:30px;
}
.warelist .chapter li h1 .shift-xo{float: right;}
.warelist .chapter li h1 .shift-xo:hover i{color: #000;}
.warelist .chapter li h2 {
margin: 0;
padding: 10px 10px; font-weight: bold;
font-size: 14px;
/*padding-left: 25px;*/
color: #555;
}
.warelist .chapter li h1 i {
color: #a6a6a6;
margin-right: 10px;
}
.warelist .chapter li .warelinebox {
list-style: none;
padding: 0; background: #fcfcfc;
}
.w850 {
width: 850px;
}
.w300 {
width: 300px;
}
.date {
font-size: 12px;
color: #a8afb5;
}
.warelist .wareline:hover{background: #faf1f1;}
.warelist .wareline:hover p,.coursemain section.warelist .wareline:hover p i{color: #EE2A3B;}
.wareline p {
display: inline-block;
width: 60%;
overflow: hidden;
word-wrap: break-word;
white-space: nowrap;
text-overflow: ellipsis;font-size: 16px;
float: left;
color: #354052;
}
.wareline p i {
margin-right: 6px;
padding: 10px 7px;
}
.wareline button {
display: none;
height: 32px;
float: right;
border-radius: 15px;
background: linear-gradient(90deg,rgba(255,129,74,1),rgba(255,15,71,1));
color: #fff;
line-height: 32px;
border: none;
padding: 0 10px;
position: absolute;
top: 12px;
right: 20px; z-index: 10;
}
.wareline button:hover{background: linear-gradient(0deg,rgba(255,129,74,1),rgba(255,15,71,1))}
.wareline button.gary-btn{background: #ddd;}
.wareline button i {
margin-right: 4px;
}
.wareline .btn:focus {
outline: none;
}
.wareline span {
/*color: #999;*/
font-size: 12px;
float: left;
margin-left:0;
}
.wareline:hover button {
display: block;
}
.fix-cover{background:rgba(0,0,0,0.7);position: fixed;width: 100%;height: 100%;top:0;left: 0; z-index: 1001;}
.popplay{background: #fff; width:850px;
height: 532px;}
.magic {
position: absolute;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.popplay a.close{ position: absolute;
right: -40px;
top: -40px; font-size: 26px;
line-height: 40px;
color: #888;
background: #fff;
opacity: 1;
width: 40px;
text-align: center;
border-radius: 50%;}
.card {position: relative; background: #fff; margin-bottom: 20px; }
/*问卷css*/
.qu_item{padding:10px 20px;background-color: #fff;margin-bottom: 20px;}
.qu_item p{font-size:16px;}
.qu_item ul,.qu_item ul li{list-style: none;}
.qu_item ul{padding-left:10px;}
.qu_item ul li{position:relative;padding: 8px 300px 8px 10px;font-size:14px; margin:5px 0;}
.qu_item ul li i{position:absolute;left:5px;width:16px;height:16px;border-radius: 12px;border:1px solid #ccc;top:10px;}
.qu_item ul li i.cbox{border-radius:0;}
.qu_item ul li i.sel{background-color: #fff;border:4px solid #D63A2C;}
.qu_item ul li>span{position:absolute;right:0;width:290px;height:6px;top:15px;}
.qu_item ul li>span span{border:1px solid #eee;display: block;float:left;height:6px;}
.qu_item ul li:nth-child(5n+1)>span .p{border:none;background-color:#ca191a;}
.qu_item ul li:nth-child(5n+2)>span .p{border:none;background-color:#f19b2a;}
.qu_item ul li:nth-child(5n+3)>span .p{border:none;background-color:#535f87;}
.qu_item ul li:nth-child(5n+4)>span .p{border:none;background-color:#35aa61;}
.qu_item ul li:nth-child(5n+5)>span .p{border:none;background-color:#aa3da5;}
.qu_item ul li>span b{float:right;font-size: 12px;color:#999;position: relative;top:-5px;}
.qu_item .quchart{padding:30px 20px 0;}
.qu_item .quchart .cmain{float:left;width:50px;margin: 0 10px;height:250px;text-align: center;}
.qu_item .quchart .cmain>span{display: block;line-height: 30px;}
.qu_item .quchart .cmain>div{height:220px;position:relative;background-color: #eee;}
.qu_item .quchart .cmain>div div{position: absolute;width:100%;bottom: 0;left:0;}
.qu_item .quchart .cmain>div div span{line-height: 20px;heihgt:20px;position: absolute;top:-20px;left:0;width:100%;}
/*bootstrap-table*/
.bootstrap-table .table{margin-bottom:0!important;border-collapse:collapse!important}
.bootstrap-table .table:not(.table-condensed),.bootstrap-table .table:not(.table-condensed)>tbody>tr>th,.bootstrap-table .table:not(.table-condensed)>tfoot>tr>th,.bootstrap-table .table:not(.table-condensed)>thead>tr>td,.bootstrap-table .table:not(.table-condensed)>tbody>tr>td,.bootstrap-table .table:not(.table-condensed)>tfoot>tr>td{padding:8px}.bootstrap-table .table.table-no-bordered>thead>tr>th,.bootstrap-table .table.table-no-bordered>tbody>tr>td{border-right:2px solid transparent}.fixed-table-container{position:relative;clear:both;border:1px solid #e9e9e9}
.fixed-table-container.table-no-bordered{border:1px solid transparent}
.fixed-table-footer,.fixed-table-header{overflow:hidden}
.fixed-table-footer{border-top:1px solid #e9e9e9}
.fixed-table-body{overflow-x:auto;overflow-y:auto;height:100%}
.fixed-table-container table{width:100%}
.fixed-table-container thead th{height:0;padding:0;margin:0;border-left:1px solid #e9e9e9}
.fixed-table-container thead th:focus{outline:0 solid transparent}
.fixed-table-container thead th:first-child{border-left:0}
.fixed-table-container thead th .th-inner,.fixed-table-container tbody td .th-inner{padding:8px;line-height:24px;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fixed-table-container thead th .sortable{cursor:pointer;background-position:right;background-repeat:no-repeat;padding-right:30px}
.fixed-table-container thead th .both{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7XQMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC')}
.fixed-table-container thead th .asc{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==')}
.fixed-table-container thead th .desc{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII=')}
.fixed-table-container th.detail{width:30px}
.fixed-table-container tbody td{border-left:1px solid #e9e9e9}
.fixed-table-container tbody tr:first-child td{border-top:0}
.fixed-table-container tbody td:first-child{border-left:0}
.fixed-table-container tbody .selected td{background-color:#f5f5f5}
.fixed-table-container .bs-checkbox{text-align:center}
.fixed-table-container .bs-checkbox .th-inner{padding:8px 0}
.fixed-table-container input[type="radio"],.fixed-table-container input[type="checkbox"]{margin:0 auto!important}
.fixed-table-container .no-records-found{text-align:center}
.fixed-table-pagination div.pagination,.fixed-table-pagination .pagination-detail{margin-top:10px;margin-bottom:10px}
.fixed-table-pagination div.pagination .pagination{margin:0}
.fixed-table-pagination .pagination a{padding:6px 12px;line-height:1.428571429}
.fixed-table-pagination .pagination-info{line-height:34px;margin-right:5px}
.fixed-table-pagination .btn-group{position:relative;display:inline-block;vertical-align:middle}
.fixed-table-pagination .dropup .dropdown-menu{margin-bottom:0}
.fixed-table-pagination .page-list{display:inline-block}
.fixed-table-toolbar .columns-left{margin-right:5px}
.fixed-table-toolbar .columns-right{margin-left:5px}
.fixed-table-toolbar .columns label{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.428571429}
.fixed-table-toolbar .bars,.fixed-table-toolbar .search,.fixed-table-toolbar .columns{position:relative;margin-top:10px;margin-bottom:10px;line-height:34px}
.fixed-table-pagination li.disabled a{pointer-events:none;cursor:default}
.fixed-table-loading{display:none;position:absolute;top:42px;right:0;bottom:0;left:0;z-index:99;background-color:#fff;text-align:center}
.fixed-table-body .card-view .title{font-weight:bold;display:inline-block;min-width:30%;text-align:left!important}
.fixed-table-body thead th .th-inner{box-sizing:border-box}
.table th,.table td{vertical-align:middle;box-sizing:border-box}
.fixed-table-toolbar .dropdown-menu{text-align:left;max-height:300px;overflow:auto}
.fixed-table-toolbar .btn-group>.btn-group{display:inline-block;margin-left:-1px!important}
.bootstrap-table .table>thead>tr>th{vertical-align:middle;border-bottom:1px solid #ddd}
.bootstrap-table .table thead>tr>th{padding:0;margin:0}
.bootstrap-table .fixed-table-footer tbody>tr>td{padding:0!important}
.bootstrap-table .fixed-table-footer .table{border-bottom:0;border-radius:0;padding:0!important}
.pull-right .dropdown-menu{right:0;left:auto}
p.fixed-table-scroll-inner{width:100%;height:200px}
div.fixed-table-scroll-outer{top:0;left:0;visibility:hidden;width:200px;height:150px;overflow:hidden}
/*bootstrap-table*/
.pop-kh{width:850px;height:450px;background: #fff; overflow: auto;}
.close-pop{position: absolute;right: 14px; top: 10px; font-size: 16px;}
#container .table td.pin4{padding: 0;}
.pin4 div{width: 25%;float: left;text-align: center;padding: 8px 0;}
td.pin4 div{ height: 100%;}
td.pin4 div:last-child{border-right: none;}
td.pin4 td{ width: 2em;
border-top: none!important;
padding: 8px 0;
text-align: center;}
.kh-stu-list h3{color: #fff;background: #64757d;line-height: 35px;height: 35px;font-size: 14px;text-align: center;margin: 0;}
.kh-stu-list ul{list-style: none;padding: 0;border-left: 1px solid #f0f0f0;border-right:1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;}
.kh-stu-list ul li{padding: 20px;border-bottom: 1px solid #f0f0f0;cursor: pointer;}
.kh-stu-list ul li:last-child{border-bottom: none;}
.kh-stu-list ul li.active{color: #fff;background: #d02023;cursor: default;}
#container .table > tbody + tbody{border-top: none;}
.end-group-pop{ width: 530px;
height: 260px;}
.fix-cover .magic h1{text-align: center;
margin: 0;
font-size: 16px;
line-height: 40px;
border-bottom: 1px solid #e1e1e1;}
/*请假单*/
.qjd-box{width:700px;margin:20px auto;}
.qjd-box table{width: 100%;margin-bottom: 25px;}
.qjd-box table td{vertical-align: middle;height: 42px;
text-align: center;}
.qjd-box table th{vertical-align: middle;color: #fff;font-size: 16px;line-height: 40px;
background: #485069;text-align: center;font-weight: normal;}
.kj-table{width: 100%;}
.kj-table tr{border-bottom: 1px dashed #ddd;}
.kj-table th{vertical-align: middle;background:#f0f0f0;line-height: 30px; padding: 8px}
.kj-table td{vertical-align: middle;line-height: 34px; padding: 4px}
.kj-table tbody tr{cursor: pointer;}
.kj-table td a{width: 640px;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: nowrap;
overflow: hidden;
display: block;}
.current_ico{background: url("/images/current.png") no-repeat; padding: 4px 14px;margin-left: 10px;}
.pr0{padding-right: 0!important;}
.s-input{width: 4em;margin-right: 4px;border: 1px solid #e1e1e1;}
.question_item_manage .del_c{ position: absolute;
top: 12px;
cursor: pointer;
right: 10px;
font-weight: bold;
font-size: 18px;}
.question_item_manage .del_c i{color:#ff2400; }
/*scorm*/
.scormbox{width: 1020px; height: 70%; }
.scorm{width: 1020px; height:100%; position: relative;}
.scormlist{list-style: none;width: 240px;height: 100%;padding: 0;position: absolute;background: #212121;z-index: 1;}
.scormlist li.t{font-size: 16px;line-height: 40px;padding-left: 10px;color: #fff;}
.scormlist li a{display: block;padding: 10px;text-overflow: ellipsis;overflow: hidden;color: #999; word-wrap: break-word;
white-space: nowrap}
.scormlist li.active a{color: #fff; background: #000;}
.scormbox iframe{width:-moz-calc( 100% - 240px);width: -webkit-calc( 100% - 240px);width: calc( 100% - 240px);height: 100%;background: #000; right: 0;
position: absolute;}
/*注册*/
.registerbox {
background: #fff;
box-shadow:0 0 20px 1px #333;
position: absolute;top:0;bottom: 0;left: 0;right: 0;margin: auto;width:700px;height:600px;
}
.registerbox ul {
padding: 0;
list-style: none;
border-bottom: 1px solid #eaebed;
overflow: hidden;
}
.registerbox ul li {
width: 50%;
height: 80px;
line-height: 80px;
float: left;
text-align: center;
}
.registerbox ul li a {
height: 80px;
line-height: 80px;
display: inline-block;
font-size: 20px;
padding: 0 4px;
}
.registerbox ul li a i {
padding: 10px 20px;
}
.registerbox ul li a:hover {
text-decoration: none;
}
.registerbox ul li.active a {
border-bottom: 2px solid #c81d23;
color: #c81d23;
}
.registerbox ul li.active:hover a {
cursor: default;
}
.registerbox ul li:first-child {
border-right: 1px solid #eaebed;
}
.register-help{position: relative;
margin-top: 25px;}
.register-help:before{content: "";background: #e1e1e1;position: absolute;top:0;height: 100%;width: 1px;left:1px;}
.register-help p{color: #999;font-size: 13px;line-height: 28px;}
.registerbox form.form-horizontal {padding: 20px 20px 0;}
.registerbox form.form-horizontal label {text-align: right; font-size: 14px;line-height: 40px;}
.registerbox form.form-horizontal label.control-label{ padding-top: 0;
margin-left: 10px;}
.registerbox form.form-horizontal .form-group {
height: 50px; margin-bottom: 10px;
/*line-height: 50px;*/
clear: both;
}
.registerbox form.form-horizontal .form-group input,form.form-horizontal .form-group select{
border: 1px solid #e1e1e1;
background: #fff;
width: 100%;display: inline-block;
padding-left: 1em;
height:34px;}
.registerbox form.form-horizontal .form-group textarea{border: 1px solid #e1e1e1;background: #f6f6f6;width: 100%;padding: 1em;height: 120px;resize: none;}
.registerbox form.form-horizontal .form-group input:-moz-ui-invalid:not(output){box-shadow: none;}
.registerbox form.form-horizontal .form-group .must{line-height: 40px;}
.registerbox form.form-horizontal .form-group input[type="radio"]{border: 1px solid #eaebed;margin-top: 0;background: #f6f6f6;width:auto;padding-left: 1em;height: 40px;}
.registerbox form.form-horizontal .form-group button.btn-main {width:400px;color: #fff;height:50px;border-radius: 25px;border: none;}
.registerbox form.form-horizontal .form-group button:focus{outline: none;}
.registerbox form.form-horizontal .form-group button.send_btn {height:34px;border: none; width: 130px;border-radius: 20px; font-size: 12px;}
.registerbox form.form-horizontal .form-group input{border-radius: 20px;}
.registerbox form.form-horizontal .form-group input:focus{outline: none;}
.registerbox form.form-horizontal .form-group input[readonly="readonly"]{background: #f6f6f6;}
a.ab-close{position:absolute; right: 20px;font-size: 26px; line-height: 50px; color: #bebebe;}
.pop-head{height: 50px;line-height: 50px;text-align: center;border-bottom: 1px solid #eee;font-size: 18px;}
.form-inline .form-group{margin: 4px 8px 4px 0;}
.leavesettingbar{display: flex;}
.leavesettingbar .input-group-addon{width: auto; line-height: 20px;}
.leavesettingbar .form-control{height: 34px;}
/*班级分配-批量分组*/
.pop-fz-tree{background: #fbfbfb;overflow: auto;/*overflow-y: scroll;*/ border: 1px solid #cbcbcb;height: 320px;}
.pop-fz-tree dt{border-bottom: 1px dashed #c4c7cc;line-height: 38px;margin: 0 1em 1em;}
.pop-fz-tree dd{padding: 0 1em;position: relative;margin-bottom: 10px;}
.pop-fz-tree ul{padding: 0;}
.pop-fz-tree dd .glyphicon-bookmark{color: #ffab40;}
.pop-fz-tree dd .magic-checkbox+label:not(:empty){padding: 0 0 0 21px!important;}
.pop-fz-tree dd .toggle-a{position: absolute;left: 0;top:0; padding: 10px 13px;}
.pop-fz-tree dd li{margin: 10px 0 10px 2em;}
.pop-fz-tree dd li a.func{float: right;font-size: 12px;display: none;}
.pop-fz-tree dd li:hover a.func{display: inline-block;}
.pop-fz-tree dd input.form-control{width: calc(100% - 2em);width: -webkit-calc(100% - 2em);width: -moz-calc(100% - 2em);margin-left: 2em;}
/*首页热搜*/
.hot-search-panel{list-style: none; overflow: hidden;padding: 0;}
.hot-search-panel li{cursor: pointer;border-radius: 50px;line-height: 32px;height: 32px;padding: 0 14px;float: left;border: 1px solid; margin: 0 15px 15px 0;}
.hot-search-panel li:nth-child(3n){border-color: #c81d23;color: #c81d23;}
.hot-search-panel li:nth-child(3n+1){border-color: #e47b15;color: #e47b15;}
.hot-search-panel li:nth-child(3n+2){border-color: #72a1c9;color: #72a1c9;}
.hot-search-panel li:nth-child(3n):hover{border-color: #c81d23;color: #fff;background-color:#c81d23; }
.hot-search-panel li:nth-child(3n+1):hover{border-color: #e47b15;color: #fff;background-color:#e47b15;}
.hot-search-panel li:nth-child(3n+2):hover{border-color: #72a1c9;color: #fff;background-color:#72a1c9;}
.eps{word-wrap: break-word;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.back-news-list{padding: 0;margin: 0;}
.back-news-list li{/*border-bottom: 1px dashed #ebebeb;*/height: 40px;line-height: 40px;padding: 0 10px;overflow: hidden;cursor: pointer;position: relative;}
.back-news-list li:hover{background: #eee;}
.back-news-list li:last-child{border-bottom: none;}
.back-news-list li i{background: #e1e1e1;width: 7px;height: 7px;border-radius: 50%;display: inline-block;float: left; margin: 18px 12px 0 0;}
.back-news-list li p{font-size: 14px;color: #000;display: inline-block;width:75%;margin: 0;float: left;}
.back-news-list li span.date{color: #999;float: right; margin-right: 15px;}
.back-news-list li img.new{position: absolute;right: 0;top:0;opacity: 0;}
.back-news-list li:nth-of-type(1) img.new{opacity:1;}
.back-news-list li:nth-of-type(2) img.new{opacity:1;}
.course-item .imgbox .tag-bx,.course-item .imgbox .tag-xx{color: #fff; position: absolute; top: 0; left: 0; padding: 5px 8px;}
.course-item .imgbox .tag-bx{background:#EE2A3B;}
.course-item .imgbox .tag-xx{background:#249e92;}
.l-done{background: url("/images/ztb/01.png") no-repeat center; padding: 5px 14px;}
.l-ing{background: url("/images/ztb/02.png") no-repeat center; padding: 5px 14px;}
.span200{width:200px;}
/*返回*/
.ui-tit-h2 { position: relative; margin-bottom: 20px; height: 30px; }
.ui-tit-h2 hr { position: absolute; left: 0; margin: 0; top: 50%; width: 100%; height: 1px; border: none; border-top: 1px solid #ddd; z-index:0; }
.ui-tit-h2 a,
.ui-tit-h2 span { position: relative; z-index: 10; float: left; }
.ui-tit-h2 span { padding: 0 10px; background: #fff; font: 18px/30px "\5FAE\8F6F\96C5\9ED1"; }
.ui-tit-h2 span i,.seloption span i { margin: 0 0 3px 5px; width: 4px; height: 7px; background: url("/img/other-bg.png") 0 -20px; display: inline-block; }
.ui-tit-h2 .back-old { width: 30px; height: 30px; background: url("/img/other-bg.png") -37px 5px no-repeat #EE2A3B; display: inline-block; }
.ui-tit-h2 .back-old:hover { background-color: #990405; }
.reporttitle{height: 34px;/*border-bottom:1px solid #990405;*/background-color: #eee;margin: 5px 0;}
.reporttitle span{float:left;line-height: 34px;padding:0 20px;background-color: #990405;color:#fff;position: relative;}
.reporttitle span i{ position: absolute; float: left; width: 10px; height: 10px; border-radius: 5px; border: 1px solid #fff; top: 12px; left: 5px;}
.reporttitle b{width: 23px; height: 23px; background-color: #990405; transform: rotate(45deg); display: inline-block; left: -11px; position: relative; top: 5px;}
/*培训跟踪快捷链接*/
.traintrack{ margin: 0 auto 30px;padding: 20px 100px;border: 1px solid #ccc;}
.traintrack ul{list-style:none;margin:auto;}
.traintrack li{padding: 0;margin: 0;list-style: none;}
.traintrack li{float:left;position: relative;padding:0px 0px 0px 50px;margin-top: 10px;margin-bottom: 5px;cursor: pointer;}
.traintrack li:first-child{padding:0;}
.traintrack li span{padding:10px 30px;border-radius: 5px;border:1px solid #ccc;}
.traintrack li.dis span{background-color:darkgrey;color:#666;cursor: default;}
.traintrack li.curr span{background-color:dodgerblue;color:#fff;}
.traintrack li a{position: absolute; top: 6px; width: 35px; left: 5px; height: 7px; background-color: dodgerblue;}
.traintrack li b{ position: absolute; right: -2px; width: 7px; height: 7px; transform: rotate(45deg); background-color: dodgerblue; top: 0px;}
.magic-radio, .magic-checkbox {position: absolute;display: none}
.magic-radio[disabled], .magic-checkbox[disabled] {cursor: not-allowed}
.input-group-addon > .magic-radio + label, .input-group-addon > .magic-checkbox + label {display: block}
.magic-radio + label, .magic-checkbox + label {position: relative;display: inline-block;cursor: pointer;vertical-align: middle;margin: 0}
.magic-radio + label:hover:before, .magic-checkbox + label:hover:before {animation-duration: .4s;animation-fill-mode: both;animation-name: hover-color}
.magic-radio + label:before, .magic-checkbox + label:before {position: absolute;top: 0;left: 0;display: inline-block;width: 16px;height: 16px;content: '';border: 1px solid #e0e0e0}
.magic-radio + label:after, .magic-checkbox + label:after {position: absolute;display: none;content: ''}
.magic-radio + label {min-width: 16px;min-height: 16px}
.magic-radio + label:not(:empty) {padding: 0 21px !important}
.magic-checkbox + label {min-width: 16px;min-height: 16px}
.magic-checkbox + label:not(:empty) {padding: 0 21px !important}
.btn-group .magic-radio + label, .btn-group .magic-checkbox + label {vertical-align: baseline;min-height: 1em}
.magic-radio[disabled] + label, .magic-checkbox[disabled] + label {cursor: not-allowed;opacity: .5}
.magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after, .magic-checkbox[disabled] + label:hover, .magic-checkbox[disabled] + label:before, .magic-checkbox[disabled] + label:after {cursor: not-allowed}
.magic-radio[disabled] + label:hover:before, .magic-checkbox[disabled] + label:hover:before {animation-name: none}
.magic-radio:checked + label:before, .magic-checkbox:checked + label:before {animation-name: none}
.magic-radio:checked + label:after, .magic-checkbox:checked + label:after {display: block}
.magic-radio + label:before {border-radius: 50%; /*left: -.01em*/}
.magic-radio + label:after {
top: 4px;
left: 4px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #D63A2C;
}
.magic-radio:checked + label:before {border: 1px solid #D63A2C}
.magic-checkbox + label:before {border-radius: 0}
.magic-checkbox + label:after {
top: 1px;
left: 5px;
box-sizing: border-box;
width: 6px;
height: 12px;
transform: rotate(45deg);
border-width: 2px;
border-style: solid;
border-color: #fff;
border-top: 0;
border-left: 0
}
.magic-checkbox:checked + label:before {border: #D63A2C;background: #D63A2C}