#pnlNotifications {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 300px;
    text-align: center;
    z-index: 100;
}

    #pnlNotifications .alert {
        padding: 10px;
        margin-bottom: 15px;
    }

#loader-bkg {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, .4);
    z-index: 99;
}

#loader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 30px;
    background: #FFF url('../img/spinner.gif') no-repeat center;
    background-position-y: 0px;
    background-size: 100px;
    min-width: 300px;
    transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0px 0px 20px 5px rgba(236,243,249,1);
    -moz-box-shadow: 0px 0px 20px 5px rgba(236,243,249,1);
    box-shadow: 0px 0px 20px 5px rgba(236,243,249,1);
    z-index: 100;
}

    #loader span {
        display: block;
        text-align: center;
        padding: 55px 0 0 0;
        font-weight: 300;
    }

.table {
    margin-bottom: 0;
}

.table tr td {
    vertical-align: middle;
}

    .table tr td.headline-row {
        background-color: #e7e7e7;
        font-weight: bold;
    }

    .table tfoot, .table thead {
        background-color: #fff;
        position: sticky;
        z-index: 1;
    }

.table tfoot {
    bottom: -1px;
}

    .table tfoot tr:last-child td, .table tfoot tr:last-child th, .table tr:last-child td, .table tr:last-child th {
            /*        border-bottom: 0;*/
    }

        .table tfoot tr:last-child th {
            padding: 0;
        }

        .table tfoot.list-footer .items-list-count {
            align-items: center;
            border-top: 1px solid #dee2e6;
            display: flex;
            padding: 5px 8px;
        }

    .table tfoot.list-footer .btn-refresh-list {
        color: #212529;
        margin-left: 25px;
        padding: 0;
        text-decoration: underline;
    }

/*login*/
.app-login-container {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .app-login-container .login-column-container {
        max-width: 540px;
        width: 100%;
        text-align: left;
    }

    .app-login-container .login-box {
        background-color: #fff;
        margin-top: 30px;
        padding: 50px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

.shadow-large {
    box-shadow: 0 15px 35px 0 rgba(60, 66, 87, .08), 0 5px 15px 0 rgba(0, 0, 0, .12);
}

.nav.nav-tabs {
    border-bottom: 0;
}

.main-container .headline-container {
    display: flex;
}

    .main-container .headline-container .headline-text {
        flex: 1 1 auto;
    }

    .main-container .headline-container .search-list-wrapper {
        display: flex;
        position: relative;
        text-align: right;
        width: 400px;
    }

        .main-container .headline-container .search-list-wrapper input {
            border-radius: 5px;
            padding-left: 30px;
        }

        .main-container .headline-container .search-list-wrapper .btn-search {
            color: #585858;
            left: 0;
            position: absolute;
        }

/*domains list*/
.domains-list-container {
    height: calc(100vh - 90px);
    overflow: auto;
}

    .domains-list-container #tblExpiringDomains thead {
        top: 0;
    }

    .domains-list-container #tblExpiringDomains td.status .alert {
        display: inline;
        text-align: center;
        padding: 3px 10px;
    }

.domain-manage-container {
    display: flex;
    flex-direction: column;
    padding: 20px;
    height: 100vh;
}


    .domain-manage-container .main-container {
        display: flex;
        height: calc(100vh - 50px);
    }

    .domain-manage-container .headline-container {
        display: flex;
    }

        .domain-manage-container .headline-container .back-button {
            align-self: start;
        }

        .domain-manage-container .headline-container .domain-status {
            padding: 2px 20px;
            border: 1px solid #bbb;
            border-radius: 5px;
        }

    .domain-manage-container .panel-inputs {
        width: 50%;
        padding-right: 20px;
    }

    .domain-manage-container .panel-response {
        width: 50%;
    }

        .domain-manage-container .panel-response .json-response {
            height: calc(100vh - 133px);
            width: 100%;
        }

    .domain-manage-container #tabDomainsManagerContent {
        height: calc(100vh - 250px);
        overflow: auto;
    }

    .domain-manage-container .input-group {
        align-items: center;
    }

        .domain-manage-container .input-group .form-label {
            min-width: 110px;
            margin-bottom: 0;
        }

