@import url('Styles.css');

.two_col_form {
    display: grid;
    grid-template-columns: 200px max-content;
}

h1 {
    margin-top: 20px
}

h2, h3 {
    background-color: #C61041;
    color: white;
    border: solid 2px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 3px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 18px;
}


.two_col_form .Label {
    grid-column: 1;
    font-size: 22px;
    font-weight: 300;
    width: 250px;
    vertical-align: central;
}

.two_col_form .txBox {
    grid-column: 2;
    width: auto;
    padding-left: 5px;
    font-size: 20px;
}

.two_col_form .bnSubmit {
    grid-column: 2;
    width: 200px;
    font-size: 20px;
}

.panel {
    padding:2px;
    margin-bottom: 5px;
    border-style: solid;
    border-color: #C61041;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    float: left;
/*    max-width: 1170px;
*/
}

    .panel h3 {
        margin-top: 0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        padding: 5px;
    }
    .panel .GridView {
        padding: 0,5px,2px,5px;
    }


.FullPanel {
    padding: 5px;

    margin-bottom: 5px;
    border-style: solid;
    border-color: #C61041;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    float: left;
    width: 100%;
}

    .FullPanel h3 {
        margin-top: 0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        padding: 5px;
    }

    .FullPanel .GridView {
        padding: 0,5px,2px,5px;
    }


    .Left_GridView {
        float:left
    }



.rightPanel {
    padding: 0;
    margin-bottom: 5px;
    border-style: solid;
    border-color: #C61041;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    float: right;
    max-width: 600px;
}

    .rightPanel h3 {
        margin-top: 0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        padding: 5px;
    }

.GridView {
    margin: 0,0,5px,10px;
}

    .GridView th {
        background-color: #C61041;
        color: white;
        padding: 4px;
        font-size:9pt;
        /*transform: rotate(-90deg); /* W3C */
        /*-webkit-transform: rotate(-90deg); /* Safari & Chrome */
        /*-moz-transform: rotate(-90deg); /* Firefox */
        /*-ms-transform: rotate(-90deg); /* Internet Explorer */
        /*-o-transform: rotate(-90deg); /* Opera */
    }

        .GridView th a {
            color: white;
        }

    .GridView td {
        padding: 2px;
        vertical-align: middle;
    }


footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 25px; /* Height of the footer */
    background: #ff0000;
    color: white;
    padding-left: 200px;
    font-size: large;
}

#TopLoginDetails {
    font-size: 10px;
    float: right;
    padding-right: 5px;
}
.Important {
    font-size: large;
    color: Red;
}
.MessageLabel {
    font-size:small;
    color:red;
}
.ClosePanelX {
    float: right;
    margin-right:5px;
    padding-top: 3px;
    padding-right: 3px;
    
}
.ClosePanelX button {
border-top-right-radius: 10px;
}
.TopicTitle{
    font-size:large;
    font-weight:600;
}
.CoreSkilled {
    background-color:blue;
    color:white;
}