.container{
    align-items: center;
    min-height: 100vh;
    display: block;
}

/*#5C96B8   #148BA6    #9CCC4B   #797A7B    #0D0D0D*/

.header{
    background-color: #9CCC4B;
    text-align: center;
    font-weight: bold;
    border-radius: 8px 8px 0 0;
    color: white;
    padding: 4px 24px 4px 24px;
}

.login-container {
    background-color: rgba(121, 122, 123, 0.7);
    -webkit-backdrop-filter: blur(3px);
    padding: 24px;
    align-content: center;
    color: white;
    border-radius: 0 0 8px 8px;
}

/*#5C96B8   #148BA6    #9CCC4B   #797A7B    #0D0D0D*/

.form-input{
    display: grid;
    grid-template-columns: 2fr 8fr 1fr;
    margin: 12px;
}

.icon{
    grid-column: 1;
    justify-items: center;
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    font-size: 28px;
}

.input{
    grid-column: 2;
    min-width: 100%;
    background: transparent;
    border: none;
    border-bottom: 4px white solid;
}

.input:focus{
    border: none;
    outline: none;
    border-bottom: 2px #2A8C7A solid;
}

.btn-primary{
    background: #292929;
    border-color: white;
}

.filter-action{
    padding: 1.25rem;
}

.config-panel{
    padding: 20px;
}

.tabs .tab a:not(.sub-tab) {
    color: var(--primary-color);
    /*Custom Text Color*/
}

.tabs.tabs-fixed-width.tabs-icon.sub-tab a{
    color: rgba(245, 245, 245, 0.90);
}

.sub-tab .indicator{
    background-color: rgba(245, 245, 245, 0.90);
}

.tabs .indicator:not(.sub-tab) {
    background-color:#26a69a;
    /*Custom Color Of Indicator*/
}

.tabs .disabled a {
    color: rgba(42, 76, 72, 0.7);
    background-color: rgba(0, 0, 0, 0.12);
    /*Custom Text Color*/
}

.tabs .disabled a:hover {
    color: rgba(42, 76, 72, 0.7);
    /*Custom Text Color*/
}

.tabs .tab a:hover {
    color:#26a69a;
    /*Custom Color On Hover*/
}

.tabs .tab a:focus.active {
    color:#26a69a;
    /*Custom Text Color While Active*/
    background-color: rgba(38, 166, 154, 0.2);
    /*Custom Background Color While Active*/
}

.modal-sm{
    width: 300px;
}

.iframe-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}