@charset "utf-8";

/* CSS Only For HTML Coder */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

/* font-family: 'Open Sans', sans-serif; */



article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

canvas, audio, video {
    display: inline-block;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden] {
    display: none;
}


abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

hr {
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

pre {
    white-space: pre-wrap;
}

small {
    font-size: 80%;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0;
    padding: 0;
}

legend {
    border: 0;
    padding: 0;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    outline: none;
}

button, input {
    line-height: normal;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

::-moz-placeholder {
    color: #000;
    opacity: 1;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.clear, .spacer {
    font-size: 0px;
    line-height: 0px;
    clear: both;
}




button, input, textarea {
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}

p {
    padding: 0px;
    margin: 0px 0px 8px 0px;
    border: none;
}

    p:last-child {
        margin: 0;
    }



label, input[type="checkbox"], input[type="radio"] {
    display: inline-block;
    vertical-align: middle;
}

    label input[type="checkbox"], label input[type="radio"] {
        margin-right: 5px;
    }



a {
    color: #45a6db;
    text-decoration: none;
    outline: none;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

    a:hover {
        outline: none;
        text-decoration: underline;
    }

img {
    max-width: 100%;
    border: none;
    padding: 0;
    margin: 0;
    outline: none;
    display: block;
}



*, ::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

::after, ::before {
    font-family: 'FontAwesome';
}

h1 .fa,
h2 .fa,
h3 .fa,
h4 .fa,
h5 .fa,
h6 .fa {
    color: #b0a47c;
}



html,
body {
    min-height: 100%;
}

textarea {
    padding: 5px 10px;
    height: 80px;
    width: 100%;
}

    textarea.bigTxtarea {
        height: 118px;
    }

option {
    padding: 4px 5px;
}

optgroup {
    padding: 4px 6px;
}

    optgroup option {
        padding: 4px 12px;
    }



/*.button, a.button {   
    color: #FFF;
    font-size: 15px;
    border: none;
    padding: 0 14px;
    cursor: pointer; 
    font-weight: 500;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 40px;
    border-radius: 0;
}

    .button:hover {
        background: #0489C5;
    }

    .button.orange {
        background-color: #e06c35;
    }

        .button.orange:hover {
            background-color: #CE6737;
        }

    .button.red {
        background-color: #E63838;
    }

        .button.red:hover {
            background-color: #F94F4F;
        }

    .button.warning {
        background-color: #EAB10D;
    }

        .button.warning:hover {
            background-color: #B58A10;
        }


    .button.green {
        background-color: #32A930;
    }

        .button.green:hover {
            background-color: #3EC33C;
        }

    .button.full {
        width: 100%;
    }

    .button.sm {
        height: 35px;
        line-height: 35px;
    }

    .button.xsm {
        height: 28px;
        line-height: 28px;
        font-size: 13px;
    }

    .button.round {
        border-radius: 3px;
    }*/

.formRow {
    margin-bottom: 10px;
    padding: 0;
    display: block;
    width: 100%;
    font-weight: 400;
}

    .formRow:last-child {
        margin-bottom: 0;
    }

    .formRow font {
        color: #F33;
        font-weight: 300;
    }

.formRowTxt {
    margin-bottom: 12px;
    padding: 0;
    display: block;
    width: 100%;
    font-weight: 400;
}

.formSubFld {
    margin-bottom: 4px;
    display: block;
}

    .formSubFld:last-child {
        margin-bottom: 0;
    }

.frgtPswrd {
    margin-bottom: 8px;
    display: block;
    font-weight: bold;
}

    .frgtPswrd a {
        color: #444;
        text-decoration: none;
    }

        .frgtPswrd a:hover {
            color: #09F;
        }

    .frgtPswrd:last-child {
        margin-bottom: 0;
    }

.formTtl {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
    line-height: 40px;
    font-weight: 600;
    font-size: 13px;
}

.formFld {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    font-weight: 400;
}

.half {
    width: 50%;
    padding: 0 6px 0 0;
    display: inline-block;
    vertical-align: top;
}

    .half:nth-child(2n), .half:nth-child(2) {
        padding: 0 0 0 6px;
    }

.thrice {
    width: 33.3333%;
    display: inline-block;
    vertical-align: top;
    padding: 0 6px 0 0;
}

    .thrice:nth-child(2) {
        padding: 0 6px;
    }

    .thrice:nth-child(3) {
        padding: 0 0 0 6px;
    }

.formBtn {
    margin-left: 40%;
    display: block;
    padding-top: 0px;
}

.formBtnCntr {
    text-align: center;
    padding-top: 20px;
    display: block;
    margin-bottom: 12px;
}

    .formBtnCntr:last-child {
        margin-bottom: 0;
    }

.fldTtl {
    display: block;
    line-height: 24px;
    font-weight: bold;
}

.success {
    background: #d5eab3;
    border: 1px solid #b3ce89 !important;
    border-radius: 2px;
    color: #567622;
    margin: 0 0 20px;
    padding: 6px 8px;
    display: block;
    text-align: center;
}

.failure {
    background: #FFB8A2;
    border: 1px solid #E13300;
    border-radius: 2px;
    color: #E13300;
    margin: 20px 0;
    padding: 6px 8px;
    display: block;
}

.fldInfo {
    display: block;
    padding: 2px 0 0;
    font-size: 13px;
    color: #666;
    line-height: 14px !important;
}

.errorMsg {
    display: block;
    padding: 2px 0 0;
    font-size: 12px;
    color: #F33;
    line-height: 12px;
}

input[class="error"] {
    border-color: #F33 !important;
}



.relative {
    position: relative;
}

.currentLoc {
    position: absolute;
    right: 0;
    top: 0;
}



.fieldSet {
    border: none;
    border-top: 1px #8F8071 solid;
    padding: 20px 0 0 20px;
    margin-bottom: 40px;
}

    .fieldSet:last-child {
        margin: 0;
    }

.formSecInfo {
    display: block;
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 15px;
    color: #999;
    text-align: right;
    margin-top: -15px;
    font-style: oblique;
}

.fieldSet legend {
    padding-right: 12px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    margin-left: -20px;
}



.mask {
    background: #fff;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100000000;
}

#intro-loader {
    width: 100px;
    height: 100px;
    padding-top: 70px;
    text-align: center;
    position: absolute;
    margin: -50px 0 0 -50px;
    top: 50%;
    left: 50%;
    background: url(../images/loading.gif) no-repeat center top;
}



/**********IMPORTANT**********/

.buttonset {
    display: block;
    margin: 5px 5px 0 5px;
    width: 100px;
}

.wrapper {
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 10px;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

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

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

.align-center {
    text-align: center !important;
}

.hide {
    display: none;
}

/**********IMPORTANT**********/

.mainSite {
    display: block;
}

#header {
    display: block;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
    box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

.logo {
    display: block;
    float: left;
    padding: 8px 0;
}

    .logo a {
        display: inline-block;
    }

        .logo a img {
            display: block;
            height: 74px;
            width: auto;
        }

.navigation {
    display: block;
    float: left;
    margin: 41px 0 0 0;
}

    .navigation ul {
        display: block;
    }

        .navigation ul li {
            display: inline-block;
            vertical-align: top;
            margin: 0 0 0 28px;
        }

            .navigation ul li:first-child {
                margin: 0;
            }

            .navigation ul li a {
                display: block;
                color: #000000;
                font-size: 14px;
                line-height: 16px;
                font-weight: 600;
                border-bottom: 4px solid transparent;
                padding: 0 16px 33px 16px;
            }

                .navigation ul li a:hover,
                .navigation ul li a.sl {
                    border-color: #45a6db;
                    text-decoration: none;
                }

.accountNav {
    display: block;
    float: left;
    margin: 30px 0 0 0;
}

    .accountNav a {
        display: inline-block;
        vertical-align: top;
        background-color: #45a6db;
        font-size: 14px;
        font-weight: 600;
        line-height: 36px;
        padding: 0 16px;
        color: #fff;
        margin: 0 0 0 16px;
    }

        .accountNav a:hover {
            background-color: #007FB7;
            text-decoration: none;
        }

.headerRight {
    display: block;
    float: right;
}



.banner {
    display: block;
    position: relative;
    z-index: 2;
}

.bannerContainer {
    display: block;
    background: url(../images/bkg-banner.png) no-repeat bottom center;
    background-size: 100% auto;
    min-height: 300px;
    padding: 38px 236px 128px 236px;
    text-align: center;
}

.bannerTxtCont h2 {
    display: block;
    color: #505050;
    font-size: 40px;
    line-height: 44px;
    font-weight: 300;
}

.bannerTxtCont p {
    display: block;
    color: #000000;
    font-size: 20px;
    line-height: 24px;
    margin: 30px 0 0 0;
    font-weight: 300;
}

.bannerButtonset {
    display: block;
    margin: 40px 0 0 0;
}

.bannerBtn {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 54px;
    padding: 0 20px;
    background-color: #e06c35;
    border-radius: 3px;
    text-transform: uppercase;
    width: 318px;
    max-width: 100%;
}

    .bannerBtn:hover {
        background-color: #CE6737;
        text-decoration: none;
    }

.bannerTxtList {
    display: block;
    margin: 30px 0 0 0;
}

    .bannerTxtList ul {
        display: block;
    }

        .bannerTxtList ul li {
            display: inline-block;
            vertical-align: top;
            margin: 10px 27px 0 27px;
            color: #6e6e6e;
            font-size: 14px;
            line-height: 32px;
            padding: 0 0 0 40px;
            background: url(../images/banner-list-arrow.png) no-repeat 0 0;
        }



.creatWorkflow {
    display: block;
    position: relative;
    margin: -40px 0 0 0;
    background-color: #45a6db;
    z-index: 1;
    padding: 74px 0;
}

    .creatWorkflow h2 {
        display: block;
        color: #fff;
        font-size: 30px;
        line-height: 34px;
        font-weight: 600;
        text-align: center;
        text-transform: uppercase;
        margin: 0 0 50px 0;
    }

.workFlowList {
    display: block;
}

    .workFlowList .rW {
        display: block;
        margin: 0 -10px;
    }

        .workFlowList .rW .colM {
            display: inline-block;
            vertical-align: top;
            width: 20%;
            padding: 10px;
        }

.workFlowBx {
    display: block;
    text-align: center;
}

    .workFlowBx .image {
        display: block;
        text-align: center;
    }

        .workFlowBx .image img {
            display: inline-block;
            vertical-align: top;
        }

    .workFlowBx .tl {
        display: block;
        color: #fff;
        font-size: 17px;
        line-height: 20px;
        text-transform: uppercase;
        font-weight: 500;
        margin: 36px 0 0 0;
    }

.styOnSec {
    display: block;
    padding: 54px 0;
}

    .styOnSec h2 {
        display: block;
        color: #505050;
        font-size: 30px;
        line-height: 34px;
        font-weight: 300;
        margin: 0 0 56px 0;
        text-transform: uppercase;
        text-align: center;
    }

.styOnsection {
    display: block;
    overflow-x: hidden;
}

    .styOnsection .rW {
        display: block;
        margin: 0 -16px;
    }

        .styOnsection .rW .colM {
            display: inline-block;
            vertical-align: top;
            width: 25%;
            padding: 16px;
        }

.styOnBX {
    display: block;
    text-align: center;
}

    .styOnBX .icon {
        display: block;
        text-align: center;
    }

        .styOnBX .icon span {
            display: inline-block;
            width: 108px;
            height: 108px;
            border: 2px solid #c4c4c4;
            border-radius: 200px;
            line-height: 104px;
            text-align: center;
            vertical-align: middle;
        }

            .styOnBX .icon span img {
                display: inline-block;
                vertical-align: middle;
            }

    .styOnBX .tl {
        display: block;
        color: #505050;
        font-size: 17px;
        line-height: 20px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 22px 0 0 0;
    }

    .styOnBX p {
        display: block;
        color: #888888;
        font-size: 14px;
        line-height: 24px;
        margin: 22px 0 0 0;
    }



.everythingAuto {
    display: block;
    padding: 40px 0;
    background-color: #1c2930;
}

    .everythingAuto h2 {
        display: block;
        color: #fff;
        font-size: 30px;
        line-height: 34px;
        font-weight: 300;
    }

    .everythingAuto .more {
        display: block;
        margin: 20px 0 0 0;
    }

        .everythingAuto .more a {
            display: inline-block;
            color: #45a6db;
            font-size: 17px;
            font-weight: 600;
            line-height: 20px;
            text-transform: uppercase;
        }

.textSection {
    display: block;
    padding: 42px 0;
}

    .textSection h4 {
        display: block;
        color: #505050;
        font-size: 17px;
        line-height: 20px;
        font-weight: 600;
        margin: 16px 0 0 0;
    }

    .textSection p {
        display: block;
        color: #888888;
        font-size: 14px;
        line-height: 24px;
        font-weight: 500;
        margin: 16px 0 0 0;
    }

        .textSection h4:first-child,
        .textSection p:first-child {
            margin: 0;
        }



#footer {
    display: block;
    background-color: #565a5c;
}

.copyright {
    display: block;
    background-color: #484848;
    padding: 16px 0;
    color: #848484;
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
    text-align: center;
}

.footerLinks {
    display: block;
    padding: 18px 0;
    overflow-x: hidden;
}

    .footerLinks .rW {
        display: block;
        margin: 0 -16px;
    }

        .footerLinks .rW .colM {
            display: inline-block;
            vertical-align: top;
            width: 25%;
            padding: 16px;
        }



.footerlinkTtl {
    display: block;
    color: #fff;
    font-size: 17px;
    line-height: 20px;
    font-weight: 600;
    margin: 0 0 12px 0;
}

.contactInfo {
    display: block;
    color: #45a6db;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin: 0 0 5px 0;
}

    .contactInfo span {
        color: #fff;
    }

.footerLink {
    display: block;
}

    .footerLink li {
        display: block;
        margin: 0 0 6px 0;
    }

        .footerLink li a {
            display: inline-block;
            color: #45a6db;
            font-size: 14px;
            line-height: 16px;
            font-weight: 400;
        }

            .footerLink li a:hover {
                color: #fff;
                text-decoration: none;
            }



.socialLinks {
    display: block;
    margin: 14px 0 0 0;
}

    .socialLinks a {
        display: inline-block;
        vertical-align: top;
        margin: 0 0 0 10px;
    }

        .socialLinks a img {
            display: block;
        }

        .socialLinks a:hover {
            text-decoration: none;
        }



.smNavbar {
    display: none;
}



.loginRegisterPage {
    background-color: #45a6db;
}

.logRegcontainer {
    display: block;
    padding: 10px;
    height: 100%;
    position: relative;
}

.loginRegArea {
    display: block;
    width: 372px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-height: 100%;
    padding: 0 16px;
}

.logRegBx {
    display: block;
    background-color: #fff;
    border-radius: 6px; /*  max-height:100%; */ /* overflow:auto; */
    padding: 136px 28px 20px 28px;
}

    .logRegBx.login {
        padding-top: 74px;
    }

.logRegHead {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 28px;
    text-align: center;
}

.logRegLogo {
    display: block;
}

    .logRegLogo a {
        display: inline-block;
    }

        .logRegLogo a img {
            display: block;
            height: 60px;
        }

.logRegTtl {
    display: block;
    color: #505050;
    font-size: 30px;
    line-height: 34px;
    font-weight: 400;
    margin: 8px 0 0 0;
}

.logRegForm {
    display: block;
    max-height: 100%;
    overflow: auto;
}

    .logRegForm .formRw {
        display: block;
        margin: 0 0 20px 0;
    }

    .logRegForm .oR {
        display: block;
        color: #888888;
        font-size: 14px;
        line-height: 16px;
        font-weight: 600;
        text-align: center;
        margin: 0 0 20px 0;
        font-style: italic;
    }

.registerWith {
    display: block;
    text-align: center;
}

    .registerWith .tl {
        display: block;
        color: #888888;
        font-size: 14px;
        line-height: 16px;
        margin: 0 0 12px 0;
    }

.socialRegister {
    display: block;
    text-align: center;
}

    .socialRegister a {
        display: inline-block;
        vertical-align: top;
        margin: 0 24px 0 0;
    }

        .socialRegister a:last-child {
            margin: 0;
        }

.registerWith .tl.logttl {
    margin: 0 0 20px 0;
}

.login .socialRegister {
    margin: 0 0 20px 0;
}

.forgotPass {
    display: block;
    color: #888888;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin: 0 0 6px 0;
    text-align: center;
}

    .forgotPass a {
        color: #45a6db;
    }



/* DASHBOARD */

.dashboardContainer {
    display: block;
    height: 100%;
    background-color: #f6f6f6;
}

.dashboardLeftPanel {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 252px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    z-index: 1;
    min-height: 100%;
}

.navHeader {
    display: block;
    position: relative;
}

    .navHeader:after {
        content: "";
        display: block;
        width: 100;
        height: 1px;
        background-color: #d2d2d2;
    }

.dashBoardNavbar {
    display: block;
    float: left;
    width: 54px;
    height: 64px;
    color: #888;
    font-size: 35px;
    line-height: 64px;
    text-align: center;
    cursor: pointer;
}

.dashHeadLogo {
    display: block;
    position: absolute;
    top: 11px;
    left: 64px;
}

    .dashHeadLogo img {
        display: block;
        height: 40px;
        width: auto;
    }

.dashboardNavigation {
    display: block;
}

    .dashboardNavigation ul {
        display: none;
        margin-left: 1px;
    }

        .dashboardNavigation ul li {
            display: block;
        }

            .dashboardNavigation ul li a {
                display: block;
                color: #333;
                font-size: 11px;
                text-transform: uppercase;
                font-weight: 600;
                line-height: 40px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                position: relative;
                padding: 0 10px 0 64px;
            }

                .dashboardNavigation ul li a:hover,
                .dashboardNavigation ul li a.sl {
                    background-color: rgba(69,166,219,0.39);
                    text-decoration: none;
                }

                .dashboardNavigation ul li a .icon {
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 54px;
                    height: 54px;
                }

                    .dashboardNavigation ul li a .icon.activeUser {
                        background: url(../images/activeUser.png) no-repeat 0 0;
                    }

                    .dashboardNavigation ul li a .icon.inactiveUser {
                        background: url(../images/inactiveUser.png) no-repeat 0 0;
                    }

                    .dashboardNavigation ul li a .icon.googleGroups {
                        background: url(../images/googleGroups.png) no-repeat 0 0;
                    }

                    .dashboardNavigation ul li a .icon.userGroups {
                        background: url(../images/userGroups.png) no-repeat 0 0;
                    }

                    .dashboardNavigation ul li a .icon.departments {
                        background: url(../images/departments.png) no-repeat 0 0;
                    }

                    .dashboardNavigation ul li a .icon.drafts {
                        background: url(../images/drafts.png) no-repeat 0 0;
                    }

                    .dashboardNavigation ul li a .icon.inProgress {
                        background: url(../images/inProgress.png) no-repeat 0 0;
                    }

                    .dashboardNavigation ul li a .icon.approved {
                        background: url(../images/approved.png) no-repeat 0 0;
                    }

                    .dashboardNavigation ul li a .icon.rejected {
                        background: url(../images/rejected.png) no-repeat 0 0;
                    }

                    .dashboardNavigation ul li a .icon.home {
                        background: url(../images/home-icon.png) no-repeat 0 0;
                    }

                    .dashboardNavigation ul li a .icon.money {
                        background: url(../images/contributions_nav.png) no-repeat 0 0;
                    }

                    .dashboardNavigation ul li a .icon.loanapp {
                        background: url(../images/loan_app_nav.png) no-repeat 0 0;
                    }

                    .dashboardNavigation ul li a .icon.loanapprove {
                        background: url(../images/loanapprove_nav.png) no-repeat 0 0;
                    }

                    .dashboardNavigation ul li a .icon.loandisb {
                        background: url(../images/loandisb_nav.png) no-repeat 0 0;
                    }

                    .dashboardNavigation ul li a .icon.loanrepay {
                        background: url(../images/loanrepay_nav.png) no-repeat 0 0;
                    }

                    .dashboardNavigation ul li a .icon.reports {
                        background: url(../images/reports_nav.png) no-repeat 0 0;
                    }

                    .dashboardNavigation ul li a .icon.settings {
                        background: url(../images/settings_nav.png) no-repeat 0 0;
                    }

                .dashboardNavigation ul li a.sl .icon {
                    background-position: 0 -54px !important;
                }

.menuTtl {
    display: block;
    color: #989898;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 24px 0 10px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    background-color: #f7f7f7;
    border-bottom: 1px solid #e8e8e8;
}

    .menuTtl:hover,
    .menuTtl.sl {
        color: #1cafff;
    }

    .menuTtl:after {
        content: "\f0d7";
        font-family: FontAwesome;
        color: #222;
        font-size: 14px;
        line: 16px;
        position: absolute;
        top: 50%;
        right: 10px;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

    .menuTtl.sl:after {
        content: "\f0d8";
    }

.dashboardLeftPanel,
.dashboardRightPanel {
    -webkit-transition: 300ms;
    transition: 300ms;
}

.dashboardRightPanel {
    display: block;
    padding: 0 0 0 252px;
}

.dashboardContainer.slideNew .dashboardRightPanel {
    padding-left: 54px;
}

.dashboardContainer.slideNew .dashboardLeftPanel {
    width: 54px;
}

.dashboardContainer.slideNew .dashBoardNavbar {
    background-color: #45a6db;
    color: #fff;
}

.dashboardContainer.slideNew .dashboardNavigation ul li a {
    padding-left: 54px;
    padding-right: 0;
}

.dashboardContainer.slideNew .dashboardNavigation .menuTtl {
    display: none;
}

.dashBoardContainer {
    display: block;
    padding: 54px 0 0 0;
}

.dashboardHeader {
    display: block;
    background-color: #45a6db;
    height: 64px;
    padding: 18px 268px 18px 16px;
    position: fixed;
    width: 100%;
    z-index: 99;
    -webkit-transition: 300ms;
    transition: 300ms;
}

.slideNew .dashboardHeader {
    padding-right: 70px;
}

.breadCrumb {
    display: block;
    float: left;
}

    .breadCrumb li {
        display: block;
        float: left;
        padding: 0 20px 0 11px;
        color: #fff;
        font-size: 20px;
        line-height: 22px;
        font-weight: 400;
        position: relative;
    }

        .breadCrumb li:after {
            content: "\f105";
            color: #fff;
            font-size: 24px;
            line-height: 24px;
            position: absolute;
            top: 50%;
            right: 0;
            -webkit-transform: translate(0,-50%);
            transform: translate(0,-50%);
        }

        .breadCrumb li:first-child {
            padding-left: 0;
        }

        .breadCrumb li:last-child {
            padding-right: 0;
        }

            .breadCrumb li:last-child:after {
                display: none;
            }

        .breadCrumb li a {
            color: #fff;
        }

.dashboardHeaderNav {
    display: block;
    float: right;
    margin: 6px 0 0 0;
}

    .dashboardHeaderNav ul {
        display: block;
    }

        .dashboardHeaderNav ul li {
            display: inline-block;
            vertical-align: top;
            margin: 0 0 0 38px;
        }

            .dashboardHeaderNav ul li:first-child {
                margin: 0;
            }

            .dashboardHeaderNav ul li a {
                display: block;
                color: #fff;
                font-size: 14px;
                line-height: 16px;
                font-weight: 500;
            }

                .dashboardHeaderNav ul li a:hover {
                    opacity: 0.8;
                    text-decoration: none;
                }

.dashMainCont {
    display: block;
    padding: 24px;
}

    .dashMainCont .rW {
        display: block;
        margin: 0 -10px;
    }

        .dashMainCont .rW .colM {
            display: inline-block;
            vertical-align: top;
            padding: 0px 10px;
            width: 100%;
        }

            .dashMainCont .rW .colM.colM75 {
                width: 75%;
            }

            .dashMainCont .rW .colM.colM25 {
                width: 25%;
            }

            .dashMainCont .rW .colM.colM70 {
                width: 70%;
            }

            .dashMainCont .rW .colM.colM30 {
                width: 30%;
            }

.whiteBox {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    padding: 10px 10px 5px 20px;
    margin: 0 0 16px 0;
}

    .whiteBox > .row {
        padding-left: 15px;
    }

.noPadding {
    padding: 0 !important;
}

.noMargin {
    padding: 0 !important;
}

.noBottomMarginClear {
    margin-bottom: 0px !important;
}

.boxTtl {
    display: block;
    color: #000;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 14px 0;
}

.noPadding > .boxTtl {
    padding: 16px;
    margin: 0;
}

.titleSearch {
    display: block;
    float: right;
}

    .titleSearch .srch {
        display: block;
        float: left;
        color: #000;
        font-size: 13px;
        line-height: 24px;
        font-weight: normal;
        cursor: pointer;
    }

.titleFilter {
    display: block;
    float: left;
    width: 106px;
    margin: 0 0 0 10px;
}

    .titleFilter select {
        display: block;
        width: 100%;
        border: none;
        border-bottom: 1px solid #aaaaaa;
        height: 24px;
    }

.emailContainer {
    display: block;
    min-height: 400px;
}

    .emailContainer .list {
        display: block;
        border-bottom: 1px solid #d2d2d2;
    }

    .emailContainer .name,
    .emailContainer .emailID,
    .emailContainer .lastSeen {
        display: inline-block;
        vertical-align: top;
        color: #505050;
        font-size: 14px;
        line-height: 40px;
        padding: 0 8px;
        width: 33.333333%;
    }

    .emailContainer table {
        width: 100%;
    }

        .emailContainer table tr th,
        .emailContainer table tr td {
            vertical-align: middle;
            color: #505050;
            font-size: 14px;
            line-height: 40px;
            padding: 4px 8px;
            width: 33.333333%;
            font-weight: 500;
            border-bottom: 1px solid #d2d2d2;
            text-align: left;
            cursor: pointer;
        }

    .emailContainer.odd table tr th,
    .emailContainer.odd table tr td {
        width: auto;
    }

    .emailContainer table tr.sl {
        background-color: #E7F4FB;
    }

    .emailContainer table tr td p {
        display: block;
        font-size: 13px;
        line-height: 16px;
    }

    .emailContainer .name,
    .emailContainer table .firstBx {
        padding-left: 30px;
        position: relative;
    }

    .emailContainer .lastSeen {
        padding-right: 20px;
    }

    .emailContainer .name .ch,
    .emailContainer table .firstBx .ch {
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        cursor: pointer;
    }

        .emailContainer .name .ch input,
        .emailContainer table .firstBx .ch input {
            display: none;
        }

        .emailContainer .name .ch .icon,
        .emailContainer table .firstBx .ch .icon {
            display: block;
            background: url(../images/dash-check.png) no-repeat 0 0;
            width: 20px;
            height: 20px;
        }

        .emailContainer .name .ch input:checked + .icon,
        .emailContainer table .firstBx .ch input:checked + .icon,
        .emailContainer table .sl .ch .icon {
            background-position: 0 -20px;
        }

.reportTable .firstBx {
    padding-right: 20px;
}

    .reportTable .name .ch input,
    .reportTable .firstBx .ch input {
        display: none;
    }

    .reportTable .name .ch .icon,
    .reportTable .firstBx .ch .icon {
        display: inline-block;
        background: url(../images/dash-check.png) no-repeat 0 0;
        width: 20px;
        height: 20px;
        vertical-align: middle;
    }

    .reportTable .name .ch input:checked + .icon,
    .reportTable .firstBx .ch input:checked + .icon,
    .reportTable .sl .ch .icon {
        background-position: 0 -20px;
    }


.importEmp {
    display: block;
    margin: 0 0 20px 0;
}

.txtTtl {
    display: block;
    color: #505050;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    margin: 0 0 14px 0;
}

.table {
    width: 100%;
    margin: 0 0 20px 0;
}

    .table table {
        width: 100%;
        border-top: 1px solid #d8d8d8;
        border-left: 1px solid #d8d8d8;
    }

        .table table tr th,
        .table table tr td {
            color: #505050;
            font-size: 14px;
            line-height: 16px;
            font-weight: 400;
            padding: 8px;
            border-right: 1px solid #d8d8d8;
            border-bottom: 1px solid #d8d8d8;
            text-align: left;
        }

        .table table tr th {
            background-color: #e8e8e8;
        }

.normalStyle tr th, .normalStyle tr td {
    line-height: normal !important;
    vertical-align: top !important;
    padding: 10px 8px !important;
}


#addUserForm,
#editUserForm,
#addtUserForm2 {
    display: none;
}

.sidebarForm {
    display: block;
}

    .sidebarForm .formRow {
        margin-bottom: 6px;
    }

    .sidebarForm .formTtl {
        display: block;
        width: 100%;
        padding: 0 0 2px 0;
        line-height: 15px;
    }

    .sidebarForm .formFld {
        display: block;
        width: 100%;
    }

    .sidebarForm .line .formTtl {
        display: inline-block;
        vertical-align: top;
        width: 20%;
        padding: 0 8px 0 0;
        line-height: 15px;
    }

    .sidebarForm .line .formFld {
        display: inline-block;
        vertical-align: top;
        width: 80%;
    }

.generatePass {
    display: block;
    text-align: right;
}

    .generatePass a {
        display: inline-block;
        font-size: 13px;
        line-height: 15px;
        font-weight: 500;
    }

.rdoList {
    display: inline-block;
    vertical-align: top;
    margin: 0 16px 0 0;
    position: relative;
    padding: 0 0 0 28px;
    font-size: 13px;
    line-height: 22px;
    font-weight: 600;
}

.rdoListing {
    padding: 4px 0 0 0;
}

.rdoList input {
    display: none;
}

.rdoList .icon {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    background: url(../images/rdo-icon.png) no-repeat 0 0;
}

.rdoList input:checked + .icon {
    background-position: 0 -22px;
}

.uploadFile {
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
}

    .uploadFile input {
        display: none;
    }

.uploadImg {
    display: inline-block;
    vertical-align: top;
    width: 80px;
    height: 63px;
    overflow: hidden;
    margin: 0 10px 0 0;
}

    .uploadImg img {
        display: block;
        width: 100%;
        height: auto;
        min-height: 100%;
    }


.adminPage {
    display: block;
    padding: 104px 0 0 0;
}

.adminPanel {
    display: block;
    padding: 10px;
    background-color:white;
}


.adminPnlBX {
    display: block;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-bottom: 15px;
}

    .adminPnlBX .title {
        display: block;
        color: #6F6F6F;
        font-size: 18px;
        line-height: 22px;
        padding: 8px 16px;
        font-weight: 600;
        border-bottom: thin;
    }

    .adminPnlBX .bodyCont {
        display: block;
        padding: 16px;
        min-height: 140px;
        max-height: 180px;
    }

        .adminPnlBX .bodyCont img {
            /*display: block;*/
            /*float: left;*/
            width: auto;
            max-width: 100px;
            height: auto;
            object-fit: scale-down;
        }



    .adminPnlBX .imageCont {
        display: block;
        padding: 16px;
        min-height: 140px;
    }

        .adminPnlBX .imageCont img {
            display: block;
            float: left;
            width: auto;
            max-width: 90%;
            height: auto;
        }

    .adminPnlBX .textCont {
        display: block;
        padding: 0 0 0 120px;
    }

.lg {
    display: block;
    float: left;
    width: 80% !important;
    max-width: 90% !important;
    padding: 10px;
}

.requestList {
    display: block;
    color: #808080;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    margin: 8px 0 0 0;
    text-align: right;
}

    .requestList:first-child {
        margin: 0;
    }

    .requestList span {
        font-size: 26px;
        line-height: 28px;
        margin: 0 0 2px 0;
        display: block;
        font-weight: 500;
    }

.adminPnlBX .bottomLinks {
    display: block;
    padding: 5px 8px;
    border-top: 1px solid #E6E6E6;
    text-align: right;
}

    .adminPnlBX .bottomLinks a {
        display: inline-block;
        vertical-align: top;
        margin: 0 16px 0 0;
        color: #808080;
        font-size: 12px;
        line: 16px;
        font-weight: 600;
        text-transform: uppercase;
    }

        .adminPnlBX .bottomLinks a:last-child {
            margin-right: 0;
        }

        .adminPnlBX .bottomLinks a:hover {
            color: #45a6db;
            text-decoration: none;
        }



.whiteboxContainer {
    display: block;
    padding: 16px;
}

.formCont {
    display: block;
    max-width: 1000px;
    margin: 0 auto;
    overflow-x: hidden;
}

.formRW {
    display: block;
    margin: 0 -50px;
}

.formCol {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 8px 50px 8px 50px;
}

    .formCol.full {
        width: 100%;
    }

.formFldTtl {
    display: block;
    color: #000000;
    font-size: 13px;
    line-height: 15px;
    font-weight: 600;
    margin: 0 0 6px 0;
}

.formFldLabel {
    color: #000000;
    font-size: 13px;
    line-height: 15px;
    font-weight: 600;
    margin: 0 10px 6px 0;
}

.formFldData {
    color: #000000;
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
    margin: 0 0 6px 0;
}

.formFldBX {
    display: block;
}

.frmFld,
.chosen-container-multi .chosen-choices {
    display: block;
    border: none !important;
    border-bottom: 2px solid #ddd !important;
    border-radius: 0;
    font-size: 15px !important;
}

    .frmFld.multiple {
        height: 90px;
    }

    .frmFld *[placeholder] {
        color: #ccc !important;
    }

    .frmFld::-moz-placeholder {
        color: #ccc !important;
        opacity: 1;
    }

    .frmFld::-webkit-input-placeholder {
        color: #ccc !important;
    }

    .frmFld:focus {
        border-color: #45a6db !important;
    }

.formColttl {
    display: block;
    color: #222;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
}

.formRW .formColttl {
    padding: 0 50px;
}

.attachFile {
    display: inline-block;
    vertical-align: top;
}

    .attachFile input {
        display: none;
    }



.draftList {
    display: block;
}

    .draftList .list {
        display: block;
        height: 46px;
        border-top: 1px solid #ddd;
        padding: 8px 10px 8px 60px;
        position: relative;
        cursor: pointer;
    }

        .draftList .list:hover {
            text-decoration: none !important;
        }

        .draftList .list .image {
            display: block;
            width: 28px;
            height: 28px;
            border-radius: 100px;
            background-color: #6752D8;
            color: #fff;
            text-align: center;
            color: #fff;
            font-size: 18px;
            line-height: 28px;
            font-weight: 600;
            position: absolute;
            top: 9px;
            left: 10px;
        }

            .draftList .list .image.green {
                background-color: #2DAD3D;
            }

            .draftList .list .image.red {
                background-color: #EC3E3E;
            }

            .draftList .list .image.orange {
                background-color: #FD8E1B;
            }

        .draftList .list .name {
            display: block;
            float: left;
            width: 140px;
            color: #333;
            font-size: 13px;
            line-height: 26px;
            overflow: hidden;
            text-overflow: ellipsis;
            font-weight: 600;
            white-space: nowrap;
        }

        .draftList .list .time {
            display: block;
            float: right;
            width: 80px;
            color: #696969;
            font-size: 12px;
            line-height: 26px;
            overflow: hidden;
            text-overflow: ellipsis;
            font-weight: 500;
            white-space: nowrap;
        }

        .draftList .list .cont {
            display: block;
            padding: 0 100px 0 160px;
            color: #696969;
            font-size: 12px;
            line-height: 26px;
            font-weight: 500;
        }

            .draftList .list .cont p {
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .draftList .list .cont span {
                color: #000;
                font-weight: 600;
            }

/*==========22-4-16===============*/
.departmentList {
    margin: 0 0 0;
    padding: 10px 10px 10px;
}

    .departmentList ul {
        margin: 0 0 0;
        padding: 0 10px 0;
        list-style: none;
        width: 25%;
        display: inline-block;
        vertical-align: top;
    }

        .departmentList ul li {
            cursor: pointer;
            display: block;
            line-height: 36px;
            padding: 0;
            position: relative;
            border: 1px solid #ddd;
            border-top: 0px;
        }

            .departmentList ul li::after {
                content: "\f054";
                position: absolute;
                right: 10px;
                top: 3px;
            }

            .departmentList ul li a {
                color: #333;
                display: block;
                font-size: 13px;
                font-weight: 600;
                /*border-right:0px;*/
                padding: 0px 20px 0 10px;
            }

                .departmentList ul li a:hover,
                .departmentList ul li a.sl {
                    background-color: #E1F3FD;
                }

            .departmentList ul li:first-child {
                border-top: 1px solid #ddd;
            }

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

.entityCont {
    display: block;
    padding: 14px;
}

.entityHeader {
    display: block;
    max-height: 250px;
    overflow: hidden;
    position: relative;
}

    .entityHeader img {
        display: block;
        width: 100%;
        height: auto;
    }

    .entityHeader .edit {
        display: none;
        position: absolute;
        top: 10px;
        right: 10px;
        color: #fff;
        font-size: 20px;
        opacity: 0.4;
    }

        .entityHeader .edit:hover {
            opacity: 1;
        }

    .entityHeader:hover .edit {
        display: block;
    }

.departmentListing {
    display: block;
    max-width: 100%;
}

    .departmentListing ul {
        width: 220px;
    }

.entityDetails {
    display: block;
    position: relative;
    z-index: 1;
    padding: 0 14px;
}

.entitylogo {
    display: inline-block;
    margin: -90px 0 12px 0;
    width: 130px;
    height: 130px;
    overflow: hidden;
    border: 3px solid #fff;
    box-shadow: 0 0px 2px rgba(0,0,0,0.6);
}

    .entitylogo img {
        display: block;
        width: 100%;
        height: auto;
        min-height: 100%;
    }

.entityAddress,
.website {
    display: inline-block;
    vertical-align: top;
    width: 33.333333%;
    padding: 0 24px 10px 0;
    color: #222;
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
}

.website {
    margin: 8px 0 0 0;
}

    .entityAddress span,
    .website span {
        display: block;
        margin: 0 0 4px 0;
        font-weight: 700;
        font-size: 14px;
        color: #222;
    }

.tblPgn {
    display: block;
    line-height: 15px;
    width: 200px;
}

    .tblPgn li {
        display: inline-block;
        vertical-align: top;
        margin: 0 5px 0 0;
        padding: 0 8px 4px 0;
        position: relative;
        font-size: 12px;
        line-height: 12px;
    }

        .tblPgn li:after {
            display: block;
            position: absolute;
            top: 50%;
            right: 0;
            -webkit-transform: translate(0,-50%);
            transform: translate(0,-50%);
            content: "\f105";
        }

        .tblPgn li:last-child {
            padding-right: 0;
        }

            .tblPgn li:last-child:after {
                display: none;
            }

.button.shtBtn {
    display: none;
}

.documentDetails {
    display: block;
    margin: 0 0 16px 0;
}

    .documentDetails .date {
        display: block;
        color: #989898;
        font-size: 13px;
        line-height: 16px;
        font-weight: 500;
    }

    .documentDetails .desc {
        display: block;
        margin: 10px 0 0 0;
        border: 1px solid #ddd;
        padding: 14px;
    }

        .documentDetails .desc p {
            display: block;
            font-size: 13px;
            font-weight: 500;
            line-height: 16px;
            margin: 0 0 8px 0;
            padding: 0;
        }

.commentsCont {
    display: block;
    padding: 0 0 0 100px;
    margin: 24px 0 0 0;
}

    .commentsCont .listing {
        display: block;
    }

        .commentsCont .listing .time {
            display: block;
            float: left;
            width: 160px;
            position: relative;
            color: #585858;
            font-size: 13px;
            text-transform: uppercase;
            line-height: 22px;
            font-weight: 600;
            text-align: right;
            padding: 20px 30px 20px 0;
            border-right: 1px solid #ddd;
            position: relative;
            z-index: 2;
        }

            .commentsCont .listing .time:before {
                content: "";
                display: block;
                position: absolute;
                top: 20px;
                right: -10px;
                width: 20px;
                height: 20px;
                background-color: #45A6DB;
                border-radius: 100px;
            }

            .commentsCont .listing .time:after {
                content: "";
                display: block;
                position: absolute;
                top: 22px;
                right: -8px;
                width: 16px;
                height: 16px;
                background-color: #E4E4E4;
                border-radius: 100px;
            }

        .commentsCont .listing .detls {
            display: block;
            padding: 0 0 0 160px;
            position: relative;
            margin: 0 0 0 -1px;
            z-index: 1;
        }

.detlsCont {
    display: block;
    border-left: 1px solid #ddd;
    padding: 20px 200px 20px 30px;
    position: relative;
}

    .detlsCont .tl {
        display: block;
        color: #222;
        font-size: 17px;
        line-height: 20px;
        font-weight: 600;
        margin: 0 0 4px 0;
    }

    .detlsCont .name {
        display: block;
        color: #1080BD;
        font-size: 14px;
        line-height: 16px;
        font-weight: 500;
        margin: 0 0 10px 0;
    }

    .detlsCont p {
        display: block;
        font-size: 13px;
        color: #616161;
        line-height: 19px;
        margin: 0 0 10px 0;
    }

        .detlsCont p:last-child {
            margin: 0;
        }

    .detlsCont .status {
        display: block;
        position: absolute;
        top: 20px;
        right: 0;
        width: 120px;
    }

.addCommentsCont {
    display: block;
    margin: 40px 0 0 0;
}

    .addCommentsCont .tl {
        display: block;
        color: #222;
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        margin: 0 0 12px 0;
    }

.editBtn {
    color: #009fe8;
    margin: 0 5px;
}

.deleteBtn {
    color: #e63838;
    margin: 0 5px;
}

.durationRow .frmFld {
    width: 22%;
    margin-right: 5px;
    display: inline-block;
}

.durationRow span {
    margin: 0 10px;
}

.addNew {
    float: right;
    margin: 1px;
}

.attachDraft {
    display: none;
    width: 600px;
    max-width: 100%;
    background-color: #fff;
    padding: 0 0 20px 0;
}

    .attachDraft .whiteBox {
        margin: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .attachDraft .emailContainer {
        min-height: 1px;
    }

.smallTableRow {
    margin: 0 0 0;
    padding: 0 10px 0;
}

.smallTableTable {
    width: 33.33%;
    padding: 20px 10px;
    display: inline-block;
    vertical-align: top;
}

    .smallTableTable table {
        border: 1px solid #d2d2d2;
        border-bottom: 0px;
    }

        .smallTableTable table tr td {
            vertical-align: top;
        }

.documentDetails .desc {
    position: relative;
    padding-right: 20px;
}

.descEdit {
    display: block;
    position: absolute;
    top: 4px;
    right: 4px;
    color: #8C8C8C;
    font-size: 17px;
    line-height: 20px;
    cursor: pointer;
}

    .descEdit:hover {
        color: #45A6DB;
    }

.descImage {
    display: inline-block;
    position: relative;
}

    .descImage .descEdit {
        color: #fff;
        width: 28px;
        height: 28px;
        text-align: center;
        line-height: 28px;
        top: 0;
        right: 0;
        background-color: #45A6DB;
    }

        .descImage .descEdit:hover {
            background-color: #3089B9;
        }

.reportTable {
    margin: 0 0 10px;
    padding: 0px;
    width: 100%;
    border: 1px solid #ddd;
}

    .reportTable td {
        padding: 10px 10px;
        vertical-align: middle;
        /*border: 1px solid #ddd;*/
    }

.width10 {
    width: 10%;
    display: inline-block;
    padding: 0 5px;
}

.width20 {
    width: 20%;
    display: inline-block;
    padding: 0 5px;
}

.width30 {
    width: 30%;
    display: inline-block;
    padding: 0 5px;
}

.width40 {
    width: 40%;
    display: inline-block;
    padding: 0 5px;
}

.docDetails {
    display: none;
    border-top: 1px solid #ddd;
    padding: 10px;
    background-color: #f9f9f9;
}

.listingDetailsTtl {
    display: block;
    position: relative;
    padding: 0 120px 0 0;
}

    .listingDetailsTtl .button {
        position: absolute;
        top: 0;
        right: 0;
    }

.reportFilter {
    display: block;
}

    .reportFilter .rW {
        display: block;
        margin: 0 -15px;
    }

        .reportFilter .rW .colM {
            display: inline-block;
            vertical-align: top;
            width: 20%;
            padding: 15px;
        }

.filterTtl {
    display: block;
    color: #000000;
    font-size: 16px;
    line-height: 17px;
    font-weight: 600;
    margin: 0 0 8px 0;
    border-bottom: 1px solid #ddd;
    padding: 8px 12px;
    background-color: #E4E4E4;
}

.chkBoxList {
    display: inline-block;
    vertical-align: top;
    margin: 0 16px 6px 0;
    position: relative;
    padding: 0 0 0 20px;
    font-weight: 600;
}

    .chkBoxList input {
        display: none;
    }

    .chkBoxList .icon {
        display: block;
        position: absolute;
        top: 1px;
        left: 0;
        background: url(../images/checkbox-icon.png) no-repeat 0 0;
        width: 16px;
        height: 15px;
    }

    .chkBoxList input:checked + .icon {
        background-position: 0 -15px;
    }

.full {
    width: 100% !important;
}

.half {
    width: 50% !important;
}

.ms-parent.multiple {
    height: auto;
}

.ms-parent .ms-choice {
    border: none;
}

.ms-choice > span {
    font-weight: 600;
}

.timeInter {
    display: block;
}

    .timeInter .fld {
        display: inline-block;
        vertical-align: middle;
        width: 40%;
    }

    .timeInter .to {
        display: inline-block;
        vertical-align: middle;
        width: 20%;
        padding: 0 10px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 600;
        text-align: center;
    }

.reportListing {
    display: block;
    margin: 20px 0 0 0;
}

    .reportListing:first-child {
        margin: 0;
    }

.reportTl {
    display: block;
    color: #000;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin: 0 0 16px 0;
    text-transform: uppercase;
}

    .reportTl small {
        color: #666;
        font-size: 13px;
        text-transform: capitalize;
    }

.reportListing > li {
    display: block;
    margin: 12px 0 0 0;
}

    .reportListing > li:first-child {
        margin: 0;
    }

    .reportListing > li ul {
        display: block;
        padding: 0 0 0 30px;
    }

        .reportListing > li ul li {
            display: block;
            padding: 10px 0;
            border-top: 1px solid #ddd;
        }

    .reportListing > li > ul > li {
        padding-bottom: 0;
    }

    .reportListing > li ul li .reportTl {
        font-size: 14px;
        margin: 0 0 10px 0;
    }

    .reportListing > li ul li li {
        padding-bottom: 0;
    }
/* .reportListing > li ul li ul, */
.reportListing .draftList {
    margin: 10px 0 0 0;
}

.reportListing .draftList {
    background-color: #f9f9f9;
}


/* 18-06-2016 */
.cmsPage {
    display: block;
}

    .cmsPage p {
        display: block;
        color: #222;
        font-size: 14px;
        line-height: 19px;
        font-weight: 500;
        margin: 11px 0 0 0;
    }

        .cmsPage p:first-child {
            margin: 0;
        }

h3 {
    display: block;
    color: #000;
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.cmsPage h3 {
    display: block;
    color: #000;
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    margin: 24px 0 0 0;
}

.cmsPage ul {
    display: block;
    margin: 12px 0 0 0;
}

    .cmsPage ul li {
        color: #222;
        font-size: 14px;
        line-height: 19px;
        font-weight: 500;
        margin: 8px 0 0 0;
        position: relative;
        padding: 0 0 0 20px;
    }

        .cmsPage ul li:first-child {
            margin: 0;
        }

        .cmsPage ul li:before {
            content: "\f0da";
            display: block;
            position: absolute;
            top: 1px;
            left: 0;
            color: #222;
            font-size: 15px;
            line-height: 18px;
        }

.cmsPage ol {
    display: block;
    margin: 12px 0 0 0;
    list-style-type: disc;
    padding: 0 0 0 18px;
}

    .cmsPage ol li {
        color: #222;
        font-size: 14px;
        line-height: 19px;
        font-weight: 500;
        margin: 8px 0 0 0;
        position: relative;
        padding: 0 0 0 10px;
        list-style-type: decimal;
    }

.contactForm {
    display: block;
    margin: 20px 0 0 0;
}

.contactUsAddress {
    display: block;
}

    .contactUsAddress p {
        vertical-align: top;
        font-size: 13px;
        line-height: 20px;
        margin: 0px;
    }

        .contactUsAddress p strong {
            width: 30%;
            padding-right: 15px;
            text-align: right;
            display: inline-block;
            vertical-align: top;
        }

        .contactUsAddress p span {
            width: 60%;
            display: inline-block;
            vertical-align: top;
            font-weight: 600;
            font-size: 12px;
            color: #6b6b6b;
        }

.contactUs {
    padding: 20px;
    /*background-color: #f3f3f3;
    border: 1px solid #ececec;*/
    border: 1px solid #e2e2e2;
    background: #fff;
    border-radius: 6px;
    display: block;
}

.contactUsRow {
    padding: 30px 0 0;
}

.contactUsLeft {
    width: 30%;
    float: left;
}

.contactUsAddress p {
    vertical-align: top;
    font-size: 13px;
    line-height: 20px;
    margin: 0px;
}

    .contactUsAddress p strong {
        width: 30%;
        padding-right: 15px;
        text-align: right;
        display: inline-block;
        vertical-align: top;
    }

    .contactUsAddress p span {
        width: 60%;
        display: inline-block;
        vertical-align: top;
    }

.contactUsRight {
    width: 55%;
    float: right;
    padding: 0 5%;
}

.formTtl em {
    color: #ea0000;
}

.flexslider .slides:after {
    display: none;
}

#bannerslider:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
}

.logoSlider {
    display: block;
    background-color: #f1f1f1;
    padding: 4px 8px;
    margin: 30px 0 0 0;
}

.str3-2 {
    background: none !important;
}

    .str3-2 .logoColm {
        text-align: center;
        width: 120px;
        display: inline-block;
        vertical-align: top;
    }

.logoBox {
    padding: 4px;
}

.logoImage {
    display: block;
    background-color: #fff;
    width: 112px;
    height: 112px;
    line-height: 112px;
    font-size: 0px;
    text-align: center;
}

    .logoImage img {
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
    }

.str_move {
    font-size: 0px;
}



/*========12-8-16==========*/


.howItWorksRow {
    margin: 0 0 50px;
    padding: 50px 0 0;
}

.howItWorksTextContent {
    padding: 30px 0 0;
    margin: 0 0 0;
}

.howItWorksImgBox {
    padding: 0 20px;
}

.howItWorksTextContent h2 {
    color: #000;
    display: block;
    font-size: 30px;
    font-weight: 300;
    line-height: 34px;
}

    .howItWorksTextContent h2 em {
        font-weight: 400;
    }

.howItWorksTextContent p {
    color: #000000;
    display: block;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    margin: 30px 0 0;
}

    .howItWorksTextContent p em {
        font-weight: 600;
    }

.howItWorksTextCk span {
    padding-right: 20px;
}

.blueText {
    color: #45a6db !important;
}

.howItWorksTextContent ul {
    margin: 30px 0 0;
    padding: 0 0 0 16px;
}

    .howItWorksTextContent ul li {
        margin: 0 0 0;
        padding: 0 0 14px;
        list-style-type: disc;
    }

.createAccountSection {
    background: #f2f1f1;
    padding: 40px 0 50px;
}

    .createAccountSection .wrapper {
        padding: 0 100px;
    }

    .createAccountSection h2 {
        text-transform: uppercase;
        color: #000;
        font-size: 30px;
        font-weight: 600;
    }

        .createAccountSection h2 i {
            display: inline-block;
            vertical-align: middle;
            width: 60px;
            margin: 0 0 20px;
        }

    .createAccountSection .bannerButtonset {
        margin: 32px 0 0;
    }

.wantToKnow {
    background-color: #45a6db;
    display: block;
    margin: 0px 0 0;
    padding: 4px 0 40px;
    position: relative;
    z-index: 1;
}

    .wantToKnow h2 {
        color: #fff;
        display: block;
        font-size: 40px;
        font-weight: 400;
        line-height: 34px;
        margin: 0 0 30px;
        text-align: center;
    }

.roundedBoxWhite {
    border: 4px solid #fff;
    height: 125px;
    padding: 35px;
    width: 125px;
    color: #fff;
    border-radius: 125px;
    display: inline-block;
}

    .roundedBoxWhite i {
        font-size: 50px;
    }

.wantToKnowBlock {
    text-align: center;
}

    .wantToKnowBlock h3 {
        color: #fff;
        font-size: 24px;
        line-height: 60px;
    }

    .wantToKnowBlock .link {
        color: #fff;
        font-size: 18px;
        opacity: 0.8;
        font-weight: 600;
    }

.wantToKnowBlock {
    width: 50%;
    padding: 0 10px;
    display: inline-block;
    vertical-align: top;
}

.pricingRow {
    padding: 0 100px;
    margin: 0 0 0;
}

.pricingLeft {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
}

    .pricingLeft h3 {
        color: #45a6db;
        line-height: normal;
        overflow: hidden;
    }

        .pricingLeft h3 strong {
            display: block;
            float: left;
            font-size: 100px;
            font-weight: 500;
            line-height: 84px;
            width: 110px;
        }

        .pricingLeft h3 em {
            display: block;
            font-style: normal;
            padding: 20px 0 0 120px;
            font-weight: 400;
        }

            .pricingLeft h3 em:last-child {
                padding-top: 0px;
            }

.switchBtnRow {
    padding: 20px 0;
}

.switchBtn {
    display: block;
    width: 50%;
    height: 50px;
    background-color: #45a6db;
    position: relative;
    overflow: hidden;
    float: left;
    border-right: 1px solid #fff;
}

    .switchBtn > span {
        display: block;
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
        height: 100%;
        padding: 0 0 0 0px;
        z-index: 2;
        color: #fff;
        font-size: 18px;
        line-height: 50px;
        -webkit-transition: 500ms;
        transition: 500ms;
        text-align: center;
    }

        .switchBtn > span:nth-child(4) {
            left: auto;
            right: 100%;
            padding: 0 0px 0 0;
            text-align: center;
        }

    .switchBtn > input {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 4;
        opacity: 0;
        cursor: pointer;
    }

        .switchBtn > input:checked {
            z-index: 3;
        }

        .switchBtn > input:first-child:checked + span {
            left: 0;
        }

        .switchBtn > input:nth-child(3):checked + span {
            right: 0;
        }

    .switchBtn > .icon {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50px;
        background-color: #007fb7;
        z-index: 1;
        margin-left: 0px;
        -webkit-transition: 500ms;
        transition: 500ms;
    }

    .switchBtn > input:nth-child(3):checked + span + .icon {
        left: 100%;
        margin-left: 0px;
    }

.switchBtn2 {
    display: block;
    width: 50%;
    height: 50px;
    background-color: #45a6db;
    position: relative;
    overflow: hidden;
    float: left;
}

    .switchBtn2 > span {
        display: block;
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
        height: 100%;
        padding: 0 0 0 0px;
        z-index: 2;
        color: #fff;
        font-size: 18px;
        line-height: 50px;
        -webkit-transition: 500ms;
        transition: 500ms;
        text-align: center;
    }

        .switchBtn2 > span:nth-child(4) {
            left: auto;
            right: 100%;
            padding: 0 0px 0 0;
            text-align: center;
        }

    .switchBtn2 > input {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 4;
        opacity: 0;
        cursor: pointer;
    }

        .switchBtn2 > input:checked {
            z-index: 3;
        }

        .switchBtn2 > input:first-child:checked + span {
            left: 0;
        }

        .switchBtn2 > input:nth-child(3):checked + span {
            right: 0;
        }

    .switchBtn2 > .icon {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50px;
        background-color: #007fb7;
        z-index: 1;
        margin-left: 0px;
        -webkit-transition: 500ms;
        transition: 500ms;
    }

    .switchBtn2 > input:nth-child(3):checked + span + .icon {
        left: 100%;
        margin-left: 0px;
    }

.pricingLeft ul {
    margin: 0px 0 0;
    padding: 0 0 0 16px;
}

    .pricingLeft ul li {
        margin: 0 0 0;
        padding: 0 0 14px;
        list-style-type: disc;
    }

.pricingRight {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
}

.pricingRightBlock {
    display: inline-block;
    padding: 0 15px;
    text-align: center;
    vertical-align: top;
    width: 50%;
}

    .pricingRightBlock i {
        display: inline-block;
        vertical-align: top;
    }

    .pricingRightBlock p {
        margin: 10px 0 20px;
        line-height: 24px;
    }

    .pricingRightBlock a {
        background-color: #45a6db;
        color: #fff;
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        line-height: 36px;
        margin: 0 0 0 16px;
        padding: 0 16px;
        vertical-align: top;
    }

        .pricingRightBlock a:hover {
            text-decoration: none;
            background-color: #007fb7;
        }

.pricingRightBottom {
    padding: 0 15px;
}

.pricingSearch {
    margin: 20px 0px 0 0;
    position: relative;
    width: 100%;
}

    .pricingSearch .bannerBtn {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 200px;
        border: 0px;
        border-radius: 0px;
    }

    .pricingSearch input {
        padding-right: 220px;
        height: 56px;
        border-radius: 0px;
    }

.prcSwitchBtn {
    display: block;
    float: left;
    width: 100%;
    position: relative;
}

    .prcSwitchBtn input {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        opacity: 0;
        z-index: 3;
    }

        .prcSwitchBtn input.r {
            left: 50%;
        }

    .prcSwitchBtn .swOverlay {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        background-color: #007fb7;
        z-index: 1;
        -webkit-transition: 300ms;
        transition: 300ms;
    }

    .prcSwitchBtn .nm {
        display: block;
        width: 50%;
        float: left;
        color: #007fb7;
        font-size: 12px;
        font-weight: 600;
        line-height: 22px;
        padding: 10px 10px;
        text-align: center;
        border: 1px solid #007fb7;
        position: relative;
        z-index: 2;
        -webkit-transition: 300ms;
        transition: 300ms;
    }

        .prcSwitchBtn .nm:last-child {
            border-left: none;
        }

    .prcSwitchBtn input.l:checked + input + .swOverlay {
        left: 0;
    }

        .prcSwitchBtn input.l:checked + input + .swOverlay + .nm {
            color: #fff;
        }

    .prcSwitchBtn input.r:checked + .swOverlay {
        left: 50%;
    }

        .prcSwitchBtn input.r:checked + .swOverlay + .nm + .nm {
            color: #fff;
        }

/* 04-11-2016 DILIP */
.dashMainCont .rW .colM.colM50 {
    width: 50%;
}

.dashMainCont .rW .colM.colM40 {
    width: 40%;
}

.dashMainCont .rW .colM.colM20 {
    width: 20%;
}

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

.areatAppFirst {
    display: block;
}

.areatAppSecond {
    display: none;
}

.leftBtns {
    display: block;
    font-size: 0;
    margin: 0 -5px;
}

    .leftBtns .btnColm {
        display: inline-block;
        vertical-align: top;
        padding: 6px;
        width: 50%;
    }

        .leftBtns .btnColm .btn {
            display: block;
            padding: 0 10px;
            width: 100%;
            height: 40px;
            background: #fff;
            border-radius: 2px;
            box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);
            color: #525252;
            font-size: 13px;
            line-height: 40px;
            font-weight: 600;
            text-align: center;
            text-decoration: none;
        }

            .leftBtns .btnColm .btn .fa {
                display: block;
                float: left;
                font-size: 14px;
                color: #7b7b7b;
                line-height: 40px;
            }

            .leftBtns .btnColm .btn:hover {
                -webkit-transform: translate3d(0,-2px,0);
                -moz-transform: translate3d(0,-2px,0);
                -ms-transform: translate3d(0,-2px,0);
                -o-transform: translate3d(0,-2px,0);
                transform: translate3d(0,-2px,0);
                box-shadow: 0 20px 20px rgba(0,0,0,0.2),0px 40px 16px -20px rgba(0,0,0,0.1);
                cursor: pointer;
                -webkit-transition: 0.3s all cubic-bezier(0.48,0.04,0.21,0.94);
                -moz-transition: 0.3s all cubic-bezier(0.48,0.04,0.21,0.94);
                transition: 0.3s all cubic-bezier(0.48,0.04,0.21,0.94);
            }

.frmttlsec {
    display: block;
    margin: 0 0 30px 0;
}

    .frmttlsec label {
        display: block;
        width: 400px;
        margin: 0 0 6px 0;
    }

        .frmttlsec label.full {
            width: 100%;
        }

        .frmttlsec label .brdr {
            display: block;
            width: 100%;
            position: relative;
            height: 1px;
            background-color: #fff;
            border-top: 1px dashed #fff;
            border-bottom: 1px solid #fff;
        }

    .frmttlsec .fld {
        display: block;
        max-width: 100%;
        background: transparent;
        border: none;
        font-size: 13px;
        font-weight: 600;
        padding: 3px 4px;
        border-radius: 0px;
        height: 26px;
    }

    .frmttlsec input.fld {
        font-weight: 700;
    }

    .frmttlsec .fld:hover {
        background-color: #f1f1f1;
    }

    .frmttlsec .fld:focus {
        background-color: #fff;
    }

    .frmttlsec .fld:hover + .brdr {
        border-top-color: #f44336;
    }

    .frmttlsec .fld:focus + .brdr {
        border-top-color: #f44336;
        border-bottom-color: #4caf50;
    }

    .frmttlsec .textaraFld {
        height: 59px;
    }

        .frmttlsec .textaraFld .fld {
            height: 60px;
        }

.fldbar,
.flddel {
    display: block;
    color: #636363;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: -40px;
    z-index: 2;
    cursor: move;
    height: 100%;
    -webkit-transition: 400ms;
    transition: 400ms;
    visibility: hidden;
    opacity: 0;
    width: 40px;
}

.flddel {
    left: auto;
    right: -40px;
    cursor: pointer;
    font-size: 16px;
}

    .flddel:hover {
        background-color: #f5f1c0;
    }

    .fldbar .fa,
    .flddel .fa {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

.editForm .formRW {
    margin: 8px 0 8px 0;
    position: relative;
}

.fldOverLay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.editForm .formRW:hover .fldOverLay {
    display: block;
}

.creatAppForm {
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-height: 400px;
}

    .creatAppForm .editForm .formRW {
        -webkit-transition: 400ms;
        transition: 400ms;
        overflow-x: hidden;
    }

        .creatAppForm .editForm .formRW:hover {
            background-color: #f7fbd6;
        }

            .creatAppForm .editForm .formRW:hover .frmFld {
                background-color: transparent !important;
                box-shadow: none !important;
            }

            .creatAppForm .editForm .formRW:hover .fldbar {
                left: 0;
                opacity: 1;
                visibility: visible;
            }

            .creatAppForm .editForm .formRW:hover .flddel {
                right: 0;
                opacity: 1;
                visibility: visible;
            }

.editFormPopup {
    display: block;
    padding: 0 40px 0 0;
    position: relative;
    z-index: 999;
}

.editFormPopupCont {
    display: block;
    background-color: #fff;
}

.editFormPopupOVRLY {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(247,251,228,0.7);
    z-index: 99;
}

.editFormPopup .whiteBox {
    padding: 16px;
}

.editFormRow {
    display: block;
    margin: 0 0 12px 0;
}

    .editFormRow .rW {
        display: block;
        margin: 0 -6px;
        font-size: 0;
    }

        .editFormRow .rW .colM3 {
            display: inline-block;
            vertical-align: top; /*width:33.333333%;*/
            width: 25%;
            padding: 0 6px;
        }

.toogleBtn {
    display: inline-block;
    vertical-align: top;
    width: 74px;
    height: 24px;
    overflow: hidden;
    background-color: #9e9e9e;
    border-radius: 3px;
    position: relative;
}

.editFormPopup .frmFld {
    font-size: 13px !important;
}

.toogleBtn .on,
.toogleBtn .off {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    opacity: 0;
    z-index: 3;
    cursor: pointer;
}

.toogleBtn .on {
    left: auto;
    right: 0;
    cursor: pointer;
}

.toogleBtn .ovrly {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #afdcac;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 400ms;
    transition: 400ms;
}

.toogleBtn .slideBar {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-color: #1f9e23;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: -0.5px;
    visibility: hidden;
    opacity: 0;
    z-index: 2;
    -webkit-transition: 400ms;
    transition: 400ms;
}

    .toogleBtn .slideBar.no {
        visibility: visible;
        opacity: 1;
        color: #464646;
        background-color: #dedede;
    }

.toogleBtn .on:checked + .ovrly {
    visibility: visible;
    opacity: 1;
}

    .toogleBtn .on:checked + .ovrly + .slideBar,
    .toogleBtn .on:checked + .ovrly + .slideBar + .slideBar {
        left: 50%;
        visibility: visible;
        opacity: 1;
    }

        .toogleBtn .on:checked + .ovrly + .slideBar + .slideBar.no {
            visibility: hidden;
            opacity: 0;
        }

.fieldTypeChange {
    display: block;
    position: relative;
}

.fiedChecked {
    display: block;
    position: relative;
    padding: 4px 22px 4px 32px;
    color: #4a4a4a;
    font-size: 13px;
    line-height: 26px;
    font-weight: 600;
    border-bottom: 2px solid #ddd;
    height: 35px;
    cursor: pointer;
}

    .fiedChecked .fa {
        position: absolute;
        top: 50%;
        left: 8px;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

    .fiedChecked:after {
        content: "\f0d7";
        font-family: FontAwesome;
        position: absolute;
        top: 50%;
        right: 8px;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        font-size: 12px;
    }

.fieldTypeOptions {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 400px;
    padding: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

    .fieldTypeOptions ul {
        display: block;
        margin: 0;
        font-size: 0;
    }

        .fieldTypeOptions ul li {
            display: inline-block;
            vertical-align: top;
            width: 33.333333%;
            padding: 2px 0;
        }

            .fieldTypeOptions ul li span {
                display: block;
                padding: 2px 4px 2px 26px;
                color: #676767;
                font-size: 12px;
                line-height: 21px;
                font-weight: 600;
                position: relative;
                cursor: pointer;
            }

                .fieldTypeOptions ul li span .fa {
                    position: absolute;
                    top: 50%;
                    left: 8px;
                    -webkit-transform: translate(0,-50%);
                    transform: translate(0,-50%);
                }

                .fieldTypeOptions ul li span:hover {
                    background-color: #efefef;
                }

.formCont.editForm {
    overflow: visible;
}

.editFormPopupOptions {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
}

    .editFormPopupOptions a {
        display: block;
        width: 26px;
        height: 26px;
        background-color: #b9b9b9;
        padding: 0;
        border-radius: 100px;
        color: #fff;
        font-size: 14px;
        line-height: 26px;
        text-align: center;
        margin: 6px 0 0 0;
    }

    .editFormPopupOptions .arrow.arrowUp {
        display: none;
    }

    .editFormPopupOptions .save:hover {
        background-color: #1f9e23;
    }

    .editFormPopupOptions .delete:hover {
        background-color: #f52e2e;
    }

    .editFormPopupOptions .arrow:hover {
        background-color: #45a6db;
    }

.advancedOptions {
    display: none;
    margin: 28px 0 0 0;
}

    .advancedOptions h2,
    .midttl {
        display: block;
        color: #333;
        font-size: 15px;
        line-height: 18px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0 0 20px 0;
    }

.selectFieldChange {
    display: none;
    margin: 30px 0 0 0;
    max-width: 210px;
}

.advancedOptions .tl {
    display: block;
    color: #222;
    font-size: 13px;
    line-height: 14px;
    font-weight: 600;
    margin: 0 0 14px 0;
}

.selectOptionsPopup {
    display: none;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 999;
}

    .selectOptionsPopup .container {
        display: block;
        padding: 20px;
        position: relative;
        z-index: 2;
        width: 740px;
        max-width: 100%;
        margin: 80px auto 0 auto;
    }

        .selectOptionsPopup .container .area {
            display: block;
            background-color: #fff;
            -webkit-box-shadow: 0 16px 28px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21);
            box-shadow: 0 16px 28px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21);
            padding: 30px 50px;
        }

    .selectOptionsPopup .formRW {
        margin-left: 0;
        margin-right: 0;
    }

.listValuesRW {
    display: block;
    margin: 30px 0 0 0;
}

.addListValues {
    display: block;
    width: 240px;
    max-width: 100%;
}

    .addListValues .formFldBX {
        display: block;
        margin: 12px 0 0 0;
        position: relative;
        padding: 0 30px 0 0;
    }

        .addListValues .formFldBX:first-child {
            margin: 0;
        }

        .addListValues .formFldBX .del {
            display: block;
            position: absolute;
            top: 3px;
            right: 0;
            color: #fff;
            font-size: 10px;
            line-height: 17px;
            text-align: center;
            width: 18px;
            height: 18px;
            background-color: #b9b9b9;
            border-radius: 100px;
        }

            .addListValues .formFldBX .del:hover {
                background-color: #f52e2e;
            }

.selectOptionsPopup .ovrLay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}

.formRowEdit {
    display: none;
}

.editFormPopup .frmFld.err {
    border-color: #ff8f8f !important;
    background-color: rgba(255, 0, 0, 0.04) !important;
}

/* 28-11-2016 */
.appList {
    display: block;
}

.appRW {
    display: block;
    margin: 0 -5px;
    font-size: 14px;
}

.appCOLM {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    width: 20%;
    padding: 0 5px 10px 5px;
}

.appBox {
    display: block;
    height: 140px;
    position: relative;
}

    .appBox .nameTxt {
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        padding: 10px;
        color: #45a6db;
        text-align: center;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        font-size: 15px;
        line-height: 20px;
        font-weight: 600;
    }

        .appBox .nameTxt small {
            display: block;
            color: #6c6c6c;
            font-size: 12px;
            font-weight: normal;
            line-height: 15px;
            margin: 6px 0 0 0;
        }

    .appBox:hover {
        background-color: rgb(241, 250, 255);
    }

        .appBox:hover .nameTxt {
            color: #505050;
        }

.boxTtl p {
    text-align: center;
}

    .boxTtl p img {
        display: inline-block;
        vertical-align: top;
        margin: 0;
        padding: 0;
    }


.number {
    width: 10px;
}

.callout {
    border-radius: 3px;
    margin: 0 0 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
}

    .callout a {
        color: #fff;
        text-decoration: underline;
    }

        .callout a:hover {
            color: #eee;
        }

    .callout h4 {
        margin-top: 0;
        font-weight: 600;
    }

    .callout p:last-child {
        margin-bottom: 0;
    }

    .callout code,
    .callout .highlight {
        background-color: #fff;
    }

    .callout.callout-danger {
        border-color: #c23321;
    }

    .callout.callout-warning {
        border-color: #c87f0a;
    }

    .callout.callout-info {
        border-color: #0097bc;
    }

    .callout.callout-success {
        border-color: #00733e;
    }



    .bg-red,
    .bg-yellow,
    .bg-aqua,
    .bg-blue,
    .bg-light-blue,
    .bg-green,
    .bg-navy,
    .bg-teal,
    .bg-olive,
    .bg-lime,
    .bg-orange,
    .bg-fuchsia,
    .bg-purple,
    .bg-maroon,
    .bg-black,
    .bg-red-active,
    .bg-yellow-active,
    .bg-aqua-active,
    .bg-blue-active,
    .bg-light-blue-active,
    .bg-green-active,
    .bg-navy-active,
    .bg-teal-active,
    .bg-olive-active,
    .bg-lime-active,
    .bg-orange-active,
    .bg-fuchsia-active,
    .bg-purple-active,
    .bg-maroon-active,
    .bg-black-active,
    .callout.callout-danger,
    .callout.callout-warning,
    .callout.callout-info,
    .callout.callout-success,
    .alert-success,
    .alert-danger,
    .alert-error,
    .alert-warning,
    .alert-info,
    .label-danger,
    .label-info,
    .label-warning,
    .label-primary,
    .label-success,
    .modal-primary .modal-body,
    .modal-primary .modal-header,
    .modal-primary .modal-footer,
    .modal-warning .modal-body,
    .modal-warning .modal-header,
    .modal-warning .modal-footer,
    .modal-info .modal-body,
    .modal-info .modal-header,
    .modal-info .modal-footer,
    .modal-success .modal-body,
    .modal-success .modal-header,
    .modal-success .modal-footer,
    .modal-danger .modal-body,
    .modal-danger .modal-header,
    .modal-danger .modal-footer {
        color: #fff !important;
    }

.bg-gray {
    color: #000;
    background-color: #d2d6de !important;
}

.bg-gray-light {
    background-color: #f7f7f7;
}

.bg-black {
    background-color: #111111 !important;
}

.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
    background-color: #dd4b39 !important;
}

.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body {
    background-color: #f39c12 !important;
}

.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
    background-color: #00c0ef !important;
}

.bg-blue {
    background-color: #0073b7 !important;
}

.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
    background-color: #3c8dbc !important;
}

.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
    background-color: #00a65a !important;
}

