/**

 * Copyright since 2007 PrestaShop SA and Contributors

 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA

 *

 * NOTICE OF LICENSE

 *

 * This source file is subject to the Academic Free License 3.0 (AFL-3.0)

 * that is bundled with this package in the file LICENSE.md.

 * It is also available through the world-wide-web at this URL:

 * https://opensource.org/licenses/AFL-3.0

 * If you did not receive a copy of the license and are unable to

 * obtain it through the world-wide-web, please send an email

 * to license@prestashop.com so we can send you a copy immediately.

 *

 * DISCLAIMER

 *

 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer

 * versions in the future. If you wish to customize PrestaShop for your

 * needs please refer to https://devdocs.prestashop.com/ for more information.

 *

 * @author    JA Modules <info@jamodules.com>

 * @copyright Since 2007 JA Modules

 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)

 */



#header .header-nav .cetasko-top {

    background: none;

    padding: .75rem 0px;

    margin-left: .9375rem;

    min-width: 100px;

    text-align: right;

}



/*list.tpl*/



.cetasko-panel {

    background-color: #fff;

    border: 1px solid #d3d8db;

    border-radius: 5px;

    margin-bottom: 20px;

    padding: 20px;

    position: relative;

}


.cetasko-panel .filter {
    width: 100%;
    height: 30px;
}

.cetasko-panel .btn {
    margin-bottom: 3px;
}

.cetasko-panel-header {

    display: flex;

    justify-content: space-between;

    height: 32px;

    border-bottom: 1px solid #eee;

    font-size: 1rem;

    height: 2.2em;

    margin: -20px -16px 15px;

    padding: 5px 7px;

}



.cetasko-panel-header h2 {

    text-transform: uppercase;

    font-size: 1.25rem;

    margin-bottom: 0px;

}



.cetasko-panel-header .header-buttons {

    display: flex;

    justify-content: start;

    align-items: center;

}



.cetasko-panel-header .header-buttons a {

    margin-right: 5px;

}



.cetasko-panel-header .header-buttons a:last-child {

    margin-right: 0px;

}



.cetasko-panel-header h2 span.filtered {

    text-transform: none;

    font-weight: 500;

    font-size: 0.9rem;

}



.cetasko-panel-header a {

    color: #ccc;

}



.cetasko-panel-header a:hover {

    color: #2fb5d2;

}



.cetasko-panel-header i,

.cetasko-panel-header svg {

    font-size: 1.5rem;

}



.cetasko-panel h2 .badge {

    background-color: #fff;

    border: 1px solid #d9d9d9;

    border-radius: 20px;

    color: #555;

    font-size: 1rem;

    font-weight: 700;

    line-height: 1.2em;

    margin-left: .4em;

    padding: 0 10px;

}



.cetasko-panel .help-block {

    font-size: 12px;

    margin-top: 3px;

}



.tickets-menu ul {

    padding:0px;

    margin:0 0 15px 0;

}



.tickets-menu ul li a {

    border: 1px solid #f6f6f6;

    padding: 13px 15px;

    display: block;

    width: 100%;

}



table#tickets thead tr th {

    border-bottom: 1px solid #a0d0eb;

}



table#tickets thead tr th a span.material-icons {

    font-size: 18px;

}



table#tickets thead tr th a span.active {

    color: #000000;

}



table#tickets thead tr.filter-container th {

    background-color: #ecf6fb;

    border-bottom: 1px solid #a0d0eb;

    font-size: 11px;

}



table#tickets thead th input.filter {

    max-width: 60px;

    padding: 4px;

}



table#tickets thead th input[name="ticketFilter_reference"] {

    min-width: 130px;

}



table#tickets thead th input[name="ticketFilter_subject"] {

    min-width: 180px;

}



table#tickets thead th select[name="ticketFilter_state"] {

    height: 32px;

}



table#tickets thead th input[name="ticketFilter_date_upd"] {

    min-width: 140px;

}



#search_tickets {

    min-width: 100%;

    margin-bottom: 25px;

}



table#tickets tbody tr.waiting-response td,

table#tickets tbody tr.waiting-response td a {

    font-weight: bold;

}



#module-cetasko-list .pagination {

    width: auto;

}



#module-cetasko-list .pagination li {

    float: left !important;

}



#module-cetasko-list .pagination {

  display: inline-block;

  padding-left: 0;

  margin: 0px;

  border-radius: 0px; 

  float: right;

  margin-bottom: 15px;

}



#module-cetasko-list .pagination > li {

    display: inline; 

}



#module-cetasko-list .pagination > li > a, 

#module-cetasko-list .pagination > li > span {

      position: relative;

      float: left;

      padding: 0px 12px;

      line-height: 1.42857;

      text-decoration: none;

      background-color: #fff;

      border: 1px solid #ddd;

      margin-left: -1px; 

}



#module-cetasko-list .pagination > li:first-child > a,

