footer {
	position: fixed;
	bottom: 0;
	z-index: 1000;
	background-color: white;
	width: 100vw;
	box-shadow: 5px -2px 5px 5px rgba(0, 0, 0, .15) !important;
	margin-bottom: 0;
	height: 62px;
}
footer>div {
	padding: 4px;
	display: inline-block;
}


.footerabs {	
	bottom: 0;
	z-index: 1000;
	background-color: white;
	width: 100vw;
	box-shadow: 5px -2px 5px 5px rgba(0, 0, 0, .15) !important;
	margin-bottom: 0;
	height: 132px;
}
.footerabs>div {
	padding: 4px;
	display: inline-block;
}


.appContainer {
	overflow: scroll;
	width: 82vw;
	/*height: 60vh;
	min-height: 60vh;*/
	position: fixed;
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;    
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  	transition: 0.3s;
  	background:white;
}

.privateportal #main {
	margin-left: 0%;
	margin-bottom: 88px;
}

.login-info {
	width: 110%;
}

aside {
	background: linear-gradient(to right,#105193,#0877AE);
	position: absolute;
	overflow: scroll;
	height: 60vh;
	left: 0;
	right: 0;
	width: 176px;
	top: 100;
	z-index: 100;
	font-size: 7px;
	box-shadow: 0 16px 38px -12px rgb(0 0 0 / 56%), 0 4px 25px 0 rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%);
}

::-webkit-scrollbar {
	width: 0.1em;
}

#ribbon {
	background: #525ca3;
	height: 32px;
	min-height: 26px;
}

#mainForm:breadcrumb {
	
}

#ribbon .breadcrumb {
	color: #e8e8e8 !important;
	margin-left: 15vw;
	font-size: 13px;
	margin-top: -8px;
	height: 15px;
}

.bg-color-greenLight {
	background-color: #e91e63 !important;
	font-size: 10px;
	border-radius: 1.5vw;
}

nav ul li a {
	color: #e8e8e8;
	cursor: pointer;
	font-size: 13px;
}

nav ul ul li>a {
	padding-left: 4vh;
	font-size: 12px;
	font-weight: normal;
	outline: 0;
}

.linkheader:link {
	color: white;
	text-transform: uppercase;
}

.linkheader:visited {
	color: #015174;
	text-transform: uppercase;
}

.linkheader:hover {
	color: #015174;
	text-transform: uppercase;
	text-decoration: underline
}

.linkheader:active {
	color: #015174;
	text-transform: uppercase;
}

.linkheadersair:link {
	color: white;
	text-transform: uppercase;
	background: #e91e63;
	padding: 8px 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

.linkheadersair:visited {
	color: white;
	text-transform: uppercase;
	background-color: #015174;
	padding: 8px 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

.linkheadersair:hover {
	color: white;
	text-transform: uppercase;;
	background-color: #015174;
}

.linkheadersair:active {
	color: white;
	text-transform: uppercase;
	background-color: #015174;
}

#link {
	color: #015174;
	text-transform: uppercase;
}
/* === INI HEADER === */
#global-container {
	position: fixed;
	overflow-y: hidden;
	height: 100%;
	left: 0;
	right: 0;
}

#left-panel {
	padding-top: 112px;
	padding-bottom: 4vh;
	position: fixed;
	font-size: 2px;
}
/*
*/
.privateportal #header {
	height: 10px;
	background:#525ca3;
	-webkit-box-shadow: 5px -2px 5px 5px rgba(82, 92, 163, .15) !important;
	-moz-box-shadow: 5px -2px 5px 5px rgba(82, 92, 163, .15) !important;
	box-shadow: 5px -2px 5px 5px rgba(82, 92, 163, .15) !important;
	padding-bottom: 8px;
}

.privateportal #header>div {
	float: none;
	height: auto;
}

.privateportal #nav {
	padding: 5px;
	background-color: #2A7FC2;
}

.logogaca { /* logo gaca */
	height: 15px; /* 1/8 of original */
	margin: 20px;
}

.privateportal img.online {
	height: 60px;
}

/* === END HEADER === */

/* === INI BUTTONS === */
.privateportal #nav .btn-header, .privateportal #footer .btn-header {
	display: inline-block;
}

