/* imports */

@import url('normalize.css');
@import url('bootstrap.css');
@import url('bootstrap-select.min.css');
@import url('bootstrap-datepicker/bootstrap-datepicker.min.css');
@import url('font-awesome.min.css');
@import url('flags.css');
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800');*/
@import url('openSans.css');

/* login page */


.mobile-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    color: #0d6efd;
    font-weight: 500;
    text-decoration: none;

    transition: color 0.15s ease;
}

.mobile-link i {
    font-size: 18px;
    color: #fd7e14;                     /* komplementer narancs */
    border-radius: 50%;
    padding: 3px 6px;

    transition:
        background-color 0.15s ease,
        transform 0.15s ease,
        color 0.15s ease;
}

/* 🚀 finom hover */
.mobile-link:hover {
    color: #084298;
    text-decoration: none;
}

.mobile-link:hover i {
    background-color: #e7f1ff;          /* nagyon világos kék */
    transform: scale(1.08);
    color: #0d6efd;
}

/* fókusz billentyűzetről */
.mobile-link:focus-visible i {
    outline: 2px solid #cfe2ff;
    outline-offset: 2px;
}


/* G�rgethet�, fix m�ret� dropdown */
.dropdown-menu {
    max-height: 500px;      /* tetsz�leges magass�g */
    overflow-y: auto;       /* f�gg�leges scroll */
}

