/*



Neaty HTML Template



http://www.templatemo.com/tm-501-neaty



*/

body {

	font-family: 'Open Sans', Helvetica, Arial, sans-serif;

	font-size: 20px;

	font-weight: 300;

	overflow-x: hidden;

}



a, button { transition: all 0.3s ease; }

a:hover,

a:focus {

	text-decoration: none;

	outline: none;

}



.row { display: block; }

.tm-left-right-container { width: 100%; }



.tm-blue-bg {

  background-color: #1D2327;

  color: #fff;

}



.tm-blue-text {	color: #006599; }

.tm-blue-bg a {	color: white; }



.tm-site-name {

	font-size: 2rem;

	margin-top: 0px;

	padding: 0 20px 0 20px;

	float:left;



}



.tm-logo-div { 

	padding-top: 40px; 

	padding-bottom: 40px;

}



.tm-main-nav { display: none; }



.tm-main-nav-ul {

	display: inline-block;

	padding-left: 0;

}



.tm-section { margin-bottom: 20px; }

.tm-welcome-title {	font-size: 1.5rem; }

.tm-section-title {	font-size: 1.5rem; }

.tm-content-div { padding: 20px; }

.tm-margin-b-45 { margin-bottom: 20px; }

.tm-margin-b-30 { margin-bottom: 10px; }

p { line-height: 2; }



.tm-button {

	background-color: #006599;

	border: none;

	color: white;

	cursor: pointer;

	display: inline-block;

	font-size: 1.4rem;	

	padding: 18px 35px;

	margin-top:15px;

}



.tm-button-wide { padding: 18px 40px; }



.tm-button:hover,

.tm-button:active,

.tm-button:focus {

	background-color: #2790c6;

	color: white;

}



.tm-nav-item:hover a,

.tm-nav-item:active a,

.tm-nav-item:focus a,

.tm-nav-item-link.active {

	color: #01669A;

}



.tm-about-img-container { margin-top: 50px; }



.tm-gallery-container {

	overflow: auto;

	margin-left: -5px;

	margin-right: -5px;

}



.tm-img-container {	float: left; }



.tm-img-container-1,

.tm-img-container-2,

.tm-img-container-3 { 

	margin-bottom: 10px;

	width: 50%; 

}



.tm-img-tn {

	padding-left: 5px;

	padding-right: 5px;

}



.tm-img-tn {

	display: block;

	margin: 0 auto;

}



.tm-contact-right { margin-top: 40px; }



.form-control {

	border-color: #0a6697;

	border-radius: 0;

	color: #4286ab;

	font-family: 'Open Sans', Helvetica, Arial, sans-serif;

	font-size: 1.3rem;

}



input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

	color: #4286ab !important;

}

 

input:-moz-placeholder,

textarea:-moz-placeholder { /* Firefox 18- */

	color: #4286ab !important;  

}

 

input::-moz-placeholder,

textarea::-moz-placeholder {  /* Firefox 19+ */

	color: #4286ab !important;  

}

 

input:-ms-input-placeholder,

textarea:-ms-input-placeholder {  

	color: #4286ab !important;  

}



.tm-contact-right {	padding-left: 15px; }

.tm-copyright-p { margin-bottom: 0; }



/* Media Queries */

@media (min-width: 576px) {

	.container { width: 100%; }

	.tm-site-name { margin-top: 35px; }

	.tm-welcome-title { font-size: 3rem; }

	.tm-img-container-1 { width: 20%; }

	.tm-img-container-2 { width: 33.3334%; }

	.tm-img-container-3 { width: 25%; }

}



@media (min-width: 768px) {

	.tm-about-img-container { margin-top: 0; }

}



