body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/
.loaderbin{
    text-align:center;
    width:100%;
    position:fixed;
    z-index:1000;
    
     height:100vh;
     /*background-image: url(/Content/img/alpha.png);*/
}
.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #d3d3d3; /* Blue */
    
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    margin:40vh auto ;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.w25p{
    width:35%;
}


.page-header {
    margin:10px 0px;
}

.page-header h1 {
    font-size: 1.5em;
    padding:0;
    margin:0;
}

.req:after {
    content: " *";
    color: IndianRed ;
}


.page-header-fixed .page-container {
    margin-top: 0px;
}

/* Text color classes */
.white {
	color: #ffffff !important;
}
a.white {
	color: #ffffff !important;
}
a.white:hover,
a.white:focus {
	color: #ffffff !important;
}
.grey {
	color: #eeeeee !important;
}
a.grey {
	color: #eeeeee !important;
}
a.grey:hover,
a.grey:focus {
	color: #d5d5d5 !important;
}
.black {
	color: #666666 !important;
}
a.black {
	color: #666666 !important;
}
a.black:hover,
a.black:focus {
	color: #4d4d4d !important;
}
/*.red {
	color: #ed5441 !important;
}
a.red {
	color: #ed5441 !important;
}
a.red:hover,
a.red:focus {
	color: #e52d16 !important;
}*/
.lgreen {
	color: #51d466 !important;
}
a.lgreen {
	color: #51d466 !important;
}
a.lgreen:hover,
a.lgreen:focus {
	color: #30c247 !important;
}
.lblue {
	color: #32c8de !important;
}
a.lblue {
	color: #32c8de !important;
}
a.lblue:hover,
a.lblue:focus {
	color: #1faabe !important;
}
.blue {
	color: #609cec !important;
}
a.blue {
	color: #609cec !important;
}
a.blue:hover,
a.blue:focus {
	color: #3280e7 !important;
}
.orange {
	color: #f8a841 !important;
}
a.orange {
	color: #f8a841 !important;
}
a.orange:hover,
a.orange:focus {
	color: #f69110 !important;
}
.yellow {
	color: #fcd419 !important;
}
a.yellow {
	color: #fcd419 !important;
}
a.yellow:hover,
a.yellow:focus {
	color: #dfb803 !important;
}
.purple {
	color: #cb79e6 !important;
}
a.purple {
	color: #cb79e6 !important;
}
a.purple:hover,
a.purple:focus {
	color: #ba4ede !important;
}
.rose {
	color: #ff61e7 !important;
}
a.rose {
	color: #ff61e7 !important;
}
a.rose:hover,
a.rose:focus {
	color: #ff2edf !important;
}
.brown {
	color: #d08166 !important;
}
a.brown {
	color: #d08166 !important;
}
a.brown:hover,
a.brown:focus {
	color: #c4613f !important;
}
/* Background color classes */
.bg-white {
	background-color: #ffffff !important;
}
.bg-grey {
	background-color: #eeeeee !important;
}
.bg-black {
	background-color: #666666 !important;
}
.bg-red {
	background-color: #ed5441 !important;
}
.bg-lgreen {
	background-color: #51d466 !important;
}
.bg-lblue {
	background-color: #32c8de !important;
}
.bg-blue {
	background-color: #609cec !important;
}
.bg-orange {
	background-color: #f8a841 !important;
}
.bg-yellow {
	background-color: #fcd419 !important;
}
.bg-purple {
	background-color: #cb79e6 !important;
}
.bg-rose {
	background-color: #ff61e7 !important;
}
.bg-brown {
	background-color: #d08166 !important;
}
/* Background Hover color */
.bg-white-hover:hover {
	background-color: #ffffff !important;
}
.bg-grey-hover:hover {
	background-color: #eeeeee !important;
}
.bg-black-hover:hover {
	background-color: #666666 !important;
}
.bg-red-hover:hover {
	background-color: #ed5441 !important;
}
.bg-lgreen-hover:hover {
	background-color: #51d466 !important;
}
.bg-lblue-hover:hover {
	background-color: #32c8de !important;
}
.bg-blue-hover:hover {
	background-color: #609cec !important;
}
.bg-orange-hover:hover {
	background-color: #f8a841 !important;
}
.bg-yellow-hover:hover {
	background-color: #fcd419 !important;
}
.bg-purple-hover:hover {
	background-color: #cb79e6 !important;
}
.bg-rose-hover:hover {
	background-color: #ff61e7 !important;
}
.bg-brown-hover:hover {
	background-color: #d08166 !important;
}
/* Border class */
/* Border color */
.br-white {
	border: 1px solid #ffffff;
}
.br-grey {
	border: 1px solid #eeeeee;
}
.br-black {
	border: 1px solid #666666;
}
.br-red {
	border: 1px solid #ed5441;
}
.br-lgreen {
	border: 1px solid #51d466;
}
.br-lblue {
	border: 1px solid #32c8de;
}
.br-blue {
	border: 1px solid #609cec;
}
.br-orange{
	border: 1px solid #f8a841;
}
.br-yellow {
	border: 1px solid #fcd419;
}
.br-purple {
	border: 1px solid #cb79e6;
}
.br-rose {
	border: 1px solid #ff61e7;
}
.br-brown {
	border: 1px solid #d08166;
}
/* Border size */
.br-size-1 {
	border-width: 2px !important;
}
.br-size-2 {
	border-width: 4px !important;
}
.br-size-3 {
	border-width: 6px !important;
}
.br-size-4 {
	border-width: 10px !important;
}
.br-size-5 {
	border-width: 15px !important;
}

 
.padd-10 {
    padding:10px;
}
.padd-5 {
    padding:5px;
}

.marg-5 {
    margin:5px;
}

.marg-2 {
    margin:2px;
}
 /*@media screen and (max-width: 600px) {

    table {
      border: 0;
    }

    table thead {
      display: none;
    }

    table tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #ddd;
    }

    table td {
      display: block;
      text-align: right;
      font-size: 13px;
      border-bottom: 1px dotted #ccc; 
    }

    table td:last-child {
      border-bottom: 0;
    }

    table td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }
  }*/