.ec-qms-registrator
        {
            position:relative;
            margin:auto;
            /*width: 1024px;*/
			width: 100%;
            height: 850px;
            /*background: #e6e6e6;*/
			background: #ffffff;
            /*border: 2px solid #f3774b;*/
			border: none;
        }
        .service
        {
            margin: 8px;
            width: 30%;
            height: 150px;
            vertical-align: middle;
            display: inline-table;
            font-family: Trebuchet MS;
            color: #000000;
            text-align: center;
            background: linear-gradient(to bottom, #939393, #939393);
            border: 4px solid #ffffff;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            border-radius: 8px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            box-shadow: 6px 6px 0px rgba(46, 46, 46, 0.3);
            -webkit-box-shadow: 6px 6px 0px rgba(46, 46, 46, 0.3);
            -moz-box-shadow: 6px 6px 0px rgba(46, 46, 46, 0.3);
        }
        .service div
        {
            height: 100%;
            display: table-cell;
            vertical-align: middle;
            position: relative;
        }
        .groupservice
        {
            margin: 8px;
            width: 30%;
            height: 150px;
            vertical-align: middle;
            display: inline-table;
            font-family: Trebuchet MS;
            color: #000000;
            text-align: center;
            background: linear-gradient(to bottom, #939393, #939393);
            border: 4px solid #ffffff;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            border-radius: 8px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            box-shadow: 6px 6px 0px rgba(46, 46, 46, 0.3);
            -webkit-box-shadow: 6px 6px 0px rgba(46, 46, 46, 0.3);
            -moz-box-shadow: 6px 6px 0px rgba(46, 46, 46, 0.3);
        }
        .groupservice div
        {
            height: 100%;
            display: table-cell;
            vertical-align: middle;
            position: relative;
        }
        .serviceName
        {
            width: 100%;
            vertical-align: middle;
            position: relative;
            font-size: 20px;
        }
        .serviceDescription
        {
            width: 100%;
            vertical-align: middle;
            position: relative;
            font-size: 12px;
        }
        .serviceImg
        {
            vertical-align: middle;
            position: relative;
            padding-left: 18px;
        }
        .branch
        {
            vertical-align: middle;
            display: inline-table;
            margin: 10px;
            width: 31%;
            height: 150px;
            border: 10px solid #f3774b;
            background: #ffffff;
            padding-left: 44px;
            padding-right: 44px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-shadow: 6px 6px 0px rgba(46, 46, 46, 0.3);
            -webkit-box-shadow: 6px 6px 0px rgba(46, 46, 46, 0.3);
            -moz-box-shadow: 6px 6px 0px rgba(46, 46, 46, 0.3);
        }
        .branch div
        {
            height: 100%;
            display: table-cell;
            vertical-align: middle;
            position: relative;
        }
        .branchName
        {
            color: #d74c1b;
            font-family: Trebuchet MS;
            font-size: 24px;
            text-align: left;
            padding-bottom: 10px;
            float: left;
        }
        .branchAddress
        {
            color: #2f2f2f;
            font-family: Arial;
            font-size: 14px;
            text-align: left;
            float: left;
        }
        .minuteSelected
        {
            text-align: center;
            width: 200px;
            background: #f15d28 !important;
            color: #ffffff;
            border: 1px solid #f15d28;
            margin: 2px;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -khtml-border-radius: 3px;
        }
        .minutes
        {
            width: 208px;
            text-align:center;
        }
        .minute0
        {
            display: inline-block;
            text-align: center;
            width: 100px;
            height: 50px;
            line-height: 50px;
            background: #ffffff;
            margin: 2px;
        }
        .minute1
        {
            display: inline-block;
            text-align: center;
            width: 100px;
            height: 50px;
            line-height: 50px;
            background: #fe7575;
            margin: 2px;
        }
        .minute2
        {
            display: inline-block;
            text-align: center;
            width: 100px;
            height: 50px;
            line-height: 50px;
            background: #939393 !important;
            /* background: #ffdfd3; */
            margin: 2px;
        }
        .navigationHeader
        {
            width: calc(100%);
            height: 40px;
            margin: 0px !important;
            padding: 0px !important;
        }
        .navigationHeader ul
        {
            display: table;
            width: 100%;
            table-layout: fixed;
            box-sizing: border-box !important;
            -moz-box-sizing: border-box !important;
            -webkit-box-sizing: border-box !important;
            margin: 0px !important;
            padding: 0px !important;
        }
        .navigationHeader ul li
        {
            display: table-cell;
            position:relative;
            background: #619ee1;
            color: #000000;
            text-align: center;
            height: 40px;
            /*line-height: 40px;*/
            font-size: 16px;
            margin: 0px !important;
            padding: 0px !important;
        }
        .navigationHeader ul li span
        {
            display:block;
            position:relative;
            top:50%;
            transform: translateY(-50%);
        }
        .navPage
        {
            background: #939393;
            color: #000000;
        }
        .currentNavPage
        {
            background: #3d80ce !important;
            color: #ffffff !important;
        }
        .WorkArea
        {
            height: 700px;
            overflow: auto;
        }
        .calend
        {
            position:relative;
            top:10px;
            left:0;
            right:0;
            margin:auto;
            /*width: 770px;*/
			width: 98%;
            border: 1px solid #535353;
        }
        .calendDay
        {
            text-align: center;
            border: 1px solid #ffffff;
            color: #ffffff;
            background: #3d80ce;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
        .calendDate
        {
            text-align: center;
            border: 1px solid #ffffff;
            color: #ffffff;
            background: #535353;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
        .calendColumn
        {
            display: inline-block;
            /*width: 101px;*/
			width: calc(100%/7);
			
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
        .hour0
        {
            text-align: center;
            height:40px;
            line-height:40px;
            border: 1px solid #535353;
            background: #ffffff;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
        .hour1
        {
            text-align: center;
            height:40px;
            line-height:40px;
            background: #fe7575;
            border: 1px solid #535353;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
        .hour2
        {
            text-align: center;
            height:40px;
            line-height:40px;
            background: #63a0e3 !important;
            border: 1px solid #535353;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
        
        
        .ui-icon-closethick
        {
            background-image: url(images/remove.gif) !important;
            background-position: center !important;
            margin: 0 !important;
            outline: none !important;
        }
        
        /*.ui-dialog .ui-dialog-titlebar-close, .ui-icon-closethick
        {
            width: 32px !important;
            height: 32px !important;
            outline: none !important;
            padding: 0px !important;
        }
        
        .ui-dialog .ui-dialog-titlebar-close
        {
            background: none !important;
            border: none !important;
        }
        
        .ui-dialog-titlebar
        {
            background: #535353 !important;
            border: none;
            color: #ffffff !important;
            border-radius: 0px !important;
            -webkit-border-radius: 0px !important;
            -moz-border-radius: 0px !important;
        }
        
        .ui-button
        {
            padding: 0 !important;
            margin: 0 !important;
        }
        
        .ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close:hover
        {
            padding: 0 !important;
        }*/
        
        
        
        
        .ui-dialog .ui-dialog-content {
            border: 0 none;
            position: relative;
            padding: 0 !important;
            margin: 0  !important;
        }  
        .ui-dialog-titlebar 
        {
            height:40px;
            padding:0px;
            margin:0px;
            border: 0 none;
            border-radius: 6px 6px 0px 0px; 
            -webkit-border-radius: 6px 6px 0px 0px;
            -moz-border-radius: 6px 6px 0px 0px;
            background:#535353;
        }
        .ui-dialog 
        {
            left: 0;
            outline: 0 none;
            padding: 0 !important;
            position: absolute;
            top: 0;
            border-radius: 6px; 
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
        }
        .ui-dialog-buttonpane
        {
            height:86px;
            background:#f4f4f4;
            padding: 0 !important;
            margin: 0  !important;
        }
        .ui-dialog-title
        {
            position: relative;
            top:50%;
            -ms-transform: translateY(-50%);
            -webkit-transform: translate(0%,-50%);
            transform: translate(0%,-50%);
            font-family:Calibri;
            font-weight:bold;
            font-size:18px;
            color:#ffffff;
        }
        .ui-button
        {
            font-size:24px !important;
            color: #ffffff !important;
            font-family:Calibri !important;
            height:52px !important;
            border: 1px solid #008ec5 !important;
            border-radius: 6px !important;
            -webkit-border-radius: 6px !important;
            -moz-border-radius: 6px !important;
            background: linear-gradient(to bottom, #28aaef, #1d92d8) transparent !important;
            outline: none;
            margin:10px;
        }
        .ui-dialog-titlebar-close 
        {
            background:transparent !important;
            background-image: url(/images/remove.gif) !important;
            background-position:left top !important;
            background-repeat:no-repeat !important;
            border:0px none !important;
            padding-right:20px !important;
        }
        .ui-widget-header .ui-icon
        {
            display:none;
        }
        
        
        
        
        #dialog
        {
            background: #535353;
            padding: 5px !important;
        }
        .navigationPanel
        {
            width: 100%;
        }
        .back
        {
            width: 206px;
            height: 40px;
            line-height: 40px;
            background-color: #afafaf;
            position: relative;
            margin-left: 56px;
            border: 1px solid #7d7d7d;
            border-radius: 5px;
            display: inline-table;
            text-align: center;
            font-size: 18px;
        }
        
        .back:before
        {
            content: "";
            display: block;
            position: absolute;
            left: -20px;
            top: 0px;
            width: 0;
            height: 0;
            border-right: 20px solid #7d7d7d;
            border-top: 20px solid transparent;
            border-left: 0 solid transparent;
            border-bottom: 20px solid transparent;
        }
        .back:after
        {
            content: "";
            display: block;
            position: absolute;
            left: -17.7px;
            top: 0px;
            width: 0;
            height: 0;
            border-right: 20px solid #afafaf;
            border-top: 20px solid transparent;
            border-left: 0 solid transparent;
            border-bottom: 20px solid transparent;
            border-radius: 2px;
        }
        .next
        {
            width: 206px;
            height: 40px;
            line-height: 40px;
            background-color: #63a0e3;
            position: relative;
            margin-right: 56px;
            border: 1px solid #7d7d7d;
            border-radius: 5px;
            float: right;
            text-align: center;
            font-size: 18px;
        }
        
        .next:before
        {
            content: "";
            display: block;
            position: absolute;
            right: -20px;
            top: 0px;
            width: 0;
            height: 0;
            border-left: 20px solid #7d7d7d;
            border-top: 20px solid transparent;
            border-right: 0 solid transparent;
            border-bottom: 20px solid transparent;
        }
        .next:after
        {
            content: "";
            display: block;
            position: absolute;
            right: -17.7px;
            top: 0px;
            width: 0;
            height: 0;
            border-left: 20px solid #afafaf;
            border-top: 20px solid transparent;
            border-right: 0 solid transparent;
            border-bottom: 20px solid transparent;
            border-radius: 2px;
        }
        .calendNav
        {
            text-align:center;
            width:100%;
            padding-top:60px;
        }
        .prevWeek
        {
            width: 206px;
            height: 30px;
            line-height: 30px;
			background-color: #63a0e3;
            /*background-color: #afafaf;*/
            position: relative;
            margin-right: 6px;
            border: 1px solid #7d7d7d;
            border-radius: 5px;
            display: inline-table;
            text-align: center;
            font-size: 18px;
        }
        
        .prevWeek:before
        {
            content: "";
            display: block;
            position: absolute;
            left: -14.7px;
            top: 0px;
            width: 0;
            height: 0;
            border-right: 15px solid #63a0e3;
            border-top: 15px solid transparent;
            border-left: 0 solid transparent;
            border-bottom: 15px solid transparent;
        }
        .prevWeek:after
        {
            content: "";
            display: block;
            position: absolute;
            left: -13.7px;
            top: 0px;
            width: 0;
            height: 0;
            border-right: 15px solid #afafaf;
            border-top: 15px solid transparent;
            border-left: 0 solid transparent;
            border-bottom: 15px solid transparent;
            border-radius: 2px;
        }
        .nextWeek
        {
            width: 206px;
            height: 30px;
            line-height: 30px;
            background-color: #afafaf;
            position: relative;
            margin-left: 6px;
            border: 1px solid #7d7d7d;
            border-radius: 5px;
            display:inline-table;
            text-align: center;
            font-size: 18px;
        }
        
        .nextWeek:before
        {
            content: "";
            display: block;
            position: absolute;
            right: -14.7px;
            top: 0px;
            width: 0;
            height: 0;
            border-left: 15px solid #7d7d7d;
            border-top: 15px solid transparent;
            border-right: 0 solid transparent;
            border-bottom: 15px solid transparent;
        }
        .nextWeek:after
        {
            content: "";
            display: block;
            position: absolute;
            right: -13.7px;
            top: 0px;
            width: 0;
            height: 0;
            border-left: 15px solid #afafaf;
            border-top: 15px solid transparent;
            border-right: 0 solid transparent;
            border-bottom: 15px solid transparent;
            border-radius: 2px;
        }
        .curWeek
        {
            width: 206px;
            height: 30px;
            line-height: 30px;
            background-color: #afafaf;
            position: relative;
            right: 0;
            left:0;
            margin:auto;
            border: 1px solid #7d7d7d;
            border-radius: 5px;
            display:inline-table;
            text-align: center;
            font-size: 18px;
        }
        .locales
        {
            position:absolute;
            width:100px;
            height:40px;
            bottom:0px;
            left:0px;
            right:0px;
            margin:auto;
        }
        .localesCombobox
        {
            height:30px;
        }
        .ticket
        {
            height:695px;
            position:absolute;
            right:0;
            left:0;
            margin:auto;
            width:280px;
            border:2px solid #939393;
        }
        .additionalInfoInput
        {
            position: absolute;
            display:inline-block;
            height:30px;
            margin:4px;
            margin-top: 10px;
        }
        .additionalInfoInput input[type="text"]
        {
            height:30px;
            width:220px;
            border:2px solid #535353;
        }
        .additionlInfoCaption
        {
            height:40px;
            width:240px;
            font-size:18px;
            display:inline-block;
	        margin:8px;
	        position: relative;
        }
        .additionlInfoCaption  span
        {
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translateY(-50%);
    position: absolute;
    text-align: right;
    width: 100%;
        }
        .confirmAdditionalInfoContainer
        {
            margin-left:40px;
        }
        .confirmAdditionalInfoCaption
        {
            display:inline-block;
            line-height:30px;
            font-size:20px;
            font-weight:bolder;
            padding:4px;
            padding-right:8px;
        }
        .confirmAdditionalInfoValue
        {
            display:inline-block;
            font-size:20px;     
            padding:4px;   
            padding-right:8px;    
        }
        .confirmationCaption
        {
            font-size:22px;
            font-weight:bolder;
            display:inline-block;
            padding:4px;
            padding-right:8px;
        }
        .confirmationValue
        {
            display:inline-block;
            font-size:22px;   
            padding:4px;  
            padding-right:8px;       
        }
        .sendMailContainer
        {
        }
.requiredFieldStar
{
	color: #f3774b;
}
.preRegLegend
{
    position:absolute;
    bottom:0px;
    right:0px;
    text-align:center;
}
.legendItem
{
    position:relative;
    display:block;
    line-height:30px;
    height:30px;
    margin-top:7px;
    margin-left:60px;
}
.legendItem:before
{
    position:absolute;
    content:' ';
    left:-60px;
    width:50px;
    height:30px;
}
.busyTime:before
{
    border:1px #f15d28 solid;
    background:#fe7575;
}
.unavailableTime
{
}
.unavailableTime:before
{
    border:1px #3b3a3a solid;
    background:#858585;
}
.endRegistrationMsg
{
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    height:50px;
    width:100%;
    text-align:center;
    color: #d74c1b;
    font-family: Trebuchet MS;
    font-size: 26px;
}
.legendHint
{
    z-index:9999999999999999999999;
    display:inline-block;
    font-family: Arial;
    font-size:10pt;
    padding:5px;
    background:#ffffff;
    text-transform: uppercase;
    -webkit-box-shadow: 10px 10px 25px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 25px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 25px 0px rgba(0,0,0,0.75);
}
.errorMsg
{
    width:100%;
    text-align:center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 28px;
}
.PreRegCancelContainer
{
    width:100%;
    height:100%;
}
.PreRegCancelHeader
{
    width:100%;
    text-align:center;
    position: relative;
    top: 45%;
    transform: translateY(-50%);
    font-size: 28px;
}
.input
{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    height:30px;
    width:280px;
    border:2px solid #535353;
}
.preRegCancelBtn
{
    position:absolute;
    text-align:center;
    top: 0;
    right: 0;
    width:180px;
    height: 40px;
    color:#ffffff;
    background:#ff0000;
}
.message
{
    color:#ffffff;
    text-align:center;
    position: relative;
    top: calc(50% - 30px);
    transform: translateY(-50%);
}