html {
    height: 100%;
}

body {
    height: 100%;
    position: relative;
}

.fullpage {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    overflow: auto;
}

.rr + .rr {
    border-top: 1px solid #ccc;
    padding-top: 15px;
}

.navbar-form {
    padding: 0;
}


    .navbar-form .control-label {
        color: #fff;
    }

@media (max-width: 767px) {
    .navbar-form{
        margin: 0px;
        padding: 5px 10px;
        background: #ffffcc;
    }

    .navbar-form .control-label {
        color: #555;
    }
}

.form-horizontal .control-label {
    font-weight: normal;
}

.navbar-default {
    background: #005da0;
}

    .navbar-default.navbar-fixed-bottom {
        background: #ffffcc;
    }

    .navbar-default .navbar-nav > li > a {
        background: #005da0;
        color: #fff;
        text-shadow: none;
    }

        .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li.open > a, .navbar-default .navbar-nav > li.open > a:hover {
            color: #fff;
            background: rgba(255,255,255,0.25);
        }

    .navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {
        color: #fff;
    }
    /*    .navbar-default .navbar-brand:hover {
            background: rgba(255,255,255,0.15);
        }
    }*/

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
        background: #0081e0;
        color: #fff;
    }

        .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
            background: #0077ce;
            color: #fff;
        }

    .navbar-default .navbar-header.right {
        float: right;
        margin-right: -15px;
    }

    .navbar-default .title {
        position: absolute;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 26px;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 50px;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
    }

.n-left {
    height: 100%;
    margin-right: 450px;
    padding-left: 15px;
}

.n-right {
    height: 100%;
    width: 450px;
    float: right;
    padding: 0 15px;
}

