table {
	border-spacing: 0;
	border-collapse: collapse;
}

td,
th {
	padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@font-face {
	font-family: "Glyphicons Halflings";
	src: url("../fonts/glyphicons-halflings-regular.eot");
	src: url("../fonts/glyphicons-halflings-regular.eot?#iefix")
			format("embedded-opentype"),
		url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"),
		url("../fonts/glyphicons-halflings-regular.woff") format("woff"),
		url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"),
		url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular")
			format("svg");
}

.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
	content: "\002a";
}

.glyphicon-plus:before {
	content: "\002b";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
	content: "\20ac";
}

.glyphicon-minus:before {
	content: "\2212";
}

.glyphicon-cloud:before {
	content: "\2601";
}

.glyphicon-envelope:before {
	content: "\2709";
}

.glyphicon-pencil:before {
	content: "\270f";
}

.glyphicon-glass:before {
	content: "\e001";
}

.glyphicon-music:before {
	content: "\e002";
}

.glyphicon-search:before {
	content: "\e003";
}

.glyphicon-heart:before {
	content: "\e005";
}

.glyphicon-star:before {
	content: "\e006";
}

.glyphicon-star-empty:before {
	content: "\e007";
}

.glyphicon-user:before {
	content: "\e008";
}

.glyphicon-film:before {
	content: "\e009";
}

.glyphicon-th-large:before {
	content: "\e010";
}

.glyphicon-th:before {
	content: "\e011";
}

.glyphicon-th-list:before {
	content: "\e012";
}

.glyphicon-ok:before {
	content: "\e013";
}

.glyphicon-remove:before {
	content: "\e014";
}

.glyphicon-zoom-in:before {
	content: "\e015";
}

.glyphicon-zoom-out:before {
	content: "\e016";
}

.glyphicon-off:before {
	content: "\e017";
}

.glyphicon-signal:before {
	content: "\e018";
}

.glyphicon-cog:before {
	content: "\e019";
}

.glyphicon-trash:before {
	content: "\e020";
}

.glyphicon-home:before {
	content: "\e021";
}

.glyphicon-file:before {
	content: "\e022";
}

.glyphicon-time:before {
	content: "\e023";
}

.glyphicon-road:before {
	content: "\e024";
}

.glyphicon-download-alt:before {
	content: "\e025";
}

.glyphicon-download:before {
	content: "\e026";
}

.glyphicon-upload:before {
	content: "\e027";
}

.glyphicon-inbox:before {
	content: "\e028";
}

.glyphicon-play-circle:before {
	content: "\e029";
}

.glyphicon-repeat:before {
	content: "\e030";
}

.glyphicon-refresh:before {
	content: "\e031";
}

.glyphicon-list-alt:before {
	content: "\e032";
}

.glyphicon-lock:before {
	content: "\e033";
}

.glyphicon-flag:before {
	content: "\e034";
}

.glyphicon-headphones:before {
	content: "\e035";
}

.glyphicon-volume-off:before {
	content: "\e036";
}

.glyphicon-volume-down:before {
	content: "\e037";
}

.glyphicon-volume-up:before {
	content: "\e038";
}

.glyphicon-qrcode:before {
	content: "\e039";
}

.glyphicon-barcode:before {
	content: "\e040";
}

.glyphicon-tag:before {
	content: "\e041";
}

.glyphicon-tags:before {
	content: "\e042";
}

.glyphicon-book:before {
	content: "\e043";
}

.glyphicon-bookmark:before {
	content: "\e044";
}

.glyphicon-print:before {
	content: "\e045";
}

.glyphicon-camera:before {
	content: "\e046";
}

.glyphicon-font:before {
	content: "\e047";
}

.glyphicon-bold:before {
	content: "\e048";
}

.glyphicon-italic:before {
	content: "\e049";
}

.glyphicon-text-height:before {
	content: "\e050";
}

.glyphicon-text-width:before {
	content: "\e051";
}

.glyphicon-align-left:before {
	content: "\e052";
}

.glyphicon-align-center:before {
	content: "\e053";
}

.glyphicon-align-right:before {
	content: "\e054";
}

.glyphicon-align-justify:before {
	content: "\e055";
}

.glyphicon-list:before {
	content: "\e056";
}

.glyphicon-indent-left:before {
	content: "\e057";
}

.glyphicon-indent-right:before {
	content: "\e058";
}

.glyphicon-facetime-video:before {
	content: "\e059";
}

.glyphicon-picture:before {
	content: "\e060";
}

.glyphicon-map-marker:before {
	content: "\e062";
}

.glyphicon-adjust:before {
	content: "\e063";
}

.glyphicon-tint:before {
	content: "\e064";
}

.glyphicon-edit:before {
	content: "\e065";
}

.glyphicon-share:before {
	content: "\e066";
}

.glyphicon-check:before {
	content: "\e067";
}

.glyphicon-move:before {
	content: "\e068";
}

.glyphicon-step-backward:before {
	content: "\e069";
}

.glyphicon-fast-backward:before {
	content: "\e070";
}

.glyphicon-backward:before {
	content: "\e071";
}

.glyphicon-play:before {
	content: "\e072";
}

.glyphicon-pause:before {
	content: "\e073";
}

.glyphicon-stop:before {
	content: "\e074";
}

.glyphicon-forward:before {
	content: "\e075";
}

.glyphicon-fast-forward:before {
	content: "\e076";
}

.glyphicon-step-forward:before {
	content: "\e077";
}

.glyphicon-eject:before {
	content: "\e078";
}

.glyphicon-chevron-left:before {
	content: "\e079";
}

.glyphicon-chevron-right:before {
	content: "\e080";
}

.glyphicon-plus-sign:before {
	content: "\e081";
}

.glyphicon-minus-sign:before {
	content: "\e082";
}

.glyphicon-remove-sign:before {
	content: "\e083";
}

.glyphicon-ok-sign:before {
	content: "\e084";
}

.glyphicon-question-sign:before {
	content: "\e085";
}

.glyphicon-info-sign:before {
	content: "\e086";
}

.glyphicon-screenshot:before {
	content: "\e087";
}

.glyphicon-remove-circle:before {
	content: "\e088";
}

.glyphicon-ok-circle:before {
	content: "\e089";
}

.glyphicon-ban-circle:before {
	content: "\e090";
}

.glyphicon-arrow-left:before {
	content: "\e091";
}

.glyphicon-arrow-right:before {
	content: "\e092";
}

.glyphicon-arrow-up:before {
	content: "\e093";
}

.glyphicon-arrow-down:before {
	content: "\e094";
}

.glyphicon-share-alt:before {
	content: "\e095";
}

.glyphicon-resize-full:before {
	content: "\e096";
}

.glyphicon-resize-small:before {
	content: "\e097";
}

.glyphicon-exclamation-sign:before {
	content: "\e101";
}

.glyphicon-gift:before {
	content: "\e102";
}

.glyphicon-leaf:before {
	content: "\e103";
}

.glyphicon-fire:before {
	content: "\e104";
}

.glyphicon-eye-open:before {
	content: "\e105";
}

.glyphicon-eye-close:before {
	content: "\e106";
}

.glyphicon-warning-sign:before {
	content: "\e107";
}

.glyphicon-plane:before {
	content: "\e108";
}

.glyphicon-calendar:before {
	content: "\e109";
}

.glyphicon-random:before {
	content: "\e110";
}

.glyphicon-comment:before {
	content: "\e111";
}

.glyphicon-magnet:before {
	content: "\e112";
}

.glyphicon-chevron-up:before {
	content: "\e113";
}

.glyphicon-chevron-down:before {
	content: "\e114";
}

.glyphicon-retweet:before {
	content: "\e115";
}

.glyphicon-shopping-cart:before {
	content: "\e116";
}

.glyphicon-folder-close:before {
	content: "\e117";
}

.glyphicon-folder-open:before {
	content: "\e118";
}

.glyphicon-resize-vertical:before {
	content: "\e119";
}

.glyphicon-resize-horizontal:before {
	content: "\e120";
}

.glyphicon-hdd:before {
	content: "\e121";
}

.glyphicon-bullhorn:before {
	content: "\e122";
}

.glyphicon-bell:before {
	content: "\e123";
}

.glyphicon-certificate:before {
	content: "\e124";
}

.glyphicon-thumbs-up:before {
	content: "\e125";
}

.glyphicon-thumbs-down:before {
	content: "\e126";
}

.glyphicon-hand-right:before {
	content: "\e127";
}

.glyphicon-hand-left:before {
	content: "\e128";
}

.glyphicon-hand-up:before {
	content: "\e129";
}

.glyphicon-hand-down:before {
	content: "\e130";
}

.glyphicon-circle-arrow-right:before {
	content: "\e131";
}

.glyphicon-circle-arrow-left:before {
	content: "\e132";
}

.glyphicon-circle-arrow-up:before {
	content: "\e133";
}

.glyphicon-circle-arrow-down:before {
	content: "\e134";
}

.glyphicon-globe:before {
	content: "\e135";
}

.glyphicon-wrench:before {
	content: "\e136";
}

.glyphicon-tasks:before {
	content: "\e137";
}

.glyphicon-filter:before {
	content: "\e138";
}

.glyphicon-briefcase:before {
	content: "\e139";
}

.glyphicon-fullscreen:before {
	content: "\e140";
}

.glyphicon-dashboard:before {
	content: "\e141";
}

.glyphicon-paperclip:before {
	content: "\e142";
}

.glyphicon-heart-empty:before {
	content: "\e143";
}

.glyphicon-link:before {
	content: "\e144";
}

.glyphicon-phone:before {
	content: "\e145";
}

.glyphicon-pushpin:before {
	content: "\e146";
}

.glyphicon-usd:before {
	content: "\e148";
}

.glyphicon-gbp:before {
	content: "\e149";
}

.glyphicon-sort:before {
	content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
	content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
	content: "\e152";
}

.glyphicon-sort-by-order:before {
	content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
	content: "\e154";
}

.glyphicon-sort-by-attributes:before {
	content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
	content: "\e156";
}

.glyphicon-unchecked:before {
	content: "\e157";
}

.glyphicon-expand:before {
	content: "\e158";
}

.glyphicon-collapse-down:before {
	content: "\e159";
}

.glyphicon-collapse-up:before {
	content: "\e160";
}

.glyphicon-log-in:before {
	content: "\e161";
}

.glyphicon-flash:before {
	content: "\e162";
}

.glyphicon-log-out:before {
	content: "\e163";
}

.glyphicon-new-window:before {
	content: "\e164";
}

.glyphicon-record:before {
	content: "\e165";
}

.glyphicon-save:before {
	content: "\e166";
}

.glyphicon-open:before {
	content: "\e167";
}

.glyphicon-saved:before {
	content: "\e168";
}

.glyphicon-import:before {
	content: "\e169";
}

.glyphicon-export:before {
	content: "\e170";
}

.glyphicon-send:before {
	content: "\e171";
}

.glyphicon-floppy-disk:before {
	content: "\e172";
}

.glyphicon-floppy-saved:before {
	content: "\e173";
}

.glyphicon-floppy-remove:before {
	content: "\e174";
}

.glyphicon-floppy-save:before {
	content: "\e175";
}

.glyphicon-floppy-open:before {
	content: "\e176";
}

.glyphicon-credit-card:before {
	content: "\e177";
}

.glyphicon-transfer:before {
	content: "\e178";
}

.glyphicon-cutlery:before {
	content: "\e179";
}

.glyphicon-header:before {
	content: "\e180";
}

.glyphicon-compressed:before {
	content: "\e181";
}

.glyphicon-earphone:before {
	content: "\e182";
}

.glyphicon-phone-alt:before {
	content: "\e183";
}

.glyphicon-tower:before {
	content: "\e184";
}

.glyphicon-stats:before {
	content: "\e185";
}

.glyphicon-sd-video:before {
	content: "\e186";
}

.glyphicon-hd-video:before {
	content: "\e187";
}

.glyphicon-subtitles:before {
	content: "\e188";
}

.glyphicon-sound-stereo:before {
	content: "\e189";
}

.glyphicon-sound-dolby:before {
	content: "\e190";
}

.glyphicon-sound-5-1:before {
	content: "\e191";
}

.glyphicon-sound-6-1:before {
	content: "\e192";
}

.glyphicon-sound-7-1:before {
	content: "\e193";
}

.glyphicon-copyright-mark:before {
	content: "\e194";
}

.glyphicon-registration-mark:before {
	content: "\e195";
}

.glyphicon-cloud-download:before {
	content: "\e197";
}

.glyphicon-cloud-upload:before {
	content: "\e198";
}

.glyphicon-tree-conifer:before {
	content: "\e199";
}

.glyphicon-tree-deciduous:before {
	content: "\e200";
}

.glyphicon-cd:before {
	content: "\e201";
}

.glyphicon-save-file:before {
	content: "\e202";
}

.glyphicon-open-file:before {
	content: "\e203";
}

.glyphicon-level-up:before {
	content: "\e204";
}

.glyphicon-copy:before {
	content: "\e205";
}

.glyphicon-paste:before {
	content: "\e206";
}

.glyphicon-alert:before {
	content: "\e209";
}

.glyphicon-equalizer:before {
	content: "\e210";
}

.glyphicon-king:before {
	content: "\e211";
}

.glyphicon-queen:before {
	content: "\e212";
}

.glyphicon-pawn:before {
	content: "\e213";
}

.glyphicon-bishop:before {
	content: "\e214";
}

.glyphicon-knight:before {
	content: "\e215";
}

.glyphicon-baby-formula:before {
	content: "\e216";
}

.glyphicon-tent:before {
	content: "\26fa";
}

.glyphicon-blackboard:before {
	content: "\e218";
}

.glyphicon-bed:before {
	content: "\e219";
}

.glyphicon-apple:before {
	content: "\f8ff";
}

.glyphicon-erase:before {
	content: "\e221";
}

.glyphicon-hourglass:before {
	content: "\231b";
}

.glyphicon-lamp:before {
	content: "\e223";
}

.glyphicon-duplicate:before {
	content: "\e224";
}

.glyphicon-piggy-bank:before {
	content: "\e225";
}

.glyphicon-scissors:before {
	content: "\e226";
}

.glyphicon-bitcoin:before {
	content: "\e227";
}

.glyphicon-btc:before {
	content: "\e227";
}

.glyphicon-xbt:before {
	content: "\e227";
}

.glyphicon-yen:before {
	content: "\00a5";
}

.glyphicon-jpy:before {
	content: "\00a5";
}

.glyphicon-ruble:before {
	content: "\20bd";
}

.glyphicon-rub:before {
	content: "\20bd";
}

.glyphicon-scale:before {
	content: "\e230";
}

.glyphicon-ice-lolly:before {
	content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
	content: "\e232";
}

.glyphicon-education:before {
	content: "\e233";
}

.glyphicon-option-horizontal:before {
	content: "\e234";
}

.glyphicon-option-vertical:before {
	content: "\e235";
}

.glyphicon-menu-hamburger:before {
	content: "\e236";
}

.glyphicon-modal-window:before {
	content: "\e237";
}

.glyphicon-oil:before {
	content: "\e238";
}

.glyphicon-grain:before {
	content: "\e239";
}

.glyphicon-sunglasses:before {
	content: "\e240";
}

.glyphicon-text-size:before {
	content: "\e241";
}

.glyphicon-text-color:before {
	content: "\e242";
}

.glyphicon-text-background:before {
	content: "\e243";
}

.glyphicon-object-align-top:before {
	content: "\e244";
}

.glyphicon-object-align-bottom:before {
	content: "\e245";
}

.glyphicon-object-align-horizontal:before {
	content: "\e246";
}

.glyphicon-object-align-left:before {
	content: "\e247";
}

.glyphicon-object-align-vertical:before {
	content: "\e248";
}

.glyphicon-object-align-right:before {
	content: "\e249";
}

.glyphicon-triangle-right:before {
	content: "\e250";
}

.glyphicon-triangle-left:before {
	content: "\e251";
}

.glyphicon-triangle-bottom:before {
	content: "\e252";
}

.glyphicon-triangle-top:before {
	content: "\e253";
}

.glyphicon-console:before {
	content: "\e254";
}

.glyphicon-superscript:before {
	content: "\e255";
}

.glyphicon-subscript:before {
	content: "\e256";
}

.glyphicon-menu-left:before {
	content: "\e257";
}

.glyphicon-menu-right:before {
	content: "\e258";
}

.glyphicon-menu-down:before {
	content: "\e259";
}

.glyphicon-menu-up:before {
	content: "\e260";
}

table {
	background-color: transparent;
}

