/*///////////////////////////////////////////////////////////////////////
//																																		//
//							Bet - Minute script - Created by eCosmos 							//
//                                                                    //
//													www.euacosmos.com													//
//																																		//
////////////////////////////////////////////////////////////////////////

/*** Global ***
********************/

body {
  background: #ddd !important;
  font-family: 'Roboto', sans-serif;
  margin: 0;
  padding-bottom: 60px;
  overflow-x: hidden;
  color: #eaf6f6;
}

html {
  position: relative;
  min-height: 100%;
  background: #ddd;
}

h1, h2, h3, h4, h5, h6 {
  color: #000;
  font-family: 'Roboto', sans-serif;
  margin: 10px 0;
}
a {
  color: #002eff;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
a:hover {
  color: #3a0088;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
h1 {
  line-height: 2.6875rem;
}

h1 small {
  font-size: 45%;
}

h2 {
  line-height: 35px;
}

h3 {
  line-height: 30px;
}

h3 small {
  color: #fcfefe;
}

h4 {
  line-height: 22px;
}

h4 small {
  color: #fcfefe;
  font-size: 12px;
}

h5 {
  font-size: 1.125rem
}

h5 small {
  color: #fcfefe;
}

h6 {
  font-size: 0.875rem;
}

h6 small {
  color: #fcfefe;
}
p {
  line-height: 1.6;
  font-family: 'Roboto', sans-serif;
}

a:hover,
a:focus,
a:active,
.btn:hover,
.btn:focus,
.btn:active,
button:hover,
button:focus,
button:active,
.captions,
.captions:hover {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
/*** Theme Colors ***/
.color-theme-primary {
  color: #e7977e;
}

.color-theme-secondary {
  color: #bd5f42;
}
/*** Video Player ***
********************/

.video-wrapper {
  padding: 10px;
}

.video-title {
  padding: 10px;
  background-color: #e7977e;
  font-weight: 600;
  padding: 10px;
  margin-left: 33%;
  margin-right: 33%;
  border-radius: 10px;
  color: #fff;
}
#playlist {
  position: relative;
  width: 100%;
  height: 480px;
  padding-right: 1rem;
}

#playlist h5 {
  background-color: #16b4e0;
  color: #fff;
  padding: 10px;
  border-radius: .25rem;
  text-align: center;
  font-size: .85rem;
}

#playlist h5:hover {
  background-color: #4e4bd6;
}

.headers {
  text-transform: uppercase;
  border-bottom: 2px solid #10c6db;
}

.captions {
  width: 38%;
}

.list-group-item-action.video {
  opacity: .4;
  margin-right: 10px;
}

.list-group-item-action.video:hover {
  opacity: 1;
}

.btn-group.margin {
  margin-top: -1.7rem;
}

.card-header {
  padding: .3rem 1.25rem !important;
  font-weight: 600;
}
.btn-link {
  color: #476dff !important;
}

.btn-link:hover {
  color: #0056b3 !important;
}

/*** Components ***
*****************/
.range-wrapper {
  margin-top: 0.09rem;
  margin-bottom: 0.09rem;
}
[data-output] {
  display: block;
  width: 100%;
  text-align: center;
  font-family: sans-serif;
}
.rangeSlider {
  margin-bottom: 32px;
}
.rangeSlider__handle__horizontal {
  top: -5px !important;
}

.rangeSlider__handle {
  border: 1px solid #ccc;
  width: 20px !important;
  height: 20px !important;
}

.rangeSlider__horizontal {
  height: 10px !important;
  width: 100%;
}

.rangeSlider__fill {
  background: #10c6db !important;
  position: absolute;
}

.rangeSlider {
  background: #6c757d !important;
}
/*** Helper Classses ***
***********************/
.roboto { font-family: 'Roboto'};
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }

.brd0: { border: 0 !important; }
.pa2: { padding: 2px;}
.pa5: { padding: 5px;}
.m0 { margin:0 !important; }
.m10 { margin: 10px !important; }
.mb0 { margin-bottom:0 !important; }
.mt0 { margin-top: 0 !important; }

.mb2 { margin-bottom:02px !important; }
.mb5 { margin-bottom:05px !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }

.mt2 { margin-top: 2px !important; }
.mt4 { margin-top: 4px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }

.mr2  { margin-right: 2px !important;}
.mr3 {  margin-right: 3px !important; }
.mr5  {  margin-right: 5px !important; }
.mr7  {  margin-right: 7px !important; }
.mr10 {  margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }

.ml1 { margin-left: 1px !important; }
.ml2 {  margin-left: 2px !important; }
.ml3 {  margin-left: 3px !important; }
.ml5 {  margin-left: 5px !important; }
.ml6 {  margin-left: 6px !important; }
.ml7 {  margin-left: 7px !important; }
.ml9 {  margin-left: 9px !important; }
.ml10 {  margin-left: 10px !important; }
.ml15 {  margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }

.minusml3 { margin-right: -3px !important;}

