/* DEFAULTS
----------------------------------------------------------*/

@import "controls.css";

@font-face {
    font-family: 'PTSansRegular';
    src: url('Fonts/PTS55F_W.eot');
    src: url('Fonts/PTS55F_W.eot?#iefix') format('embedded-opentype'), url('Fonts/PTS55F_W.woff') format('woff'), url('Fonts/PTS55F_W.ttf') format('truetype'), url('Fonts/PTS55F_W.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansBold';
    src: url('Fonts/PTS75F_W.eot');
    src: url('Fonts/PTS75F_W.eot?#iefix') format('embedded-opentype'), url('Fonts/PTS75F_W.woff') format('woff'), url('Fonts/PTS75F_W.ttf') format('truetype'), url('Fonts/PTS75F_W.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    outline: none;
}

html, body {
    width: 100%;
    height: 100%;
    font-size: 100%;
}

body {
    background: #ffffff;
    font-size: 14px;
    font-family: 'PTSansRegular';
    margin: 0px;
    padding: 0px;
    color: #000000;
    overflow-x: hidden;
}
form{
    width: 100%;    
    overflow-x: hidden;
}
.RadAjax_Telerik .raDiv {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
}

a:link, a:visited {
    color: #005487;
}

a:hover {
    color: #005487;
    text-decoration: none;
}

img, map {
    border: 0;
}

a:active {
    color: #005487;
}

p {
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1 {
    color: #004b73;
    font-size: 48px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    padding-bottom: 0px;
    margin-bottom: 25px;    
}

@media screen and (max-width: 1024px) {
    h1 {
        font-size: 22px;
        margin-bottom: 15px;
        margin-top:5px;
    }
}
.requestHeader h1{
    max-width: calc(100% - 120px);
}
h2 {
    color: black;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    margin-top: 30px;
    margin-bottom: 10px;
    /*max-width: calc(100% - 250px);*/
}

@media screen and (max-width: 1024px) {
    h2 {
    }
}

h3 {
    color: #7c7c7c;
    font-size: 16px;
    font-family: 'PTSansRegular';
    margin: 0;
    padding: 0;
    margin-top: 30px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: normal;
}
@media screen and (max-width: 1024px) {
    h3 {
        text-transform:none;
        margin-top:10px;
    }
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.header {
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

    .header h1 {
        font-weight: 700;
        margin: 0px;
        padding: 0px 0px 0px 20px;
        color: #f9f9f9;
        border: none;
        line-height: 2em;
        font-size: 2em;
    }

.main {
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol {
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer {
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

.displayTable {
    display: table;
    table-layout: fixed;
}

.displayRow {
    display: table-row;
}

.displayCellGroup {
    display: table-column-group;
}

.displayCell {
    display: table-cell;
}

/**Таблица только при большом разрешении**/
.displayTable-l {
    display: table;
    table-layout: fixed;
}

@media screen and (max-width: 1024px) {
    .displayTable-l {
        display: block;
    }
}

.displayRowGroup-l {
    display: table-row-group;
}

@media screen and (max-width: 1024px) {
    .displayRowGroup-l {
        display: block;
    }
}

.displayRow-l {
    display: table-row;
}

@media screen and (max-width: 1024px) {
    .displayRow-l {
        display: block;
    }
}

.displayCell-l {
    display: table-cell;
}

@media screen and (max-width: 1024px) {
    .displayCell-l {
        display: block;
    }
}

.fullWidth {
    width: 100%;
}

/* MENU   
----------------------------------------------------------*/

a[href="#NavigationMenu_SkipLink"] {
    display: none;
}

div.menu {
    color: #005487;
    float: none !important;
    margin-right: 40px;
    max-width: 250px;
}

    div.menu ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: 100% !important;
        float: none !important;
    }

        div.menu ul li {
            display: block;
            width: 100%;
        }

            div.menu ul li li {
                display: block;
                width: 100%;
            }

            div.menu ul li a.level1, div.menu ul li a.level1:visited {
                display: block;
                color: #004b73;
                font-size: 14px;
                font-weight: 400;
                text-decoration: none;
                padding: 7px 10px;
            }

            div.menu ul li a.level2, div.menu ul li a.level2:visited {
                display: block;
                color: #004b73;
                font-size: 14px;
                font-weight: 400;
                text-decoration: none;
                padding: 8px 10px;
                min-width: 100px;
            }

                div.menu ul li a.level2:before {
                    content: "";
                    display: inline-block;
                    margin-right: 5px;
                    width: 8px;
                    height: 8px;
                    background: url('Images/menu-marker.svg') no-repeat center center transparent;
                }

            div.menu ul li a.level1.selected,
            div.menu ul li a.level1[href]:hover,
            div.menu ul li a.level1[href]:active,
            div.menu ul li a.level1[href]:focus {
                background-color: #00bb54;
                color: white;
                font-family: 'PTSansBold';
            }

            div.menu ul li a.level2.selected,
            div.menu ul li a.level2:hover,
            div.menu ul li a.level2:active,
            div.menu ul li a.level2:focus {
                color: #00bb54;
            }

                div.menu ul li a.level2.selected:before,
                div.menu ul li a.level2:hover:before,
                div.menu ul li a.level2:active:before,
                div.menu ul li a.level2:focus:before {
                    content: "";
                    display: inline-block;
                    margin-right: 5px;
                    width: 8px;
                    height: 8px;
                    background: url('Images/menu-marker-selected.svg') no-repeat center center transparent;
                }



/*****/
a[href="#ExtraMenu_SkipLink"] {
    display: none;
}

.menuExtra {
    border-top: 6px solid #ffd444;
    border-bottom: 6px solid #ffd444;
    padding: 25px 0 10px 11px;
    margin-top: 30px;
    float: none !important;
    margin-right: 40px;
    max-width: 250px;
}
@media screen and (max-width: 1200px) {
    .menuExtra {
        margin-right: 20px;
    }
}

    .menuExtra ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: 100% !important;
        float: none !important;
    }

    .menuExtra li {
        margin-bottom: 14px;
        display: block;
        width: 100%;
    }

        .menuExtra li a {
            color: black;
            font-size: 15px;
        }

            .menuExtra li a.highlighted {
                text-decoration: underline !important;
            }

            .menuExtra li a img {
                margin-right: 10px;
                margin-top: -3px;
            }

            /*скрываем выпадающие элементы*/
            .menuExtra li a.popout {
                background-image: none !important;
            }

        .menuExtra li ul.level2 {
            display: none !important;
        }
/*************************/

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset {
    margin: 15px 0px;
    padding: 0;
    border: none;
}

    fieldset p {
        margin: 2px 12px 10px 10px;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
    }

    fieldset label.inline {
        display: inline;
    }

legend {
    color: black;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    margin-top: 30px;
    margin-bottom: 10px;
}

input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo {
    width: 42%;
}




/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

    .loginDisplay a:link {
        color: white;
    }

    .loginDisplay a:visited {
        color: white;
    }

    .loginDisplay a:hover {
        color: white;
    }

.failureNotification {
    color: Red;
    font-weight: bold;
}

.successNotification {
    color: #56b847;
    font-weight: bold;
}


.bold {
    font-weight: bold;
}

.submitButton {
    text-align: right;
    padding-right: 10px;
}

.category {
    font-family: 'PTSansRegular';    
    font-size: 14px;
    color:#333333;
}

.hintText {
    color: #6f6f6f;
    font-family: 'PTSansRegular';
    font-size: 12px;
}

hr {
    height: 1px;
    border: none;
    border-top: solid 1px #dcdcdc;
}



/****Header***/
.pageHeaderWrapper {
    width: 100%;
    border-bottom: 2px solid #58B531;
}

.pageHeader {
    width: 100%;
    background: #014B71;
    color: #ffffff;
    font-family: 'PTSansRegular';
    font-size: 20px;
    border-bottom: 2px solid #FFDE00;
    table-layout: unset;
}

.logoBlock {
    text-align: left;
    padding-left: 80px;
    vertical-align: middle;
    width: 30%;
}

@media screen and (max-width: 1200px) {
    .logoBlock {
        padding-left: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .logoBlock {
        padding: 15px;
        width: 50%;
    }

        .logoBlock img {
            height: 30px;
        }
}

.navBlock {
    text-align: center;
    padding: 20px 0;
    white-space: nowrap;
}

@media screen and (max-width: 1024px) {
    .navBlock {
        display: none;
    }
}

.loginBlock {
    text-align: right;
    padding-right: 80px;
    width: 30%;
}

@media screen and (max-width: 1200px) {
    .loginBlock {
        text-align: right;
        padding-right: 20px;
        width: 30%;
    }
}

@media screen and (max-width: 1024px) {
    .loginBlock {
        display: none;
    }
}

.menuBlock {
    display: none;
}

@media screen and (max-width: 1024px) {
    .menuBlock {
        display: table-cell;
        width: 50%;
        text-align: right;
        padding: 20px;
    }
}

.menuBlock .menuMobile_open {
    display: inline-block;
}

    .menuBlock .menuMobile_open:hover {
        cursor: pointer;
    }

.navBlock .topmenu {
    padding: 0;
    margin: 0 auto;
    text-align: center;
    display: block;
    float: none !important;
}

    .navBlock .topmenu ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        display: block;
        float: none !important;
        position: static !important;
        width: 100% !important;
    }

        .navBlock .topmenu ul li {
            display: inline-block;
        }

    .navBlock .topmenu a {
        color: white;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        text-decoration: none;
        padding: 12px 42px;
        display: block;
    }
@media screen and (max-width: 1200px) {
    .navBlock .topmenu a{
        padding: 12px 30px;
    }
}

        .navBlock .topmenu a:hover {
            text-decoration: underline;
        }

        .navBlock .topmenu a img {
            vertical-align: middle;
            margin-right: 10px;
            margin-top: -2px;
        }

        .navBlock .topmenu a.selected {
            background-color: #ffd445;
            color: #35383a;
        }

.navBlock a[href="#TopMenu_SkipLink"] {
    display: none;
}

.loginBlock a:link, .loginBlock a:visited, .loginBlock, .loginBlock a {
    font-family: 'PTSansRegular';
    color: white;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

    .loginBlock #HeadLoginView_HeadLoginuser {
        margin-right: 8px;
        vertical-align: middle;
    }

    .loginBlock #HeadLoginView_HeadLoginStatus {
        margin-left: 40px;
        vertical-align: middle;
    }
@media screen and (max-width: 1200px) {
    .loginBlock #HeadLoginView_HeadLoginStatus {
        margin-left: 15px;
    }
}
/************/
#smpBreadCrumbs > a[href="#smpBreadCrumbs_SkipLink"] {
    display: none;
}

#smpBreadCrumbs > span:nth-child(1),
#smpBreadCrumbs > span:nth-child(2),
#smpBreadCrumbs > span:nth-child(3),
#smpBreadCrumbs > span:nth-child(4),
#smpBreadCrumbs > span:nth-child(5) {
    display: none;
}

#smpBreadCrumbs {
    color: #a7a7a7;
    font-size: 12px;
    display: block;
    margin: 10px 0;
}
@media screen and (max-width: 1024px) {
    #smpBreadCrumbs {
        margin-top:0;
    }
}

    #smpBreadCrumbs a {
        color: #a7a7a7;
        font-size: 12px;
    }