caption {
	padding-top: 8px;
	padding-bottom: 8px;
	color: #777;
	text-align: left;
}

th {
	text-align: left;
}

.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: middle;
	border-top: 1px solid #ddd;
	font-weight: 100;
	border-bottom: 1px solid #ddd;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
	font-weight: 600;
}

.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,

/* .table > thead:first-child > tr:first-child > th, */

.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
	border-top: 0;
}

.table > tbody + tbody {
	border-top: 2px solid #ddd;
}

.table .table {
	background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
	padding: 5px !important;
	font-size: 12px;
}

.table-bordered {
	border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
	border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
	border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}
.table-striped > tbody > tr:nth-of-type(even) {
	background-color: #ffffff;
}

.table-hover > tbody > tr:hover {
	background-color: #f5f5f5;
}

table col[class*="col-"] {
	position: static;
	display: table-column;
	float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
	position: static;
	display: table-cell;
	float: none;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
	background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
	background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
	background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
	background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
	background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
	background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
	background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
	background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
	background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
	background-color: #ebcccc;
}

.table-responsive {
	min-height: 0.01%;
	overflow-x: auto;
}

@media screen and (max-width: 767px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd;
	}

	.table-responsive > .table {
		margin-bottom: 0;
	}

	.table-responsive > .table > thead > tr > th,
	.table-responsive > .table > tbody > tr > th,
	.table-responsive > .table > tfoot > tr > th,
	.table-responsive > .table > thead > tr > td,
	.table-responsive > .table > tbody > tr > td,
	.table-responsive > .table > tfoot > tr > td {
		white-space: nowrap;
	}

	.table-responsive > .table-bordered {
		border: 0;
	}

	.table-responsive > .table-bordered > thead > tr > th:first-child,
	.table-responsive > .table-bordered > tbody > tr > th:first-child,
	.table-responsive > .table-bordered > tfoot > tr > th:first-child,
	.table-responsive > .table-bordered > thead > tr > td:first-child,
	.table-responsive > .table-bordered > tbody > tr > td:first-child,
	.table-responsive > .table-bordered > tfoot > tr > td:first-child {
		border-left: 0;
	}

	.table-responsive > .table-bordered > thead > tr > th:last-child,
	.table-responsive > .table-bordered > tbody > tr > th:last-child,
	.table-responsive > .table-bordered > tfoot > tr > th:last-child,
	.table-responsive > .table-bordered > thead > tr > td:last-child,
	.table-responsive > .table-bordered > tbody > tr > td:last-child,
	.table-responsive > .table-bordered > tfoot > tr > td:last-child {
		border-right: 0;
	}

	.table-responsive > .table-bordered > tbody > tr:last-child > th,
	.table-responsive > .table-bordered > tfoot > tr:last-child > th,
	.table-responsive > .table-bordered > tbody > tr:last-child > td,
	.table-responsive > .table-bordered > tfoot > tr:last-child > td {
		border-bottom: 0;
	}

	#navbarNavDropdown {
		background: rgba(0, 0, 0, 0.8);
	}
	.navbar-nav .roin-custom-nav-item .dropdown-menu {
		position: inherit !important;
	}
	.nav-item .form-control {
		width: 92% !important;
	}
	.roin-nav li.nav-item:not(.roin-custom-nav-item) {
		border-bottom: 1px solid #6e6e6e;
	}
	.roin-nav li.nav-item.current-menu-item:not(.roin-custom-nav-item) {
		border-bottom: none;
	}
	.roin-nav li.nav-item > .dropdown-menu {
		border-radius: 0;
		box-shadow: none !important;
	}
	.widget-item,
	.widget-input,
	#mySidenavSubmit,
	.widgetSelectBox {
		width: 97% !important;
	}
	.dropdown-submenu .dropdown-menu {
		box-shadow: none !important;
		border: 1px solid rgba(0, 0, 0, 0.7) !important;
	}

	#loadinfo-all-activity {
		width: 92.5% !important;
	}
	#loadinfo-all-activity-slide-hide {
		right: 92% !important;
	}
	body .roin-breadcrumb-wrapper span.last-item {
		width: 42% !important;
	}
	.watchlist-wrapper,
	.roin-breadcrumb-wrapper span.pull-right.mr-5 {
		margin-right: 5px !important;
	}
	.select-top-status-wrapper .col:first-child {
		padding-left: 0 !important;
	}
	.select-top-status-wrapper .col:last-child {
		padding-right: 0 !important;
	}
	.select-top-status-wrapper .select_status_top {
		padding-left: 2.5rem !important;
		padding-right: 2.5rem !important;
	}
	.roin-basic-search-wrapper .dropdown {
		margin-bottom: 10px !important;
	}
	#basic_search .row.px-3 .col-md-12 span {
		margin: 5px !important;
	}
	#roinLineItem {
		overflow: hidden;
	}
	#roinLineItem .filterable {
		overflow-x: auto;
	}
	#checkcall_order_tracking,
	#driver_profile_tracking {
		width: 18rem !important;
	}
	#driver_profile_tracking_hide.open {
		left: 18rem !important;
	}
	#checkcall_order_tracking_hide.open {
		right: 18rem !important;
	}
	body .roin-custom-tabs {
		display: inline-block !important;
	}
	body .roin-custom-tabs > li > a {
		display: inline-block !important;
		width: 100%;
	}
	.roin-table-mobile tbody,
	.roin-table-mobile tbody tr,
	.roin-table-mobile tbody tr th {
		display: block;
		white-space: normal;
		word-break: break-word;
	}
	.roin-table-mobile-th tbody tr th,
	.roin-table-mobile-th tbody tr td {
		width: 33%;
		white-space: normal;
		word-break: break-word !important;
	}
	.notification-dropdown #dropdown-strict-left {
		width: 100% !important;
		min-width: 320px;
		right: -4.8rem !important;
	}
	body .modal .modal-size {
		width: 100% !important;
		min-width: 95% !important;
	}
	body .roin-breadcrumb-wrapper span.last-item {
		left: -30px !important;
	}
}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 10px 0;
	border-radius: 4px;
}

.pagination > li {
	display: inline;
}

.pagination > li > a,
.pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	/*color: #337ab7;*/
	color: #f15a29;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	z-index: 2;
	/*color: #23527c;*/
	color: #f15a29;
	background-color: #eee;
	border-color: #ddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.pager {
	padding-left: 0;
	margin: 20px 0;
	text-align: center;
	list-style: none;
}

.pager li {
	display: inline;
}

.pager li > a,
.pager li > span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
	text-decoration: none;
	background-color: #eee;
}

.pager .next > a,
.pager .next > span {
	float: right;
}

.pager .previous > a,
.pager .previous > span {
	float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
}

/*!
 * Start Bootstrap - Shop Homepage (http://startbootstrap.com/template-overviews/shop-homepage)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-shop-homepage/blob/master/LICENSE)
 */

html,
body {
	height: 100%;
	width: 100%;
}

body {
	background-color: #fff;
	font-family: "calibri", sans-serif;
}

a.nav-expander {
	background: transparent;
	color: #000 !important;
	display: block;
	font-size: 18px;
	font-weight: 400;
	height: 50px;
	margin-right: 0;
	padding: 15px 25px;
	position: absolute;
	left: 0;
	text-decoration: none;
	text-transform: uppercase;
	top: 0;
	transition: left 0.3s ease-in-out 0s;
	width: auto;
	z-index: 12;
	transition: left 0.3s ease-in-out 0s;
	-webkit-transition: left 0.3s ease-in-out 0s;
	-moz-transition: left 0.3s ease-in-out 0s;
	-o-transition: left 0.3s ease-in-out 0s;
}

body.nav-expanded a.nav-expander {
	color: #fff !important;
	font-size: 17px;
	z-index: 9999;
}

a.nav-expander:hover {
	cursor: pointer;
}

a.nav-expander.fixed {
	position: fixed;
}

.nav-expanded a.nav-expander.fixed {
	/* left: 14em; */
	left: 12em;
	top: -0.5em;
}

/*
nav {
    background: #fff;
    display: block;
    height: 100%;
    overflow: auto;
    position: fixed;
    left: -20em;
    font-size: 15px;
    top: 0;
    width: 20%;
    z-index: 2000;
  border-right: 1px solid #ddd;
    transition: left 0.3s ease-in-out 0s;
    -webkit-transition: left 0.3s ease-in-out 0s;
    -moz-transition: left 0.3s ease-in-out 0s;
    -o-transition: left 0.3s ease-in-out 0s;
}
*/

.nav-expanded nav {
	left: 0;
}

body.nav-expanded {
	margin-left: 0em;
	transition: left 0.4s ease-in-out 0s;
	-webkit-transition: left 0.4s ease-in-out 0s;
	-moz-transition: left 0.4s ease-in-out 0s;
	-o-transition: left 0.4s ease-in-out 0s;
}

#nav-close {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 24px;
	padding-right: 10px;
}

.main-menu {
	margin-bottom: 0px;
}

.main-menu li {
	border-bottom: 0px solid #323949;
	margin-left: 0px;
	/* font-size: 18px;
    padding: 7px 0px; */
	font-size: 12px;
	padding: 10px 0px;
}

.main-menu li a {
	padding: 0px 20px;
}

.sub-menu ul.nav a {
	padding-left: 35px;
}

.sub-menu ul.nav li a span.icon {
	float: none;
	margin-right: 5px;
}

.main-menu li:first-child {
	margin-top: 12px;
}

.main-menu li a {
	display: block;
	/* color: #000; */
	text-decoration: none;
	font-weight: 300;
	color: #808080;
}

.main-menu li a:hover {
	color: #000;
	text-decoration: none;
}

.main-menu li a > i {
	color: #000000;
}

.main-menu li .sub-nav {
	border-bottom: 0px;
	padding: 4px;
}

.main-menu a .caret {
	width: 0;
	height: 0;
	display: inline-block;
	vertical-align: top;
	border-top: 4px solid #4f5963;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	margin-top: 8px;
}

.main-menu a:hover .caret {
	border-top-color: #4f5963;
}

.menu-list li.active,
.menu-list li:hover {
	background-color: #bbbbbb;
}

.menu-list li.sub-menu:hover {
	background-color: #fff;
}

.main-menu li.open > a > .caret {
	border-top: none;
	border-bottom: 4px solid #4f5963;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.main-menu li.open > a:hover > .caret {
	border-bottom-color: #4f5963;
}

.icon:before {
	font-family: "FontAwesome";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	text-transform: none;
	content: "\f105";
}

.icon-right:before {
	font-family: "FontAwesome";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	text-transform: none;
	content: "\f107";
}

.main-menu li > a > span.icon,
.main-menu li > a > span.icon-right {
	float: right;
	margin: 0.1em 1.7em -0.1em 0;
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/*.main-menu li > a:hover > span.icon {
    float: right;
    margin: 0.1em 0.8em -0.1em 0;
    opacity: 1;
}*/

#map_dash {
	height: 100%;
	width: 100%;
	left: 0;
	position: relative;
	top: 0;
}

.navbar {
	padding: 0px !important;
}

.user-detail {
	background-color: #000;
}

.user-detail.main-menu li a {
	color: #fff;
}

.user-img img {
	border-radius: 50%;
	width: 100%;
}

.login-user-data .user-img {
	border-radius: 50%;
	height: 65px;
	width: 65px;
}

.user-name {
	color: #fff;
	float: left;
}

.login-user-data {
	display: inline-block;
	margin: 8px 0 4px 0;
}

.user-name .star {
	color: #bbb;
}

.user-detail.main-menu > li {
	color: #fff;
	padding: 0 10px;
}

.user-detail.main-menu li:first-child {
	border-bottom: 1px solid #5d5d5d;
	margin-top: 0;
	padding-top: 0px;
}

.user-detail.main-menu .user-info {
	font-size: 15px;
	padding-bottom: 13px;
}

.bottom-menu {
	border-top: 1px solid #ddd;
	left: 0;
	/*    bottom: 0;
    position: absolute;*/
	width: 100%;
	background-color: #fff;
}

.footer-menu-left {
	position: fixed;
	bottom: 0;
}

.top-menu-left {
	margin-bottom: 35px;
}

.bottom-menu.main-menu li {
	padding: 3px 20px;
	margin: 0px;
}

.bottom-menu li a {
	font-weight: 400;
}

.logo {
	margin-top: 5px;
}

.glyphicon.glyphicon-arrow-right::before {
	content: ">";
}

.glyphicon.glyphicon-arrow-left::before {
	content: "<";
}

.card-body.trip-wrap {
	border: 1px solid #e3e4e5;
}

.trip-data .trip-rate {
	line-height: 48px;
}

.trip-data .trip-rate {
	line-height: 48px;
}

a.trip-rate:hover,
a.trip-date:hover {
	text-decoration: none;
}

.trip-data .carName {
	color: #666;
	font-weight: normal;
}

.trip-data .trip-date,
.trip-data .trip-rate {
	color: #222;
	font-weight: bold;
}

.trip-rate .fa {
	color: #ed8049;
	margin-left: 15px;
}

.trip-wrap .trip-data {
	border-bottom: 1px solid #ddd;
	padding-bottom: 7px;
	padding-top: 7px;
}

.card-body.trip-wrap {
	border: 1px solid #e3e4e5;
	padding: 0px 15px;
}

.card-body.trip-details-wrap {
	border: 0px solid #e3e4e5;
	/*    padding-bottom: 1.75rem;*/
	padding-top: 1.75rem;
}

.trip-wrap .trip-data:last-child {
	border-bottom: medium none;
}

.trip-wrap .trip-data .col-8 {
	padding-right: 0;
}

.trip-wrap .trip-data .col {
	padding-left: 0;
}

.trip-wrap .trip-data:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

.trip-details-main .date {
	color: #999;
	display: block;
	font-size: 24px;
	margin-bottom: 5px;
}

.trip-details-wrap .ride-data time {
	color: #828282;
	display: block;
}

.trip-details-wrap .ride-data {
	border-bottom: 2px solid #eee;
	font-size: 22px;
	margin-bottom: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	position: relative;
}

.trip-details-wrap .ride-data .from-to-icon {
	left: 5px;
	position: absolute;
	top: 15px;
}

.duretion,
.distance {
	font-size: 24px;
	font-weight: 300;
}

.duretion .title,
.distance .title {
	color: #666;
}

.duretion > time,
.dist-mi {
	font-weight: normal;
}

/**** LOGIN CSS START ****/

.card-container.card {
	max-width: 350px;
	padding: 40px 40px;
}

.btn {
	font-weight: 700;
	/*height: 36px; */
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	cursor: default;
}

/*
 * Card component
 */

.card {
	/*background-color: #F7F7F7; */
	/* just in case there no content*/
	padding: 20px 25px 10px;
	margin: 0 auto 25px;
	/*margin-top: 40px;   */
	/* shadows and rounded borders */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.profile-img-card {
	/* width: 150px; */
	width: 85px;
	/*height: 96px; */
	margin: 0 auto 10px;
	display: block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

/*
 * Form styles
 */

.profile-name-card {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 10px 0 0;
	min-height: 1em;
}

.reauth-email {
	display: block;
	color: #404040;
	line-height: 2;
	margin-bottom: 10px;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.form-signin #inputEmail,
.form-signin #inputPassword {
	direction: ltr;
	height: 44px;
	font-size: 16px;
}

.form-signin input[type="email"],
.form-signin input[type="password"],
.form-signin input[type="text"],
.form-signin button {
	width: 100%;
	display: block;
	margin-bottom: 10px;
	z-index: 1;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.form-signin .form-control:focus {
	border-color: rgb(104, 145, 162);
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
		0 0 8px rgb(104, 145, 162);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(104, 145, 162);
}

.btn.btn-signin {
	/*background-color: #4d90fe; */
	background-color: rgba(0, 0, 0, 0.7);
	/* background-color: linear-gradient(rgb(104, 145, 162), rgb(12, 97, 33));*/
	padding: 0px;
	font-weight: 700;
	font-size: 14px;
	height: 36px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	-o-transition: all 0.218s;
	-moz-transition: all 0.218s;
	-webkit-transition: all 0.218s;
	transition: all 0.218s;
	cursor: pointer;
}

.btn.btn-signin:hover,
.btn.btn-signin:active,
.btn.btn-signin:focus {
	background-color:
        /*rgb(12, 97, 33)*/ rgba(0, 0, 0, 0.8);
}

.forgot-password {
	color: rgb(104, 145, 162);
}

.forgot-password:hover,
.forgot-password:active,
.forgot-password:focus {
	color:
        /*rgb(12, 97, 33)*/ rgba(0, 0, 0, 0.8);
}

.login-form {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.7);
	height: 100%;
}

/**** LOGIN CSS END  ****/

.error,
.color-red {
	color: red;
}

.roin-error {
	border-color: red !important;
}

.roin-alert {
	margin-bottom: 0 !important;
}

.close_contact, .close_building {
	position: absolute;
	right: -10px;
	top: -10px;
	font-size: 13px;
	color: #fff;
	background: red;
	border-radius: 100%;
	height: 20px;
	width: 20px;
	text-align: center;
	cursor: pointer;
}

.close_contact.d-done, .close_building.d-done {
	display: none;
}

.border-bottom {
	border-bottom: 1px dashed #ccc;
}

.border-bottom:last-child {
	border-bottom: 0px dashed #ccc;
}

label {
	font-weight: bold;
	font-size: 12px;
}

.sub-menu ul {
	box-shadow: 0px 0px 10px 0px #ccc inset, 0px 0px 0px 0px #ccc inset;
	margin-top: 10px;
	padding: 7px 0;
}

.main-menu li.sub-menu ul li:first-child {
	margin: 0px;
}

/************ For Pager *****************/

.pager {
	padding-left: 0;
	margin: 20px 0;
	text-align: center;
	list-style: none;
}

.pager li {
	display: inline;
}

.pager .previous > a,
.pager .previous > span {
	float: left;
}

.pager li > a,
.pager li > span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 15px;
}

.pager .next > a,
.pager .next > span {
	float: right;
}

.pager li.disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
	color: #999;
	border: 1px solid #ccc;
	cursor: not-allowed;
	background-color: #fff;
	text-decoration: none;
}

