﻿:root {
    --header-height: 3rem;
    --nav-width: 68px;
    --first-color: #4723D9;
    --first-color-light: #AFA5D9;
    --white-color: #F7F6FB;
    --body-font: 'Nunito', sans-serif;
    --normal-font-size: 1rem;
    --z-fixed: 100
}

/*WISDOM SWITCH CONTROL*/
.wisdom-switch-control .input-group-text {
    min-width:30% !important;
}
.wisdom-switch-control label {
    min-width: 35% !important;
}

@media only screen and (max-width: 767px) {
    .wisdom-switch-control .input-group-text {
        white-space: break-spaces !important;
        font-size: 12px !important;
    }

    .wisdom-switch-control label {
        font-size: 12px !important;
    }
}
/*END OF WISDOM SWITCH CONTROL*/

/*WISDOM DOWNLOAD CONTROL*/
.wisdom-download-control {
    display: flex !important;
    flex-wrap: nowrap !important;
}
.wisdom-download-control .input-group-text {
    min-width: 30% !important;
}
.wisdom-download-control button {
    min-width: 70% !important;
    background-color: var(--first-color) !important;
    border-color: var(--first-color) !important;
}

@media only screen and (max-width: 767px) {
    .wisdom-download-control .input-group-text {
        white-space: break-spaces !important;
        font-size: 12px !important;
    }
}
/*END OF WISDOM DOWNLOAD CONTROL*/

/*WISDOM BUTTON CONTROL*/
.wisdom-button {
    background-color: var(--first-color) !important;
    border-color: var(--first-color) !important;
}
/*END OF WISDOM BUTTON CONTROL*/

/*WISDOM UPLOAD CONTROL*/
.wisdom-upload{
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	padding:10px;
	width:100%;
	display: flex;
    flex-direction: column;
    align-items: center;
	cursor:pointer;
}
.wisdom-upload i{
	font-size: 50px;
	color: var(--first-color) !important;
	margin:5px;
}

.wisdom-upload span {
	margin:5px;
}
.wisdom-upload input{
	position: absolute;
    width: 95%;
    height: 12%;
    color: transparent;
}

.wisdom-upload input::file-selector-button {
	/*background-color: var(--first-color) !important;
    border-color: var(--first-color) !important;
	border-radius: 0.25rem;
	color: var(--white-color) !important;*/
	background-color:transparent;
	border-color: transparent;
	color: transparent !important;
}

.wisdom-upload #fileNames{
	display: flex;
    flex-direction: column;
    align-items: center;
  }




/*END OF WISDOM UPLOAD CONTROL*/


/*WISDOM ALERT CONTROL*/
.wisdom-alert-bottom-right{
	position: fixed !important;
	z-index:999;
    width: 35% !important;
    bottom: 0;
    right: 20px;
}

/*END OF WISDOM ALERT CONTROL*/


