@font-face {

font-family: 'CopperplateRegular';
src: url('CopperplateRegular.ttf') format("truetype");
font-weight: normal;
font-style: normal;
}

body,#header{background-color:#262626;color:#768294;}
a, a:visited {color:#768294;}

table.formupper > tbody > tr > td {
color:#949ca8;
}

body, td, th, input, select, textarea, option, optgroup
{
	color:#e2e2e3;
}



select {
    padding: 2px;
}

.hr {
    border-bottom: 1px solid #7d7d7d;
}

textarea {
    box-sizing: border-box;
    resize: none;
}
table.formupper > tbody > tr > td > textarea{height: auto;height: 100%;}

#header{
border-bottom: 2px solid #7d7d7d;		
}
	
#liveclock{/*color:#768294;*/color:#fff;}

.singleline {
    vertical-align: top;
color:#fff;
}

.singleline .name{font-weight:bold;    font-size: 14px;}

.searchscreen input[type='text'],.formfilter input[type='text']{
border:1px solid #fff;
background-color: #262626;
color:#768294;

}


.box > .heading h1 {
color:#768294;

}

.polist  td{
color:#768294;
}

.polist .left,.polist .right{
background-color:#141414;

}

.list thead td {
background-color:#141414;


}

.list tbody tr:hover td ,.list tbody tr:hover td a{

   background-color:#72746F;
   color:#fff;
}



.selected_box {
    background: #ff5e5e;
    background: #f27200 !important;
	
}

.selected_box_red {

    background: red !important;
	
}

.no-border{
	border:none !important;
}

.lldmid{
	text-align:center;
}

.lldpretext, #romarchline,#romarchline_occ{
	display:none;
	background: #000;
    -webkit-border-radius: 6px;
    border: 1px solid #536376;
    -webkit-box-shadow: rgb(0 0 0 / 60%) 0px 2px 12px;
    -moz-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
    padding: 14px 22px;
	z-index: 99;
	text-align: left;
	}
	
.lldpretext input[type="text"]{
		color: #000;
	}	
.lldpretext label{
		padding: 5px;
    vertical-align: super;
}

.lldtrigger,.lldselection {cursor:pointer;}
.selected_red{color:red;}


