﻿@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v9/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v9/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v9/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v9/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v9/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v9/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v9/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v9/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://fonts.gstatic.com/s/opensans/v9/EInbV5DfGHOiMmvb1Xr-hugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v9/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(https://fonts.gstatic.com/s/opensans/v9/PRmiXeptR36kaC0GEAetxko2lTMeWA_kmIyWrkNCwPc.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v9/PRmiXeptR36kaC0GEAetxh_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v9/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v9/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(https://fonts.gstatic.com/s/opensans/v9/PRmiXeptR36kaC0GEAetxl2umOyRU7PgRiv8DXcgJjk.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v9/PRmiXeptR36kaC0GEAetxn5HxGBcBvicCpTp6spHfNo.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v9/PRmiXeptR36kaC0GEAetxolIZu-HDpmDIZMigmsroc4.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v9/PRmiXeptR36kaC0GEAetxjqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url(https://fonts.gstatic.com/s/opensans/v9/PRmiXeptR36kaC0GEAetxnibbpXgLHK_uTT48UMyjSM.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v9/PRmiXeptR36kaC0GEAetxkCDe67GEgBv_HnyvHTfdew.woff) format('woff');
}


@font-face {
    font-family: open sans;
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
    font-family: open sans;
    font-style: normal;
    font-weight: 400;
    src: local(open sans), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: open sans;
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
    font-family: open sans;
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
    font-family: open sans;
    font-style: normal;
    font-weight: 800;
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
    font-family: open sans;
    font-style: italic;
    font-weight: 300;
    src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/PRmiXeptR36kaC0GEAetxh_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff');
}

@font-face {
    font-family: open sans;
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

@font-face {
    font-family: open sans;
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/PRmiXeptR36kaC0GEAetxn5HxGBcBvicCpTp6spHfNo.woff) format('woff');
}

@font-face {
    font-family: open sans;
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/PRmiXeptR36kaC0GEAetxjqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');
}

@font-face {
    font-family: open sans;
    font-style: italic;
    font-weight: 800;
    src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/PRmiXeptR36kaC0GEAetxkCDe67GEgBv_HnyvHTfdew.woff) format('woff');
}

.dMindButton {
    -webkit-appearance: none;
    border: solid 3px silver;
}

::-webkit-scrollbar {
    width: 15px;
}

::-webkit-scrollbar-track {
    background-color: rgba(108,99,161,0.05);
}

::-webkit-scrollbar-thumb {
    background-color: rgba(108,99,161,0.25);
}

::-webkit-scrollbar-corner {
    background-color: silver;
}

.innerCellDesign {
    background-color: #ADD8E6;
    border: 2px dotted blue;
}

.ContentSplitter {
    background-color: #F5F5F5;
}

.HeaderPane {
    padding-left: 5px;
}

.HeaderPaneView {
    padding-left: 5px;
    background-color: #FFF;
}

.ContentPane {
    padding-right: 7px;
}

.ContentPaneView {
    padding-right: 7px;
    background-color: #FFF;
}

.FooterPane {
    padding-right: 5px;
}

.FooterPaneView {
    background-color: #FFF;
    padding-right: 5px;
}

.CardPane {
    background-color: #FFF;
    border: 0 none transparent;
    padding: 0;
}

.TabsPane {
    background-color: transparent;
}

.SideTabsPane {
    padding-bottom: 0;
}

.SideTabsHeaderPane {
    padding: 0;
}

.ItemCard {
    border: 0 none transparent;
    background-color: #FFF;
}

.FWDivDesign {
    border: 1px dotted #ADD8E6;
    padding: 0px;
    min-height: 28px
}

.FWDiv2 {
    background-color: #FFF;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid lightgray;
    min-height: 28px;
    padding: 2px;
}

.innerPanel {
    min-height: 31px;
    padding: 0px;
}

.innerPanelDesign {
    min-height: 31px;
    padding: 0px;
    border: 0px none transparent;
}


.FWDivView {
    background-color: #FFF;
    min-height: 26px;
    padding: 2px;
}

.FWDiv select {
    background-color: #FFF;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #2BB0D7;
    padding: 2px;
    min-height: 28px;
}


