[v-cloak] {
    display: none;
}

.panel {
    width: 100%;
    min-height: 100px;
    padding: 18px;
    float: left;
    -webkit-box-shadow: 0 1px 11px 0 #ccc;
    -moz-box-shadow: 0 1px 11px 0 #ccc;
    box-shadow: 0 1px 11px 0 #ccc;
}

.lbl_top {
    color: #666;
    font-size: 12pt;
    font-weight: 600;
}

.panel ul {
    list-style: none;
    margin: 7px 0;
}

.panel li {
    margin: 0;
}

.panel input.xt_l {min-width: 504px;}
.panel input.xt_p {min-width: 442px;}

.inner_step_wrap {
    margin: 0 0 10px;
    padding: 3px 0 18px;
    border-bottom: 1px dotted #eee;
}
.inner_title {
    font-size: 12pt;
    font-weight: 600;
    line-height: 42px;
    color: #07418a;
}

.inner_step_wrap textarea {
    display: block;
    min-width: 504px;
}

.markup_item label, .item_title {
    color: #07418a;
    font-size: 10pt;
    font-weight: 500;
    line-height: 25px;
    margin: 14px 0 0;
    display: block;
}

.item_title {
    font-size: 12pt;
}

.markup_item label span {display: block;}

.fnbtns_wrap {margin: 0 0 7px; text-align: right;}
.panel button {
    font-family: 'Open Sans';
    font-size: 12pt;
    font-weight: 600;
    color: #fff;
    background-color: #07418a;
    padding: 0 18px;
    cursor: pointer;
    line-height: 38px;
    display: inline-block;
    border: 0;
    margin: 4px 5px 4px 0;
    -webkit-transition-property: background,color;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    transition: all .3s cubic-bezier(.55,0,.55,.2);
    transition-property: background-color,box-shadow,transform,-webkit-transform;
}
.panel button.copy_script {background-color: #bb4605;}
.panel button.reset_script {background-color: #bb0505;}
.panel button:hover {
    background-color: #0D5AB8;
}

.CodeMirror {border: 1px solid #eee; height: 638px;}
.CodeMirror pre {
    font-size: 9pt;
}

.markup_section_wrap {
    margin: 14px 0 0;
    padding: 7px 3px 3px 3px;
    border-top: 1px solid #eee;
}

/* text wrap pre tags */
pre {
    overflow-x: auto;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

#corona > .f_left,
#corona > .f_right,
#organization > .f_left,
#organization > .f_right,
#recipe > .f_left,
#recipe > .f_right,
#website_sitelinks_searchbox > .f_left,
#website_sitelinks_searchbox > .f_right,
#video > .f_left,
#video > .f_right,
#product > .f_left,
#product > .f_right,
#localbusiness > .f_left,
#localbusiness > .f_right,
#jobposting > .f_left,
#jobposting > .f_right,
#event > .f_left,
#event > .f_right,
#person > .f_left,
#person > .f_right,
#faq > .f_left,
#faq > .f_right,
#howto > .f_left,
#howto > .f_right,
#article > .f_left,
#article > .f_right {
    width: 45%;
}

input.invalid {
    color: red;
    border-color: red;
    outline: none;
}

.error_msg {
    color: red;
    font-size: 14px;
}
/*#article label.invalid {*/
/*color: red;*/
/*}*/

#corona .datepicker,
#recipe .datepicker,
#video .datepicker,
#product .datepicker,
#article .datepicker,
#event .datepicker,
#jobposting .datepicker {
    padding: 0;
}

.markup_item div.datepicker td.datepickerFuture a {
    color: black;
}

.multi-select {
    max-height: 120px;
    overflow-y: scroll;
}

@media (max-width: 1220px) {
    .panel input.xt_l {min-width: initial;}
}