.confirmlld,.rombtn{
	background: #3D94F6;
    background-image: -webkit-linear-gradient(top, #3D94F6, #1E62D0);
    background-image: -moz-linear-gradient(top, #3D94F6, #1E62D0);
    background-image: -ms-linear-gradient(top, #3D94F6, #1E62D0);
    background-image: -o-linear-gradient(top, #3D94F6, #1E62D0);
    background-image: linear-gradient(to bottom, #3D94F6, #1E62D0);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFFFFF;
    box-shadow: 1px 1px 5px 0px #000000;
    -webkit-box-shadow: 1px 1px 5px 0px #000000;
    -moz-box-shadow: 1px 1px 5px 0px #000000;
    text-shadow: 1px 1px 5px #000000;
    border: solid #337FED 1px;
    display: inline-block;
	padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.rombtn{
	bottom: 0px;
    position: absolute;
}

.romcancelbtn{
	left: 30px;
}

.rom-container{
    width: 150px;
}

.rom-container div,.dot{
	display:none;    
	width: 23px;
    float: left;
    height: 22px;
    line-height: 27px;
    cursor: pointer;	
}

.indicator{color:yellow;font-weight:bold;position: absolute;left: 0px; top: 0px;}

.lldbox{
	width:23px;
	height:24px;
	display: inline-block;
/*	border: 1px solid #ccc;*/
	position: relative;
	background: #000;
}

.sacbox{
	height: 15px;
    width: 35px;
	display: inline-block;
	border: 1px solid #ccc;
	position: relative;
	vertical-align: top;
	cursor: pointer;
}


.weltext{font-size:25px;min-height:30px;min-width: 50px;width: 380px;    padding-left: 5px;}
.divMenu ul li span{
	padding: 15px 10px;
    display: block;
}

#header .div4 {
    padding: 8px 175px 0px 0px;
	width: 155px;
    text-align: left;
}


.menuSearchBar{
	width: 250px;
	width: 150px;
    padding-top: 5px;}

.divMenu ul {
    width: 100%;
    height: 50px;
    margin: 0px;
    padding-left: 0px;
}

.divMenu ul li {
    display: block;
    float: left;
    padding: 0px 3px;
    height: 100%;
    text-align: center;
}

#header .div2 {
    padding: 7px 0px 0px 0px;
	float: right;
}

.htabs a, .htabscustom a{
	border:none;
    padding: 7px 15px 6px 15px;
	color:#8c8c8c;

}

.htabs a.selected, .htabscustom a.selected {
	background: #393735;
	padding-bottom: 5px;

	
}

.tabcontent{
	background: #393735;
	padding: 15px;
}
.col3{width:350px;display: inline-block;}

.mrgbtm3{margin-bottom:15px;}

.mrgbtm1{margin-bottom: 5px;}

.mrgrht{margin-right:2%;}

 
.half-length{ 
	width:49%;
	float: left;
}

.full-length{
	width: 100%;
}


.full-length input,.half-length input{
	border-radius: 0px;
    border-width: 1px;
    border-style: solid;
}	
	
	
.full-length input,.full-length select,.full-length textarea,.half-length input,.half-length select{
	background: #464646;
    color: #e2e2e3;
	width: calc(100% - 4px);
    height: 25px;
}

.half-length select,.full-length textarea{
	width: 100%;
}

.full-length input[type="radio"]
{
	width: 12px;
}

.inputstyle{
	background: #464646;
    color: #e2e2e3;
	width:100%;
    height: 30px;
	border-radius: 0px;
    border-width: 1px;
    border-style: solid;
	border-color: -internal-light-dark-color(rgb(118, 118, 118), rgb(195, 195, 195));
    border-image: initial;
}


.box > .heading2{
	position: absolute;
	margin-top: 10px;
    right: 5px;
	height: 38px;
    text-align: center;
    text-transform: uppercase;
}
	
}

.overview_heading {
    height: 38px;
    text-align: center;
    text-transform: uppercase;
}

/*
.list tbody tr:hover td a {
    background-color: #383838;
}
*/

a.button, .list a.button{background: none;}

#content{    padding-top: 50px;}

#soap_left{width:100%;border-bottom: 1px solid #7d7d7d;}

.htabscustom{
	padding: 10px 0px 0px 10px;
	margin-bottom: 0px; 
	position: absolute;
    top: 75px;
    left: 80px;
}

.thstyle{
	border-bottom: 1px solid #DDDDDD;
}

.thstyle td{
	padding:3px 0px;
}

.enableDEL{margin: 3px 0 3px 10px;}

#soap_tbl input,#soap_tbl select,.thstyle select,.thstyle input{background:none;}

#soap_tbl{}

.daily_add2{margin-left:-10px;}

.mid_left{margin-top: 10px;    margin-left: -15px; width: 390px;width: 390px;width: 358px;}

.innerspan{
		    margin-left: 11px;
	}

.soap_input{
	background:none;
	color:#377da1;
	text-transform: uppercase;

}

.soap_input_short {
/*    border: none; */
    resize: none;
    width: 150px;
    margin-left: 5px !important;
	background:none;
	color:#377da1;
	text-transform: uppercase;
	border-width: 1px;
    border-style: solid;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
}

.subjectivenotes{
	resize: none;
    background: none;
    color: #377da1;
    text-transform: uppercase;
    width: 370px;
	width: 301px;
    height: 50px;
    margin-top: 5px;
}

.mid_left,.mid_mid,.mid_mid2,.mid_right,.mid_left td,.mid_mid td,.mid_mid2 td,.mid_right td{font-size:11px;}


.prog_better_selected,.severityscore_0_selected,.intensity_decrease_selected,.frequency_decrease_selected,.symptom_n_selected{background-color: #159015;}
.prog_same_selected,.intensity_same_selected,.frequency_same_selected,.severityscore_5_selected{background-color: #0080FF;color:#fff;}
.prog_worse_selected,.intensity_increase_selected,.frequency_increase_selected,.severityscore_10_selected,.symptom_y_selected{background-color: red;}



.secondarycomplaint,.additionalcomplaint	{
		    margin-top: 20px;
    border-top: 1px solid #fff;
    padding-top: 5px;
	display:none;
}






#mid_mid,#mid_mid2{
	float: left;
	margin-top: 10px;
}

.mid_left , #mid_mid ,#mid_right,#mid_mid2{
	border: 1px solid #fff;
}

.mid_left {
    width: 320px;
}

.myotometable tr td:first-child{width: 190px;}


.mid_left .heading, #mid_mid .heading,#mid_right .heading{
	color: #73fdea;
	padding: 8px;
    border-bottom: 1px solid #fff;
}
.hiddenkeyword{display:none;}
.clicklegend img{/*height:30px;width:22px !important;*/padding-left: 5px;}

#mid_mid .heading .subheading{color: #fff;margin-left:20px;padding-left:20px;}

.btmcontent{min-height:570px;}
.btmcontent,.btmcontent2{padding:8px;border-bottom: 1px solid #fff;}

.btmcontent3{padding:8px;}
.btmcontent3 img{vertical-align: middle;width: 11px; padding-right: 2px;}



#mid_mid2 input[type=radio]{display:none;}
#mid_mid2 label{padding:0px 3px;}

#mid_mid2 input[type=radio]:checked + label{ color: red;}

#mid_mid2 input[type=radio]:checked + .noredhighlight{ color: #159015;}

#dtf_lists_selection span,#myotome_lists_selection span,#dermatone_lists_selection span,#orthopedic_lists_selection span{
	padding: 5px;
    width: 15px;
    display: inline-block;
    text-align: center;
	cursor: pointer;
}

.redtxt{color:red;}
.dtr_display,.myotome_display,.dermatone_display{display:none;}


.showrow{display: table-row;}



.dtrtable td{
	width: 30px;
    max-width: 115px;
}

.contentdivider{
	border-top: 1px solid #fff;
    margin: 5px;
}

.fldiv{
	float:left;
}


.questionlabel{
		width: 210px;
		width: 140px;
    display: inline-block;
	    font-size: 11px;
	}

.PAE,.myofascial,.HCpROM{display:none !important; }

.treatmentbtn span{padding:0px;border:none;background:none;margin:0px;box-shadow:0 rgba(0,0,0,0),0 rgba(0,0,0,0)!important;}

.soap_table td,.l1soctable td{
	border: 1px solid #ccc;
	width: 20px;
	height:20px;
    overflow: hidden;
/*    display: inline-block;
    white-space: nowrap;*/
	vertical-align: middle;
	position: relative; /* for after & before marking position*/
	
}

.switch_input,.tbitem,.tbmid  {cursor: pointer;}

.switch_input{
		visibility: hidden;
}
	
.soap_table tr,.l1soctable tr {
    height: 23px;
}

.selected_method2:after{
	content: '';
    height: 15px;
    width: 15px;
    border: 3px solid yellow;
    border-radius: 50%;
    display: inline-block;
	position: absolute;
	top: 1px;
    left: 1px;
}

.selected_method3:before{
    content: "\274c";
    content: "\2757";
    font-size: 20px;
    position: absolute;
	top: -3px;
    left: 6px;
}


.tblright img, .tblright_occ img{  
	width: 14px;
    vertical-align: middle;
    padding-left: 3px;
}

.tblright, .tblright_occ{  
    border: none !important;
	cursor: pointer;
}


cordinputtext input[type='text']{width: 85%;display:none;color: #000;}

.blackbold{color:#000;font-weight:bold;}

ext,llf,lr,flx,rlf,rr,occleft,occright{
	width:25px; 
	color:#000;    
	padding: 0px 6px;
    margin-bottom: 1px;
    display: none;
	cursor: pointer;
}
occleft,occright{
	width: 40px;
    margin-top: 6px;
    margin-bottom: 0px;
}

.severe_colour{
background: #fff056;
display:inline-block;
}

.moderate_colour{
background: #ffa500;
display:inline-block;
}

.mild_colour{
background: #b51700;
display:inline-block;
}


.hidden_mild_colour{
background: #b51700;
display:none;
width: 100%;
height: 100%;
text-align: center;
color: #000;
font-weight: bold;
cursor:pointer;
}


.l1soctable {text-align:center;}

exclamation{display:none;}
#archline_new_occ{
	background: url("../../image/occ_archline.png") no-repeat top left;
	width: 140px;
    height: 115px;
	display:inline-block;
	float:left;
	position: relative;
}

#archline_new{
	background: url("../../image/archline_new.png") no-repeat top left;
	width: 140px;
    height: 230px;
	display:inline-block;
	float:left;
	position: relative;
}	



#archline{
	background: url("../../image/archline.png") no-repeat top left;
	width:150px;
	height:620px;
	display:inline-block;
	float:left;
	margin-right:20px;
	position: relative;
}	


#archline_new p,#archline_new_occ p{
	position: absolute;
    bottom: 22px;
    font-size: 7px;
}


