.frage_dp_dialog {
	border: 1pt solid rgba(0,0,0,0.12);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	border-radius: 0px!important;
	-webkit-border-radius: 0px!important;
}

.frage_dp_dialog .ui-dialog-content {
	overflow: hidden!important;
}

.aktion_btns {
	float: right;
}

.aktionbtn {
	border-color: darkgrey;
    color: grey;
    background: 0;
	border-radius: 4px!important;
	margin-top: 15px;
	margin-right:5px;
}

.disableClick {
	pointer-events: none;
}

input, select, .bottomborder {
	border-top-style:none!important;
	border-right-style:none!important;
	border-left-style:none!important;
}

.bottomborderc {
	border-top-style:none!important;
	border-right-style:none!important;
	border-left-style:none!important;
	border-color: #36c6d3!important;
}

.bottomborder2 {
	border-top-style:none!important;
	border-right-style:none!important;
	border-left-style:none!important;
	border-bottom-style:dashed!important;
}

.row-spacer1 {
	padding-top: 20px;
}

.row-spacer11 {
	padding-top: 20px;
	padding-left: 100px;
}

.row-spacer2 {
	padding-top:50px;
}

.grid_button {
	color: black!important;
	padding:4px 4px 4px 8px!important;
}

.custom_toolbar {
	display: inline-block;
	padding-left: 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	color: #337ab7!important;
	background-color: #fff!important;
    border: 1px solid #ddd!important;
	margin-left: -1px!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background: none!important;
	color: #23527c!important;
    background-color: #eee!important;
    border-color: #ddd!important;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: none!important;
    background-color: #337ab7!important;
    border-color: #337ab7!important;
    color: #fff!important;
}



.modal.left .modal-dialog,
.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 320px;
	top : 0px!important;
	height: 100vh;
	-webkit-transform: translate3d(0%, 0, 0);
		-ms-transform: translate3d(0%, 0, 0);
		 -o-transform: translate3d(0%, 0, 0);
			transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
	height: 100vh;
	overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
	padding: 15px 15px 80px;
}

/*Left*/
.modal.left.fade .modal-dialog{
	left: -320px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
		 -o-transition: opacity 0.3s linear, left 0.3s ease-out;
			transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog{
	left: 0;
}
	
/*Right*/
.modal.right.fade .modal-dialog {
	right: -320px;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		 -o-transition: opacity 0.3s linear, right 0.3s ease-out;
			transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
	right: 0;
}

.tooltip {  /* to make it display in bootstrap modal !!!*/
    z-index: 50000 !important;
}

.modal.fade.in {
    top: 15%!important;
}

#group_access_options {
	left: 40%!important;
	padding-right: 0px!important;
	padding-top:0px!important;
}

#supervisor_dlg {
	left: 25%!important;
	padding-right: 0px!important;
	padding-top:0px!important;
	margin-top: 0px!important;
	margin-bottom: 0px!important;
}

.tabbable-line > .nav-tabs > li.active {
    border-bottom: 4px solid rgb(260, 88, 95)!important;
	background-color: transparent!important;
}

.tabbable-line > .nav-tabs > li.active:hover {
    border-bottom: 4px solid rgb(260, 88, 95)!important;
	background-color: #eee!important;
}

.tabbable-line > .nav-tabs > li {
	margin:0!important;
}

.tabbable-line > .nav-tabs > li:hover {
	border-bottom: none!important;
	background-color: #eee!important;
}

.page-container-bg-solid .tabbable-line > .tab-content {
   /* border-top: 1px solid rgb(99, 64, 60)!important;*/
	padding-top:0!important;
}

.tabbable-line > .nav-tabs > li.active > a {
    border: 0;
    color: black!important;
}

.tabbable-line > .nav-tabs > li > a {
	color: black!important;
}

@media (min-width: 768px) {
  .modal-xl {
    width: 100%;
   max-width:1200px;
   margin-top:0px;
   margin-bottom: 0px;
  }
}

.ugw_news_title {
	font-size:large;
	font-weight:700;
	color:#0000FF;
	font-family:sans-serif;
}

.ugw_news_desc {
	font-size:14px; 
	color:black!important;
}