#module-cetasko-list .pagination > li:first-child > span {

      margin-left: 0;

      border-bottom-left-radius: 0px;

      border-top-left-radius: 0px; 

}



#module-cetasko-list .pagination > li:last-child > a,

#module-cetasko-list .pagination > li:last-child > span {

      border-bottom-right-radius: 0px;

      border-top-right-radius: 0px; 

}



#module-cetasko-list .pagination > li > a:hover, .pagination > li > a:focus,

#module-cetasko-list .pagination > li > span:hover,

#module-cetasko-list .pagination > li > span:focus {

    background-color: #f6f6f6; 

}



#module-cetasko-list .pagination > .active > a, 

#module-cetasko-list .pagination > .active > a:hover, 

#module-cetasko-list .pagination > .active > a:focus,

#module-cetasko-list .pagination > .active > span,

#module-cetasko-list .pagination > .active > span:hover,

#module-cetasko-list .pagination > .active > span:focus {

    z-index: 2;

    color: #fff;

    background-color: #428bca;

    border-color: #428bca;

    cursor: default; 

}



#module-cetasko-list .pagination > .disabled > span,

#module-cetasko-list .pagination > .disabled > a,

#module-cetasko-list .pagination > .disabled > a:hover,

#module-cetasko-list .pagination > .disabled > a:focus {

    color: #999999;

    background-color: #fff;

    border-color: #ddd;

    cursor: not-allowed; 

}



#module-cetasko-list .pagination-lg > li > a,

#module-cetasko-list .pagination-lg > li > span {

  padding: 10px 16px;

  font-size: 17px; 

}



#module-cetasko-list .pagination-lg > li:first-child > a,

#module-cetasko-list .pagination-lg > li:first-child > span {

  border-bottom-left-radius: 6px;

  border-top-left-radius: 6px; 

}



#module-cetasko-list .pagination-lg > li:last-child > a,

#module-cetasko-list .pagination-lg > li:last-child > span {

  border-bottom-right-radius: 6px;

  border-top-right-radius: 6px; 

}



#module-cetasko-list .pagination-sm > li > a,

#module-cetasko-list .pagination-sm > li > span {

  padding: 5px 10px;

  font-size: 12px; 

}



#module-cetasko-list .pagination-sm > li:first-child > a,

#module-cetasko-list .pagination-sm > li:first-child > span {

  border-bottom-left-radius: 3px;

  border-top-left-radius: 3px; 

}



#module-cetasko-list .pagination-sm > li:last-child > a,

#module-cetasko-list .pagination-sm > li:last-child > span {

  border-bottom-right-radius: 3px;

  border-top-right-radius: 3px; 

}



#module-cetasko-list .list-group-item:first-child {

    border-top-right-radius: 5px;

    border-top-left-radius: 5px;

}



#module-cetasko-list .list-group-item:last-child {

    border-bottom-right-radius: 5px;

    border-bottom-left-radius: 5px;

}



#module-cetasko-list .list-group-item {

    position: relative;

    display: block;

    padding: 8px 10px;

    background-color: #fff;

    border: 1px solid #ddd;

}



#module-cetasko-list .list-group-item.active, 

#module-cetasko-list .list-group-item.active:focus, 

#module-cetasko-list .list-group-item.active:hover {

    z-index: 2;

    color: #fff;

    text-decoration: none;

    background-color: #2fb5d2;

    border-color: #2fb5d2;

}



#tickets .btn-list {

    box-shadow: none;

    text-transform: none;

    font-weight: normal;

    font-size: 12px;

    padding: 3px 5px;

    margin-bottom: 5px;

    min-width: 100%;

}

#datatable .btn-list {

    box-shadow: none;

    text-transform: none;

    font-weight: normal;

    font-size: 12px;

    padding: 3px 5px;

    margin-bottom: 5px;

    min-width: 100%;

}

/*view.tpl*/

#module-cetasko-view .badge-secondary {

    background: #f5f5f5;

    border-radius: 4px;

    padding: 5px 10px;

}



.ticket-header {

    background-color: #fff;

    border: 1px solid #d3d8db;

    border-radius: 5px;

    margin-bottom: 20px;

    padding: 20px;

    position: relative;

    float: left;

    width: 100%;

}



.ticket-header .item {

    display: flex;

    justify-content: start;

    margin-bottom: 15px;

}



.ticket-header .item i {

    font-size: 28px;

}



.ticket-header .item-content {

    display: flex;

    flex-direction: column;

}



.ticket-header .item-content .title {

    font-size: 0.8rem;

}



.ticket-header .item-content .value {

    font-size: 0.7rem;

}



.ticket-header .color1 .value,

.ticket-header .color1 i {

    color: #9e5ba1;

}



.ticket-header .color2 .value,

.ticket-header .color2 i {

    color: #95cc6b;

}



.ticket-header .color3 .value,

.ticket-header .color3 i {

    color: #ff5450;

}



.ticket-header .color4 .value,

.ticket-header .color4 i {

    color: #2ba8e3;

}





.activities-header {

    display: flex;

}



