/* ------------------------------------------------------------------------ */
/*  CV-BOOK.COM (c) 2006-2026                                               */
/*  Copyright (c) Henry Markovski                                           */
/*  All rights reserved                                                     */
/*  E-mail : hmarkovski@cv-book.com                                         */
/*           hmarkovski@outlook.com                                         */
/*                                                                          */
/* ------------------------------------------------------------------------ */
/*  All advertising materials and documentation mentioning features         */
/*  derived from or use of this software must not be used to endorse or     */
/*  promote products derived from this software without prior written       */
/*  permission from the author.                                             */
/*  This software is an open-source, so modifications, optimisation of the  */
/*  the code are encouraged.                                                */
/*                                                                          */
/* ------------------------------------------------------------------------ */
/*  DISCLAIMER                                                              */
/*                                                                          */
/*  THIS SOFTWARE IS PROVIDED BY Henry Markovski "AS IS" AND ANY EXPRESSED  */
/*  OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED       */
/*  WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE      */
/*  ARE DISCLAIMED.  IN NO EVENT SHALL Henry Markovski OR ITS               */
/*  CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,   */
/*  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,     */
/*  PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR      */
/*  PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY     */
/*  OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT            */
/*  (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE   */
/*  OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.    */
/*                                                                          */
/* ------------------------------------------------------------------------ */
/*  The Initial Developer of the Original Code is Henry Markovski.          */
/*  Portions created by Henry Markovski are Copyright (c) 2006-2026         */
/*  Henry Markovski. All Rights Reserved.                                   */
/*                                                                          */
/* ------------------------------------------------------------------------ */

