/**
  * @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/>.
  *
  */
 
 #pax_fax_vbar {
   padding: 18px;
   font-family: Calibri, Frutiger, "Myriad Pro", Myriad, sans-serif;
   color: #6d6c6c;
 }
 
 #currentbaldiv {
   display: block;
   position: relative;
   font-size: 17px;
   font-weight: bold;
   padding: 5px 0px 2px 14px;
   margin: 0px 0px 8px 0px;
   color: #FFFFFF;
   background: #3f9dd1;
   border-radius: 20px;
 }
 
 #currentbalance {
   display: inline;
   position: relative;
   padding-left: 10px;
 }
 
 .providername {
   color: #FFFFFF;
 }
 
 .providername:hover {
   color: #003b94;
 }
 
 #faxnumbersdiv {
   display: block;
   position: relative;
   font-size: 17px;
   font-weight: bold;
   height: 30px;
   margin: 0px 0px 20px 0px;
   background: #3f9dd1;
   border-radius: 20px;
 }
 
 #currentfaxnmbrs {
   display: inline-block;
   position: absolute;
   height: 22px !important;
   width: 54%;
   font-size: 14px;
   color: #353535;
   padding: 0px 0px 0px 5px;
   margin: 0.5px 0px 0px 4px;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   background: #fcfcfc;
   border-radius: 20px;
 }
 
 .pflabels {
   font-size: 15px;
   font-weight: bold;
 }
 
 .pfheader {
   display: block;
   position: relative;
   margin: 0px 0px 7px 0px;
   font-size: 17px;
   font-weight: bold;
 }
 
 .faxnbformat {
   display: block;
   position: relative;
   margin: 0px 0px 3px 0px;
   font-size: 17px;
   font-weight: bold;
 
 }
 
 .pax_fax_box {
   display: block;
   box-sizing: content-box;
   margin: 8px 0px !important;
   width: 70%;
 }
 .indtext {
   display: inline-block;
   padding-left: 10px;
 }
 
 #settings-dscr {
   padding-top: 3px;
 }
 
 #pf_upload_msg, #pf_choose_msg, #pf_submit_msg {
   display: block;
   color: #181918;
   background-color: #a5e5b3;
   font-weight: bold;
 }
 
 #paxfax_save_msg {
   display: inline;
   color: #181918;
   background-color: #a5e5b3;
   font-weight: bold;
   max-width: 70px;
   text-align: center;
   margin-top: 7px;
 }
 
 #pf_submit_msg {
   margin: 8px 0px 8px 0px;
   padding-left: 5px;
   padding-right: 5px;
 }
 
 #pickedfilename {
   font-size: 13px;
 }
 
 #faxtodiv {
   display: block;
   position: relative;
 }
 
 #faxto {
   display: block;
   width: 97%;
   max-height: 22px;
   margin: 5px 0px 20px 0px;
   padding: 1px 13px 0px 13px;
   color: #000000;
   font-size: 15px;
   font-weight: bold;
   border-radius: 20px;
 }
 
 .up-bttn-wrapper {
   display: block;
   position: relative;
   overflow: hidden;
   padding-top: 20px;
   padding-bottom: 30px;
 }
 
 #submitfax {
   display: block;
   color: white;
   font-weight: bold;
   font-size: 15px;
   background: #3f9dd1;
   padding: 6px 16px 6px 16px;
 }
 
 #submitfax:active {
   background: #00a2f9;
 }
 
 .uploadfiledv {
   position: relative;
   display: inline-block;
   padding: 7px 0px 22px 0px;
 }
 
 #app-content {
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
 }
 
 #faxfoldersview {
   display: inline-block;
   position: relative;
   width: 100%;
   height: 100%;
   margin-top: -50px;
   background-color: #f4f9ff;
 }
 
 #viewerContainer {
   display: block;
   position: relative;
   width: 100%;
   height: 100%;
 }
 
 #viewer {
   display: block;
   position: relative;
   min-width: 100%;
   min-height: 100%;
 }
 
 #faxdocpreview {
   display: inline-block;
   position: relative;
   width: 100%;
   height: 100%;
   background-color: #f4f9ff;
 }
 
 #docPreviewFaxImg {
   display: block;
   position: relative;
   background-image: url('../img/pax_fax_grey.svg');
   background-repeat: no-repeat;
   background-position: center center;
   width: 100%;
   height: 100%;
 }
 
 #outerContainer {
   display: block;
   position: relative;
   width: 100%;
   height: 100%;
 }
 
 #mainContainer {
   display: block;
   position: relative;
   width: 100%;
   height: 100%;
 }
 
 #app-content #app-content-wrapper {
   display: block;
   position: absolute;
   margin: 0;
   align-items: stretch;
   height: 100%;
   width: 99%;
 }
 
 #content {
   width: 81%;
   display: flex;
 }
 
 #uploadedjpg, #uploadedpng {
   width: auto !important;
   height: auto !important;
 }
 
 .cllridcls {
   position: relative;
   display: inline;
   font-size: 17px;
   color: #000000;
   z-index: 3;
 }
 
 .fortooltipinit {
   position: relative;
   display: inline-block;
   float: right;
   font-size: 15px;
   color: #000000;
   z-index: 3;
 }
 
 .fortooltipinit #infosetid {
   display: block;
   position: relative;
   margin: 4px 9px 0px 0px;
   color: #000000;
   font-size: 21px;
   font-weight: bold;
   font-family: Times New Roman;
   font-style: italic;
 }
 
 .fortooltip {
   position: relative;
   display: inline-block;
   font-size: 15px;
   color: #000000;
   z-index: 2;
 }
 
 .fortooltip #infonumber {
   color: #000000;
   font-size: 21px;
   font-weight: bold;
   font-family: Times New Roman;
   font-style: italic;
   padding: 0px 0px 3px 3px;
 }
 
 .fortooltipsec {
   position: relative;
   display: inline-block;
   font-size: 15px;
   color: #000000;
   padding: 0px 0px 4px 0px;
   z-index: 1;
 }
 
 .fortooltipsec #infoformat {
   color: #000000;
   font-size: 21px;
   font-weight: bold;
   font-family: Times New Roman;
   font-style: italic;
   padding: 0px 0px 3px 3px;
 }
 
 .fortooltipinit .calleridtooltip {
   display: block;
   position: absolute;
   visibility: hidden;
   width: 264px;
   background-color: #f4f4f4;
   font-size: 15px;
   font-weight: bold;
   color: #595959;
   text-align: left;
   border-radius: 1px;
   padding: 5px 5px 5px 8px;
   margin: 0px 0px 0px -214px;
   -webkit-box-shadow: 7px 9px 8px 0px rgba(212,212,212,1);
   -moz-box-shadow: 7px 9px 8px 0px rgba(212,212,212,1);
   box-shadow: 7px 9px 8px 0px rgba(212,212,212,1);
 }
 
 .fortooltipinit:hover .calleridtooltip {
   visibility: visible;
 }
 
 .fortooltip .fortooltiptext {
   display: block;
   position: absolute;
   visibility: hidden;
   width: 256px;
   background-color: #f4f4f4;
   font-size: 15px;
   font-weight: bold;
   color: #595959;
   text-align: left;
   border-radius: 1px;
   padding: 5px 5px 13px 5px;
   margin-top: -4px;
   -webkit-box-shadow: 7px 9px 8px 0px rgba(212,212,212,1);
   -moz-box-shadow: 7px 9px 8px 0px rgba(212,212,212,1);
   box-shadow: 7px 9px 8px 0px rgba(212,212,212,1);
 }
 
 .fortooltip:hover .fortooltiptext {
   visibility: visible;
 }
 
 .fortooltipsec .fortooltiptextsec {
   display: block;
   position: absolute;
   visibility: hidden;
   width: 256px;
   background-color: #f4f4f4;
   font-size: 15px;
   font-weight: bold;
   color: #595959;
   text-align: left;
   border-radius: 1px;
   padding: 5px;
   margin-top: -4px;
   -webkit-box-shadow: 7px 9px 8px 0px rgba(212,212,212,1);
   -moz-box-shadow: 7px 9px 8px 0px rgba(212,212,212,1);
   box-shadow: 7px 9px 8px 0px rgba(212,212,212,1);
 }
 
 .fortooltipsec:hover .fortooltiptextsec {
   visibility: visible;
 }
 
 .fileupload {
   display: none;
 }
 
 div > label {
   position: relative;
 }
 
 .uploadflbt {
   width: 411px;
 }
 
 label span {
   display: inline-block;
   min-width: 110px;
   padding: 0px 0px 8px 0px;
 }
 
 .uploadflbt .icon-upload {
   display: inline;
 }
 
 .pfprompt {
   font-size: 17px;
   font-weight: bold;
   color: #6d6c6c;
 }
 
 .fileuploadstl,.filesfromnc {
   display: block;
   font-size: 17px;
   font-weight: bold;
   color: #000000;
 }
 
 #filestotsize {
   display: none;
   position: relative;
   height:auto;
   padding: 0px 0px 8px 0px;
   color: #18bf6e;
   font-size: 14px;
   font-weight: bold;
 }
 
 #filessizetext {
   display: inline;
   position: relative;
   padding-left: 10px;
 }
 
 #fileuploadednm .indivflcls {
   display: inline-block;
   position: relative;
   height:auto;
   max-width: 90%;
   overflow: visible;
   white-space: normal;
   word-break: break-all;
   text-overflow: ellipsis;
   font-size: 17px;
   color: #0e6ba0;
 }
 
 .indivflcls:hover {
   cursor: pointer;
   text-decoration: underline;
 }
 
 .indupfldl {
   position: relative;
   display: inline-block;
   float: right;
   cursor: pointer;
   width: 20px;
   color: #0e6ba0;
   text-align: center;
   font-size: 17px;
 }
 
 #fileuploadednm .indupfldl:hover {
   background-color: #e8f6ff;
   cursor: pointer;
 }
 
 #filespickednc .indivflpckd {
   display: inline-block;
   position: relative;
   height:auto;
   max-width: 90%;
   overflow: visible;
   white-space: normal;
   word-break: break-all;
   text-overflow: ellipsis;
   color: #0e6ba0;
 }
 
 .indivflpckd:hover {
   cursor: pointer;
   text-decoration: underline;
 }
 
 .indpckfldl {
   position: relative;
   display: inline-block;
   float: right;
   cursor: pointer;
   width: 20px;
   color: #0e6ba0;
   text-align: center;
 }
 
 #filespickednc .indpckfldl:hover {
   background-color: #e8f6ff;
   cursor: pointer;
 }
 
 select, button, .button, input:not([type="range"]), textarea, div[contenteditable="true"], .pager li a {
   margin: 0px 0px 0px 0px;
  }
 
 #dirbuttons {
   margin-top: 28px;
 }
 
 button, .button, input[type="button"], input[type="submit"], input[type="reset"] {
   padding: 6px 20px;
   width: auto;
   min-height: 22px;
   cursor: pointer;
   box-sizing: border-box;
   background-color: var(--color-background-dark);
 }
 
 select {
   width: 130px;
   min-height: 28px;
   box-sizing: border-box;
   padding-right: 0px !important;
 }
 
 #uploadfileforfax {
   margin-left: 19px;
 }
 
 #pickFromNext, #uploadFile {
   display: inline-block;
   position: relative;
   font-size: 17px;
   font-weight: bold;
   color: #6d6c6c;
 }
 
 #choosefilen {
   display: inline;
   position: relative;
   margin: 0px 0px 20px 16px;
   padding-top: 15px;
   background-image: url('../img/nextcloud_logo.svg');
   background-repeat: no-repeat;
   background-size: 110% 125%;
   background-position: center center;
   min-width: 66px;
   min-height: 30px;
   cursor:pointer;
 }
 
 #choosefilen:active {
   background-image: url('../img/nextcloud_logo_bright.svg');
   background-repeat: no-repeat;
   background-size: 110% 125%;
   background-position: center center;
   min-width: 66px;
   min-height: 30px;
 }
 
 #checkbalance {
   display: inline;
   position: relative;
   padding-left: 0px;
   margin-top: -1px;
   margin-right: 4px;
   float: right;
   background-image: url('../img/refresh_logo.svg');
   background-repeat: no-repeat;
   background-size: 110% 110%;
   background-position: center center;
   min-width: 24px;
   min-height: 24px;
   cursor: pointer;
   background-color: #FFFFFF;
 }
 
 #selectcalleridbttn {
   display: inline;
   position: relative;
   padding-left: 0px;
   margin-top: 2.6px;
   margin-right: 4px;
   float: right;
   background-image: url('../img/refresh_logo.svg');
   background-repeat: no-repeat;
   background-size: 110% 110%;
   background-position: center center;
   min-width: 24px;
   min-height: 24px;
   cursor: pointer;
   background-color: #FFFFFF;
 }
 
 #faxnumbersdiv #pickid {
   display: inline-block;
   position: relative;
   font-size: 17px;
   font-weight: bold;
   margin: 4px 3px 4px 13px;
   color: #FFFFFF;
 }
 
 #get_notification {
   display: block;
   margin-bottom: 8px;
 }
 
 #get_notification:hover {
   cursor: pointer;
 }
 
 .pax_fax_boxspec {
   display: inline-block;
   box-sizing: content-box;
   margin: 8px 0px !important;
   width: 70%;
   font-size: 14px !important;
 }
 
 .setlabeltext {
   font-size: 15px;
 }
 
 #countryCallCode {
   color: #1b60ba;
 }
 
 #countryCallCode:hover {
   color: #0D3B78;
 }
 
 .openfaxfolder {
   display: block;
   position: relative;
   margin: 10px 0px 10px 0px !important;
   padding: 7px 0px 7px 0px;
   width: 100% !important;
   color: #FFFFFF !important;
   font-size: 15px !important;
   background-color: #CB99C5 !important;
 }
 
 .openfaxfolder:hover {
   border: 2px;
   background-color: #c18bba !important;
 }
 
 .openfaxfolder:active {
   background-color: #b777af !important;
   border: 2px;
   color: #FFFFFF !important;
   border-color: #b777af;
 }
 
 .openfaxfolder:focus {
   background-color: #a3669b !important;
   border: 2px;
   border-color: #a3669b;
 }