.occ_left_cervical_rotation_severe{
	position: absolute;
    left: -7px;
    top: -5px;
}
.occ_left_cervical_rotation_moderate{
	position: absolute;
	top: 10px;
    left: 16px;
}
.occ_left_cervical_rotation_mild{
	position: absolute;
    top: 20px;
    left: 45px;
}

.occ_right_cervical_rotation_severe{
	position: absolute;
    top: -6px;
	left: 122px;
}
.occ_right_cervical_rotation_moderate{
	position: absolute;
    top: 8px;
    left: 99px;
}
.occ_right_cervical_rotation_mild{
	position: absolute;
    top: 20px;
    left: 73px;
}


.left_cervical_rotation_severe{
	position: absolute;
    top: 28px;
}
.left_cervical_rotation_moderate{
	position: absolute;
    top: 13px;
    left: 22px;
}
.left_cervical_rotation_mild{
	position: absolute;
    top: 5px;
    left: 45px;
}

.right_cervical_rotation_severe{
	position: absolute;
    top: 28px;
	left: 122px;
}
.right_cervical_rotation_moderate{
	position: absolute;
    top: 13px;
    left: 99px;
}
.right_cervical_rotation_mild{
	position: absolute;
    top: 5px;
    left: 73px;
}


.cervical_flexion_restriction_severe{
	position: absolute;
    top: 22px;
    left: 60px;
}
.cervical_flexion_restriction_moderate{
	position: absolute;
    top: 44px;
    left: 60px;
}
.cervical_flexion_restriction_mild{
	position: absolute;
    top: 66px;
    left: 60px;
}

