.channels-guide-portlet{
	.control-label{
		display: none;
	}
	
	.modal-content{
		border: none;
		background: transparent;			

		.modal-header{
			display: none;
		}
		.modal-body img{
			background: #fff;
		    padding: 20px;
		    border-radius: 15px;
		}
	}
}
@media only screen and (min-width: 993px) {
    .channels-guide-portlet {
        .title_GC {
            font-family: Telefonica;
            font-size: 40px;
            line-height: 48px;
            text-align: center;
            color: #50535A;
            font-weight: 300;
            margin: 0;
            padding-bottom: 21px;
        }
        .description_GC {
            font-family: Telefonica;
            font-size: 20px;
            line-height: 32px;
            text-align: center;
            color: #50535A;
            font-weight: 300;
        }
        .container-full.container_GC {
            max-width: 1106px;
            width: 100%;
            padding: 0;
        }
        .containerFilter_GC {
            max-width: 976px;
            width: 100%;
            margin: 0 auto;
            padding-bottom: 34px;
            padding-top: 52px;
        }
        .conteiner1 {
            padding-left: 0px !important;
        }
        .conteiner4 {
            padding-right: 0px !important;
        }
        .container-full {
            .containerAccordion_GC {
                .row {
                    .col {
                        padding-right: 0px;
                        padding-left: 0px;
                    }
                }
            }
        }
    }
}

@media (max-width: 992px) {
    .channels-guide-portlet {
        .col.l4.errorImg {
            text-align: center;
            width: 100%;
        }
        .col.l8.errorDescription {
            width: 90%;
            text-align: center;
            margin-right: 5%;
            margin-left: 5%;
            div {
                padding-left: 0px !important;
            }
        }
        .containerFilter_GC {
            padding-bottom: 10px;
            padding-top: 38px;
        }
        .containerAccordion_GC {
            padding-top: 0px;
        }
		.containerError_GC {
			text-align: center;
	    }
    }
}

