@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');



body{ color: #1A4969; font-family: 'Lato', sans-serif !important;  font-size: 15px ; background-color: transparent !important;}

body *{ background-color: transparent !important;}


[id^=gartner-pi-widget] * {
  color: #1A4969 !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  font-family: 'Lato', sans-serif !important;  
}


[id^=gartner-pi-widget] .gartner-pi-logo {
  display: none !important;
}

[id^=gartner-pi-widget] {
  font-family: 'Lato', sans-serif !important;  
  border: none !important;
  width:480px !important;

}

#widgetContainer h1.gartner-pi-h1 {
  font-family: 'Lato', sans-serif !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  color: #304C64 !important;
  margin-bottom: 6px;
}


#widgetContainer h2.gartner-pi-h2 {
  font-family: 'Lato', sans-serif !important;  
  font-size: 18px !important;
    color: #304C64 !important;
    font-weight: 400 !important;
    margin-bottom: 10px;
}


#widgetContainer .gartner-pi-score {
  font-family: 'Lato', sans-serif !important;
  font-weight: 400 !important;
  font-size: 26px !important;
  margin-right: 8px !important;
}

#widgetContainer .gartner-pi-sourcing-link a {
  font-family: 'Lato', sans-serif !important;
  color: #00ABBD !important;
  font-size: 18px !important;
  font-weight: 400 !important;
}

#widgetContainer .gartner-pi-card .gartner-pi-stats {
  border-top: none !important;
}

#widgetContainer .gartner-pi-reviews-link span {
  color: #82A4BB !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  position: relative !important;
  font-family: 'Lato', sans-serif !important;  

}

#widgetContainer .gartner-pi-chevron {display: none !important;}

#widgetContainer [data-size=small] .gartner-pi-card .gartner-pi-as-of-date {
  font-family: 'Lato', sans-serif !important;  
  top: 18px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #82A4BB !important;
}

#widgetContainer .gartner-pi-card .gartner-pi-stats .gartner-pi-alignLeft {
  width: 42%;
  display: inline-block;
}



#widgetContainer .gartner-pi-card .gartner-pi-as-of-date {
  -webkit-transform: rotate(-90deg) translate(208px,200px);
  -ms-transform: rotate(-90deg) translate(208px,200px);
  transform: rotate(-90deg) translate(208px,200px);

}


#widgetContainer .gartner-pi-alignRight .gartner-pi-reviews-link{ color: #00ABBD !important;}

[id^=gartner-pi-widget] .gartner-pi-card .gartner-pi-header {
  /*width: 330px;*/ margin-bottom: 15px;
}

#gartner-pi-widget{ background-color: none !important;}











@media only screen and (min-device-width:320px) and (max-device-width:767px){
  
  [id^=gartner-pi-widget] { width:350px !important;}

  [id^=gartner-pi-widget] .gartner-pi-card .gartner-pi-header { width: 100% !important; min-height: 60px !important;}

  #widgetContainer h1.gartner-pi-h1 {font-size: 24px !important;}
  #widgetContainer h2.gartner-pi-h2 {font-size: 15px !important;}

  #widgetContainer .gartner-pi-reviews-link span { font-size: 15px !important;}

  #widgetContainer .gartner-pi-score {font-size: 20px !important;}

  #widgetContainer .gartner-pi-card .gartner-pi-as-of-date {
    -webkit-transform: rotate(-90deg) translate(134px, 150px) !important;
    -ms-transform: rotate(-90deg) translate(134px, 150px) !important;
    transform: rotate(-90deg) translate(136px, 150px) !important;

    font-size: 12px !important;
    font-weight: 400 !important;
  }

  #widgetContainer [data-size=small] .gartner-pi-card .gartner-pi-as-of-date{ font-size: 12px !important;}
  
}

@media only screen and (min-device-width:320px) and (max-device-width:767px) and (orientation:portrait){

}

@media only screen and (min-device-width:320px) and (max-device-width:767px) and (orientation:landscape){

  

}



@media only screen and (min-device-width:768px) and (max-device-width:1024px){
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){

  [id^=gartner-pi-widget] { width: 300px !important;}

  [id^=gartner-pi-widget] .gartner-pi-card .gartner-pi-header { width: 450px !important;}

  #widgetContainer h1.gartner-pi-h1 {font-size: 24px !important;}
  #widgetContainer h2.gartner-pi-h2 {font-size: 15px !important;}

  #widgetContainer .gartner-pi-reviews-link span { font-size: 15px !important;}

  #widgetContainer .gartner-pi-score {font-size: 20px !important;}

  #widgetContainer .gartner-pi-card .gartner-pi-as-of-date {
    -webkit-transform: rotate(-90deg) translate(184px, 110px) !important;
    -ms-transform: rotate(-90deg) translate(184px, 110px) !important;
    transform: rotate(-90deg) translate(184px, 110px) !important;

    font-size: 11px !important;
    font-weight: 400 !important;
  }

}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){

  [id^=gartner-pi-widget] .gartner-pi-card .gartner-pi-header { width: 300px; }

  #widgetContainer h1.gartner-pi-h1 {font-size: 24px !important;}
  #widgetContainer h2.gartner-pi-h2 {font-size: 15px !important;}

  #widgetContainer .gartner-pi-reviews-link span { font-size: 15px !important;}

  #widgetContainer .gartner-pi-score {font-size: 20px !important;}

  #widgetContainer .gartner-pi-card .gartner-pi-as-of-date {
    -webkit-transform: rotate(-90deg) translate(184px, 110px);
    -ms-transform: rotate(-90deg) translate(184px, 110px);
    transform: rotate(-90deg) translate(184px, 110px);

    font-size: 11px !important;
    font-weight: 400 !important;
  }

}




/**********12september 2022***************/

[id^=gartner-pi-widget] .gartner-pi-card .gartner-pi-header {
  min-height: 70px !important; margin-bottom: 10px;
}

#widgetContainer .gartner-pi-card .gartner-pi-stats {
  min-height: 120px; position: relative;
}

[id^=gartner-pi-widget] .gartner-pi-card .gartner-pi-stats .gartner-pi-alignRight {
  position: absolute !important; top: 33px; 
}


#widgetContainer .gartner-pi-score{margin-left: -4px;}


@media only screen and (min-device-width:320px) and (max-device-width:767px){

  [id^=gartner-pi-widget] .gartner-pi-card .gartner-pi-header {
    min-height: 71px !important;
  }

  #widgetContainer .gartner-pi-card .gartner-pi-stats {
    min-height: 55px !important; 
  }

  [id^=gartner-pi-widget] .gartner-pi-card .gartner-pi-stats .gartner-pi-alignRight {
    right: 20px; top:59px;
  }

}



@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){
  
  [id^=gartner-pi-widget] .gartner-pi-card .gartner-pi-header {
    min-height: 50px !important;
  }
  

  #widgetContainer .gartner-pi-card .gartner-pi-stats {
    min-height: 55px !important; 
  }

  [id^=gartner-pi-widget] .gartner-pi-card .gartner-pi-stats .gartner-pi-alignRight {
    top: 55px;
  }
  
}



@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){

  [id^=gartner-pi-widget] .gartner-pi-card .gartner-pi-header {
    min-height: 71px !important;
  }
  
  #widgetContainer .gartner-pi-card .gartner-pi-stats {
    min-height: 55px !important; 
  }
  
  [id^=gartner-pi-widget] .gartner-pi-card .gartner-pi-stats .gartner-pi-alignRight {
    top: 52px;
  }

}