/*  ====================================================
Pure CSS Style
Author: Edson Lucas
Github Profile: https://github.com/EdsonLucas
======================================================== */

/*  ====================================================
Table of Contents

01. PADDING STYLE
02. MARGIN STYLE
03. MARGIN STYLE MINUS
04. ALPHA OPACITY
05. IMG
06. TEXT ALIGN
07. COLOR SETTING
08. BACKGROUND COLOR SETTING
09. BORDER COLOR SETTING
10. BORDER TOP & BOTTOM STYLES
11. SCROLLBAR
======================================================== */

/*  --------------------------------------------------------
PADDING STYLE
-------------------------------------------------------- */
.p0      { padding: 0; }
.p5      { padding: 5px; }
.p10     { padding: 10px; }
.p15     { padding: 15px; }
.p20     { padding: 20px; }
.p25     { padding: 25px; }
.p30     { padding: 30px; }
.p35     { padding: 35px; }
.p40     { padding: 40px; }
.p45     { padding: 45px; }
.p50     { padding: 50px; }
.p55     { padding: 55px; }
.p60     { padding: 60px; }
.p65     { padding: 65px; }
.p70     { padding: 70px; }
.p75     { padding: 75px; }
.p80     { padding: 80px; }
.p85     { padding: 85px; }
.p90     { padding: 90px; }
.p95     { padding: 95px; }
.p100    { padding: 100px; }

.pb-xs-0 { padding-bottom: 0; }
.pb-xs-10 { padding-bottom: 10px }
.pb-xs-20 { padding-bottom: 20px }
.pb-xs-30 { padding-bottom: 30px }
.pb-xs-40 { padding-bottom: 40px }
.pb-xs-50 { padding-bottom: 50px }
.pb-xs-60 { padding-bottom: 60px }
.pb-xs-70 { padding-bottom: 70px }
.pb-xs-80 { padding-bottom: 80px }
.pb-xs-90 { padding-bottom: 90px }
.pb-xs-100 { padding-bottom: 100px }
.pb-xs-110 { padding-bottom: 110px }
.pb-xs-120 { padding-bottom: 120px }
.pb-xs-130 { padding-bottom: 130px }
.pb-xs-140 { padding-bottom: 140px }

.pt0    { padding-top: 0px; }
.pt5    { padding-top: 5px; }
.pt10   { padding-top: 10px; }
.pt15   { padding-top: 15px; }
.pt20   { padding-top: 20px; }
.pt25   { padding-top: 25px; }
.pt30   { padding-top: 30px; }
.pt35   { padding-top: 35px; }
.pt40   { padding-top: 40px; }
.pt45   { padding-top: 45px; }
.pt50   { padding-top: 50px; }
.pt55   { padding-top: 55px; }
.pt60   { padding-top: 60px; }
.pt65   { padding-top: 65px; }
.pt70   { padding-top: 70px; }
.pt75   { padding-top: 75px; }
.pt80   { padding-top: 80px; }
.pt85   { padding-top: 85px; }
.pt90   { padding-top: 90px; }
.pt95   { padding-top: 95px; }
.pt100  { padding-top: 100px; }

.pt-xs-0 { padding-top: 0px }
.pt-xs-10 { padding-top: 10px }
.pt-xs-20 { padding-top: 20px }
.pt-xs-30 { padding-top: 30px }
.pt-xs-40 { padding-top: 40px }
.pt-xs-50 { padding-top: 50px }
.pt-xs-60 { padding-top: 60px }
.pt-xs-70 { padding-top: 70px  }
.pt-xs-80 { padding-top: 80px }
.pt-xs-90 { padding-top: 90px }
.pt-xs-100 { padding-top: 100px }
.pt-xs-110 { padding-top: 110px }
.pt-xs-120 { padding-top: 120px }
.pt-xs-130 { padding-top: 130px }
.pt-xs-140 { padding-top: 140px }

