// Fonts
//@import url('https://fonts.googleapis.com/css?family=Nunito');

// Variables
@import 'variables';
//@import 'template';

// Bootstrap
.bootstrap {
    //@import url("https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css");

    @import '~bootstrap/scss/bootstrap';
    li{
        background: none;
        padding-left: 0px;
    }
    .nav-tabs .nav-link {
        font-weight: bold;
        font-size: 120%;
    }

    .form-group {
        margin-bottom: 0;
    }

    #buttonContainer  button{
        margin-bottom: 10px;
    }
    #buttonContainer > div.form-row > div > div.form-group.col-sm-12.col-md-2{
        padding-left: 0;
        padding-right: 0;
    }

    .errorMsg {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        font-size: 1.2em !important;
        min-width: 300px;
    }

    .errorLog{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        min-height: calc(2.19rem + 2px);
    }

    .errorLog > i{
        font-size: x-large !important;
        padding-right: 10px !important;
        padding-top: 5px;

    }

    .btn_remove{
        max-height: 37px;
    }

    ul,
    p{
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    ol{
        margin-block-start: 1em;
        margin-block-end: 1em;
        padding-inline-start: 40px;
    }

    li[id^='row'] > div > fieldset > div > fieldset > div > div:nth-child(2) {
        label{
        color: $carnellian;
        }

        .custom-control-input:checked ~ .custom-control-label::before {
            border-color: $carnellian;
            background-color: $carnellian;
        }
    }

}

.error{
  color: $red;
}

.band > .container,
.container{
    max-width: 1600px ;
}

#form{
    padding: 1.5rem;
}

form.proxy {


    .netid{
        min-width: 150px;
    }

    .action-box{
        min-width: 100px;
    }

    h3{
        margin-bottom: 15px !important;
    }

    padding: 10px 0px;
    background-color: rgba(0,0,0,0.07);
    /*
    #buttonContainer{
        padding: 0 20px;
    }
    */
    .last-name{
        min-width: 185px;
    }
    div.cd_form > fieldset{
        border: solid rgba(0, 0, 0, 0.07) 1px;
        padding: 10px;
        padding-bottom: 5px;
        legend{
            width: auto;
            padding: 0px 5px;

        }
    }

}



.tab-content{
    /*
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    */
    /* border-left: 1px solid #ddd; */
    ul ul, ol ul {
        list-style-type: circle;
        padding-left: 40px;

     }
     ul {
        list-style-type: disc;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 40px;
     }

}

em.link{
    color: $blue;
}

.bootstrap .nav-tabs{
    border-bottom-color: rgba(0, 0, 0, 0.07);
}
.bootstrap .nav-tabs .nav-link.active, .bootstrap .nav-tabs .nav-item.show .nav-link{
    background-color: rgba(0, 0, 0, 0.07);
}


.dt-buttons{
    padding-bottom: 10px;
    padding-right: 10px;
    float: left;
}