body {
        direction: ltr;
    }
    dd {
        margin-right: 0;
    }
    figure {
        margin: 0 0 1rem;
    }

    caption {
        text-align: right;
    }

    th {
        text-align: right;
    }

    .list-unstyled {
        padding-right: 0;
    }

    .list-inline {
        padding-right: 0;
    }

    .list-inline-item:not(:last-child) {
        margin-right: 0;
        margin-left: 5px;
    }

    .blockquote {
        border-left: none;
        border-right: 0.25rem solid #eceeef;
    }

    .blockquote-reverse {
        padding-left: 1rem;
        padding-right: 0;
        text-align: left;
        border-left: 0.25rem solid #eceeef;
        border-right: 0;
    }

    dl.row > dd + dt {
        clear: right;
    }


    

    .form-check-label {
        padding-right: 1.25rem;
    }

    .form-check-input {
        margin-right: -1.25rem;
    }

    .form-check-inline {
        padding-right: 1.25rem;
    }

        .form-check-inline + .form-check-inline {
            margin-right: .75rem;
        }

    .form-control-feedback {
        margin-top: 0.25rem;
    }

    .form-control-success,
    .form-control-warning,
    .form-control-danger {
        padding-left: 2.25rem;
        background-position: center right 0.625rem;
    }

    .form-inline .form-check-label {
        padding-right: 0;
    }

    .dropdown-toggle::after {
        margin-right: 0.3em;
    }

    .dropdown-menu {
        right: 0;
        float: right;
        margin: 2px 0 0;
        text-align: right;
    }

    .dropdown-divider {
        margin: 0.5rem 0;
    }



    .btn-group .btn + .btn,
    .btn-group .btn + .btn-group,
    .btn-group .btn-group + .btn,
    .btn-group .btn-group + .btn-group {
        margin-right: -1px;
    }

    .btn-toolbar {
        margin-right: -0.5rem;
    }



        .btn-toolbar > .btn,
        .btn-toolbar > .btn-group,
        .btn-toolbar > .input-group {
            margin-right: 0.5rem;
        }

    .btn-group > .btn:first-child {
        margin-right: 0;
    }

    .btn-group > .btn-group {
        float: right;
    }

    .btn + .dropdown-toggle-split::after {
        margin-right: 0;
    }


    .btn-group-vertical > .btn + .btn,
    .btn-group-vertical > .btn + .btn-group,
    .btn-group-vertical > .btn-group + .btn,
    .btn-group-vertical > .btn-group + .btn-group {
        margin-right: 0;
    }

    .input-group .form-control {
        float: left;
    }

    .input-group-addon:not(:last-child) {
        border-right: 1px solid rgba(0,0,0,.15);
        border-left: 0;
    }

    .form-control + .input-group-addon:not(:first-child) {
        border-left-width: medium;
        border-right: 0;
    }



    .input-group-btn > .btn + .btn {
        margin-right: -1px;
    }

    .input-group-btn:not(:last-child) > .btn,
    .input-group-btn:not(:last-child) > .btn-group {
        margin-left: -1px;
    }

    .input-group-btn:not(:first-child) > .btn,
    .input-group-btn:not(:first-child) > .btn-group {
        margin-right: -1px;
    }

    .custom-control {
        padding-right: 1.5rem;
    }

        .custom-control + .custom-control {
            margin-right: 1rem;
        }

    .custom-control-indicator {
        right: 0;
    }

    .custom-controls-stacked .custom-control + .custom-control {
        margin-right: 0;
    }

    .custom-select {
        padding-left: 0.75rem \9;
    }

    .nav {
        padding-right: 0;
    }



        .nav-tabs .nav-item + .nav-item {
            /*margin-right: 0.2rem;*/
        }



        .nav-pills .nav-item + .nav-item {
            margin-right: 0.2rem;
        }

    .nav-stacked .nav-item + .nav-item {
        margin-right: 0;
    }







    .navbar-nav .nav-link + .nav-link {
        margin-right: 1rem;
    }

    .navbar-nav .nav-item + .nav-item {
        margin-right: 1rem;
    }

    @media (max-width: 543px) {
        .navbar-toggleable .navbar-nav .nav-item {
            margin-right: 0;
        }
    }

    @media (max-width: 767px) {
        .navbar-toggleable-sm .navbar-nav .nav-item {
            margin-right: 0;
        }
    }

    @media (max-width: 991px) {
        .navbar-toggleable-md .navbar-nav .nav-item {
            margin-right: 0;
        }
    }
	


    .card-link + .card-link {
        margin-right: 1.25rem;
    }

    .card-blockquote {
        border-right: 0;
    }

    .breadcrumb-item {
        float: right;
    }

    .pagination {
        padding-right: 0;
    }

    .page-item:first-child .page-link {
        margin-right: 0;
    }

    .page-link {

        margin-right: -1px;
    }

    .alert-dismissible {
        padding-left: 2rem;
    }

        .alert-dismissible .close {
            left: -1rem;
        }

    .media-list {
        padding-right: 0;
    }

    .list-group {
        padding-right: 0;
    }

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        right: 0;
    }

    .close {
        float: left;
    }

    .tooltip {
        text-align: right;
    }

        .tooltip.tooltip-top .tooltip-arrow,
        .tooltip.bs-tether-element-attached-bottom .tooltip-arrow {
            right: 50%;
            margin-right: -5px;
        }

        .tooltip.tooltip-bottom .tooltip-arrow,
        .tooltip.bs-tether-element-attached-top .tooltip-arrow {
            right: 50%;
            margin-right: -5px;
        }

    .popover {
        right: 0;
        text-align: right;
    }

        .popover.popover-top .popover-arrow,
        .popover.bs-tether-element-attached-bottom .popover-arrow {
            right: 50%;
            margin-right: -11px;
        }

            .popover.popover-top .popover-arrow::after,
            .popover.bs-tether-element-attached-bottom .popover-arrow::after {
                margin-right: -10px;
            }

        .popover.popover-bottom .popover-arrow,
        .popover.bs-tether-element-attached-top .popover-arrow {
            right: 50%;
            margin-right: -11px;
        }

            .popover.popover-bottom .popover-arrow::after,
            .popover.bs-tether-element-attached-top .popover-arrow::after {
                margin-right: -10px;
            }

    @media all and (transform-3d), (-webkit-transform-3d) {
        .carousel-inner > .carousel-item.next,
        .carousel-inner > .carousel-item.active.right {
            right: 0;
        }

        .carousel-inner > .carousel-item.prev,
        .carousel-inner > .carousel-item.active.left {
            right: 0;
        }

            .carousel-inner > .carousel-item.next.left,
            .carousel-inner > .carousel-item.prev.right,
            .carousel-inner > .carousel-item.active {
                right: 0;
            }
    }

    .carousel-inner > .active {
        right: 0;
    }

    .carousel-inner > .next {
        right: 100%;
    }

    .carousel-inner > .prev {
        right: -100%;
    }

        .carousel-inner > .next.left,
        .carousel-inner > .prev.right {
            right: 0;
        }

    .carousel-inner > .active.left {
        right: -100%;
    }

    .carousel-inner > .active.right {
        right: 100%;
    }

    /*.carousel-control {
      right: 0;
    }

    .carousel-control.right {
      left: 0;
      right: auto;
    }*/

    .carousel-control .icon-prev {
        right: 50%;
        margin-right: -10px;
    }

    .carousel-control .icon-next {
        left: 50%;
        margin-left: -10px;
    }

    .carousel-indicators {
        right: 50%;
        padding-right: 0;
        margin-right: -30%;
    }

    .carousel-caption {
        left: 15%;
        right: 15%;
        z-index: 10;
    }

    @media (min-width: 544px) {
        .carousel-control .icon-prev {
            margin-right: -15px;
        }

        .carousel-control .icon-next {
            margin-left: -15px;
        }

        .carousel-caption {
            left: 20%;
            right: 20%;
        }
    }

    body {
      overflow-x: hidden;
    }

    #wrapper {
      padding-left: 0;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
    }

    #wrapper.toggled {
      padding-left: 150px;
    }

    #sidebar-wrapper {
      z-index: 1000;
      position: absolute;
      left: 250px;
      width: 100%;
      height: 100%;
      margin-left: -250px;
      /*overflow-y: auto;*/
      background: #F4F4F4;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    #boxshadow {
          position: relative;
          -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
          -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
          box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
          padding: 10px;
          background: #D3D3D3;
        }

    #wrapper.toggled #sidebar-wrapper {
      width: 330px;
    }

    #page-content-wrapper {
      width: 100%;
      position: absolute;
      padding: 15px;
    }

    #wrapper.toggled #page-content-wrapper {
      position: absolute;
      margin-right: 0px;
    }


    /* Sidebar Styles */

    .sidebar-nav {
      position: absolute;
      top: 0;
      width: 100%;
      margin: 0;
      padding: 0;
      list-style: none;
        overflow-y: scroll;
        height: 100%;
    }

    .sidebar-nav li {
      text-indent: 20px;
      line-height: 40px;
    }

    .sidebar-nav li {
      display: block;
      text-decoration: none;
      color: #999999;
    }

    .sidebar-nav li:hover {
      text-decoration: none;
      color: #929292;
      background: rgba(255, 255, 255, 0.2);
    }

    .sidebar-nav li:active, .sidebar-nav li:focus {
      text-decoration: none;
      background: #88FFFF;
    }


    .sidebar-nav>.sidebar-brand {
      height: 65px;
      font-size: 18px;
      line-height: 60px;
    }

    .sidebar-nav>.sidebar-brand {
      color: #999999;
    }

    .sidebar-nav>.sidebar-brand :hover {
      color: #fff;
      background: none;
    }

    @media(min-width:768px) {
      #wrapper {
        padding-left: 0;
      }
      #wrapper.toggled {
        padding-left: 330px;
      }
      #sidebar-wrapper {
        width: 107%;
      }
      #wrapper.toggled #sidebar-wrapper {
        width: 330px;
      }
      #page-content-wrapper {
        padding: 0;
        position: relative;
      }
      #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
      }
    }
	@media (min-width:700px) and (max-width:1024px){
		.sidebar-brand {
		font-size: 12px !important;
		}
	}
	@media (min-width:768px) and (max-width:1086){
			.eq-list-item>.list-header {
			font-size: 10px !important;
			}
		}
		@media (min-width:768px) and (max-width:1086){
			.list-header {
			font-size: 10px !important;
			
			}
		}
		@media (min-width:768px) and (max-width:1086){
			.list-subheader {
			font-size: 10px !important;
			
			}
		}
		@media (min-width:768px) and (max-width:1088px){
			.nav-depth {
			top: 16px !important;
			}
		}
		.ob_btn {
    color: #fff !important;
    margin-left: 10px;
    padding: 4px 12px;
    font-weight: 700;
}
/*==================== style css for list view button =======*/
.fa-chevron-circle-right{
	font-size:18px;
	color:#007bff;
	cursor: pointer;
}
.sidebar-brand span{
		font-size:15px;
	}
	
	.number{
		position: absolute;
		left: 11px;
		top: 20px;
	}


@media (max-width:1240px) and (min-width:600px){
	.sidebar-brand span{
		font-size:13px;
	}
	
	.sidebar-brand  .fa-chevron-circle-right{
		font-size:15px;
	}
}