/* Font sizes and weights */

.fsize11     { font-size:11px !important; line-height:15px !important; }
.fsize12     { font-size:12px !important; line-height:16px !important; }
.fsize13     { font-size:13px !important; line-height:17px !important; }
.fsize14     { font-size:14px !important; line-height:18px !important; }
.fsize15     { font-size:15px !important; line-height:19px !important; }
.fsize16     { font-size:16px !important; line-height:20px !important; }
.fsize17     { font-size:17px !important; line-height:23px !important; }
.fsize18     { font-size:18px !important; line-height:24px !important; }
.fsize19     { font-size:19px !important; line-height:25px !important; }
.fsize20     { font-size:20px !important; line-height:26px !important; }
.fsize22     { font-size:22px !important; line-height:28px !important; }
.fsize23     { font-size:23px !important; line-height:28px !important; }
.fsize24     { font-size:24px !important; line-height:28px !important; }
.fsize26     { font-size:26px !important; line-height:30px !important; }
.fsize28     { font-size:28px !important; line-height:30px !important; }
.fsize30     { font-size:30px !important; line-height:36px !important; }
.fsize34     { font-size:30px !important; line-height:36px !important; }
.fsize40     { font-size:40px !important; line-height:46px !important; }

.font300     { font-weight:300 !important; }
.font400     { font-weight:400 !important; }
.font600     { font-weight:600 !important; }
.font700     { font-weight:700 !important; }

.lheight28   { line-height: 28px !important; }
.height25    {height: 25px !important;}

/* Paddings and margins */

.padding0     {padding: 0 !important;     }
.padding3     { padding:3px !important;   }
.padding6     { padding:6px !important;   }
.padding8     { padding:8px !important;   }
.padding10    { padding:10px !important;  }
.padding15    { padding:15px !important;  }
.padding20    { padding:20px !important;  }
.padding30    { padding:30px !important;  }
.padding40    { padding:40px !important;  }
.padding50    { padding:50px !important;  }
.padding60    { padding:50px !important;  }
.padding70    { padding:70px !important;  }
.padding80    { padding:80px !important;  }
.padding90    { padding:90px !important;  }
.padding100   { padding:100px !important; }

.padding-top5     { padding-top:5px !important;}
.padding-top10    { padding-top:10px !important;}
.padding-top30    { padding-top:30px !important;}
.padding-top40    { padding-top:40px !important;}
.padding-top50    { padding-top:50px !important;}
.padding-top60    { padding-top:60px !important;}
.padding-top70    { padding-top:70px;}
.padding-top80    { padding-top:80px;}
.padding-top100   { padding-top:100px;}

.padding-left10   {padding-left: 10px;}
.padding-left15   {padding-left: 15px;}
.padding-left20   {padding-left: 20px;}
.padding-left40   {padding-left: 40px !important;}
.padding-right10  {padding-right: 10px;}

.padding-bottom5  {padding-bottom: 5px !important;}
.padding-bottom10  {padding-bottom: 10px;}
.padding-bottom20  {padding-bottom: 20px;}
.padding-bottom40  {padding-bottom: 40px;}
.padding-bottom50  {padding-bottom: 50px;}
.padding-bottom60  {padding-bottom: 60px;}
.padding-bottom70  {padding-bottom: 70px;}
.padding-bottom80  {padding-bottom: 80px;}
.padding-bottom100 {padding-bottom: 100px;}
.padding-bottom110 {padding-bottom: 110px;}
.padding-bottom120 {padding-bottom: 120px;}

.padding-right30 {padding-right: 30px !important;}

.padding-5-10    {padding: 5px 10px;}

.margin0          { margin: 0 !important; }
.margin10         { margin: 10px; }
.margin20         { margin: 20px; }
.margin-top5      { margin-top:5px !important; }
.margin-top7      { margin-top:7px !important; }
.margin-top10     { margin-top:10px; }
.margin-top12     { margin-top:12px; }
.margin-top15     { margin-top:15px; }
.margin-top20     { margin-top:20px; }
.margin-top30     { margin-top:30px; }
.margin-top40     { margin-top:40px; }
.margin-top50     { margin-top:50px; }
.margin-top60     { margin-top:60px; }
.margin-top70     { margin-top:70px; }
.margin-top80     { margin-top:80px; }
.margin-top90     { margin-top:90px; }
.margin-top100    { margin-top:100px; }
.margin-top110    { margin-top:110px; }
.margin-top120    { margin-top:120px; }
.margin-top130    { margin-top:130px; }
.margin-top150    { margin-top:150px; }
.margin-top180    { margin-top:180px; }
.margin-top200    { margin-top:200px; }
.margin-top250    { margin-top:250px; }

