@charset "utf-8";
/* CSS Document */

.header-container {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
    height: 50px;
    color: #fff;
    background-color: #011E3F;
    display: block;
}

.header-left {
    float: left;
    width: 962px;
}

    .header-left .logo {
        float: left;
        display: block;
        display: block;
    }

.logonavi {
    float: left;
    color: #fff;
    font-size: 14px;
    display: block;
    height: 35px;
    width: 70px;
    text-align: center;
    padding-top: 15px;
    text-decoration: none;
}

    .logonavi:hover {
        color: #000;
        text-decoration: none;
        background-color: #87CEEB;
    }

.header-right {
    float: right;
    width: 190px;
    height: 50px;
    padding: 0px 0px 0px 10px;
    background-color: #264d7c;
    background-image: url(../Images/usericon.png);
    background-repeat: no-repeat;
}

.userhelp {
    float: left;
    font-size: 14px;
    margin-right: 5px;
    line-height: 21px;
    list-style: none;
    display: inline-block;
    padding-left: 25px;
}

    .userhelp li {
        width: 118px;
        display: inline-block;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .userhelp li ul {
            display: none;
            width: 168px;
            padding: 10px;
            position: absolute;
            right: 30px;
        }

    .userhelp ul li:hover ul {
        display: block; /* display the dropdown */
        list-style: none;
        border-radius: 5px;
        background-color: White;
    }

        .userhelp ul li:hover ul li {
            padding-top: 7px;
            padding-bottom: 7px;
            background-color: White;
            border-radius: 5px;
            color: #333;
            border-bottom: 1px solid silver;
        }

            .userhelp ul li:hover ul li:last-child {
                padding-top: 15px;
                background-color: White;
                border-bottom-left-radius: none;
            }

.exit {
    float: right;
    border-left: 1px solid #11253e;
    height: 50px;
}

.content-container {
    margin-top: 50px;
}

.clear {
    clear: both;
}

.user-menu {
    background-color: White;
    border: 10px;
    padding: 10px;
    position: absolute;
    top: 60px;
    display: none;
    right: 50px;
}

body {
    font-family: arial;
    background-color: #BFDBFF;
    padding: 0px;
    margin: 0px;
}

.breadcrumb {
    background-color: #e4e4e4;
    border-radius: 5px;
    height: 25px;
    overflow: hidden;
    border: 1px solid #d1d1d1;
    margin: 60px 10px 10px;
}

    .breadcrumb .list {
        font-size: 11px;
        padding-left: 10px;
        height: 10px;
        margin: 5px;
    }

        .breadcrumb .list li {
            display: inline-block;
            color: #59595b;
        }

            .breadcrumb .list li:after {
                content: ' /';
            }

.list li:last-child {
    color: #264c7b;
}

    .list li:last-child:after {
        content: ' ';
    }

.content-container {
    margin: 8px 10px;
    height: auto;
}

.pageheading {
    font-size: 15px;
    color: #59595b;
    float: left;
    padding-top: 7px;
    margin: 0px;
}

.action-container {
    float: right;
}

.back-btn {
    background-color: #264c7b;
    border: none;
    color: white;
    text-align: center;
    width: 80px;
    height: 30px;
    cursor: pointer;
}

    .back-btn:hover {
        background-color: #011733;
    }

.form-fields-cntr {
    background-color: White;
    border: 1px solid #cfcfcf;
    margin-top: 13px;
    display: block;
}

.form-header-bar {
    background-color: #c6c6c6;
    border-bottom: 1px solid #cfcfcf;
    height: 30px;
}

.form-title {
    padding: 5px 6px;
    margin: 0px;
    color: #515151;
    font-size: 13px;
}

#tabs {
    margin: 10px;
}

.footer {
    background-color: #011E3F;
    bottom: 0px;
    width: 100%;
    z-index: 2000;
    display: block;
    position: fixed;
}

.versioninfo {
    font-size: 12px;
    float: right;
    color: white;
    padding: 10px;
}

.copyrightsreserved {
    float: left;
    font-size: 12px;
    color: White;
    padding: 10px;
}

    .copyrightsreserved a {
        color: White;
        text-decoration: none;
        cursor: pointer;
        font-family: NokianvirallinenkirjasinREGULAR;
        font-size: 10px;
    }

        .copyrightsreserved a:hover {
            color: White;
            text-decoration: underline;
            cursor: pointer;
            font-family: NokianvirallinenkirjasinREGULAR;
            font-size: 10px;
        }

.backtoprevious {
    background-color: #e1efff;
    border-radius: 3px;
}

    .backtoprevious ul {
        padding: 3px 10px;
    }

        .backtoprevious ul li {
            display: inline-block;
            font-size: 12px;
        }

            .backtoprevious ul li:after {
                content: ' >';
            }

            .backtoprevious ul li:last-child:after {
                content: ' ';
            }

            .backtoprevious ul li a {
                cursor: pointer;
                text-decoration: none;
            }

.button {
    background-color: #254c7a;
    background-image: none;
    font-size: 12px;
    width: 80px;
    cursor: pointer;
    color: White;
    height: 30px;
    border: none;
    text-align: center;
    font-family: arial;
    padding: 0px !important;
}

    .button:hover {
        background-color: #011E3F;
    }

.cancel {
    background-color: #254c7a;
    background-image: none;
    font-size: 12px;
    width: 80px;
    cursor: pointer;
    color: White;
    height: 30px;
    border: none;
    font-family: arial;
    padding: 0px !important;
}

    .cancel:hover {
        background-color: #77131f;
    }

.iconGeneratePass {
    background-color: #254c7a;
    background-image: none;
    font-size: 12px;
    width: 150px;
    cursor: pointer;
    color: White;
    height: 30px;
    border: none;
    font-family: arial;
    padding: 0px !important;
}

    .iconGeneratePass:hover {
        background-color: #011E3F;
    }

.iconGeneratePass:disabled,
.iconGeneratePass[disabled] {
    background-color: #254c7a;
    cursor:default;
    text-shadow:1px 1px 0px #fff;
    color: #b1b1b1;
}

.button-common {
    background-color: Red;
}

.iconNew:hover {
    background-color: #011E3F;
}

.tabbg {
    background-image: none !important;
    background-position: top;
    background-color: transparent !important;
}

.tab-text-color tr td b {
    color: #ffffff;
}

.clients-tab-height tr td {
    height: 30px;
}

.accesslevel-tab-height tr td {
    height: 30px;
}

.dashboardmain-tab-height tr td {
    height: 30px;
}

.templatemanagement-tab-height tr td {
    height: 30px;
}

.establishment-tab-height tr td {
    height: 30px;
}

.pendinginspection-tab-height tr td {
    height: 30px;
}

.clientreport-tab-height tr td {
    height: 30px;
}

.InspectorTrackingReport-tab-height tr td {
    height: 30px;
}

.logtab-tab-height tr td {
    height: 30px;
}

.bgPanel .padding10 .tabbg tr td b {
    color: #ffffff;
}

.imageprincipal-tab-height tr td {
    height: 30px;
}

.gasstatistics-tab-height tr td {
    height: 30px;
}

.iconNewMediumSize:hover {
    background-color: #011E3F;
}

.iconButton:hover {
    background-color: #011E3F;
}

.iconPreview {
    background-color: #254c7a;
    font-size: 12px;
    width: 80px;
    cursor: pointer;
    color: #FFF;
    height: 30px;
    border: medium none;
    font-family: arial;
    padding: 0px !important;
}

table tr td font a {
    display: block;
}

.iconBookmark {
    background-color: #254c7a;
    background-image: none;
    font-size: 12px;
    width: 80px;
    cursor: pointer;
    color: White;
    height: 30px;
    border: none;
    text-align: center;
    font-family: arial;
    padding: 0px !important;
}

    .iconBookmark:hover {
        background-color: #011E3F;
    }

.iconButtonEnable:hover {
    background-color: #011E3F !important;
}

.iconPreview:hover {
    background-color: #011E3F;
}

.btnreportgenerate:hover {
    background-color: #011E3F;
}

.btnDownload:hover {
    background-color: #011E3F;
}

.paymentmethod-newbtn {
    float: right;
    padding-right: 41px;
}

.pull-right {
    float: right;
}

.establishment-newbtn {
    padding-right: 20px;
}
/*.relatoriotemplate-newbtn 
{
    margin-right:62px;
}
.templatemanagement-newbtn {
    margin-right:62px;
} */
.createinspection-newbtn a {
    background-color: #254c7a;
    background-image: none;
    font-size: 12px;
    cursor: pointer;
    color: White;
    height: 16px;
    border: none;
    text-align: center;
    font-family: arial;
    padding: 7px 10px !important;
    min-width: 60px;
    margin-right: 0px;
    display: block;
}

    .createinspection-newbtn a:hover {
        background-color: #011E3F;
        color: #ffffff !important;
        text-decoration: none !important;
    }

.home-navigation {
    background-color: #d4e6fe !important;
    height: 46px;
    margin: 50px 0px 0px 0px;
    color: #000000;
    border: 0px;
    /*background-color: #e1efff !important;
    height: 40px;
    margin: 50px 0px 0px 0px;
    color: #000000;
    border-top: 12px solid #bfdbff;
    border-right: 10px solid #bfdbff;
    border-left: 10px solid #bfdbff;
    border-bottom: 10px solid #bfdbff;*/
    padding-top: 0px;
}

    .home-navigation ul li {
        list-style: none;
        display: inline;
        font-size: 12px;
        vertical-align: middle;
        padding: 0px 0px 0px 0px;
        line-height: 18px;
        color: #011e3f;
    }

    .home-navigation ul {
        margin-left: 0px;
        margin-top: 0px;
        padding-left: 18px;
    }

        .home-navigation ul li a {
            color: #000000;
            text-decoration: none !important;
        }

            .home-navigation ul li a:hover {
                text-decoration: underline;
            }

        .home-navigation ul li:last-child:hover {
            text-decoration: none;
        }

.LabelStyle {
    font-size: 11px;
}

.home-navigation ul li:before {
    content: ">";
    font-size: 12px;
    padding: 0px 2px;
}

.home-navigation ul li:first-child:before {
    content: " ";
}

.textbox, .textbox_middlealign, .textbox_rightalign {
    border: 1px solid #bebebe !important;
}

.clientparameter-cntr {
    padding: 5px;
    margin-top: 5px;
}

.raddatepicker {
    border: 1px solid #bebebe;
}
/*----same for all----*/
.textbox-width1 {
    width: 170px !important;
    height: 20px !important;
}

.dropdown-width1 {
    width: 174px !important;
    height: 24px !important;
}

.valign-mid {
    vertical-align: middle;
}

.valign-top {
    vertical-align: top;
}

.checkbox-btmspace tr td {
    padding-bottom: 0px !important;
}

.User-table tr td, .ClientsForm-table tr td, .RelatorioTemplateForm-table tr td, .CreateInspectionForm-table tr td,
.ReportForm-table tr td, .CurrentAccountForm-table tr td, .DocumentsForm-table tr td, .InternalTableForm-table tr td {
    padding-bottom: 8px;
}

    .User-table tr td:first-child {
        padding-top: 4px;
    }

.GeneratePasswordForm td, .ChangePasswordForm td {
    padding-bottom: 8px;
}

    .GeneratePasswordForm td:first-child, .ChangePasswordForm td:first-child {
        padding-bottom: 0px;
    }

.SetupForm-table tr td {
    padding-bottom: 5px;
}

    .SetupForm-table tr td:last-child {
        padding-bottom: 0px;
    }

.UserForm-table td {
    padding-bottom: 8px;
}

    .UserForm-table td:last-child {
        padding-bottom: 0px;
    }

.CreateInspectionScheduleForm-space {
    padding-bottom: 7px;
}

.InternalFormTR-table td {
    padding-bottom: 5px;
}

.InteralFormDIV-table div {
    padding-bottom: 7px;
}

.ClientParameters-checkbox tr td {
    padding-bottom: 2px;
}

.InspectionSitesForn-table tr td {
    padding-bottom: 5px;
}
/*----same for all----*/

.RequiredField {
    border: 1px solid red;
    width: 174px;
    display: block;
}

/*--- New Styles from Stylesheet.css for performance changes---*/

.body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    height: 100%;
    width: 100%;
    background-color: #bfdbff;
    scrollbar-face-color: #153E7E;
    scrollbar-shadow-color: #dbe5ff;
    scrollbar-highlight-color: #dbe5ff;
    scrollbar-3dlight-color: #dbe5ff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-track-color: #dbe5ff;
    scrollbar-arrow-color: #ffffff;
}

.label {
    height: 25px;
    font-family: Arial,Tahoma, Verdana,sans-serif;
    font-size: 10pt;
    font-weight: bold;
}

td {
    font-family: Arial,Tahoma, Verdana,sans-serif;
    font-size: 11px;
    color: #000000;
}

.title {
    font-family: Arial,Tahoma,Verdana,sans-serif;
    font-size: 13px;
    color: #061947;
    font-weight: bold; /*padding-left: 13px;*/
    padding-left: 0px;
    background-color: Transparent;
}

