@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* css 초기화 */
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, textarea, input
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;
	font-size: 100%;
	font: inherit;
	word-break: keep-all;
	vertical-align: baseline;
	font-family:'Noto Sans KR', "Nunito", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	letter-spacing: 0.5px;
	background-color:#f8f9fc;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
b {
	font-weight:600;
}
button {cursor:pointer;}

/* .companyName {
	height: 90px;
    padding: 7px 0 53px 0;
    font-size: 21px;
    font-weight: 600;
    text-align: center;
    color: #fff;
} */

.companyName {
    height: 90px;
    width: 88%;
    padding: 7px 0 53px 0;
    font-size: 21px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    word-break: break-all;
	line-height: 1.4;
}

#open_sideBar {
	width:17rem;
	min-height:100vh;
	padding:10px;
	color:rgba(255,255,255,0.5);
	background-color:#161D4A;

}

#open_sideBar h1 {
	margin:30px 0;
	font-size:1.9rem;
	font-weight:600;
	text-align:center;
	color:#fff;

}
#open_sideBar .logo{
	display:block;
	width:100px;
	height:100px;
	margin:0 auto;
}
#open_sideBar .menu_heading {
	padding:0 1rem
}
#open_sideBar .menu_depth2 a:link, #open_sideBar .menu_depth2 a:hover, #open_sideBar .menu_depth2 a:visited, #open_sideBar .menu_depth2 a:active {
	display:block;
	padding:1rem 1.6rem;
	font-size:16px;
	font-weight:500;
	color:#fff;
	text-decoration:none;
}

#close_sideBar {
	width:6.5rem;
	min-height:100vh;
	padding:30px 1rem;
	color:rgba(255,255,255,0.5);
	background-color:#161D4A;
}
#close_sideBar h1 {
	display:none;
}
#close_sideBar .logo{
	display:block;
	width:70px;
	height:70px;
	margin:0 auto;
}
#close_sideBar .menu_heading {
	padding:0;
	font-size:0.85rem;
	text-align:center;
}
#close_sideBar ul {
	margin-top:1rem;
}
#close_sideBar .menu_depth2 a:link, #close_sideBar .menu_depth2 a:hover, #close_sideBar .menu_depth2 a:visited, #close_sideBar .menu_depth2 a:active {
	display:block;
	padding:1.5rem 0 1rem;
	font-size:0.75rem;
	font-weight:500;
	text-align:center;
	color:#fff;
	text-decoration:none;
}

#sideBar_toggle {
	display:block;
	width:3.0rem;
	height:3.0rem;
	margin:60px auto 0 auto;
	border:0;
	border-radius:50%;
	cursor:pointer;
	background-color:rgba(255,255,255,0.5);
}
#open_sideBar #sideBar_toggle::before {
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	font-size:30px;
	line-height:1rem;
	color:#fff;
}

.date_time {
	text-align:center;
	color:rgba(255,255,255,0.5)
}
.date_time .date {
	display:inline-block;
	margin-bottom:10px;
	font-size:1.0rem;
	font-weight:600;
}
.date_time .date span {
	margin:0 2px;
}
.date_time .time {
	display:block;
	margin-bottom:1.3rem;
	text-align:center;
	font-size: 1.3rem;
	line-height:1.3;
}

#open_sideBar .icon1 {background:url("../img/common/icon_1.png") no-repeat left 50%;background-size:auto 15px;}
#open_sideBar .icon2 {background:url("../img/common/icon_2.png") no-repeat left 50%;background-size:auto 15px;}
#open_sideBar .icon3 {background:url("../img/common/icon_3.png") no-repeat left 50%;background-size:auto 15px;}
#open_sideBar .icon4 {background:url("../img/common/icon_4.png") no-repeat left 50%;background-size:auto 15px;}
#open_sideBar .icon5 {background:url("../img/common/icon_5.png") no-repeat left 50%;background-size:auto 15px;}

#close_sideBar .icon1 {background:url("../img/common/icon_1.png") no-repeat center 3px;background-size:auto 15px;}
#close_sideBar .icon2 {background:url("../img/common/icon_2.png") no-repeat center 3px;background-size:auto 15px;}
#close_sideBar .icon3 {background:url("../img/common/icon_3.png") no-repeat center 3px;background-size:auto 15px;}
#close_sideBar .icon4 {background:url("../img/common/icon_4.png") no-repeat center 3px;background-size:auto 15px;}
#close_sideBar .icon5 {background:url("../img/common/icon_5.png") no-repeat center 3px;background-size:auto 15px;}

