.right-border {
    border-right: 5px solid #E6E6E6;
}

.toolbar {
    font-size: 12px;
    color: #767676;
    cursor: pointer;
    background-color: #e1e1e8;
}

.txt-red {
    color: red;
}

.txt-gray {
    color: lightgray;
}

.txt-green {
    color: green;
}

.image-module {
    max-height: 400px;
}

.image-module-wide {
    width: 100%;
}

.ng-cloak, .x-ng-cloak {
    display: none !important;
}

.active-selection {
    background-color: orange;
}

[ng-click],
[data-ng-click],
[x-ng-click] {
    cursor: pointer;
}

.spinner {
    margin: 100px auto 0;
    width: 70px;
    text-align: center;
}

    .spinner > div {
        width: 18px;
        height: 18px;
        background-color: #333;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

[draggable] {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* Required to make elements draggable in old WebKit */
    -khtml-user-drag: element;
    -webkit-user-drag: element;
}

.drag-placeholder {
    color: white;
    border: dotted 5px gray;
    height: 40px;
    background: repeating-linear-gradient( 45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px );
}

.over {
    background-color: gray !important;
}

.module-area.over {
    border: 2px dashed #000;
}

.noshow {
    display: none;
}

.embed-container {
    position: relative;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    min-height: 100%;
}

    .embed-container iframe, .embed-container object, .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }

.embed-padding {
    padding-bottom: 100%;
}

.ui-select-search {
    width: 100% !important;
}

.ui-select-match-text {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 40px;
}

.ui-select-toggle > .btn.btn-link {
    margin-right: 10px;
    top: 6px;
    position: absolute;
    right: 10px;
}

.ui-select-placeholder,
.ui-select-match-text,
.ui-select-match-item {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 40px;
}
.Tags .ui-select-match-item {
    padding-right: 0px; 
}
body {
    margin: 0px;
}

.thumbnail {
    position: relative;
    border: none;
}

    .thumbnail img {
        border: none;
        padding: 0px;
    }

.post-content {
    /*top: 250px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 40%;
    overflow: hidden;*/
    padding: 20px !important;
}

.toggle.ios, .toggle-on.ios, .toggle-off.ios {
    border-radius: 20px;
}

    .toggle.ios .toggle-handle {
        border-radius: 20px;
    }

.feature-widget {
    position: relative;
    overflow: hidden;
    min-height: 100px;
}

.feature-img {
    max-width: 18%;
    height: 100%;
    float: left;
    box-sizing: border-box;
    margin-right: 10px;
}

.feature-content-link {
    max-width: 77% !important;
    float: left;
    width: 77% !important;
    /*min-height: 75px;
    margin-bottom: -5px;*/
}
/*.feature-content{
    max-width: 77% !important;
    float: left;
    width: 77% !important;
}
.feature-link {
    width: 77%;
    float: right;
}*/

.image-sel {
    display: inline-block;
    cursor: pointer;
    position: relative;
    border: 3px dashed gray;
    background-image: url(/img/stripes.png);
    width: 100%;
    overflow: auto;
    min-width: 89px;
}

    .image-sel label {
        position: absolute;
        font-weight: bold;
        cursor: pointer;
        text-align: center;
        font-size: 16px;
        text-shadow: 1px 1px 5px white;
        color: black;
        top: 50%;
        margin-top: -8px;
        left: 0px;
        right: 10px;
    }

    .image-sel img {
        width: 100%;
        height: 80px;
    }

.textoverlay-text {
    background-color: white;
    width: 100%;
    height: 100%;
    color: black;
}


.welcome {
    padding-left: 18px;
    padding-right: 18px;
}

.notice-all a:after {
    font-family: 'fontawesome';
    content: "\f07d";
    float: right;
    color: grey;
}

.notice-board {
    cursor: pointer;
    cursor: hand;
}

.select2 > .select2-choice.ui-select-match {
    /* Because of the inclusion of Bootstrap */
    height: 29px;
}

.selectize-control > .selectize-dropdown {
    top: 36px;
}
/* Some additional styling to demonstrate that append-to-body helps achieve the proper z-index layering. */
.select-box {
    background: #fff;
    position: relative;
    z-index: 1;
}

