/*
Author: Kevin Johnson 
Description: HostProsUSA Edutrack styles
copyright (c) 2023 all rights reserved
*/

.l{text-align:left}
.r{text-align:right}
.c{text-align:center}
.b{font-weight:bold}
.i{font-style:italic}

.noPadBottom{padding-bottom:0 !important}

.desktopOnly{display:inline-block}
@media only screen and (max-width: 768px) {
    .desktopOnly{
        display:none;
    }
}


.mobileOnly{display:inline-block}
@media only screen and (min-width: 769px) {
    .mobileOnly{
        display:none;
    }
}

input{border:1px solid #222 !important;}
input[type=submit]{box-shadow: 2px 2px 2px rgba(0,0,0,0.5) !important;border:1px solid #222;}
label{font-weight:bold;}
input[type=text]{text-align:center;background-color:#ccc;border:1px solid #222 !important;}
select{text-align:center;border:1px solid #222 !important;}

.iconTable{border-collapse:collapse;border:0;}
.iconTable tr{border:0;}
.iconTable tr td {padding:0px 15px;border:0;font-size:30px;color:darkorange;font-weight:bold;vertical-align:top;}
.iconTable tr td span{font-size:30px;color:darkorange;margin:0px 0px 0 0;}
.iconTableText{color:#000;font-size:20px;padding:0;margin:0}

@media only screen and (max-width: 768px) {
    .iconTable{display:none;}
}

.eduTitle{font-weight:bold;text-align:center;font-size:24px;color:#000;}

/* form on /userinit page */
#userinit {text-align:center;width:60%;margin:auto auto}

#initForm1 input[type=submit]{margin-top:6px;}
#initForm1 input[type=submit]:hover{color:white !important;background-color:black !important;}

@media only screen and (max-width: 768px) {
    #userinit{width:95%;}
}

/* info above the dashboard */
#eduMainCurData{font-weight:normal;color:black;width:100%;font-style:normal;}

/* dashboard buttons on /main */
#eduMainMenu{margin-top:10px;}
#eduMainMenu button{
    padding:4px;
    margin:4px;
    width:250px;
}
#eduMainMenu button:hover{background-color:black;color:white;}


.dashboardContent{width:60%;text-align:center;margin:auto auto;}
@media only screen and (max-width: 768px) {
    .dashboardContent{width:95%;}
}




/* back to dashboard buttons on main subpages */
.eduBackToMenu{padding:9px;margin:3px;}
.eduBackToMenu:hover{background-color: black !important;color:white !important;}

#curCategories{color:black;text-align:center;}
#curCategories .curCategoriesList{color:#000;display:inline-block;text-align:left;}
#curCategories .curCategoriesList li{padding-top:8px;}*/
#curCategories .curCategoriesList li a:hover{color:red;}

#newCategoryForm{color:black;padding:10px;margin:10px auto;background-color:#f0efeb;width:auto;border-radius:8px;}
#newCategoryForm input[type=submit]{margin-top:8px;}
#newCategoryForm input[type=submit]:hover{color:white !important;background-color:black !important;}

.showCatCreditsButton{cursor: pointer;}
.showCatCreditsButton:hover{background-color:black;color:white;}

.delCategoryForm{display:inline;}
.delCategoryForm input[type=submit]{margin-top:8px;}
.delCategoryForm input[type=submit]:hover{color:white !important;background-color:black !important;}

#uploadCertForm{color:black;}
#uploadCertForm input{width:auto;text-align:center;}
#uploadCertForm input[type=number]{width:100px;}
#uploadCertForm input[type=submit]{margin-top:8px;width:auto;}
#uploadCertForm input[type=select]{width:auto;}
#uploadCertForm input[type=submit]:hover{color:white !important;background-color:black !important;}
#uploadCertForm input[type=file]{max-width:90%;background-color:#2b6cb0;color:#fff;min-width: 60%;padding:10px;}

#uploadHelp{
    display:none;width:95%;max-width:100%;background-color:#fce59a;
    font-weight:bold;color:#000;text-align:left;padding:15px;margin:15px 15px;
}

@media screen and (max-width:768px) {
    #uploadCertForm input{width:90%;}
}

#eduDownloadSection{color:black;text-align:left;text-align:center;}
#eduDownloadSection .eduDownloadCat{color:black;}
#eduDownloadSection .eduDownloadCat .eduDownloadCatTitle{font-weight:bold;}
#eduDownloadSection .eduDownloadCat .eduDownloadList{color:black;display:inline-block;text-align:left;}
#eduDownloadSection .eduDownloadCat .eduDownloadList li a{font-weight:bold;}
#eduDownloadSection .eduDownloadCat .eduDownloadList li a:hover{color:#2b6cb0}

/* view all certs section */
#eduViewAllSection{color:black;text-align:center;}
#eduViewAllSection .viewAllList{color:#000;display:inline-block;text-align:left;list-style-position:outside;}
#eduViewAllSection .viewAllList li{font-weight:normal;}
#eduViewAllSection .viewAllList li a{font-weight:bold;}
#eduViewAllSection .viewAllList li a:hover{color:#ff0000;}

.viewAllListInfo{
    display:none;
    background-color: inherit;
    width:100%;
    padding:15px;
}

.uploadGood{
    font-weight:bold;text-align:center;font-size:20px;padding:10px;margin:3px;
    border:solid 2px black;background-color:beige;max-width:90%;margin:auto auto;
}

.inlineButton{padding:3px 4px;margin:2px;border-radius:4px !important;}
.inlineButton:hover{background-color: black !important;color:white !important;}

.boldLink{font-weight:bold;text-decoration:none;color:#062649;}

/* dashboard menu styling */
.dashBox{
    border:1px solid #c0c0c0;
    background-color:lightyellow;
    color:#000;
    font-weight:bold;
    font-size:22px;
    text-align:center;
    display:inline-block;
    margin:5px auto;
    padding:5px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    border-radius:3px;
    cursor:pointer;
    transition: all 0.2s ease;
    width:60%;
}
.dashBox:hover{
    background-color:#222 !important;
    color:white !important;
}
.dashBoxHelp{
    font-size:16px;
    font-weight:normal;
    padding:4px;
    background-color:beige;
    display:none;
    color:#222;
}
.dashBoxHelp:hover{
    color:black;
}
@media screen and (max-width:768px) {
    .dashBox{
        width:96%;
    }
}