body {
    padding-top: 60px;
    padding-bottom: 0;
}

#footer {
    background-color: #f8f8f8;
    border:1px solid #e7e7e7;
    padding-top: 20px;
    padding-bottom: 20px;
}


#footer {
    margin-top:60px;
    margin-bottom:80px;
}
#footer > .container > div {
    display: inline-block;
    width: 200px;
    vertical-align: top;
    padding:10px;

}
#footer > .container > div:first-child > div {
    line-height:28px;
    font-size:16px;
}
#footer > .container > div:first-child {
    width:520px !important;

}
#footer > .container > div:nth-child(2) {
    margin-right:100px;
}
#footer > .container > div > span {
    font-weight:bold;
    color:#323c47;
    font-size:16px;
    display: block;
    height:40px;
    vertical-align: bottom;
}

.footer_links > div  {
    line-height:28px;
    font-size:16px;

}
.footer_links a {
    display: block;
    color: #989898;
    text-decoration: none;;
}


.vertilal_text_separator:before, .vertilal_text_separator:after {
    content: "";
    display: block;
    border-right: 1px solid #e0e0e0;
    margin-right: 82px;
    height: 100px;
    text-align: center;
}




/* BUBBLE */
.jfk-bubble {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border: 1px solid;
    position: absolute;
    z-index: 1201 !important;
    border-color: #bbb #bbb #a8a8a8;
    padding: 16px;
    width: 255px;
    line-height: 17px;
    visibility: hidden;
    opacity: 0;
    left: 16px;
    top: 48px;
    -moz-transition: all 0.218s;
    -o-transition: all 0.218s;
    -webkit-transition: all 0.218s;
    transition: all 0.218s;
}

.jfk-bubble.active {
    visibility: visible;
    opacity: 1;
}

/* bubble arrow */
.jfk-bubble-arrow {
    position: absolute;
    top: 20px;
}

.jfk-bubble-arrow:before, .jfk-bubble-arrow:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
}

.jfk-bubble-arrow:before {
    border: 9px solid;
    border-color: transparent #bbb;
    top: -9px;
}

.jfk-bubble-arrow:after {
    border: 8px solid;
    border-color: transparent #fff;
    top: -8px;
}

.jfk-bubble-arrowright {
    right: 0;
}

.jfk-bubble-arrowright:before, .jfk-bubble-arrowright:after {
    border-right-width: 0;
}

.jfk-bubble p {
    margin: 0;
}



.bs-wizard {margin-top: 40px; text-align: right}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; }
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/



.personal-details-form .col-md-4, .specialities-form .col-md-4 {float: right !important;}


.multiTextInputElement .input-group-addon {
    border-right: none;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-left:1px solid #ccc;
    cursor: pointer;
    font-weight:bold;
    font-size:18px;
}

.multiTextInputElement .form-control {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.multiTextInputElement .input-group-addon.minus {
    background-color:#f00;
    color: #fff;
}

span.onlineIndicator {
    display: inline-block;
    width:20px;height:20px;
    border:1px solid #aaa;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.isOnline {
    background-color: #00a300;
}

#FiltersLink {

}

.pager a{

    padding:3px 5px;
    margin-right:5px;
    border:1px solid #ccc;
    color: #777;
    text-decoration: none;
    cursor: pointer;
}
.pager a:hover{
    background: #000;
    color: #fff;
}
.pager .selected {
    background: #5cb85c;
    color: #fff;
    font-weight:bold;
}



/* .modal-fullscreen */

.modal-fullscreen {
    padding-right: 0 !important;
    background: transparent;
    z-index:500;
    height:100%;
}

.modal-fullscreen .modal-content {
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
    background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
    opacity: .97;
    filter: alpha(opacity=97);
}

/* .modal-fullscreen size: we use Bootstrap media query breakpoints */