@media (min-width: 992px) {

	.tm-main-nav {

		display: flex;

		justify-content: center;

		text-align:right;

	}



	.tm-left-column { 

		position: fixed; 

		height: 100%;

		top:0;

		right:0;

	}



	.container { width: 100%; }

	.tm-left-column { width: 17%; }



	.tm-right-column {

		float: right;

		width: 80%;

		padding-right:20%;

		padding-bottom: 125px;

	}



	.tm-nav-item {

		cursor: pointer;

		font-size: 1rem;

		list-style: none;

		padding: 1px 2px;

		transition: all 0.3s ease;

	}



	.tm-site-name {

	    font-size: 2.5rem;

	    margin-top: 30px;

	}



	.tm-logo-div {

	    padding-top: 50px;

	    padding-bottom: 0px;

	}



	.tm-section { margin-bottom: 30px; }



	.tm-content-div { padding: 20px 40px 30px 0px;	}



	.tm-img-container-1 {

		margin-bottom: 10px;

		width: 33.3334%;

	}



	.tm-img-container-2 {

		margin-bottom: 10px;

		width: 50%;

	}



	.tm-img-container-3 {

		margin-bottom: 10px;

		width: 33.3333%;

	}



	.tm-contact-right { margin-top: 0; }

}



@media (min-width: 1200px) {		

	.container { width: 100%; }	

	.tm-button-wide { padding: 18px 68px; }

	.tm-img-container-1 { width: 20%; }

	.tm-img-container-2 { width: 33.3333%; }

	.tm-img-container-3 { width: 25%; }

	.tm-contact-right { padding-left: 42px; }

}



@media (min-width: 1500px) {	

	.container { width: 100%; }

	p { margin-bottom: 30px; }



	.tm-gallery-container {

		overflow: auto;

		margin-left: -10px;

		margin-right: -10px;

	}



	.tm-img-tn {

		padding-left: 10px;

		padding-right: 10px;

	}

}



@media (min-width: 1800px) {

	.container,

	.tm-left-right-container {

	    width: 100%;

	}



	p { margin-bottom: 36px; }



	.tm-gallery-container {

		overflow: auto;

		margin-left: -10px;

		margin-right: -10px;

	}



	.tm-img-container-1 { width: 20%; }



	.tm-img-tn {

		padding-left: 10px;

		padding-right: 10px;

	}

}

/*

@media (max-height: 860px) {

	.tm-logo-div {

	    padding-top: 45px;

	    padding-bottom: 20px;

	}



	.tm-nav-item { font-size: 1rem; }



	.tm-site-name {

		font-size: 2.4rem;

		margin-top: 10px;

	}

}



@media (min-height: 859px) {

	.tm-logo-div {

	    padding-top: 100px;

	    padding-bottom: 100px;

	}



	.tm-nav-item { font-size: 1rem; }

} */



@media (max-width: 991px) {

.navbar-toggler{background: #fff; display: block; margin-right:20px;}



#navbarSupportedContent {

 

  z-index: 9;

  position: absolute;

  background: #000;

  right: 0;

  direction: rtl;

  display:none;

  padding-left: 15px;



}

}

@media (min-width: 992px) {



#navbarSupportedContent {

 

  display:block;

padding-left: 15px;

}

.tm-left-column .navbar-toggler{display: none !important;}

}



body{direction:rtl;}



.ltr {

  direction: ltr;

}

footer {

  clear: both;

  text-align: center;

}

table th, table td {

  direction: ltr;

}



.navbar-toggler {

  background: url(/img/toggle.png);

    background-position-x: 0%;

    background-position-y: 0%;

    background-size: auto;

  background-position: center;

  background-size: cover;

}





