#box_blue {
    background: #222c36;
    border-top: 1px solid #6a839d;
    padding: 100px 0;
}

#box_red {
    border-top: 1px solid #6a839d;
    padding: 100px 0;
    background-color: #cd5c2b;
    background: #f5f5f5 url('../img/texture_paper.png') left top;
    position: relative;
    overflow: hidden;
}

    #box_red h2 {
        color: #ffebba;
    }


#box_black {
    border-top: 1px solid #6a839d;
    padding: 100px 0;
    background-color: #0a1318;
    position: relative;
    overflow: hidden;
}


#box_blue h2 {
    color: #94c2f0;
}

h2 {
    font-size: 260%;
}


 

.white {
    color: white;
}


#hero {
    background: url('../img/hero.png') no-repeat left top;
    position: absolute;
    width: 600px;
    height: 600px;
    right: 0px;
}


h2, h3 {
    font-family: 'OpenSansBold';
    font-weight: normal;
    letter-spacing: -.05em;
    text-rendering: auto;
}



body {
    /* background: #474747; /* Old browsers */
    background-attachment: fixed;
}


html, body, .container, .content {
    height: 100%;
}

.container, .content {
    position: relative;
}

.proper-content {
    padding-top: 40px; /* >= navbar height */
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -50px; /* same as the footer */
}

.push {
    height: 50px; /* same as the footer */
}

.footer-wrapper {
    position: relative;
    height: 80px;
    margin-top:-80px;
}


.form-horizontal-login .controls {
    margin-left: 0px;
}

.reg-button {
}

.box {
    border: 1px solid #CCC;
    padding: 0px;
    border-radius: 4px;
    margin-bottom: 20px;
}


.fill {
    min-height: 100%;
    position: relative;
}

#side_nav {
    border: none;
}

.list-label {
    margin-top: 10px;
}

.welcome_message {
    padding-top: 22px;
}

#side_nav li a {
    border: none;
    color: #46484a;
    display: block;
    border-top: 1px solid #e4eaf4;
    border-bottom: 1px solid #9fa7b2;
    padding: 8px;
    font-weight: bold;
    border-radius: 0;
    background: url('../img/nav_shadow.png') no-repeat right top #d0d5de;
}

.inner_nav {
    padding: 2px 0;
    margin: 0;
    background: #283447;
}

#side_nav li {
    position: relative;
}


#side_nav .inner_nav li a {
    border: none;
    color: #d9e0eb;
    display: block;
    font-size: 90%;
    background: #283447;
    padding: 3px 0px 3px 24px;
    font-weight: normal;
    border-radius: 0;
}


#side_nav .inner_nav li:first-child a {
}

#side_nav li a:hover {
    background: url('../img/nav_shadow.png') no-repeat right top #bfc7d3;
}

#side_nav .inner_nav li a:hover {
    background: #41516a;
}


#side_nav li.active > a {
    background: url(../img/nav_active.png) center right no-repeat #599ae4;
    border: none;
    border-top: 1px solid #badaff;
    color: white;
}

#side_nav .inner_nav {
    display: none;
    z-index: 1;
    padding: 0 0 0px;
}

#side_nav > li:hover .inner_nav {
}

.active_submenu {
    display: block !important;
    position: absolute;
    top: 0px;
    left: 180px;
}

#side_nav > li.active:hover .inner_nav {
    position: relative;
    top: 0px;
    left: 0px;
    border: none;
    padding: 0 0 0px;
}

.inner_nav li a {
    width: 156px;
}


#side_nav li.active ul {
    display: block;
}

html, body {
    height: 100%;
}


.container, .content {
    position: relative;
}

html, body, .container, .content {
    height: 100%;
}

.logo {
    margin: 0px auto 30px;
    padding: 70px 0 30px;
    width: auto;
    display: block;
}


#login_box {
    background: white;
    margin: 0px auto;
    border-radius: 5px;
    padding: 20px 30px;
 
    box-shadow: 0px 3px 6px #000;
}


.nav_sidebar {
    background: #b2bbc8;
    margin-left: 0;
    float: left;
    width: 180px;
}



.thumbnail h4 {
    text-align: center;
}


.nav-list h6 {
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: normal;
    color: #545454;
}

.nav-list h5 {
    margin-top: 2px;
    margin-bottom: 0px;
}



.smaller {
    font-size: 80%;
}


.nav_smaller {
    width: 50px;
}

.con_smaller {
    margin-left: 50px !important;
}

#side_nav li ul.hidden_link, #side_nav li.active ul.hidden_link {
    height: 0px;
    overflow: hidden;
    border: none;
}

.hidden_link {
    display: none;
}



#menu_collapse {
    background: url('../img/ic_pullleft.png') top left no-repeat;
    text-indent: -9000px;
    display: block;
    height: 50px;
}



#content {
    margin-left: 0px;
    padding: 20px 20px;
}



#header h2 {
    font-size: 180%;
    color: #83898C;
    font-family: 'OpenSansLight';
    letter-spacing: -.07em;
    padding: 0 0 0 0px;
}

.tab-button-row {
    padding: 0px 0 10px;
}

.small-caps {
    text-transform: uppercase;
    font-size: 80%;
    font-weight: bold;
}



#header {
}



.small-header {
    padding: 0px;
    margin: 0;
    font-size: 180%;
    letter-spacing:.1 em;
}


#user:hover {
    cursor: pointer;
    border: 1px solid #666666;
}






/*
 * Page length menu
 */
.dataTables_length {
    float: left;
}


/*
 * Filter
 */
.dataTables_filter {
    float: right;
    text-align: right;
}


/*
 * Table information
 */
.dataTables_info {
    clear: both;
    float: left;
}


/*
 * Pagination
 */
.dataTables_paginate {
    float: right;
    text-align: right;
    padding-bottom: 10px;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #111 !important;
}

    .paginate_disabled_previous:hover,
    .paginate_enabled_previous:hover,
    .paginate_disabled_next:hover,
    .paginate_enabled_next:hover {
        text-decoration: none !important;
    }

    .paginate_disabled_previous:active,
    .paginate_enabled_previous:active,
    .paginate_disabled_next:active,
    .paginate_enabled_next:active {
        outline: none;
    }

.paginate_disabled_previous,
.paginate_disabled_next {
    color: #666 !important;
}

.paginate_disabled_previous,
.paginate_enabled_previous {
    padding-left: 23px;
}

.paginate_disabled_next,
.paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}

.paginate_enabled_previous {
    background: url('../images/back_enabled.png') no-repeat top left;
}

    .paginate_enabled_previous:hover {
        background: url('../images/back_enabled_hover.png') no-repeat top left;
    }

.paginate_disabled_previous {
    background: url('../images/back_disabled.png') no-repeat top left;
}

.paginate_enabled_next {
    background: url('../images/forward_enabled.png') no-repeat top right;
}

    .paginate_enabled_next:hover {
        background: url('../images/forward_enabled_hover.png') no-repeat top right;
    }

.paginate_disabled_next {
    background: url('../images/forward_disabled.png') no-repeat top right;
}



/*
 * Table wrapper
 */
.dataTables_wrapper {
    position: relative;
    clear: both;
    min-height:300px;
    *zoom: 1;
}

.dataTables_length select {
    width: 60px;
}


.dataTables_filter input {
}

.dataTables_info {
    clear: none;
    float: left;
    font-size: 80%;
}

.table thead th {
}

.sorting_asc {
    background: url("../img/sort_asc.png") no-repeat scroll right center #e5f6fb;
}


.sorting_desc {
    background: url("../img/sort_desc.png") no-repeat scroll right center #e5f6fb;
}


.sorting {
    background: url("../img/sort_both.png") no-repeat scroll right center transparent;
}


.nav-notifi li a {
    border-bottom: 1px solid #CCC;
    border-color: #d7d7d7;
}

.nav-notifi li:last-child a {
    border: none;
}

.nav-notifi li a h5 {
    color: #737373;
}

.nav-notifi li a p {
    font-size: 90%;
}

.nav-tabs-vert li {
    background: white;
}

.well-small-vert {
    padding: 5px;
}

.nav-tabs.nav-stacked.well-small-vert li a {
    border: none;
}

.nav-tabs.nav-stacked.well-small-vert .active a {
    background-image: url('../img/nav_active.png');
    background-position: center right;
    background-repeat: no-repeat;
}

.nav-tabs-vert > .active > a, .nav-tabs-vert > .active > a:hover {
    -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 #5395D2;
    border-color: -moz-use-text-color -moz-use-text-color #5395D2;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 0px;
    color: white;
    padding-bottom: 7px;
}

.navbar .nav-notifi li {
    position: relative;
    float: none;
}

.nav-search li a {
    height: 58px;
    overflow: hidden;
    border-bottom: 1px solid #CCC;
}

    .nav-search li a:hover {
        cursor: pointer;
    }

        .nav-search li a:hover h6, .nav-search li a:hover .grey-text {
            color: white;
        }

.nav-search-small li a {
    height: auto;
}
.navbar .nav-search li {
    position: relative;
    float: none;
}