@media (max-width: 767px) {
    .n-left {
        height: auto;
        margin-right: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .n-right {
        height: auto;
        width: 100%;
        float: none;
        padding: 0 15px;
    }
}

.panel-heading .inline-form {
    margin-top: -7px;
    margin-right: -27px;
}

.panel-body .check-select {
    position: absolute;
    right: 10px;
    top: 10px;
}

.form-inline .pull-left {
    margin-left: 5px;
    padding-top: 5px;
}

@media(max-width: 767px) {
    .form-inline .form-control {
        width: auto;
    }
}

.summary-place {
    position: absolute;
    bottom: -45px;
    right: 0;
}

    .summary-place .panel {
        margin: 0;
    }

        .summary-place .panel .panel-heading {
            cursor: pointer;
        }

    .summary-place table {
        margin: 0;
    }


/**** portlet ****/

/* Basic portlet */
.portlet {
    margin-top: 0px;
    margin-bottom: 25px;
    padding: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

    .portlet.portlet-fullscreen {
        z-index: 10060;
        margin: 0;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: #fff;
    }

        .portlet.portlet-fullscreen > .portlet-body {
            overflow-y: auto;
            overflow-x: hidden;
            padding: 0 10px;
        }

        .portlet.portlet-fullscreen > .portlet-title {
            padding: 0 10px;
        }

    .portlet > .portlet-title {
        border-bottom: 1px solid #eee;
        padding: 0;
        margin-bottom: 10px;
        min-height: 41px;
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        -ms-border-radius: 4px 4px 0 0;
        -o-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
    }

        .portlet > .portlet-title:before,
        .portlet > .portlet-title:after {
            content: " ";
            display: table;
        }

        .portlet > .portlet-title:after {
            clear: both;
        }

        .portlet > .portlet-title > .caption {
            float: left;
            display: inline-block;
            font-size: 18px;
            line-height: 18px;
            padding: 10px 0;
        }

            .portlet > .portlet-title > .caption.bold {
                font-weight: 400;
            }

            .portlet > .portlet-title > .caption > i {
                float: left;
                margin-top: 4px;
                display: inline-block;
                font-size: 13px;
                margin-right: 5px;
                color: #666;
            }

                .portlet > .portlet-title > .caption > i.glyphicon {
                    margin-top: 2px;
                }

            .portlet > .portlet-title > .caption > .caption-helper {
                padding: 0;
                margin: 0;
                line-height: 13px;
                color: #9eacb4;
                font-size: 13px;
                font-weight: 400;
            }

        .portlet > .portlet-title > .actions {
            float: right;
            display: inline-block;
            padding: 6px 0;
        }

            .portlet > .portlet-title > .actions > .dropdown-menu i {
                color: #555555;
            }

            .portlet > .portlet-title > .actions > .btn,
            .portlet > .portlet-title > .actions > .btn.btn-sm,
            .portlet > .portlet-title > .actions > .btn-group > .btn,
            .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm {
                padding: 4px 10px;
                font-size: 13px;
                line-height: 1.5;
            }

                .portlet > .portlet-title > .actions > .btn.btn-default,
                .portlet > .portlet-title > .actions > .btn.btn-sm.btn-default,
                .portlet > .portlet-title > .actions > .btn-group > .btn.btn-default,
                .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm.btn-default {
                    padding: 3px 9px;
                }

                .portlet > .portlet-title > .actions > .btn > i,
                .portlet > .portlet-title > .actions > .btn.btn-sm > i,
                .portlet > .portlet-title > .actions > .btn-group > .btn > i,
                .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm > i {
                    font-size: 13px;
                }

            .portlet > .portlet-title > .actions .btn-icon-only {
                padding: 5px 7px 3px 7px;
            }

                .portlet > .portlet-title > .actions .btn-icon-only.btn-default {
                    padding: 4px 6px 2px 6px;
                }

                    .portlet > .portlet-title > .actions .btn-icon-only.btn-default > i {
                        font-size: 14px;
                    }

                    .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen {
                        font-family: FontAwesome;
                        color: #a0a0a0;
                        padding-top: 3px;
                    }

                        .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.btn-sm {
                            padding: 3px 3px !important;
                            height: 27px;
                            width: 27px;
                        }

                        .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen:before {
                            content: "\f065";
                        }

                        .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.on:before {
                            content: "\f066";
                        }

        .portlet > .portlet-title > .tools {
            float: right;
            display: inline-block;
            padding: 12px 0 8px 0;
        }

            .portlet > .portlet-title > .tools > a {
                display: inline-block;
                height: 16px;
                margin-left: 5px;
                opacity: 1;
                filter: alpha(opacity=100);
            }

                .portlet > .portlet-title > .tools > a.remove {
                    background-image: url(../img/portlet-remove-icon.png);
                    background-repeat: no-repeat;
                    width: 11px;
                }

                .portlet > .portlet-title > .tools > a.config {
                    background-image: url(../img/portlet-config-icon.png);
                    background-repeat: no-repeat;
                    width: 12px;
                }

                .portlet > .portlet-title > .tools > a.reload {
                    background-image: url(../img/portlet-reload-icon.png);
                    width: 13px;
                }

                .portlet > .portlet-title > .tools > a.expand {
                    background-image: url(../img/portlet-expand-icon.png);
                    width: 14px;
                    visibility: visible;
                }

                .portlet > .portlet-title > .tools > a.collapse {
                    background-image: url(../img/portlet-collapse-icon.png);
                    width: 14px;
                    visibility: visible;
                }

                .portlet > .portlet-title > .tools > a.fullscreen {
                    display: inline-block;
                    top: -3px;
                    position: relative;
                    font-size: 13px;
                    font-family: FontAwesome;
                    color: #ACACAC;
                }

                    .portlet > .portlet-title > .tools > a.fullscreen:before {
                        content: "\f065";
                    }

                    .portlet > .portlet-title > .tools > a.fullscreen.on:before {
                        content: "\f066";
                    }

                .portlet > .portlet-title > .tools > a:hover {
                    text-decoration: none;
                    -webkit-transition: all 0.1s ease-in-out;
                    -moz-transition: all 0.1s ease-in-out;
                    -o-transition: all 0.1s ease-in-out;
                    -ms-transition: all 0.1s ease-in-out;
                    transition: all 0.1s ease-in-out;
                    opacity: 0.8;
                    filter: alpha(opacity=80);
                }

        .portlet > .portlet-title > .pagination {
            float: right;
            display: inline-block;
            margin: 2px 0 0 0;
            border: 0;
            padding: 4px 0;
        }

        .portlet > .portlet-title > .nav-tabs {
            background: none;
            margin: 1px 0 0 0;
            float: right;
            display: inline-block;
            border: 0;
        }

            .portlet > .portlet-title > .nav-tabs > li {
                background: none;
                margin: 0;
                border: 0;
            }

                .portlet > .portlet-title > .nav-tabs > li > a {
                    background: none;
                    margin: 5px 0 0 1px;
                    border: 0;
                    padding: 8px 10px;
                    color: #fff;
                }

                .portlet > .portlet-title > .nav-tabs > li.active > a,
                .portlet > .portlet-title > .nav-tabs > li:hover > a {
                    color: #333;
                    background: #fff;
                    border: 0;
                }

    .portlet > .portlet-body {
        clear: both;
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        -ms-border-radius: 0 0 4px 4px;
        -o-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
    }

        .portlet > .portlet-body p {
            margin-top: 0;
        }

    .portlet > .portlet-empty {
        min-height: 125px;
    }

    .portlet.full-height-content {
        margin-bottom: 0;
    }

    /* Portlet background colors */
    /* Side bordered portlet */
    .portlet.bordered {
        border-left: 2px solid #e6e9ec !important;
    }

        .portlet.bordered > .portlet-title {
            border-bottom: 0;
        }

    /* Solid colored portlet */
    .portlet.solid {
        padding: 0 10px 10px 10px;
        border: 0px;
    }

        .portlet.solid > .portlet-title {
            border-bottom: 0;
            margin-bottom: 10px;
        }

            .portlet.solid > .portlet-title > .caption {
                padding: 16px 0 2px 0;
            }

            .portlet.solid > .portlet-title > .actions {
                padding: 12px 0 6px 0;
            }

            .portlet.solid > .portlet-title > .tools {
                padding: 14px 0 6px 0;
            }

        /* Solid bordered portlet */
        .portlet.solid.bordered > .portlet-title {
            margin-bottom: 10px;
        }

    /* Box portlet */
    .portlet.box {
        padding: 0px !important;
    }

        .portlet.box > .portlet-title {
            border-bottom: 0;
            padding: 0 10px;
            margin-bottom: 0;
            color: #fff;
        }

            .portlet.box > .portlet-title > .caption {
                padding: 11px 0 9px 0;
            }

            .portlet.box > .portlet-title > .tools > a.remove {
                background-image: url(../img/portlet-remove-icon-white.png);
            }

            .portlet.box > .portlet-title > .tools > a.config {
                background-image: url(../img/portlet-config-icon-white.png);
            }

            .portlet.box > .portlet-title > .tools > a.reload {
                background-image: url(../img/portlet-reload-icon-white.png);
            }

            .portlet.box > .portlet-title > .tools > a.expand {
                background-image: url(../img/portlet-expand-icon-white.png);
            }

            .portlet.box > .portlet-title > .tools > a.collapse {
                background-image: url(../img/portlet-collapse-icon-white.png);
            }

            .portlet.box > .portlet-title > .tools > a.fullscreen {
                color: #fdfdfd;
            }

            .portlet.box > .portlet-title > .actions {
                padding: 7px 0 5px 0;
            }

        .portlet.box > .portlet-body {
            background-color: #fff;
            padding: 15px;
        }

    /* Light Portlet */
    .portlet.light {
        padding: 12px 20px 15px 20px;
        background-color: #fff;
    }

        .portlet.light.bordered {
            border: 1px solid #e7ecf1 !important;
        }

            .portlet.light.bordered > .portlet-title {
                border-bottom: 1px solid #eef1f5;
            }

        .portlet.light.bg-inverse {
            background: #f1f4f7;
        }

        .portlet.light > .portlet-title {
            padding: 0;
            min-height: 48px;
        }

            .portlet.light > .portlet-title > .caption {
                color: #666;
                padding: 10px 0;
            }

                .portlet.light > .portlet-title > .caption > .caption-subject {
                    font-size: 16px;
                }

                .portlet.light > .portlet-title > .caption > i {
                    color: #777;
                    font-size: 15px;
                    font-weight: 300;
                    margin-top: 3px;
                }

                .portlet.light > .portlet-title > .caption.caption-md > .caption-subject {
                    font-size: 15px;
                }

                .portlet.light > .portlet-title > .caption.caption-md > i {
                    font-size: 14px;
                }

            .portlet.light > .portlet-title > .actions {
                padding: 6px 0 14px 0;
            }

                .portlet.light > .portlet-title > .actions .btn-default {
                    color: #666;
                }

                .portlet.light > .portlet-title > .actions .btn-icon-only {
                    height: 27px;
                    width: 27px;
                }

                .portlet.light > .portlet-title > .actions .dropdown-menu li > a {
                    color: #555;
                }

            .portlet.light > .portlet-title > .inputs {
                float: right;
                display: inline-block;
                padding: 4px 0;
            }

                .portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > i {
                    font-size: 14px;
                    margin-top: 9px;
                }

                .portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > .form-control {
                    height: 30px;
                    padding: 2px 26px 3px 10px;
                    font-size: 13px;
                }

                .portlet.light > .portlet-title > .inputs > .portlet-input > .form-control {
                    height: 30px;
                    padding: 3px 10px;
                    font-size: 13px;
                }

            .portlet.light > .portlet-title > .pagination {
                padding: 2px 0 13px 0;
            }

            .portlet.light > .portlet-title > .tools {
                padding: 10px 0 13px 0;
                margin-top: 2px;
            }

            .portlet.light > .portlet-title > .nav-tabs > li {
                margin: 0;
                padding: 0;
            }

                .portlet.light > .portlet-title > .nav-tabs > li > a {
                    margin: 0;
                    padding: 12px 13px 13px 13px;
                    font-size: 13px;
                    color: #666;
                }

                .portlet.light > .portlet-title > .nav-tabs > li.active > a,
                .portlet.light > .portlet-title > .nav-tabs > li:hover > a {
                    margin: 0;
                    background: none;
                    color: #333;
                }

        .portlet.light.form-fit {
            padding: 0;
        }

            .portlet.light.form-fit > .portlet-title {
                padding: 17px 20px 10px 20px;
                margin-bottom: 0;
            }

        .portlet.light .portlet-body {
            padding-top: 8px;
        }

        .portlet.light.portlet-fullscreen > .portlet-body {
            padding: 8px 0;
        }

        .portlet.light.portlet-fit {
            padding: 0;
        }

            .portlet.light.portlet-fit > .portlet-title {
                padding: 15px 20px 10px 20px;
            }

            .portlet.light.portlet-fit > .portlet-body {
                padding: 10px 20px 20px 20px;
            }

            .portlet.light.portlet-fit.portlet-form > .portlet-body {
                padding: 0;
            }

            .portlet.light.portlet-fit.portlet-form > .portlet-body {
                padding: 0;
            }

                .portlet.light.portlet-fit.portlet-form > .portlet-body .form-actions {
                    background: none;
                }

        .portlet.light.portlet-datatable.portlet-fit > .portlet-body {
            padding-top: 10px;
            padding-bottom: 25px;
        }

.tab-pane > p:last-child {
    margin-bottom: 0px;
}

/* Reverse aligned tabs */
.tabs-reversed > li {
    float: right;
    margin-right: 0;
}

    .tabs-reversed > li > a {
        margin-right: 0;
    }



.portlet.box.default {
    border: 1px solid #ccc;
    border-top: 0;
}

    .portlet.box.default > .portlet-title {
        background-color: #e1e5ec;
    }

        .portlet.box.default > .portlet-title > .caption {
            color: #666;
        }

            .portlet.box.default > .portlet-title > .caption > i {
                color: #666;
            }

        .portlet.box.default > .portlet-title > .actions .btn-default {
            background: transparent !important;
            background-color: transparent !important;
            border: 1px solid white;
            color: white;
        }

            .portlet.box.default > .portlet-title > .actions .btn-default > i {
                color: white;
            }

            .portlet.box.default > .portlet-title > .actions .btn-default:hover,
            .portlet.box.default > .portlet-title > .actions .btn-default:focus,
            .portlet.box.default > .portlet-title > .actions .btn-default:active,
            .portlet.box.default > .portlet-title > .actions .btn-default.active {
                border: 1px solid white;
                color: white;
            }



.portlet.fixed-title {
    position: relative;
    padding-top: 40px !important;
    z-index: 0;
}

    .portlet.fixed-title .portlet-title {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: 9999;
    }

    .portlet.fixed-title .portlet-body {
    }


.badge.danger{
    background: #e97d7d;
}
.badge.warning{
    background: #ffe866;
    color: #666
}
.badge.success{
    background: #2781c3;
}
.badge.disable{
    background: #717171;
}

.select2-results li[aria-selected=true]{
    display: none;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
    }

    .navbar-default .navbar-nav > li > a {
        background: #fff;
        color: #333;
        text-shadow: none;
    }

    .navbar-nav {
        margin: 0px -15px;
    }

    .navbar-default .navbar-nav > li > a:focus, 
    .navbar-default .navbar-nav > li > a:hover, 
    .navbar-default .navbar-nav > li.open > a, 
    .navbar-default .navbar-nav > li.open > a:hover, 
    .navbar-default .navbar-nav > li.open > a:focus  {
        background: #f0f0f0;
        color: #333;
    }

    .navbar-nav .open .dropdown-menu {
        background: #f6f6f6;
    }

    .navbar-toggle {
        background-color: #f0f0f0;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background: #333;
    }
}