html, body {
		font-family: Catamaran, Verdana;

        /*background-image: url("../Scripts/ServicePortal/img/bg.png");*/
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: fixed;
        background-size: cover;
	}


div.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

    .mds-disable-hover{
        pointer-events: none;
    }
	
	.mds-border-right {
		border-right: 1px solid #bdbdc2;
	}

    .mds-border-left {
		border-left: 1px solid #bdbdc2;
	}

    .mds-border-vertical {
		border-right: 1px solid #bdbdc2;
        border-left: 1px solid #bdbdc2;
	}

    .mds-border-horizontal {
        border-top: 1px solid #bdbdc2;
        border-bottom: 1px solid #bdbdc2;
    }

    .mds-tag {
        border-radius: 15px;
        padding-left:10px;
        padding-right:10px;
        margin:5px;
    }


	
	.mds-bottomline-link {
		padding-bottom: 5px;
		padding-top: 28px;
	}
	
	.mds-strong-shadow {
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.9);
	}
	
	.mds-light-shadow:hover {
		box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.4) !important;
	}
	
	.mds-card {
		padding-top: 0px !important;
		border-top: 0px solid #7b7b81;
		box-shadow: none !important;
	}

    .mds-border-top {
        border-top:1px solid #bdbdc2;
    }

    .mds-border-bottom {
        border-bottom:1px solid #bdbdc2;
    }

    .mds-border {
        border: 1px solid #bdbdc2;
        margin-top: -1px;
    }

    .mds-border-transparent {
        border-color: rgba(255,255,255,0);
	}
	
	
	.mds-nopadding {
		padding-right:0px;
		padding-left:0px;
		padding-top:0px;
		padding-bottom:0px;
	}

    .mds-nomargin {
		margin-right:0px;
		margin-left:0px;
		margin-top:0px;
		margin-bottom:0px;
	}

    .mds-nomargin_h {
		margin-right:0px;
		margin-left:0px;
	}

    .mds-nomargin_v {
		margin-top:0px;
		margin-bottom:0px;
	}
	
	.mds-menu-pane-v {
		width: 30px;
	}
	

	
	.mds-paragraph-small {
		margin-top:8px;
		margin-bottom:8px;
        white-space: nowrap;
	}

    .mds-negative-margin-y {
        margin-top: -1px;
        margin-bottom: -1px;
    }

    .mds-negative-margin-x {
        margin-left: -1px;
        margin-right: -1px;
    }
	
	.mds-button-bright {
        background-color: rgba(255,255,255,0.15);
		box-shadow: none;
		margin-top: 0px;
		transition:.15s;
		
	}

	
	.mds-button-dark {
		background-color: rgba( 0, 0, 0, 0.2);
		box-shadow: none;
		margin-top: 0px;
        cursor:pointer;
		transition:.15s;
		
	}

    .mds-button-light-gray {
		background-color: #bdbdc2;
		box-shadow: none;
		margin-top: 0px;
        cursor:pointer;
		transition:.15s;
		
	}

    .mds-hover-bright, .mds-hover-dark, .mds-text-hover-bright, .mds-text-hover-dark, .mds-text-hover-orange
    {
       cursor:pointer; 
    }

	
	
    .mds-select {
        box-shadow: inset 0 0 0 2px #bdbdc2;
        background-color: white;

    }

        .mds-select.mds-hover-bright:hover {
            box-shadow: inset 0 0 0 2px rgba(123,123,129,0.15);
            background-color: white;
        }

    .mds-popup {
        position:absolute;
        background-color: white;
        left:0px;
        top:44px;
        z-index:1;
        display:none;
    }
	

	
	.mds-tab {
		margin-top: 3px !important;
		padding-left: 8px;
		height: 29px !important;		
		vertical-align: middle;
	}
	
	.mds-quickaction {
		width:250px;
	}
	
	.mds-expandable {
		max-height: 260px;
		overflow:hidden;
		position:relative;
	}
	
	.mds-expanded {
		height: unset;
		position:relative;
	}
	
	.mds-toggle {
		bottom:0px;
		left:0px;
		width:100%;
		transition:0.15s;
	}    




    .mds-new-element {
        background-color: rgba(236,103,7,0.15);
    }

    @keyframes shake {
        0%, 100% {transform: translateX(0);}
        10%, 30%, 50%, 70%, 90% {transform: translateX(-6px);}
        20%, 40%, 60%, 80% {transform: translateX(6px);}
    }

    .mds-shake {
        animation-duration: 0.8s;
        animation-fill-mode: both;
        animation-name: shake;
    }

    .mds-crop{
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
        }


.mds-hover-info{
    position:relative;
    overflow:visible;
}


.mds-hover-info-content {
    position: absolute;
    display: none;
    border: 2px solid #bdbdc2;
    z-index: 10;
    box-shadow: 0 0 0px 2000px rgba(0, 0, 0, 0.3);
    width: 50vw;
}

.mds-hover-info:hover .mds-hover-info-content {
    display: block;
}

.mds-hover-info:hover{
    z-index:20;
}

select.mds-hover-bright:hover{

    }

@media (max-width:1205px) {
    .occDlg {
        padding-top: 0vh;
        padding-bottom: 0vh;
    }
}

@media (min-width:1206px) {
    .occDlg {
        padding-top: 5vh;
        padding-bottom: 10vh;
    }
}
    /*
    display: none; padding-top:5vh;padding-bottom:10vh;
*/
    .FullscreenDialog {
        background-color: silver;
        position: fixed;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100vh;
        z-index: 100;
    }

        .FullscreenDialog .header {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 101;
            width: 100%;
        }