/* General font and background settings */
/* General font and background settings */
div.swaggerPage {
  position: relative;
/*  padding: 10px 20px; */
  background-color: #f5f7fa;
  font-family: 'Segoe UI', 'Calibri', sans-serif !important;
  color: #333;
  max-width: 100%;
  margin: 0 auto;
}

/* Info section */
div.swaggerPage .swagger-ui .info {
  margin: 0;
  font-size: 12px; /* Reduced font size */
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Headings and section titles */
div.swaggerPage .swagger-section .information-container .info .title {
  color: #333;
  font-size: 16px; /* Reduced font size */
  font-weight: 600;
  margin-bottom: 8px;
  letter-spacing: 0.3px;
}


div.swaggerPage .swagger-ui .opblock-tag.no-desc span {
  font-size: 14px; /* Reduced font size */
  font-weight: 600;
  color: #2C3E50;
  padding: 5px 8px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* Remove filter tag */
div.swaggerPage .swagger-ui .filter-container {
  display: none !important;
}

/* Opblock summary layout */
div.swaggerPage .swagger-ui .opblock-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 10px; /* Reduced padding */
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  margin-bottom: 8px; /* Reduced margin */
  transition: background-color 0.3s ease;
  align-items: center;
}

/* Path styling */
div.swaggerPage .swagger-ui .opblock-summary-path {
  font-size: 12px; /* Reduced font size */
  font-weight: 500;
  color: #333;
  flex: 3;
  padding-left: 8px;
  overflow-wrap: break-word;
  letter-spacing: 0.2px;
  max-width: 70%;
}
div.swaggerPage .swagger-section .wrapper {
  background-color: rgba(255, 255, 255, 0.2); /* Transparent white background */
 
  border-radius: 6px; /* Rounded corners for the wrapper */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* Light shadow for depth */
  margin-top: 15px; /* Consistent margin-top to align with other sections */
  transition: background-color 0.3s ease; /* Smooth transition for background */
}
/* Description styling */
div.swaggerPage .swagger-ui .opblock-summary-description {
 font-size: 12px; /* Reduced font size */
  color: #4a4a4a;
  padding: 0 8px;
  margin-left: 8px;
  flex: 4;
  max-width: 30%;
  line-height: 1.4;
  white-space: normal;
  word-break: break-word;
}

/* Control button */
div.swaggerPage .swagger-ui .opblock-summary-control {
  display: flex;
  align-items: center;
  height: auto;
  justify-content: flex-end;
}

/* Method button colors */
div.swaggerPage .swagger-ui .opblock-summary-method {
  font-weight: 600;
font-size: 12px; /* Reduced font size */
  border-radius: 6px;
  width: 60px;
  text-align: center;
  padding: 6px 0;
  color: #fff;
  letter-spacing: 0.3px;
}

/* Method colors */
div.swaggerPage .swagger-ui .opblock.opblock-get .opblock-summary-method { background-color: #28a745; }
div.swaggerPage .swagger-ui .opblock.opblock-post .opblock-summary-method { background-color: #000099; }
div.swaggerPage .swagger-ui .opblock.opblock-put .opblock-summary-method { background-color: #fd7e14; }
div.swaggerPage .swagger-ui .opblock.opblock-delete .opblock-summary-method { background-color: #dc3545; }
div.swaggerPage .swagger-ui .opblock.opblock-options .opblock-summary-method { background-color: #20c997; }
div.swaggerPage .swagger-ui .opblock.opblock-patch .opblock-summary-method { background-color: #6f42c1; }
div.swaggerPage .swagger-ui .opblock.opblock-head .opblock-summary-method { background-color: #e83e8c; }
div.swaggerPage .swagger-ui .opblock.opblock-trace .opblock-summary-method { background-color: #6c757d; }

/* Block background colors based on HTTP methods */
div.swaggerPage .swagger-ui .opblock.opblock-get {
  background-color: rgba(40, 167, 69, 0.05);
  border-left: 4px solid #28a745;
}

div.swaggerPage .swagger-ui .opblock.opblock-post {
  background-color: rgba(0, 123, 255, 0.05);
  border-left: 4px solid #000099;
}

div.swaggerPage .swagger-ui .opblock.opblock-put {
  background-color: rgba(253, 126, 20, 0.05);
  border-left: 4px solid #fd7e14;
}

div.swaggerPage .swagger-ui .opblock.opblock-delete {
  background-color: rgba(220, 53, 69, 0.05);
  border-left: 4px solid #dc3545;
}

div.swaggerPage .swagger-ui .opblock.opblock-options {
  background-color: rgba(32, 201, 151, 0.05);
  border-left: 4px solid #20c997;
}

div.swaggerPage .swagger-ui .opblock.opblock-patch {
  background-color: rgba(111, 66, 193, 0.05);
  border-left: 4px solid #6f42c1;
}

div.swaggerPage .swagger-ui .opblock.opblock-head {
  background-color: rgba(232, 62, 140, 0.05);
  border-left: 4px solid #e83e8c;
}

div.swaggerPage .swagger-ui .opblock.opblock-trace {
  background-color: rgba(108, 117, 125, 0.05);
  border-left: 4px solid #6c757d;
}

/* Buttons */
div.swaggerPage .swagger-ui .btn {
  background-color: #001b94 !important;
  color: #fff !important;
font-size: 13px; /* Reduced font size */
  font-weight: 600;
  border-radius: 4px;
  padding: 6px 15px;
  transition: all 0.2s ease;
  letter-spacing: 0.3px;
}

div.swaggerPage .swagger-ui .btn:hover {
  background-color: #003bb5 !important;
}

/* General container improvements */
div.swaggerPage .swagger-section section {
  background-color: #ffffff;
  padding: 12px;
  border-radius: 6px;

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Models section background */
div.swaggerPage .swagger-ui section.models .model-container {
  background-color: #e8eff9 !important;
  padding: 10px;
  border-radius: 6px;
}



/* Code blocks */
div.swaggerPage pre {
  background-color: #f0f3f7;
  padding: 10px;
  border-radius: 6px;
  font-family: 'Courier New', monospace;
 font-size: 12px; /* Reduced font size */
}

/* Servers section title */
.swagger-ui .servers-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  display: block;
  color: #333;
}

/* Responsiveness */
@media (max-width: 768px) {
  div.swaggerPage .swagger-ui .opblock-summary {
    flex-direction: column;
    align-items: flex-start;
  }

  div.swaggerPage .swagger-ui .opblock-summary-path,
  div.swaggerPage .swagger-ui .opblock-summary-description {
    width: 100%;
    margin: 6px 0;
  }

  div.swaggerPage .swagger-ui .opblock-summary-method {
    width: 100%;
    margin-bottom: 8px;
  }

  div.swaggerPage .swagger-ui .btn {
    width: 100%;
    text-align: center;
  }
}
.swagger-ui .opblock-summary-control:focus{
 outline:none;
 background-color:#F0F8FF; 
}