@import "/css/fonts/faces.css?v=1764990159";
@import "/css/fonts/UniversLTStd.css?v=1764990159";
@import "/css/fields.css?v=1764990159";
@import "/css/links.css?v=1764990159";
@import "/css/sliders.css?v=1764990159";
@import "/css/switchboard_machines.css?v=1764990159";
@import "/css/switchboard_switches.css?v=1764990159";
@import "/css/startrek.css?v=1764990159";
@import "/css/commandcenter.css?v=1764990159";



body{
    font-family: 'helvedude_light';
    font-size:12px;
}
table td{
    vertical-align: top;
}
pre#debug{
    position: absolute;
    top: calc(50vh);
}
div.project_specs{
    position: relative;
    top: 60px;
}
div.listbody_holder{
    position: relative;
    left: 60px;
    top: 60px;
    max-width: calc(100vw - 60px - 20px);
}
div.listbody{
    position: relative;
    padding-bottom: 60px;
}
div.listbody div.users_avail,
div.listbody div.users_chosen,
div.listbody div.methods_avail,
div.listbody div.methods_chosen{
    position: absolute;
}
div.listbody div.users_avail,
div.listbody div.methods_avail{
}

div.listbody div.users_chosen,
div.listbody div.methods_chosen{
    left: 210px;
}
div.listbody table td.right{
    text-align: right;
}

h1,
h2,
h3,
h4 {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    margin: 0;
    padding: 0;
}
div.holder div.title{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #cdcdcd;
   margin-bottom: 7px;
    margin-top: 12px;
}
div.holder div.title h2{
    /* text-underline-position: auto;
    text-decoration: underline; */
}
div.holder div.title h2 span.topic{
    font-family: helvedude_bold;
}
div.holder div.subtitle{
    margin-bottom: 30px;
}


div.holder .iconchooser{
    margin-bottom: 7px;
    margin-left: 0px;
    margin-right: 5px;
    margin-top: -2px;
    padding-bottom: 0px;
    padding-left: 2px;
    padding-right: -2px;
    padding-top: 0px;
    height: 20px;
    width: 75px;
}

div.project_specs div.specs_holder{
    position: fixed;
    left: 60px;
}
div.project_specs div.specs_holder table.project_info tr > td:first-child{
    text-decoration: underline solid rgb(185, 185, 185);
    text-underline-position: above;
    padding-right: 8px;
    color: #5e5e5e;
}
div.project_specs div.specs_holder div.inserter{
    width:300px;
	min-height: 150px;
	border: 2px solid rgb(36 86 198 / 30%);
	background: #fff;
	padding: 10px 8px;
    margin-top: 40px;
    background-image: url(/images/core/dropzone.png);
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-position-y: -3px;
    background-position-x: -14px;
}
div.project_specs div.specs_holder div.inserter h1,
div.project_specs div.specs_holder div.inserter h2,
div.project_specs div.specs_holder div.inserter h3,
div.project_specs div.specs_holder div.inserter h4{
    text-decoration: underline solid rgb(185, 185, 185);
    text-underline-position: above;
    padding: 0;
    margin: 0;
    margin-top: 10px;
}

div.project_specs div.specs_holder div.inserter table.vimeospecs{
    margin-top:10px;
}
div.project_specs div.specs_holder div.inserter table.vimeospecs tr > td:first-child{
    text-decoration: underline solid rgb(185, 185, 185);
    text-underline-position: above;
    padding-right: 8px;
}
div.project_specs div.specs_holder div.inserter a#link_addvimeo.hidden{
    visibility: hidden;
}

div.project_specs div.loader_entries{
    position: absolute;
    left:410px;
    width: 900px;
    margin-top: 55px;
    /* border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #b6b6b6; */
}
div.project_specs div.loader_entries td.handle{
    /* border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #b6b6b6; */
}
div.project_specs div.loader_entries td.entryspecs{
    padding-right: 20px;
}
div.project_specs div.loader_entries  svg.grab-icon{
    width: 40px;
    height: 40px;
    fill: #545e77;

}

div.project_specs div.loader_entries table.entryspecs tr > td:first-child{
    text-decoration: underline solid rgb(185, 185, 185);
    text-underline-position: above;
    padding-right: 8px;
    color: #b6b6b6
}