.margin-top10-neg   { margin-top:-10px !important; }
.margin-top20-neg   { margin-top:-20px !important; }
.margin-top30-neg   { margin-top:-30px !important; }
.margin-top115-neg  { margin-top: -115px; }

.margin-right30-neg   { margin-right:-30px !important; }
.margin-right45-neg   { margin-right:-45px !important; }
.margin-right60-neg   { margin-right:-60px !important; }

.margin-bottom5     { margin-bottom:5px !important; }
.margin-bottom10    { margin-bottom:10px;  }
.margin-bottom15    {margin-bottom: 15px;  }
.margin-bottom20    { margin-bottom:20px;  }
.margin-bottom25    { margin-bottom:25px;  }
.margin-bottom30    { margin-bottom:30px;  }
.margin-bottom35    { margin-bottom:35px;  }
.margin-bottom40    { margin-bottom:40px;  }
.margin-bottom50    { margin-bottom:50px;  }
.margin-bottom60    { margin-bottom:60px;  }
.margin-bottom70    { margin-bottom:70px;  }
.margin-bottom80    { margin-bottom:80px;  }
.margin-bottom90    { margin-bottom:90px;  }
.margin-bottom100   { margin-bottom:100px; }
.margin-bottom130   { margin-bottom:130px; }
.margin-bottom150   { margin-bottom:150px; }
.margin-bottom180   { margin-bottom:180px; }
.margin-bottom200   { margin-bottom:200px; }
.margin-bottom250   { margin-bottom:250px; }

.margin-right5      { margin-right:5px;   }
.margin-right10     { margin-right:10px;  }
.margin-right20     { margin-right:20px;  }
.margin-right30     { margin-right:30px;  }
.margin-right40     { margin-right:40px;  }
.margin-right50     { margin-right:50px;  }
.margin-right60     { margin-right:60px;  }
.margin-right80     { margin-right:80px;  }
.margin-right100    { margin-right:100px; }
.margin-right130    { margin-right:130px; }
.margin-right150    { margin-right:150px; }
.margin-right180    { margin-right:180px; }
.margin-right200    { margin-right:200px; }

.margin-left10        { margin-left:10px; }
.margin-left15        { margin-left:15px; }
.margin-left20        { margin-left:20px; }
.margin-left30        { margin-left:30px; }
.margin-left35        { margin-left:35px; }
.margin-left40        { margin-left:40px; }
.margin-left50        { margin-left:50px; }
.margin-left60        { margin-left:60px; }
.margin-left80        { margin-left:80px; }
.margin-left100        { margin-left:100px; }
.margin-left130        { margin-left:130px; }
.margin-left150        { margin-left:150px; }
.margin-left180        { margin-left:180px; }
.margin-left200        { margin-left:200px; }

.line-height30         { line-height: 30px; }
.line-height20         { line-height: 20px; }

.inline-block          {display: inline-block;}
.cursor-pointer        {cursor: pointer;}

.top10 {top: 10px;}
.top5  {top: 5px;}
.top5-neg  {top: -5px;}
.top3  {top: 3px;}