<style type="text/css">
A:link { color: #BA9A50; background-color: none; font-family: Arial; font-size: 11pt; font-weight: bold; font-style: normal; text-decoration: underline; text-underline:single; }

A:visited { color: #BA9A50; background-color: none; font-family: Arial; font-size: 11pt; font-weight: bold; font-style: normal; text-decoration: underline; text-underline:single; }

A:hover { color: #BA9A50; background-color: #FF0000; font-family: Arial; font-size: 12pt; font-weight: bold; font-style: italic; text-decoration: underline; text-underline:single; }

A:active { color: #000000; background-color: #BA9A50; font-family: Arial; font-size: 11pt; font-weight: bold; font-style: normal; text-decoration: underline; text-underline:single; }

#bodyFilter { color: #BA9A50; background-color: #000000; }

table, thead, tbody, th, td, tr { width: auto; border-style: none; white-space: nowrap; }

.container2 { display: flex; flex-direction: column; align-items: center; justify-content: center; }	
		    
.tableMLAMRA {  position: relative; }

.tableMLAMRAMT2pc { margin-top: 2%; position: relative; }

.tableMLAMRAMT4pc { margin-top: 4%; position: relative; }

.tableMLAMRAMB4pc { margin-bottom: 4%; position: relative; }

@media only screen and (orientation: landscape) and (max-height: 500px)
  {
  .tableMLAMRAMB4pc { margin-bottom: 22%; position: relative; }
  }
							 					
.tdTAC { text-align: center; }
								
.tdTACB2pxBS2pxPB1pxPT1pxBC000000 { text-align: center; border: 6px; border-radius: 10px; border-style: groove; border-spacing: 2px; padding-bottom: 1%; padding-top: 1%; 
									background-color: #000000; border-color-right: #996633; border-color-bottom: #996633; border-color-left: #663333; border-color-top: #663333; }
							
.tdPT2pcTAC { padding-top: 2%; text-align: center; }

.tdPT4pcTAC { padding-top: 4%; text-align: center; }

.tdPT6pcTAC { padding-top: 6%; text-align: center; }

.tdPB2pcTAC { padding-bottom: 2%; text-align: center; }

.tdLPL10pcTAL { padding-left: 1%; text-align: left;}

.tdRPL10pcTAL { padding-left: 1%; text-align: left;}

.tdPR05pcPB2pcTAR { padding-right: 0,5%; padding-bottom: 2%; text-align: right; }

.tdPL05pcPB2pcTAL { padding-left: 0,5%; padding-bottom: 2%; text-align: left; }

.tdPLAPRAPB2pcTAC { padding-left: auto; padding-right: auto; padding-bottom: 2%; text-align: center; }

.tdPLAPRAPB7pcTAC { padding-left: auto; padding-right: auto; padding-bottom: 7%; text-align: center; }

.tdPLAPRATAL { white-space: nowrap; padding-left: auto; padding-right: auto; text-align: left; }

.fontBMBT12pt { font-family: BernhardMod BT; font-size: 12pt; font-weight: bold; font-style: normal; color: #BA9A50; }

.fontBMBT16ptCBA9A50 { font-family: BernhardMod BT; font-size: 16pt; font-weight: bold; font-style: normal; color: #BA9A50; }

.fontVAHSS10pt { font-family: Verdana, Arial, Helvetica, sans serif; font-size: 0.8em; font-weight: bold; font-style: normal; color: #BA9A50; }

.fontTNR14ptItalicU { font-family: Times New Roman; font-size: 14pt; font-weight: bold; font-style: italic; color: #BA9A50; text-decoration: underline; }

.fontTNR12pt { text-align: right; font-family: Times New Roman; font-size: 12pt; font-weight: bold; font-style: normal; color: #BA9A50; }

.buttonMSSSAH10ptW12em { cursor: pointer; width: 12em; height: 4em; margin-top: 4px; border-left: #E0E0E0 2px solid; border-top: #E0E0E0 2px solid; border-right: #808080 2px solid; 
                         border-bottom: #808080 2px solid; border-radius: 10px; padding-top: 2px; padding-bottom: 2px; font-family: MS sans serif, Arial, Helvetica; font-size: 10pt; 
						 font-weight: bold; font-style: normal; color: #BA9A50; background-color: #000000; white-space: normal; text-align: center; }

.buttonMSSSAH10ptW12em:hover { cursor: pointer; width: 12em; height: 4em; margin-top: 4px; border-left: #808080 2px solid; border-top: #808080 2px solid; border-right: #E0E0E0 2px solid; 
                               border-bottom: #E0E0E0 2px solid; border-radius: 10px; padding-top: 2px; padding-bottom: 2px; font-family: MS sans serif, Arial, Helvetica; font-size: 10pt; 
							   font-weight: bold; font-style: normal; color: #000000; background-color: #BA9A50; white-space: normal; text-align: center; }

.buttonMSSSAH10ptW14em { cursor: pointer; width: 14em; height: 4em; margin-top: 4px; border-left: #E0E0E0 2px solid; border-top: #E0E0E0 2px solid; border-right: #808080 2px solid; 
                         border-bottom: #808080 2px solid; border-radius: 10px; padding-top: 2px; padding-bottom: 2px; font-family: MS sans serif, Arial, Helvetica; font-size: 10pt; 
						 font-weight: bold; font-style: normal; color: #BA9A50; background-color: #000000; white-space: normal; text-align: center; }

.buttonMSSSAH10ptW14em:hover { cursor: pointer; width: 14em; height: 4em; margin-top: 4px; border-left: #808080 2px solid; border-top: #808080 2px solid; border-right: #E0E0E0 2px solid; 
                               border-bottom: #E0E0E0 2px solid; border-radius: 10px; padding-top: 2px; padding-bottom: 2px; font-family: MS sans serif, Arial, Helvetica; font-size: 10pt; 
							   font-weight: bold; font-style: normal; color: #000000; background-color: #BA9A50; white-space: normal; text-align: center; }
			
.buttonMSSSAH10ptW16em { cursor: pointer; width: 16em; height: 4em; margin-top: 4px; border-left: #E0E0E0 2px solid; border-top: #E0E0E0 2px solid; border-right: #808080 2px solid; 
						 border-bottom: #808080 2px solid; border-radius: 10px; padding-top: 2px; padding-bottom: 2px; font-family: MS sans serif, Arial, Helvetica; font-size: 10pt; 
						 font-weight: bold; font-style: normal; color: #BA9A50; background-color: #000000; white-space: normal; text-align: center; }
						 
.buttonMSSSAH10ptW16em:hover { cursor: pointer; width: 16em; height: 4em; margin-top: 4px; border-left: #808080 2px solid; border-top: #808080 2px solid; border-right: #E0E0E0 2px solid; 
                               border-bottom: #E0E0E0 2px solid; border-radius: 10px; padding-top: 2px; padding-bottom: 2px; font-family: MS sans serif, Arial, Helvetica; font-size: 10pt; 
							   font-weight: bold; font-style: normal; color: #000000; background-color: #BA9A50; white-space: normal; text-align: center; }

.buttonMSSSAH10ptW19em { cursor: pointer; width: 21em; height: 6em; margin-top: 4px; border-left: #E0E0E0 2px solid; border-top: #E0E0E0 2px solid; border-right: #808080 2px solid; 
                         border-bottom: #808080 2px solid; border-radius: 10px; padding-top: 2px; padding-bottom: 2px; font-family: MS sans serif, Arial, Helvetica; font-size: 10pt; 
						 font-weight: bold; font-style: normal; color: #BA9A50; background-color: #000000; white-space: normal; text-align: center; }

.buttonMSSSAH10ptW19em:hover { cursor: pointer; width: 21em; height: 6em; margin-top: 4px; border-left: #808080 2px solid; border-top: #808080 2px solid; border-right: #E0E0E0 2px solid; 
                               border-bottom: #E0E0E0 2px solid; border-radius: 10px; padding-top: 2px; padding-bottom: 2px; font-family: MS sans serif, Arial, Helvetica; font-size: 10pt; 
							   font-weight: bold; font-style: normal; color: #000000; background-color: #BA9A50; white-space: normal; text-align: center; }			

@media only screen and (max-height: 500px)
  {
  .buttonMSSSAH10ptW19em { cursor: pointer; width: 20em; height: 6em; margin-top: 4px; border-left: #E0E0E0 2px solid; border-top: #E0E0E0 2px solid; border-right: #808080 2px solid; 
                           border-bottom: #808080 2px solid; border-radius: 10px; padding-top: 2px; padding-bottom: 2px; font-family: MS sans serif, Arial, Helvetica; font-size: 10pt; 
						   font-weight: bold; font-style: normal; color: #BA9A50; background-color: #000000; white-space: normal; text-align: center; }
						 
  .buttonMSSSAH10ptW19em:hover { cursor: pointer; width: 20em; height: 6em; margin-top: 4px; border-left: #808080 2px solid; border-top: #808080 2px solid; border-right: #E0E0E0 2px solid; 
                                 border-bottom: #E0E0E0 2px solid; border-radius: 10px; padding-top: 2px; padding-bottom: 2px; font-family: MS sans serif, Arial, Helvetica; font-size: 10pt; 
							     font-weight: bold; font-style: normal; color: #000000; background-color: #BA9A50; white-space: normal; text-align: center; }					 
  }

/* ========== Custom Dropdown ========== */

.custom-dropdown 
  {
  font-family: Verdana, Arial, Helvetica, sans serif;
  font-size: .8em;
  font-weight: bold; 
  font-style: normal;
  text-align: left;
  }

.custom-dropdown--large 
  {
  font-size: 1.5em;
  }

.custom-dropdown--small 
  {
  font-size: .7em;
  }

.custom-dropdown__select
  {
  font-family: inherit; 
  font-size: inherit;  /* inherit size from .custom-dropdown */
  font-weight: inherit; 
  font-style: inherit;
  padding: .5em;  /* add some space */
  margin: 0;  /* remove default margins */
  }

.custom-dropdown__select--gold 
  { 
  background-color: rgba(186, 154, 80, 1); 
  color: rgba(0, 0, 0, 1);
  }

@supports (pointer-events: none) and ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) 
  {
  .custom-dropdown 
    {
    position: relative; 
    display: inline-block; 
    vertical-align: middle;  
    }

  .custom-dropdown__select 
    {
	cursor: pointer;
    padding-right: 2.5em;  /* accommodate with the pseudo elements for the dropdown arrow */
    border: 0;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;    
    }

  .custom-dropdown::before,
  .custom-dropdown::after 
    {
    content: "";
    position: absolute;
    pointer-events: none;
    }

  .custom-dropdown::after  /* Custom dropdown arrow */
    { 
    content: "\25BC";
    height: 1em;
    font-size: .625em;
    line-height: 1;
    right: 1.2em;
    top: 50%; margin-top: -.5em;
    }

  .custom-dropdown::before  /* Custom dropdown arrow cover */
    { 
    width: 2em;
    right: 0; top: 0; bottom: 0;
    border-radius: 0 3px 3px 0;
    }

  .custom-dropdown__select[disabled] 
    {
    color: rgba(0,0,0,.3);
    }

  .custom-dropdown.custom-dropdown--disabled::after 
    {
    color: rgba(0,0,0,.1);
    }

  /* Gold dropdown style */
  .custom-dropdown--gold::before 
    {
    top: .5em; bottom: .5em;
    background-color: rgba(186, 154, 80, 1);
    border-left: 1px solid rgba(0,0,0,.1);
    }

  .custom-dropdown--gold::after 
    {
    color: rgba(0,0,0,.9);
    }

  /* FF only temp fix */
  @-moz-document url-prefix() 
    {
    .custom-dropdown__select 			 
      { 
      padding-right: .9em 
      }

    .custom-dropdown--large .custom-dropdown__select 
      { 
      padding-right: 1.3em 
      }
		
    .custom-dropdown--small .custom-dropdown__select 
      { 
      padding-right: .5em 
      }
    }
  }


/* ========== Custom Checkbox ========== */

*,
*:before,
*:after 
  {
  box-sizing: border-box;
  }

.form-group
  {
  cursor: pointer;
  line-height: 1;
  user-select: none; 
  padding-left: 18px;
  white-space: nowrap;
  }

.form-group > [type="checkbox"],
.form-group > [type="radio"] 
  {
  position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1px; width: 1px; 
  margin: -1px; padding: 0; border: 0; 
  }

.form-control 
  {
  display: inline-block;
  position: relative;
  padding-left: 1.4em;
  }

.form-control::before,
.form-control::after 
  {
  content: '';
  position: absolute;
  left: 0;
  }        

.form-control::before 
  {
  width: 1em;
  height: 1em;
  border: .1em solid;
  }

.form-control::after 
  {
  top: .1em; left: .1em;
  width: .8em; height: .8em;
  }

.form-control.checkbox::before 
  {
  border-radius: .1em;
  }

.form-control.checkbox::after 
  {
  color: rgba(255, 0, 0, 1);
  text-align: left;        
  content: "\274C";
  line-height: .8em;       
  opacity: 0;
  transform: scale(.5);
  transition: transform .1s ease;
  }

.form-group > .form-control.checkbox:hover::after 
  {
  opacity: .4;
  }

.form-group > input:checked + .form-control.checkbox::after 
  {
  opacity: 1;
  transform: scale(1);   
  }  


/* ========== Custom Email Form ========== */
  
body {font-family: Arial, Helvetica, sans-serif;}
* {box-sizing: border-box;}


/* ========== The popup form - hidden by default ========== */

.sendCV
  {
  display: table;
  margin-left: auto;
  margin-top: 2%;
  margin-right: auto;
  }

.Copyright
  {
  display: table;
  margin-left: auto;
  margin-top: -30px;
  margin-right: auto;
  }
  
.confirmCV
  {
  display: table;
  margin-left: auto;
  margin-right: auto;
  }

.form-popup 
  {
  display: none;
  position: relative;
  width: 94%; 
  height: 80%;
  margin-top: -75%;
  margin-right: auto;
  margin-bottom: 6%;
  margin-left: auto;
  border: 3px solid #BA9A50;
  z-index: 9;
  }

/* Add styles to the form container */
.form-container 
  {
  max-width: 100%;
  padding-top: 9%;
  padding-right: 8%;
  padding-bottom: 4%;
  padding-left: 8%;
  background-color: #000000;
  }

/* Full-width input fields */
.form-container input[type=text] 
  {
  width: 100%;
  padding: 6%;
  margin: 0 0 0 0;
  border: none;
  background: #BA9A50;
  }

/* When the inputs get focus, do something */
.form-container input[type=text]:focus 
  {
  background-color: #BA9A50;
  outline: none;
  }
  
.hidden 
  {
  display: none;  
  visibility: hidden;
  opacity: 0.0;
  }
</style>