@font-face {
	font-family: Roboto-Bold;
	src: url(./fonts/roboto/Roboto-Bold.ttf);
}

@font-face {
	font-family: Roboto-Medium;
	src: url(./fonts/roboto/Roboto-Medium.ttf);
}

@font-face {
	font-family: Roboto-Light;
	src: url(./fonts/roboto/Roboto-Light.ttf);
}

/**************************/
/* JETAS PAGE HEADER STYLING */

.jetas-logo-top {
    width: 150px;
    height: 50px;
}
.jetas-top-menu-button {
    text-align: center;
}
    .jetas-top-menu-button.active {
        border-bottom-style: solid;
        border-bottom-color: #f47b2e; /* gammal färgkod */
        /*border-bottom-color: #EAAD1C; /* orange BOID 1 */
        /*border-bottom-color: #D54658; /* orange/röd BOID 2 */
    }

.navbar-default .navbar-nav>.active>a {
    background-color: none!important;
    color: #000000;
}

.navbar-inverse .navbar-nav > .active > a {
    background-color: none!important;
}

.jetas-session-timout {
    color: gray; 
    position: absolute; 
    bottom: 0; 
    right: 10px
}

.jetas-service-report-top {
    float: left;
    padding: 10px;
    margin: 10px;
}

/***************************/
/* JETAS MAIN CONTENT STYLING */

body {
    font-family: Roboto-Light,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color:#F7F7F7;
}

.jetas-main-content {
    padding-top: 82px;
    margin-top: 5px;
    height: 100%;
    width: 100%;
    overflow: auto;
}

.jetas-page-header {
    display: block;
    height: 4em;
    width: 1100px;
}

.jetas-sideways-scrollbar {
    overflow-y: auto;
}

.jetas-component-inline {
    display: inline;
}

.jetas-no-margin-content {
    margin: 0px;
}

.jetas-component-no-left-margin {
    margin-left: 0px!important;
}

.jetas-component-small-right-margin {
    margin-right: 4px;
}

.jetas-component-medium-margin {
    margin: 10px;
}

.jetas-component-medium-top-margin {
    margin-top: 10px;
}

.jetas-component-medium-right-margin {
    margin-right: 10px!important;
}

.jetas-component-large-left-margin {
    margin-left: 20px;
}

.jetas-component-large-top-padding {
    padding-top: 20px;
}

.splitterContentFrame
{
    width: 100%;
    height: 100%;
}

.splitter {
    position: absolute;
    top: 84px;
    width: 100%;
    bottom: 0;
    left: 0px;
    overflow: hidden;
}

.loading-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(211, 211, 211, 0.5);
    /*height: 125px;*/
    text-align: center;
    padding: 50% 0;
}
.loading-widget-width {
    width: 263px; margin: 0 15px;
}

#loading span {
    padding-top: 50px;
    display: block;
}

/**************************/
/* PAGE SPECIFIC: JETAS REPORT SELECTION STYLING */

div.jetas-reports-filter-group {
	width: 370px;
    background-color: white;
    box-shadow: 4px 4px 10px lightgray;
    margin-bottom: 20px;
}

.jetas-reports-filter-box {
	width: 97%;
	margin: 5px;
}

div.jetas-reports-filter-box i.fa {
	padding-right: 10px;
}

p.jetas-reports-ajax-in-progress {
    padding: 20px 50px 20px 50px; 
    border-style: solid; 
    visibility: hidden;
    border-width: 1px; 
    background-color: #C0C0C0; 
    z-index: 500; 
    top: 200px; 
    left: 400px;
    position: absolute; 
    vertical-align: middle;
}

.jqs-fix-report-selection-action-bar {
    padding-top: 20px; 
    margin-right: -60px;
}

.jqs-display-block {
    display: block;
}

/*********** PAGE SPECIFIC: Task.aspx *******************/

.jetas-task-page-tree-pane {
    width: 300px;
}

/*********** MODULE SPECIFIC: FilterPanel *******************/

.jqs-filter-component {
	position: relative;
}

