html {-webkit-text-size-adjust: 100%;-moz-text-size-adjust: none;-ms-text-size-adjust: 100%; /* Prevent font scaling in landscape */ height:100%; width:100%}
body { margin:0;padding:10px; background:#fff; line-height:100%; color:#3a3a3a; font:16px/24px 'Sailec-Regular';box-sizing:border-box}
img { border:none; }
a { text-decoration:none; color:#4886ff;}
p a { text-decoration:none; color:#4886ff;}
p a:hover {text-decoration:underline;}
strong, b { font-weight:normal;font-family: 'Sailec-Bold'; font-size:18px;}
p { padding-bottom:20px; }
ul { list-style:none;margin:0px; padding:0; }
ul li { }
ul li a:hover { text-decoration:underline;}
h1, h2, h3, h4, h5, h6, p { margin:0; font-weight: normal; }
.clearfix:before, .clearfix:after {display: table; content: " ";}
.clearfix:after { clear: both;}
.clear { clear:both; line-height:0; height:1px; font-size:0}
input[type="submit"] { cursor:pointer;}
* html .clearfix {height: 1%}
*:focus { outline: none;}
select {-webkit-appearance: none;-moz-appearance: none; appearance: none;}
input { /*-webkit-appearance: none; */-moz-appearance: none; appearance: auto; }
input::-webkit-input-placeholder { /* WebKit browsers */opacity: 1 !important;color:#8e8d8d;}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */opacity: 1 !important;color:#8e8d8d;}
input::-moz-placeholder { /* Mozilla Firefox 19+ */opacity: 1 !important;color:#8e8d8d;}
input:-ms-input-placeholder { /* Internet Explorer 10+ */opacity: 1 !important;color:#8e8d8d;}
textarea::-webkit-input-placeholder { /* WebKit browsers */opacity: 1 !important;color:#8e8d8d;}
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */opacity: 1 !important;color:#8e8d8d;}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */opacity: 1 !important;color:#8e8d8d;}
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */opacity: 1 !important;color:#8e8d8d;}
#email_check { display:none;}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* oldIE 😉 */
/*------------------------------------*/
.auto { height:auto !important;}
.container { background:#f6f7fb; box-sizing:border-box}
.content-wrap { display:table; height:100%; width:100%;}
.content { margin:0 auto; max-width:960px;}
.cw { display:table-cell; vertical-align:middle;}
.c-inner { max-width:960px; margin:0 auto; padding:45px 20px; position:relative;}
.custom-field.input-field {    max-width: 272px;   margin: 0 auto 20px;}
.logo { display:table; margin:0 auto; padding-bottom:50px;}
.logo img { display:block;}
h1 { text-align:center; font:35px/45px 'Sailec-Light';color:#232732; padding:0 0 10px;}
h5 { text-align:center; font:20px/30px 'Sailec-Regular';color:#3a3a3a; padding-bottom:35px;}


.white-wrap { margin:0 auto; max-width:320px; text-align:center}
.white-inner { background:#fff; box-sizing:border-box; padding:30px 30px 36px; border-radius:5px; border:1px solid #edeef2;-webkit-box-shadow: 0px 0px 0px 1px rgba(243,244,248,1);
-moz-box-shadow: 0px 0px 0px 1px rgba(243,244,248,1);
box-shadow: 0px 0px 0px 1px rgba(243,244,248,1); margin-bottom:45px;}
.white-inner .cta { padding:16px 0 0;}
.white-inner p { text-align:center;}
/*General input settings*/
.cta { text-align:center;}
.cta a, .cta input { display:inline-block; vertical-align:top; min-width:160px; box-sizing:border-box; border:none; cursor:pointer; text-align:center; font-size:13px; line-height:100%; color:#fff; text-transform:uppercase; border-radius:3px; padding:14px 20px; transition:all ease 0.3s; background:#4886ff; font-family:'Sailec-Bold'}
.cta a:hover , .cta input:hover { background:#fc617f}
.input-field { background:#fff; box-sizing:border-box; margin-bottom:8px;}
.input-field.drop { padding:0; background: url(../images/dropgradientbg.png) repeat-x left bottom #fff; height:55px}
.input-field input { background:#fff; text-align:center; border:1px solid #cccfdb; border-radius:4px; color:#8e8d8d; width:100%; padding:12px 15px 9px; box-sizing: border-box; font:14px/20px 'Sailec-Regular';}

.half { float:left; width:50%;}
.ty { background:#fff;}
.ty .half { height:100%; display:table;}
.ty .pic { background:url(../images/ty-side-image.png) no-repeat center center / cover; background-color:#f6f7fb}
.ty h5 strong { display:block;}
.ty .c-inner { max-width:770px;}


/*Drop Down Style*/
/*.ui-icon { background: url(../images/span-select-bg.png) no-repeat right top; width:10px; height:5px;}*/
.ui-selectmenu-button {color: #000; height:100%; width: 100% !important;}
.ui-selectmenu-button span.ui-selectmenu-text {color: #000;   font-family: 'Sailec-Light';   font-size: 20px; line-height:100%;border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.ui-selectmenu-button span.ui-selectmenu-text {padding:19px 35px 17px 20px;box-sizing:border-box; }
.ui-selectmenu-button span.ui-icon { left: auto; margin-top:-2.5px;position: absolute;right: 20px;top: 50%;}
.ui-selectmenu-menu .ui-menu { background:#f7f7f7;    color: #222;    margin-top: 3px;    padding: 9px 0; position:relative; z-index:250;	-webkit-box-shadow: 0px 0px 0px 1px rgba(242,242,242,1);-moz-box-shadow: 0px 0px 0px 1px rgba(242,242,242,1);box-shadow: 0px 0px 0px 1px rgba(242,242,242,1);}
.ui-menu .ui-menu-item {    line-height: 100%;    padding-left: 20px;	background:none;color: #000;    font-family: 'Sailec-Light';    font-size: 16px; 	padding:7px 1em 7px 1.4em;}
.ui-menu .ui-menu-item:hover {    background: rgba(244,244,244,0.8);    color: #003399;}
.ui-selectmenu-button {    margin-top: -4px;    width: 100% !important;}
.select {    display: block !important;    height: 0;    margin-top: 0;    visibility: hidden;    width: 0;}
.ui-selectmenu-menu .ui-menu {border-bottom-right-radius: 6px;border-bottom-left-radius: 6px; border:1px solid #7d7f82; border-top:0;}
/*Drop Down Style END*/


/*Header*/

#temp-with-header .content-wrap {
    box-sizing: border-box;
    padding-top: 56px;
}

.header { z-index:50;
-webkit-box-shadow: -1px 1px 1px 0px rgba(252,252,252,1);
-moz-box-shadow: -1px 1px 1px 0px rgba(252,252,252,1);
box-shadow: -1px 1px 1px 0px rgba(252,252,252,1);
position:absolute; left:0; top:0; background:#fff; width: calc(100% - 20px); box-sizing:border-box; margin:10px 10px 0; border:1px solid #fcfcfc; border-top-color:#fcfcfc; border-left-color:#f6f6f6;border-right-color:#f6f6f6; border-bottom-color:#e6e7ea;}
.small-logo { float:left; padding:9px 20px;}
.small-logo img { width:36px; display:block;}


.navigation { float:right; position:relative;}
.navigation p { float:right; padding:10px 10px 9px 50px; line-height:35px; position:relative; font-size:14px;}
.profile-picture-nav {position:absolute; left:0; top:10px; border-radius:50%; width:35px; height:35px; background-size:cover; background-repeat:no-repeat; background-position:center center; }

.bell { float:right; padding:18px 16px 14px; position:relative;}
.bell img { display:block}
.bell:after { position:absolute; right:15px;top:19px; content:''; display:block; width:7px; height:7px; border-radius:50%; background:#fc617f;}
.notifications { float:right;}
.logout { float:right; border-left:1px solid #eaecf3; padding:20px;}
.logout img { display:block; opacity:0.15; trasition:all ease 0.3s;}
.logout:hover img { opacity:1;}


.latest { display:none;
-webkit-box-shadow: 0px 1px 1px 0px rgba(230,231,234,1);
-moz-box-shadow: 0px 1px 1px 0px rgba(230,231,234,1);
box-shadow: 0px 1px 1px 0px rgba(230,231,234,1);
background:#fff;box-sizing:border-box; border:1px solid #fcfcfc; border-top-color:#fcfcfc; border-left-color:#f6f6f6;border-right-color:#f6f6f6; border-bottom-color:#e6e7ea; position:absolute; right:54px; top:100%; width:100%; padding:25px; width:320px; border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;}
.latest h5 { font-size:13px; line-height:16px; color:#8e8d8d;font-family:'Sailec-Bold'; text-align:left; padding:0 0 20px;}
.latest .cta { text-align:left;}
ul.not { padding:0; padding-bottom: 10px; }
ul.not li {color:#868585;font-size:13px; line-height:20px;font-family:'Sailec-Regular'; padding-bottom:7px; padding-left:15px; position:relative;}
ul.not li.red:before { background:#fc617f}
ul.not li:before { content:'';position:absolute;left:0;top:8px;width:7px;height:7px;background:#9ecc2f;border-radius:50%;}

ul.not li a { text-decoration: none; color: #868585; cursor: pointer; }
.messages_table tr { cursor: pointer; }

.white-wrap.wide {max-width: none; text-align:left;}
.profile-picture {  width:130px; height:130px; padding-top:130px; box-sizing:border-box; background-size:cover; background-repeat:no-repeat; background-position:center center; border-radius:50%;}
.profile-wrap {float:left;}


.profile-wrap p { margin-top:20px;}
.wide form { width: calc(100% - 130px); float:left;}
.wide .input-field { float:left; width:50%; padding-left:32px; margin-bottom:24px; box-sizing:border-box; text-align:left}
.wide .input-field input { text-align:left;}
.input-field label {color:#d0d0d0; font-size:13px; text-transform:uppercase;font-family:'Sailec-Bold'; display:block; padding-bottom:14px; line-height:100%;}
.wide .white-inner { padding:47px 30px 57px;}
.wide .cta { text-align: left; padding-left:32px;}
.wide ul.not li:before { top:5px;}
.sys.wide .white-inner { padding:45px 45px 35px;}
ul.not li.blue:before { background:#4886ff}
ul.not li.blue {font-family:'Sailec-Bold';color:#3a3a3a;}
.error input { border-color:#fc617f         }
.valid input {border-color:#4886ff}



input.error  {    border: 1px solid #fc617f !important;    }
/*    clanedar start  */
#calendar {
    max-width: 1280px;
    margin: 0 auto;
    margin-bottom: 45px;
}

.white-wrap {
    margin: 0 auto;
    max-width: 320px;
    text-align: center;
}

.white-inner {
    background: #fff;
    box-sizing: border-box;
    padding: 30px 30px 36px;
    border-radius: 5px;
    border: 1px solid #edeef2;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(243, 244, 248, 1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(243, 244, 248, 1);
    box-shadow: 0px 0px 0px 1px rgba(243, 244, 248, 1);
    margin-bottom: 45px;
}




.ui-widget-overlay {
    background: #f6f7fb !important;
    opacity: 1 !important;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border: solid 10px #fff
}


/*Days Navigation*/
.summary {
    float: right;
    position: absolute;
    left: 818px;
}
.summary ul {
    font-size: 0px;
}
.summary ul li {
    box-sizing: border-box;
    width: 50%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    color: #8e8d8d;
    font-size: 10px;
    line-height: 100%;
    font-family: 'Sailec-Bold';
    text-transform: uppercase;
    padding: 0 22.5px;
    border: 1px solid #c8cbd5;
}
.summary ul li.selected {
    border-color: #fcfcfc;
    background: #ffffff;
    -webkit-box-shadow: 2px 0px 1px 1px rgba(238, 238, 238, 0.41);
    -moz-box-shadow: 2px 0px 1px 1px rgba(238, 238, 238, 0.41);
    box-shadow: 2px 0px 1px 1px rgba(238, 238, 238, 0.41);
}
.summary ul li.selected:first-of-type {
    -webkit-box-shadow: -2px 0px 1px 1px rgba(238, 238, 238, 0.44);
    -moz-box-shadow: -2px 0px 1px 1px rgba(238, 238, 238, 0.44);
    box-shadow: -2px 0px 1px 1px rgba(238, 238, 238, 0.44);
}
.summary ul li:first-of-type {
    border-right: 0;
}
.summary ul li a {
    color: #8e8d8d;
    text-decoration: none;
    letter-spacing: 1px;
    display: block;
}
.summary ul li a:hover {
    text-decoration: none;
}
.open {
    -webkit-box-shadow: 0px 1px 0px 1px rgba(249, 249, 249, 1);
    -moz-box-shadow: 0px 1px 0px 1px rgba(249, 249, 249, 1);
    box-shadow: 0px 1px 0px 1px rgba(249, 249, 249, 1);
    background: #fff;
    padding: 25px 20px 40px;
    text-align: left;
    border: 1px solid #e2e3e7;
    border-top: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    box-sizing: border-box;
    z-index: 2;
}
.open h5 {
    color: #8e8d8d;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Sailec-Bold';
    line-height: 100%;
    padding: 0 0 30px;
    text-align: left;
}
.open p {
    color: #3a3a3a;
    font-size: 50px;
    font-family: 'Sailec-Light';
    line-height: 40px;
    text-align: left;
    margin-left: -3px;
}
.open p span {
    font-size: 13px;
    line-height: 13px;
    color: #868585;
    font-family: 'Sailec-Regular';
    display: block;
    padding: 5px 0 0;
    margin: 0 0 0 5px;
}
.progress-bar {
    background: #f6f7fb;
    height: 5px;
    border-radius: 2.5px;
}
.progress-bar span {
    display: block;
    height: 100%;
    border-radius: 2.5px;
}
.green_day {
    background: #9ecc2f;
}
.red_day {
    background: #fc617f;
}
/*Days Navigation End*/


/*Legend*/
.legend ul {
    padding: 0;
    margin: 0;
    font-size: 0;
}
.legend ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 30px;
    color: #868585;
    font-size: 13px;
    line-height: 20px;
    font-family: 'Sailec-Regular';
}
.legend ul li:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    content: '';
}
.legend ul li.pub:before {
    background: #fc617f
}
.legend ul li.com:before {
    background: #feb54c
}
.legend ul li.hol:before {
    background: #9ecc2f;
}


/*Legend*/
#dialog_day input[type="radio"] {
    -webkit-appearance: radio;
    -moz-appearance:    radio;
}



/*calendar end*/



/*Departments Start*/
.more-departments {max-width:540px; margin:0 auto 20px; text-align:center;}
.more-departments .input-field { display:inline-block; vertical-align:top; margin:2px 5px;width:0;  transition:all 0.3s;}
.more-departments .input-field input { text-align:left; box-sizing:border-box; opacity:0; padding:9px 15px 9px; height:39px;}
.Mac .more-departments .input-field input { padding:11px 15px 9px;}
.more-departments .cta { display:inline-block; vertical-align:top; margin: 2px 5px; width:47%;  }
.more-departments .cta input {
-webkit-box-shadow: inset 0px 0px 0px 2px rgba(72,134,255,1);
-moz-box-shadow: inset 0px 0px 0px 2px rgba(72,134,255,1);
box-shadow: inset 0px 0px 0px 2px rgba(72,134,255,1);
	padding:12px 20px; width:100%; box-sizing:border-box; letter-spacing:1px; background-color: transparent; color:#4886ff;}
.Mac .more-departments .cta input {padding:14px 20px 12px}
.more-departments .cta input:hover, .more-departments .cta.full input { background-color:#4886ff; color:#ffffff;}
.more-departments .cta.full input:hover {background-color:transparent; color:#4886ff}
.more-dep { font-size:0;}
/*isotope*/
.custom { text-align:center; padding:25px 0 0;}
.custom h4 { position:relative; display:inline-block; vertical-align:top; padding:0 0 20px 0px;  text-transform:uppercase; font-size:13px; line-height:18px;color:#3a3a3a;font-family: 'Sailec-Bold'; letter-spacing:1px;}
.Mac .custom h4:before { top:1px;}
.custom h4:before {position: absolute;
left: -25px;
top: 2px;
width: 13px;
height: 13px;
border-radius: 6.5px;
content: '';
}
.custom.a h4:before { background:#c5cbe4;}
.custom.b h4:before { background:#e19aff;}
.custom.c h4:before { background:#8cb3ff;}
.custom.d h4:before { background:#65b6d7;}
.custom.e h4:before { background:#0a4b93;}
.custom.f h4:before { background:#d83e5b;}
.custom.new h4:before { background:#c4dc7c;}
.departments-display { text-align:center; font-size:0;}
.d-column { width:240px; box-sizing:border-box; padding:10px; display:inline-block; vertical-align:top;}
.dc-inner {background:#ebecf0; padding:9px;border:1px solid #e4e5e9;  border-radius:3px;}
.sortable-list { padding:0; margin:0;}
.sortable-list li { border-radius:3px; background:#ffffff; text-align:left; padding:20px; color:#3a3a3a; font-size:16px; line-height:16px;font-family: 'Sailec-Regular'; margin-bottom:9px;-webkit-box-shadow: 0px 2px 5px 1px rgba(221,222,226,1);
-moz-box-shadow: 0px 2px 5px 1px rgba(221,222,226,1);
box-shadow: 0px 2px 5px 1px rgba(221,222,226,1);}
.Mac .sortable-list li { padding:20px 20px 16px;}
.sortable-list li:last-of-type { margin-bottom:0;}
.sortable-list li:hover {-webkit-box-shadow: 0px 0px 6px 4px rgba(210,211,214,1);
-moz-box-shadow: 0px 0px 6px 4px rgba(210,211,214,1);
box-shadow: 0px 0px 6px 4px rgba(210,211,214,1);}
.add-item { text-align:center; padding:10px 0 0;}
.add-item a { cursor:pointer; width:35px; height:35px; border-radius:17.5px; font-size:24px;font-family: 'Sailec-Regular'; line-height:35px; display:inline-block; vertical-align:top; color:#ffffff; background:#d8dae0; border:none; transition:all 0.3s;}
.add-item a:hover { background:#b5b7bc}
.Mac .add-item a { line-height:40px;}
.white-popup-block { max-width:310px; margin:0 auto; border-radius:3px; padding:35px 20px 60px; position:relative;}
.white-popup-block small { color:#ffffff; text-align:center; margin:0 auto; display:table;font-size:12px;}
.add-wrap {border-radius:3px; padding:30px; background:#ffffff; margin-bottom:40px;}
.title {font-size:18px; line-height:18px;color:#3a3a3a;font-family: 'Sailec-Bold'; text-align:center; }
.title span { display:inline-block; vertical-align:top;}
.title div { display:inline-block; vertical-align:top;}
.title .custom { padding:0;}
.title .custom h4 { margin-left:20px; font-size:18px; padding-bottom:10px; text-transform: capitalize}
.title .custom h4::before {    position: absolute;    left: -17px;    top: 3px;}
.Mac .title .custom h4::before {top:0px;}
.add-wrap p { text-align:center;}
.add-wrap .cta a { width:100%;}

.choose label { font-size:16px;color:#3a3a3a;font-family: 'Sailec-Regular'; display:block; text-align:left;padding:0px 0 24px;}
.ui-checkboxradio-label .ui-icon-background {
	background:none;
    box-shadow: none;
    border-radius: 6px;
    border: none;
	width:12px; height:12px;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(198,198,198,1);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(198,198,198,1);
box-shadow: inset 0px 0px 0px 1px rgba(198,198,198,1);
}

.ui-checkboxradio-checked, .choose label.ui-checkboxradio-checked {font-family: 'Sailec-Bold';}
.ui-checkboxradio-checked .ui-icon-background { background:#e19aff; box-shadow:none;}
.ui-checkboxradio-icon-space { width:14px;display: inline-block;}
.people-added-so-far { font-size:12px; line-height:22px; padding-bottom:20px;}

/**** Media queries ****/

@media (max-width: 767px) {
    body:after { content: 'small';  display:none;}

.d-column { width:50%;}
.more-departments .cta { width:100% !important;}
.more-dep { margin-top:-39px;}
}
@media (max-width: 480px) {
    body:after { content: 'smaller'; display:none; }
.d-column { width:100%;}
}
@media (min-width: 768px) and (max-width: 1040px) {

    body:after { content: 'medium'; display:none; }
.d-column { width:33%;}

}
@media (min-width: 1040px) and (max-width: 1199px) {

    body:after { content: 'big';  display:none;}
.d-column { width:240px;}

}
/**** Start: Recommended Isotope styles ****/
/**** Isotope Filtering ****/
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity;
/*    -webkit-transition-delay: 0s, 0.8s, 0s;
    -moz-transition-delay: 0s, 0.8s, 0s;
    -ms-transition-delay: 0s, 0.8s, 0s;
    -o-transition-delay: 0s, 0.8s, 0s;
    transition-delay: 0s, 0.8s, 0s;*/
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
/*Departments End*/

/*Special Request*/
.white-wrap.special { max-width:590px; width:100%;}
.cant-touch-this { text-align:center; font-size:0; padding-bottom:15px;}
.select-period-wrap {text-align:center; padding-bottom:15px;}
.select-period { float:left; width:47.5%;}
.select-period:last-of-type { float:right;}
.cant-touch-this .input-field { display:inline-block; vertical-align:top; width:47.5%; }
.cant-touch-this.cerere .input-field {width:44.5%;}
.cant-touch-this .input-field input {border-color: #dbdde6; background:#f6f7fb; font-size:14px; color:#d0d0d0 !important; width:100%;}
.cant-touch-this span { display:inline-block; vertical-align:top; font-size:16px; padding:20px 8px; line-height:1px;}
.special .input-field textarea {background: #fff;
    text-align: left;
    border: 1px solid #cccfdb;
    border-radius: 4px;
    color: #8e8d8d;
    width: 100%;
    padding: 12px 15px 9px;
    font: 14px/14px 'Sailec-Regular'; resize:none; overflow:auto; height:140px; box-sizing:border-box;
}


/*Inbox*/
.inbox-navigation { padding:20px 0 20px;}
.inbox-navigation .drop {border:1px solid #cccfdb; border-radius:0; background:none; float:left; height:auto; }
.inbox-navigation .drop .ui-selectmenu-button span.ui-selectmenu-text {color:#8e8d8d; font-size:10px; text-transform:uppercase; font-family:'Sailec-Black'; padding:12px 35px 8px 15px;}
.inbox-navigation .drop .ui-button .ui-icon {background-color: transparent;    border: none;    border-radius: 0px;}
.inbox-navigation .drop .ui-button .ui-icon, .drop .ui-state-active .ui-icon, .drop .ui-button:active .ui-icon, .drop .ui-button:hover .ui-icon,  .drop .ui-button:focus .ui-icon {background: url(../images/span-select-bg.png) no-repeat right top ; width:12px; height:9px;}
.inbox-navigation .ui-selectmenu-button {
    color: #000; height:100%;
    width: 100% !important;display:block;
}
.inbox-navigation .drop span.ui-button { border:none; background:none;}
.inbox-navigation .ui-selectmenu-button span.ui-icon {
    left: auto;
    margin-top:-2px;
    position: absolute;
    right: 10px;
    top: 50%;
}
.inbox-navigation .ui-selectmenu-menu .ui-menu {
	text-align:left;
    background:#fff; max-width:100%;
    color: #54595b;
    margin-top: 3px;
    padding: 9px 0; position:relative; z-index:250;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(242,242,242,1);
   -moz-box-shadow: 0px 0px 0px 1px rgba(242,242,242,1);
    box-shadow: 0px 0px 0px 1px rgba(242,242,242,1);
	border-radius:0;
	border-color:#cccfdb;
}
.inbox-navigation .ui-selectmenu-menu { max-width:100%;}
.inbox-navigation .ui-menu .ui-menu-item:first-of-type { display:none;}
.inbox-navigation .ui-menu .ui-menu-item {
    line-height: 100%;
    padding-left: 20px;
	background:none;color:#8e8d8d; font-size:10px; text-transform:uppercase; font-family:'Sailec-Black';
	padding:4px 15px 4px;
}
.inbox-navigation .ui-menu .ui-menu-item:hover {
    background: rgba(244,244,244,0.8);
    color: #fc617f;
}

.inbox-navigation .select {
    height: 0;
    margin-top: 0;
    visibility: hidden;
    width: 0;
}
.inbox-navigation .ui-icon { background-image:url(../images/span-select-bg2.png);width:8px; height:4px;}
.pagination { text-align:center; float:right; font-size:0;}
.pagination p, .pagination a { display:inline-block; vertical-align:top;}
.pagination p { font-size:13px; padding:13px 13px; line-height:13px;}
.pagination p strong {font-family:'Sailec-Bold'; font-size:13px; }
.pagination a { border:1px solid #cccfdb; background-color:transparent; padding:11px 12px;color:#8e8d8d;font-size:14px; line-height:8px;}
.pagination a:hover { background-color: #ffffff; border-color:#ffffff;}

.inb td.initials strong {text-transform:uppercase; display:inline-block; vertical-align:middle; font-weight:normal;font-family:'Sailec-Bold'; font-size:6px; border-radius:9px; width:18px; height:18px; line-height:18px; color:#ffffff; background:#cccccc; text-align:center; padding:0;}
.inb td { font-size:12px; line-height:18px;font-family:'Sailec-Regular'; border-bottom:1px solid #eeeeee; padding:15px 10px;}
.inb td strong {font-size:12px; line-height:18px;}
.inb tr td:last-of-type { text-align:right;}
.sys.wide.inb .white-inner {
    padding: 15px 45px 15px;
}


.inb tr:last-of-type td { border:none;}



/*Updates 171101*/
.fc-toolbar .summary { float:right; position:relative; left:auto;}
.fc-toolbar .summary div { margin:0 !important;}




.fc-month-view .fc-row.fc-rigid .fc-content-skeleton { top:14px;}
.fc-month-view .fc-row.fc-rigid .fc-content-skeleton.fix-circle-pos { top:0;}
/*Egaleaza td'ul cu span'ul rotund*/
.fc-year-view .fc-row.fc-week.fc-widget-content.fc-rigid { height:43px!important;}

.fc-year-view .classday span { line-height:43px;margin-top: 0px !important;}
.fc-toolbar h2 {
    line-height: 27px;
}

.summary ul li {line-height:100%;}
.summary ul li a { padding:9px 0 7px;}
.Mac .summary ul li a { padding:10px 0 6px;}
.fc-ltr .fc-basic-view .fc-day-number { cursor:pointer; position:relative !important;}
.fc-ltr .fc-basic-view .fc-day-number div { position:relative; z-index:50}
.fc-ltr .fc-basic-view .fc-day-number:hover:after { z-index:5;content:''; position:absolute; left:50%;top:50%; margin-top:-21.5px; margin-left:-21.5px; width:43px; height:43px; background:#c2d596; border-radius:50%;}
.fc-ltr .fc-basic-view .fc-day-number.classday.pink:hover:after, .fc-ltr .fc-basic-view .fc-day-number.classday.orange:hover:after, .fc-ltr .fc-basic-view .fc-day-number.classday.green:hover:after { display:none;}

.fc-year-view .classday.pink span:hover, .fc-year-view .classday.green span:hover, .fc-year-view .classday.orange span:hover, .fc-month-view .classday.pink span:hover, .fc-month-view .classday.orange span:hover { background-color:#c2d596}
.fc-highlight-skeleton { height:43px !important; margin-top:0px;}

.fc-day-number.fc-today { position:relative; }
.fc-day-number.fc-today div {color:#ffffff; position:relative; z-index:50;}
.fc-day-number.fc-today:after {z-index:-1;content:''; position:absolute; left:50%;top:50%; margin-top:-21.5px; margin-left:-21.5px; width:43px; height:43px; background:#000; border-radius:50%;}

.reply .cta { padding-left:0px; text-align:right;}
.ui-front { z-index: 100; }
.ui-widget-overlay { background: #f6f7fb !important; opacity: 1 !important; position: fixed; top:0px; left:0px; right:0px; bottom:0px;   width:  calc(100% - 20px); height: calc(100% - 20px); border:solid  10px #fff}
#dialog_day input[type="radio"] { -webkit-appearance: radio; }
.fc-year-view .fc-row.fc-last .fc-bg table {
	/* missing borders */
	border-bottom: 0px solid #dddddd;
}
.fc-year-view .fc-day-grid-container { padding-bottom:15px;}
.Firefox .fc-month-view .fc-row .fc-highlight-skeleton {
     margin-top: 15px;
}
.Mac .fc-ltr .fc-basic-view .fc-day-number div { padding-top:3px;}
.Mac .fc-month-view .fc-highlight-skeleton {margin-top: 2px;}
.Mac .classday span { line-height:46px;}
.Mac .legend ul li { line-height:24px;}
.Mac .cta a, .Mac .cta input { padding-bottom:11px;}
.Mac .back a { padding-top:11px;}
.Mac .reply-to span { line-height:20px;}
.Mac .inb td.initials strong { line-height:20px;}

/*Reserved Day by Employee css*/
.rb {position:relative; display: inline-block;margin: 2px 0; line-height: 100%; }
.rb .reserved { border-radius: 50%; width: 18px; line-height: 18px; height: 18px; color:#fff; font-size: 6px; display: inline-block;}
.rb .by { display:none; position: absolute; left: 50%; top:-30px; transform: translate(-50%, 0%); background: #ffffff; padding: 5px 10px; text-align: center; text-transform: uppercase;color:#8e8d8d;font-size: 8px; line-height: 10px; font-family: 'Sailec-Black';  white-space: nowrap;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
.rb .by:after { content:''; background: url(../images/caretdown.png) no-repeat left top;  position:absolute;left: 50%;bottom:-10px; margin-left: -8.5px; width: 17px; height:10px; color:#fff; background-color: transparent;
}
.rb:hover .by { display: block;}
.fc-year-view .rb {font-size:0; line-height: 100%; vertical-align: top;}
.fc-year-view .rb .reserved { text-indent:-9999px; font-size:0; width:7px; height:7px; line-height:7px;}
.fc-year-view .fc-day-number .yearviewday { line-height:100%; display:block;}

@media screen and (max-width: 1660px) {

}

@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 1024px) {

}
@media screen and (min-width: 730px) and (max-width: 960px) {

}
@media screen and (max-width: 760px) {
.fc-toolbar .fc-center {

    width: 100%;
    padding-top: 50px;
}
.fc .fc-toolbar > * > * {
    float: none;
    margin-left: .75em;
    display: table;
    margin: 0 auto !important;
}
.fc .fc-toolbar .open { display:none;}
.fc button { padding:7px 10px}
.fc button.fc-state-active {
    padding: 10px 10px;}
.summary ul li {padding: 0 10px !important;}
.open p { font-size:40px;}
.open { padding:25px 8px 25px}
br { display:none;}
.c-inner {
    padding: 25px 20px 45px;
}
.logo {
    padding-bottom:25px;
}
.half { float:none; width:100%;}
.ty .pic { display:none;}
h1 { padding:0 0 20px; font-size:30px; line-height:40px;}
h5 { font-size:18px; line-height:28px;}
.wide .input-field { float:none; width:100%;}
.latest { right:0; width:100%;}
.sys.wide.inb .white-inner {
    padding: 15px 25px 15px;
}
.inb td { padding:15px 5px; box-sizing:border-box;}
.wide form { width:100%; float:none;}
.wide .input-field {
 padding-left:0;
}
.wide .cta {
    padding-left: 0;
}
.profile-wrap { float:none}
.profile-wrap p { text-align:left;}
.profile-picture {
    float: none;
    width: 130px;
}
}
@media screen and (max-width: 480px) {
.inb tr:last-of-type td {
    border-bottom: 1px solid #eeeeee;
}
.inb tr:last-of-type td:last-of-type {
    border-bottom: none;
}
.inbox-navigation .drop { width:100%;}
.pagination { float:none;}
.inb td  {padding: 15px 5px;
    display: block;
    width: 100%;
    text-align: left!important;
	clear:both;
}
td.i-name, td.initials {  float:left; width:40px; clear:none;padding: 5px 5px;}
td.i-name { width: calc(100% - 40px); padding-bottom:6px;}

.cant-touch-this .input-field input { padding:12px 5px 9px;}
.cant-touch-this .input-field {    vertical-align: top;    width: 43.5%;}


.small-logo { display:none;}
.navigation p { padding-right:0;}
.latest { right:0; width:100%;}
.sys.wide .white-inner { padding:45px 20px 35px;}
.pagination p { display:block; padding:20px 0 10px;}
.inbox-navigation .drop { float:none;}
.cta a, .cta input { width:100%;}

}
@media screen and (max-width: 440px) {

}
@media screen and (max-height: 854px) {
.c-inner { padding:30px 20px;}
}
#login_user form p {
    font-size: 14px;
    padding: 29px 0 0;
}

form .error {
    font-size: 12px;
    color: red;
}

label.error { display:none !important;}
/*Read Inbox*/

.back {
    background: none;
    border: 1px solid #cccfdb;
    float: left;
}

.back a {
    color: #8e8d8d;
    background: none;
    border: none;
    text-transform: uppercase;
    font-family: 'Sailec-Black';
    font-size: 10px;
    line-height: 100%;
    position: relative;
    width: 100%;
    height: 28px;
    box-sizing: border-box;
    padding: 10px 30px 7px;
    cursor: pointer;
    letter-spacing: 1px;
    display: block;
}

.back a i {
    position: absolute;
    left: 13px;
    top: 9px;
}

.back a:hover {
    background: #fff;
}

.reply-header {
    margin-bottom: 22px;
}

.reply-to {
    float: left;
    position: relative;
    padding-left: 42px;
    font-size: 12px;
    color: #3a3a3a;
    font-family: 'Sailec-Regular';
    line-height: 18px;
}

.reply-to strong {
    font-family: 'Sailec-Bold';
    display: block;
}

.reply-to span {
    font-family: 'Sailec-Bold';
    position: absolute;
    left: 0;
    top: 0;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    box-sizing: border-box;
    color: #fff;
    background: #000;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    padding: 7px;
}

.received-at {
    float: right;
    font-size: 12px;
    color: #3a3a3a;
    font-family: 'Sailec-Regular';
    line-height: 18px;
    padding: 6px 0;
}

.sys.wide.inb .white-inner.reply {
    padding: 30px 45px 35px;
}

.white-inner.reply p {
    text-align: left;
}

.message-box {
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}

.message-box p {
    font-size: 12px;
    color: #3a3a3a;
    font-family: 'Sailec-Regular';
    line-height: 24px;
    padding-bottom: 25px
}

.reply .input-field {
    position: relative;
    float: none;
    padding-left: 52px;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
}

.reply .input-field textarea {
    box-sizing: border-box;
    border: 1px solid #dddfe7;
    border-radius: 2px;
    width: 100%;
    height: 62px;
    font-size: 12px;
    color: #3a3a3a;
    font-family: 'Sailec-Regular';
    line-height: 18px;
    resize: none;
    overflow: auto;
    padding: 7px 15px;
}

.reply .input-field span {
    font-family: 'Sailec-Bold';
    position: absolute;
    left: 0;
    top: 0;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    box-sizing: border-box;
    color: #fff;
    background: #000;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    padding: 7px;
    line-height: 18px;
}


/**** Media queries ****/

@media screen and (max-width: 767px) {
    .inbox-navigation {
        padding: 0px 0 30px;
    }
    .sys.wide.inb .white-inner.reply {
        padding: 30px 20px 35px;
    }
    .received-at {
        padding-left: 42px;
    }
    .received-at,
    .reply-to {
        float: none;
    }
    .message-box {
        margin-bottom: 15px;
    }
    .reply .input-field span {
        position: static;
        display: block;
        margin-bottom: 15px;
    }
    .wide .reply .input-field {
        padding: 0;
    }

	.fc td.fc-year-monthly-td, .fc td.fc-year-month-separator, .fc td.fc-year-month-border { width:100% !important; display:block !important; padding:5px 0 10px;}
	.fc-year-view .fc-day-grid-container {height: 210.159px !important;}
	.fc-year-view .classday span {margin-top: 0px !important;}
	.fc-year-view .fc-row.fc-last .fc-bg table {
    border-bottom: 0 !important;
  }
}
@media screen and (max-width:480px) {

.fc-year-view .classday.pink span, .fc-year-view .classday.green span, .fc-year-view .classday.orange span, .fc-month-view .classday.pink span, .fc-month-view .classday.orange span {
    display: block;
    height: 33px;
    max-width: 33px;
    margin: 2px auto;
    border-radius: 50%;
    padding: 0;
    background: #fc617f;
    color: #fff;
}
.fc-month-view .classday span {
    line-height: 33px;
}
.fc-ltr .fc-basic-view .fc-day-number:hover:after {
    z-index: 5;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -16.5px;
    margin-left: -16.5px;
    width: 33px;
    height: 33px;
    background: #c2d596;
    border-radius: 50%;
}