#Str {
   /*z-index: 1;
   position: absolute;
   width: 650px;
   height: 50px;
   top: 130px;
   right: 800px;*/
   color: White;
   font-size: 100%;
   font-family: "Arial Unicode MS";
}
a {
   cursor: pointer;
}
.modal {
   display: none;
   position: fixed;
   z-index: 1000;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   background: rgba( 255, 255, 255, .8 ) url('../Images/ajax-loader-bert.gif') 50% 50% no-repeat;
}
:disabled {
   /* opacity: 0.5; */
   background: rgb(0 0 0 / 8%) !important;
   border: 0;
}
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .modal {
   overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
   display: block;
}
#theprogress.modal {
   display: block;
}
.ui-dialog .ui-widget-header {
   background: #428bca;
}



.BODY, BODY {
   direction: rtl;
   width: 100%;
   height: 100%;
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-color: white;
   font-family: arial,tahoma,sans-serif;
   font-size: 12px;
   padding: 5px 0px 0px;
   text-align: right;
   margin: 0;
   color: #084B8A;
}
   input[type=text],
   input[type=date],
   input[type=datetime],
   input[type=number],
   input[type=search],
   input[type=time],
   input[type=url],
   input[type=email],
   textarea,
   select {
      font-size: 13.5px !important;
   }


/*///// Font-Size*/
   input[type=text].fs-sm,
   input[type=date].fs-sm,
   input[type=datetime].fs-sm,
   input[type=number].fs-sm,
   input[type=search].fs-sm,
   input[type=time].fs-sm,
   input[type=url].fs-sm,
   input[type=email].fs-sm,
   textarea.fs-sm,
   select {
      font-size: 13px !important;
   }

   input[type=text].fs-m14,
   input[type=date].fs-m14,
   input[type=datetime].fs-m14,
   input[type=number].fs-m14,
   input[type=search].fs-m14,
   input[type=time].fs-m14,
   input[type=url].fs-m14,
   input[type=email].fs-m14,
   textarea.fs-m14,
   select.fs-m14 {
      font-size: 14px !important;
   }
   input[type=text].fs-lg,
   input[type=date].fs-lg,
   input[type=datetime].fs-lg,
   input[type=number].fs-lg,
   input[type=search].fs-lg,
   input[type=time].fs-lg,
   input[type=url].fs-lg,
   input[type=email].fs-lg,
   textarea.fs-lg,
   select.fs-lg {
      font-size: 18px !important;
   }

   input[type=text].fs-xl,
   input[type=date].fs-xl,
   input[type=datetime].fs-xl,
   input[type=number].fs-xl,
   input[type=search].fs-xl,
   input[type=time].fs-xl,
   input[type=url].fs-xl,
   input[type=email].fs-xl,
   textarea.fs-xl,
   select.fs-xl {
      font-size: 22px !important;
   }
    select.max {
        font-size: 4rem !important;
        font-size: 2rem !important;
        height: 2em;
    }
select {
    text-align: right
}
   input[type=text].txt-a-c,
   input[type=date].txt-a-c,
   input[type=datetime].txt-a-c,
   input[type=number].txt-a-c,
   input[type=search].txt-a-c,
   input[type=time].txt-a-c,
   input[type=url].txt-a-c,
   input[type=email].txt-a-c,
   textarea.txt-a-c,
   select.txt-a-c {
      text-align: center !important;
   }
   input[type=text].txt-a-r,
   input[type=date].txt-a-r,
   input[type=datetime].txt-a-r,
   input[type=number].txt-a-r,
   input[type=search].txt-a-r,
   input[type=time].txt-a-r,
   input[type=url].txt-a-r,
   input[type=email].txt-a-r,
   textarea.txt-a-r,
   select.txt-a-r {
      text-align: right !important;
   }
   input[type=text].txt-a-l,
   input[type=date].txt-a-l,
   input[type=datetime].txt-a-l,
   input[type=number].txt-a-l,
   input[type=search].txt-a-l,
   input[type=time].txt-a-l,
   input[type=url].txt-a-l,
   input[type=email].txt-a-l,
   textarea.txt-a-l,
   select.txt-a-l {
      text-align: left !important;
   }

#HeaderDiv {
   padding: 0;
}
.Header1{
    font-size: 30px;
    font-weight:bold;
}

