html, body {
    overflow-x: auto; 
    /*overflow-y: hidden;*/ 
    width: 100%; 
    margin: 0; 
    padding: 0; 
    font-family: "HelveticaNeueRoman", Helvetica, Arial, sans-serif; 
    box-sizing: border-box; 
    font-size: 62.5%; 
    line-height: normal;
    height: 100%;}

:before,:after {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box}

html {
    font-size:10px;
    -webkit-tap-highlight-color:transparent
}

body {
    font-family:HelveticaNeueRoman,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    /*line-height:1.428571429;*/
    color:#404040;
    background-color:#fff
}

body .stretch {
    width: 100%; 
    height: 100%;
}

body .anchor, body a { 
    text-decoration: none; 
    color: #365ebf; 
    cursor: pointer;
}

 *,:before,:after {
     font-smoothing:antialiased;
     -moz-osx-font-smoothing:grayscale;
     -webkit-font-smoothing:antialiased
 }

.shell-view {
    width:100%;
    height:100%;
}

body, div, dl, dt, dd, li, pre, form, fieldset, input, textarea, p, blockquote {
    margin: 0; 
    padding: 0;
}

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

a {
    text-decoration:none;
    color:#365ebf;
    cursor:pointer;
}

a {
    background:transparent
}

a:active,a:hover {
    outline:0
}

/*a:link,a:visited {
    color:#365ebf;
}*/

a:hover {
    color:#365ebf;
    text-decoration:underline;
}

a:active {
    color:#2c4d9c;
}

a.disabled {
    text-decoration:none;
    opacity:0.4;
    cursor:default;
}

* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.shell-view .main {
    width:100%;
    height:100%;
    position:absolute;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
}

.flex-columns {
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    width:100%;
}

.flex-columns>.flex-fixed {
    -webkit-flex:0 0 auto;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
}

.flex-columns>.flex-flexible { 
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:auto;
}

.flex-children {
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
}

.flex-children>* {
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
}

.flex-stack {
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%;
}

.flex-stack>.flex-fixed {
    -webkit-flex:0 0 auto;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
}

.shell-view .main .body-container>.body {
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    transform:translate3d(0, 0, 0);
    -webkit-transform:translate3d(0, 0, 0);
    position:relative;
}

.shell-view .main .body-container>.body>div {
    min-width:603px;
}

.flex-stack>.flex-flexible {
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:auto;
}

.spinner-view {
    display:none;
    background:rgba(255, 255, 255, 0.7);
    position:fixed;
    width:100%;
    height:100%;
}

.spinner-view .busyIndicator {
    position:fixed;
    top:45%;
    left:50%;
    width:80px;
    height:80px;
    animation:spinner 0.6s steps(6, end) infinite;
    -webkit-animation:spinner 0.6s steps(6, end) infinite;
    background-size:80px;
}