/********/
.borderTop {
    border-left: 1px solid White;
}


.mainContent > .displayRow > .displayCell:first-of-type {
    padding: 30px 0 30px 80px;
    width: 25%;
    box-sizing: border-box;
    vertical-align: top;
}

@media screen and (max-width: 1024px) {
    .mainContent > .displayRow > .displayCell:first-of-type {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .mainContent > .displayRow > .displayCell:first-of-type {
        padding: 30px 20px;
    }
}

.mainContent > .displayRow > .displayCell:last-of-type {
    padding: 30px 80px 30px 0;
    width: 75%;
    box-sizing: border-box;
    vertical-align: top;
}


@media screen and (max-width: 1200px) {
    .mainContent > .displayRow > .displayCell:last-of-type {
        padding: 30px 20px;
    }
}
@media screen and (max-width: 1024px) {
    .mainContent > .displayRow > .displayCell:last-of-type {
        padding: 20px;
    }
}

.pageContent {
}

.itemsTable td {
    border: none;
}

.menuWidth {
    width: 180px;
}

.gridNested {
    margin-left: 20px;    
    border:none;
}
.gridNested td{
    padding:8px;
}

.required {
    border: 1px solid red;
}

.versionInfo {
    font-size: 12px;
    padding-bottom: 10px;
}
/* RAD GRID
----------------------------------------------------------*/
a img {
    border: 0;
}

.pageContent .reportHeader {
    position: relative;
    display: inline-block;
}

    .pageContent .reportHeader input[type="button"] {
        position: absolute;
        left: 100%;
        bottom: 49px;
        margin-left: 10px;
    }

@media screen and (max-width: 1024px) {
    .pageContent .reportHeader input[type="button"] {
        position: static;
        margin-left: 0;
    }
    .reportHeaderHidden-s{
        display:none;
    }
}

.pageContent .reportHeader td {
    vertical-align: middle;
    white-space: nowrap;
}

    .pageContent .reportHeader td td {
        vertical-align: top;
    }

.pageContent .requestHeader {
    position: relative;
    display: block;
}

    .pageContent .requestHeader input[type="button"] {
        position: absolute;
        right: 0;
        top: 18px;
    }
    @media screen and (max-width: 1024px) {
        .pageContent .requestHeader input[type="button"] {
            position: static;  
            margin-bottom:10px;          
        }
    }

.helpCell {
    text-align: right;
    vertical-align: middle;
    padding-right: 5px;
}

    .helpCell img {
        vertical-align: top;
        padding-top: 2px;
    }

.pageContent .RadGrid_Default, .pageContent .RadGrid_Default .rgMasterTable,
.pageContent .RadGrid_Default .rgDetailTable, .pageContent .RadGrid_Default .rgGroupPanel table,
.pageContent .RadGrid_Default .rgCommandRow table, .pageContent .RadGrid_Default .rgEditForm table,
.pageContent .RadGrid_Default .rgPager table, .pageContent .GridToolTip_Default {
    color: #333;
    font-size: 14px;
    font-family: 'PTSansRegular';
}

.pageContent .RadGrid_Default {
    border: none;
    background: #fff;
    color: #333;
    font-size: 14px;
}

    .pageContent .RadGrid_Default .rgGroupPanel {
        background: #F7F7F7;
        padding: 8px;
        margin: 8px 0;
    }

.pageContent .SimpleReport .rgRow td,
.pageContent .SimpleReport .rgAltRow td,
.pageContent .SimpleReport .rgFilterRow > td {
    border-bottom: 2px solid #d8d8d8;
}

.pageContent .SimpleReport .rgRow td,
.pageContent .SimpleReport .rgAltRow td {
    padding: 8px;
}

.pageContent .SimpleReport .rgRow .rgResizeCol + td,
.pageContent .SimpleReport .rgAltRow .rgResizeCol + td {
    padding: 8px 8px 8px 0;
}

.pageContent .SimpleReport .rgRow td a,
.pageContent .SimpleReport .rgAltRow td a {
    color: #004b73;
}

.pageContent .RadGrid .rgFilterRow {
    background-color: #F7F7F7;
}

    .pageContent .RadGrid .rgFilterRow > td {
        text-align: left;
        white-space: nowrap;
        padding: 8px;
        box-sizing: border-box;
        vertical-align: middle;
        border-bottom: 2px solid #d8d8d8;
    }

        .pageContent .RadGrid .rgFilterRow > td .rgFilterBox {
            border: 1px solid #ccc;
            height: 30px;
            line-height: 1;
            padding-left: 5px;
            width: calc(100% - 35px) !important;
            min-width: 75px;
            vertical-align: top;
            box-sizing: border-box;
            display:inline-block;
        }

        .pageContent .RadGrid .rgFilterRow > td .riTextBox {
            width: 100%;
            vertical-align: top;
            height: 30px;
        }

        .pageContent .RadGrid .rgFilterRow > td > img,
        .pageContent .RadGrid .rgFilterRow > td input[type="image"] {
            border: 1px solid #cccccc !important;
            height: 18px !important;
            width: 18px !important;
            padding: 5px;
            margin-left: 5px;
            vertical-align: top;
        }

.pageContent .SimpleReport .rgFilterRow > td > img:hover,
.pageContent .SimpleReport .rgFilterRow > td input[type="image"]:hover {
    border: 1px solid #666666 !important;
    cursor: pointer;
}

.pageContent th.rgHeader,
.pageContent .RadGrid_Default th.rgResizeCol,
.pageContent th.rgHeader.rgSorted {
    background: #dff3d8;
    border-color: #dff3d8;
    color: black;
    font-size: 14px;
    text-align: left;
    vertical-align: top;
    padding: 14px 8px;
    box-sizing: border-box;
}

.pageContent .RadGrid_Default {
    max-width: 100%;
    width: 100% !important;
    overflow: auto;
}

    .pageContent .RadGrid_Default .rgRow a,
    .pageContent .RadGrid_Default .rgAltRow a,
    .pageContent .RadGrid_Default tr.rgHoveredRow a,
    .pageContent .RadGrid_Default tr.rgActiveRow a {
        color: #027dca;
    }


    .pageContent .RadGrid_Default th.rgResizeCol {
        padding: 0;
    }

.pageContent th.rgHeader:not(.rgGroupCol):not(.rgExpandCol):not(.rgResizeCol) {
    border-right: 1px solid #aab597;
}

.pageContent tr > th.rgHeader:last-child {
    border-right: none !important;
}

.pageContent th.rgResizeCol + th.rgHeader {
    padding: 14px 8px 14px 0;
    text-align: left !important;
}

.pageContent .RadGrid_Default tr > th.rgHeader.portfIcon {
    border-right: none !important;
    padding-right: 0 !important;
    width: 44px;
    max-width: 44px;
    overflow: hidden;
}

.pageContent .RadGrid_Default .rgCollapse {
    background: url("Images/grid-expanded.png") no-repeat center center transparent;
}

.pageContent .RadGrid_Default .rgExpand {
    background: url("Images/grid-collapsed.png") no-repeat center center transparent;
}

.pageContent .RadGrid_Default .rgCommandRow,
.pageContent .RadGrid_Default .rgMasterTable td.rgGroupCol,
.pageContent .RadGrid_Default .rgMasterTable td.rgExpandCol,
.pageContent .RadGrid_Default .rgFooterDiv,
.pageContent .RadGrid_Default .rgFooter,
.pageContent .RadGrid_Default .rgAltRow {
    background: transparent;
}

.pageContent .RadGrid_Default tr.rgGroupHeader td,
.pageContent .RadGrid_Default .rgGroupHeader td.rgGroupCol {
    background: #f7f7f7;
    border-bottom: 2px solid #d8d8d8;
    padding-top: 2px;
    padding-bottom: 2px;
}

.pageContent .RadGrid_Default .rgNoRecords td {
    border-color: transparent;
    padding: 8px;
}

.pageContent .RadGrid_Default .rgCommandCell {
    padding: 0 0 15px 0;
    border: none;
    border-width:0;
    border-color:transparent;
    border-style:hidden;
    min-height: 40px;
    box-sizing: border-box;
}

.pageContent .RadGrid_Default .rgFooter {
    font-family: 'PTSansBold';
}

.pageContent .SimpleReport table {
    border: none;
    border-collapse: collapse;
}

.pageContent table.layoutTable td, .pageContent table.layoutTable tr {
    border: none;
}

.pageContent .RadGrid_Default .rgAltRow {
    background: transparent;
}

.pageContent .RadGrid_Default td.rgSorted {
    background: transparent;
    border-bottom: 2px solid #d8d8d8 !important;
    padding: 8px;
}



.pageContent .RadGrid_Default .rgHoveredRow {
    background: whitesmoke;
    background-image: none;
    color: black;
    cursor: pointer;
}

.pageContent .RadGrid_Default .rgSelectedRow {
    background: #eeeeee;
    background-image: none;
    color: black;
}

    .pageContent .RadGrid_Default .rgSelectedRow a {
        color: #004b73;
    }

.pageContent .RadGrid_Default .rgRow > td,
.pageContent .RadGrid_Default .rgAltRow > td,
.pageContent .RadGrid_Default .rgFooter > td {
    border-bottom: 2px solid #d8d8d8;
    padding: 8px;
}


/*****************/
/******Grid PIF Icon******/
.pageContent .RadGrid_Default td.portfIcon {
    padding-right: 0;
    width: 35px;
    max-width: 35px;
    overflow: hidden;
}

    .pageContent .RadGrid_Default td.portfIcon img {
        width: 33px;
    }

.pageContent .RadGrid_Default td.prtfIconInside {
    box-sizing: border-box;
    min-width: 150px;
}

    .pageContent .RadGrid_Default td.prtfIconInside img {
        display: inline-block;
        margin-right: 8px;
        width: 33px;
        vertical-align: middle;
    }

    .pageContent .RadGrid_Default td.prtfIconInside span {
        display: inline-block;
        width: calc(100% - 45px);
        vertical-align: middle;
    }


/*****************/
/*******GridFile*********/

.RadGrid_Default .pdfFile {
    margin-top: 0;
    font-size: 14px;
}

    .RadGrid_Default .pdfFile td {
        padding: 0 !important;
        border: none !important;
    }

    .RadGrid_Default .pdfFile img {
        margin-right: 5px;
        height: 35px;
    }

    .RadGrid_Default .pdfFile a:link {
        font-size: 14px;
    }

    .RadGrid_Default .pdfFile .pdfFileSize {
        font-size: 10px;
        color: #a7a7a7;
    }

/*****************/
/******GridPager***********/
.pageContent .RadGrid td.rgPagerCell {
    background: #ffffff;
    border-color: #ffffff;
    vertical-align: middle;
}

    .pageContent .RadGrid td.rgPagerCell .rgWrap {
        line-height: 30px;
        box-sizing: border-box;
    }

        .pageContent .RadGrid td.rgPagerCell .rgWrap.rgArrPart1,
        .pageContent .RadGrid td.rgPagerCell .rgWrap.rgArrPart2 {
            padding-left: 0;
            padding-right: 0;
        }

            .pageContent .RadGrid td.rgPagerCell .rgWrap.rgArrPart1 > img,
            .pageContent .RadGrid td.rgPagerCell .rgWrap.rgArrPart2 > img {
                display: none;
            }

@media screen and (max-width: 1200px) {
    .pageContent .RadGrid td.rgPagerCell .rgWrap.rgInfoPart {
        display: none;
    }
}

.pageContent .RadGrid td.rgPagerCell img {
    vertical-align: middle;
    margin: 0;
}

.pageContent .rgPager > td {
    border: none;
}

.pageContent .gridWrapper .RadGrid_Default .rgPager > td > table {
    position: absolute;
    bottom: 0;
    left: 0;
    width: auto !important;
}

.pageContent .RadGrid_Default .rgPager td.rgPagerCell {
    padding: 0;
}

.pageContent .rgPager .RadComboBox .rcbInputCell .rcbInput {
    padding-left: 0;
}

.pageContent .rgPager .RadComboBox_Default .rcbReadOnly td.rcbArrowCellRight,
.pageContent .rgPager .RadComboBox_Default td.rcbArrowCellRight {
    padding-right: 2px;
}

.pageContent .RadGrid .rgPageFirst,
.pageContent .RadGrid .rgPagePrev,
.pageContent .RadGrid .rgPageNext,
.pageContent .RadGrid .rgPageLast {
    vertical-align: middle;
}

.pageContent .RadGrid .rgNumPart {
    margin: 0 10px;
    height: 30px;
    box-sizing: border-box;
    border: none;
}

.pageContent .RadGrid_Default .rgNumPart a,
.pageContent .RadGrid_Default .rgNumPart a span {
    background: none !important;
    height: 30px;
    width: 30px;
    line-height: 30px;
    box-sizing: border-box;
    border: none;
    color: #004B73;
    text-decoration: underline;
    text-align: center;
    padding: 0;
}

    .pageContent .RadGrid_Default .rgNumPart a.rgCurrentPage {
        background: #FFD445 !important;
    }

        .pageContent .RadGrid_Default .rgNumPart a.rgCurrentPage span {
            color: black;
            text-decoration: none;
        }

/*********************/
.pageContent .RadToolBar_Default {
    background: transparent;
    border-color: transparent;
}

    .pageContent .RadToolBar_Default .rtbOuter {
        background: transparent;
        border-color: transparent;
    }

    .pageContent .RadToolBar_Default .rtbMiddle {
        background: transparent;
        border-color: transparent;
    }

    .pageContent .RadToolBar_Default .rtbDropDown .rtbWrap {
        color: #027dca;
        font-family: 'PTSansRegular';
        font-size: 16px;
    }

    .pageContent .RadToolBar_Default .rtbSplBtnFocused .rtbWrap,
    .pageContent .RadToolBar_Default .rtbSplBtnFocused .rtbOut,
    .pageContent .RadToolBar_Default .rtbSplBtnFocused .rtbMid,
    .pageContent .RadToolBar_Default .rtbSplBtnFocused .rtbIn,
    .pageContent .RadToolBar_Default .rtbItemFocused .rtbWrap,
    .pageContent .RadToolBar_Default .rtbItemFocused .rtbOut,
    .pageContent .RadToolBar_Default .rtbItemFocused .rtbMid,
    .pageContent .RadToolBar_Default .rtbItemFocused .rtbIn,
    .pageContent .RadToolBar_Default .rtbItemHovered .rtbWrap,
    .pageContent .RadToolBar_Default .rtbItemHovered .rtbOut,
    .pageContent .RadToolBar_Default .rtbItemHovered .rtbMid,
    .pageContent .RadToolBar_Default .rtbItemHovered .rtbIn,
    .pageContent .RadToolBar_Default .rtbDropDownExpanded .rtbWrap,
    .pageContent .RadToolBar_Default .rtbDropDownExpanded .rtbOut,
    .pageContent .RadToolBar_Default .rtbDropDownExpanded .rtbMid,
    .pageContent .RadToolBar_Default .rtbDropDownExpanded .rtbIn {
        background: transparent;
        border-color: transparent;
    }

    .pageContent .RadToolBar_Default .rtbChoiceArrow,
    .pageContent .RadToolBar_Default .rtbItemHovered .rtbChoiceArrow,
    .pageContent .RadToolBar_Default .rtbItemClicked .rtbChoiceArrow,
    .pageContent .RadToolBar_Default .rtbSplBtnExpanded .rtbChoiceArrow,
    .pageContent .RadToolBar_Default .rtbDropDownExpanded .rtbChoiceArrow {
        background-image: url("Images/dd-arrow.svg");
        background-position: center center;
        background-repeat: no-repeat;
    }

    .pageContent .RadToolBar_Default .rtbDropDown .rtbText {
        color: #027dca;
        border-bottom: 1px dashed #027dca;
        display: inline-block;
    }

.pageContent .RadToolBar .rtbItem.rtbBtn #ShowDataButton {
    color: #ffffff;
    font-size: 16px;
    border: none;
    background: #027dca;
    padding: 0 10px;
    height: 30px;
    line-height: 1;
    box-sizing: border-box;
    text-transform: uppercase;
    font-family: 'PTSansRegular';
}

    .pageContent .RadToolBar .rtbItem.rtbBtn #ShowDataButton:hover {
        cursor: pointer;
        background: #188AD2;
        border-color: #188AD2;
    }

    .pageContent .RadToolBar .rtbItem.rtbBtn #ShowDataButton span {
        margin: 0;
        padding: 0;
        line-height: 30px;
        box-sizing: border-box;
        height: auto;
        font-family: 'PTSansRegular';
        vertical-align: top;
    }

    .pageContent .RadToolBar .rtbItem.rtbBtn #ShowDataButton:hover span {
        cursor: pointer;
    }

