/*
Template Name: Flat Lab Dashboard build with Bootstrap v3.3.2
Template Version: 3.0
Author: Mosaddek Hossain
Website: http://thevectorlab.net/
*/
/* Import fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
body{
    color: #797979;
    background: #f1f2f7;
    font-family: 'Open Sans', sans-serif;
    padding: 0px;
    margin: 0px;
    font-size:13px;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;

}
ul li{
   /*list-style: none;*/
}
a, a:hover, a:focus{
    text-decoration: none;
    outline: none;
}
::selection{
    background: #FF6C60;
    color: #fff;
}
::-moz-selection{
    background: #FF6C60;
    color: #fff;
}
/* Alignement vertical des cellules dans les entêtes des tableauw */
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{
    vertical-align: middle;
}
/* SURCHARGE */
/*
a.page{
    color:white !important;
    font-weight: bold;
    background-color: #0D5275 !important;
}
*/
/* SURCHARGE  MENU (PADDING) )*/
.nav>li>a{
    position: relative;
    display: block;
    padding-left : 8px;
    padding-right:8px;
}
.label{
    font-size: 90%;
}
.btn-primary, .btn-primary.disabled, .btn-primary[disabled], .btn-primary.disabled.active, .btn-primary.active[disabled]{
    /* background-color: #0D5275; */
    /* border-color: #0D5275; */
    /* color: #FFFFFF; */
}
.btn-primary:hover{
    /* background-color: #2CB8EC; */
}
.btn-info {
    /* background-color: #2CB8EC; */
}
.panel-success>.panel-heading{
    /* background-color: #e5e8ef */
}
ul{padding-left:20px;}
.folder{font-size:110%;}
/* --------------  */
/*login page*/
.login-body{
    /*margin-top: 40px;*/
}
.login-body .col-1 {
    padding: 50px 0;
    background: #fff;
}
.login-body .col-2 {
    background: #0D5275;
}
.form-signin {
    max-width: 350px;
    margin-left:  auto;
    margin-right:  auto;
    margin-top:40px;
    /*background: #fff;*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.form-signin h2.form-signin-heading {
    margin: 0;
    padding: 10px;
    text-align: center;
    /*background: #0D5275;*/
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 18px;
    /*text-transform: uppercase;*/
    /*font-weight: 300;*/
    font-family: 'Open Sans', sans-serif;
}
/*.form-signin .checkbox{
    margin-bottom: 14px;
}
.form-signin .checkbox{
    color: #b6b6b6;
    font-weight: normal;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
}*/
.login-wrap {
    padding: 10px;
}
.form-signin .login-wrap .form-control {
    position: relative;
    height: 45px;
    margin: 10px auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: none;
    border: unset;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    color: #fff !important;
    font-size: 16px;
}
.form-signin .login-wrap .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #e2e2e4;
  opacity: 1; /* Firefox */
}
.form-signin .login-wrap .form-control::-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #e2e2e4;
}
.form-signin .login-wrap .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #e2e2e4;
}
/*.form-signin .login-wrap .form-control::selection {
    background: #fff;
}*/
.form-signin .login-wrap .form-control:focus {
    background: none;
    color: #fff !important;
    /*border: 1px solid #517397;*/
    z-index: 2;
}
/* Change Autocomplete styles in Chrome*/
.form-signin .login-wrap input:-webkit-autofill,
.form-signin .login-wrap input:-webkit-autofill:hover,
.form-signin .login-wrap input:-webkit-autofill:focus,
.form-signin .login-wrap textarea:-webkit-autofill,
.form-signin .login-wrap textarea:-webkit-autofill:hover,
.form-signin .login-wrap textarea:-webkit-autofill:focus,
.form-signin .login-wrap select:-webkit-autofill,
.form-signin .login-wrap select:-webkit-autofill:hover,
.form-signin .login-wrap select:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff !important;
  transition: background-color 5000s ease-in-out 0s;
  /*border: 1px solid #fff;*/
  /*-webkit-box-shadow: 0 0 0px 1000px transparent inset;*/
}
.form-signin input[type="text"], .form-signin input[type="password"]{
    /*border: 1px solid #eaeaea;*/
    /*border-radius: 5px;*/
    /*box-shadow: none;*/
    /*height: 45px !important;*/
    /*margin: 25px auto;*/
    /*-webkit-border-radius: 5px;*/
}
.form-signin .btn-login {
    max-width: 200px;
    margin: 20px auto;
    border-radius: 30px;
    background: #fff;
    color: #0d5275;
    font-family: 'Open Sans', sans-serif;
}
.form-signin p{
    text-align: center;
    font-size: 16px;
    /*font-weight: 300;*/
}
.form-signin a{
    /*color: #0D5275;*/
    color: #fff;
}
.form-signin a:hover{
    /*color: #b6b6b6;*/
    text-decoration: underline;
}
.login-social-link{
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 15px;
}
.login-social-link a{
    color: #fff;
    padding: 15px 28px;
    border-radius: 4px;
}
.login-social-link a:hover{
    color: #fff;
}
.login-social-link a i{
    font-size: 20px;
    padding-right: 10px;
}
.login-social-link a.facebook{
    background: #5193ea;
    margin-right: 22px;
    box-shadow: 0 4px #2775e2;
    float:left;
}
.login-social-link a.twitter{
    background: #44ccfe;
    box-shadow: 0 4px #2bb4e8;
    float:left;
}
/*---*/
.nav-collapse.collapse{
    display: inline;
}
.site-header{
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 10;
}
.wrapper{
    padding: 15px;
}
a.logo{
    font-size: 21px;
    color: #2e2e2e;
    float: left;
    margin-top: 15px;
    text-transform: uppercase;
}
a.logo:hover, a.logo:focus{
    text-decoration: none;
    outline: none;
}
a.logo img {
    width: 100%;
    height: auto;
}
a.logo span{
    color: #FF6C60;
}
/*notification*/
#top_menu .nav > li, ul.top-menu > li{
    float: left;
}
.notify-row{
    float: left;
    margin-top: 15px;
    margin-left: 92px;
}
.notify-row .notification span.label{
    display: inline-block;
    height: 18px;
    width: 20px;
    padding: 5px;
}
ul.top-menu > li > a{
    color: #666666;
    font-size: 16px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border:1px solid #f0f0f8 !important;
    padding: 2px 6px;
    margin-right: 15px;
}
ul.top-menu > li > a:hover, ul.top-menu > li > a:focus{
    border:1px solid #f0f0f8 !important;
    background-color: #fff!important;
    border-color: #f0f0f8 !important;
    text-decoration: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #2E2E2E !important;
}
.notify-row .badge{
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 10;
}
.dropdown-menu.extended{
    max-width: 300px !important;
    min-width: 160px !important;
    top: 42px;
    width: 235px !important;
    padding: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
    border: none !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    /* Safari and Chrome */
    .dropdown-menu.extended{
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important;
    }
}
.dropdown-menu.extended li p{
    background-color: #F1F2F7;
    color: #666666;
    margin: 0;
    padding: 10px;
    border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
}
.dropdown-menu.extended li p.green{
    background-color: #a9d86e;
    color: #fff;
}
.dropdown-menu.extended li p.red{
    background-color: #F77B6F;
    color: #fff;
}
.dropdown-menu.extended li p.yellow{
    background-color: #fcb322;
    color: #fff;
}
.dropdown-menu.extended li a{
    display: inline-block;
    width: 100%;
    padding: 0px 10px !important;
    border-bottom: 1px solid #EBEBEB !important;
    font-size: 12px;
    list-style: none;
}
.dropdown-menu.extended li a:hover{
    background-color: #F7F8F9 !important;
    color: #2E2E2E;
}
.dropdown-menu.tasks-bar .task-info .desc{
    font-size: 13px;
    font-weight: normal;
}
.dropdown-menu.tasks-bar .task-info .percent{
    display: inline-block;
    float: right;
    font-size: 13px;
    font-weight: 600;
    padding-left: 10px;
    margin-top: -4px;
}
.dropdown-menu.extended .progress{
    margin-bottom: 0 !important;
    height: 10px;
}
.dropdown-menu.inbox li a .photo img{
    border-radius: 2px 2px 2px 2px;
    float: left;
    height: 40px;
    margin-right: 4px;
    width: 40px;
}
.dropdown-menu.inbox li a .subject{
    display: block;
}
.dropdown-menu.inbox li a .subject .from{
    font-size: 12px;
    font-weight: 600;
}
.dropdown-menu.inbox li a .subject .time{
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    position: absolute;
    right: 5px;
}
.dropdown-menu.inbox li a .message{
    display: block !important;
    font-size: 11px;
}
.top-nav{
    margin-top: 7px;
}
.top-nav ul.top-menu > li .dropdown-menu.logout{
    width: 268px !important;
}
    .top-nav li.dropdown .dropdown-menu{
    float: right;
    right: 0;
    left: auto;
}
.dropdown-menu.extended.logout > li{
    float: left;
    text-align: center;
    width: 33.3%;
}
.dropdown-menu.extended.logout > li:last-child{
    float: left;
    text-align: center;
    width: 100%;
    background: #a9d96c;
    border-radius: 0 0 3px 3px;
}
.dropdown-menu.extended.logout > li:last-child > a, .dropdown-menu.extended.logout > li:last-child > a:hover{
    color: #fff;
    border-bottom: none !important;
    text-transform: uppercase;
}
.dropdown-menu.extended.logout > li:last-child > a:hover > i{
    color: #fff;
}
.dropdown-menu.extended.logout > li > a{
    color: #a4abbb;
    border-bottom: none !important;
}
.full-width .dropdown-menu.extended.logout > li > a:hover{
    background: none !important;
    color: #50c8ea !important;
}
.dropdown-menu.extended.logout > li > a:hover{
    background: none !important;
}
.dropdown-menu.extended.logout > li > a:hover i{
    color: #50c8ea;
}
.dropdown-menu.extended.logout > li > a i{
    font-size: 17px;
}
.dropdown-menu.extended.logout > li > a > i{
    display: block;
}
.top-nav .username{
    font-size: 13px;
    color: #555555;
}
.top-nav ul.top-menu > li > a{
    border: 1px solid #eeeeee;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 6px;
    background: none;
    margin-right: 0;
}
.top-nav ul.top-menu > li{
    margin-left: 10px;
}
.top-nav ul.top-menu > li > a:hover, .top-nav ul.top-menu > li > a:focus{
    border:1px solid #F1F2F7;
    background: #F1F2F7;
}
    .top-nav .dropdown-menu.extended.logout{
    top: 50px;
}
.top-nav .nav .caret{
    border-bottom-color: #A4AABA;
    border-top-color: #A4AABA;
}
.top-nav ul.top-menu > li > a:hover .caret{
    border-bottom-color: #000;
    border-top-color: #000;
}
.log-arrow-up{
    background: url("../img/arrow-up.png") no-repeat;
    width: 20px;
    height: 11px;
    position: absolute;
    right: 20px;
    top: -10px;
}
/*----*/
.notify-arrow{
    border-style: solid;
    border-width: 0 9px 9px;
    height: 0;
    margin-top: 0;
    opacity: 0;
    position: absolute;
    left: 7px;
    top: -18px;
    transition: all 0.25s ease 0s;
    width: 0;
    margin-top: 10px;
    opacity: 1;
}
.notify-arrow-yellow{
    border-color: transparent transparent #FCB322;
    border-bottom-color: #FCB322 !important;
    border-top-color: #FCB322 !important;
}
.notify-arrow-red{
    border-color: transparent transparent #F77B6F;
    border-bottom-color: #F77B6F !important;
    border-top-color: #F77B6F !important;
}
.notify-arrow-green{
    border-color: transparent transparent #a9d86e;
    border-bottom-color: #a9d86e !important;
    border-top-color: #a9d86e !important;
}
/*search*/
.search{
    margin-top: 6px ;
    width: 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #fff;
    box-shadow: none;
    background: url("../img/search-icon.png") no-repeat 10px 8px;
    padding:0 5px 0 35px;
    color: #000;
}
.search:focus{
    margin-top: 5px ;
    width: 180px;
    border: 1px solid #eaeaea;
    box-shadow: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: #c8c8c8;
    font-weight: 300;
}
/*main chart*/
.border-head h3{
    border-bottom: 1px solid #c9cdd7;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 5px;
    font-weight: normal;
    font-size: 18px;
    display: inline-block;
    width: 100%;
    font-weight: 300;
}
.custom-bar-chart{
    height: 290px;
    margin-top: 20px;
    margin-left: 10px;
    position: relative;
    border-bottom: 1px solid #c9cdd7;
}
.custom-bar-chart .bar{
    height: 100%;
    position: relative;
    width: 4.3%;
    margin: 0px 2%;
    float: left;
    text-align: center;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0x;
    border-radius: 5px 5px 0 0;
    z-index: 10;
}
.custom-bar-chart .bar .title{
    position: absolute;
    bottom: -30px;
    width: 100%;
    text-align: center;
    font-size: 12px;
}
.custom-bar-chart .bar .value{
    position: absolute;
    bottom: 0;
    background: #bfc2cd;
    color: #bfc2cd;
    width: 100%;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.custom-bar-chart .bar .value:hover{
    background: #e8403f;
    color: #fff;
}
.y-axis{
    color: #555555;
    position: absolute;
    text-align: right;
    width: 100%;
}
.y-axis li{
    border-top: 1px dashed #dbdce0;
    display: block;
    height: 58px;
    width: 100%;
}
.y-axis li:last-child{
    border-top: none;
}
.y-axis li span{
    display: block;
    margin: -10px 0 0 -25px;
    padding: 0 10px;
    width: 40px;
}
.y-axis{
    color: #555555;
    text-align: right;
}
/*spark line*/
.chart{
    display: inline-block;
    text-align: center;
    width: 100%;
}
.chart .heading{
    text-align: left;
}
.chart .heading span{
    display: block;
}
.panel.green-chart .chart-tittle{
    font-size: 16px;
    padding: 15px;
    display: inline-block;
    font-weight:normal;
    background: #99c262;
    width: 100%;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}
#barchart{
    margin-bottom: -15px;
    display: inline-block;
}
.chart-tittle .title{
}
.panel.green-chart .chart-tittle .value{
    float: right;
    color: #c0f080;
}
.panel.green-chart{
    background: #a9d96c;
    color: #fff;
}
.panel.terques-chart{
    background: #41cac0;
    color: #fff;
}
.panel.terques-chart .chart-tittle .value{
    float: right;
    color: #fff;
}
.panel.terques-chart .chart-tittle .value a{
    color: #fff;
    font-size: 12px;
}
.panel.terques-chart .chart-tittle .value a:hover, .panel.terques-chart .chart-tittle .value a.active{
    color: #55f2e7;
    font-size: 12px;
}
.panel.terques-chart .chart-tittle{
    font-size: 16px;
    padding: 15px;
    display: inline-block;
    font-weight:normal;
    background: #39b7ac;
    width: 100%;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}
