::-moz-selection {
       background-color: #F45000;
       color: #FFFFFF;
}


::selection {
       background-color: #F45000;
       color: #FFFFFF;
}

#floating_dialog_select_waveform_ecg {
	   background:none;
	   background-color: #BEF8AB;
       color: #000000;
}

#floating_dialog_select_tracking_waveform {
	   background:none;
	   // background-color: #BEF8AB;
       color: #000000;
}

#floating_dialog_select_user_available_units, #floating_dialog_select_user_used_units {
       background-color: #000000;
       color: #FFFFFF;
       font-family: "Trebuchet MS",Verdana;
       font-size: 9pt; 
}


input.unittextlabel
{
    background-color: #FFFFFF;
    color:#000000;
	font-family: "Trebuchet MS",Verdana;
    font-size: 10pt; 
    padding:  0 0 3px 0;
    float: left; 
}

input.mailtextlabel
{
    background-color: #FFFFFF;
    color:#000000;
	font-family: "Trebuchet MS",Verdana;
    font-size: 10pt; 
    padding:  0 0 3px 0;
    width: 100%;
}

#unitsselection
{
    width: 100%;  
}

input.unittextlabelfull {
    float: left;
    background-color: #CCCCCC;
    color:#000000;
	font-family: "Trebuchet MS",Verdana;
    font-size: 10pt; 
    padding:  0 0 5px 0;
    
    width: -moz-calc(100% - 42px);
    width: -webkit-calc(100% - 42px);
    width: -o-calc(100% - 42px);
    width: calc(100% - 42px);
}

.unitsselectionlink {
    float: right;
    width: 40 px;
    margin-left: 3px;
}