.rtbSlide .RadToolBarDropDown_Default {
    background: #ffffff;
    border: 1px solid #ccc;
}

    .rtbSlide .RadToolBarDropDown_Default .rtbGroup {
        background: #ffffff;
    }

    .rtbSlide .RadToolBarDropDown_Default .rtbItem {
        margin: 0;
        padding: 0;
    }

        .rtbSlide .RadToolBarDropDown_Default .rtbItem .rtbWrap {
            color: black;
            font-size: 16px;
            font-family: 'PTSansRegular';
            margin: 0;
            padding: 4px 8px;
        }

    .rtbSlide .RadToolBarDropDown_Default .rtbItemHovered .rtbWrap {
        background: #dff3d8;
        border-color: #dff3d8;
    }

.pageContent .RadToolBar ul.rtbUL {
    width: 100%;
}

.pageContent .RadToolBar .chartShowData {
    float: right;
    background: #027dca;
    border: 1px solid #027dca;
    color: #ffffff;
    font-size: 16px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    font-family: 'PTSansRegular';
    box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
    .pageContent .RadToolBar .chartShowData{
        margin-top:10px;
    }
}

    .pageContent .RadToolBar .chartShowData a:link {
        padding: 0;
        margin: 0;
        height: 28px;
        line-height: 30px;
        box-sizing: border-box;
        vertical-align: top;
        color: #ffffff !important;
    }

    .pageContent .RadToolBar .chartShowData span {
        padding: 0;
        margin: 0;
        height: 28px;
        line-height: 30px;
        box-sizing: border-box;
        vertical-align: top;
        color: #ffffff !important;
    }

    .pageContent .RadToolBar .chartShowData.rtbItemHovered {
        cursor: pointer;
        background: #188AD2;
        border-color: #188AD2;
    }


