/* Cookie Styles */

        body{overflow-x:hidden}
        #cookie-widget{

        }
        #widgetBodyContainer{
        padding: 5px 0.5% 0px 1.5%;
        /*background: rgb(30,208,215);
          background: linear-gradient(90deg, rgba(30,208,215,1) 0%, rgba(0,117,166,1) 100%);*/
        bottom: 0px;
        right: 0px;       
        position:fixed;       
        z-index: 1000;       
        color: #000;
        background-color: #fff;      
        width:100%;      
        height: 26%;
        }


        #cookie-widget p, .cookie-panel-description{
            font-size: 12px;
            margin-bottom:0px;
            float: left;
            position: relative;
        }

        #panel-tab-container {
            height: 120px;
            width: 22%;
            display: inline-block;
            border: 1px solid #d6d6d6;
            background: #f5f6f6;
            border-radius: 5px 0px 0px 5px;
        }

        #panel-container {
            height: 120px;
            width: 85%;
            display: inline-block;
            border: 1px solid #d6d6d6;
            border-left: none;
            border-radius: 0px 5px 5px 0px;
            position: absolute;
            background: white;
            color: #0178aa;
        }

        #SavePrefButtonContainer {
          height: 25px;
          /* float: right; */
          text-align: right;
          display: block;
          /* margin: 0 auto; */
          padding-right: 3em;
          /* width: 20%; */
          padding-top: 1em;
        } 

        #SavePrefButton {
            /* margin-top: 10px; */
            font-weight: 600;
            /* float: right; */
        }

        #SavePrefButton:hover {
          cursor: pointer;
        }
		
		
        #cookie-widget a{
          color: #000;
          text-decoration: underline;
        }

        .panel-tab {
            border-bottom: 1px solid #d6d6d6;
            padding: 10px;
            cursor: pointer;
          border-radius: 5px 0px 0px 0px;
          background-color: #f5f6f6;
          color: #3db085;
          font-weight: 500;
        }

        .panel-tab.active {
            font-weight: 500;
            background: #3db085;
          color:#ffffff;
        }

        .cookie-panel {
            display: none;
            padding: 10px;
        }

        .cookie-panel.show {
          display: flex;
          flex-direction: column;
          height: 100px;
          overflow-y: auto;
        }

        .cookie-panel-title {
            font: Averta;
          font-weight: 600;
          font-size:150%;
            margin-bottom: 5px;
        }

        .C3-consent-checkboxes h5{
           font-weight: 500;
            
        }

        /*Toggle slider styling:*/

        label.toggle-switch {
            padding-bottom: 0;
            position: relative;
            display: inline-block;
            width: 40px;
            height: 20px;
        }

        label.toggle-switch.in-sidebar {
            margin-top: 0;
            float: right;
        }

        label.toggle-switch.in-sidebar > input[type="checkbox"] {
            margin-top: 0;
            display: none;
        }

        label.toggle-switch.in-panel-title > input[type="checkbox"] {
            display: none;
        }

        .toggle-slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            -webkit-transition: .4s;
            transition: .4s;
        }

        .toggle-slider:before {
            position: absolute;
            content: "";
            height: 15px;
            width: 15px;
            left: 4px;
            bottom: 3px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

        input:checked + .toggle-slider {
            background-color: #7ddbb9;
        }

        input:focus + .toggle-slider {
            box-shadow: 0 0 1px #3db085;
        }

        input:checked + .toggle-slider:before {
            -webkit-transform: translateX(17px);
            -ms-transform: translateX(17px);
            transform: translateX(17px);
        }

        .toggle-slider.round {
            border-radius: 20px;
        }

        .toggle-slider.round:before {
            border-radius: 50%;
        }

        .toggle-switch.in-panel-title {
            margin-left: 5px;
        }

        .prefCentreCookieCheckbox {
            
        }

        .C3-consent-checkboxes > .prefCentreDiv {
            margin-top: 0px;
            width: 80%;
        }

        .prefCentreLabel {
            display: inline-block;
            width: 450px;
        }

        .prefCentreDiv > input[type="checkbox"] {
            margin-top: 5px;
        }

        .C3-consent-checkboxes {
            height: 138px;
            
        }

        .C3-consent {
            margin-top: 10px;
            height: auto;
            padding: 1% 1%;
        }

        .CookieTypeTabLabel {
            display: inline-block;
            max-width: 150px;
        }

        #CookieCloseButtonContainer{
          /* width: 1%; */
          font-size: 1.2em;
          /* padding: 1%; */
          /* height: 30px; */
          /* display: none; */
        }

        #CookieCloseButton{
            float: right;
            position: absolute;
            top: 4%;
            right: 1.5%;
            font-size: 1.5em;
            color: #0178aa;
            cursor: pointer;
          }

        .CCButton {
          border-radius: 50px;
          background: #3db085;
          color: #fff;
          padding: 10px 12px;
          cursor: pointer;
          border-color: transparent;
        }

        .CCButton:hover{
          background: #1a85b2;
        }

        #AboutThisToolImage {
          width: 40px;
          margin: 3px 0px;
          vertical-align: middle;
        }

        #SyrenisAboutThisTool:hover {
          cursor: pointer;
        }

        #AboutThisToolText {
          vertical-align: middle;
         color: #0178aa;
        }

        #C3-icon:hover{
          cursor: pointer;
        }

        span#C3-icon{
          display: none;
        }

        .C3-header {
          height: auto;
          padding: 0.5% 1%;
          width: 96%;
        }

        div.c3-header h3{
            font-size: 1.5vw !important;
        }

        #c3-header p{
          font-size:0.8vw;
        }

        #cookie-widget h3{
          margin-bottom:0px;
          font-family: Averta;
          font-weight: 500;
          
        }

        /* Styling for smaller screen widths */
        @media all and (max-width: 1800px) {

          #widgetBodyContainer{
            height: 38%;
            font-size: 12px;
            background-color: #fff;
            color: #000;
            width: 100%;
            float: left;
          }

          #cookie-widget h3{
            margin-bottom:0px;
            font-family: Averta;
            font-weight: 500;
            
          }

          #panel-container {
            height: 120px;
            width: 73%;
          }

          .prefCentreLabel h5{
            
            font-size:100%;
          }

          .cookie-panel-title{
            font: Averta;
            font-weight: 600;
            font-size: 1.2em;
            margin-bottom:0px;
          }

          .cookie-panel.show, .C3-consent-checkboxes {
            height: 100px;
          }

          .C3-consent{
            height: auto;
            margin-top: 0px;
            width: 100%;
            float: left;
          }
        }


        @media all and (max-width: 1230px) {
          #panel-container{
            width:78%
            
          }
        }
        @media all and (max-width: 1117px) {
          #panel-container{
            width:73%
            
          }
        }
        @media all and (max-width: 1015px) {
          #panel-container{
            width:74%
            
          }
        }

        @media all and (max-width: 950px) {
          #panel-container{
            width:72%;
            
          }
          
          .cookie-panel.show, .C3-consent-checkboxes  {
            
            height: 120px;
          }
          
          .C3-consent{
            height:202px;
            
          }

          #C3-footer{
            margin-top:30px;
            
          }
          
          #C3-header h3{
            font-size: 1.1875rem;
            
          }
        }

        @media all and (max-width: 840px) {
			
			#panel-tab-container {
				width: 29%;
			}
			
           #panel-container{
            width:64%
            
          }
        }
          
        @media all and (max-width: 760px) {
          #panel-container{
            width:66%;
            
          }
          
          .cookie-panel.show, .C3-consent-checkboxes  {
            
            height: 250px;
          }
          
          .C3-consent{
            height:252px;
            
          }

          #C3-footer{
            margin-top:15px;
            
          }
          
          .prefCentreLabel{
            width:300px;
            
          }
          
          
          #SavePrefButton{
            
            margin-left:100px;
          }
          
        }
        @media all and (max-width: 680px) {
          #panel-container{
            width:62%
            
          }
          
        }

        /* Styling for MOBILE */
        @media all and (max-width: 600px) {
          
          #cookie-widget{
            min-width:300px;
            
          }
            #widgetBodyContainer{
            font-size:15px;
            width:100%;
            overflow:auto;
            
          }

          #panel-tab-container{
            
            width:110px
          }

          #panel-tab-container label{
            
            float:none;
          }

          .cookie-panel-description{
             word-wrap: break-word;
            
          }

          #panel-container{
          
            
          }

          #cookie-widget p{
            word-wrap:break-word;
            
          }

          .prefCentreLabel {
            display: inline-block;
            width: 300px;
          }

          .prefCentreLabel p{
            width:50%;
            
          }
          .cookie-panel.show, .C3-consent-checkboxes  {
            
            height: 450px;
          }
          
          .C3-consent{
            height:352px;
            
          }

          #C3-footer{
            margin-top:50px;
            
          }
          
          #SavePrefButton{
            margin-left:0px;
            
          }
          
          .C3-consent-checkboxes{
            
            margin-top:20px;
          }
        }

        @media all and (max-width: 370px) {
          .cookie-panel-title{
          font-size:90%;
          
          }
          .C3-consent-checkboxes{
            
            margin-top:50px;
          }
          
          .CookieTypeTabLabel{
            font-size:85%;
            
          }
          
          #panel-tab-container{
            
            width:90px;
          }
          
          .cookie-panel.show, .C3-consent-checkboxes  {
            
            height: 480px;
          }
          
          .C3-consent{
            height:362px;
            
          }
          
          .prefCentreLabel{
            
            width:200px;
          }
        }

        @media all and (max-width: 350px) {
          .cookie-panel.show, .C3-consent-checkboxes  {
            
            height: 600px;
          }
          
          .C3-consent{
            height:602px;
            
          }
          
          .cookie-panel-description{
            margin-top:20px;
            margin-bottom:20px;
            
          }
          
          
          
        }
        /* Ipad Only */
        @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
          #C3-consent, #panel-container{
            height: auto;
            
          }
          
          #cookie-widget{
            height:35%;
            
          }
          #widgetBodyContainer {
              height: 20%;

         }
		}
		@media all and (max-width: 1024px) {
			#widgetBodyContainer {
				height: 20%;
			}
		}

        @media all and (max-height: 600px) {
            #widgetBodyContainer {
                overflow:Auto;
            }
        }

        .prefCentreLabel {
          width: 80%;
        }

        .toggle-switch2 {
          display: inline-block;
          margin-left: 5px;
        } 
          
        #AboutThisToolImage {
          width: 60px;
        }

        #BannerCloseButton {
            float: right;
            position: absolute;
            top: 1%;
            right: 1%;
            font-size: 1.5em;
            z-index: 1;
            color: #0178aa !important;
			cursor: pointer;
        }

        .CookieBanner {
          background-color: #777;
          width: 100%;
          display: inline-block;
          position: fixed;
          bottom: 0;
          z-index: 1;
          line-height: 1.5;
          padding: 10px;
          left:0;
          font-family: sans-serif;
        }
        .cookie-banner {
            font-weight: bolder;
            display: inline-block;
          }

        .CookieBannerContainer {
          /* PM 03.07.2019 JIRA PC-4150 
		  display: inline-block;*/
		  display: none;
          color: #fff;
          width: 100%;
          }

        #C3-footer {
            padding-left: 1em;
			padding-right: 1em;
            float: left;
            position: relative;
            display: inline-block;
            margin-top: -18px;
        }

        #SyrenisAboutThisTool {
            text-align: center;
            /* margin-right: 7em; */
            /* padding-top: 0.5em; */
            float: left;
            position: relative;
            display: inline-block;
            margin-top: -20px;
        }

        .right {
          float: right
        }

        .cookieText {
            width: 75%;
            display: inline-block;
        }

        .buttonWrapper {
            width: 24%;
            text-align: right;
            margin: 0 auto;
            max-width: 100%;
            padding-top: 3px;
        }

        .acceptAll {
            vertical-align: text-bottom;
            margin-top: 7px;
            margin-right: 2rem;
        }

        .optionsSelector {
            padding: 0.8rem;
			cursor: pointer;
        }

        .underlined { 
          text-decoration: underline;
        }
      /*Toggle slider styling: in side tabs*/

      label.toggle-switch {
          padding-bottom: 0;
          position: relative;
          display: inline-block;
          width: 40px;
          height: 20px;
      }

      label.toggle-switch.in-sidebar {
          margin-top: 0;
          float: right;
      }

      label.toggle-switch.in-sidebar > input[type="checkbox"] {
          margin-top: 0;
          display: none;
      }

      label.toggle-switch.in-panel-title > input[type="checkbox"] {
          display: none;
      }

      .toggle-slider {
          position: absolute;
          cursor: pointer;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background-color: #ccc;
          -webkit-transition: .4s;
          transition: .4s;
      }

      .toggle-slider:before {
          position: absolute;
          content: "";
          height: 15px;
          width: 15px;
          left: 4px;
          bottom: 3px;
          background-color: white;
          -webkit-transition: .4s;
          transition: .4s;
      }

      input:checked + .toggle-slider {
          background-color: #1079AB;
      }

      input:focus + .toggle-slider {
          box-shadow: 0 0 1px #1079AB;
      }

      input:checked + .toggle-slider:before {
          -webkit-transform: translateX(17px);
          -ms-transform: translateX(17px);
          transform: translateX(17px);
      }

      .toggle-slider.round {
          border-radius: 20px;
      }

      .toggle-slider.round:before {
          border-radius: 50%;
      }

      .toggle-switch.in-panel-title {
          margin-left: 5px;
      }

      /*Toggle slider styling: in panel*/

      label.toggle-switch2 {
          padding-bottom: 0;
          position: relative;
          display: inline-block;
          width: 56px;
          height: 26px;
          /*float: right;*/
      }

      label.toggle-switch2 > input[type="checkbox"] {
          margin-top: 0;
          display: none;
      }

      .toggle-slider2 {
          position: absolute;
          cursor: pointer;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background-color: #ccc;
          -webkit-transition: .4s;
          transition: .4s;
      }

      .toggle-slider2:before {
          position: absolute;
          content: "";
          height: 20px;
          width: 20px;
          left: 4px;
          bottom: 3px;
          background-color: white;
          -webkit-transition: .4s;
          transition: .4s;
      }

      input:checked + .toggle-slider2 {
          background-color: #1079AB;
      }

      input:focus + .toggle-slider2 {
          box-shadow: 0 0 1px #1079AB;
      }

      input:checked + .toggle-slider2:before {
          -webkit-transform: translateX(28px);
          -ms-transform: translateX(28px);
          transform: translateX(28px);
      }

      .toggle-slider2.round {
          border-radius: 20px;
      }

      .toggle-slider2.round:before {
          border-radius: 50%;
      }

      @media all and (max-width: 529px) {
        #widgetBodyContainer {
          height: 40%;
        }

        .CookieBanner {
          padding: 10px;
          padding-bottom: 2px;
        }

        #widgetBodyContainer {
          font-size: 14px;
        }

        .prefCentreLabel {
          width: 60% !important;
        }

        .cookie-panel.show, .C3-consent-checkboxes {
          height: 130px !important;
        }

        #panel-tab-container {
          width: 100%;
        }

        #panel-container {
          width: 96% !important;
          height: 160px !important;
	  display: block;
        }

        #panel-tab-container {
          height: 100px; 
        }

        .prefCentreLabel {
          width: 60%;
        }

        .CookieTypeTabLabel {
          max-width: 240px;
        }

        #panel-tab-container label {
        float: right;
       }

        #CookieCloseButton {
          top: -3px;
          font-size: 1em;
        }

        #SavePrefButtonContainer {
          text-align: center;
          padding-top: 12em;
          padding-right: 0 !important;
        }

        #C3-footer {
          padding-left: 0px;
          text-align: center;
        }

        #SyrenisAboutThisTool {
          text-align: center;
	  float: none;
        }

        img#AboutThisToolImage {
	  width: 60px;
          text-align: center;
          padding-top: 0.2em;
        }

        .buttonWrapper > .CCButton {
          padding: 5px 5px;
          margin-right: 0.5em;
	  margin-left: 1em;
          width: 80px;
    	  text-align: center;
          } 

        .acceptAll {
            font-size: 10px;
          }
        .optionsSelector {
           padding: 0.8rem;
           font-size: 10px;
           display: inline-block;
         }

        .cookieText {
          width: 70%;
          display: inline-block;
          font-size: 0.6em !important;
    }
    label.toggle-switch2 {
      float: right;
    }
  }

@media all and (max-width: 1240px) {
    .buttonWrapper {
    width: 32%;
    }
    .cookieText {
      width: 68%;
    }
     #AboutThisToolImage {
      width: 40px;
      margin: 0;
      vertical-align: middle;
        }
 }

@media all and (max-width: 1440px) {
.optionsSelector {
	text-align: center;
}

.cookieText {
    width: 73%;
    font-size: 0.9em;
}

.buttonWrapper {
    width: 26%;
    flex-direction: row;
    display: flex;
    max-width: 100%;
    line-height: 1.1;
   }
 }

@media all and (max-width: 992px) {
.optionsSelector {
	text-align: center;
}

.cookieText {
    width: 70%;
    font-size: 0.9em;
}

.buttonWrapper {
    width: 30%;
    flex-direction: column;
    display: flex;
    max-width: 100%;
    line-height: 1.1;
   }
 }