body {
    text-rendering          : optimizeLegibility !important;
    -webkit-font-smoothing  : antialiased !important;
    -moz-osx-font-smoothing : grayscale !important;
}

::selection {
    background : #1bb7a0;
    color      : #fff;
}

::-moz-selection {
    background : #1bb7a0;
    color      : #fff;
}

span.block {
    display : block;
}

.no-margin {
    margin : 0;
}

.no-border {
    border : 0;
}

a.bg-primary {
    background-color : #1bb7a0;
    color            : #fff;
}

a.bg-primary:hover {
    background-color : #1bb7a0;
    color            : #fff;
}

a.bg-success {
    background-color : #94b758;
    color            : #fff;
}

a.bg-success:hover {
    background-color : #94b758;
    color            : #fff;
}

a.bg-info {
    background-color : #56bdf1;
    color            : #fff;
}

a.bg-info:hover {
    background-color : #56bdf1;
    color            : #fff;
}

a.bg-warning {
    background-color : #f3c536;
    color            : #fff;
}

a.bg-warning:hover {
    background-color : #f3c536;
    color            : #fff;
}

a.bg-danger {
    background-color : #fa7b58;
    color            : #fff;
}

a.bg-danger:hover {
    background-color : #fa7b58;
    color            : #fff;
}

a.bg-orange {
    background-color : #ef9549;
    color            : #fff;
}

a.bg-orange:hover {
    background-color : #ef9549;
    color            : #fff;
}

.bg-primary {
    background-color : #1bb7a0;
    color            : #fff;
}

.bg-primary-light {
    background-color : #40dec8;
    color            : #fff;
}

.bg-success {
    background-color : #94b758;
    color            : #fff;
}

.bg-info {
    background-color : #56bdf1;
    color            : #fff;
}

.bg-warning {
    background-color : #f3c536;
    color            : #fff;
}

.bg-danger {
    background-color : #fa7b58;
    color            : #fff;
}

.bg-orange {
    background-color : #ef9549;
    color            : #fff;
}

.bg-violet {
    background-color : #7f6ec7;
    color            : #fff;
}

.bg-dark {
    background-color : #242633;
    color            : #fff;
}

.bg-bright {
    background-color : #fafafa;
    color            : #767676;
}

.bg-reverse {
    background-color : #fff;
    color            : #767676;
}

.bg-facebook {
    background-color : #335397;
    color            : #fff;
}

.bg-twitter {
    background-color : #00c7f7;
    color            : #fff;
}

.bg-google-plus {
    background-color : #df4a32;
    color            : #fff;
}

.page-container {
    max-width : 1170px;
    margin    : auto;
}

.gradient-text {
    font-size               : 150px;
    font-weight             : 300;
    color                   : #1bb7a0;
    background              : -webkit-linear-gradient(92deg, #fb83fa, #00aced);
    -webkit-background-clip : content-box;
    -webkit-text-fill-color : transparent;
}

.text-small {
    font-size : 12px;
}

.text-normal {
    font-size : 14px;
}

.text-huge {
    font-size : 72px;
}

.text-large {
    font-size : 50px;
}

.size-h1 {
    font-size : 36px;
}

.size-h2 {
    font-size : 30px;
}

.size-h3 {
    font-size : 24px;
}

.size-h4 {
    font-size : 18px;
}

.text-thin {
    font-weight : 300;
}

.text-ultralight {
    font-weight : 100;
}

.color-primary {
    color : #1bb7a0;
}

.color-success {
    color : #94b758;
}

.color-info {
    color : #56bdf1;
}

.color-info-alt {
    color : #7f6ec7;
}

.color-warning {
    color : #f3c536;
}

.color-danger {
    color : #fa7b58;
}

.color-dark {
    color : #242633;
}

.color-reverse {
    color : #fff;
}

.color-gray-darker {
    color : #222;
}

.color-gray-dark {
    color : #333;
}

.color-gray {
    color : #555;
}

.color-gray-light {
    color : #999;
}

.color-gray-lighter {
    color : #eee;
}

.dropcap,
.dropcap-square,
.dropcap-circle {
    display      : block;
    float        : left;
    font-weight  : normal;
    line-height  : 36px;
    margin-right : 6px;
    text-shadow  : none;
}

.dropcap {
    font-size : 3.1em;
}

.dropcap-square,
.dropcap-circle {
    background-color : #444;
    color            : #fff;
    width            : 36px;
    text-align       : center;
}

.dropcap-square {
    border-radius : 4px;
    font-size     : 2.3em;
}

.dropcap-circle {
    border-radius : 50%;
    font-size     : 1.78em;
}

.dropcap.colored {
    color : #1bb7a0;
}

.dropcap-square.colored,
.dropcap-circle.colored {
    background-color : #1bb7a0;
}

.highlight {
    background-color : #1bb7a0;
    color            : #fff;
    border-radius    : 4px;
    padding          : 2px 5px;
}

.divider {
    display : block;
    height  : 10px;
}

.divider-sm {
    height : 15px;
}

.divider-md {
    height : 20px;
}

.divider-lg {
    height : 30px;
}

.divider-xl {
    height : 50px;
}

.space {
    display : inline;
    padding : 5px;
}

.space-md {
    padding : 15px;
}

.space-lg {
    padding : 25px;
}

.ui-radio {
    position    : relative;
    margin      : 0 20px 10px 20px;
    font-size   : 14px;
    line-height : 20px;
    height      : 20px;
}

.ui-radio:hover {
    cursor : pointer;
}

.ui-radio input[type="radio"] {
    display : none;
}

.ui-radio input[type="radio"] + span {
    padding-left : 10px;
    font-weight  : normal;
}

.ui-radio input[type="radio"] + span:before {
    content        : "";
    width          : 20px;
    height         : 20px;
    display        : inline-block;
    vertical-align : middle;
    position       : absolute;
    left           : -20px;
    top            : 0;
    background     : white;
    border-radius  : 50%;
    border         : 1px solid #ccc;
}

.ui-radio input[type="radio"]:disabled + span:before {
    opacity : .65;
    border  : 1px solid #ccc;
    cursor  : no-drop;
}

.ui-radio input[type="radio"]:checked + span:after {
    content          : "";
    width            : 8px;
    height           : 8px;
    position         : absolute;
    top              : 6px;
    left             : -14px;
    background-color : #1bb7a0;
    border-radius    : 50%;
    display          : block;
}

.ui-radio input[type="radio"]:disabled:checked + span:after {
    opacity          : .65;
    cursor           : no-drop;
    background-color : #ccc;
}

.ui-checkbox {
    position : relative;
    margin   : 0 20px 10px 20px;
}

.ui-checkbox:hover {
    cursor : pointer;
}

.ui-checkbox input[type="checkbox"] {
    display : none;
}

.ui-checkbox input[type="checkbox"] + span {
    font-weight : normal;
}

.ui-checkbox input[type="checkbox"] + span:before {
    content          : "";
    width            : 18px;
    height           : 18px;
    display          : inline-block;
    vertical-align   : middle;
    margin-right     : 10px;
    margin-left      : -20px;
    background-color : transparent;
    border-radius    : 2px;
    border           : 1px solid #ccc;
}

.ui-checkbox input[type="checkbox"]:disabled + span:before {
    opacity : .65;
    border  : 1px solid #ccc;
    cursor  : no-drop;
}

.ui-checkbox input[type="checkbox"]:checked + span:before {
    background-color : #1bb7a0;
    border           : 1px solid #1bb7a0;
}

.ui-checkbox input[type="checkbox"]:checked + span:after {
    content         : "";
    width           : 8px;
    height          : 8px;
    position        : absolute;
    top             : 7px;
    left            : -15px;
    background      : url("/css/img/checkmark.png") no-repeat center center;
    background-size : 14px 14px;
    display         : block;
}

.ui-checkbox input[type="checkbox"]:disabled:checked + span:before {
    opacity          : .65;
    background-color : #ccc;
    border           : 1px solid #ccc;
}

.ui-checkbox input[type="checkbox"]:disabled:checked + span:after {
    opacity    : .65;
    cursor     : no-drop;
    background : url("/css/img/checkmark.png") no-repeat center center;
}

.ui-checkbox-no-label {
    margin-right: 0;
    margin-bottom: 0;
}

.ui-checkbox-no-label span {
    max-width: 0;
    float: left;
}

.ui-editor .btn-toolbar {
    margin-bottom : 10px;
}

.ui-editor .btn-toolbar .btn {
    font-size : 12px;
}

.ui-editor .btn-toolbar .btn-group {
    margin : 5px;
}

.ui-editor .btn-toolbar .btn-default {
    background-color : #fff;
    color            : #767676;
}

.ui-editor #taTextElement {
    overflow   : auto;
    min-height : 300px;
}

.ui-editor #taHtmlElement {
    overflow   : auto;
    min-height : 300px;
}

.ui-datepicker table {
    margin : 0 5px;
}

.ui-datepicker table th,
.ui-datepicker table td {
    padding : 1px;
}

.ui-timepicker td {
    padding : 1px;
}

.ui-rating:hover {
    cursor : pointer;
}

.ui-rating .fa {
    display                 : inline-block;
    font-family             : FontAwesome;
    font-style              : normal;
    font-weight             : normal;
    line-height             : 1;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
    margin-right            : 5px;
}

.ui-rating .fa.fa-star {
    color : #40dec8;
}

.ui-rating.ui-rating-success .fa.fa-star {
    color : #94b758;
}

.ui-rating.ui-rating-info .fa.fa-star {
    color : #56bdf1;
}

.ui-rating.ui-rating-warning .fa.fa-star {
    color : #f3c536;
}

.ui-rating.ui-rating-danger .fa.fa-star {
    color : #fa7b58;
}

.form-control {
    border-width  : 1px;
    box-shadow    : none;
    margin-bottom : 2px;
}

.form-control:focus {
    border-color : #1bb7a0;
    box-shadow   : none;
}

.form-group .col-sm-10 {
    position : relative;
}

.form-group .col-sm-10 .icon {
    position : absolute;
    right    : 25px;
    top      : 10px;
}

.input-round {
    border-radius: 25px;
}

input.input-primary {
    border-color : #1bb7a0;
}

input.input-primary:focus {
    border-color : #1bb7a0;
}

input.input-info {
    border-color : #56bdf1;
}

input.input-info:focus {
    border-color : #56bdf1;
}

input.input-success {
    border-color : #94b758;
}

input.input-success:focus {
    border-color : #94b758;
}

input.input-warning {
    border-color : #f3c536;
}

input.input-warning:focus {
    border-color : #f3c536;
}

input.input-danger {
    border-color : #fa7b58;
}

input.input-danger:focus {
    border-color : #fa7b58;
}

.drop-box {
    width         : 100%;
    height        : 100px;
    background    : #f8f8f8;
    border        : 2px dashed #ddd;
    text-align    : center;
    padding-top   : 35px;
    border-radius : 4px;
}

.ui-select {
    position      : relative;
    display       : inline-block;
    overflow      : hidden;
    margin        : 0 0 2px 1.2%;
    width         : auto;
    height        : auto;
    border        : 1px solid #cbd5dd;
    border-radius : 4px;
}

