/*
* spa.css
* Root namespace styles
*/

/* ROBOTO */
/* Roboto - Thin */
@font-face {
    font-family: Roboto;
    src: url("../fonts/roboto/Thin/Roboto-Thin.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/Thin/Roboto-Thin.woff?v=1.1.0") format("woff"), url("../fonts/roboto/Thin/Roboto-Thin.ttf?v=1.1.0") format("truetype");
    font-weight: 100;
    font-style: normal;
}

/* Roboto - Thin Italic */
@font-face {
    font-family: Roboto;
    src: url("../fonts/roboto/ThinItalic/Roboto-ThinItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/ThinItalic/Roboto-ThinItalic.woff?v=1.1.0") format("woff"), url("../fonts/roboto/ThinItalic/Roboto-ThinItalic.ttf?v=1.1.0") format("truetype");
    font-weight: 100;
    font-style: italic;
}

/* Roboto - Light */
@font-face {
    font-family: Roboto;
    src: url("../fonts/roboto/Light/Roboto-Light.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/Light/Roboto-Light.woff?v=1.1.0") format("woff"), url("../fonts/roboto/Light/Roboto-Light.ttf?v=1.1.0") format("truetype");
    font-weight: 300;
    font-style: normal;
}

/* Roboto - Light Italic */
@font-face {
    font-family: Roboto;
    src: url("../fonts/roboto/LightItalic/Roboto-LightItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/LightItalic/Roboto-LightItalic.woff?v=1.1.0") format("woff"), url("../fonts/roboto/LightItalic/Roboto-LightItalic.ttf?v=1.1.0") format("truetype");
    font-weight: 300;
    font-style: italic;
}

/* Roboto - Regular */
@font-face {
    font-family: Roboto;
    src: url("../fonts/roboto/Regular/Roboto-Regular.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/Regular/Roboto-Regular.woff?v=1.1.0") format("woff"), url("../fonts/roboto/Regular/Roboto-Regular.ttf?v=1.1.0") format("truetype");
    font-weight: 400;
    font-style: normal; }