div.project_specs div.loader_entries ul.project_entries{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
div.project_specs div.loader_entries ul.project_entries li.rows{
    padding-bottom: 50px;
}

div.project_specs div.loader_entries .handle{
    font-size: 30px;
    cursor: pointer;
    color: #5e5e5e;
}
div.project_specs div.loader_entries ul.project_entries td.imageholder{
    width: 500px;
    max-width: 500px;
}
div.project_specs div.loader_entries div.vimeoholder iframe{
    max-height: 260px !important;
    max-width: 440px !important;
}

.loginwindow {
    position: relative;
    /* top: 300px; */
    /* margin-left: calc(max(20px, (100vw - 280px) * 0.2)); */
    /* margin-top: calc(max(20px, (100vh - 140px) * 0.2)); */
    /* left: 400px; */
    font-family: "helvedude_light";
    z-index: 2000;
    font-size: 12px;
    width: 100%;
    height: 100%;
}
.loginwindow strong{
    font-family: "helvedude_bold";
    font-weight: normal;
    font-style: normal;
}
.gn-menu,
.gn-menu h2{
    font-family: "helvedude_light";
    font-weight: normal;
    font-style: normal;
}
.gn-menu strong,
.gn-menu h2 strong{
    font-family: "helvedude_bold";
    font-weight: normal;
    font-style: normal;
}
.inline-icons::before {
	display: inline-block;
    /* width: 60px; */
    text-align: center;
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-family: 'Linearicons';
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    position: relative;
    padding-right: 5px;
    font-size: 20px;
}

div.users_chosen table.machusers_list td,
div.users_avail table.users_list td,
div.users_avail table.stats_list td,
div.methods_avail table.methods_list td{
    vertical-align: bottom;
}
div.methods_chosen table.methods_list td{
    vertical-align: top;
}

table.switches_list tr.title td,
table.machines_list tr.title td,
table.users_list tr.title td,
table.stats_list tr.title td,
div.users_chosen table.machusers_list tr.title td,
div.users_avail table.users_list tr.title td,
div.users_avail table.stats_list tr.title td,
div.methods_chosen table.methods_list tr.title td,
div.methods_avail table.methods_list tr.title td{
    padding:0;
    padding-right: 5px;
    min-width: 50px;
    vertical-align: bottom;
    padding-bottom: 5px;
    height: 36px;
    font-family: "helvedude_bold";
}

table.switches_list tr.rows > td,
table.machines_list tr.rows > td,
table.users_list tr.rows > td,
table.stats_list tr.rows > td,
div.users_chosen table.machusers_list tr.rows > td,
div.methods_chosen table.methods_list tr.rows > td{
    padding: 0;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 5px;

}
div.methods_chosen table.methods_list tr.rows.last td{
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #afafaf;
}

div.users_chosen table.machusers_list tr.title .inline-icons::before,
div.methods_chosen table.methods_list tr.title .inline-icons::before{
    
}
div.users_avail table.users_list tr.header td,
div.users_avail table.stats_list tr.header td,
div.users_chosen table.machusers_list tr.header td,
div.methods_chosen table.methods_list tr.header td,
div.methods_avail table.methods_list tr.header td{
    height: 27px;
    vertical-align: top;
}
div.methods_chosen table.methods_list table.meth_specs_list td{
    border: none !important;
}
div.methods_chosen table.methods_list table.meth_specs_list tr > td{
    padding-top: 0px;
    padding-bottom: 4px;
}
div.methods_chosen table.methods_list table.meth_specs_list tr > td:first-child{
    width: 75px;
}
div.users_avail table.stats_list tr.rows td input[type="checkbox"],
div.users_avail table.users_list tr.rows td input[type="checkbox"],
div.users_chosen table.machusers_list tr.rows td input[type="checkbox"],
div.methods_avail table.methods_list tr.rows td input[type="checkbox"],
div.methods_chosen table.methods_list tr.rows td input[type="checkbox"]{
    position: relative;
    bottom: -2px;
    display: inline-block;
}

div.users_chosen table.machusers_list tr.header h2.tomachine,
div.methods_chosen table.methods_list tr.header h2.tomachine,
div.users_chosen table.switchusers_list tr.header h2.toswitch,
div.methods_chosen table.methods_list tr.header h2.toswitch{
    position: relative;
    display: inline-block;
    margin-left: -26px;
    font-family: "helvedude_bold";
    color: #57acfb;
}

div.users_chosen table.machusers_list tr.header h2.tomachine.inline-icons::before,
div.methods_chosen table.methods_list tr.header h2.tomachine.inline-icons::before,
div.users_chosen table.switchusers_list tr.header h2.toswitch.inline-icons::before,
div.methods_chosen table.methods_list tr.header h2.toswitch.inline-icons::before{
    bottom: -2px;
}
div.users_chosen table.machusers_list tr.rows td input[name="state"]:checked + span.onoff::before,
div.methods_chosen table.methods_list tr.rows td input[name="state"]:checked + span.onoff::before{
    content: 'on';
}
div.users_chosen table.machusers_list tr.rows td input[name="state"]:not(:checked) + span.onoff::before,
div.methods_chosen table.methods_list tr.rows td input[name="state"]:not(:checked) + span.onoff::before{
    content: "off";
}

#save_comment{
    color: rgb(27, 217, 27);
}
#save_comment.hidden{
    display: none;
}

@media only screen and (max-width: 600px) {
  .loginwindow {
    font-size: 14px;
  }
}