.sec_slides {
    padding: 0 1em;
    border: 1px solid #dcdcdc;
    margin: 0 auto;
	background: white;
	float:none;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.col-md-5 {
    width: 41.66666667%;
}
.col-md-7 {
    width: 58.33333333%;
}
.chart_table_1 {
    margin-top: 1em !important;
	font-size: 14px;
    color: #7e0000;
	width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.chart_table_1, .chart_table_1 td a, .chart_table_1 td a:hover {
    font-size: 14px;
    color: #7e0000;
	margin-top: 53px !important;
}


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: none;
}
.table tbody .topborder{border-top: 1px solid #ddd;}
.attend_conf {
    font-weight: bold;
    color: #134f69;
    font-size: 15px;
}
.attend_con {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0;
    padding: 1em;
	padding-top: 5px;
    -webkit-column-rule: 1px solid #ff00ff;
    -moz-column-rule: 1px solid #ff00ff;
    column-rule: 1px solid #ff00ff;
    border-top: 1px solid lightgray;
}
.attend_btn {
    border-right: 1px solid lightgray;
}
.attend_btn:last-child{
	border-right:none;
}
.chart_table_1 .fa{
	margin-right: 5px;
}
.attend_btn a {
    padding: 0.4em 1em;
	display: inherit;
    width: 100%;
    text-align: center;
    color: unset;
    padding: 0.5em;
    transition: 0.2s ease-out;
}
#confatten_modal{display:none;}
.follow-section{padding-left:5px;padding-right:5px;    float: left;
    width: 500px;}
.followrs-fw {
    width: 100%;
}
.chart_section{    
	width: calc(100% - 520px);
        min-width: 220px;
    float: left;
    padding:1px;
}
.chart_section form{margin-bottom:0px;} 
.btn-checkfull{
     font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Fira Sans",Ubuntu,Oxygen,"Oxygen Sans",Cantarell,"Droid Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Emoji","Segoe UI Symbol","Lucida Grande",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #134f69;
}
.checkfull{background-color: #e4e4e4 !important;}
.follow-head {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #134f69;
    margin-top: 15px;
    margin-bottom: 15px;
}
.student-box{
	margin-left: 6px;
    margin-right: 6px;
    float: left !important;
    width: 47.4%;
    border: 1px solid #e8e8e8;
    background-color: #fdfdfd;
    border-radius: 3px;
	margin-bottom: 12px;
	padding: 6px;
}
.deep {
    width: 100%;
    float: left;
    position: relative;
}
.deep .deep_left{
    width: 74px;
    float: left;
}
.deep .deep_right{
    width: calc(100% - 74px);
    float: left;
    padding-left: 7px;
}
.deep_right .floww-cn-s {
    min-height: 50px;
}
.cercle-unfollow,.cercleblue{color:#134f69;}
.cercleblue:hover{text-decoration:none;}
.cercle-unfollow:hover{color:red;text-decoration:none;}
.deep_left .img-circle {
    border-radius: 0;
    border: none;
    width: 65px !important;
    height: 65px;
    max-width: 65px;
}
.student-box {
    height: 80px;
}
.deep_right ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.deep_right ul li {
    float: left;
    display: inline-block;
    padding: 0;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    color: #134f69;
    font-weight: bold;
}
.deep_right p {
    font-size: 13px;
    color: #aaaeaf;
    margin-bottom: 0px;
}
#login_modal{    
	width: 800px;
    margin: 40px calc(50% - 395px);
    top: 9%;
    
}
#login_modal .modal-content{
	width: 202px;
    margin: auto;
}
.modal-backdrop{
	width:100%;
	height: 374px;
}

.tagline_name {
    background-color: #134f69;
    float: right;
    width: 126px;
    text-align: center;
    color: #cbd6dc;
    position: relative;
    bottom: 0px;
    right: 0;
    font-size: 11px;
    padding: 2px;
    border-top-left-radius: 5px;
}
.tagline_name img{
    width: 12px;
    height: 12px;
    margin-right: 3px;
}

@media (min-width: 700px){
.col-md-12 {
    width: 100%;
}
.col-md-4 {
    width: 33.33333333%;
}
}