body.waiting .save-spinner, body.waiting .processing-spinner {
    display: block !important;
}

body .save-spinner, body .processing-spinner {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 100px;
    background-color: gray;
    z-index: 4000;
    text-align: center;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
body .save-spinner-visible, ody .processing-spinner-visible {
    display: block !important;
}

.save-spinner .spinner span.glyphicon-refresh, .processing-spinner .spinner span.glyphicon-refresh {
    font-size: 82px;
}

.save-spinner strong, .processing-spinner strong {
    font-size: 30px;
}

.save-spinner .spinner, .processing-spinner .spinner {
    margin: 100px auto;
    width: 100px;
    height: 100px;
    position: relative;
    text-align: center;
    -webkit-animation: rotate 2.0s infinite linear;
    animation: rotate 2.0s infinite linear;
}

body.waiting .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }


@-webkit-keyframes rotate {
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes rotate {
	100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); }
}

.notificationBadge {
    -moz-border-radius:20px 20px 20px 20px;      
    border-radius: 20px 20px 20px 20px;
    background-color: #2a6496;    
    padding: 0 5px 0 5px;
    display: inline-block;
    color: white;
    font-size: 80%;
    vertical-align: text-bottom;
}
a.notificationBadge, a.notificationBadge:hover {
    text-decoration: none;
    color: white;

}

.input-group-btn .bootstrap-select {
    width: 75px !important;
}

.help-block {
    display: inline;
}

.numc, th.numc, .curr {
    text-align: right;
}

input.releasedays { width: 50px; }

.selectline {
      -webkit-user-select: text;  /* Chrome all / Safari all */
    -moz-user-select: text;     /* Firefox all */
    -ms-user-select: text;      /* IE 10+ */
    user-select: text;
}