@font-face {
    font-family: Roboto;
    src: url("../fonts/roboto/Regular/Roboto-Regular.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/Regular/Roboto-Regular.woff?v=1.1.0") format("woff"), url("../fonts/roboto/Regular/Roboto-Regular.ttf?v=1.1.0") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/* Roboto - Italic */
@font-face {
    font-family: Roboto;
    src: url("../fonts/roboto/Italic/Roboto-Italic.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/Italic/Roboto-Italic.woff?v=1.1.0") format("woff"), url("../fonts/roboto/Italic/Roboto-Italic.ttf?v=1.1.0") format("truetype");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: Roboto;
    src: url("../fonts/roboto/Italic/Roboto-Italic.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/Italic/Roboto-Italic.woff?v=1.1.0") format("woff"), url("../fonts/roboto/Italic/Roboto-Italic.ttf?v=1.1.0") format("truetype");
    font-weight: normal;
    font-style: italic;
}

/* Roboto - Medium */
@font-face {
    font-family: Roboto;
    src: url("../fonts/roboto/Medium/Roboto-Medium.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/Medium/Roboto-Medium.woff?v=1.1.0") format("woff"), url("../fonts/roboto/Medium/Roboto-Medium.ttf?v=1.1.0") format("truetype");
    font-weight: 500;
    font-style: normal;
}

/* Roboto - Medium Italic */
@font-face {
    font-family: Roboto;
    src: url("../fonts/roboto/MediumItalic/Roboto-MediumItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/MediumItalic/Roboto-MediumItalic.woff?v=1.1.0") format("woff"), url("../fonts/roboto/MediumItalic/Roboto-MediumItalic.ttf?v=1.1.0") format("truetype");
    font-weight: 500;
    font-style: italic;
}

/* Roboto - Bold */
@font-face {
    font-family: Roboto;
    src: url("../fonts/roboto/Bold/Roboto-Bold.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/Bold/Roboto-Bold.woff?v=1.1.0") format("woff"), url("../fonts/roboto/Bold/Roboto-Bold.ttf?v=1.1.0") format("truetype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: Roboto;
    src: url("../fonts/roboto/Bold/Roboto-Bold.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/Bold/Roboto-Bold.woff?v=1.1.0") format("woff"), url("../fonts/roboto/Bold/Roboto-Bold.ttf?v=1.1.0") format("truetype");
    font-weight: bold;
    font-style: normal;
}

/* Roboto - Bold Italic */
@font-face {
    font-family: Roboto;
    src: url("../fonts/roboto/BoldItalic/Roboto-BoldItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/BoldItalic/Roboto-BoldItalic.woff?v=1.1.0") format("woff"), url("../fonts/roboto/BoldItalic/Roboto-BoldItalic.ttf?v=1.1.0") format("truetype");
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: Roboto;
    src: url("../fonts/roboto/BoldItalic/Roboto-BoldItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/BoldItalic/Roboto-BoldItalic.woff?v=1.1.0") format("woff"), url("../fonts/roboto/BoldItalic/Roboto-BoldItalic.ttf?v=1.1.0") format("truetype");
    font-weight: bold;
    font-style: italic;
}

/* Roboto - Black */
@font-face {
    font-family: Roboto;
    src: url("../fonts/roboto/Black/Roboto-Black.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/Black/Roboto-Black.woff?v=1.1.0") format("woff"), url("../fonts/roboto/Black/Roboto-Black.ttf?v=1.1.0") format("truetype");
    font-weight: 900;
    font-style: normal;
}

/* Roboto - Black Italic */
@font-face {
    font-family: Roboto;
    src: url("../fonts/roboto/BlackItalic/Roboto-BlackItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/roboto/BlackItalic/Roboto-BlackItalic.woff?v=1.1.0") format("woff"), url("../fonts/roboto/BlackItalic/Roboto-BlackItalic.ttf?v=1.1.0") format("truetype");
    font-weight: 900;
    font-style: italic;
}

/* OPEN-SANS */
/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'),
    url('../fonts/open-sans/open-sans-v13-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans/open-sans-v13-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-300italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'),
    url('../fonts/open-sans/open-sans-v13-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans/open-sans-v13-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'),
    url('../fonts/open-sans/open-sans-v13-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans/open-sans-v13-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'),
    url('../fonts/open-sans/open-sans-v13-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans/open-sans-v13-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
    url('../fonts/open-sans/open-sans-v13-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans/open-sans-v13-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'),
    url('../fonts/open-sans/open-sans-v13-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans/open-sans-v13-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
    url('../fonts/open-sans/open-sans-v13-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans/open-sans-v13-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
    url('../fonts/open-sans/open-sans-v13-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans/open-sans-v13-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-800 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'),
    url('../fonts/open-sans/open-sans-v13-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans/open-sans-v13-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-800italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'),
    url('../fonts/open-sans/open-sans-v13-latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/open-sans/open-sans-v13-latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* material icon */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'), local('MaterialIcons-Regular'), url('../fonts/material-icon.woff2') format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
}

body, html {
    height: 100%;
}

body {
    /*padding-top: 80px;*/
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    background-color: #EEEEEE;
    font-size: 16px;
}

body #spa.empty {
    padding-top: 80px;
}

body:before {
    display: block;
    content: "";
    background-color: #0b78b3;
    height: 200px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

a, a:active, a:focus, a:hover {
    outline: 0
}

*:focus {
    outline: none;
    outline-color: #0b78b3 !important;
}

a {
    -webkit-transition: 350ms opacity ease-in-out;
    -moz-transition: 350ms opacity ease-in-out;
    -o-transition: 350ms opacity ease-in-out;
    transition: 350ms opacity ease-in-out
}

.primary {
    background-color: #0b78b3;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color:
    #e9e9e9;
}

.table-hover > tbody > tr:nth-of-type(2n+1):hover {
    background-color: #e5e5e5;
}

.table-hover > tbody > tr:hover {
    color: #000000;
}

.table-striped > tbody > tr.bg-info {
    background-color: #d9edf7 !important;
}

.table-striped > tbody > tr.bg-success {
    background-color: #dff0d8 !important;
}

h1.header,
h4.modal-title {
    color: #0b78b3;
}

h3.subHeader {
    color: #00bcd5;
}

h3.subHeader.leftLine {
    border-left: 1px solid #00bcd5;
    padding-left: 10px;
    min-height: 0 !important;
    font-size: 20px;
}

h3.subHeader.postLine {
    border-bottom: 1px solid #00bcd5;
    min-height: 0 !important;
    padding-bottom: 10px;
    max-width: 330px;
    margin-left: 20px;
    margin-bottom: 20px;
    font-size: 20px;
}

.form-group.has-error .help-block {
    display: block;
}

body .container-fluid .well {
    padding: 19px 35px;
}

.btn {
    font-family: Roboto;
}

.form-group {
    padding-bottom: 20px;
}

.btn-cyan {
    background-color: #00bcd5 !important;
    color: #ffffff !important;
}

.btn-cyan:hover {
    background-color: #03d1ec !important;
}

.btn-blue {
    background-color: #0b78b3 !important;
    color: #ffffff !important;
}

.btn-blue:hover {
    background-color: #0b6bb3 !important;
}

.modal-content .modal-footer button,
.modal-content .modal-footer a {
    margin: 10px 1px !important;
}

.modal .btn-left {
    float: left;
}

.modal-dialog.modal_300 {
    width: 300px !important;
}

.modal-dialog.modal_400 {
    width: 400px !important;
}

.modal-dialog.modal_500 {
    width: 500px !important;
}

.modal-dialog.modal_600 {
    width: 600px !important;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #00bcd5;
    border-color: #00bcd5;
}

.spa-search-close {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #ccc;
    opacity: 0.9;
    text-shadow: 0 1px 0 #333;
    z-index: 20;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.dropdown-menu > li > a {
    padding: 9px 20px;
    font-size: 15px;
    border-top: 1px solid #f5f5f5;
}

.dropdown-menu > li > a:hover {
    background: #f5f5f5;
}

.bootstrap-select > .dropdown-toggle {
    margin: 0;
}

.nav-footerbar {
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 3;
}

.infoicon {
    color: rgba(0, 0, 0, 0.5);
}

.infoicon-wrapper i {
    text-align: center;
    line-height: 56px;
    font-size: 20px;
    color: white;
    background: #dddddd;
    border-radius: 100%;
    display: block;
    width: 56px;
    height: 56px;
}

.text-primary-bg {
    color: #ffffff;
    background: #00bcd5;
    padding: 15px;
}

.nav-sidebar > li {
    margin-bottom: 5px;
}

input:-webkit-autofill { -webkit-box-shadow:0 0 0 500px white inset; }

/*
 * BUTTONS GROUP
 */

.btn-group-raised .btn:not(.btn-link).active, .btn-group-raised .btn:not(.btn-link).active.btn-default, .btn-group-raised .btn:not(.btn-link):active, .btn-group-raised .btn:not(.btn-link):active.btn-default, .btn-group-raised .btn:not(.btn-link):focus, .btn-group-raised .btn:not(.btn-link):focus.btn-default, .btn-group-raised .btn:not(.btn-link):hover, .btn-group-raised .btn:not(.btn-link):hover.btn-default, .btn-group-raised .input-group-btn .btn:not(.btn-link).active, .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-default, .btn-group-raised .input-group-btn .btn:not(.btn-link):active, .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-default, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-default, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-default, .btn.btn-raised:not(.btn-link).active, .btn.btn-raised:not(.btn-link).active.btn-default, .btn.btn-raised:not(.btn-link):active, .btn.btn-raised:not(.btn-link):active.btn-default, .btn.btn-raised:not(.btn-link):focus, .btn.btn-raised:not(.btn-link):focus.btn-default, .btn.btn-raised:not(.btn-link):hover, .btn.btn-raised:not(.btn-link):hover.btn-default, .input-group-btn .btn.btn-raised:not(.btn-link).active, .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-default, .input-group-btn .btn.btn-raised:not(.btn-link):active, .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-default, .input-group-btn .btn.btn-raised:not(.btn-link):focus, .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-default, .input-group-btn .btn.btn-raised:not(.btn-link):hover, .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-default {
    background-color: #0b78b3;
    color: #ffffff;
}

/*
 * DATETIMEPICKER
 */

.bootstrap-datetimepicker-widget table td span.active,
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #0b78b3;
}

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #0b78b3;
}

/*
 * PROGRESS
 */

#spa-progress.progress {
    height: 20px !important;
    margin-bottom: 20px !important;
    overflow: hidden !important;
    background-color: #f5f5f5 !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1) !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1) !important;
    z-index: 1000;
    border: 1px solid #f5f5f5;
}

.progress-label {
    color: #ffffff;
}


/*
 * TIMELINE
 */

.spa-timeline-action {
    cursor: pointer;
}

.spa-timeline-listitem-li {
    position: relative;
}

.spa-timeline-action-delete-timeline-item {
    position: absolute;
    right: 5px;
    top: 5px;
    opacity: 0.7;
    z-index: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.spa-timeline-action-delete-timeline-item i {
    font-size: 20px;
}

.spa-timeline-action-delete-timeline-item:hover {
    opacity: 1;
}

.spa-timeline-listitem-li .spa-timeline-listitem-tmicon.spa-timeline-action {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.spa-timeline-listitem-li:hover .spa-timeline-listitem-tmicon.spa-timeline-action {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
}

.spa-timeline-list-wrapper{
    margin:30px 0 0 0;
    padding:0;
    list-style:none;
    position:relative;
}

.spa-timeline-list-wrapper::before{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    width:10px;
    background:#afdcf8;
    left:20%;
    margin-left:-10px;
}

.spa-timeline-list-wrapper::before{
    background:#f2f2f2;
    width:5px;
    margin-left:-6px;
}

.spa-timeline-list-wrapper>li{
    position:relative;
}

.spa-timeline-list-wrapper>li .spa-timeline-listitem-time{
    /*width:23%!important;*/
    width:100% !important;
}

.spa-timeline-list-wrapper>li .spa-timeline-listitem-time{
    display:block;
    width:25%;
    /*padding-right:100px;*/
    position:absolute;
}

.spa-timeline-list-wrapper>li .spa-timeline-listitem-time>span{
    color:#111;
    font-size:15px;
}

.spa-timeline-list-wrapper>li .spa-timeline-listitem-time>span:first-child{
    font-weight:bold;
    margin-bottom:2px;
}

.spa-timeline-list-wrapper>li .spa-timeline-listitem-time span{
    display:block;
    text-align:right;
}

.spa-timeline-listitem-time span:last-child{
    font-size:2.9em;
    color:#3594cb;
}

.spa-timeline-list-wrapper>li .spa-timeline-listitem-time>span:last-child{
    color:#303641;
    zoom:1;
    -webkit-opacity:.8;
    -moz-opacity:.8;
    opacity:.8;
    filter: alpha(opacity=80);
    font-size:12px;
}

.spa-timeline-list-wrapper>li .spa-timeline-listitem-time>span.large{
    font-size:17px;
}

.spa-timeline-list-wrapper>li .spa-timeline-listitem-time>span.hidden+span{
    margin-top:8px;
}

.spa-timeline-list-wrapper>li .spa-timeline-listitem-tmicon{
    width:40px;
    height:40px;
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    font-size:1.4em;
    line-height:40px;
    -webkit-font-smoothing:antialiased;
    position:absolute;
    color:#fff;
    background:#46a4da;
    border-radius:50%;
    box-shadow:0 0 0 8px #afdcf8;
    text-align:center;
    left:20%;
    top:0;
    margin:0 0 0 -25px
}

.spa-timeline-list-wrapper>li .spa-timeline-listitem-tmicon{
    background:#fff;
    color:#ffffff;
    -moz-box-shadow:0 0 0 5px #f2f2f2;
    -webkit-box-shadow:0 0 0 5px #f2f2f2;
    box-shadow:0 0 0 5px #f2f2f2;
}

.spa-timeline-list-wrapper{
    list-style:none;
}

.spa-timeline-list-wrapper>li .spa-timeline-listitem-tmicon{
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    font-size:1.4em;
    line-height:40px;
    color:#fff;
    text-align:center;
}

.spa-timeline-list-wrapper>li .spa-timeline-listitem-tmicon{
    color:#ffffff;
}

.spa-timeline-list-wrapper>li .spa-timeline-listitem-tmlabel{
    margin:0 0 15px 25%;
    margin-bottom:15px;
    background:#3594cb;
    color:#fff;
    padding:2em;
    font-size:1.2em;
    font-weight:300;
    line-height:1.4;
    position:relative;
    border-radius:5px;
}

.spa-timeline-list-wrapper > li:nth-child(2n+1) .spa-timeline-listitem-tmlabel {
    background:#6cbfee;
}

.spa-timeline-list-wrapper>li .spa-timeline-listitem-tmlabel{
    background:#f2f2f2;
    color:#737881;
    margin-bottom:70px;
    padding:1.7em;
    -webkit-border-radius:3px;
    -webkit-background-clip:padding-box;
    -moz-border-radius:3px;
    -moz-background-clip:padding;
    border-radius:3px;
    background-clip:padding-box;
}

.spa-timeline-list-wrapper>li .spa-timeline-listitem-tmlabel.empty{
    background:0;
    padding:9px 0;
    margin-bottom:70px;
}

.spa-timeline-list-wrapper>li .spa-timeline-listitem-tmlabel{
    color:#fff;
    font-size:1.2em;
    font-weight:300;
    line-height:1.4;
}

.spa-timeline-list-wrapper>li .spa-timeline-listitem-tmlabel{
    color:#737881;
}

.spa-timeline-list-wrapper>li .spa-timeline-listitem-tmlabel::after{
    right:100%;
    border:solid transparent;
    border-top-width:medium;
    border-right-width:medium;
    border-bottom-width:medium;
    border-left-width:medium;
    border-right-color:transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-right-color:#3594cb;
    border-width:10px;
    top:10px;
}

.spa-timeline-list-wrapper>li .spa-timeline-listitem-tmlabel{
    background:#f2f2f2!important;
    background-clip:border-box;
    color:#737881;
    margin-bottom:70px;
    padding:1.7em!important;
    -webkit-border-radius:3px;
    -webkit-background-clip:padding-box;
    -moz-border-radius:3px;
    -moz-background-clip:padding;
    border-radius:3px;
    background-clip:padding-box;
}

.spa-timeline-list-wrapper>li .spa-timeline-listitem-tmlabel::after{
    border-right-color:#f2f2f2;
}

.spa-timeline-listitem-li-author {
    font-style: italic;
    font-size: 12px;
    color: #3594cb;
}

.spa-timeline-listitem-li-author strong {
    font-weight: bold;
}

.spa-timeline-listitem-li-author {
    position: absolute;
    right: 20px;
    bottom: 10px;
}

.spa-timeline-listitem-tmtime {
    position: absolute;
}

.timeline-item-type-icon .fa {
    font-size: 26px;
    margin-top: -3px;
    margin-left: 4px;
    cursor: pointer;
}

.radio label input[name="timelineitem-type"]:checked ~ .bmd-radio::before,
label.radio-inline input[name="timelineitem-type"]:checked ~ .bmd-radio::before {
    background-color: #3594cb;
}

.radio label input[name="timelineitem-type"]:checked ~ .bmd-radio::after,
label.radio-inline input[name="timelineitem-type"]:checked ~ .bmd-radio::after {
    border-color: #3594cb;
}

input[name="timelineitem-type"] ~ .bmd-radio {
    position: relative;
}

.timeline-item-type-icon {
    display: inline-block;
}

#timelineitem-description {
    line-height: 1.6em;
    min-height: 350px;
}

.spa-timeline-action .spa-timeline-listitem-tmicon {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.spa-timeline-action:hover .spa-timeline-listitem-tmicon {
    background: #3594cb;
}

.spa-timeline-action:hover .spa-timeline-listitem-tmicon .fa {
    color: #ffffff !important;
}

/*
 * LOADER
 */

#circularG {
    height: 77px;
    left: 50%;
    margin-left: -64px;
    margin-top: -38px;
    position: absolute;
    top: 50%;
    width: 62px;
    z-index: 6000;
    width: 128px;
    height: 128px;
    display: block;
}

#circularG,
#circularG * {
    opacity: 1 !important;
    z-index: 1000 !important;
}

.circularG{
    position:absolute;
    background-color:#00d2ee;
    width:29px;
    height:29px;
    -moz-border-radius:19px;
    -moz-animation-name:bounce_circularG;
    -moz-animation-duration:1.04s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    -webkit-border-radius:19px;
    -webkit-animation-name:bounce_circularG;
    -webkit-animation-duration:1.04s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -ms-border-radius:19px;
    -ms-animation-name:bounce_circularG;
    -ms-animation-duration:1.04s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:linear;
    -o-border-radius:19px;
    -o-animation-name:bounce_circularG;
    -o-animation-duration:1.04s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    border-radius:19px;
    animation-name:bounce_circularG;
    animation-duration:1.04s;
    animation-iteration-count:infinite;
    animation-direction:linear;
}

#circularG_1{
    left:0;
    top:50px;
    -moz-animation-delay:0.39s;
    -webkit-animation-delay:0.39s;
    -ms-animation-delay:0.39s;
    -o-animation-delay:0.39s;
    animation-delay:0.39s;
}

#circularG_2{
    left:14px;
    top:14px;
    -moz-animation-delay:0.52s;
    -webkit-animation-delay:0.52s;
    -ms-animation-delay:0.52s;
    -o-animation-delay:0.52s;
    animation-delay:0.52s;
}

