:root {
    --black: rgb(0,0,0);
    --green: rgb(118, 185, 9);
    --grey: rgb(200, 200, 200);
    --white: rgb(255,255,255);
	--dgreen: rgba(59, 92, 0,0.3);
}

html {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
							supported by Chrome, Edge, Opera and Firefox */
	-o-user-select: none;
	
	scrollbar-color: var(--green) black ; /* thumb-color track-color */
	scrollbar-width: auto;
}
		.item_img_thm {
			box-shadow: black 0px 0px 3px;
			width: 50px;
			height: 50px;
			background-size:contain;
			background-repeat: no-repeat;
			background-position: center;
		}
		.trainingBtn {
			padding: 2px;
			margin:2px;
			cursor: pointer;
			background-color: lightgreen;
			border-radius: 500px;
			border: none;
			font-weight: bold;
			width:auto;
			display: inline-block;
		}

		.pageHeading {
			 color: var(--white);
			 font-size:200%;
		}
		
		.aboutStyle {
			 width:90%;
			 margin: 0 auto 0 auto;
			 color:rgb(200,200,200);
			 background-color:transparent;
		}
		
		.aboutHeadings {
			font-size:125%;
			
		}
		
		.solutionsBlock {
			display:inline-block;
			width:30%;
			height: 350px;
			text-align:left;
			color: rgb(200,200,200);
		}
		
		.solutionsBox {
			width:30%;
			margin: 0 auto 0 auto;
			background:blue;
			display: inline-block;
		}
		
		.solutionImage {
			width:100px;
			height:100px;
			margin: 20px auto 0 auto;
			background: yellow;
			background-position: center;
			background-size:contain;
			background-repeat: no-repeat;
		}
		
		.solutionText {
			width:60%;
			margin: 20px auto 0 auto;
			background:red;
		}
		
		.solutionsBulletsTable {
			width:90%;
			margin: 0 auto 0 auto;
			background: var(--green);
			text-align: left;
		}

		.solutions_tile {
			display:inline-block;
			width:150px;
			height:230px;
			box-shadow:var(--green) 0px 0px 5px;
			margin:5px;
			text-align:center;
			border-radius: 5px;
			font-size:80%;
			cursor:pointer;
		}

		.services_info {
			overflow-y:auto;
		}
				
.lds-dual-ring {
            display: inline-block;
            width: 80px;
            height: 80px;
        }

            .lds-dual-ring:after {
                content: " ";
                display: block;
                width: 64px;
                height: 64px;
                margin: 8px;
                border-radius: 50%;
                border: 6px solid white;
                border-color: black lightgreen black lightgreen;
                animation: lds-dual-ring 1.2s linear infinite;
            }

        @keyframes lds-dual-ring {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(180deg);
            }
        }

        .lds-dual-ring-img {
            display: inline-block;
            width: 150px;
            height: 150px;
        }

            .lds-dual-ring-img:after {
                content: " ";
                display: block;
                width: 100px;
                height: 100px;
                margin: 8px;
                border-radius: 50%;
                border: 6px solid white;
                border-color: gray black gray black;
                animation: lds-dual-ring 0.5s linear infinite;
            }

        @keyframes lds-dual-ring-img {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }		

#footerbar {
    background: black;
    position: fixed;
    bottom:0px;
    left:0px;
    width:100%;
    height:20px;
    border-top: 1px solid var(--green);
    font-size:50%;
    text-align:left;
	margin-left:10px;
	color: var(--green);
    /*background: linear-gradient(90deg, rgba(20,20,20,1) 1%, rgba(121,9,9,1) 41%, rgba(20,20,20,1) 100%);
*/}

#workspace {
   position:fixed;
   top:101px;
   left:1px;
   right:1px;
   bottom:21px; 
   overflow-y:auto;
   /*width:99%;*/
   padding:0px;
   margin:0px;
}

textarea:focus, input:focus{
    outline: none;
}