.diagramWrapper {
    width: 100%;
    overflow-x: auto;
}

    .diagramWrapper img {        
        margin-top: 10px;
    }
    .diagramWrapper:not(.donut) img {
        border: 1px solid #E5E5E5;        
    }


/*******************/
/****Form*****/
.createForm label {
    color: #333;
    font-size: 16px;
    font-family: 'PTSansRegular';
    vertical-align: top;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-right: 20px;
}
@media screen and (max-width: 1024px) {
    .createForm label{
        font-size:13px;
    }
}

.createForm .displayCell-l {
    padding-bottom: 10px;
    vertical-align: top;
}

@media screen and (max-width: 1024px) {
    .createForm .displayRow-l > .displayCell-l:first-of-type {
        padding-bottom: 5px;
    }

    .createForm .displayRow-l > .displayCell-l:last-of-type {
        padding-bottom: 15px;
    }
}

.createForm input[type="button"].button-blue {
    margin-top: 30px;
}
/***************/

/***MobileMenu***/
.menuMobile {
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    background-color: #004363;
    width: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
    z-index: 3;
}

    .menuMobile a[href="#MobileMenu_SkipLink"] {
        display: none;
    }

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

    .menuMobile_close:hover {
        cursor: pointer;
    }

    .menuMobile_close img {
        margin: 16px;
    }

