/* Minification failed. Returning unminified contents.
(176,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-tertiary'
(229,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-select'
(231,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-primary'
(232,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-tertiary'
(238,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-primary'
(259,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-bg'
(268,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-white'
(358,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-secondary'
(359,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-secondary'
(363,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-primary'
(364,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-secondary'
(365,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-secondary'
(413,14): run-time error CSS1039: Token not allowed after unary operator: '-custom-primary'
(480,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-white'
(502,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-tertiary'
(510,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-bg'
(515,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-primary'
(739,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-primary'
(747,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-primary'
(766,18): run-time error CSS1039: Token not allowed after unary operator: '-custom-primary'
(877,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-grid-row1'
(882,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-grid-row2'
(889,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-grid-header'
(926,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-select'
(972,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-white'
(976,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-primary'
(1054,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-tertiary'
(1066,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-tertiary'
(1085,29): run-time error CSS1039: Token not allowed after unary operator: '-custom-tertiary'
(1089,29): run-time error CSS1039: Token not allowed after unary operator: '-custom-white'
(1101,32): run-time error CSS1039: Token not allowed after unary operator: '-custom-tertiary'
(1105,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-grid-header'
(1106,30): run-time error CSS1039: Token not allowed after unary operator: '-custom-tertiary'
(1121,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-tertiary'
(1141,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-grid-border'
(1142,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-grid-segment-unselected'
(1143,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-grid-border'
(1148,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-grid-segment-unselected-font'
(1160,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-bg'
(1163,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-grid-bg'
(1167,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-grid-segment-selected-font'
(1185,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-button-outline-border'
(1186,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-button-outline-border'
(1193,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-secondary'
(1194,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-secondary'
(1203,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-grid-border'
(1204,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-grid-bg'
(1226,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-secondary'
(1227,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-primary'
(1324,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-white'
(1332,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-white'
(1421,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-white'
(1489,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-grid-bg'
(1493,35): run-time error CSS1039: Token not allowed after unary operator: '-custom-primary'
(1683,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1684,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1685,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1686,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1687,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1688,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1689,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1690,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1692,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1693,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1694,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1695,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1696,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1697,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1698,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1699,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1704,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1705,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1706,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1707,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1708,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1709,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1710,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1711,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1713,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1714,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1715,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1716,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1717,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1718,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1719,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1720,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1721,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1722,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1724,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1725,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1726,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1727,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1745,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-bg'
(1837,19): run-time error CSS1039: Token not allowed after unary operator: '-custom-primary'
(1843,19): run-time error CSS1039: Token not allowed after unary operator: '-custom-primary'
 */
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../psrcore/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../psrcore/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../psrcore/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../psrcore/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../psrcore/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../psrcore/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../psrcore/fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../psrcore/fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../psrcore/fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../psrcore/fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../psrcore/fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../psrcore/fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* FontAwesome-regular */
@font-face {
  font-family: 'FontAwesome';
  src: url('../psrcore/fonts/fontawesome-webfont.eot');
  src: url('../psrcore/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
       url('../psrcore/fonts/fontawesome-webfont.woff2') format('woff2'),
       url('../psrcore/fonts/fontawesome-webfont.woff') format('woff'),
       url('../psrcore/fonts/fontawesome-webfont.ttf') format('truetype'),
       url('../psrcore/fonts/fontawesome-webfont.svg?#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../psrcore/fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../psrcore/fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../psrcore/fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../psrcore/fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../psrcore/fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../psrcore/fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

@font-face {
      font-family: 'psricon';
      src: url('../psrcore/fonts/psricon.eot');
      src: url('../psrcore/fonts/psricon.eot') format('embedded-opentype'),
           url('../psrcore/fonts/psricon.woff') format('woff'),
           url('../psrcore/fonts/psricon.ttf') format('truetype'),
           url('../psrcore/fonts/psricon.svg') format('svg');
      font-weight: normal;
      font-style: normal;
}
     
     
.psr-icon
{
    font-family: "psricon";
    font-style: normal;
    font-weight: normal;
    speak: none;
     
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
     
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
     
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
     
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
     
    /* You can be more comfortable with increased icons size */
    /* font-size: 120%; */
     
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
     
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.menuLabel .icon-drizzle {
    margin-left: 0.0px;
    margin-right: 10.0px;
}

.icon-droplet:before { content: '\e801'; } 
.icon-drizzle:before { content: '\e802'; } 
.icon-remove_filter:before { content: '\e806'; } 
.icon-save_filter:before { content: '\e807'; } 
.icon-hydro:before { content: '\e808'; } 
.icon-lightbulb:before { content: '\f0eb'; } 


/*login page and other pages*/
.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6
{
	line-height: 1;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
.header h1,
.header h2,
.header h3
{
	font-size: 18px;
}
.header h4,
.header h5,
.header h6
{
	font-size: 16px;
}
.header p
{
	margin: 0 0 10px 0;
}
.header a,
.header a:link,
.header a:active,
.header a:visited,
.header a:hover
{
	color: inherit;
	text-decoration: underline;
}

.navbar-inverse .navbar-form
{
	text-align: center;
}

.logo_text
{
	font-family: Helvetica;
	font-size: 32px;
	text-align: center;
	color: #073F56;
	display: block;
}

.login_btn
{
	text-align: right;
}

.login-block {
    background: #fff;
    border: 1px solid var(--custom-tertiary);
    margin: 20px auto auto auto;
    max-width: 400px;
    border-radius: 5px;
}

.login-block h3 {
    text-align: center;
    color: #666;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 20px;
}

.login-block input {
    width: 90%;
    height: 42px;
    margin: auto;
}

.login-block label {
    margin: auto;
}

.login-block button {
    width: 90%;
	margin: auto auto 20px auto;
    height: 40px;
    font-weight: bold;
    cursor: pointer;
	display: block;

}

.sidebar-mini.sidebar-collapse .block-perspective {
    display: none !important;
    -webkit-transform: translateZ(0);
  }

/*Header study and system dropdownlist component*/


.dropdown-content {
    text-align: left;
    width: 15em;
    margin-top: 8px;
    margin-left: 5px;
    position: fixed;
    border-radius: 5px;
}

.k-autocomplete, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
    background-color: var(--custom-select);
    border-radius: 5px;
    color: var(--custom-primary);
    border-color: var(--custom-tertiary);
}



.k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-state-hover, .k-menu .k-popup {
    color: var(--custom-primary) !important;
}

.header .comboStudy .dropdown-content {
    width: 30em;
}

/*Spreadsheet max size*/
.spreadsheet-max-size{
    width: 100%;
    height: 500px;
}

/*KENDO GRID, SPREADSHEET CSS*/
.content{
    /*font-family: Helvetica, sans-serif;*/
    font-family: 'Open Sans','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    letter-spacing: 0.3px;
    font-size: 12px;
    color: #191919;
    overflow: hidden;
	background-color: var(--custom-bg);
	padding: 20px 20px 50px 20px;
}

.main-footer {
    padding: 5px;
    bottom: 0px;
    position: fixed;
    width: 100%;
    background-color: var(--custom-white);
    font-size: 0.9em;
    border-top: 1px solid #d2d6de;
    left: 0px;
}

/* Perspective menu - perspective select*/
.activeDropDownPerspective {
    padding: 10px 10px 10px 20px !important;
}
.activeDropDownPerspective select {
    width: 75%;
    display: inline;
}

/*jquery loading - custom overlay*/
.custom-loading-shown{
    z-index: 20000 !important;
}


/*wrap all grid headers*/

.k-header .k-header-column-menu {
    position: absolute;
    right: 8px;
    top: 45%;
    padding: 0;
}

.k-grid .k-grid-header .k-header .k-link {
    height: auto;
    background-image: none;
}

.k-grid .k-grid-header .k-header {
    padding-right: 20px;
    position: relative;
    background-image: none;
}

/*fix date time component font size*/
.k-calendar .k-century .k-link{
	width: auto !important;
	height: auto !important;
}

.k-header {
	background-image: none;
}

/*(fix) show validation when the grid doesn't have any element*/
.k-grid .field-validation-error
{
    position: fixed;
}

/*Grid zebra color*/
.k-alt
{
    background-color: #EBF5FF;
}

.k-grid tr:hover {
    background-color: #AFD7FF;
}

.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
    background-color: #AFD7FF;
}

.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused {
    background-color: #AFD7FF;
}

.k-autocomplete.k-state-hover,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-hover,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-hover,
.k-dropdown-wrap.k-state-focused {
    background-color: var(--custom-secondary);
    border-color: var(--custom-secondary);
}

.k-dropdown-wrap.k-state-default.k-state-active, .k-picker-wrap.k-state-default.k-state-active {
    color: var(--custom-primary);
    background-color: var(--custom-secondary);
    border-color: var(--custom-secondary);
    border-radius: 5px 5px 0px 0px;
}

.k-grid td.k-state-focused {
    box-shadow: inset 0 0 3px 1px #AFD7FF;
}

.k-dropdown {
    border-radius: 5px;
}

/*Grid scenario*/
.k-state-disabled {
    color: #333;
}

/*grid image colors*/
.k-link:link, .k-pager-wrap .k-link:hover, a:hover, a:visited, a:active, a:link,
.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order {
    color: #333;
}
.k-window-actions > .k-window-action > .k-icon{
    color: #333 !important;
}

.control-sidebar-light, .control-sidebar-light + .control-sidebar-bg
{
    top: 0;
    right: -200px;
    width: 200px;
    background: #3C8DBC;
    border: 1px solid #d2d6de;
    /*margin-top: 50px;
    padding:0px 5px 0px 5px;*/
}

html{
	/*overflow: hidden;*/
}

.sidebar {
    padding-bottom: 30px;
}

.label-header
{
	padding: 0px 10px 0px 5px;
	color: var(--custom-primary);
	font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}

.comboIdioma-header
{
	list-style: none;
	display: block;
    list-style-type: none;
}

.combo-perspective
{
    position: relative;
    display: block;
    margin: -5px 10px;
    width: 80%;
    height: 26px;
    font-size:14px;
}

.combo-perspective option
{
  height: 35px;
  padding:5px;
  line-height: 35px;
}

/*
.combo-perspective,
.combo-perspective span span 
{
    border: 0px solid #666 !important;
    background-color: #575b5d !important;
    color: #EBF5FF !important;
}
*/
    
.block-perspective
{
    position: relative;
    display: -webkit-box;
    margin-left: 10px;
    margin-top: 3px;
    font-weight: 100;
    color:#fff;
    text-align: -webkit-center;
}

.k-widget {
    color: #191919;
    border: none !important;
}

.k-window {
    border-radius: 5px;
}

.k-edit-form-container .k-edit-buttons {
    border-width: 0px 0 0;
    padding: 1em;
}

.k-dialog-content {
    font-size: 1.2rem;
    background-color: var(--custom-white);
}

.k-window-titlebar {
    border-radius: 5px 5px 0px 0px;
}

.k-window-content {
    border-radius: 0px 0px 5px 5px;
}

input.k-textbox {
    border-radius: 5px;
}

.k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input {
    border-radius: 5px;
}

#copyRegistry {
    padding: 5px 15px;
    border: none;
    background-color: var(--custom-tertiary);
    border-radius: 5px;
    margin: 5px;
}

.breadcrumb {
    margin-top: 15px;
    margin-bottom: 20px;
    background-color: var(--custom-bg);
    padding: 8px 0px;
}

.breadcrumb > li + li:before {
    color: var(--custom-primary);
}

/*intenralkendo grid inside another grid */
.k-detail-row{
    background-color: #d0d0d0;

}
.k-detail-row:hover{
    background: #d0d0d0 !important;
    background-color: #d0d0d0 !important;
}



.user-profile-panel-height {
    min-height: 350px;
    padding: 40px;
}

/* #11464 - 2)*/
.k-grid .k-grid-header .k-header {
    white-space: normal !important;
    /* white-space: nowrap; */
}

.k-grid .k-grid-header .k-header .k-link {
    height: auto !important;
}

/* DrawHydro */
    .autocomplete-suggestions {
    padding: 6px 12px;
    text-align: left;
    cursor: default;
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff;
    box-shadow: -1px 1px 3px rgba(0,0,0,.1);
    position: absolute;
    display: none;
    z-index: 999999;
    max-height: 254px;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}
.autocomplete-suggestion.selected {
    background: #f0f0f0;
}
.autocomplete-suggestion b {
    color: #5c90d2;
}
.clear-input > span {
    position: absolute;
    right: 5px;
    top: 5px;
    height: 14px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    color: #AAA;
    z-index: 9;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.k-icon.spin {
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

.qtip {
    max-width: 450px !important;
}

.qtip-title {
    text-align: center;
    font-weight: 700;
}

.selection-filter{
    margin: 3px !important;
}
.selection-filter-table-button{
    width: 100%;
}

.comboHeader {
    position: fixed;
    display: table;
    margin-left: 5px;
}

.k-content{
    background-color: #ecf0f5;
}

.idioma{
    text-align: center;
    margin-top: -20px;
}

.idioma label {
    margin-right: 10px;
}

.line-group{
    display:inline-block;
    position: initial;
    margin-top: 0px;
    margin-left: 0;
    margin-right: 5px;
}

/*code to let the content to the right*/
.content-right{
    float: right;
    margin-top: 0.6em;
}

#activeExecutionLabel,
#activeStudyConfigurationLabel{
    margin-left: 200px;
}

#CopyStudyName {
    text-align: left;
    width: 7em;
    margin-top: 7px;
    margin-left: 380px;
    position: fixed;
    border-radius: 5px;
}
/* console log */
.console-box {
    font-family: Consolas, Monaco, monospace;
    overflow-x: hidden !important;
    background: #263238;
    color: #B2CCD6;
}
.console-box .yellow {
    color: #FBC76A;
}
.console-box .green {
    color: #73D1C8;
}
.console-box .orange {
    color: #F78C6A;
}
.console-box .blue {
    color: #89DDF3;
}
.console-box .bold {
    color: #EEFFFF;
}
.console-box .comment {
    color: #4F6875;
}
.console-box ::-moz-selection{
	  background: rgba(88, 100, 101, 0.9) !important;
}
.console-box ::selection {
	  background: rgba(88, 100, 101, 0.9) !important;
}
.console-box ::-webkit-selection {
	  background: rgba(88, 100, 101, 0.9) !important;
}
.k-window-statusbar {
	  text-overflow: ellipsis;
	  overflow: hidden;
	  display: block;
	  height: 100%;
      padding-left: 12px;
}

/*   DiagramView   */
    .darkPSR .k-window {
        background: #000;
        color: #bbb;
        border-radius: 5px;
    }
    .darkPSR .k-window-titlebar {
        background: #2F2F2E;
        color: #E7F0F7;
        border-color: #494946; /* #ceced2 */ 
    }
    .darkPSR .k-window-actions .k-icon  {
        color: #E7F0F7 !important;
    }
    .darkPSR .k-window-content {
        background: #2d2d2e;
        color: #bbb;
    }
    .darkPSR .qtip-bootstrap {
        color: #B5B5B5;
        background-color: #262626;
        border: 1px solid rgba(255,255,255,.15);
    }
    .darkPSR .qtip-titlebar {
        color: #B5B5B5 !important;
        background-color: #2C2C2C !important;
        border-bottom: 1px solid #343434 !important; /* #ebebeb */
    }
    .darkPSR .list-group-item {
        background-color: initial;
    }
    .cyBox {
        border: #eee 1px solid;
        background: #fff;
        border-radius: 4px; 
    }
.darkPSR .k-window-content .form-control, .darkPSR .k-window-content .k-input {
    border: 1px solid var(--custom-primary);
    background-color: #02335a;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #E7F0F7;
}

.darkPSR .autocomplete-suggestions {
    border: 1px solid var(--custom-primary);
    color: #E7F0F7;
    background: #02335a;
    box-shadow: -1px 1px 3px rgba(255,255,255,.1);
}
.form-horizontal .k-icon { 
    -webkit-transition: -webkit-transform .25s ease-in-out; 
    -ms-transition: -ms-transform .25s ease-in-out; 
    transition: transform .25s ease-in-out; 
}
.k-icon-rotate180{
    transform:rotate(180deg); 
    -ms-transform:rotate(180deg); 
    -webkit-transform:rotate(180deg);
}
.darkPSR .autocomplete-suggestions .selected {
    background: #2F2F2E;
}
.darkPSR .cyBox {
    border: var(--custom-primary) 1px solid;
    background: #02335a;
}
/*   DiagramView   */


/*fix kendo grid colors*/
tr.k-state-selected {
    background-color: #1984c8 !important;
}

tr.k-state-selected .k-button {
    background-color: inherit;
}


/*fix kendo-notification widget text wrap*/
.k-notification-wrap{
    word-wrap: break-word !important; 
    white-space: normal !important;
}


.icon-error{
    color: rgb(0, 114, 198);
}

.icon-error:hover{
    color: #d04747;
}

.icon-disabled {
    color: #666666;
    cursor: default;
}

.icon-disabled:hover{
    color: #666666;
    cursor: default;
}

.icon-ready{
    color: rgb(0, 114, 198);
}

.icon-pending{
    color: #2f70c5;
}
.icon-invalid{
    color: #e5d503;
}

.icon-right {
    float: right !important;
    padding-right: 0px !important;    
}

.icon-blue {
    color: #2f70c5;
}

.fa.fa-blue {
    color: #2f70c5;
}

.fa.fa-ready {
    color: rgb(0, 114, 198);
}

.fa.fa-pending {
    color: #2f70c5;
}

.fa.fa-right {
    float: right !important;
    padding-right: 0px !important;
    padding-top: 4px;
}

.fa.fa-error {
    color: rgb(0, 114, 198);
}

.fa.fa-error:hover {
    color: #d04747;
}

.pager-icon-top-right{
    float: right !important;
    margin-top: 0.2em !important;
    font-size: 1.4em;
}
.label-invalid{
    font-weight: bold;
    text-underline-position: below;
    color: #e5d503;
    text-decoration: underline;
}
.label-error{
    font-weight: bold;
    text-underline-position: below;
    color: #d04747;
    text-decoration: underline;
}

td[role="gridcell"] {
    /*line-height: 100% !important;*/
}

.k-grid tbody tr {
    height: 44px;
    background-color: var(--custom-grid-row1);
    min-height: 28px !important;
}

.k-grid tbody tr.k-alt {
    background-color: var(--custom-grid-row2);
}
.k-grid tbody tr.k-alt:hover {
    background-color: #AFD7FF;
}

tr th.k-header {
    background-color: var(--custom-grid-header);
}

.k-hierarchy-cell .k-icon {
    font-size: 22px;
}

.check-delete-all {
    width:10px!important;
}
/* 
    using nth-child is a problem with kendo as it permanently creates detail grids as sister objects
    that's why kendo has the k-alt class
*/
/*
.k-grid tbody tr.k-master-row:nth-child(2n) {
    background-color: var(--custom-select);
}

.k-grid tbody tr:nth-child(2n):hover {
    background-color: #AFD7FF;
}
*/
.k-grid .k-grid-toolbar .k-grid-add,
.k-grid .k-grid-toolbar .k-grid-save-changes,
.k-grid .k-grid-toolbar .k-grid-copy,
.k-grid tbody .k-grid-new,
.k-grid tbody .k-grid-edit,
.k-grid tbody .k-grid-update,
.k-grid tbody .k-grid-cancel,
.k-grid tbody .k-grid-delete {
    min-width: 0;
    margin: 1px;
    /*padding-right: 8px;*/
}

.k-textbox, input.k-textbox:focus {
    border: 1px solid var(--custom-select);
}

.k-list > .k-item.k-state-focused, .k-treeview .k-in.k-state-focused {
    border-color: transparent;
}

.k-grid tbody .k-grid-custom-delete {
    min-width: 0;
    margin: 1px;
    padding-right: 2px;
}

 .k-grid tbody .k-grid-Log{
     min-width: 0;
     height: 22px;
 }

 button.k-grid .k-grid-toolbar .k-grid-copy{
    min-width: 0;
    margin: 1px;
    padding-right: 2px;  
 }

/* Comand column align */
.k-command-cell{
    text-align:center;
}

.btn-delete-chart{
    padding-right: 7px !important;
    color:inherit;
}

/*Fix first grid column size when scrollable is disabled */
.k-grid .k-hierarchy-col {
    width: 0.5%;
}

.btn-usercfg {
    padding: 10px 20px;
    margin-top: 30px;
    font-weight: bold;
}

.panel {
    background-color: var(--custom-white);
}

.panel-default > .panel-heading {
    color: var(--custom-primary);
    border-color: #01274f30;
    padding: 25px 40px;
}

.k-item {
    display: flex;
    align-items: center;
}

/*it lets all padding sizes alike*/
.k-grid-toolbar {
    padding: .22em .2em .22em;
}

.mm-listitem_divider{
    display: none;
}

.dsh-col-xs-5 {
  width: 49.5%;
}
.dsh-col-xs-10 {
  width: 99%;
}
@media (min-width: 768px) {
  .dsh-col-sm-5 {
    width: 49.5%;
  }
  .dsh-col-sm-10 {
    width: 99%;
  }
}
@media (min-width: 992px) {
  .dsh-col-md-5 {
    width: 49.5%;
  }
  .dsh-col-md-10 {
    width: 99%;
  }
}
@media (min-width: 1200px) {
  .dsh-col-lg-5 {
    width: 49.5%;
  }
  .dsh-col-lg-10 {
    width: 99%;
  }
}


/*
================================
            Tab-Grid
================================
*/

.k-grid .k-grouping-header{
    border-color: #ceced2;
}

.k-grouping-row
{
    border-top: 1px solid #ceced2;
}

.k-grid {
    //background-color: var(--custom-tertiary);
    //border-radius: 25px 25px 0px 0px;
}

.k-grid table {
    border-collapse: collapse;
    border: 1px solid transparent;
    width: 99.9%;
    margin-top: 1px;
    border-radius: 5px 5px 0px 0px;
    overflow: hidden;
    background-color: var(--custom-tertiary);
}

.k-grid table > thead > tr > th:last-child {
    border-radius: 8px 0 0 0;
}
.k-grid table > thead > tr > th:last-child {
    border-radius: 0 8px 0 0;
}


.k-grid td {
    border-color: var(--custom-tertiary);
    /*padding: 0.686em 1.286em;*/
    padding: 5px 10px;
}

.k-grid-header th.k-header 
{
    vertical-align: middle;
    border-style: solid;
    border-width: 0px 0px 1px 1px;
}

.k-grid-header th.k-header:first-child
{
    /*border-left-width: 1px;*/
}

.k-grid tr th
{
    border-left-color: var(--custom-tertiary);
}

.k-header.k-grid-toolbar {
    outline: 0px solid var(--custom-white);
    /*padding-bottom: 10px;*/
}



.k-header 
{
    background-color: transparent;
}

k-grid-header {
    border-top: 2px solid var(--custom-tertiary);
}

.k-pager-wrap {
    background-color: var(--custom-grid-header);
    border: 1.5px solid var(--custom-tertiary) !important;
}

.k-grid .k-header
{
    text-transform: none;
    margin-top: 2px;
}

.k-checkbox-label:before {
    border-radius: 2px;
}

.k-pager-numbers, .k-pager-numbers .k-reset {
    border-radius: 5px !important;
    border-color: var(--custom-tertiary)!important;
}

.k-tabstrip.k-header {
    background-color: rgba(0,0,0,0);
}

.k-tabstrip-items
{
    text-transform: none;
    border-width: 0px 0px 0;
    border-style: solid;
}

.k-tabstrip-items .k-item {
    border-style: solid;
    border-width: 0px 1px 0;
}

.k-tabstrip-items .k-state-default {
    border-color: var(--custom-grid-border);
    background-color: var(--custom-grid-segment-unselected);
    border-top-color: var(--custom-grid-border);
    padding: 4px;
}

.k-tabstrip-items .k-state-default span {
    color: var(--custom-grid-segment-unselected-font) !important;
}

.k-tabstrip-items .k-state-default:first-child {
    border-radius: 5px 0px 0px 0px;
}

.k-tabstrip-items .k-state-default:last-child {
    border-radius: 0px 5px 0px 0px;
}

.k-tabstrip .k-item.k-state-active {
    border-color: var(--custom-bg);
    border-width: 0px 1px 1px 1px;
    padding: 4px;
    background-color: var(--custom-grid-bg);
}

.k-tabstrip .k-item.k-state-active span {
    color: var(--custom-grid-segment-selected-font) !important;
    font-weight: bold;
}

.k-tabstrip-top>.k-tabstrip-items .k-state-active
{
    border-bottom-color: #fff;
}

.k-tabstrip-items .k-link
{
    font-size: 1em;
}

.k-button {
    background-color: transparent;
    border-radius: 5px !important;
    box-sizing: border-box;
    border: 1px solid var(--custom-button-outline-border) !important;
    color: var(--custom-button-outline-border);
    margin-right: 4px !important;
    font-size: 13px;
    font-weight: bold;
}

.k-button:hover {
    border-color: var(--custom-secondary);
    background-color: var(--custom-secondary);
}

/*SelecteBox Height*/
.k-dropdown-wrap .k-input {
    line-height: 1.71em;
}

.k-tabstrip .k-content {
    border-color: var(--custom-grid-border);
    background-color: var(--custom-grid-bg) !important;
    border-radius: 0px 5px 5px 5px;
    padding: 20px;
    padding-top: 10px;
}

.k-primary
{
    color: #000;
}

.k-pager-refresh
{
    color: #0072c6 !important;
}

.k-i-cancel
{
    color: #A7140A !important;
}

.btn-blue {
    background: var(--custom-secondary) !important;
    color: var(--custom-primary) !important;
}

.k-i-marker-pin-target {
    margin-right: 5px;
}

/*
================================
         End Tab-Grid
================================
*/
.k-edit-buttons {
    background-color: transparent !important;
}

.k-tabstrip .k-state-active {
    background-color: transparent;
    color: #0072c6;
    padding: 3px;
    /*box-shadow: 1px 1px 1px 1px #00000050;*/
}

.k-tabstrip-top > .k-tabstrip-items .k-state-active {
    box-shadow: 0px 0px 0px 0px #00000050;
}

/*
================================================================
    fix grid position for items to save or delete grid items
================================================================
*/
.remove-flex {
    flex: none !important;
}

.k-grid tbody .k-grid-Log {
    height: 26px;
    width: 29px;
}

.fix-command-button {
    width: 29px;
    height: 26px;
    margin: 1px !important;
}



/*FIX TREELIST PROBLEM WhEN TEXT IS EMPTY*/
.k-treelist .k-command-cell .k-button,
.k-treelist .k-alt .k-command-cell .k-button {
    min-width: 28px;
    min-height: 28px;
    width: 28px;
    height: 28px;
}

.k-treelist .k-alt .k-command-cell .k-button {
}

.register-date-button {
    min-width: 16px !important;
    width: 25px !important;
    height: 25px !important;
    margin-top: 1.5px !important;
    margin-bottom: 1.5px !important;
    border-color: none;
    padding: 0px !important;
}

.register-date-button > .fa {
    padding-right: 0px !important;
}

#forgot-password {
    color: #0366d6;
    margin-left: 20px;
}

a#CloudLink {
    color: blue;
}