.inline-block{
    display: inline-block;
}
/**/
.panel-body.chart-texture{
    background: url("../img/chart-texture.jpg");
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}
/*personal task*/
.task-thumb{
    width: 90px;
    float: left;
    margin-bottom: 5px;
}
.task-thumb img{
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.task-thumb-details{
    display: inline-block;
    margin: 25px 0 0 10px;
}
.task-progress{
    float: left;
}
.task-thumb-details h1, .task-thumb-details h1 a, .task-progress h1, .task-progress h1 a{
    color: #39b5aa;
    font-size: 18px;
    margin: 0;
    padding: 0;
    font-weight: 400;
}
.task-thumb-details p, .task-progress p{
    padding-top: 5px;
    color: #a4aaba;
}
.personal-task tbody tr td{
    padding: 11px 15px;
    border-color: #eeeff1;
}
.personal-task tbody tr td i{
    font-size: 20px;
    color: #c7cbd4;
}
.personal-task.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th{
    background-color: #f7f8fc;
}
.personal-task.table-hover > tbody > tr:hover > td i{
    color: #39b5aa;
}
.personal-task > tbody > tr > td:last-child{
    text-align: right;
}
.task-option{
    float: right;
}
.task-option select{
    height: 35px;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 8px;
    color: #a4abbb;
}
.progress-panel{
    padding-bottom: 5px;
}
/*badge*/
.badge.bg-primary{
    background: #8075c4;
}
.badge.bg-success{
    background: #a9d86e;
}
.badge.bg-warning{
    background: #FCB322;
}
.badge.bg-important{
    background: #F77B6F;
}
.badge.bg-info{
    background: #41cac0;
}
.badge.bg-inverse{
    background: #2A3542;
}
.chart-info, .chart-info .increase, .chart-info .decrease{
    display: inline-block;
}
.chart-info{
    width: 100%;
    margin-bottom:5px;
}
.chart-position{
    margin-top: 70px;
}
.chart-info span{
    margin: 0 3px;
}
.chart-info .increase{
    background: #2cb8ec;
    width: 10px;
    height: 10px;
}
.chart-info .decrease{
    background: #f2f2f2;
    width: 10px;
    height: 10px;
}
/*flatlab carousel model*/
.flat-carousal{
    background: #58c9f3;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    padding: 10px;
    color: #fff;
    position: relative;
}
.flat-carousal h1{
    text-align: center;
    font-size: 16px;
    margin: 30px 20px;
    line-height: 20px;
    font-weight: 300;
    font-style: italic;
}
a.view-all{
    color: #fff;
    background: rgba(0,0,0,0.1);
    padding: 8px 15px;
    text-align: center;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    margin-bottom: 18px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
}
ul.ft-link{
    margin: 0;
    padding: 0;
}
ul.ft-link li{
    border-right: 1px solid #E6E7EC;
    display: inline-block;
    line-height: 30px;
    margin: 8px 0;
    text-align: center;
    width: 24%;
}
ul.ft-link li a{
    color: #74829c;
    text-transform: uppercase;
    font-size: 12px;
}
ul.ft-link li a:hover, ul.ft-link li.active a{
    color: #58c9f3;
}
ul.ft-link li:last-child{
    border-right: none;
}
ul.ft-link li a i{
    display: block;
}
/*fontawesome*/
.fontawesome-icon-list h2{
    margin-top: 0;
    font-size: 20px;
    font-weight: 300;
}
.fontawesome-icon-list .col-sm-4, .fontawesome-icon-list .col-md-3, .fontawesome-icon-list .col-xs-6{
    margin-bottom: 10px;
}
.fontawesome-icon-list .page-header{
    border-bottom: 1px solid #C9CDD7;
}
.fontawesome-icon-list a{
    color: #797979;
}
.fontawesome-icon-list a:hover{
    color: #35404D;
}
.fontawesome-icon-list i{
    font-size: 16px;
    padding-right: 10px;
}
#web-application, #text-editor, #directional, #video-player, #brand, #medical, #currency{
    margin-top: 10px;
}
/*mail inbox*/
.mail-box{
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}
.mail-box aside{
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
}
.mail-box .sm-side{
    background: #fff;
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
}
.mail-box .lg-side{
    width: 75%;
    background-color: transparent;
    border-radius: 0px 4px 4px 0;
    -webkit-border-radius: 0px 4px 4px 0;
}
.mail-box .sm-side .user-head{
    /* background: #00a8b3; */
    background: #2CB8EC;
    border-radius: 4px 0px 0px 0;
    -webkit-border-radius: 4px 0px 0px 0;
    padding: 10px;
    color: #fff;
    min-height: 80px;
}
.user-head .inbox-avatar{
    width: 65px;
    float: left;
}
.user-head .inbox-avatar img{
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.user-head .user-name{
    display: inline-block;
    margin:0 0 0 10px;
}
.user-head .user-name h5{
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 300;
}
.user-head .user-name h5 a{
    color: #fff;
}
.user-head .user-name span a{
    font-size: 12px;
    color: #87e2e7;
}
a.mail-dropdown{
    background: #80d3d9;
    padding:3px 5px;
    font-size: 10px;
    color: #01a7b3;
    border-radius: 2px;
    margin-top: 20px;
}
.inbox-body{
    padding: 20px;
}
.btn-compose{
    background: #2cb8ec;
    padding: 12px 0;
    text-align: center;
    width: 100%;
    color: #fff;
}
.btn-compose:hover{
    background: #f5675c;
    color: #fff;
}
ul.inbox-nav{
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.inbox-divider{
    border-bottom: 1px solid #d5d8df;
}
ul.inbox-nav li{
    display: inline-block;
    line-height: 45px;
    width: 100%;
}
ul.inbox-nav li a{
    color: #6a6a6a;
    line-height: 45px;
    width: 100%;
    display: inline-block;
    padding: 0 20px;
}
ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus{
    color: #6a6a6a;
    background: #d5d7de;
}
ul.inbox-nav li a i{
    padding-right: 10px;
    font-size: 16px;
    color: #6a6a6a;
}
ul.inbox-nav li a span.label{
    margin-top: 13px;
}
ul.labels-info li h4{
    padding-left:15px;
    padding-right:15px;
    padding-top: 5px;
    color: #5c5c5e;
    font-size: 13px;
    text-transform: uppercase;
}
ul.labels-info li{
    margin: 0;
}
ul.labels-info li a{
    color: #6a6a6a;
    border-radius: 0;
}
ul.labels-info li a:hover, ul.labels-info li a:focus{
    color: #6a6a6a;
    background: #d5d7de;
}
ul.labels-info li a i{
    padding-right: 10px;
}
.nav.nav-pills.nav-stacked.labels-info p{
    margin-bottom: 0;
    padding: 0 22px;
    color: #9d9f9e;
    font-size: 11px;
}
.inbox-head{
    padding:20px;
    /* background: #41cac0; */
    background: #0D5275;
    color: #fff;
    border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    min-height: 80px;
}
.inbox-head  h3{
    margin: 0;
    display: inline-block;
    padding-top: 6px;
    font-weight: 300;
}
.inbox-head  .sr-input{
    height: 40px;
    border: none;
    box-shadow: none;
    padding: 0 10px;
    float: left;
    border-radius: 4px 0 0 4px;
    color: #8a8a8a;
}
.inbox-head  .sr-btn{
    height: 40px;
    border: none;
    background: #00a6b2;
    color: #fff;
    padding: 0 20px;
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
}
.table-inbox{
    border: 1px solid #d3d3d3;
    margin-bottom: 0;
}
.table-inbox tr td{
    padding: 12px !important;
}
.table-inbox tr td:hover{
    cursor: pointer;
}
.table-inbox tr td .fa-star.inbox-started ,.table-inbox tr td .fa-star:hover{
    color: #f78a09;
}
.table-inbox tr td .fa-star{
    color: #d5d5d5;
}
.table-inbox tr.unread td{
    font-weight: 600;
    background: #f7f7f7;
}
ul.inbox-pagination{
    float: right;
}
ul.inbox-pagination li{
    float: left;
}
.mail-option{
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}
.mail-option .chk-all, .mail-option .btn-group{
    margin-right: 5px;
}
.mail-option .chk-all, .mail-option .btn-group a.btn{
    border: 1px solid #e7e7e7;
    padding: 5px 10px;
    display: inline-block;
    background: #fcfcfc;
    color: #afafaf;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
}
.inbox-pagination a.np-btn{
    border: 1px solid #e7e7e7;
    padding: 5px 15px;
    display: inline-block;
    background: #fcfcfc;
    color: #afafaf;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
}
.mail-option .chk-all input[type=checkbox]{
    margin-top: 0;
}
.mail-option .btn-group a.all{
    padding: 0;
    border: none;
}
.inbox-pagination a.np-btn{
    margin-left: 5px;
}
.inbox-pagination li span{
    display: inline-block;
    margin-top: 7px;
    margin-right: 5px;
}
.fileinput-button{
    border: 1px solid #e6e6e6;
    background: #eeeeee;
}
.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea{
    border: 1px solid #e6e6e6;
    box-shadow: none;
}
.btn-send, .btn-send:hover{
    background: #00A8B3;
    color: #fff;
}
.btn-send:hover{
    background: #009da7;
}
.modal-header h4.modal-title{
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
}
.modal-body label{
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}
.heading-inbox h4{
    font-size: 18px;
    color: #444;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-top: 20px;
}
.sender-info{
    margin-bottom: 20px;
}
.sender-info img{
    width: 30px;
    height: 30px;
}
.sender-dropdown{
    background: #eaeaea;
    padding:0 3px;
    color: #777;
    font-size: 10px;
}
.view-mail a{
    color: #FF6C60;
}
.attachment-mail{
    margin-top: 30px;
}
.attachment-mail ul{
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
}
.attachment-mail ul li{
    float: left;
    width: 150px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.attachment-mail ul li img{
    width: 100%;
}
.attachment-mail ul li span{
    float: right;
}
.attachment-mail .file-name{
    float: left;
}
.attachment-mail .links{
    width: 100%;
    display: inline-block;
}
/*404 page*/
.body-404{
    background: #18d4cb;
    color: #fff;
}
.error-wrapper{
    text-align: center;
    margin-top: 10%;
}
.error-wrapper .icon-404{
    background: url("../img/404_icon.png") no-repeat;
    width: 289px;
    height: 274px;
    display: inline-block;
    margin-left: 30px;
}
.error-wrapper h1{
    font-size: 90px;
    font-weight: 300;
    margin: -50px 0 0 0;
}
.error-wrapper h2{
    font-size: 20px;
    font-weight: 300;
    margin: 0 0 30px 0;
}
.error-wrapper p, .error-wrapper p a{
    font-size: 18px;
    font-weight: 300;
}
.error-wrapper p.page-404{
    color: #7dfff7;
}
.error-wrapper p.page-404 a, .error-wrapper p.page-500 a,  .error-wrapper p.page-404 a:hover, .error-wrapper p.page-500 a:hover{
    color: #fff;
}
/*500 page*/
.body-500{
    background: #8075c6;
    color: #fff;
}
.error-wrapper p.page-500{
    color: #afa5f1;
}
.error-wrapper .icon-500{
    background: url("../img/500_icon.png") no-repeat;
    width: 289px;
    height: 274px;
    display: inline-block;
    margin-left: 55px;
}
/*calendar*/
.has-toolbar.fc{
    margin-top: 50px;
}
.fc-header-title{
    display: inline-block;
    margin-top: -50px;
    vertical-align: top;
}
.fc-view{
    margin-top: -50px;
    overflow: hidden;
    width: 100%;
}
.fc-state-default, .fc-state-default .fc-button-inner{
    background: #F3F3F3 !important;
    border-color: #DDDDDD;
    border-style: none solid;
    color: #646464;
}
.fc-state-active, .fc-state-active .fc-button-inner,
.fc-state-hover, .fc-state-hover .fc-button-inner{
    background:  #FF6C60 !important;
    color: #fff !important;
}
.fc-event-skin{
    background-color: #6883a3 !important;
    border-color: #6883a3 !important;
    color: #FFFFFF !important;
}
.fc-grid th{
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #F3F3F3 !important;
}
.fc-header-title h2{
    font-size: 20px !important;
    color: #C8CCD7;
    font-weight: 300;
}
.external-event{
    cursor: move;
    display: inline-block !important;
    margin-bottom: 6px !important;
    margin-right: 6px !important;
    padding: 8px;
}
#external-events p input[type="checkbox"]{
    margin: 0;
}
.drg-event-title{
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.fc-content .fc-event, .fc-content .fc-event-inner{
    border-radius: 4px;
    -webkit-border-radius: 4px;
    /* padding: 4px 6px; */
}
.fc-event-inner{
    padding: 4px 6px;
}
.fc-corner-left{
    /* border-radius: 4px 0 0 4px; */
    /* -webkit-border-radius: 4px 0 0 4px; */
}
.fc-corner-right{
    /* border-radius: 0 4px 4px 0; */
    /* -webkit-border-radius: 0 4px 4px 0; */
}
.drp-rmv{
    padding-top: 10px;
    margin-top: 10px;
}
/*tabs*/
.tab-head{
    background: #7087a3;
    display: inline-block;
    width: 100%;
    margin-top: 60px;
}
.tab-container{
    margin-top: 10px;
}
.tab-head .nav-tabs > li > a{
    border-radius: 0;
    margin-right: 1px;
    color: #fff;
}
.tab-head .nav-tabs > li.active > a, .tab-head .nav-tabs > li > a:hover, .tab-head .nav-tabs > li.active > a:hover, .tab-head .nav-tabs > li.active > a:focus{
    background-color: #f1f2f7;
    border-color: #f1f2f7;
    color: #797979;
}
/*general page*/
.progress-xs{
    height: 8px;
}
.progress-sm{
    height: 12px;
}
.panel-heading .nav{
    border: medium none;
    font-size: 14px;
    font-weight: bold;
    margin: -10px -15px -11px;
}
.tab-bg-dark-navy-blue{
    /* background: #7087A3; */
    background: #2CB8EC;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-bottom: none;
}
.panel-heading .nav > li > a,
.panel-heading .nav > li.active > a, .panel-heading .nav > li.active > a:hover, .panel-heading .nav > li.active > a:focus{
    border-width: 0;
    border-radius: 0;
}
.panel-heading .nav > li > a{
    color: #fff;
}
.panel-heading .nav > li.active > a, .panel-heading .nav > li > a:hover{
    color: #47596f;
    background: #fff;
}
.panel-heading .nav > li:first-child.active > a, .panel-heading .nav > li:first-child > a:hover{
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
}
.tab-right{
    height: 38px;
}
.panel-heading.tab-right .nav > li:first-child.active > a, .tab-right.panel-heading .nav > li:first-child > a:hover{
    border-radius:  0 ;
    -webkit-border-radius: 0 ;
}
.panel-heading.tab-right .nav > li:last-child.active > a, .tab-right.panel-heading .nav > li:last-child > a:hover{
    border-radius:  0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
}
.panel-heading.tab-right .nav-tabs > li > a{
    margin-left: 1px;
    margin-right: 0px;
}
.m-bot20{
    margin-bottom: 20px;
}
.m-bot-none{
    margin-bottom: 0;
}
.wht-color{
    color: #fff;
}
.close-sm{
    font-size: 14px;
}
/*carousel*/
.carousel-indicators li{
    background:  rgba(0, 0, 0, 0.2) ;
    border:  none;
    transition:background-color 0.25s ease 0s;
    -moz-transition:background-color 0.25s ease 0s;
    -webkit-transition:background-color 0.25s ease 0s;
}
.carousel-indicators .active{
    background:#2cb8ec;
    height: 10px;
    margin: 1px;
    width: 10px;
}
.carousel-indicators.out{
    bottom: -5px;
}
.carousel-indicators.out{
    bottom: -5px;
}
.carousel-control{
    color: #999999;
    text-shadow: none;
    width: 45px;
}
.carousel-control i{
    display: inline-block;
    height: 25px;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 20px;
    z-index: 5;
}
.carousel-control.left, .carousel-control.right{
    background: none;
    filter:none;
}
.carousel-control:hover, .carousel-control:focus{
    color: #CCCCCC;
    opacity: 0.9;
    text-decoration: none;
}
.carousel-inner h3{
    font-weight: 300;
    font-size: 16px;
    margin: 0;
}
.carousel-inner{
    margin-bottom: 15px;
}
/*gritter*/
/* .gritter-close{
    left: auto !important;
    right: 3px !important;
} */
/*form*/
.sm-input{
    width: 175px;
}
.form-horizontal.tasi-form .form-group{
    border-bottom: 1px solid #eff2f7;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.form-horizontal.tasi-form .form-group:last-child{
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.form-horizontal.tasi-form .form-group .help-block{
    margin-bottom: 0;
}
.round-input{
    border-radius: 500px;
    -webkit-border-radius: 500px;
}
.m-bot15{
    margin-bottom: 15px;
}
.form-horizontal.tasi-form .checkbox-inline > input{
    margin-top: 1px;
    border:none;
}
.iconic-input{
    position: relative;
}
.iconic-input i{
    color: #CCCCCC;
    display: block;
    font-size: 16px;
    height: 16px;
    margin: 8px 5px 8px 10px;
    position: absolute;
    text-align: center;
    width: 16px;
}
.iconic-input input{
    padding-left: 30px !important;
}
.iconic-input.right input{
    padding-left: 10px !important;
    padding-right: 30px !important;
}
.iconic-input.right i{
    float: right;
    right: 5px;
}
input.spinner[type="text"], input.spinner[type="password"], input.spinner[type="datetime"], input.spinner[type="datetime-local"], input.spinner[type="date"], input.spinner[type="month"], input.spinner[type="time"], input.spinner[type="week"], input.spinner[type="number"], input.spinner[type="email"], input.spinner[type="url"], input.spinner[type="search"], input.spinner[type="tel"], input.spinner[type="color"]{
    background: url("../img/input-spinner.gif") right no-repeat !important;
}
/*form validation*/
.cmxform .form-group label.error{
    display: inline;
    margin: 5px 0;
    color: #B94A48;
    font-weight: 400;
}
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus, .cmxform .form-group input.error , .cmxform .form-group textarea.error{
    border-color: #B94A48 !important;
}
#signupForm label.error{
    display: inline;
    margin:5px 0px;
    width: auto;
    color: #B94A48;
}
.checkbox, .checkbox:hover, .checkbox:focus{
    border:none;
}
/*date picker*/
.add-on{
    float: right;
    margin-top: -37px;
    padding: 3px;
    text-align: center;
}
.add-on .btn{
    padding: 9px;
}
.daterangepicker .ranges .range_inputs > div:nth-child(2){
    margin-bottom: 10px;
    padding-left: 0px;
}
.daterangepicker .ranges label{
    padding-bottom: 0;
    padding-top: 8px;
}
.daterangepicker td.active, .daterangepicker td.active:hover,
.datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active.active:hover, .datepicker td.active.disabled, .datepicker td.active.disabled:hover, .datepicker td.active[disabled], .datepicker td.active[disabled]:hover,
.datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled],
.datetimepicker table tr td.active:hover, .datetimepicker table tr td.active:hover:hover, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active.disabled:hover:hover, .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active.active:hover, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active.disabled.disabled, .datetimepicker table tr td.active.disabled.disabled:hover, .datetimepicker table tr td.active[disabled], .datetimepicker table tr td.active[disabled]:hover, .datetimepicker table tr td.active.disabled[disabled], .datetimepicker table tr td.active.disabled[disabled]:hover{
    background: #41CAC0;
}
.datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active{
    background: #41CAC0;
}
.daterangepicker .calendar th, .daterangepicker .calendar td{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-align: center;
    white-space: nowrap;
}
.daterangepicker td.active, .daterangepicker td.active:hover, .datepicker td.active, .datepicker td.active:hover, .datepicker td span.active{
    text-shadow: none;
}
.datepicker th.switch{
    width: 125px;
}
.datepicker td span{
    height: 40px;
    line-height: 40px;
}
.bootstrap-timepicker table td input{
    border: 1px solid #ccc;
    border-radius:3px;
    -webkit-border-radius:3px;
}
/*collapsible*/
.tools a{
    margin-left: 10px;
    color: #a7a7a7;
    font-size: 12px;
}
/* google maps */
.gmaps{
    height: 300px;
    width: 100%;
}
/* star rating */
.rating{
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 30px;
}
.rating span.star,
.rating span.star{
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
}
.rating span.star:hover,
.rating span.star:hover{
    cursor: pointer;
}
.rating span.star:before,
.rating span.star:before{
    content: "\f006";
    padding-right: 5px;
    color: #BEC3C7;
}
.rating span.star:hover:before,
.rating span.star:hover:before,
.rating span.star:hover ~ span.star:before,
.rating span.star:hover ~ span.star:before{
    content: "\f005";
    color: #41CAC0;
}
/*search page*/
.classic-search{
    margin-bottom: 30px;
}
.classic-search h4{
    margin-bottom: 3px;
    font-weight: 300;
    font-size: 16px;
}
.classic-search h4 a{
    color: #314558;
}
.classic-search h4 a:hover{
    text-decoration: underline;
}
/*Horizontal menu*/
.horizontal-menu{
    margin-left: 50px;
    float: left;
}
.horizontal-menu .navbar-nav > li > a{
    padding-bottom: 20px;
    padding-top: 20px;
}
.full-width .navbar-header{
    width: 100%;
}
.full-width .nav > li > a:hover, .full-width .nav  li.active a, .full-width .nav li.dropdown a:hover , .full-width .nav li.dropdown.open a:focus, .full-width .nav .open > a, .full-width  .nav .open > a:hover, .full-width  .nav .open > a:focus{
    background-color: #F77B6F;
    text-decoration: none;
    color: #fff;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.full-width .dropdown-menu{
    box-shadow: none;
}
.full-width .dropdown-menu > li > a{
    padding: 10px 20px;
    font-size: 13px;
}
.navbar-nav  li.active a{

    text-decoration: underline;
    color: #2cb8ec;
    font-weight: bold;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    font-size:110%
}
.navbar-nav  li.normal a{

    text-decoration: none;
    color: #323232;
    font-weight:normal;
    font-size:100%
}
.navbar-nav > li > a:hover{
    text-decoration: none;
    color: #2cb8ec;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
/*advanced form*/
.form-body{
    padding: 20px;
}
/*multiselect*/
.ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover{
    background-color: #2A3542;
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
}
.ms-container .ms-list, .ms-container .ms-list.ms-focus{
    box-shadow: none !important;
}
.ms-container .ms-list.ms-focus{
    border: 1px solid #2A3542;
}
.ms-selectable .search-input, .ms-selection .search-input{
    margin-bottom: 10px;
}
/*todolist*/
#sortable{
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
}
#sortable li{
    padding-left: 3em;
    font-size: 12px;
}
#sortable li i{
    position: absolute;
    left:6px;
    padding:4px 10px 0 10px;
    cursor: pointer;
}
#sortable li input[type=checkbox]{
    margin-top: 0;
}
.ui-sortable > li{
    padding: 15px 0 15px 35px !important ;
    position: relative;
    background: #f5f6f8;
    margin-bottom: 2px;
    border-bottom   : none !important;
}
.ui-sortable li.list-primary{
    border-left: 3px solid #41CAC0;
}
.ui-sortable li.list-success{
    border-left: 3px solid #78CD51;
}
.ui-sortable li.list-danger{
    border-left: 3px solid #FF6C60;
}
.ui-sortable li.list-warning{
    border-left: 3px solid #F1C500;
}
.ui-sortable li.list-info{
    border-left: 3px solid #58C9F3;
}
.ui-sortable li.list-inverse{
    border-left: 3px solid #BEC3C7;
}
/*lock screen*/
.lock-screen{
    background:#02bac6 url("../img/lock-bg.jpg");
    background-size: cover;
    background-repeat: repeat;
}
.lock-wrapper{
    margin: 10% auto;
    max-width: 330px;
}
.lock-box{
    background: rgba(255,255,255,.3);
    padding: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    position: relative;
}
.lock-wrapper img{
    position: absolute;
    left: 40%;
    top: -40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 5px solid #fff;
}
.lock-wrapper h1{
    text-align: center;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    padding: 20px 0 0 0;
}
.lock-wrapper .locked{
    margin-bottom: 20px;
    display: inline-block;
    color: #026f7a;
}
.btn-lock,.btn-lock:hover{
    background: #02b5c2;
    color: #fff;
}
.lock-input{
    width: 83%;
    border: none;
    float: left;
    margin-right: 3px;
}
#time{
    width: 100%;
    color: #fff;
    font-size: 60px;
    margin-bottom: 80px;
    display: inline-block;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
