#body-generarTicker .form-control {
	background-color: #fff;
}

#body-generarTicker .container .card {
	width: 100%;
	height:480px;
}

input[type="color"]{
	padding: 2px 6px;
}

.container #terms-title{
	font-weight: bold;
	font-size: 20px;
	background-color: rgba(0,0,0,.03);
	border-bottom: 0;
	padding: 2.375rem 2rem;
}

.card-body .inside-title {
	font-weight: bold;
}

#terms-text {
	text-align: justify;
}
/****************PARA EL SCROLLBAR TERMINOS Y SERVICIOS********************/
#terms-text::-webkit-scrollbar {
    width: 8px;     /* Tamaño del scroll en vertical */
    height: 8px;    /* Tamaño del scroll en horizontal */
    /*display: none;*/  /* Ocultar scroll */
}
#terms-text::-webkit-scrollbar-thumb {
	background: #ccc;
    border-radius: 4px;
}

#terms-text::-webkit-scrollbar-thumb:hover {
	background: #b3b3b3;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

#terms-text::-webkit-scrollbar-thumb:active {
	background-color: #999999;
}

/* Ponemos un color de fondo y redondeamos las esquinas del track */
#terms-text::-webkit-scrollbar-track {
    background: #e1e1e1;
    border-radius: 4px;
}

/* Cambiamos el fondo cuando esté en active o hover */
#terms-text::-webkit-scrollbar-track:hover,
#terms-text::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}

/************************.end scrollbar***********************************/

#continueTerms, #continueTerms i {
	padding-left: 25px;
}

/************Parte 2 de Generacion***************/

 

#body-generarTicker .container #container-inner-title {
	font-weight: bold;
}

#body-generarTicker .inner-content .form-group .form-control {
     padding-left: 10px;
     background-color: #FFF;
}

.mw100 {
    max-width: 100%;
    background-color: #FFF;
}

#body-generarTicker .form-group {
	margin-bottom: 0.75rem;
}

#body-generarTicker .form-group label{
	margin-left: 15px;
}
.txtT p{
	font-size: 11px;
	margin-top: 20px;
}
.txtT a{
	font-size: 11px;
	margin-top: 10px;
}
/***********.fin PARTE 2*************/



/***********PARTE 3*************/

#tickerP3-content {
	height: auto;
	padding-left: 40px;
	padding-right: 40px;
}

#formP3 .card-columns {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

#leftcontainerP4 .titlep3, #rightcontainerP4 .titlep3 {
	font-weight: bold;
}

/***********.fin PARTE 3********/




/***************PARTE 4***************/

#tickerP4-content .inner-content {
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 20px;
}

#footP4 {
	margin-right: 25px;
}

#footP4 a#copyButton {
	color: #01AF3F;
	font-weight: bold;
}

#footP4 a#copyButton i{
	margin-left: 15px
}

#body-code {
	background-color: #666666;
}

#rightcontainer {
	padding-left: 50px;
}

#rightcontainer .card {
	height: 200px;
}

#leftcontainer .inside-titleP4a, #rightcontainer .inside-titleP4b {
	font-weight: bold;
}

#leftcontainer {
	line-height: 2;
	padding-right: 50px;
}


.inner-content .card #body-code::-webkit-scrollbar {
    width: 8px;     /* Tamaño del scroll en vertical */
    height: 8px;    /* Tamaño del scroll en horizontal */
    /*display: none;*/  /* Ocultar scroll */
}
.inner-content .card #body-code::-webkit-scrollbar-thumb {
	background: #4C4C4C;
    border-radius: 4px;
}

.inner-content .card #body-code::-webkit-scrollbar-thumb:hover {
	background: #4C4C4C;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

.inner-content .card #body-code::-webkit-scrollbar-thumb:active {
	background-color: #666666;
}

/* Ponemos un color de fondo y redondeamos las esquinas del track */
.inner-content .card #body-code::-webkit-scrollbar-track {
    background: #818181;
    border-radius: 4px;
}

/* Cambiamos el fondo cuando esté en active o hover */
.inner-content .card #body-code::-webkit-scrollbar-track:hover,
.inner-content .card #body-code::-webkit-scrollbar-track:active {
  background: #818181;
}

#copyMsg {
	margin-right: 25px;
	color: #86DAA8;
}

/***********.fin PARTE4*************/