.btn-line {
    border: 1px solid #88B42C !important;
    color: #222222;
}

.btn-line:hover {
    color: #88B42C;
}

.btn-success {
    color: #fff;
    background-color: rgba(136, 180, 44, 0.8);
    border-color: #88B42C;
}


.btn-success:hover {
    color: #fff;
    background-color: #88B42C;
    border-color: #88B42C;
}


.form-group.buttons {
    width: 100%;
    margin-left: 0px;
}

.form-group.buttons-report {
    width: 100%;
    margin-left: 2.2%;
}

.form-padding .buttons{
	margin-left: 10px;
}

.btn-sq-lg {
  width: 150px !important;
  height: 100px !important;
  margin-bottom:8%;
}

.btn-sq {
  width: 125px !important;
  height: 75px !important;
  font-size: 11px;
  font-style: italic;
  font-weight:bold;
  margin-bottom:8%;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  	color: #fff;
    background-color: rgba(136, 180, 44, 0.8);
    border-color: #88B42C;
}

.btn-sq-md {
  width: 250px !important;
  height: 160px !important;
  margin-bottom:2%;
  max-width:100%;
}

.btn-sq-xd {
  min-width: 150px !important;
  height: 85px !important;
  margin-bottom:2%;
  max-width:100%;
}

.btn-fixed-width{
	width:40%;
	/*max-width:100%;*/
}

.color-black{
	color:#000000;
	font-weight: bold;
}


.color-black-main{
	color:#000000;
}

.color-success{
	color:#88b42c;
} 

@media screen and (min-width: 1208px) and (min-height: 600px) {
/*	body {
    	background-color: lightblue;
	}*/
	.btn-sq-xd {
		min-width: 182px !important;
		height: 96px !important;
		margin-bottom: 10%;
		max-width: 100%;
		font-size: 12px
	}
	.btn-sq-lg {
		width: 150px !important;
		height: 100px !important;
		margin-bottom: 8%;
	}
	.icon-4x {
		font-size: 4em;
	}
}

@media 	screen and (min-width: 300px) and (max-width: 1250px) and (min-height: 760px) and (max-height: 900px){
/*	body {
    	background-color: red;
	}*/
	.btn-sq-lg {
		width: 120px !important;
		height: 80px !important;
		margin-bottom:0%;
		font-size: 12px;
	}	
	.btn-sq-xd {
		min-width: 180px !important;
		height: 82px !important;
		margin-bottom: 2%;
		max-width: 100%;
		font-size: 12px
	}
	.icon-4x {
		font-size: 4em;
	}	
}

@media 	screen and (min-width: 300px) and (max-width: 1250px) and (min-height: 500px) and (max-height: 770px), screen and (max-width: 540px){
/*	body {
    	background-color: green;
	}*/
	.btn-sq-lg {
		width: 90px !important;
		height: 60px !important;
		margin-bottom:0%;
		font-size: 8px;
	}	
	.btn-sq-xd {
		min-width: 180px !important;
		height: 82px !important;
		margin-bottom: 1%;
		max-width: 100%;
		font-size: 12px
	}
	.icon-4x {
		font-size: 3em;
	}	
}

@media 	screen and (min-width: 300px) and (max-width: 1250px) and (min-height: 200px) and (max-height: 680px), screen and (max-width: 420px){
/*	body {
    	background-color: black;
	}*/
	.btn-sq-lg {
		width: 90px !important;
		height: 40px !important;
		margin-bottom:0%;
		font-size: 8px;
	}	
	.btn-sq-xd {
		min-width: 160px !important;
		height: 72px !important;
		margin-bottom: 1%;
		max-width: 100%;
		font-size: 10px
	}
	.icon-4x {
		font-size: 2em;
	}	
}