/**
 * @copyright 2021 Double Bastion LLC <www.doublebastion.com>
 *
 * @author Double Bastion LLC
 *
 * @license GNU AGPL version 3 or any later version
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU AFFERO GENERAL PUBLIC LICENSE
 * License as published by the Free Software Foundation; either
 * version 3 of the License, or any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU AFFERO GENERAL PUBLIC LICENSE for more details.
 *
 * You should have received a copy of the GNU Affero General Public
 * License along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-light.woff2') format('woff2'),
         url('../fonts/opensans-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-lightitalic.woff2') format('woff2'),
         url('../fonts/opensans-lightitalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-regular.woff2') format('woff2'),
         url('../fonts/opensans-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-italic.woff2') format('woff2'),
         url('../fonts/opensans-italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-semibold.woff2') format('woff2'),
         url('../fonts/opensans-semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-semibolditalic.woff2') format('woff2'),
         url('../fonts/opensans-semibolditalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-bold.woff2') format('woff2'),
         url('../fonts/opensans-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-bolditalic.woff2') format('woff2'),
         url('../fonts/opensans-bolditalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-extrabold.woff2') format('woff2'),
         url('../fonts/opensans-extrabold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-extrabolditalic.woff2') format('woff2'),
         url('../fonts/opensans-extrabolditalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.woff2') format('woff2'),
         url('../fonts/Inter-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Italic.woff2') format('woff2'),
         url('../fonts/Inter-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Medium.woff2') format('woff2'),
         url('../fonts/Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-MediumItalic.woff2') format('woff2'),
         url('../fonts/Inter-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-SemiBold.woff2') format('woff2'),
         url('../fonts/Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-SemiBoldItalic.woff2') format('woff2'),
         url('../fonts/Inter-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Bold.woff2') format('woff2'),
         url('../fonts/Inter-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-BoldItalic.woff2') format('woff2'),
         url('../fonts/Inter-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-ExtraBold.woff2') format('woff2'),
         url('../fonts/Inter-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-ExtraBoldItalic.woff2') format('woff2'),
         url('../fonts/Inter-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

#app {
   position: relative;
   display: flex;
   min-height: 100%;
   min-width: 100%;
}

#app-content {
   position: relative;
   z-index: 1000;
   flex-basis: 100vw;
   min-width: 0;
   min-height: 100%;
   margin: 0 !important;
   overflow-y: scroll;
}

#app-content #app-content-wrapper {
   height: 100%;
}

#sip_trip_phone_adm {
   font-family: 'Open Sans';
}

.sip_trip_box {
   display: block;
   width: 500px;
   font-family: 'Open Sans';
}

#settings-dscr {
  padding-top: 3px;
  font-size: 15.6px;
}

#sip_trip_phone_save_msg {
  color: #181918;
  background-color: #a5e5b3;
  font-weight: 700;
  border-radius: 3px;
}

#STPhoneContent {
  display: block; 
  position: relative;
  width: 100%;
  height: 100%;
}

#STPhoneGreyLogo {
  display: block;
  margin-top: -40px;
  position: relative;
  background-image: url('../img/sip_trip_phone_grey.svg');
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
}

#sipuserpassword {
  font-size: 12px;
}

#labelSipRealm, #stunServer, #debugLogging, #voiceNumbers, #dftVoiceNumber {
  width: 500px;
}

#voiceNumbers, #dftVoiceNumber { 
  margin: 12px 0 0 0;
}

#tracesipmsg {
  cursor: pointer;
}

.stpVoicePhNoTip {
   position: relative;
   display: inline-block;
   z-index: 1000;
}

.stpdtVoicePhNoTip {
   position: relative;
   display: inline-block;
   z-index: 999;
}

#stpVoicePhNoInfo, #stpdtVoicePhNoInfo {
  display: inline;
  margin: 0px 0px 0px 8px;
  color: #5c8cbf;
  font-family: 'Inter';
  font-weight: 800;
  font-size: 17px;
  vertical-align: top;
}

.stpVoicePhNoText, .stpdtVoicePhNoText {
   display: block;
   position: absolute;
   visibility: hidden;
   top: 16px;
   left: -110px;
   width: 370px;
   height: auto;
   padding: 6px 12px;
   color: #393939;
   font-size: 15px;
   font-weight: 600;
   border-radius: 6px;
   overflow-y: auto;
   background-color: #fafafa;
   box-shadow: 0 0 23px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: 0 0 23px rgba(0, 0, 0, 0.23);
}

.stpVoicePhNoTip:hover .stpVoicePhNoText, .stpdtVoicePhNoTip:hover .stpdtVoicePhNoText {
   visibility: visible;
}

#save_sipph_settings {
   padding: 6px 20px;
   background-color: #dbe4ea;
}

#save_sipph_settings:hover {
   background-color: #afcadb;
}

#save_sipph_settings:active {
   background-color: #93b3c8;
}