.spinner{
    background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAiIGhlaWdodD0iMTYwIiB2aWV3Qm94PSIwIC0wLjMxIDE2MCAxNjAiIG92ZXJmbG93PSJ2aXNpYmxlIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgLTAuMzEgMTYwIDE2MCI+PHBhdGggZmlsbD0iI0FFQkVFMiIgZD0iTTIxLjEwMyAxMTMuN2wtMTAuMTEyIDUuODM0YzE0LjY1NCAyNS4zODUgMzkuNzAxIDM5Ljg0NiA2OS4wMTIgMzkuODQ2di0xMS41MThjLTI1LjIwNy0uMDA4LTQ3LjE5LTEzLjc2Mi01OC45LTM0LjE2MnoiLz48cGF0aCBmaWxsPSIjODc5REQxIiBkPSJNMTIuMTE3IDc5Ljk1NGMwLTEyLjQ1MSAzLjM2Ni0yNC4xMDcgOS4yMTQtMzQuMTM5bC0xMC4zNC01Ljk2OWMtMTQuNjU0IDI1LjM4MS0xNC42NTQgNTQuMzA1IDAgNzkuNjg4bDEwLjExMS01LjgzOGMtNS43MDctOS45NDItOC45ODUtMjEuNDU1LTguOTg1LTMzLjc0MnoiLz48cGF0aCBmaWxsPSIjNjI3Q0JEIiBkPSJNODAuMDAyIDEyLjA0OHYtMTIuMDQ4Yy0yOS4zMSAwLTU0LjM1NyAxNC40NTgtNjkuMDExIDM5Ljg0NmwxMC4zNCA1Ljk2OWMxMS43NjUtMjAuMTg0IDMzLjYyNy0zMy43NTkgNTguNjcxLTMzLjc2N3oiLz48cGF0aCBmaWxsPSIjNDA2MEFDIiBkPSJNODAuMDI0IDEyLjA0OGMyNS4wNDggMCA0Ni45MTEgMTMuNTcxIDU4LjY4MyAzMy43NTFsMTAuMzEyLTUuOTU0Yy0xNC42NTYtMjUuMzg3LTM5LjcwMi0zOS44NDUtNjkuMDE3LTM5Ljg0NXYxMi4wNDhoLjAyMnoiLz48cGF0aCBmaWxsPSIjRTRFOUY1IiBkPSJNMTQ5LjAxOSAzOS44NDZsLTEwLjMxMiA1Ljk1NGM1Ljg1NCAxMC4wMzUgOS4yMjQgMjEuNjk5IDkuMjI0IDM0LjE1NCAwIDEyLjI5NS0zLjI4MiAyMy44MTItOC45OTYgMzMuNzYybDEwLjA4NSA1LjgxOGMxNC42NTQtMjUuMzgzIDE0LjY1NC01NC4zMDctLjAwMS03OS42ODh6Ii8+PHBhdGggZmlsbD0iI0Q3REZGMSIgZD0iTTEzOC45MzQgMTEzLjcxNWMtMTEuNzE1IDIwLjM5OC0zMy42OTggMzQuMTQ2LTU4LjkxIDM0LjE0NmgtLjAyMXYxMS41MThjMjkuMzE0IDAgNTQuMzYtMTQuNDYxIDY5LjAxNy0zOS44NDZsLTEwLjA4Ni01LjgxOHoiLz48L3N2Zz4=');
}

.left-nav-view {
    width:185px;
    min-width:185px;
    background-color:#193048;
    box-shadow:inset -3px 0 rgba(0, 0, 0, 0.15);
    /*zoom:reset;*/
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    transform:translate3d(0, 0, 0);
    -webkit-transform:translate3d(0, 0, 0);
    transition:width 0.5s;
}

    .left-nav-view .app-logo {
        width: 185px;
        height: 56px;
        background-size: 148px;
        background-position: 6px 15px;
        background-repeat: no-repeat;
        cursor: pointer;
        padding: 3px 0;
        transition: background-size 0.2s;
        /*background-image: url('../images/Fortis-Text-Agency-Bold-K-Outline-White-MRP.png');*/
        /*background-image: url('../images/Fortis-Text-Agency-Bold-O&W-Outline-White-MRP.png');*/
        background-image: url('../images/Fortis-Text-Arial-Bold-O&W-Outline-White-MRP.png');
        /*background-image: url('../images/FourSite.png');*/
    }
    }

.left-nav-view .left-nav-list-view {
    position:relative;
}

.left-nav-view .primaryNavItem {
    width:185px;
}

.left-nav-view .primaryNavItem.selected a {
    color:#fff;
}

.left-nav-view .primaryNavItem a {
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    line-height:45px;
    color:#c0d0e4;
    display:block;
    text-decoration:none;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.left-nav-view .primaryNavItem:hover {
    background-color:#0098CD;
}

.left-nav-view .primaryNavItem a .label {
    font-family:"HelveticaNeueRoman",Helvetica,Arial,sans-serif;
    padding-right:2px;
}

.left-nav-list-view .primaryNavItem i.fa {
    font-size:22px;
    width:45px;
    vertical-align:middle;
    text-align:center;
}

.left-nav-list-view .primaryNavItem.selected i.fa {
    color:white;
}

.global-header-view nav {
    z-index:3;
    position:relative;
    /*zoom:reset;*/
}

.global-header-view .navigation-canvas {
    width:100%;
    height:40px;
    /*background-color:#e3eaf3;*/
    background-color: #e7751e;
    /*background-color: red;*/
    display:table;
    table-layout:fixed;
}

#globalHeaderMenu > .k-last {
    float: right;
    border-left-width: 1px;
    border-right-width: 0;
}

.k-menu .k-state-selected>.k-link {
    background-color: #193048;
    border-color: #193048;
}

.mainContainer {
    padding: 20px 15px 30px 15px;
}

/* Flex CSS for Input Forms */
.flex-form {
    display: flex;
    flex-direction:column;
    margin: .54em;
    padding: 1em;
    border: 2px solid rgba(20,53,80,0.14);
    flex:1;
    flex-shrink:1;
}

