﻿a.btn {
    border: solid 1px;
    padding: 5px 10px;
}

a.btn-primary {
    border-color: blue;
}

a.btn-confirm, a.btn-confirm:link, a.btn-confirm:active, a.btn-confirm:visited {
    background-color: #006600;
    border-color: #002900;
    color: #fff;
}

a.btn-info, a.btn-info:link, a.btn-info:active, a.btn-info:visited {
    background-color: #D9D900;
    border-color: #002900;
    color: #1E1E00;
}


div#leftNav > ul {
    box-sizing: content-box;
}

/*
#0b349e - rgb(255, 85, 56)
*/


.DetailsVw {
    border: solid 1px #6A2A5B;
    width: 99%;
}

    .DetailsVw td {
        padding: 2px;
    }

.DetailsVwHdr {
    background-color: #6A2A5B;
    color: #ffffff;
    font-weight: bold;
    text-align: left;
}

.DetailsVwRow {
    padding-left: 100px;
}

.DetailsVwArw {
    background-color: #ffeeff;
}

.DetailsVwFtr {
    background-color: #6A2A5B;
    color: #ffffff;
    font-weight: bold;
    text-align: right;
}


div.InfoPanel {
    height: auto;
    margin: 0 0 0px 0px;
    padding: 5px;
    border: 1px solid #000000;
    background-color: #ffffcc;
    color: #000000;
    font-size: 90%;
    text-align: left;
}

    div.InfoPanel h4 {
        background-image: url(../../images/information.gif);
        background-repeat: no-repeat;
        background-position: top left;
        margin-top: 0;
        margin-bottom: 5px;
        padding: 0px 0px 5px 20px;
        border-bottom: solid 1px #000000;
        color: #000000;
        font-size: 115%;
    }

    div.InfoPanel > p {
        margin-top: 0;
        margin-bottom: 5px;
    }

div.ConfirmPanel {
    height: auto;
    margin: 0 0 5px 5px;
    padding: 5px;
    border: 1px solid #006600;
    background-color: #e3ffc9;
    color: #006600;
    font-size: 90%;
}

    div.ConfirmPanel h4 {
        background-image: url(../../images/tick.gif);
        background-repeat: no-repeat;
        background-position: top left;
        margin-top: 0;
        padding: 0px 0px 5px 27px;
        border-bottom: solid 1px #006600;
        color: #006600;
        font-size: 115%;
    }

    div.ConfirmPanel > p {
        margin: -10px 0px 5px 0px;
    }

div.ErrorPanel {
    height: auto;
    margin: 0 0 5px 5px;
    padding: 5px;
    border: 1px solid #ff0000;
    background-color: #ffe6e6;
    color: #ff0000;
    font-size: 90%;
}

    div.ErrorPanel h4 {
        background-image: url(../../images/cross.gif);
        background-repeat: no-repeat;
        background-position: top left;
        margin-top: 0;
        padding: 0px 0px 5px 27px;
        border-bottom: solid 1px #ff0000;
        color: #ff0000;
        font-size: 115%;
    }

    div.ErrorPanel > p {
        margin: -10px 0px 5px 0px;
    }

/* Buttons */
.submit {
    background-color: #115E67;
    border: solid 1px #115E67;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
    padding: 4px 10px;
}

.btn btn-primary {
    background-color: #ffffff;
    border: solid 1px #0b349e;
    color: #0b246e;
    font-weight: bold;
    cursor: pointer;
}

.submitPrint {
    left: 10px;
    background-color: #ffffff;
    border: solid 1px #0b246e;
    color: #0b246e;
    font-weight: bold;
    cursor: pointer;
}

/* Links */
.defaultLnk:link, .defaultLnk:visited, .defaultLnk:active {
    color: #0b349e;
    text-decoration: none;
}

.defaultLnk:hover {
    color: #0b349e;
}

.lblError {
    color: #ff0000;
}

input[type='text'].date-picker {
    width: 75px;
}

A IMG {
    border: 0px;
}

TABLE.popup {
    width: 100%;
    border: 1px solid #0B349E;
}

    TABLE.popup TH {
        text-align: left;
        font-weight: bold;
        padding: 2px;
        background-color: #0B349E;
        color: #fff;
    }

    TABLE.popup TR.buttons TD {
        text-align: center;
    }

    TABLE.popup TR.buttons INPUT[type="button"] {
        margin-bottom: 10px;
    }

    TABLE.popup TFOOT TD {
        background-color: #0B349E;
    }

table.datatable2 {
    border: 1px solid #0b349e;
    border-collapse: collapse;
}

    table.datatable2.fw {
        width: 100%;
    }

    table.datatable2 td, table.datatable2 th {
        padding: 5px;
    }

    table.datatable2 th {
        background-color: #0B349E;
        color: #fff;
        text-align: left;
    }


    table.datatable2 > tbody > tr > td > div.no-records-message {
        background-color: #a8c0ff;
        border: 1px solid #0b349e;
        padding: 5px;
        text-align: center;
    }

    table.datatable2 > tbody > tr > td > button.delete {
        visibility: hidden;
        border: 1px solid #440000;
    }

    table.datatable2 > tbody > tr:hover > td > button.delete {
        visibility: inherit;
        background-color: #ff7676;
        border: 1px solid #440000;
        color: #440000;
    }

    table.datatable2 > tfoot > tr > td > a.add {
        padding: 5px;
        font-weight: normal;
    }

    table.datatable2 > tfoot > tr > td > button.add, table.datatable2 > tfoot > tr > td > a.add {
        background-color: #64c064;
        border: 1px solid #002700;
        color: #002700;
    }

    table.datatable2 .fr {
        float: right;
    }

    table.datatable2 button, table.datatable2 tr.selectable {
        cursor: pointer;
    }

    table.datatable2 > tbody > tr:nth-child(odd) {
    }

    table.datatable2 > tbody > tr:nth-child(even) {
        background-color: rgb(255, 238, 255);
    }

    table.datatable2 > tbody > tr:hover {
        background-color: #a8c0ff;
    }

    table.datatable2 > tbody > tr.no-hover:hover {
        background-color: inherit;
    }




