.guestregistration .error{
    box-shadow: 0 0 2px 1px #ff0000;
}

.guestregistration .success{
    background-color: rgba(0, 255, 0, 0.1);
    border: 1px solid rgba(0, 255, 0, 0.5);
    margin: 0 0 30px 0;
    padding: 3px 0 1px 5px;
}

.guestregistration .failed{
    background-color: rgba(255, 0, 0, 0.1);
    border: 1px solid rgba(255, 0, 0, 0.5);
    margin: 0 0 30px 0;
    padding: 3px 0 1px 5px;
}

.guestregistration .navigation{
    padding: 0 0 35px 0;
    margin: -3px 0 0 0;
}
    
    .guestregistration .navigation ul{
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    
        .guestregistration .navigation ul li{
            float: left;
        }
            
            .guestregistration .navigation ul li.pipe:before{
                content: '|';
                margin: 0 2px 0 5px;
            }
            
            .guestregistration .navigation ul li a.act{
                opacity: 0.5;
            }

.guestregistration .description{
    padding: 0 0 22px 0;
}
    
    .guestregistration  h2{
        margin: -2px 0 21px 0;
    }

.guestregistration .loginform{
    width: 300px;
    margin: 0 auto;
    padding: 56px 0 0 0;
}
    
    .guestregistration .loginform .field{
        margin: 0 0 10px 0;
    }
        
        .guestregistration .loginform .field input{
            width: calc(100% - 22px);
            border: 1px solid #7a7a7a;
            border-radius: 2px;
            padding: 5px 10px 7px 10px;
            transition: 0.5s all;
        }
            
            .guestregistration .loginform .field input[type="checkbox"]{
                width: auto;
            }
            
            .guestregistration .loginform .field input:hover, .guestregistration .loginform .field input:focus{
                border: 1px solid #000000;
            }
    
    .guestregistration .loginform .button input{
        width: 100%;
        background-color: #dedede;
        border: none;
        border-radius: 2px;
        padding: 5px 10px 6px 10px;
        cursor: pointer;
        transition: 0.5s all;
    }
        
        .guestregistration .loginform .button input:hover{
            background-color: #acacac;
        }

.guestregistration .guestoverview .guesttablesmall{
    display: none;
}

.guestregistration .guestoverview table{
    width: 100%;
    border-collapse: collapse;
}
    
    .guestregistration .guestoverview table tr{
        transition: 0.5s all;
        cursor: default;
    }
    
        .guestregistration .guestoverview table tr:hover{
            background-color: rgba(0, 0, 0, 0.1);
        }
        
        .guestregistration .guestoverview table tr.changed{
            background-color: rgba(255, 221, 0, 0.2);
        }
            
            .guestregistration .guestoverview table tr.changed:hover{
                background-color: #f3ecbf;
            }
        
        .guestregistration .guestoverview table tr.deleted{
            background-color: #c60000;
            color: #ffffff;
        }
            
            .guestregistration .guestoverview table tr.deleted a{
                color: #ffffff;
            }
            
            .guestregistration .guestoverview table tr.deleted:hover{
                background-color: #9d0000;
                color: #ffffff;
            }
        
        .guestregistration .guestoverview table tr.dark, .guestregistration .guestoverview table tr.guestlist{
            background-color: #0055a4;
            color: #ffffff;
        }
            
            .guestregistration .guestoverview table tr.dark a, .guestregistration .guestoverview table tr.guestlist a{
                color: #ffffff;
            }
            
            .guestregistration .guestoverview table tr.guestlist:hover{
                background-color: #0055a4;
                color: #ffffff;
            }
            
            .guestregistration .guestoverview table tr.dark:hover{
                background-color: #00417e;
                color: #ffffff;
            }
            
            .guestregistration .guestoverview table tr.dark.changed{
                background-color: rgba(255, 221, 0, 0.5);
                color: #58585a;
            }
                
                .guestregistration .guestoverview table tr.dark.changed a{
                    color: #58585a;
                }
            
                .guestregistration .guestoverview table tr.dark.changed:hover{
                    background-color: #f1e176;
                    color: #58585a;
                }
            
            .guestregistration .guestoverview table tr.dark.deleted{
                background-color: #6e0000;
                color: #ffffff;
            }
            
                .guestregistration .guestoverview table tr.dark.deleted:hover{
                    background-color: #3c0000;
                    color: #ffffff;
                }
        
        .guestregistration .guestoverview table tr th{
            vertical-align: top;
            text-align: left;
            padding: 3px 5px 1px 5px;
        }
            
            .guestregistration .guestoverview table tr th.id{
                width: 10px;
                text-align: right;
            }
            
            .guestregistration .guestoverview table tr th.edit{
                width: 60px;
            }
        
        .guestregistration .guestoverview table tr td{
            vertical-align: top;
            padding: 3px 5px 1px 5px;
        }
            
            .guestregistration .guestoverview table tr td.id{
                text-align: right;
            }
        
    .guestregistration .guestoverview .small{
        font-size: 10px;
        font-style: italic;
    }

.guestregistration .registrationform .admin{
    padding: 8px 0 0 0;
}

.guestregistration .registrationform .group{
    padding: 0 0 20px 0;
}
    
    .guestregistration .registrationform .group .fieldset{
        padding: 0 0 5px 0;
    }
        
        .guestregistration .registrationform .group .fieldset.times{
            padding: 0 0 26px 0;
        }
        
        .guestregistration .registrationform .group .fieldset .label{
            font-weight: bold;
            padding: 0 0 1px 0;
        }
        
        .guestregistration .registrationform .group .fieldset .info{
            font-size: 11px;
            padding: 0 0 2px 0;
        }
        
        .guestregistration .registrationform .group .fieldset .field{
            min-height: 25px;
            padding: 0 0 3px 0;
        }
            
            .guestregistration .registrationform .group .fieldset .field input{
                width: calc(100% - 8px);
                padding: 3px;
            }
                
                .guestregistration .registrationform .group .fieldset .field input.station{
                    width: calc(45% - 6px);
                }
                
                .guestregistration .registrationform .group .fieldset .field input.number{
                    width: calc(25% - 8px);
                }
                
                .guestregistration .registrationform .group .fieldset .field select.hour, .guestregistration .registrationform .group .fieldset .field select.minute{
                    width: calc(15% - 6px);
                }
            
            .guestregistration .registrationform .group .fieldset .field select{
                padding: 3px 1px;
            }
                
                .guestregistration .registrationform .group .fieldset .field select.typeofmedia{
                    width: calc(100% - 1px);
                }
                
                .guestregistration .registrationform .group .fieldset .field select.nationality{
                    width: calc(100% - 1px);
                }
                
                .guestregistration .registrationform .group .fieldset .field select.vehicle{
                    width: calc(25% - 3px);
                }
                
                .guestregistration .registrationform .group .fieldset .field select.adday{
                    width: calc(20% - 2px);
                }
                
                .guestregistration .registrationform .group .fieldset .field select.admonth{
                    width: calc(35% - 2px);
                }
                
                .guestregistration .registrationform .group .fieldset .field select.adyear{
                    width: calc(20% - 3px);
                }
                
                .guestregistration .registrationform .group .fieldset .field select.day{
                    width: calc(25% - 2px);
                }
                
                .guestregistration .registrationform .group .fieldset .field select.month{
                    width: calc(50% - 2px);
                }
                
                .guestregistration .registrationform .group .fieldset .field select.year{
                    width: calc(25% - 3px);
                }
            
            .guestregistration .registrationform .group .fieldset .field textarea{
                width: calc(100% - 6px);
                height: 136px;
                resize: none;
            }
        
        .guestregistration .registrationform .group .fieldset .check{
            font-weight: bold;
        }
            
            .guestregistration .registrationform .group .fieldset .check input{
                cursor: pointer;
                margin: 0 5px 0 0;
                float: left;
            }
            
            .guestregistration .registrationform .group .fieldset .check .riding{
                cursor: pointer;
                transition: 0.5s all;
                display: block;
                float: left;
            }
                
                .guestregistration .registrationform .group .fieldset .check .riding:hover{
                    opacity: 0.5;
                }
        
    .guestregistration .registrationform .button{
        margin: 0 -1px 0 0;
        text-align: right;
    }
        
        .guestregistration .registrationform .button .delete{
            float: left;
        }
            
            .guestregistration .registrationform .button .delete a{
                display: block;
                cursor: default;
                padding: 2px 10px 1px 9px;
                margin: 1px 0 0 0;
                border: 1px solid #adadad;
                background-color: #e1e1e1;
                color: #000000;
            }
                
                .guestregistration .registrationform .button .delete a:hover{
                    transition: 0s all;
                    opacity: 1;
                    border: 1px solid #0078d7;
                    background-color: #e5f1fb;
                }

.guestregistration .registrationform .left{
    width: calc(30% - 30px);
    float: left;
}

.guestregistration .registrationform .right{
    width: calc(70% - 30px);
    float: right;
}
    
    .guestregistration .registrationform .right .top .left{
        width: calc(45% - 30px);
        float: left;
    }
    
    .guestregistration .registrationform .right .top .right{
        width: calc(55% - 30px);
        float: right;
    }