/* 
 * (C) Jitendra Amal, All Rights Reserved.
 * 
 * Proprietary and confidential
 * Unauthorized copying of this file, via any medium is strictly prohibited
 * 
 * mail@flaxicom.com
 * June 2021
 */

 :root {
	/* color */
	--tis-theme-color: #f6b119;
}


/*
 *  Sidebar
 *
 */

.sidebar {
    /*background-color: #f8f9fc;*/
    background-color: transparent;
}

.sidebar #expcol_sb .hide { display: unset; }
.sidebar #expcol_sb .hide + a { display: none; }

/* styles for hidden state */
.sidebar.hide {
    width:unset;
}

.sidebar.hide #expcol_sb .hide { display: none; }
.sidebar.hide #expcol_sb .hide + a { display: unset; }
.sidebar.hide > div:not(#expcol_sb),
.sidebar.hide > li {
    display: none !important;
}

@media (min-width: 768px) {
    .sidebar {
        width: 300px !important;
        /*border-right: 1px solid rgba(0,0,0,0.075);*/
    }

    .sidebar .nav-item .nav-link {
        padding: 0.5rem 1rem;
    }

        .sidebar .nav-item .nav-link i {
            font-size: unset;
            line-height: 0;
            width: 40px !important;
        }
    
        .sidebar .nav-item .nav-link img {
            width: 24px;
        }
}


/*
 *  Content Section
 *
 */

#content .container, 
#content .container-fluid {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

#wrapper #content-wrapper {
    background-color: transparent;
}

/* title section */
.title-section {
    margin: unset;
    margin-bottom: 1.5rem;
}

/* input section */
.input-section {
    background-color: #fbfbfb;
    border: 1px solid #d2d2d2  !important;
    box-shadow: none !important;
    padding: 15px;
}

@media (min-width: 768px) {
    .title-section {
        margin: -1.5rem;
        margin-bottom: 3rem;
    }

    #content .container, 
    #content .container-fluid {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    
    .input-section {
        padding: 30px;
    }
}

/* trumbowyg editor */
.trumbowyg-editor,
.trumbowyg-editor * {
    background-color: white;
}

/* trumbowyg editor */
.notifications {
    /*
    display: flex;
    align-items: flex-start;
    justify-content: end;
    padding: 20px;
    */

    position: fixed;
    width: 100%;
    max-width: 500px;
    top: 70px;
    right: 20px;
    z-index: 1;
}

    .notifications .notif_msg {
        position: relative;
        display: flex;
        align-items: flex-start;
        padding: 10px 15px;
        padding-left: 65px;
        border-radius: 10px;

        background-color: #efefef90; /* #fbfbfb;*/
        background-repeat: no-repeat;
        /*background-position: 20px center;*/
        background-position: 15px 15px;
        background-size: 32px auto;
    }

        .notifications .notif_msg:not(:first-child) {
            margin-top: 10px;
        }

        .notifications .notif_msg > div:first-child {
            flex-grow: 1;
        }

        .notifications .notif_msg h4 {
            font-size: var(--font-size-md);
            margin:0;
            margin-bottom: 3px;
            color: black;
        }

        .notifications .notif_msg p {
            margin:0;
            padding:0;
            font-size: var(--font-size-sm);
        }

        .notifications .notif_msg .close {
            float: none;
        }

        .notif_msg.type-w {
            background-color: #ffeaa7cc;
            background-image: url(../../assets/img/notification/warning.png);
        }

        .notif_msg.type-s {
            background-color: #c2fdd5cc;
            background-image: url(../../assets/img/notification/success.png);
        }

        .notif_msg.type-e {
            background-color: #fdd9d9cc;
            background-image: url(../../assets/img/notification/error.png);
        }

        .notif_msg.type-i {
            background-color: #d5eaffcc;
            background-image: url(../../assets/img/notification/info.png);
        }


/*
 *  Buttons
 *
 */
    .btn-tis-theme,
    .btn-tis-theme:hover,
    .btn-tis-theme:active,
    .btn-tis-theme:focus {
        background-color: var(--tis-theme-color);
        border-color: var(--tis-theme-color);
    }
        
/*
 *  Miscellaneous
 *
 */

#content-wrapper .title-section,
footer {
    background-color: #fbfbfb !important;
}


/*
 *  Miscellaneous
 *
 */

.StripeElement {
    padding: 10px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    background-color: white;
}