body {
    padding-top: 60px;
    padding-bottom: 40px;
    position: relative;
    background: url("/Content/img/debut_light.png") repeat scroll 0% 0% transparent;
}

.sidebar-nav {
    padding: 9px 0;
}

.brand-custom {
    font-size: 30px !important;
    color: #0088cc !important;
}

.well-white {
    background-color: #FEFEFE;
    border: 1px solid #E5E5E5;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    margin: 0 auto 20px;
    padding: 19px 29px 29px;
}

@media (max-width: 980px) {
    /* Enable use of floated navbar text */
    .navbar-text.pull-right {
        float: none;
        padding-left: 5px;
        padding-right: 5px;
    }
}

table.simple {
    margin: 10px;
}

    table.simple td {
        border: none !important;
        padding-left: 4px;
    }

.td-simple td {
    padding: 0 !important;
}

.td-simple div.progress {
    margin-bottom: 3px;
    margin-top: 3px;
}

hr.simple {
    margin: 0px;
}

/* padding for in-page bookmarks and fixed navbar */
section.howto {
    padding-top: 20px;
}

/* HowTo NavBar */
.docs-sidebar {
    padding-bottom: 20px;
}

.docs-sidenav {
    background-color: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    padding: 0;
}

    .docs-sidenav > li > a {
        border: 1px solid #E5E5E5;
        display: block;
        margin: 0 0 -1px;
        padding: 8px 14px !important;
    }

    .docs-sidenav > li:first-child > a {
        border-radius: 6px 6px 0 0;
    }

    .docs-sidenav > li:last-child > a {
        border-radius: 0 0 6px 6px;
    }

    .docs-sidenav > .active > a {
        border: 0 none;
        box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1) inset, -1px 0 0 rgba(0, 0, 0, 0.1) inset;
        padding: 9px 15px;
        position: relative;
        -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
        z-index: 2;
    }

    .docs-sidenav .icon-chevron-right {
        float: right;
        margin-right: -6px;
        margin-top: 2px;
        opacity: 0.25;
    }

    .docs-sidenav > li > a:hover {
        background-color: #F5F5F5;
    }

    .docs-sidenav a:hover .icon-chevron-right {
        opacity: 0.5;
    }

    .docs-sidenav .active .icon-chevron-right, .docs-sidenav .active a:hover .icon-chevron-right {
        /*background-image: url("../img/glyphicons-halflings-white.png");*/
        opacity: 1;
    }

/*Sidebar nav fixed*/
.sidebar-nav-fixed {
    position: fixed;
    top: 60px;
    width: 21.0%;
}

@media (max-width: 767px) {
    .sidebar-nav-fixed {
        width: auto;
    }
}

@media (max-width: 979px) {
    .sidebar-nav-fixed {
        position: static;
        width: auto;
    }
}

.nav-pills li ul li i {
    float: left;
    width: 22px;
    padding-top: 5px;
}

/*Borderd div for tabed divs*/
.border-div {
    border-style: solid;
    border-width: 1px;
    border-color: #DDDDDD;
    border-top: none;
    border-radius: 0px 0px 4px 4px;
    padding: 20px;
}

/*Panel theme*/
.panel {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #CCCCCC #CCCCCC #BBBBBB;
    -moz-border-image: none;
    -o-border-image: none;
    -webkit-border-image: none;
    border-image: none;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    padding: 10px 0px 0px 10px;
}

.howto > * > .panel {
    margin-bottom: 25px;
}

.module {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #CCCCCC #CCCCCC #BBBBBB;
    -moz-border-image: none;
    -o-border-image: none;
    -webkit-border-image: none;
    border-image: none;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
}

.module-head {
    background: linear-gradient(to bottom, #F5F5F5, #EAEAEA) repeat-x scroll 0 0 #F1F1F1;
    border-bottom: 1px solid #DDDDDD;
    border-radius: 2px 2px 0 0;
    padding: 10px 15px;
}

    .module-head h3 {
        font-size: 14px;
        height: 20px;
        line-height: 20px;
        margin: 0;
    }

.module-body {
    padding: 15px;
}

/*Datatables filter css*/

.dataTables_filter {
    float: right;
    text-align: right;
}

table.block {
    clear: both;
    margin: 0 auto;
    width: 100%;
}

/* Modal larger width*/
body .modal-large {
    /* new custom width */
    width: 700px;
    /* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: -350px;
}

.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

/*How to page*/
.dl-space > dd {
    margin-bottom: 5px;
}

/*badge make selectable*/
.badge {
    white-space:normal!important
}