.ui-select > select {
    z-index            : 99;
    display            : block;
    position           : relative;
    padding            : 10px 15px 10px 10px;
    min-width          : 200px;
    width              : 120%;
    border             : none;
    outline            : none;
    background         : transparent;
    text-transform     : uppercase;
    font-size          : 11px;
    font-weight        : bold;
    text-indent        : 0;
    text-overflow      : '';
    cursor             : pointer;
    -webkit-appearance : none;
    -moz-appearance    : none;
}

.ui-select select::-ms-expand {
    display : none;
}

.ui-select:after {
    z-index      : 0;
    content      : "";
    position     : absolute;
    right        : 8%;
    top          : 50%;
    color        : #cbd5dd;
    width        : 0;
    margin-top   : -3px;
    height       : 0;
    border-top   : 6px solid;
    border-right : 6px solid transparent;
    border-left  : 6px solid transparent;
}

.ui-spinner {
    max-width : 200px;
}

.ui-spinner .input-group-btn.btn-group-vertical > .btn {
    height     : 17px;
    margin     : 0;
    padding    : 0 6px;
    text-align : center;
}

.ui-spinner .input-group-btn.btn-group-vertical > .btn:first-child {
    border-radius : 0 4px 0 0 !important;
}

.ui-spinner .input-group-btn.btn-group-vertical > .btn:last-child {
    border-radius : 0 0 4px 0;
}

.ui-spinner .input-group-btn.btn-group-vertical > .btn i {
    display    : block;
    margin-top : -2px;
}

.switch input {
    display : none
}

.switch i {
    display            : inline-block;
    cursor             : pointer;
    padding-right      : 25px;
    transition         : all ease 0.2s;
    -webkit-transition : all ease 0.2s;
    border-radius      : 30px;
    box-shadow         : inset 0 0 1px rgba(0, 0, 0, 0.5)
}

.switch i:before {
    display       : block;
    content       : '';
    width         : 30px;
    height        : 30px;
    border-radius : 30px;
    background    : white;
    box-shadow    : 0 1px 2px rgba(0, 0, 0, 0.5)
}

.switch :checked + i {
    padding-right : 0;
    padding-left  : 25px;
    box-shadow    : inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 50px #1bb7a0
}

.switch.switch-success :checked + i {
    box-shadow : inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 50px #94b758
}

.switch.switch-info :checked + i {
    box-shadow : inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 50px #56bdf1
}

.switch.switch-warning :checked + i {
    box-shadow : inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 50px #f3c536
}

.switch.switch-danger :checked + i {
    box-shadow : inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 50px #fa7b58
}

.form-validation .ng-valid.ng-dirty {
    border-color : #94b758;
}

.form-validation .ng-invalid.ng-dirty {
    border-color : #fa7b58;
}

@-webkit-keyframes fade-up-enter {
    0% {
        opacity           : 0;
        -webkit-transform : translateY(20px);
    }
    100% {
        opacity           : 1;
        -webkit-transform : translateY(0);
    }
}

@-moz-keyframes fade-up-enter {
    0% {
        opacity        : 0;
        -moz-transform : translateY(20px);
    }
    100% {
        opacity        : 1;
        -moz-transform : translateY(0);
    }
}

@keyframes fade-up-enter {
    0% {
        opacity           : 0;
        -webkit-transform : translateY(20px);
        -moz-transform    : translateY(20px);
        -ms-transform     : translateY(20px);
        -o-transform      : translateY(20px);
        transform         : translateY(20px);
    }
    100% {
        opacity           : 1;
        -webkit-transform : translateY(0);
        -moz-transform    : translateY(0);
        -ms-transform     : translateY(0);
        -o-transform      : translateY(0);
        transform         : translateY(0);
    }
}

@-webkit-keyframes fade-up-leave {
    0% {
        opacity           : 1;
        -webkit-transform : translateY(0);
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateY(-20px);
    }
}

@-moz-keyframes fade-up-leave {
    0% {
        opacity        : 1;
        -moz-transform : translateY(0);
    }
    100% {
        opacity        : 0;
        -moz-transform : translateY(-20px);
    }
}

@keyframes fade-up-leave {
    0% {
        opacity           : 1;
        -webkit-transform : translateY(0);
        -moz-transform    : translateY(0);
        -ms-transform     : translateY(0);
        -o-transform      : translateY(0);
        transform         : translateY(0);
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateY(-20px);
        -moz-transform    : translateY(-20px);
        -ms-transform     : translateY(-20px);
        -o-transform      : translateY(-20px);
        transform         : translateY(-20px);
    }
}

.animate-fade-up.ng-enter {
    -webkit-animation : 0.35s fade-up-enter;
    -moz-animation    : 0.35s fade-up-enter;
    animation         : 0.35s fade-up-enter;
}

@-webkit-keyframes animate-flip-y-enter {
    0% {
        -webkit-transform : perspective(3000px) rotateY(90deg);
        opacity           : 0;
    }
    100% {
        -webkit-transform : perspective(3000px) rotateY(0deg);
        opacity           : 1;
    }
}

@-moz-keyframes animate-flip-y-enter {
    0% {
        -moz-transform : perspective(3000px) rotateY(90deg);
        opacity        : 0;
    }
    100% {
        -moz-transform : perspective(3000px) rotateY(0deg);
        opacity        : 1;
    }
}

@keyframes animate-flip-y-enter {
    0% {
        -webkit-transform : perspective(3000px) rotateY(90deg);
        -moz-transform    : perspective(3000px) rotateY(90deg);
        -ms-transform     : perspective(3000px) rotateY(90deg);
        -o-transform      : perspective(3000px) rotateY(90deg);
        transform         : perspective(3000px) rotateY(90deg);
        opacity           : 0;
    }
    100% {
        -webkit-transform : perspective(3000px) rotateY(0deg);
        -moz-transform    : perspective(3000px) rotateY(0deg);
        -ms-transform     : perspective(3000px) rotateY(0deg);
        -o-transform      : perspective(3000px) rotateY(0deg);
        transform         : perspective(3000px) rotateY(0deg);
        opacity           : 1;
    }
}

@-webkit-keyframes animate-flip-y-leave {
    0% {
        -webkit-transform : perspective(3000px) rotateY(0deg);
        opacity           : 1;
    }
    100% {
        -webkit-transform : perspective(3000px) rotateY(-90deg);
        opacity           : 0;
    }
}

@-moz-keyframes animate-flip-y-leave {
    0% {
        -moz-transform : perspective(3000px) rotateY(0deg);
        opacity        : 1;
    }
    100% {
        -moz-transform : perspective(3000px) rotateY(-90deg);
        opacity        : 0;
    }
}

@keyframes animate-flip-y-leave {
    0% {
        -webkit-transform : perspective(3000px) rotateY(0deg);
        -moz-transform    : perspective(3000px) rotateY(0deg);
        -ms-transform     : perspective(3000px) rotateY(0deg);
        -o-transform      : perspective(3000px) rotateY(0deg);
        transform         : perspective(3000px) rotateY(0deg);
        opacity           : 1;
    }
    100% {
        -webkit-transform : perspective(3000px) rotateY(-90deg);
        -moz-transform    : perspective(3000px) rotateY(-90deg);
        -ms-transform     : perspective(3000px) rotateY(-90deg);
        -o-transform      : perspective(3000px) rotateY(-90deg);
        transform         : perspective(3000px) rotateY(-90deg);
        opacity           : 0;
    }
}

.animate-flip-y.ng-enter {
    -webkit-animation : 0.5s animate-flip-y-enter;
    -moz-animation    : 0.5s animate-flip-y-enter;
    animation         : 0.5s animate-flip-y-enter;
}

.animate-flip-y.ng-leave {
    -webkit-animation : 0.5s animate-flip-y-leave;
    -moz-animation    : 0.5s animate-flip-y-leave;
    animation         : 0.5s animate-flip-y-leave;
}

@-webkit-keyframes slideInDown {
    0% {
        opacity           : 0;
        -webkit-transform : translateY(-2000px);
    }
    100% {
        -webkit-transform : translateY(0);
    }
}

@-moz-keyframes slideInDown {
    0% {
        opacity        : 0;
        -moz-transform : translateY(-2000px);
    }
    100% {
        -moz-transform : translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        opacity           : 0;
        -webkit-transform : translateY(-2000px);
        -moz-transform    : translateY(-2000px);
        -ms-transform     : translateY(-2000px);
        -o-transform      : translateY(-2000px);
        transform         : translateY(-2000px);
    }
    100% {
        -webkit-transform : translateY(0);
        -moz-transform    : translateY(0);
        -ms-transform     : translateY(0);
        -o-transform      : translateY(0);
        transform         : translateY(0);
    }
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform : translateY(0);
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateY(-2000px);
    }
}

@-moz-keyframes slideOutUp {
    0% {
        -moz-transform : translateY(0);
    }
    100% {
        opacity        : 0;
        -moz-transform : translateY(-2000px);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform : translateY(0);
        -moz-transform    : translateY(0);
        -ms-transform     : translateY(0);
        -o-transform      : translateY(0);
        transform         : translateY(0);
    }
    100% {
        opacity           : 0;
        -webkit-transform : translateY(-2000px);
        -moz-transform    : translateY(-2000px);
        -ms-transform     : translateY(-2000px);
        -o-transform      : translateY(-2000px);
        transform         : translateY(-2000px);
    }
}

.animate-vertical-slide.ng-hide-add {
    -webkit-animation : 0.35s slideOutUp ease-in-out;
    -moz-animation    : 0.35s slideOutUp ease-in-out;
    animation         : 0.35s slideOutUp ease-in-out;
}

.animate-vertical-slide.ng-hide-remove {
    -webkit-animation : 0.35s 0.35s slideInDown ease-in-out;
    -moz-animation    : 0.35s 0.35s slideInDown ease-in-out;
    animation         : 0.35s 0.35s slideInDown ease-in-out;
}

.badge-primary {
    background-color : #1bb7a0;
}

.badge-success {
    background-color : #94b758;
}

.badge-info {
    background-color : #56bdf1;
}

.badge-warning {
    background-color : #f3c536;
}

.badge-danger {
    background-color : #fa7b58;
}

.breadcrumb a {
    color : #767676;
}

.breadcrumb a:hover {
    text-decoration : none;
}

.breadcrumb-alt {
    overflow   : hidden;
    list-style : none;
    margin     : 0 0 20px;
    padding    : 0;
    width      : 100%;
}

.dropdown-menu {
    box-shadow : none;
}

.dropdown-menu.dropdown-dark {
    background-color : #242633;
}

.dropdown-menu.dropdown-dark.with-arrow:after {
    border-bottom : 7px solid #242633;
}

.dropdown-menu.dropdown-dark > li > a {
    color : #999;
}

.dropdown-menu.with-arrow {
    margin-top : 0;
}

.dropdown-menu.with-arrow:before {
    content       : " ";
    position      : absolute;
    left          : 12px;
    top           : -16px;
    border        : 8px solid transparent;
    border-bottom : 8px solid rgba(0, 0, 0, 0.15);
}