.HeaderBtn {
   font-size: 30px;
   font-family: 'Arial Unicode MS';
   font-weight: bold;
   color: #ffffff;
   background-color: #210B61;
   margin-left: 2px;
   margin-bottom: 0px;
   width: 200px;
   width: auto;
   height: 50px;
   text-align: center;
   padding: 0px 10px 0 10px;
}

.btn-lg {
   font-size: 20px;

}
._selected {
   color: #0B0B61;
   background-color: White;
   border-color: #0B0B61;
   box-sizing: border-box;
   border-width: 2px;
   border-style: outset;
}
.reqselected {
   border: solid 1px red;
}

.row {
   background: #f9f9f9;
   padding: 4px 0;
   padding-right: 10px;
   padding-left: 10px;
}
.Card-Header h3, .Card-Header h2, .Card-Header h1 {
   font-weight: bold;
   color: #084B8A;
}
.TrainTransport .card-title {
    background-color: rgb(248 255 210)!important;
}

.card-body > div.floating {
   position: relative;
   display: inline-block;
   min-height: 60px;
}

   .card-body > div .form-floating.fix_rb {
      position: absolute;
      right: 0 !important;
      bottom: 0 !important;
   }
   .card-body > div .form-floating.fix_lb {
      position: absolute;
      left: 7px !important;
      bottom: 0 !important;
   }

.table td {
   text-align: center;
   padding: 4px 10px;
   vertical-align: middle;
}

.table tr {
   cursor: pointer;
}
#B2BOrderDetails.align-right th, #B2BOrderDetails.align-right td {
   text-align: right;
   white-space: nowrap;
   padding: 0px 15px;
   vertical-align: middle;
}
.table.align-right td {
   padding: 2px 10px;
}
.table.align-right td, .table.align-right th {
   text-align: right;
   white-space: nowrap;
   color: #084B8A;
   font-size: 12px;
   font-size: 1.5rem;
   vertical-align: middle;
   vertical-align: top !important;
   vertical-align: middle !important;
   -webkit-text-stroke: thin;
}
.table.minRow td, .table.minRow th {
   text-align: right;
   white-space: nowrap;
   color: #084B8A;
   font-size: 12px;
   font-size: 1.2em;
   vertical-align: middle;
   vertical-align: top !important;
   vertical-align: middle !important;
   padding: 2px 15px !important;
   -webkit-text-stroke: thin;
   line-height: 1.4em;
}

.dataTable.break-spaces thead th {
   white-space: break-spaces !important;
}

.table.align-right th {
   vertical-align: middle;
}

.dataTable tr:hover .updatebtn {
   display: inline-block;
}
.dataTable tr:hover{
   cursor:pointer;
}

.child-dataTable.dataTable .text-success td {
   color: #198754 !important;
}

.child-dataTable.dataTable .text-danger td {
   color: #dc3545 !important;
}

.btn {
   width: auto;
}
.dataTable button.btn {
   margin: 1px;
   padding: 2px 6px;
   font-size: 11px;
   /* padding: .375rem .75rem; */
   font-size: 1rem;
}

.dataTable th, .contDiv .dataTable td {
   text-align: right;
   padding: 2px 10px;
   direction: rtl;
}


.dataTable-height-td .dataTable td {
   padding: 10px 10px !important;
}
.dataTable-td-truncate {
   display: inline-block;
   width: max-content;
   white-space: normal;
   font-weight:unset;
}
.truncate-lg{
   max-width: 350px;
}
.truncate-me {
   max-width: 250px;
}

.truncate-sm {
   max-width: 170px;
}

.DTFC_Cloned {
   border: 0 !important;
}
.DTFC_RightWrapper {
   right: -2px !important;
   /* margin-right: -2px; */
}
.DTFC_RightWrapper th, .DTFC_RightWrapper td {
   /*background: #f9f9f9;*/
   /* padding-left: 5px !important; */
}
.DTFC_RightWrapper div {
   overflow: hidden;
}
.select-css.h-0{
   height: 0 !important;
}



.EditTable {
   width: 100%;
   font-size: 13px !important;
   /*border-top: solid 1px #cecece;*/
   background-color: #f9f9f9;
}

.OrderItems {
   /*   min-height: 200px;
   max-height: 350px;
   overflow-y: scroll;
   display: block;*/
   font-size: 12px;
   background-color: #f9f9f9;
}

.B2BOrderDetails {
   width: 100%
}

   .B2BOrderDetails th {
      border-bottom: solid 1px #bdbdbd;
      text-align: right;
   }

   .B2BOrderDetails tr:nth-child(even) td {
      background-color: #f2f2f2;
   }

   .B2BOrderDetails td {
      height: 30px;
      border-bottom: solid 1px #c3c2c2;
   }

