@font-face {
    font-family: 'Swis721 BT';
    src: url('Fonts/Swiss 721 BT/swiss_721_bt-webfont.eot');
    src: url('Fonts/Swiss 721 BT/swiss_721_bt-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/Swiss 721 BT/swiss_721_bt-webfont.woff') format('woff'), url('Fonts/Swiss 721 BT/swiss_721_bt-webfont.ttf') format('truetype'), url('Fonts/Swiss 721 BT/swiss_721_bt-webfont.svg#Swis721BTRoman') format('svg')
}
body {
    font-family: Arial;
    /*background: url(../Images/background1.png) #ececec;*/
    /*background: #ffffff;*/
    /*background: #f2f2f6;*/
    /*background: #f0f9ff;*/
    background: #f4f7f9;
    color: #7b8288;
    margin: 0;
    padding: 0;
    font-size: 12px
}
h2 {
    font-size: 28px;
    color: #fff
}
h3 {
    font-size: 16px
}
a,
a:visited {
    color: #363636;
    text-decoration: none
}
a:hover {
    text-decoration: underline
}
a img {
    border: none
}
.wrapper {
    width: 1000px;
    margin-right: auto;
    margin-left: auto
}
#SwishMenu {
    top: 50%;
    position: absolute;
    margin-top: -105px;
    height: 210px;
    width: 1000px;
    /* background-image: url(../Images/swish.png); */
    background-position: bottom;
    background-repeat: no-repeat
}
.validation {
    width: 500px;
    margin-right: auto;
    margin-left: auto;
    color: #fff
}
.label {
    font-size: 14px
}
.input {
    width: 90%;
    padding: 7px;
    font-size: 16px;
    border-width: 1px;
    border-radius: 5px
}
.inputsmall {
    width: 90%;
    padding: 4px;
    font-size: 12px;
    border-width: 1px;
    border-radius: 5px
}
.inputmandatory {
    width: 90%;
    padding: 7px;
    font-size: 16px;
    border-color: red;
    border-width: 1px;
    border-radius: 5px
}
.inputsmallmandatory {
    width: 90%;
    padding: 4px;
    font-size: 12px;
    border-color: red;
    border-width: 1px;
    border-radius: 5px
}
.mandatory {
    color: red
}
.WaterMarkText {
    width: 90%;
    padding: 7px;
    font-size: 16px;
    border-width: 1px;
    border-radius: 5px;
    color: Gray;
    font-style: italic
}
.button {
    -moz-box-shadow: inset 0 1px 0 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 0 #fff;
    box-shadow: inset 0 1px 0 0 #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #ededed), color-stop(1, #dfdfdf)) #ededed;
    background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%) #ededed;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #000;
    display: inline-block;
    color: #777;
    font-family: arial;
    font-size: 15px;
    font-weight: 700;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    cursor: pointer
}
.button:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #dfdfdf), color-stop(1, #ededed)) #dfdfdf;
    background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%) #dfdfdf;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    cursor: pointer
}
.button:active {
    position: relative;
    top: 1px;
    cursor: pointer
}
.button:disabled {
    background-color: #f2f2f2;
    color: #d6d6d6
}
.buttonChangesRequired {
    -moz-box-shadow: inset 0 1px 0 0 #caefab;
    -webkit-box-shadow: inset 0 1px 0 0 #caefab;
    box-shadow: inset 0 1px 0 0 #caefab;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #77d42a), color-stop(1, #5cb811)) #77d42a;
    background: -moz-linear-gradient(center top, #77d42a 5%, #5cb811 100%) #77d42a;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #000;
    display: inline-block;
    color: #306108;
    font-family: arial;
    font-size: 15px;
    font-weight: 700;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #aade7c
}
.buttonChangesRequired:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #5cb811), color-stop(1, #77d42a)) #5cb811;
    background: -moz-linear-gradient(center top, #5cb811 5%, #77d42a 100%) #5cb811;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a')
}
.buttonChangesRequired:active {
    position: relative;
    top: 1px
}
.buttonsmall {
    -moz-box-shadow: inset 0 1px 0 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 0 #fff;
    box-shadow: inset 0 1px 0 0 #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #ededed), color-stop(1, #dfdfdf)) #ededed;
    background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%) #ededed;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #000;
    display: inline-block;
    color: #777;
    font-family: arial;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 12px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    cursor: pointer
}
.buttontab {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #fff;
    display: inline-block;
    color: #777;
    font-family: arial;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer
}
.FormWrapper {
    margin-top: 20px;
    /*background-color: #363636;*/
    background-color: #002856;
    top: 34px;
    right: 0;
    text-align: left;
    padding: 10px;
    border-radius: 5px;
    border-color: #9A9999;
    border-width: 1px;
    border-style: solid;
    box-shadow: 3px 3px 7px #333
}
.FormWrapper h1,
.FormWrapper h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #7B8288
}
.FormWrapper h3 {
    margin-bottom: 0;
    color: #7B8288
}
.FormWrapper hr {
    margin-top: 2px
}
.VisitorLists {
    float: left;
    width: 470px;
    background: #fff;
    list-style-type: none;
    margin-left: 20px;
    padding-top: 20px
}
.VisitorListsEvenRow {
    border-radius: 10px;
    border: 1px solid #A9A9A9;
    color: #000;
    background-color: #F0F8FF;
    list-style-type: none
}
.VisitorListsOddRow {
    border-radius: 10px;
    border: 1px solid #A9A9A9;
    background-color: #F0F8FF;
    color: #000;
    list-style-type: none
}
.NoGapImages {
    padding: 0;
    margin: 0;
    border: none;
    float: left
}
.CenterPanel {
    margin: 0 auto;
    width: 300px
}
.NoUnderline,
.NoUnderline:hover {
    text-decoration: none
}
.editLinkButton {
    padding-left: 4px;
    font-weight: 700;
}
.userImages {
    border-radius: 10px;
    width: 75px;
    height: 100px
}
.userImagesVisitor {
    border-radius: 5px;
    width: 60px
}
.visitViewVisitors{
    float: right;
    min-width: 50px;
    width: 50px;
    height: 70px;
    margin-right: 5px;
    margin-top: 2px;
        }
