#img-profile {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 150px !important;
    height: 150px !important;
    border-radius: 50%;
    padding: 1px;
    border: 1px solid #3C8DBC;
}
#img_profile {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 150px !important;
    height: 150px !important;
    border-radius: 50%;
    padding: 1px;
    border: 1px solid #3C8DBC;
}

.modal {
    display:    none;
    position:   fixed;
    z-index:    999999;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('../img/loading.gif')
                50% 50%
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .modal {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}



div.dataTables_wrapper {
        direction: rtl;
        text-align: right !important;
    }
.dataTables_filter{
float:left;
}
.dataTables_filter>label>input {
margin-right:10px;
}

.error{

    color:red;
    font-size: 12px;
}

.first-column {
  width: 49%;
  float: right;
}

.second-column {
  width: 49%;
  float: left;
}

.vert-center{

margin-top: auto;
margin-bottom: auto;
}


select.form-control {


height: calc(2.25rem + 4px) !important ;
  }

/***************  [5. CHECKBOX] ***************/
.checkbox {
  padding-left: 20px;
}

.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 5px;
}

.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555;
}

.checkbox input[type="checkbox"] {
  opacity: 0;
}

.checkbox input[type="checkbox"]:checked+label::after {
  font-family: 'FontAwesome';
  content: "\f00c";
}

.checkbox input[type="checkbox"]:disabled+label {
  opacity: 0.65;
}

.checkbox input[type="checkbox"]:disabled+label::before {
  background-color: #eeeeee;
  color: #eeeeef;
  cursor: not-allowed;
}

.checkbox.checkbox-inline {
  margin-top: 0;
}

.checkbox-aqua input[type="checkbox"]:checked+label::before {
  background-color: #00C0EF;
  border-color: #00C0EE;
}

.checkbox-aqua input[type="checkbox"]:checked+label::after {
  color: #fff;
}

.checkbox-aqua input[type="checkbox"]:hover+label::before {
  border: 2px solid #00C0EF;
}

/* checkbox with icon color */
.checkbox-icon-aqua input[type="checkbox"]:checked+label::after {
  color: #00C0EF;
}

.checkbox-icon-aqua input[type="checkbox"]:hover+label::before {
  border: 1px solid #00C0EF;
}

/* checkbox with backgound color */
.checkbox-yellow input[type="checkbox"]:checked+label::before {
  background-color: #F39C12;
  border-color: #F39C11;
}

.checkbox-yellow input[type="checkbox"]:checked+label::after {
  color: #fff;
}

.checkbox-yellow input[type="checkbox"]:hover+label::before {
  border: 2px solid #F39C12;
}

/* checkbox with icon color */
.checkbox-icon-yellow input[type="checkbox"]:checked+label::after {
  color: #F39C12;
}

.checkbox-icon-yellow input[type="checkbox"]:hover+label::before {
  border: 1px solid #F39C12;
}

.checkbox-black input[type="checkbox"]:checked+label::before {
  background-color: #000000;
  border-color: #000009;
}

.checkbox-black input[type="checkbox"]:checked+label::after {
  color: #fff;
}

.checkbox-black input[type="checkbox"]:hover+label::before {
  border: 2px solid #000000;
}

.checkbox-icon-black input[type="checkbox"]:checked+label::after {
  color: #000000;
}

.checkbox-icon-black input[type="checkbox"]:hover+label::before {
  border: 1px solid #000000;
}

.checkbox-red input[type="checkbox"]:checked+label::before {
  background-color: #dc5754;
  border-color: #dc5755;
}

.checkbox-red input[type="checkbox"]:checked+label::after {
  color: #fff;
}

.checkbox-red input[type="checkbox"]:hover+label::before {
  border: 2px solid #dc5754;
}

.checkbox-icon-red input[type="checkbox"]:checked+label::after {
  color: #dc5754;
}

.checkbox-icon-red input[type="checkbox"]:hover+label::before {
  border: 1px solid #dc5754;
}