/*.fieldset-OrderItems {
   padding: 4px 4px 0 0;
   border: 1px solid silver;
   width: 102%;
   right: -15px;
   position: relative;
}*/


.OrderItems {
   min-height: 200px;
   max-height: 350px;
   overflow-y: scroll;
   overflow: auto;
   display: block;
}

.Body table {
   width: 100%;
}

   /*.B2B-table td label, Destinationtable td label {*/
.Body {
   /*font-size: 13px !important;*/
   font-size: 14px !important;
   color: #084B8A;
}
ul {
   direction: rtl;
   padding: 0;
}

.B2BHeadertable li {
   padding: 0 0 0 4px;
   float: right;
}
.Def-ul li {
   padding: 0 0 4px 4px;
   float: right;
}
ul.Def-ul li .btn {
   line-height: 1.1;
}
#B2BOrderItemAdd li {
   float: right;
   padding: 0 0 0 4px;
}
.B2BHeadertable li label {
   /*font-size: 13px !important;*/
   font-size: 16px !important;
   color: #084B8A;
}


div#B2BOrderItemAdd ul {
   direction: ltr;
}
tr#selectedOrder2 th {
   padding: 2px 13px 0 0;
}
#thead-selecteOption select {
   width: 100%;
}
#thead-selecteOption th{
   padding: 10px 10px;
}

.thead-selecteOption select {
   width: 100%;
}

.thead-selecteOption th {
   padding: 10px 10px;
}

#thead-selecteClientOrders select,
#thead-selecteClientOrders input[type=text] {
   min-width: 95px;
   width: 100%;
   font-size: 12px !important;
   height: 30px;
   padding: 0 1px;
}
.dataTable thead input[type="text"], .dataTable thead select {
   /*min-width: 95px;*/
/*   width: 100%;
   font-size: 12px !important;
   height: 30px;
   padding: 0 1px;*/
}
.thead-input input, .thead-input select {
   min-width: 60px;
   padding: 3px 2px !important;
}

table.dataTable tbody th, table.dataTable tbody td {
   padding: 1px 6px;
}
table#B2BClientPackinglist tr.pl-container > td {
   /*padding: 5px 10px;*/
    letter-spacing: 3px;
   font-weight: bold;
   font-size: 1em;
   background-color: #337ab7;
   color: white;
   /*background-color: rgba(51 ,122, 183, 0.6);*/
}

td.details-control {
   /*background: url('../css/datatables/details_open.png') no-repeat center center;*/
   cursor: pointer;
}

tr.details td.details-control {
   /*background: url('../css/datatables/details_close.png') no-repeat center center;
   background-blend-mode: luminosity;*/
}

td.details-control:before {
   content: "\25bc";
   content: "\f107";
   font-size: 1.5em;
   font-family: 'FontAwesome';
   vertical-align: middle !important;
}

tr.details td.details-control:before {
   content: "\25B2";
   content: "\f106";
   font-size: 1.5em;
   font-family: 'FontAwesome';
}

.dataTable progress {
   width: 82%;
}

table.dataTable:not(.no-overflow-x) {
    overflow-x: auto;
    overflow-y: hidden;
    display: inline-block;
}

.child-dataTable td, .child-dataTable th {
   background: #fefff3;
   border-color: cornflowerblue;
}}

table.child-dataTable thead th {
   padding: 6px 20px;
}
table.child-dataTable td, table.child-dataTable th {
   font-size: 1.2em !important;
   padding: 2px 15px !important;
}

table.child-dataTable.minRowheight td, table.child-dataTable.minRowheight th {
   font-size: 1em !important;
   padding: 0px 8px !important;
   text-align: center !important;
}

.child-dataTable input[type="text"] {
   min-width: 45px;
   padding: 2px 2px !important;
   width: 95%;
}
.child-dataTable.dataTable textarea {
   width: 100%;
   min-height: 50px !important;
   vertical-align: middle;
}
.child-dataTable.dataTable td {
   white-space: break-spaces;
}
.child-dataTable.dataTable.No_break-spaces td {
   white-space: nowrap;
}
.mw-280{
   min-width:280px;
}


tr#thead-selecteClientOrders th {
   padding: 6px 7px;
}