.pager li > a,
.pager li > span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #343a40;
	border: 1px solid #343a40;
	border-radius: 15px;
	text-decoration: none;
	color: #fff;
}

.pager li > a:hover,
.pager li > span:hover {
	background-color: #23272b;
	border: 1px solid #23272b;
	color: #fff;
}

.finish-assign-driver a,
.finish a {
	float: right;
}

/************ For Pager *****************/

#rootwizard .nav-link {
	display: inline-block;
	border-radius: 50%;
	border: 2px solid #343a40 !important;
	color: #343a40;
	font-weight: bold;
	font-size: 18px;
	background-color: #fff;
}

#rootwizard .nav-item {
	background: url(../images/right-arrow.jpg) repeat-x center;
}

#rootwizard .nav-link.active {
	background-color: #343a40;
	border-radius: 50%;
	color: #fff;
}

/********  Order Time Line  ************/

.timeline-centered {
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 15px;
}

.timeline-centered:before,
.timeline-centered:after {
	content: " ";
	display: table;
}

.timeline-centered:after {
	clear: both;
}

.timeline-centered:before,
.timeline-centered:after {
	content: " ";
	display: table;
}

.timeline-centered:after {
	clear: both;
}

.timeline-centered:before {
	content: "";
	position: absolute;
	display: block;
	width: 4px;
	background: #dcdcdc /*#f5f5f6*/;
	/*left: 50%;*/
	top: 20px;
	bottom: 20px;
	margin-left: 50px;
}

.timeline-centered .timeline-entry {
	position: relative;
	/*width: 50%;
        float: right;*/
	padding-top: 50px;
	margin-left: 50px;
	margin-bottom: 5px;
	margin-right: 15px;
	clear: both;
}

.orderDate {
	position: absolute;
	left: -2%;
	top: -44px;
	background-color: #000;
}

.timeline-centered .timeline-entry:before,
.timeline-centered .timeline-entry:after {
	content: " ";
	display: table;
}

.timeline-centered .timeline-entry:after {
	clear: both;
}

.timeline-centered .timeline-entry:before,
.timeline-centered .timeline-entry:after {
	content: " ";
	display: table;
}

.timeline-centered .timeline-entry:after {
	clear: both;
}

.timeline-centered .timeline-entry.begin {
	margin-bottom: 0;
}

.timeline-centered .timeline-entry.left-aligned {
	float: left;
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
	margin-left: 0;
	margin-right: -18px;
}

.timeline-centered
	.timeline-entry.left-aligned
	.timeline-entry-inner
	.timeline-time {
	left: auto;
	right: -100px;
	text-align: left;
}

.timeline-centered
	.timeline-entry.left-aligned
	.timeline-entry-inner
	.timeline-icon {
	float: right;
}

.timeline-centered
	.timeline-entry.left-aligned
	.timeline-entry-inner
	.timeline-label {
	margin-left: 0;
	margin-right: 70px;
}

.timeline-centered
	.timeline-entry.left-aligned
	.timeline-entry-inner
	.timeline-label:after {
	left: auto;
	right: 0;
	margin-left: 0;
	margin-right: -9px;
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.timeline-centered .timeline-entry .timeline-entry-inner {
	position: relative;
	margin-left: -20px;
}

.timeline-centered .timeline-entry .timeline-entry-inner:before,
.timeline-centered .timeline-entry .timeline-entry-inner:after {
	content: " ";
	display: table;
}

.timeline-centered .timeline-entry .timeline-entry-inner:after {
	clear: both;
}

.timeline-centered .timeline-entry .timeline-entry-inner:before,
.timeline-centered .timeline-entry .timeline-entry-inner:after {
	content: " ";
	display: table;
}

.timeline-centered .timeline-entry .timeline-entry-inner:after {
	clear: both;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
	position: absolute;
	left: -100px;
	text-align: right;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {
	display: block;
}

.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-time
	> span:first-child {
	font-size: 15px;
	font-weight: bold;
}

.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-time
	> span:last-child {
	font-size: 12px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
	background: #000 /*#fff*/;
	color: #fff /*#737881*/;
	display: block;
	width: 40px;
	height: 40px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	/* -moz-box-shadow: 0 0 0 5px #f5f5f6;
  -webkit-box-shadow: 0 0 0 5px #f5f5f6;
  box-shadow: 0 0 0 5px #f5f5f6; */
	line-height: 40px;
	font-size: 15px;
	float: left;
}

.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-icon.bg-primary {
	background-color: #303641;
	color: #fff;
}

.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-icon.bg-secondary {
	background-color: #ee4749;
	color: #fff;
}

.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-icon.bg-success {
	background-color: #00a651;
	color: #fff;
}

.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-icon.bg-info {
	background-color: #21a9e1;
	color: #fff;
}

.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-icon.bg-warning {
	background-color: #fad839;
	color: #fff;
}

.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-icon.bg-danger {
	background-color: #cc2424;
	color: #fff;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
	position: relative;
	background: #fefefe /*#f5f5f6*/;
	/* padding: 1em; */
	margin-left: 60px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent /*#f5f5f6*/ #fff transparent transparent;
	left: 0;
	top: 10px;
	margin-left: -9px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2,
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
	color: #737881;
	font-family: "Noto Sans", sans-serif;
	font-size: 13px;
	margin: 0;
	line-height: 1.428571429;
	padding: 8px 15px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
	margin-top: 15px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
	font-size: 16px;
	/* margin-bottom: 10px; */
	border-bottom: 1px solid #eee;
	padding: 8px 15px;
}

.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-label
	h2
	.title {
	color:
        /* #3479B6 */ #000;
	font-weight: bold;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
	color: #303641;
}

.timeline-centered
	.timeline-entry
	.timeline-entry-inner
	.timeline-label
	h2
	span {
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	opacity: 0.6;
	-ms-filter: alpha(opacity=60);
	filter: alpha(opacity=60);
}

.timelin-bg {
	background-color: #ebeff4;
}

.timeline-centered .timeline-entry.begin:last-child {
	padding-top: 15px;
}

.orderCommentTime {
	float: right;
	font-size: 12px;
	font-weight: bolder;
	color: #5d5d5d !important;
	margin-top: 3px;
}

/************* Home Page  ***************/

.map-wrapper,
.map-wrapper1 {
	position: relative;
	z-index: 10;
}

.map-wrapper .btn-group {
	position: absolute;
	top: 10px;
	right: 70px;
}

.map-wrapper1 .btn-group {
	position: absolute;
	top: 10px;
	right: 40%;
}

#mapList table tr td {
	vertical-align: middle;
	font-size: 12px;
	padding: 0px 4px !important;
}

#mapList .spot {
	width: 15px;
	height: 15px;
	margin: 0 auto;
}

.red-spot {
	background-color: red;
}

.green-spot {
	background-color: green;
}

.map-wrapper .btn-group button.active {
	background-color: #23272b;
	color: #ffffff;
}

.map-wrapper1 .btn-group button.active {
	background-color: #23272b;
	color: #ffffff;
}

#mapList table tr td a {
	cursor: pointer;
	/*font-size: 12px;*/
}

#mapList table tr td a span {
	color: #000000;
	/*font-size: 12px;*/
}

#mapList .dropdown-menu label.radio-btn {
	font-weight: normal;
	font-size: 12px;
}

#deleteOrderBulk #btndropdown,
#filter_div #btndropdown {
	height: 24px;
	padding-top: 2px;
	font-weight: 500;
	border-color: #000000;
	color: #000000;
	margin-top: 1px;
	font-size: 12px;
	line-height: 20px;
}

#filter_div #btndropdown {
	width: 100%;
	text-align: left;
}

#filter_div #btndropdown::after {
	float: right;
	margin-top: 7px;
}

#deleteOrderBulk .input-daterange input.form-control,
#deleteOrderBulk .input-daterange .input-group-addon {
	height: 24px;
	margin-top: 2px;
	font-size: 14px;
}

#map_dash.mapLeftSide {
	width: 60%;
	float: left;
}

.mapRightSide {
	float: left;
	width: 40%;
	position: relative;
	height: 100%;
	overflow: auto;
}

.topSection h4 {
	margin-bottom: 0;
	border: 1px solid #ddd;
	padding: 3px 5px;
	margin-top: 10px;
}

.bottomSection .btn-group button.active {
	background-color: #138496;
	color: #ffffff;
}

/************* Home Page  ***************/

@media only screen and (min-width: 300px) and (max-width: 500px) {
	.card-body {
		padding-left: 10px;
		padding-right: 10px;
	}

	.trip-data .trip-date,
	.trip-data .trip-rate {
		font-size: 14px;
	}

	.trip-rate .fa {
		margin-left: 4.5px;
	}

	.card.trip-main {
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.trip-details-wrap .ride-data {
		font-size: 16px;
	}

	.duretion,
	.distance {
		font-size: 18px;
	}

	.trip-map {
		margin-top: 30px;
	}

	.trip-details-main .date {
		font-size: 18px;
	}

	.trip-details-main h1.card-header {
		font-size: 26px;
	}

	.trip-details-wrap .ride-data .from-to-icon {
		top: 10px;
		height: 100px;
	}

	.mapRightSide {
		width: 100%;
		margin-top: 20px;
		float: none;
		height: auto;
	}

	#map_dash.mapLeftSide {
		width: 100%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.trip-details-wrap .ride-data {
		font-size: 18px;
	}

	.duretion,
	.distance {
		font-size: 20px;
	}

	.trip-details-main .date {
		font-size: 20px;
	}

	.trip-details-main h1.card-header {
		font-size: 28px;
	}

	.trip-details-wrap .ride-data .from-to-icon {
		top: 25px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.trip-details-wrap .ride-data {
		font-size: 20px;
	}

	.duretion,
	.distance {
		font-size: 22px;
	}

	.trip-details-main .date {
		font-size: 22px;
	}

	.trip-details-main h1.card-header {
		font-size: 30px;
	}

	.trip-details-wrap .ride-data .from-to-icon {
		top: 15px;
	}
}

.btn-info {
	color: #17a2b8;
	background-color: #ffffff;
	border-color: #333333;
}

.btn-dark,
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
	/* color:#343a40;
    background-color:#ffffff;
    border-color:#343a40; */
	/* color: #ffffff;
    background-color: #23272b;
    border-color: #1d2124; */
	background: none !important;
	color: #000000 !important;
	border: none !important;
	text-decoration: underline !important;
}

.form-control label {
	margin-left: 10px;
}

.pac-container {
	background-color: #fff;
	z-index: 220;
	position: fixed;
	display: inline-block;
	float: left;
}

.modal {
	/* z-index: 20; */
	z-index: 9999;
}

.modal-backdrop {
	z-index: 10;
}

body.open-filter .modal-backdrop {
	display: none !important;
}

@media (min-width: 992px) {
	.modal-lg {
		width: 90% !important;
		max-width: 90% !important;
	}
}

.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
	padding: 15px;
}

.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.panel-heading > .dropdown .dropdown-toggle {
	color: inherit;
}

.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	color: inherit;
	height: 19px;
}

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
	color: inherit;
}

.panel-sub-title {
	font-size: 14px;
}

.panel-footer {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
	margin-bottom: 0;
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
	border-width: 1px 0;
	border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child,
.panel
	> .panel-collapse
	> .list-group:first-child
	.list-group-item:first-child {
	border-top: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
	border-bottom: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.panel
	> .panel-heading
	+ .panel-collapse
	> .list-group
	.list-group-item:first-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
	border-top-width: 0;
}

.list-group + .panel-footer {
	border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
	margin-bottom: 0;
}

.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
	padding-right: 15px;
	padding-left: 15px;
}

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child,
.panel
	> .table-responsive:first-child
	> .table:first-child
	> thead:first-child
	> tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel
	> .table-responsive:first-child
	> .table:first-child
	> tbody:first-child
	> tr:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel
	> .table-responsive:first-child
	> .table:first-child
	> thead:first-child
	> tr:first-child
	td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel
	> .table-responsive:first-child
	> .table:first-child
	> tbody:first-child
	> tr:first-child
	td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel
	> .table-responsive:first-child
	> .table:first-child
	> thead:first-child
	> tr:first-child
	th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel
	> .table-responsive:first-child
	> .table:first-child
	> tbody:first-child
	> tr:first-child
	th:first-child {
	border-top-left-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel
	> .table-responsive:first-child
	> .table:first-child
	> thead:first-child
	> tr:first-child
	td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel
	> .table-responsive:first-child
	> .table:first-child
	> tbody:first-child
	> tr:first-child
	td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel
	> .table-responsive:first-child
	> .table:first-child
	> thead:first-child
	> tr:first-child
	th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel
	> .table-responsive:first-child
	> .table:first-child
	> tbody:first-child
	> tr:first-child
	th:last-child {
	border-top-right-radius: 3px;
}

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel
	> .table-responsive:last-child
	> .table:last-child
	> tbody:last-child
	> tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel
	> .table-responsive:last-child
	> .table:last-child
	> tfoot:last-child
	> tr:last-child {
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel
	> .table-responsive:last-child
	> .table:last-child
	> tbody:last-child
	> tr:last-child
	td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel
	> .table-responsive:last-child
	> .table:last-child
	> tfoot:last-child
	> tr:last-child
	td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel
	> .table-responsive:last-child
	> .table:last-child
	> tbody:last-child
	> tr:last-child
	th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel
	> .table-responsive:last-child
	> .table:last-child
	> tfoot:last-child
	> tr:last-child
	th:first-child {
	border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel
	> .table-responsive:last-child
	> .table:last-child
	> tbody:last-child
	> tr:last-child
	td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel
	> .table-responsive:last-child
	> .table:last-child
	> tfoot:last-child
	> tr:last-child
	td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel
	> .table-responsive:last-child
	> .table:last-child
	> tbody:last-child
	> tr:last-child
	th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel
	> .table-responsive:last-child
	> .table:last-child
	> tfoot:last-child
	> tr:last-child
	th:last-child {
	border-bottom-right-radius: 3px;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
	border-top: 1px solid #ddd;
}

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
	border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
	border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
	border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
	border-right: 0;
}

.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
	border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
	border-bottom: 0;
}

.panel > .table-responsive {
	margin-bottom: 0;
	border: 0;
}

.panel-group {
	margin-bottom: 20px;
}

.panel-group .panel {
	margin-bottom: 0;
	border-radius: 4px;
}

.panel-group .panel + .panel {
	margin-top: 5px;
}

.panel-group .panel-heading {
	border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
	border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
	border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
	border-bottom: 1px solid #ddd;
}

.panel-default {
	border-color: #f5c4a8f0;
}

.panel-default > .panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #ddd;
}

.panel-default > .panel-heading .badge {
	color: #f5f5f5;
	background-color: #333;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #ddd;
}

.panel-primary {
	border-color: #337ab7;
}

.panel-primary > .panel-heading {
	color: #fff;
	background-color: #337ab7;
	border-color: #337ab7;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #337ab7;
}

.panel-primary > .panel-heading .badge {
	color: #337ab7;
	background-color: #fff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #337ab7;
}

.panel-success {
	border-color: #d6e9c6;
}