.textbox {
    border: 1px solid #1e3f8b;
    height: 18px;
    font-family: Arial,Tahoma, Verdana,sans-serif;
    font-size: 8pt;
    color: #000000;
}

.iconFilter {
    background-color: #254c7a;
    background-image: none;
    font-size: 13px;
    cursor: pointer;
    color: White;
    height: 30px;
    border: none;
    text-align: center;
    font-family: arial;
    padding: 0px !important;
    width: 90px;
}

    .iconFilter:hover {
        background-color: #011E3F;
    }

.iconNew {
    background-color: #254c7a;
    background-image: none;
    font-size: 12px;
    cursor: pointer;
    color: White;
    height: 30px;
    border: none;
    text-align: center;
    font-family: arial;
    padding: 0px !important;
    width: 80px;
}

    .iconNew:hover {
        background-color: #011E3F;
    }

/*--- Padding---*/
.padding10 {
    padding-left: 10px;
}

/*Telerik Grid Stylesheet*/

/*Telerik RadGrid MyCustomSkin Skin*/

/*global*/

.RadGrid_MyCustomSkin {
    border: 1px solid #a7ccf6;
    background: #e9f0f9;
    color: #333;
}

    .RadGrid_MyCustomSkin, .RadGrid_MyCustomSkin .rgMasterTable, .RadGrid_MyCustomSkin .rgDetailTable, .RadGrid_MyCustomSkin .rgGroupPanel table, .RadGrid_MyCustomSkin .rgCommandRow table, .RadGrid_MyCustomSkin .rgEditForm table, .GridToolTip_MyCustomSkin {
        font: 12px/16px "segoe ui",arial,sans-serif;
    }

        .RadGrid_MyCustomSkin .rgMasterTable, .RadGrid_MyCustomSkin .rgDetailTable {
            border-collapse: separate !important;
        }

        .RadGrid_MyCustomSkin .rgRow, .RadGrid_MyCustomSkin .rgAltRow, .RadGrid_MyCustomSkin .rgHeader, .RadGrid_MyCustomSkin .rgResizeCol, .RadGrid_MyCustomSkin .rgPager, .RadGrid_MyCustomSkin .rgGroupPanel {
            cursor: default;
        }

            .RadGrid_MyCustomSkin .rgRow td, .RadGrid_MyCustomSkin .rgAltRow td, .RadGrid_MyCustomSkin .rgEditRow td, .RadGrid_MyCustomSkin .rgFooter td, .RadGrid_MyCustomSkin .rgFilterRow td, .RadGrid_MyCustomSkin .rgHeader, .RadGrid_MyCustomSkin .rgResizeCol, .RadGrid_MyCustomSkin .rgGroupHeader td {
                padding-left: 7px;
                padding-right: 7px;
            }

        .RadGrid_MyCustomSkin .rgAdd, .RadGrid_MyCustomSkin .rgRefresh, .RadGrid_MyCustomSkin .rgEdit, .RadGrid_MyCustomSkin .rgDel, .RadGrid_MyCustomSkin .rgFilter, .RadGrid_MyCustomSkin .rgPagePrev, .RadGrid_MyCustomSkin .rgPageNext, .RadGrid_MyCustomSkin .rgPageFirst, .RadGrid_MyCustomSkin .rgPageLast, .RadGrid_MyCustomSkin .rgExpand, .RadGrid_MyCustomSkin .rgCollapse, .RadGrid_MyCustomSkin .rgSortAsc, .RadGrid_MyCustomSkin .rgSortDesc, .RadGrid_MyCustomSkin .rgUpdate, .RadGrid_MyCustomSkin .rgCancel {
            width: 16px;
            height: 16px;
            border: 0;
            margin: 0;
            padding: 0;
            background-color: transparent;
            background-image: url('../Images/Grid/sprite.gif'); /*Filter img sets here*/
            background-repeat: no-repeat;
            vertical-align: middle;
            font-size: 1px;
            cursor: pointer;
        }

        .RadGrid_MyCustomSkin .rgGroupItem input, .RadGrid_MyCustomSkin .rgCommandRow img, .RadGrid_MyCustomSkin .rgHeader input, .RadGrid_MyCustomSkin .rgFilterRow img, .RadGrid_MyCustomSkin .rgPager img {
            vertical-align: middle;
        }

        /*header*/

        .RadGrid_MyCustomSkin .rgHeaderDiv {
            /*background:#eee 0 -5900px repeat-x url('../Images/Grid/sprite.gif');     background-color: Red;*/
            background-color: #254c7a;
        }

.rgTwoLines .rgHeaderDiv {
    background-position: 0 -6200px;
}

.rgNoScrollImage .rgHeaderDiv {
    background-image: none;
}

/*.RadGrid_MyCustomSkin .rgHeader,*/
.RadGrid_MyCustomSkin .rgHeader {
    border: 0;
    border-bottom: 1px solid #a7ccf6;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #254c7a;
    text-align: left;
    font-weight: normal;
    color: White;
}

.RadGrid_MyCustomSkin th.rgResizeCol {
    border: 0;
    border-bottom: 1px solid #a7ccf6;
    padding-top: 5px;
    padding-bottom: 4px;
    background: #eaeaea 0 -2300px repeat-x url('../Images/Grid/sprite.gif');
    text-align: left;
    font-weight: normal;
}

.RadGrid_MyCustomSkin th.rgSorted {
    /*background-color: #c4c4c4;*/
    background-color: #011E3F;
    background-position: 0 -2600px;
}

.RadGrid_MyCustomSkin .rgHeader, .RadGrid_MyCustomSkin .rgHeader a {
    color: White;
    text-decoration: none;
}

/*rows*/

.RadGrid_MyCustomSkin .rgRow td, .RadGrid_MyCustomSkin .rgAltRow td, .RadGrid_MyCustomSkin .rgEditRow td, .RadGrid_MyCustomSkin .rgFooter td {
    border: 0;
    border-bottom: 0px solid;
    padding-top: 4px;
    padding-bottom: 3px;
}

.RadGrid_MyCustomSkin .rgAltRow {
    background: #fff;
}

    .RadGrid_MyCustomSkin .rgRow td, .RadGrid_MyCustomSkin .rgAltRow td {
        border-color: #fff;
    }

.RadGrid_MyCustomSkin .rgAltRow {
    background: #fff;
}

.RadGrid_MyCustomSkin .rgRow .rgSorted {
    background-color: #e9f0f9;
}

.RadGrid_MyCustomSkin .rgAltRow .rgSorted {
    background-color: #fff;
}

.RadGrid_MyCustomSkin .rgSelectedRow .rgSorted, .RadGrid_MyCustomSkin .rgActiveRow .rgSorted, .RadGrid_MyCustomSkin .rgHoveredRow .rgSorted, .RadGrid_MyCustomSkin .rgEditRow .rgSorted {
    background-color: transparent;
}

.RadGrid_MyCustomSkin .rgRow a, .RadGrid_MyCustomSkin .rgAltRow a, .RadGrid_MyCustomSkin .rgEditRow a, .RadGrid_MyCustomSkin .rgFooter a, .RadGrid_MyCustomSkin .rgEditForm a {
    color: #000;
}

.RadGrid_MyCustomSkin .rgSelectedRow {
    background: #a7ccf6; /*0 -3900px repeat-x url('../Images/Grid/sprite.gif');*/
    color: #fff;
}

    * + html .RadGrid_MyCustomSkin .rgSelectedRow .rgSorted {
        background-color: #a7ccf6;
    }

    * html .RadGrid_MyCustomSkin .rgSelectedRow .rgSorted {
        background-color: #a7ccf6;
    }

.RadGrid_MyCustomSkin .rgActiveRow, .RadGrid_MyCustomSkin .rgHoveredRow {
    background: #c5c5c5 0 -2900px repeat-x url('../Images/Grid/sprite.gif');
    color: #333;
}

    * + html .RadGrid_MyCustomSkin .rgActiveRow .rgSorted, * + html .RadGrid_MyCustomSkin .rgHoveredRow .rgSorted {
        background-color: #c5c5c5;
    }

    * html .RadGrid_MyCustomSkin .rgActiveRow .rgSorted, * html .RadGrid_MyCustomSkin .rgHoveredRow .rgSorted {
        background-color: #c5c5c5;
    }

.RadGrid_MyCustomSkin .rgEditRow {
    background: #fff 0 -4900px repeat-x url('../Images/Grid/sprite.gif');
}

    * + html .RadGrid_MyCustomSkin .rgEditRow .rgSorted {
        background-color: #fff;
    }

    * html .RadGrid_MyCustomSkin .rgEditRow .rgSorted {
        background-color: #fff;
    }

.RadGrid_MyCustomSkin .rgActiveRow td, .RadGrid_MyCustomSkin .rgActiveRow td.rgSorted, .RadGrid_MyCustomSkin .rgHoveredRow td, .RadGrid_MyCustomSkin .rgHoveredRow td.rgSorted {
    border-bottom-color: #9e9e9e;
}

.RadGrid_MyCustomSkin .rgSelectedRow td, .RadGrid_MyCustomSkin .rgSelectedRow td.rgSorted {
    border-bottom-color: #6c6c6c;
}

/*footer*/

.RadGrid_MyCustomSkin .rgFooterDiv, .RadGrid_MyCustomSkin .rgFooter {
    background: #eee;
}

    .RadGrid_MyCustomSkin .rgFooter td {
        border-top: 1px solid #a7ccf6;
        border-bottom: 1px solid #fff;
    }

/*status*/

.RadGrid_MyCustomSkin .rgStatus {
    width: 35px;
    border: 1px solid;
    border-color: #a7ccf6 #c9c9c9 #eee #eee;
    border-left: 0;
    padding: 3px 0 2px;
}

    .RadGrid_MyCustomSkin .rgStatus div {
        width: 24px;
        height: 24px;
        overflow: hidden;
        border: 0;
        margin: 0 auto;
        padding: 0; /*background:transparent 0 0 no-repeat url('<%=WebResource("Telerik.Web.UI.Skins.MyCustomSkin.Grid.loading.gif")%>');*/
        text-indent: -2222px;
    }

/*pager*/

.RadGrid_MyCustomSkin .rgPager {
    background: #eee;
}

.RadGrid_MyCustomSkin .rgPagerCell {
    border: 1px solid;
    border-color: #a7ccf6 #eee #eee;
    border-right: 0;
    padding: 3px 0 2px;
}

.RadGrid_MyCustomSkin .rgWrap {
    float: left;
    padding: 0 10px;
    line-height: 26px;
    white-space: nowrap;
}

.RadGrid_MyCustomSkin .rgArrPart1 {
    padding-right: 0;
    line-height: 22px;
}

.RadGrid_MyCustomSkin .rgArrPart2 {
    padding-left: 0;
    line-height: 22px;
}

.RadGrid_MyCustomSkin .rgInfoPart {
    float: right;
    color: #8a8a8a;
}

    .RadGrid_MyCustomSkin .rgInfoPart strong {
        font-weight: normal;
        color: #4c4e54;
    }

.RadGrid_MyCustomSkin .rgPageFirst, .RadGrid_MyCustomSkin .rgPagePrev, .RadGrid_MyCustomSkin .rgPageNext, .RadGrid_MyCustomSkin .rgPageLast {
    width: 22px;
    height: 24px;
}

.RadGrid_MyCustomSkin .rgPageFirst {
    background-position: 0 -549px;
}

    .RadGrid_MyCustomSkin .rgPageFirst:hover {
        background-position: 0 -599px;
    }

.RadGrid_MyCustomSkin .rgPagePrev {
    background-position: 0 -699px;
}

    .RadGrid_MyCustomSkin .rgPagePrev:hover {
        background-position: 0 -749px;
    }

.RadGrid_MyCustomSkin .rgPageNext {
    background-position: 0 -849px;
}

    .RadGrid_MyCustomSkin .rgPageNext:hover {
        background-position: 0 -899px;
    }

.RadGrid_MyCustomSkin .rgPageLast {
    background-position: 0 -999px;
}

    .RadGrid_MyCustomSkin .rgPageLast:hover {
        background-position: 0 -1049px;
    }

.RadGrid_MyCustomSkin .rgPagerButton {
    height: 22px;
    border: 1px solid;
    border-color: #d0d0d0 #aeaeae #8b8b8b;
    margin: 0 14px 0 0;
    padding: 0 4px 2px;
    background: transparent repeat-x 0 -1550px url('../Images/Grid/sprite.gif');
    color: #000;
    font: 12px/12px "segoe ui",arial,sans-serif;
    vertical-align: middle;
    cursor: pointer;
}

.RadGrid_MyCustomSkin .rgNumPart {
    padding: 2px 0;
}

.RadGrid_MyCustomSkin .NumericPages .rgNumPart {
    padding: 2px 10px;
}