.dropdown-menu.with-arrow:after {
    content       : " ";
    position      : absolute;
    left          : 13px;
    top           : -14px;
    border        : 7px solid transparent;
    border-bottom : 7px solid #fff;
}

.dropdown-menu.with-arrow.pull-right {
    margin-top : 0;
}

.dropdown-menu.with-arrow.pull-right:before {
    left  : auto;
    right : 12px;
}

.dropdown-menu.with-arrow.pull-right:after {
    left  : auto;
    right : 13px;
}

.dropdown-menu.with-arrow.panel-default:before {
    border-bottom : 8px solid #e9e9e9;
}

.dropdown-menu.with-arrow.panel-default:after {
    border-bottom : 7px solid #f6f6f6;
}

.dropdown-menu.with-arrow.panel-dark:before {
    border-bottom : 8px solid #242633;
}

.dropdown-menu.with-arrow.panel-dark:after {
    border-bottom : 7px solid #242633;
}

.dropdown-menu.with-arrow.panel-primary:before {
    border-bottom : 8px solid #1bb7a0;
}

.dropdown-menu.with-arrow.panel-primary:after {
    border-bottom : 7px solid #1bb7a0;
}

.dropdown-menu.with-arrow.panel-success:before {
    border-bottom : 8px solid #ebf8cd;
}

.dropdown-menu.with-arrow.panel-success:after {
    border-bottom : 7px solid #f0fbe3;
}

.dropdown-menu.with-arrow.panel-info:before {
    border-bottom : 8px solid #c5f1fa;
}

.dropdown-menu.with-arrow.panel-info:after {
    border-bottom : 7px solid #e6f5fd;
}

.dropdown-menu.with-arrow.panel-warning:before {
    border-bottom : 8px solid #ffecd4;
}

.dropdown-menu.with-arrow.panel-warning:after {
    border-bottom : 7px solid #fffaed;
}

.dropdown-menu.with-arrow.panel-danger:before {
    border-bottom : 8px solid #f7d0d1;
}

.dropdown-menu.with-arrow.panel-danger:after {
    border-bottom : 7px solid #fbe9e6;
}

.square-icon,
.round-icon {
    display     : block;
    text-align  : center;
    width       : 60px;
    height      : 60px;
    font-size   : 26px;
    line-height : 60px;
}

.square-icon.sm,
.round-icon.sm {
    width       : 35px;
    height      : 35px;
    font-size   : 16px;
    line-height : 35px;
}

.round-icon {
    border-radius : 50%;
}

img.img30_30 {
    width  : 30px;
    height : 30px;
}

img.img64_64 {
    width  : 64px;
    height : 64px;
}

img.img80_80 {
    width  : 80px;
    height : 80px;
}

.label {
    padding : .5em .8em;
}

.label-info-alt {
    background : #7f6ec7;
}

.list-group-item {
    padding : 15px;
    border  : 1px solid #f3f3f3;
}

.list-info li {
    padding       : 10px;
    border-bottom : 1px solid #eee;
}

.list-info li:last-child {
    border-bottom : none;
}

.list-info li .icon {
    margin-right : 10px;
    color        : #1bb7a0;
}

.list-info li label {
    width : 100px;
}

.nav-boxed {
    box-shadow       : 0 0 2px rgba(0, 0, 0, 0.2);
    background-color : #fff;
    border-radius    : 4px;
}

.nav-boxed.nav-justified > li > a {
    margin : 0;
}

.nav-boxed > li > a {
    display     : block;
    padding     : 10px 5px;
    border-left : 0;
    border-top  : 1px solid #f3f3f3;
}

@media (min-width : 768px) {
    .nav-boxed > li > a {
        border-top  : 0;
        border-left : 1px solid #f3f3f3;
    }
}

.nav-boxed > li > a > i {
    display     : block;
    width       : 40px;
    height      : 40px;
    line-height : 40px;
    margin      : 0 auto 2px;
    font-size   : 30px;
}

.nav-boxed > li:first-child > a {
    border-left : none;
    border-top  : 0;
}

@media (min-width : 768px) {
    .nav-boxed > li:first-child > a {
        border-left : 1px solid #f3f3f3;
    }
}

/* 
.panel .panel-heading {
  text-transform:uppercase;
} */

.panel .panel-title {
    font-size : 14px;
}

.panel-dark {
    border-color : #242633;
}

.panel-dark > .panel-heading {
    color            : #fff;
    background-color : #242633;
    border-color     : #242633;
}

.panel-dark > .panel-heading + .panel-collapse > .panel-body {
    border-top-color : #242633;
}

.panel-dark > .panel-heading .badge {
    color            : #242633;
    background-color : #fff;
}

.panel-dark > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color : #242633;
}

.panel-box {
    display      : table;
    table-layout : fixed;
    width        : 100%;
    height       : 100%;
    text-align   : center;
    border       : none;
}

.panel-box .panel-item {
    display        : table-cell;
    padding        : 30px;
    width          : 1%;
    vertical-align : top;
    border-radius  : 0;
}

.panel-box .panel-left {
    border-top-left-radius    : 4px;
    border-bottom-left-radius : 4px;
}

.panel-box .panel-right {
    border-top-right-radius    : 4px;
    border-bottom-right-radius : 4px;
}

.panel-box.info-box i {
    line-height : 70px;
}

.panel-box .panel-top,
.panel-box .panel-bottom {
    display : block;
}

.panel-box .panel-top {
    padding                 : 30px 20px;
    border-top-left-radius  : 4px;
    border-top-right-radius : 4px;
}

.panel-box .panel-bottom {
    padding                    : 10px;
    border-bottom-left-radius  : 4px;
    border-bottom-right-radius : 4px;
}

.panel-box .panel-bottom p {
    margin : 0;
}

.panel-box .list-justified-container {
    padding : 15px 0;
}

.panel-box ul.list-justified {
    display    : table;
    width      : 100%;
    list-style : none;
    padding    : 0;
}

.panel-box ul.list-justified > li {
    float        : none;
    display      : table-cell;
    padding      : 10px;
    width        : 1%;
    border-right : 1px solid #eee;
}

.panel-box ul.list-justified > li:last-child {
    border : none;
}

.panel-box ul.list-justified > li p {
    margin : 0;
}

.panel-box .panel-icon {
    display       : block;
    margin        : -75px auto 0;
    padding       : 28px 35px 35px;
    border-radius : 50%;
    border        : 10px solid #fff;
    width         : 150px;
    height        : 150px;
    line-height   : 80px;
    text-align    : center;
    font-size     : 58px;
    text-shadow   : -6px 8px 5px rgba(0, 0, 0, 0.3);
}

.mini-box {
    min-height : 120px;
    padding    : 25px;
}

.mini-box .box-icon {
    display        : block;
    float          : left;
    margin         : 0 15px 10px 0;
    width          : 70px;
    height         : 70px;
    line-height    : 70px;
    vertical-align : middle;
    text-align     : center;
    font-size      : 35px;
    border-radius  : 4px;
}

.mini-box .box-icon.rounded {
    border-radius : 50%;
}

.mini-box .box-info p {
    margin : 0;
}

.panel-profile {
    border : none;
}

.panel-profile .profile {
    margin        : 5px 15px 5px 5px;
    border-radius : 50%;
    box-shadow    : 0 0 0 5px #26dfc4, 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.panel-profile .profile img {
    border-radius : 50%;
}

.panel-profile .list-group > li > i {
    margin-right : 10px;
    font-size    : 16px;
    color        : #999;
    table-layout : fixed;
}

.panel-profile .list-justified-container {
    padding : 15px 0;
}

.panel-profile ul.list-justified {
    display    : table;
    width      : 100%;
    list-style : none;
    padding    : 0;
}

.panel-profile ul.list-justified > li {
    float        : none;
    display      : table-cell;
    padding      : 10px;
    width        : 1%;
    border-right : 1px solid #eee;
}

.panel-profile ul.list-justified > li:last-child {
    border : none;
}

.panel-profile ul.list-justified > li p {
    margin : 0;
}

.pricing-table {
    margin-bottom    : 20px;
    text-align       : center;
    background-color : #ccc;
    color            : #fff;
    border-radius    : 6px;
}

.pricing-table > header {
    display          : block;
    margin           : 0;
    padding          : 25px 10px;
    background-color : rgba(0, 0, 0, 0.05);
    font-size        : 22px;
    line-height      : 1;
    font-weight      : bold;
    text-transform   : uppercase;
}

.pricing-table .pricing-price {
    position      : relative;
    padding       : 35px 10px;
    font-size     : 60px;
    line-height   : 1;
    border-bottom : 1px solid rgba(255, 255, 255, 0.1);
}

.pricing-table .pricing-price em {
    font-size      : .6em;
    font-weight    : 300;
    font-style     : normal;
    vertical-align : 10px;
}

.pricing-table .pricing-price sup {
    font-size : .45em;
}

.pricing-table .pricing-price sub {
    color       : rgba(255, 255, 255, 0.7);
    font-size   : .25em;
    margin-left : -50px;
}

.pricing-table .pricing-body > ul {
    margin      : 0;
    padding     : 0;
    list-style  : none;
    font-size   : 18px;
    font-weight : bold;
    line-height : 24px;
}

.pricing-table .pricing-body > ul > li {
    padding       : 22px 10px;
    border-bottom : 1px solid rgba(255, 255, 255, 0.1);
}

.pricing-table > footer > a {
    display          : block;
    margin           : 0;
    padding          : 22px 10px;
    font-size        : 16px;
    color            : #fff;
    text-decoration  : none;
    background-color : rgba(0, 0, 0, 0.05);
}

.pricing-table > footer > a > i {
    margin-right : 10px;
}

.pricing-table-success {
    background-color : #94b758;
}

.pricing-table-info {
    background-color : #56bdf1;
}

.pricing-table-warning {
    background-color : #f3c536;
}

.pricing-table-danger {
    background-color : #fa7b58;
}

.flags-sprite,
.flags-american,
.flags-china,
.flags-france,
.flags-germany,
.flags-italy,
.flags-japan,
.flags-korea,
.flags-portugal,
.flags-russia,
.flags-spain {
    background : url('/css/ui/images/flags-s61ea563cec.png') no-repeat;
}

.flags-american {
    background-position : 0 -21px;
    height              : 21px;
    width               : 32px;
}

.flags-china {
    background-position : 0 -42px;
    height              : 21px;
    width               : 32px;
}

.flags-france {
    background-position : 0 -126px;
    height              : 21px;
    width               : 32px;
}

.flags-germany {
    background-position : 0 -168px;
    height              : 21px;
    width               : 32px;
}

.flags-italy {
    background-position : 0 -147px;
    height              : 21px;
    width               : 32px;
}

.flags-japan {
    background-position : 0 -63px;
    height              : 21px;
    width               : 32px;
}

.flags-korea {
    background-position : 0 0;
    height              : 21px;
    width               : 32px;
}

.flags-portugal {
    background-position : 0 -105px;
    height              : 21px;
    width               : 32px;
}

.flags-russia {
    background-position : 0 -189px;
    height              : 21px;
    width               : 32px;
}

.flags-spain {
    background-position : 0 -84px;
    height              : 21px;
    width               : 32px;
}

