@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;

}





.local-listing-wrapper {

  border: 1px solid #ccc;

  overflow: hidden;

}

.local-listing-wrapper .left-navigation {

  background: #e9ecef;

  padding: 0px;

}

.local-listing-wrapper .col-sm-9.form-section {

  background: #ffffff;

  padding: 15px 25px !important;

}



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





.local-listing-wrapper .left-navigation ul {

  padding: 0px;

  margin: 0px;

}

.local-listing-wrapper .left-navigation ul li {

  border-bottom: 1px solid #ccc;

  padding: 8px 15px;

  list-style: none;

}

.local-listing-wrapper .left-navigation ul li:hover,

.local-listing-wrapper .left-navigation ul li.active {

  background: #e11e2e;

}



.local-listing-wrapper .left-navigation ul li a {

  color: #000000;

  padding-left: 15px;

  display: block;

  font-weight: bold;

}

.local-listing-wrapper .left-navigation ul li.active a,

.local-listing-wrapper .left-navigation ul li:hover a {

  color: #ffffff;

}



.add-new-button {

  background: #e11e2e;

  color: #ffffff;

  padding: 5px 20px;

  border-radius: 5px;

}

.add-new-button:hover {

  background: #000000;

}



/************* Official card *******************/



#official-list .list-item {

  width: 200px;

  float: left;

  border: 1px solid #ccc;

  padding: 7px;

  background: #ffffff;

  border-radius: 5px;

  margin-left: 10px;

  margin-top: 25px;

  list-style: none;

}

/* #official-list .list-item img {

  max-height: 108px;

} */

#official-list .list-item .address-text,

.office-card-on-form span {

  font-size: 14px;

  line-height: 23px;

}



#official-list .list-item .action-links {

  width: 100%;

  background: yellow;

}

#official-list .list-item .edit-link {

  width: 30px;

  float: right;

  margin-left: 10px;

  margin-right: 10px;

}

#official-list .list-item .delete-link {

  float: right;

}

/* *************Office Card on form ***********************/



.office-card-on-form {

  width: 200px;

  padding: 7px;

  border-radius: 5px;

  margin-left: 10px;

  margin-top: 25px;

  list-style: none;

  min-height: 230px;

}

.office-card-on-form .image img {

  max-width: 100%;

}

fieldset#edit-select-official--wrapper .js-form-item {

  width: 25%;

  display: inline-block;

  position: relative;

}

fieldset#edit-select-official--wrapper input {

  position: absolute;

  top: 70px;

  right: 28px;

}

fieldset#edit-select-official--wrapper #edit-select-official {

  display: flex;

  flex-wrap: wrap;

}

.official-form-wrapper .local-office-list {

  display: block;

}



table.datasearch tr th {

  background: #e9ecef;

  color: #000000;

}





div.dt-container div.dt-layout-cell.dt-end {

  text-align: left !important;

}



div.dt-container div.dt-layout-cell.dt-end {

  text-align: left !important;

}





.add-local-offices-form .col-sm-4.state .form-item-state-code,

.edit-local-offices-form .col-sm-4.state .form-item-state-code {

  display: none;

}

















  .video-container {

      position: relative;

      padding-bottom: 56.25%; /* 16:9 aspect ratio */

      height: 0;

      overflow: hidden;

      margin-bottom: 5px;

    }

    .video-container iframe {

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

    }



.category-btns a {

    font-size: 16px;

    font-weight: 500;

    border-radius: 3px;

    padding: 13px 30px;

    background: rgb(233 233 233);

    color: #000;

    margin: 5px 0;

}

.category-btns .active {

    background: #e11e2d !important;

}

.category-btns a:hover {

    background: #e11e2d;

}

.videos-list a p {

    text-transform: capitalize;

    font-weight: 500;

    color: #000;

    font-size: 17px;

}

.videos-listing {

    border: none;

    overflow: unset;

}

.videos-listing table {

    border: 1px solid #ececec !important;

    width: 100% !important;

}

.videos-listing table thead tr th {

    background: #ececec !important;

    padding: 18px !important;

    border-bottom: 1px solid #ececec !important;

    color: #444444 !important;

    font-weight: 500;

    border-top: 0px;

    border: none !important;

}