.menuMobile > div {
    float: none !important;
}

.menuMobile ul {
    list-style-type: none;
    float: none !important;
    padding: 0;
    margin: 0;
}

    .menuMobile ul ul {
        margin-bottom: 2px;
    }

.menuMobile a.level1 {
    display: block;
    width: 100%;
    text-transform: uppercase;
    color: white;
    font-size: 13px;
    font-family: 'PTSansBold';
    text-decoration: none;
    padding: 13px 20px;
    border-top: 2px solid #006481;
    border-bottom: 2px solid #006481;
    background-color: #004e71;
    position: relative;
    margin-top: -2px;
    box-sizing: border-box;
    background: url("Images/menu-collapsed.svg") right center no-repeat transparent;
}

    .menuMobile a.level1:hover {
        cursor: pointer;
        background-color: #006481;
    }


    .menuMobile a.level1.selected {
        border: none;
        color: #35383a;
        background: url("Images/menu-expanded.svg") right center no-repeat #ffd047;
        padding: 15px 20px;
    }

        .menuMobile a.level1.selected + ul,
        .menuMobile a.level1.selected + ul ul {
            display: block !important;
            position: relative !important;
            left: 0 !important;
            top: 100% !important;
        }

.menuMobile a.level2 {
    display: block;
    width: 100%;
    color: #9dc8db;
    font-size: 13px;
    font-family: 'PTSansBold';
    text-decoration: none;
    padding: 15px 20px;
    box-sizing: border-box;
}

