@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

/*---------------------------------------------------------------*/


/*--------------[ GENERAL ]--------------*/

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Open Sans'; font-size: 12px;}
h3 { font-weight: 300; font-size: 16px; }

/*-- Icons --*/
i[class*="ion-ios-"]:before, i[class*="ion-key"]::before, i[class*="ion-wrench"]::before{font-size: 24px; position: relative; top: 3px; line-height: 24px}
i[class*="ion-edit"]::before {font-size: 17px; position: relative; top: 2px; line-height: 25px}
.btn.ion-ios-close-empty:before, .btn.ion-ios-arrow-left:before {font-size: 20px; line-height: 10px; position: relative; height: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; float: left; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 4px;}
.btn.ion-ios-arrow-left:before {font-size: 13px !important; top: 1px; margin-right: 6px;}

/*-- Colors --*/
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body { background-color: #2ecc71 !important;}
.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body { background-color: #e74c3c !important;}
.bg-orange { background-color: #f39c12 !important;}
.bg-blue { background-color: #0073b7 !important;}
h5 {color: #b6b8ba;}
.btn-sm, .btn-md {font-weight: 400; letter-spacing: .2px; font-size: 11px;}
.btn-md  { padding: 10px 15px;}
.btn-group > a { border-radius: 4px !important;}
.btn-group > a:not(:last-child) { margin-right: 5px !important;}
.btn:active {-webkit-box-shadow: none;box-shadow: none;}
table.dataTable.no-footer { border-bottom: none;}
.btn { text-transform: uppercase;}
.btn-success {  background-color: #27ae60; border-color:transparent;}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:active:hover { color: #27ae60; border-color:#27ae60; background: white;}
.btn-warning:not(.btn-inverse), .btn-warning.btn-inverse:hover , .btn-warning.btn-inverse:focus, .btn-warning.btn-inverse:active, .btn-warning.btn-inverse:focus:active, .btn-warning.btn-inverse {  background-color: #f39c12; border-color:transparent; color: white;}
.btn-warning:not(.btn-inverse):hover, .btn-warning:not(.btn-inverse):focus, .btn-warning:not(.btn-inverse):active, .btn-warning:not(.btn-inverse):active:hover, .btn-warning.btn-inverse{ color: #f39c12; border-color:#f39c12; background: white;}

.btn-primary {  background-color: #3c8dbc; border-color:transparent; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover { color: #3c8dbc; border-color:#3c8dbc; background: white;}
.btn-danger {background-color: #dd4b39; border-color:transparent; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger:active:hover { color: #dd4b39; border-color:#dd4b39; background: white;}

select.form-control {padding: 6px 12px 6px 6px;}

/*--------------[ LOGIN ]--------------*/

.login-page { background: #313131;} 
.login-logo a { color: white;}
.login-logo a b { font-weight: 800; background: url(../images/logo.png) no-repeat center left; background-size: auto auto; background-size: 62px; color: transparent;}
.logo b { background: url(../images/logo.png) no-repeat center left; background-size: auto auto; background-size: contain; color: transparent;display:block;}
.login-box-body { border-radius: 0 0 4px 4px; overflow: hidden; padding: 0px;}
.login-page .box-header {color: #fff; background-color: #b90208; border-radius: 4px 4px 0 0; padding: 15px;}
.login-page form { padding: 15px;}
.log-row {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.log-row .checkbox.icheck { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; }
.icheckbox_square-blue + span {line-height: 24px;  padding-left: 24px;}
.icheckbox_square-blue + span:before { font-size: 20px; display: inline-block; font-family: "Ionicons"; content: "\f401"; position: absolute; left: 1px;}
.icheckbox_square-blue.checked + span {position: relative; color: #27ae60;}
.icheckbox_square-blue.checked + span:before { content: "\f3ff";}
.login-page .form-control {padding: 10px; padding-right: 34px; height: 42px; border: 1px solid #dadada;}
.form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 42px; line-height: 42px; text-align: center; pointer-events: none; font-size: 20px;}
.forgoted { text-align: right;}
.forgoted a, .forgoted a:hover {color: #e74c3c; font-size: 10px;}

/*--------------[ HOME ]--------------*/

a.info-box { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #d2d6de; border-radius: 4px;}
a.info-box, a.info-box .info-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
a.info-box > .info-box-icon, a.info-box .info-box { margin: -1px;}
a.info-box > .info-box-icon {border-radius: 4px 0 0 4px; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; min-width: 90px; max-width: 90px;}
a.info-box .info-box { width: calc(100% + 2px); border-radius: 4px;}
.info-box-icon i:before {font-size: 48px; line-height: 48px;}
.info-box-content { margin-left:0px; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; position: relative;}
h3.info-box-text {margin: 0; font-weight: 800; padding-right: 30px;} 
a.info-box > .info-box-content h3.info-box-text {color: #b90208;}
.info-box .pull-right.ion-ios-arrow-right {position: absolute; right: 15px; top: calc(50% - 15px); color: #313131;}
.info-box .label { margin-top: 5px; display: inline-block; line-height: 15px;}
a.info-box .label-primary {background-color: #D00A11 !important;}
.home-row, .home-row > .col-lg-4 { padding: 0 7.5px;}

/*--------------[ NAV BAR ]--------------*/

/*-- Logo --*/
.skin-blue .main-header .logo {background-color: #D00A11;}
.skin-blue .main-header .logo:hover { background-color: #D00A11;}
.main-header .logo {padding: 0px 10px; text-align: left;}

/*-- Menu --*/
.nav.navbar-nav { margin-right: 15px;}
.skin-blue .main-header .navbar { background: #313131;}
.nav.navbar-nav { float: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 51px;}
.navbar-nav > li { float: none; /*display: inline-block;*/}
.navbar-nav > li:last-child > a {line-height: 27px; font-weight: 800; letter-spacing: .2px;}
.main-header .navbar .nav > li > a > .label { position: absolute; top: 8px; right: 3px; text-align: center; font-size: 9px; padding: 4px 5px 4px 5px; line-height: .9; border-radius: 2px;}
.navbar-nav > li:not(:last-child) > a {padding: 10px 11px; height: 51px;}
.navbar-nav > li > a { padding-top: 12px; padding-bottom: 12px; }
.navbar-nav > li > a > i { height: 32px; display: block; width: 32px; text-align: center;}
.navbar-nav > li .ion-ios-people-outline:before {font-size: 32px;}
.skin-blue .main-header .navbar .nav>li>a:hover, .skin-blue .main-header .navbar .nav>li>a:active, .skin-blue .main-header .navbar .nav>li>a:focus, .skin-blue .main-header .navbar .nav .open>a, .skin-blue .main-header .navbar .nav .open>a:hover, .skin-blue .main-header .navbar .nav .open>a:focus, .skin-blue .main-header .navbar .nav>.active>a { background: rgb(171, 20, 26);}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu .header {background: #D00A11; border-radius: 0; color: white; text-transform: uppercase; font-weight: 900; font-size: 11px; line-height: 22px; border: 0px;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu { font-size: 12px; border: 0px; -webkit-box-shadow: 0px 5px 8px rgba(3, 74, 87, 0.1); box-shadow: 0px 5px 8px rgba(3, 74, 87, 0.1);}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px; color: #b90208; padding: 7px 8px; position: relative;}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li:last-child  > a{ border-bottom: none;}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a i { line-height: 24px; margin-right: 5px; width: 20px; text-align: center;}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a .ion-ios-people-outline:before {font-size: 27px;}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover { background: none;}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover { color: #84c7b6;}
.navbar-nav .ion-ios-close-outline:before { font-size: 17px; position: relative; top: 1px; left: 1px; margin-right: 2px;}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu, .navbar-nav>.messages-menu>.dropdown-menu>li .menu, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu { max-height: inherit;}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu {border: 1px solid #d9d9d9; border-top: 0;}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu li:hover {background: #313131;}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu li:hover a {color:white;}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu li a span.pull-right-container {position: absolute; right: 10px; top: 13px;}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu li a span .label { line-height: 12px;}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu li a i:before {font-size: 21px;}
.navbar-nav>.notifications-menu>.dropdown-menu, .navbar-nav>.messages-menu>.dropdown-menu, .navbar-nav>.tasks-menu>.dropdown-menu {width: 290px;}

/*--------------[ SIDE BAR ]--------------*/

.main-sidebar, .skin-blue .sidebar-menu li > a {-webkit-box-shadow: inset -1px 0px 0px rgba(0,0,0,.15), inset 0px -1px 0px rgba(0,0,0,.15);box-shadow: inset -1px 0px 0px rgba(0,0,0,.15), inset 0px -1px 0px rgba(0,0,0,.15);}
.main-header a.sidebar-toggle {padding: 16px 15px;}
.main-header a.sidebar-toggle i {font-size: 16px; line-height: 18px;}
.sidebar-menu .ion-chevron-down { font-size: 9px; padding: 0 2px;}

/*-- Colors --*/
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side { background-color: #b90208;}
.skin-blue .sidebar-menu > li:not(.active) > a {background: #292929;}
.skin-blue .sidebar-menu > li.active > a { background: white; border-left-color: #d9d9d9; color: #292929;}
.skin-blue .sidebar-menu >li:not(.active):hover > a {background: #ffffff; border-left-color: #fff; color: #292929;}
.skin-blue .main-header .navbar .sidebar-toggle:hover, .main-header .sidebar-toggle { background-color: #D00A11 !important;}

/*-- role infos --*/
.user-panel>.info { position: relative; left: inherit;}
.user-panel .image { display: none;}
.user-panel {padding: 15px 10px; }
.user-panel .info { padding: 0;}
.user-panel .info p { margin-bottom: 0; font-weight: 800; letter-spacing: .2px; line-height: 20px;}
.user-panel .disconnect { text-transform: uppercase; font-size: 10px;}

/*-- Menu --*/

.skin-blue .sidebar-menu > li {/*border-bottom: 1px solid #1a1f33;*/}
.skin-blue .sidebar-menu > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px; border-left: 3px solid rgba(0,0,0,.15); line-height: 20px;}
.skin-blue .sidebar-menu > li > a > i, .sidebar-menu .treeview-menu > li > a > i {height: 30px; margin-right: 5px; width: 22px; text-align: center;}
.sidebar-menu .ion-ios-speedometer-outline:before, .sidebar-menu .ion-ios-pricetags-outline:before, .sidebar-menu .ion-ios-pricetag-outline:before {font-size: 20px;}
.skin-blue .sidebar-menu  li > a > .pull-right-container { position: absolute; right: 15px; top: 14px;}
.sidebar-menu .treeview-menu li > a > .pull-right-container { right: 38px;}
.skin-blue .sidebar-menu  li > a > .pull-right-container .fa-angle-left:before {font-size: 15px;}
.skin-blue .sidebar-menu > li > .treeview-menu { margin: 0; padding: 0; background: #393939; border-left: 3px solid #fff;}
.sidebar-menu .treeview-menu > li > a { font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px; color: rgba(255, 255, 255, 0.6);}
.sidebar-menu .treeview-menu > li:hover > a { background: #ffffff; color: #393939;}
.sidebar-menu .treeview-menu > li > a {}
.sidebar-menu>li .label, .sidebar-menu > li .badge { margin-top: -1px; margin-right: 0; line-height: 13px;}
.sidebar-menu>li .label:not(:only-child) { margin-right: 5px;}
.sidebar-menu>li .label:first-of-type:not(:only-child) { margin-right: 10px;}
.skin-blue .sidebar-menu > li.add-new {border: 0 !important}
.skin-blue .sidebar-menu > li.add-new > a {background: #2ecc71 !important; color: white !important; padding-left: 11px;}
.skin-blue .sidebar-menu > li.add-new > a i { position: relative; top: 2px;     left: -3px;}
.add-new .label.bg-white {background: white; color: #2ecc71; margin-top: 0px; line-height: 12px; font-weight: 800; margin-right: -3px;}
.skin-blue .sidebar-menu > li.add-new > a i:before, .sidebar-menu .ion-ios-bell-outline:before, .sidebar-menu .ion-ios-clock-outline:before, .sidebar-menu .ion-ios-checkmark-outline:before, .sidebar-menu .ion-ios-loop:before {font-size: 21px;}
.skin-blue .sidebar a { color: white;}
.skin-blue .treeview-menu>li.active>a, .skin-blue .treeview-menu>li>a:hover { color: #393939; background: white;}
.role-panel, .sidebar-menu { border-top: 1px solid rgba(0,0,0,.15);}

/*-- Menu Colapse  --*/

.sidebar-collapse.skin-blue .sidebar-menu > li > a > i {margin: 0 0 0 2px;}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right-container) {line-height: 36px; padding: 5px 12px; }
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span.pull-right-container { width: inherit; left: 196px; top: 3px;}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span.pull-right-container > small:not(:only-child):not(.bg-white) { display: none;}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu { padding: 0; border-left: 0;}
.sidebar-mini.sidebar-collapse .sidebar-menu .treeview-menu li > a > .pull-right-container { right: 12px;}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu { top: 46px;}
.sidebar-collapse.skin-blue .sidebar-menu li:hover > a { -webkit-box-shadow: none; box-shadow: none;}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span:not(.pull-right-container) {-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,.15), 0px -1px 0px rgba(0,0,0,.15);box-shadow: 1px 1px 0px rgba(0,0,0,.15), 0px -1px 0px rgba(0,0,0,.15); }
.sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a[href="#"]>span:not(.pull-right-container) {border-radius: 0 4px 0 0;}
.sidebar-mini.sidebar-collapse .sidebar-menu>li.add-new:not(.treeview)>a>span:not(.pull-right-container), .sidebar-mini.sidebar-collapse .sidebar-menu .treeview-menu > li > a { -webkit-box-shadow: none; box-shadow: none;}
.sidebar-mini.sidebar-collapse .sidebar-menu .treeview-menu {-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,.15);box-shadow: 1px 1px 0px rgba(0,0,0,.15);}
.sidebar-mini.sidebar-collapse .disconnect a { font-size: 0;}
.sidebar-mini.sidebar-collapse .disconnect a i { font-size: 20px; position: relative; left: 6px; line-height: 20px;}
.sidebar-mini.sidebar-collapse .disconnect a i:before {content: "\f405";}
.sidebar-mini.sidebar-collapse .role-panel { padding: 13px 10px; background: #e74c3c; -webkit-box-shadow: inset 3px 0px 0px rgba(0,0,0,.15); box-shadow: inset 3px 0px 0px rgba(0,0,0,.15);}
.sidebar-mini.sidebar-collapse .sidebar-menu { border-top: 1px solid rgb(188, 59, 46);}

/*--------------[ CONTENT ]--------------*/

.content-wrapper {background-color: #ffffff;}

/*-- Header --*/
.content-header {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.content-header > h1 { margin: 0; font-size: 24px; font-weight: 800; color: #b90208; text-transform: uppercase;letter-spacing: -1px; position: relative; top: 3px;}
.content-header > h1 > small { font-size: 24px; text-transform: none; color: #1a1f33;}
.content-header { padding: 24px 25px 0 25px;}

/*-- Breadcrumb --*/
.content-header>.breadcrumb { position: relative; top: inherit; right: inherit;}
.breadcrumb>.active { color: #D00A11;}

/*-- Boxes --*/
.box {background: #f4f4f4; -webkit-box-shadow: none; box-shadow: none;}
.box-content, .box .box-body {border: 1px solid #d2d6de; border-top: 0; border-radius: 0 0 4px 4px;}
.box.box-solid.box-default { border: 0; -webkit-box-shadow: 0px 0px 8px rgba(3, 74, 87, 0.05); box-shadow: 0px 0px 8px rgba(3, 74, 87, 0.05); border-radius: 4px; margin-bottom: 0px;}
.box.box-solid.box-default > .box-header { color: #fff; background-color: #393939; border-radius: 4px 4px 0 0; border-bottom: 0; padding: 15px;}
.box-header h3.box-title {font-weight: 300; font-size: 16px;}
.box.box-solid.box-default > .box-header .btn { color: #fff;}
.box-content > span.text-red.pull-right { margin-bottom: -16px; margin-top: 2px; position: relative; top: 20px; right: 15px;}
.btn-box-tool { padding: 10px 5px;}
.box.box-solid>.box-header .btn:hover, .box.box-solid>.box-header a:hover { background: none;}
.box-content { margin: 0; margin-bottom: 20px; padding: 25px 15px 15px; }

/*-- Form --*/
.form-control { font-size: 12px;}
.form-control[disabled] { background: #eee; padding: 10px; height: 42px; border: 1px solid #dadada;}
.form-horizontal .form-group {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative;}
.form-horizontal .control-label { padding-top: 0px; font-weight: 700; color: #313131; font-size: 12px; background: #f4f4f4; padding-right: 10px;}
.form-group.col-md-6:before, .form-group.col-md-12:before  { content: ""; position: absolute; width: calc(50% - 60px); border-bottom: 1px dashed rgba(68, 68, 68, 0.15); left: 30px; top: 50%;}

/*-- Filtre --*/

.dataTables_wrapper .dataTables_length { position: relative; top: -10px;}
.dataTables_wrapper .dataTables_length label {font-weight: 500; font-size: 11px;}
.dataTables_wrapper .dataTables_length label select {position: relative; top: -2px;}

/*-- Pagination --*/

.dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0;}
.pagination {margin: 15px 0 0;}
.dataTables_wrapper .dataTables_info {padding-top: 25px; font-size: 11px;}
.dataTables_wrapper .dataTables_paginate .paginate_button { margin: 0}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button:hover { border: none;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination>.active>span:hover { background-color: #313131; border-color: #313131;  margin-left: 0; margin-right: -2px;}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { border-color: #d2d6de;}

.box-content h3{ font-size: 16px; font-weight: bold; text-transform:uppercase;}
.box-content h4{ font-size: 14px; font-weight: bold; color: #b90208;}


/*--------------[ TICKETS ]--------------*/

#tickets-table thead {display: none;}
.table#tickets-table > tbody > tr > td { border-top: 0px ; padding: 0px;}
#tickets-table_wrapper {padding: 25px 15px 15px;}
.tck-container {border: 1px solid #d2d6de; background: rgba(255, 255, 255, 0.5); border-radius: 4px 4px 0 0; overflow: hidden;}
tr:not(:last-child) .tck-container {margin-bottom: 15px;}
.tck-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 5px 10px; background: #ffffff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #d2d6de;}
.tck-header > div {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.tck-name { display: inline-block; margin-right: 10px; font-weight: 800; color: #b90208; font-size: 14px;}
.tck-crea-date { font-size: 11px; margin-right: 15px; color: #0f1322;}
.tck-container .label { margin-left: 4px;}
.tck-container .label-warning { padding: 5px; background-color: #f39c12 !important;}
.tck-container .label-primary { padding: 5px; background-color: #2ecc71 !important;}
.showTicket .label-primary{ background-color: #2ecc71 !important;}
.tck-container .label-danger { padding: 5px; background-color: #e74c3c !important;}
.tck-container .label-enAttente { padding: 5px; background-color: #292929 !important;}
.tck-container .label-termine { padding: 5px; background-color: #008D4C !important;}
.tck-container .label-enCours { padding: 5px; background-color: #E08E0B !important;}
.tck-container .label-manque { padding: 5px; background-color: #d41c23 !important;}
.tck-data { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.tck-data > div { -webkit-box-flex: 1; -ms-flex: 1 1 28%; flex: 1 1 28%; padding: 5px 15px; line-height: 26px;}
.tck-data > div.tck-username, .tck-data > div.tck-type {border-right: 1px solid #e2e8ef;}
.tck-data > div:not(.tck-comment) {border-bottom: 1px solid #e2e8ef;}
.tck-data > div.tck-comment { -webkit-box-flex: 3; -ms-flex: 3 1 100%; flex: 3 1 100%; line-height: 18px;  padding: 10px 15px; padding-left: 35px; position: relative; font-style: italic; font-weight: 700; font-size: 13px;}
.tck-data > div.tck-comment i { position: absolute; top: 5px; left: 14px;}
.tickets td i.ion-eye {font-size: 15px; position: relative; top: -4px; left: -6px;}
.tickets td i.ion-edit {font-size: 12px; position: relative; top: -4px; left: -5px;}
.tickets .btn-group { display: -webkit-box; display: -ms-flexbox; display: flex;}
.tickets .btn-group > a {width: 26px; height: 26px; border-radius: 4px; text-align: center;}
.tickets .btn-group > a:not(:last-child) { margin-right: 3px;}
.btn-new {  font-weight: 400; letter-spacing: .2px; font-size: 11px; margin-bottom: 0 !important; margin-top: -2px !important; margin-left: 10px;}
.tck-username em { opacity: .7; font-size: 11px;}
.tck-data i[class*="ion-ios-"]:before {font-size: 19px; color: #2ecc71;}
table.dataTable#tickets-table tbody tr { background: none;}
.tickets table th, .showTicket table th, .tickets table th {	background-color: #e9e9e9;}
.tickets .iconsBlocks {display: -webkit-box;display: -ms-flexbox;display: flex;	-webkit-box-pack: end;	-ms-flex-pack: end;	justify-content: end; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.tickets .iconsBlocks .iconsGroup { margin-left: 10px; padding: 4px; padding-left: 0; border-radius: 20px; background-color: white; }
.tickets .iconsBlocks .iconsGroup i { padding: 5px;}
.tickets .iconsBlocks .iconsGroup i:first-child { height: 100%; padding-left: 8px; border-radius: 20px 0 0 20px; background-color: #f2f2f2; }
.tickets .iconsBlocks .ion-ios-gear { margin-left: 10px; }
.tickets td i, .showTicket td i, .tickets td i { margin-right: 5px; }
.priority-Critique:before, .priority-Haute:before, .priority-Moyenne:before, .priority-Faible:before {content: "Priorité ";}
.priority-Critique, .priority-Haute, .priority-Moyenne, .priority-Faible {padding: 4px; background-color: white !important; margin-left: 4px;}
.priority-Critique {border: 1px solid #e74c3c; color: #e74c3c;}
.priority-Haute {border: 1px solid #ee9200; color: #ee9200;}
.priority-Moyenne {border: 1px solid #27ae60; color: #27ae60;}
.priority-Faible {border: 1px solid #D00A11; color: #D00A11;}

span.showmore {width: 26px; height: 26px; border-radius: 4px; text-align: center; font-size: 14px; line-height: 28px; cursor: pointer; margin: 0 5px;}

/*-- Create --*/

.row.new-ticket .form-group:before, .row.new-event .form-group:before { display: none;}
.form-group.btn-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}

button.deleteRDV{margin-top:26px;}
button.addRDV i[class*="ion-ios-"]:before{font-size: 20px; position: relative; top: 3px; line-height: 20px}
button.deleteRDV i[class*="ion-ios-"]:before{font-size: 20px; position: relative; top: 3px; line-height: 20px}

/*-- Show --*/

.showTicket .form-group > div .col-md-6 {	padding: 0;}
.showTicket .form-group > div .col-md-6:first-child {	padding-right: 15px;}
.tck-desc-view > a {background: #313131; padding: 0 8px; border-radius: 4px; display: block; line-height: 34px; color: white;}
.tck-desc-view > a i { margin-right: 5px;}

/*--------------[ TICKET ]--------------*/

h1 .label {font-size: 9px; font-weight: bold; letter-spacing: normal; text-transform: none; display: inline-block; line-height: 19px; padding: 0 5px; position: relative; top: -4px; margin-left: 5px;}

/*-- Details --*/

.tck-desc-view > textarea {height: 140px !important; font-style: italic; font-weight: 700; font-size: 13px; color: #313131;}

/*-- Events --*/

#evenements-table thead {display: none;}
.table#evenements-table > tbody > tr > td { border-top: 0px ; padding: 0px;}
table.dataTable#evenements-table tbody tr { background: transparent;}
#evenements-table_wrapper {padding: 25px 15px 15px;}
#evenements-table_wrapper .tck-crea-date { margin-right: 0px;}
#evenements-table_wrapper .tck-container .label-warning { margin-left: 5px;}
.events-box.box-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.events-box.box-header h3 { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1;}
.box.box-solid > .events-box.box-header a:hover, .box.box-solid > .events-box.box-header a:active, .box.box-solid > .events-box.box-header a:focus, .box.box-solid > .events-box.box-header a:active:hover { color: white !important; border-color: white !important;}
.showTicket .box-body .box-solid .box-content.events { padding: 15px; }
.complement {background: #f4f4f4; color: #e74c3c; font-size: 10px; padding: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid #d2d6de; border-top: 0;}
#descriptionCharContainer { color: #121212;}
#fileUpload {border: 1px solid #d2d6de; padding: 6px; width: 100%;}

.rdv-row{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; color:#FFF;font-size: 11px;border-bottom: 1px solid #e2e8ef;}
.rdv-row:last-child{ border-bottom: 0;}
.rdv-row[class*="Terminé"]{background-color:#008D4C}
.rdv-row[class*="Rendez-vous manqué"]{background-color:#d41c23}
.rdv-row[class*="En attente"]{background-color:#292929}
.rdv-row[class*="En cours"]{background-color:#E08E0B}
/*.rdv-row:nth-child(odd) { background-color:#3d455e; }
.rdv-row:nth-child(even) { background: #2c3450; }*/

.rdv-row > div { -webkit-box-flex: 1; -ms-flex: 1 1 16%; flex: 1 1 16%; padding: 2px 15px; line-height: 26px; }
.rdv-row > div.rdv-type, .rdv-row > div.rdv-entreprise, .rdv-row > div.rdv-date, .rdv-row > div.rdv-creneau, .rdv-row > div.rdv-etat {border-right: 1px solid #e2e8ef;}
.rdv-empty{color:#333;}
.rdv-infos { text-align:right;font-size: 10px;}
.rdv-num { color: #FFF;}
.rdv-row div i{ margin-right: 5px; }

/*--------------[ MY ACCOUNT ]--------------*/

/*-- My Informations --*/

.myInformations .form-group input {	width: 100%;}
.myInformations .form-group > div .col-md-6 {padding: 0;}
.myInformations .form-group > div .col-md-6:first-child {	padding-right: 15px;}

/*-- Sale Contact --*/

.saleContact {	display: -webkit-box;	display: -ms-flexbox;	display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 -10px; padding: 15px;}
.saleContact:nth-child(odd) { background: white;}
.saleContact:first-child { margin-top: -10px;}
.saleContact:last-child { margin-bottom: -10px;}
.saleContact:not(:last-child) {border-bottom: 1px solid #d2d6de;}
.saleContact .saleContactName {	display: -webkit-box;	display: -ms-flexbox;	display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.saleContact .saleContactName h4 {font-size: 15px; margin: 5px 0;}
.saleContact .saleContactName i { margin-right: 10px; font-size: 70px;}
.saleContact h5 {margin-top: 0;	text-transform: uppercase; font-size: 10px; color: #b90208;}
.saleContact a {margin-left: 5px; border-radius: 5px !important; font-size: 18px; width: 39px; border: 1px solid transparent;}
.saleContact a.ion-ios-email-outline, .saleContact a.ion-iphone { font-size: 24px; line-height: 25px;}
.saleContact a.ion-ios-telephone-outline { font-size: 22px; line-height: 25px;}
.saleContact a.ion-ios-email-outline:before {position: relative; left: -2px;}
.saleContact a.ion-ios-telephone-outline:before {position: relative; left: -1px;}
.sale-contact-avatar, .sale-contact-avatar > div { display: block; height: 70px; width: 70px; background-size: cover !important; margin-right: 15px; border-radius: 4px; background: url(../images/avatar_default.png)no-repeat; -webkit-filter: grayscale(100%); filter: grayscale(100%);}

.Violaine.HARTMANN { background: url(../images/v-hartmann.png) no-repeat;}
.Guy.JUNG { background: url(../images/g-jung.png) no-repeat;}
.Nicolas.BRECHER { background: url(../images/n-brecher.png) no-repeat;}
.Fabrice.BESSON { background: url(../images/f-besson.png) no-repeat;}
.Christophe.ALIX { background: url(../images/c-alix.png) no-repeat;}
.Yoan.RODRIGUEZ { background: url(../images/y-rodriguez.png) no-repeat;}
.Yasmina.ROUAMI { background: url(../images/y-rouami.png) no-repeat;}
.Virginie.SUPIOT { background: url(../images/v_supiot.png) no-repeat;}
.Vincent.LEPAGNOL { background: url(../images/v-lepagnol.png) no-repeat;}
[class*="Stéphane"].GORCY { background: url(../images/s-gorcy.png) no-repeat;}
[class*="Stéphane"].CHOLLET { background: url(../images/s-chollet.png) no-repeat;}
[class*="Stéphane"].MILLOUX { background: url(../images/s_milloux.png) no-repeat;}
.Philippe.LALLEMAND { background: url(../images/p-lallemand.png) no-repeat;}
.Paul.ANSALDI { background: url(../images/p-ansaldi.png) no-repeat;}
.Patricia.FOULON { background: url(../images/p-foulon.png) no-repeat;}
.Nicolas.BRECHER { background: url(../images/n-brecher.png) no-repeat;}
.Nathalie.BRESTENBACH { background: url(../images/n-brestenbach.png) no-repeat;}
.Mikael.JOLY { background: url(../images/m-joly.png) no-repeat;}
.Mickael.MARCHAND { background: url(../images/m-marchand.png) no-repeat;}
.Michael.MUSIALEK { background: url(../images/musialek.png) no-repeat;}
.Marc-Olivier.RYCHEN { background: url(../images/mo-rychen.png) no-repeat;}
.Laurent.SAUTRE { background: url(../images/l-sautre.png) no-repeat;}
[class*="Jérôme"].CRESSIOT { background: url(../images/j-cressiot.png) no-repeat;}
[class*="Jérôme"].BAZIN { background: url(../images/j-bazin.png) no-repeat;}
.John.BERETTA { background: url(../images/j-beretta.png) no-repeat;}
[class*="Jérôme"].ANDRE, .Jerome.ANDRE { background: url(../images/j-andre.png) no-repeat;}
.Jean-Baptiste.PERARD { background: url(../images/jb-perard.png) no-repeat;}
.Guillaume.RUHLMANN { background: url(../images/g-ruhlmann.png) no-repeat;}
.Gaetan.DE.PIENNE { background: url(../images/g-depienne.png) no-repeat;}
[class*="François"].JOLIVET { background: url(../images/f-jolivet.png) no-repeat;}
.Frank.DELAGRANGE { background: url(../images/f-delagrange.png) no-repeat;}
.Fabrice.ZITO { background: url(../images/f-zito.png) no-repeat;}
.Emmanuelle.BECHTEL { background: url(../images/e-bechtel.png) no-repeat;}
.Elisabeth.FLORES { background: url(../images/e-flores.png) no-repeat;}
.Eddy.LEGROS { background: url(../images/e-legros.png) no-repeat;}
.Cyriel.ZIELEMAN { background: url(../images/c-zieleman.png) no-repeat;}
.Christophe.STEINMETZ { background: url(../images/c-steinmetz.png) no-repeat;}
.Arnaud.TOURNOUX { background: url(../images/a.tournoux.png) no-repeat;}
.Alexandre.KNECHT { background: url(../images/a.knecht.png) no-repeat;}
.Philippe.KOHLER { background: url(../images/p.kohler.png) no-repeat;}
.Romain.FUSSER { background: url(../images/r.fusser.png) no-repeat;}
.Romuald.VALICHON { background: url(../images/r.valichon.png) no-repeat;}

/*--------------[ ROLES ]--------------*/

.collaboratorManagement .form-group input {	width: 100%;}
.collaboratorManagement .form-group > div .col-md-6  {padding: 0;}
.collaboratorManagement .form-group > div .col-md-6:first-child {	padding-right: 15px;} 
table.dataTable#roles-table tbody tr, table.dataTable#generator-table tbody tr { background: none;}
#roles-table_wrapper { padding: 25px 15px 15px;}
#roles-table thead, #generator-table thead { display: none;}
tr:not(:last-child) .role-container { margin-bottom: 15px;}
#roles-table > tbody > tr > td { border-top: 0px; padding: 0px;}
.role-container {border: 1px solid #d2d6de; background: rgba(255, 255, 255, 0.5); border-radius: 4px 4px 0 0; overflow: hidden;}
.role-header {padding: 5px 10px; background: #ffffff;  border-bottom: 1px solid #d2d6de;}
.role-header > div {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.role-name {display: inline-block; margin-right: 10px; font-weight: 800; color: #b90208; font-size: 14px;}
.role-data {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.role-data > div { -webkit-box-flex: 1; -ms-flex: 1 1 28%; flex: 1 1 28%; padding: 5px 15px; line-height: 26px;}
.role-data > div:not(:nth-child(3n)) {border-right: 1px solid #e2e8ef;}
.role-data > div:not(:nth-child(n+4)) {border-bottom: 1px solid #e2e8ef;}
.role-data i[class*="ion-"]:before { font-size: 19px; color: #2ecc71;}
.role-data .ion-ios-telephone-outline:before {font-size: 17px !important; position: relative; left: 1px;}
.role-data .ion-iphone:before {font-size: 20px !important; position: relative; top: 4px;}
.role-username em { opacity: .7; font-size: 11px;}
.role-header a.edit-btn {width: 26px; height: 26px; border-radius: 4px; text-align: center; }
.role-header a.edit-btn .ion-ios-gear { font-size: 12px; position: relative; top: -8px; left: -7px; margin: 0;}
.role-header a.edit-btn .ion-ios-gear:before { font-size: 17px; left: 1px;}
.role-job i:before, .role-city i:before { font-size: 16px !important;}
.role-mail i:before { font-size: 17px !important;}
.role-data i:before { width: 18px; text-align: center;}

/*--------------[ ROLE ]--------------*/

.role-header .iconsBlocks {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.role-header .iconsBlocks .iconsGroup { margin-right: 10px; border: 1px solid #d2d6de; border-radius: 4px; height: 26px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex;}
.role-header .iconsBlocks .iconsGroup i {height: 26px; display: inline-block; width: 26px; text-align: center;}
.role-header .iconsBlocks .iconsGroup i:before { font-size: 14px; line-height: 24px;}
.role-header .iconsBlocks .iconsGroup i:first-child { background: #f4f4f4; border-right: 1px solid #d2d6de;}
.role-header .iconsBlocks .iconsGroup i:first-child:before { font-size: 20px; line-height: 20px;}
.role-header .iconsBlocks .iconsGroup .ion-ios-pricetags-outline:before { font-size: 18px !important;}
.role-header .iconsBlocks .iconsGroup i.ion-eye:before { font-size: 17px;}
.pass-edit { text-align: right; clear: both; padding: 10px 5px 5px;}

.collaboratorManagement .box-body h5 {color: #b90208; padding-bottom: 15px; border-bottom: 1px solid #d2d6de; margin-top: 0; margin-bottom: 0px;}
.collaboratorManagement .box-body h5 i { width: 22px; text-align: center; display: inline-block;}
.collaboratorManagement .box-body h5 i:before { font-size: 19px;}
.contactRolesContainer {margin-bottom: 25px;}
.contactRoleContainer {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0;}
.contactRoleContainer:not(:last-child) {border-bottom: 1px dashed #d2d6de;}
.contactRoleContainer label { margin-bottom: 0px;}
.collaboratorManagement .btn-row {padding: 0; text-align: right;}
.roles-box .box-body.form-horizontal {    padding: 10px 15px 15px;}
.contactRoleContainer i {width: 24px; text-align: center; font-size: 17px; margin-right: 4px; opacity: .3;}
.contactRoleContainer i + label { -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
#roleForm .input-group { margin-bottom: 15px; }
#roleForm .input-group .btn-danger { border-radius: 0 3px 3px 0; }
#roleForm .input-group .btn-danger i:before { top: 1px; }
/*#roles-table_wrapper, #generator-table_wrapper { padding: 25px 15px 15px; }*/
.roles .box-body > h3 { margin-top: 0; color: #27ae60; }

/*--------------[ GENERATOR ]--------------*/

/*-- index --*/
.ion-ios-int::before, .ion-ios-double::before { content: "\f3f1"; }
.ion-ios-varchar::before, .ion-ios-text::before { content: "\f417"; }
.ion-ios-tinyint::before { content: "\f4c2"; }
.ion-ios-date::before, .ion-ios-datetime::before { content: "\f3f3"; }
.ion-ios-int::before, .ion-ios-double::before, .ion-ios-varchar::before, .ion-ios-text::before, .ion-ios-tinyint::before, .ion-ios-date::before, .ion-ios-datetime::before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.role-header .iconsBlocks .ion-ios-trash::before { top: -6px; left: -5px; font-size: 20px; }
.role-header .iconsBlocks a.btn-danger { margin-left: 5px; }
.role-username { display: flex; justify-content: space-between; }
.role-username .ion-key[pk]:before { color: #f39c12; }
.role-username .ion-key[fk]:before { color: #333; opacity: .7; }

/*-- create / edit --*/
#generatorForm .alert-warning { display: none; }

/*-- Switch button --*/

.switch {position: relative; display: inline-block; width: 45px; height: 20px;}
.switch input {	display:none;}
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #e74c3c; -webkit-transition: .4s; transition: .4s; }
.slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider {background-color: #27ae60;}
input:focus + .slider {	-webkit-box-shadow: 0 0 1px #00a65a;	box-shadow: 0 0 1px #00a65a;}
input:checked + .slider:before {  -webkit-transform: translateX(26px); transform: translateX(26px);}
.slider.round {	border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

/*-- macaron --*/

.sticker {padding: 4px; background-color: white !important; margin-left: 4px;}
.sticker[unique] {border: 1px solid #27ae60; color: #27ae60;}
.sticker[notNull] {border: 1px solid #D00A11; color: #D00A11;}

/*--------------[ 403 ]--------------*/

.content-header.page403 { padding: 24px;  min-height: calc(100vh - 100px); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}
.content-header.page403 > div > h1 { font-size: 24px; font-weight: 800; color: #e74c3c; text-transform: uppercase; letter-spacing: -1px; position: relative; top: 3px;}
.content-header.page403 > div {text-align: center;}

/*--------------[ FOOTER ]--------------*/

.main-footer { background: #ffffff; padding: 15px; color: #999; border-top: 0;}
.main-footer a { color: #b90208;}

/*--------------[ RESPONSIVE ]--------------*/

@media screen and (min-width: 1200px) {
    
    .box-body > .form-group .col-lg-6:first-child { padding-left: 0px; padding-right: 7px;}
    .box-body > .form-group .col-lg-6:last-child:not(:first-child) { padding-left: 7px; padding-right: 0px;}
    
}

@media screen and (max-width: 1199px) {
    
    div.box-body > .form-group .col-lg-6:first-child { padding-left: 0px}
    div.form-horizontal .control-label { padding-right: 5px;}
    div.box-body > .form-group.col-md-6 { padding-right: 5px;}
    .col-lg-6.col-md-12 {padding-right: 0px; padding-left: 0px; margin-top: -1px;}
    .saleContact .saleContactName h4 { font-size: 13px;}
    div.box-body > .form-group .col-lg-6.col-md-6.col-sm-6:first-child {padding-right: 7px;}
    div.box-body > .form-group .col-lg-6.col-md-6.col-sm-6:nth-child(2) {padding-left: 7px;}
    .form-horizontal .control-label {font-size: 11px;}
    .form-group.col-md-6:before, .form-group.col-md-12:before {width: 50%;}
    .content-header > h1, .content-header > h1 > small {font-size: 21px;}
    .content-header > h1 > small {display: inline-block; width: 100%; padding-left: 0px;}
    .events-box > a {position: absolute; top: 11px; right: 15px;}
    .tck-data, .role-data { display: block;}
    .role-data > div, .tck-data > div { -ms-flex: 1 1 42%; -webkit-box-flex: 1; flex: 1 1 42%; }
    .role-data > div:not(:nth-child(n+5)) { border-bottom: 1px solid #e2e8ef;}
    .role-data > div:not(:nth-child(6n)) { border-right: 1px solid #e2e8ef;}
    .tck-username {min-width: 60%; float: left;}
    .tck-type {min-width: 40%; float: left;}
    .tck-comment {width: 100%; clear: both;}
    .role-data > div {min-width: 50%; float: left; padding: 5px 7px;}
    .role-data > div:nth-child(2n+1) { clear: both;}
    .role-data > div:nth-child(2n):not(:nth-child(6)) { border-right: 0; border-top: 1px solid transparent;}
    .tck-empty { display: none !important;}
    .home-row > .col-md-6 {width: 50% !important;}
    
}

@media screen and (min-width: 1024px) {
    
    .box-body > .form-group.col-md-6 { margin-right: -10px; margin-left: -10px; padding: 0; width: calc(50% + 20px); padding-right: 15px; margin-bottom: 7.5px; margin-top: 7.5px;}
    .box-body > .form-group.col-md-6:nth-child(2n) {padding-right: 0px; padding-left: 15px;}
    .box-body > .form-group.col-md-12 { margin-right: -10px; margin-left: -10px; padding: 0; width: calc(100% + 20px); margin-bottom: 7.5px; margin-top: 7.5px;}
    
}


@media screen and (max-width: 1023px) {
    
    .content { padding-left: 5px; padding-right: 5px;}
    .content-header { padding: 24px 15px 0 15px; clear: both;}
    .content-header>.breadcrumb { margin-top: 0 !important; background: none; font-size: 11px; text-align: right;}
    .skin-blue .main-header .navbar { min-height: inherit; height: 51px;}
    .nav.navbar-nav { height: 51px;}
    .input-sm {padding: 5px;}
    .box-content > span.text-red.pull-right {margin-bottom: -28px; top: 15px; font-size: 11px; width: 250px; text-align: right;}
    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu { right: 15px !important;}
    .dataTables_wrapper .dataTables_info { padding-top: 28px; font-size: 9px;}
    .collaboratorManagement .form-group > div .col-sm-12, .myInformations .form-group > div .col-sm-12, .showTicket .form-group > div .col-sm-12 { padding-right: 0 !important;}
    .box-body > .form-group.col-sm-12 { margin-right: -10px; margin-left: -10px; padding: 0; width: calc(100% + 20px); margin-bottom: 7.5px; margin-top: 7.5px;}
    .sm-label-none { margin-top: -8px !important;}
    .sm-label-none:before, .sm-label-none .control-label { display: none !important;}
    .new-event, .myCollaborator .row.col-sm-12 {width: calc(100% + 30px);}
    .login-box, .register-box { width: 50% !important;}
    .col-lg-6.col-md-12.col-sm-6:first-child {padding-right: 7px;}
    .col-lg-6.col-md-12.col-sm-6:nth-child(2) {padding-left: 7px;}
    .content-header > * { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; }
    .showTicket h1 small + span { margin-left: 0;}
    .role-header {padding-bottom: 10px;}
    .role-header > div { display: block;}
    .home-row > .col-xs-12 {width: 100% !important;}
    
}

@media screen and (max-width: 767px) {
    
    .nav.navbar-nav .dropdown.notifications-menu:last-child { display: none;}
    .skin-blue .main-header .navbar .sidebar-toggle {padding-left: 60px;}
    .skin-blue .main-header .logo { margin-bottom: -50px; width: 50px; padding-right: 0; position: relative; z-index: 1001;}
    .content-header {-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .content-header>.breadcrumb { display: none;}
    .box-body > .form-group.col-sm-12 { display: block;}
    .form-group.col-md-6:before, .form-group.col-md-12:before { display: none;}
    .sm-label-none .col-sm-9 { margin-top: -1px;}
    div.box-body > .form-group .col-lg-6:first-child, div.box-body > .form-group.col-md-6, div.box-body > .form-group .col-lg-6.col-md-6.col-sm-6:nth-child(2), div.box-body > .form-group .col-lg-6.col-md-6.col-sm-6:first-child { padding-left: 0px; padding-right: 0;}
    .col-lg-6.col-md-12.col-sm-6:nth-child(2) { padding-left: 0;}
    .sale-contact-avatar, .sale-contact-avatar > div { height: 60px; width: 60px;}
    .saleContact a { margin-left: 0px; width: 25px; padding: 2px}
    .saleContact a.ion-ios-email-outline, .saleContact a.ion-iphone { font-size: 20px; line-height: 20px;}
    .sale-contact-avatar, .sale-contact-avatar > div {margin-right: 10px}
    .saleContact a.ion-ios-email-outline:before { position: relative; left: 0px;}
    .saleContactButton { width: 85px; text-align: right;}
    .box-content > span.text-red.pull-right { margin-bottom: 10px; top: 15px; font-size: 11px; width: 100%; text-align: left; right: 0; padding: 0 15px;}
    .dataTables_wrapper .dataTables_length label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: -5px;}
    .dataTables_wrapper .dataTables_length label select {width: 50px; top: 0; margin: 0 5px;}
    .table-responsive { border: none;}
    .tck-header > div { display: block; height: 52px;}
    .tck-data > div.tck-username, .tck-data > div.tck-type, .user-data > div:not(:nth-child(6n)) { border-right: none;}
    .tck-crea-date {white-space: nowrap; margin-right: 0;}
    .tickets .btn-group { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
    .priority-Critique, .priority-Haute, .priority-Moyenne, .priority-Faible {margin-left: 0px;}
    .tck-name { margin-bottom: 5px; margin-top: 5px;}
    .tck-crea-date { font-size: 10px; margin-top: 3px; margin-bottom: 5px;}
    .content-header > h1 { width: 100%;}
    .tck-data, .role-data, .role-header > div { display: block;}
    .dataTables_wrapper .dataTables_info { padding-top: 10px;}
    .dataTables_wrapper .dataTables_paginate { margin-top: -5px; padding-top: 0;}
    h1 small + .label {margin-left: 0px;}
    .col-xs-6:first-child { padding-right: 5px !important;}
    .col-xs-6:last-child { padding-left: 5px !important;}
    .tck-container .label-primary {font-size: 9px; position: relative; top: 5px; padding: 3px 5px;}
    .login-box, .register-box { width: 90% !important;}
    .role-data > div:not(:nth-child(n+6)) {border-bottom: 1px solid #e2e8ef;}
    .role-header > div { position: relative;}
    .role-header a.edit-btn {position: absolute; top: 4px; right: 0px;}
    .role-header .iconsGroup:nth-child(3) { margin-right: 0px;}
    .role-header { padding-bottom: 10px;}
    .contactRoleContainer i + label { line-height: 14px; font-size: 11px;}
    .main-sidebar, .left-side { padding-top: 50px;}
    .role-name {margin-right: 35px;}
    .role-data > div { float: none;}
    .role-data > div, .tck-data > div { width: 100%;}
    .tck-name { display: block;}
    h3.info-box-text { max-width: calc(100% - 7.5px); white-space: inherit; padding-right: 25px;}
    h3.info-box-text br { display: none;}
    .home-row > .col-xs-12 {padding: 0 15px;}
    
}

@media screen and (max-width: 340px) {
    
    .contactRoleContainer i { display: none}
    
}


/*--------------[ IPAD HACKS ]--------------*/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    
    .contactRoleContainer {position: relative;}
    .contactRoleContainer .switch.checkbox-inline { position: absolute; top: calc(50% - 10px); right: 0;}
    .btn.ion-ios-close-empty:before, .btn.ion-ios-arrow-left:before {top: 1px;}
    .content-header > h1 {max-width: calc(50% - 25px);}
    .content-header>.breadcrumb {max-width: calc(50% - 25px); text-align: right; padding-right: 0px}
    .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a i.ion-ios-close-outline { margin-left: -2px !important; margin-right: 3px !important;}
    select {-webkit-appearance:none; padding: 0 15px 0 5px !important; width: 50px; background: url(../images/select-fake.gif) no-repeat right center !important;}
    
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : portrait) {
    
    .navbar-nav > li:last-child > a {line-height: 21px;}
    
}

/*--------------[ SMARTPHONE HACKS ]--------------*/

@media only screen and (max-device-width : 767px) and (-webkit-min-device-pixel-ratio: 2) {
    
    .navbar-nav>.notifications-menu>.dropdown-menu>li .menu li a i.ion-ios-loop {margin-left: -1px; margin-right: 3px;}
    .navbar-nav>.notifications-menu>.dropdown-menu>li .menu li a i.ion-ios-loop:before {font-size: 20px;}
    select {-webkit-appearance:none; padding: 0 15px 0 5px !important; width: 50px; background: url(../images/select-fake.gif) no-repeat right center !important;}
    .tck-header > div {height: 55px;}
    .tck-header > div:first-child {max-width: calc(100% - 90px);}
    .tck-name {margin-bottom: 10px; margin-top: 4px;}
    .tck-header > div:last-child {padding-top: 1px;}
    .tck-crea-date { margin-top: 4px;}
    .contactRoleContainer {position: relative;}
    .contactRoleContainer .switch.checkbox-inline { position: absolute; top: calc(50% - 10px); right: 0;}
    .role-header .iconsBlocks .iconsGroup i{height: 24px; width: 22px;}
    .role-header .iconsBlocks .iconsGroup i.ion-ios-pricetags-outline {}
    .role-header .iconsBlocks .iconsGroup i:first-child {height: 24px; width: 24px;}
    .role-header .iconsBlocks .iconsGroup i:before { font-size: 12px;}
    .role-header .iconsBlocks .iconsGroup .ion-ios-pricetags-outline:before, .role-header .iconsBlocks .iconsGroup i:first-child:before { font-size: 15px !important; top:2px;}
    .role-header .iconsBlocks .iconsGroup .ion-ios-download-outline:before {top:0px;}
    
}

/*--------------[ FF HACKS ]--------------*/

@-moz-document url-prefix() { 
    
    .tickets td i.ion-eye {top: -5px;}
    
}