.alert-info.positioned {
    margin-top: 1em;
    position: relative;
    z-index: 10000; /* The select2 dropdown has a z-index of 9999 */
}
/* when hiding the thing */
.flapper-insert.ng-hide-add {
    display: none !important;
    -webkit-animation: 0.5s fadeInLeft;
    animation: 0.5s fadeInLeft;
}

/* when showing the thing */
.flapper-insert.ng-hide-remove {
    -webkit-animation: 0.5s fadeInLeft;
    animation: 0.5s fadeInLeft;
}

/* when showing the thing */
.flapper-content-list.ng-enter {
    -webkit-animation: 0.5s lightSpeedIn;
    animation: 0.5s lightSpeedIn;
}

/* when hiding the thing */
.flapper-content-list.ng-leave {
    -webkit-animation: 0.5s lightSpeedOut;
    animation: 0.5s lightSpeedOut;
}

    .flapper-content-list.ng-leave.ng-leave-active {
        -webkit-animation: 0.5s lightSpeedOut;
        animation: 0.5s lightSpeedOut;
    }

.zoomInOut.ng-enter {
    -webkit-animation: 0.5s zoomInDown;
    animation: 0.5s zoomInDown;
}

.zoomInOut.ng-leave, .zoomInOut.ng-leave.ng-leave-active {
    -webkit-animation: 0.5s zoomOutDown;
    animation: 0.5s zoomOutDown;
}

/* ---- Image Hover Effects ---- */

.img-hover {
    position: relative;
    background: #161616;
}

    .img-hover .img-hover-text {
        overflow: hidden;
        cursor: pointer;
        text-align: center;
        text-transform: uppercase;
    }

    .img-hover img {
        position: relative;
        display: block;
        opacity: 1;
    }

    .img-hover h2 {
        font-weight: 300;
        font-size: 28px;
        line-height: 25px;
    }

    .img-hover h3 {
        font-weight: 300;
        font-size: 28px;
        line-height: 25px;
    }

        .img-hover h2 span,
        .img-hover h3 span {
            font-weight: 800;
        }

    .img-hover p {
        letter-spacing: 1px;
        font-size: 14px;
        line-height: 14px;
    }

    .img-hover .btn {
        font-size: 12px !important;
    }

    .img-hover h2,
    .img-hover h3 {
        padding: 0 3px;
        position: absolute;
        top: 45%;
        left: 0;
        width: 100%;
        color: #ffffff;
        -webkit-transition: -webkit-transform 0.35s, color 0.35s;
        transition: transform 0.35s, color 0.35s;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }

    .img-hover h3 {
        top: 42%;
    }

    .img-hover.img-hover-text::before,
    .img-hover p,
    .img-hover p.link {
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }

    .img-hover p {
        position: absolute;
        bottom: 40px;
        left: 0;
        padding: 2em;
        width: 100%;
        opacity: 0;
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
        color: #ffffff;
    }

        .img-hover p.link {
            bottom: 0px !important;
            font-weight: 800;
            padding: 0 3em;
        }

    .img-hover:hover h2 {
        color: #fff;
        -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -60px, 0);
        transform: translate3d(0, -50%, 0) translate3d(0, -60px, 0);
    }

    .img-hover:hover h3 {
        color: #fff;
        -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
        transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
    }

    .img-hover:hover.img-hover-text::before,
    .img-hover:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .img-hover:hover img {
        opacity: 0.3;
    }

/* ---- Video Modal Box ---- */

.aspect-ratio {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56%;
}

    .aspect-ratio iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

.body-color {
    overflow-x: hidden !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #fff;
    background: #161616;
    -ms-overflow-style: none !important;
}

/* ---- Layout/Structure Styles ---- */

.gutter-10.row {
    margin-right: -5px;
    margin-left: -5px;
}

.gutter-10 > [class^="col-"],
.gutter-10 > [class^=" col-"] {
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
}

/* sub menu fix*/
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
        max-height: 212px;
        overflow-y: auto;
    }