@media print {



  .tm-blue-bg.tm-left-column {

  display: none;

}



table{max-width: 95%; border:1px solid #fff; padding:1%}

}







table {

	font-size: 1em;

}



.ui-draggable, .ui-droppable {

	background-position: top;

}


/*responsive*/
table.budget-table {
    width: 100%;
}
.form-control.selectbx {
	height: auto !important;
}
.selel select.form-control {
    height: auto !important;
}
select.form-control.selec {
    height: auto !important;
}
.tablepadd tbody tr th {
    padding: 0px 10px;
}
.tablepadd tbody tr td {
    padding: 0px 10px;
}
.serch {
	margin-top: 0px !important;
}
.serch {
	margin-top: 0px !important;
	padding: 10px 30px;
}
table.budget-table tr th {
	padding: 0px 10px;
}
table.budget-table tr td {
	padding: 0px 10px;
}
.tablescr {
	overflow-x: auto !important;
}
@media screen and (max-width: 990px) {
	.tablepadd {
		overflow-x: auto;
	}
	.fulltbl {
		overflow-x: auto;
	}
	.tablepadd tr th:first-child {
		/* position: absolute;
		width: 9.6em;
		right: 22px;
		top: auto;
		border: none;
		background: #ffffff;
		height: 60px;
		display: flex;
		align-items: center; */
		position: sticky;
		right: 0;
		border-top: 1px solid;
		background: #006599;
		border-bottom: 1px solid #fff;
		max-width: 140px;
		color: #fff;
	}
	.tablepadd tr th:first-child a {
		color: #fff;
		text-decoration: underline;
	}
	.tablepadd tr td:first-child {
		color: #fff;
		position: sticky;
		right: 0;
		border-top: 1px solid #fff;
		background: #006599;
		border-bottom: 1px solid #fff;
		max-width: 140px;
	}
	.setonmob {
		padding: 0px !important;
	}

	.tm-site-name {
		margin-top: 0px;
	}
  }
  .resize {
    font-size: 2rem;
    margin-bottom: 10px;
}
.serch {
    margin-top: 15px !important;
}
.datesec p {
    margin-bottom: 0px;
    margin-top: 20px;
}
.datesec p label {
    margin-bottom: 0px;
    line-height: normal;
}
.datesec p input {
    margin-right: 7px;
}
.logins {
	padding: 30px;
}

@media screen and (max-width: 576px) {
	.loginsetup .form-group input {
		width: 100% !important;
	}
	.img-login {
		padding: 0px !important;
	}
	.tm-right-column .img-login {
		margin: 0px 0 0rem !important;
		text-align: center;
	}
}
@media screen and (min-width: 1500px) {
	p.ltr.neww {
		margin-bottom: 0px !important;
	}
}
.fulltbl table {
    width: 100%;
}
.marg {
    margin-bottom: 10px;
}
.fulltbl tr th {
    padding: 0px 10px;
}
.fulltbl tr td {
    padding: 0px 10px;
}
@media screen and (max-width: 767px) {
	.newd {
		margin-top: 0px !important;
	}
}



@media screen and (min-width: 992px) {

	.customer-nes {
		display: block;
	}
	.tm-content-div.paddremove {
		padding-right: 0px;
	}
	.padding-toppp {
		padding-top: 20px;
	}
	.padding-bore {
		padding-bottom: 0px !important;
	}

}
select.form-control.heightt {
    height: auto !important;
}
.editss tr th {
    padding: 0px 10px;
}
.editss tr td {
    padding: 0px 10px;
}
.tablepadd table {
	width: 100%;
}
.boxx {
	margin-left: 5px;
}
.newd {
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 10px;
}
figure.img-login {
    padding: 0px !important;
}
.newd .form-group input {
    width: 100% !important;
}
.text-ch {
    text-align: center;
}
.butts {
    text-align: center;
}
.tablepadd tr:nth-child(odd) {
    background-color: #f1f1f1;
}
.tablescr tr:nth-child(odd) {
    background-color: #f1f1f1;
}
ul.pagination {
    padding-right: 0px;
}
figure.img-login img {
    border-radius: 10px 10px 0px 0px;
}
.exports a {
    background-color: #006599;
    border: none;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 1.4rem;
    padding: 10px 30px;
}
.editss table {
    width: 100%;
}