.white-gradient {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 11%, rgba(239,239,239,1) 26%, rgba(247,247,247,1) 98%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(11%,rgba(255,255,255,1)), color-stop(26%,rgba(239,239,239,1)), color-stop(98%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 11%,rgba(239,239,239,1) 26%,rgba(247,247,247,1) 98%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 11%,rgba(239,239,239,1) 26%,rgba(247,247,247,1) 98%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 11%,rgba(239,239,239,1) 26%,rgba(247,247,247,1) 98%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 11%,rgba(239,239,239,1) 26%,rgba(247,247,247,1) 98%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}




.navbar .nav-notifi {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
}


.form-horizontal-login .controls {
    margin-left: 0px;
}



.shadow-box {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    padding: 15px 15px;
    border-width: 1px 1px 1px 1px;
    background: white;
    margin-bottom: 20px;
    position: relative;
    border: 1px solid #DDD;
    border-radius: 4px;
    margin-bottom: 20px;
}



.box {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-width: 1px 1px 1px 1px;
    height: 900px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}


.shadow-right {
    box-shadow: -2px 0 3px 0 #D7D7D7 inset;
}

#options_box {
    padding: 0;
    width: 100%;
}

.option_back {
    background: none repeat scroll 0 0 #232323;
    height: 100%;
    margin-right: 0;
    padding: 10px;
}

    .option_back:hover {
        background-color: #216fb7;
    }

#list_box {
    width: 100%;
}

.option_header {
    background: none repeat scroll 0 0 #4F4F4F;
    height: 45px;
}

    .option_header h4 {
        color: white;
        display: inline-block;
        padding: 10px 16px 0px;
        margin: 0;
        font-family: 'OpenSansLight';
        font-weight: normal;
        font-size: 120%;
        text-transform: none;
        border: none;
    }

.fill {
    min-height: 100%;
    position: relative;
}



.nav-notifi ul.sub {
    display: none;
    position: absolute;
    left: 222px;
    background: white;
}

.nav-notifi li:hover ul.sub {
}

.nav-notifi li:hover {
    cursor: pointer;
}


.sub li a {
    display: block;
}

.nav-notifi li a {
    border-bottom: 1px solid #CCC;
    border-color: #d7d7d7;
}

.nav-notifi > li > a {
    border-bottom: 1px solid #CCC;
    border-color: #d7d7d7;
    min-height: 62px;
}

.nav-search > li > a {
    border-bottom: 1px solid #CCC;
    border-color: #d7d7d7;
}

.nav-notifi li:last-child a {
    border: none;
}

.nav-notifi li a h5 {
    color: #737373;
}

.nav-notifi li a p {
    font-size: 90%;
    padding: 6px 0 2px;
    margin: 0;
    line-height: 120%;
    color: #9a9a9a;
}

.nav-notifi li.row-selected > a h5, .nav-notifi li.row-selected > a p {
    color: #FFF;
}




ul.sub {
    list-style-type: none;
    padding: 0px 15px;
    width: auto;
    width: 140px;
}

.header_thing {
    margin-left: 100px;
}


.autocomplete-w {
    background: white;
}


.autocomplete-w1 {
    border: 1px solid #CCC;
    background: url(img/shadow.png) no-repeat bottom right;
    top: 0px;
    left: 0px;
    margin: 6px 0 0 6px; /* IE6 fix: */
    _background: none;
    _margin: 1px 0 0 0;
}

.autocomplete {
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    text-align: left;
    max-height: 350px;
    overflow: auto;
    margin: -6px 6px 6px -6px; /* IE6 specific: */
    _height: 350px;
    _margin: 0;
    _overflow-x: hidden;
}

    .autocomplete .selected {
        background: #F0F0F0;
    }

    .autocomplete div {
        padding: 2px 5px;
        white-space: nowrap;
        overflow: hidden;
    }

    .autocomplete strong {
        font-weight: normal;
        color: #3399FF;
    }


.autocomplete-w1 {
    background: white;
}


footer {
    font-size: 85%;
    padding: 20px 0 0;
    color: #C8D5DB;
}




.nav li .widget .alt_side {
}

    .nav li .widget .alt_side ul li ul li a {
        border-radius: 0px;
    }



.nav li {
    list-style-type: none;
}

#main_nav .nav > li:hover > ul {
     
}

#main_nav .nav > li > ul {
    position: absolute;
    list-style-type: none;
    margin: 0;
    left: 0;
    display: none;
    z-index: 44444444;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    background-color: #3c7395;
    box-shadow: 0px 2px 7px rgba(0,0,0,.3);
    padding:3px;
}

    #main_nav .nav > li > ul li a:hover {
        background: #6098bb;
    }

.nav > li > ul > li:last-child a {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}


.nav-notifi {
}



    .nav-notifi ul.quick_sub {
        position: absolute;
        list-style-type: none;
        margin: 0;
        display: block;
        visibility: hidden;
        left: 22px;
        width: 160px;
        top: 0px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        z-index: 2;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        -ms-transition: all .2s ease;
        transition: all .2s ease;
    }


        .nav-notifi ul.quick_sub li a {
            padding-left: 0px;
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -o-transition: all .2s ease;
            -ms-transition: all .2s ease;
            transition: all .2s ease;
        }

    .nav-notifi ul.show-menu li a {
        padding-left: 15px;
    }

    .nav-notifi ul.show-menu {
        display: block !important;
        width: 180px;
        visibility: visible;
    }


    .nav-notifi ul.quick_sub li a {
        color: #ededed;
        border-color: #616161;
    }

#main_nav .nav > li > ul > li > a {
    padding: 5px 17px 5px 14px;
    color: #fff;
    font-size: 80%;
    width: 180px;
    border-radius:4px;
    display: block;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
-ms-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear;
}



#main_nav .nav li > ul > li > a {
    border-bottom: 0px solid #295875;
}

#main_nav .nav li > ul > li:last-child > a {
    border-bottom: 0px solid #818181;
}


.nav li > ul > li.reg_1 a {
    border-bottom: 0px solid #818181;
}

.nav li > ul > li.reg_2 a {
    border-bottom: 0px solid #818181;
}

#main_nav .nav li:hover > ul {
   // display: block;
}

.nav-notifi li .quick_arrow:hover ul {
    display: block;
}



.nav li .header_bar {
   
    padding: 0px;
    color: white;
    font-weight: bold;
    font-size: 80%;
    z-index: 2;
}

#main_nav .nav li .header_bar a {
    font-size: 130%;
    color: #87cbff;
    font-weight: normal;
    padding: 6px 14px;
}


.nav li:hover .header_bar {
    display: block;
}

#main_nav .nav li:hover > a {
    background-color: #3c7395;
    text-decoration: none;
}

.nav li {
    position: relative;
}

    .nav li .alt_h {
        background: #17191d;
        padding: 10px 10px 9px;
        color: #d6d7d9;
    }

    .nav li .widget .alt_side {
    }


.reg_1 {
 
}

.nav li .widget {
    
    position: absolute;
    z-index: 255;
    width: 560px;
}

.reg_1 {
    width: 70%;
}

.reg_2 {
    width: 30%;
    float: right;
}

.nav li:hover .widget {
    display: block;
}


.nav li .widget > ul {
    display: block;
    list-style-type: none;
    padding: 4px 8px;
    margin: 0;
    width: 130px;
}


.nav li .widget > ul {
    padding: 0;
}

.nav li .widget ul li a {
    color: #FFF;
    display: block;
    padding: 4px 5px;
    font-size: 90%;
    line-height: 140%;
}

.nav li .widget ul li.strong a {
    color: white;
    font-weight: bold;
}


.nav li .widget ul li:hover a:hover {
    text-decoration: none;
}

.nav li .widget > ul {
    float: left;
}


.widget ul li.header {
    color: #87cbff;
    font-weight: bold;
    padding: 2px 5px 2px 1px;
}


.options-box button {
}

.widget > div {
    display: inline-block;
}

#searchbar {
    opacity: .4;
}


#nav_primary {
    font-size: 95%;
}




ul.widget li ul li ul {
    display: block;
    position: relative;
    margin: 0;
    float: left;
    width: 50%;
}

li.reg_1 > ul > li {
    padding: 10px;
}

li.reg_2 > ul > li {
    padding: 10px;
}


ul.widget li.reg_2 ul li ul {
    display: block;
    position: relative;
    float: left;
    width: 100%;
}

.reg_1 ul {
}

.reg_2 ul {
}


li.reg_1 > ul, li.reg_2 > ul {
    width: 100%;
    padding: 0;
    margin: 0;
}

ul.widget > li {
    float: left;
    position: relative;
    border-bottom-left-radius: 15px;
}

