./* backdrop/loading */
.backdrop {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100001;
  background-color: rgba(0, 0, 0, 0.4);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.1s opacity linear;
  transition: 0.1s opacity linear;
}
.backdrop.active {
  opacity: 1;
  visibility: visible;
}
.loading-container {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100003;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-transition: 0.2s opacity linear;
  transition: 0.2s opacity linear;
}
.loading-container .loading {
  padding: 20px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 15px;
}



/* system icon colors  */
.icon-user.prop-del {
    color: #E41B17;
    padding: 0.625em;
}

.icon-user.prop-ovl {
    color: blue;
    padding: 0.625em;
}

.icon-user.prop-active {
    color: gold;
    padding: 0.625em;
}

/* hide stuff */
.hide-0,
.hide-1,
.hide-2,
.hide-3,
.hide-4,
.hide-5,
.hide-6,
.hide-7,
.hide-8,
.hide-9,
.hide-10,
.hide-11,
.hide-12,
.hide-13,
.hide-14,
.hide-16,
.hide-17,
.hide-18,
.hide-19,
.hide-20,
.hide-21,
.hide-22,
.hide-23,
.hide-24,
.hide-99 {
    display: none;
}

.hideprp {
    display: none;
}

.hideovl {
    display: none;
}

.hidedel {
    display: none;
}

.hidden {
    display: none;
}




/*ux*/


/*
*
*  ux-scale
*  adaptable scaling for GeminiPORTAL
*
*/

/*body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
  border: 0;
}*/

/*
*
*  Consistency fixes
*
*/
html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  min-height: 100%;
  /*font-size: 100%;*/
}

.btn-default {
    color: grey;
}

/*.chosen-container-single .chosen-single span,*/
/*.ux-scale .chosen-container,*/
/*.input-group,*/
/*.ux-scale .input-group,
.ux-scale .form-control,*/

.ux-scale .chosen-container-single,
.ux-scale a,
.ux-scale span,
.ux-scale input,
.ux-scale textarea,
.ux-scale button,
.ux-scale select {
  margin: 0;
  font-size: 100%;
  /*line-height: normal;*/
  /*vertical-align: baseline;*/
}
.ux-scale button,
.ux-scale html input[type="button"],
.ux-scale input[type="reset"],
.ux-scale input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

.ux-scale input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.ux-scale textarea {
  overflow: auto;
}

.ux-scale table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
*
*  Simple fluid media
*
*/
.ux-scale figure {
  position: relative;
}
.ux-scale figure img,
.ux-scale figure object,
.ux-scale figure embed,
.ux-scale figure video {
  max-width: 100%;
  display: block;
}

.ux-scale img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/*
*
*  Simple elastic gutters
*  Note: box-sizing will not work in IE6-8
*
*/

/*.ux-grid {
margin-left: 2.55555%;
margin-right: 2.55555%;
padding: 0 0.75em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}*/

.ux-scale {
/*margin-left: 2.55555%;
margin-right: 2.55555%;
padding: 0 0.75em;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}


.ux-scale label {
    /*font-size: .69em;*/
    font-size: .80em;
    /*font-size: .90em;*/
}

.ux-scale .input-group-btn {
    padding-left: .2em;
}

.ux-scale .input-group-btn .btn {
    padding: .375em .75em;
    height: 2.00em;
}


.ux-scale input {
    padding: .375em .75em;
    height: 2.00em;
    width: 100% !important;
    padding-right:-2px;
}

/*.form-control {
    padding: .375em .75em;
    height: 2.00em;
}*/

/*.chosen-single{
    /*padding: .375em .75em;
    height: 2.00em;
}

.chosen-container-single .chosen-single{
    padding: .375em .75em;
    height: 2.00em;
}
    .chosen-container-single .chosen-single span {
        height: 2.00em;
    }*/

/*
*
*	Zoomable baseline grid
*	type size presets
*

.ux-scale {
  font-size: 1em;
  line-height: 1.5em;
}
/*.small,
small,
code,
#copyright p {
  font-size: 0.8125em;
  line-height: 1.3846153846153846em;
}
.normal, h4, h3 {
  font-size: 1em;
  line-height: 1.5em;
}
.large, h2, h1 {
  font-size: 1.625em;
  line-height: 1.3846153846153846em;
}
.huge {
  font-size: 2.625em;
  line-height: 1.1428571428571428em;
}
.massive {
  font-size: 4.25em;
  line-height: 1.0588235294117647em;
}
.gigantic {
  font-size: 6.875em;
  line-height: 1.0909090909090908em;
}*/

/*
*
*	Typography
*
*/
body,
input,
textarea,
table,
button,
h1, h2, h3, h4, h5, h6,
select {
  /*font-family:  Calibri,Helvetica,'Trebuchet MS';*/ /*Roboto;*/ /*Helvetica;*/ /*Tahoma;*/ /*Segoe UI;*/  /*ff-dagny-web-pro, sans-serif;*/
  font-family: 'Roboto','Segoe UI',Calibri;
}


/*
*
*	Colours
*
*/
/*a {
  text-decoration: none;
  color: #171409;
  border-bottom: 0.125em solid #000
}
a:hover {
  border-bottom-color: #171409;
}
a:active {
  border-bottom-color: #ffc300;
  color: #ffc300;
}
::selection {
  background: #ffc300;
  color: #171409;
}
::-moz-selection {
  background: #ffc300;
  color: #171409;
}*/
/*body {
  -webkit-tap-highlight-color: #ffc300;
}*/


