.help-icon
    {
        padding:4px;
        cursor:pointer;
    }


/*----------------------------------------------------------------------------------------------------------------------
Admin Tables
----------------------------------------------------------------------------------------------------------------------*/

    .admin-table
    {
        width:100%;
    }

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

    .admin-table td
    {
        padding:4px;
        border-bottom:1px solid #ddd;
    }

    .admin-table.compact td
    {
        padding:1px;
    }

    .admin-table tr.header td
    {
        background:#eee;
        font-weight:bold;
    }

    /* Header bar (div) */
    .header
    {
        font-weight:bold;
        color:white;
        background:#0a3144;
        border-radius:3px;
        padding:7px;
        padding-left:13px;
    }

    .header2
    {
        font-weight:bold;
        background:#eee;
        border-radius:3px;
        padding:7px;
        padding-left:13px;
    }

    /* Header bar (inside table as td) */
    .table-header
    {
        font-weight:bold;
        color:white;
        background:#0a3144;
        border-radius:3px;
        padding:5px 8px;
    }

    .admin-table .header
    {
        color:black
    }



/*----------------------------------------------------------------------------------------------------------------------
Special effects - blinking etc.

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

    .blink
    {
        animation:blinkingLabel 0.8s infinite;
    }

    /*semi-smooth blinking effect based on opacity*/
    @keyframes blinkingLabel{

        0%  {     opacity: 1.0;    }
        10% {     opacity: 1.0;    }
        20% {     opacity: 1.0;    }
        30% {     opacity: 1.0;    }
        40% {     opacity: 0.66;    }
        50% {     opacity: 0.33;    }
        60% {     opacity: 0.0;    }
        70% {     opacity: 0.0;    }
        80% {     opacity: 0.33;    }
        90% {     opacity: 0.66;    }

    }



/*----------------------------------------------------------------------------------------------------------------------
JSON display
----------------------------------------------------------------------------------------------------------------------*/

    .json-data
    {
        width:100%;
        max-height:250px !important;
        overflow-y:auto;
    }

    .json-data.show-more
    {
        max-height:750px !important;
    }


/*----------------------------------------------------------------------------------------------------------------------
Syntax display
----------------------------------------------------------------------------------------------------------------------*/

    .div_codeview
    {
        border      : 1px solid #ccc;
        padding     : 4px;
    }

    code.codeview
    {
        /*Override bootstrap defaults for <code> tag*/
        background  : none;
        line-height : 1.05;
        padding     : 2px 0px;
    }

    .codeview .line-num
    {
        color:#999 !important;
    }

    .codeview .current-line
    {
        background : #FFE0B2;
    }



/*----------------------------------------------------------------------------------------------------------------------
Forms
----------------------------------------------------------------------------------------------------------------------*/

    .lg-input
    {
        width:300px;
    }

    .md-input
    {
        width:200px;
    }

    .input75
    {
        width:75px;
    }

    .input50
    {
        width:50px;
    }

    .sm-input
    {
        width:100px;
    }

    .full-width
    {
        width:100%;
    }

    .no-bold
    {
        font-weight:normal;
    }

    .bold
    {
        font-weight:bold;
    }

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

    .text-left
    {
        text-align:left;
    }


/*----------------------------------------------------------------------------------------------------------------------
Table background (applies to all cells within a row)
----------------------------------------------------------------------------------------------------------------------*/

    .row-gray td
    {
        background : #ccc;
        color      : black;
    }


/*----------------------------------------------------------------------------------------------------------------------
Colors, Backgrounds
----------------------------------------------------------------------------------------------------------------------*/

    .orange
    {
        color: #F36B21
    }

    .white
    {
        color: #fff;
    }

    .dblue
    {
        color: #007BA7;
    }

    .bg-orange
    {
        background: #F36B21
    }

    .bg-yellow
    {
        background: yellow;
    }

    /*Dev color (yellow)*/
    .bg-dev
    {
        background: yellow;
        color     : black !important;
    }

    .bg-red
    {
        background: red;
        color:white;
    }

    .bg-dblue
    {
        background: #007BA7;
    }

    .bg-darkerblue
    {
        background: #0a3144;
    }

    .bg-indigo
    {
        background: #4F69C6;
        color: white !important;
    }

    .bg-gray
    {
        background: #ccc;
        color:black;
    }

    .bg-darkgray, .bg-dgray
    {
        background: #555;
        color:black;
    }

    .bg-darkergray
    {
        background: #333;
        color:black;
    }


    .white {
        color:white;
    }

    .gray {
        color:#aaa;
    }


    .black {
        color:black;
    }


