* {
    box-sizing: border-box;
}

body {
    font-family: "Roboto Condensed";
    font-size: 0;
    padding:0;
    margin:0;
    height: 100%;
}

html {
    height: 100%;
}

.center {
    text-align: center;
}

h1  {
    font-size: 1.7rem;
    font-weight: 700;
}




.red { color:red; }
.orange { color: #ff6600; }
.darksalmon { color: darksalmon; }
.rosybrown { color: #a49674; }
.green { color: #00aa1b; }
.dgreen { color: #05883c; }
.brown { color: #bb3d3e; }
.grey { color: grey; }
.blue1 { color: #0277bd ; }

.blue2 { color: #039be5 ; }

.BlueC {
    color: #3898ff;
}
.RedC {
    color: #ff3860;
}
.GreenC {
    color: #11C400;
}

.BlueB {
    background-color: #3898ff;
}
.RedB {
    background-color: #ff3860;
}
.GreenB {
    background-color: #78c427;
}

.bold {
    font-weight: bold;;
}

.tbtn {
    margin:0;
    padding:1px 8px;
    border: none;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.bookfix { color: #0277bd ; }
.bookfix:hover { color: #800080 ; }

.pbtn {
    padding: 1px 10px;
    color: black;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;

}

.pbtn:hover{
    color: white;
    text-decoration: none;
}

.pbtn_yellow {
    background-color:#dbd53c ;
}
.pbtn_purple {
    background-color:#d54dd5 ;
}
.pbtn_green {
    background-color:#78c427 ;
}
.pbtn_blue {
    background-color:#3898ff ;
}
.pbtn_blue2 {
    background-color:#c3eafd ;
}
.pbtn_grey {
    background-color:#cccccc ;
}
.pbtn_red {
    background-color:#ff3860 ;
    padding: 1px 5px;
}
.pbtn_redw {
    padding: 1px 5px;
    background-color:#ee383a ;
    color: white;
}

.errorstyle {
    border-color: red;
    color: red;
}

.errormsg, .errormsg2, .warnmsg, .calcmsg, .offermsg {
    display: none;
}
.calcmsg{
    color:#0277bd;;
}

.form-error {
    border-color: red;
}

.aq_welcome {
    font-size: 1.2rem;
    text-align: center;
    padding-top: 100px;
}

.btn-outline-logout {
    color: white;
    background-color: transparent;
    background-image: none;
    border-color: lightgray;
}
.btn-outline-logout:hover {
    background-color: lightgrey;
    color: red;
    border-color: white;
}


.fixed_text {
    border: 1px lightblue solid;
    padding:7px 10px;
    border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;

}

/* Generated by Glyphter (http://www.glyphter.com) on  Tue Oct 29 2019*/
@font-face {
    font-family: 'Glyphter';
    src: url('../fonts/glyphter-font/fonts/Glyphter.eot');
    src: url('../fonts/glyphter-font/fonts/Glyphter.eot?#iefix') format('embedded-opentype'),
    url('../fonts/glyphter-font/fonts/Glyphter.woff') format('woff'),
    url('../fonts/glyphter-font/fonts/Glyphter.ttf') format('truetype'),
    url('../fonts/glyphter-font/fonts/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
    display: inline-block;
    font-family: 'Glyphter';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-sum-sign:before{content:'\0041';}
.icon-cube-with-arrows:before{content:'\0042';}
.icon-covered-swimming-pool-with-roof:before{content:'\0043';}


/* ---------------------------------------------------
*                     ALERTIFYJS
 ---------------------------------------------------*/
.alertify-notifier .ajs-message.ajs-visible {
    font-size: 1rem;
    padding: 10px;
    margin-top: 3px;
}
/* ---------------- ALERTIFYJS ended --------------------- */

/* ---------------------------------------------------
*                     ENVIRONMENT
 ---------------------------------------------------*/
#loaded-env {
    position: fixed ;
    left:0;
    top: 0;
    background-color: red;
    color:white;
    z-index: 502;
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

#loaded-env span {
    display: none;
}
/* ---------------- ENVIRONMENT ended --------------------- */

/* ---------------------------------------------------
*                     HEADER
 ---------------------------------------------------*/
.ac_head {
    position: fixed;
    top:0;
    width: 100%;
    /*height: 45px;*/
    font-size: 1.2rem;
    line-height: 45px;
    background-color: #efefef;
    color:black;
    text-align: center;
    z-index: 500;
}

.ac_bars {
    position: fixed;
    top:0;
    right: 10px;
    color:black;
    width: 45px;
    height: 45px;
    text-align: center;
    background-color: lightgray;
    font-size: 1.5rem;
    line-height: 45px;
    cursor: pointer;
    z-index: 510;
}
.ac_logout {
    position: fixed;
    top:43px;
    right: 10px;
    z-index: 515;
}
/* ---------------- HEADER ended --------------------- */

/** ---------------------------------------------------
*                     FOOTER
 ---------------------------------------------------*/
.ac_foot {
    position: fixed;
    bottom: 0;
    font-size: 0.8rem;
    background-color: darkgray;
    color:white;
    text-align: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    z-index: 500;
}
/* ---------------- FOOTER ended --------------------- */

/** ---------------------------------------------------
*                     LOGIN
 ---------------------------------------------------*/
.login_content{
    width: 100%;
    height: 100%;
    background-image: url("../img/arizona.jpg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}

.login_inner {
    position: absolute;
    left: 50%;
    width: 300px;
    top: 25%;
    margin-left: -170px;
    background-color: rgba(255,255,255,0.8);
    font-size: 1rem;
}
#codepart {
    display: none;
}
/* ---------------- LOGIN ended --------------------- */

/** ---------------------------------------------------
*                     ANIMATED LOADER
 ---------------------------------------------------*/
.loader-container{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.1);
    z-index: 1000;
}
/*https://icons8.com/cssload/en/spinners*/
#floatingCirclesG{
    position:relative;
    top:50%;
    width:176px;
    height:176px;
    margin:-88px auto;
    transform:scale(0.6);
    -o-transform:scale(0.6);
    -ms-transform:scale(0.6);
    -webkit-transform:scale(0.6);
    -moz-transform:scale(0.6);
}

.f_circleG{
    position:absolute;
    background-color:rgb(255,255,255);
    height:32px;
    width:32px;
    border-radius:17px;
    -o-border-radius:17px;
    -ms-border-radius:17px;
    -webkit-border-radius:17px;
    -moz-border-radius:17px;
    animation-name:f_fadeG;
    -o-animation-name:f_fadeG;
    -ms-animation-name:f_fadeG;
    -webkit-animation-name:f_fadeG;
    -moz-animation-name:f_fadeG;
    animation-duration:1.2s;
    -o-animation-duration:1.2s;
    -ms-animation-duration:1.2s;
    -webkit-animation-duration:1.2s;
    -moz-animation-duration:1.2s;
    animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
}

#frotateG_01{
    left:0;
    top:72px;
    animation-delay:0.45s;
    -o-animation-delay:0.45s;
    -ms-animation-delay:0.45s;
    -webkit-animation-delay:0.45s;
    -moz-animation-delay:0.45s;
}

#frotateG_02{
    left:21px;
    top:21px;
    animation-delay:0.6s;
    -o-animation-delay:0.6s;
    -ms-animation-delay:0.6s;
    -webkit-animation-delay:0.6s;
    -moz-animation-delay:0.6s;
}

#frotateG_03{
    left:72px;
    top:0;
    animation-delay:0.75s;
    -o-animation-delay:0.75s;
    -ms-animation-delay:0.75s;
    -webkit-animation-delay:0.75s;
    -moz-animation-delay:0.75s;
}

#frotateG_04{
    right:21px;
    top:21px;
    animation-delay:0.9s;
    -o-animation-delay:0.9s;
    -ms-animation-delay:0.9s;
    -webkit-animation-delay:0.9s;
    -moz-animation-delay:0.9s;
}

#frotateG_05{
    right:0;
    top:72px;
    animation-delay:1.05s;
    -o-animation-delay:1.05s;
    -ms-animation-delay:1.05s;
    -webkit-animation-delay:1.05s;
    -moz-animation-delay:1.05s;
}

#frotateG_06{
    right:21px;
    bottom:21px;
    animation-delay:1.2s;
    -o-animation-delay:1.2s;
    -ms-animation-delay:1.2s;
    -webkit-animation-delay:1.2s;
    -moz-animation-delay:1.2s;
}

#frotateG_07{
    left:72px;
    bottom:0;
    animation-delay:1.35s;
    -o-animation-delay:1.35s;
    -ms-animation-delay:1.35s;
    -webkit-animation-delay:1.35s;
    -moz-animation-delay:1.35s;
}

#frotateG_08{
    left:21px;
    bottom:21px;
    animation-delay:1.5s;
    -o-animation-delay:1.5s;
    -ms-animation-delay:1.5s;
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
}



@keyframes f_fadeG{
    0%{
        background-color:rgb(0,0,0);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-o-keyframes f_fadeG{
    0%{
        background-color:rgb(0,0,0);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-ms-keyframes f_fadeG{
    0%{
        background-color:rgb(0,0,0);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-webkit-keyframes f_fadeG{
    0%{
        background-color:rgb(0,0,0);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-moz-keyframes f_fadeG{
    0%{
        background-color:rgb(0,0,0);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}
/* -------------- ANIMATED LOADER ended ---------------- */


/** ---------------------------------------------------
*                     TABS
 ---------------------------------------------------*/
.aq_act_menu {
    font-size: 1.5rem;

    border-bottom: lightgray 1px solid;
    padding: 5px 15px;
    color:gray;
}

ul.aq_tab{
    list-style: none;
    padding: 0;
    margin:0;
    font-size: 0;
}

.aq_tab li{
    position: relative;
    display: inline-block;
    box-sizing: border-box;

    margin-right: 3px;
    border-left:#039be5 1px solid;
    border-right:#039be5 1px solid;
    border-bottom: #039be5 1px solid;

    background-color: #039be5;

    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
}

.aq_tab li:hover{
    background-color: #23aef1;
}

.aq_tab li a{
    display: block;
    text-decoration: none;
    color: #9acfe9;
    padding: 7px;
    font-size: 1rem;
}

.aq_tab li a:hover {
    color: white;
}

.aq_tab li.tab_active {
    margin-top: -1px;

    background-color: white;

    border-top: white 1px solid;
    border-bottom: gray 1px solid;
    border-left: gray 1px solid;
    border-right: gray 1px solid;
    /*z-index: 100;*/
}

.aq_tab li.tab_active a{
    color: #0277bd;
}
/* ---------------- TABS ended --------------------- */



/** ---------------------------------------------------
*                     AJÁNLAT FORM
 ---------------------------------------------------*/

.uploaded_files .upfile{
    margin: 2px 0 2px 4px;
    padding: 3px;
    background-color: #d7f0fc;
    display: inline-block;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.upfile .upref{
    color:#0277bd;
}

.upfile .upclose{
    margin-left: 5px;
    color: #0277bd;
}
.upfile .upclose:hover{
    margin-left: 5px;
    color: #ee383a;
}
.upload_sample {
    display: none;
}



.block-label {
    color: #039be5 ;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: bold;
    margin:14px 0 4px 0;
}
.row-block {
    padding:10px;
    border: #cee7f3 1px solid;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.row-block .form-row {
    border-bottom: #efefef 1px solid;
    min-height: 2.5rem;
}

.row-block .form-row:first-child{
    border-top:#efefef 1px solid;
}
.row-block .form-row:nth-of-type(odd){
    background-color: #fcfcfc;
}

.row-block .form-row > div {
    display: flex;
    align-items: center;
    padding-top: 4px;
    padding-bottom: 4px;
}


.ac_content {
    padding-top: 2rem;
}

.ac_form_panel_title {
    color: #0277bd ;
    font-size: 1.2rem ;
    margin-top: 1.5rem;
    font-weight: bold;
}

.ac_form_panel_error {
    color: red ;
    font-size: 1.2rem ;
    margin-top: 1.5rem;
    font-weight: bold;
}

.ac_form_panel_warn{
    color: #0277bd ;
    font-size: 1.2rem ;
    margin-top: 1.5rem;
    font-weight: bold;
}

.ac_form_panel {
    border: #bbbbbb 1px solid;
    padding: 0.4rem;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.1);
    box-shadow: 3px 3px 3px 0 rgba(100,100,100,0.1);
}

.ac_btn_panel {
    text-align: center;
    margin-top: 1rem;
    border: #bbbbbb 1px solid;
    padding: 1rem 0.4rem;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.1);
    box-shadow: 3px 3px 3px 0 rgba(100,100,100,0.1);
}

.ac_btn_panel2 {
    text-align: center;
    margin-top: 1rem;
    border: #bbbbbb 1px solid;
    padding: 5px 10px 10px 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.1);
    box-shadow: 3px 3px 3px 0 rgba(100,100,100,0.1);
}

.ac_view_panel {
    text-align: center;
    border: #bbbbbb 1px solid;
    padding: 1rem 0.4rem;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.1);
    box-shadow: 3px 3px 3px 0 rgba(100,100,100,0.1);
}

.ac_right {
    text-align: right;
}

.ac_slide_door_pos td {
    width: 60px;
    height: 60px;
    border:grey 3px solid;
    text-align: center;
    color:grey;
    line-height: 1.3rem;
    font-size:1.2rem;
    cursor:pointer;
    background-color: white;
}

td.ac_door{
    background-color: #9fcdff;
    color: black;
    background-repeat: no-repeat;

}

td.ac_door.ac_dright{
    background-image: url("../img/doorslide_right.svg");
    background-position: 100% 50%;
}


td.ac_door.ac_dleft{
    background-image: url("../img/doorslide_left.svg");
    background-position: 0% 50%;
}

.ac_badge.badge-info {
    background-color: #00bfa5;;
}

.ac_badge.badge {
    font-size: 0.9rem;
    margin-right: 0.2rem;
}

.ac_label_disabled {
    color:#999999;
}

.ac_combo a {
    background-repeat: no-repeat;
    background-position-y: 50%;
    padding-left: 2rem;
    border-top: #ababab 1px dashed;
}

.ac_btnitem_selected {
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 1.5rem;
    background-size: contain;
}


.btn-calc {
    background-color: #b3ff61;
}
.btn-calc:hover {
    background-color: #77cbee;
}
.btn-draw {
    background-color: #c6ff00;
}
.btn-draw:hover {
    background-color: #77cbee;
}
.btn-table-ctrl {
    background-color: #eceff1;
    padding: 5px!important;
}
.btn-table-ctrl:hover{
    background-color: #e6e6e6;
}

.ac_label {
    font-weight: bold;
    margin: 0;
}

.ac_label2 {
    font-weight: bold;
    margin: 10px 0 3px 0;
}



#map {
    height: 350px;
    margin-top: 1rem;
}

.file_upload_cont {
    margin-left: 10px;
    display: none;
}
.uploaded_file_name{
    margin-left: 10px;
    font-size: 0.95rem;
    font-weight: bold;
    color: #0277bd;
}
.aq_advice span{
    font-style:italic;
    font-size: 0.9rem;
    background-color: rgba(217, 244, 66,0.3);
    padding: 0 5px 0 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#calc_block div{
    border-bottom: #efefef 1px solid;
    padding: 5px;
}
#calc_block div:first-child, #err2_block div:first-child{
    border-top: #efefef 1px solid;
}
#calc_block div:nth-child(odd), #err2_block div:nth-child(odd){
    background-color: #fcfcfc;
}

#offer_block {
    margin-top: 1rem;
    text-align: left;
}
#offer_block div{
    text-align: left;
    border-bottom: #efefef 1px solid;
    padding: 5px;
}
#priceview {
    width:100%;
}
#priceview tr{
    border-top: #efefef 1px solid;
}
#priceview tr td{
    padding: 2px 10px 2px 10px;
    border-left: #efefef 1px solid;
}
#priceview tr:nth-child(odd) {
    background-color: #fcfcfc;
}
#priceview tr:last-child{
    border-bottom: #efefef 1px solid;
}
#priceview tr td:last-child{
    border-right: #efefef 1px solid;
}