.bg-navy {
    background-color: #001f3f !important;
}

.bg-teal {
    background-color: #39cccc !important;
}

.bg-olive {
    background-color: #3d9970 !important;
}

.bg-lime {
    background-color: #01ff70 !important;
}

.bg-orange {
    background-color: #ff851b !important;
}

.bg-fuchsia {
    background-color: #f012be !important;
}

.bg-purple {
    background-color: #605ca8 !important;
}

.bg-maroon {
    background-color: #d81b60 !important;
}

.bg-gray-active {
    color: #000;
    background-color: #b5bbc8 !important;
}

.bg-black-active {
    background-color: #000000 !important;
}

.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
    background-color: #d33724 !important;
}

.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
    background-color: #db8b0b !important;
}

.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
    background-color: #00a7d0 !important;
}

.bg-blue-active {
    background-color: #005384 !important;
}

.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
    background-color: #357ca5 !important;
}

.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
    background-color: #008d4c !important;
}

.bg-navy-active {
    background-color: #001a35 !important;
}

.bg-teal-active {
    background-color: #30bbbb !important;
}

.bg-olive-active {
    background-color: #368763 !important;
}

.bg-lime-active {
    background-color: #00e765 !important;
}

.bg-orange-active {
    background-color: #ff7701 !important;
}

