/*--------------------------------------------------------------------------------------------------------------------*/
/* Main definitions */



/* Reset bootstrap handling of "label" */

 label
 {
    font-weight:normal;
 }


.main-container
{
    height:auto;
}

h3 {
    color: #F36B21;
}

h1 {
    margin:7px;
    font-size:3rem;
    margin-left:0px;
}

.section
{
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
    border-radius         : 5px;
    -khtml-border-radius  : 5px;
    padding:15px;
    background:#f8f8f8;
    margin-bottom:10px;
}

.box
{
    padding:15px;
    border:1px solid #ccc;
    background:#f9f9f9;
    margin-bottom:25px;
}

.admin-form input,  .admin-form textarea, .admin-form select
{
    border:none;
    background:#ececec;
    padding:4px;
    margin-top:2px;
    margin-bottom:2px;
}

/*Debug fill - to see columns*/
.dfill
{
    background:yellow;
}

.warning
{
    color:#cd5c5c;
}


/* For quoting blocks of text - use short Q instead of BLOCKQUOTE */

q {
    background:white;
    border:1px solid #ccc;
    border-left:5px solid #ccc;
    font-size:12px;
    display:block;
    padding:5px;
    padding-left:15px;

    max-height:100px;
    height:auto;
    overflow-y:scroll;
}

q.expanded
{
    max-height:100%;
}

.q-expand
{
    font-size:12px;
    cursor:pointer;
    color:#555;
}

q:before, q:after {
content: "";
}


q:before {
/*                content: "QUOTE";
    color:white;
    background:#444;
    padding:3px 5px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
    border-radius         : 5px;
    -khtml-border-radius  : 5px;
*/            }



/*--------------------------------------------------------------------------------------------------------------------*/
/* Bootstrap modal - shift it down a little bit */



  .modal
  {
      top: 20%;
  }



/*--------------------------------------------------------------------------------------------------------------------*/
/* Forms and inputs */


    .form input, .form textarea, .form select {
        width:100%;
        padding:4px;
        background:white;
        border:2px solid #eee;

        -moz-border-radius    : 5px;
        -webkit-border-radius : 5px;
        border-radius         : 5px;
        -khtml-border-radius  : 5px;
    }



/*--------------------------------------------------------------------------------------------------------------------*/
/* Ticketing */


    .ticket-type
    {
        -moz-border-radius    : 3px;
        -webkit-border-radius : 3px;
        border-radius         : 3px;
        -khtml-border-radius  : 3px;
        padding:3px;
        padding-left:5px;
        text-align:center;
        display:inline-block;
        width:20px;

        height:20px;
    }

    .ticket-feature
    {
        background:blue;
        color:white;
    }

    .ticket-bug
    {
        background:red;
        color:white;
    }

    .ticket-task
    {
        background:green;
        color:white;
    }

    .ticket-improvement
    {
        background:#F36B21;
        color:white;
    }

    .ticket-other
    {
        background:#aaa;
        color:white;
    }




/*--------------------------------------------------------------------------------------------------------------------*/
/* Sidebar with search */


    #search
    {
        background: #eee;
        -moz-border-radius    : 5px;
        -webkit-border-radius : 5px;
        border-radius         : 5px;
        -khtml-border-radius  : 5px;

        padding:7px;
        padding-left:13px;
        padding-right:13px;
        width:100%;
        border:0px;
    }

    #sidebar-menu a:hover
    {
        background:#ddd;
    }


    #sidebar-menu a.selected
    {
        background:#F36B21;
        color:white;
    }


    #sidebar-menu a
    {
        display         : block;
        margin-bottom   : 2px;
        text-decoration : none;
        color           : black;

        padding         : 10px;
        padding-top     : 6px;
        padding-bottom  : 6px;

        -moz-border-radius    : 5px;
        -webkit-border-radius : 5px;
        border-radius         : 5px;
        -khtml-border-radius  : 5px;
    }


/*--------------------------------------------------------------------------------------------------------------------*/
/* Expandable Sections */

    .expandable:not(.expanded)
    {
        display:none;
    }

    .expand
    {
        cursor:pointer;
    }



/*--------------------------------------------------------------------------------------------------------------------*/
/* Tabs */

    .tabs
    {
        border-bottom:2px solid #ccc;
        clear:both;
        margin-bottom:20px;
    }

    .tab-btn
    {
        float:left;
        padding:10px 20px 10px 20px;
        border-bottom:white;
        margin-bottom:-2px;
        cursor:pointer;
    }

    .tab-btn.narrow
    {
        padding:10px 13px 10px 13px;
    }

    .tab-btn.selected
    {
        border:2px solid #ccc;
        border-bottom:2px solid white;
        /*color:#888;*/
        font-weight:bold;
    }


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