#body_main.sideBarOpen{
	max-width: 100%;
	margin: 16px 0px 16px 200px;	
}
#body_main.sideBarClosed{
	max-width: 100%;
	margin: 16px 54px 16px 100px;	
}
#modal_main.sideBarOpen{
	max-width: 100%;
	margin: 16px 0px 16px 300px;
}
#modal_main.sideBarClosed{
	max-width: 100%;
	margin: 16px 54px 16px 100px;
}
#mySidebar.sideBarOpen{
	width: 200px;
	overflow: hidden;
}
#mySidebar.sideBarOpen #openNav{
	display:block
}
#mySidebar.sideBarOpen #closedNav{
	display:none
}
#mySidebar.sideBarOpen .openNav{
	display:block
}
#mySidebar.sideBarOpen .closedNav{
	display:none
}
#header.sideBarOpen div.headerNavUsernameContaner{
	padding: 0px 0px 0px 216px;
}
#header.sideBarClosed div.headerNavUsernameContaner{
	padding: 0px 0px 0px 62px;
}
#mySidebar.sideBarClosed{
	width: 46px;
	overflow: hidden;
}
#mySidebar.sideBarClosed #openNav{
	display:none
}
#mySidebar.sideBarClosed #closedNav{
	display:block
}
#mySidebar.sideBarClosed .openNav{
	display:none
}
#mySidebar.sideBarClosed .closedNav{
	display:block
}
#mySidebar{
    position: relative;
	z-index: 900;
}
.sidebarContaner{
	height: 100%;
    border-collapse: collapse;
    display: table;
    width: 100%;
}
.sidebarAddButton{
    display: table-row;
    vertical-align: bottom;
    height: 1px;	
}
#header{
	position: relative;
    z-index: 800;
}
.headerNavUsernameContaner{
	float:left;	
}
.headerNavMainContaner{
	float: left;
    margin-left: 64px;
}
.navUsername{
	font-size: 1.6em;
}
.cardContenet{
}
.modalHeader{
	min-height: 40px;
	
}
#footer{
	position: relative;
    z-index: 800;
}
.base_footer {
   position:fixed!important;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
}

.base_margin_top_60{
	margin-top:60px;
	padding-bottom: 90px;
}
.base_header_hight{
	min-height:76px;
}
.base_hight_10{
	min-height:10px;
}
.base_hight_16{
	min-height:16px;
}
.base_hight_38{
	min-height:38px;
}
.success{
	color:#4CAF50!important
}
.error{
	color:#f44336!important
}
table, th, td ,p{
    margin: 0px;
}
table, th, td { 
    border-collapse: collapse;
}
th, td {
    padding: 8px;
}
td {
	border: 1px solid #9e9e9e;
	vertical-align: top;
}
.tabbutton{
	border: none;
}
/* Create an active/current tablink class */
.tab button.active {
    background-color: #9e9e9e;
}
/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #9e9e9e;
}
/* Style the buttons inside the tab */
.tab button {
	background-color: #e2e2e2;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 8px 16px;
}
/* Style the tab 
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}
 Style the tab content */
.tabcontent {
    display: none;
}
.half_button{
	width: 50%;
}
.right{
	float:right;
}
.left{
	float:left;
}
.loader {
  color:#FFFFFF;
  font-size:100px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.center {
    position:absolute;
    top:40%;
    left:49%;
}

.delete_alert_button{
	color: #fff!important;
    background-color: #f44336!important;
    border: 1px solid #ccc!important;
    border-radius: 8px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}
.edit_alert_button{
	color: #fff!important;
    background-color: #4CAF50!important;
    border: 1px solid #ccc!important;
    border-radius: 8px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}
.button_contaner_2{
	    min-width: 165px;
}
.button_contaner_3{
	    min-width: 200px;
}