#wpbody-content {
	* {
    box-sizing: border-box;
	}
	h1, h2, h3, h4, h5{
	  color: #4F4F4F !important;
	}
	h1{
	  font-size: 29px;
	  line-height: 35px;
	  font-weight: 300;
	  margin: 0;
	}
	h1 strong{
	  font-weight: 700;
	}
	h1 small{
	  font-size: 14px;
	}
	h2{
	  font-size: 35px;
	  font-weight: 400;
	  line-height: 40px;
	  margin: 0;
	}
	h2 small{
	  font-size: 12px;
	  display: block;
	  line-height: 18px;
	  margin-top: 10px;
	  color: #828282;
	}
	h3{
	  font-size: 16px !important;
	  line-height: 23px;
	  font-weight: 600;
	  margin: 10px 0;
	}
	h3 small{
	  font-size: 12px;
	  display: block;
	  line-height: 18px;
	  margin-top: 10px;
	  color: #828282;
	  font-weight: 400;
	}
	a{
	  color: #2D9CDB;
	  text-decoration: none;
	}
	a.disabled{
	  pointer-events: none;
	  color: #b1b1b1;
	}
	hr{
	  margin: 40px 0;
	}
	label.error{
	  color: red  !important;
	  font-weight: 400 !important;
	}
	.textCenter{
	  text-align: center !important;
	}
	#wpcontent{
	  padding-right: 20px;
	  background: #f8f8f8;
	}
	.debate-list-wrap{
	  background: #ffffff;
	  border-radius: 10px;
	  margin-top: 20px;
	  padding: 20px;
	}
	table.debates{
		width: 100%;
		max-width: 1100px;
	  margin-top: 25px;
	}

	table.tableCommon tr th{
		padding: .5rem .5rem; 
	}
	table.tableCommon tr td{
		padding: 25px .5rem; 
	}
	.table.tableCommon>:not(:first-child){
	  border: inherit;
	  text-align: left;	
	}
	table.tableCommon th {
	  font-size: 11px;
	  line-height: 17px;
	  color: #9B9B9B;
	  font-weight: normal;
	  text-transform: uppercase;
	}
	table.tableCommon td .svg{
	  width: 16px !important;
	  height: 16px !important;
	  color: #D8D8D8;
	}
	table.tableCommon td{
	  font-size: 12px;
	}
	table.tableCommon th , 
	table.tableCommon td {
	  text-align: left;
	  border-width: 0;
	  border-bottom: 1px solid #e1e1e1;
	}
	table.tableCommon th:not(:first-child) , 
	table.tableCommon td:not(:first-child) {
	  text-align: center;
	  vertical-align: middle;
	}
	table.tableCommon td .debateTitle9 svg.svg {
	  width: 12px !important;
	  height: 12px !important;
	  color: #D8D8D8;
	}
	.debate-list-action{
	  display: flex;
	}
	.debate-list-action .btn{
	  color: #ffffff;
	  width: 70px;
	  font-size: 14px;
	}
	.debate-list-action .btn-primary{
	 background: #43a5f5;
	}
	.debate-list-action .btn-secondary{
	 background: #BDBDBD;
	}
	.position-relative{
	  position: relative !important;
	}
	.justify-content-between{
	  justify-content: space-between;
	}
	.align-items-center {
	    -webkit-box-align: center!important;
	    -ms-flex-align: center!important;
	    align-items: center!important;
	}
	.align-items-end {
	    -webkit-box-align: end!important;
	    -ms-flex-align: end!important;
	    align-items: end!important;
	}
	.badge {
	    border-radius: 1rem;
	    color: #fff;
	    display: inline-block;
	    font-size: .75em;
	    font-weight: 700;
	    line-height: 1;
	    padding: 0.35em 0.65em;
	    text-align: center;
	    vertical-align: baseline;
	    white-space: nowrap;
	}
	.badge-success {
	    background-color: #28a745;
	    color: #fff;
	}

	.inline-content{
	  display: flex !important;
	}
	.pageHeader{
	  padding-bottom: 30px;
	  margin-bottom: 50px;
	  border-bottom: 1px solid #E1E1E1;
	}
	.settings-header{
	  background: #ffffff;
	  border-radius: 10px;
	}
	.navbar{
	  margin: 0;
	}
	.navbar li{
	  margin: 0;
	}
	.navbar li a{
	  font-size: 14px;
	    margin-right: 15px;
	    padding-right: 15px;
	    border-right: 1px solid #dadada;
	}
	.navbar li:last-child a{
	    margin-right: 5px;
	    padding-right: 0px;
	    border-right: 0px solid #dadada;
	}
	.navbar li a.active, .navbar li a:hover{
	  color: #979797;
	}

	/* Create debate styles start */
	.row {
	    --bs-gutter-x: 1.5rem;
	    --bs-gutter-y: 0;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	}
	.row > * {
	    flex-shrink: 0;
	    margin-top: var(--bs-gutter-y);
	    max-width: 100%;
	    padding-left: calc(var(--bs-gutter-x)*.5);
	    padding-right: calc(var(--bs-gutter-x)*.5);
	    width: 100%;
	    box-sizing: border-box;
	}
	.col-md-6 {
	    flex: 0 0 auto !important;
	    width: 50% !important;
	}
	.btn{
	  background-color: transparent;
	    border: 1px solid transparent;
	    border-radius: 0.25rem;
	    color: #212529;
	    cursor: pointer;
	    display: inline-block;
	    font-size: 1rem;
	    font-weight: 400;
	    line-height: 1.5;
	    padding: 0.375rem 0.75rem;
	    text-align: center;
	    text-decoration: none;
	    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	    -webkit-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    vertical-align: middle;
	}
	.ms-0{
	  margin-left: 0 !important;
	}
	.m-0{
	  margin: 0 !important;
	}
	.mt-2 {
	    margin-top: 0.5rem!important;
	}
	.mb-2 {
	    margin-bottom: 0.5rem!important;
	}
	.mt-3 {
	    margin-top: 1rem!important;
	}
	.mb-3 {
	    margin-bottom: 1rem!important;
	}
	.me-3 {
	    margin-right: 1rem!important;
	}
	.me-2 {
	    margin-right: 0.5rem!important;
	}
	.d-block {
	    display: block!important;
	}
	.pt-0{
	  padding-top: 0 !important;
	}
	.p-4{
	  padding: 1.5em !important;
	}
	.ps-2{
	  padding-left: 0.5em !important;
	}
	.pe-4{
	  padding-right: 1.5em !important;
	}
	.position-relative {
	    position: relative!important;
	}
	.content-wrapper{
	  margin: 40px 10px; 
	}
	.content{
	 background: #ffffff;
	 padding: 50px !important;
	}
	form{
	  max-width: 1200px;
	}
	.second-col{
	  max-width: 400px !important;
	}
	.form-control {-webkit-appearance: none;appearance: none;background-clip: padding-box;background-color: #fff;border: 1px solid #ced4da;border-radius: 0.25rem;color: #212529;display: block;font-size: 1rem;font-weight: 400;line-height: 1.5;padding: 0.375rem 0.75rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;width: 100%;}
	.common-form .buttons
	{
	  display: flex;
	}
	.common-form .btn-secondary{
	  background: #BDBDBD;
	  color: #ffffff;
	  border-color: #BDBDBD;
	  margin: 0px 0px 0 0;
	}
	.common-form .btn-primary{
	  margin: 0px 0px 0 10px;
	  background: #43a5f5;
	  color: #ffffff;
	}
	.common-form .btn{
	  font-size: 14px;
	  line-height: 22px;
	  border-radius: 5px;
	  font-weight: 400;
	  min-width: 150px;
	  padding: 13px;
	  box-sizing: border-box;
	}
	.common-form label:not(.sub-label){
	  font-style: normal;
	  font-weight: 600;
	  font-size: 14px;
	  line-height: 18px;
	  color: #4A4A4A;
	  margin-bottom: 7px;
	  display: block;
	}
	.common-form .form-group{
	  border: none;
	  padding-top: 13px;
	  padding-bottom: 13px;
	  margin: 0;
	}
	.common-form .form-group select
	{
	  padding: 10px;
	  border: 1px solid #DBDBDB;
	  border-radius: 5px;
	  color: #4e4e4e;
	  width: 100%;
	  background-color: #F6F6F6;
	  min-width: 100%;
	}
	.startDebate .form-control.datepickerField{
	  padding-left: 10px;
	  padding-right: 32px;
	}
	.startDebate .form-control{
	  padding: 11px 15px; 
	  border: none;
	  background: #F6F6F6;
	  font-size: 14px;
	}
	.startDebate .side .form-control{
	  border-left-style: solid;
	  border-left-width: 5px;
	}
	.startDebate .side{
	  padding-bottom: 10px;
	}
	.startDebate textarea.form-control[name="background"]{
	  height: 120px;
	}
	.startDebate textarea.form-control{
	  max-height: 120px !important;
	}
	.startDebate .delete-side{
	  position: absolute;
	  right: 5px;
	  top: 5px;
	}
	.startDebate .field-backgroundImage {
	    width: 100%;
	    height: 15.6vw;
	    border: 1px solid #dbdbdb;
	    border-radius: 5px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    background: #F6F6F6;
	    max-height: 235px;
	    position: relative;
	}
	.img-field-wrap img, .img-field-placeholder {
	    position: absolute;
	    z-index: 0;
	    text-align: center;
	    max-width: 100%;
	    max-height: 100%;
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	.img-field-wrap span.close {
	    position: absolute;
	    right: 10px;
	    top: 3px;
	    z-index: 1;
	    color: #DBDBDB;
	    cursor: pointer;
	}
	.img-field-placeholder .upload-label {
	    color: #43A5F5;
	}
	.img-field-wrap input[type="file"] {
	    width: 100%;
	    height: 100%;
	    opacity: 0;
	}
	.h6, h6 {
	    font-size: 14px;
	    font-style: normal;
	    font-weight: 600;
	    line-height: 19px;
	}
	.debatePreviewSection {
	    background: #f6f6f6;
	    border-radius: 10px;
	    padding: 25px 0;
	}
	.debatePreviewInner {
	    background: #fff;
	    border-radius: 10px;
	    box-shadow: 0 0 6px 0 #0000001a;
	    margin: 0 auto;
	    max-width: 300px;
	    padding-bottom: 10px;
	    padding-top: 10px;
	}
	.debatePreviewInner>div:not(.debatePreviewAdunit), .debatePreviewInner>span {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.debatePreviewBgImg img {
	    border: 1px solid #e7e7e7;
	    border-radius: 6px;
	    height: 150px;
	    max-width: 100%;
	    object-fit: cover;
	    padding: 5px;
	    width: 100%;
	}
	div.author {
	    align-items: center;
	    display: flex;
	    flex: 1 1;
	    flex-direction: row;
	}
	div.author .user-color-green {
	    color: #2aa974;
	}
	div.author .small-dp {
	    position: relative;
	}
	.img-circle.avatar {
	    background-color: #fff;
	    border: 2px solid #9b9b9b;
	    border-radius: 50%;
	    display: block;
	    height: 38px;
	    min-width: 38px;
	    object-fit: cover;
	    padding: 0;
	    width: 38px;
	}
	div.author .small-dp svg {
	    background: #fff;
	    border-radius: 100%;
	    bottom: 1px;
	    position: absolute;
	    right: 1px;
	}
	div.author .copy-wrap {
	    margin-left: 10px;
	}
	a.authorname h6 {
	    margin: 0;
	    padding: 0;
	    font-size: 14px !important;
	}
	a.authorhandle {
	    color: #9b9b9b;
	    font-size: 11px;
	    font-weight: 400;
	    line-height: 15px;
	}
	div.author .small-dp svg {
	    background: #fff;
	    border-radius: 100%;
	    bottom: 1px;
	    position: absolute;
	    right: 1px;
	    width: 1em;
	}
	.debatePreviewTitle p {
	    background: #efefef;
	    margin: 0; 
	    margin-bottom: 7px;
	    padding: 7px;
	}
	.lightColorSpan {
	    color: #9b9b9b;
	    font-size: 13px;
	    font-weight: 400;
	    line-height: 16px;
	}
	.debatePreviewAdunit {
	    align-items: center;
	    background: #eaeaea;
	    color: #9b9b9b;
	    display: flex;
	    height: 250px;
	    justify-content: center;
	    margin: 0 auto;
	    max-width: 100%;
	    width: 300px;
	}
	.debatePreviewFooter {
	    align-items: center;
	    display: flex;
	    justify-content: space-between;
	}
	.customAnchor {
	    color: #43a5f5!important;
	    font-size: 13px;
	}
	.debatePreviewFooter img {
	    height: 15px;
	    width: auto;
	}
	.debatePreviewSides label {
	    border: 1px solid #60a4e9;
	    border-radius: 10px;
	    padding: 7px;
	    text-align: center;
	    color: #000!important;
	}
	.percentageBar {
	    bottom: 0;
	    left: 0;
	    position: absolute;
	    top: 0;
	}
	.votesPercentage {
	    align-items: center;
	    display: flex;
	    font-size: 13px;
	    font-weight: 600;
	    height: 100%;
	    position: absolute;
	    right: 10px;
	    top: 0;
	}
	p.form-control{
	  margin: 0;
	  box-sizing: border-box;
	  padding: 15px !important;
	}
	div.closed form.startDebate .close, 
	div.closed form.startDebate input, 
	div.closed form.startDebate select, 
	div.closed form.startDebate textarea {
	    pointer-events: none!important;
	}
	/* Create debate styles end */
	.settings-form{
	  width: 475px;
	  max-width: 100%;
	}
	.settings-form label{
	  font-style: normal;
	  font-weight: 600;
	  font-size: 14px;
	  line-height: 18px;
	  color: #4A4A4A;
	  margin-bottom: 7px;
	  display: block;
	}
	.settings-form input[type="text"]{
	  padding: 10px 15px;
	  width: 100%;
	}
	span.fadedSpan{
	  font-size: 14px;
	  line-height: 18px;
	  color: #828282;
	  font-weight: normal;
	}
	.search-debate input[type="text"]{
	  padding: 11px 15px;
	  border: none;
	  background: #F6F6F6;
	  font-size: 14px;
	  width: 475px;
	  max-width: 100%;
	}
	.search-btn{
	  border: 0;
	  position: absolute;
	  right: 0;
	  padding: 10px 15px;
	  top: 0;
	  bottom: 0;
	  background: none;
	  cursor: pointer;
	}
	.search-debate a.btn{
	  border: 1px solid #ffffff;
	  background: #BDBDBD;
	  color: #ffffff;
	  padding: 10px 20px;
	  margin-left: 10px;
	}
	select[name="selected-network"]{
	  padding: 5px 15px;
	  border: none;
	  width: 300px;
	  max-width: 100%;
	}
	select.single-select{
	  pointer-events: none !important;
	  background: #ffffff !important;
	}
	.common-header{
	  margin: 40px 0 10px 0;
	}
	.networksTitle{
	  line-height: 15px;
	}
	input[role="anchor"]{
	  border: none;
	  background: none;
	  padding: 0;
	  margin: 0;
	  color: #2D9CDB;
	  cursor: pointer;
	}
	input[role="anchor"]:hover{
	  color: #979797;
	}
	.currNetworkSection{
	  margin-left: 50px;
	}
	#debatesPagination{
	  display: flex;
	  justify-content: center;
	  margin-top: 40px;
	  margin-bottom: 20px;
	}
	#debatesPagination a, #debatesPagination span{
	  border: 1px solid #43a5f5;
	  border-radius: 2px;
	  margin: 0 3px;
	  padding: 0 5px;
	  color: #4a4a4a;
	  font-size: 16px;
	  line-height: 22px;
	  display: inline-block;
	  vertical-align: top;
	}
	#debatesPagination span.current{
	  background: #43a5f5;
	    color: #ffffff;
	}
	#debatesPagination span.current.prev, #debatesPagination span.current.next{
	  background: inherit;
	  color: inherit;
	  opacity: 0.5;
	}
	#debatesPagination .prev, #debatesPagination .next{
	  font-size: 24px;
	  line-height: 16px;
	  padding-bottom: 6px;
	}
	#copyShortcodeField{
	    opacity: 0;
	}
	.notification p{
	  position: fixed;
	  left: 20px;
	  bottom: 10px;
	  padding: 20px;
	  background: #40a540;
	  color: #fff;
	  border-radius: 5px;
	  z-index: 9999;
	  font-size: 16px;
	}
	.notification p.error{
	  background: #ef5353;
	}
	input[type=checkbox], input[type=radio]{
	  outline: none;
	  padding: 2px !important;
	  border-radius: 2px;
	}
	input[type=checkbox]:checked::before{
	  color: #9B9B9B;
	  content: '';
	  background: #9B9B9B;
	  width: 100%;
	  height: 100%;
	  margin: 0;
	}
	*:focus{
	  border-color: #8c8f94 !important;
	  box-shadow: none !important;
	  outline: none !important;
	}
	.placement-option{
	  max-width: 370px;
	}
	.noEndDate .form-check-label{
	  display: flex !important;
	  align-items: center;
	}
	.disabled input{
	  pointer-events: none !important;
	  opacity: 0.5 !important;
	}

	/*Block Styles*/
	.components-placeholder {
	  min-height: 400px !important;
	  background: #F8F9FA !important;
	  border-radius: 8px !important;
	  box-shadow: none !important;
	  border: 1px solid #d9d9d9;
	}
	.searchResult{
	  max-height: 200px;
	  overflow: auto;
	  width: 510px;
	  margin-top: 0;
	  list-style: none;
	  padding: 0 15px;
	  border: 1px solid #DBDBDB;
	  border-top: 0;
	  margin-top: -2px;
	  background: #ffffff;
	  text-align: left;
	}
	.searchResult li{

	}
	.searchResult li a
	{
	  font-size: 14px;
	  color: #4a4a4a;
	  padding: 9px;
	  display: block;
	  cursor: pointer;
	}
	.searchResult li a:hover{
	  background: #F2F2F2;
	}
	.edit-block-wrap, .debate-embedded .confirm-block {
	  display: block;
	}
	.debate-embedded .edit-block-wrap, .confirm-block{
	  display: none;
	}
	.edit-block-wrap{
	  margin: 0 auto;
	}
	.edit-block-wrap label{
	  font-size: 14px;
	  font-weight: 600;
	  line-height: 16px;
	  letter-spacing: 0px;
	  text-align: left;
	  color: #4A4A4A;
	}
	.edit-block-wrap .searchKeyword{
	  box-sizing: border-box;
	  width: 510px;
	  background: #FFFFFF;
	  border: 1px solid #DBDBDB !important;
	  border-radius: 4px;
	  padding: 15px;
	  font-weight: 400;
	  font-size: 14px;
	  color: #9B9B9B;
	  display: block;
	  margin: 0;
	}
	.searchKeyword-wrap{
	  position: relative;
	  margin: 0 auto;
	  display: block;
	  width: 100%;
	  text-align: center;
	}
	.searchKeyword-wrap span{
	      color: #000000;
	    transform: rotate(45deg);
	    display: inline-block;
	    font-size: 30px;
	    background: #F0F0F0;
	    line-height: 21px;
	    padding-bottom: 5px;
	    width: 26px;
	    color: #979797;
	    border-radius: 100%;
	    text-align: center;
	    position: absolute;
	    right: 12px;
	    top: 12px;
	    cursor: pointer;
	}
	.confirm-block{
	  margin: 0 auto;
	}
	.edit-block-btn {
	  display: block;
	  margin: 30px auto 0;
	  background: #3970AC;
	  color: #ffffff;
	  border: none;
	  padding: 10px 30px;
	  font-size: 14px;
	  font-weight: 600;
	  border-radius: 3px;
	  cursor: pointer;
	}

	.searchKeyword-wrap iframe{
	      max-width: 840px;
	    height: calc(100vh - 200px) !important;
	    overflow-x: auto;
	    width: 100%;

	    /*position: fixed;
	    top: 100px;
	    z-index: 999;*/
	}	
}