body {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
    font-weight: normal;
    background:white;
    color: gray;
}
a {
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    color: #3445b4;
}
a:hover,
a:focus {
    text-decoration: none !important;
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
	
}
 
button {
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
button:hover,
button:focus {
    text-decoration: none !important;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
    line-height: 1.5;
    font-weight: 400;
    font-family: "Poppins", Arial, sans-serif;
    color: #000;
}
.ftco-section {
    padding: 7em 0;
}
.ftco-no-pt {
    padding-top: 0;
}
.ftco-no-pb {
    padding-bottom: 0;
}
.heading-section {
    font-size: 28px;
    color: #000;
}
.heading-section small {
    font-size: 18px;
}
.img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.wrapper {
    width: 100%;
}
 .profileData{
	 font-size:14px;
	 color:gray;
	 padding:5px;
 }
 .profileIcon{
	 font-size:14px;
	 color:gray;
	 padding:5px;
	 margin-right:20px;
 }
 .mainDash{
	 width:100%;
	 height:auto;
	 min-height:400px;
	 border:1px solid  #f5f0f7;
	 background:#fff;
	 float:left;
	 padding:5px;
 }
.subDashA {
	 width:50%;
	 float:left;
	 height:auto;
	 min-height:300px;
	 border:1px solid  #f5f0f7;
	 background:#fff;
	 padding:5px;
}
.subDashB {
	width:50%;
	float:left;
	height:auto;
	min-height:300px;
	border:1px solid  #f5f0f7;
	background:#fff;
	padding:5px;
}
.subDashC {
	width:100%;
	height:auto;
	 min-height:400px;
	 border:1px solid  #f5f0f7;
	 background:#fff;
	 padding:5px;
	 float:left;
}
.loginForm{	 
	 width:26%;
     min-width:450px;
     border:1px solid gray;
     margin-top:10%;
     margin-left:37%;
     height:500px;
}
#sidebar { /* side menu backgroun*/
    min-width: 270px;
    max-width: 270px;
	/*LIGHT PINK */
     background-color: #ffffff; 
     box-shadow:2px 2px 2px lightgray;
    /*LIGHT BLUE
    background: rgb(232,231,235);
    background: linear-gradient(90deg, rgba(232,231,235,1) 0%, rgba(249,243,248,0.9556197478991597) 0%, rgba(252,252,251,1) 0%, rgba(214,239,251,1) 0%, rgba(197,237,247,1) 100%);
    */
    
    color:  #58057a ;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;	 
}
.selectBG{
    border:1px solid #CBC8C8;
    padding:5px;
    font-family:Calibri;
    font-size:14px;
}
.selectBG:hover{
    border:1px solid #47D2FE;
    padding:5px;
    font-family:Calibri;
    font-size:14px;
}
.selectBG:focus{
    border:1px solid #47D2FE;
    padding:5px;
    font-family:Calibri;
    font-size:14px;
}
.selectBG:active{
    border:1px solid #47D2FE;
    font-family:Calibri;
    font-size:14px;
}
th{
	padding:15px;
	font-family:Arial;
	color: #711A11 ;
	font-size:14px;
	font-weight:bold; 
	border:0px solid #DFDADA;
    border-bottom:1px solid #DFDADA;
	text-align:left;
	background:#F9F9F9 ;
    
 
}
tr:nth-child(odd){
	background: #ffffff ;
	border:0px solid white; 
}
tr:hover {
        background: #F4F5F8 ;
		border-collapse:collapse;
		border:0px solid lightgray;		
		cursor:pointer;
        } 
 td{
    padding:10px;
    padding-top:10px;
    padding-bottom:10px;
    font-family:Arial;
    font-size:14px;
    border:0px solid #DFDADA;
    border-bottom:1px solid #E7E8EB;
    color:#202122;
 }
