#profileSidenav md-ink-bar{
	color: #fff !important;
	background-color: #fff !important;
}

#profileSidenav md-tab-item {
    color: rgba(255,255,255, 0.6) !important;
}

#profileSidenav md-tab-item.md-active{
	color: rgba(255,255,255, 1) !important;
}

#dataTabNavigation {
	position: relative;
	top: -48px;
}


.groupProfileX {
	font-size: 16px;
	margin: 20px 0;
	padding: 3px;
	color: #000;
	background-color: #fff;
	text-transform: none;
	font-weight: 400;
	border: 1px solid #e6e6e6;
}


.md-profile-input{
	padding:3px; 
	border:1px solid #e6e6e6; 
	width: 100%;
	height: 44px;
	font-size: 14px;
}
.md-button.profileleft {
	border-radius: 5px 0 0 5px;
}
.md-button.profilemiddle {
    border-radius: 0;
    border-left: 1px solid rgba(230, 230, 230, 0.96);
    border-right: 1px solid rgba(230, 230, 230, 0.96);
}
.md-button.profileright {
    border-radius: 0 5px 5px 0;
}

.OK {
	color: black !important;
	padding-top: 5px !important;
}

.ROC {
	color: #000099 !important;
	padding-top: 5px !important;
}

.LLA {
	color: yellow !important;
	padding-top: 5px !important;
}

.LOA {
	color: orange !important;
	padding-top: 5px !important;
}

.HIA {
	color: darkred !important;
	padding-top: 5px !important;
}

.HHA {
	color: red !important;
	padding-top: 5px !important;
}

.MNL {
	color: #990099 !important;
	padding-top: 5px !important;
}

.OFS {
	color: #ff00ff !important;
	padding-top: 5px !important;
}

.INV {
	color: darkgray !important;
	padding-top: 5px !important;
}

.BAD {
	color: lightgray !important;
	padding-top: 5px !important;
}

.IOF {
	color: #00cc99 !important;
	padding-top: 5px !important;
}

.LLL {
	color: #00ff00 !important;
	padding-top: 5px !important;
}

.HHH {
	color: #666633 !important;
	padding-top: 5px !important;
}

.LOR {
	color: #663300 !important;
	padding-top: 5px !important;
}

.AVG {
	color: #669999 !important;
	padding-top: 5px !important;
}

.SUS {
	color: #009933 !important;
	padding-top: 5px !important;
}

.PND {
	color: #cc6600 !important;
	padding-top: 5px !important;
}

.MXT {
	color: #6600cc !important;
	padding-top: 5px !important;
}

.INC {
	color: #ff4d4d !important;
	padding-top: 5px !important;
}

.IGNORE {
	color: #3366cc !important;
	padding-top: 5px !important;
}

.MASK {
	color: #99ccff !important;
	padding-top: 5px !important;
}

.btn-selected {
	background-color: #d5d5d5;
}


/*********************************************************************************************   SIZEDEPENDEND CSS-STYLES   **********************************************************************************************/


@media screen and (max-width: 1279px) {
    #profile-toolbar {
        padding-left: 0 !important;
    }
    /*#profileMainContainer {
		height: 100%;
	}*/
}

@media screen and (min-width: 1280px) {
    #profileMainContainer {
        height: calc(100% - 65px);
    }

    #profile-md-card {
        height: calc(100% - 24px) !important;
    }

    .profileCardTabContent {
        height: calc(100% - 64px);
    }

    #profileperiod md-input-container {
        position: relative;
        top: 12px;
        min-width: 150px;
    }	
     /*.tag-wizard-content {
		height:514px;
	}
	.tag-wizard-dialog {
		width:650px;
		height:625px;
	}*/
}

    @media screen and (min-width: 1280px) and (max-width: 1919px) {
        .tag-wizard-dialog {
            overflow-y: auto !important;
        }
    }


    /* iPhone 5 and older...*/
    @media screen and (max-width: 400px) {
        #profile-toolbar .md-button {
            margin: 0 2px 0 2px !important;
        }
    }


    @media screen and (min-width: 1024px) {
        #highchartcontainer {
            height: calc(100% - 75px);
        }
    }

    @media screen and (min-width: 960px) {

        /*.tag-wizard-dialog md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
            height: inherit;
        }*/

    }


    /*************************************   Mobile devices in portrait mode   *************************************/

    /*Overall*/
    @media screen and (max-width: 959px) and (orientation: portrait) {

        #profileperiod input {
            font-size: 75% !important;
        }

        #profileperiod {
            background-color: #fff;
        }	

        .tag-wizard-dialog md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
	       height: calc(100vh - 104px) !important;
	    }

        #profileperiod select {
            min-width: 50px;
        }

        #profileMainContainer md-card-content {
            padding-top: 0 !important;
            padding-bottom: 2px !important;
            margin-bottom: 16px !important;
        }

        #profileperiod md-input-container {
            position: relative;
            top: 10px;
            max-width: 125px;
            width: 125px;
        }

        #profileMainContainer .md-view {
            padding: 0 !important;
        }
    }

    @media screen and (min-width: 600px) and (max-width: 959px) and (orientation: portrait) {
        #profileMainContainer .content-view {
            height: calc(100% - 64px) !important;
        }

        #profileMainContainer md-card-content {
            height: 100%;
        }
    }
    /*************************************   Mobile devices in landscape mode   *************************************/


    @media screen (max-width: 959px) and (orientation: landscape) {
        #profile-md-card md-card-content {
            padding: 4px;
        }
    }


    @media screen and (min-width: 840px) and (max-width: 959px) and (orientation: landscape) {
        #profileMainContainer .content-view {
            height: calc(100% - 128px) !important;
        }
    }

    @media screen and (min-width: 960px) and (max-width: 1279px) and (orientation:landscape) {
        #profileMainContainer .content-view {
            height: calc(100% - 128px) !important;
        }

        /*md-dialog#tag-wizard-dialog {
            width: 600px !important;
        }*/
    }

    @media screen and (max-width: 1279px) and (orientation:landscape) {
        #profileMainContainer md-card-content {
            padding-top: 0 !important;
            padding-bottom: 4px !important;
        }

        #profileMainContainer md-content {
            padding: 0 !important;
        }

        #profileMainContainer navigation {
            position: fixed;
            bottom: 0px;
            left: 0px;
            width: 100vw;
            z-index: 50;
        }
    }

    @media screen and (max-width: 1024px) and (orientation:landscape) {
        #profileperiod input {
            font-size: 75% !important;
        }

        #profileperiod select {
            min-width: 50px;
        }

        #profileperiod md-input-container {
            position: relative;
            top: 10px;
            max-width: 125px;
            width: 125px;
        }

        #profile-md-card {
            margin-top: 0px !important;
        }
    }