.error_img {
    margin-top: 60px;
    margin-bottom: 20px;
    width: 40%;
}

@media(max-width:414px) {
    .error_img {
        width: 100%;
    }
}

@media(min-width:1367px) {
    .error_img {
        width: 30%;
    }
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: initial;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    width: 100%;
}

.category-content {
    padding: 20px
}

.panel-styled .panel-heading a:hover, .panel-styled .panel-heading a:active, .panel-styled .panel-heading a:focus {
    color: #fff;
}

.list-group-item {
    background-color: transparent;
    padding: 6px 10px;
    border: 0;
}

    .list-group-item > .label {
        float: right;
        margin-top: 2px;
    }

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .close:focus, .close:hover, .dropdown-menu > li > a, .form-control:focus, .nav > li > a:focus, a, a:focus, button, input, input[type=radio]:focus, input[type=checkbox]:focus, input[type=file]:focus, textarea {
    outline: 0
}

.icons-list, .list-icons li {
    list-style: none
}

.form-control, kbd {
    -webkit-box-shadow: none
}

.caret:after, .dropdown-menu > .dropdown-submenu > a:after {
    font-family: 'icomoon';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 12px;
    color: #9c9c9c;
}

.affix {
    top: 70px;
}

.status-mark {
    width: 8px;
    height: 8px;
    border: 2px solid
}

.icon-object, .status-mark {
    border-radius: 50%;
    display: inline-block
}


/******************************
Primary colors
******************************/
.login-container .form-control-feedback i {
    color: #4DD0E1;
}

.text-primary {
    color: #4DD0E1
}

.bg-primary {
    background-color: #4DD0E1
}

.btn-primary {
    background-color: #4DD0E1;
    border-color: #4DD0E1
}

    .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
        background-color: #4DD0E1;
        border-color: #4DD0E1
    }

    .btn-primary .badge {
        color: #4DD0E1;
    }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #4DD0E1
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #4DD0E1
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #4DD0E1;
    border-color: #4DD0E1;
}

.pager li > a:focus, .pager li > a:hover {
    background-color: #4DD0E1
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #4DD0E1;
    border-color: #4DD0E1
}

.panel-primary {
    border-color: #4DD0E1
}

    .panel-primary > .panel-heading {
        background-color: #4DD0E1;
        border-color: #4DD0E1
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #4DD0E1
        }

        .panel-primary > .panel-heading .badge {
            color: #4DD0E1;
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #4DD0E1
    }


/******************************
Accordions
******************************/
.accordion .panel-group .panel + .panel {
    margin-top: 2px;
}

.accordion .panel-heading {
    padding: 8px 8px 8px 12px;
}

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

.accordion .panel-body {
    padding: 12px;
}


/******************************
Badges & Labels
******************************/
.hr-condensed {
    margin-top: 10px;
    margin-bottom: 10px
}

.h1 > .badge, .h1 > .label, .h2 > .badge, .h2 > .label, .h3 > .badge, .h3 > .label, .h4 > .badge, .h4 > .label, .h5 > .badge, .h5 > .label, .h6 > .badge, .h6 > .label, h1 > .badge, h1 > .label, h2 > .badge, h2 > .label, h3 > .badge, h3 > .label, h4 > .badge, h4 > .label, h5 > .badge, h5 > .label, h6 > .badge, h6 > .label {
    vertical-align: middle;
    margin-top: -2px
}

    .h1 small.display-block, .h1 > .badge.pull-right, .h1 > .label.pull-right, .h2 small.display-block, .h2 > .badge.pull-right, .h2 > .label.pull-right, .h3 small.display-block, .h3 > .badge.pull-right, .h3 > .label.pull-right, .h4 small.display-block, .h4 > .badge.pull-right, .h4 > .label.pull-right, .h5 small.display-block, .h5 > .badge.pull-right, .h5 > .label.pull-right, .h6 small.display-block, .h6 > .badge.pull-right, .h6 > .label.pull-right, h1 small.display-block, h1 > .badge.pull-right, h1 > .label.pull-right, h2 small.display-block, h2 > .badge.pull-right, h2 > .label.pull-right, h3 small.display-block, h3 > .badge.pull-right, h3 > .label.pull-right, h4 small.display-block, h4 > .badge.pull-right, h4 > .label.pull-right, h5 small.display-block, h5 > .badge.pull-right, h5 > .label.pull-right, h6 small.display-block, h6 > .badge.pull-right, h6 > .label.pull-right {
        margin-top: 3px
    }

.badge, .label {
    font-size: 9px;
    letter-spacing: .1px;
    padding: 3px 5px 2px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 4px;
}

.label-default {
    border-color: #999
}

    .label-default[href]:focus, .label-default[href]:hover {
        background-color: #999
    }

.label-primary {
    border-color: #4DD0E1
}

    .label-primary[href]:focus, .label-primary[href]:hover {
        background-color: #4DD0E1
    }

.label-success {
    border-color: #4CAF50
}

    .label-success[href]:focus, .label-success[href]:hover {
        background-color: #4CAF50
    }

.label-info {
    border-color: #00BCD4
}

    .label-info[href]:focus, .label-info[href]:hover {
        background-color: #00BCD4
    }

.label-warning {
    border-color: #FF5722
}

    .label-warning[href]:focus, .label-warning[href]:hover {
        background-color: #FF5722
    }

.label-danger {
    border-color: #F44336
}

    .label-danger[href]:focus, .label-danger[href]:hover {
        background-color: #F44336
    }

.badge, .label-flat {
    background-color: transparent
}

.label-icon {
    padding: 3px 5px;
    border-radius: 2px
}

    .label-icon.label-flat {
        padding: 6px
    }

.label-icon-xlg {
    padding: 10px
}

    .label-icon-lg, .label-icon-xlg.label-flat {
        padding: 9px
    }

        .label-icon-lg.label-flat {
            padding: 8px
        }

.label-icon-sm {
    padding: 6px
}

    .label-icon-sm.label-flat, .label-icon-xs {
        padding: 5px
    }

        .label-icon-xs.label-flat {
            padding: 4px
        }

.label-rounded {
    border-radius: 100px
}

    .label-rounded:not(.label-icon) {
        padding-left: 7px;
        padding-right: 7px
    }

.badge, .btn-xs .badge {
    padding: 2px 5px 0px
}

.label-roundless {
    border-radius: 0
}

.label-block, .badge-block {
    display: block;
}

.form-control + .label-block {
    margin-top: 7px
}

.label-block.text-left {
    text-align: left;
    margin-right: 0
}

.label-block.text-right {
    text-align: right;
    margin-left: 0
}

.badge {
    vertical-align: baseline;
    border: 1px solid transparent
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge, .nav-tabs-solid > .active > a > .badge, .nav-tabs[class*=bg-] > li > a > .badge {
    color: #333;
    background-color: #fff;
    border-color: #fff
}

.caption-overflow, .zoom-image {
    color: #fff;
    left: 0;
    height: 100%
}

.nav-pills > li > a > .badge {
    margin-left: 0
}

    .nav-pills > li > a > .badge.position-right {
        margin-left: 7px
    }

.badge-default {
    background-color: #999;
    border-color: #999
}

.badge-primary {
    background-color: #4DD0E1;
    border-color: #4DD0E1
}

.badge-success {
    background-color: #4CAF50;
    border-color: #4CAF50
}

.badge-info {
    background-color: #00BCD4;
    border-color: #00BCD4
}

.badge-warning {
    background-color: #FF5722;
    border-color: #FF5722
}

.badge-danger {
    background-color: #F44336;
    border-color: #F44336
}

.btn-group .badge, .btn-group .label {
    margin-top: -4px;
}


/******************************
Modals
******************************/
.modal {
    z-index: 99999;
}

.modal-content {
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2)
}

.modal-header {
    position: relative;
    padding-bottom: 0
}

    .modal-header[class*=bg-] {
        padding: 10px 20px;
        border-top-right-radius: 2px;
        border-top-left-radius: 2px
    }

        .modal-header[class*=bg-] .close {
            margin-top: -4.75px
        }

        .modal-content[class*=bg-] .modal-header .close, .modal-header[class*=bg-] .close {
            color: #fff
        }

    .modal-header .close {
        position: absolute;
        right: 20px;
        top: 40%;
        margin-top: 0
    }

.modal-body .close {
    margin-top: 0 !important
}

.modal-footer {
    border: none;
}

    .modal-footer.text-center {
        text-align: center
    }

    .modal-footer.text-left {
        text-align: left
    }

.modal-content {
    border-radius: 2px;
}

.modal-header {
    padding: 15px 20px 0 20px;
    border-bottom: 1px solid transparent;
}

.modal-body {
    padding: 20px 20px 0 20px;
}

.modal-xs {
    width: 300px;
}

.modal-sm {
    width: 500px;
}

.modal-lg {
    width: 95%;
}

@media screen and (max-width: 767px) {
    .modal-dialog.modal-xs {
        width: 50%;
    }

    .modal-dialog.modal-sm {
        width: 70%;
    }

    .modal-dialog.modal-xs .modal-content {
        left: 45%;
    }

    .modal-dialog.modal-sm .modal-content {
        left: 17%;
    }
}

@media screen and (min-width: 1920px) {
    .modal-dialog.modal-xs {
        width: 20%;
    }

    .modal-dialog.modal-sm {
        width: 30%;
    }

    .modal-dialog {
        width: 50%;
    }

        .modal-dialog.modal-lg {
            width: 96%;
        }
}

.modal-title {
    font-family: 'open_sansregular' !important;
}


/******************************
Tabs
******************************/
.nav > li > a:focus {
    outline: 0
}

.nav > li.disabled > a > .badge, .nav > li.disabled > a > .label, .nav > li.disabled > a > img {
    opacity: .75;
    filter: alpha(opacity=75)
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
    border-color: transparent;
    color: #333
}

.nav.nav-lg > li > a {
    padding: 13px 20px !important;
    font-size: 14px;
}

.nav.nav-sm > li > a {
    padding: 7px 15px !important
}

.nav.nav-xs > li > a {
    padding: 5px 10px !important
}

.nav .tab-img {
    max-height: 20px;
    display: inline-block;
    vertical-align: top
}

.nav-tabs {
    margin-bottom: 20px
}

    .nav-tabs > li > a {
        margin-right: 0;
        color: #888;
        border-radius: 0;
        padding: 6px 20px;
    }

        .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
            background-color: transparent;
            border-color: transparent;
            color: #333
        }

    .nav-tabs.nav-justified > li > a {
        border-radius: 0;
        margin-bottom: 0
    }

        .nav-tabs.nav-justified > li > a:focus, .nav-tabs.nav-justified > li > a:hover {
            border-bottom-color: #ddd
        }

    .nav-tabs.nav-justified.nav-tabs-solid > li > a, .nav-tabs.nav-justified[class*=bg-] > li > a {
        border-color: transparent
    }

@media (min-width:769px) {
    .nav-tabs.nav-justified.nav-tabs-top {
        border-bottom: 1px solid #ddd
    }

        .nav-tabs.nav-justified.nav-tabs-top.page-tabs {
            border-color: #c2c2c2
        }

        .nav-tabs.nav-justified.nav-tabs-top > li > a, .nav-tabs.nav-justified.nav-tabs-top > li > a:focus, .nav-tabs.nav-justified.nav-tabs-top > li > a:hover {
            border-width: 2px 0 0
        }

    .nav-tabs.nav-justified.top-divided {
        border-bottom-color: transparent
    }

    .nav-tabs.nav-justified.bottom-divided > li > a {
        border-bottom-color: transparent;
        margin-bottom: -2px
    }

        .nav-tabs.nav-justified.bottom-divided > .open:not(.active) > a, .nav-tabs.nav-justified.bottom-divided > .open:not(.active) > a:focus, .nav-tabs.nav-justified.bottom-divided > .open:not(.active) > a:hover, .nav-tabs.nav-justified.bottom-divided > li > a:focus, .nav-tabs.nav-justified.bottom-divided > li > a:hover {
            border-bottom-color: #ddd
        }

    .nav-tabs.nav-justified.nav-tabs-highlight > li > a, .nav-tabs.nav-justified.nav-tabs-highlight > li > a:focus, .nav-tabs.nav-justified.nav-tabs-highlight > li > a:hover {
        border-top-width: 2px
    }
}

@media (max-width:768px) {
    .nav-tabs.nav-justified {
        border-bottom: 1px solid #ddd
    }

        .nav-tabs.nav-justified > li.active > a, .nav-tabs.nav-justified > li.active > a:focus, .nav-tabs.nav-justified > li.active > a:hover {
            border-width: 0 0 0 2px;
            border-left-color: #4DD0E1
        }
}

.nav-tabs.page-tabs {
    border-bottom-color: #ddd
}

    .nav-tabs.page-tabs > .active > a, .nav-tabs.page-tabs > .active > a:focus, .nav-tabs.page-tabs > .active > a:hover {
        background-color: #f5f5f5;
        border-bottom-color: transparent
    }

    .nav-tabs.page-tabs.nav-tabs-solid {
        background-color: #fff;
        box-shadow: 0 1px 1px rgba(0,0,0,.05);
        border: 1px solid #ddd
    }