.radius3 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.radius6 {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.radius8 {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}


/* Positioning and others */

.fixed             { position:fixed !important; }
.relative          { position:relative !important; }
.nopadding         { padding:0 !important; }
.nopadding-left    { padding-left:0 !important; }
.nopadding-right   { padding-right:0 !important; }
.nopadding-top     { padding-top:0 !important; }
.nopadding-bottom  { padding-bottom:0 !important; }
.nomargin          { margin:0 !important; }
.nomargin-left     { margin-left:0 !important; }
.nomargin-right    { margin-right:0 !important; }
.nomargin-top      { margin-top:0 !important; }
.nomargin-bottom   { margin-bottom:0 !important; }
.noborder          { border:0 !important; }
.noradius          { -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important; }
.absolute          { position:absolute !important; }
.lowercase         { text-transform:lowercase; }
.uppercase         { text-transform:uppercase; }
.no-text-transform { text-transform:none !important; }
.italic            { font-style:italic; }
.pointer           { cursor:pointer; }
.block             { display:block !important; }
.bold              { font-weight:bold !important; }
.fullwidth         { width:100% !important; }
.halfwidth         { width:50% !important; }
.container         { position:relative; }
i.fa               { text-decoration:none !important;}
.justify           { text-align:justify; }
.text-left         { text-align:left; }
.btn i.fa          { padding-right:10px; }
.btn-margin-top    { margin-top:30px; }
.text-underline    { text-decoration:underline; }
.nowrap            { white-space: nowrap !important; }
.wrap              { white-space: normal !important; }
.transparent       { background:transparent !important;}
.color-white       { color:#fff !important;}
.width-100percent  { width: 100% }
.width-110percent  { width: 110% }
.width-40percent   { width: 40% }
.width-30percent   { width: 30%; min-width: 110px;}
.width-15percent   { width: 15% }
.no-underline   {text-decoration: none;}
.no-underline-hover:hover {text-decoration: none;}
.wrap-word      {
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.width150       { width: 150px; }
.width10       { width: 10px; }
.min-height300  { min-height: 300px; }
.top0           {top: 0;}
.right0           {right: 0;}
/* Backgrounds */
.bg-navy {
    background-color: #001F3F !important; }

.bg-blue {
    background-color: #0074D9 !important; }

.bg-aqua {
    background-color: #7FDBFF !important; }

.bg-teal {
    background-color: #39CCCC !important; }

.bg-olive {
    background-color: #3D9970 !important; }

.bg-green {
    background-color: #00a82d !important; }

.bg-green-lighter {
    background-color: #26ba59 !important; }

.bg-lime {
    background-color: #01FF70 !important; }

.bg-yellow {
    background-color: #fff600 !important; }

.bg-orange {
    background-color: #FF851B !important; }

.bg-red {
    background-color: #FF4136 !important; }

.bg-fuchsia {
    background-color: #F012BE !important; }

.bg-purple {
    background-color: #B10DC9 !important; }

.bg-maroon {
    background-color: #85144B !important; }

.bg-white {
    background-color: #fff !important; }

.bg-gray {
    background-color: #afafaf !important; }

.bg-gray-light {
    background-color: #f4f4f4 !important; }

.bg-grey-dark {
    background-color: #5e5e5e !important;
}
.bg-grey-darker {
    background-color: #e1e1e1;
}
.bg-grey-darkest {
    background-color: #4d5659;
}
.bg-black {
    background-color: #111 !important; }

.bg-preview {
    background-color: #768d95 !important; }

.bg-explorer {
    background-color: #52c6ec !important; }

.bg-standard {
    background-color: #23b150 !important; }

.bg-premium {
    background-color: #000000 !important; }

.bg-footer {
    background-color: #333 !important; }

/* Colors */
.preview-color{
    color: #768d95 !important; }

.explorer-color{
    color: #52c6ec !important; }

.standard-color{
    color: #23b150 !important; }

.premium-color{
    color: #000000 !important; }

.navy {
    color: #001F3F !important; }

.blue {
    color: #25b1ec !important; }

.dark-blue {
    color: #0000C2 !important; }

.dark-blue-header {
    color: #0000ff !important; }

.aqua {
    color: #7FDBFF !important; }

.teal {
    color: #39CCCC !important; }

.blue-header {
    color: #00ccee !important; }

.olive {
    color: #3D9970 !important; }

.green {
    color: #2ECC40 !important; }

.green-dark {
    color: #00a82d !important; }

.dark-green-header {
    color: #0b680b !important; }

.lime {
    color: #01FF70 !important; }

.yellow {
    color: #FFDC00 !important; }

.orange {
    color: #FF851B !important; }

.orange-header {
    color: #ff6800 !important; }

.red {
    color: #FF4136 !important; }

.red-header {
    color: #e50000 !important; }

.fuchsia {
    color: #F012BE !important; }

.purple {
    color: #B10DC9 !important; }

.purple-header{
    color: #7030a0 !important; }

.purple-navy {
    color: #6c65ed !important; }

.purple-red {
    color: #c61b5f !important; }

.maroon {
    color: #85144B !important; }

.white {
    color: #fff !important; }

.silver {
    color: #ddd !important; }

.gray {
    color: #e4e4e4 !important; }

.grey-light {
    color: #6e6e6e !important; }

.blue-light {
    color: #52c6eb !important; }

.green-light {
    color: #86cdaf !important; }

.black {
    color: #111 !important; }

/* Border colors

   Use with another border utility that sets border-width and style
   i.e .border { border-width: 1px; border-style: solid !important; }
*/
.border-navy {
    border-color: #001F3F !important; }

.border-blue {
    border-color: #0074D9 !important; }

.border-aqua {
    border-color: #7FDBFF !important; }

.border-teal {
    border-color: #39CCCC !important; }

.border-olive {
    border-color: #3D9970 !important; }

.border-green {
    border-color: #2ECC40 !important; }

.border-lime {
    border-color: #01FF70 !important; }

.border-yellow {
    border-color: #FFDC00 !important; }

.border-orange {
    border-color: #FF851B !important; }

.border-red {
    border-color: #FF4136 !important; }

.border-fuchsia {
    border-color: #F012BE !important; }

.border-purple {
    border-color: #B10DC9 !important; }

.border-maroon {
    border-color: #85144B !important; }

.border-white {
    border-color: #fff !important; }

.border-gray {
    border-color: #aaa !important; }

.border-silver {
    border-color: #ddd !important; }

.border-black {
    border-color: #111 !important; }