#top_nav {
    background-color: #20344a;
    border-color: #4e5e71;
    border-bottom: 0px solid #CCC;
    padding: 0px 20px;
    border-top: 0px solid #4b82cd;
    background: #2e4d5b;
    background: -moz-linear-gradient(top, #2e4d5b 0%, #21333d 96%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e4d5b), color-stop(96%,#21333d));
    background: -webkit-linear-gradient(top, #2e4d5b 0%,#21333d 96%);
    background: -o-linear-gradient(top, #2e4d5b 0%,#21333d 96%);
    background: -ms-linear-gradient(top, #2e4d5b 0%,#21333d 96%);
    background: linear-gradient(to bottom, #2e4d5b 0%,#21333d 96%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e4d5b', endColorstr='#21333d',GradientType=0 );
}


.loading_widget {
    width: 100%;
    height: 200px;
    background: url('../img/ajax-loader.gif') center no-repeat;
}

.quick_sub {
    font-size: 90%;
}

#main_nav {
    background: none repeat scroll 0 0 #5f99b4;
    padding: 0 5px;
    border-top: 1px solid #5183a2;
    box-shadow: inset 0px -4px 4px -4px #255064;
}

.input-prepend #search-add {
    opacity: 1;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
}

.input-append #search-add:hover {
    opacity: .7;
    cursor: pointer;
}

.nav-notifi li a h5 {
    font-weight: normal;
}

.navbar .nav-notifi li:hover > a {
    background-color: #5395D2;
    color: White;
}

.navbar .nav-notifi li > a h5, .navbar .nav-notifi li > a p {
    line-height: 100%;
}

.navbar .nav-notifi li:hover > a h5, .navbar .nav-notifi li:hover > a p {
    color: white;
}


.navbar .nav-notifi li > a h5 {
    font-weight: bold;
}


.navbar .nav-notifi li > a h5, .navbar .nav-notifi li > a p {
    text-shadow: none;
}




#user-box > a {
    background: #c3d7e7;
    border-radius: 4px;
    border-bottom: 1px solid white;
}

    #user-box > a:hover {
        background: #98b9d2;
    }

.log_nav {
}

#txtQuickSearch {
    font-size: 13px;
    border-left: none;
    width: 190px;
    -webkit-border-radius: 0 15px 15px 0;
    -moz-border-radius: 0 15px 15px 0;
    border-radius: 0 15px 15px 0;
}


#txtQuickSearch, #search-add {
    opacity: .85;
    background: #fff;
    border-top: 1px solid #94a8b0;
    border-bottom: 1px solid white;
}

#search-add {
    border-left: none;
    border-right: none;
    width: 30px;
}

    #search-add:hover {
        opacity: 1;
    }

.underline {
    border-bottom: 1px solid #CCCCCC;
    color: #999999;
    font-size: 80%;
    margin: 5px 0 4px;
    padding: 0;
    text-shadow: 0 1px 0 white;
    text-transform: uppercase;
}


.filter-box label {
    font-size: 80%;
    margin-bottom: 0;
}

.filter-box input {
    font-size: 80%;
    margin-bottom: 2px;
    min-height: 25px;
    padding: 2px;
}

    .filter-box input[type="checkbox"] {
        min-height: 15px;
    }

.table tbody tr.active-row td {
    background-color: #118ed0 !important;
    color: White;
}



#search_splash {
    text-align: center;
    padding: 50px 0;
}

.quick_arrow {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 5px;
    height: 84%;
    background: #F7f7f7;
}

#quick-buttons {
    opacity: .8;
}


    #quick-buttons.active-buttons {
        opacity: 1;
    }

        #quick-buttons.active-buttons .btn {
            border-bottom: 1px solid #383838;
        }

            #quick-buttons.active-buttons .btn.active {
                background: #0088CC;
            }

.quick_arrow:hover, .arrow-selected {
    color: white;
    background: #005f8f;
}

.quick_arrow:hover, .arrow-selected {
}



.box-shadow {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.box-shadow-intense {
    box-shadow: 0 0px 36px rgba(0, 0, 0, 0.5);
}


.letterpress {
    text-shadow: 0 -1px 1px #000;
}


.grey-text {
    color: #7d7d7d;
}

.light-grey-text {
    color: #bbbbbb;
}

.blue-text {
    color: #0088cc;
}

.inline-inactive span {
    margin: 0;
}

.inline-inactive h6 {
    font-weight: normal;
    margin: 0px;
}

.big-text {
    font-size: 130%;
}

.info-section .btn-group {
    opacity: 0;
    padding-top: 9px;
}

.inline-inactive .btn-group {
    opacity: 0;
}

.info-section:hover .btn-group, .inline-inactive:hover .btn-group {
    opacity: 1;
}

.info-section {
    margin-bottom: 5px;
}

.notifications {
    position: fixed;
    z-index: 3;
}

    /* Positioning */
    .notifications.top-right {
        right: 10px;
        top: 25px;
    }

    .notifications.top-left {
        left: 0px;
        top: 0px;
        width: 100%;
        border-radius: 0;
        margin: 0;
    }

    .notifications.top {
        left: 10px;
        top: 25px;
    }

    .notifications.bottom-left {
        left: 10px;
        bottom: 25px;
    }

    .notifications.bottom-right {
        right: 10px;
        bottom: 25px;
    }

    /* Notification Element */
    .notifications > div {
        position: relative;
        z-index: 9999;
        margin: 0px 0px;
    }





/* Webkit Only */
.alert-blackgloss:before {
    background: -webkit-gradient(linear, 0% -16.5%, 16.5% -100%, from(rgba(255,255,255,.0)), to(rgba(255,255,255,.6)), color-stop(.99,rgba(255,255,255,.2)),color-stop(.5,rgba(255,255,255,.0))) no-repeat;
    -webkit-mask-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.5)), color-stop(.8,rgba(255,255,255,.0)));
    position: absolute;
    content: '.';
    line-height: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
    -webkit-border-radius: 5px;
}

.alert-blackgloss {
    -webkit-animation: notification .75s linear;
    -moz-animation: notification .75s linear;
    -ms-animation: notification .75s linear;
    -o-animation: notification .75s linear;
    animation: notification .75s linear;
    background: rgba(0,0,0,.8);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 0 1px rgba(255,255,255,.1);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 0 1px rgba(255,255,255,.1);
    -ms-box-shadow: 0 2px 5px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 0 1px rgba(255,255,255,.1);
    -o-box-shadow: 0 2px 5px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 0 1px rgba(255,255,255,.1);
    box-shadow: 0 2px 5px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 0 1px rgba(255,255,255,.1);
    border: 1px solid rgba(0,0,0,.95);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 1px 2px rgba(0,0,0,.5);
    color: #fff;
    -webkit-transform: rotateY(-0deg);
    -moz-transform: rotateY(-0deg);
    -o-transform: rotateY(-0deg);
    transform: rotateY(-0deg);
    position: relative;
    background-clip: padding-box;
}

    .alert-blackgloss .close {
        position: relative;
        top: -3px;
        right: -25px;
        color: #fff;
        content: 'x';
    }

.small-text {
    font-size: 83%;
}

.smaller-text {
    font-size: 70%;
    line-height: 80%;
}

table.dataTable tr.odd td.sorting_1 {
    background: none;
}

.light-gray-back {
    background: #EFEFEF;
    padding: 0 0 0 10px;
    border-radius: 6px;
}

.dark-gray-back {
    background: #373737;
    padding: 1px 10px;
}

    .dark-gray-back label {
        color: #EFEFEF;
    }

    .dark-gray-back h3 {
        color: White;
    }

table.dataTable tr.odd td.sorting_1 {
    background-color: #F9F9F9;
}




table.dataTable tr.even td.sorting_1 {
    background-color: #FFF;
}


table.dataTable {
    clear: both;
    margin: 0 auto;
    width: 100%;
    margin: 0 0 10px;
}

h6.small-caps {
    margin: 3px 0;
}

.blue-header {
    padding: 6px 0px 3px 3px;
    border-bottom: 1px solid #CCC;
    font-size: 80%;
}

.sub-header {
    padding: 1px 0px 3px 8px;
}

    .sub-header .btn-group {
        margin-top: 0px;
        margin-right: 6px;
    }

    .sub-header h6 {
        margin: 10px 0 0;
    }

.mini-header .grey-text {
    font-size: 92%;
}

.mini-header {
    padding: 6px 0px 0px 0px;
}

    .mini-header .btn-group {
        padding: 0px;
        margin: 0;
    }

.phone-section {
    padding: 0 6px;
}

.green-text {
    color: #6aa63e;
    /*color: #333333;*/
}

.transaction-text {
    color: #333333;
}

.red-text {
    color: #b94a48;
}

.yellow-text {
    color: #e5c83f;
}

.light-text {
    font-family: 'OpenSansLight';
    font-weight: normal;
}

.bold-text {
    font-family: 'OpenSansBold';
    font-weight: normal;
}

.blue-main-header {
    background: #424950;
    color: White;
    padding: 10px;
    display: block;
    border-radius: 6px;
    font-size: 130%;
}

.blue-header h4 {
    padding: 0;
    margin: 0;
    color: #97a4a9;
    text-transform: none;
    font-size: 130%;
    font-weight: normal;
   
}

.blue-header h5 {
    margin: 0 5px;
}

.indiv-tab {
    border-top: 0px solid #CCC;
    min-height: 350px;
}

#PhoneSection {
    margin: 0 0 20px 0;
}

.info-list {
    list-style-type: none;
}

    .info-list li {
        display: inline-block;
        padding: 6px;
        border: 1px solid #CCC;
        margin: 5px;
        background: white;
        font-size: 82%;
    }