.jqs-filter-component-main-container {
	position: relative;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}
 
.jqs-filter-component-filter-toggle {
	font-family: Roboto-Medium;
}

.jqs-filter-component-toolbar {
	margin: 0px;
}

.jqs-filter-component-toolbar-btn {
	color: #777;
	padding: 1px;
}

.jqs-filter-component-period-picker li {
	padding: 0px;
}

.jqs-filter-component-period-picker-padding {
	margin-left: 1em;
}

.jqs-filter-component-panel {
	border-radius: 3px;
	background-color: #FFF;
	box-shadow: 4px 4px 10px lightgray;
	margin-bottom: 0.5em;
//	padding: 0.3em 0;
}

.jqs-filter-button-div {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
}

.jqs-filter-component-Time-Title {
    text-transform: uppercase;
}

.filterBlock {
    border-left: 1px solid lightgray;
    padding: 15px;
    display: inline-block;
    text-transform: lowercase;
}


i.jqs-filter-component-minimize-icon {
	background-color: #f7f7f7; 
	position: absolute; 
	top: -0.4em;
	left: -0.25em;
}
.jqs-filter-component-minimized {
	height: 2px; 
	background-color: #CCC;
    margin-bottom: 5px;
}
.jqs-filter-component-minimized span, 
.jqs-filter-component-minimized i {
	background-color: #f7f7f7; 
	position: relative; 
	top: -0.65em;
}
.jqs-filter-component-minimized span {
	left: 0;
}
.jqs-filter-component-minimized i {
	left: -2em;
}
.jqs-filter-component-minimized  div,
.jqs-filter-component-minimized .jqs-filter-component-minimize-icon,
.jqs-filter-component-visible-minimized {
	display: none;
}
.jqs-filter-component-minimized .jqs-filter-component-visible-minimized {
	display: inline;
}

.jqs-widget-loading-overlay,
.jqs-widget-loading div {
	display:none;
}
.jqs-widget-loading .jqs-widget-loading-overlay {
	display: block;
  	position: absolute;
  	z-index: 20;
  	height: 2em;
  	width: 6em;
  	overflow: show;
  	margin: auto;
  	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 0;
}

/*********** JETAS COMPONENT STYLING *******************/

.jqs-expanding-sidebar {
	display: table;
}

.jqs-expanding-sidebar-row {
	display: table-row;
}

.jqs-expanding-sidebar-left-pane {
	display: table-cell; 
	float: left;
	padding: 0.3em;
	overflow-y: auto;
}