#error_block div, #err2_block div{
    padding: 5px;
    border-bottom: #fd5d5d 1px solid;
    color: white;
}
#error_block div:nth-child(odd), #err2_block div:nth-child(odd){
    background-color: #ee0000;
}
#error_block div:nth-child(even), #err2_block div:nth-child(even){
    background-color: red;
}

#warn_block div {
    padding: 5px;
    border-bottom: #43b4eb 1px solid;
    color: white;
}
#warn_block div:nth-child(odd){
    background-color: #018ed3;
}
#warn_block div:nth-child(even){
    background-color: #039be5;
}

/** ---------------------------------------------------
*          TÁTUSZ SZÁMLÁLÁS MEGRENDELÉSBEN
 ---------------------------------------------------*/
span.status-container {
    margin-left: 5px;
}
span.status-container > span.status-item {
    font-size: 0.8rem;
    border-radius: 5px;
    padding: 3px;
    margin-right: 2px;
    border: 1px solid #dedede;
    box-shadow: 3px 3px 3px 0 rgb(100 100 100 / 10%);
}
.S_ORDERED {
    background-color: #ffffdd;
}
.S_PENDING_APPROVAL {
    background-color: #ffddfc;
}
.S_PROCESSED {
    background-color: #ffffff;
}
.S_PREP_MANUFACTURE {
    background-color: #fff2af;
}
.S_MANUFACTURED {
    background-color: #fcab92;
}
.S_READY_DELIVERY {
    background-color: #a2fd9a;
}
.S_BACK_QUOT {
    background-color: #fc6363;
}
.S_INSTOCK {
    background-color: #b0daee;
}
.S_CLOSED {
    background-color: #e6d5d2;
}
.S_OTHER {
    background-color: #c6ff00;
}






