/* ======================================
   Gantrex DesignDesk, LW
   ======================================*/

*{font-family:'Sen','ITCFranklin','Arial';}
/**{font-size:16px;}*/

html, body {
	/*min-height:calc(100%);*/
	height:100%;
	margin: 0;
	padding: 0;
	/*overflow: hidden;*/
	/*overflow:scroll;*/
	/*overflow:auto;*/
	/*overflow: hidden;*/
	/*background-color:rgb(0,49,69); */
	background-color:rgb(255,255,255); 

}



/*=======Spining loader==============*/
.loader {
    border: 10px solid #f3f3f3; 
    -webkit-animation: spin 3s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 10px solid #003145;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    /*position: absolute;*/
  	left: 47%;
  	top: 40%;
  	position: fixed;
    /*margin:50px;*/
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

a.disabled {
  /* Make the disabled links grayish*/
  color: gray;
  /* And disable the pointer events */
  pointer-events: none;
}

button.lightBlueGantrex{
	background-color:rgb(100,160,200);
	border:1px solid black;
	color:black;
}
button.deepBlueGantrex{
	background-color:rgb(0,49,69);
	border:1px solid black;
	color:white;
}
button.orangeGantrex{
	background-color:rgb(255,99,25);
	border:1px solid black;
	color:black;	
}
button.defaultGantrex{
	border:1px solid black;
	color:black;
}

.emailLike{
	max-width:900px;
	text-align: justify;
  	text-justify: inter-word;
  	font-family:'Calibri','Arial';
  	font-size: 15px;
}


/*=============Work in progess===========*/
.construction_sign{
	font-size:25px;
	color:black;
	margin:30px;
	padding:12px;
	display: table;
	border-radius: 17px;
	background: repeating-linear-gradient(
		-45deg,
		black,
		black 10px,
		rgb(250,210,1) 10px,
		rgb(250,210,1) 20px
	);
}
.construction_sign p{
	background-color:rgb(250,210,1);
	margin:0px;
	padding:15px;
	font-weight: bold;
	border-radius: 5px;
}

/*===============myHeader===============*/
.myHeader{
	background-color:rgb(0,49,69); 
	color:white;
	height:calc(100px);
	padding-top:calc(20px);
	padding-bottom:calc(20px);
}

/*===============myBody===============*/
.myBody{
	height:calc(100% - 100px);	
/*	border: 3px solid #4b42f4;*/
}

/*===============home====================*/

#homeLeftSide{
	background-color:rgb(0,49,69); 
	color:white; 
	height:calc(100%);
	overflow: auto;
	margin:0px;

}
#homeRightSide{
	background-color:rgb(0,49,69); 
	height: calc(100%);
	overflow: auto;	
	padding-bottom:calc(15px);
	margin:0px;
	padding-left:0px;
}


#infoFrame{
	background-color: white; 
	padding:10px;
	color:black;
}
.homeLink{
	color:white;
	font-size: 17px;
}


/*Bootstrap table*/
 .table-hover tbody tr:hover td{
	background-color:rgb(100,160,200);
	cursor: pointer;
}




/*=============side_menu_page=======================*/

#sideMenuPageLeftSide{
	background-color:rgb(0,49,69); 
	color:white; 
	height:calc(100%);
	overflow: auto;
	margin:0px;
	/*margin-left:calc(0px);*/
}



#sideMenuPageRightSide{
/*	padding-left:calc(50px);
	padding-right:calc(50px);*/
	background-color:rgb(255,255,255); 
	min-height: calc(100% - 50px);
	height:calc(100%);
	overflow: auto;	
	padding-bottom:calc(25px);
	margin:0px;
	/*background-color:rgb(100,100,50); */
}

#subOpen{
	background-color:rgb(100,160,200);
	color:black;
}

/*=============drawing=======================*/
#drawing{
	overflow: auto;	
}


/*=============project=======================*/


	
/*=============desk=======================*/

#desk{
	width:calc(100%);
	height:calc(100%);
	/*border: 3px solid #4b42f4;*/
}

#deskCenter{
	width: calc(100% - 480px);
	width: -moz-calc(100% - 480px);
	width: -webkit-calc(100% - 480px);
	height:calc(100%);
	float:left;
	/*border: 3px solid #f44242;*/
}

