@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,300,400,600,700);
@import "animate.css";
.btn, .btn:active, .btn:focus, .btn:focus:active {
    outline:0 !important
}

.btn.active, .btn:active {
    -webkit-box-shadow: inset 3px 3px 10px rgba(0, 0, 0, .1);
    box-shadow:inset 3px 3px 10px rgba(0, 0, 0, .1)
}

.btn, .btn-group-lg > .btn, .btn-group-sm > .btn, .btn-group-xs > .btn, .btn-lg, .btn-sm, .btn-xs {
    border-radius:2px
}

.btn-light {
    color: #222;
    background-color: #fcfcfc;
    border-color:#f2f2f2
}

.btn-light.active, .btn-light.focus, .btn-light:active, .btn-light:focus, .btn-light:hover, .open > .dropdown-toggle.btn-light {
    color: #222;
    background-color: #e3e3e3;
    border-color:#d4d4d4
}

.btn-light.active, .btn-light:active, .open > .dropdown-toggle.btn-light {
    background-image:none
}

.btn-light.disabled, .btn-light.disabled.active, .btn-light.disabled.focus, .btn-light.disabled:active, .btn-light.disabled:focus, .btn-light.disabled:hover, .btn-light[disabled], .btn-light[disabled].active, .btn-light[disabled].focus, .btn-light[disabled]:active, .btn-light[disabled]:focus, .btn-light[disabled]:hover, fieldset[disabled] .btn-light, fieldset[disabled] .btn-light.active, fieldset[disabled] .btn-light.focus, fieldset[disabled] .btn-light:active, fieldset[disabled] .btn-light:focus, fieldset[disabled] .btn-light:hover {
    background-color: #fcfcfc;
    border-color:#f2f2f2
}

.btn-light .badge {
    color: #fcfcfc;
    background-color:#222
}

.btn-inverse {
    color: #fff;
    background-color: #363f3f;
    border-color:#2a3131
}

.btn-inverse.active, .btn-inverse.focus, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .open > .dropdown-toggle.btn-inverse {
    color: #fff;
    background-color: #1e2424;
    border-color:#0e1010
}

.btn-inverse.active, .btn-inverse:active, .open > .dropdown-toggle.btn-inverse {
    background-image:none
}

.btn-inverse.disabled, .btn-inverse.disabled.active, .btn-inverse.disabled.focus, .btn-inverse.disabled:active, .btn-inverse.disabled:focus, .btn-inverse.disabled:hover, .btn-inverse[disabled], .btn-inverse[disabled].active, .btn-inverse[disabled].focus, .btn-inverse[disabled]:active, .btn-inverse[disabled]:focus, .btn-inverse[disabled]:hover, fieldset[disabled] .btn-inverse, fieldset[disabled] .btn-inverse.active, fieldset[disabled] .btn-inverse.focus, fieldset[disabled] .btn-inverse:active, fieldset[disabled] .btn-inverse:focus, fieldset[disabled] .btn-inverse:hover {
    background-color: #363f3f;
    border-color:#2a3131
}

.btn-inverse .badge {
    color: #363f3f;
    background-color:#fff
}

.btn-cyan {
    color: #eee;
    background-color: #35a5ad;
    border-color:#2d8b92
}

.btn-cyan.active, .btn-cyan.focus, .btn-cyan:active, .btn-cyan:focus, .btn-cyan:hover, .open > .dropdown-toggle.btn-cyan {
    color: #eee;
    background-color: #298086;
    border-color:#1e5e63
}

.btn-cyan.active, .btn-cyan:active, .open > .dropdown-toggle.btn-cyan {
    background-image:none
}

.btn-cyan.disabled, .btn-cyan.disabled.active, .btn-cyan.disabled.focus, .btn-cyan.disabled:active, .btn-cyan.disabled:focus, .btn-cyan.disabled:hover, .btn-cyan[disabled], .btn-cyan[disabled].active, .btn-cyan[disabled].focus, .btn-cyan[disabled]:active, .btn-cyan[disabled]:focus, .btn-cyan[disabled]:hover, fieldset[disabled] .btn-cyan, fieldset[disabled] .btn-cyan.active, fieldset[disabled] .btn-cyan.focus, fieldset[disabled] .btn-cyan:active, fieldset[disabled] .btn-cyan:focus, fieldset[disabled] .btn-cyan:hover {
    background-color: #35a5ad;
    border-color:#2d8b92
}

.btn-cyan .badge {
    color: #35a5ad;
    background-color:#eee
}

.btn-pretty {
    -webkit-box-shadow: inset 0 -2px 2px rgba(0, 0, 0, .1), 1px 1px 1px rgba(0, 0, 0, .1);
    box-shadow:inset 0 -2px 2px rgba(0, 0, 0, .1), 1px 1px 1px rgba(0, 0, 0, .1)
}

.btn-pretty.active, .btn-pretty:active {
    position: relative;
    top: 1px;
    left: -1px;
    -webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .05), inset -5px 5px 10px rgba(0, 0, 0, .1);
    box-shadow:inset 0 0 0 100px rgba(0, 0, 0, .05), inset -5px 5px 10px rgba(0, 0, 0, .1)
}

.btn-outline {
    background-color: transparent;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition:all .3s
}

.btn-outline.btn-primary {
    border: 1px solid #004484;
    color:#004484
}

.btn-outline.btn-primary:focus {
    background-color:#004484
}

.btn-outline.btn-info {
    border: 1px solid #3989c6;
    color:#3989c6
}

.btn-outline.btn-info:focus {
    background-color:#3989c6
}

.btn-outline.btn-warning {
    border: 1px solid #e2993f;
    color:#e2993f
}

