/**** COMPONENT CLASS ****/

.no-padding{padding: 0px!important;}
.no-margin{margin:0px!important;}
.no-margin-top{margin-top:0px!important;}
.no-margin-bottom{margin-bottom:0px!important;}

.pd10{padding:10px;}
.pd15{padding:15px;}
.pd20{padding:20px;}
.pd30{padding:30px;}
.pd40{padding:40px;}
.pd50{padding:50px;}
.pd60{padding:60px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}

.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}


.mt10{margin-top:10px!important;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}

.mb10{margin-bottom: 10px!important;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}

.m10{margin: 10px;}
.m20{margin: 20px;}
.m30{margin: 30px;}
.m40{margin: 40px;}
.m50{margin: 50px;}
.m60{margin: 60px;}

.margin-auto
{
    margin-left: auto;
    margin-right: auto;
}


.text_italic{font-style: italic;}
.text-italic{font-style: italic;}
.text-center{text-align: center;}
.text-justify{text-align: justify;}
.light-font{font-weight:300;}
.regular-font{font-weight:400;}
.semibold-font{font-weight:600;}
.bold-font{font-weight:700;}
.no-list-style{list-style: none!important;}

.text-grey{color: #999;}
.text-blue{color: #007a9c;}
.font-11{font-size: 11px;}
.font-12{font-size: 12px;}
.font-13{font-size: 13px;}
.no-transform{text-transform: none;}
.text-red
{
    color :#ec2127;
}


.transparent
{
    background: transparent;
}
.box-shadow
{
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.border-bottom {
    border-bottom: #eee 1px solid;
}
.border-right {
    border-right: #eee 1px solid;
}

.select {
    width: 150px;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding-right: 10px;
    height: 40px;
    line-height: 15px;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background-image: url('../images/material/caret.png');
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 10px 5px;
    background-position: right;
    background-origin: content-box;
    cursor: pointer;
}

.text-uppercase{
    text-transform:uppercase !important;    
}


.color-red{color:#ce0017;}

.strike-through{
    text-decoration:line-through;   
}
.centered
{
    text-align:center;  
}

.display-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0 !important;
}
.display-table-cell {
    float: none;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
}

.form-control
{
    height: auto;
    box-shadow: none;
    border-radius: 0;
    background:#fff;
    color: #000;
}
.form-control:focus
{
	box-shadow: none;
	box-shadow: 0 0 5px #e3f2fd;
}

.btn
{
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 0px;
    color: #fff;
    font-size: 12px;
    padding: 13px 18px;
    transition: all 0.5s ease 0s;
    letter-spacing: 1px;
    font-weight: 600;
    border: none;
}
.btn-black
{
    background-color: #000;
    border-color: #000;
    color: #fff;
}
.btn-red
{
    background: #ec2127;
}
.btn-red:hover
{
    background: #333333;
    color: #fff;
    text-decoration: none;
}

.thumb-image
{
    max-width: 120px;
}


.mask
{
    position: relative;
    z-index: 999;
}
.mask::after 
{
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(28, 49, 74, 0.5) none repeat scroll 0 0;
    opacity: .5;
}
.error-summary
{
    background: #ffebee;
    padding: 10px 15px 10px;
    color :#f00;
}
.error-summary ul
{
    margin-left: 10px;   
}
.error-summary ul li
{
    list-style: inside;
}



.anm-appear {animation: appear 2s;}
@keyframes appear {
    0% {
        transform: translate(0, 100px);
        opacity:0;
    }
    100% {
        transform: translate(0, 0);
        opacity:1;
    }
}


/******************
    PAGINATION STYLE
*******************/
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover 
{
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #ce0017;
    border-color: #ce0017;
}
.pagination li a
{
    color :#ce0017;
}
.pagination li:hover a
{
    color :#ce0017;
}


/******************
    PAGINATION STYLE
*******************/