/*================================================================================
	Item Name: Stack - Responsive Admin Theme
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
thead.bg-theme {
    background-color: #404e67;
}

thead.bg-theme th {
    color: white;
}
.permission-box{
	display: none;
}
.inner-permission-box {
    display: flex;
    gap: 25px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.permission-box fieldset {
    flex: 0 0 15%;
}
.main-permission {
    width: 20%;
}
.analytics-small{
    font-size: 12px;
    display: block;
}
tr.inner-tr {
    display: none;
    border-left: 3px solid #404e67;
}
.pagination {
    justify-content: end;
    margin-top: 30px;
    padding-right: 15px;
}
.inner-tr ul {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    list-style: none;
    margin: 0;
}
.iti.iti--allow-dropdown.iti--show-flags {
    width: 100%;
}
.iti.iti--allow-dropdown.iti--separate-dial-code {
    width: 100%;
}
.form-control.danger {
    border-color: red;
    background-color: #FF7588;
    color: white !important;
}
.import-sample-wrapper {
    display: flex;
    align-items: end;
    gap: 15px;
}

.loader img {
    width: 20px;
}

form.import-sample {
    width: 100%;
}

.loader {
    margin-bottom: 10px;
    display: none;
}
.read-text {
    background-color: #ECEFF1;
    opacity: 1;
}
#default-modal ul {
    padding: 0;
    list-style: none;
}

#default-modal ul h5 {
    font-weight: 500;
    font-size: 15px;
    color: black;
    margin: 0;
}
#default-modal ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid black;
    padding: 10px 0px;
}

#default-modal ul li .btn {
    padding: 6px 20px;
    margin-left: 5px;
}

#default-modal ul h5 a {
    margin-left: 1px;
}
#default-modal ul li label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

#default-modal ul li label input {
    margin-right: 6px;
}
#default-modal ul li > p {
    margin: 0;
}

tags.tagify.form-control {
    padding: 0;
    height: auto;
}
h1.auth-error {
    text-align: center;
    width: 50%;
    margin: 0 auto;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 40px;
    padding: 40px 0px 10px;
}
a.gmail-login {
    text-align: center;
    display: block;
    margin: 0 auto 20px;
}
#default-modal .loader {
    display: block;
    text-align: center;
    margin-top: 10px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    top: 50%;
    bottom: 50%;
}
.loading-wrapper {
    text-align: center;
}

.loading-wrapper h4 {
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 10px;
}

.loading-wrapper {
    margin-top: 30px;
}
.animate-process i{
    animation: rotation 2s infinite linear;
}

.start-downloading-process {
    padding-left: 35px;
}
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}
.select-all {
    text-align: right;
    margin: 20px 0px 0;
}
.select-all {
    display: flex;
    align-items: center;
    justify-content: end;
}

.select-all p {
    margin: 0;
    margin-right: 15px;
    font-size: 14px;
    font-weight: bold;
}
ul#syncTab li {
    flex: 0 0 50%;
}

ul#syncTab li a {
    width: 100%;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
}

ul#syncTab li a.active {
    background-color: #00b5b8;
    color: white;
}
.sync-tab-content .card-header{
    padding: 0;
}
.sync-tab-content .card-body {
    padding: 0;
}
.sync-tab-content .card-header .btn {
    display: block;
    width: 100%;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    color: black;
}
@media (min-width: 992px){
    #default-modal .modal-lg{
        max-width: 1000px;
    }
}
.sync-tab-content .card {
    margin-bottom: 5px;
}
#inner_accordion button.btn.btn-link {
    padding-left: 40px;
    border-top: 1px solid rgba(0,0,0,.2);
}
#inner_accordion .card {
    margin: 0;
}
#day_accordion button.btn.btn-link {
    padding-left: 67px;
}
.sync-tab-content{
    margin-top: 10px;
}
div#home {
    position: relative;
}
ul.files-lsiting {
    display: flex;
    margin: 0;
    width: 100%;
    justify-content: space-between;
    padding-left: 100px !important;
    border: 0;
    padding-right: 20px !important;
    border-bottom: 1px solid rgba(0,0,0,.2);
}

ul.files-lsiting li {
    margin: 0;
    border: 0 !important;
}
.files-card-body {
    border-top: 1px solid rgba(0,0,0,.2);
    margin-bottom: 4px;
}
ul.files-lsiting li p {
    margin-left: 10px !important;
}
ul.files-lsiting li a {
    margin-left: 15px !important;
}
.syn-all-templates {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
    margin-bottom: 10px;
}

.syn-all-templates label {
    margin: 0;
}
.template-wrapper {
    text-align: center;
}

.template-wrapper h2 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    margin: 0;
}
div#email-logs-modal h4.modal-title span {
    text-align: right;
    display: block;
}

div#email-logs-modal h4.modal-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-body .nav.nav-tabs .nav-item .nav-link.combined, .content-body .nav.nav-tabs .nav-item .nav-link.merged {
    background-color: #009c9f61 !important;
    line-height: 15px;
    border-top: #009c9f 3px solid;
    color: #fff;
}

.nav.nav-tabs .nav-item .nav-link.active.combined, .nav.nav-tabs .nav-item .nav-link.active.merged {
    background-color: #fff !important;
    color: #000;
}