.btn-outline.btn-warning:focus {
    background-color:#e2993f
}

.btn-outline.btn-success {
    border: 1px solid #28c97b;
    color:#28c97b
}

.btn-outline.btn-success:focus {
    background-color:#28c97b
}

.btn-outline.btn-danger {
    border: 1px solid #d6451d;
    color:#d6451d
}

.btn-outline.btn-danger:focus {
    background-color:#d6451d
}

.btn-outline.btn-inverse {
    border: 1px solid #363f3f;
    color:#363f3f
}

.btn-outline.btn-inverse:focus {
    background-color:#363f3f
}

.btn-outline:active, .btn-outline:focus, .btn-outline:focus:active, .btn-outline:hover {
    border-color: transparent;
    color:#fff
}

.btn-3d {
    position: relative;
    border: 0;
    border-radius: 6px !important;
    margin-top: 4px;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition:all .1s
}

.btn-3d.active, .btn-3d:active {
    top:4px
}

.btn-3d.btn-default {
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .15) inset, 0 6px 0 0 #ededed, 0 6px 2px 1px rgba(0, 0, 0, .4);
    box-shadow:0 0 0 1px rgba(255, 255, 255, .15) inset, 0 6px 0 0 #ededed, 0 6px 2px 1px rgba(0, 0, 0, .4)
}

.btn-3d.btn-default, .btn-3d.btn-default:hover {
    background-color:#fff
}

.btn-3d.btn-default:active {
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .15) inset, 0 2px 0 0 #ededed;
    box-shadow:0 0 0 1px rgba(255, 255, 255, .15) inset, 0 2px 0 0 #ededed
}

.btn-3d.btn-primary {
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .15) inset, 0 6px 0 0 #003260, 0 6px 2px 1px rgba(0, 0, 0, .4);
    box-shadow:0 0 0 1px rgba(255, 255, 255, .15) inset, 0 6px 0 0 #003260, 0 6px 2px 1px rgba(0, 0, 0, .4)
}

.btn-3d.btn-primary, .btn-3d.btn-primary:hover {
    background-color:#004484
}

.btn-3d.btn-primary:active {
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .15) inset, 0 2px 0 0 #003260;
    box-shadow:0 0 0 1px rgba(255, 255, 255, .15) inset, 0 2px 0 0 #003260
}

.btn-3d.btn-danger {
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .15) inset, 0 6px 0 0 #b73b19, 0 6px 2px 1px rgba(0, 0, 0, .4);
    box-shadow:0 0 0 1px rgba(255, 255, 255, .15) inset, 0 6px 0 0 #b73b19, 0 6px 2px 1px rgba(0, 0, 0, .4)
}

.btn-3d.btn-danger, .btn-3d.btn-danger:hover {
    background-color:#d6451d
}

.btn-3d.btn-danger:active {
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .15) inset, 0 2px 0 0 #b73b19;
    box-shadow:0 0 0 1px rgba(255, 255, 255, .15) inset, 0 2px 0 0 #b73b19
}

.btn-3d.btn-warning {
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .15) inset, 0 6px 0 0 #dc8821, 0 6px 2px 1px rgba(0, 0, 0, .4);
    box-shadow:0 0 0 1px rgba(255, 255, 255, .15) inset, 0 6px 0 0 #dc8821, 0 6px 2px 1px rgba(0, 0, 0, .4)
}

.btn-3d.btn-warning, .btn-3d.btn-warning:hover {
    background-color:#e2993f
}

.btn-3d.btn-warning:active {
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .15) inset, 0 2px 0 0 #dc8821;
    box-shadow:0 0 0 1px rgba(255, 255, 255, .15) inset, 0 2px 0 0 #dc8821
}

.btn-3d.btn-info {
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .15) inset, 0 6px 0 0 #3176aa, 0 6px 2px 1px rgba(0, 0, 0, .4);
    box-shadow:0 0 0 1px rgba(255, 255, 255, .15) inset, 0 6px 0 0 #3176aa, 0 6px 2px 1px rgba(0, 0, 0, .4)
}

.btn-3d.btn-info, .btn-3d.btn-info:hover {
    background-color:#3989c6
}

.btn-3d.btn-info:active {
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .15) inset, 0 2px 0 0 #3176aa;
    box-shadow:0 0 0 1px rgba(255, 255, 255, .15) inset, 0 2px 0 0 #3176aa
}

.btn-3d.btn-success {
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .15) inset, 0 6px 0 0 #22ab69, 0 6px 2px 1px rgba(0, 0, 0, .4);
    box-shadow:0 0 0 1px rgba(255, 255, 255, .15) inset, 0 6px 0 0 #22ab69, 0 6px 2px 1px rgba(0, 0, 0, .4)
}

.btn-3d.btn-success, .btn-3d.btn-success:hover {
    background-color:#28c97b
}

.btn-3d.btn-success:active {
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .15) inset, 0 2px 0 0 #22ab69;
    box-shadow:0 0 0 1px rgba(255, 255, 255, .15) inset, 0 2px 0 0 #22ab69
}

.btn-3d.btn-outline {
    background-color:transparent
}

.btn-circle {
    text-align: center;
    border-radius: 50% !important;
    width: 30px;
    height: 30px;
    padding: 5px;
    font-size:12px
}

.btn-circle.btn-sm {
    width: 20px;
    height: 20px;
    padding: 1px;
    font-size:9px
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 6px;
    font-size:17px
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 6px;
    font-size:24px
}

.btn-circle.btn-xxl {
    width: 90px;
    height: 90px;
    padding: 7px;
    font-size:30px
}