.visitViewText{
    font-weight:bold;
    float: left;
    margin-top:2px;
    margin-left: 5px;
    word-wrap :normal;
    width:350px;
}
.visitViewUserImages{
    border-radius:10px;
    width: 50px;
    min-width: 50px;
    float:right;
        }
.visitViewAdditionalMargin{
    margin-bottom:5px;
}
.companyImages {
    border-radius: 10px;
}
.DefaultItem {
    border-radius: 10px;
    border: 1px solid #A9A9A9;
    color: #000;
    background-color: #F1F8FF;
    list-style-type: none;
}
.DefaultItemWithHover{
    border-radius: 10px;
    border: 1px solid #A9A9A9;
    background-color: #F1F8FF;
    color: #000;
    list-style-type: none;
    transition: all .2s ease-in-out;
}
.DefaultItemWithHover:hover{
    background-position: 0 -100%;
    transform: scale(1.03);
    background-color:#D4E9FF;
}
.VisitSelected {
    border-radius: 10px;
    border: 1px solid #A9A9A9;
    background-color: #9cf;
    color: #000;
    list-style-type: none
}
.usersListHover{
    border: 1px solid #A9A9A9;
    background-color: #F1F8FF;
    color: #000;
    list-style-type: none;
    transition: all .2s ease-in-out;
}
.usersListHover:hover{
    background-position: 0 -100%;
    background-color:#D4E9FF;
}

.UploadButton >div> input {
                border-radius: 5px !important;
                border: 1px solid !important;
            }
            .UploadButton >div> div >input {
                opacity: 0 !important;
                height: 0px !important;
                font-size: 12px !important;
                font-family: Tahoma !important;
                width: 0px !important;
            }

            .UploadButton > div {
                height: 35px !important;
                margin: 0px !important;
                text-align: right !important;
                width: 176px !important;
                background: url(http://localhost/1_2/images/uploaddoc.png) 100% 1px no-repeat !important;
            }

table.permiticons tr td{ padding:0px; }

.popupWrapper{
    padding:1%;
    margin-top:3%;
    background-color:#dfdfdf;
    border-radius:10px;
    border:3px;
    border-color:#000;
    text-align:left;
}

.popupBackground 
{
    background-color:#f2f2f2;
    filter: alpha(opacity=70);
    opacity:0.7; 
}

/* Reposition the [X] button which appears at the end of textbox input controls in IE to enable all text to be removed */
input.ui-autocomplete-input::-ms-clear {
    padding-right: 10px;
}

/* Absolute Center Spinner */
/* https://codepen.io/MattIn4D/pen/LiKFC */
.page-spinny, .background-fade {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.page-spinny:before, .background-fade:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.page-spinny:not(:required), .background-fade:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.page-spinny:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  /* Black spinny */
  /*-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;*/
  /*box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;*/
  /* White spinny */
  -webkit-box-shadow: rgba(255, 255, 255, 1) 1.5em 0 0 0, rgba(255, 255, 255, 1) 1.1em 1.1em 0 0, rgba(255, 255, 255, 1) 0 1.5em 0 0, rgba(255, 255, 255, 1) -1.1em 1.1em 0 0, rgba(255, 255, 255, 1) -1.5em 0 0 0, rgba(255, 255, 255, 1) -1.1em -1.1em 0 0, rgba(255, 255, 255, 1) 0 -1.5em 0 0, rgba(255, 255, 255, 1) 1.1em -1.1em 0 0;
  box-shadow: rgba(255, 255, 255, 1) 1.5em 0 0 0, rgba(255, 255, 255, 1) 1.1em 1.1em 0 0, rgba(255, 255, 255, 1) 0 1.5em 0 0, rgba(255, 255, 255, 1) -1.1em 1.1em 0 0, rgba(255, 255, 255, 1) -1.5em 0 0 0, rgba(255, 255, 255, 1) -1.1em -1.1em 0 0, rgba(255, 255, 255, 1) 0 -1.5em 0 0, rgba(255, 255, 255, 1) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}