.timeglider-loading {
    background-color: #6e9470;

}
.timeglider-container 
{
  
    border: 0px solid black;
 background-image:url(aristo/images/bg-time.jpg);
    border-radius: 0px;
	
 		background-repeat:no-repeat;
	background-repeat:repeat-x;
	background-position:bottom;
}
#placement
 {
      margin: 0px;
    height: 500px;
  
  
    left: 0px;
  
    width: 100%;
    border-bottom: #244c45 0px solid;
	    margin-bottom: 32px;
	

}
.tg-timeline-env-buttons {
  /*  display: none; */
}




#tickwidth
{
	opacity: 0%;
	
}

.timeglider-tick 
{
 
background-color: #12433e;
}
.tg-timeline-envelope .titleBar
 {
    background-color: #606060;
}
.timeglider-footer 
{
   
background-color: #12433e;
   
/* background: -webkit-gradient(linear, left top, left bottom, from(#12433e), to(#0a332b)); */
   
background: -moz-linear-gradient(top, #244c45, #244c45);
}
.tg-timeline-env-buttons
 {
 
    background-color: #b7b7b7;

}
.ui-slider-vertical 
{
 
    padding-right: 16px;
}
html, body
{
	/* background-color:#244c45; */
	height: 100%;
	margin: 0;
	background-image:url(aristo/images/bg-grey.jpg);
	background-repeat:no-repeat;
	background-repeat:repeat-x;
	/* background-color: azure; */
	background-position:bottom;
}
}

.timeglider-container
 {

    

    background-image:url(aristo/images/bg-time.jpg);
	background-repeat:no-repeat;
	background-repeat:repeat-x;
	background-position:bottom;
	 direction: ltr;
	 float:left;
	
}

.timeglider-event-title 
{

font-family: 'droid arabic kufi', serif;

direction: ltr;

padding: 3px 3px 3px 2%;

float:right;
}
.foater-test
 {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 99999999;
}


}
.timeglider-event-icon 
{

    margin-left: 20px;
	
}


element.style
 {
    top: 0px;
}



.timeglider-event-title 
{
       
width: auto;
       
color: #989898;
       
position: absolute;
       
font-size: 0.925em;
       
float: left;
       
line-height: 115%;
       
width: 100%;
       
font-family: 'droid arabic kufi', serif;
       
font-weight: bolder;
       
z-index:9;
       
max-height: 90%;
}
.timeglider-event-icon
 {
       margin-right: 5px;
       width: auto;
       position: absolute;
       margin-left: 0em;
       z-index: 444;
       opacity: 4.0;
       /*transform: scale(1.6);*/
}


.timeglider-ev-modal, .timeglider-timeline-modal
 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 7px;
    background: #FFF;
    border: 1px solid #9fc3b0;
    width: 250px;
    padding: 2px;
}
.tg-modal, .timeglider-event-hover-info, .timeglider-menu-modal
 {
    -moz-box-shadow: 3px 3px 4px #a1a1a1;
    -webkit-box-shadow: 3px 3px 4px #887a5900;
    /* box-shadow: 3px 3px 4px #333; */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#a1a1a1')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#a1a1a1');
    position: absolute;
    top: 666px;
}
.timeglider-footer-button 
{

  /*  display: none; */
}

.timeglider-slider-container
 {

    top: 25px;
    right: 20px;
	z-index:999999;
}
.timeglider-pan-buttons
 {
 
    margin-right: -4px;
 
}
.timeglider-zoomlevel-display
 {

    margin-right: 2px;
}
.tg-timeline-envelope .titleBar .timeline-title 
{
    color: #323232;
    font-size: 14px;
    width: auto;
    position: absolute;
    display: inline;
    margin-top: 0px;
    font-weight: bold;
    font-family: 'droid arabic kufi', serif;
    text-shadow: 0px 0px #000; */
    z-index: 10;
}
.timeglider-slider-container 
{
    background-color: #f0f0f0;
}

.timeglider-tick-label
 {
  0px 0px 0px rgba(255,255,255,0.7); */
    color: #ffffff;
    position: absolute;
    top: 4px;
    left: 4px;
    font-weight: bold;
}

.timeglider-ev-modal .startdate

{
	/* display:none; */
}

[class*="col-"], li, lu, button, input {
  
    z-index: 5;
}
.wightwight
{
	
}
h3
{
    font-size: 20px;
    line-height: 27px;
    margin-top: 6px;
    font-family: 'droid arabic kufi', serif;
    font-weight: bolder;
    color: #6f6e6e;
    padding-top: 7px;
    padding-right: 7px;
    visibility: hidden;
}