.input-group .input-group-addon{border-radius:0;border-color:#d2d6de;background-color:#fff;border:1px solid #d4d0d0;border-top:1px solid #d4d0d0;border-bottom:1px solid #d4d0d0;cursor:pointer;}
.input-group-addon{padding:6px 12px;}

#input_price_student{

border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;





}


.page-wrapper {

height: 100%;
margin: 0px auto;
overflow: hidden;
}
[class^=icon-]{display:inline-block;line-height:14px;-webkit-font-smoothing:antialiased;text-decoration:none;}
.page-footer:after{clear:both;}
.scroll-to-top{padding:11px;border-radius:4px;background:#1c262f;text-align:center;position:fixed;bottom:10px;z-index:10001;display:none;left:10px;}
.scroll-to-top>i{display:inline-block;color:#ffffff;font-size:20px;opacity:.6;filter:alpha(opacity=60);}
.scroll-to-top:hover{cursor:pointer;}
.scroll-to-top:hover>i{opacity:1;filter:alpha(opacity=100);}
.page-footer .page-footer-inner{color:#98a6ba;}
.page-footer{padding:20px 5px;font-size:13px;background-color:#222c3c;bottom:0px;}
.page-footer:after,.page-footer:before{content:" ";display:table;}
.page-footer .page-footer-inner{float:left;width:100%;text-align:center;}

.list-noborder-top {
      border-top-style: none;

}
td > p {

    margin-bottom: 0 !important
}

.mail-head{

  padding: 2.25em 1.6875em;
  background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
}

.mail-sep{

    margin: 0 0 !important ;
   border-top: 1px solid #1880C9
}
select {
    border: 1px ;
    text-align-last: center !important;
    text-align: center !important;
    text-size:14px;
    padding-top: 2px !important;
    padding-left: 10px !important;
    display: block;
    margin: 0 auto;
}
option {
  text-align: center !important;
  display: block;
    margin: 0 auto;

}

.under_construction{
      display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;

}

.classes{

 text-align:right;
 padding-right: 15px !important;

}
li.degree_list {
  white-space: nowrap;
  color:#673AB7 ;
  font-weight: 600;
  cursor: pointer;

}

li.annee_list  {
  white-space: nowrap;
   color:#C46210 ;
  font-weight: 600;
  cursor: pointer;
}

li.classe_list {
  white-space: nowrap;
    color:#1880C9 ;
  font-weight: 600;
  cursor: pointer;
}

.liste_header{
    text-align:right ;
    color:red;
     font-weight: 600;
}
.nbres{
  float:left !important;
color:#1880C9;
padding-right:5px !important ;
}
.underline-on-hover:hover {
    text-decoration: underline;
}
li.all_student  {
  white-space: nowrap;
   color:#E91E63 ;
   font-size:17px;
  font-weight: 600;
  cursor: pointer;
}

.colorpicker{
  z-index: 9999999 !important;
}

.domaine {
  font-size:14px!important;
  height: auto;display: inline-block;
  padding:7px 10px ;
  color:white ;
  font-weight: bold;
}


	        .blank{
		width:120px;
		}
		.matieres table{
		background:#E0ECFF !important;
                table-layout:fixed ;
		}
		.matieres td{
		background:#eee;
		}
		#table_emploi{
		background:#E0ECFF !important;
                table-layout:fixed ;
                margin: 0 auto;
		}
		#table_emploi td{
		background:#fafafa;
		color:#444;
		text-align:center;
		padding:0px;
		white-space: nowrap;
		height:25px !important;
                overflow: hidden;
                width:46px;
		}
		.emploi_classe td.drop{
		background:#fafafa;

		}
		.emploi_classe td.over{
		background:#FBEC88;
		}
		.item{
		text-align:center;
		color:white;
		height:25px;
		vertical-align: middle;
                word-wrap: break-word;      /* IE 5.5-7 */
                white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
                white-space: pre-wrap;
                transition: color 0.5s linear; /* vendorless fallback */
    -o-transition: color 0.5s linear; /* opera */
    -ms-transition: color 0.5s linear; /* IE 10 */
    -moz-transition: color 0.5s linear; /* Firefox */
    -webkit-transition: color 0.5s linear; /*safari and chrome */
        padding-right:0px !important;
        cursor: pointer;
                }

		.trash{
		background-color:red;
		}
                .classex{
                padding-left: 5px;
                padding-right: 5px;
                padding-bottom: 5px;
                font-size:13px;
                }
                .day{
                 background-color: #E0ECFF !important;
                 font-weight: bold;
                }
                .time{
                background-color: #E0ECFF !important;
                font-weight: bold;
                }
                .matieres{
                text-align:center !important;
                }

                .seance_duration {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    padding: 2px 6px !important;
}





                .matieres_teachers table{
		background:#E0ECFF !important;
                table-layout:fixed ;
		}

		.matieres_teachers td{
		background:#eee;
		}
		#emploi_teachers{
		background:#E0ECFF !important;
                table-layout:fixed ;
                margin: 0 auto;

		}
		#emploi_teachers td{
		background:#fafafa;
		color:#444;
		text-align:center;
		padding:0px;
		white-space: nowrap;
		height:35px !important;
                overflow: hidden;
                width:46px;
                white-space: nowrap;
		}
		.emploi_classe_teachers td.drop{
		background:#fafafa;

		}
		.emploi_classe_teachers td.over{
		background:#FBEC88;
		}
		.item_teachers{
                    font-size: 10px;
		text-align:center;
		color:white;
		height:35px;
		vertical-align: middle;
                word-wrap: break-word;      /* IE 5.5-7 */
                white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
                white-space: pre-wrap;
                transition: color 0.5s linear; /* vendorless fallback */
    -o-transition: color 0.5s linear; /* opera */
    -ms-transition: color 0.5s linear; /* IE 10 */
    -moz-transition: color 0.5s linear; /* Firefox */
    -webkit-transition: color 0.5s linear; /*safari and chrome */
    padding-right:0px !important;
    padding-left:0px !important;
    cursor: pointer;
                }

		.trash_teachers{
		background-color:red;
		}
                .classex_teachers{
                padding-left: 5px;
                padding-right: 5px;
                padding-bottom: 5px;
                font-size:13px;
                }
                .day{
                 background-color: #E0ECFF !important;
                 font-weight: bold;
                }
                .time{
                background-color: #E0ECFF !important;
                font-weight: bold;
                }
                .matieres_teachers{
                text-align:center !important;
                }

                .seance_duration_teachers {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    padding: 2px 6px !important;
}

