﻿/*Cookie Page new design start*/
/*Cookie Page*/
@font-face {
    font-family: 'bt_icon';
    src: url('/Images/vendors/PROJECTS/BT-SHOP/FONTS/0418/icon_bt.ttf') format('truetype'), url('/Images/vendors/PROJECTS/BT-SHOP/FONTS/0418/icon_bt.woff') format('woff'), url('/Images/vendors/PROJECTS/BT-SHOP/FONTS/0418/icon_bt.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
[class^="bticon-"],
[class*=" bticon-"],#spanMoreAbout,.cookieModal a.boxclose,.cookie-accordion-toggle {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'bt_icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#spanMoreAbout:after{    color:#5514B4;    content: "\e909"; vertical-align:middle;}
.cookieContainer * { font-family: bttv-light,Tahoma,Arial,Sans-Serif;font-weight: 100;font-size:16px;}
.cookieModal .modalContainer * {font-family: bttv-light,Tahoma,Arial,Sans-Serif;}
.cookieModal .button2,.cookieModal .button,.cookieModal .left b,.cookieModal .right1{font-family: bttv-regular,Tahoma,Arial,sans-serif}
.cookieContainer {font-weight: 100;background-color: #fff;margin:10px;padding:0px 20px;}
.cookieContainer, .cookieContainer p { font-weight: 100;}
    .cookieContainer h1 { margin:20px 0px;font-size:42px; line-height:1.1; }
    .cookieContainer h2 { font-size:32px; line-height:1.1;margin-top:0px; }
    .cookieContainer h3 { font-size:24px;}
    .cookieContainer p { margin:0 0 11px;text-align:left;}
    .cookieContainer ul { margin-top:0px;margin-bottom:11px;list-style-type:disc;padding-left:30px;}
    .cookieContainer li { display:list-item;}
    .cookieContainer b { font-weight:bold;}
    .cookieContainer a { color:#5514B4;text-decoration:none;}
    .cookieContainer a:hover { text-decoration:underline;}
 .cookieHeader, .cookieHeader1 {font-size: 31px;padding: 5px 0px 5px 0px;}
 .cookieHeader1 {font-size: 15px;font-weight: bold;}
 ul.cookieList {list-style-type: disc;padding: 10px 0px 5px 15px;}
 .cookieContent {text-align: justify;}
 .cookieleft, .cookieright {display: table-cell;}
 .cookieleft {width: 70%;padding: 15px 0px 15px 0px;}
 .cookieright > div {padding: 20px 0 20px 0px;background-color: #DDD;height: 67px;padding-left: 10px;width: 90%;border-radius: 5px;margin-left: 10px;}
 .cookieright div div {padding-top: 10px;}
 .cookietable {width: 100%;}
 .cookieContainer .button2 {background-color: #5514B4;border: none;color: white;padding: 20px;text-align: center;text-decoration: none;display: inline-block;margin: 4px 2px;border-radius: 5px;padding: 10px 12px;}
 .cookie-accordion-toggle {display: inline-flexbox;color: #5514B4;padding: 10px;}
 .cookie-accordion-toggle span {margin-top: 10px;font-weight: bold;}
 .cookie-accordion-toggle::before {content: "\e907";color:#5514B4;vertical-align:middle;}
 .cookie-accordion-toggle.active::before {content: "\e90a";color:#5514B4;vertical-align:middle;}
 .cookie-accordion {border-top: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;margin: 0px 15px 10px 0px;}
 .cookieContainer .borderline {border-bottom: 1px solid #DDDDDD;margin: 15px 15px 20px 0px;}
 ul.cookieList li {padding: 5px;}
 .div_Strictlynecessary_item ul, .div_Functional_item ul, .div_Targeting_item ul {column-count: 3;column-gap: 20px;margin-left: 20px;}
 .div_Strictlynecessary_item ul li, .div_Functional_item ul li, .div_Targeting_item ul li {padding: 5px;list-style-type: none;word-break:break-all;}
 .cookieContent {padding-bottom: 20px;}
 .cookieContent > a {text-decoration-color: #5514B4;color: #5514B4;}
  /* The Modal (background) */
    .cookieModal{display: none; /* Hidden by default */position: fixed; /* Stay in place */z-index: 2147483647; /* Location of the box */left: 0px;top: 0px;width: 100%; /* Full width */height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */background-color:#333; /* Fallback color */background-color: rgba(0,0,0,0.7); /* Black w/ opacity */  font-size: 16px;}
    .cookieModal .modalContainer{background-color: #fefefe;margin: 15% auto;border: 1px solid #888;width: 398px;height: auto;border-radius: 10px;font-weight: 100;font-size: 16px;}            
            .cookieheader hr{border-color:#dcddde;border:0;border-top:1px solid;margin:22px 0px;line-height:1.1;color:#dcddde;}            
    .cookieheader h3{font-size: 28px;font-weight: 100;margin: 4px 0px;}        
    .cookieheader p{margin: 20px 0px;font-size: 16px;font-weight: 100;}
    .cookieheader-title{border-bottom: 1px solid;padding-bottom: 18px;border-color: #DCDCDC;}
    .cookieheader1, .cookieheader2{padding: 0px;font-size: 36px;font-weight: normal;}    
    cookieheader2{font-size: 36px;font-weight: normal;line-height:36px;}
    .cookieModal .button2{background-color: #5514B4;border: none;color: white;text-align: center;text-decoration: none;display: inline-block;border-radius: 5px;padding: 1px 20px 1px 20px;
                          cursor: pointer;height:40px;font-size: 1em;min-width:80px;width:auto;position:static;} 
    .cookieModal .right a.button2{font-weight: normal;}
    .cookieModal .button{background-color: white;border: 1px solid;border-color: #5514B4;color: #5514B4;text-align: center;text-decoration: none;display: inline-block;border-radius: 5px;cursor: pointer;height:40px;margin-right:10px;font-size: 1em;min-width:80px;width:auto;position:static}
    .cookieModal .left, .right,.left1,.left2,.right1{display: table-cell;}
    .cookieModal .left p,.left2,right,.right1{font-size:16px; font-weight:100; color:#333;line-height:1.42857;}
    .cookieModal .left h2{font-size:36px; line-height:36px;font-weight:normal;}
    .cookieModal .left h3{font-size:28px; line-height:1.1;font-weight:100;}
    .cookieModal .left b{font-size:16px; line-height:1;font-weight:bold;}
    .cookieModal .left{padding-top: 15px;}
     .cookieModal .left1{padding-right:10px;}
     .cookieModal .left2{padding:5px 0px;}    
    .cookieModal .container1{padding:5px 0px 20px 0px;}
    #spanEditSetting, #spanEditSettings, #spanFunctionalYes, #spanTargetingYes, #spanAboutCookies{width: auto;}
    .cookieModal a.boxclose{font-size: 25px;color: #5514B4;cursor: pointer;display: inline-block;float: right;font-weight: bold;line-height: 0;padding: 0px 0px;}
        .cookieModal a.boxclose:before{content: "\e921";color:#5514B4;margin-right:-15px;}    
    .cookieModal .right1{ width:5%;color: #008a00;font-weight:bold;}
    #spanMoreAbout a, .allowCookies{font-weight: 100;color: #5514B4;cursor: pointer;text-decoration:none;line-height:1.42857;}
    #spanMoreAbout a:hover, .allowCookies:hover{text-decoration:underline;}
    #spanMoreAbout span{font-family: unset;font-weight: bold;color: #5514B4;cursor: pointer;padding-top: 2px;}    
    .modal-about{padding: 0;}
        /* Modal Content */
        .modal-about > div{padding: 0;}
    .cookieModal .innerContainer{margin: 20px;}    
    .cookieModal .outerContainer{background-color: #efefef;padding: 20px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
    .cookie_functional, .cookie_targeting, .cookie_final{background-image: url(/Images/alert_pages/cookies_required/images/functional.gif);background-repeat: no-repeat; background-size:contain; display: block;height: 19px; width:100%;}
    .cookie_targeting{background-image: url(/Images/alert_pages/cookies_required/images/targeting.gif);}
    .cookie_final{background-image: url(/Images/alert_pages/cookies_required/images/final.gif);}
    .cookie_logo{
        background-image: url(/images/mfr/large/bt_indigo_logo_50x50.gif);
        background-repeat: no-repeat;
        display: block;
        width: 83px;
        height: 50px;
        /*background-position: -4px -22px;*/
        margin:20px 35px;}
.cookieDetailContainer{ margin:15px 0px;}
 .cookie-accordion-notoggle {display: inline-flexbox;color: #5514B4;padding: 10px 10px 10px 30px;}
 .cookie-accordion-notoggle span{margin-top: 10px;font-weight: bold;}
.cookie_thirdParty{display: flex;border: 1px solid #DDDDDD;border-top: 0px;}
.cookie_thirdParty_outer{border-top: 1px solid #DDDDDD;margin-left: 50px;margin-bottom:20px;}
.cookie_thirdParty_name{flex: 1;padding-left: 10px;border-right: 1px solid #DDDDDD;word-break: break-all;}
.cookie_thirdParty_ref{flex: 3;padding-left: 10px;align-self: center;word-break: break-all;}
@media (max-width: 420px)
{
     .cookieModal .modalContainer
    {
        width: 80% !important;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 420px){
     .cookieModal .modalContainer
    {
        width: 80% !important;
    }
}
 /*Cookie Page new design end*/