body {
    height: 100%;
    font-family: sans-serif !important;
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #214068;
    min-height: 600px;
    background-color: #F9F9F9;
}

.LoginBGImage {
    background-image: url(../../Images/ImgLoginBG.jpg);
    background-position: left;
    background-size: cover;
    Opacity: 0.9;
    background-repeat: no-repeat;
}

.LoginFooter {
    text-align: right;
    position: fixed;
    bottom: 5px;
    left: 25px;
    color: white;
}

.AppFooter {
    text-align: right;
    position: fixed;
    bottom: 5px;
    left: 25px;
    color: black;
    width: 100%;
    padding-right: 50px;
}

.GridIcon {
    width: 18px;
    height: 18px;
}

.HeaderIcon {
    width: 24px;
    height: 24px;
}

.DropdownList {
    display: block;
    padding: 3px 3px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .DropdownList:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

    .DropdownList::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .DropdownList:-ms-input-placeholder {
        color: #999;
    }

    .DropdownList::-webkit-input-placeholder {
        color: #999;
    }

    .DropdownList[disabled],
    .DropdownList[readonly],
    fieldset[disabled] .DropdownList {
        background-color: #eee;
        opacity: 1;
    }

    .DropdownList[disabled],
    fieldset[disabled] .DropdownList {
        cursor: not-allowed;
    }


.PageDropdownList {
    display: block;
    padding: 2px 3px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .PageDropdownList:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

    .PageDropdownList::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .PageDropdownList:-ms-input-placeholder {
        color: #999;
    }

    .PageDropdownList::-webkit-input-placeholder {
        color: #999;
    }

    .PageDropdownList[disabled],
    .PageDropdownList[readonly],
    fieldset[disabled] .PageDropdownList {
        background-color: #eee;
        opacity: 1;
    }

    .PageDropdownList[disabled],
    fieldset[disabled] .PageDropdownList {
        cursor: not-allowed;
    }

.GridView_Table {
    border: 1px solid #F2F4F5;
    text-align: left;
}

    .GridView_Table th {
        padding-left: 0px !important;
    }

    .GridView_Table tr > td:first-child, .GridView tr > th:first-child {
        padding-left: 1rem !important;
    }

    .GridView_Table tr > td:last-child, .GridView tr > th:last-child {
        padding-right: 1rem !important;
    }

.GridView {
    text-align: left;
    min-width: 99% !important;
}

    .GridView th {
        padding-left: 0px !important;
    }

    .GridView tr > td:first-child, .GridView tr > th:first-child {
        padding-left: 1rem !important;
    }

    .GridView tr > td:last-child, .GridView tr > th:last-child {
        padding-right: 1rem !important;
    }

    .GridView tr:last-child {
        border-bottom: 1px solid #55A3B2 !important;
    }


.GridHeader {
    border: 1px solid #55A3B2;
    padding-top: 12px;
    padding-bottom: 12px;
    height: 3rem;
    text-align: left;
    padding-left: 0px;
    background-image: linear-gradient(#55A3B2, #55A3B2);
    font-weight: normal !important;
    color: #ffffff !important;
}

    .GridHeader th {
        font-weight: normal !important;
        color: #ffffff !important;
    }

        .GridHeader th a {
            font-weight: normal !important;
            color: #ffffff !important;
        }

        .GridHeader th:first-child {
            border-top-left-radius: 0px;
        }

        .GridHeader th:last-child {
            border-top-right-radius: 0px;
        }



.GridRow {
    border-bottom: 1px solid #F2F4F5;
    border-left: 1px solid #55A3B2;
    border-right: 1px solid #55A3B2;
    background-color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
    height: 3rem;
    text-align: left;
    padding-left: 10px;
    overflow-wrap: anywhere;
}

.GridAltRow {
    border-bottom: 1px solid #F2F4F5;
    border-left: 1px solid #55A3B2;
    border-right: 1px solid #55A3B2;
    background-color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
    height: 3rem;
    text-align: left;
    padding-left: 10px;
    overflow-wrap: anywhere;
}

.GridView_Main {
    text-align: left;
}

    .GridView_Main th {
        padding-left: 0px !important;
    }

    .GridView_Main tr > td:first-child, .GridView tr > th:first-child {
        padding-left: 1rem !important;
    }

    .GridView_Main tr > td:last-child, .GridView tr > th:last-child {
        padding-right: 1rem !important;
    }

    .GridView_Main th {
        padding-left: 0px !important;
    }

.GridHeader_Main {
    border: 0px solid #55A3B2;
    padding-top: 12px;
    padding-bottom: 12px;
    height: 3rem;
    text-align: left;
    padding-left: 0px;
    background-image: linear-gradient(#55A3B2, #55A3B2);
    font-weight: normal !important;
    color: #ffffff !important;
}

    .GridHeader_Main th {
        font-weight: normal !important;
        color: #ffffff !important;
    }

        .GridHeader_Main th a {
            font-weight: normal !important;
            color: #ffffff !important;
        }

        .GridHeader_Main th:first-child {
            border-top-left-radius: 0px;
        }

        .GridHeader_Main th:last-child {
            border-top-right-radius: 0px;
        }

.GridRow_Main {
    background-color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
    height: 3rem;
    text-align: left;
    padding-left: 10px;
    overflow-wrap: anywhere;
}

.GridAltRow_Main {
    background-color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
    height: 3rem;
    text-align: left;
    padding-left: 10px;
    overflow-wrap: anywhere;
}

.GridView_NoRecords {
    text-align: left;
}

.GridHeader_NoRecords {
    border: 0px solid #ffffff;
    height: 3rem;
    text-align: center;
    padding-left: 0px;
    background-image: linear-gradient(#55A3B2, #55A3B2);
    font-weight: bold !important;
    color: #F9F9F9;
}

.GridRow_NoRecords {
    border-bottom: 1px solid #F2F4F5;
    background-color: #fff;
    color: #313A44 !important;
    height: 3rem;
    text-align: center;
    padding-left: 10px;
}

.GridHeaderSearchLabel {
    padding-top: 5px;
    font-size: 9pt;
    padding-bottom: 40px !important;
}

.GridPageHeader {
    padding-bottom: 15px;
    text-align: center !important;
}

.GridPager {
    text-align: right !important;
    color: #000;
}

    .GridPager th,
    .GridPager td {
        padding: 5px;
        vertical-align: top;
        text-align: right !important;
        width: 100% !important;
    }

.GridPageIndexLabel {
    font-size: 10pt;
    color: #727B84;
}

.DivGridPager {
    padding-top: 20px;
    width: 100% !important;
    align-content: center !important;
    text-align: center !important;
    padding-left: 0px;
    margin-left: 0px;
}

.divSearchHeader {
    width: 100%;
    padding-bottom: 50px !important;
}

.txtSearch {
    width: 100%;
    height: 100%;
}

.divSearch {
    width: 100%;
    border: 1px solid #ECEFF1 !important;
}

.divSearchImage {
    float: left;
    width: 10%;
    font-size: 15pt;
}

.divSearchBox {
    float: left;
    width: 90%;
}

.divButtons {
    text-align: center !important;
    padding-top: 50px;
}

.divButtons1 {
    text-align: center !important;
    padding-top: 0px;
    padding-bottom: 50px;
}

.divButtons2 {
    text-align: center !important;
    padding-top: 20px;
}

.labelHead {
    font-size: 1rem;
}

.padding_right_20 {
    padding-right: 20px;
    vertical-align: top !important;
}


.InputTable {
    width: 100%;
    border-spacing: 0px;
    border-collapse: separate;
}

.divPageHeader {
    color: #1D97FF;
    font-size: 1.2rem;
    border-bottom: 1px solid #F2F4F5;
}

.RadioButtons {
    width: auto;
    display: inline;
    float: left;
    font-size: 1rem;
    vertical-align: top !important;
}

    .RadioButtons input {
        width: auto;
        display: inline;
        float: left;
        width: 15px !important;
        height: 15px !important;
    }

    .RadioButtons label {
        width: auto;
        display: inline;
        float: left;
        padding-left: 5px;
        padding-right: 25px;
        vertical-align: top !important;
    }


.spanMandatory {
    color: red;
    padding-right: 10px;
}


.DBHyperLink {
    color: white;
}

    .DBHyperLink:hover {
        color: white;
    }

.divDetailsHeader {
    font-size: 1rem;
    border-bottom: 1px solid #39BBB0;
}

.divDetailsHeader_Alt {
    font-size: 1rem;
    border-bottom: 1px solid #39BBB0;
    padding-top: 25px;
}


.divDetails {
    padding-top: 25px;
}

.lblDetailsHeader {
    font-weight: bold;
    color: #39BBB0;
    font-size: 10pt;
    text-transform: uppercase;
}

.lblDetailsHeader1 {
    font-weight: bold;
    color: #39BBB0;
    font-size: 10pt;
    text-transform: uppercase;
}

.lblDBLabels {
    font-weight: bold;
    color: #39BBB0;
    font-size: 9pt;
    text-transform: uppercase;
}

.tblDetails {
}

    .tblDetails td {
        padding: 6px;
    }

.tblDetails_Top {
}

    .tblDetails_Top td {
        padding-top: 10px;
    }

.tblDetails_10 {
}

    .tblDetails_10 td {
        padding: 10px;
    }

.CustomerImage {
    width: 200px;
    height: 200px;
}

.tdLeft_10 {
    width: 10%;
    padding-right: 25px;
    vertical-align: top;
}

.tdLeft_15 {
    width: 15%;
    padding-right: 25px;
    vertical-align: top;
}

.tdLeft_20 {
    width: 20%;
    padding-right: 25px;
    vertical-align: top;
}

.tdLeft_25 {
    width: 25%;
    padding-right: 25px;
    vertical-align: top;
}

.tdLeft_35 {
    width: 35%;
    padding-right: 25px;
    vertical-align: top;
}

.tdLeft_50 {
    width: 35%;
    padding-right: 25px;
    vertical-align: top;
}

.tdLeft_100 {
    width: 100%;
    padding-right: 25px;
    vertical-align: top;
}

.tdRight_20 {
    width: 20%;
    padding-left: 25px;
    vertical-align: top;
}

.tdRight_25 {
    width: 25%;
    padding-left: 25px;
    vertical-align: top;
}

.tdRight_30 {
    width: 30%;
    padding-left: 25px;
    vertical-align: top;
    text-align: left;
}

.tdRight_35 {
    width: 35%;
    padding-left: 25px;
    vertical-align: top;
    text-align: left;
}

.tdRight_65 {
    width: 65%;
    padding-left: 25px;
    vertical-align: top;
}

.tdRight_80 {
    width: 80%;
    padding-left: 25px;
    vertical-align: top;
}

.tdRight_85 {
    width: 85%;
    padding-left: 25px;
    vertical-align: top;
}

.tdRight_90 {
    width: 90%;
    padding-left: 25px;
    vertical-align: top;
}

.tdRight_75 {
    width: 85%;
    padding-left: 25px;
    vertical-align: top;
}

.tdDetailsLeftHead_15 {
    width: 15%;
    vertical-align: top;
    text-align: left !important;
    font-size: 12pt;
}

.tdDetailsRightHead_35 {
    width: 35%;
    padding-left: 25px;
    vertical-align: top;
    text-align: left !important;
    font-size: 12pt;
}

.tdDetailsLeftHead_100 {
    width: 100%;
    vertical-align: top;
    text-align: left !important;
    font-size: 12pt;
}

.tdLeftHeader_100 {
    width: 100%;
    vertical-align: top;
}

.tdLeftBody_100 {
    width: 100%;
    vertical-align: top;
}

.tdDivLeft_20 {
    width: 20%;
    vertical-align: top;
}

.tdDivLeft_10 {
    width: 20%;
    vertical-align: top;
}

.tdDivLeft_30 {
    width: 20%;
    vertical-align: top;
}

.tdDivRight_20 {
    width: 20%;
    vertical-align: top;
}

.divCheckList {
    width: 100%;
    vertical-align: top;
    text-align: left !important;
    font-size: 10pt;
    padding-left: 20px;
    padding-top: 20px;
}

.tdNestedGrid {
    padding-top: 30px !important;
    padding-bottom: 25px !important;
    text-align: center !important;
}


.AjaxCalendar .ajax__calendar_container {
    background-color: #383B43 !important;
    border: solid 1px #2887bd !important;
}

.AjaxCalendar .ajax__calendar_header {
    border: 1px solid #ffffff !important;
    background-color: #0296C6 !important;
    color: White;
}

.AjaxCalendar .ajax__calendar_footer {
    background-color: #0296C6 !important;
    color: White !important;
    padding-bottom: 0px;
    height: 25px;
}

.AjaxCalendar .ajax__calendar_hover {
    background-color: #0296C6 !important;
    color: White !important;
    font-weight: bold;
}

.AjaxCalendar .ajax__calendar_today {
    background-color: #0296C6 !important;
    color: White;
    font-weight: bold;
}

.AjaxCalendar .ajax__calendar_day {
    background-color: #383B43 !important;
    color: White;
}

.AjaxCalendar .ajax__calendar_dayname {
    background-color: #383B43 !important;
    color: White;
}

.CaltextBox {
    border-top: 0px solid #ccc;
    border-left: 0px solid #ccc;
    border-right: 0px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #959EA9;
}

.CalWatermarkTextbox {
    color: #ccc;
    border-top: 0px solid #ccc;
    border-left: 0px solid #ccc;
    border-right: 0px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.ExportButton {
    width: 22px;
    height: 22px;
}

.DivExport {
    width: 100%;
    padding-bottom: 15px;
    text-align: right;
}

.ImgCalendar {
    width: 22px;
    height: 22px;
}

.divGraph {
    padding-top: 25px;
    padding-left: 50px;
}

.divMain {
    width: 100%;
}

.divLeft {
    width: 10%;
    float: left;
}

.divCenter {
    width: 80%;
    float: left;
    background-color: #FFFFFF !important;
}

.divRight {
    width: 10%;
    float: left;
}

.FollowUpIcons1 {
    font-size: 15pt !important;
    color: #1D97FF;
    font-weight: bold;
    padding-top: 5px;
}

.FollowUpIcons2 {
    font-size: 15pt !important;
    color: #FFC601;
    font-weight: bold;
    padding-top: 5px;
}

.FollowUpIcons3 {
    font-size: 15pt !important;
    color: orangered;
    font-weight: bold;
    padding-top: 5px;
}

.divClientImage {
    text-align: right;
}

.ImgClientImage {
    width: 80%;
    height: 100px;
    opacity: 0.2;
}

.ImgProductImage {
    width: 100%;
    height: 250px;
}

.ImgAdd {
    width: 22px;
    height: 22px;
}

.lnkAdd {
    font-size: 12pt;
    text-decoration: underline;
}

.treeViewMain {
    padding-bottom: 10px;
}

.trHoverNodeStyle {
    color: #FF9800;
}

.trLeafNodeStyle {
    padding-top: 15px;
}

.trNodeStyle {
    font-size: 15px;
}

.trParentNodeStyle {
}

.trRootNodeStyle {
}

.trSelectedNodeStyle {
    color: #FF9800;
}

.modalBackground {
    background-color: gray;
    opacity: 0.6;
    width: 100%;
    text-align: center;
}

.divPopupHeader {
    background-color: #00BCD4;
    height: 40px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.lblPopupHeader {
    font-size: 13pt;
}

.divPopupButtons {
    text-align: center;
    padding-bottom: 25px;
}

.ImgAppContent {
    width: 100px;
}

.tdQuestion1 {
    width: 100%;
    font-weight: bold;
    padding-top: 30px;
}

.tdQuestion {
    width: 100%;
    font-weight: bold;
}

.tdAnswer {
    width: 100%;
    padding-bottom: 15px;
}

.tableQuestions {
    width: 100%;
}

.divQuestionnaireBoxMain {
    padding-top: 50px;
}

.divQuestionnaireBox {
    padding-left: 10px;
    border: 1px solid #ccc;
}

.divQuestionnaireBox_Inner {
    padding: 50px;
}

.ImgSurveyProductLog {
    height: 50px;
}

.ImgSurveyClientLog {
    height: 50px;
}

.ImgDBIcon {
    height: 100px;
    padding-top: 25px;
}

.divDBCircle {
    text-align: center !important;
    float: left !important;
}

.divDBIcon_Style1 {
    border: 2px solid #2ec1cc;
    border-radius: 50%;
    height: 130px;
    width: 130px;
    text-align: center;
    vertical-align: bottom !important;
    background-color: #F9F9F9;
}

.divDBLable_Style1 {
    text-align: center;
    width: 100%;
    padding-top: 10px;
    color: #2ec1cc;
    font-weight: bold;
    font-size: 13pt;
    padding-bottom: 25px;
    text-decoration: underline;
}

.divDBIcon_Style2 {
    border: 2px solid #23ae89;
    border-radius: 50%;
    height: 130px;
    width: 130px;
    text-align: center;
    vertical-align: bottom !important;
    background-color: #F9F9F9;
}

.divDBLable_Style2 {
    text-align: center;
    width: 100%;
    padding-top: 10px;
    color: #23ae89;
    font-weight: bold;
    font-size: 13pt;
    padding-bottom: 25px;
    text-decoration: underline;
}

.divDBIcon_Style3 {
    border: 2px solid #2ec1cc;
    border-radius: 50%;
    height: 130px;
    width: 130px;
    text-align: center;
    vertical-align: bottom !important;
    background-color: #F9F9F9;
}

.divDBLable_Style3 {
    text-align: center;
    width: 100%;
    padding-top: 10px;
    color: #2ec1cc;
    font-weight: bold;
    font-size: 13pt;
    padding-bottom: 25px;
    text-decoration: underline;
}

.divDBIcon_Style4 {
    border: 2px solid #23ae89;
    border-radius: 50%;
    height: 130px;
    width: 130px;
    text-align: center;
    vertical-align: bottom !important;
    background-color: #F9F9F9;
}

.divDBLable_Style4 {
    text-align: center;
    width: 100%;
    padding-top: 10px;
    color: #23ae89;
    font-weight: bold;
    font-size: 13pt;
    padding-bottom: 25px;
    text-decoration: underline;
}

.divDBIcon_Style5 {
    border: 2px solid #23ae89;
    border-radius: 50%;
    height: 130px;
    width: 130px;
    text-align: center;
    vertical-align: bottom !important;
    background-color: #F9F9F9;
}

.divDBLable_Style5 {
    text-align: center;
    width: 100%;
    padding-top: 10px;
    color: #23ae89;
    font-weight: bold;
    font-size: 13pt;
    padding-bottom: 25px;
    text-decoration: underline;
}

.divDBIcon_Style6 {
    border: 2px solid #2ec1cc;
    border-radius: 50%;
    height: 130px;
    width: 130px;
    text-align: center;
    vertical-align: bottom !important;
    background-color: #F9F9F9;
}

.divDBLable_Style6 {
    text-align: center;
    width: 100%;
    padding-top: 10px;
    color: #2ec1cc;
    font-weight: bold;
    font-size: 13pt;
    padding-bottom: 25px;
    text-decoration: underline;
}

.divDBIcon_Disable {
    border: 2px solid #5C6165;
    border-radius: 50%;
    height: 130px;
    width: 130px;
    text-align: center;
    vertical-align: bottom !important;
    background-color: #F9F9F9;
}

.divDBLable_Disable {
    text-align: center;
    width: 100%;
    padding-top: 10px;
    color: #5C6165;
    font-weight: bold;
    font-size: 13pt;
    padding-bottom: 25px;
}


.lblHeader {
    font-size: 12pt;
    color: #F78F22;
}

.divMobileTop {
    border-top: 2px solid #4F6984;
    border-left: 5px solid #4F6984;
    border-right: 5px solid #4F6984;
    height: 50px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    vertical-align: middle;
    text-align: center;
}

.divMobileBody {
    border: 5px solid #4F6984;
    height: 280px;
}

.divMobileBottom {
    border-left: 5px solid #4F6984;
    border-right: 5px solid #4F6984;
    border-bottom: 2px solid #4F6984;
    height: 50px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

.divCircleLeft {
    width: 37%;
    float: left;
}

.divCircle {
    width: 26%;
    float: left;
    border: 2px solid #FFC601;
    border-radius: 10px;
}

.divCircleRight {
    width: 37%;
    float: left;
}

.txtMobile {
    border: 0px;
}

.txtMobileLogoHeader {
    font-size: 11pt;
    color: #00BCD4;
}

.ImgExpandCollapse {
    height: 12px;
    padding-right: 10px;
}

.divTopNavigation {
    justify-content: space-between;
    width: 100%;
    float: left;
    vertical-align: top !important;
    padding-bottom: 30px;
}

.divTopNavigationItem {
    padding-right: 25px;
    float: left;
}

.ImgNavigationIcon_Questionnaire {
    height: 42px;
    width: 32px;
}

.ImgNavigationIcon_DataTag {
    height: 44px;
    width: 42px;
}

.divRightNavigationBar {
    position: fixed;
    top: 110px;
    right: 0px;
}

.divRightNavigationBarBody {
    min-height: 50px;
    background-color: #555555;
}

    .divRightNavigationBarBody div {
        display: block;
        text-align: center;
        padding: 1px;
        transition: all 0.3s ease;
        color: white;
        min-width: 50px;
        min-height: 50px;
        vertical-align: middle !important;
    }

        .divRightNavigationBarBody div a {
            font-size: 24px;
            padding-top: 12px;
            color: white;
        }

            .divRightNavigationBarBody div a:hover {
                font-size: 32px;
                padding-top: 8px;
                color: white;
            }

        .divRightNavigationBarBody div:hover {
            background-color: #FFC601;
        }


/*Popup Styles*/

.divPopup {
    padding: 5px;
    width: 500px;
}

.divPopup1 {
    padding: 5px;
    width: 700px;
}

.divPopupHeader {
    float: left;
    height: 45px;
    vertical-align: middle;
    border: 10px solid #00BCD4;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background-color: #00BCD4;
    width: 100%;
}

.divPopupHeader_Left {
    width: 80%;
    float: left;
    text-align: left;
    padding-left: 10px;
}

.divPopupHeader_Right {
    width: 20%;
    float: left;
    text-align: right;
    padding-right: 10px;
}

.divBody {
    background-color: #F9F9F9;
    border: 1px solid #00BCD4;
    width: 100%;
    float: left;
}

.PopupHeader {
    font-weight: bold;
    color: #FFFFFF;
    font-size: 11pt;
    text-transform: uppercase;
}

.PopupClose {
    width: 18px;
    height: 24px;
}

.lblPreviewAppHeader {
    font-size: 8pt;
    font-weight: bold;
}

.lblPreviewAppTitle {
    font-size: 8pt;
    font-weight: bold;
}

.lblPreviewAppBody {
    font-size: 8pt;
}

.ctrlColor {
    border: 0px solid #ccc;
    width: 100px;
    background-color: transparent;
    height: 30px;
}

.TicketHeaderIcon {
    width: 32px;
}

.ProductLogo {
    width: 250px;
}

.ProductLogoHeader {
    /*width: 300px;*/
}

.ProductBG {
    background-color: white;
}


.TabFont {
    text-transform: uppercase;
}

.DBWidgetBoxShadow {
    box-shadow: 0px 5px 5px 0px #868e96;
}

.UserNameBoxShadow {
    box-shadow: 0px 5px 5px 0px #868E96;
}

.ClientBoxShadow {
    box-shadow: 0px 0px 0px 0px #56708D;
}

.ChartBoxShadow {
    box-shadow: 0px 1px 3px 1px #868e96;
    height:320px;
}

.BodyBox {
    min-height: 500px;
    box-shadow: 0px 0px 10px 1px #CFCFCF;
}

.divPaddingTop {
    padding-top: 20px;
}

.lblHeaderClientName {
    text-shadow: 3px 3px #868e96;
}

.UserBadge {
    background: linear-gradient(360deg, #F7F7F7 0%,#F7F7F7 85%,#F7F7F7 100%);
    color: white;
}

.lblUserBadge {
    color: #4F6984;
}

.quick-stats__item_Box1 {
    padding: 1.5rem 1.5rem 1.45rem;
    border-radius: 0px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    /*background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);*/
    background: linear-gradient(180deg, #79ABF1 0%,#79ABF1 85%,#79ABF1 100%);
}

    .quick-stats__item_Box1::after {
        display: block;
        clear: both
    }

.quick-stats__item_Box2 {
    padding: 1.5rem 1.5rem 1.45rem;
    border-radius: 0px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    /*background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);*/
    background: linear-gradient(360deg, #E9A947 0%,#E9A947 85%,#E9A947 100%);
}

    .quick-stats__item_Box2::after {
        display: block;
        clear: both
    }

.quick-stats__item_Box3 {
    padding: 1.5rem 1.5rem 1.45rem;
    border-radius: 0px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    /*background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);*/
    background: linear-gradient(360deg, #A1EB57 0%,#A1EB57 85%,#A1EB57 100%);
}

    .quick-stats__item_Box3::after {
        display: block;
        clear: both
    }

.quick-stats__item_Box4 {
    padding: 1.5rem 1.5rem 1.45rem;
    border-radius: 5px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    /*background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);*/
    background: linear-gradient(360deg, #BD68F0 0%,#BD68F0 85%,#BD68F0 100%);
}

    .quick-stats__item_Box4::after {
        display: block;
        clear: both
    }

.HomeBadgeIcon {
    font-size: 15pt;
    color: white;
    text-align: right;
    vertical-align: bottom;
}

.DBIconColor {
    color: #29B8A6;
}

.DBTextColor {
    color: #29B8A6;
}

.Cursor_Default {
    cursor: default;
}

.GridHeaderLabel {
    padding-top: 5px;
    font-size: 10pt;
    padding-bottom: 20px !important;
}

.CodeBlock {
    font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
    margin-bottom: 10px;
    overflow: auto;
    width: auto;
    padding: 5px;
    background-color: #000;
    color: #fff;
    font-size: 13px;
}

.CodeBlockText {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
}

.CodeSpanHeader {
    color: orange;
}

.tdDimensionData {
    width: 20%;
    vertical-align: top;
}

.tdDimensionDataSecondColumns {
    width: 20%;
    vertical-align: top;
    padding-left: 25px;
}

.tdDimensionSpacer {
    width: 3%;
}

.divDimensionHeader {
    width: 100%;
    float: left;
    font-size: 13pt;
    font-weight: bold;
    padding-bottom: 15px;
    color: #55A3B2;
}

.divDimensionRow {
    width: 100%;
    float: left;
    font-size: 11pt;
    padding-top: 5px;
}

.btnInvisible {
    width: 0px;
    padding: 0;
    border: none;
    background: none;
}

.PaymentSucces {
    font-size: 25pt;
    color: #A5DC86;
}

.PaymentFailed {
    font-size: 25pt;
    color: #F8BB86;
}

.PaymentTitle {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 50px;
    font-size: 15pt;
}

.ContactInfo {
    font-size: 12pt !important;
}

.loader,
.loader:before,
.loader:after {
    background: #ffffff;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}

.loader {
    color: #ffffff;
    text-indent: -9999em;
    margin: 88px auto;
    position: relative;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

    .loader:before,
    .loader:after {
        position: absolute;
        top: 0;
        content: '';
    }

    .loader:before {
        left: -1.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .loader:after {
        left: 1.5em;
    }

@-webkit-keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

@keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

.GridIconPlus {
    padding-top:10px;
}

.chart-container {
    min-height: 300px;
    position: relative;
}