/*----------------------------------------*/
/*-----[ Nav Bar ]------------------------*/
.NavBar { background-color:#d0314c; position:fixed; margin:0px auto; left:0; right:0; top:0; z-index:10; }
.NavBar a { float:left; display:block; background-color:#d0314c; color:#f6d5db; text-align:center; padding:7px 10px; text-decoration:none; font-size:12px; height:32px; }

.NavBar .DropBtn.Active, .NavBar a.Active { background-color:#ba2c41; color:#121212; }
.NavBar .Icon { display:none; }

.DropDown { float:left; overflow:hidden; }
.DropDown.Right { float:right; }
.DropBtn { font-size:12px; border:none; outline:none; color:#f6d5db; padding:7px 10px; background-color:inherit; font-family:inherit; margin:0; height:32px; min-width:70px; cursor:pointer; }
.DropCnt { display:none; position:absolute; min-width:150px; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index:1; }
.DropDown.Right .DropCnt { right:0px; }
.DropCnt a { float:none; background-color:#d0314c; color:#f6d5db; padding:7px 10px; text-decoration:none; display:block; text-align:left; border:none; cursor:pointer; }
.NavBar a:hover, .DropBtn:hover, .DropCnt a:hover { background-color:#f6d5db !important; color:#d0314c !important; text-decoration:none; }
.DropBtn:has(+.DropCnt a:hover) { background-color:#f6d5db !important; color:#d0314c !important; }
.DropCnt.Show { display:block; }
.fa-right { float:right; margin:4px 0px; }
.live { animation:2s live-blink ease infinite; width:8px; height:8px; border-radius:50%; display:inline-block; position:relative; top:-10px; right:-22px; }
@-webkit-keyframes "live-blink"
{
  0%   { opacity:0; background-color:#00ff00; }
  25%  { opacity:1; background-color:#00ff00; }
  50%  { opacity:0; background-color:#00e600; }
  75%  { opacity:1; background-color:#00e600; }
  100% { opacity:0; background-color:#00e600; }
}
/*----------------------------------------*/
/*-----[ Nav Bar Responsive ]-------------*/
@media screen and (max-width:700px) and (min-width:300px)
{
 .NavBar a:not(:first-child), .DropDown .DropBtn { display:none; }
 .NavBar a.Icon { float:right; display:block; }

 .NavBar.Responsive { position:fixed; }
 .NavBar.Responsive .Icon { position:absolute; right:0; top:0; }
 .NavBar.Responsive a { float:none; display:block; text-align:left; }
 .NavBar.Responsive .DropDown { float:none; }
 .NavBar.Responsive .DropCnt { position:relative; }
 .NavBar.Responsive .DropDown .DropBtn { display:block; width:100%; text-align:left; }
}
/*----------------------------------------*/
/*-----[ Main Div ]-----------------------*/
.MainBody { font-family:Arial, Helvetica, sans-serif; font-size:14px; border:0px solid #0431b4; position:fixed; overflow:auto; left:0px; right:0px; top:32px; bottom:0px; margin:0 auto; }
.MainBody.light { color:#2e2e2e; background-color:rgba(0, 0, 0, 0.07); }
.MainBody.dark { color:#A4A4A4; background-color:#333; }

/*----------------------------------------*/
/*-----[ Comon Controls ]-----------------*/
body { font-family:Arial, Helvetica, sans-serif; }

.bold { font-weight:bold !important; }
.italic { font-style:italic !important; }
.underline { font-style:underline !important; }

input:focus, select:focus, textarea:focus, button:focus, label:focus { outline:none !important; box-shadow:none !important; }
space:before, space:after, .spc:before, .spc:after { content:"\00a0 "; }

.TextBox { font-size:12px; width:100%; height:26px; border:1px solid #D0D0D0; border-radius:3px; padding:0 5px 0 5px; }
.RichText { font-family:Arial, Helvetica, sans-serif; resize:none; font-size:12px; border:1px solid #D0D0D0; border-radius:3px; width:100%; height:300px; padding:5px; }
.MainBody.light .TextBox:disabled { color:#6f6f6f; background-color:#e3e3e3; }
.MainBody.dark .TextBox:disabled { color:#999; background-color:#454545; }
.MainBody.light .TextBox, .MainBody.light .RichText { color:#6E6E6E; background-color:#FCF7F7; border:1px solid #d1d1d1; }
.MainBody.dark .TextBox, .MainBody.dark .RichText { color:#C7D8DD; background-color:#505050; border:1px solid #818181; }

/*----------------------------------------*/
/*-----[ Button ]-------------------------*/
.btn { background-color:transparent; border-radius:3px; height:26px !important; font-family:Calibri; font-size:14px; padding:2px 20px; cursor:pointer; min-width:160px; transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.btn.big { height:50px !important; font-size:20px !important; }

.color-grey { color:#9e9e9e; }
.color-green { color:#4caf50; }
.color-red { color:#f44336; }
.color-blue { color:#2196f3; }
.color-yellow { color:#ffeb3b; }

.primary { border:1px solid #007bff; color:#007bff; }
.success { border:1px solid #28a745; color:#28a745; }
.button { border:1px solid #3482B5; color:#3482B5; }
.submit { border:1px solid #D0314B; color:#D0314B; }
.normal { border:1px solid #6c757d; color:#6c757d; }

.primary:hover:enabled { background-color:#007bff;color:white; }
.success:hover:enabled { background-color:#28a745;color:white; }
.button:hover:enabled { background-color:#3482B5;color:white; }
.submit:hover:enabled { background-color:#D0314B;color:white; }
.normal:hover:enabled { background-color:#6c757d;color:white; }
.btn:hover:enabled { box-shadow:0px 0px 3px #D8D8D8; }

.btn:disabled { border:1px solid #868686; color:#9e9e9e; cursor:not-allowed; }

/*----------------------------------------*/
/*-----[ Bootstrap Callout ]--------------*/
.bs-callout { padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:1px solid #eee; border-left-width:.25rem; border-radius:.25rem; }

.bs-callout h4 { margin-top:0; margin-bottom:.25rem; }
.bs-callout p:last-child { margin-bottom:0; }
.bs-callout code { border-radius:.25rem; }

.bs-callout+.bs-callout { margin-top:-.25rem; }

.bs-callout-info { border-left-color:#5bc0de; }
.bs-callout-info h4 { color:#5bc0de; }

.bs-callout-warning { border-left-color:#f0ad4e; }
.bs-callout-warning h4 { color:#f0ad4e; }

.bs-callout-danger { border-left-color:#d9534f; }
.bs-callout-danger h4 { color:#d9534f; }

.bs-callout-primary{ border-left-color:#007bff; }
.bs-callout-primary h4 { color:#007bff; }

.bs-callout-success { border-left-color:#28a745; }
.bs-callout-success h4 { color:#28a745; }

.bs-callout-default { border-left-color:#6c757d; }
.bs-callout-default h4 { color:#6c757d; }

/*----------------------------------------*/
/*-----[ Bootstrap List Group Item ]------*/
.MainBody.light .list-group-item { background-color:#FCF7F7; border:1px solid #d1d1d1; }
.MainBody.dark .list-group-item { background-color:#505050; border:1px solid #818181; }

/*----------------------------------------*/
/*-----[ Bootstrap Card ]-----------------*/
.MainBody.light .card-header { color:#2e2e2e!important; background:#b0dae1; }
.MainBody.dark .card-header { color:#A4A4A4!important; background:#2c3a3e; }

/*----------------------------------------*/
/*-----[ Bootstrap List Group Item ]------*/
.MainBody.light .alert-success { background-color:#FCF7F7; border:1px solid #d1d1d1; }
.MainBody.dark .alert-success { background-color:#505050; border:1px solid #818181; }

/*----------------------------------------*/
/*-----[ Table & Responsive Table ]-------*/
.table-flex { padding:5px; line-height:1.4em; text-align:left; vertical-align:top; }
.table-flex th, .table-flex td { padding:7px; }
.table-responsive { overflow:scroll; }
.table-flex thead tr:nth-child(1) th { position:sticky; top:0; z-index:10; background:#e4f0f2; border-bottom:2px solid #ddd; }
.table-flex tbody tr td { border-bottom:1px solid #1382CE; }
.MainBody.light table>thead>tr>th { background:#b0dae1; }
.MainBody.dark table>thead>tr>th { background:#2c3a3e; }

/*----------------------------------------*/
/*-----[ Case Changer ]-------------------*/
.radio-button { opacity:0; position:fixed; cursor:pointer; }
.radio-label { color:#3482B5; cursor:pointer; padding-right:5px; }
.radio-button:checked+.radio-label { color:#D0364E; }
.radio-button+.radio-label:before { content:'\0020'; display:inline-block; width:5px; height:10px; margin:3px 8px 3px 5px; font-size:14px; }
.radio-button:checked+.radio-label:before { content:'✔'; color:#0b2161; font-size:12px; }

@media only screen and (max-width:1200px){ .RichText { height:150px; } .radio-parent { position:inherit; width:100%; } .radio-box br { display:none; } .radio-box .parallel::after {  content: attr(data); color:#3482B5; } .radio-box .parallel:last-of-type::after { content: ""; } }

.ResultDivision { font-size:12px; overflow:scroll; height:350px; }

/*----------------------------------------*/
/*-----[ Text Copier ]--------------------*/
.Browser { border:1px solid #d8d8d8; width:100%; border-radius:3px; }
.MainBody.light .Browser { border:1px solid #d1d1d1; }
.MainBody.dark .Browser { border:1px solid #818181; }

/*----------------------------------------*/
/*-----[ Split Container ]-----------------*/
.PanelContainer { display:flex; flex-direction:row; overflow:hidden;}

.PanelLeft { flex:0 0 auto; min-width:300px; padding:5px;}
.PanelRight { flex:1 1 auto; padding:5px;}

.PanelSplit { flex:0 0 auto; width:3px; cursor:col-resize; background-color:#848484;}
.SubContainer { height:100%; width:100%;}

/*----------------------------------------*/
/*-----[ Calculator ]---------------------*/
@font-face { font-family:'digital-clock-font'; src:url('../css/digital-7.ttf'); }
.CalcBox { background-color:#3d4543; height:315px; width:260px; border-radius:3px; margin-bottom:20px; right:10px; float:right;}
.CalcBox table { margin:10px; }
.CalcResult { font-weight:normal; font-size:10px; color:lightslategrey; float:right; }
.CalcDisplay { font-family:'digital-clock-font'; height:35px; width:230px; color:black; background-color:#bccd95; font-size:x-large; text-align:right; user-select:none;}
.CalcBtn { width:58px; height:45px; font-size:20px; border:1px solid darkslategray; border-radius:3px; cursor:pointer;}
.CalcGray { color:#000; background-color:#d6d6d6; }
.CalcWhite { color:#000; background-color:#fff; }
.CalcPink { color:#000; background-color:#ff4561; }
.CalcBlack { color:#fff; background-color:#303030; }
.CalcBlue { color:#fff; background-color:#3482B5; }

/*----------------------------------------*/
/*-----[ StopWatch ]----------------------*/
.timerDisplay { position:relative; padding:40px 0; font-family:'Roboto mono',monospace; color:#0381bb; font-size:70px; display:flex; align-items:center; justify-content:space-around; }

/*----------------------------------------*/
/*-----[ Signature ]----------------------*/
#SignTable >tbody>tr>th, #SignTable >tbody>tr>td { height:20px; padding:0px; border-top:0px; }

/*----------------------------------------*/
/*-----[ Developer Text ]-----------------*/
.FooterLogo { position:fixed; width:90px; height:20px; left:1px; bottom:1px; background-image:url('../img/bidsinfo-small.png'); background-repeat:no-repeat; background-color:transparent; background-size:90px 20px;}
.Developer { position:fixed; font-size:13px; resize:none; right:20px; bottom:0px; color:rgba(0,0,0,0.4);}
.Developer:before { content:'\0044\0065\0076\0065\006C\006F\0070\0065\0064\0020\0042\0079\003A\0020\005A\0061\0068\0069\0064\0020\005A\0075\0068\0061\0069\0072'; }

/*----------------------------------------*/
/*-----[ Loader ]-------------------------*/
.LoaderDiv { z-index:0; background-image:url('../img/loader.svg'); background-repeat:no-repeat; background-position:center center; background-color:rgba(255,255,255,.4); position:fixed; top:0; right:0; bottom:0; left:0; z-index:1; }
/*----------------------------------------*/
/*-----[ Logo Image Div ]-----------------*/
.LogoImage { background-image:url('../img/bidsinfo.png'); background-repeat:no-repeat; background-position:left center; height:130px; }
/*----------------------------------------*/
/*-----[ Bootstrap Row Margin Top ]-------*/
.mt-00 { margin-top:-1.5em; }
.mt-05 { margin-top:0.5em; }
.mt-10 { margin-top:1.0em; }
.mt-15 { margin-top:1.5em; }
.mt-20 { margin-top:2.0em; }
.mt-25 { margin-top:2.5em; }
.mt-30 { margin-top:3.0em; }
.mb-00 { margin-bottom:0em; }
.mb-05 { margin-bottom:0.5em; }
.mb-10 { margin-bottom:1.0em; }
.mb-15 { margin-bottom:1.5em; }
.mb-20 { margin-bottom:2.0em; }
.mb-25 { margin-bottom:2.5em; }
.mb-30 { margin-bottom:3.0em; }