.page-nav { line-height: 36px; } 

	.page-nav > a + a:before { padding: 0 5px; color: #000000; content: "/\00a0"; }

	.page-nav > a:hover { text-decoration: none !important; }

/* Side notes for calling out things
-------------------------------------------------- */
.lowlabel label { margin: 0 0 0 0; width: 18px; }

.lowlabel input { width: 18px; }

.float-right { float: right; }

.no-radius { border-radius: 0; }

/* Base styles (regardless of theme) */
.bs-callout { margin: 20px 0; padding: 15px 30px 15px 15px; border-left: 5px solid #eee; }

	.bs-callout h4 { margin-top: 0; }

	.bs-callout p:last-child { margin-bottom: 0; }

	.bs-callout code,
	.bs-callout .highlight { background-color: #fff; }

/* Themes for different contexts */
.bs-callout-danger { background-color: #fcf2f2; border-color: #dFb5b4; }

.bs-callout-warning { background-color: #fefbed; border-color: #f1e7bc; }

.bs-callout-info { background-color: #f0f7fd; border-color: #d0e3f0; }

/* Bootstrap submenu */
.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; }

	.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; }
/* END Bootstrap submenu */

/* Bootstrap override */
.navbar-top { margin-bottom: 10px; }
/* END Bootstrap override */

.fake-label { margin-bottom: 5px; }

.editintable { color: rgb(230, 159, 29); }

.calintable { color: rgb(87, 172, 84); }
.listintable {
    color: #428bca;
}

.displayblock {
    display: block;
}

.editintable, .calintable, .plusintable {
    font-size: 16px;
    cursor: pointer;
}

.vouchercon {
    display: inline-block;
}

#printico {
    cursor: pointer;
}

.icon-flipped { transform: scaleX(-1); -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); }

.uploadbtn { width: 100%; text-align: left; }

.error { color: red; }

.validation-summary-errors { background-color: pink; }

.field-validation-error { color: red; }

.btn-warning-red { color: red; }

.red { color: red; }

.red-bg { background: rgb(255,55,55); }

.yellow-bg { background: yellow; }

.parrow { cursor: default; }

.attachment-badge { background-color: rgb(94, 168, 233) !important; }

.onlyinexcel { display: none !important; }

.sb-footer { padding-top: 40px; padding-bottom: 30px; margin-top: 100px; color: #777; text-align: center; border-top: 1px solid #e5e5e5; }
	.sb-footer a { color: #777; }

.panel-headertext { font-size: 22px; }

#tourrange .row { margin-bottom: 8px; }

.input-group-addon.tagbox {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    text-align: left;
}

.tagbox a.tag-header-main {
    color: #999;
}

.tagbox a .glyphicon, #selected-tags {
    color: #000000;
}
#showActiveDates, .dateInThePast {display: none;}
/** Hover / tooltip **/
.hover {
    cursor: default;
}

.btn-group.blocks {
    border-spacing: 5px;
}

.nohover { color: #333333 !important; background-color: #ffffff !important; border-color: #cccccc !important; cursor: default !important; }

#tooltip { display: none; /* Hide initially */ position: absolute; top: 40px; height: 25px; line-height: 25px; background-color: #5B595A; color: white; font-size: 11px; padding-left: 10px; padding-right: 10px; /* This is the nice shading for the top of the button */ background-image: -webkit-gradient(linear, left top, left bottom, from( #7B7B7B /*{d-bar-background-start}*/ ), to( #5B595A /*{d-bar-background-end}*/ )); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #7B7B7B /*{d-bar-background-start}*/, #5B595A /*{d-bar-background-end}*/ ); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, #7B7B7B /*{d-bar-background-start}*/, #5B595A /*{d-bar-background-end}*/ ); /* FF3.6 */ background-image: -ms-linear-gradient(top, #7B7B7B /*{d-bar-background-start}*/, #5B595A /*{d-bar-background-end}*/ ); /* IE10 */ background-image: -o-linear-gradient(top, #7B7B7B /*{d-bar-background-start}*/, #5B595A /*{d-bar-background-end}*/ ); /* Opera 11.10+ */ background-image: linear-gradient(top, #7B7B7B /*{d-bar-background-start}*/, #5B595A /*{d-bar-background-end}*/ ); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.clearonsm {
    clear:both;
}

.btn-secondary {
    color: #212529;
    background-color: #acacac;
    border-color: #acacac;
}

.btn-secondary:hover {
    color: #212529;
    background-color: #999;
    border-color: #939292;
}

.btn-secondary:focus,
.btn-secondary.focus {
    box-shadow: 0 0 0 none rgba(172, 172, 172, .5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #212529;
    background-color: #acacac;
    border-color: #acacac;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #939292;
    border-color: #8c8c8c;
}

    .btn-secondary:not(:disabled):not(.disabled):active:focus,
    .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
        box-shadow: 0 0 0 none rgba(172, 172, 172, .5);
    }

/* Imageshop button */
@media (min-width: 768px) {
    .no-right-padding { padding-right: 0; }

    .clearonsm {
        clear:none;
    }

    .modal-dialog {
        right: auto;
        left: 50%;
        width: auto;
        max-width: 1024px;
        padding-top: 30px;
        padding-bottom: 30px;
}

    .itemcontentnobreak {
        min-width:700px;
        width:700px;
        text-align: right;
    }
        .itemcontentnobreak.unitprice {
            min-width: 997px;
            width: 997px;
            text-align: right;
        }

    .add-product-modal {
        width: auto;
        min-width: 751px;
        max-width: 1060px;
    } 
    
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

}
@media (max-width: 767px) {

    #launcher-frame {
        position: absolute !important;
        bottom: unset !important;
        right: 0px !important;
        z-index: 10000 !important;
    }

    #order nav {
        z-index: 10001;
    }
}

a.imageshop-button, a.imageshop-button-freesize { background: url(/Content/images/screenteklogo.png) no-repeat; text-decoration: none; }

.add-img, .remove-img, .imageshop-button, .imageshop-button-freesize { width: 22px; height: 22px; cursor: pointer; display: inline-block; }

.remove-img { background: url("/Content/images/button_delete.png") center center no-repeat; }

.add-img { background: url("/Content/images/button_add.png") center center no-repeat; }

.imageshop-button { position: absolute; right: 20px; top: 8px; }

.imageshop-button-freesize { position: absolute; left: 20px; top: 8px; }

.distributorlogo { padding-left: 30px; }

.con-addremove { margin-top: 6px; }

.sumOrders, .sumTravelers, .sumSale, .txtSum { font-weight: bold; }

.btninheader { float: right; margin-top: -6px; margin-right: 10px; }

.one { float: left; min-width: 100px; margin-right: 15px; }

.bold { font-weight: bold; }

.datepicker { z-index: 2000 !important; }

.pointer { cursor: pointer; }

.space { margin-bottom: 10px; }

.overflowlist { height: 200px; overflow: auto; }

.showall .overflowlist { height: auto; }

#addrowproductunitidselect { margin-bottom: 10px; }

.optionalday { position: absolute; right: 40px; width: 173px; top: 0px; }

.with-form-group { margin-top: -10px; }   /* Counteract the form-group margin-bottom to move an associated control up nearer the group */

.flightheading {
    min-height: 80px;
}

.fchild {
    display: inline-block;
}
-flightheading .dropdown {
    padding: 15px 0;
}

.flightheading > div {
    padding: 0 15px 0;
}

input[type="number"].twoDigit { width: 40px; }
input[type="number"].threeDigit { width: 50px; }

#order .panel-footer { min-height: 55px; }

div.productUnit {
    margin-bottom: 50px;
    border: 1px solid #428bca;
    padding: 20px;
    background: #f5f5f5;
}

.width-100 {
    width: 100%;
}


/* My page */
.mypagerow { padding-bottom: 10px; }

.mypage .innercon {
    padding: 0 15px 15px 15px;
}
/* END My page */
.panelhelptip { font-size: 17px; }

	.panelhelptip .popover { color: black !important; font-size: 13px; }

/* Order view */
.orderlinegroupheading { font-weight: bold; font-size: 14px; }
.orderlinegroup .panel-heading { cursor: pointer;}

.datecontainer { font-weight: bold; font-size: 12px; border-radius: 15px; padding: 3px 10px; background: #999999; color: white; }
.reddatecontainer { font-weight: bold; font-size: 12px; border-radius: 15px; padding: 3px 10px;background: rgb(255,55,55); color: white; }
.pinkdatecontainer { font-weight: bold; font-size: 12px; border-radius: 15px; padding: 3px 10px;background: #f19baa; color: white; }


.selectedttid { background-color: lightblue; }

.command-table { margin-top: -20px; }

.con-unit { border: 1px solid #dddddd; border-radius: 3px; padding: 15px 15px 0 15px; margin-bottom: 15px; }

.top-margin { margin-top: 10px; }
.bottom-margin {margin-bottom: 10px; }

.center { text-align: center;}

.discardday { float: left; margin-left: 50px; margin-top: 10px; }

.width-date { width: 100px; }

.invoicedatepicker { min-width: 100px; }
/* END Order view */

/* Customer view */
.letter { padding: 10px 5px; font-weight: bold; }
/* END Customer view */

/* Edit commission agreements */
.cbAgreement { font-size: 14px; margin-left: 20px; font-weight: bold; }
/* END Edit commission agreements */


/* Reports styles */
.con-report .groupbackground { background-color: #D6E6F3 !important; -webkit-print-color-adjust: exact !important; font-weight: bold; border-bottom: 1px solid lightgray; }

.con-report .tableheader { background-color: #BAE497 !important; -webkit-print-color-adjust: exact; font-weight: bold; }

.con-report .tablestyle { border-collapse: collapse; border: 1px solid lightgray; -webkit-print-color-adjust: exact; font-family: Arial, sans-serif; font-size: 11px; }
/* END Reports styles */

/* Tour template */
.conditiondd {
    /* position: absolute; right: 40px; top: 0; width: 15%;*/ width: 100px;
}
.newalternativebtn { background-color: #5BA7C7; color: #FFF; border-color: #fff; }
/* END Tour template */

.input-validation-error {
    border: 1px solid #e80c4d;
    background-color: #ffeeee;
}


/* Language */
.ddLangContainer { display: table-cell; width: 110px; text-align: left; }

.trans .input-group { width: 100%; }

.trans .input-group-addon { vertical-align: top; }

.contrans > *:not(.tinyMCEEditor) { display: none; }

.contrans > *:first-child { display: block; }

.listLang { list-style-type: none; margin-left: 0; padding-left: 0; }

	.listLang li { padding: 5px 10px; }

	.listLang label { cursor: pointer; }

	.listLang li:hover:not(.selectedLang) { background-color: lightblue; }

	.listLang .selectedLang { background-color: #428bca; color: white; }

.ddLangContainer .dropdown-toggle { float: none; -ms-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; background: #f5f5f5; border-right: none; width: 110px; text-align: right; }

.ddLangContainer .lblLang { float: left; }
/* END Language */



/* Select picker*/

.selectpicker li { padding-left: 0; padding-right: 0; }

.bootstrap-select.btn-group .dropdown-menu { z-index: 1000 !important; }

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text, .bootstrap-select .dropdown-menu li a span.text {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    margin-right: 0;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li, .bootstrap-select .dropdown-menu li {
    padding-right: 0;
    padding-left: 0;
}
.bootstrap-select .dropdown-menu.inner {
    overflow-x: hidden;
}
/* END Select picker */
.sb-widget {
    margin-right: 10px;
    display: inline-block;
    height: 80px;
    text-align: right;
    border-radius: 0;
}

.sb-widget-subtitle {
    font-size: 70%;
    position: absolute;
    bottom: 5px;
    right: 10px;
}

.reportcontent table tr td, .reportcontent table tr th { border: 1px solid black;}

a.showVisitedStyle:visited { color: purple; }

.submitLink {
  background-color: transparent;
  text-decoration: underline;
  border: none;
  color: #428bca;
  cursor: pointer;
}
.submitLink:focus {
  outline: none;
}


.field-validation-valid {
    display: none;
}

.validation-summary-valid {
    display: none;
}

.width50 {
    width: 50px;
    display: inline-block;
}

/* Menu */
.dropdown-menu .dividertext {
    position: relative;
    z-index: 1;
    text-align: center;
    height: auto;
    background: initial;
    margin: 0;
}
.dropdown-menu   .dividertext:before {
    border-top: 1px solid #dfdfdf;
    content: "";
    margin: 0 auto;
    /* this centers the line to the full width specified */
    position: absolute;
    /* positioning must be absolute here, and relative positioning must be applied to the parent */
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 95%;
    z-index: -1;
}
.dropdown-menu  .dividertext span {
    /* to hide the lines from behind the text, you have to set the background color the same as the container */
    background: #fff;
    padding: 0 15px;
}

.optioncon {
    border: 1px solid #cccccc;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.js-show {
    cursor: pointer;
}

/* workaround for modal popups that gets behind */
.modal-backdrop {
    z-index: -1;
}

.modal {
    overflow-y: auto;
}


.editproducttemplate {
    /*position: absolute;
    right: 15%;
    top: 0px;
    margin-right: 60px;*/
    width: 150px;
    display: inline;
}


/* enable absolute positioning */
.inner-addon {
    position: relative;
}

/* style glyph */
.inner-addon .glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}

/* align glyph */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

span.input-group-addon.langlabel {
    width: 117px;
    text-align: left;
    padding-top: 9px;
    font-weight: bold;
    padding-left: 22px;
}

.datecol {
    min-width: 120px;
}

.dropdownarrow {
    padding: 0;
}

.input-daterange .dropdown-toggle, .input-datetimerange .dropdown-toggle {
    padding: 9px 10px;
}

.input-daterange .glyphicon-calendar.dropdown-toggle, .input-datetimerange .glyphicon-calendar.dropdown-toggle {
    padding-right: 0;
}

.no-border {
    border: 0;
    box-shadow: none;
}

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

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

.panel-header {
    border-bottom: 1px solid #dddddd;
}

.multidropdown .dropdown-header {
    padding: 0 10px;
    padding-top: 5px;
}
.lead-time {
    clear:both;
}

.lead-time .lead-time-group {
    width: 25%;
    float: left;
}

.lead-time .lead-time-group input {
    width: 75%;
}

.lead-time .lead-time-group label {
    font-weight: normal;
}

.no-border {
    border: 0;
    box-shadow: none;
}

.glyphicon.glyphicon-plane {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
    background-color: #e8e8e8;
}

.table-hover .table-secondary:hover {
    background-color: #dbdbdb;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
    background-color: #dbdbdb;
}


.tour-tabs > li.active > a {
    font-weight: bold
}

.tour-tabs > li {
    border-color: #dddddd;
    border-bottom: 1px solid #357ebd;
}

.tour-tabs > li a {
    border: 1px solid #dddddd;
    border-bottom: 1px solid transparent;
}

.tour-tabs > li.active a {
    color: #ffffff;
    background-color: #428bca;
    border-color: #357ebd;
    border-bottom: 1px solid #428bca;
}

.nav-tabs {
    border-bottom: 1px solid #357ebd;
}

.tour-tabs > li.active a {
    color: #ffffff;
    background-color: #428bca;
    border-color: #357ebd;
}

.tour-tabs > li.active a:hover,
.tour-tabs > li.active a:focus,
.tour-tabs > li.active a:active,
.tour-tabs > li.active a.active,
.open .dropdown-toggle.nav-tabs > li.active a {
    color: #ffffff;
    background-color: #3276b1;
    border-color: #285e8e;
}

.datatable-striped > tbody > tr.odd > td,
.datatable-striped > tbody > tr.odd > th {
    background-color: #f9f9f9;
}

.togglerow {
    width: 20px;
    background-image: url('/Content/images/btn_open.png');
    -ms-background-repeat: no-repeat;
    background-repeat: no-repeat;
    -ms-background-position: center center;
    background-position: center center;
    cursor: pointer;
}

.togglerow.expanded {
        width: 20px;
    background-image: url('/Content/images/btn_close.png');
    -ms-background-repeat: no-repeat;
    background-repeat: no-repeat;
    -ms-background-position: center center;
    background-position: center center;
    }

.table-responsive {
    overflow-x: auto;
}

span.glyphicon.glyphicon-info-sign.helptip {
    width: 30px;
    text-align: center;
}
span.helptip {
    cursor: pointer;
}
.container {
    max-width: 100%;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    left: 8px;
    right: auto;
}
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding-left: 28px;
    padding-right: 0px;
}

.taskNew {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.taskProcessing {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.taskDone {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.taskArchived {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.taskNew:hover, .taskProcessing:hover, .taskDone:hover, .taskArchived:hover,
    .taskNew:active, .taskProcessing:active, .taskDone:active, .taskArchived:active,
    .taskNew:visited, .taskProcessing:visited, .taskDone:visited, .taskArchived:visited,
    .taskNew:focus, .taskProcessing:focus, .taskDone:focus, .taskArchived:focus {
        color: #fff;
    }

.taskNew, .taskProcessing, .taskDone, .taskArchived
 {
     display: inline-block;
     padding: 6px 12px;
     margin-bottom: 0;
     font-size: 14px;
     font-weight: normal;
     line-height: 1.428571429;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     border: 1px solid transparent;
     border-radius: 4px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
     user-select: none;
    width: 100%;
}

.opDone {
    color: rgba(0, 0, 0, 0.3);
}

    
    .opDone a {
        color: rgba(0, 0, 0, 0.3);
    }
    .opDone button {
        opacity: 0.3;
    }
    


.table.vertical-aligned tbody > tr > td {
    vertical-align: middle;
}

.mr-15 {
    margin-right: 15px;
}

.mtb-15 {
    margin: 0 0 15px 0;
}

.mb-15 {
    margin-bottom: 15px;
}

.ml-15 {
    margin-left: 15px;
}

.mt-15 {
    margin-top: 15px;
}

.mr-5 {
    margin-right:5px;
}

.mt-5 {
    margin-top: 5px;
}

.dd-handle {
    cursor: move;
}

.editTourPlanItem {
    margin-right: 15px;
}


:not(.dd-product-item) > .tphandle.verified {
    background: lightgreen;
}

#tourplandays .btn-delete {
    position: absolute;
    right: 0;
    color: white;
}

#tourplandays .deleteitem {
    color: black;
    padding-right: 0;
}

#addSupplierActivityModal input[type=checkbox], #UseAsTemplate, #addTourLeaderActivityModal input[type=checkbox], #addrow input[type=checkbox], .bigcheckbox  {
    width: 20px;
    height: 20px;
}
.dropdown-toggle[title='(Default)'], .dropdown-toggle[title='(Default is Yes)'], .dropdown-toggle[title='(Default is No)'] {
    color: #999;
}
.panel-info .clickable {
    width: 100px;
    margin: 0 auto;
    cursor: pointer;
    display: block;
}

.clickable2 {
    cursor:pointer;
}

@media (min-width: 992px) {
    .split-row {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }

    .column-span-all {
        -webkit-column-span: all; /* Chrome, Safari, Opera */
        column-span: all;
    }

    .split-row > * {
        -webkit-column-break-inside: avoid;
        -webkit-backface-visibility: hidden;
        display: inline-block;
        width: 100%;
        float: none;
    }

    .panel-info .clickable {
        width: 100%;
        cursor: pointer;
        text-align: right;
        float: right;
    }
}


#CustomTravelerInfoSelection {
    border: 1px solid #ccc;
}

#CustomTravelerInfoSelections ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    overflow: hidden;
    border: 1px solid #ccc;
}

#CustomTravelerInfoSelections li {
    margin: 5px;
    padding: 5px;
    width: 220px;
    color: #333;
    background-color: #eee;
    border: 1px solid #ccc;
    float: left;
    display: block;
}

#CustomTravelerInfoSelections li.draggable {
    cursor: move;
}

#CustomTravelerInfoSelections label {
    font-weight: normal;
    margin: 0;
}


#CustomTravelerInfoSelections .selected label.click {
    font-weight: bold;
}

#CustomTravelerInfoSelections .selected {
    background-color: #ccc;
}

#CustomTravelerInfoSelections #sortable {
    float: left;
    width: 200px;
    border: 1px solid #ccc;
    padding: 20px;
    margin: 20px
}

#CustomTravelerInfoSelections #source {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    padding: 20px;
    margin: 20px;
}

