/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
body {
}

/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:rgba(255,255,255,1);
  /* change if the mask should have another color then white */
  z-index: 3001;
  /* makes sure it stays on top */
}

#status {
  width: 250px;
  height: 250px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 40%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../images/loader.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}
/* Preloader end*/

.padding{
	padding:5px 0;
}


h1, h2{position:relative; text-transform: uppercase; font-family: "Arial Narrow"; font-size:20px; font-weight:bold; color:#131313; text-align:center; padding:40px 0 10px;}

h2{padding:0px 0 10px;}


h1 span, h2 span {
    font-weight: normal;
    color: #b8161d;
    padding: 15px 0;
    font-weight: bold;
}


header{
	position:fixed;
	width:100%;
	z-index:2000;
	color:#e10b14;
	background: #f8f9fa;
	text-align:center;
	font-size:26px;
	border-bottom: 2px ridge red;
	text-transform: uppercase;
	font-weight:bold;
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;
}


.navbar-brand {
    padding-top: 0;
    padding-bottom:0;
}

.navbg, .navbar{background: rgba(255, 255, 255, 1)!important; border-bottom:solid 1px #ffffff;}

.sticky {
	background-color: rgb(255,255,255)!important;
}


.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
	margin:0 2px;
	padding:5px 10px;
	border-radius:5px;
}

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1);
	background:#42abcc;
	padding:3px;
}

.navbar-dark .navbar-nav .nav-item {
    position:relative;
}