.bg-fuchsia-active {
    background-color: #db0ead !important;
}

.bg-purple-active {
    background-color: #555299 !important;
}

.bg-maroon-active {
    background-color: #ca195a !important;
}

[class^="bg-"].disabled {
    opacity: 0.65;
    filter: alpha(opacity=65);
}

.text-bold,
.text-bold.table td,
.text-bold.table th {
    font-weight: 700;
}

.text-sm {
    font-size: 12px;
}

.jqstooltip {
    padding: 5px !important;
    width: auto !important;
    height: auto !important;
}

.bg-teal-gradient {
    background: #39cccc !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
    background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
    background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;
    background: -o-linear-gradient(#7adddd, #39cccc) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
    color: #fff;
}

.bg-light-blue-gradient {
    background: #3c8dbc !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
    background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
    background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;
    background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
    color: #fff;
}

.bg-blue-gradient {
    background: #0073b7 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
    background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
    background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;
    background: -o-linear-gradient(#0089db, #0073b7) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
    color: #fff;
}

.bg-aqua-gradient {
    background: #00c0ef !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
    background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
    background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;
    background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
    color: #fff;
}

.bg-yellow-gradient {
    background: #f39c12 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
    background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
    background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;
    background: -o-linear-gradient(#f7bc60, #f39c12) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
    color: #fff;
}

.bg-purple-gradient {
    background: #605ca8 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;
    background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;
    background: -moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%) !important;
    background: -o-linear-gradient(#9491c4, #605ca8) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;
    color: #fff;
}

.bg-green-gradient {
    background: #00a65a !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
    background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
    background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;
    background: -o-linear-gradient(#00ca6d, #00a65a) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
    color: #fff;
}

.bg-red-gradient {
    background: #dd4b39 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;
    background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;
    background: -moz-linear-gradient(center bottom, #dd4b39 0%, #e47365 100%) !important;
    background: -o-linear-gradient(#e47365, #dd4b39) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
    color: #fff;
}

.bg-black-gradient {
    background: #111111 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111111), color-stop(1, #2b2b2b)) !important;
    background: -ms-linear-gradient(bottom, #111111, #2b2b2b) !important;
    background: -moz-linear-gradient(center bottom, #111111 0%, #2b2b2b 100%) !important;
    background: -o-linear-gradient(#2b2b2b, #111111) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;
    color: #fff;
}

.bg-maroon-gradient {
    background: #d81b60 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;
    background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;
    background: -moz-linear-gradient(center bottom, #d81b60 0%, #e73f7c 100%) !important;
    background: -o-linear-gradient(#e73f7c, #d81b60) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;
    color: #fff;
}


/*Nathan*/

.contributor-row {
    line-height: normal;
}

.total-row {
    border-top: 2px double;
}

.table > tbody > tr.category-row h5 .pull-right {
    font-size: 0.9em;
}

.table > tbody > tr.category-row h5 span.pull-right.text-muted.small,
.table > tbody > tr.category-row h5 span.pull-right .text-muted.small {
    margin-top: 6px;
}

.table-super-condensed > thead > tr.first-of-group td,
.table-super-condensed > tbody > tr.first-of-group td,
.table-super-condensed > tfoot > tr.first-of-group td {
    border-top: solid 1px #4E5D6C;
}

.table-super-condensed > thead > tr > th,
.table-super-condensed > tbody > tr > th,
.table-super-condensed > tfoot > tr > th {
    padding: 4px 3px;
}

.table-super-condensed > thead > tr > td,
.table-super-condensed > tbody > tr > td,
.table-super-condensed > tfoot > tr > td {
    padding: 3px;
}

.table > tbody:first-child tr.category-row th,
.table-striped > tbody:first-child tr.category-row th,
.table > thead:first-child tr.category-row th,
.table-striped > thead:first-child tr.category-row th {
    padding-top: 0;
}

.table > tbody tr.category-row th,
.table-striped > tbody tr.category-row th,
.table > thead tr.category-row th,
.table-striped > thead tr.category-row th {
    border-top: none;
    background: #2B3E50;
    padding-top: 11px;
    padding-bottom: 0;
}

    .table > tbody tr.category-row th h4,
    .table-striped > tbody tr.category-row th h4,
    .table > thead tr.category-row th h4,
    .table-striped > thead tr.category-row th h4 {
        font-weight: normal;
    }

    .table > tbody tr.category-row th h5,
    .table-striped > tbody tr.category-row th h5,
    .table > thead tr.category-row th h5,
    .table-striped > thead tr.category-row th h5 {
        margin-bottom: 4px;
    }


.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none !important;
}


.modal {
    display: none; 
    position: fixed;
    z-index: 1; 
    padding-top: 10px; 
    left: 0;
    top: 0;
    width: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
}


.modal-loader {
    min-height: 200px;
    position: relative;
}

    .modal-loader .loader {
        position: absolute;
        width: 100px;
        height: 80px;
        top: 50%;
        left: 50%;
        margin: -40px 0 0 -50px;
    }

        .modal-loader .loader.sk-wave > div {
            width: 10px;
            margin-right: 5px;
        }

.modal-huge {
    min-width: 710px;
}


.modal-open {
    overflow: hidden;
}


.modal-open .modal {
        /*overflow-x: hidden;
        overflow-y: auto;*/
        /*width: 700px !important;*/
    }

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}


/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 5px;
    /*border: 1px solid #888;*/
    width: 100%;
}



.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


.modal-header {
    padding: 1px;
    border-bottom: 1px solid;
}

    .modal-header .close {
        margin-top: -2px;
    }

.bootbox .modal-header {
    display: block;
}

.modal-title {
    margin: 0;
}


.modal-body {
    position: relative;
    padding: 0px !important;
    max-height: 500px !important;
}


.modal-footer {
    text-align: right;
    border-top: 1px solid;
}


.panel-small {
    width: 85%;
    margin: auto;
}

.text-lg {
    font-size: larger;
}

ul.countable {
    counter-reset: my-li-counter;
}

    ul.countable li::before {
        /* Increment "my-sec-counter" by 1 */
        counter-increment: my-li-counter;
        content: counter(my-li-counter) ". ";
        line-height: 20px;
    }

.topPadding {
    padding-top: 20px;
}

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

.panel-body {
    padding: 15px;
}

    .panel-body:before,
    .panel-body:after {
        display: table;
        content: " ";
    }

    .panel-body:after {
        clear: both;
    }

    .panel-body:before,
    .panel-body:after {
        display: table;
        content: " ";
    }

    .panel-body:after {
        clear: both;
    }

.panel > .list-group {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item {
        border-width: 1px 0;
    }

        .panel > .list-group .list-group-item:first-child {
            border-top-right-radius: 0;
            border-top-left-radius: 0;
        }

        .panel > .list-group .list-group-item:last-child {
            border-bottom: 0;
        }

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.panel > .table {
    margin-bottom: 0;
}

.panel > .panel-body + .table {
    border-top: 1px solid #dddddd;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
}

    .panel-title > a {
        color: inherit;
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-group .panel {
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 4px;
}

    .panel-group .panel + .panel {
        margin-top: 5px;
    }

.panel-group .panel-heading {
    border-bottom: 0;
}

    .panel-group .panel-heading + .panel-collapse .panel-body {
        border-top: 1px solid #dddddd;
    }

.panel-group .panel-footer {
    border-top: 0;
}

    .panel-group .panel-footer + .panel-collapse .panel-body {
        border-bottom: 1px solid #dddddd;
    }

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

    .panel-default > .panel-heading {
        color: #333333;
        background-color: #f5f5f5;
        border-color: #dddddd;
    }

        .panel-default > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #dddddd;
        }

    .panel-default > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #dddddd;
    }

.panel-primary {
    border-color: #428bca;
}

    .panel-primary > .panel-heading {
        color: #ffffff;
        background-color: #428bca;
        border-color: #428bca;
    }

        .panel-primary > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #428bca;
        }

    .panel-primary > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #428bca;
    }

.panel-success {
    border-color: #d6e9c6;
}

    .panel-success > .panel-heading {
        color: #468847;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .panel-success > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #d6e9c6;
        }

    .panel-success > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #d6e9c6;
    }

.panel-warning {
    border-color: #fbeed5;
}

    .panel-warning > .panel-heading {
        color: #c09853;
        background-color: #fcf8e3;
        border-color: #fbeed5;
    }

        .panel-warning > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #fbeed5;
        }

    .panel-warning > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #fbeed5;
    }

.panel-danger {
    border-color: #eed3d7;
}

    .panel-danger > .panel-heading {
        color: #b94a48;
        background-color: #f2dede;
        border-color: #eed3d7;
    }

        .panel-danger > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #eed3d7;
        }

    .panel-danger > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #eed3d7;
    }

.panel-info {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading {
        color: #3a87ad;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #bce8f1;
        }

    .panel-info > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #bce8f1;
    }

form {
    padding: 15px;
}

.buttonsize{
    width:65px;
}

.table-sm{
    font-size:smaller;
}

.child {
    margin-left: auto;
}

.child > .button{
    padding: 0 14px;
    background: white;
    line-height:inherit;
}

fieldset.groupbox-border {
    border: 1px solid #ced4da !important;
    padding: 0 1.4em 0.5em 1.4em !important;
    margin: 0.5em 1.2em 0.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.groupbox-border {
    font-size: 1em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 0px 10px 0px 10px;
    border-bottom: none;
}

.card-form {
    padding: 15px;
    margin: 15px;
    background-color: white;
}

.card-form-row {
    padding: 5px 5px 15px 5px;
    margin: 5px;
    /*border-bottom: 1px solid gray;*/
}

.card-data {
    padding: 0px 5px 5px 5px;
    margin: 1px;
    background-color: white;
}

.amount {
    width: 100px !important;
    padding-right: 20px !important;
}

.totalCell {
    border-top: 1px solid black !important;
    border-bottom: 3px double black !important;
}

.totalCellSingle {
    border-top: 1px solid black !important;
}

.headerRow {
    border-bottom: 1px solid black !important;
}

.dataCol {
    border-left: 1px dashed gray !important;
}

.indented {
    padding-left: 30px !important;
}