/*노토산스 폰트 전체 적용*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,700');
    /*font-family: 'Noto Sans KR', sans-serif;*/
html,body {font-family: 'Noto Sans KR', sans-serif !important; color:#333;}
.row {margin-left: 0px; margin-right: 0px;}

/* reset.css */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
img, fieldset{border:0px;}
table{border-collapse:collapse;}
ul, ol, li{list-style:none;}
address, em{font-style:normal;}
li img, object{vertical-align:top;}
input, select, textarea, form img{vertical-align:middle;}
a{ outline:0; text-decoration:none; border:none;}
* { box-sizing: border-box;}

.padding-non {padding: 0px !important;}


/* 데이터피커와 조회버튼 (일일영업결산표 구조 참조)*/
.data-and-search-btn  {position:relative; margin-bottom:10px;}
.data-and-search-btn .input-group {width: calc(100% - 55px) !important;}
.data-and-search-btn .btn {    position: absolute; bottom: 0; right: 0px; width: 50px;}

/*----intro 페이지----*/
.intro {background-image: url("../assets/images/flask_blue.jpg"); background-repeat: no-repeat; background-size: cover; background-position:  0px 0px;	animation: animatedBackground 40s linear infinite;
}
@keyframes animatedBackground {
	from { background-position: 60% 0; }
	to { background-position: 100% 0; }
}
.intro img {display: block;  position: absolute; left: 50%; margin-left: -90px; top:20%;}
/*----intro 페이지 end----*/



/*----login 페이지----*/
.login {background-image: url('../assets/images/flask_blue.jpg'); background-repeat: no-repeat; background-size: cover; background-position: 60%;}

/*로고 위치*/
.login {position: relative;}
.login .logo {display: block;  position: absolute; left: 50%; margin-left: -90px; top:20%;}
/*로그인창 위치*/
.login .form {width: 300px; bottom: 10%; position: absolute; right: 50%; margin-right: -150px; }

/*로그인 input 보더선 색상, 글씨 색상*/
.form-group.form-md-line-input.try-login .form-control {border-bottom: 1px solid #fff; color:#fff;}
/*input placeholder 색상*/
.form-group.form-md-line-input.try-login input::placeholder{color:#ddd;} 

/*로그인창 포커스시 선 색상*/
.form-group.form-md-line-input.try-login .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.try-login .form-control:focus:not([readonly]) ~ .form-control-focus:after, 
.form-group.form-md-line-input.try-login .form-control.focus:not([readonly]) ~ .form-control-focus:after {
      background: #fff; }
/*로그인 input laber 글씨 색상*/
.form-group.form-md-line-input.form-md-floating-label.try-login .form-control~label {color:#fff;}
/*input 밑 불필요한 마진 조절*/
.form-group.form-md-line-input.try-login {margin-bottom: 10px;}
/*로그인 버튼 색상 변경*/
.btn.btn-outline.try-login{background: #fff; color:#32c5d2; padding: 10px; margin-top: 20px;}
/*아이디저장*/
.login .form-md-checkboxes {padding: 5px; width: 120px; margin-left: 160px;}
.login .has-success .md-checkbox label, .login .has-success.md-checkbox label{color: #fff;}
.login .has-success .md-checkbox label>.box, .login .has-success .md-checkbox label>.check, .login .has-success.md-checkbox label>.box, .login .has-success.md-checkbox label>.check{border-color: #fff; border-width: 1px;}
.login .md-checkbox label>.box {width: 15px; height: 15px; top:2px;}
.login .md-checkbox label {padding-left: 22px;}
.login .md-checkbox label>.check {height: 13px; width: 7px; top:0px;}
/*----login 페이지 end----*/



/*----마스터 페이지----*/
/*header*/
/*헤더 픽스*/
.page-header {position: fixed; top:0px;z-index: 999; height: auto;}
.page-head {background: none !important;}
.page-container {margin-top: 50px;}
/*헤더 배경*/
.page-header {background-image: url('../assets/images/flask_blue.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center;}
/*헤더 아바타 아이콘, 로그아웃 버튼 기존 배경색 무효화*/
.page-header .top-menu, .page-header .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle, .page-header-fixed-mobile .page-header .top-menu, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown:active .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown:focus .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:active, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:focus, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:hover {background: none;}
 /*사용자 이름 색상 변경*/
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i
{color:#fff; margin-left: 10px;}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user.open>.dropdown-toggle>.username, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user.open>.dropdown-toggle>i, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user:hover>.dropdown-toggle>.username, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user:hover>.dropdown-toggle>i{color:#fff; margin-left: 10px;}

/*사용자 드랍박스*/
.page-header .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle:hover {background: none;}


/*로고 크기 위치 조절*/
.page-header .page-header-top .page-logo .logo-default {margin: 0; position: absolute; bottom: 12px; height: 40px;}
/*사용자 사진 크기 조절*/
.page-header .page-header-top .top-menu .navbar-nav img {height: 28px;}

/*sub header*/
/*헤더 높이, 패딩 조절*/
.page-header.sub-header .page-header-top{height: 50px;}
/*로고 크기 위치 조절*/
.page-header.sub-header .page-header-top .page-logo .logo-small {position: absolute; bottom: 15px;}
/*아바타 아이콘, 이름, 로그아웃아이콘 포함된 .top-menu 위치 수정*/
.page-header.sub-header .page-header-top .top-menu {margin: 0px;}
.sub-header .logo-default {display: none;}
.sub-header .logo-small {display: block;}
.page-header.sub-header .page-header-top .page-logo {height: auto;}

/*page-head*/
/*페이지 제목*/
.page-head .page-title>h1 {font-size: 17px;}
.page-head .page-title {padding-bottom: 5px;}

.logo-small {display: none;}

/*footer menu*/
#footer-menu{display: block; position:fixed; width:100%; bottom:0; left:0; z-index:100; background-color:#fff; min-height:60px; box-shadow:0 -2px 3px 0 rgba(0,0,0,.1)!important;} 
.footer{padding-bottom:60px;}

#footer-menu a{color:#1f1f1f; float:left; text-align:center; width:16.6%; color:#bbb; border-top:4px solid #fff}

#footer-menu a span{display:block; position:relative; left:0; right:0; text-align:center; font-size:11px}

#footer-menu a i{font-size:19px; padding-top:11px;}

.active-menu {color:#32c5d2!important; border-color:#32c5d2!important;}

/*바닥 푸터메뉴만큼 패딩*/
.page-content-wrapper{ padding-bottom:60px;}

/*----마스터 페이지 end----*/



/*----홈 페이지----*/
.home-html.container {padding-top:30px;}
.home-html .dashboard-stat2 .display .number small,.dashboard-stat2 .progress-info .status{ font-weight: normal; text-transform: none;}
.home-html .dashboard-stat2 {padding-bottom: 10px;}
.home-html .dashboard-stat .details {padding-right: 0px;}
.home-html .dashboard-stat {margin-bottom: 10px;}
.home-html .dashboard-stat2 .display .number h3 {font-size: 25px;}

.home-html .dashboard-stat .details {position: relative;}
.home-html .dashboard-stat .details .number {padding-top: 5px; font-size: 20px; color: #fff;}
.home-html .dashboard-stat .details .desc {font-size: 13px; padding: 0px; padding-bottom: 5px; color: #fff;}
.home-html h3 {font-size: 14px;color: #AAB5BC; font-weight: bold; margin-bottom: 5px;}

.home-html .dashboard-stat i {opacity: 0.1; font-size: 60px; color: #fff; position: absolute; top:50%; }
.home-html small {font-size: 70%;}

/*투어전략 달성률*/
.home-html .dashboard-stat2.tour .display .number h3 {font-size: 25px;}
.home-html .dashboard-stat2.tour i {opacity: 0.1; font-size: 60px; color: #fff; position: absolute; top:20%; }
.home-html .dashboard-stat2.tour .display .number small {font-size: 14px; color: #ddd;}
.home-html .dashboard-stat2.tour h3 {color: #fff;}
.home-html .dashboard-stat2.tour 


.home-html .mt-element-ribbon{margin-bottom: 10px;}
.home-html .mt-element-ribbon .ribbon {position: absolute; margin: 0px; top:5px; padding: 5px; padding-right: 8px; }
.home-html .mt-element-ribbon .ribbon-content {font-size: 16px; color: #666; padding: 13px;}
.home-html .mt-element-ribbon .ribbon-content {padding-top: 38px; padding-bottom: 18px;}
.home-html .mt-element-ribbon .notice_list {position: absolute; right: 0px; padding: 8px; font-size: 12px; color: #999; text-decoration: none;}

.ticker {height: 46px; overflow: hidden; margin: 0; padding: 0; list-style: none; text-align: center;}
.ticker li {height: 50px; width: 80%; padding: 6px; margin: 0 auto; white-space: normal; line-height: 1.2; height: 3.6em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ticker li a {text-decoration: none;}

/*----홈 페이지 end----*/

/*----menu 페이지----*/
.menu-html .menu-list ul {overflow: hidden;}
.menu-html .menu-list li {float: left; color:#32c5d2; text-align:center; padding: 3px; margin-bottom: 10px;}
.menu-html .menu-list a{ border: solid 2px #32c5d2; border-radius: 50% !important; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-bottom: 5px;}
.menu-html .menu-list a i{font-size:23px; padding:11px 0px; color:#32c5d2;}
.menu-html .menu-list span{font-size:14px; }
/*----menu 페이지 end----*/


/*----customer 페이지----*/    /*product와 동일 포멧이므로 같은 클레스 사용*/
/*검색창*/
.customer-html .top-control .customer-search {float: right;}
/*테이블 설정*/
.customer-html .customer-table {margin-top: 10px; text-align: center;}
.customer-html .customer-table th {text-align: center;}
.customer-html .customer-table i {color:#32c5d2; font-size: 18px;}
.customer-html .customer-table a {display: block;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding: 6px 1px; font-size: 12px;}
.table {margin: 0px;}
.portlet {margin-bottom: 0px;}

/*pagination 색상 통일*/
.customer-html .pagination>.active>a, .customer-html .pagination>.active>a:focus, .customer-html .pagination>.active>a:hover, .customer-html .pagination>.active>span, .customer-html .pagination>.active>span:focus, .customer-html .pagination>.active>span:hover {background-color: #3698dc;}
/*----customer 페이지 end----*/ 

/*----call 페이지----*/
/*헤더부분*/
.call-html.page-title {width: 100%;}
.call-html.page-title h1{float: left;}
.call-html.page-title h1 span {font-weight: bold;}

/*타일 패딩 조절*/
.customer-tile {padding: 0px; margin-bottom: 10px; background: #fff;}
.customer-tile-left, .customer-tile-right,.customer-tile-right-complete {padding: 10px; height: 100px;}
.customer-tile-right {padding-right: 30px;}
.dashboard-stat2, .dashboard-stat2 .display{margin-bottom: 10px;}
/*타일 패딩 없는거(sorting 버튼 없는 경우)*/
.customer-tile-right-complete {
    padding-right: 10px;
}

/*타일 좌측 영역*/
.customer-tile .customer-tile-left {background: #32c5d2; text-align: center; color: #fff; display: flex; align-items: center; justify-content: center;}
.customer-tile .customer-tile-left i {font-size: 30px; margin-bottom: 15px; margin-top: 3px;}
.customer-tile .customer-tile-left .meet-time {font-size: 15px; font-weight: bold; line-height: 15px;}
.customer-tile .customer-tile-left .meet-time span{font-size: 10px; font-weight: normal;}
/*중간 추가 콜 배경 진한 파랑 주는 css*/
.customer-tile-left.active-call{background: #3598dc !important;}
/*완료 콜 배경 회색배경 주는 css*/
.customer-tile-left.complete-call{background: #bbb !important;}

/*타일 타이틀 (00병원 000원장 등 글씨)*/
.customer-tile .title {font-size: 14px; border-bottom: solid 1px #32c5d2; padding-bottom: 2px; text-overflow:ellipsis;
white-space:nowrap; word-wrap:normal; overflow:hidden; position:relative;}
.customer-tile .title strong {width:70%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.customer-tile .title span {font-size: 17px; font-weight: bold;padding-right: 2px;}
.customer-tile .title .flag-icons {font-size: 16px; float: right; color:#32c5d2; position: absolute; top: 0px; right: 0; background-color: #fff;}
.customer-tile .visit-num {font-size: 12px; color:#32c5d2;}
.customer-tile .visit-num span {font-weight: bold;}
.customer-tile .cost {font-size: 12px; color:#999;  position: absolute; bottom: 10px;}
.customer-tile .cost span {font-weight: bold;}
.customer-tile .product-list {font-size: 12px; color:#999; text-overflow:ellipsis;
white-space:nowrap; word-wrap:normal; overflow:hidden; height:20px;}

/*처방, 완료 버튼*/
.customer-tile .button-group {position:relative; bottom:5px; float:right;}
.customer-tile-right .btn, .customer-tile-right-complete .btn {height: 24px;  padding: 3px 4px; font-size: 12px;}
/*체크박스 마진, 패딩 제거*/
.customer-tile .button-group .form-group, .form-md-checkboxes {margin: 0px; padding: 0px;}
.customer-tile .button-group .btn-edi{ background: #fff; border:solid 1px #32c5d2; }
.customer-tile .button-group label{margin-bottom: 0px; padding-left:17px; padding-top: 4px;}
.customer-tile .button-group label .box {height: 13px; width: 13px; margin-top: 6px; border-width: 1px;}
.customer-tile .button-group label .check{height: 14px; width: 6px; margin-top: 8px;}
.md-checkbox {margin-top: -5px;}
.customer-tile .button-group .btn-suc { width: 55px;}
/*체크박스 효과 제거*/
.md-checkbox label>span.inc {display: none;}
/*드래그 버튼*/
#sortable li.customer-tile {position: relative;}
.btn-handle {position: absolute; top: 0px; right: 0px; height: 100px; padding: 0px; border-radius: 0px; background: #e0e0e0; color:#fff;}
/*상태별 보기 토글 드롭박스 - 스크롤바 생기는것 오류 해결*/
/*.call-html .btn-group {position:absolute; right:15px;}*/
.call-html .container {padding-top:10px;}
.call-html .btn-group .btn {height:30px; padding:3px 12px;}

/*내부 미팅 스케쥴 테이블*/
.call-html .table-container {margin-bottom: 10px; padding: 3px; background: #fff;}
.call-html h3 {display: block; border: 0px; padding: 5px; font-weight: bold; float: left;}
.call-html h3.non-float {display: block; border: 0px; padding: 5px; font-weight: bold; float: none;}
.call-html small {float: right; color: #999; padding-top: 4px; padding-right: 5px; font-size: 12px;}
.call-html table th,td {text-align: center;}
.call-html table thead {border: 0px;}
.call-html .table>tbody>tr>td {padding: 3px; font-size: 12px;}
.call-html .table>thead>tr>th {padding: 3px; font-size: 12px;}

/*----call 페이지 end----*/


/*----call detail 페이지 ----*/
.call-detail-html .btn-group button {margin-left: 5px !important;}
.call-detail-html .title {font-size: 14px; border-bottom: solid 1px #32c5d2; padding-bottom: 2px; position: relative;}
.call-detail-html .title span {font-size: 17px; font-weight: bold;}
.call-detail-html .title small {position: absolute; right: 0px; bottom: 2px; color: #666;}

.call-detail-html .detail-tile {padding: 10px; margin-bottom: 10px; background: #fff; color:#777;}
.call-detail-html .title {margin-bottom: 10px;}

/*input*/
.detail-tile .form-group.form-md-line-input {margin-bottom: 10px;}
.detail-tile .form-group.form-md-line-input.get-cost {padding-top: 0px;}
.detail-tile .form-group.form-md-line-input.get-cost label {display: inline-block;}
.detail-tile .form-group.form-md-line-input.get-cost select {display: inline-block; width: 70px;}

.no-padding {padding: 0px !important;}
.rl5-padding {padding: 0px 5px !important;}

/*디테일 3 아코디언 헤딩*/
.call-detail-html .panel-default>.panel-heading {background: #32c5d2; }
.call-detail-html .accordion .panel .panel-title {position: relative;}
.call-detail-html .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled {color: #fff ; background: none;}
.call-detail-html .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled i{right: 10px; position: absolute;}

.call-detail-html .panel-group {margin-bottom: 5px;}

.call-detail-html .bottom-title {margin-bottom: 10px;}
.call-detail-html .bottom-title:after{display:block;clear:both;content:''}
.call-detail-html .bottom-title p{font-size: 14px; padding-bottom: 2px; font-weight: bold; float: left; margin-top: 5px;}
.call-detail-html .bottom-title span {font-size: 14px; font-weight: normal; /*color: #32c5d2;*/}
.call-detail-html .bottom-title .btn-group {float: right;}

/*디테일 확인 모달*/
.detail-modal .modal-body p {text-align: center; margin-bottom: 20px; float: none;}
/*느낌표 모양*/
.sweet-alert .sa-icon.sa-warning {border-color: #eea236;}
.sweet-alert .sa-icon {border-radius: 50%!important;}
.sweet-alert .sa-icon {width: 70px;height: 70px;border: 4px solid gray;border-radius: 50%;margin: 20px auto;position: relative;box-sizing: content-box;}
.sweet-alert .sa-icon.sa-warning .sa-body {position: absolute;width: 5px;height: 40px;left: 50%;top: 10px;border-radius: 2px;margin-left: -2px;background-color: #f0ad4e;}
.sweet-alert .sa-icon.sa-warning .sa-dot {position: absolute;width: 7px;height: 7px;border-radius: 50%;margin-left: -3px;left: 50%;bottom: 10px;background-color: #f0ad4e;}
/*EDI회수 수금완료 버튼*/
.detail-modal .button-group {text-align: center;}
.btn-detail{ background: #fff; border:solid 1px #32c5d2;  display: inline-block; border-radius: 0px; margin-bottom: 3px;width: 120px;}
.btn-detail label{margin-bottom: 0px; padding-left:19px; padding-top: 4px;}
.btn-detail label .box {height: 13px; width: 13px; margin-top: 8px; border-width: 1px;}
.btn-detail label .check{height: 14px; width: 6px; margin-top: 10px;}
.md-checkbox {margin-top: -5px;}
.btn-detail .btn-suc { width: 55px;}
/*모달 취소 저장버튼*/
.detail-modal .modal-footer {padding: 5px;}
.detail-modal .modal-footer button { background: #fff;  width: 50%; float: left; margin: 0px; border-radius: 0px;}
.detail-modal .modal-footer button:nth-child(1) {border-right: 1px solid #ddd; color:#f85959;}
.detail-modal .modal-footer button:nth-child(2) { color:#32c5d2;}
.detail-modal .modal-footer .btn+.btn {margin: 0px;}

#basic-alert .modal-dialog {width: 300px;height: 300px;margin: 0 auto;top:40%;margin-top: -150px;}

/*customer-information-modal*/
.customer-information-modal  h3 {display: block; border: 0px; padding: 5px; font-weight: bold; float: left;}
.customer-information-modal small {float: right; color: #999; padding-top: 4px; padding-right: 5px; font-size: 12px;}
.customer-information-modal table th,td {text-align: center;}
.customer-information-modal table {border: 0px; margin-bottom: 10px;}
.customer-information-modal table thead {border: 0px;}
/*신규개척*/
.new-items th,td {text-align: center;}
/*----call detail 페이지 end ----*/


/*---일일 영업 일지---*/
.daily-report-detail-html .summary-tile {margin-bottom: 10px; padding: 10px; background: #fff;}

.daily-report-detail-html h3 {display: block; border: 0px; padding: 5px; font-weight: bold; float: left; margin-bottom:5px; color:#333;}
.daily-report-detail-html h3.mr-name {display: block; border-bottom: solid 1px #32c5d2; padding: 6px; margin-bottom: 10px; font-weight: bold; float: none; color: #333;}
.daily-report-detail-html h3.non-float {display: block; border: 0px; padding: 5px; font-weight: bold; float: none;}
.daily-report-detail-html small {float: right; color: #999; padding-top: 4px; padding-right: 5px; font-size: 12px;}
.daily-report-detail-html table th,td {text-align: center;}
.daily-report-detail-html table {border: 0px; margin-bottom: 10px;}
.daily-report-detail-html table thead {border: 0px;}

/*----공지사항 리스트 페이지----*/
.notice-list-html table {border-collapse: collapse;border-spacing: 0;width: 100%;table-layout: fixed;}
.notice-list-html td {vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.notice-list-html .table>tbody>tr>td {padding: 8px;}
.notice-list-html .table tbody tr td:nth-child(2){text-align: left; font-size: 14px;}
.notice-list-html .table tbody tr td:nth-child(2) a {text-decoration: none;}
/*---공지사항 내용 페이지----*/
.notice-detail-html .table>thead>tr>th.title {text-align: left; padding-bottom: 10px; font-size: 15px !important; color: #333;}
.notice-detail-html .date-witer {text-align: right; color: #999;}
.notice-detail-html .date-witer span{color: #777;}
.notice-detail-html .table>tbody>tr>td.content {text-align: left; padding-top: 10px; padding-bottom: 20px; font-size: 14px;}

/*비밀번호 변경*/
.password-html  form {position: relative;}
.password-html .btn-pws {overflow: hidden;}
.password-html .btn-pws button {float: right;}


/*--일일영업결산표--*/
/*매출수금 토글 버튼*/
.sales-settle-ment-html .tab-nav a{border-radius:0; float:left; width:50%; border: 1px solid #578ebe; color:#578ebe; background:#fff;}
.sales-settle-ment-html .tab-nav a.active {background:#578ebe; color:#fff;}



/*---------------------테블릿-------------------------*/
@media screen and (min-width:640px) and (max-width:993px) {
    /*----마스터 페이지----*/
    
    /*----마스터 페이지 end----*/
    
    /*----menu 페이지----*/
    .menu-html .menu-list li {float: left; width: 20%;}
    /*----menu 페이지 end----*/
}



/*---------------------모바일-------------------------*/
@media screen and (min-width:0px) and (max-width:639px) {
    
    /*----마스터 페이지----*/
    .page-wrapper-bottom {display: none !important;}
    .scroll-to-top{display: none !important;}
    
    
    
    
    
    /*----마스터 페이지 end----*/
    
    /*----home 페이지----*/
    .home-html .row>div {padding: 0px;}
    /*----home 페이지 end----*/

    
    /*----menu 페이지----*/
    .menu-html .menu-list li {width: 25%;}
    /*----menu 페이지 end----*/
    
    /*----call 페이지----*/
/*    .row>div {padding: 0px;}*/
    
}