/* === END BUTTONS === */
.privateportal .panelHeadColor .panel-heading {
	background-color: #ddd;
	font-size: 16px;
	font-weight: bold;
}

.form-list {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-content: stretch;
	align-items: stretch;
}

.form-list>li {
	width: 150px;
	text-align: center;
	margin: 1.5em 0;
}

.form-list>li>* {
	margin: .5rem 0 0;
}

.form-icon {
	font-size: 30px;
}

.btn-search>div {
	display: inline-block;
}

.xwc-label a {
	color: black;
}

/*

xwc-label.xwc-label-required a {
	color: black;
	font-weight: bold;
}

.xwc-label.xwc-label-required a:after {
    content: ' *';
}

*/
.xwc-label.xwc-label-required {
	color: black;
	font-weight: bold;
}

.xwc-label.xwc-label-required:after {
	content: ' *';
}

.rowSelected>td {
	background-color: rgba(42, 127, 194, .5);
	/*background-color: red;*/
}

/*
 forms list
.close-formlist fieldset img {
	
}
*/

/*
*[id|="department"]:after {
  font-family: fontAwesome;
  content: " \f055";
  color: rgba(42,127,194,.5);
  cursor: hand;
}
*/
.form-list-opened legend, .form-list-closed legend {
	cursor: pointer;
}

.form-list-opened h4, .form-list-closed h4 {
	font-weight: bold;
	padding-left: 1em;
}

.form-list-opened legend:after {
	font-family: fontAwesome;
	content: " \f056";
	color: rgba(42, 127, 194, .5);
}

.form-list-opened li {
	display: block;
}

.form-list-closed legend:after {
	font-family: fontAwesome;
	content: " \f055";
	color: rgba(42, 127, 194, .5);
}

.form-list-closed li {
	display: none;
}

.form-list-closed h4 {
	display: none;
}

.form-list-closed hr {
	display: none;
}

/* 
	This code was made to center the checkbox with its label.
	 Alexandre Leitao
*/
input[type=checkbox][id^="mainForm:appContainer:"] {
	display: inline;
	margin-top: 8px;
}

.mandatoryGrid1 tr td:nth-child(1) {
	font-weight: bold;
}

.mandatoryGrid1 tr td:nth-child(1):after {
	content: ' *';
}

.mandatoryGrid2 tr td:nth-child(2) {
	font-weight: bold;
}

.mandatoryGrid2 tr td:nth-child(2):after {
	content: ' *';
}

.resizenone textarea {
	resize: none;
}

.hideLabel label {
	display: none;
}

.major_viewer_section {
	font-weight: bold;
	font-size: 1.05em;
	margin-top: 20px;
	text-transform: uppercase;
}

.urgent_request {
	/* color:red; */
	color: black;
	font-weight: bold;
	/* font-style:italic; */
	/* text-decoration:underline; */
	text-transform: uppercase;
}

.scenecrumbdiv {
	background: #f1f1f1;
	height: 20px;
	min-height: 20px;
	padding: 0 0px 25px 205px;
	position: relative;
}


/* header full screens and 4k */

@media (min-height:760px) and (min-width:100px) and (max-height:800px){
	
	.privateportal #header {
    height: 10px;
    background:#525ca3;
    -webkit-box-shadow: 5px -2px 5px 5px rgba(82, 92, 163, .15) !important;
    -moz-box-shadow: 5px -2px 5px 5px rgba(82, 92, 163, .15) !important;
    box-shadow: 5px -2px 5px 5px rgba(82, 92, 163, .15) !important;
    padding-bottom: 8px;
}
}

@media (min-height:801px){
	
	.privateportal #header {
    height: 10px;
    background:#525ca3;
    -webkit-box-shadow: 5px -2px 5px 5px rgba(82, 92, 163, .15) !important;
    -moz-box-shadow: 5px -2px 5px 5px rgba(82, 92, 163, .15) !important;
    box-shadow: 5px -2px 5px 5px rgba(82, 92, 163, .15) !important;
    padding-bottom: 8px;
}
}




/*app container height full screens and 4k*/
@media (min-height:1001px) {
	
	.appContainer {
		height: 95vh;
		min-height: 84vh;
		
	}
}