.panel-success > .panel-heading {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #d6e9c6;
}

.panel-success > .panel-heading .badge {
	color: #dff0d8;
	background-color: #3c763d;
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #d6e9c6;
}

.panel-info {
	border-color: #bce8f1;
}

.panel-info > .panel-heading {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #bce8f1;
}

.panel-info > .panel-heading .badge {
	color: #d9edf7;
	background-color: #31708f;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #bce8f1;
}

.panel-warning {
	border-color: #faebcc;
}

.panel-warning > .panel-heading {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #faebcc;
}

.panel-warning > .panel-heading .badge {
	color: #fcf8e3;
	background-color: #8a6d3b;
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #faebcc;
}

.panel-danger {
	border-color: #ebccd1;
}

.panel-danger > .panel-heading {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #ebccd1;
}

.panel-danger > .panel-heading .badge {
	color: #f2dede;
	background-color: #a94442;
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #ebccd1;
}

.close {
	font-size: 32px;
	color: #ffffff;
	text-shadow: 0;
	opacity: 1;
	cursor: pointer;
}

.close:hover {
	color: grey;
	text-decoration: none;
	opacity: 0.75;
}

/**
 * Buttton CSS for cutom effect
 */

.btn-suc:hover {
	color: #ffffff;
	background-color: #28a745;
	border-color: #1f7e34;
}

.btn-suc {
	color: #ffffff;
	background-color: #1f7e34;
	border-color: #28a745;
}

.btn-err:hover {
	color: #ffffff;
	background-color: #dc3545;
	border-color: #be2131;
}

.btn-err {
	color: #ffffff;
	background-color: #be2131;
	border-color: #dc3545;
}

/*  Changed by Sanat */

.roin-color {
	color: #f15a29;
	margin-right: 10px;
}

.map-wrapper1 .roin-btn-md {
	min-width: 48px;
}

.btn-dark-no-hover,
.map-wrapper1 .btn-dark-no-hover:hover,
.map-wrapper1 .btn-dark-no-hover.active,
.map-wrapper1 .btn-dark-no-hover:active {
	background: none !important;
}

.map-wrapper1 .btn,
.btn {
	cursor: pointer;
}

.roin-color-gray {
	color: gray;
}

.roin-color-black {
	color: #000000 !important;
}

.roin-color-green {
	color: green;
}

.roin-color-blue {
	color: dodgerblue;
}

.roin-color-orange {
	color: darkorange;
}

.roin-color-red {
	color: red;
}

.roin-btn-modal-dismiss {
	margin-top: 20px;
	margin-right: 10px;
}

.roin-basic-filters .dropdownmenu-btn:hover,
.roin-basic-filters .dropdownmenu-btn:focus,
.roin-btn-hovered,
.roin-btn-hovered:hover,
.roin-btn-hovered:focus,
.roin-btn-hovered:active {
	color: #fff !important;
	background-color: #23272b !important;
	border: 1px solid #1d2124 !important;
	outline: none;
}

.roin-basic-filters .dropdownmenu-btn:hover select,
.roin-basic-filters .dropdownmenu-btn:focus select,
.roin-basic-filters .dropdownmenu-btn:hover .fa-caret-down,
.roin-basic-filters .dropdownmenu-btn:focus .fa-caret-down {
	color: #fff !important;
	background-color: #23272b !important;
	outline: none;
}

body .hide {
	display: none !important;
}

body .hidden {
	visibility: hidden !important;
}

body .btn-white {
	color: #ffffff !important;
	background-color: #23272b !important;
	border-color: #23272b;
	min-width: 68px;
	text-decoration: none;
}

body .btn-success {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}

body .btn-success:hover {
	color: #fff;
	background-color: #218838;
	border-color: #1e7e34;
}

body .modal-content-shadowed {
	/*box-shadow: 0px 15px 300px 100px #000; */
	border: 10px solid #ccc;
}

body table.dataTable thead th {
	text-align: left;
	padding-left: 8px;
}

body table.dataTable thead .sorting:after,
body table.dataTable thead .sorting_asc:after,
body table.dataTable thead .sorting_desc:after,
body table.dataTable thead .sorting_asc_disabled:after,
body table.dataTable thead .sorting_desc_disabled:after {
	position: relative;
	text-align: center;
	display: inline;
	/* padding-top: 10px; */
	bottom: auto;
	right: auto;
	padding-left: 5px;
	top: 3px;
	color: #f15a29;
	opacity: 1;
}

table.dataTable thead .sorting:after {
	color: #f15a29;
	opacity: 1 !important;
}

body .roin-item-counter,
body .roin-rate-counter {
	color: red;
	margin-left: 3%;
	background: #ffffff;
	display: inline-block;
	border-radius: 100%;
	padding: 2px 5px;
	cursor: default;
	font-size: 14px;
}

body .roin-rate-counter {
	background: none;
	border-radius: 10px;
}

body .roin-rate-counter.active {
	background: #ffffff;
	margin-right: 28px;
}

body .roin-gross-sum.active {
	font-weight: bold;
	letter-spacing: 0.5px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 15px;
	padding: 5px 15px;
}

body .roin-visited {
	background: bisque;
}

body .dataTables_wrapper {
	display: block;
	overflow: auto;
}

body .dataTables_wrapper .dataTables_length {
	float: left;
}

body .dataTables_wrapper .dataTables_filter {
	float: right;
}

#roinTripHistory.panel-group {
	margin-bottom: 0px;
}

body table a {
	color: #000000;
	text-decoration: underline;
}

body table thead {
	background: #ddd;
}

body .table-bordered > thead > tr > th {
	border-top: none;
}

body #header-table th,
body #header-table td {
	border-color: #6e6e6e;
	padding: 5px 0;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
	border-color: #6e6e6e;
}

body .roin-ap-paid {
	position: absolute;
	bottom: 5px;
	right: 15px;
}

body .roin-customer-partial-view {
	padding-bottom: 30px;
}

body #accordion .panel-default {
	box-shadow: none;
	border: none;
}

body .driver-checkall {
	width: 100%;
}

body .driver-checkall .user-img {
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: -40px;
	border: 2px solid #ccc;
}

body .roin-status-btn-wrapper {
	background: none;
	position: absolute;
	left: auto;
	right: auto;
	top: 5px;
	margin: 0 auto;
	width: 100%;
}

body .balance-center-active {
	float: none !important;
	max-width: 100% !important;
}

body .gm-style-iw table {
	margin-bottom: 0px;
}

body .roin-modal-header-black {
	background: #ffffff;
	color: #000000;
}

/* body div#filter_div .filtered-order {
    height: 135px;
    overflow-y: scroll;
    box-sizing: content-box;
} */

body div#filter_div .filtered-order-wrapper {
	overflow: hidden;
}

body div#filter_div .filtered-order > .col-md-3 {
	min-height: 101px;
}

div#filter_table_wrapper .row:first-child {
	display: none !important;
}

/*.roin-text-toggler {
    text-transform: lowercase;
}
.roin-text-toggler::first-letter {
    text-transform: uppercase;
}*/

/* Horizontal menu styles */

.roin-nav-horiz {
	/* background: #F15A29; */
	background: rgba(0, 0, 0);
	/*height: 50px;*/
	height: 56px;
	/*box-shadow: 0px 15px 10px -10px rgba(0,0,0,0.8);*/
	/*box-shadow: 0px 0px 6px 9px rgb(0, 0, 0, 0.6); */
	position: relative;
}

.roin-horiz-spacer {
	height: 9px;
}

.roin-nav-horiz .nav {
	padding-top: 0px;
}

.roin-nav-horiz .roin-logo-wrapper {
	margin-right: 3%;
}

.roin-nav-horiz .roin-logo-wrapper .roin-header-logo {
	padding-left: 0;
	padding-top: 6px;
}

.roin-nav-horiz .roin-logo-wrapper .roin-header-logo img {
	height: 36px;
}

.roin-nav-horiz .nav-item:not(:last-child) .nav-link:not(.sub-menu-a) {
	/* border-right: 1px solid rgba(255, 255, 255, 0.5); */
}

.roin-nav-horiz .nav-item .nav-link,
.roin-nav-horiz .nav-item .nav-link.sub-menu-a {
	color: #ffffff;
	height: 40px;
	padding: 0.7rem 0.9rem;
	/*letter-spacing: 0.5px;*/
	text-rendering: geometricPrecision;
	/* font-size: 13px; */
	font-weight: bold;
}

.roin-nav-horiz .nav-item .nav-link.sub-menu-a {
	color: #000000;
}

.roin-nav-horiz .nav-item .dropdown-menu .sub-menu-a {
	font-weight: normal;
}

.roin-nav-horiz .nav-item.roin-logo-wrapper .nav-link {
	border: none;
}

/*.roin-nav-horiz .nav-item .dropdown-menu .nav-link {
    color: #000000;
}*/

.roin-nav-horiz .roin-dropdown .dropdown-toggle {
	padding-top: 9px;
	padding-bottom: 0;
}

.roin-nav-horiz .roin-dropdown-last .dropdown-toggle {
	padding-top: 0px;
}

.roin-nav-horiz .roin-dropdown .dropdown-menu {
	top: 3px !important;
	border-top: none !important;
	border-radius: 0 !important;
}

.roin-nav-horiz .roin-dropdown-last .dropdown-menu {
	top: 2px !important;
}

.roin-nav-horiz .login-user-data {
	margin: 0;
}

.roin-nav-horiz .login-user-data .user-img {
	height: 40px;
	width: 40px;
}

.roin-nav-horiz .login-user-data .user-name {
	margin: 0px 0 0 10px;
}

.roin-nav-horiz .login-user-data small {
	display: block;
}

.roin-nav-horiz .roin-dropdown .dropdown-toggle::after {
	position: relative;
	left: 5px;
	top: 3px;
	/* color: #F15A29; */
	color: #ffffff;
}

.roin-nav-horiz .roin-dropdown-last .dropdown-toggle::after {
	top: -14px;
}

.roin-nav-vert {
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 9999;
	width: 15%;
	padding-top: 15px;
}

.roin-nav-vert .nav-link {
	padding: 0.75rem 1rem;
	color: #ffffff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	letter-spacing: 1px;
}

.roin-nav-vert .item-first .nav-link {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.roin-nav-vert .no-border {
	border-bottom: none !important;
}

.roin-nav-vert .nav-link:hover,
.roin-nav-vert .nav-link:focus,
.roin-nav-vert .nav-link:active {
	color: #ffffff;
}

.roin-nav-vert .login-user-data {
	display: inline-block;
	width: 100%;
	padding-bottom: 15px;
}

.roin-nav-vert .login-user-data .user-name {
	margin-top: 10px;
}

.roin-nav-vert .login-user-data .user-name small {
	display: block;
}

.roin-nav-vert .fa {
	color: #ffffff;
	width: 35px;
}

/* .roin-nav-vert .current-menu-item>.nav-link,
.roin-nav-vert .current-menu-item>.fa,
.roin-nav-horiz .current-menu-item>.nav-link,
.roin-nav-horiz .current-menu-item>.fa,
.roin-nav-horiz .current-submenu-item,
.roin-nav-horiz .current-submenu-item>.fa {
    /* color: #F15A29 !important; */

/* position: absolute;
    bottom: 0px;
    left: 4px;
    right: 4px;
    content: "";
    height: 3px;
    background-color: rgb(204, 95, 0);
    border-top-left-radius: 1px;
    border-top-right-radius: 1px; 
} */

.roin-nav-vert .current-menu-item > .nav-link,
.roin-nav-vert .current-menu-item > .fa,
.roin-nav-horiz .current-menu-item > .nav-link,
.roin-nav-horiz .current-menu-item > .fa {
	/* color: #F15A29 !important; */
	height: 100%;
	border-bottom: 3px solid #f15a29;
}

.mouse-hover {
	position: absolute;
	bottom: -5px;
	height: 4px;
	background: -webkit-linear-gradient(
		left,
		#f7941d,
		#f37025 25%,
		#f15a29 40%,
		#701e16
	);
	background: linear-gradient(
		to right,
		#f7941d,
		#f37025 25%,
		#f15a29 40%,
		#701e16
	);
	-webkit-transition: right 0.5s ease-in-out;
	transition: right 0.5s ease-in-out;
}

body .fa {
	color: #6e6e6e;
}

body .roin-nav .fa {
	color: #fff;
	display: none !important;
}

body .fa.fa-globe {
	/* color: #F15A29 !important; */
}

body .roin-progress-wrapper {
	width: 120px;
	float: left;
}

/* Breadcrumb */

body .roin-breadcrumb-wrapper {
	background: #e9ecef;
	padding: 10px;
/*	font-size: 14px;*/
	font-size: 13px;
	/* border-radius: 5px; */
	position: relative;
	min-height: 41px;
	margin-bottom: 10px;
	/*margin-top: 20px;*/
	/*width: 101.8%;*/
	/*left: -15px;*/
/*	box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 5px rgb(0 0 0 / 8%);*/
	margin-left: -15px;
	margin-right: -15px;
}

body .roin-breadcrumb-wrapper span.roin-truncator {
	width: 30%;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
}

body .roin-breadcrumb-wrapper span.last-item {
	position: absolute;
	left: 0;
	top: 10px;
	font-weight: bold;
	margin-left: 20px;
	right: 0;
	text-align: center;
	width: 30%;
	margin: 0 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body .roin-back-btn {
	margin-top: 10px;
	color: #343a40;
	background-color: #ffffff;
	border-color: #343a40;
}

body .timeline-icon .fa-comments {
	color: #f48159;
}

body .card .tab-pane {
	position: relative;
}

body .tab-pane .roin-remove-carrier-btn {
	position: absolute;
	right: 10px;
	top: 48.5px;
}

body .btn-dark .fa,
body .btn-err .fa,
body .btn-success .fa {
	/* color: #ffffff; */
	color: #000000;
}

body .btn-white .fa {
	color: #ffffff;
}

body .btn-no-border {
	border: none;
}

body label.roin-map-label {
	font-size: 12px;
}

body .roin-breadcrumb-wrapper.active {
	background-color: #fdc1ac;
	margin-left: -5px;
}

body .roin-breadcrumb-wrapper.active1 {
	background-color: #ffffff;
	margin-left: -5px;
	padding-right: 0px;
	padding-left: 25px;
	box-shadow: none;
}

body th.orangeheader,
body .orangeheader {
	font-size: 12px !important;
	padding: 3px 8px !important;
	background-color: #9e9e9e !important;
}

th.orangeheader {
	border: 1.2px #f5c4a8f0 solid !important;
}

body .orangeheader h4 {
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
}

body .table thead tr th {
	/* background-color: #9E9E9E !important; */
	background-color: #e9ecef !important;
	color: #000000;
}

body .btn-xs {
	font-size: 10px;
}

body #listView {
	/*margin-top: 10px; */
}

th[role="columnheader"]:not(.no-sort):after {
	content: "";
	float: none !important;
	margin-top: 0 !important;
	border-width: 0 4px 4px;
	opacity: 0;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border-color: transparent !important;
	visibility: hidden;
}

th[role="columnheader"]:not(.no-sort):hover:after {
	visibility: visible;
	opacity: 1;
}

body input[id^="keyword_"] {
	height: 26px;
	font-size: 12px;
}

body input[id^="keyword_"] ~ .input-group-btn button {
	font-size: 10px;
}

table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

body .roin-custom-nav {
	/* border-bottom: 2px solid #fdc1ac; */
	border-bottom: 1px solid #e9ecef;
}

body .roin-custom-nav > li {
/*	height: 25px;*/
	margin-right: 10px;
	padding-bottom: 5px;
}

body .roin-custom-nav > li:last-child {
	margin-right: 0;
}

body .roin-custom-nav > li > a {
	padding: 5px 13px;
	font-size: 12px;
}

body .roin-custom-nav-lg > li > a {
	padding: 10px 25.4px;
}

body .roin-custom-nav > li > a .fa {
	color: #6e6e6e !important;
	display: none !important;
}

body .roin-custom-nav > li > a {
	border: none !important;
	border-bottom: 2px solid transparent !important;
}

body .roin-custom-nav > li.active > a,
body .roin-custom-nav > li > a.active,
body .roin-custom-nav > li > a.roinactive,
body .roin-custom-nav > li > a:hover {
	/*border: none;*/
	/* color: #000000 !important; */
	/*background: rgba(32,33,36,0.09);*/
	/* text-decoration: none; */
	/*border-radius: 20px;*/
	/* border-bottom: 2px solid #F15A29 !important; */
	/* background: #F15A29 !important; */
	background-color: rgba(0, 0, 0, 0.08);
	box-shadow: transparent 0px 0px 0px 2px;
	color: #666 !important;
	border-bottom: 0px solid rgba(0, 0, 0, 0.05) !important;
}

body .roin-custom-nav > li.active > a .fa,
body .roin-custom-nav > li > a.active .fa,
body .roin-custom-nav > li > a:hover .fa {
	/*color: #F15A29 !important;*/
	color: #000000 !important;
}

body .roin-nav-sm > li > a:not(.roinactive):hover {
	background-color: transparent !important;
	/*background: #F15A29 !important;*/
	/* border-bottom: 2px solid #F15A29 !important; */
	/* background-color: rgb(249,249,249) !important; */
	box-shadow: transparent;
	color: #000000 !important;
	border-bottom: 0px solid transparent !important;
	border-top: 1px solid transparent !important;
}

/*body .roin-custom-nav > li.active > a .fa-dollar,
body .roin-custom-nav >li > a.active .fa-dollar,
body .roin-custom-nav >li > a:hover .fa-dollar {
  color: #28a745!important;
}
body .roin-custom-nav > li.active > a .fa-globe,
body .roin-custom-nav >li > a.active .fa-globe,
body .roin-custom-nav >li > a:hover .fa-globe {
  color: #005aff!important;
}
body .roin-custom-nav > li.active > a .fa-comments,
body .roin-custom-nav >li > a.active .fa-comments,
body .roin-custom-nav >li > a:hover .fa-comments {
  color: #000000!important;
}
body .roin-custom-nav > li.active > a .fa-truck,
body .roin-custom-nav >li > a.active .fa-truck,
body .roin-custom-nav >li > a:hover .fa-truck {
  color: #04B4AE!important;
}
body .roin-custom-nav > li.active > a .fa-info-circle,
body .roin-custom-nav >li > a.active .fa-info-circle,
body .roin-custom-nav >li > a:hover .fa-info-circle {
  color: #07a3ff!important;
}
body .roin-custom-nav > li.active > a .fa-road,
body .roin-custom-nav >li > a.active .fa-road,
body .roin-custom-nav >li > a:hover .fa-road {
  color: #17a2b8!important;
}*/

/*body .roin-custom-nav > li.active > a .fa-file-text-o,
body .roin-custom-nav >li > a.active .fa-file-text-o,
body .roin-custom-nav >li > a:hover .fa-file-text-o {
  color: #9403de!important;
}*/

body .roin-btn-no-bg {
	background: none !important;
	color: #000000 !important;
	border: none !important;
	text-decoration: underline !important;
}

body {
	font-size: 14px;
}

body .btn-group.statusbar .btn {
	padding: 15px 2px;
}

body .roin-custom-col {
	background: rgba(32, 33, 36, 0.045);
	padding: 15px;
	border-right: 4px solid #ffffff;
	border-radius: 20px;
}

body .roin-custom-col.roin-custom-col-left-border {
	border-right: none;
	border-left: 4px solid #ffffff;
}

body .roin-custom-col.roin-custom-col-no-border {
	border: none;
}

body .roin-custom-col table tr:first-child th,
body .roin-custom-col table tr:first-child td {
	border-top: none;
}

body .roin-custom-title {
	background: #e9ecef;
	padding: 12px 10px 10px 10px;
	margin: -15px;
	margin-bottom: 0px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	font-size: 16px;
}

body .roin-custom-title-no-border-radius {
	border-radius: 0;
}

body .roin-add-button {
	color: #6e6e6e;
	font-weight: bold;
	border: 1px solid #6e6e6e;
	padding: 3px 5px;
	border-radius: 5px;
	text-decoration: none;
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 9px;
}

body .form-control {
	font-size: 0.75rem;
}

.modal-backdrop {
	background-color: transparent !important;
}

body .card.card-container.text-center {
	border: 1px solid #f15a29;
	box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, 0.3) !important;
	background: none !important;
}

