/*Master Page Style Sheet*/
.navbar-inverse {
    background-color:#03344c; 
}

/*Water Resilince Style*/

.navbar-inverse #public_test_logo {
    background-color: #D3D3D3;
    border: none;
}

#MGMT_table_style tbody tr:nth-child(odd) {
    /*background-color: #4C8BF5;*/
    background-color: #D3D3D3;
    color: black;
}

#MGMT_table_style tbody th {
    /*background-color: #D3D3D3;*/
    /*background-color: #4C8BF5;*/

    background-color: navy;
    /* color: black;*/
    color: #fff;
    text-align: center;
    font-size: 20px;
}

#MGMT_table_style tbody td {
    font-size: 18px;
}

/*.container body {
    min-height: 10%;
    position: relative;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.5rem;
    background: #D3D3D3;
}*/

div#container {
    /* The power of flexboxes! */
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    min-height: 100vh;
}

    div#container div#content {
        /* Key part: Eat the remaining space! */
        flex-grow: 1;
    }

    div#container footer {
        flex-basis: 100px;
        text-align: center;
    }



/* Appearance, not important */
body {
    margin: 0;
    font-family: Fira Code;
}

@keyframes changeHeight {
    0% {
        height: 30px
    }

    10% {
        height: 30px
    }

    50% {
        height: 400px
    }

    60% {
        height: 400px
    }

    100% {
        height: 30px
    }
}

div, footer {
    color: black;
    text-align: left;
}

    div#content section {
        background-color: none;
        color: black;
        /*animation: changeHeight 10s infinite linear;*/
    }

footer {
    background-color: #D3D3D3;
    margin-bottom: 0;
}


.center_image_public {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}



/*End oF Water Resilince Style*/

.navbar-inverse .container .navbar-brand {
    color: white;
    
}
.navbar-inverse .navbar-nav li a{
    color:white;
    
}
#dawLogo img{
    position: relative;
    display: inline-block;
    float: left;
    max-height: 54%;
    margin-bottom: 0;
    margin-right: 50px;
    margin-top: 118px;
    vertical-align: middle;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: translate3d(0,0,0);
    background-color: white;
    /*top: 12px;*/
}

#daw-logo-public img {
    position: relative;
    display: inline-block;
    float: left;
    max-height: 54%;
    margin-bottom: 0;
    margin-right: 50px;
    margin-top: 118px;
    vertical-align: middle;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: translate3d(0,0,0);
    background-color: white;
    /*top: 12px;*/
}


/*#calCol{
    background-color: blue;
}*/
#calCol_1 {
    float: left;
    width: 52%;
}

#calCol_2 {
    float: right;
    width: 48%;
    margin-top: -4.5px;
}

#calCol_4 {
    width: 100%;
    float: none;
}


#calCol_1Form {
    float: left;
    width: 28%;
    /*background-color:blue;*/
}

#calCol_2Form {
    float: right;
    width: 72%;
    margin-top: -4.5px;
    /*background-color: pink;*/
}

#calCol_4Form {
    width: 100%;
    float: none;
}

#FormComment textarea {
    max-width: 100%;
    /*width: 100%;*/
}

#FormComment_Infraction textarea {
    max-width: 100%;
    /*width: 100%;*/
}
#FormComment_Species textarea {
    max-width: 100%;
    /*width: 100%;*/
}

/*.DelRioChart3Style {
    width: 100% !important;
}*/
 
@media only screen and (max-device-width: 1366px) {
    #calCol_0StakeEng {
        /*width: 40%;*/
        /*background-color: pink;*/
    }

    #calCol_1StakeEng{
        width:39% !important;
        float:left;
        /*background-color: yellow;*/

    }

    #calCol_2StakeEng {
        float: right;
        width: 61% !important;
        /*background-color: red;*/
    }

    #calCol_1Solicitation {
        width: 27% !important;
        float: left;
        /*background-color: yellow;*/
    }

    #calCol_2Solicitation {
        float: right;
        width: 72% !important;
        /*background-color: red;*/
    }

    #showDeleteIconSolicitation {
        display: none;
        margin-right: 0 !important;
        background-color:blue;
    }

    #calCol_4StakeEng {
        width: 100%;
        /*float: none;*/
        /*clear:both;*/
        /*background-color: silver;*/
    }

    #calCol_5StakeEng {
        width: 70%;
        float: none;
        clear: both;
        /*background-color: red;*/
    }

    .ChildGrid td {
        background-color: #eee !important;
        color: black;
        font-size: 10pt;
        line-height: 200%
    }

    .ChildGrid th {
        background-color: #6C6C6C !important;
        color: White;
        font-size: 10pt;
        line-height: 200%
    }
}

@media only screen and (max-device-width: 1920px) {
    #calCol_1StakeEng {
        float: left;
        width: 29%;
        /*background-color:blue;*/
    }

    #calCol_2StakeEng {
        float: right;
        width: 71%;
        /*background-color: pink;*/
    }

    #calCol_1Solicitation {
        width: 20% !important;
        float: left;
        /*background-color: yellow;*/
    }

    #calCol_2Solicitation {
        float: right;
        width: 79% !important;
        /*background-color: red;*/
    }

    #showDeleteIconSolicitation {
        display: none;
        margin-right: 20% !important;
        background-color: yellow;
    }

    #calCol_4StakeEng {
        width: 100%;
        float: none;
        clear: both;
        /*background-color: red;*/
    }

    #calCol_5StakeEng {
        width: 70%;
        float: none;
        clear: both;
        /*background-color: silver;*/
    }

    .ChildGrid td {
        background-color: #eee !important;
        color: black;
        font-size: 10pt;
        line-height: 200%
    }

    .ChildGrid th {
        background-color: #6C6C6C !important;
        color: White;
        font-size: 10pt;
        line-height: 200%
    }

    /*.DelRioChart3Style {
        width:1500px;
        background-color:blue;
    }*/

}


    @media only screen and (max-device-width: 1390px) {
        #calCol_1 {
            float: left;
            width: 70%;
        }

        #calCol_2 {
            float: right;
            width: 30%;
            margin-top: -3.5px;
        }

        #calCol_4 {
            width: 100%;
            float: none;
            margin-top: 10px;
        }
    }

    /*Hide ID COl*/
    .hiddenID {
        display: none;
    }


    /*Working!
    
#calCol_1 {
float: left;
width: 52%;
}

#calCol_2 {
float: right;
width: 48%;
margin-top: -4.5px;
}

#calCol_4 {
width: 100%;
float: none;
}*/


    /*For Smaller Screen: Px: 1366 
#calCol_1 {
    float: left;
    width: 70%;
}
#calCol_2 {
    float: right;
    width: 30%;
    margin-top:-3.5px;
    
}
#calCol_4{
    width:100%;
    float:none;
    margin-top:10px;
}
*/