.bannerwrapper{position:relative;}
.bannerwrapper > .caption{position:absolute; font-size:52px; font-weight:bold; color:#b8161d; right:10%; bottom:30%; z-index:1000;}

.loginbg{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,fcfcfc+22,e0e0e0+36,253834+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(252,252,252,1) 22%, rgba(224,224,224,1) 36%, rgba(37,56,52,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(252,252,252,1) 22%,rgba(224,224,224,1) 36%,rgba(37,56,52,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(252,252,252,1) 22%,rgba(224,224,224,1) 36%,rgba(37,56,52,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#253834',GradientType=0 ); /* IE6-9 */

height:100%;

}

.content{text-align:justify; padding:30px 10px;}


.bg-dark {
    background-color: #dc3545 !important;
}

.custombreadcramp {
    color: #000000;
    padding: 10px;
    font-size: 19px;
    font-weight: bold;
    background: rgb(224 224 224);
    background: -moz-linear-gradient(top, rgba(252,65,65,1) 0%, rgba(244,112,112,1) 0%, rgba(252,204,204,1) 45%, rgba(255,196,196,1) 100%);
    /* background: -webkit-linear-gradient(top, rgba(252,65,65,1) 0%,rgba(244,112,112,1) 0%,rgba(252,204,204,1) 45%,rgba(255,196,196,1) 100%); */
    /* background: linear-gradient(to bottom, rgba(252,65,65,1) 0%,rgba(244,112,112,1) 0%,rgba(252,204,204,1) 45%,rgba(255,196,196,1) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc4141', endColorstr='#ffc4c4',GradientType=0 );
}


.card-body-icon {
    position: absolute;
    z-index: 0;
    top: -40px;
    right: -10px;
    font-size: 5rem;
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
}

.fa-padding{padding:5px 12px!important;}

.sb-sidenav-dark .sb-sidenav-menu .nav-link.active {
    color: #fff;
}

.spacing{padding:10px;}

.gapping{padding:40px 0;}
.modalcontentgapping{padding:9px 0;}

.bannerfooter {
    background-color: #494949;
    padding: 15px 15px;
}

.sectordoc {
    width: 98%;
    border: none;
    font-family: 'Conv_Raleway-Regular',Sans-Serif;
    font-style: italic;
    background: #ef1c2b;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    padding: 9px 12px;
    display: inline-block;
    margin: 0px 0px 0px 0;
    text-transform: uppercase;
    border-radius: 5px;
    font-size: 15px;
    outline: none;
    -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -moz-transition: all 0.9s;
    transition: all 0.9s;
}

.sectordoc > a{color:#ffffff;}

.a{width:150px; display:block; margin-left:270px; text-align:center;}

.nogap{margin:0; padding:0;}

.enquiry{border:solid 3px #e10b14; background:#ffffff;}

.shadow {
    -webkit-box-shadow: 0px -2px 5px 3px rgba(0,0,0,0.3)!important;
-moz-box-shadow: 0px -2px 5px 3px rgba(0,0,0,0.3);
box-shadow: 0px -2px 5px 3px rgba(0,0,0,0.3);
	padding:10px 10px 10px;
	position:relative;
	font-weight:500;
}

.shadow > .img{position:absolute; top:-50px; z-index:1000; left:0; right:0; margin:auto;}

.shadow a{color:#e10b14;}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight:100;
    font-size:14px;
    font-weight:bold;
    padding-top:10px;
    color:#000000;
}

.form-control{
	padding: 17px 10px;
    line-height: 1.5;
    color: #495057;
}
.form-control:focus{color:#495057;background-color:#fff;border-color:#900;outline:0;box-shadow:0.35rem 0.35rem 0.35rem 0.35rem rgba(255,0,0,.25);}


.profile{padding:15px;}
.profile > .leftblock{background:#ececec;}
.profile > .leftblock, .profile > .rightblock{padding:0 15px 15px;}

.profile > .leftblock > h1, .profile > .rightblock > h1{font-size:22px; color:#e6373e;}

.profile > .rightblock > div > div > label {
	font-size:13px; font-weight:bold; color: #636161; text-transform:uppercase;
}

.shadow {
    -webkit-box-shadow: 0px -2px 5px 3px rgba(0,0,0,0.3)!important;
    -moz-box-shadow: 0px -2px 5px 3px rgba(0,0,0,0.3);
    box-shadow: 0px -2px 5px 3px rgba(0,0,0,0.3);
    padding: 40px 10px 10px;
    position: relative;
    font-weight: 500;
}

.shadow > .img {
    position: absolute;
    top: -50px;
    z-index: 1000;
    left: 0;
    right: 0;
    margin: auto;
}



.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border:0;
    outline:none;
    border-bottom: 1px solid #ccc;
    border-radius:0;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    box-shadow: inset 0 0 0 rgba(0,0,0,0);
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eeeeee08;
    opacity: 1;
}

.form-control2 {border:1px solid #cccccc;}

label {
	margin-top:10px;
    margin-bottom:15px;
    font-weight: 500;
    font-size: 13px;
    font-weight: bold;
    color: #636161;
    text-transform: uppercase;
}

.hoverstyle > td > a{
	color:#000000;
	text-decoration:none;
}


.sb-sidenav .sb-sidenav-menu .nav .sb-sidenav-menu-nested {
    margin-left: 1rem;
    flex-direction: column;
}


/* Style the tab */
.tab {
	
	margin-top:20px;
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #e0e0e0;

}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  font-weight:bold;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color:rgba(255,255,255,0.6);
}

/* Create an active/current tablink class */
.tab button.active {
  background: rgb(97 97 97);
  color:#ffffff;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.tooltip2 {position:relative; width:100%;}

.tooltip2:hover .a {opacity:1;}

.a {position:absolute; background:#b51b29; color:#ffffff; width:auto; display:block; font-size:14px; padding:3px; border-radius:8px; top:3px; right:5px; z-index:1000; opacity: 0; transition:ease all 0.5s;}

.odd, .even{
	font-weight:bold;
	font-size:13px;
background: #e8e8e8; /* Old browsers */
}

.even{
background: #ffffff; /* Old browsers */
}

/*.odd, .even{
	font-weight:bold;
	font-size:13px;
background: #f8ffe8;
background: -moz-linear-gradient(top,  #f8ffe8 0%, #eaea8c 100%);
background: -webkit-linear-gradient(top,  #f8ffe8 0%,#eaea8c 100%);Chrome10-25,Safari5.1-6
background: linear-gradient(to bottom,  #f8ffe8 0%,#eaea8c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#eaea8c',GradientType=0 );

}

.even{
background: #f8ffe8;
background: -moz-linear-gradient(top,  #f8ffe8 0%, #e8e89b 100%);
background: -webkit-linear-gradient(top,  #f8ffe8 0%,#e8e89b 100%);Chrome10-25,Safari5.1-6
background: linear-gradient(to bottom,  #f8ffe8 0%,#e8e89b 100%); FF16+, Chrome26+, Opera12+, Safari7+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#e8e89b',GradientType=0 );
}*/

.odd a, .even a{font-size:12px; color:#000000;}

.table-bordered thead th, .table-bordered thead td {
    border-bottom-width: 2px;
    /*background: #dc3545;*/
	background: #404040;
    color: #ffffff;
}


.page-item.active .page-link {
    color: #fff;
    background-color: #dc3545;
    border-color: #E91E63;
}

.page-link {
    color: #ffffff;
    background-color: #212121;
    border: 1px solid #dee2e6;
}


.form-control {color: #000; font-size:18px;}

.btn-danger {
    color: #fff;
    font-size: 25px;
    background-color: #dc3545;
    border-color: #dc3545;
}

.overflow{width:1050px; overflow-x:scroll;}
.overflow2{width:900px; overflow-x:scroll;}

.centerblock{margin-left:36%;}

.card-bodydashboard {
    font-size: 17px; font-weight:bold;
}

.card-bodydashboard > div > span {
    font-size: 22px;
}

.mobilehide{}

.swal-title {
    color: #3c763d;
    font-size: 18px;
	font-style: italic;
}
.swal-button {
    background-color: #292929;
    padding: 7px 24px;
}
.swal-modal {border: solid 6px #ffb836;}

@media (max-width: 800px) {

.gapping{padding:0;}

.fixed-top {position: relative;}

.navbar-dark .navbar-nav .nav-link {
    border:0;
    border-bottom:solid 1px #ffffff;
}

.navbar-dark .navbar-nav .nav-item:hover .dropdowncontent{display:none;}
	
.bannerwrapper > .caption{position:absolute; font-size:32px; font-weight:bold; color:#b8161d; right:10%; bottom:30%; z-index:1000;}	

.a{margin-left:99px;}

	
.border{width:100%; float:none;}
h1, .home_contact > h1 {
    font-size: 24px;
    font-weight: bold;
}
.content {
    padding: 30px 5%;
}

label {
	margin-top:0;
    margin-bottom:0;
	padding-top: 0;
}

.btn-danger {font-size: 17px; font-weight:bold;}

.overflow{width:100%; overflow-x:scroll;}

.centerblock{margin-left:1%;}

.mobilehide{display:none;}

}

@media (max-width: 500px) {
	.navbar-dark .navbar-brand > img {
    width:270px;
}
}