body {
    padding-top: 20px;
}

.container {
    max-width: 100%;
}

.panel-body {
    padding: 170px 0 0px 25px;
}

label {
    font-weight: 100;
}

form {
    margin-top: -15px;
}

.subnav {
    position: relative;
    min-height: 25px;
    margin-bottom: -1px;
    border: 1px solid transparent;
    margin-top: -21px;
    margin-left: -16px;
}

.navbar-nav > li > a {
    padding-top: 19px;
    padding-bottom: 12px;
    color: #fff;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #303030;
    line-height: 0px;
    margin-top: 11px;
    height: 38px;
}


.navuser > li > a {
    padding-top: 19px;
    padding-bottom: 12px;
    color: #fff !important;
}

    .navuser > li > a:hover, .navuser > li > a:focus {
        text-decoration: none;
        background-color: transparent !important;
        line-height: 0px;
        margin-top: 1px;
        height: 38px;
    }

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a {
    background-image: -webkit-linear-gradient(top,#080808 0,#0f0f0f 100%);
    background-image: -o-linear-gradient(top,#080808 0,#0f0f0f 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#080808),to(#0f0f0f));
    background-image: linear-gradient(to bottom, #393939 0%, #353535 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808',endColorstr='#ff0f0f0f',GradientType=0);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 3px 9px rgba(0,0,0,.25);
    box-shadow: inset 0 3px 9px rgba(0,0,0,.25);
}


.btn-dblue:not(.btn-block) {
    margin-right: 10px;
    width: 113px !important;
    height: 136px !important;
    margin-bottom: 10px !important;
    vertical-align: middle !important;
    text-align: center !important;
    text-wrap: normal !important;
    padding: 15px 0 0 0 !important;
    /*border-color: #A58355;*/
}

.btn-dblues:not(.btn-block) {
    margin-right: 10px;
    width: 160px !important;
    height: 35px !important;
    margin-bottom: 10px !important;
    vertical-align: middle !important;
    text-align: center !important;
    text-wrap: normal !important;
    padding: 5px 0 0 0 !important;
    border-color: #3071ab;
}
/* Font Size For Button Text */
.glyphsize {
    font-size: 48px !important;
}

.panel-footer {
    line-height: inherit !important;
}
/* Colours Used for Glyphicons and some text */
.black {
    color: #000;
}

.red {
    color: #F00;
}

.dgreen {
    color: #060;
}

.green {
    color: #0F0;
}

.blue {
    color: #00F;
}

.mblue {
    color: #09F;
}

.yellow {
    color: #FF0;
}

.purple {
    color: #609;
}

.lilac {
    color: #C6F;
}

.orange {
    color: #F90;
}

.choc {
    color: #330;
}

/* Button Colours */
.btn-dblues {
    color: #ffffff;
    background-color: #3071ab;
    border-color: #3071ab;
}

    .btn-dblues:hover,
    .btn-dblue:focus,
    .btn-dblue:active,
    .btn-dblue.active,
    .open .dropdown-toggle.btn-dblue {
        color: #ffffff;
        background-color: #A7A9AC;
        border-color: #A7A9AC;
    }

.btn-dblue:active,
.btn-dblue.active,
.open .dropdown-toggle.btn-dblue {
    background-image: none;
}

.btn-dblue.disabled,
.btn-dblue[disabled],
fieldset[disabled] .btn-dblue,
.btn-dblue.disabled:hover,
.btn-dblue[disabled]:hover,
fieldset[disabled] .btn-dblue:hover,
.btn-dblue.disabled:focus,
.btn-dblue[disabled]:focus,
fieldset[disabled] .btn-dblue:focus,
.btn-dblue.disabled:active,
.btn-dblue[disabled]:active,
fieldset[disabled] .btn-dblue:active,
.btn-dblue.disabled.active,
.btn-dblue[disabled].active,
fieldset[disabled] .btn-dblue.active {
    background-color: #1B23BD;
    border-color: #000A7A;
}

.btn-dblue .badge {
    color: #1B23BD;
    background-color: #ffffff;
}

.btn-dred {
    color: #ffffff;
    background-color: #B50D2E;
    border-color: #69021F;
}

    .btn-dred:hover,
    .btn-dred:focus,
    .btn-dred:active,
    .btn-dred.active,
    .open .dropdown-toggle.btn-dred {
        color: #ffffff;
        background-color: #7A2435;
        border-color: #69021F;
    }

    .btn-dred:active,
    .btn-dred.active,
    .open .dropdown-toggle.btn-dred {
        background-image: none;
    }

    .btn-dred.disabled,
    .btn-dred[disabled],
    fieldset[disabled] .btn-dred,
    .btn-dred.disabled:hover,
    .btn-dred[disabled]:hover,
    fieldset[disabled] .btn-dred:hover,
    .btn-dred.disabled:focus,
    .btn-dred[disabled]:focus,
    fieldset[disabled] .btn-dred:focus,
    .btn-dred.disabled:active,
    .btn-dred[disabled]:active,
    fieldset[disabled] .btn-dred:active,
    .btn-dred.disabled.active,
    .btn-dred[disabled].active,
    fieldset[disabled] .btn-dred.active {
        background-color: #B50D2E;
        border-color: #69021F;
    }

    .btn-dred .badge {
        color: #B50D2E;
        background-color: #ffffff;
    }

.btn-dgreen {
    color: #ffffff;
    background-color: #0DB548;
    border-color: #026926;
}

    .btn-dgreen:hover,
    .btn-dgreen:focus,
    .btn-dgreen:active,
    .btn-dgreen.active,
    .open .dropdown-toggle.btn-dgreen {
        color: #ffffff;
        background-color: #287A24;
        border-color: #026926;
    }

    .btn-dgreen:active,
    .btn-dgreen.active,
    .open .dropdown-toggle.btn-dgreen {
        background-image: none;
    }

    .btn-dgreen.disabled,
    .btn-dgreen[disabled],
    fieldset[disabled] .btn-dgreen,
    .btn-dgreen.disabled:hover,
    .btn-dgreen[disabled]:hover,
    fieldset[disabled] .btn-dgreen:hover,
    .btn-dgreen.disabled:focus,
    .btn-dgreen[disabled]:focus,
    fieldset[disabled] .btn-dgreen:focus,
    .btn-dgreen.disabled:active,
    .btn-dgreen[disabled]:active,
    fieldset[disabled] .btn-dgreen:active,
    .btn-dgreen.disabled.active,
    .btn-dgreen[disabled].active,
    fieldset[disabled] .btn-dgreen.active {
        background-color: #0DB548;
        border-color: #026926;
    }

    .btn-dgreen .badge {
        color: #0DB548;
        background-color: #ffffff;
    }

.btn-mblue {
    color: #ffffff;
    background-color: #0DA1B5;
    border-color: #025D69;
}

    .btn-mblue:hover,
    .btn-mblue:focus,
    .btn-mblue:active,
    .btn-mblue.active,
    .open .dropdown-toggle.btn-mblue {
        color: #6FF;
        background-color: #247A7A;
        border-color: #025D69;
    }

    .btn-mblue:active,
    .btn-mblue.active,
    .open .dropdown-toggle.btn-mblue {
        background-image: none;
    }

    .btn-mblue.disabled,
    .btn-mblue[disabled],
    fieldset[disabled] .btn-mblue,
    .btn-mblue.disabled:hover,
    .btn-mblue[disabled]:hover,
    fieldset[disabled] .btn-mblue:hover,
    .btn-mblue.disabled:focus,
    .btn-mblue[disabled]:focus,
    fieldset[disabled] .btn-mblue:focus,
    .btn-mblue.disabled:active,
    .btn-mblue[disabled]:active,
    fieldset[disabled] .btn-mblue:active,
    .btn-mblue.disabled.active,
    .btn-mblue[disabled].active,
    fieldset[disabled] .btn-mblue.active {
        background-color: #0DA1B5;
        border-color: #025D69;
    }

    .btn-mblue .badge {
        color: #0DA1B5;
        background-color: #ffffff;
    }

.btn-burnt {
    color: #ffffff;
    background-color: #B5690D;
    border-color: #694302;
}

    .btn-burnt:hover,
    .btn-burnt:focus,
    .btn-burnt:active,
    .btn-burnt.active,
    .open .dropdown-toggle.btn-burnt {
        color: #fffccc;
        background-color: #7A5024;
        border-color: #694302;
    }

    .btn-burnt:active,
    .btn-burnt.active,
    .open .dropdown-toggle.btn-burnt {
        background-image: none;
    }

    .btn-burnt.disabled,
    .btn-burnt[disabled],
    fieldset[disabled] .btn-burnt,
    .btn-burnt.disabled:hover,
    .btn-burnt[disabled]:hover,
    fieldset[disabled] .btn-burnt:hover,
    .btn-burnt.disabled:focus,
    .btn-burnt[disabled]:focus,
    fieldset[disabled] .btn-burnt:focus,
    .btn-burnt.disabled:active,
    .btn-burnt[disabled]:active,
    fieldset[disabled] .btn-burnt:active,
    .btn-burnt.disabled.active,
    .btn-burnt[disabled].active,
    fieldset[disabled] .btn-burnt.active {
        background-color: #B5690D;
        border-color: #694302;
    }

    .btn-burnt .badge {
        color: #B5690D;
        background-color: #ffffff;
    }

.btn-grey {
    color: #ffffff;
    background-color: #A6A1AD;
    border-color: #605D70;
}

    .btn-grey:hover,
    .btn-grey:focus,
    .btn-grey:active,
    .btn-grey.active,
    .open .dropdown-toggle.btn-grey {
        color: #ffffff;
        background-color: #413C47;
        border-color: #605D70;
    }

    .btn-grey:active,
    .btn-grey.active,
    .open .dropdown-toggle.btn-grey {
        background-image: none;
    }

    .btn-grey.disabled,
    .btn-grey[disabled],
    fieldset[disabled] .btn-grey,
    .btn-grey.disabled:hover,
    .btn-grey[disabled]:hover,
    fieldset[disabled] .btn-grey:hover,
    .btn-grey.disabled:focus,
    .btn-grey[disabled]:focus,
    fieldset[disabled] .btn-grey:focus,
    .btn-grey.disabled:active,
    .btn-grey[disabled]:active,
    fieldset[disabled] .btn-grey:active,
    .btn-grey.disabled.active,
    .btn-grey[disabled].active,
    fieldset[disabled] .btn-grey.active {
        background-color: #A6A1AD;
        border-color: #605D70;
    }

    .btn-grey .badge {
        color: #A6A1AD;
        background-color: #ffffff;
    }

.btn-mred {
    color: #FFFFFF;
    background-color: #E01919;
    border-color: #BD4242;
}

    .btn-mred:hover,
    .btn-mred:focus,
    .btn-mred:active,
    .btn-mred.active,
    .open .dropdown-toggle.btn-mred {
        color: #FFFFFF;
        background-color: #871111;
        border-color: #BD4242;
    }

    .btn-mred:active,
    .btn-mred.active,
    .open .dropdown-toggle.btn-mred {
        background-image: none;
    }

    .btn-mred.disabled,
    .btn-mred[disabled],
    fieldset[disabled] .btn-mred,
    .btn-mred.disabled:hover,
    .btn-mred[disabled]:hover,
    fieldset[disabled] .btn-mred:hover,
    .btn-mred.disabled:focus,
    .btn-mred[disabled]:focus,
    fieldset[disabled] .btn-mred:focus,
    .btn-mred.disabled:active,
    .btn-mred[disabled]:active,
    fieldset[disabled] .btn-mred:active,
    .btn-mred.disabled.active,
    .btn-mred[disabled].active,
    fieldset[disabled] .btn-mred.active {
        background-color: #E01919;
        border-color: #BD4242;
    }

    .btn-mred .badge {
        color: #E01919;
        background-color: #FFFFFF;
    }

.btn-lblue {
    color: #FFFFFF;
    background-color: #19D9E0;
    border-color: #3E8A94;
}

    .btn-lblue:hover,
    .btn-lblue:focus,
    .btn-lblue:active,
    .btn-lblue.active,
    .open .dropdown-toggle.btn-lblue {
        color: #FFFFFF;
        background-color: #0F6773;
        border-color: #3E8A94;
    }

    .btn-lblue:active,
    .btn-lblue.active,
    .open .dropdown-toggle.btn-lblue {
        background-image: none;
    }

    .btn-lblue.disabled,
    .btn-lblue[disabled],
    fieldset[disabled] .btn-lblue,
    .btn-lblue.disabled:hover,
    .btn-lblue[disabled]:hover,
    fieldset[disabled] .btn-lblue:hover,
    .btn-lblue.disabled:focus,
    .btn-lblue[disabled]:focus,
    fieldset[disabled] .btn-lblue:focus,
    .btn-lblue.disabled:active,
    .btn-lblue[disabled]:active,
    fieldset[disabled] .btn-lblue:active,
    .btn-lblue.disabled.active,
    .btn-lblue[disabled].active,
    fieldset[disabled] .btn-lblue.active {
        background-color: #19D9E0;
        border-color: #3E8A94;
    }

    .btn-lblue .badge {
        color: #19D9E0;
        background-color: #FFFFFF;
    }

.btn-orange {
    color: #FFFFFF;
    background-color: #FABC00;
    border-color: #B39852;
}

    .btn-orange:hover,
    .btn-orange:focus,
    .btn-orange:active,
    .btn-orange.active,
    .open .dropdown-toggle.btn-orange {
        color: #FFFFFF;
        background-color: #73570F;
        border-color: #B39852;
    }

    .btn-orange:active,
    .btn-orange.active,
    .open .dropdown-toggle.btn-orange {
        background-image: none;
    }

    .btn-orange.disabled,
    .btn-orange[disabled],
    fieldset[disabled] .btn-orange,
    .btn-orange.disabled:hover,
    .btn-orange[disabled]:hover,
    fieldset[disabled] .btn-orange:hover,
    .btn-orange.disabled:focus,
    .btn-orange[disabled]:focus,
    fieldset[disabled] .btn-orange:focus,
    .btn-orange.disabled:active,
    .btn-orange[disabled]:active,
    fieldset[disabled] .btn-orange:active,
    .btn-orange.disabled.active,
    .btn-orange[disabled].active,
    fieldset[disabled] .btn-orange.active {
        background-color: #FABC00;
        border-color: #B39852;
    }

    .btn-orange .badge {
        color: #FABC00;
        background-color: #FFFFFF;
    }

.btn-yellow {
    color: #FFFFFF;
    background-color: #FAEE00;
    border-color: #D7DE11;
}

    .btn-yellow:hover,
    .btn-yellow:focus,
    .btn-yellow:active,
    .btn-yellow.active,
    .open .dropdown-toggle.btn-yellow {
        color: #FFFFFF;
        background-color: #858F00;
        border-color: #D7DE11;
    }

    .btn-yellow:active,
    .btn-yellow.active,
    .open .dropdown-toggle.btn-yellow {
        background-image: none;
    }

    .btn-yellow.disabled,
    .btn-yellow[disabled],
    fieldset[disabled] .btn-yellow,
    .btn-yellow.disabled:hover,
    .btn-yellow[disabled]:hover,
    fieldset[disabled] .btn-yellow:hover,
    .btn-yellow.disabled:focus,
    .btn-yellow[disabled]:focus,
    fieldset[disabled] .btn-yellow:focus,
    .btn-yellow.disabled:active,
    .btn-yellow[disabled]:active,
    fieldset[disabled] .btn-yellow:active,
    .btn-yellow.disabled.active,
    .btn-yellow[disabled].active,
    fieldset[disabled] .btn-yellow.active {
        background-color: #FAEE00;
        border-color: #D7DE11;
    }

    .btn-yellow .badge {
        color: #FAEE00;
        background-color: #FFFFFF;
    }

.btn-purple {
    color: #ffffff;
    background-color: #7319E8;
    border-color: #4430AB;
}

    .btn-purple:hover,
    .btn-purple:focus,
    .btn-purple:active,
    .btn-purple.active,
    .open .dropdown-toggle.btn-purple {
        color: #ffffff;
        background-color: #552299;
        border-color: #4430AB;
    }

    .btn-purple:active,
    .btn-purple.active,
    .open .dropdown-toggle.btn-purple {
        background-image: none;
    }

    .btn-purple.disabled,
    .btn-purple[disabled],
    fieldset[disabled] .btn-purple,
    .btn-purple.disabled:hover,
    .btn-purple[disabled]:hover,
    fieldset[disabled] .btn-purple:hover,
    .btn-purple.disabled:focus,
    .btn-purple[disabled]:focus,
    fieldset[disabled] .btn-purple:focus,
    .btn-purple.disabled:active,
    .btn-purple[disabled]:active,
    fieldset[disabled] .btn-purple:active,
    .btn-purple.disabled.active,
    .btn-purple[disabled].active,
    fieldset[disabled] .btn-purple.active {
        background-color: #7319E8;
        border-color: #4430AB;
    }

    .btn-purple .badge {
        color: #7319E8;
        background-color: #ffffff;
    }

.btn-dpurple {
    color: #ffffff;
    background-color: #430B8C;
    border-color: #1D0D6B;
}

    .btn-dpurple:hover,
    .btn-dpurple:focus,
    .btn-dpurple:active,
    .btn-dpurple.active,
    .open .dropdown-toggle.btn-dpurple {
        color: #ffffff;
        background-color: #3C1173;
        border-color: #1D0D6B;
    }

    .btn-dpurple:active,
    .btn-dpurple.active,
    .open .dropdown-toggle.btn-dpurple {
        background-image: none;
    }

    .btn-dpurple.disabled,
    .btn-dpurple[disabled],
    fieldset[disabled] .btn-dpurple,
    .btn-dpurple.disabled:hover,
    .btn-dpurple[disabled]:hover,
    fieldset[disabled] .btn-dpurple:hover,
    .btn-dpurple.disabled:focus,
    .btn-dpurple[disabled]:focus,
    fieldset[disabled] .btn-dpurple:focus,
    .btn-dpurple.disabled:active,
    .btn-dpurple[disabled]:active,
    fieldset[disabled] .btn-dpurple:active,
    .btn-dpurple.disabled.active,
    .btn-dpurple[disabled].active,
    fieldset[disabled] .btn-dpurple.active {
        background-color: #430B8C;
        border-color: #1D0D6B;
    }

    .btn-dpurple .badge {
        color: #430B8C;
        background-color: #ffffff;
    }

.btn-lilac {
    color: #ffffff;
    background-color: #B07EF2;
    border-color: #7B6CC7;
}

    .btn-lilac:hover,
    .btn-lilac:focus,
    .btn-lilac:active,
    .btn-lilac.active,
    .open .dropdown-toggle.btn-lilac {
        color: #ffffff;
        background-color: #6D4B99;
        border-color: #7B6CC7;
    }

    .btn-lilac:active,
    .btn-lilac.active,
    .open .dropdown-toggle.btn-lilac {
        background-image: none;
    }

    .btn-lilac.disabled,
    .btn-lilac[disabled],
    fieldset[disabled] .btn-lilac,
    .btn-lilac.disabled:hover,
    .btn-lilac[disabled]:hover,
    fieldset[disabled] .btn-lilac:hover,
    .btn-lilac.disabled:focus,
    .btn-lilac[disabled]:focus,
    fieldset[disabled] .btn-lilac:focus,
    .btn-lilac.disabled:active,
    .btn-lilac[disabled]:active,
    fieldset[disabled] .btn-lilac:active,
    .btn-lilac.disabled.active,
    .btn-lilac[disabled].active,
    fieldset[disabled] .btn-lilac.active {
        background-color: #B07EF2;
        border-color: #7B6CC7;
    }

    .btn-lilac .badge {
        color: #B07EF2;
        background-color: #ffffff;
    }

.btn-lgreen {
    color: #ffffff;
    background-color: #84F27E;
    border-color: #6CC779;
}

    .btn-lgreen:hover,
    .btn-lgreen:focus,
    .btn-lgreen:active,
    .btn-lgreen.active,
    .open .dropdown-toggle.btn-lgreen {
        color: #ffffff;
        background-color: #4B9954;
        border-color: #6CC779;
    }

    .btn-lgreen:active,
    .btn-lgreen.active,
    .open .dropdown-toggle.btn-lgreen {
        background-image: none;
    }

    .btn-lgreen.disabled,
    .btn-lgreen[disabled],
    fieldset[disabled] .btn-lgreen,
    .btn-lgreen.disabled:hover,
    .btn-lgreen[disabled]:hover,
    fieldset[disabled] .btn-lgreen:hover,
    .btn-lgreen.disabled:focus,
    .btn-lgreen[disabled]:focus,
    fieldset[disabled] .btn-lgreen:focus,
    .btn-lgreen.disabled:active,
    .btn-lgreen[disabled]:active,
    fieldset[disabled] .btn-lgreen:active,
    .btn-lgreen.disabled.active,
    .btn-lgreen[disabled].active,
    fieldset[disabled] .btn-lgreen.active {
        background-color: #84F27E;
        border-color: #6CC779;
    }

    .btn-lgreen .badge {
        color: #84F27E;
        background-color: #ffffff;
    }

.btn-lime {
    color: #ffffff;
    background-color: #4BFC41;
    border-color: #6CC779;
}

    .btn-lime:hover,
    .btn-lime:focus,
    .btn-lime:active,
    .btn-lime.active,
    .open .dropdown-toggle.btn-lime {
        color: #ffffff;
        background-color: #4B9954;
        border-color: #6CC779;
    }

    .btn-lime:active,
    .btn-lime.active,
    .open .dropdown-toggle.btn-lime {
        background-image: none;
    }

    .btn-lime.disabled,
    .btn-lime[disabled],
    fieldset[disabled] .btn-lime,
    .btn-lime.disabled:hover,
    .btn-lime[disabled]:hover,
    fieldset[disabled] .btn-lime:hover,
    .btn-lime.disabled:focus,
    .btn-lime[disabled]:focus,
    fieldset[disabled] .btn-lime:focus,
    .btn-lime.disabled:active,
    .btn-lime[disabled]:active,
    fieldset[disabled] .btn-lime:active,
    .btn-lime.disabled.active,
    .btn-lime[disabled].active,
    fieldset[disabled] .btn-lime.active {
        background-color: #4BFC41;
        border-color: #6CC779;
    }

    .btn-lime .badge {
        color: #4BFC41;
        background-color: #ffffff;
    }

.btn-green {
    color: #ffffff;
    background-color: #02C702;
    border-color: #0B9C21;
}

    .btn-green:hover,
    .btn-green:focus,
    .btn-green:active,
    .btn-green.active,
    .open .dropdown-toggle.btn-green {
        color: #ffffff;
        background-color: #106E1B;
        border-color: #0B9C21;
    }

    .btn-green:active,
    .btn-green.active,
    .open .dropdown-toggle.btn-green {
        background-image: none;
    }

    .btn-green.disabled,
    .btn-green[disabled],
    fieldset[disabled] .btn-green,
    .btn-green.disabled:hover,
    .btn-green[disabled]:hover,
    fieldset[disabled] .btn-green:hover,
    .btn-green.disabled:focus,
    .btn-green[disabled]:focus,
    fieldset[disabled] .btn-green:focus,
    .btn-green.disabled:active,
    .btn-green[disabled]:active,
    fieldset[disabled] .btn-green:active,
    .btn-green.disabled.active,
    .btn-green[disabled].active,
    fieldset[disabled] .btn-green.active {
        background-color: #02C702;
        border-color: #0B9C21;
    }

    .btn-green .badge {
        color: #02C702;
        background-color: #ffffff;
    }

.btn-mokka {
    color: #ffffff;
    background-color: #B38744;
    border-color: #856820;
}

    .btn-mokka:hover,
    .btn-mokka:focus,
    .btn-mokka:active,
    .btn-mokka.active,
    .open .dropdown-toggle.btn-mokka {
        color: #ffffff;
        background-color: #6B641A;
        border-color: #856820;
    }

    .btn-mokka:active,
    .btn-mokka.active,
    .open .dropdown-toggle.btn-mokka {
        background-image: none;
    }

    .btn-mokka.disabled,
    .btn-mokka[disabled],
    fieldset[disabled] .btn-mokka,
    .btn-mokka.disabled:hover,
    .btn-mokka[disabled]:hover,
    fieldset[disabled] .btn-mokka:hover,
    .btn-mokka.disabled:focus,
    .btn-mokka[disabled]:focus,
    fieldset[disabled] .btn-mokka:focus,
    .btn-mokka.disabled:active,
    .btn-mokka[disabled]:active,
    fieldset[disabled] .btn-mokka:active,
    .btn-mokka.disabled.active,
    .btn-mokka[disabled].active,
    fieldset[disabled] .btn-mokka.active {
        background-color: #B38744;
        border-color: #856820;
    }

    .btn-mokka .badge {
        color: #B38744;
        background-color: #ffffff;
    }

.my-custom-scrollbar {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: auto;
}

.modalProgressbar {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

.centerProgressbar {
    z-index: 1000;
    margin: 200px auto;
    padding: 10px;
    width: 150px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

    .centerProgressbar img {
        height: 128px;
        width: 128px;
    }

.panel-default > .panel-heading {
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #8c86d7 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #A7A9AC 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#A7A9AC));
    background-image: linear-gradient(to bottom, #A7A9AC 0%, #A7A9AC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
}

.panel-default {
    border-color: #A7A9AC;
}

.panel-group {
    padding-top: 31px;
}

.panel-title {
    color: #fff;
}

.panel-body {
    padding: 0px;
}

.paneltopmargin {
    margin-top: 7px;
}

.paneltopmargin1 {
    padding-top: 30px;
}

.paneltopmargin2 {
    padding-top: 0px;
}

.panel {
    margin-bottom: 0px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

#Export {
    margin-right: -13px;
    margin-left: 5px;
}

#AddNew {
    margin-right: 5px;
}

#Update {
    margin-right: 5px;
}

#Upload {
    margin-right: 5px;
}

#Insert {
    margin-right: 5px;
}

#Delete {
    margin-left: 5px;
}

.navbar-inverse {
    background-image: linear-gradient(to bottom, #222 0%, #222 100%);
}