﻿input[type='password'], input[type='text'], input[type='url'], input:not([type]) {
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border: 1px solid #aaa;
   font-size: inherit;
   padding: 2px 3px;
}

   div.disabled, input[type='text']:disabled {
      color: #555;
   }


input:disabled, select:disabled {
   color: #555;
   background-color: #EBEBEB;
   cursor: not-allowed;
}


button:not(.custom-appearance), input[type='button']:not(.custom-appearance), input[type='submit']:not(.custom-appearance) {
   background-color: #fafafa;
   background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
   background: -moz-linear-gradient(#fafafa, #f4f4f4 40%,#e5e5e5);
   -pie-background: linear-gradient(#fafafa, #f4f4f4 40%,#e5e5e5);
   border: 1px solid #aaa;
   color: #000;
   font-size: inherit;
   margin-bottom: 0;
   padding: 2px 6px;
}

   button:not(.custom-appearance):hover, input[type='button']:not(.custom-appearance):hover, input[type='submit']:not(.custom-appearance):hover {
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
      background: #ebebeb;
      background: -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
      background: -moz-linear-gradient(#fefefe, #f8f8f8 40%,#e9e9e9);
      -pie-background: linear-gradient(#fefefe, #f8f8f8 40%,#e9e9e9);
      border-color: #999;
      color: #000;
   }

   button:not(.custom-appearance):active, input[type='button']:not(.custom-appearance):active, input[type='submit']:not(.custom-appearance):active {
      -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
      background: #ebebeb;
      background: -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
      background: -moz-linear-gradient(#f4f4f4, #efefef 40%,#dcdcdc);
      -pie-background: linear-gradient(#f4f4f4, #efefef 40%,#dcdcdc);
      color: #333;
   }

button[disabled]:not(.custom-appearance), input[type='button'][disabled]:not(.custom-appearance), input[type='submit'][disabled]:not(.custom-appearance), button[disabled]:not(.custom-appearance):hover, input[type='button'][disabled]:not(.custom-appearance):hover, input[type='submit'][disabled]:not(.custom-appearance):hover {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   background-color: #fafafa;
   background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
   background: -moz-linear-gradient(#fafafa, #f4f4f4 40%,#e5e5e5);
   -pie-background: linear-gradient(#fafafa, #f4f4f4 40%,#e5e5e5);
   border-color: #aaa;
   color: #aaa;
   font-size: inherit;
   margin-bottom: 0;
   padding: 2px 6px;
}

button:not(.custom-appearance):focus, input[type='submit']:not(.custom-appearance):focus, input[type='text']:not(.custom-appearance):focus, select:not(.custom-appearance):focus {
   -webkit-box-shadow: inset 0 1px 2px white, 0 1px 2px rgba(0, 0, 0, .2), 0 0 1px #c0c0c0, 0 0 1px #c0c0c0, 0 0 1px #c0c0c0;
   -moz-box-shadow: inset 0 1px 2px white, 0 1px 2px rgba(0, 0, 0, .2), 0 0 1px #c0c0c0, 0 0 1px #c0c0c0, 0 0 1px #c0c0c0;
   box-shadow: inset 0 1px 2px white, 0 1px 2px rgba(0, 0, 0, .2), 0 0 1px #c0c0c0, 0 0 1px #c0c0c0, 0 0 1px #c0c0c0;
   border-color: rgb(64, 128, 250);
   outline: none;
}

.custom-combobox {
   -webkit-box-shadow: inset 0 1px 2px white, 0 1px 2px rgba(0, 0, 0, .2), 0 0 1px #c0c0c0, 0 0 1px #c0c0c0, 0 0 1px #c0c0c0;
   -moz-box-shadow: inset 0 1px 2px white, 0 1px 2px rgba(0, 0, 0, .2), 0 0 1px #c0c0c0, 0 0 1px #c0c0c0, 0 0 1px #c0c0c0;
   box-shadow: inset 0 1px 2px white, 0 1px 2px rgba(0, 0, 0, .2), 0 0 1px #c0c0c0, 0 0 1px #c0c0c0, 0 0 1px #c0c0c0;
   border: 1px solid rgb(64, 128, 250) !important;
   outline: none;
}

   .custom-combobox input {
      border: 0;
      border-top: 0 !important;
      border-left: 0 !important;
      border-bottom: 0 !important;
      outline: none;
   }

   .custom-combobox .btn {
      border: 0;
      border-top: 0 !important;
      border-right: 0 !important;
      border-bottom: 0 !important;
      outline: none;
   }

.form-control-custom-combobox {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
   border: 0 !important;
   border-top: 1px solid #aaa !important;
   border-left: 1px solid #aaa !important;
   border-bottom: 1px solid #aaa !important;
}


border-top: 1px solid #aaa; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; input[type='text']:not(.custom-appearance):focus > div {
   border-color: red !important;
}

input[type='search']:not(.custom-appearance):focus {
   outline-color: rgb(64, 128, 250);
}

.link-button, .link-button:focus {
   -webkit-box-shadow: none !important;
   -moz-box-shadow: none !important;
   box-shadow: none !important;
   background: transparent none !important;
   border: none !important;
   color: rgb(17, 85, 204) !important;
   cursor: pointer;
   font-family: inherit;
   margin: 0;
   padding: 0 4px !important;
}

   .link-button:hover {
      text-decoration: underline;
   }

   .link-button:active {
      color: rgb(5, 37, 119) !important;
      text-decoration: underline;
   }
/*
input[type='checkbox']
{
   height: 13px;
   width: 13px;
}
*/
input[type='radio'] {
   position: relative;
   top: 3px;
}

label > input[type=radio] ~ span, label > input[type=checkbox] ~ span, input[type=checkbox] ~ label {
   color: #444;
}

label:hover > input[type=checkbox]:disabled ~ span, label:hover > input[type=radio]:disabled ~ span, input[type=checkbox]:disabled ~ label:hover {
   color: #888;
}

label:hover > input[type=checkbox]:not(:disabled) ~ span, label:hover > input[type=radio]:not(:disabled) ~ span, input[type=checkbox]:not(:disabled) ~ label:hover {
   color: #222;
}


list, grid {
   display: block;
   outline: none;
   overflow: auto;
   position: relative;
}

   list > *, grid > * {
      -webkit-user-select: none;
      -moz-user-select: none;
      background-color: rgba(255, 255, 255, 0);
      border: 1px solid rgba(255, 255, 255, 0); /* transparent white */
      border-radius: 2px;
      cursor: default;
      line-height: 20px;
      margin: -1px 0;
      overflow: hidden;
      padding: 0 3px;
      position: relative; /* to allow overlap */
      text-overflow: ellipsis;
      white-space: pre;
   }

   list > * {
      display: block;
   }

   grid > * {
      display: inline-block;
   }

   list > [lead], grid > [lead] {
      border-color: transparent;
   }

   list:focus > [lead], grid:focus > [lead] {
      border-color: hsl(214, 91%, 65%);
      z-index: 2;
   }

   list:not([disabled]) > :hover, grid:not([disabled]) > :hover {
      border-color: hsl(214, 91%, 85%);
      z-index: 1;
      background-color: hsl(214, 91%, 97%);
   }

   list > [selected], grid > [selected] {
      border-color: hsl(0, 0%, 85%);
      background-color: hsl(0, 0%, 90%);
      z-index: 2;
      background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
      background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
      -pie-background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
   }

   list:focus > [selected], grid:focus > [selected] {
      background-color: hsl(214, 91%, 89%);
      border-color: hsl(214, 91%, 65%);
   }

   list:focus > [lead][selected], list > [selected]:hover, grid:focus > [lead][selected], grid > [selected]:hover {
      background-color: hsl(214, 91%, 87%);
      border-color: hsl(214, 91%, 65%);
   }

   list > .spacer, grid > .spacer {
      border: 0;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      overflow: hidden;
      visibility: hidden;
      margin: 0;
   }

   list > [hidden], grid > [hidden] {
      display: none;
   }

select {
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   border: 1px solid #aaa;
   color: #555;
   font-size: inherit;
   margin: 0;
   padding-top: 1px;
   padding-bottom: 1px;
   text-overflow: ellipsis;
   white-space: nowrap;
   /*-moz-appearance: none;
   -webkit-appearance: none;
   -webkit-padding-end: 20px;
   -webkit-padding-start: 6px; 
   background-image: -webkit-image-set(url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODIyQUNDRTE5M0FEN0FEQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0QzU0RURENUI3NEQxMUUxODVFM0E5RkQzRkE4MDc5QiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0QzU0RURENEI3NEQxMUUxODVFM0E5RkQzRkE4MDc5QiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjkwRTAxMTQxMjIwNjgxMTgwODNEQUM5MDc1RTIzMkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjc3RjExNzQwNzIwNjgxMTgyMkFDQ0UxOTNBRDdBREMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5LmQFgAAAAaUlEQVQoz2P4//8/A7UwdkEGhiggTsODo4g2LBEImJmZvwE1/UfHIHGQPNGGAbHCggULFrKxsf1ENgjEB4mD5EnxJoaByAZB5Yk3DNlAPj6+L8gGkWUYzMC3b982IRtEtmFQjaxYxDAwAGi4TwMYKNLfAAAAAElFTkSuQmCC") 1x), -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);
   background-position: right center;
   background-repeat: no-repeat;*/
}

html[dir='rtl'] select {
   background-position: center left;
}


select:enabled:hover {
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
   color: #333;
}

select:enabled:active {
   -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
   box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
   color: #444;
}

h3 {
   font-size: 105%;
   font-weight: bold;
   margin: 20px 0 10px 0;
}

.transparent {
   opacity: 0;
}


list > * {
   -webkit-box-align: center;
   -webkit-transition: 150ms background-color;
   -moz-transition: 150ms background-color;
   -ms-transition: 150ms background-color;
   -o-transition: 150ms background-color;
   transition: 150ms background-color;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   border-radius: 0;
   display: -webkit-box;
   height: 32px;
   border: none;
   margin: 0;
}


list:not([disabled]) > :hover {
   background-color: #e4ecf7;
}

list:not([hasElementFocus]) > [selected], list:not([hasElementFocus]) > [lead][selected] {
   background-color: #d0d0d0;
   background-image: none;
}

   list[hasElementFocus] > [selected], list[hasElementFocus] > [lead][selected], list:not([hasElementFocus]) > [selected]:hover, list:not([hasElementFocus]) > [selected][lead]:hover {
      background-color: #bbcee9;
      background-image: none;
   }

list[hasElementFocus] > [lead], list[hasElementFocus] > [lead][selected] {
   border-top: 1px solid #7892b4;
   border-bottom: 1px solid #7892b4;
}

   list[hasElementFocus] > [lead]:nth-child(2), list[hasElementFocus] > [lead][selected]:nth-child(2) {
      border-top: 1px solid transparent;
   }

   list[hasElementFocus] > [lead]:nth-last-child(2), list[hasElementFocus] > [lead][selected]:nth-last-child(2) {
      border-bottom: 1px solid transparent;
   }

list[disabled] > [lead][selected], list[disabled]:focus > [lead][selected] {
   border: none;
}

list[disabled] {
   opacity: 0.6;
}

.button-new button {
   width: 24px;
   height: 20px;
}

   .button-new button i {
      margin-top: -2px;
   }

   .button-new button:nth-child(2) {
      padding-top: 5px;
   }

      .button-new button:nth-child(2) i {
         margin-top: -1px;
      }

/*.tableOut:first-child.tableIn {
   display: none;
}*/
