body {
    font-family: 'Roboto', sans-serif !important; 
}

/* START OF BASE.HTML */
.navbar {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.navbar-nav .nav-link {
    padding: 0 !important;
}

.navbar-brand {
    padding-top: 2% !important;
}
.error-page{
    margin-bottom:28%;
    margin-top:6%;
}
.staging-mode.border{
    border-width: 2px !important;
}
.staging-mode p{
    color: #A3320B;
}

a {
    cursor: pointer !important;
    text-decoration: none !important;
}

.user_profile .rounded-circle{
    height: 25px;
}

.ads .menu, .policy menu, .licence .menu,
.permit .menu, .objections .menu, .support-doc .menu,
.approve-list .menu{
    width: 100%;
}

.svg-inline--fa {
    vertical-align: -.48em;
    height: 0.9em;
}
.modal-confirm {
    color: #636363;
    width: 400px;
}

.plid-msg{
    width: 50%;
}

.approve-list .title{
    margin-bottom: 25%;
}

.approve-list .table{
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.pwd-create{
    margin-top:5%;
}

.pwd-create .btn-submit, .pwd-reset-form .btn-submit{
    margin-bottom: 25%;
}

.pwd-reset{
    margin-top:5%;
    margin-bottom:28%;
}

.pwd-confirm, .pwd-reset-form{
    margin-top:5%
}

.pwd-done .btn-submit{
    margin-bottom: 20%;
}

.report-list .svg-inline--fa,
.licence-list .svg-inline--fa {
    vertical-align: -.25em;
    height: 1em;
}


.modal-confirm .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-size: 14px;
}

.modal-confirm .modal-header {
    border-bottom: none;
    position: relative;
}

.modal-confirm h4 {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 -10px;
}

.modal-confirm .close {
    position: absolute;
    top: -5px;
    right: -2px;
}

.modal-confirm .modal-body {
    color: #999;
    font-size: 20px;
}

.modal-confirm .modal-footer {
    border: none;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
    padding: 10px 15px 25px;
}

.modal-confirm .modal-footer a {
    color: #999;
}

.modal-confirm .icon-box {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    z-index: 9;
    text-align: center;
    border: 3px solid #f15e5e;
}

.modal-confirm .icon-box i {
    color: #f15e5e;
    font-size: 46px;
    display: inline-block;
    margin-top: 13px;
}

.modal-confirm .btn,
.modal-confirm .btn:active {
    color: #fff;
    border-radius: 4px;
    background: #60c7c1;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    min-width: 120px;
    border: none;
    min-height: 40px;
    border-radius: 3px;
    margin: 0 5px;
}

.modal-confirm .btn-secondary {
    background: #c1c1c1;
}

.modal-confirm .btn-secondary:hover,
.modal-confirm .btn-secondary:focus {
    background: #a8a8a8;
}

.modal-confirm .btn-danger {
    background: #f15e5e;
}

.modal-confirm .btn-danger:hover,
.modal-confirm .btn-danger:focus {
    background: #ee3535;
}

.trigger-btn {
    display: inline-block;
    margin: 100px auto;
}

/* END OF BASE.HTML */

.pwd-reset-form input#id_email {
    margin-left: 1.5%;
}

img.ic_logo {
    height: 40px;
}

ul.navbar-nav {
    justify-content: space-evenly;
}

ul {
    width: 70%;
}

li.nav-item:not(li.nav-item.active):hover {
    background: #eaeff2;
    border-radius: 7%;
}

li.nav-item.active {
    list-style-position: inside;
    border-bottom: 3px solid #3873ff;
    color: #3873ff;
}

li.nav-item.active i {
    color: #3873ff;
}

li.nav-item {
    width: 10%;
    height: 58px;
    text-align: center;
}

.nav-icons {
    color: #808080a3;
    font-size: 30px;
}

.user_profile {
    padding: .5%;
    color: black;
    padding-bottom: 0% !important;
}

.user_profile:hover {
    background: #f0f2f5;
    border-radius: 7%;
    text-decoration: none;
    color: black;
}

.logout {
    margin-left: 5%;
}

.logout a {
    color: #3873ff;
    font-size: 18px;
}

.logout a:hover {
    text-decoration: none;
    color: black;
}