/*----------------------------------------------------------------------------------------------------------------------
Layout
----------------------------------------------------------------------------------------------------------------------*/

    .valign * {
        display:inline !important;
        vertical-align:middle;
    }


/*----------------------------------------------------------------------------------------------------------------------
Labels
----------------------------------------------------------------------------------------------------------------------*/

    .label-darkgray
    {
        background: #555;
        color:white;
        font-size:1.2rem;
        -moz-border-radius    : 4px;
        -webkit-border-radius : 4px;
        border-radius         : 4px;
        -khtml-border-radius  : 4px;
        padding:3px 5px;
        margin:3px;
        margin-left:0px;
    }


    .label-red
    {
        background: red;
        color:white;
        font-size:1.2rem;
        -moz-border-radius    : 4px;
        -webkit-border-radius : 4px;
        border-radius         : 4px;
        -khtml-border-radius  : 4px;
        padding:3px 5px;
        margin:3px;
        margin-left:0px;
    }

    .label-dblue
    {
        background: #007BA7;
        color:white;
        font-size:1.2rem;
        -moz-border-radius    : 4px;
        -webkit-border-radius : 4px;
        border-radius         : 4px;
        -khtml-border-radius  : 4px;
        padding:3px 5px;
        margin:3px;
        margin-left:0px;
    }

    .label-green
    {
        background: #009E60;
        color:white;
        font-size:1.2rem;
        -moz-border-radius    : 4px;
        -webkit-border-radius : 4px;
        border-radius         : 4px;
        -khtml-border-radius  : 4px;
        padding:3px 5px;
        margin:3px;
        margin-left:0px;
    }

    .label-yellow
    {
        background: yellow;
        color:black;
        font-size:1.2rem;
        -moz-border-radius    : 4px;
        -webkit-border-radius : 4px;
        border-radius         : 4px;
        -khtml-border-radius  : 4px;
        padding:3px 5px;
        margin:3px;
        margin-left:0px;
    }

    .label-berry
    {
        background: rgb(88, 24, 69);
        color:white;
        font-size:1.2rem;
        -moz-border-radius    : 4px;
        -webkit-border-radius : 4px;
        border-radius         : 4px;
        -khtml-border-radius  : 4px;
        padding:3px 5px;
        margin:3px;
        margin-left:0px;
    }

    .label-orange
    {
        background            : #F36B21;
        color                 : white;
        font-size             : 1.2rem;
        -moz-border-radius    : 4px;
        -webkit-border-radius : 4px;
        border-radius         : 4px;
        -khtml-border-radius  : 4px;
        padding               : 3px 5px;
        margin                : 3px;
        margin-left           : 0px;
    }

    .label-indigo
    {
        background            : #4F69C6;
        color                 : white;
        font-size             : 1.2rem;
        -moz-border-radius    : 4px;
        -webkit-border-radius : 4px;
        border-radius         : 4px;
        -khtml-border-radius  : 4px;
        padding               : 3px 5px;
        margin                : 3px;
        margin-left           : 0px;
    }

    .label-gray
    {
        background            : #ccc;
        color                 : black;
        font-size             : 1.2rem;
        -moz-border-radius    : 4px;
        -webkit-border-radius : 4px;
        border-radius         : 4px;
        -khtml-border-radius  : 4px;
        padding               : 3px 5px;
        margin                : 3px;
        margin-left           : 0px;
    }

    .label-black
    {
        background            : black;
        color                 : white;
        font-size             : 1.2rem;
        -moz-border-radius    : 4px;
        -webkit-border-radius : 4px;
        border-radius         : 4px;
        -khtml-border-radius  : 4px;
        padding               : 3px 5px;
        margin                : 3px;
        margin-left           : 0px;
    }

    .label-white
    {
        background            : white;
        color                 : black;
        border                : 1px solid #ccc;
        font-size             : 1.2rem;
        -moz-border-radius    : 4px;
        -webkit-border-radius : 4px;
        border-radius         : 4px;
        -khtml-border-radius  : 4px;
        padding               : 3px 5px;
        margin                : 3px;
        margin-left           : 0px;
    }

    .label-darkerblue
    {
        background            : #0a3144;
        color                 : white;
        font-size             : 1.2rem;
        -moz-border-radius    : 4px;
        -webkit-border-radius : 4px;
        border-radius         : 4px;
        -khtml-border-radius  : 4px;
        padding               : 3px 5px;
        margin                : 3px;
        margin-left           : 0px;
    }

    /* Small version of the label (refactor this...) */
    .label-darkgray.small,
    .label-yellow.small,
    .label-green.small,
    .label-dblue.small,
    .label-red.small,
    .label-black.small,
    .label-gray.small,
    .label-orange.small,
    .label-white.small,
    .label-darkerblue.small,
    .label-indigo.small,
    .label-berry.small
    {
        -moz-border-radius    : 3px;
        -webkit-border-radius : 3px;
        border-radius         : 3px;
        -khtml-border-radius  : 3px;

        font-size   : 1.0rem;
        padding     : 2px 4px;
        margin      : 3px;
        margin-left : 0px;
    }

    /* Very small version of the label (refactor this...) */
    .label-darkgray.tiny,
    .label-yellow.tiny,
    .label-green.tiny,
    .label-dblue.tiny,
    .label-red.tiny,
    .label-black.tiny,
    .label-gray.tiny,
    .label-orange.tiny,
    .label-white.tiny,
    .label-darkerblue.tiny,
    .label-indigo.tiny,
    .label-berry.tiny
    {
        -moz-border-radius    : 2px;
        -webkit-border-radius : 2px;
        border-radius         : 2px;
        -khtml-border-radius  : 2px;

        font-size   : 1.0rem;
        padding     : 1px 3px;
        margin      : 2px;
        margin-left : 0px;
    }




