html {
	
}
body {
    height: 100%;
    background-color: #f3f3f3;
}
a ,a:hover ,a:focus{
    text-decoration:none;
}
p {
    margin-bottom: 0;
    margin-top: 0;
}
.main h1 {
	color: cadetblue;
	margin-top: 35px;
}

/* .main table { */
/* 	margin-bottom:20px; */
/* } */

.main table thead i{
	color: black;
}
.dropdown-toggle {
	/*padding: 5px 10px;*/
	border-radius: 5px;
}
.table-title span {
	color: cadetblue;
	font-weight: bold;
}
.dropdown-toggle i {
	margin: 0 5px;
}
.dropdown-menu button {
	width: 100%;
	padding: 5px;
}
.req-lic-btn {
	border-radius: 15px;
	padding: 10px;
	background-color: cadetblue;
	font-size: 1.3em;
}
#header-siemens > div {
	display: inline-flex;
}
#header-siemens {
	padding:15px;
	display: inline-flex;
	width:100%;
}

#topheader {
	z-index: 999;
	overflow: hidden;
	/*margin-left:40px;*/
	background-color:white;
	height:60px;
	width:-webkit-fill-available;
	width: -moz-available;
	position: fixed;
	padding:10px;
    border-radius: 0px 0px 5px 5px;
	-webkit-box-shadow: 0 6px 4px -6px black;
	   -moz-box-shadow: 0 6px 4px -6px black;
	        box-shadow: 0 6px 4px -6px black;	        
}

.rounded-circle {
    border-radius: 50%!important;
}

.sticky {
  position: fixed;
  top: 0;
  width: 95%
}

.contact-info {
    font-size: 13px;
    margin-top: 30px;
    color: whitesmoke;
}
.lang-opt {
    margin-top: 35px; 
    margin-bottom: 10px;
}
.arabic-lang, .arabic-lang:hover{
    color: whitesmoke;
}
table.table thead .sorting .tablegrid-header-label {
  cursor:pointer;
  color:black;
}

.main-logo {
    padding-top: 6em;
    padding-bottom: 50px;
    max-width: 200px;
    margin: 0 auto;
}
.col-md-12 > label {
	position:relative !important;
}

.sticky + .main {
  padding-top: 60px;
}

.main {
	padding: 10px;	
}
.no-padding {
	padding-left: 0;
	padding-right: 0;
}
.profile a {
	color: black;
}
.profile span:first-child {
	color: black;
}
table span {
	black;
}
.profile i {
	font-weight: bold;
}
.profile a:hover {
	color: black;
}
.profile span:not(:first-child) {
	padding:5px;
}
.nav-tabs.bordered {
	border-top-left-radius: 5px ;
	border-top-right-radius: 5px;
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-radius: 5px;
}
.btn-group>.btn:last-child {
	border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.privateportal #nav .btn-header {
	display:inline-block;
}
.reg-form-btn {
	background-color: cadetblue;
	color: white;
	border-radius: 15px;
	float: right;
	padding: 10px;
	box-shadow: 1px 1px 5px grey;
	font-size: 1.3em;
}
.open > .dropdown-menu {
	padding:0;
}
.reg-form-btn:hover {
	color: cadetblue;
}
.privateportal #nav {
	padding: 10px; 
	background-color: #2387aa;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	z-index: 999;
    position: relative;
}
#nav .btn {
	background-color: cadetblue;
	border-radius: 5px;
	border: 1px solid cadetblue;
    color: white;
    padding: 5px 5px;
    margin: 0 5px;
    font-size: 1.05em;
}
#nav .btn:hover {
	background-color: white;
	border: 1px solid white;
    color: #0778CA;
}
.panel-title-text {
	font-size: 15px;
 }
.panel {
    border-radius: 5px;
}
.panel-default > .panel-heading {
 	border-top-right-radius: 5px;
 	border-top-left-radius: 5px;
 	background-color: white;
 	border-bottom: 0px solid transparent;
 }
 .profile:after {
 	content: '\A';
 	white-space:pre;
 }
.panel-header {
    border-bottom: 0px;
}
.panel-header img {
    padding: 25px 0;
    max-width: 100%;
}

.panel-default > .panel-heading2 {
 	border-top-right-radius: 5px;
 	border-top-left-radius: 5px;
 	background-color: #009999;
 	color:white;
 	border-bottom: 0px solid transparent;
 }

.panel-title {
    margin-top: 30px;
    color: cadetblue;
}
.panel-body p {
    color: #888D8F;
    font-size: 13px;
    margin-bottom: 20px;
}
.panel-body p:last-child {
    margin-top: 15px;
    font-size: 1em;
}
.panel-body input{
    padding: 1.5em;
    margin: 10px 0;
}
div.panel-body input.form-control { 
	border-radius: 5px !important;
}
.panel-body button {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    background-color: cadetblue;
    border-color: cadetblue;
    border-radius: 5px;
}
.table thead tr, .fc-border-separate thead tr {
	background-color: white;
	background-image: -webkit-linear-gradient(top, white 0, white 100%)
}

table thead tr th {
	text-align: center;
}

.login-box {
    margin-bottom: 2em;
}
.footer, .footer a {
    color: black;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-right: 5px;
}
.social a {
    font-size: 18px;
}
.forgot-pass {
	padding-top:1em;
}
.lic-reg-btn {
	float:right;
}

@media (max-width: 767px) {
    .main-logo img:first-child {
        width: 100%;
    }
    .main-logo {
        padding: 20px 0;
        max-width: 180px;
    }
    .main-logo-vision {
        padding: 20px 0;
        max-width: 180px;
    }
    .contact-info {
        font-size: 10px;
        margin-top: 25px;
        margin-bottom: 15px;
    }
    .arabic-lang {
        font-size: 13px;
    }
    .btn-header {
    	width: 100%
    }
    #nav .btn {
    	width: 100%;
    	margin: 4px 0;
    }
    .logogaca {
    	height: 35px;
    	margin: 15px;
	}
	#logo-group {
		width: 100% !important;
	}
	.privateportal img.online {
		display:none;
	}
	.profile {
		width:100%;
		text-align:center;
	}
	.reg-form-btn {
		float: none;
	}
	.lic-reg-btn {
		float:none;
	}
	.profile > div:first-child {
		margin-bottom:10px !important;
	}
}

@media (min-width: 767px) and (max-width: 1023px) {
	.privateportal img.online {
		display:none;
	}	
}

.select2-hidden-accessible {
	display: none;
}

td {
	position: relative;
	padding: 5px 10px;
}
			
tr.strikeout td:before {
	position: absolute;
	top: 50%;
	left: 0;
	border-bottom: 1px solid #111;
	width: 100%;
}

.tooltip3 {
  position: relative;
  display: inline-block;
}

.tooltip3 .tooltiptext3 {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip3 .tooltiptext3::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip3:hover .tooltiptext3 {
  visibility: visible;
  opacity: 1;
}