+.modal-body.roo-layout-container,
+.modal-body > .container {
+ padding: 0;
+}
+.modal-dialog {
+ max-width: 100%;
+}
+@media (max-width: 768px) {
+ .modal-body .col-md-12 {
+ padding: 0;
+ }
+ .modal-body {
+ padding: 5px;
+ }
+ .modal-body .row {
+ margin-left: -5px;
+ margin-right: -5px;
+ }
+ .modal-body > .container .col-xs-12 {
+ padding: 0;
+ }
+}
+.modal .roo-mb-progress-wrap {
+ margin-top: 4px;
+ border: 1px solid #286090;
+}
+.modal .roo-mb-progress-wrap .roo-mb-progress {
+ height: 18px;
+ background: transparent url('../images/default/basic-dialog/progress2.gif') repeat-x 1px 1px;
+}
+.modal .roo-mb-progress-wrap .roo-mb-progress .roo-mb-progress-bar {
+ height: 18px;
+ overflow: hidden;
+ width: 0;
+ background: #337ab7;
+}
+.roo-navigation-bar-group,
+.roo-navigation-top-bar,
+.roo-navigation-bullets-bar,
+.roo-navigation-bottom-bar {
+ width: 100%;
+ float: left;
+}
+.roo-navigation-bar-text > span {
+ text-transform: uppercase;
+ width: 90%;
+ display: inline-block;
+}
+.roo-navigation-bar-text {
+ float: left;
+ line-height: 24px;
+ height: 100%;
+ min-height: 24px;
+ text-align: center;
+ position: relative;
+}
+.roo-navigation-bar {
+ counter-reset: step;
+ text-align: center;
+ padding: 0px;
+ overflow: hidden;
+ margin: 0px;
+}
+.roo-navigation-bar .roo-navigation-bar-item {
+ list-style-type: none;
+ color: #000000;
+ text-transform: uppercase;
+ font-size: 14px;
+ float: left;
+ position: relative;
+}
+.roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:before {
+ counter-increment: step;
+ width: 25px;
+ line-height: 25px;
+ display: block;
+ color: #ffffff;
+ background: #337ab7;
+ border-radius: 5px;
+ font-weight: bold;
+ cursor: pointer;
+}
+.roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon.step-number:before {
+ content: counter(step);
+}
+.roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:after {
+ content: '';
+ width: 100%;
+ height: 5px;
+ background: #337ab7;
+ position: absolute;
+ top: 10px;
+ z-index: -1;
+}
+.roo-navigation-bar .roo-navigation-bar-item:last-child > .roo-navigation-bar-item-icon:after {
+ content: none;
+}
+.roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
+ background: #ac2925;
+ color: #ffffff;
+}
+.roo-navigation-bar .roo-navigation-bar-item.disabled .roo-navigation-bar-item-icon:before {
+ background: #777777;
+ color: #ffffff;
+ cursor: not-allowed;
+}
+.roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
+ cursor: default;
+}
+.roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon {
+ font: normal normal normal 14px/1 FontAwesome;
+ display: inline-block;
+}
+@media (min-width: 768px) {
+ .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before {
+ content: counter(step);
+ }
+}
+@media (min-width: 992px) {
+ .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
+ .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before {
+ content: counter(step);
+ }
+}
+@media (min-width: 1200px) {
+ .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
+ .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before,
+ .roo-navigation-bar .roo-navigation-bar-item.md-icon > .roo-navigation-bar-item-icon:before {
+ content: counter(step);
+ }
+}
+/* NAV TABS */
+.nav-tabs-custom {
+ margin-bottom: 20px;
+ background: #ffffff;
+ box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
+}
+.nav-tabs-custom > .nav-tabs {
+ margin: 0;
+ border-bottom-color: #777777;
+}
+.nav-tabs-custom > .nav-tabs > li {
+ border-top: 3px solid transparent;
+ margin-bottom: -2px;
+ margin-right: 5px;
+}
+.nav-tabs-custom > .nav-tabs > li > a {
+ -webkit-border-radius: 0 !important;
+ -moz-border-radius: 0 !important;
+ border-radius: 0 !important;
+}
+.nav-tabs-custom > .nav-tabs > li > a,
+.nav-tabs-custom > .nav-tabs > li > a:hover {
+ background: transparent;
+ margin: 0;
+}
+.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
+.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
+.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
+ border-color: transparent;
+}
+.nav-tabs-custom > .nav-tabs > li.active {
+ border-top-color: #337ab7;
+}
+.nav-tabs-custom > .nav-tabs > li.active > a,
+.nav-tabs-custom > .nav-tabs > li.active:hover > a {
+ background-color: #ffffff;
+}
+.nav-tabs-custom > .nav-tabs > li.active > a {
+ border-top: 0;
+ border-left-color: #777777;
+ border-right-color: #777777;
+}
+.nav-tabs-custom > .nav-tabs > li:first-of-type {
+ margin-left: 0px;
+}
+.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
+ border-left-width: 0;
+}
+.nav-tabs-custom > .nav-tabs.pull-right {
+ float: none !important;
+}
+.nav-tabs-custom > .nav-tabs.pull-right > li {
+ float: right;
+}
+.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
+ margin-right: 0px;
+}
+.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
+ border-left-width: 1px;
+ border-right-width: 0px;
+}
+.nav-tabs-custom > .nav-tabs > li.header {
+ font-weight: 400;
+ line-height: 35px;
+ padding: 0 10px;
+ font-size: 20px;
+ color: #333333;
+ cursor: default;
+}
+.nav-tabs-custom > .nav-tabs > li.header > .fa,
+.nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
+.nav-tabs-custom > .nav-tabs > li.header > .ion {
+ margin-right: 10px;
+}
+.nav-tabs-custom > .tab-content {
+ background: #ffffff;
+ padding: 10px;
+}
+/* --- override it appears it's done un-reliably in JS normally.. */
+.tab-content > .tab-pane {
+ position: absolute;
+}
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar {
+ margin: 0 5px;
+}
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
+ padding: 10px 5px;
+}
+@media (max-width: 768px) {
+ .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
+ padding: 5px 5px;
+ }
+}
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .form-group {
+ margin-bottom: 0px;
+}
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item button + button {
+ margin-left: 5px;
+}
+.tab-content > .tab-pane .navbar > .navbar-nav a.dropdown-toggle {
+ padding: 10px 5px;
+}
+/* for some reason it's -15px on BS */
+@media (min-width: 768px) {
+ .navbar-right {
+ margin-right: 15px;
+ }
+}
+/* was -15 before, on mobile it made the buttons too close to the edit.. */
+.navbar-nav {
+ margin: 0px -5px;
+}
+table td .navbar {
+ min-height: auto;
+}
+.navbar-collapse li {
+ list-style-type: none;
+ padding: 5px;
+}
+.navbar-collapse ul {
+ padding-left: 10px;
+ padding-top: 5px;
+}
+.navbar-collapse .dropdown-item .fa {
+ padding-right: 5px;
+}
+.roo-numberbox {
+ background-color: #337ab7 !important;
+ border: 10px solid black;
+}
+.roo-numberbox h {
+ font-size: 24px;
+}
+.pull-xs-right {
+ float: right !important;
+}
+.roo-radio-set:before,
+.roo-radio-set:after {
+ display: table;
+ content: " ";
+ clear: both;
+}
+.radio.checked label::after {
+ -webkit-transform: scale(1, 1);
+ -ms-transform: scale(1, 1);
+ -o-transform: scale(1, 1);
+ transform: scale(1, 1);
+ background-color: #555555;
+}
+.roo-radio-set.disabled .radio label {
+ opacity: 0.65;
+}
+.roo-radio-set.disabled .radio label {
+ cursor: not-allowed;
+}
+.roo-radio-primary .radio label::after {
+ background-color: #ffffff;
+}
+.roo-radio-primary .radio.checked label::before {
+ border-color: #337ab7;
+}
+.roo-radio-primary .radio.checked label::after {
+ background-color: #337ab7;
+}
+.roo-radio-danger .radio label::after {
+ background-color: #d9534f;
+}
+.roo-radio-danger .radio.checked label::before {
+ border-color: #d9534f;
+}
+.roo-radio-danger .radio.checked label::after {
+ background-color: #d9534f;
+}
+.roo-radio-info .radio label::after {
+ background-color: #ffffff;
+}
+.roo-radio-info .radio.checked label::before {
+ border-color: #5bc0de;
+}
+.roo-radio-info .radio.checked label::after {
+ background-color: #5bc0de;
+}
+.roo-radio-warning .radio label::after {
+ background-color: #ffffff;
+}
+.roo-radio-warning .radio.checked label::before {
+ border-color: #f0ad4e;
+}
+.roo-radio-warning .radio.checked label::after {
+ background-color: #f0ad4e;
+}
+.roo-radio-success .radio label::after {
+ background-color: #ffffff;
+}
+.roo-radio-success .radio.checked label::before {
+ border-color: #5cb85c;
+}
+.roo-radio-success .radio.checked label::after {
+ background-color: #5cb85c;
+}
+.roo-radio-set.has-warning .roo-radio-set-items label,
+.roo-radio-set.has-warning .roo-radio-set-label {
+ color: #f0ad4e;
+}
+.roo-radio-set.has-error .roo-radio-set-items label,
+.roo-radio-set.has-error .roo-radio-set-label {
+ color: #d9534f;
+}
+.roo-radio-set.has-success .roo-radio-set-items label,
+.roo-radio-set.has-success .roo-radio-set-label {
+ color: #5cb85c;
+}
+.roo-radio-set-inline .radio {
+ position: relative;
+ display: inline-block;
+ padding-left: 20px;
+ margin-top: 0px;
+ margin-bottom: 0;
+ font-weight: 400;
+ vertical-align: middle;
+ cursor: pointer;
+}
+.roo-radio-set-inline .radio + .radio {
+ margin-left: 10px;
+}
+.roo-radio-set-label .roo-required-indicator.right-indicator {
+ position: absolute;
+}
+.roo-radio-set-label .roo-required-indicator.right-indicator.fa-star {
+ font-size: 8px;
+ margin-left: 3px;
+ color: #d9534f;
+}
+.roo-form-error-popover.in {
+ opacity: 1;
+}
+.roo-form-error-popover .tooltip-inner {
+ max-width: 100%;
+ padding: 10px;
+}
+.x-form-field-wrap .form-group {
+ /* what is this doing here?? */
+ margin-bottom: 0px;
+}
+.roo-password-meter-grey {
+ background: #777777;
+ margin-bottom: 30px;
+ height: 10px;
+}
+.roo-password-meter {
+ font-size: 12px;
+}
+.roo-password-meter-container {
+ margin-bottom: 20px;
+}
+.roo-password-meter-tooweak {
+ background: #d9534f;
+ height: 10px;
+}
+.roo-password-meter-weak {
+ background: #f0ad4e;
+ height: 10px;
+}
+.roo-password-meter-medium {
+ background: #5bc0de;
+ height: 10px;
+}
+.roo-password-meter-strong {
+ background: #5cb85c;
+ height: 10px;
+}
+.roo-password-meter-text {
+ /* padding-bottom:5px; */
+ margin-bottom: 30px;
+ font-size: 12px;
+ height: 10px;
+}
+/*
+Version: 3.4.8 Timestamp: Thu May 1 09:50:32 EDT 2014
+*/
+.roo-select2-container {
+ margin: 0;
+ position: relative;
+ /*display: inline-block;*/
+ /* inline-block for ie7 */
+ zoom: 1;
+ *display: inline;
+ vertical-align: middle;
+}
+.roo-select2-container,
+.roo-select2-drop,
+.roo-select2-search,
+.roo-select2-search input {
+ /*
+ Force border-box so that % widths fit the parent
+ container without overlap because of margin/padding.
+ More Info : http://www.quirksmode.org/css/box.html
+ */
+ -webkit-box-sizing: border-box;
+ /* webkit */
+ -moz-box-sizing: border-box;
+ /* firefox */
+ box-sizing: border-box;
+ /* css3 */
+}
+.roo-select2-container .roo-select2-choice {
+ display: block;
+ height: 26px;
+ padding: 0 0 0 8px;
+ overflow: hidden;
+ position: relative;
+ border: 1px solid #777777;
+ white-space: nowrap;
+ line-height: 26px;
+ color: #333333;
+ text-decoration: none;
+ border-radius: 4px;
+ background-clip: padding-box;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background-color: #ffffff;
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, #ffffff));
+ background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
+ background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0);
+ background-image: linear-gradient(to top, #eeeeee 0%, #ffffff 50%);
+}
+.roo-select2-container.roo-select2-drop-above .roo-select2-choice {
+ border-bottom-color: #777777;
+ border-radius: 0 0 4px 4px;
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, #ffffff));
+ background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%);
+ background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0);
+ background-image: linear-gradient(to bottom, #eeeeee 0%, #ffffff 90%);
+}
+.roo-select2-container.roo-select2-allowclear .roo-select2-choice .roo-select2-chosen {
+ margin-right: 42px;
+}
+.roo-select2-container .roo-select2-choice > .roo-select2-chosen {
+ margin-right: 26px;
+ display: block;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ float: none;
+ width: auto;
+}
+.roo-select2-container .roo-select2-choice abbr {
+ display: none;
+ width: 12px;
+ height: 12px;
+ position: absolute;
+ right: 24px;
+ top: 8px;
+ font-size: 1px;
+ text-decoration: none;
+ border: 0;
+ background: url('../images/select2/select2.png') right top no-repeat;
+ cursor: pointer;
+ outline: 0;
+}
+.roo-select2-container.roo-select2-allowclear .roo-select2-choice abbr {
+ display: inline-block;
+}
+.roo-select2-container .roo-select2-choice abbr:hover {
+ background-position: right -11px;
+ cursor: pointer;
+}
+.roo-select2-drop-mask {
+ border: 0;
+ margin: 0;
+ padding: 0;
+ position: fixed;
+ left: 0;
+ top: 0;
+ min-height: 100%;
+ min-width: 100%;
+ height: auto;
+ width: auto;
+ opacity: 0;
+ z-index: 9998;
+ /* styles required for IE to work */
+ background-color: #ffffff;
+ filter: alpha(opacity=0);
+}
+.roo-select2-drop {
+ width: 100%;
+ margin-top: -1px;
+ position: absolute;
+ z-index: 9999;
+ top: 100%;
+ background: #ffffff;
+ color: #000000;
+ border: 1px solid #777777;
+ border-top: 0;
+ border-radius: 0 0 4px 4px;
+ -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
+}
+.roo-select2-drop.roo-select2-drop-above {
+ margin-top: 1px;
+ border-top: 1px solid #777777;
+ border-bottom: 0;
+ border-radius: 4px 4px 0 0;
+ -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.2);
+}
+.roo-select2-drop-active {
+ border: 1px solid #337ab7;
+ border-top: none;
+}
+.roo-select2-drop.roo-select2-drop-above.roo-select2-drop-active {
+ border-top: 1px solid #337ab7;
+}
+.roo-select2-drop-auto-width {
+ border-top: 1px solid #777777;
+ width: auto;
+}
+.roo-select2-drop-auto-width .roo-select2-search {
+ padding-top: 4px;
+}
+.roo-select2-container .roo-select2-choice .roo-select2-arrow {
+ display: inline-block;
+ width: 18px;
+ height: 100%;
+ position: absolute;
+ right: 0;
+ top: 0;
+ border-left: 1px solid #777777;
+ border-radius: 0 4px 4px 0;
+ background-clip: padding-box;
+ background: #777777;
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #777777), color-stop(0.6, #eeeeee));
+ background-image: -webkit-linear-gradient(center bottom, #777777 0%, #eeeeee 60%);
+ background-image: -moz-linear-gradient(center bottom, #777777 0%, #eeeeee 60%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@gray-light', GradientType=0);
+ background-image: linear-gradient(to top, #777777 0%, #eeeeee 60%);
+}
+.roo-select2-container .roo-select2-choice .roo-select2-arrow b {
+ display: block;
+ width: 100%;
+ height: 100%;
+ background: url('../images/select2/select2.png') no-repeat 0 1px;
+}
+.roo-select2-search {
+ display: inline-block;
+ width: 100%;
+ min-height: 26px;
+ margin: 0;
+ padding-left: 4px;
+ padding-right: 4px;
+ position: relative;
+ z-index: 10000;
+ white-space: nowrap;
+}
+.roo-select2-search input {
+ width: 100%;
+ height: auto !important;
+ min-height: 26px;
+ padding: 4px 20px 4px 5px;
+ margin: 0;
+ outline: 0;
+ font-family: sans-serif;
+ font-size: 1em;
+ border: 1px solid #777777;
+ border-radius: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: #ffffff url('../images/select2/select2.png') no-repeat 100% -22px;
+ background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee));
+ background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
+ background: url('../images/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
+ background: url('../images/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
+}
+.roo-select2-drop.roo-select2-drop-above .roo-select2-search input {
+ margin-top: 4px;
+}
+.roo-select2-search input.roo-select2-active {
+ background: #ffffff url('../images/select2/select2-spinner.gif') no-repeat 100%;
+ background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee));
+ background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
+ background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
+ background: url('../images/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
+}
+.roo-select2-container-active .roo-select2-choice,
+.roo-select2-container-active .roo-select2-choices {
+ border: 1px solid #337ab7;
+ outline: none;
+ -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
+}
+.roo-select2-dropdown-open .roo-select2-choice {
+ border-bottom-color: transparent;
+ -webkit-box-shadow: 0 1px 0 #ffffff inset;
+ box-shadow: 0 1px 0 #ffffff inset;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ background-color: #eeeeee;
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
+ background-image: -webkit-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
+ background-image: -moz-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0);
+ background-image: linear-gradient(to top, #ffffff 0%, #eeeeee 50%);
+}
+.roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choice,
+.roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choices {
+ border: 1px solid #337ab7;
+ border-top-color: transparent;
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
+ background-image: -webkit-linear-gradient(center top, #ffffff 0%, #eeeeee 50%);
+ background-image: -moz-linear-gradient(center top, #ffffff 0%, #eeeeee 50%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0);
+ background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
+}
+.roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow {
+ background: transparent;
+ border-left: none;
+ filter: none;
+}
+.roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow b {
+ background-position: -18px 1px;
+}
+.roo-select2-hidden-accessible {
+ border: 0;
+ clip: rect(0 0 0 0);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: 1px;
+}
+/* results */
+.roo-select2-results {
+ max-height: 200px;
+ padding: 0 0 0 4px;
+ margin: 4px 4px 4px 0;
+ position: relative;
+ overflow-x: hidden;
+ overflow-y: auto;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+.roo-select2-results ul.roo-select2-result-sub {
+ margin: 0;
+ padding-left: 0;
+}
+.roo-select2-results li {
+ list-style: none;
+ display: list-item;
+ background-image: none;
+}
+.roo-select2-results li.roo-select2-result-with-children > .roo-select2-result-label {
+ font-weight: bold;
+}
+.roo-select2-results .roo-select2-result-label {
+ padding: 3px 7px 4px;
+ margin: 0;
+ cursor: pointer;
+ min-height: 1em;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.roo-select2-results-dept-1 .roo-select2-result-label {
+ padding-left: 20px;
+}
+.roo-select2-results-dept-2 .roo-select2-result-label {
+ padding-left: 40px;
+}
+.roo-select2-results-dept-3 .roo-select2-result-label {
+ padding-left: 60px;
+}
+.roo-select2-results-dept-4 .roo-select2-result-label {
+ padding-left: 80px;
+}
+.roo-select2-results-dept-5 .roo-select2-result-label {
+ padding-left: 100px;
+}
+.roo-select2-results-dept-6 .roo-select2-result-label {
+ padding-left: 110px;
+}
+.roo-select2-results-dept-7 .roo-select2-result-label {
+ padding-left: 120px;
+}
+.roo-select2-results .roo-select2-highlighted {
+ background: #337ab7;
+ color: #ffffff;
+}
+.roo-select2-results li em {
+ background: #f0ad4e;
+ font-style: normal;
+}
+.roo-select2-results .roo-select2-highlighted em {
+ background: transparent;
+}
+.roo-select2-results .roo-select2-highlighted ul {
+ background: #ffffff;
+ color: #000000;
+}
+.roo-select2-results .roo-select2-no-results,
+.roo-select2-results .roo-select2-searching,
+.roo-select2-results .roo-select2-selection-limit {
+ background: #777777;
+ display: list-item;
+ padding-left: 5px;
+}
+/*
+disabled look for disabled choices in the results dropdown
+*/
+.roo-select2-results .roo-select2-disabled.roo-select2-highlighted {
+ color: #eeeeee;
+ background: #777777;
+ display: list-item;
+ cursor: default;
+}
+.roo-select2-results .roo-select2-disabled {
+ background: #777777;
+ display: list-item;
+ cursor: default;
+}
+.roo-select2-results .roo-select2-selected {
+ display: none;
+}
+.roo-select2-more-results.roo-select2-active {
+ background: #777777 url('../images/select2/select2-spinner.gif') no-repeat 100%;
+}
+.roo-select2-more-results {
+ background: #777777;
+ display: list-item;
+}
+/* disabled styles */
+.roo-select2-container.roo-select2-container-disabled .roo-select2-choice {
+ background-color: #777777;
+ background-image: none;
+ border: 1px solid #777777;
+ cursor: default;
+}
+.roo-select2-container.roo-select2-container-disabled .roo-select2-choice .roo-select2-arrow {
+ background-color: #777777;
+ background-image: none;
+ border-left: 0;
+}
+.roo-select2-container.roo-select2-container-disabled .roo-select2-choice abbr {
+ display: none;
+}
+/* multiselect */
+.roo-select2-container-multi .roo-select2-choices {
+ height: auto !important;
+ height: 1%;
+ margin: 0;
+ padding: 0;
+ /*position: relative;*/
+ border: 1px solid #777777;
+ cursor: text;
+ overflow: hidden;
+ background-color: #ffffff;
+ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
+ background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+ background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+ background-image: linear-gradient(to bottom, #eeeeee 1%, #ffffff 15%);
+}
+.roo-select2-locked {
+ padding: 3px 5px 3px 5px !important;
+}
+.roo-select2-container-multi .roo-select2-choices {
+ min-height: 26px;
+}
+.roo-select2-container-multi.roo-select2-container-active .roo-select2-choices {
+ border: 1px solid #337ab7;
+ outline: none;
+ -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
+}
+.roo-select2-container-multi .roo-select2-choices li {
+ float: left;
+ list-style: none;
+}
+html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices li {
+ float: right;
+}
+.roo-select2-container-multi .roo-select2-choices .roo-select2-search-field {
+ margin: 0;
+ padding: 0;
+ white-space: nowrap;
+}
+.roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input {
+ padding: 5px;
+ margin: 1px 0;
+ font-family: sans-serif;
+ font-size: 100%;
+ color: #555555;
+ outline: 0;
+ border: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: transparent !important;
+}
+.roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input.roo-select2-active {
+ background: #ffffff url('../images/select2/select2-spinner.gif') no-repeat 100% !important;
+}
+.roo-select2-default {
+ color: #777777 !important;
+}
+.roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice {
+ padding: 4px 7px 4px 16px;
+ margin: 0 1px;
+ position: relative;
+ line-height: 13px;
+ color: #333333;
+ cursor: default;
+ border: 1px solid #777777;
+ border-radius: 3px;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice {
+ margin-left: 0;
+ margin-right: 5px;
+}
+.roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-chosen {
+ cursor: default;
+}
+.roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus {
+ background: #777777;
+}
+.roo-select2-search-choice-close {
+ display: block;
+ width: 12px;
+ height: 13px;
+ position: absolute;
+ right: 3px;
+ top: 4px;
+ font-size: 12px;
+ outline: none;
+ color: #777777;
+ /*background: url('@{bootstrap-image-path}/select2/select2.png') right top no-repeat;*/
+}
+.roo-select2-search-choice-close:hover {
+ color: #333333;
+}
+html[dir="rtl"] .roo-select2-search-choice-close {
+ right: auto;
+ left: 3px;
+}
+.roo-select2-container-multi .roo-select2-search-choice-close {
+ left: 3px;
+}
+.roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close:hover {
+ background-position: right -11px;
+}
+.roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus .roo-select2-search-choice-close {
+ background-position: right -11px;
+}
+/* disabled styles */
+.roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices {
+ background-color: #777777;
+ background-image: none;
+ border: 1px solid #777777;
+ cursor: default;
+}
+.roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice {
+ padding: 3px 5px 3px 5px;
+ border: 1px solid #777777;
+ background-image: none;
+ background-color: #777777;
+}
+.roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close {
+ display: none;
+ background: none;
+}
+/* end multiselect */
+.roo-select2-result-selectable .roo-select2-match,
+.roo-select2-result-unselectable .roo-select2-match {
+ text-decoration: underline;
+}
+.roo-select2-offscreen,
+.roo-select2-offscreen:focus {
+ clip: rect(0 0 0 0) !important;
+ width: 1px !important;
+ height: 1px !important;
+ border: 0 !important;
+ margin: 0 !important;
+ padding: 0 !important;
+ overflow: hidden !important;
+ position: absolute !important;
+ outline: 0 !important;
+ left: 0px !important;
+ top: 0px !important;
+}
+.roo-select2-display-none {
+ display: none;
+}
+.roo-select2-measure-scrollbar {
+ position: absolute;
+ top: -10000px;
+ left: -10000px;
+ width: 100px;
+ height: 100px;
+ overflow: scroll;
+}
+/* Retina-ize icons */
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
+ .roo-select2-search input,
+ .roo-select2-search-choice-close,
+ .roo-select2-container .roo-select2-choice abbr,
+ .roo-select2-container .roo-select2-choice .roo-select2-arrow b {
+ background-image: url('../images/select2/select2x2.png') !important;
+ background-repeat: no-repeat !important;
+ background-size: 60px 40px !important;
+ }
+ .roo-select2-search input {
+ background-position: 100% -21px !important;
+ }
+}
+.has-error .roo-select2-choices {
+ border-color: #d9534f;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
+}
+.dropdown-menu .roo-select2-result.disabled {
+ background-color: #eeeeee;
+ color: #777777;
+ cursor: not-allowed;
+}
+.sidebar {
+ margin-bottom: 5px;
+}
+/* override boostrap a:hover */
+.sidebar a:hover {
+ text-decoration: none;
+}
+.sidebar .sidebar-menu {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+/* GREY BG */
+.sidebar .sidebar-menu > li,
+.sidebar .sidebar-menu li.active li.treeview-menu {
+ margin: 0;
+ padding: 0;
+ border-bottom: 1px solid #777777;
+ background-color: #eeeeee;
+}
+/* active child menu - white BG */
+.sidebar .sidebar-menu li.active li.treeview-menu {
+ background-color: #777777;
+}
+.sidebar .sidebar-menu > li > a,
+.sidebar .sidebar-menu li.open li.treeview-menu > a {
+ padding: 12px 5px 12px 15px;
+ display: block;
+ color: #333333;
+}
+.sidebar .sidebar-menu > li > a > .fa,
+.sidebar .sidebar-menu > li > a > .glyphicon,
+.sidebar .sidebar-menu > li > a > .ion {
+ width: 20px;
+}
+.sidebar .sidebar-menu li:hover,
+.sidebar .sidebar-menu li:focus,
+.sidebar .sidebar-menu li:active,
+.sidebar .sidebar-menu li.active li.treeview-menu:hover,
+.sidebar .sidebar-menu li.active li.treeview-menu:focus,
+.sidebar .sidebar-menu li.active li.treeview-menu:active {
+ background-color: #ffffff;
+}
+.sidebar .sidebar-menu li:hover a,
+.sidebar .sidebar-menu li:focus a,
+.sidebar .sidebar-menu li:active a,
+.sidebar .sidebar-menu li.oepn li.treeview-menu a:hover,
+.sidebar .sidebar-menu li.open li.treeview-menu a:focus,
+.sidebar .sidebar-menu li.open li.treeview-menu a:active {
+ color: #000000;
+ text-decoration: none;
+}
+/* BLUE ACTIVE */
+.sidebar .sidebar-menu li.active {
+ color: #ffffff;
+ background-color: #337ab7;
+ border-color: #286090;
+}
+.sidebar .sidebar-menu li.active:hover,
+.sidebar .sidebar-menu li.active:focus,
+.sidebar .sidebar-menu li.active.focus {
+ color: #ffffff;
+ background-color: #337ab7;
+ border-color: #286090;
+}
+.sidebar .sidebar-menu li.active a {
+ color: #ffffff;
+}
+.sidebar .sidebar-menu li.disabled {
+ color: #333333;
+ background-color: #ffffff;
+ border-color: #333333;
+}
+.sidebar .sidebar-menu li.disabled a {
+ color: #777777;
+ cursor: default;
+}
+.sidebar .sidebar-menu li.danger,
+.sidebar .sidebar-menu li.danger.active {
+ color: #ffffff;
+ background-color: #d9534f;
+ border-color: #e27c79;
+}
+.sidebar .sidebar-menu li.danger:hover,
+.sidebar .sidebar-menu li.danger:focus,
+.sidebar .sidebar-menu li.danger.active:focus {
+ color: #ffffff;
+ background-color: #d9534f;
+ border-color: #c9302c;
+ border-bottom: 1px solid #c9302c;
+}
+.sidebar .sidebar-menu li.danger a,
+.sidebar .sidebar-menu li.danger.active a {
+ color: #ffffff;
+}
+/* --- open */
+.sidebar .sidebar-menu li.open ul {
+ display: block;
+}
+.sidebar .sidebar-menu li.open .treeview-menu {
+ display: block;
+ width: 120%;
+}
+/* --- treeview menu */
+.sidebar .sidebar-menu .treeview-menu {
+ display: none;
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+.sidebar .sidebar-menu .treeview-menu > li {
+ margin: 0;
+}
+.sidebar .sidebar-menu li.open li.treeview-menu > a {
+ padding: 5px 5px 5px 20px;
+ display: block;
+ font-size: 14px;
+ margin: 0px 0px;
+}
+.sidebar .sidebar-menu .treeview-menu > li > a > .fa,
+.sidebar .sidebar-menu .treeview-menu > li > a > .glyphicon,
+.sidebar .sidebar-menu .treeview-menu > li > a > .ion {
+ width: 20px;
+}
+/* background to highlighted treeview node
+.sidebar .sidebar-menu li li.treeview-menu.active {
+ background: #fff;
+}
+*/
+.sidebar .sidebar-menu li li.treeview-menu.active > a {
+ font-weight: bold;
+}
+/* active sidebard... */
+.badge-default {
+ background-color: #777777;
+ color: #ffffff;
+}
+.badge-primary {
+ background-color: #337ab7;
+ color: #ffffff;
+}
+.badge-success {
+ background-color: #5cb85c;
+ color: #ffffff;
+}
+.badge-info {
+ background-color: #5bc0de;
+ color: #ffffff;
+}
+.badge-warning {
+ background-color: #f0ad4e;
+ color: #ffffff;
+}
+.badge-danger {
+ background-color: #d9534f;
+ color: #ffffff;
+}
+.sidebar .sidebar-menu > li.active .badge-info {
+ background-color: #ffffff;
+ color: #5bc0de;
+}
+/*html, */
+/* Sticky footer styles
+-------------------------------------------------- */
+html.bootstrap-sticky {
+ position: relative;
+ min-height: 100%;
+}
+html.bootstrap-sticky body {
+ /* Margin bottom by footer height */
+ margin-bottom: 60px;
+}
+.bootstrap-sticky-footer {
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ /* Set the fixed height of the footer here */
+ height: 60px;
+ background-color: #f5f5f5;
+}
+/* Lastly, apply responsive CSS fixes as necessary */
+@media (max-width: 767px) {
+ .bootstrap-sticky-footer {
+ margin-left: -20px;
+ margin-right: -20px;
+ padding-left: 20px;
+ padding-right: 20px;
+ }
+}
+/* paging toolbar */
+.table .pagination .x-paging-position span {
+ padding: 3px 6px;
+}
+.table .pagination .x-paging-position span input {
+ margin: 0 0 0 7px;
+ width: 42px;
+ padding: 0 5px;
+}
+.navbar .pagination > li > span {
+ min-height: 34px;
+}
+.navbar .pagination {
+ margin: 0;
+}
+/* these are technicall adminlte related */
+.skin-blue .navbar .pagination > li > a:active,
+.skin-blue .navbar .pagination > li > a:focus,
+.skin-blue .navbar .pagination > li > a {
+ background-color: #337ab7;
+}
+.skin-blue .navbar .pagination > li > a:hover {
+ background-color: #777777;
+}
+.skin-blue table .navbar {
+ background-color: #ffffff;
+}
+.skin-blue .navbar .pagination > li.disabled > a {
+ background-color: #777777;
+}
+.skin-blue table .navbar {
+ margin-bottom: 0;
+ min-height: 0;
+}
+.table .sortable {
+ cursor: pointer;
+}
+.table-body-fixed tbody {
+ overflow-y: scroll;
+ width: 100%;
+}
+.table-body-fixed thead,
+.table-body-fixed tbody,
+.table-body-fixed th {
+ display: block;
+}
+.table-body-fixed thead {
+ overflow: hidden;
+}
+.table-body-fixed tbody td,
+.table-body-fixed thead > tr > th {
+ float: left;
+ border-bottom-width: 0;
+}
+/* fake infinate widt.. */
+.table-body-fixed thead > tr,
+.table-body-fixed tbody > tr {
+ display: block;
+ overflow: hidden;
+}
+/* standard bootstrap does not colour rows very well.. */
+.table > tbody > tr.info {
+ background-color: #d9edf7;
+}
+.table-hover > tbody > tr.info:hover {
+ background-color: #c4e3f3;
+}
+.table tfoot .navbar {
+ min-height: inherit;
+}
+/* for ie11 && edge: fixing height inheriting from tbody to tr */
+.roo-ie11 table.table tbody tr,
+.roo-edge table.table tbody tr {
+ height: auto;
+}
+.header .top-bar {
+ min-height: 30px;
+ background: #777777;
+ border-bottom: 1px solid #eeeeee;
+ padding: 0;
+}
+@media (min-width: 980px) {
+ .top-bar .collapse {
+ display: block !important;
+ visibility: visible !important;
+ height: auto !important;
+ overflow: visible !important;
+ padding-bottom: 0;
+ }
+}
+@media (min-width: 768px) and (max-width: 979px) {
+ .header .top-bar {
+ min-height: 0;
+ padding: 3px 0;
+ }
+}
+.header .social,
+.footer .social {
+ margin-right: 4px;
+ line-height: 30px;
+ padding-left: 0;
+ margin-bottom: 0;
+}
+.footer .social li:last-child,
+.footer .social {
+ margin-right: 0 !important;
+}
+.header .social li:first-child {
+ border-left: 1px solid #777777;
+}
+.header .social li,
+.footer .social li {
+ border-right: 1px solid #777777;
+ display: table-cell;
+ vertical-align: middle;
+ height: 40px;
+ margin-right: 5px;
+ width: 40px;
+ text-align: center;
+ -webkit-transition: background 0.5s ease-in-out;
+ -moz-transition: background 0.5s ease-in-out;
+ -o-transition: background 0.5s ease-in-out;
+ -ms-transition: background 0.5s ease-in-out;
+ transition: background 0.5s ease-in-out;
+ padding: 1px;
+}
+.header .social i,
+.footer .social i {
+ color: #555555;
+ font-size: 16px;
+ -webkit-transition: color 0.5s ease-in-out;
+ -moz-transition: color 0.5s ease-in-out;
+ -o-transition: color 0.5s ease-in-out;
+ -ms-transition: color 0.5s ease-in-out;
+ transition: color 0.5s ease-in-out;
+}
+.header .social li:hover a i,
+.footer .social li:hover a i {
+ color: #ffffff;
+}
+.team .item .team-member-links a.facebook:hover,
+.member-social.dark a.facebook:hover,
+.header .social li.facebook:hover,
+.footer .social li.facebook:hover {
+ background: #337ab7;
+}
+.team .item .team-member-links a.dribbble:hover,
+.member-social.dark a.dribbble:hover,
+.header .social li.dribbble:hover,
+.footer .social li.dribbble:hover {
+ background: #f0ad4e;
+}
+.team .item .team-member-links a.twitter:hover,
+.member-social.dark a.twitter:hover,
+.header .social li.twitter:hover,
+.footer .social li.twitter:hover {
+ background: #337ab7;
+}
+.team .item .team-member-links a.gplus:hover,
+.member-social.dark a.gplus:hover,
+.header .social li.gplus:hover,
+.footer .social li.gplus:hover {
+ background: #d9534f;
+}
+.team .item .team-member-links a.linkedin:hover,
+.member-social.dark a.linkedin:hover,
+.header .social li.linkedin:hover,
+.footer .social li.linkedin:hover {
+ background: #337ab7;
+}
+.team .item .team-member-links a.pinterest:hover,
+.member-social.dark a.pinterest:hover,
+.header .social li.pinterest:hover,
+.footer .social li.pinterest:hover {
+ background: #d9534f;
+}
+.header .social li.rss:hover,
+.footer .social li.rss:hover {
+ background: #f0ad4e;
+}
+.top-bar .languages {
+ padding: 8px 0;
+}
+.top-bar .languages a {
+ margin-right: 20px;
+ color: #555555;
+ font-family: "Open Sans", Helvetica, Arial, sans-serif;
+ font-size: 14px;
+ line-height: 24px;
+}
+/* WTF is this! !!
+ *
+ * DO NOT EVER PUT ANYTHIGN IN THIS FILE... tweaks - bad name... *
+ */
+.navbar-left .input-group[class*="col-"] {
+ float: left;
+}
+.ellipsis {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 3;
+ -webkit-box-orient: vertical;
+}
+.sw-child-headline {
+ display: inline-block;
+ width: auto;
+}
+.box-input-label {
+ width: 100%;
+ display: inline-block;
+ font-weight: bold;
+}
+.box-label {
+ margin-left: 5px;
+ cursor: pointer;
+}
+/* needed as menu ontop of form does not work */
+.input-group .form-control {
+ z-index: 1;
+}
+/* admin-lte - messes with checkbox and radio.. */
+.checkbox,
+.radio {
+ padding-left: 15px !important;
+}
+/* inside a column it needs even more padding...*/
+/*
+* It breaks all the checkbox layout. comment it first...
+*/
+/*.column .checkbox,
+.column .radio {
+ padding-left: 25px !important;
+}*/
+/* paging toolbar */
+.pagination .x-paging-position span {
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
+.pagination .x-paging-position span input {
+ margin: 0 3px;
+}
+.panel-header-right {
+ float: right;
+ text-align: right;
+}
+.badge-error {
+ background-color: #d9534f;
+}
+.badge-error:hover {
+ background-color: #c9302c;
+}
+.badge-warning {
+ background-color: #f0ad4e;
+}
+.badge-warning:hover {
+ background-color: #ec971f;
+}
+.badge-success {
+ background-color: #5cb85c;
+}
+.badge-success:hover {
+ background-color: #449d44;
+}
+.badge-info {
+ background-color: #5bc0de;
+}
+.badge-info:hover {
+ background-color: #31b0d5;
+}
+.badge-inverse {
+ background-color: #333333;
+}
+.badge-inverse:hover {
+ background-color: #222222;
+}
+.tooltip.fade.in {
+ z-index: 10002;
+}
+.x-hidden {
+ position: absolute;
+ top: 0;
+ left: 0;
+ visibility: hidden;
+ display: none;
+}
+.roo-upload-cropbox-selector {
+ visibility: hidden;
+ height: 0px;
+}
+.roo-upload-cropbox-dialog .modal-header,
+.roo-upload-cropbox-dialog .modal-footer {
+ padding-top: 5px;
+ padding-bottom: 5px;
+}
+.roo-upload-cropbox-body {
+ background-color: #ffffff;
+ border: 1px solid #777777;
+ width: 100%;
+ height: 450px;
+ max-height: 450px;
+ position: relative;
+ overflow: hidden;
+ cursor: move;
+}
+.roo-upload-cropbox-preview {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ text-align: center;
+ margin: 0px;
+ padding: 0px;
+ border: none;
+}
+.roo-upload-cropbox-body .roo-upload-cropbox-thumb {
+ position: absolute;
+ /* top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);*/
+ box-sizing: border-box;
+ border: 1px solid #777777;
+ box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
+ background: none repeat scroll 0% 0% transparent;
+}
+.roo-upload-cropbox-body .roo-upload-cropbox-empty-notify {
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.5);
+ color: #ffffff;
+ font-weight: bold;
+ font-size: 24px;
+ text-align: center;
+ padding-top: 50px;
+ font-style: italic;
+}
+.roo-upload-cropbox-btn-group button {
+ background-color: #000000;
+ color: #ffffff;
+ border-color: #333333;
+}
+.roo-upload-cropbox-error-notify {
+ border-radius: 0px;
+ text-align: center;
+ padding: 0px !important;
+ margin: 0px !important;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+.tel-input {
+ padding-left: 105px;
+ border-radius: 4px !important;
+}
+.dial-code-holder {
+ position: absolute;
+ width: 60px;
+ left: 55px;
+ z-index: 3;
+ padding: 7px;
+ border: 1px solid transparent;
+ background: transparent;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.tel-list li a {
+ padding-left: 10px;
+}
+.tel-list li a .flag {
+ margin-right: 20px;
+}
+.tel-list li a .dial-code {
+ color: #999;
+}
+.flag-box {
+ position: absolute;
+ top: 6px;
+ height: 20px;
+ width: 50px;
+ padding: 5px;
+ margin-left: 5px;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-around;
+ z-index: 4;
+}
+.flag-box .caret {
+ margin-top: 3px;
+}
+.flag {
+ background-image: url('../images/default/flags.png');
+ background-repeat: no-repeat;
+ width: 20px;
+ height: inherit;
+ display: inline-block;
+ margin-right: 10px;
+}
+.flag.ac {
+ height: 10px;
+ background-position: 0px 0px;
+}
+.flag.ad {
+ height: 14px;
+ background-position: -22px 0px;
+}
+.flag.ae {
+ height: 10px;
+ background-position: -44px 0px;
+}
+.flag.af {
+ height: 14px;
+ background-position: -66px 0px;
+}
+.flag.ag {
+ height: 14px;
+ background-position: -88px 0px;
+}
+.flag.ai {
+ height: 10px;
+ background-position: -110px 0px;
+}
+.flag.al {
+ height: 15px;
+ background-position: -132px 0px;
+}
+.flag.am {
+ height: 10px;
+ background-position: -154px 0px;
+}
+.flag.ao {
+ height: 14px;
+ background-position: -176px 0px;
+}
+.flag.aq {
+ height: 14px;
+ background-position: -198px 0px;
+}
+.flag.ar {
+ height: 13px;
+ background-position: -220px 0px;
+}
+.flag.as {
+ height: 10px;
+ background-position: -242px 0px;
+}
+.flag.at {
+ height: 14px;
+ background-position: -264px 0px;
+}
+.flag.au {
+ height: 10px;
+ background-position: -286px 0px;
+}
+.flag.aw {
+ height: 14px;
+ background-position: -308px 0px;
+}
+.flag.ax {
+ height: 13px;
+ background-position: -330px 0px;
+}
+.flag.az {
+ height: 10px;
+ background-position: -352px 0px;
+}
+.flag.ba {
+ height: 10px;
+ background-position: -374px 0px;
+}
+.flag.bb {
+ height: 14px;
+ background-position: -396px 0px;
+}
+.flag.bd {
+ height: 12px;
+ background-position: -418px 0px;
+}
+.flag.be {
+ height: 15px;
+ background-position: -440px 0px;
+}
+.flag.bf {
+ height: 14px;
+ background-position: -460px 0px;
+}
+.flag.bg {
+ height: 12px;
+ background-position: -482px 0px;
+}
+.flag.bh {
+ height: 12px;
+ background-position: -504px 0px;
+}
+.flag.bi {
+ height: 12px;
+ background-position: -526px 0px;
+}
+.flag.bj {
+ height: 14px;
+ background-position: -548px 0px;
+}
+.flag.bl {
+ height: 14px;
+ background-position: -570px 0px;
+}
+.flag.bm {
+ height: 10px;
+ background-position: -592px 0px;
+}
+.flag.bn {
+ height: 10px;
+ background-position: -614px 0px;
+}
+.flag.bo {
+ height: 14px;
+ background-position: -636px 0px;
+}
+.flag.bq {
+ height: 14px;
+ background-position: -658px 0px;
+}
+.flag.br {
+ height: 14px;
+ background-position: -680px 0px;
+}
+.flag.bs {
+ height: 10px;
+ background-position: -702px 0px;
+}
+.flag.bt {
+ height: 14px;
+ background-position: -724px 0px;
+}
+.flag.bv {
+ height: 15px;
+ background-position: -746px 0px;
+}
+.flag.bw {
+ height: 14px;
+ background-position: -768px 0px;
+}
+.flag.by {
+ height: 10px;
+ background-position: -790px 0px;
+}
+.flag.bz {
+ height: 14px;
+ background-position: -812px 0px;
+}
+.flag.ca {
+ height: 10px;
+ background-position: -834px 0px;
+}
+.flag.cc {
+ height: 10px;
+ background-position: -856px 0px;
+}
+.flag.cd {
+ height: 15px;
+ background-position: -878px 0px;
+}
+.flag.cf {
+ height: 14px;
+ background-position: -900px 0px;
+}
+.flag.cg {
+ height: 14px;
+ background-position: -922px 0px;
+}
+.flag.ch {
+ height: 15px;
+ background-position: -944px 0px;
+}
+.flag.ci {
+ height: 14px;
+ background-position: -961px 0px;
+}
+.flag.ck {
+ height: 10px;
+ background-position: -983px 0px;
+}
+.flag.cl {
+ height: 14px;
+ background-position: -1005px 0px;
+}
+.flag.cm {
+ height: 14px;
+ background-position: -1027px 0px;
+}
+.flag.cn {
+ height: 14px;
+ background-position: -1049px 0px;
+}
+.flag.co {
+ height: 14px;
+ background-position: -1071px 0px;
+}
+.flag.cp {
+ height: 14px;
+ background-position: -1093px 0px;
+}
+.flag.cr {
+ height: 12px;
+ background-position: -1115px 0px;
+}
+.flag.cu {
+ height: 10px;
+ background-position: -1137px 0px;
+}
+.flag.cv {
+ height: 12px;
+ background-position: -1159px 0px;
+}
+.flag.cw {
+ height: 14px;
+ background-position: -1181px 0px;
+}
+.flag.cx {
+ height: 10px;
+ background-position: -1203px 0px;
+}
+.flag.cy {
+ height: 13px;
+ background-position: -1225px 0px;
+}
+.flag.cz {
+ height: 14px;
+ background-position: -1247px 0px;
+}
+.flag.de {
+ height: 12px;
+ background-position: -1269px 0px;
+}
+.flag.dg {
+ height: 10px;
+ background-position: -1291px 0px;
+}
+.flag.dj {
+ height: 14px;
+ background-position: -1313px 0px;
+}
+.flag.dk {
+ height: 15px;
+ background-position: -1335px 0px;
+}
+.flag.dm {
+ height: 10px;
+ background-position: -1357px 0px;
+}
+.flag.do {
+ height: 13px;
+ background-position: -1379px 0px;
+}
+.flag.dz {
+ height: 14px;
+ background-position: -1401px 0px;
+}
+.flag.ea {
+ height: 14px;
+ background-position: -1423px 0px;
+}
+.flag.ec {
+ height: 14px;
+ background-position: -1445px 0px;
+}
+.flag.ee {
+ height: 13px;
+ background-position: -1467px 0px;
+}
+.flag.eg {
+ height: 14px;
+ background-position: -1489px 0px;
+}
+.flag.eh {
+ height: 10px;
+ background-position: -1511px 0px;
+}
+.flag.er {
+ height: 10px;
+ background-position: -1533px 0px;
+}
+.flag.es {
+ height: 14px;
+ background-position: -1555px 0px;
+}
+.flag.et {
+ height: 10px;
+ background-position: -1577px 0px;
+}
+.flag.eu {
+ height: 14px;
+ background-position: -1599px 0px;
+}
+.flag.fi {
+ height: 12px;
+ background-position: -1621px 0px;
+}
+.flag.fj {
+ height: 10px;
+ background-position: -1643px 0px;
+}
+.flag.fk {
+ height: 10px;
+ background-position: -1665px 0px;
+}
+.flag.fm {
+ height: 11px;
+ background-position: -1687px 0px;
+}
+.flag.fo {
+ height: 15px;
+ background-position: -1709px 0px;
+}
+.flag.fr {
+ height: 14px;
+ background-position: -1731px 0px;
+}
+.flag.ga {
+ height: 15px;
+ background-position: -1753px 0px;
+}
+.flag.gb {
+ height: 10px;
+ background-position: -1775px 0px;
+}
+.flag.gd {
+ height: 12px;
+ background-position: -1797px 0px;
+}
+.flag.ge {
+ height: 14px;
+ background-position: -1819px 0px;
+}
+.flag.gf {
+ height: 14px;
+ background-position: -1841px 0px;
+}
+.flag.gg {
+ height: 14px;
+ background-position: -1863px 0px;
+}
+.flag.gh {
+ height: 14px;
+ background-position: -1885px 0px;
+}
+.flag.gi {
+ height: 10px;
+ background-position: -1907px 0px;
+}
+.flag.gl {
+ height: 14px;
+ background-position: -1929px 0px;
+}
+.flag.gm {
+ height: 14px;
+ background-position: -1951px 0px;
+}
+.flag.gn {
+ height: 14px;
+ background-position: -1973px 0px;
+}
+.flag.gp {
+ height: 14px;
+ background-position: -1995px 0px;
+}
+.flag.gq {
+ height: 14px;
+ background-position: -2017px 0px;
+}
+.flag.gr {
+ height: 14px;
+ background-position: -2039px 0px;
+}
+.flag.gs {
+ height: 10px;
+ background-position: -2061px 0px;
+}
+.flag.gt {
+ height: 13px;
+ background-position: -2083px 0px;
+}
+.flag.gu {
+ height: 11px;
+ background-position: -2105px 0px;
+}
+.flag.gw {
+ height: 10px;
+ background-position: -2127px 0px;
+}
+.flag.gy {
+ height: 12px;
+ background-position: -2149px 0px;
+}
+.flag.hk {
+ height: 14px;
+ background-position: -2171px 0px;
+}
+.flag.hm {
+ height: 10px;
+ background-position: -2193px 0px;
+}
+.flag.hn {
+ height: 10px;
+ background-position: -2215px 0px;
+}
+.flag.hr {
+ height: 10px;
+ background-position: -2237px 0px;
+}
+.flag.ht {
+ height: 12px;
+ background-position: -2259px 0px;
+}
+.flag.hu {
+ height: 10px;
+ background-position: -2281px 0px;
+}
+.flag.ic {
+ height: 14px;
+ background-position: -2303px 0px;
+}
+.flag.id {
+ height: 14px;
+ background-position: -2325px 0px;
+}
+.flag.ie {
+ height: 10px;
+ background-position: -2347px 0px;
+}
+.flag.il {
+ height: 15px;
+ background-position: -2369px 0px;
+}
+.flag.im {
+ height: 10px;
+ background-position: -2391px 0px;
+}
+.flag.in {
+ height: 14px;
+ background-position: -2413px 0px;
+}
+.flag.io {
+ height: 10px;
+ background-position: -2435px 0px;
+}
+.flag.iq {
+ height: 14px;
+ background-position: -2457px 0px;
+}
+.flag.ir {
+ height: 12px;
+ background-position: -2479px 0px;
+}
+.flag.is {
+ height: 15px;
+ background-position: -2501px 0px;
+}
+.flag.it {
+ height: 14px;
+ background-position: -2523px 0px;
+}
+.flag.je {
+ height: 12px;
+ background-position: -2545px 0px;
+}
+.flag.jm {
+ height: 10px;
+ background-position: -2567px 0px;
+}
+.flag.jo {
+ height: 10px;
+ background-position: -2589px 0px;
+}
+.flag.jp {
+ height: 14px;
+ background-position: -2611px 0px;
+}
+.flag.ke {
+ height: 14px;
+ background-position: -2633px 0px;
+}
+.flag.kg {
+ height: 12px;
+ background-position: -2655px 0px;
+}
+.flag.kh {
+ height: 13px;
+ background-position: -2677px 0px;
+}
+.flag.ki {
+ height: 10px;
+ background-position: -2699px 0px;
+}
+.flag.km {
+ height: 12px;
+ background-position: -2721px 0px;
+}
+.flag.kn {
+ height: 14px;
+ background-position: -2743px 0px;
+}
+.flag.kp {
+ height: 10px;
+ background-position: -2765px 0px;
+}
+.flag.kr {
+ height: 14px;
+ background-position: -2787px 0px;
+}
+.flag.kw {
+ height: 10px;
+ background-position: -2809px 0px;
+}
+.flag.ky {
+ height: 10px;
+ background-position: -2831px 0px;
+}
+.flag.kz {
+ height: 10px;
+ background-position: -2853px 0px;
+}
+.flag.la {
+ height: 14px;
+ background-position: -2875px 0px;
+}
+.flag.lb {
+ height: 14px;
+ background-position: -2897px 0px;
+}
+.flag.lc {
+ height: 10px;
+ background-position: -2919px 0px;
+}
+.flag.li {
+ height: 12px;
+ background-position: -2941px 0px;
+}
+.flag.lk {
+ height: 10px;
+ background-position: -2963px 0px;
+}
+.flag.lr {
+ height: 11px;
+ background-position: -2985px 0px;
+}
+.flag.ls {
+ height: 14px;
+ background-position: -3007px 0px;
+}
+.flag.lt {
+ height: 12px;
+ background-position: -3029px 0px;
+}
+.flag.lu {
+ height: 12px;
+ background-position: -3051px 0px;
+}
+.flag.lv {
+ height: 10px;
+ background-position: -3073px 0px;
+}
+.flag.ly {
+ height: 10px;
+ background-position: -3095px 0px;
+}
+.flag.ma {
+ height: 14px;
+ background-position: -3117px 0px;
+}
+.flag.mc {
+ height: 15px;
+ background-position: -3139px 0px;
+}
+.flag.md {
+ height: 10px;
+ background-position: -3160px 0px;
+}
+.flag.me {
+ height: 10px;
+ background-position: -3182px 0px;
+}
+.flag.mf {
+ height: 14px;
+ background-position: -3204px 0px;
+}
+.flag.mg {
+ height: 14px;
+ background-position: -3226px 0px;
+}
+.flag.mh {
+ height: 11px;
+ background-position: -3248px 0px;
+}
+.flag.mk {
+ height: 10px;
+ background-position: -3270px 0px;
+}
+.flag.ml {
+ height: 14px;
+ background-position: -3292px 0px;
+}
+.flag.mm {
+ height: 14px;
+ background-position: -3314px 0px;
+}
+.flag.mn {
+ height: 10px;
+ background-position: -3336px 0px;
+}
+.flag.mo {
+ height: 14px;
+ background-position: -3358px 0px;
+}
+.flag.mp {
+ height: 10px;
+ background-position: -3380px 0px;
+}
+.flag.mq {
+ height: 14px;
+ background-position: -3402px 0px;
+}
+.flag.mr {
+ height: 14px;
+ background-position: -3424px 0px;
+}
+.flag.ms {
+ height: 10px;
+ background-position: -3446px 0px;
+}
+.flag.mt {
+ height: 14px;
+ background-position: -3468px 0px;
+}
+.flag.mu {
+ height: 14px;
+ background-position: -3490px 0px;
+}
+.flag.mv {
+ height: 14px;
+ background-position: -3512px 0px;
+}
+.flag.mw {
+ height: 14px;
+ background-position: -3534px 0px;
+}
+.flag.mx {
+ height: 12px;
+ background-position: -3556px 0px;
+}
+.flag.my {
+ height: 10px;
+ background-position: -3578px 0px;
+}
+.flag.mz {
+ height: 14px;
+ background-position: -3600px 0px;
+}
+.flag.na {
+ height: 14px;
+ background-position: -3622px 0px;
+}
+.flag.nc {
+ height: 10px;
+ background-position: -3644px 0px;
+}
+.flag.ne {
+ height: 15px;
+ background-position: -3666px 0px;
+}
+.flag.nf {
+ height: 10px;
+ background-position: -3686px 0px;
+}
+.flag.ng {
+ height: 10px;
+ background-position: -3708px 0px;
+}
+.flag.ni {
+ height: 12px;
+ background-position: -3730px 0px;
+}
+.flag.nl {
+ height: 14px;
+ background-position: -3752px 0px;