.cervical_extension_restriction_mild{
	position: absolute;
    top: 105px;
    left: 60px;
}
.cervical_extension_restriction_moderate{
	position: absolute;
    top: 127px;
    left: 60px;
}
.cervical_extension_restriction_severe{
	position: absolute;
    top: 150px;
    left: 60px;
}

.left_cervical_lateral_flexion_restriction_severe{
	position: absolute;
    top: 88px;
    left: 8px;
}
.left_cervical_lateral_flexion_restriction_moderate{
	position: absolute;
    top: 88px;
    left: 28px;
}
.left_cervical_lateral_flexion_restriction_mild{
	position: absolute;
    top: 88px;
    left: 48px;
}

.right_cervical_lateral_flexion_restriction_mild{
	position: absolute;
    top: 88px;
    left: 75px;
}
.right_cervical_lateral_flexion_restriction_moderate{
	position: absolute;
    top: 88px;
    left: 95px;
}
.right_cervical_lateral_flexion_restriction_severe{
	position: absolute;
    top: 88px;
    left: 115px;
}








.left_thoracic_rotation_severe{
	position: absolute;
    top: 230px;
}
.left_thoracic_rotation_moderate{
	position: absolute;
    top: 215px;
    left: 22px;
}
.left_thoracic_rotation_mild{
	position: absolute;
    top: 207px;
    left: 45px;
}

.right_thoracic_rotation_severe{
	position: absolute;
    top: 230px;
	left: 122px;
}
.right_thoracic_rotation_moderate{
	position: absolute;
    top: 215px;
    left: 99px;
}
.right_thoracic_rotation_mild{
	position: absolute;
    top: 207px;
    left: 73px;
}


.thoracic_flexion_restriction_severe{
	position: absolute;
    top: 224px;
    left: 60px;
}
.thoracic_flexion_restriction_moderate{
	position: absolute;
    top: 246px;
    left: 60px;
}
.thoracic_flexion_restriction_mild{
	position: absolute;
    top: 268px;
    left: 60px;
}

.thoracic_extension_restriction_mild{
	position: absolute;
    top: 307px;
    left: 60px;
}
.thoracic_extension_restriction_moderate{
	position: absolute;
    top: 329px;
    left: 60px;
}
.thoracic_extension_restriction_severe{
	position: absolute;
    top: 352px;
    left: 60px;
}

.left_thoracic_lateral_flexion_restriction_severe{
	position: absolute;
    top: 289px;
    left: 8px;
}
.left_thoracic_lateral_flexion_restriction_moderate{
	position: absolute;
    top: 289px;
    left: 28px;
}
.left_thoracic_lateral_flexion_restriction_mild{
	position: absolute;
    top: 289px;
    left: 48px;
}

.right_thoracic_lateral_flexion_restriction_mild{
	position: absolute;
    top: 289px;
    left: 75px;
}
.right_thoracic_lateral_flexion_restriction_moderate{
	position: absolute;
    top: 289px;
    left: 95px;
}
.right_thoracic_lateral_flexion_restriction_severe{
	position: absolute;
    top: 289px;
    left: 115px;
}






.left_lumbar_rotation_severe{
	position: absolute;
    top: 430px;
}
.left_lumbar_rotation_moderate{
	position: absolute;
    top: 415px;
    left: 22px;
}
.left_lumbar_rotation_mild{
	position: absolute;
    top: 407px;
    left: 45px;
}

.right_lumbar_rotation_severe{
	position: absolute;
    top: 430px;
	left: 122px;
}
.right_lumbar_rotation_moderate{
	position: absolute;
    top: 415px;
    left: 99px;
}
.right_lumbar_rotation_mild{
	position: absolute;
    top: 407px;
    left: 73px;
}


.lumbar_flexion_restriction_severe{
	position: absolute;
    top: 424px;
    left: 60px;
}
.lumbar_flexion_restriction_moderate{
	position: absolute;
    top: 446px;
    left: 60px;
}
.lumbar_flexion_restriction_mild{
	position: absolute;
    top: 468px;
    left: 60px;
}