.dropdown-header {    
    padding: 10px;
}

.k-list-container > .k-footer {
    padding: 10px;
}

.custonKendoTree {
    min-width: 500px;
    width: 800px;
    height: 100%;
    background-color: var(--custom-white);
    padding: 20px;
    padding-right: 10px;
    border-radius: 5px;
}

#sideBarMenUserCustomId > .k-grid-header,
#sideBarMenUserCustomId > .k-grid-content {
    background-color: var(--custom-white);
}

.dialogSideBarIcon {
    float: left;
    width: 20px;
    height: 20px;
    border: 1px;
    border-color: black;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.linkScenarioToPage{
    float: right
}

.linkScenarioToPage a, .linkScenarioToPage a:link {
    color: blue;
}

.linkScenarioToPage + span {
    width: 89% !important;
}

.selectedGridRow {
    font-weight: bold;
}

.message-notification-team {
    
    text-align:justify;
}

.rulesInfo {
    border-style: solid;
    border-width: 1px;
    border-color: lightgrey;
    margin-bottom: 10px;
}

.rulesInfo li:first-child {
    margin-top:6px;
}

.rulesInfo li {
    color: #0072c6; 
}

#warning-information-timeseries {
    width: 35%;
    margin: auto;
    padding-top: 5%;
    text-align: left;
    font-weight: 500;
    color: #0072c6;
    font-size: 20px;
}