.black-gradient-back {
    background: rgb(99,99,99); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(99,99,99,1) 0%, rgba(38,38,38,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(99,99,99,1)), color-stop(100%,rgba(38,38,38,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(99,99,99,1) 0%,rgba(38,38,38,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(99,99,99,1) 0%,rgba(38,38,38,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(99,99,99,1) 0%,rgba(38,38,38,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(99,99,99,1) 0%,rgba(38,38,38,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#262626',GradientType=0 ); /* IE6-9 */
}

    .black-gradient-back input, .black-gradient-back select {
        opacity: .6;
    }


.table-striped tbody tr:nth-child(2n+1) td, .table-striped tbody tr:nth-child(2n+1) th {
    background-color: #F9F9F9;
}

table.dataTable td {
    padding: 1px 10px;
}


#main_nav .nav > li > a {
    font-size: 12px;
-webkit-transition: all .1s linear;
		-moz-transition: all .1s linear;
        -ms-transition: all .1s linear;
        -o-transition: all .1s linear;
		transition: all .1s linear;
 
    line-height: 180%;
    font-family: 'OpenSansRegular';
    text-shadow: 0px 1px 0px #3c6c82;
}

#main_nav .nav li a {
    font-size: 12px;
    font-weight:normal;
    line-height: 180%;
    font-family: 'OpenSansRegular';
}

#main_nav .nav li ul li a {
    font-size: 11px;
 
}

.quick-user {
    padding: 5px;
    display: block;
}

.searchdetail p {
    padding: 5px;
}

.span8-alt {
    width: 60%;
    margin: 0;
}

.span4-alt {
    width: 40%;
    margin: 0;
    float: left;
}

#tblSearchResults tr.active-row td:last-child {
    background: url('../img/arrow-row-right.png') center right no-repeat;
    box-shadow: none;
}

#tblSearchResults tr td:last-child {
}

.options-box h6.underline {
    margin-bottom: 10px;
}

.options-box .control-group {
    margin: 0 0 6px 0;
}

.options-box input {
    margin: 0;
}

.options-box label {
    margin: 0 0 0px;
    font-size: 80%;
}

.nav-twoline h4 {
    margin: 10px 0 0 0;
}

.nav-twoline h5 {
    margin: 10px 0 0 0;
}

.nav-alternate > li {
    border-bottom: 1px solid #DDDDDD;
    border-radius: 0 0 0 0;
    padding: 3px 10px;
}

.zebra-gray {
    background: #EFEFEF;
}

.user-header > div {
    padding: 14px 0 0;
}

.section-main > div > div:nth-child(even) {
    /* background:#f7f7f7;*/
}

.batch-table > div {
    padding: 4px 8px 0px;
}

.light-blue-back {
    background: #E8F3F9;
}

.zebra-stripe > div:nth-child(odd), .zebra-stripe > li:nth-child(odd), .zebra-stripe > label:nth-child(odd) {
    background: #f7f7f7;
}

.zebra-stripe-accord > .accordion-group:nth-child(odd) .accordion-heading {
    background: #f7f7f7;
}

.well .zebra-stripe > div:nth-child(odd), .well .zebra-stripe > li:nth-child(odd), .well .zebra-stripe > label:nth-child(odd) {
    background: #FFF;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}

.auto-complete {
    display: block;
    min-width: 300px;
}

.merge-inner {
    padding: 0px;
    background: white;
}

.merge-row input[type="checkbox"] {
    margin: 10px;
}

.merge-header {
    background: white;
}

.nav-check label {
    display: block;
    padding: 6px;
    border: 1px solid #DDD;
    margin: 0;
}

.nav-check input {
    margin-right: 10px;
}

.nav-check > li:first-child > label {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
}


.nav-check li:hover label, .list-check label:hover {
    background: #eee;
    cursor: pointer;
}


.dark-gray-grad {
    background: #4c4c4c; /* Old browsers */
    background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4c4c4c 0%,#595959 12%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4c4c4c 0%,#595959 12%,#1c1c1c 91%,#131313 100%); /* IE10+ */
    background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#1c1c1c 91%,#131313 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
}


.blue-text {
    color: #0088CC !important;
}

.check-label {
    padding: 2px 6px;
    margin: 5px;
}

    .check-label input[type="radio"] {
        margin: 0;
    }

.selected {
    background: #0088CC !important;
    color: White;
}


.well .zebra-stripe > div:nth-child(odd).row-selected, .row-selected, .row-selected > a, .row-selected div, table.dataTable tr.row-selected td, table.dataTable tr.row-selected td.sorting_1 {
    background: #0088CC;
    color: White;
}





.quick_sub .row-selected {
    background: #0088CC !important;
    color: White;
}

.quick_arrow:hover .quick_sub {
    display: block;
    visibility: visible;
    width: 180px;
}


.quick_sub a {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
}

.nav-notifi ul.quick_sub li.row-selected a {
    color: white;
}

.quick_arrow:hover .quick_sub a {
    padding-left: 15px;
}



.quick_sub .row-selected a {
    background: none;
    color: White;
}

.quick_sub {
    background: #2c2e30;
}

.row-selected > i, .row-selected .quick-user i {
    color: White;
}

.row-activated {
    background: #a1ceee !important;
    color: White;
}

.row-selected:hover, .row-selected:hover div, table.dataTable tr.row-selected:hover td, table.dataTable tr.row-selected:hover td.sorting_1 {
    background: #0990C6 !important;
    color: White;
}

.row-selected > a {
    color: white;
}


.item-selected, .item-selected div {
    background: #d0edfc!important;
}

.row-selected .grey-text {
    color: White;
}

.section-selectable-alt .accordion-heading:hover {
    background: #e0eff9 !important;
    cursor: pointer;
}

.section-selectable div:hover, .section-selectable div:hover div, .section-selectable tr:hover td {
    background: #e0eff9 !important;
    cursor: pointer;
}

.section-selectable div.row-selected:hover, .section-selectable li.row-selected a:hover, .section-selectable div.row-selected:hover div, .section-selectable tr.active-row:hover td, .section-selectable tr.active-row:hover td, .section-selectable tr.active-row:hover div {
    background: #066084 !important;
    cursor: pointer;
    color:white;
}




.row-selected span.green-text, .row-selected span.red-text {
    color: White;
}



.table-high td {
    height: 38px;
}

.table-padding {
    padding: 0 8px;
}



.navbar .nav-notifi > li > a {
    color: #555555;
}

.rounded-top {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.text-condensed {
    font-family: 'Roboto-Condensed';
    font-weight: normal;
}

.text-small-condensed {
    font-family: 'RobotoBold-Condensed';
    font-weight: normal;
}

.text-success {
    color: #468847;
}

.btn-check > i {
    opacity: .4;
}

.btn-check {
    opacity: .8;
}

.active > i {
    opacity: 1;
}

.active {
    opacity: 1;
}

.color-star {
    color: #e5c83f;
}

.medium-gray {
    background-color: #cbcbcb;
    border-bottom: 1px solid #868686;
}

.loading-widget {
    top: 100px;
    left: 120px;
    padding: 20px 10px;
    z-index: 444;
    position: absolute;
    font-size: 130%;
    font-weight: bold;
}

.med-blue-back {
    background: #bacdd8; /* Old browsers */
    background: -moz-linear-gradient(top, #bacdd8 2%, #94a4ae 99%, #546d7c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#bacdd8), color-stop(99%,#94a4ae), color-stop(100%,#546d7c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #bacdd8 2%,#94a4ae 99%,#546d7c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bacdd8 2%,#94a4ae 99%,#546d7c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #bacdd8 2%,#94a4ae 99%,#546d7c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #bacdd8 2%,#94a4ae 99%,#546d7c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bacdd8', endColorstr='#546d7c',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #556771;
}

input[type="text"].blue-input {
    background: #7e919d;
    border-left: none;
    border-bottom: 1px solid #bdc9d1;
    color: white !important;
    border-top: 1px solid #3a4e5a;
}


.blue-input::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}

.blue-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
}

.blue-input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}

.blue-input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #fff;
}

#txtQuickSearch::-webkit-input-placeholder { /* WebKit browsers */
    color: #6f8590;
}

#txtQuickSearch:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #6f8590;
}

#txtQuickSearch::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #6f8590;
}

#txtQuickSearch:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #6f8590;
}

.small-row {
    font-size: 80%;
    opacity: .8;
}

.strong-text {
    font-weight: bold;
}

.empty-table {
    text-align: center;
}


.btn.disabled-alt, .btn[disabled-alt] {
    background-color: #FEFEFE;
    background-image: none;
    box-shadow: none;
    cursor: default;
}

.trans-remove-text {
    font-weight: bold;
}

.confirm-popover {
    margin-top: -4px;
}

    .confirm-popover span {
        padding: 5px;
        font-weight: bold;
    }

    .confirm-popover .btn-group {
        padding: 0px;
    }

    .confirm-popover > div {
        padding: 10px;
    }

.label-money {
    background: #85b473;
    font-size: 90%;
}

.label-dis {
    background: #ee6a68;
    font-size: 90%;
}

.transaction-deposited {
    background: #f3f3f3;
}