#district-menu
{
    margin: 0;
    padding:  7px 0 0 0;
    list-style: none;
    background: #111 url(/content/down.png) no-repeat left;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);
    background: -o-linear-gradient(#444, #111);
    background: -ms-linear-gradient(#444, #111);
    background: linear-gradient(#444, #111);
}

#district-menu li
{
    float: left;
    padding: 0 0 10px 0;
    position: relative;
    line-height: 0;
}

#district-menu a
{
    float: left;
    height: 25px;
    padding: 0 25px;
    color: #999;
    text-transform: uppercase;
    font: bold 12px/25px Geneva, Helvetica;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}


#district-menu li > a:hover
{
    color: #fafafa;
}

#report-compare-control:hover
{
    color: #F77F00;
}

#report-compare-control
{
     float:right;
     cursor:pointer;
      color: #F77F00;
    text-decoration:underline 
}

#district-menu li:hover > ul 
{
    display: block;
}


/* Sub-menu */

#district-menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;
    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);
    background: -o-linear-gradient(#444, #111);
    background: -ms-linear-gradient(#444, #111);
    background: linear-gradient(#444, #111);
    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#district-menu ul ul
{
    top: 0;
    left: 150px;
}

#district-menu ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

#district-menu ul li:last-child
{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#district-menu ul a
{
    padding: 10px;
    height: 10px;
    width: 130px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

*html #district-menu ul a /* IE6 */
{
    height: 10px;
}

*:first-child + html #district-menu ul a /* IE7 */
{
    height: 10px;
}

#district-menu ul a:hover
{
    background: #0186ba;
    background: -moz-linear-gradient(#04acec,  #0186ba);
    background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
    background: -webkit-linear-gradient(#04acec,  #0186ba);
    background: -o-linear-gradient(#04acec,  #0186ba);
    background: -ms-linear-gradient(#04acec,  #0186ba);
    background: linear-gradient(#04acec,  #0186ba);
}

#district-menu ul li:first-child > a
{
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#district-menu ul li:first-child > a:after
{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#district-menu ul ul li:first-child a:after
{
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #444;
}

#district-menu ul li:first-child a:hover:after
{
    border-bottom-color: #04acec;
}

#district-menu ul ul li:first-child a:hover:after
{
    border-right-color: #04acec;
    border-bottom-color: transparent;
}


#district-menu ul li:last-child > a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#district-menu:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html #district-menu
{
    zoom: 1;
}
/* IE6 */
*:first-child + html #district-menu
{
    zoom: 1;
}
/* IE7 */

#report-cards-area
{
    background-color:#222222;
    padding: 0;
    border: 0;
    font-family: "Trebuchet MS", Verdana;
}
.ui-widget {
    font-family: "Trebuchet MS", Verdana;
    font-size: 1.1em;
}

#dicoms-gallery-area {
    padding: 0;
    border: 0;
    padding-left: 4px;
    padding-bottom: 4px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

#dicomclipwindow
{
    padding: 0;
    border: 0;
    background: #000c0f;
        -moz-user-select: none; 
        -khtml-user-select: none; 
        -webkit-user-select: none; 
        -o-user-select: none; 
}

#interactive-video-area
{
    padding: 0;
    border: 0;
    padding-bottom: 4px;
}

div#unit_selection_1 {
    //width: 15%;
    height: 200px;
    background: red;
    float: left;
}
div#unit_selection_2 {
    //margin-left: 15%;
    height: 200px;
    background: black;
}


#freecomment-area
{
    background: #000c0f;
}

#Conclusions,#freecomment-area > textarea
{
    width: 100%;
    height: 100%;
    border: 1;
    background: none repeat scroll 0 0 #1C1C1C;
        border-left:1px double #333333; border-right:1px double #333333;
         border-bottom: 1px double #171717; border-top: 1px double #171717;
    color: #BBBBBB;
}

#delete{color: #BBBBBB;text-decoration:underline;}

#tab_1
{
    border: 0;
    padding: 0;
    padding-bottom: 4px;
}
#tab_2
{
    border: 0;
    padding: 0;
    padding-bottom: 4px;
}
#tab_3
{
    border: 0;
    padding: 0;
    padding-bottom: 4px;
}

.editor-form-row
{
    display: block;
}


/*----------------------------*/
.thumbnail_lf
{
    cursor: pointer;
    font-size: 7pt;
}

.cell
{
    background-color: red;
    margin-right: -8px;
    border-style: outset;
    border-width: 1px;
    background-color: black;
    width: 50%;
    height: 50%;
}

#cell1
{
    top: 0px;
    display: inline-block;
    float: left;
}
#cell2
{
    display: inline-block;
    float: right;
}
#cell3
{
    top: 0px;
    display: inline-block;
    float: left;
}

#cell4
{
    display: inline-block;
    float: right;
}

#dicom-browser
{
    background: #000c0f;
    padding: 0;
    margin: 0;
}

#dicom-browser a
{
    color: #97C4FF; text-decoration: none;
}

#dicom-browser a:hover
{
    text-decoration: underline; color : #aaa;
}

#backto-referring >a 
{
    position:absolute;
    top:30px;
    left:13px;
    background-color:#F45000;
    color: #FFFFFF;
    border-radius: 6px;
    padding:2px;
    padding-left:3px;
    padding-right:3px;
    font-weight:bold;    
 }

//------------

*{ margin:0; padding:0;}


div.cardio-district { margin:0 auto;background:#222222; position:relative; border:1px solid #262626; } 
div.cardio-district ul { margin-bottom: 0px;} 


table.card-form
{
    border: 0px;
    color:#D6D6D6;
    width: 100%;
} 


table.card-form td
{
    border: 0px;
    padding:0px;
    width: 100%;
} 

table.card-form th
{
    background: none;   
    height:12px;
    border: 0px;
    padding:  3px 1px 4px 2px; 
    font-family: "Trebuchet MS",Verdana;
    font-size: 9pt;
}

table.card-form a
{
    font-size: 10pt;
    color: #a9a9bb;
    font-family: "Trebuchet MS",Verdana;
    font-weight: normal;
}

table.card-form th > a 
{
    color: #C77F20; // F77F00
}

table.card-form th > a > a
{
    color: #C77F20;
}

table.card-form th > a > a:hover
{
    cursor:pointer;
}


.prevExam
{
    color: #977F00 !important;
}

table.card-form td > input
{
    border-color: #171717 #333333;
    border-style: double;
    border-width: 1px;
    color: #D6D6D6;
    display: table-cell;
    font-family: Verdana,"Trebuchet MS";
    font-size: 11px;
    height: 15px;
    margin: 0;
    width: 50px;
} 


table.card-form td > input.editor-field-row-calculated
{
    background: none repeat scroll 0 0 #3D424D;   
}


table.card-form td > label
{
    #background: none repeat scroll 0 0 #1C1C1C;
    background: none repeat scroll 0 0 #222222;
    border-bottom: 1px solid #161712;
    border-top: 1px solid #262626;
    color: #BBBBBB;
    display: table-cell;
    font-family: "Trebuchet MS",Verdana;
    font-size: 10pt;
    margin-right: 10px;
    padding-right: 3px;
    padding: 2px;
    text-align: right;
    width: 100%;
    float:right;
} 


.icon-delete {
    background-image: url("/Content/delete20x20.png");
}
.icon-editreport {
    padding-left:30px !important;
    background-position: 0 55%;
    background-repeat: no-repeat;
    background-image: url("/assets/images/report_editng.png");
}
.icon {
    background-position: 0 55%;
    background-repeat: no-repeat;
    padding-bottom: 3px;
    padding-right: 4px;
    padding-left: 22px;
    padding-top: 2px;
    font-size:11px;
    color:#F77F00;
}

#content-search-table td
{
    border: 0px;
}

#content-search-table
{
    border:none;
    font-family: "Trebuchet MS",Verdana;
    // width:100%;
    overflow:auto;
    -moz-box-shadow: 0px 0px 10px 10px #888;
    -webkit-box-shadow: 0 0 10px 10px #888;
    -box-shadow: 0 0 10px 10px #888;
}

#tags-for-search
{

}

#tags-for-search td
{
    // -moz-box-shadow: 5px 5px 5px 5px  rgba(0, 100, 0, 0.1);
    // -webkit-box-shadow: 5px 5px 5px 5px  rgba(0, 100, 100, 0.5);  
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111111),color-stop(1, #555555));
    background-image: -moz-linear-gradient(top, #111111, #555555);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#555555')";
}




/*
    .box_gradient
    {
	    
	    background-image: -moz-linear-gradient(top, #444444, #999999);
	    
	    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #444444),color-stop(1, #999999));
	    
	    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#999999');
	    
	    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#999999')";
*/

/* ********************************************** */

.UnitReportSelectionArea {
	margin-top: 30px;
	margin-bottom: 110px;
	color: #5F5F5F;
}

.UnitReportSelectionAreaLeft {
	width: 15%;
	float: left;
	vertical-align: bottom;
	display: inline-block;
	padding-bottom:10px;
}

.UnitReportSelectionAreaRight {
	margin-left: 5%;
	float: left;
	vertical-align: bottom;
	display: inline-block;
	background: #333;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

.customtag_editing_hot {
  color: #5F5F5F;
  clear: left;
}

.make-me-red {
  color: #f00;
}

.make-me-red-icon {
  color: #f00;
  font-size:18pt;
}

.make-me-yellow-icon {
  color: #ff0;
  font-size:15pt;
}


.flag {
	background-size: 33px 22px;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%
}

.flag.ko {
	background-image: url(/assets/images/delete_user.png)
}

.flag.ok{
	background-image: url(/assets/images/modify_user.png)
}

.table_element_same_unit {
    background-color:lightskyblue;
}

/* tell the container's children to float left: */
.float-my-children > * {
    float:left;
    margin-right:5px;
}

/* this is called a clearfix. it makes sure that the container's children floats are cleared, without using extra markup */

.clearfix {
    *zoom:1 /* for IE */
}

.customtag_select {
font-size:0.9em !important;
}
// #largeImage {position: absolute;padding: .5em;background: #e3e3e3;border: 1px solid #BFBFBF;}


/* The alert message box */
.alertLifestring {
  padding: 20px;
  background-color: #f44336; /* Red */
  color: white;
  margin-bottom: 15px;
}

/* The close button */
.closebtnAlertLifestring {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtnAlertLifestring:hover {
  color: black;
}

.error-message-lifestring {
    position: fixed;
    top: 45%;
    left: 50%;
    margin-left: -150px;
    width: 300px;
    z-index: 9999;
}

.semaphorecontainer {
    width: 80%;
    height: 340px;
    background: #1a1a4a;
    margin: auto;
    padding: 10px;
}
.semaphoreleft {
    width:100.5px;
    height:294px;
    border:3px solid #1a1a4a;
    margin-left:100px;
    background: #1a1a4a;
    float: left;
}
.semaphoreright {
    margin-left: 15%;
    height: 300px;
    background: #1a1a4a;
}
.textarelogcontainer {
    width: 100%;
    height: 300px;
    background: #1a1a4a;
}

#textarealog {
    width : 80%;
    color:#afaf99 !important;
    font-size:14px !important;
    background-color: #0a0a33;
    overflow:hidden;
    resize:none;
}

/*
.first-exam-values {
color:#a9a9bb !important;
}

.second-exam-values {
color:#a9a9bb !important;
}
*/

.success {
color:#a92222 !important;
}

.visitComplete {
background-color: #397330;
}

.visitStarted {
background-color: #90452E;
}

.secondRead {
color:#8A83B8 !important;;
}