@charset "utf-8";

/**
*
* -------------------------------------------------
*
* Template : UKskins - Uikit Element Packages
* Author : thecodude
* Author URI : http://thecodude.com
*
* --------------------------------------------------
*
**/

/*-----------------------
    Progress Bar Style1
------------------------*/
.tc-progress-style1 .uk-progress {height: 30px;overflow: visible;margin-top: 20px;}
.tc-progress-style1 .uk-progress.uk-progress-warning, 
.tc-progress-style1 .uk-progress.uk-progress-info, 
.tc-progress-style1 .uk-progress.uk-progress-danger {margin-top: 40px;}
.tc-progress-style1 .uk-progress-bar {position: relative;text-align: left;line-height: 30px;}
.tc-progress-style1 .pb-label {position: absolute;left: 2px;top: -28px;color: #000;font-size: 14px;font-weight: 600;}
.tc-progress-style1 .pb-percent {position: absolute;right: 7px;color: #f5f5f5;font-size: 13px;bottom: 18px;height: 27px;line-height: 27px;width: 35px;text-align: center;}
.tc-progress-style1 .uk-progress-success .pb-percent {background: #8cc14c;}
.tc-progress-style1 .uk-progress-warning .pb-percent {background: #faa732;}
.tc-progress-style1 .uk-progress-info .pb-percent {background: #00a8e6;}
.tc-progress-style1 .uk-progress-danger .pb-percent {background: #da314b;}

/*-----------------------
    Progress Bar Style2
------------------------*/
.tc-progress-style2 .uk-progress {overflow: visible;position: relative;margin-top: 20px;}
.tc-progress-style2 .uk-progress.uk-progress-warning, 
.tc-progress-style2 .uk-progress.uk-progress-info, 
.tc-progress-style2 .uk-progress.uk-progress-danger {margin-top: 40px;}
.tc-progress-style2 .uk-progress-bar {position: relative;text-align: left;line-height: 30px;}
.tc-progress-style2 .pb-label {position: absolute;left: 2px;top: -28px;color: #000;font-size: 14px;font-weight: 600;}
.tc-progress-style2 .pb-percent {position: absolute;right: -37px;color: #f5f5f5;font-size: 11px;bottom: -24px;height: 30px;line-height: 30px;width: 30px;text-align: center;border-radius: 0px 30px 30px 30px;transform: rotate(-45deg);}
.tc-progress-style2 .uk-progress-success .pb-percent {background: #8cc14c;}
.tc-progress-style2 .uk-progress-warning .pb-percent {background: #faa732;}
.tc-progress-style2 .uk-progress-info .pb-percent {background: #00a8e6;}
.tc-progress-style2 .uk-progress-danger .pb-percent {background: #da314b;}

/*-----------------------
    Progress Bar Style3
------------------------*/
.tc-progress-style3 .uk-progress {overflow: visible;position: relative;margin-top: 20px;}
.tc-progress-style3 .uk-progress.uk-progress-warning, 
.tc-progress-style3 .uk-progress.uk-progress-info, 
.tc-progress-style3 .uk-progress.uk-progress-danger {margin-top: 40px;}
.tc-progress-style3 .uk-progress-bar {position: relative;text-align: left;line-height: 30px;}
.tc-progress-style3 .pb-label {position: absolute;left: 2px;top: -28px;color: #000;font-size: 14px;font-weight: 600;}
.tc-progress-style3 .pb-percent {position: absolute;right: -30px;color: #f5f5f5;font-size: 10px;bottom: -23px;height: 25px;line-height: 25px;width: 30px;text-align: center;border-radius: 15px 0;}
.tc-progress-style3 .uk-progress-success .pb-percent {background: #8cc14c;}
.tc-progress-style3 .uk-progress-warning .pb-percent {background: #faa732;}
.tc-progress-style3 .uk-progress-info .pb-percent {background: #00a8e6;}
.tc-progress-style3 .uk-progress-danger .pb-percent {background: #da314b;}

/*-----------------------
    Progress Bar Style4
------------------------*/
.tc-progress-style4 .uk-progress {overflow: visible;position: relative;margin-top: 20px;}
.tc-progress-style4 .uk-progress.uk-progress-warning, 
.tc-progress-style4 .uk-progress.uk-progress-info, 
.tc-progress-style4 .uk-progress.uk-progress-danger {margin-top: 40px;}
.tc-progress-style4 .uk-progress-bar {position: relative;text-align: left;line-height: 30px;}
.tc-progress-style4 .pb-label {position: absolute;left: 2px;top: -28px;color: #000;font-size: 14px;font-weight: 600;}
.tc-progress-style4 .pb-percent {position: absolute;right: 8px;color: #444;font-size: 12px;bottom: 8px;height: 22px;line-height: 22px;width: 40px;text-align: center;}
.tc-progress-style4 .uk-progress-success .pb-percent {background: rgba(140, 193, 76, 0.45);border: 1px solid #659f13;}
.tc-progress-style4 .uk-progress-warning .pb-percent {background: rgba(251, 180, 81, 0.27);border: 1px solid #faa732;}
.tc-progress-style4 .uk-progress-info .pb-percent {background: rgba(38, 181, 234, 0.3);border: 1px solid #00a8e6;}
.tc-progress-style4 .uk-progress-danger .pb-percent {background: rgba(218, 49, 75, 0.28);border: 1px solid #da314b;}

/*-----------------------
    Progress Bar Style5
------------------------*/
.tc-progress-style5 .uk-progress {height: 40px;border-radius: 0;overflow: visible;padding: 5px;background: #fff;box-shadow: 0 10px 20px rgba(68, 68, 68, 0.05);}
.tc-progress-style5 .uk-progress.uk-progress-warning, 
.tc-progress-style5 .uk-progress.uk-progress-info, 
.tc-progress-style5 .uk-progress.uk-progress-danger {margin-top: 40px;}
.tc-progress-style5 .uk-progress-bar {position: relative;text-align: left;line-height: 30px;}
.tc-progress-style5 .pb-label {padding: 0px 10px;color: #fff;font-size: 14px;font-weight: 600;background: rgba(255, 255, 255, 0.48);height: 23px;line-height: 23px;width: 110px;margin: 3px 3px 3px 0;}
.tc-progress-style5 .pb-percent {position: absolute;right: 5px;color: #fff;font-size: 12px;bottom: -11px;height: 23px;line-height: 23px;width: 40px;text-align: center;background: rgba(255, 255, 255, 0.54);}

/*-----------------------
    Progress Bar Style6
------------------------*/
.tc-progress-style6 .uk-progress {height: 30px;overflow: visible;}
.tc-progress-style6 .uk-progress.uk-progress-warning, 
.tc-progress-style6 .uk-progress.uk-progress-info, 
.tc-progress-style6 .uk-progress.uk-progress-danger {margin-top: 40px;}
.tc-progress-style6 .uk-progress-bar {position: relative;text-align: left;line-height: 30px;}
.tc-progress-style6 .pb-label {padding: 0px 10px;color: #fff;font-size: 14px;font-weight: 600;background: rgba(50, 50, 50, 0.28);height: 30px;line-height: 30px;width: 110px;}
.tc-progress-style6 .pb-percent {position: absolute;right: 10px;color: #fff;font-size: 12px;bottom: 1px;height: 27px;line-height: 27px;width: 40px;text-align: center;background: #444;}

/*-----------------------
    Responsive Media
------------------------*/
@media (max-width: 767px) {
    .tc-progress-style5 .pb-percent {
        color: #666;
        bottom: 18px;
        background: rgba(199, 199, 199, 0.54);
        font-weight: 700;
    }
}