#thead-selecteClientCargoStock th {
   padding: 4px 0px 4px 5px;
}
#thead-selecteClientCargoStock select, #thead-selecteClientCargoStock input[type=text] {
   /* min-width: 92px; */
   width: 100%;
   font-size: 12px !important;
   height: 30px;
   padding: 0 1px;
}

table.dataTable thead th {
   /* padding: 5px 2px !important; */
   padding-right: 16px !important;
}
table.dataTable tr.dataTables_header_filter th {
   padding: 4px 2px !important;
}
table.dataTable td {
  /*padding: 4px 8px !important;*/
}

.dataTable input[type='checkbox'][disabled][checked] {
   width: 0px;
   height: 0px;
   position:relative;
}

    .dataTable input[type='checkbox'][disabled][checked]:after {
        content: '\e013';
        position: absolute;
        margin-top: -10px;
        opacity: 1 !important;
        margin-left: -5px;
        left: -5px;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
    }

#CP_Jobcard_Table td.column_BG {
   background-color: #00f3ff33 !important;
}


.dataTables_header_filter select, .dataTables_header_filter input[type=text] {
   width: 100%;
   font-size: 12px !important;
   height: 30px;
   padding: 0 1px;
}
#CargoStock_table td {
   padding: 3px 2px;
   border-bottom: 1px solid #cecece;
}
.dataTables_scrollHeadInner table.dataTable thead.head th {
   /*padding: 1px 18px;*/
}

#B2BClientDestination_filter, #B2BClientOrders_filter {
   display: none;
}
.table-striped tbody tr:nth-of-type(odd) {
   background-color: #dee2e6;
}

table.Destinationtable {
   width: 98%;
   /* width: -webkit-fill-available; */
font-size: 11pt;
position: relative;
/*opacity: 0.6;*/
top: 34px;
line-height: 0px;
border-bottom: 1px solid grey;
display: table;
/*z-index: 9999999999;*/
padding: 0px 15px 0px 0px;
position: absolute;
right: 20px;
}



.popover-message {
   font-size: 1.5rem;
}


/*////searchPanes////////*/

.dtsp-searchPanes .dataTables_scrollBody {
   height: unset !important;
}
.dtsp-searchPanes table.dataTable tr {
   float: right;
   font-size: 20px;
}
   .dtsp-searchPanes table.dataTable tr .dtsp-nameCont span.dtsp-name {
      overflow-x: hidden;
      text-indent: -11px; /*// מחיקת תווים - hide char*/
      margin-left: 6px;
   }

li {
   padding: 0;
   display: block;
   list-style: none;
   /*margin: 10px 0 0 0;*/
   cursor:pointer;
}

 td {
   padding: 7px 0 7px 0;
}

 label,span {
   margin: 0 0 3px 0;
   padding: 0px;
   display: block;
   font-weight: bold;
}
.dataTables_paginate span {
   display: initial;
}
.subHead span {
   display: -webkit-inline-box;
   padding: 1px 0 0 17px;
   color: #084B8A;
}

.span-right {
   padding-left: 20px;
   float: right;
   color: #084B8A;
}


.Body input[type=text],
.Body input[type=date],
.Body input[type=datetime],
.Body input[type=number],
.Body input[type=search],
.Body input[type=time],
.Body input[type=url],
.Body input[type=email],
.Body textarea,
.Body select {
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   border: 1px solid #BEBEBE;
   padding: 7px;
   margin: 0px;
   -webkit-transition: all 0.30s ease-in-out;
   -moz-transition: all 0.30s ease-in-out;
   -ms-transition: all 0.30s ease-in-out;
   -o-transition: all 0.30s ease-in-out;
   outline: none;
   font-size: 14px;
   height: 33px;
   /* border: 0; */
   /* background: transparent; */
   direction: rtl;
}

   .Body input[type=text]:focus,
   .Body input[type=date]:focus,
   .Body input[type=datetime]:focus,
   .Body input[type=number]:focus,
   .Body input[type=search]:focus,
   .Body input[type=time]:focus,
   .Body input[type=url]:focus,
   .Body input[type=email]:focus,
   .Body textarea:focus,
   .Body select:focus {
      -moz-box-shadow: 0 0 4px #007bff;
      -webkit-box-shadow: 0 0 4px #007bff;
      box-shadow: 0 0 4px #007bff;
      border: 1px solid #212529;
   }

.Body input[type=text] {
   font-size: 14px ;
   height: 33px;
   /* border: 0; */
   /* background: transparent; */
   direction: rtl;
}

 .field-tiny {
   width: 60px;
}

 .field-small {
   width: 110px;
}

 .field-medium {
   width: 140px;
}

 .field-larg {
   width: 180px;
}


