/**
 * This files contains 3 parts of cookie consent banner and info modal styles
 * 
 *   1. original styles for cookie consent banner
 *   2. Metec styles overwriting cookie consent banner
 *   3. Metec styles for popup info about cookies and their use 
 */


/**
 * part 1: 
 *   original styles for cookie consent banner by 
 *   https://github.com/osano/cookieconsent library
 */

.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}


/**
 * part 2: 
 * Metec styles overwriting cookie consent banner
 */

 .cc-window.cc-theme-ttec-theme {
  padding: 18px 75px; 
}

.cc-window.cc-theme-ttec-theme .cc-message {
    display: block;
    padding: 0 0 15px 0;
    font-size: 13px;
    line-height: 16px;
    border-bottom: 1px solid white;
    margin-bottom: 20px;
    color: white;
}

.cc-theme-ttec-theme .cc-btn {
  font-size: 13px;
  letter-spacing: 1.3px;
  font-weight: normal;
  padding: 4px 24px;
}

.cc-theme-ttec-theme .cc-more-info-link {
  white-space: nowrap;
  display: flex;
  padding: 4px 0 4px 30px;
  font-size: 14px;
  letter-spacing: 1.3px;
  align-items: center;
  
}

.cc-theme-ttec-theme a.cc-more-info-link {
  font-size: 14px;
  letter-spacing: 1.3px;
  text-decoration: none;
}

.cc-theme-ttec-theme .cc-more-info-link .info {
  display: inline;
  width: 20px;
  height: 20px;
  display: flex;
  margin-right: 12px;
  background: url( './../Assets/info-white.svg' );
  background-repeat: no-repeat;
}


.cc-revoke, .cc-window {
  font-size: 11px;
}


.cc-compliance.cc-theme-ttec-theme {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}


.cc-window.cc-theme-ttec-theme {
  padding: 20px 20px;
  background: rgba( 77, 77, 77, 1 );
  flex-direction: column;
}
.cc-theme-ttec-theme .cc-btn {
  color: rgb(252, 252, 252);
  background-color: rgb(33, 55, 68);
  border-color: transparent;
}
.cc-theme-ttec-theme .cc-message {
  color: rgb(252, 252, 252);
}


@media screen and (min-width: 900px) {
  .cc-revoke, .cc-window {
    font-size: 14px;
  }
  
  .cc-theme-ttec-theme .cc-more-info-link .info {
    background: url( './../Assets/info.svg' );
    background-repeat: no-repeat;
  }
  
  .cc-theme-ttec-theme .cc-message {
    color: #213744;
  }
  

  .cc-window.cc-theme-ttec-theme .cc-message {
    margin-bottom: 0;
    color: rgb(33, 55, 68);
    padding: 0 0 0 0;
    border-bottom: 0 solid white;
  }

}


