.pctag-field { margin-top: 10px; } /* The switch - the box around the slider */ .pctag-switch { position: relative; display: inline-block; width: 60px; height: 25px; } .pctag-switch input {display:none;} .pctag-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .pctag-slider:before { position: absolute; content: ""; height: 33px; width: 33px; left: 0px; bottom: -4px; background-color: #bbb; -webkit-transition: .4s; transition: .4s; box-shadow: 1px 1px 5px 1px #bbb; } input:checked + .pctag-slider:before { background-color: #6BBD6E; } input:checked + .pctag-slider { background-color: #9ed2a0; } input:focus + .pctag-slider { } input:checked + .pctag-slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .pctag-slider.pctag-round { border-radius: 50px; } .pctag-slider.pctag-round:before { border-radius: 50px; } .pctag-containter .dashicons { font-size: 40px; margin-top: -10px; margin-right: 1px; } .pctag-area { width: 100%; height: 90px; padding: 10px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 10px; box-shadow: 1px 1px 5px 1px #bbb; background-color: #fff; box-sizing: border-box; margin-top: 25px; } .pctag-area.disabled { background-color: #eee; color: #999; } /* Tooltip container */ .pctag-tooltip { position: relative; display: inline-block; } /* Tooltip text */ .pctag-tooltip .pctag-tooltiptext { visibility: hidden; width: 570px; background-color: #444444; font-size: 14px; color: #fff; text-align: left; padding: 10px 15px; border-radius: 6px; position: absolute; top: -12px; left: 190%; z-index: 1; } .pctag-tooltip:hover .pctag-tooltiptext { visibility: visible; } .pctag-tooltip .pctag-tooltiptext::after { content: " "; position: absolute; top: 50%; right: 100%; /* To the left of the tooltip */ margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent #444444 transparent transparent; } .pctag-tooltip a { color: #fff; } /* The alert message box */ .pctag-alert { padding: 15px; border-radius: 0px; margin: 10px 0 5px; font-size: 15px; line-height: 150%; color: #fff; } .pctag-alert a { color: #fff; font-weight: 700; text-decoration: none; border-bottom: 1px dotted; } .pctag-alert.pctag-success { background-color: #6BBD6E; } .pctag-alert.pctag-warning { background-color: #FFAA2C; } .pctag-alert.pctag-info { background-color: #47A8F5; } .pctag-alert.danger { background-color: #6BBD6E; } .pctag-note { background-color: #eee; padding: 10px 20px; border-radius: 4px; font-weight: 500; } .pctag-note a { text-decoration: none; } .pctag-note.btn a { color: #fff; padding: 10px 15px; background-color: #6BBD6E; border-radius: 4px; text-decoration: none; line-height: 330%; } /* The close button */ .closebtn { margin-left: 15px; color: white; font-weight: bold; float: right; font-size: 22px; line-height: 12px; cursor: pointer; transition: 0.3s; } .closebtn:hover { color: black; } .pctag-containter { font-size: 15px; } .pctag-containter p { font-size: 15px; } .pctag-containter .pctag-field { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 50px; box-shadow: 1px 1px 5px 1px #bbb; background-color: #fff; box-sizing: border-box; } .pctag-containter .pctag-field.readonly { background: #eee; } .pctag-faq { margin-top: 20px; } .faq-container { margin: 8px 0; padding: 12px 20px; border-radius: 0px; background-color: #fff; border-radius: 3px; box-sizing: border-box; } .pctag-q { font-weight: 700; line-height: 140%; margin: 10px 0; } .pctag-a { line-height: 140%; margin: 10px 0; } .pctag-column { float: left; padding: 10px 0; } .pctag-column.col-9 { width: 75%; } .pctag-column.col-8 { width: 66.66666666666667%; } .pctag-column.col-6 { width: 50%; } .pctag-column.col-4 { width: 33.33333333333333%; } .pctag-column.col-3 { width: 25%; } .pctag-column.col-12 { width: 100%; } .pctag-row:after { content: ""; display: table; clear: both; } .pctag-label { font-weight: 700; line-height: 180%; } .pctag-label:after { content: ":"; } .pctag-main { padding: 5px 20px 15px; background-color: #fcfcfc; border-radius: 0px; font-size: 15px; } .pctag-sidebar { width: 100%; padding: 0 0 0 7px; box-sizing: border-box; } .pctag-sidebar .box { background-color: #fcfcfc; padding: 5px 20px; margin-bottom: 7px; box-sizing: border-box; border-radius: 0px; } .pctag-sidebar .box p { font-size: 14px; } .pctag-btn { background-color: #6BBD6E; border: none; color: #fff; width: 100%; padding: 12px 20px; box-sizing: border-box; text-align: center; text-decoration: none; display: inline-block; border-radius: 50px; box-shadow: 1px 1px 5px 1px #bbb; } .pctag-btn:hover { background-color: #3c963f; color: #fff; } .pctag-a ul li { list-style-type: square; } .pctag-a li { margin-left: 18px; padding: 5px; } .pctag-tooltip-link { color: #fff; /* display: inline-block; */ float: right!important; } /* Notice */ .pctag-notice { padding: 10px; } .pctag-p, .pctag-form-notice, .pctag-field-notice, .pctag-btn-notice, .pctag-clear-notice { display: inline-block; } .pctag-field-notice { padding: 7px; border: 2px solid #ddd; border-radius: 0px; background-color: #fff; box-sizing: border-box; } .pctag-btn-notice { background-color: #6BBD6E; border: none; color: #fff; padding: 8px; border-radius: 0px; } .pctag-switch-radio { overflow: hidden; display: inline; } .pctag-switch-radio:after { content: ""; display: table; clear: both; } .switch-title { margin-bottom: 6px; } .pctag-switch-radio input { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; } .pctag-switch-radio label { float: left; background-color: #ddd; color: rgba(0, 0, 0, 0.9); font-size: 14px; font-weight: 700; color: #777; text-align: center; text-shadow: none; padding: 10px 15px; border-right: 1px solid #c9c9c9; box-shadow: 1px 1px 5px 1px #bbb; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .pctag-switch-radio label:hover { cursor: pointer; } .pctag-switch-radio input:checked + label { background-color: #6BBD6E; color: #fff; } .pctag-switch-radio label:first-of-type { border-radius: 50px 0 0 50px; border-left: 1px solid #ddd; } .pctag-switch-radio label:last-of-type { border-radius: 0 50px 50px 0; border-right: 1px solid #ddd; } .pctag-switch-radio input:checked + label:last-of-type { background-color: #999; } .pctag-switch-radio label.pctag-disabled { background-color: #cbcbcb; color: #666; } .pctag-switch-radio .pctag-tooltip { margin-top: 8px; margin-left: 3px; } .pctag-switch-radio .pctag-tooltip .pctag-tooltiptext { width: 400px; font-size: 12px; padding: 10px 15px; } .link-box { /*background-color: #60dabf;*/ background-color: #fff; margin: 5px; padding: 5px 20px 20px; border-radius: 4px; } .link-box h3 { font-size: 14px; text-transform: uppercase; border-bottom: 1px solid; padding-bottom: 15px; margin-bottom: 0; } .link-box img { float: left; width: 75px; margin-right: 8px; /*border: 1px solid #ddd;*/ } .link-btn { display: block; background-color: #0073aa; padding: 15px; color: #fff; text-align: center; text-transform: uppercase; text-decoration: none; font-weight: 500; border-radius: 4px; } .pctag-overlay { position: relative; display: block; margin-bottom: 4px } .pctag-overlay-bg { position: absolute; /*background-color: rgba(20, 111, 91, 0.8);*/ background-color: rgba(70, 70, 70, 0.8); width: 99%; height: 100%; border-radius: 4px; margin-left: 5px; } .pctag-overlay-bg h2 { font-size: 30px; color: #f1f1f1; text-transform: uppercase; text-align: center; margin-top: 210px; } .pctag-overlay-bg h2 span { padding-right: 10px; font-size: 36px!important; }