#deskRightSide{
	width: calc(140px);
	height:calc(100%);
	float:right;
	padding:calc(10px);
	padding-left:calc(0px);

	/*border: 3px solid #73AD21;*/
}

#deskLeftSide {
	height: calc(100% - 20px);
	width: calc(330px);
	float:left;
	overflow-x: hidden;
	overflow-y:scroll; 
	padding: calc(10px);
	/*padding-top: calc(20px);*/
	margin:calc(10px);
	margin-right:calc(0px);
}
/*=========tab=================*/
li .ui-icon-closethick { 
	float: left; 
	margin-top: 0.6em;
	margin-right:0.5em;
	margin-bottom:0;
	margin-left:0em;
	cursor: pointer; 
}
/*=============New item=========*/
#btnItemContainer{
	margin: auto;
	padding-top: 50px;
    width: 90%;	
	height: 500px;
}
#btnItemContainer a{
	position:relative;
}
#btnItemContainer a h1{
	position: absolute;
    bottom: 20;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	font-size:18px;
	font-weight: normal;
	color:white;
}
.btnItemDisabled{
	background-color:rgb(190,190,190);
	padding:25px;
}
.btnItem{
	background-color:rgb(255,99,25);
	padding:25px;
}
.btnItem, .btnItemDisabled{
	border:0px solid black;
	border-radius:0px;
	font-size: 20px;
	margin: 20px;
	display:block;
	height: 150px; 
	width: 150px; 
	float:left;
	text-align: center;
}

.btnItem:hover{
	background-color:rgb(100,160,200);
}

.btnItem img, .btnItemDisabled img{
	height:60px; 
	max-width:100px;
	/*padding-top:25px;*/
}
#nItemHead{
	height:100px;
	background-color:rgb(255,99,25);
	padding:0px;
	margin:0px;
	position:relative;
}
#nItemHead>div{
	margin-left:30px;
	position: absolute;
	bottom: 10px;
	color:white;
}
/*========================CONTENUS==========================*/
div.menu{
	margin-top:70px; 
	margin-left:200px; 
	margin-right:auto; 
	width:400px;
}


/*===========================CANVAS=====================*/
#deskCanvas{
    cursor: move; 
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
#deskCanvas:active { 
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
#zoomSlider{
	//float:right;
	//margin:10px;
	position: absolute;
    top: 230px;
    right: 50px;
}





/*===========================POLICES ECRITURE=====================*/	
@font-face{
	font-family:'ITCFranklin';
	src:url(/assets/fonts/ITCFranklinGothicStd-Book.otf);
	font-stye:normal;
	font-weight:normal;
}	
@font-face{
	font-family:'ITCFranklin';
	src:url(/assets/fonts/ITCFranklinGothicStd-Hvy.otf);
	font-stye:normal;
	font-weight:bold;
}	
@font-face{
	font-family:'Sen';
	src:url(/assets/fonts/sen-regular.otf);
	font-stye:normal;
	font-weight:normal;
}
@font-face{
	font-family:'Sen';
	src:url(/assets/fonts/sen-bold.otf);
	font-stye:normal;
	font-weight:bold;
}
/* =================== jquery-ui.theme.css custom =========================== */
.ui-widget.ui-widget-content {
	border: 1px solid black ;
}
.ui-widget-header {
	border: 0px solid black ;
	background: rgb(0,49,69) ;
	color: white ;
}
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid black;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid black;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid black;
}
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 7px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 7px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 7px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 7px;
}
/*===============jQuery tabs=========================*/
.ui-tabs-anchor:active, .ui-tabs-anchor:focus{
	/*Remove outline from active jQuery UI tab*/
     outline:none;
}
#tabContainer { 
	/*display:none;*/
    padding: 0px; 
    background: none; 
    border-width: 0px; 
	height:calc(100%);
} 
#tabContainer .ui-tabs-nav { 
    padding-left: 20px; 
    //background: transparent; 
    border-width: 0px 0px 1px 0px; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 
#tabContainer .ui-tabs-panel { 
    background: white;
    border-width: 0px; 
}
#tabContainer .tab{
	padding:0px;
	height:calc(100% - 43px);
}
#tabContainer .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
      background-image: none;
      background-color:none;
    }
