@import "icons.css";
@import "colors.css";
@import "third-party.css"; /************************CUSTOM BOOTSTRAP*************************/

span.fit {
    position: absolute;
    top: 6px;
}

span.icon_flag {
    position: relative;
    top: -2px;
}

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

.padding-reset {
    padding: 0!important;
}

.quick-buttons {
    margin: 0 20px;
    margin-bottom: 30px;
}

.thumbnails {
    margin-top: 10px;
    padding: 0 10px!important;
}

.img-box .thumbnail {
    display: block;
    margin: 0!important;
    margin: 7px 5px!important;
}

.img-polaroid, img-circle, img-rounded {
    margin-bottom: 10px;
}

.approved {
    opacity: 0.5;
}

.caret {
    border-top: 4px solid #fff;
}

.progress {
    height: 17px;
}

label, input, button, select, textarea {
    font-size: 15px!important;
    font-weight: normal;
    line-height: 20px;
}

.rowelement .radio.inline, .rowelement .checkbox.inline {
    padding-top: 0;
    margin-bottom: 0;
}

.rowelement input[type="checkbox"].checkbox-uniform, .rowelement input[type="radio"].radio-uniform {
    margin-left: 0;
}

form .button span {
    border: 1px solid #e5e5e5;
    display: inline-block;
    margin-right: 20px;
}

form .button button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 20px;
    border: 1px solid #fff;
    background: url(../images/elements/others/button.png) repeat;
    display: block;
    padding: 5px 10px 4px 10px;
    color: #757474;
    text-align: center;
    cursor: pointer;
}

    form .button button:hover {
        background: url(http://www.pauloreg.com/(404)) repeat;
    }

form.default {
    margin: 0;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mr10 {
    margin-right: 10px;
}

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.pad20 {
    padding: 20px!important;
}
/************************BASIC STYLES*************************/ /******** Body - General ********/

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #333;
    background: url(../img/backgrounds/subtle_white_feathers.png) repeat;
    padding-top: 30px;
}

p {
    color: #666;
}

h1 {
    font-size: 30px;
    line-height: 36px;
}

h2 {
    font-size: 24px;
    line-height: 36px;
}

h3 {
    font-size: 18px;
    line-height: 27px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 11px;
}

h4, h5, h6 {
    line-height: 18px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif!important;
    text-rendering: optimizelegibility;
    margin: 0;
    font-weight: bold;
    color: #485b79;
}

blockquote p {
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 300;
    line-height: 22.5px;
}

.help-block {
    font-size: 11px;
    color: #777;
}

.help-inline {
    color: #777;
}

.tar {
    text-align: right;
}

.tal {
    text-align: center;
}

.tac {
    text-align: center;
}
/******** Formatting ********/

ul {
    list-style: none;
    padding: 5px 20px;
    padding-right: 0;
}

    ul.unordered {
        list-style: inside;
        padding: 0;
        margin: 0 0 20px 10px;
    }

    ul.icons {
        padding: 0;
        margin: 0 0 20px 10px;
    }

    ul.unordered li ul {
        list-style: circle;
    }

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

.grid-set {
    margin-bottom: 3.0%;
}

.heading-separator {
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #fff;
    margin-bottom: 3.0%;
}

.mr-bt {
    margin-bottom: 3.0%;
}

.iconsGroup {
    padding: 0;
    margin: 0;
    margin-left: 10px;
    list-style: none;
}

    .iconsGroup li {
        width: 32%;
        float: left;
        padding: 5px 0;
    }
/******** Login ********/

#login_logo {
    background: url(../../img/logo.jpg) no-repeat;
    width: 151px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: center;
}

.login-alert {
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.form-signin {
    max-width: 300px;
    padding: 19px 29px 29px;
    margin: 0 auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

    .form-signin .form-signin-heading, .form-signin .checkbox {
        margin-bottom: 10px;
    }

    .form-signin input[type="text"], .form-signin input[type="password"] {
        height: auto;
        margin-bottom: 15px;
    }

.login-content {
    padding-top: 8.0%!important;
}
/******** Header ********/

.navbar-inner {
    background: url(../img/headers/carbon.png) repeat;
    border-bottom: 4px solid #fff!important;
}

.navbar-fixed-top {
    margin-bottom: 0;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
}

#header h1 {    
    /*background: url(../logo.png) no-repeat;*/
    width: 268px;
    height: 80px;
    margin-top: 0px;
}

#logo {
    float: left;
}