.videos-listing table tbody tr td {

    padding: 18px !important;

    font-weight: 400;

    border: none;

    color: #6e6e6e;

    font-size: 14px;

    border-bottom: 1px solid #ececec;

}

.videos-listing table thead tr th span.dt-column-order {

    right: 4px !important;

}

.videos-listing table thead tr th span.dt-column-order::before {

    color: #404c78;

    opacity: unset !important;

}

.videos-listing table thead tr th span.dt-column-order:after {

    color: #404c78;

    opacity: 0.6 !important;

}

.videos-listing .add-btn a {

    padding: 9px 18px;

    font-weight: 500;

    font-size: 16px;

    border-radius: 3px;

}

.videos-listing .dt-search input {

    height: 44px;

    min-height: 44px;

    border: 1px solid #7e96a7 !important;

}

.videos-listing .dt-paging {

    text-align: center;

}

body .videos-listing .dt-paging button.dt-paging-button.current {

    background: #284544 !important;

    border: none !important;

    color: #fff !important;

}

.videos-listing .dt-paging button.dt-paging-button {

    padding: 4px 15px;

    font-size: 15px;

}

.videos-listing .add-btn a:hover {

    background: #1f2d61;

}

.videos-listing .dt-container.dt-empty-footer tbody > tr:last-child > * {

    border-bottom: 0px solid rgba(0, 0, 0, 0.3);

}

.video-details video {

    width: 100%;

    height: auto;

}

.video-details .card {

    border: none;

}

.video-details .card .card-body {

    padding: 10px 0px;

}

.video-details .card .card-body h5.card-title {

    text-transform: capitalize;

    font-size: 22px;

    color: #000;

    margin: 0px;

    font-weight: 600;

}

.video-details .card .card-body p.card-text {

    text-transform: capitalize;

    font-size: 16px;

    color: #444;

    font-weight: 400;

}

.path-add-video #add-video-form, .path-edit-video #edit-video-form {

    max-width: 1000px;

    margin: 0 auto;

    width: 100%;

}

.path-add-video form#add-video-form .js-form-item.form-item input, .path-edit-video #edit-video-form .js-form-item.form-item input {

    width: 100%;

    border-color: #d9d9d9 !important;

    height: 44px;

}

.path-add-video form#add-video-form .js-form-item.form-item textarea, .path-edit-video #edit-video-form .js-form-item.form-item textarea {

    width: 100%;

    border-color: #d9d9d9 !important;

}

.path-add-video form#add-video-form .js-form-item.form-item label, .path-edit-video #edit-video-form .js-form-item.form-item label {

    color: #444;

    margin: 0px;

    line-height: normal;

    margin-top: 1.125rem;

}

.path-add-video form#add-video-form .form-submit, .path-edit-video #edit-video-form .form-submit {

    padding: 12px 29px;

    font-size: 16px;

    font-weight: 500;

    background: #e11e2d;

}

.path-add-video form#add-video-form .form-submit:hover, .path-edit-video #edit-video-form .form-submit:hover {

   background: #404c78;

  

}

.path-add-video form#add-video-form .js-form-managed-file input, .path-edit-video #edit-video-form .js-form-managed-file input {

    height: 44px;

    border: 1px solid #d9d9d9;

    padding: 5px 10px;

    border-radius: 3px;

}

.path-add-video form#add-video-form .js-form-type-managed-file .form-submit, .path-edit-video #edit-video-form .js-form-type-managed-file .form-submit {

    width: auto !important;

}

.add-video-sec {

    display: flex;

    gap: 20px;

    align-items: end;

}

.add-video-sec .js-form-type-select {

    width: 50%;

}

.add-video-sec .js-form-item.form-item {

    width: 50%;

}

.add-video-sec2 #ajax-wrapper {

    float: right;

    width: 49%;

}

.add-video-sec2 .js-form-type-select {

    width: 49%;

    float: left;

}

.add-submit {

    clear: both;

    text-align: center;

    padding: 30px 0;

}

.add-submit a {

    background: #404c78;

    color: #fff;

    padding: 11px 29px;

    font-size: 16px;

    font-weight: 500;

    border-radius: 3px;

    border: none;

}

.add-submit a:hover {

    background: #e11e2d;

}

@media only screen and (max-width: 600px) {

  .add-video-sec {

    display: block;

}

.add-video-sec .js-form-item.form-item {

    width: 100%;

}

.add-video-sec2 .js-form-type-select {

    width: 100%;

}

.add-video-sec2 #ajax-wrapper {

    width: 100%;

}

}

