﻿input[type=text] {

     width: 100%; 

     box-sizing: border-box;

     -webkit-box-sizing:border-box;

     -moz-box-sizing: border-box;

}



input[type=text], select {
	display: inline-block;
	color: black;
	padding: 10px;
/*width: 250px;*/box-sizing: border-box;
	border: 1px black solid;
	border-radius: 2px;
/*margin: 10px auto;*/transition: background-color 0.5s ease;
	font-size: small;
}



input[type=text]:focus, select:focus {

  background-color: rgba(0,0,0,0.15);

}



#modelnotgen {

    display: block;

    color: gray;

    max-width: 300px;

    margin: 0 auto;

    margin-top: 90px;

    font-size: smaller;

}



#enterDataForSearch {

    display: block;

    height: 374px;

    max-width: 250px;

    margin: 0 auto;

}



td, th {

    vertical-align: middle !important;

}



h1 {

	font-family: Helvetica,"Helvetica Neue",Arial,sans-serif,"websafe" !important;

    font-size: 36px !important;

    font-weight: bold !important;

    font-style: normal !important;

    color: #000 !important;

}

img[src="hint.png"] {

	margin-bottom: -1px;

}



hr {

    border-width: 0 0 1px !important;

    border-style: solid !important;

    border-color: #3e474c !important;

    display: block !important;

    unicode-bidi: isolate !important;

    -webkit-margin-before: 0.5em !important;

    -webkit-margin-after: 0.5em !important;

    -webkit-margin-start: auto !important;

    -webkit-margin-end: auto !important;

    overflow: hidden !important;

}



.dropdown {

	font-family: Helvetica,"Helvetica Neue",Arial,sans-serif,"websafe";

    font-style: normal;

    text-transform: none;

	cursor: pointer;

	text-decoration: none;

}



.dropdowncontext {

    background: #d2d1d1;

    border-radius: 4px;

    padding: 10px;

    margin-bottom: 15px;

    font-size: smaller;

}



.tooltip {

    position: relative;

    display: inline-block;

    /*border-bottom: 1px dotted black;*/

}



.tooltip img {

    margin-bottom: -2px;

}





.tooltip .tooltiptext {

    visibility: hidden;

    width: 240px;

    background-color: #555;

    color: #fff;

    text-align: center;

    border-radius: 6px;

    padding: 5px 0;

    position: absolute;

    z-index: 1;

    bottom: 125%;

    left: 50%;

    margin-left: -120px;

    opacity: 0;

    transition: opacity 1s;

}





.tooltip .tooltiptext::after {

    content: "";

    position: absolute;

    top: 100%;

    left: 50%;

    margin-left: -5px;

    border-width: 5px;

    border-style: solid;

    border-color: #555 transparent transparent transparent;

}



.tooltip:hover .tooltiptext {

    visibility: visible;

    opacity: 1;

}



.loader {

  border: 16px solid #53ab53;

  border-radius: 50%;

  border-top: 16px solid #f2e60d;

  width: 120px;

  height: 120px;

  -webkit-animation: spin 2s linear infinite; /* Safari */

  animation: spin 2s linear infinite;

}



/* Safari */

@-webkit-keyframes spin {

  0% { -webkit-transform: rotate(0deg); }

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

}



@keyframes spin {

  0% { transform: rotate(0deg); }

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

}



.button:hover {

	color: #000;

	background-color: #f2e60d !important;

    transition: background-color .3s ease-in,color .3s ease-in;

    box-sizing: border-box;

}



.button{

	font-family: Helvetica,"Helvetica Neue",Arial,sans-serif,"websafe";

    font-weight: bold;

    font-style: normal;

    text-transform: none;

    color: #53ab53;

    background-color: #000;

	cursor: pointer;

	border-radius: 4px;

    line-height: 30px;

    padding: 5px 15px;

    margin: 10px 40px;

	text-decoration: none;  

}



.button-white:hover {

	color: #000;

	background-color: #f2e60d;

    transition: background-color .3s ease-in,color .3s ease-in;

    box-sizing: border-box;

}



.button-white{

	font-family: Helvetica,"Helvetica Neue",Arial,sans-serif,"websafe";

    font-weight: bold;

    font-style: normal;

    text-transform: none;

    color: #53ab53;

    background-color: #FFF;

	cursor: pointer;

	border-radius: 4px;

    line-height: 30px;

    padding: 5px 15px;

    margin: 10px 40px;

	text-decoration: none;  

}



.button-grey:hover {

	color: #000;

	background-color: #f2e60d;

    transition: background-color .3s ease-in,color .3s ease-in;

    box-sizing: border-box;

}



.button-grey{

	font-family: Helvetica,"Helvetica Neue",Arial,sans-serif,"websafe";

    font-weight: bold;

    font-style: normal;

    text-transform: none;

    color: #53ab53;

    background-color: #4a4a4a;

	cursor: pointer;

	border-radius: 4px;

    line-height: 30px;

    padding: 5px 15px;

    margin: 10px 40px;

	text-decoration: none;  

}