.RadGrid_MyCustomSkin .rgNumPart a:hover, .RadGrid_MyCustomSkin .rgNumPart a:hover span, .RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage, .RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage span {
    background: no-repeat url('../Images/Grid/sprite.gif');
}

.RadGrid_MyCustomSkin .rgNumPart a {
    float: left;
    line-height: 22px;
    margin: 0;
    padding: 0 5px 0 0;
    color: #000;
    text-decoration: none;
}

.RadGrid_MyCustomSkin .rgNumPart span {
    float: left;
    padding: 0 0 0 5px;
}

.RadGrid_MyCustomSkin .rgNumPart a:hover {
    background-position: 100% -1250px;
}

    .RadGrid_MyCustomSkin .rgNumPart a:hover span {
        background-position: 0 -1150px;
        cursor: pointer;
    }

.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage, .RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage:hover {
    background-position: 100% -1450px;
    cursor: default;
}

    .RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage span, .RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage:hover span {
        background-position: 0 -1350px;
        cursor: default;
    }

.RadGrid_MyCustomSkin .NextPrevNumericAndAdvanced .rgAdvPart {
    float: none;
    text-align: center;
}

.RadGrid_MyCustomSkin .rgPager .RadSlider {
    float: left;
    margin: 2px 10px 0 0;
}

.RadGrid_MyCustomSkin .rgPagerLabel, .RadGrid_MyCustomSkin .rgPager .RadComboBox, .RadGrid_MyCustomSkin .rgPager .RadInput_MyCustomSkin {
    margin: 0 4px 0 0;
    vertical-align: middle;
}

.RadGrid_MyCustomSkin .rgPager .RadComboBox {
    margin-top: -1px;
}

* + html .RadGrid_MyCustomSkin .rgPager .RadComboBox {
    margin-top: -2px;
}

* html .RadGrid_MyCustomSkin .rgPager .RadComboBox {
    margin-top: -2px;
}

.RadGrid_MyCustomSkin .rgPagerTextBox {
    text-align: center;
}

/*sorting, reordering*/

/*.RadGrid_MyCustomSkin .rgHeader .rgSortAsc
{
	background-position:3px -248px;
	height:10px;
}*/

.RadGrid_MyCustomSkin .rgSortAsc {
    /*background-position: 3px -198px;*/
    background-position: -10px -6676px;
    height: 10px;
}

/*.RadGrid_MyCustomSkin .rgHeader .rgSortDesc
{
	background-position:3px -198px;
	height:10px;
}*/

.GridReorderTop_MyCustomSkin, .GridReorderBottom_MyCustomSkin {
    width: 9px !important;
    height: 9px !important;
    margin-left: -5px;
    background: 0 0 no-repeat url('../Images/Grid/sprite.gif');
}

.GridReorderBottom_MyCustomSkin {
    background-position: 0 -50px;
}

/*filtering*/

.RadGrid_MyCustomSkin .rgFilterRow {
    background: #ffffff;
}

    .RadGrid_MyCustomSkin .rgFilterRow td {
        /* border-bottom: 1px solid #a7ccf6;*/
        padding-top: 4px;
        padding-bottom: 7px;
    }

.RadGrid_MyCustomSkin .rgFilter {
    width: 22px;
    height: 22px;
    margin: 0 0 0 2px;
    background-position: 0 -300px;
}

    .RadGrid_MyCustomSkin .rgFilter:hover {
        background-position: 0 -350px;
    }

.RadGrid_MyCustomSkin .rgFilterBox {
    border: 1px solid;
    border-color: #8e8e8e #c9c9c9 #c9c9c9 #8e8e8e;
    padding: 2px 1px 3px;
    font: 12px "segoe ui",arial,sans-serif;
    color: #333;
    vertical-align: middle;
}

/*grouping*/

.RadGrid_MyCustomSkin .rgGroupPanel {
    height: 24px;
    border: 0;
    border-bottom: 1px solid #a7ccf6;
    background: #eee 0 -1900px repeat-x url('../Images/Grid/sprite.gif');
}

    .RadGrid_MyCustomSkin .rgGroupPanel td {
        border: 0;
        padding: 3px 4px;
    }

        .RadGrid_MyCustomSkin .rgGroupPanel td td {
            padding: 0;
        }

    .RadGrid_MyCustomSkin .rgGroupPanel .rgSortAsc {
        background-position: 4px -143px;
    }

    .RadGrid_MyCustomSkin .rgGroupPanel .rgSortDesc {
        background-position: 4px -93px;
    }

.RadGrid_MyCustomSkin .rgGroupItem {
    border: 1px solid;
    border-color: #c4c4c4 #c4c4c4 #9e9e9e;
    padding: 1px 2px 4px 3px;
    background: #c6c6c6 0 -6500px repeat-x url('../Images/Grid/sprite.gif');
}

.RadGrid_MyCustomSkin .rgMasterTable td.rgGroupCol, .RadGrid_MyCustomSkin .rgMasterTable td.rgExpandCol {
    border-color: #d9d9d9;
    background: #d9d9d9 none;
}

.RadGrid_MyCustomSkin .rgGroupHeader {
    background: #d9d9d9;
    font-size: 1.1em;
    color: #000;
}

    .RadGrid_MyCustomSkin .rgGroupHeader td {
        border-top: 1px solid #a7ccf6;
        border-bottom: 1px solid #d9d9d9;
        padding-top: 1px;
        padding-bottom: 4px;
    }

        .RadGrid_MyCustomSkin .rgGroupHeader td.rgGroupCol {
            border-top-color: #a7ccf6;
        }

.RadGrid_MyCustomSkin .rgExpand {
    background-position: 5px -496px;
}

.RadGrid_MyCustomSkin .rgCollapse {
    background-position: 3px -444px;
}

.RadGrid_MyCustomSkin .rgGroupHeader td p {
    display: inline;
    padding: 0 10px;
}

.RadGrid_MyCustomSkin .rgGroupHeader td div div {
    top: -0.5em;
    padding: 0 10px;
}

    .RadGrid_MyCustomSkin .rgGroupHeader td div div div {
        top: 0;
        padding: 0;
        border: 0;
    }

/*editing*/

.RadGrid_MyCustomSkin .rgEditForm {
    border-bottom: 1px solid #a7ccf6;
}

.RadGrid_MyCustomSkin .rgUpdate {
    background-position: 0 -1800px;
}

.RadGrid_MyCustomSkin .rgCancel {
    background-position: 2px -1848px;
}

/*hierarchy*/

.RadGrid_MyCustomSkin .rgDetailTable {
    border: 1px solid #a7ccf6;
    border-right: 0;
}

/*command row*/

.RadGrid_MyCustomSkin .rgCommandRow {
    background: #c5c5c5 0 -2099px repeat-x url('../Images/Grid/sprite.gif');
    color: #000;
}

    .RadGrid_MyCustomSkin .rgCommandRow td {
        border: 1px solid;
        border-color: #999 #fff;
        border-top: 0;
        padding: 0;
    }

.RadGrid_MyCustomSkin tfoot .rgCommandRow td {
    border-top: 1px solid;
    border-bottom: 0;
}

.RadGrid_MyCustomSkin tr.rgCommandRow td td {
    border: 0;
    padding: 3px 7px 4px;
}

    .RadGrid_MyCustomSkin tr.rgCommandRow td td td {
        padding: 1px;
    }

.RadGrid_MyCustomSkin .rgCommandRow table {
    border: 0;
    border-top: 1px solid #fdfdfd;
    border-bottom: 1px solid #e7e7e7;
}

    .RadGrid_MyCustomSkin .rgCommandRow table table {
        border: 0;
    }

.RadGrid_MyCustomSkin .rgCommandRow a {
    color: #000;
    text-decoration: none;
}

.RadGrid_MyCustomSkin .rgAdd {
    margin-right: 3px;
    background-position: 0 -1650px;
}

.RadGrid_MyCustomSkin .rgRefresh {
    margin-right: 3px;
    background-position: 0 -1600px;
}

.RadGrid_MyCustomSkin .rgEdit {
    background-position: 0 -1700px;
}

.RadGrid_MyCustomSkin .rgDel {
    background-position: 0 -1750px;
}

/*multirow select*/

.GridRowSelector_MyCustomSkin {
    background: #4c4e54;
}

/*row drag n drop*/

.GridItemDropIndicator_MyCustomSkin {
    border-top: 1px dashed #666;
}

/*tooltip*/

.GridToolTip_MyCustomSkin {
    border: 1px solid #a7ccf6;
    padding: 3px;
    background: #fff;
    color: #333;
}

/*rtl*/

.RadGridRTL_MyCustomSkin .rgHeader, .RadGridRTL_MyCustomSkin .rgResizeCol {
    text-align: right;
}
/* <RadMenu / MyCustomSkin> */

.RadMenu_MyCustomSkin .rmRootGroup, .RadMenu_MyCustomSkin .rmLink, .RadMenu_MyCustomSkin .rmText, .RadMenu_MyCustomSkin .rmLeftArrow, .RadMenu_MyCustomSkin .rmRightArrow, .RadMenu_MyCustomSkin .rmTopArrow, .RadMenu_MyCustomSkin .rmBottomArrow {
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.MyCustomSkin.Menu.rmSprite.png")%>');
    background-color: transparent;
}

.RadMenu_MyCustomSkin .rmRootGroup {
    border: 1px solid #a7ccf6;
    background-repeat: repeat-x;
    background-position: 0 -408px;
    background-color: #e6e6e6;
}

/* <Root items> */

.RadMenu_MyCustomSkin, .RadMenu_MyCustomSkin .rmLink {
    font: normal 12px/23px "Segoe UI", Arial, sans-serif;
    color: #000;
    text-decoration: none;
}

    .RadMenu_MyCustomSkin .rmLink, .RadMenu_MyCustomSkin .rmDisabled, .RadMenu_MyCustomSkin .rmDisabled:hover {
        background-position: 0 -72px;
    }

        .RadMenu_MyCustomSkin .rmText, .RadMenu_MyCustomSkin .rmDisabled .rmText, .RadMenu_MyCustomSkin .rmDisabled:hover .rmText {
            background-position: 100% -96px;
        }

    .RadMenu_MyCustomSkin .rmFirst .rmLink, .RadMenu_MyCustomSkin .rmFirst .rmLink:hover, .RadMenu_MyCustomSkin .rmLast .rmText, .RadMenu_MyCustomSkin .rmLast .rmLink:hover .rmText, .RadMenu_MyCustomSkin .rmVertical .rmLink, .RadMenu_MyCustomSkin .rmVertical .rmText {
        background-repeat: no-repeat;
        background-position: 0 500px;
    }

    .RadMenu_MyCustomSkin .rmVertical .rmFirst, .RadMenu_MyCustomSkin .rmVertical .rmLast {
        background: none;
    }

    .RadMenu_MyCustomSkin .rmLink:hover, .RadMenu_MyCustomSkin .rmFocused {
        background-color: #fff;
    }

    .RadMenu_MyCustomSkin .rmVertical .rmLink {
        padding-top: 1px;
        padding-bottom: 1px;
    }

        .RadMenu_MyCustomSkin .rmVertical .rmLink:hover, .RadMenu_MyCustomSkin .rmVertical .rmFocused, .RadMenu_MyCustomSkin .rmVertical .rmExpanded, .RadMenu_MyCustomSkin .rmVertical .rmExpanded:hover {
            padding-top: 0;
            padding-bottom: 0;
            border-style: solid;
            border-color: #a7ccf6;
            border-width: 1px 0;
        }

    .RadMenu_MyCustomSkin .rmVertical .rmFirst .rmLink:hover, .RadMenu_MyCustomSkin .rmVertical .rmFirst .rmFocused, .RadMenu_MyCustomSkin .rmVertical .rmFirst .rmExpanded, .RadMenu_MyCustomSkin .rmVertical .rmFirst .rmExpanded:hover {
        padding-top: 1px;
        padding-bottom: 0;
        border-top-width: 0;
    }

    .RadMenu_MyCustomSkin .rmVertical .rmLast .rmLink:hover, .RadMenu_MyCustomSkin .rmVertical .rmLast .rmFocused, .RadMenu_MyCustomSkin .rmVertical .rmLast .rmExpanded, .RadMenu_MyCustomSkin .rmVertical .rmLast .rmExpanded:hover {
        padding-bottom: 1px;
        padding-top: 0;
        border-bottom-width: 0;
    }

    .RadMenu_MyCustomSkin .rmVertical .rmItem .rmDisabled:hover {
        padding-top: 1px;
        padding-bottom: 1px;
        border-width: 0;
    }

    .RadMenu_MyCustomSkin .rmExpanded, .RadMenu_MyCustomSkin .rmExpanded:hover {
        background-color: #fff;
        background-position: 0 -72px;
    }

        .RadMenu_MyCustomSkin .rmExpanded .rmText, .RadMenu_MyCustomSkin .rmExpanded:hover .rmText {
            background-position: 100% -96px;
        }

    .RadMenu_MyCustomSkin .rmLast .rmExpanded .rmText {
        background-position: 0 500px;
        background-repeat: no-repeat;
    }

    .RadMenu_MyCustomSkin .rmDisabled, .RadMenu_MyCustomSkin .rmDisabled:hover {
        color: #7d7d7d;
        background-color: transparent;
    }

    /* </Root items> */


    /* <Submenu items> */

    .RadMenu_MyCustomSkin .rmGroup, .RadMenu_MyCustomSkin .rmGroup .rmVertical {
        border: 1px solid #979797;
        background: #fff url('<%=WebResource("Telerik.Web.UI.Skins.MyCustomSkin.Menu.rmVSprite.png")%>') repeat-y 0 0;
    }

    .RadMenu_MyCustomSkin .rmSlide .rmScrollWrap {
        background-image: none;
    }

