@import "vendor/jquery-ui.min.css";
@import "vendor/custom-file-input.css";
/*login*/
.auth-container { width: 100vw;background:#E1F4F8 url(../images/login-bgs/1.jpg) no-repeat center center;}
    .row-login {height: 100vh;}
        .login-box-body {background:#fff;padding:30px;border-top:0;color:#666;border-radius: 3px;box-shadow: 5px 5px 5px rgba(0,0,0,0.5);border-top: 4px solid var(--blue);}
        .login-box-body .form-control-feedback {top: 0;right: 0;z-index: 2;display: block;width: 34px;height: 38px;line-height: 38px;text-align: center;pointer-events: none;}
/*menu navigation*/
.main-header .sidebar-toggle {padding: 13px 15px;}
.navbar { padding: 0px!important; display: block!important;}
ul.header-actions { padding: 0px; margin: 0px; float: left;}
    ul.header-actions li { display: inline-block; float: left;}
        ul.header-actions li a {display:block; background-color: transparent;background-image: none;padding: 13px 15px; cursor: pointer;border-right: 1px solid #d2d6de;}
.navbar-nav { float: left; display: block;}
.navbar-custom-menu > .navbar-nav > li { float: left;}
.navbar-nav > li > a {padding-top: 15px;padding-bottom: 15px;line-height: 20px;position: relative;display: block;padding: 15px 15px;}
.nav > li { display: block;}
.navbar-nav li.notifications-menu li.footer a { display: block;}
footer.main-footer { font-size: 11px;border-left: 1px solid #d2d6de; margin-left: 229px;}
.sidebar-menu li > a > .pull-right-container { margin-top: -11px;}
.sidebar-mini.sidebar-collapse .main-footer { margin-left: 49px!important;}

@media (max-width: 767px) { .skin-black-light .main-header .logo {background-color: #ecf0f5; border-bottom: 1px solid #d2d6de;}}
footer.main-footer div { padding-right: 34px;}
.skin-black-light .sidebar-menu>li:hover>a,.skin-black-light .sidebar-menu>li.active>a, li.treeview.menu-open {background:#3c8dbc;}
.skin-black-light .sidebar-menu>li>.treeview-menu { background:#78B0D1;}
.skin-black-light .sidebar-menu .treeview-menu>li>a {color:#fff;}
@media (min-width:768px) {
 .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),
 .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {width:200px;}
}    
/*material icons in menu*/
.sidebar-menu > li > a > .material-icons, .treeview-menu > li > a > .material-icons { font-size: 18px; width: 20px; position: relative; top: 2px; left:-2px;}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span.pull-right-container { display: none!important;}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {top: 48px;}
/*breadcrumb*/
.content-header ol.breadcrumb li a { padding: 0px 5px;}
    .content-header ol.breadcrumb li a i { padding-right:5px;}
    .content-header ol.breadcrumb li.active a { font-weight: 600;}
/*helpers*/
.mb-15 { margin-bottom: 15px;}
.nopadding {padding: 0px !important;}
.pointer {cursor: pointer;}
* {outline: none;}
td {word-break: break-all;}
button[disabled="disabled"] { cursor: not-allowed; background-color: #9fa4aa!important;}
.table td, .table th { padding:8px; vertical-align: middle;}
.btn-xs {padding: 1px 5px;font-size: 12px;line-height: 1.5;border-radius: 3px;}
/*multiple uploads*/
.modal-labf3 .multi-upload-field-wrap { padding: 0px;}
.modal-labf3 fieldset .multi-upload-field label { width: calc(100% - 30px); text-align: left; border: 1px solid #CCC; padding: 0px 10px; line-height: 32px; outline: none;} 
.modal-labf3 fieldset .multi-upload-field label.error { border-color: #dd4b39;}
.modal-labf3 fieldset .multi-upload-field label.ok { border-color: #008d4c;}
    .modal-labf3 .multi-upload-field-wrap .clear_field_multiupload { margin-top: 5px; float: right;}
    .modal-labf3 .multi-upload-field { margin-bottom: 10px;}
    
.frm_field_upload.frm_frm .multi-upload-field-wrap { padding: 0px;}
.frm_field_upload.frm_frm fieldset .multi-upload-field label { width: calc(100% - 30px); text-align: left; border: 1px solid #CCC; padding: 0px 10px; line-height: 32px; outline: none;} 
.frm_field_upload.frm_frm fieldset .multi-upload-field label.error { border-color: #dd4b39;}
.frm_field_upload.frm_frm fieldset .multi-upload-field label.ok { border-color: #008d4c;}
    .frm_field_upload.frm_frm .multi-upload-field-wrap .clear_field_multiupload { margin-top: 5px; float: right;}
    .frm_field_upload.frm_frm .multi-upload-field { margin-bottom: 10px;}
/*general styles*/
table.dataTable.fixedHeader-floating { margin-top: 0px!important;}
h3 {font-size: 16px; margin: 5px 12px 10px 12px; padding-bottom: 5px;border-bottom: 1px solid #f4f4f4; color: #3c8dbc; font-weight: bold;}
.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title { border-bottom: none; padding-bottom: 0px; font-weight: normal;}
.color_code_display { text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25em;}
ul.files-list { list-style: none; padding: 0px;margin: 0px;}
    ul.files-list li { line-height:20px;}
        ul.files-list li span.glyphicon.glyphicon-trash { color:rgba(0, 0, 0, 0.5); cursor: pointer;}
        ul.files-list li span.glyphicon.glyphicon-trash:hover { color:#dd4b39;}
.timeline-item span.time span { cursor: pointer;}
.timeline-item span.edit_suivi_ticket:hover {color:#2196f3;}
.timeline-item span.delete_suivi_ticket:hover {color:#dd4b39;}
.timeline > li > .timeline-item > .timeline-header { font-weight: 600;}  
.timeline ul.files-list li span.glyphicon.glyphicon-trash { font-size: 12px; position: relative; top: 3px;}
.box-header small.label { position: relative; top: -3px;}

.row.ticket_summary_sticky { position: fixed; top: 0px;z-index:1300;width: calc(100% - 50px);}
@media (max-width:768px) {.row.ticket_summary_sticky {width: 100%;} }
    .row.ticket_summary_sticky .box {box-shadow: 0 2px 1px #00a65a;}
    .ticket-summary-wrap {}
        .ticket-summary-wrap span.ticket-label { color: #3c8dbc; display: inline-block;}
        .ticket-summary-wrap span.ticket-value { color: #00a65a; display: inline-block;}
.ticket-actions {margin-top: -5px;margin-bottom: -5px;}
@media (max-width: 990px) { .ticket-actions { margin-top: 10px;}}
    .ticket-actions .frm_frm fieldset { margin: 0px;}
        .ticket-actions .frm_frm fieldset label { float: left; width: 50px; padding-right: 10px;line-height: 30px;}
        .ticket-actions .frm_frm fieldset .chosen-container { float: left;width: calc(100% - 60px)!important;}
            .ticket-actions .frm_frm fieldset .chosen-container-single .chosen-single { height: 30px; line-height: 30px;}
            .ticket-actions .frm_frm fieldset .chosen-container-single .chosen-single div { top: -3px;}
            
.notif-message.unread {cursor: pointer; font-weight: bold;}
.notif-message.read { font-weight: normal;}
li.notifications-menu li.notice .notif-message {display: block;white-space: nowrap;border-bottom: 1px solid #f4f4f4;color: #444444;overflow: hidden;text-overflow: ellipsis;padding: 10px;}
li.notifications-menu li.notice .notif-message i.fa {width: 20px;}
a.notification-trigger { cursor: pointer;}
/*table*/
table.table-list { border-collapse:collapse; /*border-top:1px solid rgba(0, 0, 0, 0.1);*/ border-left:1px solid rgba(0, 0, 0, 0.1); width:100%; margin-bottom:20px;}
table.table-list thead th, table.table-list thead td {padding: 6px 12px;border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1);}
table.table-list thead th, table.table-list tfoot th {font-weight: bold;line-height: 25px;border-top: 1px solid rgba(0, 0, 0, 0.1);color: #3c8dbc; text-align: center;}
table.table-list tbody tr:nth-child(odd){background-color: #f9f9f9;}
table.table-list tbody tr:nth-child(even){background-color: #ffffff;}
table.table-list tbody tr.inactive, table.table-list tbody tr.inactive:hover {background-color: rgba(230, 182, 182, 0.57); cursor:not-allowed;}
table.table-list tbody tr:hover {background-color: rgba(140, 204, 241, 0.3);}
table.table-list.no-hover tbody tr:hover {background-color: transparent;}
table.table-list tbody td {padding: 6px 12px;line-height: 25px;height: 25px;vertical-align: middle;border-right: 1px solid rgba(0, 0, 0, 0.1);border-bottom: 1px solid rgba(0, 0, 0, 0.1);box-sizing: content-box;}
/*assign incident to user*/
.assigned_user_wrap {}
    .assigned_user_wrap ul { list-style: none; margin-bottom: 0px;}
        a.assign_ticket { display: inline-block; cursor: pointer;}
            a.assign_ticket:hover { color: #00c0ef;}
        a.ticket_assigned_to { cursor: pointer;}
        .assigned_user_wrap .dropdown-menu { background-color: #3c8dbc;}
            .assigned_user_wrap .dropdown-menu > li > a { color: #fff;}
            .assigned_user_wrap .dropdown-menu > li > a:hover { background-color: #00c0ef}
/*datetimepicker overrides*/
.dtp-btn-cancel, .dtp-btn-clear { margin-right: 10px;}

.blink {animation: blinkingBackground 2s infinite;}
@keyframes blinkingBackground{
    0%		{ background-color: #eb1717;}
    25%		{ background-color: #00c0ef;}
    50%		{ background-color: #eb1717;}
    75%		{ background-color: #00c0ef;}
    100%	{ background-color: #eb1717;}
}

/*tabs title*/
ul.nav.nav-tabs li a{ font-weight: bold;}

/*stats reporting mgt*/
fieldset.single-row .row .col-interval{ padding: 0px;}
fieldset.single-row .row .col-de { padding-right: 0px;}
fieldset.single-row .row .col-a { padding-left: 0px;}
fieldset.single-row span.interval {display: block;float: left;line-height: 36px; width: 100%;text-align: center;}
.page-stats-reporting-management .graph { border-bottom: 1px solid #CCC; padding-bottom: 10px; margin-bottom: 10px;}