/*HELPERS*/
/** Global CSS **/
.animate{
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.animate-2{
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

select option{ padding: 4px 5px; }

/*1 Position, Size, Margins and Padding*/
.f-100{  font-weight: 100 !important; }
.f-300{  font-weight: 300 !important; }
.f-400{  font-weight: 400 !important; }
.f-600{  font-weight: 600 !important; }
.f-700{  font-weight: 700 !important; }
.f-800{  font-weight: 800 !important; }
.f-900{  font-weight: 900 !important; }

.float-left{ float: left; }
.float-right{ float: right; }
.t-left{ text-align: left; }
.t-right{ text-align: right; }

.absolute{ position: absolute; }
.fixed{ position: fixed; }

.no-margin{ margin: 0; }
.no-padding{ padding: 0; }

.margin-top.medium{ margin-top: 20px; }
.margin-top.large{ margin-top: 40px; }
.margin-top.small{ margin-top: 10px; }

.full-height{ height: 100%; }
.full-width{ width: 100%; }
.full-size{ height: 100%; width: 100%; }
.hidden{ display: none; }

/*2 Styles*/
.text.blue, .text-blue{ color: #5A90BC !important; }
.text.red, .text-red{ color: #FF0000 !important; }
.text.green, .text-green{ color: #04C647 !important; }
.text.orange, .text-orange{ color: orange !important; }
.text.gray, .text-gray{ color:gray !important; }
.text.dark-gray, .text-dark-gray{ color:#333 !important; }
.text.silver, .text-silver{ color: silver !important; }
.text.white, .text-white{ color: white !important; }
.text.celeste, .text-celeste{ color: #88C9F6 !important; }

.x-large.text{ font-size: 2.5em; }
.large.text{ font-size: 2em; }
.small.text{ font-size: 0.7em; }
.italic.text{ font-style: italic; }
.bold.text{ font-weight: 900; }
.lighten.text{ font-weight:300; }
.center.text{ text-align: center; }
.right.text{ text-align: right; }
.left.text{ text-align: left; }

.title.text{}

/*Hacks*/
.wrapt{ display: table; }
.wrapc{
    display: table-cell;
    vertical-align: middle;
}
.wrapc.bottom{ vertical-align: bottom; }
.vertical-center {
  min-height: 100%;
  display: flex !important;
  align-items: center;
}
.display-flex-center { display: flex; align-items: center; }

.hidden-action{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0 !important;
}

/* Width */
.w-100 { width: 100%; }
.f-w-bold{ font-weight: bold !important; }


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

.text-center { text-align: center !important; }
.t-left {text-align: left !important;}
.t-right{text-align: right !important;}

/* Background */
.bg-none { background: none !important; }
.bg-white{ background: #FFFFFF !important; }
.bg-silver-light{ background: #E2E3E6 !important; }
.bg-silver{ background: silver !important; }
.bg-gray{ background: gray !important; }

/* Overflow + Text */
.o-hidden { overflow: hidden; }
.o-visible { overflow: visible; }
.o-auto { overflow: auto; }
.t-overflow { width: 97%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; }

/* Line height */
.l-100 { line-height: 100%; }

/* Display */
.d-iblock{ display: inline-block !important; }
.d-block { display: block !important; }
.d-none{ display: none; }

.h-100{ height: 100%; }

/* Shadow */
.t-s-0 { text-shadow: none; }
.b-s-0 { box-shadow: none; }

/* Border */
.b-0 { border: 0; }
.no-border{ border: none !important; }
.radius-0{ border-radius: 0px; }
.radius-5{ border-radius: 5px; }
.radius-6{ border-radius: 6px; }
.radius-7{ border-radius: 7px; }
.radius-8{ border-radius: 8px; }
.radius-9{ border-radius: 9px; }
.radius-10{ border-radius: 10px; }
.radius-25{ border-radius: 25px; }
.item-circle{ border-radius: 50%; }
.border-white-1{ border: solid 1px #FFF; }
.border-white-2{ border: solid 2px #FFF; }
.border-right{ border-right: dashed 1px #CECECE; }

/* Font */
.f-bold { font-weight: bold; }

/* Paddings */
.p-0 { padding: 0 !important; }
.p-5 { padding: 5px !important; }
.p-10 { padding: 10px !important; }
.p-15 { padding: 15px !important; }
.p-20 { padding: 20px !important; }
.p-30 { padding: 30px !important; }
.p-40 { padding: 40px !important; }
.p-50 { padding: 50px !important; }
.p-60 { padding: 60px !important; }

.p-t-0 { padding-top: 0 !important; }
.p-t-5 { padding-top: 5px !important; }
.p-t-10 { padding-top: 10px !important; }
.p-t-15 { padding-top: 15px !important; }
.p-t-20 { padding-top: 20px !important; }
.p-t-30 { padding-top: 30px !important; }
.p-t-35 { padding-top: 35px !important; }
.p-t-40 { padding-top: 40px !important; }
.p-t-45 { padding-top: 45px !important; }
.p-t-50 { padding-top: 50px !important; }
.p-t-55 { padding-top: 55px !important; }
.p-t-60 { padding-top: 60px !important; }
.p-t-65 { padding-top: 65px !important; }
.p-t-70 { padding-top: 70px !important; }
.p-t-75 { padding-top: 75px !important; }
.p-t-80 { padding-top: 80px !important; }
.p-t-85 { padding-top: 85px !important; }
.p-t-90 { padding-top: 90px !important; }
.p-t-95 { padding-top: 95px !important; }
.p-t-100 { padding-top: 100px !important; }

.p-b-0 { padding-bottom: 0 !important; }
.p-b-5 { padding-bottom: 5px !important; }
.p-b-10 { padding-bottom: 10px !important; }
.p-b-15 { padding-bottom: 15px !important; }
.p-b-20 { padding-bottom: 20px !important; }
.p-b-30 { padding-bottom: 30px !important; }
.p-b-35 { padding-bottom: 35px !important; }
.p-b-40 { padding-bottom: 40px !important; }
.p-b-45 { padding-bottom: 45px !important; }
.p-b-50 { padding-bottom: 50px !important; }
.p-b-60 { padding-bottom: 60px !important; }
.p-b-70 { padding-bottom: 70px !important; }
.p-b-80 { padding-bottom: 80px !important; }
.p-b-100 { padding-bottom: 100px !important; }

.p-l-0 { padding-left: 0 !important; }
.p-l-5 { padding-left: 5px !important; }
.p-l-10 { padding-left: 10px !important; }
.p-l-15 { padding-left: 15px !important; }
.p-l-20 { padding-left: 20px !important; }
.p-l-25 { padding-left: 25px !important; }
.p-l-30 { padding-left: 30px !important; }
.p-l-35 { padding-left: 35px !important; }
.p-l-40 { padding-left: 40px !important; }
.p-l-45 { padding-left: 45px !important; }
.p-l-50 { padding-left: 50px !important; }

.p-r-0 { padding-right: 0 !important; }
.p-r-5 { padding-right: 5px !important; }
.p-r-10 { padding-right: 10px !important; }
.p-r-15 { padding-right: 15px !important; }
.p-r-20 { padding-right: 20px !important; }
.p-r-25 { padding-right: 25px !important; }
.p-r-30 { padding-right: 30px !important; }
.p-r-35 { padding-right: 35px !important; }
.p-r-40 { padding-right: 40px !important; }
.p-r-45 { padding-right: 45px !important; }
.p-r-50 { padding-right: 50px !important; }

/* Margin */
.m-auto { margin: auto !important; }

.m-0 { margin: 0 !important; }
.m-5 { margin: 5px !important; }
.m-10 { margin: 10px !important; }
.m-15 { margin: 15px !important; }
.m-20 { margin: 20px !important; }
.m-30 { margin: 30px !important; }
.m-40 { margin: 40px !important; }
.m-50 { margin: 50px !important; }

.m-t-0 { margin-top: 0 !important; }
.m-t-5 { margin-top: 5px !important; }
.m-t-10 { margin-top: 10px !important; }
.m-t-12 { margin-top: 12px !important; }
.m-t-13 { margin-top: 13px !important; }
.m-t-15 { margin-top: 15px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-t-25 { margin-top: 25px !important; }
.m-t-30 { margin-top: 30px !important; }
.m-t-35 { margin-top: 35px !important; }
.m-t-40 { margin-top: 40px !important; }
.m-t-50 { margin-top: 50px !important; }
.m-t-60 { margin-top: 60px !important; }
.m-t-70 { margin-top: 70px !important; }
.m-t-80 { margin-top: 80px !important; }
.m-t-90 { margin-top: 90px !important; }
.m-t-100 { margin-top: 100px !important; }
.m-t-150 { margin-top: 150px !important; }
.m-t-200 { margin-top: 200px !important; }
.m-t-300 { margin-top: 300px !important; }
.m-t-400 { margin-top: 400px !important; }

.m-b-0 { margin-bottom: 0 !important; }
.m-b-5 { margin-bottom: 5px !important; }
.m-b-10 { margin-bottom: 10px !important; }
.m-b-15 { margin-bottom: 15px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.m-b-25 { margin-bottom: 25px !important; }
.m-b-30 { margin-bottom: 30px !important; }
.m-b-35 { margin-bottom: 35px !important; }
.m-b-40 { margin-bottom: 40px !important; }
.m-b-45 { margin-bottom: 45px !important; }
.m-b-50 { margin-bottom: 50px !important; }
.m-b-60 { margin-bottom: 60px !important; }
.m-b-70 { margin-bottom: 70px !important; }
.m-b-80 { margin-bottom: 80px !important; }
.m-b-90 { margin-bottom: 90px !important; }
.m-b-100 { margin-bottom: 100px !important; }
.m-b-150 { margin-bottom: 150px !important; }
.m-b-200 { margin-bottom: 200px !important; }
.m-b-300 { margin-bottom: 300px !important; }
.m-b-400 { margin-bottom: 400px !important; }


.m-l-0 { margin-left: 0 !important; }
.m-l-5 { margin-left: 5px !important; }
.m-l-10 { margin-left: 10px !important; }
.m-l-15 { margin-left: 15px !important; }
.m-l-20 { margin-left: 20px !important; }
.m-l-25 { margin-left: 25px !important; }
.m-l-30 { margin-left: 30px !important; }
.m-l-35 { margin-left: 35px !important; }
.m-l-40 { margin-left: 40px !important; }
.m-l-50 { margin-left: 50px !important; }
.m-l-60 { margin-left: 60px !important; }
.m-l-70 { margin-left: 70px !important; }


.m-r-0 { margin-right: 0 !important; }
.m-r-5 { margin-right: 5px !important; }
.m-r-10 { margin-right: 10px !important; }
.m-r-15 { margin-right: 15px !important; }
.m-r-20 { margin-right: 20px !important; }
.m-r-30 { margin-right: 30px !important; }
.m-r-40 { margin-right: 40px !important; }
.m-r-50 { margin-right: 50px !important; }
.m-r-60 { margin-right: 60px !important; }
.m-r-70 { margin-right: 70px !important; }

.w-t{
    width: 100%;
    height: 100%;
    display: table;
}

.w-c{
    height: 100%;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
}

/* centered columns styles */
.row-centered {
  text-align:center;
}

.col-centered {
  display:inline-block;
  float:none !important;
  text-align:left;
  margin-right:-4px;
}

.row.grid-fluid > [class*="col-"]{
  padding: 0px;
  padding-left: 15px;
  padding-bottom: 15px;
}

.row.grid-fluid{
 	padding-top: 15px;
 	margin-right: 0px;
}

/* Font Sizes */
.f-7{ font-size: 7px !important; }
.f-8{ font-size: 8px !important; }
.f-9{ font-size: 9px !important; }
.f-10{ font-size: 10px !important; }
.f-11{ font-size: 11px !important; }
.f-12{ font-size: 12px !important; }
.f-13{ font-size: 13px !important; }
.f-14{ font-size: 14px !important; }
.f-15{ font-size: 15px !important; }
.f-16{ font-size: 16px !important; }
.f-17{ font-size: 17px !important; }
.f-18{ font-size: 18px !important; }
.f-19{ font-size: 19px !important; }
.f-20{ font-size: 20px !important; }
.f-21{ font-size: 21px !important; }
.f-22{ font-size: 22px !important; }
.f-23{ font-size: 23px !important; }
.f-24{ font-size: 24px !important; }
.f-25{ font-size: 25px !important; }
.f-30{ font-size: 30px !important; }
.f-35{ font-size: 35px !important; }
.f-40{ font-size: 40px !important; }
.f-45{ font-size: 45px !important; }
.f-50{ font-size: 50px !important; }
.f-60{ font-size: 60px !important; }
.f-65{ font-size: 65px !important; }
.f-70{ font-size: 70px !important; }
.f-80{ font-size: 80px !important; }
.f-90{ font-size: 90px !important; }

.lh-7{ line-height: 7px !important; }
.lh-8{ line-height: 8px !important; }
.lh-9{ line-height: 9px !important; }
.lh-10{ line-height: 10px !important; }
.lh-11{ line-height: 11px !important; }
.lh-12{ line-height: 12px !important; }
.lh-13{ line-height: 13px !important; }
.lh-14{ line-height: 14px !important; }
.lh-15{ line-height: 15px !important; }
.lh-16{ line-height: 16px !important; }
.lh-17{ line-height: 17px !important; }
.lh-18{ line-height: 18px !important; }
.lh-19{ line-height: 19px !important; }
.lh-20{ line-height: 20px !important; }
.lh-21{ line-height: 21px !important; }
.lh-22{ line-height: 22px !important; }
.lh-23{ line-height: 23px !important; }
.lh-24{ line-height: 24px !important; }
.lh-25{ line-height: 25px !important; }
.lh-30{ line-height: 30px !important; }
.lh-35{ line-height: 35px !important; }
.lh-40{ line-height: 40px !important; }
.lh-42{ line-height: 42px !important; }
.lh-45{ line-height: 45px !important; }
.lh-50{ line-height: 50px !important; }
.lh-60{ line-height: 60px !important; }
.lh-65{ line-height: 65px !important; }
.lh-70{ line-height: 70px !important; }
.lh-80{ line-height: 80px !important; }
.lh-90{ line-height: 90px !important; }

.square:after{
  content: "";
  padding-top: 100%;
}
.wide{
  position: relative;
}
.wide:after{
  content: "";
  display: block;
  padding-top: 56.25%;
}
.pointer{
  cursor: pointer;
}

hr.silver{ border-color: silver; }
hr.silver-light{ border-color: #DEDEDE; }