/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 19, 2014 */

@font-face {
  font-family: poppins;
  src: url(poppins.ttf);
}

body {
  font-family: Poppins, calibri;
}

#container {
    position: fixed;
    width: 340px;
    /* height: 350px; */
    top: 45%;
    left: 50%;
    margin-top: -140px;
    margin-left: -170px;
    /* background: #FFFFFF; */
    background-image: url("../pic/triangle.jpg");
    color: #444;
    border-radius: 10px;
    border: 1px solid #ccc;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-animation-name: flipInX;
    -webkit-animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: flipInX;
    -moz-animation-fill-mode: both;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    animation-name: flipInX;
    animation-fill-mode: both;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    padding: 10px 10px 20px 10px;
}

.buttonlogin 
{
    /* font-family: Poppins, calibri, 'Segoe UI', 'Open Sans', Arial, sans-serif; */
    float: right;
    margin-right: 20px;
    margin-top: 10px;
    width: 80px;
    /* height: 30px; */
    line-height: 30px;
    /* font-size: 16px; */
    color: #fff;
    border: 0px none;
    outline: 0px none;
    cursor: pointer;
    background-color: #3399CC;
    border-radius: 8px;
    padding-top: 5px;
    border-bottom: 4px solid #5a7ead;
}

.boxlogin{

    color: #777777;
    padding-left: 10px;
    margin: 10px;
    margin-top: 12px;
    margin-left: 18px;
    width: 290px;
    height: 35px;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    /* box-shadow: 1.5px 3px rgb(190 190 190 / 40%), 0 0 0 5px #FFFFFF; */
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;	
	
}
	
input[type=text], input[type=password], input.text, input.title{
	/*border:0;*/
	outline:none;
}
    
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus{
	outline:none;
}

.gridshow tr th{
    padding: 10px;
}