#info {
    float: right;
    padding-top: 7px;
}

ul#userBox {
    margin: 0;
    padding: 0;
    margin-right: 5px;
}

    ul#userBox li {
        position: relative;
        float: left;
        cursor: pointer;
        padding: 5px;
        color: #fff;
        margin-left: 15px;
    }

        ul#userBox li a {
            display: inline-block;
            font-size: 12px;
            text-decoration: none;
            color: #fff;
        }

            ul#userBox li a img {
                margin-right: 5px;
                position: relative;
                top: 2px;
            }

        ul#userBox li span.notify {
            position: relative;
            top: -1px;
            text-align: center;
            background: url(../images/elements/others/number.png) repeat-x;
            display: inline-block;
            padding: 0 5px;
            color: #fff;
            margin-left: 5px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            -o-border-radius: 2px;
            -ms-border-radius: 2px;
            -khtml-border-radius: 2px;
            border-radius: 2px;
            font-size: 11px;
            line-height: 15px;
        }

.dropdown-menu, .box-control {
    position: relative;
    z-index: 1000;
}

.dropdown-menu {
    position: absolute;
}

ul#userBox .dropdown-menu {
    border: 1px solid #333;
    border-radius: 0;
    padding: 0;
    margin: 0;
    background: #424242!important;
}

ul#userBox li ul.dropdown-menu {
    width: 160px;
    position: absolute;
    right: 0;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    padding: 0;
}

ul#userBox li > ul.dropdown-menu {
    top: 33px;
    left: auto;
    font-size: 11px;
    padding: 0;
    margin: 0;
    border-radius: 0;
}

ul#userBox li ul.dropdown-menu li {
    border: none;
    padding: 0;
    margin: 0;
}

    ul#userBox li ul.dropdown-menu li a {
        border: none;
        width: 160px;
        display: inline-block;
        padding: 5px 10px;
        line-height: 34px;
        position: relative;
        text-decoration: none;
        background: #424242;
        border-top: 1px solid #545454;
        border-bottom: 1px solid #1c1c1c;
        color: #f2f2f2;
        text-shadow: 0 1px 0 #303030;
    }

        ul#userBox li ul.dropdown-menu li a img {
            position: relative;
            top: -2px;
        }

        ul#userBox li ul.dropdown-menu li a:hover {
            background: #545454;
            text-decoration: none;
            color: #fff;
        }

            ul#userBox li ul.dropdown-menu li a:hover .icon-inbox {
                background: url(../images/icons/set-1/inbox_hover.png) no-repeat;
            }

            ul#userBox li ul.dropdown-menu li a:hover .icon-sentbox {
                background: url(../images/icons/set-1/outgoing_hover.png) no-repeat;
            }

            ul#userBox li ul.dropdown-menu li a:hover .icon-suitcase {
                background: url(../images/icons/set-1/suitcase_hover.png) no-repeat;
            }

            ul#userBox li ul.dropdown-menu li a:hover .icon-doc {
                background: url(../images/icons/set-1/doc_hover.png) no-repeat;
            }

            ul#userBox li ul.dropdown-menu li a:hover .icon-modify {
                background: url(../images/icons/set-1/pencil_hover.png) no-repeat;
            }

            ul#userBox li ul.dropdown-menu li a:hover .icon-acc {
                background: url(../images/icons/set-1/cog_hover.png) no-repeat;
            }

            ul#userBox li ul.dropdown-menu li a:hover .icon-off {
                background: url(../images/icons/set-1/logoff_hover.png) no-repeat;
            }

    ul#userBox li ul.dropdown-menu li.divider {
        width: 160px;
        margin: 0;
        padding: 0;
        background: #333;
        border-top: 1px solid #333;
    }
/******** Main ********/

.bg {
    background: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 3px 3px 0 0;
}

#main {
    padding-top: 85px;
}

    #main .container-fluid {
        padding-right: 2.31%;
        padding-left: 2.31%;
    }