#wrapper {
	width:100%;
	display:flex;
	background-color:#f8f9fc;
}
#container {
	flex-direction:column;
	display:flex;
	/*position:relative;*/
	width:100%;
}

#header {
	width: 100%;
    padding-left: 30px;
    border-bottom: 1px solid #eeeeee;
    align-items: center;
    font-size: 1rem;
    background-color: #fff;
	min-width:1200px;
}
#header .img_profile {
	width:2rem;
	height:2rem;
	vertical-align:middle;
}

 /* Popup container - can be anything you want */
	.popup {
	  position: relative;
	  display: inline-block;
	  cursor: pointer;
	  margin:28px 9px 24px 0;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	  font-weight:600;
	}

	/* The actual popup */
	.popupText {
	  position: absolute;
  	  z-index: 100;
	  top: 130%;
	  left: 0;
	  visibility: hidden;
	  width: 160px;
	  min-width: 10rem;
	  padding: 0.5rem 0;
	  margin: 0.125rem 0 0;
	  font-size: 0.85rem;
	  color: #858796;
	  text-align: left;
	  list-style: none;
	  background-color: #fff;
	  background-clip: padding-box;
	  border: 1px solid #e3e6f0;
	  border-radius: 0.35rem;
	}
	.img_profile {margin-right:10px}

	/* Toggle this class - hide and show the popup */
	.popup .show {
	  visibility: visible;
	  -webkit-animation: fadeIn 1s;
	  animation: fadeIn 1s;
	}

	/* Add animation (fade in the popup) */
	@-webkit-keyframes fadeIn {
	  from {opacity: 0;}
	  to {opacity: 1;}
	}

	@keyframes fadeIn {
	  from {opacity: 0;}
	  to {opacity:1 ;}
	}
   .dropdown_item {
		display: block;
		width: 112px;
		padding: 0.55rem 1.5rem;
		clear: both;
		font-weight: 400;
		color: #3a3b45;
		text-decoration:none;
		text-align: inherit;
		white-space: nowrap;
		background-color: transparent;
		border: 0;
	}
	.dropdown_item:hover, .dropdown_item:focus {
       color: #2e2f37;
	   text-decoration: none;
	   background-color: #edeff3;
	}
	.dropdown_item:active{
	  color: #fff;
	  text-decoration: none;
	  background: #043956; /* Old browsers */
background: -moz-linear-gradient(left,  #043956 0%, #161d4a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #043956 0%,#161d4a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #043956 0%,#161d4a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043956', endColorstr='#161d4a',GradientType=0 ); /* IE6-9 */
	}

.dropdown_item.disabled{
  color: #858796;
  background-color: transparent;
}
.dropdown-divider {
    height: 0;
    margin: 0.3rem 0;
    overflow: hidden;
}
/* 텝메뉴 */
#content {
	flex:1 0 auto;
	width:1200px;
	position:relative;
}

#footer {
	margin-top:70px;
	padding:24px 30px;
	font-size:14px;
	color:#000000;
	font-weight:400;
}
@media all and (max-width:768px) {
#footer {text-align:center;	line-height:1.9}
}
/* 박스 */
.box {
	display:inline-table;
	width:fit-content;
	padding:1.5rem;
	border-radius:15px;
}
.box2 {
	padding:1.5rem;
	border-radius:1.3rem;
}

.box_header {
	padding:0 0 25px 0;
	font-size:20px;
	font-weight:600;
	color:#0B2B4F;
	line-height:27px;
}
.box_header2 {
	padding:0 0 1.25rem 0;
	font-size:20px;
	font-weight:600;
	color:#858796;
	line-height:27px;
	text-align:center;
}
.box .line_style1 {
	padding:0;
	margin:0;
	border:0;
}
.box .line_style2 {
	padding:0;
	margin:0;
	border:0;
}

.bg_white {
	background-color:#fff;
}
.bg_gray {
	background-color:#EDEDED;
}
.box_using {
	background-color:#fff;
	border:2px solid #50A2FF !important;
}
/*박스 사이즈 */

.size_boxFlex4 {
	flex-wrap:nowrap;
	width:25%;
}
.size_boxFlex2 {
	flex-wrap:nowrap;
	width:50%;
}
.size_boxFlex3 {
	flex-wrap:nowrap;
	width:33%;
}