@media (min-height:801px) and (max-height:1000px){
	
	.appContainer {
		height: 95vh;
		min-height: 81vh;
		
	}
}

@media (min-height:740px) and (max-height:800px){
	
	.appContainer {
		height: 95vh;
		min-height: 78vh;
		
	}
}
@media (min-height:510px) and (max-height:740px){
		.appContainer {
		height: 95vh;
		min-height: 74vh;
		
	}	
}

@media (max-height:509px){
	.appContainer {
        height: 62vh;
		min-height: 62vh;
	}
		
}
@media (min-width:980px) and (max-width:1115px){
	.appContainer {
		overflow: scroll;
		width: 81vw;
		position: fixed;
		left: 190px;
	
	}
		.navscriptdiv {
		margin-right: 54px;
		right: 0;
		margin-top: 0px;
		width: 34px;
		position: absolute;
	}
	#ribbon .breadcrumb {
    color: #e8e8e8 !important;
    margin-left: 175px;
    font-size: 11px;
    margin-top: -8px;
    height: 15px;
}
	
	

}

@media (min-width:1116px) and (max-width:1200px){
	.appContainer {
		overflow: scroll;
		width: 84vw;
		position: fixed;
		left: 184px;
	
	}
#ribbon .breadcrumb {
    color: #e8e8e8 !important;
    margin-left: 175px;
    font-size: 11px;
    margin-top: -8px;
    height: 15px;
}
}

@media (min-width:1201px) and (max-width:1300px){
	.appContainer {
		overflow: scroll;
		width: 85vw;
		position: fixed;
		left: 182px;
	
	}
#ribbon .breadcrumb {
    color: #e8e8e8 !important;
    margin-left: 175px;
    font-size: 11px;
    margin-top: -8px;
    height: 15px;
}


}

@media (min-width:1301px) and (max-width:1400px){
	.appContainer {
		overflow: scroll;
		width: 86vw;
		position: fixed;
		left: 181px;
	
	}
#ribbon .breadcrumb {
    color: #e8e8e8 !important;
    margin-left: 175px;
    font-size: 13px;
    margin-top: -8px;
    height: 15px;
}



}


@media (min-width:1401px) and (max-width:1500px){
	.appContainer {
		overflow: scroll;
		width: 84vw;
		position: fixed;
		left: 233px;
	
	}
#ribbon .breadcrumb {
    color: #e8e8e8 !important;
    margin-left: 212px;
    font-size: 13px;
    margin-top: -8px;
    height: 15px;
}

	#left-panel {
    padding-top: 112px;
    padding-bottom: 4vh;
    position: fixed;
    font-size: 3px;
    width: 225px; 
	}
	
		nav ul li a {
    color: #e8e8e8;
    cursor: pointer;
    font-size: 15px;
}
   nav ul ul li>a {
    padding-left: 4vh;
    font-size: 14px;
    font-weight: normal;
    outline: 0;
  }
	
	
}


@media (min-width:1501px) and (max-width:1600px){
	.appContainer {
		overflow: scroll;
		width: 84vw;
		position: fixed;
		left: 239px;
	
	}
	#left-panel {
    padding-top: 112px;
    padding-bottom: 4vh;
    position: fixed;
    font-size: 3px;
    width: 231px; 
}
#ribbon .breadcrumb {
    color: #e8e8e8 !important;
    margin-left: 230px;
    font-size: 13px;
    margin-top: -8px;
    height: 15px;
}


	nav ul li a {
    color: #e8e8e8;
    cursor: pointer;
    font-size: 16px;
}
   nav ul ul li>a {
    padding-left: 4vh;
    font-size: 15px;
    font-weight: normal;
    outline: 0;
  }

}

