/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/

.portlet {
    border-radius: 4px !important;
}

.portlet .portlet-title {
    border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
    border-radius: 0px 0px 4px 4px !important;
}

/* Page breadcrumb */
.page-bar {
    padding: 0px;
    background-color: #ffffff;
    margin-bottom: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.page-bar:before, .page-bar:after {
    content: " ";
    display: table;
}
.page-bar:after {
    clear: both;
}
.page-bar .page-breadcrumb {
    display: inline-block;
    float: left;
    padding: 10px 6px;
    margin: 0;
    list-style: none;
}
.page-bar .page-breadcrumb > li {
    display: inline-block;
}
.ie8 .page-bar .page-breadcrumb > li {
    margin-right: 1px;
}
.page-bar .page-breadcrumb > li > a,
.page-bar .page-breadcrumb > li > span {
    color: #888;
    font-size: 13px;
    text-shadow: none;
}
.page-bar .page-breadcrumb > li > i {
    color: #aaa;
    font-size: 14px;
    text-shadow: none;
}
.page-bar .page-breadcrumb > li > i[class^="icon-"],
.page-bar .page-breadcrumb > li > i[class*="icon-"] {
    color: #8c8c8c;
}
.page-bar .page-toolbar {
    display: inline-block;
    float: right;
}
.page-bar .page-toolbar .btn-fit-height {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    padding-top: 9px;
    padding-bottom: 12px;
}
.page-md .page-bar .page-toolbar .btn-fit-height {
    padding-top: 11px;
    padding-bottom: 10px;
    box-shadow: none !important;
}
.page-bar .page-toolbar .btn.btn-default {
    border-color: #eee;
    color: #999;
}
.page-bar .page-toolbar .btn.btn-default > i {
    color: #999;
}
.page-bar .page-toolbar .btn.btn-sm {
    margin-top: 0px;
}
.page-bar .page-toolbar .btn-dashboard-daterange {
    padding: 8px 16px 8px 16px;
}
.page-bar .page-toolbar .btn-dashboard-daterange > i[class^="icon-"] {
    position: relative;
    font-size: 20px;
    opacity: 0.8 ;
    filter: alpha(opacity=80) ;
    top: 2px;
}
.page-bar .page-toolbar .btn-dashboard-daterange > i.fa-angle-down {
    font-size: 16px;
    opacity: 0.8 ;
    filter: alpha(opacity=80) ;
}


.table-responsive { overflow-x: hidden !important;; }
.app-title { color: #3f9ecc; }
.ms-container { width: 570px !important;  }
.ms-container .ms-list { height: 400px; }

.input-icon > i {
    color: #ccc;
    display: block;
    position: absolute;
    /*margin: 15px 2px 4px 10px;*/
}


@media (min-width: 480px) and (max-width: 800px) {
    .app-title {
        /*font-size: 20px;*/
    }
}

.mr0{
    margin-right: 0px;
}

@media (min-width: 992px) {
    .modal-gt-lg {
        width: 1200px;
    }

    .modal-lt-lg {
        width: 750px;
    }
}

.page-footer .page-footer-inner {
    float: none;
    display: block;
}

.modal .modal-header {
    background: #578ebe !important;
    color: #fff !important;
}

.md-shadow-z-3, .modal {
    box-shadow: none !important;
}

.close {
    opacity: .5 !important;
}

.rotatePDF{
    -webkit-transform: rotate(-10deg) !important;
    -moz-transform: rotate(-10deg) !important;
    -ms-transform: rotate(-10deg) !important;
    -o-transform: rotate(-10deg) !important;
    transform: rotate(-10deg) !important;
}

th.rotate {
    /* Something you can count on */
    /*height: 300px;*/
    white-space: nowrap;
}

th.rotate > div {
    transform:
        /* Magic Numbers */
        translate(0px, 0px)
        /* 45 is really 360 - 45 */
        rotate(-90deg);
    /*width: 30px;*/
}

.dashboard-stat2 {
    padding: 15px 15px 10px 15px;
}

/***
Dropdown Menu For Impression notes or moyennes easyLMD
***/
.dropdown-menu-for-impression-notes-easylmd {
    min-width: 140px;
}
.dropdown-menu-for-excel-notes-easylmd {
    min-width: 140px;
}
/***
Dropdown Menu For Action moyenne annuelles easyLMD
***/
.dropdown-menu-for-actions-moyennes-annuelles-easylmd {
    min-width: 120px;
}

.timeline-grey-light {
    background-color: #f5f6fa; }

/*Historique ETudiant Page*/

.historique-stat-title {
    color: #f1353d;
    font-size: 16px;
    font-weight: 800;
    text-align: center;
}

.historique-stat-text {
    color: #f1353d;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
}

/* RESPONSIVE MODE */
@media (max-width: 991px) {
    /* 991px */
    /* 991px */
    .historique-sidebar {
        float: none;
        width: 100% !important;
        margin: 0;
    }

    .historique-sidebar > .portlet {
        margin-bottom: 20px;
    }

    .historique-content {
        overflow: visible;
    }
}

.timeline li.timeline-blue .timeline-body {
    border: 2px solid #cccccc;
    background: white;
}

.timeline > li .timeline-body:after {
    /*right: 100%;*/
    /*border: 2px solid #d3d7e9;*/
    /*content: " ";*/
    /*height: 0;*/
    /*width: 0;*/
    /*position: absolute;*/
    /*pointer-events: none;*/

    border-right-color: #cccccc !important;

    /*border-width: 10px;*/
    /*top: 19px;*/
}

.timeline-panel {
    /*width: 46%;*/
    /*float: left;*/
    /*border: 1px solid #d4d4d4;*/
    /*border-radius: 2px;*/
    /*padding: 20px;*/
    /*position: relative;*/
    /*-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);*/
    /*box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);*/
}

.sticky-column1 {
    position: sticky;
    width: auto;
    left: auto;
    z-index: 20000;
    background-color: white;
}

.sticky-column2 {
    position: sticky;
    width: auto;
    left: auto;
    z-index: 20000;
    background-color: white;
}

.sticky-column3 {
    position: sticky;
    width: auto;
    left: auto;
    z-index: 20000;
    background-color: white;
}