html {
   /*background-color:#3b175c;*/
   background-color:transparent;
   /*background: url('../images/3215045.bg.jpg') round top left fixed;*/
   /*background-size: cover;*/
   color: black;
   font-family:"Open Sans", "Helvetica Neue", Helvetica,"Trebuchet MS", sans-serif;
   height:100%;
   padding:0;
}



body::after {
   position:absolute; width:0; height:0; overflow:hidden; z-index:-1; /* hide images */
   content:url('../../../assets/3d_extrude_background.jpg')  url('../../../assets/lobby_isicam_spanduk.png') url('../../../assets/exhibition_hall_mockup.png?s10=1') url('../../../assets/exhibition_booth_mockup.png') url('../../../assets/3d_extrude_background.jpg') url('../../../assets/booth-medtronic.png') url('../../../assets/lobby_isicam_clean.jpg')  url('../../../assets/lobby_isicam_clean_blur.jpg') url('../../../assets/exhibition_Hall.png?s10=1') ;   /*  load images */
}

table {
  border-collapse: separate;
  border-spacing: 0;
}


@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: normal;
  src: local('Oswald'), local('Oswald'), url('../fonts/Oswald-Medium.woff2') format('woff');
}

@font-face {
  font-family: 'Avenir Next LT Pro Demi';
  font-style: normal;
  font-weight: normal;
  src: local('Avenir Next LT Pro Demi'), url('../fonts/AvenirNextLTPro-Demi.otf') format('opentype');
}


@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  src: local('FontAwesome'), local('FontAwesome'), url('../fonts/fontawesome-webfont.woff2') format('woff');
}

@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: normal;
  src: local('Source Code Pro'), local('SourceCodePro'), url('../fonts/SourceCodePro-Regular.otf.woff') format('woff');
}