table.responsive {
    border : 1px solid #ddd;
}

@media only screen and (max-width : 767px) {
    table.responsive {
        margin-bottom : 0;
    }

    .pinned {
        position     : absolute;
        left         : 0;
        top          : 0;
        background   : #fff;
        width        : 35%;
        overflow     : hidden;
        overflow-x   : scroll;
        border-right : 1px solid #ccc;
        border-left  : 1px solid #ccc;
    }

    .pinned table {
        border-top    : 1px solid #ddd;
        border-bottom : 1px solid #ddd;
        border-right  : none;
        border-left   : none;
        width         : 100%;
    }

    .pinned table th,
    .pinned table td {
        white-space : nowrap;
    }

    .pinned td:last-child {
        border-bottom : 0;
    }

    div.table-wrapper {
        position      : relative;
        margin-bottom : 20px;
        overflow      : hidden;
        border-right  : 1px solid #ccc;
    }

    div.table-wrapper div.scrollable {
        margin-left : 35%;
    }

    div.table-wrapper div.scrollable {
        overflow   : scroll;
        overflow-y : hidden;
    }

    table.responsive td,
    table.responsive th {
        position    : relative;
        white-space : nowrap;
        overflow    : hidden;
    }

    table.responsive th:first-child,
    table.responsive td:first-child,
    table.responsive td:first-child,
    table.responsive.pinned td {
        display : none;
    }
}

.jqstooltip {
    -webkit-box-sizing : content-box;
    -moz-box-sizing    : content-box;
    box-sizing         : content-box;
}

.non-display {
    display : none;
}

.page-form-ele h3 {
    margin : 0;
}

.page-err {
    position         : relative;
    width            : 100%;
    height           : 100%;
    background-color : #fafafa;
}

.page-err.err-500 .err-container,
.page-err.err-500 .err-message {
    background-color : #56bdf1;
}

.page-err .err-container {
    width            : 100%;
    height           : 75%;
    background-color : #1bb7a0;
    border-bottom    : 1px solid #18a18d;
    padding          : 45px 0 0;
}

@media (min-width : 768px) {
    .page-err .err-container {
        padding : 100px 0 0;
    }
}

.page-err .err-status h1 {
    margin    : 0 0 -45px;
    color     : #fafafa;
    font-size : 100px;
}

@media (min-width : 768px) {
    .page-err .err-status h1 {
        font-size : 180px;
    }
}

.page-err .err-message {
    background-color : #1bb7a0;
    padding          : 24px;
    text-transform   : uppercase;
}

.page-err .err-message h2 {
    font-size   : 32px;
    color       : #fff;
    font-weight : 300;
}

@media (min-width : 768px) {
    .page-err .err-message h2 {
        font-size : 50px;
    }
}

.page-err .err-body {
    padding : 20px 10px;
}

.page-err .btn-goback {
    color            : #fff;
    background-color : transparent;
    border-color     : #fff;
}

.page-err .btn-goback.btn-info:hover,
.page-err .btn-goback.btn-info:focus,
.page-err .btn-goback.btn-info:active,
.page-err .btn-goback.btn-info.active {
    color : #6ec6f3;
}

.open .page-err .btn-goback.btn-info.dropdown-toggle {
    color : #6ec6f3;
}

.btn-info > i {
    color: white;
}

.page-err .btn-goback:hover,
.page-err .btn-goback:focus,
.page-err .btn-goback:active,
.page-err .btn-goback.active {
    color            : #1ecdb3;
    background-color : #fff;
}

.open .page-err .btn-goback.dropdown-toggle {
    color            : #1ecdb3;
    background-color : #fff;
}

.page-err .footer {
    position : absolute;
    bottom   : 20px;
    width    : 100%;
}

.page-lock .lock-centered {
    position   : absolute;
    top        : 50%;
    left       : 0;
    right      : 0;
    margin-top : -65px;
}

@media screen and (min-width : 768px) {
    .page-lock .lock-centered {
        margin-top : -75px;
    }
}

.page-lock .lock-container {
    position  : relative;
    max-width : 420px;
    margin    : 0 auto;
}

.page-lock .lock-box {
    position : absolute;
    left     : 0;
    right    : 0;
}

.page-lock .lock-box .lock-user {
    background                : #fff;
    width                     : 50%;
    float                     : left;
    height                    : 50px;
    line-height               : 50px;
    margin-top                : 50px;
    padding                   : 0 20px;
    border-top-left-radius    : 4px;
    border-bottom-left-radius : 4px;
    color                     : #1bb7a0;
}

.page-lock .lock-box .lock-img img {
    position      : absolute;
    border-radius : 50%;
    left          : 40%;
    width         : 80px;
    height        : 80px;
    border        : 6px solid #fff;
    background    : #fff;
}

@media screen and (min-width : 768px) {
    .page-lock .lock-box .lock-img img {
        left   : 33%;
        width  : 150px;
        height : 150px;
        border : 10px solid #fff;
    }
}

.page-lock .lock-box .lock-pwd {
    background                 : #fff;
    width                      : 50%;
    float                      : right;
    height                     : 50px;
    line-height                : 50px;
    padding                    : 0 0 0 50px;
    margin-top                 : 50px;
    border-top-right-radius    : 4px;
    border-bottom-right-radius : 4px;
    color                      : #1bb7a0;
}

@media screen and (min-width : 768px) {
    .page-lock .lock-box .lock-pwd {
        padding : 0 0 0 80px;
    }
}

.page-lock .lock-box .lock-pwd input {
    width  : 80%;
    height : 50px;
    color  : #555;
    border : 0;
}

.page-lock .lock-box .lock-pwd .btn-submit {
    position : absolute;
    top      : 50%;
    right    : 20px;
}

.page-profile img.media-object {
    border-radius : 4px;
}

.page-icons .bs-glyphicons {
    overflow : hidden;
}

.page-icons .bs-glyphicons li {
    float       : left;
    width       : 25%;
    height      : 115px;
    padding     : 10px;
    font-size   : 10px;
    line-height : 1.4;
    text-align  : center;
    border      : 1px solid #f9f9f9;
}

.page-icons .bs-glyphicons .glyphicon {
    margin-top    : 5px;
    margin-bottom : 10px;
    font-size     : 24px;
}

.page-icons .bs-glyphicons .glyphicon-class {
    display    : block;
    text-align : center;
    word-wrap  : break-word;
}

.page-icons .bs-glyphicons-list {
    padding-left : 0;
    list-style   : none;
}

.page-invoice .invoice-wrapper {
    padding          : 0 0 30px;
    background-color : #fff;
}

.invoice-inner {
    padding          : 15px 15px 30px;
    background-color : #fff;
}

.invoice-inner .invoice-sum li {
    margin-bottom    : 5px;
    padding          : 10px;
    background-color : #f9f9f9;
    border-radius    : 4px;
}

.weather-icon-list {
    text-align : center;
}

.weather-icon-list .example {
    text-align : center;
    margin     : 10px 3px;
}

.weather-icon-list .example .icon {
    font-size : 24px;
}

.bs-glyphicons {
    padding-left   : 0;
    padding-bottom : 1px;
    margin-bottom  : 20px;
    list-style     : none;
    overflow       : hidden;
}

.bs-glyphicons .glyphicon {
    margin-top    : 5px;
    margin-bottom : 10px;
    font-size     : 24px;
}

.bs-glyphicons .glyphicon-class {
    display    : block;
    text-align : center;
}

.bs-glyphicons li {
    float       : left;
    width       : 25%;
    height      : 115px;
    padding     : 10px;
    margin      : 0 -1px -1px 0;
    font-size   : 12px;
    line-height : 1.4;
    text-align  : center;
    border      : 1px solid #ddd;
}

@media (min-width : 768px) {
    .bs-glyphicons li {
        width : 12.5%;
    }
}

.page-grid .grid-structure.row {
    margin-top : 10px;
}

.page-grid .grid-structure .row .widget-container {
    margin-top    : 5px;
    background    : #eee;
    padding       : 10px 15px 12px;
    min-height    : 0;
    border-radius : 4px;
}

.page-form-ele .list-checkbox-radio li:nth-child(even) {
    margin-bottom : 20px;
}

.page-form-ele .list-checkbox-radio li > div {
    float        : left;
    margin-right : 10px;
}

.demoslider-container {
    max-width : 600px;
    margin    : auto;
}

html {
    position   : relative;
    min-height : 100%;
}

.app {
    position   : static;
    min-height : 100%;
}

@media print {
    .no-print {
        display : none;
    }
}

/* --- HEADER NAV --- */
.app > .header-container.header-fixed {
    position : fixed;
    right    : 0;
    left     : 0;
    z-index  : 11;
}

.app > .header-container.header-fixed + .contentwrapper + .nav-container,
.app > .header-container.header-fixed + .contentwrapper {
    padding-top : 50px;
}

/*
@media (max-width:767px) {
  .on-canvas #header {
    position:fixed;
    right:0;
    left:0;
    z-index:12;
  }
*/
@media (max-width : 768px) {
    .app > .header-container.header-fixed + .contentwrapper + .nav-container,
    .app > .header-container.header-fixed + .contentwrapper {
        padding-top : 100px;
    }
}

.header-container {
    background-color : #242633;
}

.header-container > .top-header a {
    color : #fafafa;
}

.header-container > .top-header a:hover {
    text-decoration : none;
}

.header-container > .top-header .dropdown-menu a {
    color : #767676;
}

.header-container > .top-header .hidden-mobile {
    display : none;
}

@media (min-width : 480px) {
    .header-container > .top-header .hidden-mobile {
        display : inline;
    }
}

.header-container > .top-header .logo {
    position         : absolute;
    width            : 100%;
    height           : 50px;
    background-color : #191b24;
    color            : #fafafa;
    line-height      : 50px;
    text-align       : center;
}

@media (min-width : 768px) {
    .header-container > .top-header .logo {
        display          : inline-block;
        width            : 220px;
        background-color : transparent;
        border-right     : 1px solid rgba(255, 255, 255, 0.1);
    }
}

.header-container > .top-header .logo > a {
    font-size      : 24px;
    vertical-align : middle;
    color          : #fafafa;
}

.header-container > .top-header .logo > a .logo-icon {
    color        : #52e6d0;
    margin-right : 12px;
}

.header-container > .top-header .menu-button {
    display       : block;
    position      : absolute;
    top           : 8px;
    right         : 20px;
    width         : 46px;
    padding       : 10px 12px;
    border-radius : 4px;
}

.header-container > .top-header .menu-button:hover {
    cursor           : pointer;
    background-color : #0f1015;
}

.header-container > .top-header .menu-button .icon-bar {
    display          : block;
    width            : 22px;
    height           : 2px;
    border-radius    : 1px;
    background-color : #fff;
}

.header-container > .top-header .menu-button .icon-bar + .icon-bar {
    margin-top : 4px;
}

@media (min-width : 768px) {
    .header-container > .top-header .menu-button {
        display : none;
    }
}

.header-container > .top-header .admin-options {
    z-index     : 20;
    line-height : 20px;
}

.header-container > .top-header .dropdown-menu.panel {
    padding     : 0;
    white-space : nowrap;
}