/*language*/
.language{
    margin-top: 4px;
}
.language .dropdown-menu{
    border: 1px solid #eee;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.176) !important;
}
.language .dropdown-menu li a{
    border-bottom: 1px solid #eee;
    padding: 10px;
}
.language .dropdown-menu li:last-child a{
    border-bottom: none;
}
.language .dropdown-menu li a{
    font-size: 13px;
}
/*footer*/
.site-footer{
    position: sticky;
    bottom: 0;
    background: #0d5275;
    color: #fff;
    padding: 10px 0;
}
.go-top{
    margin-right: 1%;
    float: right;
    background: rgba(255,255,255,.5);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.go-top i{
    color: #2A3542;
}
.site-min-height{
    min-height: 900px;
}
/*pricing table*/
.feature-head{
    padding: 10px 0 50px;
}
.feature-head h1{
    font-size: 25px;
    font-weight: normal;
}
.pricing-table{
    background: #fff;
    text-align: center;
    padding: 0 0 25px 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.pricing-table.most-popular{
    top: -20px;
    position: relative;
}
.most-popular{
    background: #f77b6f;
    color: #fff;
}
.most-popular h1{
    font-size: 25px !important;
    padding-bottom: 10px;
    padding-top: 17px !important;
}
.most-popular h2{
    background: #d76b61 !important;
    margin-top: 20px !important;
}
.most-popular ul li{
    border-bottom: 1px dotted #d76b61 !important;
}
.most-popular .price-actions .btn{
    background: #d76b61 !important;
    margin: 10px 0;
    cursor: pointer;
}
.pricing-table .price-actions .btn{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #acacac;
    color: #fff;
    border: none;
    box-shadow: none;
    text-shadow: none;
    padding: 10px 20px;
    cursor: pointer;
}
.pricing-head h1{
    font-size: 18px;
    font-weight: 300;
    padding-top: 15px;
}
.pricing-head h2{
    padding: 30px 0;
    background: #777777;
    color: #fff;
    font-size: 50px;
    font-weight: 100;
}
.pricing-table ul{
    margin: 15px 0;
    padding: 0;
}
.pricing-table ul li{
    border-bottom: 1px dotted #CCCCCC;
    margin: 0 2em;
    padding: 1em 0;
    text-align: center;
    font-weight: 300;
}
.pricing-head span.note{
    display: inline;
    font-size: 25px;
    line-height: 0.8em;
    position: relative;
    top: -18px;
}
.pricing-quotation, .team-info{
    background: #EEEEEE;
    padding: 20px 20px 35px 20px;
    margin-bottom: 100px;
    display: inline-block;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.pricing-quotation h3, .team-info h3{
    font-weight: 300;
}
.pricing-quotation p, .team-info p{
    margin-bottom: 0px;
}
.pricing-plan, .team-info-wrap{
    position: relative;
}
.pricing-quotation:before, .team-info:before{
    background-color: #EEEEEE;
    border-color: #EEEEEE;
    border-image: none;
    border-right: 1px solid #EEEEEE;
    border-style: none;
    top: -7px;
    content: "";
    display: block;
    height: 14px;
    left: 48%;
    position: absolute;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 15px;
}
/*dragable portlet*/
.sortable .panel .panel-heading{
    cursor: move;
}
/*faq*/
.vertical-menu li a{
    background: #fff;
    width: 100%;
    float: left;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #797979;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.vertical-menu li a:hover, .vertical-menu li a:focus, .vertical-menu li.active a{
    background: #2A3542;
    width: 100%;
    float: left;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/*mega-menu*/
.mega-menu{
    /* float: left; */
    margin-top: 5px;
}
/* .mega-menu .navbar-nav{
    height: 55px;
} */
/*.wide-full{*/
    /*width: 98%;*/
/*}*/
.mega-menu ul li a{
    margin-bottom: 0px;
    display: inline-block;
    color:#323232;
    font-size: 12px;
}
.mega-menu ul li a:hover,
.mega-menu ul li a:focus{
    color:#2cb8ec;
    background-color: #fff;
}
.mega-menu .nav .open>a,
.mega-menu .nav .open>a:hover,
.mega-menu .nav .open>a:focus{
    background-color: #fff;
}
/* .mega-menu ul li a i{
    padding-right: 5px;
    width: 20px;
} */
.mega-menu .dropdown-menu i.fa {
    width: 20px;
}
.mega-menu ul li.dropdown a:hover{
    background: none;
}
.mega-content {
    width: 800px;
    padding: 20px 30px;
}
.nav .title{
    color:#323232;
    font-size:14px;
    text-transform: none;
    font-weight: bold;
}
.icon-img{
    float: left;
    margin-right: 10px;
}
.mega-menu .dropdown-menu{
    box-shadow:none;
    border-radius: 0;
    border-color:#f1f2f7 ;
}
/*-----modal style---*/
.modal.top-modal-with-space .modal-dialog{
    margin: 20px auto;
}
.modal.fade.left-modal-with-space .modal-dialog{
    position: absolute;
    left: 20px;
}
.modal.fade.right-modal-with-space .modal-dialog{
    position: absolute;
    right: 20px;
}
/*---*/
.modal.top-modal-without-space .modal-dialog{
    margin: 0px auto;
}
.modal.fade.left-modal-without-space .modal-dialog{
    position: absolute;
    left: 0px;
}
.modal.fade.right-modal-without-space .modal-dialog{
    position: absolute;
    right: 0px;
}
/*---*/
.modal.fade.modal-dialog-center{
    height: 100%;
    /* top: auto; */
}
.modal.fade.modal-dialog-center .modal-dialog{
    display: table;
    height: 100%;
}
.modal.fade.modal-dialog-center .modal-content-wrap{
    display: table-cell;
    vertical-align: middle;
}
/*-----*/
.modal.fade.full-width-modal-left .modal-dialog .modal-content,
.modal.fade.full-width-modal-right .modal-dialog .modal-content,
.modal.fade.full-width-modal-right .modal-dialog .modal-content-wrap,
.modal.fade.full-width-modal-left .modal-dialog .modal-content-wrap{
    height: 100%;
}
.modal.fade.full-width-modal-right .modal-dialog{
    height: 100%;
    position: absolute;
    right: 0px;
    margin: 0;
}
.modal.fade.full-width-modal-left .modal-dialog{
    height: 100%;
    position: absolute;
    left: 0px;
    margin: 0;
}
.full-width-modal-right .modal-header,
.full-width-modal-right .modal-content,
.full-width-modal-left .modal-header,
.full-width-modal-left .modal-content{
    border-radius: 0;
}
/*toaster*/
#toast-container.toast-bottom-left, #toast-container.toast-bottom-center, #toast-container.toast-bottom-right {
    bottom: 50px;
}
#toast-container.toast-top-left, #toast-container.toast-top-center, #toast-container.toast-top-right {
    top: 100px;
}
#toast-container .toast {
    opacity: 0.9;
}

.radio-list  label,
.checkbox-list label{
    display: inline-block;
    width: 100%;
    font-weight: normal;
}
.radio-list .radio,
.radio-list .radio span,
.radio-list .radio input{
    width: 18px;
    height: 18px;
    float: left;
    margin: 0 10px 0 0;
}
.checkbox-list .checker span{
    float: left;
    margin-right: 10px;
}
.box-wrap{
    height: 400px;
    overflow: hidden;
}
.w-list li{
    line-height: 20px;
    margin-bottom: 16px;
}
/*summernote editor*/
/*.note-editor .note-toolbar{
    background-color: #fff;
    border-bottom: 1px solid #e2e2e4;
    border-radius:4px 4px 0 0;
}
.note-editor{
    position: relative;
    border: 1px solid #e2e2e4;
    border-radius:4px;
}
.note-editor .note-statusbar .note-resizebar{
    border-top: 1px solid #e2e2e4;
}
.note-editor .note-statusbar{
    background: #fff;
    border-radius:4px;
}*/
progress{
  display: block;
  background-color: #d4d4d4;
}
@-webkit-keyframes progress{
  from{
    background-position: 0 0;
  }
  to{
    background-position: 100% 100%;
  }
}
@-moz-keyframes progress{
  from{
    background-position: 0 0;
  }
  to{
    background-position: 100% 100%;
  }
}
@keyframes progress{
  from{
    background-position: 0 0;
  }
  to{
    background-position: 100% 100%;
  }
}
progress::-webkit-progress-bar{
  background-color: #E5E8EF;
}
progress::-webkit-progress-value{
  border-radius: 0px;
  background-color: #a5d62f;
  background-image: -webkit-linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
  background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
  background-size: 40px 40px;
  -webkit-animation: progress 8s linear infinite;
  animation: progress 8s linear infinite;
}
progress::-moz-progress-bar{
  border-radius: 0px;
  background-color: #a5d62f;
  background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
  background-size: 40px 40px;
  -moz-animation: progress 8s linear infinite;
  animation: progress 8s linear infinite;
}
.progress_bar{ width:2px; height:18px; background-image:url(../img/fd_curseur.jpg); background-position:left; background-repeat:no-repeat;display:inline-block;}
#sales_form tbody td:nth-child(2)>div{
    min-width: 60px;
}
.ajaxSalesSubmit{display:none;background-color:#ff6c60;}
.offline .ajaxSalesSubmit{display:block;background-color:#ff6c60;float:right;margin:15px;}
.salesSubmit{display:block;float:right;margin:15px;}
.offline .salesSubmit{display:none;}
#monthForm #cacheBtn{display: none;}
#monthForm {
    line-height: 2.5em;
}

/*********************************************************************************LOGIN Page*********************************************************************************/
#btnInstallApp {
    display: none;
    margin: 20px auto;
    max-width:280px;
}
#ipadInstallBanner, #iphoneInstallBanner {
    background-color: #fff;
    box-shadow: 0px 0px 5px 5px rgba(0,0,0,.7);
    color:red;
    display: none;
    font-weight: 600;
    line-height: 1em;
    margin: 20px auto;
    padding: 8px 5px;
    text-align: center;
    z-index: 1;
}
#ipadInstallBanner {
    /* background-color: #000; */
    /*color: #000;*/
    left: 0;
    line-height: 1em;
    margin-top: 0;
    position: absolute;
    top: 0;
    width: 100vw !important;
}
#iphoneInstallBanner {
    bottom: 0 !important;
    margin-bottom: 0;
    padding: 10px 20px;
    position: absolute;
    width: 100%;
    left: 0;
}
#closeIpadInstallBanner, #closeIphoneInstallBanner {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    display: inline-block;
    font-family: serif;
    font-size: 38px;
    transform: rotate(45deg);
}
/*#closeIpadInstallBanner {
    font-size: 44px;
    top: 7px;
}*/
/*********************************************************************************DASHBOARD*********************************************************************************/
.dashboardHome .container{
    margin: 0 auto;
    width: initial;
    max-width: 1300px;
    padding: 10px;
}
.dashboardHome .container > .row{
    margin-bottom: 30px;
}
.dashboardHome .dashboardUser {
    /* margin-bottom: 10px; */
    font-size: 30px;
    font-weight: 700;
    color: #2e384d;
}
.user-avatar {
    max-height: 200px;
    /* max-width: 100%; */
}
.actualite {

}
.actualite .actualite-title {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    color: #2e384d;
}
.actualite .actualite-accroche {
    font-weight: bold;
}
.actualite .actualite-image {
    max-width: 100%;
    max-height: 300px;
}
.dashboardHome th:nth-child(2), .dashboardHome th:nth-child(3), .dashboardHome th:nth-child(5) {
    min-width: 85px;
}
.valeurSellOutButton {
    border-radius: 5px;
    display: none;
    margin-top: 15px;
}
.dashboardHome td, .dashboardHome th{
    background-color: #fff;
    text-align: right;
}
.dashboardHome td{
    padding: 8px 5px;
}
.dashboardHome th {
    background-color: #fff;
    color: #0d5275;
    cursor: pointer;
    padding: 16px 10px;
}
.dashboardHome td:first-child, .dashboardHome th:first-child{
    text-align: left;
}
.dashboard-module {
    width: 100%;
    padding: 10px 25px;
    /* float: left; */
    background-color: #fff;
    box-shadow: 8px 10px 20px 0 rgba(128, 152, 213, 0.08);
}
.dashboard-module h3 {
    /*background-color: #fff;*/
    color: #2e384d;
    font-weight: 600;
    font-size: 18px;
    line-height: 3em;
    margin: 0;
    /*padding-left: 20px;*/
    /*text-align: left;*/
}
.dashboard-module form {
    /* float: right; */
    height: 100%;
    margin-top: 15px;
    max-width: 100%;
    text-align: right;
}
.dashboard-module form td {
    text-align: right;
}
.dashboard-module__table {
    display: inline-block;
    margin: 10px 0;
    width: 100%;
    overflow-x: auto;
}
.dashboard-module__table tbody{
    /* overflow-y: scroll; */
}
.imageTempRelations{
    background-color: #fff;
    min-height: 500px;
}
.dashboardHome #graphcontainer{
    /*float: left;*/
}
.dashboardHome table tbody tr:nth-child(odd) td {
    background-color: rgba(13, 82, 117, 0.05);
}
.contactsMenu i{
    font-size: 1.5em;
}
.userProfileMenu a{
    background-color: #0d5275;
    border-radius: 11px;
    display: inline-block;
    height: 20px;
    width: 20px;
}
.userProfileMenu a:hover{
    background-color:#000;
}
.userProfileMenu i{
    color:#fff;
    font-size: 1.5em;
    width: 100%;;
}
.logoutMenu a {
    color:#0d5275;
    font-size: 19px;
    font-weight: 800;
}
.logoutMenu i {
    color: #0d5275;
    font-size: 14px;
    font-weight: 100;
}
.logoutMenu a:hover, .logoutMenu i:hover {
    color:#000;
}
.expandable {
    max-height: 400px;
    height: auto;
    overflow-Y: auto;
    transition: max-height 500ms ease-in-out;
}
.expandable.opened {
    max-height: 3000px;
}
.reglementaireHeader h3 {
    padding-left: 25px;
}
.bientot{
    color: #e76b00;
    font-weight: 700;
}
.depuis_un_an {
    color:#d41818;
    font-weight: 700;
}
.objectif {
    margin-top: 15px;
}
.objectifLigne {
    margin-bottom: 10px;
    min-height: 35px;
}
.objectifLigne .gauche {
    display: inline-block;
    /*float: left;*/
    box-sizing: border-box;
    padding-right: 5px;
    width: 30%;
    vertical-align: middle;
}
.objectifLigne .droite {
    display: inline-block;
    /*position: relative;*/
    width: 70%;
    vertical-align: middle;
}
.objectifLigne .droite .objectifBarre {
    position: relative;
    height: 35px;
    width: 100%;
    max-width: 100%;
    /*margin-bottom: 10px;*/
    /*position: absolute;*/
    background-color: #c2d4dc;
}
.objectifLigne .droite .objectifProgress {
    height: 35px;
    max-width: 100%;
    /*margin-bottom: 10px;*/
    position: relative;
    background-color: #0d5275;
    bottom: unset;
    position: absolute;
    top: 0;
    z-index: 0;
}
.objectifLigne .droite span {
    background-color: #fff;
    border-radius: 5px;
    color: #0d5275;
    font-weight: 800;
    position: absolute;
    padding: 0px 4px;
    top: 50%;
    transform: translateY(-50%);
}
.objectifLigne .droite .objectifPercent {
    left: 5px;
    width: 55px;
}
.objectifLigne .droite .objectifTotal {
    right: 5px;
    width: 80px;
    text-align: right;
}
.objectifLigne .lignesTrimestre {
    background: transparent;
    display: block;
    height: 100%;
    position: relative;
    z-index: 0;
}
.objectifLigne .lignesTrimestre > div{
    background-color: #000;
    height: 100%;
    position: absolute;
    width: 1px;
}
.objectifLigne .lignesTrimestre > div:first-child{
    right:75%;
}
.objectifLigne .lignesTrimestre > div:nth-child(2){
    right:50%;
}
.objectifLigne .lignesTrimestre > div:last-child{
    right:25%;
}
.objectifsHeader, .tendancesHeader {
    display: inline-block;
    margin: 0;
    max-width: 100%;
    width: 100%;
}
.objectifsHeader h3, .tendancesHeader h3 {
    float: left;
    line-height: 1.5em;
    margin: 10px 0 10px 0;
    width: auto;
}
.objectifsHeader span, .tendancesHeader>div>span {
    display: inline-block;
    float: right;
    height: 100%;
    line-height: 4em;
    position: relative;
}
.tendencesContainer .tendancesHeader>div:first-child {
    padding-left: 20px;
}
.tendancesReelButton {
    display: inline-block;
    height: 30px !important;
    /*margin-left: 30px !important;*/
    position: relative;
}
/*.tendancesReelButton button {
    width: 150px;
}
.tendancesReelButton .isActiveReelButton {
    color: #4ee41d;
    font-weight: bold;
    text-decoration: underline;
}*/
.dashboardHome select/*, .tendancesReelButton button*/ {
    background: #fff;
    border: 1px solid #34495e;
    border-radius: 10px;
    color: #34495e;
    /* float: left; */
    font-weight: 600;
    font-size: 15px;
    height: 30px;
    max-width: 100%;
    /* outline: none; */
    padding: 0 3px;
    /* text-align: center; */
}
.sort_asc{
    background-image: url(../images/asc.gif);
}
.sort_desc{
    background-image: url(../images/desc.gif);
}
.sort_asc, .sort_desc{
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 8px;
}
/*Unités, Réel/Tendance Checkbox, Dashboard */
.dashboardHome .toggleBox {
    /*display: block;*/
    float: right;
    margin: 10px auto 0 auto;
    position: relative;
    width: fit-content;
}
.dashboardHome .toggle {
   /* display: inline;
    position: relative;*/
}
.dashboardHome label {
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    pointer-events: none;
    position: absolute;
}
.dashboardHome .switchCheckbox {
    background: #34495e;
    border:1px solid #34495e;
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    height: 30px;
    outline: none;
    position: relative;
    transition: 1s;
    width: 140px;
    -webkit-appearance: none;
}
.dashboardHome .switchCheckbox::before {
    content: "";
    border: 1px solid #34495e;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    left: 0;
    top: -1px;
    height: 30px;
    background: #4ee41dcf;
    position: absolute;
    transform: scale(1.1);
    transition: .4s;
    width: 67px;
}
.dashboardHome .switchCheckbox:checked {
    background: #0d5275;
}
.dashboardHome .switchCheckbox:checked::before {
    left: 70px;
}
.switchCheckbox ~ .onbtn {
    bottom: 15px;
    right: 25px;
    top: 8px;
}
.switchCheckbox ~ .offbtn {
    bottom: 15px;
    /*color: #34495e;*/
    left: 25px;
    top: 8px;
}
.tendancesReelButton .switchCheckbox {
    width: 170px;
}
.tendancesReelButton .switchCheckbox:checked::before {
    left: 65px;
    width: 100px;
}
.tendancesReelButton .switchCheckbox ~ .onbtn {
    right: 20px;
}
.tendancesReelButton .switchCheckbox ~ .offbtn {
    left: 20px;
}
.loading-modal, .loader {
    /*display: none;*/
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    padding-top: 30vh;
    background-color: rgba(255,255,255,0.6);
    z-index: 20;
}
.loader {
    position: absolute;
    height: 100%;
    width: 100%;
    padding-top: 30%;
}
.loading-modal p, .loader p {
    text-align: center;
    font: bold 16px sans-serif;
    color: #ff6c60;
}
.loading-modal .spinner, .loader .spinner{
    margin: 10px auto;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: transparent;
    border: 4px solid #777;
    border-top-color: #2cb8ec;
    -webkit-animation: 1s spin linear infinite;
    animation: 1s spin linear infinite;
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}