.pr0    { padding-right: 0px; }
.pr5    { padding-right: 5px; }
.pr10   { padding-right: 10px; }
.pr15   { padding-right: 15px; }
.pr20   { padding-right: 20px; }
.pr25   { padding-right: 25px; }
.pr30   { padding-right: 30px; }
.pr35   { padding-right: 35px; }
.pr40   { padding-right: 40px; }
.pr45   { padding-right: 45px; }
.pr50   { padding-right: 50px; }
.pr55   { padding-right: 55px; }
.pr60   { padding-right: 60px; }
.pr65   { padding-right: 65px; }
.pr70   { padding-right: 70px; }
.pr75   { padding-right: 75px; }
.pr80   { padding-right: 80px; }
.pr85   { padding-right: 85px; }
.pr90   { padding-right: 90px; }
.pr95   { padding-right: 95px; }
.pr100  { padding-right: 100px; }

.pb0    { padding-bottom: 0px; }
.pb5    { padding-bottom: 5px; }
.pb10   { padding-bottom: 10px; }
.pb15   { padding-bottom: 15px; }
.pb20   { padding-bottom: 20px; }
.pb25   { padding-bottom: 25px; }
.pb30   { padding-bottom: 30px; }
.pb35   { padding-bottom: 35px; }
.pb40   { padding-bottom: 40px; }
.pb45   { padding-bottom: 45px; }
.pb50   { padding-bottom: 50px !important; }
.pb55   { padding-bottom: 55px; }
.pb60   { padding-bottom: 60px; }
.pb65   { padding-bottom: 65px; }
.pb70   { padding-bottom: 70px; }
.pb75   { padding-bottom: 75px; }
.pb80   { padding-bottom: 80px; }
.pb85   { padding-bottom: 85px; }
.pb90   { padding-bottom: 90px; }
.pb95   { padding-bottom: 95px; }
.pb100  { padding-bottom: 100px; }

.pl0    { padding-left: 0px; }
.pl5    { padding-left: 5px; }
.pl10   { padding-left: 10px; }
.pl15   { padding-left: 15px; }
.pl20   { padding-left: 20px; }
.pl25   { padding-left: 25px; }
.pl30   { padding-left: 30px; }
.pl35   { padding-left: 35px; }
.pl40   { padding-left: 40px; }
.pl45   { padding-left: 45px; }
.pl50   { padding-left: 50px; }
.pl55   { padding-left: 55px; }
.pl60   { padding-left: 60px; }
.pl65   { padding-left: 65px; }
.pl70   { padding-left: 70px; }
.pl75   { padding-left: 75px; }
.pl80   { padding-left: 80px; }
.pl85   { padding-left: 85px; }
.pl90   { padding-left: 90px; }
.pl95   { padding-left: 95px; }
.pl100  { padding-left: 100px; }

/*  --------------------------------------------------------
MARGIN STYLE
-------------------------------------------------------- */
.m0      { margin: 0; }
.m5      { margin: 5px; }
.m10     { margin: 10px; }
.m15     { margin: 15px; }
.m20     { margin: 20px; }
.m25     { margin: 25px; }
.m30     { margin: 30px; }
.m35     { margin: 35px; }
.m40     { margin: 40px; }
.m45     { margin: 45px; }
.m50     { margin: 50px; }
.m55     { margin: 55px; }
.m60     { margin: 60px; }
.m65     { margin: 65px; }
.m70     { margin: 70px; }
.m75     { margin: 75px; }
.m80     { margin: 80px; }
.m85     { margin: 85px; }
.m90     { margin: 90px; }
.m95     { margin: 95px; }
.m100    { margin: 100px; }

