@charset "utf-8";

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

/*-----------------------------
    Common Styles
-------------------------------*/
div[class*="tc-alert-"] + div[class*="tc-alert-"] {margin-top: 20px;}
div[class*="tc-alert-"].uk-alert {margin-bottom: 15px;padding: 0;background: transparent;color: #444;position: relative;}
div[class*="tc-alert-"].uk-alert>.uk-close {position: absolute;right: 29px;top: 50%;transform: translateY(-50%);font-size: 20px;z-index: 1;}
div[class*="tc-alert-"] .alert-desc p {margin: 0;}
/*-----------------------------
    Alert Style1
-------------------------------*/
.tc-alert-style1 .alert-item {vertical-align: middle;padding: 20px;background-color: #fff;border: 1px solid #f5f5f5;display: table;width: 100%;}
.tc-alert-style1 .alert-icon {color: #aaa;width: 58px;display: table-cell;text-align: center;vertical-align: middle;font-size: 30px;}
.tc-alert-style1 .alert-desc {vertical-align: middle;padding-left: 15px;}
.tc-alert-style1 .alert-desc h3 {margin: 0 0 7px 0;font-size: 20px;}
.tc-alert-style1 .alert-item.tc-alert-info {border-color: #3dc0f1;}
.tc-alert-style1 .alert-item.tc-alert-info .alert-icon {color: #3dc0f1;}
.tc-alert-style1 .alert-item.tc-alert-success {border-color: #4CAF50;}
.tc-alert-style1 .alert-item.tc-alert-success .alert-icon {color: #4CAF50;}
.tc-alert-style1 .alert-item.tc-alert-warning {border-color: #FF9800;}
.tc-alert-style1 .alert-item.tc-alert-warning .alert-icon {color: #FF9800;}
.tc-alert-style1 .alert-item.tc-alert-danger {border-color: #ff5252;}
.tc-alert-style1 .alert-item.tc-alert-danger .alert-icon {color: #ff5252;}

/*-----------------------------
    Alert Style2
-------------------------------*/
.tc-alert-style2 .alert-item {vertical-align: middle;padding: 20px;background-color: #fff;border-top: 3px solid #444;display: table;width: 100%;-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);}
.tc-alert-style2 .alert-icon {width: 58px;display: table-cell;text-align: center;vertical-align: middle;font-size: 30px;}
.tc-alert-style2 .alert-desc {vertical-align: middle;padding-left: 15px;}
.tc-alert-style2 .alert-desc h3 {margin: 0 0 7px 0;font-size: 20px;}
.tc-alert-style2 .alert-item.tc-alert-info {border-color: #3dc0f1;}
.tc-alert-style2 .alert-item.tc-alert-info .alert-icon {color: #3dc0f1;}
.tc-alert-style2 .alert-item.tc-alert-success {border-color: #4CAF50;}
.tc-alert-style2 .alert-item.tc-alert-success .alert-icon {color: #4CAF50;}
.tc-alert-style2 .alert-item.tc-alert-warning {border-color: #FF9800;}
.tc-alert-style2 .alert-item.tc-alert-warning .alert-icon {color: #FF9800;}
.tc-alert-style2 .alert-item.tc-alert-danger {border-color: #ff5252;}
.tc-alert-style2 .alert-item.tc-alert-danger .alert-icon {color: #ff5252;}

/*-----------------------------
    Alert Style3
-------------------------------*/
.tc-alert-style3 .alert-item {vertical-align: middle;padding: 20px;background-color: #fff;border: 2px solid #f5f5f5;display: table;width: 100%;}
.tc-alert-style3 .alert-icon {width:100px;display: table-cell;text-align: center;vertical-align: middle;border-right: 2px solid rgba(0,0,0,0.04);}
.tc-alert-style3 .alert-icon i {text-align:center;width: 58px;height: 58px;line-height: 58px;font-size: 20px;background: rgba(0,0,0,0.05);border-radius: 50%;color: #444;}
.tc-alert-style3 .alert-desc {vertical-align: middle;padding-left: 15px;margin-left: 10px;}
.tc-alert-style3 .alert-desc h3 {margin: 0 0 7px 0;font-size: 20px;}
.tc-alert-style3 .alert-item.tc-alert-info {background-color: #3dc0f1;}
.tc-alert-style3 .alert-item.tc-alert-success {background-color: #4CAF50;}
.tc-alert-style3 .alert-item.tc-alert-warning {background-color: #FF9800;}
.tc-alert-style3 .alert-item.tc-alert-danger {background-color: #ff5252;}
.tc-alert-style3 .alert-item.tc-alert-info .alert-desc h3, 
.tc-alert-style3 .alert-item.tc-alert-info .alert-desc p {color: #fff;}
.tc-alert-style3 .alert-item.tc-alert-success .alert-desc h3, 
.tc-alert-style3 .alert-item.tc-alert-success .alert-desc p {color: #fff;}
.tc-alert-style3 .alert-item.tc-alert-warning .alert-desc h3, 
.tc-alert-style3 .alert-item.tc-alert-warning .alert-desc p {color: #fff;}
.tc-alert-style3 .alert-item.tc-alert-danger .alert-desc h3, 
.tc-alert-style3 .alert-item.tc-alert-danger .alert-desc p {color: #fff;}
.tc-alert-style3 .alert-item.tc-alert-info .alert-icon, 
.tc-alert-style3 .alert-item.tc-alert-success .alert-icon, 
.tc-alert-style3 .alert-item.tc-alert-warning .alert-icon, 
.tc-alert-style3 .alert-item.tc-alert-danger .alert-icon {color: #fff;}
.tc-alert-style3 .alert-item.tc-alert-info .alert-icon i, 
.tc-alert-style3 .alert-item.tc-alert-success .alert-icon i, 
.tc-alert-style3 .alert-item.tc-alert-warning .alert-icon i, 
.tc-alert-style3 .alert-item.tc-alert-danger .alert-icon i {color: #fff;background-color: rgba(255,255,255,0.15);}
.tc-alert-style3 .uk-close {opacity: 0.2;}

/*-----------------------------
    Alert Style4
-------------------------------*/
.tc-alert-style4 .alert-item {padding: 25px 30px;background-color: #fff;border: 1px solid #f5f5f5;position: relative;overflow: hidden;}
.tc-alert-style4 .alert-icon {text-align: center;position: absolute;right: -17px;bottom: 0;font-size: 90px;transform: rotate(15deg);opacity: 0.1;color: #bbb;}
.tc-alert-style4 .alert-desc h3 {margin: 0 0 7px 0;font-size: 20px;border-bottom: 1px solid rgba(68, 68, 68, 0.04);padding-bottom: 8px;margin-bottom: 14px;width: 95%;}
.tc-alert-style4 .alert-item.tc-alert-info, 
.tc-alert-style4 .alert-item.tc-alert-info .alert-desc h3 {border-color: rgba(61, 192, 241, 0.5);}
.tc-alert-style4 .alert-item.tc-alert-info .alert-icon {color: #3dc0f1;}
.tc-alert-style4 .alert-item.tc-alert-success, 
.tc-alert-style4 .alert-item.tc-alert-success .alert-desc h3 {border-color: rgba(76, 175, 80, 0.5);}
.tc-alert-style4 .alert-item.tc-alert-success .alert-icon {color: #4CAF50;}
.tc-alert-style4 .alert-item.tc-alert-warning, 
.tc-alert-style4 .alert-item.tc-alert-warning .alert-desc h3 {border-color: rgba(255, 152, 0, 0.5);}
.tc-alert-style4 .alert-item.tc-alert-warning .alert-icon {color: #FF9800;}
.tc-alert-style4 .alert-item.tc-alert-danger, 
.tc-alert-style4 .alert-item.tc-alert-danger .alert-desc h3 {border-color: rgba(255, 82, 82, 0.5);}
.tc-alert-style4 .alert-item.tc-alert-danger .alert-icon {color: #ff5252;}

@media (max-width: 768px) {
    div[class*="tc-alert-"].uk-alert>.uk-close {top: 11px;transform: none;right: 11px;font-size: 16px;}
    .tc-alert-style3 .alert-icon {border: 0;}
}

@media (max-width: 480px) {
    div[class*="tc-alert-"].uk-alert .alert-icon {display: inline-block;text-align: left}
    div[class*="tc-alert-"].uk-alert .alert-desc {padding-left: 0;margin-left: 0;margin-top: 20px;}
}