/*
AgInfoMan - main.css
Written by Mark L. Kinsel
Agricultural Information Management, Inc
Copyright, 2020
*/

/* tablet landscape and desktop layout (960px or more) */

footer p {
    text-align: right;
}

thead, th {
    text-align: center;
}

tfoot, td {
    text-align: center;
}

.edit:hover, .clone:hover, .delete:hover {
    text-decoration: none;
    cursor: pointer;
}
 
.link {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.img {
    height: 100px;
    width: 100px;
}

.redirect {
    color: red;
    cursor: pointer;
}

.click {
    color: blue;
    font-size: 150%;
}

.form-group .chosen-container {
    width: 100% !important;
}

.form-group .chosen-container .chosen-single {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12 px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 0;
    color: #000 !important;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}
            
.form-group .chosen-container-single .chosen-drop {
    margin-top: -21px;
}

.menu {
    font-size: 150%;
}

.close {
    float: right;
}

.chart-container {
    position: relative;
    margin: auto;
    height: 60vh;
    width: 60vw;
}

/* tablet protrait layout (768px to 959px) */
@media only screen and (max-width: 959px) {
    #nav_menu ul li a { font-size: .875em; } /* 14 divided by 16 */
    main h2 { font-size: 1.125em; }          /* 18 divided by 16 */
    main h3 { font-size: 1.00em; }           /* 16 divided by 16 */
    aside h2 { font-size: 1.125em; }         /* 18 divided by 16 */
}

/* mobile landscape layout (480px to 767px) */
@media only screen and (max-width: 767px) {
    body {
        width: 99%;
        margin: 0;
        border: none;
    }
    header, footer p { text-align: center; }
    header img { float: none; }
}

/* mobile portrait layout (479px or less) */
@media only screen and (max-width: 479px) {
    
}