.lumbar_extension_restriction_mild{
	position: absolute;
    top: 507px;
    left: 60px;
}
.lumbar_extension_restriction_moderate{
	position: absolute;
    top: 529px;
    left: 60px;
}
.lumbar_extension_restriction_severe{
	position: absolute;
    top: 552px;
    left: 60px;
}

.left_lumbar_lateral_flexion_restriction_severe{
	position: absolute;
    top: 488px;
    left: 8px;
}
.left_lumbar_lateral_flexion_restriction_moderate{
	position: absolute;
    top: 488px;
    left: 28px;
}
.left_lumbar_lateral_flexion_restriction_mild{
	position: absolute;
    top: 488px;
    left: 48px;
}

.right_lumbar_lateral_flexion_restriction_mild{
	position: absolute;
    top: 488px;
    left: 75px;
}
.right_lumbar_lateral_flexion_restriction_moderate{
	position: absolute;
    top: 488px;
    left: 95px;
}
.right_lumbar_lateral_flexion_restriction_severe{
	position: absolute;
    top: 488px;
    left: 115px;
}

.left_hip_extension_restriction{
    position: absolute;
    top: 557px;
    left: 30px;
	
}

.right_hip_extension_restriction{
    position: absolute;
    top: 557px;
    left: 92px;
}


.romitem:after,.romitem_severe:after {
        width: 11px;
        height: 11px;
        border-radius: 12px;
 /*       top: -2px;
        left: -1px;
         border: 2px solid white;*/
        position: relative;
       background-color: #d1d3d1;
        content: '';
        display: inline-block;
        visibility: visible;
}

.romitem_mild:checked:after {
	width: 11px;
	height: 11px;
	border-radius: 12px;
/*	top: -2px;
	left: -1px;
	border: 2px solid white;*/
	position: relative;
	background-color: #b51700;
	content: '';
	display: inline-block;
	visibility: visible;
}

.romitem_moderate:checked:after {
	width: 11px;
	height: 11px;
	border-radius: 12px;
/*	top: -2px;
	left: -1px;
	border: 2px solid white;*/
	position: relative;
	background-color: #ffa500;
	content: '';
	display: inline-block;
	visibility: visible;
}


.romitem_severe:checked:after {
	width: 11px;
	height: 11px;
	border-radius: 12px;
/*	top: -2px;
	left: -1px;
	border: 2px solid white;*/
	position: relative;
	background-color: #fff056;
	content: '';
	display: inline-block;
	visibility: visible;
}


.romitem_severe_double:checked:after{
background: #fff056 url(../../image/exclamation2.png) no-repeat 4px 0px;
}

.romitem_moderate_double:checked:after{
background: #ffa500 url(../../image/exclamation2.png) no-repeat 4px 0px;
}

.romitem_mild_double:checked:after{
background: #b51700 url(../../image/exclamation2.png) no-repeat 4px 0px;
}


#archline tr{height:20px;}
#archline td{width:20px;}
	
	
#mid_right {
    width: 450px;
    padding-top: 5px;
	width: 249px;
    padding-top: 5px;
    margin-top: 10px;

}	


.posturalpic{
	display:inline-block;
	width: 495px;
	position: relative;
}

.posturalpic span{position:absolute;}
    
.tbmidleft{
	border: none !important; 
    width: 37px !important; 
    width: 70px !important;
}	

.tbmid,.sacbox,.tbmidntuse {
	background: #fff;
    color: #000;
}

.tbmidntuse {
    width: 60px !important;
    text-align: center;
    border: 1px solid #ccc;
}


.tbmidleft .dot{float:right;}
	
.soap_table,.l1soctable{    border-collapse: collapse;}

.tbmid,.tbleft{width:60px !important;}
.tbleft{display:none !important;}
.adminform table > tbody > tr > td{ color:#fff;}


.userinputfield2 span{color:#000;}

.imghistory{display:none;width: 100%;background-color:#262626;}
.imghistory td{/*	font-family:CopperplateRegular;*/}

.imghistory td:first-child {
    width: 250px;
	font-size: 15px;
	padding: 5px 0;
    height: 20px;
}

#leftcol td:first-child {

	font-size: 15px;
	padding: 5px 0;
    height: 20px;
}


.imghistory td:nth-child(2),#leftcol td:nth-child(2) {
	background: #383838;
    border: 2px solid #45494d;
    color: #809dab;
}

.imghistory td input,.imghistory td select,.imghistory td textarea, .imghistory td option, .imghistory td span{
	color: #809dab;
/*	font-family:CopperplateRegular;*/
	font-size: 15px;
	background: #383838;
	border:none;
}

#leftcol td input,#leftcol td select,#leftcol td textarea, #leftcol td option, #leftcol td span, .button span{
	color: #809dab;
/*	font-family:CopperplateRegular;*/
	font-size: 12px;
	background: #383838;
	border:none;
}