/** ---------------------------------------------------
*                     FELHASZNÁLÓK
 ---------------------------------------------------*/

#ac_cdiscount:disabled, #ac_simplepricing:disabled, #ac_amaxdiscount:disabled {
    color: #e9ecef;
}

/** ---------------------------------------------------
*                     BOOTSTRAP
 ---------------------------------------------------*/
.container{
    max-width:1400px;
    padding-left: 0;
    padding-right: 0;
}

label {
   /* margin-bottom: .2rem;*/
}

.modal-backdrop.show {
    opacity: .2;
}


.form-control {
    padding: .3rem .3rem;
}
.input-group-text {
    padding: .3rem .75rem;
}
.btn {
    padding: .3rem .75rem;
}

.btn-primary {
    color: #fff;
    background-color: #0288d1;
    border-color: #0288d1;
}
.btn-primary:hover {
    background-color: #01579b  ;
    border-color: #01579b  ;
}


select.form-control:not([size]):not([multiple]) {
    height: calc(2.1rem + 2px);
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #0277bd;
    /*background-color: #00bfa5;*/
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    background-color: #0277bd;
    /*background-color: #00bfa5;*/
}

.custom-checkbox .custom-control-label::before {
    position: absolute;
    top: 0rem;
    left: -1.5rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73b8e047;
    border: #999999 1px solid;
}