.all-btn.btn.btn-info {
	border-color: #333;
}

.all-btn.btn.btn-info:hover,
.all-btn.btn.btn-info:focus,
.all-btn.btn.btn-info:active,
.broker_extra .btn.btn-info.btn-xs:hover,
.broker_extra .btn.btn-info.btn-xs:focus,
.broker_extra .btn.btn-info.btn-xs:active,
.driver_extra .btn.btn-info.btn-xs:hover,
.driver_extra .btn.btn-info.btn-xs:focus,
.driver_extra .btn.btn-info.btn-xs:active,
.customer_extra .btn.btn-info.btn-xs:hover,
.customer_extra .btn.btn-info.btn-xs:focus,
.customer_extra .btn.btn-info.btn-xs:active {
	background-color: #000;
	border-color: #333;
	color: #fff;
}

.all-btn.btn.btn-info.active,
.all-btn.btn.btn-info:active,
.show > .all-btn.btn.btn-info.dropdown-toggle {
	background-color: #000;
	border-color: #333;
}

/*
.broker_extra a {
   color: #000;
}

.driver_extra a {
   color: #000;
}

.customer_extra a {
   color: #000;
}
*/

body {
	background-position: center;
}

/* Admin widget */

.roin-widget-icon {
	width: 72px;
	height: 72px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: -7px;
	margin-left: -3px;
}

.roin-broker {
	background-image: url("../images/broker.png");
}

.roin-shipper {
	background-image: url("../images/shipper.png");
}

.roin-carrier {
	background-image: url("../images/carrier.png");
}

.roin-driver {
	background-image: url("../images/driver.png");
}

.table.document-table tr td,
.table.document-table tr th {
	font-size: 13px;
}

/* Vehicle type */

.roin-vehicle-type {
	border: none;
	padding: 1px 0px;
}

.roin-vehicle-type label {
	font-weight: normal;
}

.roin-no-padding {
	padding: 0px !important;
}

.roin-divider {
	border: 1px solid #aaa;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: inline-block;
	padding-top: 1.1em;
	font-size: 11px;
	background: #fff;
	position: absolute;
	top: -1.8em;
	left: 0;
	right: 0;
	margin: 0 auto;
	color: #aaa;
}

.btn-custom {
	border: 1px solid #ccc !important;
	border-left-width: 0px !important;
	font-size: 12px !important;
	border-radius: 0 !important;
}

.page-item a:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.page-item a {
	position: relative;
	display: block;
	padding: 0.5rem 0.75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #484848;
	background-color: #fff;
	border: 1px solid #dee2e6;
}

.page-item a:not([href]) {
	color: #ffffff;
	/*background-color: #007bff;*/
	background-color: #f15a29;
}

.page-item .disabled {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}

/* Custom CSS for checkboxes */

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */

input[type="number"] {
	-moz-appearance: textfield;
}

.roin-checkboxes {
	/*padding-top: 30px;*/
}

.roin-checkboxes .roin-custom-checkbox {
	display: inline-block;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	margin-right: 10px;
}

.roin-checkboxes .roin-number {
	margin-top: -30px;
}

.roin-custom-radio legend {
	font-size: 14px;
	font-weight: bold;
}

.roin-custom-radio .roin-custom-btn {
	font-size: 14px;
	font-weight: normal;
	border: 3px solid red;
	padding: 5px 15px;
	min-width: 90px;
	margin-right: 25px;
	cursor: pointer;
	text-align: center;
}

.roin-custom-radio .roin-custom-btn:last-child {
	margin-right: 0px;
}

.roin-custom-radio input[type="radio"] {
	display: inline-block;
	width: 0;
	position: fixed;
	opacity: 0;
}

.roin-custom-radio input[type="radio"]:checked + .roin-custom-btn {
	background-color: #bfb;
	border-color: #4c4;
}

body .form-control.roin-custom-date {
	font-size: 16px;
}

.roin-add-charge-wrapper {
	position: relative;
}

.roin-add-charge-wrapper input,
.roin-line-items input {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.roin-add-charge-wrapper .roin-add-charge,
.roin-add-charge-wrapper .roin-add-charge-new {
	position: absolute;
	right: 15px;
	/*right: -10px;*/
	top: 25px;
}

.roin-add-charge-wrapper .roin-add-charge-new {
	top: 27px;
	right: 0px;
}

.roin-custom-dropd {
	position: relative;
}

.roin-custom-dropdown .dropdown-toggle {
	border: none;
	outline: none;
	cursor: pointer;
	background: none;
}

.roin-custom-dropdown .dropdown-toggle::after {
	display: none;
}

.roin-custom-dropdown .dropdown-item {
	background: #000000 !important;
	color: #ffffff !important;
	font-weight: 500 !important;
	padding: 0px !important;
	font-family: brandon-grotesque, sans-serif;
	font-size: 12px;
}

.roin-custom-dropdown .dropdown-menu {
	background-color: #000000 !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
	/* color: #F15A29 !important; */
}

.roin-show-more-wrapper {
	top: 5px;
}

.roin-show-more-wrapper.roin-down {
	/*top: 50px;*/
}

.roin-last-login {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
}

.roin-last-login small {
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}

/* Italic placeholder */

/*::-webkit-input-placeholder {
    font-style: italic;
}

:-moz-placeholder {
    font-style: italic;
}

::-moz-placeholder {
    font-style: italic;
}

:-ms-input-placeholder {
    font-style: italic;
}*/

body a {
	text-decoration: none !important;
}

.roin-no-left-padding {
	padding-left: 0px !important;
}

.roin-no-right-padding {
	padding-right: 0px !important;
}

.roin-custom-panel-title {
	background: #e9ecef;
	padding: 10px;
	height: auto;
	font-weight: 500;
	border-radius: 5px;
}

.roin-form-compact label {
	margin-bottom: 0px;
}

.roin-form-compact .mb-3 {
	margin-bottom: 0px !important;
}

.roin-form-compact .card-body,
.roin-form-compact .panel-body {
	padding: 0px;
}

/*.roin-custom-dropdown a:hover,
.roin-custom-dropdown a:focus,
.roin-custom-dropdown a:active,
.roin-custom-dropdown a:hover i,
.roin-custom-dropdown a:focus i,
.roin-custom-dropdown a:active i,
.roin-dropdown-menu a:hover,
.roin-dropdown-menu a:focus,
.roin-dropdown-menu a:active,
.roin-dropdown-menu a:hover i,
.roin-dropdown-menu a:focus i,
.roin-dropdown-menu a:active i {
  color: #F15A29;
}*/

.roin-active,
.roin-nav-horiz .nav-item .nav-link:hover,
.roin-nav-horiz .nav-item .nav-link:hover .fa,
.roin-info-view:hover,
.roin-self-view:hover {
	/* color: #F15A29!important; */
	background-color: rgba(117, 115, 115, 0.6);
	box-shadow: transparent 0px 0px 0px 2px;
	color: rgb(255, 255, 255);
}

/* Icons custom coloring */

.roin-custom-dropdown a:hover .fa-save {
	color: #6600cc !important;
}

.roin-custom-dropdown a:hover .fa-plus-circle {
	color: #33d7ff !important;
}

.roin-custom-dropdown a:hover .fa-files-o {
	color: #9403de !important;
}

.roin-custom-dropdown a:hover .fa-users {
	color: #00bfff !important;
}

.roin-custom-dropdown a:hover .fa-location-arrow {
	color: #bf00ff !important;
}

.roin-custom-dropdown a:hover .fa-edit {
	color: #ffca33 !important;
}

.roin-custom-dropdown a:hover .fa-history {
	color: #086f0b !important;
}

.roin-custom-dropdown a:hover .fa-eye {
	color: #8000ff !important;
}

.roin-custom-dropdown a:hover .fa-clone {
	color: #0a8fa5 !important;
}

.roin-custom-dropdown a:hover .fa-trash {
	color: #dc3545 !important;
}

.roin-custom-dropdown a:hover .fa-hand-paper-o {
	color: #dc3545 !important;
}

.roin-custom-dropdown a:hover .fa-upload {
	color: #009999 !important;
}

.roin-custom-dropdown a:hover .fa-download {
	color: #fe642e !important;
}

.roin-custom-dropdown a:hover .fa-send {
	color: #00aaff !important;
}

.roin-custom-dropdown a:hover .fa-check-circle-o {
	color: #00cc44 !important;
}

.roin-custom-dropdown a:hover .fa-send-o {
	color: #00aaff !important;
}

.roin-custom-dropdown a:hover .fa-minus-circle,
.roin-custom-dropdown a:hover .fa-file-pdf-o {
	color: #f00 !important;
}

.roin-line-items.table {
	border: 2px solid #2c2c2c;
	table-layout: auto;
	width: 100%;
	border-collapse: collapse !important;
	background-color: #eee;
}

.roin-line-items.table > tbody > tr > td,
.roin-line-items.table > thead > tr > th {
	padding: 4px;
	border: 2px solid #2c2c2c;
	vertical-align: middle;
}

.roin-line-items.table thead tr th {
	background-color: #7f8f9e !important;
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.5px;
	pointer-events: none;
	background-image: none !important;
}

.roin-auto-height {
	height: auto !important;
}

.roin-width-70 {
	width: 70px !important;
}

.roin-width-60 {
	width: 60px !important;
}

.roin-width-50 {
	width: 50px !important;
}

.roin-width-30 {
	width: 48px !important;
}

.roin-width-20 {
	width: 20px !important;
}

.roin-width-150 {
	width: 150px !important;
}

.roin-width-120 {
	width: 120px !important;
}

.roin-width-100 {
	width: 100px !important;
}

.roin-width-200 {
	width: 200px !important;
}

.roin-width-230 {
	width: 230px !important;
}

.roin-width-max-content {
	width: max-content !important;
	margin: 0 auto;
}

.roin-width-1 {
	width: 1px !important;
}

.roin-auto-width {
	width: 100% !important;
	box-sizing: border-box;
}

.form-inline .roin-line-items.table .form-control {
	padding: 0.35rem 0.5rem;
	border-radius: 0 !important;
	border: 1px solid !important;
	font-weight: 600;
	text-transform: uppercase;
	color: #043287;
	font-size: 14px;
}

/* .roin-hold-bg {
    background-color: rgba(255, 193, 7, 0.9)!important;
}

.roin-available-bg {
    background-color: rgba(241, 90, 41, 0.9)!important;
}

.roin-covered-bg {
    background-color: rgba(23, 162, 184, 0.9)!important;
}

.roin-dispatched-bg {
    background-color: rgba(5, 13, 255, 0.5)!important;
}

.roin-atpickup-bg {
    background-color: rgba(255, 91, 255, 0.9)!important;
}

.roin-intransit-bg {
    background-color: rgba(255, 89, 131, 0.7)!important;
}

.roin-atdelivery-bg {
    background-color: rgba(170, 0, 255, 0.4)!important;
} */

/* Roin Line Items */

.roin-line-items-view
/*.roin-rate-breakdown,*/


/*.roin-documents,*/


/*.roin-internal-notes */ {
	/* display: none; */
}

.roin-add-time {
	position: absolute;
	right: 25px;
	top: 32px;
}

.roin-add-time-custom-field {
	position: absolute;
	right: 0.8rem;
	top: 0.5rem;
}

.roin-add-time.roin-add-time-new {
	top: 11px;
}

.table-sm th,
.table-sm td,
.table-sm tr th div,
.table-sm tr th div a,
.table-sm tr td div,
.table-sm tr td div a {
	font-size: 12px;
}

/*.table-sm th {
  white-space: nowrap;
}*/

.table-sm td {
	word-break: break-word;
}

.roin-rate-breakdown th {
	white-space: normal;
}

body .roin-nav-sm {
	padding-left: 0 !important;
}

body .roin-nav-sm {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

/*body .roin-nav-sm > li > a .fa {
  display: inline-block !important;
}*/

body .roin-nav-sm > li > a {
	padding: 5px 3px !important;
	color: #666;
}

body .roin-nav-sm > li > a.roinactive {
	color: #000000 !important;
}

.roin-data-content .roin-data-items {
	display: none;
}

.roin-data-content .roin-data-items.roinactive {
	display: block;
}

.roin-mason-grid .table th {
	font-weight: normal !important;
}

.roin-mason-grid th.roin-sm-border {
	border-bottom: 2px solid #f15a29 !important;
	border-radius: 0;
	width: 50%;
	font-size: 14px !important;
	font-weight: bold !important;
}

#roinOrderinfo .form-group {
	margin-bottom: 0.3rem;
}

#roin-search-container {
	height: auto;
	min-height: 45px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	padding: 0 30px 0 0;
	cursor: text;
	position: relative;
}

#roin-search-container .roin-clr-basic-search,
#roin-search-container .roin-clear-basic-search {
	position: absolute;
	right: 8px;
	top: 11px;
}