.trans-btn {
    border-radius: 3px;
    text-shadow: none;
}

    .trans-btn:hover {
        background: #256B95;
        color: white;
        text-decoration: none;
    }

.red-btn:hover {
    background: #b94a48;
}

.transaction-deposited label {
    opacity: .8;
}

.rounded-children > div {
    border-radius: 6px;
}

    .rounded-children > div div {
        padding: 5px;
    }

.user-section-title {
    padding: 6px 0 0;
    font-weight: bold;
}

.table-register td:first-child {
    font-size: 80%;
}


.table-register td:nth-child(4) {
    font-weight: bold;
}

.search-detail-box {
    padding: 5px;
}

.searchdetail {
    height: auto;
    background: white;
    padding: 14px 18px;
}

.hover-content {
    opacity: .4;
}

    .hover-content:hover {
        opacity: 1;
    }

.table-register tr:hover td {
    background: #e0eff9 !important;
}

.table-register tr.row-selected:hover td {
    background: #0088CC !important;
}

.text-shadow {
    text-shadow: 0px 1px 2px rgba(0,0,0,.5);
}

.code-button {
    padding: 7px;
    background: #dbebf7;
    border-radius: 5px;
}

    .code-button:hover {
        background: #eff8ff;
        cursor: pointer;
    }


.btn-header {
    background-color: hsl(206, 15%, 65%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d3d9de", endColorstr="#98a7b3");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#d3d9de), to(#98a7b3));
    background-image: -moz-linear-gradient(top, #d3d9de, #98a7b3);
    background-image: -ms-linear-gradient(top, #d3d9de, #98a7b3);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d9de), color-stop(100%, #98a7b3));
    background-image: -webkit-linear-gradient(top, #d3d9de, #98a7b3);
    background-image: -o-linear-gradient(top, #d3d9de, #98a7b3);
    background-image: linear-gradient(#d3d9de, #98a7b3);
    border-color: #98a7b3 #98a7b3 #51636e hsl(206, 15%, 60%);
    color: #FFF !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.33);
    -webkit-font-smoothing: antialiased;
}



.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #DDDDDD #DDDDDD transparent;
    border-image: none;
    border-style: solid;
    font-weight: normal;
    border-width: 1px;
    color: #555555;
    cursor: default;
}

.quick-text {
    width: 250px;
}

.in-progress {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    top: 0px;
    background: rgba(255,255,255, .9);
}

.batch_trans .option_header {
    padding: 8px;
}


.in-progress-inner {
    text-align: center;
    margin: 100px auto;
    padding-top: 50px;
    width: 200px;
    background: url('../img/ajax-loader.gif') no-repeat top center;
}



.btn-header-dark {
    background-color: hsl(211, 23%, 24%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a0b1c4", endColorstr="#2f3c4b");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#a0b1c4), to(#2f3c4b));
    background-image: -moz-linear-gradient(top, #a0b1c4, #2f3c4b);
    background-image: -ms-linear-gradient(top, #a0b1c4, #2f3c4b);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a0b1c4), color-stop(100%, #2f3c4b));
    background-image: -webkit-linear-gradient(top, #a0b1c4, #2f3c4b);
    background-image: -o-linear-gradient(top, #a0b1c4, #2f3c4b);
    background-image: linear-gradient(#a0b1c4, #2f3c4b);
    border-color: #8a9aac #2f3c4b hsl(211, 23%, 12.5%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
    -webkit-font-smoothing: antialiased;
}


.table-footer div {
    padding: 0 10px 14px;
}

#transactionListWrap {
    padding-bottom: 60px;
}


.light-blue-gradient {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 2%, #f2fbff 38%, #cee3ea 98%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ffffff), color-stop(38%,#f2fbff), color-stop(98%,#cee3ea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 2%,#f2fbff 38%,#cee3ea 98%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 2%,#f2fbff 38%,#cee3ea 98%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 2%,#f2fbff 38%,#cee3ea 98%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 2%,#f2fbff 38%,#cee3ea 98%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cee3ea',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #87a8b3;
}



#detail-error-msg {
    position: absolute;
    padding: 10px;
}

#confirmBatchDeleteSection {
    left: auto;
    background: white;
    display: block;
    right: 0px;
    top: 40px;
}

    #confirmBatchDeleteSection .arrow, .popover.bottom .right-arrow {
        right: 20px;
        left: auto;
    }

#confirmDepositDeleteSection {
    left: auto;
    background: white;
    display: block;
    right: 0px;
    top: 40px;
}

    #confirmDepositDeleteSection .arrow {
        right: 20px;
        left: auto;
    }

.batch-header h4 {
    padding-top: 5px;
    padding-bottom: 0px;
}

.batch-header .btn-toolbar {
    margin-top: 6px;
}

.batch-header {
    padding: 1px 10px;
}

.hint-buttons {
    padding-top: 12px;
}

#detailInner {
    min-height: 460px;
}

#tblSearchResults td {
    height: 40px;
}

.nav-quick li a:hover {
    cursor: pointer;
}

.bottom-shadow {
    box-shadow: inset 0px -4px 9px -9px #888;
    border:none;
}

.basic-link {
    font-weight: bold;
}

.footer-list li {
    float: left;
    display: inline;
}

.footer-list {
    opacity: .5;
}

.top-section-template {
    padding: 4px 15px;
}

.deposit-row {
    border-left: 3px solid red;
}

.receipt-row {
    border-left: 3px solid #85b473;
}


.disbursement-row {
    border-left: 3px solid cyan;
}


#register-right-panel ul.nav-tabs {
    background: white;
}


.register-right-side-wrapper {
    min-height: 300px;
}

.main-search input {
    margin-bottom: 0px;
    margin-top: 3px;
}

.search-detail-section {
    padding: 4px 0 7px;
    display: block;
}

table.dataTable td.center, table.dataTable td.dataTables_empty {
    text-align: center;
    padding: 40px;
}


#myModal {
    width: 750px;
    margin-left: -375px;
}


table.dataTable thead th {
    padding: 3px 18px 3px 10px;
    border-bottom: 0px solid black;
    font-weight: bold;
    cursor: pointer;
}

.main-search input {
    margin-bottom: 0px;
    margin-top: 3px;
}




input[type="checkbox"].merge-check {
    margin: 13px 10px 10px 10px;
}

.merge-row p {
    margin-bottom: 2px;
    line-height: 16px;
}


#main_nav .nav li.header a {
    color: #87cbff;
}

.nav-search li a {
    padding: 3px 10px;
}

    .nav-search li a p {
        line-height: 110%;
    }


.arrow-right {
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 40px solid white;
}

.arrow-right-alt {
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 40px solid #CCC;
}

.arrow-import {
    right: -15px;
    position: absolute;
    top: 0px;
}

.delete-popover {
    display: block;
    top: 20px;
    left: auto;
    right: 0px;
}



.boxer label.active-box, .boxer-small label.active-box {
    background: #d5e8f7;
}

    .boxer label.active-box:hover, .boxer-small label.active-box:hover {
        background: #7fbaf2;
        color: White;
    }

.boxer .checkbox {
    background-color: #F9F9F9;
    color: #555555;
    cursor: pointer;
    height: 23px;
    font-size: 13px;
    font-size: 82%;
    line-height: 13px;
    margin: 0px 0px 0px;
    padding: 3px 10px 0px 29px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .boxer .checkbox:hover {
        background-color: #efefef;
    }


.boxer-small .checkbox {
    background-color: #f9f9f9;
    border-radius: 0px;
    color: #555555;
    cursor: pointer;
    height: auto;
    font-size: 13px;
    position: relative;
    font-size: 82%;
    line-height: 10px;
    margin: 0px 3px 0px;
    padding: 8px 10px 8px 29px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.boxer-small [class*="span"] label:first-child, .boxer [class*="span"] label:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.boxer-small [class*="span"] label:last-child, .boxer [class*="span"] label:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 1px solid white;
}

.boxer-small .checkbox:hover {
    background-color: #efefef;
}


.merge-header a:hover {
    text-decoration: none;
}


.boxer-small .radio input[type="radio"], .boxer-small .checkbox input[type="checkbox"] {
    position: absolute;
    margin: 0;
    left: 6px;
    top: 6px;
}


.popover.bottom-right .arrow {
    top: -10px;
    left: 90%;
    margin-left: -10px;
    border-bottom-color: #ffffff;
    border-width: 0 10px 10px;
}


table.dataTable tfoot th {
    padding: 3px 18px 3px 10px;
    border-top: 0px solid black;
    font-weight: bold;
}

.larger-text {
    font-size: 110%;
}

.active-row a {
    color: White;
}

.batch-left-detail h3 {
    margin-bottom: 0px;
}

.batch-left-detail h2 {
    margin-top: 0px;
}

.date-column-1 {
    width: 50px;
}

.paged-well {
    margin-bottom: 4px;
}

.light-blue-back-solid {
    background: #e9f3fb;
}

.section-header {
    padding: 4px 12px 0px 5px;
}

.light-blue-text {
    color: #BAD9E8;
}

.empty-box {
    text-align: center;
    padding: 60px;
    opacity: .7;
}

    .empty-box i {
        margin-bottom: 30px;
        display: block;
    }

.blue-back {
    background: #2b3b47 url(../img/back-main.png) top center no-repeat;
}

.white-text {
    color: White;
}

.inactive-search #txtQuickSearch, .inactive-search #search-add, .inactive-search #s-loader {
    background: #132B35;
    border-right: none;
    color: white;
    border-bottom: 1px solid #416372;
    text-shadow: none;
    border-top: 1px solid #04475B;
}

