@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700,300");
html { position: relative; min-height: 100%; }
body { font-size: 0.9rem; background-color: #efefef; }
a { text-decoration: none; color: #000 }
.small { font-size: 0.7rem; }
.noradius { border-radius: 0; }
.noborder { border: 0 !important; }
.radius-circle { border-radius: 50px; }
label { font-weight: 500; }
.label { display: inline-block; padding: 0.2em 0.6em; font-size: 75%; font-weight: bold; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; }
.label:empty { display: none; }
img { vertical-align: middle; border: 0; }
.bg-primary { background-color: #0f9df7 !important; }
.bg-success { background-color: #1bb99a !important; }
.bg-info { background-color: #3db9dc !important; }
.bg-warning { background-color: #f1b53d !important; }
.bg-danger { background-color: #ff5d48 !important; }
.bg-purple { background-color: #9261c6 !important; }
.bg-pink { background-color: #ff7aa3 !important; }
.bg-dark { background-color: #2b3d51 !important; }
.bg-default { background-color: #64b0f2 !important; }
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.text-custom { color: #64b0f2; }
.text-primary { color: #0f9df7 !important; }
.text-success { color: #1bb99a !important; }
.text-info { color: #3db9dc !important; }
.text-warning { color: #f1b53d !important; }
.text-danger { color: #ff5d48 !important; }
.text-purple { color: #9261c6; }
.text-pink { color: #ff7aa3; }
.text-dark { color: #2b3d51; }
.text-white { color: #ffffff; }
.text-muted { color: #818a91; }
.dropdown-lg { width: 280px; }
.dropdown-menu { box-shadow: none; border: 1px solid rgba(43, 61, 81, 0.05); margin: -1px; padding: 0; border-radius: 0; }


::-webkit-scrollbar {
 width: 12px;  /* for vertical scrollbars */
 height: 12px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track {
 background: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb {
 background: rgba(0, 0, 0, 0.6);
}
.breadcrumb-holder { background-color: #ffffff; margin: 0px -20px 20px -20px; padding: 13px 25px 0 25px; box-shadow: none; }
.breadcrumb-holder .main-title { margin-bottom: 0; font-size: 1.4rem; }
.breadcrumb-holder .breadcrumb { padding: 0; background-color: transparent !important; }
.card-box { padding: 20px; background-clip: padding-box; margin-bottom: 20px; background-color: #ffffff; border: 1px solid rgba(183,183,183,.125); }
.card-box i { font-size: 80px; margin-top: 20px; }
.main{margin-top:60px;}
.card-header { color: #6b6b6b; background-color: rgba(0,0,0,.03); border-bottom: 1px solid rgba(111,111,111,.13); }
.card-header h3 { font-weight: 400; line-height: 1.6; font-size: 1.0rem; margin-bottom: 0; }
.header-title { font-size: 1rem; text-transform: uppercase; }
.page-header { margin-top: 30px; margin-bottom: 20px; font-size: 1.15rem; padding-bottom: 10px; border-bottom: 1px solid #eceeef; }
.button-list { margin-bottom: -5px; margin-left: -7px; }
.button-list button, .button-list a { margin: 5px 7px; }
canvas { max-width: 100%; }
svg { max-width: 100%; }
a { outline: none !important; text-decoration: none !important; }
.row { margin-right: -10px; margin-left: -10px; display: flex;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 { padding-right: 10px; padding-left: 10px; }
.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active { background-color: #0f9df7; }
.dropdown-item { font-size: 0.9rem; white-space: inherit; }


/* IE9, IE10, IE11 */
@media screen and (min-width: 0\0) {
 .form-control {
 padding: 0.55rem 0.75rem !important;
}
 .input-group-addon {
 line-height: inherit !important;
 font-size: 1rem !important;
}
 .carousel-control span {
 right: 20px;
}
}
.headerbar { left: 0; position: fixed; right: 0; top: 0; z-index: 999; }
.headerbar .headerbar-left { background: #4980b5; float: left; text-align: center; height: 50px; position: relative; width: 250px; z-index: 1; }
.headerbar .headerbar-left .logo img { max-width: 100px; max-height: 30px; width: auto; height: auto; }
.navbar-custom { background-color: #4980b5; border-radius: 0; margin-bottom: 0; padding: 0 10px; margin-left: 250px; min-height: 50px; }
.navbar-custom .nav-link { padding: 0 8px; line-height: 50px; color: #e9f2ff; font-size: 20px; }
.navbar-custom .dropdown-toggle:after { content: initial; }
.navbar-custom .menu-left { overflow: hidden; }
.logo { color: #e3ebf3 !important; font-size: 20px; font-weight: 200; text-transform: uppercase; letter-spacing: 1px; line-height: 48px; }
.logo span span { color: #fff; }
.main-sidebar { top: 50px; width: 250px; z-index: 10; background: #262D33; bottom: 70px; margin-bottom: -70px; margin-top: 0; padding-bottom: 70px; position: absolute; }
.content-page { margin-left: 250px; overflow: hidden; }
.content-page .content { padding: 0 5px; margin-top: 50px; }
.main-sidebar.left { position: absolute; }
body.adminbody .main-sidebar.left { bottom: 0px; margin-bottom: 0px; margin-top: 0; padding-bottom: 0px; }
.button-menu-mobile { background: transparent; border: none; color: #dde8ef; font-size: 28px; line-height: 50px; padding: 0 5px; margin-right: 10px; position: relative; cursor: pointer; display: inline-block; overflow: hidden; vertical-align: middle; z-index: 1; }
.button-menu-mobile:hover { color: #a2cff7; }
.sidebar-inner { height: 100%; }
#sidebar-menu, #sidebar-menu ul, #sidebar-menu li, #sidebar-menu a { border: 0; font-weight: normal; line-height: 1; list-style: none; margin: 0; padding: 0; position: relative; text-decoration: none; }
#sidebar-menu { padding-bottom: 30px; width: 100%; }
#sidebar-menu a { line-height: 1.3; }
#sidebar-menu ul li .menu-arrow { -webkit-transition: -webkit-transform .15s; -o-transition: -o-transform .15s; transition: transform .15s; position: absolute; right: 20px; top: 15px; display: inline-block; font-family: 'FontAwesome'; text-rendering: auto; line-height: 18px; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
#sidebar-menu ul li .menu-arrow:before { content: "\f105"; }
#sidebar-menu ul li a.subdrop .menu-arrow { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
#sidebar-menu ul ul { display: none; }
#sidebar-menu ul ul li { border-top: 0; }
#sidebar-menu ul ul li.active a { color: #f3f3f3; }
#sidebar-menu ul ul a { color: #b5b5b5; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; display: block; padding: 10px 20px 10px 60px; }
#sidebar-menu ul ul a:hover { color: #efefef; }
#sidebar-menu ul ul a i { margin-right: 5px; }
#sidebar-menu ul ul ul a { padding-left: 80px; }
#sidebar-menu .label { margin-top: 2px; }
#sidebar-menu .subdrop { color: #fff !important; background-color: #414d58; border-left: 2px solid #608ab3; }
#sidebar-menu .submenu ul .submenu .menu-arrow { top: 10px !important; }
#sidebar-menu > ul > li > a { color: #b5b5b5; display: block; padding: 12px 12px 15px 12px; font-weight: 400; font-size: 0.90rem; border-left: 2px solid transparent; }
#sidebar-menu > ul > li > a:hover { color: #FFF; background-color: #414d58; text-decoration: none; border-left: 2px solid #608ab3; }
#sidebar-menu > ul > li > a > span { vertical-align: middle; }
#sidebar-menu ul li a i { display: inline-block; font-size: 18px; line-height: 17px; margin-left: 3px; margin-right: 15px; text-align: center; vertical-align: middle; width: 20px; }
#sidebar-menu ul li a .drop-arrow { float: right; }
#sidebar-menu ul li a .drop-arrow i { margin-right: 0; }
#sidebar-menu > ul > li > a.active { color: #ffffff !important; background-color: #6194c1; }
.menu-title { padding: 12px 20px !important; letter-spacing: .035em; pointer-events: none; cursor: default; font-size: 13px; }
.footer { margin: 0 auto; width: 100%; color: #818a91; text-align: left !important; position: absolute; background-color: #fff; }
#main.enlarged .menu-title { display: none; }
#main.enlarged .menu-arrow { display: none !important; }
#main.enlarged .footer { left: 70px; }
#main.enlarged #sidebar-menu ul ul { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.08); }
#main.enlarged .left.main-sidebar { width: 70px; z-index: 5; }
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a { padding-left: 10px; }
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a:hover { background-color: #64b0f2; }
#main.enlarged .left.main-sidebar span.pull-right { display: none !important; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li { position: relative; white-space: nowrap; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a { background-color: #64b0f2; position: relative; width: 260px; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul { display: block; left: 70px; position: absolute; width: 190px; padding: 5px 0; background: #ffffff; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul a { background: #ffffff; border: none; box-shadow: none; padding-left: 15px; position: relative; width: 190px; z-index: 6; color: rgba(43, 61, 81, 0.8); }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul a:hover { color: #64b0f2; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover a span { display: inline; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > ul { display: none; }
#main.enlarged .left.main-sidebar #sidebar-menu ul ul li:hover > ul { display: block; left: 190px; margin-top: -36px; position: absolute; width: 190px; }
#main.enlarged .left.main-sidebar #sidebar-menu ul ul li > a span.pull-right { -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); position: absolute; right: 20px; top: 12px; transform: rotate(270deg); }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > a span { display: none; padding-left: 10px; }
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a { padding: 15px 20px; min-height: 52.09px; }
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a i { margin-right: 20px !important; font-size: 20px; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a { position: relative; width: 260px; background-color: #535b63; color: #ffffff; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a i { color: #ffffff; }
#main.enlarged .content-page { margin-left: 70px; }
#main.enlarged .navbar-custom { margin-left: 70px; }
#main.enlarged .headerbar .headerbar-left { width: 70px !important; }
#main.enlarged .headerbar .headerbar-left .logo span { display: none; opacity: 0; }
#main.enlarged .headerbar .headerbar-left .logo i { margin-right: 0; }
#main.enlarged #sidebar-menu > ul > li:hover > a.open :after { display: none; }
#main.enlarged #sidebar-menu > ul > li:hover > a.active :after { display: none; }
#main.enlarged .user-detail { bottom: 0; padding: 15px 0; width: 70px; text-align: center; }
#main.enlarged .user-detail .dropup { margin: 0 auto; margin-left: 17px; }
#main.enlarged .user-detail h5 { display: none; }
#main.enlarged .user-detail p { position: absolute; right: 15px; top: 32px; }
#main.enlarged .user-detail p span { display: none; }
#main.enlarged #sidebar-menu ul ul li.active a { color: #0f9df7; }
.notif { margin-left: 0 !important; }
.notif .noti-title { border-radius: 0; background-color: #3492ea; margin: 0; width: auto; padding: 8px 15px 12px 15px; }
.notif .noti-title h5 { color: #ffffff; margin: 0; }
.notif .noti-title .label { float: right; }
.notif .noti-icon { font-size: 22px; padding: 0 12px; vertical-align: middle; color: rgba(255, 255, 255, 0.8); }
.notif .notif-bullet { height: 12px; width: 12px; background-color: #f95200; display: inline-block; position: absolute; top: 13px; right: 8px; border-radius: 50%; border: 2px solid #e2e2e2; }
.notif .notify-item { padding: 10px 20px; }
.notif .notify-item .notify-icon { float: left; height: 36px; width: 36px; line-height: 36px; text-align: center; margin-right: 10px; border-radius: 50%; color: #ffffff; }
.notif .notify-item .notify-icon img { margin-top: 4px; }
.notif .notify-item .notify-details { margin-bottom: 0; overflow: hidden; margin-left: 45px; text-overflow: ellipsis; white-space: inherit; }
.notif .notify-item .notify-details b { font-weight: 500; }
.notif .notify-item .notify-details small { display: block; }
.notif .notify-item .notify-details span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.notif .notify-all { border-radius: 0; margin: 0; background-color: #a8c1d8; color: #fff; }
.profile-dropdown { width: 170px; }
.profile-dropdown i { font-size: 17px; vertical-align: middle; margin-right: 5px; }
.profile-dropdown span { vertical-align: middle; }
.nav-user { padding: 0 12px !important; }
.nav-user img { height: 36px; width: 36px; margin-bottom: 7px; }
 @media (max-width: 768px) {
body { overflow-x: hidden; }
.enlarged .left.main-sidebar { margin-left: -75px; }
.headerbar-left { width: 70px !important; }
.headerbar-left span { display: none !important; }
.headerbar-left i { display: block !important; line-height: 75px !important; }
.navbar-custom { margin-left: 70px !important; }
.content-page { margin-left: 0 !important; }
.footer { left: 0 !important; }
.mobile-sidebar { left: 0; }
.mobile-content { left: 250px; right: -250px; }
.wrapper-page { width: 90%; }
.dataTables_wrapper .col-xs-6 { width: 100%; text-align: left; }
div#datatable-buttons_info { float: none; }
.ms-container { width: 100%; }
.navbar-toggleable-md .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
}
 @media (max-width: 767px) {
.dropdown-lg { width: 200px; }
.notif .notify-item { padding: 10px 15px; }
.breadcrumb-holder .main-title, .breadcrumb-holder .breadcrumb { float: none; }
}
 @media (max-width: 480px) {
.notif .noti-icon { font-size: 18px; padding: 0 10px; }
.hidden-mobile { display: none !important; }
}
body.adminbody-void { min-height: 1170px; }
.mobile.smallscreen .sidebar-inner.leftscroll { overflow: scroll !important; }
button:focus { outline: none !important; }
a.btn:focus { color: #ffffff !important; }
.btn-rounded { border-radius: 2em !important; padding: .5rem 1.5rem;
}
.btn-label { background: rgba(43, 61, 81, 0.1); display: inline-block; padding: 7px 15px; border-radius: 3px 0 0 3px; margin: -7px -14px; margin-right: 12px; }
.btn-rounded .btn-label { padding: 7px 15px 7px 20px; margin-left: -20px; }
.btn-rounded .btn-label-right { margin-right: -20px; margin-left: 12px; }
.btn-label-right { margin-left: 12px; margin-right: -13px; border-radius: 0px 3px 3px 0px; }
.btn-custom { background-color: #64b0f2; border-color: #64b0f2; color: #ffffff; }
.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active, .btn-custom.focus, .btn-custom:active, .btn-custom:focus, .btn-custom:hover, .open > .dropdown-toggle.btn-custom { background-color: #439fef; border-color: #439fef; color: #ffffff; }
.btn-primary { background-color: #F57706; border-color: #fff }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary { background-color: #0283d6; border-color: #0283d6; color: #ffffff; }
.btn-success { background-color: #1bb99a; border-color: #1bb99a; }
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success { background-color: #16957c; border-color: #16957c; color: #ffffff; }
.btn-info { background-color: #3db9dc; border-color: #3db9dc; }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info { background-color: #25a7cb; border-color: #25a7cb; color: #ffffff; }
.btn-warning { background-color: #f1b53d; border-color: #f1b53d; color: #ffffff; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open > .dropdown-toggle.btn-warning { background-color: #eea617; border-color: #eea617; color: #ffffff; }
.btn-danger { background-color: #ff5d48; border-color: #ff5d48; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open > .dropdown-toggle.btn-danger { background-color: #ff391f; border-color: #ff391f; color: #ffffff; }
.btn-dark { background-color: #2b3d51; border-color: #2b3d51; color: #ffffff; }
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-dark.focus, .btn-dark:active, .btn-dark:focus, .btn-dark:hover, .open > .dropdown-toggle.btn-dark { background-color: #1d2936; border-color: #1d2936; color: #ffffff; }
.btn-outline-custom { color: #64b0f2; background-image: none; background-color: transparent; border-color: #64b0f2; }
.btn-outline-custom:hover, .btn-outline-custom:focus, .btn-outline-custom:active, .btn-outline-custom.active, .btn-outline-custom.focus, .btn-outline-custom:active, .btn-outline-custom-primary:focus, .btn-outline-custom:hover, .open > .dropdown-toggle.btn-outline-custom { color: #ffffff; background-color: #64b0f2; border-color: #64b0f2; }
.btn-outline-primary { color: #0f9df7; background-image: none; background-color: transparent; border-color: #0f9df7; }
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.focus, .btn-outline-primary:active, .btn-outline-primary:focus, .btn-outline-primary:hover, .open > .dropdown-toggle.btn-outline-primary { color: #ffffff; background-color: #0f9df7; border-color: #0f9df7; }
.btn-outline-success { color: #1bb99a; background-image: none; background-color: transparent; border-color: #1bb99a; }
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.focus, .btn-outline-success:active, .btn-outline-success:focus, .btn-outline-success:hover, .open > .dropdown-toggle.btn-outline-success { color: #ffffff; background-color: #1bb99a; border-color: #1bb99a; }
.btn-outline-info { color: #3db9dc; background-image: none; background-color: transparent; border-color: #3db9dc; }
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.focus, .btn-outline-info:active, .btn-outline-info:focus, .btn-outline-info:hover, .open > .dropdown-toggle.btn-outline-info { color: #ffffff; background-color: #3db9dc; border-color: #3db9dc; }
.btn-outline-warning { color: #f1b53d; background-image: none; background-color: transparent; border-color: #f1b53d; }
.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.focus, .btn-outline-warning:active, .btn-outline-warning:focus, .btn-outline-warning:hover, .open > .dropdown-toggle.btn-outline-warning { color: #ffffff; background-color: #f1b53d; border-color: #f1b53d; }
.btn-outline-danger { color: #ff5d48; background-image: none; background-color: transparent; border-color: #ff5d48; }
.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.focus, .btn-outline-danger:active, .btn-outline-danger:focus, .btn-outline-danger:hover, .open > .dropdown-toggle.btn-outline-danger { color: #ffffff; background-color: #ff5d48; border-color: #ff5d48; }
.btn-outline-pink { color: #ff7aa3; background-image: none; background-color: transparent; border-color: #ff7aa3; }
.btn-outline-pink:hover, .btn-outline-pink:focus, .btn-outline-pink:active, .btn-outline-pink.active, .btn-outline-pink.focus, .btn-outline-pink:active, .btn-outline-pink:focus, .btn-outline-pink:hover, .open > .dropdown-toggle.btn-outline-pink { color: #ffffff; background-color: #ff7aa3; border-color: #ff7aa3; }
.btn-outline-purple { color: #9261c6; background-image: none; background-color: transparent; border-color: #9261c6; }
.btn-outline-purple:hover, .btn-outline-purple:focus, .btn-outline-purple:active, .btn-outline-purple.active, .btn-outline-purple.focus, .btn-outline-purple:active, .btn-outline-purple:focus, .btn-outline-purple:hover, .open > .dropdown-toggle.btn-outline-purple { color: #ffffff; background-color: #9261c6; border-color: #9261c6; }
.btn-outline-dark { color: #2b3d51; background-image: none; background-color: transparent; border-color: #2b3d51; }
.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.focus, .btn-outline-dark:active, .btn-outline-dark:focus, .btn-outline-dark:hover, .open > .dropdown-toggle.btn-outline-dark { color: #ffffff; background-color: #2b3d51; border-color: #2b3d51; }
.btn-facebook { color: #ffffff !important; background-color: #3b5998 !important; }
.btn-twitter { color: #ffffff !important; background-color: #00aced !important; }
.btn-linkedin { color: #ffffff !important; background-color: #007bb6 !important; }
.btn-dribbble { color: #ffffff !important; background-color: #ea4c89 !important; }
.btn-googleplus { color: #ffffff !important; background-color: #dd4b39 !important; }
.btn-instagram { color: #ffffff !important; background-color: #517fa4 !important; }
.btn-pinterest { color: #ffffff !important; background-color: #cb2027 !important; }
.btn-dropbox { color: #ffffff !important; background-color: #007ee5 !important; }
.btn-flickr { color: #ffffff !important; background-color: #ff0084 !important; }
.btn-tumblr { color: #ffffff !important; background-color: #32506d !important; }
.btn-skype { color: #ffffff !important; background-color: #00aff0 !important; }
.btn-youtube { color: #ffffff !important; background-color: #bb0000 !important; }
.btn-github { color: #ffffff !important; background-color: #171515 !important; }
.pull-right { float: right; }
.pull-left { float: left; }
.display-block { display: block; }
.dropdown-example { position: static; display: block; margin-bottom: .25rem;
clear: left; }
.dropdown-item.active, .dropdown-item:active { background-color: #0f9df7; }
#sidebar-menu > ul > li > a.pro { background-color: #f16854; color: #fff; bottom: 0; }
.avatar-circle { border-radius: 50%; }
.avatar-rounded { border-radius: 50%; }
.widget-messages .message-item { position: relative; overflow: hidden; border-bottom: 1px solid #e8e8e8; padding: 12px 0; }
.widget-messages .message-item img { width: 40px; }
.widget-messages .message-item .message-user-img { display: block; float: left; margin-right: 15px; width: 40px; }
.widget-messages .message-item .message-item-user { color: #525252; display: block; font-weight: 500; margin: 0; }
.widget-messages .message-item .message-item-msg { color: #525252; display: block; font-weight: 200; margin: 0; }
.widget-messages .message-item .message-item-date { color: #a2a5a7; font-weight: 200; position: absolute; right: 7px; top: 2px; }
.custom-modal .modal-header { padding: 10px !important; border-radius: 0; background-color: #5ba2e6; color: #fff; }
.custom-modal .modal-content { background-color: #f7f7f7; }
.custom-modal .modal-footer { padding: 10px !important; border-radius: 0; background-color: #f3f3f3; }
.custom-modal .close { color: #fff; text-shadow: 0; }
.border-left { border-left: 3px solid #eaeaea; }
.label-info { background-color: #5bc0de; }
.parsley-error { border-color: #ff5d48 !important; }
.parsley-errors-list.filled { display: block; }
.parsley-errors-list { display: none; margin: 0; padding: 0; }
.parsley-errors-list > li { font-size: 12px; list-style: none; color: #ff5d48; margin-top: 5px; }
.form-section { padding-left: 15px; border-left: 2px solid #FF851B; display: none; }
.form-section.current { display: inherit; }
* { margin: 0; padding: 0; }
.img-responsive { display: inline-block !important; }
.header { background-color: #0E9573; padding-bottom: 5px; }
.title { height: 65px; line-height: 65px; text-align: center; }
.title>span { font-size: 16px; color: #fff; }
.title>a { font-size: 16px; color: #fff; }
.content { padding: 20px 0; background-color: #F57706 }
.content-left { background: #232F3E; padding: 20px; border-radius: 15px; z-index: 1; position: relative;}
.content-left>h1 { font-size: 22px; font-weight: bold; color: #fff; }
.content-left>h3 { font-size: 15px; line-height: 30px; font-weight: bold; color: #FC0 }
.content-left>h4 { font-size: 18px; font-weight: bold; margin-top: 50px; color: #fff; }
.content-left>p { font-size: 16px; margin: 0 0 5px; color: #fff; text-align: justify; }
.content-left>.gift_card_first_page { background: url(../img/gift_card_bg1.png) no-repeat; background-size: 100% 100%; height: 400px;margin-bottom: 10px; }
.content-right { padding: 18px; background-color: white; border-radius: 15px; position: relative;z-index: 6;}
.content-feedback { padding: 18px; background-color: white; border-radius: 15px; position:relative;z-index: 5;top:-100%}
.content-form h3 { font-size: 22px; line-height: 30px; font-weight: bold; color: #F57706 }
.content-form>h2 { font-size: 26px; font-weight: bold; color: #fff; margin-top: 0; text-align: center; }
.content-form>h4 { font-size: 16px; color: #fff; font-weight: normal }
.form-info { margin-top: 10px; position: relative; }
.step-item { background: #FFF; padding: 20px 40px; margin: 5px 0; border-radius: 15px; }
 .KS_Name::-webkit-input-placeholder, .KS_Email::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 font-size:16px;
}
.KS_Name::-moz-placeholder, .KS_Email::-webkit-input-placeholder { /* Firefox 19+ */
 font-size:16px;
}
.KS_Name::-ms-input-placeholder, .KS_Email::-webkit-input-placeholder { /* IE 10+ */
 font-size:16px;
}
.icon-user, .icon-email { position: absolute; right: 10px; top: 7px; font-size: 26px; }
#send { color: rgb(255, 255, 255); font-weight: 600; background-color: rgb(66, 185, 159); font-size: 18px; border-radius: 3px; outline: none; border: none; }
#send:hover { background-color: #59C1AA; }
.form-promise { color: #fff; font-size: 12px; margin-top: 30px; text-align: center; }
.form-promise>a { color: #fff; }
.gift-list { padding: 20px 0; }
.el-icon-circle-close { color: #fff !important; }
.list { margin-bottom: 10px; }
.step { padding: 50px 0; }
.step-title { font-size: 32px; font-weight: bold; padding: 20px 0; text-align: center; }
.step-item { padding: 20px; }
.item-text>h3 { font-size: 23px; margin-top: 30px; font-weight: bold; }
.item-text>p { font-size: 16px; margin-top: 15px; }
.logo { text-align: center; }
.visible-div { width: 100%; height: 20px; }
.ask { padding: 20px 0; background-color: #232F3E; color: #fff; }
.ask-title { text-align: center; font-size: 32px; font-weight: 700; padding: 20px 0; }
.ask-item>h3 { font-size: 20px; }
.ask-item>p { margin-top: 15px; font-size: 16px; }
.review { padding-top: 20px; }
.review-title { padding: 20px 0; }
.review-title>h1 { text-align: center; font-size: 40px; font-weight: 700; }
.review-title>h4 { text-align: center; font-size: 23px; margin-top: 20px; }
.review-item { border: 1px dashed rgba(0, 0, 0, 0.17); padding: 20px; text-align: center; }
.review-text { font-size: 16px; }
.review-star { margin-top: 20px; }
.review-user { font-size: 20px; margin-top: 30px; font-weight: 700; }
.review-link { padding: 10px 0; }
.review-link>a { text-decoration: underline; color: #0000EE; }
.review-img { margin-top: 20px; }
.footer { background-color: #474747; text-align: center; font-size: 14px; color: #fff; padding: 10px 0; }
/*privacy*/
.privacy { padding-top: 100px; padding-bottom: 20px; }
.privacy-content { padding: 10px 0; }
.privacy-content>h1 { font-size: 44px; font-weight: 700; }
.privacy-content>h4 { font-size: 18px; margin-top: 30px; line-height: 25px; }
.privacy-content>h5 { font-size: 18px; margin-top: 30px; margin-bottom: 5px; }
.privacy-content>p { font-size: 18px; margin-bottom: 0; }
/*order*/
.order { padding-top: 100px; padding-bottom: 20px; }
.order-content { padding: 20px 0; }
.order-left>h1 { font-size: 36px; font-weight: 700; text-align: center; }
.order-left>h4 { font-size: 24px; margin-top: 15px; line-height: 35px; }
.order-left>h4>a { color: #551A8B; font-weight: 700; }
.order-right { padding: 15px 20px; background-color: #D5D5D5; }
.order-right-title { margin-top: 30px; font-size: 18px; font-weight: 700; text-align: center; }
.order-right-title>p:first-child { margin-bottom: 3px; }
.order-right-title>p:last-child { margin-top: 0; }
.order-form, .order-id { margin-top: 30px; }
.order-form>input { display: inline-block; padding: 12px 18px; width: 100%; border-radius: 3px; border: none; font-size: 16px; }
.order-id>input { display: inline-block; padding: 12px 18px; width: 100%; border-radius: 3px; border: none; }
.orderid::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 font-size:16px;
}
.orderid::-moz-placeholder { /* Firefox 19+ */
 font-size:16px;
}
.orderid:-ms-input-placeholder { /* IE 10+ */
 font-size:16px;
}
.order-send { color: rgb(255, 255, 255); font-weight: 600; background-color: rgb(66, 185, 159); font-size: 18px; border-radius: 3px; outline: none; border: none; box-shadow: 0 1px 5px rgba(0,0,0,0.7); }
.order-send:hover { background-color: #59C1AA; }
.order-form-text { font-size: 14px; text-align: center; margin-top: 30px; }
.order-form-text>a { font-weight: 700; color: #5E00EA; }
/*remark*/
.choose { padding-top: 100px; }
.right-div { padding: 30px 20px; }
.choose-left-top { margin-top: 30px; }
.choose-left { margin-bottom: 20px; }
.choose-p { padding: 20px 0; }
.choose-p>p>label { font-size: 16px; margin-left: 5px; }
/*remark2*/
.choose2-title { padding: 20px 0; text-align: center; }
.choose-right2>h2 { margin-top: 0; font-size: 24px; }
.choose-like { margin-top: 20px; }
.choose-like>ul, .friend>ul { padding: 0; }
.like-list, .friend-list { display: inline-block; text-align: center; width: 95px; margin-bottom: 10px; padding: 5px 5px; cursor: pointer; background-color: #DDDDDD; }
#like-active, #recommend-active { background-color: #5cb85c; color: #fff; }
.choose2-remark>textarea { width: 100%; padding: 10px; height: 100px; }
.choose-friend { margin-top: 30px; margin-bottom: 30px; }
.choose-friend>h2 { font-size: 24px; }
/*remark3*/
.address { text-align: center; }
.address>h2 { padding: 20px 0; }
.address-info { text-align: center; padding: 50px; }
.address-info>textarea { display: inline-block; width: 80%; height: 120px; padding: 10px; }
.choose-but { text-align: center; margin-top: 20px; }
.choose-but>a { border-radius: 0; }
.complete-info { padding-top: 50px; text-align: center; }
.complete-info>h2 { padding: 20px 0; }
.count { text-align: center; width: 20%; height: 40px; line-height: 40px; margin: 50px auto; color: #fff; background-color: #0E9573; }
/* navbar */
.custom_nav { padding: 0px; width: 100%; background: #FFF; border-radius: 0px; z-index: 999; margin-bottom: 0px; transition: all 0.5s ease-in-out; border-bottom: 1px solid #f1f1f1; min-height: 60px; font-family: 'Poppins', sans-serif; }
.custom_nav.stickyadd { background-color: #fff; }
.custom_nav a { color: #2AAFC0; }
.custom_nav .social_menu .list-inline-item:not(:last-child) { margin-right: 12px; }
.custom_nav .social_menu>li a { color: #000; transition: all 0.5s; font-size: 22px; }
.custom_nav .navbar-brand.logo img { height: 30px; }
.custom_nav .main_menu { position: relative; }
.custom_nav .main_menu li { padding: 0; }
.custom_nav .main_menu > li > a { color: #000; font-size: 14px; font-weight: 500; background-color: transparent !important; padding: 24px 0 !important; position: relative; margin: 0 12px; text-transform: uppercase; transition: all 0.4s; }
.custom_nav .main_menu .sec_sub_menu li a.nav-link:hover, .custom_nav .main_menu .sec_sub_menu li.active a.nav-link { color: #2AAFC0; }
.custom_nav .main_menu .sec_sub_menu li a.nav-link:hover { margin-left: 7px; }
.custom_nav.stickyadd .main_menu>li.active a, .custom_nav.stickyadd .main_menu>li:hover a, .custom_nav.stickyadd .main_menu>li:active a, .custom_nav .main_menu>li.active a, .custom_nav .main_menu>li:hover a, .custom_nav .main_menu>li:active a { color: #2AAFC0; }
.anim-middleout:hover:before { width: 100%; }
.custom_nav .main_menu li.active .first_sub_menu li.active > a { color: #2AAFC0; }
.custom_nav a.first_sub_menu.nav-link { position: relative; padding-right: 15px; }
.custom_nav .main_menu .sec_sub_menu li a.nav-link { color: #42506e; font-size: 13px; text-transform: uppercase; font-weight: 500; transition: all 0.4s; }
.feedback-area {width: 90%;font-size: 0.9rem; }
.feedback-div {margin-top: 10px;}
.feedback-div>label {margin-bottom:2px;}
.hideback {visibility: hidden;}
.showback {visibility: visible; cursor: pointer;color:#fff }
.showback:hover{color:#FC0; zoom: 1.02;}
input:invalid {background-color: lightpink}