.-dataTables_scrollBody {
   position: relative;
   overflow: hidden;
   max-width: 100%;
}

   .-dataTables_scrollBody table.dataTable {
      display: flex;
      flex-flow: row nowrap;
   }


table#editor_create select, table#editor_create input {
min-width: 110px;
}
table.editor_create td {
   padding-left: 2px;
}
table.dataTable tbody tr.focus {
   background-color: #ffe !important;
}
.table tr.IsNotActive td {
   color: #a94442;
   background: #fff4f0;
}
.form-check .form-check-input {
   float: right;
   margin-left: 0.5em !important;
}
.form-check-inline .form-check-input[type=radio] {
   width: 1.2em;
   height: 1.2em;
}
.form-check-inline label.form-check-label {
   padding: 4px 25px 0px 0px;
   padding: 0px 27px 0px 0px
}

   label.form-check-label {
   /* float: right; 
   margin-right: 2.8em;*/
}

.form-switch label.form-check-label {
    position: absolute;
    right: 2.5em !important;
}
.btn-flax-bl {
   bottom: 0px;
   position: absolute;
   left: 15px;
}

.content-flax-direction {
   justify-content: space-between;
   flex-direction: column;
   display: flex;
}

.form-floating > label {
   right: 0;
   padding: 1rem 0.7rem;
}

.form-floating > .form-control, .form-floating > .form-select {
   height: calc(3.5rem + 9px) !important;
   position: unset;
   /* padding: 1rem 0.75rem !important; */
}
/*.form-floating > .form-select ~ label {
   transform: scale(0.85) translateY(-0.9rem) translateX(2.2rem)!important;
}*/

.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
   opacity: .65;
   transform: scale(0.87) translateY(-0.9rem) translateX(17%);
}

   .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
      padding-top: 2.0625rem !important;
      padding-bottom: .625rem !important;
   }

.form-floating > .form-select {
   padding-top: 1.6625rem;
   padding-bottom: 0.425rem;
   font-size: 15px !important;
   padding-right: 2.35rem !important;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
   border-color: #dc3545;
   padding-right: calc(1.5em + .75rem);
   background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);
   background-repeat: no-repeat;
   background-position: right calc(.375em + 31.1875rem) center;
   background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.Container_Detail input, .Container_Detail .form-floating > .form-select {
   font-size: 1.6rem !important;
}
.form-floating.fs-2 > .form-select, .form-floating.fs-2 > .form-control {
   font-size: 1.7rem !important;
}
.form-floating.fs-2 > label{
   font-size: 1.7rem !important;
}

div#CP_Jobcard_edit label.error {
   max-width: fit-content;
}

.none {
   display: none
}

 .field-long {
   width: 300px;
}

 .field-select-tiny {
   width: 60px;
}

 .field-select-small {
   width: 110px;
}

 .field-select-medium {
   width: 140px;
}

 .field-select-larg {
   width: 200px;
}

 .field-select {
   width: 100%;
}

 .field-textarea {
   height: 100px;
}

/* input[type=submit],  input[type=button] {
   background: #4B99AD;
   background: #e2e2e2;
   padding: 8px 15px 8px 15px;
   border: none;
   color: #fff;
   color: purple;
   font-size: 20px;
}

    input[type=submit]:hover,  input[type=button]:hover {
      background: #4691A4;
      box-shadow: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
   }*/

.is-invalid {
   background-color: rgb(232, 240, 254) !important;
   background-image: none !important;
   color: -internal-light-dark(black, white) !important;
}

 .required {
   background: cornsilk;
}

input:required:invalid, select:required:invalid {
   background-color: #fff2f2;
   border: 1px solid #c00000 !important;
}

label.error {
   color: #c00000 !important;
}

.errorMsg {
   color: #c00000;
   background: #fff2f2;
   font-size: 16px;
}

/*/////toast*/


#toast-container > div {
   min-height: 120px;
   /* border: 11px solid #73b473; */
   -moz-border-radius: 3px;
   -webkit-border-radius: 17px;
   /* border-radius: 29% 0%;*/
}
#toast-container > .toast {
   background-image: none !important;
   font-size: 16px;
}

   #toast-container > .toast:before {
      position: fixed;
      font-family: FontAwesome;
      font-size: 24px;
      line-height: 18px;
      float: left;
      color: #FFF;
      padding-right: 0.5em;
      margin: auto 0.5em auto -1.5em;
   }