.imghistory td textarea{
/*	font-size: 18px;*/
}

.linkedIMGnote {
    display: none;
    color: red !important;
    text-decoration: underline;
    cursor: pointer !important;
	background:none !important;
}

#imghistory {
min-width: 900px;
width: 1250px;
/*	font-family:CopperplateRegular;*/
}

.boldred{color:red;font-weight:bold;}

.boldgreen{color:#00FF00;font-weight:bold;}
.boldlimegreen{color:#32CD32;font-weight:bold;}

#clockReport table tr:hover	{
font-weight: bold;
background: #9fc6d6;
}

#clockReport table tr:hover .boldlimegreen	{
color: #00FF00;
}

.approvalbtn{margin-right: 10px;}

.imgtablist td{height:25px;padding: 5px 8px;}

.hisleft{
	width: 300px;
    display: inline-block;
	vertical-align: top;
	border-right: 1px solid;
    min-height: 600px;
}

.hisleft ul{
	list-style: none;
    padding: 0px;
	overflow-y: scroll;
	height: 400px;
}

.hisleft ul li{
	padding: 5px 0;
}

.hisright{
	width: 100%;
    display: inline-block;
	border-top: 1px solid #DDDDDD;
}

.xrayimgblock{
	min-height: 340px;
    width: 340px;
	float: left;
}


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  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 */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 500px;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.claimsbtn{font-weight:bold;}

.imgtablist .selected{color:#fff;font-weight:bold;

background:#9fc6d6;
}

.imgtablist
{
border-collapse:collapse;
width: 100%;	
}

#leftcol td{
	
/* font-family:CopperplateRegular;	*/
	
}

.clickablestyle{text-decoration:none;}

#rightcol {
    margin-top: -30px;
	height: 365px;

}

.imghistorydate{display:inline-block;margin-left:10px;}

.imghistorycheckbox{display:inline-block;width: 110px;vertical-align: middle;}
.imghistorycheckbox input[type=checkbox]{vertical-align: middle;}

#imganalysishistory{position:relative;}

#bordertop{
    border-bottom: 1px solid;
    position: absolute;
    left: 5px;
    right: 5px;
}

.spanheader{
	margin: 10px 0;
    display: inline-block;
}

#hisleft_bottom{
	position:absolute; 
	bottom:0;
	width: 300px;
	margin-bottom: 30px;
}

.clickedImageView {
    width: 270px;
}

#imgcurvaturetext{width:500px}

.clickedIMGAngle {
/*    width: 285px;*/
}

.ui-datepicker th, #insert_newtask input, #insert_newtask select, #insert_newtask textarea, #insert_newtask option,#insert_newreport input, #insert_newreport select, #insert_newreport textarea, #insert_newreport option
{
	color:#000;
}

#insert_newtask,#insert_newreport,#confirmUser,#completeTask{
	z-index: 99999;
    -moz-border-radius: 6px;
    background: #000;
    -webkit-border-radius: 6px;
    border: 1px solid #536376;
    -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
    -moz-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
    padding: 14px 22px;
    width: 500px;
    max-width: 80%;
    position: relative;
    display: none;
}

#new_task span,#new_report span{
	vertical-align:top;
	width: 100px;
    display: inline-block;
}


.inputdiv{
	margin-bottom:15px;
}

#reportform .inputdiv input{
	width:253px;
}

#reportform .inputdiv select,#reportform .inputdiv textarea{
	width:260px;
}

.inputdiv select,.inputdiv textarea{
	width:190px;
}

.inputdiv input{
	width:183px;
}

.box > .content {
    padding-bottom: 0px;
}

#board_content > .box >  button{
	background: none;
    border: none;
    color: #989694;
	margin: 0px;
    padding: 5px 20px;
	outline:none;
}

#board_content > .box >  button > img{
	vertical-align: text-bottom;
    padding-right: 3px;
	
}	
	

.tasktrlabel{
	background: url("../../image/task_icon.png") no-repeat left center !important;
	text-indent: 20px;
    color: #fff;
    font-size: 13px;
	margin-bottom: 3px;
}
.reporttrlabel{
	background: url("../../image/report_icon.png") no-repeat left center !important;
	text-indent: 20px;
    color: #fff;
    font-size: 13px;
	margin-bottom: 3px;
}

.noticetab > td{
	padding: 7px;
    border: 1px #878787 solid;
	position: relative;
	
}

.tasktablist .selected{
	background-color:#2c2a28 !important;
	border-right:none;
}

.tasktablist .selected td{
	border-right:none;
}