.channels-guide-portlet {
    .errorDescription {
        font-family: Telefonica;
        font-size: 20px;
        line-height: 32px;
        color: #50535A;
        font-weight: 300;
    }
    .containerError_GC {
        max-width: 600px;
        margin: 0 auto;
    }
    .col.l8.errorDescription {
        div {
            padding-left: 34px;
        }
    }
    .title_GC {
        font-family: Telefonica;
        font-size: 26px;
        line-height: 32px;
        text-align: center;
        color: #50535A;
        font-weight: 300;
    }
    .description_GC {
        font-family: Telefonica;
        font-size: 18px;
        line-height: 32px;
        text-align: center;
        color: #50535A;
        font-weight: 300;
    }
    .select-wrapper {
        input.select-dropdown {
            color: #86888C;
            background: #FFFFFF;
            box-shadow: -1px 3px 4px 0px rgba(0, 0, 0, 0.2);
            border-radius: 4px;
            padding: 15px 16px 17px 43px;
            font-style: italic;
            font-family: Telefonica;
            font-size: 16px;
            line-height: 33px;
            font-weight: 300;
            height: 48px;
        }
    }
    .collapsible-body {
        #container_GC {
            .col-md-4.enabledChannel {
                margin: 0 auto 20px auto !important;
                text-align: center;
            }
            .conteinerChannel {
                margin: auto 0;
                width: 100%;
            }
        }
        padding: 0px;
    }
    .container {
        width: 100%;
    }
    .desabledChannel {
        display: none;
    }
    .modal-overlay {
        background: #000;
    }
    div#modalReload {
        border-radius: 18px;
        top: 40% !important;
        transform: none !important;
        opacity: 1 !important;
        .modal-content {
            padding: 0;
            margin: 0 auto;
            text-align: center;
        }
    }
    .portlet-actions {
        margin-right: 0;
    }
    .portlet-action {
        float: left;
    }
    .containerAccordion_GC {
        .row {
            .col {
                padding-right: 0px;
                padding-left: 0px;
            }
        }
        .row-fluid {
            .col {
                padding-right: 0px;
                padding-left: 0px;
            }
        }
    }
    .select-wrapper {
        &:before {
            content: "\e410";
            font-family: 'icomoon' !important;
            font-size: 19px;
            color: #CACCCC;
            position: absolute;
            top: 7px;
            z-index: 2;
            left: 15px;
        }
        &:after {
            position: absolute;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            right: 10px;
            z-index: 2;
            font-family: 'icomoon' !important;
            content: "\e313";
            font-size: 23px;
            color: #CACCCC;
            background: #fff;
        }
    }
    .containerType_GC {
        max-width: 696px;
        width: 100%;
        margin: 0 auto;
        border-radius: 6px;
        padding: 14px 44px 14px 24px;
        label {
            font-family: Telefonica;
            font-size: 16px;
            line-height: 32px;
            display: flex;
            align-items: center;
            color: #50535A;
            font-weight: 300;
        }
        .row {
            margin: 0px;
        }
    }
    .imgGCIcon {
        background-repeat: no-repeat;
        padding-left: 44px;
        background-position-y: center;
    }
    .containerAccordion_GC {
        .toggler-header.toggler-header-expanded {
            span.title-text {
                font-family: Telefonica;
                font-size: 24px;
                line-height: 32px;
                color: #00A9E0;
                font-weight: 500;
            }
            .accordion-toggle {
                &:before {
                    position: absolute;
                    top: 50%;
                    -webkit-transform: translate(0, -50%);
                    -ms-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                    right: 10px;
                    z-index: 2;
                    font-family: "icomoon" !important;
                    content: "\e316";
                    font-size: 23px;
                    color: #00A9E0;
                }
            }
        }
        .toggler-header.toggler-header-collapsed {
            .accordion-toggle {
                &:before {
                    position: absolute;
                    top: 50%;
                    -webkit-transform: translate(0, -50%);
                    -ms-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                    right: 10px;
                    z-index: 2;
                    font-family: "icomoon" !important;
                    content: "\e313";
                    font-size: 23px;
                    color: #cacccc;
                }
            }
        }
        .accordion-heading.toggler-header {
            .accordion-toggle {
                position: relative;
            }
            padding-top: 29px;
            padding-bottom: 29px;
            padding-left: 33px;
            padding-right: 33px;
        }
        padding-top: 0px;
        padding-bottom: 105px;
        max-width: 1099px;
        margin: 0 auto;
        
        .accordion-group {
            border-bottom: 1px solid #00A9E0;
        }
        span.title-text {
            font-family: Telefonica;
            font-size: 24px;
            line-height: 32px;
            color: #50535A;
            font-weight: 300;
        }
        .toggler-content {
            .row {
                margin: 0;
                .col {
                    padding-left: 0;
                }
            }
        }
        .collapsible {
            border: 0;
            margin: 0;
            box-shadow: none;
            li {
                border-bottom: 1px solid #00a9e0;
                box-sizing: content-box;
            }
        }
        .collapsible-header {
            border-bottom: 0;
            padding-top: 29px;
            padding-bottom: 29px;
            padding-left: 33px;
            padding-right: 33px;
            position: relative;
            span.title-text {
                &:before {
                    position: absolute;
                    top: 50%;
                    -webkit-transform: translate(0, -50%);
                    -ms-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                    right: 10px;
                    z-index: 2;
                    font-family: "icomoon" !important;
                    content: "\e313";
                    font-size: 23px;
                    color: #cacccc;
                }
            }
        }
        .collapsible-header.toggler-header-expanded {
            span.title-text {
                font-family: Telefonica;
                font-size: 24px;
                line-height: 32px;
                color: #00a9e0;
                font-weight: 500;
                &:before {
                    position: absolute;
                    top: 50%;
                    -webkit-transform: translate(0, -50%);
                    -ms-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                    right: 10px;
                    z-index: 2;
                    font-family: "icomoon" !important;
                    content: "\e316";
                    font-size: 23px;
                    color: #00a9e0;
                }
            }
        }
    }
    .conteinerChannelAll {
        height: 124px;
        width: 257px;
        border: 2px solid #00a9e0;
        border-radius: 24px;
        vertical-align: middle;
        margin-bottom: 0px;
        margin: 0 auto 0 auto !important;
        display: flex;
    }
    .conteinerChannel {
        border: 0;
        box-sizing: border-box;
        border-radius: 0;
        padding-left: 66px;
        background-repeat: no-repeat;
        background-position: 25px 0px;
        &:after {
            content: "";
            display: table;
            clear: both;
        }
        label {
            float: left;
            color: #50535A;
            text-align: left;
            strong {
                padding-left: 3px;
            }
        }
        img {
            float: right;
            max-height: 64px;
            max-width: 150px;
            width: auto;
            margin-right: 15px;
        }
    }
    .toggler-content.toggler-content-expanded {
        padding-bottom: 14px;
    }
    .containerFilter_GC {
        .row {
            padding: 0;
        }
    }
    .portlet-borderless-bar {
        a {
            text-indent: unset !important;
            margin-left: 0px !important;
            .lfr-icon-menu-text {
                display: none;
            }
            .icon-cog {
                &:before {
                    content: "\e9c4";
                    font-family: 'icomoon' !important;
                    color: white;
                    font-size: 10px;
                }
            }
        }
    }
}