@media (min-width:769px) {
    .nav-tabs.nav-tabs-highlight > li > a, .nav-tabs.nav-tabs-highlight > li > a:focus, .nav-tabs.nav-tabs-highlight > li > a:hover {
        border-top-width: 2px
    }

    .nav-tabs.nav-tabs-highlight > li.active > a, .nav-tabs.nav-tabs-highlight > li.active > a:focus, .nav-tabs.nav-tabs-highlight > li.active > a:hover {
        border-top-color: rgba(255,119,0, 0.5);
    }

    .nav-tabs.nav-tabs-top > li {
        margin-bottom: 0
    }

        .nav-tabs.nav-tabs-top > li > a, .nav-tabs.nav-tabs-top > li > a:focus, .nav-tabs.nav-tabs-top > li > a:hover {
            border-width: 2px 0 0
        }

            .nav-tabs.nav-tabs-top > li.open > a, .nav-tabs.nav-tabs-top > li > a:focus, .nav-tabs.nav-tabs-top > li > a:hover {
                border-top-color: #ddd
            }

        .nav-tabs.nav-tabs-top > li + li > a {
            margin-left: 1px
        }

        .nav-tabs.nav-tabs-top > li.active > a, .nav-tabs.nav-tabs-top > li.active > a:focus, .nav-tabs.nav-tabs-top > li.active > a:hover {
            border-top-color: #4DD0E1;
            background-color: transparent
        }

    .nav-tabs.nav-tabs-top.top-divided {
        border-bottom-color: transparent
    }

    .nav-tabs.nav-tabs-bottom > li {
        margin-bottom: -1px
    }

        .nav-tabs.nav-tabs-bottom > li.active > a, .nav-tabs.nav-tabs-bottom > li.active > a:focus, .nav-tabs.nav-tabs-bottom > li.active > a:hover {
            border-bottom-width: 3px;
            border-color: transparent transparent #4DD0E1;
            background-color: transparent
        }

    .nav-tabs.nav-tabs-bottom.bottom-divided {
        border-bottom-color: transparent
    }

        .nav-tabs.nav-tabs-bottom.bottom-divided > li > a {
            border-bottom-width: 1px
        }

    .tab-content-bordered .nav-tabs[class*=bg-] {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
}

.nav-tabs[class*=bg-] {
    border-bottom: 0
}

    .nav-tabs[class*=bg-] > li {
        margin-bottom: 0
    }

        .nav-tabs[class*=bg-] > li > a {
            color: #fff
        }

            .nav-tabs[class*=bg-] > li > a:focus, .nav-tabs[class*=bg-] > li > a:hover {
                background-color: rgba(0,0,0,.05)
            }

        .nav-tabs[class*=bg-] > li.open:not(.active) > a {
            color: #fff;
            background-color: rgba(0,0,0,.05)
        }

    .nav-tabs[class*=bg-] > .active > a, .nav-tabs[class*=bg-] > .active > a:focus, .nav-tabs[class*=bg-] > .active > a:hover {
        background-color: rgba(0,0,0,.1);
        border-color: transparent;
        color: #fff
    }

    .nav-tabs[class*=bg-] > .disabled > a, .nav-tabs[class*=bg-] > .disabled > a:focus, .nav-tabs[class*=bg-] > .disabled > a:hover {
        color: rgba(255,255,255,.5)
    }

.nav-tabs.nav-tabs-solid > li > a {
    color: #333
}

.nav-tabs.nav-tabs-solid > .active > a, .nav-tabs.nav-tabs-solid > .active > a:focus, .nav-tabs.nav-tabs-solid > .active > a:hover {
    background-color: #4DD0E1;
    border-color: #4DD0E1;
    color: #fff
}

@media (min-width:769px) {
    .nav-tabs.nav-tabs-solid {
        background-color: #fafafa;
        border: 0
    }

        .nav-tabs.nav-tabs-solid > li {
            margin-bottom: 0
        }

            .nav-tabs.nav-tabs-solid > li > a {
                border-color: transparent
            }

                .nav-tabs.nav-tabs-solid > li > a:focus, .nav-tabs.nav-tabs-solid > li > a:hover {
                    background-color: #f5f5f5
                }

        .nav-tabs.nav-tabs-solid > .open:not(.active) > a {
            background-color: #f5f5f5;
            border-color: transparent
        }

    .nav-tabs {
        font-size: 0
    }

        .nav-tabs > li {
            display: inline-block;
            font-size: 13px
        }
}

@media (max-width:768px) {
    .nav-tabs, .nav-tabs.nav-tabs-solid, .nav-tabs[class*=bg-] {
        padding: 5px 0
    }

    .nav-tabs {
        position: relative;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 2px
    }

        .nav-tabs > li {
            margin-bottom: 0
        }

            .nav-tabs > li + li {
                margin-top: 1px
            }

            .nav-tabs > li > a {
                border-width: 0 0 0 2px;
                border-left-color: transparent
            }

                .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
                    background-color: #fafafa
                }

                .nav-tabs > li > a .position-right[class*=icon-] {
                    float: right;
                    margin-top: 3px
                }

                .nav-tabs > li > a .position-right.badge, .nav-tabs > li > a .position-right.label {
                    float: right;
                    margin-top: 1px
                }

            .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
                border-width: 0 0 0 2px;
                border-left-color: #4DD0E1;
                background-color: #f5f5f5
            }

            .nav-tabs > li.open:not(.active) > a, .nav-tabs > li.open:not(.active) > a:focus, .nav-tabs > li.open:not(.active) > a:hover {
                background-color: #fafafa
            }

            .nav-tabs > li.pull-right {
                float: none !important
            }

        .nav-tabs.menu:before {
            content: 'Contents';
            color: inherit;
            font-size: 12px;
            line-height: 1.6666667;
            margin-top: 10px;
            margin-left: 15px;
            margin-bottom: 15px;
            text-transform: uppercase;
            opacity: .5;
            filter: alpha(opacity=50)
        }

        .nav-tabs.nav-tabs-solid > li > a, .nav-tabs[class*=bg-] > li > a {
            border-left-width: 0 !important
        }

            .nav-tabs[class*=bg-] > li.open:not(.active) > a, .nav-tabs[class*=bg-] > li > a:focus, .nav-tabs[class*=bg-] > li > a:hover {
                background-color: rgba(0,0,0,.05)
            }

    .sidebar .nav-tabs > li.active > a, .sidebar .nav-tabs > li.active > a:focus, .sidebar .nav-tabs > li.active > a:hover {
        border-width: 0;
        background-color: #1b222c;
    }
}

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

.nav-tabs-justified > li > a {
    border-radius: 0;
    margin-bottom: 0
}

    .nav-tabs-justified > li > a:focus, .nav-tabs-justified > li > a:hover {
        border-bottom-color: #ddd
    }

.nav-tabs-justified.nav-tabs-solid > li > a, .nav-tabs-justified[class*=bg-] > li > a {
    border-color: transparent
}

@media (min-width:769px) {
    .nav-tabs-justified.nav-tabs-top {
        border-bottom: 1px solid #ddd
    }

        .nav-tabs-justified.nav-tabs-top.page-tabs {
            border-color: #c2c2c2
        }

        .nav-tabs-justified.nav-tabs-top > li > a, .nav-tabs-justified.nav-tabs-top > li > a:focus, .nav-tabs-justified.nav-tabs-top > li > a:hover {
            border-width: 2px 0 0
        }

    .nav-tabs-justified.top-divided {
        border-bottom-color: transparent
    }

    .nav-tabs-justified.bottom-divided > li > a {
        border-bottom-color: transparent;
        margin-bottom: -2px
    }

        .nav-tabs-justified.bottom-divided > .open:not(.active) > a, .nav-tabs-justified.bottom-divided > .open:not(.active) > a:focus, .nav-tabs-justified.bottom-divided > .open:not(.active) > a:hover, .nav-tabs-justified.bottom-divided > li > a:focus, .nav-tabs-justified.bottom-divided > li > a:hover {
            border-bottom-color: #ddd
        }

    .nav-tabs-justified.nav-tabs-highlight > li > a, .nav-tabs-justified.nav-tabs-highlight > li > a:focus, .nav-tabs-justified.nav-tabs-highlight > li > a:hover {
        border-top-width: 2px
    }

    .nav-tabs.nav-tabs-component > li > a {
        border-radius: 2px 2px 0 0
    }

    .nav-tabs.nav-tabs-component.nav-tabs-solid, .nav-tabs.nav-tabs-component[class*=bg-] {
        border-radius: 2px
    }

        .nav-tabs.nav-tabs-component.nav-tabs-solid > li > a, .nav-tabs.nav-tabs-component[class*=bg-] > li > a {
            border-radius: 0
        }

        .nav-tabs.nav-tabs-component.nav-tabs-solid > li:first-child > a, .nav-tabs.nav-tabs-component[class*=bg-] > li:first-child > a {
            border-radius: 2px 0 0 2px
        }

    .nav-tabs-component.nav-justified.nav-tabs-solid > li:last-child > a, .nav-tabs-component.nav-justified[class*=bg-] > li:last-child > a {
        border-radius: 0 2px 2px 0
    }
}

@media (max-width:768px) {
    .nav-tabs-justified {
        border-bottom: 1px solid #ddd
    }

        .nav-tabs-justified > li.active > a, .nav-tabs-justified > li.active > a:focus, .nav-tabs-justified > li.active > a:hover {
            border-width: 0 0 0 2px;
            border-left-color: #4DD0E1
        }
}

.tab-content > .has-padding {
    padding: 20px
}

.tab-content-bordered .tab-content {
    border-radius: 2px;
    border: 1px solid transparent
}

    .navbar-component.navbar-default, .tab-content-bordered .tab-content:not([class*=bg-]) {
        border-color: #ddd;
        background-color: #fff
    }

@media (min-width:769px) {
    .tab-content-bordered .tab-content {
        border-top-width: 0;
        border-radius: 0 0 2px 2px
    }

    .tab-content-bordered .nav-tabs {
        margin-bottom: 0
    }

        .tab-content-bordered .nav-tabs.nav-tabs-solid {
            border-radius: 2px 2px 0 0;
            -webkit-box-shadow: 0 0 0 1px #ddd inset;
            box-shadow: 0 0 0 1px #ddd inset
        }

            .tab-content-bordered .nav-tabs.nav-tabs-solid > li:first-child > a {
                border-radius: 2px 0 0
            }

            .tab-content-bordered .nav-tabs.nav-tabs-solid.nav-justified > li:last-child > a {
                border-radius: 0 2px 0 0
            }

    .tab-content-bordered > .nav-tabs[class*=bg-] {
        border-top-right-radius: 2px;
        border-top-left-radius: 2px
    }

        .tab-content-bordered > .nav-tabs[class*=bg-] + .tab-content[class*=bg-] {
            border-top-width: 1px;
            border-top-color: rgba(255,255,255,.5)
        }

    .nav-tabs-top .dropdown-menu, .nav-tabs[class*=bg-] .dropdown-menu {
        margin-top: 0
    }

    .nav-justified.bottom-divided .dropdown-menu {
        margin-top: 1px
    }
}

@media (min-width:769px) {
    .nav-tabs-vertical .nav-tabs-solid > li:last-child > a:after, .nav-tabs-vertical .nav-tabs[class*=bg-] > li:last-child > a {
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px
    }

    .nav-tabs-vertical {
        display: table;
        width: 100%
    }

        .nav-tabs-vertical .nav-tabs {
            display: table-cell;
            border-bottom: 0;
            width: 200px
        }

            .nav-tabs-vertical .nav-tabs > li {
                display: block;
                margin-bottom: 0
            }

            .nav-tabs-vertical .nav-tabs[class*=bg-] > li:first-child > a {
                border-top-right-radius: 2px;
                border-top-left-radius: 2px
            }

        .nav-tabs-vertical .tab-content {
            display: table-cell
        }

            .nav-tabs-vertical .tab-content > .has-padding {
                padding: 10.5px 0 0
            }

    .nav-tabs-left .tab-content, .nav-tabs-right .nav-tabs-bottom, .nav-tabs-right .nav-tabs-top {
        padding-left: 20px
    }

    .nav-tabs-vertical.tab-content-bordered .tab-content {
        border-top-width: 1px
    }

    .nav-tabs-left .nav-tabs {
        border-right: 1px solid #ddd
    }

        .nav-tabs-left .nav-tabs > li {
            margin-right: -1px
        }

            .nav-tabs-left .nav-tabs > li.active > a, .nav-tabs-left .nav-tabs > li.active > a:focus, .nav-tabs-left .nav-tabs > li.active > a:hover {
                border-bottom-color: #ddd;
                border-right-color: transparent
            }

        .nav-tabs-left .nav-tabs.nav-tabs-component > li > a {
            border-radius: 2px 0 0 2px
        }

    .nav-tabs-left .nav-tabs-highlight > li > a, .nav-tabs-left .nav-tabs-highlight > li > a:focus, .nav-tabs-left .nav-tabs-highlight > li > a:hover {
        border-top-width: 1px;
        border-left-width: 2px
    }

    .nav-tabs-left .nav-tabs-highlight > li.active > a, .nav-tabs-left .nav-tabs-highlight > li.active > a:focus, .nav-tabs-left .nav-tabs-highlight > li.active > a:hover {
        border-top-color: #ddd;
        border-left-color: #4DD0E1
    }

    .nav-tabs-left .nav-tabs-bottom, .nav-tabs-left .nav-tabs-top {
        padding-right: 20px
    }

    .nav-tabs-left .bottom-divided, .nav-tabs-left .top-divided {
        padding-right: 0;
        border-right-width: 0
    }

    .nav-tabs-left .nav-tabs-solid, .nav-tabs-left .nav-tabs[class*=bg-] {
        border-right: 0;
        border-radius: 2px
    }

        .nav-tabs-left .nav-tabs-solid > li, .nav-tabs-left .nav-tabs[class*=bg-] > li {
            margin-right: 0
        }

    .nav-tabs-left.tab-content-bordered .tab-content {
        border-left-width: 0
    }

    .nav-tabs-right .nav-tabs {
        border-left: 1px solid #ddd;
        margin-bottom: 0;
        margin-top: 20px
    }

        .nav-tabs-right .nav-tabs > li {
            margin-left: -1px
        }

            .nav-tabs-right .nav-tabs > li.active > a, .nav-tabs-right .nav-tabs > li.active > a:focus, .nav-tabs-right .nav-tabs > li.active > a:hover {
                border-bottom-color: #ddd;
                border-left-color: transparent
            }

        .nav-tabs-right .nav-tabs.nav-tabs-component > li > a {
            border-radius: 0 2px 2px 0
        }

    .nav-tabs-right .nav-tabs-highlight > li > a, .nav-tabs-right .nav-tabs-highlight > li > a:focus, .nav-tabs-right .nav-tabs-highlight > li > a:hover {
        border-top-width: 1px;
        border-right-width: 2px
    }

    .nav-tabs-right .nav-tabs-highlight > li.active > a, .nav-tabs-right .nav-tabs-highlight > li.active > a:focus, .nav-tabs-right .nav-tabs-highlight > li.active > a:hover {
        border-top-color: #ddd;
        border-right-color: #4DD0E1
    }

    .nav-tabs-right .bottom-divided, .nav-tabs-right .top-divided {
        padding-left: 0;
        border-left-width: 0
    }

    .nav-tabs-right .nav-tabs-solid, .nav-tabs-right .nav-tabs[class*=bg-] {
        border-left: 0;
        border-radius: 2px
    }

        .nav-tabs-right .nav-tabs-solid > li, .nav-tabs-right .nav-tabs[class*=bg-] > li {
            margin-left: 0
        }

    .nav-tabs-right .tab-content {
        padding-right: 20px
    }

    .nav-tabs-right.tab-content-bordered .tab-content {
        border-right-width: 0
    }
}


/******************************
Panels
******************************/
.panel {
    border-radius: 2px;
    margin-bottom: 20px;
    border-color: #ddd;
    color: #333;
    box-shadow: 0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02);
}

    .panel[class*=bg-] > .panel-heading {
        border-color: rgba(255,255,255,0.2)
    }

@media (max-width:768px) {
    .panel[class*=bg-] > .panel-heading {
        background-color: inherit
    }
}

.panel[class*=bg-].panel-flat > .panel-heading {
    border-bottom-color: transparent
}

.panel[class*=bg-] > .panel-body {
    background-color: inherit
}

.panel[class*=bg-] .panel-title {
    color: #fff
}

.panel[class*=bg-] .table thead td, .panel[class*=bg-] .table tbody td, .panel[class*=bg-] .table thead th, .panel[class*=bg-] .table tbody th {
    border-color: rgba(255,255,255,0.1)
}

.panel[class*=bg-] .text-muted, .panel[class*=bg-] .help-block, .panel[class*=bg-] .help-inline {
    color: rgba(255,255,255,0.8)
}

