.mb32 { margin-bottom:32px;}
.mt16 { margin-top:16px;}

ul.pager.gt_close {margin: 0;}

div.gt_todolist {margin-top: 32px;}
/*
div.gt_todolist .nav-header {padding: 0; color: inherit; font-size: inherit; text-transform: none;}
div.gt_todolist li {margin-left: -15px; margin-right: -15px; margin-top: 2px; padding-left: 30px; line-height: 30px; background-color: #eee;}
div.gt_todolist li.nav-header {padding-left: 8px; margin-top: 2px;}
*/

div.gt_todolist .nav-header {padding: 0; color: inherit; font-size: inherit; text-transform: none;}
div.gt_todolist li {margin-left: -15px; margin-right: -15px; margin-top: 2px; font-weight: normal; padding-left: 8px; line-height: 40px; background-color: #eee;}
div.gt_todolist li.nav-header {/*padding-left: 8px;*/ margin-top: 2px; font-weight: bold;}
div.gt_todolist li.nav-header div {padding-left: 8px;}
div.gt_todolist li.nav-header ul li {padding-left: 26px;}
div.gt_todolist li a {margin: auto; display: inline; padding: 0; }

div.gt_todolist.gt_done li.gt_todo i.icon-white {display: none;}

div.gt_todolist span.edit_recur {display: inline-block; width: 34px;}

.form-search label.block {display: block;}

textarea.gt_details {height: 360px;}

#todolist_calendar {margin-bottom: 12px;}

.charge_amount { margin-top:12px;}

body {overflow-x: hidden;}

a.reset_password, a.underline { text-decoration: underline;}
a.logo {width: 305px; height: 97px; background: url(../img/logo.png)  no-repeat; display: block;}
a.logo_alt {width: 371px; margin-top:40px; display: block;}
h1.brand {margin-top: 0px;}

.pre-wrap { white-space:pre-wrap;}

/* Fixes issue with multi-row thumbnails */
.row-fluid ul.thumbnails li.span12 + li { margin-left : 0px; }
.row-fluid ul.thumbnails li.span6:nth-child(2n + 3) { margin-left : 0px; }
.row-fluid ul.thumbnails li.span4:nth-child(3n + 4) { margin-left : 0px; }
.row-fluid ul.thumbnails li.span3:nth-child(4n + 5) { margin-left : 0px; }
.row-fluid ul.thumbnails li.span2:nth-child(6n + 7) { margin-left : 0px; }
.row-fluid ul.thumbnails li.span1:nth-child(12n + 13) { margin-left : 0px; }

label.inline {display: inline;}

.alert a, .alert a:hover, .alert a:visited { color:inherit;}

/* Attachments */
div.accordion-group { border:1px solid rgba(0, 0, 0, 0.46);}
div.accordion-group .accordion-heading { background-color:rgba(0, 0, 0, 0.36);}
div.accordion-group .accordion-body .accordion-inner { border-top:1px solid rgba(0, 0, 0, 0.46); background-color:rgba(0, 0, 0, 0.22);}

form.nomar { margin:0;}
form .modal-body { text-transform:none;}
form .modal-body textarea { width:80%;}
form .modal-body textarea,
	form .modal-body input, form .modal-body select { background-color:#fff; color:#777;}
form .modal-body textarea:focus,
	form .modal-body input:focus, form .modal-body select:focus { border:1px solid #777;}
form .modal-body span.help-block { color:#000; line-height:20px;}
form .modal-body section div.alert { font-size:14px; line-height:18px;}
h1 .modal, h2 .modal, h3 .modal, h4 .modal, h5 .modal { font-size: 16px; }

/* Icons */
a.btn-small i, button.btn-small i {font-size: 14px;}
.icon-white {color: #fff !important;}
.icon-gray {color: #a7a7a7 !important; margin-left: 8px;}
.icon-black {color: #000 !important;}

#print-preview table.done { margin-top:16px;}
#print-preview span.active, #print-preview span.inactive { display:inline-block; height:16px; width:16px; margin-right:6px; vertical-align:middle;}
#print-preview span.active { background: url("../img/checkbox_checked-alt16.png") no-repeat;}
#print-preview span.inactive { background: url("../img/checkbox_empty-alt16.png") no-repeat;}
#print-preview h4 a, #print-preview table a { color:#333;}
.gt_todo label.redate_selector { min-height: 10px; margin-top: 7px; padding-left: 42px;}
.gt_todo label.redate_selector.active { background: url("../img/circle-filled.png") no-repeat;}
.gt_todo label.redate_selector.inactive { background: url("../img/circle.png") no-repeat;}

#categories span.label.ui-sortable {display: inline-block; max-width: 222px; max-height: 15px; overflow: hidden;}

tbody.ui-sortable tr {cursor: pointer;}

/* Close icon position */
.modal-header button.close {float: left; padding-right: 10px;}
.alert {position: relative; padding: 8px 14px 8px 35px;}
.alert .close { left: 8px; top: 6px; position: absolute; text-align: left; max-width:20px;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color: inherit;}

/**
 * Thumbnails
 */
.thumbnail {background-color: #fff;}
.thumbnail img {width: 100%;}
dd ul.thumbnails li.span4 {margin-bottom: 0px;}

#user_themes div.thumbnail {cursor: pointer;}
#user_themes div.thumbnail label {cursor: pointer; margin-bottom: 0px;}

/**
 * Tables
 */
.table.table-compact {
	margin-bottom: 0px;
}
div.title-only h5 { margin:0; padding-left:8px;}
div.title-only .table { margin:0;}
div.title-only .table td { border:none; padding-top:0; padding-bottom:0;}
	div.title-only .table td p { margin:0;}
	div.title-only .table td p.ml20 { margin-left:20px;}

.width250 {word-wrap: break-word; min-width: 250px; max-width: 250px; white-space:normal;}

/**
 * Printing
 */
@media print {
    .no-print,
    .no-print * {
        display:none !important;
    }

    .print,
    .print * {
        display:block !important;
    }
}

/**
 * Flex-box todo
 */
.todo-container {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-content:flex-start;
}

.item-center {
    align-self: center;
}

.item-title {
    flex: 1 0 60%;
}

.item-save {
    align-self: flex-start;
    padding: 0 8px;
}

.item-category {
    flex: 1 0 20%;
    align-self: flex-start;
}

#save_stay {
    margin-left: 10px;
}


/* Color picker */
.colorpicker #switch-image .fas {
    margin-left: 4px;
    margin-top: 4px;
}

/*.colorpicker {
    left: 20px !important;
}*/

.colorpicker {
    width: 356px;
    height: 176px;
    overflow: hidden;
    position: absolute;
    z-index: 10000;
    background: url(../img/colorpicker/custom_background.png);
    font-family: Arial, Helvetica, sans-serif;
    display: none;
}

.colorpicker_color {
    width: 150px;
    height: 150px;
    left: 14px;
    top: 13px;
    position: absolute;
    background: #f00;
    overflow: hidden;
    cursor: crosshair;
}

.colorpicker_color div {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    background: url(../img/colorpicker/colorpicker_overlay.png);
}

.colorpicker_color div div {
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background: url(../img/colorpicker/colorpicker_select.gif);
    margin: -5px 0 0 -5px;
}

.colorpicker_hue {
    position: absolute;
    top: 13px;
    left: 171px;
    width: 35px;
    height: 150px;
    cursor: n-resize;
}

.colorpicker_hue div {
    position: absolute;
    width: 35px;
    height: 9px;
    overflow: hidden;
    background: url(../img/colorpicker/custom_indic.gif) left top;
    margin: -4px 0 0 0;
    left: 0px;
}

.colorpicker_new_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 213px;
    top: 13px;
    background: #f00;
}

.colorpicker_current_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 283px;
    top: 13px;
    background: #f00;
}

div.colorpicker input {
    width: unset;
    background-color: transparent;
    border: 1px solid transparent;
    position: absolute;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #898989;
    top: 4px;
    right: 11px;
    text-align: right;
    margin: 0;
    padding: 0;
    height: 11px;
}

.colorpicker_hex {
    position: absolute;
    width: 72px;
    height: 22px;
    background: url(../img/colorpicker/custom_hex.png) top;
    left: 212px;
    top: 142px;
}

.colorpicker_hex input {
    right: 6px;
}

.colorpicker_field {
    height: 22px;
    width: 62px;
    background-position: top;
    position: absolute;
}

.colorpicker_field span {
    position: absolute;
    width: 12px;
    height: 22px;
    overflow: hidden;
    top: 0;
    right: 0;
    cursor: n-resize;
}

.colorpicker_rgb_r {
    background-image: url(../img/colorpicker/custom_rgb_r.png);
    top: 52px;
    left: 212px;
}

.colorpicker_rgb_g {
    background-image: url(../img/colorpicker/custom_rgb_g.png);
    top: 82px;
    left: 212px;
}

.colorpicker_rgb_b {
    background-image: url(../img/colorpicker/custom_rgb_b.png);
    top: 112px;
    left: 212px;
}

.colorpicker_hsb_h {
    background-image: url(../img/colorpicker/custom_hsb_h.png);
    top: 52px;
    left: 282px;
}

.colorpicker_hsb_s {
    background-image: url(../img/colorpicker/custom_hsb_s.png);
    top: 82px;
    left: 282px;
}

.colorpicker_hsb_b {
    background-image: url(../img/colorpicker/custom_hsb_b.png);
    top: 112px;
    left: 282px;
}

.colorpicker_submit {
    position: absolute;
    width: 22px;
    height: 22px;
    background: url(../img/colorpicker/custom_submit.png) top;
    left: 322px;
    top: 142px;
    overflow: hidden;
}

.colorpicker_focus {
    background-position: center;
}

.colorpicker_hex.colorpicker_focus {
    background-position: bottom;
}

.colorpicker_submit.colorpicker_focus {
    background-position: bottom;
}

.colorpicker_slider {
    background-position: bottom;
}