/*** Toolkit css based on bootstrap 3.3.1 ***/
body, html {
    background: #FFF;
    height: 100%;
    overflow: auto;
}
body {
    font-family: robotolight, Helvetica, Arial;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.3px;
}
b, b em, em, h1, h2, h3, h4, h5, h6, strong, strong em {
    font-weight: 400
}
h1 {
    font-family: robotothin;
    font-size: 30px;
    color: #1E1E1E;
    margin: 0 0 30px;
    letter-spacing: -0.1px;
}
h1.heading {
    font-family: robotolight;
    font-size: 35px;
}
h2 {
    font-family: robotothin;
    font-size: 22px;
    color: #C51A1B;
    margin: 0 0 30px;
    line-height: 35px;
}
h3 {
    font-family: robotolight;
    font-size: 20px;
    color: #C51A1B;
    margin: 0 0 30px;
    line-height: 30px;
}
h3.subtitle {
    font-family: robotolight;
    font-size: 18px;
    color: #1E1E1E;
    margin: 0 0 30px;
    line-height: 25px;
}
h4 {
    font-family: robotoregular;
    font-size: 18px;
    color: #1E1E1E;
    margin: 0 0 30px;
    line-height: 25px;
}
h5 {
    font-family: robotolight;
    font-size: 16px;
    color: #C51A1B;
    margin: 0 0 10px;
    line-height: 22px;
}
.block.panel-default h5::before {
    content: '\f054';
    display: inline;
    font-family: FontAwesome;
    font-size: 12px;
    font-weight: 100;
    font-weight: lighter;
    margin-right: 10px;
    vertical-align: middle;
}
p {
    margin: 0 0 20px;
}
a {
    color: #C51A1B;
    text-decoration: none;
    font-family: robotomedium;
}
a:focus, a:hover {
    color: #C51A1B;
    text-decoration: underline;
    outline: 0;
}
a:focus {
    text-decoration: none
}
a:visited {
    font-style: italic;
}
a.external {
    background-image: url("/images/sprite.png");
    background-repeat: no-repeat;
    overflow: hidden;
    background-position: 0 -390px;
    background-position-x: 0;
    background-position-y: -390px;
}
.btn-toolbar a {
    color: #C51A1B;
    text-decoration: none;
    font-family: robotolight;
    line-height: 34px;
}
strong {
    font-family: robotomedium;
    letter-spacing: 0.3px;
}
em {
    font-family: robotoitalic;
    font-style: normal
}
strong em {
    font-family: robotomedium_italic;
    font-style: normal;
    letter-spacing: 0.8px;
}
b {
    font-family: robotobold;
}
b em {
    font-family: robotobold_italic;
    font-style: normal;
    letter-spacing: 0.7px;
}
.row {
    margin-left: 0;
    margin-right: 0;
}
/*** Additional Typographie Styles ***/
.thin {
    font-family: robotothin;
    letter-spacing: 0.4px;
}
.thin em {
    font-family: robotothin_italic;
    font-style: normal
}
.light {
    font-family: robotolight;
    letter-spacing: 0.4px;
}
.light em {
    font-family: robotolight_italic;
    font-style: normal
}
.regular {
    font-family: robotoregular;
    letter-spacing: 0.3px;
}
.regular em {
    font-family: robotoregular_italic;
    font-style: normal
}
.grille {
    font-family: robotoregular;
    font-size: 14px;
}
.red {
    color: #C51A1B;
}
.row.font {
    margin-bottom: 10px;
}
span[class*=col-] {
    display: block;
    padding-bottom: 4px
}
pre {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border: 1px solid #E1E1E1;
    background-color: #F8F8F8;
    font-size: 14px
}
.tkicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale
}
pre.prettyprint {
    background-color: #F8F8F8;
    font-family: Roboto, Helvetica, Arial;
    font-family: robotoregular;
    font-size: 14px;
    line-height: 20px;
    padding: 13px 20px 1px
}
.spacer {
    min-height: 30px;
    clear: both
}
.title {
    font-family: robotomedium;
    color: #C51A1B;
    margin: 0 0 15px;
    font-size: 18px;
}
.container {
    padding: 0;
    overflow: hidden;
}
.grand-slide-container {
    max-width: 1280px;
    margin: 0 auto;
}
.content-wrap {
    margin: 31px 0px 36px;
}
.content {
    padding: 0px 0px 28px
}
.top-bar .brand {
    padding: 15px 0 12px 15px
}
.top-bar .brand img {
    float: left
}
.top-bar .theme {
    font-size: 25px;
    color: #000;
    padding: 46px 13px 0 0;
    text-align: right;
    font-family: robotothin;
}
.top-bar .theme strong {
    font-family: robotomedium;
}
/*** Navbar ***/
.navbar .nav {
    background-color: inherit;
}
.navbar .nav.blackMenu {
    background-color: #1E1E1E;
}
.navbar {
    margin: 0;
    position: relative;
}
.navbar span.navbar-text {
    display: inline-block;
}
.navbar-inverse .navbar-toggle {
    border-color: #FFF;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #FFF
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #C51A1B
}
.navbar-inverse .navbar-toggle:focus .icon-bar, .navbar-inverse .navbar-toggle:hover .icon-bar {
    background-color: #FFF
}
.navbar .navbar-collapse {
    padding: 0
}
.navbar-inverse .navbar-nav {
    padding: 0;
    margin: 0;
}
.navbar-inverse .navbar-nav > li {
    margin: 0;
    padding: 25px 0 25px;
    position: relative;
}
.navbar-inverse .navbar-nav > li.blackMenu {
    background-color: #222;
    box-shadow: 0 4px #444;
}
.navbar-inverse .navbar-nav > li > span,
.navbar-inverse .navbar-nav > li > a {
    color: #FFF;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 18px;
    padding: 0 20px 0 20px;
    text-decoration: none;
}
.navbar-inverse .navbar-nav > li:first-child > a {
    border-left: 1px solid #C51A1B;
}
.navbar-inverse .navbar-nav > li.active,
.navbar-inverse .navbar-nav > li:hover {
    box-shadow: 0 68px 0 rgba(0, 0, 0, .1) inset;
    color: #FFF;
}
.navbar-inverse .navbar-nav > li.active > a {
    border-left: 1px solid #BA1218;
    font-family: robotomedium;
    font-style: normal;
}
.navbar-inverse .navbar-nav > li.active a,
.navbar-inverse .navbar-nav > li.active a:hover,
.navbar-inverse .navbar-nav > li.active a:active,
.navbar-inverse .navbar-nav > li.active a:visited {
    font-style: normal;
}
.navbar-inverse .navbar-nav > li a,
.navbar-inverse .navbar-nav > li a:hover,
.navbar-inverse .navbar-nav > li a:active,
.navbar-inverse .navbar-nav > li a:visited {
    font-style: normal;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
    color: #FFF;
    background: none;
}
.nav.navbar-nav > li > * > i.pull-right {
    margin: 0 -20px 0 1em;
}
.nav.navbar-nav > li > * > i.pull-left {
    margin: 0 .5em 0 -15px;
}
.nav.navbar-nav > li .fa-angle-right {
    transition: transform .3s cubic-bezier(.08, .82, .17, 1);
}
.nav.navbar-nav > li:hover > * > .rotate {
    transform: rotate(90deg);
}
.nav.navbar-nav li:hover > * > .slide {
    transform: translateX(5px);
}
@media (min-width: 768px) {
    .navbar-inverse .navbar-nav > li:hover > a {
        border-left: 1px solid #BA1218;
    }
    .nav.navbar-nav > li.toHover > ul { display: none; }
    #mainMenu .nav.navbar-nav > li > ul { width: 280px; }
    .nav.navbar-nav > li.toHover:active > ul,
    .nav.navbar-nav > li.toHover:hover > ul { display: block; }
}
.nav > li > span {
    display: block;
    padding: 10px 15px;
}
.navbar .container { overflow: visible; }
.navbar .container span,
.navbar .container a {
    font-family: robotolight;
    color: #FFF;
}
.nav.navbar-nav > li > ul {
    border-top: 4px solid rgba(0, 0, 0, .1);
    font-size: 13px;
    line-height: 2em;
    list-style: none;
    position: absolute;
    top: 100%;
    min-width: 180px;
}
.nav.navbar-nav > li > ul.blackMenu {
    border-top: 4px solid rgba(0, 0, 0, .5);
}
.nav.navbar-nav > li > ul > li {
    background-color: inherit;
    color: #FFF;
}
.nav.navbar-nav > li > ul i.fa-angle-right {
    margin-left: -.5em;
    margin-top: 4px;
}
.nav.navbar-nav > li > ul > li a:hover,
.nav.navbar-nav > li > ul > li a:focus {
    background-color: inherit;
    box-shadow: 0 68px 0 rgba(0, 0, 0, .1) inset;
}
.nav.navbar-nav > li > ul.blackMenu > li a:hover,
.nav.navbar-nav > li > ul.blackMenu > li a:focus {
    box-shadow: 0 68px 0 rgba(0, 0, 0, .5) inset;
}
@media (max-width: 767px) {
    .nav.navbar-nav > li > ul {
        position: relative;
    }
}
/*** Carousel ***/
.carousel:before {
}
.carousel-indicators {
    width: 158px;
    height: 23px;
    margin: 0 0 0 -65px;
    bottom: 0;
    background: url(../images/carousel-nav-bg.png) no-repeat 0 0;
    padding: 0 13px
}
.carousel-control.left, .carousel-control.right {
    background: none;
    text-shadow: none;
    filter: none;
}
.carousel-indicators .active, .carousel-indicators li {
    margin: 9px 7px 4px 5px
}
.carousel-indicators li {
    background-color: #7C7B7B;
    border: 0;
    width: 10px;
    height: 10px
}
.carousel-indicators li:last-child {
    margin-right: 0
}
.carousel-indicators .active, .carousel-indicators li:hover {
    background-color: #C51A1B;
    border: 0;
    width: 10px;
    height: 10px
}
.carousel-control .tk-icon-arrow-left, .carousel-control .tk-icon-arrow-right {
    top: 50%;
    z-index: 5;
    display: inline-block
}
.carousel-control .tk-icon-arrow-left {
    left: 50%
}
.carousel-control .tk-icon-arrow-right {
    right: 50%
}
.tk-icon-arrow-left:after, .tk-icon-arrow-left:before, .tk-icon-arrow-right:after, .tk-icon-arrow-right:before {
}
.carousel-control .tk-icon-arrow-left, .carousel-control .tk-icon-arrow-right {
    position: absolute
}
.carousel-control .tk-icon-arrow-left {
    margin: -32px 0 0 -40%
}
.carousel-control .tk-icon-arrow-right {
    margin: -32px -40% 0 0
}
.content:before {
}
.content:after {
}
.content {
    position: relative;
    margin: 0
}
.modal {
    overflow: auto
}
.modal-dialog {
    padding: 0
}
.modal-content {
    border: 0px solid #D84247;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #FFF;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}
.modal-header, .modal-dialog-form .ui-dialog-titlebar {
    background: #FFF;
    color: #C51A1B;
    padding: 40px 15px 0px 29px;
    border: 0 none;
}
.modal-header .close, .modal-dialog-form .ui-dialog-titlebar .close {
    opacity: .4;
    position: relative;
    right: -3px;
    top: -36px;
}
.modal-header .close .tkicon, .modal-dialog-form .ui-dialog-titlebar .close .tkicon {
    margin: 6px 4px 0 0
}
.modal-dialog-form .ui-dialog-title {
    height: 0px;
}
.modal-dialog-form .ui-dialog-titlebar-close {
    margin: 6px 4px 0 0;
    top: 6px;
    width: 22px;
    height: 22px;
    background-color: transparent; /*:none scroll 0px 0px transparent;*/
    background-image: url(/images/sprite.png);
    background-position: -505px -185px;
    background-repeat: no-repeat;
    border: 0;
    text-indent: -99px;
    overflow: hidden;
}
.modal-body, .modal-footer, .modal-dialog-form .ui-dialog-content {
    background: #FFF !important;
}
.modal-title {
    font-size: 20px;
    color: #C51A1B;
    font-weight: 300;
    font-family: robotolight;
}
.modal-body, .modal-dialog .ui-dialog-content {
    padding: 18px 30px 20px;
}
.modal-body p, .modal-dialog-form .ui-dialog-content p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 20px
}
.modal-body:after {
    clear: both;
}
.modal-footer {
    border-top: 0;
    margin-top: 0;
    padding: 0 26px 20px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}
