@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"); 

.local-official-form-wrapper .state select,
.local-official-form-wrapper .country select,
.local-official-form-wrapper .phone-no input{ 
  width: 100%;
}
.local-official-form-wrapper .form-section {
  padding: 15px;
  padding-right: 30px;
}
.local-official-form-wrapper .form-item-image{
  margin-left: 15px;
}
body.path-add-local-offical .page-title {
  display: none;
}
.official-form-wrapper {
  border: 1px solid #ccc;
  overflow: hidden;
}

/************* Left menu *******************/

.official-form-wrapper .left-navigation {
 background: #e9ecef;
 padding: 0px;
}
.official-form-wrapper .left-navigation ul{
  padding: 0px;
  margin: 0px;
}
.official-form-wrapper .left-navigation ul li{
  border-bottom: 1px solid #ccc;
  padding: 8px 15px;
  list-style: none;
}
.official-form-wrapper .left-navigation ul li:hover,
.official-form-wrapper .left-navigation ul li.active{  
  background: #e11e2e;
}

.official-form-wrapper .left-navigation ul li a{
  color:#000000;
  padding-left: 15px;
  display: block;
  font-weight: bold;
}
.official-form-wrapper .left-navigation ul li.active a,
.official-form-wrapper .left-navigation ul li:hover a{
  color:#ffffff;
}

.add-new-button{
  background: #e11e2e;  
  color: #ffffff;
  padding: 5px 20px;
  border-radius: 5px;
}
/************* Official card *******************/
.official-grid-cards{
  width: 200px;
  float: left;
  border: 1px solid #ccc;
  padding: 7px;
  background: #ffffff;
  border-radius: 5px;
  margin-left: 10px;
  margin-top: 25px;
}
.official-grid-cards img{
  max-height: 108px;
}
.official-grid-cards .action-links{
  width: 100%;
  background: yellow;
}
.official-grid-cards .edit-link{
  width: 30px;
  float: right;
  margin-left: 10px;
  margin-right: 10px;
}
.official-grid-cards .delete-link{
  float: right;
}

.add-race .form-type-radio {display:inline-block;width:20%}
.races-table th{background:#ECECEC;color:#444444}

.fieldset-race .fieldset-wrapper{display:flex;flex-wrap:wrap}
.fieldset-race{border:0px solid !important}
.fieldset-race .btn{position:relative;bottom:25px;}

.modal-dialog{pointer-events:inherit !important}

.click-btn{text-decoration:underline}

.view-manage-party .views-field-nothing a{

    font-size: 13px;
    background: #e11e2e;
    margin: 2px 6px;
    text-transform: capitalize;
    color: #ffffff;
    padding: 4px 9px;
    border-radius: 4px;

}

.view-manage-party .view-header a{
    background: #e11e2e;
    color: #ffffff;
    padding: 9px 18px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 500;
    margin-bottom:10px;
    float:right
}

.path-race .right-content.local-add div#edit-actions a#edit-reset{
  position:relative;
  top:12px
}

.answercolor{color:green !important} 


/*============= For Question listing =======*/

.view-questions  .local-add .fieldset__legend{ display: none}
.view-questions  .grg .fieldset-race{ margin-top: 0px; margin-bottom:0px}

.view-questions .right-content.local-add div#edit-actions{ justify-content : start; margin-top:0px}
.view-questions .right-content.local-add .dn-race-filter-form .fieldset__wrapper{padding:0}
.view-questions .grg .fieldset-race .js-form-item{margin-top: 0px;margin-bottom:17px}
.view-questions .right-content.local-add div#edit-actions input#edit-submit{position:relative;top:12px;}
.view-questions #edit-submit{background:#6c757d !important;min-height:44px;height:44px;margin-bottom:0px }
.view-questions .right-content.local-add div#edit-actions a#edit-reset{position:relative;top:12px}
.view-questions .grg .add-btn.text-align-right{margin-bottom:0px}
.view-questions .grg .add-btn.text-align-right .add-new-button{margin-top:22px}

