@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Secular+One&display=swap');

html, body {
    
    width: 100%;
    direction: rtl;
	font-family: Rubik, Arial !important;
	
}


.select2-container .select2-choice .select2-arrow {
	left: 0;
}

.tooltipnew .tooltiptext {

  right: 50%;
  margin-right: -90px;
 
}


.input-group .form-control {

    float: right !important;
}

.notifications > li {
	float: right;
	margin: 0 10px 0 0;
	position: relative;
}

	


.select2-container .select2-choice .select2-arrow {
 
    left: 0 !important;
   

    border-right: 1px solid #aaa !important;
}

.mr-xs {
    margin-left: 5px !important;
}

  .mergecode {
            float: left;
        }



	.help-icon {
 
    top: 5px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #0088cc;
    cursor: pointer;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 6%), 0 2px 32px 0 rgb(0 0 0 / 16%);
   
	left: 0;
    position: absolute;
	font-size: 22px;

}



.changedirection {
	direction: rtl;
	}
    

.text-side {
 text-align: left !important;
}

.floatbutton {
	float: right;
}

.float-side {
	float: left;
}

.paddingtip {
	padding-right:20px;
}

.price-table-01 .pt-body li i {
    position: absolute;
    top: 10px;
    right: 0;
    color: #11e279;
}

.nopaddingleft {
padding-right: 0px !important;
}

.checkbox-inline, .radio-inline {

    padding-right: 20px;
}


p {
		font-size: 18px;
}




h2 {
font-family: 'Secular One', Arial;
}	



.page-header h2 {
    color: #FFF;
    border-bottom: 4px solid #cccccc;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: inline-block;
    float: right;
    height: 50px;
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: normal;
    line-height: 50px;
    margin: 0 0 0 -1px;
    padding: 0 22px 0 20px;
}

.page-header .right-wrapper {
    float: left !important;
}

.header .logo {
    float: right;
    margin: 10px 10px 10px 25px;
}

.header-right {
    float: left;
    height: 56px;
}


blockquote {

    border-right: 5px solid #eee;
	  border-left: 0px solid #eee;
}

.fliparrow {
	-webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
	


.userbox {
    display: inline-block;
    margin: 3px 7px 0 30px;
    position: relative;
    vertical-align: middle;
}

.sidebar-left .sidebar-header .sidebar-toggle {

    left: 0;
  
}

.pull-right {
    float: left !important;
}

.pull-left {
    float: right !important;
}









    .note-editor .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 {
        float: right;
    }


    .note-editor .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 {
        float: right;
    }
}


@media (min-width: 992px) 
.note-editor .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 {
    float: right;
}







.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-right: -20px;
}

.radio-custom label:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -9px;
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 50px;
    border: 1px solid #bbb;
    background: #fff;
}

.radio-custom {
    position: relative;
    padding: 0 25px 0 0px;
    margin-bottom: 7px;
    margin-top: 0;
}

    .radio-custom input[type="radio"]:checked + label:after {
        right: 4px;
    }

.k-grid-header th.k-header, .k-filter-row th {
    text-align: right;
}

.close {
    float: left;
}

ul.simple-todo-list li.completed:before {
    right: 0;
}


ul.simple-todo-list li {
    position: relative;
    padding: 0 20px 0 0px;
}

    ul.simple-todo-list li.notcompleted:before {
        right: 0;
    }


.widget-profile-info .profile-info {
    padding-right: 10px;
}

ul.simple-bullet-list li .title {
    padding-right: 20px;
}

.pager {
    padding-right: 0;
}

    .pager .next > a, .pager .next > span {
        float: left;
    }

    .pager .previous > a, .pager .previous > span {
        float: right;
    }

.fa-angle-right:before {
    content: "\f104";
}

.fa-angle-left:before {
    content: "\f105";
}

.checkbox-custom label:before {
    right: 0;
}

.checkbox-custom input[type="checkbox"]:checked + label:after {
    right: 0px;
}

.checkbox-custom label {
    margin-right: 30px;
}

th {
    text-align: right;
}

ul.simple-bullet-list li:before {
    border: 6px solid #cccccc;
    border-radius: 100px;
    content: '';
    display: inline-block;
    right: 300px;
    margin: 0;
    position: absolute;
    top: 5px;
    z-index: 2;
}

/* Form - Input Override */
.input-lg {
    border-radius: 4px;
}

/* Form - Input Icon */
.input-group-icon,
.input-search {
    width: 100%;
    table-layout: fixed;
}

    .input-group-icon input.form-control,
    .input-search input.form-control {
        font-size: 12px;
        font-size: 1.2rem;
        padding-right: 36px;
    }

        .input-group-icon input.form-control:first-child, .input-group-icon input.form-control:last-child,
        .input-search input.form-control:first-child,
        .input-search input.form-control:last-child {
            border-radius: 4px;
        }

    .input-group-icon .input-group-btn,
    .input-search .input-group-btn {
        border-radius: 500px;
        width: 0;
    }

        .input-group-icon .input-group-btn:first-child, .input-group-icon .input-group-btn:last-child,
        .input-search .input-group-btn:first-child,
        .input-search .input-group-btn:last-child {
            border-radius: 500px;
        }

        .input-group-icon .input-group-btn button,
        .input-search .input-group-btn button {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            border: 0;
            z-index: 3;
            background: transparent;
        }

            .input-group-icon .input-group-btn button:active,
            .input-search .input-group-btn button:active {
                -webkit-box-shadow: none;
                box-shadow: none;
            }

        .input-group-icon .input-group-btn:last-child button,
        .input-search .input-group-btn:last-child button {
            left: auto;
            right: 0;
        }

        .input-group-icon .input-group-btn + input.form-control,
        .input-search .input-group-btn + input.form-control {
            padding-right: 12px;
            padding-left: 36px;
        }

    .input-group-icon .input-group-addon,
    .input-search .input-group-addon {
        position: relative;
        padding: 0;
        border: 0 none;
        width: 0;
    }

        .input-group-icon .input-group-addon span.icon,
        .input-search .input-group-addon span.icon {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            border: 0;
            z-index: 3;
            width: auto;
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            padding: 6px 12px;
            background: transparent;
            line-height: 1.42857143;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            pointer-events: none;
        }

            .input-group-icon .input-group-addon span.icon.icon-lg,
            .input-search .input-group-addon span.icon.icon-lg {
                padding: 10px 14px;
                font-size: 18px;
            }


        .input-group-icon .input-group-addon:last-child span.icon,
        .input-search .input-group-addon:last-child span.icon {
            right: auto;
            left: 0;
        }