/**
 * part 3: 
 * Metec styles for popup info about cookies and their use
 */


 .ttec-cookie-info-modal-backdrop {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20000;
  display: none;
  background-color: rgba(33, 54, 68, 0.8);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ttec-cookie-info-modal-backdrop.active {
  display: block;
  height: 100vh;
  align-items: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ttec-cookie-info-modal-backdrop .ttec-cookie-info-modal-wrapper {
  width: 100%;
  height: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


@media screen and (min-width: 900px) {
  .ttec-cookie-info-modal-backdrop .ttec-cookie-info-modal-wrapper {
    max-width: 825px;
    max-height: 530px;
    margin: 10% auto;
    display: flex;
  }
}

.ttec-cookie-modal-theme .cookie-modal-header {
  min-height: 65px;
  padding-left: 15px;
  background: white; 
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.ttec-cookie-modal-theme .cookie-modal-body {
  background: white;
  padding: 65px 0 75px 15px;
  box-sizing: border-box;
  height: 100%;
}
.ttec-cookie-modal-theme .cookie-modal-footer {
  min-height: 75px;
  background: white; 
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  vertical-align: middle;
  text-align: center;
}


.ttec-cookie-modal-theme .cookie-modal-header .logo {
  max-height: 52px;
  padding-top: 15px;
}
.ttec-cookie-modal-theme .cookie-modal-header .close {
  position: absolute;
  top: 25px;
  right: 15px;
  cursor: pointer;
  background-image: url(./../Assets/close.svg);
  width: 29px;
  height: 29px;
  background-size: cover;
  background-repeat: no-repeat;
}

.ttec-cookie-modal-theme .cookie-accept-button {
  display: inline-block;
  font-size: 13px;
  letter-spacing: 1.3px;
  color: rgba(252, 252, 252, 1);
  background-color: rgba(33, 55, 68, 1);
  font-weight: normal;
  padding: 10px 24px;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  margin-top: 15px;
}



.ttec-cookie-modal-theme .tabs ul {
	 margin: 0;
	 padding: 0 0 1em 0;
}
 .ttec-cookie-modal-theme .tabs ul li {
  border-bottom: 0 solid rgba( 230, 230, 230, 1 );
}
 .ttec-cookie-modal-theme .tabs ul li a {
	 padding: 17px 15px 17px 10px;
}
 .ttec-cookie-modal-theme .tabs ul li {
  margin-left: 15px;
}

.ttec-cookie-modal-theme .tabs ul li a:hover, .ttec-cookie-modal-theme .tabs ul li a.active {
	 
}

.ttec-cookie-modal-theme .accordion-label {
  cursor: pointer;
  color : rgba( 34, 55, 68, 1 );
  font-weight: bold;
  font-size: 13px;
  letter-spacing: normal;
  font-weight: normal;
}
.ttec-cookie-modal-theme .active .accordion-label {
  font-weight: bold;
}

.ttec-cookie-modal-theme .content-section {
   margin-bottom: 0;
   margin-top: 15px;
   padding-bottom: 5px;
   padding-right: 15px;
}
.ttec-cookie-modal-theme .content-section:first-child {
   margin-top: 20px;
}


/** 
 .ttec-cookie-modal-theme .content-section::before {
	 cursor: pointer;
	 font-weight: bold;
	 background: #eee;
	 padding: 0.5em;
	 display: block;
}
 .ttec-cookie-modal-theme .content-section.active::before {
	 background: #444;
	 color: #eee;
}
*/


.ttec-cookie-modal-theme .content-inner-section {
	 padding: 0;
	 -webkit-transition: all 0.6s ease-in-out;
	 -moz-transition: all 0.6s ease-in-out;
	 -o-transition: all 0.6s ease-in-out;
	 -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
   font-size: 11px;
   letter-spacing: normal;
   line-height: 18px;
   color: rgba( 102, 102, 102, 1 );
   margin-top: 5px;
}

.ttec-cookie-modal-theme .content-inner-section ul {
  padding-left: 25px;
  margin-left: 0;
}
.ttec-cookie-modal-theme .content-inner-section ul {
  margin-bottom: 10px;
}


.ttec-cookie-modal-theme .arrow {
  display: inline-block;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  width: 15px;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.ttec-cookie-modal-theme .active .arrow {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}




.ttec-cookie-modal-theme .tabbed-content .tabs {
  display: none;
}

.ttec-cookie-modal-theme .tabbed-content .tabs .tab-label {
  display: none;
}

.ttec-cookie-modal-theme .tabbed-content .content-section {
  min-height: 2em;
  border-bottom: 1px solid rgba( 230, 230, 230, 1 );
}
.ttec-cookie-modal-theme .tabbed-content .content-section:last-child {
  border-bottom: 0 solid rgba( 230, 230, 230, 1 );
}
/*
.ttec-cookie-modal-theme .tabbed-content .content-section::before {
  content: attr(data-title);
  cursor: pointer;
}
*/

.ttec-cookie-modal-theme .tabbed-content .content-section .content-inner-section {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.ttec-cookie-modal-theme .tabbed-content .content-section .content-inner-section p:first-child {
  margin-top: 0;
}
.ttec-cookie-modal-theme .tabbed-content .content-section.active .content-inner-section {
  opacity: 1;
  visibility: visible;
  height: auto;
  padding-top: 5px;
}

  
.ttec-cookie-modal-theme .sections-wrap {
  overflow-y: auto;
  height: 100%;
  position: relative;
  padding-right: 15px;
}

.cc-theme-ttec-theme a.cc-more-info-link, .cc-theme-ttec-theme a.cc-more-info-link:hover {
  color: white;
}

.cc-theme-ttec-theme .cc-btn {
  white-space: nowrap;
}

.cc-theme-ttec-theme .cc-more-info-close-link {
  background:url('./../Assets/close.svg');
  background-repeat: no-repeat;
}

@media all and (min-width: 900px) {

  .cc-window.cc-theme-ttec-theme {
    padding: 1em 1.8em;
    flex-direction: row;
    background-color: rgb(233, 234, 235);

  }
  .cc-theme-ttec-theme a.cc-more-info-link, .cc-theme-ttec-theme a.cc-more-info-link:hover {
    color: rgb(33, 55, 68);
  }

  .ttec-cookie-modal-theme .cookie-modal-header {
    border-bottom: 1px solid rgba( 230, 230, 230, 1 );
    min-height: 80px;
  }
  .ttec-cookie-modal-theme .cookie-modal-body {
    padding: 80px 0 75px 15px;
  }
  .ttec-cookie-modal-theme .cookie-modal-footer {
    border-top: 1px solid rgba( 230, 230, 230, 1 );
    text-align: right;
  }

  .ttec-cookie-modal-theme .cookie-modal-header .logo {
    max-height: 60px;
    padding-top: 20px;
  }


  .ttec-cookie-modal-theme .content-section {
    margin-top: 0;
  }


  .ttec-cookie-modal-theme .content-inner-section {
   font-size: 14px;
   letter-spacing: normal;
   line-height: 23px;
   margin-top: 0;
  }


  .ttec-cookie-modal-theme .content-section.active {
    margin-top: 0;
    background: transparent;
  }
  

  .ttec-cookie-modal-theme .content-section:first-child {
    margin-top: 10px;
  }


	 .ttec-cookie-modal-theme .content-section.active  {
		 padding-top: 0;
	}
	 .ttec-cookie-modal-theme .tabs-side .tabs li {
		 margin-bottom: 0;
  }
  
  
  
  .ttec-cookie-modal-theme .tabbed-content .tabs {
    display: block;
  }
  
  .ttec-cookie-modal-theme .tabbed-content .accordion-label {
    display: none;
  }

  .ttec-cookie-modal-theme .tabbed-content .tabs li {
		 display: inline-block;
     border-bottom: 1px solid rgba( 230, 230, 230, 1 );
	}
	 .ttec-cookie-modal-theme .tabbed-content .tabs li a {
     display: block;
     font-weight: normal;

	}
	.ttec-cookie-modal-theme .tabbed-content .tabs li a.active {
     font-weight: bold;
  }
	.ttec-cookie-modal-theme .tabbed-content .content-section {
    min-height: 0;
    border-bottom: 0 solid rgba( 230, 230, 230, 1 );
    padding: 0;
	}
	 .ttec-cookie-modal-theme .tabbed-content .content-section::before {
		 display: none;
	}
	 .ttec-cookie-modal-theme .tabbed-content.tabs-side .tabs {
		 width: 260px;
     float: left;
     height: 100%;
     overflow-y: auto;
  }
    
  .ttec-cookie-modal-theme .sections-wrap {
    border-left: 1px solid rgba( 230, 230, 230, 1 );
    padding-left: 25px;
  }

  .ttec-cookie-modal-theme .tabbed-content.tabs-side .tabs li {
     display: block;
     position: relative;
     display: flex;
    justify-content: center;
    align-items: center;

  }
  
  .ttec-cookie-modal-theme .content-inner-section ul {
    margin-bottom: 20px;
  }
}