.view-questions .right-content.local-add .races-table.table, .views-table, .page-civicrm-vol table{    width: 100%;
  margin: 0 auto;
  border: 1px solid #ececec !important;
  background: #fff;}
.view-questions .official-form-wrapper th, .view-questions .official-form-wrapper td{
  padding: 18px !important;
  border-bottom: 1px solid #ececec !important;
}
.view-questions .official-form-wrapper table td:nth-child(2){
  width:60%
}
.view-questions td:last-child{    display: flex;
  border-top: 0 !important;
  border-bottom: 0 !important;}

.view-questions .edit-link svg, 
.view-questions .delete-link svg, 
.view-questions .right-content svg,
.view-questions .right-content .delete-link svg
{
  font-size: 14px;
  display: flex;
  padding: 0 2px;
}
@media only screen and (min-width: 991px){
  .view-questions .right-content.local-add .races-table.table tr th:last-child{
    min-width: 140px !important
  }
}

.view-questions td:last-child .button{
  align-items: baseline;
  height: auto;
}
.view-questions .edit-link a{
  padding: 0px !important
}

.path-manage td {
  background-color: transparent !important;
  color: #6e6e6e;
  font-weight: 400;
  border: 0 !important;
  font-size: 14px !important
}

.form-item-select-category label{float:left}
.anchorclass{text-decoration: underline;}


/*============= For Question listing =======*/


/* ========== New Race title CSS ==========*/

.races  .local-add .fieldset__legend{ display: none}
.races .grg .fieldset-race{ margin-top: 0px; margin-bottom:0px}

.races .right-content.local-add div#edit-actions{ justify-content : start; margin-top:0px}
.races .right-content.local-add .dn-race-filter-form .fieldset__wrapper{padding:0}
.races .grg .fieldset-race .js-form-item{margin-top: 0px;margin-bottom:17px}
.races .right-content.local-add div#edit-actions input#edit-submit{position:relative;top:12px;}
.races #edit-submit{background:#6c757d !important;min-height:44px;height:44px;margin-bottom:0px }
.races .right-content.local-add div#edit-actions a#edit-reset{position:relative;top:12px}
.races .grg .add-btn.text-align-right{margin-bottom:0px}
.races .grg .add-btn.text-align-right .add-new-button{margin-top:22px}

.races .right-content.local-add .races-table.table, .views-table, .page-civicrm-vol table{    width: 100%;
  margin: 0 auto;
  border: 1px solid #ececec !important;
  background: #fff;}
.races .official-form-wrapper th, .races .official-form-wrapper td{
  padding: 18px !important;
  border-bottom: 1px solid #ececec !important;
}

.races td:last-child{    display: flex;
  border-top: 0 !important;
  border-bottom: 0 !important;}

.races .edit-link svg, 
.races .delete-link svg, 
.races .right-content svg,
.races .right-content .delete-link svg
{
  font-size: 14px;
  display: flex;
  padding: 0 2px;
}
@media only screen and (min-width: 991px){
  .races .right-content.local-add .races-table.table tr th:last-child{
    min-width: 140px !important
  }
}
.races td:last-child .button{
  align-items: baseline;
  height: auto;
}
.races .edit-link a{
  padding: 0px !important
}

/* ========== New Race title CSS end ==========*/
.fedoffice{display:none;}
.stateoff{display:none;}



/* CSS for filters */
.races .right-content.local-add .races-table thead tr th {
  background: #4c5680 !important;
  color: #fff !important;
}
.races .right-content.local-add .races-table tbody tr:nth-child(2n) {
  background: #d6eeee;
}
.races .right-content.local-add .races-table tbody tr td input {
  border-color: #000 !important;
}
.path-manage #nc-manage-questions-race-form table thead tr th {
  background: #4c5680 !important;
  color: #fff !important;
  padding: 12px 12px !important;
}
.path-manage #nc-manage-questions-race-form #edit-submit {
  padding: 12px 30px;
  height: auto;
  font-size: 16px;
  font-weight: 500;
  border-radius: 3px;
}
.path-race-candidate .right-content.local-add .races-table.table th {
  background: #4c5680 !important;
  color: #fff !important;
}
.path-race-candidate .right-content.local-add .races-table tbody tr:nth-child(2n) {
  background: #d6eeee;
}
.path-race-candidate .right-content.local-add .races-table tbody tr td {
  vertical-align: middle;
}
.path-manage #nc-manage-questions-race-form #edit-next {
  margin: 0px;
  height: auto;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 500;
  padding: 13px 30px;
  position: relative;
  top: 38px;
}
.path-manage #nc-manage-questions-race-form .js-form-type-select.form-item-candidate-id {
  width: 25%;
  float: left;
  margin: 0px;
}
.path-manage #nc-manage-questions-race-form .js-form-type-select.form-item-candidate-id select {
  width: 100%;
}
.path-manage #nc-manage-questions-race-form #edit-questions-ans {
  border: none !important;
  margin-top: 50px !important;
}
.path-manage #nc-manage-questions-race-form #edit-questions-ans tbody tr td {
  width: 100% !important;
  display: block;
  padding: 0px !important;
  border: none !important;
  font-size: 18px !important;
  font-weight: 500;
  color: #000;
}
.path-manage #nc-manage-questions-race-form #edit-submit {
  margin: 0px;
  height: auto;
  border-radius: 3px;
  font-weight: 500;
  padding: 12px 30px;
  font-size: 16px;
  margin-top: 10px;
}
@media screen and (max-width: 500px) {
  .path-manage #nc-manage-questions-race-form .js-form-type-select.form-item-candidate-id {
      width: 100% !important;
  }
  .path-manage #nc-manage-questions-race-form #edit-next {
      top: 10px;
  }
}
@media screen and (min-width: 501px) and (max-width: 767px) {
  .path-manage #nc-manage-questions-race-form .js-form-type-select.form-item-candidate-id {
      width: 75% !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .path-manage #nc-manage-questions-race-form .js-form-type-select.form-item-candidate-id {
      width: 40% !important;
  }
}
.path-manage #nc-manage-questions-race-form tbody tr:nth-child(2n) {
  background: #d6eeee;
}
.path-manage #nc-manage-questions-race-form tbody tr td {
  padding: 12px 12px !important;
  color: #444 !important;
}
.path-manage #nc-manage-questions-race-form tbody tr td .js-form-type-checkbox {
  margin: 0px;
}
.path-manage #nc-manage-questions-race-form #edit-questions-ans tbody tr td:first-child {
  margin-top: 15px;
}
.path-manage #nc-manage-questions-race-form #edit-questions-ans tbody tr td .filter-help {
  display: none;
}