.RadMenu_MyCustomSkin_rtl .rmGroup, .RadMenu_MyCustomSkin_rtl .rmGroup .rmVertical {
    background-position: 100% 0;
}

.RadMenu_MyCustomSkin .rmRootGroup .rmHorizontal {
    background-image: none;
}

.RadMenu_MyCustomSkin .rmScrollWrap .rmVertical {
    border: 0;
}

.RadMenu_MyCustomSkin .rmGroup .rmItem .rmLink, .RadMenu_MyCustomSkin .rmGroup .rmItem .rmLink:hover, .RadMenu_MyCustomSkin .rmGroup .rmItem .rmFocused, .RadMenu_MyCustomSkin .rmGroup .rmItem .rmExpanded {
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
}

.RadMenu_MyCustomSkin .rmGroup .rmLast .rmLink, .RadMenu_MyCustomSkin .rmGroup .rmLast .rmLink:hover, .RadMenu_MyCustomSkin .rmGroup .rmLast .rmFocused, .RadMenu_MyCustomSkin .rmGroup .rmLast .rmExpanded {
    padding-bottom: 1px;
}

.RadMenu_MyCustomSkin .rmGroup .rmLink, .RadMenu_MyCustomSkin .rmGroup .rmText, .RadMenu_MyCustomSkin .rmGroup .rmItem .rmDisabled, .RadMenu_MyCustomSkin .rmGroup .rmItem .rmDisabled:hover, .RadMenu_MyCustomSkin .rmGroup .rmItem .rmDisabled .rmText, .RadMenu_MyCustomSkin .rmGroup .rmItem .rmDisabled:hover .rmText {
    background-position: 0 500px;
    background-repeat: no-repeat;
    background-color: transparent;
}

    .RadMenu_MyCustomSkin .rmGroup .rmLink:hover, .RadMenu_MyCustomSkin .rmGroup .rmFocused, .RadMenu_MyCustomSkin .rmGroup .rmExpanded {
        background-position: 0 -168px;
    }

        .RadMenu_MyCustomSkin .rmGroup .rmLink:hover .rmText, .RadMenu_MyCustomSkin .rmGroup .rmFocused .rmText, .RadMenu_MyCustomSkin .rmGroup .rmExpanded .rmText {
            background-position: 100% -192px;
        }

    /* <expand arrows> */

    .RadMenu_MyCustomSkin .rmGroup .rmExpandRight, .RadMenu_MyCustomSkin .rmGroup .rmExpandDown, .RadMenu_MyCustomSkin .rmGroup .rmItem .rmDisabled .rmExpandRight, .RadMenu_MyCustomSkin .rmGroup .rmItem .rmDisabled .rmExpandDown, .RadMenu_MyCustomSkin .rmGroup .rmItem .rmDisabled:hover .rmExpandRight, .RadMenu_MyCustomSkin .rmGroup .rmItem .rmDisabled:hover .rmExpandDown {
        background-position: 100% -216px;
    }

    .RadMenu_MyCustomSkin .rmGroup .rmLink:hover .rmExpandRight, .RadMenu_MyCustomSkin .rmGroup .rmFocused .rmExpandRight, .RadMenu_MyCustomSkin .rmGroup .rmExpanded .rmExpandRight, .RadMenu_MyCustomSkin .rmGroup .rmLink:hover .rmExpandDown, .RadMenu_MyCustomSkin .rmGroup .rmFocused .rmExpandDown, .RadMenu_MyCustomSkin .rmGroup .rmExpanded .rmExpandDown {
        background-position: 100% -240px;
    }

.RadMenu_MyCustomSkin .rmGroup .rmDisabled:hover .rmExpandRight, .RadMenu_MyCustomSkin .rmGroup .rmDisabled:hover .rmExpandDown {
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.MyCustomSkin.Menu.rmSprite.png")%>');
    background-position: 100% -216px;
}

/* </expand arrows> */

/* <rtl> */

.RadMenu_MyCustomSkin_rtl .rmLink {
    background-position: 100% -96px;
}

.RadMenu_MyCustomSkin_rtl .rmText {
    background-position: 0 -72px;
}

.RadMenu_MyCustomSkin_rtl .rmVertical .rmExpanded .rmText, .RadMenu_MyCustomSkin_rtl .rmVertical .rmExpanded:hover .rmText {
    background-position: 0 500px;
    background-repeat: no-repeat;
}

.RadMenu_MyCustomSkin_rtl .rmGroup .rmLink:hover, .RadMenu_MyCustomSkin_rtl .rmGroup .rmFocused, .RadMenu_MyCustomSkin_rtl .rmGroup .rmExpanded {
    background-position: 100% -264px;
}

    .RadMenu_MyCustomSkin_rtl .rmGroup .rmLink:hover .rmText, .RadMenu_MyCustomSkin_rtl .rmGroup .rmFocused .rmText, .RadMenu_MyCustomSkin_rtl .rmGroup .rmExpanded .rmText {
        background-position: 0 -288px;
    }

.RadMenu_MyCustomSkin_rtl .rmGroup .rmExpandLeft {
    background-position: 0 -312px;
}

.RadMenu_MyCustomSkin_rtl .rmGroup .rmLink:hover .rmExpandLeft, .RadMenu_MyCustomSkin_rtl .rmGroup .rmFocused .rmExpandLeft, .RadMenu_MyCustomSkin_rtl .rmGroup .rmExpanded .rmExpandLeft {
    background-position: 0 -336px;
}

/* </rtl> */

/* </Submenu items> */

/* <Submenu offsets (MyCustomSkin - specific, overlapping submenus)> */

.RadMenu_MyCustomSkin .rmSlide {
    margin: 0 0 0 -1px;
}

    .RadMenu_MyCustomSkin .rmVertical .rmSlide, .RadMenu_MyCustomSkin .rmSlide .rmSlide, .RadMenu_MyCustomSkin_Context .rmGroup .rmSlide {
        margin: 0 0 0 -5px;
    }

.RadMenu_MyCustomSkin_rtl .rmSlide {
    margin: 0 0 0 0;
}

.RadMenu_MyCustomSkin_rtl .rmFirst .rmSlide {
    margin-left: 1px;
}

.RadMenu_MyCustomSkin_rtl .rmVertical .rmSlide, .RadMenu_MyCustomSkin_rtl .rmSlide .rmSlide, .RadMenu_MyCustomSkin_Context_rtl .rmGroup .rmSlide {
    margin: 0 0 0 5px;
}

/* </Submenu offsets> */

/* <Scrolling arrows> */

.RadMenu_MyCustomSkin .rmLeftArrow, .RadMenu_MyCustomSkin .rmRightArrow {
    background-color: #E6E6E6;
}

.RadMenu_MyCustomSkin .rmLeftArrow {
    background-position: -8px -312px;
    border-right: 1px solid #a7ccf6;
}

.RadMenu_MyCustomSkin .rmRightArrow {
    background-position: -482px -216px;
    border-left: 1px solid #a7ccf6;
}

.RadMenu_MyCustomSkin .rmTopArrow, .RadMenu_MyCustomSkin .rmBottomArrow, .RadMenu_MyCustomSkin .rmGroup .rmLeftArrow, .RadMenu_MyCustomSkin .rmGroup .rmRightArrow {
    background-color: #E6E6E6;
}

.RadMenu_MyCustomSkin .rmTopArrow {
    background-position: 50% -367px;
    border-bottom: 1px solid #a7ccf6;
}

.RadMenu_MyCustomSkin .rmBottomArrow {
    background-position: 50% -391px;
    border-top: 1px solid #a7ccf6;
}

/* </Scrolling arrows> */

/* <Separators> */

.RadMenu_MyCustomSkin .rmHorizontal .rmSeparator .rmText, .RadMenu_MyCustomSkin .rmVertical .rmHorizontal .rmSeparator .rmText {
    height: 22px;
    margin: 1px 0 0;
    width: 1px;
    background-color: #A8A8A8;
}

.RadMenu_MyCustomSkin_Context .rmSeparator .rmText, .RadMenu_MyCustomSkin .rmHorizontal .rmGroup .rmSeparator .rmText, .RadMenu_MyCustomSkin .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText {
    background-color: transparent;
    background-position: 0 -406px;
}

/* </Separators> */

/* </RadMenu / MyCustomSkin> */
/*Telerik Grid Stylesheet*/

/*Telerik RadGrid DashbordSkin Skin*/

/*global*/

.RadGrid_DashbordSkin {
    border: 1px solid #a7ccf6;
    background: #e9f0f9;
    color: #333;
}

    .RadGrid_DashbordSkin, .RadGrid_DashbordSkin .rgMasterTable, .RadGrid_DashbordSkin .rgDetailTable, .RadGrid_DashbordSkin .rgGroupPanel table, .RadGrid_DashbordSkin .rgCommandRow table, .RadGrid_DashbordSkin .rgEditForm table, .GridToolTip_MyCustomSkin {
        font: 12px/16px "segoe ui",arial,sans-serif;
    }

        .RadGrid_DashbordSkin .rgMasterTable, .RadGrid_DashbordSkin .rgDetailTable {
            border-collapse: separate !important;
        }

        .RadGrid_DashbordSkin .rgRow, .RadGrid_DashbordSkin .rgAltRow, .RadGrid_DashbordSkin .rgHeader, .RadGrid_DashbordSkin .rgResizeCol, .RadGrid_DashbordSkin .rgPager, .RadGrid_DashbordSkin .rgGroupPanel {
            cursor: default;
        }

            .RadGrid_DashbordSkin .rgRow td, .RadGrid_DashbordSkin .rgAltRow td, .RadGrid_DashbordSkin .rgEditRow td, .RadGrid_DashbordSkin .rgFooter td, .RadGrid_DashbordSkin .rgFilterRow td, .RadGrid_DashbordSkin .rgHeader, .RadGrid_DashbordSkin .rgResizeCol, .RadGrid_DashbordSkin .rgGroupHeader td {
                padding-left: 7px;
                padding-right: 7px;
            }

        .RadGrid_DashbordSkin .rgAdd, .RadGrid_DashbordSkin .rgRefresh, .RadGrid_DashbordSkin .rgEdit, .RadGrid_DashbordSkin .rgDel, .RadGrid_DashbordSkin .rgFilter, .RadGrid_DashbordSkin .rgPagePrev, .RadGrid_DashbordSkin .rgPageNext, .RadGrid_DashbordSkin .rgPageFirst, .RadGrid_DashbordSkin .rgPageLast, .RadGrid_DashbordSkin .rgExpand, .RadGrid_DashbordSkin .rgCollapse, .RadGrid_DashbordSkin .rgSortAsc, .RadGrid_DashbordSkin .rgSortDesc, .RadGrid_DashbordSkin .rgUpdate, .RadGrid_DashbordSkin .rgCancel {
            width: 16px;
            height: 16px;
            border: 0;
            margin: 0;
            padding: 0;
            background-color: transparent;
            background-image: url('../Images/Grid/sprite.gif'); /*Filter img sets here*/
            background-repeat: no-repeat;
            vertical-align: middle;
            font-size: 1px;
            cursor: pointer;
        }

        .RadGrid_DashbordSkin .rgGroupItem input, .RadGrid_DashbordSkin .rgCommandRow img, .RadGrid_DashbordSkin .rgHeader input, .RadGrid_DashbordSkin .rgFilterRow img, .RadGrid_DashbordSkin .rgPager img {
            vertical-align: middle;
        }

        /*header*/

        .RadGrid_DashbordSkin .rgHeaderDiv {
            /*background:#eee 0 -5900px repeat-x url('../Images/Grid/sprite.gif');     background-color: Red;*/
            background-color: #254c7a;
        }

.rgTwoLines .rgHeaderDiv {
    background-position: 0 -6200px;
}

.rgNoScrollImage .rgHeaderDiv {
    background-image: none;
}

/*.RadGrid_DashbordSkin .rgHeader,*/
.RadGrid_DashbordSkin .rgHeader {
    border: 0;
    border-bottom: 1px solid #a7ccf6;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #254c7a;
    text-align: left;
    font-weight: normal;
    color: White;
}