.btn-labeled {
    position: relative;
    padding-left:52px
}

.btn-labeled .btn-label {
    padding: 6px 12px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    text-align: center;
    width: 40px;
    background: rgba(0, 0, 0, .15);
    border-radius:2px 0 0 2px
}

.btn-labeled.btn-xl {
    padding-left:90px
}

.btn-labeled.btn-xl .btn-label {
    padding: 10px 20px;
    width:70px
}

.btn-labeled.btn-lg {
    padding-left:76px
}

.btn-labeled.btn-lg .btn-label {
    padding: 10px 16px;
    width:60px
}

.btn-labeled.btn-sm {
    padding-left:40px
}

.btn-labeled.btn-sm .btn-label {
    padding: 5px 10px;
    width:30px
}

.btn-labeled.btn-xs {
    padding-left:27px
}

.btn-labeled.btn-xs .btn-label {
    padding: 1px 5px;
    width:22px
}

.btn-xl {
    padding: 10px 20px;
    font-size: 24px;
    line-height: 30px;
    border-radius:2px
}

.btn-social.btn-xl {
    padding-left:80px
}

.btn-social.btn-xl :first-child {
    line-height: 60px;
    width:60px
}

.btn-social-icon.btn-xl {
    height: 60px;
    width: 60px;
    padding:0
}

.btn-social-icon.btn-xl > :first-child {
    line-height:60px
}

legend {
    font-weight: 400;
    border-style: dashed;
    border-color: #ccc;
    padding-bottom: 5px;
    font-size:18px
}

.form-input-note {
    color: #919191;
    font-size:11px
}

label {
    font-weight: 400;
    margin-bottom:3px
}

.form-horizontal .help-block {
    margin-bottom:0
}

.help-block {
    margin-top: 3px;
    margin-bottom: 4px;
    font-size:90%
}

.form-control:focus, .form-control:hover {
    background-color:#fcfcfc
}

.form-control:hover {
    border-color:#b3b3b3
}

.form-control:focus {
    border-color: #3989c6;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    border-color:#d9d9d9
}

textarea.expandible {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition:all .3s
}

textarea.expandible:focus {
    min-height:100px
}

fieldset[disabled] .has-error .checkbox, fieldset[disabled] .has-error .checkbox-inline, fieldset[disabled] .has-error .control-label, fieldset[disabled] .has-error .help-block, fieldset[disabled] .has-error .radio, fieldset[disabled] .has-error .radio-inline, fieldset[disabled] .has-error.checkbox label, fieldset[disabled] .has-error.checkbox-inline label, fieldset[disabled] .has-error.radio label, fieldset[disabled] .has-error.radio-inline label {
    color:#c9411b
}

fieldset[disabled] .has-error .form-control {
    border-color: #df481e;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)
}

fieldset[disabled] .has-error .form-control:focus {
    border-color: #b23918;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ed9077;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ed9077
}

fieldset[disabled] .has-error .input-group-addon {
    color: #c9411b;
    border-color: #df481e;
    background-color:#fef6f4
}

fieldset[disabled] .has-error .form-control-feedback {
    color:#c9411b
}

fieldset[disabled] .has-success .checkbox, fieldset[disabled] .has-success .checkbox-inline, fieldset[disabled] .has-success .control-label, fieldset[disabled] .has-success .help-block, fieldset[disabled] .has-success .radio, fieldset[disabled] .has-success .radio-inline, fieldset[disabled] .has-success.checkbox label, fieldset[disabled] .has-success.checkbox-inline label, fieldset[disabled] .has-success.radio label, fieldset[disabled] .has-success.radio-inline label {
    color:#209e61
}

fieldset[disabled] .has-success .form-control {
    border-color: #24b46e;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)
}

fieldset[disabled] .has-success .form-control:focus {
    border-color: #1b8954;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #5edfa1;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #5edfa1
}

fieldset[disabled] .has-success .input-group-addon {
    color: #209e61;
    border-color: #24b46e;
    background-color:#f3fdf8
}

fieldset[disabled] .has-success .form-control-feedback {
    color:#209e61
}

fieldset[disabled] .has-warning .checkbox, fieldset[disabled] .has-warning .checkbox-inline, fieldset[disabled] .has-warning .control-label, fieldset[disabled] .has-warning .help-block, fieldset[disabled] .has-warning .radio, fieldset[disabled] .has-warning .radio-inline, fieldset[disabled] .has-warning.checkbox label, fieldset[disabled] .has-warning.checkbox-inline label, fieldset[disabled] .has-warning.radio label, fieldset[disabled] .has-warning.radio-inline label {
    color:#cf801f
}

fieldset[disabled] .has-warning .form-control {
    border-color: #df8d29;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)
}

fieldset[disabled] .has-warning .form-control:focus {
    border-color: #b9721c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ecbc81;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ecbc81
}

fieldset[disabled] .has-warning .input-group-addon {
    color: #cf801f;
    border-color: #df8d29;
    background-color:#fff
}

fieldset[disabled] .has-warning .form-control-feedback {
    color:#cf801f
}

.lobi-form input, .lobi-form select, .lobi-form textarea {
    outline: 0;
    width: 100%;
    border: 1px solid #c7c7c7;
    padding:5px 10px
}

.lobi-form input, .lobi-form select {
    height:32px
}

.lobi-form textarea {
    height: auto;
    resize:none
}

.lobi-form input, .lobi-form select, .lobi-form textarea {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition:all .2s
}

.lobi-form input:hover, .lobi-form select:hover, .lobi-form textarea:hover {
    border-color:#61a1d1
}