.header-container > .top-header .dropdown-menu.panel .panel-heading,
.header-container > .top-header .dropdown-menu.panel .panel-footer {
    padding : 10px 15px;
}

.header-container > .top-header .dropdown-menu.panel .list-group-item {
    padding : 10px 15px;
}

.header-container > .top-header .dropdown-menu.panel .list-group-item > a {
    display : block;
}

.header-container > .top-header .dropdown-menu.panel .media .media-body {
    padding-right : 75px;
}

.header-container > .top-header .top-nav {
    width   : 100%;
    padding : 50px 0 0;
}

@media (min-width : 768px) {
    .header-container > .top-header .top-nav {
        padding : 0 0 0 220px;
    }
}

.header-container > .top-header .top-nav > ul {
    margin-bottom : 0;
}

.header-container > .top-header .top-nav .nav-left,
.header-container > .top-header .top-nav .nav-right {
    font-size   : 18px;
    line-height : 22px;
}

.header-container > .top-header .top-nav .nav-left > li,
.header-container > .top-header .top-nav .nav-right > li {
    float : left;
}

.header-container > .top-header .top-nav .nav-left > li.nav-profile > a,
.header-container > .top-header .top-nav .nav-right > li.nav-profile > a {
    padding : 10px 15px;
}

.header-container > .top-header .top-nav .nav-left > li.nav-profile .hidden-xs,
.header-container > .top-header .top-nav .nav-right > li.nav-profile .hidden-xs {
    padding-right : 8px;
}

.header-container > .top-header .top-nav .nav-left > li.nav-profile i,
.header-container > .top-header .top-nav .nav-right > li.nav-profile i {
    width        : 18px;
    font-size    : 16px;
    margin-right : 5px;
}

.header-container > .top-header .top-nav .nav-left > li > .toggle-min,
.header-container > .top-header .top-nav .nav-right > li > .toggle-min {
    display : none;
}

@media (min-width : 768px) {
    .header-container > .top-header .top-nav .nav-left > li > .toggle-min,
    .header-container > .top-header .top-nav .nav-right > li > .toggle-min {
        display : block;
    }
}

.header-container > .top-header .top-nav .nav-left > li a:hover,
.header-container > .top-header .top-nav .nav-left > li a:focus,
.header-container > .top-header .top-nav .nav-right > li a:hover,
.header-container > .top-header .top-nav .nav-right > li a:focus {
    text-decoration : none;
}

.header-container > .top-header .top-nav .nav-left > li > .btn-group > a,
.header-container > .top-header .top-nav .nav-left > li > a,
.header-container > .top-header .top-nav .nav-right > li > .btn-group > a,
.header-container > .top-header .top-nav .nav-right > li > a {
    position : relative;
    display  : block;
    height   : 50px;
    padding  : 14px 10px;
}

@media (min-width : 768px) {
    .header-container > .top-header .top-nav .nav-left > li > .btn-group > a,
    .header-container > .top-header .top-nav .nav-left > li > a,
    .header-container > .top-header .top-nav .nav-right > li > .btn-group > a,
    .header-container > .top-header .top-nav .nav-right > li > a {
        padding : 14px 15px;
    }
}

.header-container > .top-header .top-nav .nav-left > li > .btn-group > a .badge,
.header-container > .top-header .top-nav .nav-left > li > a .badge,
.header-container > .top-header .top-nav .nav-right > li > .btn-group > a .badge,
.header-container > .top-header .top-nav .nav-right > li > a .badge {
    position : absolute;
    top      : 6px;
    right    : 3px;
}

.header-container > .top-header .top-nav .nav-left > li ul.dropdown-menu a:hover,
.header-container > .top-header .top-nav .nav-right > li ul.dropdown-menu a:hover {
    background-color : #1bb7a0;
    color            : #fff;
}

.header-container > .top-header .top-nav .nav-left > li ul.dropdown-menu .glyphicon,
.header-container > .top-header .top-nav .nav-right > li ul.dropdown-menu .glyphicon {
    margin-right : 10px;
}

.header-container > .top-header .top-nav .nav-left {
    float   : left;
    padding : 0;
}

.header-container > .top-header .top-nav .nav-left > li {
    border-right : 1px solid rgba(255, 255, 255, 0.1);
}

.header-container > .top-header .top-nav .nav-right {
    padding : 0;
}

.header-container > .top-header .top-nav .nav-right > li > a {
    width      : 50px;
    text-align : center;
}

.header-container > .top-header .top-nav .nav-right .badge-info {
    background-color : transparent;
}

.header-container > .top-header .langs .active-flag .flag {
    margin-top : 0;
}

.header-container > .top-header .langs .list-langs a {
    position : relative;
    padding  : 8px 20px 8px 57px;
}

.header-container > .top-header .langs .list-langs a .flag {
    position : absolute;
    top      : 7px;
    left     : 15px;
}

/* --- HEADER END --- */

body {
    background : url("/images/bg-pattern/bg-pattern12.png") repeat #fff;
}

.body-wide #header,
    /* .body-wide #nav-container, */
.body-wide #breadcrumb {
    display : none;
}

.body-wide > .main-container {
    width     : 100%;
    max-width : 100%;
    margin    : 0;
    padding   : 0;
}

.app>.main-container {
    position: static
}
.app>.main-container:before {
    content: " ";
    line-height: 0;
    z-index: -2;
    position: absolute;
    display: block;
    width: 100%;
    max-width: inherit;
    top: 0;
    bottom: 0;
    background-color: #f9f9f9;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2)
}
.app>.main-container>.nav-container {
    display: none;
    z-index: 1;
    position: static;
    float: left;
    width: 220px;
    background-color: #f1f1f1;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #d7d7d7
}
@media (min-width: 768px) {
    .app>.main-container>.nav-container {
        display: block
    }
}
.app>.main-container>.nav-container:before {
    z-index: -1;
    content: " ";
    line-height: 0;
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    width: inherit;
    background-color: inherit;
    border-width: inherit;
    border-style: inherit;
    border-color: inherit
}
.app>.main-container>.nav-container.nav-fixed {
    position: fixed;
    top: 100px;
    bottom: 0;
    float: none
}
@media (min-width: 768px) {
    .app>.main-container>.nav-container.nav-fixed {
        top: 50px
    }
}
.app>.main-container>.content-container {
    overflow: hidden;
    min-height: 100%;
    margin-left: 0
}
@media (min-width: 768px) {
    .app>.main-container>.content-container {
        margin-left: 220px
    }
}
@media (min-width: 768px) {
    .app>.main-container>.nav-container.nav-horizontal {
        z-index: 9;
        border-width: 0 0 1px;
        border-style: solid;
        border-color: #d7d7d7
    }
    .app>.main-container>.nav-container.nav-horizontal:before {
        border: 0
    }
    .app>.main-container>.nav-container.nav-horizontal.nav-fixed {
        border-width: 0 1px 1px 0;
        left: 0;
        right: 0;
        bottom: auto
    }
    .app>.main-container>.nav-container.nav-horizontal.nav-fixed #nav {
        text-align: center
    }
    .app>.main-container>.nav-container.nav-horizontal.nav-fixed #nav>li {
        display: inline-block;
        float: none
    }
    .app>.main-container>.nav-container.nav-horizontal.nav-fixed #nav>li>a {
        padding: 15px 28px
    }
    .app>.main-container>.nav-container.nav-horizontal.nav-fixed+.content-container {
        margin: 80px 0 0
    }
}

.body-wide #content {
    z-index  : 2;
    position : absolute;
    top      : 0;
    left     : 0;
    right    : 0;
    bottom   : 0;
    margin   : 0;
}

.body-wide .introjs-overlay,
.body-wide .introjs-helperLayer {
    display : none;
}

.body-lock #content {
    background              : url("/images/background/5.jpg") no-repeat center center fixed;
    -webkit-background-size : cover;
    -moz-background-size    : cover;
    -o-background-size      : cover;
    background-size         : cover;
    left                    : -60px;
}

/*!
 * colour panels on main page
 */

.panel-green {
    border-color : #5cb85c;
}

.panel-green .panel-heading {
    border-color     : #5cb85c;
    color            : #fff;
    background-color : #5cb85c;
}

.panel-green a {
    color : #5cb85c;
}

.panel-green a:hover {
    color : #3d8b3d;
}

.panel-red {
    border-color : #d9534f;
}

.panel-red .panel-heading {
    border-color     : #d9534f;
    color            : #fff;
    background-color : #d9534f;
}

.panel-red a {
    color : #d9534f;
}

.panel-red a:hover {
    color : #b52b27;
}

.panel-yellow {
    border-color : #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color     : #f0ad4e;
    color            : #fff;
    background-color : #f0ad4e;
}

.panel-yellow a {
    color : #f0ad4e;
}

.panel-yellow a:hover {
    color : #df8a13;
}

.split-col {
    padding-right : 1px;
    padding-left  : 1px;
}

/* validation error ngMessage */

.error-messages.ng-active {
    background    : #fa7b58;
    color         : #fff;
    padding       : 5px;
    border-radius : 5px;
    margin-top    : 15px;
    position      : relative;
    margin-bottom : 7px;

    /** Absolute position */
    position: absolute;
    z-index: 9;
    top: 15px;
}

.form-control-error {
    border-width  : 1px;
    box-shadow    : none;
    margin-bottom : 2px;
    border-color: #fa7b58;
}

.error-messages.ng-active:after {
    position     : absolute;
    top          : -10px;
    content      : "";
    left         : 20px;
    border       : 5px solid transparent;
    border-bottom-color: #fa7b58;
}

.nav-tabs {
    padding-top  : 5px;
    padding-left : 2px;
    background : white !important;
}

.dealcomplex-panel .nav-tabs {
    background: transparent !important;
}

#breadcrumb {
    padding-left: 5px;
}

/* Borders for tabs removed. Uncomment for turn it back */
/*#breadcrumb > li:not(.active) {*/
    /*border-right : 1px solid #ddd;*/
/*}*/

/* Temporary commented. Uncomment if u need it for a while or just remove. thx */
/*.panel {*/
/*border-top:0px solid transparent !important;*/
/*}*/

#breadcrumb > li > a {
    color: #555;
}

#breadcrumb > li.active > a,
#breadcrumb > li.active > a:hover,
#breadcrumb > li.active > a:focus {
    background-color : white !important;
    /*margin-left      : -2px;*/
    /*border-radius    : 0 4px 0 0;*/
    color: #333;
}

.nav-tabs > li > a > button {
    position : absolute;
    top      : 0;
}

/* containers */

.contentwrapper {
    float : left;
    width : 100%;
}

.layout-boxed > .header-container .top-header {
    max-width : 1260px;
    margin    : 0 auto;
}
.layout-boxed>.main-container {
    max-width: 1259px;
    margin: 0 auto;
}
.app>.header-container.header-fixed+.main-container {
    padding-top: 100px
}
@media (min-width: 768px) {
    .app>.header-container.header-fixed+.main-container {
        padding-top: 50px
    }
}

#content {
    margin-right : 0;
}

