/********************************************************/
/*                  	   Custom                       */
/********************************************************/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300italic,500);

/********************************************************/
/*                          Global                      */
/********************************************************/
body {
    font-family: 'Roboto', sans-serif;
}

a {
    outline: none !important;
}

.uiLinkSubtle {
    color: #ffffff !important;
}

/********************************************************/
/*                       Typography                     */
/********************************************************/
/* text colors */
.gray-dark   	{ color: #333333 !important; }
.gray 			{ color: #666666 !important; }
.gray-light 	{ color: #999 !important; }
.white 			{ color: #ffffff !important; }
.orange 		{ color: #FF7E00 !important; }

/* text sizes */
.small-text 	{ font-size:11px !important; }
.normal-text 	{ font-size:12px !important; }
.mid-text 		{ font-size:14px !important; }
.big-text 		{ font-size:16px !important; }
.large-text 	{ font-size:20px !important; }
.huge-text 		{ font-size:24px !important; }
.monster-text 	{ font-size:36px !important; letter-spacing: -1px; }

/* text styles */
.italic 			{ font-style:italic; }
.strong 			{ font-weight: bold; }
.uppercase 			{ text-transform:uppercase; }
.underline:hover 	{ text-decoration: underline; }

/* text shadows */
.text-shadow {
    -webkit-text-shadow: 0 1px 1px #999;
    -moz-text-shadow:  0 1px 1px #999;
    text-shadow:  0 1px 1px #999;
}

/********************************************************/
/*                     Utility classes                  */
/********************************************************/

/* position */
.position-relative { position:relative; }
.position-absolute { position:absolute; }

/* align */
.align-left		{ text-align: left; }
.align-center	{ text-align: center; }
.align-right	{ text-align: right; }

/* vertical align */
.align-middle	{ vertical-align: 22px; }

/* floating elements */
.float-left		{ float: left; }
.float-right	{ float: right; }

/* clearings */
.clear-left		{ clear: left; }
.clear-right	{ clear: right; }
.clear-both		{ clear: both !important; }

/* padding */
.with-huge-padding		{ padding: 50px !important; }
.with-large-padding		{ padding: 30px !important; }
.with-big-padding		{ padding: 20px !important; }
.with-padding			{ padding: 15px !important; }
.with-mid-padding		{ padding: 10px !important; }
.with-small-padding		{ padding: 5px !important; }
.no-padding				{ padding: 0 !important; }

.huge-padding-top		{ padding-top: 50px !important; }
.large-padding-top		{ padding-top: 30px !important; }
.big-padding-top		{ padding-top: 20px !important; }
.padding-top			{ padding-top: 15px !important; }
.mid-padding-top		{ padding-top: 10px !important; }
.small-padding-top		{ padding-top: 5px !important; }
.no-padding-top			{ padding-top: 0px !important; }

.huge-padding-bottom	{ padding-bottom: 50px !important; }
.large-padding-bottom	{ padding-bottom: 30px !important; }
.big-padding-bottom		{ padding-bottom: 20px !important; }
.padding-bottom			{ padding-bottom: 15px !important; }
.mid-padding-bottom		{ padding-bottom: 10px !important; }
.small-padding-bottom	{ padding-bottom: 5px !important; }
.no-padding-bottom		{ padding-bottom: 0px !important; }

.huge-padding-left		{ padding-left: 50px !important; }
.large-padding-left		{ padding-left: 30px !important; }
.big-padding-left		{ padding-left: 20px !important; }
.padding-left			{ padding-left: 15px !important; }
.mid-padding-left		{ padding-left: 10px !important; }
.small-padding-left		{ padding-left: 5px !important; }
.no-padding-left		{ padding-left: 0px !important; }

.huge-padding-right		{ padding-right: 50px !important; }
.large-padding-right	{ padding-right: 30px !important; }
.big-padding-right		{ padding-right: 20px !important; }
.padding-right			{ padding-right: 15px !important; }
.mid-padding-right		{ padding-right: 10px !important; }
.small-padding-right	{ padding-right: 5px !important; }
.no-padding-right		{ padding-right: 0px !important; }

/* margins */
.with-large-margin		{ margin: 30px !important; }
.with-mid-margin		{ margin: 10px !important; }
.with-margin			{ margin: 15px !important; }
.with-small-margin		{ margin: 5px !important; }
.no-margin				{ margin: 0 !important; }

.huge-margin-top		{ margin-top: 50px !important; }
.large-margin-top		{ margin-top: 30px !important; }
.big-margin-top			{ margin-top: 20px !important; }
.margin-top				{ margin-top: 15px !important; }
.mid-margin-top			{ margin-top: 10px !important; }
.small-margin-top		{ margin-top: 5px !important; }
.no-margin-top			{ margin-top: 0 !important; }

.large-margin-right		{ margin-right: 30px !important; }
.big-margin-right		{ margin-right: 20px !important; }
.margin-right			{ margin-right: 15px !important; }
.mid-margin-right		{ margin-right: 10px !important; }
.small-margin-right		{ margin-right: 5px !important; }
.no-margin-right		{ margin-right: 0 !important; }

.large-margin-left		{ margin-left: 30px !important; }
.big-margin-left		{ margin-left: 20px !important; }
.margin-left			{ margin-left: 15px !important; }
.mid-margin-left		{ margin-left: 10px !important; }
.small-margin-left		{ margin-left: 5px !important; }
.no-margin-left			{ margin-left: 0 !important; }

.huge-margin-bottom		{ margin-bottom: 50px !important; }
.large-margin-bottom	{ margin-bottom: 30px !important; }
.big-margin-bottom		{ margin-bottom: 20px !important; }
.margin-bottom			{ margin-bottom: 15px !important; }
.mid-margin-bottom		{ margin-bottom: 10px !important; }
.small-margin-bottom	{ margin-bottom: 5px !important; }
.no-margin-bottom		{ margin-bottom: 0 !important; }

.margin-auto 		{ margin: 0 auto; }
.block 				{ display: block; }
.inline-block		{ display: inline-block; }
.line-height-20 	{ line-height: 20px; }
.line-height-28		{ line-height: 28px; }

.icon-evologo {
    background-image: url('../img/evologo.png');
    background-repeat: no-repeat;
    width: 68px;
    height: 29px;
    display: block;
}

.icon-evologo-hover:hover {
    background-image: url('../img/evologo_hover.png');
    background-repeat: no-repeat;
    width: 68px;
    height: 29px;
    display: block;
}


/********************************************************/
/*                       Notifications                  */
/********************************************************/

div.msg {
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
}
div.msg span {
    color: #fff;
    display: block;
    padding: 15px;
    text-align: center;
}
div.msg.success {
    background-color: #2CBF0F;
    border-color: #2CBF0F;
}
div.msg.info {
    background-color: #032e58;
    border-color: #032e58;
}
div.msg.warn {
    background-color: #855d22;
    border-color: #855d22;
}
div.msg.error {
    background-color: #cf2929;
    border-color: #cf2929;
}

/********************************************************/
/*                       Others                         */
/********************************************************/
.card {
    background-color: #ffffff;
    box-shadow: 0 1px 2px 0 #ccc;
}

.bg-smooth {
    background-color: #f9f9f9 !important;
}

.pagination {
    font-size: 14px;
    margin: 20px 0;
    width:100%;
}
.pagination a {
    background-color:#E0E0E0; color:#666; padding:15px; font-weight:bold;
}
.pagination a.current {
    background-color:#999; color:#FFF; padding:15px; font-weight:bold;
}
.pagination a:hover {
    background-color:#999; color:#FFF; padding:15px; font-weight:bold;
}
.pagination span.current {
    background-color:#999; color:#FFF; padding:15px; font-weight:bold;
}
.pagination a.current, .pagination span.current {
    background-color:#E0E0E0; color:#666; padding:15px; font-weight:bold;
}