/* Admin Css */
.cicg_section-content-api .cicg_image-generate_section {
   border-radius: 5px;
   padding-top: 20px;
}

  /* Add CSS styles to define the grid layout */
  .video-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px; /* Adjust the gap between videos as needed */
  }

  .video-container {
    width: 100%;
    max-width: 320px; /* Adjust the maximum width of each video as needed */
    border: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box;
  }

  .video-title {
    font-size: 14px; /* Adjust the font size of the video titles as needed */
    margin-top: 10px;
  }

  .selected-video {
  border: 2px solid black; /* Black border */
}



.cicg_section-content-api input#cicg-api-post-title {
   width: 100%;
}

.cicg_section-content-api label#title-prompt-text {
   font-size: 16px;
}

.cicg_section-content-api .cicg_generate-api-content {
   border: 1px solid;
   padding: 6px;
   border-radius: 5px;
   display: block;
   width: 100%;
   background: #47a8d8;
   color: #fff;
   text-align: center;
   cursor: pointer;
   font-size: 16px;
}

.cicg_section-content-api .cicg_generate-api-content:hover {
   background: #3ca4d8;
   color: #fff;
}

.cicg_section-content-api textarea#cicg-api-post-description {
   width: 100%;
}

.cicg_section-content-api label#api-post-description-label {
   font-size: 16px;
}

/* loader */
.cicg_image-generate_section #hide-loader {
   display: none;
}

.cicg_image-generate_section .load-container {
   position: relative;
   display: inline-block;
   width: 130px;
   height: 130px;
   overflow: hidden;
   letter-spacing: normal;
   display: flex;
   align-content: center;
   align-items: center;
   justify-content: center;
}

.cicg_image-generate_section .linespinner {
   width: 10px;
   height: 30px;
   background: #5b5c5f;
   position: relative;
   animation: linespinner 1s ease-in-out infinite;
   animation-delay: 0.4s;
   border-radius: 8px;
}

.cicg_image-generate_section .linespinner:after,
.cicg_image-generate_section .linespinner:before {
   border-radius: 8px;
   content: "";
   position: absolute;
   width: 10px;
   height: 30px;
   background: #5b5c5f;
   animation: linespinner 1s ease-in-out infinite;
}

.cicg_image-generate_section .linespinner:before {
   right: 18px;
   animation-delay: 0.15s;
}

.cicg_image-generate_section .linespinner:after {
   left: 18px;
   animation-delay: 0.6s;
}

@keyframes linespinner {

   0%,
   100% {
      background-color: #5b5c5f;
      box-shadow: 0 0 0 #5b5c5f, 0 0 0 #5b5c5f;
   }

   50% {
      background-color: #000000;
      box-shadow: 0 -15px 0 #000000, 0 15px 0 #000000;
   }
}

/* admin general settings */
.cicg_chat-gpt-general-settings #hide-gallery {
   display: none;
}

.cicg_chat-gpt-general-settings input[type="text"] {
   width: 40%;
}

.cicg_openai-settings-heading {
   background: #000;
   display: flex;
   color: #fff;
   padding: 0 10px;
}

.cicg_openai-settings-heading img {
   width: 50px;
}

.cicg_openai-settings-heading h3 {
   color: #fff;
}

.cicg_chat-gpt-general-settings {
   background: #fff;
   padding: 10px 20px;
}

.cicg_chat-gpt-general-settings input#submit {}

.cicg_chat-gpt-general-settings input#submit:hover {}

.cicg_chat-gpt-general-settings input#submit:hover {}

/* image card */
#cicg_openapi-image-grid {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
   overflow: hidden;
   margin-top: 20px;
}

#cicg_openapi-image-grid .image-card {
   width: 24%;
   overflow: hidden;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   position: relative;
}

#cicg_openapi-image-grid .image-card img {
   width: 100%;
   height: auto;
   transition: transform 0.3s ease-in-out;
   border-radius: none;
}

#cicg_openapi-image-grid .image-card:hover img {
   transform: scale(1.1);
}