/*
*
*  Four-column grid active
*  ----------------------------------------
*  Margin   | #  1   2   3   4   |   Margin
*  5.55555% | %  25  50  75  100 | 5.55555%
*
*/
/*body {
  background: #fffefa;
  color: #3d3c38;
  margin-top:0 5.555555555555555%;
}*/

/*.ux-scale .table thead > tr > th {
    font-size: 1.175em;
}*/
.ux-scale .table thead > tr > th {
    font-size: 1.0em;
}

/*.ux-scale .table-condensed {
    font-size: 1.0em;
}*/

.ux-scale .label {
    font-size: .85em;
}

/*.ux-scale .text {
  position: absolute;
  left: 0.75em;
  top: 1.5em;  
  white-space: pre;
}*/

.ux-scale .twoLines {
  font-size: 2.625em;
  line-height: 1.1428571428571428em;
  left: 0.2857142857142857em;
  top: 1.1428571428571428em;
}
.ux-scale .threeLines {
  font-size: 4.25em;
  line-height: 1.0588235294117647em;
  left: 0.17647058823529413em;
  top: 1.411764705882353em;
}
.ux-scale .fourLines {
  font-size: 6.875em;
  line-height: 1.0909090909090908em;
  left: 0.10909090909090909em;
  top: 1.5272727272727273em;
}
.ux-scale .fiveLines {
  font-size: 11.125em;
  line-height: 0.9438202247191011em;
  left: 0.06741573033707865em;
  top: 1.6179775280898876em;
}

.ux-scale a.header-title-link h1 i, .header-section h1 i {
    font-size: 2.5em;
    margin: -.1em 0 0 .0625em;
}

.ux-scale .block-header h1 {
margin: 0;
font-size: 1.75em;
line-height: 2em;
}

/*.ux-scale .nav > li > a {
padding: .0625em .9375em;
}*/

/*
*
*  0.0625em = 1px  
*  1.0000em = 16px
*
*/

@media screen and (min-width: 100px) {
  .ux-scale  {
    font-size: .4875em;
  }
} 

@media screen and (min-width: 330px) {
  .ux-scale  {
    font-size: .5875em;
  }
}

@media screen and (min-width: 600px) {
  .ux-scale  {
    font-size: .6875em;
  }
}

@media screen and (min-width: 924px) {
  .ux-scale  {
    font-size: .7500em;
  }
}

@media screen and (min-width: 1052px) {
  .ux-scale  {
    font-size: .8125em;
  }
}

@media screen and (min-width: 1280px) {
  .ux-scale  {
    font-size: .8875em;
  }
}

@media screen and (min-width: 1600px) {
  .ux-scale  {
    font-size: .9500em;
  }
}

@media screen and (min-width: 1776px) {
  .ux-scale  {
    font-size: 1.075em;
  }
}

@media screen and (min-width: 1820px) {
  .ux-scale  {
    font-size: 1.150em;
  }
}




/*
*
*  ux-grid
*  grid for GeminiPORTAL
*
*/

.ux-grid *, .ux-grid *:before, .ux-grid *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ux-grid input[type="text"]::-webkit-input-placeholder, .ux-grid input[type="email"]::-webkit-input-placeholder, .ux-grid textarea::-webkit-input-placeholder { font-weight: 100; }
.ux-grid input[type="text"]:-moz-placeholder, .ux-grid input[type="email"]:-moz-placeholder, .ux-grid textarea:-moz-placeholder { font-weight: 100;  }
.ux-grid fieldset { border: none; padding: 0; margin: 0; }

.ux-grid fieldset legend {font-size: 1.0em; font-weight: bold; padding-bottom: .3125em; position: static; width: 100%; }
/*.ux-grid fieldset fieldset legend { border-bottom: .125em solid #404040; font-weight: normal; }
.ux-grid fieldset fieldset fieldset legend { border-bottom: .0625em solid #DDD; font-weight: normal; font-size: .9375em; }*/
.ux-grid [data-row-span] { width: 100%; zoom: 1; white-space: nowrap;}
.ux-grid [data-row-span]:before, .ux-grid [data-row-span]:after { content: ""; display: table; }
.ux-grid [data-row-span]:after { clear: both; }