.contentwrapper:before {
    content          : " ";
    line-height      : 0;
    z-index          : -2;
    position         : fixed;
    display          : block;
    max-width        : inherit;
    top              : 0;
    bottom           : 0;
    background-color : #f9f9f9;
    box-shadow       : 0 0 2px rgba(0, 0, 0, 0.2);
    width            : 100%;
}

.contentcolumn {
    position    : relative;
    margin-left : 220px; /*Set left margin to LeftColumnWidth*/
}

.app > .nav-container {
    position            : relative;
    float               : left;
    width               : 220px; /*Width of left column*/
    margin-left         : -100%;

    background-color    : #f1f1f1;
    border              : 0 solid #d7d7d7;
    border-right-width  : 1px;
}

.app > .nav-container:before {
    z-index          : -1;
    content          : " ";
    line-height      : 0;
    position         : fixed;
    display          : block;
    top              : 0;
    bottom           : 0;
    width            : inherit;
    background-color : inherit;
    border           : inherit;
    height           : 100%;
}

/* style menu */

#nav-container ul {
    padding-left : 0;
    list-style   : none;
}

#nav-container > .nav-wrapper {
    position : relative;
    width    : 100%;
    height   : 100%;
}

.nav-vertical .nav > li.open > a {
    background-color : #e4e4e4;
    color            : #1bb7a0;
}

.nav-vertical .nav > li.open > .fa {
    color : #1bb7a0;
}

.nav-container .nav {
    margin                     : 0;
    padding                    : 0;
    -webkit-overflow-scrolling : touch;
    -webkit-overflow-scrolling : -blackberry-touch;
}

.nav-container .nav > li > a > i,
.nav-container .nav > li > a > .nav-icon {
    display            : inline-block;
    margin-right       : 10px;
    width              : 20px;
    line-height        : 1;
    text-align         : center;
    font-size          : 16px;
    -webkit-transition : all 0.2s ease-in-out;
    -moz-transition    : all 0.2s ease-in-out;
    transition         : all 0.2s ease-in-out;
}

.nav-container .nav a {
    font-size          : 13px;
    color              : #767676;
    -webkit-transition : all 0.2s ease-in-out;
    -moz-transition    : all 0.2s ease-in-out;
    transition         : all 0.2s ease-in-out;
}

.nav-container .nav a:hover {
    text-decoration : none;
}

.nav-container .nav > li {
    position           : relative;
    margin             : 0;
    text-align         : left;
    font-weight        : bold;
    -webkit-transition : all 0.2s ease-in-out;
    -moz-transition    : all 0.2s ease-in-out;
    transition         : all 0.2s ease-in-out;
}

.nav-container .nav > li:hover > a {
    background-color : #e4e4e4;
    color            : #1bb7a0;
}

.nav-container .nav > li:hover > .fa {
    color : #1bb7a0;
}

.nav-container .nav > li.active > a {
    background-color : #1bb7a0;
    color            : #fafafa;
}

.nav-container .nav > li.active > .fa {
    color : #fafafa;
}

.nav-container .nav > li:first-child > a {
    border-top : 0;
}

.nav-container .nav > li > a {
    position           : relative;
    display            : block;
    padding            : 14px 15px;
    -webkit-transition : all 0.2s ease-in-out;
    -moz-transition    : all 0.2s ease-in-out;
    transition         : all 0.2s ease-in-out;
}

.nav-container .nav > li > a .badge {
    position : absolute;
    top      : 14px;
    right    : 5px;
}

.nav-container .nav > li > .icon-has-ul-h {
    display : none;
}

.nav-container .nav > li > .icon-has-ul {
    position : absolute;
    top      : 18px;
    right    : 15px;
}

.nav-container .nav ul {
    background-color : #f1f1f1;
    display          : none;
}

.nav-container .nav ul a {
    font-size : 13px;
}

.nav-container .nav ul li {
    position : relative;
    padding  : 0;
}

.nav-container .nav ul li:hover a,
.nav-container .nav ul li.active a {
    color : #1bb7a0;
}

.nav-container .nav ul li:last-child > a {
    border-bottom : 0;
}

.nav-container .nav ul li > a {
    position           : relative;
    display            : block;
    padding            : 13px 0 13px 25px;
    -webkit-transition : all 0.2s ease-in-out;
    -moz-transition    : all 0.2s ease-in-out;
    transition         : all 0.2s ease-in-out;
}

.nav-container .nav ul li > a:first-child {
    border-top : none;
}

.nav-container .nav ul li > a i.fa-caret-right {
    margin-right : 25px;
}

.nav-container .nav ul li > a > .badge {
    position : absolute;
    right    : 5px;
    top      : 12px;
}

/* END style meny */

/* collaps menu */

@media (min-width : 768px) {
    .app.nav-collapsed-min .slimScrollDiv {
        overflow : visible !important;
        height   : auto !important;
    }

    .app.nav-collapsed-min .slimScrollDiv .slimScrollBar,
    .app.nav-collapsed-min .slimScrollDiv .slimScrollRail {
        display : none !important;
    }

    .app.nav-collapsed-min #nav-container {
        width : 60px;
    }

    .app.nav-collapsed-min #content {
        margin-left : 60px;
    }

    .app.nav-collapsed-min #nav-wrapper {
        overflow : visible !important;
    }

    .app.nav-collapsed-min #nav {
        overflow : visible !important;
    }

    .app.nav-collapsed-min #nav > li > a {
        padding    : 13px 15px 12px 15px;
        text-align : center;
    }

    .app.nav-collapsed-min #nav > li > a > i {
        margin    : 0;
        font-size : 20px;
    }

    .app.nav-collapsed-min #nav > li > a > span {
        display : none;
    }

    .app.nav-collapsed-min #nav > li .icon-has-ul {
        display : none;
    }

    .app.nav-collapsed-min #nav > li > ul {
        z-index                    : 9;
        position                   : absolute;
        left                       : 100%;
        top                        : 0;
        width                      : 220px;
        border-top-right-radius    : 4px;
        border-bottom-right-radius : 4px;
        box-shadow                 : 1px 1px 3px rgba(0, 0, 0, 0.2);
    }

    .app.nav-collapsed-min #nav > li:hover > ul,
    .app.nav-collapsed-min #nav > li.open > ul {
        display : block !important;
    }

    .app.nav-collapsed-min .nav-horizontal #nav > li > .fa {
        display : none;
    }

    .app.nav-collapsed-min .nav-horizontal #nav > li > ul {
        left : 0;
        top  : 100%;
    }
}

/* horizontal nav */

@media (max-width : 767px) {
    .nav-horizontal .nav > li.open > a {
        background-color : #e4e4e4;
        color            : #1bb7a0;
    }

    .nav-horizontal .nav > li.open > .fa {
        color : #1bb7a0;
    }
}

/*
.main-container>.nav-container.nav-horizontal {
	float:none;
	width:auto;
  }
  .main-container>.nav-container.nav-horizontal+.content-container {
	margin-left:0;
  }
*/

.contentcolumn.show-horizontal-nav {
    margin-top  : 70px;
    margin-left : 0 !important;
}

.app.nav-collapsed-min .contentcolumn.show-horizontal-nav {
    margin-top : 50px;
}

.app.nav-collapsed-min .nav-horizontal#nav-container {
    width : 100%;
}

.nav-container.nav-horizontal#nav-container {
    width : 100%;
}

@media (min-width : 768px) {
    .app.layout-boxed.nav-collapsed-min .nav-horizontal#nav-container,
    .app.layout-boxed .nav-horizontal#nav-container {
        width : 768px;
    }
}

@media (min-width : 992px) {
    .app.layout-boxed.nav-collapsed-min .nav-horizontal#nav-container,
    .app.layout-boxed .nav-horizontal#nav-container {
        width : 992px;
    }
}

@media (min-width : 1200px) {
    .app.layout-boxed.nav-collapsed-min .nav-horizontal#nav-container,
    .app.layout-boxed .nav-horizontal#nav-container {
        width : 1200px;
    }
}

.app .page > .row {
    margin-right : 0;
}

.app .page ui-view > .row {
    margin-right : 0;
}

.app.app.layout-boxed .page .row {
    margin-right : -15px;
}

@media (min-width : 768px) {
    .nav-container.nav-horizontal {
        float       : left;
        margin-left : -100%;
    }

    .nav-horizontal .slimScrollDiv {
        overflow : visible !important;
        height   : auto !important;
    }

    .nav-horizontal .slimScrollDiv .slimScrollBar,
    .nav-horizontal .slimScrollDiv .slimScrollRail {
        display : none !important;
    }

    .nav-horizontal .nav {
        overflow : visible !important;
    }

    .nav-horizontal .nav > li {
        position : relative;
        float    : left;
    }

    .nav-horizontal .nav > li > a {
        padding     : 15px 30px;
        text-align  : center;
        font-weight : normal;
    }

    .nav-horizontal .nav > li > a > .fa {
        margin      : 0;
        font-size   : 26px;
        line-height : 1;
    }

    .nav-horizontal .nav > li > a span {
        margin    : 0;
        display   : block;
        font-size : 12px;
    }

    .nav-horizontal .nav > li > a .badge {
        top             : 2px;

        /** task #213 */
        white-space     : nowrap;
        text-overflow   : ellipsis;
        clear           : both;
        overflow        : hidden;
        left            : 00px;
        display         : inline-block;
        padding-left    : 4px;
        padding-right   : 4px;
        width           : auto;
        left            : 45%;
        min-width       : 65px;
        background      : rgba(250,123,88,0.8);
    }

    .nav-horizontal .nav > li > .icon-has-ul-h {
        display  : block;
        position : absolute;
        bottom   : 16px;
        right    : 10px;
    }

    .nav-horizontal .nav > li > .icon-has-ul {
        display : none;
    }

    .nav-horizontal .nav > li:hover > ul {
        display : block !important;
    }

    .nav-horizontal .nav > li > ul {
        z-index   : 9;
        position  : absolute;
        left      : 0;
        top       : 100%;
        min-width : 100%;
        width     : auto;
    }

    .nav-horizontal .nav > li > ul li {
        white-space : nowrap;
    }

    .nav-horizontal .nav > li > ul li > a {
        padding : 13px 40px 13px 20px;
    }
}

.app .nav-vertical.nav-fixed > div {
    position  : fixed !important;
    max-width : 219px;
}

.app.nav-collapsed-min .nav-vertical.nav-fixed > div {
    max-width : 60px;
}

.app .nav-horizontal.nav-fixed > div {
    position   : fixed !important;
    max-height : 70px;
}

.app .nav-horizontal.nav-fixed > div:before {
    content          : " ";
    line-height      : 0;
    /* z-index:-2; */
    position         : fixed;
    display          : block;
    max-width        : inherit;
    top              : 50px;
    bottom           : 0;
    background-color : #f9f9f9;
    box-shadow       : 0 0 2px rgba(0, 0, 0, 0.2);
    width            : 100%;
    max-height       : 73px;
}

.app .nav-horizontal.nav-fixed > div:before {
    content          : " ";
    line-height      : 0;
    /* z-index:-2; */
    position         : fixed;
    display          : block;
    max-width        : inherit;
    top              : 50px;
    bottom           : 0;
    background-color : #f9f9f9;
    box-shadow       : 0 0 2px rgba(0, 0, 0, 0.2);
    width            : 100%;
    max-height       : 73px;
}