.cicg_image-generate_section input.cicg_openapi-image-generator {
   padding: 5px 20px;
   border: navajowhite;
   background: #47a8d8;
   color: #fff;
   font-size: 16px;
   cursor: pointer;
   width: 100%;
   border-radius: 5px;
   margin-top: 10px;
}

.cicg_image-generate_section input.cicg_openapi-image-generator:hover {
   background: #3c99c8;
}

.cicg_image-generate_section .search-box {
   display: flex;
}

.cicg_image-generate_section input#api-search-img {
   width: 100%;
   display: block;
   margin-right: -3px;
}

.cicg_image-generate_section input#openapi_text_generator {
   display: none;
   padding: 4px 20px;
   border: navajowhite;
   background: #000;
   color: #fff;
   font-size: 16px;
   cursor: pointer;
   margin-right: -4px;
   z-index: 9;
}

.cicg_chat-gpt-general-settings .openapi-api-link {
   display: flex;
   align-items: center;
   gap: 10px;
}

.cicg_chat-gpt-general-settings .openapi-api-link a {
   text-decoration: none;
}

/* loader for img search */
.cicg_image-generate_section .search-box #hide-loader-img {
   display: none;
}

.cicg_image-generate_section .search-box .container {
   position: absolute;
   display: block;
   display: flex;
   top: 50%;
   left: 0px;
   align-items: center;
   z-index: 999;
   justify-content: center !important;
   align-items: center !important;
   margin-top: 100px;
}

.cicg_image-generate_section .search-box .load-container {
   position: relative;
   display: inline-block;
   width: 130px;
   height: 130px;
   overflow: hidden;
   letter-spacing: normal;
   display: flex;
   align-content: center;
   align-items: center;
   justify-content: center;
}

.cicg_image-generate_section .search-box .linespinner {
   width: 10px;
   height: 30px;
   background: #5b5c5f;
   position: relative;
   animation: cicg_linespinner 1s ease-in-out infinite;
   animation-delay: 0.4s;
   border-radius: 8px;
}

.cicg_image-generate_section .search-box .linespinner:after,
.cicg_image-generate_section .search-box .linespinner:before {
   border-radius: 8px;
   content: "";
   position: absolute;
   width: 10px;
   height: 30px;
   background: #5b5c5f;
   animation: linespinner 1s ease-in-out infinite;
}

.cicg_image-generate_section .search-box .linespinner:before {
   right: 18px;
   animation-delay: 0.15s;
}

.cicg_image-generate_section .search-box .linespinner:after {
   left: 18px;
   animation-delay: 0.6s;
}

@keyframes cicg_linespinner {

   0%,
   100% {
      background-color: #5b5c5f;
      box-shadow: 0 0 0 #5b5c5f, 0 0 0 #5b5c5f;
   }

   50% {
      background-color: #000000;
      box-shadow: 0 -15px 0 #000000, 0 15px 0 #000000;
   }
}

#cicg_openapi-image-grid input#img_link_button {
   display: block;
   overflow: hidden;
   text-align: center;
   background: #fff;
   color: #000;
   padding: 5px 0px;
   border: navajowhite;
   border-radius: 5px;
   font-size: 14px;
   font-weight: 500;
   text-transform: uppercase;
}

#cicg_openapi-image-grid input#img_link_button:hover {
   color: rgb(166, 19, 19);
}

#cicg_openapi-image-grid .img-link {
   position: absolute;
   margin-top: -20px;
   display: block;
   opacity: 0;
   cursor: pointer;
   width: 100%;
}

#cicg_openapi-image-grid .image-card:hover .img-link {
   opacity: 1;
}

#cicg_openapi-image-grid .overlay {
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   opacity: 0;
   transition: opacity 0.3s ease;
   position: absolute;
   top: 0;
}

#cicg_openapi-image-grid .image-card:hover .overlay {
   opacity: 1;
}

#cicg_openapi-image-grid.done {
   background-color: green;
   color: white;
   padding: 5px 80px;
}