.bg-white { background-color: #fff !important;}
.bg-main { background-color: rgb(252,200,19) !important; }
.bg-dark { background-color: #2c2e3e !important; }
.bg-darker {  background-color: #263238 !important; }
.bg-dark-gray { background-color: #778888 !important; }
.bg-light-gray { background-color: #f9f9f9 !important; }
.bg-yellow { background-color: #ffe400 !important; }
.bg-black { background-color: #000 !important; }
.bg-blue { background-color: #1e88e5 !important; }
.bg-red { background-color: #a63131 !important; }
.bg-orange { background-color: #ffa000 !important; }
.bg-deeporange { background-color: #ff5722 !important; }
.bg-lime { background-color: #cddc39 !important; }
.bg-lightgreen { background-color: #689f38 !important; }
.bg-teal { background-color: #26a69a !important; }
.bg-purple { background-color: #d81b60 !important; }
.bg-deepgreen { background-color: #4caf50 !important; }
.bg-cyan { background-color: #80deea !important; }
.bg-deepblue { background-color: #4fc3f7 !important;}
.bg-lightblue { background-color: #b3e5fc !important; }
.bg-brown {  background-color: #795548 !important; }
.bg-gray { background-color: #E9E9E9 !important; }
.bg-lightpink { background-color: rgba(237, 187, 231, 0.39) !important; }
.bg-lightyellow {background-color: rgba(255, 229, 0, 0.25) !important; }

/* Colors */
.color-inherit { color: inherit !important; }
.color-main { color: rgb(252,200,19) !important; }
.color-white { color: #fff !important; }
.color-alpha { color: #546e7a !important; }
.color-darker {  color: #303234 !important; }
.color-dark { color: #505355 !important; }
.color-default { color: #eceff1 !important; }
.color-yellow { color: #ffe400 !important;}
.color-red { color: #c62828 !important; }
.color-light-blue{ color: #4fc3f7 !important; }
.color-blue { color: #2196f3 !important; }
.color-deepblue { color: #0d47a1 !important; }
.color-cyan { color: #80deea !important; }
.color-teal { color: #26a69a !important; }
.color-deepgreen { color: #4caf50 !important; }
.color-green { color: #2eb872 !important; }
.color-deepyellow { color: #c3b83c !important; }
.color-orange { color: #c3883c !important; }
.color-amber { color: #ffc107 !important;}
.color-deepred { color: #e06666 !important; }
.color-zero { color: #424242 !important; }
.color-purple { color: #5e35b1 !important; }
.color-lightpurple { color: #b39ddb !important; }
.color-pink { color: #ad1457 !important; }
.color-lightpink { color: #ec407a !important;}
.color-light-gray { color: #fafafa !important;}
.color-gray { color: #797979 !important;}


.br0 { border-radius: 0 !important; }
.br1 { border-radius: 1px !important; }
.br2 { border-radius: 2px !important; }
.br4 {  border-radius: 4px !important; }
.br6 { border-radius: 6px !important; }
.br8 { border-radius: 8px !important;}

.op10 { opacity: 1 !important; }
.op9 { opacity: 0.9 !important;}
.op8 {  opacity: 0.8 !important; }
.op7 { opacity: 0.7 !important; }
.op6 { opacity: 0.6 !important; }
.op5 {  opacity: 0.5 !important; }
.op4 {  opacity: 0.4 !important; }
.op3 {  opacity: 0.3 !important; }
.op2 { opacity: 0.2 !important; }
.op1 { opacity: 0.1 !important; }

.uppercase { text-transform: uppercase; }
.word-wrap { word-wrap: break-word; }
.fs-almostfull { font-size: 90% !important; }
.fs-small { font-size: 80% !important; }
.fs-smaller { font-size: 70% !important; }
.fs-xsmall { font-size: 60% !important; }
.fs-xsmaller { font-size: 50% !important; }
.fs-xxsmall { font-size: 40% !important; }
.fs-normal { font-size: 100% !important; }
.fs-large { font-size: 120% !important; }
.fs-xlarge { font-size: 150% !important; }
.line-height-1-5 { line-height: 1.5 !important; }
.font400 { font-weight: 400 !important;}
.font600 {	font-weight: 600 !important;}
.font700 {	font-weight: 700 !important;}
.fs14 {font-size: 14px;}
.fs13 { font-size: 0.85rem !important; }
.fs12 { font-size: 0.75rem !important;}
.fs11 {font-size: 0.65rem !important;}
.fs10 {font-size: 0.525rem !important;}
.fs9 { font-size: 0.466rem !important;}
.underline { text-decoration: underline !important; }

.thumb-sm {
  height: 32px;
  width: 32px;
}
.thumb-md {
  height: 48px;
  width: 48px;
}
.thumb-lg {
  height: 88px;
  width: 88px;
}
.thumb-xl {
  height: 120px;
  width: 120px;
}

.relative { position: relative; }
.absolute { position: absolute !important;}
.block { display: block !important; }
.inline-block { display: inline-block !important; }

.unstyled {
    list-style: none;
    padding: 0 0 10px 20px;
}
.pull-center {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both;
    text-align: center;
}

.shadow-1 {
  -webkit-box-shadow: 6px 6px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    6px 6px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         6px 6px 5px 0px rgba(50, 50, 50, 0.75);
}