.sidebar {
    float: left;
    width: 100%;
    border: 1px solid #d5d5d5;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: none;
    border-left: none;
    overflow: hidden;
}

    .sidebar p {
        margin: 0;
    }

    .sidebar.tb {
        border-top-right-radius: 3px;
    }
/* sidebar-wrap */

.sidebar-wrap {
    border: 1px solid #fff;
    border-top: 1px solid #d5d5d5;
    border-left: none;
    border-right: none;
    background: #f7f7f7;
    padding: 20px;
}

    .sidebar-wrap h2 {
        font-size: 12px;
        padding: 0 10px;
        border: 1px solid #d8d8d8;
        background: #fff;
        margin-bottom: 10px;
        text-transform: uppercase;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }

.sidebar-news {
    margin-bottom: 10px;
}

    .sidebar-news:last-child {
        margin-bottom: 0;
    }
/* sidebar-options */

.sidebar-options {
    border: 1px solid #fff;
    border-top: 1px solid #d5d5d5;
    border-left: none;
    border-right: none;
    background: #f7f7f7;
}

    .sidebar-options:first-child {
        border-top: none;
    }

.sidebar-actions, .bread-actions {
    text-align: center;
    margin: 0;
    padding: 0;
}

    .sidebar-actions li {
        display: inline-block;
        margin: 0;
        line-height: 34px;
    }

        .sidebar-actions li a {
            line-height: 34px;
            margin-left: -5px;
            padding: 10px;
            border-left: 1px solid #d5d5d5;
        }

            .sidebar-actions li a:hover {
                background: #eee;
            }

        .sidebar-actions li:last-child {
            border-right: 1px solid #d5d5d5;
        }

.user-image {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}

.user-info {
    float: left;
    font-size: 11px;
    margin-top: 12px;
    margin-left: 10px;
    color: #f2f2f2;
    text-shadow: 0 1px 0 #fff;
}
/* sidebar-search */

a.search-action {
    position: relative;
}