/* 버튼 스타일 */
.btn_gray {
	display:inline-table;
	width:fit-content;
	padding:10px 65px;
	border:none;
	border-radius:3px;
	text-align:center;
	font-size:16px;
	font-weight:500;
	color:#161D4A;
	/*background-color:#adadad;*/
	text-decoration:none;
	background-color:#EDEDF2;
}

/* 버튼 스타일_말만 회색이지 핀플청색임 */
.btn_gray2 {
	display:inline-table;
	width:fit-content;
	padding:12px 24px 13px;
	border:none;
	border-radius:5px;
	text-align:center;
	font-size:16px;
	font-weight:300;
	color:#fff;
	text-decoration:none;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#043956+0,161d4a+100 */
background: #043956; /* Old browsers */
background: -moz-linear-gradient(left,  #043956 0%, #161d4a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #043956 0%,#161d4a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #043956 0%,#161d4a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043956', endColorstr='#161d4a',GradientType=0 ); /* IE6-9 */

}

.btn_white_small {
	display:table;
	width:fit-content;
	padding:6px 12px;
	border:none;
	border-radius:3px;
	text-align:center;
	font-size:14px;
	color:#161D4A;
	background-color:#EDEDF2;
	text-decoration:none;
	font-weight:500;
}
/*.btn_gray:hover, .btn_gray:focus, .btn_gray:active {background-color:#828282}*/
.btn_indigo {
	display:table;
	width:fit-content;
	padding:8px 22px 10px 22px;
	border:none;
	border-radius:5px;
	font-size:16px;
	text-align:center;
	color:#fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#043956+0,161d4a+100 */
background: #043956; /* Old browsers */
background: -moz-linear-gradient(left,  #043956 0%, #161d4a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #043956 0%,#161d4a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #043956 0%,#161d4a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043956', endColorstr='#161d4a',GradientType=0 ); /* IE6-9 */

	text-decoration:none;
}
.btn_indigo:hover, .btn_indigo:active, .btn_indigo:visited, .btn_indigo:focus {color:#fff!important;text-decoration:none!important}/*은경수정*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 /* Enter your style code */
}
.btn_indigo a {text-decoration:none; color:#fff;}

.btn_indigo_bottom {
	display:inline-table;
	width:fit-content;
	padding:12px 32px;
	border:none;
	border-radius:5px;
	font-size:16px;
	text-align:center;
	color:#fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#043956+0,161d4a+100 */
background: #043956; /* Old browsers */
background: -moz-linear-gradient(left,  #043956 0%, #161d4a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #043956 0%,#161d4a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #043956 0%,#161d4a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043956', endColorstr='#161d4a',GradientType=0 ); /* IE6-9 */

	text-decoration:none;
	font-weight:500;
}/*2008은경수정*/
.btn_gray_bottom {
	display:inline-table;
	width:fit-content;
	padding:12px 32px;
	border:none;
	border-radius:3px;
	text-align:center;
	font-size:16px;
	font-weight:500;
	color:#053755;
	background-color:#EDECF1;
	text-decoration:none;
	font-weight:500;
}/*2008은경수정*/
.btn_indigo_bottom:hover, .btn_indigo_bottom:focus {color:#fff}/*2008은경수정*/
.btn_gray_bottom:hover, .btn_gray_bottom:focus {color:#053755}/*2008은경수정*/
.btn_using {
	display:table;
	width:200px;
	padding:0.6rem 1.4rem 0.7rem 1.4rem;
	border:none;
	border-radius:3px;
	font-size:15px;
	text-align:center;
    font-weight:600;
	color:#fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#043956+0,161d4a+100 */
background: #043956; /* Old browsers */
background: -moz-linear-gradient(left,  #043956 0%, #161d4a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #043956 0%,#161d4a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #043956 0%,#161d4a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043956', endColorstr='#161d4a',GradientType=0 ); /* IE6-9 */

	text-decoration:none;
}/*0215은경수정*/
.btn_unusing {
	display:table;
	width:200px;
	padding:0.7rem 1.7rem;
	border:none;
	border-radius:3px;
	font-size:15px;
	font-weight:600;
	text-align:center;
	color:#0D294F;
	background-color:#EDECF1;
	text-decoration:none;
}/*0215은경수정*/
.btn_primary {
	display:block;
	padding:10px 75px 12px 75px;
	border:0;
	border-radius:0.3rem;
	font-size:19px;
	color:#fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#043956+0,161d4a+100 */
background: #043956; /* Old browsers */
background: -moz-linear-gradient(left,  #043956 0%, #161d4a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #043956 0%,#161d4a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #043956 0%,#161d4a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043956', endColorstr='#161d4a',GradientType=0 ); /* IE6-9 */

	margin:0 auto;
}
.btn_popup_cancel {
	padding:0.7rem 1.7rem;
	border:none;
    border-radius: 0.3rem;
    font-size: 16px;
    background-color: #EDECF1;
	font-weight:500;
	color:#0A2D50;
}
.btn_popup_enter {
    border: none;
	padding:0.7rem 1.7rem;
    border-radius: 0.3rem;
    font-size: 16px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#043956+0,161d4a+100 */
background: #043956; /* Old browsers */
background: -moz-linear-gradient(left,  #043956 0%, #161d4a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #043956 0%,#161d4a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #043956 0%,#161d4a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043956', endColorstr='#161d4a',GradientType=0 ); /* IE6-9 */

	font-weight:500;
    color: #fff;
}

/* 검색 조회버튼 */
.btn_view {
	padding:9px 33px 10px 33px;
	background: #043956; /* Old browsers */
background: -moz-linear-gradient(left,  #043956 0%, #161d4a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #043956 0%,#161d4a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #043956 0%,#161d4a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043956', endColorstr='#161d4a',GradientType=0 ); /* IE6-9 */
	border:0;
	border-radius:5px;
	font-size:16px;
	color:#fff;
}
.btn_print2 {
	padding:10px 22px;
	background:#EDECF1;
	border:0;
	border-radius:5px;
	font-size:16px;
	color:#083052;
	margin-left:1px;
}
/* 증명서 인쇄버튼 */
.btn_modal {
	display:inline-block;
	width:fit-content;
	padding:0.7rem 1.0rem;
	border:none;
	border-radius:5px;
	text-align:center;
	font-size:16px;
	color:#fff;
	background-color:#adadad;
	text-decoration:none;
}
.btn_print { display:inline-block; margin-left:10px; width:auto; height:16px;
	}

.btn_close {background:none;border:none;}
.btn_close img {width:24px;height:24px;}

/* width값 지정 */
.w100per {width:100%;}
.w90per {width:90%;}
.w80per {width:80%;}
.w70per {width:70%;}
.w180 {width:180px;}
.w160 {width:160px;}
.w150 {width:150px;}
.w120 {width:120px;}
.w100 {width:100px;}
.w90 {width:90px;}
.w80 {width:80px;}
.w70 {width:70px;}
.w50 {width:50px;}
.w40 {width:40px;}
.w30 {width:30px;}
.w20 {width:20px;}

/* 여백값 지정 */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mr10 {margin-right:1.0rem;}
.mr15 {margin-right:1.5rem;}
.ml15 {margin-left:1.5rem;}
.mr30 {margin-right:30px;}
.mr20 {margin-right:20px;}
.mr80 {margin-right:80px;}
.mb10 {margin-bottom:1.0rem;}
.mb20 {margin-bottom:20px;}
.mb15 {margin-bottom:1.5rem;}
.mb25 {margin-bottom:2.5rem;}
.mb30 {display:block; margin-bottom:30px!important;}
.mb35 {margin-bottom:3.5rem;}

/* ì •ë ¬ */
.txt_left {text-align:left;}
.txt_center {text-align:center;}
.txt_right {text-align:right;}

/* input 텍스트박스 */
input[type="text"]:focus {background-color:#f0f8ff}

/* 증명서/계약서 서식용 input박스 스타일 (공통) */
.tbl_document input[type="text"],.tbl_sign input[type="text"], .tbl_certificate input[type="text"], .tbl_certificate input[type="date"] {
	margin:0 3px;
	padding:0;
	border:1px solid #B5B5B5;
	border-radius :0.1rem;
    font-size: 0.9rem;
}

input[type="number"] {
	margin:0 3px;
	padding:1px;
	border:1px solid #B5B5B5;
	border-radius :0.1rem;
    font-size: 0.9rem;
}

/* textarea */
textarea {
	resize:auto;
	padding:0 3px;
	border:1px solid #B5B5B5;
	border-radius :0.1rem;
	font-size: 0.9rem;
}/*2008은경수정*/
.tbl_salary textarea {
	padding:0 5px;
	font-size: 14px;
}
textarea:focus {background-color:#f0f8ff;}
/* select 박스 */
select:focus {background-color:#f0f8ff}
select:focus option {background-color:#fff}


.outskirts {
	position:relative;
	display:flex;
	padding-left:30px;
}
.outskirts .box p {
	/*padding-top:20px;*/
	/*font-size:60px;*/
	font-weight:700;
	text-align:center;
	color:#858796;
}
.outskirts .box p.commute {
	font-size:60px;
    color:#043654;

}
.outskirts .box2 p {
	padding-top:20px;
	font-size:1.2rem;
	font-weight:700;
	text-align:center;
	color:#858796;
}
.outskirts .box span {
	display:block;
	min-height:124px;
	margin:0;
	line-height:24px;
	width: 70%;
    float: left;
	text-align:left;
	font-size:16px;
	color: #000;
	letter-spacing:-0.4px
}

/* 폰트컬러값 */
.txt_indigo {color:#033653}/*출근*/
.txt_red {color:#ef4126}/*지각*/
.txt_sky {color:#40aec9}/*ì—°ì°¨*/
.txt_chuljang {color:#209c94}/*출장*/

/* 서류 작성 완료버튼 입력위치 */
/* .btnArea {display:block; width:100%; margin-top:32px;margin-right:-0.75rem;margin-left:-0.75rem; text-align:center} */
/* pci 수정 */
.btnArea {display:block; width:100%; margin-top:32px; text-align:center}

/*팝업*/
.input-group {display:block;margin-top:20px;margin-bottom:20px;}
.modal-box input[type="text"], .modal-box label {
	margin:0 3px;
	padding:12px 10px;
	border:1px solid #B5B5B5;
	border-radius :0.1rem;
    font-size: 0.9rem;
}
.title_choice {margin-bottom:20px;color:#043956}

.modal {
  z-index: 900;
}

#myModal {
  display:none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.5);
  overflow: auto;
}

.modal-box {
  position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
  width:fit-content;
  padding:1.5rem;
  animation-name: modalbox;
  animation-duration: 0.8s;
  background-color:#fff;
  border:1px solid #e3e3e3;
  border-radius:1.3rem;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

.modal-sandbox {
}

.modal-body {
}

/* Close Button */
.close-modal {
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}
.sideheaderUl {

}

 .sidebar.toggled .date_time {margin:0 1.3rem;}
 .sidebar.toggled .date_time .time {
    display: block;
    text-align: center;
    font-size: 0.96rem;
 }
  .sidebar.toggled .date_time span {
    display: block;
    text-align: center;
    font-size: 1.0rem;
	margin-bottom:0;
 }
.modal_dark {
	  width: 100%;
	  height: 100%;
	  left: 0;
	  top: 0;
	  background: rgba(0,0,0,0.5);
}

.infoSend p, .infoSend ul li {padding:0.5rem 0}

.selectNogada {
	position:absolute;
	display:block;
	top:50%;
	right:4%;
	width:10px;
	height:7px;
	background:url('../img/common/img_arrowSelect.png') no-repeat;
}

.sideheaderUl {display: inline-block;  width: 748px; }
.sideheaderUl li {
	display:inline-block;
	padding:0 20px;
}
.sideheaderUl li:first-child {padding-left:0;}

.sideheaderUl li span {
	display:inline-block;
	color:#262626;
	padding:12px 0 10px;
	line-height:1.6;
}
.sideheaderUl li a {
	text-decoration:none;
	color:#363636;
	padding:12px 0 10px;
	font-size:18px;
	font-weight:600;
	line-height:1.6;
}
.sideheaderUl .choice{
	border-bottom:6px solid #033754;
	color:#363636;
	font-size:18px;
	font-weight:600;
	line-height:1.6;
}
.dropdown2 {font-size:16px!important;text-align:center}
.welcomeAdmin {display:inline-block; width:fit-content; position:absolute; left:172px; top:-65px; z-index:1500}

.send_contract {width:100%;border-top:3px solid #161D4A;border-bottom:3px solid #161D4A;color:#606060}
.send_contract th {padding:11px 15px 11px 0; }
.send_contract td {padding:11px 0 11px 15px; font-weight:300;}

table tr td.weekend {border-left:1px solid #EAEAEA;border-right:1px solid #EAEAEA;color:#fff!important;}

.view_welcome {display:none;}
.main .view_welcome {display:inline-block;}

.holderColor::placeholder {color:#B5BFCA}