.modal-fullscreen .modal-dialog {
    display: flex;
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}
@media (min-width: 768px) {
    .modal-fullscreen .modal-dialog {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .modal-fullscreen .modal-dialog {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .modal-fullscreen .modal-dialog {
        width: 1170px;
    }
}

.UserManager_title > span, .UserManager_title > a {
    display: inline-block;
    padding: 5px 10px;
    font-size:12px;
}
.UserManager_title > a {
    font-weight:bold;
    text-decoration: none;
}

.CommentsHandler {
    width:100%;
}
.CommentsHandler tbody > :nth-child(odd) {
    background-color: #e8eaef;
}
.CommentsHandler tbody > :nth-child(even) {
    background-color: #fff;
}
.CommentsHandler th {
    text-align: center;
}
.CommentsHandler td, .CommentsHandler th {
    padding:3px 7px;
}

.CommentsHandler table {
    border: 1px ridge #ccc;
}
.CommentsHandler tr > :nth-child(1), .CommentsHandler tr > :nth-child(2) {
    width:150px;
    border-right: 1px solid #ccc;
}


.modal-fullscreen .modal-dialog, .modal-fullscreen .modal-content {
    height:100%;
    flex:1;
}
.modal-content {
    display: flex;
    flex-direction: column;
}
.modal-body {
    flex:1;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
}
.modal-footer {
    -webkit-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.75);
}
.UserManager_title > * {
    vertical-align: middle;
}
html {
    height: 100%;
}
body {
    height: inherit;
    overflow-y: hidden;
}
#page {
    height: 100%;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
}
#pageBody {
    flex: 1;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
    padding: 0 20px;
}
#CrmResults {
    flex:1;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
}
#CrmResults > div:first-child {
    flex:1;
    overflow-y: scroll;
}

.DataTableView {
    /*margin: 15px;*/
    font-weight: bold;
}
.DataTableView .row {
    margin-left: 0;
    margin-right: 0;
}
.DataTableView > .row {
    background: #fff;
    color: #000;
    overflow-y: scroll;
    font-weight: bold;
    border-bottom:1px solid #666;
    margin-bottom:10px;
}
.DataTableView > div > .row:nth-child(even) {
    background-color: #f0f0f0;
}
.DataTableView > div > .row:nth-child(odd) {
    background-color: #f8f8f8;
}
.DataTableView > div > .row > div, .DataTableView > .row > div{
    float: left;
    border-right: 1px solid #bebebe;
    padding: 5px 10px;
}
.DataTableView > div > .row {
    cursor: pointer;
    padding-bottom: 0;
}
.DataTableView > div > .row:hover {
    background-color: #09dc09;
    color: #fff;
}


.DataTableView_Footer{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-top: 1px solid #5cb85c;
}




.modal-fullscreen .modal-dialog, .modal-fullscreen .modal-content {
    height:100%;
}
.modal-content {
    display: flex;
    flex-direction: column;
}
.modal-body {
    flex:1;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
}


