/* 140217 */
/* dependencies */

    /* 221231 /* master */
    /* 221231 /* overriding the master settings with the settings specified in this file, see: */
    /* 221231 /* https://stackoverflow.com/questions/9459062/in-which-order-do-css-stylesheets-override */

    /* 221226 @import url('nibelungen.css'); */
    
    @import url("bootstrap_needed.css");

    /* chessboard */

    @import url('../lib/chessboardjs-0.3.0/css/chessboard-0.3.0.css');
    
    @import url('../lib/vanilla_js_dropdown_2_3_0/dist/vanilla-js-dropdown.css'); /* 220901 */

	@font-face
	{
		font-family: Starfleet;
		src: url('Starfleet_2.ttf'),
		url('Starfleet.eot');
	}
	
	@font-face
	{
		font-family: Aladin;
		src: url('Aladin/Aladin-Regular.ttf'),
		url('Aladin.eot');
	}
    /* 220508 */
    @font-face
	{
		font-family: AllertaStencil;
		src: url('Allerta_Stencil/AllertaStencil-Regular.ttf'),
		url('Allerta_Stencil.eot');
	}
	
	@font-face
	{
		font-family: Bangers;
		src: url('Bangers/Bangers-Regular.ttf'),
		url('Bangers.eot');
	}
	
	@font-face
	/* 220508 */
	{
		font-family: Orbitron;
		src: url('Orbitron/Orbitron-VariableFont_wght.ttf'),
		url('Orbitron.eot');
	}

body{
    /* 150820 */
    background-color: rgb(243, 235, 221);
    border: 0px;
    color: rgb(0,0,0);
    /* the settings bottom, position and top seem to be important for removing url bar and navigation bar on the iphone 4 (others?)
       when adding the website to the home screen. */
    bottom: 0;
    font-family: Arial, Helvetica, sans-serif; /*_221226*/
    margin: 0px;
    overflow-y: hidden; /* This prevents pull-to-refresh when moving a piece near the upper border on mobile chrome (and others?). 
                           https://stackoverflow.com/questions/29008194/disabling-androids-chrome-pull-down-to-refresh-feature 
                           Its core purpose is apparently to disable vertical scrolling, but vertical scrolling isn't used in this app, so this solution seems to be sufficient. */
    padding: 0px;
    position: fixed;
    top: 0;
    width: 100%;
    /* 150820 */
}
/* 220914 */

/* pseudo classes */

/*select:disabled {*/

/*  background: rgb(240,240,240);*/
/*  font-color: rgb((0,0,0);*/
/*  */
/*}*/

/* 220914 */

/* general classes */

.comment{

    font-weight: normal;
    height: 100%;
    overflow: hidden;
    padding-bottom: 5%;
    padding-top: 5%;
    resize: none;
    text-align:center;
    width: 100%;

}

.unselectable {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.transparent {
    background:rgba(13, 14, 18, 0.6);
    /* 150430 color: white; */
    /* 141118 font-weight: bold; */
    /* 141118 font-size: 12px; */
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

/* removing abandoned stuff and replacing bootstrap.min.css with bootstrap_needed.css //_211229 */