/*
#noticeboardoutter{
	background-color: #393735;
}
*/

#board_content {
    min-width: 900px;
    padding-top: 60px;
    width: 1250px;
    margin: 0 auto;
}

#noticeboardContent{
		min-height:500px;
		background-color: #393735;
		padding: 10px;
}

.btnclicked{
			background-color: #393735 !important;
}

.submitter{
	font-size: 10px;
    float: right;
	color: #feae00;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100px;
    text-align: end;
    margin-left: -20px;
}

.taskpatient{
	color: #5f5d5b;
	
}

.taskdate{
	float: right;
	color: #5f5d5b;
}

.lefttab{
	width: 300px;
    display: inline-block;
    float: left;
	overflow-y: scroll;
    max-height: 430px;
	direction: rtl;
}

.rightcol{
	width: 60%;
    display: inline-block;
    float: left;
}

.morecontent{
	display:none;
	direction: ltr;
    bottom: 0px;
    position: fixed;
    width: 300px;
    text-align: center;
    background-color: #2c2a28;
    padding: 10px 0px;
}

#noticeboardoutter .rightcol{
	background-color: #2c2a28 !important;
	min-height: 480px;
    min-width: 910px;
	padding: 10px;
	font-size: 13px;
	margin-left: -2px;
    margin-top: 2px;
}

.tasktablist{
	width:100%;
	direction: ltr;
}


.taskcol1{
	margin: 8px 0px;
}

.taskcol2{
	display: inline-block;
    float: left;
    width: 50%;
	margin: 3px 0px;
}

.taskDetails label, .reportDetails label{
	color: #989694;
    display: inline-block;
	width: 100px;
}

.dcolonstyle{
	color: #989694;
	margin-right: 5px;
	
}


.dotted_separator{
	border-bottom: 1px dashed #989694;
    margin-bottom: 10px;
    clear: both;
}

.line_separator{
	border-bottom: 1px solid #989694;
    margin-bottom: 10px;
    height: 10px;
    clear: both;

}

.reportDetails,.chatbox{
	width: 450px;
    float: left;
}

.chatbox{
	color: #989694;
    margin-left: 10px;
    width: 430px;
    border-left: 7px solid #393735;
    padding-left: 10px;
	    position: relative;
}

.reportsubmitter{
	display: inline-block !important;
    width: 100px;
}

.reportcomment{
	display: inline-block !important;
    vertical-align: top;
	min-width: 700px;
}

.reportuserlog{margin:10px 0px;}

.reportmsgarea{
	height: 430px !important;
	font-size: 12px;
    padding-bottom: 30px !important;
}

.notediv{
	width: 330px;
    display: inline-block;
    text-align: justify;
	vertical-align: text-top;
	line-height: 20px;
}

.fullwidthnote{
	width: 540px !important;
}

.insert_newtaskbtn, .insert_newreportbtn  {
	float: right;	
    margin-right: 15px !important;
}