.mt0    { margin-top: 0px; }
.mt5    { margin-top: 5px; }
.mt10   { margin-top: 10px; }
.mt15   { margin-top: 15px; }
.mt20   { margin-top: 20px; }
.mt25   { margin-top: 25px; }
.mt30   { margin-top: 30px; }
.mt35   { margin-top: 35px; }
.mt40   { margin-top: 40px; }
.mt45   { margin-top: 45px; }
.mt50   { margin-top: 50px; }
.mt55   { margin-top: 55px; }
.mt60   { margin-top: 60px; }
.mt65   { margin-top: 65px; }
.mt70   { margin-top: 70px; }
.mt75   { margin-top: 75px; }
.mt80   { margin-top: 80px; }
.mt85   { margin-top: 85px; }
.mt90   { margin-top: 90px; }
.mt95   { margin-top: 95px; }
.mt100  { margin-top: 100px; }
.mt110  { margin-top: 110px; }
.mt120  { margin-top: 120px; }

.mr0    { margin-right: 0px; }
.mr5    { margin-right: 5px; }
.mr10   { margin-right: 10px; }
.mr15   { margin-right: 15px; }
.mr20   { margin-right: 20px; }
.mr25   { margin-right: 25px; }
.mr30   { margin-right: 30px; }
.mr35   { margin-right: 35px; }
.mr40   { margin-right: 40px; }
.mr45   { margin-right: 45px; }
.mr50   { margin-right: 50px; }
.mr55   { margin-right: 55px; }
.mr60   { margin-right: 60px; }
.mr65   { margin-right: 65px; }
.mr70   { margin-right: 70px; }
.mr75   { margin-right: 75px; }
.mr80   { margin-right: 80px; }
.mr85   { margin-right: 85px; }
.mr90   { margin-right: 90px; }
.mr95   { margin-right: 95px; }
.mr100  { margin-right: 100px; }

.mb0    { margin-bottom: 0px; }
.mb5    { margin-bottom: 5px; }
.mb10   { margin-bottom: 10px; }
.mb15   { margin-bottom: 15px; }
.mb20   { margin-bottom: 20px; }
.mb25   { margin-bottom: 25px; }
.mb30   { margin-bottom: 30px; }
.mb35   { margin-bottom: 35px; }
.mb40   { margin-bottom: 40px; }
.mb45   { margin-bottom: 45px; }
.mb50   { margin-bottom: 50px; }
.mb55   { margin-bottom: 55px; }
.mb60   { margin-bottom: 60px; }
.mb65   { margin-bottom: 65px; }
.mb70   { margin-bottom: 70px; }
.mb75   { margin-bottom: 75px; }
.mb80   { margin-bottom: 80px; }
.mb85   { margin-bottom: 85px; }
.mb90   { margin-bottom: 90px; }
.mb95   { margin-bottom: 95px; }
.mb100  { margin-bottom: 100px; }

.ml0    { margin-left: 0px; }
.ml5    { margin-left: 5px; }
.ml10   { margin-left: 10px; }
.ml15   { margin-left: 15px; }
.ml20   { margin-left: 20px; }
.ml25   { margin-left: 25px; }
.ml30   { margin-left: 30px; }
.ml35   { margin-left: 35px; }
.ml40   { margin-left: 40px; }
.ml45   { margin-left: 45px; }
.ml50   { margin-left: 50px; }
.ml55   { margin-left: 55px; }
.ml60   { margin-left: 60px; }
.ml65   { margin-left: 65px; }
.ml70   { margin-left: 70px; }
.ml75   { margin-left: 75px; }
.ml80   { margin-left: 80px; }
.ml85   { margin-left: 85px; }
.ml90   { margin-left: 90px; }
.ml95   { margin-left: 95px; }
.ml100  { margin-left: 100px; }