@media only screen and (min-width: 0) and (max-width: 700px) { .ux-grid [data-row-span] { border-bottom: none; } }
@media only screen and (min-width: 0) and (max-width: 700px) { .ux-grid [data-row-span] [data-col-span] { border-bottom: .0625em solid #DDD; } }
@media only screen and (min-width: 700px) { .ux-grid [data-row-span] [data-col-span] { display: block; } }

.ux-grid [data-row-span] [data-col-span] { padding: .20em; float: left; display: inline-table;}

.ux-grid [data-row-span] [data-col-span] label:first-child { margin-top: 0; text-transform: uppercase; letter-spacing: .0625em; /*font-size: .9em;*/ display: block; margin-bottom: .05em; }
/*.ux-grid [data-row-span] [data-col-span] label:first-child:hover { cursor: text; }*/

.ux-grid [data-row-span] [data-col-span]:last-child { border-right-color : transparent ; }

.ux-grid [data-row-span] [data-col-span].focus { }
.ux-grid [data-row-span] [data-col-span].focus label { }


.ux-grid [data-row-span="1"] > [data-col-span="1"] { width: 100%; }

.ux-grid [data-row-span="2"] > [data-col-span="1"] { width: 50%; }
.ux-grid [data-row-span="2"] > [data-col-span="2"] { width: 100%; }

.ux-grid [data-row-span="3"] > [data-col-span="1"] { width: 33.33333%; }
.ux-grid [data-row-span="3"] > [data-col-span="2"] { width: 66.66667%; }
.ux-grid [data-row-span="3"] > [data-col-span="3"] { width: 100%; }

.ux-grid [data-row-span="4"] > [data-col-span="1"] { width: 25%; }
.ux-grid [data-row-span="4"] > [data-col-span="2"] { width: 50%; }
.ux-grid [data-row-span="4"] > [data-col-span="3"] { width: 75%; }
.ux-grid [data-row-span="4"] > [data-col-span="4"] { width: 100%; }

.ux-grid [data-row-span="5"] > [data-col-span="1"] { width: 20%; }
.ux-grid [data-row-span="5"] > [data-col-span="2"] { width: 40%; }
.ux-grid [data-row-span="5"] > [data-col-span="3"] { width: 60%; }
.ux-grid [data-row-span="5"] > [data-col-span="4"] { width: 80%; }
.ux-grid [data-row-span="5"] > [data-col-span="5"] { width: 100%; }

.ux-grid [data-row-span="6"] > [data-col-span="1"] { width: 16.66667%; }
.ux-grid [data-row-span="6"] > [data-col-span="2"] { width: 33.33333%; }
.ux-grid [data-row-span="6"] > [data-col-span="3"] { width: 50%; }
.ux-grid [data-row-span="6"] > [data-col-span="4"] { width: 66.66667%; }
.ux-grid [data-row-span="6"] > [data-col-span="5"] { width: 83.33333%; }
.ux-grid [data-row-span="6"] > [data-col-span="6"] { width: 100%; }

.ux-grid [data-row-span="7"] > [data-col-span="1"] { width: 14.28571%; }
.ux-grid [data-row-span="7"] > [data-col-span="2"] { width: 28.57143%; }
.ux-grid [data-row-span="7"] > [data-col-span="3"] { width: 42.85714%; }
.ux-grid [data-row-span="7"] > [data-col-span="4"] { width: 57.14286%; }
.ux-grid [data-row-span="7"] > [data-col-span="5"] { width: 71.42857%; }
.ux-grid [data-row-span="7"] > [data-col-span="6"] { width: 85.71429%; }
.ux-grid [data-row-span="7"] > [data-col-span="7"] { width: 100%; }

.ux-grid [data-row-span="8"] > [data-col-span="1"] { width: 12.5%; }
.ux-grid [data-row-span="8"] > [data-col-span="2"] { width: 25%; }
.ux-grid [data-row-span="8"] > [data-col-span="3"] { width: 37.5%; }
.ux-grid [data-row-span="8"] > [data-col-span="4"] { width: 50%; }
.ux-grid [data-row-span="8"] > [data-col-span="5"] { width: 62.5%; }
.ux-grid [data-row-span="8"] > [data-col-span="6"] { width: 75%; }
.ux-grid [data-row-span="8"] > [data-col-span="7"] { width: 87.5%; }
.ux-grid [data-row-span="8"] > [data-col-span="8"] { width: 100%; }

.ux-grid [data-row-span="9"] > [data-col-span="1"] { width: 11.11111%; }
.ux-grid [data-row-span="9"] > [data-col-span="2"] { width: 22.22222%; }
.ux-grid [data-row-span="9"] > [data-col-span="3"] { width: 33.33333%; }
.ux-grid [data-row-span="9"] > [data-col-span="4"] { width: 44.44444%; }
.ux-grid [data-row-span="9"] > [data-col-span="5"] { width: 55.55556%; }
.ux-grid [data-row-span="9"] > [data-col-span="6"] { width: 66.66667%; }
.ux-grid [data-row-span="9"] > [data-col-span="7"] { width: 77.77778%; }
.ux-grid [data-row-span="9"] > [data-col-span="8"] { width: 88.88889%; }
.ux-grid [data-row-span="9"] > [data-col-span="9"] { width: 100%; }

.ux-grid [data-row-span="10"] > [data-col-span="1"] { width: 10%; }
.ux-grid [data-row-span="10"] > [data-col-span="2"] { width: 20%; }
.ux-grid [data-row-span="10"] > [data-col-span="3"] { width: 30%; }
.ux-grid [data-row-span="10"] > [data-col-span="4"] { width: 40%; }
.ux-grid [data-row-span="10"] > [data-col-span="5"] { width: 50%; }
.ux-grid [data-row-span="10"] > [data-col-span="6"] { width: 60%; }
.ux-grid [data-row-span="10"] > [data-col-span="7"] { width: 70%; }
.ux-grid [data-row-span="10"] > [data-col-span="8"] { width: 80%; }
.ux-grid [data-row-span="10"] > [data-col-span="9"] { width: 90%; }
.ux-grid [data-row-span="10"] > [data-col-span="10"] { width: 100%; }

.ux-grid [data-row-span="11"] > [data-col-span="1"] { width: 9.09091%; }
.ux-grid [data-row-span="11"] > [data-col-span="2"] { width: 18.18182%; }
.ux-grid [data-row-span="11"] > [data-col-span="3"] { width: 27.27273%; }
.ux-grid [data-row-span="11"] > [data-col-span="4"] { width: 36.36364%; }
.ux-grid [data-row-span="11"] > [data-col-span="5"] { width: 45.45455%; }
.ux-grid [data-row-span="11"] > [data-col-span="6"] { width: 54.54545%; }
.ux-grid [data-row-span="11"] > [data-col-span="7"] { width: 63.63636%; }
.ux-grid [data-row-span="11"] > [data-col-span="8"] { width: 72.72727%; }
.ux-grid [data-row-span="11"] > [data-col-span="9"] { width: 81.81818%; }
.ux-grid [data-row-span="11"] > [data-col-span="10"] { width: 90.90909%; }
.ux-grid [data-row-span="11"] > [data-col-span="11"] { width: 100%; }
             
.ux-grid [data-row-span="12"] > [data-col-span="1"] { width: 8.33334%; }
.ux-grid [data-row-span="12"] > [data-col-span="2"] { width: 16.66667%; }
.ux-grid [data-row-span="12"] > [data-col-span="3"] { width: 25%; }
.ux-grid [data-row-span="12"] > [data-col-span="4"] { width: 33.33334%; }
.ux-grid [data-row-span="12"] > [data-col-span="5"] { width: 41.66667%; }
.ux-grid [data-row-span="12"] > [data-col-span="6"] { width: 50%; }
.ux-grid [data-row-span="12"] > [data-col-span="7"] { width: 58.33334%; }
.ux-grid [data-row-span="12"] > [data-col-span="8"] { width: 66.66667%; }
.ux-grid [data-row-span="12"] > [data-col-span="9"] { width: 75%; }
.ux-grid [data-row-span="12"] > [data-col-span="10"] { width: 83.33334%; }
.ux-grid [data-row-span="12"] > [data-col-span="11"] { width: 91.66667%; }
.ux-grid [data-row-span="12"] > [data-col-span="12"] { width: 100%; }

.ux-grid [data-grid-span="1"]{ width: 8.33334%; }
.ux-grid [data-grid-span="2"]{ width: 16.66667%; }
.ux-grid [data-grid-span="3"]{ width: 25%; }
.ux-grid [data-grid-span="4"]{ width: 33.33334%; }
.ux-grid [data-grid-span="5"]{ width: 41.66667%; }
.ux-grid [data-grid-span="6"]{ width: 50%; }
.ux-grid [data-grid-span="7"]{ width: 58.33334%; }
.ux-grid [data-grid-span="8"]{ width: 66.66667%; }
.ux-grid [data-grid-span="9"]{ width: 75%; }
.ux-grid [data-grid-span="10"]{ width: 83.33334%; }
.ux-grid [data-grid-span="11"]{ width: 91.66667%; }
.ux-grid [data-grid-span="12"]{ width: 100%; }

.ux-grid [data-span="1"]{ width: 8.33334%; }
.ux-grid [data-span="2"]{ width: 16.66667%; }
.ux-grid [data-span="3"]{ width: 25%; }
.ux-grid [data-span="4"]{ width: 33.33334%; }
.ux-grid [data-span="5"]{ width: 41.66667%; }
.ux-grid [data-span="6"]{ width: 50%; }
.ux-grid [data-span="7"]{ width: 58.33334%; }
.ux-grid [data-span="8"]{ width: 66.66667%; }
.ux-grid [data-span="9"]{ width: 75%; }
.ux-grid [data-span="10"]{ width: 83.33334%; }
.ux-grid [data-span="11"]{ width: 91.66667%; }
.ux-grid [data-span="12"]{ width: 100%; }

.ux-grid [data-row-span="16"] > [data-col-span="1"] { width: 6.25%; }
.ux-grid [data-row-span="16"] > [data-col-span="2"] { width: 12.5%; }
.ux-grid [data-row-span="16"] > [data-col-span="3"] { width: 18.75%; }
.ux-grid [data-row-span="16"] > [data-col-span="4"] { width: 25.0%; }
.ux-grid [data-row-span="16"] > [data-col-span="5"] { width: 31.25%; }
.ux-grid [data-row-span="16"] > [data-col-span="6"] { width: 37.5%; }
.ux-grid [data-row-span="16"] > [data-col-span="7"] { width: 43.75%; }
.ux-grid [data-row-span="16"] > [data-col-span="8"] { width: 50.0%; }
.ux-grid [data-row-span="16"] > [data-col-span="9"] { width: 56.25%; }
.ux-grid [data-row-span="16"] > [data-col-span="10"] { width: 62.5%; }
.ux-grid [data-row-span="16"] > [data-col-span="11"] { width: 68.75%; }
.ux-grid [data-row-span="16"] > [data-col-span="12"] { width: 75.0%; }
.ux-grid [data-row-span="16"] > [data-col-span="13"] { width: 81.25%; }
.ux-grid [data-row-span="16"] > [data-col-span="14"] { width: 87.5%; }
.ux-grid [data-row-span="16"] > [data-col-span="15"] { width: 93.75%; }
.ux-grid [data-row-span="16"] > [data-col-span="16"] { width: 100%; }

.ux-grid [data-row-span="24"] > [data-col-span="1"] { width: 4.16666%; }
.ux-grid [data-row-span="24"] > [data-col-span="2"] { width: 8.33332%; }
.ux-grid [data-row-span="24"] > [data-col-span="3"] { width: 12.49998%; }
.ux-grid [data-row-span="24"] > [data-col-span="4"] { width: 16.66664%; }
.ux-grid [data-row-span="24"] > [data-col-span="5"] { width: 20.8333%; }
.ux-grid [data-row-span="24"] > [data-col-span="6"] { width: 24.9999%; }
.ux-grid [data-row-span="24"] > [data-col-span="7"] { width: 29.16656%; }
.ux-grid [data-row-span="24"] > [data-col-span="8"] { width: 33.33322%; }
.ux-grid [data-row-span="24"] > [data-col-span="9"] { width: 37.49982%; }
.ux-grid [data-row-span="24"] > [data-col-span="10"] { width: 41.66648%; }
.ux-grid [data-row-span="24"] > [data-col-span="11"] { width: 45.83314%; }
.ux-grid [data-row-span="24"] > [data-col-span="12"] { width: 49.9998%; }
.ux-grid [data-row-span="24"] > [data-col-span="13"] { width: 54.16646%; }
.ux-grid [data-row-span="24"] > [data-col-span="14"] { width: 58.33312%; }
.ux-grid [data-row-span="24"] > [data-col-span="15"] { width: 62.49978%; }
.ux-grid [data-row-span="24"] > [data-col-span="16"] { width: 66.66644%; }
.ux-grid [data-row-span="24"] > [data-col-span="17"] { width: 70.8331%; }
.ux-grid [data-row-span="24"] > [data-col-span="18"] { width: 74.99976%; }
.ux-grid [data-row-span="24"] > [data-col-span="19"] { width: 79.16642%; }
.ux-grid [data-row-span="24"] > [data-col-span="20"] { width: 83.33308%; }
.ux-grid [data-row-span="24"] > [data-col-span="21"] { width: 87.49974%; }
.ux-grid [data-row-span="24"] > [data-col-span="22"] { width: 91.66634%; }
.ux-grid [data-row-span="24"] > [data-col-span="23"] { width: 95.8334%; }
.ux-grid [data-row-span="24"] > [data-col-span="24"] { width: 100%; }
/*
*
*  ux-grid
*  grid for GeminiPORTAL
*
*/

.ux-grid *, .ux-grid *:before, .ux-grid *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ux-grid input[type="text"]::-webkit-input-placeholder, .ux-grid input[type="email"]::-webkit-input-placeholder, .ux-grid textarea::-webkit-input-placeholder { font-weight: 100; /*color: #595959;*/ }
.ux-grid input[type="text"]:-moz-placeholder, .ux-grid input[type="email"]:-moz-placeholder, .ux-grid textarea:-moz-placeholder { font-weight: 100; /*color: #595959;*/ }
.ux-grid fieldset { border: none; padding: 0; margin: 0; }

.ux-grid fieldset legend { border: none; border-bottom: .25em solid #DDD; /*color: #404040;*/ /*font-size: 1.125em;*/ font-weight: bold; padding-bottom: .3125em; position: static; width: 100%; }
.ux-grid fieldset fieldset legend { border-bottom: .125em solid #404040; font-weight: normal; }
.ux-grid fieldset fieldset fieldset legend { border-bottom: .0625em solid #DDD; font-weight: normal; font-size: .9375em; }
.ux-grid [data-row-span] { /*border-bottom: .0625em solid #DDD;*/ width: 100%; zoom: 1; }
.ux-grid [data-row-span]:before, .ux-grid [data-row-span]:after { content: ""; display: table; }
.ux-grid [data-row-span]:after { clear: both; }

@media only screen and (min-width: 0) and (max-width: 700px) { .ux-grid [data-row-span] { border-bottom: none; } }
@media only screen and (min-width: 0) and (max-width: 700px) { .ux-grid [data-row-span] [data-col-span] { border-bottom: .0625em solid #DDD; } }
@media only screen and (min-width: 700px) { .ux-grid [data-row-span] [data-col-span] { display: block; } }

.ux-grid [data-row-span] [data-col-span] { padding: .20em; float: left; display: inline-table;}

.ux-grid [data-row-span] [data-col-span] label:first-child { margin-top: 0; text-transform: uppercase; letter-spacing: .0625em; font-size: .825em; display: block; margin-bottom: .05em; }
.ux-grid [data-row-span] [data-col-span] label:first-child:hover { cursor: text; }

.ux-grid [data-row-span] [data-col-span]:last-child { border-right-color : transparent ; }

.ux-grid [data-row-span] [data-col-span].focus { }
.ux-grid [data-row-span] [data-col-span].focus label { }


.ux-grid [data-row-span="1"] > [data-col-span="1"] { width: 100%; }

.ux-grid [data-row-span="2"] > [data-col-span="1"] { width: 50%; }
.ux-grid [data-row-span="2"] > [data-col-span="2"] { width: 100%; }

.ux-grid [data-row-span="3"] > [data-col-span="1"] { width: 33.33333%; }
.ux-grid [data-row-span="3"] > [data-col-span="2"] { width: 66.66667%; }
.ux-grid [data-row-span="3"] > [data-col-span="3"] { width: 100%; }

.ux-grid [data-row-span="4"] > [data-col-span="1"] { width: 25%; }
.ux-grid [data-row-span="4"] > [data-col-span="2"] { width: 50%; }
.ux-grid [data-row-span="4"] > [data-col-span="3"] { width: 75%; }
.ux-grid [data-row-span="4"] > [data-col-span="4"] { width: 100%; }

.ux-grid [data-row-span="5"] > [data-col-span="1"] { width: 20%; }
.ux-grid [data-row-span="5"] > [data-col-span="2"] { width: 40%; }
.ux-grid [data-row-span="5"] > [data-col-span="3"] { width: 60%; }
.ux-grid [data-row-span="5"] > [data-col-span="4"] { width: 80%; }
.ux-grid [data-row-span="5"] > [data-col-span="5"] { width: 100%; }

.ux-grid [data-row-span="6"] > [data-col-span="1"] { width: 16.66667%; }
.ux-grid [data-row-span="6"] > [data-col-span="2"] { width: 33.33333%; }
.ux-grid [data-row-span="6"] > [data-col-span="3"] { width: 50%; }
.ux-grid [data-row-span="6"] > [data-col-span="4"] { width: 66.66667%; }
.ux-grid [data-row-span="6"] > [data-col-span="5"] { width: 83.33333%; }
.ux-grid [data-row-span="6"] > [data-col-span="6"] { width: 100%; }

.ux-grid [data-row-span="7"] > [data-col-span="1"] { width: 14.28571%; }
.ux-grid [data-row-span="7"] > [data-col-span="2"] { width: 28.57143%; }
.ux-grid [data-row-span="7"] > [data-col-span="3"] { width: 42.85714%; }
.ux-grid [data-row-span="7"] > [data-col-span="4"] { width: 57.14286%; }
.ux-grid [data-row-span="7"] > [data-col-span="5"] { width: 71.42857%; }
.ux-grid [data-row-span="7"] > [data-col-span="6"] { width: 85.71429%; }
.ux-grid [data-row-span="7"] > [data-col-span="7"] { width: 100%; }

.ux-grid [data-row-span="8"] > [data-col-span="1"] { width: 12.5%; }
.ux-grid [data-row-span="8"] > [data-col-span="2"] { width: 25%; }
.ux-grid [data-row-span="8"] > [data-col-span="3"] { width: 37.5%; }
.ux-grid [data-row-span="8"] > [data-col-span="4"] { width: 50%; }
.ux-grid [data-row-span="8"] > [data-col-span="5"] { width: 62.5%; }
.ux-grid [data-row-span="8"] > [data-col-span="6"] { width: 75%; }
.ux-grid [data-row-span="8"] > [data-col-span="7"] { width: 87.5%; }
.ux-grid [data-row-span="8"] > [data-col-span="8"] { width: 100%; }

.ux-grid [data-row-span="9"] > [data-col-span="1"] { width: 11.11111%; }
.ux-grid [data-row-span="9"] > [data-col-span="2"] { width: 22.22222%; }
.ux-grid [data-row-span="9"] > [data-col-span="3"] { width: 33.33333%; }
.ux-grid [data-row-span="9"] > [data-col-span="4"] { width: 44.44444%; }
.ux-grid [data-row-span="9"] > [data-col-span="5"] { width: 55.55556%; }
.ux-grid [data-row-span="9"] > [data-col-span="6"] { width: 66.66667%; }
.ux-grid [data-row-span="9"] > [data-col-span="7"] { width: 77.77778%; }
.ux-grid [data-row-span="9"] > [data-col-span="8"] { width: 88.88889%; }
.ux-grid [data-row-span="9"] > [data-col-span="9"] { width: 100%; }

.ux-grid [data-row-span="10"] > [data-col-span="1"] { width: 10%; }
.ux-grid [data-row-span="10"] > [data-col-span="2"] { width: 20%; }
.ux-grid [data-row-span="10"] > [data-col-span="3"] { width: 30%; }
.ux-grid [data-row-span="10"] > [data-col-span="4"] { width: 40%; }
.ux-grid [data-row-span="10"] > [data-col-span="5"] { width: 50%; }
.ux-grid [data-row-span="10"] > [data-col-span="6"] { width: 60%; }
.ux-grid [data-row-span="10"] > [data-col-span="7"] { width: 70%; }
.ux-grid [data-row-span="10"] > [data-col-span="8"] { width: 80%; }
.ux-grid [data-row-span="10"] > [data-col-span="9"] { width: 90%; }
.ux-grid [data-row-span="10"] > [data-col-span="10"] { width: 100%; }

.ux-grid [data-row-span="11"] > [data-col-span="1"] { width: 9.09091%; }
.ux-grid [data-row-span="11"] > [data-col-span="2"] { width: 18.18182%; }
.ux-grid [data-row-span="11"] > [data-col-span="3"] { width: 27.27273%; }
.ux-grid [data-row-span="11"] > [data-col-span="4"] { width: 36.36364%; }
.ux-grid [data-row-span="11"] > [data-col-span="5"] { width: 45.45455%; }
.ux-grid [data-row-span="11"] > [data-col-span="6"] { width: 54.54545%; }
.ux-grid [data-row-span="11"] > [data-col-span="7"] { width: 63.63636%; }
.ux-grid [data-row-span="11"] > [data-col-span="8"] { width: 72.72727%; }
.ux-grid [data-row-span="11"] > [data-col-span="9"] { width: 81.81818%; }
.ux-grid [data-row-span="11"] > [data-col-span="10"] { width: 90.90909%; }
.ux-grid [data-row-span="11"] > [data-col-span="11"] { width: 100%; }
             
.ux-grid [data-row-span="12"] > [data-col-span="1"] { width: 8.33334%; }
.ux-grid [data-row-span="12"] > [data-col-span="2"] { width: 16.66667%; }
.ux-grid [data-row-span="12"] > [data-col-span="3"] { width: 25%; }
.ux-grid [data-row-span="12"] > [data-col-span="4"] { width: 33.33334%; }
.ux-grid [data-row-span="12"] > [data-col-span="5"] { width: 41.66667%; }
.ux-grid [data-row-span="12"] > [data-col-span="6"] { width: 50%; }
.ux-grid [data-row-span="12"] > [data-col-span="7"] { width: 58.33334%; }
.ux-grid [data-row-span="12"] > [data-col-span="8"] { width: 66.66667%; }
.ux-grid [data-row-span="12"] > [data-col-span="9"] { width: 75%; }
.ux-grid [data-row-span="12"] > [data-col-span="10"] { width: 83.33334%; }
.ux-grid [data-row-span="12"] > [data-col-span="11"] { width: 91.66667%; }
.ux-grid [data-row-span="12"] > [data-col-span="12"] { width: 100%; }

.ux-grid [data-grid-span="1"]{ width: 8.33334%; }
.ux-grid [data-grid-span="2"]{ width: 16.66667%; }
.ux-grid [data-grid-span="3"]{ width: 25%; }
.ux-grid [data-grid-span="4"]{ width: 33.33334%; }
.ux-grid [data-grid-span="5"]{ width: 41.66667%; }
.ux-grid [data-grid-span="6"]{ width: 50%; }
.ux-grid [data-grid-span="7"]{ width: 58.33334%; }
.ux-grid [data-grid-span="8"]{ width: 66.66667%; }
.ux-grid [data-grid-span="9"]{ width: 75%; }
.ux-grid [data-grid-span="10"]{ width: 83.33334%; }
.ux-grid [data-grid-span="11"]{ width: 91.66667%; }
.ux-grid [data-grid-span="12"]{ width: 100%; }

.ux-grid [data-span="1"]{ width: 8.33334%; }
.ux-grid [data-span="2"]{ width: 16.66667%; }
.ux-grid [data-span="3"]{ width: 25%; }
.ux-grid [data-span="4"]{ width: 33.33334%; }
.ux-grid [data-span="5"]{ width: 41.66667%; }
.ux-grid [data-span="6"]{ width: 50%; }
.ux-grid [data-span="7"]{ width: 58.33334%; }
.ux-grid [data-span="8"]{ width: 66.66667%; }
.ux-grid [data-span="9"]{ width: 75%; }
.ux-grid [data-span="10"]{ width: 83.33334%; }
.ux-grid [data-span="11"]{ width: 91.66667%; }
.ux-grid [data-span="12"]{ width: 100%; }

.ux-grid [data-row-span="16"] > [data-col-span="1"] { width: 6.25%; }
.ux-grid [data-row-span="16"] > [data-col-span="2"] { width: 12.5%; }
.ux-grid [data-row-span="16"] > [data-col-span="3"] { width: 18.75%; }
.ux-grid [data-row-span="16"] > [data-col-span="4"] { width: 25.0%; }
.ux-grid [data-row-span="16"] > [data-col-span="5"] { width: 31.25%; }
.ux-grid [data-row-span="16"] > [data-col-span="6"] { width: 37.5%; }
.ux-grid [data-row-span="16"] > [data-col-span="7"] { width: 43.75%; }
.ux-grid [data-row-span="16"] > [data-col-span="8"] { width: 50.0%; }
.ux-grid [data-row-span="16"] > [data-col-span="9"] { width: 56.25%; }
.ux-grid [data-row-span="16"] > [data-col-span="10"] { width: 62.5%; }
.ux-grid [data-row-span="16"] > [data-col-span="11"] { width: 68.75%; }
.ux-grid [data-row-span="16"] > [data-col-span="12"] { width: 75.0%; }
.ux-grid [data-row-span="16"] > [data-col-span="13"] { width: 81.25%; }
.ux-grid [data-row-span="16"] > [data-col-span="14"] { width: 87.5%; }
.ux-grid [data-row-span="16"] > [data-col-span="15"] { width: 93.75%; }
.ux-grid [data-row-span="16"] > [data-col-span="16"] { width: 100%; }

.ux-grid [data-row-span="24"] > [data-col-span="1"] { width: 4.16666%; }
.ux-grid [data-row-span="24"] > [data-col-span="2"] { width: 8.33332%; }
.ux-grid [data-row-span="24"] > [data-col-span="3"] { width: 12.49998%; }
.ux-grid [data-row-span="24"] > [data-col-span="4"] { width: 16.66664%; }
.ux-grid [data-row-span="24"] > [data-col-span="5"] { width: 20.8333%; }
.ux-grid [data-row-span="24"] > [data-col-span="6"] { width: 24.9999%; }
.ux-grid [data-row-span="24"] > [data-col-span="7"] { width: 29.16656%; }
.ux-grid [data-row-span="24"] > [data-col-span="8"] { width: 33.33322%; }
.ux-grid [data-row-span="24"] > [data-col-span="9"] { width: 37.49982%; }
.ux-grid [data-row-span="24"] > [data-col-span="10"] { width: 41.66648%; }
.ux-grid [data-row-span="24"] > [data-col-span="11"] { width: 45.83314%; }
.ux-grid [data-row-span="24"] > [data-col-span="12"] { width: 49.9998%; }
.ux-grid [data-row-span="24"] > [data-col-span="13"] { width: 54.16646%; }
.ux-grid [data-row-span="24"] > [data-col-span="14"] { width: 58.33312%; }
.ux-grid [data-row-span="24"] > [data-col-span="15"] { width: 62.49978%; }
.ux-grid [data-row-span="24"] > [data-col-span="16"] { width: 66.66644%; }
.ux-grid [data-row-span="24"] > [data-col-span="17"] { width: 70.8331%; }
.ux-grid [data-row-span="24"] > [data-col-span="18"] { width: 74.99976%; }
.ux-grid [data-row-span="24"] > [data-col-span="19"] { width: 79.16642%; }
.ux-grid [data-row-span="24"] > [data-col-span="20"] { width: 83.33308%; }
.ux-grid [data-row-span="24"] > [data-col-span="21"] { width: 87.49974%; }
.ux-grid [data-row-span="24"] > [data-col-span="22"] { width: 91.66634%; }
.ux-grid [data-row-span="24"] > [data-col-span="23"] { width: 95.8334%; }
.ux-grid [data-row-span="24"] > [data-col-span="24"] { width: 100%; }


.chosen-container-single .chosen-single span {
    margin-top: -6px;
    margin: 0;
    padding: 3px 5px 2px 6px; 
    list-style: none;
    line-height: 1.428571429; 
    width: 100%;
    height: 2em;
    vertical-align: middle;
   }


.chosen-container-single .chosen-single div b {
    margin-top: -1px;
}

/*.chosen-container {
    width: 100%;
}*/

.chosen-container-single .chosen-single {
    padding: 0 0 0 0px;    
    width: 100%; 
    line-height: 1.428571429;
}

.help-block {
    margin-top: 0px;
    margin-bottom: 0px;
}


.drawing-box {
    max-width:300px;
max-height:280px;
}

.modal-body .drawing-box {
    max-width:100%;
max-height:100%;
}

@media (max-device-width: 320px)  {
    
.drawing-box {
    max-width:300px;
max-height:280px;
}

}

@media (max-width: 767px) {
  
.ux-grid [data-row-span="12"] > [data-col-span="1"] { width: 100%; }
.ux-grid [data-row-span="12"] > [data-col-span="2"] { width: 100%; }
.ux-grid [data-row-span="12"] > [data-col-span="3"] { width: 100%; }
.ux-grid [data-row-span="12"] > [data-col-span="4"] { width: 100%; }
.ux-grid [data-row-span="12"] > [data-col-span="5"] { width: 100%; }
.ux-grid [data-row-span="12"] > [data-col-span="6"] { width: 100%; }
.ux-grid [data-row-span="12"] > [data-col-span="7"] { width: 100%; }
.ux-grid [data-row-span="12"] > [data-col-span="8"] { width: 100%; }
.ux-grid [data-row-span="12"] > [data-col-span="9"] { width: 100%; }
.ux-grid [data-row-span="12"] > [data-col-span="10"] { width: 100%; }
.ux-grid [data-row-span="12"] > [data-col-span="11"] { width: 100%; }
.ux-grid [data-row-span="12"] > [data-col-span="12"] { width: 100%; }
}


@media (max-width: 767px) {
.ux-grid [data-row-span="24"] > [data-col-span="1"] { width: 100%; }
.ux-grid [data-row-span="24"] > [data-col-span="2"] { width: 100%; }
.ux-grid [data-row-span="24"] > [data-col-span="3"] { width: 100%; }
.ux-grid [data-row-span="24"] > [data-col-span="4"] { width: 100%; }
.ux-grid [data-row-span="24"] > [data-col-span="5"] { width: 100%; }
.ux-grid [data-row-span="24"] > [data-col-span="6"] { width: 100%; }
.ux-grid [data-row-span="24"] > [data-col-span="7"] { width: 100%; }
.ux-grid [data-row-span="24"] > [data-col-span="8"] { width: 100%; }
.ux-grid [data-row-span="24"] > [data-col-span="9"] { width: 100%; }
.ux-grid [data-row-span="24"] > [data-col-span="10"] { width: 100%; }
.ux-grid [data-row-span="24"] > [data-col-span="11"] { width: 100%; }
.ux-grid [data-row-span="24"] > [data-col-span="12"] { width: 100%; }
.ux-grid [data-row-span="24"] > [data-col-span="13"] { width: 100%; }
.ux-grid [data-row-span="24"] > [data-col-span="14"] { width: 100%; }
.ux-grid [data-row-span="24"] > [data-col-span="15"] { width: 100%; }
.ux-grid [data-row-span="24"] > [data-col-span="16"] { width: 100%; }
.ux-grid [data-row-span="24"] > [data-col-span="17"] { width: 100%; }
.ux-grid [data-row-span="24"] > [data-col-span="18"] { width: 100%; }
.ux-grid [data-row-span="24"] > [data-col-span="19"] { width: 100%; }
.ux-grid [data-row-span="24"] > [data-col-span="20"] { width: 100%; }
.ux-grid [data-row-span="24"] > [data-col-span="21"] { width: 100%; }
.ux-grid [data-row-span="24"] > [data-col-span="22"] { width: 100%; }
.ux-grid [data-row-span="24"] > [data-col-span="23"] { width: 100%; }
.ux-grid [data-row-span="24"] > [data-col-span="24"] { width: 100%; }
}