/* Minification failed. Returning unminified contents.
(13345,18): run-time error CSS1035: Expected colon, found '!important'
(16044,15): run-time error CSS1036: Expected expression, found ';'
(16045,14): run-time error CSS1035: Expected colon, found ';'
(16058,15): run-time error CSS1036: Expected expression, found ';'
(16059,14): run-time error CSS1035: Expected colon, found ';'
(16388,28): run-time error CSS1039: Token not allowed after unary operator: '-phase-color-solid'
(18471,15): run-time error CSS1030: Expected identifier, found '>'
(18471,20): run-time error CSS1031: Expected selector, found ')'
(18471,20): run-time error CSS1025: Expected comma or open brace, found ')'
(18706,65): run-time error CSS1036: Expected expression, found ':'
(20061,1): run-time error CSS1019: Unexpected token, found '}'
(22256,5): run-time error CSS1036: Expected expression, found '}'
 */
/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.45
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{display:block;margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
/* Chosen v1.5.1 | (c) 2011-2016 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */

.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container .search-choice .group-name,.chosen-container .chosen-single .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .search-choice .group-name:after,.chosen-container .chosen-single .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(Images/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(Images/chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(Images/chosen-sprite.png) no-repeat 100% -20px;background:url(chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto!important;height:1%;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(Images/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(Images/chosen-sprite.png) no-repeat -30px -20px;background:url(chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-rtl .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url(Images/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

.symbol {
  display: inline-block;
  border-radius: 50%;
  border: 5px double white;
  width: 30px;
  height: 30px;
}

.symbol-empty {
  background-color: #ccc;
}

.symbol-filled {
  background-color: black;
}
/* General */

html, body {
    display: block !important;
}


.nopadding {
    padding: 0;
}

.zi-top {
    z-index: 99;
}

.pb-20 {
    margin-bottom: 20px;
}

.p-15 {
    padding: 0 15px !important;
}

.p-30 {
    padding: 0 30px;
}

.pl-0 {
    padding-left: 0;
}

.pl-30 {
    padding-left: 30px !important;
}

.pl-45 {
    padding-left: 45px !important;
}

.float-right {
    float: right;
}

.fa-2 {
    font-size: 1.2em;
    vertical-align: middle;
}

span.filter {
    vertical-align: middle;
    font-weight: bold;
    font-size: 12pt;
}

.panel-title a {
    text-decoration: none;
}

.panel-heading h4.panel-title {
    text-align: center;
}

.border-sepa {
    border-right: 1px solid #ccc !important;
}

.contri-blue {
    color: #337ab7;
    font-weight: bold;
}

.certi-green {
    color: #19dc3c;
    font-weight: bold;
}

.pen-gray {
    color: gray;
    font-weight: bold;
}

.reject-red {
    color: red;
    font-weight: bold;
}
/* End General */

body, html {
    height: 100%;
}

body {
    /*padding-top: 50px;
    padding-bottom: 20px;
    overflow: hidden;*/
    font-family: 'Roboto' !important;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    margin: 0;
    transition: all ease-in-out 0.45s;
    -webkit-font-smoothing: antialiased;
}

/* Set padding to keep content from hitting the edges */
#body-content {
    /*height: calc(100% - 130px);
    height: calc(100% - 50px);
    width: 100%;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    overflow-y: auto;
    overflow-x:hidden;*/
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100%;
    overflow: hidden;
}
/*#body-content > div[class*="container-"]{padding-bottom:80px;}*/

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/

/* width */
::-webkit-scrollbar {
    width: 10px;
    height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px #337ab7;
    border-radius: 3px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #337ab778;
    border-radius: 10px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #afa9a9 !important;
    }

.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
    /*max-width: 100%;*/
}
/*input,
select,
textareaasess {
    max-width: 80%;
    /*max-width: 100%;*/
/*}*/
ul.nav:not(#mainNaviTop) > li.dropdown:hover > ul.dropdown-menu {
    display: block;
}
/* modify the backgroud color for the fixed top navigation bar */
.navbar-fixed-top {
    background-color: white;
}

.navbar-default .navbar-nav li a {
    color: #333b96 !important;
    font-size: 16px !important;
    font-weight: 300 !important;
}

    .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:focus {
        font-weight: bold !important;
        color: #333b96 !important;
        background-color: transparent !important;
    }
/* set the navigation to center */
.navbar-center {
    float: none !important;
    margin: 0 auto !important;
    display: table;
    table-layout: fixed;
}
/* Override bootstarp datetimepicker style*/
.bootstrap-datetimepicker-widget .day {
    width: 100px;
    line-height: 12px;
    font-size: 12px;
}

.bootstrap-datetimepicker-widget .dow {
    font-size: 14px;
}
/* Customise data list display */
.grid-list-header {
    vertical-align: central;
    color: #fff;
    background-color: #337ab7;
    padding: 0;
    /*border: 1px solid #ddd;    
    border-bottom: 2px solid #ddd;*/
    font-weight: 300;
    line-height: 40px;
}
/* Map */
.map-container {
    padding: 0;
    width: 100%;
    height: 100%;
    /*min-height: 100vh;*/
}

#body-content .map-container {
    padding: 0;
}
/* bootstrap modal custom width*/
@media screen and (min-width: 768px) {
    /*#create-le-modal-container,
    #edit-le-modal-container,
    #create-plan-Item-modal-container,
    #create-plan-modal-container,
    #edit-plan-item-modal-container,
    addhub-session-container,
    #edit-plan-modal-container {
        width: 55%;   either % (e.g. 60%) or px (400px)
    } */
}
/* Busy image */
/*#ajax-loader {
     display: none;
     position: fixed;
     bottom: 0;
     left: 0;
     background: url('Images/ajax-progress.gif') scroll no-repeat 5px 50% transparent;
}*/
#loading {
    position: fixed;
    z-index: 2147483647;
    top: 0;
    left: 0;
    /*background-color: transparent;*/
    background-color: #ffffff;
    /*background: url('Images/ajax-loader.gif') no-repeat 50% 50% transparent;*/
    opacity: 0.7;
    filter: alpha(opacity=100);
    width: 100% !important;
}

    #loading .loader {
        position: relative;
        background: url(Images/ajax-loader.gif) no-repeat;
        background-position: center center;
        margin: 0 auto;
        width: 50%;
        max-height: 1000px;
    }

    #loading .loader {
        position: relative;
        background: url(Images/ajax-loader.gif) no-repeat;
        background-position: center center;
        margin: 0 auto;
        width: 50%;
        height: 80%;
    }

#loadingDiv {
    width: 100%;
    height: 480px;
    z-index: 2147483647;
    top: 0;
    left: 0;
    background-color: #a291911a;
    /*background: url('Images/ajax-loader.gif') no-repeat 50% 50% #a291911a;*/
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.waiting {
    cursor: progress;
}
/* Google map style */
#prodet-map, #googleMap {
    height: 100%;
    width: 100%;
    /*height: 95vh;
    width: 34vw;*/
}

#googleMap { /*min-height:100vh;*/
}
/* Google search box style */
.controls {
    margin-top: 10px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 300px;
}

    #pac-input:focus {
        border-color: bisque;
    }

.pac-container {
    background-color: honeydew;
    z-index: 1052;
    position: fixed;
    display: inline-block;
}

#type-selector {
    color: #fff;
    background-color: #4d90fe;
    padding: 5px 11px 0 11px;
}

    #type-selector label {
        font-family: Roboto;
        font-size: 13px;
        font-weight: 300;
    }
/*=======================================
    MARKER INFO WINDOW STYLES
========================================*/
.gm-style-iw > div {
    max-width: 100% !important;
}

.gm-style-iw {
    top: 3px !important;
    left: 0 !important;
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
    border: 1px solid #48b5e9;
    border: 1px solid rgba(72, 181, 233, 0.6);
    border-radius: 2px 2px 10px 10px;
}

@media screen and (min-height:406px) {
    .gm-style-iw-c {
        min-height: 237px !important;
    }

    .gm-style-iw-d {
        min-height: 220px !important;
    }
}

#iw-container {
    margin-bottom: 10px;
}

    #iw-container .iw-title {
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 16px;
        font-weight: 400 !important;
        padding: 10px;
        background-color: #48b5e9;
        color: white;
        margin: 0;
        border-radius: 2px 2px 0 0;
    }

    #iw-container p {
        margin-right: 5px;
    }

    #iw-container .iw-content {
        font-size: 12pt;
        margin-right: 1px;
        padding: 15px 5px 20px 15px;
        /*max-height: 228px;*/
        overflow-y: auto;
        overflow-x: hidden;
    }

.iw-content img {
    width: 83px;
    /*max-height: 63px;*/
    float: left;
    margin: 5px 10px 5px 5px;
}

.iw-subTitle {
    font-size: 16px;
    font-weight: 700;
    padding: 5px 0;
}

#iw-container-cn {
    margin-bottom: 2px;
}

    #iw-container-cn .iw-title-cn {
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 14px;
        font-weight: 400 !important;
        padding: 5px;
        background-color: #48b5e9;
        color: white;
        margin: 0;
        border-radius: 2px 2px 0 0;
    }

    #iw-container-cn p {
        margin-right: 5px;
    }

    #iw-container-cn .iw-content-cn {
        font-size: 10pt;
        margin-right: 1px;
        padding: 5px 5px 0px 5px;
        /*max-height: 228px;*/
        overflow-y: auto;
        overflow-x: hidden;
    }

.iw-content-cn img {
    width: 83px;
    float: left;
    margin: 0px 5px 5px 5px;
}

.iw-subTitle-cn {
    font-size: 14px;
    font-weight: 700;
    padding: 5px 0;
}
/*=======================================
    SIDEBAR
========================================*/
#slider {
    /* Width included btnOpenSlider/btnCloseSlider left value*/
    width: 300px;
    top: 0;
    bottom: 0;
    position: absolute;
}

#sbContent {
    width: inherit;
    height: 100%;
    right: 0;
    border: 1px solid #d8d8d8;
    margin-left: 40px;
    padding: 10px 20px;
    border-radius: 3px;
    background-color: azure;
    box-shadow: 0 0 8px gray;
    /*max-height: 480px;*/
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    text-align: justify;
}

    #sbContent h2 {
        line-height: 35px;
        font-weight: 400;
        font-size: 24px;
    }

#btnOpenSlider {
    position: absolute;
    top: 138px;
    left: -45px;
    box-shadow: 0 0 8px gray;
}

#btnCloseSlider {
    position: absolute;
    top: 138px;
    left: -45px;
    box-shadow: 0 0 8px gray;
}

.sb-button {
    background: #2bc1f2;
    border: none;
    color: #fff;
    width: 100%;
    font-size: 22px;
    font-weight: bolder;
    padding: 8px 0;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 25px;
}

.review-button {
    height: 70px;
    width: 70px;
    white-space: normal;
    text-align: center;
    top: 50%;
    left: 50%;
}
/*=======================================
    SYLLABUS STYLE
========================================*/
#syllabus label {
    width: 35%;
    float: left;
}
/*#syllabus-select {
    width:100%;
    border: 1px solid silver;
    cursor: pointer; 
    padding: 4px;
    position: relative;
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius:5px;
    box-shadow:2px 3px 8px gray;
}*/
/*=======================================
    MESSAGE STYLE
========================================*/
/*.info, .success, .warning, .error, .validation {*/
.error {
    border: 1px solid;
    margin: 10px 0;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
/*.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('Images/info.png');
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('Images/success.png');
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('Images/warning.png');
}*/
.error {
    /*color: #D8000C;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    background-color: #FFBABA;
    background-image: url('Images/error.png');
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 20px;
    padding-bottom: 50px;
    z-index: 1;
}
/*=======================================
    Login
========================================*/
.btn-login {
    width: 100%;
    height: 44px;
    background: inherit;
    background-color: #3179d4;
    background-color: rgba(49, 121, 212, 1);
    border: none;
    border-radius: 3px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial';
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    line-height: normal;
}

.input-login {
    width: 100%;
    height: 44px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
/*=======================================
    IMAGE HOVER EFFECT
========================================*/
.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    min-height: 300px;
}

    .hovereffect .overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }

    .hovereffect img {
        display: block;
        position: relative;
        -moz-transition: all 0.4s ease-in;
        -webkit-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
    }

    .hovereffect:hover img {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
        filter: grayscale(1) blur(3px);
        -moz-filter: grayscale(1) blur(3px);
        -webkit-filter: grayscale(1) blur(3px);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    .hovereffect h2 {
        text-transform: uppercase;
        text-align: center;
        position: relative;
        font-size: 17px;
        padding: 10px;
        background: #000000;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
    }

    .hovereffect a.info {
        display: inline-block;
        text-decoration: none;
        padding: 7px 14px;
        border: 1px solid #000;
        /*margin: 50px 0 0 0;*/
        background-color: transparent;
        color: #000;
    }

        .hovereffect a.info:hover {
            box-shadow: 0 0 5px #000;
        }

    .hovereffect a.info, .hovereffect h2 {
        -moz-transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
        -moz-transition: all 0.4s ease-in;
        -webkit-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
        transition: all 0.4s ease-in;
        opacity: 0;
        filter: alpha(opacity=0);
        text-transform: uppercase;
    }

    .hovereffect:hover a.info, .hovereffect:hover h2 {
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

@media screen and (min-width: 500px) {
    .hovereffect a.info {
        margin: 50px 0 0 0;
    }
}

@media screen and (min-width: 768px) {
    .hovereffect .overlay h2 {
        margin: 9% 0 0 0;
    }
}
/*========================================*/
/* Image picker*/
select.image-picker {
    margin-bottom: 10px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

ul.image_picker_selector li {
    max-width: 180px;
}

    ul.image_picker_selector li div.thumbnail p {
        max-width: 180px;
        word-wrap: break-word;
    }
/*=======================================
    PANEL
========================================*/
.clickable {
    cursor: pointer;
}

.panel-heading-row {
    margin-top: 10px;
    padding: 0 10px;
}

.panel-body-row {
    padding: 15px;
    word-wrap: break-word;
}

.panel-heading span {
    margin-top: -18px;
    font-size: 10pt;
    font-weight: bold;
}
/*======================================*/
input#search.form-control {
    width: 100%;
    max-width: 100%;
}

.full-textarea, #form-add-product-review textarea, #form-add-question-review textarea, #form-add-answer-review textarea, #point-detail-container input, #le-basicinfo-tab textarea, #le-syllabus-tab textarea, #le-syllabus-tab input, #sitemap-detail-container input, #sitemap-detail-container select, #sitemap-detail-container textarea {
    max-width: 100%;
}

#sitemap-detail-container.edit-sitemap .nav-pills > li.active > a, #sitemap-detail-container.edit-sitemap .nav-pills > li.active > a:hover, #sitemap-detail-container.edit-sitemap .nav-pills > li.active > a:focus {
    color: #337ab7;
    background-color: transparent;
    font-weight: bold;
    border-bottom: 1.5px solid #337ab7;
    border-radius: 0;
    margin-bottom: 35px;
}

#sitemap-detail-container.edit-sitemap .nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
}

#viewjournaldetails .full-textarea {
    height: 300px;
}

.eightyfull-textarea {
    max-width: 80%;
}

textarea.full-textarea {
    width: 100%;
}

.le-detail-next-btn, .le-basic-detail-save-btn {
    margin: 10px;
}

.le-syllabus-save-btn, le-detail-next-btn {
    margin: 10px;
}
/*=======================================
    SITEMAP
========================================*/
.sitemap-link, .sitemap-marker {
    width: 40px;
    height: 50px;
}

.sitemap-marker {
    background-image: url('Images/Marker-waterdrop-blue.png');
}

.sitemap-link {
    background-image: url('Images/map-pin-sitemap.png');
}

    .sitemap-link p, .sitemap-marker p {
        padding-top: 9px;
        text-align: center;
        text-justify: auto;
        line-height: 18px;
        word-wrap: break-word;
    }

    .sitemap-link p {
        color: #000000;
        font-weight: 900;
    }

.sitemap-marker p {
    color: #FFFFFF;
}

.sitemap-link:hover, .sitemap-marker:hover {
    cursor: pointer;
}

.sitemap-area {
    width: 800px;
    height: 500px;
    box-shadow: 0 0 10px black;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /*width: 100% !important;*/
}

.delete-sitemap-submit {
    float: right;
}
/*======================================*/
/*=======================================
    TAB
========================================*/
.tab-content, .le-details-tab {
    padding-top: 10px;
    padding-bottom: 15px;
}

.acct-profile-area, .user-profile-area {
    border-left: solid 2px #6ba9d7;
}

.tab-content-library, .tab-content-phase {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 0;
}

.nav-tabs-library, .nav-tabs-phase {
    margin-bottom: -1px;
}
/*======================================*/
#choose-le-syllabus .chosen-container, #choose-le-syllabus select, #choose-le-syllabus input {
    width: 100% !important;
}
/*=======================================
    Chosen-select
========================================*/
/*select.form-control + .chosen-container .chosen-search input[type=text] {
    height: 34px;
}

select.form-control + .chosen-container-multi .chosen-choices {
    min-height: 34px;
}*/
/*======================================*/
/*====Well==================*/
.well h3 {
    margin-top: 0;
}

.fs48 {
    font-size: 25px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.text-overflow-product {
    overflow: hidden;
    max-height: 5.6em; /* max: 4 lines */
}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hub-le-list {
    margin: auto;
    padding: 10px;
}

.leChecked {
    /*border:2px solid darkgray !important;
    background-color: darkgray !important;*/
    border-radius: 5px;
    box-shadow: 2px 3px 8px gray;
}

.icon-successResult {
    color: green !important;
}

.icon-successReflection {
    color: #ff9700 !important;
}

.icon-successAction {
    color: #aaad00 !important;
}

.icon-noResult {
    color: gray !important;
}

.highlight {
    background: #00FF00;
}

.deleteuser {
    display: block;
    border: 2px solid darkgray !important;
}

.resultboarder {
    border-top: thin !important;
}
/*=======================================
    Top search panel
========================================*/
.top-search-panel {
    background-color: none;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    display: none;
    padding: 5px 10px;
    /*text-align: center;*/
    border-radius: 2px 0 0 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);*/
    margin: auto;
}

#filter-reset, #filter-reset-xs, #filter-poi, #filter-poi-xs {
    margin-top: 10px;
}

@media screen and (min-width: 438px) {
    #top-search-panel-flip {
        transform: translate(318px, 18px);
    }
}

@media screen and (max-width: 437px) {
    #top-search-panel-flip {
        transform: translate(15px, 50px);
    }
}

@media screen and (min-width:1200px) {
    #iw-container .iw-title {
        font-size: 18px !important;
    }
}

#top-search-panel-flip {
    position: absolute;
    z-index: 99;
    /*text-shadow: -1px -1px 0 rgba(255,255,255,0.3), 1px 1px 0 rgba(0,0,0,0.8);
	color: #333;
	opacity: 0.8;
    text-shadow: #ccc 0 1px 0, #c9c9c9 0 2px 0, #bbb 0 3px 0, #b9b9b9 0 4px 0, #aaa 0 5px 0, rgba(0,0,0,.1) 0 6px 1px, rgba(0,0,0,.1) 0 0 5px, rgba(0,0,0,.3) 0 1px 3px, rgba(0,0,0,.15) 0 3px 5px, rgba(0,0,0,.2) 0 5px 10px, rgba(0,0,0,.2) 0 10px 10px, rgba(0,0,0,.1) 0 20px 20px;*/
    margin-top: -8px;
    margin-left: -16px;
    font-size: 10pt;
}

    #top-search-panel-flip:hover {
        /*text-shadow: 1px 1px 2px white, 0 0 25px blue, 0 0 5px darkblue;*/
        cursor: pointer;
    }
/*======================================*/
.eq-row-height, .equal-row-height, .equal-row-height > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    /*display: -webkit-flex;*/
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
}

.brightness {
    background-color: white;
    display: inline-block;
    height: 100%;
}

    .brightness img:hover {
        opacity: .5;
    }
/*.equal {
    display: flex;
    flex-wrap: wrap;

}
.equal > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
.equal:after,
.equal:before {
    display: flex;
}*/
.product-panel-body, .planner-panel-body {
    display: inline-block;
    margin: 0 10px 15px 0;
    width: 100%;
    /*margin-top: 0px;
    margin-right: 10pt;
    margin-left: 10px;*/
}

.product-panel-content, .planner-panel-content {
    /*margin-top: 10px;
    margin-left: 10pt;
    margin-bottom: 10pt;*/
    margin: 15px;
    text-align: justify;
}

.planner-panel-bg {
    background-color: #f8f8f8;
}

.product-panel-bg, .planner-panel-bg {
    border-color: #e7e7e7;
    margin-bottom: 30pt;
}
/*edited 18/11*/
.btn-grey.btn-primary {
    background-color: #ddd;
    border-color: #ddd;
}

    .btn-grey.btn-primary:hover, .btn-grey.btn-primary:active {
        background-color: #aaa;
        border-color: #aaa;
    }

.btn-outlined {
    border-radius: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .btn-outlined.btn-primary {
        background: none;
        border: 0 solid #428bca;
        color: #428bca;
    }

        .btn-outlined.btn-primary:hover, .btn-outlined.btn-primary:active {
            color: #428bca;
            background: none;
            border: 1px solid #428bca;
        }

    .btn-outlined.btn-danger {
        background: none;
        border: 0 solid #d9534f;
        color: #d9534f;
    }

        .btn-outlined.btn-danger:hover, .btn-outlined.btn-danger:active {
            background: none;
            color: #d9534f;
            border: 1px solid #d9534f;
        }

.portfolio_description {
    position: absolute;
    top: 40%;
    left: 50px;
    width: 100%;
}

.caption {
    width: 100%;
    bottom: .3rem;
    position: absolute;
    background: #000;
    background: -webkit-linear-gradient(bottom, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(40%, #000), color-stop(100%, #000000)) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(bottom, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -o-linear-gradient(bottom, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: linear-gradient(to top, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.thumbnail {
    border: 0 none;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.caption h4 {
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

.planner_font {
    font-family: 'Roboto' !important;
    font-size: 12px;
    font-weight: 300;
}

div.image-container {
    position: relative;
}

#PlannerCover span.overlay-image {
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #000000;
    background-color: rgba(0,0,0,0.0);
}
/*edited 17/11*/
div.PlannerCoverImage {
    text-decoration: none;
    position: relative;
    display: block;
    background-color: #666;
}

    div.PlannerCoverImage img {
        width: 100%;
        /*-khtml-filter: blur(2px);*/
        -webkit-filter: blur(2px);
        /*filter: blur(2px);*/
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

    div.PlannerCoverImage span.overlay-image {
        visibility: visible;
        position: absolute;
        left: 50%;
        bottom: -40px;
        right: auto;
        background-color: #000000;
        background-color: rgba(0,0,0,0.0);
        width: 767px;
        height: 284px;
        display: block;
        overflow: hidden;
        /*-khtml-transform: translate(-50%, 0);*/
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

        div.PlannerCoverImage span.overlay-image img {
            position: relative;
            top: 50%;
            left: 0;
            right: 0;
            width: 100%;
            height: auto;
            transform: translate(0, -50%);
            /*-khtml-filter: blur(0);*/
            -webkit-filter: blur(0);
            /*filter: blur(0);*/
            opacity: 1;
            filter: alpha(opacity=100);
        }

        div.PlannerCoverImage span.overlay-image:before {
            content: ' ';
            display: inline-block;
            vertical-align: bottom;
            height: 100%;
        }

.tab-content.PlanListBorder {
    margin-top: 10px;
}

.itemListBox {
    background-color: #d3edf8;
    border-radius: 5px;
    height: 100%;
}

.VeritcalDiv {
    text-align: right;
    min-height: 12px;
    margin: 4px 0;
}

.itemListBox:hover {
    -webkit-transform: scale(1.025);
    -moz-transform: scale(1.025);
    -o-transform: scale(1.025);
    -ms-transform: scale(1.025);
    transform: scale(1.025);
}

.space-well {
    padding-left: 2em;
    padding-right: 1em;
}

.product-narrow-hr {
    margin-top: 8px;
    margin-bottom: 8px;
}

.product-narrow {
    margin-top: 0;
    margin-bottom: 8px;
}

.product-height-2 {
    height: 40px;
    font-size: 13.5pt;
}

.product-height-3 {
    height: 124px;
    text-align: left;
}

    .product-height-3 span {
        display: block;
    }
/*edited 17/11*/
h4.product-height-2 {
    text-align: left;
    line-height: 1.4em;
    letter-spacing: 0.8px;
}

.product-subjname {
    font-style: italic;
    color: #94a9bd;
    height: 38px;
}

.cover-img, .image-Fixed {
    margin: auto;
    width: 800px;
    max-width: 100%;
    max-height: 600px;
}

.view-review-btn {
    cursor: pointer;
}

    .view-review-btn:hover {
        color: forestgreen;
    }

.fa-stack-sm {
    font-size: 0.642857145em !important;
    margin-top: -5px;
}

.fa-stack-file-o-sm {
    font-size: 0.465em !important;
    margin-top: -5px;
}

.preview-le-object {
    background: url('Images/ajax-loader.gif') center center no-repeat;
    height: calc(100vh - 60px);
}

#reviewer-preview-le-model-container, #preview-le-modal-container {
    height: 100vh;
}

    #reviewer-preview-le-modal-container object, #preview-le-modal-container object {
        width: 100%;
        height: 100%;
    }
/*edited 21/11*/
.form-session {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 0;
}

.col-xs-12.create-session-btn {
    width: auto;
    margin-left: 15px;
    display: inline-block;
    vertical-align: bottom;
    float: none;
}

.title-sort {
    cursor: pointer;
}
/* SHOW MORE BUTTON*/
div.text-container {
    margin: 0 auto;
}

.hideContent {
    overflow: hidden;
    line-height: 1em;
    height: 2em;
}

.showContent {
    line-height: 1em;
    height: auto;
}

.showContent {
    height: auto;
}

.show-more {
    padding: 10px 0;
}
/*----------*/
.footnote {
    font-size: 10pt;
}
/*.textColorHubsTitle {
   font-weight:700;
   font-size:15pt;
}*/
/*JC edited 20170116 | Hubs Session Landing || edited 2017-02-06*/
/*-- create hubs form style, 20170309, JC --*/
#create-session-container #create-plan-modal-container, #create-session-container #edit-plan-modal-container, #add-account-user-container #add-new-account-user-container {
    max-width: 620px;
    padding: 0 20px 0 20px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -khtml-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#create-session-container .modal-header {
    position: relative;
}

button.create-pop-close-btn.close {
    background-color: #ddd;
    width: auto;
    height: auto;
    padding: 7px 9px;
    margin: 4px 20px 0 0;
    font-size: 10.5px;
    font-weight: bold;
    text-align: center;
    color: #555;
    border-radius: 12pt;
    opacity: 0.5;
    position: absolute;
    top: 50%;
    right: 0;
    -khtml-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.create-session-form .control-label {
    text-align: left;
    width: 25%;
}

.create-session-form .form-group div.col-md-10 {
    width: 75%;
}

.create-session-form .create-session-imgs {
    background: #ddd;
    position: relative;
    width: 200px;
    height: 150px;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

    .create-session-form .create-session-imgs img#imgHub {
        position: absolute;
        top: 50%;
        left: 0;
        min-width: 100%;
        width: inherit;
        min-height: 100%;
        height: inherit;
        padding: 0;
        margin: 0;
        -khtml-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        object-fit: cover;
        object-position: center;
    }

.create-session-imgs div {
    background-color: rgba(0,0,0,0.8);
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    -khtml-transition-duration: 0.45s;
    -webkit-transition-duration: 0.45s;
    transition-duration: 0.45s;
    opacity: 0;
    filter: alpha(opacity=0);
}

    .create-session-imgs div:hover, .create-session-imgs div:active:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

button.btn.Hub-image-create {
    width: auto;
    height: auto;
    padding: 10px 30px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 10.5pt;
    font-weight: bold;
    text-align: center;
    -khtml-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.create-session-form .form-group div {
    padding: 0;
    margin: 0;
}

    .create-session-form .form-group div input, .create-session-form .form-group div textarea {
        border-radius: 0;
        text-decoration: none;
        outline: none;
        box-shadow: none;
        border: none;
        border-bottom: 1px solid #ddd;
        font-size: 10.5pt;
    }

        .create-session-form .form-group div input::-webkit-input-placeholder, .create-session-form .form-group div textarea::-webkit-input-placeholder {
            color: #ddd;
        }

        .create-session-form .form-group div input:focus, .create-session-form .form-group div textarea:focus, .create-session-form .form-group div input:active:focus, .create-session-form .form-group div textarea:active:focus {
            outline: none;
            text-deocoration: none;
        }

#create-session-container .modal-footer {
    border: none;
}
/*input.btn.create-session-submit{background-color:#70d7c2;width:auto;height:auto;padding:16px 30px;margin:0;border:none;outline:none;text-decoration:none;font-size:12pt;font-weight:bold;text-align:center;color:#fff;-khtml-transition-duration:0.45s;-webkit-transition-duration:0.45s;transition-duration:0.45s;}
input.btn.create-session-submit:hover, input.btn.create-session-submit:active:hover{background-color:#31b594;}*/
/*-- end of create hubs form style, 20170309, JC --*/
#hubs-list {
    padding: 0 0;
}

.hubs-list-part {
    display: table-cell;
    vertical-align: top;
}

.session-pn-img {
    width: auto;
    padding: 0;
    margin: 0 10px 0 0;
    text-align: center;
}

.session-pn.img {
    background-color: #ddd;
    position: relative;
    width: 240px;
    height: 180px;
    text-align: center;
    overflow: hidden;
}

    .session-pn.img img {
        position: relative;
        top: 0;
        left: 0;
        width: inherit;
        height: inherit;
        padding: 0;
        margin: 0;
        vertical-align: middle;
        z-index: 1;
        object-fit: cover;
    }

.session-pn-contents {
    padding-left: 0;
}

.hubsMainNavi {
    width: 100%;
    padding: 0 0;
    margin: 0 0;
    display: table;
}

    .hubsMainNavi div.col-lg-6 {
        vertical-align: bottom;
        display: table-cell;
    }

.col-xs-12.form-session {
    width: auto;
    float: none;
}

.btn.create-session, .btn.create-session-submit {
    background-color: #70d7c2;
    border: none;
    padding: 10px 30px;
    outline: none;
    font-size: 12pt;
    font-weight: bold;
}

    .btn.create-session:hover, .btn.create-session:active:hover, .btn.create-session:focus, .btn.create-session:active:focus, .btn.create-session-submit:hover, .btn.create-session-submit:active:hover, .btn.create-session-submit:focus, .btn.create-session-submit:active:focus {
        background-color: #31b594;
    }

    .btn.create-session-submit.goAhead {
        background-color: #31b594;
    }

.prevent {
    pointer-events: none;
}

form#search-hub-form {
    padding: 0;
    margin: 0;
}

.col-lg-8.search-hub-button {
    padding: 0;
    margin: 0 0 0 0;
    vertical-align: bottom;
}

.col-lg-4.search-hub-button {
    background-color: transparent;
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
    vertical-align: bottom;
    text-align: center;
}

.btn-primary.search-hub-button {
    background-color: transparent;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    border: none;
    font-size: 18px;
    text-align: center;
    color: #555;
}

.form-session.textborder, .form-session.textborder .form-control {
    border: none;
    outline: none;
    border-radius: 0;
}

    .form-session.textborder .form-control {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 1px solid #ddd;
        padding: 6px 30px 9px 30px;
        height: auto;
    }

#list-se-detail-container {
    margin: 0 20px;
}

.texttitlehub {
    color: #337ab7;
    font-size: 16pt;
    font-weight: bold;
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 0;
    vertical-align: text-bottom;
}

.textColorHubscol, .texthubcol {
    font-size: 10.5pt;
    color: #337ab7;
    margin: 0 0 14px 0;
    display: inline-block;
    vertical-align: middle;
}
/*.texthubcol {
}
.textsizeusertype {
   font-size:10pt;
}*/
.ownerColor {
    background-color: #dde4f9;
    font-size: 10.5pt;
    display: inline-block;
    vertical-align: text-bottom;
    margin: 0 0 10px 0;
    padding: 0 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.faciliColor {
    background-color: #ffd1a4;
    font-size: 10.5pt;
    display: inline-block;
    vertical-align: text-bottom;
    margin: 0 0 10px 0;
    padding: 0 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.lerColor {
    background-color: #f6f8a4;
    font-size: 10.5pt;
    display: inline-block;
    vertical-align: text-bottom;
    margin: 0 0 10px 0;
    padding: 0 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.hubsland-itemDescp {
    width: 100%;
    height: 58px;
    font-size: 10.5pt;
    margin: 0 0 18px 0;
    padding: 0;
    display: block;
    overflow: hidden;
}

.btnhubs {
    margin: 0 10px 0 0;
    padding: 6px 30px;
}
    /*.btnhubs.delete-session-row{color:#ddd;}*/
    .btnhubs.delete-session-row:hover:enabled, .btnhubs.delete-session-row:focus:enabled, .btnhubs.delete-session-row:active:hover:enabled, .btnhubs.delete-session-row:active:focus:enabled {
    }

    .btnhubs span {
        margin: 0;
        padding: 0;
    }

        .btnhubs span.glyphicon:before {
            margin-right: 10px;
            font-size: 10.5pt;
            vertical-align: text-bottom;
        }
/*.btnhubs-alt{display:inline-block;text-align:left;margin:0;padding:0 0 0 10px;font-size:12pt;vertical-align:baseline;}*/
#page-hub-row .pagination > li > a {
    color: #70d7c2;
}

#page-hub-row .pagination > .disabled > a {
    color: #555;
}

#page-hub-row .pagination > .active > a {
    background-color: #70d7c2;
    color: #fff;
    border-color: #ddd;
}
/*...view inside...*/
.view-innheader-wrapper {
    display: inline-table;
    width: 100%;
    height: auto;
    text-align: center;
}

.view-innheader-container {
    display: table-cell;
    float: none;
    vertical-align: bottom;
    width: auto;
}

    .view-innheader-container.back-button {
        text-align: left;
    }

    .view-innheader-container.currency-fields {
        text-align: right;
    }

.col-currency-holder {
    width: auto;
    display: inline-block;
}

.row.view-hubsheader {
    display: inline;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
}

    .row.view-hubsheader div, .row.view-hubsheader hr {
        display: inline-block;
        vertical-align: middle;
    }

    .row.view-hubsheader .view-jrnhead-title {
        position: relative;
        padding: 10px 20px;
    }

    .view-jrnhead-title.mobile-le-title {
        display: none;
        color: #000000 !important;
    }

@media only screen and (max-width: 768px) {
    .row.view-hubsheader .view-jrnhead-title {
        padding: 10px;
    }

        .row.view-hubsheader .view-jrnhead-title h2 {
            display: none;
        }

    .view-jrnhead-title.mobile-le-title {
        display: block;
        color: #000000 !important;
    }
}

.view-session-edit {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0 20px 24px 0;
}

.col-md-9.view-plndscp-col-status {
    margin-bottom: 20px;
}

#Le-hub.list-group-item {
    padding: 0;
    margin: 0;
    border: none;
}

    #Le-hub.list-group-item .panel-body, #Le-hub.list-group-item .sec {
        padding: 0;
        margin: 0;
    }

.hub-le-wrap {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.hub-le-hold .hub-le-list {
    position: relative;
    width: 100%;
    height: auto;
    padding: 10px;
    margin: 2px 0;
    display: inline-block;
}

    .hub-le-hold .hub-le-list:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        width: 100%;
        margin-bottom: -2px;
        border-bottom: 1px solid #ddd;
    }

    .hub-le-hold .hub-le-list:last-child:after {
        display: none;
        border: none;
    }

    .hub-le-hold .hub-le-list.leChecked {
        border: none;
        border-radius: 0;
        box-shadow: none;
        background-color: #f0fbf9;
    }

    .hub-le-hold .hub-le-list div {
        padding: 0;
        margin: 0;
        display: inline-block;
        vertical-align: top;
        float: left;
    }

.hub-le-list input, .hub-le-list button, .hub-le-list span.hub-le-list-name {
    display: inline-block;
    vertical-align: top;
    float: none;
}

.hub-le-hold .hub-le-list div.hub-le-list-name {
    width: 65%;
}

.hub-le-list div.hub-le-list-name span.hub-le-list-name {
    width: 100%;
    margin: 0 0.5%;
    font-size: 10.5pt;
    text-align: left;
    color: #555;
}

.hub-le-list.leChecked div.hub-le-list-name span {
    color: #337ab7;
}

.hub-le-hold .hub-le-list div.hub-le-list-ctas {
    width: 35%;
}

.hub-le-list button {
    background-color: transparent;
    position: relative;
    width: 46%;
    height: auto;
    padding: 2px;
    margin: 0 2%;
    border-radius: 50%;
    font-family: 'Oleo Script', cursive;
    font-size: 14pt;
    text-align: center;
    border-width: 2px;
    -khtml-transition-duration: 0.45s;
    -webkit-transition-duration: 0.45s;
    transition-duration: 0.45s;
    cursor: pointer;
    float: right;
}

    .hub-le-list button.btn:before {
        content: '';
        display: block;
        padding-top: 100%;
    }

    .hub-le-list button span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        display: block;
        text-align: center;
        line-height: 200%;
    }

    .hub-le-list button.btn[disabled] {
        display: none;
    }

.hub-le-hold .hub-le-list div.hub-assmt-list-ctas {
    width: auto;
    text-align: left;
    display: -webkit-box;
}

.hub-assmt-list-ctas button {
    width: 40px;
    height: auto;
    float: right;
}

.hub-le-list button#view-le:hover, .hub-le-list button#view-le:active:hover, .hub-le-list button#view-le:focus, .hub-le-list button#view-le:active:focus {
    border-color: #337ab7;
    color: #337ab7;
}

.hub-le-list button#delete-le:hover, .hub-le-list button#delete-le:active:hover, .hub-le-list button#delete-le:focus, .hub-le-list button#delete-le:active:focus {
    border-color: #bf0000;
    color: #bf0000;
}
/*hub le select*/
.chosen-container .chosen-results li.hub-le-select-group {
}

.chosen-container .chosen-results li.hub-le-select-lv1, .hub-le-select-lv1 {
    text-indent: 10px;
    font-weight: 600;
    color: #555;
}

.chosen-container .chosen-results li.hub-le-select-lv2, .hub-le-select-lv2 {
    text-indent: 20px;
    font-weight: 600;
    color: #888;
}

.chosen-container .chosen-results li.hub-le-select-lv3, .hub-le-select-lv3 {
    padding-left: 45px;
    color: #337ab7;
}

    .chosen-container .chosen-results li.hub-le-select-lv3.highlighted, .hub-le-select-lv3.highlighted {
        color: #fff;
    }
/*...users invite panel...*/
#user-invite-panel .input-group select {
    padding: 5px 10px 5px 5px;
    margin: 0 20px 0 0;
    display: inline-block;
    vertical-align: bottom;
}

.wellheigt {
    background-color: #f2f2f2;
    position: relative;
    width: 100%;
    height: auto;
    padding: 14px 20px;
    margin: 0;
    display: inline-block;
    text-align: center;
    border: none;
    border-radius: 0;
    text-align: center;
}

    .wellheigt .swiper-container {
        width: 100%;
        padding: 0;
        margin: 0 auto;
        float: none;
        display: flex;
        overflow-x: hidden;
    }

    .wellheigt .swiper-wrapper {
    }

        .wellheigt .swiper-wrapper .swiper-slide {
            text-align: center;
        }

    .wellheigt .swiper-button-next, .wellheigt .swiper-button-prev {
        background: #fff;
        position: absolute;
        top: 50%;
        height: auto;
        padding: 16px 20px;
        margin: 0;
        border: 1px solid #ddd;
        border-radius: 4px;
        -khtml-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        font-size: 12pt;
        -khtml-transition-duration: 0.45s;
        -webkit-transition-duration: 0.45s;
        transition-duration: 0.45s;
    }

    .wellheigt .swiper-button-next {
        right: 10%;
    }

    .wellheigt .swiper-button-prev {
        left: 10%;
    }

        .wellheigt .swiper-button-next.swiper-button-disabled, .wellheigt .swiper-button-prev.swiper-button-disabled {
            visibility: hidden;
        }

.invt-fac-details {
    width: auto;
    max-width: 100%;
    height: auto;
    padding: 0 0;
    margin: 0 auto;
    text-align: center;
    float: none;
}

    .invt-fac-details div.col-lg-2 {
        display: block;
        width: 100%;
        height: auto;
        text-align: center;
        padding: 0;
    }

.fac-details-name {
    margin-bottom: 20px;
}

    .fac-details-name img, .fac-details-name div.row {
        display: inline-block;
        vertical-align: top;
        width: auto;
    }

    .fac-details-name img {
        width: 40px;
        height: 40px;
        padding: 0;
        margin: 0;
    }

    .fac-details-name div.row {
        width: auto;
        max-width: 560px;
        padding: 0 20px;
    }

    .fac-details-name div.name, .fac-details-name div.email {
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        display: block;
        float: none;
    }

.fac-details-cta {
}

    .fac-details-cta button {
        display: inline-block;
        font-size: 10.5pt;
        font-weight: bold;
        text-align: center;
        border: 1px solid #ddd;
        padding: 8px 24px;
        margin: 0;
    }

        .fac-details-cta button.add-facihubre {
            margin-right: 20px;
        }

.lerner-invited-panel .input-group {
    margin-bottom: 14px;
}

.hubinv-learn-ctas[class*='col-'] {
    padding: 0 14px;
}

#add-learner .well {
    background-color: #fff;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto 10px auto;
    border-color: #ddd;
    box-shadow: none;
}
/*#add-learner .well .col-lg-2{display:table-cell;vertical-align:top;float:none;}

.learner-cont.img{width:80px;height:80px;padding:0;margin:0 5px 0 5px;border-radius:50%;overflow:hidden;}
.learner-cont.img img{width:inherit;height:inherit;padding:0;margin:0;object-fit:cover;}
.learner-cont-info{width:100%;color:#555;}
.learner-cont-info div{padding:0;width:auto;display:block;}
.learner-info-names{margin:0 0 10px 0;}
.learner-info-names, .learner-info-names div{display:block;padding:0;width:100%;font-size:10.5pt;text-align:left;}
.learner-info-names div.name{margin-bottom:2px;}

.learner-cont-info .col-lg-3{width:100%;text-align:center;display:inline-table;margin:0 auto;}
.learner-icons-info{text-align:center;}
div.learner-info-icons, div.learner-info-ctas{display:inline-block;width:50%;vertical-align:bottom;float:none;margin:0;padding:0;right:0;}
div.learner-info-icons{text-align:left;}
.learner-info-icons img{width:38px;height:auto;padding:0;margin:0 0;}

div.learner-info-ctas{}
.learner-info-ctas button{width:auto;display:inline-block;vertical-align:middle;font-size:12pt;text-align:center;}

button.sessionresult-back{background-color:transparent;width:auto;height:auto;padding:6px 10px;margin:0;font-size:12pt;text-align:center;color:#70d7c2;}*/
/*replace above commanded*/
.learner-cont-info {
    height: 203px;
}

.learner-cont.img {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background: #ddd;
    border-radius: 5em;
}

    .learner-cont.img:before, .learner-cont.img::before {
        content: '';
        display: block;
        width: 100%;
        padding-top: 100%;
    }

    .learner-cont.img img {
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        object-position: center;
        min-width: 100%;
        width: inherit;
        min-height: 100%;
        height: inherit;
    }

.learner-info-names {
    margin-bottom: 20px;
    overflow: hidden;
    /*height: 80px;*/
}

    .learner-info-names .email {
        display: block;
    }

.learner-info-icons {
    text-align: left;
}

    .learner-info-icons img {
        width: 38px;
        height: auto;
        padding: 0;
        margin: 0 0;
    }

.learner-info-ctas {
    text-align: right;
}

#phase-cont p [href] {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

    #phase-cont p [href] img{
        filter:inherit !important;
    }
    .lerner-invited-panel .collapse {
        height: 0px;
        display: inline-block;
        overflow: hidden;
        -khtml-transition: ease-out 0.45s;
        -webkit-transition: ease-out 0.45s;
        transition: ease-out 0.45s;
    }

    .lerner-invited-panel .collapse.in {
        width: 100%;
        height: auto;
        text-align: left;
        overflow: visible;
        -khtml-transition: ease-in 0.45s;
        -webkit-transition: ease-in 0.45s;
        transition: ease-in 0.45s;
    }

#collapseExample input#Upload, .learner_bulkfiles {
    display: inline-block;
    vertical-align: middle;
}

.learner_bulkfiles {
    position: relative;
}

.add-bulkusers-row[type="file"] {
    display: none;
}

.no-js .add-bulkusers-row + label {
    display: none;
    visibility: hidden;
}

#savele-FeedBack {
    width: 100%;
    height: auto;
    padding: 0 0;
    margin: 0;
}

    #savele-FeedBack div.col-lg-5 {
        width: 100%;
        height: auto;
        padding: 0 0;
        margin: 0;
        display: block;
    }

.hubs-savele-feedback textarea {
    width: 100%;
    max-width: none;
    height: 100px;
    margin-bottom: 0;
    resize: none;
    padding: 6px 0;
}

.hubs-savele-feedback {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 15px 20px !important;
    margin-top: 20px !important;
}

.hubs-rating {
    padding: 20px 0;
}
/*.col-lg-5 input{width:100%;max-width:none;height:140px;margin-bottom:10px;}*/
.resultboarder .form-group {
    font-size: 12pt;
    color: #555;
}

.resultboarder .col-md-6 {
    padding: 0;
}

    .resultboarder .col-xs-12 .panel, .resultboarder .col-md-6 .panel {
        border: 1px solid #ddd;
        border-radius: 4px;
    }

.session-le-sitemap {
    display: block;
}

    .session-le-sitemap .question, .session-le-sitemap .answer {
        display: inline-table;
        margin-bottom: 10px;
        font-size: 10.5pt;
    }

    .session-le-sitemap .session-sitemap-label, .session-le-sitemap .session-sitemap-content {
        display: table-cell;
        vertical-align: top;
        padding-left: 0;
    }

    .session-le-sitemap .session-sitemap-label {
        padding-right: 10px;
        font-weight: bold;
    }

    .session-le-sitemap .session-sitemap-content {
        word-break: break-word;
    }

    .session-le-sitemap .input-group {
        width: 100%;
        text-align: left;
    }

    .session-le-sitemap .session-sitemap-label span i {
        font-weight: bold;
        font-family: unset;
        font-size: 16px;
        color: #716d6d;
    }

.select-items div:hover, .same-as-selected, .same-as-selected:hover {
    background-color: #f5f5f5 !important;
    cursor: pointer;
}

.session-le-sitemap .col-lg-6, .session-le-sitemap .col-lg-4 {
    width: 100%;
    text-align: left;
    font-size: 10.5pt;
    padding: 0;
    float: none;
}

    .session-le-sitemap .col-lg-6 input {
        width: 100%;
        max-width: 100%;
        padding: 6px 12px;
        margin: 0 0 10px 0;
    }

    .session-le-sitemap .col-lg-4 button {
    }

.ck-attach video, .ck-attach img, .ck-attach audio {
    max-height: -webkit-fill-available;
    max-height: 550px;
}

.highlight_animation {
    animation: taskHighlight 0.5s ease-in-out infinite;
    -webkit-animation: taskHighlight 0.5s ease-in-out infinite;
}

@-moz-keyframes taskHighlight {
    from {
        background: #3f7f00;
    }

    to {
        background: #ffa500;
    }
}

@-webkit-keyframes taskHighlight {
    from {
        background: #3f7f00;
    }

    to {
        background: #ffa500;
    }
}

@keyframes taskHighlight {
    from {
        background: #3f7f00;
    }

    to {
        background: #ffa500;
    }
}

.ck-attach img {
    /*height: auto !important;*/
}
/*--end of Hubs*/
.textborder {
    border-top: none;
    border-left: none;
    border-right: none;
}

.action {
    background-color: #39B54A;
    font-size: 12pt;
    font-weight: bold;
    color: #fff;
    border: none;
}

.actionbor {
    border-bottom: 2px solid #ddd;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
}

.reflection {
    background-color: #ff9700;
    font-size: 12pt;
    font-weight: bold;
    color: #fff;
    border: none;
}

.textcommentsize {
    width: 280px;
}
/*Added by JC || General Style 2017-01-26*/
/*--main navigation--*/
.main-header-wrapper {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0;
    margin: 0;
}

.home-header-top-blue {
    background-color: #01122b;
    width: 100%;
    padding: 0 5%;
}

.home-headblue-wrap {
    width: 100%;
    display: inline-table;
    margin: 0 auto;
    height: 5vh;
}

    .home-headblue-wrap > div[class*='home-header-top-blue-'] {
        display: table-cell;
        width: 50%;
        vertical-align: middle;
        float: none;
    }

.home-header-top-blue-text {
    font-size: 10pt;
    font-weight: normal;
    text-align: left;
    color: #fff;
}

.home-header-top-blue-button {
    text-align: right;
}

ul.blue-head-menu-ul {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    text-align: right;
    list-style: none;
}

    ul.blue-head-menu-ul li {
        display: inline-block;
        float: none;
        padding: 0 5px;
        margin: 0;
        vertical-align: middle;
        font-size: 12pt;
        color: #fff;
    }

        ul.blue-head-menu-ul li a {
            font-size: 10pt;
            font-weight: 600;
            color: #fff;
        }

            ul.blue-head-menu-ul li a:hover, ul.blue-head-menu-ul li a:active:hover, ul.blue-head-menu-ul li a:focus, ul.blue-head-menu-ul li a:active:focus {
                color: #3d81bb;
            }
/*main-top*/
.home-header-top-main {
    background: transparent;
    width: 100%;
    padding: 0 5%;
    z-index: 101;
    /*height: 65px;*/
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) !important;
}

.home-headtop-wrap {
    width: 100%;
    display: table;
    margin-bottom: 0;
    border: none;
}

    .home-headtop-wrap > div[class*='navbar-'] {
        display: table-cell;
        float: none;
        vertical-align: middle;
    }

.home-headbtn-burger {
    display: none;
}

.menu-beed-logo {
    max-width: 100px;
    height: auto;
    padding: 0;
    margin: 0;
    display: inline-block;
    float: none;
    margin-top: 8px;
}

    .menu-beed-logo img {
        width: 100% !important;
        height: auto !important;
        padding: 0;
        margin: 0;
    }

ul#mainNaviTop {
    float: none;
    text-align: right;
}

#mainNaviTop > li {
    display: inline-block;
    vertical-align: middle;
    float: none;
    list-style: none;
    margin-left: 20px;
}

#mainNaviTop li {
    position: relative;
}

    #mainNaviTop li a {
        font-size: 16px;
        font-weight: 600 !important;
        text-align: left;
        color: #333b96;
        -khtml-transition: all ease-in-out 0.45s;
        -webkit-transition: all ease-in-out 0.45s;
        transition: all ease-in-out 0.45s;
    }

        #mainNaviTop li a .fa-caret-down {
            font-size: 0.85em;
            margin-left: 2px;
        }

#mainNaviTop > li > a {
    text-align: left;
}

#mainNaviTop li a:hover, #mainNaviTop li a:focus, #mainNaviTop li.open a:hover, #mainNaviTop li.open a:focus {
    background: transparent;
    color: #ff9700 !important;
}

#mainNaviTop li.open a {
    background: transparent;
}

#mainNaviTop li a:hover ul, #mainNaviTop li a:focus ul {
    display: block;
}
/*--form fields--*/
textarea[readonly], input[readonly] {
    border: none;
}

textarea::-webkit-scrollbar {
    width: 6px;
    cursor: pointer;
    z-index: 2;
}

    textarea::-webkit-scrollbar:hover {
        cursor: pointer;
    }

textarea::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 4px;
    cursor: pointer;
}

textarea::-webkit-scrollbar-thumb {
    background-color: #d5d5d5;
    border-radius: 4px;
    cursor: pointer;
}

textarea.auto-textarea {
    resize: none;
    min-height: 120px;
}

textarea.heightandwidth {
    height: auto;
    max-width: none;
    overflow: hidden;
    min-height: 5px;
}

.editor-fix-col {
    resize: none;
    padding-right: 10px;
}

.btm-line-fields, .btm-line-fields:focus, .btm-line-fields:active:focus {
    background: transparent;
    outline: none;
    text-decoration: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
}

    .btm-line-fields::-webkit-input-placeholder {
        font-weight: 500;
        color: #cecece;
    }

.form-horizontal .control-label {
    text-align: left;
}

input[type=search] {
}

.field-calendar-icon {
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
    margin-right: 20px;
    font-size: 12pt;
    color: #555;
    cursor: pointer;
}

.form-ctrl-time {
    padding-right: 36px;
}

.display-only-fields, .display-only-fields:focus, .display-only-fields:active:focus, .display-only-fields[readonly], .display-only-fields[disabled], input[disabled], textarea[readonly], input[disabled]:focus, textarea[readonly]:focus, input[disabled]:active:focus, textarea[readonly]:active:focus {
    background: transparent;
    outline: none;
    text-decoration: none;
    box-shadow: none;
    border: none;
}

textarea.display-only-fields, textarea[readonly] {
    resize: none;
}

.fields-contw-icons {
    position: relative;
}

    .fields-contw-icons .form-control {
        max-width: inherit;
        padding-right: 36px;
    }

.fields-icon-cont {
    position: absolute;
    top: 50%;
    left: auto;
    right: 10px;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    -khtml-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
}
/*--customize checkbox && radio buttons (JC)--*/
.chkbx-blue-solid {
    position: absolute;
    display: none;
}

    .chkbx-blue-solid ~ label {
        position: relative;
        cursor: pointer;
        padding: 0;
    }

        .chkbx-blue-solid ~ label:before {
            content: '';
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle;
            width: 18px;
            height: 18px;
            background: #fff;
            border: 1px solid #636363;
            border-radius: 4px;
            overflow: hidden;
            margin-top: -3px;
        }

    .chkbx-blue-solid:hover ~ label:before, .chkbx-blue-solid:focus + label:before {
        background-color: #ddd;
    }

    .chkbx-blue-solid:checked ~ label:after {
        content: '\f00c';
        position: absolute;
        top: 1px;
        left: 0;
        background-color: #337ab7;
        width: 18px;
        height: 18px;
        border: 1px solid #636363;
        border-radius: 4px;
        font: 13px/1.33em FontAwesome;
        text-align: center;
        color: #fff;
    }
/*--All Containers--*/
.full-height-container {
    width: 100%;
    height: auto;
    padding: 0 0 80px 0;
}

.bg-cities {
    background: transparent url('Images/bg_cities_01.png') no-repeat center bottom;
    background-size: 100% auto;
}

.page-header {
    position: relative;
}

.page-header-new {
    padding-bottom: 10px;
    margin: 40px 0 20px 0;
}

h2.page-head-title {
    margin: 7px 0 20px 0;
    font-size: 30px;
    font-weight: 700;
    position: relative;
}

.modal-header {
    position: relative;
}

.container-top-bar {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 20px 0;
    display: inline-block;
}

.container-bar-blue {
    background-color: #337ab7;
    color: #fff;
}

.contr-admin-container-top-bar {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 20px 0;
    display: inline-block;
}

.cont-bar-tabs-wrap {
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

    .cont-bar-tabs-wrap ul, .cont-bar-tabs-wrap ul li {
        padding: 0;
        margin: 0;
        vertical-align: top;
    }

        .cont-bar-tabs-wrap ul li {
            display: table-cell;
        }

            .cont-bar-tabs-wrap ul li a {
                width: auto;
                height: auto;
                padding: 10px 20px;
                margin: 0 0;
                display: inline-block;
                font-size: 12pt;
                font-weight: bold;
                text-align: left;
                color: #fff;
                text-decoration: none;
                outline: none;
                border: none;
                border-bottom: 1px solid transparent;
                cursor: pointer;
                -khtml-transition-duration: 0.45s;
                -webkit-transition-duration: 0.45s;
                transition-duration: 0.45s;
                border-radius: 0;
            }

                .cont-bar-tabs-wrap ul li a:hover, .cont-bar-tabs-wrap ul li a:active:hover {
                    background-color: #286090;
                    border-color: transparent;
                }

        .cont-bar-tabs-wrap ul > li.active a {
            background-color: #fff;
            color: #337ab7;
            border-color: #ddd;
            border-top-color: transparent;
            border-bottom-color: #fff;
        }

    .cont-bar-tabs-wrap > ul > li.active a:first-child {
        border-left: none;
    }

.col-centered {
    float: none;
    margin: 0 auto;
}

.equal-row-height {
    background-color: transparent;
    padding: 0;
    margin: 0 0;
    border: 1px solid #ddd;
}

.prodlist-partial-container {
    padding: 0 30px;
    display: inline-block;
}

body div.grecaptcha-badge {
    display: none !important;
    visibility: hidden !important;
}
/*new*/
.container-new {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 20px;
}

    .container-new hr:first-child {
        margin-top: 0;
    }

.innpage-landing-wrapper {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
    display: table;
}

.innpage-landing-holder {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    display: table-cell;
    vertical-align: top;
    min-height: 100%;
}

    .innpage-landing-holder.sub-menu {
        width: 200px;
        position: relative;
        padding: 10px 0;
    }

        .innpage-landing-holder.sub-menu:after, .innpage-landing-holder.sub-menu::after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            width: 14px;
            height: calc(100% + 80px);
            max-height: 100%;
            background: #000;
            opacity: 0.07;
            overflow: hidden;
        }

        .innpage-landing-holder.sub-menu .submenu-label-header {
            font-weight: 600;
        }

    .innpage-landing-holder.content-holder {
    }

.submenu-panel-body, .submenu-panel-labels {
    padding: 0 20px;
}

.listv01-container-fluid {
    width: 100%;
    height: auto;
    padding: 0 20px;
    margin: 0;
    float: left;
}

    .listv01-container-fluid.pager-container {
        padding: 20px 80px;
    }

.listv01-panel-wrapper {
    width: 100%;
    max-width: 720px;
    height: auto;
    padding: 0;
    margin: 0;
    display: inline-block;
}

.listv01-img-list {
    position: relative;
    padding: 0;
}

.listv01-imglist-container {
    background-color: #ddd;
    width: auto;
    max-height: 180px;
}

    .listv01-imglist-container:before {
        content: '';
        display: block;
        width: 100%;
        padding-top: 200%;
    }

    .listv01-imglist-container img {
        position: absolute;
        top: 50%;
        left: 0;
        min-width: inherit;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        object-fit: cover;
        object-position: center;
        -khtml-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

.listv01-past-icons {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.listv01-picons-bg {
    background-color: #000;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    display: block;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.listv01-past-icons span.fa {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 280%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.listv01-edit-container {
    background: rgba(0,0,0,0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    margin: 0;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    pointer-events: none;
    -khtml-transition: ease-in-out 0.45s;
    -webkit-transition: ease-in-out 0.45s;
    transition: ease-in-out 0.45s;
}

.listv01-panel-wrapper:hover .listv01-edit-container, .listv01-panel-wrapper:active:hover .listv01-edit-container, .listv01-panel-wrapper:hover ~ .listv01-edit-container, .listv01-panel-wrapper:active:hover ~ .listv01-edit-container {
    filter: alpha(opacity=100);
    opacity: 1;
    pointer-events: all;
}

.listv01-overlay-buttons {
    position: relative;
    padding: 0;
    margin: 0;
    display: inline-block;
    float: none;
    pointer-events: none;
}

.listv01-panel-wrapper:hover .listv01-overlay-buttons, .listv01-panel-wrapper:active:hover .listv01-overlay-buttons, .listv01-panel-wrapper:hover ~ .listv01-overlay-buttons, .listv01-panel-wrapper:active:hover ~ .listv01-overlay-buttons {
    pointer-events: all;
}

.listv01-content-list {
    position: relative;
    height: 180px;
    overflow: hidden;
}

    .listv01-content-list:before {
        content: '';
        display: block;
        width: 100%;
    }

.listv01-contlist-hold {
    top: 0;
    width: 100%;
    overflow: hidden;
    padding-top: 10px;
}

    .listv01-contlist-hold hr {
        border-color: #555;
    }

.listv01-contlist-title, .listv01-contlist-title a {
    font-size: 17pt;
    font-weight: 600;
    line-height: 1.25em;
    text-align: left;
    color: #337ab7;
    cursor: pointer;
}

    .listv01-contlist-title a:hover, .listv01-contlist-title a:active:hover {
        text-decoration: none;
    }

    .listv01-contlist-title.planner, .listv01-contlist-title.planner a {
        color: #333b96;
    }

.listv01-contlist-status {
    line-height: 1.5em;
}

.listv01-contlist-buttons {
    bottom: -10px;
    position: absolute;
}

.listv01-contlist-allbtn:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.box-plan {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    overflow: hidden;
}
/*customize columns || 2017-11-15*/
.col-ratio-1-1 {
    background-color: #ddd;
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

    .col-ratio-1-1:before, .col-ratio-1-1::before {
        content: '';
        display: block;
        width: 100%;
        padding-top: 100%;
    }

    .col-ratio-1-1 .col-ratio-contents {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        width: inherit;
        max-width: none;
        min-height: 100%;
        height: inherit;
        max-height: none;
        padding: 0;
        margin: 0;
        object-fit: cover;
        object-position: center;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.wbrk-all {
    word-break: break-all;
}
/*search functions*/
form[role="search"] {
    position: relative;
    height: auto;
    padding: 0;
    margin: 0;
    display: block;
    padding-bottom: 10px;
}

.alli-search {
    padding: 18px 0 0;
}

input[name="search"] {
    background-color: transparent;
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 40px;
    padding: 8px 50px 7px 10px;
    margin: 0;
    border-radius: 15px;
    border: none;
    border-bottom: 1px solid #ddd;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    text-align: left;
    color: #555;
    -webkit-appearance: none;
    -khtml-transition: ease-in-out 0.45s;
    -webkit-transition: ease-in-out 0.45s;
    transition: ease-in-out 0.45s;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

    input[name="search"]:focus, input[name="search"]:active {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        outline: none;
        border: none;
        border-bottom: 1px solid #555;
    }
/*input[name="search"]::-webkit-search-cancel-button{-webkit-appearance:searchfield-cancel-button;height:20px;width:20px;display:inline-block;background-color:gold;}*/
.prod-sec-search:before {
    content: '';
    display: block;
    min-height: 10px;
    float: none;
    vertical-align: bottom;
}

.prod-sec-search .pan-filters-wrap {
    margin-bottom: 12px;
}

.pan-search-box {
    display: inline-table;
}

    .pan-search-box [class*="col-"] {
        float: none;
        vertical-align: middle;
    }

.pan-advfilt-box button, .pan-currency-box select {
    margin-top: 3px;
}

form[action="/le-exp/acqlist"] input[name="search"], form[action="/products/AuthorProducts"] input[name="search"], form[action="/products/list"] input[name="search"], form[action="/products/authorProducts/search"] input[name="search"] {
    color: #000000;
    border-color: #ddd;
}

    form[action="/le-exp/acqlist"] input[name="search"]::-webkit-input-placeholder, form[action="/products/AuthorProducts"] input[name="search"]::-webkit-input-placeholder, form[action="/products/list"] input[name="search"]::-webkit-input-placeholder, form[action="/products/authorProducts/search"] input[name="search"]::-webkit-input-placeholder {
        color: gray;
    }

form[action="/products/AuthorProducts"] button[type="submit"],
/*form[action="/products/list"] button[type="submit"]{color:#fff;}*/
form[action="/products/AuthorProducts"] button[type="submit"]:focus, form[action="/products/AuthorProducts"] button[type="submit"]:active, form[action="/products/AuthorProducts"] button[type="submit"]:focus span.glyphicon, form[action="/products/AuthorProducts"] button[type="submit"]:active span.glyphicon, form[action="/products/list"] button[type="submit"]:focus, form[action="/products/list"] button[type="submit"]:active, form[action="/products/list"] button[type="submit"]:focus span.glyphicon, form[action="/products/list"] button[type="submit"]:active span.glyphicon {
    background-color: #4c90c4 !important;
    color: #fff !important;
}

button[type="submit"] {
    text-align: center;
    background-color: transparent;
}

button[type="submit"]:focus, button[type="submit"]:active, button[type="submit"]:focus span.glyphicon, button[type="submit"]:active span.glyphicon {
    background-color: transparent !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none !important;
    border: none !important;
    color: #555 !important;
}
/*search panels*/
.search-panel-holder {
    display: inline-table;
    width: auto;
    max-width: 100%;
}

    .search-panel-holder > form > div[class*="search-col-"] {
        display: table-cell;
        width: auto;
        float: none;
    }
/*currency dropdown*/
.currency-dropdown {
    border-bottom-color: #ddd;
    width: 90px;
    color: #555;
}

select#Currency {
    -webkit-appearance: none;
    background: transparent;
    overflow: hidden;
    background: url('Images/dropdown-caret-down.png') no-repeat right #fff;
}
/*--advance filter*/
.chosen-container-multi .chosen-choices, .chosen-container-multi .chosen-choices:focus, .chosen-container-multi .chosen-choices:active:focus {
    background: transparent;
    border: none;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
}
/*--page panel header navi--*/
.panel-header-container {
    display: table;
    width: 100%;
    position: relative;
}

.panel-header-col {
    display: table-cell;
    vertical-align: bottom;
    width: auto;
    max-width: 20%;
    margin: auto;
    padding: 0 4px;
    float: none;
}

    .panel-header-col form.form-session {
        width: 100%;
    }
/*--navi bars--*/
.navbar-form {
    margin: 0 auto;
}
/*--pgs back button 01*/
.pg-header {
    position: relative;
}

.view-innheader-back {
    max-width: 96px;
    height: auto;
    padding: 0;
    margin: 0;
    text-align: center;
    float: none;
}

button.pg-back-buttons {
    background-color: transparent;
    width: auto;
    height: auto;
    padding: 12px 20px;
    margin: 0;
    font-size: 24pt;
    font-weight: bold;
    color: #3377c7;
    border: none;
    -khtml-transition-duration: 0.45s;
    -webkit-transition-duration: 0.45s;
    transition-duration: 0.45s;
}

    button.pg-back-buttons:hover, button.pg-back-buttons.btn-primary:focus, button.pg-back-buttons.btn-primary:active, button.pg-back-buttons.btn-primary:visited {
        background-color: transparent;
        border: none;
        color: orange !important;
        outline: none;
        box-shadow: none;
    }

hr.inn-header-vr {
    background-color: #ddd;
    position: relative;
    min-width: 1px;
    width: 1px;
    height: 52px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    display: table-cell;
}

    hr.inn-header-vr:before, hr.inn-header-vr:after {
        content: '';
        background: #fff;
        min-width: 2px;
        height: 10px;
        padding: 0;
        margin: 0;
        display: block;
        position: absolute;
    }

    hr.inn-header-vr:before {
        top: 0;
    }

    hr.inn-header-vr:after {
        bottom: 0;
    }

p.item-book {
    margin: 0;
}

.rcmdtext {
    top: 0;
    display: block;
    padding: 12px;
    color: #ddd;
}
/*--BUTTONS style--*/
.btn a, .all-buttons a {
    text-decoration: none;
    border: none;
    outline: none;
    font-size: initial;
    color: inherit;
}

.all-buttons {
    cursor: pointer;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    -khtml-transition-duration: 0.45s;
    -webkit-transition-duration: 0.45s;
    transition-duration: 0.45s;
    outline: none;
    text-decoration: none;
    box-shadow: none;
}

    .all-buttons:hover, .all-buttons:active:hover, .all-buttons:focus, .all-buttons:active:focus {
        outline: none;
        text-decoration: none;
    }

.btn-icons {
    vertical-align: top;
}

    .btn-icons span {
        vertical-align: middle;
    }

.btn-icons-expand {
    border-radius: 2em;
    padding: 5px 10px;
    margin: 0 auto;
}

    .btn-icons-expand span {
        display: inline-block;
        vertical-align: middle;
        -khtml-transition: ease-in-out max-width 0.45s;
        -webkit-transition: ease-in-out max-width 0.45s;
        transition: ease-in-out max-width 0.45s;
        white-space: nowrap;
        overflow: hidden;
    }

        .btn-icons-expand span.fa {
        }

        .btn-icons-expand span.icon-expand-texts {
            max-width: 0;
        }

    .btn-icons-expand:hover span, .btn-icons-expand:active:hover span {
        transition: ease-in-out max-width 0.45s;
    }

        .btn-icons-expand:hover span.icon-expand-texts, .btn-icons-expand:active:hover span.icon-expand-texts {
            max-width: 5em;
        }

.btn-grey-white {
    background-color: #fff;
    border: 1px solid #555;
    color: #555;
}

    .btn-grey-white:hover, .btn-grey-white:active:hover {
        background-color: #555;
        border-color: #555;
        color: #ddd;
    }

.btn-grey-bordless {
    background-color: transparent;
    border: none;
    color: #555;
}

    .btn-grey-bordless:hover, .btn-grey-bordless:active:hover {
        background-color: transparent;
        color: #000;
    }
/*.btn-low-grey{background-color:#fff;border:1px solid #d5d5d5;color:#d5d5d5;}
.btn-low-grey:hover, .btn-low-grey:active:hover{background-color:#d5d5d5;border-color:#d5d5d5;color:#f2f2f2;}*/
.btn-line-grey {
    background-color: transparent;
    border: none;
    color: #d5d5d5;
    text-decoration: underline;
}

    .btn-line-grey:hover, .btn-line-grey:active:hover, .btn-line-grey:focus, .btn-line-grey:active:focus {
        background-color: #d5d5d5;
        color: #f2f2f2;
        text-decoration: none;
    }

.btn-default-blue {
    background-color: #337ab7;
    border: none;
    color: #fff;
}

    .btn-default-blue:hover, .btn-default-blue:active:hover, .btn-default-blue:focus, .btn-default-blue:active:focus {
        background-color: #286090;
        border: none;
        color: #fff;
    }

.btn-border-blue {
    background-color: transparent;
    border: 1px solid #337ab7;
    color: #337ab7;
}

    .btn-border-blue:hover, .btn-border-blue:active:hover, .btn-border-blue:focus, .btn-border-blue:active:focus {
        background-color: #337ab7;
        border-color: #337ab7;
        color: #fff;
    }

.btn-border-orange {
    background-color: transparent;
    border: 1px solid #ff9700;
    color: #ff9700;
}

    .btn-border-orange:hover, .btn-border-orange:active:hover, .btn-border-orange:focus, .btn-border-orange:active:focus {
        background-color: #ff9700;
        border-color: #ff9700;
        color: #fff;
    }

.btn-orange-white {
    background-color: #FFF;
    border: 1px solid #ff9700;
    color: #ff9700;
}

    .btn-orange-white:hover, .btn-orange-white:active:hover, .btn-orange-white:focus, .btn-orange-white:active:focus {
        background-color: #ff9700;
        border-color: #ff9700;
        color: #fff;
    }

.btn-success-white {
    background-color: #FFF;
    border: 1px solid #5cb85c;
    color: #5cb85c;
}

    .btn-success-white:hover, .btn-success-white:active:hover, .btn-success-white:focus, .btn-success-white:active:focus {
        background-color: #FFF;
        border: 1px solid #5cb85c;
        color: #5cb85c;
    }

.btn-border-white {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}

    .btn-border-white:hover, .btn-border-white:active:hover, .btn-border-white:focus, .btn-border-white:active:focus {
        background-color: #fff;
        color: #555;
    }

    .btn-border-white.flight:hover, .btn-border-white.flight:active:hover, .btn-border-white.flight:focus, .btn-border-white.flight:active:focus {
        background-color: #8ab4be;
        border-color: #8ab4be;
        color: #fff;
    }

    .btn-border-white.hotel:hover, .btn-border-white.hotel:active:hover, .btn-border-white.hotel:focus, .btn-border-white.hotel:active:focus {
        background-color: #e7d372;
        border-color: #e7d372;
        color: #fff;
    }

    .btn-border-white.car:hover, .btn-border-white.car:active:hover, .btn-border-white.car:focus, .btn-border-white.car:active:focus {
        background-color: #e0a071;
        border-color: #e0a071;
        color: #fff;
    }

    .btn-border-white.insurance:hover, .btn-border-white.insurance:active:hover, .btn-border-white.insurance:focus, .btn-border-white.insurance:active:focus {
        background-color: #449381;
        border-color: #449381;
        color: #fff;
    }

    .btn-border-white.les:hover, .btn-border-white.les:active:hover, .btn-border-white.les:focus, .btn-border-white.les:active:focus {
        background-color: #80a4c0;
        border-color: #80a4c0;
        color: #fff;
    }

.btn-back-blue {
    background-color: transparent;
    color: #333b96;
}

    .btn-back-blue:hover, .btn-back-blue:active:hover, .btn-back-blue:focus, .btn-back-blue:active:focus {
        background-color: #333b96;
        color: #fff;
    }

.sub-menu .btn.all-buttons {
    margin-bottom: 20px;
}

.btn-navyblue-filled {
    background-color: #333b96;
    color: #fff;
}

    .btn-navyblue-filled.btn-submenu {
        width: 100%;
    }

    .btn-navyblue-filled:hover, .btn-navyblue-filled:focus, .btn-navyblue-filled:active:hover, .btn-navyblue-filled:active:focus {
        background-color: #0a0e58;
        color: #fff;
    }

button.btn-navyblue-filled[type="submit"] {
    background-color: #333b96;
    color: #fff;
}
    /*temporarily*/
    button.btn-navyblue-filled[type="submit"]:hover, button.btn-navyblue-filled[type="submit"]:focus, button.btn-navyblue-filled[type="submit"]:active:hover, button.btn-navyblue-filled[type="submit"]:active:focus {
        background-color: #0a0e58;
        color: #fff;
    }
/*temporarily*/
.btn-lightwhite-filled {
    background-color: #fff;
    background-color: rgba(255,255,255,0.2);
    color: #fff;
}

    .btn-lightwhite-filled:hover, .btn-lightwhite-filled:active:hover {
        background-color: rgba(255,255,255,0.4);
        color: #fff;
    }

.btn-navyblue-border {
    background: transparent;
    border: 1px solid #333b96;
    text-align: center;
    color: #333b96;
}

    .btn-navyblue-border:hover, .btn-navyblue-border:active:hover, .btn-navyblue-border:focus, .btn-navyblue-border:active:focus {
        background-color: #333b96;
        color: #fff;
    }

.btn-navyblue-white {
    background: #FFF;
    border: 1px solid #FFF;
    text-align: center;
    color: #333b96;
}

    .btn-navyblue-white:hover, .btn-navyblue-white:active:hover, .btn-navyblue-white:focus, .btn-navyblue-white:active:focus {
        background-color: #333b96;
        border-color: #333b96;
        color: #fff;
    }

.btn-default {
    color: #333b96;
    background-color: #ffffff;
    border-color: #333b96;
    border-radius: 7px !important;
}

    .btn-default:hover {
        color: #ffffff;
        background-color: #333b96;
        border-color: #333b96;
    }

    .btn-default:active, .btn-default:focus {
        color: #333b96;
        background-color: #fff;
    }

.find-out-btn .btn-default {
    color: #ffffff;
    background-color: #333b96;
    border-color: #ffffff;
}

    .find-out-btn .btn-default:hover {
        color: #333b96;
        background-color: #ffffff;
        border-color: #333b96;
    }

    .find-out-btn .btn-default:active, .btn-default:focus {
        color: #ffffff;
        background-color: #333b96;
    }

.search-le-button {
    border: none;
    background: none;
    color: #555;
}

button.btn[value="Search"] {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 10px;
}

.btn-txt-overflow {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}

    .btn-txt-overflow.left {
        text-align: left;
    }

*[class*="page-link-"] {
    padding: 0.5em 0.87em;
    margin: 0;
    text-align: center;
}

.page-item.active .page-link-blue-white {
    background-color: #337ab7;
    color: #FFF;
}
/*.btn-credit-no{background-color:#e2e2e2;position:relative;width:36px;height:36px;text-align:center;overflow:hidden;}
#mainNaviTop li .btn-credit-no{padding:0;}
.btn-credit-no .txt{position:relative;left:0;width:100%;height:auto;padding:0;margin:50% 0 0;display:inline-block;font-size:75%;text-align:center;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);}*/
/*button lists expand*/
.tabpane-ctas-listexpand {
    position: relative;
    /*width: -moz-max-content;*/
    /*width: -ms-max-content;*/
    /*width: -webkit-max-content;*/
    /*width: max-content;*/
    display: inline-block;
    margin: 0 auto;
    padding: 0;
}
/*closed temporarily, open when function works*/
.ctas-listexpand-btn-holder {
    width: 100%;
    background-color: #fff;
    border: 1px solid #555;
    overflow: hidden;
    border-radius: 6px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: none;
    height: 0;
    transition: ease-in-out 0.45s;
}

.tabpane-ctas-listexpand:hover .ctas-listexpand-btn-holder, .tabpane-ctas-listexpand:active:hover .ctas-listexpand-btn-holder, .tabpane-ctas-listexpand:focus .ctas-listexpand-btn-holder, .tabpane-ctas-listexpand:active:focus .ctas-listexpand-btn-holder, .btn.Add-Plan-Item:hover ~ .ctas-listexpand-btn-holder, .btn.Add-Plan-Item:active:hover ~ .ctas-listexpand-btn-holder, .btn.Add-Plan-Item:focus ~ .ctas-listexpand-btn-holder, .btn.Add-Plan-Item:active:focus ~ .ctas-listexpand-btn-holder {
    display: inherit;
    top: -5.2em;
    height: auto;
}

.btn-ctas-expand-list {
    background-color: #fff;
    display: list-item;
    list-style: none;
    border-radius: 0;
    width: 100%;
    text-align: left;
}

    .btn-ctas-expand-list span {
        display: inline-block;
        vertical-align: top;
    }

        .btn-ctas-expand-list span.fa {
            padding-top: 0.2em;
        }

.navpills-grey-white {
    width: 100%;
}

    .navpills-grey-white li {
        margin-bottom: 8px;
    }

        .navpills-grey-white li a {
            text-align: left;
        }

            .navpills-grey-white li a:hover, .navpills-grey-white li a:active:hover, .navpills-grey-white li a:focus, .navpills-grey-white li a:active:focus {
                color: #555;
            }

        .navpills-grey-white li.active a, .navpills-grey-white li.acitve a:hover, .navpills-grey-white li.acitve a:focus, .navpills-grey-white li.acitve a:active:hover, .navpills-grey-white li.acitve a:active:focus {
            background-color: #337ab7;
            border-color: #337ab7;
            color: #fff;
        }

ul.ulFilter {
    width: 100%;
}

.ulFilter .liItem {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 2px 0;
}

li.liItem a {
    position: relative;
    background: transparent;
    width: 100%;
    height: auto;
    padding: 12px 30px;
    margin: 0;
    display: inline-table;
    cursor: pointer;
    font-size: 10.5pt;
    color: #555;
    border-radius: 0;
}

    li.liItem a span[class*="filt-"] {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }

    li.liItem a span.filt-label {
        text-align: left;
        width: 80%;
    }

    li.liItem a span.filt-numb {
        text-align: right;
        font-weight: 600;
    }

    li.liItem a:hover, li.liItem a:active:hover {
        background-color: #ddd;
    }

li.liItem.active a {
    background-color: #85afd4;
    color: #fff;
}

    li.liItem.active a:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #337ab7;
        width: 10px;
        height: 100%;
        padding: 0;
        margin: 0;
    }

    li.liItem.active a:hover, li.liItem.active a:active:hover {
        background-color: #85afd4;
        color: #fff;
    }

label[for="Advance_Filter"] {
    margin: 0;
    padding: 0;
}
/*nav-tree*/
.nav-list.tree.dropdown-menu {
    width: 100%;
}

.nav-list.tree label {
    width: 100%;
    text-align: left;
    padding: 0 14px;
}

    .nav-list.tree label span {
        font-size: 85%;
        vertical-align: middle;
    }

.nav-list.tree .navtree-label-country {
    font-weight: 600;
}

.nav-list.tree .navtree-label-city {
    font-weight: 600;
    padding-left: 28px;
}

.nav-list.tree .navtree-label-subject {
    font-weight: 500;
    padding-left: 42px;
}

.nav.tree.LE > li {
    padding: 0 14px 0 56px;
    text-align: left;
}

    .nav.tree.LE > li a {
        cursor: pointer;
    }
/*paginations button*/
.pagination > li > a, .pagination > li > span, .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
    border: none;
    border-radius: 5em;
    text-align: center;
    margin: 0 5px;
    transition: ease-in-out 0.45s;
    background-color: transparent;
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    background-color: transparent;
}

.pagination > li.active > a, .pagination > li.active > a:focus, .pagination > li.active > a:hover, .pagination > li.active > span, .pagination > li.active > span:focus, .pagination > li.active > span:hover {
    border: none;
    background-color: #337ab7;
}
/*--Borders style*/
.border-0 {
    border: none;
}

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

.border-top-grey-0 {
    border-top: none;
}

.border-right-grey-0 {
    border-right: none;
}

.border-btm-grey-0 {
    border-bottom: none;
}

.border-left-grey-0 {
    border-left: none;
}
/*_border radius_*/
.border-radius-20 {
    border-radius: 20px;
}

.border-radius-50p {
    border-radius: 2.5em;
}
/*--border--*/
.border-4 {
    border-width: 4px;
}

    .border-4.orange {
        border-color: #ff9700;
    }
/*--table style*/
.table-default {
    width: 100%;
    max-width: 1190px;
    height: auto;
    padding: 0;
    margin: 0 auto;
    display: table;
}

.thead-default-blue {
    background-color: #337ab7;
    display: inline-table;
    width: 100%;
    height: auto;
    padding: 6px 0;
    margin: 0;
}

    .thead-default-blue .row {
        display: table-row-group;
    }

.tcols-default {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

    .tcols-default.header {
        font-size: 12pt;
        color: #fff;
    }

        .tcols-default.header div {
            text-align: center;
        }
/*...error msg...*/
.form-group span.field-validation-error {
    display: inline-block;
}
/*temporarily style*/
#contact-form-container label {
    text-transform: uppercase;
}
/*--tables listing--*/
.table-panel-wrap {
    border: 1px solid #ddd;
}

.tables-label-title {
    text-align: center;
}

.table-lists-row {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

    .table-lists-row:last-child {
        border: none;
    }
/*--popup Modals--*/
.modal-content:not(.confirmDialog):not(.bmd-modalContent) {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 500px;
    width: 90%;
    max-width: 650px;
    height: auto;
    -khtml-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modal-content.equation, .modal-content.bmd-modalContent {
    position: relative !important;
    top: inherit !important;
    left: inherit !important;
    min-width: inherit !important;
    width: auto !important;
    max-width: inherit !important;
    height: auto !important;
    -khtml-transform: initial !important;
    -webkit-transform: initial !important;
    transform: initial !important;
    margin: 0 auto !important;
}

.wikipediapreview-body p {
    font-size: 14px !important;
}

.modal-content.equation .modal-header > div, .modal-content.bmd-modalContent .modal-header > div {
    display: block !important;
}

#modalConfirm {
    z-index: 999999999 !important;
}

.modal-content > form > div > div[class*="modal-"], .modal-content > div[class*="modal-"] {
    width: 100%;
}

.modal-content-new {
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 500px;
    width: auto;
    width: -moz-available;
    max-width: 660px;
    height: auto;
    max-height: 90%;
    padding: 20px;
    margin: 0;
    -khtml-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 12px;
    overflow-x: visible;
    overflow-y: auto;
}

.modal-header {
    width: auto;
    height: auto;
    margin: 0;
    display: table;
}

    .modal-header > div {
        display: table-cell;
        vertical-align: middle;
    }

.modal-header-text {
    font-family: Karma Lato serif;
    text-align: left;
    color: #555;
    padding: 10px 20px;
}

    .modal-header-text h3 {
        font-size: 18pt;
        font-weight: bold;
    }

.modal-header-btn {
    max-width: 80px;
    padding: 0 20px;
}

    .modal-header-btn .close {
        margin: auto;
        float: none;
    }

.modal-header-text h3 .activity {
    color: #7cb82f;
}

.modal-header-text h3 .lodging {
    color: #edb220;
}

.modal-header-text h3 .transport {
    color: #e68523;
}

.modal-header-text h3 .flight {
    color: #00a0dc;
}

.modal-header-text h3 .le {
    color: #00aeb3;
}

.modal-header-text h3 .meals {
    color: #028089;
}

.modal-header-text h3 .others {
    color: #6f3389;
}

.modal-new-add-header {
    color: #333b96;
}

.modal-content-new .panel-body {
    padding: 0;
}

    .modal-content-new .panel-body video, .modal-content-new .panel-body audio {
        max-width: 100%;
    }

    .modal-content-new .panel-body img {
        width: 100% !important;
        height: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

.modal-body {
}

.modal-content-new .modal-body .form-group:last-child {
    margin-bottom: 0;
}

.create-partial-images {
    background-color: #ddd;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    padding: 0;
    margin: 0;
    text-align: center;
    overflow: hidden;
}

    .create-partial-images img {
        position: relative;
        top: 0;
        left: 0;
        width: inherit;
        height: inherit;
        padding: 0;
        margin: auto;
        vertical-align: middle;
        z-index: 1;
        object-fit: cover;
    }

    .create-partial-images .create-partimg-ctas {
        background-color: rgba(0,0,0,0.6);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        cursor: pointer;
        z-index: 2;
    }

.create-partimg-msg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: inherit;
    -khtml-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -khtml-transition: ease-in-out 0.45s;
    -webkit-transition: ease-in-out 0.45s;
    transition: ease-in-out 0.45s;
    text-align: center;
    display: inline-block;
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
}

.create-partial-images .create-partimg-ctas:hover .create-partimg-msg, .create-partial-images .create-partimg-ctas:active:hover .create-partimg-msg, .create-partial-images .create-partimg-ctas:focus .create-partimg-msg, .create-partial-images .create-partimg-ctas:active:focus .create-partimg-msg {
    opacity: 0;
    filter: alpha(opacity=0);
}

.create-partimg-ctas button.btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    -khtml-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: 0.25s ease-in-out 0.45s 0.4s;
}

.create-partial-images .create-partimg-ctas:hover button.btn, .create-partial-images .create-partimg-ctas:active:hover button.btn, .create-partial-images .create-partimg-ctas:focus button.btn, .create-partial-images .create-partimg-ctas:active:focus button.btn {
    opacity: 1;
    filter: alpha(opacity=100);
}

.le-info-create-branding {
}

.le-info-create-coverimg-container {
    width: 100%;
    max-width: 1190px;
    height: 460px;
}

.le-info-create-coverimg {
    background-color: #e7e7e7;
    position: relative;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    text-align: center;
    overflow: hidden;
    align-items: center;
    width: 100%;
    height: 460px;
}
    /*.le-info-create-coverimg:after, .le-info-create-coverimg::after{content:'';display:block;padding-top:75%;}
.le-info-create-coverimg img {position:absolute;top:35%;left:45%;width:10%;height:10%;padding:0;margin:auto;object-fit:contain;object-position:center;}*/
    .le-info-create-coverimg .le-info-create-default-img .le-info-create-preview-img {
        position: absolute;
        top: 0;
        left: 50%;
        width: auto;
        height: 100%;
        margin: auto;
        padding: 0;
        object-fit: fill;
        object-position: center;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        z-index: 2;
        pointer-events: none;
    }

    .le-info-create-coverimg .le-info-create-coverimg-btn {
        background-color: rgba(0,0,0,0);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        cursor: pointer;
        z-index: 2;
    }

.le-info-create-coverimg-btn-msg {
    text-align: center;
}

.le-info-create-coverimg-btn button.btn {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    transition: 0.25s ease-in-out 0.45s 0.4s;
    width: 100%;
    height: 100%;
}

.le-info-create-coverimg-btn .disabledbtn {
    background: transparent;
    position: absolute;
    top: 50%;
    margin: auto;
    transition: 0.25s ease-in-out 0.45s 0.4s;
    width: 100%;
    height: 100%;
}

.le-info-create-cdetail-container {
    height: auto;
    text-align: center;
    border-radius: 25px;
}

.le-info-create-cdetail {
    top: 0;
    right: 0;
    padding: 5%;
    margin: 0;
    text-align: center;
    border-radius: 25px;
    align-items: center;
}

.le-seo-price-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0;
}
/*.le-seo-price-label-curr-container {-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}

le-seo-price-label-curr-label {
    margin-right: -1px;
}

.le-seo-price-label-curr {-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1rem;line-height:1.5;}

.le-seo-price-label-curr-text {
    display: flex;
  align-items: center;
  
  margin-bottom: 0; 
  text-align: center;
  white-space: nowrap;
  border:solid;
}
*/
.le-setvis-public.checked, .le-setvis-private.checked {
    background-color: #e9ecf6;
}

.modal-fields-labels {
    position: relative;
}

    .modal-fields-labels:after, modal-fields-labels::after {
        content: ' : ';
        display: block;
        position: absolute;
        top: 50%;
        left: auto;
        right: 10px;
        vertical-align: middle;
        -khtml-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

.modal-fields-container {
    display: inline-table;
}

.modal-fields-contents {
    display: table-cell;
    width: auto;
    float: none;
}

    .modal-fields-contents input, .modal-fields-contents textarea {
        max-width: none;
    }

    .modal-fields-contents textarea {
        resize: none;
    }

.modal-footer {
    padding: 10px 15px;
}

.modal-content-new .modal-footer {
    border-top: none;
    padding: 0 0;
}
/*--customize select option--*/
.chosen-container-multi .chosen-choices {
    cursor: pointer;
}
/*.chosen-container-multi .chosen-choices li{float:none;}
.chosen-container-multi .chosen-choices li.search-field{position:relative;}
.chosen-container-multi .chosen-choices li.search-field:after{content:'\f0d7';position:absolute;bottom:0;right:0;width:auto;height:100%;padding:0 16px;font:12pt/1.7em FontAwesome;text-align:center;color:#555;vertical-align:middle;float:none;}
.chosen-container-multi .chosen-choices li.search-field input{min-width:100%;}*/
/*--hr/ horizontal ruler--*/
hr.hr10 {
    margin: 10px 0;
}

hr.mg20-0 {
    margin: 8px auto 10px 0;
}

hr.mg20-auto {
    margin: 20px auto;
}

.hr-10 {
    max-width: 10%;
}

.hr-20 {
    max-width: 20%;
}

.hr-30 {
    max-width: 30%;
}

.hr-40 {
    max-width: 40%;
}

.hr-50 {
    max-width: 50%;
}

.hr-55 {
    max-width: 55%;
}

.hr-60 {
    max-width: 60%;
}

.hr-70 {
    max-width: 70%;
}

.hr-80 {
    max-width: 80%;
}

.hr-90 {
    max-width: 90%;
}
/*--home headers*/
.home-sections-container {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto 20px auto;
    text-align: center;
}

    .home-sections-container h2 {
        font-weight: bold;
        color: #555;
    }

    .home-sections-container h4 {
        font-weight: 300;
        color: #555;
    }

    .home-sections-container hr {
        margin: 0 auto;
    }
    /*_travel_*/
    .home-sections-container.traVideo h2 {
        color: #fff200;
    }

    .home-sections-container.traVideo h4 {
        color: #fff;
    }

    .home-sections-container.traVideo hr {
        border-color: #fff;
    }
/*--tooltip--*/
.tooltip {
    width: auto;
    max-width: 600px;
    text-align: center;
}

.tooltip-inner {
    width: auto;
    max-width: 90%;
    text-align: center;
    display: table-cell;
    left: 0;
    margin: 0;
}
/*--rounded & borders--*/
.rounded-0 {
    border-radius: 0;
}

.rounded-circle {
    border-radius: 50% !important;
}
/*--imgs--*/
img:not([src]) {
    visibility: hidden;
}
/*--pgs inner view 01--*/
.view-inner-header {
    position: relative;
    width: 100%;
}

    .view-inner-header div {
        /*float: none;*/
        display: inline-block;
        vertical-align: middle;
        padding: 0;
    }

.view-inn-title h2 {
    padding-left: 20px;
    margin: auto;
    font-size: 24pt;
    font-weight: bold;
    color: #337ab7;
}
/*new*/
.view-inner-header.new {
    display: table;
    padding: 0 20px;
    margin-bottom: 20px;
}

.view-inner-header div[class*="vinhead-col-"] {
    display: table-cell;
    /*float: none;*/
    vertical-align: middle;
}

.vinhead-col-back {
    text-align: left;
    min-width: 60px;
    width: auto;
}

.vinhead-col-header {
    text-align: left;
}

.vinhead-col-ctas {
    text-align: right;
    min-width: inherit;
}

.view-inner-header.new .tooltip-inner {
    padding: 3px 8px;
    display: table-cell;
}

.view-inn-title.planner h2 {
    color: #d0a267;
}

.view-innplandescript {
    width: 100%;
    height: auto;
    padding: 0 20px;
    margin: 0;
    border: none;
    box-shadow: none;
    display: table;
}

    .view-innplandescript.journal {
        display: block !important;
    }

.view-plndscp-col {
    height: auto;
    padding: 0;
    margin: 0;
    vertical-align: top;
    display: table-cell;
}

.view-innplandescript .view-plndscp-col.img {
    position: relative;
    height: auto;
    text-align: center;
    display: block;
    margin-bottom: 20px;
}

.view-plndscp-col.txt {
    padding-left: 20px;
}

    .view-plndscp-col.txt > div {
        padding-left: 0;
    }

.view-plndscp-col-texts textarea[name="Content"] {
    border: none;
    border-bottom: 1px solid #ddd;
}

.view-jrndscp-col-texts textarea[name="Content"]:focus {
    outline: none;
}

.view-plndscp-col-texts textarea:read-only, .view-jrndscp-col-texts textarea[readonly]:focus {
    border: none;
    outline: none;
    resize: none;
}
/*temporarily for Journal view broken page 2017-10-19*/
.view-plndscp-col.journal {
    position: relative;
}

.plan-img-container.journal {
    background-color: #000;
    position: relative;
}

    .plan-img-container.journal:before {
        content: 'Upload a cover photo for your journal!';
        display: block;
        position: absolute;
        top: 50%;
        left: 0%;
        width: 100%;
        font-size: 12pt;
        font-weight: 500;
        text-align: center;
        color: #fff;
        transform: translate(0, -50%);
        z-index: 2;
        pointer-events: none;
    }

    .plan-img-container.journal img {
        z-index: 3;
    }

    .plan-img-container.journal #jrnimg-edit {
        cursor: pointer;
        position: relative;
        -khtml-transition: ease-in-out 0.45s;
        -webkit-transition: ease-in-out 0.45s;
        transition: ease-in-out 0.45s;
    }

        .plan-img-container.journal #jrnimg-edit:hover, .plan-img-container.journal #jrnimg-edit:active:hover {
            opacity: 0.5;
            filter: alpha(opacity=50);
            z-index: 1;
        }

    .plan-img-container.journal:after, .plan-img-container.journal::after {
        display: none;
    }

.view-plndscp-col-status.journal {
    position: relative;
    color: #555;
}

.view-plndscp-col-img {
    background-color: #ddd;
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto 20px auto;
    text-align: center;
    overflow: hidden;
}

    .view-plndscp-col-img:before {
        content: '';
        display: block;
        padding-top: 75%;
    }

    .view-plndscp-col-img img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        min-height: 100%;
        width: inherit;
        height: inherit;
        padding: 0;
        margin: 0;
        z-index: 1;
        object-fit: cover;
    }

        .view-plndscp-col-img img#jrnimg-edit {
            cursor: pointer;
        }

.view-plndscp-col-status {
    padding-left: 20px;
    font-size: 10.5pt;
    text-align: left;
    color: #555;
}

    .view-plndscp-col-status.hubs-session {
        position: relative;
    }

    .view-plndscp-col-status span {
        margin: 0;
        display: inline-block;
        float: none;
    }

.view-plndscp-col-texts textarea {
}

.view-details-tabs {
    border-color: #555;
}

    .view-details-tabs li a {
        color: #555;
        transition: ease-in-out 0.45s;
    }

        .view-details-tabs li a:hover, .view-details-tabs li a:active:hover, .view-details-tabs li a:focus, .view-details-tabs li a:active:focus {
            background-color: transparent;
            border-color: transparent;
            color: #337ab7;
        }

    .view-details-tabs li.active a, .view-details-tabs li.active a:focus, .view-details-tabs li.active a:hover {
        border-color: #555 #555 transparent;
        color: #337ab7;
    }

    .view-details-tabs.itinerary {
        padding: 0 20px;
    }

.tab-pane-table {
    width: 100%;
    height: auto;
    padding: 10px 20px;
    margin: 0;
    display: table;
}

.tab-pane-colms {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    display: table-cell;
    vertical-align: top;
}

    .tab-pane-colms.event-col-days {
        min-width: 300px;
    }

    .tab-pane-colms.event-col-details {
        width: inherit;
        padding-left: 20px;
    }

.tabpane-col-ctas {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 20px 0;
    text-align: left;
}

.tabpane-col-details {
}
/*Added by JC || Home Page 2017-04-21*/
.carousel.home-head-carousel {
    position: relative;
    width: 100%;
    /*height: 60vh;*/
    overflow: hidden;
}

#myCarousel .carousel-inner > .item {
}

#myCarousel .item.slides {
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    #myCarousel .item.slides.active {
        width: 100%;
        height: inherit;
    }
/*_banner 01_*/
#myCarousel .item-slide-background {
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

    #myCarousel .item-slide-background img {
        width: inherit;
        height: inherit;
        padding: 0;
        margin: auto;
        vertical-align: bottom;
        object-fit: cover;
        object-position: center bottom;
    }

    #myCarousel .item-slide-background.top img {
        object-position: center top;
    }

    #myCarousel .item-slide-background.top.item-banner-02 img {
        object-position: center 50%;
    }

#myCarousel .item-slide-elements {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

    #myCarousel .item-slide-elements img {
        position: absolute;
        -khtml-transition: 0.85s all ease-in-out 0.25s;
        -webkit-transition: 0.85s all ease-in-out 0.25s;
        transition: 0.85s all ease-in-out 0.25s;
    }

#myCarousel .carou-element-car-01 {
    min-width: 390px;
    width: 45%;
    max-width: 493px;
    height: auto;
    padding: 0;
    margin: 0;
    bottom: 8%;
    right: 0;
    margin-right: -100%;
}

#myCarousel .item.slides.active .carou-element-car-01 {
    margin-right: 5%;
}
/*_banner 02_*/
.carele-02-i01 {
    position: absolute;
    bottom: 0;
    left: 0;
    min-width: 26rem;
    width: 40%;
    max-width: 340px;
    display: block;
    transform: rotate(45deg);
}

    .carele-02-i01:before {
        content: '';
        display: block;
        width: 100%;
        padding-top: 100%;
        margin: 0;
    }

#myCarousel .carele-02-i01 img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: initial;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    transition: 0.85s all ease-in-out 0.33s;
    top: 100%;
    left: 100%;
}

#myCarousel .item.slides.active .carele-02-i01 img {
    top: 0;
    left: 0;
}

.carele-02-i02 {
    position: absolute;
    top: -10%;
    right: -23%;
    max-width: 1240px;
    display: block;
    width: inherit;
    height: auto;
    min-height: 40rem;
    transform: rotate(45deg);
}

.carele-02-diamond {
    width: 33.3333%;
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;
    float: left;
    object-fit: cover;
    object-position: center;
}

    .carele-02-diamond:before {
        content: '';
        display: block;
        width: 100%;
        padding-top: 100%;
        margin: 0;
    }

#myCarousel .carele-02-diamond img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: initial;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    transition: all ease-in-out 0.85s;
}

#myCarousel .item.slides.active .carele-02-diamond img {
    top: 0;
    left: 0;
}
/*_no img_*/
.diamd-01 {
}
/*_img - 04_*/
.diamd-02 img {
    padding: 0px 0px 12px 12px;
    max-width: 100%;
    top: 0;
    left: 0;
}
/*_no img_*/
.diamd-03 {
}
/*_img - 02_*/
.diamd-04 img {
    max-width: 100%;
    top: -110%;
    left: -110%;
}

#myCarousel .diamd-04 img {
    transition-delay: 0.25s;
}
/*_img - 03_*/
.diamd-05 img {
    padding: 0px 0px 6px 12px;
    max-width: 100%;
    top: 0;
    left: 0;
}
/*_img - 05_*/
.diamd-06 img {
    padding: 0px 12px 6px 12px;
    max-width: 100%;
    top: 100%;
    left: 100%;
}

#myCarousel .diamd-06 img {
    transition-delay: 0.40s;
}

.carele02 p {
    max-width: 80%;
}
/*_ _*/
#myCarousel .item-slide-contents {
    position: absolute;
    top: 13%;
    left: 38%;
    width: 100%;
    max-width: 660px;
    transform: translate(5%, 0);
    color: #6d6e71;
    padding: 1%;
}

.home-head-carousel .visible-xs .item-slide-background {
    background-image: url(Images/mobile-top-bannerv2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 60vh !important;
}

.home-head-carousel .visible-xs .carousel-contents {
    font-size: 11pt;
}

#myCarousel .carousel-contents {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0 0 0 100%;
    -khtml-transition: 0.55s all ease-in-out 0.25s;
    -webkit-transition: 0.55s all ease-in-out 0.25s;
    transition: 0.55s all ease-in-out 0.25s;
}

#myCarousel .item.slides.active .carousel-contents {
    margin-left: 0;
}

.home-head-carousel h4 {
    font-size: 35px;
    font-weight: 700;
    color: #204198;
    margin-top: 0;
}

.home-head-carousel h3 {
    font-size: 19px;
    font-weight: 400;
    margin-top: 0;
}

.home-head-carousel h5 {
    font-size: 14px;
    font-weight: 400;
    margin-top: 0;
    float: left;
    padding: 4px 28px;
}

.carousel-contents img.app-store, .carousel-contents img.google-play {
    width: 21%;
    float: left;
}

.home-head-carousel .carousel-indicators .active {
    width: 12px;
    height: 12px;
}

.home-head-carousel .carousel-indicators li {
    width: 12px;
    height: 12px;
    border: none;
}
/**/
#myCarousel .carousel-item-nav {
    position: absolute;
    bottom: 8%;
    left: 45%;
    width: 10%;
    text-align: center;
}

    #myCarousel .carousel-item-nav > ol, .carousel-item-nav > a {
        display: inline-block;
        vertical-align: middle;
        float: none;
        margin-right: 15px;
        pointer-events: all;
    }

#myCarousel .carousel-indicators {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    padding: 0;
    margin: 0 0 0 0;
    text-align: left;
}

    #myCarousel .carousel-indicators > li {
        background: #ccc;
        margin-right: 15px;
        border-color: #555;
    }

        #myCarousel .carousel-indicators > li.active {
            background-color: #ffffff;
            border-color: transparent;
            margin-right: 15px;
        }

#myCarousel a[class*="carousel-nav-"] {
    color: #ffffff;
    font-size: 20pt;
}

    #myCarousel a[class*="carousel-nav-"]:hover, a[class*="carousel-nav-"]:active:hover {
        font-weight: bolder;
        color: #ff9700;
    }

.btn.travelInsuranceHome {
    background-color: #ff0198;
    padding-left: 20px;
    padding-right: 20px;
}

    .btn.travelInsuranceHome:hover, .btn.travelInsuranceHome:active:hover, .btn.travelInsuranceHome:focus, .btn.travelInsuranceHome:active:focus {
        background-color: #ab0082;
    }

a.home-scroll-next {
    position: absolute;
    bottom: 3px;
    left: 50%;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 auto;
    display: block;
    font-size: 12pt;
    text-align: center;
    color: #ffffff;
    -khtml-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -khtml-transition: all ease-in-out 0.45s;
    -webkit-transition: all ease-in-out 0.45s;
    transition: all ease-in-out 0.45s;
}

    a.home-scroll-next span.fa {
        display: inline-block;
        font-size: 29pt;
        font-weight: 300;
        -moz-animation: bounce 2s infinite;
        -webkit-animation: bounce 2s infinite;
        animation: bounce 2s infinite;
        transition: ease-in-out 0.35s;
    }

    a.home-scroll-next:hover, a.home-scroll-next:active:hover, a.home-scroll-next:focus, a.home-scroll-next:active:focus, a.home-scroll-next:hover span.fa, a.home-scroll-next:active:hover span.fa {
        text-decoration: none;
        border: none;
        outline: none;
        color: #ff9700;
    }

@-webkit-keyframes bounce {
    0%, 50%, 100% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(-15px);
    }

    75% {
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 50%, 100% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(-15px);
    }

    75% {
        transform: translateY(-15px);
    }
}
/*new design home page css*/
.first-sec {
    padding-top: 40px;
}

.visible-xs .first-sec hr {
    border-top: 2px solid #000 !important;
}

h3 span.border {
    position: relative;
    font-weight: 400;
    word-spacing: 3px;
    letter-spacing: 1px;
    line-height: 1.5;
    color: #414141;
    font-size: 26px;
}

    h3 span.border:after {
        position: absolute;
        content: '';
        width: 11%;
        height: 1px;
        border-bottom: 3px solid #414141;
        bottom: -35px;
        left: 50%;
        margin-left: -0.5%;
    }

.first-sec p {
    margin-top: 70px;
    font-size: 18px;
    color: #414141;
    font-weight: 400;
    line-height: 1.9;
}

.first-sec span.blue-title {
    color: #3D9BE9;
    font-weight: bold;
}

.second-sec {
    padding-top: 8%;
    position: relative;
}

.knowledge-home {
    position: absolute;
    top: 14%;
    left: 35%;
    transform: translate(-50%, -50%);
    text-align: left;
    font-size: 18px;
    color: #414141;
    font-weight: 400;
}

.action-home {
    position: absolute;
    top: 47%;
    left: 56%;
    transform: translate(-50%, -50%);
    text-align: left;
    font-size: 18px;
    color: #414141;
    font-weight: 400;
}

.reflection-home {
    position: absolute;
    top: 80%;
    left: 44%;
    transform: translate(-50%, -50%);
    text-align: left;
    font-size: 18px;
    color: #414141;
    font-weight: 400;
}

    .knowledge-home span, .action-home span, .reflection-home span {
        color: #0767B1;
        font-weight: 700;
    }

.visible-xs .knowledge-home {
    position: absolute;
    top: 26%;
    left: 33%;
    transform: translate(-50%, -50%);
    text-align: left;
    font-size: 3.1vw;
    color: #414141;
    font-weight: 400;
    width: 60%;
}

.visible-xs .action-home {
    position: absolute;
    top: 60%;
    left: 69%;
    transform: translate(-50%, -50%);
    text-align: left;
    font-size: 3.1vw;
    color: #414141;
    font-weight: 400;
    width: 60%;
}

.visible-xs .first-sec h3 {
    font-size: 19px;
    width: 89%;
    margin: 0 auto;
}

.visible-xs.mob-banner-txt h4 {
    font-size: 4.9vw;
    font-weight: 700;
    color: #204198;
    margin-top: 0;
    text-align: center;
    padding-top: 25px;
}

.visible-xs.download-mobile-app h5 {
    font-size: 13px;
    font-weight: 400;
    margin-top: 0;
    text-align: center;
    padding-top: 15px;
}

.visible-xs.download-mobile-app {
    width: 80%;
    margin: 0 auto;
}

    .visible-xs.download-mobile-app a img {
        float: left;
        width: 50%;
    }

.visible-xs.mob-banner-txt h3 {
    color: #6d6e71;
    text-align: center;
    font-size: 4.1vw;
}

.visible-xs .first-sec p {
    font-size: 15px;
    margin: 10px;
    text-align: center;
}

.visible-xs .first-sec ul li {
    font-size: 15px;
    margin: 10px;
    color: #414141;
    font-weight: 400;
}

.visible-xs .mob-acad-btn {
    text-align: center;
    padding-top: 15px;
}

    .visible-xs .mob-acad-btn .btn-blue-more {
        background: #3588CC;
        color: #fff;
        border-radius: 20px;
        width: 180px;
        font-size: 15px;
        margin-bottom: 25px;
        padding: 10px 10px;
    }

.visible-xs .second-sec h3 {
    font-size: 20px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.visible-sm .left-cont h3 {
    font-size: 20px;
}

.visible-xs .reflection-home {
    position: absolute;
    top: 90%;
    left: 33%;
    transform: translate(-50%, -50%);
    text-align: left;
    font-size: 3.1vw;
    color: #414141;
    font-weight: 400;
    width: 60%;
}

.second-sec img {
    margin: 0 auto;
    padding-bottom: 30px;
}

.second-sec h3 {
    font-weight: 400;
    color: #414141;
    font-size: 26px;
}

.beed-desc {
    padding-bottom: 40px;
}

.beed-for-school {
    background: #F7F7F7;
}

    .beed-for-school .container > h3:first-child {
        font-size: 26px;
        color: #414141;
        font-weight: 400;
        text-align: center;
        padding-top: 40px;
    }

    .beed-for-school .left-cont h3 {
        font-size: 26px;
        color: #414141;
        font-weight: 400;
        margin: 0px 0px 20px 0;
        word-spacing: 3px;
        letter-spacing: 1px;
        line-height: 1.5;
    }

    .beed-for-school .left-cont p, .beed-for-school .right-list {
        font-size: 18px;
        color: #414141;
        font-weight: 400;
        line-height: 1.9;
    }

        .beed-for-school .right-list ul {
            margin-left: 40px;
        }

    .beed-for-school .btn-blue-trial {
        background: #3588CC;
        color: #fff;
        border-radius: 20px;
        padding: 10px 19%;
        font-size: 15px;
    }

    .beed-for-school .btn-blue-more {
        background: #3588CC;
        color: #fff;
        border-radius: 20px;
        padding: 10px 19%;
        font-size: 15px;
    }

.explore-servies {
    padding-bottom: 35px;
}

    .explore-servies .container > h3:first-child {
        font-size: 26px;
        color: #414141;
        font-weight: 400;
        text-align: center;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .explore-servies .white-box button {
        background: #3588CC;
        color: #fff;
        border-radius: 20px;
        width: 180px;
        font-size: 15px;
        margin-bottom: 25px;
    }

.box-service {
    margin-bottom: 30px;
    min-height: 380px;
}

    .box-service > img {
        border: 2px solid #000;
        width: 100%;
    }

.testimonals .box-service > img {
    border: none;
}

.testimonals .carousel {
    background: #ffffff;
    height: 400px;
}

    .testimonals .carousel .item img {
        width: 80px;
        height: 80px;
        margin: 0 auto;
        margin-top: 20px;
    }

    .testimonals .carousel .item p {
        margin-bottom: 10px;
    }

    .testimonals .carousel .item h6 {
        font-size: 11px;
        text-align: right;
        font-style: italic;
    }

    .testimonals .carousel .carousel-inner {
        width: 76%;
        margin-left: 12%;
    }

    .testimonals .carousel .carousel-control {
        top: 50%;
    }

    .testimonals .carousel .glyphicon-menu-right, .testimonals .carousel .glyphicon-menu-left {
        color: #000;
        margin-left: 13px;
        margin-right: 13px;
    }

    .testimonals .carousel .carousel-indicators {
        bottom: 0;
    }

        .testimonals .carousel .carousel-indicators li {
            border: 1px solid #414141;
        }

        .testimonals .carousel .carousel-indicators .active {
            background-color: #414141;
        }

.services-title {
    width: 50%;
    padding: 5px 30px;
    background: #ffffff;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    margin-top: -25px;
    z-index: 10;
}

.testimonals .bs-example {
    margin: 0;
}

.testimonals .carousel .item {
    min-height: 280px; /* Prevent carousel from being distorted if for some reason image doesn't load */
}

.white-box {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-align: center;
    min-height: 240px;
    position: relative;
}

    .white-box p {
        padding: 55px 30px 20px 30px;
        font-size: 16px !important;
        color: #414141;
        font-weight: 300;
        text-align: left;
    }

.box-service .white-box a {
    bottom: 0;
    position: absolute;
    top: auto;
    display: block;
    margin-bottom: 0;
    padding-bottom: 0;
    width: 100%;
}

.testimonials-content {
    padding: 10%;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    margin-top: -213px;
    color: #fff;
    top: 201px;
    text-align: center;
}

    .testimonials-content h3 {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .testimonials-content p {
        font-size: 16px;
        line-height: 1.8;
    }
/* carousel 3D */
.carousel-3d {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 180px auto;
}

    .carousel-3d .carousel-item {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 300px;
        height: 200px;
        margin-left: -150px;
        margin-top: -100px;
        background-size: cover;
    }

        .carousel-3d .carousel-item:nth-child(1) {
            background-image: url('../HomeContent/images/artboard1.jpg');
        }

        .carousel-3d .carousel-item:nth-child(2) {
            background-image: url('../HomeContent/images/artboard2.jpg');
        }

        .carousel-3d .carousel-item:nth-child(3) {
            background-image: url('../HomeContent/images/artboard3.jpg');
        }

        .carousel-3d .carousel-item:nth-child(4) {
            background-image: url('../HomeContent/images/artboard4.jpg');
        }

        .carousel-3d .carousel-item:nth-child(5) {
            background-image: url('../HomeContent/images/artboard5.jpg');
        }

        .carousel-3d .carousel-item:nth-child(6) {
            background-image: url('../HomeContent/images/artboard6.jpg');
        }

        .carousel-3d .carousel-item:nth-child(7) {
            background-image: url('../HomeContent/images/artboard9.jpg');
        }

        .carousel-3d .carousel-item:nth-child(8) {
            background-image: url('../HomeContent/images/artboard8.jpg');
        }
/* END carousel 3D */
/* END new design home page css */
/*travel-section*/
.travel-sectionExp, .benefits {
    position: relative;
    width: 80%;
    height: auto;
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
    max-width: 1190px;
}

.benefits {
    padding: 3% 0;
}

.travel-sectionExp .four-box {
    width: 100%;
    height: 310px;
    -webkit-box-shadow: 2px 2px 12px 2px rgba(181,181,181,1);
    -moz-box-shadow: 2px 2px 12px 2px rgba(181,181,181,1);
    box-shadow: 2px 2px 12px 2px rgba(181,181,181,1);
    border-radius: 10px;
}

.four-box img {
    width: 114px;
    margin: 0 auto;
    position: relative;
    top: -70px;
}

.four-box {
    color: #999;
}

    .four-box p {
        line-height: 1.6;
        font-size: 11pt;
    }

    .four-box:hover {
        color: #555;
    }

.travel-sectionExp .offer {
    padding: 10% 0 3%;
}

.travel-sectionExp .gp-travel, .travel-sectionExp .travel, .travel-sectionExp .le-exp, .travel-sectionExp .itinerary {
    text-align: center;
    margin-top: -45px;
    padding: 0px 5%;
}

.travel-sectionExp h2 {
    font-size: 18pt;
    font-weight: 500;
    margin: 0;
    padding-bottom: 5%;
}

.travel-sectionExp .travel h2 {
    color: #7cb6ff;
}

.travel-sectionExp .le-exp h2 {
    color: #ff9700;
}

.travel-sectionExp .itinerary h2 {
    color: #89c765;
}

.travel-sectionExp .gp-travel h2 {
    color: #72dbff;
}

.travel-sectionExp .offer-img img {
    box-shadow: 0px -3px 15px 0px rgba(181,181,181,1);
    -moz-box-shadow: 10px -10px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px -3px 15px 0px rgba(181,181,181,1);
    -o-box-shadow: 0px -3px 15px 0px rgba(181,181,181,1);
    border-radius: 100px;
}

.four-box-btn {
    position: absolute;
    bottom: 25px;
    left: 50%;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    transform: translate(-50%, 0);
}

.le-cont, .travel-cont, .itinerary-cont {
    position: relative;
}

.vert-cont {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-80%);
}

    .vert-cont h2, .vert-cont-pos h2 {
        font-size: 18pt;
        font-weight: 700;
    }

.vert-cont-pos {
    top: 50%;
    left: 0;
    transform: translateY(80%);
}

.le-cont h2 {
    color: #ff9700;
}

.le-cont h4 {
    color: #999;
    font-size: 11pt;
    font-weight: normal;
}

.travel-cont h2 {
    color: #7cb6ff;
}

.travel-cont h4 {
    color: #999;
    font-size: 11pt;
    font-weight: normal;
}

.itinerary-cont h2 {
    color: #89c765;
}

.itinerary-cont h4 {
    color: #999;
    font-size: 11pt;
    font-weight: normal;
}

.arrow-cont {
    margin: 0 auto;
    width: 54%;
}

.video-main-page {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.homepage-video-background {
    background-color: #f2f2f2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}

.hopepage-video-background-container {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0 auto;
    vertical-align: middle;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
}

.home-vidbg-tint {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.homepage-video-foreground {
    position: relative;
    width: auto;
    height: inherit;
    padding: 40px 0 60px 0;
    margin: 0 auto;
    vertical-align: middle;
    text-align: center;
}

.home-vidcont-container {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 auto 0 auto;
}

.home-vidcont-contents {
    font-size: 18pt;
    color: #fff;
    height: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}

    .home-vidcont-contents.active {
        height: auto;
        opacity: 1;
        filter: alpha(opacity=100);
        overflow: inherit;
    }

.home-vidreact-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    text-align: right;
    width: 100%;
}

.home-vidreact-wrap {
    display: inline-table;
    width: 100%;
    font-size: 0;
    text-align: center;
}

.btn.home-vidreact-buttons {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    min-width: 12rem;
    width: 20%;
    max-width: 23.1rem;
    height: auto;
    padding: 0;
    margin: 0;
    float: none;
    overflow: hidden;
    border: none;
    outline: none;
    -khtml-transition: all ease-in-out 0.45s;
    -webkit-transition: all ease-in-out 0.45s;
    transition: all ease-in-out 0.45s;
    border-radius: 0;
}

.home-vidreact-buttons:before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
}

.home-vidreact-buttons > span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    margin: auto;
    vertical-align: middle;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-50%, -50%);
    color: #fff;
    transition: all ease-in-out 0.45s;
    color: #fff;
}

    .home-vidreact-buttons > span:before {
        content: '';
        display: block;
        padding-top: 42%;
    }

.home-vidreact-buttons.active > span {
    opacity: 1;
    filter: alpha(opacity=100);
}

.btn.home-vidreact-buttons, .btn.home-vidreact-buttons, .btn.home-vidreact-buttons:focus, .btn.home-vidreact-buttons:active:focus {
    outline: none;
    border: none;
}

.home-vidreact-buttons:hover > span, .home-vidreact-buttons:active:hover > span, .home-vidreact-buttons:focus > span, .home-vidreact-buttons:active:focus > span {
    opacity: 1;
    filter: alpha(opacity=100);
}

.home-vidreact-buttons.vidreact-flight {
    background-image: url('../HomeContent/images/Icon_Flights_1.jpg');
}

    .home-vidreact-buttons.vidreact-flight.active {
        background-image: url('../HomeContent/images/Icon_Flights_2.jpg');
    }

        .home-vidreact-buttons.vidreact-flight.active > span {
            color: #c2e2eb;
        }

.home-vidreact-buttons.vidreact-hotel {
    background-image: url('../HomeContent/images/Icon_Book_1.jpg');
}

    .home-vidreact-buttons.vidreact-hotel.active {
        background-image: url('../HomeContent/images/Icon_Book_2.jpg');
    }

        .home-vidreact-buttons.vidreact-hotel.active > span {
            color: #e6d273;
        }

.home-vidreact-buttons.vidreact-car {
    background-image: url('../HomeContent/images/Icon_Transport_1.jpg');
}

    .home-vidreact-buttons.vidreact-car.active {
        background-image: url('../HomeContent/images/Icon_Transport_2.jpg');
    }

        .home-vidreact-buttons.vidreact-car.active > span {
            color: #f8d4b4;
        }

.home-vidreact-buttons.vidreact-insurance {
    background-image: url('../HomeContent/images/Icon_Insurance_1.jpg');
}

    .home-vidreact-buttons.vidreact-insurance.active {
        background-image: url('../HomeContent/images/Icon_Insurance_2.jpg');
    }

        .home-vidreact-buttons.vidreact-insurance.active > span {
            color: #77cab8;
        }

.home-vidreact-buttons.vidreact-les {
    background-image: url('../HomeContent/images/Icon_LE_1.jpg');
}

    .home-vidreact-buttons.vidreact-les.active {
        background-image: url('../HomeContent/images/Icon_LE_2.jpg');
    }

        .home-vidreact-buttons.vidreact-les.active > span {
            color: #80a4c0;
        }
/*@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}*/
/*End of background video*/
/*how-it-works || 2017-07-08*/
.stepsSec {
    padding-top: 40px;
}

div[class*="steps-carousel-"] {
    position: relative;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.steps-imgs-wrapper {
    width: 100%;
    max-width: 1190px;
    height: auto;
    text-align: center;
    padding: 60px 0 50px 0;
    margin: 0 auto;
}

    .steps-imgs-wrapper .steps-item {
        position: relative;
        width: 100%;
        max-width: 582px;
        height: auto;
        padding: 0;
        margin: 0 auto;
        display: inline-block;
        cursor: pointer;
    }

        .steps-imgs-wrapper .steps-item, .steps-imgs-wrapper .steps-item:focus {
            text-decoration: none;
            border: none;
            outline: none;
        }

            .steps-imgs-wrapper .steps-item:before {
                content: '';
                display: block;
                width: 100%;
                padding-top: 75%;
            }

            .steps-imgs-wrapper .steps-item img {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                width: inherit;
                height: inherit;
                min-width: 100%;
                min-height: 100%;
                margin: 0;
                padding: 0;
                object-fit: cover;
                object-position: center;
                z-index: 1;
                vertical-align: middle;
            }

            .steps-imgs-wrapper .steps-item.slick-slide {
                opacity: 0;
                -khtml-transition: all ease-in-out 0.45s;
                -webkit-transition: all ease-in-out 0.45s;
                transition: all ease-in-out 0.45s;
                z-index: 0;
                filter: grayscale(80%);
                pointer-events: none;
                transform: scale(1);
            }

                .steps-imgs-wrapper .steps-item.slick-slide:first-child, .steps-imgs-wrapper .steps-item.slick-slide:last-child {
                    transition: all ease-in-out 0.15s;
                    opacity: 1;
                    transition-property: transform;
                }

                .steps-imgs-wrapper .steps-item.slick-slide.slick-active {
                    opacity: 0.75;
                    transform: scale(1);
                    z-index: 1;
                    pointer-events: auto;
                }

                .steps-imgs-wrapper .steps-item.slick-slide.slick-current {
                    opacity: 1;
                    transform: scale(1.5);
                    z-index: 2;
                    filter: grayscale(0%);
                    -webkit-backface-visibility: hidden;
                    -webkit-transform-style: preserve-3d;
                    -webkit-perspective: 0;
                }
/*_pagination_*/
.steps-carousel-indicators {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    padding: 0;
    margin: 10px auto;
}

    .steps-carousel-indicators li, .steps-carousel-indicators li.slick-current {
        background: transparent;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0 10px;
        text-indent: inherit;
        text-align: center;
        border: none;
        border-radius: 0;
        display: inline-block;
    }

    .steps-carousel-indicators li {
        cursor: pointer;
    }

        .steps-carousel-indicators li, .steps-carousel-indicators li:focus, .steps-carousel-indicators li:active:focus {
            outline: none;
            border: none;
            text-decoration: none;
        }

            .steps-carousel-indicators li span {
                display: block;
            }

.steps-indicat-icons {
    background: transparent;
    background-size: 60% auto;
    background-position: center;
    background-repeat: no-repeat;
    width: 70px;
    height: auto;
    padding: 0;
    margin: 0;
    text-align: center;
    border: 2px solid #555;
    border-radius: 50%;
    -khtml-transition: all ease-in-out 0.45s;
    -webkit-transition: all ease-in-out 0.45s;
    transition: all ease-in-out 0.45s;
}

    .steps-indicat-icons:before {
        content: '';
        display: block;
        width: 100%;
        padding-top: 100%;
    }

    .steps-indicat-icons.steps-01 {
        background-image: url('Images/Icon_Search_01.png');
    }

    .steps-indicat-icons.steps-02 {
        background-image: url('Images/Icon_Buy_01.png');
    }

    .steps-indicat-icons.steps-03 {
        background-image: url('Images/Icon_Book_01.png');
    }

    .steps-indicat-icons.steps-04 {
        background-image: url('Images/Icon_Plan_01.png');
    }

    .steps-indicat-icons.steps-05 {
        background-image: url('Images/Icon_Experience_01.png');
    }

    .steps-indicat-icons.steps-06 {
        background-image: url('Images/Icon_Cherish_01.png');
    }

.steps-carousel-indicators li.slick-current .steps-01 {
    background: #555 url('Images/Icon_Search_02.png') no-repeat;
    background-size: 60% auto;
    background-position: center;
}

.steps-carousel-indicators li.slick-current .steps-02 {
    background: #555 url('Images/Icon_Buy_02.png') no-repeat;
    background-size: 60% auto;
    background-position: center;
}

.steps-carousel-indicators li.slick-current .steps-03 {
    background: #555 url('Images/Icon_Book_02.png') no-repeat;
    background-size: 60% auto;
    background-position: center;
}

.steps-carousel-indicators li.slick-current .steps-04 {
    background: #555 url('Images/Icon_Plan_02.png') no-repeat;
    background-size: 60% auto;
    background-position: center;
}

.steps-carousel-indicators li.slick-current .steps-05 {
    background: #555 url('Images/Icon_Experience_02.png') no-repeat;
    background-size: 60% auto;
    background-position: center;
}

.steps-carousel-indicators li.slick-current .steps-06 {
    background: #555 url('Images/Icon_Cherish_02.png') no-repeat;
    background-size: 60% auto;
    background-position: center;
}

.step-indicat-texts {
    font-size: 12pt;
    font-weight: 400;
}

li.slick-current .step-indicat-texts {
    font-weight: 700;
}
/*_steps texts_*/
.steps-texts-wrapper {
    width: 100%;
    max-width: 582px;
    height: auto;
    text-align: center;
    padding: 0;
    margin: 0 auto;
}

    .steps-texts-wrapper .steps-item.slick-slide {
        position: relative;
        width: 582px;
        height: 140px;
        padding: 0;
        margin: 0 auto;
        display: inline-block;
        vertical-align: top;
    }

        .steps-texts-wrapper .steps-item.slick-slide, .steps-texts-wrapper .steps-item.slick-slide:focus {
            text-decoration: none;
            border: none;
            outline: none;
        }
/*download-section*/
.download-sectionExp {
    width: 100%;
    padding: 120px 0 0 0;
    background: transparent url('Images/bg_cities_01.png') no-repeat center bottom;
    background-size: cover;
}

.download-sec-container.container-fluid {
    min-height: 40rem;
    height: 100%;
    max-height: 80rem;
    padding: 0 10% 0 0;
    background: transparent url('Images/image_mobileapp_01.png') no-repeat right 10%;
    background-size: auto 110%;
    float: none;
}

.download-sec-container > div[class*='col-'] {
    max-width: 480px;
}

.dl-sec-header {
    text-align: left;
}

    .dl-sec-header hr {
        margin: 10px auto 20px 0;
    }

.dl-sec-contents {
    margin-bottom: 40px;
}

    .dl-sec-contents p {
    }

    .dl-sec-contents h4 {
        color: #ff9700;
    }

.dl-sec-downloads {
    text-align: left;
}

    .dl-sec-downloads button {
        width: auto;
        max-width: 135px;
        padding: 0;
        margin: 0;
        display: inline-block;
        border: none;
        outline: none;
        text-decoration: none;
    }

        .dl-sec-downloads button img {
            width: 100%;
            height: auto;
            padding: 0;
            margin: 0;
        }
/* Login Page || added 2017-05-17*/
.sec-login-container {
    padding-bottom: 80px;
}

#loginForm .form-group {
    text-align: center;
}

    #loginForm .form-group div[class*="col-"] {
        max-width: 280px;
        float: none;
        margin: 0 auto;
    }

#loginForm div[class*="col-"] .checkbox input[type="checkbox"] {
    margin: 0;
    position: relative;
    vertical-align: middle;
}
/*Added by JC || Personal Profile 2017-03-23*/
.genprof-img-container {
    position: relative;
    width: 240px;
    min-height: auto;
    padding: 0;
    margin: 0;
}

.genprof-image {
    position: relative;
    width: 240px;
    height: 180px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 5px;
}

    .genprof-image img {
        position: relative;
        top: 0;
        left: 0;
        width: inherit;
        height: inherit;
        max-height: 180px;
        padding: 0;
        margin: 0;
        z-index: 1;
        object-fit: contain;
    }

.genprof-img-btn {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    display: block;
}

    .genprof-img-btn label.btn {
        border-radius: 4px;
    }

        .genprof-img-btn label.btn input {
            visibility: hidden;
            width: 0;
            height: 0;
        }

.genprof-img-container sup {
    top: 0;
    display: block;
    padding: 12px;
    color: #bbb;
}

.genprof-img-container input[value="Upload"] {
    visibility: hidden;
    width: 0;
    height: 0;
    padding: 0;
    border: none;
}
/*--contributor profile--*/
#contributor-detail-container > form > div > div.form-group {
    margin-bottom: 14px;
    width: 100%;
    display: inline-block;
}

    #contributor-detail-container > form > div > div.form-group > div[class*="col-"] {
        display: table;
    }

    #contributor-detail-container > form > div > div.form-group > div > div[class*="col-"] {
        display: table-cell;
        vertical-align: top;
        float: none;
    }

#contributor-Profile-container > form > div > div.form-group {
    margin-bottom: 14px;
    width: 100%;
    display: inline-block;
}

    #contributor-Profile-container > form > div > div.form-group > div[class*="col-"] {
        display: table;
    }

    #contributor-Profile-container > form > div > div.form-group > div > div[class*="col-"] {
        display: table-cell;
        vertical-align: top;
        float: none;
    }

#form-edit-ConBankDetails i.help-button[title]:hover {
    cursor: help;
}

.cntr-profile-language-chkbox {
    display: inline-block;
    margin-bottom: 5px;
}
/*Added by JC || Product Lists 2017-01-27*/
.product-panel-bg {
    border: none;
    margin-bottom: 30px;
    padding:10px;
}

.product-panel-body {
    border: none;
    border-radius: 12px;
    background-color: #f6fbff;
}

    .product-panel-body:hover, .product-panel-body:active:hover {
        background-color: #b4d1e64d;
        cursor: pointer;
    }

.product-panel-coverimag-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    z-index: 4;
    top: 0;
    left: 0;
    background-color: white;
    opacity: .00;
    filter: alpha(opacity=00);
}

.product-panel-coverimage {
    background-color: #ddd;
    position: relative;
    border-radius: 12px;
}

    .product-panel-coverimage img {
        position: relative;
        top: 0;
        left: 0;
        padding: 0;
        margin: 0;
        display: block;
        object-fit: cover;
        border-radius: 12px;
        overflow: hidden;
    }

    .product-panel-coverimage:after {
        content: '\A';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 50%,rgba(0,0,0,0.9) 100%);
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 50%, rgba(0,0,0,0.9) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 50%,rgba(0,0,0,0.9) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 );
        z-index: 1;
        border-radius: 12px;
        overflow: hidden;
    }

.product-panel-covertext {
    margin-top: 100px;
}

.prod-pn-prodname {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 0 15px 10px 15px;
    margin: 0;
    font-size: 9.5pt;
    font-weight: bold;
    color: #fff;
    z-index: 3;
    text-align: left;
}

.prod-fav-button {
    background-color: transparent;
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 5;
    font-size: 18pt;
    color: #ff0000;
}

    .prod-fav-button:hover, .prod-fav-button:active:hover, .prod-fav-button:focus, .prod-fav-button:active:focus {
        color: #ff0000;
    }

    .prod-fav-button .fa:before, .prod-fav-button .fa::before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
    }

    .prod-fav-button .fa-heart-o:after, .prod-fav-button .fa-heart-o::after {
        content: '\f004';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        z-index: 1;
    }

    .prod-fav-button:hover .fa-heart-o, .prod-fav-button:active:hover .fa-heart-o, .prod-fav-button:hover .fa-heart-o:after, .prod-fav-button:active:hover .fa-heart-o:after, .prod-fav-button:hover .fa-heart-o::after, .prod-fav-button:active:hover .fa-heart-o::after, .prod-fav-button:focus .fa-heart-o, .prod-fav-button:active:focus .fa-heart-o {
        color: #ff0000;
    }

.product-panel-content {
    margin: 0;
    padding: 30px 5px 0 5px;
    height: 280px;
    cursor: default;
}

.prod-pn-location {
    font-size: 10.5pt;
}

    .prod-pn-location span {
        margin: 0 10px 0 0;
        vertical-align: baseline;
    }

.prod-pn-prodinfo {
    height: 90px;
    overflow: hidden;
}

.product-details-container {
    background-color: #fff;
    border: 1px solid #ddd;
}

    .product-details-container .tab-content-phase {
        border: none;
    }
/*.prod-pn-prodrate{}*/
.prod-pn-prodrate span.fa {
    margin: 0;
}

    .prod-pn-prodrate span.fa.fa-star.none {
        color: #aaa;
    }

    .prod-pn-prodrate span.fa.fa-star-half-o, .prod-pn-prodrate span.fa.fa-star {
        color: #ff9700;
    }

.prod-pn-prodrate span {
    padding: 0;
    margin: 0 0 0 10px;
    vertical-align: middle;
}

.prod-pn-ctas {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: relative;
}
/*.prod-pn-prodcost{position:relative;width:50%;height:58px;font-size:12pt;display:table-cell;text-align:center;vertical-align:middle;float:none;}
.prod-pn-prodcost p{position:relative;padding:0;margin:0 auto;text-align:center;vertical-align:middle;}
.prod-pn-prodcost p.purch-check{color:#7cb62b;}*/
.product-narrow-vr {
    background-color: #ddd;
    min-width: 1px;
    width: 1px;
    height: 38px;
    padding: 0;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
}

.prod-pn-prodaction {
    position: absolute;
    top: -7px;
    left: 50%;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    transform: translate(-50%, 0);
}

    .prod-pn-prodaction p {
        position: relative;
        padding: 10px;
        margin: 0 auto;
        text-align: center;
        vertical-align: middle;
    }

        .prod-pn-prodaction p.credit-check {
            padding: 8px;
            text-align: center;
            background-color: white;
            border: 1px solid red;
            border-radius: 25px;
            color: red;
        }

        .prod-pn-prodaction p.purch-check {
            padding: 10px;
            text-align: center;
            background-color: white;
            border: 1px solid #7cb62b;
            border-radius: 25px;
            color: #7cb62b;
        }

    .prod-pn-prodaction button.btn-add-cart {
        padding: 10px;
        text-align: center;
        background-color: white;
        border: 1px solid #ff9700;
        border-radius: 25px;
        color: #ff9700;
        z-index: 5;
    }

        .prod-pn-prodaction button.btn-add-cart:hover, .prod-pn-prodaction button.btn-add-cart:focus, .prod-pn-prodaction button.btn-add-cart:active {
            outline: none;
            box-shadow: none;
            border-radius: 25px;
            color: white;
            background-color: #ff9700;
            border: 1px solid #ff9700;
        }

    .prod-pn-prodaction button span.fa {
        font-size: 12pt;
    }

.product-list-pager-container {
    margin-top: 20px;
}

.product-details-container .row {
    padding: 0 20px;
}

.prod-le-bg {
    width: 100%;
    padding: 0 0 10px 0;
    background: transparent url('Images/bg_cities_01.png') no-repeat center bottom;
    background-size: contain;
}
/*Shopify Shopping Cart || added 2017-05-31*/
.cart-item__img {
    background-size: cover;
    background-position: center;
}
/*Added by JC || Library Lists 2017-01-31*/
/*.container-top-bar.library-list{padding:0 10px 0 70px;}*/
.library-list li a {
    font-size: 12pt;
    font-weight: bold;
    color: #555;
    border-radius: 0;
    margin: 0;
    padding: 20px;
    border-radius: 6px 6px 0 0;
}

    .library-list li a:hover {
        background-color: rgba(255,255,255,0.3);
        border-color: transparent;
    }

.library-list li.active a, .library-list li.active a:hover, .library-list li.active a:focus {
    color: #337ab7;
    border-bottom-color: #fff;
}
/*.library-list li:first-child.active a{border-left:none;}*/
.library-list .row {
    padding: 0;
    margin: 0;
}

#library-container {
    padding: 0 0;
    border: none;
}

.container-fluid.library-container {
    padding: 0;
}

.library-container .equal-row-height {
    border: none;
}

.library-container .container-fluid {
    padding: 0 30px;
    margin: 0 auto;
}

.library-container .page-product-row {
    margin: 0 20px 0 auto;
}
/*--prodcut detaisl page-- || 2017-02-07*/
.prodet-header-cont {
    width: 100%;
    height: auto;
    padding: 0 0;
    margin: 0 0 0 0;
    display: table;
}

.prodet-top-header {
    width: 100%;
    height: auto;
    padding: 0 20px;
    margin: 0 auto;
    text-align: left;
    color: #555;
}

    .prodet-top-header h1 {
        width: 100%;
        height: auto;
        padding: 0 0;
        margin: 0 0 0 0;
        display: block;
        font-size: 32pt;
        font-weight: bold;
        text-align: left;
    }

.prodet-top-status {
    width: 100%;
    height: auto;
    padding: 0 0 20px 0;
    margin: 0 0;
    font-size: 12pt;
    font-weight: normal;
    text-align: left;
}

.prodet-top-rating, span.fa-star {
    color: #555;
    float: none;
    padding: 0 0;
    margin: 0 0;
}

    span.fa-star.none {
        color: #ddd;
    }

span.fa-star, span.fa-star-half-o {
    color: #ff9700;
}

.prodet-visuals {
    width: 100%;
    height: auto;
    padding: 0 0;
    margin: 0 0;
    display: table;
}

.prodet-vis-img {
    background-color: #ddd;
    position: relative;
    width: 400px;
    height: 500px;
    padding: 0 0;
    margin: 0 0;
    display: table-cell;
    overflow: hidden;
}

    .prodet-vis-img img {
        position: absolute;
        top: 0;
        left: 0;
        width: inherit;
        height: inherit;
        padding: 0;
        margin: 0;
        vertical-align: middle;
        display: block;
        z-index: 1;
        object-fit: cover;
    }

.prodet-vis-status {
    background-color: rgba(0,0,0,0.8);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    padding: 20px 0;
    margin: 0;
    display: table;
    z-index: 2;
}

.prodet-vistat-rew, .prodet-vistat-price {
    width: 50%;
    height: auto;
    padding: 0 20px;
    margin: 0;
    display: table-cell;
    vertical-align: bottom;
}

.prodet-vistat-rew {
    text-align: left;
}

.prodet-vistrew-awd {
    width: auto;
    height: auto;
    padding: 0 10px;
    margin: 0;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

    .prodet-vistrew-awd span {
        display: block;
        text-align: center;
        margin: 0 auto;
    }

    .prodet-vistrew-awd .vistrew-awd-icon {
        max-width: 45px;
    }

        .prodet-vistrew-awd .vistrew-awd-icon img {
            position: relative;
            top: 0;
            left: 0;
            width: 45px;
            height: auto;
            padding: 0;
            margin: 0;
        }

    .prodet-vistrew-awd .vistrew-awd-txts {
        padding-top: 10px;
        font-size: 10pt;
        text-align: center;
        color: #fff;
    }

.prodet-vistat-price {
    text-align: right;
}

span.prodet-vistprc-cost button.btn-primary:hover .prodet-vistprc-cost button.btn-primary:focus, .prodet-vistprc-cost button.btn-primary:active {
    font-size: 12pt;
    text-align: right;
    color: #ff9700;
}

span.prodet-vistprc-cost b {
    font-size: 10pt;
    font-weight: bold;
}

.prodet-vis-map {
    background-color: #555;
    position: relative;
    width: auto;
    height: 100%;
    padding: 0 0;
    margin: 0 0;
    display: table-cell;
    overflow: hidden;
}

a.btn.btn-lerev-addcart {
    background: transparent;
    width: auto;
    height: auto;
    color: #ff9700;
    border: none;
    outline: none;
}

    a.btn.btn-lerev-addcart:hover, a.btn.btn-lerev-addcart:active, a.btn.btn-lerev-addcart:focus, a.btn.btn-lerev-addcart:active:hover, a.btn.btn-lerev-addcart:active:focus {
        background: #ff9700;
        border: none;
        outline: none;
        color: #fff;
        border: none;
        outline: none;
    }

.prodet-info {
    margin: 0 0 20px 0;
    color: #555;
    text-align: left;
}

    .prodet-info h3 {
        display: block;
        margin: 0 0;
        font-size: 12pt;
        font-weight: bold;
    }

    .prodet-info p {
        font-size: 10.5pt;
    }

#list-review-detail-container .le-review-container, #list-review-questionandanswer-container .le-review-container {
    width: auto;
    height: auto;
    padding: 10px 20px;
    margin: 0 0 10px 0;
    vertical-align: central;
    border: 1px solid #ddd;
    width: 100%;
    display: inline-table;
    border-radius: 12px;
}

    #list-review-detail-container .le-review-container:hover, #list-review-detail-container .le-review-container:active:hover {
        background-color: transparent;
        outline: none;
    }
    /*#list-review-detail-container .le-review-container div{padding:0 0;}*/
    #list-review-detail-container .le-review-container .row {
        border: none;
    }

#list-review-detail-container .row.le-reviewer-wrap:hover, #list-review-detail-container .row.le-reviewer-wrap:active:hover {
    background: transparent;
    outline: none;
    border: none;
}

#list-review-detail-container .le-rev-profile, #list-review-questionandanswer-container .le-rev-profile {
    padding: 0 0;
    margin: 0;
    display: table-cell;
}

#list-review-detail-container .le-reviewer-contents, #list-review-questionandanswer-container .le-reviewer-contents {
    font-size: 10.5pt;
    text-align: left;
    color: #555;
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
}

    #list-review-detail-container .le-reviewer-contents:hover, #list-review-detail-container .le-reviewer-contents:active:hover {
        background: transparent;
        outline: none;
        border: none;
    }

#list-review-detail-container .le-revcont-users {
    margin: 0 0 5px 0;
}

    #list-review-detail-container .le-revcont-users b {
        font-size: 12pt;
    }

#list-review-detail-container span.fa {
    font-size: 16pt;
}

#list-review-detail-container .le-revcont-texts, #list-review-questionandanswer-container .le-revcont-texts {
    padding: 0 0;
    margin: 5px 0 0 0;
}

    #list-review-detail-container .le-revcont-texts div, #list-review-questionandanswer-container .le-revcont-texts div {
        padding: 0 0;
        margin: 0 0;
    }

#list-review-detail-container .le-review-container .rev-btn-readmore, #list-review-questionandanswer-container .le-review-container .rev-btn-readmore {
    position: relative;
    right: 0;
    padding-left: 10px;
}

#list-review-detail-container .rev-btn-readmore:before, #list-review-questionandanswer-container .rev-btn-readmore:before {
    content: '';
    background-color: #ddd;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 90%;
    padding: 0;
    margin: 0 0 0 -1px;
    transform: translate(0, -50%);
}

.btn.review-button {
    background: transparent;
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    max-width: 80px;
    height: auto;
    padding: 20px;
    margin: 0 0;
    border: none;
    float: none;
    font-size: 12pt;
    font-weight: bold;
    color: #555;
    border-radius: 0;
    -khtml-transition-duration: 0.45s;
    -webkit-transition-duration: 0.45s;
    transition-duration: 0.45s;
}

    .btn.review-button:hover, .btn.review-button:active:hover, .btn.review-button:focus, .btn.review-button:active:focus {
        background: transparent;
        border: none;
        outline: none;
        color: #e1ded7;
        box-shadow: none;
    }

.lerev-replies-content {
    position: relative;
}

    .lerev-replies-content:before {
        content: '';
        background-color: #f2f2f2;
        position: absolute;
        top: 0;
        left: -28px;
        width: 8px;
        height: 100%;
        padding: 0 0;
        margin: 0 0;
        display: block;
        border-radius: 4px;
    }

#list-review-detail-container .le-review-container .row.lerev-replies-cont {
    background-color: #fff;
    width: 100%;
    height: auto;
    padding: 10px;
    margin: 0 0 10px 0;
    border: 1px solid #ddd;
}

    #list-review-detail-container .le-review-container .row.lerev-replies-cont.authreplies {
        background-color: #f2f2f2;
    }
/*#list-review-questionandanswer-container .le-review-container div{padding:0 0;}*/
form.le-qna-form {
    background-color: #f2f2f2;
    width: 100%;
    height: auto;
    padding: 10px;
    margin: 0;
    border: 1px solid #ddd;
}

.le-qna-form .input-group {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

    .le-qna-form .input-group div {
        max-width: 80%;
        display: table-cell;
        vertical-align: bottom;
        float: none;
    }

.le-qna-form input#Review {
    max-width: initial;
    padding: 8px 12px;
    margin: 0 10px 0 0;
    display: block;
    vertical-align: bottom;
    border-radius: 4px;
    border-color: #ddd;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

    .le-qna-form input#Review:focus, .le-qna-form input#Review:active:focus {
        text-decoration: none;
        outline: none;
        box-shadow: none;
    }
/*.le-qna-form .input-group-btn{height:auto;padding:0 0 0 10px;margin:0;display:table-cell;}
.input-group-btn button.btn.btn-default{width:auto;height:100%;padding:0 20px;margin:0 0;border-radius:4px;font-size:12pt;font-weight:bold;color:#555;-khtml-transition-duration:0.45s;-webkit-transition-duration:0.45s;transition-duration:0.45s;}
.input-group-btn button.btn.btn-default:active, .input-group-btn button.btn.btn-default:focus, .input-group-btn button.btn.btn-default:active:focus{outline:none;box-shadow:none;}
.input-group-btn button.btn.btn-default span.fa{font-family:Lato, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif !important;}

.input-group-btn button[type="submit"].btn.btn-default{margin-right:10px;border-radius:4px !important;}
.input-group-btn button.btn.btn-default span.fa-caret-right{position:relative;padding-left:20px;}
.input-group-btn button.btn.btn-default span.fa-caret-right:before{position:absolute;left:0;margin-top:-1px;font-family:FontAwesome;font-size:14pt;}

.input-group-btn button[type="button"].btn.btn-default{background:transparent;border:none;}
.input-group-btn button.btn.btn-default span.fa-caret-down{position:relative;padding-right:20px;}
.input-group-btn button.btn.btn-default span.fa-caret-down:before{position:absolute;right:0;margin-top:-1px;font-family:FontAwesome;font-size:14pt;color:#e1ded7;}*/
#list-review-questionandanswer-container .le-reviewer-contents div.le-review-container {
    padding: 10px 20px;
}

#list-review-questionandanswer-container .le-reviewer-contents .le-review-container div.le-reviewer-contents {
    padding-left: 50px;
}

.rev-btn-close input {
    background-color: #fff;
    position: relative;
    width: auto;
    height: auto;
    padding: 12px 30px;
    margin: 0 0;
    text-align: center;
    font-size: 12pt;
    font-weight: bold;
    color: #ddd;
    text-decoration: underline;
    border: none;
    -khtml-transition-duration: 0.45s;
    -webkit-transition-duration: 0.45s;
    transition-duration: 0.45s;
}

    .rev-btn-close input:hover, .rev-btn-close input:focus, .rev-btn-close input:active:hover, .rev-btn-close input:active:focus {
        background-color: #ddd;
        color: #555;
        text-decoration: none;
        outline: none;
    }
/*Author Landing || added 2017-05-03*/
#search-author-container {
    width: 100%;
    padding: 0 15px 0 0;
    margin: 0 auto;
    text-align: right;
}

form#search-author-form {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

    form#search-author-form label, form#search-author-form input, form#search-author-form button {
        vertical-align: bottom;
    }

.auth-list-holder {
    width: 100%;
}

.author-land-container {
    position: relative;
    height: auto;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    border: 5px solid transparent;
    color: #fff;
    padding: 15px;
    border-radius: 12px;
}

    .author-land-container:before {
        content: '';
        display: block;
        width: 100%;
        padding-top: 114%;
    }

.author-land-profile {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

    .author-land-profile.compact-object-fit {
        background-size: cover;
        background-position: center center;
        -khtml-filter: greyscale(100%);
        -webkit-filter: grayscale(100%);
        filter: greyscale(100%);
    }

    .author-land-profile img {
        position: relative;
        width: inherit;
        height: inherit;
        padding: 0;
        margin: 0;
        vertical-align: middle;
        object-fit: cover;
        object-position: center;
        -webkit-filter: grayscale(100%);
        filter: greyscale(100%);
        -khtml-transition: all ease-in-out 0.45s;
        -webkit-transition: all ease-in-out 0.45s;
        transition: all ease-in-out 0.45s;
    }

    .author-land-profile.compact-object-fit img {
        opacity: 0;
        transition: 0.15s;
    }

.author-landimg-tint {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 15%, rgba(174,174,174,0) 42%, rgba(81,81,81,0.35) 73%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 15%,rgba(174,174,174,0) 42%,rgba(81,81,81,0.35) 73%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 15%,rgba(174,174,174,0) 42%,rgba(81,81,81,0.35) 73%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );
}

.author-land-container:hover > .author-land-profile img {
    -khtml-filter: greyscale(0%);
    -webkit-filter: grayscale(0%);
    filter: greyscale(0%);
}

.author-land-profile-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    padding: 10px;
    margin: 0;
}

.auth-list-container {
    width: 100%;
    height: auto;
    padding: 0 0 80px 0;
    background: transparent url('Images/bg_cities_01.png') bottom no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
}

.author-land-profile-content-name {
    font-weight: bolder;
    font-size: large;
    color: white;
}

author-land-profile-content-rating {
    color: #fff;
    padding: 4px;
}

.author-page-content-holder {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 3.5rem;
    width: inherit;
    max-width: 11rem;
    height: auto;
    margin: auto;
    vertical-align: middle;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-50%, -50%);
    color: #fff;
    transition: all ease-in-out 0.45s;
    color: #fff;
}

.author-page-img-list:hover > .author-page-img-list-tint > .author-page-content-holder {
    opacity: 1;
    filter: alpha(opacity=100);
}
/*Author View || added 2017-05-03*/
.auth-details-img {
    right: 0;
}

.auth-details-page.img {
    background-color: #ddd;
    position: relative;
    width: 100%;
    max-width: 160px;
    height: auto;
    padding: 0;
    margin: 0 auto;
    float: none;
    overflow: hidden;
}

    .auth-details-page.img:before {
        content: '';
        display: block;
        padding-top: 100%;
        width: 100%;
    }

.auth-details.img {
    position: relative;
    width: 300px;
    height: 300px;
    padding: 0;
    margin: 0 auto;
    float: none;
    overflow: hidden;
}

    .auth-details.img:before {
        content: '';
        display: block;
        padding-top: 100%;
        width: 100%;
    }

    .auth-details-page.img img, .auth-details.img img {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        height: 100px;
        padding: 0;
        margin: 0;
        display: block;
        z-index: 1;
        -khtml-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 50%;
        right: 0;
    }

.author-prod-search {
    width: auto;
    min-width: 40%;
}
/*_Ben_*/
.auth-detail-container {
    min-height: 400px;
    background: transparent url('Images/bg_cities_01.png') no-repeat;
    background-size: cover;
    background-position: center 80%;
    position: relative;
    padding-top: 80px;
    margin-bottom: 80px;
}

.view-author-details-back {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 10px 0;
    text-align: left;
    float: none;
}

button.view-author-back-buttons {
}

    button.view-author-back-buttons:hover, button.view-author-back-buttons.btn-primary:focus:active, button.view-author-back-buttons.btn-primary:hover:active, button.view-author-back-buttons.btn-primary:visited {
    }

.auth-detail-container-details {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    display: table;
}

    .auth-detail-container-details > div[class*='auth-detail-'] {
        display: table-cell;
        max-width: 60%;
        position: relative;
        float: none;
        vertical-align: bottom;
    }

.auth-detail-content {
    width: 100%;
    padding-bottom: 30px;
}

.auth-detail-content-info {
}

.auth-detcont-name {
    font-size: 18pt;
    text-align: left;
    color: #ff9700;
    display: block;
    margin-bottom: 20px;
}

.auth-detcont-leinfo {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    display: table;
    vertical-align: top;
}

    .auth-detcont-leinfo > div {
        display: table-cell;
        width: 33.3333%;
        text-align: center;
        vertical-align: top;
    }

.auth-detcont-lenumb {
    font-size: 18pt;
    font-weight: 800;
}

.auth-detcont-lelabel {
    font-size: 10pt;
}

.auth-detail-img {
}

.auth-details.img {
    position: relative;
    width: 300px;
    height: 300px;
    padding: 0;
    margin: 0 auto;
    float: none;
    overflow: hidden;
}

.auth-details-img-wrapper {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    background-color: #fff;
    position: relative;
    bottom: -40px;
    border: 10px solid #ff9700;
    border-radius: 50%;
    width: 330px;
    height: auto;
    overflow: hidden;
    z-index: 1;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible;
}

    .auth-details-img-wrapper:after {
        content: '';
        display: block;
        width: 100%;
        padding-top: 100%;
    }

.auth-details-nolinkedin.img, .auth-details-pageflip-wrapper, .auth-details-img-front, .auth-details-img-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.auth-details-img-front, .auth-details-img-back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-backface-visibility: visible;
}

.auth-details-nolinkedin.img:hover {
    cursor: default;
}
/*-_no linkedin_-*/
.auth-details-nolinkedin.img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: inherit;
    height: inherit;
    min-height: 100%;
    padding: 0;
    margin: 0;
    object-fit: cover;
    object-position: center;
    -khtml-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/*-_with linkedin_-*/
.auth-details-img-pageflip {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    cursor: pointer;
    -khtml-transition: all ease-in-out 0.45s;
    -webkit-transition: all ease-in-out 0.45s;
    transition: all ease-in-out 0.45s;
}

.auth-details-img:hover .auth-details-img-pageflip, .auth-details-img.hover .auth-details-img-pageflip {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    cursor: pointer;
    animation: stayvisible 0.45s both;
    -webkit-animation: stayvisible 0.45s both;
    -moz-animation: stayvisible 0.45s both;
    -o-animation: stayvisible 0.45s both;
    -ms-animation: stayvisible 0.45s both;
}

    .auth-details-img:hover .auth-details-img-pageflip .auth-details-img-front {
        visibility: hidden;
    }

    .auth-details-img:hover .auth-details-img-pageflip .auth-details-img-back {
        visibility: visible;
    }
/*Author Img Flip start*/
.auth-details-img-front {
    background-color: #fff;
    border-radius: 50%;
}

    .auth-details-img-front img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: inherit;
        height: inherit;
        min-height: 100%;
        padding: 0;
        margin: 0;
        object-fit: cover;
        object-position: center;
        -khtml-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.auth-details-img-back {
    background: #fff;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    visibility: hidden;
}
/*.auth-details-img:hover .auth-details-img-pageflip .auth-details-img-front{-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);transform:rotateY(-90deg);}
.auth-details-img:hover .auth-details-img-pageflip .auth-details-img-back{z-index:2}*/
.authlinkedin-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    display: inline-block;
    border-radius: 50%;
    object-position: center;
    -khtml-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.authlinkin.linkedin {
    background-color: transparent;
    width: auto;
    height: auto;
    z-index: 1;
    border: none;
    vertical-align: middle;
    color: #337ab7;
    font-size: 12pt;
    outline: none;
}

    .authlinkin.linkedin span {
        display: block;
    }

        .authlinkin.linkedin span.fa-linkedin {
            background-color: #187fb8;
            display: inline-block;
            border-radius: 50%;
            margin: 0 0 10px 0;
            padding: 14px;
            font-size: 2.2em;
            color: #fff;
        }
/*Added by JC || Itinerary Plan pg 2017-02-03*/
.container.planner-container {
    width: 100%;
    max-width: 1186px;
    margin: 0 auto;
    padding: 0;
}

.itinerary-plan-navi button[type="submit"] {
    background-color: transparent;
    border-color: transparent;
    color: #555;
}

.itinerary-plan-navi div {
    vertical-align: bottom;
}
/*.btn.create-plan, .btn.create-plan-submit{background-color:#a79aff;padding:10px 30px;margin:0;}
.btn.create-plan:hover, .btn.create-plan:active:hover, .btn.create-plan:focus, .btn.create-plan:active:focus, .btn.create-plan-submit:hover, .btn.create-plan-submit:active:hover, .btn.create-plan-submit:focus, .btn.create-plan-submit:active:focus{background-color:#7969ff;}*/
#search-plan-container {
    min-width: 40%;
    text-align: right;
}

    #search-plan-container form {
        width: 100%;
        margin: 3px auto 0 auto;
    }
/*.planner-cover-img{background-color:#ddd;position:relative;width:328px;height:246px;padding:0;margin:0 0 10px 0;overflow:hidden;}
.planner-cover-img img{position:relative;top:0;left:0;width:inherit;height:inherit;padding:0;margin:0;z-index:1;object-fit:cover;}

.planner-panel-content{width:100%;height:auto;padding:0;margin:0;}
.planner-pn-title{width:100%;height:30px;padding:0;margin:0 0 20px 0;font-size:16pt;font-weight:bold;text-align:left;color:#028089;}
.planner-pn-title a{color:#028089;cursor:pointer;-khtml-transition-duration:0.45s;-webkit-transition-duration:0.45s;transition-duration:0.45s;}
.planner-pn-title:hover, .planner-pn-title a:hover{color:#9accd0;text-decoration:none;}

.planner-pn-times{width:100%;height:auto;padding:0;margin:0 0 -14px 0;font-size:6.5pt;text-align:left;color:#555;}
.planner-pn-times span{position:relative;padding-left:4px;margin:0 0 14px 0;}

.planner-pn-ctas{display:inline-block;vertical-align:middle;margin:0 0 10px 0;}
.planner-pn-ctas button{position:relative;width:154px;height:45px;margin:0 auto;}

.planner-pn-ctas button.delete-plan-row{border-color:#d5d5d5;color:#d5d5d5;}
.planner-pn-ctas button.delete-plan-row:hover, .planner-pn-ctas button.btn-primary.delete-plan-row:focus{background-color:#d5d5d5;border-color:#d5d5d5;color:#f2f2f2;}

#page-plan-row .pagination>li>a{color:#a79aff;}
#page-plan-row .pagination>.disabled>a{color:#555;}
#page-plan-row .pagination>.active>a{background-color:#a79aff;color:#fff;border-color:#ddd;}*/
/*.plan-add-item-modal-header{width:100%;padding-bottom:5px;}*/
.plan-add-item-modal-header {
    width: 100%;
    height: auto;
    margin: 0;
    display: table;
}

    .plan-add-item-modal-header > div {
        display: table-cell;
        vertical-align: middle;
        float: none;
        padding-bottom: 10px;
    }

.plan-add-item-modal-icons {
    padding: 0 20px;
    text-align: center;
}

    .plan-add-item-modal-icons li, .plan-add-item-modal-icons li + li {
        float: none;
        display: inline-block;
        margin: 0 8px;
    }

        .plan-add-item-modal-icons li a span:focus, .plan-add-item-modal-icons li a span:active:focus, .plan-add-item-modal-icons li a span:hover, .plan-add-item-modal-icons li a span:active:hover {
            outline: none;
        }

        .plan-add-item-modal-icons li a[title="Activity"] {
            color: #7cb82f;
        }

        .plan-add-item-modal-icons li a[title="Accommodation"] {
            color: #edb220;
        }

        .plan-add-item-modal-icons li a[title="Ground Transport"] {
            color: #e68523;
        }

        .plan-add-item-modal-icons li a[title="Flight"] {
            color: #00a0dc;
        }

        .plan-add-item-modal-icons li a[title="LE"] {
            color: #00aeb3;
        }

        .plan-add-item-modal-icons li a[title="Meals"] {
            color: #028089;
        }

        .plan-add-item-modal-icons li a[title="Other"] {
            color: #6f3389;
        }

        .plan-add-item-modal-icons li a:hover, .plan-add-item-modal-icons li a:active:hover, .plan-add-item-modal-icons li a:focus, .plan-add-item-modal-icons li a:active:focus {
            background-color: transparent;
        }

            .plan-add-item-modal-icons li a:hover[title="Activity"], .plan-add-item-modal-icons li a:active[title="Activity"], .plan-add-item-modal-icons li a:focus[title="Activity"], .plan-add-item-modal-icons li a:active[title="Activity"] {
                border-color: #7cb82f;
            }

            .plan-add-item-modal-icons li a:hover[title="Accommodation"], .plan-add-item-modal-icons li a:active[title="Accommodation"], .plan-add-item-modal-icons li a:focus[title="Accommodation"], .plan-add-item-modal-icons li a:active[title="Accommodation"] {
                border-color: #edb220;
            }

            .plan-add-item-modal-icons li a:hover[title="Ground Transport"], .plan-add-item-modal-icons li a:active[title="Ground Transport"], .plan-add-item-modal-icons li a:focus[title="Ground Transport"], .plan-add-item-modal-icons li a:active[title="Ground Transport"] {
                border-color: #e68523;
            }

            .plan-add-item-modal-icons li a:hover[title="Flight"], .plan-add-item-modal-icons li a:active[title="Flight"], .plan-add-item-modal-icons li a:focus[title="Flight"], .plan-add-item-modal-icons li a:active[title="Flight"] {
                border-color: #00a0dc;
            }

            .plan-add-item-modal-icons li a:hover[title="LE"], .plan-add-item-modal-icons li a:active[title="LE"], .plan-add-item-modal-icons li a:focus[title="LE"], .plan-add-item-modal-icons li a:active[title="LE"] {
                border-color: #00aeb3;
            }

            .plan-add-item-modal-icons li a:hover[title="Meals"], .plan-add-item-modal-icons li a:active[title="Meals"], .plan-add-item-modal-icons li a:focus[title="Meals"], .plan-add-item-modal-icons li a:active[title="Meals"] {
                border-color: #028089;
            }

            .plan-add-item-modal-icons li a:hover[title="Other"], .plan-add-item-modal-icons li a:active[title="Other"], .plan-add-item-modal-icons li a:focus[title="Other"], .plan-add-item-modal-icons li a:active[title="Other"] {
                border-color: #6f3389;
            }

        .plan-add-item-modal-icons li.active a, .plan-add-item-modal-icons li.active a:focus, .plan-add-item-modal-icons li.active a:hover {
            background: #ddd;
            color: #fff;
        }

            .plan-add-item-modal-icons li.active a[title="Activity"], .plan-add-item-modal-icons li.active a:focus[title="Activity"], .plan-add-item-modal-icons li.active a:hover[title="Activity"] {
                background-color: #7cb82f;
                border-color: #7cb82f;
            }

            .plan-add-item-modal-icons li.active a[title="Accommodation"], .plan-add-item-modal-icons li.active a:focus[title="Accommodation"], .plan-add-item-modal-icons li.active a:hover[title="Accommodation"] {
                background-color: #edb220;
                border-color: #edb220;
            }

            .plan-add-item-modal-icons li.active a[title="Ground Transport"], .plan-add-item-modal-icons li.active a:focus[title="Ground Transport"], .plan-add-item-modal-icons li.active a:hover[title="Ground Transport"] {
                background-color: #e68523;
                border-color: #e68523;
            }

            .plan-add-item-modal-icons li.active a[title="Flight"], .plan-add-item-modal-icons li.active a:focus[title="Flight"], .plan-add-item-modal-icons li.active a:hover[title="Flight"] {
                background-color: #00a0dc;
                border-color: #00a0dc;
            }

            .plan-add-item-modal-icons li.active a[title="LE"], .plan-add-item-modal-icons li.active a:focus[title="LE"], .plan-add-item-modal-icons li.active a:hover[title="LE"] {
                background-color: #00aeb3;
                border-color: #00aeb3;
            }

            .plan-add-item-modal-icons li.active a[title="Meals"], .plan-add-item-modal-icons li.active a:focus[title="Meals"], .plan-add-item-modal-icons li.active a:hover[title="Meals"] {
                background-color: #028089;
                border-color: #028089;
            }

            .plan-add-item-modal-icons li.active a[title="Other"], .plan-add-item-modal-icons li.active a:focus[title="Other"], .plan-add-item-modal-icons li.active a:hover[title="Other"] {
                background-color: #6f3389;
                border-color: #6f3389;
            }

.btn-ctas-expand-list.plan-add-activity {
    color: #7cb82f;
}

    .btn-ctas-expand-list.plan-add-activity:hover, .btn-ctas-expand-list.plan-add-activity:active:hover, .btn-ctas-expand-list.plan-add-activity:focus, .btn-ctas-expand-list.plan-add-activity:active:focus {
        background-color: #7cb82f;
        color: #fff;
    }

.btn-ctas-expand-list.plan-add-lodging {
    color: #edb220;
}

    .btn-ctas-expand-list.plan-add-lodging:hover, .btn-ctas-expand-list.plan-add-lodging:active:hover, .btn-ctas-expand-list.plan-add-lodging:focus, .btn-ctas-expand-list.plan-add-lodging:active:focus {
        background-color: #edb220;
        color: #fff;
    }

.btn-ctas-expand-list.plan-add-travel {
    color: #e68523;
}

    .btn-ctas-expand-list.plan-add-travel:hover, .btn-ctas-expand-list.plan-add-travel:active:hover, .btn-ctas-expand-list.plan-add-travel:focus, .btn-ctas-expand-list.plan-add-travel:active:focus {
        background-color: #e68523;
        color: #fff;
    }

.btn-ctas-expand-list.plan-add-flight {
    color: #00a0dc;
}

    .btn-ctas-expand-list.plan-add-flight:hover, .btn-ctas-expand-list.plan-add-flight:active:hover, .btn-ctas-expand-list.plan-add-flight:focus, .btn-ctas-expand-list.plan-add-flight:active:focus {
        background-color: #00a0dc;
        color: #fff;
    }

.btn-ctas-expand-list.plan-add-le {
    color: #00aeb3;
}

    .btn-ctas-expand-list.plan-add-le:hover, .btn-ctas-expand-list.plan-add-le:active:hover, .btn-ctas-expand-list.plan-add-le:focus, .btn-ctas-expand-list.plan-add-le:active:focus {
        background-color: #00aeb3;
        color: #fff;
    }

.btn-ctas-expand-list.plan-add-meals {
    color: #028089;
}

    .btn-ctas-expand-list.plan-add-meals:hover, .btn-ctas-expand-list.plan-add-meals:active:hover, .btn-ctas-expand-list.plan-add-meals:focus, .btn-ctas-expand-list.plan-add-meals:active:focus {
        background-color: #028089;
        color: #fff;
    }

.btn-ctas-expand-list.plan-add-others {
    color: #6f3389;
}

    .btn-ctas-expand-list.plan-add-others:hover, .btn-ctas-expand-list.plan-add-others:active:hover, .btn-ctas-expand-list.plan-add-others:focus, .btn-ctas-expand-list.plan-add-others:active:focus {
        background-color: #6f3389;
        color: #fff;
    }
/*planner - introduction*/
.plan-intro-container .row {
    margin-bottom: 20px;
}

.plan-introcont-ctas {
}

    .plan-introcont-ctas.editor {
        text-align: right;
    }
/*--planner event inner--*/
.plan-img-bg {
    background-color: #555;
    position: relative;
    width: 400px;
    height: 300px;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

    .plan-img-bg img {
        position: relative;
        top: 0;
        left: 0;
        width: inherit;
        height: inherit;
        padding: 0;
        margin: 0;
        display: block;
        z-index: 1;
        object-fit: cover;
        opacity: 0.8;
        -khtml-filter: blur(8px);
        -webkit-filter: blur(8px);
        filter: blur(8px);
    }
/*.plan-img-container{background-color:#ddd;position:absolute;top:50%;left:20%;width:360px;height:270px;padding:0;margin:0;overflow:hidden;-khtml-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);z-index:1;}*/
.plan-img-container {
    background-color: #ddd;
    position: relative;
    width: 100%;
    height: 300px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    z-index: 1;
}

    .plan-img-container:after {
        content: '';
        display: block;
        background-color: #000;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        z-index: 1;
        opacity: 0.7;
        filter: alpha(opacity=70);
    }

    .plan-img-container img {
        position: relative;
        top: auto;
        left: auto;
        min-width: 100%;
        width: inherit;
        min-height: 100%;
        height: inherit;
        padding: 0;
        margin: 0;
        display: block;
        z-index: 1;
        object-fit: cover;
        object-position: center;
    }

.view-plndscp-col-status.plan-event {
    display: flex;
    flex-direction: row;
}

.view-jrndscp-col-texts.plan-event {
    height: auto;
    margin-bottom: 20px;
    font-size: 10.5pt;
    text-align: left;
}
/*.view-plndscp-col-status{padding:0;font-size:10.5pt;text-align:left;color:#337ab7;}*/
.view-plndscp-col-status {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 20px;
    margin: 0;
    z-index: 1;
    color: #fff;
}

.Day-details-tab {
    padding: 0 0;
}
/*.btn.Add-Plan-Item{background-color:#a79aff;}
.btn.Add-Plan-Item:hover, .btn.Add-Plan-Item:active:hover, .btn.Add-Plan-Item:focus, .btn.Add-Plan-Item:active:focus{background-color:#7969ff;}*/
.plan-event-daily-notes {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.event-itemListBox {
    background-color: #fff;
    height: 100%;
    padding: 10px 14px;
    margin: 0 0 0 0;
    border: 4px solid #ddd;
    border-radius: 6px;
    text-align: left;
    color: #555;
    font-size: 29pt;
}

    .event-itemListBox[tabindex="1"] {
        border-color: #7cb82f;
    }
    /*activity*/
    .event-itemListBox[tabindex="2"] {
        border-color: #00aeb3;
    }
    /*learning experiences*/
    .event-itemListBox[tabindex="3"] {
        border-color: #edb220;
    }
    /*accommodation*/
    .event-itemListBox[tabindex="4"] {
        border-color: #e68523;
    }
    /*ground transport*/
    .event-itemListBox[tabindex="5"] {
        border-color: #00a0dc;
    }
    /*flight*/
    .event-itemListBox[tabindex="6"] {
        border-color: #028089;
    }
    /*meals*/
    .event-itemListBox[tabindex="7"] {
        border-color: #6f3389;
    }
    /*others*/
    .event-itemListBox[tabindex="8"] {
        border-color: #e68523;
    }
/*Other transport*/
.event-list-icon span {
    vertical-align: top;
}

.event-itemListBox span:focus, .event-itemListBox span:active:focus {
    outline: none;
}

.event-itemListBox span[tabindex="1"] {
    color: #7cb82f;
}
/*activity*/
.event-itemListBox span[tabindex="2"] {
    color: #00aeb3;
}
/*learning experiences*/
.event-itemListBox span[tabindex="3"] {
    color: #edb220;
}
/*accommodation*/
.event-itemListBox span[tabindex="4"], .event-itemListBox span[tabindex="8"] {
    color: #e68523;
}
/*ground transport*/
.event-itemListBox span[tabindex="5"] {
    color: #00a0dc;
}
/*flight*/
.event-itemListBox span[tabindex="6"] {
    color: #028089;
}
/*meals*/
.event-itemListBox span[tabindex="7"] {
    color: #6f3389;
}
/*others*/
.event-itemListBox[tabindex="8"] {
    border-color: #e68523;
}
/*Other transport*/
/*.nav-pills>li>a{border-radius:0;}
.nav-pills>li[id="1"].active>a{background-color:#7cb82f;}
.nav-pills>li[id="2"].active>a{background-color:#00aeb3;}
.nav-pills>li[id="3"].active>a{background-color:#edb220;}
.nav-pills>li[id="4"].active>a{background-color:#e68523;}
.nav-pills>li[id="5"].active>a{background-color:#00a0dc;}
.nav-pills>li[id="6"].active>a{background-color:#028089;}
.nav-pills>li[id="7"].active>a{background-color:#6f3389;}*/
#EventList > .tab-pane {
    display: none;
    opacity: 0;
    transition: ease-in-out 0.45s;
}

#EventList > .active {
    display: block;
    opacity: 1;
}

.event-itemListBox > div {
    padding: 0;
}
/*.event-list-icon{font-size:20pt;text-align:left;}
.event-list-icon span.fa{font-size:1.4em;padding-top:2px;}*/
.event-list-descp {
    font-size: 10.5pt;
    padding-left: 10px;
}

    .event-list-descp h4 {
        font-size: 12pt;
        margin: 0 0 10px 0;
        font-weight: bold;
    }

        .event-list-descp h4 span.event-list-descp-action {
            font-size: 10.5pt;
            margin: 0 0;
            font-weight: normal;
        }

.event-list-ctas {
}
/*planner - assessment*/
.plan-Assessmentcreated {
    margin-bottom: 20px;
}

.plan-assesst-title {
    height: 40px;
}
/*Added by JC || Journal pg 2017-02-03*/
#journal-list {
    padding: 0 0;
}
/*.journal-pannel-body .create-session-btn{}*/
.btn-default-blue.create-journal, .btn-default-blue.create-new-journal {
    background-color: #ff9700;
    padding: 10px 30px;
    font-size: 12pt;
    font-weight: bold;
    color: #fff;
    border: none;
    outline: none;
}

    .btn-default-blue.create-journal:hover, .btn-default-blue.create-journal:active:hover, .btn-default-blue.create-journal:focus, .btn-default-blue.create-journal:active:focus, .btn-default-blue.create-new-journal:hover, .btn-default-blue.create-new-journal:active:hover, .btn-default-blue.create-new-journal:focus, .btn-default-blue.create-new-journal:active:focus {
        background-color: #ff7e00;
    }

.journal-search-wrap {
    position: relative;
    right: 0;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    text-align: right;
}

    .journal-search-wrap form.navbar-form {
        padding: 0;
        margin: 0;
    }

.journal-detail-container {
    padding: 0 20px;
    margin: 0;
}

.journal-detail-row {
    background-color: #fff;
    width: auto;
    max-width: 100%;
    height: auto;
    padding: 10px 20px;
    margin: 0 0 20px 0;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.journal.panel-body {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

.journ-list-part {
}

.journal-pn-img {
}

.journal-pn.img {
    background-color: #ddd;
    position: relative;
    width: 240px;
    height: 180px;
    padding: 0;
    overflow: hidden;
}

.journal-pn-img img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    width: inherit;
    min-height: 100%;
    height: inherit;
    padding: 0;
    margin: 0;
    z-index: 1;
    object-fit: cover;
    object-position: center;
}

.journal-pn-title {
    min-height: 30px;
    max-height: 60px;
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 16pt;
    font-weight: bold;
    text-align: left;
    color: #333b96;
}

.journal-pn-descp {
    width: 100%;
    max-width: 808px;
    height: 60px;
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 10.5pt;
    text-align: left;
    color: #555;
    overflow: hidden;
}

.journal-pn-dates {
    width: auto;
}

.journal-pn-status {
    width: 100%;
    max-width: 808px;
    height: auto;
    padding: 0;
    margin: 0 0 14px 0;
    font-size: 10.5pt;
    text-align: left;
    color: #555;
}

.journal-pn-ctas {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 0 0;
    text-align: left;
}

    .journal-pn-ctas button {
        padding: 6px 30px;
        margin: 0 10px 0 0;
        display: inline-block;
    }
/*...view inside...*/
.view-journalheader {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
    display: inline-table;
}

    .view-journalheader div {
        display: table-cell;
        vertical-align: middle;
    }

.view-jrnhead-title {
    width: 75%;
    height: auto;
    padding: 0 20px;
    margin: 0;
    font-size: 24pt;
    font-weight: bold;
    color: #3377c7;
    float: none;
}

    .view-jrnhead-title input[type="text"], .view-jrnhead-title input[type="text"]:focus {
        border: none;
        border-bottom: 1px solid #ddd;
        outline: none;
    }

    .view-jrnhead-title input {
        max-width: none;
        width: 100%;
    }

        .view-jrnhead-title input[readonly], .view-jrnhead-title input[readonly]:focus {
            border: none;
            outline: none;
            resize: none;
        }

.view-jrnhead-edit {
    min-width: 17%;
    width: auto;
    height: auto;
    margin: 0;
    text-align: center;
    float: none;
    vertical-align: bottom;
    display: inline-block;
    text-align: right;
}

    .view-jrnhead-edit button, .view-session-edit button {
        float: none;
        vertical-align: bottom;
    }

.view-journal-pannel.panel-default {
    border: none;
}

.nav-tabs.tab-details li, .nav-tabs.tab-details li a {
    margin-left: 0;
    margin-right: 0;
    font-size: 12pt;
    text-align: center;
    color: #555;
}

    .nav-tabs.tab-details li.tab-editjournaldetails.active {
        border-top: 2px solid #ff9700;
    }

#journalfiles.tab-content {
}

    #journalfiles.tab-content .form-group {
        cursor: pointer;
    }

    #journalfiles.tab-content .btn.btn-xs {
        font-size: 12pt;
        color: #555;
    }

#page-journal-row .pagination > li > a {
    color: #ff9700;
}

#page-journal-row .pagination > .disabled > a {
    color: #555;
}

#page-journal-row .pagination > .active > a {
    background-color: #ff9700;
    color: #fff;
    border-color: #ddd;
}

.journal-tags-container {
    width: auto;
    height: auto;
}

.journal-tag-box {
    display: inline-block;
}
/*Added by JC || Create Contributes Pg 2017-03-27*/
.btn.create-le {
    background-color: #16ada8;
    padding: 10px 30px;
    margin: 0;
}

    .btn.create-le:hover, .btn.create-le:active:hover {
        background-color: #0a8b86;
    }

.grid-list-header.mycontrib-head {
    background-color: #555;
}

.table-lists-row.myContribute > div {
    border-right: 1px solid #ddd;
}

.table-lists-row.myContribute .text-overflow {
    white-space: nowrap;
    display: block;
}

.table-lists-row.myContribute > div:last-child {
    border: none;
}

.table-lists-row.myContribute div[title="Draft"], .table-lists-row.myContribute div[title="Modify"], .table-lists-row.myContribute div[data-original-title="Draft"], .table-lists-row.myContribute div[data-original-title="Modify"] {
    color: #555;
}

.table-lists-row.myContribute div[title="PendingForApproval"], .table-lists-row.myContribute div[data-original-title="PendingForApproval"] {
    color: #ddd;
}

.table-lists-row.myContribute div[title="Approved"], .table-lists-row.myContribute div[data-original-title="Approved"] {
    color: #7cb62b;
}

.table-lists-row.myContribute div[title="Rejected"], .table-lists-row.myContribute div[data-original-title="Rejected"] {
    color: #bf0000;
}

.table-lists-row.myContribute div[title="Published"], .table-lists-row.myContribute div[data-original-title="Published"] {
    color: #337ab7;
}

.table-lists-row.myContribute div[title="Unpublished"], .table-lists-row.myContribute div[data-original-title="Unpublished"] {
    color: #67849c;
}

#page-le-row .pagination > li > a {
    color: #16ada8;
}

#page-le-row .pagination > .active > a {
    background-color: #16ada8;
    color: #fff;
    border-color: #ddd;
}
/*--contributes || points || 2017-04-20*/
#phases-container .nav-tabs-phase {
    margin-bottom: 0;
}

div[id*='phase-reflection-tab-'] div {
    margin-bottom: 14px;
}

.syallbi-text {
    height: 40px;
}
/*Added by JC || Career Pg 2017-01-24*/
.careerJobTitle {
    font-size: 24px;
    font-weight: bold;
    color: #337ab7;
}

.container {
    margin: 0 auto 0 auto;
}

.wrapper-min-height {
    padding-bottom: 80px;
}

@media (min-width:1200px) {
    .container {
        width: 1190px;
    }

    .sessionAttachments {
        width: 100% !important;
    }
}

.sessionAttachments {
    margin-bottom: 2px;
}

.removeborders {
    border-bottom: none;
    border-top: none;
    border-left: none;
    border-right: none;
}

.container-fluid {
    padding: 0 0;
    margin: 0 auto;
    max-width: 1190px;
}

.row {
    margin-right: 0;
    margin-left: 0;
}
/*20170105*/
.news-section.swiper-container {
    background-color: #fff;
    width: 100%;
    max-width: 1200px;
    height: auto;
    text-align: center;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.news-section .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 auto;
}

.news-section .swiper-slide {
    text-align: left;
    width: 100%;
    max-width: 400px;
    height: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    position: relative;
    /*center slide text vertically*/ display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    z-index: 1;
}

    .news-section .swiper-slide .news-item {
        background-color: #fff;
        width: 100%;
        position: relative;
    }

        .news-section .swiper-slide .news-item a.article-a-tags {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            -khtml-transition-duration: 0.45s;
            -webkit-transition-duration: 0.45s;
            transition-duration: 0.45s;
            cursor: pointer;
            z-index: 9;
        }

            .news-section .swiper-slide .news-item a.article-a-tags:hover {
                background-color: rgba(255,255,255,0.6);
                -khtml-transition-duration: 0.45s;
                -webkit-transition-duration: 0.45s;
                transition-duration: 0.45s;
            }

.news-section .swiper-pagination {
    position: relative;
    text-align: center;
    margin: 50px 0 0 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}

    .news-section .swiper-pagination.swiper-pagination-hidden {
        opacity: 0;
    }

.news-section .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    position: relative;
    left: 0;
    width: 100%;
    margin: 20px 0 50px 0;
}

.news-section .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}

.news-section button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.news-section .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.news-section .swiper-pagination-white .swiper-pagination-bullet {
    background: #fff;
}

.news-section .swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}

.news-section .swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}

.news-section .swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}

.news-section .swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate(0,-50%);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}

    .news-section .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 5px 0;
        display: block;
    }

.news-section .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}
/*--NEW News & Articles || 2017-07-28*/
.articles-container {
    width: 100%;
    height: auto;
    padding: 14px 20px;
    margin: 0;
    border-bottom: 1px solid #ddd;
    display: table;
}

    .articles-container > div[class*="col-"] {
        display: table-cell;
        float: none;
        vertical-align: top;
    }

.artc-cont-img {
    position: relative;
    top: 0;
    left: 0;
    width: 26%;
    max-width: 260px;
    height: auto;
    padding: 0;
    margin: 14px 20px;
    overflow: hidden;
}

    .artc-cont-img:before {
        content: '';
        display: block;
        width: 100%;
        padding-top: 60%;
    }

    .artc-cont-img img {
        position: absolute;
        top: 0;
        left: 50%;
        width: inherit;
        height: inherit;
        min-width: 100%;
        min-height: 100%;
        padding: 0;
        margin: 0;
        object-fit: cover;
        object-position: center;
        -khtml-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

.artc-contents-cont {
    max-width: 66.6666%;
}

.articles-container > div.artc-cta-readmore {
    vertical-align: middle;
}
/*--shared-social-media by JC || 2017-03-17--*/
#content.article-social-wrapper {
    position: relative;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    padding: 0 0 10px 0;
    margin: 0 20px 0 0;
    display: inline-block;
    text-align: right;
}

input.article-social-check[type="checkbox"] {
    display: none;
    position: absolute;
    left: auto;
    right: 0;
    visibility: hidden;
}

.label.article-social-label {
    position: relative;
    top: 0;
    left: 0;
}

label {
    margin-bottom: 0;
}

.checkbox.article-social-check:checked + .label.article-social-label {
}

.checkbox.article-social-check:checked ~ .article-social-hold {
    transform-origin: 100% 0;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -o-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    opacity: 1;
    -webkit-transition: 0.45s;
    -moz-transition: 0.45s;
    -o-transition: 0.45s;
    transition: 0.45s;
}

.article-social-hold {
    width: auto;
    height: auto;
    margin-top: 4px;
    transform-origin: 100% 0;
    -webkit-transform: scale(0) translateY(0);
    -moz-transform: scale(0) translateY(0);
    -o-transform: scale(0) translateY(0);
    transform: scale(0) translateY(0);
    opacity: 0;
    -webkit-transition: 0.45s;
    -moz-transition: 0.45s;
    -o-transition: 0.45s;
    transition: 0.45s;
}

ul.article-social-container, div.jssocials-shares {
    background-color: transparent;
    position: relative;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    padding: 0;
    margin: auto;
    list-style: none;
    display: block;
}

    ul.article-social-container li, div.jssocials-shares div {
        background-color: #000;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        float: left;
        display: block;
        font-size: 12pt;
        text-align: center;
        color: #fff;
        cursor: pointer;
        -webkit-transition: 0.45s;
        -moz-transition: 0.45s;
        -o-transition: 0.45s;
        transition: 0.45s;
    }

        ul.article-social-container li:hover, div.jssocials-shares div {
            -webkit-transition: 0.45s;
            -moz-transition: 0.45s;
            -o-transition: 0.45s;
            transition: 0.45s;
        }

            ul.article-social-container li span, div.jssocials-shares div a {
                width: auto;
                height: auto;
                padding: 0;
                margin: 0;
                display: block;
                text-deocration: none;
                border: none;
                outline: none;
                -webkit-transition: 0.45s;
                -moz-transition: 0.45s;
                -o-transition: 0.45s;
                transition: 0.45s;
                color: #fff;
            }

    div.jssocials-shares a i {
        width: auto;
        height: auto;
        padding: 12px 26px;
        margin: 0;
        display: inline-block;
        color: #fff;
    }
/*Contact Us - Travel || added by JC 2017-04-12*/
#Contact-travel div {
    height: 100%;
}

#contact-form-container {
    padding: 0 0 80px 0;
}

.travl-list-container {
    display: table;
    width: 100%;
}

.travl-list-part {
    display: table-row;
    width: 100%;
    vertical-align: top;
}

.travl-list-col {
    display: table-cell;
    width: 33.333333%;
    height: 100%;
    float: none;
    vertical-align: top;
    position: relative;
}

    .travl-list-col button {
        height: 100%;
        vertical-align: top;
        position: relative;
    }

.travCatg-visuals {
    background-color: #ddd;
    position: relative;
    width: 140px;
    height: 140px;
    padding: 0;
    margin: 12px auto;
    display: block;
    overflow: hidden;
}

    .travCatg-visuals img {
        position: relative;
        top: 0;
        left: 0;
        width: inherit;
        height: inherit;
        padding: 0;
        margin: 0 auto;
        display: block;
        z-index: 1;
        object-fit: cover;
    }

.travCatg-texts {
    display: block;
    padding: 0;
    margin: 0 auto 14px auto;
    white-space: normal;
}

    .travCatg-texts font {
        font-size: 1em;
    }

.contact-buttons {
    position: relative;
    padding-top: 5%;
}

    .contact-buttons:before {
    }

    .contact-buttons button {
        position: relative;
        transform: translateY(-50%);
    }

#Traveltoolbox iframe {
    height: 720px;
}
/*Terms Landing || added 2017-05-09*/
.terms-list-partial {
    width: 90%;
    height: auto;
    padding: 0;
    margin: 0 auto 14px auto;
    display: table;
    border: 1px solid #ddd;
    border-radius: 6px;
}

    .terms-list-partial div[class*='col-'] {
        vertical-align: middle;
        display: table-cell;
        float: none;
    }

.terms-img-icon {
    padding: 10px;
}

.terms-img.icon {
    background-color: #ddd;
    position: relative;
    width: 100%;
    max-width: 140px;
    height: auto;
    padding: 0;
    margin: 0 auto;
    display: block;
    vertical-align: top;
    overflow: hidden;
}

    .terms-img.icon:before {
        content: '';
        display: block;
        padding-top: 100%;
        width: 100%;
        height: auto;
        position: relative;
    }

    .terms-img.icon img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        width: inherit;
        min-height: 100%;
        height: inherit;
        padding: 0;
        margin: 0;
        display: block;
        vertical-align: middle;
        object-fit: cover;
        object-position: 50% 50%;
    }

.terms-list-partial div[class*='col-'].terms-list-content {
    vertical-align: top;
}

.terms-list-content h4 {
    margin-bottom: 8px;
    vertical-align: top;
}
/*Terms View || added 2017-05-09*/
.terms-artic-container {
    height: auto;
    min-height: 100vh;
    padding-bottom: 80px;
}

.terms-view-header {
    display: table;
    margin-bottom: 14px;
}

    .terms-view-header div[class*='termsview-head-'] {
        display: table-cell;
        vertical-align: middle;
    }

.termsview-head-arrow {
    width: auto;
    max-width: 60px;
    padding: 0 10px 0 0;
    border-right: 1px solid #ddd;
}

    .termsview-head-arrow button.btn {
        margin-left: 0;
    }

    .termsview-head-arrow button span {
        font-size: 24pt;
        vertical-align: middle;
    }

#termsBack:target, #termsBack.hide {
    display: none;
}

.termsview-head-header {
    padding-left: 20px;
    width: 100%;
}

    .termsview-head-header h2 {
        margin: auto;
    }
/* Footer - All || added 2017-06-21*/
footer.main-footer {
    background-color: #f2f2f2;
    padding: 20px 40px;
    color: #555;
    display: inline-table;
    width: 100%;
}

    footer.main-footer > div[class*="footer-"] {
        width: auto;
        height: auto;
        text-align: center;
        float: none;
        vertical-align: middle;
        margin: auto;
        padding-bottom: 10px;
    }

.footer-copyrights {
    font-size: 10.5pt;
}

    .footer-copyrights p {
        vertical-align: middle;
        margin: auto;
        font-size: 0.9em;
    }

    .footer-copyrights a {
        font-weight: 700;
        cursor: pointer;
    }

        .footer-copyrights a:hover, .footer-copyrights a:active:hover, .footer-copyrights a:focus, .footer-copyrights a:active:focus {
            text-decoration: underline;
        }

.footer-social-medias {
    text-align: right;
}

    .footer-social-medias > div[class*="footer-sm-"] {
        display: inline-block;
        vertical-align: middle;
    }

.footer-sm-icons {
    margin: auto 5px;
}

.container.footer-contain {
    width: 90%;
    padding: 20px 0;
}

    .container.footer-contain .panel {
        margin-bottom: 20px;
        background-color: transparent;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }

    .container.footer-contain .panel-body {
        float: right;
        width: 60%;
        padding: 0;
    }

        .container.footer-contain .panel-body span {
            color: #ffffff;
        }

.foot-socmed {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 0;
    display: block;
    text-align: center;
    vertical-align: middle;
}

    .foot-socmed span.fa {
        cursor: pointer;
        font-size: 18pt !important;
        color: #fff;
        vertical-align: middle;
        line-height: 1.7em;
    }

    .foot-socmed.facebook {
        background-color: #3c5a99;
    }

    .foot-socmed.twitter {
        background-color: #1da1f2;
    }

    .foot-socmed.instagram {
        background-color: #2a5b83;
    }

    .foot-socmed.linkedin {
        background-color: #187fb8;
    }
/*home-footer*/
.footer-home-nav {
    background-color: #01122b;
    padding: 0;
    color: #555;
    display: inline-table;
    width: 100%;
}

.footer-home-menu {
    display: inline-block;
    float: none;
    vertical-align: top;
}
/*p.subs-cont{color:#ccc;font-size:12px;line-height:1.3;padding:10px 0 0px;margin:0;}
p.subs-cont span a{color:#ffffff;text-decoration:none;}*/
footer.hidden-xs button.btn.btn-primary {
    border: 1px solid #ffffff;
}

ul.home-foot-navs {
    width: auto;
    height: auto;
    padding: 0 40px 0 0;
    margin: 0;
    list-style: none;
}

    ul.home-foot-navs > li {
        width: auto;
        margin: auto auto 8px auto;
        font-size: 12pt;
    }

h3.home-fhead {
    font-family: Karma Lato serif;
    font-size: 16pt;
    color: #fff;
    padding: 0;
    margin: 0;
    width: auto;
}

.home-foot-navs a.home-fcta {
    color: #aaa;
    font-weight: 600;
    width: auto;
}

    .home-foot-navs a.home-fcta:hover, .home-foot-navs a.home-fcta:active:hover {
        color: #337ab7;
    }

.footer-home-menu.emailSub {
    display: table-cell;
    text-align: right;
    transition: ease-in-out 0.45s;
}

.foot-email-subscribe {
    text-align: left;
    display: inline-block;
}

    .foot-email-subscribe > div[class*="femail-"] {
        margin-bottom: 8px;
    }
/*form.validate.emailSub{display:block;}*/
.femail-fields-holder {
    display: block;
    text-align: left;
    margin-bottom: 4px;
}

    .femail-fields-holder > div[class*="femail-fields-"] {
        display: inline-block;
        vertical-align: bottom;
    }

.femail-fields-entermail {
    margin-right: 4px;
    color: #fff;
}

.femail-sub-form {
    text-align: right;
}

    .femail-sub-form .emailSub {
        display: inline-block;
    }

    .femail-sub-form .mce_inline_responses .response, .femail-sub-form .mce_inline_error[for="mce-EMAIL-xs"], .femail-sub-form .mce_inline_responses .response, .femail-sub-form .mce_inline_error[for="mce-EMAIL"] {
        display: list-item;
        margin-left: 20px;
        font-size: 10.5pt;
        color: #aaa;
    }

.mce_inline_responses {
    max-width: 460px;
}

.femail-disclaimer-holder {
    max-width: 400px;
}

    .femail-disclaimer-holder .subs-cont {
        font-size: 9pt;
        font-weight: 500;
        text-align: left;
        color: #aaa;
    }

        .femail-disclaimer-holder .subs-cont a {
            font-weight: 600;
            color: #fff;
        }
/* Dropdown submenu*/
.navbar-nav > form > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

@media (min-width: 767px) {
    .navbar-nav .dropdown-menu .caret {
        transform: rotate(-90deg);
        float: right;
        margin-top: 10px;
        margin-right: -8px;
    }
}
/*******************/
.v-center {
    position: relative;
    transform: translateY(50%);
}

.v-bottom {
    position: relative;
    transform: translateY(100%);
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.help-button {
    font-size: 10.5pt;
    color: #aaa;
}

.btn-grey-whiteprofile {
    background-color: #fff;
    color: #555;
}

    .btn-grey-whiteprofile:hover, .btn-grey-white:active:hover {
        background-color: #555;
        border-color: #555;
        color: #ddd;
    }

.ui-autocomplete {
    z-index: 999999 !important;
}

.hide-button {
    display: none !important;
}

.disable-button {
    opacity: 0.65;
    cursor: not-allowed;
    background: #dddddd;
    pointer-events: none;
}

.text-xs-center {
    text-align: center;
}

.g-recaptcha {
    display: inline-block;
}

view-authorhead-title {
    width: 75%;
    height: auto;
    padding: 0 20px;
    margin: 0;
    font-size: 24pt;
    font-weight: bold;
    float: none;
}
/* Travel Booking Warning Pop Up || added 2017-06-23*/
.ui-widget-header {
    background: transparent;
    border: none;
    border-bottom: 1px solid #ddd;
    color: #337ab7;
    font-size: 14.5pt;
}

.ui-dialog .ui-dialog-titlebar-close {
    display: none;
    visibility: hidden;
}

.ui-dialog .ui-dialog-content h4#countdown {
    width: 100%;
    height: auto;
    font-weight: 600;
    text-align: center;
}
/* Style for 3D carousel*/
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

html {
    height: 100%;
}

h1 {
    text-shadow: 2px 3px 3px #555;
    text-align: center;
    margin: 30px auto;
    margin-bottom: 34px;
}

#wrap {
    /* fixed width, centered in viewport */
    width: 980px;
    left: -490px;
    margin-left: 50%;
    position: relative;
}

#showcase {
    width: 100%;
    height: 600px;
    /*background: #16235e;*/ /* Old browsers */
    /*background: -moz-linear-gradient(top, #16235e 0%, #020223 100%);*/ /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#16235e), color-stop(100%,#020223));*/ /* Chrome, Safari4+ */
    /*background: -webkit-linear-gradient(top, #16235e 0%, #020223 100%);*/ /* Chrome10+, Safari5.1+ */
    background: -o-linear-gradient(top, #16235e 0%, #020223 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #16235e 0%, #020223 100%); /* IE10+ */
    /*background: linear-gradient(to bottom, #16235e 0%, #020223 100%);*/ /* W3C */
    /*-webkit-box-shadow: 0px 0px 13px 5px #DB1242;*/
    -moz-box-shadow: 0px 0px 13px 5px #DB1242;
    /*box-shadow: 0px 0px 13px 5px #DB1242;*/
    border-radius: 8px;
    margin-top: 12px;
    visibility: hidden;
}

    #showcase img {
        cursor: pointer;
    }

#item-title {
    color: #000000;
    font-size: 15px;
    letter-spacing: 0.13em;
    /*text-shadow: 1px 1px 6px #C72B2B;*/
    text-align: center;
    margin-top: 50px;
    margin-bottom: 22px;
    height: 50px;
    width: 100%;
    font-family: Calibri;
}

.nav {
    text-align: center;
}

    .nav > button {
        width: 64px;
        height: 36px;
        color: #666;
        font: bold 16px arial;
        text-decoration: none;
        text-align: center;
        margin: 5px;
        text-shadow: 0px 1px 0px #f5f5f5;
        background: #f6f6f6;
        border: solid 2px rgba(0, 0, 0, 0.4);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        /*-webkit-box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.4);*/
        -moz-box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.4);
        cursor: pointer;
    }

        .nav > button:active, .nav > button.down {
            background: #dfdfdf;
            border: solid 2px rgba(0, 0, 0, 0.6);
            box-shadow: none;
        }

#get {
    font-size: 20px;
    text-align: center;
}

#download {
    margin: 8px auto;
    margin-top: 12px;
    display: block;
}

#license {
    font-size: 18px;
    text-align: center;
    margin: 0;
}

#share {
    position: absolute;
    left: 4px;
    top: 478px;
}

.fb-like {
    vertical-align: top;
}

.twitter-share-button {
    width: 84px !important;
    margin-left: 8px;
}

#credits {
    color: #c9c9c9;
    padding: 10px;
    border: 2px #999 dashed;
    position: absolute;
    right: 0;
    bottom: 83px;
}

    #credits ul {
        font-size: 14px;
        list-style-type: none;
        padding-left: 2px;
        margin: 2px 0;
    }

    #credits .author {
        color: white;
    }

placeholder3d {
    position: absolute;
    bottom: 80px;
    right: 50px;
    text-align: center;
    align-content: center;
    width: 400px;
    height: 400px;
}

.nav > button.carousel-button {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-repeat: no-repeat;
}

.nav > button.hiw-steps-search {
    background: transparent url('Images/Icon_Search_01.png') no-repeat;
    background-size: 50% auto;
    background-position: center;
}

.nav > button.hiw-steps-buy {
    background: transparent url('Images/Icon_Buy_01.png') no-repeat;
    background-size: 50% auto;
    background-position: center;
}

.nav > button.hiw-steps-plan {
    background: transparent url('Images/Icon_Plan_01.png') no-repeat;
    background-size: 50% auto;
    background-position: 62% center;
}

.nav > button.hiw-steps-book {
    background: transparent url('Images/Icon_Book_01.png') no-repeat;
    background-size: 50% auto;
    background-position: center;
}

.nav > button.hiw-steps-exp {
    background: transparent url('Images/Icon_Experience_01.png') no-repeat;
    background-size: 50% auto;
    background-position: 62% center;
}

.nav > button.hiw-steps-search.active {
    background: #555 url('Images/Icon_Search_02.png') no-repeat;
    background-size: 50% auto;
    background-position: center;
}

.nav > button.hiw-steps-buy.active {
    background: #555 url('Images/Icon_Buy_02.png') no-repeat;
    background-size: 50% auto;
    background-position: center;
}

.nav > button.hiw-steps-plan.active {
    background: #555 url('Images/Icon_Plan_02.png') no-repeat;
    background-size: 50% auto;
    background-position: 62% center;
}

.nav > button.hiw-steps-book.active {
    background: #555 url('Images/Icon_Book_02.png') no-repeat;
    background-size: 50% auto;
    background-position: center;
}

.nav > button.hiw-steps-exp.active {
    background: #555 url('Images/Icon_Experience_02.png') no-repeat;
    background-size: 50% auto;
    background-position: 62% center;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    width: 100%;
    text-align: center;
}

.ui-dialog .ui-dialog-buttonpane button {
    float: none;
    border: none;
    width: 60%;
    height: auto;
    padding: 8px 20px;
    margin: 5px auto;
    display: block;
    background: transparent;
    border: 1px solid #337ab7;
    font-size: 12pt;
    color: #337ab7;
    border-radius: 6px;
    transition: all ease-in-out 0.45s;
}

    .ui-dialog .ui-dialog-buttonpane button:hover, .ui-dialog .ui-dialog-buttonpane button:active:hover {
        background-color: #337ab7;
        color: #fff;
    }

.news-section .swiper-button-next {
    right: 0;
}

.news-section .swiper-button-prev {
    left: 0;
}

.icon {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 31px;
    height: 17px;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
}

    .icon.icon--arrow:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 6px;
        width: 20px;
        height: 3px;
        background: black;
        border-radius: 2px;
    }

    .icon.icon--arrow:after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 6px;
        width: 20px;
        height: 3px;
        background: black;
        border-radius: 2px;
    }

    .icon.icon--arrow-up {
        top: 20px;
    }

        .icon.icon--arrow-up:before {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .icon.icon--arrow-up:after {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    .icon.icon--arrow-down {
        bottom: 20px;
    }

        .icon.icon--arrow-down:before {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .icon.icon--arrow-down:after {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }
/*Home Steps Carousel || added 2017-07-08*/
/*Author View || added 2017-05-03*/
.newsarticle-item {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .newsarticle-item.img:before {
        content: '';
        display: block;
        padding-top: 100%;
        width: 100%;
    }

    .newsarticle-item.img img {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        height: inherit;
        padding: 0;
        margin: 0;
        display: block;
        z-index: 1;
        -khtml-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.newsarticle-button {
    z-index: 2;
    position: absolute;
    bottom: 0;
    color: #fff;
    text-decoration: underline;
    background: transparent;
    border: none;
    font-size: 19pt;
    text-align: left;
}

.news-thumb-content {
    padding: 20px;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .news-thumb-content:before {
        content: '';
        display: block;
        padding-top: 100%;
        width: 100%;
    }

.newsarticle-item-text {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    padding: 20px;
    margin: 0;
    transform: translate(0, -50%);
    font-size: 12pt;
    text-align: center;
}

step1 {
}

step2 {
}

step3 {
}

step4 {
}

step5 {
}

.proDetail-cont.img {
    width: 80px;
    height: 80px;
    padding: 0;
    margin: 0 20px 0 0;
    border-radius: 50%;
    overflow: hidden;
}

    .proDetail-cont.img img {
        width: inherit;
        height: inherit;
        padding: 0;
        margin: 0;
        object-fit: cover;
    }

.col-currency-select .form-control {
    border: none;
}

.ledet-main-container {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    display: table;
}

    .ledet-main-container > div[class*='ledet-subcont-'] {
        height: auto;
        padding: 0;
        display: table-cell;
        float: none;
        vertical-align: top;
    }

.ledet-container-wrap {
    display: inline-table;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    min-height: 40px;
    vertical-align: top;
}

    .ledet-container-wrap > div[class*='ledet-container-'] {
        display: table-cell;
        vertical-align: top;
        float: none;
        min-height: 40px;
        padding-top: 0;
    }

.ledet-container-pag {
    background: white;
    text-align: center;
}

    .ledet-container-pag.btn-group-vertical button.btn {
        font-size: 13pt;
        margin: 0 auto 10px auto;
        background-color: #fff;
        z-index: 1071;
        overflow: hidden;
    }

    .ledet-container-pag i {
        position: absolute;
        top: 42%;
        left: 50%;
        margin: 0 auto;
        display: inline-block;
        transform: translate(-50%,-30%);
    }

    .ledet-container-pag.btn-group-vertical button.btn:hover, .ledet-container-pag.btn-group-vertical button.btn:focus {
        z-index: 1075;
        outline: none;
        background-color: #337ab7;
    }

    .ledet-container-pag button.btn.active {
        background-color: #337ab7;
        color: #fff;
    }

.ledet-container-cont {
    background: white;
    width: 90%;
    padding: 14px 20px;
}

.ledet-subcont-right {
    min-height: 40px;
    background: white;
}

.ledet-les-img {
    position: relative;
    width: auto;
    height: auto;
    padding: 0 0 0 0;
    margin: 0 auto;
    text-align: center;
}

    .ledet-les-img > div[class*='ledet-leimg-'] {
        border-radius: 12px;
    }

        .ledet-les-img > div[class*='ledet-leimg-']:before {
            content: '';
            display: block;
            width: 100%;
            padding-top: 100%;
        }

.ledet-leimg-backlog {
    position: absolute;
    top: 20px;
    left: 14px;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    background-color: #f2f2f2;
}

.ledet-leimg-container {
    background-color: #ddd;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin: 0;
    overflow: hidden;
    z-index: 1;
}

    .ledet-leimg-container img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: inherit;
        height: inherit;
        min-width: 100%;
        min-height: 100%;
        padding: 0;
        margin: auto;
        vertical-align: middle;
        object-fit: cover;
        object-position: center;
    }

.cuubtn-prode {
    padding: 35px;
    text-align: center;
}

    .cuubtn-prode button.btn-add-cart {
        padding: 10px;
        text-align: center;
        background-color: white;
        border: 1px solid #ff9700;
        border-radius: 25px;
        color: #ff9700;
    }

    .cuubtn-prode button.btn-primary:hover, .cuubtn-prode button.btn-primary:focus, .cuubtn-proden button.btn-primary:active {
        outline: none;
        box-shadow: none;
        border-radius: 25px;
        color: white;
        background-color: #ff9700;
        border: 1px solid #ff9700;
    }

.btn-group-vertical .btn-round {
    width: 38px;
    height: 38px;
}

.btn-group-vertical > button {
    margin-bottom: 15px;
    border-radius: 24px !important;
    width: 25px;
}

.border-radius-12px {
    border-radius: 12px;
    padding-top: 15px;
}

.prod-det-map {
    width: 700px;
    height: 400px;
    border-radius: 12px;
}

.ledet-container-pag .tooltip {
    left: 36px !important;
    opacity: 1;
    font-size: 10pt;
}

    .ledet-container-pag .tooltip .tooltip-arrow {
        display: none;
    }

.btn-group-vertical .tooltip-inner {
    background-color: #337ab7 !important;
    padding-left: 24px;
    opacity: 1;
}

.btn-group-vertical .tooltip.right .tooltip-arrow {
    border-right-color: #337ab7;
}

#concepts .col-lg-6 {
    padding-left: 15px;
}

.profile-image-setting {
    background-color: #ddd;
    width: 36px;
    height: 36px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
}

#mainNaviTop li a.profile-image-setting:hover {
    background-color: #ddd;
}

.profile-image-setting-img {
    min-width: 100%;
    width: inherit;
    min-height: 100%;
    height: inherit;
    object-fit: cover;
    object-position: center;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin: 0px auto;
    padding: 0;
}

.border-radius-12px ul {
    padding-left: 15px;
}

.prodet-info .h3 {
    padding-bottom: 0px;
}

.TravelBox {
    padding: 10px 40px;
    background: #4d484d;
    font-size: x-small;
    border-radius: 12px;
    color: white;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
    margin-bottom: 20px;
}

.ReportBox {
    font-size: 12px;
}

.TravelHeader {
    position: relative;
    text-align: center;
}

.travelh {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    width: auto;
    cursor: pointer;
    vertical-align: middle;
}

.travelicon {
    width: 100px;
    height: auto;
    display: block;
    margin-bottom: 4px;
    position: relative;
    overflow: hidden;
}

    .travelicon:before {
        content: '';
        display: block;
        width: 100%;
        padding-top: 100%;
    }

    .travelicon img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: inherit;
        min-width: 100%;
        height: inherit;
        padding: 0;
        margin: 0;
        object-fit: cover;
        object-position: center;
        transform: translate(-50%, -50%);
    }

.captionTravel {
    display: block;
    vertical-align: middle;
    cursor: pointer;
}

    .captionTravel input {
        display: inline-block;
        vertical-align: middle;
        margin: 0 6px 0 0;
    }

.travelcaption {
    display: block;
}

.travekBgFlight {
    background: transparent url('../Content/Images/booking_bg_flight.jpg');
}

.travekBgHotel {
    background-image: url('../Content/Images/booking_bg_hotel.jpg');
}

.travekBgCar {
    background-image: url('../Content/Images/booking_bg_transportation.jpg');
}

.travekBgActivity {
    background-image: url('../Content/Images/booking_bg_activity.jpg');
}

.travekBg {
    background-size: cover;
    background-position: 30%,center;
    background-repeat: no-repeat;
}

.hline-bottom {
    padding-bottom: 30px;
    border-bottom: 1px solid grey;
}

.verticalLine {
    border-left: 1px solid grey;
}

.btm-line-Travel-Color {
    color: white;
}

.selectoption-Travel-Color {
    color: black;
}

.prd-location-style {
    margin-bottom: 15px;
}

.prd-map-marker {
    margin-bottom: 15px;
    color: red;
    display: table-cell;
}

.prd-map-address {
    display: table-cell;
    padding-left: 10px;
}

#prodet-map.prd-map-style {
    width: 700px;
    height: 400px;
    border-radius: 12px;
}

.prod-map-container {
    position: fixed;
    width: 100%;
}
/*Pro Account || 2017-07-25*/
.proacc-table-wrapper {
    width: 100%;
}

.nav-tabs-library > li.active > a {
    background-color: transparent;
    border-bottom-color: #f2f2f2;
}

    .nav-tabs-library > li.active > a:hover, .nav-tabs-library > li.active > a:focus {
        background-color: transparent;
        border-bottom-color: #f2f2f2;
    }

.proacc-table-rows > td {
    width: 33.3333%;
    height: auto;
    vertical-align: top;
}

.proacc-table-wrapper table {
    table-layout: fixed;
}

.cssPagination .pages > .page:target ~ .page:last-child, .cssPagination .pages > .page {
    display: none;
}

    .cssPagination .pages > :last-child, .cssPagination .pages > .page:target {
        display: block;
    }

.contact-home-tab-img img {
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    display: block;
    object-fit: cover;
    overflow: hidden;
}

.nav-tabs-news {
    margin-bottom: -1px;
}

    .nav-tabs-news > li.active > a {
        background-color: transparent;
        border-bottom-color: #fff;
    }

        .nav-tabs-news > li.active > a:hover, .nav-tabs-news > li.active > a:focus {
            background-color: transparent;
            border-bottom-color: #fff;
        }

.nav-tabs-library > li.active > a:hover, .nav-tabs-library > li.active > a:focus {
    background-color: transparent;
    border-bottom-color: #f2f2f2;
}

.dl-sec-downloadsapp {
    text-align: center;
}

    .dl-sec-downloadsapp button {
        width: auto;
        max-width: 135px;
        padding: 0;
        margin: 0;
        display: inline-block;
        border: none;
        outline: none;
        text-decoration: none;
    }

        .dl-sec-downloadsapp button img {
            width: 100%;
            height: auto;
            padding: 0;
            margin: 0;
        }

.ledetails-info-holder {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

.ledetinfo-cont-container {
    width: 30%;
    height: auto;
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

    .ledetinfo-cont-container > div {
        width: auto;
        max-width: 100%;
        padding: 0 12px;
    }
/*#create-plan-container #create-plan-modal-container, #edit-plan-container #edit-plan-modal-container{
    max-width:none;
    width:90%;
    max-height:90%;
    overflow:auto
}*/
/*Contributor Admin Page*/
.admin-contr-chkbx {
    margin: 0px;
    padding: 0px;
    width: 3%;
    border: 0px;
    text-align: center;
}

#View-session-assessment .viewass {
    max-height: 90%;
    overflow-y: auto;
}

.planner-img-list {
    margin: 0px;
    padding-right: 10px;
}

.planner-content-List {
    margin: 0px;
    padding: 0px;
}

.hub-assessement-list {
    margin: auto;
    padding: 10px;
}

.hub-le-hold .hub-assessement-list div.hub-assmt-list-ctas {
    width: 100%;
}

.hub-le-hold .hub-assessement-list {
    position: relative;
    width: 100%;
    height: auto;
    padding: 10px;
    margin: 2px 0;
    display: inline-block;
}

    .hub-le-hold .hub-assessement-list:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        width: 100%;
        margin-bottom: -2px;
        border-bottom: 1px solid #ddd;
    }

    .hub-le-hold .hub-assessement-list:last-child:after {
        display: none;
        border: none;
    }

    .hub-le-hold .hub-assessement-list.leChecked {
        border: none;
        border-radius: 0;
        box-shadow: none;
        background-color: #f0fbf9;
    }

    .hub-le-hold .hub-assessement-list div {
        padding: 0;
        margin: 0;
        display: inline-block;
        vertical-align: top;
        float: left;
    }

.hub-assessement-list input, .hub-assessement-list button, .hub-assessement-list span.hub-assessement-list-name {
    display: inline-block;
    vertical-align: top;
    float: none;
}

.hub-le-hold .hub-assessement-list div.hub-assessement-list-name {
    width: 100%;
}

.hub-assessement-list div.hub-assessement-list-name span.hub-assessement-list-name {
    width: 100%;
    margin: 0 0.5%;
    font-size: 10.5pt;
    text-align: left;
    color: #555;
}

.hub-assessement-list.leChecked div.hub-assessement-list-name span {
    color: #337ab7;
}

.hub-le-hold .hub-assessement-list div.hub-assmt-list-ctas {
    width: 100%;
}

.hub-assessement-list button {
    background-color: transparent;
    position: relative;
    width: 46%;
    height: auto;
    padding: 2px;
    margin: 0 2%;
    border-radius: 50%;
    font-family: 'Oleo Script', cursive;
    font-size: 14pt;
    text-align: center;
    color: #ddd;
    border-width: 2px;
    -khtml-transition-duration: 0.45s;
    -webkit-transition-duration: 0.45s;
    transition-duration: 0.45s;
    cursor: pointer;
    float: right;
}

    .hub-assessement-list button.btn:before {
        content: '';
        display: block;
        padding-top: 100%;
    }

    .hub-assessement-list button span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        display: block;
        text-align: center;
        line-height: 200%;
    }

    .hub-assessement-list button.btn[disabled] {
        display: none;
    }

.hub-le-hold .hub-le-list div.hub-assmt-list-ctas {
    width: auto;
    text-align: left;
    display: -webkit-box;
}

.hub-assmt-list-ctas button {
    width: 40px;
    height: auto;
    float: left;
}

.hub-le-list button#view-le:hover, .hub-le-list button#view-le:active:hover, .hub-le-list button#view-le:focus, .hub-le-list button#view-le:active:focus {
    background-color: transparent;
    border-color: #337ab7;
    color: #337ab7;
}

.hub-le-list button#delete-le:hover, .hub-le-list button#delete-le:active:hover, .hub-le-list button#delete-le:focus, .hub-le-list button#delete-le:active:focus {
    background-color: transparent;
    border-color: #bf0000;
    color: #bf0000;
}

.assdescription {
    color: steelblue;
    padding-left: 0;
}

.col-md-8 #top-search-panel-product.btn {
    padding: 6px 6px;
    font-size: 10pt;
}

.section-lproduct .panel-group .panel {
    border: none;
    box-shadow: none;
}

button.btn.filters {
    /*background-color: transparent;
    border-bottom: 1px solid #ccc !important;*/
}

.prod-le-bg .section-lproduct {
    padding-top: 0px;
}

.panel-collapse.collapse-custome {
    position: absolute;
    background-color: rgb(255, 255, 255);
    z-index: 999;
    max-width: 600px;
    width: 500px;
    border-radius: 5px;
    margin-top: 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 14px 36px 2px;
    visibility: visible;
    white-space: normal;
}

.btn.filters:active, .btn.filters:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#prodTopBar {
    width: 90%;
}

.search-sec {
    background-color: #fff;
    z-index: 99;
    position: fixed;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .search-sec.mobile {
        position: relative;
    }

#product-list-container {
    padding-top: 65px;
}
/* Mobile Media Queries */
@media (max-width:1100px) {
    #carousel-example-generic-1 .carousel-control {
        width: 0;
        font-size: 30px;
        color: #999;
    }

        #carousel-example-generic-1 .carousel-control .glyphicon-chevron-right {
            margin-right: -5px;
        }

        #carousel-example-generic-1 .carousel-control .glyphicon-chevron-left {
            margin-left: -5px;
        }

    #myCarousel .carousel-item-nav {
        bottom: 12%;
    }

    .le-cont h2, .travel-cont h2, .itinerary-cont h2 {
        font-size: 15pt;
    }

    .home-prod-carousel {
        padding-bottom: 80px;
    }

    .product-panel-bg.home {
        margin: 0 auto;
        float: none;
    }

        .product-panel-bg.home .product-panel-body {
            margin: 0;
        }
}

@media only screen and (max-width : 767px) {
    /* banner signup mobile */
    .home-header-top-blue {
        height: 65px !important;
    }

    .home-headtop-wrap, .home-header-top-main {
        height: 59px;
        background-color: #ffffff;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    }

    /* landing page mobile */
    #myCarousel .item.slides.active .carousel-contents {
        margin-left: 10%;
        bottom: 0;
        position: absolute;
    }

    #myCarousel .carousel-contents {
        height: auto;
    }

    .home-head-carousel h4 {
        font-size: 20pt;
    }

    .travel-sectionExp {
        width: 90%;
    }

    .benefits {
        width: 94%;
    }

    .travel-sectionExp .carousel-control {
        width: 0;
        top: 20%;
        font-size: 30px;
        color: #999;
    }

    .travel-sectionExp .four-box {
        margin-top: 70px;
    }

    .travel-sectionExp .gp-travel h2, .travel-sectionExp .travel h2, .travel-sectionExp .le-exp h2, .travel-sectionExp .itinerary h2 {
        font-size: 16pt;
    }

    .travel-sectionExp .offer {
        padding: 5% 0 3%;
    }

    .travel-sectionExp .carousel-inner {
        height: 400px;
    }

    .travel-sectionExp .carousel-control .glyphicon-chevron-right {
        margin-right: -15px;
    }

    .travel-sectionExp .carousel-control .glyphicon-chevron-left {
        margin-left: -15px;
    }

    .travel-sectionExp .gp-travel, .travel-sectionExp .travel, .travel-sectionExp .le-exp, .travel-sectionExp .itinerary {
        padding: 0px 5px;
    }

    .travel-cont {
        background-color: #f2f2f2;
        padding: 4% 0;
    }

    .down-triangel {
        width: 100%;
        height: 0;
        border-left: 47vw solid #f2f2f2;
        border-right: 47vw solid #f2f2f2;
        border-top: 70px solid #FFFFFF;
        margin-top: -18px;
    }

    .down-triangel-middle {
        width: 0;
        height: 0;
        border-left: 47vw solid transparent;
        border-right: 47vw solid transparent;
        border-top: 70px solid #f2f2f2;
    }

    .travel-cont img {
        margin-top: 4%;
    }
    /* landing page footer */
    .footer-home-menu {
        float: inherit;
    }

    .container.footer-contain .panel-body {
        width: 100%;
        float: inherit;
    }

    .container.footer-contain {
        width: 100%;
    }

    ul.home-foot-navs {
        padding: 0 0 0 0;
    }

    .home-foot-navs a.home-fcta {
        font-size: 3.6vw;
    }

    footer.visible-xs.footer-home-nav input.form-control {
        background-color: #01122b;
        border: none;
        border-radius: 0;
        height: auto;
    }

    footer.visible-xs .col-xs-7.nopadding {
        border-bottom: 2px solid #fff;
    }

    p.subs-cont span a {
        font-size: 3.6vw;
    }

    footer.visible-xs button[type="submit"] {
        font-size: 3.6vw;
        border: 1px solid #fff;
        padding: 7px 5px;
        margin-left: 5px;
    }
    /* Search and browse */
    .product-tab .nav-tabs {
        border: 1px solid #ddd;
        border-radius: 50px;
        width: 50%;
        margin-left: 25%;
        position: fixed;
        bottom: 20px;
        z-index: 99;
        background-color: #ffffff;
        box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.14);
        padding: 7px 0;
    }

        .product-tab .nav-tabs li:first-child {
            border-right: 2px solid #ccc;
            display: block;
            vertical-align: middle;
        }

        .product-tab .nav-tabs > li.active > a, .product-tab .nav-tabs > li.active > a:focus, .product-tab .nav-tabs > li.active > a:hover {
            background-color: transparent;
            border: none;
            color: #23527c;
        }

        .product-tab .nav-tabs > li {
            margin: 0;
        }

    .product-tab .nav > li > a {
        color: #555;
        padding: 0px 0px;
        margin-right: 0;
        display: unset;
        margin-right: 0;
    }

    .product-tab .tab-content, .le-details-tab {
        padding: 0 0;
    }

    .le-cont, .itinerary-cont {
        background-color: #FFFFFF;
        padding: 4% 0;
    }

    #product-list-container {
        padding-top: 30px;
    }

    i.fa.fa-sliders.fa-2 {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .filter-modal button.btn {
        padding: 0 0;
        background-color: transparent;
        box-shadow: none;
        color: #555;
        font-weight: bold;
    }

    span.filter {
        font-size: 13.5pt;
        color: #555;
    }

    .visible-xs .modal-dialog .modal-content {
        position: relative;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: none;
        border-radius: 0;
        outline: 0;
        -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
        box-shadow: 0 3px 9px rgba(0,0,0,.5);
        top: 0;
        left: 0;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
        padding: 10px 0 0;
    }

        .visible-xs .modal-dialog .modal-content .form-group label {
            font-size: 10pt;
        }

    .visible-xs .modal-dialog .modal-header {
        background-color: #fff;
        width: 100%;
        text-align: center;
    }

    .visible-xs .modal-dialog .modal-title {
        font-weight: normal;
    }

    .visible-xs input#filter-reset,
    .visible-xs input#filter-reset-xs {
        padding: 8px 16px;
    }

    .visible-xs input#filter-poi-xs,
    .visible-xs input#filter-poi {
        padding: 8px 16px;
    }

    .filtc.close {
        font-size: 35px;
        font-weight: 300;
        opacity: 0.7;
    }

    .vertical-alignment-helper {
        display: table;
        height: 100%;
        width: 100%;
        pointer-events: none;
    }

    .vertical-align-center {
        /* To center vertically */
        display: table-cell;
        vertical-align: middle;
        pointer-events: none;
    }

    .modal-content {
        /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
        width: inherit;
        max-width: inherit; /* For Bootstrap 4 - to avoid the modal window stretching 
full width */
        height: inherit;
        /* To center horizontally */
        margin: 0 auto;
        pointer-events: all;
    }
}

@media (min-width: 767px) and (max-width: 1100px) {
    .travel-sectionExp, .benefits {
        width: 94%;
    }

    .four-box-btn .btn-default {
        font-size: 12px;
    }

    #product-list-container {
        padding-top: 30px;
    }

    i.fa.fa-sliders.fa-2 {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .filter-modal button.btn {
        padding: 0 0;
        background-color: transparent;
        box-shadow: none;
        color: #555;
        font-weight: bold;
    }

    span.filter {
        font-size: 13.5pt;
        color: #555;
    }

    .visible-sm .modal-dialog .modal-content {
        position: relative;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: none;
        border-radius: 0;
        outline: 0;
        -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
        box-shadow: 0 3px 9px rgba(0,0,0,.5);
        top: 0;
        left: 0;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
        padding: 10px 0 10px;
    }

        .visible-sm .modal-dialog .modal-content .form-group label {
            font-size: 10pt;
        }

    .visible-sm .modal-dialog .modal-header {
        background-color: #fff;
        width: 100%;
        text-align: center;
    }

    .visible-sm .modal-dialog .modal-title {
        font-weight: normal;
    }

    .visible-sm input#filter-reset {
        padding: 8px 16px;
    }

    .visible-sm input#filter-poi {
        padding: 8px 16px;
    }

    .filtc.close {
        font-size: 35px;
        font-weight: 300;
        opacity: 0.7;
    }

    .product-tab .nav-tabs {
        border: 1px solid #ddd;
        border-radius: 50px;
        width: 30%;
        margin-left: 35%;
        position: fixed;
        bottom: 20px;
        z-index: 999999;
        background-color: #ffffff;
        box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.14);
        padding: 7px 0;
    }

        .product-tab .nav-tabs li:first-child {
            border-right: 2px solid #ccc;
            display: block;
            vertical-align: middle;
        }

        .product-tab .nav-tabs > li.active > a, .product-tab .nav-tabs > li.active > a:focus, .product-tab .nav-tabs > li.active > a:hover {
            background-color: transparent;
            border: none;
            color: #23527c;
        }

        .product-tab .nav-tabs > li {
            margin: 0;
        }

    .product-tab .nav > li > a {
        color: #555;
        padding: 0px 0px;
        margin-right: 0;
        display: unset;
        margin-right: 0;
    }

    .product-tab .tab-content, .le-details-tab {
        padding: 0 0;
    }
}

@media (min-width: 1200px) and (max-width: 1305px) {
    .prod-pn-prodaction p.purch-check {
        padding: 8px;
    }

    .prod-pn-prodname {
        font-size: 8.5pt;
    }
}

.ckeditor-html5-audio {
    width: 100%;
}

.schlvl-label {
    padding: 3px 3px;
    font-style: normal;
    font-weight: 400;
    border-radius: 5em;
    display: inline-block;
}

.lwsecond-label {
    background-color: #d49ed4;
    color: #fff;
}

.uppsecond-label {
    background-color: #561358;
    color: #fff;
}

.general-label {
    background-color: #56AA58;
    color: #fff;
}

.assessmentComments {
    max-width: none;
    margin-bottom: 20px;
}

.prod-detail-subject-img {
    width: 55%;
    margin: 8px 0 0 10px;
}

.prod-subject-img {
    width: 55%;
    margin: 20% 0 0 22%;
}

.poi-name {
    color: #337ab7;
    font-weight: 700;
}

.poi-container {
    text-align: left;
    padding: 0 0 5px 0;
    display: flex;
}

.subject-geography {
    color: #8cc5a2;
}

.subject-literature {
    color: #fac800;
}

.subject-history {
    color: #ab7549;
}

.subject-physics {
    color: #a0a446;
}

.subject-chemistry {
    color: #786f80;
}

.subject-bio {
    color: #376f9e;
}

.subject-math {
    color: #7d92cb;
}

.subject-add-math {
    color: #4c5a63;
}

.subject-science {
    color: #adb2c6;
}

.subject-humanities {
    color: #f67936;
}

.subject-physical-education {
    color: #67c8ce;
}

.subject-general {
    color: #337ab7;
}

.btn-prod-all.active {
    background-color: #333b96;
    color: #fff;
}

    .btn-prod-all.active, .btnfavon, .btn-prod-all.active:focus, .btnfavon:focus {
        background-color: #555;
        color: #fff;
    }

.label_39, div#jivo-iframe-container.jivo-collapsed:not(.jivo-c-mobile) {
    z-index: 99 !important;
}
/*._orinationRight_25.wrap_mW.toBottom{bottom:170px;}*/
.truncate-ellipsis {
    display: table;
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}

    .truncate-ellipsis > * {
        display: table-cell;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis; /* required for Opera */
        -ms-text-overflow: ellipsis; /* required for IE8, allegedly */
    }

.prodinfo-margin-bottom {
    margin-bottom: 10px;
}

.line-clamp {
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis; /* required for Opera */
    -ms-text-overflow: ellipsis; /* required for IE8, allegedly */
    height: 5.71em;
}

.plan-title-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis; /* required for Opera */
    -ms-text-overflow: ellipsis; /* required for IE8, allegedly */
    white-space: nowrap;
    display: block;
}

.plan-to-hub-txt {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.delete-journal-tag-submit {
    visibility: hidden;
}

.plan-share-user {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eeeeee;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    line-height: 13px;
    cursor: default;
}

    .plan-share-user span {
        word-wrap: break-word;
    }

[id*="share-plan-user-row-"]:last-child hr {
    display: none;
}

[id*="share-plan-user-row-"] > div {
    word-break: break-all;
}
/* For Firefox */
input[type='number'] {
    -moz-appearance: textfield;
}

#share-user-plan > span > span > span > ul > li.select2-search--inline, #share-user-plan > span > span > span > ul > li.select2-search__field {
    width: 100% !important;
}

.select2-search__field {
    width: 100% !important;
}
/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Hub mark right or wrong */
.like-retry-selector input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.question {
    background: #808080;
    color: #fff !important;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    padding: 10px 10px;
    margin-bottom: 1px !important;
}

    .question img {
        max-width: 100%;
        height: auto !important;
        cursor: pointer;
    }

.session-sample-answer-panel.session-sitemap-content.col-md-12 {
    min-height: 0px;
}

.session-sample-answer-panel.ck-attach.leview {
    background: rgba(157,157,157, 0.8);
}

.session-sample-answer-panel.ck-attach {
    background: #fff;
    /*border-radius: 7px;*/
    padding: 0 15px 0 15px;
    min-height: 0 !important;
}

.answer {
    background: #39B54A;
    /*border-radius: 7px;*/
    float: right;
    margin-top: 15px;
    color: #fff;
    padding: 10px 10px 30px 10px;
}

.ref-specific.answer {
    background: #ff9700;
    /*border-radius: 7px;*/
    float: right;
    margin-top: 15px;
    color: #fff;
    padding: 10px 10px 30px 10px;
}

.session-sample-answer span {
    margin: 5px 5px;
}

.session-le-sitemap .session-sample-answer-btn {
    background: #808080;
    color: #fff;
    /*border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;*/
    width: 116px;
    text-align: center;
    padding: 2px 0;
    background: gray;
    /*border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;*/
}

.session-sample-answer.leview span li, .session-sample-answer.leview span p {
    color: #fff;
}

.session-sample-answer span li, .session-sample-answer span p {
    color: #000;
}

.like {
    width: 30px !important;
    height: 30px !important;
    background-image: url('Images/like_icon.png');
}

.retry {
    width: 30px !important;
    height: 30px !important;
    background-image: url('Images/retry_icon.png');
}

.input-group .like-retry-selector {
    position: absolute;
    right: 0;
    top: -35px;
}

.like-retry-selector input:checked + .radio-like-retry {
    opacity: 0.9;
    /*-webkit-filter: none;
    -moz-filter: none;
    filter: none;
    width: 48px !important;
    height: 48px !important;*/
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.session-sitemap-content span.no-answer {
    color: #808080;
}

.radio-like-retry {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100px;
    height: 70px;
    transition: all 100ms ease-in;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(43, 50, 50, 1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(43, 50, 50, 1);
    box-shadow: 0px 0px 10px 0px rgba(43, 50, 50, 1);
    border-radius: 50px;
}

.text-area-answer {
    border: 1px solid #ccc;
    border-radius: 7px !important;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.66);
    -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.66);
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.66);
    margin-top: 30px;
    margin-bottom: 15px !important;
    max-width: 100% !important;
}

.specific.btn-grey-white {
    background-color: #39B54A;
    color: #fff;
    border: none;
}

.radio-like-retry:hover {
    -webkit-filter: brightness(1.2) grayscale(0.5) opacity(0.9);
    -moz-filter: brightness(1.2) grayscale(0.5) opacity(0.9);
    filter: brightness(1.2) grayscale(0.5) opacity(0.9);
}

.hide-div {
    display: none;
}

.show-div {
    display: block;
}

.rating-symbol {
    padding-right: 5px;
}

.arrow-up-like {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid rgba(20, 20, 20, 0.28);
    position: absolute;
    top: 18px;
    right: 62px;
}

.arrow-up-retry {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid rgba(20, 20, 20, 0.28);
    position: absolute;
    top: 18px;
    right: 17px;
}

.bell-notification {
    position: absolute;
    color: red;
    top: -22px;
    left: -25px;
}

.comment-notification {
    font-size: 12px;
    background-color: red;
    width: 16px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    z-index: 2;
    border-radius: 3px;
    position: absolute;
    right: 0;
    top: -6px;
}

.hub-answer-status {
    display: inline-block;
    position: relative;
}
/*** HELP PAGE ***/
.search-banner {
    background: #0767b1;
    height: 225px;
}

    .search-banner h2 {
        font-weight: bold;
        color: #fff;
        margin-bottom: 30px;
    }

    .search-banner input.form-control.input-lg {
        border-radius: 0;
    }

    .search-banner .input-group-btn button {
        border-radius: 0;
    }

    .search-banner form input[name="search"] {
        background-color: #fff;
        width: 80%;
        padding: 12px;
        max-height: 50px;
        border-bottom: none;
    }

    .search-banner form button[type="submit"] {
        float: right;
        padding: 10px;
        background: #ddd;
        font-size: 17px;
        border: none;
        cursor: pointer;
        width: 20%;
    }
/*** Image Modal ***/
.modal.img-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

.modal-content.img-modal {
    margin: auto;
    display: block;
    width: 100%;
    max-width: 700px;
}

.img-modal-close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

    .img-modal-close:hover, .img-modal-close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }
/*=======================================
ledetails -teacher view
========================================*/
#ledetails-teacher .nav-tabs > li > a {
    transition: all 0.45s ease-in-out;
    -webkit-transition: all 0.45s ease-in-out;
}

#ledetails-teacher .nav-tabs > li#maps.active > a, #ledetails-teacher .nav-tabs > li#maps.active > a:hover, #ledetails-teacher .nav-tabs > li#maps > a:hover, #ledetails-teacher .nav-tabs > li#maps.active > a:focus {
    background-color: #153998;
    color: #fff;
}

#ledetails-teacher .nav-tabs > li#course-info-teacher.active > a, #ledetails-teacher .nav-tabs > li#course-info-teacher.active > a:hover, #ledetails-teacher .nav-tabs > li#course-info-teacher > a:hover, #ledetails-teacher .nav-tabs > li#course-info-teacher.active > a:focus {
    background-color: #576069;
    color: #fff;
}
/*.nav-tabs > li.pd-know> a,
.nav-tabs > li.pd-action > a,
.nav-tabs > li.pd-reflection > a {
    background-color: #ddd;
}*/
.nav-tabs > li.pd-know.active > a, .nav-tabs > li.pd-know.active > a:hover, .nav-tabs > li.pd-know > a:hover, .nav-tabs > li.pd-know.active > a:focus {
    background-color: darkblue;
    border: none;
    /*background-image:url('Images/knowledge_active.png');*/
}

.nav-tabs > li.pd-action.active > a, .nav-tabs > li.pd-action.active > a:hover, .nav-tabs > li.pd-action > a:hover, .nav-tabs > li.pd-action.active > a:focus {
    background-color: #AAAD00;
    border: none;
}

.nav-tabs > li.pd-reflection.active > a, .nav-tabs > li.pd-reflection.active > a:hover, .nav-tabs > li.pd-reflection > a:hover, .nav-tabs > li.pd-reflection.active > a:focus {
    background-color: #ff9700;
    border: none;
}

.custome-scroll {
    /*unicode-bidi:bidi-override;direction: rtl;overflow: scroll;overflow-x: hidden!important;*/
    overflow: auto;
    height: auto;
    padding: .5rem;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
}

    .custome-scroll::-webkit-scrollbar {
        width: 8px;
        text-align: center;
    }

    .custome-scroll.blue::-webkit-scrollbar-track {
        /*background-color: #555;*/
        -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
        width: 8px;
    }

    .custome-scroll.blue::-webkit-scrollbar-thumb {
        background-color: gray;
        -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.8);
        border-radius: 4px;
        width: 4px;
        margin: 0 auto;
        border: 1px solid gray;
    }

.pdaction .panel-body:nth-child(2n) {
    background: #AAAD00;
    color: #fff !important;
    /*border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;*/
    padding: 10px 10px;
    margin-bottom: 1px !important;
}

.pdaction .panel-body:nth-child(2n+1) {
    background: #808080;
    color: #fff !important;
    /*border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;*/
    padding: 10px 10px;
    margin-bottom: 1px !important;
}

.pdaction img {
    max-width: 100%;
    height: auto !important;
    cursor: pointer;
}

.pdref .panel-body:nth-child(2n) {
    background: #ff9700;
    color: #fff !important;
    /*border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;*/
    padding: 10px 10px;
    margin-bottom: 1px !important;
}

li#pd-knowledge a {
    background-image: url('Images/knowledge_inactive.png');
    background-repeat: no-repeat;
    height: 40px;
    background-size: 30px 30px;
    background-position: center;
}

li#pd-knowledge.active a {
    background-image: url('Images/knowledge_active.png');
    background-repeat: no-repeat;
    height: 40px;
    background-size: 30px 30px;
    background-position: center;
}

li#pd-action a {
    background-image: url('Images/action_inactive.png');
    background-repeat: no-repeat;
    height: 40px;
    background-size: 30px 30px;
    background-position: center;
}

li#pd-action.active a {
    background-image: url('Images/action_active.png');
    background-repeat: no-repeat;
    height: 40px;
    background-size: 30px 30px;
}

li#pd-reflection a {
    background-image: url('Images/reflection_inactive.png');
    background-repeat: no-repeat;
    height: 40px;
    background-size: 30px 30px;
    background-position: center;
}

li#pd-reflection.active a {
    background-image: url('Images/reflection_active.png');
    background-repeat: no-repeat;
    height: 40px;
    background-size: 30px 30px;
    background-position: center;
}

.pdref .panel-body:nth-child(2n+1) {
    background: #808080;
    color: #fff !important;
    /*border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;*/
    padding: 10px 10px;
    margin-bottom: 1px !important;
}

.pdref img {
    max-width: 100%;
    height: auto !important;
    cursor: pointer;
}

.pdknow .panel-body:nth-child(2n) {
    background: #526BAD;
    color: #fff !important;
    /*border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;*/
    padding: 10px 10px;
    margin-bottom: 20px !important;
}

.pdknow .panel-body:nth-child(2n+1) {
    background: #808080;
    color: #fff !important;
    /*border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;*/
    padding: 10px 10px;
    margin-bottom: 20px !important;
}

.pdknow img:not(.Wirisformula):not(.wrs_chemistry) {
    /*max-width: 100%;*/
}

/*Enable this because of this issue in asana : https://app.asana.com/0/1199522076540125/1201933527762228/f*/
.pdknow .session-le-sitemap img:not(.Wirisformula):not(.wrs_chemistry) {
    max-width: 100% !important;
    height: auto !important;    
}
.pdknow .session-le-sitemap div[id^='latestHist'] img {
    cursor: default !important;
}
.pdknow .session-le-sitemap div[id^='latestHist'] button img,
.pdknow .session-le-sitemap div[id^='anstxtbox'] img {
    cursor: pointer !important;
}
.pdknow img:not(.image-avatar) {
    height: auto;
    /*cursor: pointer;*/
}

.pdsitemap-link, .pdsitemap-marker {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 40px;
    height: 40px;
    position: absolute;
    cursor: pointer !important;
}

.pdsitemap-marker {
    background-image: url('Images/lessonicon.png');
}

.pdsitemap-link {
    background-image: url('Images/mapicon.png');
}

    .pdsitemap-link p, .pdsitemap-marker p, .sitemap-link p, .sitemap-marker p {
        font-family: sans-serif;
        text-justify: auto;
        line-height: 18px;
        font-weight: bold;
        position: relative;
    }

    .pdsitemap-link p {
        color: #fff;
        top: 11px;
        left: 23px;
        font-size: 1.2em;
    }

.pdsitemap-marker p {
    color: #FFFFFF;
    cursor: pointer;
    left: 10.7px;
    top: 5.1px;
    font-size: 1.2em;
}

.pdsitemap-area {
    /*width: 800px;
        height: 500px;*/

    box-shadow: 0 0 10px black;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    object-fit: cover;
}

.flex-wrap video:not(.ckeditor-html5-video) {
    width: 100%;
    height: auto;
    max-height: 600px;
}

.btn-dupli-expand-list {
    background-color: #fff;
    display: list-item;
    list-style: none;
    border-radius: 0;
    width: 100%;
    text-align: left;
}

    .btn-dupli-expand-list span {
        display: inline-block;
        vertical-align: top;
        width: 50%;
    }

        .btn-dupli-expand-list span.fa {
            padding-top: 0.2em;
        }

    .btn-dupli-expand-list.plan-add-dupli {
        color: #00a0dc;
    }

        .btn-dupli-expand-list.plan-add-dupli:hover, .btn-dupli-expand-list.plan-add-dupli:active:hover, .btn-dupli-expand-list.plan-add-dupli:focus, .btn-dupli-expand-list.plan-add-dupli:active:focus {
            background-color: #00aeb3;
            color: #fff;
        }

.tabpane-dupli-listexpand {
    position: relative;
}

    .tabpane-dupli-listexpand:hover .dupli-listexpand-btn-holder, .tabpane-dupli-listexpand:active:hover .dupli-listexpand-btn-holder, .tabpane-dupli-listexpand:focus .dupli-listexpand-btn-holder, .tabpane-dupli-listexpand:active:focus .dupli-listexpand-btn-holder, .btn.Add-Plan-Item:hover ~ .ctas-listexpand-btn-holder, .btn.Add-Plan-Item:active:hover ~ .ctas-listexpand-btn-holder, .btn.Add-Plan-Item:focus ~ .ctas-listexpand-btn-holder, .btn.Add-Plan-Item:active:focus ~ .ctas-listexpand-btn-holder {
        display: inherit;
        height: auto;
    }

.dupli-listexpand-btn-holder {
    width: 215px;
    background-color: #fff;
    border: 1px solid #555;
    overflow: hidden;
    border-radius: 6px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: none;
    transition: ease-in-out .45s;
    max-height: 50vh;
    overflow-y: auto;
}
/*======================================*/
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .modal-content.img-modal {
        width: 100%;
    }
}
/***********************************/
.le-banner {
    position: relative;
}

.text-le-banner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .text-le-banner.visible-xs {
        width: 100%;
    }

    .text-le-banner.hidden-xs span img {
        margin-left: -70px;
        position: absolute;
    }

h1.centered {
    text-shadow: none;
    color: #fff;
    font-weight: bold;
    margin: 15px 0;
    letter-spacing: 6px;
    font-size: 32px;
}

    h1.centered.visible-xs {
        font-size: 6.5vw;
    }

.text-le-banner hr {
    width: 70%;
    border: 1.3px solid #fff;
}

.text-le-banner p {
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin: 0 auto;
}

    .text-le-banner p.visible-xs {
        font-size: 5.5vw;
    }

.top-sec {
    padding-top: 50px;
}

    .top-sec.visible-xs {
        padding-top: 0px;
    }

        .top-sec.visible-xs h1 {
            font-size: 6.5vw;
            font-weight: 400;
            line-height: 1.4;
            margin: 15px auto;
        }

        .top-sec.visible-xs p {
            font-size: 4.7vw;
            width: 94%;
            padding: 15px 0;
        }

        .top-sec.visible-xs .product-slider {
            padding: 3%;
        }

.proaccount .top-sec.visible-xs hr.small-brd {
    width: 15%;
    border: 1.5px solid #000;
}

.proaccount h1 {
    text-shadow: none;
}

.proaccount hr.small-brd {
    width: 5%;
    border: 1.5px solid #000;
}

.top-sec p {
    font-size: 19px;
    width: 52%;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
}

.top-sec ul.top-sec-list {
    margin-left: 50px;
    line-height: 1.7;
}

    .top-sec ul.top-sec-list li {
        font-size: 19px;
    }

.pro-box {
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    color: #414141;
    padding: 20px 0;
    height: 700px;
}

.visible-xs .pro-box {
    padding: 1px 0;
    height: 550px;
}

.pro-box h2 {
    color: #414141;
    font-size: 36px;
    font-weight: 700;
}

.visible-xs .pro-box h2 {
    font-size: 7.5vw;
}

.pro-box h5 {
    color: #999997;
    font-size: 17px;
    font-weight: 400;
}

.pro-box h2.dark-blue {
    color: #204199;
}

.pro-box p {
    font-size: 19px;
    width: 60%;
    margin: 0 auto;
    padding: 20px 0;
}

.visible-xs .pro-box p {
    font-size: 4.7vw;
    width: 94%;
    padding: 10px 0;
}

.pro-box button.btn-lg {
    background: #fff;
    border: 1px solid #2B689C;
    border-radius: 18px;
    width: 45%;
    height: 55px;
    margin-bottom: 35px;
}

.visible-xs .pro-box button.btn-lg {
    width: 60%;
    height: 45px;
    margin-bottom: 5px;
}

.pro-box button.btn-lg.ctc-blue {
    background: #204199;
    color: #fff;
}

.pro-box p:nth-of-type(2) {
    text-align: left;
    width: 90%;
}

.pro-box ul {
    list-style: none;
    text-align: left;
}

    .pro-box ul li {
        font-size: 17px;
        line-height: 1.99;
    }

.visible-xs .pro-box ul li {
    font-size: 4.7vw;
    line-height: 1.7;
}

.visible-xs .pro-box ul {
    padding-left: 3%;
}

.pro-box ul li:before {
    content: '✓';
    margin-right: 20px;
    color: #204199;
    font-size: 19px;
    font-weight: 700;
}

section.testimonals .bs-example {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}

.visible-xs .pro-box ul li:before {
    margin-right: 10px;
}

.proaccount .testimonals {
    margin-bottom: 0px;
}

.product-slider {
    padding: 45px;
}

    .product-slider #carousel {
        margin: 0;
    }

    .product-slider #thumbcarousel .item {
        text-align: center;
    }

        .product-slider #thumbcarousel .item .thumb {
            width: 20%;
            display: inline-block;
            vertical-align: middle;
            cursor: pointer;
            max-width: 98px;
            padding: 5px 5px 0 0;
        }

    .product-slider .item img {
        width: 100%;
        height: auto;
    }

.carousel-control {
    color: #0284b8;
    text-align: center;
    text-shadow: none;
    font-size: 30px;
    width: 30px;
    height: 30px;
    line-height: 20px;
    top: 23%;
}

    .carousel-control:hover, .carousel-control:focus, .carousel-control:active {
        color: #333;
    }

    .carousel-caption, .carousel-control .fa {
        font: normal normal normal 30px/26px FontAwesome;
    }

.carousel-control {
    background-color: rgba(0, 0, 0, 0);
    bottom: auto;
    font-size: 20px;
    left: 0;
    position: absolute;
    top: 30%;
    width: auto;
}

    .carousel-control.right, .carousel-control.left {
        background-color: rgba(0, 0, 0, 0);
        background-image: none;
    }

    .top-sec .visible-xs .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
        margin-left: 10px;
        color: #fff;
    }

    .top-sec .visible-xs .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-right {
        margin-right: 10px;
        color: #fff;
    }

.question-bottom {
    padding: 0 4%;
}

    .question-bottom .panel-group {
        width: 92%;
    }

    .question-bottom .panel-heading .accordion-toggle.collapsed:after {
        content: "\e080";
    }

    .question-bottom .panel-heading .accordion-toggle:after {
        font-family: 'Glyphicons Halflings';
        content: "\e114";
        float: right;
        color: #999997;
        font-size: 15px;
    }

    .question-bottom .panel-heading {
        background-color: transparent;
        border-color: #ddd;
        padding: 10px 0px;
    }

    .question-bottom .panel-default {
        border-color: transparent;
    }

    .question-bottom h5.panel-title {
        color: #999997;
        font-size: 19px;
        padding: 10px 0;
    }

    .question-bottom .panel-default .panel-body p {
        font-size: 17px;
        color: #414141;
    }

.gp-icon {
    float: left;
}

.gp-txt {
    display: table;
    margin-top: 10px;
    padding-left: 10px;
}

p.gp-title {
    color: #204199;
    font-weight: 700;
    font-size: 19px;
}

.gp-txt p:nth-child(2) {
    font-size: 16px;
}

.contact-us-map ul.gp-serv {
    list-style: none;
    padding-left: 0;
}

.contact-us-map .serv-con {
    padding: 3%;
}

.contact-us-map ul.gp-serv li {
    color: #3588CC;
    font-size: 18px;
    line-height: 1.8;
    text-decoration: underline;
}

    .contact-us-map ul.gp-serv li::after {
        content: "•";
        color: #000;
        float: left;
        margin-right: 10px;
    }

.proaccount .top-sec h1.visible-xs {
    font-size: 6.5vw;
    font-weight: 400;
    line-height: 1.4;
    margin: 15px auto;
}

.proaccount .top-sec hr.visible-xs {
    width: 15%;
    border: 1.5px solid #000;
}

.proaccount .top-sec p.visible-xs {
    font-size: 4.7vw;
    width: 94%;
    padding: 15px 0;
}

.serv-box {
    padding: 3%;
}

h1.suggest-help {
    font-size: 40px;
    text-align: left;
    text-shadow: none;
    font-weight: bold;
}

.suggested {
    padding: 30px 0px;
}

    .suggested h2 {
        font-size: 24px;
        font-weight: bold;
    }

    .suggested .col-md-4 p {
        color: #605E5E;
        font-size: 16px;
    }

    .suggested .arrow-right {
        display: table-cell !important;
        vertical-align: middle !important;
    }

        .suggested .arrow-right img {
            display: block;
            padding-right: 8px;
        }

.card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.card {
    min-width: 25%;
    word-wrap: break-word;
    background-clip: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 15px 0;
    max-width: 25%;
    border-radius: 12px;
    padding: 0 15px;
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

.sidebar-tabbing {
    margin-top: 25px;
}

    .sidebar-tabbing .panel {
        border: none;
        box-shadow: none;
    }

    .sidebar-tabbing .panel-heading h4.panel-title {
        text-align: left;
        font-weight: 400;
    }

    .sidebar-tabbing .panel-default > .panel-heading {
        background-color: #fff;
        color: #605E5E;
    }

    .sidebar-tabbing .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
        border: none;
        padding: 0;
    }

    .sidebar-tabbing .well {
        background-color: #fff;
        border: none;
        box-shadow: none;
        padding: 0;
        margin-bottom: 0;
    }

    .sidebar-tabbing .nav {
        text-align: left;
        border: none;
    }

        .sidebar-tabbing .nav > li > a {
            padding: 0px 0px 5px 20px;
            font-size: 15px;
            color: #999999;
        }

    .sidebar-tabbing .nav-pills > li.active > a, .sidebar-tabbing .nav-pills > li.active > a:hover, .sidebar-tabbing .nav-pills > li.active > a:focus {
        background-color: transparent;
        border-left: 2px solid red;
        border-radius: 0;
        color: #999999;
        font-weight: bold;
        border-right: none;
        border-top: none;
        border-bottom: none;
    }

button.btn.all-buttons.btn-grey-white.add-knowledge-step.step-edit {
    margin-left: -90px;
}

ul.nav.nav-pills.nav-stacked.col-md-12.le-details-tab {
    display: -webkit-box;
    position: fixed;
    bottom: 0;
    background-color: #29abe2;
    padding: 0;
}

.nav-pills.le-details-tab > li.active > a, .nav-pills.le-details-tab > li.active > a:hover, .nav-pills.le-details-tab > li.active > a:focus {
    background-color: white;
}

.nav.le-details-tab > li > a:hover, .nav.le-details-tab > li > a:focus {
    color: #ffffff;
    background-color: white;
}

.nav-pills.le-details-tab > li.active > a, .nav-pills.le-details-tab > li.active > a:hover, .nav-pills.le-details-tab > li.active > a:focus {
    background-color: #057f9b;
}

.nav.le-details-tab > li > a:hover, .nav.le-details-tab > li > a:focus {
    color: #fff;
    background-color: #29abe2;
}

.nav-pills.le-details-tab > li > a {
    border-radius: 0;
}

.nav-pills.le-details-tab > li.active .fa-stack-1x {
    color: #057f9b;
}

.nav-pills.le-details-tab > li.active .fa-stack-2x {
    background-color: #fff;
    border-radius: 50%;
}

.nav-pills.le-details-tab > li .fa-stack {
    margin-right: 10px;
}

.nav-stacked.le-details-tab > li + li {
    margin-top: 0;
}

.nav-pills.le-details-tab > li.active {
    font-weight: bold;
}

.newproduct-panel-coverimage {
    background-color: #ddd;
    position: relative;
    max-height: 160px;
    overflow: hidden;
    border-radius: 6px 6px 0 0;
}

    .newproduct-panel-coverimage img {
        position: relative;
        top: 0;
        left: 0;
        padding: 0;
        display: block;
        object-fit: cover;
        overflow: hidden;
    }

    .newproduct-panel-coverimage:after {
        content: '\A';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 50%,rgba(0,0,0,0.9) 100%);
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 50%, rgba(0,0,0,0.9) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 50%,rgba(0,0,0,0.9) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 );
        z-index: 1;
        overflow: hidden;
    }

#contentWrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

#contentLeft {
    z-index: 10;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.75);
    z-index: 9999999;
}

#contentRight {
    padding: 1.3rem 2rem;
    margin-left: 250px;
}

#leftNavigation {
    margin: 2rem 0;
}

    #leftNavigation, #leftNavigation li ul {
        list-style: none;
        padding: 0;
    }

        #leftNavigation li a {
            font-size: 0.875rem;
            display: block;
            padding: 0.8rem 1rem 0.8rem 3rem;
            color: #adadad;
            border-bottom: solid 1px #395673;
            text-overflow: ellipsis;
            overflow: hidden;
            position: relative;
            -webkit-transition: color 0.2s ease;
            transition: color 0.2s ease;
        }

            #leftNavigation li a, #leftNavigation li a .leftNavIcon {
                line-height: 120%;
            }

                #leftNavigation li a .leftNavIcon {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 3rem;
                    padding: 0.8rem 0;
                    text-align: center;
                }

                #leftNavigation li a:hover {
                    color: white;
                }

        #leftNavigation li ul {
            display: none;
            margin: 0;
            background-color: #17232f;
        }

            #leftNavigation li ul li a {
                border-bottom: solid 1px #233547;
            }

            #leftNavigation li ul li:last-child a {
                border-bottom: none;
            }

            #leftNavigation li ul li.active a {
                color: white;
            }

        #leftNavigation li.active > a {
            color: white;
        }

        #leftNavigation li.active ul {
            display: block;
        }

        #leftNavigation > li.active {
            background-color: #427c97;
        }

@media (min-width: 415px) and (max-width: 768px) {
    .testimonials-content h3 {
        font-size: 16px;
    }

    .testimonials-content p {
        font-size: 12px;
    }

    .pro-box {
        padding: 5px 0;
    }

        .pro-box p {
            width: 90%;
        }

        .pro-box button.btn-lg {
            width: 65%;
            margin-bottom: 3px;
        }

    .top-sec {
        padding-top: 0;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .pro-box p {
        width: 90%;
    }

    .pro-box button.btn-lg {
        width: 60%;
    }
}

@media (max-width: 767px) {
    ul.gp-serv li {
        font-size: 4.7vw !important;
    }

    .top-sec {
        padding-top: 0;
    }
}

.box-cProgress {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
    border-radius: 20px;
    overflow: hidden;
    height: 100px;
    margin-top: 50px;
}

.prod-subj-wrap {
    display: inline-block;
    position: relative;
    padding-right: 15px;
}

    .prod-subj-wrap span[class*="fa-"] {
        background-color: #FFF;
        padding: 1px;
        border-radius: 50%;
    }

        .prod-subj-wrap span[class*="fa-"]:first-child {
            margin-left: 0 !important;
        }

.prod-schlv-wrap {
    display: inline-block;
    position: relative;
    margin: auto 0;
    vertical-align: middle;
}

    .prod-schlv-wrap .schlvl-label {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;
    }

        .prod-schlv-wrap .schlvl-label:first-child {
            margin-left: 0 !important;
        }

        .prod-schlv-wrap .schlvl-label.schlvl-lbl-more {
        }

.m123-button {
    cursor: pointer;
    display: block;
    padding: 5px;
    font-size: 0.6em;
}

.m123-menu {
    display: none;
    list-style: none;
    padding: 3px 5px;
    cursor: pointer;
}

    .m123-button:hover ~ .m123-menu, .m123-button:active:hover ~ .m123-menu, .m123-menu:hover, .m123-menu:active:hover {
        display: block;
    }

.leapproved {
    color: limegreen;
    font-weight: bold;
}

.lereject {
    color: #DE3741;
    font-weight: bold;
}

.lepending {
    color: #ff9215;
    font-weight: bold;
    text-decoration-color: black;
}

.lepublish {
    color: #4594c3;
    font-weight: bold;
}

.ledefault {
    color: #7D7D7D;
    font-weight: bold;
}

.le-sitemap-create-coverimg {
    background-color: #e7e7e7;
    position: relative;
    top: 0;
    right: 0;
    margin: 0;
    text-align: center;
    overflow: hidden;
    align-items: center;
    border-radius: 10px;
}

    .le-sitemap-create-coverimg img {
        position: relative;
        align-items: center;
        width: 25%;
    }

.step-edit {
    border-radius: 50%;
    height: 50px;
    width: 50px;
}

.prod-subj-wrap .schsubj-label {
    background-color: #4c5a63;
    position: relative;
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 50%;
    border: 1px solid #FFF;
}

.schsubj-label .prod-subject-img {
    width: inherit;
    height: inherit;
    margin: -1px auto auto -1px;
    padding: 25%;
    object-fit: cover;
    object-position: center;
}

.bundle-about-box {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(92,92,92,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(92,92,92,1);
    box-shadow: 0px 0px 5px 0px rgba(92,92,92,1);
    border-radius: 5px;
    margin-bottom: 25px;
}

li.walking-guide-type, li.le-type {
    padding-left: 1.3em;
}

    li.le-type:before, li.walking-guide-type:before {
        content: "";
        background-size: 15px 15px;
        width: 15px;
        height: 15px;
        background-repeat: no-repeat;
        display: inline-block;
        margin-left: -1.3em; /* same as padding-left set on li */
        width: 1.3em; /* same as padding-left set on li */
        top: 1px;
        position: relative;
        padding-right: 20px;
    }

    li.le-type:before {
        background-image: url('Images/create_le_btn.png');
    }

    li.walking-guide-type:before {
        background-image: url('Images/create_walking-guide_btn.png');
    }

.alert-box {
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
}

.alert-upt {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    display: none;
}

@media screen and (max-width: 375px) {
    span.font-media-mobile {
        font-size: 12px !important;
    }
}

textarea.sessionAns {
    margin: 0px;
    width: 95%;
    height: 150px;
    color: #000;
    max-width: 95%;
    border-radius: 10px;
    padding: 5px 10px;
    resize: vertical;
    border-color: Transparent;
    overflow: auto;
}

    textarea.sessionAns:focus {
        border-color: #5bc0de;
        border-style: solid;
        border-width: 2px;
    }

.teaquestion {
    background-color: rgba(51, 119, 199, 0.2);
    /*color: #fff !important;*/
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    padding: 10px 10px;
    margin-bottom: 1px !important;
}

    .teaquestion img:not(.Wirisformula):not([src^='data:image/svg+xml;base64']) {
        max-width: 100%;
        width: 100% !important;
        height: auto !important;
        cursor: pointer;
    }

    .teaquestion video {
        width: 100% !important;
    }

.btn.music-reflection, .btn.video-reflection {
    width: 30px;
    height: 26px;
}

#SessionImages img {
    width: 32px;
}

.padding10 {
    padding: 10px;
}

.padding5 {
    padding: 5px;
}

.padding5-10 {
    padding: 5px 10px;
}

.tea-fee-answer-panel.session-sitemap-content.col-md-12 {
    min-height: 0px;
}

.tea-fee-answer-panel.ck-attach.leview {
    background: rgba(157,157,157, 0.8);
}

.tea-fee-answer-panel.ck-attach {
    background: transparent;
    border-radius: 7px;
    padding: 10px 15px 10px 15px;
    min-height: 0 !important;
    /* margin-left: 50px;*/
}

    .tea-fee-answer-panel.ck-attach.media {
        width: 20px;
        height: 20px;
    }

.stuanswer {
    background-color: white;
    color: #fff !important;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    padding: 10px 10px;
    margin-bottom: 1px !important;
}

.tea-fee-answer.leview span li, .tea-fee-answer.leview span p {
    color: #fff;
}

.rvw {
    padding: 9px 0px;
}

.oddRow {
    background-color: aliceblue;
}

.actions .view-review-btn, .comment.view-review-btn {
    cursor: pointer;
    width: 28px;
    height: 27px;
    vertical-align: text-bottom;
    border: solid 1px #eee;
    border-radius: 5px;
    background-color: #eee;
    font-size: 13pt;
}

    .actions .view-review-btn.appr {
        color: #17ad2b;
    }

    .actions .view-review-btn.rej {
        color: #cc0d0d;
    }

.vw > i, .comment > i {
    vertical-align: middle;
    font-size: 15px;
    bottom: auto;
    top: 3px;
    color: #337ab7;
}

.comment-row .txtComment {
    resize: vertical;
    min-height: 70px;
}

.actions .view-review-btn.rej:before, .actions .view-review-btn.appr:before, .view-review-btn:before {
    vertical-align: middle;
}

.rvw div[data-original-title="Approved"], .rvw div[title="Approved"] {
    color: #06b106;
}

.stea-fee-answer span li, .tea-fee-answer span p {
    color: #000;
}

.learnerChecked {
    border: 2px solid darkgray !important;
    background-color: darkgray !important;
    border-radius: 5px;
    box-shadow: 2px 3px 8px gray;
    color: #555;
}

.rvw div[data-original-title="Rejected"], .rvw div[title="Rejected"] {
    color: #f51c1c;
}

.rvw div[data-original-title="Pending For Approval"], .rvw div[title="Pending For Approval"] {
    color: #ec940b;
}

.rvw .commentCol {
    border-left: solid #337ab7;
}

.hub-lear-list {
    margin: auto;
    padding: 10px;
}

.hub-lear-hold .hub-lear-list.learnerChecked {
    border: none;
    border-radius: 0;
    box-shadow: none;
    background-color: #f0fbf9;
}

.hub-lear-list.learnerChecked div.hub-lear-list-name span {
    color: #337ab7;
}

.stuedufeanswer {
    background-color: transparent;
    color: #fff !important;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    padding: 10px 10px;
    margin-bottom: 1px !important;
}

    .stuedufeanswer img:not(.image-avatar):not(.three-dots-img) {
        max-width: 100%;
        height: auto;
        cursor: pointer;
    }

.snglCmnt {
    padding: 8px 1px;
}

.library-tag-label {
    padding: 3px 8px;
    font-style: normal;
    font-weight: bold;
    border-radius: 1em;
    display: inline-block;
    background-color: rgba(241, 233, 233, 0.7);
    z-index: 4;
    position: absolute;
}

div#jrn-save-back .btn {
    min-width: 70px;
    margin-bottom: 5px;
    padding: 7px 5px;
}

@media only screen and (min-width : 992px) {
    #Add_Day_Event .btnsDiv {
        padding: 3px 3px !important;
    }

    .sm-font {
        font-size: 11pt;
    }

    .btnDuplicate {
        width: auto !important;
    }
}

#Add_Day_Event .ctas-listexpand-btn-holder div {
    max-height: 470px;
    overflow: auto;
}

div#DayList {
    overflow: auto;
}

.bg-info-dark {
    background-color: #d6e4f4;
}

color-info-dark {
    color: #d6e4f4;
}

.well-rounded {
    border-radius: 7px;
    padding: 5px;
    display: grid;
    padding-bottom: 15px;
}

    .well-rounded .pan-search-box input {
        background-color: #fff;
        border-radius: 4px;
        border: none;
    }

.divider {
    min-height: 0px;
    border: solid 1px #c4dbf5;
    display: block;
    margin: 10px 0;
}

.badge.dot {
    min-width: 3px;
    padding: 0px 3px;
    font-size: 8px;
    line-height: 1;
    border-radius: 50%;
    background-color: #337ab7;
    color: #337ab7;
    margin: 1px 4px;
}

.dotCircle {
    height: 12px;
    width: 12px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    margin: 0 3px;
}

.questionactive {
    background-color: #666;
    color: white;
}

.eduradio-like-retry {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    /*width: 70px;
    height: 70px;*/
    transition: all 100ms ease-in;
    border-radius: 50px;
}

.confirm-email-box {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.nav-profile {
    display: flex !important;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.nav-profile-span {
    margin-top: auto !important;
    margin-bottom: auto !important;
    vertical-align: middle;
    inline-block !important;
}

.nav-profile-span-user {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.session-sample-answer.leview2 span li, .session-sample-answer.leview2 span p {
    color: black !important;
}

.btn-vdoconference {
    color: black;
    font-weight: bold;
    background-color: #e0ecf9;
}

    .btn-vdoconference:hover {
        color: #3377c7;
        font-weight: bold;
        background-color: #e0ecf9;
    }

.btn-vdoconference-icon {
    color: black;
    background-color: white;
}

.btn-vdoconference-group {
    border-radius: 6px;
    border: 2px #3377c7 solid;
}

ul.equation-list li, ul.equation-list-answered li {
    list-style-type: decimal;
    padding-left: 10px;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

::marker {
    color: #000;
}

div#StartLEModal:before, .over-all-timer-enabled:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #3481c9;
    content: "";
}

.over-all-timer-enabled:before {
    z-index: 99;
}

img[src='/Content/Images/error.png'] 
{
    width:initial !important;
    height:initial !important;
}

#library-page-description.pagination-wrapper {
    text-align: right;
}

@media only screen and (max-width: 768px) {
    #library-page-description.pagination-wrapper {
        text-align: center;
        margin-bottom: 5px;
    }

    .foot-socmed {
        font-size: 18pt !important;
    }
}

.form-group-label {
    display: block;
    margin-bottom: 1rem;
    font-weight: 700;
    color: #3D3D3D;
    text-transform: capitalize;
    text-align: left;
}

.form-group-input {
    max-width: 100%;
    border-radius: 10px;
    padding : 14px 12px 14px 12px;
    height: initial;
}

.form-group-input-with-icon {
    max-width: 100%;
    border-radius: 10px;
    padding: 14px 12px 14px 60px;
    height: initial;
}

.icon-container {
    position: absolute;
    color: #ffffff;
    background-color: #2e9fdc;
    height: 100%;
    padding: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px 0 0 10px;
}

.gradient-text {
    background: linear-gradient(to bottom, #94FF36, #005C1F);
    color: transparent;
    background-clip: text;
}

.gradient-image {
    width: 25px;
    height: 25px;
    mask-image: url('../Content/Images/Check.png');
    -webkit-mask-image: url('../Content/Images/Check.png');
    mask-size: 25px 25px;
    -webkit-mask-size: 25px 25px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background: linear-gradient(to bottom, #94FF36, #005C1F);
}
html, body {
    display: block !important;
}

body {
    font-family: 'Roboto' !important;
    -webkit-font-smoothing: antialiased;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
    height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px #337ab7;
    border-radius: 3px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #337ab778;
    border-radius: 10px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #afa9a9 !important;
    }

.nopadding
{
    padding: 0;
}

div#modalConfirm-message
{
    font-family: sans-serif,Arial, cursive;
    font-size: 15px;
}
#modalConfirm .confirmDialog {
    border: 0 !important;
}

#loading {
    position: fixed;
    z-index: 2147483647;
    top: 0;
    left: 0;
    /*background-color: transparent;*/
    background-color: #ffffff;
    /*background: url('Images/ajax-loader.gif') no-repeat 50% 50% transparent;*/
    opacity: 0.7;
    filter: alpha(opacity=100);
    width: 100% !important;
}

    #loading .loader
    {
        position: relative;
        background: url(Images/ajax-loader.gif) no-repeat;
        background-position: center center;
        margin: 0 auto;
        width: 50%;
        max-height: 1000px;
    }

.waiting
{
    cursor: progress;
}

.disable
{
    display: none;
}

#modalConfirm
{
    z-index: 999999999 !important;
}
/*=======================================
    SITEMAP
========================================*/

.sitemap-link,
.sitemap-marker
{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 40px;
    height: 40px;
    position: absolute;
}

.sitemap-link-preview,
.sitemap-marker-preview {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 40px;
    height: 40px;
    position: absolute;
}

.sitemap-marker
{
    background-image: url('Images/lessonicon.png');
}

    .sitemap-marker.active
    {
        transform: scale(1.5) translate(1.5px);
    }

.sitemap-link {
    background-image: url('Images/mapicon.png');
    -webkit-filter: drop-shadow(8px 8px 8px #000);
    filter: drop-shadow(8px 8px 8px #000);
}

    .sitemap-link p,
    .sitemap-marker p
    {
        text-justify: auto;
        line-height: 18px;
        word-wrap: break-word;
        font-weight: bold;
        position: relative;
    }
    /*.sitemap-marker.active  p{
    margin: 0px 0px 0px 0px !important;
}*/

    .sitemap-link p
    {
        /*color: #000000;*/
        /*font-weight: 900;*/
        color: #fff;
        /*position: relative;*/
        font-size: 1.4em;
        top: 11px;
        left: 8.5px;
    }

        .sitemap-link p i
        {
            padding-right: 4px;
            font-size: 13pt;
            vertical-align: middle;
        }

.sitemap-link-preview {
    background-image: url('Images/mapicon.png');
    -webkit-filter: drop-shadow(8px 8px 8px #000);
    filter: drop-shadow(8px 8px 8px #000);
}

    .sitemap-link-preview p,
    .sitemap-marker-preview p {
        text-justify: auto;
        line-height: 18px;
        word-wrap: break-word;
        font-weight: bold;
        position: relative;
    }
    /*.sitemap-marker.active  p{
    margin: 0px 0px 0px 0px !important;
}*/

    .sitemap-link-preview p {
        /*color: #000000;*/
        /*font-weight: 900;*/
        color: #fff;
        /*position: relative;*/
        font-size: 1.4em;
        top: 11px;
        left: 8.5px;
    }

        .sitemap-link-preview p i {
            padding-right: 4px;
            font-size: 13pt;
            vertical-align: middle;
        }

.sitemap-marker p
{
    color: #FFFFFF;
    cursor: pointer;
    left: -4.05px;
    top: 5.1px;
    font-size: 1.1em;
}

.sitemap-link:hover, .sitemap-marker:hover
{
    cursor: pointer;
}

.sitemap-link-preview:hover, .sitemap-marker-preview:hover {
    cursor: pointer;
}

.sitemap-marker:not(.active):hover
{
    transform: scale(1.1);
}

.sitemap-area
{
    display: contents !important;
    background-color: #e7e7e7;
    background-repeat: no-repeat;
    background-position: center;
    /* background-size: cover; */
    background-size: contain;
    width: 800px;
    height: 500px;
}

.sitemap-img-frame
{
    display: inline-block;
    margin: 0 auto;
}

.sitemap-cta-container
{
    background-color: rgba(255,255,255,0.55);
    opacity: 0;
    transition: all 0.25s ease-in-out;
}

    .sitemap-cta-container:hover, .sitemap-cta-container:active:hover
    {
        opacity: 1;
    }

.lockOnDirty.lock
{
    pointer-events: none;
    cursor: not-allowed;
}

.alert-dismissable .hide-alert, .alert-dismissible .hide-alert
{
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.hide-alert:hover, .hide-alert:focus
{
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}

.hide-alert
{
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

div.submap-wrapper
{
    display: inline-block;
}

    div.submap-wrapper.active .dropdown-toggle
    {
        color: white;
        background-color: #3377c7;
        border-color: none;
    }

.submap-wrapper:not(:last-child)
{
    margin-right: 7px;
    border-color: whitesmoke;
}

div.submap-wrapper-preview {
    display: inline-block;
}

    div.submap-wrapper-preview.active .dropdown-toggle {
        color: white;
        background-color: #3377c7;
        border-color: none;
    }

.submap-wrapper-preview:not(:last-child) {
    margin-right: 7px;
    border-color: whitesmoke;
}

/*.submap-wrapper:not(:last-child):after
{
       width: 0px;
    height: 0px;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 16px solid;
    border-left-color:inherit;
    margin-left: 2px;
    bottom: 0;
    pointer-events: none;
    content: " ";
    display: block;
    height: 13px;
    left: 98%;
    position: relative;
    right: auto;
    top: 0px;
    -webkit-transform: translateY(-102%);
    transform: translateY(-102%);
    width: 29px;
    transition: 0.2s ease;
}*/
/*======================================*/

/*-- General Shares--*/
.wrapper-min-height
{
}

.select-point.dropdown
{
    font-size: 16px;
}

    .select-point.dropdown i
    {
        font-size: 21px;
        vertical-align: middle;
    }

.beed-users
{
    padding-left: 65px !important;
}

.wbrk-all
{
    word-break: break-all;
}

.wbrk-word
{
    word-break: break-word;
}

/*--Main Navigation--*/
/*--main navigation--*/
.main-header-wrapper
{
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0;
    margin: 0;
}

.home-header-top-blue
{
    background-color: #01122b;
    width: 100%;
    padding: 0 5%;
    height: 7vh;
}

.home-headblue-wrap
{
    width: 100%;
    display: inline-table;
    margin: 0 auto;
    height: 5vh;
}

    .home-headblue-wrap > div[class*='home-header-top-blue-']
    {
        display: table-cell;
        width: 50%;
        vertical-align: middle;
        float: none;
    }

.home-header-top-blue-text
{
    font-size: 10pt;
    font-weight: normal;
    text-align: left;
    color: #fff;
}

.home-header-top-blue-button
{
    text-align: right;
}

ul.blue-head-menu-ul
{
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    text-align: right;
    list-style: none;
}

    ul.blue-head-menu-ul li
    {
        display: inline-block;
        float: none;
        padding: 0 5px;
        margin: 0;
        vertical-align: middle;
        font-size: 12pt;
        color: #fff;
    }

        ul.blue-head-menu-ul li a
        {
            font-size: 10pt;
            font-weight: 600;
            color: #fff;
        }

            ul.blue-head-menu-ul li a:hover, ul.blue-head-menu-ul li a:active:hover, ul.blue-head-menu-ul li a:focus, ul.blue-head-menu-ul li a:active:focus
            {
                color: #3d81bb;
            }

/*main-top*/
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
{
    background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar
{
    background-color: #ddd;
}

.home-header-top-main .navbar-default
{
    background: transparent;
    width: 100%;
    z-index: 101;
    padding: 0 5%;
}

.navbar-default .navbar-nav#mainNaviTop > li
{
    margin-left: 20px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a
{
    background-color: transparent;
    color: #333b96;
}

.navbar-nav > li > a.nav-menu-navyblue-orange
{
    color: #333b96;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus
{
    background-color: transparent;
    color: #ff9700;
}

.navbar-default .navbar-nav#mainNaviTop > .open > a, .navbar-default .navbar-nav#mainNaviTop > .open > a:hover, .navbar-default .navbar-nav#mainNaviTop > .open > a:focus
{
    background-color: transparent;
    color: #ff9700;
}

.navbar-nav > li > a.nav-menu-navyblue-orange:hover, .navbar-nav > li > a.nav-menu-navyblue-orange:focus
{
    background-color: transparent;
    color: #ff9700;
}

.dropdown-menu > li > a.nav-menu-navyblue-orange
{
    color: #333b96;
}

    .dropdown-menu > li > a.nav-menu-navyblue-orange:hover, .dropdown-menu > li > a.nav-menu-navyblue-orange:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover
    {
        background-color: transparent;
        color: #ff9700 !important;
    }

/*side menu - contributor*/
.login-menu-partial
{
    width: 65px;
}

    .login-menu-partial::-webkit-scrollbar
    {
        width: 0.35em;
    }

    .login-menu-partial::-webkit-scrollbar-track
    {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    }

    .login-menu-partial::-webkit-scrollbar-thumb
    {
        background-color: darkgrey;
        outline: 1px solid slategrey;
    }

#SideMenu .dropdown.panel > a[data-toggle="collapse"]:not(.collapsed)
{
    background-color: #DDD;
}

.side-menu-image
{
    background-color: #337ab7;
    position: relative;
    width: 4.4rem;
    height: 4.4rem;
}

.dropdown-treeview .side-menu-image
{
    width: 3.6rem;
    height: 3.6rem;
}

.dropdown-treeview .dropdown-treeview .side-menu-image
{
    width: 3rem;
    height: 3rem;
}

.dropdown-treeview .dropdown-treeview a
{
    font-size: 1rem;
}

.side-menu-image img
{
    object-fit: contain;
    object-position: center;
    width: inherit;
    height: inherit;
}

#SideMenu .dropdown.panel a:hover .side-menu-image
{
    background-color: #5391b7;
}

/*profile nav*/
.profile-image-setting
{
    background-color: #ddd;
    position: relative;
    width: 3rem;
    height: 3rem;
    overflow: hidden;
}

    .profile-image-setting img
    {
        position: relative;
        width: inherit;
        height: inherit;
        padding: 0;
        margin: auto;
        object-fit: cover;
        object-position: center;
    }

/*--button (JC)--*/

.btn-group
{
    display: inline-block;
}

.all-buttons
{
    transition: 0.45s all ease-in-out;
}

.btn-transp-grey-1 {
    background: transparent;
    color: #3377c7;
    border: none;
    border-radius: 30px;
    font-weight: 900;
}

    .btn-transp-grey-1:hover, .btn-transp-grey-1:active:hover
    {
        background-color: #f2f2f2;
        color: #555;
        border: none;
    }

.btn-transp-grey-2
{
    background: transparent;
    color: #555;
    border: none;
}

    .btn-transp-grey-2:hover, .btn-transp-grey-2:active:hover
    {
        background-color: #ddd;
        color: #555;
        border: none;
    }


.btn-grey-white-6
{
    display: inline-block;
    position: relative;
    top: -32px;
    left: 42%;
    padding: 1px 20px;
    background-color: white;
    font-size: 12px;
    border: 1px solid lightgrey;
    border-radius: 5em;
    text-align: center;
    width: auto;
}


    .btn-grey-white-6:hover, .btn-grey-white-6:active:hover
    {
        background-color: lightgrey;
    }

.btn-grey-white-4
{
    background-color: #FFF;
    color: #666;
    border: none;
}

    .btn-grey-white-4:hover, .btn-grey-white-4:active:hover
    {
        background-color: #666;
        color: #FFF;
        border: none;
    }

.btn-grey-white-5
{
    background-color: #bdbdbd;
    color: white;
    border: none;
    border-radius: 30px;
}

    .btn-grey-white-5:hover, .btn-grey-white-5:active
    {
        background-color: #a8a8a8;
        color: #FFF;
        border: none;
    }

.btn-blue-white-5
{
    background-color: #3377c7;
    color: white;
    border: none;
    border-radius: 30px;
}

    .btn-blue-white-5:hover, .btn-grey-white-5:active
    {
        background-color: #19528e;
        color: #FFF;
        border: none;
    }

.btn-red-white-5
{
    background-color: #cc3333;
    color: white;
    border: none;
    border-radius: 30px;
}

    .btn-red-white-5:hover, .btn-grey-white-5:active
    {
        background-color: #cc3333;
        color: #FFF;
        border: none;
    }

.btn-blue-orange-5
{
    background-color: #3377c7;
    color: white;
    border: none;
    border-radius: 30px;
}

    .btn-blue-orange-5:hover, .btn-grey-white-4:active:hover
    {
        background-color: #f0ad4e;
        ;
        color: #FFF;
        border: none;
    }

.btn-blue-green-5
{
    background-color: #3377c7;
    color: white;
    border: none;
    border-radius: 30px;
}

    .btn-blue-green-5:hover, .btn-grey-white-4:active:hover
    {
        background-color: #5cb85c;
        ;
        color: #FFF;
        border: none;
    }

.btn-blue-white-1
{
    background-color: #164c8c;
    color: white;
    border: none;
    border-radius: 30px;
}

    .btn-blue-white-1:hover
    {
        background-color: #106cd8;
        color: #FFF;
        border: none;
    }

.btn-blue-white-10
{
    background-color: #3377c752;
    color: white;
    border: none;
    border-radius: 30px;
}

    .btn-blue-white-10:hover, .btn-grey-white-4:active:hover
    {
        background-color: #19528e;
        color: #FFF;
        border: none;
    }

.btn-navyblue-white
{
    width: 60px;
    height: 60px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.4);
    background-image: linear-gradient(to bottom, #4193d4, #256abb) !important;
    border: none;
    border-radius: 50%;
    transition: all 300ms;
    z-index: 1;
    /*background-color:transparent;*/
}

.btn-navyblue-white-title-continer
{
    border-radius: 16px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
    background-image: linear-gradient(to bottom, #ffce54, #ffac2c);
    color: #fff;
    position: absolute;
    white-space: nowrap;
    right: 40px;
    max-width: 0;
    transition: all 300ms;
    overflow: hidden;
    padding: 6px 0;
    cursor: pointer;
}

.hoverable-btn-icon
{
    position: relative;
    display: flex;
    align-items: center;
}

    .hoverable-btn-icon:hover .btn-navyblue-white
    {
        background-image: linear-gradient(to bottom, #ffce54, #ffac2c) !important;
    }

    .hoverable-btn-icon:hover .btn-navyblue-white-title-continer
    {
        max-width: 400px;
        padding: 6px 40px 6px 20px;
    }

.btn-navyblue-white img
{
    width: 28px;
    height: 27.2px;
    object-fit: contain;
    border-radius: 1px;
    /*background-color: #ffffff;*/
}

.btn-navyblue-white:hover, .btn-navyblue-white:active:hover, .btn-navyblue-white:focus, .btn-navyblue-white:active:focus
{
    background-color: #333b96;
    border-color: #333b96;
    color: #fff;
}

.v-modal .v-dialog
{
    width: 100% !important;
    top: 30%;
}

.beed-users .v-modal .v-dialog
{
    top: 0;
}

.v-modal .modal-content
{
    width: 90%;
    min-width: 50%;
    max-width: 90%;
    margin: 0 auto;
}

@media screen and (min-width: 992px)
{
    .v-modal .modal-content.small
    {
        width: 50%;
        min-width: 50%;
        max-width: 50%;
    }
}

.v-modal .v-model-header
{
    display: flex;
}

    .v-modal .v-model-header h5
    {
        flex: 1;
    }

.new-folder-form
{
    display: flex;
    align-items: center
}

.add-new-folder-input-container
{
    flex: 1;
    max-width: initial;
    padding-left: 5px;
}

    .add-new-folder-input-container input
    {
        max-width: initial;
    }

.folder-container-ul
{
    list-style: none;
    padding: 0 30px;
}

@media only screen and (max-width: 768px) {
    .folder-container-ul {
        padding: 0;
    }
}

.folder-container-ul-li
{
}

.folder-container-simple-folder
{
    border-radius: 8px;
    border: solid 3px #dceeff;
    background-color: #ffffff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 0 10px 20px;
    margin-bottom: 17px;
    cursor: pointer;
}

    .folder-container-simple-folder .tooltip-inner
    {
        background-color: #fff;
        font-family: Roboto;
        font-size: 14px;
        color: #212121;
        border: 1px solid #eee;
    }

    .folder-container-simple-folder .tooltip.top .tooltip-arrow
    {
        border-top-color: #fff;
    }

    .folder-container-simple-folder:hover
    {
        background-color: #dceeff;
    }

    .folder-container-simple-folder.active
    {
        border: solid 3px #dceeff;
        background-color: #dceeff;
    }

    .folder-container-simple-folder h6
    {
        font-family: Roboto;
        margin-left: 17px;
        font-size: 16px;
        font-weight: 500;
        color: #000000;
        flex: 1;
        max-height: 20px;
        overflow: hidden;
        white-space: nowrap;
    }

    .folder-container-simple-folder i
    {
        color: #3377c7;
        margin-left: 11px;
    }

.folder-menu-container
{
    position: relative;
    padding-right: 10px;
    cursor: default;
}

    .folder-menu-container:hover .folder-menu
    {
        display: block;
    }

.folder-menu
{
    display: none;
    position: absolute;
    left: -70%;
    top: 90%;
    padding: 0;
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    border-radius: 7px;
    list-style: none;
    z-index: 7;
    overflow: hidden;
}

    .folder-menu > li
    {
        cursor: pointer;
        display: flex;
        padding: 10px 20px;
    }

        .folder-menu > li:hover
        {
            background-color: #ddd;
        }

        .folder-menu > li > img
        {
            margin-right: 5px;
            width: 15px;
        }

.folder-container-simple-folder span
{
    font-size: 14px;
    color: #3377c7;
}

.btn-navyblue-filled
{
    background-color: #333b96;
    color: #fff;
}

.library-title-container
{
    display: flex;
    align-items: center;
}

    .library-title-container h2 .rename-folder-action-in_title
    {
        cursor: pointer;
        right:-10px;
        top:22px;
    }

    .library-title-container > span.view-links
    {
        color: #3377c7;
        text-decoration: underline;
        cursor: pointer;
    }

.btn-navyblue-filled.btn-submenu
{
    width: 100%;
}

.search-container
{
    background-color: #ededed;
    padding: 12px;
    margin-top: -10px;
    margin-left: -20px;
    margin-right: -20px;
    position: relative;
    max-height: 300px;
    /*transition: max-height 400ms;*/
}

    .search-container.close
    {
        max-height: 0;
        padding: 0;
        overflow: hidden;
    }
    .search-container > img
    {
        position: absolute;
        top: 20px;
        left: 17px;
        cursor: pointer;
    }

    .search-container > input
    {
        padding-left: 27px;
        max-width:none;
    }

.folder-manager-container
{
    display: flex;
}

#managmentFolders ul
{
    list-style: none;
    padding: 0;
}

#main-folder-library ul
{
    padding-left: 15px;
}

#managmentFolders .modal-body
{
    padding: 0;
}

.folder-manager-container > aside
{
    flex: .2;
    border: 1px solid #e5e5e5;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
}

    .folder-manager-container > aside #main-folder-library
    {
        flex: 1;
    }

.folder-manager-container > section
{
    flex: 1;
    border: 1px solid #e5e5e5;
    padding: 0 20px 10px 20px;
}

.folder-manager-btn-container
{
    display: flex;
    justify-content: space-around;
}

    .folder-manager-btn-container button
    {
        width: 42px;
        height: 42px;
        border-radius: 5px;
        background-color: #f6f6f6;
        border: none;
        outline: none;
    }

        .folder-manager-btn-container button:disabled
        {
            opacity: 0.5;
        }


.btn-navyblue-filled:hover, .btn-navyblue-filled:focus, .btn-navyblue-filled:active:hover, .btn-navyblue-filled:active:focus
{
    background-color: #0a0e58;
    color: #fff;
}

.manage-le-folders-table
{
    height: 60vh;
    overflow-y: auto;
}

.btn-blue-1-white
{
    background: #29aae3;
    border-color: #29aae3;
    color: #FFF;
}

.manage-le-folders-table-items
{
    display: flex;
    align-items: center;
    border-radius: 6px;
    border: solid 1px #ededed;
    padding: 12px 14px;
    margin-bottom: 5px;
    cursor: pointer;
}

    .manage-le-folders-table-items > h6
    {
        font-size: 14px;
        line-height: 150%;
        color: #000000;
        flex: 1;
    }

    .manage-le-folders-table-items .manage-le-image-containter
    {
        display: flex;
        justify-content: center;
        align-items: center;
        background-size: cover;
        height: 4vw;
        width: 5vw;
        border-radius: 7px;
        margin-right: 32px;
        position: relative;
    }

        .manage-le-folders-table-items .manage-le-image-containter .breadShower
        {
            position: absolute;
            top: 0px;
            right: -20px;
            cursor:default;
        }

    .manage-le-folders-table-items .manage-le-location-containter
    {
        width: 25%;
        display: flex;
        align-items: center;
        padding-left: 30px;
    }

        .manage-le-folders-table-items .manage-le-location-containter i.fa
        {
            font-size: 1vw;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 10px;
            width: 1.5vw;
            height: 1.5vw;
            background-color: #bf0000;
            border-radius: 50%;
            color: #fff;
            padding: 10px;
        }

    .manage-le-folders-table-items .product-subjname
    {
        width: 13%;
    }

        .manage-le-folders-table-items .product-subjname.product-segment
        {
            width: 7%;
        }

    .manage-le-folders-table-items .product-narrow
    {
        width: 10%;
    }

    .manage-le-folders-table-items .prod-pn-prodrate span
    {
        margin: 0;
    }

    .manage-le-folders-table-items.table-header
    {
        border: none;
        margin-bottom: 0;
        padding-bottom: 0px;
        cursor: default !important;
        margin-top: 0;
        padding-top: 0;
    }

        .manage-le-folders-table-items.table-header .manage-le-folders-table-items-title-header
        {
            font-family: Roboto;
            font-size: 14px;
            font-weight: 500;
            color: #999999;
        }

        .manage-le-folders-table-items.table-header .product-subjname
        {
            font-weight: normal;
            font-style: normal;
            height: auto;
            margin:0;
            color: #999;
        }

        .manage-le-folders-table-items.table-header .product-narrow
        {
            margin-bottom: 0;
        }

        .manage-le-folders-table-items.table-header .manage-le-image-containter
        {
            height: auto;
        }


@media screen and (max-width: 1200px)
{
    /*.manage-le-folders-table-items .product-narrow
    {
        display: none;
    }*/

    .manage-le-folders-table-items .product-subjname
    {
        display: none;
    }

    .manage-le-auth-name
    {
        display: none;
    }

    .manage-le-folders-table-items .manage-le-location-containter
    {
        display: none;
    }
}

.manage-le-folders-table-items checkbox
{
    width: 16px;
    height: 17px;
    display: block;
    border: 2px solid #999;
    border-radius: 2px;
    margin-right: 10px;
}

.manage-le-auth-name
{
    width: 12%;
}

.manage-le-folders-table-items.selected
{
    cursor: grab;
}

    .manage-le-folders-table-items.selected checkbox
    {
        background-image: url(/Content/Images/check-on.svg);
        border: none;
    }

.btn-blue-1-white:hover, .btn-blue-1-white:active:hover, .btn-blue-1-white:focus, .btn-blue-1-white:active:focus
{
    background: #1f99db;
    border-color: #1f99db;
    color: #FFF;
}

.sub-folder-managment
{
    cursor: pointer;
}

    .sub-folder-managment .category-row.hovered
    {
        border: 1px solid #ccc;
    }

#main-folder-library > h6.hovered
{
    border: 1px solid #ccc;
}

.sub-folder-managment label
{
    cursor: pointer;
}

.sub-folder-managment > .category-row
{
    padding: 5px 15px;
}

.sub-folder-managment.selected > .category-row
{
    border-radius: 2px;
    background-color: #dceeff;
    color: #3377c7;
}

.sub-folder-managment > ul
{
    max-height: 0;
    transition: max-height 0.5s ease-out;
    overflow: hidden;
}

    .sub-folder-managment > ul.open
    {
        max-height: 5000px;
    }

#main-folder-library > h6
{
    padding: 7px;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    margin-left: -10px;
    margin-bottom: 3px;
}

    #main-folder-library > h6.selected
    {
        border-radius: 2px;
        background-color: #dceeff;
        color: #3377c7;
    }

.sub-folder-managment span
{
    width: 15px;
    height: 15px;
    border-radius: 2px;
    background-color: #ededed;
    padding: 2px 5px;
    margin-left: 10px;
}

.sub-folder-managment.open > .category-row > i.fa
{
    transform: rotate(90deg);
}

.sub-folder-managment i.fa
{
    margin-right: 5px;
    margin-left: -10px;
    color: #000;
    transition: all 300ms;
    font-size: 20px;
    vertical-align: middle;
    cursor: default;
}

#folder-breadcrumbs
{
    border-radius: 17px;
    background-color: #ededed;
    padding: 0 20px;
    margin-top: 20px;
    width: fit-content;
}

    #folder-breadcrumbs span
    {
        margin: 5px;
        font-family: Roboto;
        font-size: 14px;
        color: #666666;
        display: inline-block;
    }

        #folder-breadcrumbs span.clickable
        {
            cursor: pointer;
        }


        #folder-breadcrumbs span i
        {
            margin: 5px 10px 5px 0;
            color: #3377c7;
            font-size: 18px;
        }

.btn-outline-white-grey-4
{
    background-color: transparent;
    border-color: #FFF;
    color: #666;
}

    .btn-outline-white-grey-4:hover, .btn-outline-white-grey-4:active:hover, .btn-outline-white-grey-4:focus, .btn-outline-white-grey-4:active:focus
    {
        background-color: #666;
        border-color: #666;
        color: #FFF;
    }

.btn-outline-trans-grey-4
{
    background-color: transparent;
    border-color: transparent;
    color: #666;
}

    .btn-outline-trans-grey-4:hover, .btn-outline-trans-grey-4:active:hover, .btn-outline-trans-grey-4:focus, .btn-outline-white-grey-4:active:focus
    {
        background-color: #666;
        border-color: #666;
        color: #FFF;
    }

.btn-link-white-opcwhite
{
    background-color: transparent;
    -webkit-appearance: button;
    font-weight: 400;
    color: #FFF;
    border-color: transparent;
}

    .btn-link-white-opcwhite:hover, .btn-link-white-opcwhite:active:hover, .btn-link-white-opcwhite:focus, .btn-link-white-opcwhite:active:focus
    {
        background-color: rgba(255,255,255,0.45);
        color: #FFF;
        text-decoration: underline;
        border-color: transparent;
    }

.btn-link-grey-4
{
    background-color: transparent;
    -webkit-appearance: button;
    font-weight: 400;
    color: #666;
    border-color: transparent;
}

    .btn-link-grey-4:hover, .btn-link-grey-4:active:hover, .btn-link-grey-4:focus, .btn-link-grey-4:active:focus
    {
        background-color: transparent;
        color: #232323;
        text-decoration: underline;
        border-color: transparent;
    }

.btn-link-blue-5
{
    background-color: transparent;
    -webkit-appearance: button;
    font-weight: 400;
    color: #333b96;
    border-color: transparent;
}

    .btn-link-blue-5:hover, .btn-link-blue-5:active:hover, .btn-link-blue-5:focus, .btn-link-blue-5:active:focus
    {
        background-color: transparent;
        color: #0a0e58;
        text-decoration: underline;
        border-color: transparent;
    }

.btn-link-blue-6
{
    background-color: transparent;
    -webkit-appearance: button;
    font-weight: 500;
    color: #3377c7;
    border-color: transparent;
}

    .btn-link-blue-6:hover, .btn-link-blue-6:active:hover, .btn-link-blue-6:focus, .btn-link-blue-6:active:focus
    {
        background-color: transparent;
        color: #3377c7;
        text-decoration: none;
        border-color: transparent;
        font-weight: 700;
    }


/*temporarily pagination name*/
*[class*="page-link-"]
{
    padding: 0.5em 0.87em;
    margin: 0;
    text-align: center;
    border-radius: 50%;
}

.page-item.active .page-link-blue-white
{
    background-color: #337ab7;
    color: #FFF;
}

/*--button floats (JC)--*/
.btn-float-btm-right
{
    position: fixed;
    bottom: 3.5em;
    right: 2.5em;
}

.btn-float-menu
{
}

.btn-float-listmenu
{
    -webkit-transform: translate(0, -5%);
    transform: translate(0, -5%);
}

    .btn-float-listmenu.left
    {
        left: 0;
        right: auto;
    }

    .btn-float-listmenu.right
    {
        left: auto;
        right: 0;
    }


/*--User Profile--*/
/*-profile-*/
.genprof-image
{
    background-color: #ddd;
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: hidden;
    margin-bottom:5px;
}

    .genprof-image:after
    {
        content: '';
        display: block;
        padding-top: 75%;
    }

    .genprof-image img
    {
        position: absolute;
        min-width: 100%;
        width: inherit;
        min-height: 100%;
        height: inherit;
        object-fit: contain;
        object-position: center;
    }


/*--Contributer--*/
.newproduct-panel-coverimage
{
    background-color: #ddd;
    position: relative;
    max-height: 160px;
    overflow: hidden;
    border-radius: 6px 6px 0 0;
}

    .newproduct-panel-coverimage > img
    {
        position: relative;
        top: 0;
        left: 0;
        padding: 0;
        display: block;
        object-fit: cover;
        overflow: hidden;
    }

    .newproduct-panel-coverimage:after
    {
        content: '\A';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 50%,rgba(0,0,0,0.9) 100%);
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 50%, rgba(0,0,0,0.9) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 50%,rgba(0,0,0,0.9) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 );
        z-index: 1;
        overflow: hidden;
    }

.prod-pn-prodname
{
    position: absolute;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 0 15px 10px 15px;
    margin: 0;
    font-size: 9.5pt;
    font-weight: bold;
    color: #fff;
    z-index: 3;
    text-align: left;
}

.product-subjname
{
    color: #94a9bd;
    height: 38px;
}

.prod-subj-wrap
{
}

    .prod-subj-wrap .schsubj-label
    {
        background-color: #666;
        position: relative;
        width: 3.4rem;
        height: 3.4rem;
        border-radius: 50%;
        border: 1px solid #FFF;
    }

.schsubj-label:not(:first-child)
{
    margin-left: -10px;
}

.schsubj-label .prod-subject-img
{
    width: inherit;
    height: inherit;
    margin: -1px auto auto -1px;
    padding: 25%;
    object-fit: cover;
    object-position: center;
}

.schsubj-label.subject-geography
{
    background-color: #8cc5a2;
}

.schsubj-label.subject-literature
{
    background-color: #fac800;
}

.schsubj-label.subject-history
{
    background-color: #ab7549;
}

.schsubj-label.subject-physics
{
    background-color: #a0a446;
}

.schsubj-label.subject-chemistry
{
    background-color: #786f80;
}

.schsubj-label.subject-bio
{
    background-color: #376f9e;
}

.schsubj-label.subject-math
{
    background-color: #7d92cb;
}

.schsubj-label.subject-add-math
{
    background-color: #4c5a63;
}

.schsubj-label.subject-science
{
    background-color: #adb2c6;
}

.schsubj-label.subject-humanities
{
    background-color: #f67936;
}

.schsubj-label.subject-physical-education
{
    background-color: #67c8ce;
}

.schsubj-label.subject-general
{
    background-color: #337ab7;
}

.prod-schlv-wrap
{
}

    .prod-schlv-wrap .schlvl-label
    {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;
    }

        .prod-schlv-wrap .schlvl-label:not(.schlvl-lbl-more)
        {
            border-right: 3px solid #FFF;
        }

        .prod-schlv-wrap .schlvl-label:not(:first-child)
        {
            margin-left: -20px;
        }

        .prod-schlv-wrap .schlvl-label.schlvl-lbl-more
        {
            padding-left: 25px;
        }

.schlvl-label
{
    padding: 3px 3px;
    font-style: normal;
    font-weight: 400;
    border-radius: 5em;
    display: inline-block;
}

    .schlvl-label:not(:first-child)
    {
    }

.lwsecond-label
{
    background-color: #d49ed4;
    color: #fff;
}

.uppsecond-label
{
    background-color: #561358;
    color: #fff;
}

.general-label
{
    background-color: #56AA58;
    color: #fff;
}

.describ-label
{
    padding: 9px 0px;
    font-weight: 500;
    border-radius: 5em;
    display: inline-block;
    width: auto;
}

    .describ-label:not(:first-child)
    {
    }

.desc-label
{
    background-color: white;
    color: #3377c7;
}


.m123-button
{
    cursor: pointer;
    display: block;
    padding: 5px;
    font-size: 0.6em
}

.m123-menu
{
    display: none;
    list-style: none;
    padding: 3px 5px;
    cursor: pointer;
}

    .m123-button:hover ~ .m123-menu, .m123-button:active:hover ~ .m123-menu, .m123-menu:hover, .m123-menu:active:hover
    {
        display: block !important;
    }

.leapproved
{
    color: limegreen;
    font-weight: bold;
}

.lereject
{
    color: #DE3741;
    font-weight: bold;
}

.lepending
{
    color: #ff9215;
    font-weight: bold;
    text-decoration-color: black;
}

.lepublish
{
    color: #4594c3;
    font-weight: bold;
}

.ledefault
{
    color: #7D7D7D;
    font-weight: bold;
}

.le-create-wrapper
{
    padding-bottom: 80px;
}

.le-create-navbar
{
    width: calc(100% - 65px);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/*calc(100% - 65px)*/
.le-create-navpills a
{
}

.le-create-navpills.active a
{
    background-color: #067f9c;
}

.le-sitemap-create-coverimg
{
    background-color: #e7e7e7;
    position: relative;
    top: 0;
    right: 0;
    margin: 0;
    text-align: center;
    overflow: hidden;
    align-items: center;
    border-radius: 10px;
}

    .le-sitemap-create-coverimg img
    {
        position: relative;
        align-items: center;
        width: 25%;
    }

.step-edit
{
    border-radius: 50%;
    height: 50px;
    width: 50px;
    top: -60px;
    left: -90px;
    position: absolute;
}

.step-edit-q
{
    top: 0px;
}

.le-info-create-branding
{
}

.le-info-create-coverimg-container
{
    width: 100%;
    height: 460px;
}

.le-info-create-coverimg
{
    background-color: #e7e7e7;
    position: relative;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    text-align: center;
    overflow: hidden;
    align-items: center;
    width: 100%;
    height: 460px;
}

    .le-info-create-coverimg .le-info-create-default-img
    {
        position: absolute;
        top: 0;
        left: 50%;
        width: auto;
        height: 100%;
        margin: auto;
        padding: 0;
        object-fit: fill;
        object-position: center;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        pointer-events: none;
    }

    .le-info-create-coverimg .le-info-create-coverimg-btn
    {
        background-color: rgba(0,0,0,0);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        cursor: pointer;
        z-index: 2;
    }

.le-info-create-coverimg-btn-msg
{
    text-align: center;
}

.le-info-create-coverimg-btn button.btn
{
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    transition: 0.25s ease-in-out 0.45s;
    width: 100%;
    height: 100%;
}

.le-info-create-cdetail-container
{
    height: auto;
    text-align: center;
    border-radius: 25px;
}

.le-info-create-cdetail
{
    top: 0;
    right: 0;
    padding: 5%;
    margin: 0;
    text-align: center;
    border-radius: 25px;
    align-items: center;
}



#sitemap-tab-header
{
}

    #sitemap-tab-header li[class*="sitemap-group"] a
    {
    }

        #sitemap-tab-header li[class*="sitemap-group"] a:hover, #sitemap-tab-header li[class*="sitemap-group"] a:active:hover, #sitemap-tab-header li[class*="sitemap-group"] a:active, #sitemap-tab-header li[class*="sitemap-group"] a:focus
        {
            text-decoration: none;
        }

    #sitemap-tab-header li[class*="sitemap-group"].active a
    {
        border-bottom: 1px solid #333b96;
    }

.le-seo-price-label
{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0;
}

.le-seo-price-label-curr
{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    line-height: 1.5;
}

.le-setvis-private.checked, .le-setvis-public.checked
{
    background-color: #e9ecf6;
}

/* Customise data list display */
.grid-list-header
{
    vertical-align: central;
    color: #fff;
    background-color: #337ab7;
    padding: 0;
    font-weight: 300;
    line-height: 40px;
}

    .grid-list-header.mycontrib-head
    {
        background-color: #555;
    }

.text-xs-center
{
    text-align: center;
}

.save-Lesson.dirty
{
    background-color: #355e90;
}

    .save-Lesson.dirty i
    {
        color: orange;
    }

.bor-rad-0
{
    border-radius: 0px !important;
}

.le-step-content
{
    border-radius: 5px;
    padding: 10px;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.17);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.17);
    margin-bottom: 3rem !important;
}

    .le-step-content .panel-heading
    {
        background-color: #fff !important;
        border: none !important;
    }

        .le-step-content .panel-heading .title
        {
            font-size: 13px !important;
        }

div[id^='step-container'] .step-label
{
    text-transform: uppercase;
}

.le-step-content .question-block, .le-step-content .text-block
{
    border-style: dashed !important;
    border-color: #d6e4f4 !important;
    border-width: 2px !important;
}

    .le-step-content .text-block span i
    {
        font-weight: bold;
        font-family: unset;
        font-size: 16px;
    }

.le-step-content .panel .cke_contents
{
    height: 200px !important;
}

.types-pills .pill-item
{
    margin: 3px 0.5rem;
}

    .types-pills .pill-item .bdg-close
    {
        border-radius: 50%;
        padding: 3px 6px;
        font-size: 13px;
        cursor: pointer;
        margin-left: 7px;
    }

    .types-pills .pill-item .bdg-content
    {
        padding: 4px 8px;
        border-radius: 25px;
    }

.cke_chrome
{
    border: 1px solid #e6e4e4 !important;
}

.quesContent label
{
    opacity: 0.6;
}

.innheader-back-div
{
    max-width: 96px;
    height: auto;
    padding: 0px 3px;
    margin: 0 9px;
    text-align: center;
    float: left;
    display: inline-block;
    position: relative;
    top: -15px;
    border-right: solid 1px #c1c1c1;
}

button.back-buttons
{
    background-color: transparent;
    width: auto;
    height: auto;
    padding: 0px 12px;
    margin: 0;
    font-size: 24pt;
    font-weight: bold;
    color: #3377c7;
    border: none;
    -khtml-transition-duration: 0.45s;
    -webkit-transition-duration: 0.45s;
    transition-duration: 0.45s;
}

    button.back-buttons:hover, button.back-buttons:focus:active, button.back-buttons:visited
    {
        background-color: transparent;
        border: none;
        color: #a1b0d6;
        outline: none;
        box-shadow: none;
    }

.con-bundle-cart-list
{
    padding: 0;
}

    .con-bundle-cart-list .le-rows
    {
        max-height: 405px;
        overflow-y: auto;
    }
/*==========  Non-Mobile First Method  ==========*/

/* Extra Small Devices, Phones */
@media only screen and (max-height:414px)
{
    #SideMenu
    {
        overflow: auto;
        height: 330px;
    }
}

@media only screen and (max-height:330px)
{
    #SideMenu
    {
        overflow: auto;
        height: 300px;
    }
}

@media only screen and (max-width:830px) and (min-width:800px) and (max-height:415px) and (min-height:370px)
{
    #SideMenu
    {
        overflow: auto;
        height: 250px;
    }
}

@media only screen and (max-width : 360px)
{
    .btnsContainer
    {
        margin: 0 !important;
        padding: 0 !important;
        width: 144%;
        position: absolute;
        left: -31px;
    }
}

@media only screen and (max-width : 480px)
{
    h4.text-weight-600 a
    {
        font-size: 1.125rem;
    }

    .bg-primary.bor-rad-5 .font-size-2
    {
        font-size: 1.125rem;
    }

    .navbar-nav
    {
        margin: 0;
    }

    .btn-float-btm-right
    {
        right: 0.5em
    }

    .sitemap-point-create img
    {
        max-height: 28px !important;
        margin: 0 !important;
    }

    .btnsContainer
    {
        margin: 0 !important;
        padding: 0 !important;
        width: 128%;
        position: absolute;
        left: -30px;
    }

        .btnsContainer:first-child
        {
            top: 0;
        }

        .btnsContainer:last-child
        {
            top: 35px;
        }
}

@media only screen and (max-width : 768px)
{
    .navbar-nav > li > a
    {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .navbar-default .navbar-nav#mainNaviTop > li
    {
        margin-left: 0px;
    }

    .sitemap-point-create img
    {
        max-height: 28px !important;
        margin: 0 !important;
    }

    .btnsContainer
    {
        margin: 0 !important;
        padding: 0 !important;
    }

    .sitemap-marker.active
    {
        transform: scale(1) translateY(1px) !important;
    }

    .sitemap-marker, .sitemap-link
    {
        transform: scale(0.7) translateY(4px) !important;
    }
}

.hide-div
{
    display: none;
}

.text-overflow
{
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hide-button
{
    display: none !important;
}

.nav-tabs-height
{
    display: flex;
}

    .nav-tabs-height li
    {
        display: flex !important;
        flex: 1;
    }

        .nav-tabs-height li a
        {
            flex: 1;
        }

.tabbable li.active .phase-btns {
    display: inline-table !important;
}

.phase-btns
{
    text-align: center;
    z-index: 10;
    display: none;
    /*position: absolute;*/
    /*right:-32px;*/
    /*float: right;*/
}

.phase-btn
{
    background: none;
    box-shadow: 0 0 0;
    border: 0;
    width: 25px;
    height: 25px;
    cursor: pointer;
    display: inline-table;
}

.dropup, .dropright, .dropdown, .dropleft
{
    position: relative;
    cursor: pointer;
}

.sitemap-point-create img
{
    width: auto;
    max-height: 44px;
    box-shadow: 0px 0px 11px #fff;
    border-radius: 50%;
}

.phase-btn:hover
{
    transform: scale(1.2);
}

.phase-btns img
{
    max-height: 26px;
    max-width: 25px;
}

.multi-phase-tab-edit
{
    border-radius: 50%;
    position: relative !important;
    z-index: 2;
    float: right;
    margin: 0 18px;
    padding: 4px 7px !important;
    top: 5px !important;
    right: 4px;
}

.btn-send-answer
{
    padding: 60px 25px;
}

.ele_inline
{
    padding: 2px 5px 2px 5px;
    float: left;
    margin: -5px 5px -5px 10px;
}

.ele_inline_h
{
    padding: 2px 5px 2px 5px;
    float: left;
    margin: -5px 5px -5px 0px;
}

#sitemap-container .dropdown-menu > li:hover, #sitemap-container .dropdown-menu > li > a:focus
{
    background-color: rgba(51, 119, 199, 0.1) !important;
}

#sitemap-container .dropdown-menu > li > a:hover
{
    background-color: transparent !important;
}

.le-mapname-button path
{
    border: solid 1px grey;
}

li.active .le-mapname-button a path, .le-mapname-button a:hover path
{
    fill: #3377c7;
}

li.active .le-mapname-button a text, .le-mapname-button a:hover text
{
    fill: white;
    font-weight: bold;
}

.le-mapname-button a:focus path
{
    fill: #3377c7;
}

a:focus text
{
    fill: white;
    font-weight: bold;
}


.le-allmap-button
{
    background-color: transparent;
}

    .le-allmap-button:hover div.svg-map-selector
    {
        color:;
        white;
        font-weight: bold;
        background-color: #3377c7;
    }

    .le-allmap-button:hover button
    {
        color: white;
        font-weight: bold;
    }

    .le-allmap-button:focus div.dropdown-menu
    {
        color:;
        white;
        font-weight: bold;
        background-color: #3377c7;
    }

    .le-allmap-button:hover path, .le-allmap-button.active path
    {
        fill: #3377c7;
    }



/* Container needed to position the button. Adjust the width as needed */
.container-btn-overlay
{
    position: relative;
    width: 50%;
}

    /* Make the image responsive */
    .container-btn-overlay img
    {
        width: 100%;
        height: auto;
    }

    /* Style the button and place it in the middle of the container/image */
    .container-btn-overlay .btn-overlay
    {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #555;
        color: white;
        font-size: 16px;
        padding: 12px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
    }

        .container-btn-overlay .btn-overlay:hover
        {
            background-color: black;
        }


.sitemap-img
{
    width: 100%;
}

img.imgInFrame
{
    width: 100%;
}

/*test map selector drop down*/
.le-submap-selector
{
    color: #000;
    font-size: 13px;
    font-weight: bold;
    background-color: transparent;
    -webkit-appearance: none;
    border: transparent;
    width: 130px;
    height: 38px;
    text-align: center;
    cursor: pointer;
}

    .le-submap-selector:focus:active:hover
    {
        /*
    background-color: #3377c7;
    color: white;*/
    }

#svg-map-selector
{
    position: relative;
}

    #svg-map-selector svg
    {
        border-radius: 10px;
    }

#map-selector
{
    position: absolute;
    left: 3px;
    top: -48px;
}

ul#desc-list
{
    list-style: none; /* Remove default bullets */
    color: black;
}

    ul#desc-list li::before
    {
        content: "\2022";
        color: #3377c7;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
    }

.no-bullet
{
    display: inline-flex !important;
}

#le-details-container textarea
{
    height: 35px;
    resize: vertical;
    min-height: 36px;
}

input[type=checkbox]#EntranceFee
{
    visibility: visible;
    height: initial;
    width: initial;
    vertical-align: middle;
}

.blocked
{
    pointer-events: none;
    cursor: not-allowed;
    background-color: #eee;
}

.create-le-titlebar.affix
{
    width: 96.5% !important;
    box-shadow: 0px 2px 0px #dddddd !important;
    top: 0;
    left: 68px;
    border-bottom: solid 1px #ddd;
    z-index: 99;
    background: #eaf1f9;
    padding-top: 16px !important;
    padding-bottom: 10px !important;
    opacity: 0.9;
}

    .create-le-titlebar.affix .ele_inline_h
    {
        margin-top: 4px;
    }

    .create-le-titlebar.affix .save-cancel-button
    {
        right: 7%;
        position: relative;
    }

    .create-le-titlebar.affix .innheader-back-div
    {
        top: -6px !important;
    }

div[class^='le'] .btn:not(.le-status).disabled
{
    background-color: #bdbdbd !important;
}

.show-more
{
    left: initial !important;
}

.btnDeletePoint
{
    -webkit-appearance: initial !important;
}

.quesContent label + div[class*='col-xs-']
{
    right: 2%;
}

.disable
{
    pointer-events: none !important;
    opacity: 0.5;
}

.pagination > li > a
{
    text-decoration: none !important;
}

.ckeditor-html5-video video
{
    max-width: 750px;
}

.confirm-email-box
{
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.field-validation-error
{
    color: red;
}

.text-blue-main
{
    color: #3377c7;
}

.text-bold
{
    font-weight: bold;
}

.text-grey-main
{
    color: #dadada;
}

.btn-blue-gradient
{
    border-radius: 30px;
    background-image: linear-gradient(to bottom, #4193d4, #256abb);
    color: white;
    font-weight: bold;
    font-size: 16px;
    min-width: 120px;
    min-height: 40px;
    vertical-align: middle;
}

    .btn-blue-gradient:hover, .btn-blue-gradient:active, .btn-blue-gradient:focus
    {
        background-image: linear-gradient(to bottom, #4193d4, #256abb) !important;
        color: white !important;
    }

.modal-center
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
}

.overall-bg
{
    background-image: url('Images/mcq-icon/bgcover1-blue.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.individual-bg
{
    background-image: url('Images/mcq-icon/bgcover2.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.overall-timer-display
{
    display: block;
    position: fixed;
    top: 81px;
    right: -17px;
    width: 130px;
    height: 50px;
    background-color: #e0ecf9;
    line-height: 31px;
    padding: 10px;
    border-radius: 30px;
    background-color: white;
    box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1);
}

.overall-save-btn
{
    display: block;
    position: fixed;
    bottom: 81px;
    right: 18px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
    background-image: linear-gradient(to bottom, #4193d4, #256abb);
}

    .overall-save-btn:hover, .overall-save-btn:focus, .overall-save-btn:active
    {
        display: block;
        position: fixed;
        bottom: 81px;
        right: 18px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        color: white;
        cursor: pointer;
        box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
        background-image: linear-gradient(to bottom, #4193d4, #256abb);
        transform: scale(1.2);
    }

.individual-cover-bg {
    z-index: 26;
    background-color: var(--phase-color-solid);
    opacity: 0.99;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.individual-cover-question
{
    background-color: white;
    width: 40%;
    height: 70%;
    z-index: 51;
    position: absolute;
    top: 25%;
    left: 30%;
    max-height: 230px;
    border-radius: 30px;
}

.save-individual-btn
{
    width: 85px;
    height: 45px;
    border-radius: 30px;
    background-color: #ffffff;
    border: none;
}

    .save-individual-btn:hover
    {
        width: 85px;
        height: 45px;
        border-radius: 30px;
        box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
        background-color: #ffffff;
        border: none;
    }

.myanswer-div
{
    background-color: white;
    margin: 8px;
    border-radius: 6px;
    padding: 8px 0px;
    padding-bottom: 15px;
}

.popup-btn-size
{
    width: 57px !important;
    height: 57px !important;
}

.btn-grey-border
{
    color: #999999;
    border-radius: 30px;
    border: solid 2px #999999;
    background-color: #ffffff;
}

    .btn-grey-border:hover, btn-grey-border:active btn-grey-border:focus
    {
        color: #ffffff;
        border-radius: 30px;
        border: solid 2px #999999;
        background-color: #999999;
    }

.width-height-30px
{
    width: 30px !important;
    height: 30px !important;
}

.prod-schlv-wrap .schlvl-label.schlvl-lbl-more.manageLE
{
    padding-left: 18px;
}

.mcq-body-width
{
    max-height: 450px !important;
}

@media only screen and (min-width: 480px) and (max-width: 1200px)
{
    .mcq-body-width
    {
        max-height: 350px !important;
    }
}

.session-sample-answer-panel.ck-attach.leview.mcq-admin
{
    background-color: white !important;
    color: black;
    border-radius: 6px;
}

.mcq-answer-box
{
    border-radius: 6px;
    background-color: #f0f0f0;
    margin-top: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 3px;
    margin-right: 4px;
}

.vertical-web-middle
{
    vertical-align: -webkit-baseline-middle;
}

.btn-tag-green, .btn-tag-green:hover, .btn-tag-green:active
{
    border-radius: 6rem;
    border: none;
    background-color: rgba(80, 155, 24, 0.2);
    color: #509b18 !important;
    font-size: 12px;
    margin-left: 6px;
    padding: 0px 10px;
    cursor: default !important;
}
.session-sample-answer.leview span li, .session-sample-answer.leview span p {
    color:black !important;
}
.expand-btn {
    border: 2px solid #3377c7;
    border-radius: 6px;
    padding: 4px 8px;
    color: #3377c7;
    background: white;
    font-weight:bold;
    font-size:14px;
}
    .expand-btn:hover, .expand-btn:active, .expand-btn:focus {
        border: 2px solid #3377c7 !important;
        border-radius: 6px;
        padding: 4px 8px;
        color: #3377c7;
        background: #dceeff;
        font-weight: bold;
        font-size: 14px;
    }
label.panel-title:hover {
    text-decoration:underline;
    cursor:pointer;
    transform:scale(1.006);
}

.menu-beed-logo {
    max-width: 100px;
    height: auto;
    padding: 0;
    margin: 0;
    display: inline-block;
    float: none;
    margin-top: 8px !important;
    margin-left:initial !important;
}
    .menu-beed-logo img {
        width: 100% !important;
        height: auto !important;
        padding: 0;
        margin: 0;
    }
#mainNaviTop > li > a {
    text-align: left;
}
#mainNaviTop li a {
    font-size: 16px;
    font-weight: 600 !important;
    text-align: left;
    color: #333b96;
    -khtml-transition: all ease-in-out 0.45s;
    -webkit-transition: all ease-in-out 0.45s;
    transition: all ease-in-out 0.45s;
}

.home-header-top-main {
    width: 100%;
    padding: 0 5%;
    z-index: 101;
    /*box-shadow: 0 1px 5px rgb(0 0 0 / 10%) !important;*/
}
img[src='/Content/Images/error.png'] {
    width: initial !important;
    height: initial !important;
}


@media only screen and (max-width: 768px) {
    .prodet-header-cont .row {
        display: flex;
    }

    .prodet-header-cont .row > :first-child {
        padding-top: 20px;
    }
}
/*==--Bootstrap 4 uses CSS + Customized--==*/
/*--width & height(from bootstrap 4 + customize) (JC)--*/
.w-0 {
    width: 0;
}
.w-10{width:10%;}
.w-15{width:15%;}
.w-20{width:20%;}
.w-60{width:60%;}
.w-{width:70%;}
.w-80{width:80%;}
.w-90{width:90%;}
.w-95{width:95%;}
.w-98{width:98%;}
.w-25p{width:25px;}
.w-30p{width:30px;}

.w-25 {
    width: 25%;
}

.w-50 {
    width: 50%;
}

.w-75 {
    width: 75%;
}

.w-100 {
    width: 100% !important;
}

.w-40p {
    width: 40px;
}

.w-inherit {
    width: inherit !important;
}

.w-auto {
    width: auto !important;
}

.mw-0 {
    max-width: 0;
}

.mw-25 {
    max-width: 25%;
}

.mw-50 {
    max-width: 50%;
}

.mw-75 {
    max-width: 75%;
}

.mw-100 {
    max-width: 100%;
}

.mw-110p {
    max-width: 110px;
}

.mw-1350p {
    max-width: 1350px;
}

.mnw-none {
    min-width: unset !important;
}

.h-0 {
    height: 0;
}

.h-15 {
    height: 15%;
}

.h-25 {
    height: 25%;
}

.h-50 {
    height: 50%;
}

.h-75 {
    height: 75%;
}

.h-100 {
    height: 100% !important;
}

.h-40p {
    height: 40px;
}

.h-inherit {
    height: inherit !important;
}

.h-auto {
    height: auto !important;
}

.mh-0 {
    max-height: 0;
}

.mh-15 {
    max-height: 15%;
}

.mh-25 {
    max-height: 25%;
}

.mh-50 {
    max-height: 50%;
}

.mh-70 {
    max-height: 70%;
}

.mh-75 {
    max-height: 75%;
}

.mh-100 {
    max-height: 100%;
}

.mh-40p {
    max-height: 40px;
}

.mh-500p {
    max-height: 500px;
}

.mnh-none {
    min-height: unset !important;
}

/*--padding && margin(from bootstrap 4) (JC)--*/
.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

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

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.px-6 {
    padding-right: 3.5rem;
    padding-left: 3.5rem;
}

.px-7 {
    padding-right: 4rem;
    padding-left: 4rem;
}

.px-8 {
    padding-right: 4.5rem;
    padding-left: 4.5rem;
}

.px-9 {
    padding-right: 5rem;
    padding-left: 5rem;
}

.px-10 {
    padding-right: 6rem;
    padding-left: 6rem;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pr-1 {
    padding-right: 0.25rem !important;
}

.pr-2 {
    padding-right: 0.5rem !important;
}

.pr-3 {
    padding-right: 1rem !important;
}

.pr-4 {
    padding-right: 1.5rem !important;
}

.pr-5 {
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pl-1 {
    padding-left: 0.25rem !important;
}

.pl-2 {
    padding-left: 0.5rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.pl-4 {
    padding-left: 1.5rem !important;
}

.pl-5 {
    padding-left: 3rem !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-1 {
    margin-right: 0.25rem !important;
}

.mr-2 {
    margin-right: 0.5rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.mb-ng1 {
    margin-bottom: -0.25rem !important;
}

.mb-ng2 {
    margin-bottom: -0.5rem !important;
}

.mb-ng3 {
    margin-bottom: -1rem !important;
}

.mb-ng4 {
    margin-bottom: -1.5rem !important;
}

.mb-ng5 {
    margin-bottom: -3rem !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-1 {
    margin-left: 0.25rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.ml-5 {
    margin-left: 3rem !important;
}

.ml-auto {
    margin-left: auto !important;
}

/*--grid(from bootstrap 4) (JC)--*/
.col-auto {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

/*--display attributes(from bootstrap 4) (JC)--*/
.d-webkit-box {
    display: -webkit-box !important;
}

.d-block {
    display: block !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

.d-table {
    display: table !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-table-header-group {
    display: table-header-group !important;
}

.d-table-footer-group {
    display: table-footer-group !important;
}

.d-table-column-group {
    display: table-column-group !important;
}

.d-table-row-group {
    display: table-row-group !important;
}

.d-none {
    display: none !important;
}

.d-box-orient-v {
    -webkit-box-orient: vertical;
}

.flex-1-1-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-direct-row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-direct-col {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.box-size-borderbox {
    box-sizing: border-box;
}

.card-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

[class*='card-columns'] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-flow: column wrap;
}

.card-columns-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
}

.card-columns-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
}

.card-group > .card {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
}

.card-deck > .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

[class*='card-columns'] > .card {
    display: inline-block;
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

/*--float (JC)--*/
.float-none {
    float: none !important;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

/*--alignment(from bootstrap 4) (JC)--*/
.align-top {
    vertical-align: top;
}

.align-bottom {
    vertical-align: bottom;
}

.align-text-bottom {
    vertical-align: text-bottom;
}

.align-middle {
    vertical-align: middle;
}

/*--border(customize)--*/
.border-none {
    border: none !important;
}

.border-last-none:last-child {
    border: none !important;
}

.border-1sol {
    border: 1px solid !important;
}

.border-top-1sol {
    border-top: 1px solid !important;
}

.border-right-1sol {
    border-right: 1px solid !important;
}
.border-clr-lightgrey-2{border-color:#d8d8d8 !important;} .border-clr-lightgrey-3{border:1px solid  #e3e3e3 !important;}
.border-blue-2 {border-color: solid 1px rgba(51, 119, 199, 0.2);}

.border-bottom-1sol {
    border-bottom: 1px solid !important;
}

.border-left-1sol {
    border-left: 1px solid !important;
}

.border-1dot {
    border: 1px dotted !important;
}

.border-top-1dot {
    border-top: 1px dotted !important;
}

.border-right-1dot {
    border-right: 1px dotted !important;
}

.border-bottom-1dot {
    border-bottom: 1px dotted !important;
}

.border-left-1dot {
    border-left: 1px dotted !important;
}

.border-2dot {
    border: 2px dotted !important;
}

.border-top-2dot {
    border-top: 2px dotted !important;
}

.border-right-2dot {
    border-right: 2px dotted !important;
}

.border-bottom-2dot {
    border-bottom: 2px dotted !important;
}

.border-left-2dot {
    border-left: 2px dotted !important;
}

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

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

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

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

.border-clr-white {
    border-color: #FFF !important;
}

.border-clr-lightgrey {
    border-color: #DDD !important;
}

.border-clr-grey {
    border-color: #555 !important;
}

.bor-rad-0 {
    border-radius: 0;
}

.bor-rad-1 {
    border-radius: 0.25rem;
}

.bor-rad-2 {
    border-radius: 0.5rem;
}

.bor-rad-3 {
    border-radius: 1rem;
}

.bor-rad-4 {
    border-radius: 1.5rem;
}

.bor-rad-5 {
    border-radius: 3rem;
}

.bor-rad-6 {
    border-radius: 4.5rem;
}

.bor-rad-7 {
    border-radius: 5rem;
}

/*--overflow(customize) (JC)--*/
.ovflw-hidden {
    overflow: hidden;
}

.ovflw-auto {
    overflow: auto;
}

/*--background colors (JC)--*/
.bg-transparent {
    background-color: transparent;
}

.bg-grey-1 {
    background-color: #f2f2f2;
}

.bg-grey-2 {
    background-color: #DDD;
}


.bg-grey-3 {
    background-color: #999;
}
.bg-blue-2{background-color:rgba(51, 119, 199, 0.1);}

.bg-grey-4 {
    background-color: #666;
}

.bg-grey-5 {
    background-color: #323232;
}

.bg-transparent {
    background-color: transparent;
}

.bg-white {
    background-color: #FFF;
}

.bg-blue-1 {
    background-color: #337ab7;
}
/*--positions (JC)--*/
.pos-relative {
    position: relative;
}

.pos-absolute {
    position: absolute;
}

.pos-fixed {
    position: fixed;
}

.top-0 {
    top: 0 !important;
}

.top-1 {
    top: 0.25rem;
}

.top-2 {
    top: 0.5rem;
}

.top-3 {
    top: 1rem;
}

.top-4 {
    top: 1.5rem;
}

.top-5 {
    top: 3rem;
}

.top-auto {
    top: auto !important;
}

.right-0 {
    right: 0 !important;
}

.right-1 {
    right: 0.25rem;
}

.right-2 {
    right: 0.5rem;
}

.right-3 {
    right: 1rem;
}

.right-4 {
    right: 1.5rem;
}

.right-5 {
    right: 3rem;
}

.right-auto {
    right: auto !important;
}

.btm-0 {
    bottom: 0 !important;
}

.btm-1 {
    bottom: 0.25rem;
}

.btm-2 {
    bottom: 0.5rem;
}

.btm-3 {
    bottom: 1rem;
}

.btm-4 {
    bottom: 1.5rem;
}

.btm-5 {
    bottom: 3rem;
}

.btm-auto {
    bottom: auto !important;
}

.left-0 {
    left: 0 !important;
}

.left-1 {
    left: 0.25rem;
}

.left-2 {
    left: 0.5rem;
}

.left-3 {
    left: 1rem;
}

.left-4 {
    left: 1.5rem;
}

.left-5 {
    left: 3rem;
}

.left-auto {
    left: auto !important;
}

/*--objects(customize) (JC)--*/
.objfit-contain {
    object-fit: contain;
}

.objfit-cover {
    object-fit: cover;
}

.objpos-center {
    object-position: center;
}

/*--texts (JC)--*/
.font-size-1 {
    font-size: 1rem;
}
.font-size-9-5pt{font-size:9.5pt !important;}
.font-size-2 {
    font-size: 1.5rem;
}
.font-size-10{font-size:10px !important;}
.font-size-12{font-size:12px !important;}
.font-size-13{font-size:13px !important;}
.font-size-14{font-size:14px !important;}
.font-size-20{font-size:20px !important;}
.font-size-30{font-size:30px !important;}


.font-size-3 {
    font-size: 2rem;
}

.font-size-4 {
    font-size: 2.5rem;
}

.font-size-5 {
    font-size: 3rem;
}
.text-grey-6{color:#8d8d8d;}
.text-black{color:black;}
.font-size-16p {
    font-size: 16px !important;
}

.font-size-9-5pt {
    font-size: 9.5pt !important;
}

.line-height-normal {
    line-height: normal;
}

.line-height-1pt5 {
    line-height: 1.5em;
}

.line-height-1pt75 {
    line-height: 1.75em;
}

.line-height-2pt {
    line-height: 2em;
}

.text-white {
    color: #FFF;
}

.text-navy {
    color: #1e429a;
}

.text-grey-1 {
    color: #f2f2f2;
}

.text-grey-2 {
    color: #DDD;
}

.text-grey-3 {
    color: #999;
}

.text-grey-4 {
    color: #666;
}

.text-grey-5 {
    color: #323232;
}

.text-blue-5 {
    color: #333b96;
}

.text-weight-n {
    font-weight: normal !important;
}

.text-weight-100 {
    font-weight: 100 !important;
}

.text-weight-200 {
    font-weight: 200 !important;
}

.text-weight-300 {
    font-weight: 300 !important;
}

.text-weight-400 {
    font-weight: 400 !important;
}

.text-weight-500 {
    font-weight: 500 !important;
}

.text-weight-600 {
    font-weight: 600 !important;
}

.text-weight-700 {
    font-weight: 700 !important;
}

.text-weight-800 {
    font-weight: 800 !important;
}

.text-weight-900 {
    font-weight: 900 !important;
}

.text-lineclamp-2 {
    -webkit-line-clamp: 2;
}

.text-ovrflw-ellipsis {
    text-overflow: ellipsis;
}

.text-deco-none {
    text-decoration: none !important;
}

.text-deco-underline {
    text-decoration: underline;
}

/*--word-break || white-space (JC)--*/
.whtspc-normal {
    white-space: normal;
}

.whtspc-nowrap {
    white-space: nowrap;
}

.whtspc-pre {
    white-space: pre;
}

.whtspc-prewrap {
    white-space: pre-wrap;
}

.wb-normal {
    word-break: normal;
}

.wb-breakword {
    word-break: break-word;
}

.wb-breakall {
    word-break: break-all;
}

/*--box-shadows (JC)--*/
.box-shadow-0 {
    box-shadow: none !important;
}

.box-shadow-1 {
    box-shadow: 0px 0px 2px rgba(0,0,0,0.6) !important;
}

.box-shadow-2 {
    box-shadow: 0px 0px 3px rgba(0,0,0,0.6) !important;
}

.box-shadow-3 {
    box-shadow: 0px 0px 4px rgba(0,0,0,0.6) !important;
}

.box-shadow-4 {
    box-shadow: 0px 0px 5px rgba(0,0,0,0.6) !important;
}

.box-shadow-5 {
    box-shadow: 0px 0px 6px rgba(0,0,0,0.6) !important;
}

.box-shadow-6 {
    box-shadow: 0px 0px 7px rgba(0,0,0,0.6) !important;
}

.box-shadow-7 {
    box-shadow: 0px 0px 8px rgba(0,0,0,0.6) !important;
}

.box-shadow-8 {
    box-shadow: 0px 0px 9px rgba(0,0,0,0.6) !important;
}

.box-shadow-9 {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.6) !important;
}

.box-shadow-10 {
    box-shadow: 0px 0px 11px rgba(0,0,0,0.6) !important;
}

.box-shadowy-1-1 {
    box-shadow: 0px 1px 2px rgba(0,0,0,0.6) !important;
}

.box-shadowy-1-2 {
    box-shadow: 0px 1px 3px rgba(0,0,0,0.6) !important;
}

.box-shadowy-1-3 {
    box-shadow: 0px 1px 4px rgba(0,0,0,0.6) !important;
}

.box-shadowy-1-4 {
    box-shadow: 0px 1px 5px rgba(0,0,0,0.6) !important;
}

.box-shadowy-1-5 {
    box-shadow: 0px 1px 6px rgba(0,0,0,0.6) !important;
}

/*--z-index(s) (JC)--*/
.zindex-1 {
    z-index: 1;
}

.zindex-2 {
    z-index: 2;
}

.zindex-3 {
    z-index: 3;
}

.zindex-4 {
    z-index: 4;
}

.zindex-5 {
    z-index: 5;
}

.zindex-20 {
    z-index: 20;
}

.zindex-96 {
    z-index: 96;
}

.zindex-97 {
    z-index: 97;
}

.zindex-98 {
    z-index: 98;
}

.zindex-99 {
    z-index: 99;
}

.zindex-100 {
    z-index: 100;
}

/*--opacity--*/
.op-0{opacity:0 !important;}
.op-01{opacity:0.1 !important;}
.op-02{opacity:0.2 !important;}
.op-03{opacity:0.3 !important;}
.op-04{opacity:0.4 !important;}
.op-05{opacity:0.5 !important;}
.op-06{opacity:0.6 !important;}
.op-07{opacity:0.7 !important;}
.op-08{opacity:0.8 !important;}
.op-09{opacity:0.9 !important;}
.op-1{opacity:1 !important;}
.color-opc{
        color: #ababab !important;
}
/*--cursor (JC)--*/
.curs-pointer {
    cursor: pointer;
}

.curs-default {
    cursor: default;
}

.curs-grab-hold {
    cursor: grab;
    cursor: -webkit-grab;
}

    .curs-grab-hold:active:hover, .curs-grab-hold:active {
        cursor: grabbing;
        cursor: -webkit-grabbing;
    }


/*--pointer events (JC)--*/
.ptevnts-none {
    pointer-events: none;
}

/*--tinted (JC)--*/
.tinted-white {
    background: rgba(255,255,255,0.6);
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
}

/*--focus (JC)--*/
.foc-outline-none {
}

    .foc-outline-none:focus, .foc-outline-none:active:focus {
        outline: none !important;
    }

/*--form fields style (JC)--*/
.form-group-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-field-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
/*.form-group-inline > .form-field-group{width:auto;}*/
.form-field-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -1px;
}

.form-field-group-text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.75rem 1.75rem;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap;
    border: 1px solid #ced4da;
    border-radius: 0.5em;
}

.form-field-control {
    padding: 0.35rem 0.75rem;
    line-height: 1.5;
    border: 1px solid #ced4da;
    border-radius: 0.5em;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-field-group > .form-field-control {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

    .form-field-group > .form-field-group-prepend:not(:first-child) > .form-field-group-text, .form-field-group > .form-field-control:not(:first-child) {
        border-radius: 0 0.5em 0.5em 0;
    }

    .form-field-group > .form-field-group-prepend:not(:last-child) > .form-field-group-text, .form-field-group > .form-field-control:not(:last-child) {
        border-radius: 0.5em 0 0 0.5em;
    }

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-right {
    text-align: right;
}

@media (min-width: 880px) and (max-width:991px) {
    .navbar-default .navbar-nav#mainNaviTop > li {
        margin-left: 10px !important;
    }
}


 /*dropdown*/

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle::after {
  display: none;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 12rem;
  padding: 3px 3px;
  margin: 0.125rem 0 0;
  font-size: 14px;
  font-weight: 550px;
  color: black;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: none;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropleft .dropdown-toggle::after {
  display: none;
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.5rem 1.5rem;
  clear: both;
  font-weight: 600;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:first-child {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.dropdown-item:last-child {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.dropdown-item:hover, .dropdown-item:focus {
  color: white;
  text-decoration: none;
  background-color: #3377c7;
}

.dropdown-item.active, .dropdown-item:active {
 color: white;
  text-decoration: none;
  background-color: #3377c7;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}
.alert-success4 {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-primary4 {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.alert-info4 {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
.alert-warning4 {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.alert-danger4 {
    color: #de192b;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.confirm-success {
    color: #ffffff;
    background-color: #65a767;
    border-color: #c3e6cb;
}
.confirm-primary {
    color: #ffffff;
    background-color: #316796;
    border-color: #b8daff;
}
.confirm-info {
    color: #ffffff;
    background-color: #0c9ab5;
    border-color: #bee5eb;
}
.confirm-warning {
    color: #ffffff;
    background-color: #d08418;
    border-color: #ffeeba;
}
.confirm-danger {
    color: #ffffff;
    background-color: #d9534f;
    border-color: #f5c6cb;
}
.alert-Am
{
    position: fixed;
    top: 60px;
    margin: 0 auto;
    width: 100%;
    z-index: 10040;
        /*height: 100%;*/
    /*background-color: #00000040;*/
        padding: 10px 0px;
        text-align:center;
            -webkit-transition: -webkit-transform .1s ease-in-out;
    -o-transition: -o-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
}
.alert-Am:has(> div){
     padding:20px 0px;
}
    .alert-Am > .alert {
        width: auto;
        margin: 0 auto;
        margin-top: 7px;
        max-width: 50%;
        -webkit-transition: -webkit-transform .1s ease-in-out;
        -o-transition: -o-transform .1s ease-in-out;
        transition: transform .1s ease-in-out;
    }
.pagination
{
    margin: 10px auto;
    display: table;
}

/*=========================================================================
                                RESPONSIVE                                 
===========================================================================*/


/*tab bar of basic info,lesson creation,addition*/
@media (max-width: 767px) {
    #le-details-container div.mb-auto {
        margin-bottom: 10px !important;
    }

    #le-details-container .le-details-tab {
        display: table !important;
    }

    #le-details-container li.le-create-navpills {
        display: table-row;
        float: left !important;
    }

    #le-details-container li > a {
        text-align: left;
    }

    /*#le-tab-publishSubmit {
        height: 60px !important;
    }*/


     #show-more-button button.btn-grey-white-6{

    	/*left:24%;*/
    	top:-32px;
    }
        input.lesson-creation-form
  	{
   
    width: 100% !important;
 	 }


 	.save-cancel-button a{
 		float: center !important;
 		margin-top:10px !important;
 		margin-bottom:10px !important;
 		left: 40px !important;
 		

 	}
 	/*.point-name-map input{margin-left: -18px;}*/
 	.delete-point-map button{padding-left: 0px !important ;}
 	.le-head-info-wrapper h4{
 		left:20px !important;
 	}

 	.select-point a.dropdown-toggle{
 		font-size: 13px !important;
 		margin-left: -12px;
 	}
    .add-le-detail-button
    {
        padding :0 !important;
        margin:0 !important;
    }
    .add-le-detail-button button {
        width: 100%;
        padding-left: 0px !important;
        margin-left: 0px !important;
        font-size: 12px !important;
        overflow: auto;
        /* max-width: 300px;
        display: table;*/
    }
  /*	.add-le-detail-button img{
 		
 		width: 10px !important;
 	}*/
      create-le-titlebar
      {
     display: table;
    padding-top: 0 !important;
    padding-bottom: 3px !important;
      }
      .create-le-titlebar
      {
           width: 100% ;
           padding-bottom: 0px !important;
      }
    .create-le-titlebar.affix {
        width: 81.5% !important;
        text-align: center;
        padding-top: 10px !important;
    padding-bottom: 10px !important;
    }
     .create-le-titlebar .ele_inline_h
     {
             left: 0px !important;
             position:relative;
             float:left;
     }
     .create-le-titlebar .save-cancel-button
     {
         float:none !important;
         position: relative;
         right: 10%;   
         margin-top:10px;     
     }
   h4.tname {
        text-align: center;
    }
   .le-header-list
   {
       text-align:center;
   }
}

@media (min-width:769px) and (max-width: 879px) {
    .navbar-nav .open .dropdown-menu.menu-left {
        left: 214px;
        right: auto !important;
    }

    .navbar-nav > li > ul.dropdown-menu {
        right: auto;
        left: 2px;
    }
    
}


/*tab 3 stages*/
@media (max-width: 768px) {
    #phases-container .nav-tabs.nav-justified > li {
        display: table;
        width:100% !important;
    }

    #sitemap-container .container-fluid {
        padding-left: 5px;
        padding-right: 5px;
    }

    div[id*='step-container'], div[id*='step-container'] .panel-heading, div[id*='step-container'] .panel-body, div[id*='step-container'] .panel-body .contents, div[id*='step-container'] .panel-body .cArea {
        padding: 0 2px;
    }

    div[id*='point-detail-container'] .panel-body, div[id*='point-detail-container'] .panel-heading {
        padding: 0 3px;
    }

}


@media (max-width: 575px) {
    .le-info-create-coverimg-container, .le-info-create-coverimg {
        height: 260px !important;
    }
    /*.sitemap-area {
        height: 300px !important;
    }*/

    #phases-container .nav-justified > li > a .phaseName {
        display: none;
    }

    #phases-container .step-edit {
        border-radius: 50%;
        height: 35px;
        width: 35px;
        top: -60px;
        left: -48px;
    }

 #phases-container span.point-navpills{

     	font-size: 12px;
     }
    .create-le-titlebar.affix {
        width: 67.5%;
    }
    .create-le-titlebar .save-cancel-button
    {
        /*display:inline-flex!important;*/
    } 
    .px-7
    {
        padding-left: 10px;
    padding-right: 5px;
    }  
}


@media screen and (max-width:468px) {
    #le-header-container h2.page-head-title {
        font-size: 23px !important;
    }

    #phases-container .nav-tabs.nav-justified > li {
        padding: 0 7px;
    }
    .card-deck,.card-deck .card{ padding:0;}
}

@media (max-width: 437px) {
    #le-details-container li > a {
        padding-left: 4px;
        font-size: 12px;
    }

    /*#le-tab-publishSubmit {
        height: 56px !important;
    }*/

    #le-details-container .le-info-create-cdetail-container, #le-info-create-cdetail {
        
        padding: 3px !important;
    }
    #le-info-create-vis div{width:100% !important; margin-left: : -100px; font-size: 10px !important;}
    #le-info-create-vis .prv, #le-info-create-vis .pub {
        padding: 0 3px !important;
    }
    .le-setvis-private span{margin-left: -20px;}
   .le-setvis-public span{margin-left: -20px;}
   .pub div{width:1500px !important;padding: 0px !important;}

    #le-price-div button{
    	margin-left: -20px;
    }
     a#le-tab-publishSubmit{
        text-align:center!important;
    }
}
@media screen and (max-width:380px) {
    #le-header-container h2.page-head-title {
        font-size: 20px !important;
    }

    #le-details-container li > a {
        font-size: 10px !important;
    }

    #le-tab-publishSubmit {
        height: 35px !important;
    }
     .save-cancel-button a
    {
        left:0 !important;
            padding: 6px !important;
    font-size: 100% !important;
    height: 35px !important;
    }
    .submap-wrapper{
    	margin-left: -40px !important;
    }
}

@media screen and (max-width:350px) {
    #le-header-container h2.page-head-title {
        font-size: 17px !important;
    }   
}

@media screen and (max-width:320px) {
    #le-header-container h2.page-head-title {
        font-size: 14px !important;
    }
}

form[role="search"] > div {
    position: relative;
}

form[role="search"] {
    position: relative;
}

ul#actions li .btn > img {
    width: 24px;
}
.chosen-container {
    width: 100% !important;
}

@media (max-width: 950px) {
    .navbar-nav .open .dropdown-menu.menu-left {
    left: 246px;
    right: auto !important;}
    .navbar-nav > li > ul.dropdown-menu
    {
            right: auto;
    left: 2px;
    }

    }
/*---Tablet CSS---*/
@media screen and (max-width:1100px) {
    #body-content {
        padding: 0;
    }

    input, select, textarea {
        max-width: none;
        font-size: 12pt;
    }

    h1 {
        font-size: 24pt;
        font-weight: bold;
    }

    h2 {
        font-size: 19pt;
        font-weight: bold;
    }

    h3 {
        font-size: 16pt;
        font-weight: bold;
    }

    h4 {
        font-size: 15pt;
        font-weight: bold;
    }

    h5 {
        font-size: 14pt;
    }

    h6 {
        font-size: 13pt;
    }

    h2.page-head-title {
        text-align: center;
    }-

    p, font, div {
        font-size: 12pt;
    }

    button:not(.print-learner-results), label, a, span:not(.fa-chevron-left):not(.maxPointsLabel):not(.fa-star):not(.submitFeedbackbtn) {
        font-size: 80%;
        /*font-weight: bold;*/
    } .tea-fee-answer span,p {
        font-size:90% !important;
    }
    .image-avatar:not(.edu-feedback-avatar) {
        width: 40px !important;
    } .ledet-container-wrap > div[class*='ledet-container-'] {
        margin-bottom: 10px;
    } #mainNaviTop > li {
        margin-left: 14px;
    }
    /*--Bootstrap override menu Breakpoint--*/
    .navbar-header {
        float: none;
    } .navbar-left, .navbar-right {
        float: none !important;
    } .navbar-toggle {
        display: block;
    } .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    } .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    } .navbar-collapse.collapse {
        display: none !important;
    } .navbar.main-navbar-top {
        float: none !important;
        margin-top: 7.5px;
    } .navbar-nav > li {
        float: none;
    } .navbar-nav > li > a {
            padding-top: 10px;
            padding-bottom: 10px;
        } .collapse.in {
        display: block !important;
    } .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    } .navbar-nav > li > .dropdown-menu {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    /*_customize_*/
    /*--Login Account Profile--*/
    #mainNaviTop {
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
        margin-top: 0;
    } form#logoutForm {
        width: 100%;
        height: auto;
        padding-top: 20px;
        position: relative;
    } form#logoutForm:before {
            content: '';
            display: block;
            position: absolute;
            width: 90%;
            height: 1px;
            background-color: #ddd;
            margin: 0 5%;
            top: 5px;
        } form#logoutForm li {
            text-align: center;
            padding: 10px;
        } form#logoutForm li a#dropdown-login-menu {
                float: none;
                margin: 0 auto;
                width: 60px;
                height: auto;
                overflow: hidden;
                position: relative;
                padding: 0;
            }
    /*form#logoutForm li a#dropdown-login-menu:before {
                    content: '';
                    display: block;
                    padding-top: 100%;
                }*/
    form#logoutForm li a#dropdown-login-menu img {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: inherit;
                    height: 100%;
                    margin: 0;
                    object-position: 50% 50%;
                } form#logoutForm li ul li {
                text-align: left;
                padding: 6px 0;
                font-size: 16pt;
            } form#logoutForm li ul li ul li {
                    padding-left: 14px;
                } #mainNaviTop li a {
        padding-left: 15px;
    } #mainNaviTop li a:hover, #mainNaviTop li a:focus {
            text-decoration: none;
        } .home-header-top-main {
        padding: 0 0;
    } .home-headtop-wrap {
        position: relative;
        display: block;
    } .home-headtop-wrap > div[class*='navbar-'] {
            display: block;
        } .home-headtop-wrap > div.navbar-header {
            text-align: justify;
            justify-content: space-between;
            display: block;
            padding: 0 14px;
        } .menu-beed-logo {
        margin: 0 auto 0 0;
        vertical-align: middle;
        width: auto;
        height: 60px;
    } .menu-beed-logo img {
            width: auto;
            height: inherit;
        } .home-headbtn-burger {
        display: block;
        margin: 0 0 0 auto;
        vertical-align: middle;
        position: relative;
        top: 0;
        right: 0;
        width: 42px;
        height: auto;
        padding: 0;
        float: right;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        margin: 9px 0;
    } .home-headbtn-burger:before {
            content: '';
            display: block;
            width: 100%;
            padding-top: 100%;
        } .icon-bar {
        background-color: #ddd;
        width: 80%;
        height: 4px;
        padding: 0;
        margin: 0;
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
    } .icon-bar:nth-child(1) {
            top: 26%;
        } .icon-bar:nth-child(2) {
            top: 46%;
        } .icon-bar:nth-child(3) {
            top: 64%;
        } .home-headbtn-burger:focus {
        text-decoration: none;
        outline: none;
    } .home-headtop-wrap > div[class*='navbar-'].navbar-collapse {
        display: block;
        position: absolute;
        top: 100%;
        z-index: 100;
        width: 100%;
        height: 0;
        overflow: auto;
        padding: 0;
        border: none;
    } .home-headtop-wrap > div[class*='navbar-'].navbar-collapse.in {
            height: auto;
            padding: 0;
            margin: 0 auto;
        } .main-navbar-top {
        background-color: #fff;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        border: none;
    } #mainNaviTop > li {
        width: inherit;
        max-width: 100%;
        height: auto;
        padding: 8px 10px;
        margin: 0;
        display: block;
        list-style: none;
    } .navbar-nav .open .dropdown-menu {
        padding: 0 15px;
    } .navbar-toggle {
        display: block;
    } .navbar-default .navbar-collapse {
        height: auto;
        max-height: 450px;
    } .navbar-default .navbar-collapse::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            background-color: #f2f2f2;
            border-radius: 4px;
        } .navbar-default .navbar-collapse::-webkit-scrollbar {
            background-color: #f2f2f2;
            width: 8px;
        } .navbar-default .navbar-collapse::-webkit-scrollbar-thumb {
            background-color: #555;
            border-radius: 4px;
        } .navbar-nav {
        margin: 0 0 0 0;
    } .nav.nav-tabs > li {
        display: table;
        list-style: none;
        max-width: 100%;
        padding: 6px 200px;
     width:100%;
     float: none;text-align: center;
    

    } .navbar-default .navbar-nav > li a {
        font-size: 16pt !important;
    }
    /*--end of bootstrap menu breakpoint*/
    /*--General Shares--*/
    .container-new {
    } .container-new hr:first-child {
        } .innpage-landing-wrapper {
    } .innpage-landing-holder {
    } .innpage-landing-holder.sub-menu {
            display: inline-block;
            padding: 0px 0 10px 0;
            width: 100%;
        } .innpage-landing-holder.sub-menu:after, .innpage-landing-holder.sub-menu::after {
                display: none;
            } .innpage-landing-holder.sub-menu form[role="search"] {
                max-width: 250px;
            } .innpage-landing-holder.sub-menu hr {
                display: none;
            } .innpage-landing-holder.sub-menu .submenu-sorts-container {
                position: relative;
                display: inline-block;
                vertical-align: middle;
            } .innpage-landing-holder.sub-menu .submenu-label-header {
                position: relative;
                font-size: 12pt;
                padding: 6px 32px 6px 12px;
                border: 1px solid #555;
                border-radius: 6px;
                cursor: pointer;
            } .submenu-label-header:after {
        content: '\f0d7';
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 12px;
        transform: translate(0, -50%);
        font: 12pt/1.2em FontAwesome;
    } .submenu-sorts-container .submenu-sorts-options {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -10px);
        z-index: 2;
        width: -moz-max-content;
        width: -ms-max-content;
        width: -webkit-max-content;
        width: max-content;
        display: none;
    } .submenu-panel-body, .submenu-panel-labels {
        display: inline-block;
        vertical-align: middle;
    } .submenu-panel-body {
    }
    /*.submenu-panel-labels:hover ~ .submenu-sorts-options, .submenu-panel-labels:focus ~ .submenu-sorts-options, .submenu-panel-labels:active:hover ~ .submenu-sorts-options, .submenu-panel-labels:active:focus ~ .submenu-sorts-options, .submenu-panel-labels:active ~ .submenu-sorts-options{display:block;}*/
    .submenu-sorts-container .submenu-sorts-options.active {
        display: block;
    } .innpage-landing-holder.content-holder {
        display: inline-block;
        width: 100%;
    } .listv01-container-fluid {
    } .listv01-container-fluid.pager-container {
            padding: 20px 0;
        } .listv01-panel-body {
    } .listv01-panel-wrapper {
    } .listv01-panel-wrapper > div[class*="listv01-"] {
        } .listv01-img-list {
    } .listv01-imglist-container {
    } .listv01-imglist-container:before {
            padding-top: 90%;
        } .listv01-imglist-container img {
        } .listv01-past-icons {
    } .listv01-picons-bg {
    } .listv01-past-icons span.fa {
    } .listv01-edit-container {
    } .listv01-panel-wrapper:hover .listv01-edit-container, .listv01-panel-wrapper:active:hover .listv01-edit-container {
    } .listv01-content-list {
    } .listv01-content-list:before {
        } .listv01-contlist-hold {
    } .listv01-contlist-hold hr {
        } .listv01-contlist-title, .listv01-contlist-title a {
    } .listv01-contlist-title a:hover, .listv01-contlist-title a:active:hover {
        } .listv01-contlist-title.planner, .listv01-contlist-title.planner a {
        } .listv01-contlist-status {
    } .listv01-contlist-buttons {
    } .listv01-contlist-buttons:nth-child() {
        } .listv01-contlist-allbtn {
    } .listv01-contlist-allbtn:after {
        } @media only screen and (orientation : landscape) {
        .listv01-content-list {
            padding: 12px;
        }

        .listv01-contlist-hold {
            width: 100%;
            height: 100%;
            padding: 6px 10px 10px 10px;
            margin: 0;
        }

            .listv01-contlist-hold hr {
                margin-top: 10px;
                margin-bottom: 10px;
            }

        .listv01-contlist-title, .listv01-contlist-title a {
            font-size: 18pt;
            vertical-align: top;
        }

        .listv01-contlist-status {
            height: 60px;
            font-size: 10.5pt;
            vertical-align: middle;
        }
    }
    /*buttons*/
    .btn {
    } .btn[disabled] {
            visibility: hidden;
            display: none;
        } .nav-tabs > li {
        padding: 0 0;
    } ul.ulFilter {
        background: #fff;
        width: inherit;
        display: inline-block;
        overflow: hidden;
        border: 1px solid #555;
        border-radius: 6px;
    } .ulFilter .liItem {
        width: inherit;
        display: table-row-group;
    } li.liItem a {
        padding: 6px 12px;
    } li.liItem a span[class*="filt-"] {
        } li.liItem a span.filt-label {
            padding-right: 20px;
        } li.liItem a span.filt-numb {
        } li.liItem a:hover, li.liItem a:active:hover {
        } li.liItem.active a {
        background-color: #85afd4;
        color: #fff;
    } li.liItem.active a:before {
            display: none;
        } li.liItem.active a:hover, li.liItem.active a:active:hover {
            background-color: #85afd4;
            color: #fff;
        }
    /*popup-modals*/
    .popup-modal-cont {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 90%;
        height: auto;
        margin: 0 auto;
        transform: translate(-50%, -50%);
    } .popup-modal-cont input, .popup-modal-cont select, .popup-modal-cont textarea {
            max-width: 100%;
        } .modal-header-text h3 {
        font-size: 21pt;
    } .modal-footer {
        text-align: right;
    } .modal-footer div[class*='col-'] {
            float: none;
            margin: 0 auto;
        }
    /*new*/
    @media screen and (min-width:768px) {
        .fields-contw-icons.plan, .fields-contw-symbols.plan {
            width: 100%;
            display: block;
        }
    }
    /*Login || added 2017-04-28*/
    #loginForm input, #loginForm select #loginForm textarea {
        max-width: 280px;
    } #loginForm a {
        font-weight: normal;
    }
    /*--Home || Banner Section--*/
    /*_banner 02_*/
    .carele-02-i01 {
        width: 35%;
    } .carele-02-i02 {
        top: 50%;
        right: -50%;
        transform: rotate(45deg) translate(-6%, -70%);
        max-width: none;
        width: 140%;
    }
    /*_img - 02_*/
    .diamd-04 img {
        max-width: 100%;
        top: -135%;
        left: -135%;
    } .carele02 p {
        max-width: 50%;
    }
    /*--Home || Benefits*/
    .four-box-parent {
        padding-top: 70px;
        margin-bottom: 40px;
    }
    /*--Home || How it Works*/
    div.z-tabs > ul.z-tabs-nav.z-tabs-desktop {
        min-width: 17%;
        width: auto;
        max-width: 100%;
        padding: 14px 10px;
        border: none;
    } a.z-link span div, a.z-link span h4 {
    }
    /*--Footer--*/
    .femail-disclaimer-holder .subs-cont a {
        font-size: 9pt;
    } footer .container .col-md-4 {
        width: auto;
        max-width: 100%;
        height: auto;
        padding: 0;
        margin: 0 0 0 0;
    } footer .col-md-4 ul.footer-links {
        padding: 0;
        margin: 0;
    } ul.footer-links li {
        display: list-item;
        list-style: none;
        margin: 0 0;
    } ul.footer-links li a {
            padding: 20px 0;
            font-size: 16pt;
            display: block;
        } footer .col-md-4 .social-icons {
        margin: 16px 0;
    } .social-icons a {
        padding: 20px 14px;
    } .social-icons a .fa {
            font-size: 24pt;
        } .footer.main-footer {
        display: block;
    } footer.main-footer > div[class*="footer-"] {
        display: block;
        width: 100%;
        padding: 4px 0;
    } .footer-copyrights p {
        font-size: 1em;
    } .footer-copyrights a {
        font-size: 1em;
    } footer.main-footer div.footer-social-medias {
        display: block;
        flex-direction: column;
        padding-right: 50%;
    } .footer-social-medias {
        text-align: left;
    } .footer-social-medias > div[class*="footer-sm-"] {
            max-width: 20%;
            float: none;
            display: inline-block;
        } .footer-sm-header {
        text-align: center;
        font-size: 11pt;
        max-width: 100% !important;
        display: block !important;
    } .footer-sm-header h6 {
            font-size: 0.9em;
        }
    /*--Account || Register--*/
    .sec-register-container {
        padding-left: 20px;
        padding-right: 20px;
    }
    /*Advance Filter - MAP Search || */
    #top-search-panel-flip {
        margin-left: 0;
    }
    /*Advance Filter Container || added 2017-04-28*/
    .adv-filter-box select, .adv-filter-box select option {
        z-index: 4;
    } .chosen-container.chosen-with-drop .chosen-drop {
        pointer-events: auto;
        display: inline-block;
    } .chosen-container.chosen-with-drop .chosen-drop ul li {
            z-index: 4;
            display: block;
        }
    /*Product Landing || added 2017-04-28*/
    #search-product-form {
    }
    /*Library Landing || added 2017-04-19*/
    .container-top-bar.library-list {
        padding: 0 0 0 0;
    } .nav.nav-tabs-library {
        border: none;
    } .nav.nav-tabs-library li {
            padding: 0 0 0 0;
            margin-bottom: -2px;
            border-color: #337ab7;
        } .nav.nav-tabs-library li a {
                -khtml-transition: ease-in-out 0.45s;
                -webkit-transition: ease-in-out 0.45s;
                transition: ease-in-out 0.45s;
            } .nav.nav-tabs-library li.active a {
                background-color: #fff;
                color: #337ab7;
            }
    /*Product Views || added 2017-04-27*/
    button.pg-back-buttons {
        font-size: 16pt;
    } .prodet-top-header h1 {
        font-size: 22pt;
        margin-bottom: 4px;
    } .prodet-top-status > div {
        font-size: 12pt;
    } .prodet-visuals {
    } .prodet-vis-img {
        position: relative;
        width: 65%;
        height: auto;
        padding: 0;
        margin: 0;
    } .prodet-vis-img:before {
            content: '';
            display: block;
            padding-top: 75%;
        } .prodet-vis-img img {
            position: absolute;
            top: 50%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            object-position: 50% 50%;
            -khtml-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        } .prodet-vis-map {
        width: 35%;
    } a.btn.btn-lerev-addcart {
        position: fixed;
        background-color: #3179d4;
        bottom: 20px;
        right: 20px;
        width: 60px;
        height: 60px;
        padding: 0;
        margin: 0;
        border-radius: 50%;
        color: transparent;
        overflow: hidden;
        z-index: 10;
    } a.btn.btn-lerev-addcart:before {
            content: '\f07A';
            display: block;
            position: absolute;
            font-family: FontAwesome;
            color: #fff;
            font-size: 1.8em;
            line-height: 200%;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-align: center;
        } a.btn.btn-lerev-addcart:hover, a.btn.btn-lerev-addcart:active:hover, a.btn.btn-lerev-addcart:focus, a.btn.btn-lerev-addcart:active:focus {
            background-color: #ff9700;
            color: transparent;
        }
    /*--LE reviews--*/
    .lerev-replies-content:before {
        display: none;
    } .le-qna-form .input-group div {
        max-width: none;
    } .formcol-reply-msg {
        width: 60%;
    } .formcol-reply-ctas {
        width: 0%;
    }
    /*Author View || added 2017-07-20*/
    .auth-detail-container-details > div.auth-detail-content {
        display: table-footer-group;
    } .auth-detail-content-info {
        margin-bottom: 30px;
    } .auth-detcont-name {
        text-align: center;
        margin-bottom: 14px;
    } .auth-detail-container-details > div.auth-detail-img {
        display: table-header-group;
        text-align: center;
    } .auth-details-img-wrapper {
        bottom: auto;
        width: 45%;
        margin: 0 auto 30px auto;
    }
    /*Itinerary Plan Landing || added 2017-04-27*/
    .btn.create-plan {
        position: fixed;
        bottom: 20px;
        right: 20px;
        width: 60px;
        height: 60px;
        padding: 0;
        margin: 0;
        border-radius: 50%;
        color: transparent;
        overflow: hidden;
        z-index: 10;
    } .btn.create-plan:before {
            content: '+';
            display: block;
            position: absolute;
            font-size: 2.5em;
            color: #fff;
            top: 0;
            left: 0;
            width: 100%;
            height: auto;
            text-align: center;
        }
    /*.btn.create-plan:hover, .btn.create-plan:active:hover, .btn.create-plan:focus, .btn.create-plan:active:focus{background-color:#7969ff;color:transparent;}*/
    #search-plan-container {
        min-width: 50%;
    } input#search.form-control {
        display: inline-block;
    } #list-plan-detail-container {
        text-align: justify;
    } .planner-panel-wrapper, .planner-panel-wrapper:nth-child(3n+2) {
        width: 46%;
        max-width: none;
        margin: 0 2% 30px 2%;
    } .planner-cover-img {
        width: 100%;
    } .planner-pn-ctas button {
        width: 92%;
        margin: 0 4%;
    }
    /*--creatE Plan*/
    .create-partial-images .create-partimg-ctas {
        background-color: rgba(0,0,0,0.6);
        opacity: 1;
        filter: alpha(opacity=1);
    }
    /*Itinerary Plan Views || added 2017-04-28*/
    /*--add events*/
    .plan-add-item-modal-icons li, .plan-add-item-modal-icons li + li {
        display: inline-block;
        padding: 0;
        margin: 0 0.2em;
    } #DayList select {
        max-width: 100%;
    }
    /*Hubs Landing || added 2017-04-25*/
    /*#create-plan-Item-modal-container, #create-plan-modal-container, #edit-plan-item-modal-container{width:100%;}*/
    .col-xs-12.form-session {
        width: 100%;
    } .btn.create-session {
        position: fixed;
        bottom: 20px;
        right: 20px;
        width: 60px;
        height: 60px;
        padding: 0;
        margin: 0;
        border-radius: 50%;
        color: #70d7c2;
        overflow: hidden;
        z-index: 10;
    } .btn.create-session:before {
            content: '+';
            display: block;
            position: absolute;
            font-size: 1em;
            color: #fff;
            font-size: 2.5em;
            top: 0;
            left: 0;
            width: 100%;
            height: auto;
            text-align: center;
        } .btn.create-session:hover, .btn.create-session:active:hover, .btn.create-session:focus, .btn.create-session:active:focus {
            background-color: #31b594;
            color: #31b594;
        } .hubs-list-part {
        float: none;
    } div[id*='session-'] .panel-body.row {
        width: 100%;
        display: inline-table;
    } .session-pn-img {
        width: 28%;
        margin: 0 0 14px 0;
        padding-right: 2%;
    } .session-pn.img {
        position: relative;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    } .session-pn.img:before {
            content: '';
            display: block;
            padding-top: 75%;
        } .session-pn.img img {
            position: absolute;
            left: 50%;
            width: auto;
            height: 100%;
            object-position: 50% 50%;
            -khtml-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        } .session-pn-contents {
        width: 70%;
    } .texttitlehub, .ownerColor, .lerColor, .faciliColor {
        margin-bottom: 8px;
    } .hubsland-itemDescp {
        margin-bottom: 8px;
    } .textColorHubscol, .texthubcol {
        margin-bottom: 8px;
    } .btnhubs {
        margin: 0 1% 0 1%;
        max-width: 23%;
        padding: 2%;
        font-size: 1em;
    } .btnhubs:first-child {
            margin-left: 0;
        }
    /*Hubs Views || added 2017-04-28*/
    .view-session-edit button {
        position: fixed;
        bottom: 20px;
        right: 20px;
        width: 60px;
        height: 60px;
        padding: 0;
        margin: 0;
        border-radius: 50%;
        text-align: center;
        color: transparent;
        overflow: hidden;
        z-index: 15;
        border-color: #555;
    } .view-session-edit button:before {
            content: '\f044';
            display: block;
            position: absolute;
            font-family: Fontawesome;
            font-size: 1em;
            color: #555;
            font-size: 1.4em;
            top: 0;
            left: 0;
            width: 100%;
            height: auto;
            text-align: center;
            line-height: 2.5em;
        } .view-session-edit button:hover:before, .view-session-edit button:active:hover:before, .view-session-edit button:focus:before, .view-session-edit button:active:focus:before {
            color: #f2f2f2;
        } .view-session-edit button:hover, .view-session-edit button:active:hover, .view-session-edit button:focus, .view-session-edit button:active:focus {
            background-color: #555;
            color: transparent;
        } .view-innplandescript .view-plndscp-col.img {
        max-width: none;
    } .view-plndscp-col-img {
        max-width: 500px;
    } .hub-le-list button span {
        line-height: 145%;
    } .btn.add-le, .btn.add-facihub, .lerner-invited-panel .btn {
        font-size: 1em;
    } .btn.add-le {
        width: 100%;
    } .lerner-invited-panel, .lerner-invited-panel > div {
        width: 100%;
    } .lerner-invited-panel div .form-control {
            width: 45%;
        } .lerner-invited-panel div .hubinv-learn-ctas {
            width: 55%;
        } #add-learner .well {
        padding: 12px;
    } #add-learner div[id*='delete-learner-'] {
        display: table-cell;
    } #add-learner .well .col-lg-2 {
        display: block;
    } .learner-cont-info {
        padding: 0;
    } .learner-cont-img {
        text-align: center;
        border-bottom: 1px solid #ddd;
        margin-bottom: 14px;
    } .learner-cont.img {
        position: relative;
        width: 80%;
        max-width: 98px;
        height: auto;
        margin: 0 auto 14px auto;
        padding: 0;
    } .learner-cont.img:before {
            content: '';
            display: block;
            padding-top: 100%;
        } .learner-cont.img img {
            position: absolute;
            top: 0;
            left: 50%;
            min-width: 100%;
            width: auto;
            min-height: 100%;
            height: 100%;
            object-position: 50% 50%;
            border-radius: 0;
            -khtml-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        } .learner-info-names {
        text-align: center;
        overflow: hidden;
        height: 70px;
    } .learner-info-names .email {
            word-wrap: break-word;
        } @media screen and (max-width:990px) {
        div.learner-info-icons, div.learner-info-ctas {
            width: 100%;
            display: block;
        }
        div.learner-info-icons {
            margin-bottom: 14px;
            text-align: center;
        }

        .learner-info-icons img {
            width: 40%;
            max-width: 50px;
            height: auto;
            padding: 0;
            margin: 0 5%;
            display: inline-block;
            float: none;
        }

        div.learner-info-ctas {
            text-align: center;
        }

            div.learner-info-ctas button.btn {
                position: relative;
                width: 40%;
                max-width: 50px;
                height: auto;
                padding: 0;
                margin: 0 5%;
                display: inline-block;
                float: none;
            }

                div.learner-info-ctas button.btn:before {
                    content: '';
                    display: block;
                    padding-top: 100%;
                }

                div.learner-info-ctas button.btn span.fa {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    padding: 0;
                    margin: 0;
                    font-size: 1.2em;
                    line-height: 250%;
                }
    }
    /*--creatE Session*/
    .create-session-form .form-group div input, .create-session-form .form-group div textarea {
        font-size: 16px;
    } .create-session-form label[class*='control-label'] {
        width: 100%;
    } .create-session-form .form-group div.col-md-10 {
        width: 100%;
    } .create-session-imgs div {
        background-color: rgba(0,0,0,0.3);
        opacity: 1;
        filter: alpha(opacity=1);
    } .btn.create-session-submit {
        width: 100%;
        font-size: 18pt;
    }
    /*Journal Landing || added 2017-04-28*/
    .btn.create-journal {
        position: fixed;
        bottom: 20px;
        right: 20px;
        width: 60px;
        height: 60px;
        padding: 0;
        margin: 0;
        border-radius: 50%;
        color: transparent;
        overflow: hidden;
        z-index: 10;
    } .btn.create-journal:before {
            content: '+';
            display: block;
            position: absolute;
            font-size: 1em;
            color: #fff;
            font-size: 2.5em;
            top: 0;
            left: 0;
            width: 100%;
            height: auto;
            text-align: center;
        } .btn.create-journal:hover, .btn.create-journal:active:hover, .btn.create-journal:focus, .btn.create-journal:active:focus {
            background-color: #ff7e00;
            color: transparent;
        } .journalMainNavi {
    } form.form-session.textborder {
        width: 50%;
    } .form-session.textborder #JournalSortSelected.form-control {
        width: auto;
    } .journal-search-wrap {
        width: 100%;
    } .row.journal {
        display: inline-table;
    } .journ-list-part {
    } .journal-pn-img {
    } .journal-pn.img {
        position: relative;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    } .journal-pn.img:before {
            content: '';
            display: block;
            padding-top: 75%;
        } .journal-pn.img img {
        } .journal-pn-contents {
    } .journal-pn-descp {
        margin-bottom: 8px;
    } .journal-pn-ctas {
        width: 100%;
    } .journal-pn-ctas button.btn {
            margin: 0 1% 0 1%;
            max-width: 23%;
            padding: 2%;
            font-size: 1em;
        } .journal-pn-ctas button.btn:first-child {
                margin-left: 0;
            }
    /*Vertical buttons in product details*/
    .ledet-container-pag .tooltip {
        left: 36px !important;
        opacity: 1;
        font-size: 10pt;
        display: none !important;
    } .ledet-container-pag .tooltip .tooltip-arrow {
            display: none;
        } .ledet-container-pag {
        background: white;
        text-align: center;
    } .ledet-container-pag.btn-group-vertical button.btn {
            font-size: 13pt;
            margin: 0 auto 10px auto;
            background-color: #fff;
            z-index: 1071;
            overflow: hidden;
        } .ledet-container-pag i {
            position: absolute;
            top: 42%;
            left: 50%;
            margin: 0 auto;
            display: inline-block;
            transform: translate(-50%,-30%);
        } .ledet-container-pag.btn-group-vertical button.btn:hover, .ledet-container-pag.btn-group-vertical button.btn:focus {
            z-index: 1075;
            outline: none;
            background-color: #337ab7;
        } .ledet-container-pag button.btn.active {
            background-color: #337ab7;
            color: #fff;
        } .btn-group-vertical .btn-round {
        width: 38px;
        height: 38px;
    } .btn-group-vertical .tooltip-inner {
        background-color: #337ab7 !important;
        padding-left: 24px;
        opacity: 1;
    } .btn-group-vertical .tooltip.right .tooltip-arrow {
        border-right-color: #337ab7;
    } .btn-group-vertical > button {
        margin-bottom: 19px;
        border-radius: 25px !important;
        width: 15px;
    }
    /*image product details*/
    .ledet-leimg-backlog {
        position: absolute;
        top: 20px;
        left: 14px;
        width: 100%;
        height: auto;
        padding: 5px;
        margin: 5px;
        background-color: #f2f2f2;
    } .ledet-leimg-container {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        margin: 0;
        overflow: hidden;
        z-index: 1;
    } .ledet-leimg-container img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            width: inherit;
            height: inherit;
            min-width: 100%;
            min-height: 100%;
            padding: 0;
            margin: auto;
            vertical-align: middle;
            object-fit: cover;
            object-position: center;
        }
    /*add cart button*/
    .btn-border-orange span {
        display: inline-block;
    }
    /*layout alignment*/
    .ledet-main-container > div[class*='ledet-subcont-'] {
        padding: 0 20px 0 20px;
    } .ledet-main-container > div.ledet-subcont-left {
        display: table-footer-group;
    } .ledet-main-container > div.ledet-subcont-right {
    }
    /*review*/
    .ledet-container-wrap > div[class*='ledet-container-'] {
        display: block;
        width: 100%;
    } .ledet-container-pag.btn-group-vertical button.btn {
        display: inline-block;
        vertical-align: middle;
        float: none;
        margin: 0 5px;
    } #list-review-detail-container .le-review-container, #list-review-questionandanswer-container .le-review-container {
        width: auto;
        height: auto;
        padding: 10px 20px;
        margin: 0 0 10px 0;
        vertical-align: central;
        border: 1px solid #ddd;
        width: 100%;
        display: inline-table;
        border-radius: 12px;
    } #list-review-detail-container .le-review-container:hover, #list-review-detail-container .le-review-container:active:hover {
            background-color: transparent;
            outline: none;
        } #list-review-detail-container .le-review-container .row {
            border: none;
        } #askAuthor .reviewcontainer {
    }
    /*location */
    #prodet-map.prd-map-style {
        width: 700px;
        height: 400px;
        border-radius: 22px;
        max-width: 100%;
    }
    /*Pro Account || 2017-07-26*/
    .proacc-table-rows > td {
        display: block;
        width: auto;
        padding: 0 20px;
        margin: 0 0 20px 0;
    } .proacc-table-rows td table[class*="proacc-table-"] {
        display: block;
        padding: 0;
        margin: 0;
        border: 2px solid #ddd;
        border-radius: 6px;
    } table[class*="proacc-table-"] tbody, table[class*="proacc-table-"] tr, table[class*="proacc-table-"] td {
        display: block;
    } .proacc-table-rows td table.proacc-table-category {
        display: none;
    } .proacc-table-rows td table.proacc-table-proacc {
        border-color: #337ab7;
    } tr[class*="proacc-row-"] {
        display: block;
        padding: 14px 0 14px 30%;
        position: relative;
    } tr[class*="proacc-row-"]:before {
            content: '';
            display: block;
            width: 26%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            padding: 0 10px;
            font-size: 0.9em;
            font-weight: 600;
            text-align: left;
            vertical-align: middle;
            margin: auto;
        } tr.proacc-row-header {
        padding-left: 0;
        text-align: center;
    } tr.proacc-row-typele:before {
        content: 'TYPE OF LEARNING EXPERIENCES';
        padding-top: 5px;
        padding-bottom: 5px;
    } tr.proacc-row-credits:before {
        content: 'CREDITS';
        padding-top: 14px;
        padding-bottom: 14px;
    } tr.proacc-row-sharing:before {
        content: 'SHARING';
        padding-top: 14px;
        padding-bottom: 14px;
    } tr.proacc-row-hub:before {
        content: 'HUB';
        padding-top: 14px;
        padding-bottom: 14px;
    } tr.proacc-row-printing:before {
        content: 'PRINTING';
        padding-top: 14px;
        padding-bottom: 14px;
    } tr.proacc-row-itinerary:before {
        content: 'ITINERARY BUILDER';
        padding-top: 14px;
        padding-bottom: 14px;
    } tr.proacc-row-offline:before {
        content: 'OFF-LINE MODE';
        padding-top: 14px;
        padding-bottom: 14px;
    } tr.proacc-row-travelbook:before {
        content: 'TRAVEL BOOKING';
        padding-top: 14px;
        padding-bottom: 14px;
    } tr.proacc-row-risks:before {
        content: 'RISK ASSESSMENT';
        padding-top: 14px;
        padding-bottom: 14px;
    } tr.proacc-row-cost:before {
        content: 'COST';
        padding-top: 14px;
        padding-bottom: 14px;
    }
    /*--NEW News & Articles || 2017-07-28*/
    .articles-container {
        display: block;
    } .articles-container > div[class*="col-"] {
            display: block;
        } .articles-container > div.artc-contents-cont {
            width: inherit;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            max-width: 76%;
            margin: 0 auto;
        } .artc-cont-img {
        position: relative;
        top: 0;
        left: 0;
        width: 60%;
        max-width: none;
        height: auto;
        padding: 0;
        margin: 14px auto;
        overflow: hidden;
    } .artc-cont-img:before {
        } .artc-cont-img img {
        } .artc-contents-cont {
    } .artc-cta-readmore button {
        max-width: 60%;
        margin: 0 auto;
        float: none;
    } .dl-sec-downloadsapp {
        margin-bottom: 40px;
    } .ledetails-info-holder {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    } .ledetinfo-cont-container {
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        display: inline-block;
        vertical-align: middle;
    } .ledetinfo-cont-container > div {
            width: auto;
            max-width: 100%;
            padding: 0 12px;
        } textarea.auto-textarea {
        resize: none;
        min-height: 120px;
    } textarea.heightandwidth {
        height: auto;
        max-width: none;
        overflow: hidden;
        min-height: 5px;
    }
}

@media screen and (min-width:767px) and (max-width:1100px) {
    .listv01-contlist-title.planner, .listv01-contlist-title.planner a {
        font-size: 11pt;
    }

    .listv01-contlist-status {
        font-size: 8pt;
    }

    .btn-icons-expand {
        padding: 0px 5px;
    }

    .listv01-imglist-container {
        height: 140px;
    }

    .listv01-content-list {
        height: 140px;
    }

    .listv01-contlist-buttons {
        bottom: -15px;
    }

    .testimonals .carousel .item p {
        font-size: 10pt;
    }

    .testimonals .carousel .glyphicon-menu-right, .testimonals .carousel .glyphicon-menu-left {
        margin-left: 6px;
        margin-right: 6px;
    }

    .testimonals .carousel {
        height: 410px;
    }

    .multi-phase-tab-edit2{
        margin: 0px -40px !important;
    }
     
}

/*---Mobile CSS---*/
@media screen and (max-width:767px) {
    body {
        font-size: 16pt;
    }

    h2.page-head-title {
        margin: 0 0 20px 0;
        font-size: 32px;
        font-weight: 700;
        color: #555;
        padding-left: 10px;
    }

    button:not(.print-learner-results), label, a, span:not(.fa-chevron-left):not(.maxPointsLabel):not(.fa-star):not(.submitFeedbackbtn) {
        font-size: 80% !important;
        /*font-weight: bold;*/
    }
    .tea-fee-answer span,p
    {
        font-size:86% !important;
    }
    .badge-pos{
        padding: 0px 2px !important;
    }

    .home-headblue-wrap {
        display: inline-block;
    }

        .home-headblue-wrap > div[class*='home-header-top-blue-'] {
            display: block;
            width: 100%;
        }

    .container.modal-content {
        width: 90%;
    }

    .container > .navbar-header {
        width: 100%;
        margin: 0 auto;
        padding: 6px 10px;
    }

    .home-header-top-blue-text {
        padding: 4px 0 2px 0;
        text-align: center;
    }

    ul.blue-head-menu-ul {
        text-align: center;
        padding: 0 0;
    }

        ul.blue-head-menu-ul li {
            font-size: 12pt;
        }

            ul.blue-head-menu-ul li a {
                font-size: 1em;
                padding: 0;
            }

    /*_customize_*/
    /*--Login Account Profile--*/
    .home-headtop-wrap > div[class*='navbar-'].navbar-collapse {
        max-height: 80vh;
    }

    /*--General Shares--*/
    .container-new {
    }

        .container-new hr:first-child {
        }

    .innpage-landing-wrapper {
    }

    .innpage-landing-holder {
    }

        .innpage-landing-holder.sub-menu {
            text-align: left;
        }

            .innpage-landing-holder.sub-menu .row {
                margin-bottom: 0;
            }

                .innpage-landing-holder.sub-menu .row:last-child {
                }

            .innpage-landing-holder.sub-menu form[role="search"] {
                max-width: 280px;
            }

            .innpage-landing-holder.sub-menu hr {
            }

            .innpage-landing-holder.sub-menu .submenu-sorts-container {
            }

            .innpage-landing-holder.sub-menu .submenu-label-header {
            }

    .submenu-label-header:after {
    }

    .submenu-sorts-container .submenu-sorts-options {
    }

    .submenu-panel-body, .submenu-panel-labels {
    }

    .submenu-panel-body {
    }

    .submenu-panel-labels:hover ~ .submenu-sorts-options, .submenu-panel-labels:focus ~ .submenu-sorts-options, .submenu-panel-labels:active:hover ~ .submenu-sorts-options, .submenu-panel-labels:active:focus ~ .submenu-sorts-options, .submenu-panel-labels:active ~ .submenu-sorts-options {
    }

    .innpage-landing-holder.content-holder {
    }

    .listv01-container-fluid {
        padding: 0;
    }

        .listv01-container-fluid.pager-container {
        }

    .listv01-panel-body {
        padding: 10px 0;
    }

    .listv01-panel-wrapper {
    }

        .listv01-panel-wrapper > div[class*="listv01-"] {
        }

    .listv01-img-list {
    }

    .listv01-imglist-container {
        max-height: 90%;
    }

        .listv01-imglist-container:before {
        }

        .listv01-imglist-container img {
        }

    .listv01-past-icons {
    }

    .listv01-picons-bg {
    }

    .listv01-past-icons span.fa {
        font-size: 9vh;
    }

    .listv01-edit-container {
    }

    .listv01-panel-wrapper:hover .listv01-edit-container, .listv01-panel-wrapper:active:hover .listv01-edit-container {
    }

    .listv01-content-list {
    }

        .listv01-content-list:before {
        }

    .listv01-contlist-hold {
        width: 100%;
        height: 100%;
        padding: 5px 0;
        margin: 0;
    }

        .listv01-contlist-hold hr {
        }

    .listv01-contlist-title, .listv01-contlist-title a {
        font-size: 18pt;
    }

        .listv01-contlist-title a:hover, .listv01-contlist-title a:active:hover {
        }

        .listv01-contlist-title.planner, .listv01-contlist-title.planner a {
        }

    .listv01-contlist-status {
        font-size: 10.5pt;
        height: 60px;
    }

    .listv01-contlist-buttons {
    }

        .listv01-contlist-buttons:nth-child() {
        }

    .listv01-contlist-allbtn {
    }

        .listv01-contlist-allbtn:after {
        }

    @media only screen and (orientation : portrait) {
        .innpage-landing-holder.sub-menu {
            text-align: center;
        }

            .innpage-landing-holder.sub-menu .row {
                margin-bottom: 14px;
                width: 100%;
            }

                .innpage-landing-holder.sub-menu .row:last-child {
                    margin-bottom: 0;
                }

        .listv01-panel-wrapper > div[class*="listv01-"] {
            display: block;
            margin-top: 15px;
        }

        .listv01-img-list {
            width: 90%;
            margin: 0 auto;
        }

        .listv01-imglist-container:before {
            padding-top: 65%;
        }

        .listv01-past-icons span.fa {
            font-size: 20pt;
        }

        .listv01-content-list {
            width: 100%;
        }

        hr.mg20-0 {
            margin-top: 10px;
            margin-bottom: 10px;
        }
    }

    /*_buttons_*/
    .btn {
        padding: 10px 15px;
    }

    .view-details-tabs li a .navtab-texts {
        display: none;
    }

    #top-search-panel-flip {
        margin-top: auto;
        margin-left: -2px;
        font-size: 10pt;
    }

        #top-search-panel-flip label {
            font-size: 1em;
        }

    .currency-dropdown {
        width: auto;
        max-width: none;
    }

    .rcmdtext {
        line-height: 120%;
    }
/*
    .pagination > a{
        display: list-item;
        list-style: none;


    }*/


  
    @media only screen and (orientation: portrait) {
        .btn-rwd-texts {
            display: none;
        }
    }




    /*--page panel header navi--*/
    .panel-header-col {
        display: block;
        width: 100%;
        max-width: none;
        margin-bottom: 20px;
    }

    /*--view inner page*/
    /*new*/
    .view-inner-header.new {
        display: table;
        padding: 0 20px;
        margin-bottom: 20px;
    }

    .view-inner-header div[class*="vinhead-col-"] {
        display: block;
        margin-bottom: 20px;
    }

    .vinhead-col-back {
    }

    .vinhead-col-header {
    }

    .vinhead-col-ctas {
        text-align: left;
    }

    /*--search panels--*/
    .search-panel-holder {
        display: table;
        width: 100%;
    }

        .search-panel-holder > form {
            padding: 10px 0;
        }

            .search-panel-holder > form > div[class*="search-col-"] {
                width: 100%;
            }

    input#search.form-control {
        max-width: none;
        width: 100%;
    }

    /*--Create Partial Container--*/
    #create-session-container #create-plan-modal-container, #create-session-container #edit-plan-modal-container, #add-account-user-container #add-new-account-user-container #view-session-edit {
        height: auto;
        max-height: 98%;
        overflow-y: auto;
    }

    #create-plan-modal-container::-webkit-scrollbar-track, #edit-plan-item-modal-container::-webkit-scrollbar-track, #add-new-account-user-container::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #f2f2f2;
        border-radius: 4px;
    }

    #create-plan-modal-container::-webkit-scrollbar, #edit-plan-item-modal-container::-webkit-scrollbar, #add-new-account-user-container::-webkit-scrollbar {
        background-color: #f2f2f2;
        width: 8px;
    }

    #create-plan-modal-container::-webkit-scrollbar-thumb, #edit-plan-item-modal-container::-webkit-scrollbar-thumb, #add-new-account-user-container::-webkit-scrollbar-thumb {
        background-color: #555;
        border-radius: 4px;
    }

    /*--popup modal--*/
    .modal-content {
        min-width: unset;
        max-width: 94%;
    }

    .modal-content-new {
        min-width: 90%;
        max-width: 90%;
        max-height: 90%;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .modal-fields-labels {
        margin-bottom: 10px;
    }

        .modal-fields-labels:after, modal-fields-labels::after {
            content: '';
        }

    @media only screen and (orientation: portrait) {
        .plan-add-item-modal-header .modal-header-text {
            display: block;
            width: 100%;
            padding: 10px 0;
        }

        .modal-header-text h3 {
            font-size: 6.5vw;
        }

        .plan-add-item-modal-header .modal-header-btn {
            display: table-header-group;
        }

        .create-partimg-msg {
            width: auto;
        }

        .modal-fields-contents {
            display: block;
            width: 100%;
            text-align: center;
            vertical-align: middle;
        }

        .fields-contw-symbols {
            margin-top: 14px;
        }

        .modal-footer .btn {
            width: 100%;
            margin: 0;
        }
    }
    /*--Footer--*/
    footer.main-footer {
        padding: 14px 16px;
    }

    .footer-copyrights p {
        font-size: 0.9em;
    }

    footer.main-footer div.footer-social-medias {
        padding-right: 0;
    }

    .footer-social-medias > div[class*="footer-sm-"] {
        width: auto;
        max-width: 20%;
    }

    /*subscribe*/
    .femail-sub-form {
        margin-top: 20px;
    }

    .femail-fields-holder {
        display: table;
        width: 100%;
    }

        .femail-fields-holder > div[class*="femail-fields-"] {
            display: table-cell;
        }

    .femail-fields-entermail {
        padding-right: 10px;
    }

        .femail-fields-entermail input {
            font-size: 10.5pt;
            padding: 8px 6px;
        }

    .femail-fields-cta {
    }

    .mc-field-submit input[type="submit"] {
        width: 100%;
        font-size: 3.6vw;
    }


    /*--Account || Register--*/
    .sec-register-container {
        padding-left: 15px;
        padding-right: 15px;
    }


    /*--Home || Banner Section--*/

    #myCarousel .carou-element-car-01 {
        min-width: unset;
        width: auto;
        max-height: 220px;
        bottom: 12%;
    }

    #myCarousel .item.slides.active .carou-element-car-01 {
        margin-right: -20%;
    }

    #myCarousel .item-slide-contents {
        padding: 60px 10px;
        top: 0;
        left: 0;
        transform: translate(0, 0);
    }

    a.home-scroll-next {
        bottom: 0;
    }

    /*_banner 02_*/
    .carele-02-i01 {
        min-width: inherit;
        width: 60%;
        left: 4%;
        bottom: 28%;
    }

    #myCarousel .carele-02-i01 img {
        top: 165%;
        left: 165%;
    }

    .carele-02-i02 {
        top: 50%;
        right: -38%;
        transform: rotate(45deg) translate(-6%, -70%);
        max-width: none;
        width: 140%;
    }
    /*_img - 02_*/
    .diamd-04 img {
        left: 125%;
        top: -125%;
    }

    .carele02 p {
        max-width: 80%;
    }

    /*_ _*/
    #myCarousel .carousel-item-nav {
        padding: 0;
        min-width: inherit;
        width: 92%;
        left: 6%;
    }


    /*--Home || Travel Booking Section--*/
    .home-sections-container.traVideo {
        margin-bottom: 20px;
    }

    .home-vidcont-contents p {
        padding: 0 20px;
    }

        .home-vidcont-contents p br {
            display: none;
        }

    .home-vidreact-container {
        bottom: 4%;
    }

    .btn.home-vidreact-buttons {
        font-size: 10pt;
        width: 33.3333%;
    }

        .btn.home-vidreact-buttons:nth-child(1) {
            margin-left: 33.3333%;
        }

    .home-vidreact-buttons > span {
        width: 80%;
        max-width: 80%;
        overflow-wrap: break-word;
        word-wrap: break-word;
        display: inline-table;
        font-size: 0.85em;
    }

        .home-vidreact-buttons > span:before {
            padding-top: 65%;
        }

    /*.app-icons-container .col-md-12{width:100%;}
    .app-icons-container .col-md-12 p{width:100%;font-size:16pt;}
    .app-icons-container .col-md-12 .col-md-4{max-width:80%;margin:0 auto 20px auto;}*/


    /*--Home || How it Works*/
    div.z-tabs.mobile > ul.z-tabs-nav.z-tabs-mobile {
        width: auto;
        max-width: 100%;
        padding: 14px 10px;
        border: none;
    }

    a.z-link span div, a.z-link span h4 {
        margin: 0 auto;
        padding: 0;
        display: inline-block;
        float: none;
        vertical-align: middle;
    }

    div.z-tabs.mobile > ul.z-tabs-nav.z-tabs-desktop {
        background-color: #fff;
        left: 0;
        right: 0;
        width: auto;
        max-width: 100%;
        padding: 0 10px;
        border: none;
        -khtml-transition-duration: 0.45s;
        -webkit-transition-duration: 0.45s;
        transition-duration: 0.45s;
    }

    div.z-tabs.mobile ul.z-tabs-nav.z-tabs-desktop li, ul.z-tabs-nav.z-tabs-desktop li.z-active {
        margin-bottom: 28px;
    }

    ul.z-tabs-nav.z-tabs-desktop li div.step-arrow {
        display: none;
    }

    div.z-tabs .z-container .z-content .z-content-inner {
        padding: 0 24px !important;
    }

    div.z-content-inner img {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0 0 20px 0;
        display: block;
    }

    div.step-description {
        width: 100%;
        height: auto;
        margin: 0 0 20px 0;
        font-size: 16pt;
    }

        div.step-description.last-step {
            width: unset !important;
        }

    .home-sections-container {
        margin-bottom: 0;
    }

    .steps-imgs-wrapper {
        padding: 20px 0 20px 0;
    }

        .steps-imgs-wrapper .steps-item.slick-slide.slick-current {
            transform: scale(1);
        }

    .steps-carousel-indicators {
        padding-bottom: 40px;
        margin-bottom: 4px;
    }

        .steps-carousel-indicators li, .steps-carousel-indicators li.slick-current {
            width: 14%;
            margin: 0 1.3%;
            font-size: 12pt;
            vertical-align: top;
        }

    .steps-indicat-icons {
        width: 100%;
    }

    .steps-carousel-indicators li span.step-indicat-texts {
        display: none;
    }

    .steps-carousel-indicators li.slick-current span.step-indicat-texts {
        display: block;
        text-indent: -9999px;
        height: 0;
    }

        .steps-carousel-indicators li.slick-current span.step-indicat-texts:before {
            content: '';
            display: block;
            width: 100%;
            padding: 0 20px;
            position: absolute;
            bottom: 0;
            left: 0;
            font-size: 11pt;
            font-weight: 600;
            text-align: center;
            text-indent: 0;
            vertical-align: bottom;
        }

    .steps-carousel-indicators li.slick-current.steps-01 span.step-indicat-texts:before {
        content: 'Search';
    }

    .steps-carousel-indicators li.slick-current.steps-02 span.step-indicat-texts:before {
        content: 'Buy';
    }

    .steps-carousel-indicators li.slick-current.steps-03 span.step-indicat-texts:before {
        content: 'Book';
    }

    .steps-carousel-indicators li.slick-current.steps-04 span.step-indicat-texts:before {
        content: 'Plan';
    }

    .steps-carousel-indicators li.slick-current.steps-05 span.step-indicat-texts:before {
        content: 'Experience';
    }

    .steps-carousel-indicators li.slick-current.steps-06 span.step-indicat-texts:before {
        content: 'Cherish';
    }

    .steps-texts-wrapper {
        width: 80%;
    }

        .steps-texts-wrapper .steps-item.slick-slide {
            height: 180px;
        }


    /*--Home || News & Article Section--*/
    .news-section.swiper-container {
        max-width: 400px;
    }
    /*.news-section .swiper-wrapper{}*/
    .news-section .swiper-slide h5, .swiper-slide h6 {
        font-size: 16pt;
    }


    /*--Home || Download Apps*/
    .download-sectionExp {
        padding-top: 40px;
    }

    .download-sec-container.container-fluid {
        background-image: none;
        padding-right: 0;
    }

    .dl-sec-downloads {
        margin-bottom: 40px;
    }

        .dl-sec-downloads button {
            width: 50%;
            max-width: none;
            display: block;
        }


    .dl-sec-downloadsapp {
        margin-bottom: 40px;
    }

    /*--Articles || Article--*/
    #body-content article {
        width: auto;
        max-width: 100%;
        padding: 0 20px;
        font-size: 16pt;
    }

        #body-content article p img {
            max-width: 100%;
            height: auto;
        }

        #body-content article table {
            max-width: 100%;
        }

            #body-content article table.article-table tr td {
                width: auto;
            }


    /*Contact Landing || added by JC 2017-04-17*/
    #contactus .col .row.contact-container {
        border-left: 4px solid #ddd;
    }

    .mycontent-left {
        border: none;
    }

    .contact-home-tab-img img {
        width: 200px;
        height: auto;
    }

    .contact-buttons button {
        transform: none;
    }

    /*--Contact--Travel Concierge Services--*/
    .travl-list-container {
        display: block;
    }

    .travl-list-part {
        display: block;
    }

    .travl-list-col {
        display: block;
        width: 100%;
        height: 100%;
        float: none;
    }

        .travl-list-col button {
            height: auto;
        }

    .travCatg-texts {
        white-space: initial;
    }

    #Traveltoolbox iframe {
        height: 600px;
    }


    /*Terms Condition || added 2017-07-21*/
    .terms-artic-container {
        padding: 10px 16px 80px 16px;
    }

    .terms-list-partial div[class*='col-'] {
        display: block;
    }

    article.terms-list-partial p {
        font-size: 12pt;
    }

    .terms-list-ctas {
        padding: 14px;
    }


    /*Terms Condition Views || added 2017-07-21*/
    #body-content .terms-artic-container article {
        font-size: 12pt;
    }


    /*Product Landing || added 2017-04-18*/
    #search-product-container #search-product-form {
        float: none;
        margin: 0 auto;
        border: none;
        box-shadow: none;
        display: inline-table;
    }

        #search-product-container #search-product-form div {
            left: 0;
            right: 0;
        }

    #prodTopBar input#search {
        display: inline-block;
        vertical-align: bottom;
        width: 60%;
        max-width: none;
        margin-bottom: 10px;
    }

    #prodTopBar button.search-hub-button {
        display: inline-block;
        vertical-align: bottom;
        width: 20%;
        margin-bottom: 10px;
    }

    .prodlist-partial-container {
        padding: 0 10px;
    }

    .prod-pn-prodname {
        font-size: 18pt;
    }

    .product-panel-content {
        font-size: 14pt;
    }

        .product-panel-content p {
            display: block;
        }

    .product-subjname {
        height: auto;
    }

    .prod-pn-prodinfo {
        height: auto;
    }

        .prod-pn-prodinfo span {
            display: block;
        }

    .prod-pn-prodrate, .prod-pn-authname {
        font-size: 12pt;
    }


    /*Library Landing || added 2017-04-19*/
    .container-top-bar.library-list {
        background-color: #fff;
        padding: 0 0 0 0;
    }

    .nav.nav-tabs-library {
        border: none;
    }

        .nav.nav-tabs-library li {
            padding: 0 0 0 0;
            margin-bottom: -2px;
            border-color: #337ab7;
        }

            .nav.nav-tabs-library li a {
                -khtml-transition: ease-in-out 0.45s;
                -webkit-transition: ease-in-out 0.45s;
                transition: ease-in-out 0.45s;
            }

            .nav.nav-tabs-library li.active a {
                background-color: #337ab7;
                color: #fff;
            }

            .nav.nav-tabs-library li a {
                background-color: #fff;
                color: #555;
                -khtml-transition: ease-in-out 0.45s;
                -webkit-transition: ease-in-out 0.45s;
                transition: ease-in-out 0.45s;
                font-size: 16pt;
            }

                .nav.nav-tabs-library li a:hover, .nav.nav-tabs-library li a:active:hover, .nav.nav-tabs-library li a:focus, .nav.nav-tabs-library li a:active:focus {
                    background-color: #555;
                    color: #ddd;
                }

            .nav.nav-tabs-library li.active a {
                background-color: #337ab7;
                color: #fff;
            }

            .nav.nav-tabs-library li:first-child.active a {
                border-left: none;
            }

    #prodTopBar {
        width: 100%;
        display: table;
    }

    .prod-sec-search:before {
        content: '';
        display: block;
        min-height: 10px;
        float: none;
        vertical-align: bottom;
    }

    .prod-sec-search .pan-filters-wrap {
        margin-bottom: 12px;
    }

    form[id*='-product-form'] {
        width: 100%;
    }

    .pan-search-box {
        text-align: center;
        float: none;
        display: inline-block;
        vertical-align: middle;
    }

    .pan-currency-box {
        float: none;
        text-align: left;
        display: inline-block;
        vertical-align: middle;
    }

        .pan-currency-box select {
            margin: 0;
        }

    /*Product Views || added 2017-04-27*/
    .prodet-visuals {
    }

    .prodet-vis-img {
        position: relative;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }

        .prodet-vis-img:before {
            content: '';
            display: block;
            padding-top: 75%;
        }

        .prodet-vis-img img {
            position: absolute;
            width: auto;
            height: 100%;
            object-position: 50% 50%;
        }

    span.prodet-vistprc-cost b {
        display: block;
    }

    .prodet-vis-map {
        display: none;
    }

    .cont-bar-tabs-wrap {
        max-width: 65%;
    }

        .cont-bar-tabs-wrap ul {
            display: table;
            width: 100%;
        }

            .cont-bar-tabs-wrap ul li {
                max-width: 50%;
            }

                .cont-bar-tabs-wrap ul li a {
                    max-width: 100%;
                    padding: 8px 16px;
                    text-align: center;
                }

    .col-currency-select {
        display: inline-block;
        vertical-align: middle;
        float: none !important;
    }

    /*--LE reviews--*/
    #list-review-detail-container .le-review-container, #list-review-questionandanswer-container .le-review-container {
        position: relative;
    }

    #list-review-detail-container .le-reviewer-contents, #list-review-questionandanswer-container .le-reviewer-contents {
        width: 100%;
    }

    #list-review-detail-container .le-review-container .rev-btn-readmore, #list-review-questionandanswer-container .le-review-container .rev-btn-readmore {
        width: 100%;
        padding: 0;
        margin-top: 14px;
        border-top: 1px solid #ddd;
    }

    #list-review-detail-container .rev-btn-readmore:before, #list-review-questionandanswer-container .rev-btn-readmore:before, .lerev-replies-content:before {
        display: none;
    }

    .btn.review-button {
        width: 100%;
        max-width: none;
    }

    .le-qna-form .input-group div {
        width: 100%;
        max-width: none;
        display: block;
    }

    .le-qna-form input#Review {
        width: 100%;
        margin-bottom: 14px;
    }

    .formcol-reply-ctas {
        text-align: center;
    }

        .formcol-reply-ctas button {
            float: right;
            padding: 10px 25px;
            margin: 0 1%;
        }

            .formcol-reply-ctas button.create-answer-submit {
                margin-right: 0;
            }

            .formcol-reply-ctas button.btn-close {
                float: left;
            }

            .formcol-reply-ctas button.btn-close {
                position: relative;
                min-width: 90px;
                text-align: center;
                color: transparent;
                -khtml-transition: ease-in-out 0.45s;
                -webkit-transition: ease-in-out 0.45s;
                transition: ease-in-out 0.45s;
            }

                .formcol-reply-ctas button.btn-close:before {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    content: '\f00d';
                    font-family: FontAwesome;
                    font-size: 18pt;
                    color: #ddd;
                    z-index: 1;
                    -khtml-transform: translate(-50%, -50%);
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    pointer-events: none;
                }

                .formcol-reply-ctas button.btn-close:hover:before, .formcol-reply-ctas button.btn-close:active:hover:before, .formcol-reply-ctas button.btn-close:focus:before, .formcol-reply-ctas button.btn-close:active:focus:before {
                    color: #fff;
                }

    .rev-btn-close {
        position: relative;
        width: 100%;
        text-align: center;
    }

        .rev-btn-close:before {
            position: absolute;
            top: 50%;
            left: 50%;
            content: '\f00d';
            font-family: FontAwesome;
            font-size: 18pt;
            color: #ddd;
            z-index: 1;
            -khtml-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            pointer-events: none;
            -khtml-transition: ease-in-out 0.45s;
            -webkit-transition: ease-in-out 0.45s;
            transition: ease-in-out 0.45s;
        }

        .rev-btn-close:hover:before, .rev-btn-close:active:hover:before, .rev-btn-close:focus:before, .rev-btn-close:active:focus:before {
            color: #fff;
        }

        .rev-btn-close input {
            position: relative;
            background-color: transparent;
            color: transparent;
            width: 100%;
            height: auto;
            margin: 0 auto;
            border-radius: 0;
        }

            .rev-btn-close input:hover, .rev-btn-close input:focus, .rev-btn-close input:active:hover, .rev-btn-close input:active:focus {
                background-color: #ddd;
                color: transparent;
                text-decoration: none;
                outline: none;
            }


    /*Author Landing || added 2017-05-03*/
    form#search-author-form {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }

        form#search-author-form label, form#search-author-form input, form#search-author-form button {
            vertical-align: bottom;
        }

            form#search-author-form input#search.form-control {
                width: 90%;
                max-width: none;
            }

        form#search-author-form button {
            width: 10%;
        }

    .author-prod-search {
        width: auto;
        min-width: 40%;
    }

    /*Author View || added 2017-05-03*/
    .auth-details-img-wrapper {
        width: 65%;
    }

    /*Plan Landing || added 2017-05-03*/
    #search-plan-container {
        width: 100%;
        float: none;
    }

        #search-plan-container form {
            padding: 0;
            display: table;
        }

    #search-plan-form input#search.form-control {
        width: 86%;
        max-width: none;
        margin: 0;
        vertical-align: bottom;
    }

    #search-plan-form button.btn {
        width: auto;
        margin: 0 20px 0 0;
        vertical-align: bottom;
        padding: 6px 12px;
    }

    .planner-panel-wrapper, .planner-panel-wrapper, .planner-panel-wrapper:nth-child(3n+2) {
        width: 94%;
        margin: 0 3% 30px 3%;
    }

    .planner-pn-ctas button {
        font-size: 0.8em;
        height: auto;
    }


    /*Plan View || added 2017-09-27*/
    .tab-pane-colms {
        position: relative;
        display: block;
        width: 100%;
    }

        .tab-pane-colms.event-col-days {
            min-width: inherit;
        }

        .tab-pane-colms.event-col-details {
            padding-left: 0;
        }

    .Day-details-tab {
        position: relative;
        margin-bottom: 20px;
    }

    .mobi-daylist .Day-details-tab {
        background-color: #fff;
        border: 1px solid #fff;
        border-radius: 8px;
        padding: 0;
        overflow: hidden;
    }

        .mobi-daylist .Day-details-tab li {
            margin: 0 0;
            padding: 4px 24px;
            border-bottom: 1px solid #ddd;
        }

            .mobi-daylist .Day-details-tab li.active {
                background-color: #337ab7;
                position: relative;
                display: inherit;
            }

            .mobi-daylist .Day-details-tab li a {
                border-radius: 0;
                border: none;
                background: transparent;
            }

                .mobi-daylist .Day-details-tab li a:focus, .mobi-daylist .Day-details-tab li a:active:focus {
                    color: #555;
                    box-shadow: none;
                }

            .mobi-daylist .Day-details-tab li.active a:hover, .mobi-daylist .Day-details-tab li.active a:active:hover, .mobi-daylist .Day-details-tab li.active a:focus, .mobi-daylist .Day-details-tab li.active a:active:focus {
                background: transparent;
                box-shadow: none;
                color: #fff;
            }

    .mobi-daylist.active {
        min-height: 100px;
        position: relative;
    }

        .mobi-daylist.active .Day-details-tab {
            background-color: #fff;
            border-color: #555;
            position: absolute;
            z-index: 1;
        }

            .mobi-daylist.active .Day-details-tab li {
                margin: 0 0;
                padding: 4px 15px;
                border-bottom: 1px solid #ddd;
                display: inherit;
            }

                .mobi-daylist.active .Day-details-tab li.active {
                    background-color: #337ab7;
                    position: relative;
                }

                .mobi-daylist.active .Day-details-tab li a {
                    border-radius: 0;
                    border: none;
                    background: none;
                }

    .plan-add-item-modal-icons {
        margin-bottom: -10px;
    }

        .plan-add-item-modal-icons li, .plan-add-item-modal-icons li + li {
            margin-bottom: 10px;
        }

            .plan-add-item-modal-icons li a {
            }

            .plan-add-item-modal-icons li.active a, .plan-add-item-modal-icons li.active a:focus, .plan-add-item-modal-icons li.active a:hover {
            }

    /*planner - introduction*/
    .plan-introcont-ctas {
        width: 100%;
        padding: 15px 0;
    }

    @media only screen and (orientation : portrait) {
        .plan-add-item-modal-icons {
            padding: 0;
            text-align: left;
        }

        /*planner - introduction*/
        .plan-intro-container {
        }

            .plan-intro-container .row {
                margin-bottom: 20px;
            }

                .plan-intro-container .row div[class*="col-"] {
                    padding: 0;
                }
    }


    /*Hubs Landing || added 2017-04-25*/
    .hubsMainNavi input, .hubsMainNavi select, .hubsMainNavi textarea {
    }

    /*input#search.form-control{width:100%;}*/

    .session-pn-contents {
        width: 100%;
    }

    .session-pn-img {
        width: 100%;
        height: auto;
        margin: 0 auto 14px auto;
        padding: 0;
    }

    .session-pn.img {
        position: relative;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }

        .session-pn.img:before {
            content: '';
            display: block;
            padding-top: 75%;
        }

        .session-pn.img img {
            position: absolute;
            height: 100%;
            object-position: 50% 50%;
        }

    .btnhubs {
        margin: 0 1% 14px 1%;
        max-width: 48%;
        font-size: 1.2em;
    }

        .btnhubs:first-child {
            margin-left: 1%;
        }


    /*Hubs Views || added 2017-04-28*/
    .view-session-edit {
        width: 100%;
    }

    .hubs-list-part {
        display: block;
    }

    .view-plndscp-col {
        display: block;
    }

    .view-plndscp-col-img {
        position: relative;
        width: 100%;
        height: auto;
        margin: 0 auto 10px auto;
    }

        .view-plndscp-col-img:before {
            content: '';
            display: block;
            padding-top: 75%;
        }

        .view-plndscp-col-img img {
            position: absolute;
            height: 100%;
            object-position: 50% 50%;
        }

    #Le-hub.list-group-item {
        margin-bottom: 40px;
    }

    .hub-le-wrap {
        margin-bottom: 14px;
    }

    .hub-le-hold .hub-le-list div.hub-le-list-name {
        width: 70%;
    }

    .hub-le-hold .hub-le-list div.hub-le-list-ctas {
        width: 30%;
        text-align: right;
    }

    .hub-le-list button {
        width: 100%;
        max-width: 42px;
    }

        .hub-le-list button span {
            font-size: 1.2em;
            line-height: 170%;
        }

    #add-le-hub .chosen-select {
        width: -webkit-fill-available;
        padding-left: 5px;
        padding-right: 15px;
    }

    #user-invite-panel {
        width: 100%;
    }

        #user-invite-panel .input-group select, .btn.add-facihub {
            width: 48%;
            height: auto;
            margin: 0 1%;
            display: inline-block;
            vertical-align: bottom;
        }

        #user-invite-panel .wellheigt {
            padding: 0;
        }

    .wellheigt .swiper-container {
        padding: 14px 0;
        width: 90%;
    }

    .wellheigt .swiper-button-next {
        right: 0;
    }

    .wellheigt .swiper-button-prev {
        left: 0;
    }

    .lerner-invited-panel div .form-control {
        width: 100%;
        margin-bottom: 14px;
    }

    .lerner-invited-panel div .hubinv-learn-ctas {
        width: 100%;
        display: inline-block;
        text-align: center;
    }

        .lerner-invited-panel div .hubinv-learn-ctas button.btn {
            width: 48%;
            margin: 0 auto;
            float: none;
        }

    #collapseExample input#Upload, .learner_bulkfiles {
        width: 48%;
        margin: 0 auto;
        text-align: center;
        font-size: 0.9em;
    }

    .learner-info-names {
        height: auto;
    }

    div.learner-info-icons, div.learner-info-ctas {
    }

    .learner-info-icons img {
    }

    div.learner-info-ctas {
        text-align: center;
    }

        div.learner-info-ctas button.btn {
            margin: 0 auto;
            vertical-align: top;
        }


    /*Journal Landing || added 2017-05-02*/
    .journalMainNavi {
    }

    .journal-pannel-body {
        display: block;
    }

        .journal-pannel-body form.form-session.textborder, .journal-pannel-body .journal-search-wrap {
            display: block;
            float: none;
        }

    .journal-search-holder {
        width: 100%;
    }

    .journal-search-wrap form.navbar-form {
        display: flex;
    }

    .search-journal-field {
        width: 90%;
    }

        .search-journal-field input#search {
            max-width: none;
        }

    form.form-session.textborder {
        width: 100%;
    }

    .form-session.textborder #JournalSortSelected.form-control {
        width: 100%;
    }

    .journal-search-wrap {
        margin-top: 14px;
    }

    .search-journal-button {
        padding: 0;
    }

    .journ-list-part {
        display: block;
    }

    .journal-pn-img {
        width: 100%;
        margin: 0 0 14px 0;
        padding-left: 0;
        padding-right: 2%;
    }

    .journal-pn.img {
        position: relative;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }

        .journal-pn.img:before {
            content: '';
            display: block;
            padding-top: 75%;
        }

        .journal-pn.img img {
            position: absolute;
            left: 50%;
            width: auto;
            height: 100%;
            object-position: 50% 50%;
            -khtml-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

    .journal-pn-contents {
        width: 100%;
    }

    .journal-pn-descp {
        margin-bottom: 8px;
    }

    .journal-pn-ctas {
        text-align: left;
    }

        .journal-pn-ctas button.btn {
            margin: 0 1% 14px 1%;
            max-width: 46%;
            padding: 2%;
            font-size: 1em;
        }

            .journal-pn-ctas button.btn:first-child {
                margin-left: 1%;
            }


    /*Journal Views || added 2017-11-10*/
    .view-innplandescript {
        display: block;
    }


    /*Coming Soon || added by JC 2017-02-20
    .coming-soon h2{font-size:32pt;padding:0 20px;}
    .coming-soon p.intro-text{font-size:18pt;padding:0 20px;margin-bottom:40px;}
    .coming-soon p.intro-text br{display:none;}

    .mc-field-group, .mc-field-submit{display:block;}

    .mc-field-group{margin-bottom:20px;}
    .mc-field-group input[type="email"]{font-size:18pt;}
    .mc-field-submit input[type="submit"]{width:100%;max-width:360px;font-size:18pt;}

    #mce-responses{margin-bottom:40px;}
    #mce-responses .response{font-size:18pt; max-width:100%;padding:35px 20px;}

    .cs-title-social-media a{font-size:18pt;}

    .cs-video-wrapper{margin-bottom:60px;}

    .cs-video-container{width:100%;height:auto;}
    .cs-video-frame{display:block;}
    .video-iframe-cont{position:relative;width:100%;max-width:800px;height:auto;max-height:600px;margin-bottom:10px;}
    .video-iframe-cont:before{content:'\A';padding-bottom:75%;display:block;}
    .video-iframe-cont iframe{position:absolute;top:0;left:0;right:0;}

    .cs-video-contents{width:100%;height:auto;padding:0 0 75% 0;margin:-30% 0 0 0;}
    .cs-video-contents span.txt{width:auto;max-width:100%;padding:0 80px;margin:0 0 0 0;}

    .travelsec-travels{left:0;display:block;margin-bottom:60px;}
    .travelsec-travel-icons{margin-bottom:10px;font-size:76pt;}
    .travelsec-travel-info{font-size:18pt;}*/

    /*Vertical buttons in product details*/
    .ledet-container-pag .tooltip {
        left: 36px !important;
        opacity: 1;
        font-size: 10pt;
    }

        .ledet-container-pag .tooltip .tooltip-arrow {
            display: none;
        }

    .ledet-container-pag {
        background: white;
        text-align: center;
    }

        .ledet-container-pag.btn-group-vertical button.btn {
            font-size: 13pt;
            margin: 0 auto 10px auto;
            background-color: #fff;
            z-index: 1071;
            overflow: hidden;
        }

        .ledet-container-pag i {
            position: absolute;
            top: 42%;
            left: 50%;
            margin: 0 auto;
            display: inline-block;
            transform: translate(-50%,-30%);
        }

        .ledet-container-pag.btn-group-vertical button.btn:hover, .ledet-container-pag.btn-group-vertical button.btn:focus {
            z-index: 1075;
            outline: none;
            background-color: #337ab7;
        }

        .ledet-container-pag button.btn.active {
            background-color: #337ab7;
            color: #fff;
        }

    .btn-group-vertical .btn-round {
        width: 38px;
        height: 38px;
    }

    .btn-group-vertical .tooltip-inner {
        background-color: #337ab7 !important;
        padding-left: 24px;
        opacity: 1;
    }

    .btn-group-vertical .tooltip.right .tooltip-arrow {
        border-right-color: #337ab7;
    }

    .btn-group-vertical > button {
        margin-bottom: 19px;
        border-radius: 25px !important;
        width: 15px;
    }

    /*image product details*/
    .ledet-leimg-backlog {
        position: absolute;
        top: 20px;
        left: 14px;
        width: 100%;
        height: auto;
        padding: 5px;
        margin: 5px;
        background-color: #f2f2f2;
    }

    .ledet-leimg-container {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        margin: 0;
        overflow: hidden;
        z-index: 1;
    }

        .ledet-leimg-container img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            width: inherit;
            height: inherit;
            min-width: 100%;
            min-height: 100%;
            padding: 0;
            margin: auto;
            vertical-align: middle;
            object-fit: cover;
            object-position: center;
        }

    /*add cart button*/
    .btn-border-orange span {
        display: inline-block;
    }

    /*layout alignment*/
    .ledet-main-container > div[class*='ledet-subcont-'] {
        padding: 0 20px 0 20px;
    }

    .ledet-main-container > div.ledet-subcont-left {
        display: table-footer-group;
    }

    .ledet-main-container > div.ledet-subcont-right {
    }

    /*review*/
    .ledet-container-wrap > div[class*='ledet-container-'] {
        display: block;
        width: 100%;
    }

    .ledet-container-pag.btn-group-vertical button.btn {
        display: inline-block;
        vertical-align: middle;
        float: none;
        margin: 0 5px;
    }

    #list-review-detail-container .le-review-container, #list-review-questionandanswer-container .le-review-container {
        width: auto;
        height: auto;
        padding: 10px 20px;
        margin: 0 0 10px 0;
        vertical-align: central;
        border: 1px solid #ddd;
        width: 100%;
        display: inline-table;
        border-radius: 12px;
    }

        #list-review-detail-container .le-review-container:hover, #list-review-detail-container .le-review-container:active:hover {
            background-color: transparent;
            outline: none;
        }

        #list-review-detail-container .le-review-container .row {
            border: none;
        }

    #askAuthor .reviewcontainer {
    }

    /*location */
    #prodet-map.prd-map-style {
        width: 300px;
        height: 400px;
        border-radius: 12px;
        max-width: 100%;
    }

    .ui-datepicker {
        width: inherit;
    }


    /*Pro Account || 2017-07-26*/
    .proacc-table-rows > td {
        padding: 0;
    }

    .proacc-table-rows td table[class*="proacc-table-"] {
    }

    table[class*="proacc-table-"] tbody, table[class*="proacc-table-"] tr, table[class*="proacc-table-"] td {
    }

    .proacc-table-rows td table.proacc-table-category {
        display: none;
    }

    tr[class*="proacc-row-"] {
        display: block;
        padding: 26px 20px 14px 20px;
        position: relative;
        font-size: 12pt;
        margin-bottom: 2px;
        text-align: center;
    }

        tr[class*="proacc-row-"]:before {
            width: 100%;
            height: 26px;
            right: 0;
            padding: 0 10px;
            font-size: 0.85em;
            text-align: center;
        }

    tr.proacc-row-header {
        padding-left: 0;
        text-align: center;
    }

    table.proacc-table-proacc tr.proacc-row-header {
        color: #337ab7;
    }

    tr.proacc-row-typele:before {
        content: 'TYPE OF LEs';
    }

    tr.proacc-row-credits:before {
    }

    tr.proacc-row-sharing:before {
    }

    tr.proacc-row-hub:before {
    }

    tr.proacc-row-printing:before {
    }

    tr.proacc-row-itinerary:before {
    }

    tr.proacc-row-offline:before {
    }

    tr.proacc-row-travelbook:before {
    }

    tr.proacc-row-risks:before {
    }

    tr.proacc-row-cost:before {
    }


    /*--NEW News & Articles || 2017-07-28*/
    .artc-cont-img {
        width: 80%;
    }

        .artc-cont-img:before {
        }

        .artc-cont-img img {
        }

    .articles-container > div.artc-contents-cont {
        width: 100%;
        max-width: none;
        margin: 0;
    }

    .artc-cta-readmore button {
        max-width: 60%;
        margin: 0 auto;
        float: none;
    }

    /* --Product details new icons on header and syllabi content styles*/
    .ledetails-info-holder {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }

    .ledetinfo-cont-container {
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        display: inline-block;
        vertical-align: middle;
    }

        .ledetinfo-cont-container > div {
            width: auto;
            max-width: 100%;
            padding: 0 12px;
        }

    textarea.auto-textarea {
        resize: none;
        min-height: 120px;
    }

    textarea.heightandwidth {
        height: auto;
        max-width: none;
        overflow: hidden;
        min-height: 5px;
    }

}

@media only screen and (min-width : 768px) {
    .view-inner-header div[class*="vinhead-col-"], .view-inner-header div {
        float:none;
    }
}
@media only screen and (max-width : 767px) {
    #DayList .Day-details-tab {
        max-height: 300px;
        overflow: scroll;
        border: solid 2px #337ab7;
        border-radius: 7px;
    }
    #DayList.mobi-daylist .ui-sortable-handle {
        padding: 4px 10px;
    }
    #event-detail-container #EventList > .VeritcalDiv {
        font-size: 0.8em;
    }

    #DayList .Day-details-tab .btn {
        font-size: 0.8em !important;
        padding: 5px 0;
    }

    .view-inner-header div[class*="vinhead-col-"] .btnBack {
        width: 100%;
    }

    .nav.nav-tabs > li {
        display: table;
        list-style: none;
        max-width: 100%;
        padding: 4px 10px;
        width:100%;
        float: none;
        text-align: center;
    }

        .nav.nav-tabs > li.active > a:link {
            border-bottom: 1px solid #ddd;
            border-radius: 5px;
        }

    .view-plndscp-col-status.plan-event {
        flex-direction: column;
        font-size: 10pt;
    }

        .view-plndscp-col-status.plan-event > div {
            font-size: 10pt;
        }

    #tabs.view-details-tabs.itinerary .active > a:link {
        border-bottom: 1px solid #555;
        border-radius: 5px;
    }

    .plan-mobile-separator {
        display: block !important;
        visibility: hidden;
        font-size: 0;
        height: 10px;
    }

    .none-in-mobile {
        display: none !important;
    }

    .block-in-mobile {
        display: block;
    }

    .view-plndscp-col.txt {
        padding-left: 0px;
    }

    .view-plndscp-col.txt > div {
        padding-left: 0px;
        padding-right: 0px;
    }

    #media-panel #sf .wbrk-all {
        font-size: 11pt !important;
    }

    .p-0-mobile {
        padding: 0px;
    }

    hr.inn-header-vr {
        height: 75px;
    }
}

@media only screen and (max-width : 480px) {
    h5.syallbi-text {
        font-size: 1.5rem;
    }

    .dl-sec-downloadsapp button {
        width: 50%;
        max-width: none;
        align-content: center;
        margin: 0 auto;
    }
}
@media only screen and (max-width : 460px) {
   h2
   {
      font-size: 20pt!important;
   }
    .multi-phase-tab-edit2{
        margin: 0px -60px !important;
        padding: 
    }
}
@media only screen and (max-width : 380px) {
   h2
   {
      font-size: 16pt!important;
   }
}
#Add_Day_Event .ctas-listexpand-btn-holder {
    top: 35px !important;
}

#Add_Day_Event .btnInside {
    width: 100%;
}

#Add_Day_Event .btnsDiv
{
    padding:3px 8px;
}


@media screen and (min-width:1100px)
{
    .pagination-selector
    {
        float:none !important;
        text-align: center !important;
    }
}

@media only screen and (max-width : 1100px) {
    .ring span:not(:last-child):not(:first-child):after {
   display: none;
}
.fa-chevron-left {
    font-size: 25px !important;
}

}

@media only screen and (min-width: 768px) and (max-width: 1100px){
    .product-tab .nav-tabs li:first-child {
        border-right: none;
        display: block;
        vertical-align: middle;
    }
    .nav.nav-tabs > li {
        display: table;
        list-style: none;
        max-width: 100%;
        padding: 6px 50px !important;
        width: 100%;
        float: none;
        text-align: center;
    }
}

#pr-box {
    font: 13px/16px sans-serif;
    position: absolute;
    z-index: 1000;
    display: none;
}

#pr-box-inner {
    margin: 15px;
    padding: 10px 30px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    border-radius: 2px;
    background-color: #3377C7;
    color: white;
}

#pr-box p {
    padding: 20px 0px;
    font-weight: 700;
    margin-bottom: 0px;
    font-size: 15px;
}

#pr-box ul {
    padding: 7px;
    margin-bottom: 0px;
}

#pr-box ul li {
    list-style: none;
    padding: 7px;
}

#pr-box ul li span {
    margin-right: 10px;
    vertical-align: middle;
}

.icon-closed-eye::before {
    content: ""; /* No text content, just an image */
    display: inline-block;
    width: 18px; /* Set the size of the icon */
    height: 10px;
    background-image: url('../Content/Images/Closed-eye.png'); /* Path to your image */
    background-size: contain; /* Scale the image to fit */
    background-repeat: no-repeat;
    background-position: center;
}

.icon-light::before {
    content: ""; /* No text content, just an image */
    display: inline-block;
    width: 16px; /* Set the size of the icon */
    height: 18px;
    background-image: url('../Content/Images/Light.png'); /* Path to your image */
    background-size: contain; /* Scale the image to fit */
    background-repeat: no-repeat;
    background-position: center;
}

.icon-check::before {
    content: ""; /* No text content, just an image */
    display: inline-block;
    width: 16px; /* Set the size of the icon */
    height: 18px;
    background-image: url('../Content/Images/Check.png'); /* Path to your image */
    background-size: contain; /* Scale the image to fit */
    background-repeat: no-repeat;
    background-position: center;
}

.toggle-password {
    color: #a1a1a1;
    background-color: transparent !important;
    position: absolute;
    top:0px;
    right:0px;
    padding:19px;
}