#roin-search-container div {
	background: #f48159;
	padding: 5px;
	border: 1px solid #f3541d;
	border-radius: 15px;
	display: inline-block;
	margin: 5px;
	color: #fff;
}

#roin-search-container div .roin-key {
	font-weight: 100;
}

#roin-search-container div .roin-val {
	font-weight: 600;
	letter-spacing: 0.3px;
}

#roin-search-container .roin-placeholder {
	color: #969696;
	padding: 13.5px;
	display: block;
}

#roin-search-container .roin-placeholder .fa {
	color: #969696;
}

.form-basic-search {
	/*display:  none;*/
	box-shadow: rgb(204 204 204) 0px 11px 10px;
	padding: 15px 10px;
}

.roin-file-container {
	position: relative;
}

.roin-file-container .roin-file-link {
	position: absolute;
	right: 20px;
	top: 33px;
}

.roin-file-container .roin-file-link .fa {
	color: #464545 !important;
	font-size: 24px;
}

.roin-file-container .roin-file-link img {
	width: 30px;
	font-size: 10px;
}

.roin-file-container.roin-has-file .roin-file-link {
	right: 38px;
}

.roin-dashboard-filter-wrapper {
	padding: 5px 15px;
	/*border-top: 1px solid #eaeaea; */
	/*background-color: #f7f7f7; */
	/*border-bottom: 1px solid #eaeaea; */
	margin-bottom: 20px;
	/*margin-top: 75px;*/
	margin-top: 60px;
	height: 40px;
	background: transparent;
	box-shadow: rgb(204 204 204) 0px 11px 10px;
}

.roin-dashboard-filter-wrapper .roin-dashboard-filter {
	/*display: none;*/
}

.roin-dashboard-filter [class^="col-md-"] {
	margin-left: -18px;
}

.roin-filter-toggler {
	position: absolute;
	top: 6px;
}

.roin-filter-toggler.roin-filter-toggler-right {
}

.roin-filter-toggler .fa {
	color: #f15a29 !important;
}

/* The switch - the box around the slider */

.switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 20px;
}

/* Hide default HTML checkbox */

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */

.slider {
	position: absolute;
	cursor: pointer;
	top: 7px;
	left: 0;
	right: 0;
	bottom: -7px;
	background-color: #ccc;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	left: 4px;
	bottom: 3px;
	background-color: white;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.switch input:checked + .slider {
	background-color: #f15a29;
}

.switch input:focus + .slider {
	box-shadow: 0 0 1px #f15a29;
}

.switch input:checked + .slider:before {
	-webkit-transform: translateX(29px);
	-ms-transform: translateX(29px);
	transform: translateX(29px);
}

/* Rounded sliders */

.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.roin-default-hover-cls {
	background: #cccccc !important;
}

.roin-default-hover {
	background: #ffeeba !important;
}

#goto_load {
	margin-left: 10px;
	height: 24px;
	margin-top: 8px;
	font-size: 12px;
	width: 120px;
	background: transparent;
	/*border: 1px solid #ccc;*/
	color: #f15a29;
	text-rendering: geometricPrecision;
	font-family: brandon-grotesque, sans-serif;
}

#goto_load::-webkit-input-placeholder,
#search::-webkit-input-placeholder {
	color: #f15a29;
	font-style: normal;
}

#goto_load::-moz-placeholder,
#search::-moz-placeholder {
	color: #f15a29;
	font-style: normal;
}

#goto_load::-ms-input-placeholder,
#search::-ms-input-placeholder {
	color: #f15a29;
	font-style: normal;
}

.roin-custom-dropdown-menu {
	top: 60px !important;
}

.ui-autocomplete {
	z-index: 9999 !important;
}

.roin-nav-horiz .roin-custom-nav-item {
	position: absolute;
	right: 10px;
}

.roin-nav-horiz .roin-custom-nav-item > a.nav-link {
	border: none;
	padding: 0;
}

.roin-nav-horiz .roin-custom-nav-item .nav-item .nav-link {
	height: auto !important;
}

/* Roin vertical tabs starts */

.roin-vert-tabs .nav-tabs {
	border: none;
	border-right: 1.1px solid rgba(0, 0, 0, 0.12);
	height: 100%;
}

.roin-vert-tabs .nav-tabs .nav-item {
	height: 40px;
}

.roin-vert-tabs .nav-tabs .nav-item .nav-link {
	color: #000;
	font-size: 12px;
	border-radius: 0;
}

.roin-vert-tabs .nav-tabs .nav-item .nav-link:hover,
.roin-vert-tabs .nav-tabs .nav-item .nav-link:active,
.roin-vert-tabs .nav-tabs .nav-item .nav-link:focus {
	border-color: transparent;
	background: rgba(221, 221, 221, 0.4);
}

.roin-vert-tabs .nav-tabs .nav-item.show .nav-link,
.roin-vert-tabs .nav-tabs .nav-link.active,
.roin-vert-tabs .nav-tabs .nav-link.active:active,
.roin-vert-tabs .nav-tabs .nav-link.active:focus,
.roin-vert-tabs .nav-tabs .nav-link.active:hover {
	border-color: transparent;
	color: #f48159;
	background: rgba(244, 129, 89, 0.15);
}

/* Roin vertical tabs ends */

body .roin-vert-tabs .orangeheader h4 {
	font-size: 12px;
}

/* Filter options new layout Starts */

.form-basic-search label,
.roin-custom-boxes label {
	display: block;
	transform: translate(0, -2.5rem);
	font-weight: 400;
	margin-bottom: 0;
	cursor: auto;
}

.form-basic-search input,
.form-basic-search select,
.roin-custom-boxes input,
.roin-custom-boxes select {
	width: 100%;
	height: 24px !important;
	margin-top: 0.1rem;
	padding: 0.25rem;
	border: none;
	border-bottom: 1px solid #ccc;
	transition: border-color 0.2s ease;
	border-radius: 0;
	font-size: 11px;
	background: transparent;
}

.form-basic-search input:focus,
.form-basic-search select:focus,
.roin-custom-boxes input:focus,
.roin-custom-boxes select:focus {
	outline: none;
	border-color: #f48159;
	background: transparent;
}

@supports (not (-ms-ime-align: auto)) {
	.form-basic-search label,
	.roin-custom-boxes label {
		/*color: #999;*/
		color: #000;
		transform: translate(0.25rem, -1.25rem);
		transition: all 0.2s ease-out;
		background: transparent;
	}

	.form-basic-search input:focus + label,
	.form-basic-search input:not(:placeholder-shown) + label,
	.form-basic-search select:focus + label,
	.form-basic-search select:not(:placeholder-shown) + label,
	.roin-custom-boxes input:focus + label,
	.roin-custom-boxes input:not(:placeholder-shown) + label,
	.roin-custom-boxes select:focus + label,
	.roin-custom-boxes select:not(:placeholder-shown) + label {
		color: #111;
		transform: translate(0, -2.5rem);
		background: transparent;
	}
}

form .form-control,
form
	.chosen-container-multi
	.chosen-choices
	li.search-field
	input[type="text"] {
	color: #000;
}

/* Filter options new layout Ends */

table#order_table thead th,
table#order_table tfoot th {
	font-weight: normal;
}

table#order_table td.o_progress,
table#order_table td.o_check_call,
table#order_table td.o_rate_conf {
	text-align: left !important;
}

.roin-form label {
	display: inline-block;
	font-weight: 400;
	margin-bottom: 5px;
	cursor: auto;
	transform: translate(0, 0.5rem);
	background: #ffffff;
	z-index: 9999;
}

.roin-form input,
.roin-form select,
.roin-form textarea {
	width: 100%;
	height: 35px;
	margin: 0;
	padding: 0.25rem;
	padding-bottom: 0rem;
	border: none;
	border: 1px solid #9a9a9a;
	border-radius: 0;
	font-size: 12px;
}

.roin-form textarea {
	height: 60px !important;
}

.roin-form input:focus,
.roin-form select:focus,
.roin-form textarea:focus {
	outline: none;
	border-color: #f48159;
}

.roin-form .panel-group .panel {
	border-radius: 0;
}

.roin-form .panel-default > .panel-heading {
	font-size: 15px !important;
	border-radius: 0 !important;
	margin: 0 !important;
	padding: 10px 20px !important;
}

.roin-form .panel-title {
	font-size: 18px !important;
}

.roin-form .card-body {
	padding: 5px 20px !important;
}

.additional_contact_car, .additional_building_card  {
	padding: 20px;
}

.choices__inner {
	background-color: #ffffff !important;
/*	border: 1px solid #fff !important;*/
	padding: 0px 0.5px 3.75px !important;
}

.choices__list--dropdown {
	z-index: 99999 !important;
}

.choices__input {
	background-color: #ffffff !important;
}

.custom-file-input::-webkit-file-upload-button {
	visibility: hidden;
}

.custom-file-input::before {
	content: "Select some files";
	display: inline-block;
	background: linear-gradient(top, #f9f9f9, #e3e3e3);
	border: 1px solid #999;
	border-radius: 3px;
	padding: 5px 8px;
	outline: none;
	white-space: nowrap;
	-webkit-user-select: none;
	cursor: pointer;
	text-shadow: 1px 1px #fff;
	font-weight: 700;
	font-size: 10pt;
}

.custom-file-input:hover::before {
	border-color: black;
}

.custom-file-input:active::before {
	background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.file-upload {
	display: block;
	text-align: center;
	font-size: 12px;
}

.file-upload .file-select {
	display: block;
	border: 1px solid #9a9a9a;
	color: #34495e;
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	text-align: left;
	background: #ffffff;
	overflow: hidden;
	position: relative;
	overflow-x: hidden;
}

.file-upload .file-select .remove-file {
	position: absolute;
	right: 0;
	top: 0;
	/*z-index: 99999;*/
	cursor: pointer;
	background: white;
	width: 20px;
	text-align: center;
}

.file-upload .file-select .file-select-button {
	background: #9a9a9a;
	padding: 0 10px;
	display: inline-block;
	height: 40px;
	line-height: 40px;
}

.file-upload .file-select .file-select-name {
	line-height: 40px;
	display: inline-block;
	padding: 0 5px;
	word-break: break-word;
	position: absolute;
	white-space: nowrap;
}

.file-upload .file-select:hover {
	border-color: #34495e;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.file-upload .file-select:hover .file-select-button {
	background: #34495e;
	color: #ffffff;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.file-upload.active .file-select {
	border-color: #3fa46a;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.file-upload.active .file-select .file-select-button {
	background: #3fa46a;
	color: #ffffff;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.file-upload .file-select input[type="file"] {
	z-index: 100;
	cursor: pointer;
	position: absolute;
	height: 100%;
	width: 95%;
	top: 0;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}

.file-upload .file-select.file-select-disabled {
	opacity: 0.65;
}

.file-upload .file-select.file-select-disabled:hover {
	cursor: default;
	display: block;
	border: 2px solid #dce4ec;
	color: #34495e;
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	margin-top: 5px;
	text-align: left;
	background: #ffffff;
	overflow: hidden;
	position: relative;
}

.file-upload .file-select.file-select-disabled:hover .file-select-button {
	background: #dce4ec;
	color: #666666;
	padding: 0 10px;
	display: inline-block;
	height: 40px;
	line-height: 40px;
}

.file-upload .file-select.file-select-disabled:hover .file-select-name {
	line-height: 40px;
	display: inline-block;
	padding: 0 10px;
}

.roin-custom-table .orangeheader {
	background-color: #eee !important;
	font-size: 18px !important;
	color: #5e5e5f !important;
	padding: 5px 10px !important;
	border: 1.2px #f5c4a8f0 solid !important;
}

.roin-form .panel-default > .panel-heading {
	border: 1.2px #f5c4a8f0 solid !important;
}

.roin-custom-table > thead > tr > th,
.roin-custom-table > tbody > tr > th,
.roin-custom-table > tfoot > tr > th,
.roin-custom-table > thead > tr > td,
.roin-custom-table > tbody > tr > td,
.roin-custom-table > tfoot > tr > td {
	border: 1px solid #e9ecef !important;
	color: #717171 !important;
	font-size: 12px !important;
	padding: 3px 10px !important;
}

/* this is to fix the resizing issue of datatable */

table.dataTable,
table.dataTable th,
table.dataTable td {
	box-sizing: content-box !important;
}

.roin-card {
	padding: 0px 4px 10px !important;
}

.choices__input {
	width: -webkit-fill-available !important;
	width: -moz-available !important;
}

/* Style for page blocker with a loader */

.roin-page-blocker {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
	z-index: 99999;
	padding-top: 20%;
	text-align: center;
}

.roin-custom-nav-ui {
	border-top: 1px solid #9797977a !important;
	border-bottom: 3px solid #f15a29 !important;
	background-color: #f9f9f9 !important;
}

.roin-custom-nav-ui > li > a {
	color: #000000 !important;
/*	font-size: 14px !important;*/
	font-weight: 700;
}

body .roin-custom-nav-ui > li > a.roinactive {
/*	background: #fdd49a !important;*/
	background: rgba(0, 0, 0, 0.08) !important;
}

/* This is to resolve sub-menu disappearing issue */

.roin-nav li.nav-item:not(.roin-custom-nav-item) {
	position: relative;
}

.roin-nav li.nav-item > .dropdown-menu {
	transform: none !important;
	top: 47px !important;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: rgb(110 110 110) 0px 10px 33px 10px;
}

.roin-nav li.nav-item.roin-custom-nav-item > .dropdown-menu {
	left: -95px !important;
}

/* Style for check calls timeline*/

.vertical-timeline {
	width: 100%;
	position: relative;
	padding: 1.5rem 0 1rem;
}

.vertical-timeline::before {
	content: "";
	position: absolute;
	top: 0;
	left: 10px;
	height: 100%;
	width: 4px;
	background: #e9ecef;
	border-radius: 0.25rem;
}

.vertical-timeline-element {
	position: relative;
	margin: 0 0 1rem;
}

.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in {
	visibility: visible;
	animation: cd-bounce-1 0.8s;
}

.vertical-timeline-element-icon {
	position: absolute;
	top: 0;
	left: 3px;
}

/*.vertical-timeline-element-icon .badge-dot-xl {
    box-shadow: 0 0 0 5px #fff
}*/

.badge-dot-xl {
	width: 18px;
	height: 18px;
	position: relative;
}

.badge:empty {
	display: none;
}

.badge-dot-xl::before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 0.25rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -5px 0 0 -5px;
	background: #fff;
}

.vertical-timeline-element-content {
	position: relative;
	margin-left: 40px;
	font-size: 0.8rem;
}

.vertical-timeline-element-content .timeline-title {
	font-size: 0.8rem;
	text-transform: uppercase;
	margin: 0 0 0.5rem;
	padding: 2px 0 0;
	font-weight: bold;
}

.vertical-timeline-element-content .vertical-timeline-element-date {
	display: block;
	position: absolute;
	left: -30px;
	top: -26px;
	padding: 2px;
	border-radius: 5px;
	text-align: right;
	color: #232526;
	font-size: 0.7619rem;
	white-space: nowrap;
	background-color: #d1d1d1;
}

.vertical-timeline-element-content:after {
	content: "";
	display: table;
	clear: both;
}

.vertical-timeline-element-content .sub-content {
	position: unset !important;
	background-color: #a6a6a6;
	color: white;
}

/* File download/upload notification */

.roin-notifn-wrapper {
	font-size: 11px;
}

/* Lane history */

.roin-lanehistory-wrapper {
	max-height: 325px;
	overflow: hidden;
	overflow-y: scroll;
}

.table-roin-lanehistory span {
	font-size: 12px;
}

/* Password toggler */

.roin-password-toggle {
	position: absolute;
	right: 10px;
	top: 7px;
	z-index: 9999;
	cursor: pointer;
}

.roin-password-toggle .fa {
	color: #000;
}

/* Roin collapse */

.roin-collapse {
	cursor: pointer;
}

.roin-collapse-title {
	margin-right: 25px;
}

.roin-custom-hr {
	margin: 0.5rem 0;
}

.roin-custom-hr-no-bar {
	margin: 0.5rem 0;
	border: none;
}

/* New widget icon style */

/* Need to add the following HTML after the element where you want the icon to come */

/*<div class="roin-rel-pos"><img src="<?php echo $this->Html->url('/web-asset/images/new-icon.png'); ?>" alt="ROIN New Feature" class="roin-new-feature"></div>*/

/* In default.js file search for "// Check if new featured viewed" and add the js so that after it viewed once it won't appear */

.roin-rel-pos {
	position: relative;
}

.roin-rel-pos .roin-new-feature {
	width: 30px;
	height: auto;
	position: absolute;
	right: 20px;
	top: -24px;
	animation: roin-new-feature 2s ease-out infinite;
}

@keyframes roin-new-feature {
	0% {
		transform: scale(1, 1);
	}

	50% {
		transform: scale(1.5, 1.5);
	}

	100% {
		transform: scale(1, 1);
	}
}

/* Dashboard styles */

.roin-dash-card {
	padding: 10px;
	margin: 0 auto 25px;
	box-shadow: 0px 0px 4px rgb(0 0 0 / 30%);
	border-radius: 2px;
}

.roin-dash-card .table {
	margin-bottom: 0;
}

.dash-title {
	border-bottom: 1px solid #ddd;
	padding-bottom: 3px;
	font-size: 14px;
}

.load-data-container {
	padding: 5px 0;
	/*max-height: 300px; */
	overflow-y: auto;
	height: 85%;
}

/* --- DRAG AND DROP --- */

.box {
	position: relative;
	background: #ffffff;
	width: 100%;
}

.box-header {
	color: #444;
	display: block;
	padding: 10px;
	position: relative;
	border-bottom: 1px solid #f4f4f4;
	margin-bottom: 10px;
}

.box-tools {
	position: absolute;
	right: 10px;
	top: 5px;
}

.dropzone-wrapper {
	border: 2px dashed #91b0b3;
	color: #92b0b3;
	position: relative;
	height: 100px;
}

.dropzone-desc {
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	text-align: center;
	width: 40%;
	top: 30px;
	font-size: 12px;
}

.dropzone,
.dropzone:focus {
	position: absolute;
	outline: none !important;
	width: 100%;
/*	height: 150px;*/
	height: 97px;
	cursor: pointer;
	opacity: 0;
}

.dropzone-wrapper:hover,
.dropzone-wrapper.dragover {
	background: #ecf0f5;
}

.preview-zone {
	text-align: center;
}

.preview-zone .box {
	box-shadow: none;
	border-radius: 0;
	margin-bottom: 0;
}

.dropzonelbl {
	margin-bottom: -46px !important;
}

/* message */

.msg {
	position: fixed;
	top: 80px;
	left: 50%;
	padding: 15px 70px;
	border-radius: 5px;
	color: white;
	font-size: 14px;
	font-weight: 800;
	box-shadow: 0 0 14px rgba(0, 0, 0, 0.05);
}

.msg-success {
	/*background-color: #28a745;*/
	background-color: #09a82cb0;
}

.msg-warning {
	/*background-color: #ffc107;*/
	background-color: #ffc107bf;
}

.msg-danger {
	/*background-color: #dc3545;*/
	background-color: #ee0c239c;
}

.msg-info {
	/*background-color: #17a2b8;*/
	background-color: #0dcbeaa6;
}

/*fade*/

.animate {
/*	opacity: 0;*/
	transition: all 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animate.active {
	opacity: 1;
	transform: translateX(-50%) translateY(-50%);
}

.slide-in-down {
	transform: translateY(-100%) translateX(-50%);
}

.float {
	position: fixed;
	width: 40px;
	height: 40px;
	/*bottom:40px;*/
	top: 150px;
	right: 0px;
	background-color: #111;
	color: #fff;
	border-radius: 0px;
	text-align: center;
	font-size: 25px;
	box-shadow: 2px 2px 3px #999;
	z-index: 100;
}

.widget-label {
	background: #6e6e6e;
	border: 1px solid #6e6e6e;
	padding: 0px 15px !important;
	color: #fff !important;
	font-size: 14px !important;
}

.widget-item {
	display: block;
	width: 85%;
	padding: 0px 18px;
	clear: both;
	font-weight: 400;
	color: #111;
	text-align: inherit;
	white-space: nowrap;
	background: 0 0;
	border: 0;
}

.widgetSelectBox {
	/*background: #ffffff;
    border: 1px solid #111;*/
	background: #fff;
	border: 1px solid #6e6e6e;
	color: #000;
	padding: 5px;
	font-size: 10px;
}

.widgetrow {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	padding: 5px 0px;
}

.widget-input {
	/*background: #111111 !important;
    color: #ffffff !important;
    border: 1px solid white;*/
	background: #fff;
	border: 1px solid #6e6e6e;
	color: #000;
	width: 85%;
	padding: 3px;
}

.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 500;
	top: 0;
	/*background-color: #222;*/
	background-color: #fff;
	box-shadow: 0 0 15px 0px #000;
	overflow-x: hidden;
	padding-top: 60px;
	transition: 0.5s;
}

.sidenav a {
	padding: 8px 8px 8px 15px;
	text-decoration: none;
	font-size: 14px;
	color: #818181;
	display: block;
	transition: 0.3s;
}

.sidenav a:hover,
.offcanvas a:focus {
	/*color: #f1f1f1;*/
	color: #6e6e6e;
}

.sidenav .closebtn,
.sidenav .bookmarkclosebtn {
	position: absolute;
	top: 50px;
	right: 25px;
	font-size: 24px;
	margin-left: 50px;
}

.sidenav .bookmarkclosebtn {
	right: 0px;
}

.sidenav {
	right: 0;
}

@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 15px;
	}

	.sidenav a {
		font-size: 12px;
	}
}