#warning-information-timeseries dt {
    font-size: 17px;
    font-weight: 500;
}

#warning-information-timeseries dd {
    font-size: 15px;
    margin-left: 27px;
    margin-bottom: 5px;
}

.messageTimeSeriesChild {
    color: #0072c6;
    font-size: 20px;
}

.customCommnadGreenButton {
    background-color:lightseagreen;    
}

.customCommnadGreenButton .fa-bar-chart {
    color: white;
}

.tooltipTextLeft {
    text-align:left;
}

.hideNumericBoxContent, .hideNumericBoxContent::selection {
    color: transparent;
    background-color: var(--custom-white);
}

.k-grid-toolbar .toolbarTitleGridMidle {
    display: inline-block;
    font-size: initial;
    position: absolute;
    margin-top: 4px;
    left: 50%;
    margin-right: -50%;
    transform: translateX(-50%);
}

/*FIX LOG WINDOW ACTION BUTTONS*/
.k-window-titlebar .k-window-actions {
    top: 8px;
}

.k-button .log-buttons-fix {
    font-size: 12px;
    margin-bottom: 1px;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 0px; /* If you want dots under the hoverable text */
    opacity: 1;
}


.tooltip .tooltiptext {
    z-index: 1;
    visibility: hidden;
    position: absolute;
    margin-left: 20px;
    padding: 5px;
    text-align: center;
    width: 180px;
    height: auto;
    background-color: #F4F4F4;
    color: #012745;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #c4c4c4;
}