table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
 padding-right: 0px !important;
}

.preview {

    border: 1px solid #ddd; /* Gray border */
    border-radius: 4px;  /* Rounded border */
    padding: 5px; /* Some padding */
    width: 150px; /* Set a small width */
    height: 220px; /* Set a small width */

}

.preview:hover {
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}






.clock { padding-top:4px;
        color:#0af955;
        font-size:8pt;

}

#Datexx {  text-align:center;
           padding-top:10px;
           padding-right:5px;

           font-size:8pt;

}

.wa9t { margin:0 auto; padding:0px; list-style:none; text-align:center;}
.wa9tx { display:inline; text-align:center;  }

#point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:2px; padding-right:2px; }

@-webkit-keyframes mymove
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }
}


@-moz-keyframes mymove
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }
}
.Highlighted{
    background: url(/custom/backend/img/brush1.png);
background-repeat: no-repeat;
background-size: 100% ;
padding: 20px 30px 10px 40px;

    display: block;
}
header{
    color:#2196F3;
}

.nav-link{
    color:#8A99B5 !important;
}
.sidemenu-container {
    background-color: #1a233a  !important;
}

.page-container {
    background-color: #1a233a !important;
}
.sidemenu>li.active.open>a {
    background-color: #1a233a !important;
}
.sub-menu {
    background-color: #1a233a !important;
}
.page-logo {
    background-color: #1a233a !important;
}