.lobi-form input:focus, .lobi-form select:focus, .lobi-form textarea:focus {
    border-color:#3989c6
}

.lobi-form input:focus, .lobi-form input:hover, .lobi-form select:focus, .lobi-form select:hover, .lobi-form textarea:focus, .lobi-form textarea:hover {
    background-color:#fcfcfc
}

.lobi-form fieldset {
    padding:15px
}

.lobi-form fieldset header {
    font-size: 18px;
    padding-bottom: 7px;
    margin-bottom: 15px;
    border-bottom:1px dashed #ccc
}

.lobi-form fieldset + fieldset {
    border-top: 1px solid #e2e2e2;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .02);
    box-shadow:inset 0 1px 3px rgba(0, 0, 0, .02)
}

.lobi-form fieldset[disabled] input, .lobi-form fieldset[disabled] input:focus, .lobi-form fieldset[disabled] input:hover, .lobi-form fieldset[disabled] select, .lobi-form fieldset[disabled] select:focus, .lobi-form fieldset[disabled] select:hover, .lobi-form fieldset[disabled] textarea, .lobi-form fieldset[disabled] textarea:focus, .lobi-form fieldset[disabled] textarea:hover {
    cursor: not-allowed;
    border-color: #d9d9d9;
    background-color:#f6f6f6
}

.lobi-form fieldset[disabled] .checkbox, .lobi-form fieldset[disabled] .radio {
    cursor:not-allowed
}

.lobi-form footer {
    text-align: right;
    padding: 10px 12px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    background-color:#eee
}

.lobi-form .input {
    position: relative;
    font-weight: 400;
    display:block
}

.lobi-form .input .tooltip {
    position: absolute;
    z-index: 99999;
    left: -9999px;
    padding: 3px 8px;
    font-size: 11px;
    line-height: 17px;
    font-weight: 400;
    background: rgba(0, 0, 0, .9);
    border-color: rgba(0, 0, 0, .9);
    color: #fff;
    opacity: 0;
    -webkit-transition: margin .3s, opacity .3s;
    -o-transition: margin .3s, opacity .3s;
    transition:margin .3s, opacity .3s
}

.lobi-form .input .tooltip:after {
    content: ' ';
    position: absolute;
    color:inherit
}

.lobi-form .input .tooltip.tooltip-primary {
    background-color: #004484;
    color: #fff;
    border-color:#004484
}

.lobi-form .input .tooltip.tooltip-danger {
    background-color: #d6451d;
    color: #fff;
    border-color:#d6451d
}

.lobi-form .input .tooltip.tooltip-success {
    background-color: #28c97b;
    color: #fff;
    border-color:#28c97b
}

.lobi-form .input .tooltip.tooltip-info {
    background-color: #3989c6;
    color: #fff;
    border-color:#3989c6
}

.lobi-form .input .tooltip.tooltip-warning {
    background-color: #e2993f;
    color: #fff;
    border-color:#e2993f
}

.lobi-form .input .tooltip-top-left, .lobi-form .input .tooltip-top-right {
    bottom: 100%;
    margin-bottom:15px
}

.lobi-form .input .tooltip-bottom-left, .lobi-form .input .tooltip-bottom-right {
    top: 100%;
    margin-top:15px
}

.lobi-form .input .tooltip-left {
    top: 4px;
    white-space: nowrap;
    margin-right:15px
}

.lobi-form .input .tooltip-right {
    top: 4px;
    white-space: nowrap;
    margin-left:15px
}

.lobi-form .input .tooltip-bottom-left:after {
    bottom: 100%;
    left: 11.5px;
    border: 4px solid transparent;
    border-bottom-color:inherit
}

.lobi-form .input .tooltip-bottom-right:after {
    bottom: 100%;
    right: 11.5px;
    border: 4px solid transparent;
    border-bottom-color:inherit
}

.lobi-form .input .tooltip-top-right:after {
    top: 100%;
    right: 11.5px;
    border: 4px solid transparent;
    border-top-color:inherit
}

.lobi-form .input .tooltip-top-left:after {
    top: 100%;
    left: 11.5px;
    border: 4px solid transparent;
    border-top-color:inherit
}

.lobi-form .input .tooltip-left:after {
    top: 6px;
    left: 100%;
    border: 4px solid transparent;
    border-left-color:inherit
}

.lobi-form .input .tooltip-right:after {
    top: 6px;
    right: 100%;
    border: 4px solid transparent;
    border-right-color:inherit
}

.lobi-form .input input:focus + .tooltip, .lobi-form .input textarea:focus + .tooltip {
    opacity:1
}

.lobi-form .input input:focus + .tooltip-top-right, .lobi-form .input textarea:focus + .tooltip-top-right {
    right: 0;
    left: auto;
    margin-bottom:5px
}

.lobi-form .input input:focus + .tooltip-top-left, .lobi-form .input textarea:focus + .tooltip-top-left {
    left: 0;
    margin-bottom:5px
}

.lobi-form .input input:focus + .tooltip-bottom-right, .lobi-form .input textarea:focus + .tooltip-bottom-right {
    right: 0;
    left: auto;
    margin-top:5px
}

.lobi-form .input input:focus + .tooltip-bottom-left, .lobi-form .input textarea:focus + .tooltip-bottom-left {
    left: 0;
    margin-top:5px
}

.lobi-form .input input:focus + .tooltip-left, .lobi-form .input textarea:focus + .tooltip-left {
    left: auto;
    right: 100%;
    margin-right:5px
}

.lobi-form .input input:focus + .tooltip-right, .lobi-form .input textarea:focus + .tooltip-right {
    left: 100%;
    margin-left:5px
}

