.showLongText {
    text-overflow: ellipsis;
    cursor: pointer;
}
.showLongText span{
    display: none;
}


option[gray] {
   color: gray;
}

.navbar-fixed-left {
  width: 140px;
  position: fixed;
  border-radius: 0;
  height: 100%;
}

.navbar-fixed-left .navbar-nav > li {
  float: none;  /* Cancel default li float: left */
  width: 139px;
}

.navbar-fixed-left + .container {
  padding-left: 160px;
}

/* On using dropdown menu (To right shift popuped) */
.navbar-fixed-left .navbar-nav > li > .dropdown-menu {
  margin-top: -50px;
  margin-left: 140px;
}



body{ padding: 70px 0px; }
label { margin-right: 5px; }
 
.panel-body { padding: 6px; padding-top:9px; }
.control-label{ font-size: 12px;  }
.form-group { margin-right:5px !important; margin-bottom:5px !important; }       
.form-group-sm .form-control, .form-group-sm select.form-control{ 
	height: 25px;
	padding: 3px 5px; 
}
.col-xs-12, .col-sm-8, .col-lg-9, .col-lg-3 { padding:0px; }


div #media, div #panel-practice-media {
 text-align:center;
}

.panel-body .row {
	margin:0;
}
.panel-heading {
	padding: 4px 15px;
}

.file-license_front_url, .file-license_rear_url{
	width:auto;
	height:80px;
	border:1px dashed #fefefe;
	cursor:pointer;
}
.file-photo_url{
	width:auto;
	height:100px;
	border:1px dashed #fefefe;
	cursor:pointer;
}
.file-sign_url{
	width:100%;
	max-width:100px;   /*200px*/
	max-height:50px;
	border:1px dashed #fefefe;
	cursor:pointer;
}
.file-pat{
	width:200px;
	height:50px;
	border:1px dashed #fefefe;
}

div #media input[type=file], div #panel-practice-media input[type=file] {
	display:none;
}
div #media label, div #panel-practice-media label {
	width:100%;
}
div #media .panel-body, div #panel-practice-media .panel-body {
	padding:2px;
}
div #quiz .panel-body, div #panel-practice-media .panel-body {
	padding-top:2px;
}

#query_columns_list {
    max-height: 250px;
    overflow-y: auto;
}

#panel-practiceced-auto, #panel-practice_import {
   pointer-events: none;
    opacity: 0.4;
}

#fieldset_Customer .pagination li { text-align:center; }
#fieldset_Verbal .pagination li { text-align:center; }
#fieldset_DrivingSession .pagination li { text-align:center; }


@media (max-width: 768px){
	.force-inline{ float:left; width:auto; }
	#panel-practice_pat1 .row { border-top: 1px dashed #cecece;}
	#panel-practice_pat1 .row:first-child { border-top:none; }
}