/*  --------------------------------------------------------
MARGIN STYLE MINUS
-------------------------------------------------------- */
.-mt5    { margin-top: -5px; }
.-mt10   { margin-top: -10px; }
.-mt15   { margin-top: -15px; }
.-mt20   { margin-top: -20px; }
.-mt25   { margin-top: -25px; }
.-mt30   { margin-top: -30px; }
.-mt35   { margin-top: -35px; }
.-mt40   { margin-top: -40px; }
.-mt45   { margin-top: -45px; }
.-mt50   { margin-top: -50px; }
.-mt55   { margin-top: -55px; }
.-mt60   { margin-top: -60px; }
.-mt65   { margin-top: -65px; }
.-mt70   { margin-top: -70px; }
.-mt75   { margin-top: -75px; }
.-mt80   { margin-top: -80px; }
.-mt85   { margin-top: -85px; }
.-mt90   { margin-top: -90px; }
.-mt95   { margin-top: -95px; }
.-mt100  { margin-top: -100px; }
.-mt110  { margin-top: -110px; }
.-mt120  { margin-top: -120px; }
.-mt130  { margin-top: -130px; }
.-mt140  { margin-top: -140px; }
.-mt150  { margin-top: -150px; }

.-ml5    { margin-left: -5px; }
.-ml10   { margin-left: -10px; }
.-ml15   { margin-left: -15px; }
.-ml20   { margin-left: -20px; }
.-ml25   { margin-left: -25px; }
.-ml30   { margin-left: -30px; }
.-ml35   { margin-left: -35px; }
.-ml40   { margin-left: -40px; }
.-ml45   { margin-left: -45px; }
.-ml50   { margin-left: -50px; }
.-ml55   { margin-left: -55px; }
.-ml60   { margin-left: -60px; }
.-ml65   { margin-left: -65px; }
.-ml70   { margin-left: -70px; }
.-ml75   { margin-left: -75px; }
.-ml80   { margin-left: -80px; }
.-ml85   { margin-left: -85px; }
.-ml90   { margin-left: -90px; }
.-ml95   { margin-left: -95px; }
.-ml100  { margin-left: -100px; }
.-ml110  { margin-left: -110px; }
.-ml120  { margin-left: -120px; }
.-ml130  { margin-left: -130px; }
.-ml140  { margin-left: -140px; }
.-ml150  { margin-left: -150px; }

.-mb5    { margin-bottom: -5px; }
.-mb10   { margin-bottom: -10px; }
.-mb15   { margin-bottom: -15px; }
.-mb20   { margin-bottom: -20px; }
.-mb25   { margin-bottom: -25px; }
.-mb30   { margin-bottom: -30px; }
.-mb35   { margin-bottom: -35px; }
.-mb40   { margin-bottom: -40px; }
.-mb45   { margin-bottom: -45px; }
.-mb50   { margin-bottom: -50px; }
.-mb55   { margin-bottom: -55px; }
.-mb60   { margin-bottom: -60px; }
.-mb65   { margin-bottom: -65px; }
.-mb70   { margin-bottom: -70px; }
.-mb75   { margin-bottom: -75px; }
.-mb80   { margin-bottom: -80px; }
.-mb85   { margin-bottom: -85px; }
.-mb90   { margin-bottom: -90px; }
.-mb95   { margin-bottom: -95px; }
.-mb100  { margin-bottom: -100px; }
.-mb110  { margin-bottom: -110px; }
.-mb120  { margin-bottom: -120px; }
.-mb130  { margin-bottom: -130px; }
.-mb140  { margin-bottom: -140px; }
.-mb150  { margin-bottom: -150px; }

/*  --------------------------------------------------------
ALPHA OPACITY
-------------------------------------------------------- */
.pos-absolute { position: absolute; }
.pos-absolute-right { position: absolute; right: 0; }
.pos-absolute-left { position: absolute; left: 0; }
.pos-absolute-top { position: absolute; top: 0; }
.pos-absolute-bottom { position: absolute; bottom: 0; }

.alpha2     { opacity: .2 !important; }
.alpha3     { opacity: .3 !important; }
.alpha4     { opacity: .4 !important; }
.alpha5     { opacity: .5 !important; }
.alpha6     { opacity: .6 !important; }
.alpha7     { opacity: .7 !important; }
.alpha8     { opacity: .8 !important; }
.alpha9     { opacity: .9 !important; }
.alpha10    { opacity:  1 !important; }