.PopupPanelHeader {
    background-color: black;
    vertical-align: central;
    font-family: 'Open Sans';
    font-size: 14px;
    /*background-color: Transparent;*/
    color: WhiteSmoke;
    height: 26px;
    -webkit-top-left-border-radius: 14px;
    -webkit-top-right-border-radius: 14px;
    /* Firefox 1-3.6 */
    -moz-top-left-border-radius: 14px;
    -moz-top-right-border-radius: 14px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    /* Prevent background color leak outs */
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.dxpc-contentWrapper, PagePopup_CIF-1, #PagePopup_CIF-1 { /*.PopupPanelContent,*/
    /*-webkit-top-left-border-radius: 14px;
    -webkit-top-right-border-radius: 14px;
    /* Firefox 1-3.6 */
    /*-moz-top-left-border-radius: 14px;
    -moz-top-right-border-radius: 14px;*/
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    /*border-top-left-radius: 14px;
    border-top-right-radius: 14px;*/
    /* Prevent background color leak outs */
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.GridTableHeader2 {
    border-right-width: 0px;
    border-left-width: 0px;
}

.dxpc-mainDiv {
    -webkit-top-left-border-radius: 12px;
    -webkit-top-right-border-radius: 12px;
    /* Firefox 1-3.6 */
    -moz-top-left-border-radius: 12px;
    -moz-top-right-border-radius: 12px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    /*border-top-right-radius: 17px;*/
    /* Prevent background color leak outs */
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.dxhe-insertPlaceholder-popup > .dxhe-dialog-popup-static {
    max-width: 330px;
}



.PopupPanelContentPage {
    border: 0 none transparent;
    padding: 5px;
}

.PopupPanelContent {
    background-color: #F5F5F5;
    padding: 0;
}

.PopupPanel {
    background-color: #F5F5F5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.buttondiv {
    -webkit-appearance: none;
    float: left;
    margin: 5px;
}

.buttondiv2 {
    -webkit-appearance: none;
    float: left;
    margin: 2px;
}

.SimpleText {
    font-family: open sans, open sans, Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 10pt;
}

.errortext {
    font-family: open sans, open sans, Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 10pt;
    color: red;
}

.tabbox {
    height: 238px;
    width: 100%;
    overflow: scroll;
}

.Links {
    text-decoration: none;
    font-family: open sans, open sans, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 9pt;
}

.movedown {
    position: relative;
    top: 8px;
}

.grouph {
    color: #90EE90;
}

.cell50_0 {
    width: 50%;
    float: left;
}

.cell50_1 {
    width: 50%;
    float: right;
}

.cell25 {
    width: 25%;
}

.cell20 {
    width: 20%;
}

.cell16 {
    width: 16%;
}

input[type='checkbox'], input.checkbox {
    height: 15px;
    width: 15px;
    border: 0;
}

.dxgvFocusedRow {
    height: 27px;
}

.roundedPopup {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.25), 0 8px 16px 0 rgba(0,0,0,0.35);
    -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.25), 0 8px 16px 0 rgba(0,0,0,0.35);
    -moz-box-shadow: 0 0 0 1px rgba(255,255,255,0.25), 0 8px 16px 0 rgba(0,0,0,0.35);
}

    .roundedPopup, .roundedPopup .dxpcHeader {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }

.roundedPopup, .dxpcContent, .roundedPopup {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.halftransparent {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=4);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}

.radiobuttonstyle {
    font-family: 'Open Sans';
}

.roundedPopup2 {
    -webkit-appearance: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=88);
    filter: alpha(opacity=88);
    -moz-opacity: 0.88;
    -khtml-opacity: 0.88;
    opacity: 0.88;
}