.custom-checkbox .custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.25rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #0277bd;
    /*background-color: #00bfa5;*/
}

.custom-radio .custom-control-label::before {
    position: absolute;
    top: 0rem;
    left: -1.5rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73b8e047;
    border: #999999 1px solid;
}

.custom-radio .custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.25rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}


.table-controls{
    margin:0 0 7px 0;
}

/** ---------------------------------------------------
*                     PRICING
 ---------------------------------------------------*/
#loadoptionsbtn {
    margin: 15px 0 15px 0;
}

#optiontable_content {
    margin-top: 20px;
}



/** ---------------------------------------------------
*                     ALERTIFYJS
 ---------------------------------------------------*/
.alertify .ajs-header {
    font-size: 1.2rem;
}

.alertify .ajs-body {
    font-size: 1rem;
}

/** ---------------------------------------------------
*                     multiselect
 ---------------------------------------------------*/
.multiselect {
    margin:0;
}
.multiselect .selectBox {
    position: relative;
}
.multiselect .selectBox select {
    width: 100%;
    font-weight: bold;
    font-size: 12px;
    color: #0277bd;
}
.multiselect .overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.multiselect #checkboxes, .multiselect .multi_checkboxes {
    position: absolute;
    display: none;
    border-left: 1px #dadada solid;
    border-right: 1px #dadada solid;
    border-bottom: 1px #dadada solid;
    z-index: 1000;
    background-color: white;
    opacity: 0.95;
    padding: 15px 50px 5px 15px;
}

