/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 9, 2017, 10:36:09 AM
    Author     : dharani
*/

/* Display flex and its properties are grouped for particular use */
.displayFlex {
    display: flex;
    display: -webkit-flex; /* Safari */
    display: -moz-flex; /* Mozilla */
}
/*centerAll*/
.flexAlignCenterJustifyCenter {  
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: center; 
    -webkit-align-items: center;
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: center; 
    -moz-align-items: center;
}
/*flexEnd*/
.flexAlignEndJustifyCenter {       
    display: flex;
    justify-content: center;
    align-items: flex-end;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: center; 
    -webkit-align-items: flex-end;
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: center; 
    -moz-align-items: flex-end;
}
.popupButtons button:hover {
  background-color: #FD9515; 
  color: #ffffff; 
}
.flexAlignEndJustifySapceBetween {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-between; 
    -webkit-align-items: flex-end;
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: space-between; 
    -moz-align-items: flex-end;
}
/*flexEndAlign*/
.flexAlignEnd {   
    display: flex;
    align-items: flex-end;
    display: -webkit-flex; /* Safari */
    -webkit-align-items: flex-end;
    display: -moz-flex; /* Mozilla */
    -moz-align-items: flex-end;
}
.flexAlignStart {   
    display: flex;
    align-items: flex-start;
    display: -webkit-flex; /* Safari */
    -webkit-align-items: flex-start;
    display: -moz-flex; /* Mozilla */
    -moz-align-items: flex-start;
}
/*flexJustifyCenter*/
.flexAlignCenterJustifyEnd {       
    display: -webkit-flex; /* Safari */
    justify-content: flex-end;
    align-items: center;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: flex-end;
    -webkit-align-items: center;
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: flex-end;
    -moz-align-items: center;
}
.flexAlignStartJustifyStart {   
    display: -webkit-flex; /* Safari */
    justify-content: flex-start;
    align-items: center;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: flex-start;
    -webkit-align-items: center;
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: flex-start;
    -moz-align-items: center;
}
/*flexJustifyStartAlignCenter*/
.flexAlignCenterJustifyStart {    
    display: -webkit-flex; /* Safari */
    justify-content: flex-start;
    align-items: center;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: flex-start;
    -webkit-align-items: center;
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: flex-start;
    -moz-align-items: center;
}
/*flexEndAll*/
.flexAlignEndJustifyEnd {     
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: flex-end; 
    -webkit-align-items: flex-end;
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: flex-end; 
    -moz-align-items: flex-end;
}
/*spaceAround*/
.flexAlignCenterJustifySpaceAround {      
    display: flex;
    justify-content: space-around;
    align-items: center;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-around; 
    -webkit-align-items: center;
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: space-around; 
    -moz-align-items: center;
}
/*spaceAroundOnly*/
.flexJustifySpaceAround {        
    display: flex;
    justify-content: space-around;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-around; 
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: space-around; 
}
/*flexStart*/
.flexAlignCenterJustifyStart {     
    display: flex;
    justify-content: flex-start;
    align-items: center;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: flex-start; 
    -webkit-align-items: center;
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: flex-start; 
    -moz-align-items: center;
}
/*flexStartCenter*/
.flexAlignStartJustifyCenter {        
    display: flex;
    justify-content: center;
    align-items: flex-start;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: center; 
    -webkit-align-items: flex-start;
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: center; 
    -moz-align-items: flex-start;
}
.flexAlignStartJustifyEnd {        
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: flex-end; 
    -webkit-align-items: flex-start;
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: flex-end; 
    -moz-align-items: flex-start;
}
/*centerItems*/
.flexAlignCenter {       
    display: flex;
    align-items: center;
    display: -webkit-flex; /* Safari */
    -webkit-align-items: center;
    display: -moz-flex; /* Mozilla */
    -moz-align-items: center;
}
/*justifyContent*/
.flexJustifyCenter {      
    display: flex;
    justify-content: center;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: center; 
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: center; 
}
/*spaceBetween*/
.flexAlignCenterJustifySpaceBetween {      
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-between; 
    -webkit-align-items: center;
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: space-between; 
    -moz-align-items: center;
}

/*centerContent*/
.flexJustifyCenter {       
    display: flex;
    justify-content: center;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: center; 
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: center; 
}
/*flexDirection*/
.flexDirectionColumn {    
    dispaly: flex;
    flex-direction: column;
    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: column; 
    display: -moz-flex; /* Mozilla */
    -moz-flex-direction: column; 
}
/*wrap*/
.flexWrap{       
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; 
    display: -moz-flex; /* Mozilla */
    -moz-flex-wrap: wrap; 
}
/*noWrap*/
.flexNoWrap { 
    display: flex;
    flex-wrap: no-wrap;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: no-wrap; 
    display: -moz-flex; /* Mozilla */
    -moz-flex-wrap: no-wrap; 
}

/*Alert success Message */
.SuccessMessage {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 15px;
	color: #00cc99;
	font-weight: bold;
}