.lobi-form .input-icon {
    position: absolute;
    text-align: center;
    color: #bababa;
    top: 4px;
    width: 24px;
    height: 24px;
    line-height:24px
}

.lobi-form .input-icon-append {
    border-left: 1px solid #bababa;
    padding-left: 3px;
    right:5px
}

.lobi-form .input-icon-append ~ input, .lobi-form .input-icon-append ~ textarea {
    padding-right:39px
}

.lobi-form .input-icon-prepend {
    border-right: 1px solid #bababa;
    padding-right: 3px;
    left:5px
}

.lobi-form .input-icon-prepend ~ input, .lobi-form .input-icon-prepend ~ textarea {
    padding-left:39px
}

.lobi-form .input-file .input-button {
    position: absolute;
    right: 1px;
    top: 1px;
    border-color: transparent;
    color: #FFF;
    border-radius: 0;
    text-align: center;
    cursor: default;
    height: 30px;
    line-height: 30px;
    background-color: #3989c6;
    width:100px
}

.lobi-form .input-file .input-button input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity:0
}

.lobi-form fieldset[disabled] .input .input-button {
    cursor: not-allowed;
    background-color:#88b8dd
}

.lobi-form fieldset[disabled] .input .input-button input[type=file] {
    cursor:not-allowed
}

.lobi-form .form-group.has-feedback .input .input-icon-append ~ .form-control-feedback {
    right:29px
}

.lobi-form .has-success label {
    color:#1b8954
}

.lobi-form .has-success input, .lobi-form .has-success select, .lobi-form .has-success textarea {
    border-color:#1b8954
}

.lobi-form .has-error label {
    color:#b23918
}

.lobi-form .has-error input, .lobi-form .has-error select, .lobi-form .has-error textarea {
    border-color:#b23918
}

.lobi-form .has-warning label {
    color:#b9721c
}

.lobi-form .has-warning input, .lobi-form .has-warning select, .lobi-form .has-warning textarea {
    border-color:#b9721c
}

.lobi-form .has-feedback .input-file .form-control-feedback {
    right:105px
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
    color:#1b8954
}

.has-success .form-control {
    border-color: #1b8954;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color:#135f3a
}

.has-success .input-group-addon {
    color: #1b8954;
    border-color: #1b8954;
    background-color:#c9f4df
}

.has-success .form-control-feedback {
    color:#1b8954
}

.has-success .form-control:focus + .form-control-feedback {
    color:#135f3a
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
    color:#b9721c
}

.has-warning .form-control {
    border-color: #b9721c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
    border-color:#8c5715
}

.has-warning .input-group-addon {
    color: #b9721c;
    border-color: #b9721c;
    background-color:#fdf7f0
}

.has-warning .form-control-feedback {
    color:#b9721c
}

.has-warning .form-control:focus + .form-control-feedback {
    color:#8c5715
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color:#b23918
}

.has-error .form-control {
    border-color: #b23918;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color:#852b12
}

.has-error .input-group-addon {
    color: #b23918;
    border-color: #b23918;
    background-color:#f7d2c8
}

.has-error .form-control-feedback {
    color:#b23918
}

.has-error .form-control:focus + .form-control-feedback {
    color:#852b12
}

.has-error .form-control + .form-control-feedback, .has-success .form-control + .form-control-feedback, .has-warning .form-control + .form-control-feedback {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition:color .3s
}

.has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow:none
}

.form-group-xs .form-control, .input-xs {
    height: 24px;
    padding: 1px 5px;
    font-size: 11px;
    line-height: 1.8;
    border-radius:0
}

select.form-group-xs .form-control, select.input-xs {
    height: 24px;
    line-height:24px
}

select[multiple].form-group-xs .form-control, select[multiple].input-xs, textarea.form-group-xs .form-control, textarea.input-xs {
    height:auto
}

.form-group-xl .form-control, .input-xl {
    height: 56px;
    padding: 10px 20px;
    font-size: 28px;
    line-height: 1.1;
    border-radius:2px
}

select.form-group-xl .form-control, select.input-xl {
    height: 56px;
    line-height:56px
}

select[multiple].form-group-xl .form-control, select[multiple].input-xl, textarea.form-group-xl .form-control, textarea.input-xl {
    height:auto
}

@media (min-width: 768px) {
    .form-group-xs .control-label {
        padding-top:2px
    }
}

.form-group-xl .form-control-feedback, .input-xl + .form-control-feedback {
    width: 56px;
    height: 56px;
    line-height: 56px;
    font-size:28px
}

.form-group-lg .form-control-feedback {
    width: 45px;
    height: 45px;
    line-height:45px
}

.form-group-lg .form-control-feedback, .input-lg + .form-control-feedback {
    font-size:17px
}

.form-group-sm .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height:30px
}

.form-group-sm .form-control-feedback, .input-sm + .form-control-feedback {
    font-size:12px
}

.form-group-xs .form-control-feedback, .input-xs + .form-control-feedback {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size:11px
}

.has-feedback .form-control {
    padding-right:32px
}

.has-feedback.form-group-xl .form-control {
    padding-right:56px
}

.has-feedback.form-group-lg .form-control {
    padding-right:45px
}

.has-feedback.form-group-sm .form-control {
    padding-right:30px
}

.has-feedback.form-group-xs .form-control {
    padding-right:24px
}

.input-group > .input-group-btn:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius:0
}

.input-group > .input-group-btn:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius:0
}

.lobicheck {
    position: relative;
    cursor: pointer;
    font-weight: 400;
    margin-top: 5px;
    padding-left: 30px;
    margin-bottom:8px
}