.sidebar-search {
    position: absolute;
    display: none;
    padding: 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.searchForm {
    position: relative;
    background: #737576;
    padding: 10px;
    padding-bottom: 0;
}

.sidebar-search input[type=text] {
    padding: 6px 8px 7px 8px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #5c5e5e;
    background: #888a8a;
    color: #fff;
    width: 180px;
}

.sidebar-search button {
    width: 20px;
    height: 27px;
    position: absolute;
    right: 14px;
    top: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.sidebar-search span.icon-search {
    position: relative;
    top: -1px;
    left: 1px;
}

.sidebar-search-drop-arrow {
    background: url(../images/elements/others/top-arrow.png) no-repeat;
    width: 13px;
    height: 6px;
    position: absolute;
    left: 48%;
    top: 4px;
    margin-left: -6px;
    display: block;
}
/* Sidebar notes */

.sidebar-note {
    background: url(../images/elements/note/sidebar-note-top.png) no-repeat top center;
    padding-top: 38px;
    margin-bottom: 10px;
}

    .sidebar-note .sidebar-note-container {
        background: url(../images/elements/note/sidebar-note-middle.png) repeat-y top center;
        padding: 3px 35px 0 40px;
    }

        .sidebar-note .sidebar-note-container p, .sidebar-note .sidebar-note-container h2 {
            margin: 0;
            color: #807160;
            line-height: 20px;
            font-size: 11px;
        }

        .sidebar-note .sidebar-note-container h2 {
            color: #665b4c;
        }

    .sidebar-note .sidebar-note-bottom {
        background: url(../images/elements/note/sidebar-note-bottom.png) no-repeat bottom center;
        padding-bottom: 34px;
    }
/* nav */

.side-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .side-nav li span.search {
        text-align: center;
    }

    .side-nav li a {
        display: block;
        line-height: 34px;
        position: relative;
        text-decoration: none;
        padding-left: 10px;
        background: #f7f7f7;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #d5d5d5;
        color: #666;
        text-shadow: 0 1px 0 #fff;
    }

        .side-nav li a:hover, .side-nav li a.current {
            background: #eee;
        }

    .side-nav li ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .side-nav li ul li a {
            color: #666;
            text-transform: none;
            font-weight: normal;
            font-size: 11px;
            padding-left: 30px;
            background: #e3e3e3;
            border-top: 1px solid #d5d5d5;
            border-bottom: none;
        }

        .side-nav li ul li .sidenav-icon {
            height: 20px;
            width: 20px;
            display: block;
            position: absolute;
            left: 10px;
            top: 7px;
        }

            .side-nav li ul li .sidenav-icon .sidenav-link-color {
                width: 10px;
                height: 40px;
                display: block;
                position: absolute;
                left: -10px;
                top: -7px;
                background: #fff;
            }

        .side-nav li ul li a:hover .sidenav-icon .sidenav-link-color {
            background: #666;
        }

    .side-nav li a .sidenav-icon {
        height: 20px;
        width: 20px;
        position: absolute;
        left: 10px;
        top: 7px;
    }

.pagetitle {
    border-left: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    padding: 10px 20px 5px 20px;
    border-bottom-left-radius: 3px;
    margin-bottom: 30px;
    background: #f7f7f7;
}

#main-content {
    padding-right: 30px;
    margin-top: 10px;
}
/* general */

.fix {
    position: fixed;
}

.breadcrumb {
    padding: 4px 14px;
    margin: 0 0 25px 0;
    list-style: none;
    font-size: 11px;
    background: url(../images/elements/others/nav_bg.png);
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 #f9f9f9;
    -moz-box-shadow: inset 0 1px 0 #f9f9f9;
    box-shadow: inset 0 1px 0 #f9f9f9;
}

    .breadcrumb li {
        display: inline-block;
        *display: inline;
        text-shadow: 0 1px 0 #ffffff;
        *zoom: 1;
    }

    .breadcrumb .divider {
        padding: 0 5px;
        color: #999999;
    }

    .breadcrumb .active a {
        color: #333333;
    }

    .breadcrumb .icon-home {
        display: inline-block;
        position: relative;
        top: -2px;
        margin-right: 6px;
    }

.title {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d5d5d5;
    line-height: 34px;
    position: relative;
    text-decoration: none;
    padding-left: 10px;
    margin-bottom: 2.9%;
    font-weight: bold;
    border-bottom: 1px solid #c2c2c2;
    background: #dadada;
    color: #444;
    font-size: 13px;
}

.well {
    margin: 0;
    padding: 25px 0 20px 0;
    text-align: center;
}

ul#mini-stats {
    padding: 0;
    margin: 0;
}

    ul#mini-stats li {
        display: inline-block;
        color: #777;
        margin-left: 10px;
    }

        ul#mini-stats li a {
            color: #aaa;
            font-weight: bold;
            text-shadow: 0 1px 0 #fff;
            margin-bottom: 5px;
        }

#content {
    margin: 10px 0;
}
/* box */

.box {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border: 1px solid #d5d5d5;
    box-shadow: 0 1px 0 rgba(0,0,0,0.11);
}

.grid-set .box {
    margin-bottom: 0;
}

.box:before, .box:after {
    content: "";
    display: table;
}

.box:after {
    clear: both;
}

.box .header {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    position: relative;
    background: url(../images/elements/others/nav_bg.png) repeat;
    box-shadow: inset 0 1px 0 #fff, 0 1px 2px rgba(0,0,0,0.02);
}

    .box .header ul.ui-tabs {
        height: 33px;
    }

    .box .header h4 {
        position: relative;
        padding: 9px 0;
        padding-top: 8px;
        padding-left: 10px;
        border-bottom: 1px solid #c2c2c2;
        margin: 0;
        font-size: 13px;
        color: #444;
        line-height: 20px;
        height: 19px;
    }

.box .content {
    padding: 0;
    margin: 0;
}

.content.pad {
    padding: 0 10px;
    margin: 10px 0;
}

.box .content:before, .box .content:after {
    content: "";
    display: table;
}

.box .content:after {
    clear: both;
}

.box .content .hero-unit {
    padding: 0 10px;
    margin: 0;
}