body .videos-listing .dt-paging button.dt-paging-button.current:hover {

    color: #fff !important;

}

.videos-list p {

    margin-bottom: 0px;

}

.videos-list span {

    display: flex;

    align-items: center;

    gap: 8px;

}

.play-icn {

    position: absolute;

    top: 0%;

    right: 0px;

    left: 0%;

    text-align: center;

    display: flex;

    width: 100%;

    justify-content: center;

    align-items: center;

    height: 100%;

}

.video-icon {

    position: relative;

}

.play-icn i {

    color: #fff;

    font-size: 20px;

    background: black;

    height: 50px;

    width: 50px;

    border-radius: 50%;

    display: flex;

    padding: 0 0px;

    justify-content: center;

    align-items: center;

}

.play-icn i::before {

    padding-left: 4px;

}

.video-details .card-body span {

    display: flex;

    align-items: center;

    gap: 8px;

}

.video-details .card-body span p {

    margin: 0px;

}

.video-details .card-body span {

    display: flex;

    align-items: center;

    gap: 8px;

    padding-bottom: 10px;

}

.videos-list a p {

    line-height: normal;

}

.add-submit a:hover {

    color: #fff;

}

.add-submit a {

    color: #fff !important;

}



.top-titl {

  background: #404c78;

  padding: 60px 10px;

  color: #fff;

  text-align: center;

}



.title.page-title {

  text-align: center;

  padding-top: 0px;

  color: #ffffff !important;

  font-size: 30px !important;

  font-weight: bold;

  margin-bottom: 0px !important;

  text-transform: uppercase;

  position: relative;

  display: inline-block;

  width: auto;

  top: 0% !important;

  bottom: 0%;

  transform: none !important;

}

.title.page-title::before {

  content: "";

  display: block;

  width: auto;

  background-color: #ffffff;

  height: 2px;

  position: absolute;

  left: 0;

  right: 0;

  margin: 0 auto;

  top: 49.5px;

  bottom: -3px;

}



.title.page-title::after {

  content: "";

  width: 12px;

  height: 12px;

  background-color: #e11e2d;

  left: 0;

  position: absolute;

  display: block;

  top: 45px;

  bottom: -8px;

  margin: 0 auto;

  right: 0;

  transform: rotate(45.65deg);

}



.hidden_url{

    display: none;

}

.videos-listing td span.edit-link.edit-i a:first-child {

    padding-right: 10px;

}

.videos-listing td:last-child {

    min-width: 120px;

}





.path-add-training-video #add-video-form, .path-edit-training-video #edit-video-form {

    max-width: 750px;

    margin: 0 auto;

    width: 100%;

}

.path-add-training-video form#add-video-form .js-form-item.form-item input, .path-edit-training-video #edit-video-form .js-form-item.form-item input {

    width: 100%;

    border-color: #d9d9d9 !important;

    height: 44px;

}

.path-add-training-video form#add-video-form .js-form-item.form-item textarea, .path-edit-training-video #edit-video-form .js-form-item.form-item textarea {

    width: 100%;

    border-color: #d9d9d9 !important;

}

.path-add-training-video form#add-video-form .js-form-item.form-item label, .path-edit-training-video #edit-video-form .js-form-item.form-item label {

    color: #444;

    margin: 0px;

    line-height: normal;

    margin-top: 1.125rem;

}

.path-add-training-video form#add-video-form .form-submit, .path-edit-training-video #edit-video-form .form-submit {

    padding: 12px 29px;

    font-size: 16px;

    font-weight: 500;

    background: #e11e2d;

}

.path-add-training-video form#add-video-form .form-submit:hover, .path-edit-training-video #edit-video-form .form-submit:hover {

   background: #404c78;

  

}

.path-add-training-video form#add-video-form .js-form-managed-file input, .path-edit-training-video #edit-video-form .js-form-managed-file input {

    height: 44px;

    border: 1px solid #d9d9d9;

    padding: 5px 10px;

    border-radius: 3px;

}

.path-add-training-video form#add-video-form .js-form-type-managed-file .form-submit, .path-edit-training-video #edit-video-form .js-form-type-managed-file .form-submit {

    width: auto !important;

}