/* task BC - 1009*/

@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 60px;
	}
}

#Notificationnav .hide {
	display: block !important;
}

.doc-color {
	color: #08c !important;
}

/* custome Dropdown */

.dropdownaction {
	display: inline-block;
}

.dropdownaction i {
	cursor: pointer;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: black !important;
	min-width: 160px;
	z-index: 1;
	right: 15px;
	padding: 0.5rem 0;
	border-radius: 0.25rem;
}

.dropdown-content.show {
	display: block;
}

.chip {
	display: inline-block;
	padding: 0 5px;
	/*height: 20px;*/
	font-size: 12px;
	/*line-height: 20px;*/
	border-radius: 10px;
	background-color: #f1f1f1;
	display: none;
}

.chip.hide {
	display: none;
}

.closebtn {
	padding-left: 10px;
	color: #888;
	font-weight: bold;
	float: right;
	font-size: 16px;
	cursor: pointer;
	line-height: 16px;
}

.closebtn:hover {
	color: #000;
}

@media all and (min-width: 992px) {
	.menufilter {
		right: 0;
		width: 70%;
		margin-top: 5px;
		position: fixed !important;
		border: 2px solid rgb(32, 39, 77);
	}
}

.menufilter .row {
	margin: 20px 0px 0px 10px;
}

.dropdownmenu-btn {
	color: #000 !important;
	background-color: #f2f2f2 !important;
	border-radius: 5px;
	border: 1px solid #f2f2f2 !important;
	padding: 5px 15px;
	cursor: pointer;
	outline: none;
	font-size: 12px;
	min-height: 16px;
}

.roin-basic-search-wrapper .dropdown {
	display: contents;
}

.roin-dashboard-filter .dropdown {
	display: contents;
}

.roin-dashboard-filter .dropdown button {
	margin-right: 10px;
}

#basic_search1 input[type="checkbox"] {
	width: auto !important;
	height: 12px !important;
}

#basic_search1 .dropdown-menu {
	top: 5px !important;
}

.chosen-container {
	width: 100% !important;
	/*
    min-width:200px;
    */
}