.tooltip .tooltiptext::before {
    content: "\A";
    position: absolute;
    background-color: #F4F4F4;
    top: 8px;
    left: -5px;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
}


/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}


/* Segment */
.k-tabstrip-items .k-state-default {
    //border: 1px solid white;
    background-color: var(--custom-grid-bg);
}

.k-tabstrip-top > .k-tabstrip-items .k-state-active {
    border-bottom: 2px solid var(--custom-primary);
}

.k-grid tr td {
    border-width: 0 0 1px 1px;
    border-style: solid;
}
/*
.k-header.k-grid-toolbar > *,
.k-header.k-grid-toolbar > button,
.k-header.k-grid-toolbar > a {
  
    padding: 0 15px 0 15px !important;
    margin: 5px 0 5px 0 !important;
    //border-right: 1px solid var(--custom-bar-between-button) !important;
    border-radius: 0 !important;
    height: 31px;
}

.k-header.k-grid-toolbar > button:nth-child(5),
.k-header.k-grid-toolbar > *:nth-child(8) {
    border-right: 0px solid red !important;
}

.detail-grid-template .k-header.k-grid-toolbar > * {
    padding: 2px !important;
    margin: 2px !important;
    border: 0px solid white !important;
}*/

.k-grid.k-widget {
    background-color: transparent;
}

