/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */


/* 
	NOTE: Blue colour used in barLoad_blue.gif and smallCircleLoad_blue.gif is #134fcc
*/

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: -60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
}

.page-wrap {
	min-height: 100%;
	/* equal to footer height */
	margin-bottom: -60px;
}

.page-wrap:after {
		content: "";
		display: block;

}

.site-footer, .page-wrap:after {
		height:	60px;
}


.highlight {
	animation: highlight 2s;
}


@keyframes highlight {
	0% {
		background: #3498db;
	}

	100% {
		background: none;
	}
}

.navbar {
    box-shadow: 0 7px 10px -10px rgba(200, 200, 200, 0.5);
    background-color: rgb(215, 215, 215) !important;
    margin-top: 10px;
    z-index: 0 !important;
}

a.sidebar-level-2 i.material-icons {
    margin-right: 10px !important;
    line-height: 30px !important;
    width: 30px !important;
    text-align: center !important;
    margin-left: 00px !important;
}

a.sidebar-level-2 {
    margin: 0px 15px 0px 30px !important
}

a.sidebar-level-3 {
	margin: 0px 5px 0px 50px !important
}

.nav-parent.active{
    background-color:#efddef;
}

.sidebar .nav .nav{
    margin-top: 10px !important;
}

.sd-logo {
    height: 60px;
    margin-left: 20px;
}

.error{
    color:red;
}

.create-item:hover, .edit-item:hover, .delete:hover,  .delete-item:hover, .audit-icon:hover, .tableRowItemHover:hover{
    cursor:pointer;
}

.delete:hover {
	color: red !important;
}

.delete-item:hover{
    color:red !important;
}

.audit-icon:hover {
	color: #134fcc !important;
}

.edit-item:hover {
    background-color: #d6ffd6;
}

.tableRowItemHover:hover {
	background-color: #d6ffd6;
}

.tabACIMenuOption:hover {
	border-top: solid !important;
	border-color: lightgray !important;
}

.paginationButton {
	cursor:pointer;
	background-color: lightgray;
}

.paginationButton:hover {
	background-color: #134fcc !important;
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 75px;
    height: 75px;
    margin-top: -37.5px;
    margin-left: -37.5px;
    border-radius: 50%;
    border: 3px solid #ccc;
    border-top-color: #1fb544;
    animation: spinner .6s linear infinite;
}

.spinner{
    display:none;
    position:fixed;
    height:100%;
    width:100%;
    left:0px;
    top:0px;
    background-color:rgba(0,0,0,0.4);
    z-index:10000;
    background-image:url('');
}

.drop-zone{
    width:100%;
    height: 100px;
    background-color:#efefef;
    border:2px dashed #aaa;
    display:table;
}

.drop-zone:hover{
    background-color:#ddd;
    color:orange;
    border-color: orange;
}

    .drop-zone div{
        display:table-cell;
        text-align:center;
        vertical-align:middle;
    }

        .drop-zone div p {
            margin:0px;
        }


#formFile{
    display:none;
}

.main-panel {
}

.full-screen {
    position: absolute;
    width: 100%;
    background-image: url('http://www.sgsco.com/assets/images/layout/footer-logo.svg');
    background-repeat: no-repeat;
    background-size: cover;
}

.row-vertical-center{
    height: 75vh;
}

    .row-vertical-center div.align-middle{
        margin:auto;
    }


.sidebar .logo {
	background-color: white;
}

.sidebar .sidebar-wrapper {
	background-color: white;
}

@media(max-width:992px) {
	.sidebar {
		left: 0;
		-webkit-transform: translate3d(-260px, 0, 0);
		-moz-transform: translate3d(-260px, 0, 0);
		-o-transform: translate3d(-260px, 0, 0);
		-ms-transform: translate3d(-260px, 0, 0);
		transform: translate3d(-260px, 0, 0);
	}
}

.sidebar.active {
	transform: none;
	left: 0px;
}


.thumbnail {
	height:100px;
	width: 100px;
}

.thumbnail:hover {
	transform: scale(2);
	-ms-transform: scale(2);
	-webkit-transform: scale(2); 
	background-color: white;
}