.RadGrid_DashbordSkin th.rgResizeCol {
    border: 0;
    border-bottom: 1px solid #a7ccf6;
    padding-top: 5px;
    padding-bottom: 4px;
    background: #eaeaea 0 -2300px repeat-x url('../Images/Grid/sprite.gif');
    text-align: left;
    font-weight: normal;
}

.RadGrid_DashbordSkin th.rgSorted {
    background-color: #c4c4c4;
    background-position: 0 -2600px;
}

.RadGrid_DashbordSkin .rgHeader, .RadGrid_DashbordSkin .rgHeader a {
    color: White;
    text-decoration: none;
}

/*rows*/

.RadGrid_DashbordSkin .rgRow td, .RadGrid_DashbordSkin .rgAltRow td, .RadGrid_DashbordSkin .rgEditRow td, .RadGrid_DashbordSkin .rgFooter td {
    border: 0;
    border-bottom: 1px solid;
    padding-top: 4px;
    padding-bottom: 3px;
}

.RadGrid_DashbordSkin .rgAltRow {
    background: #fff;
}

    .RadGrid_DashbordSkin .rgRow td, .RadGrid_DashbordSkin .rgAltRow td {
        border-color: #fff;
    }

.RadGrid_DashbordSkin .rgAltRow {
    background: #fff;
}

.RadGrid_DashbordSkin .rgRow .rgSorted {
    background-color: #e9f0f9;
}

.RadGrid_DashbordSkin .rgAltRow .rgSorted {
    background-color: #fff;
}

.RadGrid_DashbordSkin .rgSelectedRow .rgSorted, .RadGrid_DashbordSkin .rgActiveRow .rgSorted, .RadGrid_DashbordSkin .rgHoveredRow .rgSorted, .RadGrid_DashbordSkin .rgEditRow .rgSorted {
    background-color: transparent;
}

.RadGrid_DashbordSkin .rgRow a, .RadGrid_DashbordSkin .rgAltRow a, .RadGrid_DashbordSkin .rgEditRow a, .RadGrid_DashbordSkin .rgFooter a, .RadGrid_DashbordSkin .rgEditForm a {
    color: #000;
}

.RadGrid_DashbordSkin .rgSelectedRow {
    background: #a7ccf6; /*0 -3900px repeat-x url('../Images/Grid/sprite.gif');*/
    color: #fff;
}

    * + html .RadGrid_DashbordSkin .rgSelectedRow .rgSorted {
        background-color: #a7ccf6;
    }

    * html .RadGrid_DashbordSkin .rgSelectedRow .rgSorted {
        background-color: #a7ccf6;
    }

.RadGrid_DashbordSkin .rgActiveRow, .RadGrid_DashbordSkin .rgHoveredRow {
    background: #c5c5c5 0 -2900px repeat-x url('../Images/Grid/sprite.gif');
    color: #333;
}

    * + html .RadGrid_DashbordSkin .rgActiveRow .rgSorted, * + html .RadGrid_DashbordSkin .rgHoveredRow .rgSorted {
        background-color: #c5c5c5;
    }

    * html .RadGrid_DashbordSkin .rgActiveRow .rgSorted, * html .RadGrid_DashbordSkin .rgHoveredRow .rgSorted {
        background-color: #c5c5c5;
    }

.RadGrid_DashbordSkin .rgEditRow {
    background: #fff 0 -4900px repeat-x url('../Images/Grid/sprite.gif');
}

    * + html .RadGrid_DashbordSkin .rgEditRow .rgSorted {
        background-color: #fff;
    }

    * html .RadGrid_DashbordSkin .rgEditRow .rgSorted {
        background-color: #fff;
    }

.RadGrid_DashbordSkin .rgActiveRow td, .RadGrid_DashbordSkin .rgActiveRow td.rgSorted, .RadGrid_DashbordSkin .rgHoveredRow td, .RadGrid_DashbordSkin .rgHoveredRow td.rgSorted {
    border-bottom-color: #9e9e9e;
}

.RadGrid_DashbordSkin .rgSelectedRow td, .RadGrid_DashbordSkin .rgSelectedRow td.rgSorted {
    border-bottom-color: #6c6c6c;
}

/*footer*/

.RadGrid_DashbordSkin .rgFooterDiv, .RadGrid_DashbordSkin .rgFooter {
    background: #eee;
}

    .RadGrid_DashbordSkin .rgFooter td {
        border-top: 1px solid #a7ccf6;
        border-bottom: 1px solid #fff;
    }

/*status*/

.RadGrid_DashbordSkin .rgStatus {
    width: 35px;
    border: 1px solid;
    border-color: #a7ccf6 #c9c9c9 #eee #eee;
    border-left: 0;
    padding: 3px 0 2px;
}

    .RadGrid_DashbordSkin .rgStatus div {
        width: 24px;
        height: 24px;
        overflow: hidden;
        border: 0;
        margin: 0 auto;
        padding: 0; /*background:transparent 0 0 no-repeat url('<%=WebResource("Telerik.Web.UI.Skins.MyCustomSkin.Grid.loading.gif")%>');*/
        text-indent: -2222px;
    }

/*pager*/

.RadGrid_DashbordSkin .rgPager {
    background: #eee;
}

.RadGrid_DashbordSkin .rgPagerCell {
    border: 1px solid;
    border-color: #a7ccf6 #eee #eee;
    border-right: 0;
    padding: 3px 0 2px;
}

.RadGrid_DashbordSkin .rgWrap {
    float: left;
    padding: 0 10px;
    line-height: 26px;
    white-space: nowrap;
}

.RadGrid_DashbordSkin .rgArrPart1 {
    padding-right: 0;
    line-height: 22px;
}

.RadGrid_DashbordSkin .rgArrPart2 {
    padding-left: 0;
    line-height: 22px;
}

.RadGrid_DashbordSkin .rgInfoPart {
    float: right;
    color: #8a8a8a;
}

    .RadGrid_DashbordSkin .rgInfoPart strong {
        font-weight: normal;
        color: #4c4e54;
    }

.RadGrid_DashbordSkin .rgPageFirst, .RadGrid_DashbordSkin .rgPagePrev, .RadGrid_DashbordSkin .rgPageNext, .RadGrid_DashbordSkin .rgPageLast {
    width: 22px;
    height: 24px;
}

.RadGrid_DashbordSkin .rgPageFirst {
    background-position: 0 -549px;
}

    .RadGrid_DashbordSkin .rgPageFirst:hover {
        background-position: 0 -599px;
    }

.RadGrid_DashbordSkin .rgPagePrev {
    background-position: 0 -699px;
}

    .RadGrid_DashbordSkin .rgPagePrev:hover {
        background-position: 0 -749px;
    }

.RadGrid_DashbordSkin .rgPageNext {
    background-position: 0 -849px;
}

    .RadGrid_DashbordSkin .rgPageNext:hover {
        background-position: 0 -899px;
    }

.RadGrid_DashbordSkin .rgPageLast {
    background-position: 0 -999px;
}

    .RadGrid_DashbordSkin .rgPageLast:hover {
        background-position: 0 -1049px;
    }

.RadGrid_DashbordSkin .rgPagerButton {
    height: 22px;
    border: 1px solid;
    border-color: #d0d0d0 #aeaeae #8b8b8b;
    margin: 0 14px 0 0;
    padding: 0 4px 2px;
    background: transparent repeat-x 0 -1550px url('../Images/Grid/sprite.gif');
    color: #000;
    font: 12px/12px "segoe ui",arial,sans-serif;
    vertical-align: middle;
    cursor: pointer;
}

.RadGrid_DashbordSkin .rgNumPart {
    padding: 2px 0;
}

.RadGrid_DashbordSkin .NumericPages .rgNumPart {
    padding: 2px 10px;
}

.RadGrid_DashbordSkin .rgNumPart a:hover, .RadGrid_DashbordSkin .rgNumPart a:hover span, .RadGrid_DashbordSkin .rgNumPart a.rgCurrentPage, .RadGrid_DashbordSkin .rgNumPart a.rgCurrentPage span {
    background: no-repeat url('../Images/Grid/sprite.gif');
}

.RadGrid_DashbordSkin .rgNumPart a {
    float: left;
    line-height: 22px;
    margin: 0;
    padding: 0 5px 0 0;
    color: #000;
    text-decoration: none;
}

.RadGrid_DashbordSkin .rgNumPart span {
    float: left;
    padding: 0 0 0 5px;
}

.RadGrid_DashbordSkin .rgNumPart a:hover {
    background-position: 100% -1250px;
}

    .RadGrid_DashbordSkin .rgNumPart a:hover span {
        background-position: 0 -1150px;
        cursor: pointer;
    }

.RadGrid_DashbordSkin .rgNumPart a.rgCurrentPage, .RadGrid_DashbordSkin .rgNumPart a.rgCurrentPage:hover {
    background-position: 100% -1450px;
    cursor: default;
}

    .RadGrid_DashbordSkin .rgNumPart a.rgCurrentPage span, .RadGrid_DashbordSkin .rgNumPart a.rgCurrentPage:hover span {
        background-position: 0 -1350px;
        cursor: default;
    }

.RadGrid_DashbordSkin .NextPrevNumericAndAdvanced .rgAdvPart {
    float: none;
    text-align: center;
}

.RadGrid_DashbordSkin .rgPager .RadSlider {
    float: left;
    margin: 2px 10px 0 0;
}

.RadGrid_DashbordSkin .rgPagerLabel, .RadGrid_DashbordSkin .rgPager .RadComboBox, .RadGrid_DashbordSkin .rgPager .RadInput_MyCustomSkin {
    margin: 0 4px 0 0;
    vertical-align: middle;
}

.RadGrid_DashbordSkin .rgPager .RadComboBox {
    margin-top: -1px;
}

* + html .RadGrid_DashbordSkin .rgPager .RadComboBox {
    margin-top: -2px;
}

* html .RadGrid_DashbordSkin .rgPager .RadComboBox {
    margin-top: -2px;
}

.RadGrid_DashbordSkin .rgPagerTextBox {
    text-align: center;
}

/*sorting, reordering*/

/*.RadGrid_DashbordSkin .rgHeader .rgSortAsc
{
	background-position:3px -248px;
	height:10px;
}*/

.RadGrid_DashbordSkin .rgSortAsc {
    background-position: 3px -198px;
    height: 10px;
}

/*.RadGrid_DashbordSkin .rgHeader .rgSortDesc
{
	background-position:3px -198px;
	height:10px;
}*/

.GridReorderTop_MyCustomSkin, .GridReorderBottom_MyCustomSkin {
    width: 9px !important;
    height: 9px !important;
    margin-left: -5px;
    background: 0 0 no-repeat url('../Images/Grid/sprite.gif');
}

.GridReorderBottom_MyCustomSkin {
    background-position: 0 -50px;
}

/*filtering*/

.RadGrid_DashbordSkin .rgFilterRow {
    background: #ffffff;
}

    .RadGrid_DashbordSkin .rgFilterRow td {
        border-bottom: 1px solid #a7ccf6;
        padding-top: 4px;
        padding-bottom: 7px;
    }

.RadGrid_DashbordSkin .rgFilter {
    width: 22px;
    height: 22px;
    margin: 0 0 0 2px;
    background-position: 0 -300px;
}

    .RadGrid_DashbordSkin .rgFilter:hover {
        background-position: 0 -350px;
    }

.RadGrid_DashbordSkin .rgFilterBox {
    border: 1px solid;
    border-color: #8e8e8e #c9c9c9 #c9c9c9 #8e8e8e;
    padding: 2px 1px 3px;
    font: 12px "segoe ui",arial,sans-serif;
    color: #333;
    vertical-align: middle;
}

/*grouping*/

.RadGrid_DashbordSkin .rgGroupPanel {
    height: 24px;
    border: 0;
    border-bottom: 1px solid #a7ccf6;
    background: #eee 0 -1900px repeat-x url('../Images/Grid/sprite.gif');
}

    .RadGrid_DashbordSkin .rgGroupPanel td {
        border: 0;
        padding: 3px 4px;
    }

        .RadGrid_DashbordSkin .rgGroupPanel td td {
            padding: 0;
        }

    .RadGrid_DashbordSkin .rgGroupPanel .rgSortAsc {
        background-position: 4px -143px;
    }

    .RadGrid_DashbordSkin .rgGroupPanel .rgSortDesc {
        background-position: 4px -93px;
    }

.RadGrid_DashbordSkin .rgGroupItem {
    border: 1px solid;
    border-color: #c4c4c4 #c4c4c4 #9e9e9e;
    padding: 1px 2px 4px 3px;
    background: #c6c6c6 0 -6500px repeat-x url('../Images/Grid/sprite.gif');
}

.RadGrid_DashbordSkin .rgMasterTable td.rgGroupCol, .RadGrid_DashbordSkin .rgMasterTable td.rgExpandCol {
    border-color: #d9d9d9;
    background: #d9d9d9 none;
}