#CustomTravelerInfoSelections .required {
    text-decoration: underline;
    cursor: pointer;
}

#CustomTravelerInfoSelections .requiredcheck {
    display: none;
}

#CustomTravelerInfoSelections .required-selected {
    font-weight: bold;
}

.ttcapacitytb {
    display: inline-block;
    width: 80px;
}

.dd-handle .form-group {
    display: inline-block;
    margin-bottom: 0;
}

.dd-handle.flight .form-group { display: block; }

    .ttconditiondd {
        width: 200px !important;
    }

.grouptraveldayol .dd-empty, .flightgroupol .dd-empty {
    display: none;
}

.grouptraveltemplatedays .nestedtitle {
    font-size: 18px;
}
.f18 {
    font-size: 18px;
}

.mt-25 {
    margin-top:25px;
}

.tree-combo .tree-item-wrapper {
    font-weight: normal;
    padding-bottom: 5px;
    display: flex;
}

.tree-combo .tree-item-label input {
    margin-right: 5px;
}

.tree-combo .tree-item-label {
    padding: 2px 5px;
    font-weight: normal;
    width: 90%;
    margin-bottom: 0;
}

    .tree-combo .tree-item-label:hover {
        background-color: #428bca;
        color: white;
    }

.tree-combo .dropdown-menu {
    padding: 10px;
    width: 700px;
    overflow-y: hidden;
}

.tree-combo .tree-content {
    max-height: 500px;
    overflow-y: auto;
}

.tree-combo > .dropdown-toggle {
    width: 100%;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

    .tree-combo > .dropdown-toggle.default {
        color: #999;
    }

.tree-combo .btn-group {
    width: 100%;
}

.tree-combo .tree-collapse {
    width: 25px;
}

.tree-combo .btn-group button {
    width: 50%;
    margin: 5px 0;
}

.tree-combo .tree-open-child {
    cursor: pointer;
    display: inline-block;
    width: 1.5em;
    text-align: center;
    margin-right: 3px;
    height: 100%;
}

    .tree-combo .tree-open-child:hover {
        background-color: #ebebeb;
    }

.tree-combo .tree-list {
    flex: 1;
}

.tree-combo .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}


.json-editor .btn i {
    display: inline-block;
}

.json-editor .table {
    margin: 0;
    width: 100% !important;
}

span.taskdesc, span.taskcomm {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}