#cicg_openapi-image-grid.done:hover {
   color: white;
}

/* reapeter form  */
.cicg_chatgpt-schedule-content form.repeater {
   background: #ffffff;
   min-height: auto;
   padding: 20px;
   position: relative;
   overflow: hidden;
}

.cicg_chatgpt-schedule-content form.repeater h4 {
   font-size: 22px;
   font-weight: 500;
   margin: 0;
   padding: 0px 0 10px 10px;
}

.cicg_chatgpt-schedule-content .repeater-item label {
   display: block;
   color: rgb(0, 0, 0);
   font-size: 14px;
   font-weight: 600;
   margin-left: 10px;
}

.cicg_chatgpt-schedule-content .repeater-item {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: start;
   gap: 10px;
   margin-bottom: 10px;
}

.cicg_chatgpt-schedule-content .repeater-item input[type="text"] {
   padding: 0px 14px;
   line-height: 2;
   min-height: 40px;
   width: 235px;
   border-radius: 4px;
   border: 1px solid #efe9e1;
}

.cicg_chatgpt-schedule-content .repeater-item input[type="button"] {
   padding: 6px 25px;
   margin-top: 15px;
   border: 1.5px solid #efe9e1;
   color: #ed5e5e;
   background: rgba(237, 94, 94, 0.1);
   font-size: 14px;
   font-weight: 500;
   border-radius: 14px;
   cursor: pointer;
}

.cicg_chatgpt-schedule-content input.add-button {
   background: #6691e7;
   color: #fff;
   padding: 6px 26px;
   border: none;
   border-radius: 15px;
   margin: 10px 0px 0 10px;
   font-weight: 600;
   border: 1.5px solid #fff;
}

.cicg_chatgpt-schedule-content input.add-button:hover {
   background: #577bc4;
   color: #fff;
   padding: 6px 26px;
   border: none;
   border-radius: 15px;
   margin: 10px 0px 0 10px;
   font-weight: 600;
   border: 1.5px solid #fff;
}

.cicg_chatgpt-schedule-content form.repeater input#submit {}

.cicg_chatgpt-schedule-content form.repeater input#submit:hover {}

.cicg_chatgpt-schedule-content form input[type="datetime-local"] {
   padding: 5px 8px;
   line-height: 2;
   min-height: 30px;
   border: 1px solid #efe9e1;
}

/* upcoming post  */
.cicg_chatgpt-schedule-content .upcoming-post {
   background-color: #fff;
   margin: 20px 0;
}

.cicg_chatgpt-schedule-content .upcoming-post h3 {
   background: #f3f6f9;
   margin: 0;
   padding: 14px 10px;
   color: #495057;
   text-transform: uppercase;
   font-weight: 700;
}

.cicg_chatgpt-schedule-content .upcoming-post table {
   width: 100%;
   text-align: center;
}

.cicg_chatgpt-schedule-content .upcoming-post th,
.upcoming-post td {
   font-size: 14px;
   font-weight: 700;
}

.cicg_chatgpt-schedule-content .upcoming-post .table {
   border: #000;
   border-radius: 0;
}

.cicg_chatgpt-schedule-content .upcoming-post td.date {
   color: #13c56f;
   font-weight: 700;
}

.cicg_chatgpt-schedule-content .upcoming-post td.status {
   color: #ed5e5e;
   font-weight: 700;
}

.cicg_chatgpt-schedule-content .upcoming-post table {
   border-spacing: 1;
   border-collapse: collapse;
   background: white;
   border-radius: 6px;
   overflow: hidden;
   width: 100%;
   margin: 0 auto;
   position: relative;
}

.cicg_chatgpt-schedule-content .upcoming-post table * {
   position: relative;
}

.cicg_chatgpt-schedule-content .upcoming-post table td,
.upcoming-post table th {
   padding-left: 8px;
}

.cicg_chatgpt-schedule-content .upcoming-post table thead tr {
   height: 48px;
   background: #6691e7;
   font-size: 16px;
   color: #fff;
}

