body {
	font-family: "Open Sans";
	background-color: #F0F1F2;
}

a {
	cursor: pointer;
}

a, button {
	text-transform: uppercase;
	transition: background 0.3s, background-color 0.3s, color 0.3s;
}

#main_container {
	width: 100%;
	height: 100%;
	padding-top: 75px;
}

.panel-heading {
	padding: 15px;
}

.panel-title > .btn-group,
.panel-title > button {
	margin-top: -6px;
}

.form-control {
	border-radius: 0;
}

.form-control:focus,
.form-control:active {
	box-shadow: none;
}

.light-text {
	font-weight: 300;
}

.no-gutter {
	padding-right: 0px;
	padding-left: 0px;
}

.pad-top-5 {
	padding-top: 5px;
}

.pad-top-10 {
	padding-top: 10px;
}

.pad-top-15 {
	padding-top: 15px;
}

.pad-top-20 {
	padding-top: 20px;
}

.push-bottom-20 {
	margin-bottom: 20px;
}

.push-bottom-40 {
	margin-bottom: 40px;
}

.center-text {
	text-align: center;
}

.right-text {
	text-align: right;
}

.flat-top {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.flat-bottom {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.notify-me {
	border: 1px solid #ccc;
	padding: 6px;
	border-radius: 4px;
}

.notify-me > .glyphicon-ok-circle {
	color: #419641;
}

.notify-me > .glyphicon-remove-circle {
	color: #C12E2A;
}

.notify-me > .glyphicon-info-sign {
	color: #2AABD2;
}

.loader-container {
    position:fixed;
    padding:0;
    margin:0;

    top:0;
    left:0;

    width: 100%;
    height: 100%;
    background:rgba(255,255,255,0.5);
}

.loader {
	z-index: 999999999;
	background: url('../images/loader3.gif');
	background-repeat: no-repeat;
	background-position: center;
    position:fixed;
    padding:0;
    margin:0;

    top:0;
    left:0;

    width: 100%;
    height: 100%;
}

.datatable > tbody > tr:nth-child(2n) {
	background-color: #e1e1e1;
}

.spinner-cover {
    position:fixed;
    padding:0;
    margin:0;
    
    top:0;
    left:0;

    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.5);
    z-index: 9999;
}

.cssload-container {
	padding-top: 40vh;
	width: 100%;
	height: 88px;
	text-align: center;
}

.cssload-tube-tunnel {
	width: 88px;
	height: 88px;
	margin: 0 auto;
	border: 7px solid;
	border-radius: 50%;
	border-color: rgb(22,198,242);
	animation: cssload-scale 765ms infinite linear;
		-o-animation: cssload-scale 765ms infinite linear;
		-ms-animation: cssload-scale 765ms infinite linear;
		-webkit-animation: cssload-scale 765ms infinite linear;
		-moz-animation: cssload-scale 765ms infinite linear;
}



@keyframes cssload-scale {
	0% { transform: scale(0); transform: scale(0); }
	90% { transform: scale(0.7); transform: scale(0.7); }
	100% { transform: scale(1); transform: scale(1); }
}

@-o-keyframes cssload-scale {
	0% { -o-transform: scale(0); transform: scale(0); }
	90% { -o-transform: scale(0.7); transform: scale(0.7); }
	100% { -o-transform: scale(1); transform: scale(1); }
}

@-ms-keyframes cssload-scale {
	0% { -ms-transform: scale(0); transform: scale(0); }
	90% { -ms-transform: scale(0.7); transform: scale(0.7); }
	100% { -ms-transform: scale(1); transform: scale(1); }
}

@-webkit-keyframes cssload-scale {
	0% { -webkit-transform: scale(0); transform: scale(0); }
	90% { -webkit-transform: scale(0.7); transform: scale(0.7); }
	100% { -webkit-transform: scale(1); transform: scale(1); }
}

@-moz-keyframes cssload-scale {
	0% { -moz-transform: scale(0); transform: scale(0); }
	90% { -moz-transform: scale(0.7); transform: scale(0.7); }
	100% { -moz-transform: scale(1); transform: scale(1); }
}