/* Add here all your css styles (customizations) */

/* Sticky footer */
html { position: relative; min-height: 100%; }
body { margin-bottom: 60px; }
.footer-sticky { position: absolute; bottom: 0px; width: 100%; height: 60px; background-color: #222; }
.footer-fixed { position: fixed; bottom: 0px; width: 100%; height: 50px; background-color: #222; }
.print-only { display: none !important; visibility: hidden !important; }
.screen-mobile {display:none;}
.display-block {display:block;}
.full-width { width: 100% !important; }
.full-width:not([style*='display']), .full-width:not([style*='none']) { display: block; }

a.btn-u:focus, a.btn-u:hover {color: #FFF;}
/*.vcenter {display: inline-block;vertical-align: middle;float: none;height:100%;}*/
.vcenter{ display:table-cell; vertical-align:middle;}

.checkbox { padding-left: 0px; }
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label { opacity: 1; }
.content-boxes-v2-o .checkbox span { overflow: visible; }
.strikethrough {position: relative;}
.strikethrough::after {border-bottom: 0.125em solid #000;content: "";left: 0;margin-top: calc(0.125em / 2 * -1);position: absolute;right: 0;top: 50%;}
.strikethrough2 {position: relative;}
.strikethrough2:before {position: absolute;content: "";left: 0;top: 50%;right: 0;border-top: 1px solid;border-color: inherit;  
  -webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-o-transform:rotate(-5deg);transform:rotate(-5deg);}
.cst-noitalic {font-style: normal !important;}
.radio-buttons .btn {padding: 4px 12px 3px 12px;}
.radio-buttons .btn label {font-weight:normal;}

.btn-circle {width:49px;height:49px;text-align:center;padding:5px 0;font-size:20px;line-height:2;border-radius:30px;}
.btn-circle-micro {width:19px;height:19px;text-align:center;padding:1px 0;font-size:13px;line-height:.1;border-radius:30px;}
.btn-circle-sm {width:35px;height:35px;text-align:center;padding:2px 0;font-size:20px;line-height:1.65;border-radius:30px;}
.btn-circle-md {width:41px;height:41px;text-align:center;padding:6px 0;font-size:16px;line-height:1.8;border-radius:30px;}
.btn-circle-lg {width:49px;height:49px;text-align:center;padding:5px 0;font-size:20px;line-height:2;border-radius:40px;}
.btn-circle-xlg {width:79px;height:79px;text-align:center;padding:13px 0;font-size:30px;line-height:2;border-radius:70px;}

.bg-orange { background: #fa6222; color: #fff; }
.bg-yellow { background: rgba(241, 196, 15, 1); }
.bg-aqua { background: #28C0B4; }
.bg-sky { background: #61B4E7; }
.bg-grey { background: #AAA; }

.badge-outline { color: #555; border: 2px solid #999; background-color: transparent; }
.badge-outline.badge-success {border-color: #468847;}
.badge-outline.badge-blue {border-color: #3498db;}
.badge-outline.badge-red {border-color: #e74c3c;}
.badge-outline.badge-green {border-color: #2ecc71;}
.badge-outline.badge-sea {border-color: #1abc9c;}
.badge-outline.badge-orange {border-color: #e67e22;}
.badge-outline.badge-yellow {border-color: #f1c40f;}
.badge-outline.badge-purple {border-color: #9b6bcc;}
.badge-outline.badge-aqua {border-color: #27d7e7;}
.badge-outline.badge-brown {border-color: #9c8061;}
.badge-outline.badge-dark-blue {border-color: #4765a0;}
.badge-outline.badge-light-green {border-color: #79d5b3;}
.badge-outline.badge-light {border-color: #ecf0f1;}
.badge-outline.badge-aqua {border-color: #27d7e7;}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

.table-fancy { }
.table-fancy.table > tbody > tr > td { vertical-align:middle !important; padding: .7em 0px;}
.table-fancy.table > tbody > tr:hover {cursor:pointer; }
.table-field-score { width: 70px; }
.table-field-avatar { width: 70px; }
.table-field-avatar img { width:50px; height:50px; }
.table-content-first {font-weight:normal;font-size: 1.1em;}
.table-content-first .cst-running { font-weight:bold; color: #090;}
.table-content-second {font-weight:normal;color:#3498db; font-size:.9em;}
.table-content-third {color: #888; font-size:.9em;}

.table > tbody > tr.alt-row > td { border-top-width: 0px; }

/*.form-group input[type="checkbox"].fancy-checkbox + .btn-group*/
/*.fancy-checkbox input[type="checkbox"] + .btn-group > label span*/
.fancy-checkbox {display:inline-block;}
.fancy-checkbox input[type="checkbox"] {display: none;}
.fancy-checkbox input[type="checkbox"]:disabled + .btn-group > label {color: #AAA;border-color: #DDD;}
.fancy-checkbox input[type="checkbox"] + .btn-group > label span {width: 15px;}
.fancy-checkbox input[type="checkbox"] + .btn-group > label span:first-child {display: none;}
.fancy-checkbox input[type="checkbox"] + .btn-group > label span:last-child {display: inline-block;}
.fancy-checkbox input[type="checkbox"]:checked + .btn-group > label span:first-child {display: inline-block;}
.fancy-checkbox input[type="checkbox"]:checked + .btn-group > label span:last-child {display: none;}
.fancy-checkbox input[type="checkbox"] + .btn-group label.btn.rounded-2x.left {-webkit-border-radius: 10px 0 0 10px !important;-moz-border-radius: 10px 0 0 10px !important;border-radius: 10px 0 0 10px !important;}
.fancy-checkbox input[type="checkbox"] + .btn-group label.btn.rounded-2x.right {-webkit-border-radius: 0 10px 10px 0 !important;-moz-border-radius: 0 10px 10px 0 !important;border-radius: 0 10px 10px 0 !important;}
.fancy-checkbox input[type="checkbox"] + .btn-group label.btn:hover {background: #FFF;}    

.panel-update-progress { border: 1px solid #CCC; border-top: 0px; background: #FFFFFF; position: absolute; width: 200px; vertical-align: middle; padding: 0; margin: 0; top: 0px !important; /*right: 10px !important; left: auto !important;*/ }
.panel-update-progress > div { position: relative; margin: 3px 0; /* top: 30%; */ text-align: center; }
.modal-update-progress, #slidemenu-overlay { background-color: #FFF; /* Gray */ filter: alpha(opacity=70); opacity: 0.70; position: fixed; left: 0; top: 0; /*z-index: 10;*/ width: 100%; height: 100%; }
#slidemenu-overlay {z-index:90 !important;}
.slidemenu-header {display:none;}

.header {border-bottom:1px solid #CCC;}
.header > .container {position:relative;}
.header .navbar-nav > li > a:hover, .header .navbar-nav > .active > a {border: 0px;bottom:-2px;}
.header .logo img {margin: 35px 0px 20px 0px;}
#page-login .header .logo img {margin: 20px 0px 50px 0px; }
.team-v6 img, .team-v4 img { /*width: 213px; height: 213px;*/ width: 180px; height: 180px; margin-left: auto; margin-right: auto; }
.navbar {margin-bottom:0px; min-height: 0px;top: -25px;}
.navbar li.topbarnav, .navbar .logo-alt, .navbar li a i {display:none;}

.navbar-login {}
.navbar-login .dropdown-menu li > div {width: 305px;padding: 10px;padding-bottom: 0px;}
.navbar-login-session {padding: 10px;padding-bottom: 0px;padding-top: 0px;}
.icon-size {font-size: 87px;}
.navbar-login.dropdown-toggle .glyphicon-chevron-down {font-size: 16px;}
.navbar-login.dropdown > a {}
.navbar-login.dropdown > a::after {font-size: 26px;top:10px;right:5px;color:#687074;} /*top: 0px; right:0px;content: none !important;*/
/*.navbar-login .user-image {background:url(http://placehold.it/48x48) no-repeat left middle; border-radius: 50%;}*/
.navbar-login.dropdown a .profile-image {padding-top: 0px;padding-bottom: 0px;float:left;position:relative;margin-top:-12px;margin-right: 10px;}
.navbar-login .dropdown-menu {width:100%;min-width:30px;}  

.topbar {padding-top: 0px !important;}
.topbar .language-pane li {padding-left: 0px;padding-right:0px;}
.topbar .language-pane li a {background: #EEE; border: 1px solid #EEE; color: #222; padding: 4px 14px;}
.topbar .language-pane li a:hover {text-decoration: none; background: #CCC; color: #000;}
.topbar .language-pane li.active a {background: #287824; color: #FFF; cursor: default;}

#page-container {position:relative; z-index: 60;}
.breadcrumbs {position:relative; z-index: 50; overflow:visible;}
#page-content {position:relative; z-index: 40;}

.cst-displaymode-switch { text-align: center; }
.cst-displaymode-switch + div > table.table, .cst-displaymode-switch + table.table, .cst-displaymode-switch + .tab-v1 { margin-top: 1em; }
.cst-displaymode-switch a i { font-size: 1.2em;}
/*.breadcrumbs .cst-displaymode-switch {float:left;padding-left: 2em;margin: 0 auto;text-align: center;}*/
.breadcrumbs .cst-displaymode-switch {float:left;padding-left: 2em;margin:0 auto;text-align: center;padding-top: 7px;}

/*
.footer-v1 .footer {padding: 0px;}
.footer-logo {margin: 11px 0 14px 0;}
.footer-image {}
.footer-copyright, .footer-links {padding-top: 26px;}
*/
.footer-v1 .footer {padding: 0px; padding-bottom: 25px;}
.footer-logo {margin: 11px 0 0 0;}
.footer-image {}
.footer-copyright, .footer-links {padding-top: 1em;}

.panel-default > .panel-heading .badge-blue { background-color: #3498db; }
.panel-body, .panel-body-description, .panel-footer { color: #333; }

.bootbox .modal-header h4 { font-size: 16px; }
.bootbox .modal-body { font-size: 1.1em; }

.modal .form-control { border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.modal .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); }
.modal .form-control.optional { border-color: #E0E0E0; }
.modal .has-error .form-control.optional { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); }
.modal .custom-addon { color: #fff; background-color: #BEBEBE; border-color: #BEBEBE; padding: 6px 12px; font-size: 14px; font-weight: normal; min-width: 143px; text-align: left; line-height: 1; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.modal .custom-addon.vertical-align-top { vertical-align: top; }
.modal .custom-addon.optional { background-color: #E0E0E0; border-color: #E0E0E0; }
.modal .has-error .custom-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; }
.modal .has-error .custom-addon.optional { color: #a94442; background-color: #f2dede; border-color: #a94442; }
.modal .custom-btn { border-radius: 4px; }
.modal .btn.btn-success { color: #fff; background-color: #4CAF51; border-color: #4CAF51; }
.modal .btn.btn-grey { color: #fff; background-color: #757575; border-color: #757575; }
.modal .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); }
.modal .panel > .panel-body + .table,
.modal .panel > .panel-body + .table-responsive,
.modal .panel > .table + .panel-body,
.modal .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; }
.modal .panel-heading { /*padding: 10px 15px;*/ padding: 0; background-color: #F0F0F0; border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.modal .panel-body { border-left: 1px solid #ddd; border-right: 1px solid #ddd; /*min-height: 506px;*/ }
.modal .panel-footer { /*padding: 10px 15px;*/ padding-top: 20px; padding-bottom: 15px; background-color: #f5f5f5; border: 1px solid #ddd; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: inset 0px 11px 8px -10px #CCC; }
.modal .panel-default { /*border-color: #ddd;*/ border: 1px solid #ddd; }
.modal .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; }
.modal .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; }
.modal .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333; }
.modal .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; }

/*
.score-badge {padding-left: 0 !important; padding-right:0px !important;}
.score-badge.badge-red {background-color:#B00;}
.score-badge.badge-orange {background-color:#f93;}
.score-badge.badge-green {background-color:#090;}
*/
.score-badge { width: 50px; height: 50px; line-height: 47px; font-size: 22px; font-weight: 500; padding-left: 0 !important; padding-right:0px !important; }
.score-badge.badge-small { width: 45px; height: 45px; line-height: 40px; font-size: 20px; font-weight: 400; }
.score-badge.badge-xlarge { width: 85px; height: 85px; line-height: 80px; font-size: 38px; font-weight:400; border-radius:50px !important; }
.score-badge.badge-grey, .marginal-grey { background-color:#999; color:#fff; border:1px solid #999; text-align:center; }
.score-badge.badge-red, .marginal-red { background-color:#900; color:#fff; border:1px solid #900; text-align:center; }
.score-badge.badge-light-red, .marginal-light-red { background-color:#C91107; color:#fff; border:1px solid #C91107; text-align:center; }
.score-badge.badge-green, .marginal-green { background-color:#090; color:#fff; border:1px solid #090; text-align:center; }
.score-badge.badge-light-green, .marginal-light-green { background-color:#CEDF00; color:#fff; border:1px solid #CEDF00; text-align:center; }
.score-badge.badge-orange, .marginal-orange { background-color:#f93; color:#fff; border:1px solid #f93; text-align:center; }
.score-badge.badge-dark-orange, .marginal-dark-orange { background-color:#D62C29; color:#fff; border:1px solid #D62C29; text-align:center; }

.headline-title h1 {font-size: 20pt;font-weight:100;}
.headline-title a.dropdown-toggle {border: 0px !important;font-size: 21pt;font-weight:100;padding-left:0px;color:#222}
.headline-title a.dropdown-toggle i {color:#222;font-size:22pt;}
.headline-title a.dropdown-toggle .badge {margin-left: .5em;}
/*.headline-title a.dropdown-toggle:after {top: 9px;right: 15px;content: "\f107";}*/
.headline-title a.dropdown-toggle {}
.headline-title a.dropdown-toggle:active, .headline-title a.dropdown-toggle:hover, .headline-title a.dropdown-toggle:focus {background-color: transparent !important;}
.headline-title a.dropdown-toggle .cst-count {font-weight: 600; padding-left: .2em;color: #3498db;}
.headline-title a.dropdown-toggle i {color: #3498db}
.headline-title .cst-title-items .cst-text {padding-right: 8em;}
.headline-title .cst-title-items .cst-text .badge {margin-left: 1em;}
.headline-title .cst-title-items li > a {padding: 8px 20px;}
.headline-title .cst-title-items .badge-green {background-color: #287824;}

.breadcrumbs-v6 {padding-top:0px;}
.breadcrumbs-v6 .breadcrumb {padding-top: 0px; padding-left: 0px; margin-bottom: 10px;}
.breadcrumbs .cst-launch-button {background-color: #3498db; padding: .4em 1.6em; font-size: 12pt;}
.breadcrumbs .row h2 {font-size:21pt; font-weight: 100;margin-top: 0px;color:#222}

.headline-widgets {padding-top: 20px;}
.headline-widgets > div { padding: 0px; }
.headline-widgets > div > div { padding: 0px 0px 0 0px; margin: 0px; }
.headline-widget {background-color: #AAA; color: #FFF; margin: 0 10px 1.5em 10px;}
.headline-widget.first {margin-right: 20px; margin-left: 0px;}
.headline-widget.last {margin-left: 20px; margin-right: 0px;}
.headline-widget.green {background-color: #287824; }
.headline-widget.orange {background-color: #f93; }
.headline-widget.red {background-color: #900; }
.headline-widget .row {}
.headline-widget .cst-hdr-body {padding: 0pt 12pt 0pt 12pt; }
.headline-widget .cst-hdr-footer {background-color: #DDD; color: #555;font-size: 10pt;padding: .5em 12pt; margin-top: 0pt; border-radius: 0 0 10px 10px !important;}
.headline-widget.green .cst-hdr-footer {background-color: #CEDF00 /*#449d44*/;color:#000; }
.headline-widget.orange .cst-hdr-footer {background-color: #F7D331; }
.headline-widget.red .cst-hdr-footer {background-color: #CE0000;color:#FFF; }
.headline-widget .cst-value {font-size: 42pt;font-weight:800;height: 110px;}
.headline-widget .cst-value .cst-perc {font-size: 24pt; font-weight: 100; padding-left: 0em; position:relative; top:-18px; }
.headline-widget .vcenter {}
.headline-widget .cst-text1 {text-align: right;font-size: 12pt;height: 110px;vertical-align:middle;padding-left: 1.5em;}
.headline-widget .cst-text2 {text-align: left;}

/*
.table .table-pager { }
.table .table-pager > td { padding: 0 1px 0 1px; }
.table .table-pager-pagespanel {float:left;}
.table .table-pager-pageslabel {display:none;}
.table .table-pager-pagesbuttons td { padding: 0 1px 0 1px; }
.table .table-pager-pagesbuttons td > div { width: 75% !important; }
.table .table-pager-pagesbuttons td > div + div { width: 25% !important; }
.table .table-pager-pagesbuttons div { padding-top: 4px; padding-bottom: 4px; }
.table .table-pager-pagesbuttons div div table { margin-left: 5px; border-collapse: collapse !important; }
.table .table-pager-pagesbuttons span, .table .table-pager-pagesbuttons a { display: inline-block; padding: 6px 0px; width: 35px; text-align: center; border-right: 1px solid #ddd; color: #333; margin-left: -2px; }
.table .table-pager-pagesbuttons span { background-color: #3498db; color: #FFF; font-weight: bold; }
.table .table-pager-pagesbuttons a:hover { display: inline-block; color: #222; border-right: 1px solid #ccc; background-color: #eee; text-decoration: none; }
.table .table-pager-recordspanel {float:right; padding:5px .5em 0 0;}
.table .table-pager-recordspanel {}
*/
.table .table-pager { background: transparent !important; }
.table .table-pager > td { padding: 0 1px 0 1px; border: 0px; }
.table .table-pager-pagespanel {float:left; margin-left:-2px; padding-bottom: 20px;}
.table .table-pager-pageslabel {display:none;}
.table .table-pager-pagesbuttons td { padding: 0 1px 0 1px; }
.table .table-pager-pagesbuttons td > div { width: 75% !important; }
.table .table-pager-pagesbuttons td > div + div { width: 25% !important; }
.table .table-pager-pagesbuttons div { padding-top: 4px; padding-bottom: 4px; }
.table .table-pager-pagesbuttons div div table { margin-left: 0px; border-collapse: collapse !important; }
.table .table-pager-pagesbuttons span, .table .table-pager-pagesbuttons a { display: inline-block; padding: 6px 0px; width: 35px; text-align: center; border: 1px solid #ccc; color: #555; margin-right: 5px; }
.table .table-pager-pagesbuttons span, .table .table-pager-pagesbuttons a { -webkit-border-radius: 6px !important;-moz-border-radius: 6px !important;border-radius: 6px !important; }
.table .table-pager-pagesbuttons span { background-color: #337ab7; border-color: #337ab7; color: #FFF; font-weight: normal; }
.table .table-pager-pagesbuttons a:hover { display: inline-block; color: #444; border: 1px solid #ccc; background-color: #efefef; text-decoration: none; }
.table .table-pager-recordspanel {float:right; padding:5px .5em 0 0;}
.table .table-pager-recordspanel {}
.table > tbody > tr + tr.table-pager .table-pager-pagespanel  {padding-top: 20px;}
.table > tbody > tr + tr.table-pager > td {border-top: 1px solid #ccc;}
.table-row-toggler {cursor: pointer; }
.table-row-command {cursor: pointer; }

#page-home #page-content h1 {font-size: 32pt !important; padding-bottom: .8em; font-weight: 100; line-height: 1.2em; }
#page-home #page-content h2 {font-size: 24pt !important; padding-bottom: .8em; font-weight: 100; line-height: 1.2em; }
#page-home #page-content h3 {font-size: 20pt !important; padding-bottom: .8em; font-weight: 100; line-height: 1.2em; }
#intro h1 {padding-bottom: .8em;}
#page-home #page-content p {font-size: 16pt !important; font-weight: 100; }
#page-home #page-content p strong { font-weight: 600; }
#slide-nav .navbar-nav a {font-size: 16pt !important; font-weight: 100; text-transform: none !important;}
#slide-nav .navbar-nav a.active {font-weight: 400;}
#page-home #page-content a.btn-u {font-size: 14pt; padding: 10px 18px;}
#page-home .tp-main-container .well {margin-bottom: 0px;}

#page-content .login-pane {}
#page-content .login-pane .input-group-addon {font-size: 14pt;}
#page-content .login-pane .input-group-addon i {width: 20px;}
#page-content .login-pane input.form-control {height: 32pt;font-size:14pt;}
#page-content .login-pane .alert[style*="inline"] {display:block !important;padding: 5px 15px;width: 100%;position: relative;top: -16px;}
#page-content .login-pane .alert:not([style*='display:none']) { display: block; }
#page-content .login-pane a {}

#page-content .registration-pane {}
#page-content .registration-pane .alert[style*="inline"], #page-content .registration-pane .alert[style*="visible"] {display:block !important;padding: 5px 15px;width: 100%;position: relative;top: 5px; margin-top: 10px; margin-bottom: 0px;}
#page-content .registration-pane .alert[style*="inline"] + input, #page-content .registration-pane .alert[style*="visible"] + input { border-color: #a94442;}

#page-content .service-block-v4 .row a {}
#page-content .service-block-v4 .row a:hover {}

#page-home #page-content .tp-main-container { margin-bottom: 4em; }
#page-home #page-content .service-block-v4 .service-desc h3 {text-transform: none;margin-bottom:0.6em;}
#page-home #page-content .service-block-v4 .service-desc i {margin-bottom: .2em;}
#page-home #page-content .service-block-v4 .container { padding-left: 0px; padding-right: 0px; width: 96%; }
#page-home #page-content .service-block-v4 {}
#page-home #page-content .title-block-v4 .container { padding-bottom: 2em; padding-top: 3em; }
#page-home #page-content .service-block-v4 .container .row { margin-left:0px; margin-right:0px; }
#page-home #page-content .headline-center p {font-size:14pt;}

.wizard { margin: 0 auto; padding-bottom: 5em; background: #fff; }
.wizard .nav-tabs { position: relative; margin: 40px auto; margin-bottom: 0; border-bottom: 0px solid #e0e0e0 ; }
.wizard .nav-title { display: block; color: #aaa; position: relative; top: 80px; font-weight: bold; text-align: center; white-space: nowrap; }
.wizard .nav-tabs .nav-tab-wrapper { position: relative; display: block; }
.wizard .nav-tabs > li { }
.wizard > div.wizard-inner { position: relative; }
.wizard .connecting-line { height: 1px; background: #ccc; position: absolute; width: 100%; margin: 0 auto; left: 0; right: 0; top: 50%; z-index: 1; }
.wizard .nav-tabs > li > a:hover {  }
.wizard .nav-tabs > li.active span.nav-tab-wrapper, .wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus { color: #5bc0de; cursor: default; border: 0; border-bottom-color: transparent; }
.wizard .nav-tabs > li.active span.nav-title { color: #5bc0de; }
.wizard .nav-tabs > li.success span.nav-title { color: #5cb85c; }
.wizard span.round-tab { width: 70px; height: 70px; line-height: 70px; display: inline-block; border-radius: 100px; background: #fff; border: 1px solid #aaa; z-index: 2; position: absolute; left: 0; text-align: center; font-size: 25px; }
.wizard span.round-tab i { color: #aaa; }
.wizard span.round-tab i.fa { font-size: 32px;}
.wizard li.active span.round-tab { background: #5bc0de; border: 1px solid #5bc0de; }
.wizard li.active span.round-tab i { color: #fff; }
.wizard li.success span.round-tab { background: #5cb85c; border: 1px solid #5cb85c; }
.wizard li.success span.round-tab i { color: #fff; }
.wizard span.round-tab:hover { color: #333; border: 1px solid #333; }

.wizard li:after { content: " "; position: absolute; left: 46%; opacity: 0; margin: 0 auto; bottom: -25px; border: 5px solid transparent; border-bottom-color: #5bc0de; transition: 0.1s ease-in-out; }
.wizard li.active:after { content: " "; position: absolute; left: 46%; opacity: 1; margin: 0 auto; bottom: -25px; border: 10px solid transparent; border-bottom-color: #5bc0de; }
.wizard .nav-tabs > li span.nav-tab-wrapper, .wizard .nav-tabs > li a { width: 70px; height: 70px; margin: 20px auto; border-radius: 100%; padding: 0; }
.wizard .nav-tabs > li a:hover { background: transparent; }
.wizard .tab-pane { position: relative; padding-top: 50px; }
.wizard h3 { margin-top: 0; }

#page-registration .wizard .nav-tabs { margin-top: 0px; }
#page-registration .cst-reg-summary-children { margin-bottom: 2em; }
#page-registration .cst-reg-summary-children .cst-summary-child { margin: 1em 0 1.5em 0em; }
#page-registration .cst-reg-summary-children .cst-child-avatar { font-size: 2.2em; width: 70px; line-height: 70px; border-radius: 40px !important; margin-right: .6em; color: #FFF; font-weight: bold; text-align: center; float:left;}
#page-registration .cst-reg-summary-children .cst-child-info { display: block; }
#page-registration .cst-reg-summary-children .cst-child-subjects {  }
#page-registration .cst-reg-summary-children .cst-child-remove { float:right; }
 
@media( max-width : 585px ) {
    .wizard { width: 90%; height: auto !important; }
    .wizard span.round-tab { font-size: 16px; width: 50px; height: 50px; line-height: 50px; }
    .wizard .nav-tabs > li a, .wizard .nav-tabs > li span.nav-tab-wrapper { width: 50px; height: 50px; line-height: 50px; }
    .wizard li.active:after { content: " "; position: absolute; left: 35%; }
}



#page-teacher_reports .nav.nav-tabs {margin-bottom: -1px;}
#page-teacher_reports .nav.nav-tabs li a {padding-left: 2em;padding-right: 2em;}
#page-teacher_reports .nav.nav-tabs li.active {border-bottom: 1px solid #ddd;}
#page-teacher_reports .tab-pane .table {}
#page-teacher_reports .table > tbody > tr > td {padding-top: 1em;padding-bottom: 1em;}
#page-teacher_reports .table ul.cst-question-answers li {}
#page-teacher_reports .cst-question-answers {margin-top: .5em;}
#page-teacher_reports .cst-question-answers > div {margin-bottom: .5em;}
#page-teacher_reports .cst-question-answers i.glyphicon, #page-teacher_reports .cst-question-answers i.fa {font-size:11px; font-weight: 100;}
#page-teacher_reports .cst-question-answers .cst-answer-text {margin: 0px 1em 0px 1em;}
#page-teacher_reports .badge-green {background: #287824}
#page-teacher_reports .table .cst-subject2 {font-size: .9em;color: #3498db;}
#page-teacher_reports .table .cst-subject-topic {font-size: .9em;}
#page-teacher_reports .table .cst-subject-topic2 {font-size: .9em;color: #3498db;}
#page-teacher_reports .table .cst-count-incorrect {font-size: 1.0em;}
#page-teacher_reports .table .cst-question-text {padding-bottom: .3em;}
#page-teacher_reports .table .cst-question-text img {display:block;max-height: 200px;}
#page-teacher_reports .table .cst-counts-divider {padding-left: 3em;}
#page-teacher_reports .table .cst-count {padding-bottom:.5em;font-weight:bold;width:70px;} 
#page-teacher_reports .table .cst-count-correct {color: #287824;}
#page-teacher_reports .table .cst-count-incorrect {color: #CC0000;}
#page-teacher_reports .cst-countcell-1 { width: 70px;}

.cst-registration-mode a img + span { background: none; color: #222; display: block; }

/*#registration-summary { margin: 2em auto 2em auto; }
#registration-summary .row { padding-top: 1.5em; }*/
/*#registration-summary label.cst-label { display: block; font-weight: normal; color: #888; margin-bottom: 0px }
#registration-summary label.cst-label + span.cst-text { display: block; font-weight: bold; }*/

.preloader {font-size: 10pt;}
#page-error .header {border-bottom:0px;}
.topbar i.fa {font-size: 10pt;}

.headline-filters {}
.headline-filters .cst-filter-ctrl { padding-bottom: .8em; }
.headline-filters .radio-buttons {padding-left: 1em;}
.headline-filters .input-caption {color: #999;}
.headline-filters .input-group-addon + input.form-control {border-left:0px;}
a.headline-filters-trigger, a.headline-filters-trigger:hover {color:#3498db;font-weight:bold;}
a.headline-filters-trigger i { padding-right: .3em; }
#id-filter-problqst {padding-top: 1em;padding-bottom: 1.5em;}

.row.exam-overview {margin-right: 0px;}
.exam-overview .exam-instance-grid { margin-left: -15px;}
.exam-footer {z-index:99;}
.exam-footer .logo img { position:relative; top: 2px; }
.exam-instance .answer-correct { color: /*#5cb85c*/#00AE00; font-weight: bold; text-decoration: none; }
.exam-instance .answer-incorrect { color:  #d9534f; }
.exam-instance .answer-correct.user-answer, .exam-instance .answer-incorrect.user-answer { font-weight: bold; }
.exam-instance .answer-correct i, .exam-instance .answer-incorrect i { padding-left: .5em; }
.exam-instance .checkbox { padding-left: 2px; position: relative; align-items: center; }
.exam-instance .checkbox input { vertical-align: middle; position: relative; }
.exam-instance .checkbox-label { padding-left: 22px; color: #333; font-size: 1.1em; }
.exam-instance .checkbox label::before { background-color: #fff; border-color: #555; width: 20px; height: 20px;}
.exam-instance .checkbox label::after { font-size: 16px; width: 18px; height: 18px; margin-left: -20px; margin-top: -3px; padding: 0px 1px 0px 2px;}
.exam-instance .checkbox input[type="checkbox"] + label::before { /*vertical-align: middle; position: relative; align-items: center;*/ }
.exam-instance .checkbox input[type="checkbox"] + label::after { /*vertical-align: middle; position: relative; align-items: center;*/ }
.exam-instance .checkbox input[type="checkbox"]:disabled + label::before { background-color: #eeeeee; border-color: #555; }
.exam-instance .checkbox-danger input[type="checkbox"]:checked + label::before { background-color: #d9534f; border-color: #d9534f;}
.exam-instance .checkbox-danger input[type="checkbox"]:checked + label::after { color: #fff; }
.exam-instance .checkbox-success input[type="checkbox"]:checked + label::before { background-color: #5cb85c; border-color: #5cb85c;}
.exam-instance .checkbox-success input[type="checkbox"]:checked + label::after { color: #fff; }
.exam-question .cst-question-text i.icon-bg-u.icon-custom { background-color: #999; width: 45px; height:45px; line-height: 42px; border-radius: 27px !important; }
.exam-question .question-success .cst-question-text i.icon-bg-u.icon-custom {background-color: #5cb85c;}
.exam-question .question-failed .cst-question-text i.icon-bg-u.icon-custom {background-color: #d9534f;}
.exam-question .question-failed.cst-has-correct .cst-question-text i.icon-bg-u.icon-custom {background-color: #f93;}

.exam-question .icon-blue {color:#3498db !important;}
.exam-question .cst-question-text > span i {color: #00AE00;font-weight: normal; font-style: italic;}
.exam-question .cst-question-text img {display:block; max-height: 200px;}
.exam-question .checkbox-label img {display:block; max-height: 200px;}
.exam-question .user-answer img { display:inline-block; max-height: 200px; vertical-align:middle;}
.exam-question img.q-img-xxxsmall { max-height: 40px; }
.exam-question img.q-img-xxsmall { max-height: 60px; }
.exam-question img.q-img-xsmall { max-height: 80px; }
.exam-question img.q-img-small { max-height: 100px; }
.exam-question img.q-img-medium { max-height: 120px; }
.exam-question img.q-img-large { max-height: 140px; }
.exam-question img.q-img-xlarge { max-height: 160px; }
.exam-question img.q-img-xxlarge { max-height: 180px; }
.exam-question img.q-img-xxxlarge { max-height: 200px; }
.exam-instance .exam-question { margin-bottom: 2em; }
.exam-instance .exam-question h2 {color: #333;}
.exam-instance .exam-question .cst-question-topic {color: #AAA;}
.exam-instance .exam-question .cst-points { text-align: right;color:#555;}
.exam-instance .reg-header { padding-bottom: 1.5em; }
.exam-instance-controls { text-align: center; position:relative; top: -70px; }
.exam-instance-controls .cst-buttons a { margin: 0 2px; }
.exam-instance-controls .cst-countdown { color: #FFF; font-size: 130%; width: 80px; margin: 0 auto; background-color: #222; filter: alpha(opacity=70); opacity: 0.70; }
.exam-instance-results { width: 430px; margin-left: auto; margin-right: auto; }
.exam-instance-list .panel-body-figure, .exam-instance-results .panel-body-figure { text-align:center; height: 200px; padding-top: .5em; }
.exam-instance-list .panel-body-description { height: 200px; }
.exam-instance-list table i.fa-caret-right {font-size: 18px;} 
.exam-question .form-group input[type=text] {font-weight: bold;font-size: 1.2em;}
.exam-question .form-group input[type=text].answer-success {background:#5cb85c;border-color: #5cb85c;color:#FFF;}
.exam-question .form-group input[type=text].answer-failed {background:#d9534f;border-color: #d9534f;color:#FFF;}
.exam-question .form-group .answer-label {display:inline-block;padding: 0 0em;font-weight: normal;font-size: 1.4em;}
.exam-question .form-group .answer-label.strikethrough::after{border-bottom: 0.125em solid #d9534f;}
.exam-question .form-group .answer-label.answer-failed.strikethrough{color:#d9534f;}
.exam-question .form-group .answer-label.strikethrough2:before{border-top:3px solid;top: 45%;-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform:rotate(-15deg);}
.exam-question .form-group .answer-label.answer-success{color: #00AE00;}
.exam-question .form-group .answer-label.answer-correct{display:block;color:#00AE00;}
.exam-question .form-group .answer-label.answer-correct span {font-weight: 100;display:inline;}
.exam-question .form-group .answer-label.answer-failed.strikethrough2:before{border-color: #d9534f;}
.exam-question .form-group .answer-label.answer-failed + .answer-correct {color: #333 !important;} 
.exam-question .form-group .answer-label.answer-notext {color: #999 !important; font-style: italic; }

.panel-examinstance { 
    margin-bottom: 4em; 
    border: none;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgb(222, 223, 222), 0 0 0 1px rgb(222, 223, 222);
    outline: none;
    transition: box-shadow 200ms cubic-bezier(0.1,0.0,0.2,1);
}
.panel-examinstance:hover {background:#EEE;border:1px solid #EEE; cursor:pointer; }
.panel-examinstance .panel-heading2 { background: #DEDFDE; padding: 15px 15px 35px 15px; }
.panel-examinstance .cst-description { color: #666;}
.panel-examinstance .cst-grade .score-badge {margin: 0 auto;position:relative;top: -45px}
.panel-examinstance .cst-grade + .panel-body2 { padding: 15px; margin-top: -40px }
.panel-examinstance .panel-footer2 { padding: 15px; }
.panel-examinstance .cst-running { font-weight:bold; color: #090;}

.modal-content .panel-examinstance { margin-bottom:0; }
.modal-content .panel-examinstance:hover { background:#FFF; border: none; cursor:default; }

#page-exam #page-content > .container {padding-top: 0px;}
#page-exam .cst-wrapper {}
#page-exam .cst-wrapper .alert {margin-top:20px; }

#exam-random-headline {padding: 1em 0;}
#exam-random-headline .cst-buttons {padding-top: 2.0em;}
#exam-random-headline .cst-buttons a {margin-right: 2em;}
#exam-random-headline .cst-buttons a.link {color: #337ab7; font-weight: normal;}
#exam-random-subjects {padding-top: 2em;}
#exam-random-subjects .cst-group { margin-top: 3em; padding-top: 1em; border-top: 1px solid #EEE; }
#exam-random-subjects .cst-group:first-child { margin-top: 0em; padding-top: 0em; border-top: none; }
#exam-random-subjects .cst-group-title {font-size: 1.3em; color: #777;}
#exam-random-subjects .cst-group-items {}
#exam-random-subjects .cst-group-items .cst-item {padding-top: 2em;}
#exam-random-subjects .cst-group-items .cst-item .cst-icon {font-size: 2.6em;}
#exam-random-subjects .cst-group-items .cst-item .cst-subject {padding-top: 0em;}
#exam-random-subjects .cst-group-items .cst-item .cst-name {font-weight:bold; font-size: 1.2em}
#exam-random-subjects .cst-group-items .cst-item .cst-yearterm {}
#exam-random-subjects .cst-group-items .cst-item .cst-score .badge {font-size: 1.5em; padding: .6em; width: 50px !important; width: 50px !important; line-height: 25px; margin-bottom: -3px;}
#exam-random-subjects .cst-group-items .cst-item .cst-examcount {font-size: 1.3em;color: #3498db;}
#exam-random-subjects .cst-group-items .cst-item .cst-examlastdate {color: #777;}
#exam-random-subjects .cst-group-items .cst-item .checkbox label {margin-top: -15px;}
#exam-random-subjects .cst-group-items .cst-item .checkbox label::before {width: 45px; height: 45px;border-radius: 45px; margin-left: -20px;}
#exam-random-subjects .cst-group-items .cst-item .checkbox label::after {font-size: 24px; width: 45px; height: 45px;margin-left: -12px; margin-bottom: -15px; padding-left: 3px; padding-top: 3px;}
#exam-random-subjects .cst-group-items .cst-item .checkbox-primary label::before {border: 2px solid #337ab7;}

.fancy-checkbox input[type="checkbox"] + .btn-group {margin-right: 10px;margin-bottom: 10px;}
.cst-group-items .cst-subitem {padding-top: 1em;}
.cst-group-items .cst-subitem .fancy-checkbox input[type="checkbox"] + .btn-group label {/*border: 1px solid #337ab7;*/}
.cst-group-items .cst-subitem .fancy-checkbox input[type="checkbox"]:checked + .btn-group .btn {color:#fff;background:#337ab7;border: 1px solid #204d74;}
.cst-group-items .cst-subitem .fancy-checkbox input[type="checkbox"]:checked + .btn-group label {}

.cst-students-grid {padding-top: 2em;margin-left: -30px; }
.cst-student-panel { text-align: center; margin-top: -50px; margin-bottom: 3em; padding-bottom: 2em; cursor:pointer; border: 1px solid #FFF; }
.cst-student-panel:hover {background:#EEE;border:1px solid #EEE; }
.cst-student-panel .cst-image { width: 180px; min-height: 100px; margin: 0 auto; }
.cst-student-panel img.img-circle { width: 180px; }
.cst-student-panel .score-badge { border: 2px solid #FFF !important; position:relative; top:50px; right:0px; }
.cst-student-panel .cst-info-board {padding-top: 1em; }
.cst-student-panel .cst-info-board .cst-name { font-weight:normal;font-size: 1.1em; }
.cst-student-panel .cst-info-board .cst-email { color:#3498db;}
.cst-student-panel .cst-info-board .cst-numexam { color:#3498db;}
.cst-student-panel .cst-info-board .cst-stats { padding-top: 1em; color: #888;}
.cst-student-panel .cst-info-board .cst-lastexam { color: #888; }
.cst-student-grid.table .cst-tabitem-name {width: 300px;}


@media (max-width:991px) {     
    #slidemenu {display:none;}
    #slide-nav #slidemenu {background:#272727;}
    #slide-nav #slidemenu {top:-58px;}
    #slide-nav #slidemenu .navbar-nav .navitem > a, #slide-nav #slidemenu .navbar-nav .topbarnav > a {padding-left:1em;}
    #slide-nav #slidemenu .navbar-nav .dropdown-menu li > a {width:100%; padding-left:4em;}        
    #slidemenu.slide-active {}
    #slidemenu .navbar-nav {border-top:0px solid #555;}
    #slidemenu .navbar-nav > li.navitem a, #slidemenu.slide-active .navbar-nav > li.active a:focus {color:#eee;background:#272727 !important;line-height:1.8em;border-bottom: 0px;}
    #slidemenu .navbar-nav > li.navitem a:hover, #slidemenu.slide-active .navbar-nav > li a:focus{color:#EFEFEF;background:#272727 !important;}
    #slidemenu .navbar-nav > li.navitem a i {display:inline-block;color:#999;width:16px;margin-right:16px;font-size:16px;text-align:center;}
    #slidemenu .navbar-nav > li.navitem a i.on-right {margin-left:.5em;}
    #slidemenu .logo-alt {display:block !important;text-align:left;height:69px;}
    #slidemenu .logo-alt {padding:10px 15px 0px 10px;}
    .slidemenu-header {display:block;}
    .slidemenu-header .ctrl-settings {padding:25px 10px 0px 0px;}
    .slidemenu-header .ctrl-settings a i {font-size:20px;color:#999;}
    #navbar-height-col {background:#272727;}
    .navbar li.topbarnav, .navbar .logo-alt, .navbar li a i {display:block;}
    
    #page-home #intro > .row, #page-home #how-it-works > .row { margin-bottom: 0px; }
    #page-home #how-it-works .headline-center { margin-bottom: 30px; }
    #page-home #how-it-works .cst-student { margin-bottom: 50px; }
    #page-home #how-it-works .cst-teacher { margin-bottom: 0px; }
    #page-home .service-block-v4 .container { padding-bottom: 0px; }
} 

/*
@media (min-width: 768px) {    
    .navbar-v2 {border:0px !important;}
    .navbar-v2 .navitem a {font-size:1.5em !important;font-weight: normal !important;}
    .navbar-v2 .nav {margin-top: -20px; margin-bottom: 20px;}
    .header { border: 0px;}
    .header .navbar-v2 .navbar-nav > li > a { padding: 9px 20px 9px 20px; text-transform: none;}
}
*/

@media (min-width: 768px) and (max-width: 991px) {
    #slidemenu {display:none;}
}

@media (max-width: 767px) {
    .screen-mobile{display:inline-block;}
    .topbar {display:none;} 
    .header .container { padding-top: 10px; padding-bottom: 10px;}
    .header .logo img { margin: 0; height: 50px; }
    #intro {padding-top: 50px;}
    #page-home #page-content h1 {padding-bottom: .4em;}
    .login-pane { padding-top: 30px;}
    .col-md-6 .headline-widget {margin-left: 0px;}
    .headline-widget .cst-text1 {height: 80px; }
    .headline-widget .cst-value {height: 80px; font-size: 36pt;}
    .headline-widget .cst-value .cst-perc {font-size: 18pt;}
}

@media (min-width: 480px) and (max-width: 767px) {    
    /*.breadcrumbs .cst-displaymode-switch {padding-left: 0em;width:100%;float:none;}*/    
    .row.exam-overview {margin-left: -15px;margin-right: -15px;} 
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    
    .header { padding: .7em 0; } 
    .header .navbar-toggle { /* margin-top: 35px; */ } 
    .navbar li.topbarnav {display: block;}
    .header .logo img { margin: 0; height: 40px; }
    #slidemenu {display:none;}
    
    .breadcrumbs .cst-displaymode-switch {padding-left: 0em;width:100%;float:none;}
    
    .row.exam-overview {margin-left: -15px;margin-right: -15px;} 
    
    /*.header .nav {position: absolute !important; right: 0; margin-right: 15px; background: #fff; width: 90%;}*/
    /*
    .topbarnav .languages ul {list-style: none;}
    .topbarnav .languages li {display:inline-block; margin-right: 1.5em; }
    .topbarnav .languages li a {color:#777;font-size:14px;border-bottom:0px !important;line-height: 2.2em;}
    */
    #page-home > .container { padding-top: 2em; }
    .service-block-v4 { margin-top: 20px; }
    .service-block-v4 .container { padding-bottom: 10px; }
    .service-block-v4 .row > div { margin-bottom: 30px; }
    .parallax-counter-v4 { padding: 0px; }
    .parallax-counter-v4 .container { padding: 30px 15px; }
    .parallax-counter-v4 .row > div { padding-left: 10px; padding-right: 10px; }
    
    .tp-banner .tp-caption {font-size:16px !important; }
    .tp-banner .tp-caption.tp-description {font-size: 13px !important;line-height: 16px !important;width:100% !important;max-width:100% !important;margin:0 auto !important;text-align: center;}
    .tp-banner .tp-caption.tp-navigation {font-size: 13px !important;}
    .tp-banner .tp-caption.tp-navigation a {font-size: 13px !important;}
    
    /*.tp-banner, .tp-banner-container {width:300px;height:165px;}
    .bannershadow {width:300px; margin-top:-5px;}*/
    
    .exam-instance .exam-question { margin-bottom: 1.5em; }
    .exam-instance-results { width: 100%; }
}

/*Rules ul*/
ul.rules_ul { list-style: none; padding: 0; }
ul.rules_ul li { padding-bottom: 10px; }
ul.rules_ul_2 { list-style: none; }
ul.rules_ul_2 li { padding-bottom: 10px; }
/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky-buttons { position: fixed; top: 0; width: 100%; background: #ffffff; padding: .9em 0px 1em 0px !important; border-bottom: 1px solid #ccc; }
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky-buttons + .content { padding-top: 102px; }

.formula { }
.frac { display: inline-block; position: relative; vertical-align: middle; letter-spacing: 0.001em; text-align: center; }
.frac > .frac-nom { display: block; padding: 0.1em; }
.frac .frac-denom { border-top: thin solid black; display: block; }
.frac .frac-sym { display: none; } 