.lobicheck i {
    position: absolute;
    left: 0;
    outline: 0;
    display: block;
    border-style: solid;
    background: #fff;
    border-color: #777;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition:all .1s
}

.lobicheck input[type=checkbox] {
    position: absolute;
    left:-10000px
}

.lobicheck input[type=checkbox]:checked + i:after {
    left: 0;
    position: absolute;
    font-style: normal;
    text-align: center;
    font-weight: 400;
    content: "\f00c";
    font-family: FontAwesome;
    line-height:19px
}

.lobicheck i {
    color:#004484
}

.lobicheck input[type=checkbox]:checked + i {
    border-color:#004484
}

.lobicheck:hover input[type=checkbox]:checked + i {
    border-color: #004484;
    color:#004484
}

.lobicheck:hover i {
    border-color:#004484
}

.lobicheck.lobicheck-inversed i {
    color:#fff
}

.lobicheck.lobicheck-inversed input[type=checkbox]:checked + i {
    background-color:#004484
}

.lobicheck.lobicheck-inversed:hover input[type=checkbox]:checked + i {
    border-color: #002a51;
    background-color: #002a51;
    color:#fff
}

.lobicheck i {
    width: 18px;
    height: 18px;
    border-width: 1px;
    top:0
}

.lobicheck input[type=checkbox]:checked + i:after {
    font-size: 16px;
    top: -1px;
    width: 15px;
    height:15px
}

.lobicheck.lobicheck-rounded i {
    border-radius:4.5px
}

.lobicheck:hover i {
    -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, .1);
    box-shadow:inset 0 -1px 1px rgba(0, 0, 0, .1)
}

.lobicheck:active i {
    -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .2);
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .2);
    background-color:#f4f4f4
}

.lobicheck-warning i {
    color:#e2993f
}

.lobicheck-warning input[type=checkbox]:checked + i {
    border-color:#e2993f
}

.lobicheck-warning:hover input[type=checkbox]:checked + i {
    border-color: #e2993f;
    color:#e2993f
}

.lobicheck-warning:hover i {
    border-color:#e2993f
}

.lobicheck-warning.lobicheck-inversed i {
    color:#fff
}

.lobicheck-warning.lobicheck-inversed input[type=checkbox]:checked + i {
    background-color:#e2993f
}

.lobicheck-warning.lobicheck-inversed:hover input[type=checkbox]:checked + i {
    border-color: #cf801f;
    background-color: #cf801f;
    color:#fff
}

.lobicheck-success i {
    color:#28c97b
}

.lobicheck-success input[type=checkbox]:checked + i {
    border-color:#28c97b
}

.lobicheck-success:hover input[type=checkbox]:checked + i {
    border-color: #28c97b;
    color:#28c97b
}

.lobicheck-success:hover i {
    border-color:#28c97b
}

.lobicheck-success.lobicheck-inversed i {
    color:#fff
}

.lobicheck-success.lobicheck-inversed input[type=checkbox]:checked + i {
    background-color:#28c97b
}

.lobicheck-success.lobicheck-inversed:hover input[type=checkbox]:checked + i {
    border-color: #209e61;
    background-color: #209e61;
    color:#fff
}

.lobicheck-danger i {
    color:#d6451d
}

.lobicheck-danger input[type=checkbox]:checked + i {
    border-color:#d6451d
}

.lobicheck-danger:hover input[type=checkbox]:checked + i {
    border-color: #d6451d;
    color:#d6451d
}

.lobicheck-danger:hover i {
    border-color:#d6451d
}

.lobicheck-danger.lobicheck-inversed i {
    color:#fff
}

.lobicheck-danger.lobicheck-inversed input[type=checkbox]:checked + i {
    background-color:#d6451d
}

.lobicheck-danger.lobicheck-inversed:hover input[type=checkbox]:checked + i {
    border-color: #a93717;
    background-color: #a93717;
    color:#fff
}

.lobicheck-info i {
    color:#3989c6
}

.lobicheck-info input[type=checkbox]:checked + i {
    border-color:#3989c6
}

.lobicheck-info:hover input[type=checkbox]:checked + i {
    border-color: #3989c6;
    color:#3989c6
}

.lobicheck-info:hover i {
    border-color:#3989c6
}

.lobicheck-info.lobicheck-inversed i {
    color:#fff
}

.lobicheck-info.lobicheck-inversed input[type=checkbox]:checked + i {
    background-color:#3989c6
}

.lobicheck-info.lobicheck-inversed:hover input[type=checkbox]:checked + i {
    border-color: #2e6e9e;
    background-color: #2e6e9e;
    color:#fff
}

.lobicheck-inverse i {
    color:#363f3f
}

.lobicheck-inverse input[type=checkbox]:checked + i {
    border-color:#363f3f
}

.lobicheck-inverse:hover input[type=checkbox]:checked + i {
    border-color: #363f3f;
    color:#363f3f
}

.lobicheck-inverse:hover i {
    border-color:#363f3f
}

.lobicheck-inverse.lobicheck-inversed i {
    color:#fff
}

.lobicheck-inverse.lobicheck-inversed input[type=checkbox]:checked + i {
    background-color:#363f3f
}

.lobicheck-inverse.lobicheck-inversed:hover input[type=checkbox]:checked + i {
    border-color: #1e2424;
    background-color: #1e2424;
    color:#fff
}

.lobicheck-lg {
    padding-left: 39px;
    margin-bottom:13px
}

.lobicheck-lg i {
    width: 25px;
    height: 25px;
    border-width: 2px;
    top:-2px
}

