.btn-danger
		{
    background-color: #5f6f80 !important;
    border-color: #5f6f80 !important;
			color: #fff;
			padding: 10px 30px 10px 33px;
			font-size: 16px;
			width: 100%;
			border-radius: 2px;
		}
		.btn-danger:hover
		{
    background-color: #5f6f80 !important;
    border-color: #5f6f80 !important;
			color: #fff;
			padding: 10px 30px 10px 33px;
			font-size: 16px;
			width: 100%;
			border-radius: 2px;
		}
		.btn-danger:focus {     
    background-color: #5f6f80 !important;
    border-color: #5f6f80 !important;
		    color: #fff;
		    padding: 10px 30px 10px 33px;
		    font-size: 16px;
		    width: 100%;
		    border-radius: 2px;
		}
		.btn-danger:active {     
    background-color: #5f6f80 !important;
    border-color: #5f6f80 !important;
		    color: #fff;
		    padding: 10px 30px 10px 33px;
		    font-size: 16px;
		    width: 100%;
		    border-radius: 2px;
		}

		.btn-primary
		{
    background-color: #805F69 !important;
    border-color: #805F69 !important;
			color: #fff;
			padding: 10px 30px 10px 33px;
			font-size: 16px;
			width: 100%;
			border-radius: 2px;
		}
		.btn-primary:hover
		{
    background-color: #805F69 !important;
    border-color: #805F69 !important;
			color: #fff;
			padding: 10px 30px 10px 33px;
			font-size: 16px;
			width: 100%;
			border-radius: 2px;
		}
		.btn-primary:focus {     
    background-color: #805F69 !important;
    border-color: #805F69 !important;
		    color: #fff;
		    padding: 10px 30px 10px 33px;
		    font-size: 16px;
		    width: 100%;
		    border-radius: 2px;
		}
		.btn-primary:active {     
    background-color: #805F69 !important;
    border-color: #805F69 !important;
		    color: #fff;
		    padding: 10px 30px 10px 33px;
		    font-size: 16px;
		    width: 100%;
		    border-radius: 2px;
		}

		h4
		{
			color: #324B4A;
			font-size: 24px;
		}
		.nav>li>a
		{
			color: #fff;
		}
		.panel-danger>.panel-heading
		{
			color: white;
			background-color: #6CB9FF;
			border-color: #6CB9FF;
		}
		.panel-danger
		{
			border-color: #6CB9FF;
		}
		.alert-danger
		{
			color: white;
			border-color: #b1b0b0;
			background-color: #6CB9FF;
		}
		th
		{
			text-align: center;
			border: solid 1px #b1b0b0;
			padding: 10px 5px 10px 5px;
			color:white;
			background-color: #324B4A;
		}
		td
		{
			text-align: center;border: solid 1px #b1b0b0;padding:5px;color:#606060;
		}
		tr
		{
			height: 63px;
		}
		tr:nth-child(even) {background-color: #324b4a1a;}
		.fa-pencil
		{
			color: #4c4c4c !important;
		}
		.text-danger
		{
			color: #4c4c4c !important;
		}
		.modal-header
		{
			background-color: #6CB9FF;
		}
		#page-wrapper
		{
			background-color: #F0F3FC;
		    color: #324B4A !important;
		}
	
		.page-header
		{
			margin-top: 0px;
		    /*background-color: white;*/
		    padding: 10px;
		    /*border: solid 1px #b1b0b0;*/
		    border-bottom: solid 0px grey !important;
		    border-radius: 6px;
		    color: #000;
		}
		.panel-default {
		    border-color: #b1b0b0;
		}
		.panel-default>.panel-heading {
		    color: #fff;
		    background-color: #525252;
		}
		#main
		{
			margin-top: 15px;
		}
		.half-bottom
		{
			margin-bottom: 0px;
		}
		.fixed-table-container
		{
			border: 1px solid #d1d4d8;
		}
		table{
		    width:100%;
		}
		#Pagination a {
		    border: solid 1px #007bff;
		    padding: 5px 10px 5px 10px;
		    cursor: pointer;
		    padding: 5px 10px 5px 10px;
		}

		.ActivePage {
		    background: #805F69 !important;
		    border: solid 1px #805F69;
		    color: #fff;
		}
		.pagStyle
		{
		    padding: 5px 10px 5px 10px;
		    background-color: #324B4A;
    		border: solid 1px #b1b0b0;
    		cursor:pointer;
    		color: white;
		}
		.pagStyle:hover
		{
		    padding: 5px 10px 5px 10px;
    		border: solid 1px #b1b0b0;
    		cursor:pointer;
    		color: white;
		}
		a:hover
		{
			color: #6CB9FF !important;
		}
		tr:hover
		{
			background-color: #e4f2ff;
			cursor:pointer;
			color:	white;
		}

		.responseText
		{
			font-size:24px;
			text-align:center;
		}
		.responseCount
		{
			font-size:27px;
			color: #6CB9FF;
		}

		.brandstyle
		{
		    border: solid 1px #b1b0b0;text-align: left;padding: 15px;border-radius:2px;cursor: pointer;
		}
		.brandstyle:hover
		{
		    border: solid 1px #b1b0b0;text-align: center;padding: 15px;border-radius:5px;cursor: pointer;background-color: #324B4A;opacity: 0.6;
			transition: 1.0s; color: white;
		}

		.groupstyle
		{
		    border: solid 1px #b1b0b0;text-align: left;padding: 7px;border-radius:2px;cursor: pointer;font-size: 11px;height: 27px;
    overflow: hidden;
		}
		.groupstyle:hover
		{
		    border: solid 1px #b1b0b0;text-align: center;padding: 7px;border-radius:5px;cursor: pointer;background-color: #324B4A;opacity: 0.6;font-size: 11px;
			transition: 1.0s; color: white;height: 27px;
    overflow: hidden;
		}

		.SelectedCol
		{
		    background-color: #324B4A;color: white;
		}
	
		.panel-body
		{
		    background-color: white;
		    box-shadow: inset 2px -2px 2px #d8dae2;
		}

		.inputstyle
		{
			height: 55px;
			border-radius: 2px !important;
			width: 300px !important;
		}

		.inputStyleForm
		{
			height: 55px;
    		border-radius: 2px !important;
		}

		.nav>li>a:hover
		{
			background-color: #5B6B6A;
			color: white !important;
			opacity: 0.6;
			transition: 1.0s;
		}

		.ui-datepicker-calendar tr
		{
			height: 20px;
			background-color: #324b4a !important;
		}
		.ui-datepicker-calendar tr td:hover
		{
			height: 20px;
			color: black;
			background-color: #f0f3fc !important;
		}
		.ui-datepicker-calendar tr td a:hover
		{
			height: 20px;
			color: black;
			background-color: #f0f3fc !important;
		}

.DivBlock
{
    width: 100%;
    height: 100%;
    background-color: #e0e0e05c;
    position: fixed;
    z-index: 2;
}
.dstloader {
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: auto;
}
.dstloader div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #324B4A;
  animation: dstloader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.dstloader div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.dstloader div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.dstloader div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
.block1 {
  margin-top: 350px;
}
@keyframes dstloader {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}