.RadGrid_DashbordSkin .rgGroupHeader {
    background: #d9d9d9;
    font-size: 1.1em;
    color: #000;
}

    .RadGrid_DashbordSkin .rgGroupHeader td {
        border-top: 1px solid #a7ccf6;
        border-bottom: 1px solid #d9d9d9;
        padding-top: 1px;
        padding-bottom: 4px;
    }

        .RadGrid_DashbordSkin .rgGroupHeader td.rgGroupCol {
            border-top-color: #a7ccf6;
        }

.RadGrid_DashbordSkin .rgExpand {
    background-position: 5px -496px;
}

.RadGrid_DashbordSkin .rgCollapse {
    background-position: 3px -444px;
}

.RadGrid_DashbordSkin .rgGroupHeader td p {
    display: inline;
    padding: 0 10px;
}

.RadGrid_DashbordSkin .rgGroupHeader td div div {
    top: -0.5em;
    padding: 0 10px;
}

    .RadGrid_DashbordSkin .rgGroupHeader td div div div {
        top: 0;
        padding: 0;
        border: 0;
    }

/*editing*/

.RadGrid_DashbordSkin .rgEditForm {
    border-bottom: 1px solid #a7ccf6;
}

.RadGrid_DashbordSkin .rgUpdate {
    background-position: 0 -1800px;
}

.RadGrid_DashbordSkin .rgCancel {
    background-position: 2px -1848px;
}

/*hierarchy*/

.RadGrid_DashbordSkin .rgDetailTable {
    border: 1px solid #a7ccf6;
    border-right: 0;
}

/*command row*/

.RadGrid_DashbordSkin .rgCommandRow {
    background: #c5c5c5 0 -2099px repeat-x url('../Images/Grid/sprite.gif');
    color: #000;
}

    .RadGrid_DashbordSkin .rgCommandRow td {
        border: 1px solid;
        border-color: #999 #fff;
        border-top: 0;
        padding: 0;
    }

.RadGrid_DashbordSkin tfoot .rgCommandRow td {
    border-top: 1px solid;
    border-bottom: 0;
}

.RadGrid_DashbordSkin tr.rgCommandRow td td {
    border: 0;
    padding: 3px 7px 4px;
}

    .RadGrid_DashbordSkin tr.rgCommandRow td td td {
        padding: 1px;
    }

.RadGrid_DashbordSkin .rgCommandRow table {
    border: 0;
    border-top: 1px solid #fdfdfd;
    border-bottom: 1px solid #e7e7e7;
}

    .RadGrid_DashbordSkin .rgCommandRow table table {
        border: 0;
    }

.RadGrid_DashbordSkin .rgCommandRow a {
    color: #000;
    text-decoration: none;
}

.RadGrid_DashbordSkin .rgAdd {
    margin-right: 3px;
    background-position: 0 -1650px;
}

.RadGrid_DashbordSkin .rgRefresh {
    margin-right: 3px;
    background-position: 0 -1600px;
}

.RadGrid_DashbordSkin .rgEdit {
    background-position: 0 -1700px;
}

.RadGrid_DashbordSkin .rgDel {
    background-position: 0 -1750px;
}

/*----- RadGridCompleted----*/
.modalBackground {
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.8;
}

.modalPopup {
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 300px;
    height: 140px;
}

.ui-dialog {
    width: 500px !important;
    top: 75px !important;
    border-color: #254c7a !important;
    background-color: #011E3F !important;
}

.ui-dialog-titlebar {
    border-color: #254c7a !important;
    color: #ffffff !important;
    background-color: none !important;
    background-color: transparent !important;
}

.ui-dialog-content {
    height: 115px !important;
}

.descriptionlist_popup {
    z-index: 111;
    padding: 0px;
    border: none;
    position: absolute;
    top: 0;
    left: 705px;
    background: #E1E9F5;
    color: black;
    display: none;
    /* max-width: 500; */ /* Corey, 2013, says: does not work in ie, firefox, causes truncation in Chrome */
    font-size: 8pt;
    font-family: verdana;
    margin: 0;
    overflow: auto;
    border-color: #0094ff;
    border-radius: 5px;
}



.divCmt {
    border: 2px solid #e1e1e1 !important;
    font-family: Arial,Tahoma, Verdana,sans-serif !important;
    width: 57% !important;
    display: block;
    overflow: hidden;
    margin: 5px 0px;
    padding: 2px 0px;
    border-radius: 5px !important;
}

.tblHeader {
    padding-left: 15px;
    border: solid 1px white;
    font-size: 13px;
    font-weight: normal;
    color: #fff;
    vertical-align: middle;
    background-color: #254c7a;
    height: 40px;
    width: 13%;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: 0 !important;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
    height: 20px !important;
    color: #000000 !important;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
    background-color: #254c7a !important;
}

.ui-dialog-titlebar .ui-state-hover .ui-icon {
    background-image: url(../Images/cancel.png) !important;
}

.lblHeading {
    color: #000000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 9px;
    display: block;
    font-size: 16px;
    font-weight: bold;
}

.breadcrumplabel {
    padding-right: 5px;
    font-size: 14px;
    color: #000000;
    float: right;
    display: inline-block;
    padding-top: 15px;
}

.breadcrumpdrop {
    margin-right: 20px;
    margin-top: 8px;
    float: right;
    height: 30px !important;
    border: 1px solid #9dc7fc !important;
    padding: 0px;
    font-size: 12px;
}

.ApplyValidationClass {
    border: 1px solid red !important;
    line-height: 20px;
    font-family: Arial,Tahoma, Verdana,sans-serif;
    font-size: 8pt;
    color: #000000;
}

.RemoveValidationClass {
    line-height: 20px;
    border: 1px solid #ababab;
    font-family: Arial,Tahoma, Verdana,sans-serif;
    font-size: 8pt;
    color: #000000;
}

.pagetitlename {
    font-size: 15px;
    font-weight: bold;
    margin: 5px 0px 0px 20px;
    display: inline-block;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.fromdatediv {
    float: left;
    margin-right: 20px;
}

.todatediv {
    margin-right: 35px !important;
}

.datepickerdiv span {
    font-size: 14px;
    float: none;
    display: block;
}

.datepickerdiv {
    display: inline-block;
    color: #011e3f;
}

    .datepickerdiv input {
        width: 75px !important;
        height: 40px;
        border: 1px solid #9dc7fc !important;
        margin-top: 2px !important;
        font-size: 13px !important;
    }

    .datepickerdiv img {
        margin-top: -4px;
    }

.headerfilterrow {
    width: auto;
    float: none;
    display: block;
    height: 50px;
    margin-top: 4px;
    margin-left: 8px;
}

.headerfilterinfo {
    width: 100%;
    float: none;
    display: block;
    height: auto;
    float: left;
    margin-left: 8px;
    color: #011e3f;
}

.filtercheckbox {
    font-size: 11px !important;
    font-weight: bold;
    float: left;
    margin: 24px 25px 0px 0px;
    color: #011e3f;
}

    .filtercheckbox label {
        padding-left: 2px;
    }

.filterradiobutton {
    font-size: 11px;
    font-weight: bold;
    float: left;
    margin: 26px 25px 0px 0px;
    color: #011e3f;
}

.filterradiolabel {
    display: block;
    margin-bottom: 9px;
}

.filtercombobox {
    margin: 0px 25px 0px 0px;
    font-size: 14px !important;
    float: left;
    color: #011e3f;
}

    .filtercombobox span, .filtercombobox label {
        display: block;
        font-family: arial;
        width: auto;
        font-size: 11px !important;
        font-weight: bold;
        padding-bottom: 0px;
        margin-bottom: 0px;
        font-family: arial;
    }

    .filtercombobox select {
        height: 30px;
        width: 180px;
        border: 1px solid #9dc7fc !important;
        margin-top: 6px;
        font-size: 14px;
        line-height: 12px;
        padding-top: 0px !important;
    }

.filtercomboboxnolabel {
    margin: 16px 25px 0px 0px;
    font-size: 14px !important;
    float: left;
    color: #011e3f;
}

    .filtercomboboxnolabel select {
        height: 30px;
        width: 180px;
        border: 1px solid #9dc7fc !important;
        margin-top: 6px;
        font-size: 14px;
        line-height: 12px;
        padding-top: 0px !important;
    }

.filtertextbox {
    margin: 0px 25px 0px 0px;
    font-size: 14px;
    float: left;
    color: #011e3f;
}

    .filtertextbox span {
        display: block;
        font-size: 11px !important;
        font-weight: bold;
        padding-bottom: 0px;
        margin-bottom: 0px;
        font-family: arial;
    }

    .filtertextbox input {
        height: 24px;
        width: 180px;
        border: 1px solid #9dc7fc !important;
        margin-top: 6px;
        font-size: 13px;
        line-height: 20px;
        padding-top: 4px !important;
    }

.filterbtngroup input, .filterbtngroup button {
    margin-top: 20px;
    margin-right: 10px;
    padding-right: 8px !important;
    padding-left: 8px !important;
}

.riTextBox {
    /*height:23px !important;*/
}

HTML BODY .RadInput .riTextBox {
    padding: auto !important;
    line-height: 20px;
    padding-left: 4px;
}

.headerfilterinfo p {
    float: left;
    font-size: 15px;
}

.completedlistdatepikr {
    margin: 18px 20px 0px 0px !important;
}

    .completedlistdatepikr span.labelfromtodate {
        padding-top: 0px;
    }

.headerfilterinfo p, .headerfilterinfo span {
    font-size: 11px;
    color: #011e3f;
    padding-right: 10px;
    text-transform: uppercase;
}

    .headerfilterinfo span:first-child {
        font-weight: bold;
    }

    .headerfilterinfo span:last-child {
        float: right !important;
        padding-left: 5px;
    }

.headerfilterinfo p {
    text-transform: lowercase;
}

    .headerfilterinfo p:first-letter {
        text-transform: uppercase;
    }

.datepickerstyle {
    margin: 16px 20px 0px 0px;
    display: inline-block;
    float: left;
    color: #011e3f;
}

    .datepickerstyle span {
        font-size: 11px;
        font-weight: bold;
    }

    .datepickerstyle .riTextBox {
        border: 1px solid #9dc7fc !important;
        height: 23px;
    }

    .datepickerstyle .labelfromtodate {
        padding-top: 10px;
        display: inline-block;
    }

#lblScheduleDate, #lblStartDate {
    font-weight: bold;
}

.inspectionreportdatepik .datepickerlabel, .emaildatepik .datepickerlabel {
    display: block;
    padding-top: 10px;
}

.inspectionreportdatepik .labelfromtodate, .emaildatepik .labelfromtodate {
    padding-top: 2px;
    display: inline-block;
    color: #011e3f;
}

.inspectionreportdatepik .riTextBox {
    height: 23px;
}

.emaildatepik .riTextBox {
    height: 30px;
}

.pendinginspectiondatepik .labelfromtodate {
    padding-top: 2px;
    display: inline-block;
}

.inspectionpendingdatepik .riTextBox {
    height: 30px !important;
}

.inspectionpendingdatepik .labelfromtodate, .inspectorallocdatepik .labelfromtodate,
.templatereportdatepik .labelfromtodate, .importscheduledatepik .labelfromtodate,
.selectinspectiondatepik .labelfromtodate {
    padding-top: 2px;
}

.filterfieldset FIELDSET {
    border: 0px;
}

.inspectionpendingdatepik, .inspectorallocdatepik, .templatereportdatepik {
    margin: 19px 20px 0px 0px;
}

.inspectionpendingdatepik {
    margin: 15px 20px 0px 0px;
}

.pendinginspectiondatepik {
    margin: 17px 20px 0px 0px;
}

    .pendinginspectiondatepik .riTextBox {
        height: 23px;
    }

.selectinspectiondatepik .riTextBox {
    height: 30px;
    margin-top: 0px;
}

.inspectionreportdatepik, .importscheduledatepik {
    margin: 17px 20px 0px 0px;
}

.lettermailingdatepik {
    margin: 18px 20px 0px 0px;
}

    .lettermailingdatepik .riTextBox {
        height: 23px;
    }

    .lettermailingdatepik .labelfromtodate {
        padding-top: 2px;
    }

.daytextbox input {
    height: 30px !important;
}

.headerinfolabel {
    margin: 28px 20px 0px 0px;
    float: left;
    font-size: 11px !important;
    font-weight: bold;
    color: #011e3f;
}

.filterfieldset {
    font-size: 11px;
    font-weight: bold;
    color: #011e3f;
    display: inline-block;
    float: left;
    margin-right: 20px;
}

    .filterfieldset fieldset {
        border: 1px solid #999999;
        padding-bottom: 6px;
    }

    .filterfieldset .filterradiobutton {
        margin: 10px 5px 0px 0px;
    }

.filterradiobuttonlabel {
    margin: 0px 25px 0px 0px;
    font-size: 11px;
    font-weight: bold;
    float: left;
    color: #011e3f;
}

.radiolabelblock {
    display: block;
    margin-bottom: 9px;
}