.lobicheck-lg input[type=checkbox]:checked + i:after {
    font-size: 22px;
    top: 2px;
    width: 20px;
    height:20px
}

.lobicheck-lg.lobicheck-rounded i {
    border-radius:6.25px
}

.form-horizontal .lobicheck i {
    margin-top:6px
}

fieldset[disabled] .lobicheck i {
    color:#84c3ff
}

fieldset[disabled] .lobicheck input[type=checkbox]:checked + i {
    border-color:#84c3ff
}

fieldset[disabled] .lobicheck:hover input[type=checkbox]:checked + i {
    border-color: #84c3ff;
    color:#84c3ff
}

fieldset[disabled] .lobicheck.lobicheck-inversed i {
    color:#fff
}

fieldset[disabled] .lobicheck.lobicheck-inversed input[type=checkbox]:checked + i {
    background-color:#84c3ff
}

fieldset[disabled] .lobicheck:hover i {
    border-color:#777
}

fieldset[disabled] .lobicheck.lobicheck-inversed:hover input[type=checkbox]:checked + i {
    border-color: #84c3ff;
    background-color: #84c3ff;
    color:#fff
}

fieldset[disabled] .lobicheck.lobicheck-warning i {
    color:#f6e0c4
}

fieldset[disabled] .lobicheck.lobicheck-warning input[type=checkbox]:checked + i {
    border-color:#f6e0c4
}

fieldset[disabled] .lobicheck.lobicheck-warning:hover input[type=checkbox]:checked + i {
    border-color: #f6e0c4;
    color:#f6e0c4
}

fieldset[disabled] .lobicheck.lobicheck-warning.lobicheck-inversed i {
    color:#fff
}

fieldset[disabled] .lobicheck.lobicheck-warning.lobicheck-inversed input[type=checkbox]:checked + i {
    background-color:#f6e0c4
}

fieldset[disabled] .lobicheck.lobicheck-warning:hover i {
    border-color:#777
}

fieldset[disabled] .lobicheck.lobicheck-warning.lobicheck-inversed:hover input[type=checkbox]:checked + i {
    border-color: #f6e0c4;
    background-color: #f6e0c4;
    color:#fff
}

fieldset[disabled] .lobicheck.lobicheck-danger i {
    color:#f1ad9b
}

fieldset[disabled] .lobicheck.lobicheck-danger input[type=checkbox]:checked + i {
    border-color:#f1ad9b
}

fieldset[disabled] .lobicheck.lobicheck-danger:hover input[type=checkbox]:checked + i {
    border-color: #f1ad9b;
    color:#f1ad9b
}

fieldset[disabled] .lobicheck.lobicheck-danger.lobicheck-inversed i {
    color:#fff
}

fieldset[disabled] .lobicheck.lobicheck-danger.lobicheck-inversed input[type=checkbox]:checked + i {
    background-color:#f1ad9b
}

fieldset[disabled] .lobicheck.lobicheck-danger:hover i {
    border-color:#777
}

fieldset[disabled] .lobicheck.lobicheck-danger.lobicheck-inversed:hover input[type=checkbox]:checked + i {
    border-color: #f1ad9b;
    background-color: #f1ad9b;
    color:#fff
}

fieldset[disabled] .lobicheck.lobicheck-success i {
    color:#9eecc6
}

fieldset[disabled] .lobicheck.lobicheck-success input[type=checkbox]:checked + i {
    border-color:#9eecc6
}

fieldset[disabled] .lobicheck.lobicheck-success:hover input[type=checkbox]:checked + i {
    border-color: #9eecc6;
    color:#9eecc6
}

fieldset[disabled] .lobicheck.lobicheck-success.lobicheck-inversed i {
    color:#fff
}

fieldset[disabled] .lobicheck.lobicheck-success.lobicheck-inversed input[type=checkbox]:checked + i {
    background-color:#9eecc6
}

fieldset[disabled] .lobicheck.lobicheck-success:hover i {
    border-color:#777
}

fieldset[disabled] .lobicheck.lobicheck-success.lobicheck-inversed:hover input[type=checkbox]:checked + i {
    border-color: #9eecc6;
    background-color: #9eecc6;
    color:#fff
}

fieldset[disabled] .lobicheck.lobicheck-info i {
    color:#b0d0e8
}

fieldset[disabled] .lobicheck.lobicheck-info input[type=checkbox]:checked + i {
    border-color:#b0d0e8
}

fieldset[disabled] .lobicheck.lobicheck-info:hover input[type=checkbox]:checked + i {
    border-color: #b0d0e8;
    color:#b0d0e8
}

fieldset[disabled] .lobicheck.lobicheck-info.lobicheck-inversed i {
    color:#fff
}

fieldset[disabled] .lobicheck.lobicheck-info.lobicheck-inversed input[type=checkbox]:checked + i {
    background-color:#b0d0e8
}

fieldset[disabled] .lobicheck.lobicheck-info:hover i {
    border-color:#777
}

fieldset[disabled] .lobicheck.lobicheck-info.lobicheck-inversed:hover input[type=checkbox]:checked + i {
    border-color: #b0d0e8;
    background-color: #b0d0e8;
    color:#fff
}

fieldset[disabled] .lobicheck.lobicheck-inverse i {
    color:#7e9090
}

fieldset[disabled] .lobicheck.lobicheck-inverse input[type=checkbox]:checked + i {
    border-color:#7e9090
}

fieldset[disabled] .lobicheck.lobicheck-inverse:hover input[type=checkbox]:checked + i {
    border-color: #7e9090;
    color:#7e9090
}

fieldset[disabled] .lobicheck.lobicheck-inverse.lobicheck-inversed i {
    color:#fff
}