.cicg_chatgpt-schedule-content .upcoming-post table tbody tr {
   height: 48px;
   border-bottom: 1px solid #e3f1d5;
}

.cicg_chatgpt-schedule-content .upcoming-post table tbody tr:last-child {
   border: 0;
}

.cicg_chatgpt-schedule-content .upcoming-post table td,
table th {
   text-align: left;
}

.cicg_chatgpt-schedule-content table td.l,
table th.l {
   text-align: right;
}

.cicg_chatgpt-schedule-content .upcoming-post table td.c,
table th.c {
   text-align: center;
}

.cicg_chatgpt-schedule-content .upcoming-post table td.r,
table th.r {
   text-align: center;
}

@media screen and (max-width: 35.5em) {
   .cicg_chatgpt-schedule-content table {
      display: block;
   }

   .cicg_chatgpt-schedule-content .upcoming-post table>*,
   table tr,
   table td,
   table th {
      display: block;
   }

   .cicg_chatgpt-schedule-content .upcoming-post table thead {
      display: none;
   }

   .cicg_chatgpt-schedule-content .upcoming-post table tbody tr {
      height: auto;
      padding: 8px 0;
   }

   .cicg_chatgpt-schedule-content .upcoming-post table tbody tr td {
      padding-left: 45%;
      margin-bottom: 12px;
   }

   .cicg_chatgpt-schedule-content .upcoming-post table tbody tr td:last-child {
      margin-bottom: 0;
   }

   .cicg_chatgpt-schedule-content .upcoming-post table tbody tr td:before {
      position: absolute;
      font-weight: 700;
      width: 40%;
      left: 10px;
      top: 0;
   }

   .cicg_chatgpt-schedule-content .upcoming-post table tbody tr td:nth-child(1):before {
      content: "Title";
   }

   .cicg_chatgpt-schedule-content .upcoming-post table tbody tr td:nth-child(2):before {
      content: "Publish Time";
   }

   .cicg_chatgpt-schedule-content .upcoming-post table tbody tr td:nth-child(3):before {
      content: "Status";
   }

   .cicg_chatgpt-schedule-content .upcoming-post table tbody tr td:nth-child(4):before {
      content: "Inch";
   }

   .cicg_chatgpt-schedule-content .upcoming-post table tbody tr td:nth-child(5):before {
      content: "Box Type";
   }
}

.cicg_chatgpt-schedule-content .post-content p {
   margin: 0;
   min-height: 100px;
   display: flex;
   align-items: center;
   text-align: center;
   justify-content: center;
}

.cicg_chatgpt-schedule-content h3.create-post {
   background: #f3f6f9;
   margin: 0;
   padding: 14px 10px;
   color: #495057;
   text-transform: uppercase;
   font-weight: 700;
}

/* switch  */
.cicg_section-content-api .container>.switch {
   display: block;
   margin: 12px auto;
}

.cicg_section-content-api .cicg-product-title {
   margin-top: 5px;
}

.cicg_section-content-api .switch {
   position: relative;
   display: inline-block;
   vertical-align: top;
   width: 56px;
   height: 20px;
   padding: 3px;
   background-color: white;
   border-radius: 18px;
   box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
   cursor: pointer;
   background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
   background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
   background-image: -o-linear-gradient(top, #eeeeee, white 25px);
   background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}

.cicg_section-content-api .switch-input {
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0;
}

.cicg_section-content-api .switch-label {
   position: relative;
   display: block;
   height: inherit;
   font-size: 10px;
   text-transform: uppercase;
   background: #eceeef;
   border-radius: inherit;
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12),
      inset 0 0 2px rgba(0, 0, 0, 0.15);
   -webkit-transition: 0.15s ease-out;
   -moz-transition: 0.15s ease-out;
   -o-transition: 0.15s ease-out;
   transition: 0.15s ease-out;
   -webkit-transition-property: opacity background;
   -moz-transition-property: opacity background;
   -o-transition-property: opacity background;
   transition-property: opacity background;
}