@media (min-width:1601px) and (max-width:1700px){
	.appContainer {
		overflow: scroll;
		width: 84vw;
		position: fixed;
		left: 248px;
	
	}
#ribbon .breadcrumb {
    color: #e8e8e8 !important;
    margin-left: 230px;
    font-size: 14px;
    margin-top: -8px;
    height: 15px;
}


	#left-panel {
    padding-top: 112px;
    padding-bottom: 4vh;
    position: fixed;
    font-size: 2px;
    width: 237px
}

	nav ul li a {
    color: #e8e8e8;
    cursor: pointer;
    font-size: 15px;
}
   nav ul ul li>a {
    padding-left: 4vh;
    font-size: 14px;
    font-weight: normal;
    outline: 0;
  }
  	.bg-color-greenLight {
    background-color: #e91e63 !important;
    font-size: 13px;
    border-radius: 1.5vw;
}

}
@media (min-width:1701px) and (max-width:1850px){
	.appContainer {
		overflow: scroll;
		width: 83.6vw;
		position: fixed;
		left: 270px;
	
	}
#ribbon .breadcrumb {
    color: #e8e8e8 !important;
    margin-left: 230px;
    font-size: 15px;
    margin-top: -8px;
    height: 15px;
}



	#left-panel {
    padding-top: 112px;
    padding-bottom: 4vh;
    position: fixed;
    font-size: 2px;
    width: 240;
}

}


@media (min-width:1851px)and (max-width:2000px){
	
	aside {
	background: linear-gradient(to right,#105193,#0877AE);
	position: absolute;
	overflow: scroll;
	height: 60vh;
	left: 0;
	right: 0;
	width: 290px;
	top: 100;
	z-index: 100;
	font-size: 7px;
}
	#ribbon .breadcrumb {
    color: #e8e8e8 !important;
    margin-left: 295px;
    font-size: 15px;
    margin-top: -8px;
    height: 15px;
}
	nav ul li a {
    color: #e8e8e8;
    cursor: pointer;
    font-size: 16px;
}
   nav ul ul li>a {
    padding-left: 4vh;
    font-size: 15px;
    font-weight: normal;
    outline: 0;
  }

  .logostyle{
	  height: 59px;
      margin-top: 0vh;
	}
	
		.appContainer {
		overflow: scroll;
		width: 84vw;
		position: fixed;
		left: 300px;		
	}
		#left-panel {
    padding-top: 112px;
    padding-bottom: 4vh;
    position: fixed;
    font-size: 2px;
    width: 290px;
}

	#left-panel {
    padding-top: 112px;
    padding-bottom: 4vh;
    position: fixed;
    font-size: 2px;
    width: 290;
}
.bg-color-greenLight {
    background-color:#e91e63 !important;
    font-size: 13px;
    border-radius: 1.5vw;
}
}

@media (min-width:2001px) and (max-width:2200px){
	.appContainer {
		overflow: scroll;
		width: 84.5vw;
		position: fixed;
		left: 329px;
	
	}
	.logostyle {
    height: 59px;
    margin-top: 1vh;
}
	#ribbon .breadcrumb {
    color: #e8e8e8 !important;
    margin-left: 310px;
    font-size: 15px;
    margin-top: -8px;
    height: 15px;
}
	nav ul li a {
    color: #e8e8e8;
    cursor: pointer;
    font-size: 18px;
}
   nav ul ul li>a {
    padding-left: 4vh;
    font-size: 17px;
    font-weight: normal;
    outline: 0;
  }
	
		#left-panel {
    padding-top: 112px;
    padding-bottom: 4vh;
    position: fixed;
    font-size: 2px;
    width: 320px;
}
	.bg-color-greenLight {
    background-color:#e91e63 !important;
    font-size: 15px;
    border-radius: 1.5vw;
}
	
}

@media (min-width:2201px) and (max-width:2400px){
	.appContainer {
		overflow: scroll;
		width: 85vw;
		position: fixed;
	    left: 334px;
	
	}
	.logostyle {
    height: 59px;
    margin-top: 1vh;
}
   #ribbon .breadcrumb {
    color: #e8e8e8 !important;
    margin-left: 320px;
    font-size: 16px;
    margin-top: -8px;
    height: 15px;
}
	nav ul li a {
    color: #e8e8e8;
    cursor: pointer;
    font-size: 19px;
}
   nav ul ul li>a {
    padding-left: 4vh;
    font-size: 18px;
    font-weight: normal;
    outline: 0;
  }
	
		#left-panel {
    padding-top: 112px;
    padding-bottom: 4vh;
    position: fixed;
    font-size: 2px;
    width: 330px;
}
	
	
}