/*/ /// toastr /// /*/
#toast-container > .toast-warning {
   background-color: #f89406;
   border: 4px solid #faba60;
}

#toast-container > .toast-error {
   background-color: #bd362f;
   border: 4px solid #c95d57;
}

#toast-container > .toast-info {
   background-color: #2f96b4;
   border: 4px solid #57aac2;
}

#toast-container > .toast-success {
   background-color: #51a351;
   border: 4px solid #73b473;
}

#toast-container .btn {
   margin: 0 5px;
   font-size: 14px;
}

#toast-container {
   margin-top: 55px;
}
/*------------------------*/
   .main h2:after, .main h3:after, .main h4:after {
   position: absolute;
   content: "";
   right: 0;
   top: 0;
   bottom: 0;
   width: 5px;
   border-radius: 2px;
   box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), 0 1px 1px rgba(255,255,255,0.3);
}

 .main h2:after {
   background: #0085c7;
}

.main h3:after {
   background: #0085c7;
}

 .main h4:after {
   background: #0085c7;
}

.main h1 {
   font-size: 36px;
   line-height: 40px;
   margin: 1em 0 .6em 0;
   font-weight: normal;
   color: #0085c7;
   font-family: 'Hammersmith One', sans-serif;
   text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
   position: relative;
   display: -webkit-inline-box;
}

.main h2 {
   /*margin: 1em 0 .6em 0;*/
   padding: 0 20px 0 0;
   font-weight: normal;
   color: #084B8A;
   font-family: 'Hammersmith One', sans-serif;
   text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
   position: relative;
   font-size: 30px;
   line-height: 30px;
   display: -webkit-inline-box;
}

.main h3 {
   /*margin: 1em 0 .6em 0;*/
   padding: 0 20px 0 0;
   font-weight: normal;
   color: #084B8A;
   font-family: 'Hammersmith One', sans-serif;
   text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
   position: relative;
   font-size: 24px;
   line-height: 20px;
   font-family: 'Questrial', sans-serif;
   display: flex;
}

.main h4 {
   /*margin: 1em 0 .6em 0;*/
   padding: 0 12px 0 0;
   font-weight: normal;
   color: #084B8A;
   font-family: 'Hammersmith One', sans-serif;
   text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
   position: relative;
   font-size: 18px;
   line-height: 18px;
   font-family: 'Questrial', sans-serif;
   display: -webkit-inline-box;
}


/*...  DiaryMenu */
.DiaryMenu ul li > a:hover, .DiaryMenu ul li > a:active {
   top: -17px;
}

.DiaryMenu ul li > a {
   /* float: left;
   color: #f2f2f2;
   text-align: center;*/
    padding: 20px 16px; 
   text-decoration: none;
   /*font-size: 17px;*/
   /* display: -webkit-flex; */
   /* display: flex; */
   /*-webkit-box-align: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   -webkit-align-items: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   text-align: center;*/
   /* width: 100%; */
   /*padding: 10px;
   line-height: 1;
   color: #0085c7;
   font-family: 'Assistant', sans-serif;
   text-shadow: 0 3px 2px #777777;
   -webkit-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;*/
   padding: 13px calc(10px + 0.5vw);
   border-radius: 0% 0% 30% 30%;
   /* border-radius: 65px 29px; */
   /* border-radius: 10px 10px; */
   border: 2px solid white;
   background-color: #337ab7;
   text-shadow: 0 0 0px #084b8a;
   color: #001348;
   /*height: 50px;*/
   top: -50px;
}



/*///Client_nav///*/

.link-primary {
    color: #0d6efd !important;
    text-decoration: underline !important;
}

.ul.Clients_menu.nav.navbar-nav {
   width: 100%;
   background-color: #555;
   overflow: auto;
}

.ul.Clients_menu.nav.navbar-nav a {
   float: left;
   padding: 12px;
   color: white;
   text-decoration: none;
   font-size: 17px;
   width: 25%; /* Four links of equal widths */
   text-align: center;
}

   .ul.Clients_menu.nav.navbar-nav a:hover {
      background-color: #000;
   }

   .ul.Clients_menu.nav.navbar-nav a.active {
      background-color: #04AA6D;
   }

ul.Clients_menu.nav.navbar li {
   margin-left: 5px;
}

.topnav li {
   margin-top: 15px;
}


