.function-login
{
padding-left:400px;
}

.r-grid th
{
 
background-image: linear-gradient(to bottom, #c5d8f6, #a9c7f5, #8db5f4, #6ea4f2, #4a93f0);

	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);

	-moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
}
.function-dashboard .r-grid th

{
padding:30px;
}
.function-dashboard .nav-tabs
{
display:none;
}
.r-grid table

{
	
	
	background: #FFF;
	

	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);


}

.r-grid .r-edit-form
{

	padding:30px;

	background: #FFF;
	margin-bottom:40px;

	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);

}

.r-form 
{



background: #3D678E;
	margin:40px auto;
	padding:20px;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
	
	-moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);

}

h2
{
font-size:15px;
color:white;

}
.r-grid,.r-below
{
margin-top:-40px;
	

}
 .r-below .r-form
{

border-radius: 0 0 10px 10px;

}
.bs-details .panel-body{ 
margin-top:25px;
}



#saveButton1
{
background:green;
color:white;
}

#resetButton1
{
background:orange;
color:white;
}


#backButton1
{
background:red;
color:white;
}

#inlineAdd2
{
background:green;
color:white;
}

#inlineAdd3
{
background:green;
color:white;
}

#inlineCancel2
{
background:red;
color:white;
}

#inlineCancel3
{
background:red;
color:white;
}

#delete_selected3
{
background:red;
color:white;
}

#delete_selected2
{
background:red;
color:white;
}

input[type="text"]
{
background:#FEFFB4;
font-weight:bold;
}


.r-grid .r-edit-form
{

background:#EAECEF;
}

.r-body .r-grid
{

margin-top:40px;

}

.function-login .panel-primary .panel-heading
{
display:none;

}

.function-login .panel-primary  
{
background:none;
border-style:none;
margin-left:200px;
}

.function-login .panel-primary  .r-edit-form
{
margin-top:-40px;
background:white;
border-style:none;
}

.function-login .panel-primary  #form_footer_1
{
margin-top:-10px;
border-radius: 0px 0px 10px 10px;
text-align:right;
}

.panel-body
{

background:#EAECEF;
}

.function-view .col-md-12 div
{
height:30px;
width:100%;
border-style: solid;
border-width:1px;

}

.function-view .col-md-12 .r-images
{
border-style:none;
}


.function-view .col-md-12 div span
{
margin-left:10px;
}


.function-login .panel-body
{
background:none;
}

body.function-menu
{
    background-size: 500px;
}




 .nav-tabs
{
    flex: auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;

    background: rgba(255, 255, 255, 0.28);
   
    transition: .4s;
    cursor: pointer;

    

            color: white;            
    
            border-radius: 10px;
            
 background-image: linear-gradient(to right, #bdc3c7 0%, #2c3e50  51%, #bdc3c7  100%)
}

.nav-tabs a
{

color:white;

margin: 10px;
            padding: 15px 45px;
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
           
            color: white;            
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
            display: block;
}
.tab-content
{
padding:40px;
}

.function-admin_rights_list .nav-tabs
{
padding-bottom: 45px;
}

          
          
          .r-grid
{
    background-color:#F0F8FF;


}
li
{
    color:black;
}
body
{
    
   background-color: #F0F8FF;
}

body.function-list
{
    
   background-color: #F0F8FF;
}


.r-grid th
{
    background-color:#071c6a;
    color:white;
}


#delete_selected1
{

     
    background-image: -webkit-linear-gradient(#e12b31, #C71C22 60%, #b5191f);
    background-image: -o-linear-gradient(#e12b31, #C71C22 60%, #b5191f);
    background-image: linear-gradient(#e12b31, #C71C22 60%, #b5191f);
    background-repeat: no-repeat;
}
.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 100%;
    width:300px;
}

.icon1 {

    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 0;
    font-size: 90px;
    color: rgba(0,0,0,0.15);

}

.cp-text
    { 
        padding-top:15px;
        text-align:center;
       
bottom: 0;
width: 100%;
    }
    
    
 .r-filter-dialog {
color:black;
}

.dropdown-menu 
{
color:black;
}