/*----------------------------------------------------------------------------------------------------------------------
Rounding
----------------------------------------------------------------------------------------------------------------------*/


    .rounded15
    {
        -moz-border-radius    : 15px;
        -webkit-border-radius : 15px;
        border-radius         : 15px;
        -khtml-border-radius  : 15px;
    }

    .rounded10
    {
        -moz-border-radius    : 10px;
        -webkit-border-radius : 10px;
        border-radius         : 10px;
        -khtml-border-radius  : 10px;
    }

    .rounded8
    {
        -moz-border-radius    : 8px;
        -webkit-border-radius : 8px;
        border-radius         : 8px;
        -khtml-border-radius  : 8px;
    }

    .rounded5
    {
        -moz-border-radius    : 5px;
        -webkit-border-radius : 5px;
        border-radius         : 5px;
        -khtml-border-radius  : 5px;
    }

    .rounded3
    {
        -moz-border-radius    : 3px;
        -webkit-border-radius : 3px;
        border-radius         : 3px;
        -khtml-border-radius  : 3px;
    }

/*----------------------------------------------------------------------------------------------------------------------
Padding / Margins / Widths
----------------------------------------------------------------------------------------------------------------------*/

    .no-margin    {margin:0px}

    .padding5     {padding:5px;}
    .padding10    {padding:10px;}
    .padding15    {padding:15px;}
    .padding20    {padding:20px;}

    .top-padding    {padding-top:10px;}
    .top-padding5   {padding-top: 5px;}
    .top-padding10  {padding-top:10px;}
    .top-padding15  {padding-top:15px;}
    .top-padding20  {padding-top:20px;}

    .bottom-padding    {padding-bottom:10px;}
    .bottom-padding5   {padding-bottom: 5px;}
    .bottom-padding10  {padding-bottom:10px;}
    .bottom-padding15  {padding-bottom:15px;}
    .bottom-padding20  {padding-bottom:20px;}

    .left-padding    {padding-left:10px;}
    .left-padding5   {padding-left: 5px;}
    .left-padding10  {padding-left:10px;}
    .left-padding15  {padding-left:15px;}
    .left-padding20  {padding-left:20px;}

    .right-padding    {padding-right:10px;}
    .right-padding5   {padding-right: 5px;}
    .right-padding10  {padding-right:10px;}
    .right-padding15  {padding-right:15px;}
    .right-padding20  {padding-right:20px;}

    .vmargin5 {margin-top:5px; margin-bottom:5px}
    .vmargin10 {margin-top:10px; margin-bottom:10px}

    .margin1  {margin:1px}
    .margin2  {margin:2px}
    .margin3  {margin:3px}
    .margin5  {margin:5px}
    .margin-rb1 {margin:0px; margin-right:1px; margin-bottom:1px}
    .margin-rb2 {margin:0px; margin-right:2px; margin-bottom:2px}
    .margin-rb3 {margin:0px; margin-right:3px; margin-bottom:3px}
    .margin-rb5 {margin:0px; margin-right:5px; margin-bottom:5px}


    .w2   {width:2%}
    .w3   {width:3%}
    .w4   {width:4%}
    .w5   {width:5%}
    .w6   {width:6%}
    .w7   {width:7%}
    .w8   {width:8%}
    .w9   {width:9%}
    .w10  {width:10%}
    .w11  {width:11%}
    .w12  {width:12%}
    .w13  {width:13%}
    .w14  {width:14%}
    .w15  {width:15%}
    .w16  {width:16%}
    .w17  {width:17%}
    .w18  {width:18%}
    .w19  {width:19%}
    .w20  {width:20%}
    .w25  {width:25%}
    .w30  {width:30%}
    .w35  {width:35%}
    .w40  {width:40%}
    .w45  {width:45%}
    .w50  {width:50%}
    .w55  {width:55%}
    .w60  {width:60%}
    .w65  {width:65%}
    .w70  {width:70%}
    .w75  {width:75%}
    .w80  {width:80%}
    .w85  {width:85%}
    .w90  {width:90%}
    .w95  {width:95%}
    .w100 {width:100%}

    .w25p  {width:25px}
    .w40p  {width:40px}
    .w50p  {width:50px}
    .w75p  {width:100px}
    .w100p {width:100px}
    .w150p {width:150px}
    .w200p {width:200px}
    .w250p {width:250px}
    .w300p {width:300px}




