html {
	width: 100%;
	min-height: 100vh;
}

body{
	min-height: 100vh;
}

.container{
	padding-left: 1.5em;
	padding-right: 1.5em;
	max-width: 100%;
}

.loginBody {
    background: url(../images/loginBg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.hide{
	display: none !important;
}
.loginCard{
	margin-top: 13em;
	padding-top: 1em;
	width: 70%;
	background-color: #fff;
	-webkit-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75);
	opacity: .98;
}

.loginTitle{
	text-align: center;
	font-size: 38px;
	font-family: "Roboto-medium";
	letter-spacing: 2px;
	color: #4A4A4A;
}

.loginText{
	float: left;
	text-align: left;
	font-size: 20px;
	font-family: "Roboto-regular";
	color: #4A4A4A;
}

.loginForm{
	width: 85%;
}

.loginInput{
	font-size: 20px;
}

.loginInput:focus {
    border-color: #DCB91C !important;
    box-shadow: none !important;
}
.jumbotron{
    margin-bottom: 0;

}
.loginBtn{
	font-size: 20px;
	padding: .5em 5em;
	font-family: "Roboto-Regular";
	background-color: #B11116;
	border: 2px solid #B11116;
	color: #fff;
	letter-spacing: 2px;
	width: 100%;
}

.loginBtn:hover, .loginBtn:focus, .loginBtn:active{
	background-color: #fff !important;
	border: 2px solid #B11116 !important;
	transition: .3s;
	color: #B11116;
	box-shadow: none;
}

.loginIcon{
	background-color: #4A4A4A;
}

.loginImg{
	width: 24px;
	height: 24px;
}

.loginCol1{
	margin-top: 20em;
}

.loginLine1{
	margin-top: -2em;
	height: 36px;
	width: 42px;
}

.loginLine2{
	margin-left: -1em;
	margin-top: -2em;
	height: 36px;
	width: 42px;
}

.masterLine1{
	margin-top: -2em;
	height: 36px;
	width: 42px;
}

.masterLine2{
	margin-left: -1em;
	margin-top: -2em;
	height: 36px;
	width: 42px;
}

.loginLabelTitle{
	font-family: "Roboto-Medium";
	font-size: 42px;
	word-spacing: 20px;
	letter-spacing: 3px;
	color: #4A4A4A;
	text-align: left;
	text-indent: 0;
	margin-bottom: 0;
}

.loginLabel{
	font-family: "Roboto-Regular";
	font-size: 36px;
	word-spacing: 16px;
	letter-spacing: 0px;
	color: #4A4A4A;
	text-align: left;
	text-indent: 0;
}

.cardStyle{
	position: absolute;
	top: 0;
	left: .5em;
	border: 2px solid #B11116;
	background-color: #B11116;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	width: 32px;
	height: 56px;
}

.masterNav{
	background-color: #B11116;
	box-shadow: 0px 2px 1px 1px rgba(177,17,22,0.75);
	-webkit-box-shadow: 0px 2px 1px 1px rgba(177,17,22,0.75);
	-moz-box-shadow: 0px 2px 1px 1px rgba(177,17,22,0.75);
}

.masterBody{
	background-color: #eee;
}

.navTitle{
	font-family: "Roboto-Regular";
	font-size: 20px;
	color: #fff !important;
}

.navItem{
	font-family: "Roboto-Regular";
	font-size: 14px;
	color: #fff !important;
	border-bottom: 2px solid transparent;
	padding: 0 !important;
	margin-top: 8px;
	margin-left: 8px !important;
	margin-right: 8px !important;
	margin-left: 1em;
}

.navItem:hover{
	border-bottom: 3px solid #fff;
	transition: .3s;
}

.navItemActive{
	border-bottom: 3px solid #fff;
}

.userBtn{
	font-family: "Roboto-Regular";
	font-size: 14px;
	letter-spacing: 1px;
	background-color: #DCB91C;
	border: 1px solid #DCB91C;
}

.userBtn:hover{
	transition: .3s;
	background-color: #B59817;
	border: 1px solid #B59817;
}

.userBtn:focus{
	transition: .3s;
	background-color: #B59817 !important;
	border: 1px solid #B59817 !important;
	outline: none !important;
}

.userDrop{
	font-family: "Roboto-Regular";
	font-size: 14px;
	letter-spacing: 1px;
	border-left: 5px solid transparent;
}

.userDrop:hover{
	transition: .3s;
	border-left: 5px solid #DCB91C;
	background-color: #ddd;
}

.masterSection{
	height: 80vh;
}

.masterPanel{
	
	margin-top: 1.5em;
	-webkit-box-shadow: 0px 1px 10px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 1px 10px -5px rgba(0,0,0,0.75);
	box-shadow: 0px 1px 10px -5px rgba(0,0,0,0.75);
	padding: 1em;
	background: #f2f7ff;
}
.childPanel{
	
	margin-top: 1.5em;
	-webkit-box-shadow: 0px 1px 10px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 1px 10px -5px rgba(0,0,0,0.75);
	box-shadow: 0px 1px 10px -5px rgba(0,0,0,0.75);
	padding: 10px;
	background: #f2f7ff;

}
.masterTableTitle{
	font-family: "Roboto-Medium";
	font-size: 28px;
	color: #4A4A4A;
	text-align: left;
	text-indent: 0;
	margin-bottom: 0;
}

.tableText{
	font-family: "Roboto-Regular";
	font-size: 16px;
	color: #4A4A4A;
}

.tableHead{
	font-family: "Roboto-Medium";
	font-size: 16px;
	color: #4A4A4A;
}

.masterFooterSection{
   	left: 0;
   	bottom: 0;
   	width: 100%;
   	color: white;
   	text-align: center;
}

.footerRow{
	padding-left: 32px !important;
	padding-right: 32px !important;
	padding-top: 16px;
	padding-bottom: 16px;
	width: 100%;
	background-color: #252525;
	margin: 0;
}

.footerTitle{
	text-align: left;
	font-family: "Roboto-Medium";
	font-size: 14px;
	margin-bottom: 0;
}

.footerText{
	text-align: left;
	font-family: "Roboto-Regular";
	font-size: 12px;
	margin-bottom: 0;
}

.footerRow2{
	background-color: #222222;
	width: 100%;
	margin: 0;
	margin-bottom: 0
}

.footer2Text{
	text-align: center;
	font-family: "Roboto-Regular";
	font-size: 12px;
	margin-bottom: 0;
	color: #969696;
}

ul.social-footer2 {	
	margin: 0;
	padding: 0;	
	width: auto;
}

ul.social-footer2 li {
	display: inline-block;
	padding: 0;
}

ul.social-footer2 li a:hover {
	background-color:#B11116;
	transition: .3s;
}

ul.social-footer2 li a {
	display: block;	
	height: 24px;
	width: 24px;
	text-align: center;
	margin-right: .5em;
}

.footerImg{
	margin-top: 0;
	height: 24px;
	width: 24px;
}

.footerLink{
	font-family: "Roboto-Regular";
	font-size: 12px;
	color: #fff;
}

.footerLink:hover{
	color: #DCB91C;
	transition: .3s;
}

.modalTitle{
	font-family: "Roboto-Medium";
	font-size: 24px;
	color: #4A4A4A;
}

.cpText{
	font-family: "Roboto-Regular";
	font-size: 16px;
	color: #4A4A4A;
}

.cpSubText{
	font-family: "Roboto-Regular";
	font-size: 12px;
	color: #4A4A4A;
}

.cpBtnClose{
	font-family: "Roboto-Regular";
	font-size: 16px;
}

.cpBtnSave{
	font-family: "Roboto-Regular";
	font-size: 16px;
	font-family: "Roboto-Regular";
	background-color: #B11116;
	border: 2px solid #B11116;
	color: #fff;
}

.cpBtnSave:hover, .cpBtnSave:focus, .cpBtnSave:active{
	background-color: #820D11 !important;
	border: 2px solid #820D11 !important;
	outline: none !important;
	box-shadow: none !important;
}

.cpInput:focus{
	border-color: #DCB91C !important;
	outline: none !important;
	box-shadow: none;
}

.table-wrapper-scroll-y {
	display: block;
}

.my-custom-scrollbar {
	position: relative;
	height: 40vh;
	overflow: auto;
}

@media only screen and (max-width: 1679px) {
  	.htmlLogin {
    	zoom: 75%;
  	}
}

@media only screen and (max-width: 768px){
	.container{
		padding: 32px;
	}

	.loginCol1{
		margin-top: 0;
	}

	.loginLabelTitle{
		font-size: 32px;
		letter-spacing: 0;
		word-spacing: 0;
	}

	.loginLabel{
		font-size: 26px;
		letter-spacing: 0;
		word-spacing: 0;
	}

	.loginCard {
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-top: 2em !important;
		margin-bottom: 0 !important;
		padding: 15px !important;
		width: 100%;
	}

	.loginTitle{
		font-size: 32px;
		letter-spacing: 0;
		word-spacing: 0;
	}

	.loginText{
		font-size: 18px;
	}

	.loginBtn{
		font-size: 18px;
	}

	.navItem {
		margin-left: 8px !important;
		padding-left: .5em !important;
		border-left: 5px solid transparent !important;
		font-size: 14px;
	}

	.userBtn{
		font-size: 12px;
	}

	.userDrop{
		font-size: 12px;
	}

	.navItemActive{
		border-bottom: none !important;
		border-left: 5px solid #fff !important;
	}

	.dropLeftForm{
		float: right;
	}

	.masterPanel{
		margin: 0;
		padding: 16px;
	}

	.masterTableTitle{
		font-size: 22px;
	}

	.footerRow{
		padding: 16px !important;
	}

	.footerCol{
		margin-top: 1em;
	}

	.footerText{
		line-height: 1.5em;
	}

	.footerImg{
		margin-top: -.2em;
	}

	.masterSection{
		height: 85vh !important;
	}

	.modalCard{
		margin-top: 5em !important;
	}

	.masterTable{
		max-width: 100% !important;
		min-width: 100% !important;
	}

	.tableHead{
		font-size: 14px;
	}

	.tableText{
		font-size: 14px;
	}

	.loginLine1{
		width: 25px;
		margin-top: -2.5em;
	}

	.loginLine2{
		width: 25px;
		margin-top: -2.5em;
	}

	.masterLine1{
		width: 25px;
		margin-top: -1.5em;
	}

	.masterLine2{
		width: 25px;
		margin-top: -1.5em;
	}
}

.buttons-excel{
    font-family: "Roboto-Regular" !important;
    background-color: #1C6C40 !important;
    border: 2px solid #1C6C40 !important;
    color: #fff !important;
    letter-spacing: 2px !important;
    background-image: none !important;
}

.buttons-excel:hover, .buttons-excel:focus, .buttons-excel:active {
    background-color: #fff !important;
    border: 2px solid #1C6C40 !important;
    transition: .3s !important;
    color: #1C6C40 !important;
    box-shadow: none !important;
}

.buttons-pdf{
    font-family: "Roboto-Regular" !important;
    background-color: #A50000 !important;
    border: 2px solid #A50000 !important;
    color: #fff !important;
    letter-spacing: 2px !important;
    background-image: none !important;
}

.buttons-pdf:hover, .buttons-pdf:focus, .buttons-pdf:active {
    background-color: #fff !important;
    border: 2px solid #A50000 !important;
    transition: .3s !important;
    color: #A50000 !important;
    box-shadow: none !important;
}

.buttons-print{
    font-family: "Roboto-Regular" !important;
    background-color: #0d5172 !important;
    border: 2px solid #0d5172 !important;
    color: #fff !important;
    letter-spacing: 2px !important;
    background-image: none !important;
}

.buttons-print:hover, .buttons-print:focus, .buttons-print:active {
    background-color: #fff !important;
    border: 2px solid #0d5172 !important;
    transition: .3s !important;
    color: #0d5172 !important;
    box-shadow: none !important;
}
.errorRow{
 background-color: #fcb292 !important;

}



    table .input-group-text {
                background-color: darkgoldenrod;
                color:  ghostwhite;
           } 
            
           /*table .even td {
           background-color: #ffd6d6; !important; /* Add !important to make sure override datables base styles 
             }*/
         /*table { 
          width: 100% !important;  
        }*/
        table td,
        table th{ 
            white-space: nowrap; 
            border-bottom: 1px solid red; 
            padding:0px;
        }
        table tr td {
            height: 10px;
        }
        table.dataTable td {
          padding: 1px
        }
        
       /*@media only screen and (max-width: 1600px) {
               table {
              width: 100% !important; 
              table-layout: fixed;
            } 
        }*/