#board_content > .box > .picktask, .picktask{
	background: #3D94F6;
	background-image: -webkit-linear-gradient(top, #3D94F6, #1E62D0);
	background-image: -moz-linear-gradient(top, #3D94F6, #1E62D0);
	background-image: -ms-linear-gradient(top, #3D94F6, #1E62D0);
	background-image: -o-linear-gradient(top, #3D94F6, #1E62D0);
	background-image: linear-gradient(to bottom, #3D94F6, #1E62D0);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FFFFFF;
	padding: 5px;
	box-shadow: 1px 1px 5px 0px #000000;
	-webkit-box-shadow: 1px 1px 5px 0px #000000;
	-moz-box-shadow: 1px 1px 5px 0px #000000;
	text-shadow: 1px 1px 5px #000000;
	border: solid #337FED 1px;
	display: inline-block;
	cursor: pointer;
	text-align: center;
}

#board_content > .box > .picktask:hover, .picktask:hover {
	border: solid #337FED 1px;
	background: #1E62D0;
	background-image: -webkit-linear-gradient(top, #1E62D0, #3D94F6);
	background-image: -moz-linear-gradient(top, #1E62D0, #3D94F6);
	background-image: -ms-linear-gradient(top, #1E62D0, #3D94F6);
	background-image: -o-linear-gradient(top, #1E62D0, #3D94F6);
	background-image: linear-gradient(to bottom, #1E62D0, #3D94F6);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}

.picktask2 {
 /* background-color: #19222b;*/
  background-image: linear-gradient(to bottom right, #3e4356, #19222b);
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  transition-duration: 0.4s;
  display: inline-block;
  position: relative;
  

}

.picktask2:hover {
 /*  background-color: #3e4356; Green */
  color: white;
   background-image: linear-gradient(to bottom right, #19222b, #3e4356);
   
   
}

.picktask2:after {
	position: absolute;
    content: '';
    border: 1px solid #d2d7da;
    width: 164px;
    bottom: 5px;
    left: 5px;
    top: 5px;
}

.taskuserlist{
	background: #000 !important;
	
}

.itemprogress{
	color:#989694;
	height: 210px;
}

.msgarea{
    height: 125px;
	overflow-y: scroll;
    padding-bottom: 15px;
}

.msgarea span{
    display: block;
}

.systemlog{
	font-size:11px;
	text-align: center;
}



.userlog{
	font-size:11px;
	width: 215px;
    float: left;
    margin-right: 10px;
}

.typemsg{
	background:#393735 !important;
	color:#989694;
	outline:none;
	border: none;
	width: calc(100% - 100px);
    height: 50px;
    font-size: 14px;
	
}

.reporttypemsg{
	width: calc(100% - 40px);
}

.completebtn{display:none;}

.isowner{display:inline-block;}

.countbadge{
    top: 3px;
    margin-left: 94px;
    padding: 5px !important;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    height: 10px;
    letter-spacing: -1px;
    line-height: 10px;
    position: absolute;
    text-align: center;
    width: 10px;
    background-color: #ff6262 !important;
}
	
.unreadmsg {
  background-color: #53afaf !important;
  /*99a0a0*/
}

#taskform input[type='radio'],#reportform input[type='radio']{display:none;}	

#taskform label,#reportform label {
    cursor: pointer;
	padding: 5px;
	display: inline-block;
    margin-right: 25px;
}


#taskform input[type='radio']:checked + label,#reportform input[type='radio']:checked + label {
    background: #3D94F6;
    background-image: -webkit-linear-gradient(top, #3D94F6, #1E62D0);
    background-image: -moz-linear-gradient(top, #3D94F6, #1E62D0);
    background-image: -ms-linear-gradient(top, #3D94F6, #1E62D0);
    background-image: -o-linear-gradient(top, #3D94F6, #1E62D0);
    background-image: linear-gradient(to bottom, #3D94F6, #1E62D0);
}

.unreadimg{
	background: url("../../image/new_msg.png") no-repeat top left;
	height:22px;
	width:30px;
	position: absolute;
    top: 0px;
    right: 0px;
}

#allbtn,#taskbtn,#reportbtn,#completebtn { cursor: pointer !important; }

#filtercontrol{
    width: 280px;
    float: left;	
background: #3D94F6;
    background-image: -webkit-linear-gradient(top, #3D94F6, #1E62D0);
    background-image: -moz-linear-gradient(top, #3D94F6, #1E62D0);
    background-image: -ms-linear-gradient(top, #3D94F6, #1E62D0);
    background-image: -o-linear-gradient(top, #3D94F6, #1E62D0);
    background-image: linear-gradient(to bottom, #3D94F6, #1E62D0);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFFFFF;
    padding: 5px;
    box-shadow: 1px 1px 5px 0px #000000;
    -webkit-box-shadow: 1px 1px 5px 0px #000000;
    -moz-box-shadow: 1px 1px 5px 0px #000000;
    text-shadow: 1px 1px 5px #000000;
    border: solid #337FED 1px;
    display: inline-block;
	position: absolute;
    left: 0px;
    bottom: -12px;
		
}

.sendmsgbtn{

background: #3D94F6;
    background-image: -webkit-linear-gradient(top, #3D94F6, #1E62D0);
    background-image: -moz-linear-gradient(top, #3D94F6, #1E62D0);
    background-image: -ms-linear-gradient(top, #3D94F6, #1E62D0);
    background-image: -o-linear-gradient(top, #3D94F6, #1E62D0);
    background-image: linear-gradient(to bottom, #3D94F6, #1E62D0);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFFFFF;
    box-shadow: 1px 1px 5px 0px #000000;
    -webkit-box-shadow: 1px 1px 5px 0px #000000;
    -moz-box-shadow: 1px 1px 5px 0px #000000;
    text-shadow: 1px 1px 5px #000000;
    border: solid #337FED 1px;
    display: inline-block;
	position: absolute;
    padding: 16px;
	cursor: pointer;
		
}


#leftouter{
	max-width:300px;
	min-height:500px;
	float: left;
	position: relative;
}

#filtercontrol > input, .daterangepicker > table > tr > th,.daterangepicker >  table > tr > td{ color:#000 !important;}

.redtxt{color:red;}

#searchnotice, #clearsearch{
	cursor: pointer;
    border-radius: 5px;
    text-decoration: none;
    padding: 15px 5px;
    margin-left: 5px;
}

#customsearchform input{
	width:165px;
	color:#000;
	display: inline-block;
	float: left;
	margin-bottom: 5px;
}