@media (min-width: 768px){
    
    .mrl10{
      margin-left:10px;      
    }
    
    .login	{
		width: 40%;
		margin:0 auto;
	}
    
    
    #panel-practice .row[rnum="2"] .form-group{
        width:100%;
    }
    
    
    
    #query_columns_list {
        max-height: 400px;
    }
    
    #query_content, #query_container {
        width:100%;
        float:left;
    }
    #query_sfields {
        width:29%;
        float:right;
    }
    #query_filters_list input{ width:100%; }
    
    
    #ws_query_params .panel-group{
        margin-bottom:0px !important;
    }
    
    
	#panel-practiceexam-1, #panel-practiceexam-2,
	#panel-practicecustomertrustee-birth, #panel-practicecustomertrustee-residence, #panel-practicecustomertrustee-delivery, #panel-practicecustomertrustee-doc,
	#panel-practicemedicalvisit2,  #panel-practicemedicalvisit3,  #panel-practicemedicalvisit4, #panel-practiceced-bulletin1, #panel-practiceced-bulletin2, #panel-practiceced-auto,
	#panel-practicelicense_A, #panel-practicelicense_B, #panel-practicelicense_C, #panel-practicelicense_D
	{
		width: auto;
		min-width: 0;
		display: table;
		float: left;
		margin-right:2px;
	}
	
    #panel-practicelicense_A, #panel-practicelicense_B, #panel-practicelicense_C, #panel-practicelicense_D {
        min-height: 158px;
    }
	
	#panel-practicelicense_A {
         clear:both;
    }
	
	#panel-practicemedicalvisit1, #panel-practicemedicalvisit2,
	#panel-practice_notes, #panel-practice-media,
	#panel-practicelicense1, #panel-practicelicense2, #panel-practicelicense3, #panel-practicelicense4, #panel-practicelicense5, 
	#panel-practicelicense6, #panel-practicelicense8, #panel-practice, #panel-practice_pat1, #panel-practice_delivery, #panel-practice_import, #wsfieldspan {
		width: auto;
		min-width: 0;
		display: table;
		float: left;
		margin-right:2px !important;
		margin-top:0px !important;
		margin-bottom:2px !important;
	}
	
	
	#panel-practice-media {
		/*float: right;*/
	}
	
	#PracticeLicense>div {
		min-width:49.4%;
		margin-top: 5px !important;
	}
              
  
  #panel-practiceexam-2{
    margin-top:0;
  }
  
	#panel-practicecustomertrustee-residence {
		clear:both;
	}


	

	div #media>.panel-heading, div #panel-practice-media>.panel-heading {
		display:none;
	}

    .xtype_questions {
		width:600px !important;
	}
	.xtype_fiscal-code {
		width:150px !important;
	}
	.xtype_date{
		width:80px !important;
	}
	.xtype_state{
		width:50px !important;
	}
	.xtype_cap {
		width:50px !important;
	}
	.xtype_street-number{
		width:55px !important;
	}
	.xtype_toponym {
		width:60px !important;
	}
	.xtype_country {
		width:43px !important;
	}  
	.xtype_route {
		width:270px !important;
	}
	.xtype_city {
		width:250px !important;
	}

	.xtype_validity-year, .xtype_validity-month {
		width:83px !important;
	}  
	.xtype_prescriptions {
		width:320px !important;
	} 
    .xtype_an51_type {
      width:60px !important;
    } 
  
    .xtype_bulletin_cc, 
    .xtype_bulletin_fraz, .xtype_bulletin_session {
      width:60px !important;
    } 
  
   .xtype_bulletin_control_code, .xtype_bulletin_fourth_field {
      width:95px !important;
    } 
   .xtype_bulletin_prog {
      width:75px !important;
    } 
    
    .xtype_smallnumber {
      width:60px !important;
    }     
    
    .xtype_time {
      width:60px !important;
    }     
    
    #verbal input[name=name]{
      width:520px !important;
    }
  
    #panel-practice_pat .checkbox-inline {
        min-width: 50px;
    }
  
  
  .rowclearB { clear:both; }
  .rowclearL { clear:left; }
  .rowclearR { clear:right; }
  .rowleft { float: left; }
  .rowright { float: right; }
  .rowMargin { margin-right:80px !important; }
  .rowMargin1 { margin-right:9px !important; }
  
  #panel-practice_pat1 .checkbox-inline,
  #panel-practicelicense1 .checkbox-inline,
  #panel-practicelicense_A .checkbox-inline, #panel-practicelicense_B .checkbox-inline, #panel-practicelicense_C .checkbox-inline, #panel-practicelicense_D .checkbox-inline,
  #panel-practicemedicalvisit .checkbox-inline,  #panel-practicemedicalvisit2 .checkbox-inline,  #panel-practicemedicalvisit3 .checkbox-inline,  #panel-practicemedicalvisit4 .checkbox-inline {
    min-width: 50px;
  }
	.container {
		width:90%;
	}

	.form-group-sm .form-control, .form-group-sm select.form-control{ 
		height: 21px;
		padding: 2px 2px; 
	}

	.panel-body { padding-left: 6px; } /* 2 */

	label { margin-left: 2px; }

	#fieldset_Quiz label {  margin-left: 2px;
                            min-width: 100px;
                            text-align: right; 
    }
	#fieldset_Quiz { margin-top:0px;margin-left:2px; }

	div #media, div #panel-practice-media { margin-top:0px; margin-right:2px; }

}        
@media (min-width: 800px){

}


/** JUI **/
  .ui-autocomplete {
    max-height: 150px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    background:none !important;
    background-color:white !important;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 150px;
  }
  
  
  
  
  
/**************************************************/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

#query_container .open>.dropdown-menu {
    display: inline-block;
    min-width: 410px;
}
#query_container .open>.dropdown-menu>.dropdown-submenu {
    position: relative;
    float: left;
    min-width: 200px;
}
#query_container #ds_PracticeAdrCertificate>.dropdown-menu {
    overflow-y: auto;
    max-height: 200px;
}

#query_container .open>.dropdown-menu>.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu {
    overflow-y: auto;
    max-height: 200px;
}

.ui-autocomplete-input {
 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADbSURBVDhP5ZI9C4MwEIb7//+BEDgICA6C4OQgBJy6dRIEB6EgCNkEJ4e3iT2oHzH9wHbpAwfyJvfkJDnhYH4kHDVKlSAigSAQoCiBKjVGXvaxFXZnxBQYkSlBICII+22K4jM63rbHSthCSdsskVX9Y6KxR5XJSSpVy6GbpbBKp6aw0BzM0ShCe1iKihMXC6EuQtMQwukzPFu3fFd4+C+/cimUNxy6WQkNnmdzL3NYPfDmLVuhZf2wZYz80qDkKX1St3CXAfVMqq4cz3hTaGEpmctxDPmB0M/fCYEbAwZYyVKYcroAAAAASUVORK5CYII=) no-repeat scroll 100% 2px;
 padding-right:20px!important;
 min-width:60px; 
}
.xtype_date {
 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAllBMVEWg1//f4OGf1f+c0f2b0Pz///8jkeSYzPlhx/9Vvv8sluWk2v6Wyfer3v+h0PpGqfZ6rsg5me571Plmz/+czfRfyvyv4/+02/k9n+o8nfA0j9yw1fQqk+s2leREp/lQlMwtnPm5wMc7iMjt7u4wlO623vlq3P9SwPfW5e9lyfV+zu5txexn0PdWvOZ2qMpgxfhFqfJPt/4cEIdNAAAAm0lEQVQYlU3N6Q6CMBBG0UEcRWrLWhbBiqIoggvv/3JOS6qe5GaS788A3mPE2DYg4DAi9j3iSHd8IDxfMgyl7XoDTyZdl1BS6jKYvFlmTBd4b2acMcZZQMOUcY0ZZmDwo3IoArawIC0r8NXC/UqjCvalWFpuWlewK8VaE5oe6khsiThHpKZBNeYjVwEpmhyOh5XhGycHsHX+tPgBcGoP1OUWfpsAAAAASUVORK5CYII=') no-repeat scroll 100% 2px;
 padding-right:12px!important;
 min-width:110px; 
}