.app.nav-collapsed-min .nav-horizontal.nav-fixed > div {
    max-height : 50px;
}

.app.nav-collapsed-min .nav-horizontal.nav-fixed > div:before {
    max-height : 51px;
}

@media (min-width : 768px) {
    .app .nav-horizontal.nav-fixed > div:before {
        width : 768px;
    }
}

@media (min-width : 992px) {
    .app .nav-horizontal.nav-fixed > div:before {
        width : 992px;
    }
}

@media (min-width : 1200px) {
    .app .nav-horizontal.nav-fixed > div:before {
        width : 1200px;
    }
}

.page > section.panel > .panel-heading {
    height : 54px !important;
}

.page section.panel > .panel-heading > .btn,
.page section.panel > .panel-footer > .btn {
    margin : 0 2px;
}

.page > section {
    border-top            : 0;
    border-radius         : 0;
    -webkit-border-radius : 0;
    -moz-border-radius    : 0;
}

.panel-title {
    text-transform : uppercase !important;
    font-weight    : bold !important;
}

.panel-controlls {
    margin-top : -6px;
    float      : right;
}

.input-xs {
    height        : 22px;
    padding       : 2px 5px;
    font-size     : 12px;
    line-height   : 1.5;
    border-radius : 3px;
}

.input-group-xs > .form-control,
.input-group-xs > .input-group-addon,
.input-group-xs > .input-group-btn > .btn {
    height      : 22px;
    padding     : 1px 5px;
    font-size   : 12px;
    line-height : 1.5;
}

.panel-subheading {
    /*padding       : 2px 10px;*/
    /*border-bottom : 1px solid #e9e9e9;*/
    /*border: none;*/
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0px;
    padding-right: 13px;
    background    : #f1f1f1;
}

.panel-subheading .well {
    -webkit-box-shadow : none;
    -moz-box-shadow    : none;
    box-shadow         : none;
    margin-bottom      : 20px;
    border-width       : 0;
}

.panel-subheading > * {
    margin : 0 2px;
}

.panel-footer {
    background: #f6f6f6;
}

.page section.panel > .panel-footer {
    height : 50px !important;
}

/*.ng-binding {
    margin: 0;
}*/

.scrollable-menu {
    height     : auto;
    max-height : 350px;
    overflow-x : hidden;
}

.nopadding {
    padding : 0 !important;
    margin  : 0 !important;
}

/* remove border */
a:visited {
    border-width  : 0;
    outline : none;
}

/** but not from <a class="btn... ma~aan >:/ */
a.btn {
    border-width: 1px;
}

/* DT app classes */
fieldset.scheduler-border {
    border             : 1px groove #ddd !important;
    padding            : 0 1.4em 1.4em 1.4em !important;
    margin             : 0 0 1.5em 0 !important;
    -webkit-box-shadow : 0 0 0 0 #000;
    box-shadow         : 0 0 0 0 #000;
}

legend.scheduler-border {
    font-size     : 1.2em !important;
    font-weight   : bold !important;
    text-align    : left !important;
    width         : auto;
    padding       : 0 10px;
    border-bottom : none;
}

div.cmpt {
    padding-left  : 2px;
    padding-right : 2px
}

div.wellcmpt {
    padding-top    : 2px;
    padding-bottom : 4px;
    margin-bottom  : 2px;
}

div.clearcmpt {
    padding-left  : 0;
    padding-right : 0;
}

.top-nav .dropdown .dropdown-menu {
    box-shadow : 3px 3px 10px black;
}

/*Colored first element in nav menu;*/
/*#nav > li:first-child > a {
    background: #F3C536 !important;
}
#nav > li:first-child > a:hover {
    background: #F29C07 !important;
}*/
.spherevs-nav > a:hover {
    background : #e8b30e !important;
}

.spherevs-nav > a {
    background : #f3c536 !important;
}

.declarant-nav > a:hover {
    background : #148b79 !important;
}

.declarant-nav > a {
    background : #1bb7a0 !important;
}

/*fix-to-top panel in views;*/
.fix-to-top {
    position : fixed;
    top      : 0;
    z-index  : 50;
    margin   : 0;
}

/*fix-on-top panel title align;*/
.panel-heading > strong > i {
    margin-top    : 9px;
    padding-right : 10px;
}

/*duplicate from .dealcomplex-block without ui-select changes;*/
.dealcomplex-panel {
    padding          : 10px;
    border           : 1px solid #f1f1f1;
    margin-top       : 10px;
    background-color : #fafafa;
}

/*tabs icons style;*/
.tab-icon-space {
    margin-right : 5px;
}

/*color for selected element in navbar*/
#nav > li.active > a {
    background : #dcdcdc;
    color      : #767676;
}

#nav > li.active > .fa {
    color : #767676;
}

/* ui-select2 dropdown  */
.select2-drop {
    min-width : 300px !important;
}

.pointer {
    cursor : pointer;
}

/** UI RIBBONS (PROMO LINE FOR PANEL HEADERS) */
.ui-ribbon-container {
    position : relative
}

.ui-ribbon-container .ui-ribbon-wrapper {
    position : absolute;
    overflow : hidden;
    width    : 85px;
    height   : 88px;
    top      : -3px;
    right    : -3px
}

.ui-ribbon-container .ui-ribbon {
    position          : relative;
    display           : block;
    text-align        : center;
    font-size         : 15px;
    font-weight       : bold;
    color             : #fff;
    -webkit-transform : rotate(45deg);
    -moz-transform    : rotate(45deg);
    -ms-transform     : rotate(45deg);
    -o-transform      : rotate(45deg);
    transform         : rotate(45deg);
    padding           : 7px 0;
    left              : -5px;
    top               : 15px;
    width             : 120px;
    line-height       : 20px;
    background-color  : #555;
    box-shadow        : 0 0 3px rgba(0, 0, 0, 0.3)
}

.ui-ribbon-container .ui-ribbon:before,
.ui-ribbon-container .ui-ribbon:after {
    position     : absolute;
    content      : " ";
    line-height  : 0;
    border-top   : 2px solid #555;
    border-left  : 2px solid transparent;
    border-right : 2px solid transparent;
    bottom       : -2px
}

.ui-ribbon-container .ui-ribbon:before {
    left   : 0;
    bottom : -1px
}

.ui-ribbon-container .ui-ribbon:after {
    right : 0
}

.ui-ribbon-container.ui-ribbon-primary .ui-ribbon {
    background-color : #1bb7a0
}

.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before,
.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after {
    border-top : 2px solid #1bb7a0
}

.ui-ribbon-container.ui-ribbon-success .ui-ribbon {
    background-color : #94b758
}

.ui-ribbon-container.ui-ribbon-success .ui-ribbon:before,
.ui-ribbon-container.ui-ribbon-success .ui-ribbon:after {
    border-top : 2px solid #94b758
}

.ui-ribbon-container.ui-ribbon-info .ui-ribbon {
    background-color : #56bdf1
}

.ui-ribbon-container.ui-ribbon-info .ui-ribbon:before,
.ui-ribbon-container.ui-ribbon-info .ui-ribbon:after {
    border-top : 2px solid #56bdf1
}

.ui-ribbon-container.ui-ribbon-warning .ui-ribbon {
    background-color : #f3c536
}

.ui-ribbon-container.ui-ribbon-warning .ui-ribbon:before,
.ui-ribbon-container.ui-ribbon-warning .ui-ribbon:after {
    border-top : 2px solid #f3c536
}

.ui-ribbon-container.ui-ribbon-danger .ui-ribbon {
    background-color : #fa7b58
}

.ui-ribbon-container.ui-ribbon-danger .ui-ribbon:before,
.ui-ribbon-container.ui-ribbon-danger .ui-ribbon:after {
    border-top : 2px solid #fa7b58
}

/** END OF UI RIBBONS */

/** OVERLAY CSS LOADER */
#loader-wait {
    position   : fixed;
    left       : 0;
    right      : 0;
    top        : 0;
    bottom     : 0;
    background : rgba(255, 255, 255, 0.2);
    z-index    : 99999;
}

.loader {
    position: absolute;
    left: 50%;
    top: 50%;

    font-size: 14px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

@-webkit-keyframes load5 {
    0%,
    100% {
        box-shadow : 0 -2.6em 0 0 #000, 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.7);
    }
    12.5% {
        box-shadow : 0 -2.6em 0 0 rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0 #000, 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.5);
    }
    25% {
        box-shadow : 0 -2.6em 0 0 rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.7), 2.5em 0 0 0 #000, 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
    }
    37.5% {
        box-shadow : 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.5), 2.5em 0 0 0 rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
    }
    50% {
        box-shadow : 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.7), 0 2.5em 0 0 #000, -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
    }
    62.5% {
        box-shadow : 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.5), 0 2.5em 0 0 rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0 #000, -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
    }
    75% {
        box-shadow : 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.7), -2.6em 0 0 0 #000, -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
    }
    87.5% {
        box-shadow : 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.5), -2.6em 0 0 0 rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0 #000;
    }
}

@keyframes load5 {
    0%,
    100% {
        box-shadow : 0 -2.6em 0 0 #000, 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.7);
    }
    12.5% {
        box-shadow : 0 -2.6em 0 0 rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0 #000, 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.5);
    }
    25% {
        box-shadow : 0 -2.6em 0 0 rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.7), 2.5em 0 0 0 #000, 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
    }
    37.5% {
        box-shadow : 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.5), 2.5em 0 0 0 rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
    }
    50% {
        box-shadow : 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.7), 0 2.5em 0 0 #000, -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
    }
    62.5% {
        box-shadow : 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.5), 0 2.5em 0 0 rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0 #000, -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
    }
    75% {
        box-shadow : 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.7), -2.6em 0 0 0 #000, -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
    }
    87.5% {
        box-shadow : 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.5), -2.6em 0 0 0 rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0 #000;
    }
}

/** END OF OVERLAY CSS LOADER */

/** Fix selectize in filters in input groups */
pager-heading-filters .input-group {
    margin-bottom : 5px;
}

pager-heading-filters .input-group .selectize-control {
    height : 34px;
}

pager-heading-filters .input-group .selectize-control.single .selectize-input,
pager-heading-filters .selectize-dropdown.single {
    border-color : #cbd5dd;
}
.selectize-input-error.selectize-control > div.selectize-input {
    border-color : #fa7b58 !important;
}

pager-heading-filters .input-group .selectize-input {
    padding-top    : 7px;
    padding-bottom : 7px;
    border-radius  : 0;
}

/** End fix selectize in filters in input groups */

/** Filter styles */
.pager-heading-filters-total-items {
    /* float       : right; */
    margin-top  : -7px;
    margin-left : 10px;
    white-space : nowrap;
    font-size: 14px !important;
}

/** End filter styles */

/** CUSTOM CLASSES FOR POSITION ELEMENTS */
.mgt15 {
    margin-top : 15px;
}
.mgl20 {
    margin-left: 20px;
}
.tr-no-border > tr {
    border-left  : 1px solid #ddd;
    border-right : 1px solid #ddd;
}