.multiselect #checkboxes label, .multiselect .multi_checkboxes label {
    display: block;
}


.multiselect .chk_container {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.multiselect .chk_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.multiselect .chk_container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    border-radius: 5px;
    background-color: #eee;
}
/* On mouse-over, add a grey background color */
.multiselect .chk_container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.multiselect .chk_container input:checked ~ .checkmark {
    background-color: #0277bd;
}

/* Create the checkmark/indicator (hidden when not checked) */
.multiselect .chk_container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.multiselect .chk_container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.multiselect .chk_container .checkmark:after {
    left: 8px;
    top: 5px;
    width: 7px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
}
/* ---------------- multiselect ended --------------------- */

/** ---------------------------------------------------
*                     switch
 ---------------------------------------------------*/
.switch {
    position: relative;
    display: inline-block;
    width: 53px;
    height: 27px;
    margin:0;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #cccccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch .slider:before {
    position: absolute;
    content: "";
    height: 23px;
    width: 23px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch input:checked + .slider {
    background-color: #2196F3;
}

.switch input:focus + .slider {

}

.switch input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.switch .slider.round {
    border-radius: 27px;
}

.switch .slider.round:before {
    border-radius: 50%;
}

.switch .text_after{
    position: absolute;
    font-size: 12px;
    font-weight: bold;
    top: 5px;
    left: 57px;
    width: 150px;
    color:#cccccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch input:checked ~ .text_after {
    color: #2196F3;
}

/* ---------------- switch ended --------------------- */


/** ---------------------------------------------------
*                     TABULATOR
 ---------------------------------------------------*/

.tabulator {
    border-left:1px solid #aaa!important;
    border-top:1px dashed lightgray!important;
    border-right:none!important;
    border-bottom:1px dashed lightgray!important;
}
.tabulator .tabulator-header {
    background-color: white!important;
    border-bottom: none!important;
}

.tabulator .tabulator-header .tabulator-col{
    border-bottom:1px solid #aaa!important;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {

    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    /*flex-wrap: wrap;*/
    /*white-space: normal!important;*/
    /*word-break: break-all;*/
    /*line-height: normal ;*/

}

.tabulator .tabulator-tableHolder {
    background-color: #fdfdfd;
    font-size: 12px;
}

.tabulator-header-filter input{
    background-color: #fff5d1;
    color: red;
    border: 1px lightgrey solid;
}

.tabulator-header-filter input::-webkit-input-placeholder { /* Edge */
    color: #A3A3A3;
}
.tabulator-header-filter input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #A3A3A3;
}
.tabulator-header-filter input::placeholder {
    color: #A3A3A3;
}