.inactive-search:hover #txtQuickSearch, .inactive-search:hover #search-add {
    background: #0c1820;
}

.search_container {
    padding-left: 20px;
    position: relative;
}


.blue-form input[type="text"], .blue-form input[type="password"] {
    font-size: 13px;
    border: none;
    border-radius: 50px;
    color: white;
    background: rgba(20,35,45,.6);
    border-bottom: 1px solid #4d6e89;
    padding: 8px 12px;
    position: relative;
}


.blue-form .input {
    position: relative;
}

.blue-form .alert-icon {
    position: absolute;
    right: 12px;
    top: 6px;
    z-index: 555;
}



input[type="text"].large-input, input[type="password"].large-input {
    font-size: 16px;
    height: 50px;
    border: none;
    border-radius: 50px;
    color: white;
    background: rgba(20,35,45,.6);
    border-bottom: 1px solid #4d6e89;
    padding: 10px 20px;
}

.login_button {
    border-radius: 40px;
}

input[type="text"].large-input:focus, input[type="password"].large-input:focus {
    background: rgba(20,35,45,1);
    opacity: 1;
}

.nav-big li a {
    padding: 11px 26px;
}

.orange-text {
    color: #DD751F;
}

.list-padding {
    padding: 3px;
}

.list-count-label {
    margin-top: 12px;
    display: inline-block;
}

#submenu {
    margin-top: 7px;
}

    #submenu > li > a:hover {
        background: #3a93c9;
    }

    #submenu > li > a {
        text-transform: uppercase;
        font-family: 'OpenSansRegular';
        opacity: .7;
        font-size: 10px;
        padding: 3px 8px;
        margin-top: 4px;
    }

        #submenu > li > a:hover {
            background: #50667e;
        }


.nav-big > .active > a, .nav-big > .active > a:hover, .nav-big > .active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f9f9f9;
    border-color: #DDD #DDDDDD transparent;
    border-image: none;
    border-style: solid;
    font-weight: normal;
    border-width: 1px;
    color: #555555;
    cursor: default;
}


.small-controls .control-group {
    margin-bottom: 0px;
}


.small-controls label {
    font-size: 11px;
    margin-bottom: 2px;
}

.well .boxer-small .checkbox {
    border: 1px solid #DDD;
    border-bottom: none;
    box-shadow: none;
}

.user-detail-side h5 {
    margin: 0px;
}

.user-detail-side label {
    margin-bottom: 0px;
}

.dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}



#trxnListHeaderTbl {
    margin: 0px;
    padding: 0 5px;
    border-collapse: separate;
}



    #trxnListHeaderTbl thead th {
        padding: 3px 18px 0px 10px;
        border-bottom: 0px solid black;
        font-weight: normal;
        cursor: pointer;
    }

        #trxnListHeaderTbl thead th.sorting_desc, #trxnListHeaderTbl thead th.sorting_asc {
            font-weight: bold;
        }

        #trxnListHeaderTbl thead th:hover {
            text-decoration: underline;
            cursor: pointer;
        }


#primary_tab {
    width: 120px;
    text-align: center;
}

.large-text {
    font-size: 130%;
}

.larger-text {
    font-size: 115%;
}


.dark-gray-back {
    background: #51636B;
}

.thick-bottom-border {
    border-bottom: 3px solid #DDD;
}

.overflow {
    overflow: visible;
}

.code-button i {
    padding: 8px;
}

.list-row span {
    padding: 8px;
}

.top-header {
    margin-bottom: 4px;
    margin-left: 10px;
}

.tiny-nav {
    margin-bottom: 0px;
}

.btn-wide {
    min-width: 110px;
    text-align: left;
}

.btn-more {
    border-top: 1px dotted #CCC;
}

.pass-alert {
    font-size: 90%;
    display: block;
}

.inter-tab-header {
    border-bottom: 1px solid #DDD;
    padding: 2px;
    margin-bottom: 4px;
    position: relative;
}

    .inter-tab-header h6 {
        margin: 2px;
    }

.nav-stacked i {
    margin-top: 5px;
}

.footer-nav li {
    color: black;
}

.footer-nav ul {
    padding: 10px;
}


.comparisonDetails h5 {
    margin-bottom: 0px;
}

.comparisonDetails div {
    min-height: 50px;
}

.merge-header span.badge {
    margin-right: 20px;
}

table.section-selectable td {
    padding: 0px 5px 10px 10px;
}

.active-row .grey-text {
    color: White;
}

*:focus {
    outline: none !important;
}

.disabled-btn {
    background: #CCC;
}

.disabled-btn-row {
    background: #EEE;
    opacity: .7;
}

.inactive-search i {
    opacity: .6;
}

.white-grey-text {
    color: #e2e2e2;
}

.big-modal {
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: absolute;
    z-index: 444;
    top: 0px;
    right: 0px;
    left: 0px;
}


    .big-modal .modal-body {
        overflow: auto;
    }

.btn-big-blue {
    display: block;
    background: #0088cc;
    color: White;
}

    .btn-big-blue:hover {
        background: #005b88;
        color: White;
    }

thead.affix {
    background: #0088cc;
    color: White;
    top: 0px;
}

.media-box {
    padding: 7px 0px 5px;
}

    .media-box a i {
        padding: 4px 15px;
        text-align: center;
        width: 70px;
    }

.table-no-border td {
    border: none;
    border-bottom: 1px solid #DDD;
}

.edit-button:hover i {
    display: block;
    visibility: visible;
}


.edit-button {
}

    .edit-button:hover {
        background: #EFEFEF;
        cursor: pointer;
        border-radius: 5px;
    }

.hover-row i {
    opacity: .5;
}

.hover-row:hover i {
    opacity: 1;
}

.loan-overflow {
    height: 200px;
    overflow-y: scroll;
}


.no-height [class*="span"] {
    min-height: none;
}

.register-header {
 
}

.delete-row {
    background: #b41c1c;
    color: White;
}

.delete-row-active {
    border: 1px dotted #b41c1c;
    color: #b41c1c;
}

    .delete-row-active p {
        padding: 5px 0 0;
        font-weight: bold;
    }

.part-row {
    padding: 6px;
}

.delete-row p {
    padding: 7px 0 0;
}

.report-tabs {
    border-bottom: 0px solid #CCC;
    margin: 0;
    padding: 0px 0 0px 0px;
}


.register-header div:hover {
    cursor: pointer;
    text-decoration: underline;
}

.support-row {
    border-bottom: 1px solid #DDD;
    margin-bottom: 4px;
}

.rounded-box {
    border-radius: 5px;
    padding: 5px;
}

.row-box {
    padding: 0 0 5px;
}

.rounded-box .alert {
    margin: 0px;
}

.overflow-text {
    text-overflow: ellipsis;
    display: inline-block;
    width: 90%;
    overflow: hidden;
}

.media-box a i {
    color: #dedede;
    text-shadow: 0 -1px 1px #4e4e4e;
    text-decoration: none;
}

a:hover .media-box h4, a:hover .media-box p, a.media-link:hover {
    text-decoration: none !important;
}

.media-box:hover {
    background: #ecf8fc;
    cursor: pointer;
}

    .media-box:hover i {
        color: #b5cee1;
    }


.media-box h4 {
    margin-bottom: 4px;
}

.media-box img {
    position: absolute;
    width: 100px;
    top: -19px;
    left: -10px;
    -webkit-transition: margin 0.2s ease-out;
    -moz-transition: margin 0.2s ease-out;
    -o-transition: margin 0.2s ease-out;
}

.media-box:hover img {
    margin-top: -8px;
}

.media-box {
    position: relative;
    height: 82px;
    display: block;
}

.media-body {
    margin: 0 20px 0 90px;
    display: block;
}


.database-list-box {
    background: white;
    padding: 10px;
    border-radius: 5px;
}

    .database-list-box ul {
        margin: 0;
    }

.huge-text {
    font-size: 50px;
}

    .huge-text small {
        font-size: 30px;
    }

.dig-link {
    text-shadow: none;
    opacity: .5;
}

    .dig-link .caret {
        color: White;
        border-bottom-color: white;
    }

#register-confirm {
    display: block;
    top: -90px;
    right: -5px;
    left: -30px;
}


.user-section h6 {
    margin-bottom: 0px;
}

.footer-nav {
    padding: 10px;
}

#compare-body h6 {
    margin-bottom: 0px;
}

.s-row {
    padding: 8px 0;
    display: inline-block;
}



.sort-column {
    background: #FFFFFF;
    padding: 5px 15px;
    border: 1px solid #dddddd;
    border-radius: 10px;
    margin: 10px 0px;
}


.header-links a {
}