@media (min-width:2401px)and (max-width:2550px){
	
	.logostyle{
	  height: 59px;
      margin-top: 1vh;
	}
		.appContainer {
		overflow: scroll;
		width: 85.3vw;
		position: fixed;
	    left: 354px;
	
	}
	
	.bg-color-greenLight {
    background-color:#e91e63 !important;
    font-size: 17px;
    border-radius: 1.5vw;
}
	
   #ribbon .breadcrumb {
    color: #e8e8e8 !important;
    margin-left: 340px;
    font-size: 17px;
    margin-top: -8px;
    height: 15px;
}
	nav ul li a {
    color: #e8e8e8;
    cursor: pointer;
    font-size: 20px;
}
   nav ul ul li>a {
    padding-left: 4vh;
    font-size: 19px;
    font-weight: normal;
    outline: 0;
  }
	
		#left-panel {
    padding-top: 112px;
    padding-bottom: 4vh;
    position: fixed;
    font-size: 2px;
    width: 350px;
}

}


@media (min-width:2551px)and (max-width:2700px){
	
	.logostyle{
	  height: 59px;
      margin-top: 1vh;
	}
		.appContainer {
		overflow: scroll;
		width: 86vw;
		position: fixed;
	    left: 357px;
	
	}
	
	.bg-color-greenLight {
    background-color: #e91e63 !important;
    font-size: 17px;
    border-radius: 1.5vw;
}
	
   #ribbon .breadcrumb {
    color: #e8e8e8 !important;
    margin-left: 340px;
    font-size: 17px;
    margin-top: -8px;
    height: 15px;
}
	nav ul li a {
    color: #e8e8e8;
    cursor: pointer;
    font-size: 20px;
}
   nav ul ul li>a {
    padding-left: 4vh;
    font-size: 19px;
    font-weight: normal;
    outline: 0;
  }
	
		#left-panel {
    padding-top: 112px;
    padding-bottom: 4vh;
    position: fixed;
    font-size: 2px;
    width: 350px;
}

}


@media (min-width:2701px){
	
	.logostyle{
	  height: 59px;
      margin-top: 1vh;
	}
		.appContainer {
		overflow: scroll;
		width: 86.8vw;
		position: fixed;
	    left: 357px;
	
	}
	
	.bg-color-greenLight {
    background-color: #e91e63 !important;
    font-size: 17px;
    border-radius: 1.5vw;
}
	
   #ribbon .breadcrumb {
    color: #e8e8e8 !important;
    margin-left: 340px;
    font-size: 17px;
    margin-top: -8px;
    height: 15px;
}
	nav ul li a {
    color: #e8e8e8;
    cursor: pointer;
    font-size: 20px;
}
   nav ul ul li>a {
    padding-left: 4vh;
    font-size: 19px;
    font-weight: normal;
    outline: 0;
  }
	
		#left-panel {
    padding-top: 112px;
    padding-bottom: 4vh;
    position: fixed;
    font-size: 2px;
    width: 350px;
}

}





@media (min-width:2001px){
	
	/*aside {
	background: linear-gradient(to right, rgb(161, 187, 21) 93%,
		rgb(161, 187, 21) 100%);
	position: absolute;
	overflow: scroll;
	height: 60vh;
	left: 0;
	right: 0;
	width: 300px;
	top: 100;
	z-index: 100;
	font-size: 7px;
}
	#ribbon .breadcrumb {
    color: #e8e8e8 !important;
    margin-left: 310px;
    font-size: 17px;
    margin-top: -2px;
    height: 15px;
}
	nav ul li a {
    color: #e8e8e8;
    cursor: pointer;
    font-size: 16px;
}
   nav ul ul li>a {
    padding-left: 4vh;
    font-size: 15px;
    font-weight: normal;
    outline: 0;
  }*/
 .logostyle{
	  height: 59px;
      margin-top: 0vh;
	}
	
	.bg-color-greenLight {
    background-color: #e91e63 !important;
    font-size: 13px;
    border-radius: 1.5vw;
}
 /*#left-panel {
    padding-top: 112px;
    padding-bottom: 4vh;
    position: fixed;
    font-size: 2px;
}*/
#ribbon {
    background: #525ca3;
    height: 33px;
    min-height: 33px;
}

}