/*Alert error Message */
.ErrorMessage {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 15px;
	color: rgb(255,99,71);
	font-weight: bold;
}
 .header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 2em;
    color: #6d6868;
    padding: 1em 4em 2em 2em;
    letter-spacing: 0.2em;
}
/*Menu name*/
.menuLabel {
	width: 89%;
    height: 90px;
    margin: 0px;
    font-size: 2em;
    color: #6d6868;
    letter-spacing: 0.2em;
    /* padding: 1em 4em 2em 2em; */
}
/* .menuLabel {
	width: 90%;
    height: 90px;
    margin: auto;
    font-size: 2em;
    color: #6d6868;
    letter-spacing: 0.2em;
    padding: 1em 4em 2em 2em;
} */
.eventLabel {
	width: 90%;
    margin: auto;
    font-size: 2em;
    color: #6d6868;
    letter-spacing: 0.2em;
    /* padding: 1em 4em 2em 2em; */
}
.listReportContainer {
    width: 100%;
    height: 100%;
}
.listItemsContainer {
    width: 97%;
   /*  height: 85%; */
    margin: auto;
}
.listContent {
	/* height:93%; */
}
.listContentOne {
	/* height: 93%; */
}
.listFrame {
    font-size: 12px;
    font-weight: lighter;
    background: white;
    color: #777777;
    border-top: 1px solid #c3c1c1;
    -webkit-transition: opacity .6s linear;
    opacity: 0;
    width: 100%;
    /* height:95%; */
    padding-top: 2%;
    margin-top: -2px;
}
.activeTab {
    opacity: 1;
}
.featureMain {
    width: 100%;
    height: 100%;
    margin: auto;
    background-color: #ffffff;
    /* font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 10px;
    color: #4A4A4A; */
}

#fromdate, #todate {
	font-family: sans-serif;
    font-size: 1em;
    letter-spacing: 0.2em;
    color: #fd9515;
}
.typeButton {
   	margin-left: auto;
    padding: 6px 13px;
    border: none;
    background: #777777;
    color: #f2f2f2;
    text-transform: uppercase;
    letter-spacing: .09em;
    border-radius: 5px;
    cursor: pointer;
}
.typeButton:hover {
	background: #fd9515;
}
.leftAuto {
	margin-left: auto;
}
.typeSelect{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	color: #4A4A4A;
}
.textArea {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 0.9em;
	color: #4a4a4a;
	letter-spacing: 0.1em;
}
.typeText {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 0.9em;
	color: #4a4a4a;
}
.fa {
	cursor: pointer;
}
.warningMessage {
	color: #fd9515;
}
input[type=file] {
       border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
    -webkit-border-radius: 10px;
     border: 1px solid #ccc;
    padding: 2px 2px;
    width:250px;
}

/* Scroll bar Style starts */
/* ::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #FCB040;
} */
/* ::-webkit-scrollbar-button {
    background: #ccc
}
::-webkit-scrollbar-track-piece {
    background: #888
} */
/* Scroll bar Style ends*/

 .overlay{
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.55);
        transition: opacity 500ms;
        visibility:hidden;
        opacity: 0;
        z-index: 999;
    } 
.loadSpinner{
        margin: 50px;
        height: 70px;
        width: 70px;
        animation: rotate 0.8s infinite linear;
        border: 8px solid #fff;
        border-right-color: transparent;
        border-radius: 50%;
    }

.loaderLabel{
        font-size: 30px;
        color: white;
    }
    
    
@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
    
.multipleSelection{
 		min-width: 300px; 
 		height: 230px; 
 		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
		color: #4A4A4A;
 		font-size: 13px;
 	}
.closePopup{
	position: absolute;
	top: 20px;
	right: 30px;
	transition: all 200ms;
	text-decoration: none;
	color: #333;
}
.closePopup:hover {
  color: #fd9515;
}
input {
	border: 1px solid #ccc;
}
.cursorStyle {
	cursor: pointer;
}
@media only screen and (min-device-width: 1280px) and (max-device-height: 768px) {
	/* .listItemsContainer {
	    height: 83%;
	} */
		
}


.popupBox {
    min-width: 350px;
    min-height: 150px;
    background: #ffffff;
    color: #000000;
    border-radius: 5px;
}
.popupTitle {
    min-height: 55px;
    width: 90%;
    margin: auto;
    font-weight: bold;
    font-size: 15px;
}
.alertMessage {
    min-height: 70px;
    width: 90%;
    margin: auto;
    font-size: 13px;
}
.alertPopupAction {
    width: 90%;
    min-height: 60px;
    margin: auto;
}
.alertPopUpButton {
    width: 115px;
    height: 40px;
    background-color: rgb(253, 149, 21);
    color: rgb(255, 255, 255);
    border-radius: 3px;
    font-family: Myriad-Bold;
    font-size: 15px;
    cursor: pointer;
}
.alertOkButton {
	padding: 6px 13px;
    border: none;
    background: #777;
    color: #f2f2f2;
    text-transform: uppercase;
    letter-spacing: .09em;
    border-radius: 5px;
    cursor: pointer;
}
.alertOkButton:hover {
	background: #fd9515;
}
.close {
    color: #333;
}