@font-face {
   font-family: "PTSans";
   font-style: normal;
   font-weight: normal;
   src: local('PTSans'), url('../fonts/PTS55F-webfont.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/OpenSans-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../fonts/OpenSans.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/OpenSans-Semibold.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(../fonts/OpenSans-LightItalic.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../fonts/OpenSans-Italic.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(../fonts/OpenSans-SemiboldItalic.ttf) format('truetype');
}

@font-face {
  font-family: "Trebuchet MS";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Trebuchet MS.ttf") format("truetype");
}

@font-face {
  font-family: "Trebuchet MS";
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/Trebuchet MS Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Trebuchet MS";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/Trebuchet MS Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Trebuchet MS";
  font-style: italic;
  font-weight: bold;
  src: url("../fonts/Trebuchet MS Bold Italic.ttf") format("truetype");
}


/* Globals */
ol, ul, li {
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

body {
   font-family:"Open Sans", "Helvetica Neue", Helvetica,"Trebuchet MS", sans-serif;
   font-size:14px;
   margin:0;
   padding:0;
   height:100%;
   /*opacity:0;*/
   transition: opacity 0.5s ease-in-out;
}


h1,h2,h3,h4,h5,h6 {
   font-weight:normal;
}

h1 {
   font-size:3em;
   font-weight:lighter;
}

h2 {
   font-size:2.5em;
   font-weight:lighter;
}

h3 {
   font-size:2em;
   font-weight:lighter;
}

h4 {
   font-size:1.5em;
}

h5 {
   font-size:1.3em;
}

h6 {
   font-size:1.1em;
}

hr { 
   display: block;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   margin-left: auto;
   margin-right: auto;
   border-width: 0px;
   border-bottom:1px solid #bbb;
}

button::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=file] > input[type=button]::-moz-focus-inner,
button::-moz-focus-inner:active,
input[type=reset]::-moz-focus-inner:active,
input[type=button]::-moz-focus-inner:active,
input[type=submit]::-moz-focus-inner:active,
input[type=file] > input[type=button]::-moz-focus-inner:active {
   border:0;padding:0;margin:0;
}

div.xocpdivbody { margin:0;padding:0px; height:100%; }
.thumbsearch { float:left;height:36px !important;width:27px !important;margin-right:3px; }
.thumbforum {
   height:36px !important;
   width:27px !important;
}


/*
   ////////////////////////////////////////////////////////////////////////
   ////////////////////////////////////////////////////////////////////////
   BANNER EMPLOYEE
   ////////////////////////////////////////////////////////////////////////
   ////////////////////////////////////////////////////////////////////////
*/

.employee_banner {
   color: #606060;
   border: solid 0.1em #b7b7b7;
}


/*
   ////////////////////////////////////////////////////////////////////////
   ////////////////////////////////////////////////////////////////////////
   BANNER PATIENT
   ////////////////////////////////////////////////////////////////////////
   ////////////////////////////////////////////////////////////////////////
*/


/*
   ////////////////////////////////////////////////////////////////////////
   ////////////////////////////////////////////////////////////////////////
   BANNER ORG
   ////////////////////////////////////////////////////////////////////////
   ////////////////////////////////////////////////////////////////////////
*/

.org_banner {
   color: #606060;
   border: 1px solid #b7b7b7;
   background: #ededed;
   /*background: linear-gradient(to right,  #888,  #eee);*/
   margin-bottom:0.2em;
   border-radius:0.3em;
   padding:0.5em;
   padding-left:0.5em;
   padding-right:0.5em;
}



/*
   ////////////////////////////////////////////////////////////////////////
   ////////////////////////////////////////////////////////////////////////
   TAB
   ////////////////////////////////////////////////////////////////////////
   ////////////////////////////////////////////////////////////////////////
*/

ul.ultab {
   margin: 0; 
   padding: 0; 
   list-style: none; 
   float: left;
   width:100%;
   border-bottom:0px solid #c1c1c1;
}

ul.ultab li {
   padding:0.5em;
   float:left;
   margin-right:4px;
   margin-top:3px;
   text-align:center;
   background-color:#ffffff;
   border:1px solid #cccccc;
   border-bottom:0;
   padding-top:0.9em;
   padding-bottom:1em;
   border-top-left-radius: 0.3em;
   border-top-right-radius: 1em 1em;
   margin-bottom:0px;
}

ul.ultab li:hover {
   cursor:pointer;
   background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}


ul.ultab li div {
   
}

ul.ultab li.ultabsel_greyrev {
   padding:1em;
   float:left;
   background-color:#ffffff;
   border:1px solid #bbb;
   position:relative;
   padding-top:9px;
   padding-bottom:9px;
   top:10px;
   z-index:0;
   border-bottom:none;
}


/*
   ////////////////////////////////////////////////////////////////////////
   ////////////////////////////////////////////////////////////////////////
   FORM
   ////////////////////////////////////////////////////////////////////////
   ////////////////////////////////////////////////////////////////////////
*/


table.xxfrm {
}

table.xxfrm > thead > tr > td { border-top:1px solid rgba(255,255,255,0.1);padding:10px; }
table.xxfrm > tbody > tr > td { text-align:right;border-top:1px solid rgba(255,255,255,0.1);padding:10px; }
table.xxfrm > tbody > tr > td + td { text-align:left;border-top:1px solid rgba(255,255,255,0.1);border-left:0px solid #bbb; }

.xxfrm td, .xxfrm th, .xxfrm > thead > td {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding: 10px;
    text-align: left;    
}

.xxfrm tbody tr:first-child td {
   border-top:0;
}

.xxfrm > thead > tr > th, .xxfrm > thead > tr > td, .tschedule thead td, .hdr {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

table.wwfrm {
}

table.wwfrm > thead > tr > td { border-top:1px solid #bbb;padding:0.5em;background-color:#999;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.9); }
table.wwfrm > tbody > tr > td { text-align:right;border-top:1px solid #bbb;padding:0.5em;background-color:#aaa;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.9); }
table.wwfrm > tbody > tr > td + td { text-align:left;border-top:1px solid #bbb;padding:0.5em;border-left:1px solid #bbb;color:#000;text-shadow:none;background-color:#fff; }
table.wwfrm > tbody > tr > td + td + td { text-align:right;border-top:1px solid #bbb;padding:0.5em;background-color:#aaa;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.9); }
table.wwfrm > tbody > tr > td + td + td + td { text-align:left;border-top:1px solid #bbb;padding:0.5em;border-left:1px solid #bbb;color:#000;text-shadow:none;background-color:#fff; }

table.yfrm {border-spacing:0px;border:1px solid #bbb;color:black;border-radius:0.5em;}
table.yfrm > thead > tr > td {border-bottom:1px solid #999999;background-color:#dddddd;color:black;font-weight:bold;padding:0.5em;}
table.yfrm > tbody > tr > td {border-bottom:1px solid #999999;background-color:#f9f9f9;color:black;padding:0.5em;font-weight:normal;text-align:right;}
table.yfrm > tbody > tr > td + td {border-bottom:1px solid #999999;background-color:#eeeeee;padding:0.5em;text-align:left;font-weight:bold;}
table.yfrm > tbody > tr > td + td + td {border-bottom:1px solid #999999;background-color:#f9f9f9;padding:0.5em;text-align:left;font-weight:bold;}
table.yfrm > tbody > tr:first-of-type td:first-child {
   border-top-left-radius: 0.5em;    
}
table.yfrm > tbody > tr:first-of-type td:last-child {
   border-top-right-radius: 0.5em;    
}

table.yfrm > tbody > tr:last-of-type td {
   border-bottom:0;
}
table.yfrm > tbody > tr:last-of-type td:first-child {
   border-bottom-left-radius: 0.6em;    
}

table.yfrm > tbody > tr:last-of-type td:last-child {
   border-bottom-right-radius: 0.6em;    
}

/*
   ////////////////////////////////////////////////////////////////////////
   ////////////////////////////////////////////////////////////////////////
   INPUT / BUTTON / SELECT
   ////////////////////////////////////////////////////////////////////////
   ////////////////////////////////////////////////////////////////////////
*/


.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn {
    border-width: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}


.btn-group-lg > .btn, .btn-group-sm > .btn, .btn-group-xs > .btn {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.btn.btn-transparent-white {
    background-color: rgba(255, 255, 255, 0.15);
    -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7);
}


.btn-group > .btn, .btn-group-vertical > .btn {
    position: relative;
    float: left;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn {
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}




input[type=text], input[type=number], input[type=email], input[type=password], textarea {
   font-family: inherit;
   font-size:inherit;
   height:2em;
   outline:none;
   border-radius:0.3em;
   padding-left:0.5em;
   padding-right:0.5em;
   background:rgba(0,0,0,0.3);
   border:0;
   /*color: #dddddd;*/
   /*border:1px solid #888899;*/
}

input[type=text].cert {
   background:rgba(255,255,255,1);
   border:1px solid rgba(0,0,0,0.5);
   color:#000000;
}

input[type=text], input[type=number], input[type=email] {
   background-color: rgba(0, 0, 0, 0.3);
   border: 0;
   color: rgba(255, 255, 255, 0.8);
   -webkit-font-smoothing: antialiased;
}

textarea {
   padding:0.5em;
   height:auto;
   min-height:6em;
   width:90%;
}

input[type=text]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, textarea:focus {
   background-color: rgba(0, 0, 0, 0.5);
}



input[type=text][disabled="1"],input[type=email][disabled="1"],input[type=number][disabled="1"],textarea[disabled="1"] {
   cursor:default;
   background-color: rgba(0, 0, 0, 0.3);
   border: 0;
   color: rgba(255, 255, 255, 0.8);
   -webkit-font-smoothing: antialiased;
}

input[type=text]:disabled,input[type=email]:disabled,input[type=number]:disabled,textarea:disabled {
   background-color: rgba(0, 0, 0, 0.2);
   border: 0;
   color: rgba(255, 255, 255, 0.6);
   -webkit-font-smoothing: antialiased;
}

INPUT[type=text].xedited,INPUT[type=number].xedited {background-color:#ffdddd;}

input[type=text].searchBox {
   /*background-image:url('data:image/png;base64,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');*/
   background-image: url(data:image/png;base64,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);
   background-size: 22px 22px;
   background-repeat:no-repeat;
   background-position:8px 50%;
   padding-left:32px;
   border-radius:1em;
   font-weight:normal;
}


/*
   ////////////////////////////////////////////////////////////////////////
   ////////////////////////////////////////////////////////////////////////
   SELECT & BUTTONS
   ////////////////////////////////////////////////////////////////////////
   ////////////////////////////////////////////////////////////////////////
*/

@keyframes button_scale {
   
   from { 
      -moz-transform: translate(0px,0px);
   }
   
   to { 
      -moz-transform: translate(10px,10px); 
   }
   
}

button, input[type=button] {
   /*text-transform: uppercase;*/
}

select, button, input[type=button], input[type=submit], input[type=reset] {
   display: inline-block;
   vertical-align: baseline;
   border-radius: 0.5em;
   /*font-family: 'Oswald';*/
   color: white;
   font-size: 1em;
   background-color:rgba(255,255,255,0.2);
   border:0px solid rgba(255,255,255,0.2);
   /*background: #7b7e80;*/
   padding: 5px 25px 5px 25px;
   text-decoration: none;
   
   margin: 0 0.2em;
   outline: none;
   cursor: pointer;
   text-align: center;
   /*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
   
   transition: all 150ms ease;
}

select {
   padding: .2em 1em .3em 1em;
}

input[type=button] {
   border:1px solid transparent;
}
input[type=button]:hover {
   border:1px solid rgba(255,255,255,0.3);
}

select:hover, button:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
   text-decoration: none;
   /*color:#aaaaaa;*/
   /*border-color: #bbbbbb;*/
   /*background-color:rgba(255,255,255,0.4);*/
   background-color:rgba(0,0,0,0.2);
}


select {
   height:2em;
   text-align:left;
   padding-left:0.5em;
   padding-right:0.5em;
}

button:active, input[type=button]:active, input[type=submit]:active, input[type=reset]:active {
   -webkit-transform: translateY(1px);
   transform: translateY(2px);
}



input[type=text].cert {
   background:rgba(255,255,255,0.5);
   border:1px solid rgba(0,0,0,0.3);
   color:#000000;
}

input[type=text].cert:focus {
   background:rgba(255,255,255,1);
   border:1px solid rgba(0,0,0,0.5);
}

input[type=button].cert, input[type=submit].cert, input[type=reset].cert {
   display: inline-block;
   vertical-align: baseline;
   border-radius: 0.5em;
   /*font-family: 'Oswald';*/
   color: rgba(0,0,0,0.7);
   font-size: 1em;
   background-color:rgba(0,0,0,0.1);
   border:1px solid rgba(0,0,0,0.2);
   padding: 5px 30px 5px 30px;
   text-decoration: none;
   
   margin: 0 0.2em;
   outline: none;
   cursor: pointer;
   text-align: center;
   
   transition: all 150ms ease;
}

input[type=button].cert:hover {
   background-color:rgba(0,0,0,0.2);
   border:1px solid rgba(0,0,0,0.8);
}




/*
   ////////////////////////////////////////////////////////////////////////
   ////////////////////////////////////////////////////////////////////////
   SELECT & BUTTONS
   ////////////////////////////////////////////////////////////////////////
   ////////////////////////////////////////////////////////////////////////
*/


.panel_radio_label, .panel_checkbox_label { cursor:pointer;text-decoration:underline;color:#333333; }
.panel_radio_label:hover, .panel_checkbox_label:hover { text-decoration:underline;color:#2222ff; }

.xlnk, a { cursor:pointer;color:#cccccc;text-decoration:underline; }
.xlnk:hover, a:hover { color:#eeffff; }

.xlnk_blue, a.xlnk_blue { cursor:pointer;color:inherit;color:#026eef;text-decoration:underline; }
.xlnk_blue:hover, a.xlnk_blue:hover { color:#002ecf; }


.xlnkw { cursor:pointer;text-decoration:underline;color:#eeeeee; }
.xlnkw:hover { text-decoration:underline;color:#eeffff; }

.ylnk { cursor:pointer;color:inherit;font-size:0.9em; }
.ylnk:hover { text-decoration:underline;color:#22beef; }

.zlnk { cursor:pointer;text-decoration:underline;color:inherit; }
.zlnk:hover { color:#aaddff; }

/* login */
div.loginbox {
    position:fixed;
    top:62%;
    left:50%;
    margin-top:-117px;
    margin-left:-217px;
    height:200px;
    width:400px;
    background-color:rgba(0,0,0,0.2);
    /*border: 1px solid #bbb;*/
    padding:0.9em;
    border-radius:1em;
}
div.loginbox input { text-align:center;width:200px; }

/*
//////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////
TABLE STYLE
//////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////
*/

/*
   //////////////////////////////////////////////////////////////
   STYLE 0
   //////////////////////////////////////////////////////////////
*/

.tbl0x {
   background-color: #ffffff;
   /*box-shadow:1px 1px 3px #555;*/
   border-radius:5px;
   border-spacing:0;
   border:1px solid #bbb;
}

.tbl0 {
   border-top-width:0px;
   border-right-width:0px;
   border-left-width:0px;
   border-bottom-width:0px;
   margin-bottom:0px;
}

.tdh0 {
   background-color: #ffffff;
   color:#000000;
   border:0px solid #aaaaaa;
   padding:0.5em;
}


.tdf0 {
   color:#000000;
   font-size:1em;
   font-weight: bold;
   font-style: normal;
   border-top-width:0px;
   border-right-width:1px;
   border-left-width:0px;
   border-bottom-width:1px;
   border-color:#aaaaff;
}

.td0, .td0 a, .td0 a:hover {
   border-top-width:0px;
   border-right-width:1px;
   border-left-width:0px;
   border-bottom-width:1px;
   background-color: #ffffff;
   color:#000000;
   padding:0.5em;
}

.td0:last-child {
   border-right:0;
}

tr:last-child .tdh0 {
   border-bottom:1px solid #bbb;
}

tr:last-child > .td0 {
   border-bottom:0;
}


.td0highlight1, .td0highlight1 a, .td0highlight1 a:hover {
   border-top-width:0px;
   border-right-width:1px;
   border-left-width:0px;
   border-bottom-width:1px;
   border-color:#aaaaff;
   background-color: #dedede;
   color:#000000;
}

.td0highlight2, .td0highlight2 a, .td0highlight2 a:hover {
   border-top-width:0px;
   border-right-width:1px;
   border-left-width:0px;
   border-bottom-width:1px;
   border-color:#aaaaff;
   background-color: #d0ffff;
   color:#000000;
}

.td0highlight3, .td0highlight3 a, .td0highlight3 a:hover {
   border-top-width:0px;
   border-right-width:1px;
   border-left-width:0px;
   border-bottom-width:1px;
   border-color:#aaaaff;
   background-color: #a2a2e9;
   color:#000000;
}

.td0highlight4, .td0highlight4 a, .td0highlight4 a:hover {
   border-top-width:0px;
   border-right-width:1px;
   border-left-width:0px;
   border-bottom-width:1px;
   border-color:#aaaaff;
   background-color: #ffffaa;
   color:#000000;
}

.tdh0highlight4, .tdh0highlight4 a, .tdh0highlight4 a:hover {
   border-top-width:0px;
   border-right-width:1px;
   border-left-width:0px;
   border-bottom-width:1px;
   border-color:#aaaaff;
   background-color: #ffffaa;
   color:#000000;
}

/*
   //////////////////////////////////////////////////////////////
   STYLE 1
   //////////////////////////////////////////////////////////////
*/

.tbl1x {
    background-color: #ffffff;
    box-shadow:1px 1px 3px #555;
    border-radius:5px;
}

.tbl1 {
   border-top-width:0px;
   border-right-width:0px;
   border-left-width:0px;
   border-bottom-width:0px;
   margin-bottom:0px;
}

.tdh1 {
   background-color: #ccccff;
   color:#000000;
   font-size:1em;
   font-weight: bold;
   font-style: normal;
   border:0px solid #aaaaaa;
   padding:4px;
}

.tdf1 {
   background-color: #ccccff;
   color:#000000;
   font-size:1em;
   font-weight: bold;
   font-style: normal;
   border-top-width:0px;
   border-right-width:1px;
   border-left-width:0px;
   border-bottom-width:1px;
   border-color:#aaaaff;
}

.td1, .td1 a, .td1 a:hover {
   border-top-width:0px;
   border-right-width:1px;
   border-left-width:0px;
   border-bottom-width:1px;
   border-color:#aaaaff;
   background-color: #ffffff;
   color:#000000;
}

.td1highlight1, .td1highlight1 a, .td1highlight1 a:hover {
   border-top-width:0px;
   border-right-width:1px;
   border-left-width:0px;
   border-bottom-width:1px;
   border-color:#aaaaff;
   background-color: #dedede;
   color:#000000;
}

.td1highlight2, .td1highlight2 a, .td1highlight2 a:hover {
   border-top-width:0px;
   border-right-width:1px;
   border-left-width:0px;
   border-bottom-width:1px;
   border-color:#aaaaff;
   background-color: #d0ffff;
   color:#000000;
}

.td1highlight3, .td1highlight3 a, .td1highlight3 a:hover {
   border-top-width:0px;
   border-right-width:1px;
   border-left-width:0px;
   border-bottom-width:1px;
   border-color:#aaaaff;
   background-color: #a2a2e9;
   color:#000000;
}

.td0highlight4, .td0highlight4 A, .td0highlight4 A:hover {
   border-top-width:0px;
   border-right-width:1px;
   border-left-width:0px;
   border-bottom-width:1px;
   border-color:#aaaaff;
   background-color: #ffffaa;
   color:#000000;
}

.tdh0highlight4, .tdh0highlight4 A, .tdh0highlight4 A:hover {
   border-top-width:0px;
   border-right-width:1px;
   border-left-width:0px;
   border-bottom-width:1px;
   border-color:#aaaaff;
   background-color: #ffffaa;
   color:#000000;
}

/*
   /////////////////////////////////////////////////////////////////
   /////////////////////////////////////////////////////////////////
   TABLE STYLE 2
   /////////////////////////////////////////////////////////////////
   /////////////////////////////////////////////////////////////////
*/

table {
    border-spacing: 0;
}

.buttons td {
}

table.buttons > tbody > tr > td, table.buttons > tbody > tr > td+td {
   border:0;
}

.ilist {
   width:100%;
}

.ilist tbody tr td {
   border:0;
   width:5em;
}

.ilist tbody tr td+td {
   width:auto;
}

.spbtn {
   color:#333;
   background-color:#ddd;
   border:1px solid #888;
   padding:0.1em;
   padding-left:0.5em;
   padding-right:0.5em;
   font-size:0.7em;
   border-radius:0.3em;
   cursor:pointer;
}

.spbtn:hover {
   background-color:#eee;
}


.xxlist {
    /*border:1px solid #ccc;*/
}

    
.xxlist > tbody > tr > td, .xxlist > th, .xxlist > thead > tr > td {
    border-left: 0px solid rgba(190,190,190,0.5);
    border-top: 1px solid rgba(190,190,190,0.5);
    padding: 0.6em;
    text-align: left;    
}

.xxlist > thead > tr > th, .xxlist > thead > tr > td, .tschedule > thead > tr > td, .hdr {
    /*background-color: #dce9f9;*/
    /* background-image: linear-gradient(top, #ebf3fc, #dce9f9); */
    /* box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        */
    border-top:none;
    border-left:none;
    font-weight:bold;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.xxlisthdr td {
   cursor:pointer;
   font-style:italic;
}

.xxlisthdr td:hover {
   background-color:#eeeeff;
}

.hdr {
   padding:0.5em;
}

.xxlist > tbody > tr > td:first-child, .xxlist th:first-child {
    border-left: none;
}

.xxlist th:first-child {
    border-radius:6px 0 0 0;
}

.xxlist th:last-child {
    border-radius:0 6px 0 0;
}

.xxlist th:only-child{
    border-radius: 6px 6px 0 0;
}

.xxlist > tbody > tr:last-child > td:first-child {
    border-radius: 0 0 0 6px;
}

.xxlist > tbody > tr:last-child > td:last-child {
    border-radius: 0 0 6px 0;
}

.xxlist > tbody > tr:first-child > td {
   /* border-top:0; */
}

.xxlist > tbody > tr:last-child > td {
   border-bottom:0;
}

.tschedule {
   border-radius:0.5em 0.5em 0.5em 0.5em;
   box-shadow:1px 1px 3px #999;
}

.tschedule td {
   font-size:0.7em;
}

.tschedule thead td {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
    padding:0.2em;
    text-align:center;
    font-weight:bold;
    font-size:0.8em;
}

.tschedule thead tr td {
   border:1px solid #bbb;
   border-right:0;
}

.tschedule thead tr td:first-child {
   border-radius:0.5em 0 0 0;
   width:3em;
}

.tschedule thead tr td:last-child {
   border-radius:0 0.5em 0 0;
   border-right:1px solid #bbb;
}

.tschedule tbody tr td {
   border:1px solid #bbb;
   border-right:0;
   border-top:0;
   text-align:center;
   font-size:0.7em;
   padding:0.2em;
}

.tschedule tbody tr td:last-child {
   border-right:1px solid #bbb;
}

.tschedule tbody tr:last-child td:first-child {
   border-radius:0 0 0 0.5em;
   width:3em;
}

.tschedule tbody tr:last-child td:last-child {
   border-radius:0 0 0.5em 0;
}

.ul_activity {
   margin-left:0;
   padding-left:0;
   list-style-type: none;
}

.drop-hover {
   background-color:red;
}

.ul_activity li {
   margin-right:1em;
   margin-bottom:1em;
   border-radius:0.5em;
   color:white;
   
   font-size:0.7em;
   padding:0em;
   padding-bottom:0.5em;
   min-height:2em;
   height:7em;
   width:10em;
   float:left;
   cursor:default;
   box-shadow:1px 1px 3px #000;
   cursor:move;
}

.ul_activity li span {
   vertical-align:middle;
   line-height:1em;
}

.ul_activity li span div {
   padding:0.2em;
   text-align:center;
}


.drag_handle {
   padding:0.2em;
   border-radius:0.2em;
   cursor:move;
   background-color:rgba(0,0,0,0.2);
}



.sbo {
   border-top:1px solid #bbb;
}

.sbo:first-child {
   border-top:0;
}

.sbo .sbo:first-child {
   border-top:1px solid #bbb;
}

.sbo td {
   border-top:0;
}


/* button 
---------------------------------------------- */
.button {
   display: inline-block;
   vertical-align: baseline;
   margin: 0 0.2em;
   outline: none;
   cursor: pointer;
   text-align: center;
   text-decoration: none;
   font: 14px/100% "Helvetica Neue",Arial, Helvetica, sans-serif;
   padding: .5em 2em .55em;
   text-shadow: 0 1px 1px rgba(0,0,0,.3);
   border-radius: .5em;
   box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.button:hover {
   text-decoration: none;
}

.bigrounded {
   border-radius: 2em;
}
.medium {
   font-size: 12px;
   padding: .4em 1.5em .42em;
}
.small {
   font-size: 11px;
   padding: .2em 1em .275em;
}

.pssel {
    background-color: #acb9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bbe3fc), to(#acb9f9));
    background-image: -webkit-linear-gradient(top, #bbe3fc, #acb9f9);
    background-image:    -moz-linear-gradient(top, #bbe3fc, #acb9f9);
    background-image:     -ms-linear-gradient(top, #bbe3fc, #acb9f9);
    background-image:      -o-linear-gradient(top, #bbe3fc, #acb9f9);
    background-image:         linear-gradient(top, #bbe3fc, #acb9f9);
    box-shadow:1px 1px 3px #888;
    border: 1px solid #aaa;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
    margin-bottom:5px;
    padding:0.9em;
    border-radius:0.5em;
}

.blocksel {
    background-color: #acb9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#bbbbbb));
    background-image: -webkit-linear-gradient(top, #ffffff, #bbbbbb);
    background-image:    -moz-linear-gradient(top, #ffffff, #bbbbbb);
    background-image:     -ms-linear-gradient(top, #ffffff, #bbbbbb);
    background-image:      -o-linear-gradient(top, #ffffff, #bbbbbb);
    background-image:         linear-gradient(top, #ffffff, #bbbbbb);
    box-shadow:1px 1px 3px #888;
    border: 1px solid #aaa;
    margin-bottom:5px;
    padding:0.9em;
    border-radius:0.5em;
}

.event_editor {
    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
    background-image:    -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image:     -ms-linear-gradient(top, #eeeeee, #cccccc);
    background-image:      -o-linear-gradient(top, #eeeeee, #cccccc);
    background-image:         linear-gradient(top, #eeeeee, #cccccc);
    position:absolute;border-radius:0.3em;padding:0.3em;box-shadow:1px 1px 2px #777;border:1px solid #888;min-width:20em;
}

#dvhdr {
   margin:0 auto;
}

.dvhr {
}

#dvhdr div, .dvhr div {
    float: left;
    width: 130px;
    font-size:0.8em;
    padding: 2px;
    border: 1px solid #bbb;
    margin: 0 0 0 4px;
    background: #fff;
    text-align:center;
}

#dvhdr div, .dvhr div:first-child {
    border-radius: 5px;
}

.dvhr div {
   height:40px;
   border-bottom:1px solid #bbb;
}


.dvhr div.drop-hover {
   background-color:#ddd;
}

.ui-tooltip-shadow {
   box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.mytip {
   text-align:center !important;
}

.conflict_participant {
   margin-top:0.5em;
   background-color:#ffeeee;
   padding:0.5em;
   border-radius:0.3em;
   box-shadow:0px 0px 3px rgba(0, 0, 0, 0.6) inset;
}

.conflict_room {
   margin-top:0.5em;
   background-color:#ffffee;
   padding:0.5em;
   border-radius:0.3em;
   box-shadow:0px 0px 3px rgba(0, 0, 0, 0.6) inset;
}

div.lst {
   padding:1em;
}

/*
   ////////////////////////////////////////////////////////////////////////
   ////////////////////////////////////////////////////////////////////////
   CALENDAR
   ////////////////////////////////////////////////////////////////////////
   ////////////////////////////////////////////////////////////////////////
*/
table.cal,
table.cal td.calx,
table.cal td.cdate,
table.cal td.cdate_hilite,
table.cal td.calarrow,
table.cal td.lmon,
table.cal td.cweek,
div.calselmonth,
table.cal span.sync_on,
table.cal span.sync_off,
table.cal input.inputcal {
   font-family: "Helvetical Neue","Lucida Grande", Arial,Verdana, Helvetica;
   font-weight:normal;
   font-size:10px;
   padding:1px;
   border:0px;
   text-shadow:none;
}

table.cal {border:0px solid #ddd;padding:0px;} 
table.cal td.calx {color:black;}
table.cal td.cdate        {color:#000000;border-left:1px solid #dddddd;cursor:pointer;border-bottom:0px solid #dddddd;width:20px;text-align:center;} 
table.cal td.cdate_hilite {background-color:#dddddd;font-weight:normal;color:#0000ff;border:1px solid;border-color:#999999 #cccccc #cccccc #999999;padding:0px;width:20px;text-align:center;cursor:pointer; } 
table.cal td.cdate_hilite:hover, table.cal td.cdate:hover {background-color:#5555ff;color:#ffffff;}
table.cal td.calarrow {padding-left:3px;padding-right:3px;} 
table.cal td.calarrow:hover {color:#ffffff;} 
table.cal td.lmon {color:#aaaaaa;border-left:1px solid #dddddd;cursor:default;border-bottom:0px solid #999999;text-align:center;} 
table.cal td.cweek {text-align:center;background-color:#777777;color:#ffffff;cursor:default;border-bottom:1px solid black;border-top:1px solid black;}
div.calselmonth {cursor:pointer;color:black;padding:1px;padding-left:7px;}
div.calselmonth:hover {background-color:#9999ff;}
table.cal span.sync_on, table.cal span.sync_off {font-size:10px;padding:0px;padding-left:2px;padding-right:2px;cursor:pointer;font-weight:normal;}
table.cal span.sync_on {color:black;}
table.cal span.sync_off {color:#999999;text-decoration:line-through;}  
table.cal span.sync_on:hover, table.cal span.sync_off:hover { background-color:blue;color:white; }
table.cal input.inputcal, table.cal div.inputcal {
   padding:1px;
   color:#000000;
   font-weight:normal;
   background-color:#ffffee;
   border:1px solid #bbbbbb;
   box-shadow:0 0 0.1em rgba(0,0,0,0.5) inset;
   text-align:center;
   border-radius:0.2em;
}

table.invisible {
   border:0;
   border-spacing:0;
}

table.invisible > tbody > tr > td {
   border:0;
   padding:0;
   border-image-width:0;
   background-color:transparent;
   background-image:none;
   box-shadow:none;
}

.error_message {
   background-color:#ffcccc;
   color:#000;
   text-align:center;
   padding:1em;
}

.warning_message {
   background-color:#ffcccc;
   color:#000;
   text-align:center;
   padding:1em;
}

div.com_obj_rel {
   padding:0.5em;margin:0;border-top:1px solid #bbb;text-align:left;
}

div.com_obj_rel:first-child {
   border-top:0;
}

div.dvcom { padding:0.5em;cursor:pointer; }

div.dvcomtariff { padding:0.5em; }

div.dvcom:hover {
   background-color:#ddddff;
}

div.com_edited {
   padding:0.5em;
   cursor:pointer;
   background-color:#ffffcc;
}

div.item_breakdown {
   padding:0.3em;padding-left:1em;padding-right:0;margin:0;border-top:1px solid #bbb;text-align:left;
}

div.item_breakdown:first-child {
   border-top:0;
}

.sgroup {
   margin-top:0.3em;
   background-color:#eeeeff;
   border:1px solid #bbb;
   box-shadow:1px 1px 3px rgba(0,0,0,0.5);
   padding:0.5em;
   border-radius:0.3em;
}

.groupyear {
    background-color: #acb9f9;
    background-image:    -moz-linear-gradient(top, #ffffff, #bbbbbb);
    background-image:         linear-gradient(top, #ffffff, #bbbbbb);
    box-shadow:1px 1px 3px #888;
    border: 1px solid #aaa;
    margin-bottom:5px;
    padding:0.9em;
    border-radius:0.5em;
}

.editor {
   border:1px solid #bbb;
   padding:0,5em;
   border-radius:0.3em;
}

table.panel_col { width:100%;cursor:move;background-color:#eee;margin-top:3px;border-spacing:3px;border:1px solid #bbb;border-radius:0.5em; }
table.panel_col > thead > tr > td { padding:3px; border:0px solid #bbb;border-radius:0.5em; }
table.panel_col > tbody > tr > td { padding:3px; border:1px solid #bbb;border-radius:0.5em;background-color:#fff; }
table.panel_col > tbody > tr > td > h3 { font-size:1em;margin:0px;text-align:left;font-weight:normal; }

div.panel_running table.panel_col { cursor:default; }
.panel_label_running { font-weight:bold; }

div.panel_item { border-top:0px solid #bbb; }
div.panel_item:first-child { border:0; }
div.panel_item_running { border-top:1px solid #bbb; }
div.panel_item_running:first-child { border:0; }
div.panel_item_container { background-color:#fff;padding:0.5em;margin:0.5em;border:0px solid #bbb;border-radius:5px;font-weight:normal; }

div.panel_item_label { background-color:#ddd;padding:5px;margin:3px;border:1px solid #bbb;border-radius:0.5em; }

div.panel_running div.panel_item_container { box-shadow:0 0 0 #000;padding:5px;margin:3px;border-radius:0;border:0px;border-top:1px solid #bbb; }
div.panel_running div.panel_item:first-child div.panel_item_container { border-top: 0; }
div.panel_running table.panel_col { border-radius:0;border:0;background-color:transparent; }

.panel_item_name_running { font-weight:bold; }

.expl {
   padding-left:0.2em;
   margin-top:0.2em;
   color:#777;
   font-style:italic;
   font-size:0.8em;
}

.order_item { 
   padding:0.5em;
   border-top:1px solid #bbb;
}

.order_item:first-child {
   border-top:0;
}

.order_item:hover {
   /*background-color:#e8effc;*/
}

.component_editor {
   display:none;
   text-align:center;
   position:absolute;
   width:450px;
   background-color:#eee;
   padding:0.5em;
   box-shadow:1px 1px 3px rgba(0,0,0,0.5);
   border-radius:0.3em;
   border:1px solid #bbb;
}

.discreet {
   color:#aaa;
   font-size:0.9em;
}

.billing_list, .deposit_list { 
   padding:0.5em;
   border-top:1px solid #bbb;
}

.billing_list:first-child, .deposit_list:first-child {
   border-top:0;
}

input[type=button]:disabled {
   color:rgba(255,255,255,0.5);
   cursor:default;
   text-shadow:none;
}
input[type=button]:disabled:hover {
   color:rgba(255,255,255,0.5);
   background-color:rgba(255,255,255,0.2);
   cursor:default;
   text-shadow:none;
}

.trnsct_list {
   padding:0.5em;
   background-color:#fff;
   border-bottom:1px solid #bbb;
}

.restitution {
   background-color:#ddd;
   text-decoration:line-through;
}

.zone_nm, .room_nm, .bed_nm {
   box-shadow:0px 2px 3px rgba(0,0,0,0.7);

}

.zone_nm {
   padding:1em;
   background-color:#333;
   background: -moz-linear-gradient(left,  #777,  #fff);
   background: -webkit-gradient(linear, left top, right top, from(#777), to(#fff));
   border-bottom:1px solid #333;
   color:#fff;
   text-shadow:1px 1px 3px rgba(0,0,0,1);
}

.room_nm {
   margin-top:0.5em;
   padding:0.5em;
   background-color:#c9d0fd;
   background: -moz-linear-gradient(left,  #c9d0fd, #fff);
   background: -webkit-gradient(linear, left top, right top, from(#c9d0fd), to(#fff));
   border-bottom:1px solid #bbb;
   border-left:1px solid #bbb;
   border-top:1px solid #bbb;
}

.bed_nm {
   padding:0em;
   background-color:#fff;
   border-bottom:1px solid #bbb;
   border-left:1px solid #bbb;
   /*
   background: -moz-linear-gradient(left,  #c9fdd0, #fff);
   background: -webkit-gradient(linear, left top, right top, from(#c9d0fd), to(#fff));
   */
}

.bed_empty, .bed_occupied {
   padding:0.5em;
}

.bed_occupied {
   background: -moz-linear-gradient(left,#c9fdd0, #eefff9);
   background: -webkit-gradient(linear, left top, right top, from(#c9fdd0), to(#fff));
}

.med_obj_item {
   padding:0.3em;
   border-top:1px solid #bbb;
}

.med_obj_item:first-child {
   border-top:0;
}

.stockprefix {
   cursor:pointer;
   color:#555;
   padding:0.3em;
   padding-left:0.5em;
   padding-right:0.5em;
   background-color:#fff;
   box-shadow:0 0 0.1em rgba(0,0,0,0.5) inset;
   border:1px solid #bbb;
   border-radius:1em;
   text-decoration:none;
}

.stockprefix:hover {
   background-color:#ffeecc;
   text-decoration:none;
   color:#555;
}

div.sr0 {padding:0.3em;text-align:center;background-color:#fff;}
div.xsr_sel, div.xsr0, div.xsr1 {width:100%;float:left;cursor:pointer;color:#000000;font-size:0.9em;}
div.xsr_left {float:left;}
div.xsr_right {text-align:right;float:right;}
div.xsr0 {background-color:#ffffcc;}
div.xsr1 {background-color:#ffffaa;}
div.xsr_sel {background-color:#eee;}
table.xsr {width:100%;margin:0px;}
table.xsr>tbody>tr>td {border:0;text-align:left;padding:0.3em;padding-left:0.5em;padding-right:0.5em;font-family:"Helvetica Neue",Tahoma,"Lucida Grande",Arial,Helvetica;vertical-align:top;}
table.xsr>tbody>tr>td+td {border:0;text-align:right;font-family:"Helvetica Neue",Tahoma,"Lucida Grande",Arial,Helvetica;vertical-align:top;}

.subres {
   position:absolute;
   left:0px;
   top:0px;
   display:none;
   padding:0px;
   border:1px solid #999;
   border-top:0px;
   background-color:transparent;
   overflow:hidden;
   border-radius:0 0 5px 5px;
   box-shadow:2px 2px 4px #333,-3px -7px 15px #ccc;
}

.rescount { 
   padding:3px;
   font-weight:bold;
   position:absolute;
   left:0px;
   top:0px;
   display:none;
   color:black;
   text-align:center;
   border-radius:5px 5px 0 0;
   
   background-color: #dce9f9;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
   background-image: -webkit-linear-gradient(top, #f3f3f3, #dce9f9);
   background-image:    -moz-linear-gradient(top, #f3f3f3, #dce9f9);
   background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
   background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
   background-image:         linear-gradient(to bottom, #f3f3f3, #dce9f9);
   box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
   border:1px solid #bbbbdd;
   text-shadow: 0 1px 0 rgba(255,255,255,.5); 
   
}

table.rescounttbl > tbody > tr > td { border:0;padding:2px; }
table.rescounttbl > tbody > tr > td + td { border:0;padding:2px; }

div.opt { background-color:#fff;border:1px solid #bbb;padding:0.5em;min-width:30px;color:#666;border-radius:0.5em;box-shadow:1px 1px 0.2em rgba(0,0,0,0.4);z-index:100; }
div.opt > div { padding:0.2em;cursor:pointer;padding-left:0.5em;padding-right:0.5em; }
div.opt > div:hover { background-color:#ddd; }

#item_top {
   background: -moz-linear-gradient(top,  #ffffff,  #fafafa);
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa));
   font-weight:bold;
   padding:2px;
   border-top:0;
   font-style:italic;
   color:#555;
}

div.subst { border-bottom:1px solid #ddd;padding:0.3em; }
div.dvlist { border-top:1px solid #ddd;padding:0.3em; }
div.dvlist:first-child { border-top:0; }


.prescription_flag_cito {
   text-align:center;
   position:relative;
   display:inline-block;
   background: rgb(22,39,114); /* Old browsers */
   background: -moz-linear-gradient(top, rgba(22,39,114,1) 0%, rgba(66,123,237,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(22,39,114,1)), color-stop(100%,rgba(66,123,237,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, rgba(22,39,114,1) 0%,rgba(66,123,237,1) 100%); /* Chrome10+,Safari5.1+ */
   padding:0.2em;
   border:2px solid #fff;
   color:#fff;
   border-radius:1em;
   text-shadow:1px 1px 1px #000;box-shadow:1px 1px 0.3em rgba(0,0,0,0.5), 0px 0px 0.1em rgba(0,0,0,0.5);
}

.prescription_flag_discharge {
   text-align:center;
   position:relative;
   display:inline-block;
   background: -moz-linear-gradient(top, rgba(0,36,0,1) 0%, rgba(0,87,0,1) 28%, rgba(0,138,0,1) 63%, rgba(67,165,72,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,36,0,1)), color-stop(28%,rgba(0,87,0,1)), color-stop(63%,rgba(0,138,0,1)), color-stop(100%,rgba(67,165,72,1))); /* Chrome,Safari4+ */
   padding:0.2em;
   border:2px solid #fff;
   color:#fff;
   border-radius:1em;
   text-shadow:1px 1px 1px #000;box-shadow:1px 1px 0.3em rgba(0,0,0,0.5), 0px 0px 0.1em rgba(0,0,0,0.5);
}

.prescription_flag_cito span, .prescription_flag_discharge span {
   position:absolute;
   display:block;
   width:90%;
   left:5%;
   top:3%;
   height:50%;
   border-radius:1em;
   background-color:rgba(255,255,255,0.1);
   background: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.6) 30%, rgba(255,255,255,0) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(24%,rgba(255,255,255,0.4)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
}

.dveditor {
   padding:0.5em;
}

.xxstocktrans {
    border: solid #ccc 1px;
    box-shadow: 1px 1px 0.1em rgba(0,0,0,0.5); 
    width:100%;
    border-spacing:0px;
    border-bottom:0;
}

    
.xxstocktrans > tbody > tr > td, .xxstocktrans > th, .xxstocktrans > thead > tr > td {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 0.2em;
    text-align: left;    
}

.xxstocktrans > thead > tr > th, .xxstocktrans > thead > tr > td, .tschedule > thead > tr > td, .hdr {
    background-color: #dce9f9;
    background-image:         linear-gradient(to bottom, #ebf3fc, #dce9f9);
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    font-weight:bold;
    text-align:center;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.xxstocktrans > tbody > tr > td:first-child, .xxstocktrans th:first-child {
    border-left: none;
}

.xxstocktrans th:first-child {
    border-radius: 0 0 0 0;
}

.xxstocktrans th:last-child {
    border-radius: 0 0 0 0;
}

.xxstocktrans th:only-child{
    border-radius: 6px 6px 0 0;
}

.xxstocktrans > tbody > tr:last-child > td:first-child {
    border-radius: 0 0 0 0;
}

.xxstocktrans > tbody > tr:last-child > td:last-child {
    border-radius: 0 0 0 0;
}

.xxstocktrans > tbody > tr:first-child > td {
}

.xxstocktrans > tbody > tr:last-child > td {
   border-bottom:0;
}

.fpo_icon {
   border:2px solid #cccccc;
   cursor:pointer;
   vertical-align:middle;
   border-radius:0.3em;
   opacity:0.5;
   width:20px;
   height:20px;
   padding:1px;
}
.fpo_icon_set {
   width:20px;
   height:20px;
   padding:1px;
   vertical-align:middle;
   border-radius:0.3em;
   cursor:pointer;
   opacity:1;
   border:2px solid rgba(255,175,75,1);
   background-color:#ffffff;
}
img.toolbar_sm {border:1px outset #888888;cursor:pointer;background-color:transparent;opacity:1;vertical-align:middle;border-radius:0.3em;}
.fpo_icon:hover,.fpo_icon_set:hover,img.toolbar_sm:hover {
   opacity:1;
   border:2px solid #ffffff;
   box-shadow:1px 1px 3px rgba(0,0,0,0.5);
   border:2px solid rgba(255,175,75,1);
   background-color:#ffffff;
}

.fpo_icon:active {
   opacity:1;
   border:2px solid rgba(255,175,75,1);
   background-color:#ffffff;
}

.tblfpo {
   cursor:default;
}

.tblfpo > tbody > tr:last-child > td {
   border-bottom:1px solid #bbf;
}

.trfpoitem > td, .trfpoheader0 > td, .trfpoheader1 > td, .trfpoitem_racikan > td {
   border-top:1px solid #bbf;
   border-left:1px solid #bbf;
   line-height:17px;
}

.trfpoitem_racikan > td {
   color:#888;
}

.trfpoitem > td, .trfpoitem_racikan > td:first-child {
   cursor:pointer;
   text-align:left;
}

.trfpoitem > td + td {
   text-align:center;
}


.trfpoitem:hover > td {
   background-color:#ddf;
}

.trfpoitem > td:first-child:hover {
   background-color:#77f;
   color:#fff;
}

.trfpoheader0 > td, .trfpoheader1 > td {
   text-align:center;
}

.trfpoheader1 > td+td {
   cursor:pointer;
}

.trfpoheader1 > td+td:hover {
   background-color:#ddd;
}

.trfpoitem > td:last-of-type,.trfpoheader0 > td:last-of-type, .trfpoheader1 > td:last-of-type, .trfpoitem_racikan > td:last-of-type {
   border-right:1px solid #bbf;
}

.tdfpodate_today {
   background: linear-gradient(175deg, rgba(17,104,191,1) 0%,rgba(17,104,191,1) 100%);
   text-align:center;color:#fff;font-weight:bold;text-shadow:1px 1px 2px #000;
   border-top:1px solid rgba(10,50,100,1);
   border-left:1px solid rgba(10,50,100,1);
}

.tdfpodate_another_day {
   background: linear-gradient(175deg, rgba(64,150,238,1) 0%,rgba(64,150,238,1) 100%);
   text-align:center;color:#fff;font-weight:bold;text-shadow:1px 1px 2px #000;
   border-top:1px solid rgba(10,50,100,1);
   border-left:1px solid rgba(10,50,100,1);
}

.fpotooltip {
   min-width:200px;
   box-shadow:1px 1px 10px #000;
   color:white;
   text-shadow:1px 1px 3px #000;
   position:absolute;
   z-index:1000;
   background-color:rgba(0,0,0,0.5);
   padding:5px 10px 5px 10px;
   border:1px solid rgba(0,0,0,0.3);
   visibility:hidden;
   border-radius:0 0.5em 0.5em 0.5em;
   font-size:11px;
}

.etiquettelist {
   min-width:200px;
   box-shadow:1px 1px 10px #000;
   color:white;
   text-shadow:1px 1px 3px #000;
   position:absolute;
   z-index:1000;
   background-color:rgba(0,0,0,0.5);
   padding:0;
   border:1px solid rgba(0,0,0,0.3);
   visibility:hidden;
   border-radius:0.5em 0.5em 0.5em 0.5em;
   font-size:11px;
   padding:0.5em;
}

.etiquette_item {
   padding:0.2em;
   padding-left:0.5em;
   padding-right:0.5em;
   cursor:default;
   border-top:1px solid rgba(200,200,200,0.5);
}

.etiquette_item:first-child {
   border-top:0;
   border-radius:0.5em 0.5em 0 0;
}

.etiquette_item:last-child {
   border-radius:0 0 0.5em 0.5em;
}

.etiquette_item:hover {
   background-color:rgba(0,0,0,0.3);
}

#fixedbar {    
   position: fixed;
   width: 100%;
   height:45px;
   /* background: linear-gradient(135deg, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* W3C */
   border-bottom:0px solid #000;
   background-color: #333333;
   color:#eeeeee;
   /*font-size:0.9em;*/
   /* box-shadow:0px 1px 3px rgba(0,0,0,0.3); */
   z-index:100000;
}

#fixedbar2 {
   display:none;
   z-index:2;
   border-bottom:1px solid #bbb;
   box-shadow:0px 1px 5px rgba(0,0,0,0.1);
}

#position-saver {
   width:100%;
   height:45px;
}

#patient_banner_position_saver {
   width:100%;
}

input[type=button].sb { 
   font-size:1em;
   padding:1px;
   cursor:pointer;
   font-weight:normal;
   background: linear-gradient(to bottom, rgba(250,250,250,0.8) 0%,rgba(199,199,199,0.8) 100%); /* W3C */
   border-radius:0.3em;
   padding-left:5px;
   padding-right:5px;
   border:1px solid #f9f9f9;
   color:#000;
   box-shadow:1px 1px 3px rgba(0,0,0,0.5);
}

input[type=button].sb:hover {
   background-color:#eee;
}

input[type=button].sb:active {
   background-color:#fff;
}

input[type=button].sb:disabled {
   color:#888;
   cursor:default;
}

input[type=text].sb,input[type=number].sb {
   font-family: inherit;
   font-size:inherit;
   outline:none;
   padding:0em;
   border-radius:0.5em;
   padding-left:0.5em;
   padding-right:0.5em;
   /*background:#ffffea;*/
   /*color: #6f6f6f;*/
   border: solid 1px #dfdfdf;
}

input[type=text].sb:focus,input[type=number].sb:focus {
   border:solid 1px #73A6FF;
   background:#EFF5FF;
   color:#dddddd;
}



.overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #000;
   opacity: 0.3;
   z-index: 100001;
}


.hiddenoverlay {
   position:absolute;
   top:0;
   left:0;
   width:0;
   height:0;
   display:none;
}

/* LITTLE BAR */

.barlittle {
   background-color:#2187e7;  
   background-image: -moz-linear-gradient(45deg, #2187e7 25%, #a0eaff); 
   background-image: -webkit-linear-gradient(45deg, #2187e7 25%, #a0eaff);
   border:1px solid #555;
   width:10px;
   height:10px;
   float:left;
   margin-left:5px;
   opacity:0.1;
   -moz-transform:scale(0.7);
   -webkit-transform:scale(0.7);
   -moz-animation:move 1.2s infinite linear;
   -webkit-animation:move 1.2s infinite linear;
   border-radius:0.2em;
}
#block_1{
    -moz-animation-delay: .4s;
   -webkit-animation-delay: .4s;
 }
#block_2{
    -moz-animation-delay: .3s;
   -webkit-animation-delay: .3s;
}
#block_3{
    -moz-animation-delay: .2s;
   -webkit-animation-delay: .2s;
}
#block_4{
    -moz-animation-delay: .3s;
   -webkit-animation-delay: .3s;
}
#block_5{
    -moz-animation-delay: .4s;
   -webkit-animation-delay: .4s;
}
@-moz-keyframes move{
   0%{-moz-transform: scale(1.2);opacity:1;}
   100%{-moz-transform: scale(0.7);opacity:0.1;}
}
@-webkit-keyframes move{
   0%{-webkit-transform: scale(1.2);opacity:1;}
   100%{-webkit-transform: scale(0.7);opacity:0.1;}
}

/* STOP ANIMATION */

.stop {
   -webkit-animation-play-state:paused;
   -moz-animation-play-state:paused;
}

.container {width: 120px; margin: 0 auto; overflow: hidden;}
.contentBar {width:90px; margin:0 auto; padding-top:3px; padding-bottom:11px;}


.caf {
   padding-top:5px;
   z-index:10000000;
   border-radius:1em;
   height:23px;
   text-align:center;
   width:300px;
   background-color:rgba(0,0,0,0.1);
   position:fixed;
   color:white;
   visibility:hidden;
   top:3px;left:-150px;
   margin-left:50%;
   box-shadow:0 0 0.1em rgba(0,0,0,0.5) inset;
}

.mf {
   color:#000;
   padding-top:5px;
   z-index:10000001;
   border-radius:1em;
   height:23px;
   text-align:center;
   width:800px;
   background-color:rgba(250,250,100,1);
   position:fixed;
   visibility:hidden;
   top:3px;
   left:-250px;
   margin-left:50%;
   box-shadow:0 0 0.1em rgba(0,0,0,0.5) inset;
}

.fpoitemeditor {
   display:none;
   padding:0.5em;
   border-radius:0.3em;
   text-align:center;
   border:1px solid #333;
   background-color:rgba(150,150,150,0.8);
   box-shadow:0 0 0.2em rgba(0,0,0,0.7) inset;
}

.substlist {
   border-top:1px solid #aaa;
   cursor:pointer;
}

.substlist:first-child {
   border-top:0;
}

.substlist:hover {
   background-color:rgba(200,255,200,0.3);
}

.opt_dark {
   text-align:left;
   cursor:pointer;
   background: linear-gradient(135deg, rgba(69,72,77,0.6) 0%,rgba(0,0,0,0.6) 100%); /* W3C */
   border:1px solid #888;
   border-radius:0.5em;
   padding:0.2em;
   padding-left:0.3em;
   padding-right:0.3em;
   text-shadow:1px 1px 2px #000;
   box-shadow:1px 1px 3px #000;
}

.opt_dark > div {
   padding:0em;
   padding-left:0.5em;
   padding-right:0.5em;
}

.opt_dark > div:hover {
   background-color:rgba(200,200,200,0.3);
}


div.diagitem { border-top:1px solid #bbb;padding:0.5em; }
div.diagitem span.code { padding:0px 4px; border:1px solid #888; margin-left:5px;background-color:#ddffff;border-radius:3px;font-weight:bold; }
div.diagitem span.code2 { padding:0px 4px; border:1px solid #888; margin-left:5px;background-color:#ddffdd;border-radius:3px;font-weight:bold; }
div.diagitem span.xlnk { font-weight:normal; }
div.diagitem span.proc_qty { padding:0px 4px;margin-left:5px;font-weight:bold; }
div.diagitem:first-child { border-top:0;}

.account_seg_1  { width:auto !important;padding:0.1em;background-color:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);padding-left:0.5em;padding-right:0.5em;display:inline-block;text-align:center; }
.account_seg_2  { width:auto !important;padding:0.1em;background-color:rgba(0,255,0,0.2);border:1px solid rgba(255,255,255,0.3);padding-left:0.5em;padding-right:0.5em;display:inline-block;text-align:center;border-left:0; }
.account_seg_3  { width:auto !important;padding:0.1em;background-color:rgba(255,255,0,0.2);border:1px solid rgba(255,255,255,0.3);padding-left:0.5em;padding-right:0.5em;display:inline-block;text-align:center;border-left:0; }
.account_seg_4  { width:auto !important;padding:0.1em;background-color:rgba(255,255,0,0.2);border:1px solid rgba(255,255,255,0.3);padding-left:0.5em;padding-right:0.5em;display:inline-block;text-align:center;border-left:0; }
.account_seg_5  { width:auto !important;padding:0.1em;background-color:rgba(0,255,255,0.2);border:1px solid rgba(255,255,255,0.3);padding-left:0.5em;padding-right:0.5em;display:inline-block;text-align:center;border-left:0; }
.account_seg_6  { width:auto !important;padding:0.1em;background-color:rgba(0,255,255,0.2);border:1px solid rgba(255,255,255,0.3);padding-left:0.5em;padding-right:0.5em;display:inline-block;text-align:center;border-left:0; }
.account_seg_7  { width:auto !important;padding:0.1em;background-color:rgba(255,140,0,0.2);border:1px solid rgba(255,255,255,0.3);padding-left:0.5em;padding-right:0.5em;display:inline-block;text-align:center;border-left:0; }
.account_seg_8  { width:auto !important;padding:0.1em;background-color:rgba(255,140,0,0.2);border:1px solid rgba(255,255,255,0.3);padding-left:0.5em;padding-right:0.5em;display:inline-block;text-align:center;border-left:0; }
.account_seg_9  { width:auto !important;padding:0.1em;background-color:rgba(255,140,0,0.2);border:1px solid rgba(255,255,255,0.3);padding-left:0.5em;padding-right:0.5em;display:inline-block;text-align:center;border-left:0; }
.account_seg_10 { width:auto !important;padding:0.1em;background-color:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);padding-left:0.5em;padding-right:0.5em;display:inline-block;text-align:center;border-left:0; }
.account_seg_11 { width:auto !important;padding:0.1em;background-color:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);padding-left:0.5em;padding-right:0.5em;display:inline-block;text-align:center;border-left:0; }
.account_seg_x  { width:auto !important;padding:0.1em;background-color:transparent;border:1px solid transparent;padding-left:0.5em;padding-right:0.5em;display:inline-block;text-align:center;border-left:0; }

.dvselect {
   cursor:pointer;
}

.dvselect:hover { background-color:#eeeeff; }

.journal td {
   vertical-align:top;
}

.darker {
   background: linear-gradient(to left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 10%,rgba(0,0,0,0) 100%);
}

.cellclick {
   cursor:pointer;
}

.cellclick:hover {
   background-color:#ffffdd;
}

tr.trcoa:first-child td {
   border-top:0;
}

tr.trpnl:first-child td {
   border-top:0;
}

tr.trpnl:hover td {
}

tr.trpnl:nth-child(odd) { background-color:#fff; }
tr.trpnl:nth-child(even) { background-color:#eee; }

.xxlist tr.pnl_subhead td {
   font-weight:bold;
}

.xxlist tr.pnl_subfoot td {
   background-color:#eee;
   font-weight:bold;
   /* border-bottom:1px solid #888; */
}

.img_print {
   height:48px;
   width:48px;
   border:0px solid #ddd;
}

.invisible .td_img_print {
   text-align: center;
   cursor:pointer;
}

.td_img_print:hover {
   background-color: rgba(0,0,0,0.7);
}

.dvprint {
   -webkit-transform: translateZ(0px);
   margin-top:8px;
   display:none;
   border-radius:0.5em;
   border:1px solid #bbb;
   padding:0.5em;
   position:absolute;
   background-color:rgba(0,0,0,0.7);
}


.coa_letter {
}

.coa_letter:nth-letter(1) {
   font-weight:bold;
   color:blue;
}

.xxlist tr.trtbhead > td {
   border-top:1px solid black;
}

.report_template_item {
   padding:0.3em;
   border-top:1px solid #ddd;
}

.report_template_item:first-child {
   border-top:0;
}

.dvimportjournal:hover {
   background-color:#ddffff;
}

table.jf { }
table.jf td { padding:0.3em;padding-left:1em;padding-right:1em; }
table.jf > tbody > tr > td:nth-child(1) { width:180px;text-align:center; }

.dvpanel { background-color:#ddf;border-radius:0.3em;cursor:pointer;padding:0.5em;border:1px solid #bbb;margin-top:0.5em; }
.dvpanel:first-child { margin-top:0em; }
.dvpanel:hover { background-color:#ccf;text-decoration:underline; }

.xfullscreen {position:fixed;top:0;left:0;bottom:0;right:0;}
.xfullscreen_bg0 {position:absolute;top:0;bottom:0;left:0;right:0;background-color:#000;opacity:1;z-index:10000;}
.xfullscreen_bg1 {position:absolute;top:0;bottom:0;left:0;right:0;z-index:10001;opacity:1;color:#fff;}
.xfullscreen_frame  {position:absolute;top:20px;bottom:70px;left:50%;width:800px;margin:auto;margin-left:-400px;border:0px solid #fff;padding:0px;opacity:1;}
.xfullscreen_iframe {border:1px solid #bbb;-moz-border-radius:7px;border-radius:7px;padding:5px;width:100%;height:100%;}
.xfullscreen_dvbtn  {position:absolute;height:30px;bottom:15px;left:50%;width:800px;margin:auto;margin-left:-400px;border:0px solid #fff;padding:0px;opacity:1;text-align:center;}
.xfullscreen_pn {overflow:hidden;color:#000;float:right;position:relative;top:10px;right:20px;padding:4px;background-position:center center;cursor:pointer;}
.xfullscreen_pn:hover{padding:3px;border:1px solid white;-moz-border-radius:3px;border-radius:3px;color:#fff;}


.selectizeit, .selectizeitadd {
   width:250px;
}

label.cabinet
{
    /* background: url(../../../images/btn-choose-file.gif) 0 0 no-repeat; */

    overflow: hidden;
    cursor: pointer;
    font-size:0.9em;
    padding:0;
    margin:0;
}

label.cabinet input.file_hidden
{
   position:fixed;
   height: 100%;
   width: auto;
   opacity: 0;
}

div.sch { }
table.sch_calendar { width:auto;border-spacing:0; }
div.sch_com:hover table.sch_calendar > tbody > tr > td { background-color:#ffeecc; }
table.sch_calendar > tbody > tr > td { background-color:#ffffff;border-top:0;border-right:1px solid #bbb;border-bottom:1px solid #bbb;padding:2px;text-align:center;font-size:0.8em;color:#777;line-height:1.5em; }
table.sch_calendar > tbody > tr > td:first-child { border-left: 0px solid #bbb; }
table.sch_calendar > tbody > tr > td:last-child { border-right: 0px solid #bbb; }
table.sch_calendar > tbody > tr > td.cweek { background-color:#777777;border-color:#777777;color:#ffffff;}
table.sch_calendar > tbody > tr > td.sch_slot { cursor:pointer; }
table.sch_calendar > tbody > tr > td.sch_slot_sunday { cursor:pointer;background-color:#eee !important; }
table.sch_calendar > tbody > tr > td.sch_slot:hover { background-color:#bbffbb !important; }
table.sch_calendar > tbody > tr > td.sch_slot_sunday:hover { background-color:#bbffbb !important; }
table.sch_calendar > tbody > tr > td.sch_slot_scheduled { cursor:pointer;background-color:#bbddff !important; }
table.sch_calendar > tbody > tr > td.sch_slot_scheduled_sunday { cursor:pointer;background-color:#bbddff !important; }



td.selectqueue,td.selectqueue_scheduled { cursor:pointer; }
td.selectqueue:hover { background-color:#dfeeff;}

td.selectqueue_scheduled { cursor:pointer; background-color:#bbddff; }


::-webkit-input-placeholder {
   color: rgba(255,255,255,0.7);
   font-size:0.8em;
   font-style:italic;
   line-height:1.7em;
}

:-moz-placeholder { /* Firefox 18- */
   color: rgba(255,255,255,0.7);
   font-size:0.8em;
   font-style:italic;
   line-height:2.3em;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(255,255,255,0.7);
   font-size:0.8em;
   font-style:italic;
   line-height:2.3em;
}

:-ms-input-placeholder {  
   color: rgba(255,255,255,0.7);
   font-size:0.8em;
   font-style:italic;
   line-height:1.7em;
}

.blogimage {
   cursor:pointer;
}

img.blog_inline_icon {
   max-height:20px!important;
   height:20px!important;
   display:inline-block;
   vertical-align: bottom;
}

.SI-FILES-STYLIZED label.cabinet {
    overflow: hidden;
    cursor: pointer;
    font-size:0.9em;
    padding:0;
    margin:0;
}

.SI-FILES-STYLIZED label.cabinet input.file {
    position: absolute;
    height: 100%;
    width: auto;
    opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.clickable {
   
}

.clickable:hover {
   opacity:0.6;
}

.acc_year_banner {
   color: #606060;
   border: solid 0.1em #b7b7b7;
   background: #ededed;
   background: -webkit-gradient(linear, left top, right bottom, from(#000), to(#eee));
   background: -moz-linear-gradient(right,  #888,  #eee);
   background: linear-gradient(to right,  #888,  #eee);
   margin-bottom:0;
   border-radius:0.3em;
   padding:0.5em;
   padding-left:0.5em;
   padding-right:0.5em;
}

.acc_period_banner {
   color: #606060;
   border: solid 0.1em #b7b7b7;
   background: #ededed;
   background: linear-gradient(to right, rgba(100,140,220,1) 0%,rgba(136,191,232,0.3) 100%); /* W3C */
   margin-bottom:0;
   border-radius:0.3em;
   padding:0.5em;
   padding-left:0.5em;
   padding-right:0.5em;
}

.acc_journal_banner {
   color: #606060;
   border: solid 0.1em #b7b7b7;
   background: #ededed;
   background: linear-gradient(to right, rgba(20,120,5,0.6) 0%,rgba(41,154,11,0.2) 100%); /* W3C */
   margin-bottom:0;
   border-radius:0.3em;
   padding:0.5em;
   padding-left:0.5em;
   padding-right:0.5em;
}


/*
   ////////////////////////////////////////////////////////////////////////
   ////////////////////////////////////////////////////////////////////////
   BANNER PATIENT
   ////////////////////////////////////////////////////////////////////////
   ////////////////////////////////////////////////////////////////////////
*/

.patient_banner_fixed {
   color: #606060;
   border: 1px solid #bbb;
   background: #dddddd;
   border-radius:0em;
   padding:0.2em;
   padding-left:0.5em;
   padding-right:0.5em;
   margin-top:0.2em;
}

.patient_banner, .xbanner {
   color: #606060;
   border-collapse: separate !important;
   border: 1px solid #bbb;
   border-radius:0.3em;
   padding:0.2em;
   padding-left:0.5em;
   padding-right:0.5em;
   margin-top:0.2em;
}

.patient_banner td {
   padding:0.5em;
}

.patient_banner_anchor {
   color: #606060;
   border: 0.1em solid #b7b7b7;
   background: #ededed;
   border-radius:0.3em;padding:0.2em;padding-left:0.5em;padding-right:0.5em;
   background: -webkit-gradient(linear, left top, left bottom, from(#f9f9ff), to(#dceeff));
   background: -moz-linear-gradient(top,  #f9f9ff,  #dceeff);
}

.mdclogic {
    /* border:1px solid #ccc; */
    border:0;
}


.mdclogic > tbody > tr > td, .mdclogic > th, .mdclogic > thead > tr > td {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 0.3em;
    text-align: center;
    font-size:0.9em;
}

.mdclogic > tbody > tr > td:first-of-type, .mdclogic > thead > tr > td:first-of-type {
   border-left: 0;
}

.mdclogic > thead > tr > th, .mdclogic > thead > tr > td {
    text-align:center;
    border-top:none;
    border-left:1px solid #ddd;
    font-weight:normal;
    font-style:italic;
    color:#888;
}

.data_result {
    border:1px solid #ccc;
}
    
.data_result > tbody > tr > td, .data_result > th, .data_result > thead > tr > td {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 0.3em;
    text-align: center;
}

.data_result > thead > tr > th, .data_result > thead > tr > td {
    text-align:center;
    border-top:none;
    border-left:1px solid #ddd;
    font-weight:bold;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.addseqdropdown {
   position:absolute !important;
   z-index:999;
}

progress {
  /* style rules */
  height:20px;
}

progress::-webkit-progress-bar {
  /* style rules */
  height:20px;
}
progress::-webkit-progress-value {
  /* style rules */
  height:20px;
}
progress::-moz-progress-bar {
  /* style rules */
}

tr.trmdclogic:hover {
   background-color:#eeffee;
}

div.accor {
   padding:0.5em;
   border:1px solid #ddd;
   cursor:pointer;
   background-color:#fefeee;
   border-bottom:0;
}

div.accor:last-of-type {
   border-bottom:1px solid #ddd;
}

div.accor:hover {
   background-color:#feeede;
}

.hfrm td {
   background-color:#eeeeee;
}

.dohide {
   display: none;
}

.notvalidcode {
   opacity:0.4;
}

.dvicd10container {
   
}

.dvicd10container .diagitem {
   padding-left:1.8em;
}

.dvicd10container .diagitem:first-child {
   padding-left:0.5em;
}

span.grip {
  content: '....';
  width: 10px;
  height: 20px;
  display: inline-block;
  overflow: hidden;
  line-height: 5px;
  padding: 3px 4px;
  cursor: move;
  vertical-align: middle;
  margin-top: -.7em;
  margin-right: .3em;
  font-size: 12px;
  font-family: sans-serif;
  letter-spacing: 2px;
  color: #cccccc;
  text-shadow: 1px 0 1px black;
}
span.grip::after {
  content: '.. .. .. ..';
}

.ghost {
    opacity: .4;
}


.qac {
   margin-right:0.7em;
   margin-left:0.7em;
   vertical-align: middle;
   line-height:40px;
   cursor:pointer;
}

.subtitle {
   line-height:40px;
   /*font-family: 'Oswald';*/
   font-size: 1.2em;
   font-weight: 500 !important;
   color:rgba(255,255,255,0.7);
   -moz-osx-font-smoothing: grayscale;  
   text-transform: uppercase;
   vertical-align: middle;
   margin-left:0.2em;
}


.dv_menu_icon {
   padding:0em;
   display:inline;
   height:43px;
   width:40px;
}

td.quick-actions span, td.quick-actions img {
   vertical-align:middle;
   display:inline;
}

.badge {
   font-family: Arial;
    display: inline-block;
    min-width: 10px;
    padding: 3px;
    padding-left:10px;
    padding-right:10px;
    font-size: 0.9em;
    font-weight: 700;
    line-height: 30px;
    color: rgba(255,255,255,0.7);
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius:10px;
    cursor:pointer;
}

.badge.badge-transparent-black {
    background-color: rgba(0, 0, 0, 0.15);
}





/* viewerSection, sideBar */

.viewerSection {
   display:flex;
   flex:1;
   flex-flow:row nowrap;
   align-items:stretch;
   /*height:calc(100% - 97px);*/
   height:calc(100% - 45px);
   width:100%;
   /*height:100%;*/
}

.viewerSection .sidebarMenu {
   height:100%;
   transform:scale(1);
   transition:all 0.3s ease;
}

.viewerSection .sidebar-left {
   flex:1;
   margin-left:-210px;
   max-width:250px;
   width:250px;
   order:1;
   overflow:hidden;
   background-color:rgba(0,0,0,0.02);
}

.viewerSection .mainContent {
   flex:1;
   height:100%;
   order:2;
   overflow:auto;
   transition:all 0.2s ease;
   width:100%;
}

.td-logo {
   vertical-align:middle;
   padding:0px;
   padding-top:2px!important;
   padding-left:10px!important;
   padding-right:10px!important;
   transition:all 0.3s ease;
}

.td-logo.sidebar-left-open {
   padding-left:225px!important;
}



.viewerSection .sidebar-left {
   /*border-right:1px solid white;*/
}

.viewerSection .sidebar-left.sidebar-open {
   margin-left:0
}

.viewerSection .sidebar-right.sidebar-open {
   margin-right:0
}

.navigation {
   font-family: sans-serif;
   font-size:0.8em;
   text-transform: uppercase;
   padding:1em;
   cursor:pointer;
   color:rgba(0,0,0,0.5);
   /* background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.navigation:hover {
   color:rgba(0,0,0,1);
   background-color:rgba(0,0,0,0.01);
}

.collapsed-st {
   float:right;
   color:rgba(0,0,0,0.8);
}

.navigation-display-none {
   display:none;
}

.menu-container {
}

.menu-container ul {
   list-style: none;
}

ul.c-menu {
}

.menu-container ul li {
   display:block;
}

.menu-container .fa {
   font-size:12px;
}

.menu-container ul li div {
   display:block;
   padding-left:1em;
}


.menu-container ul li a {
   margin-left:0.5em;
   font-size:12px;
   font-weight: 700;
   text-transform: uppercase;
   text-decoration: none;
   color: rgba(255,255,255,0.9);
   text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
   font-family: Arial;
   line-height: 30px;
   height:30px;
}

.menu-container ul > li > div {
   padding-left:1em;
}

.menu-container ul > li > ul > li > div {
   padding-left:2.5em;
}

.menu-container ul li div:hover {
   background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


.topnav {
  overflow: hidden;
  background-color: rgba(0,0,0,0.9);
  position:sticky;
  top:0;
  z-index:1000;
}

.topnav-logo {
   /*display:none;*/
}

.topnav-logo-reset-pass {
   
}


.topnav a {
  float: left;
  display: block;
  color: #cccccc;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  transition: color 0.3s;
}

.topnav a:hover {
  color: white;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}

.div-wrapper {
   padding:1em;
   width:80%;
   margin:auto;
}

.home-text {
   font-size:1.3em;
   line-height:30px;
}


.home-marquee {
  height: auto;
  /*background-image: url(../../../images/max-2020-bg-home-marquee-desktop.jpg);*/
  background-color:#ffffff;
  background-image: url(../../../assets/3d_extrude_background.jpg);
  color:white;
  opacity:1;
  padding-bottom:6em;
  /*background-size:cover;*/
  background-size:2000px;
  /*background-size:auto 2200px;*/
  background-position: 50% 0%;
  /*background-position: center center;*/
  /*background-position: left top;*/
}

.home-marquee-dashboard {
  height: auto;
  /*background-image: url(../../../images/max-2020-bg-home-marquee-desktop.jpg);*/
  background-color:#ffffff;
  background-image: url(../../../assets/3d_extrude_background.jpg);
  color:white;
  opacity:1;
  padding-bottom:6em;
  background-size:5000px;
  /*background-size:auto 2200px;*/
  background-position: 50% 0%;
  /*background-position: center center;*/
  /*background-position: left top;*/
}

.home-marquee-reset-pass {
  height: 100%;
  /*background-image: url(../../../images/max-2020-bg-home-marquee-desktop.jpg);*/
  background-color:#ffffff;
  background-image: url(../../../assets/3d_extrude_background.jpg);
  color:white;
  opacity:1;
  background-size:cover;
  /*background-size:auto 2200px;*/
  background-position: 50% 0%;
  /*background-position: center center;*/
  /*background-position: left top;*/
}

.ve_panel_container {
   display:flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding:0em;
   justify-content: space-around;
}

.ve_panel_item {
   padding:1em;
   background-color: rgba(0,0,0,0.8);
   min-width:100px;
   flex-basis:40%;
   flex-grow:1;
   min-width:300px;
   margin:0.5em;
}

.ve_channel_container {
   display:flex;
   flex-direction: row;
   flex-wrap: nowrap;
   padding:0em;
   justify-content: center;
   flex-grow: 2;
}

.ve_channel_container.nav {
   flex-grow: 1;
   justify-content: space-between;
}

.ve_channel_item_header {
   padding:0.1em;
   /*background-color: rgba(250,250,250,0.2);*/
   /*background: linear-gradient(135deg, #e550ac 0%, #98427a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */*/
   /*min-width:100px;*/
   /*flex-basis:40%;*/
   flex-grow:0;
   min-width:50px;
   /*height:18vh;*/
   margin:0.3em;
   /*cursor:pointer;*/
   /*max-width:20vw;*/
   /*width:330px;*/
   text-align:center;
   vertical-align: middle;
   font-weight:300;
   font-size:1.3em;
   /*border-radius:0.3em;*/
   /*border:1px solid rgba(50,0,20,0.3);*/
   display:flex;
   flex-direction: row;
   justify-content: space-between;
   color:#ffffff;
   /*box-shadow:2px 2px 2px rgba(0,0,0,0.1);*/
}

.ve_channel_item {
   /*padding:1em;*/
   /*background-color: rgba(200,200,200,0.2);*/
   /*background: linear-gradient(135deg, #e550ac 0%, #98427a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */*/
   /*min-width:100px;*/
   /*flex-basis:40%;*/
   flex-grow:1;
   min-width:50px;
   /*height:18vh;*/
   margin:0.3em;
   /*cursor:pointer;*/
   /*max-width:20vw;*/
   width:30%;
   /*height:50%;*/
   text-align:center;
   vertical-align: middle;
   font-weight:300;
   font-size:1.3em;
   /*border-radius:0.3em;*/
   /*border:1px solid rgba(50,0,20,0.3);*/
   display:flex;
   flex-direction: column;
   justify-content: center;
   color:#ffffff;
   /*box-shadow:3px 3px 4px rgba(0,0,0,0.2);*/
}
.ve_channel_item_content:hover {
   background-color: rgba(0,0,0,0.3);
}

.ve_channel_item div {
   height:auto;
   line-height: auto;
   /*line-height: 30px;*/
}

.ve_channel_item_xhdr {
   flex-grow:0;
   padding:0.3em;
   /*background-color:rgba(0,0,0,0.1);*/
   /*line-height: 9em;*/
}

.ve_channel_item_content_disabled {
   background-color: rgba(200,200,200,0.1);
   border:1px solid rgba(190,190,190,0.2);
   display:flex;
   vertical-align: middle;
   flex-direction: column;
   justify-content: center;
   flex-grow:1;
   border-radius:0.5em;
   opacity:0.5;
}



.ve_channel_item_content {
   background-color: rgba(200,200,200,0.2);
   box-shadow:3px 3px 5px rgba(0,0,0,0.3);
   /*border:1px solid rgba(190,190,190,0.2);*/
   display:flex;
   vertical-align: middle;
   flex-direction: column;
   justify-content: center;
   flex-grow:1;
   border-radius:0.5em;
   cursor:pointer;
   padding:0.5em;
   /*min-height:8em;*/
   /*line-height: 9em;*/
}

.ve_channel_item_countdown {
   font-size:0.8em;
   color:rgba(255,255,255,0.7);
}


.ve_channel_session_container {
   display:flex;
   flex-direction: row;
   flex-wrap: nowrap;
   padding:0em;
   justify-content: center;
}

.ve_channel_session_item {
   padding:0.5em;
   /*background: linear-gradient(135deg, #e550ac 0%, #98427a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */*/
   /*min-width:100px;*/
   /*flex-basis:40%;*/
   flex-grow:0;
   margin:0.3em;
   text-align:center;
   vertical-align: middle;
   font-weight:300;
   /*width:720px;*/
   display:flex;
   flex-direction: column;
   justify-content: center;
   color:#ffffff;
}

.ve_channel_previous,
.ve_channel_select_previous,
.ve_exhibition_previous {
   position:absolute;
   top:50%;
   margin-top:-150px;
   left:50%;
   margin-left:-700px;
   opacity:0.3;
   padding:2em;
   cursor:pointer;
   transition: all .25s ease-in-out;
}


.ve_channel_next, 
.ve_channel_select_next,
.ve_exhibition_next {
   position:absolute;
   top:50%;
   margin-top:-150px;
   left:50%;
   margin-left:570px;
   opacity:0.3;
   padding:2em;
   cursor:pointer;
   transition: all .25s ease-in-out;
}

.ve_channel_previous img, 
.ve_channel_next img, 
.ve_channel_select_previous img, 
.ve_channel_select_next img,
.ve_exhibition_previous img {
   height:200px;
}

.ve_channel_previous:hover, 
.ve_channel_next:hover, 
.ve_channel_select_previous:hover, 
.ve_channel_select_next:hover {
   opacity:0.6;
}

.ve_exhibition_previous:hover {
   opacity:0.8;
}

.ve_channel_select_previous {
   margin-left:-640px;
   margin-top:-200px;
}

.ve_channel_select_next {
   margin-left:510px;
   margin-top:-200px;
}

.ve_exhibition_previous {
   opacity:0.6;
   margin-left:-680px;
   margin-top:-200px;
}

.ve_channel_nav {
   color:white;
}

.ve_channel_item .ve_activity_name_container {
   display:flex;
   font-weight:500;
   /*height:100px;*/
   /*border:1px solid white;*/
   justify-content: center;
   align-items: center;
}


@media only screen and (max-height: 999px) {
    .home-marquee {
        min-height: 700px;
    }
    .home-marquee-reset-pass {
        /*min-height: 700px;*/
    }
}


input[type=button].btn-marquee {
   padding: 0.7em 4em 0.7em 4em;
}

input[type=button].btn-marquee.btn-sign-in-active {
   display:none;
}

input[type=button].btn-marquee.btn-individual-active {
   display:none;
}

#dv_sign_in.btn-individual-active {
   display:none;
}

#forgot_pass_link.btn-individual-active {
   display:none;
}

#forgot_pass_link.btn-sign-in-active {
   display:none;
}

#dv_sign_up.btn-sign-in-active {
   display:none;
}

.sp_sign_in_email_info, .sp_sign_in_password_info {
   opacity:0;
   transition:opacity 0.5s ease, height 0s ease;
}

.sp_sign_in_email_info.show, .sp_sign_in_password_info.show {
   opacity:1;
}

.xxagenda {
    /*border:1px solid #ccc;*/
}

    
.xxagenda > tbody > tr > td, .xxlist > th, .xxlist > thead > tr > td {
    border-left: 0;
    border-top: 1px solid rgba(190,190,190,0.5);
    padding: 0.6em;
    text-align: left;    
}

.xxagenda > thead > tr > th, .xxagenda > thead > tr > td {
    border-top:none;
    border-left:none;
    font-weight:bold;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.xxagenda > tbody > tr.xxagendahdr > td {
   border:0;
   font-style:italic;
}

.event-type {
   font-style:italic;
   color:rgba(0,0,0,0.6);
}

.event-title {
   margin-top:1em;
   margin-bottom:1em;
   font-weight:bold;
}

.event-presenter {
   
}

.xxagenda-dv-tab {
   width:600px;
   margin:auto;
}

.xxagenda tr:hover td {
   /*border-top:1px solid blue;*/
}

.b-agenda > tbody > tr > td {
    border-left: 0;
    border-top: 1px solid rgba(190,190,190,0.5);
    /*padding: 0.3em;*/
    /*padding-left:0.3em;*/
    /*padding-right:0.5em;*/
}

.b-agenda tr:hover td {
   /*border-top:1px solid rgba(200,180,0,1);*/
   /*background-color:rgba(255,200,0,0.2);*/
}

.b-agenda > tbody > tr.b-agenda-hdr > td {
   padding:1em;
   /*background-color: rgba(0,0,0,0.05);*/
   font-style:italic;
}

.b-agenda-col-0 { background-color:rgba(0,0,0,0); text-align:center; padding-left:1em; padding-right: 1em; }
.b-agenda-col-1 { background-color:rgba(255,230,200,0); text-align:center; padding-left:1em; padding-right: 1em; }
.b-agenda-col-2 { background-color:rgba(0,255,0,0); text-align:center; padding-left:1em; padding-right: 1em; }
.b-agenda-col-3 { background-color:rgba(255,155,0,0); text-align:center; padding-left:1em; padding-right: 1em; }
.b-agenda-col-break { background-color:rgba(100,100,100,0.1); }

.b-agenda-col-1-tm { background-color:rgba(0,0,0,0.05); text-align:center; }
.b-agenda-col-2-tm { background-color:rgba(0,0,0,0.05); text-align:center; }
.b-agenda-col-3-tm { background-color:rgba(0,0,0,0.05); text-align:center; }

.b-event-type {
   /*color:rgba(0,0,0,0.6);*/
   margin-top:0.5em;
   margin-bottom:0.5em;
   font-weight:bold;
   font-style:italic;
}

.b-event-title {
   margin-top:0.5em;
   margin-bottom:0.5em;
}

.b-event-presenter {
   
}

.b-event-role {
   font-size:0.9em;
   padding:0.5em;
}

.b-event-institution {
   padding:0.5em;
   font-style:italic;
   color:rgba(0,0,0,0.5);
   font-weight:bold;
}

.b-event-sponsor {
   padding:0.5em;
   /*font-style:italic;*/
   /*color:rgba(0,0,0,0.5);*/
   font-weight:bold;
}

.b-event-person-nm {
   font-weight:bold;
}

.xxagenda-col-0 { background-color:rgba(0,0,0,0); text-align:center; }
.xxagenda-col-1 { background-color:rgba(0,0,0,0.1); }
.xxagenda-col-2 { background-color:rgba(0,0,0,0.06); }
.xxagenda-col-3 { background-color:rgba(0,0,0,0.1); }
.xxagenda-col-break { background-color:rgba(100,100,100,0.1); }

.xxagenda-header {
   font-size:1.5em;
}

.xxagenda-header-sub {
}

.xxagenda-li-div {
   width:140px;
}

.w70 {
   width:70%;
}

.w80 {
   width:80%;
}

.registration_form_individual {
   /*width:530px;*/
   padding:1em;
   background-color:rgba(200,200,200,0.2);
   border-radius:0.5em;
   opacity:0;
   height:0;
   overflow:hidden;
   transition:opacity 0.5s ease, height 0s ease;
   position:absolute;
   /*top:-10000px;*/
}

.form_on_red {
   /*width:530px;*/
   padding:1em;
   background-color:rgba(200,200,200,0.2);
   border-radius:0.5em;
   overflow:hidden;
   transition:opacity 0.5s ease, height 0s ease;
   /*top:-10000px;*/
}

.change_password_form {
   /*width:400px;*/
}

.abstract_form_individual {
   /*width:530px;*/
   padding:1em;
   background-color:rgba(200,200,200,0.2);
   border-radius:0.5em;
   opacity:0;
   height:0;
   overflow:hidden;
   transition:opacity 0.5s ease, height 0s ease;
   position:absolute;
   /*top:-10000px;*/
}


.registration_form_individual.active {
   position:relative;
   height:auto;
   /*top:0px;*/
   opacity:1;
}

.abstract_form_individual.active {
   position:relative;
   height:auto;
   /*top:0px;*/
   opacity:1;
}


.sign_in_form {
   /*width:530px;*/
   padding:1em;
   background-color:rgba(200,200,200,0.1);
   border-radius:0.5em;
   opacity:0;
   height:0;
   overflow:hidden;
   position:absolute;
   /*top:-10000px;*/
   /*text-align:right;*/
   transition:opacity 0.5s ease, height 0s ease;
}

.sign_in_form.active {
   position:relative;
   /*top:0px;*/
   height:auto;
   opacity:1;
}

.forgot_pass_form {
   /*width:530px;*/
   padding:1em;
   background-color:rgba(200,200,200,0.1);
   border-radius:0.5em;
   opacity:0;
   height:0;
   overflow:hidden;
   position:absolute;
   /*top:-10000px;*/
   /*text-align:right;*/
   transition:opacity 0.5s ease, height 0s ease;
}

.forgot_pass_form.active {
   position:relative;
   /*top:0px;*/
   height:auto;
   opacity:1;
}

.register_container {
   display:flex;
   /*justify-content: center;*/
   justify-content: space-between;
   /*padding:2em;*/
   /*margin:auto;*/
   flex-wrap: wrap;
   padding-left:0;
   margin-bottom:1em;
}

.register_container > div {
   margin-left:0em;
   margin-right:0em;
}

.header_container {
   display:flex;
   flex-wrap: wrap;
   align-items: bottom;
   /*border:1px solid black;*/
}

.header_container div {
   /*border:1px solid black;*/
}

.isicam2020-logo {
   height:70px;
}

.dv_img_partners_container {
   display:flex;
   justify-content: center;
   /*justify-content: space-between;*/
   padding:1em;
   margin:auto;
   width:80%;
   flex-wrap: wrap;
}

.dv_img_partners {
   padding:3em;
   /*border:1px solid black;*/
   flex-shrink: 1;
   line-height: 130px;
}

.dv_img_partners_2 {
   padding:3em;
   /*border:1px solid black;*/
   flex-shrink: 1;
   line-height: 120px;
}

.dv_img_partners img, .dv_img_partners_2 img {
   border:0px solid #bbb;
   vertical-align: middle;
}


.sub-header {
   display:flex;
   justify-content: center;
   width:85%;
   margin:auto;
}

.sub-header-line {
   border-bottom:1px solid #00bbff;
   align-self: stretch;
   flex-grow:1;
   height:75px;
}

.sub-header-line::before {
   content: " ";
   white-space: pre;
}

.sub-header-text {
   text-align:center;
   padding-left:0.5em;
   padding-right:0.5em;
   font-size:3em;
   font-weight:300;
   margin-top:1em;
}

.icon_menu_dot {
   fill:#ffffff;
   fill-opacity:0.8;
}

#dock-container {
   position: fixed;
   bottom: 0;
   text-align: center;
   left:50%;
   transform:translateX(-50%);
   width:auto;
   z-index:100;
   transition: all .25s ease-in-out;
}


#dock-container.dock-collapsed {
   left:0px;
   transform:translateX(0%);
}

#dock-container li.li-handler img {
   transition: all .25s ease-in-out;
   opacity:0.8;
   background-color:rgba(0,0,0,0.5);
   /*padding:0.5em;*/
   border-radius:0.5em;
   /*transform: translate(-10px,-8px);*/
   /*margin-top:0.5em;*/
}

#dock-container.dock-collapsed .li-handler img {
}

#dock-container.dock-collapsed .li-menu {
   display:none;
}

#dock-container.dock-collapsed li.li-handler img {
   /*margin-right:1em;*/
}

#dock {
   background: rgba(0,0,0,0.3);
   border-radius: 5px 5px 0 0;
   display:inline-block;
   width:500px;
   min-height:50px;
   transition: all .25s ease-in-out;
}

#dock:hover {
   width:650px;
}


#dock-container.dock-collapsed #dock {
   width:50px;
}



#dock-container li {
   list-style-type: none;
   display: inline-block;
   position: relative;
   padding-top:0.5em;
   padding-left:0.1em;
   padding-right:0.1em;
   cursor:pointer;
}

#dock-container li img,
#dock-container li.li-handler img,
#dock-container.dock-collapsed li.li-handler img {
   width: 50px;
   height: 50px;
   -webkit-box-reflect: below 2px
   -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(rgba(255,255,255,.5)));
   -webkit-transition: all 0.3s;
   -webkit-transform-origin: 50% 100%;
   /*opacity:0.9;*/
}

#dock-container li.li-handler img {
}


#dock-container li:hover img { 
   transform: scale(1.8);
   -webkit-transform: scale(1.);
   margin: 0 2em;
}


#dock-container li:hover + li img,
#dock-container li.prev img {
   transform: scale(1.4);
   -webkit-transform: scale(1.4);
   margin: 0 1.5em;
}


#dock-container li.li-handler:hover img { 
   opacity:1;
}

#dock-container.dock-collapsed li.li-handler:hover img { 
   /*transform: scale(1.8);*/
   /*-webkit-transform: scale(1.8);*/
   /*opacity:1;*/
}

#dock-container li.li-handler:hover + li img {
   /*transform: scale(1.4);*/
   /*-webkit-transform: scale(1.4);*/
   /*margin: 0.5em 1.5em;*/
}

#dock-container li span {
   display: none;
   position: absolute;
   bottom: 140px;
   left: 0;
   width: 100%;
   min-width:100px;
   background-color: rgba(0,0,0,0.5);
   padding: 4px 0;
   border-radius: 0.8em;
}

#dock-container li:hover span {
   display: block;
   color: #fff;
}

.menu_icon {
   margin-bottom:5px;
   cursor:pointer;
}


body.lobby {
   /*background : '#f3f3f3 url(assets/lobby_isicam.png) no-repeat center center';*/
   
   background-color:#111111;
   /*background-image: url('../../../assets/lobby_isicam.jpg');*/
   /*background-image: url('../../../assets/lobby_isicam_spanduk.jpg');*/
   background-repeat: no-repeat;
    /*center center;*/
   background-size: 1600px;
   background-position: center;
   /*height:100%;*/
   
}

body.channel-select {
   /*background : '#f3f3f3 url(assets/lobby_isicam.png) no-repeat center center';*/
   margin:0;
   padding:0;
   border:0;
   background: linear-gradient(135deg, #970005 0%,#5f0222 44%,#1e0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

   /*background-image: url('../../../assets/channel_selection.png');*/
   /*background-image: url('../../../assets/cinema_isicam_original.png');*/
   /*background-image: url('../../../assets/theater_clean.jpg');*/
   background-repeat: no-repeat;
    /*center center;*/
   background-size: cover;
   background-attachment: fixed;
   background-position: center bottom;
   /*height:100%;*/
   
}

body.channel-session {
   /*background : '#f3f3f3 url(assets/lobby_isicam.png) no-repeat center center';*/
   margin:0;
   padding:0;
   border:0;
   /*background: linear-gradient(135deg, #870005 0%, #670005 10%,#3f0202 44%,#2a0000 80%, #1a0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   background: linear-gradient(90deg,  #670005 0%,#3f0202 10%,#2a0000 15%, #1a0000 20%, #3f0202 30%,#2a0000 35%, #1a0000 40%, #3f0202 50%,#2a0000 60%, #1a0000 70%,  #3f0202 80%,#2a0000 90%, #0a0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

   
}

body.exhibition_hall {
   /*background : '#f3f3f3 url(assets/lobby_isicam.png) no-repeat center center';*/
   
   background-color:#111111;
   background-image: url('../../../assets/exhibition_hall_background.jpg?s10=1');
   background-repeat: no-repeat;
    /*center center;*/
   background-size: 120% auto;
   background-position: center;
   /*height:100%;*/
   
}

body.exhibition_booth {
   /*background : '#f3f3f3 url(assets/lobby_isicam.png) no-repeat center center';*/
   
   background-color:#111111;
   background-image: url('../../../assets/booth_background.jpg?s10=1');
   background-repeat: no-repeat;
    /*center center;*/
   background-size: 140% auto;
   /*background-size: cover;*/
   background-position: center;
   /*height:100%;*/
   
}

#group-play-button-1-x {
   cursor:pointer;
}

#group-play-button-1-x .shapes {
   opacity: 0.7;
   stroke:rgba(0,0,255,0.7);
}

#group-play-button-1-x:hover .shapes {
   opacity: 1;
}

div.img_lobby {
   position:absolute;
   top:0;
   width:100vw;
   height:100vh;
   text-align:center;
   padding:0;
   overflow: hidden;
   margin:0;
}

div.img_lobby svg {
   position:relative;
   width:150vw;
   height:100vh;
   left:-25vw;
   margin:auto;
}


div.img_exhibition_hall_booths {
   position:absolute;
   top:0;
   width:100vw;
   height:auto;
   text-align:center;
   /*display: flex;*/
   /*align-items: center;*/
   /*justify-content: center;*/
   padding:0;
   overflow: hidden;
   margin:0;
   opacity:1;
   /*transition: all .5s ease-in-out;*/
}

div.img_exhibition_hall_booths svg {
   position:relative;
   width:100vw;
   height:100vh;
   left:0vw;
   margin:auto;
   margin-top:10px;
}


div.img_exhibition_hall_booths img.booths {
   height:auto;
   width:100vw;
   border:1px solid blue;
}

#outline-terumo {
   cursor:pointer;
   opacity: 0;
}

#outline-terumo:hover {
   opacity: 1;
}

.company_profile {
   position: absolute;
   top:50px;
   width:39vw;
   height:auto;
   background:rgba(0,0,0,1);
   opacity:0;
   padding:1em;
   transition: all .75s ease;
   border-radius:0.3em;
   font-size:0.9em;
}

.company_profile.left {
   left:10px;
}

.company_profile.right {
   right:10px;
}

.booth_outline {
   fill:#000000;
   fill-opacity:0;
   stroke-width:0;
   cursor:pointer;
}

.booth_focus {
   fill:#000000;
   fill-opacity:1;
   opacity:0;
   stroke-width:0;
   /*transition: all .05s ease-in-out;*/
}


body.booth {
   /*background : '#f3f3f3 url(assets/lobby_isicam.png) no-repeat center center';*/
   
   background-color:#ffffff;
   background-image: url('../../../assets/exhibition_booth_mockup.png');
   background-repeat: no-repeat;
    /*center center;*/
   background-size: 1550px;
   background-position: center;
   /*height:100%;*/
   
}

body.booth_medtronic {
   /*background : '#f3f3f3 url(assets/lobby_isicam.png) no-repeat center center';*/
   
   background-color:#ffffff;
   background-image: url('../../../assets/booth-medtronic.png');
   background-repeat: no-repeat;
    /*center center;*/
   background-size: 1550px;
   background-position: center;
   /*height:100%;*/
   
}
body.submission {
   /*background : '#f3f3f3 url(assets/lobby_isicam.png) no-repeat center center';*/
   
   background-color:#ffffff;
   background-image: url('../../../assets/lobby_isicam_blur.png');
   background-repeat: no-repeat;
    /*center center;*/
   background-size: 1600px;
   background-position: center;
   /*height:100%;*/
   
}

.div_link_ve {
   background-color:rgba(10,40,80,0.3);
   position:absolute;
   cursor:pointer;
   transition: all .25s ease-in-out;
}

.booth_button_container:hover .div_link_ve,
.reception_button_container:hover .div_link_ve,
.session_button_container:hover .div_link_ve,
.exhibition_button_container:hover .div_link_ve {
   background-color:rgba(0,0,0,0);
}

.booth_previous {
   position:absolute;
   top:50%;
   margin-top:-120px;
   left:50%;
   margin-left:-700px;
   opacity:0.3;
   padding:2em;
   cursor:pointer;
   transition: all .25s ease-in-out;
}

.booth_next {
   position:absolute;
   top:50%;
   margin-top:-120px;
   left:50%;
   margin-left:600px;
   opacity:0.3;
   padding:2em;
   cursor:pointer;
   transition: all .25s ease-in-out;
}

.booth_previous img, .booth_next img {
   height:200px;
}

.booth_previous:hover, .booth_next:hover {
   opacity:0.6;
}

.reception_button {
   width:190px;
   height:43px;
   top:50%;
   margin-top:54px;
   left:50%;
   margin-left:-96px;
}

.reception_button_container {
   position:absolute;
   width:312px;
   height:243px;
   top:50%;
   margin-top:-50px;
   left:50%;
   margin-left:-156px;
   cursor:pointer;
   /*background-color:rgba(255,255,255,0.3);*/
}

.div_booth_link_ve {
   background-color:rgba(255,255,0,0);
   position:absolute;
   cursor:pointer;
   transition: all .25s ease-in-out;
   border:1px solid transparent;
}


.booth_button_container:hover .div_booth_link_ve {
   /*background-color:rgba(255,255,0,0.4);*/
   box-shadow: 0 0 20px rgba(255,200,0,1);
   /*border:1px solid rgba(255,0,0,0.4);*/
}


.booth_button {
   width:180px;
   height:53px;
   top:50%;
   margin-top:-60px;
   left:50%;
   margin-left:-78px;
}

.booth_button_container {
   position:absolute;
   width:180px;
   height:120px;
   top:50%;
   margin-top:-65px;
   left:50%;
   margin-left:-94px;
   cursor:pointer;
   /*background-color:rgba(255,0,0,0.5);*/
}
.div_booth_link_ve_ {
   background-color:rgba(255,255,0,0);
   position:absolute;
   cursor:pointer;
   transition: all .25s ease-in-out;
   border:1px solid transparent;
}

.div_booth_link_ve_medtronic {
   background-color:rgba(255,255,0,0);
   position:absolute;
   cursor:pointer;
   transition: all .25s ease-in-out;
   border:1px solid transparent;
}



.booth_button_container:hover .div_booth_link_ve {
   /*background-color:rgba(255,255,0,0.4);*/
   box-shadow: 0 0 20px rgba(255,200,0,1);
   /*border:1px solid rgba(255,0,0,0.4);*/
}

.booth_button_container_medtronic:hover .div_booth_link_ve_medtronic {
   /*background-color:rgba(255,255,0,0.4);*/
   box-shadow: 0 0 20px rgba(255,200,0,1);
   /*border:1px solid rgba(255,0,0,0.4);*/
}


.booth_button_medtronic {
   width:300px;
   height:103px;
   top:50%;
   margin-top:-60px;
   left:50%;
   margin-left:-78px;
}

.booth_button_container_medtronic {
   position:absolute;
   width:320px;
   height:150px;
   top:50%;
   margin-top:50px;
   left:50%;
   margin-left:-564px;
   cursor:pointer;
   /*background-color:rgba(255,0,0,0.5);*/
}



.session_button {
   width:246px;
   height:52px;
   top:50%;
   margin-top:-99px;
   left:50%;
   margin-left:-125px;
}

.session_button_container {
   position:absolute;
   width:290px;
   height:223px;
   top:50%;
   margin-top:-90px;
   left:50%;
   margin-left:-613px;
   cursor:pointer;
   /*background-color:rgba(255,255,255,0.5);*/
}



.exhibition_button {
   width:246px;
   height:52px;
   top:50%;
   margin-top:-100px;
   left:50%;
   margin-left:-130px;
}

.exhibition_button_container {
   position:absolute;
   width:290px;
   height:223px;
   top:50%;
   margin-top:-90px;
   left:50%;
   margin-left:330px;
   cursor:pointer;
   /*background-color:rgba(255,255,255,0.3);*/
}

.sp_pass_info {
   visibility:hidden;
   opacity:0;
   transition: all .25s ease-in-out;
   width:0px !important;
   overflow:hidden;
   color:rgba(255,255,255,0.7);
   font-size:0.9em;
   font-style:italic;
}

.sp_pass_info.show {
   visibility:visible;
   opacity:1;
   width:auto !important;
}

.sp_email_info {
   visibility:hidden;
   opacity:0;
   transition: all .25s ease-in-out;
   width:0px !important;
   overflow:hidden;
   color:rgba(255,255,255,0.7);
   font-size:0.9em;
   font-style:italic;
}

.sp_email_info.show {
   visibility:visible;
   opacity:1;
   width:auto !important;
}

.sp_mismatch {
   visibility:hidden;
   opacity:0;
   width:0px !important;
   transition: all .25s ease-in-out;
   overflow:hidden;
}

.sp_mismatch.show {
   width:auto !important;
   visibility:visible;
   opacity:1;
}

.frm_input_group {
   display:flex;
   flex-wrap: wrap;
}

.frm_caption {
   background-color: rgba(0,0,0,0.3);
   font-size:0.9em;
   color:rgba(255,255,255,0.5);
   font-style:italic;
   line-height:31px;
   height:31px;
   padding:1px;
   padding-left:1em;
   padding-right:1em;
   width:130px;
   border-radius: 0.3em 0em 0em 0.3em;
   text-align:right;
   flex: none;
}

#quiz_quiz .frm_caption,
#quiz_survei .frm_caption {
   width:80px;
}

.frm_field {
   flex-grow:1;
}

.frm_field input#full_name        { width:80%; }
.frm_field input#email            { width:60%; }
.frm_field input#password         { width:50%; }
.frm_field input#confirm_password { width:50%; }
.frm_field input#institution_name { width:60%; }
.frm_field input#city_name        { width:60%; }
.frm_field select#country_code    { width:390px; }
.frm_field input#phone_number     { width:50%; }

.frm_field input#sign_in_email    { width:70%; }
.frm_field input#sign_in_password { width:50%; }

.xclk {
   cursor:pointer;
}

.xclk a {
   color:white;
}

.xclk a:hover {
   color:rgba(255,255,255,0.8);
}


.frm_caption::after {
   content: " :";
}

input[type=text].frm_input, input[type=number].frm_input, input[type=email].frm_input, input[type=password].frm_input {
   border-radius: 0em 0.3em 0.3em 0em;
   height:31px;
}

.frm_input_group .selectize-input {
   border-radius: 0em 0.3em 0.3em 0em;
   padding: 1px 8px 1px 10px;
}

.frm_input_group .selectize-input.dropdown-active {
   border-radius: 0em 0.3em 0.3em 0em;
   padding: 1px 8px 1px 10px;
}

.contact_us_flex_container {
   padding:1em;
   margin:auto;
   width:80%;
   text-align:left;
   display:flex;
   flex-direction: row;
   justify-content: space-around;
   padding-bottom:2em;
}

.contact_us_flex_item {
   /*border:1px solid white;*/
   text-align:left;
   padding:1em;
   font-weight:300;
}

.contact_us.fa {
   margin-right:0.5em;
}

#dv_title {
   padding-left:1em;
   padding-right:1em;
   font-size:1em;
}

.dv_question_background {
   background-color:rgba(0,0,0,1);
   position:fixed;
   height:30vh;
   width:100vw;
   bottom:0px;
}

.inauguration_video_player {
   width:80vw;
   height:calc(80vw*9/16);
}

.channel_video_player {
   width:68vw;
   height:calc(68vw*9/16);
}

.channel_activity_nm {
   text-align:center;
   color:white;
   font-size:1.5em;
   font-weight:300;
}



.ytp-pause-overlay { display:none;opacity:0; }

.ytp-button:hover {
   background-color: transparent;
}


iframe div.ytp-chrome-top {
   display:none;
}


#main_video_div {
   transition: all .5s ease-in-out;
}

.profile_container {
   display:flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-evenly;
}

.profile_item {
   flex-grow:1;
   margin:0.5em;
   padding:1em;border-radius:0.3em;background-color:rgba(255,255,255,0.3);
}

.profile_container_column {
   flex-grow:1;
   display:flex;
   flex-direction: column;
   justify-content: space-evenly;
}


.modal-closebtn {
   position: absolute;
   top: 10px;
   right: 10px;
   display: block;
   width: 22px;
   height: 22px;
   color: rgba(0,0,0,0.8);
   cursor: pointer;
   font-size:12px;
   background-color: rgba(255,255,255,0.5);
   border: 1px solid rgba(255, 255, 255, .1);
   border-radius: 42px;
   transition: all .2s ease-in-out;
}

.modal-closebtn:hover {
   background-color: rgba(255,255,255,0.9);
   color: rgba(0,0,0,1);
}

.modal-closebtn::before {
   position: relative;
   top: -7px;
   display: block;
   width: 22px;
   text-align: center;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
   font-size:2.1em;
   content: '\00D7';
}

/* The Modal (background) */
.modal {
   display: none; /* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 10; /* Sit on top */
   left: 0;
   top: 0;
   width: 100%; /* Full width */
   height: 100%; /* Full height */
   overflow: auto; /* Enable scroll if needed */
   background-color: rgb(0,0,0); /* Fallback color */
   background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
   -webkit-animation-name: fadeIn;
   -webkit-animation-duration: 0.7s;
   animation-name: fadeIn;
   animation-duration: 0.7s
}

/* Modal Content */
.modal-registration-content {
   position: fixed;
   top: 0px;
   width: 100%;
}

.registration-modal-header {
   padding: 1em;
   background-color: rgba(0,0,0,0.7);
   color: white;
}

.registration-modal-body {
   color:white;
   padding: 0.6em;
   background-color:rgba(0,0,0,1);
}

.registration-modal-footer {
   padding: 1em;
   background-color: rgba(0,0,0,1);
   color: white;
}
.registration_container {
   display:flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-evenly;
}

.registration_item {
   flex-grow:1;
   margin:0.5em;
   padding:1em;border-radius:0.3em;
   background-color:rgba(255,255,255,0.2);
   flex-wrap: wrap;
   transition:all 0.2s ease-in-out;
}

.agenda_container {
   flex-grow:1;
   margin:0.5em;
   padding:1em;border-radius:0.3em;
   color:black;
   background-color:rgba(255,255,255,1);
   flex-wrap: wrap;
   transition:all 0.2s ease-in-out;
   box-shadow:0px 0px 5px rgba(0,0,0,1) inset;
}
.registration_container_column {
   flex-grow:1;
   display:flex;
   flex-direction: column;
   justify-content: space-evenly;
}

.registration_container_row {
   flex-grow:1;
   display:flex;
   flex-direction: row;
   flex-wrap:wrap;
   justify-content: center;
}

.modal-registration-slide-in-animation {
   -webkit-animation-name: slideInDown;
   -webkit-animation-duration: 0.4s;
   animation-name: slideInDown;
   animation-duration: 0.4s
}

.modal-registration-slide-out-animation {
   -webkit-animation-name: slideOutUp;
   -webkit-animation-duration: 0.4s;
   animation-name: slideOutUp;
   animation-duration: 0.4s
}


/* Add Animation */
@-webkit-keyframes slideInDown {
   from {top: -1000px; opacity: 0} 
   to {top: 0; opacity: 1}
}

@keyframes slideInDown {
   from {top: -1000px; opacity: 0}
   to {top: 0; opacity: 1}
}

@-webkit-keyframes slideOutUp {
   from {top: 0; opacity: 1}
   to {top: -1000px; opacity: 0} 
}

@keyframes slideOutUp {
   from {top: 0; opacity: 1}
   to {top: -1000px; opacity: 0}
}

@-webkit-keyframes fadeIn {
   from {opacity: 0} 
   to {opacity: 1}
}

@keyframes fadeIn {
   from {opacity: 0} 
   to {opacity: 1}
}

@-webkit-keyframes fadeOut {
   from {opacity: 0} 
   to {opacity: 1}
}

@keyframes fadeOut {
   from {opacity: 0} 
   to {opacity: 1}
}


.registration_xxlist > tbody > tr > td, .registration_xxlist > th, .registration_xxlist > thead > tr > td {
    border-top: 1px solid rgba(190,190,190,0.5);
    padding: 0.6em;
    text-align: center;
}

.registration_xxlist > tbody > tr > td:first-child {
   text-align:left;
}

.registration_xxlist > thead > tr > th, .registration_xxlist > thead > tr > td {
    border-top:none;
    border-left:none;
}

.registration_xxlist > tbody > tr:hover > td {
   /*background-color: rgba(0,0,0,0.7);*/
}

.registration_xxlist > tbody > tr:hover > td + td {
   /*background-color: rgba(90,90,90,0.2);*/
}

.registration_xxlist > tbody > tr:hover > td + td + td{
   /*background-color: rgba(0,0,0,0.1);*/
}

.registration_xxlist > tbody > tr:hover > td + td + td + td {
   /*background-color: rgba(90,90,90,0.2);*/
}

.registration_xxlist > tbody > tr > td + td {
   background-color:rgba(255,255,255,0.1);
}

.registration_xxlist > tbody > tr > td + td + td {
   background-color:rgba(255,255,255,0.2);
}

.registration_xxlist > tbody > tr > td + td + td + td {
   background-color:rgba(255,255,255,0.1);
}


.workshop_xxlist {
   border-spacing: 0.5em;
}

.workshop_xxlist > tbody > tr > td {
   padding:0.5em;
   border:1px solid rgba(255,255,255,0.2);
   border-radius:0.5em;
}

.workshop_xxlist > tbody > tr > td.day1 {
   background-color:rgba(255,255,255,0.1);
}

.workshop_xxlist > tbody > tr > td.day2 {
   background-color:rgba(255,255,255,0.1);
}

.workshop_xxlist > tbody > tr > td.day3 {
   background-color:rgba(255,255,255,0.1);
}

.workshop_xxlist > tbody > tr > td {
   cursor:pointer;
   font-size:1em;
}

.workshop_xxlist > tbody > tr > td.day {
   background-color:rgba(255,255,255,0);
   border:0;
   color:rgba(255,255,255,0.9);
   font-size:0.8em;
   cursor:default;
   text-align:center;
   padding-bottom:0em;
}

.workshop_xxlist > tbody > tr > td.day:hover {
   border-color: rgba(255,255,255,0.2);
}

.workshop_xxlist > tbody > tr > td.wks_selection {
   background-image: url('../../../assets/check_mark_unchecked.svg?s1=4');
   background-repeat: no-repeat;
   background-position-y: center;
   background-position-x: 0.9em;
   background-size:20px;
   padding-left:45px;
}

.workshop_xxlist > tbody > tr > td.wks_selection:hover {
   background-color:rgba(255,0,255,0.1);
   border-color: rgba(255,255,255,0.5);
}

.workshop_xxlist > tbody > tr > td.wks_selected {
   background-color: rgba(255,0,200,0.2);
}

.workshop_xxlist > tbody > tr > td.wks_selected:hover {
   background-color:rgba(255,0,200,0.3);
}

.workshop_xxlist.wks_disabled > tbody > tr > td.wks_selection {
   background-image: url('../../../assets/check_mark_unchecked.svg?s1=4');
   background-repeat: no-repeat;
   background-position-y: center;
   background-position-x: 0.9em;
   background-size:20px;
   background-color:rgba(255,0,255,0);
   border-color: rgba(255,255,255,0.2);
   background-color:rgba(255,255,255,0.01);
   color:rgba(255,255,255,0.1);
   cursor:not-allowed;
}

.workshop_xxlist.wks_disabled > tbody > tr > td.wks_selection:hover {
   background-color:rgba(255,0,255,0);
   border-color: rgba(255,255,255,0.2);
   background-color:rgba(255,255,255,0.01);
   color:rgba(255,255,255,0.1);
   cursor:not-allowed;
}



.workshop_xxlist > tbody > tr > td.wks_checked {
   background-image: url('../../../assets/check_mark_checked.svg?s1=5');
   background-repeat: no-repeat;
   background-position-y: center;
   background-position-x: 0.8em;
   background-size:20px;
}

.wks_notes {
   font-size:0.9em;
   font-style:italic;
   padding-left:1em;
   color:rgba(255,255,255,0.8);
}

.workshop_xxlist.wks_disabled > tbody > tr > td > div {
   opacity:0.1;
}

.check_mark {
   fill:blue;
}

.plan_checked, .plan_unchecked {
   background-size:20px;
}
            
.plan_checked {
   background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyOCAxMjg7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMzMUFGOTE7fQoJLnN0MXtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPjxnPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjY0IiBjeT0iNjQiIHI9IjY0Ii8+PC9nPjxnPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik01NC4zLDk3LjJMMjQuOCw2Ny43Yy0wLjQtMC40LTAuNC0xLDAtMS40bDguNS04LjVjMC40LTAuNCwxLTAuNCwxLjQsMEw1NSw3OC4xbDM4LjItMzguMiAgIGMwLjQtMC40LDEtMC40LDEuNCwwbDguNSw4LjVjMC40LDAuNCwwLjQsMSwwLDEuNEw1NS43LDk3LjJDNTUuMyw5Ny42LDU0LjcsOTcuNiw1NC4zLDk3LjJ6Ii8+PC9nPjwvc3ZnPg==');
   background-repeat: no-repeat;
   background-position: center;
}

.plan_unchecked {
   background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyOCAxMjg7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNDOTM2MzY7fQoJLnN0MXtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjY0IiBjeT0iNjQiIHI9IjY0Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTEwMC4zLDkwLjRMNzMuOSw2NGwyNi4zLTI2LjRjMC40LTAuNCwwLjQtMSwwLTEuNGwtOC41LTguNWMtMC40LTAuNC0xLTAuNC0xLjQsMEw2NCw1NC4xTDM3LjcsMjcuOCAgYy0wLjQtMC40LTEtMC40LTEuNCwwbC04LjUsOC41Yy0wLjQsMC40LTAuNCwxLDAsMS40TDU0LDY0TDI3LjcsOTAuM2MtMC40LDAuNC0wLjQsMSwwLDEuNGw4LjUsOC41YzAuNCwwLjQsMS4xLDAuNCwxLjQsMEw2NCw3My45ICBsMjYuMywyNi4zYzAuNCwwLjQsMS4xLDAuNCwxLjUsMC4xbDguNS04LjVDMTAwLjcsOTEuNCwxMDAuNyw5MC44LDEwMC4zLDkwLjR6Ii8+PC9zdmc+');
   background-repeat: no-repeat;
   background-position: center;
}

.registration_xxlist td.package_top {
   background-color: rgba(0,0,0,0);
   /*cursor:pointer;*/
}

.registration_xxlist td.package_top:hover {
   /*opacity: 1;*/
}

.package_top.package_checked {
   background-size:24px;
   background-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Zz48cGF0aCBmaWxsPSIjMDBiZjAwIiBjbGFzcz0iY2hlY2tfbWFyayIgZD0ibTQ0OCw3MS45Yy0xNy4zLC0xMy40IC00MS41LC05LjMgLTU0LjEsOS4xbC0xNzkuOSwyNjMuMmwtOTkuMSwtMTA3LjNjLTE0LjYsLTE2LjYgLTM5LjEsLTE3LjQgLTU0LjcsLTEuOGMtMTUuNiwxNS41IC0xNi40LDQxLjYgLTEuNyw1OC4xYzAsMCAxMjAuNCwxMzMuNiAxMzcuNywxNDdjMTcuMywxMy40IDQxLjUsOS4zIDU0LjEsLTkuMWwyMDYuMywtMzAxLjdjMTIuNiwtMTguNSA4LjcsLTQ0LjIgLTguNiwtNTcuNXoiLz48L2c+PC9zdmc+');
   /*background-image: url('../../../assets/check_mark_checked.svg?s1=3');*/
   background-repeat: no-repeat;
   background-position: center;
   /*opacity: 1;*/
}

.package_top.package_unchecked {
   background-size:24px;
   /*background-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Zz48cGF0aCBmaWxsPSIjMDBiZjAwIiBjbGFzcz0iY2hlY2tfbWFyayIgZD0ibTQ0OCw3MS45Yy0xNy4zLC0xMy40IC00MS41LC05LjMgLTU0LjEsOS4xbC0xNzkuOSwyNjMuMmwtOTkuMSwtMTA3LjNjLTE0LjYsLTE2LjYgLTM5LjEsLTE3LjQgLTU0LjcsLTEuOGMtMTUuNiwxNS41IC0xNi40LDQxLjYgLTEuNyw1OC4xYzAsMCAxMjAuNCwxMzMuNiAxMzcuNywxNDdjMTcuMywxMy40IDQxLjUsOS4zIDU0LjEsLTkuMWwyMDYuMywtMzAxLjdjMTIuNiwtMTguNSA4LjcsLTQ0LjIgLTguNiwtNTcuNXoiLz48L2c+PC9zdmc+');*/
   /*background-image: url('../../../assets/check_mark_unchecked.svg?s1=4');*/
   background-repeat: no-repeat;
   background-position: center;
   /*opacity: 0.3;*/
}

.cs {
   display:inline-block;
   font-size:0.8em;
   color:rgba(255,255,255,0.5);
   padding-right:0.5em;
   text-align:left;
}

.cv {
   display:inline-block;
   padding-left:0.5em;
   width:80px;
   text-align:right;
}

.account_top_banner {
   position:fixed;
   top:0;
   height:40px;
   width:100%;
   /*text-align:right;*/
   color:white;
   line-height:40px;
   font-size:1em;
   font-weight:300;
   background-color:rgba(0,0,0,1);
   z-index:1000;
   display:flex;
   justify-content: space-between;
}

.chat_bubble_button {
   stroke:#ffffff;
   stroke-opacity:0;
   fill:#ffffff;
   fill-opacity:0.5;
   stroke-width:3;
   transform: scale(0.8);
   transform: translate(0px,0px);
   cursor:pointer;
}

.chat_bubble_button.new_chat {
   fill:#00ff00;
}

.chat_bubble_button:hover {
   fill-opacity:0.8;
}

.lobby_top_banner {
   position:fixed;
   margin-top:40px;
   top:0;
   height:70px;
   width:100%;
   text-align:center;
   color:white;
   line-height:70px;
   font-size:1.2em;
   font-weight:300;
   background-color:rgba(50,10,0,0.8);
}

div.dvupload {
   border-top:1px solid #bbb;
   padding:1em;
}

.dvupload .dv_silakan_drop {
   /*display: none;*/
   font-style:italic;
   color:rgba(255,255,255,0.5);
}

.dvupload:hover .dv_silakan_drop {
   display: block;
   font-style:italic;
   color:rgba(255,255,255,0.7);
}

.init_opacity_zero {
   opacity:0;
}


.icon_dismiss_circle {
   fill: #c93636;
}

.iconf_dismiss_x {
   fill: #ffffff;
}

ul.wks_list {
   margin-left:1.5em;
}

ul.wks_list li{
  margin: 10px 0;
}

.wks_date_info {
   color:rgba(255,255,255,0.7);
   font-size:0.9em;
}
.carousel {
  position:relative;
  width:520px;
  top: 50%;
  border:10px solid white;
  margin:20px auto;
  box-shadow:0px 0px 40px #000;
}
.carousel > img {
  display:none;
  width:100%;
}
.carousel > input {
  position:absolute;
  left:-9999px;
}
.carousel > input:checked + label + img {
  display:block;
}

.carousel > label,
.carousel > input:checked ~ label ~ label ~ label ~ label {
  display:none;
}
.carousel > input:checked + label {
  display:block;
  left:0;
}
.carousel > input:checked ~ label ~ label ~ label {
  display:block;
  right:0;
}

.carousel > label {
  position:absolute;
  top:0;
  width:25%;
  height:100%;
  visibility:hidden;
}
.carousel > label:before {
  content:'';
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  visibility:visible;
}
.carousel > label:after {
  display:block;
  position:absolute;
  top:50%;
  width:35px;
  height:40px;
  line-height:35px;
  margin: -10px -60px 0px -60px ;
  background-color:black;
  color:white;
  font-family:'Arial';
  font-weight:bold;
  font-size:35px;
  text-align:center;
  visibility:visible;
  border:2px solid white;
  border-radius:10px;
  box-shadow:0 3px 4px black;
}
.carousel > label:hover:after {
  visibility:visible;
}

.carousel > input:checked + label:after {
  left:0;
  content:'\00AB';
}
.carousel > input:checked ~ label ~ label ~ label:after {
  right:0;
  content:'\00BB';
}


.dv_back_button {
   position:fixed;
   top:calc(42vh);
   left:3vw;transform: translate(0,0);
   z-index:1;
   transition: all 0.2s ease-in-out;
}

.dv_back_button.portrait {
   top : 15vh;
   left : 10vw;
}

.dv_back_button.chatbox {
   left:3vw;transform:  scale(0.8) translate(-5vw,0);
}

.dv_back_to_lobby_button {
   position:fixed;
   bottom:calc(8vh);
   left:3vw;transform: translate(0,0);
   z-index:1;
   transition: all 0.2s ease-in-out;
}

.dv_back_to_lobby_button.portrait {
   display:none;
}

.dv_goto_exhibition_button {
   position:fixed;
   bottom:calc(8vh);
   right:3vw;transform: translate(0,0);
   z-index:1;
   transition: all 0.2s ease-in-out;
}

.dv_goto_exhibition_button.portrait {
   display:none;
}

.cinema-screen {
   font-weight:300;
   font-size:0.9em;
   /*position:absolute;*/
   /*left: 50%;*/
   /*top: 50%;*/
   /*transform: translate(-50%, -45%);*/
   height:90vh;
   width:90vw;
   margin:auto;
   margin-top:9vh;
}

.cinema-screen-inner {
   border-radius:0.3em;
   box-shadow:3px 3px 20px rgba(0,0,0,0.3);
   background: linear-gradient(135deg, #f050ac 0%,#98427a 44%,#583990 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   padding:1em;
   min-height:70%;
   /*margin-top:8vh;*/
   margin-top:1em;
   display:flex;
   flex-direction: column;
}

.session-screen {
   font-weight:700;
   font-size:0.9em;
   position:absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -52%);
   /*width:150px;*/
   /*border:1px solid white;*/
}

.session-screen.chatbox {
   margin-left:40px;
}

.session-screen-title {
   font-weight:300;
   position:fixed;
   width:100vw;
   top:40px;
   font-size:0.9em;
   z-index:200;
   background-color:rgba(255,255,255,0.2);
   padding:0.3em;
   box-shadow:1px 1px 10px rgba(0,0,0,0.7);
}


.session-screen-inner {
   border-radius:0.7em;
   box-shadow:3px 3px 20px rgba(0,0,0,0.3);
   /*background: linear-gradient(135deg, #f050ac 0%,#98427a 44%,#583990 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   background-color:rgba(200,200,200,0.1);
   padding:0.5em;
   /*max-width:1120px;*/
   /*width:1120px;*/
   margin:auto;
   /*margin-bottom:100px;*/
}

.cinema_audience {
   position:fixed;bottom:0;left: 50%;transform: translate(-50%, 80px);z-index:0;
}

.booth_chat_box {
   display:none;
   position: fixed;
   width:72vw;
   max-width:400px;
   /*height:60vh;*/
   height:auto;
   top:20vh;
   left:50%;
   transform:translateX(-50%);
   color:white;
   padding:10px;
   border-radius:0.5em;
   background-color:rgba(255,255,255,0.3);
   box-shadow:1px 1px 8px rgba(0,0,0,0.7);
}

.chat_box {
   background-color:rgba(40,40,40,1);
   border-radius:0.3em;
   width:100%;
   color:white;
   box-shadow:0px 0px 5px rgba(0,0,0,0.5) inset;
   padding:0em;
   width:100%;
}


#dv_chat_box_container {
   /*height:60vh;*/
}

#dv_chat_box {
   font-size:1em;
}

.chat_text_container {
   text-align:left;
   overflow:auto;
   height:calc((47vw*9/16));
   width:100%;
   /*height:100%;*/
   scrollbar-width: none;  
}

.chat_text {
   padding:0.5em;
   -ms-overflow-style: none;  /* IE and Edge */
   scrollbar-width: none;  
}

.chat_text::-webkit-scrollbar {
   display: none;
}

.chat_text_container::-webkit-scrollbar {
   display: none;
}

.chat_text div {
   margin-top:0.1em;
}

input.chat_input {
   width:90%;
   background-color:transparent;
   color:white;
   font-weight:700;
   /*border-top:1px solid rgba(200,200,200,0.5);*/
   border-radius:0;
}

input.chat_input:focus {
   background-color:transparent;
}

input.chat_input::placeholder {
   color: rgba(255,255,255,0.6);
   font-size:1em;
   font-style:italic;
   line-height:1.7em;
}


.chat_baloon, .chat_baloon_me {
   display:inline-block;
   font-weight:300;
   padding:0.5em;
   padding-left:0.7em;padding-right:0.7em;
   border-radius:0.5em 0.5em 0.5em 0.5em;
   box-shadow:2px 2px 2px rgba(0,0,0,0.2);
   max-width:80%;
   overflow-wrap: break-word;
}

.chat_baloon {
   color:white;
   background-color:rgba(75,75,75,1);
}

.chat_baloon_me {
   color:white;
   background-color:rgba(0,75,10,1);
   text-align:left;
}

.chat_user_name, .chat_user_name_me {
   opacity:0.7;
   font-weight:300;
   display:block;
   font-size:0.9em;
   margin-top:0.7em;
   margin-bottom:0.2em;
}


.dv_chat_input {
   margin:0;
   border-top:1px solid rgba(255,255,255,0.3);
   padding:0.2em;
}

input[type=text].inp_question, input[type=number].inp_question, textarea.inp_question {
   font-size:1.3em;
   background-color:rgba(255,255,255,0.2);
   color:white;
   margin-left:0.2em;
   margin-bottom:0.5em;
}

.logo_banner {
   fill:#feffff;
   fill-opacity:0.542522;
   stroke:#0000fc;
   stroke-width:1.265;
   stroke-linecap:butt;
   stroke-linejoin:miter;
   stroke-miterlimit:4;
   stroke-dasharray:none;
   stroke-opacity:1;
   cursor:pointer;
}

.logo_banner:hover {
   fill-opacity:0;
   stroke:#fc0000;
}

.booth_video_modal {
   display: none; /* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 1; /* Sit on top */
   left: 0;
   top: 0;
   width: 100%; /* Full width */
   height: 100%; /* Full height */
   overflow: auto; /* Enable scroll if needed */
   background-color: rgb(0,0,0); /* Fallback color */
   background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
   -webkit-animation-name: fadeIn;
   -webkit-animation-duration: 0.7s;
   animation-name: fadeIn;
   animation-duration: 0.7s
}

.booth_brochure_modal {
   display: none; /* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 1; /* Sit on top */
   left: 0;
   top: 0;
   width: 100%; /* Full width */
   height: 100%; /* Full height */
   overflow: auto; /* Enable scroll if needed */
   background-color: rgba(255,255,255,0.7); /* Black w/ opacity */
   -webkit-animation-name: fadeIn;
   -webkit-animation-duration: 0.7s;
   animation-name: fadeIn;
   animation-duration: 0.7s
}

.booth_modal {
   display: none; /* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 1; /* Sit on top */
   left: 0;
   top: 0;
   width: 100%; /* Full width */
   height: 100%; /* Full height */
   overflow: auto; /* Enable scroll if needed */
   background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
   -webkit-animation-name: fadeIn;
   -webkit-animation-duration: 0.7s;
   animation-name: fadeIn;
   animation-duration: 0.7s
}

.inauguration_viewer_modal {
   display: none; /* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 1; /* Sit on top */
   left: 0;
   top: 0;
   width: 100%; /* Full width */
   height: 100%; /* Full height */
   overflow: auto; /* Enable scroll if needed */
   background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
   -webkit-animation-name: fadeIn;
   -webkit-animation-duration: 0.7s;
   animation-name: fadeIn;
   animation-duration: 0.7s;
   background: linear-gradient(90deg,  #670005 0%,#3f0202 10%,#2a0000 15%, #1a0000 20%, #3f0202 30%,#2a0000 35%, #1a0000 40%, #3f0202 50%,#2a0000 60%, #1a0000 70%,  #3f0202 80%,#2a0000 90%, #0a0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.booth_video_player {
   position: fixed;
   width:72vw;
   height:calc(72vw*9/16);
   top:50%;
   left:50%;
   transform:translate(-50%,-50%);
   background-color: #000000;
}

.guestbook {
   position: relative;
   padding:20px;
   margin-top:7%;
   top: 40px;
   left: 50%;
   transform: translateX(-50%);
   margin-bottom:150px;
   color:#ffffff;
   width: 80vw;
   max-width:800px;
   border-radius:0.5em;
   box-shadow:2px 2px 5px rgba(0,0,0,0.8);
   background: linear-gradient(135deg, rgba(8,92,151,1) 0%,rgba(8,92,151,1) 44%,rgba(0,39,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.booth_brochure_viewer {
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top:-40vh;
   margin-left:-40vw;
   width: 80vw;
   height: 80vh;
   overflow:auto;
   background-color: #000000;
}

.frm_field input#guestbook_full_name        { width:80%;color:#ffffff; }
.frm_field input#guestbook_email            { width:60%;color:#ffffff; }
.frm_field input#guestbook_institution_name { width:60%;color:#ffffff; }
.frm_field input#guestbook_city_name        { width:60%;color:#ffffff; }
.frm_field input#guestbook_phone_number     { width:50%;color:#ffffff; }

.chat_slot_selection {
   display:none;
   position:absolute;
   background-color: rgba(0,0,0,0.8);
   color:#ffffff;
   padding:0.5em;
   min-width:150px;
   border-radius:0.3em;
   font-size:0.9em;
}

.dv_chat_slot_opt {
   padding:0.3em;
   border-top:1px solid rgba(255,255,255,0.2);
   cursor:pointer;
}

.dv_chat_slot_opt:first-child {
   border-top:0;
}

.dv_chat_slot_opt:hover {
   background-color:rgba(255,255,255,0.3);
}

.chat_modal {
   display: none; /* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 1; /* Sit on top */
   left: 0;
   top: 0;
   width: 100%; /* Full width */
   height: 100%; /* Full height */
   overflow: auto; /* Enable scroll if needed */
   background-color: rgba(0,0,0,0); /* Black w/ opacity */
   -webkit-animation-name: fadeIn;
   -webkit-animation-duration: 0.7s;
   animation-name: fadeIn;
   animation-duration: 0.7s
}

.question_modal {
   display: none; /* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 1; /* Sit on top */
   left: 0;
   top: 0;
   width: 100%; /* Full width */
   height: 100%; /* Full height */
   overflow: auto; /* Enable scroll if needed */
   background-color: rgba(0,0,0,0); /* Black w/ opacity */
   -webkit-animation-name: fadeIn;
   -webkit-animation-duration: 0.7s;
   animation-name: fadeIn;
   animation-duration: 0.7s
}

.sponsor_chatlist {
   border-top:1px solid rgba(255,255,255,0.2);
   padding:0.5em;
   cursor:pointer;
}

.sponsor_chatlist:hover {
   background-color: rgba(255,255,255,0.1);
}

.chat_slot {
   border-top:1px solid rgba(255,255,255,0.2);
   padding:0.5em;
   cursor:pointer;
}

.chat_slot:hover {
   background-color: rgba(255,255,255,0.1);
}

.qna {
   position: relative;
   padding:20px;
   margin-top:7%;
   top: 40px;
   left: 50%;
   transform: translateX(-50%);
   margin-bottom:150px;
   color:#ffffff;
   width: 80vw;
   max-width:800px;
   border-radius:0.5em;
   background: linear-gradient(135deg, rgba(130,57,63,1) 0%,rgba(150,77,73,1) 44%,rgba(80,7,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.quiz {
   position: relative;
   padding:20px;
   margin-top:7%;
   top: 40px;
   left: 50%;
   transform: translateX(-50%);
   margin-bottom:150px;
   color:#ffffff;
   width: 80vw;
   max-width:800px;
   border-radius:0.5em;
   background: linear-gradient(135deg, rgba(130,57,63,1) 0%,rgba(150,77,73,1) 44%,rgba(80,7,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.quiz_question {
   border-top:1px solid rgba(255,255,255,0.2);
   padding:0.5em;
   display:none;
}

.quiz_choice {
   background-image: url('../../../assets/check_mark_unchecked.svg?s1=4');
   background-repeat: no-repeat;
   background-position-y: center;
   background-position-x: 0.9em;
   background-size:20px;
   cursor:pointer;
   padding:0.6em;
   border:1px solid rgba(255,255,255,0.3);
   border-radius:0.5em;
   margin-top:0.5em;
   padding-left:45px;
}

.quiz_choice.checked {
   background-image: url('../../../assets/check_mark_checked.svg?s1=5');
   background-repeat: no-repeat;
   background-position-y: center;
   background-position-x: 0.8em;
   background-size:20px;
}


.quiz_choice:hover {
   background-color:rgba(0,0,0,0.3);
   border:1px solid rgba(255,255,255,0.8);
}

.quiz_choice_container {
   display:flex;
   flex-wrap: wrap;
   justify-content: space-between;
   padding:1em;
   padding-left:2em;
   flex-direction: column;
}

.survey {
   position: relative;
   padding:20px;
   margin-top:7%;
   top: 40px;
   left: 50%;
   transform: translateX(-50%);
   margin-bottom:150px;
   color:#ffffff;
   width: 80vw;
   max-width:800px;
   border-radius:0.5em;
   background: linear-gradient(135deg, rgba(63,57,130,1) 0%,rgba(73,77,150,1) 44%,rgba(3,7,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.survey_question {
   border-top:1px solid rgba(255,255,255,0.2);
   padding:0.5em;
   display:none;
}

.survey_choice {
   padding:0.2em;
}

.survey_choice_container {
   display:flex;
   flex-wrap: wrap;
   justify-content: space-between;
   padding:1em;
   padding-left:2em;
   flex-direction: column;
}

.dv_download_certificate_button {
   position: fixed;
   right:0;
   top:0em;
   transform: translate(-1em,4em);
   max-width:20em;
   display:none;
   color:white;
   background-color:rgba(0,0,0,0.7);
   border-radius:3em;
   padding:0.8em;
   padding-left:2em;
   padding-right:2em;
   transition: all 0.2s ease-in-out;
   cursor:pointer;
   font-size:1.4em;
   text-align:center;
   z-index:2000;
}

.dv_download_certificate_button:hover {
   background-color:rgba(0,0,0,1);
}

.dv_inauguration_viewer_button {
   position: fixed;
   right:0;
   top:0em;
   transform: translate(-1em,4em);
   max-width:20em;
   display:none;
   color:white;
   background-color:rgba(0,0,0,0.7);
   border-radius:3em;
   padding:0.8em;
   padding-left:2em;
   padding-right:2em;
   transition: all 0.2s ease-in-out;
   cursor:pointer;
   font-size:1.4em;
   text-align:center;
}

.dv_inauguration_viewer_button:hover {
   background-color:rgba(0,0,0,1);
}


.dv_activity_sponsor {
   position: fixed;
   right:5em;
   top:5em;
   /*min-height:4em;*/
   /*min-width:15em;*/
   max-width:20em;
   color:white;
   background-color:rgba(0,0,0,0.7);
   border-radius:0.5em;
   padding:1em;
   transition: all 0.25s ease-in-out;
}

.dv_activity_sponsor.expand_btn {
   color:rgba(255,255,255,0.7);
   cursor:pointer;
   transition: all 0.25s ease-in-out;
}

.dv_activity_sponsor.expand_btn:hover {
   color:rgba(255,255,255,1);
   background-color:rgba(0,0,0,0.9);
}

.activity_nm_hdr {
   font-weight:400;
   font-size:0.9em;
   color:rgba(255,255,255,0.7);
}

.certificate_link {
   padding:1em;
   padding-left:2em;
   padding-right:2em;
   text-align:center;
   font-size:0.9em;
   border-radius:0.5em;
   border:1px solid rgba(0,0,0,0.3);
   margin-bottom:1em;
   cursor:pointer;
}

.certificate_link:hover {
   background-color:rgba(0,0,0,0.2);
   border:1px solid rgba(0,0,0,0.7);
}


.certificate-popup {
   position: relative;
   padding:20px;
   margin-top:40vh;
   /*top: 40px;*/
   left: 50%;
   font-size:1.1em;
   transform: translate(-50%, -30%);
   margin-bottom:150px;
   color:#000000;
   width: 80vw;
   max-width:500px;
   border-radius:0.5em;
   /* background: linear-gradient(135deg, rgba(63,57,130,1) 0%,rgba(73,77,150,1) 44%,rgba(3,7,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   background: linear-gradient(135deg, #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.dv_certificate_content {
   padding-left:3em;
   padding-right:3em;
}

@media screen and (max-height: 1100px) {
   .dv_question_background {
      height:30vh;
   }
}


@media screen and (max-height: 850px) {
   .dv_question_background {
      height:40vh;
   }
}

@media screen and (max-width: 750px) {
   .certificate-popup {
      padding:15px;
      font-size:1em;
      transform: translateX(-50%);
      margin-bottom:150px;
      color:#000000;
   }

   .certificate_link {
      padding:0.5em;
      padding-left:1em;
      padding-right:1em;
      font-size:1em;
   }
   
   .dv_certificate_content {
      padding-left:2em;
      padding-right:2em;
   }
   
   .cinema_audience {
      display:none;
   }
   
   .ve_channel_container {
      flex-direction: column;
      height:auto;
   }
   .ve_channel_item_content {
      min-height:10em;
   }
   .ve_channel_item_content_disabled {
      min-height:10em;
   }
   .ve_channel_item {
      width:auto;
      height:auto;
      display:flex;
   }
   .cinema-screen {
      width:90vw;
      height:auto;
   }
   
   .bottom-div {
      padding:50px;
   }
   
   .dv_back_to_lobby_button {
      display:none;
   }
   
   .dv_goto_exhibition_button {
      display:none;
   }
   
}

@media screen and (max-height: 650px) {
   .dv_question_background {
      height:50vh;
   }
   .cinema-screen-inner {
      margin-top:1em;
   }
 
}

@media screen and (max-height: 450px) {
   .cinema-screen {
      margin-top:60px;
      
   }
   .dv_question_background {
      height:80vh;
   }
   .channel_video_player {
      width:50vw;
      height:calc(50vw*9/16);
   }
   .inauguration_video_player {
      width:80vw;
      height:calc(80vw*9/16);
   }
}

@media screen and (max-height: 320px) {
   .dv_question_background {
      height:90vh;
   }
   .channel_activity_nm {
      font-size:1.1em;
   }
   

   
}

@media screen and (max-width: 520px) {
   .dv_question_background {
      height:60vh;
   }
}

@media screen and (max-width: 500px) {
   
   .banner_logo_img {
      display:none;
   }
   #dock-container li.li-handler img,
   #dock-container.dock-collapsed li.li-handler img,
   #dock-container li img {
      width: 40px;
      height: 40px;
   }
   #dv_title {
      padding-left:1em;
      padding-right:1em;
      font-size:1em;
   }
}

@media screen and (max-width: 340px) {
   .banner_logo_img {
      display:none;
   }
   #dock-container li.li-handler img,
   #dock-container.dock-collapsed li.li-handler img,
   #dock-container li img {
      width: 35px;
      height: 35px;
   }
   #dv_title {
      padding-left:1em;
      padding-right:1em;
      font-size:0.8em;
   }
   
   .certificate-popup {
      padding:10px;
   }
   
   .dv_certificate_content {
      padding-left:1em;
      padding-right:1em;
   }
   
}

@media screen and (max-width: 1000px) {
   .topnav a:not(:first-child) {display: none;}
   .topnav a.icon {
      float: right;
      display: block;
   }
   .xxagenda-li-div {
      width:auto;
      padding-left:1em;
      padding-right:1em;
   }
}

@media screen and (max-width: 800px) {
   
   .frm_input_group {
      display:flex;
      /*flex-wrap: wrap;*/
      flex-direction:column;
   }

   .frm_caption {
      background-color: rgba(0,0,0,0);
      font-size:0.9em;
      color:rgba(255,255,255,0.5);
      font-style:italic;
      line-height:31px;
      height:31px;
      padding:1px;
      padding-left:0em;
      padding-right:1em;
      width:120px;
      border-radius: 0.3em 0em 0em 0.3em;
      text-align:left
   }
   
   .frm_field input#full_name        { width:85%; }
   .frm_field input#email            { width:60%; }
   .frm_field input#password         { width:50%; }
   .frm_field input#confirm_password { width:50%; }
   .frm_field input#institution_name { width:70%; }
   .frm_field input#city_name        { width:70%; }
   .frm_field select#country_code    { width:85%; }
   .frm_field input#phone_number     { width:60%; }

   .frm_field input#sign_in_email    { width:60%; }
   .frm_field input#sign_in_password { width:50%; }
   
   input[type=text].frm_input, input[type=number].frm_input, input[type=email].frm_input, input[type=password].frm_input {
      border-radius: 0.3em;
   }

   .frm_input_group .selectize-input {
      border-radius: 0.3em;
   }

   

   
   .topnav-logo {
      display:inline-block;
   }
   
   .w70 {
      width:80%;
   }
   
   select#country_code {
      width:250px;
   }
   
   .isicam2020-logo {
      height:auto;
      width:100%;
   }

   .topnav.responsive {
      position: sticky;
   }
   .topnav.responsive .icon {
      position: absolute;
      right: 0;
      top: 0;
   }
   .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
   }
   
   .topnav-menu-item {
      background-color:rgba(60,60,60,0.9);
      border-top:1px solid rgba(100,100,100,0.3);
   }
   
   .xxagenda-header-sub {
      display:none;
   }
   .xxagenda-dv-tab {
      width:auto;
      margin:auto;
   }
   
}



@media screen and (max-width: 3500px) {
   body {
      font-size:1.2em;
   }
}
@media screen and (max-width: 2500px) {
   body {
      font-size:1.2em;
   }
}
@media screen and (max-width: 2000px) {
   body {
      font-size:1.2em;
   }
}
@media screen and (max-width: 1500px) {
   body {
      font-size:0.9em;
   }
}
@media screen and (max-width: 1000px) {
   body {
      font-size:0.80em;
   }
}

nav ul{height:400px; width:100%;text-align: center;}
nav ul{overflow:hidden; overflow-y:scroll;}