/*

 * 

 * @author David Mrózek

 * @contact <admin@valasinec.cz>

 * @since 2015

 * @copyright Copyright (c) 2015 - 2023 David Mrózek

 *

 * @link https://prestashop.valasinec.cz/content/2-obchodni-podminky

 * @license https://prestashop.valasinec.cz/content/3-licencni-podminky

 *

 * Tento kód je chráněn autorským právem a nesmí být šířen bez předchozího písemného souhlasu autora.

 * V rámci licenčních podmínek můžete tento kód používat a upravovat pouze pro vlastní potřeby.

 * Pro jakékoli dotazy nebo další informace nás kontaktujte.

 *

 */



/* Hlavní boxy */

.dm_support_box {

    padding: 1rem;

}



/* NOTICE pro výběr typu popžadavků */

#dm_support_allert_typ {

    color: red;

    font-weight: bold;

}



.dm_support_select_pieces {

    width: 100px;

}



.dm_support_select_long {

    width: 100%;

}



.dm_support_button_info {

    line-height: 50px;

}



/* Checkbox pro výběr produktů */

.dm_support_checkbox_middle {

    vertical-align: middle !important;

    text-align: center !important;

}



.dm_support_table_img {

    width: 150px;

}



.dm_support_pdf_icon {

    font-size: 26px;

    color: silver;

}



/* Hvězdička vysvětlení */

.dm_support_star_anotation {

    font-size: 0.9em;

}



/* nahrávaní dokumentů */

.dm_inputfile {

    width: 100%;

    height: auto;

    margin-top: 10px;

    margin-bottom: 10px;



    float: left;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;



    padding: 10px;



    border: 1px solid #d6d4d4;

    display: flex;

}



input[type="file"].dm_inputfile::-webkit-file-upload-button {

  float: right;

  position: relative;

  top: -1px; right: -1px;

}



/* Progres bar */

#dm_support_progressbar {

    margin: 20px;

    overflow: hidden;

    counter-reset: step;

    width:100%;

    text-align: center;

}



#dm_support_progressbar li {

    list-style-type: none;

    color: rgb(51, 51, 51);

    text-transform: uppercase;

    font-size: 0.8em;

    width: 25%;

    float: left;

    position: relative;



}



#dm_support_progressbar li:before {

    content: counter(step);

    counter-increment: step;

    width: 30px;

    line-height: 30px;

    display: block;

    font-size: 1em;

    font-weight: bold;

    color: #333;

    background: white;

    border-radius: 15px;

    margin: 0 auto 5px auto;

    background: #aaa;

    color: white;

}



#dm_support_progressbar li:after {

    content: '';

    width: 100%;

    height: 2px;

    background: white;

    position: absolute;

    left: -50%;

    top: 9px;

    z-index: -1;

}



#dm_support_progressbar li:first-child:after {

    content: none; 

}



#dm_support_progressbar li.active:before,  #dm_support_progressbar li.active:after{

    background: #24b9d7;

    color: white;

}



input.dm_support_input {

  width: 100%;

  padding: 12px 20px;

  margin-top: 5px;

  margin-bottom: 10px;

  box-sizing: border-box;

  border: 2px solid #ccc;

  background-color: #f8f8f8;

  font-size: 1em;

  resize: none;

}



textarea.dm_support_textarea {

  width: 100%;

  height: 150px;

  padding: 12px 20px;

  margin-top: 5px;

  margin-bottom: 10px;

  box-sizing: border-box;

  border: 2px solid #ccc;

  background-color: #f8f8f8;

  font-size: 1em;

  resize: none;

}



/* SUPPORT LIST výběr požadavků */

.dm_support_select_a

{

    display: inline-block;

    padding: 0 0.9375rem;

    margin-bottom: 1.875rem;

    font-size: 1rem;

    font-weight: 700;

    color: #7a7a7a;

    text-align: center;

    text-transform: uppercase;

    height: 100px;

}



.dm_support_span

{

    display: block;

    height: 100%;

    padding: 1rem;

    background: #fff;
    
    color: #000000;

}



.dm_support_i

{

    display: block;

    width: 100%;

    padding-bottom: 1rem;

    font-size: 2.6rem;

    color: #232323 !important;

}



/* SPINNER  */



#dm-cover-spin

{

    position:fixed;

    width:100%;

    left:0;right:0;top:0;bottom:0;

    background-color: rgba(255,255,255,0.7);

    z-index:9999;

    display:none;

}



@-webkit-keyframes spin

{

    from {-webkit-transform:rotate(0deg);}

    to {-webkit-transform:rotate(360deg);}

}



@keyframes spin

{

    from {transform:rotate(0deg);}

    to {transform:rotate(360deg);}

}



#dm-cover-spin::after

{

    content:'';

    display:block;

    position:absolute;

    left:48%;top:40%;

    width:40px;height:40px;

    border-style:solid;

    border-color:black;

    border-top-color:transparent;

    border-width: 4px;

    border-radius:50%;

    -webkit-animation: spin .8s linear infinite;

    animation: spin .8s linear infinite;

}



/* MODAL INFO  */

#dm_history_chart_chart_container {

  height:auto;

}



.dm_history_chart_overlay {

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background: rgba(0, 0, 0, 0.7);

  transition: opacity 500ms;

  visibility: hidden;

  opacity: 0;

  z-index: 99999;

}



.dm_history_chart_overlay.active {

  visibility: visible;

  opacity: 1;

}



.dm_history_chart_popup {

  margin: 70px auto;

  padding: 40px;

  background: #fff;

  border-radius: 5px;

  width: 40%;

  position: relative;

  transition: all 5s ease-in-out;

}



.dm_history_chart_popup h2 {

  margin-top: 0;

  color: #333;

  font-family: Tahoma, Arial, sans-serif;



}

.dm_history_chart_popup .dm_history_chart_close {

  position: absolute;

  top: 20px;

  right: 30px;

  transition: all 200ms;

  font-size: 30px;

  font-weight: bold;

  text-decoration: none;

  color: #333;

}

.dm_history_chart_popup .dm_history_chart_close:hover {

  color: #06D85F;

}

.dm_history_chart_popup .dm_history_chart_content {

  max-height: 30%;

  overflow: auto;

}





.dm_history_chart_content ul {

    list-style-type: disc;

    padding-left: 20px;

    line-height: normal;

}























.dm-request-detail a.dm-support-rd-protocol, .dm-request-detail a.dm-support-rd-info {

display: flex;

align-items: center;

justify-content: center;

margin-top: 1rem;

}

.dm-request-detail a.dm-support-rd-protocol i, .dm-request-detail a.dm-support-rd-info i {

 font-size: 22px; margin: auto; line-height: 22px; color: #888;font-family: 'FontAwesome'; margin-right: 10px;

}



.dm-request-detail a.dm-support-rd-protocol span, .dm-request-detail a.dm-support-rd-info span {

text-decoration: underline;

}



.dm-request-detail a.dm-support-rd-protocol:hover i, .dm-request-detail a.dm-support-rd-info:hover i  {

color: #666666;

}

.dm-request-detail a.dm-support-rd-protocol:hover span, .dm-request-detail a.dm-support-rd-info:hover span  {

text-decoration: none;

}