/* Overwrite Primefaces */
body .ui-menu {
    border: 0;
    background: #ffffff;
}
/* Overwrite Primefaces */
body .ui-menu.ui-menubar{
    background: #ffffff;
}
.menu {
    border: 0;
    color: red;
}

.icon-list{
    padding-left: 1rem;
}

body .ui-sidebar {

    -webkit-transition: transform 2s;
    transition: transform 2s;

}

body .menu-class {
    position: relative;
    left: 16rem;
    padding: 0.5rem 0.5rem !important;
    margin-right: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
}

body .language-class {
    position: relative !important;
    right: 16rem;
    float: right !important;
    padding: 0.5rem 0.5rem !important;
    margin-right: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    /*font-size: 1.5rem !important;*/
}


.language-icon {
    background: url(icons/globe.png) no-repeat !important;
    height: 50px;
    width: 50px;
}

body .menu-class span {
    margin-right: 0 !important;
    font-size: 1.5rem;
    margin-top: 3px;
    margin-bottom: 3px;
}

body .menu-class:hover {
    border: 1px solid !important;

   -webkit-animation: spin 2s infinite linear;

}

.test-class {
    width: 6rem;
}

.test-class:hover {
    -webkit-animation: spin 2s infinite linear;
}

@keyframes spin {

    0%   {transform: rotate(0deg);}
    20%  {transform: rotate(25deg);}
    40%  {transform: rotate(0deg);}
    60%  {transform: rotate(-25deg);}
    80%  {transform: rotate(0deg);}
    100% {transform: rotate(25deg);}
}

.mid-pic{
    width: auto;
    height: auto;
}

.button-menu-class{
    width: 3rem;
}

.footer-class {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2rem;
    color: white;
    text-align: center;
    margin-bottom: 2rem;
}

.footer-overlay {

    /*
    position: fixed;
    top: 50%;

    transform: translate(-50%, -50%);
*/
    left: calc(100vw * 0.25) !important;
    width: calc(100vw * 0.5);

}

.label-3ndata-title{
    padding: 0.5rem !important;
}

#map {
    width: 100%;
    height: 100%;
}

.nttLogo {
    background-color: #070E27;

   margin-bottom: 0.5rem;
}

.vwLogo {
  /*  margin-bottom: 1rem;*/
}

.vwLogo2 {

    margin: auto;

    width: 100px;
    height: 100px;
}

.danskebank {
    margin: auto;
    width: 180px;
    height: 27px;
}

.sdc {
    margin: auto;
    width: 130px;
    height: 50px;
}

.bankdata {
    margin: auto;
    width: 158px;
    height: 30px;
}

.bec {
    margin: auto;
    width: 128px;
    height: 73px;
}

.btx {
    margin: auto;
    width: 150px;
    height: 78px;
}

.small-validation {
    font-size: 0.8rem;
    padding: 2px;
    /*background: #fff !important;
    opacity: 0.1;*/
    background: rgba(255,255,255,0.1) !important;
}
body .ui-scrolltop {
    background: rgb(63 63 63);
    bottom: 80px;
    right: 40px
}

body .ui-scrolltop:hover {
    background: rgb(61 61 61) !important;
    cursor: pointer !important;

}

ul {
    list-style-type: disc;
    margin-left: 20px;
}
.developmentDialogcontent {

    /*
    max-width: 800px;
    */

    margin: auto;
}


body .ui-widget-header{
    background: rgb(63 63 63) !important;
}

body .ui-dialog {
    border: 1px solid rgb(63 63 63) !important;
}

body .ui-dialog,
    .ui-dialog-content,
    .ui-scrollpanel{

    background-color: rgb(211, 211, 211) !important;

}

.loginButton {
    display: flex;
}

.tech-box {
    width: 200px;
    height: 200px;
    margin: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Ensures space between logo and text */
    align-items: center; /* Centers the logo horizontally */
    padding: 20px 0; /* Adds padding to ensure spacing within the box */
    color: white;
    border-radius: 10px;
    cursor: pointer;
    transition: transform 0.3s ease;

    flex: none; /* Prevents flex-shrink */
    /*
    flex: 0 0 23%; */ /* For 4 items per row */
    z-index: 5000;

}


.tech-box:hover {
    transform: scale(1.1);
}