.card-header-text {

    width: 100%;

}



.card-header-options {

    display: inline-flex;

}



.card-header-options span {

    cursor: pointer;

    height: 17px;

}



#activities {

    margin-bottom: 20px;

}



.checklist-item {

    position: relative;

    display: flex;

    padding: 6px 8px;

    min-height: 25px;

    border-top: 1px solid #dee2e6;

}



.checklist-item-content {

    display: inline-flex;

    justify-content: space-between;

    width: 100%;

}



.checklist-item-content-text span.complete {

    text-decoration: line-through;

    opacity: 0.7;

}



#activities span.material-icons:hover {

    background-color:rgb(197, 197, 197);

  }



.checklist-item-content-text {

  width: 100%;

}



#activities .card.card-header,

#reports .card.report,

#checklists .card.checklist {

    margin-bottom: 10px;

}



table#timer-list td, table#timer-list th {

    font-size: 0.8rem;

}



table#timer-list td.time, table#timer-list th.time {

    text-align: right;

}



#reports .report-content table td.date-add {

    width: 25%;

}



#reports .report-content table td.description {

    width: 50%;

}



#reports .report-content table td.time {

    width: 35%;

}



.activities-header {

    background-color: #f5f5f5 !important;

}



.report-total-time {

    text-align: right;

}



ul.messages {

    list-style: outside none none;

    padding: 0;

}



ul.messages li .message_wrapper {

    margin-left: 7px;

    width: 50%;

}



ul.messages li {

    background-color: #ffffff;

    border: 1px solid #d3d8db;

    padding: 0px;

    margin-bottom: 15px;

}



ul.messages li .card {

    box-shadow: none;

    border: none;

    margin: 0;

}



ul.messages li .card-header {

    padding: .5rem 1rem;

    margin-bottom: 0;

    background-color: rgba(0,0,0,.03);

    border-bottom: 1px solid #d3d8db;

    display: flex;

    justify-content: start;

}



ul.messages li .card-header-admin {

    background-color: rgba(198, 204, 220,.3);

}



ul.messages li .card-header .star-content {

    width: 50%;

    text-align: right;

}



ul.messages li .card-body {

    flex: 1 1 auto;

    padding: 1rem 1rem;

}



ul.messages li .card-body li {

    border: none;

}



ul.messages li .card-footer {

    padding: .5rem 1rem;

    background-color: rgba(0,0,0,.03);

    border-top: 1px solid #d3d8db;

    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);

}



img.avatar, ul.messages li img.avatar {

    border-radius: 2px;

    height: 32px;

    padding: 2px;

    width: 32px;

}



ul.messages li .message_wrapper h4.heading {

    font-size: 14px;

    cursor: pointer;

    font-weight: 600;

    line-height: 100%;

    margin: 0px;

}



blockquote.message {

    margin: 10px 0 5px;

}



.reply-button-container {

    margin-top: 15px;

}



.reply-button-container a {

    display: block;

}



#replyForm .card {

    box-shadow: none;

    border: 1px solid #d3d8db;

    margin: 15px 0;

}



#replyForm .card-header {

    padding: .5rem 1rem;

    margin-bottom: 0;

    background-color: rgba(0,0,0,.03);

    border-bottom: 1px solid #d3d8db;

    display: flex;

    justify-content: start;

}



#replyForm .card-body {

    flex: 1 1 auto;

    padding: 1rem 1rem;

}



#replyForm .card-footer {

    display: flex;

    justify-content: end;

    padding: .5rem 1rem;

    background-color: rgba(0,0,0,.03);

    border-top: 1px solid #d3d8db;

    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);

}



.progress {

    display: -ms-flexbox;

    display: flex;

    height: 1rem;

    overflow: hidden;

    font-size: .75rem;

    background-color: #e9ecef;

    border-radius: .25rem;

    margin-bottom: 0px !important;

}



.progress-bar {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    -ms-flex-pack: center;

    justify-content: center;

    overflow: hidden;

    color: #fff;

    text-align: center;

    white-space: nowrap;

    background-color: #0085CF;

    transition: width .6s ease;

}



.to_do {

    padding-left: 18px;

    margin-top: 15px;

}



.to_do li {

    list-style: circle !important;

    border: none !important;

    padding: 0 !important;

    margin: 0 !important;

}

#datatable {
    font-size: 16px;
}

.table-label {
    color: black;
    font-size: 16px;
}

.ticket-tags span {

    border-radius: 4px;

    margin: 0 4px 4px 0;

    padding: 2px 4px;

    font-size: 10px;

    font-weight: bold;

}

.ticket-dates span {
    color: #9e5ba1;
    font-size: .7rem;
}

@media only screen and (max-width:1079px) {

    h1 {

        text-align: center;

    }



    .ticket-information {

        box-shadow: none;

        top: 0;

        left: 0;

    }  

}

.filter-container {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    /*padding-bottom: 15px;*/
}

.ticket-itm {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding-bottom: 15px;
}