.red-pdf {
	color: red!important;
	padding-left: 10px;
}

#ze_datepicker td.cw {
	color: rgb(0,143,195)!important;
    font-weight: 600!important;
}




/*  PHONES  */
@media only screen and (max-width: 414px) and (max-height: 900px) and (orientation: portrait) {
  .login .content {
    padding: 30px;
    width: 340px;
}

.page-footer {
    display: contents;
    text-align: right;
}

.container .row {
    margin-right: -25px;
	margin-top: 15px;
}
}

@media only screen and (max-width: 900px) and (max-height: 414px) and (orientation: landscape) {
  .login .content {
    padding: 30px;
    width: 330px;
}

.page-footer {
    display: contents;
    text-align: right;
}

.container .row {
    margin-right: -25px;
	margin-top: 15px;
	display: flex;
}
}



/*  Tablets */
@media only screen and (width: 768px) and (height: 1024px) and (orientation: portrait) {
  .login .content {
    padding: 30px;
    width: 500px;
}

.page-footer {
    display: contents;
    text-align: right;
}

.container .row {
    margin-right: -25px;
	display: flex;
	position: fixed;
    bottom: 0;
	right: 0;
}
}

@media only screen and (width: 1024px) and (height: 768px) and (orientation: landscape) {
  .login .content {
    padding: 30px;
    width: 600px;
}

.page-footer {
    display: contents;
    text-align: right;
}

.container .row {
    margin-right: -25px;
	display: flex;
	position: fixed;
    bottom: 0;
	right: 0;
}
}

.login .content .form-title, .forget-title-login {
    font-weight: bold;
    color: #eee;
    font-size: 23px;
}

#forget-password {
    color: #eee !important;
}

.login .content {
    width: 400px;
    padding: 15px 50px;
    background: #fff3;
}

.login .content .form-actions {
    margin-top: 25px;
}

.login .logo {
	margin: 0 auto;
    padding: 20px;
}
.login .logo.header {
	margin: 0 auto 30px;
    padding: 15px 0;
    background: #fff;
}
.login .logo.footer {
	margin: 0 auto;
    padding: 20px 20px 0;
}

.ugw_new_panel-body > table 
{
    width: 100% !important;
}

.ugw_new_panel-body > table > tr > td
{
    width: 100% !important;
}

.ugw_new_panel-default .help-block {
    margin-bottom: 0px !important;
}

.ugw_new_panel-body img
{
    max-width: 100% !important;
        height: auto !important;
/*    max-height: 100% !important;
    height: 100% !important;*/
}
.accesshide {
	position: absolute;
	left: -10000px;
	font-weight: normal;
	font-size: 1em;
}
.langmenu {
	text-align: right;
}
.langmenu > .btn-group {
    margin-top: -4px;
}
.langmenu .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    text-align: right;
}

.langmenu-alignment {
	padding-bottom: 15px;
}    

.langmenu .bs-text
{
	/* margin-left: 10px; */
    position: relative;
    top: -8px;
	font-size: 18px;
    font-weight: 300;
    color: #eee;
} 

.langmenu .dropdown-menu span.text
{
	margin-left: 20px;
    position: relative;
    top: -8px;
} 


/* .langmenu .bootstrap-select.btn-group .dropdown-menu {
    margin-top: 16px !important;
} */

.langmenu .btn.dropdown-toggle
{
	background: transparent !important;
    border-color: transparent!important;
}

.langmenu .bootstrap-select
{
	background: transparent !important;
    border-color: transparent!important;
}

.langmenu .bootstrap-select>.dropdown-toggle {
    padding: 0px !important;
}

.langmenu .bs-caret
{
	display: none !important;
}


/* .fa-en:before {
	content: url(../img/flags/England.png);
  } */

.fa-en:before {
content: url(../img/flags/United-States.png);
}
  
  
.fa-de:before {
content: url(../img/flags/Germany.png);
}

.fa-fr:before {
	content: url(../img/flags/France.png);
}

.fa-es:before {
	content: url(../img/flags/Spain.png);
}

.fa-it:before {
	content: url(../img/flags/Italy.png);
}

.fa-nl:before {
	content: url(../img/flags/Netherlands.png);
}