/*----------------------------------------------------------------------------------------------------------------------
Button
----------------------------------------------------------------------------------------------------------------------*/

    .button {
        padding:14px;
        padding-top:7px;
        padding-bottom:7px;
        color:white !important;

        margin:3px;
        margin-left:0px;
        display:inline-block;
        text-decoration:none;
        font-size:1.2rem;

        -moz-border-radius    : 4px;
        -webkit-border-radius : 4px;
        border-radius         : 4px;
        -khtml-border-radius  : 4px;

        cursor:pointer;
    }


    .button.disabled
    {
        cursor     : default;
        background : #ccc !important;
        color      : #777;
    }

    .button.big {
        padding:20px;
        padding-top:11px;
        padding-bottom:11px;
    }

    .button.huge {
        padding:25px;
        padding-top:13px;
        padding-bottom:13px;
        font-size:1.4rem;
    }

    .button:hover, .button:active
    {
        color:white;
        text-decoration:none;
    }

    .button.small {
        color:white;
        padding:5px;
        padding-right:10px;
        padding-left:10px;

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

    .button.tiny {
        color:white;
        padding:2px;
        padding-right:6px;
        padding-left:6px;
        font-size:11px;

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


/*----------------------------------------------------------------------------------------------------------------------
Boxes, Containers
----------------------------------------------------------------------------------------------------------------------*/


    .box6
    {
        -moz-border-radius    : 5px;
        -webkit-border-radius : 5px;
        border-radius         : 5px;
        -khtml-border-radius  : 5px;

        background:#eee;
        width: 100%;
        padding:12px;

    }

    .green-box
    {
        padding:10px;
        border:1px solid #ccc;
        background:#FFFAF0;
        margin-bottom:10px;
    }

    .green-box.small
    {
        padding:5px;
        border:1px solid #ccc;
        background:#FFFAF0;
        margin-bottom:5px;
    }


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

    .bottomline
    {
        border-bottom:1px solid black;
    }

    .clear
    {
        clear:both;tes
    }

    /*Can't use .hide as bootstrap defines it as "display:none !important"*/
    .load-hidden
    {
        display:none;
    }

    /*Small gray text used for informtion/details*/
    .info-text
    {
        font-size:11px;
        color:#777;
    }

    /*Automatically truncate and apply ... at the end - must set pixel width for that element to work!*/
    .ellipsis {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display:block;
    }


    /*Allow words to wrap anywhere - xbrowser*/
    .wordwrap
    {
        -ms-word-break: break-all;
            word-break: break-all;
            word-break: break-word;

        -webkit-hyphens: auto;
           -moz-hyphens: auto;
                hyphens: auto;
    }

    /*Dont wrap words (or text)*/
    .nowrap
    {
        white-space: nowrap !important;
    }

    .fixed-panel
    {
        position:fixed;
        right:20px;
        margin:10px;
        padding:10px;
        background:white;
    }

/*--------------------------------------------------------------------------------------------------------------------*/
/* Print mode (hide elements & fix bootstrap columns) */


@media print {
   .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
   }
   .col-sm-12 {
        width: 100%;
   }
   .col-sm-11 {
        width: 91.66666667%;
   }
   .col-sm-10 {
        width: 83.33333333%;
   }
   .col-sm-9 {
        width: 75%;
   }
   .col-sm-8 {
        width: 66.66666667%;
   }
   .col-sm-7 {
        width: 58.33333333%;
   }
   .col-sm-6 {
        width: 50%;
   }
   .col-sm-5 {
        width: 41.66666667%;
   }
   .col-sm-4 {
        width: 33.33333333%;
   }
   .col-sm-3 {
        width: 25%;
   }
   .col-sm-2 {
        width: 16.66666667%;
   }
   .col-sm-1 {
        width: 8.33333333%;
   }
}


@media print {
    .dont-print
    {
        display:none;
    }

    a[href]:after {
        content: none !important;
    }
}

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