.form-group {
	margin-bottom: 5px;	
}

.icPanelpnlLogin {
	width: 100%;
    margin: 0px;
    padding: 15px 15px 0px 15px;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid var(--color-primary); /* Blue */
    border-radius: 50%;
    width: 42px;
    height: 42px;
    animation: spin 2s linear infinite;
	display:none;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.btn-default {
    font-weight: bold;
    font-size: x-large;
    background: transparent;
    border-radius: 0.7rem;
	border: 0;
	margin: 2px;
}

.icPanelSoftphone {
	width: 100%;
    margin: 0px;
    padding: 0px 20px 0px 20px;
	margin-bottom: 15px;
}









.logo {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5%;
    margin-top: 5%;
}

.THIS.slds-modal__container {
    padding: 0;
}

.slds-form-element {
    margin-top: 5%;
    margin-bottom: 5%;
}

.THIS.toggle {
    display: none;
}

.slds-button--brand {
    margin-top: 5%;
    margin-bottom: 5%;
}
.slds-panel {
    display: none;
}

.forceHighlightsStencil .header.dark {
    background: white;
}

.messageBody {
	margin-top: 130px;
	color: #54698d;
}

.toggle {
    display: none;
}

.pnlSetDispositionControlBase {
    display: none;
}

.placeHolderText {
    font-size: 0.8125rem;
}

.contact{
	  background-color: #7F8DE1;
}

.button-inv {
    background: #1589ee;
}

.visible {
    display: inherit !important;
}

.visiblePnl {
    display: inherit !important;
}

.blink {
  /*animation: blink 0.5s steps(5, start) infinite;
  -webkit-animation: blink 0.2s steps(5, start) infinite;*/
}

@keyframes blink {
  to {
    /*visibility: hidden;*/
  }
}

@-webkit-keyframes blink {
  to {
    /*visibility: hidden;*/
  }
}

.pnlDatos {
    background: gray;
    color: white;
    padding: 3px;
    margin: 5px -17px 5px -17px;
    display: none;
	border-radius: 5px;
}

.pnlDatosRow {
	display: flex;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.PnlDatosPhone {
    display: block;
    text-align: -webkit-center;
    font-size: x-large;
	margin: 2px 0px 2px 0px;
    padding: 0px 0px 0px 0px;
}

.PnlDatosText {
    display: block;
    text-align: center;
    font-size: small;
	margin: 0px;
    padding: 0px;
}

.PnlDatosText2 {
    font-size: small;
    width: 100%;
    max-height: 13px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.PnlDatosTime {
    display: block;
    text-align: end;
    font-size: small;
    max-height: 13px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.btnAceptar {
    background:black;
}

.SoftPhone {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1px;
    grid-auto-rows: minmax(60px, auto);
    margin: 0px;
}

.btnPad {
    font-size: x-large;
    color: ff7112;
    font-family: 'Salesforce Sans',Arial,sans-serif; 
    margin-left: .25rem;
    margin-botton: .25rem;
    margin-bottom: 1px;
}

.pnlEstadoAgente {
    width: -webkit-fill-available;
    display: inline-flex;
    margin: 10px 0px 10px 10px;
}

.pnlBotonera {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 1px;
    grid-auto-rows: minmax(10px, auto);
    margin: 0px 0px 10px 0px;
    border-radius: 0px;
    border-style: solid;
    border-width: thin;
    padding: 4px 2px 0px 2px;
    border-bottom-color: deepskyblue;
    border-top-color: deepskyblue;
    border-left-color: white;
    border-right-color: white;
}

.pnlTransferencia {
	display: none;
}

.pnlTransferenciaRow {
    width: -webkit-fill-available;
    display: flex;
    margin: 0px 28px 10px 28px;
}

.pnlTransferencia_A1 {
    width: -webkit-fill-available;
    display: inherit;
    width: auto;
    align-self: center;
    margin: 0px 10px 0px 0px;
}

.pnlTransferencia_A2 {
    width: -webkit-fill-available;
    display: inherit;
    width: auto;
    align-self: center;
    margin: 0px 14px 0px 0px;
}

.pnlTransferencia_B {
    width: -webkit-fill-available;
    display: inherit;
    width: 100%;
}

.pnlConferencia {
	display: none;
}

.pnlConferenciaRow {
    width: -webkit-fill-available;
    display: flex;
    margin: 0px 28px 10px 28px;
}

.pnlConferencia_A1 {
    width: -webkit-fill-available;
    display: inherit;
    width: auto;
    align-self: center;
    margin: 0px 10px 0px 0px;
}

.pnlConferencia_A2 {
    width: -webkit-fill-available;
    display: inherit;
    width: auto;
    align-self: center;
    margin: 0px 14px 0px 0px;
}

.pnlConferencia_B {
    width: -webkit-fill-available;
    display: inherit;
    width: 100%;
}

.pnlCampania {
    width: -webkit-fill-available;
    display: none;
    margin: 0px 28px 10px 28px;
}

.pnlNumeroLlamada {
    width: -webkit-fill-available;
    display: inline-flex;
    margin: 0px 28px 10px 28px;
}

.selectEstadoAgente {
    width: 55%;  
    display: inherit;
    align-items: center;
}

.selectCampania {
    width: 100%;  
    display: inherit;
}

.slds-form-element__label {
    align-self: center;  
}


.pnlEstadoAgente .slds-select  {
    border-color: white;
    height: 25px;
    color: deepskyblue;
    font-size: 14px;
}

.slds-form-element__label {
    margin: 2px;
}

.pnlLogin {    
    display: block;
    margin: 30px 30px 0px 30px;
    border-style: inset;
    border-radius: 27px;
    background: white;
    padding: 17px 0px 0px 0px;
}

.InConcertLogo2 {
    margin: 0px 0px 0px 68px;
    width: 148px;
    height: 48px;
}

.pnlLoginRow {
    display: flex;
    margin: 15px 50px 0px 50px;
}

.btnLogin {
    height: 30px;
    width: 100%;
    margin: 0px 0px 20px 0px;
}

.StatusIcon {
    width: 12px;
    height: 12px;
    align-self: center;
    margin: 0px 5px 0px 0px;
}

.MakeCallButton{
    background-color: #00398c;
    background-position: -684px 6px;
    margin: 0px 0px 4px 5px;
    width: 33px;
    height: 30px;
	max-width 33px;
	max-height 30px;
	background-image: url("../img/iconsbuttons.png");
    background-repeat: no-repeat;
    border:none;
    cursor: pointer;
    display:none;
    border-radius: 7px;   
}

.MakeCallButton:hover {
    background-color: #003480;
}

.MakeCallButton:active {
    background-color: #003480;
}

.MakeCallButton:focus {
    background-color: #003480;
}

.AnswerButton{
    background-color: #008c2b;
    background-position: 5px 7px;
    margin: 0px 0px 4px 0px;
    width: 33px;
    height: 30px;
	max-width 33px;
	max-height 30px;
	background-image: url("../img/iconsbuttons.png");
    background-repeat: no-repeat;
    border:none;
    cursor: pointer;
    display:none;
    border-radius: 7px;   
}

.AnswerButton:hover {
    background-color: #007c26;
}

.AnswerButton:active {
    background-color: #007c26;
}

.AnswerButton:focus {
    background-color: #007c26;
}

.AnswerButton2{
    background-color: #008c2b;
    background-position: 5px 6px;
    margin: 1px 0px 1px 3px;
    width: 33px;
    height: 30px;
	max-width 33px;
	max-height 30px;
	background-image: url("../img/iconsbuttons.png");
    background-repeat: no-repeat;
    border:none;
    cursor: pointer;
    border-radius: 7px;   
}

.AnswerButton2:hover {
    background-color: #007c26;
}

.AnswerButton2:active {
    background-color: #007c26;
}

.AnswerButton2:focus {
    background-color: #007c26;
}

.HoldButton{
    background-color: #b5b5b5;
    background-position: -44px 6px;
    margin: 0px 0px 4px 0px;
    width: 33px;
    height: 30px;
	max-width 33px;
	max-height 30px;
	background-image: url("../img/iconsbuttons.png");
    background-repeat: no-repeat;
    border:none;
    cursor: pointer;
    display:none;
    border-radius: 7px;   
}

.HoldButton:hover {
    background-color: #003480;
}

.HoldButton:active {
    background-color: #003480;
}

.HoldButton:focus {
    background-color: #003480;
}

.UnholdButton{
    background-color: #b8b8b8;
    background-position: -338px 6px;
    margin: 0px 0px 4px 0px;
    width: 33px;
    height: 30px;
	max-width 33px;
	max-height 30px;
	background-image: url("../img/iconsbuttons.png");
    background-repeat: no-repeat;
    border:none;
    cursor: pointer;
    display:none;
    border-radius: 7px;   
}

.UnholdButton:hover {
    background-color: #bbbbbb;
}

.UnholdButton:active {
    background-color: #bbbbbb;
}

.UnholdButton:focus {
    background-color: #bbbbbb;
}

.TransferButton{
    background-color: #6f9873;
    background-position: -93px 6px;
    margin: 0px 0px 4px 0px;
    width: 33px;
    height: 30px;
	max-width 33px;
	max-height 30px;
	background-image: url("../img/iconsbuttons.png");
    background-repeat: no-repeat;
    border:none;
    cursor: pointer;
    display:none;
    border-radius: 7px;   
}

.TransferButton:hover {
    background-color: #007c26;
}

.TransferButton:active {
    background-color: #007c26;
}

.TransferButton:focus {
    background-color: #007c26;
}

.TransferButton2{
    background-color: #6f9873;
    background-position: -93px 6px;
    margin: 0px 0px 4px 0px;
    width: 33px;
    height: 30px;
	max-width 33px;
	max-height 30px;
	background-image: url("../img/iconsbuttons.png");
    background-repeat: no-repeat;
	border:none;
    cursor: pointer;
    border-radius: 7px;   
}

.TransferButton2:hover {
    background-color: #007c26;
}

.TransferButton2:active {
    background-color: #007c26;
}

.TransferButton2:focus {
    background-color: #007c26;
}


.ConferenceButton{
    background-color: #89c98e;
    background-position: -142px 6px;
    margin: 0px 0px 4px 0px;
    width: 33px;
    height: 30px;
	max-width 33px;
	max-height 30px;
	background-image: url("../img/iconsbuttons.png");
    background-repeat: no-repeat;
    border:none;
    cursor: pointer;
    display:none;
    border-radius: 7px;   
}

.ConferenceButton:hover {
    background-color: #567a00;
}

.ConferenceButton:active {
    background-color: #567a00;
}

.ConferenceButton:focus {
    background-color: #567a00;
}

.ConferenceButton2{
	background-color: #89c98e;
    background-position: -142px 6px;
    margin: 1px 0px 1px 3px;
    width: 33px;
    height: 30px;
	max-width 33px;
	max-height 30px;
	background-image: url("../img/iconsbuttons.png");
    background-repeat: no-repeat;
    border:none;
    cursor: pointer;
    border-radius: 7px; 
}

.ConferenceButton2:hover {
    background-color: #567a00;
}

.ConferenceButton2:active {
    background-color: #567a00;
}

.ConferenceButton2:focus {
    background-color: #567a00;
}

.HangupButton{
    background-color: #ffa3a3;
    background-position: 5px 6px;
    margin: 0px 0px 4px 0px;
    width: 33px;
    height: 30px;
	max-width 33px;
	max-height 30px;
	background-image: url("../img/iconsbuttons.png");
    background-repeat: no-repeat;
    border:none;
    cursor: pointer;
    display:none;
    border-radius: 7px;   
}

.HangupButton:hover {
    background-color: #d11515;
}

.HangupButton:active {
    background-color: #d11515;
}

.HangupButton:focus {
    background-color: #d11515;
}


.CancelTransConfButton{
    background-color: #638c00;
    background-position: -584px 6px;
    margin: 0px 0px 4px 0px;
    width: 33px;
    height: 30px;
	max-width 33px;
	max-height 30px;
	background-image: url("../img/iconsbuttons.png");
    background-repeat: no-repeat;
    border:none;
    cursor: pointer;
    display:none;
    border-radius: 7px;   
}

.CancelTransConfButton:hover {
    background-color: #567a00;
}

.CancelTransConfButton:active {
    background-color: #567a00;
}

.CancelTransConfButton:focus {
    background-color: #567a00;
}

.CompleteTransConfButton{
    background-color: #638c00;
    background-position: -634px 6px;
    margin: 0px 0px 4px 0px;
    width: 33px;
    height: 30px;
	max-width 33px;
	max-height 30px;
	background-image: url("../img/iconsbuttons.png");
    background-repeat: no-repeat;
    border:none;
    cursor: pointer;
    display:none;
    border-radius: 7px;   
}

.CompleteTransConfButton:hover {
    background-color: #567a00;
}

.CompleteTransConfButton:active {
    background-color: #567a00;
}

.CompleteTransConfButton:focus {
    background-color: #567a00;
}

.WrapupButton{
    background-color: #3a3a3a;
    background-position: -289px 6px;
    margin: 0px 0px 4px 0px;
    width: 33px;
    height: 30px;
	max-width 33px;
	max-height 30px;
	background-image: url("../img/iconsbuttons.png");
    background-repeat: no-repeat;
    border:none;
    cursor: pointer;
    display:none;
    border-radius: 7px;   
}

.WrapupButton:hover {
    background-color: #333333;
}

.WrapupButton:active {
    background-color: #333333;
}

.WrapupButton:focus {
    background-color: #333333;
}

.WrapupButton2{
    background-color: #3a3a3a;
    background-position: -289px 6px;
    margin: 10px 0px 4px 0px;
    width: 33px;
    height: 30px;
	max-width 33px;
	max-height 30px;
	background-image: url("../img/iconsbuttons.png");
    background-repeat: no-repeat;
    border:none;
    cursor: pointer;
    border-radius: 7px;   
}

.WrapupButton2:hover {
    background-color: #333333;
}

.WrapupButton2:active {
    background-color: #333333;
}

.WrapupButton2:focus {
    background-color: #333333;
}

.RedialButton{
    background-color: #008c2b;
    background-position: -536px 5px;
    margin: 0px 0px 4px 0px;
    width: 33px;
    height: 30px;
	max-width 33px;
	max-height 30px;
	background-image: url("../img/iconsbuttons.png");
    background-repeat: no-repeat;
    border:none;
    cursor: pointer;
    display:none;
    border-radius: 7px;   
}

.RedialButton:hover {
    background-color: #007c26;
}

.RedialButton:active {
    background-color: #007c26;
}

.RedialButton:focus {
    background-color: #007c26;
}

.TakeButton{
    background-color: #008c2b;
    background-position: -634px 5px;
    margin: 0px 0px 4px 0px;
    width: 33px;
    height: 30px;
	max-width 33px;
	max-height 30px;
	background-image: url("../img/iconsbuttons.png");
    background-repeat: no-repeat;
    border:none;
    cursor: pointer;
    display:none;
    border-radius: 7px;   
}

.TakeButton:hover {
    background-color: #007c26;
}

.TakeButton:active {
    background-color: #007c26;
}

.TakeButton:focus {
    background-color: #007c26;
}

.relleno {
    width: 100%;
}

.pnlSetDispositionControl {
    border-radius: 15px;
    border-style: ridge;
    margin: 12px;
    padding: 20px 20px 10px 20px;
    background: white;
}

.pnlButonWrapup2{
    width: 100%;  
    display: inherit;
    text-align: end;
}

.relleno2 {
    height: 150px;
}