fieldset[disabled] .lobicheck.lobicheck-inverse.lobicheck-inversed input[type=checkbox]:checked + i {
    background-color:#7e9090
}

fieldset[disabled] .lobicheck.lobicheck-inverse:hover i {
    border-color:#777
}

fieldset[disabled] .lobicheck.lobicheck-inverse.lobicheck-inversed:hover input[type=checkbox]:checked + i {
    border-color: #7e9090;
    background-color: #7e9090;
    color:#fff
}

.lobicheck input:disabled:checked + i, .lobicheck:hover input:disabled:checked + i {
    border-color: #84c3ff;
    color:#84c3ff
}

.lobicheck-danger input:disabled:checked + i, .lobicheck-danger:hover input:disabled:checked + i {
    border-color: #f1ad9b;
    color:#f1ad9b
}

.lobicheck-success input:disabled:checked + i, .lobicheck-success:hover input:disabled:checked + i {
    border-color: #9eecc6;
    color:#9eecc6
}

.lobicheck-warning input:disabled:checked + i, .lobicheck-warning:hover input:disabled:checked + i {
    border-color: #f6e0c4;
    color:#f6e0c4
}

.lobicheck-info input:disabled:checked + i, .lobicheck-info:hover input:disabled:checked + i {
    border-color: #b0d0e8;
    color:#b0d0e8
}

.lobicheck-inverse input:disabled:checked + i, .lobicheck-inverse:hover input:disabled:checked + i {
    border-color: #7e9090;
    color:#7e9090
}

.lobicheck.lobicheck-inversed input:disabled:checked + i, .lobicheck.lobicheck-inversed:hover input:disabled:checked + i {
    border-color: #84c3ff;
    background-color: #84c3ff;
    color:#fff
}

.lobicheck-danger.lobicheck-inversed input:disabled:checked + i, .lobicheck-danger.lobicheck-inversed:hover input:disabled:checked + i {
    border-color: #f1ad9b;
    background-color: #f1ad9b;
    color:#fff
}

.lobicheck-success.lobicheck-inversed input:disabled:checked + i, .lobicheck-success.lobicheck-inversed:hover input:disabled:checked + i {
    border-color: #9eecc6;
    background-color: #9eecc6;
    color:#fff
}

.lobicheck-warning.lobicheck-inversed input:disabled:checked + i, .lobicheck-warning.lobicheck-inversed:hover input:disabled:checked + i {
    border-color: #f6e0c4;
    background-color: #f6e0c4;
    color:#fff
}

.lobicheck-info.lobicheck-inversed input:disabled:checked + i, .lobicheck-info.lobicheck-inversed:hover input:disabled:checked + i {
    border-color: #b0d0e8;
    background-color: #b0d0e8;
    color:#fff
}

.lobicheck-inverse.lobicheck-inversed input:disabled:checked + i, .lobicheck-inverse.lobicheck-inversed:hover input:disabled:checked + i {
    border-color: #7e9090;
    background-color: #7e9090;
    color:#fff
}

.lobicheck:active input:disabled + i, fieldset[disabled] .lobicheck:active i {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color:#fff
}

.lobicheck:hover input:disabled + i, fieldset[disabled] .lobicheck:hover i {
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color:#777
}

.table tr td .lobicheck, .table tr th .lobicheck {
    margin-top: 0;
    margin-bottom:0
}

body {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif
}

.highlight {
    overflow: auto;
    padding: 9px 14px;
    margin-bottom: 14px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius:4px
}

.highlight pre {
    min-width: 400px;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    word-break: normal;
    white-space: nowrap;
    background-color: transparent;
    border:0
}

.highlight pre code {
    padding: 0;
    background-color:transparent
}

.bs-example + .highlight {
    margin-top: -16px;
    border-top-right-radius: 0;
    border-top-left-radius:0
}

body, html {
    display: table;
    width: 100%;
    height: 100%;
    background-attachment:fixed
}

.login-wrapper {
    display: table-cell;
    vertical-align:middle
}

.login-wrapper form {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    visibility: hidden;
    position: fixed;
    z-index: -5;
    border-bottom: none;
    box-shadow: none;
    padding: 6px;
    -moz-transform: scale(0, 1) translate(-150px);
    -webkit-transform: scale(0, 1) translate(-150px);
    -o-transform: scale(0, 1) translate(-150px);
    -ms-transform: scale(0, 1) translate(-150px);
    transform: scale(0, 1) translate(-150px);
    margin: 0 auto;
    max-width: 400px;
    background-color: #fff;
    border-radius:0
}

.login-wrapper form .login-header {
    font-weight: 400;
    font-size: 22px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 15px 20px;
    background-color: #f4f4f4;
    border-bottom:1px solid #ddd
}

.login-wrapper form .login-header a {
    color:#079170
}

.login-wrapper form .login-footer {
    background-color: #f4f4f4;
    border-top: 1px solid #ddd;
    padding:15px 20px
}

.login-wrapper form .login-footer:after, .login-wrapper form .login-footer:before {
    content: " ";
    display:table
}

.login-wrapper form .login-footer:after {
    clear:both
}

.login-wrapper form.visible {
    visibility: visible;
    position: relative;
    z-index: auto;
    -moz-transform: scale(1, 1) translate(0);
    -webkit-transform: scale(1, 1) translate(0);
    -o-transform: scale(1, 1) translate(0);
    -ms-transform: scale(1, 1) translate(0);
    transform: scale(1, 1) translate(0);
    transition: transform .3s ease;
    -moz-transition: -moz-transform .3s ease;
    -webkit-transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .2s ease
}