.vertical-list div {
    padding: 5px 0;
}

    .vertical-list div .trans-btn {
        opacity: .35;
    }

    .vertical-list div:hover .trans-btn {
        opacity: 1;
    }



.input-prepend.input-append.search-input .add-on {
    margin: 0px;
    background-color: #fbfbfb;
    border-top: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    border-left: none;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    border-bottom: 1px solid #EFEFEF;
    border-right: none;
}


    
    .input-prepend.input-append.search-input .add-on:last-child, .input-prepend.input-append.search-input .add-on:first-child {
        border: 1px solid #cccccc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
        -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
        -o-transition: border linear 0.2s, box-shadow linear 0.2s;
        border-left: none;
        transition: border linear 0.2s, box-shadow linear 0.2s;
        border-bottom: 1px solid #EFEFEF;
    }


    .input-prepend.input-append.search-input .add-on:last-child {
        border-radius: 0px 14px 14px 0px;
        border-left: none;
        color:#CCC;
        font-size:11px
    }

        .input-prepend.input-append.search-input .add-on:last-child i {
            font-size: 12px;
            opacity: .7;
        }

            .input-prepend.input-append.search-input .add-on:last-child i:hover {
                opacity: 1;
            }

    .input-prepend.input-append.search-input .add-on:first-child {
        border-radius: 14px 0px 0px 14px;
        border-right: none;
    }

.search-input input {
    border-right: none;
    border-left: none;
    font-size:11px
}

.input-prepend.input-append.search-input .add-on:hover {
        cursor: pointer;
        text-decoration: none;
        color:#000;
    }


.row-new {
    background: #d3edff;
    border: 1px solid #83b5d8;
    padding: 10px;
}


.arrow-down-import {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    position: absolute;
    top: -6px;
    border-top: 20px solid #FFF;
}


.arrow-down-import2 {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    position: absolute;
    top: -5px;
    border-top: 20px solid #CCC;
}


.db-box li a {
    background: white;
}


.transaction-box {
    width: 400px;
    height: 650px;
    position: absolute;
    background: white;
    border-radius: 10px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    top: 40px;
    z-index: 444;
}


.wide-test {
    max-width: none;
    padding: 0;
    position: relative;
}


.chzn-container .btn {
    text-align: left;
}


    .chzn-container .btn span:first-child {
        padding: 10px;
    }


.affix-top, .top-left {
    width: 500px;
    margin: 0 auto;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
}


.affix {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 8888;
}


.alert-center, .alert {
    margin: 0 auto;
   
}



    .alert i:first-child {
        margin: 2px 10px;
        font-size: 16px;
    }

.rowed th a {
    display: block;
}



.rowed th {
    border-right: 1px solid #EFEFEF;
    padding:0;
}

    .rowed th a {
        padding: 10px;
    }
    .rowed th.sorting:hover {
        background-color: #f5f5f5;
    }

table td.center-text {
    text-align: center;
}



.nav-list>.disabled>a {
    color: #999;
    cursor: default;
}

.nav-list>.disabled>a:hover {
    background-color: transparent;
}

.dropdown-menu>.disabled>a:hover, 
.dropdown-menu>.disabled:hover a,
.dropdown-menu>.disabled>a:hover {
    background:none;
}


.purple-text {
    color: #a282af;
}


.cyan-text {
    color: #9dd2e5;
}

.pink-text {
    color: #d346e4;
}


.tiny-nav li  [class*=" icon-"] {
    display: inline-block;
    width: 25px;
    font-size:17px
}

.tiny-nav li a {
    color: #6f6f6f;
}


.logo-aristotle {
    width: 210px;
    display:block;
    margin: 0 auto;
}

.resizer {
    resize: none;
}


.main-box {
    background: white;
    border-radius: 8px;
    padding: 10px 0px;
}

.wide-row {
    width: 40%;
}


.nav-multirow h6, .nav-multirow h5 {
    margin: 0;
}

.box-header {
    padding: 0 10px;
}

.btn-code + .btn-code {
    margin: 0 6px 6px 0px
}

.btn-code {
    margin: 0 6px 6px 0px
}

.btn-group-block {
    width: 90%;
}

.btn-group-block .btn{
   padding-left:8px;
   padding-right:8px;
   max-width:80%;
   text-align:left;
}

    .btn-group-block .btn span {
        max-width: 80%;
        display:inline-block;
        overflow:hidden
    }


.background-new {
    background: #d6eaf3;
}

.fader {
    opacity: .3;
-webkit-transition: all .1s linear;
		-moz-transition: all .1s linear;
        -ms-transition: all .1s linear;
        -o-transition: all .1s linear;
		transition: all .1s linear;

}

    .fader:hover {
        opacity: 1;
    }


    .nav-individual{display:none}



.btn-action-bar {
    background: none;
    color: white;
    padding:20px;
    font-size:34px;
    text-shadow:none
}

.btn-group > 
.btn-action-bar {
    background: none;
    color: white;
    padding:12px 25px;
    font-size:20px;
    text-shadow:none
}

.btn-toolbar-action {
    margin: 0;
    padding: 0;
}

.error input, .error select {
    background-image: url("../img/icon-input-alert.png");
    background-position:right 5px;
    background-repeat: no-repeat;
    display: inline-block;
 
    
}


.box-height {
    min-height: 750px;
}


.no-padding {
    padding: 0px; margin:0px;
}

.info-icon {
    padding: 7px 2px;
}


#popover_content_wrapper {
    position: absolute;
    top: 40px;
z-index: 444;
padding: 20px;
}


.box-empty {
    padding: 24px;
    font-size:14px;
    color:#CCC
}

 

.d-menu-alt {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    max-height:300px;
    overflow:scroll;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}


.drop-hover {
color: #ffffff;
text-decoration: none;
background-color: #0081c2;
background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
background-image: -o-linear-gradient(top, #0088cc, #0077b3);
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}


.drop-item:hover {
    cursor: pointer;
}

.drop-item {
    padding: 4px;
}

    .drop-item input {
        position: relative;
        top: 1px;
        margin: 5px;
    }



    .tab-indiv {
overflow:visible;
min-height:600px;
border-radius:10px;
border-top-left-radius:0px
}


.easer {
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all  0.6s ease;
    transition: all 0.6s ease;
}

.text-linked {
    color: #0088cc !important;
    text-decoration:underline;
}

    .text-linked:hover {
        cursor: pointer;
    }
    

.dropdown-menu {
    background-clip: padding-box;
 
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 
    float: left;
    left: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
   
}


.dropdown-menu-alt {
     
    display: block;
   
}

.inner-group {
    padding: 0px 0px;
    margin-top: 0px;
    margin-left:40px;
}

    .inner-group .inner-group {
        margin-left:160px;
    }

.clause-portion .addition {
    
}

#add-buttons .btn-link {
    color: #000;
}


.clause-section {
    box-shadow: none;
    border: none;
    padding-bottom: 0px;
    padding:0;
margin-bottom: 0px;
padding-left:10px
}

    .clause-section .clause-section {
        border: 1px solid #CCC;
        margin-left:0px;
        margin-top:4px;
        margin-bottom:0px;
        margin-right:10px;
        padding: 0px
    }

.clause-portion:hover, .clause-portion .clause-portion:hover {
 
     
}

            .clause-portion{
				   	position: relative;
				  	border-radius: 5px;
				  	padding: 4px 4px 4px 4px;
				  	background: white;
                    box-shadow:0px 1px 1px #CCC;
				  	border: 0px solid #CCC;
				  	margin: 0 10px 0 0px;
				  	 border-radius:4px;
				  	   margin-bottom: 10px;
				  	   min-height: 20px;
				  	   padding: 2px;
				  }

                .clause-portion h4 {
                  
                }
            .clause-portion .clause-portion{
				   	position: relative;
				  	border-radius: 5px;
				  	padding: 0px 4px 0px 4px;
				  	background: none;
				  	 box-shadow:none;
				  	margin: 0 10px 0 10px;
				  	 border-radius:5px;
				  	   margin-bottom: 4px;
                         margin:0px 10px 0px 12px;
				  	   min-height: 20px;
				  	   padding: 0px;
				  }
				  .clause-portiona:hover{
				  	background: #f9f9f9;
				  	cursor: pointer;
				  }
				  .clause-portion p{
				  	opacity: 0;
				  }
				  .clause-portiona:hover i{
				  	opacity: .9;
				  }
				  .clause-portiona:hover p{
				  	opacity: .4;
				  }
				  .clause-portion i{
				  	opacity: .6;
				  }
				  .clause-portion a{
				  
				  }
				  .clause-portion a:hover{
				  	background: #e3e3e3;
				  }
				  .clause-portion:hover .new-buttons{
				  	opacity: 1;
				  }
				  .portion-single{
				  	padding: 10px;
				  	width: 40px;
				  	border-radius: 5px;
				  	height: 40px;
				  	background: #08C;
				  	display: block;
				  	float: left;
				  }
				  .portion-and{
				  	margin: 5px 0 0;
				  }
				  .portion-single h3{
				  	padding: 0;
				  	margin: 0;
				  	color: white;
				  }
				  .portion-and, .portion-and-alt{
				  	margin: 10px
				   
				  }
				  .new-buttons{
				  	opacity: .2;
				  	position: absolute;
				  	right: -20px;
				  	z-index: 3333;
				  }
				  .dup{
				 
				   
				   
				  
				  	-webkit-transition: width 1s ease-in-out;
				  	    -moz-transition: width 1s ease-in-out;
				  	    -o-transition: width 1s ease-in-out;
				  	    transition: width 1s ease-in-out;
				  }
				 
				  .full{
				  	width: 200px;
				  }
				  .middle{
				  	padding: 10px 20px;
				  	 
				  }
				  .second {
				  	 
				  }
				 
				  .picker{
				  	margin: 0;
                    padding:7px;

				  }

