@font-face {
   font-family: 'Frutiger LT Std';
   src: url('fonts/FrutigerLTStd-BoldItalic.woff2') format('woff2'),
       url('fonts/FrutigerLTStd-BoldItalic.woff') format('woff');
   font-weight: bold;
   font-style: italic;
}

@font-face {
   font-family: 'Frutiger LT Std';
   src: url('fonts/FrutigerLTStd-BoldCn.woff2') format('woff2'),
       url('fonts/FrutigerLTStd-BoldCn.woff') format('woff');
   font-weight: bold;
   font-style: normal;
}

@font-face {
   font-family: 'Frutiger LT Std';
   src: url('fonts/FrutigerLTStd-BlackItalic.woff2') format('woff2'),
       url('fonts/FrutigerLTStd-BlackItalic.woff') format('woff');
   font-weight: 900;
   font-style: italic;
}

@font-face {
   font-family: 'Frutiger LT Std';
   src: url('fonts/FrutigerLTStd-LightCn.woff2') format('woff2'),
       url('fonts/FrutigerLTStd-LightCn.woff') format('woff');
   font-weight: 300;
   font-style: normal;
}

@font-face {
   font-family: 'Frutiger LT Std';
   src: url('fonts/FrutigerLTStd-Cn.woff2') format('woff2'),
       url('fonts/FrutigerLTStd-Cn.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Frutiger LT Std';
   src: url('fonts/FrutigerLTStd-Light.woff2') format('woff2'),
       url('fonts/FrutigerLTStd-Light.woff') format('woff');
   font-weight: 300;
   font-style: normal;
}

@font-face {
   font-family: 'Frutiger LT Std';
   src: url('fonts/FrutigerLTStd-Roman.woff2') format('woff2'),
       url('fonts/FrutigerLTStd-Roman.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Frutiger LT Std';
   src: url('fonts/FrutigerLTStd-Bold.woff2') format('woff2'),
       url('fonts/FrutigerLTStd-Bold.woff') format('woff');
   font-weight: bold;
   font-style: normal;
}

@font-face {
   font-family: 'Frutiger LT Std';
   src: url('fonts/FrutigerLTStd-UltraBlack.woff2') format('woff2'),
       url('fonts/FrutigerLTStd-UltraBlack.woff') format('woff');
   font-weight: 900;
   font-style: normal;
}

@font-face {
   font-family: 'Frutiger LT Std';
   src: url('fonts/FrutigerLTStd-BlackCn.woff2') format('woff2'),
       url('fonts/FrutigerLTStd-BlackCn.woff') format('woff');
   font-weight: 900;
   font-style: normal;
}

@font-face {
   font-family: 'Frutiger LT Std';
   src: url('fonts/FrutigerLTStd-ExtraBlackCn.woff2') format('woff2'),
       url('fonts/FrutigerLTStd-ExtraBlackCn.woff') format('woff');
   font-weight: 900;
   font-style: normal;
}

@font-face {
   font-family: 'Frutiger LT Std';
   src: url('fonts/FrutigerLTStd-Black.woff2') format('woff2'),
       url('fonts/FrutigerLTStd-Black.woff') format('woff');
   font-weight: 900;
   font-style: normal;
}

@font-face {
   font-family: 'Frutiger LT Std';
   src: url('fonts/FrutigerLTStd-LightItalic.woff2') format('woff2'),
       url('fonts/FrutigerLTStd-LightItalic.woff') format('woff');
   font-weight: 300;
   font-style: italic;
}

@font-face {
   font-family: 'Frutiger LT Std';
   src: url('fonts/FrutigerLTStd-Italic.woff2') format('woff2'),
       url('fonts/FrutigerLTStd-Italic.woff') format('woff');
   font-weight: normal;
   font-style: italic;
}

body
{
   font-family: 'Frutiger LT Std';
   font-size:10pt;
}

.container {
   width: 100%;
   padding-right: 15px;
   padding-left: 15px;
   margin-right: 0px;
   margin-left: 0px;
}

.form-control { font-size:10pt; }
.btn { font-size:10pt; }

.bg-app-navbar {
   background-color: #000 !important;
}
.navbar-light .navbar-toggler-icon {
   color:#fff;
}

.btn-primary {
   color: #f48eaf;
   background-color: #000;
   border-color: #000;
}

.navbar-light .navbar-toggler {
   color: rgba(255,255,255,.5);
   border-color: rgba(255,255,255,.1);
}

.app-panel {
   z-index:1010;
   display:none;
   position:absolute;
   top:54px;
   background-color:#fff;
   margin-left:-15px;
   width:100%;
}

.app-padding {
   padding:0px;
}

.bar-main {
   position:fixed;
   top:55px;
   z-index:1200;
   width:100%;
}
.bar-title-close {
   float:right;
   padding-right:14px;
   padding-top:13px;
   color:#fff;
}

.bar-title {
   padding-left:10px;
   background-color:#000;
   border-top:solid 1px #666;
   padding-top:10px;
   padding-bottom:3px;
   color:#fff;
}

.bar-content {
   margin-top:100px;
   padding-bottom:50px;
   padding-left:10px;
   padding-right:10px;
}

.bar-box {
   padding:10px;
   border:solid 1px #eee;
   min-height:140px;
}

.bar-box-simple {
   padding:10px;
   border:solid 1px #eee;
}

.bar-check {
   position:absolute;
   bottom:1px;
   right:18px;
}

.bar-footer {
   position:fixed;
   bottom:0px;
   border-top:solid 1px #eee;
   width:100%;
   margin-left:-10px;
   padding-top:10px;
   padding-right:10px;
   padding-left:10px;
   padding-bottom:30px;
   background-color:#f6f6f6;
   z-index:1000;
}

.bar-footer-button
{
   cursor:pointer;
}

.bar-username {
   z-index:1501;
   margin-top:2px;
   margin-right:2px;
   font-size:8pt;
   padding:3px;
   border-radius:4px;
   background-color:#eee;
   color:#000;
}

.bar-appmaj
{
   z-index: 1500;
   position: fixed;
   top: 103px;
   color: rgb(0, 0, 0);
   width: 100%;
   padding-left: 5px;
   padding-top: 2px;
   background-color:#eee;
   color:#000;
   height:28px;
}

.bar-appmaj-login
{
   z-index: 1500;
   position: fixed;
   top: 54px;
   width: 100%;
   padding-left: 5px;
   padding-top: 2px;
   background-color:#eee;
   color:#000;
   height:28px;
}

.fip-label {
   font-weight:bold;
}

.retex-label {
   font-weight:bold;
}

#fip-mission-title {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.modal { z-index:3000; }

.document-item {
   padding-top:10px;
   padding-bottom:10px;
   border-bottom: solid 1px #ddd;
}

.document-item:last-child {
   border-bottom: solid 1px #fff;
}

.document-bar {
   padding:12px;
}

.fieldrequired {
   color:red;
}

.btn-app-red {
   background-color: #c0392b;
   color: #fff;
   border-color: #c0392b;
   width:100%;
}

.btn-app-yellow {
   background-color: #ffb606;
   color: #fff;
   border-color: #ffb606;
   width:100%;
}

/* Checkbox */
.round {
   position: relative;
 }
 
 .round label {
   background-color: #fff;
   border: 1px solid #ccc;
   border-radius: 50%;
   cursor: pointer;
   height: 28px;
   left: 0;
   position: absolute;
   top: 0;
   width: 28px;
 }
 
 .round label:after {
   border: 2px solid #fff;
   border-top: none;
   border-right: none;
   content: "";
   height: 6px;
   left: 7px;
   opacity: 0;
   position: absolute;
   top: 8px;
   transform: rotate(-45deg);
   width: 12px;
 }
 
 .round input[type="checkbox"] {
   visibility: hidden;
 }
 
 .round input[type="checkbox"]:checked + label {
   background-color: #66bb6a;
   border-color: #66bb6a;
 }
 
 .round input[type="checkbox"]:checked + label:after {
   opacity: 1;
 }
 /* Checkbox */

.table-caisse td {
   font-size:10pt;
}

.text-bold {
   font-weight: bold;
}