@import url('https://fonts.googleapis.com/css?family=Montserrat:400,800');

body{
   
   background-size: 100%;
   background-repeat: no-repeat;
   font-family: 'Montserrat', sans-serif;
   color:gray;
}

.left_pane{
    background-size: 90%;
    background-repeat: no-repeat;
    min-height: 110%;
}
.right_pane{
    padding: 60px;
}
.main {
    background-color: white;
    border-radius: 10px;
  	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 
			0 10px 10px rgba(0,0,0,0.22);    
  }
  p {
	font-size: 14px;
	font-weight: 100;
	line-height: 20px;
	letter-spacing: 0.5px;
	margin: 20px 0 30px;
}

.nav_menu{
    background-color:black;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    color:red;
    padding:14px;
}
.nav{
    background-color:black;
    padding:14px;
}
.img_profile {
    border-radius: 50%;
  }
.footer{
    text-align: center;
    background-color: orange;
}

#dashboard.hide:target,
#academic.hide:target,
#account.hide:target {
    display: block;
}
.hide {
    display: none;
  }

.account_details{
    padding:35px;
}
.short_cube{
   
    height: 200px;
    padding:20px;
    text-align:center;
    box-shadow: 0 4px 7px rgba(0,0,0,0.25), 
			0 3px 3px rgba(0,0,0,0.22); 
            
}
.long_cube{
    
    min-height: 200px;
    padding:20px;
    text-align:left;
    box-shadow: 0 4px 7px rgba(0,0,0,0.25), 
			0 3px 3px rgba(0,0,0,0.22); 
            
}
.dash_button{
    background-color:red;
}
a:link{
    color:grey;
}
a:hover{
    color:red;
}
a:visited{
    color:grey;
}

.gradient-custom {
    /* fallback for old browsers */
    background: #f093fb;
    
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to bottom right, rgba(240, 147, 251, 1), rgba(245, 87, 108, 1));
    
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to bottom right, rgba(240, 147, 251, 1), rgba(245, 87, 108, 1))
    }
    
    .card-registration .select-input.form-control[readonly]:not([disabled]) {
    font-size: 1rem;
    line-height: 2.15;
    padding-left: .75em;
    padding-right: .75em;
    }
    .card-registration .select-arrow {
    top: 13px;
    }
    
    label {
        font-size: 12px;
    }
    
    optgroup { 
        font-size:12px; 
    }
    
    .select { 
        font-size: 12px; 
        border:0px;
        border-radius: 0px;
        border-bottom: 1px solid gray;
    }
    
    input[type=text], input[type=tel],input[type=email]{
        font-size: 12px;
        border:0px;
        border-bottom: 1px solid gray;
        border-radius: 0px;
    }

    input[type=submit], input[type=reset] {
        border-radius: 20px;
        border: 1px solid #f32a06;
        background-color: #fa2e0a;
        color: #FFFFFF;
        font-size: 9px;
        font-weight: bold;
        padding: 12px 45px;
        letter-spacing: 1px;
        text-transform: uppercase;
        transition: transform 80ms ease-in;
    }
    
    button{
        border-radius: 20px;
        border: 1px solid #f32a06;
        background-color: #fa2e0a;
        color: #FFFFFF;
        font-size: 12px;
        font-weight: bold;
        padding: 12px 45px;
        letter-spacing: 1px;
        text-transform: uppercase;
        transition: transform 80ms ease-in
    }
   
    .tab {
            display: none;
        }

        /* Style for the active tab */
        .active {
            display: block;
        }

        /* Style for tab navigation */
        .tab-button {
            cursor: pointer;
            background-color: transparent;
            color: gray;
            float: left;
            border: none;
            outline: none;
            cursor: pointer;
          
            font-size: 17px;
            text-align: left;
    }
    .tab-button:hover{
        color:red;  
    }
    
    .nav_tabs{
        background-color: white;
        text-align: left;
    }
    .nav_tabs li{
        padding: 15px;
        font-weight: bold;
        text-align: left;
    }