body{
       font-family: normal Arial, Helvetica, sans-serif			;
//	margin-top:0; 
     } 
	 
	 .hoverlang{
		 background-color: #25295F
	 }
	 .hoverlang:hover{
		 
		 
		 background-color:#35496F;
		 outline: 1px solid #b7b7b7;
	 }
	 
	


	
	.input1 {
	width:100x;
	display: inline-block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 2px;
	border: 1px solid #b7b7b7;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	font: normal 16px/normal Arial, Helvetica, sans-serif;
	color: black);
	-o-text-overflow: clip;
	text-overflow: clip;
	background: 
	white;
	-webkit-box-shadow: 2px 2px 2px 0 rgba(123,125,145,0.2) inset;
	box-shadow: 2px 2px 2px 0 rgba(123,125,145,0.2) inset;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
	margin:5px;}
	
	.input2 {
	width:100x;
	display: inline-block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 2px;
	border: 1px solid #b7b7b7;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	font: normal 16px/normal Arial, Helvetica, sans-serif;
	color: black);
	-o-text-overflow: clip;
	text-overflow: clip;
	background: 
	white;
	-webkit-box-shadow: 2px 2px 2px 0 rgba(123,125,145,0.2) inset;
	box-shadow: 2px 2px 2px 0 rgba(123,125,145,0.2) inset;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
	margin:5px;}
	

  
  	.input2:invalid {
  border: 2px solid rgb(255, 204, 204);
  background : url(../pics/invalid.png) no-repeat 98% center;
   background-size: 15px 15px;  
  
}

  	.input2:valid {
  border: 2px solid #99ff99;
  background : url(../pics/valid.png) no-repeat 98% center;
   background-size: 15px 15px;  
  
}
	
      .left{
      float: left;
      text-align:bottom;
      }
      .right {
      float: right;
      }
      body{
      }
      .imagelink{
             display:table-cell;
      vertical-align:middle;
            height:100%;
      }
      .tabdicom3 {
      border: 1px solid #333333;
      background:#4D4D4D;
      text-align: center;
      font-size: medium;
      font-weight: bold;
      color: white;
      vertical-align: middle;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis
      border-radius:5px;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
      
}
      .titletab{
       opacity: 1; 
//	   margin-top: 9px; 
	   padding:5px;
       border-width: 0px;
       border-radius: 10px; 
       border-color: rgb(200, 200, 200); 
       border-style: solid; 
       background-color: #25295F;
       background-size: auto; 
       background-repeat: repeat; 
       width: calc(100% - 10px); 
       height: 25px; 
       color:white;
       font-size:14;
       font-weight:bold;
       text-align:center;
       max-height: 38px;
       cursor: pointer;
       //transform: rotate(0deg) translate(19px, 174px) rotate(0deg);
      }

      .tabheader{
       opacity: 1; 
       padding-left: 0px; 
       padding-right: 0px;
       border-width: 0px; 
       border-top-left-radius: 10px;
	   border-top-right-radius: 10px;	   
       border-color: rgb(200, 200, 200); 
       border-style: solid; 
       background-color: rgb(62, 96, 111);/* 96 111*/
       background-size: auto; 
       background-repeat: repeat; 
       background-position: center center; 
       width: auto; 
       height: 38px; 
       color:white;
       font-size:14;
       font-weight:bold;
       text-align:center;
       max-height: 38px;
       cursor: pointer;

      }

      .tabdark{
       opacity: 1; 
       padding-left: 9px; 
       padding-right: 9px;
       border-width: 0px; 
       border-radius: 0px; 
       border-color: rgb(200, 200, 200); 
       border-style: solid; 
       background-color: rgb(62, 96, 111);/* 96 111*/
       background-size: auto; 
       background-repeat: repeat; 
      background-position: center center; 
       width: auto; 
       height: 38px; 
      color:white;
       font-size:14;
       font-weight:bold;
       text-align:center;
       max-height: 38px;
       cursor: pointer;

      }



      .studylist tr:nth-child(odd) {
            
      }
      .studylist tr:nth-child(even) {
            background-color: rgb(218,218,218);
      }
      .studylist td{
            padding-top:4px;
            padding-bottom:4px;
      }
      .studylist tr:hover{
	background-color: rgb(237,196,158);
	cursor:pointer;
	}
      .tooltab{
            cursor: pointer;
       opacity: 1; 
       padding-left: 9px; 
       padding-right: 9px;
       border-width: 0px; 
       border-radius: 0px; 
       border-color: rgb(200, 200, 200); 
       border-style: solid; 
       background-size: auto; 
       background-repeat: repeat; 
       background-position: center center; 
       width: auto; 
       height: 38px; 
       color:white;
       font-size:14;
       font-weight:bold;
       text-align:center;
       max-height: 38px;
      


      }

      .winchooser:hover {
    cursor: pointer;
    /*background:#6E6F6F;*/
    background: rgb(112, 150, 169);
}
      .arrondi{
            -moz-border-radius:15px;
            -webkit-border-radius:15px;
            border-radius:15px;
      }
      .tabtitle{
            
            text-align:left;
            display: table; 

            height:100%;
      }
      .tabtool{
      cursor: pointer;
       opacity: 1; 
       padding: 0px; 
       border-width: 0px; 
       border-radius: 0px; 
       border-color: rgb(200, 200, 200); 
       border-style: solid;
       background-color: rgb(222, 100, 119); 
       background-image: none; 
       background-size: auto; 
       background-repeat: repeat; 
       background-position: center center; 
       width: auto; 
       height: 68px;
       color:white;
       font-size:14;
       font-weight:bold;
       text-align:center;
       max-width: 180px;

       overflow: hidden;
      text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 2;/* number of lines to show */
       line-height: 20px;
      /* fallback */
       max-height: 40px;
      }

      .overlaycolor{
            color: white;
            text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
            font-family:CaviarDreams;
      }

      .overlaydicom{
      font-weight:bold;
      color:white;
      font-size:1.0em;
      text-align:left;
      text-shadow:1px 1px black;
}
      .overlaydicom:hover{
            font-weight:bold;
            cursor:pointer;
            /*color:red;*/

            /*font-size:1.1em;
            text-align:left;
            text-shadow:1px 1px black;*/
      
      }
      .viewerleftstudy{
    /*  cursor: pointer;*/
       opacity: 1; 
       padding: 0px; 
       padding-left: 6px;
       padding-right: 6px;

       border-width: 0px; 
       border-radius: 0px; 
       border-color: rgb(200, 200, 200); 
       border-style: solid;
       background-color: rgb(112, 150, 169); 
       background-image: none; 
       background-size: auto; 
       background-repeat: repeat; 
       background-position: center center; 
       width: auto; 
       height: 38px;
       min-height:40px;
       color:white;
       font-size:14;
       font-weight:bold;
       text-align:center;
       max-width: calc(100% - 12px);

       overflow: hidden;
      text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 2;/* number of lines to show */
       line-height: 20px;
      /* fallback */
       max-height: 40px;

      }
      .tablight{
      cursor: pointer;
       opacity: 1; 
       padding: 0px; 
       padding-left: 6px;
       padding-right: 6px;

       border-width: 0px; 
     
       border-color: rgb(200, 200, 200); 
       border-style: solid;
       background-color: rgb(112, 150, 169); 
       background-image: none; 
       background-size: auto; 
       background-repeat: repeat; 
       background-position: center center; 
       width: auto; 
       height: 38px;
       min-height:40px;
       color:white;
       font-size:14;
       font-weight:bold;
       text-align:center;
       max-width: 180px;

       overflow: hidden;
      text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 2;/* number of lines to show */
       line-height: 20px;
      /* fallback */
       max-height: 40px;

      }
        .tablightfh{
      cursor: pointer;
       opacity: 1; 
       padding: 0px; 
       padding-left: 6px;
       padding-right: 6px;

       border-width: 0px; 
       border-radius: 0px; 
       border-color: rgb(200, 200, 200); 
       border-style: solid;
       background-color: rgb(112, 150, 169); 
       background-image: none; 
       background-size: auto; 
       background-repeat: repeat; 
       background-position: center center; 
       width: auto; 
     
       color:white;
       font-size:14;
       font-weight:bold;
       text-align:center;
       max-width: 180px;

       overflow: hidden;
      text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 2;/* number of lines to show */
       line-height: 20px;
      /* fallback */
       

      }

      .tabfilter{
            cursor: pointer;

       opacity: 1; 
       padding: 10px; 
       border-width: 1px; 
       border-radius: 9px; 
       border-color: rgb(255, 150, 150); 
       border-style: solid;
       background-color: rgb(142, 90, 100); 
       background-image: none; 
       background-size: auto; 
       background-repeat: repeat; 
       background-position: center center; 
       width: auto; 
       height: 38px;
       color:white;
       font-size:14;
       font-weight:bold;s
       max-width: 180px;
       overflow: hidden;
      text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 2;/* number of lines to show */
       line-height: 20px;
      /* fallback */
       max-height: 40px;
      }

	  .minleftbarstyle{
		  width: 40px;
		  background-color: rgb(112,150,169);
		  color: white;
		  height: calc(100% - 105px);
		  position: absolute;
		  /*float: left;*/
		  
	  }

      .leftbarstyle{
       position:absolute;
       float:left;
       /*height: calc(100% - 160px);*/
	   height: calc(100% - 153px);
       background-color:#000000cc;
	   /*background-color:rgb(31,48,56);*/
       width: 270px;
      }
      .searchbarstyle {
       position:absolute;
       float:left;
	   border-radius:10px;
       height: calc(100% - 160px); /* 99 px */
      opacity: 1; 
       
       border-width: 0px;
       
      background-color: rgb(62, 96, 111);
      color: white;
       border-style: solid; 
       width: 250px;
       min-width:250px;
       z-index:10;
       font-weight:bold;
      }
	  
	  .overborder:hover{
		outline: 1px solid rgb(112, 150, 169);
	  }
      .ximeobarstyle{
            position:absolute;
            float:left;
            height: 48px;
            bottom: 15px;
            width: 220px;
            min-width: 220px;
			max-width: 220px;
			
            z-index:10;
            font-weight:bold;
            background-color: default;
      }
      .ximeobarstyle:hover{
            cursor: pointer;     
      }
       
      .viewerstyle{
       position:absolute;
       left:calc(280px);
       height: calc(100% - 105px); 
       background-color: white; 
       width:calc(100% - 295px);
       z-index:9;

      }
	  .viewerstylemax{
		  position:absolute;
		  left:52px;
		  height:calc(100% - 105px); 
       background-color: white; 
       width:calc(100% - 67px);
       z-index:9;
	  }
      .studystyle{
       position:absolute;
       left:calc(260px);
       height: calc(100% - 110px); 
       
       width:calc(100% - 270px);
       z-index:9;
      }

      .imghelper {
       display: inline-block;
       height: 100%;
       vertical-align:middle;
      }
      .searchitem{
            //left:40px;
            width: calc(100% - 40px);
      }
      .tdsearchitem{
            text-align:right
      }
      .tdfiltertitleitem{
            padding-top:8px;
      }

      body::-webkit-scrollbar {
    width: 1em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}


/* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #3e8e41;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}