#tabContainer #projTab {
	background-image:none;
	background-color : rgb(100,160,200);;
}
#tabContainer .itemTab {
	background-image:none;
	background-color : white;
}
#tabContainer #nItemTab {
	background-image:none;
	background-color : rgb(255,99,25);
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color: black;
	//font-weight:bold;
}
.ui-widget * { outline: none; }​

.ui-state-active .ui-icon{
    background-image: url(images/ui-icons_444444_256x240.png);
	visibility: visible;
}
.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png);
	visibility: visible;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid black;  /* tabs border when not selected*/
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}



/*========Bootstrap Glyphicon=========*/
.glyphicon:before {
  margin-right: 4px;
  margin-left: 4px;
}





/*=============table========*/

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}



/*=============callout========*/

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .4rem;
    border-radius: .25rem;
    // margin-left: 30px ;
}

.bd-callout h4 {
    margin-top: 0;
    margin-bottom: .25rem
}

.bd-callout p:last-child {
    margin-bottom: 0
}

.bd-callout code {
    border-radius: .25rem
}

.bd-callout+.bd-callout {
    margin-top: -.25rem
}

.bd-callout-orange {
    border-left-color: rgb(255,99,25)
}

.bd-callout-orange h4 {
    color: rgb(255,99,25)
}

.bd-callout-blue {
    border-left-color: rgb(100,160,200)
}

.bd-callout-blue h4 {
    color: rgb(100,160,200)
}

.bd-callout-deepblue {
    border-left-color: rgb(0,49,69)
}

.bd-callout-deepblue h4 {
    color: rgb(0,49,69)
}







/*Calculation note*/

   
	.ddreport h1{ font-family:'Sen'; font-size: 25px; color:rgb(0,49,69);}
   	.ddreport h2{ font-family:'Sen'; font-size: 20px; color:rgb(0,49,69);}
   	.ddreport h3{ font-family:'Sen'; font-size: 16px; color:rgb(0,49,69);}
   	.ddreport h4{ font-family:'Sen'; font-size: 12.8px; color:rgb(0,49,69);}
   	.ddreport p { font-family:'ITCFranklin'; font-size: 10px; }
/*   	.ddreport ul{ font-family:'ITCFranklin'; font-size: 10px; }
   	.ddreport ol{ font-family:'ITCFranklin'; font-size: 10px; }*/   	
   	.ddreport li{ font-family:'ITCFranklin'; font-size: 10px; }
   	.ddreport table{ font-family:'ITCFranklin'; font-size: 10px; }

   	.ddreport .coverpage h1{
		color:rgb(0,49,69);
		margin:25px;
		font-size:40px;
		text-align:center;
		font-weight:bold;
   	}
   	.ddreport .coverpage h2{
		color:rgb(0,49,69);
		margin:6px;
		font-size:18px;
		/*text-align:center;*/
		/*font-weight:bold;*/
   	}




   .ddreport{counter-reset: h1n}
   h1.hn{counter-reset: h2n}
   h2.hn{counter-reset: h3n}
   h3.hn{counter-reset: h4n}
   h4.hn{counter-reset: h5n}

   h1.hn:before{
     counter-increment: h1n;
     content: counter(h1n) " ";
   }
   h2.hn:before{
     counter-increment: h2n;
     content: counter(h1n) "." counter(h2n) " ";
   }
   h3.hn:before{
     counter-increment: h3n;
     content: counter(h1n) "." counter(h2n) "." counter(h3n) " ";
   }
   h4.hn:before{
     counter-increment: h4n;
     content: counter(h1n) "." counter(h2n) "." counter(h3n) "." counter(h4n) " ";
   }

.docMainTitle{
	color:rgb(0,49,69);
	margin:30px;
	font-size:50px;
	text-align:center;
	font-weight:bold;
}
.docSubTitle{
	color:rgb(100,160,200);
	margin:30px;
	font-size:50px;
	text-align:center;
	font-weight:bold;	
}
.docReference{
	color:rgb(0,49,69);
	font-size:20px;
}




/*Print document*/


	.noprint h1{ font-size: 140%; }
   	.noprint h2{ font-size: 130%; }
   	.noprint h3{ font-size: 120%; }
   	.noprint h4{ font-size: 110%; }
   	.noprint p { font-size: 100%; }
   	.noprint ul{ font-size: 100%; }



@media print{
   .noprint{
		display: none !important;
   }
   .ddreport{
   		transform: scale(1);
   }
}