.modal-header {
    /*padding:8px 15px;*/
    background: linear-gradient(to bottom, #15568e 0%,#073e6e 50%,#073e6e 51%,#15568e 100%);;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    color: #fff;
}
.modal-header a{
    color: #6c6;
}
.modal-dialog {
    border:1px solid #5cb85c;
    background: #eee;
}

.RegistrationInfo {
    width:100%;
}

.DataTableView_Body select {
    color: #fff;
    background: #070;
}
.DataTableView_Body select[value=""] {
    background: #ccc;
}

.emptySelect {
    background: #f00 !important;
}

.greenSelect > option{
    color: #000 !important;
}
.greenSelect {
    background: #4f4 !important;
    color: #000 !important;
}




.fixed_headers {
    width:100%;
}
.fixed_headers tbody > :nth-child(odd) {
    background-color: #e8eaef;
}
.fixed_headers tbody > :nth-child(even) {
    background-color: #fff;
}
.fixed_headers td, .CommentsHandler th {
    padding:3px 7px;
}

.fixed_headers table {
    border: 1px ridge #ccc;
}
.fixed_headers tr > :nth-child(1), .fixed_headers tr > :nth-child(2) {
    width:150px;
    border-right: 1px solid #ccc;
}


.ActiveInventory input[type="text"] {
    width:100px !important;
}

.ActiveInventory td {
    padding:7px;
}
.ActiveInventory tr:first-child {
    border-bottom: 1px solid #ccc;
}

.assetsBlock .selected {
    background: #ffc !important;
}

.sortable {
    cursor: n-resize !important;
}
.sorting {
    text-decoration: underline;
}
.sorting.asc:after {
    content: '▲';
}
.sorting.desc:after {
    content: '▼';
}
.error {
    color: #f00;
    display: none;
}
.app-section {
    display: flex;
    flex:1;
    flex-direction:column;
    overflow: hidden;
}
.DataTable > .DataTableView > {

    flex:1;overflow: hidden;display: flex;flex-direction: column;
}
.app-section .DataTableView > .row {
    flex-shrink: 0;
}
.app-section .ResultsDiv {
    padding:0;
    display: flex;
    flex:1;
    flex-direction:column;
    overflow: hidden;

}
.DataTable {
    display: flex;flex-direction: column;overflow: hidden;
    flex:1;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.app-section-header [data-id="title"] {
    justify-content: center;
    flex:1;
    display: flex;
    align-items:center;
    font-size: 22px !important;

}
.app-section-header {
    display: flex;color: #fff;background-color: #070;padding: 7px;
    font-weight:bold;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background: linear-gradient(to bottom, #15568e 0%,#073e6e 50%,#073e6e 51%,#15568e 100%);;
}
.btn-bright, .btn-bright:visited, .btn-bright:focus{
    background: linear-gradient(to bottom, #666 0%,#000 50%,#000 51%,#666 100%)  !important;
    border-color:#fff !important;
    color: #fff !important;
    font-weight:bold;
}
.btn-bright.active {
    background: #fff;
    border-color:#ccc !important;
    color: #000;
    font-weight:bold;
}
.btn-bright:hover {
    /*background: linear-gradient(to bottom, #eeefff 0%,#008844 50%,#008844 51%,#eeefff 100%);*/
    background: linear-gradient(to bottom, #666 0%,#000 50%,#000 51%,#666 100%) !important;
    color: #fff !important;
    border-color:#fff !important;
}


.navbar {
    margin-bottom: 0;
    /*background: linear-gradient(to bottom, #eee 0%,#aaa 50%,#aaa 51%,#eee 100%);*/
    /*background: linear-gradient(to bottom, #000 0%,#333 50%,#333 51%,#000 100%);*/
    background: linear-gradient(to bottom, #15568e 0%,#073e6e 50%,#073e6e 51%,#15568e 100%);

}
.navbar .container-fluid {
    padding-left: 0 !important;
}

.navbar-default {
    background-color: #666;
    border-bottom: 1px solid #5cb85c;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.navbar {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);


}


.navbar-header {

    padding-left:30px;
    padding-right:60px;
    /*
    background: #070;
    background: linear-gradient(to bottom, #000 0%,#333 50%,#333 51%,#000 100%);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    */
}
.sitename {
    font-size: 30px !important;
    color:#fff !important
}

.sitename > span {
    color:#eee
}


.NewTransfer {
    display: flex;
    flex:1;
    justify-content: center;
    background: #ff0;
    padding:5px 0;
}





/*FlipSwitch Start*/

.onoffswitch {
    position: relative; width: 100px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "Active";
    text-align: center;
    background-color: #16ca16; color: #fff;
}
.onoffswitch-inner:after {
    content: " Inactive";
    text-align: center;
    background-color: #EEEEEE; color: #999999;
}
.onoffswitch-switch {
    display: none; width: 18px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0 !important;
}
.onoffswitch-checkbox:not(checked) + .onoffswitch-label .onoffswitch-switch {
    right: auto !important;
}
/*FlipSwitch End*/

.text_div {
    display: inline-block;margin-left: 10px;margin-right: 10px; color: #000;
    font-weight:bold;
}

.modal-fullscreen {
    z-index: 1500 !important;
}


.BoUserEditor {
    padding: 20px;
}

.dropdown-menu>li>a {
    padding-right:35px !important;
}

.tab-content > .active {
    display: flex !important;

}

.tab-content > .active > p{
    flex:1
}


.inside-tab-element {
    height:100%;
    overflow-y: auto;
}



.lead-details-wrapper {
    display: grid;height:100%;width:100%;grid-template-rows: 1fr 1fr;flex:1;
    overflow-y: hidden;
}
.lead-details-wrapper > * {
    padding: 10px;
    display: grid;grid-template-columns: 1fr 2fr 1fr;
    overflow-y: hidden;
}
.lead-details-wrapper > *:first-child {
    border-bottom: 1px dashed #333;
    grid-template-columns: 1fr 2fr 1fr;
}
.lead-details-wrapper > * > * {
    overflow-y: hidden;
}
[type="custom-image-data"] {
    min-height: 20px; max-height: 120px; min-width: 20px; background: rgb(255, 255, 204); border: 1px solid rgb(204, 204, 204);
}
.grid-3 {
    display: grid;grid-template-columns: 1fr 1fr 1fr
}
.grid-3 [type="custom-image-data"] {
    height:120px;
    width:160px;
}
.grid-1 {
    display: grid;grid-template-columns: 1fr 1fr 1fr
}
.grid-3 [type="custom-image-data"] {
    height:120px;
    width:160px;
}

fieldset {
    border: 1px solid #5cb85c;
    padding: 0;
}

legend {
    width:auto;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 3px;
    color: #556f86;
    font-family: tahoma;
    font-size: 14px;
}


.ListingHandler {
    width:100%;height: 100%;border: 3px solid #ddd;display: flex;flex-direction: column;flex: 1
}
.ListingHandler thead > tr {
    color: #fff;background: #000;font-weight: normal;
}
.ListingHandler > div {
    display: block; overflow-y: scroll; flex:1
}
.ListingHandler tbody > :nth-child(odd) {
    background-color: #e8eaef;
}
.ListingHandler tbody > :nth-child(even) {
    background-color: #fff;
}
.ListingHandler th {
    text-align: center;
}
.ListingHandler td, .ListingHandler th {
    padding:3px 7px;
}

.ListingHandler table {
    border: 1px ridge #ccc;
    width: 100% !important;
    border-left: 0;border-right: 0;
}
.ListingHandler tr > :nth-child(1), .ListingHandler tr > :nth-child(2) {
    width:150px;
    border-right: 1px solid #ccc;
}

[data-nav-links] a{
    cursor: pointer;
}

.app-section.dashboard .ResultsDiv {
    padding: 0 !important;
}

.dashboard-table {
    margin:0;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}
.dashboard-table > * {
    padding:15px;
}
.dashboard-table > a {
    cursor: pointer;
}
.dashboard-table > *:nth-child(-n+5) {
    background: #000;
    color: #fff;
    font-weight:bold;
}
.dashboard-table > *{
    border-bottom:1px solid #000;
}

.DataTable select {
    width:120px !important;
}

.DataTableView > div > .row.changed {
    background-color: #f80;
}

.fs_mode  #main-nav-bar {
    display: none !important;
}
.fs_mode  body {
    padding:0 !important;
}
.fs_mode  #pageBody {
    padding:0 !important;
}

#canvas1 {
    position: absolute;
    left:0;
    right:0;
    top:0;
    z-index: 10000;
}
.ImageListBuilder {
    padding-bottom: 20px;
}
.ImageListBuilder > legend {
    display: grid;
    width:99%;
    grid-template-columns: 1fr 1fr;
}
.ImageListBuilder > legend > :nth-child(2){
    text-align: right;
}
.ImageListBuilder > legend > :nth-child(1){
    text-align: left;
}
.ImageListBuilder > div {
    min-height: 180px;
    vertical-align: middle;
    padding: 10px 20px;
}
.ImageListBuilder .zoom {
    position: absolute;
    right:5px;
    top:5px;
}
.ImageListBuilder > div > div {
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.75);
    float: left;
    display: inline-block;
    position: relative;
    width: 210px;
    height: 160px;
    margin: 5px;
    padding:5px;
    background: #ccc;
    border: 1px solid #aaa;
}
.ImageListBuilder > div > div > div {
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    background: #eee;

}
.ImageListBuilder > div > div > img {
    max-width: 160px;
    max-height:120px;
}
.ImageListBuilder i {
    font-size: 25px;
}

.RepliesHandler td {
    text-align: left !important;
}
.RepliesHandler > div:nth-child(2) {
    flex: none !important;
}

.client-ticket {
    background-color: #ff0 !important;
}



.DataTable.DataTable3 {
    /*overflow: auto !important;*/
}
.DTable {
    background-color: #fff;
    border-collapse: collapse;
    min-width: 100%;
}
.DTable td,

.DTable thead th {
    padding: 5px;
    text-align: left;
}
.DTable thead {
    background-color: #333;
}
.DTable thead tr {
    position: relative;
}
.DTable tbody tr:nth-child(even) {
    background-color: #DDD;
}
.DTable thead th {
    position: sticky;
    top: 0; /* REQUIRED: https://stackoverflow.com/a/43707215 */
    background-color: #aaa;
    z-index: 10;
    resize: horizontal;
    overflow: auto;
    /*min-width: 70px;*/
}


.DTable tr.changed {
    background-color: #f80 !important;
}

[data-error-code] {
    color: #f00;
    display: none;
}
.lead-details-wrapper {
    background: #fff;
}

.lead-details-wrapper h4 {
    font-size: 1.1em;
    font-weight:bold;

}
.lead-details-wrapper .form-group {
    margin-bottom:8px;
}
.lead-details-wrapper label {
    text-align: left;
    font-size:0.9em;

}

pre {text-align: left;outline: 1px solid #ccc; padding: 5px; margin: 5px; }
.string { color: green; }
.number { color: darkorange; }
.boolean { color: blue; }
.null { color: magenta; }
.key { color: red; }


.list-uploader-container {
    display: flex;flex:1;
    align-content: center;justify-content: center;
    overflow: hidden;
}
.list-organizer {
    display: flex;flex:1;
    align-items:center; align-content: center;justify-content: center;

    overflow: hidden;
}

.list-organizer > div {
    -webkit-box-shadow: 0 0 7px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 0 7px 3px rgba(0,0,0,0.75);
    box-shadow: 0 0 7px 3px rgba(0,0,0,0.75);
}

.list-uploader-container .action-title {
    color: #fff;
    padding: 7px;
    font-weight: bold;
    text-align: center;
    background: #070;
    background: linear-gradient(to bottom, #15568e 0%,#073e6e 50%,#073e6e 51%,#15568e 100%);
    font-size:2rem;
}
.action-buttons-container {
    text-align: center;
    padding-bottom:20px;
}
.action-buttons-container .btn {
    padding-left:30px;
    padding-right:30px;
    margin: 10px;
}

.pager {
    display: flex;
}


.XLSListOrganizer-file-drop
{
    padding:100px;background-color: #aef;font-size:1.6em;
    text-align: center;
    cursor: pointer;
}
.XLSListOrganizer-file-drop .fas {

    font-size:3em !important;
}

.JsonFieldsMapper .mapping-table
{
    padding:20px;grid-gap: 10px;display: grid; grid-template-columns:1fr 1fr 1fr 1fr;
    flex: 1;
    overflow-y: auto;
}
.list-uploader-summary {
    padding:20px;grid-gap: 10px;display: grid; grid-template-columns:1fr 1fr;
}
.JsonFieldsMapper
{
    display: flex;
    flex-direction: column;
    overflow: hidden;
    max-height: 100%;
}
.countries-mapper {

}
.countries-mapper > div {
    padding:10px;
    grid-gap: 10px;display: grid; grid-template-columns:  1fr 1fr
}

.countries-mapper > :nth-child(even){
    background-color: #eee;
}

.ui-datepicker {
    z-index: 1900 !important;
}
.digital-watch {
    padding:7px;
    background: #337ab7;
    color: #fff;
    font-size: 2em;
    font-weight:bold;

}