.cicg_section-content-api .switch-label:before,
.switch-label:after {
   position: absolute;
   top: 50%;
   margin-top: -0.5em;
   line-height: 1;
   -webkit-transition: inherit;
   -moz-transition: inherit;
   -o-transition: inherit;
   transition: inherit;
}

.cicg_section-content-api .switch-label:before {
   content: attr(data-off);
   right: 11px;
   color: #aaa;
   text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

.cicg_section-content-api .switch-label:after {
   content: attr(data-on);
   left: 11px;
   color: white;
   text-shadow: 0 1px rgba(0, 0, 0, 0.2);
   opacity: 0;
}

.cicg_section-content-api .switch-input:checked~.switch-label {
   background: #47a8d8;
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15),
      inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.cicg_section-content-api .switch-input:checked~.switch-label:before {
   opacity: 0;
}

.cicg_section-content-api .switch-input:checked~.switch-label:after {
   opacity: 1;
}

.cicg_section-content-api .switch-handle {
   position: absolute;
   top: 4px;
   left: 4px;
   width: 18px;
   height: 18px;
   background: white;
   border-radius: 10px;
   box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
   background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
   background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
   background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
   background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
   -webkit-transition: left 0.15s ease-out;
   -moz-transition: left 0.15s ease-out;
   -o-transition: left 0.15s ease-out;
   transition: left 0.15s ease-out;
}

.cicg_section-content-api .switch-handle:before {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -6px 0 0 -6px;
   width: 12px;
   height: 12px;
   background: #f9f9f9;
   border-radius: 6px;
   box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
   background-image: -webkit-linear-gradient(top, #eeeeee, white);
   background-image: -moz-linear-gradient(top, #eeeeee, white);
   background-image: -o-linear-gradient(top, #eeeeee, white);
   background-image: linear-gradient(to bottom, #eeeeee, white);
}

.cicg_section-content-api .switch-input:checked~.switch-handle {
   left: 40px;
   box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.cicg_section-content-api .switch-green>.switch-input:checked~.switch-label {
   background: #4fb845;
}

/* loading dots */
.cicg_section-content-api .loading:after {
   content: " .";
   animation: cicg_dots 1s steps(5, end) infinite;
   font-size: 32px;
}

@keyframes cicg_dots {

   0%,
   20% {
      color: #3ca4d8;
      text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);
   }

   40% {
      color: #3ca4d8;
      text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);
   }

   60% {
      text-shadow: 0.25em 0 0 #3ca4d8, 0.5em 0 0 rgba(0, 0, 0, 0);
   }

   80%,
   100% {
      text-shadow: 0.25em 0 0 #3ca4d8, 0.5em 0 0 #3ca4d8;
   }
}

.cicg_section-content-api p.loading {
   text-align: center;
   font-size: 14px;
   font-weight: 500;
   margin-top: -14px;
   color: #000;
   display: none;
}

/* api key error  */
.cicg_section-content-api .failed-api {
   font-size: 14px;
   font-weight: 500;
   color: red;
   text-align: center;
   display: none;
}

.cicg_section-content-api .failed-api a {
   text-decoration: none;
}

/* generate success  */
.cicg_section-content-api p.generate-success {
   text-align: center;
   font-size: 14px;
   padding: 15px 10px;
   color: #155724;
   background: #d4edda;
   font-weight: 500;
   display: none;
}

/* Form Error */
.cicg_section-content-api p.form-error {
   text-align: center;
   font-size: 14px;
   background-color: #f2dede;
   color: #a94442;
   padding: 10px 10px;
   font-weight: 500;
   display: none;
}

/* Response Error */
.cicg_section-content-api p.response-error {
   text-align: center;
   font-size: 14px;
   background-color: #f2dede;
   color: #a94442;
   padding: 5px 10px;
   font-weight: 500;
   display: none;
}

/* loader for image generate  */
.cicg_section-content-api .image-content {
   display: none;
}

.cicg_section-content-api .image-content {
   position: relative;
   min-height: 200px;
}

.cicg_image-generate_section .container {
   position: absolute;
   display: block;
   display: flex;
   z-index: 999;
   width: 100%;
   justify-content: center !important;
   align-items: center !important;
   margin-top: 38px;
}

.cicg_image-generate_section .upload-success {
   text-align: center;
   font-size: 14px;
   padding: 5px 10px;
   color: #155724;
   background: #d4edda;
   font-weight: 500;
   display: none;
}

.cicg_image-generate_section p.image-form-error {
   text-align: center;
   font-size: 14px;
   background-color: #f2dede;
   color: #a94442;
   padding: 10px 10px;
   font-weight: 500;
   display: none;
}

/* social media  */
.cicg-social-share-metabox {
   padding: 20px 20px;
}

button.cicg-social-share-metabox-btn {
   border: none;
   background: #fff;
   cursor: pointer;
}

.cicg-social-share-metabox p {
   font-size: 16px;
   margin-bottom: 10px;
   color: #000;
}

/* deshboard  */
.cicg_chatgpt-deshboard {
   display: grid;
   grid-template-columns: 2fr 1fr;
   align-items: center;
   justify-content: center;
   gap: 20px;
   height: 425px;
   background: #fff;
   padding: 20px;
   overflow: hidden;
}

.cicg_chatgpt-deshboard h3 {
   font-size: 36px;
   font-weight: 700;
   margin: 0;
}

.cicg_chatgpt-deshboard p {
   color: #718096;
   font-size: 18px;
}

.cicg_chatgpt-deshboard .col.img {
   margin-top: -60px;
}

.cicg_chatgpt-deshboard .col.img {
   text-align: center;
}

.cicg_chatgpt-deshboard textarea#cica-chatgpt-shortcode {
   width: 50%;
   padding: 4px;
}

.cicg_chatgpt-schedule-content #countdown-timer {
   background: green;
   padding: 15px 0 15px 10px;
   color: #fff;
   font-size: 16px;
   font-weight: 500;
   display: none;
}

/* Form Error */
.cicg_chatgpt-schedule-content p.schedule-form-error {
   text-align: center;
   font-size: 14px;
   background-color: #f2dede;
   color: #a94442;
   padding: 10px 10px;
   font-weight: 500;
   display: none;
}

/******************* media screen  ******************/
@media screen and (max-width: 35.5em) {
   .cicg_chatgpt-deshboard {
      display: grid;
      grid-template-columns: 1fr;
      align-items: center;
      justify-content: center;
      gap: 20px;
      min-height: 834px;
      background: #fff;
   }

   .cicg_chatgpt-deshboard h3 {
      color: #1d2327;
      font-size: 1.3em;
      margin: 1em 0;
      font-size: 28px !important;
   }

   .cicg_chatgpt-deshboard .col.img {
      margin-top: 0px;
   }

   .cicg_chatgpt-deshboard textarea#cica-chatgpt-shortcode {
      width: 50%;
      padding: 4px;
      vertical-align: top;
   }

   .cicg_chatgpt-schedule-content .repeater-item {
      display: block;
   }

   .cicg_chatgpt-deshboard .chat-header .heading {
      display: none;
   }

   .cicg_chatgpt-deshboard .chat-header .chat-gpt-demo {
      display: none;
   }

   /* image card */
   #cicg_openapi-image-grid {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      overflow: hidden;
      margin-top: 20px;
   }

   #cicg_openapi-image-grid .image-card {
      width: 50%;
      overflow: hidden;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      position: relative;
   }

   #cicg_openapi-image-grid input#img_link_button {
      /* width: 96%; */
      display: block;
      overflow: hidden;
      text-align: center;
      background: #fff;
      color: #000;
      padding: 5px 0px;
      border: navajowhite;
      border-radius: 5px;
      font-size: 14px;
      font-weight: 500;
      text-transform: uppercase;
   }
}