@media (min-width:1701px)and (max-width:1850px){
	
	aside {
	background: linear-gradient(to right,#105193,#0877AE);
	position: absolute;
	overflow: scroll;
	height: 60vh;
	left: 0;
	right: 0;
	width: 265px;
	top: 100;
	z-index: 100;
	font-size: 7px;
}
	#ribbon .breadcrumb {
    color: #e8e8e8 !important;
    margin-left: 260px;
    font-size: 17px;
    margin-top: -8px;
    height: 15px;
}
	nav ul li a {
    color: #e8e8e8;
    cursor: pointer;
    font-size: 16px;
}
nav ul ul li>a {
    padding-left: 4vh;
    font-size: 15px;
    font-weight: normal;
    outline: 0;
}

  .logostyle{
	  height: 59px;
      margin-top: 0vh;
	}
}

@media(min-width:980px) and (max-width:1700px){

	.logostyle{
	  height: 59px;
      margin-top: 0vh;
	}
}

@media ( min-width : 980px) {
	.hiddenweb {
		visibility: hidden;
	}


}


@media (min-width:450px) and (max-width:510px){
	
	#ribbon .breadcrumb {
    color: #e8e8e8 !important;
    margin-left: 2vw;
    font-size: 13px;
    margin-top: -8px;
    height: 15px;
}
	
	.logostyle{
	  height: 59px;
      margin-top: 1vh;
	}
	  .menuoptions {
		margin-top:-40px
	}
}

@media ( max-width : 450px) {
	.hiddenweb {
		visibility: hidden;
	}
	.headermobile {
		visibility: hidden;
	}
	.divbuttonprofilemob {
		margin-right: -245px;
		margin-top: -67px;
		border: none;
	}
	.divbuttonscriptmob {
		margin-right: -200px;
		margin-top: -67px;
		border: none;
	}
	.showenmobile {
		visibility: visible;
		margin-top: -9px;
	}
	.buttonnav {
		visibility: visible;
		margin-top: 0px;
		border: 0;
		background-color:#191919;
		color: white;
		cursor: pointer;
	}
	.buttonprofile {
		border: 0;
		background-color:#191919;
		border: none;
		color: white;
		cursor: pointer;
	}
	.buttonnav:hover {
		background-color:#191919;
	}
	.buttonprofile:hover {
		background-color: gray;
	}
	.menuusermobile {
		visibility: visible;
		text-align: center;
		height: 20px;
		margin-left: -5px;
		margin-top: -10px
	}
	.exitMoile {
		margin-top: -6px;
	}
	.hiddenmobile {
		visibility: hidden;
	}
	.footermobile {
		overflow: scroll;
	}
	.appContainer {
		overflow: scroll;
		width: 96vw;
	    /*height: 60vh;*/
		/*min-height: 60vh;*/
		position: fixed;
		left: 9px;
	}
	#ribbon .breadcrumb {
		color: #e8e8e8 !important;
		margin-left: 2vw;
		font-size: 13px;
		margin-top: -8px;
		height: 15px;
	}
	.navscriptdiv {
		margin-right: 54px;
		right: 0;
		margin-top: 0px;
		width: 34px;
		position: absolute;
	}
	.logostyle{
	  height: 59px;
      margin-top: 1vh;
	}
	  .menuoptions {
		margin-top:-40px
	}
}

@media(max-width:700px){
  .card-body{
     width: 100%;
  }
  .cube{
     width: 97%;
  }
  
    .cubeClassif{
         width: 97%;
        display: inline-block;
     }	
}
@media(min-width:700px) and (max-width:1200px){
	.card-body{
	  width: 100%;
	}
	
	  .cube{
         width: 49%;
    display: inline-block;
     }
	  .cubeClassif{
         width:48%;
        display: inline-block;
     }	

}
@media(min-width:1201px){
.card-body{
	  width: 100%;
	}
  .cube{
         width: 25%;
        display: inline-block;
     }
	
   	
  .cubeClassif{
         width: 20%;
        display: inline-block;
     }	
}



@media (min-width:913px) and (max-width:919px)  {
  	.navscriptdiv {
	margin-right: 54px;
		right: 0;
		margin-top: 0px;
		width: 34px;
		position: absolute;
	}
		.requestfromEdit {
		overflow-y: hidden;
		margin-top: 4px;
	}
	.logostyle{
	  height: 59px;
      margin-top: 1vh;
	}
}