.k-master-row .k-i-collapse:before {
    content: "\E015";
}

.k-master-row .k-i-expand:before {
    content: "\E014";
}

.k-treelist .k-i-collapse:before {
    content: "\E015";
}

.k-treelist .k-i-expand:before {
    content: "\E014";
}

.k-upload, k-upload-files, .k-file {
    background-color: transparent;
}
.k-dropzone {
    background-color: transparent;
}

table[role$="grid"] .k-icon,
.k-grid-toolbar .k-icon{
    margin: 0 !important;
}

.mm-panel .k-icon {
    margin-right: 10px;
}

.k-i-login, .k-i-logout {
    padding: 0 5px 0 5px;
}

.k-grid tbody .k-button {
    padding: 3px;
}

.fa-bar-chart {
    padding-right:inherit !important;
}

td.k-command-cell {
    padding: 5px;
}

/*Bruno*/
/*.k-grid .k-multiselect-wrap .k-select {
    right: -1px;
    padding: 0.2em 0.01em;
}*/

.k-multiselect-wrap span {
    margin-right: 18px;
}

.k-multiselect-wrap .k-select {   
    margin: 2px;
    min-height: 26px;
    min-width: 26px;
}

table[role=grid] .k-multiselect-wrap .k-select {    
    margin-top: 1.5px;
    padding-right: 0px;
}