.panel[class*=border-top-] {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.panel[class*=border-bottom-] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.panel[class*=border-left-] {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.panel[class*=border-right-] {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.panel-body {
    position: relative;
    padding: 15px;
}

.panel-flat > .panel-heading + .panel-body {
    padding-top: 0
}

.panel-heading {
    position: relative;
    padding: 10px 15px;
}

.panel-bordered > .panel-heading {
    margin: 0
}

.panel-flat > .panel-heading {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff
}

.panel-flat[class*=bg-] > .panel-heading {
    background-color: inherit
}

.panel-heading[class*=bg-], .panel-primary .panel-heading, .panel-danger .panel-heading, .panel-success .panel-heading, .panel-warning .panel-heading, .panel-info .panel-heading {
    margin: -1px -1px 0 -1px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-white > .panel-heading {
    background-color: #fff;
    border-bottom-color: #ddd
}

.panel-title {
    position: relative;
    font-size: 13px;
}

a.panel-title {
    display: block
}

.panel-title img {
    max-height: 20px;
    display: inline-block;
    vertical-align: top
}

.panel-title > small:not(.display-block), .panel-title > .small:not(.display-block) {
    margin-left: 5px
}

.panel-title i {
    font-size: 16px;
    top: -1px;
}

h1.panel-title, .h1.panel-title {
    font-size: 23px
}

h2.panel-title, .h2.panel-title {
    font-size: 21px
}

h3.panel-title, .h3.panel-title {
    font-size: 19px
}

h4.panel-title, .h4.panel-title {
    font-size: 17px
}

h5.panel-title, .h5.panel-title {
    font-size: 15px
}

h6.panel-title, .h6.panel-title {
    font-size: 13px
}

.icons-list a[data-action] {
    vertical-align: middle;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

    .icons-list a[data-action]:after {
        font-family: 'icomoon';
        font-size: 16px;
        min-width: 16px;
        text-align: center;
        display: inline-block;
        line-height: 1;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.icons-list a[data-action="collapse"]:after {
    content: '\e9c1'
}

.icons-list a[data-action="reload"]:after {
    content: '\e9fb'
}

.icons-list a[data-action="close"]:after {
    content: "\ed6a"
}

.icons-list a[data-action="move"]:after {
    content: '\e986'
}

.icons-list a[data-action="modal"]:after {
    content: "\eec8"
}

.panel-footer {
    position: relative;
    padding: 10px 15px
}

    .panel-footer:after {
        content: '';
        display: table;
        clear: both
    }

    .panel-footer > ul {
        margin: 0;
        padding: 0;
        font-size: 0;
        list-style: none;
        float: left;
        margin-left: 15px
    }

        .panel-footer > ul:first-child {
            margin-left: 0
        }

        .panel-footer > ul > li {
            display: inline-block;
            font-size: 13px;
            padding-top: 8px;
            padding-bottom: 8px
        }

            .panel-footer > ul > li + li {
                margin-left: 15px
            }

            .panel-footer > ul > li > a {
                color: #333
            }

            .panel-footer > ul > li .dropdown-menu {
                margin-top: 0;
                margin-bottom: 0
            }

@media (max-width:480px) {
    .panel-footer {
        text-align: center
    }

        .panel-footer ul, .panel-footer .pull-right {
            margin-left: 0;
            float: none !important
        }

        .panel-footer > ul > li, .panel-footer .dropdown, .panel-footer .dropup, .panel-footer .btn-group {
            position: static
        }

        .panel-footer .dropdown-menu {
            left: 0;
            right: 0
        }
}

.panel-footer-transparent {
    background-color: transparent;
    border-top: 0
}

    .panel-footer-transparent > ul > li {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 20px
    }

/*Expand e Colapse - Painel Recortes Relacionados - Iconclus2 - \ebe9, IconMinus2-\ec08*/
.panel-group-control .panel-title-external > a {
    padding-left: 26px;
    display: inline-block
}

    .panel-group-control .panel-title-external > a:before {
        content: '\ec08';
        font-family: 'icomoon';
        position: absolute;
        top: 50%;
        margin-top: -8px;
        left: 0;
        padding-left: 10px;
        font-size: 16px;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .panel-group-control .panel-title-external > a.collapsed:before {
        content: '\ebe9'
    }

.panel-group-control.panel-group-control-right .panel-title-external > a {
    padding-left: 0;
    padding-right: 26px
}

    .panel-group-control.panel-group-control-right .panel-title-external > a:before {
        left: auto;
        right: 0
    }
/* Fim Expand Colapse - painel Recortes Relacionados*/

/*Expand e Colapse - Painel Recortes Relacionados (itens) - circle-up2 \e9c7, circle-down2-\e979*/
.panel-group-control .panel-title > a {
    padding-left: 26px;
    display: inline-block
}

    .panel-group-control .panel-title > a:before {
        content: '\e9c7';
        font-family: 'icomoon';
        position: absolute;
        top: 50%;
        margin-top: -8px;
        left: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .panel-group-control .panel-title > a.collapsed:before {
        content: '\e979'
    }

.panel-group-control.panel-group-control-right .panel-title > a {
    padding-left: 0;
    padding-right: 26px
}

    .panel-group-control.panel-group-control-right .panel-title > a:before {
        left: auto;
        right: 0
    }
/* Fim Expand Colapse - painel externo Recortes Relacionados*/

.panel-primary {
    border-color: #ddd
}

    .panel-primary.panel-bordered {
        border-color: #2196f3
    }

.panel-success {
    border-color: #ddd
}

    .panel-success.panel-bordered {
        border-color: #4caf50
    }

.panel-info {
    border-color: #ddd
}

    .panel-info.panel-bordered {
        border-color: #00bcd4
    }

.panel-warning {
    border-color: #ddd
}

    .panel-warning.panel-bordered {
        border-color: #ff5722
    }

.panel-danger {
    border-color: #ddd
}

    .panel-danger.panel-bordered {
        border-color: #f44336
    }


/******************************
Alerts
******************************/
.alert {
    position: relative;
    padding: 12px;
    margin-bottom: 10px;
    border-radius: 2px;
}

    .alert .alert-heading {
        margin-top: 0;
        margin-bottom: 5px
    }

    .alert .alert-link {
        color: inherit
    }

    .alert .close, .alert .close:hover, .alert .close:focus {
        color: inherit
    }

.alert-primary {
    background-color: #e3f2fd;
    border-color: #1e88e5;
    color: #1565c0
}

    .alert-primary hr {
        border-top-color: #187bd1
    }

    .alert-primary .alert-link {
        color: #104d92
    }

    .alert-primary, .alert-primary .close {
        color: #104d92
    }

.alert-success, .alert-success .close {
    color: #205823
}

.alert-info, .alert-info .close {
    color: #00545c
}

.alert-warning, .alert-warning .close {
    color: #aa3510
}

.alert-danger, .alert-danger .close {
    color: #9c1f1f
}

.alert-component[class*=alert-styled-] {
    background-color: #fff
}

.alert[class*=bg-] a, .alert[class*=bg-] .alert-link {
    color: #fff
}

.alert[class*=alert-styled-]:after, .ui-pnotify[class*=alert-styled-] > .alert:after {
    content: "\ee73";
    font-family: 'icomoon';
    color: #fff;
    width: 44px;
    left: -44px;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.alert[class*=alert-styled-].alert-danger:after, .ui-pnotify[class*=alert-styled-] > .alert.alert-danger:after, .alert[class*=alert-styled-][class*=bg-danger]:after, .ui-pnotify[class*=alert-styled-] > .alert[class*=bg-danger]:after {
    content: '\ed64'
}

.alert[class*=alert-styled-].alert-success:after, .ui-pnotify[class*=alert-styled-] > .alert.alert-success:after, .alert[class*=alert-styled-][class*=bg-success]:after, .ui-pnotify[class*=alert-styled-] > .alert[class*=bg-success]:after {
    content: '\ed6e'
}

.alert[class*=alert-styled-].alert-warning:after, .ui-pnotify[class*=alert-styled-] > .alert.alert-warning:after, .alert[class*=alert-styled-][class*=bg-warning]:after, .ui-pnotify[class*=alert-styled-] > .alert[class*=bg-warning]:after {
    content: '\e9bd'
}

.alert[class*=alert-styled-].alert-info:after, .ui-pnotify[class*=alert-styled-] > .alert.alert-info:after, .alert[class*=alert-styled-][class*=bg-info]:after, .ui-pnotify[class*=alert-styled-] > .alert[class*=bg-info]:after {
    content: '\e9b9'
}

.alert.alert-styled-right:after, .ui-pnotify.alert-styled-right > .alert:after {
    left: auto;
    right: -44px
}

.alert.alert-styled-custom:after, .ui-pnotify.alert-styled-custom > .alert:after {
    content: "\ee73"
}

.alert.alert-styled-left, .ui-pnotify.alert-styled-left > .alert {
    border-left-width: 44px
}

    .alert.alert-styled-left[class*=bg-], .ui-pnotify.alert-styled-left[class*=bg-] > .alert {
        border-left-color: rgba(0,0,0,0.15) !important
    }

.alert.alert-styled-right, .ui-pnotify.alert-styled-right > .alert {
    border-right-width: 44px
}

    .alert.alert-styled-right[class*=bg-], .ui-pnotify.alert-styled-right[class*=bg-] > .alert {
        border-right-color: rgba(0,0,0,0.15) !important
    }

.alert[class*=alert-arrow-]:before, .ui-pnotify[class*=alert-arrow-] > .alert:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    border-left: 5px solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left-color: inherit;
    margin-top: -5px
}

.alert.alert-arrow-right:before, .ui-pnotify.alert-arrow-right > .alert:before {
    left: auto;
    right: 0;
    border-left: 0;
    border-right: 5px solid;
    border-right-color: inherit
}


/******************************
Buttons
******************************/
.btn {
    font-size: 13px;
    padding: 7px 12px;
}

    .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .close:focus, .close:hover, .dropdown-menu > li > a, .form-control:focus, .nav > li > a:focus, a, a:focus, button, input, input[type=radio]:focus, input[type=checkbox]:focus, input[type=file]:focus, textarea, .select2-selection:focus {
        outline: 0
    }

    .btn::-moz-focus-inner {
        border: 0
    }

    .btn.focus, .btn:focus, .btn:hover {
        -webkit-box-shadow: 0 0 0 100px rgba(0,0,0,.05) inset;
        box-shadow: 0 0 0 100px rgba(0,0,0,.05) inset
    }

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

    .btn[class*=bg-].focus, .btn[class*=bg-]:focus, .btn[class*=bg-]:hover {
        color: #fff
    }

    .btn.text-size-small {
        line-height: 1.6666667
    }

    .btn.text-size-mini {
        line-height: 1.82
    }

.btn-default.focus, .btn-default:focus, .btn-default:hover {
    -webkit-box-shadow: 0 0 0 100px rgba(0,0,0,.01) inset;
    box-shadow: 0 0 0 100px rgba(0,0,0,.01) inset
}

.btn-default.active, .btn-default:active {
    -webkit-box-shadow: 0 0 0 100px rgba(0,0,0,.02) inset;
    box-shadow: 0 0 0 100px rgba(0,0,0,.02) inset
}

.btn-labeled {
    padding-left: 44px
}

    .btn-labeled.btn-default > b {
        background-color: #4DD0E1;
        color: #fff
    }

    .btn-labeled > b {
        position: absolute;
        top: -1px;
        left: -1px;
        background-color: rgba(0,0,0,.15);
        display: block;
        padding: 8px 12px;
        font-size: 13px;
        line-height: 1.5384616;
        border-radius: 0
    }

    .btn-labeled.btn-labeled-right {
        padding-left: 12px;
        padding-right: 48px
    }

        .btn-labeled.btn-labeled-right > b {
            left: auto;
            right: -1px
        }

    .btn-labeled.btn-xlg {
        padding-left: 58px
    }

        .btn-labeled.btn-xlg > b {
            padding: 9px 15px 8px;
            font-size: 20px;
            border-radius: 0
        }

        .btn-labeled.btn-xlg.btn-labeled-right {
            padding-left: 15px;
            padding-right: 58px
        }

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

        .btn-labeled.btn-lg > b {
            padding: 9px 15px 8px;
            font-size: 18px;
            border-radius: 0
        }

    .btn-labeled.btn-sm > b, .btn-labeled.btn-xs > b {
        font-size: 12px;
        line-height: 1.6666667;
        border-radius: 0
    }

    .btn-labeled.btn-lg.btn-labeled-right {
        padding-left: 15px;
        padding-right: 55px
    }

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

        .btn-labeled.btn-sm > b {
            padding: 6px 10px
        }

        .btn-labeled.btn-sm.btn-labeled-right {
            padding-left: 11px;
            padding-right: 45px
        }

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

        .btn-labeled.btn-xs > b {
            padding: 3px 8px;
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px
        }

        .btn-labeled.btn-xs.btn-labeled-right {
            padding-left: 10px;
            padding-right: 42px
        }

.btn-flat {
    border-width: 2px;
    background-color: transparent
}

    .btn-flat:focus, .btn-flat:hover {
        opacity: .8;
        filter: alpha(opacity=80);
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-flat:active {
        opacity: .95;
        filter: alpha(opacity=95)
    }

.btn-group.open .dropdown-toggle.btn-flat {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-icon {
    padding: 7px 11px;
}

    .btn-icon.icon-2x {
        padding-left: 7px;
        padding-right: 7px
    }

        .btn-icon.icon-2x > i {
            font-size: 32px;
            top: 0
        }

        .btn-icon.icon-2x.btn-xlg {
            padding-left: 10px;
            padding-right: 10px
        }

        .btn-icon.icon-2x.btn-lg {
            padding-left: 9px;
            padding-right: 9px
        }

        .btn-icon.icon-2x.btn-sm {
            padding-left: 6px;
            padding-right: 6px
        }

        .btn-icon.icon-2x.btn-xs {
            padding-left: 5px;
            padding-right: 5px
        }

    .btn-icon.btn-xlg, .input-group-xlg > .input-group-btn > .btn-icon {
        padding-left: 12px;
        padding-right: 12px
    }

    .btn-icon.btn-lg, .input-group-lg > .input-group-btn > .btn-icon {
        padding-left: 11px;
        padding-right: 11px
    }

    .btn-icon.btn-sm, .input-group-sm > .input-group-btn > .btn-icon {
        padding-left: 8px;
        padding-right: 8px
    }

    .btn-icon.btn-xs, .input-group-xs > .input-group-btn > .btn.btn-icon {
        padding-left: 7px;
        padding-right: 7px
    }

.btn-float {
    padding: 12px;
    white-space: normal;
    border-radius: 2px
}

    .btn-float.btn-link {
        padding: 10px
    }

    .btn-float i {
        display: block;
        margin: 0;
        top: 0;
        font-size: 24px;
    }

    .btn-float > span {
        display: block;
        padding-top: 10px;
        margin-bottom: 0px;
        font-size: 13px;
    }

.elements .btn-float > span {
    display: block;
    padding-top: 5px;
    margin-bottom: 0px;
    font-size: 11px;
}

.btn-float.btn-float-lg i {
    font-size: 32px
}

.btn-link {
    color: #333
}

    .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.btn-rounded, .btn-rounded.btn-labeled > b {
    border-radius: 100px !important;
}

.btn-block + .btn-block {
    margin-top: 10px
}

.btn-default.active, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus, .btn-default:active, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    background-color: #fcfcfc;
    border-color: #ddd
}

.btn-default.disabled {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-primary.active, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus, .btn-primary:active, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    background-color: #4DD0E1;
    border-color: #4DD0E1
}

.btn-primary.disabled {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-success.active, .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success.focus, .btn-success:active, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
    background-color: #4CAF50;
    border-color: #4CAF50
}

.btn-success.disabled {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-info.active, .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus, .btn-info:active, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover {
    background-color: #00BCD4;
    border-color: #00BCD4
}

.btn-info.disabled {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-warning.active, .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning.focus, .btn-warning:active, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .btn-warning:focus, .btn-warning:hover, .open > .dropdown-toggle.btn-warning, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover {
    background-color: #FF5722;
    border-color: #FF5722
}

.btn-warning.disabled {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-danger.active, .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger.focus, .btn-danger:active, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .btn-danger:focus, .btn-danger:hover, .open > .dropdown-toggle.btn-danger, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {
    background-color: #F44336;
    border-color: #F44336
}

.btn-danger.disabled {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-group-xlg > .btn, .btn-xlg {
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.4285715;
    border-radius: 2px
}

    .btn-xlg.btn-rounded {
        border-radius: 100px
    }

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

    .btn-lg.btn-rounded {
        border-radius: 100px
    }

.btn-group-sm > .btn, .btn-sm {
    line-height: 1.5384616;
    font-size: 13px
}

.btn-xlg {
    padding: 10px 20px;
    font-size: 18px;
}

.btn-lg {
    padding: 10px 15px;
    font-size: 16px;
}

.btn-sm {
    padding: 5px 10px;
}

    .btn-sm i {
        font-size: 12px;
        top: -1px;
    }

.btn-xs {
    padding: 3px 10px;
    font-size: 11px;
}

    .btn-xs i {
        font-size: 11px;
        top: -1px;
    }

.caret {
    font-style: normal;
    border: 0;
    margin: -2px 5px 0 0px;
    width: auto;
    height: auto;
    text-align: center
}

    .caret:after {
        content: "\e9c5";
        display: block;
        font-size: 16px;
        line-height: 1;
        font-family: 'icomoon';
    }


/******************************
Tooltips
******************************/
.tooltip-inner {
    background-color: #1b222c;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #1b222c;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #1b222c;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #1b222c;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #1b222c;
}

.popover, .tooltip [class*=bg-] {
    border-radius: 2px;
    border: none;
}

.tooltip {
    font-size: 13px;
    line-height: 1.5384616;
    z-index: 99999;
}

    .tooltip [class*=bg-] > .tooltip-inner {
        background-color: inherit
    }

    .tooltip.top [class*=bg-] .tooltip-arrow {
        border-top-color: inherit
    }

    .tooltip.right [class*=bg-] .tooltip-arrow {
        border-right-color: inherit
    }

    .tooltip.bottom [class*=bg-] .tooltip-arrow {
        border-bottom-color: inherit
    }

    .tooltip.left [class*=bg-] .tooltip-arrow {
        border-left-color: inherit
    }

.tooltip-inner {
    padding: 5px 12px 4px
}

.popover {
    padding: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    width: 275px;
    border: 1px solid #1b222c;
    z-index: 99999;
}

    .popover > .arrow {
        border-width: 6px;
    }

    .popover.left > .arrow {
        border-left-color: #1b222c;
        top: 52%;
        right: -6px;
    }

    .popover.right > .arrow {
        border-right-color: #1b222c;
        left: -6px;
        margin-top: -5px;
    }

    .popover.top > .arrow {
        left: 51%;
        bottom: -6px;
    }

    .popover.top > .arrow {
        border-top-color: #1b222c;
    }

    .popover.bottom > .arrow {
        top: -6px;
    }

    .popover.bottom > .arrow {
        border-bottom-color: #1b222c;
    }

        .popover.bottom > .arrow:after {
            border-bottom-color: #1b222c;
        }

.popover-title {
    font-size: 12px;
    line-height: 1.6666667;
    border: 0;
    padding: 2px 10px;
    text-transform: uppercase;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    background: #1b222c;
    color: #fff;
    font-family: open_sanssemibold;
}

    .popover-title[class*=bg-] {
        padding: 2px 10px;
        margin: -1px -1px 0
    }

.popover-content {
    padding: 6px 10px 8px;
    font-size: 11px;
    line-height: 16px;
}

.popover[class*=bg-].top > .arrow, .popover[class*=bg-].top > .arrow:after, .popover[class*=border-].top > .arrow, .popover[class*=border-].top > .arrow:after {
    border-top-color: inherit
}

.popover[class*=bg-].right > .arrow, .popover[class*=bg-].right > .arrow:after, .popover[class*=border-].right > .arrow, .popover[class*=border-].right > .arrow:after {
    border-right-color: inherit
}

.popover[class*=bg-].bottom > .arrow, .popover[class*=bg-].bottom > .arrow:after, .popover[class*=border-].bottom > .arrow, .popover[class*=border-].bottom > .arrow:after {
    border-bottom-color: inherit
}

.popover[class*=bg-].left > .arrow, .popover[class*=bg-].left > .arrow:after, .popover[class*=border-].left > .arrow, .popover[class*=border-].left > .arrow:after {
    border-left-color: inherit
}


/******************************
Pagination
******************************/
.pagination {
    margin: 0;
}

    .pagination > li > a, .pagination > li > span {
        min-width: 32px;
        text-align: center
    }

    .pagination.pagination-rounded > li:first-child > a, .pagination.pagination-rounded > li:first-child > span {
        border-bottom-left-radius: 100px;
        border-top-left-radius: 100px
    }

    .pagination.pagination-rounded > li:last-child > a, .pagination.pagination-rounded > li:last-child > span {
        border-bottom-right-radius: 100px;
        border-top-right-radius: 100px
    }

.pagination-flat > li > a, .pagination-flat > li > span {
    margin-left: 1px;
    min-width: 32px;
    background-color: transparent
}

    .pagination-flat > .active > a, .pagination-flat > .active > a:focus, .pagination-flat > .active > a:hover, .pagination-flat > .active > span, .pagination-flat > .active > span:focus, .pagination-flat > .active > span:hover, .pagination-flat > .disabled > a, .pagination-flat > .disabled > a:focus, .pagination-flat > .disabled > a:hover, .pagination-flat > .disabled > span, .pagination-flat > .disabled > span:focus, .pagination-flat > .disabled > span:hover, .pagination-flat > li > a, .pagination-flat > li > a:focus, .pagination-flat > li > a:hover, .pagination-flat > li > span, .pagination-flat > li > span:focus, .pagination-flat > li > span:hover {
        border-color: transparent
    }

.pagination-flat.pagination-rounded > li > a, .pagination-flat.pagination-rounded > li > span {
    border-radius: 100px
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span, .pagination-xs > li:first-child > a, .pagination-xs > li:first-child > span {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span, .pagination-xs > li:last-child > a, .pagination-xs > li:last-child > span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.pagination-flat.pagination-lg > li > a, .pagination-flat.pagination-lg > li > span {
    min-width: 40px
}

.pagination-flat.pagination-sm > li > a, .pagination-flat.pagination-sm > li > span {
    min-width: 34px
}

.pagination-flat.pagination-xs > li > a, .pagination-flat.pagination-xs > li > span {
    min-width: 32px
}

.pagination-separated > li > a, .pagination-separated > li > span {
    margin-left: 2px
}

.pagination-lg > li > a, .pagination-lg > li > span {
    line-height: 1.4285715;
    min-width: 40px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    font-size: 13px;
    min-width: 34px
}

.pagination-xs > li > a, .pagination-xs > li > span {
    padding: 4px 6px;
    font-size: 11px;
    min-width: 32px
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #4DD0E1;
    border-color: #4DD0E1;
}

.pager {
    margin-bottom: 0
}

    .pager li > a, .pager li > span {
        padding: 7px 12px;
        color: #333
    }

        .pager li > a:focus, .pager li > a:hover {
            border-color: #4DD0E1;
            color: #fff
        }

    .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
        border-color: #ddd
    }

    .pager.text-left {
        text-align: left
    }

    .pager.text-right {
        text-align: right
    }

.pager-lg li > a, .pager-lg li > span {
    padding: 9px 15px;
    font-size: 14px
}

.pager-sm li > a, .pager-sm li > span {
    padding: 6px 11px;
    font-size: 13px
}

.pager-xs li > a, .pager-xs li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.6666667
}

.badge, .label {
    font-size: 9px;
    letter-spacing: .1px
}

.pager-rounded li > a, .pager-rounded li > span {
    border-radius: 100px
}

.pager-linked li > a, .pager-linked li > span {
    border-color: transparent;
    color: #1E88E5
}

    .pager-linked li > a:hover, .pager-linked li > span:hover {
        background-color: #4DD0E1;
        color: #fff
    }

.pager-linked .disabled > a, .pager-linked .disabled > a:focus, .pager-linked .disabled > a:hover, .pager-linked .disabled > span {
    border-color: transparent
}

.pager li > a:focus, .pager li > a:hover {
    text-decoration: none;
    background-color: #4DD0E1;
    border-color: #4DD0E1;
    color: #fff;
}


/******************************
Progress bars
******************************/
.progress {
    position: relative;
    margin-bottom: 0;
    height: 18px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1)
}

.progress-bar {
    line-height: 18px
}

.progress-rounded, .progress-rounded > .progress-bar {
    border-radius: 100px
}

.progress .progressbar-back-text {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 12px
}

.progress .progressbar-front-text {
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    font-size: 12px
}

.progress.right .progress-bar {
    right: 0;
    float: right
}

.progress.right .progressbar-front-text {
    position: absolute;
    right: 0
}

.progress.vertical {
    width: 50px;
    height: 100%;
    display: inline-block
}

    .progress.vertical + .progress.vertical {
        margin-left: 10px
    }

    .progress.vertical .progress-bar {
        width: 100%;
        height: 0;
        -webkit-transition: height .6s ease;
        -o-transition: height .6s ease;
        transition: height .6s ease
    }

    .progress.vertical.bottom {
        position: relative
    }

        .progress.vertical.bottom .progress-bar, .progress.vertical.bottom .progressbar-front-text {
            position: absolute;
            bottom: 0
        }

.media, .media-body, .media-left, .media-right {
    position: relative
}

.progress-lg {
    height: 22px
}

    .progress-lg .progress-bar {
        line-height: 22px
    }

.progress-sm {
    height: 14px
}

.progress-xs {
    height: 10px
}

.progress-xxs {
    height: 6px
}

.progress-micro {
    height: 2px
}

    .progress-micro .progress-bar, .progress-sm .progress-bar, .progress-xs .progress-bar, .progress-xxs .progress-bar {
        font-size: 0
    }


/******************************
Media objects
******************************/
.media {
    margin-top: 10px
}

    .media i {
        font-size: 16px;
    }

.media, .media-body {
    overflow: visible;
    font-size: 11px;
    line-height: 16px;
}

    .media-body p {
        font-size: 11px;
        line-height: 16px;
    }

.media-heading {
    margin-bottom: 2px;
    margin-top: 2px;
    display: block;
    font-size: 13px;
    font-family: open_sanssemibold;
}

    .media-heading i {
        font-size: 11px;
    }

a.media-heading {
    color: inherit;
}

    a.media-heading:hover {
        text-decoration: none;
    }

.media-list {
    margin-bottom: 0
}

.media-right, .media > .pull-right {
    padding-left: 20px
}

.media-left, .media > .pull-left {
    padding-right: 10px
}

@media (max-width:768px) {
    .stack-media-on-mobile {
        text-align: center
    }

        .stack-media-on-mobile .media-annotation {
            display: block
        }

            .stack-media-on-mobile .media-annotation.dotted:not(.pull-right):before {
                content: none;
                margin: 0
            }

        .stack-media-on-mobile .media-heading .media-annotation {
            margin-left: 0;
            margin-right: 0;
            padding-bottom: 5px
        }

        .stack-media-on-mobile .media-body, .stack-media-on-mobile .media-left, .stack-media-on-mobile .media-right {
            display: block;
            width: auto;
            padding-left: 0;
            padding-right: 0
        }

            .stack-media-on-mobile .media-body img, .stack-media-on-mobile .media-left img, .stack-media-on-mobile .media-right img {
                width: 100%;
                height: auto;
                max-height: none
            }

        .stack-media-on-mobile .media-body, .stack-media-on-mobile .media-right {
            margin-top: 15px
        }

        .stack-media-on-mobile .media-heading {
            margin-bottom: 5px
        }
}

.media-left img:not(.media-preview), .media-right img:not(.media-preview), .thumbnail .media img:not(.media-preview) {
    width: 36px;
    height: 36px;
    max-width: none;
    margin-top: 3px
}

.media-badge {
    position: absolute;
    left: -5px;
    top: 0px
}

.panel-body, .panel-footer, .panel-heading, .panel-title {
    position: relative
}

.media-badge, .media-badge[class*=bg-] {
    border: 2px solid
}

@media (max-width:768px) {
    .navbar-inverse .media-badge {
        border: 0;
        top: 0
    }
}

.media-annotation {
    color: #333;
    font-size: 12px;
    font-weight: 400
}

.media-heading .media-annotation {
    margin-left: 7px
}

.media-annotation i {
    font-size: 13px
}

.media-annotation.dotted:not(.pull-right):before {
    content: '\2022';
    margin-right: 10px;
    margin-left: 10px;
}

.media-header {
    margin-top: 20px
}

    .media-header:first-child {
        margin-top: 0
    }

.media-list-bordered > li {
    border-top: 1px solid #eee;
    padding-top: 8px;
    margin-top: 10px
}

    .media-list-bordered > li:first-child {
        padding-top: 0;
        border-top-width: 0
    }

.media-list-bordered.media-list-linked .media-header {
    margin-bottom: 15px
}

.media-list-linked .media {
    margin-top: 0;
    padding: 0
}

.media-list-linked .media-link {
    display: block;
    padding: 6px 15px 9px;
    color: #333
}

    .media-list-linked .media-link:focus, .media-list-linked .media-link:hover {
        background-color: #fafafa;
        color: rgba(51, 51, 51, 0.6);
    }

.media-list-linked .media-header {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px
}

    .media-list-linked .media-header:first-child, .media-list-linked.media-list-bordered > .media-header {
        margin-top: 0
    }

.media-list-linked.media-list-bordered > li:first-child {
    border-top-width: 1px
}

.media-list-linked.media-list-bordered > .media-header:first-child {
    border-top-width: 0
}


/******************************
Typography
******************************/
p {
    margin: 0 0 10px;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h1 {
    font-size: 23px
}

.page-title h1 {
    font-size: 26px
}

h2 {
    font-size: 21px
}

.page-title h2 {
    font-size: 24px
}

h3 {
    font-size: 19px
}

.page-title h3 {
    font-size: 22px
}

h4 {
    font-size: 17px
}

.page-title h4 {
    font-size: 20px
}

h5 {
    font-size: 15px
}

.page-title h5 {
    font-size: 18px
}

h6 {
    font-size: 13px
}

.page-title h6 {
    font-size: 16px
}

dt, kbd kbd, label {
    font-weight: 400;
}

code, .text-highlight {
    color: #fff;
    background-color: #4DD0E1;
    border-radius: 2px;
}

.text-extrabold {
    font-family: 'open_sansextrabold' !important;
}

.text-bold {
    font-family: 'open_sansbold' !important;
}

.text-semibold {
    font-family: 'open_sanssemibold' !important;
}

.text-regular {
    font-family: 'open_sansregular' !important;
}

.text-light {
    font-family: 'open_sanslight' !important;
}

.text-muted {
    color: #ccc !important;
}

.text-italic {
    font-style: italic !important
}

.text-highlight {
    padding: 4px 6px !important
}

.text-size-huge {
    font-size: 28px !important
}

.text-size-extralarge {
    font-size: 14px !important
}

p.text-size-extralarge {
    line-height: 24px;
}

.text-size-large {
    font-size: 13px !important
}

p.text-size-large {
    line-height: 22px;
}

.text-size-base {
    font-size: 12px !important
}

p.text-size-base {
    line-height: 20px;
}

.text-size-small {
    font-size: 11px !important
}

p.text-size-small {
    line-height: 18px;
}

.text-size-mini {
    font-size: 10px !important
}

p.text-size-mini {
    line-height: 16px;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-normal {
    text-transform: none !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

dt, th {
    font-family: open_sanssemibold
}

ol, ul {
    padding-left: 25px
}

.list > li, .list > li .list > li {
    margin-top: 7px
}

    .list > li:first-child {
        margin-top: 0
    }

.list-condensed > li, .list-condensed > li .list > li {
    margin-top: 3px
}

.list-extended > li, .list-extended > li .list > li {
    margin-top: 11px
}

ul.list-square {
    list-style-type: square
}

ul.list-circle {
    list-style-type: circle
}

.list-inline {
    margin-left: 0;
    font-size: 0;
    margin-bottom: 8px;
}

    .list-inline > li {
        padding-left: 0;
        padding-right: 20px;
        font-size: 13px
    }

        .list-inline > li:last-child {
            padding-right: 0
        }

.list-inline-condensed > li {
    padding-right: 10px
}

.list-inline-separate > li {
    padding-right: 20px;
    position: relative
}

    .list-inline-separate > li:before {
        content: '\2022';
        position: absolute;
        right: 8px;
        color: #ccc;
        top: 1px
    }

.btn, .form-group, .icons-list > li {
    position: relative
}

.list-inline-separate > li:last-child:before {
    content: none
}

.list-icons {
    padding-left: 0
}

    .list-icons li i {
        margin-right: 7px
    }

.icons-list {
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 0
}

.table-xlg > tbody > tr > td, .table-xlg > tbody > tr > th, .table-xlg > tfoot > tr > td, .table-xlg > tfoot > tr > th, .table-xlg > thead > tr > td, .table-xlg > thead > tr > th, pre {
    padding: 20px
}

.icons-list > li {
    display: inline-block;
    margin-left: 12px;
    font-size: 16px
}

    .icons-list > li:first-child {
        margin-left: 0
    }

    .icons-list > li > a {
        color: inherit;
        display: block;
        opacity: 1;
        filter: alpha(opacity=100)
    }

        .icons-list > li > a:focus, .icons-list > li > a:hover {
            opacity: .75;
            filter: alpha(opacity=75)
        }

        .icons-list > li > a > i {
            top: 2px
        }

        .icons-list > li > a > .caret {
            margin-top: 0;
            margin-bottom: 0
        }

.icons-list-extended > li {
    margin-left: 10px
}

dl {
    margin-bottom: 0
}

dt {
    margin-bottom: 5px
}

.dl-horizontal dt + dd, dd + dt {
    margin-top: 20px
}

.dl-horizontal dt:first-child + dd {
    margin-top: 0
}

blockquote {
    margin: 0
}

    blockquote img {
        height: 42px;
        float: left;
        margin-right: 20px
    }

        blockquote img.pull-right {
            margin-right: 0;
            margin-left: 20px
        }

    blockquote .small, blockquote footer, blockquote small {
        font-size: 13px;
        margin-top: 7px;
        display: block
    }

    .blockquote-reverse, blockquote.pull-right {
        padding-right: 20px
    }

code {
    border-radius: 2px;
    word-wrap: break-word
}

kbd {
    font-size: 11px;
    vertical-align: text-top;
    box-shadow: none
}

pre {
    margin: 0;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}


/******************************
Helper classes
******************************/
@media (min-width:1200px) {
    .pull-right-lg {
        float: right
    }
}

@media (min-width:1025px) {
    .pull-right-md {
        float: right
    }
}

@media (min-width:480px) {
    .pull-right-xs {
        float: right
    }
}

.valign-middle {
    vertical-align: middle
}

.valign-bottom {
    vertical-align: bottom
}

.valign-baseline {
    vertical-align: baseline
}

.valign-text-top {
    vertical-align: top
}

.valign-text-bottom {
    vertical-align: text-bottom
}

.position-relative {
    position: relative
}

.position-static {
    position: static
}

.display-block, label.display-block {
    display: block
}

.display-inline-block {
    display: inline-block
}

.cursor-pointer {
    cursor: pointer
}

.cursor-move {
    cursor: move
}

.cursor-default {
    cursor: default
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-auto {
    overflow: auto
}

.no-margin {
    margin: 0 !important
}

.no-margin-top {
    margin-top: 0 !important
}

.no-margin-bottom {
    margin-bottom: 0 !important
}

.no-margin-left {
    margin-left: 0 !important
}

.no-margin-right {
    margin-right: 0 !important
}

.m-5 {
    margin: 5px !important
}

.m-10 {
    margin: 10px !important
}

.m-15 {
    margin: 15px !important
}

.m-20 {
    margin: 20px !important
}

.m-t-5 {
    margin-top: 5px !important
}

.m-t-10 {
    margin-top: 10px !important
}

.m-t-15 {
    margin-top: 15px !important
}

.m-t-20 {
    margin-top: 20px !important
}

.m-b-5 {
    margin-bottom: 5px !important
}

.m-b-10 {
    margin-bottom: 10px !important
}

.m-b-15 {
    margin-bottom: 15px !important
}

.m-b-20 {
    margin-bottom: 20px !important
}

.m-l-5 {
    margin-left: 5px !important
}

.m-l-10 {
    margin-left: 10px !important
}

.m-l-15 {
    margin-left: 15px !important
}

.m-l-20 {
    margin-left: 20px !important
}

.m-r-5 {
    margin-right: 5px !important
}

.m-r-10 {
    margin-right: 10px !important
}

.m-r-15 {
    margin-right: 15px !important
}

.m-r-20 {
    margin-right: 20px !important
}

.no-padding {
    padding: 0 !important
}

.no-padding-top {
    padding-top: 0 !important
}

.no-padding-bottom {
    padding-bottom: 0 !important
}

.no-padding-left {
    padding-left: 0 !important
}

.no-padding-right {
    padding-right: 0 !important
}

.p-5 {
    padding: 5px !important
}

.p-10 {
    padding: 10px !important
}

.p-15 {
    padding: 15px !important
}

.p-20 {
    padding: 20px !important
}

.p-t-5 {
    padding-top: 5px !important
}

.p-t-10 {
    padding-top: 10px !important
}

.p-t-15 {
    padding-top: 15px !important
}

.p-t-20 {
    padding-top: 20px !important
}

.p-b-5 {
    padding-bottom: 5px !important
}

.p-b-10 {
    padding-bottom: 10px !important
}

.p-b-15 {
    padding-bottom: 15px !important
}

.p-b-20 {
    padding-bottom: 20px !important
}

.p-l-5 {
    padding-left: 5px !important
}

.p-l-10 {
    padding-left: 10px !important
}

.p-l-15 {
    padding-left: 15px !important
}

.p-l-20 {
    padding-left: 20px !important
}

.p-r-5 {
    padding-right: 5px !important
}

.p-r-10 {
    padding-right: 10px !important
}

.p-r-15 {
    padding-right: 15px !important
}

.p-r-20 {
    padding-right: 20px !important
}

.no-border {
    border: 0 !important
}

.no-border-top {
    border-top: 0 !important
}

.no-border-bottom {
    border-bottom: 0 !important
}

.no-border-left {
    border-left: 0 !important
}

.no-border-right {
    border-right: 0 !important
}

.no-border-radius {
    border-radius: 0 !important
}

.no-border-radius-top {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.no-border-radius-bottom {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.no-border-radius-left {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.no-border-radius-right {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.border {
    border: 1px solid;
}

.border-default {
    border-color: #B4C2D6 !important;
}

.border-top {
    border-top: 1px solid
}

.border-bottom {
    border-bottom: 1px solid
}

.border-left {
    border-left: 1px solid
}

.border-right {
    border-right: 1px solid
}

.border-lg {
    border-width: 2px
}

.border-top-lg {
    border-top: 2px solid
}

.border-bottom-lg {
    border-bottom: 2px solid
}

.border-left-lg {
    border-left: 2px solid
}

.border-right-lg {
    border-right: 2px solid
}

.border-xlg {
    border-width: 3px
}

.border-top-xlg {
    border-top: 3px solid
}

.border-bottom-xlg {
    border-bottom: 3px solid
}

.border-left-xlg {
    border-left: 3px solid
}

.border-right-xlg {
    border-right: 3px solid
}

.full-width {
    width: 100%
}

.min-width-100 {
    min-width: 100px !important
}

.min-width-150 {
    min-width: 150px !important
}

.min-width-200 {
    min-width: 200px !important
}

.min-width-250 {
    min-width: 250px !important
}

.min-width-300 {
    min-width: 300px !important
}

.min-width-350 {
    min-width: 350px !important
}

.min-width-400 {
    min-width: 400px !important
}

.min-width-450 {
    min-width: 450px !important
}

.min-width-500 {
    min-width: 500px !important
}

.min-width-550 {
    min-width: 550px !important
}

.min-width-600 {
    min-width: 600px !important
}

.min-width-650 {
    min-width: 650px !important
}

.max-width-100 {
    max-width: 100px !important
}

.max-width-150 {
    max-width: 150px !important
}

.max-width-200 {
    max-width: 200px !important
}

.max-width-250 {
    max-width: 250px !important
}

.max-width-300 {
    max-width: 300px !important
}

.max-width-350 {
    max-width: 350px !important
}

.max-width-400 {
    max-width: 400px !important
}

.max-width-450 {
    max-width: 450px !important
}

.max-width-500 {
    max-width: 500px !important
}

.max-width-550 {
    max-width: 550px !important
}

.max-width-600 {
    max-width: 600px !important
}

.max-width-650 {
    max-width: 650px !important
}

.min-height-100 {
    min-height: 100px !important
}

.min-height-120 {
    min-height: 120px !important
}

.min-height-150 {
    min-height: 150px !important
}

.min-height-200 {
    min-height: 200px !important
}

.min-height-250 {
    min-height: 250px !important
}

.min-height-300 {
    min-height: 300px !important
}

.img-lg {
    width: 44px !important;
    height: 44px !important
}

.img-sm {
    width: 36px !important;
    height: 36px !important
}

.img-xs {
    width: 32px !important;
    height: 32px !important
}

.img-10 {
    width: 10%
}

.img-15 {
    width: 15%
}

.img-20 {
    width: 20%
}

.img-30 {
    width: 30%
}

.img-40 {
    width: 40%
}

.img-50 {
    width: 50%
}

.img-60 {
    width: 60%
}

.img-70 {
    width: 70%
}

.img-80 {
    width: 80%
}

.img-90 {
    width: 90%
}

.img-100 {
    width: 100%
}

.img-rounded {
    border-radius: 2px
}

.rotate-45 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rotate-45-inverse {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.rotate-90-inverse {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.rotate-180-inverse {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.spinner {
    -webkit-animation: rotation 1s linear infinite;
    -o-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite
}

.spinner-reverse {
    -webkit-animation: rotation_reverse 1s linear infinite;
    -o-animation: rotation_reverse 1s linear infinite;
    animation: rotation_reverse 1s linear infinite
}

.overlay-demo, .spinner, .spinner-reverse {
    display: inline-block
}

.position-left {
    margin-right: 5px;
}

.position-right {
    margin-left: 5px
}


/******************************
Icons demo
******************************/
.glyphs i, .glyphs span {
    font-size: 24px;
    color: #222;
}

.glyphs > div {
    padding: 12px;
    font-size: 13px;
}

    .glyphs > div > i {
        margin-right: 10px;
        margin-bottom: 5px;
        width: 1em;
        text-align: center;
        top: 2px;
    }

.glyphs i.glyphicon {
    top: 8px;
    position: relative;
}

.glyphs i.lnr, .glyphs i.fa, .glyphs i.wi {
    top: 4px;
    position: relative;
}

.grid-demo [class*=col-] > div:not(.row) {
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
    background-color: #F7F7FC;
    border: 1px solid #ddd;
    color: #333
}

.mi-demo .md-icon {
    font-size: 24px;
}

.socicon-btn {
    text-align: center;
    width: 44px;
    height: 44px;
    font-size: 24px;
    border: 1px solid #999;
    color: #999;
    padding: 15px;
    display: inline-table;
    margin-bottom: 5px;
}

a.socicon-btn:hover, a.socicon-btn:focus, a.socicon-btn:active {
    text-decoration: none;
    border: 1px solid #222;
    color: #222;
}

.socicon-btn.socicon-btn-circle {
    border-radius: 44px !important;
}

.emoji > div {
    padding: 12px;
    cursor: pointer;
    font-size: 14px;
}

    .emoji > div > i {
        margin-right: 10px;
        text-align: center;
        vertical-align: middle;
    }


/******************************
Tables
******************************/
.panel > .table-responsive {
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

.table {
    margin-bottom: 0
}

    .table > thead > tr > th {
        border-top: 1px solid #ccc;
    }

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding: 8px 12px;
    }

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        vertical-align: middle
    }

    .panel[class*=bg-] .table > tbody > tr > td, .panel[class*=bg-] .table > tbody > tr > th, .panel[class*=bg-] .table > tfoot > tr > td, .panel[class*=bg-] .table > tfoot > tr > th, .panel[class*=bg-] .table > thead > tr > td, .panel[class*=bg-] .table > thead > tr > th, .table[class*=bg-] > tbody > tr > td, .table[class*=bg-] > tbody > tr > th, .table[class*=bg-] > tfoot > tr > td, .table[class*=bg-] > tfoot > tr > th, .table[class*=bg-] > thead > tr > td, .table[class*=bg-] > thead > tr > th {
        border-color: rgba(255,255,255,.2)
    }

    .table tr > td[class*=bg-], .table tr > th[class*=bg-], .table tr[class*=bg-] > td, .table tr[class*=bg-] > th {
        border-color: #fff
    }

    .table > thead > tr[class*=border-bottom-] > td, .table > thead > tr[class*=border-bottom-] > th {
        border-bottom-color: inherit
    }

    .table > tbody > tr[class*=border-top-] > td, .table > tbody > tr[class*=border-top-] > th, .table > tfoot > tr[class*=border-top-] > td, .table > tfoot > tr[class*=border-top-] > th {
        border-top-color: inherit
    }

    .table > thead > tr > th {
        font-weight: 600;
        border-bottom: none;
    }

    .table > tfoot > tr > th {
    }

    .table .table {
        background-color: #fff
    }

    .table-responsive + .table-responsive > .table:not(.table-bordered):not(.table-framed), .table:not(.table-bordered):not(.table-framed) + .table:not(.table-bordered):not(.table-framed) {
        border-top: 1px solid #ddd
    }

.panel-body + .table-responsive > .table > tbody:first-child > tr:first-child > td, .panel-body + .table-responsive > .table > tbody:first-child > tr:first-child > th, .panel-body + .table > tbody:first-child > tr:first-child > td, .panel-body + .table > tbody:first-child > tr:first-child > th {
    border-top: 0
}

.modal-body + .table, .modal-body + .table-responsive > .table {
    border-bottom: 1px solid #ddd
}

.modal-body + .table-responsive {
    border: 0
}

.table-bordered > thead > tr.border-solid:first-child > td, .table-bordered > thead > tr.border-solid:first-child > th, .table > thead > tr.border-solid > td, .table > thead > tr.border-solid > th {
    border-bottom-width: 2px
}

.panel[class*=bg-] > .panel-body + .table, .panel[class*=bg-] > .panel-body + .table-responsive {
    border-color: #fff
}

.table > tbody > tr.border-solid > td, .table > tbody > tr.border-solid > th, .table > tfoot > tr.border-solid > td, .table > tfoot > tr.border-solid > th {
    border-top-width: 2px
}

.table-bordered > thead > tr.border-double:first-child > td, .table-bordered > thead > tr.border-double:first-child > th, .table > thead > tr.border-double > td, .table > thead > tr.border-double > th {
    border-bottom-width: 3px;
    border-bottom-style: double
}

.table > tbody > tr.border-double > td, .table > tbody > tr.border-double > th, .table > tfoot > tr.border-double > td, .table > tfoot > tr.border-double > th {
    border-top-width: 3px;
    border-top-style: double
}

.table > tbody > tr.border-dashed > td, .table > tbody > tr.border-dashed > th {
    border-top-style: dashed
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 1px solid #ddd
}

.panel > .table-framed, .panel > .table-responsive > .table-framed, .table-framed {
    border: 1px solid #ddd
}

@media screen and (max-width:768px) {
    .table-responsive > .table-framed {
        border: 0
    }
}

.table-borderless > tbody > tr > td, .table-borderless > tbody > tr > th {
    border: 0;
    padding: 8px 12px;
}

.table-columned > tbody > tr > td, .table-columned > tbody > tr > th, .table-columned > tfoot > tr > td, .table-columned > tfoot > tr > th {
    border: 0;
    border-left: 1px solid #ddd
}

    .table-columned > tbody > tr > td:first-child, .table-columned > tbody > tr > th:first-child, .table-columned > tfoot > tr > td:first-child, .table-columned > tfoot > tr > th:first-child {
        border-left: 0
    }

.table-columned > thead > tr > td, .table-columned > thead > tr > th {
    border-left: 1px solid #ddd
}

    .table-columned > thead > tr > td:first-child, .table-columned > thead > tr > th:first-child {
        border-left: 0
    }

.table-xlg > tbody > tr > td, .table-xlg > tbody > tr > th, .table-xlg > tfoot > tr > td, .table-xlg > tfoot > tr > th, .table-xlg > thead > tr > td, .table-xlg > thead > tr > th {
    padding: 15px 20px
}

.table-lg > tbody > tr > td, .table-lg > tbody > tr > th, .table-lg > tfoot > tr > td, .table-lg > tfoot > tr > th, .table-lg > thead > tr > td, .table-lg > thead > tr > th {
    padding: 10px 20px
}

.table-xs > tbody > tr > td, .table-xs > tbody > tr > th, .table-xs > tfoot > tr > td, .table-xs > tfoot > tr > th, .table-xs > thead > tr > td, .table-xs > thead > tr > th {
    padding: 6px 15px
}

.table-bordered tr:first-child > td, .table-bordered tr:first-child > th {
    border-top-color: #bbb
}

.table-bordered tr > td[class*=bg-], .table-bordered tr > th[class*=bg-], .table-bordered tr[class*=bg-] > td, .table-bordered tr[class*=bg-] > th {
    border-color: #fff
}

.panel[class*=bg-] .table-striped > tbody > tr:nth-child(odd), .table-striped[class*=bg-] > tbody > tr:nth-child(odd) {
    background-color: rgba(0,0,0,.05)
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: inherit
}

.panel[class*=bg-] .table-hover > tbody > tr:hover, .table-hover[class*=bg-] > tbody > tr:hover {
    background-color: rgba(0,0,0,.1)
}

.panel[class*=bg-] .panel-body > .table .active > td, .panel[class*=bg-] .panel-body > .table .active > th, .panel[class*=bg-] .panel-body > .table td.active, .panel[class*=bg-] .panel-body > .table th.active, .panel[class*=bg-] .panel-body > .table-responsive > .table .active > td, .panel[class*=bg-] .panel-body > .table-responsive > .table .active > th, .panel[class*=bg-] .panel-body > .table-responsive > .table td.active, .panel[class*=bg-] .panel-body > .table-responsive > .table th.active, .table[class*=bg-] .active > td, .table[class*=bg-] .active > th, .table[class*=bg-] td.active, .table[class*=bg-] th.active {
    background-color: rgba(0,0,0,.15)
}

.responsive-utilities td.is-visible {
    color: rgb(70, 136, 71);
    background-color: rgb(223, 240, 216);
}

.responsive-utilities td.is-hidden {
    color: rgb(204, 204, 204);
    background-color: rgb(249, 249, 249);
}


/******************************
Forms
******************************/
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: 0px
}

.btn-group .btn + .btn-default, .btn-group .btn-default + .btn-group, .btn-group .btn-group + .btn-default {
    margin-left: -1px
}

.btn-toolbar {
    font-size: 0
}

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

.btn-group > .btn + .dropdown-toggle {
    padding-left: 9px;
    padding-right: 9px
}

.btn-group-xlg > .btn + .dropdown-toggle, .btn-group > .btn-xlg + .dropdown-toggle {
    padding-left: 13px;
    padding-right: 13px
}

.btn-group-lg > .btn + .dropdown-toggle, .btn-group > .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group-sm > .btn + .dropdown-toggle, .btn-group > .btn-sm + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group-xs > .btn + .dropdown-toggle, .btn-group > .btn-xs + .dropdown-toggle {
    padding-left: 7px;
    padding-right: 7px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: 0 0 0 100px rgba(0,0,0,.1) inset;
    box-shadow: 0 0 0 100px rgba(0,0,0,.1) inset
}

    .btn-group.open .dropdown-toggle.btn-default {
        -webkit-box-shadow: 0 0 0 100px rgba(0,0,0,.02) inset;
        box-shadow: 0 0 0 100px rgba(0,0,0,.02) inset
    }

.btn-group-justified > .btn + .btn, .btn-group-justified > .btn-group + .btn-group > .btn {
    border-left-color: rgba(255,255,255,.2)
}

.btn-group-justified > .btn + .btn-default, .btn-group-justified > .btn-group + .btn-group > .btn-default {
    border-left-width: 0
}

.input-group .form-control-feedback {
    z-index: 3
}

.input-group-xlg > .form-control, .input-group-xlg > .input-group-addon, .input-group-xlg > .input-group-btn > .btn {
    height: 42px;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 1.4285715;
    border-radius: 2px
}

select.input-group-xlg > .form-control, select.input-group-xlg > .input-group-addon, select.input-group-xlg > .input-group-btn > .btn {
    height: 42px;
    line-height: 42px
}

select[multiple].input-group-xlg > .form-control, select[multiple].input-group-xlg > .input-group-addon, select[multiple].input-group-xlg > .input-group-btn > .btn, textarea.input-group-xlg > .form-control, textarea.input-group-xlg > .input-group-addon, textarea.input-group-xlg > .input-group-btn > .btn {
    height: auto
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    line-height: 1.5384616;
    font-size: 13px
}

.input-group-xs > .form-control, .input-group-xs > .input-group-addon, .input-group-xs > .input-group-btn > .btn {
    height: 32px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.6666667;
    border-radius: 2px
}

.input-group-transparent .form-control, .input-group-transparent .input-group-addon {
    padding: 0;
    background-color: transparent;
    border-color: transparent
}

select.input-group-xs > .form-control, select.input-group-xs > .input-group-addon, select.input-group-xs > .input-group-btn > .btn {
    height: 32px;
    line-height: 32px
}

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

.input-group-transparent .form-control {
    cursor: pointer;
    width: auto
}

    .input-group-transparent .form-control:focus, .input-group-transparent .form-control:hover {
        border-color: transparent
    }

.input-group-addon {
    border-radius: 2px
}

    .input-group-addon > i {
        display: block;
        top: 0;
        font-size: 16px;
    }

    .input-group-addon .checker, .input-group-addon .choice {
        display: block;
        margin-top: 1px
    }

    .input-group-addon.input-xlg {
        padding: 11px 15px;
        font-size: 14px;
        border-radius: 2px
    }

    .input-group-addon.input-xs {
        padding: 5px 10px;
        font-size: 13px;
        border-radius: 2px
    }

    .input-group-addon.input-sm {
        font-size: 13px
    }

    .input-group-addon.input-lg {
        border-radius: 2px
    }

fieldset:first-child legend:first-child {
    padding-top: 0
}

legend .control-arrow {
    float: right;
    color: #999
}

.btn-toolbar .btn-group, .btn-toolbar .input-group, .nav-tabs > li {
    float: none
}

legend .control-arrow:hover {
    color: #333
}

label {
    margin-bottom: 6px
}

legend {
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase
}

select[multiple], select[size] {
    height: 200px;
    padding: 7px
}

    select[multiple] option, select[size] option {
        padding: 7px 12px;
        border-radius: 2px
    }

        select[multiple] option + option, select[size] option + option {
            margin-top: 1px
        }

.form-control {
    box-shadow: none
}

    .form-control:focus {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .form-control[class*=bg-]:focus {
        border-color: transparent
    }

    .form-control[class*=bg-]::-moz-placeholder {
        color: #fff;
        opacity: 1
    }

    .form-control[class*=bg-]:-ms-input-placeholder {
        color: #fff
    }

    .form-control[class*=bg-]::-webkit-input-placeholder {
        color: #fff
    }

.input-rounded {
    border-radius: 100px
}

.input-roundless {
    border-radius: 0
}

.form-control-unstyled {
    padding: 0;
    border: 0;
    background-color: transparent
}

input[type=text], input[type=password], input[type=search], input[type=email], input[type=number], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=url], input[type=tel], textarea {
    -webkit-appearance: none
}

.form-group {
    margin-bottom: 20px
}

    .form-group .form-group:last-child {
        margin-bottom: 0
    }

.form-horizontal .form-group {
    margin-left: 0px;
}

@media (max-width:1024px) {
    .form-group div[class*=col-md-]:not(.control-label) + div[class*=col-md-] {
        margin-top: 20px
    }
}

@media (max-width:1199px) {
    .form-group div[class*=col-lg-]:not(.control-label) + div[class*=col-lg-] {
        margin-top: 20px
    }
}

@media (max-width:768px) {
    .form-group div[class*=col-sm-]:not(.control-label) + div[class*=col-sm-] {
        margin-top: 20px
    }
}

.checkbox, .radio {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 12px;
}

    .checkbox label, .radio label {
        padding-left: 28px
    }

    .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
        margin-left: 0;
        left: 0
    }

    .checkbox + .checkbox, .radio + .radio {
        margin-top: 0
    }

.checkbox-inline, .radio-inline {
    position: relative;
    padding-left: 28px
}

.checkbox-right label, .checkbox-right.checkbox-inline, .checkbox-right.radio-inline, .radio-right label, .radio-right.radio-inline {
    padding-left: 0;
    padding-right: 28px
}

.checkbox-right input[type=radio], .checkbox-right input[type=checkbox], .radio-right input[type=radio] {
    left: auto;
    right: 0
}

.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
    margin-left: 15px
}

.checkbox-inline.disabled, .checkbox.disabled, .radio-inline.disabled, .radio.disabled, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio, fieldset[disabled] .radio-inline {
    color: #999
}

.checkbox-switch > label, label.checkbox-switch.checkbox-inline {
    padding: 0
}

.checkbox-switch.checkbox-right .bootstrap-switch {
    margin-right: 0;
    margin-left: 7px
}

.input-xlg {
    height: 47px;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 1.4285715;
    border-radius: 2px
}

select.input-xlg {
    height: 47px;
    line-height: 47px
}

select[multiple].input-xlg, textarea.input-xlg {
    height: auto
}

.form-group-xlg .form-control {
    height: 44px;
    padding: 11px 15px;
    font-size: 16px;
    line-height: 1.4285715;
    border-radius: 2px
}

.btn, .input-xs {
    border-radius: 2px
}

.copyButton::before {
    content: "\ea34";
    font-family: 'icomoon';
    margin-right: 5px;
}

.csvButton::before {
    content: "\ea1a";
    font-family: 'icomoon';
    margin-right: 5px;
}

.excelButton::before {
    content: "\ef39";
    font-family: 'icomoon';
    margin-right: 5px;
}

.pdfButton::before {
    content: "\ef36";
    font-family: 'icomoon';
    margin-right: 5px;
}

.printButton::before {
    content: "\eab7";
    font-family: 'icomoon';
    margin-right: 5px;
}

select.form-group-xlg .form-control {
    height: 44px;
    line-height: 44px
}

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

.form-group-xlg .form-control-static {
    height: 40px;
    padding: 9px 15px;
    font-size: 14px;
    line-height: 1.4285715
}

.form-group-sm .form-control, .form-group-sm .form-control-static, .input-sm {
    font-size: 13px;
    line-height: 1.5384616
}

.input-xs {
    height: 32px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.6666667
}

select.input-xs {
    height: 32px;
    line-height: 32px
}

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

.form-group-xs .form-control {
    height: 32px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.6666667;
    border-radius: 2px
}

select.form-group-xs .form-control {
    height: 32px;
    line-height: 32px
}

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

.form-group-xs .form-control-static {
    height: 32px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.6666667
}

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

    .has-feedback .form-control.input-xlg {
        padding-right: 42px
    }

    .has-feedback .form-control.input-lg {
        padding-right: 40px
    }

    .has-feedback .form-control.input-sm {
        padding-right: 34px
    }

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

.login-form .form-group {
    margin: 10px 0;
    padding: 0;
}

.login-options {
    padding: 0;
    font-size: 11px;
}

.content-divider {
    padding: 15px;
}

.login-form .form-control-feedback i {
    font-size: 18px;
    margin-top: 5px;
}

.form-control-feedback {
    width: 38px;
    color: #333
}

.register-terms {
    padding: 10px;
}

input[class*=bg-] + .form-control-feedback {
    color: #fff
}

.help-block, .help-inline {
    color: #999;
    font-size: 12px;
    margin-top: 7px;
    margin-bottom: 7px
}

.has-feedback-left .form-control {
    padding-right: 12px;
    padding-left: 45px
}

    .has-feedback-left .form-control.input-xlg {
        padding-right: 10px;
        padding-left: 42px
    }

    .has-feedback-left .form-control.input-lg {
        padding-right: 15px;
        padding-left: 40px
    }

    .has-feedback-left .form-control.input-sm {
        padding-right: 11px;
        padding-left: 34px
    }

    .has-feedback-left .form-control.input-xs {
        padding-right: 10px;
        padding-left: 32px
    }

.has-feedback-left .form-control-feedback {
    right: auto;
    left: 5px;
}

.form-group-xlg > .form-control-feedback, .input-xlg + .form-control-feedback {
    width: 44px;
    height: 47px;
    line-height: 47px
}

.form-group-lg > .form-control-feedback, .input-lg + .form-control-feedback {
    width: 42px
}

.form-group-sm > .form-control-feedback, .input-sm + .form-control-feedback {
    width: 36px
}

.form-group-xs > .form-control-feedback, .input-xs + .form-control-feedback {
    width: 34px;
    height: 32px;
    line-height: 32px
}

.help-inline {
    display: inline-block
}

.form-horizontal .form-group > div[class*=col-] + .help-inline {
    margin-left: 10px;
    margin-right: 10px
}

@media (min-width:769px) {
    .form-inline .form-group + .form-group {
        margin-left: 15px
    }

    .form-inline .form-group > label {
        margin-right: 7px;
        position: relative;
        top: 1px
    }

    .form-horizontal .control-label {
        padding-bottom: 6px;
        padding-top: 0
    }

        .form-horizontal .control-label:not(.text-right) {
            text-align: left
        }
}

.form-horizontal .form-group .form-group {
    margin-left: 0;
    margin-right: 0
}

@media (min-width:480px) {
    .form-horizontal .control-label[class*=col-xs-] {
        padding-top: 8px
    }
}

@media (min-width:1025px) {
    .help-inline {
        display: inline-block;
        margin-top: 8px;
        vertical-align: top
    }

        .help-inline.label {
            margin-top: 9px
        }

        .help-inline:not(.label) {
            color: #999
        }

    .form-group-lg .help-inline {
        margin-top: 10px
    }

        .form-group-lg .help-inline.label {
            margin-top: 11px
        }

    .form-group-sm .help-inline {
        margin-top: 7px
    }

        .form-group-sm .help-inline.label {
            margin-top: 8px
        }

    .form-group-xs .help-inline {
        margin-top: 6px
    }

        .form-group-xs .help-inline.label {
            margin-top: 7px
        }

    .form-horizontal .control-label[class*=col-md-] {
        padding-top: 8px
    }
}

@media (min-width:1200px) {
    .form-horizontal .control-label[class*=col-lg-] {
        padding-top: 8px
    }
}

.form-horizontal .has-feedback > .form-control-feedback {
    right: 0
}

.form-horizontal .has-feedback-left .form-control-feedback {
    right: auto;
    left: 10px
}

.form-horizontal .has-feedback-left > .form-control-feedback {
    left: 0
}

@media (min-width:769px) {
    .form-horizontal .control-label[class*=col-sm-] {
        padding-top: 8px
    }

    .form-horizontal .form-group-xlg .control-label {
        font-size: 14px;
        padding-top: 11px
    }

    .form-horizontal .form-group-lg .control-label {
        font-size: 14px;
        padding-top: 10px
    }

    .form-horizontal .form-group-sm .control-label {
        padding-top: 7px
    }

    .form-horizontal .form-group-xs .control-label {
        padding-top: 6px
    }
}


/******************************
Dropdown menus
******************************/
.dropdown-menu {
    font-size: 13px;
}

.dropdown-menu {
    min-width: 180px;
    padding: 5px 0;
    color: #333;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1)
}

    .dropdown-menu .divider {
        margin: 5px 0
    }

    .dropdown-menu > li {
        position: relative;
        margin-bottom: 1px
    }

        .dropdown-menu > .checkbox-switchery.switchery-sm, .dropdown-menu > .checkbox-switchery.switchery-xs, .dropdown-menu > li:last-child {
            margin-bottom: 0
        }

        .dropdown-menu > li > a {
            padding: 4px 15px 5px
        }

            .dropdown-menu > li > a > i, .dropdown-menu > li > a > img {
                margin-right: 6px;
                font-size: 14px;
                top: 0px;
            }

                .dropdown-menu > li > a > i.pull-right, .dropdown-menu > li > a > img.pull-right {
                    margin-right: 0;
                    margin-left: 10px;
                    margin-top: 3px
                }

            .dropdown-menu > li > a > img {
                max-height: 16px
            }

            .dropdown-menu > li > a > .badge, .dropdown-menu > li > a > .label {
                margin-top: 5px
            }

        .dropdown-menu > li > label:focus, .dropdown-menu > li > label:hover {
            text-decoration: none;
            color: #333;
            background-color: #f5f5f5
        }

    .dropdown-menu > .active > label, .dropdown-menu > .active > label:focus, .dropdown-menu > .active > label:hover {
        color: #fff;
        outline: 0;
        background-color: #2196F3
    }

    .dropdown-menu > .disabled > label, .dropdown-menu > .disabled > label:focus, .dropdown-menu > .disabled > label:hover {
        background-color: transparent;
        color: #999
    }

    .dropdown-menu > li > label {
        padding: 8px 15px 8px 43px;
        display: block;
        cursor: pointer
    }

        .dropdown-menu > li > label .checker, .dropdown-menu > li > label .choice, .dropdown-menu > li > label > input[type=checkbox], .dropdown-menu > li > label > input[type=radio] {
            left: 15px;
            top: auto;
            margin-top: 1px
        }

    .dropdown-menu > li.checkbox, .dropdown-menu > li.radio {
        margin-top: 0
    }

    .dropdown-menu > li.checkbox-right > label, .dropdown-menu > li.radio-right > label {
        padding-left: 15px;
        padding-right: 43px
    }

        .dropdown-menu > li.checkbox-right > label .checker, .dropdown-menu > li.checkbox-right > label .choice, .dropdown-menu > li.checkbox-right > label > input[type=checkbox], .dropdown-menu > li.checkbox-right > label > input[type=radio], .dropdown-menu > li.radio-right > label .choice, .dropdown-menu > li.radio-right > label > input[type=radio] {
            left: auto;
            right: 15px
        }

    .dropdown-menu > .checkbox-switchery > label > .switchery {
        left: 15px
    }

    .dropdown-menu > .checkbox-switchery.checkbox-right[class*=switchery-] > label {
        padding-left: 15px
    }

        .dropdown-menu > .checkbox-switchery.checkbox-right[class*=switchery-] > label > .switchery {
            left: auto;
            right: 15px
        }

    .dropdown-menu > .checkbox-switchery.switchery-sm > label {
        padding-left: 68px
    }

    .dropdown-menu > .checkbox-switchery.switchery-xs > label {
        padding-left: 60px
    }

    .dropdown-menu > .checkbox-switchery.checkbox-right.switchery-sm > label {
        padding-right: 68px
    }

    .dropdown-menu > .checkbox-switchery.checkbox-right.switchery-xs > label {
        padding-right: 60px
    }

    .dropdown-menu > .disabled .badge, .dropdown-menu > .disabled .label, .dropdown-menu > .disabled img {
        opacity: .8;
        filter: alpha(opacity=80)
    }

    .dropdown-menu[class*=bg-] > li > a, .dropdown-menu[class*=bg-] > li > label {
        color: #fff
    }

        .dropdown-menu[class*=bg-] > li > a:focus, .dropdown-menu[class*=bg-] > li > a:hover, .dropdown-menu[class*=bg-] > li > label:focus, .dropdown-menu[class*=bg-] > li > label:hover {
            background-color: rgba(0,0,0,.1)
        }

        .dropdown-menu[class*=bg-] > li > a > .badge, .dropdown-menu[class*=bg-] > li > a > .label, .dropdown-menu[class*=bg-] > li > label > .badge, .dropdown-menu[class*=bg-] > li > label > .label {
            color: #333;
            background-color: #fff;
            border-color: #fff
        }

    .dropdown-menu[class*=bg-] > .active > a, .dropdown-menu[class*=bg-] > .active > a:focus, .dropdown-menu[class*=bg-] > .active > a:hover, .dropdown-menu[class*=bg-] > .active > label, .dropdown-menu[class*=bg-] > .active > label:focus, .dropdown-menu[class*=bg-] > .active > label:hover {
        background-color: rgba(0,0,0,.2)
    }

    .dropdown-menu[class*=bg-] > .disabled > a, .dropdown-menu[class*=bg-] > .disabled > a:focus, .dropdown-menu[class*=bg-] > .disabled > a:hover, .dropdown-menu[class*=bg-] > .disabled > label, .dropdown-menu[class*=bg-] > .disabled > label:focus, .dropdown-menu[class*=bg-] > .disabled > label:hover {
        background-color: transparent;
        color: rgba(255,255,255,.6)
    }

    .dropdown-menu[class*=bg-] > .dropdown-header {
        color: rgba(255,255,255,.6)
    }

        .dropdown-menu[class*=bg-] > .dropdown-header.highlight {
            background-color: rgba(0,0,0,.1)
        }

    .dropdown-menu[class*=bg-] .divider {
        background-color: rgba(255,255,255,.4)
    }

.dropdown-menu-lg > li > a {
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 14px;
    line-height: 1.4285715
}

    .dropdown-menu-lg > li > a i {
        font-size: 16px;
    }

.dropdown-menu-sm > li > a {
    padding-top: 6px;
    padding-bottom: 6px
}

.dropdown-menu-xs > li > a {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 11px;
    line-height: 1.6666667
}

.dropdown-menu > .dropdown-submenu > a {
    padding-right: 38px;
    position: relative
}

    .dropdown-menu > .dropdown-submenu > a:after {
        content: "\e9c7";
        position: absolute;
        top: 50%;
        margin-top: -8px;
        right: 15px;
        font-size: 16px;
        font-weight: 400;
        line-height: 1;
        opacity: .8;
        filter: alpha(opacity=80)
    }

.dropdown-content-heading, .menu-heading {
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 4px;
}

.dropdown-menu > .dropdown-submenu:focus > a, .dropdown-menu > .dropdown-submenu:hover > a {
    background-color: #f5f5f5
}

    .dropdown-menu > .dropdown-submenu:focus > a:after, .dropdown-menu > .dropdown-submenu:hover > a:after {
        opacity: 1;
        filter: alpha(opacity=100)
    }

.dropdown-menu > .dropdown-submenu.active > a {
    background-color: #2196F3;
    color: #fff
}

.dropdown-menu > .dropdown-submenu:hover > .dropdown-menu {
    display: block
}

.dropdown-menu > .dropdown-submenu.disabled > .dropdown-menu {
    display: none
}

.dropdown-menu > .dropdown-submenu.disabled > a {
    background-color: transparent
}

.dropdown-menu > .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px
}

.dropup .dropdown-menu > .dropdown-submenu > .dropdown-menu, .dropup.dropdown-menu > .dropdown-submenu > .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu > .dropdown-submenu > .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -6px
}

.dropdown-menu > .dropdown-submenu.dropdown-submenu-left > .dropdown-menu {
    left: auto;
    right: 100%
}

@media (max-width:768px) {
    .dropdown-menu > .dropdown-submenu {
        position: static
    }

        .dropdown-menu > .dropdown-submenu > a:after {
            content: "\f105"
        }

        .dropdown-menu > .dropdown-submenu .dropdown-menu, .dropdown-menu > .dropdown-submenu.dropdown-submenu-left .dropdown-menu {
            position: relative;
            left: 0;
            right: 0;
            float: none;
            border-width: 0;
            border-color: rgba(0,0,0,.1);
            box-shadow: none;
            min-width: 100%;
            margin: 0
        }

            .dropdown-menu > .dropdown-submenu .dropdown-menu > li > a, .dropdown-menu > .dropdown-submenu.dropdown-submenu-left .dropdown-menu > li > a {
                padding-left: 30px
            }

            .dropdown-menu > .dropdown-submenu .dropdown-menu > li > ul > li > a, .dropdown-menu > .dropdown-submenu.dropdown-submenu-left .dropdown-menu > li > ul > li > a {
                padding-left: 45px
            }
}

.dropdown-menu[class*=bg-] > .dropdown-submenu:focus > a, .dropdown-menu[class*=bg-] > .dropdown-submenu:hover > a {
    background-color: rgba(0,0,0,.1)
}

.dropdown-menu[class*=bg-] > .dropdown-submenu.disabled:focus > a, .dropdown-menu[class*=bg-] > .dropdown-submenu.disabled:hover > a {
    background-color: transparent
}

.dropdown-header {
    padding: 8px 15px;
    font-size: 11px;
    line-height: 1.82;
    color: #999;
    text-transform: uppercase;
    margin-top: 10px
}

    .dropdown-header:first-child {
        margin-top: 5px
    }

    .dropdown-header.highlight {
        margin-top: 0;
        background-color: #f8f8f8;
        color: #999
    }

        .dropdown-header.highlight + li, li + .dropdown-header.highlight {
            margin-top: 6px
        }

        .dropdown-header.highlight:first-child {
            margin-top: 0
        }

    .dropdown-header > i {
        margin-right: 10px
    }

        .dropdown-header > i.pull-right {
            margin-top: 3px;
            margin-right: 0;
            margin-left: 10px
        }

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border: 0
}

    .dropup .caret:after, .navbar-fixed-bottom .dropdown .caret:after {
        content: "\e9c6"
    }


/******************************
List groups
******************************/
.list-group {
    list-style: none;
    margin-bottom: 0;
    border: 1px solid #ddd;
    padding: 5px 0;
    border-radius: 2px
}

    .list-group i {
        font-size: 16px;
    }

.list-group-lg {
    font-size: 14px;
}

    .list-group-lg .list-group-item {
        padding: 12px 12px 11px;
    }

.list-group-borderless {
    border: 0;
    border-radius: 0
}

.list-group-item {
    background-color: transparent;
    padding: 6px 10px;
    border: 0
}

    .list-group-item.disabled .badge, .list-group-item.disabled .label, .list-group-item.disabled:focus .badge, .list-group-item.disabled:focus .label, .list-group-item.disabled:hover .badge, .list-group-item.disabled:hover .label {
        opacity: .75;
        filter: alpha(opacity=75)
    }

.list-group-divider {
    height: 1px;
    display: block;
    background-color: #e5e5e5;
    margin-top: 5px;
    margin-bottom: 5px
}

.list-group-header {
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.82;
    color: #999;
    text-transform: uppercase
}

    .list-group-header:first-child {
        margin-top: 0px
    }

.list-group-divider + .list-group-header, .list-group-item + .list-group-header {
    margin-top: 10px
}

.list-group-header > i, .list-group-item > i {
    margin-right: 7px
}

    .list-group-header > i.pull-right, .list-group-item > i.pull-right {
        margin-right: 0;
        margin-left: 7px;
        margin-top: 3px
    }

.list-group-header > .badge, .list-group-header > .label, .list-group-item > .badge, .list-group-item > .label {
    margin-top: 1px
}

.list-group-item-heading {
    margin-top: 5px;
    margin-bottom: 5px
}

.list-group-item-text {
    line-height: 20px;
    margin-bottom: 5px
}

.list-group-item:first-child, .list-group-item:last-child {
    border-radius: 0;
}

.icons-list a[data-action]:after, .panel-group-control .panel-title > a:before {
    font-family: 'icomoon';
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.list-group-item-success {
    background-color: #E8F5E9
}

a.list-group-item-success, button.list-group-item-success {
    color: #43A047
}

    a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover {
        color: #43A047;
        background-color: #d6edd8
    }

    a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover {
        color: #fff;
        background-color: #43A047;
        border-color: #43A047
    }

    .list-group-item-success, a.list-group-item-success, a.list-group-item-success:focus, a.list-group-item-success:hover {
        color: #205823
    }

.list-group-item-info {
    background-color: #E3F2FD
}

a.list-group-item-info, button.list-group-item-info {
    color: #1565C0
}

    a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover {
        color: #1565C0;
        background-color: #cbe7fb
    }

    a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover {
        color: #fff;
        background-color: #1565C0;
        border-color: #1565C0
    }

    .list-group-item-info, a.list-group-item-info, a.list-group-item-info:focus, a.list-group-item-info:hover {
        color: #104d92
    }

.list-group-item-warning {
    background-color: #FFF3E0
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #EF6C00
}

    a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover {
        color: #EF6C00;
        background-color: #ffe9c6
    }

    a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover {
        color: #fff;
        background-color: #EF6C00;
        border-color: #EF6C00
    }

    .list-group-item-warning, a.list-group-item-warning, a.list-group-item-warning:focus, a.list-group-item-warning:hover {
        color: #aa3510
    }

.list-group-item-danger {
    background-color: #FBE9E7
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #D84315
}

    a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover {
        color: #D84315;
        background-color: #f7d5d1
    }

    a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover {
        color: #fff;
        background-color: #D84315;
        border-color: #D84315
    }

    .list-group-item-danger, a.list-group-item-danger, a.list-group-item-danger:focus, a.list-group-item-danger:hover {
        color: #9c1f1f
    }


/******************************
Pills
******************************/
.nav-pills {
    margin-bottom: 20px
}

    .nav-pills > li {
        float: none
    }

        .nav-pills > li > a {
            color: #333
        }

        .nav-pills > li + li {
            margin-left: 0
        }

            .nav-pills > li + li > a {
                margin-top: 2px
            }

    .nav-pills .open > a, .nav-pills .open > a:hover, .nav-pills .open > a:focus {
        background-color: #f5f5f5
    }

    .nav-pills.nav-pills-bordered > li > a {
        border: 1px solid #ddd
    }

    .nav-pills.nav-pills-bordered > .active > a, .nav-pills.nav-pills-bordered > .active.open > a {
        border-color: #2196f3
    }

    .nav-pills.nav-pills-bordered .open > a {
        border-color: #ddd
    }

    .nav-pills.nav-pills-toolbar > li > a {
        border: 1px solid #ddd
    }

    .nav-pills.nav-pills-toolbar > .active > a, .nav-pills.nav-pills-toolbar > .active.open > a {
        border-color: #2196f3
    }

    .nav-pills.nav-pills-toolbar .open > a {
        border-color: #ddd
    }

@media (min-width:769px) {
    .nav-pills.nav-pills-toolbar > li > a {
        border: 1px solid #ddd;
        border-radius: 0
    }

    .nav-pills.nav-pills-toolbar > li:first-child > a {
        border-radius: 3px 0 0 3px
    }

    .nav-pills.nav-pills-toolbar > li:last-child > a {
        border-radius: 0 3px 3px 0
    }

    .nav-pills.nav-pills-toolbar > li + li > a {
        margin-top: 0;
        margin-left: 0;
        border-left: 0
    }
}

@media (min-width:769px) {
    .nav-pills {
        font-size: 0
    }

        .nav-pills > li {
            display: inline-block;
            font-size: 13px
        }

            .nav-pills > li + li > a {
                margin-top: 0;
                margin-left: 2px
            }

        .nav-pills.nav-justified > li {
            display: table-cell
        }
}

@media (max-width:768px) {
    .nav-pills > li > a .position-right[class*=icon-] {
        float: right;
        margin-top: 3px
    }

    .nav-pills > li > a .position-right.label, .nav-pills > li > a .position-right.badge {
        float: right;
        margin-top: 1px
    }
}

.nav-stacked > li {
    display: block
}

    .nav-stacked > li > a .pull-right[class*=icon-] {
        float: right;
        margin-top: 3px
    }

    .nav-stacked > li > a .pull-right.label, .nav-stacked > li > a .pull-right.badge {
        float: right;
        margin-top: 1px
    }

    .nav-stacked > li + li > a {
        margin-left: 0
    }


/******************************
Thumbnails
******************************/
.thumbnail {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05)
}

    .thumbnail > a {
        display: block
    }

    .thumbnail > img, .thumbnail a > img {
        width: 100%
    }

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #ddd
}

.thumbnail .caption {
    padding: 17px;
    padding-top: 20px
}

    .thumbnail .caption i.pull-right, .thumbnail .caption .icons-list.pull-right {
        margin-top: 4px
    }

    .thumbnail .caption .media-heading {
        margin-top: 0
    }

        .thumbnail .caption .media-heading:after {
            content: '';
            display: table;
            clear: both
        }

.modal-dialog .thumbnail {
    border-width: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.thumbnail > .panel-heading {
    margin: -3px;
    margin-bottom: 0
}

.thumbnail .panel-footer {
    margin: -3px;
    margin-top: 0
}

.thumbnail.no-padding img, .thumbnail.no-padding .thumb {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.thumbnail.no-padding .caption {
    padding: 20px
}

.thumbnail.no-padding .panel-heading, .thumbnail.no-padding .panel-footer {
    margin: 0
}

.thumb {
    position: relative;
    display: block
}

    .thumb img:not(.media-preview) {
        display: inline-block;
        width: 100%;
        max-width: 100%;
        height: auto
    }

    .thumb:hover .caption-zoom {
        border-radius: 0;
        -webkit-box-shadow: 0 0 0 10px rgba(0,0,0,0.7);
        box-shadow: 0 0 0 10px rgba(0,0,0,0.7)
    }

    .thumb:hover .caption-offset {
        left: 8px;
        top: 8px
    }

    .thumb .caption-collapse {
        top: 80%;
        z-index: 10;
        height: auto
    }

    .thumb:hover .thumb .caption-collapse {
        top: 100%
    }

.thumb-rounded {
    width: 60%;
    margin: 20px auto 0 auto
}

    .thumb-rounded, .thumb-rounded img {
        border-radius: 50%
    }

.caption-overflow {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    width: 100%;
    height: 100%;
    visibility: hidden;
    border-radius: inherit;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

    .caption-overflow span {
        position: absolute;
        top: 50%;
        margin-top: -17px;
        width: 100%;
        text-align: center
    }

    .caption .btn, .caption-overflow .btn {
        background-color: transparent;
        color: #fff;
    }

        .caption .btn i, .caption-overflow .btn i {
            font-size: 32px;
        }

.thumb:hover > .caption-overflow {
    background-color: rgba(0,0,0,0.7);
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100)
}

.zoom-image {
    color: #fff;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.thumb:hover .zoom-image {
    background-color: rgba(0,0,0,0.6);
    opacity: 1;
    filter: alpha(opacity=100)
}

.img-rounded + .zoom-image {
    border-radius: 3px
}

.img-circle + .zoom-image {
    border-radius: 50%
}

.zoom-image i {
    font-size: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px
}

.thumb-slide {
    overflow: hidden
}

    .thumb-slide .caption {
        position: absolute;
        bottom: -100%;
        left: 0;
        color: #fff;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.7);
        z-index: 10;
        -webkit-transition: all .1s linear;
        -o-transition: all .1s linear;
        transition: all .1s linear
    }

        .thumb-slide .caption span {
            position: absolute;
            top: 50%;
            left: 0;
            margin-top: -18px;
            width: 100%;
            text-align: center
        }

    .thumb-slide:hover .caption {
        bottom: 0
    }


/******************************
Carousel slider
******************************/
.carousel-control.left, .carousel-control.right {
    background-image: none;
}

.carousel-control {
    color: rgba(255,255,255,0.4);
}

.carousel-caption {
    padding: 0 0px 20px 0;
    background: rgba(0,0,0,0.6);
    font-family: open_sanssemibold;
    text-shadow: none;
    width: 100%;
    bottom: 0;
    left: 0;
}

    .carousel-caption h1, .carousel-caption h2, .carousel-caption h3, .carousel-caption h4, .carousel-caption h5, .carousel-caption h6 {
        font-family: open_sanslight;
        color: #fff;
        margin-top: 12px;
        margin-bottom: 2px;
    }

    .carousel-caption p {
        font-family: open_sansregular;
    }

.carousel-indicators {
    bottom: -3px;
}


/******************************
Responsive utilities
******************************/
.responsive-utilities-test span {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    padding: 15px 10px;
    border-radius: 2px;
    border: 1px solid #ddd;
}

.hidden-on .col-xs-6 .visible-lg-block, .hidden-on .col-xs-6 .visible-md-block, .hidden-on .col-xs-6 .visible-sm-block, .hidden-on .col-xs-6 .visible-xs-block, .visible-on .col-xs-6 .visible-lg-block, .visible-on .col-xs-6 .visible-md-block, .visible-on .col-xs-6 .visible-sm-block, .visible-on .col-xs-6 .visible-xs-block {
    color: rgb(70, 136, 71);
    background-color: rgb(223, 240, 216);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(214, 233, 198);
}


/******************************
Form components
******************************/
.form-group-lg .form-control {
    border-radius: 2px;
}

.input-group-addon {
    padding: 6px 12px;
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 10px;
    font-size: 14px;
    margin-top: -1px;
}

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


/******************************
User pages
******************************/
.contact-details {
    padding: 15px 15px 15px 30px;
    background-color: #fcfcfc;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.align-middle {
    vertical-align: middle;
}

.profile-cover {
    position: relative;
    margin: 50px 0 20px 0;
}

    .profile-cover + .navbar {
        margin-bottom: 40px
    }

    .profile-cover .media {
        position: absolute;
        bottom: 20px;
        left: 20px;
        right: 20px
    }

        .profile-cover .media .btn-default {
            border-color: #fcfcfc;
            -webkit-box-shadow: 0 0 3px rgba(0,0,0,.5);
            box-shadow: 0 0 3px rgba(0,0,0,.5)
        }

    .profile-cover .media-body, .profile-cover small {
        color: #fff;
        text-shadow: 0 0 3px rgba(0,0,0,.8)
    }

.profile-cover-img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
}

@media (max-width:768px) {
    .profile-cover .media {
        text-align: center;
        margin-top: 0;
        bottom: auto;
        top: 40px
    }

    .profile-cover .media-left, .profile-cover .media-right {
        padding: 0;
        display: block;
        overflow-x: auto
    }

    .profile-cover .media-body {
        display: block;
        margin-bottom: 20px;
        width: 100%
    }

        .profile-cover .media-body > h1 {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%
        }

    .profile-cover-img {
        height: 320px
    }
}

.media .profile-thumb img {
    width: 100px;
    height: 100px;
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.5);
    box-shadow: 0 0 3px rgba(0,0,0,.5)
}


/******************************
People
******************************/
ul.list-large {
    margin-left: -40px;
    margin-top: 1px;
    margin-right: -10px;
}

    ul.list-large li {
        list-style: none;
        font-size: 18px;
        color: #222;
        padding: 10px 10px 10px 15px;
        margin-bottom: 1px;
    }

        ul.list-large li.active, ul.list-large li:hover, ul.list-large li:focus {
            border-left: 5px solid #4DD0E1;
            padding: 10px;
            background: #fff;
        }

        ul.list-large li a {
            color: #222;
        }

            ul.list-large li a:hover {
                color: #222;
            }

        ul.list-large li i {
            min-width: 26px;
        }

.secondary-sidebar {
    background: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0 0 10px;
    box-shadow: 0 10px 24px 0 rgba(0,0,0,.06);
}

.media-link.active {
    background: rgba(0,0,255,0.05);
}

#contact .actions i, #contact .actions i:hover {
    color: #222;
}

.user-thumbnails {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0
}

.user-elements .heading-btn-group > .btn + .btn:not(.btn-link), .user .user-elements .icons-list > li + li, .thumbnail-heading .user-elements .icons-list > li + li {
    margin-left: 10px
}

.user-thumbnails > li {
    position: relative;
    display: inline-block;
    font-size: 13px;
    margin-left: 10px;
}

    .user-thumbnails > li img {
        height: auto;
        max-height: 32px;
        max-width: 100%;
        border-radius: 100px
    }

    .user-thumbnails > li .badge, .user-thumbnails > li .label {
        position: absolute;
        top: -8px;
        right: -8px;
        border: 2px solid #fff !important
    }

.user-default > .panel-heading .user-thumbnails > li .badge, .panel-default > .panel-heading .user-thumbnails > li .label, .panel-footer-transparent .user-thumbnails > li .badge, .panel-footer-transparent .header-thumbnails > li .label {
    border-color: #fff
}

.user-thumbnails > li .status-mark {
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: 0 0 0 2px #fff !important
}

    .user-thumbnails > li .status-mark[class*=border-] {
        background-color: #fcfcfc
    }

.panel-default > .panel-heading .user-thumbnails > li .status-mark, .panel-default > .panel-heading .user-thumbnails > li .status-mark[class*=border-], .panel-footer-transparent .header-thumbnails > li .status-mark, .panel-footer-transparent .header-thumbnails > li .status-mark[class*=border-] {
    background-color: #fff
}

.user-thumbnails-lg > li {
    background: #ececec;
    padding: 15px 13px;
    border-radius: 50px;
    cursor: pointer;
}

    .user-thumbnails-lg > li i {
        font-size: 20px;
        color: #fff;
    }

    .user-thumbnails-lg > li .status-mark {
        width: 15px;
        height: 15px;
        border: 4px solid;
    }

.user-thumbnails-xlg > li {
    margin: 0 20px 30px 0;
}

    .user-thumbnails-xlg > li > img {
        max-height: 110px
    }

    .user-thumbnails-xlg > li > i {
        font-size: 20px;
        color: #fff;
    }

    .user-thumbnails-xlg > li .status-mark {
        width: 40px;
        height: 40px;
        border: 5px solid;
        top: -5px;
        right: -5px;
        box-shadow: 0 0 0 3px #f5f5f5 !important;
        cursor: pointer
    }

        .user-thumbnails-xlg > li .status-mark[class*=border-] {
            background-color: #f5f5f5;
        }



/******************************
Messages
******************************/
.message-header {
    padding: 20px 20px 15px 0
}

.message-detail {
    margin: 0;
    padding: 0 10px 0 20px;
}

.message-toolbar i {
    font-size: 19px;
    color: #222;
    margin-left: 20px
}

.media.new {
    background: rgba(0,0,255,0.05);
}

.message-list .media-actions {
    margin: -50px 0 0 0;
}

.message-list .dropdown-menu {
    top: 40px;
    right: 20px;
}


/******************************
Emails
******************************/
.menu-list {
    margin: 0px;
    overflow: hidden;
    padding: 0;
}

    .menu-list .list-title {
        text-transform: uppercase;
        color: #313D4F;
        font-family: 'open_sanssemibold';
    }

    .menu-list i {
        color: #313D4F;
    }

    .menu-list ul {
        margin: 0;
        position: absolute;
        display: none;
        left: 110%;
        width: 100%
    }

    .menu-list li {
        position: relative;
        margin-top: 1px;
        list-style: none;
    }

        .menu-list li:first-child {
            margin-top: 0
        }

        .menu-list li > a {
            display: block;
            color: #313D4F;
            padding: 6px 12px 7px;
            border-radius: 2px
        }

            .menu-list li > a:focus, .menu-list li > a:hover {
                background-color: #313D4F;
                color: #fff;
                text-decoration: none;
            }

                .menu-list li > a:focus i, .menu-list li > a:hover i {
                    color: #fff;
                }

            .menu-list li > a > i {
                margin-right: 6px;
                font-size: 14px;
                top: -2px;
            }

.dd-wrapper .dd-header h6 > i, .menu-heading > i {
    margin-right: 7px
}

.menu-list li > a > .badge, .menu-list li > a > .label {
    float: right;
    margin-left: 7px;
    margin-top: 3px;
    font-size: 9px;
    padding: 3px 5px 1px 4px;
}

.menu-list li.active > a, .menu-list li.active > a:focus, .menu-list li.active > a:hover {
    color: #fff;
    background-color: #52D1E2
}

.menu-list li.disabled > a, .menu-list li.disabled > a:focus, .menu-list li.disabled > a:hover {
    background-color: transparent;
    color: #999;
    cursor: not-allowed
}

    .menu-list li.disabled > a > .badge, .menu-list li.disabled > a > .label, .menu-list li.disabled > a > img {
        opacity: .8;
        filter: alpha(opacity=80)
    }

.media-email .media-body {
    padding-right: 20px;
}

.media-email .media-actions {
    margin: -130px -5px 0 0;
}

    .media-email .media-actions i {
        font-size: 14px;
    }

.media-email .dropdown-menu {
    top: 25%;
    right: 10px;
}

.media-email i.icon-attachment {
    top: 1px;
    left: 10px;
}

.media-email i.icon-flag7 {
    top: 1px;
    left: 15px;
}

.media-email p {
    font-size: 11px;
    margin: 0;
    padding: 5px 0 0 0;
}

.media-email .checker {
    float: left;
    top: 20px;
    left: 12px;
}

.media-list-linked.media-email .media-link {
    padding: 10px 10px 10px 40px
}

.subject-line {
    margin-bottom: 20px;
    padding: 0 0 0 20px;
}


/******************************
User cards
******************************/
.team {
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    text-align: center;
    padding: 0;
    background-color: #284c79;
    color: rgba(255,255,255,0.8);
    border-radius: 0;
}

    .team .btn-icon, .common-card .btn-icon {
        padding: 8px 10px;
    }

        .team .btn-icon i, .common-card .btn-icon i {
            font-size: 16px;
        }

    .team .header-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 40%;
        border-bottom: 1px solid rgba(255,255,255,0.4);
        z-index: 1;
        overflow: hidden;
    }

    .team .avatar {
        position: relative;
        margin-top: 35px;
        z-index: 100;
    }

        .team .avatar img {
            width: 60%;
            height: 60%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            border: 5px solid rgba(0,0,30,0.2);
        }

            .team .avatar img:hover {
                background: rgba(0,0,0,0.3);
            }

    .team .header-blur {
        -webkit-filter: blur(25px);
        -moz-filter: blur(25px);
        -o-filter: blur(25px);
        -ms-filter: blur(25px);
        filter: blur(25px);
        margin-left: -50px;
        margin-top: -200px;
        min-width: 140%;
    }

.avatar .dropdown-menu {
    top: 150px;
    left: 35px;
}