.tabulator .tabulator-header .tabulator-col{
    background-color:#e6e6e6!important;
}

.tabulator-col-title i {
    font-size: 18px;
}


#orders-table {
    border: 1px solid #bbb;
}

#fixed-table {
    margin-top: 20px;
}

.tabulator-row.tabulator-selectable:hover {
    background-color: #bbb!important;
    cursor: pointer;
}
.tabulator-menu-item{
    padding: 3px 7px;
    border-bottom: 1px solid lightgrey;
    background-color: white;
}
.tabulator-menu-item:hover{
    background-color: lightgrey!important;
}



#route-parameters button {
    margin-top: -3px;
}

form#new-route-row{
    display: inline;
}
form#new-route-row input{
    width: 150px;
    display: inline;
    margin-top: 2px;
}
form#new-route-row input[name="routeaddress"] {
    width: 350px;
}

#route-detailed-container{
    border: #bbbbbb 1px solid;
    padding: 0.4rem;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 3px 3px 3px 0 rgb(0 0 0 / 10%);
    box-shadow: 3px 3px 3px 0 rgb(100 100 100 / 10%);
}

.route-detailed-header{
    font-family: "Roboto Condensed";
    font-size: 1rem;
    font-weight: bold;
}
#route-details {
    display: none;
}

.routered {
    color: #ea4335;
}
.routeblue{
    color: #0983fe;
}

#directions-panel .dir-element {
    border-bottom: dashed 1px #0983fe;
    margin-bottom: 5px;
}

.dir-element .routered:hover{
    font-weight: bold;
    color: #ea4335;
}

#directions-panel .dir-element:first-child {
    border-top: dashed 1px #0983fe;
    padding-top: 5px;
}

#directions-panel .dir-summary{
    font-style: italic;
    font-weight: bold;
    font-size: 1rem;
}

.adp-directions {
    width: 100%;
}

.adp-directions td:last-child {
    text-align: right;
    font-style: italic;
}

.adp-step, .adp-text {
    font-weight: bold;
}

.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
    font-size: 14px;
    color: #008fd5;
}

/** ---------------------------------------------------
*                     Material
 ---------------------------------------------------*/
.color_box {
    position: relative;
    top:5px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    padding:0 5px 0 5px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.aq_cover_holder {
}
.aq_cover_holder span {
    padding:1px 3px 1px 3px;
    background-color: lightgrey;
    margin-right:0px;
    color:grey;
    border-radius: 5px;
    cursor: pointer;
}

.aq_cover_holder span.active {
    background-color: #c6ff00;
    color:black;
}

/** ---------------------------------------------------
*                     License/print
 ---------------------------------------------------*/
.license_content {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow-y:scroll;
    height: 600px;
    border: lightgray solid 1px;
    border-radius: 10px;
}

.license_holder {
    padding: 10px 10px;
    max-width: 1250px;

}
.take_effect {
    font-size: 1rem;
    font-style: italic;
    margin-bottom: 15px;
}

.license_content_print {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.license_under_box{
    text-align: center;
    margin-top: 10px;
    padding: 10px 10px;
    border: lightgray solid 1px;
    border-radius: 10px;
}