/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.tru-soc-hide {
   display: none !important;
}

.tru-soc-hide.tru-soc-inactive {
   display: block !important;
}
.tru-ph-soc-container {
   border: 0;
   font-family: Roboto, Arial, Verdana, sans-serif;
   font-size: 10pt;
   margin:0;
   overflow: auto;
   padding:0;
}

.tru-ph-soc-hide {
   display: none !important;
}

.tru-ssmdibutton span{
   vertical-align: middle;
}
.tru-icon30{
   vertical-align: middle;
}
.tru-ssmdibutton:hover{
   padding: 0 5px 0 15px;
}
.tru-ssmbutton:hover{
   background: #35a754;
   color: #fff;
}
.tru-button:focus{
   outline: 0;
}
.tru-centered {
   position: relative;
   padding: 15px;
   border-style: solid;
   border-width: 2px;
   border-color: #2D3C55;
}
.tru-bordercontainer {
   border: 2px solid #2d3c55;
   border-radius: 5px;
   position:fixed;
   width:100%;
   height:100%;
   top:0px;
   left:0px;
   margin: 2px;
}

.tru-backgroundbody {
   background-color: #F5F5F5;
}

.tru-headingstyle {
   font-size: 15pt;
   text-align: center;
   margin-bottom: 5px;
   font-weight: bold;
}

.tru-subheadingstyle {
   font-size: 10pt;
   text-align: center;
   margin-bottom: 50px;
}

.tru-ph-buttons-container {
   display: flex;
   justify-content: center;
}

.tru-btn-accept {
   font-family: Roboto, Arial, Verdana, sans-serif;
   font-weight: bold;
   color: #ffffff;
   background-color: #2D3C55;
   border: 2px solid #2D3C55;
   border-radius: 0px 0px 0px 0px;
   padding: 10px;
   vertical-align: middle;
   cursor: pointer;
   transition: 0.3s;
   margin-right: 5px;
}

.tru-btn-privacy {
   font-family: Roboto, Arial, Verdana, sans-serif;
   font-weight: bold;
   color: #2D3C55;
   background-color: #ffffff;
   border: 2px solid #2D3C55;
   border-radius: 0px 0px 0px 0px;
   padding: 10px;
   vertical-align: middle;
   cursor: pointer;
   transition: 0.3s;
   margin-left: 5px;
}

.tru-btn-privacy:hover {
   color: #ffffff;
   background-color: #35a754;
   border-color: #35a754;
}

.tru-btn-accept:hover {
   color: #ffffff;
   background-color: #35a754;
   border-color: #35a754;
}

.tru-logo-container {
   display: flex;
   justify-content: center;
   margin-top: 15px;
   margin-bottom: -15px;
}

.tru-logo-link {
   width: 150px;
   cursor: pointer;
}