﻿.onoffswitch {
    position: relative; width: 113px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 0px solid #999999; border-radius: 0px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner > span {
    display: block; float: left; position: relative; width: 50%; height: 34px; padding: 0; line-height: 34px;
    font-size: 20px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner .onoffswitch-active {
    padding-left: 8px;
    background-color: #C2C2C2; color: #FFFFFF;
}
.onoffswitch-inner .onoffswitch-inactive {
    padding-right: 8px;
    background-color: #C2C2C2; color: #FFFFFF;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 50px; margin: 0px; text-align: center; 
    border: 0px solid #999999;border-radius: 0px; 
    position: absolute; top: 0; bottom: 0;
}
.onoffswitch-active .onoffswitch-switch {
    background: #27A1CA; left: 0;
}
.onoffswitch-inactive .onoffswitch-switch {
    background: #A1A1A1; right: 0;
}
.onoffswitch-active .onoffswitch-switch:before {
    content: " "; position: absolute; top: 0; left: 50px; 
    border-style: solid; border-color: #27A1CA transparent transparent #27A1CA; border-width: 17px 11px;
}
.onoffswitch-inactive .onoffswitch-switch:before {
    content: " "; position: absolute; top: 0; right: 50px; 
    border-style: solid; border-color: transparent #A1A1A1 #A1A1A1 transparent; border-width: 17px 11px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}


.txtBox 
{

}

.txtBoxBig 
{
    padding:0px;
    padding-left:5px;
    padding-right:5px;
    font-size:22px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight:200;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?c44zp7');
  src:  url('fonts/icomoon.eot?c44zp7#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?c44zp7') format('truetype'),
    url('fonts/icomoon.woff?c44zp7') format('woff'),
    url('fonts/icomoon.svg?c44zp7#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}


div.GroupControl
{
    padding: 0px;
    margin: 0px;
    display: block;
    float: left;
    border-collapse: collapse;
    border-spacing: 0px;

    font-size:18px;
    font-family: 'Segoe UI', 'SegoeUI-Light', Tahoma, Geneva, Verdana, sans-serif;
    font-weight:200;
    text-align: left;
    text-indent: 0px;
    color:#3c2e27;
    margin:0px;
    padding:0px;
    margin-bottom:8px;
}
.LabelBefore
{
    float:left;
    display:block;
    border:0px solid red;
    text-align:right;
    line-height: 34px;
    font-size:18px;
    font-family: 'Segoe UI', 'SegoeUI-Light', Tahoma, Geneva, Verdana, sans-serif;
    font-weight:200;    
}
.sTxtField:-moz-placeholder {
  color: #999999;
}

.sTxtField::-moz-placeholder {
  color: #999999;
}

.sTxtField:-ms-input-placeholder {
  color: #999999;
}

.sTxtField::-webkit-input-placeholder {
  color: #999999;
}

.sTxtField {
    font-family: 'Segoe UI', 'SegoeUI-Light', Tahoma, Geneva, Verdana, sans-serif;
    font-weight:200;
    display: block;
    float:right;
    width: 200px;
    height: 34px;
    padding: 0px 12px;
    font-size: 18px;
    line-height: 18px;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
            transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.sTxtField:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.sTxtField[disabled],
.sTxtField[readonly],
fieldset[disabled] .sTxtField {
  cursor: not-allowed;
  background-color: #eeeeee;
}

.hasTooltip 
{
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    line-height:24px;
    font-size:18px;
    text-align:center;
    color:white;

    display: block;
    float: left;
    width: 24px;
    height: 24px;
    padding:0px;
    margin: 5px;
    /*background-image: url('../Images/SmallIco/Marker_ico.png');
    background-position:center center;
    background-size:16px 16px;*/
    background-color: rgba(46, 178, 58, 0.5);
    background-repeat:no-repeat;
    border-radius: 12px;
}
.hasTooltip:before {
  content: "\e5ca";
}

.hasTooltipAlert 
{  
    /*background-color: rgba(201, 16, 16, 0.75);*/
    background-color:rgba(241, 64, 64, 0.5); 
    /*background-image: url('../Images/SmallIco/Alert_ico.png');*/

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(241, 64, 64, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(241, 64, 64, 0.6);

    animation: TooltipAlert 3s linear 0s infinite  alternate;
    -webkit-animation: TooltipAlert 3s linear 0s infinite  alternate;
}
.hasTooltipAlert:before {
  content: "\e645";
}

@keyframes TooltipAlert
{
    0% {box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 18px rgba(241, 64, 64, 0.9);}
    50% {box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(241, 64, 64, 0.2);}
    100% {box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 18px rgba(241, 64, 64, 0.9);}
} 
@-webkit-keyframes TooltipAlert
{
     0% {-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 18px rgba(241, 64, 64, 0.9);}
    50% {-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(241, 64, 64, 0.2);}
    100% {-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 18px rgba(241, 64, 64, 0.9);}
}

.LabelCheck
{    
    text-align:right;
    line-height: 22px;
    font-size:18px;
    font-family: 'Segoe UI', 'SegoeUI-Light', Tahoma, Geneva, Verdana, sans-serif;
    font-weight:200; 
    float:right;
}

.sCheck {
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 17px;
  height: 17px;
}
.sCheck + label {
  cursor: pointer;
}
.sCheck:not(checked) {
  position: absolute;
  opacity: 0;
}
.sCheck:not(checked) + label {
  position: relative; 
  padding: 0px 60px 0px 0px; 
}
.sCheck:not(checked) + label:before {
  content: '';
  position: absolute;
  top: 0px;
  right: 0;
  width: 50px;
  height: 26px;
  border-radius: 13px;
  background: #CDD1DA;
  box-shadow: inset 0 2px 3px rgba(102, 175, 233, 0.2);
}
.sCheck:not(checked) + label:after {
  content: '';
  position: absolute;
  top: 2px;
  right: 2px;
  width: 22px;
  height: 22px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: all .3s;
}
.sCheck:checked + label:before {
  background-color: rgba(46, 178, 58, 0.75);
}
.sCheck:checked + label:after {
  right: 26px;
}

.sWindowHeader
{
    font-family: 'Segoe UI', 'SegoeUI-Light', Tahoma, Geneva, Verdana, sans-serif;
    font-weight:200; 
    font-size:25px;
    line-height:1.05em;
    margin:0em;
    padding:0.35em 1.5em 0.55em 0.5em;
    border-radius:0.25em;
    height:auto;
    width:calc(100% - 2em);
    background-color:silver;
    color:white;
}

.sButtonOverlayWindow
{
    display:block;
    float:left;
    margin:0px;
    
    font-family: 'Segoe UI', 'SegoeUI-Light', Tahoma, Geneva, Verdana, sans-serif;
    font-weight:400; 
    font-size:25px;
    padding:0.25em 0.5em 0.5em 0.5em;
    border-radius:0.25em;

    width:calc(100% - 0em);
    height:auto;

    background-color:rgba(46, 178, 58, 0.75);
    color:white;
    border:0px;
    cursor:pointer;
}

.sButtonOverlayWindow[disabled] 
{
    cursor: not-allowed;
    background-color: silver;
}
.noFloat{
    float:none;
}

div.HeadBlockAlert
{
    background-color: rgba(204, 0, 0, 0.75);
}
p.HeadBlockAlert
{
    font-size:18px;
    line-height: 21px;
    font-family: 'Segoe UI', 'SegoeUI-Light', Tahoma, Geneva, Verdana, sans-serif;
    font-weight:200;
    text-align: left;
    text-indent: 0px;
    margin:10px;
    padding:0px;
    color:#aa0000;
}