.flex-form-row {
    display:flex;
}

.flex-form-row-item {
    padding-bottom: 1em;
    padding-right: 2em;
    flex:1;
}

.flex-form-row-item-2 {
    padding-bottom: 1em;
    padding-right: 2em;
    flex:2;
}

.flex-form-row-item-3 {
    padding-bottom: 1em;
    padding-right: 2em;
    flex:3;
}

.flex-form-row-item-4 {
    padding-bottom: 1em;
    padding-right: 2em;
    flex:4;
}

.flex-form-row label {
    display: block;
    padding-bottom: 1em;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    color: #444;
}



/*CSS form Forms*/
.fieldSection {
    /*margin: 0 auto 4.5em;*/
    /*margin: auto;*/
    margin: .54em;
    padding: 1em;
    border: 1px solid rgba(20,53,80,0.14);
}

.fieldColumn {
    width: 29%;
    /*padding: 0 2%;*/
    margin: 0 0 2em;
    float: left;
}

.fieldColumn50 {
    width: 45%;
    /*padding: 0 2%;*/
    margin: 0 2em 2em 0;
    float: left;
}

.fieldlist {
    /*margin: 0 0 -2em;*/
    padding: 0;
}

.fieldlist-horizontal {
    padding: 0;
    display:flex;
}

.fieldlist li {
    list-style: none;
    padding-bottom: 1em;
}

.fieldlist-horizontal li {
    list-style: none;
    padding-bottom: 1em;
    padding-right: 2em;
}

/*.fieldlist-horizontal li:after {
    clear:both;
}*/

.fieldlist label {
    display: block;
    padding-bottom: 1em;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    color: #444;
}

.fieldlist-horizontal label {
    display: block;
    padding-bottom: 1em;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    color: #444;
}

input.fullWidth {
    width: 100%;
}

.delete-message {
    margin: 5px;
}

.createdmodified tr {
    vertical-align: top;
}

.createdmodified span {
    margin-right: 30px;
}

.fa.fa-grip:before {
    content: "\f142 \202F \f142 \202F \f142";
}

.window-content {
    overflow: auto; 
    height: calc(100% - 66.91px); 
    padding: 10px
}

.window-content-flex {
    overflow: auto; 
    padding: 10px
}

.window-content-popup {
    overflow: auto; 
    /*height: calc(97% - 70px);*/ 
    padding: 10px
}

.window-footer {
    width: 100%; 
    height: 45px; 
    background: #193048;
}

.window-footer-buttons-right {
    float: right; 
    margin-right: .54em; 
    margin-bottom: .54em; 
    margin-top: .54em;
}

.window-footer-buttons-left {
    float: left; 
    margin-left: .54em; 
    margin-bottom: .54em; 
    margin-top: .54em;
}


.form-background {
    border: 1px solid rgba(20,53,80,0.14);
    background-color:lightyellow;
    padding-top:10px;
    padding-left:10px;
    padding-bottom:0px;
    padding-right:10px;
}

.grid-row-background-red {
    background-color:rgba(255, 0, 0, 0.51);
}

.grid-row-background-yellow {
    background-color:lightyellow;
}

.selected-border {
    border-color: #f85a00;
}

.selected-background {
    background-color: #ff833d;
    background-image:  url(textures/highlight.png);
}

.k-grid-filter.k-state-active {
    background-color: #ff833d;
}

/*.page-wrap {
  min-height: 100%;
  margin-bottom: -45px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  height: 45px; 
}
.site-footer {
  background: #193048;
  position: relative;
}*/

/* Fix for wrong forecolor on Error Notifications */
/*.k-widget.k-notification.k-notification-error {
    color: white;
}

.k-widget.k-notification.k-notification-success {
    color: white;
}*/


/* kendo.confirm  does not allow the setting of the title, by default it shows the URL of the site */
.k-confirm .k-window-titlebar::before {
    content: 'Fortis Confirmation';
}

.k-confirm .k-window-titlebar .k-dialog-title {
        visibility:collapse;
    }

.k-prompt .k-window-titlebar::before {
    content: 'Fortis Prompt';
}

.k-prompt .k-window-titlebar .k-dialog-title {
        visibility:collapse;
    }

.k-alert .k-window-titlebar::before {
    content: 'Fortis Alert';
}

.k-alert .k-window-titlebar .k-dialog-title {
        visibility:collapse;
    }