.tech-logo {
    width: 80px;
    height: 80px;
    flex: 0 0 auto; /* Ensures the logo keeps its size */
}
h3 {
    margin: 0; /* Removes default margin */
    flex: 0 0 auto; /* Ensures the text keeps its size */
}
.java { background-color: #5382a1; }
.primefaces { background-color: #2d7cb3; }
.angular { background-color: #dd0031; }
.typescript { background-color: #3178c6; }
.python { background-color: #306998; }
.spring { background-color: #6db33f; }
.mysql { background-color: #4479a1; }
.html { background-color: #e34c26; }
.css { background-color: #264de4; }
.javascript { background-color: #f0db4f; }
.kotlin { background-color: #0095d5; }
.aws {
    background-color: #ff9900;
    border: 2px solid #232F3E; /* Adding border specifically for AWS */
}
.chatgpt {
    background-color: #10a37f;
    border: 2px solid #004d40;
}

.hibernate { background-color: #59666C; }
.hibernate-light { background-color: #70808A; }
.github { background-color: #181717; }
.bitbucket { background-color: #205081; }
.bamboo { background-color: #0052CC; }
.jira { background-color: #0052CC; }
.confluence { background-color: #172B4D; }
.jenkins { background-color: #D24939; }
.tomcat { background-color: #F8DC75; }
.openliberty { background-color: #002D72; }
.oracleserver { background-color: #F80000; }
.oracleserver-light { background-color: #FF6666; }
.oracledb { background-color: #F80000; }
.oracledb-light { background-color: #FF3333; }


.route53 {background-color: #4B0079; }
.acm {background-color: #D13212; }
.elb {background-color: #5A1F78; }
.ec2 {background-color: #FF9900; }
.ec2as {background-color: #FF9900; }
.rds {background-color: #527FFF; }
.vpc {background-color: #5A30B6; }
.security-groups {background-color: #D13212; }
.iam-roles {background-color: #D13212;}




.desktop-applications {
    /*
    background-color: #5D9CEC;
    */
    border: 2px solid #004d40;
}
.web-applications { background-color: #FF6F61; }
.api { background-color: #4CAF50; }
.android-apps { background-color: #3DDC84; }

.tech-logo {
    width: 80px;
    height: 80px;
}

.tech-logo-prime {
    width: 128px;
    height: 80px;
}

.tech-box-center {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; /* Ensures the div takes up the full height of the column */

}

.left-justify {
    text-align: left !important;
}

.fieldset-styling{

    font-size: 1.5em !important;
    background-color: rgb(211, 211, 211) !important;
    margin: 0 !important; /* Removes default margin */
    flex: 0 0 auto !important; /* Ensures the text keeps its size */
    border: none !important;
    padding: 0 !important;
}

.fieldset-styling-home{

    font-size: 1.5em !important;
    background-color: white !important;
    margin: 0 !important; /* Removes default margin */
    flex: 0 0 auto !important; /* Ensures the text keeps its size */
    border: none !important;
    padding: 0 !important;
}

#offerForm\:fieldsetDesktopApp .ui-fieldset, .ui-fieldset .ui-fieldset-legend{
    padding: 0 !important;
}

#offerForm\:fieldsetDesktopApp  .ui-fieldset-legend, #offerForm\:fieldsetWebApp  .ui-fieldset-legend, #offerForm\:fieldsetApiApp  .ui-fieldset-legend,  #offerForm\:fieldsetAndroidApp .ui-fieldset-legend  {
    /* Your CSS rules here */
    background-color: rgb(211, 211, 211) !important;
}

#offerForm\:fieldsetDesktopApp .ui-fieldset-content, #offerForm\:fieldsetWebApp  .ui-fieldset-content, #offerForm\:fieldsetApiApp .ui-fieldset-content, #offerForm\:fieldsetAndroidApp .ui-fieldset-content {
    font-size: 0.75em !important;
    width: 400px !important;
    background-color: rgb(211, 211, 211) !important;
    z-index: 2000 !important;
}

#homeForm\:fieldsetChecklist  .ui-fieldset, #homeForm\:fieldsetAbout  .ui-fieldset, #offerForm\:fieldsetDesktopApp  .ui-fieldset, #offerForm\:fieldsetWebApp .ui-fieldset, #offerForm\:fieldsetApiApp .ui-fieldset, #offerForm\:fieldsetAndroidApp.ui-fieldset {

    border: none !important;

}

#homeForm\:fieldsetChecklist .ui-fieldset-content, #homeForm\:fieldsetAbout .ui-fieldset-content{
    font-size: 0.75em !important;
    width: 600px !important;
}

#homeForm\:fieldsetChecklist  .ui-fieldset, #homeForm\:fieldsetAbout  .ui-fieldset {

    background-color: rgba(0, 0, 0, 0) !important;

}

/*
#homeForm\:fieldsetChecklist  .ui-fieldset-legend, #homeForm\:fieldsetAbout  .ui-fieldset-legend{

    background-color: white !important;
}
*/


.tech-box-aws-center {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; /* Ensures the div takes up the full height of the column */
    width: 100%;
    position: relative;
}
/*
.tech-box-aws {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

 */

.tech-box-aws {
    width: 200px;
    height: 200px;
    margin: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Ensures space between logo and text */
    align-items: center; /* Centers the logo horizontally */
    /*
    padding: 20px 0;
    */
    color: white;
    border-radius: 10px;
    cursor: pointer;
    transition: transform 0.3s ease;

    flex: none; /* Prevents flex-shrink */
    /*
    flex: 0 0 23%; */ /* For 4 items per row */

}

.tech-box-aws img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the entire container */
}

.tech-box-overlay {
    position: relative;
    width: 100%;
    height: 100%;
}

.tech-box-aws h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;

    /*
    background: rgba(0, 0, 0, 0.5);
    color: white;
    */
/*
    color: black;
*/
    margin: 0;
    padding: 10px;
    text-align: center;
    box-sizing: border-box;
}

.tech-box-aws:hover {
    transform: scale(1.1);
}

#homeTest {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%; /* Adjust based on your needs */
}

.tech-box-home {
    width: 300px;
    height: 300px;
    margin: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Ensures space between logo and text */
    align-items: center; /* Centers the logo horizontally */
    padding: 20px 0; /* Adds padding to ensure spacing within the box */
    color: white;
    border-radius: 10px;
    cursor: pointer;
    transition: transform 0.3s ease;

    flex: none; /* Prevents flex-shrink */
    /*
    flex: 0 0 23%; */ /* For 4 items per row */

}
.tech-box-home:hover {
    transform: scale(1.1);
}

.kontaktElement {
   margin: 25px;
}

#contactForm\:sendButton {
    margin: 30px !important;
}

.custom-dialog {
    height: 75vh !important;
}