.arrow-up {
	width: 10px;
	height: 0;
	margin-top: -14px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

/* Track */

::-webkit-scrollbar-thumb {
	background: grey;
	border-radius: 10px;
}

.menufilter.shownew {
	display: block;
}

.roin-data-items .vertical-timeline {
	margin-left: -10px;
}

.img_sign {
	background-image: url("../images/signature-icon.png");
}

.img_download {
	background-image: url("../images/download-icon.png");
}

.img_send {
	background-image: url("../images/email-send-icon.png");
}

.img_upload {
	background-image: url("../images/upload-icon.png");
}

.img_remove {
	background-image: url("../images/fancy_remove.png");
}

.img_message {
	background-image: url("../images/message.png");
}

.img_payment {
	background-image: url("../images/receive-cash.png");
}

.overlaynewupdate {
	display: none;
}

/*
.overlaynewupdate {
    display:none;
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0.2;
    filter: alpha(opacity = 50);
    position: fixed;
    right: 0;
    top: 0;
    z-index: 900;
}
*/

.inputlabelui label {
	background: none;
	color: black;
	padding: 0px;
	width: 35%;
	line-height: initial;
	margin-top: -2px;
	z-index: unset;
	margin-right: 5px;
	float: left;
}

.inputlabelui input {
	height: 28px;
	border-radius: 4px;
	width: 63%;
}

.inputlabelui .file-select {
	height: 28px !important;
	border-radius: 4px;
	line-height: 28px !important;
}

.inputlabelui select {
	height: 28px !important;
	border-radius: 4px;
	width: 63%;
}

.inputlabelui .col-md-3 {
	padding: 10px;
	margin-bottom: 0rem !important;
}

.inputlabelui .col-md-6 {
	padding: 10px;
	margin-bottom: 0rem !important;
}

.inputlabelui .col-md-9 {
	padding: 10px;
	margin-bottom: 0rem !important;
}

.inputlabelui .col-md-6 label {
	width: 17%;
}

.inputlabelui .col-md-6 textarea {
	width: 82%;
}

.inputlabelui .choices {
	width: 63%;
}

.inputlabelui .col-md-9 label {
	width: 11%;
	float: left;
}

.inputlabelui .col-md-9 textarea {
	width: 88%;
}

.inputlabelui .col-md-12 {
	padding-right: 0px;
	padding-left: 0px;
	padding: 5px;
}

.file-upload .file-select .file-select-button {
	background: #34495e;
	color: white;
}

.file-upload {
	width: 100%;
}

.file-upload .file-select .file-select-name {
	line-height: 28px;
	height: 28px;
}

.file-upload .file-select .file-select-button {
	height: 28px;
	line-height: 28px;
}

.file-upload .file-select .remove-file {
	line-height: 28px;
}

.close_contact, .close_building {
	right: 0px;
	top: -5px;
}

.forminputlabelui input {
	padding: 0px;
	padding-left: 10px;
}

.forminputlabelui textarea {
	height: 48px !important;
	padding-top: 0.3rem;
	padding-left: 0.6rem;
	border-radius: 5px;
}

.inputlabelui .error {
	color: red;
}

.chip {
	margin-bottom: 5px;
	/*background-color: rgb(212, 211, 211);*/
	background-color: transparent;
	border: 1px solid #0056b3;
	padding: 2px 10px;
}

.chip b {
	/*color: #F15A29;*/
	color: #0056b3;
}

.backgroundfirst {
	/*background:cadetblue;*/
	/*border-right:solid 1px white;*/
	/*border-bottom:solid 1px white;*/
}

.backgroundfirst .col-md-3,
.col-md-6,
.col-md-9 {
	/*border-right:solid 1px white;*/
	/*border-bottom:solid 1px white;*/
}

.backgroundsecond {
	/*background:#61839b;*/
}

.backgroundsecond .col-md-3,
.col-md-6,
.col-md-9 {
	/*border-right:solid 1px white;*/
	/*border-bottom:solid 1px white;*/
}

.doc__name {
	color: #055187;
	font-weight: bold;
}

.roin-badge {
	font-size: 10px !important;
	font-weight: 600;
	border-radius: 50%;
	height: 25px;
	width: 25px;
	padding-top: 7px !important;
}

/* Watchlist design */
.watchlist-wrapper {
	position: relative;
}

.watchlist-wrapper .watchlist-user-container {
	display: block;
	box-sizing: border-box;
	z-index: 400;
	flex: 1 1 auto;
	background-color: var(--ds-surface-overlay, #ffffff);
	border-radius: 3px;
	box-shadow: var(
		--ds-shadow-overlay,
		0 4px 8px -2px rgba(9, 30, 66, 0.25),
		0 0 1px rgba(9, 30, 66, 0.31)
	);
	overflow: auto;
	width: 240px;
	padding: 4px 0px;
	position: absolute;
	right: 0;
}

.start-watching a {
	padding: 8px 12px 7px;
	display: flex;
	box-sizing: border-box;
	width: 100%;
	min-height: 40px;
	margin: 0px;
	-webkit-box-align: center;
	align-items: center;
	border: 0px;
	font-size: 14px;
	outline: 0px;
	text-decoration: none;
	user-select: none;
	background-color: transparent;
	cursor: pointer;
	color: currentColor;
	word-break: break-word;
}

.start-watching .fa {
	color: currentColor;
	word-break: break-word;
	margin-right: 12px;
	font-size: 20px;
	vertical-align: text-bottom;
}

.watched-users {
	padding: 8px 0;
	max-height: 190px;
	overflow-y: auto;
	border-top: 1px solid var(--ds-border, #ebecf0);
}

.watching-text {
	padding: 0px 20px;
	color: var(--ds-text-subtle, #5e6c84);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.45455;
	text-transform: uppercase;
	margin-top: 14px;
	margin-bottom: 6px;
}

.watched-users-list a {
	display: flex;
	box-sizing: border-box;
	width: 100%;
	min-height: 40px;
	margin: 0px;
	padding: 8px 20px;
	-webkit-box-align: center;
	align-items: center;
	border: 0px;
	font-size: 14px;
	outline: 0px;
	text-decoration: none;
	user-select: none;
	background-color: transparent;
	color: currentcolor;
	cursor: pointer;
}

.watched-users-list a > img {
	width: 28px;
	height: 28px;
	display: flex;
	margin-right: 12px;
	-webkit-box-align: center;
	align-items: center;
	flex-shrink: 0;
	border: 1px solid #ddd;
}

.watchlist-user-container a:hover {
	background-color: var(--ds-background-neutral-subtle-hovered, #f4f5f7);
	color: currentcolor;
}

.hide-watching a.hide-watch-options {
	position: absolute;
	top: 13px;
	right: 10px;
}

.hide-watching a.hide-watch-options .fa {
	font-size: 16px;
}

.add-more-watcher {
	border-top: 1px solid var(--ds-border, #ebecf0);
	padding: 8px 0px 4px;
}

.add-more-watcher a {
	-webkit-box-align: baseline;
	align-items: baseline;
	border-width: 0px;
	border-radius: 3px;
	box-sizing: border-box;
	display: inline-flex;
	font-size: inherit;
	font-style: normal;
	font-family: inherit;
	font-weight: 500;
	max-width: 100%;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background 0.1s ease-out 0s,
		box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s;
	white-space: nowrap;
	background: none;
	cursor: pointer;
	height: 2.28571em;
	line-height: 2.28571em;
	padding: 0px 10px;
	vertical-align: middle;
	width: 100%;
	-webkit-box-pack: center;
	justify-content: center;
	color: var(--ds-text, #42526e) !important;
}

.add-more-watcher a .fa {
	font-size: 16px;
	transition: opacity 0.3s ease 0s;
	opacity: 1;
	align-self: center;
	display: flex;
	-webkit-box-flex: 0;
	flex-grow: 0;
	flex-shrink: 0;
	line-height: 0;
	user-select: none;
	margin: 0px 2px;
	color: var(--ds-text, #42526e) !important;
}

.add-more-watcher a span {
	transition: opacity 0.3s ease 0s;
	opacity: 1;
	margin: 0px 2px;
	-webkit-box-flex: 1;
	flex-grow: 1;
	flex-shrink: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.add-watchers-wrapper {
	margin: auto;
	-webkit-box-align: stretch;
	align-items: stretch;
	background-color: transparent;
	border-color: transparent;
	border-radius: 3px;
	border-style: solid;
	border-width: 2px;
	box-shadow: none;
	cursor: default;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
	position: relative;
	transition: background-color 200ms ease-in-out 0s,
		border-color 200ms ease-in-out 0s;
	box-sizing: border-box;
	padding: 0px;
	width: 220px;
	height: 100%;
	max-width: 100%;
	outline: 0px !important;
}

.add-watchers-wrapper img {
	height: 24px;
	width: 24px;
	position: absolute;
	top: 8px;
	left: 5px;
	border: 1px solid #ddd;
	border-radius: 100%;
}

.add-watchers-wrapper .show-users-list {
	width: 100%;
	outline: 0px;
	border-color: var(--ds-border, var(--ds-border-focused, #4c9aff));
	border-style: inherit;
	height: 32px;
	color: var(--ds-text, hsl(0, 0%, 20%));
	box-sizing: border-box;
	display: flex;
	margin-top: 4px;
	padding-left: 35px;
}

.self-watching,
.self-watching .fa,
.self-watching .watchlist-counter {
	color: var(--ds-text-brand, #0747a6) !important;
	font-weight: 600 !important;
}

.markall-read {
	color: var(--ds-text-subtle, #6b778c) !important;
	font-weight: 500;
	font-size: 12px;
	margin-top: 9px;
	margin-right: 9px;
	white-space: nowrap;
}

.markall-read:hover {
	background: none;
	text-decoration: underline;
	transition-duration: 0s, 0.15s;
	color: var(--ds-text-subtle, #8993a4) !important;
}

.markall-read:active {
	background: none;
	transition-duration: 0s, 0s;
	color: var(--ds-text, #505f79) !important;
}

.markall-read:focus {
	background: none;
	box-shadow: 0 0 0 2px var(--ds-border-focused, #4c9aff);
	transition-duration: 0s, 0.2s;
	outline: none;
	color: var(--ds-text-subtle, #6b778c) !important;
}

.notification-body-wrapper {
	box-sizing: border-box;
	min-height: 38px;
	flex-basis: 100%;
	color: var(--ds-text, #172b4d);
	margin: 4px 0px 4px 48px;
	border: 1px solid var(--ds-border, rgba(9, 30, 66, 0.08));
	border-radius: 3px;
	padding: 8px;
	cursor: pointer;
	word-break: break-word;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	/*display: -webkit-box;*/
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow-y: auto;
}

.notification-body-wrapper:hover {
	background-color: var(
		--ds-background-neutral-subtle-hovered,
		rgba(9, 30, 66, 0.04)
	);
}

.notification-body-wrapper:focus-visible {
	outline: 2px solid var(--ds-border-focused, #4c9aff);
	outline-offset: 2px;
}

.mark-as-read {
	border: 1px solid transparent;
	padding: 0px;
	background-color: transparent;
	pointer-events: all;
	z-index: 1;
	height: 24px;
	width: 24px;
	border-radius: 50%;
	position: relative;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	outline: none;
	cursor: pointer;
}

.mark-as-read:hover {
	background: var(
		--ds-background-neutral-subtle-hovered,
		rgba(9, 30, 66, 0.04)
	);
	border: 1px solid #ddd;
}

.mark-as-read:active {
	border: 1px solid #ddd;
	background-color: var(--ds-background-selected, rgba(179, 212, 255, 0.6));
}

.mark-as-read:focus {
	box-shadow: var(--ds-border-focused, #2684ff) 0 0 0 2px;
}

body .ui-tooltip {
	border: none !important;
	z-index: 999999;
	font-size: 12px;
	padding: 2px 5px;
}

.inline_editable_field:hover,
a.editable-click:hover,
a.appointment_date_edit:hover {
	content: "";
/*	border-bottom: dashed 1px #0088cc !important;*/
	cursor: pointer !important;
	background: var(--ds-background-neutral-subtle-hovered, #EBECF0);
    border-radius: 3px;
    color: #000 !important;
    border: none !important;
}

.editable-click, 
a.editable-click,
a.appointment_date_edit {
/*	padding: 4px 30px 4px 2px !important;*/
    padding: 2px !important;
    width: 100%;
    display: inline-block;
}

a.appointment_date_edit {
	width: 52%;
}

.section-shipment_details-new a.editable-click {
	display: inline !important;
	padding: 0 !important;
}

.editable-wrapper {
	display: grid;
}

.roin-notification-today,
.roin-notification-older,
.roin-notification-yesterday {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	margin: 15px 0 0px 15px;
	min-height: 17px;
}
.roin-notification-today h4,
.roin-notification-older h4,
.roin-notification-yesterday h4 {
	font-size: 12px;
	color: var(--ds-text-subtlest, #6b778c);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: -0.01em;
	line-height: 1.1666666666666667;
}

.roin-jira-btn {
	-webkit-box-align: baseline;
    align-items: baseline;
    box-sizing: border-box;
    font-family: inherit;
    font-weight: 500;
    max-width: 100%;
    position: relative;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    height: 2.28571em;
    line-height: 2.28571em;
    vertical-align: middle;
    width: auto;
    -webkit-box-pack: center;
    justify-content: center;
    color: var(--ds-text, #42526E) !important;
    border-width: 0px;
    border-radius: 3px;
    text-decoration: none;
    transition: background 0.1s ease-out 0s, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s;
    background: var(--ds-background-neutral, rgba(9, 30, 66, 0.04)) !important;
    outline: none;
    margin: 0px;
    padding-left: 25px !important;
    padding-top: 2px !important;
    padding-right: 7px !important;
    font-size: 13px !important;
}
.roin-jira-btn-no-icon {
	padding-left: 6px !important;
}
.roin-jira-btn-icon {
    position: absolute;
    left: 5px;
    width: 17px;
    height: auto;
    top: 7px;
}
.roin-jira-btn:hover {
	background: var(--ds-background-neutral, rgba(9, 30, 66, 0.08)) !important;
}

.roin-btn-cls {
	color: #000000 !important;
}
.roin-hold-btn {
    background-color: #FFF2CC !important;
}

.roin-available-btn {
    background-color: #FBC8B7 !important;
}

.roin-covered-btn {
    background-color: #AFEDF5 !important;
}

.roin-dispatched-btn {
    background-color: #BFC1FF !important;
}

.roin-atpickup-btn {
    background-color: #FFD2FF !important;
}

.roin-intransit-btn {
    background-color: #FFC6D5 !important;
}

.roin-atdelivery-btn {
    background-color: #EBBFFF !important;
}

.roin-success-light {
	background-color: #28a745bf !important;
	color: #ffffff !important;
}

.roin-danger-light {
	background-color: #ff000099 !important;
	color: #ffffff !important;
}

/* POC Data wrapper */
.poc_data_wrapper {
	padding: 0px;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.poc_data_wrapper:last-child {
	border-bottom: none;
}
.poc_data_wrapper strong,
.poc_data_wrapper span {
	display: block;
}
.poc_data_wrapper span {
	font-weight: normal;
}
.poc_data_wrapper .remove-poc {
	position: absolute;
/*	right: -10px;*/
	right: -40%;
	top: 15%;
}

.roin-success-circle {
	border: 1px solid #28a745;
    padding: 3px 10px 0px;
    border-radius: 50px;
    display: inline-block;
}
.roin-danger-circle {
	border: 1px solid #dc3545;
    padding: 3px 10px 0px;
    border-radius: 50px;
    display: inline-block;
}

.roin-half-width {
	width: 37% !important;
}

.roin-half-width-40 {
	width: 45% !important;
}

.roin-show-more {
	width: 100%;
    max-height: 30px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    border-radius: var(--ds-radius-100, 3px);
    text-align: left;
    cursor: pointer;
    padding: 4px 8px;
    margin: 0 auto;
    margin-top: 10px;
}
.roin-show-more:hover {
	background: #ddd;
}

.roin-show-more small {
	color: #000;
}

.roin-show-more .fa {
	color: #000;
	font-weight: bold;
	padding-top: 4px;
}

.sub-menu .fa-ellipsis-h {
	padding: 4px 2px 0px;
}

a[data-toggle="dropdown"] .fa-ellipsis-h {
    padding: 6px !important;
    width: 26px;
    height: 26px;
}

a[data-toggle="dropdown"] .fa-ellipsis-h:before {
	vertical-align: middle;
}

a[data-toggle="dropdown"] .fa-ellipsis-h:hover,
.sub-menu .fa-ellipsis-h:hover,
.roin-jira-menu-icon:hover {
	transition-duration: 0s, 0.15s;
    background: var(--ds-background-neutral-subtle-hovered, rgba(9, 30, 66, 0.08)) !important;
    text-decoration: inherit;
}

.show .sub-menu .fa-ellipsis-h,
.show a[data-toggle="dropdown"] .fa-ellipsis-h {
	background: var(--ds-background-selected, #253858);
    color: #fff;
}
.roin-dollar-border {
	display: inline-block;
    position: absolute;
    border: 2px solid #28a745;
    border-radius: 100%;
    top: 9px;
    left: 0px;
}
.roin-dollar-border span {
    display: inline-block;
    font-size: 18px;
    padding: 3px 13px;
    line-height: 30px;
    vertical-align: top;
}

.roin-breadcrumb-wrapper[data-toggle="collapse"] {
	text-align: end;
}
/*.roin-breadcrumb-wrapper[data-toggle="collapse"]::after {
	display: none;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
    position: absolute;
    right: 34.5rem;
    top: 19px;
}
.roin-breadcrumb-wrapper.collapsed[data-toggle="collapse"]::after {
	display: none;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    position: absolute;
    right: 34.5rem;
    top: 19px;
}*/

.roin-breadcrumb-wrapper.collapsed[data-toggle="collapse"] .fa-caret-up::before {
	content: "\f0d7" !important;
}

.readmore .moreText {
    display:none;
}
.readmore a.more,
a.tablemore {
    display:inline-block;
    color: #007bff;
    text-decoration: underline !important;
}

/*.roin-collapsible .card {
	-ms-overflow-style: none;
    scrollbar-width: none;
}
.roin-collapsible .card::-webkit-scrollbar { 
    display: none;
}*/

.roin-collapsible {
	padding: 0;
	background: #FAFBFC;
	position: relative;
	margin-top: 15px;
}

.roin-collapsible-inner {
	padding: 0px 10px 5px 15px;
	background: #FAFBFC !important;
	position: fixed;
	width: 25%;
	overflow: hidden auto;
	box-shadow: none !important;
	top: 143px;
	bottom: 0;
	margin: 0 !important;
}

.roin-fixed-row {
	position: fixed; 
	width: 100%; 
	z-index: 99999; 
	top: 56px;
}

.roin-fixed-nav {
	position: fixed; 
	width: 100%; 
	top: 97px; 
	z-index: 999; 
	background: #ffffff; 
	padding-top: 10px; 
	padding-bottom: 10px;
}

.roin-left-bar {
	margin-top: 85px;
}

.roin-left-bar.roin-special-cls {
	margin-top: 132px;
}
.roin-left-bar.roin-special-cls .roin-collapsible-inner {
	top: 190px;
}

.roin-collapsible-icon {
	height: 24px;
    width: 24px;
    border-radius: 100%;
    border: none;
    background: var(--ds-surface-overlay, #FFFFFF);
    box-shadow: rgba(9, 30, 66, 0.08) 0px 0px 0px 1px, rgba(9, 30, 66, 0.08) 0px 2px 4px 1px;
    padding: 0;
    cursor: pointer;
    outline: 0 !important;
    transition: background-color 100ms linear 0s, color 100ms linear 0s, opacity 350ms cubic-bezier(0.2, 0, 0, 1) 0s;
    position: absolute;
    right: -12px;
    top: 30px;
    z-index: 99999;
    opacity: var(--ds--resize-button--opacity,0);
}
.roin-collapsible-icon.open {
	opacity: 1;
}
.roin-collapsible-icon.closed {
	opacity: 1;
	transform: rotate(180deg);
	transform-origin: 13px center;
}
.roin-collapsible-icon .fa {
	color: var(--ds-text-subtle, #6B778C);
    font-weight: bold;
}
.roin-collapsible-icon:hover {
    background-color: var(--ds-background-selected-bold, #4C9AFF);
    opacity: 1;
}
.roin-collapsible-icon:hover .fa {
 	color: var(--ds-text-inverse, #FFFFFF);
}
.roin-collapsed {
	max-width: 1% !important;
    flex: 0 0 1% !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.roin-expanded {
	max-width: 99% !important;
    flex: 0 0 99% !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/*.roin-collapsed .card {
	display: none !important;
}*/

.roin-width-34-percent {
/*	width: 34% !important;*/
	width: 28% !important;
}
.roin-left-bar .col-md-3, .roin-left-bar .col-md-9 {
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

body .roin-custom-collapse {
	cursor: pointer;
	background: none;
	box-shadow: none;
	margin-left: -10px;
	margin-right: -5px;
	margin-bottom: 0;
	margin-top: 5px;
	border: 1px solid var(--ds-border, #DFE1E6);
	border-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

body .roin-custom-collapse:hover {
	background: var(--ds-surface-overlay-hovered,#f4f5f7);
}

body .roin-custom-collapse .collapse-title {
	font-weight: bold;
    text-align: left;
    white-space: nowrap;
}

body .roin-custom-collapse-data {
	border: 1px solid var(--ds-border, #DFE1E6);
	border-top: none;
    margin-left: -10px;
    margin-right: -5px;
/*    margin-bottom: 20px;*/
    padding: 5px;
}

body #collapseRates table tr:first-child th,
body .roin-custom-collapse-data table tr:first-child th {
	border-top: none;
}

body #collapseRates table tr th,
body #collapseRates table tr td,
body .roin-custom-collapse-data table tr th,
body .roin-custom-collapse-data table tr {
	border-bottom: none !important;
}

body #collapseRates table tr:not(:first-child),
body .roin-custom-collapse-data table tr:not(:first-child) {
	border-top: 1px solid #ddd !important;
}

.roin-pinupin {
	position: absolute;
    margin-left: 5px;
    display: none;
}

.roin-pinupin .fa {
	transform: rotate(25deg);
    color: #a0a0a0 !important;
}

.roin-pinupin .fa:hover, 
.roin-pinupin.roin-pinned .fa {
	color: #007bff!important;
}

table tr:hover .roin-pinupin {
	display: inline-block;
}


table.roin-table-span tr th > span,
table.roin-table-span tr td > span {
	display: inline-block;
}

table.roin-no-border,
table.roin-no-border tr th, 
table.roin-no-border tr td {
	border: none !important;
}

.roin-round-border {
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 5px;
}

/*table.roin-table-round-border {
	border: 1px solid #ddd;
	border-radius: 20px;
	border-collapse: inherit !important;
}*/
.roin-round-border table.roin-table-round-border tr td,
.roin-round-border table.roin-table-round-border tr th {
	border: none !important;
}

span.roin-full-width {
	width: 100%;
}

.roin-custom-outline-success {
	border-radius: 2rem;
	cursor: auto;
	padding: 6px 15px;
}
.roin-custom-outline-success:hover,
.roin-custom-outline-success:active,
.roin-custom-outline-success:focus {
	background: inherit !important;
	color: #28a745 !important;
}

.roin-zero-padding {
	padding: 0 !important;
}

.roin-normal-font strong {
	font-weight: normal !important;
}

.editable-wrapper textarea {
	width: 100% !important;
}

body .roin-childload-doc-nav li {
	padding: 0 !important;
}
body .roin-childload-doc-nav li a {
	color: #000 !important;
	padding: 0 8px 0 !important;
    border-bottom: none !important;
	font-size: .875rem;
}
body .roin-childload-doc-nav li a:hover {
	background: none !important;
	box-shadow: none !important;
	color: #000 !important;
}
body .roin-childload-doc-nav li a.active {
	color: #fff !important;
}

.child_lineitems_table_caption {
	background: #ddd;
    font-size: 14px;
    padding: 18px 10px 14px;
    margin-bottom: 0;
    margin-top: 10px;
    font-weight: bold;
}

.rtl_direction {
	direction: rtl;
}
.rtl_direction div {
	direction: ltr;
}

/*.roin-container {
	height: 100%;
	overflow-y: auto;
}
.roin-container {
	-ms-overflow-style: none;
    scrollbar-width: none;
}
.roin-container::-webkit-scrollbar { 
    display: none;
}*/


.rating {
    display: inline-flex;
    flex-direction: row-reverse;
    justify-content: center;
}

.rating > input{ display:none;}

.rating > label {
    position: relative;
    width: 16px;
    line-height: 1px;
    font-size: 24px;
    color: #f15a29 !important;
    cursor: pointer;
    transform:  translate(0, 0.2rem)
}
.rating > label::before{
  content: "\2605";
  position: absolute;
  opacity: 0;
}
.rating > label:hover:before,
.rating > label:hover ~ label:before {
  opacity: 1 !important;
}

.rating > input:checked ~ label:before{
  opacity:1;
}

.rating:hover > input:checked ~ label:before{ opacity: 0.4; }



.ratingview {
    display: inline-flex;
    flex-direction: row-reverse;
    justify-content: center;
}

.ratingview > input{ display:none;}

.ratingview > label {
    position: relative;
    width: 24px;
    line-height: 1px;
    font-size: 24px;
    color: #f15a29;
    transform:  translate(0, 0.2rem);
}
.ratingview > label::before{
  content: "\2605";
  position: absolute;
  opacity: 0;
}

.ratingview > input:checked ~ label:before{
  opacity:1;
}

.ratingviewsmall {
    zoom: 0.7;
    margin-top: 5px;
    margin-left: 10px;
}

.fa.fa-ellipsis-h.fa-lg {
    font-size: 1.5rem !important;
    padding-top: 2px !important;
}

.dropdown-divider {
	border-color: #091E4224 !important;
}