.btn {
    border-radius: 0px;
    border: 0;
    color: #FFF;
    font-family: robotolight;
    padding: 6px 22px
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.bootstrap-select > .btn,
.bootstrap-select > .btn:focus,
.bootstrap-select > .btn:hover {
    color: #333;
}
.modal-footer .btn + .btn {
    margin-left: 16px
}
.btn-default {
    background-color: #9C9C9C
}
.btn-default:focus, .btn-default:hover {
    background-color: #7D7D7D;
    color: #FFF
}
.btn-primary {
    background-color: #C51A1B
}
.btn-primary:focus, .btn-primary:hover {
    background-color: #D30234;
    color: #FFF
}
.tooltip-demo {
    padding: 0 0 26px
}
.tooltip-inner {
    max-width: 261px;
    font-size: 14px;
    line-height: 20px;
    color: #FFF;
    text-align: left;
    padding: 5px 9px 6px;
    background: #C51A1B;
    border: 2px solid #C51A1B;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}
.tooltip.right .tooltip-arrow { border-right-color: #C51A1B; }
.tooltip.left .tooltip-arrow { border-left-color: #C51A1B; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #C51A1B }
.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100)
}
.tooltip.top .tooltip-arrow {
    bottom: -2px;
    border-width: 7px 6px 0;
    border-top-color: #C51A1B
}
/*** Alerts ***/
.alert strong {
    font-family: robotomedium;
    font-size: 16px;
}
.alert,
.custom-tooltip,
.double h3 {
    font-size: 16px;
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    margin: 0 0 27px;
    position: relative;
    padding: 8px 0px 7px 46px;
    font-family: robotolight;
}
.double h3 {
    font-size: 16px;
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    margin: 0 0 27px;
    position: relative;
    padding: 4px 0px 5px 46px;
    font-family: robotolight;
}
.alert {
    text-shadow: none;
}
.alert strong,
.custom-tooltip strong {
    color: #fff;
    font-size: 16px;
}
.custom-tooltip h3 {
    font-size: 14px;
    margin: 0;
}
.alert h3 strong {
    font-size: 16px;
    color: #fff;
}
.alert h3 > span {
    position: absolute;
    margin: 0 6px 0 0;
    left: 15px;
    top: 11px;
}
.alert .close {
    height: 24px;
    opacity: 1;
    right: 5px;
    transition: ease all .1s;
    width: 24px;
}
.alert .close:hover {
    opacity: .6;
}
.alert .close span {
    top: 0;
    left: 0;
    position: relative;
    margin: 0;
}
.alert-danger,
.alert-danger h3,
.tooltip-danger {
    background-color: #d81920;
    border-color: #d81920;
    color: #fff;
}
.alert-danger h3:before,
.alert-danger:before {
    background-color: #c82809;
}
.alert-danger a {
    color: #fff;
    border-bottom: 1px solid #fff;
}
.alert-danger a:hover {
    text-decoration: none;
}
.alert-success,
.alert-success h3,
.tooltip-success {
    background-color: #289852;
    border-color: #289852;
    color: #fff;
}
.alert-success h3:before,
.alert-success:before {
    background-color: #289852;
}
.alert-warning,
.alert-warning h3,
.tooltip-warning {
    background-color: #F16723;
    border-color: #F16723;
    color: #fff;
}
.alert-warning h3:before,
.alert-warning:before {
    background-color: #ff7e00;
}
.alert-info,
.alert-info h3,
.tooltip-info {
    background-color: #3D3D3D;
    border-color: #3D3D3D;
    color: #fff;
}
.alert-info h3:before,
.alert-info:before {
    background-color: #3D3D3D;
}
.alert-problem,
.alert-problem h3,
.tooltip-problem {
    background-color: #979797;
    border-color: #979797;
    color: #fff;
}
.alert-problem h3:before,
.alert-problem:before {
    background-color: #979797;
}
.double:before {
    background-color: transparent;
}
.double {
    padding: 0;
    margin: 0 0 28px;
}
.double h3,
.double p {
    margin: 0;
    font-family: robotolight;
    font-size: 16px;
}
.double p {
    padding: 13px 46px;
    letter-spacing: 0px;
    line-height: 21.2px;
}
.double p:before {
    content: '';
}
.alert-danger p:before,
.alert-danger p {
    background-color: #E84B53;
}
.alert-success p:before,
.alert-success p {
    background-color: #30B662;
}
.alert-warning p:before,
.alert-warning p {
    background-color: #F48543;
}
.alert-info p:before,
.alert-info p {
    background-color: #5C5C5C;
}
.alert-problem p:before {
    background-color: #868282;
}
.alert-problem p {
    background-color: #ACABAB;
}
.alert-dismissable .close {
    z-index: 9;
}
.double .close {
    top: 6px;
}
.custom-tooltip {
    font-size: 14px;
    line-height: 20px;
    padding: 7px 10px 7px 15px;
    letter-spacing: 0.68px;
}
.custom-tooltip:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.custom-tooltip span.tkicon {
    position: absolute;
    left: 12px;
    top: 8px;
}
.custom-tooltip strong {
    font-family: robotomedium;
    font-size: 15px;
    margin: 0 3px 0px 15px;
}
.custom-tooltip span.tk-icon-tick {
    left: 15px;
    top: 8px;
}
.custom-tooltip span.tk-icon-alert {
    left: 12px;
    top: 7px;
}
.custom-tooltip span.tk-icon-info {
    left: 10px;
    top: 9px;
}
.custom-tooltip span.tk-icon-tools {
    left: 9px;
    top: 9px;
}
.custom-tooltip.tooltip-success strong {
    margin: 0 3px 0 15px;
}
.custom-tooltip.tooltip-success {
    padding: 7px 11px 7px 19px;
    letter-spacing: 0.7px;
}
.custom-tooltip.tooltip-warning strong {
    margin: 0 3px 0 15px;
}
.custom-tooltip.tooltip-warning {
    padding: 6px 11px 7px 19px;
    letter-spacing: 0.5px;
}
.custom-tooltip.tooltip-info strong {
    margin: 0 2px 0 15px;
}
.custom-tooltip.tooltip-info {
    padding: 7px 11px 7px 18px;
    letter-spacing: 0.68px;
}
.custom-tooltip.tooltip-problem strong {
    margin: 0 2px 0 13px;
}
.custom-tooltip.tooltip-problem {
    padding: 7px 11px 7px 18px;
    letter-spacing: 0.68px;
}


.form-elements {
    list-style: none;
    margin: 0;
    padding: 0 0 17px
}
.form-elements li {
    display: block;
    position: relative;
    padding: 0 0 39px
}
.form-elements li label {
    display: block;
    float: none;
    font-size: 14px;
    color: #2D2D2D;
    font-family: robotolight;
    margin: 0 0 22px
}
.form-elements li .input-wrap {
    position: relative
}
.form-elements .tip input[type=text] {
    background: #FFF;
    width: 255px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #2D2D2D;
    padding: 0 10px;
    font-family: robotolight;
    max-width: 100%;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 7px
}
.form-elements .tip input.error {
    border-color: #D51D29
}
.form-elements .tip input.success {
    border-color: #5BBC25
}
.form-elements .tip input.warning {
    border-color: #F06723
}
.form-elements .tip input.info {
    border-color: #3D3D3D
}
.form-elements .tip input.problem {
    border-color: #979797
}
.spinner-wrap {
    text-align: center;
    line-height: 93px;
    padding: 12px 0 45px
}
.spinner {
    vertical-align: middle;
    display: inline-block;
    width: 93px;
    height: 93px;
    font-size: 25px;
    color: #F03;
    font-family: roboto, Helvetica, Arial;
    font-weight: 400;
    margin: -4px 11px 0
}
.spinner-wrap span {
    font-size: 14px;
    color: #2D2D2D;
    margin: 0
}
.progress:before {
}
.progress {
    position: relative;
    height: 36px;
    background: #FECDD9;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    overflow: visible;
    margin: 0 -35px 43px
}
.progress-bar {
    background: #C51A1B;
    height: 36px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    text-align: right;
    padding: 0 8px 0 0
}
.progress-bar span {
    display: block;
    padding: 0 61px 0 0;
    margin: 0 -61px 0 0;
    height: 36px;
    line-height: 36px;
    font-size: 25px;
    font-family: robotomedium;
    background: url(../images/progress-icon.png) no-repeat 100% 0
}
.progress-bar span sup {
    font-family: robotolight;
    font-size: 14px;
    top: -7px
}
.code {
    clear: both;
}
.tk-wizard {
    position: relative;
    margin: 0 0 34px
}
.wizard-dots {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 9
}
.wizard-dots li {
    overflow: hidden;
    height: 55px;
    float: left;
    width: 170px;
    text-align: center;
    background-image: url(/images/wizard-sprite.png);
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    color: #2D2D2D;
    background-position: 0 -220px;
    background-position-x: 0;
    background-position-y: -220px;
    margin-left: -10px;
}
.wizard-dots li:last-child {
    background-position: 100% -275px;
    background-position-x: 100%;
    background-position-y: -275px;
}
.wizard-dots li.active {
    background-position: 100% -110px;
    background-position-x: 100%;
    background-position-y: -110px;
}
.wizard-dots li:first-child.active {
    background-position: 100% 0;
}
.wizard-dots li:last-child.active {
    background-position: 100% -385px;
}
.wizard-dots li.completed {
    background-position: 100% -165px;
}
.wizard-dots li:first-child.completed {
    background-position: 100% -55px;
}
.wizard-dots li:last-child.completed {
    background-position: 100% -330px;
}
.wizard-dots li:first-child.active a, .wizard-dots li.active a, .wizard-dots li:first-child.completed a, .wizard-dots li.completed a {
    color: #FFF;
}
.wizard-dots li a {
    height: 60px;
    overflow: hidden;
    display: block;
    font-size: 16px;
    color: #2D2D2D;
    padding: 15px;
    font-family: robotolight;
}
.subtitle {
    font-size: 16px;
    margin: -23px 0 25px;
    font-family: robotoregular, Helvetica, Arial;
    font-weight: 500;
    letter-spacing: 0.2px;
}
.font p {
    font-size: 16px;
    margin: 0 0 37px;
    line-height: 24px
}
.map:before {
    content: '';
}
.map {
    position: relative;
    margin: 0 -35px 35px
}
.tk-icon-block-arrow, .tk-icon-block-arrow-active, .tk-icon-block-arrow-hover, .tk-icon-blocks, .tk-icon-blocks-active, .tk-icon-blocks-hover {
    top: 0;
    margin: 0 4px 0 5px
}
.tkicon-block {
    display: inline-block;
    margin: 0 5px 0px 0;
    width: 31px;
    height: 31px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*float: left;*/
    text-align: center;
    vertical-align: middle;
    background: red;
}
.tkicon-block.particuliers {
    background-image: url(/images/sprite.png);
    background-repeat: no-repeat;
    text-indent: -99px;
    overflow: hidden;
    background-position: -1px -65px;
}
.tkicon-block.entreprises {
    background-image: url(/images/sprite.png);
    background-repeat: no-repeat;
    text-indent: -99px;
    overflow: hidden;
    background-position: -1px -97px;
}
.tkicon-block.operateurs {
    background-image: url(/images/sprite.png);
    background-repeat: no-repeat;
    text-indent: -99px;
    overflow: hidden;
    background-position: -1px -129px;
}
.tkicon-block.assistance {
    background-image: url(/images/sprite.png);
    background-repeat: no-repeat;
    text-indent: -99px;
    overflow: hidden;
    background-position: -1px -161px;
}
.tkicon-block.mtelecom {
    background-image: url(/images/sprite.png);
    background-repeat: no-repeat;
    text-indent: -99px;
    overflow: hidden;
    background-position: -1px -193px;
}
.tkicon-block span.tkicon {
    display: inline-block
}
.btn-toolbar {
    font-size: 18px;
    color: #585858;
    background: none;
    min-height: 50px;
    padding: 0 0 0px 3.1%;
    overflow: hidden;
    margin: 0 0 30px;
    border: 1px solid #E1E1E1;
}
.btn-toolbar .divider {
    border-left: 1px dotted #C9C9C9;
    float: left;
    height: 50px;
    margin: -3px 4.3% 0 -5px
}
.btn-toolbar a {
    color: #585858;
    margin-top: 7px;
    display: inline-block
}
.btn-toolbar a.hover, .btn-toolbar a:hover {
    color: #C51A1B;
    text-decoration: none
}
.btn-toolbar a.active, .btn-toolbar a:active {
    color: #C30633
}
.btn-toolbar .tkicon {
    margin: 10px 36px 0 0;
    float: left;
    min-width: 12px;
    min-height: 25px;
    background-image: url('../images/toolbar.png');
}
.vertical-toolbar {
    width: 50px;
    min-height: 520px;
    display: inline-block;
    padding: 0;
    margin: 0 0 30px
}
.vertical-toolbar .tkicon {
    margin: 16px 14px;
    min-width: 12px;
    min-height: 25px
}
.vertical-toolbar a {
    float: none !important;
    display: block;
}
.vertical-toolbar .divider {
    border-top: 1px dotted #C9C9C9;
    border-left: 0;
    float: none;
    height: 14px;
    margin: 25px 0 8px;
    display: block;
    width: 50px;
}
.sharebox {
    overflow: hidden;
    width: 320px;
    padding: 0 0 22px 4.5%;
    margin: 0 0 29px
}
.sharebox ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden
}
.sharebox span, .sharebox ul li {
    float: left
}
.sharebox ul li {
    margin: 0 5px 0 0
}
.sharebox span {
    font-size: 12px;
    color: #7E7E7E;
    line-height: 32px;
    float: left;
    padding: 0 8px 0 0
}
.sharebox ul li a {
    float: left;
    width: 24px;
    height: 30px;
    text-align: center;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}
.sharebox .tk-icon-facebook {
    background-position: -360px 4px;
}
.sharebox .tk-icon-twitter {
    background-position: -387px 4px;
}
.sharebox .tk-icon-gplus {
    background-position: -416px 4px
}
.sharebox .tk-icon-viadeo {
    background-position: -446px 4px
}
.sharebox .tk-icon-linkedin {
    background-position: -474px 4px
}
.sharebox .tk-icon-gmail {
    background-position: -500px 4px
}
.sharebox .tk-icon-facebook.active, .sharebox .tk-icon-facebook.hover, .sharebox .tk-icon-facebook:active, .sharebox .tk-icon-facebook:hover {
    background-position: -360px -20px;
}
.sharebox .tk-icon-twitter.active, .sharebox .tk-icon-twitter.hover, .sharebox .tk-icon-twitter:active, .sharebox .tk-icon-twitter:hover {
    background-position: -387px -20px;
}
.sharebox .tk-icon-gplus.active, .sharebox .tk-icon-gplus.hover, .sharebox .tk-icon-gplus:active, .sharebox .tk-icon-gplus:hover {
    background-position: -416px -20px
}
.sharebox .tk-icon-viadeo.active, .sharebox .tk-icon-viadeo.hover, .sharebox .tk-icon-viadeo:active, .sharebox .tk-icon-viadeo:hover {
    background-position: -446px -20px
}
.sharebox .tk-icon-linkedin.active, .sharebox .tk-icon-linkedin.hover, .sharebox .tk-icon-linkedin:active, .sharebox .tk-icon-linkedin:hover {
    background-position: -474px -20px
}
.sharebox .tk-icon-gmail.active, .sharebox .tk-icon-gmail.hover, .sharebox .tk-icon-gmail:active, .sharebox .tk-icon-gmail:hover {
    background-position: -500px -20px
}
.breadcrumb {
    background: 0 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding-left: 0px;
}
.breadcrumb > li:first-child:before {
    content: "a";
    font-family: tk-webfont, Helvetica, Arial;
    font-weight: 300;
    font-size: 12px;
    color: #484848;
    position: relative;
    padding: 0 12px 0 0px;
    top: 0px
}
.breadcrumb > li + li:before {
    content: "d";
    font-family: tk-webfont, Helvetica, Arial;
    font-weight: 300;
    font-size: 7px;
    color: #484848;
    position: relative;
    padding: 0 5px;
    top: -1px
}
.breadcrumb a {
    color: #3B3B3B;
    font-family: robotolight;
    font-size: 14px;
    letter-spacing: -0.3px;
}
.breadcrumb a:hover, .breadcrumb > .active {
    color: #C51A1B;
    text-decoration: none
}
.pulldown {
    position: relative;
    margin: 0 0 20px
}
.pulldown > a {
    font-size: 15px;
    line-height: 20px;
    color: #1E1E1E;
    border: 1px solid #EFEFEF;
    font-family: robotothin;
    padding: 5px;
    background-color: #FFF;
}
.pulldown.hover > a, .pulldown > a:hover {
    color: #1E1E1E;
    text-decoration: none
}
.pulldown.hover > a span.pull-arrow, .pulldown > a:hover span.pull-arrow {
    background-color: #C51A1B;
}
.pulldown.open a, .pulldown > a:active {
    color: #1E1E1E;
}
.pulldown.open a span.pull-arrow, .pulldown > a:active span.pull-arrow {
    background-color: #C51A1B;
}
.pulldown .pull-arrow {
    display: inline-block;
    margin: 0;
    color: #FFF;
    width: 32px;
    height: 32px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #3B3B3B;
    position: relative;
    top: -6px;
    right: -6px;
}
.pulldown .pull-down:after {
    content: "c";
    font-family: tk-webfont, Helvetica, Arial;
    font-weight: 300;
    font-size: 9px;
    color: #FFF;
    position: relative;
    left: 10px;
    top: 5px;
}
.pulldown.open .pull-down:after {
    content: "b"
}
.pulldown .dropdown-menu {
    margin: -4px 0;
    padding: 0;
    width: 269px;
    border: 1px solid #E5E5E5;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #FFF;
    -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 rgba(0, 0, 0, 0);
    overflow: hidden;
    width: 269px;
}
.pulldown .dropdown-menu li {
    border-bottom: 1px solid #E5E5E5;
    margin: 1px 0 0 0;
    height: 31px;
}
.pulldown .dropdown-menu li:last-child {
    border-bottom: 0
}
.pulldown .dropdown-menu li a {
    font-size: 14px;
    padding: 5px;
    font-family: robotothin;
    font-size: 15px;
}
.pulldown .dropdown-menu a:hover {
    background-color: #C51A1B;
    color: #FFF;
}
.pulldown .dropdown-menu li a:hover:before {
    color: #FFF
}
.nav-tabs {
    border: 0;
}
.nav-tabs > li {
    margin: 0 5px 0 0;
}
.nav-tabs > li:last-child a {
    margin-right: -1px
}
.nav-tabs > li > a {
    padding: 10px 50px;
    margin: 0;
    margin-bottom: 1px;
    line-height: 1.428571429;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #FFF;
    font-size: 16px;
    font-family: robotolight;
    height: 41px;
    text-align: center;
    top: 1px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #EE767A;
    border: 0 none;
}
.nav-tabs > li > a:hover {
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    color: #FEFEFE;
    top: 1px;
    height: 41px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #C51A1B;
    border: 0 none;
}
.tab-content {
    border: 1px solid #E5E5E5;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #EFEFEF;
    border-top: 0
}
.tab-pane {
    border-top: 2px solid #C51A1B;
    padding: 20px 20px 17px
}
.tab-pane .media > .pull-left {
    margin-right: 21px
}
.tab-pane .media-heading {
    margin: 1px 0 12px;
    font-size: 15px;
    font-weight: 400;
    font-family: robotoregular;
}
.btn-toolbar {
    line-height: 28px
}
.btn-toolbar h4 {
    margin: 1em 0 .3em
}
.btn-toolbar .btn-group {
    vertical-align: middle
}
.step-title {
    min-height: 20px;
    border-radius: 0
}
#psteps_add_validation .step-title, #psteps_conditional_validation .step-title, #psteps_simple .step-title, #psteps_strict .step-title {
    padding-left: 0;
    padding-right: 0;
    width: 99.5% !important;
    min-height: 28px;
    display: block
}
#psteps_add_validation .step-title .step-order, #psteps_conditional_validation .step-title .step-order, #psteps_simple .step-title .step-order, #psteps_strict .step-title .step-order {
    float: left;
    margin-left: 12%
}
#psteps_add_validation .step-title .step-name, #psteps_conditional_validation .step-title .step-name, #psteps_simple .step-title .step-name, #psteps_strict .step-title .step-name {
    float: left;
    margin-left: 2%
}
#psteps_add_validation .step-title [class^=icon-], #psteps_conditional_validation .step-title [class^=icon-], #psteps_simple .step-title [class^=icon-], #psteps_strict .step-title [class^=icon-] {
    float: right;
    margin-right: 7%;
    margin-top: 2%
}
#psteps_add_validation .step-title .step-name, #psteps_strict .step-title .step-name {
    margin-left: 12%
}
.psteps_circle_titles .circle-step {
    width: 10px;
    height: 10px;
    padding: 5px;
    line-height: 10px;
    font-size: 10px;
    border-radius: 500px;
    min-height: 10px
}
.psteps_circle_titles .step-line {
    border-bottom: 1px solid #DDD;
    display: inline-block;
    width: 20%
}
.psteps_circle_contents {
    background: #F9F9F9;
    border: 1px dashed #CCC;
    margin: 15px 0 0;
    padding: 20px
}
.back-button, .next-button, .submit-button {
    float: right;
    margin: 3px
}
.colored-box {
    display: inline-block;
    cursor: pointer;
    width: 50px;
    height: 50px;
    opacity: .5
}
.btn-auto { width: auto !important }
.btn-group { margin: 10px; }
.dropdown-menu .btn-group { margin: 0; }
.btn-container { margin: 22px 0px 50px; }
.content .btn-lg { margin-right: 0px; }
.content .btn-sm-sm {margin-right: 25px; }
.content .btn-xs { margin-right: 25px; }
.btn-lg {
    font-size: 22px;
    background-color: #141414;
    padding: 2px;
    margin: 0;
    width: 180px;
    height: 36px;
    border-radius: 0;
    font-family: robotolight;
    font-size: 22px;
}
.btn-lg .tkicon-block {
    float: right;
    margin: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    background-image: url("../images/sprite.png");
    background-repeat: no-repeat;
    position: relative;
    left: 2px;
    top: -2px;
}
.btn-lg.btn-red .tkicon-block {
    background-position: -42px -161px;
    display: block;
}
.btn-lg.btn-red:hover .tkicon-block, .btn-lg.btn-red.hover .tkicon-block {
    background-position: -78px -161px;
    display: block;
}
.btn-lg.btn-red:active .tkicon-block, .btn-lg.btn-red.active .tkicon-block {
    background-position: -110px -161px;
    display: block;
}
/*** Blue button ***/
.btn-lg.btn-blue .tkicon-block {
    background-position: -42px -197px;
    display: block;
}
.btn-lg.btn-blue:hover .tkicon-block, .btn-lg.btn-blue.hover .tkicon-block {
    background-position: -78px -197px;
    display: block;
}
.btn-lg.btn-blue:active .tkicon-block, .btn-lg.btn-blue.active .tkicon-block {
    background-position: -110px -197px;
    display: block;
}
/*** Green button ***/
.btn-lg.btn-green .tkicon-block {
    background-position: -150px -161px;
    display: block;
}
.btn-lg.btn-green:hover .tkicon-block, .btn-lg.btn-green.hover .tkicon-block {
    background-position: -186px -161px;
    display: block;
}
.btn-lg.btn-green:active .tkicon-block, .btn-lg.btn-green.active .tkicon-block {
    background-position: -218px -161px;
    display: block;
}
/*** Brown button ***/
.btn-lg.btn-brown .tkicon-block {
    background-position: -150px -197px;
    display: block;
}
.btn-lg.btn-brown:hover .tkicon-block, .btn-lg.btn-brown.hover .tkicon-block {
    background-position: -186px -197px;
    display: block;
}
.btn-lg.btn-brown:active .tkicon-block, .btn-lg.btn-brown.active .tkicon-block {
    background-position: -218px -197px;
    display: block;
}
/*** Gray button ***/
.btn-lg.btn-grey .tkicon-block {
    background-position: -258px -161px;
    display: block;
}
.btn-lg.btn-grey:hover .tkicon-block, .btn-lg.btn-grey.hover .tkicon-block {
    background-position: -294px -161px;
    display: block;
}
.btn-lg.btn-grey:active .tkicon-block, .btn-lg.btn-grey.active .tkicon-block {
    background-position: -330px -161px;
    display: block;
}
.btn-lg.active, .btn-lg:active {
    background-image: none;
    outline: 0;
}
/*** Level 2 Buttons ***/
.btn-xs {
    background-color: #141414;
    border-radius: 0;
    font-family: robotolight;
    font-size: 15px;
    height: 27px;
    margin: 0;
    padding: 2px 2px 2px 10px;
    text-align: left;
    white-space: nowrap;
    width: 125px;
}
.btn-xs .tkicon-block {
    float: right;
    margin: 0;
    padding: 0;
    width: 27px;
    height: 27px;
    background-image: url("../images/sprite.png");
    background-repeat: no-repeat;
    position: relative;
    left: 2px;
    top: -2px;
}
.btn-xs .tk-icon {
    width: 27px;
    height: 27px;
    margin: -2px;
}
.btn-xs.btn-red .tkicon-block {
    background-position: -262px -165px;
    display: block;
}
.btn-xs.btn-red:hover .tkicon-block, .btn-xs.btn-red.hover .tkicon-block {
    background-position: -82px -165px;
    display: block;
}
.btn-xs.btn-red:active .tkicon-block, .btn-xs.btn-red.active .tkicon-block {
    background-position: -120px -165px;
    display: block;
}
/*** Blue Button ***/
.btn-xs.btn-blue .tkicon-block { background-position: -262px -165px;
    display: block;
}
.btn-xs.btn-blue:hover .tkicon-block, .btn-xs.btn-blue.hover .tkicon-block {
    background-position: -82px -201px;
    display: block;
}
.btn-xs.btn-blue:active .tkicon-block, .btn-xs.btn-blue.active .tkicon-block {
    background-position: -120px -201px;
    display: block;
}
/*** Green button ***/
.btn-xs.btn-green .tkicon-block {
    background-position: -262px -165px;
    display: block;
}
.btn-xs.btn-green:hover .tkicon-block, .btn-xs.btn-green.hover .tkicon-block {
    background-position: -190px -165px;
    display: block;
}
.btn-xs.btn-green:active .tkicon-block, .btn-xs.btn-green.active .tkicon-block {
    background-position: -226px -165px;
    display: block;
}
/*** Brown button ***/
.btn-xs.btn-brown .tkicon-block {
    background-position: -262px -165px;
    display: block;
}
.btn-xs.btn-brown:hover .tkicon-block, .btn-xs.btn-brown.hover .tkicon-block {
    background-position: -190px -201px;
    display: block;
}
.btn-xs.btn-brown:active .tkicon-block, .btn-xs.btn-brown.active .tkicon-block {
    background-position: -226px -201px;
    display: block;
}
/*** Gray button ***/
.btn-xs.btn-grey .tkicon-block {
    background-position: -262px -165px;
    display: block;
}
.btn-xs.btn-grey:hover .tkicon-block, .btn-xs.btn-grey.hover .tkicon-block {
    background-position: -298px -165px;
    display: block;
}
.btn-xs.btn-grey:active .tkicon-block, .btn-xs.btn-grey.active .tkicon-block {
    background-position: -335px -165px;
    display: block;
}
/*** Natif Red button ***/
.btn-xs.btn-red-natif .tkicon-block {
    background-position: -46px -165px;
    display: block;
}
.btn-xs.btn-red-natif:hover .tkicon-block, .btn-xs.btn-red-natif.hover .tkicon-block {
    background-position: -82px -165px;
    display: block;
}
.btn-xs.btn-red-natif:active .tkicon-block, .btn-xs.btn-red-natif.active .tkicon-block {
    background-position: -120px -165px;
    display: block;
}
/*** Sm Sm level 3 buttons ***/
.btn-sm-sm {
    border-radius: 0;
    background: #242424;
    width: 130px;
    height: 36px;
    color: #FFF;
}
.btn-sm-sm.btn-red:hover, .btn-sm-sm.btn-red.hover {
    background: #C51A1B;
    color: #FFF;
}
.btn-sm-sm.btn-red:active, .btn-sm-sm.btn-red.active {
    background: #BA1218;
    color: #FFF;
}
.btn-sm-sm.btn-blue:hover, .btn-sm-sm.btn-blue.hover {
    background: #07395C;
    color: #FFF;
}
.btn-sm-sm.btn-blue:active, .btn-sm-sm.btn-blue.active {
    background: #062F4D;
    color: #FFF;
}
.btn-sm-sm.btn-green:hover, .btn-sm-sm.btn-green.hover {
    background: #00645D;
    color: #FFF;
}
.btn-sm-sm.btn-green:active, .btn-sm-sm.btn-green.active {
    background: #004641;
    color: #FFF;
}
.btn-sm-sm.btn-brown:hover, .btn-sm-sm.btn-brown.hover {
    background: #938669;
    color: #FFF;
}
.btn-sm-sm.btn-brown:active, .btn-sm-sm.btn-brown.active {
    background: #796E55;
    color: #FFF;
}
.btn-sm-sm.btn-grey:hover, .btn-sm-sm.btn-grey.hover {
    background: #5F5F5F;
    color: #FFF;
}
.btn-sm-sm.btn-grey:active, .btn-sm-sm.btn-grey.active {
    background: #545454;
    color: #FFF;
}
/*** btn sm-xs ***/
.btn-sm-xs {
    border-radius: 0;
    background: #242424;
    width: 85px;
    height: 31px;
    color: #FFF;
    border-bottom: 4px solid #FFF;
    font-family: robotolight;
    font-size: 15px;
    font-weight: 300;
    padding: 4px 22px;
}
.btn-sm-xs.btn-red {
    background: #C51A1B;
    color: #FFF;
    border-color: #EC6A6E;
}
.btn-sm-xs.btn-red:hover, .btn-sm-xs.btn-red.hover {
    background: #BA1218;
    color: #FFF;
    border-color: #D23237;
}
.btn-sm-xs.btn-red:active, .btn-sm-xs.btn-red.active {
    background: #D23237;
    color: #FFF;
    border-color: #BA1218;
}
.btn-sm-xs.btn-blue {
    background: #07395C;
    color: #FFF;
    border-color: #126297;
}
.btn-sm-xs.btn-blue:hover, .btn-sm-xs.btn-blue.hover {
    background: #062F4D;
    color: #FFF;
    border-color: #124D77;
}
.btn-sm-xs.btn-blue:active, .btn-sm-xs.btn-blue.active {
    background: #124D77;
    color: #FFF;
    border-color: #062F4D;
}
.btn-sm-xs.btn-green {
    background: #00645D;
    color: #FFF;
    border-color: #02A095;
}
.btn-sm-xs.btn-green:hover, .btn-sm-xs.btn-green.hover {
    background: #00544E;
    color: #FFF;
    border-color: #01837A;
}
.btn-sm-xs.btn-green:active, .btn-sm-xs.btn-green.active {
    background: #01837A;
    color: #FFF;
    border-color: #00544E;
}
.btn-sm-xs.btn-brown {
    background: #938669;
    color: #FFF;
    border-color: #B0A17F;
}
.btn-sm-xs.btn-brown:hover, .btn-sm-xs.btn-brown.hover {
    background: #7A7059;
    color: #FFF;
    border-color: #9C8F71;
}
.btn-sm-xs.btn-brown:active, .btn-sm-xs.btn-brown.active {
    background: #9C8F71;
    color: #FFF;
    border-color: #7A7059;
}
.btn-sm-xs.btn-grey {
    background: #5F5F5F;
    color: #FFF;
    border-color: #7B7A7A;
}
.btn-sm-xs.btn-grey:hover, .btn-sm-xs.btn-grey.hover {
    background: #4D4D4D;
    color: #FFF;
    border-color: #6C6C6C;
}
.btn-sm-xs.btn-grey:active, .btn-sm-xs.btn-grey.active {
    background: #6C6C6C;
    color: #FFF;
    border-color: #4D4D4D;
}
.btn:last-child {
    margin-right: 0
}
.btn .tkicon, .btn-normal .tkicon {
    margin-right: 9px;
    float: left
}
.btn.hover, .btn:focus, .btn:hover {
    color: #FFF
}
.btn-lg.active, .btn-lg:active, .btn-lg:focus {
    color: #FFF
}
.btn-sm {
    font-size: 18px;
    font-family: robotothin;
    color: #FFF;
    border-width: 0;
    border-style: solid;
    padding: 5px 16px 5px 11px;
    margin: 0 107px 35px 0;
    width: 167px;
    height: 43px;
    border-radius: 0px;
    background-color: #1E1E1E;
    border-bottom: 4px solid #3B3B3B;
}
.btn-sm:hover, .btn-sm.hover {
    background-color: #000000;
    border-color: #2D2D2D;
}
.btn-sm:active, .btn-sm.active {
    background-color: #2D2D2D;
    border-color: #000000;
}
.btn-xs .tk-icon-zoom-md {
    margin: 3px 4px 0 6px
}
.btn-xs.active, .btn-xs:active {
    background-image: none;
    outline: 0;
}
a[class*=tkicon-] {
    margin: 0 71px 33px 0
}
a[class*=tkicon-]:last-child {
    margin-right: 0
}
.icon-red {
    background-color: #E60F43
}
.icon-red:active, .icon-red:focus, .icon-red:hover {
    background-color: #C30633
}
.icon-blue {
    background-color: #34A2EE
}
.icon-blue:active, .icon-blue:focus, .icon-blue:hover {
    background-color: #177AC0
}
.icon-orange {
    background-color: #FF9C00
}
.icon-orange:active, .icon-orange:focus, .icon-orange:hover {
    background-color: #FF6B00
}
.icon-green {
    background-color: #45C39B
}
.icon-green:active, .icon-green:focus, .icon-green:hover {
    background-color: #2E9776
}
.icon-gray {
    background-color: #DDD
}
.icon-gray:active, .icon-gray:focus, .icon-gray:hover {
    background-color: #CCC
}
.icon-black {
    background-color: #535353
}
.icon-black:active, .icon-black:focus, .icon-black:hover {
    background-color: #323232
}
.icon-dark-green {
    background-color: #83C53B
}
.icon-dark-green:active, .icon-dark-green:focus, .icon-dark-green:hover {
    background-color: #6A9A37
}
.icon-sky-blue {
    background-color: #41C8E5
}
.icon-sky-blue:active, .icon-sky-blue:focus, .icon-sky-blue:hover {
    background-color: #3EA0B5
}
.icon-purple {
    background-color: #B25FD0
}
.icon-purple:active, .icon-purple:focus, .icon-purple:hover {
    background-color: #854C9A
}
a.tkicon-block.active, a.tkicon-block:active {
    background-image: none;
    outline: 0;
    -moz-box-shadow: inset 0 3px 3px rgba(2, 2, 2, .21);
    -webkit-box-shadow: inset 0 3px 3px rgba(2, 2, 2, .21);
    box-shadow: inset 0 3px 3px rgba(2, 2, 2, .21)
}
[class*=list-type-] {
    list-style: none;
    margin: 0 0 20px;
    padding: 0
}
ul[class*=list-type-] > li {
    position: relative
}
ul[class*=list-type-] > li:before {
    font-family: tk-webfont !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #C51A1B;
    position: absolute
}
.list-type-one li {
    padding: 0 0 2px 15px;
    font-size: 16px;
    font-weight: 400;
    font-family: robotolight;
    color: #D71A20;
}
.list-type-one > li:before {
    content: "e";
    font-size: 9px;
    left: 0px;
    top: 8px;
    font-weight: bold;
}
.list-type-two {
    padding: 2px 0 0
}
.list-type-two li {
    padding: 0 0 3.5px 15px;
    font-size: 15px;
    font-weight: 400;
    font-family: robotolight;
}
.list-type-two > li:before {
    content: "f";
    font-size: 10px;
    left: 1px;
    top: 7px
}
.list-type-three {
    padding: 2px 0 0
}
.list-type-three li {
    padding: 0 0 3.5px 15px;
    font-size: 15px;
    font-weight: 400;
    font-family: robotolight;
}
.list-type-three > li:before {
    content: "e";
    font-size: 6px;
    left: 3px;
    top: 9px
}
.tablesorter-default {
    border-collapse: collapse;
    margin: 0 0 27px
}
.tablesorter-default .header, .tablesorter-default .tablesorter-header {
    font-size: 14px;
    font-family: robotobold;
    padding: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom: 4px solid #B8B8B8
}
.tablesorter-default .tablesorter-header .tablesorter-header-inner {
    background-color: #D6D6D6;
    border-right: 17px solid #A5A5A5;
    height: 46px;
    line-height: 44px;
    padding: 0 15px;
    position: relative;
    cursor: pointer
}
.tablesorter-default .tablesorter-header .tablesorter-header-inner:after {
    font-family: FontAwesome;
    font-size: 12px;
    color: #FFF;
    content: '';
    position: absolute;
    right: -11px;
    top: 0
}
.tablesorter-default .tablesorter-headerRow .tablesorter-header:first-child {
    padding: 0
}
.tablesorter-default .tablesorter-header:first-child .tablesorter-header-inner {
    margin: 0 0 0 -1px;
    border-right: 1px solid #B8B8B8;
    border-top: 1px solid #E5E5E5;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px
}
.tablesorter-default .tablesorter-header:last-child .tablesorter-header-inner {
    border-right: 0;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px
}
.tablesorter-default th, .tablesorter-default thead td {
    font-family: roboto, Helvetica, Arial
}
.tablesorter-default th {
    font-size: 14px;
    font-family: robotobold;
    color: #464646
}
.tablesorter-default tr td {
    height: 43px;
    padding: 0 19px;
    border-right: 1px solid #EAEAEA
}
.tablesorter-default td span.tkicon {
    float: left;
    margin: 0 7px 0 0
}
.tablesorter-default tr td:first-child {
    border-left: 0px none;
}
.tablesorter-default tr:last-child td {
    border-bottom: 1px solid #E5E5E5
}
.tablesorter-default .tk-icon-edit, .tablesorter-default .tk-icon-view {
    margin-right: 19px
}
.tablesorter {
    border-collapse: collapse;
    margin: 0 0 27px
}
.tablesorter .header {
    font-size: 15px;
    font-family: robotomedium;
    padding: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom: 1px solid #BEBEBE;
    border-right: 0 none;
    font-weight: normal;
}
.tablesorter .header-inner {
    background-color: #EFEFEF;
    border-right: 0px none;
    height: 46px;
    line-height: 44px;
    padding: 0 15px;
    position: relative;
    cursor: pointer
}
.tablesorter .header:first-child {
    padding: 0
}
.tablesorter .header:last-child {
    border-right: 0
}
.tablesorter .header:first-child .header-inner {
    margin: 0 0 0 -1px;
    border-right: 0;
    border-top: 1px solid #E5E5E5;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px
}
.tablesorter .header:last-child .header-inner {
    border-right: 0;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px
}
.tablesorter th {
    font-size: 14px;
    font-family: robotobold;
    color: #464646;
    border-bottom: 1px solid #BEBEBE;
}
.tablesorter tr td {
    height: 44px;
    padding: 0 19px;
    border-right: 0 none;
    border-bottom: 1px solid #BEBEBE;
}
.tablesorter td span.tkicon {
    float: left;
    margin: 0 7px 0 0
}
.tablesorter tr td:first-child {
    border-left: 0 none;
}
.tablesorter tr:last-child td {
    border-bottom: 0 none
}
.tablesorter a {
    font-family: robotolight;
    color: #C51A1B;
    font-size: 15px;
}
.tablesorter a:hover, .tablesorter a.hover {
    text-decoration: underline;
}
.tablesorter a:active, .tablesorter a.active {
    color: #BA1218;
}
.tablesorter a[target="joa"] {
    color: #288CD2
}
.tablesorter .header .prettycheckbox {
    margin: 8px 0 0 5px
}
.tablesorter tbody tr.odd td {
    background-color: #EFEFEF;
}
.tablesorter tbody tr.even td {
    background-color: #EFEFEF
}
.tablesorter .disabled td, .tablesorter .disabled td a {
    color: #828282;
    cursor: not-allowed;
    text-decoration: none
}
.tablesorter em {
    font-family: robotolight_italic;
}
.vtab {
    margin: 0 0 30px;
    overflow: hidden;
    border: 1px solid #E8E8E8;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #F6F6F6
}
.vtab > .nav-tabs {
    border-bottom: 0;
    width: 45.31%
}
.vtab .tab-content > .tab-pane {
    display: none;
    border: 0;
    background: 0 0;
    padding: 0
}
.vtab .tab-content > .active {
    display: block
}
.vtab > .nav-tabs > li {
    float: none;
    width: 100%;
    margin: 0;
    height: auto
}
.vtab > .nav-tabs > li > a {
    height: auto;
    display: block;
    position: static;
    margin: 0;
    background-color: #C51A1B;
    color: #FFF;
    font-family: robotomedium;
    border-right: 3px solid #C90635;
    border-top: 1px solid #C90635;
    border-left: 0;
    border-bottom: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-align: left;
    padding: 7px 13px 9px;
    line-height: 17px
}
.vtab > .nav-tabs {
    float: left
}
.vtab > .nav-tabs > li > a:focus, .vtab > .nav-tabs > li > a:hover {
    padding: 7px 13px 9px
}
.vtab > .nav-tabs .active > a, .vtab > .nav-tabs .active > a:focus, .vtab > .nav-tabs .active > a:hover {
    font-family: robotolight;
    color: #333;
    border-right: 0;
    background-color: #F6F6F6;
    border-left: 0;
    border-bottom: 0;
    border-top: 0;
    height: auto
}
.vtab .tab-content {
    margin: 0 0 0 45.31%;
    padding: 20px 16px;
    border: 0
}
address {
    margin: 0 0 70px
}
address p {
    margin: 0 0 20px 30px;
    padding: 0
}
address .tkicon {
    float: left;
    margin-left: 1px
}
address .tk-icon-address-pin {
    margin-top: 5px;
    margin-left: 4px
}
address .tk-icon-mobile {
    margin-top: 4px;
    margin-left: 3px
}
.form-list {
    list-style: none;
    margin: 0;
    padding: 1px 0 0;
    width: 100%
}
.form-list > li {
    padding: 0 0 11px
}
.form-list li input {
    width: 100%
}
input[type=email], input[type=password], input[type=text], select, textarea {
    border-color: transparent;
    border-radius: 0;
    border-style: solid;
    border-width: 0 0 0 6px;
    color: #333;
    transition: border linear .2s, box-shadow linear .2s;
}
input[type=email], input[type=password], input[type=text] {
    padding: 0 10px;
    width: 255px;
    height: 31px;
    line-height: 31px;
}
input.hasDatepicker {
    border: 1px solid #D1D1D1;
    height: 36px;
}
input[type=email].focus, input[type=email]:focus, input[type=password].focus, input[type=password]:focus, input[type=text].focus, input[type=text]:focus {
    border-left-color: #C51A1B;
}
input[type=email].error, input[type=password].error, input[type=text].error {
    background-color: #F6CCCC;
    background-repeat: no-repeat;
    background-image: url('../images/error-box.png');
    background-position: 100% 0;
    padding-right: 32px;
}
textarea {
    width: 100%;
    height: 152px;
    padding: 10px;
    resize: none;
    overflow: auto;
    border: 1px solid #EFEFEF;
}
textarea.focus, textarea:focus {
    border: 1px solid #C51A1B;
}
textarea.error {
    background: #F7D7D7
}
input[disabled], textarea[disabled] {
    background: #F8F8F8
}
select {
    height: 36px;
    width: 100%
}
label {
    color: #2D2D2D;
    font-family: robotolight;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 8px
}
.required {
    color: #C51A1B
}
.hint {
    float: right;
    padding: 11px 8px 0 0
}
.form-list .btn .tkicon {
    margin: 5px 3px 0 2px
}
.bootstrap-select {
    margin: 0
}
.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
    width: 269px !important;
}
.bootstrap-select > .btn {
    margin: 0;
    border: 1px solid #EFEFEF;
    background: #FFF
}
.bootstrap-select .btn-select {
    padding: 5px 22px;
    height: 31px;
    background: #FFF;
    color: #2D2D2D;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}
.bootstrap-select .btn-select:active, .bootstrap-select .btn-select.active {
    box-shadow: none;
}
.bootstrap-select .btn-select:hover .caret, .bootstrap-select .btn-select.hover .caret {
    box-shadow: none;
    background-color: #C51A1B;
}
.btn-group.bootstrap-select.open .btn-select span.caret {
    box-shadow: none;
    background-color: #C51A1B;
}
.btn-group.open .btn-select {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.bootstrap-select.btn-group .btn-select span.filter-option {
    right: 40px
}
.btn-group.bootstrap-select .btn-select span.caret {
    margin: 0;
    border-width: 0;
    top: 0px;
    right: 0px;
    width: 31px;
    height: 29px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #3B3B3B
}
.btn-group.bootstrap-select:hover .btn-select span.caret, .btn-group.bootstrap-select.hover .btn-select span.caret {
    background-color: #C51A1B
}
.btn-group.bootstrap-select .btn-select span.caret:after {
    content: "c";
    font-family: tk-webfont, Helvetica, Arial;
    font-weight: 300;
    font-size: 10px;
    color: #FFF;
    position: relative;
    left: 0;
    top: 5px
}
.btn-group.bootstrap-select.open .btn-select span.caret:after {
    content: "b"
}
.bootstrap-select .dropdown-menu {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #FFF;
    border: 1px solid #EFEFEF;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0;
    margin: -1px 0 0
}
.bootstrap-select .dropdown-menu li {
    border-bottom: 1px solid #EFEFEF
}
.bootstrap-select .dropdown-menu li.selected:not(.disabled),
.bootstrap-select .dropdown-menu li:not(.disabled):hover {
    border-color: #C51A1B;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.bootstrap-select .dropdown-menu > li:last-child {
    border-bottom: 0
}
.bootstrap-select .dropdown-menu li a {
    font-size: 14px;
    color: #2D2D2D;
    font-family: robotolight;
    padding: 8px 13px 8px;
}
.bootstrap-select .dropdown-menu li:not(.disabled) a:hover,
.bootstrap-select .dropdown-menu li.selected:not(.disabled) a {
    background-color: #C51A1B;
    color: #FFF;
    font-weight: 500
}
.pagination {
    margin: 0 0 20px;
    overflow: hidden;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.pagination li {
    float: left;
    height: 35px
}
.pagination li a {
    text-align: center;
    line-height: 28px;
    padding: 0;
    margin: 0 5px 0 0;
    font-size: 17px;
    font-family: robotolight;
    color: #FFF;
    border: 0;
    width: 28px;
    height: 28px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #242424
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin-left: 0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.pagination li a:hover, .pagination li.active a, .pagination li.active a:focus, .pagination li.active a:hover {
    background-color: #C51A1B;
    color: #FFF
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #C51A1B;
    border-color: #C51A1B;
    color: #FFF;
}
.pagination .fa {
    font-size: 22px;
    line-height: 28px
}
.pagination li span {
    border: 0;
    background: 0 0;
    padding: 0;
    font-size: 16px;
    line-height: 48px;
    margin: 0 6px 0 -4px
}
.pagination li span:focus, .pagination li span:hover {
    border: 0;
    background: 0 0
}
.thumbnail {
    position: relative;
    padding: 0;
    margin: 0 0 60px;
    max-width: 229px;
    border: 1px solid #D7D7D7;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #FFF;
    box-shadow: 1 1 1 #CCC;
}
.thumbnail .caption-container {
    clear: both;
    min-height: 74px;
}
.thumbnail .caption {
    background-color: #F5F5F5;
    padding: 8px 21px 4px;
    width: 205px;
    float: left;
}
.thumbnail img {
    margin: 5px auto;
}
.thumbnail h3 {
    font-size: 16px;
    font-family: robotothin;
    margin: 10px 0 0;
    color: #555555;
    line-height: 26px;
}
.thumbnail h3 a {
    color: #555555;
    font-family: robotothin;
    font-size: 16px;
}
.thumbnail p {
    color: #1E1E1E;
    margin: 0;
    font-family: robotomedium;
    font-size: 18px;
}
.thumbnail .card-side {
    float: left;
    background-color: #D7D7D7;
    width: 22px;
    color: #ECECEC;
    font-weight: normal;
    font-size: 24px;
    font-family: robotolight;
    height: 74px;
    padding: 18px 5px 0;
    line-height: 24px;
    overflow: hidden;
}
.thumbnail .card-side:after {
    content: "";
    clear: both;
}
.thumbnail:hover, .thumbnail.hover {
    -webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.48);
    -moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.48);
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.48);
}
.thumbnail:hover .card-side, .thumbnail.hover .card-side {
    background-color: #C51A1B;
    color: #FFF;
}
.panel-heading {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.toggle.well {
    margin: 0 71px 0 32px;
    padding: 0;
    width: 52px;
    min-height: 19px;
    height: 19px;
    border: 1px solid #E5E5E5;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #FFFFFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    cursor: pointer
}
.toggle.well:last-child {
    margin-right: 0
}
.toggle .btn-primary {
    background: #D21E21;
    border-width: 0 0 4px;
    border-style: solid;
    border-color: #AF0917
}
.toggle > span {
    left: 0 !important
}
.toggle > span span {
    font-size: 16px;
    font-family: robotolight;
    line-height: 14px;
    width: auto !important;
    margin: 0
}
.toggle .on-off-wrap span.on {
    color: #333;
    margin-left: -32px
}
.toggle span.on-off-wrap span.off {
    color: #F03;
    margin-right: -34px;
    left: 61px !important;
    margin-left: 0
}
.header-toggle-on .on-off-wrap span.on {
    color: #F03
}
.header-toggle-on span.on-off-wrap span.off {
    color: #333;
    font-weight: 300
}
.toggle .slide-button {
    border-bottom: 4px solid #EC6A6E;
    width: 28px !important;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #C51A1B
}
.toggle .slide-button:hover, .toggle.hover .slide-button {
    background: #BA1218;
    border-color: #D84247
}
.toggle .slide-button:active, .toggle .slide-button:focus, .toggle.active .slide-button {
    border-bottom: 4px solid #BA1218;
    background: #D84247;
    border-color: #BA1218
}
.switch-wrapper {
    display: inline-block;
    position: relative;
    top: 3px
}
#ex1, #ex2, #ex3, #ex4 {
    width: 323px
}
.select {
    display: inline-block;
    margin: 0 45px 0 0;
    width: 97px
}
.select input[type=checkbox] + label, .select input[type=radio] + label {
    display: inline-block;
    margin: -2px -2px 25px !important;
    padding: 0;
    color: #666;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    font-size: 16px;
    line-height: 42px;
    font-weight: 500;
    float: none
}
.select input[type=checkbox]:checked + label, .select input[type=radio]:checked + label {
    color: #FFF;
    background-image: none;
    outline: 0
}
.select input[type=radio]:checked + label {
    width: 49px;
    height: 42px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #C51A1B;
    color: #FFF;
    margin: -2px -2px 25px !important
}
.select input[type=radio] + label {
    width: 49px;
    height: 42px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #F6F6F6;
    color: #666;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: -2px -2px 25px !important
}
.select label:last-child {
    -webkit-border-radius: 0 4px 4px 0 !important;
    border-radius: 0 4px 4px 0 !important
}
.select input[type=radio].hover + label, .select input[type=radio]:hover + label {
    background-color: #F6F6F6;
    color: #666
}
.select input[type=radio]:checked.hover + label, .select input[type=radio]:checked:hover + label {
    background-color: #C30633;
    color: #FFF
}
.select input[type=radio]:checked.active + label, .select input[type=radio]:checked:active + label, .select input[type=radio]:focus:active + label {
    background-color: #C30633;
    color: #FFF;
    -moz-box-shadow: inset 0 3px 3px rgba(2, 2, 2, .21);
    -webkit-box-shadow: inset 0 3px 3px rgba(2, 2, 2, .21);
    box-shadow: inset 0 3px 3px rgba(2, 2, 2, .21)
}
.btn-toggle {
    display: inline-block;
    margin: 0 0px 0 0;
    width: 97px
}
.btn-toggle-vertical > .btn.active, .btn-toggle-vertical > .btn:active, .btn-toggle-vertical > .btn:focus, .btn-toggle-vertical > .btn:hover, .btn-toggle > .btn.active, .btn-toggle > .btn:active, .btn-toggle > .btn:focus, .btn-toggle > .btn:hover {
    z-index: 0
}
.select input[type=checkbox], .select input[type=radio] {
    display: none
}
.btn-toggle .btn {
    display: inline-block;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    font-size: 16px;
    line-height: 42px;
    font-weight: 500;
    float: none;
}
.btn-toggle .btn.active, .btn-toggle .btn:active {
    width: 49px;
    height: 42px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #C51A1B;
    color: #FFF;
    margin: -2px -2px 25px !important;
    background-image: none;
    outline: 0;
    border-color: #EC6A6E;
}
.btn-toggle .btn {
    width: 49px;
    height: 42px;
    -webkit-border-radius: 0px 0 0 0px;
    border-radius: 0px 0 0 0px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #FFFFFF;
    color: #1E1E1E;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: -2px -2px 25px !important;
    border-bottom: 5px solid #FFF;
    border-color: #FFFFFF;
}
.btn-toggle .btn:last-child {
    -webkit-border-radius: 0 0px 0px 0 !important;
    border-radius: 0 0px 0px 0 !important
}
.btn-toggle .btn.active:hover, .btn-toggle.on-hover .btn.active {
    background-color: #BA1218;
    color: #FFF;
    border-color: #EC6A6E;
}
.btn-toggle .btn.active:active, .btn-toggle .btn.active:focus, .btn-toggle.on-click .btn.active {
    background-color: #D84247;
    color: #FFF;
    border-color: #BA1218;
}
.btn-toggle.large {
    width: 170px;
}
.btn-toggle.large .btn.active,
.btn-toggle.large .btn:active,
.btn-toggle.large .btn {
    width: 85px;
}
.search {
    margin: 0 0 30px;
    overflow: hidden;
    position: relative;
    max-width: 255px
}
.search input[type=text] {
    padding-right: 40px;
    width: 100%;
    border: 1px solid #D1D1D1;
}
.search input:focus {
    border: 1px solid #D1D1D1
}
.search .btn {
    width: 31px;
    height: 31px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0px;
    top: 0px
}
.btn-extred {
    background-color: #C51A1B;
    box-shadow: none;
}
.btn-extred:hover, .btn-extred.hover {
    background-color: #BA1218;
    box-shadow: none;
}
.btn-extred:active, .btn-extred.active {
    background-color: #C51A1B;
    box-shadow: none;
}
.search .btn .tkicon {
    margin: -1px 0 0 6px
}
.date-picker {
    position: relative;
    max-width: 255px
}
.date-picker input:focus {
    border: 1px solid #D1D1D1
}
input[type=date] {
    padding-right: 40px;
    width: 100%
}
.date-picker .btn-datepicker {
    width: 34px;
    height: 34px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 1px;
    top: 1px;
    margin-right: 0px !important;
}
.btn-datepicker .tkicon {
    margin: -2px 0 0 6px
}
.ui-widget-content {
    background: #F8F8F8 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}
.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
    cursor: pointer;
    text-indent: -99px;
    overflow: hidden;
    display: block;
    height: 30px;
    width: 30px;
    margin: 0 !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}
.ui-datepicker .ui-datepicker-next span {
    background-image: url("/images/next-arw.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    right: 3px !important;
    left: auto !important;
    top: -1px !important
}
.ui-datepicker .ui-datepicker-prev span {
    background-image: url("/images/prev-arw.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    left: 3px !important;
    top: -1px !important
}
.inline .ui-widget-content {
    border: 0 !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: none;
    padding: 0;
    margin: 0 auto
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    min-height: 253px;
    background: #F8F8F8
}
.ui-datepicker-multi-3 .ui-datepicker-group-first {
    border-right: 0 none;
}
.ui-datepicker-multi-3 .ui-datepicker-group-middle {
    border-left: 1px solid #D5D5D5;
    border-right: 1px solid #D5D5D5
}
.ui-datepicker-multi-3 .ui-datepicker-group-last {
    border-left: 0 none;
}
.ui-datepicker-inline .ui-datepicker-next, .ui-datepicker-inline .ui-datepicker-prev {
    top: -5px !important;
    cursor: pointer
}
.ui-datepicker-inline .ui-datepicker-prev {
    left: 0px !important;
    margin: 0;
    width: 27px;
    height: 52px;
    -webkit-border-radius: 0 0px 0px 0 !important;
    border-radius: 0 0px 0px 0 !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: none;
}
.ui-datepicker-inline .ui-datepicker-next {
    right: 0px !important;
    margin: 0;
    width: 27px;
    height: 52px;
    -webkit-border-radius: 0 0px 0px 0 !important;
    border-radius: 0 0px 0px 0 !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: none;
}
.ui-datepicker-inline .ui-datepicker-next span, .ui-datepicker-inline .ui-datepicker-prev span {
    text-indent: -99px;
    overflow: hidden;
    display: block;
    width: 13px;
    height: 22px;
    margin-left: -5px !important;
    margin-top: -11px !important
}
.ui-datepicker-inline .ui-datepicker-next span.ui-icon, .ui-datepicker-inline .ui-datepicker-prev span.ui-icon {
    left: 50% !important;
    top: 50% !important
}
.ui-datepicker-inline .ui-datepicker-prev span.ui-icon {
    background: url(../images/prev-arw.png) no-repeat 0 0 !important
}
.ui-datepicker-inline .ui-datepicker-next span.ui-icon {
    background: url(../images/next-arw.png) no-repeat 0 0 !important
}
.ui-datepicker-inline .ui-datepicker-header .ui-state-hover {
    background-color: none !important;
}
.ui-datepicker {
    min-width: 255px !important
}
.ui-datepicker .ui-datepicker-header {
    background: #EEE !important;
    padding: 6px 0 4px !important
}
.ui-datepicker-header .ui-state-hover {
    background: none !important
}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    padding: 4px 0 0;
    color: #2D2D2D;
    font-size: 16px
}
.ui-datepicker .ui-datepicker-title {
    font-weight: 500 !important;
    font-size: 16px !important
}
.ui-datepicker th {
    color: #2D2D2D !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    padding: 7px 0 2px !important
}
.ui-datepicker td {
    color: #2D2D2D !important;
    font-size: 15px !important;
    font-weight: 500 !important
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .6 !important;
    -webkit-opacity: .6 !important;
    -moz-opacity: .6 !important;
    filter: alpha(opacity=60) !important
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none !important
}
.ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #C51A1B !important;
    background-image: none !important
}
.ui-datepicker .ui-state-active:hover {
    background: #C30633 !important
}
.tk-example {
    position: relative;
    padding: 28px 15px 33px;
    background-color: #999
}
.tk-example + .highlight {
    margin: -15px -15px 15px;
    border-radius: 0;
    border-width: 0 0 1px
}
.tk-example-modal {
    background-color: #333333
}
.tk-example-modal:before {
    content: '';
}
.tk-example-modal .modal {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    z-index: 1;
    display: block
}
.tk-example-modal .modal-dialog {
    left: auto;
    margin-left: auto;
    margin-right: auto
}
@font-face {
    font-family: 'tk-webfont';
    src: url('../fonts/tk-webfont.eot');
    src: url('../fonts/tk-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/tk-webfont.woff') format('woff'),
    url('../fonts/tk-webfont.ttf') format('truetype'),
    url('../fonts/tk-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
.tk-font {
    display: inline-block;
    font-family: tk-webfont;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.eot?v=4.0.3);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3) format('embedded-opentype'), url(../fonts/fontawesome-webfont.woff?v=4.0.3) format('woff'), url(../fonts/fontawesome-webfont.ttf?v=4.0.3) format('truetype'), url(../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular) format('svg');
    font-weight: 400;
    font-style: normal
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.fa-lg {
    font-size: 1.3333333333333333em;
    line-height: .75em;
    vertical-align: -15%
}
.fa-2x {
    font-size: 2em
}
.fa-3x {
    font-size: 3em
}
.fa-4x {
    font-size: 4em
}
.fa-5x {
    font-size: 5em
}
.fa-fw {
    width: 1.2857142857142858em;
    text-align: center
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.142857142857143em;
    list-style-type: none
}
.fa-ul > li {
    position: relative
}
.fa-li {
    position: absolute;
    left: -2.142857142857143em;
    width: 2.142857142857143em;
    top: .14285714285714285em;
    text-align: center
}
.fa-li.fa-lg {
    left: -1.8571428571428572em
}
.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #EEE;
    border-radius: .1em
}
.fa.pull-left {
    margin-right: .3em
}
.fa.pull-right {
    margin-left: .3em
}
.fa-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}
@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg)
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg)
    }
}
@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(359deg)
    }
}
@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(359deg)
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}
.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}
.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}
.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}
.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1)
}
.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1)
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}
.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}
.fa-stack-1x {line-height: inherit}
.fa-stack-2x {font-size: 2em}
.fa-inverse {color: #FFF}
.fa-at:before {content: "\f1fa"}
.fa-glass:before {content: "\f000"}
.fa-music:before {content: "\f001"}
.fa-search:before {content: "\f002"}
.fa-envelope-o:before {content: "\f003"}
.fa-heart:before {content: "\f004"}
.fa-star:before {content: "\f005"}
.fa-star-o:before {content: "\f006"}
.fa-user:before {content: "\f007"}
.fa-film:before {content: "\f008"}
.fa-th-large:before {content: "\f009"}
.fa-th:before {content: "\f00a"}
.fa-th-list:before {content: "\f00b"}
.fa-check:before {content: "\f00c"}
.fa-times:before {content: "\f00d"}
.fa-search-plus:before {content: "\f00e"}
.fa-search-minus:before {content: "\f010"}
.fa-power-off:before {content: "\f011"}
.fa-signal:before {content: "\f012"}
.fa-cog:before, .fa-gear:before {content: "\f013"}
.fa-trash-o:before {content: "\f014"}
.fa-home:before {content: "\f015"}
.fa-file-o:before {content: "\f016"}
.fa-clock-o:before {content: "\f017"}
.fa-road:before {content: "\f018"}
.fa-download:before {content: "\f019"}
.fa-arrow-circle-o-down:before {content: "\f01a"}
.fa-arrow-circle-o-up:before {content: "\f01b"}
.fa-inbox:before {content: "\f01c"}
.fa-play-circle-o:before {content: "\f01d"}
.fa-repeat:before, .fa-rotate-right:before {content: "\f01e"}
.fa-refresh:before {content: "\f021"}
.fa-list-alt:before {content: "\f022"}
.fa-lock:before {content: "\f023"}
.fa-flag:before {content: "\f024"}
.fa-headphones:before {content: "\f025"}
.fa-volume-off:before {content: "\f026"}
.fa-volume-down:before {content: "\f027"}
.fa-volume-up:before {content: "\f028"}
.fa-qrcode:before {content: "\f029"}
.fa-barcode:before {content: "\f02a"}
.fa-tag:before {content: "\f02b"}
.fa-tags:before {content: "\f02c"}
.fa-book:before {content: "\f02d"}
.fa-bookmark:before {content: "\f02e"}
.fa-print:before {content: "\f02f"}
.fa-camera:before {content: "\f030"}
.fa-font:before {content: "\f031"}
.fa-bold:before {content: "\f032"}
.fa-italic:before {content: "\f033"}
.fa-text-height:before {content: "\f034"}
.fa-text-width:before {content: "\f035"}
.fa-align-left:before {content: "\f036"}
.fa-align-center:before {content: "\f037"}
.fa-align-right:before {content: "\f038"}
.fa-align-justify:before {content: "\f039"}
.fa-list:before {content: "\f03a"}
.fa-dedent:before, .fa-outdent:before {content: "\f03b"}
.fa-indent:before {content: "\f03c"}
.fa-video-camera:before {content: "\f03d"}
.fa-picture-o:before {content: "\f03e"}
.fa-pencil:before {content: "\f040"}
.fa-map-marker:before {content: "\f041"}
.fa-adjust:before {content: "\f042"}
.fa-tint:before {content: "\f043"}
.fa-edit:before, .fa-pencil-square-o:before {content: "\f044"}
.fa-share-square-o:before {content: "\f045"}
.fa-check-square-o:before {content: "\f046"}
.fa-arrows:before {content: "\f047"}
.fa-step-backward:before {content: "\f048"}
.fa-fast-backward:before {content: "\f049"}
.fa-backward:before {content: "\f04a"}
.fa-play:before {content: "\f04b"}
.fa-pause:before {content: "\f04c"}
.fa-stop:before {content: "\f04d"}
.fa-forward:before {content: "\f04e"}
.fa-fast-forward:before {content: "\f050"}
.fa-step-forward:before {content: "\f051"}
.fa-eject:before {content: "\f052"}
.fa-chevron-left:before {content: "\f053"}
.fa-chevron-right:before {content: "\f054"}
.fa-plus-circle:before {content: "\f055"}
.fa-minus-circle:before {content: "\f056"}
.fa-times-circle:before {content: "\f057"}
.fa-check-circle:before {content: "\f058"}
.fa-question-circle:before {content: "\f059"}
.fa-info-circle:before {content: "\f05a"}
.fa-crosshairs:before {content: "\f05b"}
.fa-times-circle-o:before {content: "\f05c"}
.fa-check-circle-o:before {content: "\f05d"}
.fa-ban:before {content: "\f05e"}
.fa-arrow-left:before {content: "\f060"}
.fa-arrow-right:before {content: "\f061"}
.fa-arrow-up:before {content: "\f062"}
.fa-arrow-down:before {content: "\f063"}
.fa-mail-forward:before, .fa-share:before {content: "\f064"}
.fa-expand:before {content: "\f065"}
.fa-compress:before {content: "\f066"}
.fa-plus:before {content: "\f067"}
.fa-minus:before {content: "\f068"}
.fa-asterisk:before {content: "\f069"}
.fa-exclamation-circle:before {content: "\f06a"}
.fa-gift:before {content: "\f06b"}
.fa-leaf:before {content: "\f06c"}
.fa-fire:before {content: "\f06d"}
.fa-eye:before {content: "\f06e"}
.fa-eye-slash:before {content: "\f070"}
.fa-exclamation-triangle:before, .fa-warning:before {content: "\f071"}
.fa-plane:before {content: "\f072"}
.fa-calendar:before {content: "\f073"}
.fa-random:before {content: "\f074"}
.fa-comment:before {content: "\f075"}
.fa-magnet:before {content: "\f076"}
.fa-chevron-up:before {content: "\f077"}
.fa-chevron-down:before {content: "\f078"}
.fa-retweet:before {content: "\f079"}
.fa-shopping-cart:before {content: "\f07a"}
.fa-folder:before {content: "\f07b"}
.fa-folder-open:before {content: "\f07c"}
.fa-arrows-v:before {content: "\f07d"}
.fa-arrows-h:before {content: "\f07e"}
.fa-bar-chart-o:before {content: "\f080"}
.fa-twitter-square:before {content: "\f081"}
.fa-facebook-square:before {content: "\f082"}
.fa-camera-retro:before {content: "\f083"}
.fa-key:before {content: "\f084"}
.fa-cogs:before, .fa-gears:before {content: "\f085"}
.fa-comments:before {content: "\f086"}
.fa-thumbs-o-up:before {content: "\f087"}
.fa-thumbs-o-down:before {content: "\f088"}
.fa-star-half:before {content: "\f089"}
.fa-heart-o:before {content: "\f08a"}
.fa-sign-out:before {content: "\f08b"}
.fa-linkedin-square:before {content: "\f08c"}
.fa-thumb-tack:before {content: "\f08d"}
.fa-external-link:before {content: "\f08e"}
.fa-sign-in:before {content: "\f090"}
.fa-trophy:before {content: "\f091"}
.fa-github-square:before {content: "\f092"}
.fa-upload:before {content: "\f093"}
.fa-lemon-o:before {content: "\f094"}
.fa-phone:before {content: "\f095"}
.fa-square-o:before {content: "\f096"}
.fa-bookmark-o:before {content: "\f097"}
.fa-phone-square:before {content: "\f098"}
.fa-twitter:before {content: "\f099"}
.fa-facebook:before {content: "\f09a"}
.fa-github:before {content: "\f09b"}
.fa-unlock:before {content: "\f09c"}
.fa-credit-card:before {content: "\f09d"}
.fa-rss:before {content: "\f09e"}
.fa-hdd-o:before {content: "\f0a0"}
.fa-bullhorn:before {content: "\f0a1"}
.fa-bell:before {content: "\f0f3"}
.fa-certificate:before {content: "\f0a3"}
.fa-hand-o-right:before {content: "\f0a4"}
.fa-hand-o-left:before {content: "\f0a5"}
.fa-hand-o-up:before {content: "\f0a6"}
.fa-hand-o-down:before {content: "\f0a7"}
.fa-arrow-circle-left:before {content: "\f0a8"}
.fa-arrow-circle-right:before {content: "\f0a9"}
.fa-arrow-circle-up:before {content: "\f0aa"}
.fa-arrow-circle-down:before {content: "\f0ab"}
.fa-globe:before {content: "\f0ac"}
.fa-wrench:before {content: "\f0ad"}
.fa-tasks:before {content: "\f0ae"}
.fa-filter:before {content: "\f0b0"}
.fa-briefcase:before {content: "\f0b1"}
.fa-arrows-alt:before {content: "\f0b2"}
.fa-group:before, .fa-users:before {content: "\f0c0"}
.fa-chain:before, .fa-link:before {content: "\f0c1"}
.fa-cloud:before {content: "\f0c2"}
.fa-flask:before {content: "\f0c3"}
.fa-cut:before, .fa-scissors:before {content: "\f0c4"}
.fa-copy:before, .fa-files-o:before {content: "\f0c5"}
.fa-paperclip:before {content: "\f0c6"}
.fa-floppy-o:before, .fa-save:before {content: "\f0c7"}
.fa-square:before {content: "\f0c8"}
.fa-bars:before {content: "\f0c9"}
.fa-list-ul:before {content: "\f0ca"}
.fa-list-ol:before {content: "\f0cb"}
.fa-strikethrough:before {content: "\f0cc"}
.fa-underline:before {content: "\f0cd"}
.fa-table:before {content: "\f0ce"}
.fa-magic:before {content: "\f0d0"}
.fa-truck:before {content: "\f0d1"}
.fa-pinterest:before {content: "\f0d2"}
.fa-pinterest-square:before {content: "\f0d3"}
.fa-google-plus-square:before {content: "\f0d4"}
.fa-google-plus:before {content: "\f0d5"}
.fa-money:before {content: "\f0d6"}
.fa-caret-down:before {content: "\f0d7"}
.fa-caret-up:before {content: "\f0d8"}
.fa-caret-left:before {content: "\f0d9"}
.fa-caret-right:before {content: "\f0da"}
.fa-columns:before {content: "\f0db"}
.fa-sort:before, .fa-unsorted:before {content: "\f0dc"}
.fa-sort-asc:before, .fa-sort-down:before {content: "\f0dd"}
.fa-sort-desc:before, .fa-sort-up:before {content: "\f0de"}
.fa-envelope:before {content: "\f0e0"}
.fa-linkedin:before {content: "\f0e1"}
.fa-rotate-left:before, .fa-undo:before {content: "\f0e2"}
.fa-gavel:before, .fa-legal:before {content: "\f0e3"}
.fa-dashboard:before, .fa-tachometer:before {content: "\f0e4"}
.fa-comment-o:before {content: "\f0e5"}
.fa-comments-o:before {content: "\f0e6"}
.fa-bolt:before, .fa-flash:before {content: "\f0e7"}
.fa-sitemap:before {content: "\f0e8"}
.fa-umbrella:before {content: "\f0e9"}
.fa-clipboard:before, .fa-paste:before {content: "\f0ea"}
.fa-lightbulb-o:before {content: "\f0eb"}
.fa-exchange:before {content: "\f0ec"}
.fa-cloud-download:before {content: "\f0ed"}
.fa-cloud-upload:before {content: "\f0ee"}
.fa-user-md:before {content: "\f0f0"}
.fa-stethoscope:before {content: "\f0f1"}
.fa-suitcase:before {content: "\f0f2"}
.fa-bell-o:before {content: "\f0a2"}
.fa-coffee:before {content: "\f0f4"}
.fa-cutlery:before {content: "\f0f5"}
.fa-file-text-o:before {content: "\f0f6"}
.fa-building-o:before {content: "\f0f7"}
.fa-hospital-o:before {content: "\f0f8"}
.fa-ambulance:before {content: "\f0f9"}
.fa-medkit:before {content: "\f0fa"}
.fa-fighter-jet:before {content: "\f0fb"}
.fa-beer:before {content: "\f0fc"}
.fa-h-square:before {content: "\f0fd"}
.fa-plus-square:before {content: "\f0fe"}
.fa-angle-double-left:before {content: "\f100"}
.fa-angle-double-right:before {content: "\f101"}
.fa-angle-double-up:before {content: "\f102"}
.fa-angle-double-down:before {content: "\f103"}
.fa-angle-left:before {content: "\f104"}
.fa-angle-right:before {content: "\f105"}
.fa-angle-up:before {content: "\f106"}
.fa-angle-down:before {content: "\f107"}
.fa-desktop:before {content: "\f108"}
.fa-laptop:before {content: "\f109"}
.fa-tablet:before {content: "\f10a"}
.fa-mobile-phone:before, .fa-mobile:before {content: "\f10b"}
.fa-circle-o:before {content: "\f10c"}
.fa-quote-left:before {content: "\f10d"}
.fa-quote-right:before {content: "\f10e"}
.fa-spinner:before {content: "\f110"}
.fa-circle:before {content: "\f111"}
.fa-circle-light:before {
    border-color: inherit;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    content: '';
    height: calc(1em + 4px);
    left: -2px;
    position: absolute;
    top: -2px;
    width: calc(1em + 4px);
}
.fa-mail-reply:before, .fa-reply:before {content: "\f112"}
.fa-github-alt:before {content: "\f113"}
.fa-folder-o:before {content: "\f114"}
.fa-folder-open-o:before {content: "\f115"}
.fa-smile-o:before {content: "\f118"}
.fa-frown-o:before {content: "\f119"}
.fa-meh-o:before {content: "\f11a"}
.fa-gamepad:before {content: "\f11b"}
.fa-keyboard-o:before {content: "\f11c"}
.fa-flag-o:before {content: "\f11d"}
.fa-flag-checkered:before {content: "\f11e"}
.fa-terminal:before {content: "\f120"}
.fa-code:before {content: "\f121"}
.fa-mail-reply-all:before, .fa-reply-all:before {content: "\f122"}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {content: "\f123"}
.fa-location-arrow:before {content: "\f124"}
.fa-crop:before {content: "\f125"}
.fa-code-fork:before {content: "\f126"}
.fa-chain-broken:before, .fa-unlink:before {content: "\f127"}
.fa-question:before {content: "\f128"}
.fa-info:before {content: "\f129"}
.fa-exclamation:before {content: "\f12a"}
.fa-superscript:before {content: "\f12b"}
.fa-subscript:before {content: "\f12c"}
.fa-eraser:before {content: "\f12d"}
.fa-puzzle-piece:before {content: "\f12e"}
.fa-microphone:before {content: "\f130"}
.fa-microphone-slash:before {content: "\f131"}
.fa-shield:before {content: "\f132"}
.fa-calendar-o:before {content: "\f133"}
.fa-fire-extinguisher:before {content: "\f134"}
.fa-rocket:before {content: "\f135"}
.fa-maxcdn:before {content: "\f136"}
.fa-chevron-circle-left:before {content: "\f137"}
.fa-chevron-circle-right:before {content: "\f138"}
.fa-chevron-circle-up:before {content: "\f139"}
.fa-chevron-circle-down:before {content: "\f13a"}
.fa-html5:before {content: "\f13b"}
.fa-css3:before {content: "\f13c"}
.fa-anchor:before {content: "\f13d"}
.fa-unlock-alt:before {content: "\f13e"}
.fa-bullseye:before {content: "\f140"}
.fa-ellipsis-h:before {content: "\f141"}
.fa-ellipsis-v:before {content: "\f142"}
.fa-rss-square:before {content: "\f143"}
.fa-play-circle:before {content: "\f144"}
.fa-ticket:before {content: "\f145"}
.fa-minus-square:before {content: "\f146"}
.fa-minus-square-o:before {content: "\f147"}
.fa-level-up:before {content: "\f148"}
.fa-level-down:before {content: "\f149"}
.fa-check-square:before {content: "\f14a"}
.fa-pencil-square:before {content: "\f14b"}
.fa-external-link-square:before {content: "\f14c"}
.fa-share-square:before {content: "\f14d"}
.fa-compass:before {content: "\f14e"}
.fa-caret-square-o-down:before, .fa-toggle-down:before {content: "\f150"}
.fa-caret-square-o-up:before, .fa-toggle-up:before {content: "\f151"}
.fa-caret-square-o-right:before, .fa-toggle-right:before {content: "\f152"}
.fa-eur:before, .fa-euro:before {content: "\f153"}
.fa-gbp:before {content: "\f154"}
.fa-dollar:before, .fa-usd:before {content: "\f155"}
.fa-inr:before, .fa-rupee:before {content: "\f156"}
.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {content: "\f157"}
.fa-rouble:before, .fa-rub:before, .fa-ruble:before {content: "\f158"}
.fa-krw:before, .fa-won:before {content: "\f159"}
.fa-bitcoin:before, .fa-btc:before {content: "\f15a"}
.fa-file:before {content: "\f15b"}
.fa-file-text:before {content: "\f15c"}
.fa-sort-alpha-asc:before {content: "\f15d"}
.fa-sort-alpha-desc:before {content: "\f15e"}
.fa-sort-amount-asc:before {content: "\f160"}
.fa-sort-amount-desc:before {content: "\f161"}
.fa-sort-numeric-asc:before {content: "\f162"}
.fa-sort-numeric-desc:before {content: "\f163"}
.fa-thumbs-up:before {content: "\f164"}
.fa-thumbs-down:before {content: "\f165"}
.fa-youtube-square:before {content: "\f166"}
.fa-youtube:before {content: "\f167"}
.fa-xing:before {content: "\f168"}
.fa-xing-square:before {content: "\f169"}
.fa-youtube-play:before {content: "\f16a"}
.fa-dropbox:before {content: "\f16b"}
.fa-stack-overflow:before {content: "\f16c"}
.fa-instagram:before {content: "\f16d"}
.fa-flickr:before {content: "\f16e"}
.fa-adn:before {content: "\f170"}
.fa-bitbucket:before {content: "\f171"}
.fa-bitbucket-square:before {content: "\f172"}
.fa-tumblr:before {content: "\f173"}
.fa-tumblr-square:before {content: "\f174"}
.fa-long-arrow-down:before {content: "\f175"}
.fa-long-arrow-up:before {content: "\f176"}
.fa-long-arrow-left:before {content: "\f177"}
.fa-long-arrow-right:before {content: "\f178"}
.fa-apple:before {content: "\f179"}
.fa-windows:before {content: "\f17a"}
.fa-android:before {content: "\f17b"}
.fa-linux:before {content: "\f17c"}
.fa-dribbble:before {content: "\f17d"}
.fa-skype:before {content: "\f17e"}
.fa-foursquare:before {content: "\f180"}
.fa-trello:before {content: "\f181"}
.fa-female:before {content: "\f182"}
.fa-male:before {content: "\f183"}
.fa-gittip:before {content: "\f184"}
.fa-sun-o:before {content: "\f185"}
.fa-moon-o:before {content: "\f186"}
.fa-archive:before {content: "\f187"}
.fa-bug:before {content: "\f188"}
.fa-vk:before {content: "\f189"}
.fa-weibo:before {content: "\f18a"}
.fa-renren:before {content: "\f18b"}
.fa-pagelines:before {content: "\f18c"}
.fa-stack-exchange:before {content: "\f18d"}
.fa-arrow-circle-o-right:before {content: "\f18e"}
.fa-arrow-circle-o-left:before {content: "\f190"}
.fa-caret-square-o-left:before, .fa-toggle-left:before {content: "\f191"}
.fa-dot-circle-o:before {content: "\f192"}
.fa-wheelchair:before {content: "\f193"}
.fa-vimeo-square:before {content: "\f194"}
.fa-try:before, .fa-turkish-lira:before {content: "\f195"}
.fa-plus-square-o:before {content: "\f196"}
[class*=tk-icon] {
    background-image: url(/images/sprite.png);
    background-repeat: no-repeat;
    text-indent: -99px;
    overflow: hidden
}
.tk-icon-arrow-left {
    background-position: -360px -215px;
    width: 20px;
    height: 40px
}
.tk-icon-arrow-right {
    background-position: -390px -215px;
    width: 20px;
    height: 40px
}
.tk-icon-star {
    background-position: -507px -106px;
    width: 15px;
    height: 15px
}
.tk-icon-comment {
    background-position: -457px -106px;
    width: 15px;
    height: 13px
}
.tk-icon-block {
    background-position: -432px -106px;
    width: 15px;
    height: 15px
}
.tk-icon-email {
    background-position: -482px -108px;
    width: 15px;
    height: 11px
}
.tk-icon-linkarrow {
    background-position: -422px -112px;
    width: 10px;
    height: 10px
}
.tk-icon-search {
    background-position: -473px -215px;
    width: 31px;
    height: 31px;
}
.tk-icon-calendar {
    background-position: -325px -68px;
    width: 31px;
    height: 31px;
}
.tk-icon-custom {
    background: url(../images/Favoris-et-info-icones.png);
    min-width: 12px;
    min-height: 25px;
}
.tk-icon-favourite {
    background-position: -86px -80px;
    width: 23px;
    height: 15px;
}
.tk-icon-user-icn {
    background-position: -1px -1px;
    width: 31px;
    height: 31px;
    display: block;
}
.tk-icon-flag-icn {
    background-position: -31px -1px;
    width: 31px;
    height: 31px;
    display: block;
}
.tk-icon-list-icn {
    background-position: -64px -1px;
    width: 31px;
    height: 31px;
    display: block;
}
.tk-icon-contacts-icn {
    background-position: -96px -1px;
    width: 31px;
    height: 31px;
    display: block;
}
.tk-icon-tag-icn {
    background-position: -130px 1px;
    width: 31px;
    height: 31px;
    display: block;
}
.tk-icon-mobile-icn {
    background-position: -160px -1px;
    width: 31px;
    height: 31px;
    display: block;
}
.tk-icon-mail-icn {
    background-position: -289px -1px;
    width: 31px;
    height: 31px;
    display: block;
}
.tk-icon-euro-icn {
    background-position: -224px -1px;
    width: 31px;
    height: 31px;
    display: block;
}
.tk-icon-page-icn {
    background-position: -256px -1px;
    width: 31px;
    height: 31px;
    display: block;
}
.tk-icon-contact-icn {
    background-position: -192px -1px;
    width: 31px;
    height: 31px;
    display: block;
}
.tk-icon-uparrow-icn {
    background-position: -320px -1px;
    width: 31px;
    height: 31px;
    display: block;
}
.tk-icon-apps-icn {
    background-position: -1px -34px;
    width: 31px;
    height: 31px;
    display: block;
}
.tk-icon-business-icn {
    background-position: -31px -34px;
    width: 31px;
    height: 31px;
    display: block;
}
.tk-icon-clip-icn {
    background-position: -64px -34px;
    width: 31px;
    height: 31px;
    display: block;
}
.tk-icon-search-icn {
    background-position: -96px -32px;
    width: 31px;
    height: 31px;
    display: block;
}
.tk-icon-support-icn {
    background-position: -128px -32px;
    width: 31px;
    height: 31px;
    display: block;
}
.tk-icon-pin-icn {
    background-position: -160px -34px;
    width: 31px;
    height: 31px;
    display: block;
}
.tk-icon-send-icn {
    background-position: -195px -34px;
    width: 31px;
    height: 31px;
    display: block;
    margin: 2px 2px 0 0;
}
.btn-lg .tk-icon-send-icn {
    top: 2px;
    left: 2px;
    position: relative;
}
.tk-icon-report-icn {
    background-position: -288px -32px;
    width: 31px;
    height: 31px;
    display: block;
}
.tk-icon-add-icn {
    background-position: -257px -32px;
    width: 31px;
    height: 31px;
    display: block;
}
.tk-icon-save-icn {
    background-position: -224px -32px;
    width: 31px;
    height: 31px;
    display: block;
}
.tk-icon-help-icn {
    background-position: -320px -34px;
    width: 31px;
    height: 31px;
    display: block;
}
.tk-icon-valid {
    background-position: -475px -78px;
    display: block;
    width: 11px;
    height: 11px;
    top: 5px;
}
.tk-icon-ongoing {
    background-position: -493px -78px;
    display: block;
    width: 11px;
    height: 11px;
    top: 5px;
}
.tk-icon-cancelled {
    background-position: -509px -78px;
    display: block;
    width: 11px;
    height: 11px;
    top: 5px;
}
.tk-icon-inactive {
    background-image: none;
    display: block;
    width: 11px;
    height: 11px;
    top: 5px;
}
/*** Toolbar ***/
.tk-icon-toolbar-clip {
    background-position: 0 0;
    width: 23px;
    height: 15px;
}
.tk-icon-toolbar-mail {
    background-position: -42px 0;
    background-position-x: -42px;
    background-position-y: 0;
    width: 25px;
    height: 15px;
}
.tk-icon-toolbar-trash {
    background-position: -83px 0;
    width: 15px;
    height: 15px;
    left: 3px;
}
.tk-icon-toolbar-reload {
    background-position: -117px 0;
    width: 18px;
    height: 15px;
    left: 2px;
}
.tk-icon-toolbar-calendar {
    background-position: -154px 0;
    width: 21px;
    height: 15px;
}
.tk-icon-toolbar-favourite {
    background-position: -193px 0;
    width: 23px;
    height: 15px;
}
.tk-icon-toolbar-pin {
    background-position: -231px 0;
    width: 15px;
    height: 15px;
    left: 3px;
}
.tk-icon-toolbar-menu {
    background-position: -264px 0;
    width: 23px;
    height: 15px;
    left: -1px;
}
.tk-icon-toolbar-comment {
    background-position: -306px 0;
    width: 25px;
    height: 15px;
}
.tk-icon-toolbar-folder {
    background-position: -345px 0;
    width: 23px;
    height: 15px;
    left: -1px;
}
/*** Hover ***/
.tk-icon-toolbar-clip:hover, .tk-icon-toolbar-clip.hover {
    background-position: 0 -40px;
}
.tk-icon-toolbar-mail:hover, .tk-icon-toolbar-mail.hover {
    background-position: -42px -40px;
}
.tk-icon-toolbar-trash:hover, .tk-icon-toolbar-trash.hover {
    background-position: -83px -40px;
}
.tk-icon-toolbar-reload:hover, .tk-icon-toolbar-reload.hover {
    background-position: -117px -40px;
}
.tk-icon-toolbar-calendar:hover, .tk-icon-toolbar-calendar.hover {
    background-position: -154px -40px;
}
.tk-icon-toolbar-favourite:hover, .tk-icon-toolbar-favourite.hover {
    background-position: -193px -40px;
}
.tk-icon-toolbar-pin:hover, .tk-icon-toolbar-pin.hover {
    background-position: -231px -40px;
}
.tk-icon-toolbar-menu:hover, .tk-icon-toolbar-menu.hover {
    background-position: -264px -40px;
}
.tk-icon-toolbar-comment:hover, .tk-icon-toolbar-comment.hover {
    background-position: -306px -40px;
}
.tk-icon-toolbar-folder:hover, .tk-icon-toolbar-folder.hover {
    background-position: -345px -40px;
}
.tk-icon-favourite:hover, .tk-icon-favourite.hover {
    background-position: -118px -80px;
}
/***Active**/
.tk-icon-toolbar-clip:active, .tk-icon-toolbar-clip.active {
    background-position: 0 -80px;
}
.tk-icon-toolbar-mail:active, .tk-icon-toolbar-mail.active {
    background-position: -42px -80px;
}
.tk-icon-toolbar-trash:active, .tk-icon-toolbar-trash.active {
    background-position: -83px -80px;
}
.tk-icon-toolbar-reload:active, .tk-icon-toolbar-reload.active {
    background-position: -117px -80px;
}
.tk-icon-toolbar-calendar:active, .tk-icon-toolbar-calendar.active {
    background-position: -154px -80px;
}
.tk-icon-toolbar-favourite:active, .tk-icon-toolbar-favourite.active {
    background-position: -193px -80px;
}
.tk-icon-toolbar-pin:active, .tk-icon-toolbar-pin.active {
    background-position: -231px -80px;
}
.tk-icon-toolbar-menu:active, .tk-icon-toolbar-menu.active {
    background-position: -264px -80px;
}
.tk-icon-toolbar-comment:active, .tk-icon-toolbar-comment.active {
    background-position: -306px -80px;
}
.tk-icon-toolbar-folder:active, .tk-icon-toolbar-folder.active {
    background-position: -345px -80px;
}
.tk-icon-favourite:active, .tk-icon-favourite.active {
    background-position: -148px -80px;
}
.tk-icon-edit-active, .tk-icon-edit.active, .tk-icon-edit:active, .tk-icon-edit:focus {
    background-position: -40px -115px;;
    width: 30px;
    height: 30px
}
.disabled .tk-icon-edit, .disabled .tk-icon-edit:active, .disabled .tk-icon-edit:focus, .disabled .tk-icon-edit:hover, .tk-icon-edit-disabled {
    background-position: -40px -65px;
    width: 30px;
    height: 30px
}
.tk-icon-edit-hover, .tk-icon-edit.hover, .tk-icon-edit:hover {
    background-position: -40px -90px;
    width: 30px;
    height: 30px
}
.tk-icon-edit {
    background-position: -40px -65px;
    width: 30px;
    height: 30px
}
.tk-icon-view-active, .tk-icon-view.active, .tk-icon-view:active, .tk-icon-view:focus {
    background-position: -67px -117px;
    width: 30px;
    height: 30px
}
.disabled .tk-icon-view, .disabled .tk-icon-view:active, .disabled .tk-icon-view:focus, .disabled .tk-icon-view:hover, .tk-icon-view-disabled {
    background-position: -71px -65px;
    width: 30px;
    height: 30px
}
.tk-icon-view-hover, .tk-icon-view.hover, .tk-icon-view:hover {
    background-position: -67px -92px;
    width: 30px;
    height: 30px
}
.tk-icon-view {
    background-position: -67px -67px;
    width: 30px;
    height: 30px
}
.tk-icon-delete-active, .tk-icon-delete.active, .tk-icon-delete:active, .tk-icon-delete:focus {
    background-position: -100px -116px;
    width: 30px;
    height: 30px
}
.disabled .tk-icon-delete, .disabled .tk-icon-delete:active, .disabled .tk-icon-delete:focus, .disabled .tk-icon-delete:hover, .tk-icon-delete-disabled {
    background-position: -100px -65px;
    width: 30px;
    height: 30px
}
.tk-icon-delete-hover, .tk-icon-delete.hover, .tk-icon-delete:hover {
    background-position: -100px -91px;
    width: 30px;
    height: 30px
}
.tk-icon-delete-icn {
    background-position: -100px -65px;
    width: 30px;
    height: 30px
}
.tk-icon-delete {
    background-position: -100px -66px;
    width: 30px;
    height: 30px
}
.tk-icon-cross {
    background-position: -505px -185px;
    width: 22px;
    height: 22px
}
.tk-icon-cross-md {
    background-position: -471px -142px;
    width: 22px;
    height: 23px
}
.tk-icon-remove {
    background-position: -136px -75px;
    width: 22px;
    height: 22px
}
.tk-icon-tick {
    background-position: -166px -75px;
    width: 22px;
    height: 22px
}
.tk-icon-tick-ok {
    background-position: -470px -75px;
    width: 22px;
    height: 22px;
}
.tk-icon-alert {
    background-position: -189px -74px;
    width: 22px;
    height: 22px
}
.tk-icon-info {
    background-position: -214px -76px;
    width: 22px;
    height: 22px
}
.tk-icon-tools {
    background-position: -242px -75px;
    width: 22px;
    height: 22px
}
.pulldown.example.open {
    margin-bottom: 235px
}
.switch .slide-button, .toggle span span {
    display: none
}
.panel-group .panel {
    border-color: #EFEFEF;
}
.panel-group .panel {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-bottom: 0px #BEBEBE;
}
.panel-default > .panel-heading {
    background-color: #EFEFEF;
    border-color: #EFEFEF;
    padding: 18px 26px 14px 30px;
    letter-spacing: 0px;
}
.panel-default > .panel-heading a, .panel-default > .panel-heading a:hover, .panel-default > .panel-heading a:active {
    font-size: 15px;
    font-family: robotomedium;
    color: #1E1E1E;
    text-decoration: none;
    background-image: url('../images/accordion-open.png');;
    background-repeat: no-repeat;
    background-position: 100% 0px;
    display: block;
    width: 100%;
    padding-right: 20px;
}
.panel-default > .panel-heading a.collapsed, .panel-default > .panel-heading a.collapsed:hover, .panel-default > .panel-heading a.collapsed:active {
    background-image: url('../images/accordion-closed.png');
    background-position: 100% 0px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EFEFEF;
    padding: 0px 32px 20px;
    letter-spacing: -0.17px;
}
.panel-group .panel + .panel {
    margin: 0px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    background-color: #EFEFEF;
    font-family: robotolight;
    font-size: 15px;
}
@media (min-width: 1200px) {
    .custom-tooltip:before {
        top: 27px;
        left: -8px;
        margin-top: -7px;
        border-width: 8px 8px 8px 0
    }
    .custom-tooltip {
        max-width: 396px;
        position: absolute;
        left: 279px;
        top: -50%;
        margin: 9px 0 0
    }
    .tooltip-danger:before {
        border-right-color: #D61D29
    }
    .tooltip-success:before {
        border-right-color: #5BBC25
    }
    .tooltip-warning:before {
        border-right-color: #F16723
    }
    .tooltip-info:before {
        border-right-color: #3D3D3D
    }
    .tooltip-problem:before {
        border-right-color: #979797
    }
    .row .icongroup .tkicon-block:nth-child(11n+1) {
        margin-right: 0 !important
    }
    .modal-lg {
        width: 1170px;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .custom-tooltip:before {
        border-width: 8px 8px 8px 0;
        left: -8px;
        margin-top: -7px;
        top: 27px;
    }
    .custom-tooltip {
        max-width: 396px;
        position: absolute;
        left: 279px;
        top: -50%;
        margin: 9px 0 0
    }
    .tooltip-danger:before {
        border-right-color: #D51D29
    }
    .tooltip-success:before {
        border-right-color: #5BBC25
    }
    .tooltip-warning:before {
        border-right-color: #F06723
    }
    .tooltip-info:before {
        border-right-color: #3D3D3D
    }
    .tooltip-problem:before {
        border-right-color: #979797
    }
    .modal-lg {
        width: 970px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .row .icongroup .tkicon-block:nth-child(11n+1) {
        margin-right: 0 !important
    }
    .custom-tooltip:before {
        border-width: 8px 8px 8px 0;
        left: -8px;
        margin-top: -7px;
        top: 27px;
    }
    .custom-tooltip {
        max-width: 396px;
        position: absolute;
        left: 279px;
        top: -50%;
        margin: 9px 0 0
    }
    .tooltip-danger:before {
        border-right-color: #D51D29
    }
    .tooltip-success:before {
        border-right-color: #5BBC25
    }
    .tooltip-warning:before {
        border-right-color: #F06723
    }
    .tooltip-info:before {
        border-right-color: #3D3D3D
    }
    .tooltip-problem:before {
        border-right-color: #979797
    }
    .modal-lg {
        width: 750px;
    }
}
@media (max-width: 767px) {
    .custom-tooltip:before {
        top: -10px;
        left: 20px;
        margin-left: -5px;
        border-width: 0 10px 10px
    }
    .tooltip-danger:before {
        border-bottom-color: #D51D29
    }
    .tooltip-success:before {
        border-bottom-color: #5BBC25
    }
    .tooltip-warning:before {
        border-bottom-color: #F06723
    }
    .tooltip-info:before {
        border-bottom-color: #3D3D3D
    }
    .tooltip-problem:before {
        border-bottom-color: #979797
    }
    .form-elements input[type=text] {
        width: 100%
    }
    .form-elements .custom-tooltip {
        max-width: 100% !important;
        left: 0 !important;
        top: 100% !important;
        margin: 15px 0 0 !important;
        position: relative !important
    }
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        /*margin-left: 0;*/
        /*margin-right: 0;*/
    }
    .navbar {
        background-color: #C51A1B;
        background-image: none;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #EC6A6E;
    }
    .navbar-inverse .navbar-nav > li {
        padding: 5px 15px;
        margin: 0;
        border: 0 none;
        border-bottom: 1px solid #EE767A;
    }
    .navbar-inverse .navbar-nav > li.active, .navbar-inverse .navbar-nav > li:hover {
        background-color: #BA1218;
        background-image: none;
        border-bottom: 1px solid #D84247;
    }
    .navbar-inverse .navbar-nav > li > span,
    .navbar-inverse .navbar-nav > li > a {
        padding: 10px;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0
    }
    .top-bar .theme {
        padding: 0px;
        text-align: right;
        margin: 0 0 0 -20px;
    }
    .top-bar .brand {
        padding: 15px 25px
    }
    .navbar-inverse .navbar-nav > li.active a, .navbar-inverse .navbar-nav > li a {
        border: 0 none;
    }
    .navbar-inverse .navbar-nav li.active + li a, .navbar-inverse .navbar-nav li:hover + li a {
        border-left: 0 none
    }
    .navbar-inverse .navbar-nav li.active + li:hover a {
        border-left: 0 none
    }
    .content {
        padding: 0 20px;
    }
    .wizard-dots li {
        background-image: url("../images/wizard-sprite-small.png");
        width: 60px;
        margin-right: 0px;
    }
    .search .btn:last-child, .date-picker .btn:last-child {
        margin-right: 0px;
    }
    .btn:last-child {
        margin-right: 25px;
    }
}
@media (max-width: 480px) {
    .wizard-dots li a strong {
        display: block;
        padding-bottom: 50px
    }
    .modal-lg {
        width: 450px;
    }
    .content {
        padding: 0 10px;
    }
}
@media (max-width: 320px) {
    .sharebox {
        width: 100%;
        padding-bottom: 15px
    }
    .sharebox span {
        display: block;
        float: none
    }
    .row .tkicon-block:nth-child(4n+1) {
        margin-right: 0 !important
    }
}
@media (max-width: 360px) {
    .sharebox {
        width: 100%;
        padding-bottom: 15px
    }
    .tab-pane .media > .pull-left {
        float: none !important
    }
}
@media (max-width: 320px) {
    .pulldown .dropdown-menu {
        width: 100%
    }
}
@media only screen {
    .toggle {
        display: block;
        height: 30px;
        position: relative;
        padding: 0;
        margin-left: 100px
    }
    .toggle * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .toggle .slide-button {
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out
    }
    .toggle label, .toggle span.on-off-wrap {
        line-height: 30px;
        vertical-align: middle
    }
    .toggle label {
        position: relative;
        z-index: 3;
        display: block;
        width: 100%
    }
    .toggle input {
        position: absolute;
        z-index: 5;
        outline: 0
    }
    .toggle input:active, .toggle input:focus {
        outline: 0
    }
    .toggle .on-off-wrap {
        position: absolute;
        left: -100px;
        width: 100%;
        margin: 0;
        padding-right: 100px;
        text-align: left
    }
    .toggle span.off, .toggle span.on {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        display: block;
        width: 50%;
        margin-left: 100px;
        text-align: center
    }
    .toggle span.on-off-wrap span.off {
        left: 50%
    }
    .toggle .slide-button {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 4;
        display: block;
        width: 50%;
        height: 100%;
        padding: 0;
        zoom: 1
    }
    .header-toggle-on .slide-button {
        right: 45%
    }
    div.switch {
        display: block;
        height: 30px;
        position: relative;
        padding: 0
    }
    div.switch * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    div.switch .slide-button {
        display: block;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out
    }
    div.switch label, div.switch > span {
        line-height: 30px;
        vertical-align: middle
    }
    .switch input:focus + label, div.switch input:focus ~ .slide-button {
        outline: 1px dotted #888
    }
    div.switch input {
        position: absolute;
        opacity: 0
    }
    div.switch label {
        position: relative;
        z-index: 2;
        float: left;
        width: 50%;
        height: 100%;
        margin: 0;
        text-align: center
    }
    div.switch .slide-button {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
        z-index: 1;
        width: 50%;
        height: 100%
    }
    div.switch input:last-of-type:checked ~ .slide-button {
        left: 50%
    }
    .switch.switch-3 .slide-button, div.switch.switch-3 label {
        width: 33.33333%
    }
    div.switch.switch-3 input:checked:nth-of-type(2) ~ .slide-button {
        left: 33.33333%
    }
    div.switch.switch-3 input:checked:last-of-type ~ .slide-button {
        left: 66.66667%
    }
    .switch.switch-4 .slide-button, div.switch.switch-4 label {
        width: 25%
    }
    div.switch.switch-4 input:checked:nth-of-type(2) ~ .slide-button {
        left: 25%
    }
    div.switch.switch-4 input:checked:nth-of-type(3) ~ .slide-button {
        left: 50%
    }
    div.switch.switch-4 input:checked:last-of-type ~ .slide-button {
        left: 75%
    }
    .switch.switch-5 .slide-button, div.switch.switch-5 label {
        width: 20%
    }
    div.switch.switch-5 input:checked:nth-of-type(2) ~ .slide-button {
        left: 20%
    }
    div.switch.switch-5 input:checked:nth-of-type(3) ~ .slide-button {
        left: 40%
    }
    div.switch.switch-5 input:checked:nth-of-type(4) ~ .slide-button {
        left: 60%
    }
    div.switch.switch-5 input:checked:last-of-type ~ .slide-button {
        left: 80%
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 0) and (max-device-width: 480px) {
    .switch, .toggle {
        -webkit-animation: webkitSiblingBugfix infinite 1s
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .switch, .toggle {
        -webkit-animation: none 0
    }
}
@-webkit-keyframes webkitSiblingBugfix {
    from, to {
        position: relative
    }
}
.go-top {
    width: 49px;
    height: 49px;
    position: fixed;
    bottom: 40%;
    right: 5%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #FFF;
    font-size: 30px;
    color: #383838;
    text-align: center;
    line-height: 46px
}
a.go-top:hover {
    color: #C51A1B
}
a.go-top:focus {
    color: #C30633
}
@media (max-width: 979px) {
    .go-top {
        display: none;
        visibility: hidden
    }
}
#footer {
    height: 60px;
    background-color: #F5F5F5
}
#footer .nav {
    padding: 20px 0;
    text-align: center
}
#footer .nav a {
    color: #2D2D2D
}
.form-container {
    background-color: #EFEFEF;
    border: 1px solid #EFEFEF;
    padding: 20px;
}
.btn-container.col-md-12 {
    padding: 0px;
}
.amount-bloc {
    font-weight: bold;
}
.valide-block {
    display: inline-block;
    margin: 0 5px 0px 0;
    width: 31px;
    height: 31px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
    vertical-align: middle;
}
.favorite-block {
    width: 22px;
    height: 23px;
    overflow: hidden;
    display: inline-block;
}
.favorite-block img {
    display: none;
}
.favorite-block a {
    display: inline-block;
}
input[type="submit"],
.form-group input {
    font-size: 14px;
}
/* TABLE */
table {
    font-size: 14px;
}
table > thead > tr > th {
    font-family: Roboto, sans-serif;
}
table > thead > tr > th,
.table > thead > tr > th,
table > tbody > tr > td,
.table > tbody > tr > td {
    vertical-align: middle;
}
#ModalComment { background-color: #EFEFEF; }
#ModalComment #confirmReopenTicket,
#ModalComment #confirmAddComment {
    margin-top: 10px;
}
#ticket-details-info-display {
    width: 100%;
}