/*
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;600;700&display=swap');
*/

#tt-helpdesk-shortcode {
    max-width:1200px;
    margin:50px auto;
}

#tt-helpdesk-integration-guide {
    max-width:1200px;
    margin:200px auto 50px;
    padding:20px;
    background:#efefef;
    font-family:'Poppins', sans-serif;
    border-left:5px solid #0297d6;;
}

#tt-helpdesk-integration-guide h3 {
    margin:0 0 30px;
    color:#0297d6;
    font-size:22px;
    font-weight:bold;
    text-transform:uppercase;
}

#tt-helpdesk-integration-guide p:last-of-type {margin:0;}

#pltt-helpdesk-topics {
    font-family:'Poppins', sans-serif;
	margin:30px 0 0;
}

#pltt-helpdesk-topics h3 {
    color:#0297d6;
    font-size:1.5rem;
    font-weight:700;
    cursor:pointer;
}

#pltt-helpdesk-topics h3:before {
    display:inline-block;
    content:"";
    background:transparent url(../images/chevron-down.svg) no-repeat center;
    width:16px;height:16px;
    background-size:cover;
    margin:0 10px 0 0;
    transition:transform 500ms ease-in-out;
}

#pltt-helpdesk-topics h4 {
    color:#555555;
    font-size:1.25rem;
    font-weight:700;
	margin:30px 0;
}

.pltt-helpdesk-topic-title {
	margin:0 0 10px !important;
}

.pltt-helpdesk-topic-title-toggled:before {
    transform:rotate(180deg);
}

.pltt-knowledge-tree {margin-bottom:30px;}
.pltt-knowledge-tree, .pltt-option-additional {display:none;}
.pltt-knowledge-tree, .pltt-option-additional {padding:0 0 0 26px;}
.pltt-knowledge-tree:not([data-level="0"]), .pltt-option-additional {margin:0 0 1.33em;}

.pltt-option-row {display:flex;align-items:center;}
.pltt-option-row input[type="radio"] {margin:0 10px 0 0;}

.pltt-contact-form input:not([type="submit"]) {font-size:1rem;padding:5px 0;text-indent:10px;border-radius:6px;border:2px solid #cccccc;}
.pltt-contact-form input:not([type="submit"]) {height:40px;font-family:'Poppins', sans-serif;}
.pltt-contact-form textarea {width:100%;font-family:'Poppins', sans-serif;font-size:1rem;padding:10px;border-radius:6px;border:2px solid #cccccc;}
.pltt-contact-form-row {display:flex;justify-content:space-between;align-items:center;}
.pltt-contact-form-row:not(:last-of-type) {margin:0 0 10px;}
.pltt-cfr-2-col input {width:49%;}
.pltt-contact-form input[type="submit"] {transition:background 500ms linear;padding:10px 55px;background:#0297d6;border-radius:6px;color:#ffffff;border:none;font-weight:bold;cursor:pointer;font-family:'Poppins', sans-serif;}
.pltt-contact-form input[type="submit"]:hover {background:#242424;}
.pltt-success-message {
	background:#75ac1a;
	padding:10px;
	border-radius:5px;
}

.pltt-success-message p {color:#ffffff;}

#pltth-loader-outer {
    position:fixed;
    top:0;right:0;bottom:0;left:0;
    background:rgba(255,255,255,0.8);
    z-index:999999;
    font-family:'Poppins', sans-serif;
}
  
#pltth-loader-inner {display:flex;justify-content:center;align-items:center;height:100%;padding:0 10px;}
#pltth-loader-inner img {
    width:70px;
    height:70px;
    margin:0 10px 0 0;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

#pltth-loader-inner span {text-transform:uppercase;letter-spacing:4px;font-size:1rem;line-height:1;color:#0297d6;}

@-webkit-keyframes spin {
0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes spin {
0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes spin {
0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
	
/* Media Queries */

@media all and (max-width:1024px) {
	.pltt-knowledge-tree, .pltt-option-additional {padding:0;}
}