body{
    	background: url(../img/bg.jpg) no-repeat center fixed;
    	background-size: cover;
    	color:#fff;
    }
    .body-content{height:85%}
    .title{
    	font-family: 'Montserrat', sans-serif;
    	font-size:30px;
    	font-weight:bold;
    	margin-bottom:30px;
    }
    .text1{
    	font-family: 'Montserrat', sans-serif;
    	font-size:13px;
    	font-weight:bold;
    	margin-bottom:10px;
    }
    .border1{
    	border:1px solid #fff;
    	width:100%;
    	margin-bottom:5px;
    	border-radius:8px;
    }
    .border1 img{
    	margin: 15% auto;
        max-width: 40%;
    } 
 .smallimg{
    	border:1px solid #fff;
    	width:100%;
    	border-radius:8px;
		height:73px;
	
    }
    .smallimg img{
    	margin: auto;
        max-width: 75%;
		margin-top:3px;
		margin-bottom:3px;
    } 

    .info1{
    	text-align:center;
    	font-family: 'Montserrat', sans-serif;
    	font-size:13px;
    	font-weight:bold;
    	margin:25px 0px
    }
    .button1 button{
    	width:200px;
    	background-color:#fff;
    	font-family: 'Montserrat', sans-serif;
    	font-size:18px;
    	font-weight:bold;
    	color:#008EE9
    }
    
    .button1 button:hover{
    	background:#008EE9;
    	color:#fff;
    }

	 .checkbox1 input, .checkbox2 input{
		visibility:hidden;
		position:absolute;
		left:-9999999px;
	}
	
    .checkbox1 input:checked + div, .checkbox2 input:checked + div{
    	background:#008EE9;
    	border-color:#008EE9;
        color: #008EE9;
    }

    .checkbox1 input:checked + div + div, .checkbox2 input:checked + div + div{        
        color: #008EE9;
    }
    
    #header{
    	padding:20px;
    }
    
    .logo{
    	font-weight: bold;
    	font-size:20px
    }
    .logo img{
    	width:48px
    }
    
    .button2{
    	margin-bottom:20px;
    }
    .button2 a{
    	display: block;
    	width:100%;
    	background-color:#008EE9;
    	font-family: 'Montserrat', sans-serif;
    	font-size:14px;
    	font-weight:bold;
    	color:#fff;
    	text-align:left;
    	padding:15px;
    	padding-left:80px;
    	border-radius: 4px;
    	position:relative;
    }
    
    .button2 a:hover{
    	background:#008EE9;
    	color:#fff;
    }
    .button2 a img{
    	width:48px;
    	position:absolute;
    	left:20px;
    	top:15px;
    }    

    .menu a{color:#fff;font-size:14px;}
    .logo a{color:#fff;}
    .menu li{display: inline-block;padding:5px 5px;}
    .menu a.logout img{width:18px;}
    a:hover{text-decoration: none}
    
    @media (max-width: 768px) {
    	body{
    		height:auto;
    	}
    	
    	.body-content{
    		height:auto;
    		padding-bottom: 20px;
    	}
    	
    	.logo{text-align:left}
    	.border1{
    		padding:20px 0px;
    		height:auto;
    	}
    }

    #mainbody{height:100%;}
    .menu a.btn-light{color:#1E89DB !important;font-size:18px;}
    .menu a.btn-light:hover{color:#fff !important;font-size:18px;background:#1E89DB;border:1px solid #1E89DB;}
    .menu a.menuside img{width:32px;}

    #sidebar-control{width:25%;overflow: hidden;position: fixed;right:0px;height:100%;top:0px;background:white;color:#000}
    #sidebar-control #label{
        position:relative;
        background:#1f90e9;font-size:30px;color:#fff;font-family: 'Montserrat', sans-serif;
        padding:20px;
        padding-left:60px;
        font-weight: bold

    }
    
    #sidebar-control #label .icon{
        position:absolute;
        left:15px;    
        top:25px;
    }

    #sidebar-control #label a{
        position:absolute;
        right:15px;
    }

    #sidebar-control #label a img{width:15px;}

    .part-content{padding:15px;color:#999999;font-size:16px;font-family: 'Montserrat', sans-serif;margin:10px 0px;}
    .part-content h3{font-size:18px; color:#1f90e9;font-family: 'Montserrat', sans-serif;margin:10px 0px;}

    #details-part  {overflow: auto;height:100%;padding-bottom:100px;}
    #details-part .card{margin-bottom:10px !important;}
    #details-part .card .card-header{background:white;font-family: 'Montserrat', sans-serif;padding:0px;}
    #details-part .card .card-header button.collapsed{background:white;display: block;width:100%;color:#7F7F7F;}
    #details-part .card .card-header button{color:#fff;font-weight:bold;padding-left:50px;position:relative;text-align:left;border-radius: 2px 2px 0px 0px;background:#1f90e9;display: block;width:100%;font-size:14px;}
    
    #details-part .card .card-header button:hover{text-decoration: none}

    #details-part .card .card-header button.collapsed img{-webkit-filter: invert(50%);filter: invert(50%);position: absolute;left:10px;top:3px;}
    #details-part .card .card-header button img{width:28px; -webkit-filter: invert(0%); /* Safari 6.0 - 9.0 */filter: invert(0%);position: absolute;left:10px;top:3px;}


    
    #details-part .card .card-body{background:#E6E7E8;}
    #details-part .card .card-body .card-body{background:#fff;border-radius: 8px;border:1px solid #ccc;box-shadow:0px 0px 5px #ccc;}