/* Global Classes */
html,
body {
    font-family: Arial, serif;
    font-size: 16px;

    margin: 0;
    padding: 0;

    color: #555;
    background: white;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

h1,
h2,
h3,
h4 {
    margin: 0 0 10px 0;
}

hr {
    margin: 20px 20px 20px 0 !important;
    padding: 0 !important;

    border-top: 1px solid #E2E2EA;
}

img {
    width: 100% !important;
    height: auto !important;
}

#active {
    font-weight: bold;

    color: #337AB7 !important;
    border-left: 3px solid #337AB7;
    background: white;
}

.help {
    overflow: hidden;

    background: #FAFAFB;
}

#nav,
#content {
    height: 100vh;
    padding: 20px;
}

#nav {
    position: relative;

    float: left;
    overflow-y: auto;

    width: 30%;
    padding-right: 0;
}

#content {
    position: relative;

    float: right;

    width: 70%;
    padding-left: 0;
}

#Iframe {
    width: 100%;
    height: calc(100vh - 40px);
    padding: 20px;

    border: none !important;
    border-radius: 15px;
    background: white;
}

#nav h2 {
    font-size: 18px;

    padding-left: 5px;

    color: #171725;
}

#edit a,
#edit a:hover,
#edit a:visited,
#video a,
#video a:hover,
#video a:visited {
    font-size: 16px;

    display: block;

    text-decoration: none;

    color: black;
}

#edit a,
#video a {
    padding: 8px;
}

#edit a:hover,
#video a:hover {
    color: #337AB7 !important;
}

#nav p {
    font-size: 14px;

    margin: 0 0 8px 0;
    padding-right: 10px;
}

#nav p a {
    display: inline;

    text-decoration: none;

    color: #337AB7 !important;
}

#nav p a:hover {
    text-decoration: underline;
}

/* Media Queries */
@media (max-width:3000px) {
    #nav {
        width: 20%;
    }

    #content {
        width: 80%;
    }
}

@media (max-width:1500px) {
    #nav {
        width: 30%;
    }

    #content {
        width: 70%;
    }
}

@media (max-width:1000px) {
    #nav {
        width: 40%;
    }

    #content {
        width: 60%;
    }
}

iframe table {
    display: none !important;
}

#edit a {
    display: block;
}

#video h2 {
    margin-top: 30px;
}

/* #video a {
    display: block;
} */

/* Users */

.public a.applicant,
.public.applicant a.applicant,
.public.caarchivar a.caarchivar,
.public.caclerk a.caclerk,
.public.caclerktechnical a.caclerktechnical,
.public.caclerkfinancial a.caclerkfinancial,
.public.caclerklegal a.caclerklegal,
.public.caofficer a.caofficer,
.public.casuperclerk a.casuperclerk,
.public.caauthorizedperson a.caauthorizedperson,
.public.caoverseer a.caoverseer,
.public.caregistrar a.caregistrar,
.public.hpaclerk a.hpaclerk,
.public.hpaofficer a.hpaofficer,
.public.hpaoverseer a.hpaoverseer,
.public.hpaviewer a.hpaviewer,
.public.crregistrar a.crregistrar,
.public.crviewer a.crviewer,


.applicant a.applicant,
.applicant a.applicant,
.caarchivar a.caarchivar,
.caclerk a.caclerk,
.caclerktechnical a.caclerktechnical,
.caclerkfinancial a.caclerkfinancial,
.caclerklegal a.caclerklegal,
.caofficer a.caofficer,
.casuperclerk a.casuperclerk,
.caauthorizedperson a.caauthorizedperson,
.caoverseer a.caoverseer,
.caregistrar a.caregistrar,
.hpaclerk a.hpaclerk,
.hpaofficer a.hpaofficer,
.hpaoverseer a.hpaoverseer,
.hpaviewer a.hpaviewer,
.crregistrar a.crregistrar,
.crviewer a.crviewer {
    display: none !important;
}

.public h2.applicant,
.public h2.applicant~a+hr,
.public.applicant h2.applicant,
.public.applicant h2.applicant~a+hr,
.public.caarchivar h2.caarchivar,
.public.caarchivar h2.caarchivar~a+hr,
.public.caclerk h2.caclerk,
.public.caclerk h2.caclerk~a+hr,
.public.caclerktechnical h2.caclerktechnical,
.public.caclerktechnical h2.caclerktechnical~a+hr,
.public.caclerkfinancial h2.caclerkfinancial,
.public.caclerkfinancial h2.caclerkfinancial~a+hr,
.public.caclerklegal h2.caclerklegal,
.public.caclerklegal h2.caclerklegal~a+hr,
.public.caofficer h2.caofficer,
.public.caofficer h2.caofficer~a+hr,
.public.casuperclerk h2.casuperclerk,
.public.casuperclerk h2.casuperclerk~a+hr,
.public.caauthorizedperson h2.caauthorizedperson,
.public.caauthorizedperson h2.caauthorizedperson~a+hr,
.public.caoverseer h2.caoverseer,
.public.caoverseer h2.caoverseer~a+hr,
.public.caregistrar h2.caregistrar,
.public.caregistrar h2.caregistrar~a+hr,
.public.hpaclerk h2.hpaclerk,
.public.hpaclerk h2.hpaclerk~a+hr,
.public.hpaofficer h2.hpaofficer,
.public.hpaofficer h2.hpaofficer~a+hr,
.public.hpaoverseer h2.hpaoverseer,
.public.hpaoverseer h2.hpaoverseer~a+hr,
.public.hpaviewer h2.hpaviewer,
.public.hpaviewer h2.hpaviewer~a+hr,
.public.crregistrar h2.crregistrar,
.public.crregistrar h2.crregistrar~a+hr,
.public.crviewer h2.crviewer,
.public.crviewer h2.crviewer~a+hr,


.public h2.applicant,
.public h2.applicant~a+hr,
.applicant h2.applicant,
.applicant h2.applicant~a+hr,
.caarchivar h2.caarchivar,
.caarchivar h2.caarchivar~a+hr,
.caclerk h2.caclerk,
.caclerk h2.caclerk~a+hr,
.caclerktechnical h2.caclerktechnical,
.caclerktechnical h2.caclerktechnical~a+hr,
.caclerkfinancial h2.caclerkfinancial,
.caclerkfinancial h2.caclerkfinancial~a+hr,
.caclerklegal h2.caclerklegal,
.caclerklegal h2.caclerklegal~a+hr,
.caofficer h2.caofficer,
.caofficer h2.caofficer~a+hr,
.casuperclerk h2.casuperclerk,
.casuperclerk h2.casuperclerk~a+hr,
.caauthorizedperson h2.caauthorizedperson,
.caauthorizedperson h2.caauthorizedperson~a+hr,
.caoverseer h2.caoverseer,
.caoverseer h2.caoverseer~a+hr,
.caregistrar h2.caregistrar,
.caregistrar h2.caregistrar~a+hr,
.hpaclerk h2.hpaclerk,
.hpaclerk h2.hpaclerk~a+hr,
.hpaofficer h2.hpaofficer,
.hpaofficer h2.hpaofficer~a+hr,
.hpaoverseer h2.hpaoverseer,
.hpaoverseer h2.hpaoverseer~a+hr,
.hpaviewer h2.hpaviewer,
.hpaviewer h2.hpaviewer~a+hr,
.crregistrar h2.crregistrar,
.crregistrar h2.crregistrar~a+hr,
.crviewer h2.crviewer,
.crviewer h2.crviewer~a+hr {
    display: none !important;
}

.public h2,
.public h2~a+hr {
    display: block !important;
}