.langEditorBtn {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.langEditorBtn.pressed {
  transform: scale(0.9);
  box-shadow: 0 0 12px rgba(150, 120, 255, 0.8);
}

.vagerAlignCenter{
	margin-top: 6px;
  	margin-right: 7px;
}
.quickFilterOn{
	background-color: #2b96cc!important;
}

span.bg-login {
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    bottom: 0;
    background: #8c8c8c url(../../PainLogo/login.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 0 !important;
}

.pre-wrap-cell {
    white-space: pre;
}

section.login-form .container {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -220px 0 0 -180px;
    width: 100%;
    max-width: 360px;
    background: #ffffff;
    padding: 20px 40px 40px;
    -webkit-animation: floatBubble 1s infinite  normal forwards ease-out;
    animation: floatBubble 1s infinite  normal forwards ease-out;
    animation-iteration-count: 1;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

@-webkit-keyframes floatBubble {
    0% {
        margin-top: -250px;
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        top: 50%;
    }
}

@keyframes floatBubble {
    0% {
        margin-top: -190px;
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        margin-top: -220px;
    }
}

section.login-form .logo-login{
    width: 175px;
    height: 105px;
    background: url(../../PainLogo/adminPainLogoLogin.png) no-repeat center center;
    background-size: 175px;
    margin: 10px auto;
}

section.login-select {
    position: absolute;
    top: 50%;
    left: 0;
    margin: -220px auto 0;
    width: 100%;
    padding: 80px 0 40px;
    -webkit-animation: floatBubble 1s infinite  normal forwards ease-out;
    animation: floatBubble 1s infinite  normal forwards ease-out;
    animation-iteration-count: 1;
}

section.login-form .login-alert{
    margin-bottom: 20px;
    color: #2b96cc;
    font-weight: bold;
    text-align: center;
}

/* animations */

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@-webkit-keyframes floatBubble {
    0% {
        margin-top: -250px;
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        top: 50%;
    }
}

@keyframes floatBubble {
    0% {
        margin-top: -190px;
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        margin-top: -220px;
    }
}


/* grid */

.row-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.col-td {
    display: table-cell;
    vertical-align: middle;
}


/* defaults */

.element-hide {
    display: none;
}


/* languages */

div.languages {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
}

div.languages .dropdown-toggle{
    width: 100%;
    max-width: 150px;
}

div.languages .dropdown-menu{
    width: 100%;
    min-width: 100%;
}




/* buttons */

.btn {
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.btn:hover,
.btn:focus {
    text-decoration: none;
    outline: none !important;
}

.btn-bookedTime{
	  display: inline-block;
	  height: 37px;
	  margin-bottom: 0;
	  font-weight: normal;
	  text-align: center;
	  vertical-align: middle;	  
	  cursor: pointer;
	  background-image: none;
	  /*border: 0px solid transparent;*/
	  white-space: nowrap;
	  padding: 0px 0px 0px;
	  font-size: 14px;
	  /*line-height: 1.28571429;*/
	  border-radius: 0px;
	  font-weight: bold;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  -o-user-select: none;
	  user-select: none;
	  -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*background: #fff;*/
    display: inline-block;
    border: 2px solid #cccccc;
    border-top-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
    min-width: 30px;
    white-space: nowrap;
}
.btn-bookedTime:hover, .btn-normal:focus{
    background: #e7e7e7;
}

.btn-sendingTime{
	  display: inline-block;
	  height: 37px;
	  margin-bottom: 0;
	  font-weight: normal;
	  text-align: center;
	  vertical-align: middle;	  
	  cursor: pointer;
	  background-image: none;
	  /*border: 0px solid transparent;*/
	  white-space: nowrap;
	  padding: 0px 0px 0px;
	  font-size: 14px;
	  /*line-height: 1.28571429;*/
	  border-radius: 0px;
	  font-weight: bold;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  -o-user-select: none;
	  user-select: none;
	  -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*background: #fff;*/
    display: inline-block;
    border: 2px solid #cccccc;
    border-top-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
    min-width: 30px;
    white-space: nowrap;
}
.btn-sendingTime:hover, .btn-normal:focus{
    background: #e7e7e7;
}

.btn-therapyTime{
	  display: inline-block;
	  height: 37px;
	  margin-bottom: 0;
	  font-weight: normal;
	  text-align: center;
	  vertical-align: middle;	  
	  cursor: pointer;
	  background-image: none;
	  /*border: 0px solid transparent;*/
	  white-space: nowrap;
	  padding: 0px 0px 0px;
	  font-size: 14px;
	  /*line-height: 1.28571429;*/
	  border-radius: 0px;
	  font-weight: bold;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  -o-user-select: none;
	  user-select: none;
	  -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*background: #fff;*/
    display: inline-block;
    border: 2px solid #cccccc;
    border-top-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
    min-width: 30px;
    white-space: nowrap;
}
.btn-therapyTime:hover, .btn-normal:focus{
    background: #e7e7e7;
}

.btn-normal {
    background: #fff;
    display: inline-block;
    border: 2px solid #cccccc;
    min-width: 16px;
    white-space: nowrap;
    /*min-width: 77px;*/
}

.btn-normal:hover, .btn-normal:focus{
    background: #e7e7e7;
}

.btn-pink {
    color: #fff;
    /*background-color: #2b96cc;*/
    background-color: #2b96cc;
}

.btn-pink:hover, .btn-pink:focus {
    color: #fff;
    /*background-color: #c8036d;*/
    background-color: #0173ac;
    
}

.btn-red {
    color: #fff;
    /* eredeti: #2b96cc */
    background-color: #cc3a3a; /* er�s, tel�tett piros */
}

.btn-red:hover,
.btn-red:focus {
    color: #fff;
    /* eredeti: #0173ac */
    background-color: #ac3131; /* egy �rnyalattal s�t�tebb piros */
}

.btn-input {
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 2px solid #cccccc;
}

.bootstrap-select .btn:focus{outline:none!important;}

.btn i.fa {
    margin: 0 2px;
}

.btn-select {
    display: inline-block;
    width: 100%;
    height: auto;
    background: #fff;
    padding: 0;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    border-bottom: solid 5px #fff;
    margin-bottom: 20px;
    white-space: normal;
}

.btn-select:hover{
    border-bottom: solid 5px #2b96cc;
}

.btn-select .img{
    display: inline-block;
    width: 100%;
    min-height: 180px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px 100px;
}

.btn-select .title{
    font-size: 18px;
    font-weight: 800;
    padding: 16px;
    border-top: solid 1px #dddddd;
    background: #fff !important
}

.btn-inactive{
    cursor: default;
}

.btn-inactive .title{
    color: #d0d0d0
}

.btn-inactive:hover{
    border-bottom: solid 5px transparent;
}

.btn-inactive:after{
    position: absolute;
    top: 20px;
    left: 10px;
    background: #717171;
    color: #fff;
    padding: 10px 20px;
    content: "Fejlesztés alatt";
    cursor: default;
}

.btn-prevDevices{
    display: block;
    width: 100%;
    max-width: 220px;
    height: auto;
    white-space: normal;
    margin-bottom: 10px;
    padding: 8px 20px 10px;
}

.btn-prevDevices p{
    font-weight: normal;
    font-size: 12px;
    margin: 0px;
    padding: 0;
}

.btn-refresh{
    padding: 8px 12px 12px;
}

.btn-NAP{
    min-width: 280px;
}

.btn-table{
    min-width: 26px;
    text-align: center;
    margin: 0 3px;
}

.table-buttons{
    display: inline-block;
    /*  white-space:  pre-wrap; */
}


/* kendo */

.k-pager-wrap>.k-link {
    border-radius: 0 !important;
}

.k-pager-numbers .k-state-selected {
    border-radius: 0;
}

.k-pager-numbers .k-link {
    border-radius: 0;
}

.k-autocomplete, .k-block, .k-button, .k-calendar .k-link, .k-calendar td, .k-calendar-container, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-drag-clue, .k-dropdown, .k-dropdown-wrap, .k-editor-inline, .k-gantt-views>.k-current-view, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-inline-block, .k-list-container, .k-multiselect, .k-notification, .k-numeric-wrap, .k-numerictextbox, .k-picker-wrap, .k-slider-selection, .k-slider-track, .k-split-button .k-gantt-views, .k-textbox, .k-tile, .k-timepicker, .k-tooltip, .k-touch-scrollbar, .k-treeview .k-in, .k-upload, .k-window, .k-window-action, .k-window-titleless .k-window-content{
    border-radius: 0;
}
.k-ff .k-pager-numbers .k-current-page .k-link, .k-ie11 .k-pager-numbers .k-current-page .k-link, .k-safari .k-pager-numbers .k-current-page .k-link, .k-webkit .k-pager-numbers .k-current-page .k-link{
    border-radius: 0;
}
.k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link{
    border-radius: 0;
}


.k-menu.k-header,
.k-menu .k-item {
    border-color: #cccccc;
}
.k-column-menu,
.k-column-menu .k-item,
.k-overflow-container .k-overflow-group {
    border-color: #cccccc;
}
.k-overflow-container .k-overflow-group {
    box-shadow: inset 0 1px 0 #ffffff, 0 1px 0 #ffffff;
}
.k-toolbar-first-visible.k-overflow-group,
.k-overflow-container .k-overflow-group + .k-overflow-group {
    box-shadow: 0 1px 0 #ffffff;
}
.k-toolbar-last-visible.k-overflow-group {
    box-shadow: inset 0 1px 0 #ffffff;
}
.k-column-menu .k-separator {
    border-color: #cccccc;
    background-color: transparent;
}
.k-menu .k-group {
    border-color: rgba(0, 0, 0, 0.2);
}
.k-grid-filter.k-state-active {
    background-color: #ffffff;
}
.k-grouping-row td,
.k-group-footer td,
.k-grid-footer td {
    color: #333333;
    border-color: #cccccc;
    font-weight: bold;
}
.k-grouping-header {
    color: #333333;
}
.k-grid tr:hover {
    background-color: #d4d4d4;
}
.k-grid .k-filter-row:hover,
.k-pivot-rowheaders .k-grid tr:hover {
    background: none;
}
.k-grid td.k-state-focused {
    box-shadow: inset 0 0 0 1px inset 0 0 7px 0 #76abd9;
}
.k-grid tr:hover .k-state-focused.k-state-selected,
.k-grid tr.k-state-selected:hover td.k-state-focused {
    box-shadow: inset 0 0 7px 0 #193c5a;
}

.k-grid-content {
    min-height: 100px;
    z-index: 0;
}

/* inputs */

.input-group {
    position: relative;
}

.input-group-addon {
    background-color: #fff;
    border: 2px solid #cccccc;
}

.input-username, .input-password{
    position: relative;
    z-index: 0;
}

.input-username:after{
    position: absolute;
    font-family: 'FontAwesome';
    color: #b7b7b7;
    top: 8px;
    right: 16px;
    content: "\f007";
    z-index: 2;
    pointer-events: none;
}

.input-password:after{
    position: absolute;
    font-family: 'FontAwesome';
    color: #b7b7b7;
    top: 8px;
    right: 18px;
    content: "\f023";
    z-index: 2;
    pointer-events: none;
}

select{
    /*min-width: 100% !important;
    width: 100% !important;*/
    min-width: 100%;
    width: 100%;    
    background-image: none;
    border-radius: 2px;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    box-sizing: border-box;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.flatpickr-monthDropdown-months{
	    min-width: 0%;
}

div.select {position:relative}

div.select:after  {
    /*position: absolute;
    font-family: 'FontAwesome';
    min-width: 28px;
    text-align: center;
    top: 8px;
    right: 15px;
    z-index: 0;
    color: #333;
    padding-left: 12px;
    pointer-events: none;
    content: "\f0d7";*/
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover{
    color: #555555;
}

label.error{
    position: absolute;
    left: 0;
    top: -32px;
    display: inline-block;
    width: auto;
    text-align: center;
    background: #2b96cc;
    color: #fff;
    padding: 4px 10px;
    z-index: 1000;
    border-radius: 3px;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
}

label.error:after{
    position: absolute;
    bottom: -5px;
    left: 12px;
    display: inline-block;
    border-right: 5px solid transparent;
    border-top: 5px solid #2b96cc;
    border-left: 5px solid transparent;
    content: '';
    z-index: 999;
}

label#searchinput-error{
    position: absolute;
    top: -42px;
    display: inline-block;
    width: auto;
    text-align: center;
    background: #2b96cc;
    color: #fff;
    padding: 6px 12px;
    z-index: 9;
    border-radius: 3px;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
}

label#searchinput-error:after{
    position: absolute;
    bottom: -5px;
    left: 12px;
    display: inline-block;
    border-right: 5px solid transparent;
    border-top: 5px solid #2b96cc;
    border-left: 5px solid transparent;
    content: '';
    z-index: 999;
}

label.label-default{
    font-size: inherit;
}

label.label-default span {
    background: #00b841;
    padding: 3px 8px;
    border-radius: 3px;
    margin-right: -8px;
    margin-left: 8px;
}

label.label-fut{
    font-size: inherit;
}

label.label-fut span {
    background: #c23ee3;
    padding: 3px 8px;
    border-radius: 3px;
    margin-right: -8px;
    margin-left: 8px;
}

input[type=checkbox] { display:none; }
input[type=checkbox] + label:before {
    font-family: FontAwesome;
    display: inline-block;
    background: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-right: 6px;
    font-weight: normal;
}

label.label-checkbox{
    cursor: pointer;
    line-height: 28px;
    margin-bottom: 0;
}

input[type=checkbox] + label:before { content: "\f0c8";border: 2px solid #cccccc;color: transparent;font-size: 12px;line-height: 24px;-moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;margin-bottom: 2px;}
input[type=checkbox]:checked + label:before { content: "\f00c";color: #fff ;border: 2px solid #2baf53 ;background: #2baf53;-moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;}

input[type=radio] { display:none; }
input[type=radio] + label:before {
    font-family: FontAwesome;
    display: inline-block;
    background: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-right: 6px;
    font-weight: normal;
    border-radius: 50%;
}

label.label-radio{
    cursor: pointer;
    line-height: 28px;
    margin-bottom: 0;
}

input[type=radio] + label:before { content: "\f0c8";border: 2px solid #cccccc;color: transparent;font-size: 12px;line-height: 24px;-moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;}
input[type=radio]:checked + label:before { content: "\f00c";color: #fff ;border: 2px solid #2baf53 ;background: #2baf53;-moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;}



/* progress bar */

.progress-bar-green {background-color: #00b841;}
.progress-bar-orange {background-color: #f0ad4e;}
.progress-bar-red {background-color: #e12622;}

.progress {
    height: 30px;
    overflow: hidden;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb',endColorstr='#fff5f5f5',GradientType=0);
    background-color: #ebebeb;
    background-image: none;
    margin-bottom: 0;
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#3071a9));
    background-image: -webkit-linear-gradient(top,#428bca 0,#3071a9 100%);
    background-image: -moz-linear-gradient(top,#428bca 0,#3071a9 100%);
    background-image: linear-gradient(to bottom,#428bca 0,#3071a9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3071a9',GradientType=0);
}

.progress-bar {
    padding: 5px;
    box-shadow: none;
    border-radius: 3px;
    background-image: none;
    -webkit-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -moz-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -ms-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -o-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -ms-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
}

.progress-bar-green {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#5cb85c),to(#449d44));
    background-image: -webkit-linear-gradient(top,#5cb85c 0,#449d44 100%);
    background-image: -moz-linear-gradient(top,#5cb85c 0,#449d44 100%);
    background-image: linear-gradient(to bottom,#5cb85c 0,#449d44 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c',endColorstr='#ff449d44',GradientType=0);
}

.progress-bar-orange {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#f0ad4e),to(#ec971f));
    background-image: -webkit-linear-gradient(top,#f0ad4e 0,#ec971f 100%);
    background-image: -moz-linear-gradient(top,#f0ad4e 0,#ec971f 100%);
    background-image: linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e',endColorstr='#ffec971f',GradientType=0);
}

.progress-bar-red {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#d9534f),to(#c9302c));
    background-image: -webkit-linear-gradient(top,#d9534f 0,#c9302c 100%);
    background-image: -moz-linear-gradient(top,#d9534f 0,#c9302c 100%);
    background-image: linear-gradient(to bottom,#d9534f 0,#c9302c 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f',endColorstr='#ffc9302c',GradientType=0);
}

/*because of animation*/
.progress.active .progress-bar {
    -webkit-transition: none !important;
    transition: none !important;
}


/* defaults */




/* navbar */

.navbar {
    background: #fff;
    min-height: 60px;
    padding: 0;
    margin: 0;
    border-bottom: solid 1px #d4d4d4;
    z-index: 9;
}

.navbar .logo{
    display: inline-block;
    /*width: 300px;
    height: 50px;*/
    /*width: 207px;
    height: 50px;*/
    /*width: 260px;
    height: 50px;*/
    width: 121px;
    height: 53px;    
    background: url(../../PainLogo/adminPainLogo.png) no-repeat center center;
    background-size: 121px 53px;
    /*margin: 5px auto 0;*/
    margin: 0px 2px 0px 0px;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
    
    position: absolute;
  	z-index: 0;
  	/*top: 34px;
  	left: 0px;*/
  	top: 28px;
  	left: 43px;
}

.navbar .logo2{
    display: inline-block;
    /*width: 300px;
    height: 50px;*/
    /*width: 207px;
    height: 50px;*/
    /*width: 260px;
    height: 50px;*/
    width: 121px;
    height: 53px;    
    background: url(../../PainLogo/adminPainLogo_AGATAS_BG.png) no-repeat center center;
    background-size: 121px;
    /*margin: 5px auto 0;*/
    margin: 0px 2px 0px 0px;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
    
    position: absolute;
  	z-index: 0;
  	/*top: 34px;
  	left: 0px;*/
  	top: 28px;
  	left: 43px;
}

.logo4{
	background: url(../../PainLogo/adminPainLogo_otherClinic.png) no-repeat center center;
	    background-size: auto;
	  background-size: auto;
	  width: 158px;
	  height: 50px;
	  background-size: 100px;
	  position: absolute;
	  top: 48%;
	  left: 99%;
	  transform: translate(-100%, -50%); 	
}


.navbar li.link{
    position: relative;
    padding: 10px 10px 0;
}

.navbar li.link-user .dropdown-menu{
    left: auto;
    right: 10px;
    margin-top: 2px;
}

.navbar li.link-user .dropdown-menu i.fa{
    min-width: 10px;
    text-align: center;
    margin-right: 5px;
    opacity: 0.75;
}

.navbar li.link-user .btn-normal{
    min-width: 180px;
}

.navbar a.btn-normal{
    display: inline-block;
    padding: 10px 15px;
    margin: 0;
    line-height: 10px;
}

.navbar a.btn-normal span.number{
    position: absolute;
    top: -8px;
    right: -8px;
    display: inline-block;
    background: #2b96cc;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    font-weight: bold;
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 50%;
}


/* top-search */

header {
    position: fixed;
    /*position: relative;*/
    top: 0;
    display: inline-block;
    width: 100%;
    z-index: 1040;
   	/* min-width: 710px;*/
   	min-width: 462px;
}

/* top-search */

header .top-search {
    width: 100%;
    min-height: 69px;
    margin: 0;
    /*padding: 15px 0 0 0;*/
    padding: 0 0 0 0;
    background: #f3f3f3;
    border-bottom: solid 1px #d4d4d4;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
}

header .top-search .container{
    text-align: center;
}

header .top-search .container .row{
    margin-left: -20px;
}

header .top-search .container div[class^="col-"]{
    padding-left: 10px;
    padding-right: 10px;
}

header .top-search .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
    width: 80px;
    text-align: center;
}

header .top-search .bootstrap-select > .dropdown-toggle{
    /*padding-left: 10px;*/
    padding-left: 24px;
    width: 80px;
    font-size: 16px;
    line-height: 18px;
}

header .top-search .dropdown-menu span.text{
    text-align: center;
    padding-right: 10px;
}

header .top-search .dropdown-menu{
    min-width: 80px;
}

header .top-search .top-title{
    font-size: 22px;
    line-height: 30px;
}

header .top-search .top-search-title{
    font-weight: bold;
}

header .top-search .top-search-title .small{
    color: 333333;
    margin-left: 5px;
}

header .top-search .form-group{
    font-size: 14px;
    margin-bottom: 0;
}

header .top-search .form-control{
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
}

header .top-search .row-filter{
    text-align: center;
    /*margin-top: 10px;
    margin-bottom: 10px;*/
}

header .top-search .row-filter .col-filter{
    float: none;
    display: inline-block;
    text-align: left;
    vertical-align: bottom;
}

header .top-search .row-filter .col-filter .form-group{
    position: relative;
    width: 100%;
    min-width: 180px;
    max-width: 180px
}


/* submenu */

header .submenu {
    width: 100%;
    min-height: 40px;
    background-color: #ffffff;
    padding: 10px 0;
    text-align: center;
    border-bottom: solid 1px #d4d4d4;
}

header .submenu .nav-tabs  {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin: 0;
    padding: 0;
    margin-bottom: -5px;
    border: 0;
}

header .submenu .nav-tabs > li  {
    /* margin-right: 40px;*/
    margin-right: 19px;
    display: inline-block;
    font-size: 13px;
    text-align: left;
}

header .submenu .nav-tabs > li > a,
header .submenu .nav-tabs > li > a:focus {
    background: #fff !important;
    padding: 6px 0 6px;
    line-height: 1.428571429;
    border: 0;
    font-weight: 800;
    text-transform: uppercase;
    border-bottom: solid 5px transparent;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555;
    background-color: #ffffff;
    border: 0;
    border-bottom-color: transparent;
    cursor: default;
    border-bottom: solid 5px #2b96cc !important;
}

header .submenu .nav-tabs li.active a:focus {
    color: #333;
    outline: 0;
    background-color: #ebebeb;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #333;
    text-decoration: none;
    outline: 0;
    background-color: #ebebeb;
}



/* bg */

section.bg {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 300px;
    margin: -100px auto 0;
    background: url(../img/bg-page.png) no-repeat center center;
    background-size: 540px 300px;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
}

/* icons */


.k-state-selected {
  color: #000;
  background-color: #2b96cc;
}
span.k-state-selected {
  background-color: #eeecec;
  border-color: #d8d8d8;
}

.k-grid tr.k-state-selected:hover {
  background-color: #2b96cc;
}

section.content .fa{
    display: inline-block;
}

section.content .fa-green{
    color: #2baf53;
    min-width: 15px;
}

section.content .fa-orange{
    color: #e09616;
    min-width: 15px;
}

section.content .fa-red{
    color: #e12622;
    min-width: 15px;
}

section.content .fa-yellow{
    color: #FFFF00;
    min-width: 15px;
}

section.content .fa-grey{
    color: #d0d0d0;
}

.fa-graph{
    color: #0000ff;
}
.fa-blue{
    color: #0080ff;
}

.fa-icr{
    color: #ff8000;
}

.fa-view{
    color: #e5007a;
}

.fa-bookedTimeBefore{
    color: #295cb4;
}
.fa-bookedTimeAfer{
    color: #C0C0C0;
}

section.content .fa-noDisability{
    color: #3e8914;
    min-width: 15px;
}
section.content .fa-mildDisability{
    color: #2a9d8f;
    min-width: 15px;
}
section.content .fa-moderateDisability{
    color: #e9c46a;
    min-width: 15px;
}
section.content .fa-severeDisability{
    color: #f4a261;
    min-width: 15px;
}
section.content .fa-completelyDisability{
    color: #e76f51;
    min-width: 15px;
}


/* content */

section.content {
    position: relative;
    padding-top: 183px;
    /*z-index: 0;*/
    /*padding-top: 236px; /*bemeneti lista miatt!*/
}

section.content .word-break{
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.map-responsive{
    position: relative;
    width: 100%;
    padding-bottom: 30%;
}

.map-responsive > *{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}



/* panels */

section.content .panel-white{
    background: #fff;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
    margin: 0;
}

section.content .panel-white i.fa-circle{
    cursor: pointer;
}

section.content .panel-white .panel-heading{
    background: #fff;
    padding: 10px;
}

section.content .panel-white .panel-heading .nav-tabs-heading  {
    margin: 0 10px;
    border-bottom: 0;
}

section.content .panel-white .panel-heading .nav-tabs-heading > li  {
    padding-top: 3px;
    margin-right: 40px;
}

section.content .panel-white .panel-heading .nav-tabs-heading > li > a {
    padding: 3px 0;
    line-height: 1.428571429;
    border: 0;
    font-size: 18px;
    border-bottom: solid 3px transparent;
}

section.content .panel-white .panel-heading .nav-tabs-heading > li > a:focus,
section.content .panel-white .panel-heading .nav-tabs-heading > li > a:hover {
    background-color: #ffffff;
    border: 0;
    border-bottom: solid 3px #555555;
}

section.content .panel-white .panel-heading .nav-tabs-heading > li.active > a{
    color: #555555;
    background-color: #ffffff;
    cursor: default;
    border-bottom: solid 3px #2b96cc;
}

section.content .panel-white .panel-heading .panel-filter{
    margin: 10px;
    padding: 10px 0;
    border-top: solid 1px #dddddd;
}

section.content .panel-white .panel-heading .panel-filter .form-group{
    margin-top: 5px;
}


section.content .panel-white .panel-heading-bottom-border{
    border-bottom: solid 1px #dddddd;
}


section.content .panel-white .panel-heading h1{
    font-size: 18px;
    margin: 0;
    padding: 10px;
}

section.content .panel-white .panel-no-padding{
    padding: 0;
}

section.content .panel-white .panel-body-padding-fix{
    padding: 20px;
}

section.content .panel-left-menu{
    padding: 15px;
}

section.content .panel-white .table td, section.content .modal-content .table td{
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: middle;
}

section.content .panel-white .panel-footer{
    background: #fff;
    padding: 20px;
}

section.content .panel-white .panel-heading-actions {
    float: right;
    padding-right: 10px;
}

section.content .panel-white .panel-heading-actions a{
    display: inline-block;
    margin-left: 10px;
}

section.content .panel-white .panel-heading-actions .btn{
    display: inline-block;
    min-width: 40px;
    margin-left: 10px;
    padding: 5px;
}

section.content .table-actions td{
    padding-top: 20px;
}

.accordion-toggle {
    position: relative;
}

.accordion-toggle:after {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f107";
    top: 7px;
    left: 13px;
}

.accordion-opened .accordion-toggle:after {
    content: "\f106";
}

.nav-pills > li > a{
    border-left: solid 5px transparent;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus{
    color: #333;
    border-left: solid 5px #2b96cc;
}

section.content .panel-white .panel-loader{
    width: 100%;
    min-height: 200px;
    text-align: center;
    padding: 100px 10px;
}

section.content .panel-white .panel-loader-border-top{
    border-top: solid 1px #dddddd;
}

section.content .panel-white .panel-loader span{
    display: inline-block;
    width: 100px;
    height: 100px;
    background: url(../img/img-loader.gif) no-repeat center center;
    background-size: 60px 60px;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    border-radius: 10px;
}

.panel-loaderBasic{
    width: 100%;
    min-height: 200px;
    text-align: center;
    padding: 100px 10px;
}
.panel-loaderBasic span{
    display: inline-block;
    width: 100px;
    height: 100px;
    background: url(../img/img-loader.gif) no-repeat center center;
    background-size: 60px 60px;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    border-radius: 10px;
}

section.content .panel-white .panel-alert{
    width: 100%;
    min-height: 200px;
    text-align: center;
    padding: 20px 10px;
}

section.content .panel-white .panel-alert-border-top{
    border-top: solid 1px #dddddd;
}

section.content .panel-white .panel-alert span{
    display: inline-block;
    width: 250px;
    height: 250px;
    background: url(../img/icon-alert-phone.jpg) no-repeat center center;
    background-size: 250px 250px;
    border-radius: 10px;
}

section.content .panel-white .panel-alert h1{
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}

section.content .panel-white .panel-info{
    width: 100%;
    min-height: 322px;
    text-align: center;
    padding: 20px 10px;
}

section.content .panel-white .panel-info span{
    display: inline-block;
    width: 250px;
    height: 250px;
    background: url(../img/icon-info-phone.jpg) no-repeat center center;
    background-size: 250px 250px;
    border-radius: 10px;
}

section.content .panel-white .panel-info h1{
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}

section.content .panel-white .panel-config span{
    min-height: 276px;
    background: url(../img/icon-config-phone.jpg) no-repeat center center;
    background-size: 250px 250px;
}

section.content .panel-white .panel-diagnostic span{
    min-height: 402px;
    background: url(../img/icon-diagnostic-phone.jpg) no-repeat center center;
    background-size: 250px 250px;
}


/* bootstrap table */

.fixed-table-pagination div.pagination, .fixed-table-pagination .pagination-detail{
    margin-top: 20px !important;
}

.modal-body-history .fixed-table-container{
    border-radius: 0 !important;
}

.modal-body-history .fixed-table-body{
    height: 100% !important;
}

.modal-body-history .history-filter{
    position: absolute;
    top: 10px;
    max-width: 340px;
}




/* modal */

.modal .modal-body {
    /* min-height: 600px;*/
    /*  overflow-y: auto;*/
}

.modal  .modal-full {
    width: 96%;
}

.modal  .modal-sixty {
    width: 90%;
}

.modal  .modal-fourty {
    width: 40%;
}

.modal  .modal-sixty {
    width: 57%;
}


.modal-content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
}

.modal-body-history{
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    min-height: 400px;
}

.modal-body-diagnose{
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
}

.modal-header-actions {
    float: right;
    margin: -6px 0 0;
}

/* pagination */

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #2b96cc;
    border-color: #2b96cc;
    cursor: default;
}

.pagination > li > a:hover, .pagination > li > span:hover {
    color: #4a4a4a;
    background-color: #e7e7e7;
    border-color: #e7e7e7;
}

/* datepicker */
.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:active {
    background-color: #2b96cc !important;
    background-image: none;
}

.bootstrap-datetimepicker-widget,
.bootstrap-datetimepicker-widget a{
    color: #4a4a4a !important;
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover{
    background-image: none !important;
    background: #f3f3f3 !important;
}


/* notifications */

#notifications {
    position: fixed;
    top: 90px;
    right: 20px;
    z-index: 9999;
    min-width: 300px;
    max-width: auto;

}

#notifications .alert{
    padding: 20px;
    font-size: 14px;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}

.alert-dynVarValidation {
    background-color: #2b96cc;
    border-color: #c9287e;
    color: #ffffff;
    margin-bottom: 0px;
}
.alert-dynVarValidation hr {
    border-top-color: #ffffff;
}

/*silent refresh*/
#gridTaskManagerTable .k-loading-mask {
    display: none;
}

/*silent refresh*/
#gridDynamicTable2 .k-loading-mask {
    display: none;
}

/*#gridHdmServiceTagTypesTable .k-loading-mask {
    display: none;
}*/


.k-pager-nav, .k-state-selected{
	/*display: none !important;*/
	
}


.navbar-header>div{
 float:right;
}

#environment{
	font-weight: 800;
	text-transform: uppercase;
	/*font-size: 13px;*/
	font-size: 9px;
	line-height: 50px;
}


#therapyTime_input:focus-visible, #bookedTime_input:focus-visible, #sendingTime_input:focus-visible, #bookedTimePersonal_input:focus-visible, #sendingTime_input:focus-visible{
    padding: 6px 0px;
    cursor: pointer;
    background-color: white;
    border: 0px solid white;
    outline: none;

}

select.form-control {
    -webkit-appearance: menulist!important;
    -moz-appearance: menulist!important;
    -ms-appearance: menulist!important;
    -o-appearance: menulist!important;
    appearance: menulist!important;
}


.button-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0px; /* Optional: Add some padding */
    /*margin: -17px -9px;*/
}

.button-container button {
    flex: 1;
    margin: 0px;
    min-width: 17px;
    padding: 5px; /* Optional: Adjust button padding */
    display: flex;
    justify-content: center;
    align-items: center;
    /*min-height: 20px;*/
}

.button-container button i {
    margin: 0; /* Remove icon margin */
}

.k-grid .k-grid-content table {
    width: 100% !important;
}
.k-grid-header-wrap .k-header:last-child,
.k-grid-content td:last-child {
    width: auto !important;
}

/*.dropdown-menu{
	max-height: 300px;
  	overflow-y: auto;
}*/



/* additional responsive classes */

@media screen and (max-width: 1200px) {
		.navbar .logo{
  	left: 3px;
}
	
	section.content {
		padding-top: 226px;
	}
	
		  #environment
		{
		    font-weight: 800;
		    text-transform: uppercase;
		    font-size: 13px;
		    font-size: 9px;
		    line-height: 50px;
		    /*color:red;*/
		  }
		  
		 #environmentDiv
		{
			float:left;
			padding-left: 131px;
			position: relative;
		}
		
.navbar li.link{
    position: relative;
    padding: 1px 1px 0;
}			
		
		.nav > li{
			display: inline-block;
			  padding: 0 1px 0;
		}
		
		#navbar > ul > li > .btn.btn-normal{
			max-width: 125px;
			min-width: 125px;
			max-height:35px;
			min-height:35px;
			/*color:red;*/
			font-size: 12px;
			padding: 8px 5px;
			margin: 5px 1px 0px;
		}
		
		
		
		.navbar .logo{
					width: 90px;
				    background-position: left center;
				    min-width: 195px;
				    top: 5px;
				    margin-left: 6px;
		    }
	    
}

@media screen and (max-width: 1200px) {
	
	
 #navbar > ul > li > .btn.btn-normal{
	max-width: 80px;
    min-width: 40px;
 	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
 }	
	
	/* --- Minden gombon bel�l csak az ikon l�tsz�djon --- */
button.btn i {
  font-size: 16px; /* ikon m�ret */
  margin: 0;        /* k�z�pre igaz�t�s */
}

button.btn {
  font-size: 0 !important;  /* a sz�veget elt�nteti */
  line-height: 1;
  padding: 8px 10px;
}	
	
	#environmentDiv
		{
			float:left;
			padding-left: 92px;
			position: relative;
		}
	
	section.content {
		padding-top: 183px;
	}
	#submenuSmall{
		display: none;
	}
	
	
}

@media screen and (max-width: 991px) {
	
	#filterDiv{
	padding-top: 0px;
  padding-right: 0px;
	}
	
#environmentDiv
		{
			float:left;
			padding-left: 92px;
			position: relative;
		}
	
	section.content {
		padding-top: 210px;
	}


	#submenuSmall{
		display: none;
	}
	
}



@media screen and (max-width: 768px) {
	
	/* --- Minden gombon bel�l csak az ikon l�tsz�djon --- */
button.btn i {
  font-size: 16px; /* ikon m�ret */
  margin: 0;        /* k�z�pre igaz�t�s */
}

button.btn {
  font-size: 0 !important;  /* a sz�veget elt�nteti */
  line-height: 1;
  padding: 8px 10px;
}
	
#environmentDiv
		{
			float:left;
			padding-left: 104px;
			position: relative;
		}
	
	.navbar .logo,.logo4{
  	left: 3px;
  	display: none;
}
	
	section.content {
		/*padding-top: 231px;*/
		padding-top: 217px;
	}

	
	.dropdown-menu > li > a
	{
		  display: block;
		  padding: 10px;
		  clear: both;
		  font-weight: lighter;
		  line-height: 1.0;
		  color: #333333;
		  white-space: break-spaces;
	}	
		
	.dropdown-menu
		{
		  font-size: 11px;
		}
		
	.dynamicControlSection > div.row > div > button{
		padding: 6px 10px 6px;
	}	
	.dynamicControlSection > div.row > div > a{
		padding: 8px 10px 0px;
	}	
			
	.modal .modal-sixty
	{
	  width: auto;
	}
	
	#filterDiv{
		display: none;
	}	
	
	
}

@media screen and (max-width: 528px) {

header .submenu .nav-tabs > li {
  margin-right: 40px;
  margin-right: 19px;
  display: inline-block;
  font-size: 11px;
  text-align: left;
}
	
section.content {
		padding-top: 213px;
	}
	
	#filterDiv{
		display: none;
	}
	
header .submenu .nav-tabs{
	display: block;
}	

 #navbar > ul > li > .btn.btn-normal{
	max-width: 80px;
    min-width: 40px;
 	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
 }
 
 
 .navbar-nav .open .dropdown-menu {
 	min-width: 142px;
 	position: absolute;
 	background-color: #fff;
 }
 .navbar li.link-user .dropdown-menu {
 	right:-85px;
 }
 header .submenu .nav-tabs > li {
 	margin-right: 12px;
 	
 }
 .dropdown-menu {
 	min-width: 127px;
 	width: 127px;
 }
	
}


/*@media screen and (max-width: 414px) {
	section.content {
		padding-top: 221px;
	}
	
	#filterDiv{
		display: none;
	}
	
}*/


@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
@-webkit-viewport { width: device-width; }
@-moz-viewport    { width: device-width; }
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }