@charset "utf-8";
/* CSS Document */
::selection {color:#fff;background:#43afe1;}
::-moz-selection {color:#fff;background:#43afe1;}
html{
padding:0px 0px 0px 0px;
width:100%;
height:100%;


}
body{
background-color:#1C5598;
background-image:url(images/backgrounds/Background-HD_3.jpg);
/*background-repeat:repeat;*/
background-position:bottom;
background-attachment: fixed;
/*background-image:url(images/Background-HD.jpeg);-*/
 /*background-repeat: no-repeat;
    background-attachment: fixed;*/
margin:0px 0px 0px 0px;
height:100%;
width:100%;
color: #222;
/*font-family:sans-serif,verdana,helvetica,arial;*/
/*font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
font-family:helvetica,verdana,sans-serif;
/*font-family: Courier New;*/

font-size: 12px;

}


@-moz-document url-prefix(http://),url-prefix(https://) {
scrollbar {
   -moz-appearance: none !important;
   background: rgb(0,255,0) !important;
}
thumb,scrollbarbutton {
   -moz-appearance: none !important;
   background-color: rgb(0,0,255) !important;
}

thumb:hover,scrollbarbutton:hover {
   -moz-appearance: none !important;
   background-color: rgb(255,0,0) !important;
}

scrollbarbutton {
   display: none !important;
}

scrollbar[orient="vertical"] {
  min-width: 15px !important;
}
}


pre{
	margin:0px;
	
}
b{
font-weight:bolder;
}

::-webkit-scrollbar-track {
   /*  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); */
    -webkit-border-radius: 10px;
    border-radius:0px;
}
 ::-webkit-scrollbar {
    width:5px;
	height:15px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    
    background: rgba(16,97,173,1); 
    /*-webkit-box-shadow: inset 0 0 20px rgba(0,0,0,1)*/; 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,1); 
}

.noSelect{

-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
}

#mainBar{
background: #fcfcfc;
height: 60px;
top:0px;
-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
border-bottom:solid  1px #999;

}
#mainBarDiv{
background: #000;
z-index:999999;
top:0px;
position:fixed;
width:100%;

border-bottom:solid 1px #2c2f38;
box-shadow: 0px 0px 3px rgba(50,50,50,1);
-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;


}

#mainBarlogo{
        
		float:left;
		font-family:sans-serif;
		font-weight: bold;
		font-size: 30px;
		padding:0px;
		color:#1b1f27;
		
	
} 
#mainBarlogo2{
		float: left;
        padding:0px;

	
} 
#documentTitle{
		
		float:right;
		font-size:20px;
		margin-left:20px;
		color:#fefefe;
		height:60px;
		padding:0px 10px 0px 10px;
		vertical-align:middle;
		font-weight: normal;
		background: #f1b00b;
		text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
		
}

#documentTitleContent{
	line-height: 60px;

}
#userWelcome{
	float:right;
	display:table;
	font-size: 12px;

background-image: url(images/icons/user_photo.jpg);
background-repeat: no-repeat;
background-position: left center;

	
}

#userWelcomeTXT{
	display:table-cell;
	font-size: 12px;
	vertical-align:middle;
padding:5px;
}

#userWelcomePHOTO{
	cursor:pointer;
overflow:hide;
display:table-cell;	
}

#userWelcome2{
	float:right;
	font-size: 12px;
	padding-top:10px;
	
	padding-left:10px;
	color:#fff;
}

.topbar{
	padding-top:8px;
	min-height:22px;
	vertical-align:center;
	background:#045fb4;/*#BF4E6A;*/
	text-align:right;
margin-bottom:0px;
padding-right:0px;
padding-left:0px;
width:100%;
display:inline-block;
	-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;

}
a{

cursor:pointer;
}

.topbar a{
color:#fff;
margin-right:10px;
text-decoration:none;
padding:3px;
font-weight:bold;

}
.topbar a:hover{
color:#eee;
padding:3px;
margin-right:10px;
text-decoration:underline;

}

.topbarTitle{
margin-left: 5px;
color:#fff;
float:left;
text-decoration:none;
padding:3px;
font-weight:bold;

}
.shorttopbar{
padding:3px;
	
	background:#0C82DF;
	text-align:right;
	-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
	
}


.shorttopbar a{
color:#fff;
margin-right:10px;
text-decoration:none;
padding:3px;
font-weight:bold;

}
.shorttopbar a:hover{
color:#eee;
padding:3px;
margin-right:10px;
text-decoration:underline;


}

.tripTopBarItem{
color:#ccc;
margin-right:10px;
text-decoration:none;
padding:3px;
font-weight:bold;

}
.tripTopBarItem:hover{
color:#fff;
padding:3px;
margin-right:10px;
text-decoration:underline;


}
#sideTools{
width:35px;	

	background: #1b1f27;

-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
	
}

#sideTools .icons{
	background-image: url(images/icon_list_W9.png);
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	margin-top:5px;
	margin-left:4px;
	border: solid 1px #0f1219;
	cursor: pointer;
}

.menuDiv .icons{
	background-image: url(images/icon_list_W9.png);
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	margin-top:5px;
	margin-left:4px;
	border: solid 1px #0f1219;
	cursor: pointer;
}

.loading{
	
background-image: url(images/scs_progress_bar.gif);	
background-position: center center;

-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
height: 10px;
border: solid 1px #fff;
margin: 10px;

}


.loading-sq-black{ 	
background-image: url(images/loading-sq-black.gif);	
background-position: center center;
height: 15px;
margin: 5px; 
background-repeat: no-repeat;  
}

.loading-sq-green{ 	
background-image: url(images/loading-sq-green.gif);	
background-position: center center;
height: 15px;
margin: 5px;
background-repeat: no-repeat; 
}
 
.loading-cr-black{ 	
background-image: url(images/loading-cr-black.gif);	
background-position: center center;
height: 25px; 
margin: 5px;  
background-repeat: no-repeat;
}



.MainLoading{
background:#fff;	
background-image: url(images/circleloadinganimation.gif);	
background-position: top center;
background-repeat:no-repeat;   
   opacity:0.85;
   position:absolute;
   width:100%;
   height:100%;
   z-index:9999999999;
   
	

}


#vegaMenuDisplayTD{
height:35px;	

/*	background:linear-gradient(#37455E 0%, #242F44 100%);*/
background: linear-gradient(#042867 0%, #0a111f 100%);
-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
}
#vegaMenuDisplay{
float:left;

}

#vegaMenuDisplayTD .icons{
	background-image: url(images/icon_list_W9.png);
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	margin-top:5px;
	margin-left:4px;
	float:left;
	border: solid 1px #0f1219;
	cursor: pointer;
}
#vegaMenuDisplayTD.icons:hover{
background-image: url(images/icon_list.png);
box-shadow: 0px 0px 3px rgba(109,175,185,1);
}


#sideTools .icons:hover{
background-image: url(images/icon_list.png);
box-shadow: 0px 0px 3px rgba(109,175,185,1);
}


.NotecounterDiv{
	position: relative;
	
	
}
.NotecounterDivCount{
	position: absolute;
	top:14px;
	left:15px;
		font-size:11px;
-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;
padding: 3px;

	
}
.NotificationlistBody{
position:absolute;
top:25px;
right:10px;
padding:0px;
background:#fff;
border:solid 1px #999;
z-index:1000;
width:400px;
padding:0px;
display:none;
box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
max-height:600px;
overflow:scroll;

}

.cyrcle{
-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;

height: 15px;
width: 15px;    
}


.HND{
-webkit-border-left-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;	
font-weight: bold;
background:#581F84 !important;
color:#fff;
padding:2px 2px 5px 5px;
width:28px;
}

.PMT{
-webkit-border-left-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;	
font-weight: bold;
background:#2C8F90 !important;
color:#fff;
padding:2px 2px 5px 5px;
width:28px;
}

.FPN{
-webkit-border-left-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;	
font-weight: bold;
background:#345440 !important;
color:#fff;
padding:2px 2px 5px 5px;
width:28px;
}

.TRV{
-webkit-border-left-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;	
font-weight: bold;
background:#013ADF !important;
color:#fff;
padding:2px 2px 5px 5px;
width:28px;
}

.FEL{
-webkit-border-left-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;	
font-weight: bold;
background:#A9750D !important;
color:#fff;
padding:2px 2px 5px 5px;
width:28px;
}

.OPS{
-webkit-border-left-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;	
font-weight: bold;
background:#ffa200 !important;
color:#222;
padding:2px 2px 5px 5px;
width:28px;
}

.dashBoradNoteBox{
padding:1px;
border-bottom:dotted 1px #666;

}
.greenNote{
	background: #5fbf5f !important;	
	color: #fff !important;	
	text-decoration:none;
}
.MVNote{
	background: #5F04B4;
	color: #fff!important;
	
}
.DblueNote{
	background:#000088;
	color: #fff!important;	
	
}
.blackNote{
	background: #111!important;	
	color: #fff !important;	
	
}

.blueNote{
	background: #43afe1!important;	
	color: #fff !important;	
	
}

.orangeNote{
	background: #f1b00b;
	color: #222 !important;
	text-decoration:none;
}

.yellowNote{
	background: #f4ea12;
	color: #222;	
	
}
.grayNote{
	background: #aaa;
	color: #222;	
	
}

.redNote{
	background: #bb0000 !important;
	color: #fff !important;
	
}
.purpleNote{
	background: #BE33FF;
	color: #fff !important;
	
}
#sideDiv{
left:10px;

position:absolute;
	width:250px;
	background: #2c323f;
	-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
z-index:99999999
	
}

#subMenu{
	width:250px;
	background: #2c323f;
	position:absolute;
	right:0px;
	top:25px;
	
}

#MainMailDisplay{
	
	background: #fff;
	border-right:solid 1px #2c323f;
	height:100%;
 
	
}

#MainMailDisplayList{
	height:100%;
	overflow:scroll;
	position:relative;
	
	-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
}




#displayEmailBody{
	width:700px;
	position:relative;
	border-right:solid 1px #bbb;
}



.LoadMoreEmail{
background:#ccc;
text-align:center;
padding:5px;
color:#111;
}

.LoadMoreEmail:hover{
background:#ffa200;
color:#111;
}
.LoadMoreEmail a{
	text-decoration:none;
	font-weight:bold;
	color:#000;
	
}

.LoadMoreEmail a:hover{
	text-decoration:underline;
	
}
#sideMailDiv{
background: #2c323f;
z-index:999;
padding:10px;

height:100%;
display:none;
position:fixed;


}

#sideMailDiv_displayMail{
background: #2c323f;
z-index:999;
left:0px;
top:0px;
display:none;
position:absolute;


}




#sideMailDiv_displayMail ul{
	padding: 0px;
	margin: 5px;
	list-style-type:none;
	margin-bottom:0px;
	margin-top: 5px;	

	
}

#sideMailDiv_displayMail ol{

	margin: 2px;
	list-style-type:none;
	padding: 0px;

}
#sideMailDiv_displayMail ol li{
margin-left: 0px;
padding: 5px;
color: #ccc;
font-size:11px;
border-bottom:dotted 1px #444;
cursor:pointer;
}

#sideMailDiv_displayMail ol li:hover{
box-shadow: 0px 0px 3px rgba(109,175,185,1);
	color: #fff;
	background:#1b1f27;
}

.sideMailDivselected{
box-shadow: 0px 0px 3px rgba(109,175,185,1);
	color: #fff;
	background:#1b1f27;
}


#sideMailDiv a{

	text-decoration: none;
	
}
#sideMailDiv li{
	color:#1b1f27;
	text-decoration: none;
	margin: 0px;
	
}




#emailBodyMainTools{
padding:2px;
bottom:0px;
position:absolute;
background: #2c323f;
opacity:0.2;
}
#emailBodyMainTools:hover{

opacity:1;
}
#MailSELECT{
background-color:#242F44;
padding:0px;width:50px;color:#fff;

font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #fff;
border-style:none;
width:40px;
text-shadow: 0 0px 0px rgba(0,0,0,0);
-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#MailSELECT:focus{
background-color:#242F44;
box-shadow: 0 0px 0px rgba(0,0,0,0);
color: #ffa200;
}


#MailDISPLAYSTYLE{
background-color:#242F44;
padding:0px;width:50px;color:#fff;

font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #fff;
border-style:none;
width:60px;
text-shadow: 0 0px 0px rgba(0,0,0,0);
-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#MailDISPLAYSTYLE:focus{
background-color:#242F44;
box-shadow: 0 0px 0px rgba(0,0,0,0);
color: #ffa200;
}



.mailBoxTitle{
background:#242F44;


padding:0px;
color:#fefefe;
cursor:pointer;
top:0p;
padding-top:3px;

right:0px;

}





#sideMailDiv ul{
	padding: 0px;
	margin: 5px;
	list-style-type:none;
	margin-bottom:0px;
	margin-top: 5px;	

	
}
.sideMailDivTitle{
border-bottom:dotted 1px #666;	
	
}
#sideMailDiv ol{

	margin: 2px;
	margin-left:10px;
	list-style-type:square;
	padding: 0px;

}
#sideMailDiv ol li{
margin-left:5px;
padding: 5px;
color: #ccc;
font-size:11px;
border-bottom:dotted 1px #444;
cursor:pointer;
}

#sideMailDiv ol li:hover{
box-shadow: 0px 0px 3px rgba(109,175,185,1);
	color: #fff;
	background:#1b1f27;
}

.sideMailDivselected{
box-shadow: 0px 0px 3px rgba(109,175,185,1);
	color: #fff;
	background:#1b1f27;
}


#sideMailDiv a{

	text-decoration: none;
	
}
#sideMailDiv li{
	color:#1b1f27;
	text-decoration: none;
	margin: 0px;
	
}

#bodyDiv{
	padding-left:35px;
	height:100%;



}

#bodyContianer{
overflow:scroll;
width:100%;
height:100%;
border:none;
}


#MailContianer{
overflow:scroll;
width:100%;
height:99%;
border:none;
}
#TripContianer{
overflow:scroll;
width:100%;
height:99%;
border:none;
}


.bodyicons{
float: left;
	background-image: url(images/icon_list_W9.png);
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	margin-top:0px;
	margin-right:2px;
	border: none;
	cursor: pointer;
}

.bodyicons:hover{
	background-image: url(images/icon_list_W9_hover.png);
	background-repeat: no-repeat;
}





.bodyleftSideDiv{
	height:inherit;
	padding: 0px;
	
	margin-bottom:80px;
	overflow:scroll;
	
	float: left;
	width: 350px;
}
.multiselectDiv{
    
    background: #efefef;
    padding:0px;
border:solid 1px #ccc;

    		-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
    
}
.multiselectDivTitle{
    font-size: 20px;
    font-weight: normal;
    color: #a73c11;
    
    
}
.multiselectDivBody{
    
    
    
    
}
.multiselectDivBodyitemClose{
    background-image: url('images/item_close.png');

    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    position: absolute;
    top:2px;
    right: 0px;
    cursor: pointer;
    
}

.multiselectDivBodyitemClose:hover{
opacity: 0.3;
    
}



.multiselectDivBodyitem{
    background: linear-gradient(#aaa 0%, #999 100%);
    padding: 5px;
    margin-top: 1px;
    -webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
    color: #fff;
    float: left;
margin-right: 2px;
position: relative;
padding-right: 20px;

}
.multiselectDivBodyitem:hover{

    background:linear-gradient(#75b2d5 0%, #296c9f 100%);
    }


	
	.itemClose{
    background-image: url('images/icons/delete_16.png');

    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    cursor: pointer;
    
}


.composeGeneralEmailBody{
/*position:fixed;
width:700px;
background:#fff;
right:0px;
top:0px;

bottom:0px;
border:solid 1px #666;
box-shadow: 0px 2px 5px rgba(100,100,100,1);
*/
}
.compose_mailhideoldBody{
background:#ccc;
background-image:url(images/3Dotes.png);
background-repeat:no-repeat;
background-position:left center;
color:#000;
cursor:pointer;
font-weight:bold;
height:15px;
}

.compose_mailhideoldBody:hover{
opacity:0.5;
color:#000;
cursor:pointer;

}
.JXmailContentBox{
border-bottom:solid 1px #ccc;
padding:3px;
background:#fff;


}

.JXmailContentBoxBody{
border-bottom:solid 1px #ccc;
padding:10px;
background:#fff;

}

.JXemaiaddressBox{
padding:3px 25px 3px 3px;
margin-right:2px;
float:left;
background:#eee;
border:solid 1px #999;
font-size:12px;
font-weight:normal;
color:#111;
    -webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
position:relative;
}
.JXemaiaddressBoxClose{
font-size:12px;
font-weight:bold;
position:absolute;
padding:3px;
color:#999;
right:0px;
top:0px;
cursor:pointer;
font-family:tahoma;
}

.JXemaiaddressBoxClose:hover{
color:#111;
}



.MailRecord{
	width: 100%;
	border-collapse: collapse;

}

.MailRecord .Mail_title{
padding: 1px;
text-align: left;
font-size:12px;
color: #222;
font-weight:bold;
width:150px;
padding-left:2px;
text-overflow: ellipsis;


}
.MailRecord .Mail_title2{
padding: 1px;
text-align: left;
font-size:12px;
color: #222;
font-weight:bold;
text-overflow: ellipsis;


}
.MailRecord .Mail_FromAccount{
padding: 1px;
text-align: left;
font-size:11px;
color: #222;
width:80px;
text-overflow: ellipsis;


}

.MailRecord .Mail_FromAccount2{
padding: 1px;
text-align: left;
font-size:11px;
color: #222;

text-overflow: ellipsis;


}

.MailRecord .Mail_subject{
padding: 1px;
text-align: left;
font-size:12px;
color: #222;

text-overflow: ellipsis;
	overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
	
	

}
.MailRecord .Mail_timing{
padding: 1px;
text-align: left;
font-size:12px;
color: #222;
width:30px;



}


.Mail_INBOX{
	width:16px;
	height:16px;
	background-image:url(images/inBox.png);
	background-repeat:none;
	
	
}
.Mail_OUTBOX{
	width:16px;
	height:16px;
	background-image:url(images/outBox.png);
	background-repeat:none;
	
	
}

.Mail_GOUTBOX{
	width:16px;
	height:16px;
	background-image:url(images/GoutBox.png);
	background-repeat:none;
	
	
}
.MailRecord tbody td{
text-align: left;
font-size:12px;
padding: 1px 1px 1px 1px;

color: #333;
}


.emailTitle{

color:#3388CC;
font-weight:bold;
font-size:14px;
background:#fff;
}
.emailTitletable{
border-bottom:solid 1px #ccc;

}
.txtbuttonSet{
border-right:solid 1px #ccc;
height:25px;
}

.txtbuttonSet .button{
background:linear-gradient(#eee 0%, #ccc 100%);
padding:4px;
font-size:12px;

float:right;
border:solid 1px #ccc;
border-right:none;
color:#111;
cursor:pointer;
position:relative;
}
.button:hover{
background:#ccc;

}
.inputDiv{
padding:5px;
color:#3286A6;

}
.inputTXTDiv{
padding:5px;
color:#000;
font-weight:normal;

}

.buttonDiv{
	text-align:center;
margin-right:5px;
padding:5px 10px 5px 10px ;
color:#fff;
background:#3267AB;
font-size:12px;
float:left;
		-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
cursor:pointer;
}
.buttonDiv:hover{
background:#F7941D;

}


.smallbuttonDiv{
margin-right:5px;
padding:2px 5px 2px 5px ;
color:#fff;
font-size:12px;
float:left;
		-webkit-border-left-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
cursor:pointer;
}
.smallbuttonDiv:hover,.smallbuttonDiv:focus{
	opacity:0.5;
	

}
.buttonRd{
	
background:linear-gradient(#cc0000 0%, #880000 100%);
}

.buttonGREEN{
	
background:#008800;
}

.buttonORG{
background:linear-gradient(#ffa200 0%, #eea200 100%);
color:#000;
}
.buttonRdDiv{
	text-align:center;
margin-right:5px;
padding:5px 10px 5px 10px ;
color:#fff;
background:linear-gradient(#cc0000 0%, #880000 100%);
font-size:12px;
float:left;
		-webkit-border-left-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
cursor:pointer;
}
.buttonRdDiv:hover{
background:linear-gradient(#E99631 0%, #D5681B 100%);

}

.txtbuttonSetMenu{
position:absolute;
right:0px;
display:none;
top:24px;
background:#fefefe;
border:solid 1px #999;
width:150px;
z-index:100;
}



.txtbuttonSetMenu ul{
	padding: 0px;
	
	list-style-type:none;
	margin-bottom:0px;
	margin-top: 0px;	

	
}

.txtbuttonSetMenu li{

padding: 5px;
color: #444;
border-bottom:dotted 1px #ccc;
}

.txtbuttonSetMenu li:hover{


color: #222;
background:#efefef;
}



.bodyrightSideDiv{
	height:inherit;
	
	padding: 0px;
	overflow:none;
	float: right;
	width: 350px;
}

	
#mailBodyDisplay3TR{
	
	display:none;
}
#mailBodyDisplay3{
	height:400px;
	bottom:0px;

	padding: 0px;
	overflow:none;
	
}

.dashboardinfoBox{

	background: #fefefe;
	background-image: url(images/dashboardBox4.jpg);
	background-repeat: repeat-x;
	
	box-shadow: 0px 2px 5px rgba(100,100,100,1);
	-webkit-border-left-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	overflow:none;
	padding: 10px;
	margin:10px;
	
}
.dashboardinfoBox h1{
	font-size: 80px;
	color: #fff;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.3);

	
}
.dashboardinfoBox h3{
	color: #fff;
	

	
}
.dashboardinfoBox .dashboardBodyDiv{
	
	padding: 5px;
	
}
.dashboardinfoBox .titleDiv{

font-weight: bold;
padding: 5px;	
color: #aaa;		
background: #a8b0b8;
background-image: url(images/titleBackGround.jpg);
background-repeat: repeat-x;
margin-bottom: 2px;
font-size: 16px;
font-weight: normal;

text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
}

.dashboardblueBox{
	background: #708eb8;
	background-image: url(images/dashboard_box_1.jpg);
	background-repeat: repeat-x;


	
	
}

.dashboardOrangeBox{
	background: #eeb53c;
	background-image: url(images/dashboardBox2.jpg);
	background-repeat: repeat-x;
	
	
}

.dashboardGreenBox{
	background: #beee3c;
	background-image: url(images/dashboardBox3.jpg);
	background-repeat: repeat-x;
	
	
}





.bodyrightSideDiv iframe{
	height:inherit;
	width: 100%;
	border: none;
	padding: 0px;
overflow:none;
	
	
}
.body_Side{
	height:100%;
overflow:scroll;
margin-left:40px;

}

.bodyDiv{
	height:inherit;
overflow:scroll;


}




#leftSideDiv{

right:0px;
height:100%;
	background: #efefef;
	border-left: solid 1px #666;
	
	z-index:10;
	
}

#rightSideDiv{

right:0px;
height:100%;
	background: #efefef;
	border-left: solid 1px #666;
min-height:600px;	
	z-index:10;
	
}

#diplayMainMenSideIcon{
	position:fixed;
	right:0px;
	bottom:0px;
	width:80px;
	padding:5px;
	height:25px;
	z-index:9999999999999;
	background: #101010;
}
#diplayMainMenSideDiv{
	position:fixed;
	right:0px;
	width:300px;
	height:100%;
	background: #101010;
	border-left: solid 1px #666;
	
	z-index:9999999999999;
	
}

.mainbarIconsSet{

-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;

	float:right;
	margin: 10px 20px 10px 0px;
	height: 25px;	
	
	
}


.mainbarIconsSet .icons{
	background-image: url(images/icon_list_W9.png);
	background-repeat: no-repeat;

	float:left;
	width: 25px;
	height: 25px;
	margin-right:10px;
	border: solid 1px #eee;
	cursor: pointer;
}

.mainbarIconsSet .icons:Hover{

box-shadow: 0px 0px 3px rgba(109,175,185,1)

}

.mainbarIconsSet2{

-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;

	float:right;
	margin: 3px 5px 0px 0px;
	height: 25px;	
	
	
}


.mainbarIconsSet2 .icons{
	background-image: url(images/icon_list_W9.png);
	background-repeat: no-repeat;

	float:left;
	width: 25px;
	height: 25px;
	margin-right:5px;
	
	cursor: pointer;
}

.mainbarIconsSet2 .icons:Hover{

box-shadow: 0px 0px 3px rgba(109,175,185,1)

}
.sideBox{
-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background: #efefef;	
border: solid 1px #000;

margin:2px;		
}

.sideBox .titleDiv{
font-weight: bold;
padding: 5px;	
background:rgba(0,0,0,0.2);
}

.sideBox .boxBodyDiv{

padding: 10px;	
color:#111;

	
}


fieldset{

-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
border: dashed 1px #aaa;
margin:5px;	
margin-top: 15px;
padding:5px;	
}

legend{
	color: #5fbf5f;
	font-size: 14px;
	font-weight: normal;

	margin: 0px 0px 0px 0px
	
}

.sideBodyBox{

-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background: #efefef;	
margin:2px;	
	
}


.BodyBox{

-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;

background: #efefef;	
border: solid 1px #666;
/*box-shadow: 1px 1px 2px #aaa;*/
margin:2px;	
	
}
.BodyBox2{


background: #efefef;	
/*box-shadow: 1px 1px 2px #aaa;*/
margin:0px;	
	
}

.bodyNote{
position:fixed;
width:600px;
left:auto;
right:auto;
z-index:1000;
top:0px;
width:100%;

}


.BodyBox .titleDiv{

font-weight: bold;
padding: 10px;	
background:#2a4f64;

color: #fff;		
}

.boxBodyDiv{

padding: 10px;	
color:#111;

	
}

.shortboxBodyDiv{

padding:3px;	
color:#111;

	
}


.clearBox{
	background: #fff;
	
	
}

.deactiveBox{
	background: #eee;
	
	
}
.deactiveBox:focus{
	background: #ddd;
	
	
}


.autohighlight{
cursor: pointer;

	
}

.autohighlight:hover{
	
	background: #f8e5af;
	
}
.autohighlight:focus{
	
	background: #f8e5af;
	
}



.informativeTooltip{
text-decoration:underline;
cursor:pointer;
}
.informativeTooltip:hover{
color:#880000;
text-decoration:underline;
}

.NONCHARGE{
	color:#fff;
	padding:2px;
	text-align:center;
	background: #FF66FF;
	-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;
font-size:12px;
	cursor:pointer;
	width:50px;
	margin-left:5px;

}

.URGENTDIV{
	color:#fff;
	padding:2px;
	text-align:center;
	background: #ff0000;
	-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;
font-size:12px;
	cursor:pointer;
	width:50px;
	margin-left:5px;

}


.COMPLETED{
	color:#fff;
	padding:2px;
	text-align:center;
	background: #008800;
	-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;
font-size:12px;
	cursor:pointer;
	width:50px;
	margin-left:5px;
}

.BLOCK{
	color:#fff;
	padding:2px;
	text-align:center;
	background: #ffa200;
	-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;
font-size:12px;
	cursor:pointer;
	width:50px;
	margin-left:5px;
}


.SINVOICED{
	color:#fff;
	padding:2px;
	text-align:center;
	background:#5F04B4;
	-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;
font-size:12px;
	cursor:pointer;
	width:50px;
	margin-left:5px;
}

.INVOICED{
	color:#fff;
	padding:2px;
	text-align:center;
	background: #000088;
	-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;
font-size:12px;
	cursor:pointer;
	width:50px;
	margin-left:5px;
}

.CANCELLED{
	color:#fff;
	padding:2px;
	text-align:center;
	background: #880000;
	-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;
font-size:12px;
	cursor:pointer;
	width:50px;
	margin-left:5px;
}




.revisionsClass{
	color:#fff;
	padding:2px;
	text-align:center;
	background: #bb0000;
	-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;
font-size:11px;
	cursor:pointer;
	width:40px;
	
}
.revisionsClass:hover{
background:#ffa200;
}
.revisionDiv{
background-image:url(images/back_rev.png);
background-repeat:no-repeat;
background-position:top left;

}
.amdClassSmall{
	color:#fff;
	padding:1px;

	text-align:center;
	background: #43afe1;
	-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;
	font-size:11px;
	cursor:pointer;
	width:30px;
}
.amdClass{
	color:#fff;
	padding:2px;

	text-align:center;
	background: #43afe1;
	-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;
	font-size:12px;
	cursor:pointer;
	width:40px;
}
.amdClass:hover{
background:#ffa200;
}

.cnlClass{
	color:#880000;
	padding:2px;

	text-align:center;
	background: #ccc;
	-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;
	font-size:12px;
	cursor:pointer;
	width:40px;
}
.cnlClass:hover{
background:#aaa;
}
.highlightd{
	
	
	background: #f5dea1;
}

.blackhighlightd{
	cursor: pointer;
	background:#111;
	color:#fff !important;
}
.visahighlightd{
	cursor: pointer;
	color:#fff !important;
	background:#1A1F70;
}

.bluehighlightd{
	cursor: pointer;
	background:#C3E0F7;
}

.Skybluehighlightd{
	cursor: pointer;
	color:#fff !important;
	background:#00d2ff;
}

.needAction{
	cursor: pointer;
	background:#F8F077;
	
	
}

.redhighlightd{
	cursor: pointer;
	background:#FFCCB1;
}
.bluehighlightd:focus{
	cursor: pointer;
	background:linear-gradient(#b4e3fc 0%, #b4e3fc 100%);
}

.lightbluehighlightd{
	
	background:#d4f2fc;
}
.lightgreenhighlightd{
	
	background:#d5fdf2;
}


.greenhighlightd{
	
	background:linear-gradient(#d5fdf2 0%, #60d28f 100%);
}

.yellowhighlightd{
	
	background:#F7CE75;
	
	
}


.clearhighlightd{
	
	background: #fff;
}


.lighthighlightd{
	
	background: rgba(251,245,229,0.50);
}


.alerthighlighted{
	
	background: #ffb7aa;

}
.adminError{
	background: #bb0000;
	color: #fff !important;
	padding: 10px;	
	font-size:20px;
	margin-top:5px;
	text-align:center;
	
}

.adminNote{
	background: #ffcc00;
	text-align:center;
	
	font-weight:normal;
}

.adminNote a{
	color:#000088;
	

}
.grayhighlightd{
	background: #efefef;

}

.bodyiconsBlackBar{
	
	
}


.notifierNote  h2{
color:#880000;
font-size:14px;
font-weight:bold;
text-align:center;
padding:1px;
margin:0px;
}

.titleBody{
	color:#fff;	
	background-image: url(images/dashboard_box_1.jpg);
	background-repeat: repeat-x;

}


.clearOrange{
	
	background: #fce66b;
}



.invoicetableView{
	
	width: 100%;
		width: 100%;
	border-collapse: collapse;
border: dotted 1px #ccc;
font-size:12px;
	
}




.invoicetableView thead tr{
	
	background: #fff;	

}

.invoicetableView  th{
padding: 5px;
background:linear-gradient(#2E9AFE 0%, #0174DF 100%);
text-align: left;
color: #fff;
border: dotted 1px #ccc;

}

.invoicetableView  tr:nth-child(odd){
	
	background: #fff;	

}

.invoicetableView  tr:nth-child(even){
	
	background: #efefef;	

}

.invoicetableView tr:hover{
	
	background: rgba(103,170,206,0.2);	

}

.invoicetableView  td{
	

padding: 3px;
border: dotted 1px #ccc;
color: #333;
}


.EditinvoicetableView{
	
	width: 100%;
		width: 100%;
	border-collapse: collapse;
border: dotted 1px #ccc;
font-size:12px;
	
}




.EditinvoicetableView thead tr{
	
	background: #fff;	

}

.EditinvoicetableView  th{
padding: 5px;
background:linear-gradient(#2E9AFE 0%, #0174DF 100%);
text-align: left;
color: #fff;
border: dotted 1px #ccc;

}

.EditinvoicetableView  tr:nth-child(odd){
	
	background: #fff;	

}

.EditinvoicetableView  tr:nth-child(even){
	
	background: #efefef;	

}



.EditinvoicetableView  td{
	
cursor:pointer;
padding: 3px;
border: dotted 1px #ccc;
color: #333;
}



.opentableView{
	width: 100%;
	border-collapse: collapse;
border: dotted 1px #ccc;
}

.opentableView th{
padding: 5px;
text-align: left;
color: #666;
background: #efefef;
border-bottom: dotted 1px #ccc;

}

.opentableView tbody tr{
	
	background: #fff;	

}

.opentableView tbody tr:hover{
	
	background: #fff2e0;	

}


.opentableView tbody td{
	

padding: 2px 2px 2px 10px;

border-bottom: dotted 1px #ccc;
color: #333;
}
.opentableView caption{
	background:#ffa200;
	font-weight:bold;
	text-align:center;
	padding:3px;
	color:#000;
	
	
}
.opentableViewcaption{
	background:#ffa200;
	font-weight:bold;
	text-align:center;
	padding:3px;
	color:#000;
	
	
}


.infotableView{
	width: 100%;
	border-collapse: collapse;
border: dotted 1px #ccc;
font-style: italic;
font-weight:normal;
}

.infotableView th{
font-size:11px;
padding: 2px;
text-align: left;
color: #666;
background: #efefef;
border-bottom: dotted 1px #ccc;

}

.infotableView tbody tr{
	
	

}

.infotableView tbody tr:hover{
	
	

}


.infotableView tbody td{
	font-size:11px;

padding: 1px 1px 1px 5px;

border-bottom: dotted 1px #ccc;

}

.activeTD{
    background: #d5d1d1;
    
    
}



.MVTtableView{
	width: 100%;
	border-collapse: collapse;
border: solid 1px #ccc;
}

.MVTtableView th{
padding: 5px;
text-align: left;
color: #666;
background: #efefef;
border-bottom: solid 1px #ccc;

}

.MVTtableView tbody tr{
	
	background: #fff;	

}

.MVTtableView tbody tr:hover{
	
	background: #fff2e0;	

}


.MVTtableView tbody td{
	

padding: 8px 2px 8px 10px;

border-bottom: solid 1px #ccc;
color: #333;
}



.opentableView2{
	width: 100%;
	border-collapse: collapse;
border: solid 1px #ccc;
}

.opentableView2 th{
padding: 3px;
text-align: left;
color: #666;
background: #efefef;
border-bottom: solid 1px #ccc;

}

.opentableView2 tbody tr{
	
	background: #fff;	

}

.opentableView2 tbody tr:hover{
	
	background: #fff2e0;	

}


.opentableView2 tbody td{
	

padding: 5px 2px 5px 5px;

border-bottom: solid 1px #ccc;
color: #333;
}





.BLACKOPSTABLEVIEW{
	width: 100%;
	border-collapse: collapse;
border: solid 1px #ccc;
font-size:12px;
}

.BLACKOPSTABLEVIEW th{
padding: 1px;
text-align: left;
color: #FFFF00;
background: #111;
border-bottom: solid 1px #222;

}

.BLACKOPSTABLEVIEW tbody tr{
	
	background: #000;	

}

.BLACKOPSTABLEVIEW tbody tr:hover{
	
	background: #111;	

}


.BLACKOPSTABLEVIEW tbody td{
	

padding: 2px 2px 2px 2px;

border-left: solid 1px #222;
border-bottom: solid 1px #222;
color: #00FF00;
}





.opentableView3{
	width: 100%;
	border-collapse: collapse;
border: solid 1px #ccc;
}

.opentableView3 th{
padding: 5px;
text-align: left;
color: #666;

border-bottom: solid 1px #ccc;

}

.opentableView3 tbody tr{
	


}


.opentableView3 tbody td{
	

padding: 2px 2px 2px 10px;

border-bottom: solid 1px #ccc;
color: #333;
}

.closedtableView{
    border-collapse: collapse;
    width: 100%;
}

.closedtableView thead tr{
	
	background: #fff;	

}

.closedtableView thead th{
padding: 15px;
padding-left: 5px;
text-align: left;
color: #666;
border-bottom: solid 2px #ccc;

}

.closedtableView tbody tr:nth-child(odd){
	
	background: #fff;	

}

.closedtableView tbody tr:nth-child(even){
	
	background: #efefef;	

}
.closedtableView tbody tr:hover{
    	background: #fff;	
    
}



.tableView{
	
	width: 100%;
	border-collapse: collapse;
	
}




.tableView thead tr{
	
	background: #fff;	

}

.tableView thead th{
padding: 15px;
padding-left: 5px;
text-align: left;
color: #666;
border-bottom: solid 2px #ccc;

}

.tableView tbody tr:nth-child(odd){
	
	background: #fff;	

}

.tableView tbody tr:nth-child(even){
	
	background: #efefef;	

}

.tableView tbody tr:hover{
	
	/*background: rgba(103,170,206,0.2);	*/
	background: #fff2e0;	
}

.tableView tbody td{
	

padding: 10px;
border-bottom: solid 1px #ccc;
color: #333;
}





.showSide{
	
	background-position: 0px -292px;
}

.aircraftIcon{
	
	background-position: -45px -315px;
}
.LandingIcon{
	
	background-position: -135px -336px;
}


.TakeOffIcon{
	
	background-position: -157px -336px;
}

.LandingIconBlue{
	
	background-position: -180px -336px;
}


.TakeOffIconBlue{
	
	background-position: -203px -336px;
}
.ParkingIcon{
	
	background-position: -248px -202px;
}
.ServiceEndIcon{
	
	background-position: -291px -202px;
}
.mailIcons{

	background-position: -405px -202px;
}

.BlackmailIcons{

	background-position: -382px -202px;
}

.maillistIcons{

	background-position: -427px -202px;
}


.logoutIcons{

	background-position: -360px -247px;
}

.fuelIcons{

	background-position: -315px -337px;
}


.changePasswordIcon{

	background-position: -360px -224px;
}

.shortCutIcons{

	background-position: -247px -269px;
}

.settingsIcons{

	background-position: -110px -202px;
}
.closeIcon{

	background-position: -21px -202px;
}


.replyIcon{

	background-position: -337px -270px;
}

.MoreIcon{

	background-position: -45px -45px;
}

.LessIcon{

	background-position: -66px -45px; 
}

.notifierIcons{

	background-position: -247px -246px;
}



.calenderIcon{

	background-position: -202px -112px;
}
.ActivecalenderIcon{

	background-position: -247px -112px;
}
.nonotifierIcons{

	background-position: -269px -246px;
}


.historyIcons{

	background-position: -359px -112px;
}

.YesIcon{

	background-position: -0px -200px;
}

.LocalTimeIcon{

	background-position: -246px -202px;
}


.NotACtiveCheckListIcon{

	background-position: -0px -200px;
}

.CheckListIcon{

	background-position: -0px -200px;
}


.invoiceOutIcon{

	background-position: -22px -112px;
}

.invoiceINIcon{

	background-position: -45px -112px;
}



.refreshIcon{

	background-position: -20px -23px;
}
.extendIcon{

	background-position: 0px -43px;
}

.sendEmailIcons{

	background-position: 0px -224px;
}
.EmailIcons{

	background-position: -381px -202px;
}

.MeetingIcons{

	background-position: -292px -292px;
}

.activityIcons{

	
		background-position: -157px -202px;
}

.aciveSendEmailIcons{

	background-position: -22px -224px;
}


.ReportIcons{

	background-position: -340px -90px;
}
.ActiveReportIcons{

	background-position: -362px -90px;
}

.PhoneIcons{

	background-position: -22px -134px;
}


.aciveCCardIcons{

	background-position: -42px -224px;
}

.CCardIcons{

	background-position: -67px -224px;
}

.searchIcon{
	background-position: -44px -202px;
}

.notificationcons{

	background-position: -180px -134px;
}

.MVTnotificationcons{
	background-position: -292px -134px;

}

.MVTaddednotificationcons{
	background-position: -314px -134px;

}

.closesidelist{

	background-position: -269px -180px;
}

.employeeEDIT{

	background-position: -112px -180px;
}

.showsidelist{
	background-position: -247px -177px;
}
.employeeADD 
{
	background-position: -292px -292px;
}

.addednotificationcons{

	background-position: -247px -134px;

}
.editicons{

	background-position: -111px -180px;
}

.backIcon{

	background-position: 0px 0px;
}
.newTrip{

	background-position: -292px -89px;
}

.uploadfile{

	background-position: -247px -89px;
}

.fileIcon{

	background-position: -225px -89px;
}

.documentsicon{

	background-position: -135px -111px;
}

.deleteicon{

	background-position: -22px -201px;
}

.showsubIson{

	background-position: -22px -245px;
}


.hidesubIson{

	background-position: -44px -245px;
}

.Nomissinginfo{

	background-position: -225px -67px;
}

.De_missinginfo{

	background-position: -180px -67px;
}

.missinginfo{

	background-position: -202px -67px;
}

.ADDfile{

	background-position: -292px -86px;
}

.HomeIcon{
	background-position: -315px -202px;

	
}

.DialogDisplayIcon{
	background-position: -180px -113px;

	
}

.FooterDisplayIcon{
	background-position: -270px -337px;

	
}

.EmbedDisplayIcon{
	background-position: -247px -337px;

	
}

.MainDisplayIcon{
	background-position: -293px -337px;

	
}


.plusFileIcon{
	background-position: -22px -246px; 
}
.minusFileIcon{
	background-position: -44px -246px;   
}

 
.plusIcons{

	background-position: 0px -292px;
}

.minIcons{

	background-position: 0px -292px;
}


/*menu*/
.menuDiv{
	
	-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
}
.menuDiv .titleli{
	cursor: pointer;
	background: #1b1f27;
	padding: 10px;

		-webkit-border-left-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;	
}


.menuDiv .titleli:hover{

box-shadow: 0px 0px 3px rgba(109,175,185,1);
	color: #fff;
	
}

.menuDiv ul{
	padding: 0px;
	margin: 10px;
	list-style-type:none;
	margin-bottom:0px;
	margin-top: 5px;	

	
}
.menuDiv ol{
	display: none;
	margin: 5px;
	list-style-type:none;
	padding: 0px;

}
.menuDiv ol li{
margin-left: 20px;
padding: 5px;
color: #888;
/*border-bottom:dotted 1px #1b1f27;*/ 
}

.menuDiv ol li:hover{
/*box-shadow: 0px 0px 3px rgba(109,175,185,1);*/ 
	color: #fff;

}


.menuDiv a{
	text-decoration: none;
	cursor:pointer;
	
	
}
.menuDiv li{
	color:rgba(103,170,206,0.75);
	text-decoration: none;
	margin: 0px;
	
}

span{
	
	font-size: 11px;
	font-weight: normal;
	
	
}
.tripDetails{
	width:100%;
	padding-left:0px;
	background:linear-gradient(#fefefe 0%, #ededed 100%);
	border-bottom:solid 1px #ccc;
	
}

.tripDetailsTitles{
		color: #880000;
		font-style: italic;	
		font-weight:bold;
	
}
.tripNumber{
	color:#3267AB;
	font-weight: normal;
	font-size: 25px;
	margin: 0px;
	padding: 10px 2px 10px 2px;
	width:auto;	
	
}

h1{
	color: #3267AB;
	font-weight: normal;
	font-size: 18px;
	margin: 0px;
	padding: 5px 0px 5px 0px;
		
	
}


h2{
	background:linear-gradient(#5D9BFB 0%, #0174DF 100%);
	font-size: 14px;
	font-weight: normal;
	color:#fff;
	border-bottom:solid 1px #fff;
	padding: 10px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	cursor:pointer;
}
h2:hover{
	background: #78bbdc;
	
}

.Red_H2{
	
	background:linear-gradient(#cc0000 0%, #990000 100%);
	font-size: 14px;
	font-weight: normal;
	color:#fff;
	border-bottom:solid 1px #316b8a;
	padding: 10px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	cursor:pointer;
}

.ORG_H2{
	
	background:linear-gradient(#ffb7aa 0%, #ffa200 100%);
	font-size: 14px;
	font-weight: normal;
	color:#000;
	border-bottom:solid 1px #316b8a;
	padding: 10px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	cursor:pointer;
}

.YEL_H2{
	
	background:#FCF225;
	font-size: 12px;
	font-weight: bold;
	color:#000;
	border-bottom:solid 1px #316b8a;
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 0px 0px;
	
}
.YEL_H2:hover{
	
	background:#FCF225;
	
	
}

.GREEN_H2{
	
	background:#00aa00;
	font-size: 14px;
	font-weight: normal;
	color:#fff;
	border-bottom:solid 1px #316b8a;
	padding: 10px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	cursor:pointer;
}


.GREEN_H2:hover{
background: #008800;

}
.MV_H2{
	
	background:#5F04B4;
	font-size: 14px;
	font-weight: normal;
	color:#fff;
	border-bottom:solid 1px #316b8a;
	padding: 10px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	cursor:pointer;
}


.MV_H2:hover{
background: #5F04B4;

}
.GRAY_H2{
	
	background:linear-gradient(#999 0%, #666 100%);
	font-size: 14px;
	font-weight: normal;
	color:#fff;
	border-bottom:solid 1px #316b8a;
	padding: 10px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	cursor:pointer;
}


.GRAY_H2:hover{
background: #999;

}
.ORG_H2:hover{
background: #ffa200;

}
.Red_H2:hover{
background: #990000;

}






h3{
	color: #008800;
	font-size: 14px;
	font-weight: normal;
	border-bottom: dotted 1px #ccc;
	padding: 10px 0px 5px 10px;
	margin: 0px 0px 0px 0px
	
}


h4{
	color: #67aace;
	
	font-size: 18px;
	font-weight: normal;
	padding: 10px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	cursor:pointer;
	
}

h5{
	color: #aaa;
	font-size: 35px;
	font-weight:normal;
	padding:1px;
	text-shadow: 0 1px 1px rgba(20, 20, 20, 0.85);
	margin: 0px 0px 5px 0px;
cursor: pointer;

}

h6{
	color:#222;
	font-size:14px;
	text-shadow: 0 0px 1px rgba(0,0,0, 0.30);
	font-weight:normal;
	border-bottom: dotted 1px #ccc;
	padding: 10px 0px 5px 10px;
	margin: 0px 0px 0px 0px

}





#OnloginBox{
	margin-top: 0px;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	
}
#loginBox{
	padding-top:75px;
	background-color: #fefefe;
	box-shadow: 0px 0px 3px rgba(3,3,3,0.5);

	
}


.BodyFooter{
width: 100%;
height: 80px;
	
}

/*Status Css*/

.statusName{
padding: 5px;

}



.statusNameShort{
padding: 5px;
	-webkit-border-left-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;	
}


.statusNameShort2{
text-align:center;
padding: 2px;
font-size:11px;
font-weight:bold;
	-webkit-border-left-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;	
}



.statusShow{
cursor: pointer;
	
	position: relative;
}
.statusBody{
position: absolute;
height: 100%;
padding: 10px;
width:auto;
top:0px;
left: 0px;
display: none;
	
}
.NEWTRIP{
	
	background: #ffa200;
	color:#111;
	
	
}

.NOACTION{
	background: #aaa;
	color: #111;
	
}

.POSTPONED{
	background: #F7819F;
	color: #111;
	
}


.ServiceCONFSENT{
	background: #f3d466;
	color: #111;
}


.EmailICON{
	background: #f3d466;
	color: #111;
}


.FAXICON{
	background: #f3d466;
	color: #111;
}
.AFTNICON{
background: #fcd37c;
	
	color: #111;
}


.MISSINGINFO{
	background: #f3d466;
	color: #111;
}

.UPDATERSENT{
	background: #fcd37c;
	
	color: #111;
}


.READYTOFILE{

	background: #a6e7f9;
	color: #000;
}


.BREIEFED{
	background: #43afe1;
	color: #fff;
}

.DUMMYTRIP{
	background: #ffcc00;
	font-weight:bold;
	color: #880000;
}

.DELIVERED{
	background: #5fbf5f;
	color: #fff;
}

.CANCELED{
	background: #8f4436;
	color: #fff;
}


.servicesBox{
	display: inline-table;
padding: 10px;

background-color:#eee;
margin-right: 3px;	


cursor:pointer;	

}


	
	
}
.servicesBox:hover{
background-color:#efefef;

}

.serviceBox{
	background: #fff;
	float: left;
	height: 80px;
	text-align: left;
	margin-right: 3px;	
	border: solid 1px #ccc;
margin-bottom: 4px; 
padding-left: 10px;
padding-right: 10px;
-webkit-border-left-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
position: relative;
overflow: hidden;

}

.serviceBox:hover{
	background: #fae4b8;
	
	
}
.servicestatus{
	position: absolute;
	padding:5px;
	bottom: 0px; 
	left: 0px;
	width: 100%;
	text-align: center;
	
}

.serviceBox .serviceTitle{
	
	color: #2285af;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	
}

.newserviceBox .serviceTitle{
	
	color: #fefefe;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	
}
.newserviceBox{
background: #72b0d4;	
float:left;
padding:10px;
margin-top: 3px;
	vertical-align: middle;	
cursor: pointer;
margin-right: 3px;	
border: solid 1px #5d9ec3;
vertical-align: bottom;
opacity: 1;
-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
	
}
.newserviceBox:hover{
background: #397699;	
box-shadow: 0px 0px 3px rgba(109,175,185,1);
}
.sectorBox{

background-image: url(images/icons/aircraft_NOMVT.png);	
background-position: left center;
background-repeat: no-repeat;	

padding: 5px;

cursor: pointer;
padding-left:30px;
padding-right:0px;


}

.sectorDBox{


padding: 5px;
cursor: pointer;

}

.sectorBox_ED{

background-image: url(images/icons/aircraft_ED.png);	
background-position: left center;
background-repeat: no-repeat;	

padding: 5px;

cursor: pointer;
padding-left:30px;
padding-right:0px;


}


.sectorBox_EA{

background-image: url(images/icons/aircraft_EA.png);		
background-position: left center;
background-repeat: no-repeat;	

padding: 5px;

cursor: pointer;
padding-left:30px;
padding-right:0px;


}

.sectorBox_AA{

background-image: url(images/icons/aircraft_AA.png);		
background-position: left center;
background-repeat: no-repeat;	

padding: 5px;

cursor: pointer;
padding-left:30px;
padding-right:0px;


}

.sectorBox_AD{

background-image: url(images/icons/aircraft_AD.png);		
background-position: left center;
background-repeat: no-repeat;	

padding: 5px;

cursor: pointer;
padding-left:30px;
padding-right:0px;


}


.sectorBox_ED:hover,.sectorBox_AD:hover, .sectorBox_AA:hover, .sectorBox_EA:hover{
	opacity:0.5;
	
}

.locationName{
	color: #000088;
font-style: italic;
font-weight:bold;
	
	
}
.locationDate{
	color: #880000;
font-style: italic;	
font-weight:bold;
	
	
}
.locationCallSign{
	color: #222;
font-style: italic;	
font-weight:bold;
	
	
}

.pageDisplay{
width:1000px;
margin-left:auto;
margin-right:auto;
	
	
}
.editContent{

background-image: url(images/icons/edit-icon.png);	
background-position: center center;
background-repeat: no-repeat;		
width: 40px;
height: 40px;
cursor: pointer;
opacity: 0.5;
	
	
}


.editContent:hover{
opacity:1;

}



.ServiceEmailBox{
	
	font-family: Courier New;
	font-size: 13px;
	font-weight: normal;	
	
}

.sidetabHeader{
    margin-top:5px;
}
.sidetabHeader th{
    
    color:#aaa;

	border: 1px solid #5e6062;	
	padding: 10px;
	cursor: pointer;
	font-weight: normal;

	-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
    
    
}

.sidetabHeader th:hover{
	color:#aaa;
	background: #fff;
	
}


.sidetabHeader .selectedHeader{
	color: #fff;
	background: #53617e;
	font-weight: bold;
}



.sidetabHeadertabBody{
    padding:2px;
	border-top: solid 1px #5e6062;	
	border-left:none;
}

.tabHeader{
	margin-top:10px;
	
}
.tabHeader th{
	color:#aaa;
	background: #ff9800;
	border: solid 1px #aaa;	
	padding: 10px;
	cursor: pointer;
	font-weight: normal;
		border-bottom:none;	
	-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;

}

.tabHeader th:hover{
	color:#aaa;
	background: #fff;
	
}

.tabHeader .selectedth{
	color: #126290;
	background: #fff;
	border-bottom:none;
	font-weight: bold;
}




.tabHeader td{

	border-bottom: solid 1px #aaa;	
	
	
}


.tabBody{
	
	padding: 10px;
	border: solid 1px #aaa;	
	border-top:none;
	background: #fff;
}



.tabField:hover{
	background: #efefef;
	
	
	
	
}
.ToDo{
color:#008800; 
}
.Task{
color:#000088; 
}
.a_action{
color:#000099;
font-weight:bold;
cursor:pointer;
text-decoration:none;
}

.a_action:hover{

cursor:pointer;
text-decoration:underline
}
#mailBoxlistBody a{
color:#222;
text-decoration:none;
}
#mailBoxlistBody a:hover{
color:#000;

}

.NewMailDiv{
background:#00bb99;
color:#fff;
width:30px;
margin-left:3px;
font-size:11px;
font-weight:normal;
padding:2px;
}
.Mailattached_10{
background-image: url(images/icons/IconAttachment.gif);
background-repeat: no-repeat;
background-position: center center;
width:10px;
margin-top:1px;
height:16px;
}

.mail_RLT{
background:#ffc300;


color:#000;
padding:2px 2px 2px 2px;

-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;	
font-size:9px;

}

.mail_CC{
background:#2F8190;
color:#fff;
padding:2px 2px 2px 2px;

-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;	
font-size:8px;

}

.mail_SNT{
background:#2F8190;
color:#fff;
padding:2px 2px 2px 2px;

-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;	
font-size:8px;

}

.mail_BCC{
background:#666;
padding:2px 2px 2px 2px;

color:#fff;
	-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;	


font-size:8px;
}


.mail_LINK{
margin-left:2px;
padding:2px 5px 2px 5px;
float:left;
-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;	
font-size:12px;
cursor:pointer;
}

#searchMailInput{
	
-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;		
}

/*Status Css*/

.NuNimageBackground{
background:#d4d4d4;

background-image: url(images/imageBG.jpg);
background-repeat: no-repeat;
background-position: center center;

}

.Phone{
padding-left:30px;
background-image: url(images/icons/Phone.png);
background-repeat: no-repeat;
background-position: left center;

}
.Email{
padding:5px;
padding-left:30px;
background-image: url(images/icons/Email.png);
background-repeat: no-repeat;
background-position: left center;

}
.Fax{
padding:5px;
padding-left:30px;
background-image: url(images/icons/Fax.png);
background-repeat: no-repeat;
background-position: left center;

}

.website{
padding:5px;

padding-left:30px;
background-image: url(images/icons/web.png);
background-repeat: no-repeat;
background-position: left center;

}
.Address{
padding:5px;

padding-left:30px;
background-image: url(images/icons/location.png);
background-repeat: no-repeat;
background-position: left center;

}
.Mobile{
padding:5px;

padding-left:30px;
background-image: url(images/icons/mobile.png);
background-repeat: no-repeat;
background-position: left center;

}
.poBox{
padding:5px;

padding-left:30px;
background-image: url(images/icons/pobox.png);
background-repeat: no-repeat;
background-position: left center;

}

.freq{
padding:5px;

padding-left:30px;
background-image: url(images/icons/freq.png);
background-repeat: no-repeat;
background-position: left center;

}
.contact{
padding:5px;

padding-left:30px;
background-image: url(images/icons/location.png);
background-repeat: no-repeat;
background-position: left center;

}


/*Auto Complete*/
.autocomplete-suggestions {z-index:99999999; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }


.dropzone,
.dropzone *,
.dropzone-previews,
.dropzone-previews * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dropzone {
  position: relative;
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(0,0,0,0.02);
  padding: 1em;
  background:#eeeeee;
}
.dropzone.dz-clickable {
  cursor: pointer;
   background:#eeeeee;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message span {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
}
.dropzone .dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone.dz-drag-hover {
  border-color: rgba(0,0,0,0.15);
  background: rgba(0,0,0,0.04);
}
.dropzone.dz-started .dz-message {
  display: none;
}
.dropzone .dz-preview,
.dropzone-previews .dz-preview {
  background: rgba(255,255,255,0.8);
  position: relative;
  display: inline-block;
  margin: 17px;
  vertical-align: top;
  border: 1px solid #acacac;
  padding: 6px 6px 6px 6px;
}
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
  display: none;
}
.dropzone .dz-preview .dz-details,
.dropzone-previews .dz-preview .dz-details {
  width: 100px;
  height: 80px;
  position: relative;
  background: #ebebeb;
  padding: 5px;
  margin-bottom: 22px;
}
.dropzone .dz-preview .dz-details .dz-filename,
.dropzone-previews .dz-preview .dz-details .dz-filename {
  overflow: hidden;
  height: 100%;
}
.dropzone .dz-preview .dz-details img,
.dropzone-previews .dz-preview .dz-details img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}
.dropzone .dz-preview .dz-details .dz-size,
.dropzone-previews .dz-preview .dz-details .dz-size {
  position: absolute;
  bottom: -28px;
  left: 3px;
  height: 28px;
  line-height: 28px;
}
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  display: block;
}
.dropzone .dz-preview:hover .dz-details img,
.dropzone-previews .dz-preview:hover .dz-details img {
  display: none;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  color: #8cc657;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  color: #ee162d;
}
.dropzone .dz-preview .dz-progress,
.dropzone-previews .dz-preview .dz-progress {
  position: absolute;
  top: 100px;
  left: 6px;
  right: 6px;
  height: 6px;
  background: #d7d7d7;
  display: none;
}
.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  background-color: #8cc657;
}
.dropzone .dz-preview.dz-processing .dz-progress,
.dropzone-previews .dz-preview.dz-processing .dz-progress {
  display: block;
}
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
  display: none;
  position: absolute;
  top: -5px;
  left: -20px;
  background: rgba(245,245,245,0.8);
  padding: 8px 10px;
  color: #800;
  min-width: 140px;
  max-width: 500px;
  z-index: 500;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  display: block;
}
.dropzone {
  border: 1px solid rgba(0,0,0,0.03);
  min-height:200px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: rgba(0,0,0,0.03);
  padding: 23px;
}
.dropzone .dz-default.dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  background-image: url("images/spritemap.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  width: 428px;
  height: 60px;
  margin-left: -214px;
  margin-top: -61.5px;
  top: 50%;
  left: 50%;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .dropzone .dz-default.dz-message {
    background-image: url("../images/spritemap@2x.png");
    -webkit-background-size: 428px 406px;
    -moz-background-size: 428px 406px;
    background-size: 428px 406px;
  }
}
.dropzone .dz-default.dz-message span {
  display: none;
}
.dropzone.dz-square .dz-default.dz-message {
  background-position: 0 -123px;
  width: 268px;
  margin-left: -134px;
  height: 174px;
  margin-top: -87px;
}
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.15;
  filter: alpha(opacity=15);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
}
.dropzone.dz-started .dz-message {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.dropzone .dz-preview,
.dropzone-previews .dz-preview {
  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
  box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
  font-size: 14px;
}
.dropzone .dz-preview.dz-image-preview:hover .dz-details img,
.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
  display: block;
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone .dz-preview.dz-error .dz-progress .dz-upload,
.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
  background: #ee1e2d;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  background-image: url("images/spritemap.png");
  background-repeat: no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .dropzone .dz-preview .dz-error-mark,
  .dropzone-previews .dz-preview .dz-error-mark,
  .dropzone .dz-preview .dz-success-mark,
  .dropzone-previews .dz-preview .dz-success-mark {
    background-image: url("images/spritemap@2x.png");
    -webkit-background-size: 428px 406px;
    -moz-background-size: 428px 406px;
    background-size: 428px 406px;
  }
}
.dropzone .dz-preview .dz-error-mark span,
.dropzone-previews .dz-preview .dz-error-mark span,
.dropzone .dz-preview .dz-success-mark span,
.dropzone-previews .dz-preview .dz-success-mark span {
  display: none;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  background-position: -268px -123px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  background-position: -268px -163px;
}
.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
  -webkit-animation: loading 0.4s linear infinite;
  -moz-animation: loading 0.4s linear infinite;
  -o-animation: loading 0.4s linear infinite;
  -ms-animation: loading 0.4s linear infinite;
  animation: loading 0.4s linear infinite;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-image: url("../images/spritemap.png");
  background-repeat: repeat-x;
  background-position: 0px -400px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .dropzone .dz-preview .dz-progress .dz-upload,
  .dropzone-previews .dz-preview .dz-progress .dz-upload {
    background-image: url("images/spritemap@2x.png");
    -webkit-background-size: 428px 406px;
    -moz-background-size: 428px 406px;
    background-size: 428px 406px;
  }
}
.dropzone .dz-preview.dz-success .dz-progress,
.dropzone-previews .dz-preview.dz-success .dz-progress {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone a.dz-remove,
.dropzone-previews a.dz-remove {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eee));
  background-image: linear-gradient(top, #fafafa 0%, #eee 100%);
  background-image: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
  background-image: -o-linear-gradient(top, #fafafa 0%, #eee 100%);
  background-image: -ms-linear-gradient(top, #fafafa 0%, #eee 100%);
  background-image: linear-gradient(top, #fafafa 0%, #eee 100%);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #eee;
  text-decoration: none;
  display: block;
  padding: 4px 5px;
  text-align: center;
  color: #aaa;
  margin-top: 26px;
}
.dropzone a.dz-remove:hover,
.dropzone-previews a.dz-remove:hover {
  color: #666;
}
@-moz-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}
@-webkit-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}
@-o-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}
@-ms-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}
@keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}



.PDF_TripNumber{
font-size:20px;
font-weight:bold;
color:#666;
border-bottom:solid #ccc 1px;
text-align:left;

}

.PDF_headerTitle{
font-family:Arial;
font-size:100px;

color:#67aace;
}
.PDF_PageTitle{
font-size:30px;
font-weight:bold;
color:#666;

}
.PDF_P{
font-size:12px;
color:#111;
}

.PDF_Title{
padding:5px;
margin-top:10px;

font-size:20px;
font-weight:bold;
color:#666;
border-bottom:solid #ccc 1px;
text-align:left;

}

.PDF_InfoBoxTitle{
padding:5px;
margin-top:10px;

font-size:20px;
font-weight:bold;
color:#666;
text-align:left;

}
.PDF_NoteBox{
padding:10px;
margin-top:2px;
font-weight:normal;
font-size:11px;
color:#999;
border:dotted #ccc 1px;
}

.PDF_InfoBox{
padding:10px;
margin-top:2px;
font-weight:normal;
font-size:11px;
color:#444;
border:dotted #ccc 1px;
}

.dropItHere{
z-index:999999;
text-align:center;
padding-top:200px;
padding-bottom:200px;
font-size:50px;
color:#cc9111;
opacity:0.5;
background:#ffc300;
border-bottom:solid 1px #222;
position:absolute;
width:100%;


}


.basicLinkIcon{
width:16px;
height:16px;
background-image:url(images/icons/basiclink.png);
background-repeat:no-repeat;
position:center-left;



}
.MailisRelatedIcon{
position:absolute;
bottom:0px;
left:0px;
height:100%;
background:#ffa200;
width:4px;
z-index:100;
}


.MainMailDisplayTD{
	
	
}

.MailHeaderListDiv{
background:#fff;
border-bottom:solid 1px #aaa;
padding-bottom:3px;
padding-top:3px;

overflow:hidden;
cursor:pointer;
font-size:11px;
/*min-height:40px;*/
position:relative;


}


.MailHeaderListDiv_table{
display:table;
width:100%;	
	
}

.MialattachmentList{
padding:5px 5px 5px 18px;
text-decoration:none;
color:#222px;

}
.MialattachmentList:hover{
text-decoration:underline;

}

.pdfIcon{
background-image: url(images/icons/pdf.png);
background-repeat: no-repeat;
background-position: left center;
}


.imageIcon{
background-image: url(images/icons/image.png);
background-repeat: no-repeat;
background-position: left center;
}

.MailHeaderListDivSelected{
background-color:#f1b00b !important;
}
.MailHeaderListDivHovered{
background-color:#d4f2fc !important;
}


.MailHeaderListDiv_REL{
background:#FDD7E4;

}

.MailHeaderListDiv_TREL{
background:#ccff00;

}

.MailHeaderListDiv_REED{
background:#efefef;

}
.MailHeaderListDiv .mailtitle{
color:#222;

font-size:12px;
margin-top:1px;

}
.mailtitle2{
max-width:380px;
white-space: nowrap;
  overflow:hidden !important;
    text-overflow: ellipsis;
}


.listEmail_A{
	text-decoration:none;
	color:#000;
	
}

.listEmail:focus{
	box-shadow: 0px 0px 1px rgba(0,0,0,0.14);
	
}

.MailHeaderStatusDiv{
	
top:0px;
left:0px;
width:10px;
padding:3px;
padding-top:0px;
display:table-cell;

}

.MailHeaderMainCOntentDiv{
display:table-cell;

}
.MailHeaderStatusDiv_right{
display:table-cell;
top:0px;
right:0px;
width:30px;
padding-right:3px;
text-align:right;
}

.starDiv{
width:16px;
height:16px;
margin-right:2px;
background-image:url(images/icons/H-star.png);
background-repeat:no-repeat;
background-position:center center;

}
.starDiv24{
width:24px;
height:24px;
margin-right:2px;
background-image:url(images/icons/H-star24.png);
background-repeat:no-repeat;
background-position:center center;

}
/*
.invoice_In_Icon{
width:24px;
height:24px;
margin-right:2px;
background-image:url(images/icons/invoice_in.png);
background-repeat:no-repeat;
background-position:center center;
cursor:pointer;
}

.invoice_In_IconNotACTIVE{
width:24px;
height:24px;
margin-right:2px;
background-image:url(images/icons/invoice_in.png);
background-repeat:no-repeat;
background-position:center center;
cursor:pointer;
}

.invoice_In_Icon:hover{
opacity:0.5;
}
*/

.chatBubbleIcon{
background-image:url(images/icons/chat-bubble.png);	
background-repeat:no-repeat;
background-position:center center;
padding:10px;  
}
.chatSquareIcon{
background-image:url(images/icons/chat-square.png);	
background-repeat:no-repeat;
background-position:center center;
-webkit-transform:scaleX(-1);
transform:scaleX(-1);   
padding:10px;   
}

.chatSquareIconInv{ 
background-image:url(images/icons/chat-square.png);	
background-repeat:no-repeat;
background-position:center center;

padding:10px;   
}
.chatSquareSolidIcon{
background-image:url(images/icons/chat-sq-solid.png);	
background-repeat:no-repeat;
background-position:center center;
padding:10px;   
}

.chatSquareSolidIconInv{ 
background-image:url(images/icons/chat-sq-solid.png);	
background-repeat:no-repeat;
background-position:center center; 
-webkit-transform:scaleX(-1);
transform:scaleX(-1); 
padding:10px;   
} 
  
.updatedcheckIcon{
background-image:url(images/alert-icon_3.png);	
background-repeat:no-repeat;
background-position:center center;
padding:10px;
}
.nocheckIcon{
background-image:url(images/alert-icon_gray.png);	
background-repeat:no-repeat;
background-position:center center;
padding:10px;
}
.checkIcon{
background-image:url(images/alert-icon_1.png);	
background-repeat:no-repeat;
background-position:center center;
padding:10px;

}


.yescheckIcon{
padding-left:24px;

height:24px;
margin-right:2px;
background-image:url(images/icons/AcceptIcon.png);
background-repeat:no-repeat;
background-position:left center;
cursor:pointer;
vertical-align:center;
}

.unknowcheckIcon{
padding-left:24px;

height:24px;
margin-right:2px;
background-image:url(images/icons/unknown.png);
background-repeat:no-repeat;
background-position:left center;
cursor:pointer;
vertical-align:center;
}


.notequalcheckIcon{
padding-left:24px;

height:24px;
margin-right:2px;
background-image:url(images/icons/notequal.png);
background-repeat:no-repeat;
background-position:left center;
cursor:pointer;
vertical-align:center;
}


.checklistIcon{
width:24px;
height:24px;
margin-right:2px;
background-image:url(images/icons/AcceptIcon.png);
background-repeat:no-repeat;
background-position:center center;
cursor:pointer;

}

.checklistNotActiveIcon{
width:24px;
height:24px;
margin-right:2px;
background-image:url(images/icons/AcceptIcon_notactive.png);
background-repeat:no-repeat;
background-position:center center;
cursor:pointer;
}

.checklistIcon:hover{
opacity:0.5;
}




.QuotetableView{
	width: 100%;
	border-collapse: collapse;

}

.QuotetableView th{
padding: 1px;
text-align: left;
font-size:11px;
color: #222;
border-bottom: dotted 1px #999;

}

.QuotetableView tbody tr{
	
	

}

.QuotetableView tbody tr:hover{
	
	background: #fff2e0;	

}


.QuotetableView tbody td{
	
font-size:11px;
padding: 2px 2px 2px 10px;

border-bottom: dotted 1px #999;
color: #333;
}


.Quote_NAME{
font-size:30px;
font-family:Georgia, serif;
font-weight:normal;
color:#666;
padding-bottom:10px;
}

.HOTEL_NAME{
font-size:30px;
font-family:Georgia, serif;
font-weight:normal;
color:#666;
}
.ROOM_NAME{
font-size:25px;
color:#DAA520;
font-family:Georgia, serif;
font-weight:normal;
}

.QUOTE_NUMBER{
font-size:20px;
color:#666;
font-weight:normal;

border-bottom:solid 1px #ccc;
text-align:right
}

.ROOM_DetailsTitle{
font-size:25px;
font-family:Georgia, serif;
font-weight:normal;
color:#666;

}

.ROOM_DetailsBody{
font-size:13px;
font-weight:normal;
color:#666;
padding-bottom:10px;
}


.enqreplyTitle{
	
	border-bottom: dotted 1px #ccc;
	
}

.listingRadio{
 
}
.listingRadioDiv{
 
 width:5px;
 height:100%;
 position:absolute;
 left:0px;
 top:0px;
 overflow:hidden;
 
}
/*folmulaBuilder*/

.folmulaBuilder{
	background:#fff;
	min-height:600px;
	border:dotted 1px #222;
	padding:5px;
	
}

.formulaMenushow {
    z-index:1000;
    position: absolute;
    background-color:#DDD;
    border: 1px solid #CCC;
    padding: 2px;
    display: block;
    margin: 0;
    list-style-type: none;
    list-style: none;
}

.formulaMenuhide {
    display: none;
}