@media (max-width:560px)   {
  	.navscriptdiv {
		margin-right: 54px;
		right: 0;
		margin-top: 0px;
		width: 34px;
		position: absolute;
	}
		.requestfromEdit {
		overflow-y: hidden;
		margin-top: 4px;
	}
	
	.menuoptions {
		margin-top:-40px
	}
}

@media (min-width:565px) and ( max-width : 913px) {
	.navscriptdiv {
			margin-right: 54px;
		right: 0;
		margin-top: 0px;
		width: 34px;
		position: absolute;
	}
		.requestfromEdit {
		overflow-y: hidden;
		margin-top: 4px;
	}
	.logostyle{
	  height: 59px;
      margin-top: 1vh;
	}
}

@media (min-width:565px) and ( max-width : 606px) {
	.navscriptdiv {
			margin-right: 54px;
		right: 0;
		margin-top: 0px;
		width: 34px;
		position: absolute;
	}
		.requestfromEdit {
		overflow-y: hidden;
		margin-top: 4px;
	}
	.logostyle{
	  height: 59px;
      margin-top: 1vh;
	}
	.menuoptions {
		margin-top:-40px
	}
}

@media (min-width:1201px){
	
	.navscriptdiv {
		visibility: hidden;
		margin-top: -28px;
	}
	
		.requestfromEdit {
		overflow-y: hidden;
		margin-top: 4px;
	}
	.scriptdivstyle{
	   visibility: visible;
	}
}

@media ( min-width : 920px) and (max-width:1200px){
	
	.scriptdivstyle{
	   visibility: hidden;
	}
	
	.navscriptdiv {
		margin-right: 54px;
		right: 0;
		margin-top: 0px;
		width: 34px;
		position: absolute;
	}
	
		.requestfromEdit {
		overflow-y: hidden;
		margin-top: 4px;
	}
}

@media (min-width:400px) and (max-width:765px){
	
	
	.scriptdivstyle{
	   visibility: hidden;
	}
		.requestfromEdit {
		overflow-y: hidden;
		margin-top: 4px;
		width: 94%;
		margin-left: -3px;
	}
		#ribbon .breadcrumb {
		color: #e8e8e8 !important;
		margin-left: 4vw;
		font-size: 13px;
		margin-top: -8px;
		height: 15px;
	}
	.hiddenmobile {
		visibility: hidden;
	}

	.showenmobile {
		visibility: visible;
		margin-top: -70px;
	}
	.showenmobileprof{
	   visibility: hidden;
	}
	.divbuttonprofile {
		margin-right: -245px;
		margin-top: 27px;
		border: none;
	}
	.buttonnav {
		visibility: visible;
		margin-top: 0px;
		border: 0;
		background-color:#525ca3;
		color: white;
		cursor: pointer;
	}
	.buttonprofile {
		border: 0;
		background-color:#525ca3;
		border: none;
		color: white;
		cursor: pointer;
	}
	.buttonnav:hover {
		background-color: rgb(38, 64, 128);
	}
	.buttonprofile:hover {
		background-color: rgb(38, 64, 128);
	}
	.menuusermobile {
		visibility: visible;
		text-align: center;
		height: 45px;
		margin-left: -5px;
		margin-top: -10px
	}
	.exitMoile {
		margin-top: -6px;
	}
	.footermobile {
		overflow: scroll;
	}
	#appContainer {
		width: 100vw;
	}
	.appContainer {
		overflow: scroll;
		width: 96vw;
		/*height: 60vh;
		min-height: 60vh;*/
		position: fixed;
		left: 9px;
	}
	.logostyle{
	  height: 59px;
      margin-top: 1vh;
	}
}

@media(max-width:537px){
  .divlogin{
    
     margin-top: -12px;
  }	
  .menuoptions {
		margin-top:-40px
	}
}

@media(min-width:537px){
  .divlogin{
    
     margin-top: -12px;
  }	
}