@media (max-width: 767px) {
	.channels-guide-portlet {
		.containerType_GC .iconos .row div{
			margin: 0 -15px;
			
			label{
				line-height: 24px;
			}
		}
	}
}

@media only screen and (min-width: 1091px) {
    .containerAccordion_GC {
        .toggler-content {
            .row {
                .col.conteiner4 {
                    padding-right: 0;
                }
            }
        }
    }
}

@media (max-width: 1092px) and (min-width: 993px) {
    .containerAccordion_GC {
        .toggler-content {
            .row {
                .col.conteiner3 {
                    padding-right: 0;
                }
                .col.l3 {
                    width: 33.33333%;
                }
                .col {
                    .conteinerChannel {
                        margin: 0 auto 20px auto;
                    }
                }
            }
        }
    }
}

@media (max-width: 831px) and (min-width: 557px) {
    .containerAccordion_GC {
        .toggler-content {
            .row {
                .col.conteiner2 {
                    padding-right: 0;
                }
                .col.l3 {
                    width: 50%;
                }
                .col {
                    .conteinerChannel {
                        margin: 0 auto 20px auto;
                    }
                }
            }
        }
    }
}

@media (max-width: 556px) {
    .containerAccordion_GC {
        .toggler-content {
            .row {
                .col {
                    padding-right: 0;
                    .conteinerChannel {
                        margin: 0 auto 20px auto;
                    }
                }
                .col.l3 {
                    width: 100%;
                }
            }
        }
    }
}

@media (max-width: 297px) {
    .conteinerChannel {
        width: 100% !important;
        img {
            max-width: 100%;
            height: auto;
        }
    }
}

@media (max-width: 831px) {
    .containerAccordion_GC {
        .accordion-heading.toggler-header {
            padding-left: 15px;
            padding-right: 6px;
        }
        .collapsible-header {
            padding-left: 15px;
            padding-right: 6px;
        }
    }
}

@media (max-width: 320px) {
    .containerAccordion_GC {
        .accordion-heading.toggler-header {
            .accordion-toggle {
                &:before {
                    top: 0px !important;
                }
            }
        }
        .collapsible-header.active {
            span.title-text {
                &:before {
                    top: 28px;
                    right: 0px;
                }
            }
        }
        .collapsible-header {
            span.title-text {
                &:before {
                    top: 28px;
                    right: 0px;
                }
            }
        }
    }
}

@media (max-width: 600px) and (min-width: 462px) {
    .containerType_GC {
        .row {
            .col {
                width: 100%;
                .row {
                    .col {
                        width: 33.3%;
                    }
                }
            }
        }
    }
}

@media (max-width: 600px) {
    .containerType_GC {
        width: 95%;
    }
    .containerFilter_GC {
        .row {
            padding: 0 .75rem;
        }
    }
    .container-full.container_GC {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (max-width: 992px) and (min-width: 687px) {
    .containerFilter_GC {
        .row {
            .col {
                padding: 0 .75rem;
            }
        }
    }
}

@media (max-width: 686px) and (min-width: 601px) {
    .containerFilter_GC {
        .row {
            .col {
                padding: 0 .4rem;
            }
            .col.input-channels {
                padding: 0 .75rem 0 0;
            }
            .col.input-zone {
                padding: 0 0 0 .75rem;
            }
        }
    }
    .select-wrapper {
        input.select-dropdown {
            padding: 15px 4px 17px 23px;
        }
    }
    .select-wrapper {
        &:before {
            left: 3px;
        }
        &:after {
            right: 0px;
        }
    }
}

@media (min-width: 420px) {
    .channels-guide-portlet {
        .collapsible-body {
            #container_GC {
                margin: 0 auto !important;
            }
        }
    }
}

@media (max-width: 1037px) and (min-width: 817px) {
    .channels-guide-portlet {
        .collapsible-body {
            #container_GC {
                .m4 {
                    width: 33%;
                }
            }
        }
    }
}

@media (max-width: 816px) and (min-width:559px) {
    .channels-guide-portlet {
        .collapsible-body {
            #container_GC {
                .m4 {
                    width: 50%;
                }
            }
        }
    }
}

@media (max-width: 558px) {
    .channels-guide-portlet {
        .collapsible-body {
            #container_GC {
                .m4 {
                    width: 100%;
                }
            }
        }
    }
}