.box-control {
    position: absolute;
    top: 0;
    right: 0;
    border-left: #c9c9c9 1px solid;
}

    .box-control .btn {
        border: none;
        -webkit-border-radius: 0 3px 0 0;
        -moz-border-radius: 0 3px 0 0;
        border-radius: 0 3px 0 0;
        line-height: 28px;
    }

    .box-control .dropdown-menu {
        border-radius: 0!important;
        background: #e8e8e8;
        margin: 0;
        padding: 0;
        top: 36px;
    }

        .box-control .dropdown-menu li {
            width: 100%;
            display: inline-block;
            margin: 0;
            line-height: 34px;
        }

        .box-control .dropdown-menu .divider {
            background: #e8e8e8;
            border-bottom: 1px solid #e8e8e8;
            margin: 0;
            padding: 0;
            width: 100%;
        }

        .box-control .dropdown-menu li a {
            display: block;
            line-height: 34px;
            position: relative;
            text-decoration: none;
            padding-left: 10px;
            background: url(../images/elements/others/nav_bg.png) repeat;
            border-bottom: 1px solid #d5d5d5;
            color: #333;
        }

            .box-control .dropdown-menu li a:hover {
                background: #e7e7e7;
            }
/* userlist */

.userlist {
    height: 280px;
}

    .userlist .item {
        clear: both;
        border-bottom: 1px solid #e3e3e3;
        padding: 10px;
        position: relative;
        cursor: pointer;
        margin: 0;
    }

        .userlist .item .info span {
            font-size: 11px;
            color: #888;
            position: absolute;
            top: 20px;
            left: 50%;
        }

        .userlist .item:hover {
            background-color: #edf1f5;
        }

        .userlist .item:last-child {
            border-bottom: none;
        }

        .userlist .item .info a.name {
            position: absolute;
            top: 20px;
            left: 70px;
            font-size: 11px;
            font-weight: bold;
        }

        .userlist .item .info .controls {
            position: absolute;
            top: 20px;
            right: 10px;
            opacity: 0.5;
        }

            .userlist .item .info .controls:hover {
                opacity: 0.8;
            }
/* tables */

.table-add-top {
    padding: 0 10px;
    border-bottom: 1px solid #d5d5d5;
    overflow: hidden;
}

.table-add-bottom {
    padding: 0 10px;
    border-top: 1px solid #d5d5d5;
    overflow: hidden;
}

.pagination {
    margin: 5px 0 0 0;
}

    .pagination ul {
        box-shadow: none;
    }

.table-add-info {
    float: left;
    padding: 16px 0;
}

.table-add-form {
    padding: 10px 0 5px 0;
}

table .btn {
    vertical-align: middle;
    padding: 5px 8px;
}

table thead td, table thead th {
    padding: 3px 0 2px 0;
    text-align: center;
    border-left: 1px solid #d5d5d5;
    background: url(../images/elements/others/nav_bg.png) repeat-x;
    border-bottom: 1px solid #d5d5d5;
    font-size: 11px;
    color: #666;
    font-weight: normal;
}

    table thead td:first-child, table thead th:first-child {
        border-left: none;
    }

table tbody tr {
    border-top: 1px solid #e3e3e3;
}

table.cool tbody tr td span {
    color: #888;
    font-weight: bold;
    text-shadow: 0 1px 0 #fff;
}

    table.cool tbody tr td span.icon-arrow-up, table.cool tbody tr td span.icon-arrow-down {
        opacity: 0.6;
    }

table tbody tr:nth-child(even) {
    background-color: #edf1f5;
}

table.normal tbody tr:nth-child(even) {
    background: #f5f5f5;
}

table.default tbody tr:nth-child(even) {
    background: none;
}

table.cool, table.normal, table.default {
    width: 100%;
}

table tbody td {
    padding: 1px 1px 0 13px;
    vertical-align: middle;
}

    table tbody td:first-child {
        border-left: none;
    }

.table-actions {
    padding: 0;
    margin: 0;
    text-align: center;
}

    .table-actions li {
        display: inline-block;
    }

.sortList {
    cursor: pointer;
    list-style: none;
    padding: 0;
    margin: 0;
}

    .sortList li {
        display: block;
        padding: 8px 10px 6px;
        background: #fafafa;
        border-bottom: 1px solid #e3e3e3;
        border-top: 1px solid #fff;
    }

    .sortList .placeholder {
        background-color: #fff8c4;
        height: 20px;
    }

.form-horizontal .rowelement {
    display: inline-block;
}

.rowelement {
    padding: 20px 0;
    margin-bottom: 0;
}

    .rowelement .span12 {
        margin-left: 25px;
    }

.separator {
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #fff;
    margin-bottom: 10px;
}