#profileButton{
    border:0px;background:black;padding-right:40px;margin-left:30px;border-left:1px solid #464546;padding:10px;
}
#profileButton:hover{
    border:0px;background:#2c2c2c;padding-right:40px;margin-left:30px;border-left:1px solid #464546;padding:10px;
}
#topLogo {     
    width:270px;background:#f5e9f4;height:60px;padding:10px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
	padding:10px; 
	float:left;
}
#smallBars{
	color:white;float:right;display:none;margin:10px;margin-left:100px;
}
#smButtonAlert{
    display:none;
    margin-top:10px;
    margin-right:50px;
    float:right;
    border:0px;
    background:black;
    margin-right:30px;
    padding-right:30px;
}
#smButtonAlertA{
    border:0px;background:black;margin-right:30px;border-left:1px solid #464546;padding:10px;padding-right:30px;
}
#smButtonAlertA:hover{
    border:0px;background:#2c2c2c;margin-right:30px;border-left:1px solid #464546;padding-right:30px;
}
#smButtonMailB{
    border:0px;background:black;margin-right:30px;border-left:1px solid #464546;padding:10px;padding-right:30px;
}
#smButtonMailB:hover{
    border:0px;background:#2c2c2c;margin-right:30px;border-left:1px solid #464546;padding-right:30px;
}
#smButtonMail{
    display:none;
    margin-top:10px;
    margin-right:50px;
    float:right;
    border:0px;
    background:black;
    margin-right:30px;
    padding-right:30px;
}

#topLogoB {     
    min-width:680px;width:auto;background:#1b0117;height:60px; 
    -webkit-transition: all 0.0s;
    -o-transition: all 0.3s;
    transition: all 0.0s;
    position: relative;
	padding:10px; 
	float:right;
	color:white;
	text-align:right;
	padding:15px;
	margin:5xp;
	margin-bottom:0px;
}
#sidebar .h6 {
    color: #000;
	background:transparent; /*SUBSCRIBE FOR NEWS LETTER*/
}
#sidebar.active {
    margin-left: -270px;
	 
	 
}
#topLogo.active {
    margin-left: -270px;
	 /*background:red;*/
}
#topLogo h1 .logo {
    color: #000;
	font-size:24px; 
	padding:10px;
	 
}
#topLogo h1 .logo span {
    font-size: 24px;
    color:  #58057a ;
  
	 
}
#sidebar h1 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 30px;
	 
}

#sidebar h1 .logo {
    color:  #58057a ;
	font-weight:bold; 
}
#sidebar h1 .logo span {
    font-size: 12px;
    color:  #58057a ;
    display: block;
	font-weight:normal;
	 
}
#sidebar ul.components {
    padding: 0;
	 
}
#sidebar ul li {
    font-size: 16px;
}
#sidebar ul li > ul {
    margin-left: 10px;
}
#sidebar ul li > ul li {
    font-size: 16px;
}
#sidebar ul li a {
    padding: 10px 0;
    display: block;
    color: rgba(0, 0, 0, 0.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#sidebar ul li a span { /* menu button */  
    color:  #000 ;
	
}
 
#sidebar ul li a:hover { /* menu background */  
    color:  #000  ;
	border-bottom:1px solid red;/* #cc54fc  ;*/
	font-weight:bold;
    background-color: #faf0ee;
	 
}
#sidebar ul li.active > a {
     
    color:  #580579   ;
}

 
.selectBG{
    border:1px solid #CBC8C8;
    padding:5px;

}
.selectBG:hover{
    border:1px solid #47D2FE;
    padding:5px;
}
.selectBG:focus{
    border:1px solid #47D2FE;
    padding:5px;
}
.selectBG:active{
    border:1px solid #47D2FE;
    padding:1px;
}
#sidebar .custom-menu {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0;
    margin-right: -20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.pageHeader > div{
    width:33.3%;
    height:auto;
    background:pink;
    border:2px solid red;
}
.pageHeader{
    display:flex;
    justify-content:space-between;
}
.left{
    float:left;
    text-align:center;
    
    background:blue;
}
.center{
    display:inline-block;
    margin:0 auto;
     
    background:yellow;
}