.navbar {

   padding: 0;
   background-color: transparent;
   border: 0;
}


   @media screen and (max-width: 500px) {
      .ul.Clients_menu.nav.navbar-nav a {
      float: none;
      display: block;
      width: 100%;
      text-align: left;
   }
}

.contDiv {
   display: none;
}
.topnav {
   overflow: hidden;
   background-color: #333;
   background-color: #001348;
   position: fixed;
   width: -webkit-fill-available;
   z-index: 9999;
   display: none;
}

    .topnav li > a {
        float: left;
        color: #f2f2f2;
        text-align: center;
        padding: 14px 14px;
        text-decoration: none;
        font-size: 17px;
        /*dfdf*/
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        position: relative;
        text-align: center;
        width: 100%;
        padding: 10px;
        line-height: 1;
        color: #fff !important;
        font-family: 'Assistant', sans-serif;
        text-shadow: 0 3px 2px rgb(0 0 0 / 25%);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        /*padding: 13px calc(10px + 0.5vw);*/
        padding: 13px calc(4px + 0.5vw);
        border-radius: 43% 50%;
        border-radius: 65px 29px;
        border-radius: 10px 10px;
        border: 2px solid white;
    }
.topnav a:after {
         content: '';
         position: absolute;
         left: 50%;
         width: 0;
         bottom: 0;
         height: 3px;
         transform: translateX(-50%);
         background-color: #fff;
         -webkit-transition: all 0.5s ease;
         transition: all 0.5s ease;
      }

    .topnav li > a:hover {
        text-decoration: revert;
        background-color: rgb(255 255 255);
        color: #001348 !important;
        font-weight: bold;
    }

.topnav a.active {
         background-color: #04AA6D;
         color: white;
      }
    .topnav li a.navselected {
        text-shadow: 0 0 0px #084B8A;
        color: #001348 !important;
        background-color: #ffffff
    }


.topnav-right {
   float: right;
}

.lside {
   float: left;
   margin: 0 5px 0 0;
}
.rside {
   float: right;
   margin: 0 0 0 5px;
}

.Clients_nav, .Clients_menu {
   float: right;
}

   .Clients_nav .logo img {
      height: 40px;
   }

.logo a img {
   max-width: 100%;
}

.vp20 {
   padding: 17.5px 0;
}
.logo {
   font-size: 0;
}
 .Clients_nav .logo {
   margin-left: calc(20px + 2vw);
}
.container.rep {
   max-width: 1800px;
   width: 1800px;
}

.container.c18 {
   max-width: 100vw;
   width: 100vw;
}
.mar_top {
   position: relative;
   /*top: 75px;*/
}

   .mar_top .container {
      background: #f9f9f9;
      min-height: 75vh !important;
   }

/*@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 700px), 
   only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 700px),
   only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 700px),
   only screen and ( min-device-pixel-ratio: 2) and (min-width: 700px),
   only screen and ( min-resolution: 192dpi) and (min-width: 700px),
   only screen and ( min-resolution: 2dppx) and (min-width: 700px) {*/

   /* Medium screen, retina, stuff to override above media query */
      /*.container.rep {
         max-width: 100vw;
         width: 100vw;
      }
      .container.c18 {
         max-width: 100vw;
         width: 100vw;
      }
}*/


/*@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1300px),
   only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 1300px),
   only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 1300px),
   only screen and ( min-device-pixel-ratio: 2) and (min-width: 1300px),
   only screen and ( min-resolution: 192dpi) and (min-width: 1300px),
   only screen and ( min-resolution: 2dppx) and (min-width: 1300px) {*/

   /* Large screen, retina, stuff to override above media query */
      /*.container.rep {
         max-width: 75vw;
         width: 75vw;
      }
      .container.c18 {
         max-width: 55vw;
         width: 95vw;
      }

}*/


