@charset "utf-8";
/* CSS Document */


/* OVERARCHING SITE STYLES */

body {background:#f6f6f6; color:#333; font-family:'Source Sans Pro', sans-serif; font-size:15px;}
/*a {-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}*/
a.link {text-decoration:underline;}
a.link .fa {margin-right:7px;}
a:focus {outline:none;}
.btn {color:white; height:35px; padding:0 15px; font-size:13px; text-transform:uppercase; border-radius:5px; font-weight:600; letter-spacing:.5px; padding-top:8px;
-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
.circle-btn {height:35px; width:35px; border-radius:35px; display:inline-block; text-align:center; font-size:16px; padding-top:4px; position:relative;border-style:solid; border-width:2px;
-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
.circle-btn:focus {outline:none;}
.new-template-container {position:relative; padding-top:7px;}
.fa-file-o + .fa-plus {font-size:7.5px !important; position:absolute; top:14px; right:1px; left:0;}
.new-template-container .fa-file-o + .fa-plus {margin-right:8px !important; vertical-align:initial !important;}
.btn:hover {color:white;}
.btn.btn-link:hover {color:#23527c}
.btn .fa {font-size:17px; margin-right:5px; vertical-align:text-top;}
.btn-lg {height:56px; padding:17px; font-size:15px;}
.btn-lg .fa {font-size:20px;}
.btn-dark-blue {background:#354052;}
.btn-dark-blue:hover {background:#313b4c;}
.btn-light-blue {background:#337ab7;}
.btn-delete {background:tomato;}
.btn-delete:hover {background:#ee6249;}
.btn-gray {background:#ecedee; color:#333;}
.btn-default { color: #333;}
.btn-gray:hover {color:#333; background:#e5e5e5;}
.btn-green {background:#9dce64; color:white; border:2px solid #9dce64;}
.btn-inactive {color:#adadad !important; border:2px solid #d8d8d8 !important; background:transparent !important; cursor:not-allowed !important;}
.btn-inactive:hover {color:#adadad;}
.btn:focus {color:white; outline:none;}
.btn.btn-link:focus {color:#23527c; outline:none;}
.btn-link {font-weight: 400;color: #337ab7;border-radius: 0;}
.no-top-padding{ padding-top:0px;}
.pointer{cursor:pointer;}
.padding-15{padding:15px;}
.back-button-container{margin-top:35px; padding-right:10px; float:left;}
h1, h2, h3, h4, h5, h6 {margin:0;}
h1 {font-size:36px;}
h2 {font-size:28px; font-weight:600;}
h3 {font-size:20px;}
h4 {font-size:17px; font-weight:700; text-transform:uppercase;}
h5 {font-size:15px; line-height:19px; font-weight:600;}
h6 {font-size:13px; font-weight:400; line-height:17px;}

.tooltip {z-index:10;}
/*.tooltip-inner {background:rgba(51,51,51,.8) !important; text-transform:uppercase; color:white; font-size:10px; font-weight:700; letter-spacing:1px; padding:10px 15px;}*/
.tooltip-arrow {border-bottom-color:rgba(51,51,51,.8) !important;}

/* NEW TOOLTIP STYLES FOR JQUERY UI */
body .ui-tooltip {z-index:10; background:rgba(51,51,51,.8) !important; text-transform:uppercase; color:white; font-size:10px; font-weight:700; letter-spacing:1px; padding:10px 15px; border:none;}

/* SIDEBAR STYLES */

.sidebar {width:300px; left:0; top:0; bottom:0; background:#354052; position:fixed; min-height:445px;}
.sidebar a:focus {text-decoration:none;}
.logo {background:#9dce64; height:100px; text-align:center; position:relative;}
.logo img {position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; width:90%;}
.sub-logo {position:absolute; bottom:30px; text-align:center; left:0; right:0;}
.sub-logo img {width:150px;}
.navigation {text-decoration:uppercase; color:#aeb3ba; padding-left:0;}
.navigation li {list-style-type:none; font-size:15px; font-weight:600; letter-spacing:.5px;}
.navigation li a {display:inline-block; padding:14px 0; color:#aeb3ba; padding-left:20px; width:100%; text-transform:uppercase;
-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
.navigation li a:hover {color:white; text-decoration:none;}
.navigation .current a {color:white; background:#283141;}
.navigation .fa {font-size:20px; margin-right:20px; vertical-align:text-bottom;}




/* HEADER STYLES */

.header {height:101px; background:white; border-bottom:1px solid #ddd; margin-bottom:30px; position:relative; z-index:1;
-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.05); -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.05); box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.05);}
.page-title {margin-top:31px;}
#plan .page-title, #organization .page-title {cursor:pointer; padding-left:15px; padding-right:27px; position:relative;}
#plan .page-title:after, #organization .page-title:after {content:"\f078"; font-size:14px; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; position:absolute; right:0; top:12px;}
.header .page-functions {margin-top:23px;}


/* MAIN CONTENT AREA STYLES */

.site-content {padding-left:300px;}
.container-fluid {padding:0 35px;}

/* REPORT STYLES */
.report-container{padding-top:10px;}

/* TABLE STYLES */

.table-responsive, .plan-container {border-radius:5px; border:1px solid #ddd; margin-bottom:30px; background:white;}
.table {border-radius:5px; background:white; margin-bottom:0;}
thead {background:#ecedee; text-transform:uppercase; font-weight:700; letter-spacing:.5px;}
tbody {background:#fcfcfc;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding:20px 30px; vertical-align:middle; border-width:0; border-color:#ddd; border-style:solid; border-left-width:1px; border-top-width:1px;
-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
.table-striped>tbody>tr:nth-of-type(odd) {background:white;}
.table-hover>tbody>tr {cursor:pointer;
-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
.table>tbody>tr.locked {color:#adadad;}
.table>tbody>tr.locked td:last-child {color:tomato;}
.table-hover>tbody>tr>td {position:relative;}
.table-hover>thead>tr>td:first-child {padding-left:35px; border-left-width:0px;}
.table-hover>tbody>tr>td:first-child {font-weight:600; padding-left:35px; border-left-width:0px;}
.table-hover>tbody>tr>td .fa {display:none; margin-right:10px; font-size:17px; position:absolute; left:11px; top:50%; margin-top:-8.5px;}
.table-hover>tbody>tr>td.link-column .fa {display:inline !important; position: relative !important;}
.thead-hover:hover {background:#ddd; cursor:pointer;}
.table-hover>tbody>tr:hover {background:#e1f0d0;}
.table-hover>tbody>tr:hover td .fa {display:inline;}
.table .fa-stack{display:inline; width:auto; height:auto;line-height:inherit; vertical-align:baseline; margin-right:15px;}
.table .fa-stack .fa {opacity:.3;}
.table .fa-stack .current {opacity:1;}

.table-reduced>tbody>tr>td, .table-reduced>thead>tr>th {padding: 7px 30px;}
.table-reduced.small>thead>tr>th {padding: 7px 2px; text-transform: none;}






/* LANDING PAGE STYLES */

.landing-content {margin-top:150px;}
.landing-content-box {background:white; border:1px solid #ddd; border-radius:5px; padding:50px;
-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.05); -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.05); box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.05);}
.logo-landing {margin-bottom:15px;}
/*.landing-content .btn {margin-top:30px;}*/




/* MAIN CONTENT AREA - PLAN STYLES */

#planHierarchyContainer {width:calc(100% - 400px); max-height:650px; overflow-y:scroll;
-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
#planEditorContainer {width:400px;}

#plan .dropdown-menu, #organization .dropdown-menu {top:100px; margin-top:0; border:none; border-radius:0; padding:0; left:-35px; font-size:20px;}
#plan .dropdown-menu li, #organization .dropdown-menu li {border-top:1px solid #ddd;}
.plan-container {margin-top:30px; margin-bottom:30px;
-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
.plan-info a {margin-bottom:7px; display:inline-block;}
.plan-info h2 {margin-bottom:10px;}
.plan-functions {margin-top:33px;
/* NEW LAYOUT FOR OVERFLOWING TITLE */
position:absolute; right:15px;
}
.plan-info {width:100%; padding-right:515px;}
.plan-functions .btn {margin-right:12px;}
.plan-functions .btn:last-child {margin-right:0px;}
.plan-functions a.link {display:inline-block; margin-top:10px;}

.planHierarchy {list-style-type:none; padding-left:0; margin-bottom:0; padding:10px 15px 0 15px; position:relative;}
.planHierarchyContainer ol ol {padding-left:22px; list-style-type:none;}

.plan-item {margin-left:42px; border-left:1px dashed #b8b8b8;}
.top.plan-item {margin-bottom:40px;}
.planHierarchy li.top.plan-item:last-child {margin-bottom:0;}
.plan-item-container {padding:15px 10px 10px 10px; border-radius:5px; margin-bottom:10px; margin-left:-14px; margin-top:-10px; cursor:pointer;
-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
.planHierarchyContainer > ol > li:first-child > .plan-item-container {margin-top:0;}
.plan-item > .fa {position:absolute; left:15px; color:#adadad; font-size:15px; margin-top:18px; cursor:pointer;
-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
.plan-item > .fa.fa-plus-square {color:#337ab7;}
.plan-item-container:hover {background:#f6f6f6;}

.draggable {width:22px; height:26px; padding-top:8px; cursor:-webkit-grab; cursor:-moz-grab; cursor:grab;}
.plan-item .draggable {position:absolute; right:22px; margin-top:-3px;}
.draggable .fa {font-size:9px; color:transparent; position:absolute; left:0; right:0; text-align:center;
-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
.plan-item-container:hover .draggable .fa {color:#949494;}
.plan-item-container .draggable:hover .fa {color:#337ab7;}
.draggable .fa-sort-asc {top:3px;}
.draggable .fa-sort-desc {bottom:3px;}
.draggable .draggable-bar {width:16px; height: 2px; background:transparent; display:block; margin:1px auto;
-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
.plan-item-container:hover .draggable .draggable-bar {background:#949494;}
.plan-item-container .draggable:hover .draggable-bar {background:#337ab7;}
.plan-item-container:hover .draggable {display:block;}

.plan-item-text:before {content:"\f10c"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:8px; color:#adadad; position:absolute; left:0; top:0px; padding-bottom:4px; background:white; padding-top:10px;
-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
.plan-item-container:hover .plan-item-text:before {background:#f6f6f6; content:"\f111";}
.plan-item.active > .plan-item-container > .plan-item-text:before {content:"\f111";}
.planHierarchyContainer ol li:first-child > .plan-item-container > .plan-item-text:before {padding-top:19px; top:-10px;}
.plan-item-text {position:relative; float:left; padding-left:5px; margin-top:-5px;}
.plan-item.active .plan-item-text {padding-left:15px;}
.plan-item-text-bg {display:block; border-radius:5px; border:1px solid transparent; padding:2px 10px; margin-right:27px;
-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
.plan-item.active > .plan-item-container > .plan-item-text > .plan-item-text-bg {border-color:#ddd; background:#f6f6f6;}
.plan-item .item-title {font-size:15px; font-weight:600;}
.top.plan-item > .plan-item-container > .plan-item-text > .plan-item-text-bg > .item-title {font-size:17px; text-transform:uppercase; letter-spacing:.5px;}
.item-subhead {font-size:13px}

.plan-divider-container {width:100%; height:2px; background:white; position:absolute; left:0; padding:10px 15px 20px 15px;}
.plan-divider {width:100%; height:2px; background:#d8d8d8;}
.planHierarchy li.top.plan-item:last-child .plan-divider-container {display:none;}




#planEditorContainer {background:#fcfcfc; border-bottom-right-radius:5px;}
.system-tabs {background:#ecedee; text-align:center; padding:8px 0; border-bottom:1px solid #ddd;}
#planEditorContainer .system-tabs {border-left:1px solid #ddd;}
.system-tabs .nav-tabs {display:inline-block; border:none; background:#b9b9b9; border-radius:5px; padding:2px; margin-bottom:-5px;}
.system-tabs .nav-tabs li {margin-bottom:0; width:102px;}
.system-tabs .nav-tabs li a {border-radius:5px; border:none; color:white; text-transform:uppercase; font-size:13px; font-weight:700; padding:13px 0; letter-spacing:.5px;
-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
.system-tabs .nav-tabs li:nth-child(2) a {margin-right:0;}
.system-tabs .nav-tabs li.active a {color:#333;}
.system-tabs .nav-tabs>li.active>a, .system-tabs .nav-tabs>li.active>a:focus, .system-tabs .nav-tabs>li.active>a:hover {border:none;}
.system-tabs .nav-tabs>li>a:hover {background:#c8cac9;}
.system-tabs .nav-tabs>li.active>a:hover {background:white;}

#planEditorContainer .tab-pane {padding:15px 20px;}
.editor-functions {padding-bottom:15px; border-bottom:2px solid #d8d8d8; margin-bottom:15px;}
.editor-functions .btn-green {margin-right:15px;}
.editor-functions .circle-btn {margin-right:7px;}
.editor-functions .new-template {border-color:#337ab7; color:#2f73ad;}
.editor-functions .new-template:hover {background:#337ab7; color:white;}
.editor-functions .delete-item {border-color:#ff6347; color:#e96047;}
.editor-functions .delete-item:hover {background:#ff6347; color:white;}
.editor-functions span[data-toggle="tooltip"] {display:inline-block;}
#planEditorContainer .close-btn {padding:7px 10px; color:#adadad;
-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
#planEditorContainer .close-btn:hover {color:#333;}
#planEditorContainer .btn .draggable {position:relative; display:inline-block; vertical-align:bottom; width:16px; height:20px; padding-top:5px; margin-right:5px; cursor:inherit;}
#planEditorContainer .btn.btn-inactive .draggable .fa {color:#adadad; margin-right:auto;}
#planEditorContainer .btn .draggable .fa {color:white; margin-right:auto;}
#planEditorContainer .btn.btn-inactive .draggable .draggable-bar {background:#adadad;}
#planEditorContainer .btn .draggable .draggable-bar {background:white;}
#planEditorContainer .btn .draggable .fa-sort-asc, #templates .draggable .fa-sort-asc {top:0;}
#planEditorContainer .btn .draggable .fa-sort-desc, #templates .draggable .fa-sort-desc {bottom:0;}
#planEditorContainer .btn-green {padding-top:6px; cursor:-webkit-grab; cursor:-moz-grab; cursor:grab; width:229px;}
.plan-item-fields {margin-top:30px;}
.plan-item-fields label {margin-left:5px; margin-top:15px;}

#templates label {margin-bottom:15px;}
#templates .draggable {display:inline-block; vertical-align:bottom; width:16px; height:20px; padding-top:5px; margin-right:5px; cursor:inherit; cursor:-webkit-grab; cursor:-moz-grab; cursor:grab; position:absolute; left:0;}
#templates .draggable .fa {color:#949494;}
#templates .draggable:hover .fa {color:#337ab7;}
#templates .draggable .draggable-bar {background:#949494;}
#templates .draggable:hover .draggable-bar {background:#337ab7;}
.template-container {padding-left:26px; position:relative; margin-bottom:15px;}
.template-container h5 {text-transform:uppercase; line-height:20px;}
.template-container a {position:absolute; right:0; top:-1px;}



/* COLLAPSING EDITOR STYLES */

.plan-container {position:relative; overflow-x:hidden;}
#planEditorContainer {position:absolute; right:0;
-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
.plan-toggle-container.toggle .plan-container {margin-right:22px;}
.plan-toggle-container.toggle #planEditorContainer {margin-right:-400px;}
.plan-toggle-container.toggle #planHierarchyContainer {width:100%;}
.expand-tab {position:absolute; width:57px; margin-right:10px; right:-2px; text-align:center; background:#337ab7; color:white; font-size:13px; font-weight:600; top:65px; padding:2px 0px; border-top-right-radius:5px; border-top-left-radius:5px; height:22px; cursor:pointer; z-index:-1; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);
-webkit-transition: all 2s linear; -moz-transition: all 2s linear; -o-transition: all 2s linear; -ms-transition: all 2s linear;
-webkit-transition: z-index 1ms linear; -moz-transition: z-index 1ms linear; -o-transition: z-index 1ms linear; -ms-transition: z-index 1ms linear;
}
.plan-toggle-container.toggle .expand-tab {z-index:1; margin-right:0;
-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
.close-editor {color:#adadad; position:absolute; right:5px; font-size:20px; top:6px; cursor:pointer; padding:15px;}
.close-editor:hover {color:#333;}






/* ORGANIZATION PAGE STYLES */

#organization .contact-container {margin-top:-30px; background:#e5e5e5; padding-top:30px; margin-bottom:30px;}
#organization #user-table.table>tbody>tr>td, #organization #user-table.table>tbody>tr>th, #organization #user-table.table>tfoot>tr>td, #organization #user-table.table>tfoot>tr>th, #organization #user-table.table>thead>tr>td, #organization #user-table.table>thead>tr>th {border-left:none;}
#organization .contact-container .table-hover>tbody>tr:hover {background:transparent; cursor:inherit;}
thead .fa-edit {margin-left:5px;}


/* PANEL STYLES
.panel-primary{border-color:#354052;}
.panel-primary > .panel-heading{background-color:#354052;}*/




/* FORM STYLES */

label {display:block; text-transform:uppercase; margin-bottom: 0px; margin-top: 10px;}
input, textarea, select {background:#ffffff; padding-left:15px; border-radius:5px; border:1px solid #dddddd; padding-top:5px; padding-bottom:5px;
-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
input:focus, textarea:focus {outline:none; border:1px solid #d8d8d8;}
label.large {font-size:20px; font-weight:600;}
input.large {font-size:20px; padding-top:18px; padding-bottom:18px; width:100%;}
::-webkit-input-placeholder {color:#adadad;}
:-moz-placeholder {color:#adadad;}
::-moz-placeholder {color:#adadad;}
:-ms-input-placeholder {color:#adadad;}
textarea, select {resize:none; width:100%;}

input[data-inline-edit-input] {display:block; width:100%;}
a[data-submit-inline-edit] {cursor:pointer; font-size:13px; font-weight:700; text-decoration:none; color:#769A4C; margin-top:5px;}
a[data-cancel-inline-edit] {cursor:pointer; font-size:13px; font-weight:700; text-decoration:none; color:#b9b9b9; margin-left:5px; margin-top:5px;}
a[data-submit-inline-edit]:hover, a[data-cancel-inline-edit]:hover {text-decoration:underline;}

select.readonly {
  background-color: #eee;
}




/* MODAL STYLES */
.modal .modal-body {max-height:460px; overflow-y:auto;}
.modal-alert {padding:15px; border-radius:5px;}
.modal-alert.blue {background:rgba(51,122,183,.2); color:#245c8b; border:1px solid rgba(36,92,139,.5);}
.modal-alert.red {background:rgba(255,99,71,.2); color:#b44935; border:1px solid rgba(180,73,53,.5);}
.modal-footer .btn+.btn {margin-left:12px;}
.modal .plan-item > .fa {display:none;}
.modal .plan-item {margin-left:10px;}
.modal .planHierarchy {padding:0;}
.modal .plan-item-container {cursor:inherit;}
.modal .plan-item-container:hover {background:transparent;}
.modal .plan-item-container:hover .plan-item-text:before {content:"\f10c"; background:white;}
.modal .plan-item .draggable {display:none;}
.modal .plan-divider-container {padding-left:0; padding-right:0;}
.modal#preview-template .planHierarchy {margin-top:-15px;}

.modal label.large {margin-bottom:15px;}
.modal .form-group label {margin-top:15px; margin-left:20px;}
.modal .plan-style {margin-bottom:20px; padding-bottom:20px; border-bottom:2px solid #d8d8d8;}
.modal .plan-style:last-child {margin-bottom:0; padding-bottom:0; border-bottom:none;}
.modal .plan-style > .fa {color:#adadad; margin-top:2px;}
.modal .plan-style h4 {margin-left:10px; margin-bottom:10px;}
.modal .plan-style-content {background:#fcfcfc; padding:10px 15px; border-radius:5px;}
#edit-plan-settings .plan-style-content > .form-group {margin-bottom:0;}
#edit-plan-settings .form-group .form-group {position:relative; padding-left:20px; margin-bottom:0;}
#edit-plan-settings .form-group .col-sm-6 input[type="checkbox"] {position:absolute; left:0; top:5px;}
#edit-plan-settings .form-group input[type="text"] {width:100%;}
#edit-plan-settings .form-group input[placeholder="Color"] {border-top-right-radius:0; border-bottom-right-radius:0;}
#edit-plan-settings .form-group .input-group-addon {border-top-right-radius:5px; border-bottom-right-radius:5px; padding:5px 15px; border:none;}
#edit-plan-settings .form-group input + label {margin:0; text-transform:inherit; font-weight:600; margin-left:5px;}
#edit-plan-settings .input-group {margin-bottom:10px;}
#edit-plan-settings .plan-text-style > .pull-left {margin-right:15px;}
#edit-plan-settings .form-group .clearfix + input, #include-page-numbers {margin-top:14px;}
#edit-plan-settings .form-group .clearfix + input + label, #edit-plan-settings .form-group label#page-numbers-label {margin-top:10px;}

#pdf-options .col-sm-12 {margin-top:5px;}
.radios label {width:42px; height:35px; float:left; background:#f6f6f6; text-align:center; cursor: pointer; color: #adadad; padding-top:6px;
-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
.radios label[for="no"] {border-top-left-radius:5px; border-bottom-left-radius:5px;}
.radios label[for="yes"] {border-top-right-radius:5px; border-bottom-right-radius:5px;}
.radios input[type="radio"] {display:none;}
input[type="radio"]:checked + label {color:white;}
input[id="yes"]:checked + label {background:#9dce64;}
input[id="no"]:checked + label {background:tomato;}

.modal .send-user-list {background:#f6f6f6; padding:10px 15px; border-radius:5px; margin-bottom:15px;}
.modal .send-user-list .user-search-wrapper, .modal .user-email-wrapper {position:relative;}
.modal .send-user-list .fa-search, .modal .fa-envelope-o {position:absolute; font-size:20px; top:16px; left:16px; opacity:.4;}
.modal .send-user-list input {background:transparent; border:2px solid #ddd; height:56px; width:100%; font-size:20px; padding-left:50px;}
.modal .user-email-wrapper input {height:56px; width:350px; font-size:20px; padding-left:50px;}
.modal#email-plan .user-search-wrapper ::-webkit-input-placeholder {text-transform:uppercase; font-size:15px; font-weight:600; line-height:29px; opacity:.7;}
.modal#email-plan .user-search-wrapper :-moz-placeholder {text-transform:uppercase; font-size:15px; font-weight:600; line-height:29px; opacity:.7;}
.modal#email-plan .user-search-wrapper ::-moz-placeholder {text-transform:uppercase; font-size:15px; font-weight:600; line-height:29px; opacity:.7;}
.modal#email-plan .user-search-wrapper :-ms-input-placeholder {text-transform:uppercase; font-size:15px; font-weight:600; line-height:29px; opacity:.7;}
.modal#email-plan .user-email-wrapper ::-webkit-input-placeholder {text-transform:uppercase; font-size:15px; font-weight:600; line-height:29px; opacity:.7;}
.modal#email-plan .user-email-wrapper :-moz-placeholder {text-transform:uppercase; font-size:15px; font-weight:600; line-height:29px; opacity:.7;}
.modal#email-plan .user-email-wrapper ::-moz-placeholder {text-transform:uppercase; font-size:15px; font-weight:600; line-height:29px; opacity:.7;}
.modal#email-plan .user-email-wrapper :-ms-input-placeholder {text-transform:uppercase; font-size:15px; font-weight:600; line-height:29px; opacity:.7;}


.modal .system-users-wrapper {margin-left:-15px; margin-right:-15px; padding:0 15px; margin-top:15px; max-height:200px; overflow-y:auto; margin-bottom:-10px; padding-bottom:10px;}
.modal .system-users {padding-left:0; list-style-type:none; margin-bottom:0;}
.modal .system-users li {padding-bottom:15px; margin-bottom:15px; border-bottom:2px solid #d8d8d8;}
.modal .system-users li:last-child {padding-bottom:0px; margin-bottom:0px; border-bottom:none;}
.modal .system-users .user-image {width:45px; height:45px; border-radius:45px; border:1px solid #ddd; background:#ecedee; text-align:center; margin-right:15px; font-weight:700; padding-top:10px; background-size:cover; background-position:center center;
-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
.modal .system-users .user-info {margin-top:5px;}
.modal .system-users h5 {-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
.modal .system-users .status {width:30px; height:30px; margin-right:10px; font-size:16px; background:#ecedee; color:rgba(51,51,51,.3); border-radius:5px; padding:7px 7px 5px 7px; position:relative; border:1px solid #ddd; cursor:pointer; text-align:center; margin-top:8px;
-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;}
.modal .system-users li .status:hover {color:#333;}
.modal .system-users .status:before {content:"\f067"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; position:absolute; left:0; right:0; top:4px;}

.modal .system-users li.active .user-image {border-color:#337ab7; color:#337ab7;}
.modal .system-users li.active h5 {color:#337ab7;}
.modal .system-users li.active .status {background:#337ab7; color:white; border-color:#337ab7;}
.modal .system-users li.active .status:before {content:"\f00c";}

.modal#email-plan .people-count {font-size:13.5px;}
.modal#email-plan .user-email-wrapper + a {margin-left:15px; margin-top:16px;}
.modal#email-plan textarea {margin-top:15px; width:485px;}

#user input {width:100%;}
#user .locked-link {margin-top:22px;}
#add-org-user input {width:100%;}
.or-divider-bar {margin-top:15px; margin-bottom:5px;}
.or-divider-bar h3 {margin-top:6px; color:#adadad;}
.registered-email, .last-login, .role {margin-top:15px;}
.last-login {margin-bottom:10px;}

#addUserModal.modal .form-group label, #addPlanModal label {margin-left:0;}
#addOrganizationModal label, #addUserModal label, #updateOrganizationModal label, #addPlanModal label {margin-top:15px;}
#addOrganizationModal label.large, #addUserModal label.large, #updateOrganizationModal label.large, #addPlanModal label.large {margin-top:0;}
#addItemModal input[type="text"], #action input[type="text"], #addActionModal input[type="text"], #resolution input[type="text"], #addResolutionModal input[type="text"], #category input[type="text"], #equipment input[type="text"], #addEquipmentModal input[type="text"], #addOrganizationModal input[type="text"], #addUserModal input[type="text"],  #updateOrganizationModal input[type="text"], #addPlanModal input[type="text"], #addCategoryModal input[type="text"]  {width:100%;}
#addOrganizationModal input[type="submit"], #addUserModal input[type="submit"], #updateOrganizationModal input[type="submit"], #addPlanModal input[type="submit"] {padding-top:0;}
#org-edit-modal-trigger {float:left; display:block; margin-top:40px; margin-left:15px;}
#changeLog label span{font-weight:normal; text-transform: none;}
.modal .orientation-container label {margin:0; text-transform:inherit; font-weight:600; margin-left:5px;}
.modal .orientation-container input[type="radio"]:checked + label {color:#333;}
#orientation-radio-portrait {margin-left:15px;}


#loading-modal .modal-content {background:transparent; box-shadow:none; border:none; color:white;}
#loading-modal .modal-dialog, #loading-modal .modal-content {position:absolute; top:0; bottom:50px; left:0; right:0; margin:auto; height:300px;}
#loading-modal .modal-content h4 {position:absolute; left:0; right:0; top:165px; bottom:0; margin:auto; text-align:center;}

.section{margin:0 15px 10px 15px;}
.section > label{padding:0 10px; color:white; margin-top:0; background-color:rgba(53, 64, 82, 0.6); cursor:pointer;}
.section label{font-weight:normal;}
.section label.control-label{font-weight:bold;}
.section label.radio-inline, .section label.checkbox-inline{margin-top:0;}
.section > label > label{display:inline-block; font-size:14px;vertical-align:top; font-weight:normal; margin-top:4px; margin-left:10px; cursor:pointer;}
.section > label > label > input{vertical-align:top; margin-top:4px; margin-right: 2px;}
.section.open{border:solid 2px #354052; border-top:none; padding-bottom: 10px;}
.section.open > label{background-color:#354052; color: white;}
.section .tab-pane{padding:10px;}
.section .tab-pane.active{border:2px solid #068d99;}
.section .nav-tabs{border-bottom:none;margin-bottom:1px;margin-top:10px;}
.section .nav-tabs li a{border-radius:0;border:none !important;text-transform:uppercase; font-weight:bold;color:#868c97;}
.section .nav-tabs li.active a{background-color:#068d99;color:white;}
.section .tab-pane .section{margin:5px;}

#occurrenceLog label > span {font-weight:normal; text-transform: none;}
#occurrenceLog.modal .modal-body, #changeLog.modal .modal-body{max-height:fit-content; overflow:visible;}
div.fc-content-skeleton > table > tbody{background-color:transparent;}

#document-control-log-table td{
    font-size:13px;
    font-weight:normal;
}
#document-control-log-table thead  td{
    font-size:14px;
    font-weight:bold;
}
.loader,
.loader:before,
.loader:after {
  background: #ffffff;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader {
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:after {
  left: 1.5em;
}
.checkbox-inline-block{width:auto; display:inline-block;}

/*FROZEN EMBRYO PATIENT CYCLE*/

#add-frozen-embyo-cycle .text-center{text-align:left;}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #ffffff;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #ffffff;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #ffffff;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #ffffff;
    height: 5em;
  }
}


/* Calendar links */
.fc-event-container > a{
	cursor: pointer;
}


.fc-view, .fc-view>table {
  z-index: unset;
}
.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
  z-index: unset;
}


/* ------------------------------------------------------------------------------- */
/* THIS MEDIA QUERY IS FOR ENLARGING MODAL SIZE WHEN THE SCREEN WIDTH IS AVAILABLE */
/* ------------------------------------------------------------------------------- */
@media (min-width: 768px){
  .modal-dialog {width:766px;}
}




/* --------------------------------------------------------------------------------------- */
/* THIS WHOLE MEDIA QUERY IS WHAT HIDES THE NAVIGATION TEXT STARTING ON IPADS HORIZONTALLY */
/* --------------------------------------------------------------------------------------- */
@media screen and (max-width: 1024px) {
  .sidebar {width:70px;}
  .site-content {padding-left:70px;}
  .navigation li a {padding-left:0; text-align:center;}
  .navigation .fa {margin:0;}
  .hide-nav {display:none;}
}
.note-editor.note-frame.panel.panel-default .btn{
    color:#333;

}

.unresolved{background-color:#faebcc!important;}
.unresolved-extended{background-color:#ebccd1!important;}

/* LOG TABLE STYLES */
.table.table-log {font-size: 12px;}
.table.table-log>tbody>tr>td>a>.fa.fa-file-o {display: inline-block !important;}
.table.table-log>thead>tr>td, .table.table-log>thead>tr>th, .table.table-log tbody>tr>td, .table.table-hover.table-log>tbody>tr>td:first-child {padding: 6px 10px;}

.qc-log-field {/* border: solid 1px #333; */ display: inline-table; margin: 5px; padding: 5px;}

/* USER PERMISSIONS */
.permission-group {
  margin: 10px;
}
.permission-sub-group {
  margin-left: 25px;
}

[data-readonly] {
  cursor: not-allowed;
}

.week-picker .bootstrap-datetimepicker-widget .datepicker-days table tbody tr:hover {
	background-color: #eee;
}

.fixed-dp .bootstrap-datetimepicker-widget {
  position: fixed;
}