@import "http://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800,900,200,100";  @font-face {  font-family: 'Open Sans Hebrew';  src: url('../fonts/opensanshebrew-regular-webfont.eot');  src: url('../fonts/opensanshebrew-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/opensanshebrew-regular-webfont.woff') format('woff'),  url('../fonts/opensanshebrew-regular-webfont.ttf') format('truetype'),  url('../fonts/opensanshebrew-regular-webfont.svg#265e1bf8eadfa92b8d955acd546bd2c3') format('svg');   font-style:  normal;  font-weight: 400; } @font-face {  font-family: 'Open Sans Hebrew';  src: url('../fonts/opensanshebrew-bold-webfont.eot');  src: url('../fonts/opensanshebrew-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/opensanshebrew-bold-webfont.woff') format('woff'),  url('../fonts/opensanshebrew-bold-webfont.ttf') format('truetype'),  url('../fonts/opensanshebrew-bold-webfont.svg#8b4b25a9e6dee2304c08fefb363a9190') format('svg');   font-style:  normal;  font-weight: 700; }  ol,ul { list-style:none; } * {   box-sizing: border-box; } *:before, *:after {   box-sizing: border-box; } html, body {   height: 100%;   margin-left: 0;   margin-right: 0;   padding: 0;   width: 100%; text-rendering: optimizeLegibility; } body { font-family: Open Sans Hebrew,'Raleway',Arial,sans-serif !important;   font-weight: 400; font-size:100%; } h1 {   font-size: 42px;   line-height: 42px; } h2 {   font-size: 32px;   line-height: 50px;   margin-bottom: 10px; } h3 {   font-size: 24px;   line-height: 36px;   margin-bottom: 7px; } h4 {   font-size: 18px;   line-height: 30px;   margin-bottom: 7px; } h5 {   font-size: 16px;   line-height: 26px;   margin-bottom: 7px; } h6 {   font-size: 14px;   line-height: 24px;   margin-bottom: 7px; } h1, h2, h3, h4, h5, h6 {   letter-spacing: -0.5px; } h2 {   font-weight: 900; } strong.v,.v{ font-size:13px; margin-top:6px; } strong.x,.x{ font-size:13px; margin-top:6px; } .nopadding {  padding: 0 !important;  margin: 0 !important; } .fl{ float:left; } .fr{ float:right; } .responsive-video { position: relative; padding-bottom: 50%; padding-top: 60px; margin-bottom:15px; } .responsive-video iframe, .responsive-video object, .responsive-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0; } .contact_circle { text-align:center; vertical-align:middle;   background-color: #ff675f; color:#fff;   border-radius: 50%;   height: 30px;   line-height: 30px !important;   width: 30px; margin-right:5px; margin-bottom:3px; }  .sBreadCrumb{ background:rgba(165,139,97,0.5); } .breadcrumb { background:transparent;   border-radius: 0;   box-sizing: border-box;   color: #000;   padding: 20px 0 0 0; font-size:15px; } .breadcrumb a {   display: inline-block;   margin-left: 20px;   padding: 0;   position: relative;   z-index: 2; } .breadcrumb a::after {   color: #000; content: "\f053"; left: -16px;   font-family: "FontAwesome";   display: inline-block;   font-size: 10px;   line-height: 21px;   position: absolute; top:0px; } .breadcrumb a:hover {   color: #ff5c58 !important;   opacity: 1;   text-decoration: none; } .breadcrumb a.home {   border-bottom-left-radius: 0;   border-top-left-radius: 0;   display: inline-block;   padding: 0;   position: relative;   text-align: center;   z-index: 99; } .breadcrumb span { font-weight:700; }  .modal-dialog{ width:auto; max-width:950px; }  .btnlogin{ background:#4665fd; width:96px; height:96px; margin:25px 0; line-height:96px; border-radius:50%; color:#fff; } .btn-exit{ background:#fd464e; } .adm_page{   background-color: #efefef;   box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);   } .adm_page .row .col-sm-2{ width:13%; background-color: #323a45 ; } .adm_page .row .col-sm-2, .adm_page .row .col-sm-10{ margin:0px; padding:0px;   -moz-box-orient: vertical;   display: flex;   flex-direction: column;   height: 100vh;   position: relative;  overflow: hidden; } .adm_page .row .col-sm-10{ width:87%; -moz-box-orient: vertical;   height: 100vh;   position: relative;   -moz-box-flex: 1;   -moz-box-orient: vertical;   display: flex;   flex: 1 1 0;   flex-direction: column;   position: relative; } .list ul{ margin:0px; padding:0px; } .list ul li{   overflow: hidden;   position: relative;   z-index: 15; } .list ul li:hover{ background-color: #7fefc9; } .list ul li:hover a{ color:#000; } .list ul li a{ text-decoration:none; font-size:14px;   -moz-box-align: center;   -moz-user-select: none;   align-items: center;   box-sizing: border-box;   color: #fff;   display: block;   height: 58px;   line-height: 58px;   padding-left: 8px;   padding-right: 8px; } .list-toolbar { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);   display: flex;   height: 58px;   position: relative; background-color: #3674ba ; } .modal-body .list-toolbar { margin-bottom:15px; } .bg-t{   background: #000;   color: #fff; } .name{   line-height: 58px;   padding: 0 14px; } .list-toolbar h1{   line-height: 58px; margin:0px; padding:0px;   -moz-box-flex: 1;   color: #fff;   flex: 1 1 0;   font-size: 26px;   font-weight: 200;   overflow: hidden;   padding: 0 14px;   text-overflow: ellipsis;   white-space: nowrap; } #conn{ height:100%; overflow-y:auto; } #result{ height:100%; } .table{ padding:10px; } @media screen and (max-width: 640px) { table {  overflow-x: auto;  display: block; } } .pth .description span{ background-color: #009688; color:#fff; } .pth:hover .description span{   background-color: #009688 !important; } .wrap { font-size:14px;   display: flex;   width: 100% ;   justify-content: center; margin-top:5px;  } .cell {   display: flex;   min-height: 5rem;   align-items: center; } .description {   width: 84%; } .description.full {   width: 100%; } .total{ background-color: #3674ba; background-color: #f42156 ; line-height:58px; color:#fff; font-size:16px; padding:0 14px; margin:0 0 10px 0; } .description span{   box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); padding:0 10px;   line-height: 5rem;   flex: 1 1 0;  margin-right:1px;  border-radius:3px;   background-color: #fff; } .description span a{  }  .id_con{ color:#999;   height: 5rem;   line-height: 5rem;  width:50px; text-align:center; margin-left:-10px; } .wrap:hover .description span{   background-color: #e1f2fe ; } .wrap:hover .id_con{   color: #333 ; } .btn_flex{ cursor:pointer;   width: 8%; border-radius: 3px;   justify-content: center; color:#fff;   flex: 1 1 0;  padding:0 5px; } .add { margin:0 5px;   background-color: rgb(0, 188, 212) !important; margin-right:0px; } .add:hover{   background-color:#0891a2; color:#fff; } .status { margin-left:5px;   background-color: #fff; } #status {   display: none;   background: #fff;   padding: 8px 16px;   color: #000;   border-radius: 8px;   position: absolute;   top: 80px;   left: 42%;   text-align: center;   box-shadow: 0 0px 2px rgba(0, 0, 0, 0.4);   transition: all 0.3s ease 0s;   -moz-transition: all 0.3s ease 0s;   -webkit-transition: all 0.3s ease 0s; } .remove {   background-color: rgb(244, 67, 54); } .add_new { width:16%; margin-right:0px;   background-color:#5eba36; } .fademove {   animation-duration: 1s;   animation-name: fadeInBottom;   animation-timing-function: ease; } @keyframes fadeInBottom { 0% {  opacity: 0;  transform: translateY(20px); } 100% {  opacity: 1;  transform: translateY(0px); } } .switch {   padding-top: 10px; } .switch * {   cursor: pointer; } .input-inner{ margin:10px 0; } .switch input {   opacity: 0;   position: absolute;   z-index: -1; } .switch span {   background-color: #ff8888;   border: 1px solid #f56464;   border-radius: 100px;   box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1) inset;   display: inline-block;   height: 30px;   position: relative; width: 60px; } .switch span::after {   background-color: #fff;   border: 1px solid #ddd;   border-radius: 400px;   box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);   content: "";   height: 28px;   left: 0;   position: absolute;   top: 0;   width: 28px; } .switch input:checked + span {   background-color: #3498db !important;   border-color: #3498db;  ; } .switch input:checked + span::after {   left: 50%;   transition: all 0.2s ease 0s; }  article h1{  border-bottom:1px dotted #b1262e;  padding-bottom: 10px;  margin: 14px 0 15px 0; } article p{  font-size:200%;  font-weight:400;  margin-top:0px !important;  margin-bottom:25px !important; } article li {  font-size:200%;  font-weight:400; } article br {  display:none; } article li {  position:relative;  }  article li:before {  content:"�";  color:#b1262e;  font-size:36px;  position:absolute;  left:-25px;  top:-13px; } article li::before{ right: -25px; left: auto; }  #scrolltop {   bottom: 10px;   display: block;   position: fixed;   right: 10px;   z-index: 999; cursor:pointer; }  .contact h2 {   color: #ff675f; } .contact p {   color: #84868d;   line-height: 18px; } form { font-size:14px; } fieldset {   margin-bottom: 18px; } .modal-body fieldset {   margin-bottom: 0px; } fieldset legend {   color: #404040;   display: block;   font-size: 19.5px;   line-height: 1;   padding-left: 150px; } form .clearfix {  } form .clearfix:before, form .clearfix:after {   content: "";   display: table; } form .clearfix:after {   clear: both; } label, input, select, textarea {   font-weight: normal;   line-height: normal; } label { width:100%; clear:none;   color: #333333; margin-bottom:10px; } footer label {   color: #FFFFFF; } ._placeholder{ font-size: 115%; display:block; margin-bottom:3px; } .table-responsive .hr{  border-bottom: 1px solid #CCCCCC;  height:1px;  clear: both;  margin:10px 15px; } input[type="checkbox"], input[type="radio"] {   cursor: pointer; } input, textarea, select {   border: 1px solid #f0f0f0;   border-radius: 0px 3px 3px 3px;   color: #808080;   display: inline-block;   height: 38px;   line-height: 28px;   padding: 4px; max-width:100%; } .modal-body {   padding: 10px 0px; } .modal-body .list-toolbar{   margin-bottom: 15px; } .modal-body label {  } input[type="checkbox"], input[type="radio"] {   border: medium none;   height: auto;   line-height: normal;   margin: 3px 0;   padding: 0;   width: auto; } input[type="file"] {   background-color: #FFFFFF;   border: initial;   box-shadow: none;   line-height: initial;   padding: initial; } input[type="button"], input[type="reset"], input[type="submit"] {   height: auto;   width: auto; } select, input[type="file"] {   } select[multiple] {   height: inherit; } textarea {   height: auto; } :-moz-placeholder {   color: #BFBFBF; } input, textarea {   } input:focus, textarea:focus {   outline: 0 none; } input[type="file"]:focus, input[type="checkbox"]:focus, select:focus {   box-shadow: none;   outline: 1px dotted #666666; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {   background-color: #F5F5F5;   border-color: #DDDDDD;   cursor: not-allowed; } input:focus, textarea:focus {   border-color: rgba(170, 170, 170, 0.8);   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(200, 200, 200, 0.6); }   .b-shadow, .p-table {   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); } .p-table {   background-color: #fff;   color: #222;   display: table;   table-layout: fixed;   table-layout: auto;   width: 100%; } .p-th-group {   display: table-column-group; } .p-th {   position: relative;   display: table-column; } .p-caption {   display: table-caption; } .p-row-group {   display: table-row-group; } .p-row {   display: table-row; } .p-cell {   border-bottom: 1px solid rgba(0, 0, 0, 0.067);   display: table-cell;   padding: 0;   vertical-align: middle; } header .p-content {   background-color: #5ecc66; color: #fff;   border-bottom: 1px solid #ccc;   height: 53px;   line-height: 53px;   position: relative;   z-index: 5; font-weight:700; } .p-content { padding-right: 16px;   box-sizing: border-box;   padding-bottom: 1px;   padding-top: 1px;   position: relative; font-size:12px;   min-height: 32px;   line-height: 32px;  } .p-table > .p-row-group > .p-row:nth-of-type(2n+1) {   background-color: #f9f9f9; } .p-table > .p-row-group > .p-row:hover {   background-color: #f0f0f0; } .p-tools{ text-align:center; width:60px; } .table-wrap .pagination{ }  .ipad_host{ -webkit-user-select: none;   -moz-user-select: none;  -ms-user-select: none;   -o-user-select: none; user-select: none; } .ipad_host .title{  color: #fff; padding: 2px 10px; font-size: 16px; font-weight: bold; height:auto; } .ipad_host .title .btn { font-size:18px !important;   height: auto; } .guest .moreD{ float:none; } .ipad_host .moreD{ max-height:100%; } .ipad_host #refresh{ margin-right:10px; } .ipad_host #conn .btn {   font-size: 16px;   height: auto;   width: auto; } .ipad_host .btnpublish{ height:auto; width:auto; font-size:26px !important; padding:30px; background-color: #59c851 !important; } .ipad_host .ipad_text{ padding:5px 10px 5px 0; } .ipad_host .body .title #src{ max-width:300px; } .ipad_host #conn{ overflow-y:none; } .ipad_host #conn{ height:auto; } .ipad_host .iname{ line-height:28px; font-size:24px; font-weight:bold; } .ipad_host .inote{ line-height:28px; font-size:20px; } .ipad_host .iamount{ line-height:28px; font-size:22px; font-weight:bold; } .ipad_host #conn .ul{ padding:0px; margin:0px; color:#464646; } .ipad_host #conn .ul li{ height:auto; padding:10px; background: rgba(241,173,173,0.5) !important; margin-bottom:1px;   border-right: 15px solid #c70000; } .ipad_host #conn .ul li.published{ background: #92e5a6 !important; border-right: 15px solid #00c746; } .ipad_host #conn .ul li.topp{ background: #f0f0f0 !important; } .json_he_res li{ padding-top:0px; background-color: #E8E7E8 !important; } .json_he_res li input{ } .json_he_res li:nth-child(2n+2) {   border-left:5px solid #fff; } .json_he_res_user li:nth-child(2n+2) {   border-left:0px solid #fff; } .input_text{  color:#999; } .published .input_text{  color:#666; } .bottom_blue .input_text{  color:#000 ; } .json_he_res li:hover .input_text{  color:#333; } .json_he_res .deletebtn { margin-left:15px; float:left; }