﻿.cssload-spin-box {
	position: absolute;
	margin: auto;
	left: 0;
	top: 40px;
	right: 0;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	box-shadow: 15px 15px rgb(60,107,188), -15px 15px rgb(178,206,255), -15px -15px rgb(60,107,188), 15px -15px rgb(178,206,255);
		-o-box-shadow: 15px 15px rgb(60,107,188), -15px 15px rgb(178,206,255), -15px -15px rgb(60,107,188), 15px -15px rgb(178,206,255);
		-ms-box-shadow: 15px 15px rgb(60,107,188), -15px 15px rgb(178,206,255), -15px -15px rgb(60,107,188), 15px -15px rgb(178,206,255);
		-webkit-box-shadow: 15px 15px rgb(60,107,188), -15px 15px rgb(178,206,255), -15px -15px rgb(60,107,188), 15px -15px rgb(178,206,255);
		-moz-box-shadow: 15px 15px rgb(60,107,188), -15px 15px rgb(178,206,255), -15px -15px rgb(60,107,188), 15px -15px rgb(178,206,255);
	animation: cssload-spin ease infinite 4.6s;
		-o-animation: cssload-spin ease infinite 4.6s;
		-ms-animation: cssload-spin ease infinite 4.6s;
		-webkit-animation: cssload-spin ease infinite 4.6s;
		-moz-animation: cssload-spin ease infinite 4.6s;
}



@keyframes cssload-spin {
	0%,
	100% {
		box-shadow: 15px 15px rgb(60,107,188), -15px 15px rgb(178,206,255), -15px -15px rgb(60,107,188), 15px -15px rgb(178,206,255);
	}
	25% {
		box-shadow: -15px 15px rgb(178,206,255), -15px -15px rgb(60,107,188), 15px -15px rgb(178,206,255), 15px 15px rgb(60,107,188);
	}
	50% {
		box-shadow: -15px -15px rgb(60,107,188), 15px -15px rgb(178,206,255), 15px 15px rgb(60,107,188), -15px 15px rgb(178,206,255);
	}
	75% {
		box-shadow: 15px -15px #5bc0de, 15px 15px #3c6abc, -15px 15px #5bc0de, -15px -15px #3c6abc;
	}
}

@-o-keyframes cssload-spin {
	0%,
	100% {
		box-shadow: 15px 15px rgb(60,107,188), -15px 15px rgb(178,206,255), -15px -15px rgb(60,107,188), 15px -15px rgb(178,206,255);
	}
	25% {
		box-shadow: -15px 15px rgb(178,206,255), -15px -15px rgb(60,107,188), 15px -15px rgb(178,206,255), 15px 15px rgb(60,107,188);
	}
	50% {
		box-shadow: -15px -15px rgb(60,107,188), 15px -15px rgb(178,206,255), 15px 15px rgb(60,107,188), -15px 15px rgb(178,206,255);
	}
	75% {
		box-shadow: 15px -15px #5bc0de, 15px 15px #3c6abc, -15px 15px #5bc0de, -15px -15px #3c6abc;
	}
}

@-ms-keyframes cssload-spin {
	0%,
	100% {
		box-shadow: 15px 15px rgb(60,107,188), -15px 15px rgb(178,206,255), -15px -15px rgb(60,107,188), 15px -15px rgb(178,206,255);
	}
	25% {
		box-shadow: -15px 15px rgb(178,206,255), -15px -15px rgb(60,107,188), 15px -15px rgb(178,206,255), 15px 15px rgb(60,107,188);
	}
	50% {
		box-shadow: -15px -15px rgb(60,107,188), 15px -15px rgb(178,206,255), 15px 15px rgb(60,107,188), -15px 15px rgb(178,206,255);
	}
	75% {
		box-shadow: 15px -15px #5bc0de, 15px 15px #3c6abc, -15px 15px #5bc0de, -15px -15px #3c6abc;
	}
}

@-webkit-keyframes cssload-spin {
	0%,
	100% {
		box-shadow: 15px 15px rgb(60,107,188), -15px 15px rgb(178,206,255), -15px -15px rgb(60,107,188), 15px -15px rgb(178,206,255);
	}
	25% {
		box-shadow: -15px 15px rgb(178,206,255), -15px -15px rgb(60,107,188), 15px -15px rgb(178,206,255), 15px 15px rgb(60,107,188);
	}
	50% {
		box-shadow: -15px -15px rgb(60,107,188), 15px -15px rgb(178,206,255), 15px 15px rgb(60,107,188), -15px 15px rgb(178,206,255);
	}
	75% {
		box-shadow: 15px -15px #5bc0de, 15px 15px #3c6abc, -15px 15px #5bc0de, -15px -15px #3c6abc;
	}
}

@-moz-keyframes cssload-spin {
	0%,
	100% {
		box-shadow: 15px 15px rgb(60,107,188), -15px 15px rgb(178,206,255), -15px -15px rgb(60,107,188), 15px -15px rgb(178,206,255);
	}
	25% {
		box-shadow: -15px 15px rgb(178,206,255), -15px -15px rgb(60,107,188), 15px -15px rgb(178,206,255), 15px 15px rgb(60,107,188);
	}
	50% {
		box-shadow: -15px -15px rgb(60,107,188), 15px -15px rgb(178,206,255), 15px 15px rgb(60,107,188), -15px 15px rgb(178,206,255);
	}
	75% {
		box-shadow: 15px -15px #5bc0de, 15px 15px #3c6abc, -15px 15px #5bc0de, -15px -15px #3c6abc;
	}
}

.signature-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.signature-modal-content {
    background-color: #fefefe;
    margin: 7% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 90%; /* Could be more or less, depending on screen size */
    max-width:500px;
}
.wait-modal-content {
    position:absolute;
   left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 260px;
    height: 120px;
    background-color:#fff;
    margin: auto;
}
    .wait-modal-content p {
        text-align: center;
        color: #3c6abc;
        font-size: 17px;
        margin-top:80px;
    }

/* The Close Button */
.signature-modal .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.signature-modal .close:hover,
.signature-modal .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.sert-div{
    border-bottom:1px solid #ccc;
    padding:10px;
}
#SertFind {
    overflow-y: scroll;
    height: 340px;
    border: 1px solid rgb(204, 204, 204);
}
.sert-find-title{
    font-size:20px;
    text-align:center;
    padding-bottom:20px;
    padding-top:20px;
}

.sert-div:hover,.sert-div:focus
{		
    background-color: #f2eeee;
    cursor:pointer;
}

.sert-div p{
    padding-bottom:2px;
    padding-top:2px;
    margin:0px;
}	
.sert-serialnumber, .sert-inn
{
    color:#777;
}
.sert-serialnumber span, .sert-inn span
{
    font-size:85%
}
.sert-organization{
    font-weight:bold;
}