@media only screen and (max-width : 1824px) {
    .col-md {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
}

@media only screen and (max-width : 1440px) {
    .col-md {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
}

@media only screen and (max-width : 1224px) {
    .col-md {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }
    .card-body {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }
}

@media only screen and (max-width : 768px) {
    .col-md {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }
    .card-body {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
   .container.rep {
      max-width: 100vw;
      width: 100vw;
   }

   .container {
      max-width: 100vw;
      width: 100vw
   }
}

   /* Large screens ----------- */
@media only screen and (min-width : 1824px) {
   /* Styles */

   .container.rep {
      max-width: 95vw;
      width: 95vw;
      font-size: 13px;
   }

   .container {
      max-width: 80vw;
      width: 80vw
   }
      .container.cont85 {
         max-width: 85vw;
         width: 85vw
      }
}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 1440px) {
   .mar_top {
      /*top: 125px;*/
   }
   .topnav li > a {
      padding: 15px 12px;
      font-size: 15px;
   }
   .navbar-collapse{
      padding:0 0;
   }
}

@media only screen and (max-width : 1285px) {
   .topnav li > a {
      padding: 15px 8px;
      font-size: 13px;
   }

}

@media only screen and (max-width : 1224px) {
   .container.rep {
      max-width: 99vw;
      width: 99vw;
      font-size: 12px;
   }

   .container {
      max-width: 99vw;
      width: 99vw
   }
}

@media only screen and (min-width : 1224px) {
   .container.rep {
      max-width: 95vw;
      width: 95vw;
      font-size: 12px;
   }

   .container {
      max-width: 85vw;
      width: 85vw
   }

}

@media only screen and (max-width : 1096px) {
   .topnav li > a {
      padding: 15px 4px;
      font-size: 13px;
   }
   .lside.navbar-header {
      margin-left: 15px;
      padding: 0px 70px 14px 0;
   }
}

@media (max-width: 1025px) {
   .navbar-toggle {
      display: block !important;
   }

   .navbar-collapse.collapse:not(.shownavbar) {
      display: none !important;
   }

   .shownavbar {
      display: block !important;
   }

   .shownavbar li a {
      padding: 8px 7px;
      /* border: 0; */
      margin: 2px;
   }

   .shownavbar li {
      display: contents;
   }

   .shownavbar {
      width: 156px !important;
      /* display: grid; */
      position: fixed;
      background-color: #001348;
      top: 55px;
      left: 0;
      right: auto;
   }

   .navbar-inverse .navbar-toggle {
      margin-top: 20px;
      border-color: #f8f9fa;
   }
   .navbar-toggle .icon-bar {
      display: block;
      width: 22px;
      height: 2px;
      border-radius: 1px;
      margin: 0;
   }

   ul.nav.navbar {
      display: contents;
   }

   .navbar-inverse .navbar-toggle:focus, 
   .navbar-inverse .navbar-toggle:hover {
      background-color: #f8f9fa;
   }

   .navbar-inverse .navbar-toggle:focus .icon-bar,
   .navbar-inverse .navbar-toggle:hover .icon-bar {
      background-color: #001348;
   }

   .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #f9f9f9;
   }
}







      /*
#Clients_menu > ul > li {
   display: -moz-flex;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
}
nav.navbar ul.Clients_menu li {
   margin: 0 !important;
}

div#Clients_menu > ul > li  {
   display: -moz-flex;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -ms-grid-row-align: center;
   -webkit-align-items: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   position: relative;
   text-align: center;
   width: 100%;
   padding: 10px;
   line-height: 1;
   color: #fff;
   font-family: 'Assistant', sans-serif;
   text-shadow: 0 3px 2px rgb(0 0 0 / 25%);
   -webkit-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
   padding: 10px calc(10px + 0.5vw);
}
*/

/*/////autocomplete/////////*/

.-ui-autocomplete {
   height: 100px;
   overflow-y: scroll;
}

.ui-autocomplete-input {
   border: none;
   font-size: 14px;
   width: 300px;
   height: 24px;
   margin-bottom: 5px;
   padding-top: 2px;
   border: 1px solid #DDD !important;
   padding-top: 0px !important;
   z-index: 1511;
   position: relative;
}

.ui-menu .ui-menu-item a {
   font-size: 12px;
}

.ui-autocomplete {
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1051 !important;
   float: left;
   display: none;
   min-width: 160px;
   _width: 160px;
   padding: 4px 0;
   margin: 2px 0 0 0;
   list-style: none;
   background-color: #ffffff;
   border-color: #ccc;
   border-color: rgba(0, 0, 0, 0.2);
   border-style: solid;
   border-width: 1px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
   *border-right-width: 2px;
   *border-bottom-width: 2px;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable {
   z-index: 1051 !important;
}
.ui-menu-item > a.ui-corner-all {
   display: block;
   padding: 3px 15px;
   clear: both;
   font-weight: normal;
   line-height: 18px;
   color: #555555;
   white-space: nowrap;
   text-decoration: none;
}

.ui-state-hover, .ui-state-active {
   color: #ffffff;
   text-decoration: none;
   background-color: #0088cc;
   border-radius: 0px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   background-image: none;
}