a.tooltip {
    outline: none;
}

    a.tooltip strong {
        line-height: 30px;
    }

    a.tooltip:hover {
        text-decoration: none;
    }

    a.tooltip span {
        z-index: 10;
        display: none;
        padding: 14px 20px;
        margin-top: -30px;
        margin-left: 0px;
        width: 240px;
        line-height: 16px;
    }

    a.tooltip:hover span {
        display: inline;
        position: absolute;
        color: #111;
        border: 1px solid #DCA;
        background: #fffAF0;
        text-align: left;
    }

.callout {
    z-index: 20;
    position: absolute;
    top: 30px;
    border: 0;
    left: -12px;
}

/*CSS3 extras*/
a.tooltip span {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}

.a-btn {
    background-color: none;
    border: solid 1px #0b246e;
    color: #ffffff;
    padding: 5px;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .a-btn:hover {
        background-color: #DDDCFA;
    }

.gvwArw a.a-btn {
    color: #0b246e !important;
}

.gvwRow a.a-btn {
    color: #0b246e !important;
}

tr.gvwArw td, tr.gvwRow td {
    padding-top: 5px;
    padding-bottom: 5px;
}


.btn-save {
    background-color: #FF2100;
    border-color: #FF2100 !important;
    color: #fff;
}

    .btn-save:hover {
        background-color: #00BFB3;
    }

.btn-primary {
    background-color: #6A2A5B;
    border-color: #6A2A5B !important;
    color: #fff;
}

    .btn-primary:hover {
        background-color: #00BFB3;
    }

.btn-primary-neg {
    background-color: #fff;
    border-color: #6A2A5B !important;
    color: #6A2A5B;
}

    .btn-primary-neg:hover {
        background-color: #115E67;
        color: #fff;
    }

.btn-secondary {
    background-color: #115E67;
    border-color: #115E67 !important;
    color: #fff;
}

    .btn-secondary:hover {
        background-color: #00BFB3;
        color: #fff;
    }

.btn-secondary-neg {
    background-color: #FFF;
    border-color: #115E67 !important;
    color: #051B1E;
}

    .btn-secondary-neg:hover {
        background-color: #00BFB3;
        color: #fff;
    }

a.button {
    padding: 4px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    border: 1px solid;
    cursor: pointer;
    display: inline-block;
}

    a.button.secondary {
        background: -webkit-linear-gradient(top, rgb(230, 230, 230) 0%,rgba(181, 181, 181,1) 90%,rgba(181, 181, 181,1) 95%,rgba(163, 163, 163,1) 100%);
        background: -moz-linear-gradient(top, rgba(207, 212, 196,1) 0%,rgba(181, 181, 181,1) 90%,rgba(181, 181, 181,1) 95%,rgba(163, 163, 163,1) 100%);
        background: -o-linear-gradient(top, rgba(207, 212, 196,1) 0%,rgba(181, 181, 181,1) 90%,rgba(181, 181, 181,1) 95%,rgba(163, 163, 163,1) 100%);
        background: -ms-linear-gradient(top, rgba(230, 230, 230,1) 0%,rgb(181, 181, 181) 90%,rgb(181, 181, 181) 95%,rgba(163, 163, 163,1) 100%);
        background: linear-gradient(top, rgba(207, 212, 196,1) 0%,rgba(181, 181, 181,1) 90%,rgba(181, 181, 181,1) 95%,rgba(163, 163, 163,1) 100%);
        border: 1px solid #4a4a4a;
        color: #4a4a4a;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFD4C4', endColorstr='#B5B5B5',GradientType=0 );
    }

    a.button.positive {
        background: -webkit-linear-gradient(top, rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
        background: -moz-linear-gradient(top, rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
        background: -o-linear-gradient(top, rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
        background: -ms-linear-gradient(top, rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
        background: linear-gradient(top, rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad44f', endColorstr='#609d29',GradientType=0 );
        border: 1px solid #5b8821;
        color: #000;
        font-weight: normal;
    }

        a.button.positive.disabled {
            color: #6D6D6D;
            cursor: default;
        }

    a.button.negative {
        background: -webkit-linear-gradient(top, rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
        background: -moz-linear-gradient(top, rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
        background: -o-linear-gradient(top, rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
        background: -ms-linear-gradient(top, rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
        background: linear-gradient(top, rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87288', endColorstr='#ce3b46',GradientType=0 );
        border: 1px solid #b0333e;
    }

input[type=submit].button.positive {
    background-color: #115E67;
    border: 1px solid #115E67;
    color: #ffffff;
}

button.negative {
    background: -webkit-linear-gradient(top, rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
    background: -moz-linear-gradient(top, rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
    background: -o-linear-gradient(top, rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
    background: -ms-linear-gradient(top, rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
    background: linear-gradient(top, rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87288', endColorstr='#ce3b46',GradientType=0 );
    border: 1px solid #b0333e;
}

div.mb-sm {
    margin-bottom: 5px;
}

div.mh-sm {
    margin-left: 5px;
    margin-right: 5px;
}


.ml-sm {
    margin-left: 5px;
}

.mr-sm {
    margin-right: 5px;
}

.my-divider {
    width: 100%;
    text-align: center;
}