/***********************************************************
 * Copyright (c) Microsoft Corporation. All rights reserved.
 * Licensed under the MIT License
 **********************************************************/
 @import '../../css/themes';
 @import '../../css/variables';

 .connection-string {
   margin-left: 20px;
   margin-right: 20px;
   margin-bottom: 20px;
   margin-top: 20px;
   max-width: 90vw;
   width: 550px;

   .commands {
      display: flex;
      justify-content: space-between
   }

   .actions {
      margin-top: 5px;
      margin-right: 5px;
      justify-content: right;
   }

   .name {
      @include themify($themes) {
         border: 1px solid themed('borderColor')
      }
      @include themify($themes) {
         border-bottom: 2px solid themed('backgroundColor')
      }

      font-size: 20px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      padding-top: 10px;
      padding-left: 10px;
      padding-right: 10px;
      margin-bottom: -1px;
      text-overflow: ellipsis;
      overflow: hidden;
      width: 300px;
      .text {
         font-size: 20px;
      }
   }

   .properties {
      @include themify($themes) {
         border: 1px solid themed('borderColor')
      }
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      border-top-right-radius: 5px;
      padding: 10px;
   }

   .expiration-warning {
      @include themify($themes) {
         color: themed('notificationWarningColor')
      }
   }
}
