@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i|Ubuntu:300,300i,400,400i,500,500i,700,700i');
* { margin: 0px; padding: 0px; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; box-sizing: border-box; -webkit-box-sizing: border-box; }
html, body { width: 100%; font-size: 14px; color: #552448; font-family: 'Ubuntu', sans-serif, Arial; background: #fff; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }

*::-webkit-input-placeholder{ color:#BDBDBD; opacity: 1; }
*::-moz-placeholder{ opacity: 1; } 
*:-ms-input-placeholder{ opacity: 1; }

[href^="tel"] { cursor: default; color: #fff !important; }
[href^="tel"]:hover { text-decoration: none; }

/* common */
a { text-decoration: none; outline: none; transition: all 0.3s; -webkit-transition: all 0.3s; }
img { border: 0px; outline: none; display: block; max-width: 100%; }
.clear { clear: both; overflow: hidden; }
p { line-height: 22px; color: #545765; font-size: 17px; }

ul { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-size: 36px; line-height: 40px; font-weight: 300; letter-spacing: 0.4px; color: #2c3944; }
h2 { font-size: 26px; font-weight: 300; letter-spacing: 0.3px; color: #2c3944; line-height: 30px; }
h3 { font-size: 16px; letter-spacing: 0.2px; color: #2c3944; line-height: 18px; font-weight: 400; }

.dark_bg body, .dark_bg { background: #2c3944; }

input, textarea { font-family: 'Ubuntu', sans-serif, Arial; transition: all 0.3s; -webkit-transition: all 0.3s; -webkit-border-radius: 0; }
input:focus, textarea:focus { outline: none; }

#back-to-top { position: fixed; bottom: 15px; display: none; right: 15px; z-index: -1; width: 34px; height: 34px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; opacity: 0; background: #3a96f2 url('../images/top_btn.png') center center no-repeat; background-size: 35px; }
#back-to-top.show { opacity: 1; z-index: 9999; }

/* wrapper */
#wrapper { width: 100%; max-width: 100%; margin: 0 auto; min-height: 100%; position: relative; }

	/* header-part */
	#header-part { overflow: hidden; background: #f5f5f5; width: 100%; position: relative; }
	
		.top-menu { float:left; padding: 0 0 0 20px; }
		.top-menu ul { list-style: none; padding:0 ; margin: 0; float:left; }
		.top-menu li { float:left; margin: 0; padding: 0 9px 0 0; }
		.top-menu li a { padding: 25px 14px 23px; display: block; text-decoration: none; border-bottom: 3px solid rgba(0,0,0,0); font-size: 12px; letter-spacing: 0.1px; color: #2c3944; }
		.top-menu li.active a { border-bottom-color: #5fa9f9; font-weight: 700; }
		.top-menu li a:hover { border-bottom-color: #5fa9f9; }
	
		.user-info { float: right; }
		.user-info .user-btn { margin: 7px 10px 0 0; float: right; }
		.user-info .user-btn span { display: block; float:left; padding: 15px 10px 0 0; font-size: 12px; font-weight: 500; letter-spacing: 0.1px; color: #2c3944; line-height: 20px; }
		.user-info .user-btn .image { padding-left: 2px; width: 62px; height: 62px; display: block; background: url(../images/user-image-bg.png) center  center no-repeat; background-size: 62px; float: right; }
		.user-info .user-btn .image img { margin: 12px auto 0; display: block; width: 31px; border-radius: 50%; -webkit-border-radius: 50%; }
		.user-info ul { list-style: none; padding: 23px 20px 0 0; margin: 0; float: right; }
		.user-info li { padding-left: 13px; float:left; }
		.user-info li a { width: 19px; display: block; position: relative; }
		.user-info li a span { position: absolute; right: -8px; top: -4px; box-shadow: 0 3px 3px rgba(0,0,0,0.3); line-height: 18px; min-width: 18px; padding: 0 2px; text-align: center; border-radius:50%; -webkit-border-radius:50%; background: #61a8f8; color: #fff; font-size: 10px; }
	
		/* left-part */
		#left-part { width: 217px; height: 100%; position: fixed; overflow: auto; left: 0px; -webkit-overflow-scrolling: touch; top: 0px; background: #2c3844; }
		#left-part a.logo { width: 149px; margin: 11px auto; display: block; }
		#left-part a.link { display: block; width: 100%; text-decoration: none; font-size: 12px; line-height: 53px; color: #fff; padding: 0 30px; height: 53px; border-bottom: 1px solid #435059; }
		#left-part a.link.collapsed { background-color: #202a33; box-shadow: none; border-bottom: none; }
		#left-part a.link span { display: inline-block; padding-left: 20px; background: url(../images/menu_icon1.png) center left no-repeat; background-size: 11px; }
		#left-part a.link.detailed span { background-image: url(../images/menu_icon2.png); }
		#left-part .main-col { border-bottom: 1px solid #435059; box-shadow: 0 5px 10px rgba(0,0,0,0.4) inset; }
		#left-part .menu { border-top: 1px solid #435059; }
		#left-part .block { padding: 30px 25px 30px 30px; }
		#left-part .block.space { padding: 10px 25px 0px 30px; border-bottom: 1px solid #445059; }
		#left-part .block.space .col1 { margin-bottom: 20px; }
		#left-part .title { display: block; color: #fff; font-size: 12px; letter-spacing: 0.1px; }
		#left-part .block .todas_btn { display: block; font-size: 14px; line-height: 20px; letter-spacing: 0.2px; text-align: left; color: #959ca1; text-decoration: none; padding: 3px 0; position: relative; }
		#left-part .block .col1 ul li a { display: block; font-size: 14px; line-height: 20px; letter-spacing: 0.2px; text-align: left; color: #959ca1; text-decoration: none; padding: 0; position: relative; }
		#left-part .block .col1 ul li { padding-bottom: 2px; }
		#left-part .block .todas_btn:after { width: 22px; height: 22px; position: absolute; right: 0px; top: 6px; display: block; content: ''; background: url(../images/arrow.png) center center no-repeat; background-size: 22px; }
		#left-part .block .active .todas_btn:after { transform: rotate(180deg) }
		#left-part .block .col1 { margin: 0 0 23px; padding-bottom: 3px; border-bottom: 1px solid #8e959b; }
		#left-part .block .col1.space_none { border: none; margin: 0; }
		#left-part .block .col1 ul { display: none; padding-bottom: 10px; list-style: none; }
		#left-part .menu .field { border: none; width: 100%; min-width: 100%; border-bottom: 1px solid #828b90; font-size: 14px; line-height: 20px; height: 29px; letter-spacing: 0.2px; text-align: left; color: #959ca1; background: url(../images/date-icon.png) right bottom no-repeat; background-size: 27px; padding: 0 30px 0 0; }
		#left-part .search { padding: 5px 25px 6px 30px; background: #232e37; position: relative; }
		#left-part .search .field { height: 24px; border: none; background: rgba(0,0,0,0); font-size: 14px; font-style: italic; letter-spacing: 0.2px; color: rgba(255,255,255,0.6); width: 100%; padding-right: 30px; }
		#left-part .search *::-webkit-input-placeholder{ opacity: 1; color: #4e575e; } 
		#left-part .search *::-moz-placeholder{ opacity: 1; color: #4e575e; } 
		#left-part .search *:-ms-input-placeholder{ opacity: 1; color: #4e575e; }
		#left-part .search .submit { width: 13px; height: 13px; position: absolute; right: 30px; top: 11px; text-indent: -9999px; display: block; background: url(../images/search_icon.png) center center no-repeat; background-size: 13px; border: none; }
		#left-part .links { padding: 15px 25px 15px 28px; }
		#left-part .links h4 { font-size: 12px; letter-spacing: 0.1px; line-height: 16px; padding: 2px 0; color: rgba(255, 255, 255, 0.44); }
		#left-part .links ul li a { display: block; font-size: 13px; line-height: 16px; letter-spacing: 0.2px; text-align: left; color: #fff; text-decoration: none; padding: 0; position: relative; }
		#left-part .links ul li.active a { color: #5fa9f9; font-weight: 700; padding-left: 13px; }
		#left-part .links ul li { padding: 3px 0 4px 8px; }
		#left-part .links ul { padding: 3px 0 16px; }
		#left-part a span { color: #5fa9f9; width: 130px; margin: 11px auto; font-size: 11px; display: flex; justify-content: space-around; }

			/* login-bar */
			.login-bar { padding: 220px 0 50px; width: 100%; position: relative; }
			.login-bar .center { max-width: 422px; margin: auto; }
			.login-bar h2 { color: #fff; font-size: 36px; font-weight: 300; letter-spacing: 0.4px; padding-bottom: 50px; position: relative; }
			.login-bar h2 img { position: absolute; left: -80px; top: -11px; width: 58px; }
			.login-bar h2 img.forgot_icon { width: 66px; top: -13px; left: -82px; }
			.login-bar label { font-size: 14px; letter-spacing: 0.2px; line-height: 20px; font-weight: 400; display: block; color: #ffffff; padding: 0 0 5px; }
			.login-bar .field { border: none; width: 100%; min-width: 100%; border-bottom: 1px solid #828b90; font-size: 14px; line-height: 20px; height: 29px; letter-spacing: 0.2px; text-align: left; color: #838b91; background: rgba(0,0,0,0); padding: 0 30px 0 0; }
			.login-bar .col { padding-bottom: 46px; position: relative; }
			.login-bar .submit_btn { display: block; text-indent: -9999px; border: none; position: absolute; right: 0px; top: 0px; width: 26px; height: 28px; background: url(../logos/submit.png) center center no-repeat; background-size: 28px; cursor: pointer; }
			.login-bar .submit_btn:hover { opacity: 0.5; }
			.login-bar.login .col { padding-bottom: 30px; }
			.login-bar a { font-size: 12px; letter-spacing: 0.1px; color: #ffffff; }
			.login-bar .forgot { overflow: hidden; padding: 10px 0 5px; }
			.login-bar .forgot a { display: inline-block; line-height: 18px; padding: 5px 0 5px 32px; background: url(../images/forgot.png) left center no-repeat; background-size: 24px; }
			.login-bar .register { overflow: hidden; padding: 0; }
			.login-bar .register a { display: inline-block; line-height: 18px; padding: 5px 0 5px 32px; background: url(../images/register.png) left center no-repeat; background-size: 24px; }
	
		/* right-part */
		#right-part { padding-left: 217px; overflow:  hidden; }
			
			/* branch-bar */
			.branch-bar { padding: 20px 35px 30px 30px; width: 100%; position: relative; }
			.branch-bar h2 { padding-bottom: 8px; }
			.branch-bar .block { padding: 20px 0 5px 15px; }
			.branch-bar h3:after { height: 1px; width: 100%; content: ''; background: #2c3944; opacity: 0.21; position: absolute; top: 50%; margin-top: 2px; left: 0px; }
			.branch-bar h3 { position: relative; margin-bottom: 0px; margin-left: 2px; }
			.branch-bar h3 span { display: inline-block; background: #fff; position: relative; z-index: 9; padding: 0 15px 0 0; }
			.branch-bar h3 small { font-size: 12px; font-weight: 300; letter-spacing: 0.1px; color: #2c3944; margin-left: 12px; display: inline-block; padding-left: 18px; background: url(../images/eye.png) center left no-repeat; background-size: 14px; }
			.branch-bar .alert span { display: block; font-size: 13px; line-height: 18px; letter-spacing: 0.2px; color: #858d93; padding: 0 0 5px 22px; position: relative; }
			.branch-bar .alert { padding: 16px 0 0; margin: 0; }
			.branch-bar .alert img { position: absolute; left: 0px; top: 2px; width: 14px; }
			.branch-bar .number { overflow: hidden; position: relative; padding: 14px 0; }
			.branch-bar .number ul { list-style: none; padding: 0; margin: 0; } 
			.branch-bar .number ul li { float:left; padding-right: 6px; min-height: 23px; }
			.branch-bar .number ul li.gap { padding-right: 22px; }
			.branch-bar .number ul li a { width: 23px; height: 23px; border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid #acacac; display: block; text-align: center; line-height: 22px; font-size: 11px; font-weight: 500; letter-spacing: 0.1px; color: #a2a8ad; text-decoration: none; position: relative; }
			.branch-bar .number ul li a img { position: absolute; right: -5px; top: -6px; width: 17px; }
			.branch-bar .number ul li a img.warning_icon { position: absolute; right: auto; left: -5px; }
			.branch-bar .number ul li a.inactive { display: none; }
			.branch-bar .number ul li a:hover { margin-top: -3px; box-shadow: 0 2px 2px rgba(0,0,0,0.3); opacity: 1;}
			.branch-bar .number ul li a.pink { border-color: #fa828a; background: #fa828a; color: #fff; }
			.branch-bar .number ul li a.yellow { border-color: #fcde54; background: #fcde54; color: #2c3944; }
			.branch-bar .number ul li a.green { border-color: #27e29f; background: #27e29f; color: #2c3944; }
			.branch-bar .number ul li a.orange { border-color: #fab451; background: #fab451; color: #2c3944; }
			.branch-bar .number ul li a.gray { border-color: #e0e0e0; background: #e0e0e0; color: #303c47; }
			.branch-bar #schubert_ramos .number { padding-bottom: 64px; }
			.branch-bar .pocitos_branch { padding-bottom: 20px; }
		
			/* resources-bar */
			.resources-bar { padding: 27px 45px; width: 100%; position: relative; }
			.resources-bar .col1 { padding-right: 50px; float:left; width: 33.33%; }
			.resources-bar .col1 label { display: block; font-weight: 400; letter-spacing: 0.1px; color: #2c3944; font-size: 12px; line-height: 18px; }
			.resources-bar .col1 .field { padding: 3px 0 0; border: none; background: rgba(0,0,0,0); border-bottom: 1px solid #a7acb1; height: 28px; font-size: 16px; letter-spacing: 0.2px; color: #8f979c; width: 100%; margin-bottom: 17px; }
			.resources-bar h1 { padding-bottom: 25px; }
			.resources-bar .assigned { padding: 30px 0 12px; overflow: hidden; }
			.resources-bar .assigned ul { list-style: none; padding: 0; margin: 0; }
			.resources-bar .assigned li { float:left; font-size: 12px; letter-spacing: 0.1px; color: #2c3944; position: relative; padding: 0 20px; }
			.resources-bar .assigned li:after { content: ''; width: 4.7px;height: 4.7px; background-color: #5fa9f9; position: absolute; left: 5px; top: 7px; border-radius: 50%; -webkit-border-radius: 50%; }
			.resources-bar .title { display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.1px; color: #2c3944; padding: 0 0 10px; }
			.resources-bar .day-title { display: block; font-size: 12px; letter-spacing: 0.1px; line-height: 14px; color: #2c3944; padding: 0px 0 0px 15px; margin: 7px 0; position: relative; }
			.resources-bar .day-title:after { content: ''; position: absolute; left: 0px; top: 1px; width: 12px; height: 12px; border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid #2c3944; }
			.resources-bar .day-title:before { display: none; content: ''; position: absolute; left: 3px; top: 4px; width: 6px; height: 6px; border-radius: 50%; -webkit-border-radius: 50%; background: #50a0f7; }
			.resources-bar .day-title.active:before { display: block; }
			.resources-bar .add { overflow: hidden; }
			.resources-bar .add a.add_btn { display: inline-block; background: url(../images/plus.png) left 5px no-repeat; background-size: 9px; font-size: 12px; font-weight: 500; letter-spacing: 0.1px; color: #5fa9f9; padding-left: 15px; line-height: 18px; vertical-align: top; }
			.resources-bar .delete_btn { width: 10px; height: 9px; top: 3px; position: absolute; left: 0px; display: inline-block; text-indent: -9999px; font-size: 0; background: url(../images/delete.png) center center no-repeat; background-size: 9px; vertical-align: top; }
			.resources-bar .label-floating { position: relative; padding-left: 15px; vertical-align: top; font-size: 12px; line-height: 14px; letter-spacing: 0.1px; color: #2c3944; margin: 2px 0 3px; }
			.resources-bar .label-floating span { display: inline-block; vertical-align: top; line-height: 14px; }
			.resources-bar .time { background: url(../images/time.png) right 2px no-repeat; background-size: 12px; width: 50px; padding-right: 15px; border: none; cursor: pointer; line-height: 14px; height: 14px; }
			.dtp .btn.btn-flat { background: none !important; color: #ff4e92; padding-top: 0px; font-weight: 500; }
			.dtp .btn.btn-flat:focus { box-shadow: none; -webkit-box-shadow: none; }
			.resources-bar .assigned .field { padding: 0; border: none; background: rgba(0,0,0,0); border-bottom: 1px solid #a7acb1; height: 22px; font-size: 14px; letter-spacing: 0.2px; color: #8f979c; width: 100%; margin-bottom: 17px; }
			.resources-bar .assigned .field:disabled { opacity: 0.3; }
			.resources-bar .licenses { padding: 11px 0 20px; overflow: hidden; }
			.resources-bar .licenses p { padding: 0 0 14px; line-height: 14px; position: relative; font-size: 12px; letter-spacing: 0.1px; color: #2c3944; }
			.resources-bar .licenses p span { display: inline-block; padding: 5px 30px 5px 30px; line-height: 14px; position: relative; font-size: 12px; letter-spacing: 0.1px; color: #2c3944; min-width: 215px; }
			.resources-bar .licenses p span:after { display: inline-block; content: ''; width: 8px; height: 2px; background: #c9c9c9; border-radius: 2px; -webkit-border-radius: 2px; position: absolute; right: 10px; margin-top: -1px; top: 50%; }
			.resources-bar .licenses p a { color: #2c3944; }
			.resources-bar .licenses p span img { position: absolute; left: 0px; top: 0px; width: 23px; }
			.resources-bar .licenses p:nth-child(2) span:after { background: #fa828a; }
			.resources-bar .licenses p:nth-child(3) span:after { background: #fab451; }
			.resources-bar .alert span { display: block; font-size: 13px; line-height: 18px; letter-spacing: 0.2px; color: #858d93; padding: 0 0 5px 22px; position: relative; }
			.resources-bar .alert { padding: 0 0 24px; margin: 0; }
			.resources-bar .alert img { position: absolute; left: 0px; top: 3px; width: 14px; }
			.resources-bar .unsubscribe-btn { font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.1px; color: #ff4b57; }
			
			
			
			
			
			
			
			
			
			

/***********07-September-2017 Start ***************/

.left_side_sec { display: none; }
#right-part { overflow: visible; }
#right-part:after { content: ''; display: block; clear: both; width: 100%; height: 0; }
 

/* schedule-bar */
.schedule-bar { padding: 0px 45px 40px; width: 100%; position: relative; }
.schedule-bar h2 { letter-spacing: 0.03em; padding: 0 0 20px; }
.schedule-bar .top_tabs { overflow: hidden; padding: 0 0 25px; }
.schedule-bar .top_tabs ul { list-style:none; display: table; overflow: hidden; width: 100%; text-align: center; padding: 0 110px 0 100px; margin: 0; }
.schedule-bar .top_tabs li { display: table-cell; text-align: center; vertical-align: top; padding: 0 15px; }
.schedule-bar .top_tabs li a { display: block; color: #2c3944; font-size: 12px; line-height: 16px; letter-spacing: 0.01em; text-decoration: none; }
.schedule-bar .top_tabs li.all a { padding-left: 32px; background: url(../images/filter_icon.png) left center no-repeat; background-size: 19px; background-position: left 4px; }
.schedule-bar .top_tabs li a span { display: block; border-bottom: 3px solid rgba(0,0,0,0); padding: 0 8px 6px; transition: all 0.3s; -webkit-transition: all 0.3s; }
.schedule-bar .top_tabs li.active a span, .schedule-bar .top_tabs li a:hover span { border-bottom-color: #5fa9f9; }
.schedule-bar .top_tabs li.active a { font-weight: 700; }
.schedule-bar .filter_sec td, .schedule-bar .filter_sec th, .schedule-bar .filter_sec tr, .schedule-bar .filter_sec tbody, .schedule-bar .filter_sec table { vertical-align: middle; }
.schedule-bar .filter_sec { overflow: hidden; padding: 0 23px 19px 0; }
.schedule-bar .filter_sec th:last-child { padding-right: 55px; }
.schedule-bar .filter_sec td:last-child { padding-right: 80px; }
.schedule-bar .filter_sec tr.heading { padding-right: 0; border-color: #2c3944; }
.schedule-bar .filter_sec ul { overflow: hidden; padding: 0; margin: 0; list-style: none; }
.schedule-bar .filter_sec tr { border: 1px solid #9da3a8; border-top: none; }
.schedule-bar .filter_sec td { padding: 21px 40px 23px; color: #516779; font-size: 13px; line-height: 18px; text-align: center; border: none; border-top: none; position: relative; letter-spacing: 0.03em; }
.schedule-bar .filter_sec th { padding: 16px; color: #fff; font-weight: 400; font-size: 15px; line-height: 18px; text-align: center; border: none; border-top: none; position: relative; letter-spacing: 0.03em; background: #2c3944; }
.schedule-bar .filter_sec .col-1 { width: 25%; text-align: center; float:left; }
.schedule-bar .filter_sec .col-2 { width: 25%; text-align: center; float:left; }
.schedule-bar .filter_sec .col-3 { width: 25%; text-align: center; float:left; }
.schedule-bar .filter_sec .col-4 { padding: 0 20px; width: 25%; text-align: center; float:left; }
.schedule-bar .filter_sec .edit_btn { position: absolute; right: 67px; top: 50%; margin-top: -7px; width: 14px; height: 14px; text-indent: -9999px; background: url(../images/edit_icon.png) center center no-repeat; background-size: 14px; }
.schedule-bar .filter_sec .delete_btn { position: absolute; right: 36px; top: 50%; margin-top: -7px; width: 14px; height: 14px; text-indent: -9999px; background: url(../images/delete_icon.png) center center no-repeat; background-size: 14px; }
.schedule-bar .bottom_sec { padding-right: 22px; }
.schedule-bar .bottom_sec:after { content: ''; display: block; clear: both; width: 100%; height: 0; }
.schedule-bar .bottom_sec .col-1 { width: 23.5%; float:left; }
.schedule-bar .bottom_sec .col-2 { width: 21.5%; float:left; }
.schedule-bar .bottom_sec .col-3 { width: 21.5%; float:left; }
.schedule-bar .bottom_sec { color: #489d20; }
.schedule-bar .bottom_sec .link_shift_btn { color: #489d20; font-size: 12px; letter-spacing: 0.02em; line-height: 18px; font-weight: 500; display: inline-block; padding: 7px 5px 5px 20px; background: url(../images/link_shift_icon.png) 2px 11px no-repeat; background-size: 13px; }
.schedule-bar .bottom_sec .add_shift_btn { float: right; color: #489d20; font-size: 12px; letter-spacing: 0.01em; line-height: 18px; font-weight: 500; display: inline-block; padding: 5px 0px 5px 20px; background: url(../images/plus.png) 5px 10px no-repeat; background-size: 10px; color: #5fa9f9; }
.schedule-bar .unsubscribe-btn { color: #ff4b57;font-size: 12px;font-weight: 500; letter-spacing: 0.1px; line-height: 16px; margin: 35px 0 0; display: inline-block; }

#modal_shift { display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999; background: rgba(0,0,0,0.6); padding-top: 100px; }
.modal_shift-bar { padding: 30px; max-width: 978px; margin: auto; position: relative; top: 50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); background: #fff; border-radius: 8px; box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.23); }
.modal_shift-bar .block { padding: 35px 0 0 88px; }
.modal_shift-bar strong { color: #2c3944; font-size: 12px; line-height: 16px; display: block; font-weight: 700; letter-spacing: 0.01em; padding: 0 0 3px; }
.modal_shift-bar .bootstrap-select .btn1.dropdown-toggle { color: #516779; font-size: 13px; min-width: inherit; width: 100%; height: 34px; }
.modal_shift-bar .col-1 { min-width: 90px; float:left; margin-right: 32px; }
.modal_shift-bar .col-1 + .col-1 {  margin-right: 0; }
.modal_shift-bar .bootstrap-select.btn-group .dropdown-menu.inner { min-width: inherit; width: 100%; }
.modal_shift-bar .bootstrap-select .dropdown-menu.open { width: 100%; min-width: inherit; padding: 0 0 7px; }
.modal_shift-bar .bootstrap-select .dropdown-menu > li > a { padding: 5px 13px; font-size: 13px; }
.modal_shift-bar .row { padding-bottom: 28px; }
.modal_shift-bar .bootstrap-select .bs-caret { top: 8px; }
.modal_shift-bar .break.col-1 { text-align: center; min-width: 110px; }
.modal_shift-bar .break.col-1 .bootstrap-select .btn1.dropdown-toggle .filter-option { text-align: center; }
.modal_shift-bar .break.col-1 .bootstrap-select .dropdown-menu > li > a { text-align: center; }
.modal_shift-bar .field { border: none; border-bottom: 1px solid #a7acb1; max-width: 180px; width: 100%; height: 34px; background: rgba(0,0,0,0); box-shadow: none !important; color: #516779; padding: 5px 15px; font-size: 13px; letter-spacing: 0.01em; position: relative; }
.modal_shift-bar h2:after { height: 1px; width: 100%; content: ''; background: #202b33; opacity: 0.35; position: absolute; top: 50%; margin-top: 5px; left: 0px; }
.modal_shift-bar h2 { position: relative; margin-right: 40px; }
.modal_shift-bar h2 span { background: #fff; display: inline-block; padding-right: 32px; position: relative; z-index: 8; }
.modal_shift-bar .close_btn { width: 13px; height: 13px; display: block; position: absolute; right: 33px; top: 45px; background: url(../images/close_btn.png) center center  no-repeat; background-size: 13px; }
.modal_shift-bar .bottom_links { margin-top: -8px; padding: 0 15px 5px 0; overflow: hidden; text-align: right; width: 100%; }
.modal_shift-bar .restore_btn { }
.modal_shift-bar .bottom_links a { padding-left: 20px; display:inline-block; font-size: 12px; line-height: 20px; font-weight: 500; color: #13b35c; letter-spacing: 0.01em; background: url(../images/restore_icon.png) left 3px no-repeat; background-size: 13px;}
.modal_shift-bar .bottom_links a.save_btn { margin-left: 30px; background: url(../images/edit_icon.png) left 3px no-repeat; background-size: 14px; color: #5fa9f9; }

.opened { overflow: hidden; padding-right: 17px; }

.selectpicker { display: none; }

.bootstrap-select .glyphicon { display: none !important; }
.bootstrap-select .dropdown-menu.open { position: absolute !important; left: 0px; top: 29px!important; padding: 0; border: none; border-bottom: 1px solid #a7acb1; background: #fff; box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -webkit-border-radius: 0; margin: 0; padding: 0 0 10px; min-width: 130px;width: 60%; overflow: auto !important; }
.bootstrap-select.btn-group .dropdown-menu.inner { border: 0 none;border-radius: 0; box-shadow: none; float: none; margin: 0; padding: 0; position: static; background: none; font-size:12px; min-width: 130px; }
.bootstrap-select .btn1.dropdown-toggle { border: none; border-bottom: 1px solid #a7acb1; min-width: 120px; border-radius: 0; -webkit-border-radius: 0; background: none; box-shadow: none !important; height: 30px; color: #2c3944;  font-size: 12px; position: relative; width: 60%; }
.bootstrap-select.open .btn1.dropdown-toggle { border-bottom-color: rgba(0,0,0,0); }
.bootstrap-select .btn1.dropdown-toggle .filter-option { padding: 0 25px 0 15px; display: block; text-align: left; line-height: 30px; width: 100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.bootstrap-select .bs-caret span { display: none; }
.bootstrap-select .bs-caret { background: url(../images/select_arrow.png) center center no-repeat; background-size: 15px; width: 15px; height: 15px; display: block; float: right; position: absolute; right: 4px; top: 12px; }
.bootstrap-select.open .bs-caret { transform: rotate(-180deg); }
.bootstrap-select .dropdown-menu > li > a { padding: 5px 7px; display: block; color: #516779; font-size: 12px; letter-spacing: 0.02em; line-height: 14px; cursor: pointer; }
.bootstrap-select .dropdown-menu > li.selected > a, .bootstrap-select .dropdown-menu > li > a:hover, .bootstrap-select .dropdown-menu > li > a:focus { background: none; font-weight: 700; }
.bootstrap-select.open { z-index: 9999; }
.bootstrap-select.btn-group { width: 100%; }

.checkbox { padding: 4px 0; }
.checkbox label { padding: 0; color: #516779; font-size: 10px; line-height: 16px; vertical-align: middle; font-style: italic; display: inline-block; }
.checkbox input[type="checkbox"] { display: none; }
.checkbox input[type=checkbox] + label:before { cursor: pointer; margin: 0 5px 0 0; float: left; content: ""; display: inline-block; width: 16px; height: 16px; background: url(../images/checkbox.png) left top no-repeat; background-size: 16px; border-radius: 4px; }
.checkbox input[type=checkbox]:checked + label:before { background-position: left bottom; }

/***********07-September-2017 End ***************/



/*****************21 october 2017 Start ***************/
.checkbox input[type=checkbox] + label:before { border-radius: 4px; }

.branch-bar.w_filter .number{ padding:30px 0 14px;}
.branch-bar.w_filter #schubert_ramos .number { padding-bottom: 10px; }
.filter_section .filters { text-align: right; position: relative; }
.filter_section .filters span { color:#3a4853; font-size: 12px; }
.filter_section .filters span a { display: inline-block; margin-left: 10px; color:#5e6872; position: relative; padding-right: 30px; }
.filter_section .filters span a:hover, .branch-bar .filter_section .filters span a:focus { text-decoration: none;}	
.filter_section .filters span a:after { background:url(../images/select_arrow.png) no-repeat;  height: 18px; position: absolute; right: 4px; top: 2px; width: 16px; content:""; background-size: 100%;}	
.filter_section .filters span a.actib:after { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); top: 2px;}
.filter_section .filters .lists { background: #fff; position: absolute; width: 175px; top:30px; right:3px; border: 1px solid #eaeaea; border-radius: 7px; z-index: 1; text-align: left; display: none; overflow: hidden; box-shadow: 0 5px 5px rgba(0,0,0,0.2) }
.filter_section .filters .lists li { width: 100%; border-bottom: 1px solid #ebebeb;}
.filter_section .filters .lists li:last-child { border-bottom:0;}
.filter_section .filters .lists li a { display: block; color:#5e6872; font-size: 12px; padding: 8px 15px 8px 25px; position: relative; }
.filter_section .filters .lists li a:hover {color:#3a4853; text-decoration: none; background:#eaeaea; }

.branch-bar h3 small a { color:#2c3944;}
.branch-bar .pops { position: fixed; height: 100%; width: 100%; top:0; left:0; z-index: 10; display: none; padding-left: 217px; } 
.branch-bar .pops .blocker { background: rgba(0,0,0,0.6); position: fixed; left:0; top:0; width: 100%; height: 100%;}
.middl_form { background: #fff; width: 880px; position: relative; top: 50%;padding: 25px 40px; box-sizing:border-box; border-radius: 10px; overflow: visible !important;}
.close_g { text-indent: -9999px; width: 13px; height: 13px; display: block; position: absolute; right: 49px; top: 39px; background: url(../images/close_btn.png) center center  no-repeat; background-size: 13px; z-index: 999; }
.middl_form .col-sm-7 { border-right: 2px solid #edeef0; }
.middl_form .col-sm-7 { padding-right: 35px; padding-bottom: 30px; }
.middl_form .col-sm-5 { padding-left: 35px; padding-top: 58px; }
.middl_form .col-sm-5 .heading strong { display: block; padding: 0 0 13px; font-size: 12px; color: #384856; }
.middl_form .col-sm-5 a.save-btn { color:#61a8f8; position: relative; margin: 2rem 10px 0 0; font-size: 12px; font-weight: 500; float: right; cursor: pointer;}
.middl_form .col-sm-5 textarea { display: block; width: 100%; height: 9rem; resize: none; }
.middl_form h2, .middl_form h4 { display: inline-block; color:#2b3743; } 
.middl_form h4{ font-weight: 400; font-size: 1rem; }
.middl_form h2 { margin-right: 20px; font-weight: 800; font-size: 1.5rem; }
.middl_form table { margin-top: 20px; font-size: 12px; }
.middl_form table td { color:#2b3743; }
.middl_form table strong { color: #384856; }
.middl_form table tbody td { border-bottom: 1px solid #d3d4d6; padding: 11px 0; color: #62798c }
.middl_form table tbody tr:last-child td { border-bottom:0; }
.middl_form table tbody tr td span.ps { display: block; position: relative;}
.middl_form table tbody a:focus { text-decoration: none; }
.middl_form table tbody a.toggles { color:#61a8f8; position: relative; padding-right: 24px;}
.middl_form table tbody a.toggles strong { font-weight: 500; color: #6fb9fa; }
.middl_form table tbody a.toggles:hover, .branch-bar .pops .middl_form table tbody a.toggles:focus {text-decoration: none; }
.middl_form table tbody a.toggles:after { background:url(../images/select_arrow.png) no-repeat;  height: 18px; position: absolute; right: 4px; top: 1px; width: 16px; content:""; background-size: 100%;}	
.middl_form table tbody a.toggles.actib:after { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); top: 0px;}
.middl_form table tbody .tog_display { display: none; position: absolute; width: 135px; background: #fff; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); border-radius: 5px; top: 27px; overflow: hidden; z-index: 1}
.middl_form table tbody .tog_display li a { color:#384856; padding: 6px 0; display: block; font-size: 12px; }
.middl_form table tbody .tog_display li { border-bottom: 1px solid #ebebeb; }
.middl_form table tbody .tog_display li:last-child { border:0; }
.middl_form table tbody .tog_display li a:hover {color:#3a4853; text-decoration: none; background:#eaeaea;}


/* assistance-bar */
.assistance-bar { padding: 24px 38px 40px 45px; }
.assistance-bar .top_sec { overflow: hidden; border-bottom: 1px solid #d1d5d8; padding-bottom: 23px; margin-bottom: 20px; }
.assistance-bar .top_sec .col-1 { float:left; width: 20%; padding-right: 35px; min-height: 60px; }
.assistance-bar .top_sec .col-2 { float:left; width: 26%; padding-right: 95px; min-height: 60px; }
.assistance-bar .top_sec .col-3 { float:left; width: 25%; padding-right: 30px; min-height: 60px; }
.assistance-bar label { display: block; color: #3A4A56; font-size: 12px; line-height: 18px; display: block; font-weight: 400; font-family: 'Ubuntu', sans-serif, Arial; }
.assistance-bar h2 { padding: 0 0 22px; }
.assistance-bar .field.date { padding-right: 25px; background: url(../images/date-icon.png) right bottom no-repeat; background-size: 27px; }
.assistance-bar .field { padding: 2px 0; border: none; background: rgba(0,0,0,0); border-bottom: 1px solid #a7acb1; height: 28px; font-size: 14px; color: #5C5C5C; width: 100%; margin-bottom: 17px; }
.assistance-bar select { padding: 2px 0; border: none; background: rgba(0,0,0,0); border-bottom: 1px solid #a7acb1; height: 28px; font-size: 14px; color: #b1b1b1; width: 100%; margin-bottom: 17px; cursor: pointer; appearance: none; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; background: url(../images/select_arrow.png) 98% 8px no-repeat; background-size: 15px; -webkit-border-radius: 0; }
.assistance-bar select:focus { color: #5C5C5C; }
.assistance-bar *::-webkit-input-placeholder{ opacity: 0.5; }
.assistance-bar *::-moz-placeholder{ opacity: 0.5; }
.assistance-bar *:-ms-input-placeholder{ opacity: 0.5; }
.assistance-bar .add-btn { display: inline-block; font-size: 12px; color: #70B9FA; line-height: 20px; margin-top: 29px; font-weight: 500; }
.assistance-bar .search-field { height: 36px; width: 100%; background: #e3e3e3; border: none; color: #2C3944; font-size: 14px; padding: 0 50px 0 30px; font-style: italic; }
.assistance-bar .search { overflow: hidden; margin-top: 10px; position: relative; }
.assistance-bar .top_sec.mid a.add-btn { margin-top: 16px; }
.assistance-bar .submit { width: 36px; height: 36px; background: url(../images/search-btn.png) center center no-repeat; background-size: 34px; border: none; cursor: pointer; position: absolute; right: 15px; top: 0px; }
.assistance-bar .top_sec.mid { margin: 0; padding-bottom: 10px; border: none; }
.assistance-bar .assistance { overflow: hidden; padding-right: 188px; }
.assistance-bar .assistance .block { overflow: hidden; }
.assistance-bar .assistance .block ul { border-bottom: 1px solid #9ea3a9; overflow: hidden; padding: 0; margin: 0; }
.assistance-bar .assistance .block li { border: 1px solid #9ea3a9; float:left; width: 100%; border-bottom: none; font-size: 12px; color: #384a55; line-height: 16px; font-weight: 300; padding: 24px 0; }
.assistance-bar .assistance .block li.heading { border-color: #2c3844; background: #2c3844; color: #fff; font-size: 15px; line-height: 22px; padding: 14px 0 18px; border-bottom: none; }
.assistance-bar .assistance .block li.heading label { color: #fff; font-size: 15px; line-height: 22px; font-style: normal; display: inline-block; vertical-align: top; }
.assistance-bar .assistance .block li.heading .checkbox input[type="checkbox"] + label::before { margin: 4px 10px 0 0; }
.assistance-bar .assistance .block li label { line-height: 16px; font-style: normal; display: inline-block; vertical-align: top; }
.assistance-bar .assistance .block li:nth-child(2) { padding: 16px 0; }
.assistance-bar .assistance .block .col-1 { padding: 0 10px 0 45px; float:left; width: 29%; }
.assistance-bar .assistance .block .col-2 { padding-right: 10px; float:left; width: 20.8%; }
.assistance-bar .assistance .block .col-3 { padding-right: 10px; float:left; width: 22.8%; }
.assistance-bar .assistance .block .col-4 { padding-right: 10px; float:left; width: 27%; }
.assistance-bar .assistance .block .checkbox { float:left; }
.assistance-bar .assistance .pagination { display: block; width: 100%; text-align: center; position: relative; overflow: hidden; margin: 0; padding: 18px 0; }
.assistance-bar .assistance .pagination .prev_btn { float:left; color: #70b9fa; background: url(../images/prev_btn.png) left 3px no-repeat; font-weight: 700; font-size: 12px; background-size: auto 10px; padding: 0 0 0 15px; line-height: 14px; }
.assistance-bar .assistance .pagination .next_btn { float: right; color: #70b9fa; background: url(../images/next_btn.png) right 3px no-repeat; font-weight: 700; font-size: 12px; background-size: auto 10px; padding: 0 15px 0 0; line-height: 14px; }
.assistance-bar .assistance .pagination ul { display: inline-block; vertical-align: top; }
.assistance-bar .assistance .pagination ul li { display: inline-block; vertical-align: top; padding: 0 0 0 4px; }
.assistance-bar .assistance .pagination ul li a { color: #70B9FA; font-size: 12px; line-height: 14px; text-decoration: none; padding: 0 2px 5px; transition: none; -webkit-transition: none; }
.assistance-bar .assistance .pagination ul li.active a, .assistance-bar .assistance .pagination ul li a:hover { border-bottom: 2px solid #70B9FA; text-decoration: none; position: relative; top: -5px; font-weight: 700; }
.assistance-bar .assistance .delete_btn { color: #ffacaa; font-size: 12px; line-height: 20px; font-weight: 500; background: url(../images/delete_icon.png) left center no-repeat; background-size: 14px; padding: 1px 0 0 20px; letter-spacing: 0.012em; }
.assistance-bar .checkbox input[type="checkbox"] + label::before { margin: 1px 10px 0 0; }
.assistance-bar .checkbox { padding: 0; margin: 0; }

/* labtecpopup-bar */
#fade_wrapper { padding: 50px 0 50px 224px; }
.labtecpopup-bar { display: none; }
.labtecpopup-bar .labtecpopup { background: #fff; margin: auto; width: 880px; border-radius: 7px; padding: 21px 63px 80px 45px; }
.labtecpopup-bar label { display: block; color: #3A4A56; font-size: 12px; line-height: 18px; display: block; font-weight: 400; font-family: 'Ubuntu', sans-serif, Arial; }
.labtecpopup-bar h2 { padding: 9px 0 22px; float:left; }
.labtecpopup-bar .field.date { padding-right: 25px; background: url(../images/date-icon.png) right bottom no-repeat; background-size: 27px; }
.labtecpopup-bar .field { padding: 2px 0; border: none; background: rgba(0,0,0,0); border-bottom: 1px solid #a7acb1; height: 28px; font-size: 14px; color: #5C5C5C; width: 100%; margin-bottom: 17px; }
.labtecpopup-bar *::-webkit-input-placeholder{ opacity: 0.5; }
.labtecpopup-bar *::-moz-placeholder{ opacity: 0.5; }
.labtecpopup-bar *:-ms-input-placeholder{ opacity: 0.5; }
.labtecpopup-bar .search-field { height: 36px; width: 100%; background: #e3e3e3; border: none; color: #2C3944; font-size: 14px; padding: 0 50px 0 30px; font-style: italic; }
.labtecpopup-bar .search { overflow: hidden; margin-top: 12px; position: relative; float:left; width: 50.5%; }
.labtecpopup-bar .col-1 { overflow: hidden; padding-right: 50px; position: relative; float:left; width: 49.5%; }

.labtecpopup-bar .submit { width: 36px; height: 36px; background: url(../images/search-btn.png) center center no-repeat; background-size: 34px; border: none; cursor: pointer; position: absolute; right: 15px; top: 0px; }
.labtecpopup-bar .top { overflow: hidden; }
.labtecpopup-bar .right { float: right; width: 427px; }
.labtecpopup-bar .list { padding: 4px 0 0; }
.labtecpopup-bar .list ul .block { padding-left: 131px; display: none; margin-bottom: -18px; }
.labtecpopup-bar .list ul li:last-child .block { margin-bottom: 0; }
.labtecpopup-bar .list ul .block .checkbox { padding: 0; margin: 0; }
.labtecpopup-bar .list ul .block ul { margin: 0; }
.labtecpopup-bar .list ul .block ul li { min-height: 20px; padding: 4px 0 4px 63px; }
.labtecpopup-bar .list ul .block ul li:after { width: 63px; }
.labtecpopup-bar .list ul .block ul li:first-child:after { top: 20px; }

.labtecpopup-bar .list ul .block ul li label { font-style: normal; color: #3A4A56; display: inline-block; font-weight: 300; font-size: 12px; }
.labtecpopup-bar .list ul .block ul li .checkbox input[type="checkbox"]:checked + label { font-weight: 400; }
.labtecpopup-bar .list ul .block ul li .checkbox input[type="checkbox"] + label::before { margin-top: 2px; }
.labtecpopup-bar .list ul .block .show_all { color: #70B9FA; font-weight: 500; font-size: 12px; line-height: 20px; margin-left: 102px; letter-spacing: 0.01em; position: relative; z-index: 99; }
.labtecpopup-bar .list ul .block ul li:first-child { padding-top: 10px; }
.labtecpopup-bar .list ul { margin-left: 18px; }
.labtecpopup-bar .list ul li { position: relative; padding: 3px 0 3px 50px; min-height: 57px; }
.labtecpopup-bar .list ul li:before { content: ''; position: absolute; left: 0px; top: 0px; background: #d8d9db; height: 100%; width: 1px; }
.labtecpopup-bar .list ul li:last-child:before { height: 15px; }
.labtecpopup-bar .list ul>li:last-child { min-height: 50px; padding-bottom: 0px; }
.labtecpopup-bar .list ul>li>a { font-size: 12px; color: #3A4A56; line-height: 14px; width: 140px; text-decoration: none; position: relative; vertical-align: top; display: block; padding: 3px 16px 1px 25px; letter-spacing: 0.01em; }
.labtecpopup-bar .list ul>li>a:before { position: absolute; right: 0px; top: 50%; margin-top: -6px; content: ""; display: block; width: 16px; height: 16px; background: url(../images/select_arrow.png) right center no-repeat; background-size: 15px; transition: all 0.3s; -webkit-transition: all 0.3s; }
.labtecpopup-bar .list ul>li.active>a:before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.labtecpopup-bar .list ul>li.active>a:after { background-position: center bottom; }

.labtecpopup-bar .list ul>li>a:after { cursor: pointer; position: absolute; left: 0px; top: 4px; content: ""; display: inline-block; width: 16px; height: 16px; background: url(../images/checkbox.png) left top no-repeat; background-size: 16px; border-radius: 4px; }
.labtecpopup-bar .list ul li:after { content: ''; width: 50px; height: 1px; background: #d8d9db; position: absolute; left: 0px; top: 14px; }
.labtecpopup-bar .add_btn { color: #70B9FA; float: right; margin: 20px 20px 0 0; font-weight: 700; font-size: 12px; line-height: 20px; letter-spacing: 0.01em; }
.labtecpopup-bar .mCustomScrollbar  { height: 380px; }
.labtecpopup-bar .close_btn { text-indent: -9999px; width: 13px; height: 13px; display: block; position: absolute; right: 15px; top: 15px; background: url(../images/close_btn.png) center center  no-repeat; background-size: 13px; z-index: 999; }

/*****************21 october 2017 End ***************/