.k-grid .k-button {
    min-height: 28px;
}

.k-clear-value{
    font-size:16px !important;
}

.ts-line-space .k-multiselect-wrap .k-select {
    margin: 2px;
    min-height: 26px;
    top: -2px;
}

.k-menu-vertical .k-item > .k-link > .k-menu-expand-arrow {
    top: unset;
}

.extraAgentsWindows {
    margin-top: 40px;
}

.extraAgentsWindows .k-grid-toolbar {
    background-color: white;
}


table[role=grid] .k-grid-header tr th,
table[role=treegrid] .k-grid-header tr th,
.k-grid-header table[role=grid] tr th,
table:not([role$="grid"]) .k-grid-header tr th:first-child {
    padding-left: 10px !important;
}

table[role=treegrid] .k-detail-row .k-grid-toolbar a.k-button,
table[role=treegrid] tr td:last-child a.k-grid-delete,
table[role=grid] tr td:last-child a.k-grid-delete {
    padding: 4px 8px;
}


/*para sumir com o labeldownload no index.js*/
.k-treelist table td button[data-command=labeldownload] {
    text-indent: -9999em;
}

.k-menu .k-item > .k-link > .k-i-arrow-60-right {
    right: 0.7rem;
    margin-top: 0px;
}

.k-window-content .k-content > .k-widget .k-multiselect .k-multiselect-clearable .k-state-hover {
    align-items: center;
}