.formulaMenushow li{ list-style: none; padding:5px;border-bottom:solid 1px #CCC;cursor:pointer;padding-right:30px}
.formulaMenushow li:hover{background:#EEE}
.formulaMenushow ul{ list-style-type:none; margin:0px;padding-left:0px;}

.formulaMenushow a { border: 0 !important; text-decoration: none; }
.formulaMenushow a:hover { text-decoration: underline !important; }


.folmulaObject{
	cursor:pointer;
	padding:5px;
	text-align:center;
	max-width:120px;;
	-webkit-border-left-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color:#fff;
	background:#5fbf5f;
	font-weight:bold;
	
	
	
}

.folmulaInput{
	cursor:pointer;
	padding:5px;
	text-align:center;
	max-width:120px;;
	-webkit-border-left-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color:#fff;
	background:#5f5fbf;
	font-weight:bold;
	
	
	
}
.FLOWINPUT2{
	padding:5px;
	
	text-align:center;
	-webkit-border-left-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color:#fff;
	background:#5f5fbf;
	font-weight:bold;
	border:dotted 1px #000;
	
}
.FLOWINPUTDONE{
	text-align:left;
	padding-bottom:1px;
	background:#fff;
	color:#000;
	
	
	
}

.FLOWINPUTDONE2{
	text-align:left;
	padding-bottom:1px;
	background:#fff;
	color:#000;
	
	
}

.CASETITLE{
	text-align:center;
	padding-bottom:1px;
	background:#fff;
	font-weight:bold;
	color:#000;
	padding:10px;
	
	border-bottom:solid 1px #000;
	
}

.FLOWTABLEDIV{
	/*display:table;*/
	 width:100%;
}

.FLOWTABLEROWDIV{
	/*display:table-row;*/
	
}
.FLOWCLASSWALL{
	border-left:solid 1px #222 !important;
	border-collapse: collapse  !important;
	
}
.FLOWCLASSWALL td{
	padding-bottom:10px;
	
}

.FLOWTABLECELL{
	text-align:center;
	/*display:table-cell;*/
	padding-bottom:1px;
	background:#fff;
	color:#000;
	padding:10px;
	/*border:dotted 1px #000;*/

	
}

.FLOWTABLECELL:hover{
	background:#F7CE75;
	

	
}

/*FLOW*/


/*COMMENTS*/
.COMMENTSTABLE{
	display:table;
	width:100%;
}

.COMMENTSROW:nth-child(odd){
	display:table-row;
	background:#eee;
	background-image: -webkit-gradient(linear, 0 0, 0 35%, from(#cecdd2), to(transparent));
	
	
}
.COMMENTSROW:nth-child(even){
	display:table-row;
	padding-bottom:1px;
	background:#fff;
	background-image: -webkit-gradient(linear, 0 0, 0 35%, from(#eee), to(transparent));
	
}

.COMMENTSROW div{
	display:table-cell;
	padding:5px;
	
	border:solid 1px #ccc;
	
	-webkit-border-left-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}


/*COMMENTS*/


/*MVT*/

.MVTcalendarRecord{
	display:table;
	width:100%;
margin-bottom:5px;
cursor:pointer;
box-shadow: 0px 0px 3px rgba(50,50,50,1);
}

.MVTcalendarRecord span{
color:#880000;
}

.MVTcalendarRecord_cell{
	display:table-cell;
	width:50%;
	border:dotted 1px #ccc;
	padding:2px;
	padding-bottom:1px;
	

}
.MVTcalendarRecord_row{
	display:table-row;
	
	border:dotted 1px #ccc;
	padding:3px;
	padding-bottom:1px;
	

}
.MVTcalendarRecord_row div{
	display:table-cell;
	
	border:dotted 1px #ccc;
	padding:5px;
	padding-bottom:1px;
	

}



.MVTcalendarRecord_caption{
	display:table-caption;
	padding:5px;
	box-shadow: 0px 0px 3px rgba(50,50,50,1);
	

}


.MVT_location{
	color:#666;	
	padding:3px;
	font-weight:bold;
	float:left;
}

.MVT_Time{
	color:#111;	
	font-weight:bold;
	padding:3px;
	padding-bottom:0px;
}

.MVT_Date{
	color:#880000;	
	font-weight:bold;
	padding:3px;
	font-size:10px;
	padding-bottom:0px;
}
/*MVT*/


/*Dashboard*/
.dashboard{
	padding:20px;
	position:relative;

}
.dashboardItem{

}
.dashboardItem_title{
}

.dashboardItem_Body{
height:100%;

}


.tableDiv{
display:table;
width:100%;
}

.tableHeaderCellDiv{
display:table-cell;
padding:3px;
background:#F6E3CE;

padding-right:10px;

}
.tableAutoRowDiv{
display:table-row;

}

.tableAutoRowDiv:nth-child(odd){
background:#ddeeff;
}

.tableAutoRowDiv:nth-child(even){
background:#fff;
}
.tableRowDiv{
display:table-row;

}




.tableCellDiv{
display:table-cell;
text-align:left;
}

.tableAutoCellDiv{
display:table-cell;
text-align:left;
}



.NOTAMS{


}

.NOTAMS:hover{

text-decoration:underline;
}

.Active-Notams{
background-image:url(images/noteorg.png);
padding-right:14px;
background-repeat:no-repeat;
background-position:right center;

}


.NotamBox{

-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background: #efefef;	
border: solid 1px #aaa;
box-shadow: 1px 1px 2px #aaa;
margin:2px;	
padding:5px;	
}

.NotamBoxActive{

background:#F5ECCE;
	
}

.NotamBoxNotActive{

background:#eee;
display:none;	
}

.DEP{

background-image:url(images/departuregray.png);
padding-left:40px;
background-repeat:no-repeat;
background-position:left center;
}
.ARV{

background-image:url(images/landinggray.png);
padding-left:40px;
background-repeat:no-repeat;
background-position:left center;
}


#HELP_DIV{
position:absolute;
top:20px;
z-index:999999999;
right:10px;
width:400px;

}

.pageBreak{

padding:5px;
background:#ddd;
border-bottom:solid 1px #aaa;
border-top:solid 1px #aaa;

border-left:solid 1px #eee;
border-right:solid 1px #eee;
}
.pageBreak:hover{
background:#DB937B;
}

.H_pageBreak{

padding:5px;
background:#fff;
border:none;
border-bottom:dotted 1px #ccc;
}

.H_pageBreak:hover{
background:#F2D1C5;
}


.stepsDiv{
font-size:20px;
font-weight:normal;
border-left:solid 1px #fff;
padding:20px;

}
.stepsDiv:last{

border:none;
}

.ActivestepsDiv{
background:linear-gradient(#2E9AFE 0%, #0174DF 100%);
color:#fff;
}
.DectivestepsDiv{
background:#999;
color:#fff;
}

#mainPage_rightSide{
border-left:solid 1px #666;
background: #1b1f27;
}


#mainPage_Widget_note{
	height:auto;
	width:300px;
	background: #000;
	
}

#mainPage_rightSideDiv{
overflow-y:scroll;

height:99%;
border:none;

background: #000;

font-size:12px;
color:#fff;
}

#mainPage_rightSideDiv a{
color:#00ccff

}
.FormBoxTitle{

color: #008888;
	font-size: 13px;
	font-weight: normal;
	border-bottom: dotted 1px #ccc;
	
}

.ShowDisplay{
background-image:url(images/addIcon16.png);
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
cursor:pointer;
}.ShowDisplay:hover{
background-image:url(images/addIcon16_hover.png);

}

.hideDisplay{
background-image:url(images/hideIcon16.png);
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
cursor:pointer;
}
.FormBoxBody{
padding-top:5px;

}

.FormBoxDisplay{
margin-bottom:10px;
}


.EditableArea{
background:#D3FBFA;

}

.deletablePart:hover{
cursor:crosshair;
background:#F5C9BA;

}


.widgetBar{
height:25px;
background:linear-gradient(#444 0%, #222 100%);

width:100%;
display:inline-block
}

.widgetBarItem{
	float:left;
padding:6px;
color:#999;
border-left:solid 1px #666;
cursor:pointer;

}

.widgetBarItem2{
	float:right;
padding:6px;
color:#999;
border-left:solid 1px #666;
cursor:pointer;

}
.widgetBarItem2:hover{
	
	color:#fff;
	
}
.widgetBarItem2:first-child{

border:none;
}

.widgetBarTitle{
	float:left;
padding:6px;
color:#EFEFEF;
font-weight:bold;
}
.widgetBarItem:first-child{

border:none;
}
.widgetBarItem:hover{
	color:#fff;
	
}

.NotificationBox{

font-size:11px;
margin:2px;
margin-bottom:4px;
padding-top:2px;
padding-bottom:5px;
color:#efefef;
border-bottom:solid 1px #fffs;
background:linear-gradient(#0f8e8e  0%, #222 100%);
-webkit-border-radius: 2px; 
    border-radius: 2px;
	position:relative;
}

.NotificationBox:hover{
	background:linear-gradient(#3c986a  0%, #222 100%);
	
}

.NotificationBoxTool{
	/*background:#000;*/
	position:absolute;
	right:0px;
	z-index:2;
	top:1px;
	bottom:2px;
	height:100%;
	display:none;
	cursor:pointer;
}

.NotificationBoxTool_cell{
	height:50%;
	text-align:center;
	vertical-align:middle;
	opacity:0.8;
	padding-left:5px;
	padding-right:5px;
	
}

.NotificationBoxTool_cell:hover{
	opacity:1;
}

.remindMeNotifire{
	
	font-size:10px;
	font-style:italic;
	font-weight:bold;
	cursor:pointer;
}

.remindMeNotifire:hover{

}

.COMMENTNotifier{
	color:#000;
	background:#ffccaa;
}

.DefaultNote{
	color:#fff;
	background:#000;
}

.NoteRevoke{
	color:#000;
	background:#ffcccc;
}


.NoteInvoiced{
	color:#fff;
background: #000088;

}
.NoteCOMPLETED{
	color:#000;
	background: #aaffaa;
}


.NotificationBoxNew{
margin:0px;margin-left:0px;border-bottom:dotted 1px #666;padding:3px;padding-left:6px;
/*background:linear-gradient(#F5ECCE 0%, #F5D0A9 100%);*/
/*background:#F5ECCE;

color:#000;*/

}
.NotificationTitle{

	font-size:12px;
	font-weight:bold;

}

.NotificationType{
	background:#111;
	font-size: 14px;
	color:#31ff8a;
	font-weight: normal;
	border-top:solid 1px #316b8a;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	cursor:pointer;


}


.selectedServicetr{
	border:solid 2px #000088;
}


.TopMainNotifier{
	padding:2px;
	margin:5px;
	
	background-color:#fff;
	font-size:12px;
	
	
	
}


/*SKD*/



.AS{
font-size:12px;
font-weight:bold;
color:#222222;
text-align:center;
padding:2px;
background:#00aa00; 

}

.OFF{font-size:12px;
font-weight:bold;
text-align:center;
padding:2px;
background:#666666;
color:#fff;
}




.AS{font-size:12px;
font-weight:bold;
color:#000099;
text-align:center;
padding:2px;
background:#93aedc;

}

.OFF{font-size:12px;
font-weight:bold;
text-align:center;
padding:2px;
background:#666666;
color:#fff;
}


.PL{
font-weight:bold;
font-size:12px;
color:#ffffff;
text-align:center;
background:#25383C;
padding:2px;
}

.ML{
font-weight:bold;
font-size:12px;
color:#fff;
text-align:center;
background:#616D7E;
padding:2px;
}
.CL{
font-weight:bold;
font-size:12px;
color:#fff;
text-align:center;
background:#728C00;
padding:2px;
}
.UEL{
font-weight:bold;
font-size:12px;
color:#222;
text-align:center;
background:#FFF8C6;
padding:2px;
}




.AL{
font-weight:bold;
font-size:12px;
color:#222222;
text-align:center;
background:#32aaf0;
padding:2px;
}

.OFF2{
font-weight:bold;
font-size:12px;
color:#efefef;
text-align:center;
padding:2px;

background:#888;
}

.RD{
font-weight:bold;
font-size:12px;
color:#fff;
text-align:center;
padding:2px;

background:#880000;
}
 
.MS{
font-weight:bold;
font-size:12px;
color:#efefef;
text-align:center;
padding:2px;
background:#0a2847;

}

.MS1{
	font-weight:bold;
	font-size:12px;
	color:#efefef;
	text-align:center;
	padding:2px;
	background:#0a4147;

}

.NA{
	font-weight:bold;
	font-size:12px;
	color:black;
	text-align:center;
	padding:2px;
	background-color:#eaa18a !important; 
}

.MD{
font-weight:bold;
font-size:12px;
color:#222222;
text-align:center;
padding:2px;
background:#ffae00;
}

.NS{
font-weight:bold;
font-size:12px;
color:#efefef;
text-align:center;
padding:2px;
background:#436296;
}

.NS1{
font-weight:bold;
font-size:12px;
color:#efefef;
text-align:center;
padding:2px;
background:#0b468c;
}	

.DS{
font-weight:bold;
font-size:12px;
color:#ff3232;
text-align:center;
padding:2px;
background:#ffff00;
}


.M12{
font-weight:bold;
font-size:12px;
color:#222;
text-align:center;
padding:2px;
background:#b7fc34;
}

.D12{
font-weight:bold;
font-size:12px;
color:#222;
text-align:center;
padding:2px;
background:#E8B9F5;
}

.N12{
font-weight:bold;
font-size:12px;
color:#fff;
text-align:center;
padding:2px;
background:#5e34fc;
}

.VN{
font-weight:bold;
font-size:12px;
color:#aaaaaa;
text-align:center;
padding:2px;
background:#cdcdcd;
}
.NL{
font-weight:bold;
font-size:12px;
color:#222;
text-align:center;
padding:2px;
background:#efefef;
}

.LV{
font-weight:bold;
font-size:12px;
color:#222222;
text-align:center;
background:#32aaf0;
padding:2px;
}
.PH{
font-weight:bold;
font-size:12px;
color:#fff;
text-align:center;
background:#993300;
padding:2px;
}
.PSL{
font-size:12px;
color:#222;
text-align:center;
background:#a0d21e;
padding:2px;
}
.P,.PSA{
	font-size:12px;
color:#fff;
text-align:center;
background:#88d2f9;
padding:2px;
	
}
.ERR,.ERRSA{
	font-size:12px;
color:#fff;
text-align:center;
background:red; 
padding:2px;
	
}


.LT,.LTSA{
	font-size:12px;
color:#fff;
text-align:center;
background:#66b0d5;
padding:2px;
	
}




.A{
	font-size:12px;
color:#fff;
text-align:center;
background:#880000;
padding:2px;
	
}

.XPH{
font-size:12px;
color:#fff;
text-align:center;
background:#805b1f;
padding:2px;
}
.UAL{
color:#efefef;
text-align:center;
background:#dc1e3c;
padding:2px;
}
.UPSL{
font-size:12px;
color:#222;
text-align:center;
background:#cdcdcd;
padding:2px;
}
.XOFF{
font-size:12px;
color:#efefef;
text-align:center;
background:#222;
padding:2px;
}
.BT{
font-size:12px;
color:#222;
text-align:center;
background:#fae628;
padding:2px;
}
.HDL{
font-size:12px;
color:#222;
text-align:center;
background:#CC9933;
padding:2px;
}
.HL{
font-size:12px;
color:#222;
text-align:center;
background:#e0d26e;
padding:2px;
}

.CS{
	font-weight:bold;
font-size:12px;
color:#222222;
text-align:center;
background:green;
padding:2px;  
}

.E{
	font-weight:bold;
	font-size:12px;
	color:#222222;
	text-align:center;
	background:#FFC107;
	padding:2px;
}

.EE{
	font-weight:bold;
	font-size:12px;
	color:#222222;
	text-align:center;
	background:#FF7043;
	padding:2px;
}

.D{
	font-weight:bold;
	font-size:12px;
	color:#222222;
	text-align:center;
	background:#34FC6D;
	padding:2px;
}

.L{
	font-weight:bold;
	font-size:12px;
	color:#ffffff;
	text-align:center;
	background:#1565C0;
	padding:2px;
}

.LL{
	font-weight:bold;
	font-size:12px;
	color:#ffffff;
	text-align:center;
	background:#0D47A1;
	padding:2px;
}

/*SKD*/

	
	





.basictableView{
	width: 100%;
	border-collapse: collapse;
border: solid 1px #222;
}
.basictableView caption{
	background:#ccc;
	font-weight:bold;
	text-align:center;
	padding:3px;
	color:#000;
	border: solid 1px #222;
}

.basictableView th{
padding: 5px;
text-align: left;
color: #666;
background: #efefef;
border-bottom: dotted 1px #ccc;

}

.basictableView tbody tr{
	
	background: #fff;	

}

.basictableView tbody tr:hover{
	
	background: #fff2e0;	

}


.basictableView tbody td{
	

padding: 2px 2px 2px 10px;

border-bottom: dotted 1px #ccc;
color: #333;
}

.FORMULACLASSDISPLAY table{
	border-style:none !important;
	

}

.FORMULACLASSDISPLAY .FLOWCLASSWALL{
	border-left:solid 1px #222 !important;
	border-collapse: collapse  !important;
}
.FORMULACLASSDISPLAY td{
	background:#fff !important;
	border-style:none !important;

}
.GETLASTREQ{
	width:100%;
	font-family: Courier New;
	font-size:11px;

	background:#000;
	
	border-collapse: collapse;
}

.GETLASTREQ td{
	border-bottom:dotted 1px #212121;
	background:#000;
	font-weight:bold;
	
	
}
	
#features{
	position: fixed;
	bottom: 0px;
	right:120px;
	background-color: white;
	border: 1px solid;
	width:300px;
	box-shadow: 0px 0px 3px rgba(50,50,50,0.5);
}

#updates{
	width:290px;	
	height:350px;
	overflow:scroll;
	margin-top:10px;
	padding:5px;
}

#title_{
	
	font-size:12px;
	font-weight:bold;
	color:Green;
}

#date_{
	font-size:10px;
	font-style: italic;
	font-weight:bold;
}

.showUpdates{
	padding:5px;
	background-color:#1C5598;	
	font-weight:bold;
	color:white;
	}
.showUpdates a{
	color:white;
	text-decoration:none;
	}
.showUpdates a:hover{
	color:white;
	text-decoration:underline;
	}

#footerMenu a{font-family:arial;color:#aaa;cursor:pointer;font-size:11px;margin:5px;text-decoration:none;}
#footerMenu a:hover{color:#666;}
#footerMenu span{font-family:arial;color:#aaa;font-size:10px;margin:2px;}





/*3rdTemplete Style*/
.3rdTitle{
	font-family:verdana;
	font-size: 22px;
	text-align:center;
	padding-top:10px;
}
.3rdTitle2{
	font-family:verdana;
	font-size: 18px;
	
}
.3rd_HOTEL_NAME{
	font-family:verdana;
	font-size: 18px;
	
}
.3rd_HOTEL_STAR{
	font-family:verdana;
	font-size: 35px;
	color:#F9A11B;
	 
	
}

.3rdAC{
	font-family:verdana;
	font-size:80px;
	font-weight:bold;
	color:#F9A11B;
}
.3rdtableView th{
	font-family:verdana;
	padding: 2px;
padding-left: 2px;
text-align: left;
color: #0101011;
}
.3rdtableView td{
	font-family:verdana;
	padding: 2px;

text-align: left;
color: #0101011;
}

.3rdopentableView{
	
	


	
	width:100%;
	border-collapse: collapse;
	font-family:verdana;
}

.3rdopentableView th{
padding: 5px;

text-align: left;
color: #010101;
background: #FFF3E2;

border-bottom: dotted 1px #ddd;
}

.3rdopentableView tbody tr{
	
	background: #fff;	

}

.3rdopentableView tbody tr:hover{
	
	background: #fff2e0;	

}


.3rdopentableView tbody td{
	

padding: 2px 2px 2px 10px;
padding-left:5px;
border-bottom: dotted 1px #ddd;
color: #333;
}
.3rdopentableView caption{
	background:#F9A11B;
	font-weight:bold;
	text-align:center;
	padding:3px;
	color:#000;
	
	
}
/*added by shuhaib*/ 
.tree ul {
    margin-left: 10px;
}

.tree li {
    list-style-type: none;
    margin:10px;
    position: relative;
}

.tree li::before {
    content: "";
    position: absolute;
    top:-7px;
    left:-20px;
    border-left: 1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-radius:0 0 0 0px;
    width:20px;
    height:15px;
}

.tree li::after {
    position:absolute;
    content:"";
    top:8px;
    left:-20px;
    border-left: 1px solid #ccc;
    border-top:1px solid #ccc;
    border-radius:0px 0 0 0;
    width:20px;
    height:100%;
}

.tree li:last-child::after  {
    display:none;
}

.tree li:last-child:before{
    border-radius: 0 0 0 5px;
}

ul.tree>li:first-child::before {
    display:none;
}

ul.tree>li:first-child::after {
    border-radius:5px 0 0 0;
}
.tree li input { 
	margin:0;padding: 0;
}
.tree li a {
    border: 1px #ccc solid;
    border-radius: 5px;
    padding:2px 5px;
}

.tree li a:hover, .tree li a:hover+ul li a,
.tree li a:focus, .tree li a:focus+ul li a {
    background: #ccc; color: #000; border: 1px solid #000;
}

.tree li a:hover+ul li::after, .tree li a:focus+ul li::after,
.tree li a:hover+ul li::before, .tree li a:focus+ul li::before 
.tree li a:hover+ul::before, .tree li a:focus+ul::before 
.tree li a:hover+ul ul::before, .tree li a:focus+ul ul::before{
    border-color:  #000; /*connector color on hover*/ 
}

.skd-topbar{
	padding-top:8px;
	min-height:22px;
	vertical-align:center;
	text-align:right;
	margin-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	width:100%;
	display:inline-block;
		-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */

	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
	background-color:#efae4a;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888; 
}
.skd-table{
	 border-collapse:collapse;
}
.skd-table td,.skd-table th{
	padding-left:6px;
	width:40px !important; 
	height:22px !important;
	text-align:center; 
	border:1px solid white; 
	font-weight: 700;
}
.skd-table th{
height:27px !important;	  
}
.skd-days-odd{
	
	background: #0b468c;
	color:#efefef;
}

.skd-days-even{
	background: #0d71a7; 
	color:#efefef;	 
}
 
 
.skd-ON{
	background-color:#e1e8e4 !important;
}
.skd-off2{
	background-color:#b3b2b0 !important;
}
.skd-nl{
	background-color:#efae4a !important;
}
 
.skd-na{
	background-color:#eaa18a !important; 
}
.skd-enames{
	background-color:#09547b !important;
	color:white; 
}
.skd-table td:hover{
opacity:0.85;
cursor:pointer; 
} 
.skd-edit{
	/*height:35px !important;*/
	//border-top:2px solid #efae4a;
	//padding:5px;  
	
}
.attd-tbl td{
	padding-left:6px; 
	height:22px !important;
	text-align:center;  
	border:1px solid white; 
	font-weight: 700; 
} 
.attd-tbl th{
	padding-left:6px; 
	height:27px !important;
	text-align:center; 
	/*border:1px solid #828486;*/   
	font-weight: 700;
	    
} 
.attd-tbl th{   
	background-color: #2c3535;  
	color:white;
	background-image: -webkit-gradient(linear, 0 0, 0 35%, from(#798a98), to(transparent));
}
.attd-tbl{
	background-color: #efefef;
	border-collapse:collapse;
}
.rpt-attd-tbl td:hover{
opacity:0.85;
cursor:pointer;  
} 

.rpt-attd-tbl td{ 
	padding-left:6px; 
	height:23px !important;
	text-align:center;  
	border:1px solid white; 
	font-weight: 700; 
} 
.rpt-attd-tbl th{
	padding-left:6px; 
	height:25px !important;
	text-align:center; 
	border:1px solid white;  
	font-weight: 800;    
} 
.rpt-attd-tbl th{   
	background-color: #045fb4;  
	color:white;
}
.rpt-attd-tbl{
	background-color: #efefef;
	border-collapse:collapse;
}


.break-tbl td{
	padding-left:6px; 
	height:22px !important;
	text-align:center;  
	border:1px solid white;
	font-weight: 700; 
	color: #000;
} 
.break-tbl th{
	padding-left:6px; 
	height:25px !important;
	text-align:center; 
	border:1px solid white;
	font-weight: 700; 
} 
.break-tbl th{
	background-color: #045fb4;  
	color:white;
}
.break-tbl{
	background-color: #ddd;    
	border-collapse:collapse;
}

.skd-bt{
	width:40px !important;
	height:22px !important;
	float:left;
	background-color:#efae4a !important;
	color:black;
	padding: 5px;
    margin: 6px;
    text-align: center;
    padding-top: 10px;
}
.skd-bt:hover{
	width:40px !important;
	height:22px !important;
	
	background-color:#efae4a !important;
	color:black;
	padding: 5px;
    margin: 6px; 
    text-align: center;
    padding-top: 10px;
	opacity:0.85;
	cursor:pointer; 
	border:1px solid black;
}

.LOCKHOVER{ 
	background-image:url(images/lock-icon.png);
	background-repeat: no-repeat;
	background-size: 25px 25px; 
	background-position: -6px -6px;	  
	width: 25px;
	height: 25px;
}

.LOCKEDDAY{ 
	background-image:url(images/lock-icon.png);
	background-repeat: no-repeat;
	background-size: 27px 27px;   
	/*background-position: -6px -6px;	*/   
	width: 25px;
	height: 25px;
}

.symbol {
	font-size: 1.2em;
	font-family: Times New Roman;
	border-radius: 1.2em;
	padding: .1em .6em .1em .6em;
	font-weight: bolder;
	color: white;
	background-color: #4E5A56;
}

.symbol-sq { 
	font-size: 1.2em;
	font-family: Times New Roman;
	padding: .4em .4em .4em .4em;
	font-weight: bolder;
	color: white;
	background-color: #4E5A56;
}

.icon-info { background-color: rgb(53, 152, 236);padding: .14em .6em .14em .6em; }
.icon-error { background: #e64943; font-family: Consolas; padding: .1em .5em .2em .5em;font-size: 14px; }
.icon-tick { background: #13c823;font-size: 11px;padding: .4em .7em .4em .6em;}
.icon-excl { background: #ffd54b; color: black;padding: .14em .6em .14em .6em; }

.icon-info:before { content: 'i'; }
.icon-error:before { content: 'x'; }
.icon-tick:before { content: '\002713'; }
.icon-excl:before { content: '!'; }


.tdClass td{ 
	background:#ccc;
	height:22px;
	font-size:12px;
	padding-left: 6px;
	color:#000 !important;
	background-image:-webkit-gradient(linear, 0 0, 0 35%, from(#eee), to(transparent));
	font-weight: bold;
}
.tcClass th{
	background:#ccc;
	height:22px;
	font-size:12px;
	padding-left: 6px;
	color:#000 !important;
	background-image:-webkit-gradient(linear, 0 0, 0 35%, from(#eee), to(transparent));
	font-weight: bold;
}
.thClass td,.thClass th{
	font-size:12px;
	text-align:center; 
	background:#253758;
	color:#fff !important; 
	height:22px;  
	padding-left: 6px;
	background: linear-gradient(#37455E 0%, #222 100%);
    border: 1px solid #222;
	font-weight: bold; 
}

.thheadClass td{ 
	font-size:14px; 
	background:#444;
	color:#fff !important; 
	height:22px;
	padding-left: 4px;
	background-image:-webkit-gradient(linear, 0 0, 0 35%, from(#eee), to(transparent));	
} 

.aggregateIcon{   

	background-position: -111px -180px;
}	

.text-green{
	color:green !important;
}
.text-red{
	color:red !important;
}
.text-gray{
	color:gray !important;
}
.text-blue{
	color:#1C5598 !important;
}
.text-yellow{
	color:yellow !important;
}
.text-white{
	color:white !important;
}
.text-orange{
	color:orange !important;
}
.fa-button:hover{
	opacity: 0.8 !important;   
} 
.sm-fs{
	font-size:14px !important;  
	
}       
.form select{
	width: 258px !important;
}


/* Table */
.demo-table4 {
	font-family:helvetica,verdana,sans-serif;
	border-collapse: collapse;  
}

.demo-table4 th, 
.demo-table4 td {
	padding: 7px 17px;
}
.demo-table4 caption {
	margin: 7px;
}

/* Table Header */
.demo-table4 thead th,
.demo-table4 thead th:last-child {
	border-bottom: 2px solid #ffc107;
	text-transform: uppercase; 
}

/* Table Body */
.demo-table4 tbody td,
.demo-table4 tbody td:last-child {
	border-bottom: 1px solid #e1edff;
	color: #353535;
}
.demo-table4 tbody tr:nth-child(odd) td {
	background-color: #f3f7f9;
}

.demo-table4 tbody tr:hover td {
	background-color: #ffffa2;
	border-color: #ffff0f;
}

/* Table Footer */
.demo-table4 tfoot th,
.demo-table4 tfoot th:last-child {
	border-top: 2px solid #ffc107; 
}
 
.records_Table {
    
    border-collapse: collapse;
    width: 100%;
	font-size:15px;
}

.records_Table th,.records_Table td {
    border: 1px solid #ddd;
    padding: 7px; 
}  

.records_Table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #0e3a5d;
    color: white;
}
 
.w3t {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.w3t td, .w3t th {
    border: 1px solid #ddd;
    padding: 7px; 
}



.w3t th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #0e3a5d;
    color: white;
}

.w3h {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.w3h td, .w3h th {
    border: 1px solid #ddd;
    padding: 7px;
}

.w3h tr:nth-child(even){background-color: #f2f2f2;}

.w3th tr:hover {background-color: #ddd;}

.w3h th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #0e3a5d;
    color: white;
}  
    
.control-form input[type=text],.control-form input[type=password], .control-form select,.control-form input[type=number], .control-form textarea, .control-form input[type=datetime-local], .control-form input[type=date] {
    width: 350px; 
    margin: 3px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px; 
}

/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
    visibility: hidden;
    width: 300px; 
    background-color: #555;
    color: #fff;
    text-align: justify; 
    border-radius: 6px;
    padding: 8px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -282px;   
}

/* Popup arrow */
.popup .popuptext::after { 
    content: "";
    position: absolute;
    top: 100%;
    left: 90%; 
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
 
/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #333; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
    visibility: visible; /* Show the snackbar */

/* Add animation: Take 0.5 seconds to fade in and out the snackbar. 
However, delay the fade out process for 2.5 seconds */
    -webkit-animation: snackbarfadein 0.5s, snackbarfadeout 0.5s 2.5s;
    animation: snackbarfadein 0.5s, snackbarfadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes snackbarfadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 1;}
}

@keyframes snackbarfadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes snackbarfadeout {
    from {bottom: 30px; opacity: 1;} 
    to {bottom: 0; opacity: 0;}
}

@keyframes snackbarfadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}   

.messages-chat {
  background: white;
  padding: 10px;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(black, 0.2);
  p {
    font-size: 0.8rem;
    margin: 0 0 0.2rem 0;
  }
  .time {
    font-size: 0.7rem; 
    color: #ccc;
  }
}

.notifyAnimation::before { 
  animation: pulse 1s ease alternate infinite; 
} 
@keyframes pulse {
  from { opacity: 0; }
  to { opacity: 0.5; }
}
 
.F12{  
	background-color:#a76a10 !important;
	color:#fff !important;
}
.D12{
	background-color:#00BCD4 !important;
}
.NL{
	background-color:#dcdcdc !important;   
}

.MD12{
	background-color: #ffeb3b !important;
	color:black !important; 
}


.CI{
	background-color:blue !important;
	color:#fff !important;	
}


.display-block{
	display: block;
    width: 100%;
}

.mb-1{
    margin-bottom: .25rem!important;
}

.mt-1 {
    margin-top: .25rem!important;
}
.mb-2{
    margin-bottom: .5rem!important;
}

.mt-2 {
    margin-top: .5rem!important;
}
.mb-3{
    margin-bottom: 1rem!important;
}

.mt-3 {
    margin-top: 1rem!important;
}


.m-1 {
    margin: .25rem!important;
}
.m-2{
    margin: .5rem!important;
}


.m-3 {
    margin: 1rem!important;
}
.m-4 {
    margin: 1.25rem!important;
}

.pb-1{
    padding-bottom: .25rem!important;
}

.pt-1 {
    padding-top: .25rem!important;
}
.pb-2{
    padding-bottom: .5rem!important;
}

.pt-2 {
    padding-top: .5rem!important;
}
.pb-3{
    padding-bottom: 1rem!important;
}

.pt-3 {
    padding-top: 1rem!important;
}

.pl-1{
    padding-bottom: .25rem!important;
}
.pl-2{
    padding-bottom: .5rem!important;
}
.pl-3{
    padding-bottom: 1rem!important;
} 

.p-1 {
    padding: .25rem!important;
}
.p-2{
    padding: .5rem!important;
}


.p-3 {
    padding: 1rem!important;
}
.p-4 {
    padding: 1.25rem!important;
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
} 
.tab-mail-btns:hover{
	color: #1C5598 !important;
} 

.button7{
	display:inline-block;
padding:0.7em 1.7em;
margin:0 0.3em 0.3em 0;
border-radius:0.2em;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:600; 
color:#FFFFFF;
background-color:#CCCCCC;
box-shadow:inset 0 -0.6em 1em -0.35em rgba(0,0,0,0.17),inset 0 0.6em 2em -0.3em rgba(255,255,255,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);
text-align:center;
position:relative;
}
.button7:active{
	box-shadow:inset 0 0.6em 2em -0.3em rgba(0,0,0,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);
}


.button1{ 
	display:inline-block;
	padding:0.35em 1.2em;
	border:0.1em solid #000000;
	margin:0 0.3em 0.3em 0;
	border-radius:0.12em;
	box-sizing: border-box;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:400;
	color:#FFFFFF; 
	text-align:center;
	transition: all 0.2s; 
}
.button1:hover{
	color:#000000;
	background-color:#FFFFFF;
}    
.toast-body span{
	font-size:0.875rem !important;
}