﻿.ui-corner-all2 {
    height: 40px;
    margin-top: 30px;
    color: #323232;
    vertical-align: middle;
    font-size: 24px;
    /* font-family: Century Gothic,Apple Gothic,sans-serif; */
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 40px;
    /* text-shadow: 2px 2px 8px #000; */
}
.ui-datepicker-header
{
    width:100%; 
}
.panel
{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.nav-tabs > li > a
{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
input[type=checkbox] {
    position:absolute;
    z-index:-1000;
    left:-1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height:1px;
    width:1px; 
    margin:-1px; 
    padding:0; 
    border:0;
}

input[type=checkbox] + label {
    padding-left:29px;
    height:24px; 
    display:inline-block;
    line-height:24px;
    background-repeat:no-repeat;
    background-position: 0 0;
    vertical-align:middle;
    cursor:pointer;
    font-weight: normal;
}

input[type=checkbox]:checked + label {
    background-position: 0 -24px;
}
label {
    background-image:url(../images/csscheckbox_6a08952149be46583a4b36f05d0b401c.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.custom-select {
    position: relative;
    display:block;
    margin-top:0.5em;
    padding:0;
  
}
.custom-select select 
{
    height: 35px;
    width:100%;
    margin:0;
    background:none;
    border: 1px solid transparent;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    font-size:1em;
    font-family: helvetica, sans-serif;
    font-weight: bold;
    color: #444;
    padding: .6em 1.9em .5em .8em;
    line-height:1.3;
}
    .custom-select::after {
        content: "";
        position: absolute;
        width: 9px;
        height: 8px;
        top: 50%;
        right: 1em;
        margin-top: -4px;
        background-image: url('../images/select-arrow.png');
        background-repeat: no-repeat;
        background-size: 100%;
        z-index: 2;
        pointer-events: none;
    }
.custom-select:hover {
    border:1px solid #888;
}
.custom-select select:focus {
    outline:none;
    box-shadow: 0 0 1px 3px rgba(180,222,250, 1);
    background-color:transparent;
    color: #222;
    border:1px solid #aaa;
}

.custom-select option {
    font-weight:normal;
}
x:-o-prefocus, .custom-select::after {
    display:none;
}    

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    .custom-select select::-ms-expand {
        display: none;
    }
    .custom-select select:focus::-ms-value {
        background: transparent;
        color: #222;
    }
}  
@-moz-document url-prefix() { 
    .custom-select {
        overflow: hidden;
    }
    .custom-select select {
        /*width: 120%;
        width: -moz-calc(100% + 3em);
        width: calc(100% + em);*/
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
  
}
tr .color02
{
    font-family: Century Gothic,Apple Gothic,sans-serif;
}
.custom-select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
.button {
border: 1px solid #bbb;
border-radius: .3em;
box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
background: #f3f3f3; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
}
.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover
{
font-family: Century Gothic,Apple Gothic,sans-serif;
font-weight: 200;
}
.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info
{
background-color: #D9EDF7;
color: rgb(0, 0, 0);
font-family: Century Gothic,Apple Gothic,sans-serif;
font-weight: 200;
}
.max400
{
max-width:400px;
}

table.tablesorter thead tr .header {
background-image: url(../images/bg.gif);
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
background-image: url(../images/desc.gif);
}
.headerTitle
{
padding-bottom: 20px;
padding-top: 20px;
text-align: center;
font-size: 25px;
color: #005C9D;
font-family: Century Gothic,Apple Gothic,sans-serif;
font-weight: 200;
text-shadow: 1px 1px 1px #000;
}

button span.glyphicon{
border-right: 1px solid rgba(0, 0, 0, 0.2);
margin-right: 4px;
padding-right: 5px;
}
.table > tbody > tr.infotext > td,
.table > tbody > tr.infotext:hover > td
{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }

/* Bounce To Bottom */
.hvr-bounce-to-bottom 
{
margin-top:5px;
border:1px solid #CCC;
padding:10px;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active 
{
text-decoration:none;
color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Underline From Left */
.hvr-underline-from-left 
{
padding-bottom:5px;
text-decoration:none;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
overflow: hidden;
}
.hvr-underline-from-left:before 
{
text-decoration:none;
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
background: #2098d1;
height: 2px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before 
{
text-decoration:none;
right: 0;
}
a:focus, a:hover { color: #337AB7; }

.col-margin-buttons{
float: right;
text-align: right;
margin-bottom: 10px;
}

input[type=radio].css-radio {
position:absolute;
z-index:-1000;
left:-1000px;
overflow: hidden;
clip: rect(0 0 0 0);
height:1px;
width:1px;
margin:-1px;
padding:0; 
border:0;
font-weight: 100;
font-size:16px;
}

input[type=radio].css-radio + label.css-label-radio {
padding-left:35px;
height:30px; 
display:inline-block;
line-height:30px;
background-repeat:no-repeat;
background-position: 0 0;
vertical-align:middle;
cursor:pointer;
margin-right: 50px;
}

input[type=radio].css-radio:checked + label.css-label-radio { background-position: 0 -30px; }
label.css-label-radio {
    background-image: url('../images/checkboxcomradio.png');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.icon-input-btn{
    display: inline-block;
    position: relative;
}
.icon-input-btn input[type="submit"]{ padding-left: 2em; }
.icon-input-btn .glyphicon{
    display: inline-block;
    position: absolute;
    left: 0.65em;
    top: 23%;
    color: #fff;
}
.ui-widget-overlay { background: none !important; }
.ui-dialog-titlebar-close
{
    border: none;
    background: none;
}
#tblAppointments{
    table-layout: fixed;
    font-size: 12px;
    margin-top: 14px;
    margin-bottom: 14px;
}
#tblAppointments > tr:first{
    font-family: Century Gothic,Apple Gothic,sans-serif;
    font-size: 15px;
}
#tblAppointments td
{
    word-wrap: break-word;
    white-space: pre-wrap;
}
.tblLittleFont
{
    word-wrap: break-word;
    white-space: pre-wrap;
    font-size: 12px;
}
.tblLittleFont .header { font-weight: 100; }

/*fani*/
.form-new-control {
    width: 100% !important;
    border: 0px !important;
    outline: none !important;
    border-bottom: 1px solid #dcdee4 !important;
    padding: 5px !important;
    margin-bottom: 10px !important;
}

.asterisk {
    font-weight: bold;
    color: #FF0000;
}