.jqs-expanding-sidebar-divider {
	padding: 0px 1px; 
	display: table-cell; 
	border-right: 1px solid #e7e7e7; 
	border-left: 1px solid #e7e7e7;
	vertical-align: middle; 
	cursor: pointer;
}
.jqs-expanding-sidebar-divider:hover {
	background-color: #DDD;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD));
  	background-image: -webkit-linear-gradient(top, #FFF, #DDD);
  	background-image:    -moz-linear-gradient(top, #FFF, #DDD);
  	background-image:      -o-linear-gradient(top, #FFF, #DDD);
  	background-image:         linear-gradient(to bottom, #FFF, #DDD);
}

.jqs-expanding-sidebar-right-pane {
	display: table-cell; 
	vertical-align: top; 
	width: 100%; 
	padding: 0.3em;
}

hr.jetas-discrete-hr {
	border: 0;
	height: 0;
	margin: 1px;
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.jetas-discrete-text {
	color: #DDD;
}

.jetas-detail-text {
	font-family: Roboto-Medium;
	font-size: 0.8em;
}

.jetas-discrete-subheader,
.jetas-discrete-header {
    font-family: Roboto-Medium;
    color: #9b9b9b;
}

.jetas-label {
    font-size: 1.1em;
}
.jetas-normal-text
{
	font-size: 1.1em;
}

.jetas-discrete-label {
	color: #DDD;
	font-size: 1.3em;
}

.jetas-input-validation-warning-text {
	font-family: Roboto-Medium;
	font-size: 0.8em;
	color: #EF372E;
	padding-bottom: 1em;
}

.jetas-label-checkbox,
.jetas-input-btn,
.jetas-input {
	font-family: Roboto-Medium;
}

.jetas-internal-link,
.jetas-external-link,
.jetas-internal-link a {
    font-family: Roboto-Medium;
    color: #0000EE!important;
}

.jetas-component {
}

.jetas-top-navigation {

}

.jetas-top-navigation-right {
}

.jetas-component-md-padding-top-bottom {
	padding: 3px 0px;
}

.jetas-component-full-width {
	width: 100%;
}

.jetas-component-full-height {
	height: 100%;
}

.jetas-component-full-expand {
	height: 100%;
	width: 100%;
}

.jetas-input-primary-button {
	color: #FFF;
	background-color: #A9D42B;
  	background-repeat: repeat-x;
    border-color: #3e8f3e;
    background-image: linear-gradient(to bottom, #A9D42B 0%, #419641 100%);
}
.jetas-input-primary-button:hover,
.jetas-input-primary-button:focus {
  background-color: #419641;
  background-position: 0 -15px;
}
.jetas-input-primary:active,
.jetas-input-primary.active {
  background-color: #419641;
  border-color: #3e8f3e;
}

.jetas-input-fa {
	padding: 4px 0px 3px 0px;
}

ul.jetas-input-checkbox-group {
	padding: 0px;
	margin: 0px;
}

.jetas-input-validation {
	border: none;
	padding: 2px;
	color: #FFF;
	background-color: #777;
}

.jetas-input-validation-warning {
	background-color: #EF372E;
}

.jetas-input-validation-success {
	background-color: #A9D42B;
}

input[type='checkbox'].icon-checkbox{display:none}
input[type='checkbox'].icon-checkbox+label .unchecked{display:inline; padding-right: 2px;}
input[type='checkbox'].icon-checkbox+label .checked{display:none}
input[type='checkbox']:checked.icon-checkbox{display:none}
input[type='checkbox']:checked.icon-checkbox+label .unchecked{display:none;}
input[type='checkbox']:checked.icon-checkbox+label .checked{display:inline; } /*background-color: #A9D42B;}/**/
input[type='checkbox']:disabled.icon-checkbox+label .checked {color:#DDD;} /*background-color: #A9D42B;}/**/
input[type='checkbox']:disabled.icon-checkbox+label .unchecked {color:#DDD; padding-right: 2px;} /*background-color: #A9D42B;}/**/

input[type='radio'].icon-checkbox{display:none}
input[type='radio'].icon-checkbox+label .unchecked{display:inline}
input[type='radio'].icon-checkbox+label .checked{display:none}
input[type='radio']:checked.icon-checkbox{display:none}
input[type='radio']:checked.icon-checkbox+label .unchecked{display:none}
input[type='radio']:checked.icon-checkbox+label .checked{display:inline; } /*background-color: #A9D42B;}/**/
input[type='radio']:disabled.icon-checkbox+label .checked {color:#DDD;} /*background-color: #A9D42B;}/**/
input[type='radio']:disabled.icon-checkbox+label .unchecked {color:#DDD;} /*background-color: #A9D42B;}/**/

.jetas-input-select2 {
	width: 100%;
}

.jetas-panel {
    border-color: #ddd; /* #337ab7;*/
    background-color: white;
    box-shadow: 4px 4px 10px lightgray;
    margin-bottom: 20px;
}

.jetas-expanding-panel-header {
	padding: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}

.jetas-panel-warning {
	font-family: Roboto-Medium;
	color: #FFF;
	background-color: #EF372E;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

.jetas-panel-success {
	font-family: Roboto-Medium;
	color: #FFF;
	background-color: #A9D42B;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

.jqs-tab-bar {
}

.jqs-tab-pane {
	padding: 5px;
}

/**************************/
/* TELERIK RELATED STYLES */

.telerik-collapsable-left-radpane {
    height: 100%;
    border-style: none;
    background-color: whitesmoke !important;
}

.splitViewTreeToolbarBox {
    height: 35px; 
    margin-bottom: 10px;
}

.jetas-remove-me {

}

.jetas-search-dialog, .jetas-search-dialog > * {
    background-color: whitesmoke !important;
    font-family: Roboto-Light;
}

.jetas-small-margin-element {
    margin: 2px;
}

div.RadAsyncUpload .ruButton {
    color: #333!important;
    font-family: Roboto-Medium;
    text-shadow: 0 1px 0 #fff!important;
    background-repeat: repeat-x !important;
    border: 1px solid #adadad !important;
    border-radius: 4px!important;
    background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%)!important;
}
    div.RadAsyncUpload .ruButtonHover {
        border-color: #adadad!important;
        background-color: #e0e0e0!important;
        background-position: 0 -15px!important;
        cursor: pointer!important;
    }

.RadPanelBar_Default,
.RadPanelBar_Silk,
.RadToolBarDropDown_Default,
.RadToolBarDropDown_Silk,
.RadToolBar_Default,
.RadToolBar_Silk,
.RadComboBox_Default,
.RadComboBox_Silk,
.RadTreeView_Default,
.RadTreeView_Silk,
.RadTabStrip_Default,
.RadTabStrip_Silk,
.RadListBox_Default,
.RadListBox_Silk,
.RadComboBoxDropDown_Default,
.RadComboBoxDropDown_Silk,
div.RadGrid_Default,
div.RadGrid_Default .rgMasterTable,
div.RadGrid_Default .rgDetailTable,
div.RadGrid_Default .rgGroupPanel table,
div.RadGrid_Default .rgCommandRow table,
div.RadGrid_Default .rgEditForm table,
div.RadGrid_Default .rgPager table,
div.RadGrid_Silk,
div.RadGrid_Silk .rgMasterTable,
div.RadGrid_Silk .rgDetailTable,
div.RadGrid_Silk .rgGroupPanel table,
div.RadGrid_Silk .rgCommandRow table,
div.RadGrid_Silk .rgEditForm table,
div.RadGrid_Silk .rgPager table,
span.GridToolTip_Default
{
     font-size: 14px!important;
     font-family: Roboto-Light,Helvetica,Arial,sans-serif!important;
}
.RadInput_Default,
.RadInput_Silk,
.RadInputMgr_Default,
.RadInputMgr_Silk,
.RadComboBox_Default,
.RadComboBox_Silk {
    font-size: 14px!important;
    font-family: Roboto-Medium,Helvetica,Arial,sans-serif!important;
}

/**************************/
/* TELERIK: RAD TAB STRIP STYLING */

.RadTabStrip .rtsLevel1,
.RadTabStrip_Silk .rtsLevel1 {
    background: none!important;
    background-image: none!important;
    border-top: 1px solid #e7e7e7!important;
    
}

.RadTabStrip .rtsLevel1 .rtsLink,
.RadTabStrip_Silk .rtsLevel1 .rtsLink {
    border-left: none!important;
    border-right: none!important;
    border-bottom: 1px solid #f47b2e!important;
}

    .RadTabStrip_Silk .rtsLevel1 .rtsLink:hover {
        background: none!important;
        background-image: none!important;

        background-color: #eeeeee!important;
        color: #333!important;
        text-decoration: none!important;
        text-shadow: none!important;
    }

.RadTabStrip .rtsLevel1 .rtsSelected,
.RadTabStrip_Silk .rtsLevel1 .rtsSelected {
    text-shadow: none!important;
    border-radius: 3px 3px 0 0!important;
    border: 1px solid #f47b2e!important;
    border-bottom: none!important;
    background-image: none!important;
    color: #333!important;
    background-color: #FFF!important;
    box-shadow: none!important; /* inset 0 0 3px rgba(0,0,0,0.3);*/
}

.RadTabStrip .rtsLevel1 .rtsSelected,
.RadTabStrip_Silk .rtsLevel1 .rtsSelected,
.RadTabStripTop .rtsLevel1:not(.rtsCenter):not(.rtsRight) .rtsFirst .rtsLink.rtsSelected, 
.RadTabStripTop .rtsLevel1:not(.rtsCenter):not(.rtsRight) .rtsFirst .rtsLink:hover,
.RadTabStripTop_Silk .rtsLevel1:not(.rtsCenter):not(.rtsRight) .rtsFirst .rtsLink.rtsSelected, 
.RadTabStripTop_Silk .rtsLevel1:not(.rtsCenter):not(.rtsRight) .rtsFirst .rtsLink:hover {
    border-radius: 3px 3px 0px 0px;
}

/****************************/
/* FROM EARLIER VERSIONS OF SITE.CSS OR UNWANTED FIXES*/

.jetas-unwanted-bugfix-checkbox-with-label-parent label {
    font-weight: 400;
    padding-left: 7px;
    padding-right: 12px;
    font-family: Roboto-Medium;
}

.jetas-unwanted-bugfix-checkbox-with-label-parent input[type=checkbox], 
.jetas-unwanted-bugfix-checkbox-with-label-parent input[type=radio]
{
    padding-left: 20px;
    margin-left: 0px;
}

/* UNWANTED FIXES WO PAGE*/
        .jetas-fix-wo-page-action-header {
            width: 260px;
        }

        .jetas-fix-wo-page-action-element {
            width: 250px;
        }

        .jetas-fix-wo-page-action-group-top-margin {
            margin-top: 20px;
        }

        .jetas-fix-wo-page-column {
            width: 195px!important;
        }

        .jetas-fix-wo-page-right-column {
            width: 236px!important;
        }

        .jetas-fix-wo-page-left-label-column {
            width: 105px;
            padding-right: 10px;
        }

        .jetas-fix-wo-page-right-label-column {
            width: 95px;
            margin-left: 20px;
        }

        .jetas-fix-wo-page-tabs-left-label-column {
            width: 115px;
            padding-left: 10px;
            padding-right: 10px;
        }

        .jetas-fix-wo-pages-tabs-top-padding {
            padding-top: 10px;
            padding-left: 10px;
        }

        .jetas-fix-wo-page-left-padding {
            padding-left: 10px;
        }

        .jetas-fix-wo-page-top-margin {
            margin-top: 10px;
        }

        .jetas-fix-wo-page-separator-column {
            width: 20px;
        }

        .jetas-fix-wo-page-top-padding {
            padding-top: 10px;
        }

        .jetas-fix-wo-page-sen-email-to-input {
            width: 314px;
        }

        .jetas-fix-wo-page-calendar-icon {
            position: relative;
            z-index: 1;
            top:18px;
            left:145px;
            color: #333;
        }
        .jetas-fix-wo-page-clock-icon {
            position: relative;
            z-index: 1;
            top:18px;
            left:160px;
            color: #333;
        }
        .jetas-fix-wo-page-rad-date-parent {
            position: relative;
        }

/************ BOOTSTRAP OVERRIDES *************/
.tooltip-inner {
	background-color: #FFF;
	color: #000;
	border: 1px solid #DDD;
}

.nav-tabs.nav-justified>li>a {
	color: #333;
    border-bottom: 1px solid #f47b2e;
}

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #f47b2e;
    border-bottom-color: #fff;
}

label {
    font-weight: normal;
}

/* Makes it possible to print maps */
img {
    max-width: initial !important;
}

/************ SELECT2 OVERRIDES ***************/

.select2-container--default {
	width: 100% !important;
  	border-color: #ccc;
}

.select2-selection__arrow {
	background-color: #DDD !important;
	text-shadow: 0 1px 0 #fff;
  	background-repeat: repeat-x;
    border-left: 1px solid #ccc;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -o-border-top-right-radius: 3px;
    -ms-border-top-right-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    -o-border-bottom-right-radius: 3px;
    -ms-border-bottom-right-radius: 3px;
    -khtml-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
    border-right-color: #ccc;
    border-top-color: #ccc;
    border-bottom-color: #ccc;
}


#excel-button {
    cursor: pointer;
}