/*.btn {
    color: #747474;
    font-weight: 500;
    border-radius: 7px;
    border-top: 1px solid #e8e8e8;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #ededed;
    border-radius: 7px;
    
    font-weight: 900;
    box-shadow: none;
    padding: 5px 15px;
    box-shadow: 0px 1px 1px rgba(0,0,0,.04);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    background: #f7f7f7; 
background: -moz-linear-gradient(top,  #f7f7f7 1%, #efefef 100%);  
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f7f7f7), color-stop(100%,#efefef)); 
background: -webkit-linear-gradient(top,  #f7f7f7 1%,#efefef 100%); 
background: -o-linear-gradient(top,  #f7f7f7 1%,#efefef 100%);  
background: -ms-linear-gradient(top,  #f7f7f7 1%,#efefef 100%);  
background: linear-gradient(to bottom,  #f7f7f7 1%,#efefef 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#efefef',GradientType=0 ); 
border-top:1px solid white;
border-bottom:1px solid #8f8f8f;
font-family: 'OpenSansSemiBold';
font-weight:normal;

}

.btn-link {
    background: none;
    box-shadow:none;
}

.btn-info {
    color: white;
}

.btn-success {
    color: white;
    background:#8ecb46;
    border-top: 1px solid #baf383;
    border-left: 1px solid #74ae2f;
    border-right: 1px solid #74ae2f;
        text-shadow: 0px 1px 0px #408d21;
        border-bottom:1px solid #408d21;
   
}

.btn-danger {
    color: white;
    background:#ce391b;
    border-top: 1px solid #f8a097;
    border-left: 1px solid #aa281a;
    border-right: 1px solid #aa281a;
}


.trans-btn {
    border: none;
}*/ 


.nav-search {
  
}


.no-overflow {
    overflow: visible;
}

.adder {
 
    margin:0;
    opacity:.5;
 
}


    .adder:hover {
        opacity: 1;
    }

.editor {
    padding: 20px;
    width: 760px;
 
    position: fixed;
    left: 0;
    right: 0px;
    margin: 0 auto;
    z-index: 333;
}

.nav-stacked-small li a {
    padding: 4px 6px;
    font-size: 12px;
}

.db-box {
    padding: 20px;
}


.box-right-header .btn-toolbar {
    margin: 0px;
}

.box-right-header h3 {
    color: #636363;
}

.btn-group-sortable a span {
    background-position: left;
    padding:5px 0 0 22px
}

.query-holder {
    min-height: 100px;
}



#wrap {
    width: 100%;
    min-height: 100%;
}


.larger-text {
    font-size: 160%;
}


.nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
}
.nav-tabs.nav-justified > li {
    float: none;
}
.nav-justified > li {
    display: table-cell;
    width: 1%;
}
.nav-justified > li {
    float: none;
}

.nav-tabs.nav-justified > .active > a {
    border-bottom-color: #FFFFFF;
}
.nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #DDDDDD;
    margin-right: 0;
}
.nav-tabs.nav-justified > li > a {
    text-align: center;
}
 .nav-tabs.nav-justified {
    border-bottom: 0 none;
    width: 100%;
}

 .input-append div.section-label, .input-prepend div.section-label{
    display: inline-block;
width: auto;
height: 20px;
min-width: 16px;
padding: 4px 5px;
font-size: 14px;
font-weight: normal;
line-height: 20px;
text-align: left;
text-shadow: 0 1px 0 #ffffff;
min-width:100px;
background-color: #eeeeee;
border-radius:3px;
border: 1px solid #ccc;
 
}

 #P31306f9e2d654cf78b3bb636eb6a876e_1_oReportDiv .A4a6711880f1f4b8cbe936d984256eb49167

 #P31306f9e2d654cf78b3bb636eb6a876e_1_oReportDiv div {
word-wrap: break-word;
white-space: pre-wrap;
font-style: normal;
font-family: Tahoma;
font-size: 8pt;
font-weight: 700;
text-decoration: none;
unicode-bidi: normal;
color: white;
direction: ltr;
layout-flow: horizontal;
writing-mode: lr-tb;
vertical-align: top;
text-align: center;
}

 .btn-overlay:hover {
    background: #CCC;
    opacity: 0;
}

.btn-overlay:hover {
    background: #CCC;
    opacity: .5;
}

.btn-overlay i {
    display: none;
}

.btn-overlay:hover i {
    display:block
}

.form-left {
    padding: 7px 5px;
}


.grey {
    background: #ededed;
    border-right: 1px solid #DDD;
    height:40px;
}

.chosen-results {
    box-shadow: none;
    border: none;
    width: 100%;
}

#new-row {
    opacity: 1;
    padding:8px;
}



.btn-clause {
    font-size: 16px;
}


ul.list-group {
    list-style-type: none;
    margin:0
}

    ul.list-group li a{
        margin: 0;
    }


    .check-inline {
    display: inline-block;
    margin: 0 10px;
}

.affix {
    position: fixed;
}

#rootwizard .affix-top {
    position: relative;
    left: auto;
right: auto;
width: auto;
}

.nav-pills-small {
    font-size: 12px;
}


.chk-btn-row label {
    display: inline-block;
    margin:0px 4px;
    background:#EFEFEF;
    padding:4px 7px 4px 4px; 
    border:1px solid #DBDBDB;
    border-radius:4px;
    font-size:11px;
}

.chk-btn-row label input[type="checkbox"] {
 margin:0 5px;
}

    .chk-btn-row label:hover {
        cursor: pointer;
        background: #FFF;
    }



.table-selectable tr.row-selected {
    background: #0088CC !important;
    color: white;
}

.table-selectable tr:hover td {
   cursor:pointer;
   background:#EFEFEF !important;
}


.table-selectable tr.row-selected:hover td {
    background: #0088CC !important;
    color: white;
}

.table-selectable tr.row-selected td {
    background: #0088CC !important;
    color: white;
}


.box-layer {
    position: relative;
    height:1000px
}

.panel {
    position: absolute;
    top:0px;
    right:0px;
    left:0px
}

.panel-under {
    z-index: 4;
}


.panel-above {
    z-index: 8;
    top:900px;
    left:50px;
    right:50px;
 
}

.sorting-header > div {
  padding: 10px;
font-weight: bold;
font-size: 11px;
text-transform: none;
}


.btn-toggle, .btn-toggle.active {
    background: none;
    text-transform:uppercase;
    border:none;
    box-shadow:none;
    text-shadow:none;
    background:#dcdcdc;
    padding: 5px 8px;
    box-shadow: 0px 1px 0px #BBB inset;
    min-width:34px;
 
}


      .btn-on.active {
        background: #91c24b;
        color:white;
    }

        .btn-on.active:hover {
            background: #6a9829;
        }


.btn-off.active {
   background:#c53f16;
   color:white;
}

    .btn-off.active:hover {
        background: #8f290a;
    }


.btn-group > .btn-toggle:first-child {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 12px;
    border-bottom-left-radius: 12px;
    -webkit-border-top-left-radius: 12px;
    border-top-left-radius: 12px;
    -moz-border-radius-bottomleft: 12px;
    -moz-border-radius-topleft: 12px;
}


.btn-group > .btn-toggle:last-child  {
    -webkit-border-top-right-radius: 12px;
    border-top-right-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    border-bottom-right-radius: 12px;
    -moz-border-radius-topright: 12px;
    -moz-border-radius-bottomright:12px;
}


.list-group-item-text {
    font-size: 12px;
}


.header-wizard {
    background: #e9f2f5;
    padding:10px;
}

#rootwizard .tab-pane {
    padding: 20px 40px 40px 40px;
}


.adder .span6 .btn-group {
    display: none;
}


.adder:hover .span6 .btn-group {
    display: inline-block;
}

#add-buttons:hover .span6 .btn-group {
    display: inline-block;
}

.row-mobile h5, .row-mobile h3 {
    margin: 0;
}

.disabled-anchor {
    pointer-events: none;
    cursor: default;
}

/*Progress Bar*/
.progress .bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5f99b4;
    background-image: -moz-linear-gradient(top, #5f99b4, #255064);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5f99b4), to(#255064));
    background-image: -webkit-linear-gradient(top, #5f99b4, #255064);
    background-image: -o-linear-gradient(top, #5f99b4, #255064);
    background-image: linear-gradient(to bottom, #5f99b4, #255064);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.ko-donation-form #codesDiv .btn-group {
    display: flex;
    align-items: stretch;
}

.ko-donation-form #codesDiv .btn-group .btn {
     white-space: normal;
}