.tr-no-border > tr:nth-child(2) > td,
.tr-no-border > tr:last-child > td {
    border-bottom : 1px solid #ddd;
}

.tr-no-border > tr:first-child {
    border-top : 1px solid #ddd;
}

.tr-no-border > tr:nth-child(3) > td {
    padding-bottom : 20px !important;
}

.table > .tr-no-border > tr > th,
.table > .tr-no-border > tr > td {
    border-top : none !important;
}

.padding-none,
.tr-td-no-padding .col-lg-12 /** For ui-edit-label, inside in table with disabled padding */ {
    padding : 0 !important;
}

.margin-none {
    margin : 0 !important;
}

.tr-td-no-padding > tr > td,
.tr-td-no-padding > tbody > tr > td {
    padding : 3px !important;
}

.btn-default::selection,
.btn-default::-moz-selection,
.btn-primary::selection,
.btn-primary::-moz-selection,
.btn-success::selection,
.btn-success::-moz-selection,
.btn-warning::selection,
.btn-warning::-moz-selection,
.btn-danger::selection,
.btn-danger::-moz-selection,
button::selection, .no-select::selection,
button::-moz-selection, .no-select::-moz-selection {
    color      : currentColor;
    background : transparent;
}

.btn-default,
.btn-primary,
.btn-success,
.btn-warning,
.btn-danger,
button, .no-select {
    -webkit-touch-callout : none !important;
    -webkit-user-select   : none !important;
    -khtml-user-select    : none !important;
    -moz-user-select      : none !important;
    -ms-user-select       : none !important;
    user-select           : none !important;
}

.table-panels > tbody {
    background : #f5f5f5;
}

.table-panels > tbody::after {
    content    : '';
    display    : block;
    height     : 30px;
    background : #fff;
}

.bg-white {
    background : #fff;
}

.tab-content {
    padding : 10px;
}

.table-panels > thead > tr > th > span,
.garage-title {
    clear       : both;
    display     : inline-block;
    overflow    : hidden;
    white-space : nowrap;
}

.table-panels tbody .control-group > div {
    padding-left : 0 !important;
}

.table-panels tbody .tab-pane table .control-group > div {
    padding : 0 15px !important;
}

.table-panels > tbody label {
    padding-left  : 0 !important;
    padding-right : 0 !important;
}
.dropdown {
    display: inline-block;
}
.tabs-common .tab-content {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.text-big {
    font-size: larger;
}
.dropdown-menu > li > label {
    padding: 3px 20px;
    width: 100%;
    cursor: pointer;

    clear       : both;
    display     : inline-block;
    overflow    : hidden;
    white-space : nowrap;
}
.good-tabs .tab-content {
    min-height: 300px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.good-tabs .tab-content .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.table-panels .table tr,
.table-panels .table td,
.table-panels .table th {
    background: #fff;
}
.table-panels input,
.table-panels textarea {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

/* dealcomplexView totals */
ul.dealcomplex-view-totals {
    list-style: none;
    float: right;
}

ul.dealcomplex-view-totals li {
    float: left;
    margin: 0 10px 0 0;
}

.dot {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.layout-boxed .dealcomplex_wizard_good_name {
    max-width: 220px;
}

.dealcomplex_wizard_good_name {
    max-width: 400px;
}
.dropdown {
    position: relative;
}
.contentwrapper .dropdown-menu {
    z-index: 8 !important;
}

/* modifed legend margin top */
legend {
  margin-top:20px;
}
/* ransport btn */
.pad_bot_10 {
	margin-bottom: 7px;
}

/* uiEditLabel.js directive */
.editBtn {
    display: none;
    position: absolute;
    margin-left: -5px;
    margin-top: -5px;
    padding: 5px 12px 7px 7px;
    cursor: pointer;
}

.dropdown-menu a,
.header-container > .top-header .dropdown-menu a,
.panel-default > .panel-heading,
.nav-container .nav a,
.btn-default,
thead > tr > th,
body {
    color: #333;
}

.searchStr {
    max-width: 200px;
    transition: all 0.3s ease-in-out;
}

.searchStr:focus {
    max-width: 80%;
}

/** i try to restore tabs css... */
.ui-tab-container {
    border: 1px solid #e9e9e9;
    border-radius: 4px
}

.ui-tab-container .ui-tab .nav-tabs {
    margin-bottom: 0
}

.ui-tab-container .nav-tabs {
    background-color: #f6f6f6;
    border-bottom: 1px solid #e9e9e9
}

.ui-tab-container .nav-tabs.nav-justified {
    border-bottom: 0
}

.ui-tab-container .nav-tabs.nav-justified > li > a {
    border: 1px solid transparent
}

.ui-tab-container .nav-tabs.nav-justified > li > a:focus, .ui-tab-container .nav-tabs.nav-justified > li > a:hover, .ui-tab-container .nav-tabs.nav-justified > li > a:active {
    border: 1px solid transparent
}

.ui-tab-container .nav-tabs > li.active > a {
    background-color: #fff;
    border: 1px solid transparent
}

.ui-tab-container .nav-tabs > li.active > a:hover {
    border: 1px solid transparent
}

.ui-tab-container .nav-tabs > li > a {
    padding: 10px 15px
}

.ui-tab-container .nav-tabs > li > a:hover {
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1
}

.ui-tab-container .tab-content {
    padding: 15px
}

.ui-tab-container.ui-tab-success {
    border: 1px solid #ebf8cd
}

.ui-tab-container.ui-tab-success .nav-tabs {
    background-color: #F0FBE3;
    border-bottom: 1px solid #ebf8cd
}

.ui-tab-container.ui-tab-info {
    border: 1px solid #c5f1fa
}

.ui-tab-container.ui-tab-info .nav-tabs {
    background-color: #E6F5FD;
    border-bottom: 1px solid #c5f1fa
}

.ui-tab-container.ui-tab-warning {
    border: 1px solid #ffecd4
}

.ui-tab-container.ui-tab-warning .nav-tabs {
    background-color: #FFFAED;
    border-bottom: 1px solid #ffecd4
}

.ui-tab-container.ui-tab-danger {
    border: 1px solid #f7d0d1
}

.ui-tab-container.ui-tab-danger .nav-tabs {
    background-color: #FBE9E6;
    border-bottom: 1px solid #f7d0d1
}

.ui-tab .nav-tabs {
    margin-bottom: 15px
}

.ui-tab .nav-tabs.nav-justified > li.active > a {
    border-bottom-color: transparent
}

.ui-tab .nav-tabs > li.active > a {
    background-color: #fff
}

.ui-tab .nav-tabs a:hover {
    cursor: pointer
}

/** Customize table-stripped for highlight each second tbody instead tr */
.table-striped-custom {
    border-top: 2px solid #ddd;
}

.table-striped-custom > tbody > tr > td {
    border-top: 1px solid #ddd;
    background: #fff !important;
}

.table-striped-custom > tbody {
    border-top: 1px solid #ddd !important;
}

.table-striped-custom > tbody > tr:last-child > td {
    border-top: 0 solid transparent;
}

.table-striped-custom .additional-info td {
    border-top: 0 !important;
}

.additional-info-block,
.additional-info > td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-family: "Lato","Helvetica Neue",Arial,sans-serif !important;
    font-size: 12px !important;
}

.table-striped-custom > tbody:nth-child(2n) > tr > td {
    background: #f9f9f9 !important;
}
/** End of customize table-striped */

.btn-addInfo {
    margin-left: 7px !important;
}

#steps .ui-pager-legend-row {
    padding-top: 0;
}

.pager-legend{
    margin: 0px;
    margin-bottom: 10px;
    font-size: 24px;
}

.panel-inner{
    border: 1px solid !important;
}

.panel-outer {
    border: none;
}

.checkbox-dropdown {
    position: relative;
    display: inline-block;
}

.checkbox-dropdown label {
    /** do not allow select text in label using double click */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectable-item {
    -webkit-touch-callout: text !important; /* iOS Safari */
    -webkit-user-select: text !important;   /* Chrome/Safari/Opera */
    -khtml-user-select: text !important;    /* Konqueror */
    -moz-user-select: text !important;      /* Firefox */
    -ms-user-select: text !important;       /* IE/Edge */
    user-select: text !important;           /* non-prefixed version, currently
                                  not supported by any browser */
}

.legend-error {
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.clear-link:hover,
.clear-link:focus {
    text-decoration: none;
}

#content > .page > * > .panel.panel-default {
    border-top: 0 solid transparent !important;
    border-left: 0 solid transparent !important;
    border-right: 0 solid transparent !important;
    border-radius: 0 !important;
}

/** Fix bottom border color and background color of tabs container */
#breadcrumb.nav.nav-tabs {
    background-color: #f6f6f6;
    border: 1px solid #e9e9e9;
    border-right: 0 solid transparent;

    padding-top: 0px;

    min-height: 47px;
}
#breadcrumb.nav.nav-tabs li {
    margin-top: 6px;
    padding-left: 0;
    padding-right: 0;
}
#breadcrumb.nav.nav-tabs li > a {
    margin-right: 0;
}
#breadcrumb.nav.nav-tabs li, 
#breadcrumb.nav.nav-tabs li > a {
    max-height: 40px;
}

.nav.nav-tabs > li > a:focus,
.nav.nav-tabs > li > a:active,
.nav.nav-tabs > li:focus,
.nav.nav-tabs > li:active {
    outline   : none;
}

/** Fix active tab background && padding && border color */
#breadcrumb.nav.nav-tabs > li.active > a {
    background-color: #fff !important;
    border          : 1px solid #ddd;
    border-bottom   : 0 solid transparent;
    padding         : 10px 15px;
    
    /** also i prefer to remove outline for elements such as tabs */
    outline         : none;
}
/** END OF "TAKE BACK ORIGINAL VALUES FROM TEMPLATE -_-" **********************************/

/** Main panel heading with white background ? */
#content > .page > .panel.panel-default > .panel-heading, 
#content > .page > * > .panel.panel-default > .panel-heading {
    background: #fff !important;
    border-bottom: 0 solid transparent !important;
}
#content > .page > * > .row > .col-lg-12,
#content > .page > .row > .col-lg-12 {
    padding-right: 0;
}

.layout-boxed #content > .page > * > .row > .col-lg-12, 
.layout-boxed #content > .page > .row > .col-lg-12 {
    padding-right: 15px;
}

div[datepicker] {
    min-width: 250px;
}

/* setup default zoom () */
HTML {
    zoom: 0.8;
    -ms-zoom: 0.8;
    -webkit-zoom: 0.8;
}
body.Chrome { 
    zoom: 120% !important;
}
/** !IMPORTANT! Fix borders cuz elements styles (such as border, size, margin etc) */
/**             has been corrupted by zoom                                         */
.nav-tabs > li.active {
    margin-bottom: -2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #fff;
}
.ui-select-without-max-height .selectize-input {
    max-height: none !important;
}


@media (min-width : 768px) {
    .tpl-doc-dropdown-panel {
        width : 700px;
    }
}

@media (min-width : 992px) {
    .tpl-doc-dropdown-panel {
        width : 750px;
    }
}