﻿    .pcbContent {
    padding: 20px;
}

.card {
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.2);
    margin: 20px;
}

.page-header {
    font-size: 18px;
    border-bottom: solid 1px #eee;
    padding: 20px;
    color: darkgreen;
    font-weight: 500;
    letter-spacing: 1px;
    border-bottom: 2px solid #006400;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 5px 10px -1px rgba(0,0,0,0.1);
}

.card-header {
    font-size: 18px;
    color: #006400;
    background-color: white;
    padding: 20px;
}

.input-field input[type=text] {
    margin-bottom: 0px;
    height: 38px;
}

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea{
    margin-bottom: 0px;
    height: 38px;
}

input:not([type]).valid, input:not([type]):focus.valid, input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime].valid, input[type=datetime]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    box-shadow: none;
}
input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #006400;
    box-shadow: 0 1px 0 0 #006400;
}

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    box-shadow: none;
}

input:not([type]):focus:not([readonly])+label, input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
    color: #006400;
}

[type="checkbox"]+label {
    padding-left: 35px;
    color: rgba(0,0,0,0.71);
}

.card .section h5{
    font-size: 17px;
}

.sweet-alert {
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);
}

.sweet-alert h2 {
    font-size: 16px;
    font-weight: 400;
    position: relative;
    z-index: 1;
    color: #000000;
    margin-bottom: 9px;
}

.sweet-alert .lead {
    font-size: 13px;
    color: #777777;
    margin-top: 0px;
    margin-bottom: 18px;
}

.sweet-alert .btn {
    /*padding: 6px 12px;*/
    font-size: 13px;
    margin: 20px 2px 0;
}

.sweet-alert .cancel {
    float: right;
    position: relative;
    right: 126px;
}

.modal {
    margin-top: 100px;    
    max-height: 85%;
}

.modal:focus {
    outline: none;
}

.logout {
    float: right;
    height: 50px;
    width: 50px;
    border-radius: 25px;
    color: darkgreen;
    font-size: 30px;
    margin-top: -10px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 1;
    left: -1.5px;
}

    .logout:hover ~ .logoutBG {
        cursor: pointer;
        transform: scale(1);
        background: rgba(0, 100, 0, 0.2) none repeat scroll 0% 0%;
    }

.logoutBG {
    height: 50px;
    width: 50px;
    border-radius: 25px;
    transition: all 0.50s;
    -webkit-transform: scale(0);
    top: -11px;
    float: right;
    left: 48px;
    position: relative;
}

.btn, .btn-large {
    background-color: darkgreen;
}

.sweet-alert .btn, .sweet-alert .btn-large {
    background-color: darkgreen !important;
}

.btn:hover, .btn-large:hover {
    background-color: rgba(0, 100, 0, 0.7);
}

[type="checkbox"]:checked+label:before {
    border-right-color: #006400;
    border-bottom-color: #006400;
}

.dropdown-content li>a, .dropdown-content li>span, .dropdown-content li {
    color: #006400;
}

/* #region "Change password" */

.changePswd {
    float: right;
    height: 50px;
    width: 50px;
    border-radius: 25px;
    color: darkgreen;
    font-size: 30px;
    margin-top: -10px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 1;
    left: 25px;
}

    .changePswd:hover ~ .changePswdBG {
        cursor: pointer;
        transform: scale(1);
        background: rgba(0, 100, 0, 0.2) none repeat scroll 0% 0%;
    }

.changePswdBG {
    height: 50px;
    width: 50px;
    border-radius: 25px;
    transition: all 0.50s;
    -webkit-transform: scale(0);
    top: -11px;
    float: right;
    left: 73px;
    position: relative;
}

/* #endregion */

/* #region "Post Inquiry CSS" */

.PIBasic {
    /*background-color:rgba(37,193,111,.05);*/ 
    padding-left: 10px;
    padding-top: 15px;
}

.PIDrkGrn {
    color: darkgreen !important;
}

/* #endregion */