/*
* Template Name: Pocket Dashboard - Admin Panel for Android Rewards App Template
* Author: DROIDOXY
* Author URL: http://www.droidoxy.com
* Version: 3.0
*/

/* =============================================================================
    TABLE OF CONTENT
================================================================================
1. Button Small
2. Graph Pills Text
3. User Profile Menu
4. User Profile Menu When background color = white

============================================================================= */

/*-----------------------
  1. Button Small
-----------------------*/
.btn-small{
    padding: 3px 10px 2px 10px;
}

.ptb{
	padding-top:1.3rem!important;
	padding-bottom:1.4rem!important
}

input[type="file"] {
    display: none;
}

.custom-file-upload {
	padding: 6px 6px;
    cursor: pointer;
}

.custom-file-upload span{
	padding-left: 10px;
}

.form-control {
    padding: .5rem .75rem .5rem 15px !important;
}


/*----checkbox-radio-when Primary----*/
.custom-control.success .custom-control-input:checked ~ .custom-control-indicator {
    color: var(--white-color);
    background-color: #68bb69;
}

/*----checkboc-radio-When Dark----*/
.custom-control.danger .custom-control-input:checked ~ .custom-control-indicator {
    color: var(--white-color);
    background-color: #f65f6e;
}

/*-----------------------
  2. Graph Pills Text
-----------------------*/

.today-text{
	color: #a5b5c5;
    display: block;
    font-size: 16px;
    margin: 7px 0 0;
    font-weight: 500;
}

.task {
    padding: 10px 10px 10px 5px;
}

.task .task-desc {
    width: calc(100% - 36px - 7px);
    padding-left: 15px;
}


/*-----------------------
  3. User Profile Menu
-----------------------*/

.user-profile-menu ul{
    text-align: left;
}
.user-profile-menu ul li{
    float: none;
}
.user-profile-menu ul li a{
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    width: 100%;
    align-items: center;
    padding: 3px 20px;
    vertical-align: middle;
    transition: all 0.3s;
}

.user-profile-menu ul li a i{
    font-size: 20px;
    margin-right: 10px;
}
.user-profile-menu ul li a:hover{
    background: rgba(255,255,255,0.1);
    transition: all 0.3s;
}


/*-----------------------------------------------------
  4. User Profile Menu When background color = white
-----------------------------------------------------*/

.bg-white.user-profile-menu ul li a{
    color: #a5b5c5;
}

.bg-white.user-profile-menu ul li a:hover{
    color: #1880c9;
    background: #F3F5F7;
    transition: all 0.3s;
}

.bg-white.user-profile-menu ul li a:hover i{
    color: #1880c9;
}

.bg-white.user-profile-menu ul li a.active{
    color: #1880c9;
    background: #F3F5F7;
}

.bg-white.user-profile-menu ul li a.active i{
    color: #1880c9;
}

.bg-white.user-profile-menu .avatar-info .name{
    color: #2a3f5a;
	text-align : center;
}

.bg-white.user-profile-menu .avatar-info .designation{
    color: #a5b5c5;
	text-align : center;
}

.bg-white.user-profile-menu .avatar-info{
    border-bottom: 1px solid #f3f5f7;
    padding: 15px;
    line-height: 3;
    margin-bottom: 10px;
    text-align: center;
}

.bg-white.user-profile-menu .profile-img{
    margin: 0 auto 10px;
}

.card-banner {
    background: #f7e9cc;
    border-bottom: 7px solid #fed713;
}

.card-blue {
    background: #b5d3f5;
    color: #075fa5;
}

.card-grey {
    background: #dde1e1;
}