/* Form - Custom Checkbox */
.checkbox-custom {
    position: relative;
    padding: 0 0 0 25px;
    margin-bottom: 7px;
    margin-top: 0;
}

    .checkbox-custom.checkbox-inline {
        display: inline-block;
        vertical-align: middle;
    }

.form-group .checkbox-custom.checkbox-inline {
    margin-top: 7px;
    padding-top: 0;
}

.checkbox-custom:last-child, .checkbox-custom:last-of-type {
    margin-bottom: 0;
}

.checkbox-custom input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: 50%;
    right: 3px;
    margin: -6px 0 0 0;
    z-index: 2;
    cursor: pointer;
}

    .checkbox-custom input[type="checkbox"]:checked + label:after {
        position: absolute;
        display: inline-block;
        font-family: 'FontAwesome';
        content: '\F00C';
        top: 50%;
        left: 4px;
        margin-top: -5px;
        font-size: 11px;
        line-height: 1;
        width: 16px;
        height: 16px;
        color: #333;
    }


/*  my css  */

.col-mail{bottom: 0;
    left: 390px;
    position: absolute;
    top: 0;
}

.col-mail .mail-content {
    left: 0 
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col-mail .mail-date {
    padding-left: 40px;
    right: 270px;
    width: 150px;
}


.col-sender p {
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 109px;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
}


.checkbox-custom.checkbox-text-primary.ib {
    right: 9px;
}

.canada-form-check label.error {
    text-align: left;
    float: left;
}

.datepicker
{
    direction:rtl !important;
}


.phone_specific {
    direction: ltr;
    text-align: right;
}
.nopadding {
    padding-left: 0px;
    padding-right: 0px;
}
.nopaddingleft {
    padding-right: 0px;
}
.nopaddingright {
    padding-left: 0px !important;
}
.text-left{
    text-align:right;
}
 li.danger-cust-card:not(:last-child){
        margin-left:40px;
        margin-right:0px !important;
 }
 
 @media (min-width: 992px){
	 
	 
	 .btnposition {
padding: 0px 0px; 
float:right;
}
	 
	 .col-md-offset-10 {
	margin-left: 83.33333333%;
}

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: right;
}


	 
	 
 .col-md-offset-4.hebrew-offset{
    margin-right: 33.33333333%;
    margin-left:0px !important
}

 }
 
 @media only screen and (min-width: 992px) {

.offset-sm-6 {
    margin-right: 50%;
}
}


.offcanvas-info {
  position: fixed;
  top: 0;
  bottom: 0;
  right: auto;
  left: -15rem;
  width: 15rem;
  padding-top: 3rem;
  padding-left: 2rem;
  padding-right: 2rem;
  overflow-y: auto;
  visibility: hidden;
  background: #1e2228;
  transition-timing-function: ease-in-out;
  transition-duration: 0.3s;
  transition-property: left, visibility;
  z-index: 1041;
  align-items: start;
  background-clip: padding-box;
}

.offcanvas-info.open {
  left: 0;
  visibility: visible;
}

.offcanvas-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  cursor: pointer;
}

.offcanvas-nav-close {
  right: auto;
  left: 0.5rem;
}

.offcanvas-info .widget {
  margin-bottom: 2rem;
}

@media (max-width: 991.98px) {
  .offcanvas-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    right: -15rem;
    width: 15rem;
    padding-left: 0;
    padding-right: 1.5rem;
    padding-bottom: 0.5rem;
    overflow-y: auto;
    visibility: hidden;
    background: #1e2228;
    transition-timing-function: ease-in-out;
    transition-duration: 0.3s;
    transition-property: right, visibility;
    transition: right 0.3s ease-in-out, visibility 0.3s ease-in-out;
    align-items: start;
    background-clip: padding-box;
    z-index: 1041;
  }
}

@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-nav {
    transition: none;
  }
}

@media (max-width: 991.98px) {
  .offcanvas-nav.open {
    right: 0;
    visibility: visible;
  }
}

@media (max-width: 991.98px) {
  .offcanvas-header {
    padding: 3rem 0 2rem;
  }

  .offcanvas-header img {
    max-width: 100%;
    height: auto;
  }
}

@media (max-width: 991.98px) {
  .navbar.fixed .offcanvas-nav.open {
    display: none !important;
  }
}


@media (min-width: 992px) {
	
	 .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  
  
.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}
}

  .text-lg-start {
    text-align: right !important;
  }

  .text-lg-end {
    text-align: left !important;
  }
  
    @media (min-width: 768px) {
	
  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }  
  }
  
   @media (min-width: 1200px) {
	
  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }  
  }
  
  
  @media (min-width: 576px) {
	  
  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  }
  
  .btn-lg, .btn-group-lg>.btn {
    padding: 0.65rem 1.4rem;
  }
  
  .ml-2 {
    margin-left: 0.5rem !important;
}