#circularG_3{
    top:0;
    left:50px;
    -moz-animation-delay:0.65s;
    -webkit-animation-delay:0.65s;
    -ms-animation-delay:0.65s;
    -o-animation-delay:0.65s;
    animation-delay:0.65s;
}

#circularG_4{
    right:14px;
    top:14px;
    -moz-animation-delay:0.78s;
    -webkit-animation-delay:0.78s;
    -ms-animation-delay:0.78s;
    -o-animation-delay:0.78s;
    animation-delay:0.78s;
}

#circularG_5{
    right:0;
    top:50px;
    -moz-animation-delay:0.91s;
    -webkit-animation-delay:0.91s;
    -ms-animation-delay:0.91s;
    -o-animation-delay:0.91s;
    animation-delay:0.91s;
}

#circularG_6{
    right:14px;
    bottom:14px;
    -moz-animation-delay:1.04s;
    -webkit-animation-delay:1.04s;
    -ms-animation-delay:1.04s;
    -o-animation-delay:1.04s;
    animation-delay:1.04s;
}

#circularG_7{
    left:50px;
    bottom:0;
    -moz-animation-delay:1.17s;
    -webkit-animation-delay:1.17s;
    -ms-animation-delay:1.17s;
    -o-animation-delay:1.17s;
    animation-delay:1.17s;
}

#circularG_8{
    left:14px;
    bottom:14px;
    -moz-animation-delay:1.3s;
    -webkit-animation-delay:1.3s;
    -ms-animation-delay:1.3s;
    -o-animation-delay:1.3s;
    animation-delay:1.3s;
}

@-moz-keyframes bounce_circularG{
    0%{
        -moz-transform:scale(1)}

    100%{
        -moz-transform:scale(.3)}

}

@-webkit-keyframes bounce_circularG{
    0%{
        -webkit-transform:scale(1)}

    100%{
        -webkit-transform:scale(.3)}

}

@-ms-keyframes bounce_circularG{
    0%{
        -ms-transform:scale(1)}

    100%{
        -ms-transform:scale(.3)}

}

@-o-keyframes bounce_circularG{
    0%{
        -o-transform:scale(1)}

    100%{
        -o-transform:scale(.3)}

}

@keyframes bounce_circularG{
    0%{
        transform:scale(1)}

    100%{
        transform:scale(.3)}

}