.org-reports {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.carousel-inner {
    height: 78vh;
}
#carouselLicencesIndicators img.d-block {
    width: 88% !important;
    height: 80vh;
    margin: auto;
}


#carouselLicencesIndicators .jumbotron {
    margin-top: 6.8%;
}
.carousel-caption {
    position: absolute;
    top: 5%;
}

#id-report .report-create-fields,
.licence-create-fields,
.login-fields,
.prerequisite-fields {
    display: flex;
    justify-content: center;
}

.licence-btn .btn {
    padding: 1.5%;
    width: 30%;
    font-size: 18px;
    font-weight: 600;
}

input#submit-id-submit {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    margin-top: 2%;
}

.prerequisite-fields #submit-id-submit {
    width: 50%;
}

.login,
.new-report,
.report-list,
.licence-list {
    justify-content: space-evenly;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 15vh;
}
.login .login-head {
    width: 70%;
}
.login .login-form {
    width: 50%;
}

.login .register {
    margin-bottom: 30%;
}

.report-create-form .menu{
    width: 100%;
}

.login-border {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 15%;
    height: 850px;
    border: 2px solid #0f2fc040;
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
    box-shadow: rgb(0 0 0 / 25%) 0px 5px 15px;
    border-radius: 9px;
    margin-bottom: 12%;
}

.new-report,
.report-list,
.licence-list {
    margin-top: 2vh;
}

.licence-list .card, .licence-list .menu{
    width: 100%;
}
.licence-list #error-status, .licence #error-status{
    display: none;
}

.licence-list #search{
    justify-content: center;
}

.licence-list .search{
    border-radius: 4px; float:right;
}


.login {
    margin-top: 15vh;
}

.report-list .card {
    margin-top: 3%;
    margin-bottom: 5%;
    width: 75%;
}

.report-info{
    width: 80%;
}

.report-list .report-search{
    width: 80% !important;
}
.report-list .card.list{
    width: 100%;
}


.report-list #error-status, .report-submit #error-status, .report-summary #error-status {
    display: none;
}

.report-list .status-warn, .status-warn .fa-times-circle{
    color:#ffb006 !important;
}

.report-submit .card, .report-submit .menu,
.report-summary .card, .report-summary .menu{
    width:100%;
}

.report-summary .ic-title{
    background-color: yellow;
}

.report-summary .sec-1-title,
.licence-start .header{
    background-color: rgb(0, 204, 255);
}

.report-summary .report-org-name,.report-summary .report-period,
.report-summary .report-date,.report-summary .name-title-signature,
.report-summary .witness{
    width: 30%;
}

.report-summary .witness-padding{
    margin-bottom: 0;
}


.list-dates.d-flex {
    display: flex!important;
    align-content: center;
    flex-direction: column;
}

.list-btn.d-flex,
.licence-btn {
    display: flex!important;
    flex-direction: row;
    justify-content: center;
}

.list-btn.d-flex a {
    margin-right: 2%;
    font-size: 20px;
}

.report-list button.btn.btn-primary {
    font-weight: 600;
}

.card.list {
    box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(65, 39, 39, 0.05);
    transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);
}

.card.list:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);
}

.custom-control.custom-checkbox {
    padding-left: 0;
}

label.custom-control-label {
    position: relative;
    padding-right: 1.5rem;
}

label.custom-control-label::before,
label.custom-control-label::after {
    right: 0;
    left: auto;
}

label.custom-control-label.requiredField {
    font-weight: bold;
    font-size: 18px;
}

input#id_new_password1 {
    margin-left: 5%;
}

input#id_new_password2 {
    margin-left: 2%;
}

textarea#id_form-0-response_of_IPB {
    margin-bottom: 2%;
}

.delete-row,
.delete-row:hover {
    color: red;
}

.add-row:hover,
.delete-row:hover {
    text-decoration: none;
    cursor: pointer;
}

.table.dynamic-form {
    padding-top: 2%;
}

[id$='-upload_file'],
[id$='-type'] {
    margin-bottom: 2%;
}