.roundedButton {
    -webkit-appearance: none;
    background-color: #e8e8e8;
    font-family: open sans;
    font-weight: 600;
    font-size: 12px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.roundedTabs {
    font-weight: 600;
    -webkit-border-top-left-radius: 14px 14px;
    -webkit-border-top-right-radius: 14px 14px;
    -moz-border-radius: 14px;
    border-top-left-radius: 14px 14px;
    border-top-right-radius: 14px 14px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.dxsplControl {
    height: inherit !important;
}

.myFilterRow {
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #777;
}

.mydxgvTable {
    background-color: #FFF;
    border-collapse: collapse !important;
    overflow: hidden;
    color: #000;
    border-width: 0;
}

.topbartext {
    font-family: open sans, sans-serif;
    font-size: 16px;
    color: #F5F5F5;
    font-weight: 500;
    text-align: right;
}

.topbartext2 {
    font-family: open sans, sans-serif;
    font-size: 16px;
    color: #333;
    font-weight: 600;
    text-align: right;
}

.biglabel {
    font-family: open sans, sans-serif;
    font-size: 20px;
    color: #555;
    font-weight: 600;
}

.Label11 {
    white-space: nowrap;
    font-family: open sans, Arial, Helvetica, sans-serif;
    color: #999;
    font-weight: 500;
    font-size: 12px;
    text-align: left;
}

.Label12 {
    font-family: open sans, Arial, Helvetica, sans-serif;
    color: #999;
    font-weight: 500;
    font-size: 12px;
    text-align: left;
}

.Label13 {
    white-space: nowrap;
    font-family: open sans, Arial, Helvetica, sans-serif;
    color: #999;
    font-weight: 500;
    font-size: 12px;
    text-align: right;
}

.Label {
    white-space: nowrap;
    font-family: open sans, Arial, Helvetica, sans-serif;
    color: #999;
    font-weight: 600;
    font-size: 14px;
    width: 120px;
    vertical-align: middle;
}

.LabelPropertyCard {
    white-space: nowrap;
    font-family: open sans, Arial, Helvetica, sans-serif;
    color: #FF8C00;
    font-weight: 400;
    font-size: 12px;
    width: 120px;
    vertical-align: middle;
}

.Label2 {
    white-space: nowrap;
    font-family: open sans, Arial, Helvetica, sans-serif;
    color: #999;
    font-weight: 500;
    font-size: 12px;
    width: 130px;
    vertical-align: middle;
}

.Data {
    font-family: open sans, open sans, Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #222;
}

.Data2 {
    width: 100%;
    font-family: open sans, Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #222;
}

.Data3 {
    width: 100%;
    font-family: open sans, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-indent: 0px;
    color: #000;
    background-color: transparent;
}

.view {
    width: 100%;
    font-family: open sans, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-indent: 0px;
    color: #000;
    background-color: #FFF;
    vertical-align: top;
}

.imagecircle {
    border-radius: 50%;
}

a:hover {
    text-decoration: underline;
    color: #888;
}

a:active {
    text-decoration: underline;
    color: #AAA;
}

.url {
    color: #777;
    white-space: nowrap;
    font-size: 11px;
    font-family: open sans, open sans, Arial, Helvetica, sans-serif;
}

.fade {
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.headerx {
    font-weight: 600;
    font-size: 26px;
}

.HeaderEdit {
    font-weight: 300;
    background-color: #FDFDFD;
    font-size: 28px;
}

.slider {
    overflow-y: hidden;
    max-height: 100px;
    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0,1,0.5,1);
}

.closebutton {
    transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
}

    .closebutton:hover {
        transform: rotate(90deg);
    }

#FormView1 {
    border-collapse: collapse;
}

.cf {
    height: 20px;
    font-family: open sans, Arial;
    text-indent: 2px;
    background-color: #F5F5F5;
    padding: 2px;
}

.tooltip {
    border-bottom: 1px dotted #000;
    color: #000;
    outline: none;
    cursor: help;
    text-decoration: none;
    position: relative;
}

    .tooltip span {
        margin-left: -999em;
        position: absolute;
    }

    .tooltip:hover span {
        border-radius: 5px 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
        -webkit-box-shadow: 5px 5px rgba(0,0,0,0.1);
        -moz-box-shadow: 5px 5px rgba(0,0,0,0.1);
        font-family: Calibri, open sans, Arial, Geneva, sans-serif;
        position: absolute;
        left: 1em;
        top: 2em;
        z-index: 99;
        margin-left: 0;
        width: 250px;
    }

    .tooltip:hover img {
        border: 0;
        float: left;
        position: absolute;
        margin: -10px 0 0 -55px;
    }

    .tooltip:hover em {
        font-family: Candara, open sans, Arial, Geneva, sans-serif;
        font-size: 1.2em;
        font-weight: 700;
        display: block;
        padding: .2em 0 .6em;
    }

.classic {
    background: #EE712A;
    border: 2px none silver;
    padding: .8em 1em;
}

.custom {
    padding: .5em .8em .8em 2em;
}

* html a:hover {
    background: transparent;
}

.critical {
    background: #FCA;
    border: 1px solid #FF3334;
}

.warning {
    background: #FFA;
    border: 1px solid #FFAD33;
}

.mediumbold {
    font-weight: 600;
}

.tableViewSearchGrid {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: 12px;
    background-size: auto;
    background-clip: border-box;
    background-origin: padding-box;
    background-attachment: scroll;
    padding-left: 20px;
}

.semitransparent {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.cell33 {
    width: 33%;
}

.DataRow3 {
    height: 26px;
}

.dxgvInlineEditRow, .dxgvDataRow {
    height: 12px;
    overflow: hidden;
    cursor: pointer;
}

.dxeEditArea {
    font-family: open sans, Arial;
    font-size: 9pt;
    border: solid 2px gray;
}

.noborder, .GridTableHeader, .Nisse {
    border-style: none;
}

.EditCard, .InsertCard {
    border: 0 none transparent;
    background-color: #F5F5F5;
}

.cell100_0, .cell100, .fullwidth {
    width: 100%;
}

.cell33_0, .cell33_1, .cell33_2 {
    width: 33%;
    float: left;
}

a:link, a:visited {
    text-decoration: none;
    color: #555;
}

.help, .info {
    background: #9FDAEE;
    border: 1px solid #2BB0D7;
}