.right{
    float:right;
   
    background:green;
}
.pageSearchHeader{
    position:relative;float:left;min-width:200px;width:49.5%;border:0px solid red;background:white;padding:0px;margin-bottom: 3px;margin-right:0.5%
}
.pageMenuHeader{
    position:relative;float:left;min-width:200px;width:49.5%;border:0px solid red;background:white;padding:0px;margin-bottom: 3px;margin-left:0.5%
}
.pageHeaderContainer{
    min-height:60px;width:100%;padding:8px;background:white;
}
.pageUpperRightMenu{
    border-right:1px solid lightgray;float:right;font-size:1vw;margin-right:2px;
}
/* ================================================================================================================ */
/* ================================================================================================================ */
/* ================================================================================================================ */
@media (prefers-reduced-motion: reduce) {
    #sidebar .custom-menu {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}
#sidebar .custom-menu .btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
}
#sidebar .custom-menu .btn i {
    margin-right: -40px;
    font-size: 14px;
}
#sidebar .custom-menu .btn.btn-primary {
    background: #ffffff; 
    border-color: transparent;
}
#sidebar .custom-menu .btn.btn-primary:after {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #ffffff ;  /* Toggle button background */
    border-radius: 10px;	 
}
#sidebar .custom-menu .btn.btn-primary:hover,
#sidebar .custom-menu .btn.btn-primary:focus {
    background: #ffffff !important;
    border-color: transparent !important;
}
a[data-toggle="collapse"] {
    position: relative;
}
.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
/* ================================================================================================================ */
/* ================================================================================================================ */
/* ================================================================================================================ */  
    @media only screen and (max-width: 500px) {
        
    .loginForm{	 
        width:90%;
        border:1px solid gray;
        margin-top:10%;
        margin-left:5%;
        height:500px;
    }
    .selectBG{
        border:1px solid #CBC8C8;
        padding:5px;
    
    }
    .selectBG:hover{
        border:1px solid #47D2FE;
        padding:5px;
    }
    .selectBG:focus{
        border:1px solid #47D2FE;
        padding:5px;
    }
    .selectBG:active{
        border:1px solid #47D2FE;
        padding:1px;
    }
    .pageHeader > div{
        width:100%;
        height:auto;
        background:pink;
        border:1px solid red;
    }
    .pageHeader{
        display:flex;
        justify-content:space-between;
    }
    .left{
        float:left;
        text-align:center;
         
        background:blue;
    }
    .center{
        display:inline-block;
        margin:0 auto;
        
        background:yellow;
    }
    
    .right{
        float:right;
       
        background:green;
    }
    .pageSearchHeader{
        position:relative;float:left;min-width:200px;width:100%;border:0px solid red;background:white;padding:0px;margin-bottom: 3px;margin-right:0px
    }
    .pageMenuHeader{
        display:none;position:relative;float:left;min-width:200px;width:100%;border:0px solid red;background:white;padding:0px;margin-bottom: 3px;margin-left:0px
    }
    .pageHeaderContainer{
        height:auto;width:100%;padding:8px;background:white;
    }
    .pageUpperRightMenu{
        border-right:1px solid lightgray;float:right;font-size:2.5vw;margin-right:2px;
    }
}
/* ================================================================================================================ */
/* ================================================================================================================ */
/* ================================================================================================================ */
 
    @media only screen and (max-width: 991px) {
   
    #sidebarCollapse span {
        display: none;
    }
	#topLogo {     
    width:100%;background:#f5e9f4;height:60px;padding:10px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
	padding:10px; 
	}
	#topLogoB {     
    min-width:500px;background:black;height:60px; 
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
	padding:10px;  
	display:none;
	margin:5px;
	margin-bottom:0px;
	}
	#smallBars{
	color:white;float:right;display:block;margin:5px;margin-left:50px;
	}
    #smButtonAlert{
        display:block;
        margin-top:10px;
        margin-right:50px;
        float:right;
        border:0px;
        padding:10px;
        background:black;
        margin-right:10px;
        padding-right:30px;
        border-left:1px solid #464546;
    }
    #smButtonMail{
        display:block;
        margin-top:10px;
        margin-right:50px;
        float:right;
        border:0px;
        padding:10px;
        background:2c2c2c;
        margin-right:10px;
        padding-right:30px;
        border-left:1px solid #464546;
    }
    #smButtonAlert:hover{
        display:block;
        margin-top:10px;
        margin-right:50px;
        float:right;
        border:0px;
        padding:10px;
        background:#2c2c2c;
        margin-right:10px;
        padding-right:30px;
        border-left:1px solid #464546;
    }
    #smButtonMail:hover{
        display:block;
        margin-top:10px;
        margin-right:50px;
        float:right;
        border:0px;
        padding:10px;
        background:#2c2c2c;
        margin-right:10px;
        padding-right:30px;
        border-left:1px solid #464546;
    }
    .mainDash{
        width:100%;
        height:auto;
        min-height:400px;
        border:1px solid  #f5f0f7;
        background:#fff;
        padding:5px;
    }
    .subDashA {
        width:100%;
        height:auto;
        min-height:300px;
        border:1px solid  #f5f0f7;
        background:#fff;
        padding:5px;
    }
    .subDashB {
        width:100%;
        height:auto;
        min-height:300px;
        border:1px solid  #f5f0f7;
        background:#fff;
        padding:5px;
    }
    .subDashC {
        width:100%;
        height:auto;
        min-height:400px;
        border:1px solid  #f5f0f7;
        background:#fff;
        padding:5px;
    }
    .pageHeader > div{
        width:100%;
        height:auto;
        background:pink;
        border:1px solid red;
    }
    .pageHeader{
        display:flex;
        justify-content:space-between;
    }
    .left{
        float:left;
        text-align:center;
        float:left;  
        background:blue;
        width:100%;
    }
    .center{
        display:inline-block;
        margin:0 auto;
        /*float:left;*/
        background:yellow;
        width:100%;
    }
    
    .right{
        float:right;
        float:left;
        background:green;
        width:100%;
    }
    .pageSearchHeader{
        position:relative;float:left;min-width:200px;width:100%;border:0px solid red;background:white;padding:0px;margin-bottom: 3px;margin-right:0px
    }
    .pageMenuHeader{
        display:none;position:relative;float:left;min-width:200px;width:100%;border:0px solid red;background:white;padding:0px;margin-bottom: 3px;margin-left:0px
    }
    .pageHeaderContainer{
        height:auto;width:100%;padding:8px;background:white;
    }
    .pageUpperRightMenu{
        border-right:1px solid lightgray;float:right;font-size:1vw;margin-right:2px;
    }
}
/* ================================================================================================================ */
/* ================================================================================================================ */
/* ================================================================================================================ */
#content {
    width: 100%;
    padding: 0;
    min-height: 100vh;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	background: #f9f5fa ;
 
}
.btn.btn-primary {
    background: #f5e9f4; /*toggle button*/
    border-color: #3445b4;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
    background: #fff !important;
    border-color: #3445b4 !important;
}
.footer p {
    background: linear-gradient(90deg, rgba(254,254,254,1) 0%, rgba(245,233,244,1) 100%);
    text-align: center;
}
.form-control {
    height: 40px !important;
    background: #fff;
    color: #000;
    font-size: 13px;
    border-radius: 4px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: transparent;
}
.form-control:focus,
.form-control:active {
    border-color: #fff;
}
.form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, 0.5);
}
.form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.5);
}
.form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(255, 255, 255, 0.5);
}
.form-control:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(255, 255, 255, 0.5);
}
.subscribe-form .form-control {
    background: #fff;
	border:1px solid #e0a4f8 ;
}