.overlay2    { background-color: rgba(0,0,0,0.2); }
.overlay3    { background-color: rgba(0,0,0,0.3); }
.overlay4    { background-color: rgba(0,0,0,0.4); }
.overlay5    { background-color: rgba(0,0,0,0.5); }
.overlay6    { background-color: rgba(0,0,0,0.6); }
.overlay7    { background-color: rgba(0,0,0,0.7); }
.overlay8    { background-color: rgba(0,0,0,0.8); }
.overlay9    { background-color: rgba(0,0,0,0.9); }

/*  --------------------------------------------------------
IMG
-------------------------------------------------------- */
.img-center {
  display: block;
  margin: auto;
}

/*  --------------------------------------------------------
TEXT ALIGN
-------------------------------------------------------- */
.tcenter { text-align: center !important; }
.tleft   { text-align: left !important; }
.tright  { text-align: right !important; }
.tjustify  { text-align: justify !important; }

/*  --------------------------------------------------------
COLOR SETTING
-------------------------------------------------------- */
.color-primary  { color: #337ab7 !important;}
.color-success  { color: #5cb85c !important;}
.color-info     { color: #5bc0de !important;}
.color-warning  { color: #f0ad4e !important;}
.color-danger   { color: #d9534f !important;}

.color-red 		  { color: #fd3635 !important; }
.color-pink		  { color: #fd40b3 !important; }
.color-orange   { color: #ff8b34 !important; }
.color-purple   { color: #a85ad4 !important; }
.color-blue 	  { color: #3dace1 !important; }
.color-cyan		  { color: #1abc9c !important; }
.color-green	  { color: #b2cc71 !important; }
.color-yellow	  { color: #ffc501 !important; }

.color-light    { color: #ffffff !important; }
.color-white    { color: #ffffff !important; }
.color-gray 	  { color: #f5f7f9 !important; }
.color-gray2 	  { color: #e0e0e0 !important; }
.color-dark 	  { color: #5f6467 !important; }
.color-dark2 	  { color: #323a45 !important; }
.color-black    { color: #111111 !important; }

/*  --------------------------------------------------------
BACKGROUND COLOR SETTING
-------------------------------------------------------- */
.bg-primary { background-color: #337ab7 !important;}
.bg-success { background-color: #5cb85c !important;}
.bg-info    { background-color: #5bc0de !important;}
.bg-warning { background-color: #f0ad4e !important;}
.bg-danger  { background-color: #d9534f !important;}

.bg-transparent { background: transparent !important; }
.bg-light-transparent { background-color: rgba(255,255,255,.75) !important; }
.bg-dark-video { background-color: rgba(0,0,0,.8) !important; }

.bg-red     { background-color: #fd3635 !important; }
.bg-pink    { background-color: #fd40b3 !important; }
.bg-orange  { background-color: #ff8b34 !important; }
.bg-purple  { background-color: #a85ad4 !important; }
.bg-blue    { background-color: #3dace1 !important; }
.bg-cyan	  { background-color: #1abc9c !important; }
.bg-green   { background-color: #b2cc71 !important; }
.bg-yellow	{ background-color: #ffc501 !important; }

.bg-dark 	  { background-color: #5f6467 !important; }
.bg-dark2 	{ background-color: #323a45 !important; }
.bg-dark3   { background-color: #141c27 !important; }
.bg-dark4   { background-color: #0b0f16 !important; }

.bg-gray   	{ background-color: #f5f7f9 !important; }
.bg-gray2 	{ background-color: #e0e0e0 !important; }
.bg-light   { background-color: #ffffff !important; }
.bg-white   { background-color: #ffffff !important; }
.bg-black   { background-color: #111111 !important; }


.bg-grad-blue {
    background: #041021;
    background: -webkit-linear-gradient(-15deg,#041021, #275d86, #4c8ab9);
    background: -o-linear-gradient(-15deg,#041021, #275d86, #4c8ab9);
    background: -moz-linear-gradient(-15deg,#041021, #275d86, #4c8ab9);
    background: linear-gradient(-15deg,#041021, #275d86, #4c8ab9);
}

.bg-grad-violet {
    background: #5f2c82;
    background: -webkit-linear-gradient(-45deg, #4776E6, #8E54E9);
    background: -o-linear-gradient(-45deg, #4776E6, #8E54E9);
    background: -moz-linear-gradient(-45deg, #4776E6, #8E54E9);
    background: linear-gradient(-45deg, #4776E6, #8E54E9);
}

.bg-grad-blood-mary {
    background: #FF512F;
    background: -webkit-linear-gradient(-45deg, #FF512F, #DD2476);
    background: -o-linear-gradient(-45deg, #FF512F, #DD2476);
    background: -moz-linear-gradient(-45deg, #FF512F, #DD2476);
    background: linear-gradient(-45deg, #FF512F, #DD2476);
}

.bg-grad-bora {
    background: #2BC0E4;
    background: -webkit-linear-gradient(45deg, #2BC0E4, #EAECC6);
    background: -o-linear-gradient(45deg, #2BC0E4, #EAECC6);
    background: -moz-linear-gradient(45deg, #2BC0E4, #EAECC6);
    background: linear-gradient(45deg, #2BC0E4, #EAECC6);
}

.bg-grad-mojito {
    background: #68e9b6;
    background: -webkit-linear-gradient(-125deg, #68e9b6, #4e75b9);
    background: -o-linear-gradient(-125deg, #68e9b6, #4e75b9);
    background: -moz-linear-gradient(-125deg, #68e9b6, #4e75b9);
    background: linear-gradient(-125deg, #68e9b6, #4e75b9);
}

.bg-grad-orange {
    background: #FFB75E;
    background: -webkit-linear-gradient(-45deg, #FFB75E, #ED8F03);
    background: -o-linear-gradient(-45deg, #FFB75E, #ED8F03);
    background: -moz-linear-gradient(-45deg, #FFB75E, #ED8F03);
    background: linear-gradient(-45deg, #FFB75E, #ED8F03);
}

.bg-grad-purple {
    background: #DA22FF;
    background: -webkit-linear-gradient(-45deg, #DA22FF, #9733EE);
    background: -o-linear-gradient(-45deg, #DA22FF, #9733EE);
    background: -moz-linear-gradient(-45deg, #DA22FF, #9733EE);
    background: linear-gradient(-45deg, #DA22FF, #9733EE);
}

.bg-grad-stellar {
    background: #7474BF;
    background: -webkit-linear-gradient(-45deg, #7474BF, #348AC7);
    background: -o-linear-gradient(-45deg, #7474BF, #348AC7);
    background: -moz-linear-gradient(-45deg, #7474BF, #348AC7);
    background: linear-gradient(-45deg, #7474BF, #348AC7);
}

.bg-grad-day-tripper {
    background: #f857a6;
    background: -webkit-linear-gradient(-45deg, #f857a6, #ff5858);
    background: -o-linear-gradient(-45deg, #f857a6, #ff5858);
    background: -moz-linear-gradient(-45deg, #f857a6, #ff5858);
    background: linear-gradient(-45deg, #f857a6, #ff5858);
}

.bg-grad-animation-1 {
	color: #fff;
	background: -webkit-linear-gradient(-45deg, #5a27f9, #7c0eed, #2aaafb, #5bcb80);
	background: -moz-linear-gradient(-45deg, #5a27f9, #7c0eed, #2aaafb, #5bcb80);
	background: -o-linear-gradient(-45deg, #5a27f9, #7c0eed, #2aaafb, #5bcb80);
	background: linear-gradient(-45deg, #5a27f9, #7c0eed, #2aaafb, #5bcb80);
	background-size: 400% 400%;
	-webkit-animation: animation1 15s ease infinite;
	-moz-animation: animation1 15s ease infinite;
	animation: animation1 15s ease infinite;
}

@-webkit-keyframes animation1 {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50% }
	100% { background-position: 0% 50% }
}

@-moz-keyframes animation1 {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50% }
	100% { background-position: 0% 50% }
}

@keyframes animation1 {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50% }
	100% { background-position: 0% 50% }
}

.bg-grad-animation-2 {
	color: #fff;
	background: -webkit-linear-gradient(-45deg, #FF512F, #DD2476, #FFB75E, #ED8F03);
	background: -moz-linear-gradient(-45deg, #FF512F, #DD2476, #FFB75E, #ED8F03);
	background: -o-linear-gradient(-45deg, #FF512F, #DD2476, #FFB75E, #ED8F03);
	background: linear-gradient(-45deg, #FF512F, #DD2476, #FFB75E, #ED8F03);
	background-size: 400% 400%;
	-webkit-animation: animation2 15s ease infinite;
	-moz-animation: animation2 15s ease infinite;
	animation: animation2 15s ease infinite;
}

@-webkit-keyframes animation2 {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50% }
	100% { background-position: 0% 50% }
}

@-moz-keyframes animation2 {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50% }
	100% { background-position: 0% 50% }
}

@keyframes animation2 {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50% }
	100% { background-position: 0% 50% }
}

/*  --------------------------------------------------------
BORDER COLOR SETTING
-------------------------------------------------------- */
.bd-primary  { border: 1px solid #337ab7; }
.bd-success  { border: 1px solid #5cb85c; }
.bd-info     { border: 1px solid #5bc0de; }
.bd-warning  { border: 1px solid #f0ad4e; }
.bd-danger   { border: 1px solid #d9534f; }

.bd-red     { border-color: #fd3635 !important; }
.bd-pink    { border-color: #fd40b3 !important; }
.bd-orange  { border-color: #ff8b34 !important; }
.bd-purple  { border-color: #a85ad4 !important; }
.bd-blue    { border-color: #3dace1 !important; }
.bd-cyan	  { border-color: #1abc9c !important; }
.bd-green	  { border-color: #b2cc71 !important; }
.bd-yellow	{ border-color: #ffc501 !important; }
.bd-dark 	  { border-color: #5f6467 !important; }
.bd-dark2 	{ border-color: #323a45 !important; }
.bd-dark3 	{ border-color: #222222 !important; }
.bd-gray 	  { border-color: #f5f7f9 !important; }
.bd-gray2 	{ border-color: #e0e0e0 !important; }
.bd-light   { border-color: #ffffff !important; }
.bd-black   { border-color: #111111 !important; }
.bd-white   { border-color: #ffffff !important; }

/*  --------------------------------------------------------
BORDER TOP & BOTTOM STYLES
-------------------------------------------------------- */
.bt-solid-1       { border-top: 1px solid #e9eaec; }
.bt-solid-1-dark  { border-top: 1px solid #333333; }
.bb-solid-1       { border-bottom: 1px solid #e9eaec; }
.bb-solid-1-red   { border-bottom: 1px solid #fa5961; }
.bb-solid-1-dark  { border-bottom: 1px solid #333333; }

.bt-dotted-1      { border-top: 1px dotted #e9eaec; }
.bb-dotted-1      { border-bottom: 1px dotted #e9eaec; }

.bt-dashed-1      { border-top: 1px dashed #e9eaec; }
.bb-dashed-1      { border-bottom: 1px dashed #e9eaec; }
.bb-dashed-1-dark { border-bottom: 1px dashed #333333; }

.bt-double-1      { border-top: 3px double #e9eaec; }
.bb-double-1      { border-bottom: 3px double #e9eaec; }

.no-border { border: 0 !important; }

/*  --------------------------------------------------------
SCROLLBAR
-------------------------------------------------------- */
/* Largura da barra de rolagem */
::-webkit-scrollbar {
    width: 10px;
}

/* Fundo da barra de rolagem */
::-webkit-scrollbar-track-piece {
    background-color: #EEE;
    border-left: 1px solid #CCC
}

/* Cor do indicador de rolagem */
::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal {
    background-color: #BAC0C4
}

/* Cor do indicador de rolagem - ao passar o mouse */
::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: #717171
}