.dashboarddatepik {
    margin: 13px 20px 0px 0px;
}

    .dashboarddatepik .riTextBox {
        height: 30px !important;
        margin-top: 3px;
    }

    .dashboarddatepik .labelfromtodate {
        padding-top: 2px;
    }

    .dashboarddatepik .datepickerlabel {
        padding-top: 15px;
        display: block;
    }

.filterdatecntr {
    float: left;
    margin: 0px 25px 0px 0px;
}

    .filterdatecntr .datecntrlabel {
        padding-right: 5px;
        float: left;
    }

    .filterdatecntr span {
        display: block !important;
        font-size: 11px;
        font-weight: bold;
        color: #011e3f;
        padding-top: 0px;
    }

    .filterdatecntr select {
        height: 30px !important;
        margin: 6px 0px 0px 0px;
        border: 1px solid #9dc7fc !important;
    }

.checkboxlistbox {
    float: left;
    margin: 0px 25px 0px 0px;
}

    .checkboxlistbox span {
        display: block !important;
        font-size: 12px;
        font-weight: bold;
        color: #011e3f;
        margin-bottom: 7px;
    }

    .checkboxlistbox #DivSER1 {
        background-color: White;
        border-width: 1px;
        border-color: #9dc7fc;
        border-style: solid;
        height: 60px;
        width: 200px;
        overflow: auto;
    }

.formwithborder {
    border: 1px solid #93c2ff;
    padding: 15px;
    display: inline-block;
    margin-top: 20px;
}

.fieldsetborder {
    border: 1px solid #93c2ff;
    margin-top: 0px;
    border-image: none;
    padding-top:11px;
}

.formnotopborder {
    border: 1px solid #93c2ff;
    padding: 15px 15px 20px 15px;
    display: inline-block;
    border-top: 0px;
}

.formnotopborder {
    border: 1px solid #93c2ff;
    padding: 15px;
    display: inline-block;
    border-top: 0px;
}

.formtitlebg {
    background-color: #cce2fe;
    font-size: 13px;
    padding: 8px 15px;
    color: #011e3f;
    display: inline-block;
    float: left;
    margin-top: -32px;
    font-weight: bold;
}

.headerformcntr {
    margin-bottom: 20px;
    font-size: 14px;
    display: block;
    width: 560px;
    overflow: auto;
    font-size: 11px;
}

    .headerformcntr .txtbox {
        height: 23PX;
    }

    .headerformcntr .textbox {
        height: 23PX;
    }

    .headerformcntr select {
        height: 27px !important;
    }

    .headerformcntr span {
        display: block;
        padding-top: 8px;
    }

span.formdatepik {
    padding-top: 17px;
}

.headerformcntr .headerformlbl {
    float: left;
    width: 150px;
}

.headerformcntr .headerformtxtbox {
    float: left;
    width: 400px;
}

.headerformtxtbox .riTextBox {
    height: 20PX;
}

.headerformtxtbox .rcCalPopup {
    display: block;
    margin-top: 10px;
}

.headerformtxtbox .raddatepicker {
    padding-top: 0px;
}

.formdaysweek {
    display: block;
    margin-top: 6px;
}

.formexelbl, .formradiobtn {
    display: block;
    margin-top: 6px;
}

.form-ls {
    float: left;
}

.form-rs {
    float: right;
}

.formbuttongroup {
    margin: 20px;
}

.formwithborder {
    border: 1px solid #93c2ff;
    padding: 15px 15px 30px 15px;
    display: inline-block;
    margin-top: 20px;
}

.formnotopborder {
    border: 1px solid #93c2ff;
    padding: 15px 15px 20px 15px;
    display: inline-block;
    border-top: 0px;
}

.formtitlebg {
    background-color: #cce2fe;
    font-size: 13px;
    padding: 8px 15px;
    color: #011e3f;
    display: inline-block;
    float: left;
    margin-top: -32px;
    font-weight: bold;
}

.headerformcntr {
    margin-bottom: 10px;
    display: block;
    width: 480px;
    overflow: auto;
    font-size: 11px;
}

    .headerformcntr .txtbox {
        height: 23PX;
    }

    .headerformcntr .textbox {
        height: 23PX;
    }

    .headerformcntr select {
        height: 27px !important;
    }

    .headerformcntr span {
        display: block;
        padding-top: 8px;
    }

span.formdatepik {
    padding-top: 9px;
}

.headerformcntr .headerformlbl {
    float: left;
    width: 100px;
}

.headerformcntr .headerformtxtbox {
    float: left;
    width: 300px;
}

.headerformtxtbox .riTextBox {
    height: 20PX;
}

.headerformtxtbox .rcCalPopup {
    display: block;
    margin-top: 2px;
}

.headertxtbox {
    width: 300px;
}

.headerformtxtbox .raddatepicker {
    padding-top: 0px;
}

.formdaysweek {
    display: block;
    margin-top: 6px;
}

.formradiobtn {
    display: block;
    margin-top: 6px;
}

.formexelbl {
    display: block;
    margin-top: 2px;
}

.form-ls {
    float: left;
}

.form-rs {
    float: right;
}

.formbuttongroup {
    margin: 20px;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

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

.ApplyValidationClass {
    height: 23PX;
}

.RemoveValidationClass {
    height: 23px;
}

.DatepickerValidation {
    border-color: red;
}

.formwithborder {
    width: 900px;
}

.formnotopborder {
    width: 900px;
}

.headerformcntr {
    width: 420px;
}

#agendamentodejob .headerformcntr {
    width: 430px;
}

#immediatenotificationcntr .headerformcntr {
    width: 330px;
}

#agendamentodejob .headerformcntr .headerformtxtbox {
    width: 200px;
}

#immediatenotificationcntr .headerformcntr .headerformtxtbox {
    width: 180px;
}

#agendamentodejob .headerformcntr .headerformlbl {
    width: 112px;
    padding-right: 10px;
}

#immediatenotificationcntr .headerformcntr .headerformlbl {
    width: 100px;
    padding-right: 10px;
}

#agendamentodejob span.RadInput {
    padding-top: 0px;
}

#immediatenotificationcntr span.RadInput {
    padding-top: 0px;
}

#agendamentodejob .headerformtxtbox .rcCalPopup {
    margin-top: 0px;
}

#immediatenotificationcntr .headerformtxtbox .rcCalPopup {
    margin-top: 0px;
}

#agendamentodejob .txtbox, #agendamentodejob .textbox {
    height: 18px !important;
}

#agendamentodejob select, #agendamentodejob select.textbox {
    height: 22px !important;
}

#agendamentodejob .riTextBox {
    height: 15px !important;
    font-size: 11px !important;
}

#agendamentodejob .headerformcntr span {
    padding-top: 6px;
}

#agendamentodejob .formdatepik {
    padding-top: 6px !important;
}

#agendamentodejob .formradiobtn {
    margin-top: 2px;
}

#agendamentodejob .RadInput {
    padding-top: 0px !important;
}

#agendamentodejob .emaillabel {
    margin-left: 124px;
}

.headerformcntr span.RadInput {
    padding-top: 0px;
}

.formexeicon {
    margin-top: 2px;
}

.btn-group input {
    margin-left: 10px;
}

.checkboxgroup label {
    margin-right: 6px;
}

.checkboxgroup {
    margin-top: 4px;
}

.emaillabel {
    float: left;
    margin-left: 111px;
    width: 200px;
}

    .emaillabel span {
        display: block;
    }

.clearfix {
    float: none;
    clear: both;
}

.internaltablecontainer {
    background-color: #254c7a;
    width: 270px;
    height: 100%;
}

.internaltablesearch {
    padding: 15px;
}

    .internaltablesearch input {
        border: 1px solid #6395CF;
        background-color: transparent;
        width: 72%;
        height: 19px;
        color: #ffffff;
        float: left;
        padding: 5px 3px 3px 10px;
        outline: none;
        font-size: 12px;
    }

    .internaltablesearch button {
        background-image: url(../Images/searchicon.png);
        background-position: center;
        background-repeat: no-repeat;
        height: 29px;
        width: 36px;
        box-shadow: none;
        background-color: #6395cf;
        border: 1px solid #6395CF;
        outline: none;
    }

        .internaltablesearch button:hover {
            background-color: #002f64;
            cursor: pointer;
        }

.internaltablemenu ul {
    margin: 0px;
    padding: 0px;
}

    .internaltablemenu ul li {
        list-style: none;
    }

        .internaltablemenu ul li a {
            color: #ffffff;
            text-decoration: none;
            font-size: 12px;
            padding: 12px 15px;
            display: block;
            border-top: 1px solid #244369;
        }

            .internaltablemenu ul li a:hover {
                background-color: #002f63;
            }

.internaltablemenuActive {
    background-color: #002f63;
}
/* Inspection Result screen */
#ctl00_CPMiddle_tblExecutionResults .Heading {
    font-size: 15pt;
    border: 1px solid #333;
    background-color: #254c7a;
    color: #FFF !important;
    text-align: left;
    vertical-align: middle;
}

    #ctl00_CPMiddle_tblExecutionResults .Heading td {
        color: #FFF !important;
	height:200px!important;
    }

.RowValuesOdd {
    font-size: 15pt;
    background-color: #e9f0f9;
    color: #000000;
    text-align: center;
    padding-left: 5px !important;
}

.gridfooter {
    font-size: 8pt;
    background-color: #eeeeee;
    color: #000000;
    text-align: left;
    height: 35px;
}

.RowValuesEven {
    font-size: 15pt;
    background-color: #FFF;
    color: #000000;
    text-align: center;
    padding-left: 5px !important;
}

#ctl00_CPMiddle_tblExecutionResults .verticalalign {
    border: 1px solid #333;
    letter-spacing: 2px;
    writing-mode: tb-rl;
    filter: flipV flipH;
    padding-top: 10px;
    padding-right: 50px;
    padding-left: 51.2PX;
    vertical-align: middle;
}

.lblTotalCount {
    padding-left: 6px !important;
    padding-right: 6px !important;
    float: left;
}

.btnIcon {
    float: left;
    border: #FFF;
}

.Customtable-row-even {
    background-color: #a4a6a6;
    border-color: Gray;
}

.Customtable-row-odd {
    background-color: #d5d5d5;
}

.selectinspectiondatepik {
    margin: 18px 20px 0px 0px;
}

.autobtn {
    width: auto;
}

.formrow span {
    display: block;
    padding-top: 4px;
}

.formrow .textbox {
    height: 20px;
}

.formrow {
    margin: 10px 0px 10px 0px;
}

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

.tblrows {
    padding-left: 40px;
}

.internaltblright .title {
    padding-left: 0px;
}

.internaltblinfo {
    font-weight: bold;
    font-size: 12px;
    margin: 10px 0px;
    display: block;
}

.internaltblrow label, .internaltblrow span {
    padding-top: 4px;
    display: inline-block;
}

.internaltblrow {
    margin: 0px 30px 10px 0px;
}

.popupfields {
    padding: 20px 0px 0px 40px;
}

.RadInput_Vista .riRead, .RadInput_Vista .riTextBox {
    border-color: #c1c1c1 !important;
}

.formrowlbl {
    float: left;
    width: 100px;
    font-size: 11px;
    padding-right: 15px;
}

.formrowbtngroup {
    margin: 0px 0px 0px 115px;
}

    .formrowbtngroup button, .formrowbtngroup input {
        float: left;
        margin: 0px 10px 0px 0px;
    }

.internaltableright {
    padding-left: 40px;
}

/*DashBoard Changes*/
.DashboardTitle {
    color: #ffffff;
}

.DashboardTitle_1 {
    color: #ffffff;
}

.DashboardTitle_2 {
    background-color: #ffffff;
}

.cont_1 {
    width: 100%;
    background-color: #646464;
    height: 50px;
}

.cont_2 {
    width: 100%;
    height: 25px;
    line-height: 25px;
}

.cont_3 {
    width: 100%;
    height: 25px;
    line-height: 25px;
}

.tab_1 {
    width: 100%;
    margin-top: 10px;
}

.tab_2 {
    width: 15%;
    float: left;
}

.tab_3 {
    width: 98%;
    float: left;
    margin-top: 5px;
    margin-left: 13px;
}

.tab_4 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
/********************************************/

.DynamicTablePaging {
    width: 33.3%;
    display: block;
    float: left;
    text-align:left;
}

.DynamicTablePageSize {
    width: 30%;
    display: block;
    float: left;
}
.DynamicTablePageSize select{
    height:15px;
    font-size:11px;
    padding:0px !important;
}
.DynamicTableRecordCount {
    display: block;
    float: left;
    margin-left:20px;
    margin-top:3px;
}

.DynamicTablePaging #btnNextPage {
    background-image: url('../images/next.gif');
    background-repeat: no-repeat;
    background-position: left;
    border: 0px none transparent;
    width: 16px;
    height: 20px;
    cursor: pointer;
    background-color: Transparent;
    margin-bottom:-7px;
}

.DynamicTablePaging #btnPreviousPage {
    background-image: url('../images/prev.gif');
    background-repeat: no-repeat;
    background-position: left;
      width: 16px;
    height: 20px;
    cursor: pointer;
    background-color: Transparent;
    border: 0px none transparent;
    margin-bottom:-7px;
}