p
{
       font-size: 11px;
    line-height: 22px;
    margin-top: 6px;
    font-family: 'droid arabic kufi', serif;
    font-weight: bolder;
    color: #6f6e6e;
    padding-top: 0px;
	 padding-right: 0px;
}

.datedate
{
	color:#5cbd50;
	font-size:14px;
	font-weight:bolder;
	
	
}

ul.timeglider-ev-modal-links li a {
    color: #4c4c4c;
    font-family: 'droid arabic kufi', serif;
    font-weight: bolder;
    font-size: 12px;
}

ul.timeglider-ev-modal-links {

    margin-bottom: 9px;
}
.btn-default {
    color: #6e6e6e;
    background-color: #e8e8e8;
}


.timeglider-ev-modal, .timeglider-timeline-modal {

background: #eaf5f0;

width: 320px;

stroke: none;

padding-left: 19px;

padding-right: 15px;
}



.timeglider-event-spanner {
    position: absolute;
    background-color: #1e1c17;
    height: 16px;
    z-index: 1;
    height: 20%;
    padding: 2px;
    margin-left: -2px;
    margin-top: -2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}











@media only screen and (max-width: 1800px) {
    /* For mobile phones: */

#placement
 {
 
  
    bottom: 0px;
    position: relative;
    left: 0px;

	

}

.foater-test
 {
	position:relative;
	left: 0px;
	bottom: 0px;
	width: 100%;
	z-index: 99999999;
	margin-top: 66px;
}

}


@media only screen 
and (max-device-width : 1610px) 
and (min-device-width : 3700px) {
		#placement
 {
 
  
    bottom: 211px;
  
	

}


}
@media only screen and (min-width: 1600px)  {



}

@media only screen and (max-width: 1600px)  {
	#placement
 {
 
  
   
  
	

}


}



































label img {
    opacity : 0.5;
}
label div {
    opacity : 0.5;
}
input[type=checkbox]:checked + label img {
    opacity : 1;
}
input[type=checkbox]:checked + label div {
    opacity : 1;
}



.txtt-ocordion
{
	text-align:center;
	padding-bottom:20px;
	padding-top:3px;
	margin-top:3px;
	font-weight: 200;
}



.no-pad
{
	padding:0px;
}

.btn-secondary-1 {
    color: #d0d0d0;
    background-color: #515151;
    border: #323232;
    padding: 5px 15px;
    margin-bottom: 6px;
	font-size:10px;
	width:120px;

	
	
}
.btn-secondary-1:hover{
    color: #ffffff;


	
	
}
.img-ocordion
{
	padding-right:4px;
	width: 70px;
}
@media only screen and (max-width: 1000px)   {

.btn-secondary-1 {
	margin-bottom:40px;
	


	
	
}

}

.btn-primary {

    padding: 15px 20px;
	  margin: 0px;
	
	
	
}




  .accordion-toggle {cursor: pointer;
   color:#f0f0f0;
   font-weight:bolder;
   font-size:14px;
   padding:10px 12px;
background-image:url(../img/bg-ocordion.jpg);
background-repeat:no-repeat;
background-repeat:repeat-y;
background-position:right top;
  
 
       margin-bottom: 12px;
	        margin-top: 12px;
}
.accordion-content {
  /*  display: none; */
    color: #cccccc;
    font-size: 11px;
    top: 12px;
    margin-top: 15px;
}
  .accordion-content.default {display: block;
  input[type="radio"], input[type="checkbox"] {
    margin: 15px 66px;
    margin-top: 1px \9;
    line-height: normal;
}

input[type="radio"], input[type="checkbox"] {
    margin: 20px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}
.title-ocordion
{
	color:#868686;
}

.myCheckbox input {
    /* // display: none;  */
    // Better than display: none for accessibility reasons
    position: relative;
    z-index: -9999;
}

.myCheckbox span {
    width: 20px;
    height: 20px;
    display: block;
    background: url("link_to_image");
}

.myCheckbox input:checked + span {
    background: url("link_to_another_image");
}
.padding-occordion
{ padding:44px;
}
.row {
    margin-left: -15px;
margin-right: 55px; 
}
.col-lg-1 {
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
	width:auto;
}

.img-ocordion
{
	width:20px;
	height:20px;
	
	
}


input[type="checkbox"] {
    margin: 8px 8px;
    margin-top: 1px \9;
    line-height: normal;
}


.timeglider-ev-modal p, .timeglider-timeline-modal p {

    overflow-y: hidden;
}