framework/public/dist/style.css

/*
*Devel
*/

table tr .selected{
    background-color: #d9edf7;
}

.no-scroll{
    overflow: hidden;
}

body a, body a:visited  {
    text-decoration: none;
    color: #000;
}

.dropdown-toggle{
    color: #fff;
}

.dropdown-toggle:hover{
    color: #666;
}

/* Bootstrap Overwrite */

.card{
    border-radius: 0px !important;
}

.form-group div{
    padding: 0px;
}

.form-control{
    border-radius: 0px !important;
}

.btn{
    border-radius: 0px !important;
}

body{
    font-family: Ubuntu;
    font-size: 1pc;
}

/* Prevent bootstrap to interfere with metis menu */
.nav .active .collapse{
   display: block !important;
}


/*-------------------------------------------------------*/

textarea{
    resize: vertical;
    min-height: 200px
}

.data-table table{
    width: 100% !important;
}

#modal > div{
    width: 70%;
}

#modal table{
    width: 100%;
}

#modal table td{
    white-space: nowrap;
}

/* BreadCrumbs -------------------------------- */

.breadcrumb{
    width:100%;
    background-color:#ddd;
}

/*
   _____ _____ _____  ______ ____          _____
  / ____|_   _|  __ \|  ____|  _ \   /\   |  __ \
 | (___   | | | |  | | |__  | |_) | /  \  | |__) |
  \___ \  | | | |  | |  __| |  _ < / /\ \ |  _  /
  ____) |_| |_| |__| | |____| |_) / ____ \| | \ \
 |_____/|_____|_____/|______|____/_/    \_\_|  \_\
*/

#wrapper {
    padding-left: 0;
}

#sidebar-wrapper {
    background-color: #000 !important;
    height: 1000px;
    width: 200px;
    background-color: #fff;
    position: fixed!important;
    z-index: 10000;
}

#wrapper.toggled {
    /*padding-left: 250px;*/
}

#sidebar-wrapper {
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

.nav-ident li a{
    padding-left: 10%;
}


#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 0px !important;
}

#wrapper .toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

.nav-item .in{
    display: block !important;
}

/* Sidebar responsiveness */
@media(min-width:768px) {
    #wrapper {
        padding-left: 250px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 250px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }

    .menu-small{
        display: none;
    }
}

.logo{
    text-align: center;
    margin-top: 15px;
}

.logo > img {
    width:50%;
}

.search-nav{
    text-align: center;
    margin-bottom:15px;
}

.search-nav > input{
    margin: 0 auto;
    border-radius: 0px;
}

#side-second-menu{
    display:none;
}

#side-menu li, #side-second-menu li{
    width:100%;
}

#side-menu li a, #side-second-menu li a{
    font-size: 1.1em;
}

#side-menu li i, #side-second-menu li i{
    margin-right: 10px;
}

.nav-dropdown{
    margin-right: 20px !important;
}

/* Header ---------------------------*/

#navbar-top{
    min-height: 50px;
}

/*--*/
#menu-toggle{

}

#menu-toggle:hover,
#menu-toggle:focus{
    background-color:transparent;
}

#progress{
    margin-bottom:0px;
    height:10px;
    border-radius: 0px !important;
}

/* HELPER ---------------------------- */

.hidden{
    display:none;
}

.round-ball{
    border-radius: 60px !important;
    font-size: 1.5em;
    position: fixed;
    padding: 20px;
    bottom: 20px;
    right: 20px;
}

@media print {
    #sidebar-wrapper, #header{ display: none !important; }
    #wrapper { padding-left: 0px; }
}