.k-multiselect-wrap > .k-i-close {
    right: calc(1em - 25px);
    margin-top: calc(1em - 20px);
}

.sideByside  .custom-stage-switch {
    margin-left: 35px;
    margin-right:5px;
    width: 80px;
    background-color: transparent;
}

.sideByside .k-dropdown {
    width: 235px !important;
}

/* divs inside selectionBox component, used for number selection (falta fazer o :hover) */
.smallNumberButtonDiv {
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #cad2db;
    padding: 3px 5px 3px 5px;
    margin: 1px;
    text-align: center;
    cursor: pointer;
}


/* custom colors */
/*bruna*/
:root {
	--custom-primary: #012745;
	--custom-primary-light: #002a4d;
	--custom-secondary: #93CEFF;
	--custom-tertiary: #CAD5DE;
	--custom-select: #DFE6EC;
	--custom-text-color: #263238;
	--custom-white: #F4F4F4;
	--custom-secondary-font: #ecf0f5;
	/***/
	--custom-bg: #CAD5DE;
	--custom-header: #F4F4F4;
	--custom-header-font: #012745;
	--custom-grid-bg: #F4F4F4;
	--custom-grid-border: #CAD5DE;
	--custom-grid-segment-selected-font: #005090;
	--custom-grid-segment-unselected-font: #012745b3;
	--custom-grid-segment-unselected: #E7ECF0;
}