@media  ( max-width : 980px) and (min-width:766px){
	
	.hiddenmobile {
		visibility: hidden;
	}

	.showenmobile {
		visibility: visible;
		margin-top: -70px;
	}
	.divbuttonprofile {
		margin-right: -245px;
		margin-top: 27px;
		border: none;
	}
	.buttonnav {
		visibility: visible;
		margin-top: 0px;
		border: 0;
		background-color:#525ca3;
		color: white;
		cursor: pointer;
	}
	.buttonprofile {
		border: 0;
		background-color:#525ca3;
		border: none;
		color: white;
		cursor: pointer;
	}
		.showenmobileprof{
	   visibility: hidden;
	}
	.buttonnav:hover {
		background-color: rgb(38, 64, 128);
	}
	.buttonprofile:hover {
		background-color: rgb(38, 64, 128);
	}
	.menuusermobile {
		visibility: visible;
		text-align: center;
		height: 45px;
		margin-left: -5px;
		margin-top: -10px
	}
	.exitMoile {
		margin-top: -6px;
	}
	.footermobile {
		overflow: scroll;
	}
	#appContainer {
		width: 100vw;
	}
	.appContainer {
		overflow: scroll;
		width: 96vw;
		/*height: 60vh;
		min-height: 60vh;*/
		position: fixed;
		left: 9px;
	}

	#ribbon .breadcrumb {
		color: #e8e8e8 !important;
		margin-left: 2vw;
		font-size: 13px;
		margin-top: -8px;
		height: 15px;
	}
	
	.scriptdivstyle{
	   visibility: hidden;
	}
		.requestfromEdit {
		overflow-y: hidden;
		margin-top: 4px;
	}
	.logostyle{
	  height: 59px;
      margin-top: 1vh;
	}
}

.breadcrumbprivateportal {
	padding: 8px 8px;
	margin-bottom: 18px;
	list-style: none;
	background-color: #f1f1f1;
	border-radius: 2px;
}

.breadcrumbprivateportal>li {
	display: inline-block;
}

.breadcrumbprivateportal>li+li:before {
	content: "/\00a0";
	padding: 0 5px;
	color: #cccccc;
}

.breadcrumbprivateportal>.active {
	color: #999999;
}

@media (max-height:450px){

.formWithScriptText > div {
flex: 3;
height: calc(100vh - 267px);
overflow-y:auto;
}

}
@media
(min-height:451px) and (max-height:1200px) and (min-width:600px){

.formWithScriptText > div
{
flex: 3;
height: calc(100vh - 275px);
overflow-y:auto;
}

}
	@media
(min-height:451px) and (max-height:1200px) and (max-width:599px){

.formWithScriptText > div
{
flex: 3;
height: calc(100vh - 325px);
overflow-y:auto;
}

}

@media
(min-height:1200px){

.formWithScriptText > div {
flex: 3;
height:
calc(100vh - 315px);
overflow-y:auto;
}

}


@media (min-width:1201px){
.formWithScriptText {
display: flex;
width: 102%;
}

.formWithScriptText >
div:last-child {
flex: 1.5;
width:400px;
margin-left:20px;
/*border: 1px solid #dddddd;*/
padding:0 13px 0;
}

}
@media
(max-width:1200px){
.formWithScriptText {
display:
flex;
width:154%;
}

.formWithScriptText > div:last-child {
flex: 1.5;
width:400px;
margin-left:20px;
/*border: 1px solid #dddddd;*/
padding:0
13px 0;
}
.resp-iframe {
top: 0;
left: 0;
width: 98%;
height:
800px;
border:  1px solid #dddddd;
}

}
@media (min-width:1201px) and (max-width:1420px){
.resp-iframe {
top: 0;
left: 0;
width:
101%;
height: calc(100vh - 400px);
border: none;
}
}

@media (min-width:1421px)and (max-width:1830px){
.resp-iframe {
top: 0;
left: 0;
width:
100%;
height: calc(100vh - 400px);
border: none;
}
}

@media (min-width:1830px)and (max-width:2030px){
.resp-iframe {
top: 0;
left: 0;
width:
97%;
height: calc(100vh - 400px);
border: none;
}
}

@media (min-width:2030px)and (max-width:2230px){
.resp-iframe {
top: 0;
left: 0;
width:
95%;
height: calc(100vh - 400px);
border: none;
}
}

@media (min-width:2230px){
.resp-iframe {
top: 0;
left: 0;
width:
94%;
height: calc(100vh - 400px);
border: none;
}
}