/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop into it once it's empty
 */
.multiDemo ul[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
	
}
.multiDemo {margin-top:15px;}
/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.multiDemo ul[dnd-list] .dndPlaceholder {
    background-color: #ddd;
    display: block;
    min-height: 42px;
}

.multiDemo ul[dnd-list] li {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
	list-style:none;
}

/**
 * Show selected elements in green
 */
.multiDemo ul[dnd-list] li.selected {
    background-color: #dff0d8;
    color: #3c763d;
}
.multiDemo ul[dnd-list] li.selected.ng-binding::after { color:#fff;}


.getroutesData {
    background-color: #fff;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 5px 5px #ccc;
    cursor: move;
    display: inline-block;
    margin-bottom:20px;
    min-height: 180px;
    padding: 10px;
    position: relative;
    vertical-align: top;
	border-bottom: 10px;
	border-bottom-style:solid;
}
.getroutesData.rt1 {
    border-color:#054e70;
}

.getroutesData .panel-heading {
    display: block;
    float: left;
    width: 100%;
}
.getroutesData .panel-heading .panel-title { margin:0; padding:0; color: #424242;
    float: left;
    font-size: 14px;
    font-weight: 100;}
.getroutesData .panel-body {
    display: block;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.getroutesData .panel-body li.ng-binding {
    background: #064e6f none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin: 5px 1%;
    position: relative;
    width: 31%;
	font-size:11px;
	/*cursor:-moz-grab;
	transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;*/
}
/*.getroutesData .panel-body li.ng-binding:focus { background:#F49106; cursor:-moz-grabbing;}*/
/*.getroutesData .panel-body li.ng-binding::after,  
.getroutesData .panel-body li.ng-binding::after { 
    background: #1565c1 none repeat scroll 0 0;
    border-radius: 100%;
    font-size: 9px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    padding: 0;
    position: absolute;
    right: -7px;
    text-align: center;
    top: -7px;
    width: 20px;
}*/
/*.getroutesData .panel-body li.ng-binding::after {
    content: "N/C";
}*/

.getroutesData .panel-body li span.ng-binding{  /*.nextDayCollection*/
    background: #1565c1 none repeat scroll 0 0;
    border-radius: 100%;
    font-size: 9px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    padding: 0;
    position: absolute;
    right: -7px;
    text-align: center;
    top: -7px;
    width: 20px;
}
.getroutesData .panel-body li.selected span.ng-binding { color:#fff;}
.getroutesData .panel-subheader {
	border-bottom: 2px solid #d97b2e;
    display: table;
    float: left;
    margin: 10px 0 5px;
    padding-bottom: 4px;
    width: 100%;
	clear: both;
    display: table-row;
}
.getroutesData .panel-subheader label {
    color: #424242;
    font-size: 11px;
    text-align: center;
	margin:0; 
	padding:0;
	font-weight:600;
	display: table-cell;
	width:20%;
}
.getroutesData .panel-subheader label span { font-weight:100; width:100%; float:left;}

.getroutesData .drop-view {
	background: #eceeef none repeat scroll 0 0;
    border-radius: 5px;
    float: left;
    margin: 5px 0;
    padding: 5px 10px;
    width: 100%;
}
.getroutesData .drop-view label {
	color: #424242;
    font-size: 11px;
    font-weight: 600;
    margin:0 10px 0 0;
    padding: 0;
    text-align: center;
	float:left; width:auto;
	line-height:18px;
	
}
.getroutesData .drop-view label input[type="radio"] {float: left;
    margin-right: 5px;
    margin-top: 2px;}

.getroutesData .drop-view .save-rout-form,
.getroutesData .drop-view .assign-form,
.getroutesData .drop-view .drop-form {
    float: left;
    font-size: 12px;
    margin: 10px 0 5px;
    width: 100%;
}
.getroutesData .drop-view .save-rout-form input[type="text"],
.getroutesData .drop-view .save-rout-form select,
.getroutesData .drop-view .assign-form input[type="text"],
.getroutesData .drop-view .assign-form select {
    border: 1px solid #ccc;
    border-radius: 4px;
    float: left;
    font-size: 11px;
    margin: 0 10px 0 0;
    padding: 5px 10px;
    width: 55%;
}
.getroutesData .drop-view .save-rout-form input[type="submit"],
.getroutesData .drop-view .assign-form input[type="submit"],
.getroutesData .drop-view .assign-form button[type="submit"],
.getroutesData .drop-view .assign-form button[type="button"],
.getroutesData .drop-view .drop-form input[type="submit"]  {
          margin: 0 !important;
          color: #fff;
          box-shadow: none;
          border: none;
          font-size: 11px;
          padding: 5px 13px 6px !important;
          text-transform: uppercase;
          border-radius: 4px;
          font-family: "open_sansregular";
          cursor: pointer;
          background: none;
          background-image: linear-gradient(to bottom, #335c92 0%, #3a577c 100%);
          background-repeat: repeat-x; }
.getroutesData .drop-view .save-rout-form input[type="submit"]:focus, 
.getroutesData .drop-view .save-rout-form input[type="submit"]:hover,
.getroutesData .drop-view .assign-form button[type="submit"]:hover,
.getroutesData .drop-view .assign-form button[type="button"]:hover,
.getroutesData .drop-view .drop-form input[type="submit"]:hover {
            color: #fff;
            outline: none !important;
            background: #1a112df5;
            background-repeat: repeat-x; }


.getroutesData .drop-view .assign-form { margin-top:10px;}
.getroutesData .drop-view .assign-form .form-group { margin:0 0 5px; float:left; width:100%;}
.getroutesData .drop-view .assign-form input[type="text"],
.getroutesData .drop-view .assign-form select { width:100%;}
.getroutesData .drop-view .assign-form select {padding: 0 10px; height:25px !important;}
.getroutesData .drop-view .drop-form.commonclass {text-align: left;}
.dndPlaceholder {width: 31%;}
.multiDemo tbody[dnd-list] tr.selected {
    background-color: #dff0d8;
    color: #3c763d;
}
.move_cursor{
    cursor: move;
}

.remove_bck{
    background-color: #fff;
    color: #000;
}

.Vehicle_1 h4{
    background-color: #9A6324;
}

.Vehicle_2 h4{
    background-color: #42D4F4;
}

.Vehicle_3 h4{
    background-color: #3CB44B;
}

.Vehicle_4 h4{
    background-color: #F032E6;
}