/* On screens that are 600px wide or less, */
@media screen and (max-width: 600px) {
    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: 29px;
        margin-left: -100%;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }
    }

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

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

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

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

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

.typeahead-master .custom-popup-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    background-color: #f9f9f9;
}

    .typeahead-master .custom-popup-wrapper > .message {
        padding: 10px 20px;
        border-bottom: 1px solid #ddd;
        color: #868686;
    }

    .typeahead-master .custom-popup-wrapper > .dropdown-menu {
        position: static;
        float: none;
        display: block;
        min-width: 160px;
        background-color: transparent;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }

.split-container {
    margin-right: 10px;
    margin-left: 10px;
}

.popover-tv > .popover-inner > .popover-title {
    background: tomato !important;
}

.popover-tv > .popover-inner > .popover-content {
    background: tomato !important;
}

/***************************** Dropzone Styling *****************************/

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.dropzone ul[dnd-list] {
    min-height: 5px;
    margin: 0px;
}

.dropzone li {
    display: block;
}

/**
 * Reduce opacity of elements during the drag operation. This allows the user
 * to see where he is dropping his element, even if the element is huge. The
 * .dndDragging class is automatically set during the drag operation.
 */
.dropzone .dndDragging {
    opacity: 0.7;
}

/**
 * The dndDraggingSource class will be applied to the source element of a drag
 * operation.
 */
.dropzone .dndDraggingSource {
    opacity: 0.5;
}

/**
 * An element with .dndPlaceholder class will be added as child of the dnd-list
 * while the user is dragging over it.
 */
.dropzone .dndPlaceholder {
    background-color: #ddd !important;
    display: block;
    min-height: 120px;
}

/***************************** Element type specific styles *****************************/

.dropzone .itemlist {
    min-height: 120px !important;
}

    .dropzone .itemlist > li {
        /*background-color: #337ab7;*/
        /*border: none;*/
        /*border-radius: .25em;*/
        /*color: #fff;*/
        float: left;
        /*font-weight: 700;*/
        /*height: 50px;*/
        margin: 5px;
        padding: 3px;
        /*text-align: center;*/
        /*width: 80px;*/
    }

.dropzone .container-element {
    margin: 10px;
}

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

.breadcrumb, a.hidden-xs.btn.btn-secondary.up-arrow-secondary, .col-sm-12.sitemap, .col-sm-12.text-center.pbounce {
    display: none !important;
}

.filemanager.breadcrumb{
  display: block !important;
}

/* ---- Home Boxes ---- */

.home-box {
    /*background: url('../img/ITT/home-box-bg-1.jpg') top center no-repeat;*/
    background-color: #77cedf;
    background-size: cover;
    padding: 40px;
    display: table;
    width: 100%;
    min-height: 200px;
    transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

    .home-box h4 {
        font-size: 18px;
        font-weight: 400;
        text-transform: uppercase;
    }

        .home-box h4:hover {
            -ms-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

.inside-home,
.inside-home:hover,
.inside-home:focus,
.inside-home:visited {
    color: #fff;
    text-decoration: none;
}
.hide-bullets {
    list-style: none;
    margin-left: -50px;
    margin-top: 20px;
}
.thumbnail-border{
    border: 1px solid #ddd;
}
/*.carousel-control.left, .carousel-control.right {
    display: none !important;
}*/
.myCbox {
    margin-left: 5px;
}
.page-breaker {
    display: block;
    clear: both;
    page-break-after: always;
}
.panel-title p {
    margin: 0px;
    font-size: 24px;
}

.etn-feature {
    max-width: 77% !important;
    width: 77% !important;
    overflow: hidden;
}

.etn-feature label {
    margin-right: 15px;
}


#etncatform, #etnexpdtform, #etnfareexpdtform {
    margin: 5px;
}


.form-group.etn-feature {
    overflow: visible;
}

.date-picker-input.etn-feature {
    overflow: visible;
    float: left;
    max-width: 40% !important;
    width: 40% !important;
    margin: 10px;
}

.etn-datepicker ._720kb-datepicker-calendar {
    position:relative;
}


#linkPickerScrollablePagebtn, #linkPickerScrollableOfferbtn{
    /*visibility: hidden;*/
}