.DynamicTablePaging #btnNextPage:hover {
    background-image: url('../images/next.gif');
    background-repeat: no-repeat;
    background-position: left;
    background-color: Transparent;
    width: 16px;
    height: 20px;
    cursor: pointer;
    background-color: Transparent;
    border: 0px none transparent;
    margin-bottom:-7px;
}

.DynamicTablePaging #btnPreviousPage:hover {
    background-image: url('../images/prev.gif');
    background-repeat: no-repeat;
    background-position: left;
     width: 16px;
    height: 20px;
    cursor: pointer;
    background-color: Transparent;
    border: 0px none transparent;
    margin-bottom:-7px;
}

.DynamicTablePaging #btnFirstPage {
    background-image: url('../images/FirstRec.gif');
    background-repeat: no-repeat;
    background-position: left;
      width: 20px;
    height: 20px;
    cursor: pointer;
    background-color: Transparent;
    border: 0px none transparent;
    margin-bottom:-7px;
}

.DynamicTablePaging #btnLastPage {
    background-image: url('../images/LastRec.gif');
    background-repeat: no-repeat;
    background-position: left;
    margin-left:8px;
      width: 20px;
    height: 20px;
    cursor: pointer;
    background-color: Transparent;
    border: 0px none transparent;
    margin-bottom:-7px;
}

.historyHeader {
    background-color: #254c7a;
    color: #fff;
    padding: 5px;
    font-weight: bold;
}

#tblCertificateHistory thead {
    background-color: #254c7a;
    color: #fff;
}
#tblDynamicContent tr th{
    font-size: 11px;
    border: 1px thin #000;
    background-color: #254c7a;
    color: #FFF !important;
    text-align: left;
    vertical-align: middle;
}
#tblDynamicContent tr th { min-width: 120px;
                           height: 40px;
}
#tblDynamicContent tr td { min-width: 100px; }
#tblDynamicContent tr:nth-child(2n+1) {
    font-size: 15pt;
    background-color: #e9f0f9;
    color: #000000;
    text-align: center;
    padding-left: 5px !important;
}

#tblDynamicContent tfoot tr{
    font-size: 8px !important;
    background-color: #eeeeee !important;
    color: #000000 !important;
    text-align: left !important;
    height: 35px !important;
    font-weight:500;
}

#tblDynamicContent tfoot tr td{
    height:100%;
}
#tblDynamicContent tr:nth-child(2n)  {
    font-size: 8px;
    background-color: #FFF;
    color: #000000;
    text-align: center;
    padding-left: 5px !important;
}
#tblDynamicContent {
    font-family: Arial, Tahoma, Verdana, sans-serif;
    font-size:11px;
    width:100%;
}
#tblDynamicContent #lblTotalPageNumber {
    margin-left:20px;
} 
#divFilteredColumns {
    display:block;
    width:100%;
    float:left;
}
#divFilteredColumns span{
   padding:4px;
   font-size: 12px;
   cursor:pointer;
   font-weight:bold;
   text-transform:capitalize;
}
.filterClearLabels {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    background-color: #254c7a;
    border-radius: 3px;
    margin: 4px;
    overflow: hidden;
    transition: background-color .1s;
    max-width: 200px;
    color:#fff;
}
.lblColumnHeadingSort {
    cursor:pointer;
    width:100%;
    display:block;
}
.column-sort-Ascending {
    background: url('../Images/column-asc.png') no-repeat right;
}
.column-sort-Descending {
    background: url('../Images/column-desc.png') no-repeat right;
}
}
.internaltableright {
  padding-left:15px;
}

.lblColumnHeadingSort {
    cursor:pointer;
    width:100%;
    display:block;
}
.column-sort-Ascending {
    background: url('../Images/column-asc.png') no-repeat right;
}
.column-sort-Descending {
    background: url('../Images/column-desc.png') no-repeat right;
}

.sublevel {
    position: absolute;
    margin-left: 170px;
    top: 0px;
    width: 200px;
}

.CancelledInspections td{
    color:red !important;
}
.ClosedInspections td {
    color:green !important;
}

.padding5{
    /*padding-left:15px !important;*/
}

#ctl00_CPMiddle_general_frame{
    width:1100px !important;
}


#pnlResult{
    margin-top:10px;
}

.internaltablemenu ul li a:active {
    background-color: #6395cf !important;
}

.internaltablemenuActive {
    background-color: #6395cf;
}

#DIV_Loading {
    background: rgba(0, 0, 0, 0.5) !important;
}


/*.headerfilterrow .inspectionreportdatepik{
    margin-top:-2px !important;
}*/

.filterbtngroup .iconNew{
    margin-top:-30px;
}

/*.filterbtngroup .button{
    margin-top:0px !important;
}*/


/*.filterbtngroup #ctl00_CPMiddle_btnSearch, #ctl00_CPMiddle_btnNew{
    margin-top:20px;
}*/

/*#ctl00_CPMiddle_btnSearch, #ctl00_CPMiddle_btnNew{
    margin-top:20px;
}*/

.home-navigation .breadcrumpdrop{
    font-size:12px;
}

.tabbg tbody tr td{
    font-size:12px !important;
}

/*.headerfilterrow .filterbtngroup .iconFilter{
    margin-top:0px !important;
}*/

.padding10 .tab-container .etabs{
    margin-top:0px !important;
}

.panel-container .bgPanel .padding10{
    padding-left:0px !important;
}

/*.inspectionreportdatepik table{
    margin-top:13px;
}*/

/*.headerfilterrow .filtercheckbox{
    margin-top:18px !important;
}*/

.iconCertificatePrintEmail:hover{
    background-color: #f14d11;
}

#ctl00_Link1{
    color:#000000 !important;
}

#ctl00_CPMiddle_lblProduct{
    text-align:left;
}

#ctl00_CPMiddle_shbtnCancel:hover {
        background-color:  #77131f;
    }

/*#BtnSHARCGo{
    margin-top:0px !important;
}*/

.formwithborder .filterbtngroup .filterradiobutton{
    margin-top:8px !important;
}

.headerfilterinfo .iconFilter{
    float:left;
    margin-right:10px;
}

.formwithborder #divFilteredColumns{
    float:left;
    width:auto;
    margin-top:20px;
   
}

.formwithborder #divFilteredColumns .filterClearLabels{
        color:#000000;
    background-color: #d0d0d0;
}


    .formwithborder #divFilteredColumns .filterClearLabels span {
        color: #254c7a;
        background-color:white;
        width: 9px;
   height: 9px;
   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
   margin-top:3px;
   margin-right:3px;
   text-align:center;
   line-height:9px;

    }

    #ctl00_CPMiddle_btnFilter, #ctl00_CPMiddle_btnExportExcel{
        
    background:none!important;
     border:none; 
     padding:0!important;
     color:#254c7a;
     text-decoration:underline;
     cursor:pointer;
     font-weight:600;
    }

    
    .DisableAction{
    }
    
    #Contacts1_panel11 .pull-right{
        float:none !important;
    }
  
    #Updatepanel #divhideBlock .headerfilterrow{
        float:none !important;
        height:0px;
    }

    #Updatepanel #divhideBlock .headerfilterrow .pull-right{
        float:none !important;
    }
    .DivImageFilter .popupfields{
    margin-bottom:100px;
    }
    .DivSelectionBoxImage #ctl00_CPMiddle_SelectionBox_chklistColumns{

    margin-bottom:20px;
    }

     .DivImage .popupfields{
    margin-bottom:100px;
    }

 #tblDynamicContent tr th { min-width: 120px;
                           height: 40px;
}

.fieldsetborder {
    border: 1px solid #93c2ff;
    display: inline-block;
}


.rating-stars ul {
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .rating-stars ul > li.star {
        display: inline-block;
    }

        /* Idle State of the stars */
        .rating-stars ul > li.star > i.fa {
            font-size: 2.5em; /* Change the size of the stars */
            color: #ccc; /* Color on idle state */
        }

        /* Hover state of the stars */
        .rating-stars ul > li.star.hover > i.fa {
            color: #FFCC00;
        }

        /* Selected state of the stars */
        .rating-stars ul > li.star.selected > i.fa {
            color: #FFCC00;
        }

.rating-stars {
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.rating-stars > li.star {
display: inline-block;
}

/* Idle State of the stars */
.rating-stars > li.star > i.fa {
    font-size: 2.5em; /* Change the size of the stars */
    color: #ccc; /* Color on idle state */
}

/* Hover state of the stars */
.rating-stars > li.star.hover > i.fa {
    color: #FFCC00;
}

/* Selected state of the stars */
.rating-stars > li.star.selected > i.fa {
    color: #FFCC00;
}

.divBellIcon {
    display: inline-block;
    height: 0;
}

.divBellIcon img {
    height: 20px;
}

.divFeedbackStar {
    display: inline-block;
    height: 0;
}

.divFeedbackStar img {
    height: 20px;
}

.feedback-container {
    width: 403px;
    padding: 5px;
    background-color: #ffffff;
    border: 1px solid grey;
    height: auto;
    margin-top: 15px;
    margin-left: 720px;
    position: absolute;
    display: none;
}

.feedback-container p {
    color: black;
    font-size: 12px;
    font-weight: 700;
}

.notify-container {
    width: 403px;
    padding: 5px;
    background-color: #ffffff;
    border: 1px solid grey;
    height: auto;
    margin-top: 15px;
    margin-left: 720px;
    position: absolute;
    display: none;
}


.notify-container-header {
    border-bottom: 1px solid grey;
    height:60px;
}

.notify-container p {
    color: black;
    font-size: 12px;
    font-weight: 700;
}

.notify-container .lbl-blue {
    font-size: 12px;
    color: #507ce1;
}
.notify-container .pull-right .lbl-blue {
    font-size: 10px;
    color: #507ce1;
    
}
.notify-container .pull-right .lbl-blue:hover {
    text-decoration: underline;
    cursor: pointer;
}
.notify-container label {
color: black;
font-size: 12px;
font-weight: 100;
}

.notify-container .notify-name-date {
    margin-left: 2px;
    margin-top: 2px;
}

.notify-container .notify-contact-details {
    margin-left: 2px;
}

.notify-container .notify-contact-details span {
    color: grey;
    font-size: 10px;
}
.notify-container .notify-container-footer{
    height:17px;
    text-align:center;
}
.notify-container .notify-container-footer p {
    color: grey;
    font-size: 10px;
}
.notify-container .lbl-inspection-date{
    margin-left:10px;
}
.notify-container .spn-contact{
    margin-left:10px;
}
.notify-container .spn-contact i {
    background-image: url('../Images/phone-call-button.png');
}
.notify-container .spn-customer-id i {
    background-image: url('../Images/phone-call-button.png');
}
div.notify-container > div.notify-container-header:nth-of-type(even) {
    background-color: #e0dbdb;
}
.notify-container-header-toggle{
    display:block !important;
}
.notify-container-header:hover {
    background-color: #dcdbdb;
    cursor: pointer;
}
.feedback-container-header-main {
    border-bottom: 1px solid grey;
    height: 70px;
}

.feedback-container p {
    color: black;
    font-size: 12px;
    font-weight: 700;
}

.feedback-container span {
    margin-left: 125px;
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 11px;
}
.feedback-container span a {
    pointer-events:none;
    color:#a09c9c;
}
.feedback-container span i {
    color: #f1c214;
}
.feedback-container .lbl-blue {
    font-size: 12px;
    color: #507ce1;
}

.feedback-container .pull-right .lbl-blue {
    font-size: 10px;
    color: #507ce1;
}

    .feedback-container .pull-right .lbl-blue:hover {
        text-decoration: underline;
        cursor: pointer;
    }

.feedback-container label {
    color: black;
    font-size: 12px;
    font-weight: 100;
}

.feedback-container .notify-name-date {
    margin-left: 2px;
    margin-top: 2px;
    padding:5px;
}

.feedback-container .notify-contact-details {
    margin-left: 2px;
}

    .feedback-container .notify-contact-details span {
        color: grey;
        font-size: 10px;
    }

.feedback-container .feedback-container-footer {
    height: 17px;
    text-align: center;
}

    .feedback-container .feedback-container-footer p {
        color: grey;
        font-size: 10px;
    }

.feedback-container .lbl-inspection-date {
    margin-left: 10px;
}

.feedback-container .spn-contact {
    margin-left: 10px;
}

    .feedback-container .spn-contact i {
        background-image: url('../Images/phone-call-button.png');
    }

.feedback-container .spn-customer-id i {
    background-image: url('../Images/phone-call-button.png');
}

div.feedback-container > div.feedback-container-header:nth-of-type(even) {
    background-color: #e0dbdb;
}

.feedback-container-header-toggle {
    display: block !important;
}

.feedback-container-header-main:hover {
    background-color: #dcdbdb;
    cursor: pointer;
}
.Questionlabel label {
    color: #035681;
}