/* START OF ADVANCE SEARCH */
.col-md-12.adv-search-title {
    margin-top: 20px;
    font-size:large;
}
.form-inline.adv_search.card {
    border-top:none;
    }
    
    input.org, input.name,input.year {
    border-top: none;
    border-left:none;
    border-right:none;
    text-align: center;
    }
    
    .input-group-text.blue:hover {
    color: #0062cc;
    } 
    
    .input-group-append:hover {
    cursor: pointer;
    }
    
    .adv-search div{
    text-align: center;
    margin-bottom: 10px;
    }
    
    .adv-search div label{
    display: inline;
    }
    
    .search_addon, .adv_opt {
    cursor: pointer;
    }
    
    .dropdown.dropdown-lg .dropdown-menu {
    margin-top: -1px;
    padding: 6px 20px;
    }
    .input-group-btn .btn-group {
    display: flex !important;
    }
    .btn-group .btn {
    border-radius: 0;
    margin-left: -1px;
    }
    .btn-group .btn:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    }
.btn-group .form-horizontal .btn[type="submit"] {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
    }
    .form-group .form-control:last-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    }
    
    .dropdown-menu .form-control {
    float: none;
    }
    
    .dropdown-menu label {
    display: block;
}

@media screen and (min-width: 768px) {
    #adv-search {
        width: 500px;
        margin: 0 auto;
    }
    .dropdown.dropdown-lg {
        position: static !important;
    }
    .dropdown.dropdown-lg .dropdown-menu {
        min-width: 500px;
    }
}
/* START OF REPORT LIST */
.report-list form#search {
    width: 93%;
    justify-content: center;
}
.report-list .search{
    border-radius: 4px; float:right;
}
/* START OF LICENCE LIST */
.licence-list form#search {
    width: 100%;
}

/* START OF CREATE LICENCE POLICIES */
div#div_id_comment {
    padding-top: 3%;
}

#policy-formset label {
    padding-top: 3%;
}

/* START OF CREATE SUPPORT_DOCS CSS */
#support_doc-formset label {
    padding-top: 3%;
}

/* START OF LICENCE_DETAILS CSS */
.licence-btns {
    display: flex;
    flex-direction: row;
    align-items: center;
}

/* START OF REPORT SUMMARY CSS */
.report-summary .table{
    margin-bottom: 0 !important;
}
.table thead th{
    vertical-align: top;
}

.format-report{
    margin-bottom: 2%;
}
.sign-title{
    padding: 0 7rem 0;
}
.witness-date{
    padding-left: 1%;
}

.xml-upload-txt{
     font-size: 24px;
}


@media only print {
    body {
        -webkit-print-color-adjust: exact !important;
    }
    .mt-2.d-flex, .card, .card-footer, nav, #footer{
        display:none !important;
    }
    .ic-title{
        background-color: yellow !important;
    }
    .sec-title{
        background-color: rgb(0, 204, 255) !important;
    }
    .licence.table p, .licence.table th{
        margin-bottom: 0 !important;
        font-size: 8pt;
    }
    .sign-title{
        padding: 0 10 rem 0 !important;
    }
    .witness-date{
        padding-left: 1.5% !important;
    }
    @page { 
        size: legal landscape !important; 
    }
    
    .licence-start{
        page-break-before: always !important;
        border: none !important;
    }

    .report-print {
        display: table-row !important;
    }
    
    .report-view{
        display: none !important;
    }
}

/* START OF MOBILE RESPONSIVENESS CSS */
@media only screen and (max-width: 600px) {
    .login .login-form {
        width: 80% !important;
    }
    .login .login-head {
        width: 80% !important;
    }
    .login .register {
        margin-bottom: 2%;
    }
    .org-reports {
        flex-direction: column;
        align-items: center;
    }
    .org-reports a {
        margin-bottom: 2%;
    }
    .report-list .card {
        width: 100% !important;
    }
    .report-list .items {
        width: 100% !important;
    }
    button.btn.btn-primary.view-licence,
    button.create-btn {
        margin: auto;
        display: flex;
    }
    .not-messages,
    .container.w-50 {
        width: 100% !important;
    }
    input#id_new_password1 {
        margin-left: 8%;
    }
    .carousel-inner {
        height: 30vh;
    }
    #carouselLicencesIndicators img.d-block {
        width: 86%;
        height: 30vh;
        margin: auto;
    }
}