/*joao*/
:root {
	--custom-primary: #295072; /*#385772;*/
	--custom-primary-light: #295072;
	--custom-secondary: #93CEFF;
	--custom-tertiary: #CAD5DE;
	--custom-select: #fefffe;
	--custom-text-color: #263238;
	--custom-white: #F4F4F4;
	--custom-secondary-font: #dae1e7;
	/***/
	--custom-bg: #ecf1f4;
	--custom-header: #d5dce3;
	--custom-header-border: #ababab;
	--custom-header-font: #012745;
	--custom-grid-bg: #fefffe;
	--custom-grid-border: #ecf1f4;
	--custom-grid-segment-selected-font: #005090;
	--custom-grid-segment-unselected-font: #012745b3;
	--custom-grid-segment-unselected: #d5dce3;
	--custom-button-outline-border: #295072;
	//tranparent;
	--custom-grid-header: #e4e9ed;
	--custom-grid-row1: #f9f9f8;
	--custom-grid-row2: #f9f9f8;
	--custom-bar-between-button: #e3e0e0;
}


:root { /* Granville 
	--custom-primary: #3c4ba3;
	--custom-primary-light: #3c4ba3;
	--custom-button-outline-border: #3c4ba3;
	--custom-grid-segment-unselected: #e2e6ff;
*/}

html, body
{
	padding: 0;
	margin: 0;
}
body
{
	background-color: var(--custom-bg);
	font-size: 12px;
	line-height: 20px;
	color: #666;
	position: relative;
	-webkit-text-size-adjust: none;

	/*font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,sans-serif;*/
    font-family: 'Open Sans','Source Sans Pro', sans-serif;
	font-weight: 400;
    text-size-adjust: 100%;
}
body *
{
	text-shadow: none;
}
h1, h2, h3, h4, h5, h6
{
	line-height: 1;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
h1, h2, h3
{
	font-size: 18px;
}
h4, h5, h6
{
	font-size: 16px;
}
p
{
	margin: 0 0 10px 0;
}
a, a:link, a:active, a:visited, a:hover
{
	color: inherit;
}

nav:not(.mm-menu)
{
	display: none;
}

.header,
.footer
{
	/*background: #777;*/
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	line-height: 40px;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 50px;

	position: fixed;
	left: 0;
	right: 0;
}
.header.fixed
{
	position: fixed;
	top: 0;
	left: 0;
}
.footer.fixed
{
	position: fixed;
	bottom: 0;
	left: 0;
}
.header a
{
	display: block;
	width: 25px;
	height: 18px;
	padding: 12px;
	padding-top: 20px;
	margin-left: 10px;
	position: absolute;
	top: 0;
	left: 0;
    box-sizing: content-box;
}
.header a:before,
.header a:after {
	content: '';
	display: block;
	background: var(--custom-primary);
	height: 2px;
	border-radius: 1px;
}
.header a span
{
	background: var(--custom-primary);
	display: block;
	height: 2px;
    border-radius: 1px;
	margin: 6px 0;
}

#menu:not( .mm-menu ) {
	display: none;
}

.mm-navbar_tabs span {
	display: inline-block;
	margin-left: 8px;
    font-size: 14px;
}
@media (max-width: 450px) {
	.mm-navbar_tabs span {
		display: none;
	}
}

.mm-page
{
    background-color: #ecf0f5;
}



/*fixed header and footer*/

.footer
{
	background: #fff;
	padding: 10px;
	color: #444;
	border-top: 1px solid #d2d6de;
	line-height: 1.42857143;
	box-sizing: border-box;
	font-size: small;
	bottom: 0;
}

.btn{
    font-size: 1.05em;
}

.ts-line-space{
    line-height: 3em;
}

#SaveImportLayers{
    width: 40%;
    margin: 0px 1em 0px 5em;
}


#CloseImportLayers{
    width: 40%;
    margin: 0px 5em 0px 1em;
}



/*
======================================================
	fix kendo command button sizes only with icons
======================================================
*/
.fix-command-button {
	min-width: unset !important;
	min-width: 0;
	margin: 1px;
	padding-right: 2px;
}

.facustom {
	font-family: FontAwesome;
	margin-right: 1px;
	margin-left: 1px;
	padding: 1px 2px;
}

.k-tabstrip-next {
	background: #000000 !important;
}