﻿/*body
{
	padding-top: 70px;
	padding-bottom: 20px;
}*/
/*body { padding-top: 70px; }*/

/* 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;
}*?

/**** styles for validation helpers ****/
.field-validation-error
{
	color: #b94a48;
}

.field-validation-valid
{
	display: none;
}

input.input-validation-error
{
	border: 1px solid #b94a48;
}

select.input-validation-error
{
	border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error
{
	border: 0 none;
}

.validation-summary-errors
{
	color: #b94a48;
}

.validation-summary-valid
{
	display: none;
}

/*article .nav > li.active > a,
article .nav > li.active > a:hover,
article .nav > li.active > a:focus
{
	background-color: #5bc0de;
	border-color: #46b8da;
	color: #fff;
}*/

/* Yes I'm inline, but for simplicities sake let it go :) */
.AjaxLoaderDiv.p
{
	margin: 0 auto;
	padding-top: 80px;
	clear: both;
	font-weight: bold;
	font-size: 16px;
}

/* Elements that will load the loader must have a relative postion everything else is up to you.*/
.AjaxLoaderDiv
{
	position: fixed;
	width: 150px;
	height: 100px;
	margin: -50px 0 0 -75px;
	text-align: center;
	float: left;
	top: 50%;
	left: 50%;
	background: url("../Content/Images/spinner_squares_circle.gif") no-repeat center center;
	z-index: 99999999;
	background-color: #7E57C2;
	color: #FFF;
	font-size: 16px;
	font-weight: bolder;
}

div.fadeMe
{
	opacity: 0.1;
	background: #000;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	top: 0;
	left: 0;
	position: fixed;
}

.borderless td, .borderless th {
    border: none;
}

#allCheck {
    margin-left:6px;
}

.modal-dialog {
  width: 98%;
}

 .switch {
        content:"B";
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
    }

        .switch input {
            display: none;
        }

    .slider {
        
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        transition: .4s;
    }

        .slider:before {
          
            position: absolute;
            content: "";
            text-align:center;
            height: 15px;
            width: 15px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            transition: .4s;
        }

    /* include generated hidden field here */
    input[type="checkbox"]:checked + input[type="hidden"] + .slider,
    input[type="checkbox"]:checked + .slider {
        background-color: #2196F3;
    }

    /* include generated hidden field here */
    input[type="checkbox"]:focus + input[type="hidden"] + .slider,
    input[type="checkbox"]:focus + .slider {
        box-shadow: 0 0 1px #2196F3;
    }

    /* include generated hidden field here */
    input[type="checkbox"]:checked + input[type="hidden"] + .slider:before,
    input[type="checkbox"]:checked + .slider:before {
        transform: translateX(26px);
    }

    /* Rounded sliders */
    .slider.round {
        border-radius: 34px;
    }

        .slider.round:before {
            border-radius: 50%;
        }