.loader
        {
            position: fixed;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            z-index: 9999;
            background: url('../Images/CircularProgressAnimation.gif') 50% 50% no-repeat rgb(249,249,249);
        }

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  display: none;
  overflow: auto;
  overflow-y: scroll;
}

.modal.fade .modal-dialog 
{
	/*
  -webkit-transform: translate(0, -25%);
	  -ms-transform: translate(0, -25%);
		  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
	 -moz-transition: -moz-transform 0.3s ease-out;
	   -o-transition: -o-transform 0.3s ease-out;
		  transition: transform 0.3s ease-out;*/
		  
  /*-webkit-transform: scale(0.1);
	-moz-transform: scale(0.1);
	-ms-transform: scale(0.1);
	transform: scale(0.1);
	top: 300px;
	opacity: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;*/
	opacity: 0;
   -webkit-transition: opacity 2.25s linear;
	  -moz-transition: opacity 2.25s linear;
	   -ms-transition: opacity 2.25s linear;
		-o-transition: opacity 2.25s linear;
		   transition: opacity 2.25s linear;
}

.modal.fade.in .modal-dialog 
{
	/*
  -webkit-transform: translate(0, 0);
	  -ms-transform: translate(0, 0);
		  transform: translate(0, 0);*/
		  
 -webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transform: translate3d(0, -300px, 0);
	transform: translate3d(0, -300px, 0);
	opacity: 1;
}

.modal-dialog {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1050;
  width: auto;
  padding: 10px;
}

.modal-content {
  position: relative !Important;
  background-color: #ffffff !Important;
  
  border: 1px solid #53A513 !Important;
  border: 1px solid rgba(0, 0, 0, 0.2) !Important;
  border-radius: 6px !Important;
  outline: none !Important;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) !Important;
		  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) !Important;
  background-clip: padding-box !Important;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: Gray;
  filter: alpha(Opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.fade.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  min-height: 16.428571429px !Important;
  padding: 10px !Important;
  border-bottom: 1px solid #e5e5e5 !Important;
  background-color: #005a2a !Important;
  color: White !Important;
  text-align : center !Important;
  font-weight: bold !Important;
}

.modal-header .close {
  margin-top: -2px;
  display:none;
}

.modal-title {
  margin: 0 !Important;
  line-height: 1.428571429 !Important;
  font-weight: bold !Important;
 color: White !Important;
}

.modal-body {
  position: relative !Important;
  padding: 10px !Important;
}
.table_modal-body {
  position: relative !Important;
  margin:5px;
}
.modal-footer {
  padding: 10px 10px 10px 0px !Important;
  /*margin-top: 15px;*/
  text-align: right !Important;
  border-top: 1px solid #e5e5e5 !Important;
}

.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}

.modal-footer:after {
  clear: both;
}

.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}

.modal-footer:after {
  clear: both;
}
/*
.modal-footer .btn + .btn {
  margin-bottom: 0 !Important;
  margin-left: 5px !Important;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px !Important;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0 !Important;
}
.modal .yes, .modal .no
		{
			height: 23px !Important;
			color: White !Important;
			line-height: 23px !Important;
			text-align: center !Important;
			font-weight: bold !Important;
			cursor: pointer !Important;
			
		}
		.modal .yes
		{
			background-color: #53A513 !Important;
			
		}
		.modal .no
		{
			background-color: #9F9F9F !Important;
			
		}
*/

.modal .yes, .modal .no {
	background-color: #53A513!Important;
	color: #FFFFFF !Important;
	font-weight: normal !Important;
	border-style: none;
	float: none !Important;
}

		.txtInput
		{
			border-radius: 4px !Important;
			background-color:#d8fdcd !Important;
			border-color:#53A513 !Important;
			border-width:1px !Important;
		 }
		 
		 
@media screen and (min-width: 768px) {
  .modal-dialog {
	right: auto !Important;
	left: 50% !Important;
	width: 560px !Important;
	padding-top: 50px !Important;
	/*padding-top: 250px ;*/
	padding-bottom: 30px !Important;
	margin-left: -280px !Important;
  }
    @media screen and (min-width: 992px) {
  .modal-dialog {
	right: auto !Important;
	left: 38% !important;
	width: 900px !important;
	/*padding-top: 130px;*/
	padding-top: 50px !important ;
	padding-bottom: 30px !Important;
	margin-left: -280px !Important;
  }
  .modal-content {
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)!Important;
			box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) !Important;
  }
}
@media screen and (min-width:320px) and (max-width:376px) {
    .modal-button {
        margin-left:8px;
    }

    .modal-buttoncontrol {
        margin-top: 5px;
    }

}

@media screen and (min-width:768px) and (max-width:1024px) {
    .modal-button {
        margin-left:8px;
    }

    .modal-buttoncontrol {
        margin-top: 5px;
    }

}

@media screen and (min-width:739px) and (max-width:1024px) {
    .modal-button {
        margin-left:8px;
    }

    .modal-buttoncontrol {
        margin-top: 5px;
    }

}
@media screen and (min-width:412px) and (max-width:1024px) {
    .modal-button {
        margin-left:8px;
    }

    .modal-buttoncontrol {
        margin-top: 5px;
    }

}

@media screen and (min-width:1024px) {
    .modal-button {
        margin-left:35px;
    }

    .modal-buttoncontrol {
        margin-top: 5px;
    }
    

}

.margin-right {
 padding-right: 10px;
}
.margin-top {
 padding-top: 10px;
}