.menuMobile a.level3 {
    display: block;
    width: 100%;
    color: #9dc8db;
    font-size: 13px;
    font-family: 'PTSansBold';
    text-decoration: none;
    padding: 15px 20px;
    margin-left: 20px;
    box-sizing: border-box;
}

    .menuMobile a.level2[href]:hover,
    .menuMobile a.level3:hover {
        text-decoration: underline;
        color: #ffffff;
    }

    .menuMobile a.level2.selected,
    .menuMobile a.level3.selected {
        color: #ffce48;
    }

.menuMobile .menuExtraMobile {
    padding: 15px 0 10px 20px;
}

    .menuMobile .menuExtraMobile a.level1 {
        display: block;
        width: 100%;
        text-transform: uppercase;
        color: #5c9bb2;
        font-size: 13px;
        font-family: 'PTSansBold';
        text-decoration: none;
        padding: 0;
        border-top: none;
        border-bottom: none;
        background-color: transparent;
        position: relative;
        box-sizing: border-box;
        background: none;
        margin: 0 0 14px 0;
    }

.menuMobile #MobileMenuExtra a.popout {
    background-image: none;
}

.menuMobile .menuExtraMobile a.level1:hover {
    cursor: pointer;
    color: #5c9bb2;
    text-decoration: underline !important;
}

.menuMobile .menuExtraMobile a.level1 img.icon {
    margin-right: 10px;
    padding: 8px;
    border: 1px solid #006381 !important;
    margin-top: -2px;
}

.menuMobile .menuExtraMobile a.level1:hover img {
    border-color: #5c9bb2 !important;
}
/***********************/
/************/
.contentInfo {
    border-top: 1px solid #00bb54;
    border-bottom: 6px solid #00bb54;
    padding: 15px 0;
    box-sizing: border-box;
    display: inline-block;
}

.contentInfoImg {
    box-sizing: border-box;
    width: 56px;
    height: 56px;
    margin-right: 15px;
}

.contentInfoText {
    float: left;
}

.pdfFile {
    margin-top: 30px;
}

    .pdfFile td {
        vertical-align: middle;
    }

    .pdfFile img {
        margin-right: 15px;
    }

.pdfFileName {
    float: left;
}

    .pdfFileName a {
        color: #004b73;
        font-size: 16px;
        text-decoration: none;
    }

        .pdfFileName a:hover {
            text-decoration: underline;
        }

.pdfFileSize {
    color: #a7a7a7;
    font-size: 14px;
    display: block;
}
/***********/